@bcgov/design-tokens 3.2.0 → 4.0.0

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 +93 -87
  2. package/cjs/index.d.ts +204 -204
  3. package/cjs/index.js +208 -204
  4. package/cjs-prefixed/index.d.ts +204 -204
  5. package/cjs-prefixed/index.js +208 -204
  6. package/css/variables.css +157 -157
  7. package/css-prefixed/variables.css +157 -157
  8. package/js/index.d.ts +204 -204
  9. package/js/index.js +12 -6
  10. package/js-prefixed/index.d.ts +204 -204
  11. package/js-prefixed/index.js +14 -7
  12. package/package.json +24 -23
  13. package/scss/variables.scss +508 -0
  14. package/scss-prefixed/variables.scss +508 -0
package/cjs/index.d.ts CHANGED
@@ -2,364 +2,364 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- export const surfaceOpacity0 : number;
6
- export const surfaceOpacity10 : number;
7
- export const surfaceOpacity20 : number;
8
- export const surfaceOpacity30 : number;
9
- export const surfaceOpacity40 : number;
10
- export const surfaceOpacity50 : number;
11
- export const surfaceOpacity60 : number;
12
- export const surfaceOpacity70 : number;
13
- export const surfaceOpacity80 : number;
14
- export const surfaceOpacity90 : number;
15
- export const surfaceOpacity100 : number;
5
+ export const surfaceOpacity0: number;
6
+ export const surfaceOpacity10: number;
7
+ export const surfaceOpacity20: number;
8
+ export const surfaceOpacity30: number;
9
+ export const surfaceOpacity40: number;
10
+ export const surfaceOpacity50: number;
11
+ export const surfaceOpacity60: number;
12
+ export const surfaceOpacity70: number;
13
+ export const surfaceOpacity80: number;
14
+ export const surfaceOpacity90: number;
15
+ export const surfaceOpacity100: number;
16
16
  /** Default shadow for most content and UI elements */
17
- export const surfaceShadowNone : string;
17
+ export const surfaceShadowNone: string;
18
18
  /** Reduced shadow for secondary UI elements */
19
- export const surfaceShadowSmall : string;
19
+ export const surfaceShadowSmall: string;
20
20
  /** Standard shadow for UI elements like cards and buttons */
21
- export const surfaceShadowMedium : string;
21
+ export const surfaceShadowMedium: string;
22
22
  /** Larger shadow for emphasis. Use sparingly */
23
- export const surfaceShadowLarge : string;
23
+ export const surfaceShadowLarge: string;
24
24
  /** Default fill colour for primary buttons */
25
- export const surfaceColorPrimaryButtonDefault : string;
25
+ export const surfaceColorPrimaryButtonDefault: string;
26
26
  /** Fill colour used when user hovers over primary button */
27
- export const surfaceColorPrimaryButtonHover : string;
27
+ export const surfaceColorPrimaryButtonHover: string;
28
28
  /** Fill colour for inactive primary buttons */
29
- export const surfaceColorPrimaryButtonDisabled : string;
29
+ export const surfaceColorPrimaryButtonDisabled: string;
30
30
  /** Default fill colour for buttons in danger/warning state */
31
- export const surfaceColorPrimaryDangerButtonDefault : string;
31
+ export const surfaceColorPrimaryDangerButtonDefault: string;
32
32
  /** Fill colour used when user hovers over danger/warning button */
33
- export const surfaceColorPrimaryDangerButtonHover : string;
33
+ export const surfaceColorPrimaryDangerButtonHover: string;
34
34
  /** Default fill colour for disabled danger/warning button */
35
- export const surfaceColorPrimaryDangerButtonDisabled : string;
35
+ export const surfaceColorPrimaryDangerButtonDisabled: string;
36
36
  /** Default theme colour for components and layout */
37
- export const surfaceColorPrimaryDefault : string;
37
+ export const surfaceColorPrimaryDefault: string;
38
38
  /** Hover variant of surface.color.primary.default */
39
- export const surfaceColorPrimaryHover : string;
39
+ export const surfaceColorPrimaryHover: string;
40
40
  /** Selected/pressed variant of surface.color.primary.default */
