@bcgov/design-tokens 3.1.1 → 3.2.0-pr592

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/cjs/index.d.ts CHANGED
@@ -169,6 +169,8 @@ export const layoutBorderRadiusNone : string;
169
169
  export const layoutBorderRadiusSmall : string;
170
170
  export const layoutBorderRadiusMedium : string;
171
171
  export const layoutBorderRadiusLarge : string;
172
+ /** Used for components with a circular radius */
173
+ export const layoutBorderRadiusCircular : string;
172
174
  /** BC Sans font. Requires BC Sans package */
173
175
  export const typographyFontFamiliesBcSans : string;
174
176
  /** Smallest line height */
@@ -188,8 +190,6 @@ export const typographyLineHeightsAuto : string;
188
190
  export const typographyFontWeightsRegular : number;
189
191
  /** System token, used to generate text styles */
190
192
  export const typographyFontWeightsBold : number;
191
- /** DEPRECATED - will be removed in next major version. */
192
- export const typographyFontWeightsItalic : string;
193
193
  /** System token, used to generate text styles */
194
194
  export const typographyFontWeightsItalicWeight : number;
195
195
  /** System token, used to generate text styles */
package/cjs/index.js CHANGED
@@ -102,6 +102,7 @@ module.exports = {
102
102
  "layoutBorderRadiusSmall": "2px",
103
103
  "layoutBorderRadiusMedium": "4px",
104
104
  "layoutBorderRadiusLarge": "6px",
105
+ "layoutBorderRadiusCircular": "9999px",
105
106
  "typographyFontFamiliesBcSans": "'BC Sans'",
106
107
  "typographyLineHeightsXxxdense": "1.125rem",
107
108
  "typographyLineHeightsXxdense": "1.313rem",
@@ -114,7 +115,6 @@ module.exports = {
114
115
  "typographyLineHeightsAuto": "AUTO",
115
116
  "typographyFontWeightsRegular": 400,
116
117
  "typographyFontWeightsBold": 700,
117
- "typographyFontWeightsItalic": "Italic", // DEPRECATED - will be removed in next major version.
118
118
  "typographyFontWeightsItalicWeight": 400,
119
119
  "typographyFontWeightsItalicStyle": "italic",
120
120
  "typographyFontSizeLabel": "0.75rem",
@@ -169,6 +169,8 @@ export const bcdsLayoutBorderRadiusNone : string;
169
169
  export const bcdsLayoutBorderRadiusSmall : string;
170
170
  export const bcdsLayoutBorderRadiusMedium : string;
171
171
  export const bcdsLayoutBorderRadiusLarge : string;
172
+ /** Used for components with a circular radius */
173
+ export const bcdsLayoutBorderRadiusCircular : string;
172
174
  /** BC Sans font. Requires BC Sans package */
173
175
  export const bcdsTypographyFontFamiliesBcSans : string;
174
176
  /** Smallest line height */
@@ -188,8 +190,6 @@ export const bcdsTypographyLineHeightsAuto : string;
188
190
  export const bcdsTypographyFontWeightsRegular : number;
189
191
  /** System token, used to generate text styles */
190
192
  export const bcdsTypographyFontWeightsBold : number;
191
- /** DEPRECATED - will be removed in next major version. */
192
- export const bcdsTypographyFontWeightsItalic : string;
193
193
  /** System token, used to generate text styles */
194
194
  export const bcdsTypographyFontWeightsItalicWeight : number;
195
195
  /** System token, used to generate text styles */
@@ -102,6 +102,7 @@ module.exports = {
102
102
  "bcdsLayoutBorderRadiusSmall": "2px",
103
103
  "bcdsLayoutBorderRadiusMedium": "4px",
104
104
  "bcdsLayoutBorderRadiusLarge": "6px",
105
+ "bcdsLayoutBorderRadiusCircular": "9999px",
105
106
  "bcdsTypographyFontFamiliesBcSans": "'BC Sans'",
106
107
  "bcdsTypographyLineHeightsXxxdense": "1.125rem",
107
108
  "bcdsTypographyLineHeightsXxdense": "1.313rem",
@@ -114,7 +115,6 @@ module.exports = {
114
115
  "bcdsTypographyLineHeightsAuto": "AUTO",
115
116
  "bcdsTypographyFontWeightsRegular": 400,
116
117
  "bcdsTypographyFontWeightsBold": 700,
117
- "bcdsTypographyFontWeightsItalic": "Italic", // DEPRECATED - will be removed in next major version.
118
118
  "bcdsTypographyFontWeightsItalicWeight": 400,
119
119
  "bcdsTypographyFontWeightsItalicStyle": "italic",
120
120
  "bcdsTypographyFontSizeLabel": "0.75rem",
package/css/variables.css CHANGED
@@ -102,6 +102,7 @@
102
102
  --layout-border-radius-small: 2px;
103
103
  --layout-border-radius-medium: 4px;
104
104
  --layout-border-radius-large: 6px;
105
+ --layout-border-radius-circular: 9999px; /* Used for components with a circular radius */
105
106
  --typography-font-families-bc-sans: 'BC Sans'; /* BC Sans font. Requires BC Sans package */
106
107
  --typography-line-heights-xxxdense: 1.125rem; /* Smallest line height */
107
108
  --typography-line-heights-xxdense: 1.313rem;
@@ -114,7 +115,6 @@
114
115
  --typography-line-heights-auto: AUTO; /* System token, used to generate type styles */
115
116
  --typography-font-weights-regular: 400; /* System token, used to generate text styles */
116
117
  --typography-font-weights-bold: 700; /* System token, used to generate text styles */
117
- --typography-font-weights-italic: Italic; /* DEPRECATED - will be removed in next major version. */
118
118
  --typography-font-weights-italic-weight: 400; /* System token, used to generate text styles */
119
119
  --typography-font-weights-italic-style: italic; /* System token, used to generate text styles */
120
120
  --typography-font-size-label: 0.75rem;
@@ -102,6 +102,7 @@
102
102
  --bcds-layout-border-radius-small: 2px;
103
103
  --bcds-layout-border-radius-medium: 4px;
104
104
  --bcds-layout-border-radius-large: 6px;
105
+ --bcds-layout-border-radius-circular: 9999px; /* Used for components with a circular radius */
105
106
  --bcds-typography-font-families-bc-sans: 'BC Sans'; /* BC Sans font. Requires BC Sans package */
106
107
  --bcds-typography-line-heights-xxxdense: 1.125rem; /* Smallest line height */
107
108
  --bcds-typography-line-heights-xxdense: 1.313rem;
@@ -114,7 +115,6 @@
114
115
  --bcds-typography-line-heights-auto: AUTO; /* System token, used to generate type styles */
115
116
  --bcds-typography-font-weights-regular: 400; /* System token, used to generate text styles */
116
117
  --bcds-typography-font-weights-bold: 700; /* System token, used to generate text styles */
117
- --bcds-typography-font-weights-italic: Italic; /* DEPRECATED - will be removed in next major version. */
118
118
  --bcds-typography-font-weights-italic-weight: 400; /* System token, used to generate text styles */
119
119
  --bcds-typography-font-weights-italic-style: italic; /* System token, used to generate text styles */
120
120
  --bcds-typography-font-size-label: 0.75rem;
package/js/index.d.ts CHANGED
@@ -169,6 +169,8 @@ export const layoutBorderRadiusNone : string;
169
169
  export const layoutBorderRadiusSmall : string;
170
170
  export const layoutBorderRadiusMedium : string;
171
171
  export const layoutBorderRadiusLarge : string;
172
+ /** Used for components with a circular radius */
173
+ export const layoutBorderRadiusCircular : string;
172
174
  /** BC Sans font. Requires BC Sans package */
173
175
  export const typographyFontFamiliesBcSans : string;
174
176
  /** Smallest line height */
@@ -188,8 +190,6 @@ export const typographyLineHeightsAuto : string;
188
190
  export const typographyFontWeightsRegular : number;
189
191
  /** System token, used to generate text styles */
190
192
  export const typographyFontWeightsBold : number;
191
- /** DEPRECATED - will be removed in next major version. */
192
- export const typographyFontWeightsItalic : string;
193
193
  /** System token, used to generate text styles */
194
194
  export const typographyFontWeightsItalicWeight : number;
195
195
  /** System token, used to generate text styles */
package/js/index.js CHANGED
@@ -101,6 +101,7 @@ export const layoutBorderRadiusNone = "0";
101
101
  export const layoutBorderRadiusSmall = "2px";
102
102
  export const layoutBorderRadiusMedium = "4px";
103
103
  export const layoutBorderRadiusLarge = "6px";
104
+ export const layoutBorderRadiusCircular = "9999px"; // Used for components with a circular radius
104
105
  export const typographyFontFamiliesBcSans = "'BC Sans'"; // BC Sans font. Requires BC Sans package
105
106
  export const typographyLineHeightsXxxdense = "1.125rem"; // Smallest line height
106
107
  export const typographyLineHeightsXxdense = "1.313rem";
@@ -113,7 +114,6 @@ export const typographyLineHeightsXxsparse = "3.375rem"; // Largest line height
113
114
  export const typographyLineHeightsAuto = "AUTO"; // System token, used to generate type styles
114
115
  export const typographyFontWeightsRegular = 400; // System token, used to generate text styles
115
116
  export const typographyFontWeightsBold = 700; // System token, used to generate text styles
116
- export const typographyFontWeightsItalic = "Italic"; // DEPRECATED - will be removed in next major version.
117
117
  export const typographyFontWeightsItalicWeight = 400; // System token, used to generate text styles
118
118
  export const typographyFontWeightsItalicStyle = "italic"; // System token, used to generate text styles
119
119
  export const typographyFontSizeLabel = "0.75rem";
@@ -169,6 +169,8 @@ export const bcdsLayoutBorderRadiusNone : string;
169
169
  export const bcdsLayoutBorderRadiusSmall : string;
170
170
  export const bcdsLayoutBorderRadiusMedium : string;
171
171
  export const bcdsLayoutBorderRadiusLarge : string;
172
+ /** Used for components with a circular radius */
173
+ export const bcdsLayoutBorderRadiusCircular : string;
172
174
  /** BC Sans font. Requires BC Sans package */
173
175
  export const bcdsTypographyFontFamiliesBcSans : string;
174
176
  /** Smallest line height */
@@ -188,8 +190,6 @@ export const bcdsTypographyLineHeightsAuto : string;
188
190
  export const bcdsTypographyFontWeightsRegular : number;
189
191
  /** System token, used to generate text styles */
190
192
  export const bcdsTypographyFontWeightsBold : number;
191
- /** DEPRECATED - will be removed in next major version. */
192
- export const bcdsTypographyFontWeightsItalic : string;
193
193
  /** System token, used to generate text styles */
194
194
  export const bcdsTypographyFontWeightsItalicWeight : number;
195
195
  /** System token, used to generate text styles */
@@ -101,6 +101,7 @@ export const bcdsLayoutBorderRadiusNone = "0";
101
101
  export const bcdsLayoutBorderRadiusSmall = "2px";
102
102
  export const bcdsLayoutBorderRadiusMedium = "4px";
103
103
  export const bcdsLayoutBorderRadiusLarge = "6px";
104
+ export const bcdsLayoutBorderRadiusCircular = "9999px"; // Used for components with a circular radius
104
105
  export const bcdsTypographyFontFamiliesBcSans = "'BC Sans'"; // BC Sans font. Requires BC Sans package
105
106
  export const bcdsTypographyLineHeightsXxxdense = "1.125rem"; // Smallest line height
106
107
  export const bcdsTypographyLineHeightsXxdense = "1.313rem";
@@ -113,7 +114,6 @@ export const bcdsTypographyLineHeightsXxsparse = "3.375rem"; // Largest line hei
113
114
  export const bcdsTypographyLineHeightsAuto = "AUTO"; // System token, used to generate type styles
114
115
  export const bcdsTypographyFontWeightsRegular = 400; // System token, used to generate text styles
115
116
  export const bcdsTypographyFontWeightsBold = 700; // System token, used to generate text styles
116
- export const bcdsTypographyFontWeightsItalic = "Italic"; // DEPRECATED - will be removed in next major version.
117
117
  export const bcdsTypographyFontWeightsItalicWeight = 400; // System token, used to generate text styles
118
118
  export const bcdsTypographyFontWeightsItalicStyle = "italic"; // System token, used to generate text styles
119
119
  export const bcdsTypographyFontSizeLabel = "0.75rem";
package/package.json CHANGED
@@ -1,10 +1,11 @@
1
1
  {
2
2
  "name": "@bcgov/design-tokens",
3
- "version": "3.1.1",
3
+ "version": "3.2.0-pr592",
4
4
  "description": "Design tokens for B.C. Design System",
5
5
  "repository": {
6
6
  "type": "git",
7
- "url": "git+https://github.com/bcgov/design-system.git"
7
+ "url": "git+https://github.com/bcgov/design-system.git",
8
+ "directory": "packages/design-tokens/dist"
8
9
  },
9
10
  "keywords": [
10
11
  "design system",