@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/css-prefixed/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 22 Nov 2023 20:31:26 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
  --bcds-surface-opacity-80: 0.8;
16
16
  --bcds-surface-opacity-90: 0.9;
17
17
  --bcds-surface-opacity-100: 1;
18
- --bcds-surface-primary-default: #013366;
19
- --bcds-surface-primary-hover: #1E5189;
20
- --bcds-surface-primary-disabled: #edebe9;
21
- --bcds-surface-primary-active: #2E5DD7;
22
- --bcds-surface-secondary-default: #ffffff;
23
- --bcds-surface-secondary-hover: #edebe9;
24
- --bcds-surface-secondary-disabled: #edebe9;
25
- --bcds-surface-secondary-active: #2E5DD7;
26
- --bcds-surface-tertiary-default: #ffffff00;
27
- --bcds-surface-tertiary-hover: #eceae8;
28
- --bcds-surface-tertiary-disabled: #edebe9;
29
- --bcds-surface-tertiary-active: #2E5DD7;
30
- --bcds-surface-danger-default: #ce3e39;
31
- --bcds-surface-danger-hover: #a2312d;
32
- --bcds-surface-danger-active: #2E5DD7;
33
- --bcds-surface-danger-disabled: #edebe9;
34
- --bcds-surface-background-white: #ffffff;
35
- --bcds-surface-background-light: #faf9f8;
36
- --bcds-surface-border-light: #d8d8d8;
37
- --bcds-surface-border-medium: #898785;
38
- --bcds-surface-border-dark: #353433;
39
- --bcds-surface-overlay-default: #00000073;
40
- --bcds-surface-brand-gold-10: #fff8e9;
41
- --bcds-surface-brand-gold-20: #feebc2;
42
- --bcds-surface-brand-gold-30: #fddf9d;
43
- --bcds-surface-brand-gold-40: #fdd47b;
44
- --bcds-surface-brand-gold-50: #fcc85d;
45
- --bcds-surface-brand-gold-60: #f8ba47; /* BC Gold */
46
- --bcds-surface-brand-gold-70: #ce9737;
47
- --bcds-surface-brand-gold-80: #a5792b;
48
- --bcds-surface-brand-gold-90: #7e5d21;
49
- --bcds-surface-brand-gold-100: #584215;
50
- --bcds-surface-brand-blue-10: #f1f8fe;
51
- --bcds-surface-brand-blue-20: #d8eafd;
52
- --bcds-surface-brand-blue-30: #c1ddfc;
53
- --bcds-surface-brand-blue-40: #a8d0fb;
54
- --bcds-surface-brand-blue-50: #91c4fa;
55
- --bcds-surface-brand-blue-60: #7ab8f9;
56
- --bcds-surface-brand-blue-70: #5595d9;
57
- --bcds-surface-brand-blue-80: #3470b1;
58
- --bcds-surface-brand-blue-90: #1e5189;
59
- --bcds-surface-brand-blue-100: #053662; /* BC Blue */
60
- --bcds-surface-brand-gray-10: #faf9f8;
61
- --bcds-surface-brand-gray-20: #f3f2f1;
62
- --bcds-surface-brand-gray-30: #eceae8;
63
- --bcds-surface-brand-gray-40: #e0dedc;
64
- --bcds-surface-brand-gray-50: #d1cfcd;
65
- --bcds-surface-brand-gray-60: #c6c5c3;
66
- --bcds-surface-brand-gray-70: #9f9d9c;
67
- --bcds-surface-brand-gray-80: #605e5c;
68
- --bcds-surface-brand-gray-90: #3d3c3b;
69
- --bcds-surface-brand-gray-100: #353433;
70
- --bcds-surface-brand-gray-110: #252423;
71
- --bcds-surface-brand-gray-white: #ffffff;
72
- --bcds-surface-icons-primary: #2d2d2d;
73
- --bcds-surface-icons-secondary: #474543;
74
- --bcds-surface-icons-disabled: #9f9d9c;
75
- --bcds-surface-icons-link: #255a90;
76
- --bcds-surface-icons-info: #053662;
77
- --bcds-surface-icons-danger: #ce3e39;
78
- --bcds-surface-icons-success: #42814a;
79
- --bcds-surface-icons-warning: #f8bb47;
80
- --bcds-surface-support-surface-color-info: #f7f9fc;
81
- --bcds-surface-support-surface-color-danger: #f4e1e2;
82
- --bcds-surface-support-surface-color-success: #f6fff8;
83
- --bcds-surface-support-surface-color-warning: #fef1d8;
84
- --bcds-surface-support-border-color-info: #053662;
85
- --bcds-surface-support-border-color-danger: #ce3e39;
86
- --bcds-surface-support-border-color-success: #42814a;
87
- --bcds-surface-support-border-color-warning: #f8bb47;
88
18
  --bcds-surface-shadow-none: 0 0.30000001192092896px 0.8999999761581421px 0 #0000001a, 0 1.600000023841858px 3.5999999046325684px 0 #00000021;
