From 7c6273019dd527c59b1b38a25f9258d9af8fadef Mon Sep 17 00:00:00 2001 From: Ethan Wallace Date: Tue, 27 Jun 2023 16:11:32 -0400 Subject: [PATCH] Add missing card description token (#130) * Add missing description token for card * Up package version --- build/figma/figma.tokens.json | 6 ++++++ build/web/css/.css | 3 ++- build/web/css/components.css | 3 ++- build/web/css/components/card.css | 3 ++- build/web/css/tokens.css | 3 ++- build/web/scss/.scss | 3 ++- build/web/scss/components.scss | 3 ++- build/web/scss/components/card.scss | 3 ++- build/web/scss/tokens.scss | 3 ++- package.json | 2 +- tokens/components/card/tokens.json | 6 ++++++ 11 files changed, 29 insertions(+), 9 deletions(-) diff --git a/build/figma/figma.tokens.json b/build/figma/figma.tokens.json index 7980d3dc..c3778133 100644 --- a/build/figma/figma.tokens.json +++ b/build/figma/figma.tokens.json @@ -1033,6 +1033,12 @@ "value": "#333333", "type": "color" }, + "description": { + "maxWidth": { + "value": "65ch", + "type": "sizing" + } + }, "focus": { "background": { "value": "#0535d2", diff --git a/build/web/css/.css b/build/web/css/.css index 7939330f..60c6d134 100644 --- a/build/web/css/.css +++ b/build/web/css/.css @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Fri, 23 Jun 2023 12:36:45 GMT + * Generated on Tue, 27 Jun 2023 18:11:06 GMT */ :root { @@ -204,6 +204,7 @@ --gcds-card-background-color: #ffffff; --gcds-card-border: 0.0625rem solid #7d828b; --gcds-card-color: #333333; + --gcds-card-description-max-width: 65ch; --gcds-card-focus-background: #0535d2; --gcds-card-focus-color: #ffffff; --gcds-card-focus-border-radius: 0.1875rem; diff --git a/build/web/css/components.css b/build/web/css/components.css index 27bf4009..b7938a71 100644 --- a/build/web/css/components.css +++ b/build/web/css/components.css @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Fri, 23 Jun 2023 12:36:45 GMT + * Generated on Tue, 27 Jun 2023 18:11:06 GMT */ :root { @@ -93,6 +93,7 @@ --gcds-card-background-color: #ffffff; --gcds-card-border: 0.0625rem solid #7d828b; --gcds-card-color: #333333; + --gcds-card-description-max-width: 65ch; --gcds-card-focus-background: #0535d2; --gcds-card-focus-color: #ffffff; --gcds-card-focus-border-radius: 0.1875rem; diff --git a/build/web/css/components/card.css b/build/web/css/components/card.css index 85ff912a..06f08df1 100644 --- a/build/web/css/components/card.css +++ b/build/web/css/components/card.css @@ -1,12 +1,13 @@ /** * Do not edit directly - * Generated on Fri, 23 Jun 2023 12:36:45 GMT + * Generated on Tue, 27 Jun 2023 18:11:06 GMT */ :root { --gcds-card-background-color: #ffffff; --gcds-card-border: 0.0625rem solid #7d828b; --gcds-card-color: #333333; + --gcds-card-description-max-width: 65ch; --gcds-card-focus-background: #0535d2; --gcds-card-focus-color: #ffffff; --gcds-card-focus-border-radius: 0.1875rem; diff --git a/build/web/css/tokens.css b/build/web/css/tokens.css index 7939330f..60c6d134 100644 --- a/build/web/css/tokens.css +++ b/build/web/css/tokens.css @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Fri, 23 Jun 2023 12:36:45 GMT + * Generated on Tue, 27 Jun 2023 18:11:06 GMT */ :root { @@ -204,6 +204,7 @@ --gcds-card-background-color: #ffffff; --gcds-card-border: 0.0625rem solid #7d828b; --gcds-card-color: #333333; + --gcds-card-description-max-width: 65ch; --gcds-card-focus-background: #0535d2; --gcds-card-focus-color: #ffffff; --gcds-card-focus-border-radius: 0.1875rem; diff --git a/build/web/scss/.scss b/build/web/scss/.scss index efefabfd..a48a7f2d 100644 --- a/build/web/scss/.scss +++ b/build/web/scss/.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Fri, 23 Jun 2023 12:36:45 GMT +// Generated on Tue, 27 Jun 2023 18:11:06 GMT $gcds-color-blue-100: #d7e5f5; $gcds-color-blue-500: #6584a6; // Must contrast 3:1 with white @@ -202,6 +202,7 @@ $gcds-button-width: fit-content; $gcds-card-background-color: #ffffff; $gcds-card-border: 0.0625rem solid #7d828b; $gcds-card-color: #333333; +$gcds-card-description-max-width: 65ch; $gcds-card-focus-background: #0535d2; $gcds-card-focus-color: #ffffff; $gcds-card-focus-border-radius: 0.1875rem; diff --git a/build/web/scss/components.scss b/build/web/scss/components.scss index 0fa975f7..b7fed78a 100644 --- a/build/web/scss/components.scss +++ b/build/web/scss/components.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Fri, 23 Jun 2023 12:36:45 GMT +// Generated on Tue, 27 Jun 2023 18:11:06 GMT $gcds-alert-border-width: 0.375rem; $gcds-alert-button-border-radius: 0.375rem; @@ -91,6 +91,7 @@ $gcds-button-width: fit-content; $gcds-card-background-color: #ffffff; $gcds-card-border: 0.0625rem solid #7d828b; $gcds-card-color: #333333; +$gcds-card-description-max-width: 65ch; $gcds-card-focus-background: #0535d2; $gcds-card-focus-color: #ffffff; $gcds-card-focus-border-radius: 0.1875rem; diff --git a/build/web/scss/components/card.scss b/build/web/scss/components/card.scss index 51e75810..cd674bb3 100644 --- a/build/web/scss/components/card.scss +++ b/build/web/scss/components/card.scss @@ -1,10 +1,11 @@ // Do not edit directly -// Generated on Fri, 23 Jun 2023 12:36:45 GMT +// Generated on Tue, 27 Jun 2023 18:11:06 GMT $gcds-card-background-color: #ffffff; $gcds-card-border: 0.0625rem solid #7d828b; $gcds-card-color: #333333; +$gcds-card-description-max-width: 65ch; $gcds-card-focus-background: #0535d2; $gcds-card-focus-color: #ffffff; $gcds-card-focus-border-radius: 0.1875rem; diff --git a/build/web/scss/tokens.scss b/build/web/scss/tokens.scss index efefabfd..a48a7f2d 100644 --- a/build/web/scss/tokens.scss +++ b/build/web/scss/tokens.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Fri, 23 Jun 2023 12:36:45 GMT +// Generated on Tue, 27 Jun 2023 18:11:06 GMT $gcds-color-blue-100: #d7e5f5; $gcds-color-blue-500: #6584a6; // Must contrast 3:1 with white @@ -202,6 +202,7 @@ $gcds-button-width: fit-content; $gcds-card-background-color: #ffffff; $gcds-card-border: 0.0625rem solid #7d828b; $gcds-card-color: #333333; +$gcds-card-description-max-width: 65ch; $gcds-card-focus-background: #0535d2; $gcds-card-focus-color: #ffffff; $gcds-card-focus-border-radius: 0.1875rem; diff --git a/package.json b/package.json index 8e06ed56..b3eb0b0e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@cdssnc/gcds-tokens", - "version": "1.3.0", + "version": "1.3.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/card/tokens.json b/tokens/components/card/tokens.json index c7f9cfe1..4a267d0a 100644 --- a/tokens/components/card/tokens.json +++ b/tokens/components/card/tokens.json @@ -17,6 +17,12 @@ "value": "{text.primary.value}", "type": "color" }, + "description": { + "maxWidth": { + "value": "65ch", + "type": "sizing" + } + }, "focus": { "background": { "value": "{focus.background.value}",