@bcgov/design-tokens 3.2.0 → 4.0.0-pr652

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-prefixed/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 bcdsSurfaceOpacity0 : number;
6
- export const bcdsSurfaceOpacity10 : number;
7
- export const bcdsSurfaceOpacity20 : number;
8
- export const bcdsSurfaceOpacity30 : number;
9
- export const bcdsSurfaceOpacity40 : number;
10
- export const bcdsSurfaceOpacity50 : number;
11
- export const bcdsSurfaceOpacity60 : number;
12
- export const bcdsSurfaceOpacity70 : number;
13
- export const bcdsSurfaceOpacity80 : number;
14
- export const bcdsSurfaceOpacity90 : number;
15
- export const bcdsSurfaceOpacity100 : number;
5
+ export const bcdsSurfaceOpacity0: number;
6
+ export const bcdsSurfaceOpacity10: number;
7
+ export const bcdsSurfaceOpacity20: number;
8
+ export const bcdsSurfaceOpacity30: number;
9
+ export const bcdsSurfaceOpacity40: number;
10
+ export const bcdsSurfaceOpacity50: number;
11
+ export const bcdsSurfaceOpacity60: number;
12
+ export const bcdsSurfaceOpacity70: number;
13
+ export const bcdsSurfaceOpacity80: number;
14
+ export const bcdsSurfaceOpacity90: number;
15
+ export const bcdsSurfaceOpacity100: number;
16
16
  /** Default shadow for most content and UI elements */
17
- export const bcdsSurfaceShadowNone : string;
17
+ export const bcdsSurfaceShadowNone: string;
18
18
  /** Reduced shadow for secondary UI elements */
19
- export const bcdsSurfaceShadowSmall : string;
19
+ export const bcdsSurfaceShadowSmall: string;
20
20
  /** Standard shadow for UI elements like cards and buttons */
21
- export const bcdsSurfaceShadowMedium : string;
21
+ export const bcdsSurfaceShadowMedium: string;
22
22
  /** Larger shadow for emphasis. Use sparingly */
23
- export const bcdsSurfaceShadowLarge : string;
23
+ export const bcdsSurfaceShadowLarge: string;
24
24
  /** Default fill colour for primary buttons */
25
- export const bcdsSurfaceColorPrimaryButtonDefault : string;
25
+ export const bcdsSurfaceColorPrimaryButtonDefault: string;
26
26
  /** Fill colour used when user hovers over primary button */
27
- export const bcdsSurfaceColorPrimaryButtonHover : string;
27
+ export const bcdsSurfaceColorPrimaryButtonHover: string;
28
28
  /** Fill colour for inactive primary buttons */
29
- export const bcdsSurfaceColorPrimaryButtonDisabled : string;
29
+ export const bcdsSurfaceColorPrimaryButtonDisabled: string;
30
30
  /** Default fill colour for buttons in danger/warning state */
31
- export const bcdsSurfaceColorPrimaryDangerButtonDefault : string;
31
+ export const bcdsSurfaceColorPrimaryDangerButtonDefault: string;
32
32
  /** Fill colour used when user hovers over danger/warning button */
33
- export const bcdsSurfaceColorPrimaryDangerButtonHover : string;
33
+ export const bcdsSurfaceColorPrimaryDangerButtonHover: string;
34
34
  /** Default fill colour for disabled danger/warning button */
35
- export const bcdsSurfaceColorPrimaryDangerButtonDisabled : string;
35
+ export const bcdsSurfaceColorPrimaryDangerButtonDisabled: string;
36
36
  /** Default theme colour for components and layout */
37
- export const bcdsSurfaceColorPrimaryDefault : string;
37
+ export const bcdsSurfaceColorPrimaryDefault: string;
38
38
  /** Hover variant of surface.color.primary.default */
39
- export const bcdsSurfaceColorPrimaryHover : string;
39
+ export const bcdsSurfaceColorPrimaryHover: string;
40
40
  /** Selected/pressed variant of surface.color.primary.default */
41
- export const bcdsSurfaceColorPrimaryPressed : string;
41
+ export const bcdsSurfaceColorPrimaryPressed: string;
42
42
  /** Disabled/inactive variant of surface.color.primary default */
