@bcgov/design-tokens 2.0.0 → 3.0.0-pr462

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.
Files changed (14) hide show
  1. package/README.md +65 -7
  2. package/cjs/index.d.ts +197 -0
  3. package/cjs/index.js +196 -0
  4. package/cjs-prefixed/index.d.ts +197 -0
  5. package/cjs-prefixed/index.js +196 -0
  6. package/css/variables.css +114 -121
  7. package/css-prefixed/variables.css +114 -121
  8. package/js/index.d.ts +197 -0
  9. package/js/index.js +194 -0
  10. package/js-prefixed/index.d.ts +197 -0
  11. package/js-prefixed/index.js +194 -0
  12. package/package.json +2 -3
  13. package/js/variables.js +0 -201
  14. package/js-prefixed/variables.js +0 -201
package/cjs-prefixed/index.js ADDED
@@ -0,0 +1,196 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 20 Aug 2024 16:16:46 GMT
4
+ */
5
+
6
+ module.exports = {
7
+ "bcdsSurfaceOpacity0": 0,
8
+ "bcdsSurfaceOpacity10": 0.1,
9
+ "bcdsSurfaceOpacity20": 0.2,
10
+ "bcdsSurfaceOpacity30": 0.3,
11
+ "bcdsSurfaceOpacity40": 0.4,
12
+ "bcdsSurfaceOpacity50": 0.5,
13
+ "bcdsSurfaceOpacity60": 0.6,
14
+ "bcdsSurfaceOpacity70": 0.7,
15
+ "bcdsSurfaceOpacity80": 0.8,
16
+ "bcdsSurfaceOpacity90": 0.9,
17
+ "bcdsSurfaceOpacity100": 1,
18
+ "bcdsSurfaceShadowNone": "0 0.30000001192092896px 0.8999999761581421px 0 #0000001a, 0 1.600000023841858px 3.5999999046325684px 0 #00000021",
19
+ "bcdsSurfaceShadowSmall": "0 0.6000000238418579px 1.7999999523162842px 0 #0000001a, 0 3.200000047683716px 7.199999809265137px 0 #00000021",
20
+ "bcdsSurfaceShadowMedium": "0 1.2000000476837158px 3.5999999046325684px 0 #0000001a, 0 6.400000095367432px 14.399999618530273px 0 #00000021",
21
+ "bcdsSurfaceShadowLarge": "0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038",
22
+ "bcdsSurfaceColorPrimaryButtonDefault": "#013366",
23
+ "bcdsSurfaceColorPrimaryButtonHover": "#1E5189",
24
+ "bcdsSurfaceColorPrimaryButtonDisabled": "#EDEBE9",
25
+ "bcdsSurfaceColorPrimaryDangerButtonDefault": "#CE3E39",
26
+ "bcdsSurfaceColorPrimaryDangerButtonHover": "#A2312D",
27
+ "bcdsSurfaceColorPrimaryDangerButtonDisabled": "#EDEBE9",
28
+ "bcdsSurfaceColorSecondaryButtonDefault": "#FFFFFF",
29
+ "bcdsSurfaceColorSecondaryButtonHover": "#EDEBE9",
30
+ "bcdsSurfaceColorSecondaryButtonDisabled": "#EDEBE9",
31
+ "bcdsSurfaceColorTertiaryButtonDefault": "rgba(255,255,255,0)",
32
+ "bcdsSurfaceColorTertiaryButtonHover": "#ECEAE8",
33
+ "bcdsSurfaceColorTertiaryButtonDisabled": "#EDEBE9",
34
+ "bcdsSurfaceColorMenusDefault": "#FFFFFF",
35
+ "bcdsSurfaceColorMenusHover": "#EDEBE9",
36
+ "bcdsSurfaceColorFormsDefault": "#FFFFFF",
37
+ "bcdsSurfaceColorFormsDisabled": "#EDEBE9",
38
+ "bcdsSurfaceColorBackgroundWhite": "#FFFFFF",
39
+ "bcdsSurfaceColorBackgroundLightGray": "#FAF9F8",
40
+ "bcdsSurfaceColorBackgroundLightBlue": "#F1F8FE",
41
+ "bcdsSurfaceColorBackgroundDarkBlue": "#053662",
42
+ "bcdsSurfaceColorBorderDefault": "#D8D8D8",
43
+ "bcdsSurfaceColorBorderMedium": "#898785",
44
+ "bcdsSurfaceColorBorderDark": "#353433",
45
+ "bcdsSurfaceColorBorderActive": "#2E5DD7",
46
+ "bcdsSurfaceColorOverlayDefault": "rgba(0,0,0,0.45)",
47
+ "bcdsSupportSurfaceColorInfo": "#F7F9FC",
48
+ "bcdsSupportSurfaceColorDanger": "#F4E1E2",
49
+ "bcdsSupportSurfaceColorSuccess": "#F6FFF8",
50
+ "bcdsSupportSurfaceColorWarning": "#FEF1D8",
51
+ "bcdsSupportBorderColorInfo": "#053662",
52
+ "bcdsSupportBorderColorDanger": "#CE3E39",
53
+ "bcdsSupportBorderColorSuccess": "#42814A",
54
+ "bcdsSupportBorderColorWarning": "#F8BB47",
55
+ "bcdsIconsSizeXsmall": "14px",
56
+ "bcdsIconsSizeSmall": "16px",
57
+ "bcdsIconsSizeMedium": "20px",
58
+ "bcdsIconsSizeLarge": "24px",
59
+ "bcdsIconsSizeXlarge": "32px",
60
+ "bcdsIconsColorPrimary": "#2D2D2D",
61
+ "bcdsIconsColorSecondary": "#474543",
62
+ "bcdsIconsColorDisabled": "#9F9D9C",
63
+ "bcdsIconsColorLink": "#255A90",
64
+ "bcdsIconsColorInfo": "#053662",
65
+ "bcdsIconsColorDanger": "#CE3E39",
66
+ "bcdsIconsColorSuccess": "#42814A",
67
+ "bcdsIconsColorWarning": "#F8BB47",
68
+ "bcdsIconsColorPrimaryInvert": "#FFFFFF",
69
+ "bcdsLayoutBorderWidthNone": "0",
70
+ "bcdsLayoutBorderWidthSmall": "1px",
71
+ "bcdsLayoutBorderWidthMedium": "2px",
72
+ "bcdsLayoutBorderWidthLarge": "4px",
73
+ "bcdsLayoutPaddingNone": "0",
74
+ "bcdsLayoutPaddingXsmall": "0.25rem",
75
+ "bcdsLayoutPaddingSmall": "0.5rem",
76
+ "bcdsLayoutPaddingMedium": "1rem",
77
+ "bcdsLayoutPaddingLarge": "1.5rem",
78
+ "bcdsLayoutPaddingXlarge": "2rem",
79
+ "bcdsLayoutMarginNone": "0rem",
80
+ "bcdsLayoutMarginHair": "0.125rem",
81
+ "bcdsLayoutMarginXsmall": "0.25rem",
82
+ "bcdsLayoutMarginSmall": "0.5rem",
83
+ "bcdsLayoutMarginMedium": "1rem",
84
+ "bcdsLayoutMarginLarge": "1.5rem",
85
+ "bcdsLayoutMarginXlarge": "2rem",
86
+ "bcdsLayoutMarginXxlarge": "2.5rem",
87
+ "bcdsLayoutMarginXxxlarge": "3rem",
88
+ "bcdsLayoutMarginHuge": "3.5rem",
89
+ "bcdsLayoutBorderRadiusNone": "0",
90
+ "bcdsLayoutBorderRadiusSmall": "2px",
91
+ "bcdsLayoutBorderRadiusMedium": "4px",
92
+ "bcdsLayoutBorderRadiusLarge": "6px",
93
+ "bcdsTypographyFontFamiliesBcSans": "'BC Sans'",
94
+ "bcdsTypographyLineHeightsXxxdense": "1.125rem",
95
+ "bcdsTypographyLineHeightsXxdense": "1.313rem",
96
+ "bcdsTypographyLineHeightsXdense": "1.688rem",
97
+ "bcdsTypographyLineHeightsDense": "1.913rem",
98
+ "bcdsTypographyLineHeightsRegular": "2.125rem",
99
+ "bcdsTypographyLineHeightsSparse": "2.25rem",
100
+ "bcdsTypographyLineHeightsXsparse": "3rem",
101
+ "bcdsTypographyLineHeightsXxsparse": "3.375rem",
102
+ "bcdsTypographyLineHeightsAuto": "AUTO",
103
+ "bcdsTypographyFontWeightsRegular": 400,
104
+ "bcdsTypographyFontWeightsBold": 700,
105
+ "bcdsTypographyFontWeightsItalic": "Italic",
106
+ "bcdsTypographyFontSizeLabel": "0.75rem",
107
+ "bcdsTypographyFontSizeSmallBody": "0.875rem",
108
+ "bcdsTypographyFontSizeBody": "1rem",
109
+ "bcdsTypographyFontSizeLargeBody": "1.125rem",
110
+ "bcdsTypographyFontSizeH5": "1.25rem",
111
+ "bcdsTypographyFontSizeH4": "1.5rem",
112
+ "bcdsTypographyFontSizeH3": "1.75rem",
113
+ "bcdsTypographyFontSizeH2": "2rem",
114
+ "bcdsTypographyFontSizeH1": "2.25rem",
115
+ "bcdsTypographyFontSizeDisplay": "3rem",
116
+ "bcdsTypographyLetterSpacing0": "0em",
117
+ "bcdsTypographyParagraphSpacing0": "0",
118
+ "bcdsTypographyRegularLabel": "400 0.75rem/1.125rem 'BC Sans'",
119
+ "bcdsTypographyRegularSmallBody": "400 0.875rem/1.313rem 'BC Sans'",
120
+ "bcdsTypographyRegularBody": "400 1rem/1.688rem 'BC Sans'",
121
+ "bcdsTypographyRegularLargeBody": "400 1.125rem/1.913rem 'BC Sans'",
122
+ "bcdsTypographyRegularH6": "400 1.125rem/1.913rem 'BC Sans'",
123
+ "bcdsTypographyRegularH5": "400 1.25rem/2.125rem 'BC Sans'",
124
+ "bcdsTypographyRegularH4": "400 1.5rem/2.25rem 'BC Sans'",
125
+ "bcdsTypographyRegularH3": "400 1.75rem/3rem 'BC Sans'",
126
+ "bcdsTypographyRegularH2": "400 2rem/3.375rem 'BC Sans'",
127
+ "bcdsTypographyRegularH1": "400 2.25rem/3rem 'BC Sans'",
128
+ "bcdsTypographyRegularDisplay": "400 3rem/AUTO 'BC Sans'",
129
+ "bcdsTypographyBoldLabel": "700 0.75rem/1.125rem 'BC Sans'",
130
+ "bcdsTypographyBoldSmallBody": "700 0.875rem/1.313rem 'BC Sans'",
131
+ "bcdsTypographyBoldBody": "700 1rem/1.688rem 'BC Sans'",
132
+ "bcdsTypographyBoldLargeBody": "700 1.125rem/1.913rem 'BC Sans'",
133
+ "bcdsTypographyBoldH6": "700 1.125rem/1.913rem 'BC Sans'",
134
+ "bcdsTypographyBoldH5": "700 1.25rem/2.125rem 'BC Sans'",
135
+ "bcdsTypographyBoldH4": "700 1.5rem/2.25rem 'BC Sans'",
136
+ "bcdsTypographyBoldH3": "700 1.75rem/3rem 'BC Sans'",
137
+ "bcdsTypographyBoldH2": "700 2rem/3rem 'BC Sans'",
138
+ "bcdsTypographyBoldH1": "700 2.25rem/3.375rem 'BC Sans'",
139
+ "bcdsTypographyBoldDisplay": "700 3rem/AUTO 'BC Sans'",
140
+ "bcdsTypographyItalicLabel": "400 italic 0.75rem/1.125rem 'BC Sans'",
141
+ "bcdsTypographyItalicSmallBody": "400 italic 0.875rem/1.313rem 'BC Sans'",
142
+ "bcdsTypographyItalicBody": "400 italic 1rem/1.688rem 'BC Sans'",
143
+ "bcdsTypographyItalicLargeBody": "400 italic 1.125rem/1.913rem 'BC Sans'",
144
+ "bcdsTypographyItalicH6": "400 italic 1.125rem/1.913rem 'BC Sans'",
145
+ "bcdsTypographyItalicH5": "400 italic 1.25rem/2.125rem 'BC Sans'",
146
+ "bcdsTypographyItalicH4": "400 italic 1.5rem/2.25rem 'BC Sans'",
147
+ "bcdsTypographyItalicH3": "400 italic 1.75rem/3.375rem 'BC Sans'",
148
+ "bcdsTypographyItalicH2": "400 italic 2rem/3rem 'BC Sans'",
149
+ "bcdsTypographyItalicH1": "400 italic 2.25rem/3.375rem 'BC Sans'",
150
+ "bcdsTypographyItalicDisplay": "400 italic 3rem/AUTO 'BC Sans'",
151
+ "bcdsTypographyTextCaseNone": "none",
152
+ "bcdsTypographyTextDecorationNone": "none",
153
+ "bcdsTypographyParagraphIndent0": "0px",
154
+ "bcdsTypographyColorPrimary": "#2D2D2D",
155
+ "bcdsTypographyColorSecondary": "#474543",
156
+ "bcdsTypographyColorPlaceholder": "#9F9D9C",
157
+ "bcdsTypographyColorDisabled": "#9F9D9C",
158
+ "bcdsTypographyColorLink": "#255A90",
159
+ "bcdsTypographyColorDanger": "#CE3E39",
160
+ "bcdsTypographyColorPrimaryInvert": "#FFFFFF",
161
+ "bcdsTypographyColorSecondaryInvert": "#ECEAE8",
162
+ "bcdsThemeGold10": "#FEF8E8",
163
+ "bcdsThemeGold20": "#FEF0D8",
164
+ "bcdsThemeGold30": "#FDE9C4",
165
+ "bcdsThemeGold40": "#FCE2B0",
166
+ "bcdsThemeGold50": "#FBDA9D",
167
+ "bcdsThemeGold60": "#FBD389",
168
+ "bcdsThemeGold70": "#FACC75",
169
+ "bcdsThemeGold80": "#F9C462",
170
+ "bcdsThemeGold90": "#F8BA47",
171
+ "bcdsThemeGold100": "#FCBA19",
172
+ "bcdsThemeBlue10": "#F1F8FE",
173
+ "bcdsThemeBlue20": "#D8EAFD",
174
+ "bcdsThemeBlue30": "#C1DDFC",
175
+ "bcdsThemeBlue40": "#A8D0FB",
176
+ "bcdsThemeBlue50": "#91C4FA",
177
+ "bcdsThemeBlue60": "#7AB8F9",
178
+ "bcdsThemeBlue70": "#5595D9",
179
+ "bcdsThemeBlue80": "#3470B1",
180
+ "bcdsThemeBlue90": "#1E5189",
181
+ "bcdsThemeBlue100": "#013366",
182
+ "bcdsThemeGray10": "#FAF9F8",
183
+ "bcdsThemeGray20": "#F3F2F1",
184
+ "bcdsThemeGray30": "#ECEAE8",
185
+ "bcdsThemeGray40": "#E0DEDC",
186
+ "bcdsThemeGray50": "#D1CFCD",
187
+ "bcdsThemeGray60": "#C6C5C3",
188
+ "bcdsThemeGray70": "#9F9D9C",
189
+ "bcdsThemeGray80": "#605E5C",
190
+ "bcdsThemeGray90": "#3D3C3B",
191
+ "bcdsThemeGray100": "#353433",
192
+ "bcdsThemeGray110": "#252423",
193
+ "bcdsThemeGrayWhite": "#FFFFFF",
194
+ "bcdsThemePrimaryBlue": "#013366",
195
+ "bcdsThemePrimaryGold": "#FCBA19"
196
+ };
package/css/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 22 Nov 2023 20:31:25 GMT
3
+ * Generated on Tue, 20 Aug 2024 16:16:46 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -15,133 +15,83 @@
15
15
  --surface-opacity-80: 0.8;
