From 94abb6c223c08ff60790d5f6ab03a7cea94cf5b7 Mon Sep 17 00:00:00 2001 From: Tyler Krys Date: Fri, 23 Aug 2024 12:04:15 -0700 Subject: [PATCH 1/5] Bump design tokens package.json to v3.1.1 --- packages/design-tokens/package-lock.json | 4 ++-- packages/design-tokens/package.json | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/design-tokens/package-lock.json b/packages/design-tokens/package-lock.json index 3a1e09d6..2408b7c9 100644 --- a/packages/design-tokens/package-lock.json +++ b/packages/design-tokens/package-lock.json @@ -1,12 +1,12 @@ { "name": "design-tokens", - "version": "3.1.0", + "version": "3.1.1", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "design-tokens", - "version": "3.1.0", + "version": "3.1.1", "license": "Apache-2.0", "dependencies": { "@tokens-studio/sd-transforms": "1.2.3", diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json index 94e211b7..3b502a08 100644 --- 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", From 99d4901e993b6fa131d09dc10d0734e9473539dd Mon Sep 17 00:00:00 2001 From: Tyler Krys Date: Fri, 23 Aug 2024 12:38:38 -0700 Subject: [PATCH 2/5] Update design tokens input JSON for v3.1.1 --- packages/design-tokens/input/tokens.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/design-tokens/input/tokens.json b/packages/design-tokens/input/tokens.json index 9ff8d984..0822f24e 100644 --- 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" }, From 42e12e1530691aa0aee2e4b7779f1f26e1e20613 Mon Sep 17 00:00:00 2001 From: Tyler Krys Date: Fri, 23 Aug 2024 12:54:23 -0700 Subject: [PATCH 3/5] Update build directory output with fixed surface.color.tertiary.default --- packages/design-tokens/build/cjs-prefixed/index.js | 2 +- packages/design-tokens/build/cjs/index.js | 2 +- packages/design-tokens/build/css-prefixed/variables.css | 2 +- packages/design-tokens/build/css/variables.css | 2 +- packages/design-tokens/build/js-prefixed/index.js | 2 +- packages/design-tokens/build/js/index.js | 2 +- 6 files changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/design-tokens/build/cjs-prefixed/index.js b/packages/design-tokens/build/cjs-prefixed/index.js index 7db75f0b..dd6784ad 100644 --- 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 index 80e54046..0e55ca17 100644 --- 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 index 9f4cb0c8..e341758a 100644 --- 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 index 36b76492..cba05684 100644 --- 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 index 565d22b6..056e5cbe 100644 --- 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 index 58ace5b6..ea816351 100644 --- 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 From 809af9af0755218d6ee5289529db4c0e5db7b884 Mon Sep 17 00:00:00 2001 From: Tyler Krys Date: Fri, 23 Aug 2024 12:55:28 -0700 Subject: [PATCH 4/5] Update dist directory contents with fixed surface.color.tertiary.default for v3.1.1 --- packages/design-tokens/dist/cjs-prefixed/index.js | 2 +- packages/design-tokens/dist/cjs/index.js | 2 +- packages/design-tokens/dist/css-prefixed/variables.css | 2 +- packages/design-tokens/dist/css/variables.css | 2 +- packages/design-tokens/dist/js-prefixed/index.js | 2 +- packages/design-tokens/dist/js/index.js | 2 +- packages/design-tokens/dist/package.json | 2 +- 7 files changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/design-tokens/dist/cjs-prefixed/index.js b/packages/design-tokens/dist/cjs-prefixed/index.js index 7db75f0b..dd6784ad 100644 --- 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 index 80e54046..0e55ca17 100644 --- 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 index 9f4cb0c8..e341758a 100644 --- 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 index 36b76492..cba05684 100644 --- 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 index 565d22b6..056e5cbe 100644 --- 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 index 58ace5b6..ea816351 100644 --- 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 index b2593741..791ed504 100644 --- 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", From a4db10c7a9ed4aa35b2fdd1e2c51be1105e20057 Mon Sep 17 00:00:00 2001 From: Tyler Krys Date: Fri, 23 Aug 2024 12:55:46 -0700 Subject: [PATCH 5/5] Update CHANGELOG for v3.1.1 --- packages/design-tokens/CHANGELOG.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/design-tokens/CHANGELOG.md b/packages/design-tokens/CHANGELOG.md index d26f0609..bd0bc59d 100644 --- 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