43
- export const bcdsSurfaceColorPrimaryDisabled : string;
43
+ export const bcdsSurfaceColorPrimaryDisabled: string;
44
44
  /** Fill colour for secondary buttons */
45
- export const bcdsSurfaceColorSecondaryButtonDefault : string;
45
+ export const bcdsSurfaceColorSecondaryButtonDefault: string;
46
46
  /** Fill colour used when user hovers over secondary button */
47
- export const bcdsSurfaceColorSecondaryButtonHover : string;
47
+ export const bcdsSurfaceColorSecondaryButtonHover: string;
48
48
  /** Fill colour for inactive secondary buttons */
49
- export const bcdsSurfaceColorSecondaryButtonDisabled : string;
49
+ export const bcdsSurfaceColorSecondaryButtonDisabled: string;
50
50
  /** Light theme colour for components and layout */
51
- export const bcdsSurfaceColorSecondaryDefault : string;
51
+ export const bcdsSurfaceColorSecondaryDefault: string;
52
52
  /** Hover variant of surface.color.secondary.default */
53
- export const bcdsSurfaceColorSecondaryHover : string;
53
+ export const bcdsSurfaceColorSecondaryHover: string;
54
54
  /** Selected/pressed variant of surface.color.secondary.default */
55
- export const bcdsSurfaceColorSecondaryPressed : string;
55
+ export const bcdsSurfaceColorSecondaryPressed: string;
56
56
  /** Disabled/inactive variant of surface.color.secondary default */
57
- export const bcdsSurfaceColorSecondaryDisabled : string;
57
+ export const bcdsSurfaceColorSecondaryDisabled: string;
58
58
  /** Default fill colour for tertiary buttons */
59
- export const bcdsSurfaceColorTertiaryButtonDefault : string;
59
+ export const bcdsSurfaceColorTertiaryButtonDefault: string;
60
60
  /** Fill colour used when user hovers over tertiary button */
61
- export const bcdsSurfaceColorTertiaryButtonHover : string;
61
+ export const bcdsSurfaceColorTertiaryButtonHover: string;
62
62
  /** Fill colour for inactive tertiary buttons */
63
- export const bcdsSurfaceColorTertiaryButtonDisabled : string;
63
+ export const bcdsSurfaceColorTertiaryButtonDisabled: string;
64
64
  /** Alternative light theme colour for components and layout */
65
- export const bcdsSurfaceColorTertiaryDefault : string;
65
+ export const bcdsSurfaceColorTertiaryDefault: string;
66
66
  /** Hover variant of surface.color.tertiary.default */
67
- export const bcdsSurfaceColorTertiaryHover : string;
67
+ export const bcdsSurfaceColorTertiaryHover: string;
68
68
  /** Selected/pressed variant of surface.color.tertiary.default */
69
- export const bcdsSurfaceColorTertiaryPressed : string;
69
+ export const bcdsSurfaceColorTertiaryPressed: string;
70
70
  /** Disabled/inactive variant of surface.color.tertiary default */
71
- export const bcdsSurfaceColorTertiaryDisabled : string;
71
+ export const bcdsSurfaceColorTertiaryDisabled: string;
72
72
  /** Default fill colour for menu items */
73
- export const bcdsSurfaceColorMenusDefault : string;
73
+ export const bcdsSurfaceColorMenusDefault: string;
74
74
  /** Fill colour used when user hovers over a menu item */
75
- export const bcdsSurfaceColorMenusHover : string;
75
+ export const bcdsSurfaceColorMenusHover: string;
76
76
  /** Default fill colour for form/input fields */
77
- export const bcdsSurfaceColorFormsDefault : string;
77
+ export const bcdsSurfaceColorFormsDefault: string;
78
78
  /** Fill colour for inactive/disabled form/input fields */
79
- export const bcdsSurfaceColorFormsDisabled : string;
79
+ export const bcdsSurfaceColorFormsDisabled: string;
80
80
  /** White background */
81
- export const bcdsSurfaceColorBackgroundWhite : string;
81
+ export const bcdsSurfaceColorBackgroundWhite: string;
82
82
  /** Default background colour for layout */
83
- export const bcdsSurfaceColorBackgroundLightGray : string;
83
+ export const bcdsSurfaceColorBackgroundLightGray: string;
84
84
  /** Light blue background */