89
19
  --bcds-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
  --bcds-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
  --bcds-surface-shadow-large: 0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038; /* Primarily used for dialogs */
92
- --bcds-surface-border-radius-none: 0;
93
- --bcds-surface-border-radius-small: 2px;
94
- --bcds-surface-border-radius-medium: 4px;
95
- --bcds-surface-border-radius-large: 6px;
96
- --bcds-surface-border-width-none: 0;
97
- --bcds-surface-border-width-small: 1px;
98
- --bcds-surface-border-width-medium: 2px;
99
- --bcds-surface-border-width-large: 4px;
100
- --bcds-surface-size-small: 0px 8px;
101
- --bcds-surface-size-medium: 6px 16px;
102
- --bcds-support-support-surface-color-info: #f7f9fc;
103
- --bcds-support-support-surface-color-danger: #f4e1e2;
104
- --bcds-support-support-surface-color-success: #f6fff8;
105
- --bcds-support-support-surface-color-warning: #fef1d8;
106
- --bcds-support-support-border-color-info: #053662;
107
- --bcds-support-support-border-color-danger: #ce3e39;
108
- --bcds-support-support-border-color-success: #42814a;
109
- --bcds-support-support-border-color-warning: #f8bb47;
110
- --bcds-icons-icons-primary: #2d2d2d;
111
- --bcds-icons-icons-secondary: #474543;
112
- --bcds-icons-icons-disabled: #9f9d9c;
113
- --bcds-icons-icons-link: #255a90;
114
- --bcds-icons-icons-info: #053662;
115
- --bcds-icons-icons-danger: #ce3e39;
116
- --bcds-icons-icons-success: #42814a;
117
- --bcds-icons-icons-warning: #f8bb47;
118
- --bcds-icons-icons-primary-invert: #ffffff;
22
+ --bcds-surface-color-primary-button-default: #013366;
23
+ --bcds-surface-color-primary-button-hover: #1E5189;
24
+ --bcds-surface-color-primary-button-disabled: #EDEBE9;
25
+ --bcds-surface-color-primary-danger-button-default: #CE3E39;
26
+ --bcds-surface-color-primary-danger-button-hover: #A2312D;
27
+ --bcds-surface-color-primary-danger-button-disabled: #EDEBE9;
28
+ --bcds-surface-color-secondary-button-default: #FFFFFF;
29
+ --bcds-surface-color-secondary-button-hover: #EDEBE9;
30
+ --bcds-surface-color-secondary-button-disabled: #EDEBE9;
31
+ --bcds-surface-color-tertiary-button-default: rgba(255,255,255,0);
32
+ --bcds-surface-color-tertiary-button-hover: #ECEAE8;
33
+ --bcds-surface-color-tertiary-button-disabled: #EDEBE9;
34
+ --bcds-surface-color-menus-default: #FFFFFF;
35
+ --bcds-surface-color-menus-hover: #EDEBE9;
36
+ --bcds-surface-color-forms-default: #FFFFFF;
37
+ --bcds-surface-color-forms-disabled: #EDEBE9;
38
+ --bcds-surface-color-background-white: #FFFFFF;
39
+ --bcds-surface-color-background-light-gray: #FAF9F8;
40
+ --bcds-surface-color-background-light-blue: #F1F8FE;
41
+ --bcds-surface-color-background-dark-blue: #053662;
42
+ --bcds-surface-color-border-default: #D8D8D8;
43
+ --bcds-surface-color-border-medium: #898785;
44
+ --bcds-surface-color-border-dark: #353433;
45
+ --bcds-surface-color-border-active: #2E5DD7;
46
+ --bcds-surface-color-overlay-default: rgba(0,0,0,0.45);
47
+ --bcds-support-surface-color-info: #F7F9FC;
48
+ --bcds-support-surface-color-danger: #F4E1E2;
49
+ --bcds-support-surface-color-success: #F6FFF8;
50
+ --bcds-support-surface-color-warning: #FEF1D8;
51
+ --bcds-support-border-color-info: #053662;
52
+ --bcds-support-border-color-danger: #CE3E39;
53
+ --bcds-support-border-color-success: #42814A;
54
+ --bcds-support-border-color-warning: #F8BB47;
119
55
  --bcds-icons-size-xsmall: 14px;
