Merge pull request #466 from bcgov/feature/design-tokens-v3.1.0

Design tokens v3.1.0
bcgov · Aug 22, 2024 · d735bbb · d735bbb
2 parents 4afd327 + afa3bfa
commit d735bbb
Show file tree

Hide file tree

Showing 25 changed files with 3,022 additions and 1,314 deletions.
diff --git a/packages/design-tokens/CHANGELOG.md b/packages/design-tokens/CHANGELOG.md
@@ -1,5 +1,25 @@
 # Changelog
 
+## 3.1.0
+
+### Added
+
+- Comments added to tokens to document intended usage
+- `layout.padding.hair` added to match `layout.margin.hair`
+- New color tokens added:
+  - `surface.color.primary.default`
+  - `surface.color.primary.hover`
+  - `surface.color.primary.pressed`
+  - `surface.color.primary.disabled`
+  - `surface.color.secondary.default`
+  - `surface.color.secondary.hover`
+  - `surface.color.secondary.pressed`
+  - `surface.color.secondary.disabled`
+  - `surface.color.tertiary.default`
+  - `surface.color.tertiary.hover`
+  - `surface.color.tertiary.pressed`
+  - `surface.color.tertiary.disabled`
+
 ## 3.0.1
 
 ### Changed

diff --git a/packages/design-tokens/build/cjs-prefixed/index.d.ts b/packages/design-tokens/build/cjs-prefixed/index.d.ts
diff --git a/packages/design-tokens/build/cjs-prefixed/index.js b/packages/design-tokens/build/cjs-prefixed/index.js
@@ -24,12 +24,24 @@ module.exports = {
   "bcdsSurfaceColorPrimaryDangerButtonDefault": "#CE3E39",
   "bcdsSurfaceColorPrimaryDangerButtonHover": "#A2312D",
   "bcdsSurfaceColorPrimaryDangerButtonDisabled": "#EDEBE9",
+  "bcdsSurfaceColorPrimaryDefault": "#013366",
+  "bcdsSurfaceColorPrimaryHover": "#1E5189",
+  "bcdsSurfaceColorPrimaryPressed": "#01264C",
+  "bcdsSurfaceColorPrimaryDisabled": "#EDEBE9",
   "bcdsSurfaceColorSecondaryButtonDefault": "#FFFFFF",
   "bcdsSurfaceColorSecondaryButtonHover": "#EDEBE9",
   "bcdsSurfaceColorSecondaryButtonDisabled": "#EDEBE9",
+  "bcdsSurfaceColorSecondaryDefault": "#FFFFFF",
+  "bcdsSurfaceColorSecondaryHover": "#EDEBE9",
+  "bcdsSurfaceColorSecondaryPressed": "#E0DEDC",
+  "bcdsSurfaceColorSecondaryDisabled": "#EDEBE9",
   "bcdsSurfaceColorTertiaryButtonDefault": "rgba(255,255,255,0)",
   "bcdsSurfaceColorTertiaryButtonHover": "#ECEAE8",
   "bcdsSurfaceColorTertiaryButtonDisabled": "#EDEBE9",
+  "bcdsSurfaceColorTertiaryDefault": "#FFFFFF",
+  "bcdsSurfaceColorTertiaryHover": "#ECEAE8",
+  "bcdsSurfaceColorTertiaryPressed": "#E0DEDC",
+  "bcdsSurfaceColorTertiaryDisabled": "#EDEBE9",
   "bcdsSurfaceColorMenusDefault": "#FFFFFF",
   "bcdsSurfaceColorMenusHover": "#EDEBE9",
   "bcdsSurfaceColorFormsDefault": "#FFFFFF",
@@ -70,6 +82,7 @@ module.exports = {
   "bcdsLayoutBorderWidthMedium": "2px",
   "bcdsLayoutBorderWidthLarge": "4px",
   "bcdsLayoutPaddingNone": "0",
+  "bcdsLayoutPaddingHair": "0.125rem",
   "bcdsLayoutPaddingXsmall": "0.25rem",
   "bcdsLayoutPaddingSmall": "0.5rem",
   "bcdsLayoutPaddingMedium": "1rem",