85
- export const bcdsSurfaceColorBackgroundLightBlue : string;
85
+ export const bcdsSurfaceColorBackgroundLightBlue: string;
86
86
  /** Dark blue background */
87
- export const bcdsSurfaceColorBackgroundDarkBlue : string;
87
+ export const bcdsSurfaceColorBackgroundDarkBlue: string;
88
88
  /** Lighter border colour for UI elements */
89
- export const bcdsSurfaceColorBorderDefault : string;
89
+ export const bcdsSurfaceColorBorderDefault: string;
90
90
  /** Default border colour for UI elements */
91
- export const bcdsSurfaceColorBorderMedium : string;
91
+ export const bcdsSurfaceColorBorderMedium: string;
92
92
  /** Used as a hover colour for form fields and inputs */
93
- export const bcdsSurfaceColorBorderDark : string;
93
+ export const bcdsSurfaceColorBorderDark: string;
94
94
  /** Used as the active stroke colour for UI elements */
95
- export const bcdsSurfaceColorBorderActive : string;
95
+ export const bcdsSurfaceColorBorderActive: string;
96
96
  /** Background overlay colour for images and modal dialogues */
97
- export const bcdsSurfaceColorOverlayDefault : string;
98
- export const bcdsSupportSurfaceColorInfo : string;
97
+ export const bcdsSurfaceColorOverlayDefault: string;
98
+ export const bcdsSupportSurfaceColorInfo: string;
99
99
  /** Background colour for error, failure or danger messages */
100
- export const bcdsSupportSurfaceColorDanger : string;
100
+ export const bcdsSupportSurfaceColorDanger: string;
101
101
  /** Background colour for success messages */
102
- export const bcdsSupportSurfaceColorSuccess : string;
102
+ export const bcdsSupportSurfaceColorSuccess: string;
103
103
  /** Background colour for warning messages */
104
- export const bcdsSupportSurfaceColorWarning : string;
104
+ export const bcdsSupportSurfaceColorWarning: string;
105
105
  /** Border stroke for general/informational messages */
106
- export const bcdsSupportBorderColorInfo : string;
106
+ export const bcdsSupportBorderColorInfo: string;
107
107
  /** Border stroke for error, failure or danger messages */
108
- export const bcdsSupportBorderColorDanger : string;
108
+ export const bcdsSupportBorderColorDanger: string;
109
109
  /** Border stroke for success messages */
110
- export const bcdsSupportBorderColorSuccess : string;
110
+ export const bcdsSupportBorderColorSuccess: string;
111
111
  /** Border stroke for warning messages */
112
- export const bcdsSupportBorderColorWarning : string;
112
+ export const bcdsSupportBorderColorWarning: string;
113
113
  /** Smallest icon size */
114
- export const bcdsIconsSizeXsmall : string;
115
- export const bcdsIconsSizeSmall : string;
114
+ export const bcdsIconsSizeXsmall: string;
115
+ export const bcdsIconsSizeSmall: string;
116
116
  /** Default icon size */
117
- export const bcdsIconsSizeMedium : string;
118
- export const bcdsIconsSizeLarge : string;
117
+ export const bcdsIconsSizeMedium: string;
118
+ export const bcdsIconsSizeLarge: string;
119
119
  /** Largest icon size */
120
- export const bcdsIconsSizeXlarge : string;
120
+ export const bcdsIconsSizeXlarge: string;
121
121
  /** Default colour for icons */
122
- export const bcdsIconsColorPrimary : string;
122
+ export const bcdsIconsColorPrimary: string;
123
123
  /** Alternative colour for secondary/miscellaneous icons */
124
- export const bcdsIconsColorSecondary : string;
124
+ export const bcdsIconsColorSecondary: string;
125
125
  /** Use only for inactive/disabled icons */
126
- export const bcdsIconsColorDisabled : string;
126
+ export const bcdsIconsColorDisabled: string;
127
127
  /** Use for hyperlinked icons */
128
- export const bcdsIconsColorLink : string;
128
+ export const bcdsIconsColorLink: string;
129
129
  /** Emphasis colour for icons in general/informational state */