16
16
  --surface-opacity-90: 0.9;
17
17
  --surface-opacity-100: 1;
18
- --surface-primary-default: #013366;
19
- --surface-primary-hover: #1E5189;
20
- --surface-primary-disabled: #edebe9;
21
- --surface-primary-active: #2E5DD7;
22
- --surface-secondary-default: #ffffff;
23
- --surface-secondary-hover: #edebe9;
24
- --surface-secondary-disabled: #edebe9;
25
- --surface-secondary-active: #2E5DD7;
26
- --surface-tertiary-default: #ffffff00;
27
- --surface-tertiary-hover: #eceae8;
28
- --surface-tertiary-disabled: #edebe9;
29
- --surface-tertiary-active: #2E5DD7;
30
- --surface-danger-default: #ce3e39;
31
- --surface-danger-hover: #a2312d;
32
- --surface-danger-active: #2E5DD7;
33
- --surface-danger-disabled: #edebe9;
34
- --surface-background-white: #ffffff;
35
- --surface-background-light: #faf9f8;
36
- --surface-border-light: #d8d8d8;
37
- --surface-border-medium: #898785;
38
- --surface-border-dark: #353433;
39
- --surface-overlay-default: #00000073;
40
- --surface-brand-gold-10: #fff8e9;
41
- --surface-brand-gold-20: #feebc2;
42
- --surface-brand-gold-30: #fddf9d;
43
- --surface-brand-gold-40: #fdd47b;
44
- --surface-brand-gold-50: #fcc85d;
45
- --surface-brand-gold-60: #f8ba47; /* BC Gold */
46
- --surface-brand-gold-70: #ce9737;
47
- --surface-brand-gold-80: #a5792b;
48
- --surface-brand-gold-90: #7e5d21;
49
- --surface-brand-gold-100: #584215;
50
- --surface-brand-blue-10: #f1f8fe;
51
- --surface-brand-blue-20: #d8eafd;
52
- --surface-brand-blue-30: #c1ddfc;
53
- --surface-brand-blue-40: #a8d0fb;
54
- --surface-brand-blue-50: #91c4fa;
55
- --surface-brand-blue-60: #7ab8f9;
56
- --surface-brand-blue-70: #5595d9;
57
- --surface-brand-blue-80: #3470b1;
58
- --surface-brand-blue-90: #1e5189;
59
- --surface-brand-blue-100: #053662; /* BC Blue */
60
- --surface-brand-gray-10: #faf9f8;
61
- --surface-brand-gray-20: #f3f2f1;
62
- --surface-brand-gray-30: #eceae8;
63
- --surface-brand-gray-40: #e0dedc;
64
- --surface-brand-gray-50: #d1cfcd;
65
- --surface-brand-gray-60: #c6c5c3;
66
- --surface-brand-gray-70: #9f9d9c;
67
- --surface-brand-gray-80: #605e5c;
68
- --surface-brand-gray-90: #3d3c3b;
69
- --surface-brand-gray-100: #353433;
70
- --surface-brand-gray-110: #252423;
71
- --surface-brand-gray-white: #ffffff;
72
- --surface-icons-primary: #2d2d2d;
73
- --surface-icons-secondary: #474543;
74
- --surface-icons-disabled: #9f9d9c;
75
- --surface-icons-link: #255a90;
76
- --surface-icons-info: #053662;
77
- --surface-icons-danger: #ce3e39;
78
- --surface-icons-success: #42814a;
79
- --surface-icons-warning: #f8bb47;
80
- --surface-support-surface-color-info: #f7f9fc;
81
- --surface-support-surface-color-danger: #f4e1e2;
82
- --surface-support-surface-color-success: #f6fff8;
83
- --surface-support-surface-color-warning: #fef1d8;
84
- --surface-support-border-color-info: #053662;
85
- --surface-support-border-color-danger: #ce3e39;
86
- --surface-support-border-color-success: #42814a;
87
- --surface-support-border-color-warning: #f8bb47;
88
18
  --surface-shadow-none: 0 0.30000001192092896px 0.8999999761581421px 0 #0000001a, 0 1.600000023841858px 3.5999999046325684px 0 #00000021;