41
- export const surfaceColorPrimaryPressed : string;
41
+ export const surfaceColorPrimaryPressed: string;
42
42
  /** Disabled/inactive variant of surface.color.primary default */
43
- export const surfaceColorPrimaryDisabled : string;
43
+ export const surfaceColorPrimaryDisabled: string;
44
44
  /** Fill colour for secondary buttons */
45
- export const surfaceColorSecondaryButtonDefault : string;
45
+ export const surfaceColorSecondaryButtonDefault: string;
46
46
  /** Fill colour used when user hovers over secondary button */
47
- export const surfaceColorSecondaryButtonHover : string;
47
+ export const surfaceColorSecondaryButtonHover: string;
48
48
  /** Fill colour for inactive secondary buttons */
49
- export const surfaceColorSecondaryButtonDisabled : string;
49
+ export const surfaceColorSecondaryButtonDisabled: string;
50
50
  /** Light theme colour for components and layout */
51
- export const surfaceColorSecondaryDefault : string;
51
+ export const surfaceColorSecondaryDefault: string;
52
52
  /** Hover variant of surface.color.secondary.default */
53
- export const surfaceColorSecondaryHover : string;
53
+ export const surfaceColorSecondaryHover: string;
54
54
  /** Selected/pressed variant of surface.color.secondary.default */
55
- export const surfaceColorSecondaryPressed : string;
55
+ export const surfaceColorSecondaryPressed: string;
56
56
  /** Disabled/inactive variant of surface.color.secondary default */
57
- export const surfaceColorSecondaryDisabled : string;
57
+ export const surfaceColorSecondaryDisabled: string;
58
58
  /** Default fill colour for tertiary buttons */
59
- export const surfaceColorTertiaryButtonDefault : string;
59
+ export const surfaceColorTertiaryButtonDefault: string;
60
60
  /** Fill colour used when user hovers over tertiary button */
61
- export const surfaceColorTertiaryButtonHover : string;
61
+ export const surfaceColorTertiaryButtonHover: string;
62
62
  /** Fill colour for inactive tertiary buttons */
63
- export const surfaceColorTertiaryButtonDisabled : string;
63
+ export const surfaceColorTertiaryButtonDisabled: string;
64
64
  /** Alternative light theme colour for components and layout */
65
- export const surfaceColorTertiaryDefault : string;
65
+ export const surfaceColorTertiaryDefault: string;
66
66
  /** Hover variant of surface.color.tertiary.default */
67
- export const surfaceColorTertiaryHover : string;
67
+ export const surfaceColorTertiaryHover: string;
68
68
  /** Selected/pressed variant of surface.color.tertiary.default */
69
- export const surfaceColorTertiaryPressed : string;
69
+ export const surfaceColorTertiaryPressed: string;
70
70
  /** Disabled/inactive variant of surface.color.tertiary default */
71
- export const surfaceColorTertiaryDisabled : string;
71
+ export const surfaceColorTertiaryDisabled: string;
72
72
  /** Default fill colour for menu items */
73
- export const surfaceColorMenusDefault : string;
73
+ export const surfaceColorMenusDefault: string;
74
74
  /** Fill colour used when user hovers over a menu item */
75
- export const surfaceColorMenusHover : string;
75
+ export const surfaceColorMenusHover: string;
76
76
  /** Default fill colour for form/input fields */
77
- export const surfaceColorFormsDefault : string;
77
+ export const surfaceColorFormsDefault: string;
78
78
  /** Fill colour for inactive/disabled form/input fields */
79
- export const surfaceColorFormsDisabled : string;
79
+ export const surfaceColorFormsDisabled: string;
80
80
  /** White background */
81
- export const surfaceColorBackgroundWhite : string;
81
+ export const surfaceColorBackgroundWhite: string;
82
82
  /** Default background colour for layout */
83
- export const surfaceColorBackgroundLightGray : string;
83
+ export const surfaceColorBackgroundLightGray: string;
84
84
  /** Light blue background */
85
- export const surfaceColorBackgroundLightBlue : string;
85
+ export const surfaceColorBackgroundLightBlue: string;
86
86
  /** Dark blue background */
87
- export const surfaceColorBackgroundDarkBlue : string;
87
+ export const surfaceColorBackgroundDarkBlue: string;
88
88
  /** Lighter border colour for UI elements */