120
56
  --bcds-icons-size-small: 16px;
121
57
  --bcds-icons-size-medium: 20px;
122
58
  --bcds-icons-size-large: 24px;
123
59
  --bcds-icons-size-xlarge: 32px;
60
+ --bcds-icons-color-primary: #2D2D2D;
61
+ --bcds-icons-color-secondary: #474543;
62
+ --bcds-icons-color-disabled: #9F9D9C;
63
+ --bcds-icons-color-link: #255A90;
64
+ --bcds-icons-color-info: #053662;
65
+ --bcds-icons-color-danger: #CE3E39;
66
+ --bcds-icons-color-success: #42814A;
67
+ --bcds-icons-color-warning: #F8BB47;
68
+ --bcds-icons-color-primary-invert: #FFFFFF;
124
69
  --bcds-layout-border-width-none: 0;
125
70
  --bcds-layout-border-width-small: 1px;
126
71
  --bcds-layout-border-width-medium: 2px;
127
72
  --bcds-layout-border-width-large: 4px;
128
73
  --bcds-layout-padding-none: 0;
129
- --bcds-layout-padding-xsmall: 4px;
130
- --bcds-layout-padding-small: 8px;
131
- --bcds-layout-padding-medium: 16px;
132
- --bcds-layout-padding-large: 24px;
133
- --bcds-layout-padding-xlarge: 32px;
134
- --bcds-layout-margin-none: 0;
135
- --bcds-layout-margin-hair: 2px;
136
- --bcds-layout-margin-xsmall: 4px;
137
- --bcds-layout-margin-small: 8px;
138
- --bcds-layout-margin-medium: 16px;
139
- --bcds-layout-margin-large: 24px;
140
- --bcds-layout-margin-xlarge: 32px;
141
- --bcds-layout-margin-xxlarge: 40px;
142
- --bcds-layout-margin-xxxlarge: 48px;
143
- --bcds-layout-margin-huge: 56px;
74
+ --bcds-layout-padding-xsmall: 0.25rem;
75
+ --bcds-layout-padding-small: 0.5rem;
76
+ --bcds-layout-padding-medium: 1rem;
77
+ --bcds-layout-padding-large: 1.5rem;
78
+ --bcds-layout-padding-xlarge: 2rem;
79
+ --bcds-layout-margin-none: 0rem;
80
+ --bcds-layout-margin-hair: 0.125rem;
81
+ --bcds-layout-margin-xsmall: 0.25rem;
82
+ --bcds-layout-margin-small: 0.5rem;
83
+ --bcds-layout-margin-medium: 1rem;
84
+ --bcds-layout-margin-large: 1.5rem;
85
+ --bcds-layout-margin-xlarge: 2rem;
86
+ --bcds-layout-margin-xxlarge: 2.5rem;
87
+ --bcds-layout-margin-xxxlarge: 3rem;
88
+ --bcds-layout-margin-huge: 3.5rem;
89
+ --bcds-layout-border-radius-none: 0;
90
+ --bcds-layout-border-radius-small: 2px;
91
+ --bcds-layout-border-radius-medium: 4px;
92
+ --bcds-layout-border-radius-large: 6px;
144
93
  --bcds-typography-font-families-bc-sans: 'BC Sans';
94
+ --bcds-typography-line-heights-xxxdense: 1.125rem;
145
95
  --bcds-typography-line-heights-xxdense: 1.313rem;
146
96
  --bcds-typography-line-heights-xdense: 1.688rem;
147
97
  --bcds-typography-line-heights-dense: 1.913rem;
@@ -153,7 +103,8 @@
153
103
  --bcds-typography-font-weights-regular: 400;
154
104
  --bcds-typography-font-weights-bold: 700;
155
105
  --bcds-typography-font-weights-italic: Italic;