89
19
  --surface-shadow-small: 0 0.6000000238418579px 1.7999999523162842px 0 #0000001a, 0 3.200000047683716px 7.199999809265137px 0 #00000021; /* Primarily used as a hover effect for cards */
90
20
  --surface-shadow-medium: 0 1.2000000476837158px 3.5999999046325684px 0 #0000001a, 0 6.400000095367432px 14.399999618530273px 0 #00000021; /* Primarily used for dropdown menus and tooltips */
91
21
  --surface-shadow-large: 0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038; /* Primarily used for dialogs */
92
- --surface-border-radius-none: 0;
93
- --surface-border-radius-small: 2px;
94
- --surface-border-radius-medium: 4px;
95
- --surface-border-radius-large: 6px;
96
- --surface-border-width-none: 0;
97
- --surface-border-width-small: 1px;
98
- --surface-border-width-medium: 2px;
99
- --surface-border-width-large: 4px;
100
- --surface-size-small: 0px 8px;
101
- --surface-size-medium: 6px 16px;
102
- --support-support-surface-color-info: #f7f9fc;
103
- --support-support-surface-color-danger: #f4e1e2;
104
- --support-support-surface-color-success: #f6fff8;
105
- --support-support-surface-color-warning: #fef1d8;
106
- --support-support-border-color-info: #053662;
107
- --support-support-border-color-danger: #ce3e39;
108
- --support-support-border-color-success: #42814a;
109
- --support-support-border-color-warning: #f8bb47;
110
- --icons-icons-primary: #2d2d2d;
111
- --icons-icons-secondary: #474543;
112
- --icons-icons-disabled: #9f9d9c;
113
- --icons-icons-link: #255a90;
114
- --icons-icons-info: #053662;
115
- --icons-icons-danger: #ce3e39;
116
- --icons-icons-success: #42814a;
117
- --icons-icons-warning: #f8bb47;
118
- --icons-icons-primary-invert: #ffffff;
22
+ --surface-color-primary-button-default: #013366;
23
+ --surface-color-primary-button-hover: #1E5189;
24
+ --surface-color-primary-button-disabled: #EDEBE9;
25
+ --surface-color-primary-danger-button-default: #CE3E39;
26
+ --surface-color-primary-danger-button-hover: #A2312D;
27
+ --surface-color-primary-danger-button-disabled: #EDEBE9;
28
+ --surface-color-secondary-button-default: #FFFFFF;
29
+ --surface-color-secondary-button-hover: #EDEBE9;
30
+ --surface-color-secondary-button-disabled: #EDEBE9;
31
+ --surface-color-tertiary-button-default: rgba(255,255,255,0);
32
+ --surface-color-tertiary-button-hover: #ECEAE8;
33
+ --surface-color-tertiary-button-disabled: #EDEBE9;
34
+ --surface-color-menus-default: #FFFFFF;
35
+ --surface-color-menus-hover: #EDEBE9;
36
+ --surface-color-forms-default: #FFFFFF;
37
+ --surface-color-forms-disabled: #EDEBE9;
38
+ --surface-color-background-white: #FFFFFF;
39
+ --surface-color-background-light-gray: #FAF9F8;
40
+ --surface-color-background-light-blue: #F1F8FE;
41
+ --surface-color-background-dark-blue: #053662;
42
+ --surface-color-border-default: #D8D8D8;
43
+ --surface-color-border-medium: #898785;
44
+ --surface-color-border-dark: #353433;
45
+ --surface-color-border-active: #2E5DD7;
46
+ --surface-color-overlay-default: rgba(0,0,0,0.45);
47
+ --support-surface-color-info: #F7F9FC;
48
+ --support-surface-color-danger: #F4E1E2;
49
+ --support-surface-color-success: #F6FFF8;
50
+ --support-surface-color-warning: #FEF1D8;
51
+ --support-border-color-info: #053662;
52
+ --support-border-color-danger: #CE3E39;
53
+ --support-border-color-success: #42814A;
54
+ --support-border-color-warning: #F8BB47;
119
55
  --icons-size-xsmall: 14px;