89
- export const surfaceColorBorderDefault : string;
89
+ export const surfaceColorBorderDefault: string;
90
90
  /** Default border colour for UI elements */
91
- export const surfaceColorBorderMedium : string;
91
+ export const surfaceColorBorderMedium: string;
92
92
  /** Used as a hover colour for form fields and inputs */
93
- export const surfaceColorBorderDark : string;
93
+ export const surfaceColorBorderDark: string;
94
94
  /** Used as the active stroke colour for UI elements */
95
- export const surfaceColorBorderActive : string;
95
+ export const surfaceColorBorderActive: string;
96
96
  /** Background overlay colour for images and modal dialogues */
97
- export const surfaceColorOverlayDefault : string;
98
- export const supportSurfaceColorInfo : string;
97
+ export const surfaceColorOverlayDefault: string;
98
+ export const supportSurfaceColorInfo: string;
99
99
  /** Background colour for error, failure or danger messages */
100
- export const supportSurfaceColorDanger : string;
100
+ export const supportSurfaceColorDanger: string;
101
101
  /** Background colour for success messages */
102
- export const supportSurfaceColorSuccess : string;
102
+ export const supportSurfaceColorSuccess: string;
103
103
  /** Background colour for warning messages */
104
- export const supportSurfaceColorWarning : string;
104
+ export const supportSurfaceColorWarning: string;
105
105
  /** Border stroke for general/informational messages */
106
- export const supportBorderColorInfo : string;
106
+ export const supportBorderColorInfo: string;
107
107
  /** Border stroke for error, failure or danger messages */
108
- export const supportBorderColorDanger : string;
108
+ export const supportBorderColorDanger: string;
109
109
  /** Border stroke for success messages */
110
- export const supportBorderColorSuccess : string;
110
+ export const supportBorderColorSuccess: string;
111
111
  /** Border stroke for warning messages */
112
- export const supportBorderColorWarning : string;
112
+ export const supportBorderColorWarning: string;
113
113
  /** Smallest icon size */
114
- export const iconsSizeXsmall : string;
115
- export const iconsSizeSmall : string;
114
+ export const iconsSizeXsmall: string;
115
+ export const iconsSizeSmall: string;
116
116
  /** Default icon size */
117
- export const iconsSizeMedium : string;
118
- export const iconsSizeLarge : string;
117
+ export const iconsSizeMedium: string;
118
+ export const iconsSizeLarge: string;
119
119
  /** Largest icon size */
120
- export const iconsSizeXlarge : string;
120
+ export const iconsSizeXlarge: string;
121
121
  /** Default colour for icons */
122
- export const iconsColorPrimary : string;
122
+ export const iconsColorPrimary: string;
123
123
  /** Alternative colour for secondary/miscellaneous icons */
124
- export const iconsColorSecondary : string;
124
+ export const iconsColorSecondary: string;
125
125
  /** Use only for inactive/disabled icons */
126
- export const iconsColorDisabled : string;
126
+ export const iconsColorDisabled: string;
127
127
  /** Use for hyperlinked icons */
128
- export const iconsColorLink : string;
128
+ export const iconsColorLink: string;
129
129
  /** Emphasis colour for icons in general/informational state */
130
- export const iconsColorInfo : string;
130
+ export const iconsColorInfo: string;
131
131
  /** Emphasis colour for icons in error, failure or danger state */
132
- export const iconsColorDanger : string;
132
+ export const iconsColorDanger: string;
133
133
  /** Emphasis colour for icons in success state */
134
- export const iconsColorSuccess : string;
134
+ export const iconsColorSuccess: string;
135
135
  /** Emphasis colour for icons in warning state */
136
- export const iconsColorWarning : string;
136
+ export const iconsColorWarning: string;
137
137
  /** Default colour for icons on dark backgrounds */
138
- export const iconsColorPrimaryInvert : string;
139
- export const layoutBorderWidthNone : string;
140
- export const layoutBorderWidthSmall : string;
141
- export const layoutBorderWidthMedium : string;
142
- export const layoutBorderWidthLarge : string;
138
+ export const iconsColorPrimaryInvert: string;
139
+ export const layoutBorderWidthNone: string;
140
+ export const layoutBorderWidthSmall: string;
141
+ export const layoutBorderWidthMedium: string;
142
+ export const layoutBorderWidthLarge: string;
143
143
  /** No padding */