156
- --bcds-typography-font-size-label: 0.875rem;
106
+ --bcds-typography-font-size-label: 0.75rem;
107
+ --bcds-typography-font-size-small-body: 0.875rem;
157
108
  --bcds-typography-font-size-body: 1rem;
158
109
  --bcds-typography-font-size-large-body: 1.125rem;
159
110
  --bcds-typography-font-size-h5: 1.25rem;
@@ -164,40 +115,82 @@
164
115
  --bcds-typography-font-size-display: 3rem;
165
116
  --bcds-typography-letter-spacing-0: 0em;
166
117
  --bcds-typography-paragraph-spacing-0: 0;
167
- --bcds-typography-regular-label: 400 0.875rem/1.313rem 'BC Sans';
118
+ --bcds-typography-regular-label: 400 0.75rem/1.125rem 'BC Sans';
119
+ --bcds-typography-regular-small-body: 400 0.875rem/1.313rem 'BC Sans';
168
120
  --bcds-typography-regular-body: 400 1rem/1.688rem 'BC Sans';
169
121
  --bcds-typography-regular-large-body: 400 1.125rem/1.913rem 'BC Sans';
122
+ --bcds-typography-regular-h6: 400 1.125rem/1.913rem 'BC Sans';
170
123
  --bcds-typography-regular-h5: 400 1.25rem/2.125rem 'BC Sans';
171
124
  --bcds-typography-regular-h4: 400 1.5rem/2.25rem 'BC Sans';
172
125
  --bcds-typography-regular-h3: 400 1.75rem/3rem 'BC Sans';
173
126
  --bcds-typography-regular-h2: 400 2rem/3.375rem 'BC Sans';
174
127
  --bcds-typography-regular-h1: 400 2.25rem/3rem 'BC Sans';
175
128
  --bcds-typography-regular-display: 400 3rem/AUTO 'BC Sans';
176
- --bcds-typography-bold-label: 700 0.875rem/1.313rem 'BC Sans';
129
+ --bcds-typography-bold-label: 700 0.75rem/1.125rem 'BC Sans';
130
+ --bcds-typography-bold-small-body: 700 0.875rem/1.313rem 'BC Sans';
177
131
  --bcds-typography-bold-body: 700 1rem/1.688rem 'BC Sans';
178
132
  --bcds-typography-bold-large-body: 700 1.125rem/1.913rem 'BC Sans';
133
+ --bcds-typography-bold-h6: 700 1.125rem/1.913rem 'BC Sans';
179
134
  --bcds-typography-bold-h5: 700 1.25rem/2.125rem 'BC Sans';
180
135
  --bcds-typography-bold-h4: 700 1.5rem/2.25rem 'BC Sans';
181
- --bcds-typography-bold-h3: 700 1.75rem/3.375rem 'BC Sans';
136
+ --bcds-typography-bold-h3: 700 1.75rem/3rem 'BC Sans';
182
137
  --bcds-typography-bold-h2: 700 2rem/3rem 'BC Sans';
183
- --bcds-typography-bold-h1: 700 2.25rem/AUTO 'BC Sans';
138
+ --bcds-typography-bold-h1: 700 2.25rem/3.375rem 'BC Sans';
184
139
  --bcds-typography-bold-display: 700 3rem/AUTO 'BC Sans';
185
- --bcds-typography-italic-label: 400 italic 0.875rem/1.313rem 'BC Sans';
140
+ --bcds-typography-italic-label: 400 italic 0.75rem/1.125rem 'BC Sans';
141
+ --bcds-typography-italic-small-body: 400 italic 0.875rem/1.313rem 'BC Sans';
186
142
  --bcds-typography-italic-body: 400 italic 1rem/1.688rem 'BC Sans';
187
143
  --bcds-typography-italic-large-body: 400 italic 1.125rem/1.913rem 'BC Sans';
144
+ --bcds-typography-italic-h6: 400 italic 1.125rem/1.913rem 'BC Sans';
188
145
  --bcds-typography-italic-h5: 400 italic 1.25rem/2.125rem 'BC Sans';
189
146
  --bcds-typography-italic-h4: 400 italic 1.5rem/2.25rem 'BC Sans';
190
147
  --bcds-typography-italic-h3: 400 italic 1.75rem/3.375rem 'BC Sans';