120
56
  --icons-size-small: 16px;
121
57
  --icons-size-medium: 20px;
122
58
  --icons-size-large: 24px;
123
59
  --icons-size-xlarge: 32px;
60
+ --icons-color-primary: #2D2D2D;
61
+ --icons-color-secondary: #474543;
62
+ --icons-color-disabled: #9F9D9C;
63
+ --icons-color-link: #255A90;
64
+ --icons-color-info: #053662;
65
+ --icons-color-danger: #CE3E39;
66
+ --icons-color-success: #42814A;
67
+ --icons-color-warning: #F8BB47;
68
+ --icons-color-primary-invert: #FFFFFF;
124
69
  --layout-border-width-none: 0;
125
70
  --layout-border-width-small: 1px;
126
71
  --layout-border-width-medium: 2px;
127
72
  --layout-border-width-large: 4px;
128
73
  --layout-padding-none: 0;
129
- --layout-padding-xsmall: 4px;
130
- --layout-padding-small: 8px;
131
- --layout-padding-medium: 16px;
132
- --layout-padding-large: 24px;
133
- --layout-padding-xlarge: 32px;
134
- --layout-margin-none: 0;
135
- --layout-margin-hair: 2px;
136
- --layout-margin-xsmall: 4px;
137
- --layout-margin-small: 8px;
138
- --layout-margin-medium: 16px;
139
- --layout-margin-large: 24px;
140
- --layout-margin-xlarge: 32px;
141
- --layout-margin-xxlarge: 40px;
142
- --layout-margin-xxxlarge: 48px;
143
- --layout-margin-huge: 56px;
74
+ --layout-padding-xsmall: 0.25rem;
75
+ --layout-padding-small: 0.5rem;
76
+ --layout-padding-medium: 1rem;
77
+ --layout-padding-large: 1.5rem;
78
+ --layout-padding-xlarge: 2rem;
79
+ --layout-margin-none: 0rem;
80
+ --layout-margin-hair: 0.125rem;
81
+ --layout-margin-xsmall: 0.25rem;
82
+ --layout-margin-small: 0.5rem;
83
+ --layout-margin-medium: 1rem;
84
+ --layout-margin-large: 1.5rem;
85
+ --layout-margin-xlarge: 2rem;
86
+ --layout-margin-xxlarge: 2.5rem;
87
+ --layout-margin-xxxlarge: 3rem;
88
+ --layout-margin-huge: 3.5rem;
89
+ --layout-border-radius-none: 0;
90
+ --layout-border-radius-small: 2px;
91
+ --layout-border-radius-medium: 4px;
92
+ --layout-border-radius-large: 6px;
144
93
  --typography-font-families-bc-sans: 'BC Sans';