130
- export const bcdsIconsColorInfo : string;
130
+ export const bcdsIconsColorInfo: string;
131
131
  /** Emphasis colour for icons in error, failure or danger state */
132
- export const bcdsIconsColorDanger : string;
132
+ export const bcdsIconsColorDanger: string;
133
133
  /** Emphasis colour for icons in success state */
134
- export const bcdsIconsColorSuccess : string;
134
+ export const bcdsIconsColorSuccess: string;
135
135
  /** Emphasis colour for icons in warning state */
136
- export const bcdsIconsColorWarning : string;
136
+ export const bcdsIconsColorWarning: string;
137
137
  /** Default colour for icons on dark backgrounds */
138
- export const bcdsIconsColorPrimaryInvert : string;
139
- export const bcdsLayoutBorderWidthNone : string;
140
- export const bcdsLayoutBorderWidthSmall : string;
141
- export const bcdsLayoutBorderWidthMedium : string;
142
- export const bcdsLayoutBorderWidthLarge : string;
138
+ export const bcdsIconsColorPrimaryInvert: string;
139
+ export const bcdsLayoutBorderWidthNone: string;
140
+ export const bcdsLayoutBorderWidthSmall: string;
141
+ export const bcdsLayoutBorderWidthMedium: string;
142
+ export const bcdsLayoutBorderWidthLarge: string;
143
143
  /** No padding */
144
- export const bcdsLayoutPaddingNone : string;
144
+ export const bcdsLayoutPaddingNone: string;
145
145
  /** Smallest padding value for layout */
146
- export const bcdsLayoutPaddingHair : string;
147
- export const bcdsLayoutPaddingXsmall : string;
148
- export const bcdsLayoutPaddingSmall : string;
146
+ export const bcdsLayoutPaddingHair: string;
147
+ export const bcdsLayoutPaddingXsmall: string;
148
+ export const bcdsLayoutPaddingSmall: string;
149
149
  /** Default padding value for layout */
150
- export const bcdsLayoutPaddingMedium : string;
151
- export const bcdsLayoutPaddingLarge : string;
150
+ export const bcdsLayoutPaddingMedium: string;
151
+ export const bcdsLayoutPaddingLarge: string;
152
152
  /** Largest padding value for layout */
153
- export const bcdsLayoutPaddingXlarge : string;
153
+ export const bcdsLayoutPaddingXlarge: string;
154
154
  /** No margin */
155
- export const bcdsLayoutMarginNone : string;
155
+ export const bcdsLayoutMarginNone: string;
156
156
  /** Smallest margin value for layout */
157
- export const bcdsLayoutMarginHair : string;
158
- export const bcdsLayoutMarginXsmall : string;
157
+ export const bcdsLayoutMarginHair: string;
158
+ export const bcdsLayoutMarginXsmall: string;
159
159
  /** Default margin value for layout */
160
- export const bcdsLayoutMarginSmall : string;
161
- export const bcdsLayoutMarginMedium : string;
162
- export const bcdsLayoutMarginLarge : string;
163
- export const bcdsLayoutMarginXlarge : string;
164
- export const bcdsLayoutMarginXxlarge : string;
165
- export const bcdsLayoutMarginXxxlarge : string;
160
+ export const bcdsLayoutMarginSmall: string;
161
+ export const bcdsLayoutMarginMedium: string;
162
+ export const bcdsLayoutMarginLarge: string;
163
+ export const bcdsLayoutMarginXlarge: string;
164
+ export const bcdsLayoutMarginXxlarge: string;
165
+ export const bcdsLayoutMarginXxxlarge: string;
166
166
  /** Largest margin value for layout */
167
- export const bcdsLayoutMarginHuge : string;
168
- export const bcdsLayoutBorderRadiusNone : string;
169
- export const bcdsLayoutBorderRadiusSmall : string;
170
- export const bcdsLayoutBorderRadiusMedium : string;
171
- export const bcdsLayoutBorderRadiusLarge : string;
167
+ export const bcdsLayoutMarginHuge: string;
168
+ export const bcdsLayoutBorderRadiusNone: string;
169
+ export const bcdsLayoutBorderRadiusSmall: string;
170
+ export const bcdsLayoutBorderRadiusMedium: string;
171
+ export const bcdsLayoutBorderRadiusLarge: string;
172
172
  /** Used for components with a circular radius */
