feat(statuspage): refactor shared styles and modernize components for consistent theming, spacing and APIs

This commit is contained in:
2025-12-23 09:26:37 +00:00
parent 891eb04d11
commit ed9728dd4a
24 changed files with 4177 additions and 3542 deletions

View File

@@ -1,6 +1,6 @@
import { customElement, DeesElement, html, type TemplateResult, css, cssManager, unsafeCSS } from '@design.estate/dees-element';
import * as domtools from '@design.estate/dees-domtools';
import { fonts, colors, spacing } from '../../styles/shared.styles.js';
import * as sharedStyles from '../../styles/shared.styles.js';
@customElement('uplinternal-miniheading')
export class UplinternalMiniheading extends DeesElement {
@@ -9,18 +9,18 @@ export class UplinternalMiniheading extends DeesElement {
css`
:host {
display: block;
font-family: ${unsafeCSS(fonts.base)};
font-family: ${unsafeCSS(sharedStyles.fonts.base)};
}
h5 {
display: block;
max-width: 1200px;
margin: 0px auto;
padding: 0px 0px ${unsafeCSS(spacing.md)} 0px;
color: ${colors.text.secondary};
font-size: 14px;
padding: 0px 0px ${unsafeCSS(sharedStyles.spacing.sm)} 0px;
color: ${sharedStyles.colors.text.secondary};
font-size: 12px;
font-weight: 600;
letter-spacing: 0.025em;
letter-spacing: 0.05em;
text-transform: uppercase;
}
`