94
+ --typography-line-heights-xxxdense: 1.125rem;
145
95
  --typography-line-heights-xxdense: 1.313rem;
146
96
  --typography-line-heights-xdense: 1.688rem;
147
97
  --typography-line-heights-dense: 1.913rem;
@@ -153,7 +103,8 @@
153
103
  --typography-font-weights-regular: 400;
154
104
  --typography-font-weights-bold: 700;
155
105
  --typography-font-weights-italic: Italic;
156
- --typography-font-size-label: 0.875rem;
106
+ --typography-font-size-label: 0.75rem;
107
+ --typography-font-size-small-body: 0.875rem;
157
108
  --typography-font-size-body: 1rem;
158
109
  --typography-font-size-large-body: 1.125rem;
159
110
  --typography-font-size-h5: 1.25rem;
@@ -164,40 +115,82 @@
164
115
  --typography-font-size-display: 3rem;
165
116
  --typography-letter-spacing-0: 0em;
166
117
  --typography-paragraph-spacing-0: 0;
167
- --typography-regular-label: 400 0.875rem/1.313rem 'BC Sans';
118
+ --typography-regular-label: 400 0.75rem/1.125rem 'BC Sans';
119
+ --typography-regular-small-body: 400 0.875rem/1.313rem 'BC Sans';
168
120
  --typography-regular-body: 400 1rem/1.688rem 'BC Sans';