173
- export const bcdsLayoutBorderRadiusCircular : string;
173
+ export const bcdsLayoutBorderRadiusCircular: string;
174
174
  /** BC Sans font. Requires BC Sans package */
175
- export const bcdsTypographyFontFamiliesBcSans : string;
175
+ export const bcdsTypographyFontFamiliesBcSans: string;
176
176
  /** Smallest line height */
177
- export const bcdsTypographyLineHeightsXxxdense : string;
178
- export const bcdsTypographyLineHeightsXxdense : string;
179
- export const bcdsTypographyLineHeightsXdense : string;
180
- export const bcdsTypographyLineHeightsDense : string;
177
+ export const bcdsTypographyLineHeightsXxxdense: string;
178
+ export const bcdsTypographyLineHeightsXxdense: string;
179
+ export const bcdsTypographyLineHeightsXdense: string;
180
+ export const bcdsTypographyLineHeightsDense: string;
181
181
  /** Default line height */
182
- export const bcdsTypographyLineHeightsRegular : string;
183
- export const bcdsTypographyLineHeightsSparse : string;
184
- export const bcdsTypographyLineHeightsXsparse : string;
182
+ export const bcdsTypographyLineHeightsRegular: string;
183
+ export const bcdsTypographyLineHeightsSparse: string;
184
+ export const bcdsTypographyLineHeightsXsparse: string;
185
185
  /** Largest line height */
186
- export const bcdsTypographyLineHeightsXxsparse : string;
186
+ export const bcdsTypographyLineHeightsXxsparse: string;
187
187
  /** System token, used to generate type styles */
188
- export const bcdsTypographyLineHeightsAuto : string;
188
+ export const bcdsTypographyLineHeightsAuto: string;
189
189
  /** System token, used to generate text styles */
190
- export const bcdsTypographyFontWeightsRegular : number;
190
+ export const bcdsTypographyFontWeightsRegular: number;
191
191
  /** System token, used to generate text styles */
192
- export const bcdsTypographyFontWeightsBold : number;
192
+ export const bcdsTypographyFontWeightsBold: number;
193
193
  /** System token, used to generate text styles */
194
- export const bcdsTypographyFontWeightsItalicWeight : number;
194
+ export const bcdsTypographyFontWeightsItalicWeight: number;
195
195
  /** System token, used to generate text styles */
196
- export const bcdsTypographyFontWeightsItalicStyle : string;
197
- export const bcdsTypographyFontSizeLabel : string;
198
- export const bcdsTypographyFontSizeSmallBody : string;
199
- export const bcdsTypographyFontSizeBody : string;
200
- export const bcdsTypographyFontSizeLargeBody : string;
201
- export const bcdsTypographyFontSizeH5 : string;
202
- export const bcdsTypographyFontSizeH4 : string;
203
- export const bcdsTypographyFontSizeH3 : string;
204
- export const bcdsTypographyFontSizeH2 : string;
205
- export const bcdsTypographyFontSizeH1 : string;
206
- export const bcdsTypographyFontSizeDisplay : string;
196
+ export const bcdsTypographyFontWeightsItalicStyle: string;
197
+ export const bcdsTypographyFontSizeLabel: string;
198
+ export const bcdsTypographyFontSizeSmallBody: string;
199
+ export const bcdsTypographyFontSizeBody: string;
200
+ export const bcdsTypographyFontSizeLargeBody: string;
201
+ export const bcdsTypographyFontSizeH5: string;
202
+ export const bcdsTypographyFontSizeH4: string;
203
+ export const bcdsTypographyFontSizeH3: string;
204
+ export const bcdsTypographyFontSizeH2: string;
205
+ export const bcdsTypographyFontSizeH1: string;
206
+ export const bcdsTypographyFontSizeDisplay: string;
207
207
  /** System token, used to generate type styles */
208
- export const bcdsTypographyLetterSpacing0 : string;
208
+ export const bcdsTypographyLetterSpacing0: string;
209
209
  /** System token, used to generate type styles */
210
- export const bcdsTypographyParagraphSpacing0 : string;
210
+ export const bcdsTypographyParagraphSpacing0: string;
211
211
  /** Labels and captions */
