From 4c55ff6d8671df41d6c236297d1375c5d1591a57 Mon Sep 17 00:00:00 2001 From: Arora Date: Fri, 10 Jan 2025 12:55:32 -0800 Subject: [PATCH 1/5] Bump design tokens package.json to v3.2.0 --- 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 2408b7c9..e1fef99c 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.1", + "version": "3.2.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "design-tokens", - "version": "3.1.1", + "version": "3.2.0", "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 3b502a08..9184dcdf 100644 --- a/packages/design-tokens/package.json +++ b/packages/design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "design-tokens", - "version": "3.1.1", + "version": "3.2.0", "description": "Transformation pipeline for design tokens for B.C. Design System", "scripts": { "build": "./run-build.sh", From faf353e3b77389b7756e60d4e7ded48ed3c74c2e Mon Sep 17 00:00:00 2001 From: Arora Date: Fri, 10 Jan 2025 12:56:09 -0800 Subject: [PATCH 2/5] Update design tokens input JSON for v3.2.0 --- packages/design-tokens/input/tokens.json | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/design-tokens/input/tokens.json b/packages/design-tokens/input/tokens.json index 0822f24e..4e93fa9b 100644 --- a/packages/design-tokens/input/tokens.json +++ b/packages/design-tokens/input/tokens.json @@ -582,6 +582,11 @@ "large": { "value": "6", "type": "borderRadius" + }, + "circular": { + "value": "9999", + "type": "borderRadius", + "description": "Used for components with a circular radius" } } }, From b9cadcab38899bfd9549c8c7145c68eb5d8288f7 Mon Sep 17 00:00:00 2001 From: Arora Date: Fri, 10 Jan 2025 12:57:26 -0800 Subject: [PATCH 3/5] Update build directory output with bcdsLayoutBorderRadiusCircular --- packages/design-tokens/build/cjs-prefixed/index.d.ts | 4 ++-- packages/design-tokens/build/cjs-prefixed/index.js | 2 +- packages/design-tokens/build/cjs/index.d.ts | 4 ++-- 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.d.ts | 4 ++-- packages/design-tokens/build/js-prefixed/index.js | 2 +- packages/design-tokens/build/js/index.d.ts | 4 ++-- packages/design-tokens/build/js/index.js | 2 +- 10 files changed, 14 insertions(+), 14 deletions(-) diff --git a/packages/design-tokens/build/cjs-prefixed/index.d.ts b/packages/design-tokens/build/cjs-prefixed/index.d.ts index 8c17e3fa..f6c8aca1 100644 --- a/packages/design-tokens/build/cjs-prefixed/index.d.ts +++ b/packages/design-tokens/build/cjs-prefixed/index.d.ts @@ -169,6 +169,8 @@ export const bcdsLayoutBorderRadiusNone : string; export const bcdsLayoutBorderRadiusSmall : string; export const bcdsLayoutBorderRadiusMedium : string; export const bcdsLayoutBorderRadiusLarge : string; +/** Used for components with a circular radius */ +export const bcdsLayoutBorderRadiusCircular : string; /** BC Sans font. Requires BC Sans package */ export const bcdsTypographyFontFamiliesBcSans : string; /** Smallest line height */ @@ -188,8 +190,6 @@ export const bcdsTypographyLineHeightsAuto : string; export const bcdsTypographyFontWeightsRegular : number; /** System token, used to generate text styles */ export const bcdsTypographyFontWeightsBold : number; -/** DEPRECATED - will be removed in next major version. */ -export const bcdsTypographyFontWeightsItalic : string; /** System token, used to generate text styles */ export const bcdsTypographyFontWeightsItalicWeight : number; /** System token, used to generate text styles */ diff --git a/packages/design-tokens/build/cjs-prefixed/index.js b/packages/design-tokens/build/cjs-prefixed/index.js index dd6784ad..bc895103 100644 --- a/packages/design-tokens/build/cjs-prefixed/index.js +++ b/packages/design-tokens/build/cjs-prefixed/index.js @@ -102,6 +102,7 @@ module.exports = { "bcdsLayoutBorderRadiusSmall": "2px", "bcdsLayoutBorderRadiusMedium": "4px", "bcdsLayoutBorderRadiusLarge": "6px", + "bcdsLayoutBorderRadiusCircular": "9999px", "bcdsTypographyFontFamiliesBcSans": "'BC Sans'", "bcdsTypographyLineHeightsXxxdense": "1.125rem", "bcdsTypographyLineHeightsXxdense": "1.313rem", @@ -114,7 +115,6 @@ module.exports = { "bcdsTypographyLineHeightsAuto": "AUTO", "bcdsTypographyFontWeightsRegular": 400, "bcdsTypographyFontWeightsBold": 700, - "bcdsTypographyFontWeightsItalic": "Italic", // DEPRECATED - will be removed in next major version. "bcdsTypographyFontWeightsItalicWeight": 400, "bcdsTypographyFontWeightsItalicStyle": "italic", "bcdsTypographyFontSizeLabel": "0.75rem", diff --git a/packages/design-tokens/build/cjs/index.d.ts b/packages/design-tokens/build/cjs/index.d.ts index 71e5317d..452012a8 100644 --- a/packages/design-tokens/build/cjs/index.d.ts +++ b/packages/design-tokens/build/cjs/index.d.ts @@ -169,6 +169,8 @@ export const layoutBorderRadiusNone : string; export const layoutBorderRadiusSmall : string; export const layoutBorderRadiusMedium : string; export const layoutBorderRadiusLarge : string; +/** Used for components with a circular radius */ +export const layoutBorderRadiusCircular : string; /** BC Sans font. Requires BC Sans package */ export const typographyFontFamiliesBcSans : string; /** Smallest line height */ @@ -188,8 +190,6 @@ export const typographyLineHeightsAuto : string; export const typographyFontWeightsRegular : number; /** System token, used to generate text styles */ export const typographyFontWeightsBold : number; -/** DEPRECATED - will be removed in next major version. */ -export const typographyFontWeightsItalic : string; /** System token, used to generate text styles */ export const typographyFontWeightsItalicWeight : number; /** System token, used to generate text styles */ diff --git a/packages/design-tokens/build/cjs/index.js b/packages/design-tokens/build/cjs/index.js index 0e55ca17..54370377 100644 --- a/packages/design-tokens/build/cjs/index.js +++ b/packages/design-tokens/build/cjs/index.js @@ -102,6 +102,7 @@ module.exports = { "layoutBorderRadiusSmall": "2px", "layoutBorderRadiusMedium": "4px", "layoutBorderRadiusLarge": "6px", + "layoutBorderRadiusCircular": "9999px", "typographyFontFamiliesBcSans": "'BC Sans'", "typographyLineHeightsXxxdense": "1.125rem", "typographyLineHeightsXxdense": "1.313rem", @@ -114,7 +115,6 @@ module.exports = { "typographyLineHeightsAuto": "AUTO", "typographyFontWeightsRegular": 400, "typographyFontWeightsBold": 700, - "typographyFontWeightsItalic": "Italic", // DEPRECATED - will be removed in next major version. "typographyFontWeightsItalicWeight": 400, "typographyFontWeightsItalicStyle": "italic", "typographyFontSizeLabel": "0.75rem", diff --git a/packages/design-tokens/build/css-prefixed/variables.css b/packages/design-tokens/build/css-prefixed/variables.css index e341758a..60b39af5 100644 --- a/packages/design-tokens/build/css-prefixed/variables.css +++ b/packages/design-tokens/build/css-prefixed/variables.css @@ -102,6 +102,7 @@ --bcds-layout-border-radius-small: 2px; --bcds-layout-border-radius-medium: 4px; --bcds-layout-border-radius-large: 6px; + --bcds-layout-border-radius-circular: 9999px; /* Used for components with a circular radius */ --bcds-typography-font-families-bc-sans: 'BC Sans'; /* BC Sans font. Requires BC Sans package */ --bcds-typography-line-heights-xxxdense: 1.125rem; /* Smallest line height */ --bcds-typography-line-heights-xxdense: 1.313rem; @@ -114,7 +115,6 @@ --bcds-typography-line-heights-auto: AUTO; /* System token, used to generate type styles */ --bcds-typography-font-weights-regular: 400; /* System token, used to generate text styles */ --bcds-typography-font-weights-bold: 700; /* System token, used to generate text styles */ - --bcds-typography-font-weights-italic: Italic; /* DEPRECATED - will be removed in next major version. */ --bcds-typography-font-weights-italic-weight: 400; /* System token, used to generate text styles */ --bcds-typography-font-weights-italic-style: italic; /* System token, used to generate text styles */ --bcds-typography-font-size-label: 0.75rem; diff --git a/packages/design-tokens/build/css/variables.css b/packages/design-tokens/build/css/variables.css index cba05684..a4b57bdd 100644 --- a/packages/design-tokens/build/css/variables.css +++ b/packages/design-tokens/build/css/variables.css @@ -102,6 +102,7 @@ --layout-border-radius-small: 2px; --layout-border-radius-medium: 4px; --layout-border-radius-large: 6px; + --layout-border-radius-circular: 9999px; /* Used for components with a circular radius */ --typography-font-families-bc-sans: 'BC Sans'; /* BC Sans font. Requires BC Sans package */ --typography-line-heights-xxxdense: 1.125rem; /* Smallest line height */ --typography-line-heights-xxdense: 1.313rem; @@ -114,7 +115,6 @@ --typography-line-heights-auto: AUTO; /* System token, used to generate type styles */ --typography-font-weights-regular: 400; /* System token, used to generate text styles */ --typography-font-weights-bold: 700; /* System token, used to generate text styles */ - --typography-font-weights-italic: Italic; /* DEPRECATED - will be removed in next major version. */ --typography-font-weights-italic-weight: 400; /* System token, used to generate text styles */ --typography-font-weights-italic-style: italic; /* System token, used to generate text styles */ --typography-font-size-label: 0.75rem; diff --git a/packages/design-tokens/build/js-prefixed/index.d.ts b/packages/design-tokens/build/js-prefixed/index.d.ts index 8c17e3fa..f6c8aca1 100644 --- a/packages/design-tokens/build/js-prefixed/index.d.ts +++ b/packages/design-tokens/build/js-prefixed/index.d.ts @@ -169,6 +169,8 @@ export const bcdsLayoutBorderRadiusNone : string; export const bcdsLayoutBorderRadiusSmall : string; export const bcdsLayoutBorderRadiusMedium : string; export const bcdsLayoutBorderRadiusLarge : string; +/** Used for components with a circular radius */ +export const bcdsLayoutBorderRadiusCircular : string; /** BC Sans font. Requires BC Sans package */ export const bcdsTypographyFontFamiliesBcSans : string; /** Smallest line height */ @@ -188,8 +190,6 @@ export const bcdsTypographyLineHeightsAuto : string; export const bcdsTypographyFontWeightsRegular : number; /** System token, used to generate text styles */ export const bcdsTypographyFontWeightsBold : number; -/** DEPRECATED - will be removed in next major version. */ -export const bcdsTypographyFontWeightsItalic : string; /** System token, used to generate text styles */ export const bcdsTypographyFontWeightsItalicWeight : number; /** System token, used to generate text styles */ diff --git a/packages/design-tokens/build/js-prefixed/index.js b/packages/design-tokens/build/js-prefixed/index.js index 056e5cbe..7f891ce1 100644 --- a/packages/design-tokens/build/js-prefixed/index.js +++ b/packages/design-tokens/build/js-prefixed/index.js @@ -101,6 +101,7 @@ export const bcdsLayoutBorderRadiusNone = "0"; export const bcdsLayoutBorderRadiusSmall = "2px"; export const bcdsLayoutBorderRadiusMedium = "4px"; export const bcdsLayoutBorderRadiusLarge = "6px"; +export const bcdsLayoutBorderRadiusCircular = "9999px"; // Used for components with a circular radius export const bcdsTypographyFontFamiliesBcSans = "'BC Sans'"; // BC Sans font. Requires BC Sans package export const bcdsTypographyLineHeightsXxxdense = "1.125rem"; // Smallest line height export const bcdsTypographyLineHeightsXxdense = "1.313rem"; @@ -113,7 +114,6 @@ export const bcdsTypographyLineHeightsXxsparse = "3.375rem"; // Largest line hei export const bcdsTypographyLineHeightsAuto = "AUTO"; // System token, used to generate type styles export const bcdsTypographyFontWeightsRegular = 400; // System token, used to generate text styles export const bcdsTypographyFontWeightsBold = 700; // System token, used to generate text styles -export const bcdsTypographyFontWeightsItalic = "Italic"; // DEPRECATED - will be removed in next major version. export const bcdsTypographyFontWeightsItalicWeight = 400; // System token, used to generate text styles export const bcdsTypographyFontWeightsItalicStyle = "italic"; // System token, used to generate text styles export const bcdsTypographyFontSizeLabel = "0.75rem"; diff --git a/packages/design-tokens/build/js/index.d.ts b/packages/design-tokens/build/js/index.d.ts index 71e5317d..452012a8 100644 --- a/packages/design-tokens/build/js/index.d.ts +++ b/packages/design-tokens/build/js/index.d.ts @@ -169,6 +169,8 @@ export const layoutBorderRadiusNone : string; export const layoutBorderRadiusSmall : string; export const layoutBorderRadiusMedium : string; export const layoutBorderRadiusLarge : string; +/** Used for components with a circular radius */ +export const layoutBorderRadiusCircular : string; /** BC Sans font. Requires BC Sans package */ export const typographyFontFamiliesBcSans : string; /** Smallest line height */ @@ -188,8 +190,6 @@ export const typographyLineHeightsAuto : string; export const typographyFontWeightsRegular : number; /** System token, used to generate text styles */ export const typographyFontWeightsBold : number; -/** DEPRECATED - will be removed in next major version. */ -export const typographyFontWeightsItalic : string; /** System token, used to generate text styles */ export const typographyFontWeightsItalicWeight : number; /** System token, used to generate text styles */ diff --git a/packages/design-tokens/build/js/index.js b/packages/design-tokens/build/js/index.js index ea816351..643b1bfe 100644 --- a/packages/design-tokens/build/js/index.js +++ b/packages/design-tokens/build/js/index.js @@ -101,6 +101,7 @@ export const layoutBorderRadiusNone = "0"; export const layoutBorderRadiusSmall = "2px"; export const layoutBorderRadiusMedium = "4px"; export const layoutBorderRadiusLarge = "6px"; +export const layoutBorderRadiusCircular = "9999px"; // Used for components with a circular radius export const typographyFontFamiliesBcSans = "'BC Sans'"; // BC Sans font. Requires BC Sans package export const typographyLineHeightsXxxdense = "1.125rem"; // Smallest line height export const typographyLineHeightsXxdense = "1.313rem"; @@ -113,7 +114,6 @@ export const typographyLineHeightsXxsparse = "3.375rem"; // Largest line height export const typographyLineHeightsAuto = "AUTO"; // System token, used to generate type styles export const typographyFontWeightsRegular = 400; // System token, used to generate text styles export const typographyFontWeightsBold = 700; // System token, used to generate text styles -export const typographyFontWeightsItalic = "Italic"; // DEPRECATED - will be removed in next major version. export const typographyFontWeightsItalicWeight = 400; // System token, used to generate text styles export const typographyFontWeightsItalicStyle = "italic"; // System token, used to generate text styles export const typographyFontSizeLabel = "0.75rem"; From 7a624cf76a8d228df6d26cfcce1712613f8f3ac4 Mon Sep 17 00:00:00 2001 From: Arora Date: Fri, 10 Jan 2025 13:00:03 -0800 Subject: [PATCH 4/5] Update dist directory contents with bcdsLayoutBorderRadiusCircular --- packages/design-tokens/dist/cjs-prefixed/index.d.ts | 4 ++-- packages/design-tokens/dist/cjs-prefixed/index.js | 2 +- packages/design-tokens/dist/cjs/index.d.ts | 4 ++-- 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.d.ts | 4 ++-- packages/design-tokens/dist/js-prefixed/index.js | 2 +- packages/design-tokens/dist/js/index.d.ts | 4 ++-- packages/design-tokens/dist/js/index.js | 2 +- packages/design-tokens/tmp.199.json | 0 11 files changed, 14 insertions(+), 14 deletions(-) create mode 100644 packages/design-tokens/tmp.199.json diff --git a/packages/design-tokens/dist/cjs-prefixed/index.d.ts b/packages/design-tokens/dist/cjs-prefixed/index.d.ts index 8c17e3fa..f6c8aca1 100644 --- a/packages/design-tokens/dist/cjs-prefixed/index.d.ts +++ b/packages/design-tokens/dist/cjs-prefixed/index.d.ts @@ -169,6 +169,8 @@ export const bcdsLayoutBorderRadiusNone : string; export const bcdsLayoutBorderRadiusSmall : string; export const bcdsLayoutBorderRadiusMedium : string; export const bcdsLayoutBorderRadiusLarge : string; +/** Used for components with a circular radius */ +export const bcdsLayoutBorderRadiusCircular : string; /** BC Sans font. Requires BC Sans package */ export const bcdsTypographyFontFamiliesBcSans : string; /** Smallest line height */ @@ -188,8 +190,6 @@ export const bcdsTypographyLineHeightsAuto : string; export const bcdsTypographyFontWeightsRegular : number; /** System token, used to generate text styles */ export const bcdsTypographyFontWeightsBold : number; -/** DEPRECATED - will be removed in next major version. */ -export const bcdsTypographyFontWeightsItalic : string; /** System token, used to generate text styles */ export const bcdsTypographyFontWeightsItalicWeight : number; /** System token, used to generate text styles */ diff --git a/packages/design-tokens/dist/cjs-prefixed/index.js b/packages/design-tokens/dist/cjs-prefixed/index.js index dd6784ad..bc895103 100644 --- a/packages/design-tokens/dist/cjs-prefixed/index.js +++ b/packages/design-tokens/dist/cjs-prefixed/index.js @@ -102,6 +102,7 @@ module.exports = { "bcdsLayoutBorderRadiusSmall": "2px", "bcdsLayoutBorderRadiusMedium": "4px", "bcdsLayoutBorderRadiusLarge": "6px", + "bcdsLayoutBorderRadiusCircular": "9999px", "bcdsTypographyFontFamiliesBcSans": "'BC Sans'", "bcdsTypographyLineHeightsXxxdense": "1.125rem", "bcdsTypographyLineHeightsXxdense": "1.313rem", @@ -114,7 +115,6 @@ module.exports = { "bcdsTypographyLineHeightsAuto": "AUTO", "bcdsTypographyFontWeightsRegular": 400, "bcdsTypographyFontWeightsBold": 700, - "bcdsTypographyFontWeightsItalic": "Italic", // DEPRECATED - will be removed in next major version. "bcdsTypographyFontWeightsItalicWeight": 400, "bcdsTypographyFontWeightsItalicStyle": "italic", "bcdsTypographyFontSizeLabel": "0.75rem", diff --git a/packages/design-tokens/dist/cjs/index.d.ts b/packages/design-tokens/dist/cjs/index.d.ts index 71e5317d..452012a8 100644 --- a/packages/design-tokens/dist/cjs/index.d.ts +++ b/packages/design-tokens/dist/cjs/index.d.ts @@ -169,6 +169,8 @@ export const layoutBorderRadiusNone : string; export const layoutBorderRadiusSmall : string; export const layoutBorderRadiusMedium : string; export const layoutBorderRadiusLarge : string; +/** Used for components with a circular radius */ +export const layoutBorderRadiusCircular : string; /** BC Sans font. Requires BC Sans package */ export const typographyFontFamiliesBcSans : string; /** Smallest line height */ @@ -188,8 +190,6 @@ export const typographyLineHeightsAuto : string; export const typographyFontWeightsRegular : number; /** System token, used to generate text styles */ export const typographyFontWeightsBold : number; -/** DEPRECATED - will be removed in next major version. */ -export const typographyFontWeightsItalic : string; /** System token, used to generate text styles */ export const typographyFontWeightsItalicWeight : number; /** System token, used to generate text styles */ diff --git a/packages/design-tokens/dist/cjs/index.js b/packages/design-tokens/dist/cjs/index.js index 0e55ca17..54370377 100644 --- a/packages/design-tokens/dist/cjs/index.js +++ b/packages/design-tokens/dist/cjs/index.js @@ -102,6 +102,7 @@ module.exports = { "layoutBorderRadiusSmall": "2px", "layoutBorderRadiusMedium": "4px", "layoutBorderRadiusLarge": "6px", + "layoutBorderRadiusCircular": "9999px", "typographyFontFamiliesBcSans": "'BC Sans'", "typographyLineHeightsXxxdense": "1.125rem", "typographyLineHeightsXxdense": "1.313rem", @@ -114,7 +115,6 @@ module.exports = { "typographyLineHeightsAuto": "AUTO", "typographyFontWeightsRegular": 400, "typographyFontWeightsBold": 700, - "typographyFontWeightsItalic": "Italic", // DEPRECATED - will be removed in next major version. "typographyFontWeightsItalicWeight": 400, "typographyFontWeightsItalicStyle": "italic", "typographyFontSizeLabel": "0.75rem", diff --git a/packages/design-tokens/dist/css-prefixed/variables.css b/packages/design-tokens/dist/css-prefixed/variables.css index e341758a..60b39af5 100644 --- a/packages/design-tokens/dist/css-prefixed/variables.css +++ b/packages/design-tokens/dist/css-prefixed/variables.css @@ -102,6 +102,7 @@ --bcds-layout-border-radius-small: 2px; --bcds-layout-border-radius-medium: 4px; --bcds-layout-border-radius-large: 6px; + --bcds-layout-border-radius-circular: 9999px; /* Used for components with a circular radius */ --bcds-typography-font-families-bc-sans: 'BC Sans'; /* BC Sans font. Requires BC Sans package */ --bcds-typography-line-heights-xxxdense: 1.125rem; /* Smallest line height */ --bcds-typography-line-heights-xxdense: 1.313rem; @@ -114,7 +115,6 @@ --bcds-typography-line-heights-auto: AUTO; /* System token, used to generate type styles */ --bcds-typography-font-weights-regular: 400; /* System token, used to generate text styles */ --bcds-typography-font-weights-bold: 700; /* System token, used to generate text styles */ - --bcds-typography-font-weights-italic: Italic; /* DEPRECATED - will be removed in next major version. */ --bcds-typography-font-weights-italic-weight: 400; /* System token, used to generate text styles */ --bcds-typography-font-weights-italic-style: italic; /* System token, used to generate text styles */ --bcds-typography-font-size-label: 0.75rem; diff --git a/packages/design-tokens/dist/css/variables.css b/packages/design-tokens/dist/css/variables.css index cba05684..a4b57bdd 100644 --- a/packages/design-tokens/dist/css/variables.css +++ b/packages/design-tokens/dist/css/variables.css @@ -102,6 +102,7 @@ --layout-border-radius-small: 2px; --layout-border-radius-medium: 4px; --layout-border-radius-large: 6px; + --layout-border-radius-circular: 9999px; /* Used for components with a circular radius */ --typography-font-families-bc-sans: 'BC Sans'; /* BC Sans font. Requires BC Sans package */ --typography-line-heights-xxxdense: 1.125rem; /* Smallest line height */ --typography-line-heights-xxdense: 1.313rem; @@ -114,7 +115,6 @@ --typography-line-heights-auto: AUTO; /* System token, used to generate type styles */ --typography-font-weights-regular: 400; /* System token, used to generate text styles */ --typography-font-weights-bold: 700; /* System token, used to generate text styles */ - --typography-font-weights-italic: Italic; /* DEPRECATED - will be removed in next major version. */ --typography-font-weights-italic-weight: 400; /* System token, used to generate text styles */ --typography-font-weights-italic-style: italic; /* System token, used to generate text styles */ --typography-font-size-label: 0.75rem; diff --git a/packages/design-tokens/dist/js-prefixed/index.d.ts b/packages/design-tokens/dist/js-prefixed/index.d.ts index 8c17e3fa..f6c8aca1 100644 --- a/packages/design-tokens/dist/js-prefixed/index.d.ts +++ b/packages/design-tokens/dist/js-prefixed/index.d.ts @@ -169,6 +169,8 @@ export const bcdsLayoutBorderRadiusNone : string; export const bcdsLayoutBorderRadiusSmall : string; export const bcdsLayoutBorderRadiusMedium : string; export const bcdsLayoutBorderRadiusLarge : string; +/** Used for components with a circular radius */ +export const bcdsLayoutBorderRadiusCircular : string; /** BC Sans font. Requires BC Sans package */ export const bcdsTypographyFontFamiliesBcSans : string; /** Smallest line height */ @@ -188,8 +190,6 @@ export const bcdsTypographyLineHeightsAuto : string; export const bcdsTypographyFontWeightsRegular : number; /** System token, used to generate text styles */ export const bcdsTypographyFontWeightsBold : number; -/** DEPRECATED - will be removed in next major version. */ -export const bcdsTypographyFontWeightsItalic : string; /** System token, used to generate text styles */ export const bcdsTypographyFontWeightsItalicWeight : number; /** System token, used to generate text styles */ diff --git a/packages/design-tokens/dist/js-prefixed/index.js b/packages/design-tokens/dist/js-prefixed/index.js index 056e5cbe..7f891ce1 100644 --- a/packages/design-tokens/dist/js-prefixed/index.js +++ b/packages/design-tokens/dist/js-prefixed/index.js @@ -101,6 +101,7 @@ export const bcdsLayoutBorderRadiusNone = "0"; export const bcdsLayoutBorderRadiusSmall = "2px"; export const bcdsLayoutBorderRadiusMedium = "4px"; export const bcdsLayoutBorderRadiusLarge = "6px"; +export const bcdsLayoutBorderRadiusCircular = "9999px"; // Used for components with a circular radius export const bcdsTypographyFontFamiliesBcSans = "'BC Sans'"; // BC Sans font. Requires BC Sans package export const bcdsTypographyLineHeightsXxxdense = "1.125rem"; // Smallest line height export const bcdsTypographyLineHeightsXxdense = "1.313rem"; @@ -113,7 +114,6 @@ export const bcdsTypographyLineHeightsXxsparse = "3.375rem"; // Largest line hei export const bcdsTypographyLineHeightsAuto = "AUTO"; // System token, used to generate type styles export const bcdsTypographyFontWeightsRegular = 400; // System token, used to generate text styles export const bcdsTypographyFontWeightsBold = 700; // System token, used to generate text styles -export const bcdsTypographyFontWeightsItalic = "Italic"; // DEPRECATED - will be removed in next major version. export const bcdsTypographyFontWeightsItalicWeight = 400; // System token, used to generate text styles export const bcdsTypographyFontWeightsItalicStyle = "italic"; // System token, used to generate text styles export const bcdsTypographyFontSizeLabel = "0.75rem"; diff --git a/packages/design-tokens/dist/js/index.d.ts b/packages/design-tokens/dist/js/index.d.ts index 71e5317d..452012a8 100644 --- a/packages/design-tokens/dist/js/index.d.ts +++ b/packages/design-tokens/dist/js/index.d.ts @@ -169,6 +169,8 @@ export const layoutBorderRadiusNone : string; export const layoutBorderRadiusSmall : string; export const layoutBorderRadiusMedium : string; export const layoutBorderRadiusLarge : string; +/** Used for components with a circular radius */ +export const layoutBorderRadiusCircular : string; /** BC Sans font. Requires BC Sans package */ export const typographyFontFamiliesBcSans : string; /** Smallest line height */ @@ -188,8 +190,6 @@ export const typographyLineHeightsAuto : string; export const typographyFontWeightsRegular : number; /** System token, used to generate text styles */ export const typographyFontWeightsBold : number; -/** DEPRECATED - will be removed in next major version. */ -export const typographyFontWeightsItalic : string; /** System token, used to generate text styles */ export const typographyFontWeightsItalicWeight : number; /** System token, used to generate text styles */ diff --git a/packages/design-tokens/dist/js/index.js b/packages/design-tokens/dist/js/index.js index ea816351..643b1bfe 100644 --- a/packages/design-tokens/dist/js/index.js +++ b/packages/design-tokens/dist/js/index.js @@ -101,6 +101,7 @@ export const layoutBorderRadiusNone = "0"; export const layoutBorderRadiusSmall = "2px"; export const layoutBorderRadiusMedium = "4px"; export const layoutBorderRadiusLarge = "6px"; +export const layoutBorderRadiusCircular = "9999px"; // Used for components with a circular radius export const typographyFontFamiliesBcSans = "'BC Sans'"; // BC Sans font. Requires BC Sans package export const typographyLineHeightsXxxdense = "1.125rem"; // Smallest line height export const typographyLineHeightsXxdense = "1.313rem"; @@ -113,7 +114,6 @@ export const typographyLineHeightsXxsparse = "3.375rem"; // Largest line height export const typographyLineHeightsAuto = "AUTO"; // System token, used to generate type styles export const typographyFontWeightsRegular = 400; // System token, used to generate text styles export const typographyFontWeightsBold = 700; // System token, used to generate text styles -export const typographyFontWeightsItalic = "Italic"; // DEPRECATED - will be removed in next major version. export const typographyFontWeightsItalicWeight = 400; // System token, used to generate text styles export const typographyFontWeightsItalicStyle = "italic"; // System token, used to generate text styles export const typographyFontSizeLabel = "0.75rem"; diff --git a/packages/design-tokens/tmp.199.json b/packages/design-tokens/tmp.199.json new file mode 100644 index 00000000..e69de29b From 1cdf6e0949ed93105dec2456a393b30a5dde31c1 Mon Sep 17 00:00:00 2001 From: Arora Date: Fri, 10 Jan 2025 13:04:19 -0800 Subject: [PATCH 5/5] Update CHANGELOG for v3.2.0 --- packages/design-tokens/CHANGELOG.md | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/packages/design-tokens/CHANGELOG.md b/packages/design-tokens/CHANGELOG.md index bd0bc59d..e12ba2bd 100644 --- a/packages/design-tokens/CHANGELOG.md +++ b/packages/design-tokens/CHANGELOG.md @@ -1,5 +1,15 @@ # Changelog +## 3.2.0 + +### Added + +- `bcds-layout-border-radius-circular` is added with value 9999 + +### Removed + +- `bcds-typography-font-weights-italic` is removed as its deprecated + ## 3.1.1 ### Changed