169
121
  --typography-regular-large-body: 400 1.125rem/1.913rem 'BC Sans';
122
+ --typography-regular-h6: 400 1.125rem/1.913rem 'BC Sans';
170
123
  --typography-regular-h5: 400 1.25rem/2.125rem 'BC Sans';
171
124
  --typography-regular-h4: 400 1.5rem/2.25rem 'BC Sans';
172
125
  --typography-regular-h3: 400 1.75rem/3rem 'BC Sans';
173
126
  --typography-regular-h2: 400 2rem/3.375rem 'BC Sans';
174
127
  --typography-regular-h1: 400 2.25rem/3rem 'BC Sans';
175
128
  --typography-regular-display: 400 3rem/AUTO 'BC Sans';
176
- --typography-bold-label: 700 0.875rem/1.313rem 'BC Sans';
129
+ --typography-bold-label: 700 0.75rem/1.125rem 'BC Sans';
130
+ --typography-bold-small-body: 700 0.875rem/1.313rem 'BC Sans';
177
131
  --typography-bold-body: 700 1rem/1.688rem 'BC Sans';
178
132
  --typography-bold-large-body: 700 1.125rem/1.913rem 'BC Sans';
133
+ --typography-bold-h6: 700 1.125rem/1.913rem 'BC Sans';
179
134
  --typography-bold-h5: 700 1.25rem/2.125rem 'BC Sans';