212
- export const bcdsTypographyRegularLabel : string;
212
+ export const bcdsTypographyRegularLabel: string;
213
213
  /** Smaller body text */
214
- export const bcdsTypographyRegularSmallBody : string;
214
+ export const bcdsTypographyRegularSmallBody: string;
215
215
  /** Default body text */
216
- export const bcdsTypographyRegularBody : string;
216
+ export const bcdsTypographyRegularBody: string;
217
217
  /** Larger body text */
218
- export const bcdsTypographyRegularLargeBody : string;
218
+ export const bcdsTypographyRegularLargeBody: string;
219
219
  /** Alternate (unbolded) style for Heading 6 */
220
- export const bcdsTypographyRegularH6 : string;
220
+ export const bcdsTypographyRegularH6: string;
221
221
  /** Alternate (unbolded) style for Heading 5 */
222
- export const bcdsTypographyRegularH5 : string;
222
+ export const bcdsTypographyRegularH5: string;
223
223
  /** Alternate (unbolded) style for Heading 4 */
224
- export const bcdsTypographyRegularH4 : string;
224
+ export const bcdsTypographyRegularH4: string;
225
225
  /** Alternate (unbolded) style for Heading 3 */
226
- export const bcdsTypographyRegularH3 : string;
226
+ export const bcdsTypographyRegularH3: string;
227
227
  /** Alternate (unbolded) style for Heading 2 */
228
- export const bcdsTypographyRegularH2 : string;
228
+ export const bcdsTypographyRegularH2: string;
229
229
  /** Alternate (unbolded) style for Heading 1 */
230
- export const bcdsTypographyRegularH1 : string;
230
+ export const bcdsTypographyRegularH1: string;
231
231
  /** Extra-large body text size. Do not use for headings */
232
- export const bcdsTypographyRegularDisplay : string;
232
+ export const bcdsTypographyRegularDisplay: string;
233
233
  /** Labels and captions (bolded) */
234
- export const bcdsTypographyBoldLabel : string;
234
+ export const bcdsTypographyBoldLabel: string;
235
235
  /** Default for small body text (bolded) */
236
- export const bcdsTypographyBoldSmallBody : string;
236
+ export const bcdsTypographyBoldSmallBody: string;
237
237
  /** Default for body text (bolded) */
238
- export const bcdsTypographyBoldBody : string;
238
+ export const bcdsTypographyBoldBody: string;
239
239
  /** Larger text size for body text (bolded) */
240
- export const bcdsTypographyBoldLargeBody : string;
240
+ export const bcdsTypographyBoldLargeBody: string;
241
241
  /** Default style for Heading 6. Includes all sizing/spacing values for H6 */
242
- export const bcdsTypographyBoldH6 : string;
242
+ export const bcdsTypographyBoldH6: string;
243
243
  /** Default style for Heading 6. Includes all sizing/spacing values for H5 */
244
- export const bcdsTypographyBoldH5 : string;
244
+ export const bcdsTypographyBoldH5: string;
245
245
  /** Default style for Heading 6. Includes all sizing/spacing values for H4 */
246
- export const bcdsTypographyBoldH4 : string;
246
+ export const bcdsTypographyBoldH4: string;
247
247
  /** Default style for Heading 6. Includes all sizing/spacing values for H3 */
248
- export const bcdsTypographyBoldH3 : string;
248
+ export const bcdsTypographyBoldH3: string;
249
249
  /** Default style for Heading 6. Includes all sizing/spacing values for H2 */
250
- export const bcdsTypographyBoldH2 : string;
250
+ export const bcdsTypographyBoldH2: string;
251
251
  /** Default style for Heading 6. Includes all sizing/spacing values for H1 */
252
- export const bcdsTypographyBoldH1 : string;
252
+ export const bcdsTypographyBoldH1: string;
253
253
  /** Extra-large font size (bolded). Do not use for headings */
254
- export const bcdsTypographyBoldDisplay : string;
254
+ export const bcdsTypographyBoldDisplay: string;
255
255
  /** Labels and captions (italic) */
256
- export const bcdsTypographyItalicLabel : string;
256
+ export const bcdsTypographyItalicLabel: string;
257
257
  /** Small body text (italic) */
