Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Design tokens v3.1.1 #470

Merged
merged 5 commits into from
Aug 23, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions packages/design-tokens/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -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
Expand Down
2 changes: 1 addition & 1 deletion packages/design-tokens/build/cjs-prefixed/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down
2 changes: 1 addition & 1 deletion packages/design-tokens/build/cjs/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down
2 changes: 1 addition & 1 deletion packages/design-tokens/build/css-prefixed/variables.css
Original file line number Diff line number Diff line change
Expand Up @@ -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 */
Expand Down
2 changes: 1 addition & 1 deletion packages/design-tokens/build/css/variables.css
Original file line number Diff line number Diff line change
Expand Up @@ -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 */
Expand Down
2 changes: 1 addition & 1 deletion packages/design-tokens/build/js-prefixed/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
2 changes: 1 addition & 1 deletion packages/design-tokens/build/js/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
2 changes: 1 addition & 1 deletion packages/design-tokens/dist/cjs-prefixed/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down
2 changes: 1 addition & 1 deletion packages/design-tokens/dist/cjs/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down
2 changes: 1 addition & 1 deletion packages/design-tokens/dist/css-prefixed/variables.css
Original file line number Diff line number Diff line change
Expand Up @@ -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 */
Expand Down
2 changes: 1 addition & 1 deletion packages/design-tokens/dist/css/variables.css
Original file line number Diff line number Diff line change
Expand Up @@ -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 */
Expand Down
2 changes: 1 addition & 1 deletion packages/design-tokens/dist/js-prefixed/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
2 changes: 1 addition & 1 deletion packages/design-tokens/dist/js/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
2 changes: 1 addition & 1 deletion packages/design-tokens/dist/package.json
Original file line number Diff line number Diff line change
@@ -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",
Expand Down
2 changes: 1 addition & 1 deletion packages/design-tokens/input/tokens.json
Original file line number Diff line number Diff line change
Expand Up @@ -251,7 +251,7 @@
}
},
"default": {
"value": "#FFFFFF",
"value": "#FFFFFF00",
"type": "color",
"description": "Alternative light theme colour for components and layout"
},
Expand Down
4 changes: 2 additions & 2 deletions packages/design-tokens/package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion packages/design-tokens/package.json
Original file line number Diff line number Diff line change
@@ -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",
Expand Down