180
135
  --typography-bold-h4: 700 1.5rem/2.25rem 'BC Sans';
181
- --typography-bold-h3: 700 1.75rem/3.375rem 'BC Sans';
136
+ --typography-bold-h3: 700 1.75rem/3rem 'BC Sans';
182
137
  --typography-bold-h2: 700 2rem/3rem 'BC Sans';
183
- --typography-bold-h1: 700 2.25rem/AUTO 'BC Sans';
138
+ --typography-bold-h1: 700 2.25rem/3.375rem 'BC Sans';
184
139
  --typography-bold-display: 700 3rem/AUTO 'BC Sans';
185
- --typography-italic-label: 400 italic 0.875rem/1.313rem 'BC Sans';
140
+ --typography-italic-label: 400 italic 0.75rem/1.125rem 'BC Sans';
141
+ --typography-italic-small-body: 400 italic 0.875rem/1.313rem 'BC Sans';
186
142
  --typography-italic-body: 400 italic 1rem/1.688rem 'BC Sans';
187
143
  --typography-italic-large-body: 400 italic 1.125rem/1.913rem 'BC Sans';
144
+ --typography-italic-h6: 400 italic 1.125rem/1.913rem 'BC Sans';
188
145
  --typography-italic-h5: 400 italic 1.25rem/2.125rem 'BC Sans';
