Merge pull request #470 from bcgov/feature/design-tokens-v3.1.1

Design tokens v3.1.1
bcgov · Aug 23, 2024 · 64f31d4 · 64f31d4
2 parents 9f1e8c2 + a4db10c
commit 64f31d4
Show file tree

Hide file tree

Showing 17 changed files with 23 additions and 17 deletions.
diff --git a/packages/design-tokens/CHANGELOG.md b/packages/design-tokens/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## 3.1.1
+
+### Changed
+
+- `surface.color.tertiary.default` is fixed so it gets alpha channel data (`#FFFFFF` corrected to `#FFFFFF00`)
+
 ## 3.1.0
 
 ### Added

diff --git a/packages/design-tokens/build/cjs-prefixed/index.js b/packages/design-tokens/build/cjs-prefixed/index.js
@@ -38,7 +38,7 @@ module.exports = {
   "bcdsSurfaceColorTertiaryButtonDefault": "rgba(255,255,255,0)",
   "bcdsSurfaceColorTertiaryButtonHover": "#ECEAE8",
   "bcdsSurfaceColorTertiaryButtonDisabled": "#EDEBE9",
-  "bcdsSurfaceColorTertiaryDefault": "#FFFFFF",
+  "bcdsSurfaceColorTertiaryDefault": "#FFFFFF00",
   "bcdsSurfaceColorTertiaryHover": "#ECEAE8",
   "bcdsSurfaceColorTertiaryPressed": "#E0DEDC",
   "bcdsSurfaceColorTertiaryDisabled": "#EDEBE9",

diff --git a/packages/design-tokens/build/cjs/index.js b/packages/design-tokens/build/cjs/index.js
@@ -38,7 +38,7 @@ module.exports = {
   "surfaceColorTertiaryButtonDefault": "rgba(255,255,255,0)",
   "surfaceColorTertiaryButtonHover": "#ECEAE8",
   "surfaceColorTertiaryButtonDisabled": "#EDEBE9",
-  "surfaceColorTertiaryDefault": "#FFFFFF",
+  "surfaceColorTertiaryDefault": "#FFFFFF00",
   "surfaceColorTertiaryHover": "#ECEAE8",
   "surfaceColorTertiaryPressed": "#E0DEDC",
   "surfaceColorTertiaryDisabled": "#EDEBE9",

diff --git a/packages/design-tokens/build/css-prefixed/variables.css b/packages/design-tokens/build/css-prefixed/variables.css
@@ -38,7 +38,7 @@
   --bcds-surface-color-tertiary-button-default: rgba(255,255,255,0); /* Default fill colour for tertiary buttons */
   --bcds-surface-color-tertiary-button-hover: #ECEAE8; /* Fill colour used when user hovers over tertiary button */
   --bcds-surface-color-tertiary-button-disabled: #EDEBE9; /* Fill colour for inactive tertiary buttons */
-  --bcds-surface-color-tertiary-default: #FFFFFF; /* Alternative light theme colour for components and layout */
+  --bcds-surface-color-tertiary-default: #FFFFFF00; /* Alternative light theme colour for components and layout */
   --bcds-surface-color-tertiary-hover: #ECEAE8; /* Hover variant of surface.color.tertiary.default */
   --bcds-surface-color-tertiary-pressed: #E0DEDC; /* Selected/pressed variant of surface.color.tertiary.default */
   --bcds-surface-color-tertiary-disabled: #EDEBE9; /* Disabled/inactive variant of surface.color.tertiary default */

diff --git a/packages/design-tokens/build/css/variables.css b/packages/design-tokens/build/css/variables.css
@@ -38,7 +38,7 @@
   --surface-color-tertiary-button-default: rgba(255,255,255,0); /* Default fill colour for tertiary buttons */
   --surface-color-tertiary-button-hover: #ECEAE8; /* Fill colour used when user hovers over tertiary button */
   --surface-color-tertiary-button-disabled: #EDEBE9; /* Fill colour for inactive tertiary buttons */
-  --surface-color-tertiary-default: #FFFFFF; /* Alternative light theme colour for components and layout */
+  --surface-color-tertiary-default: #FFFFFF00; /* Alternative light theme colour for components and layout */
   --surface-color-tertiary-hover: #ECEAE8; /* Hover variant of surface.color.tertiary.default */
   --surface-color-tertiary-pressed: #E0DEDC; /* Selected/pressed variant of surface.color.tertiary.default */
   --surface-color-tertiary-disabled: #EDEBE9; /* Disabled/inactive variant of surface.color.tertiary default */

diff --git a/packages/design-tokens/build/js-prefixed/index.js b/packages/design-tokens/build/js-prefixed/index.js
@@ -37,7 +37,7 @@ export const bcdsSurfaceColorSecondaryDisabled = "#EDEBE9"; // Disabled/inactive
 export const bcdsSurfaceColorTertiaryButtonDefault = "rgba(255,255,255,0)"; // Default fill colour for tertiary buttons
 export const bcdsSurfaceColorTertiaryButtonHover = "#ECEAE8"; // Fill colour used when user hovers over tertiary button
 export const bcdsSurfaceColorTertiaryButtonDisabled = "#EDEBE9"; // Fill colour for inactive tertiary buttons
-export const bcdsSurfaceColorTertiaryDefault = "#FFFFFF"; // Alternative light theme colour for components and layout
+export const bcdsSurfaceColorTertiaryDefault = "#FFFFFF00"; // Alternative light theme colour for components and layout
 export const bcdsSurfaceColorTertiaryHover = "#ECEAE8"; // Hover variant of surface.color.tertiary.default
 export const bcdsSurfaceColorTertiaryPressed = "#E0DEDC"; // Selected/pressed variant of surface.color.tertiary.default
 export const bcdsSurfaceColorTertiaryDisabled = "#EDEBE9"; // Disabled/inactive variant of surface.color.tertiary default

diff --git a/packages/design-tokens/build/js/index.js b/packages/design-tokens/build/js/index.js
@@ -37,7 +37,7 @@ export const surfaceColorSecondaryDisabled = "#EDEBE9"; // Disabled/inactive var
 export const surfaceColorTertiaryButtonDefault = "rgba(255,255,255,0)"; // Default fill colour for tertiary buttons
 export const surfaceColorTertiaryButtonHover = "#ECEAE8"; // Fill colour used when user hovers over tertiary button
 export const surfaceColorTertiaryButtonDisabled = "#EDEBE9"; // Fill colour for inactive tertiary buttons
-export const surfaceColorTertiaryDefault = "#FFFFFF"; // Alternative light theme colour for components and layout
+export const surfaceColorTertiaryDefault = "#FFFFFF00"; // Alternative light theme colour for components and layout
 export const surfaceColorTertiaryHover = "#ECEAE8"; // Hover variant of surface.color.tertiary.default
 export const surfaceColorTertiaryPressed = "#E0DEDC"; // Selected/pressed variant of surface.color.tertiary.default
 export const surfaceColorTertiaryDisabled = "#EDEBE9"; // Disabled/inactive variant of surface.color.tertiary default

diff --git a/packages/design-tokens/dist/cjs-prefixed/index.js b/packages/design-tokens/dist/cjs-prefixed/index.js
@@ -38,7 +38,7 @@ module.exports = {
   "bcdsSurfaceColorTertiaryButtonDefault": "rgba(255,255,255,0)",
   "bcdsSurfaceColorTertiaryButtonHover": "#ECEAE8",
   "bcdsSurfaceColorTertiaryButtonDisabled": "#EDEBE9",
-  "bcdsSurfaceColorTertiaryDefault": "#FFFFFF",
+  "bcdsSurfaceColorTertiaryDefault": "#FFFFFF00",
   "bcdsSurfaceColorTertiaryHover": "#ECEAE8",
   "bcdsSurfaceColorTertiaryPressed": "#E0DEDC",
   "bcdsSurfaceColorTertiaryDisabled": "#EDEBE9",

diff --git a/packages/design-tokens/dist/cjs/index.js b/packages/design-tokens/dist/cjs/index.js
@@ -38,7 +38,7 @@ module.exports = {
   "surfaceColorTertiaryButtonDefault": "rgba(255,255,255,0)",
   "surfaceColorTertiaryButtonHover": "#ECEAE8",
   "surfaceColorTertiaryButtonDisabled": "#EDEBE9",
-  "surfaceColorTertiaryDefault": "#FFFFFF",
+  "surfaceColorTertiaryDefault": "#FFFFFF00",
   "surfaceColorTertiaryHover": "#ECEAE8",
   "surfaceColorTertiaryPressed": "#E0DEDC",
   "surfaceColorTertiaryDisabled": "#EDEBE9",

diff --git a/packages/design-tokens/dist/css-prefixed/variables.css b/packages/design-tokens/dist/css-prefixed/variables.css
@@ -38,7 +38,7 @@
   --bcds-surface-color-tertiary-button-default: rgba(255,255,255,0); /* Default fill colour for tertiary buttons */
   --bcds-surface-color-tertiary-button-hover: #ECEAE8; /* Fill colour used when user hovers over tertiary button */
   --bcds-surface-color-tertiary-button-disabled: #EDEBE9; /* Fill colour for inactive tertiary buttons */
-  --bcds-surface-color-tertiary-default: #FFFFFF; /* Alternative light theme colour for components and layout */
+  --bcds-surface-color-tertiary-default: #FFFFFF00; /* Alternative light theme colour for components and layout */
   --bcds-surface-color-tertiary-hover: #ECEAE8; /* Hover variant of surface.color.tertiary.default */
   --bcds-surface-color-tertiary-pressed: #E0DEDC; /* Selected/pressed variant of surface.color.tertiary.default */
   --bcds-surface-color-tertiary-disabled: #EDEBE9; /* Disabled/inactive variant of surface.color.tertiary default */

diff --git a/packages/design-tokens/dist/css/variables.css b/packages/design-tokens/dist/css/variables.css
@@ -38,7 +38,7 @@
   --surface-color-tertiary-button-default: rgba(255,255,255,0); /* Default fill colour for tertiary buttons */
   --surface-color-tertiary-button-hover: #ECEAE8; /* Fill colour used when user hovers over tertiary button */
   --surface-color-tertiary-button-disabled: #EDEBE9; /* Fill colour for inactive tertiary buttons */
-  --surface-color-tertiary-default: #FFFFFF; /* Alternative light theme colour for components and layout */
+  --surface-color-tertiary-default: #FFFFFF00; /* Alternative light theme colour for components and layout */
   --surface-color-tertiary-hover: #ECEAE8; /* Hover variant of surface.color.tertiary.default */
   --surface-color-tertiary-pressed: #E0DEDC; /* Selected/pressed variant of surface.color.tertiary.default */
   --surface-color-tertiary-disabled: #EDEBE9; /* Disabled/inactive variant of surface.color.tertiary default */

diff --git a/packages/design-tokens/dist/js-prefixed/index.js b/packages/design-tokens/dist/js-prefixed/index.js
@@ -37,7 +37,7 @@ export const bcdsSurfaceColorSecondaryDisabled = "#EDEBE9"; // Disabled/inactive
 export const bcdsSurfaceColorTertiaryButtonDefault = "rgba(255,255,255,0)"; // Default fill colour for tertiary buttons
 export const bcdsSurfaceColorTertiaryButtonHover = "#ECEAE8"; // Fill colour used when user hovers over tertiary button
 export const bcdsSurfaceColorTertiaryButtonDisabled = "#EDEBE9"; // Fill colour for inactive tertiary buttons
-export const bcdsSurfaceColorTertiaryDefault = "#FFFFFF"; // Alternative light theme colour for components and layout
+export const bcdsSurfaceColorTertiaryDefault = "#FFFFFF00"; // Alternative light theme colour for components and layout
 export const bcdsSurfaceColorTertiaryHover = "#ECEAE8"; // Hover variant of surface.color.tertiary.default
 export const bcdsSurfaceColorTertiaryPressed = "#E0DEDC"; // Selected/pressed variant of surface.color.tertiary.default
 export const bcdsSurfaceColorTertiaryDisabled = "#EDEBE9"; // Disabled/inactive variant of surface.color.tertiary default

diff --git a/packages/design-tokens/dist/js/index.js b/packages/design-tokens/dist/js/index.js
@@ -37,7 +37,7 @@ export const surfaceColorSecondaryDisabled = "#EDEBE9"; // Disabled/inactive var
 export const surfaceColorTertiaryButtonDefault = "rgba(255,255,255,0)"; // Default fill colour for tertiary buttons
 export const surfaceColorTertiaryButtonHover = "#ECEAE8"; // Fill colour used when user hovers over tertiary button
 export const surfaceColorTertiaryButtonDisabled = "#EDEBE9"; // Fill colour for inactive tertiary buttons
-export const surfaceColorTertiaryDefault = "#FFFFFF"; // Alternative light theme colour for components and layout
+export const surfaceColorTertiaryDefault = "#FFFFFF00"; // Alternative light theme colour for components and layout
 export const surfaceColorTertiaryHover = "#ECEAE8"; // Hover variant of surface.color.tertiary.default
 export const surfaceColorTertiaryPressed = "#E0DEDC"; // Selected/pressed variant of surface.color.tertiary.default
 export const surfaceColorTertiaryDisabled = "#EDEBE9"; // Disabled/inactive variant of surface.color.tertiary default

diff --git a/packages/design-tokens/dist/package.json b/packages/design-tokens/dist/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bcgov/design-tokens",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "Design tokens for B.C. Design System",
   "repository": {
     "type": "git",

diff --git a/packages/design-tokens/input/tokens.json b/packages/design-tokens/input/tokens.json
@@ -251,7 +251,7 @@
           }
         },
         "default": {
-          "value": "#FFFFFF",
+          "value": "#FFFFFF00",
           "type": "color",
           "description": "Alternative light theme colour for components and layout"
         },

diff --git a/packages/design-tokens/package-lock.json b/packages/design-tokens/package-lock.json
diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "design-tokens",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "Transformation pipeline for design tokens for B.C. Design System",
   "scripts": {
     "build": "./run-build.sh",