258
- export const bcdsTypographyItalicSmallBody : string;
258
+ export const bcdsTypographyItalicSmallBody: string;
259
259
  /** Default for body text (italic) */
260
- export const bcdsTypographyItalicBody : string;
260
+ export const bcdsTypographyItalicBody: string;
261
261
  /** Larger text size for body text (italic) */
262
- export const bcdsTypographyItalicLargeBody : string;
262
+ export const bcdsTypographyItalicLargeBody: string;
263
263
  /** Alternate (italic) style for Heading 6 */
264
- export const bcdsTypographyItalicH6 : string;
264
+ export const bcdsTypographyItalicH6: string;
265
265
  /** Alternate (italic) style for Heading 5 */
266
- export const bcdsTypographyItalicH5 : string;
266
+ export const bcdsTypographyItalicH5: string;
267
267
  /** Alternate (italic) style for Heading 4 */
268
- export const bcdsTypographyItalicH4 : string;
268
+ export const bcdsTypographyItalicH4: string;
269
269
  /** Alternate (italic) style for Heading 3 */
270
- export const bcdsTypographyItalicH3 : string;
270
+ export const bcdsTypographyItalicH3: string;
271
271
  /** Alternate (italic) style for Heading 2 */
272
- export const bcdsTypographyItalicH2 : string;
272
+ export const bcdsTypographyItalicH2: string;
273
273
  /** Alternate (italic) style for Heading 1 */
274
- export const bcdsTypographyItalicH1 : string;
274
+ export const bcdsTypographyItalicH1: string;
275
275
  /** Extra-large font size (italic). Do not use for headings */
276
- export const bcdsTypographyItalicDisplay : string;
277
- export const bcdsTypographyTextCaseNone : string;
276
+ export const bcdsTypographyItalicDisplay: string;
277
+ export const bcdsTypographyTextCaseNone: string;
278
278
  /** System token, used to generate type styles */
279
- export const bcdsTypographyTextDecorationNone : string;
279
+ export const bcdsTypographyTextDecorationNone: string;
280
280
  /** System token, used to generate type styles */
281
- export const bcdsTypographyParagraphIndent0 : string;
281
+ export const bcdsTypographyParagraphIndent0: string;
282
282
  /** Default colour for all body text and headings */
283
- export const bcdsTypographyColorPrimary : string;
283
+ export const bcdsTypographyColorPrimary: string;
284
284
  /** Alternative colour for secondary/miscellaneous text */
285
- export const bcdsTypographyColorSecondary : string;
285
+ export const bcdsTypographyColorSecondary: string;
286
286
  /** Use for placeholder text in forms */
287
- export const bcdsTypographyColorPlaceholder : string;
287
+ export const bcdsTypographyColorPlaceholder: string;
288
288
  /** Use only for text in inactive user interface elements */
289
- export const bcdsTypographyColorDisabled : string;
289
+ export const bcdsTypographyColorDisabled: string;
290
290
  /** Use for hyperlinks in body text and headings */
291
- export const bcdsTypographyColorLink : string;
291
+ export const bcdsTypographyColorLink: string;
292
292
  /** Use for error, failure or danger message text */
293
- export const bcdsTypographyColorDanger : string;
293
+ export const bcdsTypographyColorDanger: string;
294
294
  /** Default colour for text on dark backgrounds */
295
- export const bcdsTypographyColorPrimaryInvert : string;
295
+ export const bcdsTypographyColorPrimaryInvert: string;
296
296
  /** Secondary colour for text on dark backgrounds */
297
- export const bcdsTypographyColorSecondaryInvert : string;
297
+ export const bcdsTypographyColorSecondaryInvert: string;
298
298
  /** Gold scale — lightest */
299
- export const bcdsThemeGold10 : string;
299
+ export const bcdsThemeGold10: string;
300
300
  /** Gold scale */
301
- export const bcdsThemeGold20 : string;
301
+ export const bcdsThemeGold20: string;
302
302
  /** Gold scale */
303
- export const bcdsThemeGold30 : string;
303
+ export const bcdsThemeGold30: string;
304
304
  /** Gold scale */
305
- export const bcdsThemeGold40 : string;
305
+ export const bcdsThemeGold40: string;
306
306
  /** Gold scale */