144
- export const layoutPaddingNone : string;
144
+ export const layoutPaddingNone: string;
145
145
  /** Smallest padding value for layout */
146
- export const layoutPaddingHair : string;
147
- export const layoutPaddingXsmall : string;
148
- export const layoutPaddingSmall : string;
146
+ export const layoutPaddingHair: string;
147
+ export const layoutPaddingXsmall: string;
148
+ export const layoutPaddingSmall: string;
149
149
  /** Default padding value for layout */
150
- export const layoutPaddingMedium : string;
151
- export const layoutPaddingLarge : string;
150
+ export const layoutPaddingMedium: string;
151
+ export const layoutPaddingLarge: string;
152
152
  /** Largest padding value for layout */
153
- export const layoutPaddingXlarge : string;
153
+ export const layoutPaddingXlarge: string;
154
154
  /** No margin */
155
- export const layoutMarginNone : string;
155
+ export const layoutMarginNone: string;
156
156
  /** Smallest margin value for layout */
157
- export const layoutMarginHair : string;
158
- export const layoutMarginXsmall : string;
157
+ export const layoutMarginHair: string;
158
+ export const layoutMarginXsmall: string;
159
159
  /** Default margin value for layout */
160
- export const layoutMarginSmall : string;
161
- export const layoutMarginMedium : string;
162
- export const layoutMarginLarge : string;
163
- export const layoutMarginXlarge : string;
164
- export const layoutMarginXxlarge : string;
165
- export const layoutMarginXxxlarge : string;
160
+ export const layoutMarginSmall: string;
161
+ export const layoutMarginMedium: string;
162
+ export const layoutMarginLarge: string;
163
+ export const layoutMarginXlarge: string;
164
+ export const layoutMarginXxlarge: string;
165
+ export const layoutMarginXxxlarge: string;
166
166
  /** Largest margin value for layout */
167
- export const layoutMarginHuge : string;
168
- export const layoutBorderRadiusNone : string;
169
- export const layoutBorderRadiusSmall : string;
170
- export const layoutBorderRadiusMedium : string;
171
- export const layoutBorderRadiusLarge : string;
167
+ export const layoutMarginHuge: string;
168
+ export const layoutBorderRadiusNone: string;
169
+ export const layoutBorderRadiusSmall: string;
170
+ export const layoutBorderRadiusMedium: string;
171
+ export const layoutBorderRadiusLarge: string;
172
172
  /** Used for components with a circular radius */
173
- export const layoutBorderRadiusCircular : string;
173
+ export const layoutBorderRadiusCircular: string;
174
174
  /** BC Sans font. Requires BC Sans package */
175
- export const typographyFontFamiliesBcSans : string;
175
+ export const typographyFontFamiliesBcSans: string;
176
176
  /** Smallest line height */
177
- export const typographyLineHeightsXxxdense : string;
178
- export const typographyLineHeightsXxdense : string;
179
- export const typographyLineHeightsXdense : string;
180
- export const typographyLineHeightsDense : string;
177
+ export const typographyLineHeightsXxxdense: string;
178
+ export const typographyLineHeightsXxdense: string;
179
+ export const typographyLineHeightsXdense: string;
180
+ export const typographyLineHeightsDense: string;
181
181
  /** Default line height */
182
- export const typographyLineHeightsRegular : string;
183
- export const typographyLineHeightsSparse : string;
184
- export const typographyLineHeightsXsparse : string;
182
+ export const typographyLineHeightsRegular: string;
183
+ export const typographyLineHeightsSparse: string;
184
+ export const typographyLineHeightsXsparse: string;
185
185
  /** Largest line height */
186
- export const typographyLineHeightsXxsparse : string;
186
+ export const typographyLineHeightsXxsparse: string;
187
187
  /** System token, used to generate type styles */
188
- export const typographyLineHeightsAuto : string;
188
+ export const typographyLineHeightsAuto: string;
189
189
  /** System token, used to generate text styles */