191
- --bcds-typography-italic-h2: 400 italic 2rem/3.375rem 'BC Sans';
192
- --bcds-typography-italic-h1: 400 italic 2.25rem/3rem 'BC Sans';
148
+ --bcds-typography-italic-h2: 400 italic 2rem/3rem 'BC Sans';
149
+ --bcds-typography-italic-h1: 400 italic 2.25rem/3.375rem 'BC Sans';
193
150
  --bcds-typography-italic-display: 400 italic 3rem/AUTO 'BC Sans';
194
151
  --bcds-typography-text-case-none: none;
195
152
  --bcds-typography-text-decoration-none: none;
196
153
  --bcds-typography-paragraph-indent-0: 0px;
197
154
  --bcds-typography-color-primary: #2D2D2D;
198
155
  --bcds-typography-color-secondary: #474543;
156
+ --bcds-typography-color-placeholder: #9F9D9C;
199
157
  --bcds-typography-color-disabled: #9F9D9C;
200
158
  --bcds-typography-color-link: #255A90;
159
+ --bcds-typography-color-danger: #CE3E39;
201
160
  --bcds-typography-color-primary-invert: #FFFFFF;
202
161
  --bcds-typography-color-secondary-invert: #ECEAE8;
162
+ --bcds-theme-gold-10: #FEF8E8;
163
+ --bcds-theme-gold-20: #FEF0D8;
164
+ --bcds-theme-gold-30: #FDE9C4;
165
+ --bcds-theme-gold-40: #FCE2B0;
166
+ --bcds-theme-gold-50: #FBDA9D;
167
+ --bcds-theme-gold-60: #FBD389;
168
+ --bcds-theme-gold-70: #FACC75;
169
+ --bcds-theme-gold-80: #F9C462;
170
+ --bcds-theme-gold-90: #F8BA47;
171
+ --bcds-theme-gold-100: #FCBA19;
172
+ --bcds-theme-blue-10: #F1F8FE;
173
+ --bcds-theme-blue-20: #D8EAFD;
174
+ --bcds-theme-blue-30: #C1DDFC;
175
+ --bcds-theme-blue-40: #A8D0FB;
176
+ --bcds-theme-blue-50: #91C4FA;
177
+ --bcds-theme-blue-60: #7AB8F9;
178
+ --bcds-theme-blue-70: #5595D9;
179
+ --bcds-theme-blue-80: #3470B1;
180
+ --bcds-theme-blue-90: #1E5189;
181
+ --bcds-theme-blue-100: #013366;
182
+ --bcds-theme-gray-10: #FAF9F8;
183
+ --bcds-theme-gray-20: #F3F2F1;
184
+ --bcds-theme-gray-30: #ECEAE8;
185
+ --bcds-theme-gray-40: #E0DEDC;
186
+ --bcds-theme-gray-50: #D1CFCD;
187
+ --bcds-theme-gray-60: #C6C5C3;
188
+ --bcds-theme-gray-70: #9F9D9C;
189
+ --bcds-theme-gray-80: #605E5C;
190
+ --bcds-theme-gray-90: #3D3C3B;
191
+ --bcds-theme-gray-100: #353433;
192
+ --bcds-theme-gray-110: #252423;
193
+ --bcds-theme-gray-white: #FFFFFF;
194
+ --bcds-theme-primary-blue: #013366;
195
+ --bcds-theme-primary-gold: #FCBA19;
203
196
  }
