diff --git a/build/figma/figma.tokens.json b/build/figma/figma.tokens.json index 53e51563..2a01b37f 100644 --- a/build/figma/figma.tokens.json +++ b/build/figma/figma.tokens.json @@ -604,32 +604,6 @@ } } }, - "container": { - "xs": { - "value": "20rem", - "type": "sizing" - }, - "sm": { - "value": "30rem", - "type": "sizing" - }, - "md": { - "value": "48rem", - "type": "sizing" - }, - "lg": { - "value": "64rem", - "type": "sizing" - }, - "xl": { - "value": "75rem", - "type": "sizing" - }, - "full": { - "value": "100%", - "type": "sizing" - } - }, "content": { "heading": { "font": { @@ -948,12 +922,24 @@ "value": "transparent", "type": "color" }, + "decoration": { + "thickness": { + "value": "0.0625rem", + "type": "borderWidth" + } + }, "text": { "value": "#2b4380", "type": "color" } }, "hover": { + "decoration": { + "thickness": { + "value": "0.125rem", + "type": "borderWidth" + } + }, "text": { "value": "#0535d2", "type": "color" @@ -1858,32 +1844,6 @@ } }, "grid": { - "container": { - "xs": { - "value": "20rem", - "type": "sizing" - }, - "sm": { - "value": "30rem", - "type": "sizing" - }, - "md": { - "value": "48rem", - "type": "sizing" - }, - "lg": { - "value": "64rem", - "type": "sizing" - }, - "xl": { - "value": "75rem", - "type": "sizing" - }, - "full": { - "value": "100%", - "type": "sizing" - } - }, "gap": { "0": { "value": "0", @@ -2473,32 +2433,6 @@ } }, "phaseBanner": { - "container": { - "xs": { - "value": "20rem", - "type": "sizing" - }, - "sm": { - "value": "30rem", - "type": "sizing" - }, - "md": { - "value": "48rem", - "type": "sizing" - }, - "lg": { - "value": "64rem", - "type": "sizing" - }, - "xl": { - "value": "75rem", - "type": "sizing" - }, - "full": { - "value": "100%", - "type": "sizing" - } - }, "detailsCta": { "margin": { "value": "0 0 0 0.9375rem", diff --git a/build/web/css/.css b/build/web/css/.css index cb831742..7a858f92 100644 --- a/build/web/css/.css +++ b/build/web/css/.css @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 19 Jun 2023 20:28:18 GMT + * Generated on Thu, 22 Jun 2023 14:47:37 GMT */ :root { @@ -127,12 +127,6 @@ --gcds-alert-button-margin: 0 0 0 0.9375rem; --gcds-alert-button-mobile-margin: 0.9375rem 0 0; --gcds-alert-button-outline-width: 0.1875rem; - --gcds-alert-container-xs: 20rem; - --gcds-alert-container-sm: 30rem; - --gcds-alert-container-md: 48rem; - --gcds-alert-container-lg: 64rem; - --gcds-alert-container-xl: 75rem; - --gcds-alert-container-full: 100%; --gcds-alert-content-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif; --gcds-alert-content-heading-margin: 0 0 0.5625rem; --gcds-alert-content-heading-mobile-margin: 0 0 0.5625rem; @@ -190,7 +184,9 @@ --gcds-button-secondary-hover-background: #d7e5f5; --gcds-button-secondary-active-background: #d7e5f5; --gcds-button-text-only-default-background: transparent; + --gcds-button-text-only-default-decoration-thickness: 0.0625rem; --gcds-button-text-only-default-text: #2b4380; + --gcds-button-text-only-hover-decoration-thickness: 0.125rem; --gcds-button-text-only-hover-text: #0535d2; --gcds-button-mobile-margin: 0.1875rem 0; --gcds-button-mobile-width: 100%; @@ -352,12 +348,6 @@ --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-container-xs: 20rem; - --gcds-grid-container-sm: 30rem; - --gcds-grid-container-md: 48rem; - --gcds-grid-container-lg: 64rem; - --gcds-grid-container-xl: 75rem; - --gcds-grid-container-full: 100%; --gcds-grid-gap-0: 0; --gcds-grid-gap-50: 0.1875rem; --gcds-grid-gap-100: 0.375rem; @@ -474,12 +464,6 @@ --gcds-pagination-simple-listitem-margin: 0.375rem 0.375rem 0.75rem; --gcds-pagination-simple-listitem-text-margin: 0 0 0.1875rem; --gcds-pagination-simple-padding: 0.75rem 0.5625rem; - --gcds-phase-banner-container-xs: 20rem; - --gcds-phase-banner-container-sm: 30rem; - --gcds-phase-banner-container-md: 48rem; - --gcds-phase-banner-container-lg: 64rem; - --gcds-phase-banner-container-xl: 75rem; - --gcds-phase-banner-container-full: 100%; --gcds-phase-banner-details-cta-margin: 0 0 0 0.9375rem; --gcds-phase-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; --gcds-phase-banner-icon-margin: 1.125rem; diff --git a/build/web/css/components.css b/build/web/css/components.css index 27ec0fa7..cdc18b28 100644 --- a/build/web/css/components.css +++ b/build/web/css/components.css @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 19 Jun 2023 20:28:18 GMT + * Generated on Thu, 22 Jun 2023 14:47:37 GMT */ :root { @@ -16,12 +16,6 @@ --gcds-alert-button-margin: 0 0 0 0.9375rem; --gcds-alert-button-mobile-margin: 0.9375rem 0 0; --gcds-alert-button-outline-width: 0.1875rem; - --gcds-alert-container-xs: 20rem; - --gcds-alert-container-sm: 30rem; - --gcds-alert-container-md: 48rem; - --gcds-alert-container-lg: 64rem; - --gcds-alert-container-xl: 75rem; - --gcds-alert-container-full: 100%; --gcds-alert-content-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif; --gcds-alert-content-heading-margin: 0 0 0.5625rem; --gcds-alert-content-heading-mobile-margin: 0 0 0.5625rem; @@ -79,7 +73,9 @@ --gcds-button-secondary-hover-background: #d7e5f5; --gcds-button-secondary-active-background: #d7e5f5; --gcds-button-text-only-default-background: transparent; + --gcds-button-text-only-default-decoration-thickness: 0.0625rem; --gcds-button-text-only-default-text: #2b4380; + --gcds-button-text-only-hover-decoration-thickness: 0.125rem; --gcds-button-text-only-hover-text: #0535d2; --gcds-button-mobile-margin: 0.1875rem 0; --gcds-button-mobile-width: 100%; @@ -241,12 +237,6 @@ --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-container-xs: 20rem; - --gcds-grid-container-sm: 30rem; - --gcds-grid-container-md: 48rem; - --gcds-grid-container-lg: 64rem; - --gcds-grid-container-xl: 75rem; - --gcds-grid-container-full: 100%; --gcds-grid-gap-0: 0; --gcds-grid-gap-50: 0.1875rem; --gcds-grid-gap-100: 0.375rem; @@ -363,12 +353,6 @@ --gcds-pagination-simple-listitem-margin: 0.375rem 0.375rem 0.75rem; --gcds-pagination-simple-listitem-text-margin: 0 0 0.1875rem; --gcds-pagination-simple-padding: 0.75rem 0.5625rem; - --gcds-phase-banner-container-xs: 20rem; - --gcds-phase-banner-container-sm: 30rem; - --gcds-phase-banner-container-md: 48rem; - --gcds-phase-banner-container-lg: 64rem; - --gcds-phase-banner-container-xl: 75rem; - --gcds-phase-banner-container-full: 100%; --gcds-phase-banner-details-cta-margin: 0 0 0 0.9375rem; --gcds-phase-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; --gcds-phase-banner-icon-margin: 1.125rem; diff --git a/build/web/css/components/alert.css b/build/web/css/components/alert.css index 7ddd2ab0..50e5cf18 100644 --- a/build/web/css/components/alert.css +++ b/build/web/css/components/alert.css @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 19 Jun 2023 20:28:18 GMT + * Generated on Thu, 22 Jun 2023 14:47:37 GMT */ :root { @@ -16,12 +16,6 @@ --gcds-alert-button-margin: 0 0 0 0.9375rem; --gcds-alert-button-mobile-margin: 0.9375rem 0 0; --gcds-alert-button-outline-width: 0.1875rem; - --gcds-alert-container-xs: 20rem; - --gcds-alert-container-sm: 30rem; - --gcds-alert-container-md: 48rem; - --gcds-alert-container-lg: 64rem; - --gcds-alert-container-xl: 75rem; - --gcds-alert-container-full: 100%; --gcds-alert-content-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif; --gcds-alert-content-heading-margin: 0 0 0.5625rem; --gcds-alert-content-heading-mobile-margin: 0 0 0.5625rem; diff --git a/build/web/css/components/button.css b/build/web/css/components/button.css index 9e04f84b..e53fe56f 100644 --- a/build/web/css/components/button.css +++ b/build/web/css/components/button.css @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 19 Jun 2023 20:28:18 GMT + * Generated on Thu, 22 Jun 2023 14:47:37 GMT */ :root { @@ -19,7 +19,9 @@ --gcds-button-secondary-hover-background: #d7e5f5; --gcds-button-secondary-active-background: #d7e5f5; --gcds-button-text-only-default-background: transparent; + --gcds-button-text-only-default-decoration-thickness: 0.0625rem; --gcds-button-text-only-default-text: #2b4380; + --gcds-button-text-only-hover-decoration-thickness: 0.125rem; --gcds-button-text-only-hover-text: #0535d2; --gcds-button-mobile-margin: 0.1875rem 0; --gcds-button-mobile-width: 100%; diff --git a/build/web/css/components/grid.css b/build/web/css/components/grid.css index c0a6922c..cd7253b7 100644 --- a/build/web/css/components/grid.css +++ b/build/web/css/components/grid.css @@ -1,15 +1,9 @@ /** * Do not edit directly - * Generated on Mon, 19 Jun 2023 20:28:18 GMT + * Generated on Thu, 22 Jun 2023 14:47:37 GMT */ :root { - --gcds-grid-container-xs: 20rem; - --gcds-grid-container-sm: 30rem; - --gcds-grid-container-md: 48rem; - --gcds-grid-container-lg: 64rem; - --gcds-grid-container-xl: 75rem; - --gcds-grid-container-full: 100%; --gcds-grid-gap-0: 0; --gcds-grid-gap-50: 0.1875rem; --gcds-grid-gap-100: 0.375rem; diff --git a/build/web/css/components/phase-banner.css b/build/web/css/components/phase-banner.css index 470fe9b5..9e959d2d 100644 --- a/build/web/css/components/phase-banner.css +++ b/build/web/css/components/phase-banner.css @@ -1,15 +1,9 @@ /** * Do not edit directly - * Generated on Mon, 19 Jun 2023 20:28:18 GMT + * Generated on Thu, 22 Jun 2023 14:47:37 GMT */ :root { - --gcds-phase-banner-container-xs: 20rem; - --gcds-phase-banner-container-sm: 30rem; - --gcds-phase-banner-container-md: 48rem; - --gcds-phase-banner-container-lg: 64rem; - --gcds-phase-banner-container-xl: 75rem; - --gcds-phase-banner-container-full: 100%; --gcds-phase-banner-details-cta-margin: 0 0 0 0.9375rem; --gcds-phase-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; --gcds-phase-banner-icon-margin: 1.125rem; diff --git a/build/web/css/tokens.css b/build/web/css/tokens.css index cb831742..7a858f92 100644 --- a/build/web/css/tokens.css +++ b/build/web/css/tokens.css @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Mon, 19 Jun 2023 20:28:18 GMT + * Generated on Thu, 22 Jun 2023 14:47:37 GMT */ :root { @@ -127,12 +127,6 @@ --gcds-alert-button-margin: 0 0 0 0.9375rem; --gcds-alert-button-mobile-margin: 0.9375rem 0 0; --gcds-alert-button-outline-width: 0.1875rem; - --gcds-alert-container-xs: 20rem; - --gcds-alert-container-sm: 30rem; - --gcds-alert-container-md: 48rem; - --gcds-alert-container-lg: 64rem; - --gcds-alert-container-xl: 75rem; - --gcds-alert-container-full: 100%; --gcds-alert-content-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif; --gcds-alert-content-heading-margin: 0 0 0.5625rem; --gcds-alert-content-heading-mobile-margin: 0 0 0.5625rem; @@ -190,7 +184,9 @@ --gcds-button-secondary-hover-background: #d7e5f5; --gcds-button-secondary-active-background: #d7e5f5; --gcds-button-text-only-default-background: transparent; + --gcds-button-text-only-default-decoration-thickness: 0.0625rem; --gcds-button-text-only-default-text: #2b4380; + --gcds-button-text-only-hover-decoration-thickness: 0.125rem; --gcds-button-text-only-hover-text: #0535d2; --gcds-button-mobile-margin: 0.1875rem 0; --gcds-button-mobile-width: 100%; @@ -352,12 +348,6 @@ --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-container-xs: 20rem; - --gcds-grid-container-sm: 30rem; - --gcds-grid-container-md: 48rem; - --gcds-grid-container-lg: 64rem; - --gcds-grid-container-xl: 75rem; - --gcds-grid-container-full: 100%; --gcds-grid-gap-0: 0; --gcds-grid-gap-50: 0.1875rem; --gcds-grid-gap-100: 0.375rem; @@ -474,12 +464,6 @@ --gcds-pagination-simple-listitem-margin: 0.375rem 0.375rem 0.75rem; --gcds-pagination-simple-listitem-text-margin: 0 0 0.1875rem; --gcds-pagination-simple-padding: 0.75rem 0.5625rem; - --gcds-phase-banner-container-xs: 20rem; - --gcds-phase-banner-container-sm: 30rem; - --gcds-phase-banner-container-md: 48rem; - --gcds-phase-banner-container-lg: 64rem; - --gcds-phase-banner-container-xl: 75rem; - --gcds-phase-banner-container-full: 100%; --gcds-phase-banner-details-cta-margin: 0 0 0 0.9375rem; --gcds-phase-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; --gcds-phase-banner-icon-margin: 1.125rem; diff --git a/build/web/scss/.scss b/build/web/scss/.scss index 22c10ae6..03fa55f4 100644 --- a/build/web/scss/.scss +++ b/build/web/scss/.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Mon, 19 Jun 2023 20:28:18 GMT +// Generated on Thu, 22 Jun 2023 14:47:37 GMT $gcds-color-blue-100: #d7e5f5; $gcds-color-blue-500: #6584a6; // Must contrast 3:1 with white @@ -125,12 +125,6 @@ $gcds-alert-button-icon-width-and-height: 1.125rem; $gcds-alert-button-margin: 0 0 0 0.9375rem; $gcds-alert-button-mobile-margin: 0.9375rem 0 0; $gcds-alert-button-outline-width: 0.1875rem; -$gcds-alert-container-xs: 20rem; -$gcds-alert-container-sm: 30rem; -$gcds-alert-container-md: 48rem; -$gcds-alert-container-lg: 64rem; -$gcds-alert-container-xl: 75rem; -$gcds-alert-container-full: 100%; $gcds-alert-content-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif; $gcds-alert-content-heading-margin: 0 0 0.5625rem; $gcds-alert-content-heading-mobile-margin: 0 0 0.5625rem; @@ -188,7 +182,9 @@ $gcds-button-secondary-default-text: #2b4380; $gcds-button-secondary-hover-background: #d7e5f5; $gcds-button-secondary-active-background: #d7e5f5; $gcds-button-text-only-default-background: transparent; +$gcds-button-text-only-default-decoration-thickness: 0.0625rem; $gcds-button-text-only-default-text: #2b4380; +$gcds-button-text-only-hover-decoration-thickness: 0.125rem; $gcds-button-text-only-hover-text: #0535d2; $gcds-button-mobile-margin: 0.1875rem 0; $gcds-button-mobile-width: 100%; @@ -350,12 +346,6 @@ $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-container-xs: 20rem; -$gcds-grid-container-sm: 30rem; -$gcds-grid-container-md: 48rem; -$gcds-grid-container-lg: 64rem; -$gcds-grid-container-xl: 75rem; -$gcds-grid-container-full: 100%; $gcds-grid-gap-0: 0; $gcds-grid-gap-50: 0.1875rem; $gcds-grid-gap-100: 0.375rem; @@ -472,12 +462,6 @@ $gcds-pagination-simple-label-font-weight: 400; $gcds-pagination-simple-listitem-margin: 0.375rem 0.375rem 0.75rem; $gcds-pagination-simple-listitem-text-margin: 0 0 0.1875rem; $gcds-pagination-simple-padding: 0.75rem 0.5625rem; -$gcds-phase-banner-container-xs: 20rem; -$gcds-phase-banner-container-sm: 30rem; -$gcds-phase-banner-container-md: 48rem; -$gcds-phase-banner-container-lg: 64rem; -$gcds-phase-banner-container-xl: 75rem; -$gcds-phase-banner-container-full: 100%; $gcds-phase-banner-details-cta-margin: 0 0 0 0.9375rem; $gcds-phase-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; $gcds-phase-banner-icon-margin: 1.125rem; diff --git a/build/web/scss/components.scss b/build/web/scss/components.scss index 5afb633b..c563b4c0 100644 --- a/build/web/scss/components.scss +++ b/build/web/scss/components.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Mon, 19 Jun 2023 20:28:18 GMT +// Generated on Thu, 22 Jun 2023 14:47:37 GMT $gcds-alert-border-width: 0.375rem; $gcds-alert-button-border-radius: 0.375rem; @@ -14,12 +14,6 @@ $gcds-alert-button-icon-width-and-height: 1.125rem; $gcds-alert-button-margin: 0 0 0 0.9375rem; $gcds-alert-button-mobile-margin: 0.9375rem 0 0; $gcds-alert-button-outline-width: 0.1875rem; -$gcds-alert-container-xs: 20rem; -$gcds-alert-container-sm: 30rem; -$gcds-alert-container-md: 48rem; -$gcds-alert-container-lg: 64rem; -$gcds-alert-container-xl: 75rem; -$gcds-alert-container-full: 100%; $gcds-alert-content-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif; $gcds-alert-content-heading-margin: 0 0 0.5625rem; $gcds-alert-content-heading-mobile-margin: 0 0 0.5625rem; @@ -77,7 +71,9 @@ $gcds-button-secondary-default-text: #2b4380; $gcds-button-secondary-hover-background: #d7e5f5; $gcds-button-secondary-active-background: #d7e5f5; $gcds-button-text-only-default-background: transparent; +$gcds-button-text-only-default-decoration-thickness: 0.0625rem; $gcds-button-text-only-default-text: #2b4380; +$gcds-button-text-only-hover-decoration-thickness: 0.125rem; $gcds-button-text-only-hover-text: #0535d2; $gcds-button-mobile-margin: 0.1875rem 0; $gcds-button-mobile-width: 100%; @@ -239,12 +235,6 @@ $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-container-xs: 20rem; -$gcds-grid-container-sm: 30rem; -$gcds-grid-container-md: 48rem; -$gcds-grid-container-lg: 64rem; -$gcds-grid-container-xl: 75rem; -$gcds-grid-container-full: 100%; $gcds-grid-gap-0: 0; $gcds-grid-gap-50: 0.1875rem; $gcds-grid-gap-100: 0.375rem; @@ -361,12 +351,6 @@ $gcds-pagination-simple-label-font-weight: 400; $gcds-pagination-simple-listitem-margin: 0.375rem 0.375rem 0.75rem; $gcds-pagination-simple-listitem-text-margin: 0 0 0.1875rem; $gcds-pagination-simple-padding: 0.75rem 0.5625rem; -$gcds-phase-banner-container-xs: 20rem; -$gcds-phase-banner-container-sm: 30rem; -$gcds-phase-banner-container-md: 48rem; -$gcds-phase-banner-container-lg: 64rem; -$gcds-phase-banner-container-xl: 75rem; -$gcds-phase-banner-container-full: 100%; $gcds-phase-banner-details-cta-margin: 0 0 0 0.9375rem; $gcds-phase-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; $gcds-phase-banner-icon-margin: 1.125rem; diff --git a/build/web/scss/components/alert.scss b/build/web/scss/components/alert.scss index 5bfa82a2..0aeee71b 100644 --- a/build/web/scss/components/alert.scss +++ b/build/web/scss/components/alert.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Mon, 19 Jun 2023 20:28:18 GMT +// Generated on Thu, 22 Jun 2023 14:47:37 GMT $gcds-alert-border-width: 0.375rem; $gcds-alert-button-border-radius: 0.375rem; @@ -14,12 +14,6 @@ $gcds-alert-button-icon-width-and-height: 1.125rem; $gcds-alert-button-margin: 0 0 0 0.9375rem; $gcds-alert-button-mobile-margin: 0.9375rem 0 0; $gcds-alert-button-outline-width: 0.1875rem; -$gcds-alert-container-xs: 20rem; -$gcds-alert-container-sm: 30rem; -$gcds-alert-container-md: 48rem; -$gcds-alert-container-lg: 64rem; -$gcds-alert-container-xl: 75rem; -$gcds-alert-container-full: 100%; $gcds-alert-content-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif; $gcds-alert-content-heading-margin: 0 0 0.5625rem; $gcds-alert-content-heading-mobile-margin: 0 0 0.5625rem; diff --git a/build/web/scss/components/button.scss b/build/web/scss/components/button.scss index 985796f0..02ba0bc9 100644 --- a/build/web/scss/components/button.scss +++ b/build/web/scss/components/button.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Mon, 19 Jun 2023 20:28:18 GMT +// Generated on Thu, 22 Jun 2023 14:47:37 GMT $gcds-button-border-radius: 0.375rem; $gcds-button-border-width: 0.125rem; @@ -17,7 +17,9 @@ $gcds-button-secondary-default-text: #2b4380; $gcds-button-secondary-hover-background: #d7e5f5; $gcds-button-secondary-active-background: #d7e5f5; $gcds-button-text-only-default-background: transparent; +$gcds-button-text-only-default-decoration-thickness: 0.0625rem; $gcds-button-text-only-default-text: #2b4380; +$gcds-button-text-only-hover-decoration-thickness: 0.125rem; $gcds-button-text-only-hover-text: #0535d2; $gcds-button-mobile-margin: 0.1875rem 0; $gcds-button-mobile-width: 100%; diff --git a/build/web/scss/components/grid.scss b/build/web/scss/components/grid.scss index f7c93072..498c31c9 100644 --- a/build/web/scss/components/grid.scss +++ b/build/web/scss/components/grid.scss @@ -1,13 +1,7 @@ // Do not edit directly -// Generated on Mon, 19 Jun 2023 20:28:18 GMT +// Generated on Thu, 22 Jun 2023 14:47:37 GMT -$gcds-grid-container-xs: 20rem; -$gcds-grid-container-sm: 30rem; -$gcds-grid-container-md: 48rem; -$gcds-grid-container-lg: 64rem; -$gcds-grid-container-xl: 75rem; -$gcds-grid-container-full: 100%; $gcds-grid-gap-0: 0; $gcds-grid-gap-50: 0.1875rem; $gcds-grid-gap-100: 0.375rem; diff --git a/build/web/scss/components/phase-banner.scss b/build/web/scss/components/phase-banner.scss index 4febb640..3452be0e 100644 --- a/build/web/scss/components/phase-banner.scss +++ b/build/web/scss/components/phase-banner.scss @@ -1,13 +1,7 @@ // Do not edit directly -// Generated on Mon, 19 Jun 2023 20:28:18 GMT +// Generated on Thu, 22 Jun 2023 14:47:37 GMT -$gcds-phase-banner-container-xs: 20rem; -$gcds-phase-banner-container-sm: 30rem; -$gcds-phase-banner-container-md: 48rem; -$gcds-phase-banner-container-lg: 64rem; -$gcds-phase-banner-container-xl: 75rem; -$gcds-phase-banner-container-full: 100%; $gcds-phase-banner-details-cta-margin: 0 0 0 0.9375rem; $gcds-phase-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; $gcds-phase-banner-icon-margin: 1.125rem; diff --git a/build/web/scss/tokens.scss b/build/web/scss/tokens.scss index 22c10ae6..03fa55f4 100644 --- a/build/web/scss/tokens.scss +++ b/build/web/scss/tokens.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Mon, 19 Jun 2023 20:28:18 GMT +// Generated on Thu, 22 Jun 2023 14:47:37 GMT $gcds-color-blue-100: #d7e5f5; $gcds-color-blue-500: #6584a6; // Must contrast 3:1 with white @@ -125,12 +125,6 @@ $gcds-alert-button-icon-width-and-height: 1.125rem; $gcds-alert-button-margin: 0 0 0 0.9375rem; $gcds-alert-button-mobile-margin: 0.9375rem 0 0; $gcds-alert-button-outline-width: 0.1875rem; -$gcds-alert-container-xs: 20rem; -$gcds-alert-container-sm: 30rem; -$gcds-alert-container-md: 48rem; -$gcds-alert-container-lg: 64rem; -$gcds-alert-container-xl: 75rem; -$gcds-alert-container-full: 100%; $gcds-alert-content-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif; $gcds-alert-content-heading-margin: 0 0 0.5625rem; $gcds-alert-content-heading-mobile-margin: 0 0 0.5625rem; @@ -188,7 +182,9 @@ $gcds-button-secondary-default-text: #2b4380; $gcds-button-secondary-hover-background: #d7e5f5; $gcds-button-secondary-active-background: #d7e5f5; $gcds-button-text-only-default-background: transparent; +$gcds-button-text-only-default-decoration-thickness: 0.0625rem; $gcds-button-text-only-default-text: #2b4380; +$gcds-button-text-only-hover-decoration-thickness: 0.125rem; $gcds-button-text-only-hover-text: #0535d2; $gcds-button-mobile-margin: 0.1875rem 0; $gcds-button-mobile-width: 100%; @@ -350,12 +346,6 @@ $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-container-xs: 20rem; -$gcds-grid-container-sm: 30rem; -$gcds-grid-container-md: 48rem; -$gcds-grid-container-lg: 64rem; -$gcds-grid-container-xl: 75rem; -$gcds-grid-container-full: 100%; $gcds-grid-gap-0: 0; $gcds-grid-gap-50: 0.1875rem; $gcds-grid-gap-100: 0.375rem; @@ -472,12 +462,6 @@ $gcds-pagination-simple-label-font-weight: 400; $gcds-pagination-simple-listitem-margin: 0.375rem 0.375rem 0.75rem; $gcds-pagination-simple-listitem-text-margin: 0 0 0.1875rem; $gcds-pagination-simple-padding: 0.75rem 0.5625rem; -$gcds-phase-banner-container-xs: 20rem; -$gcds-phase-banner-container-sm: 30rem; -$gcds-phase-banner-container-md: 48rem; -$gcds-phase-banner-container-lg: 64rem; -$gcds-phase-banner-container-xl: 75rem; -$gcds-phase-banner-container-full: 100%; $gcds-phase-banner-details-cta-margin: 0 0 0 0.9375rem; $gcds-phase-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif; $gcds-phase-banner-icon-margin: 1.125rem; diff --git a/package.json b/package.json index a59b7da2..69c70ff0 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@cdssnc/gcds-tokens", - "version": "1.2.0", + "version": "1.2.1", "author": "Government of Canada | Gouvernement du Canada", "description": "GC Design System Tokens", "homepage": "https://design-system.alpha.canada.ca/", diff --git a/tokens/components/alert/tokens.json b/tokens/components/alert/tokens.json index ccdf43f4..6a030752 100644 --- a/tokens/components/alert/tokens.json +++ b/tokens/components/alert/tokens.json @@ -64,32 +64,6 @@ } } }, - "container": { - "xs": { - "value": "{container.xs.value}", - "type": "sizing" - }, - "sm": { - "value": "{container.sm.value}", - "type": "sizing" - }, - "md": { - "value": "{container.md.value}", - "type": "sizing" - }, - "lg": { - "value": "{container.lg.value}", - "type": "sizing" - }, - "xl": { - "value": "{container.xl.value}", - "type": "sizing" - }, - "full": { - "value": "{container.full.value}", - "type": "sizing" - } - }, "content": { "heading": { "font": { diff --git a/tokens/components/button/tokens.json b/tokens/components/button/tokens.json index 38d7131a..5e3e05cc 100644 --- a/tokens/components/button/tokens.json +++ b/tokens/components/button/tokens.json @@ -89,12 +89,24 @@ "value": "transparent", "type": "color" }, + "decoration": { + "thickness": { + "value": "{border.width.sm.value}", + "type": "borderWidth" + } + }, "text": { "value": "{link.default.value}", "type": "color" } }, "hover": { + "decoration": { + "thickness": { + "value": "{border.width.md.value}", + "type": "borderWidth" + } + }, "text": { "value": "{link.hover.value}", "type": "color" diff --git a/tokens/components/grid/tokens.json b/tokens/components/grid/tokens.json index 4c48ae56..9b77745b 100644 --- a/tokens/components/grid/tokens.json +++ b/tokens/components/grid/tokens.json @@ -1,31 +1,5 @@ { "grid": { - "container": { - "xs": { - "value": "{container.xs.value}", - "type": "sizing" - }, - "sm": { - "value": "{container.sm.value}", - "type": "sizing" - }, - "md": { - "value": "{container.md.value}", - "type": "sizing" - }, - "lg": { - "value": "{container.lg.value}", - "type": "sizing" - }, - "xl": { - "value": "{container.xl.value}", - "type": "sizing" - }, - "full": { - "value": "{container.full.value}", - "type": "sizing" - } - }, "gap": { "0": { "value": "{spacing.0.value}", diff --git a/tokens/components/phase-banner/tokens.json b/tokens/components/phase-banner/tokens.json index f66c27a1..060b543a 100644 --- a/tokens/components/phase-banner/tokens.json +++ b/tokens/components/phase-banner/tokens.json @@ -1,31 +1,5 @@ { "phaseBanner": { - "container": { - "xs": { - "value": "{container.xs.value}", - "type": "sizing" - }, - "sm": { - "value": "{container.sm.value}", - "type": "sizing" - }, - "md": { - "value": "{container.md.value}", - "type": "sizing" - }, - "lg": { - "value": "{container.lg.value}", - "type": "sizing" - }, - "xl": { - "value": "{container.xl.value}", - "type": "sizing" - }, - "full": { - "value": "{container.full.value}", - "type": "sizing" - } - }, "detailsCta": { "margin": { "value": "0 0 0 {spacing.250.value}",