@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 +2 -2
- package/cjs/index.js +1 -1
- package/cjs-prefixed/index.d.ts +2 -2
- package/cjs-prefixed/index.js +1 -1
- package/css/variables.css +1 -1
- package/css-prefixed/variables.css +1 -1
- package/js/index.d.ts +2 -2
- package/js/index.js +1 -1
- package/js-prefixed/index.d.ts +2 -2
- package/js-prefixed/index.js +1 -1
- package/package.json +3 -2
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",
|
package/cjs-prefixed/index.d.ts
CHANGED
|
@@ -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 */
|
package/cjs-prefixed/index.js
CHANGED
|
@@ -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";
|
package/js-prefixed/index.d.ts
CHANGED
|
@@ -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 */
|
package/js-prefixed/index.js
CHANGED
|
@@ -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.
|
|
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",
|