190
- export const typographyFontWeightsRegular : number;
190
+ export const typographyFontWeightsRegular: number;
191
191
  /** System token, used to generate text styles */
192
- export const typographyFontWeightsBold : number;
192
+ export const typographyFontWeightsBold: number;
193
193
  /** System token, used to generate text styles */
194
- export const typographyFontWeightsItalicWeight : number;
194
+ export const typographyFontWeightsItalicWeight: number;
195
195
  /** System token, used to generate text styles */
196
- export const typographyFontWeightsItalicStyle : string;
197
- export const typographyFontSizeLabel : string;
198
- export const typographyFontSizeSmallBody : string;
199
- export const typographyFontSizeBody : string;
200
- export const typographyFontSizeLargeBody : string;
201
- export const typographyFontSizeH5 : string;
202
- export const typographyFontSizeH4 : string;
203
- export const typographyFontSizeH3 : string;
204
- export const typographyFontSizeH2 : string;
205
- export const typographyFontSizeH1 : string;
206
- export const typographyFontSizeDisplay : string;
196
+ export const typographyFontWeightsItalicStyle: string;
197
+ export const typographyFontSizeLabel: string;
198
+ export const typographyFontSizeSmallBody: string;
199
+ export const typographyFontSizeBody: string;
200
+ export const typographyFontSizeLargeBody: string;
201
+ export const typographyFontSizeH5: string;
202
+ export const typographyFontSizeH4: string;
203
+ export const typographyFontSizeH3: string;
204
+ export const typographyFontSizeH2: string;
205
+ export const typographyFontSizeH1: string;
206
+ export const typographyFontSizeDisplay: string;
207
207
  /** System token, used to generate type styles */
208
- export const typographyLetterSpacing0 : string;
208
+ export const typographyLetterSpacing0: string;
209
209
  /** System token, used to generate type styles */
210
- export const typographyParagraphSpacing0 : string;
210
+ export const typographyParagraphSpacing0: string;
211
211
  /** Labels and captions */
212
- export const typographyRegularLabel : string;
212
+ export const typographyRegularLabel: string;
213
213
  /** Smaller body text */
214
- export const typographyRegularSmallBody : string;
214
+ export const typographyRegularSmallBody: string;
215
215
  /** Default body text */
216
- export const typographyRegularBody : string;
216
+ export const typographyRegularBody: string;
217
217
  /** Larger body text */
218
- export const typographyRegularLargeBody : string;
218
+ export const typographyRegularLargeBody: string;
219
219
  /** Alternate (unbolded) style for Heading 6 */
220
- export const typographyRegularH6 : string;
220
+ export const typographyRegularH6: string;
221
221
  /** Alternate (unbolded) style for Heading 5 */
222
- export const typographyRegularH5 : string;
222
+ export const typographyRegularH5: string;
223
223
  /** Alternate (unbolded) style for Heading 4 */
224
- export const typographyRegularH4 : string;
224
+ export const typographyRegularH4: string;
225
225
  /** Alternate (unbolded) style for Heading 3 */
226
- export const typographyRegularH3 : string;
226
+ export const typographyRegularH3: string;
227
227
  /** Alternate (unbolded) style for Heading 2 */
228
- export const typographyRegularH2 : string;
228
+ export const typographyRegularH2: string;
229
229
  /** Alternate (unbolded) style for Heading 1 */
230
- export const typographyRegularH1 : string;
230
+ export const typographyRegularH1: string;
231
231
  /** Extra-large body text size. Do not use for headings */
232
- export const typographyRegularDisplay : string;
232
+ export const typographyRegularDisplay: string;
233
233
  /** Labels and captions (bolded) */
234
- export const typographyBoldLabel : string;
234
+ export const typographyBoldLabel: string;
235
235
  /** Default for small body text (bolded) */
236
- export const typographyBoldSmallBody : string;
236
+ export const typographyBoldSmallBody: string;
237
237
  /** Default for body text (bolded) */
238
- export const typographyBoldBody : string;
238
+ export const typographyBoldBody: string;
239
239
  /** Larger text size for body text (bolded) */
240
- export const typographyBoldLargeBody : string;
240
+ export const typographyBoldLargeBody: string;
241
241
  /** Default style for Heading 6. Includes all sizing/spacing values for H6 */
