Add missing card description token (#130)

* Add missing description token for card * Up package version
cds-snc · Jun 27, 2023 · 7c62730 · 7c62730
1 parent cbae78a
commit 7c62730
Show file tree

Hide file tree

Showing 11 changed files with 29 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -17,6 +17,12 @@
       "value": "{text.primary.value}",
       "type": "color"
     },
+    "description": {
+      "maxWidth": {
+        "value": "65ch",
+        "type": "sizing"
+      }
+    },
     "focus": {
       "background": {
         "value": "{focus.background.value}",