307
- export const bcdsThemeGold50 : string;
307
+ export const bcdsThemeGold50: string;
308
308
  /** Gold scale */
309
- export const bcdsThemeGold60 : string;
309
+ export const bcdsThemeGold60: string;
310
310
  /** Gold scale */
311
- export const bcdsThemeGold70 : string;
311
+ export const bcdsThemeGold70: string;
312
312
  /** Gold scale */
313
- export const bcdsThemeGold80 : string;
313
+ export const bcdsThemeGold80: string;
314
314
  /** Gold scale */
315
- export const bcdsThemeGold90 : string;
315
+ export const bcdsThemeGold90: string;
316
316
  /** Gold scale — darkest */
317
- export const bcdsThemeGold100 : string;
317
+ export const bcdsThemeGold100: string;
318
318
  /** Blue scale — lightest */
319
- export const bcdsThemeBlue10 : string;
319
+ export const bcdsThemeBlue10: string;
320
320
  /** Blue scale */
321
- export const bcdsThemeBlue20 : string;
321
+ export const bcdsThemeBlue20: string;
322
322
  /** Blue scale */
323
- export const bcdsThemeBlue30 : string;
323
+ export const bcdsThemeBlue30: string;
324
324
  /** Blue scale */
325
- export const bcdsThemeBlue40 : string;
325
+ export const bcdsThemeBlue40: string;
326
326
  /** Blue scale */
327
- export const bcdsThemeBlue50 : string;
327
+ export const bcdsThemeBlue50: string;
328
328
  /** Blue scale */
329
- export const bcdsThemeBlue60 : string;
329
+ export const bcdsThemeBlue60: string;
330
330
  /** Blue scale */
331
- export const bcdsThemeBlue70 : string;
331
+ export const bcdsThemeBlue70: string;
332
332
  /** Blue scale */
333
- export const bcdsThemeBlue80 : string;
333
+ export const bcdsThemeBlue80: string;
334
334
  /** Blue scale */
335
- export const bcdsThemeBlue90 : string;
335
+ export const bcdsThemeBlue90: string;
336
336
  /** Blue scale — darkest */
337
- export const bcdsThemeBlue100 : string;
337
+ export const bcdsThemeBlue100: string;
338
338
  /** Greyscale — lightest */
339
- export const bcdsThemeGray10 : string;
339
+ export const bcdsThemeGray10: string;
340
340
  /** Greyscale */
341
- export const bcdsThemeGray20 : string;
341
+ export const bcdsThemeGray20: string;
342
342
  /** Greyscale */
343
- export const bcdsThemeGray30 : string;
343
+ export const bcdsThemeGray30: string;
344
344
  /** Greyscale */
345
- export const bcdsThemeGray40 : string;
345
+ export const bcdsThemeGray40: string;
346
346
  /** Greyscale */
347
- export const bcdsThemeGray50 : string;
347
+ export const bcdsThemeGray50: string;
348
348
  /** Greyscale */
349
- export const bcdsThemeGray60 : string;
349
+ export const bcdsThemeGray60: string;
350
350
  /** Greyscale */
351
- export const bcdsThemeGray70 : string;
351
+ export const bcdsThemeGray70: string;
352
352
  /** Greyscale */
353
- export const bcdsThemeGray80 : string;
353
+ export const bcdsThemeGray80: string;
354
354
  /** Greyscale */
355
- export const bcdsThemeGray90 : string;
355
+ export const bcdsThemeGray90: string;
356
356
  /** Greyscale */
357
- export const bcdsThemeGray100 : string;
357
+ export const bcdsThemeGray100: string;
358
358
  /** Greyscale — darkest */
359
- export const bcdsThemeGray110 : string;
359
+ export const bcdsThemeGray110: string;
360
360
  /** White */
361
- export const bcdsThemeGrayWhite : string;
361
+ export const bcdsThemeGrayWhite: string;
362
362
  /** Primary Blue (Blue 100) */
363
- export const bcdsThemePrimaryBlue : string;
363
+ export const bcdsThemePrimaryBlue: string;
364
364
  /** Primary Gold (Gold 100) */
365
- export const bcdsThemePrimaryGold : string;
365
+ export const bcdsThemePrimaryGold: string;