@bcgov/design-tokens 4.0.0 → 5.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.
- package/cjs/index.js +97 -97
- package/cjs-prefixed/index.js +97 -97
- package/css/variables.css +97 -97
- package/css-prefixed/variables.css +97 -97
- package/js/index.js +97 -97
- package/js-prefixed/index.js +97 -97
- package/package.json +1 -1
- package/scss/variables.scss +110 -110
- package/scss-prefixed/variables.scss +110 -110
package/cjs/index.js
CHANGED
|
@@ -23,64 +23,64 @@ module.exports = {
|
|
|
23
23
|
surfaceShadowLarge:
|
|
24
24
|
"0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038",
|
|
25
25
|
surfaceColorPrimaryButtonDefault: "#013366",
|
|
26
|
-
surfaceColorPrimaryButtonHover: "#
|
|
27
|
-
surfaceColorPrimaryButtonDisabled: "#
|
|
28
|
-
surfaceColorPrimaryDangerButtonDefault: "#
|
|
29
|
-
surfaceColorPrimaryDangerButtonHover: "#
|
|
30
|
-
surfaceColorPrimaryDangerButtonDisabled: "#
|
|
26
|
+
surfaceColorPrimaryButtonHover: "#1e5189",
|
|
27
|
+
surfaceColorPrimaryButtonDisabled: "#edebe9",
|
|
28
|
+
surfaceColorPrimaryDangerButtonDefault: "#ce3e39",
|
|
29
|
+
surfaceColorPrimaryDangerButtonHover: "#a2312d",
|
|
30
|
+
surfaceColorPrimaryDangerButtonDisabled: "#edebe9",
|
|
31
31
|
surfaceColorPrimaryDefault: "#013366",
|
|
32
|
-
surfaceColorPrimaryHover: "#
|
|
33
|
-
surfaceColorPrimaryPressed: "#
|
|
34
|
-
surfaceColorPrimaryDisabled: "#
|
|
35
|
-
surfaceColorSecondaryButtonDefault: "#
|
|
36
|
-
surfaceColorSecondaryButtonHover: "#
|
|
37
|
-
surfaceColorSecondaryButtonDisabled: "#
|
|
38
|
-
surfaceColorSecondaryDefault: "#
|
|
39
|
-
surfaceColorSecondaryHover: "#
|
|
40
|
-
surfaceColorSecondaryPressed: "#
|
|
41
|
-
surfaceColorSecondaryDisabled: "#
|
|
42
|
-
surfaceColorTertiaryButtonDefault: "rgba(255,255,255,0)",
|
|
43
|
-
surfaceColorTertiaryButtonHover: "#
|
|
44
|
-
surfaceColorTertiaryButtonDisabled: "#
|
|
45
|
-
surfaceColorTertiaryDefault: "
|
|
46
|
-
surfaceColorTertiaryHover: "#
|
|
47
|
-
surfaceColorTertiaryPressed: "#
|
|
48
|
-
surfaceColorTertiaryDisabled: "#
|
|
49
|
-
surfaceColorMenusDefault: "#
|
|
50
|
-
surfaceColorMenusHover: "#
|
|
51
|
-
surfaceColorFormsDefault: "#
|
|
52
|
-
surfaceColorFormsDisabled: "#
|
|
53
|
-
surfaceColorBackgroundWhite: "#
|
|
54
|
-
surfaceColorBackgroundLightGray: "#
|
|
55
|
-
surfaceColorBackgroundLightBlue: "#
|
|
32
|
+
surfaceColorPrimaryHover: "#1e5189",
|
|
33
|
+
surfaceColorPrimaryPressed: "#01264c",
|
|
34
|
+
surfaceColorPrimaryDisabled: "#edebe9",
|
|
35
|
+
surfaceColorSecondaryButtonDefault: "#ffffff",
|
|
36
|
+
surfaceColorSecondaryButtonHover: "#edebe9",
|
|
37
|
+
surfaceColorSecondaryButtonDisabled: "#edebe9",
|
|
38
|
+
surfaceColorSecondaryDefault: "#ffffff",
|
|
39
|
+
surfaceColorSecondaryHover: "#edebe9",
|
|
40
|
+
surfaceColorSecondaryPressed: "#e0dedc",
|
|
41
|
+
surfaceColorSecondaryDisabled: "#edebe9",
|
|
42
|
+
surfaceColorTertiaryButtonDefault: "rgba(255, 255, 255, 0)",
|
|
43
|
+
surfaceColorTertiaryButtonHover: "#eceae8",
|
|
44
|
+
surfaceColorTertiaryButtonDisabled: "#edebe9",
|
|
45
|
+
surfaceColorTertiaryDefault: "rgba(255, 255, 255, 0)",
|
|
46
|
+
surfaceColorTertiaryHover: "#eceae8",
|
|
47
|
+
surfaceColorTertiaryPressed: "#e0dedc",
|
|
48
|
+
surfaceColorTertiaryDisabled: "#edebe9",
|
|
49
|
+
surfaceColorMenusDefault: "#ffffff",
|
|
50
|
+
surfaceColorMenusHover: "#edebe9",
|
|
51
|
+
surfaceColorFormsDefault: "#ffffff",
|
|
52
|
+
surfaceColorFormsDisabled: "#edebe9",
|
|
53
|
+
surfaceColorBackgroundWhite: "#ffffff",
|
|
54
|
+
surfaceColorBackgroundLightGray: "#faf9f8",
|
|
55
|
+
surfaceColorBackgroundLightBlue: "#f1f8fe",
|
|
56
56
|
surfaceColorBackgroundDarkBlue: "#053662",
|
|
57
|
-
surfaceColorBorderDefault: "#
|
|
57
|
+
surfaceColorBorderDefault: "#d8d8d8",
|
|
58
58
|
surfaceColorBorderMedium: "#898785",
|
|
59
59
|
surfaceColorBorderDark: "#353433",
|
|
60
|
-
surfaceColorBorderActive: "#
|
|
61
|
-
surfaceColorOverlayDefault: "rgba(0,0,0,0.45)",
|
|
62
|
-
supportSurfaceColorInfo: "#
|
|
63
|
-
supportSurfaceColorDanger: "#
|
|
64
|
-
supportSurfaceColorSuccess: "#
|
|
65
|
-
supportSurfaceColorWarning: "#
|
|
60
|
+
surfaceColorBorderActive: "#2e5dd7",
|
|
61
|
+
surfaceColorOverlayDefault: "rgba(0, 0, 0, 0.45)",
|
|
62
|
+
supportSurfaceColorInfo: "#f7f9fc",
|
|
63
|
+
supportSurfaceColorDanger: "#f4e1e2",
|
|
64
|
+
supportSurfaceColorSuccess: "#f6fff8",
|
|
65
|
+
supportSurfaceColorWarning: "#fef1d8",
|
|
66
66
|
supportBorderColorInfo: "#053662",
|
|
67
|
-
supportBorderColorDanger: "#
|
|
68
|
-
supportBorderColorSuccess: "#
|
|
69
|
-
supportBorderColorWarning: "#
|
|
67
|
+
supportBorderColorDanger: "#ce3e39",
|
|
68
|
+
supportBorderColorSuccess: "#42814a",
|
|
69
|
+
supportBorderColorWarning: "#f8bb47",
|
|
70
70
|
iconsSizeXsmall: "14px",
|
|
71
71
|
iconsSizeSmall: "16px",
|
|
72
72
|
iconsSizeMedium: "20px",
|
|
73
73
|
iconsSizeLarge: "24px",
|
|
74
74
|
iconsSizeXlarge: "32px",
|
|
75
|
-
iconsColorPrimary: "#
|
|
75
|
+
iconsColorPrimary: "#2d2d2d",
|
|
76
76
|
iconsColorSecondary: "#474543",
|
|
77
|
-
iconsColorDisabled: "#
|
|
78
|
-
iconsColorLink: "#
|
|
77
|
+
iconsColorDisabled: "#9f9d9c",
|
|
78
|
+
iconsColorLink: "#255a90",
|
|
79
79
|
iconsColorInfo: "#053662",
|
|
80
|
-
iconsColorDanger: "#
|
|
81
|
-
iconsColorSuccess: "#
|
|
82
|
-
iconsColorWarning: "#
|
|
83
|
-
iconsColorPrimaryInvert: "#
|
|
80
|
+
iconsColorDanger: "#ce3e39",
|
|
81
|
+
iconsColorSuccess: "#42814a",
|
|
82
|
+
iconsColorWarning: "#f8bb47",
|
|
83
|
+
iconsColorPrimaryInvert: "#ffffff",
|
|
84
84
|
layoutBorderWidthNone: "0",
|
|
85
85
|
layoutBorderWidthSmall: "1px",
|
|
86
86
|
layoutBorderWidthMedium: "2px",
|
|
@@ -116,7 +116,7 @@ module.exports = {
|
|
|
116
116
|
typographyLineHeightsSparse: "2.25rem",
|
|
117
117
|
typographyLineHeightsXsparse: "3rem",
|
|
118
118
|
typographyLineHeightsXxsparse: "3.375rem",
|
|
119
|
-
typographyLineHeightsAuto: "
|
|
119
|
+
typographyLineHeightsAuto: "normal",
|
|
120
120
|
typographyFontWeightsRegular: 400,
|
|
121
121
|
typographyFontWeightsBold: 700,
|
|
122
122
|
typographyFontWeightsItalicWeight: 400,
|
|
@@ -143,7 +143,7 @@ module.exports = {
|
|
|
143
143
|
typographyRegularH3: "400 1.75rem/3rem 'BC Sans'",
|
|
144
144
|
typographyRegularH2: "400 2rem/3.375rem 'BC Sans'",
|
|
145
145
|
typographyRegularH1: "400 2.25rem/3rem 'BC Sans'",
|
|
146
|
-
typographyRegularDisplay: "400 3rem
|
|
146
|
+
typographyRegularDisplay: "400 3rem 'BC Sans'",
|
|
147
147
|
typographyBoldLabel: "700 0.75rem/1.125rem 'BC Sans'",
|
|
148
148
|
typographyBoldSmallBody: "700 0.875rem/1.313rem 'BC Sans'",
|
|
149
149
|
typographyBoldBody: "700 1rem/1.688rem 'BC Sans'",
|
|
@@ -154,61 +154,61 @@ module.exports = {
|
|
|
154
154
|
typographyBoldH3: "700 1.75rem/3rem 'BC Sans'",
|
|
155
155
|
typographyBoldH2: "700 2rem/3rem 'BC Sans'",
|
|
156
156
|
typographyBoldH1: "700 2.25rem/3.375rem 'BC Sans'",
|
|
157
|
-
typographyBoldDisplay: "700 3rem
|
|
158
|
-
typographyItalicLabel: "400
|
|
159
|
-
typographyItalicSmallBody: "400
|
|
160
|
-
typographyItalicBody: "400
|
|
161
|
-
typographyItalicLargeBody: "400
|
|
162
|
-
typographyItalicH6: "400
|
|
163
|
-
typographyItalicH5: "400
|
|
164
|
-
typographyItalicH4: "400
|
|
165
|
-
typographyItalicH3: "400
|
|
166
|
-
typographyItalicH2: "400
|
|
167
|
-
typographyItalicH1: "400
|
|
168
|
-
typographyItalicDisplay: "400
|
|
157
|
+
typographyBoldDisplay: "700 3rem 'BC Sans'",
|
|
158
|
+
typographyItalicLabel: "italic 400 0.75rem/1.125rem 'BC Sans'",
|
|
159
|
+
typographyItalicSmallBody: "italic 400 0.875rem/1.313rem 'BC Sans'",
|
|
160
|
+
typographyItalicBody: "italic 400 1rem/1.688rem 'BC Sans'",
|
|
161
|
+
typographyItalicLargeBody: "italic 400 1.125rem/1.913rem 'BC Sans'",
|
|
162
|
+
typographyItalicH6: "italic 400 1.125rem/1.913rem 'BC Sans'",
|
|
163
|
+
typographyItalicH5: "italic 400 1.25rem/2.125rem 'BC Sans'",
|
|
164
|
+
typographyItalicH4: "italic 400 1.5rem/2.25rem 'BC Sans'",
|
|
165
|
+
typographyItalicH3: "italic 400 1.75rem/3.375rem 'BC Sans'",
|
|
166
|
+
typographyItalicH2: "italic 400 2rem/3rem 'BC Sans'",
|
|
167
|
+
typographyItalicH1: "italic 400 2.25rem/3.375rem 'BC Sans'",
|
|
168
|
+
typographyItalicDisplay: "italic 400 3rem 'BC Sans'",
|
|
169
169
|
typographyTextCaseNone: "none",
|
|
170
170
|
typographyTextDecorationNone: "none",
|
|
171
171
|
typographyParagraphIndent0: "0px",
|
|
172
|
-
typographyColorPrimary: "#
|
|
172
|
+
typographyColorPrimary: "#2d2d2d",
|
|
173
173
|
typographyColorSecondary: "#474543",
|
|
174
|
-
typographyColorPlaceholder: "#
|
|
175
|
-
typographyColorDisabled: "#
|
|
176
|
-
typographyColorLink: "#
|
|
177
|
-
typographyColorDanger: "#
|
|
178
|
-
typographyColorPrimaryInvert: "#
|
|
179
|
-
typographyColorSecondaryInvert: "#
|
|
180
|
-
themeGold10: "#
|
|
181
|
-
themeGold20: "#
|
|
182
|
-
themeGold30: "#
|
|
183
|
-
themeGold40: "#
|
|
184
|
-
themeGold50: "#
|
|
185
|
-
themeGold60: "#
|
|
186
|
-
themeGold70: "#
|
|
187
|
-
themeGold80: "#
|
|
188
|
-
themeGold90: "#
|
|
189
|
-
themeGold100: "#
|
|
190
|
-
themeBlue10: "#
|
|
191
|
-
themeBlue20: "#
|
|
192
|
-
themeBlue30: "#
|
|
193
|
-
themeBlue40: "#
|
|
194
|
-
themeBlue50: "#
|
|
195
|
-
themeBlue60: "#
|
|
196
|
-
themeBlue70: "#
|
|
197
|
-
themeBlue80: "#
|
|
198
|
-
themeBlue90: "#
|
|
174
|
+
typographyColorPlaceholder: "#9f9d9c",
|
|
175
|
+
typographyColorDisabled: "#9f9d9c",
|
|
176
|
+
typographyColorLink: "#255a90",
|
|
177
|
+
typographyColorDanger: "#ce3e39",
|
|
178
|
+
typographyColorPrimaryInvert: "#ffffff",
|
|
179
|
+
typographyColorSecondaryInvert: "#eceae8",
|
|
180
|
+
themeGold10: "#fef8e8",
|
|
181
|
+
themeGold20: "#fef0d8",
|
|
182
|
+
themeGold30: "#fde9c4",
|
|
183
|
+
themeGold40: "#fce2b0",
|
|
184
|
+
themeGold50: "#fbda9d",
|
|
185
|
+
themeGold60: "#fbd389",
|
|
186
|
+
themeGold70: "#facc75",
|
|
187
|
+
themeGold80: "#f9c462",
|
|
188
|
+
themeGold90: "#f8ba47",
|
|
189
|
+
themeGold100: "#fcba19",
|
|
190
|
+
themeBlue10: "#f1f8fe",
|
|
191
|
+
themeBlue20: "#d8eafd",
|
|
192
|
+
themeBlue30: "#c1ddfc",
|
|
193
|
+
themeBlue40: "#a8d0fb",
|
|
194
|
+
themeBlue50: "#91c4fa",
|
|
195
|
+
themeBlue60: "#7ab8f9",
|
|
196
|
+
themeBlue70: "#5595d9",
|
|
197
|
+
themeBlue80: "#3470b1",
|
|
198
|
+
themeBlue90: "#1e5189",
|
|
199
199
|
themeBlue100: "#013366",
|
|
200
|
-
themeGray10: "#
|
|
201
|
-
themeGray20: "#
|
|
202
|
-
themeGray30: "#
|
|
203
|
-
themeGray40: "#
|
|
204
|
-
themeGray50: "#
|
|
205
|
-
themeGray60: "#
|
|
206
|
-
themeGray70: "#
|
|
207
|
-
themeGray80: "#
|
|
208
|
-
themeGray90: "#
|
|
200
|
+
themeGray10: "#faf9f8",
|
|
201
|
+
themeGray20: "#f3f2f1",
|
|
202
|
+
themeGray30: "#eceae8",
|
|
203
|
+
themeGray40: "#e0dedc",
|
|
204
|
+
themeGray50: "#d1cfcd",
|
|
205
|
+
themeGray60: "#c6c5c3",
|
|
206
|
+
themeGray70: "#9f9d9c",
|
|
207
|
+
themeGray80: "#605e5c",
|
|
208
|
+
themeGray90: "#3d3c3b",
|
|
209
209
|
themeGray100: "#353433",
|
|
210
210
|
themeGray110: "#252423",
|
|
211
|
-
themeGrayWhite: "#
|
|
211
|
+
themeGrayWhite: "#ffffff",
|
|
212
212
|
themePrimaryBlue: "#013366",
|
|
213
|
-
themePrimaryGold: "#
|
|
213
|
+
themePrimaryGold: "#fcba19",
|
|
214
214
|
};
|
package/cjs-prefixed/index.js
CHANGED
|
@@ -23,64 +23,64 @@ module.exports = {
|
|
|
23
23
|
bcdsSurfaceShadowLarge:
|
|
24
24
|
"0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038",
|
|
25
25
|
bcdsSurfaceColorPrimaryButtonDefault: "#013366",
|
|
26
|
-
bcdsSurfaceColorPrimaryButtonHover: "#
|
|
27
|
-
bcdsSurfaceColorPrimaryButtonDisabled: "#
|
|
28
|
-
bcdsSurfaceColorPrimaryDangerButtonDefault: "#
|
|
29
|
-
bcdsSurfaceColorPrimaryDangerButtonHover: "#
|
|
30
|
-
bcdsSurfaceColorPrimaryDangerButtonDisabled: "#
|
|
26
|
+
bcdsSurfaceColorPrimaryButtonHover: "#1e5189",
|
|
27
|
+
bcdsSurfaceColorPrimaryButtonDisabled: "#edebe9",
|
|
28
|
+
bcdsSurfaceColorPrimaryDangerButtonDefault: "#ce3e39",
|
|
29
|
+
bcdsSurfaceColorPrimaryDangerButtonHover: "#a2312d",
|
|
30
|
+
bcdsSurfaceColorPrimaryDangerButtonDisabled: "#edebe9",
|
|
31
31
|
bcdsSurfaceColorPrimaryDefault: "#013366",
|
|
32
|
-
bcdsSurfaceColorPrimaryHover: "#
|
|
33
|
-
bcdsSurfaceColorPrimaryPressed: "#
|
|
34
|
-
bcdsSurfaceColorPrimaryDisabled: "#
|
|
35
|
-
bcdsSurfaceColorSecondaryButtonDefault: "#
|
|
36
|
-
bcdsSurfaceColorSecondaryButtonHover: "#
|
|
37
|
-
bcdsSurfaceColorSecondaryButtonDisabled: "#
|
|
38
|
-
bcdsSurfaceColorSecondaryDefault: "#
|
|
39
|
-
bcdsSurfaceColorSecondaryHover: "#
|
|
40
|
-
bcdsSurfaceColorSecondaryPressed: "#
|
|
41
|
-
bcdsSurfaceColorSecondaryDisabled: "#
|
|
42
|
-
bcdsSurfaceColorTertiaryButtonDefault: "rgba(255,255,255,0)",
|
|
43
|
-
bcdsSurfaceColorTertiaryButtonHover: "#
|
|
44
|
-
bcdsSurfaceColorTertiaryButtonDisabled: "#
|
|
45
|
-
bcdsSurfaceColorTertiaryDefault: "
|
|
46
|
-
bcdsSurfaceColorTertiaryHover: "#
|
|
47
|
-
bcdsSurfaceColorTertiaryPressed: "#
|
|
48
|
-
bcdsSurfaceColorTertiaryDisabled: "#
|
|
49
|
-
bcdsSurfaceColorMenusDefault: "#
|
|
50
|
-
bcdsSurfaceColorMenusHover: "#
|
|
51
|
-
bcdsSurfaceColorFormsDefault: "#
|
|
52
|
-
bcdsSurfaceColorFormsDisabled: "#
|
|
53
|
-
bcdsSurfaceColorBackgroundWhite: "#
|
|
54
|
-
bcdsSurfaceColorBackgroundLightGray: "#
|
|
55
|
-
bcdsSurfaceColorBackgroundLightBlue: "#
|
|
32
|
+
bcdsSurfaceColorPrimaryHover: "#1e5189",
|
|
33
|
+
bcdsSurfaceColorPrimaryPressed: "#01264c",
|
|
34
|
+
bcdsSurfaceColorPrimaryDisabled: "#edebe9",
|
|
35
|
+
bcdsSurfaceColorSecondaryButtonDefault: "#ffffff",
|
|
36
|
+
bcdsSurfaceColorSecondaryButtonHover: "#edebe9",
|
|
37
|
+
bcdsSurfaceColorSecondaryButtonDisabled: "#edebe9",
|
|
38
|
+
bcdsSurfaceColorSecondaryDefault: "#ffffff",
|
|
39
|
+
bcdsSurfaceColorSecondaryHover: "#edebe9",
|
|
40
|
+
bcdsSurfaceColorSecondaryPressed: "#e0dedc",
|
|
41
|
+
bcdsSurfaceColorSecondaryDisabled: "#edebe9",
|
|
42
|
+
bcdsSurfaceColorTertiaryButtonDefault: "rgba(255, 255, 255, 0)",
|
|
43
|
+
bcdsSurfaceColorTertiaryButtonHover: "#eceae8",
|
|
44
|
+
bcdsSurfaceColorTertiaryButtonDisabled: "#edebe9",
|
|
45
|
+
bcdsSurfaceColorTertiaryDefault: "rgba(255, 255, 255, 0)",
|
|
46
|
+
bcdsSurfaceColorTertiaryHover: "#eceae8",
|
|
47
|
+
bcdsSurfaceColorTertiaryPressed: "#e0dedc",
|
|
48
|
+
bcdsSurfaceColorTertiaryDisabled: "#edebe9",
|
|
49
|
+
bcdsSurfaceColorMenusDefault: "#ffffff",
|
|
50
|
+
bcdsSurfaceColorMenusHover: "#edebe9",
|
|
51
|
+
bcdsSurfaceColorFormsDefault: "#ffffff",
|
|
52
|
+
bcdsSurfaceColorFormsDisabled: "#edebe9",
|
|
53
|
+
bcdsSurfaceColorBackgroundWhite: "#ffffff",
|
|
54
|
+
bcdsSurfaceColorBackgroundLightGray: "#faf9f8",
|
|
55
|
+
bcdsSurfaceColorBackgroundLightBlue: "#f1f8fe",
|
|
56
56
|
bcdsSurfaceColorBackgroundDarkBlue: "#053662",
|
|
57
|
-
bcdsSurfaceColorBorderDefault: "#
|
|
57
|
+
bcdsSurfaceColorBorderDefault: "#d8d8d8",
|
|
58
58
|
bcdsSurfaceColorBorderMedium: "#898785",
|
|
59
59
|
bcdsSurfaceColorBorderDark: "#353433",
|
|
60
|
-
bcdsSurfaceColorBorderActive: "#
|
|
61
|
-
bcdsSurfaceColorOverlayDefault: "rgba(0,0,0,0.45)",
|
|
62
|
-
bcdsSupportSurfaceColorInfo: "#
|
|
63
|
-
bcdsSupportSurfaceColorDanger: "#
|
|
64
|
-
bcdsSupportSurfaceColorSuccess: "#
|
|
65
|
-
bcdsSupportSurfaceColorWarning: "#
|
|
60
|
+
bcdsSurfaceColorBorderActive: "#2e5dd7",
|
|
61
|
+
bcdsSurfaceColorOverlayDefault: "rgba(0, 0, 0, 0.45)",
|
|
62
|
+
bcdsSupportSurfaceColorInfo: "#f7f9fc",
|
|
63
|
+
bcdsSupportSurfaceColorDanger: "#f4e1e2",
|
|
64
|
+
bcdsSupportSurfaceColorSuccess: "#f6fff8",
|
|
65
|
+
bcdsSupportSurfaceColorWarning: "#fef1d8",
|
|
66
66
|
bcdsSupportBorderColorInfo: "#053662",
|
|
67
|
-
bcdsSupportBorderColorDanger: "#
|
|
68
|
-
bcdsSupportBorderColorSuccess: "#
|
|
69
|
-
bcdsSupportBorderColorWarning: "#
|
|
67
|
+
bcdsSupportBorderColorDanger: "#ce3e39",
|
|
68
|
+
bcdsSupportBorderColorSuccess: "#42814a",
|
|
69
|
+
bcdsSupportBorderColorWarning: "#f8bb47",
|
|
70
70
|
bcdsIconsSizeXsmall: "14px",
|
|
71
71
|
bcdsIconsSizeSmall: "16px",
|
|
72
72
|
bcdsIconsSizeMedium: "20px",
|
|
73
73
|
bcdsIconsSizeLarge: "24px",
|
|
74
74
|
bcdsIconsSizeXlarge: "32px",
|
|
75
|
-
bcdsIconsColorPrimary: "#
|
|
75
|
+
bcdsIconsColorPrimary: "#2d2d2d",
|
|
76
76
|
bcdsIconsColorSecondary: "#474543",
|
|
77
|
-
bcdsIconsColorDisabled: "#
|
|
78
|
-
bcdsIconsColorLink: "#
|
|
77
|
+
bcdsIconsColorDisabled: "#9f9d9c",
|
|
78
|
+
bcdsIconsColorLink: "#255a90",
|
|
79
79
|
bcdsIconsColorInfo: "#053662",
|
|
80
|
-
bcdsIconsColorDanger: "#
|
|
81
|
-
bcdsIconsColorSuccess: "#
|
|
82
|
-
bcdsIconsColorWarning: "#
|
|
83
|
-
bcdsIconsColorPrimaryInvert: "#
|
|
80
|
+
bcdsIconsColorDanger: "#ce3e39",
|
|
81
|
+
bcdsIconsColorSuccess: "#42814a",
|
|
82
|
+
bcdsIconsColorWarning: "#f8bb47",
|
|
83
|
+
bcdsIconsColorPrimaryInvert: "#ffffff",
|
|
84
84
|
bcdsLayoutBorderWidthNone: "0",
|
|
85
85
|
bcdsLayoutBorderWidthSmall: "1px",
|
|
86
86
|
bcdsLayoutBorderWidthMedium: "2px",
|
|
@@ -116,7 +116,7 @@ module.exports = {
|
|
|
116
116
|
bcdsTypographyLineHeightsSparse: "2.25rem",
|
|
117
117
|
bcdsTypographyLineHeightsXsparse: "3rem",
|
|
118
118
|
bcdsTypographyLineHeightsXxsparse: "3.375rem",
|
|
119
|
-
bcdsTypographyLineHeightsAuto: "
|
|
119
|
+
bcdsTypographyLineHeightsAuto: "normal",
|
|
120
120
|
bcdsTypographyFontWeightsRegular: 400,
|
|
121
121
|
bcdsTypographyFontWeightsBold: 700,
|
|
122
122
|
bcdsTypographyFontWeightsItalicWeight: 400,
|
|
@@ -143,7 +143,7 @@ module.exports = {
|
|
|
143
143
|
bcdsTypographyRegularH3: "400 1.75rem/3rem 'BC Sans'",
|
|
144
144
|
bcdsTypographyRegularH2: "400 2rem/3.375rem 'BC Sans'",
|
|
145
145
|
bcdsTypographyRegularH1: "400 2.25rem/3rem 'BC Sans'",
|
|
146
|
-
bcdsTypographyRegularDisplay: "400 3rem
|
|
146
|
+
bcdsTypographyRegularDisplay: "400 3rem 'BC Sans'",
|
|
147
147
|
bcdsTypographyBoldLabel: "700 0.75rem/1.125rem 'BC Sans'",
|
|
148
148
|
bcdsTypographyBoldSmallBody: "700 0.875rem/1.313rem 'BC Sans'",
|
|
149
149
|
bcdsTypographyBoldBody: "700 1rem/1.688rem 'BC Sans'",
|
|
@@ -154,61 +154,61 @@ module.exports = {
|
|
|
154
154
|
bcdsTypographyBoldH3: "700 1.75rem/3rem 'BC Sans'",
|
|
155
155
|
bcdsTypographyBoldH2: "700 2rem/3rem 'BC Sans'",
|
|
156
156
|
bcdsTypographyBoldH1: "700 2.25rem/3.375rem 'BC Sans'",
|
|
157
|
-
bcdsTypographyBoldDisplay: "700 3rem
|
|
158
|
-
bcdsTypographyItalicLabel: "400
|
|
159
|
-
bcdsTypographyItalicSmallBody: "400
|
|
160
|
-
bcdsTypographyItalicBody: "400
|
|
161
|
-
bcdsTypographyItalicLargeBody: "400
|
|
162
|
-
bcdsTypographyItalicH6: "400
|
|
163
|
-
bcdsTypographyItalicH5: "400
|
|
164
|
-
bcdsTypographyItalicH4: "400
|
|
165
|
-
bcdsTypographyItalicH3: "400
|
|
166
|
-
bcdsTypographyItalicH2: "400
|
|
167
|
-
bcdsTypographyItalicH1: "400
|
|
168
|
-
bcdsTypographyItalicDisplay: "400
|
|
157
|
+
bcdsTypographyBoldDisplay: "700 3rem 'BC Sans'",
|
|
158
|
+
bcdsTypographyItalicLabel: "italic 400 0.75rem/1.125rem 'BC Sans'",
|
|
159
|
+
bcdsTypographyItalicSmallBody: "italic 400 0.875rem/1.313rem 'BC Sans'",
|
|
160
|
+
bcdsTypographyItalicBody: "italic 400 1rem/1.688rem 'BC Sans'",
|
|
161
|
+
bcdsTypographyItalicLargeBody: "italic 400 1.125rem/1.913rem 'BC Sans'",
|
|
162
|
+
bcdsTypographyItalicH6: "italic 400 1.125rem/1.913rem 'BC Sans'",
|
|
163
|
+
bcdsTypographyItalicH5: "italic 400 1.25rem/2.125rem 'BC Sans'",
|
|
164
|
+
bcdsTypographyItalicH4: "italic 400 1.5rem/2.25rem 'BC Sans'",
|
|
165
|
+
bcdsTypographyItalicH3: "italic 400 1.75rem/3.375rem 'BC Sans'",
|
|
166
|
+
bcdsTypographyItalicH2: "italic 400 2rem/3rem 'BC Sans'",
|
|
167
|
+
bcdsTypographyItalicH1: "italic 400 2.25rem/3.375rem 'BC Sans'",
|
|
168
|
+
bcdsTypographyItalicDisplay: "italic 400 3rem 'BC Sans'",
|
|
169
169
|
bcdsTypographyTextCaseNone: "none",
|
|
170
170
|
bcdsTypographyTextDecorationNone: "none",
|
|
171
171
|
bcdsTypographyParagraphIndent0: "0px",
|
|
172
|
-
bcdsTypographyColorPrimary: "#
|
|
172
|
+
bcdsTypographyColorPrimary: "#2d2d2d",
|
|
173
173
|
bcdsTypographyColorSecondary: "#474543",
|
|
174
|
-
bcdsTypographyColorPlaceholder: "#
|
|
175
|
-
bcdsTypographyColorDisabled: "#
|
|
176
|
-
bcdsTypographyColorLink: "#
|
|
177
|
-
bcdsTypographyColorDanger: "#
|
|
178
|
-
bcdsTypographyColorPrimaryInvert: "#
|
|
179
|
-
bcdsTypographyColorSecondaryInvert: "#
|
|
180
|
-
bcdsThemeGold10: "#
|
|
181
|
-
bcdsThemeGold20: "#
|
|
182
|
-
bcdsThemeGold30: "#
|
|
183
|
-
bcdsThemeGold40: "#
|
|
184
|
-
bcdsThemeGold50: "#
|
|
185
|
-
bcdsThemeGold60: "#
|
|
186
|
-
bcdsThemeGold70: "#
|
|
187
|
-
bcdsThemeGold80: "#
|
|
188
|
-
bcdsThemeGold90: "#
|
|
189
|
-
bcdsThemeGold100: "#
|
|
190
|
-
bcdsThemeBlue10: "#
|
|
191
|
-
bcdsThemeBlue20: "#
|
|
192
|
-
bcdsThemeBlue30: "#
|
|
193
|
-
bcdsThemeBlue40: "#
|
|
194
|
-
bcdsThemeBlue50: "#
|
|
195
|
-
bcdsThemeBlue60: "#
|
|
196
|
-
bcdsThemeBlue70: "#
|
|
197
|
-
bcdsThemeBlue80: "#
|
|
198
|
-
bcdsThemeBlue90: "#
|
|
174
|
+
bcdsTypographyColorPlaceholder: "#9f9d9c",
|
|
175
|
+
bcdsTypographyColorDisabled: "#9f9d9c",
|
|
176
|
+
bcdsTypographyColorLink: "#255a90",
|
|
177
|
+
bcdsTypographyColorDanger: "#ce3e39",
|
|
178
|
+
bcdsTypographyColorPrimaryInvert: "#ffffff",
|
|
179
|
+
bcdsTypographyColorSecondaryInvert: "#eceae8",
|
|
180
|
+
bcdsThemeGold10: "#fef8e8",
|
|
181
|
+
bcdsThemeGold20: "#fef0d8",
|
|
182
|
+
bcdsThemeGold30: "#fde9c4",
|
|
183
|
+
bcdsThemeGold40: "#fce2b0",
|
|
184
|
+
bcdsThemeGold50: "#fbda9d",
|
|
185
|
+
bcdsThemeGold60: "#fbd389",
|
|
186
|
+
bcdsThemeGold70: "#facc75",
|
|
187
|
+
bcdsThemeGold80: "#f9c462",
|
|
188
|
+
bcdsThemeGold90: "#f8ba47",
|
|
189
|
+
bcdsThemeGold100: "#fcba19",
|
|
190
|
+
bcdsThemeBlue10: "#f1f8fe",
|
|
191
|
+
bcdsThemeBlue20: "#d8eafd",
|
|
192
|
+
bcdsThemeBlue30: "#c1ddfc",
|
|
193
|
+
bcdsThemeBlue40: "#a8d0fb",
|
|
194
|
+
bcdsThemeBlue50: "#91c4fa",
|
|
195
|
+
bcdsThemeBlue60: "#7ab8f9",
|
|
196
|
+
bcdsThemeBlue70: "#5595d9",
|
|
197
|
+
bcdsThemeBlue80: "#3470b1",
|
|
198
|
+
bcdsThemeBlue90: "#1e5189",
|
|
199
199
|
bcdsThemeBlue100: "#013366",
|
|
200
|
-
bcdsThemeGray10: "#
|
|
201
|
-
bcdsThemeGray20: "#
|
|
202
|
-
bcdsThemeGray30: "#
|
|
203
|
-
bcdsThemeGray40: "#
|
|
204
|
-
bcdsThemeGray50: "#
|
|
205
|
-
bcdsThemeGray60: "#
|
|
206
|
-
bcdsThemeGray70: "#
|
|
207
|
-
bcdsThemeGray80: "#
|
|
208
|
-
bcdsThemeGray90: "#
|
|
200
|
+
bcdsThemeGray10: "#faf9f8",
|
|
201
|
+
bcdsThemeGray20: "#f3f2f1",
|
|
202
|
+
bcdsThemeGray30: "#eceae8",
|
|
203
|
+
bcdsThemeGray40: "#e0dedc",
|
|
204
|
+
bcdsThemeGray50: "#d1cfcd",
|
|
205
|
+
bcdsThemeGray60: "#c6c5c3",
|
|
206
|
+
bcdsThemeGray70: "#9f9d9c",
|
|
207
|
+
bcdsThemeGray80: "#605e5c",
|
|
208
|
+
bcdsThemeGray90: "#3d3c3b",
|
|
209
209
|
bcdsThemeGray100: "#353433",
|
|
210
210
|
bcdsThemeGray110: "#252423",
|
|
211
|
-
bcdsThemeGrayWhite: "#
|
|
211
|
+
bcdsThemeGrayWhite: "#ffffff",
|
|
212
212
|
bcdsThemePrimaryBlue: "#013366",
|
|
213
|
-
bcdsThemePrimaryGold: "#
|
|
213
|
+
bcdsThemePrimaryGold: "#fcba19",
|
|
214
214
|
};
|