Skip to content

Commit

Permalink
Merge pull request #175 from cds-snc/add-text-tokens
Browse files Browse the repository at this point in the history 
Add text tokens
  • Loading branch information
@melaniebmn
melaniebmn authored Oct 19, 2023
2 parents 6fff238 + 03639c3 commit da676fe
Show file tree
Hide file tree
Showing 14 changed files with 608 additions and 9 deletions.
158 changes: 158 additions & 0 deletions build/figma/figma.tokens.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -264,6 +264,138 @@
"secondary": {
"value": "#43474E",
"type": "color"
},
"characterLimit": {
"value": "65ch",
"type": "sizing"
},
"role": {
"light": {
"value": "#FFF",
"type": "color"
},
"primary": {
"value": "#333333",
"type": "color"
},
"secondary": {
"value": "#43474E",
"type": "color"
}
},
"size": {
"body": {
"desktop": {
"value": {
"fontFamily": "\"Noto Sans\", sans-serif",
"fontWeight": "400",
"lineHeight": "120%",
"fontSize": "1.25rem"
},
"type": "typography"
},
"mobile": {
"value": {
"fontFamily": "\"Noto Sans\", sans-serif",
"fontWeight": "400",
"lineHeight": "150%",
"fontSize": "1rem"
},
"type": "typography"
}
},
"caption": {
"desktop": {
"value": {
"fontFamily": "\"Noto Sans\", sans-serif",
"fontWeight": "400",
"lineHeight": "135%",
"fontSize": "1.1111111111111112rem"
},
"type": "typography"
},
"mobile": {
"value": {
"fontFamily": "\"Noto Sans\", sans-serif",
"fontWeight": "400",
"lineHeight": "140.625%",
"fontSize": "0.8888888888888888rem"
},
"type": "typography"
}
}
},
"spacing": {
"0": {
"value": "0",
"type": "spacing"
},
"50": {
"value": "0.1875rem",
"type": "spacing"
},
"100": {
"value": "0.375rem",
"type": "spacing"
},
"150": {
"value": "0.5625rem",
"type": "spacing"
},
"200": {
"value": "0.75rem",
"type": "spacing"
},
"250": {
"value": "0.9375rem",
"type": "spacing"
},
"300": {
"value": "1.125rem",
"type": "spacing"
},
"400": {
"value": "1.5rem",
"type": "spacing"
},
"450": {
"value": "2.25rem",
"type": "spacing"
},
"500": {
"value": "3rem",
"type": "spacing"
},
"550": {
"value": "3.75rem",
"type": "spacing"
},
"600": {
"value": "4.5rem",
"type": "spacing"
},
"700": {
"value": "6rem",
"type": "spacing"
},
"800": {
"value": "7.5rem",
"type": "spacing"
},
"900": {
"value": "9rem",
"type": "spacing"
},
"1000": {
"value": "10.5rem",
"type": "spacing"
}
},
"weight": {
"bold": {
"value": "700",
"type": "fontWeights"
}
}
},
"container": {
Expand Down Expand Up @@ -2415,6 +2547,32 @@
}
},
"heading": {
"characterLimit": {
"h1": {
"value": "31ch",
"type": "sizing"
},
"h2": {
"value": "35ch",
"type": "sizing"
},
"h3": {
"value": "40ch",
"type": "sizing"
},
"h4": {
"value": "45ch",
"type": "sizing"
},
"h5": {
"value": "50ch",
"type": "sizing"
},
"h6": {
"value": "57ch",
"type": "sizing"
}
},
"default": {
"text": {
"value": "#333333",
Expand Down
33 changes: 32 additions & 1 deletion build/web/css/.css
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Fri, 13 Oct 2023 21:38:05 GMT
* Generated on Thu, 19 Oct 2023 18:11:33 GMT
*/

:root {
Expand Down Expand Up @@ -59,6 +59,31 @@
--gcds-text-light: #ffffff; /* Global color: text light */
--gcds-text-primary: #333333; /* Global color: text primary */
--gcds-text-secondary: #43474e; /* Global color: text secondary */
--gcds-text-character-limit: 65ch;
--gcds-text-role-light: #ffffff;
--gcds-text-role-primary: #333333;
--gcds-text-role-secondary: #43474e;
--gcds-text-size-body-desktop: 400 1.25rem/120% "Noto Sans", sans-serif;
--gcds-text-size-body-mobile: 400 1rem/150% "Noto Sans", sans-serif;
--gcds-text-size-caption-desktop: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif;
--gcds-text-size-caption-mobile: 400 0.8888888888888888rem/140.625% "Noto Sans", sans-serif;
--gcds-text-spacing-0: 0;
--gcds-text-spacing-50: 0.1875rem;
--gcds-text-spacing-100: 0.375rem;
--gcds-text-spacing-150: 0.5625rem;
--gcds-text-spacing-200: 0.75rem;
--gcds-text-spacing-250: 0.9375rem;
--gcds-text-spacing-300: 1.125rem;
--gcds-text-spacing-400: 1.5rem;
--gcds-text-spacing-450: 2.25rem;
--gcds-text-spacing-500: 3rem;
--gcds-text-spacing-550: 3.75rem;
--gcds-text-spacing-600: 4.5rem;
--gcds-text-spacing-700: 6rem;
--gcds-text-spacing-800: 7.5rem;
--gcds-text-spacing-900: 9rem;
--gcds-text-spacing-1000: 10.5rem;
--gcds-text-weight-bold: 700;
--gcds-container-xs: 20rem;
--gcds-container-sm: 30rem;
--gcds-container-md: 48rem;
Expand Down Expand Up @@ -459,6 +484,12 @@
--gcds-header-container-max-width: 71.25rem;
--gcds-header-margin: 0 0 0.75rem;
--gcds-header-skiptonav-top: 1.5rem;
--gcds-heading-character-limit-h1: 31ch;
--gcds-heading-character-limit-h2: 35ch;
--gcds-heading-character-limit-h3: 40ch;
--gcds-heading-character-limit-h4: 45ch;
--gcds-heading-character-limit-h5: 50ch;
--gcds-heading-character-limit-h6: 57ch;
--gcds-heading-default-text: #333333;
--gcds-heading-h1-border-background: #d3080c;
--gcds-heading-h1-border-height: 0.375rem;
Expand Down
33 changes: 32 additions & 1 deletion build/web/css/components.css
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Fri, 13 Oct 2023 21:38:05 GMT
* Generated on Thu, 19 Oct 2023 18:11:33 GMT
*/

:root {
Expand All @@ -9,6 +9,31 @@
--gcds-link-focus-outline-width: 0.1875rem;
--gcds-link-focus-text: #ffffff;
--gcds-link-small-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif;
--gcds-text-character-limit: 65ch;
--gcds-text-role-light: #ffffff;
--gcds-text-role-primary: #333333;
--gcds-text-role-secondary: #43474e;
--gcds-text-size-body-desktop: 400 1.25rem/120% "Noto Sans", sans-serif;
--gcds-text-size-body-mobile: 400 1rem/150% "Noto Sans", sans-serif;
--gcds-text-size-caption-desktop: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif;
--gcds-text-size-caption-mobile: 400 0.8888888888888888rem/140.625% "Noto Sans", sans-serif;
--gcds-text-spacing-0: 0;
--gcds-text-spacing-50: 0.1875rem;
--gcds-text-spacing-100: 0.375rem;
--gcds-text-spacing-150: 0.5625rem;
--gcds-text-spacing-200: 0.75rem;
--gcds-text-spacing-250: 0.9375rem;
--gcds-text-spacing-300: 1.125rem;
--gcds-text-spacing-400: 1.5rem;
--gcds-text-spacing-450: 2.25rem;
--gcds-text-spacing-500: 3rem;
--gcds-text-spacing-550: 3.75rem;
--gcds-text-spacing-600: 4.5rem;
--gcds-text-spacing-700: 6rem;
--gcds-text-spacing-800: 7.5rem;
--gcds-text-spacing-900: 9rem;
--gcds-text-spacing-1000: 10.5rem;
--gcds-text-weight-bold: 700;
--gcds-container-border: 0.0625rem solid #7d828b;
--gcds-container-size-xs: 20rem;
--gcds-container-size-sm: 30rem;
Expand Down Expand Up @@ -321,6 +346,12 @@
--gcds-header-container-max-width: 71.25rem;
--gcds-header-margin: 0 0 0.75rem;
--gcds-header-skiptonav-top: 1.5rem;
--gcds-heading-character-limit-h1: 31ch;
--gcds-heading-character-limit-h2: 35ch;
--gcds-heading-character-limit-h3: 40ch;
--gcds-heading-character-limit-h4: 45ch;
--gcds-heading-character-limit-h5: 50ch;
--gcds-heading-character-limit-h6: 57ch;
--gcds-heading-default-text: #333333;
--gcds-heading-h1-border-background: #d3080c;
--gcds-heading-h1-border-height: 0.375rem;
Expand Down
8 changes: 7 additions & 1 deletion build/web/css/components/heading.css
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,15 @@
/**
* Do not edit directly
* Generated on Thu, 05 Oct 2023 20:55:52 GMT
* Generated on Thu, 19 Oct 2023 18:11:33 GMT
*/

:root {
--gcds-heading-character-limit-h1: 31ch;
--gcds-heading-character-limit-h2: 35ch;
--gcds-heading-character-limit-h3: 40ch;
--gcds-heading-character-limit-h4: 45ch;
--gcds-heading-character-limit-h5: 50ch;
--gcds-heading-character-limit-h6: 57ch;
--gcds-heading-default-text: #333333;
--gcds-heading-h1-border-background: #d3080c;
--gcds-heading-h1-border-height: 0.375rem;
Expand Down
45 changes: 45 additions & 0 deletions build/web/css/components/text.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
/**
* Do not edit directly
* Generated on Thu, 19 Oct 2023 17:50:31 GMT
*/

:root {
--gcds-text-character-limit: 65ch;
--gcds-text-role-light: #ffffff;
--gcds-text-role-primary: #333333;
--gcds-text-role-secondary: #43474e;
--gcds-text-size-body-desktop: 400 1.25rem/120% "Noto Sans", sans-serif;
--gcds-text-size-body-mobile: 400 1rem/150% "Noto Sans", sans-serif;
--gcds-text-size-caption-desktop: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif;
--gcds-text-size-caption-mobile: 400 0.8888888888888888rem/140.625% "Noto Sans", sans-serif;
--gcds-text-spacing-0: 0;
--gcds-text-spacing-50: 0.1875rem;
--gcds-text-spacing-100: 0.375rem;
--gcds-text-spacing-150: 0.5625rem;
--gcds-text-spacing-200: 0.75rem;
--gcds-text-spacing-250: 0.9375rem;
--gcds-text-spacing-300: 1.125rem;
--gcds-text-spacing-400: 1.5rem;
--gcds-text-spacing-450: 2.25rem;
--gcds-text-spacing-500: 3rem;
--gcds-text-spacing-550: 3.75rem;
--gcds-text-spacing-600: 4.5rem;
--gcds-text-spacing-700: 6rem;
--gcds-text-spacing-800: 7.5rem;
--gcds-text-spacing-900: 9rem;
--gcds-text-spacing-1000: 10.5rem;
--gcds-text-weight-bold: 700;
--gcds-textarea-border-radius: 0.1875rem;
--gcds-textarea-border-width: 0.125rem;
--gcds-textarea-danger-border: #d3080c;
--gcds-textarea-default-background: #ffffff;
--gcds-textarea-default-text: #333333;
--gcds-textarea-disabled-background: #d6d9dd;
--gcds-textarea-disabled-text: #545961;
--gcds-textarea-focus-text: #0535d2;
--gcds-textarea-font: 400 1.25rem/120% "Noto Sans", sans-serif;
--gcds-textarea-margin: 0 0 1.5rem;
--gcds-textarea-min-height: 3rem;
--gcds-textarea-outline-width: 0.1875rem;
--gcds-textarea-padding: 0.75rem;
}
27 changes: 26 additions & 1 deletion build/web/css/tokens.css
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Fri, 13 Oct 2023 21:38:05 GMT
* Generated on Thu, 19 Oct 2023 17:50:31 GMT
*/

:root {
Expand Down Expand Up @@ -59,6 +59,31 @@
--gcds-text-light: #ffffff; /* Global color: text light */
--gcds-text-primary: #333333; /* Global color: text primary */
--gcds-text-secondary: #43474e; /* Global color: text secondary */
--gcds-text-character-limit: 65ch;
--gcds-text-role-light: #ffffff;
--gcds-text-role-primary: #333333;
--gcds-text-role-secondary: #43474e;
--gcds-text-size-body-desktop: 400 1.25rem/120% "Noto Sans", sans-serif;
--gcds-text-size-body-mobile: 400 1rem/150% "Noto Sans", sans-serif;
--gcds-text-size-caption-desktop: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif;
--gcds-text-size-caption-mobile: 400 0.8888888888888888rem/140.625% "Noto Sans", sans-serif;
--gcds-text-spacing-0: 0;
--gcds-text-spacing-50: 0.1875rem;
--gcds-text-spacing-100: 0.375rem;
--gcds-text-spacing-150: 0.5625rem;
--gcds-text-spacing-200: 0.75rem;
--gcds-text-spacing-250: 0.9375rem;
--gcds-text-spacing-300: 1.125rem;
--gcds-text-spacing-400: 1.5rem;
--gcds-text-spacing-450: 2.25rem;
--gcds-text-spacing-500: 3rem;
--gcds-text-spacing-550: 3.75rem;
--gcds-text-spacing-600: 4.5rem;
--gcds-text-spacing-700: 6rem;
--gcds-text-spacing-800: 7.5rem;
--gcds-text-spacing-900: 9rem;
--gcds-text-spacing-1000: 10.5rem;
--gcds-text-weight-bold: 700;
--gcds-container-xs: 20rem;
--gcds-container-sm: 30rem;
--gcds-container-md: 48rem;
Expand Down
Loading

0 comments on commit da676fe

Please sign in to comment.