From d819ecf92d068bb8f675b1f9687f246e8f6a55b8 Mon Sep 17 00:00:00 2001 From: Melanie Boeckmann Date: Wed, 10 Jul 2024 10:18:09 -0700 Subject: [PATCH] refactor: remove tokens redundant after CSS rewrite (#230) * style: update lang-toggle padding * refactor: remove unused token * refactor: remove unnecessary tokens * refactor: remove old skip-to-nav token * update build files * refactor: remove redundant tokens after integrating gcds-link, gcds-heading, and gcds-text into existing components (#231) * remove redundant tokens after integrating gcds-link into gcds-lang-toggle * refactor: remove redundant tokens after integrating gcds-link into gcds-card * refactor: remove redundant tokens after integrating gcds-link into gcds-breadcrumbs * refactor: remove redundant tokens after integrating gcds-link into gcds-footer * fix: revert removing footer-main-text token * refactor: remove redundant tokens after integrating setting regular size for gcds-link component in existing components * refactor: remove redundant tokens after integrating gcds-text and gcds-heading into existing components (#232) * refactor: remove redundant tokens after integrating gcds-text into gcds-card * refactor: remove redundant tokens after integrating gcds-text into gcds-card * refactor: remove redundant tokens after integrating gcds-text into gcds-error-message * refactor: remove redundant tokens after integrating gcds-text into gcds-hint * refactor: remove redundant tokens after integrating gcds-text into gcds-date-modified * chore: revert accidentally updated dates * refactor: remove redundant tokens after integrating gcds-heading into gcds-stepper * refactor: remove redundant tokens after integrating gcds-heading into gcds-error-summary * refactor: revert red error colour for error summary links (#263) * refactor: keep red error colour for error summary links * refactor: revert red error colour for error summary links * refactor: remove unused hint + radio tokens * fix: remove unused card token --- build/figma/figma.tokens.json | 301 +------------------ build/web/css/.css | 57 +--- build/web/css/components.css | 57 +--- build/web/css/components/alert.css | 1 - build/web/css/components/breadcrumbs.css | 11 - build/web/css/components/button.css | 1 - build/web/css/components/card.css | 1 - build/web/css/components/date-modified.css | 2 - build/web/css/components/error-message.css | 2 - build/web/css/components/error-summary.css | 11 - build/web/css/components/footer.css | 11 +- build/web/css/components/hint.css | 1 - build/web/css/components/lang-toggle.css | 13 +- build/web/css/components/radio.css | 1 - build/web/css/components/verify-banner.css | 2 - build/web/css/tokens.css | 57 +--- build/web/scss/.scss | 57 +--- build/web/scss/components.scss | 57 +--- build/web/scss/components/alert.scss | 1 - build/web/scss/components/breadcrumbs.scss | 11 - build/web/scss/components/button.scss | 1 - build/web/scss/components/card.scss | 1 - build/web/scss/components/date-modified.scss | 2 - build/web/scss/components/error-message.scss | 2 - build/web/scss/components/error-summary.scss | 11 - build/web/scss/components/footer.scss | 11 +- build/web/scss/components/hint.scss | 1 - build/web/scss/components/lang-toggle.scss | 13 +- build/web/scss/components/radio.scss | 1 - build/web/scss/components/verify-banner.scss | 2 - build/web/scss/tokens.scss | 57 +--- tokens/components/alert/tokens.json | 4 - tokens/components/breadcrumbs/tokens.json | 59 ---- tokens/components/button/tokens.json | 6 - tokens/components/card/tokens.json | 6 - tokens/components/date-modified/tokens.json | 13 - tokens/components/error-message/tokens.json | 13 - tokens/components/error-summary/tokens.json | 63 +--- tokens/components/footer/tokens.json | 48 +-- tokens/components/hint/tokens.json | 9 - tokens/components/lang-toggle/tokens.json | 61 +--- tokens/components/radio/tokens.json | 11 - tokens/components/verify-banner/tokens.json | 12 - 43 files changed, 24 insertions(+), 1038 deletions(-) diff --git a/build/figma/figma.tokens.json b/build/figma/figma.tokens.json index a44cdbd9..39fbc32f 100644 --- a/build/figma/figma.tokens.json +++ b/build/figma/figma.tokens.json @@ -1146,10 +1146,6 @@ "type": "spacing" } }, - "margin": { - "value": "0 0.9375rem 0 0", - "type": "spacing" - }, "mobile": { "margin": { "value": "0 0 0.9375rem", @@ -1223,65 +1219,6 @@ } }, "breadcrumbs": { - "default": { - "text": { - "value": "#2b4380", - "type": "color" - }, - "decoration": { - "thickness": { - "value": "0.0625rem", - "type": "borderWidth" - } - } - }, - "focus": { - "background": { - "value": "#0535d2", - "type": "color" - }, - "border-radius": { - "value": "0.1875rem", - "type": "other" - }, - "text": { - "value": "#FFF", - "type": "color" - }, - "box-shadow": { - "value": "0 0 0 0.125rem #FFF", - "type": "color" - }, - "outline": { - "value": "0.1875rem solid #0535d2", - "type": "other" - }, - "outline-offset": { - "value": "0.125rem", - "type": "borderWidth" - } - }, - "font": { - "value": { - "fontFamily": "\"Noto Sans\", sans-serif", - "fontWeight": "400", - "lineHeight": "120%", - "fontSize": "1.25rem" - }, - "type": "typography" - }, - "hover": { - "text": { - "value": "#0535d2", - "type": "color" - }, - "decoration": { - "thickness": { - "value": "0.125rem", - "type": "borderWidth" - } - } - }, "item": { "arrow": { "top": { @@ -1459,12 +1396,6 @@ } } }, - "skip": { - "top": { - "value": "1.5rem", - "type": "spacing" - } - }, "small": { "font": { "value": { @@ -1572,12 +1503,6 @@ "boxShadow": { "value": "0 0.25rem 0.5625rem 0.25rem #00032", "type": "other" - }, - "title": { - "textDecorationThickness": { - "value": "0.125rem", - "type": "other" - } } }, "margin": { @@ -1753,22 +1678,9 @@ "type": "spacing" } }, - "font": { - "value": { - "fontFamily": "\"Noto Sans\", sans-serif", - "fontWeight": "400", - "lineHeight": "135%", - "fontSize": "1.1111111111111112rem" - }, - "type": "typography" - }, "margin": { "value": "3rem 0 1.5rem", "type": "spacing" - }, - "text": { - "value": "#333333", - "type": "color" } }, "details": { @@ -1912,15 +1824,6 @@ "type": "borderWidth" } }, - "font": { - "value": { - "fontFamily": "\"Noto Sans\", sans-serif", - "fontWeight": "400", - "lineHeight": "120%", - "fontSize": "1.25rem" - }, - "type": "typography" - }, "margin": { "value": "0 0 1.125rem", "type": "spacing" @@ -1928,10 +1831,6 @@ "padding": { "value": "0.75rem", "type": "spacing" - }, - "text": { - "value": "#333333", - "type": "color" } }, "error-summary": { @@ -1945,69 +1844,10 @@ "type": "borderWidth" } }, - "focus": { - "color": { - "value": "#0535d2", - "type": "color" - }, - "link": { - "backgroundColor": { - "value": "#0535d2", - "type": "color" - }, - "borderRadius": { - "value": "0.1875rem", - "type": "other" - }, - "boxShadow": { - "value": "0 0 0 0.125rem #FFF", - "type": "other" - }, - "outline": { - "value": "0.1875rem solid #0535d2", - "type": "other" - }, - "outlineOffset": { - "value": "0.125rem", - "type": "borderWidth" - }, - "text": { - "value": "#FFF", - "type": "color" - } - } - }, - "heading": { - "font": { - "value": { - "fontFamily": "\"Lato\", sans-serif", - "fontWeight": "700", - "lineHeight": "122.08437060746162%", - "fontSize": "2.2525405883789062rem" - }, - "type": "typography" - }, - "paddingBottom": { - "value": "1.125rem", - "type": "spacing" - } - }, - "hover": { - "link": { - "thickness": { - "value": "0.125rem", - "type": "borderWidth" - } - } - }, "link": { "color": { "value": "#A62A1E", "type": "color" - }, - "thickness": { - "value": "0.0625rem", - "type": "borderWidth" } }, "list": { @@ -2323,8 +2163,8 @@ "value": { "fontFamily": "\"Noto Sans\", sans-serif", "fontWeight": "400", - "lineHeight": "120%", - "fontSize": "85%" + "lineHeight": "135%", + "fontSize": "1.1111111111111112rem" }, "type": "typography" }, @@ -2395,18 +2235,6 @@ "value": "0.75rem", "type": "spacing" }, - "hover": { - "text": { - "value": "#0535d2", - "type": "color" - }, - "decoration": { - "thickness": { - "value": "0.125rem", - "type": "borderWidth" - } - } - }, "listitem": { "before": { "margin": { @@ -2452,38 +2280,6 @@ "value": "100%", "type": "sizing" } - }, - "text": { - "value": "#2b4380", - "type": "color" - } - }, - "link": { - "focus": { - "text": { - "value": "#FFF", - "type": "color" - }, - "background": { - "value": "#0535d2", - "type": "color" - }, - "radius": { - "value": "0.1875rem", - "type": "borderRadius" - }, - "box-shadow": { - "value": "0 0 0 0.125rem #FFF", - "type": "color" - }, - "outline-offset": { - "value": "0.125rem", - "type": "spacing" - }, - "outline": { - "value": "0.1875rem solid #0535d2", - "type": "other" - } } } }, @@ -2804,15 +2600,6 @@ } }, "hint": { - "font": { - "value": { - "fontFamily": "\"Noto Sans\", sans-serif", - "fontWeight": "400", - "lineHeight": "120%", - "fontSize": "1.25rem" - }, - "type": "typography" - }, "margin": { "value": "0 0 1.125rem", "type": "spacing" @@ -3102,67 +2889,8 @@ } }, "lang-toggle": { - "default": { - "text": { - "value": "#2b4380", - "type": "color" - }, - "decoration": { - "thickness": { - "value": "0.0625rem", - "type": "borderWidth" - } - } - }, - "focus": { - "background": { - "value": "#0535d2", - "type": "color" - }, - "text": { - "value": "#FFF", - "type": "color" - }, - "border-radius": { - "value": "0.1875rem", - "type": "other" - }, - "box-shadow": { - "value": "0 0 0 0.125rem #FFF", - "type": "color" - }, - "outline-offset": { - "value": "0.125rem", - "type": "borderWidth" - }, - "outline": { - "value": "0.1875rem solid #0535d2", - "type": "other" - } - }, - "font": { - "value": { - "fontFamily": "\"Noto Sans\", sans-serif", - "fontWeight": "400", - "lineHeight": "120%", - "fontSize": "1.25rem" - }, - "type": "typography" - }, - "hover": { - "text": { - "value": "#0535d2", - "type": "color" - }, - "decoration": { - "thickness": { - "value": "0.125rem", - "type": "borderWidth" - } - } - }, "padding": { - "value": "0.5625rem", + "value": "0.5625rem 0.75rem", "type": "spacing" } }, @@ -3787,17 +3515,6 @@ "type": "sizing" } }, - "hint": { - "font": { - "value": { - "fontFamily": "\"Noto Sans\", sans-serif", - "fontWeight": "400", - "lineHeight": "135%", - "fontSize": "1.1111111111111112rem" - }, - "type": "typography" - } - }, "label": { "padding": { "value": "0 0 0 3.75rem", @@ -4587,18 +4304,6 @@ "type": "spacing" } }, - "list": { - "margin": { - "value": "0 0 1.5rem", - "type": "spacing" - }, - "svg": { - "margin": { - "value": "0.1875rem", - "type": "spacing" - } - } - }, "paddingBlockStart": { "value": "1.5rem", "type": "spacing" diff --git a/build/web/css/.css b/build/web/css/.css index ae38497c..2998dec5 100644 --- a/build/web/css/.css +++ b/build/web/css/.css @@ -225,7 +225,6 @@ --gcds-alert-content-slotted-margin: 0.5625rem; --gcds-alert-font: 400 1.25rem/120% "Noto Sans", sans-serif; --gcds-alert-icon-font-size: 2.25rem; - --gcds-alert-icon-margin: 0 0.9375rem 0 0; --gcds-alert-icon-mobile-margin: 0 0 0.9375rem; --gcds-alert-padding: 0.75rem 0.9375rem; --gcds-alert-text: #333333; @@ -241,17 +240,6 @@ --gcds-alert-warning-background: #faedd1; --gcds-alert-warning-icon: #b3800f; --gcds-alert-warning-text: #333333; - --gcds-breadcrumbs-default-text: #2b4380; - --gcds-breadcrumbs-default-decoration-thickness: 0.0625rem; - --gcds-breadcrumbs-focus-background: #0535d2; - --gcds-breadcrumbs-focus-border-radius: 0.1875rem; - --gcds-breadcrumbs-focus-text: #ffffff; - --gcds-breadcrumbs-focus-box-shadow: 0 0 0 0.125rem #ffffff; - --gcds-breadcrumbs-focus-outline: 0.1875rem solid #0535d2; - --gcds-breadcrumbs-focus-outline-offset: 0.125rem; - --gcds-breadcrumbs-font: 400 1.25rem/120% "Noto Sans", sans-serif; - --gcds-breadcrumbs-hover-text: #0535d2; - --gcds-breadcrumbs-hover-decoration-thickness: 0.125rem; --gcds-breadcrumbs-item-arrow-top: 0.9375rem; --gcds-breadcrumbs-item-arrow-left: 0.1875rem; --gcds-breadcrumbs-item-first-child-margin: 0 0 0 -1.5rem; @@ -284,7 +272,6 @@ --gcds-button-shared-focus-text: #ffffff; --gcds-button-shared-disabled-background: #d6d9dd; --gcds-button-shared-disabled-text: #545961; - --gcds-button-skip-top: 1.5rem; --gcds-button-small-font: 400 80%/120% "Noto Sans", sans-serif; --gcds-button-small-padding: 0.75rem; --gcds-button-width: fit-content; @@ -304,7 +291,6 @@ --gcds-card-focus-outline: 0.1875rem solid #0535d2; --gcds-card-hover-background-color: #f1f2f380; --gcds-card-hover-box-shadow: 0 0.25rem 0.5625rem 0.25rem #00000032; - --gcds-card-hover-title-text-decoration-thickness: 0.125rem; --gcds-card-margin: 0 0 1.5rem; --gcds-card-padding: 2.25rem 1.5rem; --gcds-card-badge-background-color: #20809D; @@ -336,9 +322,7 @@ --gcds-checkbox-max-width: 46.5rem; --gcds-checkbox-padding: 0.75rem; --gcds-date-modified-description-margin: 0 0 0 0.1875rem; - --gcds-date-modified-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; --gcds-date-modified-margin: 3rem 0 1.5rem; - --gcds-date-modified-text: #333333; --gcds-details-default-text: #2b4380; --gcds-details-default-decoration-thickness: 0.0625rem; --gcds-details-focus-background: #0535d2; @@ -365,24 +349,11 @@ --gcds-error-message-background: #fbddda; --gcds-error-message-border-color: #d3080c; --gcds-error-message-border-width: 0.125rem; - --gcds-error-message-font: 400 1.25rem/120% "Noto Sans", sans-serif; --gcds-error-message-margin: 0 0 1.125rem; --gcds-error-message-padding: 0.75rem; - --gcds-error-message-text: #333333; --gcds-error-summary-border-color: #d3080c; --gcds-error-summary-border-width: 0.375rem; - --gcds-error-summary-focus-color: #0535d2; - --gcds-error-summary-focus-link-background-color: #0535d2; - --gcds-error-summary-focus-link-border-radius: 0.1875rem; - --gcds-error-summary-focus-link-box-shadow: 0 0 0 0.125rem #ffffff; - --gcds-error-summary-focus-link-outline: 0.1875rem solid #0535d2; - --gcds-error-summary-focus-link-outline-offset: 0.125rem; - --gcds-error-summary-focus-link-text: #ffffff; - --gcds-error-summary-heading-font: 700 2.2525405883789062rem/122.08437060746162% "Lato", sans-serif; - --gcds-error-summary-heading-padding-bottom: 1.125rem; - --gcds-error-summary-hover-link-thickness: 0.125rem; --gcds-error-summary-link-color: #a62a1e; - --gcds-error-summary-link-thickness: 0.0625rem; --gcds-error-summary-list-item-padding: 0 0 0.75rem; --gcds-error-summary-list-margin: 0 0 0 1.125rem; --gcds-error-summary-margin: 0 0 2.25rem; @@ -437,7 +408,7 @@ --gcds-footer-contextual-background: #33465c; --gcds-footer-contextual-padding: 1.125rem 0; --gcds-footer-contextual-text: #ffffff; - --gcds-footer-font: 400 85%/120% "Noto Sans", sans-serif; + --gcds-footer-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; --gcds-footer-list-grid-gap: 0.75rem; --gcds-footer-list-padding: 0; --gcds-footer-listitem-margin: 0 0 1.125rem; @@ -450,8 +421,6 @@ --gcds-footer-main-themenav-padding: 0.75rem 0 1.125rem; --gcds-footer-sub-background: #f1f2f3; --gcds-footer-sub-grid-gap: 0.75rem; - --gcds-footer-sub-hover-text: #0535d2; - --gcds-footer-sub-hover-decoration-thickness: 0.125rem; --gcds-footer-sub-listitem-before-margin: 0 1.125rem; --gcds-footer-sub-nav-padding: 3rem 0; --gcds-footer-sub-signature-lg-width: 10.937rem; @@ -460,13 +429,6 @@ --gcds-footer-sub-signature-margin: 2.25rem 0 3.75rem auto; --gcds-footer-sub-md-width: 7rem; --gcds-footer-sub-sm-width: 100%; - --gcds-footer-sub-text: #2b4380; - --gcds-footer-link-focus-text: #ffffff; - --gcds-footer-link-focus-background: #0535d2; - --gcds-footer-link-focus-radius: 0.1875rem; - --gcds-footer-link-focus-box-shadow: 0 0 0 0.125rem #ffffff; - --gcds-footer-link-focus-outline-offset: 0.125rem; - --gcds-footer-link-focus-outline: 0.1875rem solid #0535d2; --gcds-grid-columns-default-base: 1; --gcds-grid-columns-default-tablet: 6; --gcds-grid-columns-default-desktop: 12; @@ -520,7 +482,6 @@ --gcds-heading-spacing-800: 7.5rem; --gcds-heading-spacing-900: 9rem; --gcds-heading-spacing-1000: 10.5rem; - --gcds-hint-font: 400 1.25rem/120% "Noto Sans", sans-serif; --gcds-hint-margin: 0 0 1.125rem; --gcds-icon-font-family: "Font Awesome 6 Free", FontAwesome; --gcds-icon-font-size-caption: 1.1111111111111112rem; @@ -581,18 +542,7 @@ --gcds-label-font-mobile: 600 1rem/150% "Noto Sans", sans-serif; --gcds-label-margin: 0 0 0.375rem; --gcds-label-required-margin: 0 0 0 0.375rem; - --gcds-lang-toggle-default-text: #2b4380; - --gcds-lang-toggle-default-decoration-thickness: 0.0625rem; - --gcds-lang-toggle-focus-background: #0535d2; - --gcds-lang-toggle-focus-text: #ffffff; - --gcds-lang-toggle-focus-border-radius: 0.1875rem; - --gcds-lang-toggle-focus-box-shadow: 0 0 0 0.125rem #ffffff; - --gcds-lang-toggle-focus-outline-offset: 0.125rem; - --gcds-lang-toggle-focus-outline: 0.1875rem solid #0535d2; - --gcds-lang-toggle-font: 400 1.25rem/120% "Noto Sans", sans-serif; - --gcds-lang-toggle-hover-text: #0535d2; - --gcds-lang-toggle-hover-decoration-thickness: 0.125rem; - --gcds-lang-toggle-padding: 0.5625rem; + --gcds-lang-toggle-padding: 0.5625rem 0.75rem; --gcds-nav-group-mobile-background: #ffffff; --gcds-nav-group-mobile-list-margin: 0.9375rem 0 0; --gcds-nav-group-mobile-padding: 0.5625rem 0.9375rem 1.5rem 0.9375rem; @@ -705,7 +655,6 @@ --gcds-radio-font: 400 1.25rem/120% "Noto Sans", sans-serif; --gcds-radio-input-border-width: 0.125rem; --gcds-radio-input-height-and-width: 3rem; - --gcds-radio-hint-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; --gcds-radio-label-padding: 0 0 0 3.75rem; --gcds-radio-margin: 0 0 1.125rem; --gcds-radio-max-width: 46.5rem; @@ -850,8 +799,6 @@ --gcds-verify-banner-content-border-color: #7d828b; --gcds-verify-banner-content-border-width: 0.0625rem; --gcds-verify-banner-content-heading-margin: 0 0 0.1875rem; - --gcds-verify-banner-content-list-margin: 0 0 1.5rem; - --gcds-verify-banner-content-list-svg-margin: 0.1875rem; --gcds-verify-banner-content-padding-block-start: 1.5rem; --gcds-verify-banner-content-padding-block-end: 0.75rem; --gcds-verify-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; diff --git a/build/web/css/components.css b/build/web/css/components.css index 71da6448..e7c29bd7 100644 --- a/build/web/css/components.css +++ b/build/web/css/components.css @@ -83,7 +83,6 @@ --gcds-alert-content-slotted-margin: 0.5625rem; --gcds-alert-font: 400 1.25rem/120% "Noto Sans", sans-serif; --gcds-alert-icon-font-size: 2.25rem; - --gcds-alert-icon-margin: 0 0.9375rem 0 0; --gcds-alert-icon-mobile-margin: 0 0 0.9375rem; --gcds-alert-padding: 0.75rem 0.9375rem; --gcds-alert-text: #333333; @@ -99,17 +98,6 @@ --gcds-alert-warning-background: #faedd1; --gcds-alert-warning-icon: #b3800f; --gcds-alert-warning-text: #333333; - --gcds-breadcrumbs-default-text: #2b4380; - --gcds-breadcrumbs-default-decoration-thickness: 0.0625rem; - --gcds-breadcrumbs-focus-background: #0535d2; - --gcds-breadcrumbs-focus-border-radius: 0.1875rem; - --gcds-breadcrumbs-focus-text: #ffffff; - --gcds-breadcrumbs-focus-box-shadow: 0 0 0 0.125rem #ffffff; - --gcds-breadcrumbs-focus-outline: 0.1875rem solid #0535d2; - --gcds-breadcrumbs-focus-outline-offset: 0.125rem; - --gcds-breadcrumbs-font: 400 1.25rem/120% "Noto Sans", sans-serif; - --gcds-breadcrumbs-hover-text: #0535d2; - --gcds-breadcrumbs-hover-decoration-thickness: 0.125rem; --gcds-breadcrumbs-item-arrow-top: 0.9375rem; --gcds-breadcrumbs-item-arrow-left: 0.1875rem; --gcds-breadcrumbs-item-first-child-margin: 0 0 0 -1.5rem; @@ -142,7 +130,6 @@ --gcds-button-shared-focus-text: #ffffff; --gcds-button-shared-disabled-background: #d6d9dd; --gcds-button-shared-disabled-text: #545961; - --gcds-button-skip-top: 1.5rem; --gcds-button-small-font: 400 80%/120% "Noto Sans", sans-serif; --gcds-button-small-padding: 0.75rem; --gcds-button-width: fit-content; @@ -162,7 +149,6 @@ --gcds-card-focus-outline: 0.1875rem solid #0535d2; --gcds-card-hover-background-color: #f1f2f380; --gcds-card-hover-box-shadow: 0 0.25rem 0.5625rem 0.25rem #00000032; - --gcds-card-hover-title-text-decoration-thickness: 0.125rem; --gcds-card-margin: 0 0 1.5rem; --gcds-card-padding: 2.25rem 1.5rem; --gcds-card-badge-background-color: #20809D; @@ -194,9 +180,7 @@ --gcds-checkbox-max-width: 46.5rem; --gcds-checkbox-padding: 0.75rem; --gcds-date-modified-description-margin: 0 0 0 0.1875rem; - --gcds-date-modified-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; --gcds-date-modified-margin: 3rem 0 1.5rem; - --gcds-date-modified-text: #333333; --gcds-details-default-text: #2b4380; --gcds-details-default-decoration-thickness: 0.0625rem; --gcds-details-focus-background: #0535d2; @@ -223,24 +207,11 @@ --gcds-error-message-background: #fbddda; --gcds-error-message-border-color: #d3080c; --gcds-error-message-border-width: 0.125rem; - --gcds-error-message-font: 400 1.25rem/120% "Noto Sans", sans-serif; --gcds-error-message-margin: 0 0 1.125rem; --gcds-error-message-padding: 0.75rem; - --gcds-error-message-text: #333333; --gcds-error-summary-border-color: #d3080c; --gcds-error-summary-border-width: 0.375rem; - --gcds-error-summary-focus-color: #0535d2; - --gcds-error-summary-focus-link-background-color: #0535d2; - --gcds-error-summary-focus-link-border-radius: 0.1875rem; - --gcds-error-summary-focus-link-box-shadow: 0 0 0 0.125rem #ffffff; - --gcds-error-summary-focus-link-outline: 0.1875rem solid #0535d2; - --gcds-error-summary-focus-link-outline-offset: 0.125rem; - --gcds-error-summary-focus-link-text: #ffffff; - --gcds-error-summary-heading-font: 700 2.2525405883789062rem/122.08437060746162% "Lato", sans-serif; - --gcds-error-summary-heading-padding-bottom: 1.125rem; - --gcds-error-summary-hover-link-thickness: 0.125rem; --gcds-error-summary-link-color: #a62a1e; - --gcds-error-summary-link-thickness: 0.0625rem; --gcds-error-summary-list-item-padding: 0 0 0.75rem; --gcds-error-summary-list-margin: 0 0 0 1.125rem; --gcds-error-summary-margin: 0 0 2.25rem; @@ -295,7 +266,7 @@ --gcds-footer-contextual-background: #33465c; --gcds-footer-contextual-padding: 1.125rem 0; --gcds-footer-contextual-text: #ffffff; - --gcds-footer-font: 400 85%/120% "Noto Sans", sans-serif; + --gcds-footer-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; --gcds-footer-list-grid-gap: 0.75rem; --gcds-footer-list-padding: 0; --gcds-footer-listitem-margin: 0 0 1.125rem; @@ -308,8 +279,6 @@ --gcds-footer-main-themenav-padding: 0.75rem 0 1.125rem; --gcds-footer-sub-background: #f1f2f3; --gcds-footer-sub-grid-gap: 0.75rem; - --gcds-footer-sub-hover-text: #0535d2; - --gcds-footer-sub-hover-decoration-thickness: 0.125rem; --gcds-footer-sub-listitem-before-margin: 0 1.125rem; --gcds-footer-sub-nav-padding: 3rem 0; --gcds-footer-sub-signature-lg-width: 10.937rem; @@ -318,13 +287,6 @@ --gcds-footer-sub-signature-margin: 2.25rem 0 3.75rem auto; --gcds-footer-sub-md-width: 7rem; --gcds-footer-sub-sm-width: 100%; - --gcds-footer-sub-text: #2b4380; - --gcds-footer-link-focus-text: #ffffff; - --gcds-footer-link-focus-background: #0535d2; - --gcds-footer-link-focus-radius: 0.1875rem; - --gcds-footer-link-focus-box-shadow: 0 0 0 0.125rem #ffffff; - --gcds-footer-link-focus-outline-offset: 0.125rem; - --gcds-footer-link-focus-outline: 0.1875rem solid #0535d2; --gcds-grid-columns-default-base: 1; --gcds-grid-columns-default-tablet: 6; --gcds-grid-columns-default-desktop: 12; @@ -378,7 +340,6 @@ --gcds-heading-spacing-800: 7.5rem; --gcds-heading-spacing-900: 9rem; --gcds-heading-spacing-1000: 10.5rem; - --gcds-hint-font: 400 1.25rem/120% "Noto Sans", sans-serif; --gcds-hint-margin: 0 0 1.125rem; --gcds-icon-font-family: "Font Awesome 6 Free", FontAwesome; --gcds-icon-font-size-caption: 1.1111111111111112rem; @@ -439,18 +400,7 @@ --gcds-label-font-mobile: 600 1rem/150% "Noto Sans", sans-serif; --gcds-label-margin: 0 0 0.375rem; --gcds-label-required-margin: 0 0 0 0.375rem; - --gcds-lang-toggle-default-text: #2b4380; - --gcds-lang-toggle-default-decoration-thickness: 0.0625rem; - --gcds-lang-toggle-focus-background: #0535d2; - --gcds-lang-toggle-focus-text: #ffffff; - --gcds-lang-toggle-focus-border-radius: 0.1875rem; - --gcds-lang-toggle-focus-box-shadow: 0 0 0 0.125rem #ffffff; - --gcds-lang-toggle-focus-outline-offset: 0.125rem; - --gcds-lang-toggle-focus-outline: 0.1875rem solid #0535d2; - --gcds-lang-toggle-font: 400 1.25rem/120% "Noto Sans", sans-serif; - --gcds-lang-toggle-hover-text: #0535d2; - --gcds-lang-toggle-hover-decoration-thickness: 0.125rem; - --gcds-lang-toggle-padding: 0.5625rem; + --gcds-lang-toggle-padding: 0.5625rem 0.75rem; --gcds-nav-group-mobile-background: #ffffff; --gcds-nav-group-mobile-list-margin: 0.9375rem 0 0; --gcds-nav-group-mobile-padding: 0.5625rem 0.9375rem 1.5rem 0.9375rem; @@ -563,7 +513,6 @@ --gcds-radio-font: 400 1.25rem/120% "Noto Sans", sans-serif; --gcds-radio-input-border-width: 0.125rem; --gcds-radio-input-height-and-width: 3rem; - --gcds-radio-hint-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; --gcds-radio-label-padding: 0 0 0 3.75rem; --gcds-radio-margin: 0 0 1.125rem; --gcds-radio-max-width: 46.5rem; @@ -708,8 +657,6 @@ --gcds-verify-banner-content-border-color: #7d828b; --gcds-verify-banner-content-border-width: 0.0625rem; --gcds-verify-banner-content-heading-margin: 0 0 0.1875rem; - --gcds-verify-banner-content-list-margin: 0 0 1.5rem; - --gcds-verify-banner-content-list-svg-margin: 0.1875rem; --gcds-verify-banner-content-padding-block-start: 1.5rem; --gcds-verify-banner-content-padding-block-end: 0.75rem; --gcds-verify-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; diff --git a/build/web/css/components/alert.css b/build/web/css/components/alert.css index 127e7b39..69dd1e76 100644 --- a/build/web/css/components/alert.css +++ b/build/web/css/components/alert.css @@ -22,7 +22,6 @@ --gcds-alert-content-slotted-margin: 0.5625rem; --gcds-alert-font: 400 1.25rem/120% "Noto Sans", sans-serif; --gcds-alert-icon-font-size: 2.25rem; - --gcds-alert-icon-margin: 0 0.9375rem 0 0; --gcds-alert-icon-mobile-margin: 0 0 0.9375rem; --gcds-alert-padding: 0.75rem 0.9375rem; --gcds-alert-text: #333333; diff --git a/build/web/css/components/breadcrumbs.css b/build/web/css/components/breadcrumbs.css index e7827afc..95c4547c 100644 --- a/build/web/css/components/breadcrumbs.css +++ b/build/web/css/components/breadcrumbs.css @@ -3,17 +3,6 @@ */ :root { - --gcds-breadcrumbs-default-text: #2b4380; - --gcds-breadcrumbs-default-decoration-thickness: 0.0625rem; - --gcds-breadcrumbs-focus-background: #0535d2; - --gcds-breadcrumbs-focus-border-radius: 0.1875rem; - --gcds-breadcrumbs-focus-text: #ffffff; - --gcds-breadcrumbs-focus-box-shadow: 0 0 0 0.125rem #ffffff; - --gcds-breadcrumbs-focus-outline: 0.1875rem solid #0535d2; - --gcds-breadcrumbs-focus-outline-offset: 0.125rem; - --gcds-breadcrumbs-font: 400 1.25rem/120% "Noto Sans", sans-serif; - --gcds-breadcrumbs-hover-text: #0535d2; - --gcds-breadcrumbs-hover-decoration-thickness: 0.125rem; --gcds-breadcrumbs-item-arrow-top: 0.9375rem; --gcds-breadcrumbs-item-arrow-left: 0.1875rem; --gcds-breadcrumbs-item-first-child-margin: 0 0 0 -1.5rem; diff --git a/build/web/css/components/button.css b/build/web/css/components/button.css index 12619959..67d2340b 100644 --- a/build/web/css/components/button.css +++ b/build/web/css/components/button.css @@ -27,7 +27,6 @@ --gcds-button-shared-focus-text: #ffffff; --gcds-button-shared-disabled-background: #d6d9dd; --gcds-button-shared-disabled-text: #545961; - --gcds-button-skip-top: 1.5rem; --gcds-button-small-font: 400 80%/120% "Noto Sans", sans-serif; --gcds-button-small-padding: 0.75rem; --gcds-button-width: fit-content; diff --git a/build/web/css/components/card.css b/build/web/css/components/card.css index 8b30e5b9..c3107522 100644 --- a/build/web/css/components/card.css +++ b/build/web/css/components/card.css @@ -19,7 +19,6 @@ --gcds-card-focus-outline: 0.1875rem solid #0535d2; --gcds-card-hover-background-color: #f1f2f380; --gcds-card-hover-box-shadow: 0 0.25rem 0.5625rem 0.25rem #00000032; - --gcds-card-hover-title-text-decoration-thickness: 0.125rem; --gcds-card-margin: 0 0 1.5rem; --gcds-card-padding: 2.25rem 1.5rem; --gcds-card-badge-background-color: #20809D; diff --git a/build/web/css/components/date-modified.css b/build/web/css/components/date-modified.css index 4edc360b..a6bca770 100644 --- a/build/web/css/components/date-modified.css +++ b/build/web/css/components/date-modified.css @@ -4,7 +4,5 @@ :root { --gcds-date-modified-description-margin: 0 0 0 0.1875rem; - --gcds-date-modified-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; --gcds-date-modified-margin: 3rem 0 1.5rem; - --gcds-date-modified-text: #333333; } diff --git a/build/web/css/components/error-message.css b/build/web/css/components/error-message.css index b2d62bc7..9b8cfe13 100644 --- a/build/web/css/components/error-message.css +++ b/build/web/css/components/error-message.css @@ -6,8 +6,6 @@ --gcds-error-message-background: #fbddda; --gcds-error-message-border-color: #d3080c; --gcds-error-message-border-width: 0.125rem; - --gcds-error-message-font: 400 1.25rem/120% "Noto Sans", sans-serif; --gcds-error-message-margin: 0 0 1.125rem; --gcds-error-message-padding: 0.75rem; - --gcds-error-message-text: #333333; } diff --git a/build/web/css/components/error-summary.css b/build/web/css/components/error-summary.css index 1694eef8..4c25d361 100644 --- a/build/web/css/components/error-summary.css +++ b/build/web/css/components/error-summary.css @@ -5,18 +5,7 @@ :root { --gcds-error-summary-border-color: #d3080c; --gcds-error-summary-border-width: 0.375rem; - --gcds-error-summary-focus-color: #0535d2; - --gcds-error-summary-focus-link-background-color: #0535d2; - --gcds-error-summary-focus-link-border-radius: 0.1875rem; - --gcds-error-summary-focus-link-box-shadow: 0 0 0 0.125rem #ffffff; - --gcds-error-summary-focus-link-outline: 0.1875rem solid #0535d2; - --gcds-error-summary-focus-link-outline-offset: 0.125rem; - --gcds-error-summary-focus-link-text: #ffffff; - --gcds-error-summary-heading-font: 700 2.2525405883789062rem/122.08437060746162% "Lato", sans-serif; - --gcds-error-summary-heading-padding-bottom: 1.125rem; - --gcds-error-summary-hover-link-thickness: 0.125rem; --gcds-error-summary-link-color: #a62a1e; - --gcds-error-summary-link-thickness: 0.0625rem; --gcds-error-summary-list-item-padding: 0 0 0.75rem; --gcds-error-summary-list-margin: 0 0 0 1.125rem; --gcds-error-summary-margin: 0 0 2.25rem; diff --git a/build/web/css/components/footer.css b/build/web/css/components/footer.css index 93fbebb9..fb13d83d 100644 --- a/build/web/css/components/footer.css +++ b/build/web/css/components/footer.css @@ -8,7 +8,7 @@ --gcds-footer-contextual-background: #33465c; --gcds-footer-contextual-padding: 1.125rem 0; --gcds-footer-contextual-text: #ffffff; - --gcds-footer-font: 400 85%/120% "Noto Sans", sans-serif; + --gcds-footer-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; --gcds-footer-list-grid-gap: 0.75rem; --gcds-footer-list-padding: 0; --gcds-footer-listitem-margin: 0 0 1.125rem; @@ -21,8 +21,6 @@ --gcds-footer-main-themenav-padding: 0.75rem 0 1.125rem; --gcds-footer-sub-background: #f1f2f3; --gcds-footer-sub-grid-gap: 0.75rem; - --gcds-footer-sub-hover-text: #0535d2; - --gcds-footer-sub-hover-decoration-thickness: 0.125rem; --gcds-footer-sub-listitem-before-margin: 0 1.125rem; --gcds-footer-sub-nav-padding: 3rem 0; --gcds-footer-sub-signature-lg-width: 10.937rem; @@ -31,11 +29,4 @@ --gcds-footer-sub-signature-margin: 2.25rem 0 3.75rem auto; --gcds-footer-sub-md-width: 7rem; --gcds-footer-sub-sm-width: 100%; - --gcds-footer-sub-text: #2b4380; - --gcds-footer-link-focus-text: #ffffff; - --gcds-footer-link-focus-background: #0535d2; - --gcds-footer-link-focus-radius: 0.1875rem; - --gcds-footer-link-focus-box-shadow: 0 0 0 0.125rem #ffffff; - --gcds-footer-link-focus-outline-offset: 0.125rem; - --gcds-footer-link-focus-outline: 0.1875rem solid #0535d2; } diff --git a/build/web/css/components/hint.css b/build/web/css/components/hint.css index b6e6add4..e5130505 100644 --- a/build/web/css/components/hint.css +++ b/build/web/css/components/hint.css @@ -3,6 +3,5 @@ */ :root { - --gcds-hint-font: 400 1.25rem/120% "Noto Sans", sans-serif; --gcds-hint-margin: 0 0 1.125rem; } diff --git a/build/web/css/components/lang-toggle.css b/build/web/css/components/lang-toggle.css index e6baa046..4e6391a4 100644 --- a/build/web/css/components/lang-toggle.css +++ b/build/web/css/components/lang-toggle.css @@ -3,16 +3,5 @@ */ :root { - --gcds-lang-toggle-default-text: #2b4380; - --gcds-lang-toggle-default-decoration-thickness: 0.0625rem; - --gcds-lang-toggle-focus-background: #0535d2; - --gcds-lang-toggle-focus-text: #ffffff; - --gcds-lang-toggle-focus-border-radius: 0.1875rem; - --gcds-lang-toggle-focus-box-shadow: 0 0 0 0.125rem #ffffff; - --gcds-lang-toggle-focus-outline-offset: 0.125rem; - --gcds-lang-toggle-focus-outline: 0.1875rem solid #0535d2; - --gcds-lang-toggle-font: 400 1.25rem/120% "Noto Sans", sans-serif; - --gcds-lang-toggle-hover-text: #0535d2; - --gcds-lang-toggle-hover-decoration-thickness: 0.125rem; - --gcds-lang-toggle-padding: 0.5625rem; + --gcds-lang-toggle-padding: 0.5625rem 0.75rem; } diff --git a/build/web/css/components/radio.css b/build/web/css/components/radio.css index 2464c044..9bcba163 100644 --- a/build/web/css/components/radio.css +++ b/build/web/css/components/radio.css @@ -20,7 +20,6 @@ --gcds-radio-font: 400 1.25rem/120% "Noto Sans", sans-serif; --gcds-radio-input-border-width: 0.125rem; --gcds-radio-input-height-and-width: 3rem; - --gcds-radio-hint-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; --gcds-radio-label-padding: 0 0 0 3.75rem; --gcds-radio-margin: 0 0 1.125rem; --gcds-radio-max-width: 46.5rem; diff --git a/build/web/css/components/verify-banner.css b/build/web/css/components/verify-banner.css index 6a8c0fbf..f38b3fb3 100644 --- a/build/web/css/components/verify-banner.css +++ b/build/web/css/components/verify-banner.css @@ -14,8 +14,6 @@ --gcds-verify-banner-content-border-color: #7d828b; --gcds-verify-banner-content-border-width: 0.0625rem; --gcds-verify-banner-content-heading-margin: 0 0 0.1875rem; - --gcds-verify-banner-content-list-margin: 0 0 1.5rem; - --gcds-verify-banner-content-list-svg-margin: 0.1875rem; --gcds-verify-banner-content-padding-block-start: 1.5rem; --gcds-verify-banner-content-padding-block-end: 0.75rem; --gcds-verify-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; diff --git a/build/web/css/tokens.css b/build/web/css/tokens.css index ae38497c..2998dec5 100644 --- a/build/web/css/tokens.css +++ b/build/web/css/tokens.css @@ -225,7 +225,6 @@ --gcds-alert-content-slotted-margin: 0.5625rem; --gcds-alert-font: 400 1.25rem/120% "Noto Sans", sans-serif; --gcds-alert-icon-font-size: 2.25rem; - --gcds-alert-icon-margin: 0 0.9375rem 0 0; --gcds-alert-icon-mobile-margin: 0 0 0.9375rem; --gcds-alert-padding: 0.75rem 0.9375rem; --gcds-alert-text: #333333; @@ -241,17 +240,6 @@ --gcds-alert-warning-background: #faedd1; --gcds-alert-warning-icon: #b3800f; --gcds-alert-warning-text: #333333; - --gcds-breadcrumbs-default-text: #2b4380; - --gcds-breadcrumbs-default-decoration-thickness: 0.0625rem; - --gcds-breadcrumbs-focus-background: #0535d2; - --gcds-breadcrumbs-focus-border-radius: 0.1875rem; - --gcds-breadcrumbs-focus-text: #ffffff; - --gcds-breadcrumbs-focus-box-shadow: 0 0 0 0.125rem #ffffff; - --gcds-breadcrumbs-focus-outline: 0.1875rem solid #0535d2; - --gcds-breadcrumbs-focus-outline-offset: 0.125rem; - --gcds-breadcrumbs-font: 400 1.25rem/120% "Noto Sans", sans-serif; - --gcds-breadcrumbs-hover-text: #0535d2; - --gcds-breadcrumbs-hover-decoration-thickness: 0.125rem; --gcds-breadcrumbs-item-arrow-top: 0.9375rem; --gcds-breadcrumbs-item-arrow-left: 0.1875rem; --gcds-breadcrumbs-item-first-child-margin: 0 0 0 -1.5rem; @@ -284,7 +272,6 @@ --gcds-button-shared-focus-text: #ffffff; --gcds-button-shared-disabled-background: #d6d9dd; --gcds-button-shared-disabled-text: #545961; - --gcds-button-skip-top: 1.5rem; --gcds-button-small-font: 400 80%/120% "Noto Sans", sans-serif; --gcds-button-small-padding: 0.75rem; --gcds-button-width: fit-content; @@ -304,7 +291,6 @@ --gcds-card-focus-outline: 0.1875rem solid #0535d2; --gcds-card-hover-background-color: #f1f2f380; --gcds-card-hover-box-shadow: 0 0.25rem 0.5625rem 0.25rem #00000032; - --gcds-card-hover-title-text-decoration-thickness: 0.125rem; --gcds-card-margin: 0 0 1.5rem; --gcds-card-padding: 2.25rem 1.5rem; --gcds-card-badge-background-color: #20809D; @@ -336,9 +322,7 @@ --gcds-checkbox-max-width: 46.5rem; --gcds-checkbox-padding: 0.75rem; --gcds-date-modified-description-margin: 0 0 0 0.1875rem; - --gcds-date-modified-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; --gcds-date-modified-margin: 3rem 0 1.5rem; - --gcds-date-modified-text: #333333; --gcds-details-default-text: #2b4380; --gcds-details-default-decoration-thickness: 0.0625rem; --gcds-details-focus-background: #0535d2; @@ -365,24 +349,11 @@ --gcds-error-message-background: #fbddda; --gcds-error-message-border-color: #d3080c; --gcds-error-message-border-width: 0.125rem; - --gcds-error-message-font: 400 1.25rem/120% "Noto Sans", sans-serif; --gcds-error-message-margin: 0 0 1.125rem; --gcds-error-message-padding: 0.75rem; - --gcds-error-message-text: #333333; --gcds-error-summary-border-color: #d3080c; --gcds-error-summary-border-width: 0.375rem; - --gcds-error-summary-focus-color: #0535d2; - --gcds-error-summary-focus-link-background-color: #0535d2; - --gcds-error-summary-focus-link-border-radius: 0.1875rem; - --gcds-error-summary-focus-link-box-shadow: 0 0 0 0.125rem #ffffff; - --gcds-error-summary-focus-link-outline: 0.1875rem solid #0535d2; - --gcds-error-summary-focus-link-outline-offset: 0.125rem; - --gcds-error-summary-focus-link-text: #ffffff; - --gcds-error-summary-heading-font: 700 2.2525405883789062rem/122.08437060746162% "Lato", sans-serif; - --gcds-error-summary-heading-padding-bottom: 1.125rem; - --gcds-error-summary-hover-link-thickness: 0.125rem; --gcds-error-summary-link-color: #a62a1e; - --gcds-error-summary-link-thickness: 0.0625rem; --gcds-error-summary-list-item-padding: 0 0 0.75rem; --gcds-error-summary-list-margin: 0 0 0 1.125rem; --gcds-error-summary-margin: 0 0 2.25rem; @@ -437,7 +408,7 @@ --gcds-footer-contextual-background: #33465c; --gcds-footer-contextual-padding: 1.125rem 0; --gcds-footer-contextual-text: #ffffff; - --gcds-footer-font: 400 85%/120% "Noto Sans", sans-serif; + --gcds-footer-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; --gcds-footer-list-grid-gap: 0.75rem; --gcds-footer-list-padding: 0; --gcds-footer-listitem-margin: 0 0 1.125rem; @@ -450,8 +421,6 @@ --gcds-footer-main-themenav-padding: 0.75rem 0 1.125rem; --gcds-footer-sub-background: #f1f2f3; --gcds-footer-sub-grid-gap: 0.75rem; - --gcds-footer-sub-hover-text: #0535d2; - --gcds-footer-sub-hover-decoration-thickness: 0.125rem; --gcds-footer-sub-listitem-before-margin: 0 1.125rem; --gcds-footer-sub-nav-padding: 3rem 0; --gcds-footer-sub-signature-lg-width: 10.937rem; @@ -460,13 +429,6 @@ --gcds-footer-sub-signature-margin: 2.25rem 0 3.75rem auto; --gcds-footer-sub-md-width: 7rem; --gcds-footer-sub-sm-width: 100%; - --gcds-footer-sub-text: #2b4380; - --gcds-footer-link-focus-text: #ffffff; - --gcds-footer-link-focus-background: #0535d2; - --gcds-footer-link-focus-radius: 0.1875rem; - --gcds-footer-link-focus-box-shadow: 0 0 0 0.125rem #ffffff; - --gcds-footer-link-focus-outline-offset: 0.125rem; - --gcds-footer-link-focus-outline: 0.1875rem solid #0535d2; --gcds-grid-columns-default-base: 1; --gcds-grid-columns-default-tablet: 6; --gcds-grid-columns-default-desktop: 12; @@ -520,7 +482,6 @@ --gcds-heading-spacing-800: 7.5rem; --gcds-heading-spacing-900: 9rem; --gcds-heading-spacing-1000: 10.5rem; - --gcds-hint-font: 400 1.25rem/120% "Noto Sans", sans-serif; --gcds-hint-margin: 0 0 1.125rem; --gcds-icon-font-family: "Font Awesome 6 Free", FontAwesome; --gcds-icon-font-size-caption: 1.1111111111111112rem; @@ -581,18 +542,7 @@ --gcds-label-font-mobile: 600 1rem/150% "Noto Sans", sans-serif; --gcds-label-margin: 0 0 0.375rem; --gcds-label-required-margin: 0 0 0 0.375rem; - --gcds-lang-toggle-default-text: #2b4380; - --gcds-lang-toggle-default-decoration-thickness: 0.0625rem; - --gcds-lang-toggle-focus-background: #0535d2; - --gcds-lang-toggle-focus-text: #ffffff; - --gcds-lang-toggle-focus-border-radius: 0.1875rem; - --gcds-lang-toggle-focus-box-shadow: 0 0 0 0.125rem #ffffff; - --gcds-lang-toggle-focus-outline-offset: 0.125rem; - --gcds-lang-toggle-focus-outline: 0.1875rem solid #0535d2; - --gcds-lang-toggle-font: 400 1.25rem/120% "Noto Sans", sans-serif; - --gcds-lang-toggle-hover-text: #0535d2; - --gcds-lang-toggle-hover-decoration-thickness: 0.125rem; - --gcds-lang-toggle-padding: 0.5625rem; + --gcds-lang-toggle-padding: 0.5625rem 0.75rem; --gcds-nav-group-mobile-background: #ffffff; --gcds-nav-group-mobile-list-margin: 0.9375rem 0 0; --gcds-nav-group-mobile-padding: 0.5625rem 0.9375rem 1.5rem 0.9375rem; @@ -705,7 +655,6 @@ --gcds-radio-font: 400 1.25rem/120% "Noto Sans", sans-serif; --gcds-radio-input-border-width: 0.125rem; --gcds-radio-input-height-and-width: 3rem; - --gcds-radio-hint-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; --gcds-radio-label-padding: 0 0 0 3.75rem; --gcds-radio-margin: 0 0 1.125rem; --gcds-radio-max-width: 46.5rem; @@ -850,8 +799,6 @@ --gcds-verify-banner-content-border-color: #7d828b; --gcds-verify-banner-content-border-width: 0.0625rem; --gcds-verify-banner-content-heading-margin: 0 0 0.1875rem; - --gcds-verify-banner-content-list-margin: 0 0 1.5rem; - --gcds-verify-banner-content-list-svg-margin: 0.1875rem; --gcds-verify-banner-content-padding-block-start: 1.5rem; --gcds-verify-banner-content-padding-block-end: 0.75rem; --gcds-verify-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; diff --git a/build/web/scss/.scss b/build/web/scss/.scss index 4d08152e..d223e076 100644 --- a/build/web/scss/.scss +++ b/build/web/scss/.scss @@ -223,7 +223,6 @@ $gcds-alert-content-slotted-list-margin: 1.5rem; $gcds-alert-content-slotted-margin: 0.5625rem; $gcds-alert-font: 400 1.25rem/120% "Noto Sans", sans-serif; $gcds-alert-icon-font-size: 2.25rem; -$gcds-alert-icon-margin: 0 0.9375rem 0 0; $gcds-alert-icon-mobile-margin: 0 0 0.9375rem; $gcds-alert-padding: 0.75rem 0.9375rem; $gcds-alert-text: #333333; @@ -239,17 +238,6 @@ $gcds-alert-success-text: #333333; $gcds-alert-warning-background: #faedd1; $gcds-alert-warning-icon: #b3800f; $gcds-alert-warning-text: #333333; -$gcds-breadcrumbs-default-text: #2b4380; -$gcds-breadcrumbs-default-decoration-thickness: 0.0625rem; -$gcds-breadcrumbs-focus-background: #0535d2; -$gcds-breadcrumbs-focus-border-radius: 0.1875rem; -$gcds-breadcrumbs-focus-text: #ffffff; -$gcds-breadcrumbs-focus-box-shadow: 0 0 0 0.125rem #ffffff; -$gcds-breadcrumbs-focus-outline: 0.1875rem solid #0535d2; -$gcds-breadcrumbs-focus-outline-offset: 0.125rem; -$gcds-breadcrumbs-font: 400 1.25rem/120% "Noto Sans", sans-serif; -$gcds-breadcrumbs-hover-text: #0535d2; -$gcds-breadcrumbs-hover-decoration-thickness: 0.125rem; $gcds-breadcrumbs-item-arrow-top: 0.9375rem; $gcds-breadcrumbs-item-arrow-left: 0.1875rem; $gcds-breadcrumbs-item-first-child-margin: 0 0 0 -1.5rem; @@ -282,7 +270,6 @@ $gcds-button-shared-focus-outline-width: 0.1875rem; $gcds-button-shared-focus-text: #ffffff; $gcds-button-shared-disabled-background: #d6d9dd; $gcds-button-shared-disabled-text: #545961; -$gcds-button-skip-top: 1.5rem; $gcds-button-small-font: 400 80%/120% "Noto Sans", sans-serif; $gcds-button-small-padding: 0.75rem; $gcds-button-width: fit-content; @@ -302,7 +289,6 @@ $gcds-card-focus-outline-offset: 0.125rem; $gcds-card-focus-outline: 0.1875rem solid #0535d2; $gcds-card-hover-background-color: #f1f2f380; $gcds-card-hover-box-shadow: 0 0.25rem 0.5625rem 0.25rem #00000032; -$gcds-card-hover-title-text-decoration-thickness: 0.125rem; $gcds-card-margin: 0 0 1.5rem; $gcds-card-padding: 2.25rem 1.5rem; $gcds-card-badge-background-color: #20809D; @@ -334,9 +320,7 @@ $gcds-checkbox-margin: 0 0 1.125rem; $gcds-checkbox-max-width: 46.5rem; $gcds-checkbox-padding: 0.75rem; $gcds-date-modified-description-margin: 0 0 0 0.1875rem; -$gcds-date-modified-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; $gcds-date-modified-margin: 3rem 0 1.5rem; -$gcds-date-modified-text: #333333; $gcds-details-default-text: #2b4380; $gcds-details-default-decoration-thickness: 0.0625rem; $gcds-details-focus-background: #0535d2; @@ -363,24 +347,11 @@ $gcds-details-summary-padding: 0.375rem 0.375rem 0.375rem 2.25rem; $gcds-error-message-background: #fbddda; $gcds-error-message-border-color: #d3080c; $gcds-error-message-border-width: 0.125rem; -$gcds-error-message-font: 400 1.25rem/120% "Noto Sans", sans-serif; $gcds-error-message-margin: 0 0 1.125rem; $gcds-error-message-padding: 0.75rem; -$gcds-error-message-text: #333333; $gcds-error-summary-border-color: #d3080c; $gcds-error-summary-border-width: 0.375rem; -$gcds-error-summary-focus-color: #0535d2; -$gcds-error-summary-focus-link-background-color: #0535d2; -$gcds-error-summary-focus-link-border-radius: 0.1875rem; -$gcds-error-summary-focus-link-box-shadow: 0 0 0 0.125rem #ffffff; -$gcds-error-summary-focus-link-outline: 0.1875rem solid #0535d2; -$gcds-error-summary-focus-link-outline-offset: 0.125rem; -$gcds-error-summary-focus-link-text: #ffffff; -$gcds-error-summary-heading-font: 700 2.2525405883789062rem/122.08437060746162% "Lato", sans-serif; -$gcds-error-summary-heading-padding-bottom: 1.125rem; -$gcds-error-summary-hover-link-thickness: 0.125rem; $gcds-error-summary-link-color: #a62a1e; -$gcds-error-summary-link-thickness: 0.0625rem; $gcds-error-summary-list-item-padding: 0 0 0.75rem; $gcds-error-summary-list-margin: 0 0 0 1.125rem; $gcds-error-summary-margin: 0 0 2.25rem; @@ -435,7 +406,7 @@ $gcds-footer-container-width: 71.25rem; $gcds-footer-contextual-background: #33465c; $gcds-footer-contextual-padding: 1.125rem 0; $gcds-footer-contextual-text: #ffffff; -$gcds-footer-font: 400 85%/120% "Noto Sans", sans-serif; +$gcds-footer-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; $gcds-footer-list-grid-gap: 0.75rem; $gcds-footer-list-padding: 0; $gcds-footer-listitem-margin: 0 0 1.125rem; @@ -448,8 +419,6 @@ $gcds-footer-main-text: #ffffff; $gcds-footer-main-themenav-padding: 0.75rem 0 1.125rem; $gcds-footer-sub-background: #f1f2f3; $gcds-footer-sub-grid-gap: 0.75rem; -$gcds-footer-sub-hover-text: #0535d2; -$gcds-footer-sub-hover-decoration-thickness: 0.125rem; $gcds-footer-sub-listitem-before-margin: 0 1.125rem; $gcds-footer-sub-nav-padding: 3rem 0; $gcds-footer-sub-signature-lg-width: 10.937rem; @@ -458,13 +427,6 @@ $gcds-footer-sub-signature-lg-margin: 2.25rem 0 2.25rem auto; $gcds-footer-sub-signature-margin: 2.25rem 0 3.75rem auto; $gcds-footer-sub-md-width: 7rem; $gcds-footer-sub-sm-width: 100%; -$gcds-footer-sub-text: #2b4380; -$gcds-footer-link-focus-text: #ffffff; -$gcds-footer-link-focus-background: #0535d2; -$gcds-footer-link-focus-radius: 0.1875rem; -$gcds-footer-link-focus-box-shadow: 0 0 0 0.125rem #ffffff; -$gcds-footer-link-focus-outline-offset: 0.125rem; -$gcds-footer-link-focus-outline: 0.1875rem solid #0535d2; $gcds-grid-columns-default-base: 1; $gcds-grid-columns-default-tablet: 6; $gcds-grid-columns-default-desktop: 12; @@ -518,7 +480,6 @@ $gcds-heading-spacing-700: 6rem; $gcds-heading-spacing-800: 7.5rem; $gcds-heading-spacing-900: 9rem; $gcds-heading-spacing-1000: 10.5rem; -$gcds-hint-font: 400 1.25rem/120% "Noto Sans", sans-serif; $gcds-hint-margin: 0 0 1.125rem; $gcds-icon-font-family: "Font Awesome 6 Free", FontAwesome; $gcds-icon-font-size-caption: 1.1111111111111112rem; @@ -579,18 +540,7 @@ $gcds-label-font-desktop: 600 1.25rem/120% "Noto Sans", sans-serif; $gcds-label-font-mobile: 600 1rem/150% "Noto Sans", sans-serif; $gcds-label-margin: 0 0 0.375rem; $gcds-label-required-margin: 0 0 0 0.375rem; -$gcds-lang-toggle-default-text: #2b4380; -$gcds-lang-toggle-default-decoration-thickness: 0.0625rem; -$gcds-lang-toggle-focus-background: #0535d2; -$gcds-lang-toggle-focus-text: #ffffff; -$gcds-lang-toggle-focus-border-radius: 0.1875rem; -$gcds-lang-toggle-focus-box-shadow: 0 0 0 0.125rem #ffffff; -$gcds-lang-toggle-focus-outline-offset: 0.125rem; -$gcds-lang-toggle-focus-outline: 0.1875rem solid #0535d2; -$gcds-lang-toggle-font: 400 1.25rem/120% "Noto Sans", sans-serif; -$gcds-lang-toggle-hover-text: #0535d2; -$gcds-lang-toggle-hover-decoration-thickness: 0.125rem; -$gcds-lang-toggle-padding: 0.5625rem; +$gcds-lang-toggle-padding: 0.5625rem 0.75rem; $gcds-nav-group-mobile-background: #ffffff; $gcds-nav-group-mobile-list-margin: 0.9375rem 0 0; $gcds-nav-group-mobile-padding: 0.5625rem 0.9375rem 1.5rem 0.9375rem; @@ -703,7 +653,6 @@ $gcds-radio-focus-outline-width: 0.1875rem; $gcds-radio-font: 400 1.25rem/120% "Noto Sans", sans-serif; $gcds-radio-input-border-width: 0.125rem; $gcds-radio-input-height-and-width: 3rem; -$gcds-radio-hint-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; $gcds-radio-label-padding: 0 0 0 3.75rem; $gcds-radio-margin: 0 0 1.125rem; $gcds-radio-max-width: 46.5rem; @@ -848,8 +797,6 @@ $gcds-verify-banner-container-padding: 1.125rem; $gcds-verify-banner-content-border-color: #7d828b; $gcds-verify-banner-content-border-width: 0.0625rem; $gcds-verify-banner-content-heading-margin: 0 0 0.1875rem; -$gcds-verify-banner-content-list-margin: 0 0 1.5rem; -$gcds-verify-banner-content-list-svg-margin: 0.1875rem; $gcds-verify-banner-content-padding-block-start: 1.5rem; $gcds-verify-banner-content-padding-block-end: 0.75rem; $gcds-verify-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; diff --git a/build/web/scss/components.scss b/build/web/scss/components.scss index 3c9c0e9c..dc5d4f01 100644 --- a/build/web/scss/components.scss +++ b/build/web/scss/components.scss @@ -81,7 +81,6 @@ $gcds-alert-content-slotted-list-margin: 1.5rem; $gcds-alert-content-slotted-margin: 0.5625rem; $gcds-alert-font: 400 1.25rem/120% "Noto Sans", sans-serif; $gcds-alert-icon-font-size: 2.25rem; -$gcds-alert-icon-margin: 0 0.9375rem 0 0; $gcds-alert-icon-mobile-margin: 0 0 0.9375rem; $gcds-alert-padding: 0.75rem 0.9375rem; $gcds-alert-text: #333333; @@ -97,17 +96,6 @@ $gcds-alert-success-text: #333333; $gcds-alert-warning-background: #faedd1; $gcds-alert-warning-icon: #b3800f; $gcds-alert-warning-text: #333333; -$gcds-breadcrumbs-default-text: #2b4380; -$gcds-breadcrumbs-default-decoration-thickness: 0.0625rem; -$gcds-breadcrumbs-focus-background: #0535d2; -$gcds-breadcrumbs-focus-border-radius: 0.1875rem; -$gcds-breadcrumbs-focus-text: #ffffff; -$gcds-breadcrumbs-focus-box-shadow: 0 0 0 0.125rem #ffffff; -$gcds-breadcrumbs-focus-outline: 0.1875rem solid #0535d2; -$gcds-breadcrumbs-focus-outline-offset: 0.125rem; -$gcds-breadcrumbs-font: 400 1.25rem/120% "Noto Sans", sans-serif; -$gcds-breadcrumbs-hover-text: #0535d2; -$gcds-breadcrumbs-hover-decoration-thickness: 0.125rem; $gcds-breadcrumbs-item-arrow-top: 0.9375rem; $gcds-breadcrumbs-item-arrow-left: 0.1875rem; $gcds-breadcrumbs-item-first-child-margin: 0 0 0 -1.5rem; @@ -140,7 +128,6 @@ $gcds-button-shared-focus-outline-width: 0.1875rem; $gcds-button-shared-focus-text: #ffffff; $gcds-button-shared-disabled-background: #d6d9dd; $gcds-button-shared-disabled-text: #545961; -$gcds-button-skip-top: 1.5rem; $gcds-button-small-font: 400 80%/120% "Noto Sans", sans-serif; $gcds-button-small-padding: 0.75rem; $gcds-button-width: fit-content; @@ -160,7 +147,6 @@ $gcds-card-focus-outline-offset: 0.125rem; $gcds-card-focus-outline: 0.1875rem solid #0535d2; $gcds-card-hover-background-color: #f1f2f380; $gcds-card-hover-box-shadow: 0 0.25rem 0.5625rem 0.25rem #00000032; -$gcds-card-hover-title-text-decoration-thickness: 0.125rem; $gcds-card-margin: 0 0 1.5rem; $gcds-card-padding: 2.25rem 1.5rem; $gcds-card-badge-background-color: #20809D; @@ -192,9 +178,7 @@ $gcds-checkbox-margin: 0 0 1.125rem; $gcds-checkbox-max-width: 46.5rem; $gcds-checkbox-padding: 0.75rem; $gcds-date-modified-description-margin: 0 0 0 0.1875rem; -$gcds-date-modified-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; $gcds-date-modified-margin: 3rem 0 1.5rem; -$gcds-date-modified-text: #333333; $gcds-details-default-text: #2b4380; $gcds-details-default-decoration-thickness: 0.0625rem; $gcds-details-focus-background: #0535d2; @@ -221,24 +205,11 @@ $gcds-details-summary-padding: 0.375rem 0.375rem 0.375rem 2.25rem; $gcds-error-message-background: #fbddda; $gcds-error-message-border-color: #d3080c; $gcds-error-message-border-width: 0.125rem; -$gcds-error-message-font: 400 1.25rem/120% "Noto Sans", sans-serif; $gcds-error-message-margin: 0 0 1.125rem; $gcds-error-message-padding: 0.75rem; -$gcds-error-message-text: #333333; $gcds-error-summary-border-color: #d3080c; $gcds-error-summary-border-width: 0.375rem; -$gcds-error-summary-focus-color: #0535d2; -$gcds-error-summary-focus-link-background-color: #0535d2; -$gcds-error-summary-focus-link-border-radius: 0.1875rem; -$gcds-error-summary-focus-link-box-shadow: 0 0 0 0.125rem #ffffff; -$gcds-error-summary-focus-link-outline: 0.1875rem solid #0535d2; -$gcds-error-summary-focus-link-outline-offset: 0.125rem; -$gcds-error-summary-focus-link-text: #ffffff; -$gcds-error-summary-heading-font: 700 2.2525405883789062rem/122.08437060746162% "Lato", sans-serif; -$gcds-error-summary-heading-padding-bottom: 1.125rem; -$gcds-error-summary-hover-link-thickness: 0.125rem; $gcds-error-summary-link-color: #a62a1e; -$gcds-error-summary-link-thickness: 0.0625rem; $gcds-error-summary-list-item-padding: 0 0 0.75rem; $gcds-error-summary-list-margin: 0 0 0 1.125rem; $gcds-error-summary-margin: 0 0 2.25rem; @@ -293,7 +264,7 @@ $gcds-footer-container-width: 71.25rem; $gcds-footer-contextual-background: #33465c; $gcds-footer-contextual-padding: 1.125rem 0; $gcds-footer-contextual-text: #ffffff; -$gcds-footer-font: 400 85%/120% "Noto Sans", sans-serif; +$gcds-footer-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; $gcds-footer-list-grid-gap: 0.75rem; $gcds-footer-list-padding: 0; $gcds-footer-listitem-margin: 0 0 1.125rem; @@ -306,8 +277,6 @@ $gcds-footer-main-text: #ffffff; $gcds-footer-main-themenav-padding: 0.75rem 0 1.125rem; $gcds-footer-sub-background: #f1f2f3; $gcds-footer-sub-grid-gap: 0.75rem; -$gcds-footer-sub-hover-text: #0535d2; -$gcds-footer-sub-hover-decoration-thickness: 0.125rem; $gcds-footer-sub-listitem-before-margin: 0 1.125rem; $gcds-footer-sub-nav-padding: 3rem 0; $gcds-footer-sub-signature-lg-width: 10.937rem; @@ -316,13 +285,6 @@ $gcds-footer-sub-signature-lg-margin: 2.25rem 0 2.25rem auto; $gcds-footer-sub-signature-margin: 2.25rem 0 3.75rem auto; $gcds-footer-sub-md-width: 7rem; $gcds-footer-sub-sm-width: 100%; -$gcds-footer-sub-text: #2b4380; -$gcds-footer-link-focus-text: #ffffff; -$gcds-footer-link-focus-background: #0535d2; -$gcds-footer-link-focus-radius: 0.1875rem; -$gcds-footer-link-focus-box-shadow: 0 0 0 0.125rem #ffffff; -$gcds-footer-link-focus-outline-offset: 0.125rem; -$gcds-footer-link-focus-outline: 0.1875rem solid #0535d2; $gcds-grid-columns-default-base: 1; $gcds-grid-columns-default-tablet: 6; $gcds-grid-columns-default-desktop: 12; @@ -376,7 +338,6 @@ $gcds-heading-spacing-700: 6rem; $gcds-heading-spacing-800: 7.5rem; $gcds-heading-spacing-900: 9rem; $gcds-heading-spacing-1000: 10.5rem; -$gcds-hint-font: 400 1.25rem/120% "Noto Sans", sans-serif; $gcds-hint-margin: 0 0 1.125rem; $gcds-icon-font-family: "Font Awesome 6 Free", FontAwesome; $gcds-icon-font-size-caption: 1.1111111111111112rem; @@ -437,18 +398,7 @@ $gcds-label-font-desktop: 600 1.25rem/120% "Noto Sans", sans-serif; $gcds-label-font-mobile: 600 1rem/150% "Noto Sans", sans-serif; $gcds-label-margin: 0 0 0.375rem; $gcds-label-required-margin: 0 0 0 0.375rem; -$gcds-lang-toggle-default-text: #2b4380; -$gcds-lang-toggle-default-decoration-thickness: 0.0625rem; -$gcds-lang-toggle-focus-background: #0535d2; -$gcds-lang-toggle-focus-text: #ffffff; -$gcds-lang-toggle-focus-border-radius: 0.1875rem; -$gcds-lang-toggle-focus-box-shadow: 0 0 0 0.125rem #ffffff; -$gcds-lang-toggle-focus-outline-offset: 0.125rem; -$gcds-lang-toggle-focus-outline: 0.1875rem solid #0535d2; -$gcds-lang-toggle-font: 400 1.25rem/120% "Noto Sans", sans-serif; -$gcds-lang-toggle-hover-text: #0535d2; -$gcds-lang-toggle-hover-decoration-thickness: 0.125rem; -$gcds-lang-toggle-padding: 0.5625rem; +$gcds-lang-toggle-padding: 0.5625rem 0.75rem; $gcds-nav-group-mobile-background: #ffffff; $gcds-nav-group-mobile-list-margin: 0.9375rem 0 0; $gcds-nav-group-mobile-padding: 0.5625rem 0.9375rem 1.5rem 0.9375rem; @@ -561,7 +511,6 @@ $gcds-radio-focus-outline-width: 0.1875rem; $gcds-radio-font: 400 1.25rem/120% "Noto Sans", sans-serif; $gcds-radio-input-border-width: 0.125rem; $gcds-radio-input-height-and-width: 3rem; -$gcds-radio-hint-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; $gcds-radio-label-padding: 0 0 0 3.75rem; $gcds-radio-margin: 0 0 1.125rem; $gcds-radio-max-width: 46.5rem; @@ -706,8 +655,6 @@ $gcds-verify-banner-container-padding: 1.125rem; $gcds-verify-banner-content-border-color: #7d828b; $gcds-verify-banner-content-border-width: 0.0625rem; $gcds-verify-banner-content-heading-margin: 0 0 0.1875rem; -$gcds-verify-banner-content-list-margin: 0 0 1.5rem; -$gcds-verify-banner-content-list-svg-margin: 0.1875rem; $gcds-verify-banner-content-padding-block-start: 1.5rem; $gcds-verify-banner-content-padding-block-end: 0.75rem; $gcds-verify-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; diff --git a/build/web/scss/components/alert.scss b/build/web/scss/components/alert.scss index bf2b10a2..564da17e 100644 --- a/build/web/scss/components/alert.scss +++ b/build/web/scss/components/alert.scss @@ -20,7 +20,6 @@ $gcds-alert-content-slotted-list-margin: 1.5rem; $gcds-alert-content-slotted-margin: 0.5625rem; $gcds-alert-font: 400 1.25rem/120% "Noto Sans", sans-serif; $gcds-alert-icon-font-size: 2.25rem; -$gcds-alert-icon-margin: 0 0.9375rem 0 0; $gcds-alert-icon-mobile-margin: 0 0 0.9375rem; $gcds-alert-padding: 0.75rem 0.9375rem; $gcds-alert-text: #333333; diff --git a/build/web/scss/components/breadcrumbs.scss b/build/web/scss/components/breadcrumbs.scss index d906b718..c727310b 100644 --- a/build/web/scss/components/breadcrumbs.scss +++ b/build/web/scss/components/breadcrumbs.scss @@ -1,17 +1,6 @@ // Do not edit directly. -$gcds-breadcrumbs-default-text: #2b4380; -$gcds-breadcrumbs-default-decoration-thickness: 0.0625rem; -$gcds-breadcrumbs-focus-background: #0535d2; -$gcds-breadcrumbs-focus-border-radius: 0.1875rem; -$gcds-breadcrumbs-focus-text: #ffffff; -$gcds-breadcrumbs-focus-box-shadow: 0 0 0 0.125rem #ffffff; -$gcds-breadcrumbs-focus-outline: 0.1875rem solid #0535d2; -$gcds-breadcrumbs-focus-outline-offset: 0.125rem; -$gcds-breadcrumbs-font: 400 1.25rem/120% "Noto Sans", sans-serif; -$gcds-breadcrumbs-hover-text: #0535d2; -$gcds-breadcrumbs-hover-decoration-thickness: 0.125rem; $gcds-breadcrumbs-item-arrow-top: 0.9375rem; $gcds-breadcrumbs-item-arrow-left: 0.1875rem; $gcds-breadcrumbs-item-first-child-margin: 0 0 0 -1.5rem; diff --git a/build/web/scss/components/button.scss b/build/web/scss/components/button.scss index 4bf07625..02890d0b 100644 --- a/build/web/scss/components/button.scss +++ b/build/web/scss/components/button.scss @@ -25,7 +25,6 @@ $gcds-button-shared-focus-outline-width: 0.1875rem; $gcds-button-shared-focus-text: #ffffff; $gcds-button-shared-disabled-background: #d6d9dd; $gcds-button-shared-disabled-text: #545961; -$gcds-button-skip-top: 1.5rem; $gcds-button-small-font: 400 80%/120% "Noto Sans", sans-serif; $gcds-button-small-padding: 0.75rem; $gcds-button-width: fit-content; diff --git a/build/web/scss/components/card.scss b/build/web/scss/components/card.scss index 252d4833..1f5dc469 100644 --- a/build/web/scss/components/card.scss +++ b/build/web/scss/components/card.scss @@ -17,7 +17,6 @@ $gcds-card-focus-outline-offset: 0.125rem; $gcds-card-focus-outline: 0.1875rem solid #0535d2; $gcds-card-hover-background-color: #f1f2f380; $gcds-card-hover-box-shadow: 0 0.25rem 0.5625rem 0.25rem #00000032; -$gcds-card-hover-title-text-decoration-thickness: 0.125rem; $gcds-card-margin: 0 0 1.5rem; $gcds-card-padding: 2.25rem 1.5rem; $gcds-card-badge-background-color: #20809D; diff --git a/build/web/scss/components/date-modified.scss b/build/web/scss/components/date-modified.scss index 6a75bc6e..eb02dd00 100644 --- a/build/web/scss/components/date-modified.scss +++ b/build/web/scss/components/date-modified.scss @@ -2,6 +2,4 @@ // Do not edit directly. $gcds-date-modified-description-margin: 0 0 0 0.1875rem; -$gcds-date-modified-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; $gcds-date-modified-margin: 3rem 0 1.5rem; -$gcds-date-modified-text: #333333; diff --git a/build/web/scss/components/error-message.scss b/build/web/scss/components/error-message.scss index 8fa1ba23..d4c1438c 100644 --- a/build/web/scss/components/error-message.scss +++ b/build/web/scss/components/error-message.scss @@ -4,7 +4,5 @@ $gcds-error-message-background: #fbddda; $gcds-error-message-border-color: #d3080c; $gcds-error-message-border-width: 0.125rem; -$gcds-error-message-font: 400 1.25rem/120% "Noto Sans", sans-serif; $gcds-error-message-margin: 0 0 1.125rem; $gcds-error-message-padding: 0.75rem; -$gcds-error-message-text: #333333; diff --git a/build/web/scss/components/error-summary.scss b/build/web/scss/components/error-summary.scss index ce67b925..8203dd18 100644 --- a/build/web/scss/components/error-summary.scss +++ b/build/web/scss/components/error-summary.scss @@ -3,18 +3,7 @@ $gcds-error-summary-border-color: #d3080c; $gcds-error-summary-border-width: 0.375rem; -$gcds-error-summary-focus-color: #0535d2; -$gcds-error-summary-focus-link-background-color: #0535d2; -$gcds-error-summary-focus-link-border-radius: 0.1875rem; -$gcds-error-summary-focus-link-box-shadow: 0 0 0 0.125rem #ffffff; -$gcds-error-summary-focus-link-outline: 0.1875rem solid #0535d2; -$gcds-error-summary-focus-link-outline-offset: 0.125rem; -$gcds-error-summary-focus-link-text: #ffffff; -$gcds-error-summary-heading-font: 700 2.2525405883789062rem/122.08437060746162% "Lato", sans-serif; -$gcds-error-summary-heading-padding-bottom: 1.125rem; -$gcds-error-summary-hover-link-thickness: 0.125rem; $gcds-error-summary-link-color: #a62a1e; -$gcds-error-summary-link-thickness: 0.0625rem; $gcds-error-summary-list-item-padding: 0 0 0.75rem; $gcds-error-summary-list-margin: 0 0 0 1.125rem; $gcds-error-summary-margin: 0 0 2.25rem; diff --git a/build/web/scss/components/footer.scss b/build/web/scss/components/footer.scss index 3fa756c0..15c5d903 100644 --- a/build/web/scss/components/footer.scss +++ b/build/web/scss/components/footer.scss @@ -6,7 +6,7 @@ $gcds-footer-container-width: 71.25rem; $gcds-footer-contextual-background: #33465c; $gcds-footer-contextual-padding: 1.125rem 0; $gcds-footer-contextual-text: #ffffff; -$gcds-footer-font: 400 85%/120% "Noto Sans", sans-serif; +$gcds-footer-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; $gcds-footer-list-grid-gap: 0.75rem; $gcds-footer-list-padding: 0; $gcds-footer-listitem-margin: 0 0 1.125rem; @@ -19,8 +19,6 @@ $gcds-footer-main-text: #ffffff; $gcds-footer-main-themenav-padding: 0.75rem 0 1.125rem; $gcds-footer-sub-background: #f1f2f3; $gcds-footer-sub-grid-gap: 0.75rem; -$gcds-footer-sub-hover-text: #0535d2; -$gcds-footer-sub-hover-decoration-thickness: 0.125rem; $gcds-footer-sub-listitem-before-margin: 0 1.125rem; $gcds-footer-sub-nav-padding: 3rem 0; $gcds-footer-sub-signature-lg-width: 10.937rem; @@ -29,10 +27,3 @@ $gcds-footer-sub-signature-lg-margin: 2.25rem 0 2.25rem auto; $gcds-footer-sub-signature-margin: 2.25rem 0 3.75rem auto; $gcds-footer-sub-md-width: 7rem; $gcds-footer-sub-sm-width: 100%; -$gcds-footer-sub-text: #2b4380; -$gcds-footer-link-focus-text: #ffffff; -$gcds-footer-link-focus-background: #0535d2; -$gcds-footer-link-focus-radius: 0.1875rem; -$gcds-footer-link-focus-box-shadow: 0 0 0 0.125rem #ffffff; -$gcds-footer-link-focus-outline-offset: 0.125rem; -$gcds-footer-link-focus-outline: 0.1875rem solid #0535d2; diff --git a/build/web/scss/components/hint.scss b/build/web/scss/components/hint.scss index 6bc21e3e..a1f83269 100644 --- a/build/web/scss/components/hint.scss +++ b/build/web/scss/components/hint.scss @@ -1,5 +1,4 @@ // Do not edit directly. -$gcds-hint-font: 400 1.25rem/120% "Noto Sans", sans-serif; $gcds-hint-margin: 0 0 1.125rem; diff --git a/build/web/scss/components/lang-toggle.scss b/build/web/scss/components/lang-toggle.scss index 63ad3217..13e4e95d 100644 --- a/build/web/scss/components/lang-toggle.scss +++ b/build/web/scss/components/lang-toggle.scss @@ -1,15 +1,4 @@ // Do not edit directly. -$gcds-lang-toggle-default-text: #2b4380; -$gcds-lang-toggle-default-decoration-thickness: 0.0625rem; -$gcds-lang-toggle-focus-background: #0535d2; -$gcds-lang-toggle-focus-text: #ffffff; -$gcds-lang-toggle-focus-border-radius: 0.1875rem; -$gcds-lang-toggle-focus-box-shadow: 0 0 0 0.125rem #ffffff; -$gcds-lang-toggle-focus-outline-offset: 0.125rem; -$gcds-lang-toggle-focus-outline: 0.1875rem solid #0535d2; -$gcds-lang-toggle-font: 400 1.25rem/120% "Noto Sans", sans-serif; -$gcds-lang-toggle-hover-text: #0535d2; -$gcds-lang-toggle-hover-decoration-thickness: 0.125rem; -$gcds-lang-toggle-padding: 0.5625rem; +$gcds-lang-toggle-padding: 0.5625rem 0.75rem; diff --git a/build/web/scss/components/radio.scss b/build/web/scss/components/radio.scss index ef5cae6f..366bc655 100644 --- a/build/web/scss/components/radio.scss +++ b/build/web/scss/components/radio.scss @@ -18,7 +18,6 @@ $gcds-radio-focus-outline-width: 0.1875rem; $gcds-radio-font: 400 1.25rem/120% "Noto Sans", sans-serif; $gcds-radio-input-border-width: 0.125rem; $gcds-radio-input-height-and-width: 3rem; -$gcds-radio-hint-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; $gcds-radio-label-padding: 0 0 0 3.75rem; $gcds-radio-margin: 0 0 1.125rem; $gcds-radio-max-width: 46.5rem; diff --git a/build/web/scss/components/verify-banner.scss b/build/web/scss/components/verify-banner.scss index c1634ed4..213b5428 100644 --- a/build/web/scss/components/verify-banner.scss +++ b/build/web/scss/components/verify-banner.scss @@ -12,8 +12,6 @@ $gcds-verify-banner-container-padding: 1.125rem; $gcds-verify-banner-content-border-color: #7d828b; $gcds-verify-banner-content-border-width: 0.0625rem; $gcds-verify-banner-content-heading-margin: 0 0 0.1875rem; -$gcds-verify-banner-content-list-margin: 0 0 1.5rem; -$gcds-verify-banner-content-list-svg-margin: 0.1875rem; $gcds-verify-banner-content-padding-block-start: 1.5rem; $gcds-verify-banner-content-padding-block-end: 0.75rem; $gcds-verify-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; diff --git a/build/web/scss/tokens.scss b/build/web/scss/tokens.scss index 4d08152e..d223e076 100644 --- a/build/web/scss/tokens.scss +++ b/build/web/scss/tokens.scss @@ -223,7 +223,6 @@ $gcds-alert-content-slotted-list-margin: 1.5rem; $gcds-alert-content-slotted-margin: 0.5625rem; $gcds-alert-font: 400 1.25rem/120% "Noto Sans", sans-serif; $gcds-alert-icon-font-size: 2.25rem; -$gcds-alert-icon-margin: 0 0.9375rem 0 0; $gcds-alert-icon-mobile-margin: 0 0 0.9375rem; $gcds-alert-padding: 0.75rem 0.9375rem; $gcds-alert-text: #333333; @@ -239,17 +238,6 @@ $gcds-alert-success-text: #333333; $gcds-alert-warning-background: #faedd1; $gcds-alert-warning-icon: #b3800f; $gcds-alert-warning-text: #333333; -$gcds-breadcrumbs-default-text: #2b4380; -$gcds-breadcrumbs-default-decoration-thickness: 0.0625rem; -$gcds-breadcrumbs-focus-background: #0535d2; -$gcds-breadcrumbs-focus-border-radius: 0.1875rem; -$gcds-breadcrumbs-focus-text: #ffffff; -$gcds-breadcrumbs-focus-box-shadow: 0 0 0 0.125rem #ffffff; -$gcds-breadcrumbs-focus-outline: 0.1875rem solid #0535d2; -$gcds-breadcrumbs-focus-outline-offset: 0.125rem; -$gcds-breadcrumbs-font: 400 1.25rem/120% "Noto Sans", sans-serif; -$gcds-breadcrumbs-hover-text: #0535d2; -$gcds-breadcrumbs-hover-decoration-thickness: 0.125rem; $gcds-breadcrumbs-item-arrow-top: 0.9375rem; $gcds-breadcrumbs-item-arrow-left: 0.1875rem; $gcds-breadcrumbs-item-first-child-margin: 0 0 0 -1.5rem; @@ -282,7 +270,6 @@ $gcds-button-shared-focus-outline-width: 0.1875rem; $gcds-button-shared-focus-text: #ffffff; $gcds-button-shared-disabled-background: #d6d9dd; $gcds-button-shared-disabled-text: #545961; -$gcds-button-skip-top: 1.5rem; $gcds-button-small-font: 400 80%/120% "Noto Sans", sans-serif; $gcds-button-small-padding: 0.75rem; $gcds-button-width: fit-content; @@ -302,7 +289,6 @@ $gcds-card-focus-outline-offset: 0.125rem; $gcds-card-focus-outline: 0.1875rem solid #0535d2; $gcds-card-hover-background-color: #f1f2f380; $gcds-card-hover-box-shadow: 0 0.25rem 0.5625rem 0.25rem #00000032; -$gcds-card-hover-title-text-decoration-thickness: 0.125rem; $gcds-card-margin: 0 0 1.5rem; $gcds-card-padding: 2.25rem 1.5rem; $gcds-card-badge-background-color: #20809D; @@ -334,9 +320,7 @@ $gcds-checkbox-margin: 0 0 1.125rem; $gcds-checkbox-max-width: 46.5rem; $gcds-checkbox-padding: 0.75rem; $gcds-date-modified-description-margin: 0 0 0 0.1875rem; -$gcds-date-modified-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; $gcds-date-modified-margin: 3rem 0 1.5rem; -$gcds-date-modified-text: #333333; $gcds-details-default-text: #2b4380; $gcds-details-default-decoration-thickness: 0.0625rem; $gcds-details-focus-background: #0535d2; @@ -363,24 +347,11 @@ $gcds-details-summary-padding: 0.375rem 0.375rem 0.375rem 2.25rem; $gcds-error-message-background: #fbddda; $gcds-error-message-border-color: #d3080c; $gcds-error-message-border-width: 0.125rem; -$gcds-error-message-font: 400 1.25rem/120% "Noto Sans", sans-serif; $gcds-error-message-margin: 0 0 1.125rem; $gcds-error-message-padding: 0.75rem; -$gcds-error-message-text: #333333; $gcds-error-summary-border-color: #d3080c; $gcds-error-summary-border-width: 0.375rem; -$gcds-error-summary-focus-color: #0535d2; -$gcds-error-summary-focus-link-background-color: #0535d2; -$gcds-error-summary-focus-link-border-radius: 0.1875rem; -$gcds-error-summary-focus-link-box-shadow: 0 0 0 0.125rem #ffffff; -$gcds-error-summary-focus-link-outline: 0.1875rem solid #0535d2; -$gcds-error-summary-focus-link-outline-offset: 0.125rem; -$gcds-error-summary-focus-link-text: #ffffff; -$gcds-error-summary-heading-font: 700 2.2525405883789062rem/122.08437060746162% "Lato", sans-serif; -$gcds-error-summary-heading-padding-bottom: 1.125rem; -$gcds-error-summary-hover-link-thickness: 0.125rem; $gcds-error-summary-link-color: #a62a1e; -$gcds-error-summary-link-thickness: 0.0625rem; $gcds-error-summary-list-item-padding: 0 0 0.75rem; $gcds-error-summary-list-margin: 0 0 0 1.125rem; $gcds-error-summary-margin: 0 0 2.25rem; @@ -435,7 +406,7 @@ $gcds-footer-container-width: 71.25rem; $gcds-footer-contextual-background: #33465c; $gcds-footer-contextual-padding: 1.125rem 0; $gcds-footer-contextual-text: #ffffff; -$gcds-footer-font: 400 85%/120% "Noto Sans", sans-serif; +$gcds-footer-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; $gcds-footer-list-grid-gap: 0.75rem; $gcds-footer-list-padding: 0; $gcds-footer-listitem-margin: 0 0 1.125rem; @@ -448,8 +419,6 @@ $gcds-footer-main-text: #ffffff; $gcds-footer-main-themenav-padding: 0.75rem 0 1.125rem; $gcds-footer-sub-background: #f1f2f3; $gcds-footer-sub-grid-gap: 0.75rem; -$gcds-footer-sub-hover-text: #0535d2; -$gcds-footer-sub-hover-decoration-thickness: 0.125rem; $gcds-footer-sub-listitem-before-margin: 0 1.125rem; $gcds-footer-sub-nav-padding: 3rem 0; $gcds-footer-sub-signature-lg-width: 10.937rem; @@ -458,13 +427,6 @@ $gcds-footer-sub-signature-lg-margin: 2.25rem 0 2.25rem auto; $gcds-footer-sub-signature-margin: 2.25rem 0 3.75rem auto; $gcds-footer-sub-md-width: 7rem; $gcds-footer-sub-sm-width: 100%; -$gcds-footer-sub-text: #2b4380; -$gcds-footer-link-focus-text: #ffffff; -$gcds-footer-link-focus-background: #0535d2; -$gcds-footer-link-focus-radius: 0.1875rem; -$gcds-footer-link-focus-box-shadow: 0 0 0 0.125rem #ffffff; -$gcds-footer-link-focus-outline-offset: 0.125rem; -$gcds-footer-link-focus-outline: 0.1875rem solid #0535d2; $gcds-grid-columns-default-base: 1; $gcds-grid-columns-default-tablet: 6; $gcds-grid-columns-default-desktop: 12; @@ -518,7 +480,6 @@ $gcds-heading-spacing-700: 6rem; $gcds-heading-spacing-800: 7.5rem; $gcds-heading-spacing-900: 9rem; $gcds-heading-spacing-1000: 10.5rem; -$gcds-hint-font: 400 1.25rem/120% "Noto Sans", sans-serif; $gcds-hint-margin: 0 0 1.125rem; $gcds-icon-font-family: "Font Awesome 6 Free", FontAwesome; $gcds-icon-font-size-caption: 1.1111111111111112rem; @@ -579,18 +540,7 @@ $gcds-label-font-desktop: 600 1.25rem/120% "Noto Sans", sans-serif; $gcds-label-font-mobile: 600 1rem/150% "Noto Sans", sans-serif; $gcds-label-margin: 0 0 0.375rem; $gcds-label-required-margin: 0 0 0 0.375rem; -$gcds-lang-toggle-default-text: #2b4380; -$gcds-lang-toggle-default-decoration-thickness: 0.0625rem; -$gcds-lang-toggle-focus-background: #0535d2; -$gcds-lang-toggle-focus-text: #ffffff; -$gcds-lang-toggle-focus-border-radius: 0.1875rem; -$gcds-lang-toggle-focus-box-shadow: 0 0 0 0.125rem #ffffff; -$gcds-lang-toggle-focus-outline-offset: 0.125rem; -$gcds-lang-toggle-focus-outline: 0.1875rem solid #0535d2; -$gcds-lang-toggle-font: 400 1.25rem/120% "Noto Sans", sans-serif; -$gcds-lang-toggle-hover-text: #0535d2; -$gcds-lang-toggle-hover-decoration-thickness: 0.125rem; -$gcds-lang-toggle-padding: 0.5625rem; +$gcds-lang-toggle-padding: 0.5625rem 0.75rem; $gcds-nav-group-mobile-background: #ffffff; $gcds-nav-group-mobile-list-margin: 0.9375rem 0 0; $gcds-nav-group-mobile-padding: 0.5625rem 0.9375rem 1.5rem 0.9375rem; @@ -703,7 +653,6 @@ $gcds-radio-focus-outline-width: 0.1875rem; $gcds-radio-font: 400 1.25rem/120% "Noto Sans", sans-serif; $gcds-radio-input-border-width: 0.125rem; $gcds-radio-input-height-and-width: 3rem; -$gcds-radio-hint-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; $gcds-radio-label-padding: 0 0 0 3.75rem; $gcds-radio-margin: 0 0 1.125rem; $gcds-radio-max-width: 46.5rem; @@ -848,8 +797,6 @@ $gcds-verify-banner-container-padding: 1.125rem; $gcds-verify-banner-content-border-color: #7d828b; $gcds-verify-banner-content-border-width: 0.0625rem; $gcds-verify-banner-content-heading-margin: 0 0 0.1875rem; -$gcds-verify-banner-content-list-margin: 0 0 1.5rem; -$gcds-verify-banner-content-list-svg-margin: 0.1875rem; $gcds-verify-banner-content-padding-block-start: 1.5rem; $gcds-verify-banner-content-padding-block-end: 0.75rem; $gcds-verify-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; diff --git a/tokens/components/alert/tokens.json b/tokens/components/alert/tokens.json index f99ec11a..3a54944f 100644 --- a/tokens/components/alert/tokens.json +++ b/tokens/components/alert/tokens.json @@ -115,10 +115,6 @@ "type": "spacing" } }, - "margin": { - "value": "0 {spacing.250.value} 0 0", - "type": "spacing" - }, "mobile": { "margin": { "value": "0 0 {spacing.250.value}", diff --git a/tokens/components/breadcrumbs/tokens.json b/tokens/components/breadcrumbs/tokens.json index fbfc74bf..35d5e089 100644 --- a/tokens/components/breadcrumbs/tokens.json +++ b/tokens/components/breadcrumbs/tokens.json @@ -1,64 +1,5 @@ { "breadcrumbs": { - "default": { - "text": { - "value": "{link.default.value}", - "type": "color" - }, - "decoration": { - "thickness": { - "value": "{border.width.sm.value}", - "type": "borderWidth" - } - } - }, - "focus": { - "background": { - "value": "{focus.background.value}", - "type": "color" - }, - "border-radius": { - "value": "{border.radius.sm.value}", - "type": "other" - }, - "text": { - "value": "{focus.text.value}", - "type": "color" - }, - "box-shadow": { - "value": "0 0 0 {border.width.md.value} {color.grayscale.0.value}", - "type": "color" - }, - "outline": { - "value": "{spacing.50.value} solid {focus.background.value}", - "type": "other" - }, - "outline-offset": { - "value": "{border.width.md.value}", - "type": "borderWidth" - } - }, - "font": { - "value": { - "fontFamily": "{fontFamilies.body}", - "fontWeight": "{fontWeights.regular}", - "lineHeight": "{lineHeights.text}", - "fontSize": "{fontSizes.text}" - }, - "type": "typography" - }, - "hover": { - "text": { - "value": "{link.hover.value}", - "type": "color" - }, - "decoration": { - "thickness": { - "value": "{border.width.md.value}", - "type": "borderWidth" - } - } - }, "item": { "arrow": { "top": { diff --git a/tokens/components/button/tokens.json b/tokens/components/button/tokens.json index 978a086c..86e77f91 100644 --- a/tokens/components/button/tokens.json +++ b/tokens/components/button/tokens.json @@ -135,12 +135,6 @@ } } }, - "skip": { - "top": { - "value": "{spacing.400.value}", - "type": "spacing" - } - }, "small": { "font": { "value": { diff --git a/tokens/components/card/tokens.json b/tokens/components/card/tokens.json index 42e3efdd..ecf229e8 100644 --- a/tokens/components/card/tokens.json +++ b/tokens/components/card/tokens.json @@ -86,12 +86,6 @@ "boxShadow": { "value": "0 {border.width.lg.value} {spacing.150.value} {border.width.lg.value} {color.grayscale.1000.value}32", "type": "other" - }, - "title": { - "textDecorationThickness": { - "value": "{border.width.md.value}", - "type": "other" - } } }, "margin": { diff --git a/tokens/components/date-modified/tokens.json b/tokens/components/date-modified/tokens.json index 8d970cc6..8fa59596 100644 --- a/tokens/components/date-modified/tokens.json +++ b/tokens/components/date-modified/tokens.json @@ -6,22 +6,9 @@ "type": "spacing" } }, - "font": { - "value": { - "fontFamily": "{fontFamilies.body}", - "fontWeight": "{fontWeights.regular}", - "lineHeight": "{lineHeights.caption}", - "fontSize": "{fontSizes.caption}" - }, - "type": "typography" - }, "margin": { "value": "{spacing.500.value} 0 {spacing.400.value}", "type": "spacing" - }, - "text": { - "value": "{text.primary.value}", - "type": "color" } } } diff --git a/tokens/components/error-message/tokens.json b/tokens/components/error-message/tokens.json index bafd10b4..e7b26145 100644 --- a/tokens/components/error-message/tokens.json +++ b/tokens/components/error-message/tokens.json @@ -14,15 +14,6 @@ "type": "borderWidth" } }, - "font": { - "value": { - "fontFamily": "{fontFamilies.body}", - "fontWeight": "{fontWeights.regular}", - "lineHeight": "{lineHeights.text}", - "fontSize": "{fontSizes.text}" - }, - "type": "typography" - }, "margin": { "value": "0 0 {spacing.300.value}", "type": "spacing" @@ -30,10 +21,6 @@ "padding": { "value": "{spacing.200.value}", "type": "spacing" - }, - "text": { - "value": "{text.primary.value}", - "type": "color" } } } diff --git a/tokens/components/error-summary/tokens.json b/tokens/components/error-summary/tokens.json index 4ccde97b..edc7c787 100644 --- a/tokens/components/error-summary/tokens.json +++ b/tokens/components/error-summary/tokens.json @@ -2,7 +2,7 @@ "error-summary": { "border": { "color": { - "value": "{color.red.500.value}", + "value": "{danger.border.value}", "type": "color" }, "width": { @@ -10,69 +10,10 @@ "type": "borderWidth" } }, - "focus": { - "color": { - "value": "{focus.text-form.value}", - "type": "color" - }, - "link": { - "backgroundColor": { - "value": "{focus.background.value}", - "type": "color" - }, - "borderRadius": { - "value": "{border.radius.sm.value}", - "type": "other" - }, - "boxShadow": { - "value": "0 0 0 {border.width.md.value} {color.grayscale.0.value}", - "type": "other" - }, - "outline": { - "value": "{spacing.50.value} solid {focus.background.value}", - "type": "other" - }, - "outlineOffset": { - "value": "{border.width.md.value}", - "type": "borderWidth" - }, - "text": { - "value": "{focus.text.value}", - "type": "color" - } - } - }, - "heading": { - "font": { - "value": { - "fontFamily": "{fontFamilies.heading}", - "fontWeight": "{fontWeights.bold}", - "lineHeight": "{lineHeights.h2}", - "fontSize": "{fontSizes.h2}" - }, - "type": "typography" - }, - "paddingBottom": { - "value": "{spacing.300.value}", - "type": "spacing" - } - }, - "hover": { - "link": { - "thickness": { - "value": "{border.width.md.value}", - "type": "borderWidth" - } - } - }, "link": { "color": { - "value": "{color.red.700.value}", + "value": "{danger.text.value}", "type": "color" - }, - "thickness": { - "value": "{border.width.sm.value}", - "type": "borderWidth" } }, "list": { diff --git a/tokens/components/footer/tokens.json b/tokens/components/footer/tokens.json index f802584b..eaf50246 100644 --- a/tokens/components/footer/tokens.json +++ b/tokens/components/footer/tokens.json @@ -28,8 +28,8 @@ "value": { "fontFamily": "{fontFamilies.body}", "fontWeight": "{fontWeights.regular}", - "lineHeight": "{lineHeights.text}", - "fontSize": "85%" + "lineHeight": "{lineHeights.caption}", + "fontSize": "{fontSizes.caption}" }, "type": "typography" }, @@ -100,18 +100,6 @@ "value": "{spacing.200.value}", "type": "spacing" }, - "hover": { - "text": { - "value": "{link.hover.value}", - "type": "color" - }, - "decoration": { - "thickness": { - "value": "{border.width.md.value}", - "type": "borderWidth" - } - } - }, "listitem": { "before": { "margin": { @@ -157,38 +145,6 @@ "value": "{container.full.value}", "type": "sizing" } - }, - "text": { - "value": "{link.default.value}", - "type": "color" - } - }, - "link": { - "focus": { - "text": { - "value": "{focus.text.value}", - "type": "color" - }, - "background": { - "value": "{focus.background.value}", - "type": "color" - }, - "radius": { - "value": "{border.radius.sm.value}", - "type": "borderRadius" - }, - "box-shadow": { - "value": "0 0 0 {border.width.md.value} {color.grayscale.0.value}", - "type": "color" - }, - "outline-offset": { - "value": "{border.width.md.value}", - "type": "spacing" - }, - "outline": { - "value": "{spacing.50.value} solid {focus.background.value}", - "type": "other" - } } } } diff --git a/tokens/components/hint/tokens.json b/tokens/components/hint/tokens.json index 87e5fb45..f46a7ed7 100644 --- a/tokens/components/hint/tokens.json +++ b/tokens/components/hint/tokens.json @@ -1,14 +1,5 @@ { "hint": { - "font": { - "value": { - "fontFamily": "{fontFamilies.body}", - "fontWeight": "{fontWeights.regular}", - "lineHeight": "{lineHeights.text}", - "fontSize": "{fontSizes.text}" - }, - "type": "typography" - }, "margin": { "value": "0 0 {spacing.300.value}", "type": "spacing" diff --git a/tokens/components/lang-toggle/tokens.json b/tokens/components/lang-toggle/tokens.json index 99e8ad33..91132427 100644 --- a/tokens/components/lang-toggle/tokens.json +++ b/tokens/components/lang-toggle/tokens.json @@ -1,66 +1,7 @@ { "lang-toggle": { - "default": { - "text": { - "value": "{link.default.value}", - "type": "color" - }, - "decoration": { - "thickness": { - "value": "{border.width.sm.value}", - "type": "borderWidth" - } - } - }, - "focus": { - "background": { - "value": "{focus.background.value}", - "type": "color" - }, - "text": { - "value": "{focus.text.value}", - "type": "color" - }, - "border-radius": { - "value": "{border.radius.sm.value}", - "type": "other" - }, - "box-shadow": { - "value": "0 0 0 {border.width.md.value} {color.grayscale.0.value}", - "type": "color" - }, - "outline-offset": { - "value": "{border.width.md.value}", - "type": "borderWidth" - }, - "outline": { - "value": "{spacing.50.value} solid {focus.background.value}", - "type": "other" - } - }, - "font": { - "value": { - "fontFamily": "{fontFamilies.body}", - "fontWeight": "{fontWeights.regular}", - "lineHeight": "{lineHeights.text}", - "fontSize": "{fontSizes.text}" - }, - "type": "typography" - }, - "hover": { - "text": { - "value": "{link.hover.value}", - "type": "color" - }, - "decoration": { - "thickness": { - "value": "{border.width.md.value}", - "type": "borderWidth" - } - } - }, "padding": { - "value": "{spacing.150.value}", + "value": "{spacing.150.value} {spacing.200.value}", "type": "spacing" } } diff --git a/tokens/components/radio/tokens.json b/tokens/components/radio/tokens.json index d6bbf6c0..4545cbdd 100644 --- a/tokens/components/radio/tokens.json +++ b/tokens/components/radio/tokens.json @@ -93,17 +93,6 @@ "type": "sizing" } }, - "hint": { - "font": { - "value": { - "fontFamily": "{fontFamilies.body}", - "fontWeight": "{fontWeights.regular}", - "lineHeight": "{lineHeights.caption}", - "fontSize": "{fontSizes.caption}" - }, - "type": "typography" - } - }, "label": { "padding": { "value": "0 0 0 {spacing.550.value}", diff --git a/tokens/components/verify-banner/tokens.json b/tokens/components/verify-banner/tokens.json index a6ff823a..4151d458 100644 --- a/tokens/components/verify-banner/tokens.json +++ b/tokens/components/verify-banner/tokens.json @@ -51,18 +51,6 @@ "type": "spacing" } }, - "list": { - "margin": { - "value": "0 0 {spacing.400.value}", - "type": "spacing" - }, - "svg": { - "margin": { - "value": "{spacing.50.value}", - "type": "spacing" - } - } - }, "paddingBlockStart": { "value": "{spacing.400.value}", "type": "spacing"