242
- export const typographyBoldH6 : string;
242
+ export const typographyBoldH6: string;
243
243
  /** Default style for Heading 6. Includes all sizing/spacing values for H5 */
244
- export const typographyBoldH5 : string;
244
+ export const typographyBoldH5: string;
245
245
  /** Default style for Heading 6. Includes all sizing/spacing values for H4 */
246
- export const typographyBoldH4 : string;
246
+ export const typographyBoldH4: string;
247
247
  /** Default style for Heading 6. Includes all sizing/spacing values for H3 */
248
- export const typographyBoldH3 : string;
248
+ export const typographyBoldH3: string;
249
249
  /** Default style for Heading 6. Includes all sizing/spacing values for H2 */
250
- export const typographyBoldH2 : string;
250
+ export const typographyBoldH2: string;
251
251
  /** Default style for Heading 6. Includes all sizing/spacing values for H1 */
252
- export const typographyBoldH1 : string;
252
+ export const typographyBoldH1: string;
253
253
  /** Extra-large font size (bolded). Do not use for headings */
254
- export const typographyBoldDisplay : string;
254
+ export const typographyBoldDisplay: string;
255
255
  /** Labels and captions (italic) */
256
- export const typographyItalicLabel : string;
256
+ export const typographyItalicLabel: string;
257
257
  /** Small body text (italic) */
258
- export const typographyItalicSmallBody : string;
258
+ export const typographyItalicSmallBody: string;
259
259
  /** Default for body text (italic) */
260
- export const typographyItalicBody : string;
260
+ export const typographyItalicBody: string;
261
261
  /** Larger text size for body text (italic) */
262
- export const typographyItalicLargeBody : string;
262
+ export const typographyItalicLargeBody: string;
263
263
  /** Alternate (italic) style for Heading 6 */
264
- export const typographyItalicH6 : string;
264
+ export const typographyItalicH6: string;
265
265
  /** Alternate (italic) style for Heading 5 */
266
- export const typographyItalicH5 : string;
266
+ export const typographyItalicH5: string;
267
267
  /** Alternate (italic) style for Heading 4 */
268
- export const typographyItalicH4 : string;
268
+ export const typographyItalicH4: string;
269
269
  /** Alternate (italic) style for Heading 3 */
270
- export const typographyItalicH3 : string;
270
+ export const typographyItalicH3: string;
271
271
  /** Alternate (italic) style for Heading 2 */
272
- export const typographyItalicH2 : string;
272
+ export const typographyItalicH2: string;
273
273
  /** Alternate (italic) style for Heading 1 */
274
- export const typographyItalicH1 : string;
274
+ export const typographyItalicH1: string;
275
275
  /** Extra-large font size (italic). Do not use for headings */
276
- export const typographyItalicDisplay : string;
277
- export const typographyTextCaseNone : string;
276
+ export const typographyItalicDisplay: string;
277
+ export const typographyTextCaseNone: string;
278
278
  /** System token, used to generate type styles */
279
- export const typographyTextDecorationNone : string;
279
+ export const typographyTextDecorationNone: string;
280
280
  /** System token, used to generate type styles */
281
- export const typographyParagraphIndent0 : string;
281
+ export const typographyParagraphIndent0: string;
282
282
  /** Default colour for all body text and headings */
283
- export const typographyColorPrimary : string;
283
+ export const typographyColorPrimary: string;
284
284
  /** Alternative colour for secondary/miscellaneous text */
285
- export const typographyColorSecondary : string;
285
+ export const typographyColorSecondary: string;
286
286
  /** Use for placeholder text in forms */
287
- export const typographyColorPlaceholder : string;
287
+ export const typographyColorPlaceholder: string;
288
288
  /** Use only for text in inactive user interface elements */
289
- export const typographyColorDisabled : string;
289
+ export const typographyColorDisabled: string;
290
290
  /** Use for hyperlinks in body text and headings */
291
- export const typographyColorLink : string;
291
+ export const typographyColorLink: string;
292
292
  /** Use for error, failure or danger message text */
293
- export const typographyColorDanger : string;
293
+ export const typographyColorDanger: string;
294
294
  /** Default colour for text on dark backgrounds */