189
146
  --typography-italic-h4: 400 italic 1.5rem/2.25rem 'BC Sans';
190
147
  --typography-italic-h3: 400 italic 1.75rem/3.375rem 'BC Sans';
191
- --typography-italic-h2: 400 italic 2rem/3.375rem 'BC Sans';
192
- --typography-italic-h1: 400 italic 2.25rem/3rem 'BC Sans';
148
+ --typography-italic-h2: 400 italic 2rem/3rem 'BC Sans';
149
+ --typography-italic-h1: 400 italic 2.25rem/3.375rem 'BC Sans';
193
150
  --typography-italic-display: 400 italic 3rem/AUTO 'BC Sans';
194
151
  --typography-text-case-none: none;
195
152
  --typography-text-decoration-none: none;
196
153
  --typography-paragraph-indent-0: 0px;
197
154
  --typography-color-primary: #2D2D2D;
198
155
  --typography-color-secondary: #474543;
156
+ --typography-color-placeholder: #9F9D9C;
199
157
  --typography-color-disabled: #9F9D9C;
200
158
  --typography-color-link: #255A90;
159
+ --typography-color-danger: #CE3E39;
201
160
  --typography-color-primary-invert: #FFFFFF;
202
161
  --typography-color-secondary-invert: #ECEAE8;
162
+ --theme-gold-10: #FEF8E8;
163
+ --theme-gold-20: #FEF0D8;
164
+ --theme-gold-30: #FDE9C4;
165
+ --theme-gold-40: #FCE2B0;
166
+ --theme-gold-50: #FBDA9D;
167
+ --theme-gold-60: #FBD389;
168
+ --theme-gold-70: #FACC75;
169
+ --theme-gold-80: #F9C462;
170
+ --theme-gold-90: #F8BA47;
171
+ --theme-gold-100: #FCBA19;
172
+ --theme-blue-10: #F1F8FE;
173
+ --theme-blue-20: #D8EAFD;
174
+ --theme-blue-30: #C1DDFC;
175
+ --theme-blue-40: #A8D0FB;
176
+ --theme-blue-50: #91C4FA;
177
+ --theme-blue-60: #7AB8F9;
178
+ --theme-blue-70: #5595D9;
179
+ --theme-blue-80: #3470B1;
180
+ --theme-blue-90: #1E5189;
181
+ --theme-blue-100: #013366;
182
+ --theme-gray-10: #FAF9F8;
183
+ --theme-gray-20: #F3F2F1;
184
+ --theme-gray-30: #ECEAE8;
185
+ --theme-gray-40: #E0DEDC;
186
+ --theme-gray-50: #D1CFCD;
187
+ --theme-gray-60: #C6C5C3;
188
+ --theme-gray-70: #9F9D9C;
189
+ --theme-gray-80: #605E5C;
190
+ --theme-gray-90: #3D3C3B;
191
+ --theme-gray-100: #353433;
192
+ --theme-gray-110: #252423;
193
+ --theme-gray-white: #FFFFFF;
194
+ --theme-primary-blue: #013366;
195
+ --theme-primary-gold: #FCBA19;
203
196
  }