@navikt/ds-tokens 7.11.0 → 7.12.1
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/dist/darkside/dark-tokens.css +371 -393
- package/dist/darkside/light-tokens.css +371 -393
- package/dist/darkside/root-tokens.css +59 -59
- package/dist/darkside/tokens-cjs.js +189 -211
- package/dist/darkside/tokens.css +802 -846
- package/dist/darkside/tokens.d.ts +189 -211
- package/dist/darkside/tokens.js +189 -211
- package/dist/darkside/tokens.less +189 -211
- package/dist/darkside/tokens.scss +189 -211
- package/dist/tokens-cjs.js +326 -331
- package/dist/tokens.css +324 -324
- package/dist/tokens.d.ts +326 -326
- package/dist/tokens.js +6 -12
- package/package.json +2 -9
- package/types.ts +10 -37
- package/dist/darkside/static/tokens-cjs.js +0 -467
- package/dist/darkside/static/tokens.d.ts +0 -465
- package/dist/darkside/static/tokens.js +0 -465
- package/dist/darkside/static/tokens.less +0 -458
- package/dist/darkside/static/tokens.scss +0 -458
|
@@ -1,465 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Used for dialog elements like modals and popovers.
|
|
7
|
-
*/
|
|
8
|
-
export const ShadowDialog = "0px 0px 1px 0px rgba(7 9 13 / 0.02), 0px 2px 5px 0px rgba(7 9 13 / 0.10), 0px 5px 12px 0px rgba(7 9 13 / 0.12)";
|
|
9
|
-
/**
|
|
10
|
-
* Used for setting opacity on disabled elements.
|
|
11
|
-
*/
|
|
12
|
-
export const OpacityDisabled = "0.3";
|
|
13
|
-
export const BgAccentSoft = "#f1f7ff";
|
|
14
|
-
export const BgAccentSoftA = "#006eff0e";
|
|
15
|
-
export const BgAccentHover = "#e4eeff";
|
|
16
|
-
export const BgAccentHoverA = "#005fff1b";
|
|
17
|
-
export const BgAccentModerate = "#e4eeff";
|
|
18
|
-
export const BgAccentModerateA = "#005fff1b";
|
|
19
|
-
export const BgAccentModerateHover = "#d4e5fd";
|
|
20
|
-
export const BgAccentModerateHoverA = "#0165f42b";
|
|
21
|
-
export const BgAccentModeratePressed = "#bad5fb";
|
|
22
|
-
export const BgAccentModeratePressedA = "#0064f145";
|
|
23
|
-
export const BgAccentStrong = "#2277d5";
|
|
24
|
-
export const BgAccentStrongHover = "#0063c1";
|
|
25
|
-
export const BgAccentStrongPressed = "#005bb6";
|
|
26
|
-
export const BgSuccessSoft = "#e2fde8";
|
|
27
|
-
export const BgSuccessSoftA = "#00ee351d";
|
|
28
|
-
export const BgSuccessHover = "#d5f6db";
|
|
29
|
-
export const BgSuccessHoverA = "#00c9252a";
|
|
30
|
-
export const BgSuccessModerate = "#d5f6db";
|
|
31
|
-
export const BgSuccessModerateA = "#00c9252a";
|
|
32
|
-
export const BgSuccessModerateHover = "#c4edcd";
|
|
33
|
-
export const BgSuccessModerateHoverA = "#01b2273b";
|
|
34
|
-
export const BgSuccessModeratePressed = "#a8dfb4";
|
|
35
|
-
export const BgSuccessModeratePressedA = "#00a22457";
|
|
36
|
-
export const BgSuccessStrong = "#00893c";
|
|
37
|
-
export const BgSuccessStrongHover = "#007629";
|
|
38
|
-
export const BgSuccessStrongPressed = "#006c1f";
|
|
39
|
-
export const BgWarningSoft = "#fff5e4";
|
|
40
|
-
export const BgWarningSoftA = "#ffa1001b";
|
|
41
|
-
export const BgWarningHover = "#ffebc7";
|
|
42
|
-
export const BgWarningHoverA = "#ffa40038";
|
|
43
|
-
export const BgWarningModerate = "#ffebc7";
|
|
44
|
-
export const BgWarningModerateA = "#ffa40038";
|
|
45
|
-
export const BgWarningModerateHover = "#ffdea5";
|
|
46
|
-
export const BgWarningModerateHoverA = "#ffa2015a";
|
|
47
|
-
export const BgWarningModeratePressed = "#ffcb6f";
|
|
48
|
-
export const BgWarningModeratePressedA = "#ffa30090";
|
|
49
|
-
export const BgWarningStrong = "#c95100";
|
|
50
|
-
export const BgWarningStrongHover = "#ac4400";
|
|
51
|
-
export const BgWarningStrongPressed = "#a03e00";
|
|
52
|
-
export const BgDangerSoft = "#fff2f7";
|
|
53
|
-
export const BgDangerSoftA = "#ff00630d";
|
|
54
|
-
export const BgDangerHover = "#ffe8f0";
|
|
55
|
-
export const BgDangerHoverA = "#ff005917";
|
|
56
|
-
export const BgDangerModerate = "#ffe8f0";
|
|
57
|
-
export const BgDangerModerateA = "#ff005917";
|
|
58
|
-
export const BgDangerModerateHover = "#ffd9e6";
|
|
59
|
-
export const BgDangerModerateHoverA = "#ff005826";
|
|
60
|
-
export const BgDangerModeratePressed = "#ffc2d7";
|
|
61
|
-
export const BgDangerModeratePressedA = "#ff00583d";
|
|
62
|
-
export const BgDangerStrong = "#e22a49";
|
|
63
|
-
export const BgDangerStrongHover = "#cb0035";
|
|
64
|
-
export const BgDangerStrongPressed = "#bc002a";
|
|
65
|
-
export const BgInfoSoft = "#eef6fc";
|
|
66
|
-
export const BgInfoSoftA = "#0078d211";
|
|
67
|
-
export const BgInfoHover = "#e3eff7";
|
|
68
|
-
export const BgInfoHoverA = "#006eb71c";
|
|
69
|
-
export const BgInfoModerate = "#e3eff7";
|
|
70
|
-
export const BgInfoModerateA = "#006eb71c";
|
|
71
|
-
export const BgInfoModerateHover = "#d7e6f0";
|
|
72
|
-
export const BgInfoModerateHoverA = "#0060a028";
|
|
73
|
-
export const BgInfoModeratePressed = "#c0d6e4";
|
|
74
|
-
export const BgInfoModeratePressedA = "#005a923f";
|
|
75
|
-
export const BgInfoStrong = "#417da0";
|
|
76
|
-
export const BgInfoStrongHover = "#246b91";
|
|
77
|
-
export const BgInfoStrongPressed = "#156389";
|
|
78
|
-
export const BgBrand1Soft = "#fbf3f6";
|
|
79
|
-
export const BgBrand1SoftA = "#aa00400c";
|
|
80
|
-
export const BgBrand1Hover = "#f8eaef";
|
|
81
|
-
export const BgBrand1HoverA = "#aa003d15";
|
|
82
|
-
export const BgBrand1Moderate = "#f8eaef";
|
|
83
|
-
export const BgBrand1ModerateA = "#aa003d15";
|
|
84
|
-
export const BgBrand1ModerateHover = "#f3dde5";
|
|
85
|
-
export const BgBrand1ModerateHoverA = "#a5003c22";
|
|
86
|
-
export const BgBrand1ModeratePressed = "#eccad6";
|
|
87
|
-
export const BgBrand1ModeratePressedA = "#a4003a35";
|
|
88
|
-
export const BgBrand1Strong = "#b65781";
|
|
89
|
-
export const BgBrand1StrongHover = "#a93d70";
|
|
90
|
-
export const BgBrand1StrongPressed = "#a33069";
|
|
91
|
-
export const BgBrand2Soft = "#fff4ee";
|
|
92
|
-
export const BgBrand2SoftA = "#ff5a0011";
|
|
93
|
-
export const BgBrand2Hover = "#fdebe0";
|
|
94
|
-
export const BgBrand2HoverA = "#ef5b001f";
|
|
95
|
-
export const BgBrand2Moderate = "#fdebe0";
|
|
96
|
-
export const BgBrand2ModerateA = "#ef5b001f";
|
|
97
|
-
export const BgBrand2ModerateHover = "#fcddcd";
|
|
98
|
-
export const BgBrand2ModerateHoverA = "#f0520032";
|
|
99
|
-
export const BgBrand2ModeratePressed = "#f8c8b1";
|
|
100
|
-
export const BgBrand2ModeratePressedA = "#e94c004e";
|
|
101
|
-
export const BgBrand2Strong = "#a9654e";
|
|
102
|
-
export const BgBrand2StrongHover = "#915541";
|
|
103
|
-
export const BgBrand2StrongPressed = "#874e3b";
|
|
104
|
-
export const BgBrand3Soft = "#eef6fc";
|
|
105
|
-
export const BgBrand3SoftA = "#0078d211";
|
|
106
|
-
export const BgBrand3Hover = "#e3eff7";
|
|
107
|
-
export const BgBrand3HoverA = "#006eb71c";
|
|
108
|
-
export const BgBrand3Moderate = "#e3eff7";
|
|
109
|
-
export const BgBrand3ModerateA = "#006eb71c";
|
|
110
|
-
export const BgBrand3ModerateHover = "#d7e6f0";
|
|
111
|
-
export const BgBrand3ModerateHoverA = "#0060a028";
|
|
112
|
-
export const BgBrand3ModeratePressed = "#c0d6e4";
|
|
113
|
-
export const BgBrand3ModeratePressedA = "#005a923f";
|
|
114
|
-
export const BgBrand3Strong = "#417da0";
|
|
115
|
-
export const BgBrand3StrongHover = "#246b91";
|
|
116
|
-
export const BgBrand3StrongPressed = "#156389";
|
|
117
|
-
export const BgMeta1Soft = "#f7f5f9";
|
|
118
|
-
export const BgMeta1SoftA = "#3300660a";
|
|
119
|
-
export const BgMeta1Hover = "#f0edf4";
|
|
120
|
-
export const BgMeta1HoverA = "#2b006412";
|
|
121
|
-
export const BgMeta1Moderate = "#f0edf4";
|
|
122
|
-
export const BgMeta1ModerateA = "#2b006412";
|
|
123
|
-
export const BgMeta1ModerateHover = "#e6e1ed";
|
|
124
|
-
export const BgMeta1ModerateHoverA = "#2b00661e";
|
|
125
|
-
export const BgMeta1ModeratePressed = "#d7cfe3";
|
|
126
|
-
export const BgMeta1ModeratePressedA = "#2b006b30";
|
|
127
|
-
export const BgMeta1Strong = "#846ca4";
|
|
128
|
-
export const BgMeta1StrongHover = "#725a91";
|
|
129
|
-
export const BgMeta1StrongPressed = "#6a5289";
|
|
130
|
-
export const BgMeta2Soft = "#f4f9d1";
|
|
131
|
-
export const BgMeta2SoftA = "#c3de002e";
|
|
132
|
-
export const BgMeta2Hover = "#ebf4a9";
|
|
133
|
-
export const BgMeta2HoverA = "#c4df0056";
|
|
134
|
-
export const BgMeta2Moderate = "#ebf4a9";
|
|
135
|
-
export const BgMeta2ModerateA = "#c4df0056";
|
|
136
|
-
export const BgMeta2ModerateHover = "#e0ec6b";
|
|
137
|
-
export const BgMeta2ModerateHoverA = "#cadf0094";
|
|
138
|
-
export const BgMeta2ModeratePressed = "#d0dc00";
|
|
139
|
-
export const BgMeta2ModeratePressedA = "#d0dc00";
|
|
140
|
-
export const BgMeta2Strong = "#757c00";
|
|
141
|
-
export const BgMeta2StrongHover = "#646900";
|
|
142
|
-
export const BgMeta2StrongPressed = "#5c6100";
|
|
143
|
-
export const BgDefault = "#ffffff";
|
|
144
|
-
export const BgInput = "#ffffff";
|
|
145
|
-
export const BgRaised = "white";
|
|
146
|
-
export const BgSunken = "#ecedef";
|
|
147
|
-
export const BgOverlay = "#021431";
|
|
148
|
-
export const BgSoft = "#f5f6f7";
|
|
149
|
-
export const BgSoftA = "#001a330a";
|
|
150
|
-
export const BgHover = "#ecedef";
|
|
151
|
-
export const BgHoverA = "#000e2913";
|
|
152
|
-
export const BgModerate = "#ecedef";
|
|
153
|
-
export const BgModerateA = "#000e2913";
|
|
154
|
-
export const BgModerateHover = "#e1e3e7";
|
|
155
|
-
export const BgModerateHoverA = "#0011331e";
|
|
156
|
-
export const BgModeratePressed = "#cfd3d8";
|
|
157
|
-
export const BgModeratePressedA = "#00163030";
|
|
158
|
-
export const BgStrong = "#5d6573";
|
|
159
|
-
export const BgStrongHover = "#555d6a";
|
|
160
|
-
export const BgStrongPressed = "#49515e";
|
|
161
|
-
export const TextAccent = "#005bb6";
|
|
162
|
-
export const TextAccentStrong = "#002459";
|
|
163
|
-
export const TextAccentIcon = "#2277d5";
|
|
164
|
-
export const TextSuccess = "#006c1f";
|
|
165
|
-
export const TextSuccessStrong = "#002e00";
|
|
166
|
-
export const TextSuccessIcon = "#00893c";
|
|
167
|
-
export const TextWarning = "#a03e00";
|
|
168
|
-
export const TextWarningStrong = "#481700";
|
|
169
|
-
export const TextWarningIcon = "#c95100";
|
|
170
|
-
export const TextDanger = "#bc002a";
|
|
171
|
-
export const TextDangerStrong = "#560000";
|
|
172
|
-
export const TextDangerIcon = "#e22a49";
|
|
173
|
-
export const TextInfo = "#156389";
|
|
174
|
-
export const TextInfoStrong = "#002942";
|
|
175
|
-
export const TextInfoIcon = "#417da0";
|
|
176
|
-
export const TextBrand1 = "#a33069";
|
|
177
|
-
export const TextBrand1Strong = "#52002b";
|
|
178
|
-
export const TextBrand1Icon = "#b65781";
|
|
179
|
-
export const TextBrand2 = "#874e3b";
|
|
180
|
-
export const TextBrand2Strong = "#3c1f15";
|
|
181
|
-
export const TextBrand2Icon = "#a9654e";
|
|
182
|
-
export const TextBrand3 = "#156389";
|
|
183
|
-
export const TextBrand3Strong = "#002942";
|
|
184
|
-
export const TextBrand3Icon = "#417da0";
|
|
185
|
-
export const TextMeta1 = "#6a5289";
|
|
186
|
-
export const TextMeta1Strong = "#331a4d";
|
|
187
|
-
export const TextMeta1Icon = "#846ca4";
|
|
188
|
-
export const TextMeta2 = "#5c6100";
|
|
189
|
-
export const TextMeta2Strong = "#2a2800";
|
|
190
|
-
export const TextMeta2Icon = "#757c00";
|
|
191
|
-
export const TextAccentContrast = "white";
|
|
192
|
-
export const TextDangerContrast = "white";
|
|
193
|
-
export const TextInfoContrast = "white";
|
|
194
|
-
export const TextSuccessContrast = "white";
|
|
195
|
-
export const TextWarningContrast = "white";
|
|
196
|
-
export const TextBrand1Contrast = "white";
|
|
197
|
-
export const TextBrand2Contrast = "white";
|
|
198
|
-
export const TextBrand3Contrast = "white";
|
|
199
|
-
export const TextMeta1Contrast = "white";
|
|
200
|
-
export const TextMeta2Contrast = "white";
|
|
201
|
-
export const TextDefault = "#202733";
|
|
202
|
-
export const TextSubtle = "#49515e";
|
|
203
|
-
export const TextIcon = "#6f7785";
|
|
204
|
-
export const TextLogo = "#c30000";
|
|
205
|
-
export const TextContrast = "white";
|
|
206
|
-
export const BorderAccent = "#2277d5";
|
|
207
|
-
export const BorderAccentSubtle = "#bad5fb";
|
|
208
|
-
export const BorderAccentSubtleA = "#0064f145";
|
|
209
|
-
export const BorderAccentStrong = "#0063c1";
|
|
210
|
-
export const BorderSuccess = "#00893c";
|
|
211
|
-
export const BorderSuccessSubtle = "#a8dfb4";
|
|
212
|
-
export const BorderSuccessSubtleA = "#00a22457";
|
|
213
|
-
export const BorderSuccessStrong = "#007629";
|
|
214
|
-
export const BorderWarning = "#c95100";
|
|
215
|
-
export const BorderWarningSubtle = "#ffcb6f";
|
|
216
|
-
export const BorderWarningSubtleA = "#ffa30090";
|
|
217
|
-
export const BorderWarningStrong = "#ac4400";
|
|
218
|
-
export const BorderDanger = "#e22a49";
|
|
219
|
-
export const BorderDangerSubtle = "#ffc2d7";
|
|
220
|
-
export const BorderDangerSubtleA = "#ff00583d";
|
|
221
|
-
export const BorderDangerStrong = "#cb0035";
|
|
222
|
-
export const BorderInfo = "#417da0";
|
|
223
|
-
export const BorderInfoSubtle = "#c0d6e4";
|
|
224
|
-
export const BorderInfoSubtleA = "#005a923f";
|
|
225
|
-
export const BorderInfoStrong = "#246b91";
|
|
226
|
-
export const BorderBrand1 = "#b65781";
|
|
227
|
-
export const BorderBrand1Subtle = "#eccad6";
|
|
228
|
-
export const BorderBrand1SubtleA = "#a4003a35";
|
|
229
|
-
export const BorderBrand1Strong = "#a93d70";
|
|
230
|
-
export const BorderBrand2 = "#a9654e";
|
|
231
|
-
export const BorderBrand2Subtle = "#f8c8b1";
|
|
232
|
-
export const BorderBrand2SubtleA = "#e94c004e";
|
|
233
|
-
export const BorderBrand2Strong = "#915541";
|
|
234
|
-
export const BorderBrand3 = "#417da0";
|
|
235
|
-
export const BorderBrand3Subtle = "#c0d6e4";
|
|
236
|
-
export const BorderBrand3SubtleA = "#005a923f";
|
|
237
|
-
export const BorderBrand3Strong = "#246b91";
|
|
238
|
-
export const BorderMeta1 = "#846ca4";
|
|
239
|
-
export const BorderMeta1Subtle = "#d7cfe3";
|
|
240
|
-
export const BorderMeta1SubtleA = "#2b006b30";
|
|
241
|
-
export const BorderMeta1Strong = "#725a91";
|
|
242
|
-
export const BorderMeta2 = "#757c00";
|
|
243
|
-
export const BorderMeta2Subtle = "#d0dc00";
|
|
244
|
-
export const BorderMeta2SubtleA = "#d0dc00";
|
|
245
|
-
export const BorderMeta2Strong = "#646900";
|
|
246
|
-
export const BorderDefault = "#6f7785";
|
|
247
|
-
export const BorderSubtle = "#cfd3d8";
|
|
248
|
-
export const BorderSubtleA = "#00163030";
|
|
249
|
-
export const BorderStrong = "#6f7785";
|
|
250
|
-
export const BorderFocus = "#202733";
|
|
251
|
-
export const Neutral100 = "#f5f6f7";
|
|
252
|
-
export const Neutral200 = "#ecedef";
|
|
253
|
-
export const Neutral300 = "#e1e3e7";
|
|
254
|
-
export const Neutral400 = "#cfd3d8";
|
|
255
|
-
export const Neutral500 = "#818997";
|
|
256
|
-
export const Neutral600 = "#6f7785";
|
|
257
|
-
export const Neutral700 = "#5d6573";
|
|
258
|
-
export const Neutral800 = "#555d6a";
|
|
259
|
-
export const Neutral900 = "#49515e";
|
|
260
|
-
export const Neutral1000 = "#202733";
|
|
261
|
-
export const Neutral000 = "white";
|
|
262
|
-
export const Neutral100A = "#001a330a";
|
|
263
|
-
export const Neutral200A = "#000e2913";
|
|
264
|
-
export const Neutral300A = "#0011331e";
|
|
265
|
-
export const Neutral400A = "#00163030";
|
|
266
|
-
export const Accent100 = "#f1f7ff";
|
|
267
|
-
export const Accent200 = "#e4eeff";
|
|
268
|
-
export const Accent300 = "#d4e5fd";
|
|
269
|
-
export const Accent400 = "#bad5fb";
|
|
270
|
-
export const Accent500 = "#428ae3";
|
|
271
|
-
export const Accent600 = "#2277d5";
|
|
272
|
-
export const Accent700 = "#0063c1";
|
|
273
|
-
export const Accent800 = "#005bb6";
|
|
274
|
-
export const Accent900 = "#004ea3";
|
|
275
|
-
export const Accent1000 = "#002459";
|
|
276
|
-
export const Accent100A = "#006eff0e";
|
|
277
|
-
export const Accent200A = "#005fff1b";
|
|
278
|
-
export const Accent300A = "#0165f42b";
|
|
279
|
-
export const Accent400A = "#0064f145";
|
|
280
|
-
export const Success100 = "#e2fde8";
|
|
281
|
-
export const Success200 = "#d5f6db";
|
|
282
|
-
export const Success300 = "#c4edcd";
|
|
283
|
-
export const Success400 = "#a8dfb4";
|
|
284
|
-
export const Success500 = "#199d4f";
|
|
285
|
-
export const Success600 = "#00893c";
|
|
286
|
-
export const Success700 = "#007629";
|
|
287
|
-
export const Success800 = "#006c1f";
|
|
288
|
-
export const Success900 = "#005e0f";
|
|
289
|
-
export const Success1000 = "#002e00";
|
|
290
|
-
export const Success100A = "#00ee351d";
|
|
291
|
-
export const Success200A = "#00c9252a";
|
|
292
|
-
export const Success300A = "#01b2273b";
|
|
293
|
-
export const Success400A = "#00a22457";
|
|
294
|
-
export const Warning100 = "#fff5e4";
|
|
295
|
-
export const Warning200 = "#ffebc7";
|
|
296
|
-
export const Warning300 = "#ffdea5";
|
|
297
|
-
export const Warning400 = "#ffcb6f";
|
|
298
|
-
export const Warning500 = "#e75e01";
|
|
299
|
-
export const Warning600 = "#c95100";
|
|
300
|
-
export const Warning700 = "#ac4400";
|
|
301
|
-
export const Warning800 = "#a03e00";
|
|
302
|
-
export const Warning900 = "#8c3500";
|
|
303
|
-
export const Warning1000 = "#481700";
|
|
304
|
-
export const Warning100A = "#ffa1001b";
|
|
305
|
-
export const Warning200A = "#ffa40038";
|
|
306
|
-
export const Warning300A = "#ffa2015a";
|
|
307
|
-
export const Warning400A = "#ffa30090";
|
|
308
|
-
export const Danger100 = "#fff2f7";
|
|
309
|
-
export const Danger200 = "#ffe8f0";
|
|
310
|
-
export const Danger300 = "#ffd9e6";
|
|
311
|
-
export const Danger400 = "#ffc2d7";
|
|
312
|
-
export const Danger500 = "#ec526e";
|
|
313
|
-
export const Danger600 = "#e22a49";
|
|
314
|
-
export const Danger700 = "#cb0035";
|
|
315
|
-
export const Danger800 = "#bc002a";
|
|
316
|
-
export const Danger900 = "#a60017";
|
|
317
|
-
export const Danger1000 = "#560000";
|
|
318
|
-
export const Danger100A = "#ff00630d";
|
|
319
|
-
export const Danger200A = "#ff005917";
|
|
320
|
-
export const Danger300A = "#ff005826";
|
|
321
|
-
export const Danger400A = "#ff00583d";
|
|
322
|
-
export const Info100 = "#eef6fc";
|
|
323
|
-
export const Info200 = "#e3eff7";
|
|
324
|
-
export const Info300 = "#d7e6f0";
|
|
325
|
-
export const Info400 = "#c0d6e4";
|
|
326
|
-
export const Info500 = "#5a8fae";
|
|
327
|
-
export const Info600 = "#417da0";
|
|
328
|
-
export const Info700 = "#246b91";
|
|
329
|
-
export const Info800 = "#156389";
|
|
330
|
-
export const Info900 = "#00557d";
|
|
331
|
-
export const Info1000 = "#002942";
|
|
332
|
-
export const Info100A = "#0078d211";
|
|
333
|
-
export const Info200A = "#006eb71c";
|
|
334
|
-
export const Info300A = "#0060a028";
|
|
335
|
-
export const Info400A = "#005a923f";
|
|
336
|
-
export const Brand1100 = "#fbf3f6";
|
|
337
|
-
export const Brand1200 = "#f8eaef";
|
|
338
|
-
export const Brand1300 = "#f3dde5";
|
|
339
|
-
export const Brand1400 = "#eccad6";
|
|
340
|
-
export const Brand1500 = "#c26f92";
|
|
341
|
-
export const Brand1600 = "#b65781";
|
|
342
|
-
export const Brand1700 = "#a93d70";
|
|
343
|
-
export const Brand1800 = "#a33069";
|
|
344
|
-
export const Brand1900 = "#98185d";
|
|
345
|
-
export const Brand11000 = "#52002b";
|
|
346
|
-
export const Brand1100A = "#aa00400c";
|
|
347
|
-
export const Brand1200A = "#aa003d15";
|
|
348
|
-
export const Brand1300A = "#a5003c22";
|
|
349
|
-
export const Brand1400A = "#a4003a35";
|
|
350
|
-
export const Brand2100 = "#fff4ee";
|
|
351
|
-
export const Brand2200 = "#fdebe0";
|
|
352
|
-
export const Brand2300 = "#fcddcd";
|
|
353
|
-
export const Brand2400 = "#f8c8b1";
|
|
354
|
-
export const Brand2500 = "#c0765d";
|
|
355
|
-
export const Brand2600 = "#a9654e";
|
|
356
|
-
export const Brand2700 = "#915541";
|
|
357
|
-
export const Brand2800 = "#874e3b";
|
|
358
|
-
export const Brand2900 = "#764332";
|
|
359
|
-
export const Brand21000 = "#3c1f15";
|
|
360
|
-
export const Brand2100A = "#ff5a0011";
|
|
361
|
-
export const Brand2200A = "#ef5b001f";
|
|
362
|
-
export const Brand2300A = "#f0520032";
|
|
363
|
-
export const Brand2400A = "#e94c004e";
|
|
364
|
-
export const Brand3100 = "#eef6fc";
|
|
365
|
-
export const Brand3200 = "#e3eff7";
|
|
366
|
-
export const Brand3300 = "#d7e6f0";
|
|
367
|
-
export const Brand3400 = "#c0d6e4";
|
|
368
|
-
export const Brand3500 = "#5a8fae";
|
|
369
|
-
export const Brand3600 = "#417da0";
|
|
370
|
-
export const Brand3700 = "#246b91";
|
|
371
|
-
export const Brand3800 = "#156389";
|
|
372
|
-
export const Brand3900 = "#00557d";
|
|
373
|
-
export const Brand31000 = "#002942";
|
|
374
|
-
export const Brand3100A = "#0078d211";
|
|
375
|
-
export const Brand3200A = "#006eb71c";
|
|
376
|
-
export const Brand3300A = "#0060a028";
|
|
377
|
-
export const Brand3400A = "#005a923f";
|
|
378
|
-
export const Meta1100 = "#f7f5f9";
|
|
379
|
-
export const Meta1200 = "#f0edf4";
|
|
380
|
-
export const Meta1300 = "#e6e1ed";
|
|
381
|
-
export const Meta1400 = "#d7cfe3";
|
|
382
|
-
export const Meta1500 = "#9580b1";
|
|
383
|
-
export const Meta1600 = "#846ca4";
|
|
384
|
-
export const Meta1700 = "#725a91";
|
|
385
|
-
export const Meta1800 = "#6a5289";
|
|
386
|
-
export const Meta1900 = "#5e467c";
|
|
387
|
-
export const Meta11000 = "#331a4d";
|
|
388
|
-
export const Meta1100A = "#3300660a";
|
|
389
|
-
export const Meta1200A = "#2b006412";
|
|
390
|
-
export const Meta1300A = "#2b00661e";
|
|
391
|
-
export const Meta1400A = "#2b006b30";
|
|
392
|
-
export const Meta2100 = "#f4f9d1";
|
|
393
|
-
export const Meta2200 = "#ebf4a9";
|
|
394
|
-
export const Meta2300 = "#e0ec6b";
|
|
395
|
-
export const Meta2400 = "#d0dc00";
|
|
396
|
-
export const Meta2500 = "#878f00";
|
|
397
|
-
export const Meta2600 = "#757c00";
|
|
398
|
-
export const Meta2700 = "#646900";
|
|
399
|
-
export const Meta2800 = "#5c6100";
|
|
400
|
-
export const Meta2900 = "#515400";
|
|
401
|
-
export const Meta21000 = "#2a2800";
|
|
402
|
-
export const Meta2100A = "#c3de002e";
|
|
403
|
-
export const Meta2200A = "#c4df0056";
|
|
404
|
-
export const Meta2300A = "#cadf0094";
|
|
405
|
-
export const Meta2400A = "#d0dc00";
|
|
406
|
-
export const Space0 = "0rem";
|
|
407
|
-
export const Space1 = "0.0625rem";
|
|
408
|
-
export const Space2 = "0.125rem";
|
|
409
|
-
export const Space4 = "0.25rem";
|
|
410
|
-
export const Space6 = "0.375rem";
|
|
411
|
-
export const Space8 = "0.5rem";
|
|
412
|
-
export const Space12 = "0.75rem";
|
|
413
|
-
export const Space16 = "1rem";
|
|
414
|
-
export const Space20 = "1.25rem";
|
|
415
|
-
export const Space24 = "1.5rem";
|
|
416
|
-
export const Space28 = "1.75rem";
|
|
417
|
-
export const Space32 = "2rem";
|
|
418
|
-
export const Space36 = "2.25rem";
|
|
419
|
-
export const Space40 = "2.5rem";
|
|
420
|
-
export const Space44 = "2.75rem";
|
|
421
|
-
export const Space48 = "3rem";
|
|
422
|
-
export const Space56 = "3.5rem";
|
|
423
|
-
export const Space64 = "4rem";
|
|
424
|
-
export const Space72 = "4.5rem";
|
|
425
|
-
export const Space80 = "5rem";
|
|
426
|
-
export const Space96 = "6rem";
|
|
427
|
-
export const Space128 = "8rem";
|
|
428
|
-
export const BorderRadiusSmall = "2px";
|
|
429
|
-
export const BorderRadiusMedium = "4px";
|
|
430
|
-
export const BorderRadiusLarge = "8px";
|
|
431
|
-
export const BorderRadiusXlarge = "12px";
|
|
432
|
-
export const BorderRadiusFull = "9999px";
|
|
433
|
-
export const BreakpointXs = "0";
|
|
434
|
-
export const BreakpointSm = "480px";
|
|
435
|
-
export const BreakpointSmDown = "479px";
|
|
436
|
-
export const BreakpointMd = "768px";
|
|
437
|
-
export const BreakpointMdDown = "767px";
|
|
438
|
-
export const BreakpointLg = "1024px";
|
|
439
|
-
export const BreakpointLgDown = "1023px";
|
|
440
|
-
export const BreakpointXl = "1280px";
|
|
441
|
-
export const BreakpointXlDown = "1279px";
|
|
442
|
-
export const Breakpoint2xl = "1440px";
|
|
443
|
-
export const Breakpoint2xlDown = "1439px";
|
|
444
|
-
export const FontFamily = "'Source Sans 3', 'Source Sans Pro', Arial, sans-serif";
|
|
445
|
-
export const FontLineHeightHeading2xlarge = "3.25rem";
|
|
446
|
-
export const FontLineHeightHeadingXlarge = "2.5rem";
|
|
447
|
-
export const FontLineHeightHeadingLarge = "2.25rem";
|
|
448
|
-
export const FontLineHeightHeadingMedium = "2rem";
|
|
449
|
-
export const FontLineHeightHeadingSmall = "1.75rem";
|
|
450
|
-
export const FontLineHeightHeadingXsmall = "1.5rem";
|
|
451
|
-
export const FontLineHeightXlarge = "1.75rem";
|
|
452
|
-
export const FontLineHeightLarge = "1.5rem";
|
|
453
|
-
export const FontLineHeightMedium = "1.25rem";
|
|
454
|
-
export const FontSizeHeading2xlarge = "2.5rem";
|
|
455
|
-
export const FontSizeHeadingXlarge = "2rem";
|
|
456
|
-
export const FontSizeHeadingLarge = "1.75rem";
|
|
457
|
-
export const FontSizeHeadingMedium = "1.5rem";
|
|
458
|
-
export const FontSizeHeadingSmall = "1.25rem";
|
|
459
|
-
export const FontSizeHeadingXsmall = "1.125rem";
|
|
460
|
-
export const FontSizeXlarge = "1.25rem";
|
|
461
|
-
export const FontSizeLarge = "1.125rem";
|
|
462
|
-
export const FontSizeMedium = "1rem";
|
|
463
|
-
export const FontSizeSmall = "0.875rem";
|
|
464
|
-
export const FontWeightBold = "600";
|
|
465
|
-
export const FontWeightRegular = "400";
|