295
- export const typographyColorPrimaryInvert : string;
295
+ export const typographyColorPrimaryInvert: string;
296
296
  /** Secondary colour for text on dark backgrounds */
297
- export const typographyColorSecondaryInvert : string;
297
+ export const typographyColorSecondaryInvert: string;
298
298
  /** Gold scale — lightest */
299
- export const themeGold10 : string;
299
+ export const themeGold10: string;
300
300
  /** Gold scale */
301
- export const themeGold20 : string;
301
+ export const themeGold20: string;
302
302
  /** Gold scale */
303
- export const themeGold30 : string;
303
+ export const themeGold30: string;
304
304
  /** Gold scale */
305
- export const themeGold40 : string;
305
+ export const themeGold40: string;
306
306
  /** Gold scale */
307
- export const themeGold50 : string;
307
+ export const themeGold50: string;
308
308
  /** Gold scale */
309
- export const themeGold60 : string;
309
+ export const themeGold60: string;
310
310
  /** Gold scale */
311
- export const themeGold70 : string;
311
+ export const themeGold70: string;
312
312
  /** Gold scale */
313
- export const themeGold80 : string;
313
+ export const themeGold80: string;
314
314
  /** Gold scale */
315
- export const themeGold90 : string;
315
+ export const themeGold90: string;
316
316
  /** Gold scale — darkest */
317
- export const themeGold100 : string;
317
+ export const themeGold100: string;
318
318
  /** Blue scale — lightest */
319
- export const themeBlue10 : string;
319
+ export const themeBlue10: string;
320
320
  /** Blue scale */
321
- export const themeBlue20 : string;
321
+ export const themeBlue20: string;
322
322
  /** Blue scale */
323
- export const themeBlue30 : string;
323
+ export const themeBlue30: string;
324
324
  /** Blue scale */
325
- export const themeBlue40 : string;
325
+ export const themeBlue40: string;
326
326
  /** Blue scale */
327
- export const themeBlue50 : string;
327
+ export const themeBlue50: string;
328
328
  /** Blue scale */
329
- export const themeBlue60 : string;
329
+ export const themeBlue60: string;
330
330
  /** Blue scale */
331
- export const themeBlue70 : string;
331
+ export const themeBlue70: string;
332
332
  /** Blue scale */
333
- export const themeBlue80 : string;
333
+ export const themeBlue80: string;
334
334
  /** Blue scale */
335
- export const themeBlue90 : string;
335
+ export const themeBlue90: string;
336
336
  /** Blue scale — darkest */
337
- export const themeBlue100 : string;
337
+ export const themeBlue100: string;
338
338
  /** Greyscale — lightest */
339
- export const themeGray10 : string;
339
+ export const themeGray10: string;
340
340
  /** Greyscale */
341
- export const themeGray20 : string;
341
+ export const themeGray20: string;
342
342
  /** Greyscale */
343
- export const themeGray30 : string;
343
+ export const themeGray30: string;
344
344
  /** Greyscale */
345
- export const themeGray40 : string;
345
+ export const themeGray40: string;
346
346
  /** Greyscale */
347
- export const themeGray50 : string;
347
+ export const themeGray50: string;
348
348
  /** Greyscale */
349
- export const themeGray60 : string;
349
+ export const themeGray60: string;
350
350
  /** Greyscale */
351
- export const themeGray70 : string;
351
+ export const themeGray70: string;
352
352
  /** Greyscale */
353
- export const themeGray80 : string;
353
+ export const themeGray80: string;
354
354
  /** Greyscale */
355
- export const themeGray90 : string;
355
+ export const themeGray90: string;
356
356
  /** Greyscale */
357
- export const themeGray100 : string;
357
+ export const themeGray100: string;
358
358
  /** Greyscale — darkest */
359
- export const themeGray110 : string;
359
+ export const themeGray110: string;
360
360
  /** White */
361
- export const themeGrayWhite : string;
361
+ export const themeGrayWhite: string;
362
362
  /** Primary Blue (Blue 100) */
363
- export const themePrimaryBlue : string;
363
+ export const themePrimaryBlue: string;
364
364
  /** Primary Gold (Gold 100) */
365
- export const themePrimaryGold : string;
365
+ export const themePrimaryGold: string;