package/js/index.d.ts ADDED
@@ -0,0 +1,197 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 20 Aug 2024 16:16:46 GMT
4
+ */
5
+
6
+ export const surfaceOpacity0 : number;
7
+ export const surfaceOpacity10 : number;
8
+ export const surfaceOpacity20 : number;
9
+ export const surfaceOpacity30 : number;
10
+ export const surfaceOpacity40 : number;
11
+ export const surfaceOpacity50 : number;
12
+ export const surfaceOpacity60 : number;
13
+ export const surfaceOpacity70 : number;
14
+ export const surfaceOpacity80 : number;
15
+ export const surfaceOpacity90 : number;
16
+ export const surfaceOpacity100 : number;
17
+ export const surfaceShadowNone : string;
18
+ /** Primarily used as a hover effect for cards */
19
+ export const surfaceShadowSmall : string;
20
+ /** Primarily used for dropdown menus and tooltips */
21
+ export const surfaceShadowMedium : string;
22
+ /** Primarily used for dialogs */
23
+ export const surfaceShadowLarge : string;
24
+ export const surfaceColorPrimaryButtonDefault : string;
25
+ export const surfaceColorPrimaryButtonHover : string;
26
+ export const surfaceColorPrimaryButtonDisabled : string;
27
+ export const surfaceColorPrimaryDangerButtonDefault : string;
28
+ export const surfaceColorPrimaryDangerButtonHover : string;
29
+ export const surfaceColorPrimaryDangerButtonDisabled : string;
30
+ export const surfaceColorSecondaryButtonDefault : string;
31
+ export const surfaceColorSecondaryButtonHover : string;
32
+ export const surfaceColorSecondaryButtonDisabled : string;
33
+ export const surfaceColorTertiaryButtonDefault : string;
34
+ export const surfaceColorTertiaryButtonHover : string;
35
+ export const surfaceColorTertiaryButtonDisabled : string;
36
+ export const surfaceColorMenusDefault : string;
37
+ export const surfaceColorMenusHover : string;
38
+ export const surfaceColorFormsDefault : string;
39
+ export const surfaceColorFormsDisabled : string;
40
+ export const surfaceColorBackgroundWhite : string;
41
+ export const surfaceColorBackgroundLightGray : string;
42
+ export const surfaceColorBackgroundLightBlue : string;
43
+ export const surfaceColorBackgroundDarkBlue : string;
44
+ export const surfaceColorBorderDefault : string;
45
+ export const surfaceColorBorderMedium : string;
46
+ export const surfaceColorBorderDark : string;
47
+ export const surfaceColorBorderActive : string;
48
+ export const surfaceColorOverlayDefault : string;
49
+ export const supportSurfaceColorInfo : string;
50
+ export const supportSurfaceColorDanger : string;
51
+ export const supportSurfaceColorSuccess : string;
52
+ export const supportSurfaceColorWarning : string;
53
+ export const supportBorderColorInfo : string;
54
+ export const supportBorderColorDanger : string;
55
+ export const supportBorderColorSuccess : string;
56
+ export const supportBorderColorWarning : string;
57
+ export const iconsSizeXsmall : string;
58
+ export const iconsSizeSmall : string;
59
+ export const iconsSizeMedium : string;
60
+ export const iconsSizeLarge : string;
61
+ export const iconsSizeXlarge : string;
62
+ export const iconsColorPrimary : string;
63
+ export const iconsColorSecondary : string;
64
+ export const iconsColorDisabled : string;
65
+ export const iconsColorLink : string;
66
+ export const iconsColorInfo : string;
67
+ export const iconsColorDanger : string;
68
+ export const iconsColorSuccess : string;
69
+ export const iconsColorWarning : string;
70
+ export const iconsColorPrimaryInvert : string;
71
+ export const layoutBorderWidthNone : string;
72
+ export const layoutBorderWidthSmall : string;
73
+ export const layoutBorderWidthMedium : string;
74
+ export const layoutBorderWidthLarge : string;
75
+ export const layoutPaddingNone : string;
76
+ export const layoutPaddingXsmall : string;
77
+ export const layoutPaddingSmall : string;
78
+ export const layoutPaddingMedium : string;
79
+ export const layoutPaddingLarge : string;
80
+ export const layoutPaddingXlarge : string;
81
+ export const layoutMarginNone : string;
82
+ export const layoutMarginHair : string;
83
+ export const layoutMarginXsmall : string;
84
+ export const layoutMarginSmall : string;
85
+ export const layoutMarginMedium : string;
86
+ export const layoutMarginLarge : string;
87
+ export const layoutMarginXlarge : string;
88
+ export const layoutMarginXxlarge : string;
89
+ export const layoutMarginXxxlarge : string;
90
+ export const layoutMarginHuge : string;
91
+ export const layoutBorderRadiusNone : string;
92
+ export const layoutBorderRadiusSmall : string;
93
+ export const layoutBorderRadiusMedium : string;
94
+ export const layoutBorderRadiusLarge : string;
95
+ export const typographyFontFamiliesBcSans : string;
96
+ export const typographyLineHeightsXxxdense : string;
97
+ export const typographyLineHeightsXxdense : string;
98
+ export const typographyLineHeightsXdense : string;
99
+ export const typographyLineHeightsDense : string;
100
+ export const typographyLineHeightsRegular : string;
101
+ export const typographyLineHeightsSparse : string;
102
+ export const typographyLineHeightsXsparse : string;
103
+ export const typographyLineHeightsXxsparse : string;
104
+ export const typographyLineHeightsAuto : string;
105
+ export const typographyFontWeightsRegular : number;
106
+ export const typographyFontWeightsBold : number;
107
+ export const typographyFontWeightsItalic : string;
108
+ export const typographyFontSizeLabel : string;
109
+ export const typographyFontSizeSmallBody : string;
110
+ export const typographyFontSizeBody : string;
111
+ export const typographyFontSizeLargeBody : string;
112
+ export const typographyFontSizeH5 : string;
113
+ export const typographyFontSizeH4 : string;
114
+ export const typographyFontSizeH3 : string;
115
+ export const typographyFontSizeH2 : string;
116
+ export const typographyFontSizeH1 : string;
117
+ export const typographyFontSizeDisplay : string;
118
+ export const typographyLetterSpacing0 : string;
119
+ export const typographyParagraphSpacing0 : string;
120
+ export const typographyRegularLabel : string;
121
+ export const typographyRegularSmallBody : string;
122
+ export const typographyRegularBody : string;
123
+ export const typographyRegularLargeBody : string;
124
+ export const typographyRegularH6 : string;
125
+ export const typographyRegularH5 : string;
126
+ export const typographyRegularH4 : string;
127
+ export const typographyRegularH3 : string;
128
+ export const typographyRegularH2 : string;
129
+ export const typographyRegularH1 : string;
130
+ export const typographyRegularDisplay : string;
131
+ export const typographyBoldLabel : string;
132
+ export const typographyBoldSmallBody : string;
133
+ export const typographyBoldBody : string;
134
+ export const typographyBoldLargeBody : string;
135
+ export const typographyBoldH6 : string;
136
+ export const typographyBoldH5 : string;
137
+ export const typographyBoldH4 : string;
138
+ export const typographyBoldH3 : string;
139
+ export const typographyBoldH2 : string;
140
+ export const typographyBoldH1 : string;
141
+ export const typographyBoldDisplay : string;
142
+ export const typographyItalicLabel : string;
143
+ export const typographyItalicSmallBody : string;
144
+ export const typographyItalicBody : string;
145
+ export const typographyItalicLargeBody : string;
146
+ export const typographyItalicH6 : string;
147
+ export const typographyItalicH5 : string;
148
+ export const typographyItalicH4 : string;
149
+ export const typographyItalicH3 : string;
150
+ export const typographyItalicH2 : string;
151
+ export const typographyItalicH1 : string;
152
+ export const typographyItalicDisplay : string;
153
+ export const typographyTextCaseNone : string;
154
+ export const typographyTextDecorationNone : string;
155
+ export const typographyParagraphIndent0 : string;
156
+ export const typographyColorPrimary : string;
157
+ export const typographyColorSecondary : string;
158
+ export const typographyColorPlaceholder : string;
159
+ export const typographyColorDisabled : string;
160
+ export const typographyColorLink : string;
161
+ export const typographyColorDanger : string;
162
+ export const typographyColorPrimaryInvert : string;
163
+ export const typographyColorSecondaryInvert : string;
164
+ export const themeGold10 : string;
165
+ export const themeGold20 : string;
166
+ export const themeGold30 : string;
167
+ export const themeGold40 : string;
168
+ export const themeGold50 : string;
169
+ export const themeGold60 : string;
170
+ export const themeGold70 : string;
171
+ export const themeGold80 : string;
172
+ export const themeGold90 : string;
173
+ export const themeGold100 : string;
174
+ export const themeBlue10 : string;
175
+ export const themeBlue20 : string;
176
+ export const themeBlue30 : string;
177
+ export const themeBlue40 : string;
178
+ export const themeBlue50 : string;
179
+ export const themeBlue60 : string;
180
+ export const themeBlue70 : string;
181
+ export const themeBlue80 : string;
182
+ export const themeBlue90 : string;
183
+ export const themeBlue100 : string;
184
+ export const themeGray10 : string;
185
+ export const themeGray20 : string;
186
+ export const themeGray30 : string;
187
+ export const themeGray40 : string;
188
+ export const themeGray50 : string;
189
+ export const themeGray60 : string;
190
+ export const themeGray70 : string;
191
+ export const themeGray80 : string;
192
+ export const themeGray90 : string;
193
+ export const themeGray100 : string;
194
+ export const themeGray110 : string;
195
+ export const themeGrayWhite : string;
196
+ export const themePrimaryBlue : string;
197
+ export const themePrimaryGold : string;