@bcgov/design-tokens 2.0.1 → 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.
- package/README.md +64 -6
- package/cjs/index.d.ts +197 -0
- package/cjs/index.js +196 -0
- package/cjs-prefixed/index.d.ts +197 -0
- package/cjs-prefixed/index.js +196 -0
- package/css/variables.css +114 -121
- package/css-prefixed/variables.css +114 -121
- package/js/index.d.ts +197 -0
- package/js/index.js +194 -0
- package/js-prefixed/index.d.ts +197 -0
- package/js-prefixed/index.js +194 -0
- package/package.json +2 -3
- package/js/variables.js +0 -201
- package/js-prefixed/variables.js +0 -201
package/js/variables.js
DELETED
|
@@ -1,201 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 10 Jan 2024 17:50:02 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
export const surfaceOpacity0 = 0;
|
|
7
|
-
export const surfaceOpacity10 = 0.1;
|
|
8
|
-
export const surfaceOpacity20 = 0.2;
|
|
9
|
-
export const surfaceOpacity30 = 0.3;
|
|
10
|
-
export const surfaceOpacity40 = 0.4;
|
|
11
|
-
export const surfaceOpacity50 = 0.5;
|
|
12
|
-
export const surfaceOpacity60 = 0.6;
|
|
13
|
-
export const surfaceOpacity70 = 0.7;
|
|
14
|
-
export const surfaceOpacity80 = 0.8;
|
|
15
|
-
export const surfaceOpacity90 = 0.9;
|
|
16
|
-
export const surfaceOpacity100 = 1;
|
|
17
|
-
export const surfacePrimaryDefault = "#053662";
|
|
18
|
-
export const surfacePrimaryHover = "#1E5189";
|
|
19
|
-
export const surfacePrimaryDisabled = "#edebe9";
|
|
20
|
-
export const surfacePrimaryActive = "#2E5DD7";
|
|
21
|
-
export const surfaceSecondaryDefault = "#ffffff";
|
|
22
|
-
export const surfaceSecondaryHover = "#edebe9";
|
|
23
|
-
export const surfaceSecondaryDisabled = "#edebe9";
|
|
24
|
-
export const surfaceSecondaryActive = "#2E5DD7";
|
|
25
|
-
export const surfaceTertiaryDefault = "#ffffff00";
|
|
26
|
-
export const surfaceTertiaryHover = "#eceae8";
|
|
27
|
-
export const surfaceTertiaryDisabled = "#edebe9";
|
|
28
|
-
export const surfaceTertiaryActive = "#2E5DD7";
|
|
29
|
-
export const surfaceDangerDefault = "#ce3e39";
|
|
30
|
-
export const surfaceDangerHover = "#a2312d";
|
|
31
|
-
export const surfaceDangerActive = "#2E5DD7";
|
|
32
|
-
export const surfaceDangerDisabled = "#edebe9";
|
|
33
|
-
export const surfaceBackgroundWhite = "#ffffff";
|
|
34
|
-
export const surfaceBackgroundLight = "#faf9f8";
|
|
35
|
-
export const surfaceBorderLight = "#d8d8d8";
|
|
36
|
-
export const surfaceBorderMedium = "#898785";
|
|
37
|
-
export const surfaceBorderDark = "#353433";
|
|
38
|
-
export const surfaceOverlayDefault = "#00000073";
|
|
39
|
-
export const surfaceBrandGold10 = "#fff8e9";
|
|
40
|
-
export const surfaceBrandGold20 = "#feebc2";
|
|
41
|
-
export const surfaceBrandGold30 = "#fddf9d";
|
|
42
|
-
export const surfaceBrandGold40 = "#fdd47b";
|
|
43
|
-
export const surfaceBrandGold50 = "#fcc85d";
|
|
44
|
-
export const surfaceBrandGold60 = "#f8ba47"; // BC Gold
|
|
45
|
-
export const surfaceBrandGold70 = "#ce9737";
|
|
46
|
-
export const surfaceBrandGold80 = "#a5792b";
|
|
47
|
-
export const surfaceBrandGold90 = "#7e5d21";
|
|
48
|
-
export const surfaceBrandGold100 = "#584215";
|
|
49
|
-
export const surfaceBrandBlue10 = "#f1f8fe";
|
|
50
|
-
export const surfaceBrandBlue20 = "#d8eafd";
|
|
51
|
-
export const surfaceBrandBlue30 = "#c1ddfc";
|
|
52
|
-
export const surfaceBrandBlue40 = "#a8d0fb";
|
|
53
|
-
export const surfaceBrandBlue50 = "#91c4fa";
|
|
54
|
-
export const surfaceBrandBlue60 = "#7ab8f9";
|
|
55
|
-
export const surfaceBrandBlue70 = "#5595d9";
|
|
56
|
-
export const surfaceBrandBlue80 = "#3470b1";
|
|
57
|
-
export const surfaceBrandBlue90 = "#1e5189";
|
|
58
|
-
export const surfaceBrandBlue100 = "#053662"; // BC Blue
|
|
59
|
-
export const surfaceBrandGray10 = "#faf9f8";
|
|
60
|
-
export const surfaceBrandGray20 = "#f3f2f1";
|
|
61
|
-
export const surfaceBrandGray30 = "#eceae8";
|
|
62
|
-
export const surfaceBrandGray40 = "#e0dedc";
|
|
63
|
-
export const surfaceBrandGray50 = "#d1cfcd";
|
|
64
|
-
export const surfaceBrandGray60 = "#c6c5c3";
|
|
65
|
-
export const surfaceBrandGray70 = "#9f9d9c";
|
|
66
|
-
export const surfaceBrandGray80 = "#605e5c";
|
|
67
|
-
export const surfaceBrandGray90 = "#3d3c3b";
|
|
68
|
-
export const surfaceBrandGray100 = "#353433";
|
|
69
|
-
export const surfaceBrandGray110 = "#252423";
|
|
70
|
-
export const surfaceBrandGrayWhite = "#ffffff";
|
|
71
|
-
export const surfaceIconsPrimary = "#2d2d2d";
|
|
72
|
-
export const surfaceIconsSecondary = "#474543";
|
|
73
|
-
export const surfaceIconsDisabled = "#9f9d9c";
|
|
74
|
-
export const surfaceIconsLink = "#255a90";
|
|
75
|
-
export const surfaceIconsInfo = "#053662";
|
|
76
|
-
export const surfaceIconsDanger = "#ce3e39";
|
|
77
|
-
export const surfaceIconsSuccess = "#42814a";
|
|
78
|
-
export const surfaceIconsWarning = "#f8bb47";
|
|
79
|
-
export const surfaceSupportSurfaceColorInfo = "#f7f9fc";
|
|
80
|
-
export const surfaceSupportSurfaceColorDanger = "#f4e1e2";
|
|
81
|
-
export const surfaceSupportSurfaceColorSuccess = "#f6fff8";
|
|
82
|
-
export const surfaceSupportSurfaceColorWarning = "#fef1d8";
|
|
83
|
-
export const surfaceSupportBorderColorInfo = "#053662";
|
|
84
|
-
export const surfaceSupportBorderColorDanger = "#ce3e39";
|
|
85
|
-
export const surfaceSupportBorderColorSuccess = "#42814a";
|
|
86
|
-
export const surfaceSupportBorderColorWarning = "#f8bb47";
|
|
87
|
-
export const surfaceShadowNone = "0 0.30000001192092896px 0.8999999761581421px 0 #0000001a, 0 1.600000023841858px 3.5999999046325684px 0 #00000021";
|
|
88
|
-
export const surfaceShadowSmall = "0 0.6000000238418579px 1.7999999523162842px 0 #0000001a, 0 3.200000047683716px 7.199999809265137px 0 #00000021"; // Primarily used as a hover effect for cards
|
|
89
|
-
export const surfaceShadowMedium = "0 1.2000000476837158px 3.5999999046325684px 0 #0000001a, 0 6.400000095367432px 14.399999618530273px 0 #00000021"; // Primarily used for dropdown menus and tooltips
|
|
90
|
-
export const surfaceShadowLarge = "0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038"; // Primarily used for dialogs
|
|
91
|
-
export const surfaceBorderRadiusNone = "0";
|
|
92
|
-
export const surfaceBorderRadiusSmall = "2px";
|
|
93
|
-
export const surfaceBorderRadiusMedium = "4px";
|
|
94
|
-
export const surfaceBorderRadiusLarge = "6px";
|
|
95
|
-
export const surfaceBorderWidthNone = "0";
|
|
96
|
-
export const surfaceBorderWidthSmall = "1px";
|
|
97
|
-
export const surfaceBorderWidthMedium = "2px";
|
|
98
|
-
export const surfaceBorderWidthLarge = "4px";
|
|
99
|
-
export const surfaceSizeSmall = "0px 8px";
|
|
100
|
-
export const surfaceSizeMedium = "6px 16px";
|
|
101
|
-
export const supportSupportSurfaceColorInfo = "#f7f9fc";
|
|
102
|
-
export const supportSupportSurfaceColorDanger = "#f4e1e2";
|
|
103
|
-
export const supportSupportSurfaceColorSuccess = "#f6fff8";
|
|
104
|
-
export const supportSupportSurfaceColorWarning = "#fef1d8";
|
|
105
|
-
export const supportSupportBorderColorInfo = "#053662";
|
|
106
|
-
export const supportSupportBorderColorDanger = "#ce3e39";
|
|
107
|
-
export const supportSupportBorderColorSuccess = "#42814a";
|
|
108
|
-
export const supportSupportBorderColorWarning = "#f8bb47";
|
|
109
|
-
export const iconsIconsPrimary = "#2d2d2d";
|
|
110
|
-
export const iconsIconsSecondary = "#474543";
|
|
111
|
-
export const iconsIconsDisabled = "#9f9d9c";
|
|
112
|
-
export const iconsIconsLink = "#255a90";
|
|
113
|
-
export const iconsIconsInfo = "#053662";
|
|
114
|
-
export const iconsIconsDanger = "#ce3e39";
|
|
115
|
-
export const iconsIconsSuccess = "#42814a";
|
|
116
|
-
export const iconsIconsWarning = "#f8bb47";
|
|
117
|
-
export const iconsIconsPrimaryInvert = "#ffffff";
|
|
118
|
-
export const iconsSizeXsmall = "14px";
|
|
119
|
-
export const iconsSizeSmall = "16px";
|
|
120
|
-
export const iconsSizeMedium = "20px";
|
|
121
|
-
export const iconsSizeLarge = "24px";
|
|
122
|
-
export const iconsSizeXlarge = "32px";
|
|
123
|
-
export const layoutBorderWidthNone = "0";
|
|
124
|
-
export const layoutBorderWidthSmall = "1px";
|
|
125
|
-
export const layoutBorderWidthMedium = "2px";
|
|
126
|
-
export const layoutBorderWidthLarge = "4px";
|
|
127
|
-
export const layoutPaddingNone = "0";
|
|
128
|
-
export const layoutPaddingXsmall = "4px";
|
|
129
|
-
export const layoutPaddingSmall = "8px";
|
|
130
|
-
export const layoutPaddingMedium = "16px";
|
|
131
|
-
export const layoutPaddingLarge = "24px";
|
|
132
|
-
export const layoutPaddingXlarge = "32px";
|
|
133
|
-
export const layoutMarginNone = "0";
|
|
134
|
-
export const layoutMarginHair = "2px";
|
|
135
|
-
export const layoutMarginXsmall = "4px";
|
|
136
|
-
export const layoutMarginSmall = "8px";
|
|
137
|
-
export const layoutMarginMedium = "16px";
|
|
138
|
-
export const layoutMarginLarge = "24px";
|
|
139
|
-
export const layoutMarginXlarge = "32px";
|
|
140
|
-
export const layoutMarginXxlarge = "40px";
|
|
141
|
-
export const layoutMarginXxxlarge = "48px";
|
|
142
|
-
export const layoutMarginHuge = "56px";
|
|
143
|
-
export const typographyFontFamiliesBcSans = "'BC Sans'";
|
|
144
|
-
export const typographyLineHeightsXxdense = "1.313rem";
|
|
145
|
-
export const typographyLineHeightsXdense = "1.688rem";
|
|
146
|
-
export const typographyLineHeightsDense = "1.913rem";
|
|
147
|
-
export const typographyLineHeightsRegular = "2.125rem";
|
|
148
|
-
export const typographyLineHeightsSparse = "2.25rem";
|
|
149
|
-
export const typographyLineHeightsXsparse = "3rem";
|
|
150
|
-
export const typographyLineHeightsXxsparse = "3.375rem";
|
|
151
|
-
export const typographyLineHeightsAuto = "AUTO";
|
|
152
|
-
export const typographyFontWeightsRegular = 400;
|
|
153
|
-
export const typographyFontWeightsBold = 700;
|
|
154
|
-
export const typographyFontWeightsItalic = "Italic";
|
|
155
|
-
export const typographyFontSizeLabel = "0.875rem";
|
|
156
|
-
export const typographyFontSizeBody = "1rem";
|
|
157
|
-
export const typographyFontSizeLargeBody = "1.125rem";
|
|
158
|
-
export const typographyFontSizeH5 = "1.25rem";
|
|
159
|
-
export const typographyFontSizeH4 = "1.5rem";
|
|
160
|
-
export const typographyFontSizeH3 = "1.75rem";
|
|
161
|
-
export const typographyFontSizeH2 = "2rem";
|
|
162
|
-
export const typographyFontSizeH1 = "2.25rem";
|
|
163
|
-
export const typographyFontSizeDisplay = "3rem";
|
|
164
|
-
export const typographyLetterSpacing0 = "0em";
|
|
165
|
-
export const typographyParagraphSpacing0 = "0";
|
|
166
|
-
export const typographyRegularLabel = "400 0.875rem/1.313rem 'BC Sans'";
|
|
167
|
-
export const typographyRegularBody = "400 1rem/1.688rem 'BC Sans'";
|
|
168
|
-
export const typographyRegularLargeBody = "400 1.125rem/1.913rem 'BC Sans'";
|
|
169
|
-
export const typographyRegularH5 = "400 1.25rem/2.125rem 'BC Sans'";
|
|
170
|
-
export const typographyRegularH4 = "400 1.5rem/2.25rem 'BC Sans'";
|
|
171
|
-
export const typographyRegularH3 = "400 1.75rem/3rem 'BC Sans'";
|
|
172
|
-
export const typographyRegularH2 = "400 2rem/3.375rem 'BC Sans'";
|
|
173
|
-
export const typographyRegularH1 = "400 2.25rem/3rem 'BC Sans'";
|
|
174
|
-
export const typographyRegularDisplay = "400 3rem/AUTO 'BC Sans'";
|
|
175
|
-
export const typographyBoldLabel = "700 0.875rem/1.313rem 'BC Sans'";
|
|
176
|
-
export const typographyBoldBody = "700 1rem/1.688rem 'BC Sans'";
|
|
177
|
-
export const typographyBoldLargeBody = "700 1.125rem/1.913rem 'BC Sans'";
|
|
178
|
-
export const typographyBoldH5 = "700 1.25rem/2.125rem 'BC Sans'";
|
|
179
|
-
export const typographyBoldH4 = "700 1.5rem/2.25rem 'BC Sans'";
|
|
180
|
-
export const typographyBoldH3 = "700 1.75rem/3.375rem 'BC Sans'";
|
|
181
|
-
export const typographyBoldH2 = "700 2rem/3rem 'BC Sans'";
|
|
182
|
-
export const typographyBoldH1 = "700 2.25rem/AUTO 'BC Sans'";
|
|
183
|
-
export const typographyBoldDisplay = "700 3rem/AUTO 'BC Sans'";
|
|
184
|
-
export const typographyItalicLabel = "400 italic 0.875rem/1.313rem 'BC Sans'";
|
|
185
|
-
export const typographyItalicBody = "400 italic 1rem/1.688rem 'BC Sans'";
|
|
186
|
-
export const typographyItalicLargeBody = "400 italic 1.125rem/1.913rem 'BC Sans'";
|
|
187
|
-
export const typographyItalicH5 = "400 italic 1.25rem/2.125rem 'BC Sans'";
|
|
188
|
-
export const typographyItalicH4 = "400 italic 1.5rem/2.25rem 'BC Sans'";
|
|
189
|
-
export const typographyItalicH3 = "400 italic 1.75rem/3.375rem 'BC Sans'";
|
|
190
|
-
export const typographyItalicH2 = "400 italic 2rem/3.375rem 'BC Sans'";
|
|
191
|
-
export const typographyItalicH1 = "400 italic 2.25rem/3rem 'BC Sans'";
|
|
192
|
-
export const typographyItalicDisplay = "400 italic 3rem/AUTO 'BC Sans'";
|
|
193
|
-
export const typographyTextCaseNone = "none";
|
|
194
|
-
export const typographyTextDecorationNone = "none";
|
|
195
|
-
export const typographyParagraphIndent0 = "0px";
|
|
196
|
-
export const typographyColorPrimary = "#2D2D2D";
|
|
197
|
-
export const typographyColorSecondary = "#474543";
|
|
198
|
-
export const typographyColorDisabled = "#9F9D9C";
|
|
199
|
-
export const typographyColorLink = "#255A90";
|
|
200
|
-
export const typographyColorPrimaryInvert = "#FFFFFF";
|
|
201
|
-
export const typographyColorSecondaryInvert = "#ECEAE8";
|
package/js-prefixed/variables.js
DELETED
|
@@ -1,201 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 10 Jan 2024 17:50:02 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
export const bcdsSurfaceOpacity0 = 0;
|
|
7
|
-
export const bcdsSurfaceOpacity10 = 0.1;
|
|
8
|
-
export const bcdsSurfaceOpacity20 = 0.2;
|
|
9
|
-
export const bcdsSurfaceOpacity30 = 0.3;
|
|
10
|
-
export const bcdsSurfaceOpacity40 = 0.4;
|
|
11
|
-
export const bcdsSurfaceOpacity50 = 0.5;
|
|
12
|
-
export const bcdsSurfaceOpacity60 = 0.6;
|
|
13
|
-
export const bcdsSurfaceOpacity70 = 0.7;
|
|
14
|
-
export const bcdsSurfaceOpacity80 = 0.8;
|
|
15
|
-
export const bcdsSurfaceOpacity90 = 0.9;
|
|
16
|
-
export const bcdsSurfaceOpacity100 = 1;
|
|
17
|
-
export const bcdsSurfacePrimaryDefault = "#053662";
|
|
18
|
-
export const bcdsSurfacePrimaryHover = "#1E5189";
|
|
19
|
-
export const bcdsSurfacePrimaryDisabled = "#edebe9";
|
|
20
|
-
export const bcdsSurfacePrimaryActive = "#2E5DD7";
|
|
21
|
-
export const bcdsSurfaceSecondaryDefault = "#ffffff";
|
|
22
|
-
export const bcdsSurfaceSecondaryHover = "#edebe9";
|
|
23
|
-
export const bcdsSurfaceSecondaryDisabled = "#edebe9";
|
|
24
|
-
export const bcdsSurfaceSecondaryActive = "#2E5DD7";
|
|
25
|
-
export const bcdsSurfaceTertiaryDefault = "#ffffff00";
|
|
26
|
-
export const bcdsSurfaceTertiaryHover = "#eceae8";
|
|
27
|
-
export const bcdsSurfaceTertiaryDisabled = "#edebe9";
|
|
28
|
-
export const bcdsSurfaceTertiaryActive = "#2E5DD7";
|
|
29
|
-
export const bcdsSurfaceDangerDefault = "#ce3e39";
|
|
30
|
-
export const bcdsSurfaceDangerHover = "#a2312d";
|
|
31
|
-
export const bcdsSurfaceDangerActive = "#2E5DD7";
|
|
32
|
-
export const bcdsSurfaceDangerDisabled = "#edebe9";
|
|
33
|
-
export const bcdsSurfaceBackgroundWhite = "#ffffff";
|
|
34
|
-
export const bcdsSurfaceBackgroundLight = "#faf9f8";
|
|
35
|
-
export const bcdsSurfaceBorderLight = "#d8d8d8";
|
|
36
|
-
export const bcdsSurfaceBorderMedium = "#898785";
|
|
37
|
-
export const bcdsSurfaceBorderDark = "#353433";
|
|
38
|
-
export const bcdsSurfaceOverlayDefault = "#00000073";
|
|
39
|
-
export const bcdsSurfaceBrandGold10 = "#fff8e9";
|
|
40
|
-
export const bcdsSurfaceBrandGold20 = "#feebc2";
|
|
41
|
-
export const bcdsSurfaceBrandGold30 = "#fddf9d";
|
|
42
|
-
export const bcdsSurfaceBrandGold40 = "#fdd47b";
|
|
43
|
-
export const bcdsSurfaceBrandGold50 = "#fcc85d";
|
|
44
|
-
export const bcdsSurfaceBrandGold60 = "#f8ba47"; // BC Gold
|
|
45
|
-
export const bcdsSurfaceBrandGold70 = "#ce9737";
|
|
46
|
-
export const bcdsSurfaceBrandGold80 = "#a5792b";
|
|
47
|
-
export const bcdsSurfaceBrandGold90 = "#7e5d21";
|
|
48
|
-
export const bcdsSurfaceBrandGold100 = "#584215";
|
|
49
|
-
export const bcdsSurfaceBrandBlue10 = "#f1f8fe";
|
|
50
|
-
export const bcdsSurfaceBrandBlue20 = "#d8eafd";
|
|
51
|
-
export const bcdsSurfaceBrandBlue30 = "#c1ddfc";
|
|
52
|
-
export const bcdsSurfaceBrandBlue40 = "#a8d0fb";
|
|
53
|
-
export const bcdsSurfaceBrandBlue50 = "#91c4fa";
|
|
54
|
-
export const bcdsSurfaceBrandBlue60 = "#7ab8f9";
|
|
55
|
-
export const bcdsSurfaceBrandBlue70 = "#5595d9";
|
|
56
|
-
export const bcdsSurfaceBrandBlue80 = "#3470b1";
|
|
57
|
-
export const bcdsSurfaceBrandBlue90 = "#1e5189";
|
|
58
|
-
export const bcdsSurfaceBrandBlue100 = "#053662"; // BC Blue
|
|
59
|
-
export const bcdsSurfaceBrandGray10 = "#faf9f8";
|
|
60
|
-
export const bcdsSurfaceBrandGray20 = "#f3f2f1";
|
|
61
|
-
export const bcdsSurfaceBrandGray30 = "#eceae8";
|
|
62
|
-
export const bcdsSurfaceBrandGray40 = "#e0dedc";
|
|
63
|
-
export const bcdsSurfaceBrandGray50 = "#d1cfcd";
|
|
64
|
-
export const bcdsSurfaceBrandGray60 = "#c6c5c3";
|
|
65
|
-
export const bcdsSurfaceBrandGray70 = "#9f9d9c";
|
|
66
|
-
export const bcdsSurfaceBrandGray80 = "#605e5c";
|
|
67
|
-
export const bcdsSurfaceBrandGray90 = "#3d3c3b";
|
|
68
|
-
export const bcdsSurfaceBrandGray100 = "#353433";
|
|
69
|
-
export const bcdsSurfaceBrandGray110 = "#252423";
|
|
70
|
-
export const bcdsSurfaceBrandGrayWhite = "#ffffff";
|
|
71
|
-
export const bcdsSurfaceIconsPrimary = "#2d2d2d";
|
|
72
|
-
export const bcdsSurfaceIconsSecondary = "#474543";
|
|
73
|
-
export const bcdsSurfaceIconsDisabled = "#9f9d9c";
|
|
74
|
-
export const bcdsSurfaceIconsLink = "#255a90";
|
|
75
|
-
export const bcdsSurfaceIconsInfo = "#053662";
|
|
76
|
-
export const bcdsSurfaceIconsDanger = "#ce3e39";
|
|
77
|
-
export const bcdsSurfaceIconsSuccess = "#42814a";
|
|
78
|
-
export const bcdsSurfaceIconsWarning = "#f8bb47";
|
|
79
|
-
export const bcdsSurfaceSupportSurfaceColorInfo = "#f7f9fc";
|
|
80
|
-
export const bcdsSurfaceSupportSurfaceColorDanger = "#f4e1e2";
|
|
81
|
-
export const bcdsSurfaceSupportSurfaceColorSuccess = "#f6fff8";
|
|
82
|
-
export const bcdsSurfaceSupportSurfaceColorWarning = "#fef1d8";
|
|
83
|
-
export const bcdsSurfaceSupportBorderColorInfo = "#053662";
|
|
84
|
-
export const bcdsSurfaceSupportBorderColorDanger = "#ce3e39";
|
|
85
|
-
export const bcdsSurfaceSupportBorderColorSuccess = "#42814a";
|
|
86
|
-
export const bcdsSurfaceSupportBorderColorWarning = "#f8bb47";
|
|
87
|
-
export const bcdsSurfaceShadowNone = "0 0.30000001192092896px 0.8999999761581421px 0 #0000001a, 0 1.600000023841858px 3.5999999046325684px 0 #00000021";
|
|
88
|
-
export const bcdsSurfaceShadowSmall = "0 0.6000000238418579px 1.7999999523162842px 0 #0000001a, 0 3.200000047683716px 7.199999809265137px 0 #00000021"; // Primarily used as a hover effect for cards
|
|
89
|
-
export const bcdsSurfaceShadowMedium = "0 1.2000000476837158px 3.5999999046325684px 0 #0000001a, 0 6.400000095367432px 14.399999618530273px 0 #00000021"; // Primarily used for dropdown menus and tooltips
|
|
90
|
-
export const bcdsSurfaceShadowLarge = "0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038"; // Primarily used for dialogs
|
|
91
|
-
export const bcdsSurfaceBorderRadiusNone = "0";
|
|
92
|
-
export const bcdsSurfaceBorderRadiusSmall = "2px";
|
|
93
|
-
export const bcdsSurfaceBorderRadiusMedium = "4px";
|
|
94
|
-
export const bcdsSurfaceBorderRadiusLarge = "6px";
|
|
95
|
-
export const bcdsSurfaceBorderWidthNone = "0";
|
|
96
|
-
export const bcdsSurfaceBorderWidthSmall = "1px";
|
|
97
|
-
export const bcdsSurfaceBorderWidthMedium = "2px";
|
|
98
|
-
export const bcdsSurfaceBorderWidthLarge = "4px";
|
|
99
|
-
export const bcdsSurfaceSizeSmall = "0px 8px";
|
|
100
|
-
export const bcdsSurfaceSizeMedium = "6px 16px";
|
|
101
|
-
export const bcdsSupportSupportSurfaceColorInfo = "#f7f9fc";
|
|
102
|
-
export const bcdsSupportSupportSurfaceColorDanger = "#f4e1e2";
|
|
103
|
-
export const bcdsSupportSupportSurfaceColorSuccess = "#f6fff8";
|
|
104
|
-
export const bcdsSupportSupportSurfaceColorWarning = "#fef1d8";
|
|
105
|
-
export const bcdsSupportSupportBorderColorInfo = "#053662";
|
|
106
|
-
export const bcdsSupportSupportBorderColorDanger = "#ce3e39";
|
|
107
|
-
export const bcdsSupportSupportBorderColorSuccess = "#42814a";
|
|
108
|
-
export const bcdsSupportSupportBorderColorWarning = "#f8bb47";
|
|
109
|
-
export const bcdsIconsIconsPrimary = "#2d2d2d";
|
|
110
|
-
export const bcdsIconsIconsSecondary = "#474543";
|
|
111
|
-
export const bcdsIconsIconsDisabled = "#9f9d9c";
|
|
112
|
-
export const bcdsIconsIconsLink = "#255a90";
|
|
113
|
-
export const bcdsIconsIconsInfo = "#053662";
|
|
114
|
-
export const bcdsIconsIconsDanger = "#ce3e39";
|
|
115
|
-
export const bcdsIconsIconsSuccess = "#42814a";
|
|
116
|
-
export const bcdsIconsIconsWarning = "#f8bb47";
|
|
117
|
-
export const bcdsIconsIconsPrimaryInvert = "#ffffff";
|
|
118
|
-
export const bcdsIconsSizeXsmall = "14px";
|
|
119
|
-
export const bcdsIconsSizeSmall = "16px";
|
|
120
|
-
export const bcdsIconsSizeMedium = "20px";
|
|
121
|
-
export const bcdsIconsSizeLarge = "24px";
|
|
122
|
-
export const bcdsIconsSizeXlarge = "32px";
|
|
123
|
-
export const bcdsLayoutBorderWidthNone = "0";
|
|
124
|
-
export const bcdsLayoutBorderWidthSmall = "1px";
|
|
125
|
-
export const bcdsLayoutBorderWidthMedium = "2px";
|
|
126
|
-
export const bcdsLayoutBorderWidthLarge = "4px";
|
|
127
|
-
export const bcdsLayoutPaddingNone = "0";
|
|
128
|
-
export const bcdsLayoutPaddingXsmall = "4px";
|
|
129
|
-
export const bcdsLayoutPaddingSmall = "8px";
|
|
130
|
-
export const bcdsLayoutPaddingMedium = "16px";
|
|
131
|
-
export const bcdsLayoutPaddingLarge = "24px";
|
|
132
|
-
export const bcdsLayoutPaddingXlarge = "32px";
|
|
133
|
-
export const bcdsLayoutMarginNone = "0";
|
|
134
|
-
export const bcdsLayoutMarginHair = "2px";
|
|
135
|
-
export const bcdsLayoutMarginXsmall = "4px";
|
|
136
|
-
export const bcdsLayoutMarginSmall = "8px";
|
|
137
|
-
export const bcdsLayoutMarginMedium = "16px";
|
|
138
|
-
export const bcdsLayoutMarginLarge = "24px";
|
|
139
|
-
export const bcdsLayoutMarginXlarge = "32px";
|
|
140
|
-
export const bcdsLayoutMarginXxlarge = "40px";
|
|
141
|
-
export const bcdsLayoutMarginXxxlarge = "48px";
|
|
142
|
-
export const bcdsLayoutMarginHuge = "56px";
|
|
143
|
-
export const bcdsTypographyFontFamiliesBcSans = "'BC Sans'";
|
|
144
|
-
export const bcdsTypographyLineHeightsXxdense = "1.313rem";
|
|
145
|
-
export const bcdsTypographyLineHeightsXdense = "1.688rem";
|
|
146
|
-
export const bcdsTypographyLineHeightsDense = "1.913rem";
|
|
147
|
-
export const bcdsTypographyLineHeightsRegular = "2.125rem";
|
|
148
|
-
export const bcdsTypographyLineHeightsSparse = "2.25rem";
|
|
149
|
-
export const bcdsTypographyLineHeightsXsparse = "3rem";
|
|
150
|
-
export const bcdsTypographyLineHeightsXxsparse = "3.375rem";
|
|
151
|
-
export const bcdsTypographyLineHeightsAuto = "AUTO";
|
|
152
|
-
export const bcdsTypographyFontWeightsRegular = 400;
|
|
153
|
-
export const bcdsTypographyFontWeightsBold = 700;
|
|
154
|
-
export const bcdsTypographyFontWeightsItalic = "Italic";
|
|
155
|
-
export const bcdsTypographyFontSizeLabel = "0.875rem";
|
|
156
|
-
export const bcdsTypographyFontSizeBody = "1rem";
|
|
157
|
-
export const bcdsTypographyFontSizeLargeBody = "1.125rem";
|
|
158
|
-
export const bcdsTypographyFontSizeH5 = "1.25rem";
|
|
159
|
-
export const bcdsTypographyFontSizeH4 = "1.5rem";
|
|
160
|
-
export const bcdsTypographyFontSizeH3 = "1.75rem";
|
|
161
|
-
export const bcdsTypographyFontSizeH2 = "2rem";
|
|
162
|
-
export const bcdsTypographyFontSizeH1 = "2.25rem";
|
|
163
|
-
export const bcdsTypographyFontSizeDisplay = "3rem";
|
|
164
|
-
export const bcdsTypographyLetterSpacing0 = "0em";
|
|
165
|
-
export const bcdsTypographyParagraphSpacing0 = "0";
|
|
166
|
-
export const bcdsTypographyRegularLabel = "400 0.875rem/1.313rem 'BC Sans'";
|
|
167
|
-
export const bcdsTypographyRegularBody = "400 1rem/1.688rem 'BC Sans'";
|
|
168
|
-
export const bcdsTypographyRegularLargeBody = "400 1.125rem/1.913rem 'BC Sans'";
|
|
169
|
-
export const bcdsTypographyRegularH5 = "400 1.25rem/2.125rem 'BC Sans'";
|
|
170
|
-
export const bcdsTypographyRegularH4 = "400 1.5rem/2.25rem 'BC Sans'";
|
|
171
|
-
export const bcdsTypographyRegularH3 = "400 1.75rem/3rem 'BC Sans'";
|
|
172
|
-
export const bcdsTypographyRegularH2 = "400 2rem/3.375rem 'BC Sans'";
|
|
173
|
-
export const bcdsTypographyRegularH1 = "400 2.25rem/3rem 'BC Sans'";
|
|
174
|
-
export const bcdsTypographyRegularDisplay = "400 3rem/AUTO 'BC Sans'";
|
|
175
|
-
export const bcdsTypographyBoldLabel = "700 0.875rem/1.313rem 'BC Sans'";
|
|
176
|
-
export const bcdsTypographyBoldBody = "700 1rem/1.688rem 'BC Sans'";
|
|
177
|
-
export const bcdsTypographyBoldLargeBody = "700 1.125rem/1.913rem 'BC Sans'";
|
|
178
|
-
export const bcdsTypographyBoldH5 = "700 1.25rem/2.125rem 'BC Sans'";
|
|
179
|
-
export const bcdsTypographyBoldH4 = "700 1.5rem/2.25rem 'BC Sans'";
|
|
180
|
-
export const bcdsTypographyBoldH3 = "700 1.75rem/3.375rem 'BC Sans'";
|
|
181
|
-
export const bcdsTypographyBoldH2 = "700 2rem/3rem 'BC Sans'";
|
|
182
|
-
export const bcdsTypographyBoldH1 = "700 2.25rem/AUTO 'BC Sans'";
|
|
183
|
-
export const bcdsTypographyBoldDisplay = "700 3rem/AUTO 'BC Sans'";
|
|
184
|
-
export const bcdsTypographyItalicLabel = "400 italic 0.875rem/1.313rem 'BC Sans'";
|
|
185
|
-
export const bcdsTypographyItalicBody = "400 italic 1rem/1.688rem 'BC Sans'";
|
|
186
|
-
export const bcdsTypographyItalicLargeBody = "400 italic 1.125rem/1.913rem 'BC Sans'";
|
|
187
|
-
export const bcdsTypographyItalicH5 = "400 italic 1.25rem/2.125rem 'BC Sans'";
|
|
188
|
-
export const bcdsTypographyItalicH4 = "400 italic 1.5rem/2.25rem 'BC Sans'";
|
|
189
|
-
export const bcdsTypographyItalicH3 = "400 italic 1.75rem/3.375rem 'BC Sans'";
|
|
190
|
-
export const bcdsTypographyItalicH2 = "400 italic 2rem/3.375rem 'BC Sans'";
|
|
191
|
-
export const bcdsTypographyItalicH1 = "400 italic 2.25rem/3rem 'BC Sans'";
|
|
192
|
-
export const bcdsTypographyItalicDisplay = "400 italic 3rem/AUTO 'BC Sans'";
|
|
193
|
-
export const bcdsTypographyTextCaseNone = "none";
|
|
194
|
-
export const bcdsTypographyTextDecorationNone = "none";
|
|
195
|
-
export const bcdsTypographyParagraphIndent0 = "0px";
|
|
196
|
-
export const bcdsTypographyColorPrimary = "#2D2D2D";
|
|
197
|
-
export const bcdsTypographyColorSecondary = "#474543";
|
|
198
|
-
export const bcdsTypographyColorDisabled = "#9F9D9C";
|
|
199
|
-
export const bcdsTypographyColorLink = "#255A90";
|
|
200
|
-
export const bcdsTypographyColorPrimaryInvert = "#FFFFFF";
|
|
201
|
-
export const bcdsTypographyColorSecondaryInvert = "#ECEAE8";
|