@navikt/ds-tokens 7.9.2 → 7.11.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/dist/darkside/dark-tokens.css +393 -402
- package/dist/darkside/light-tokens.css +393 -402
- package/dist/darkside/root-tokens.css +59 -59
- package/dist/darkside/static/tokens-cjs.js +16 -25
- package/dist/darkside/static/tokens.d.ts +16 -25
- package/dist/darkside/static/tokens.js +16 -25
- package/dist/darkside/static/tokens.less +16 -25
- package/dist/darkside/static/tokens.scss +16 -25
- package/dist/darkside/tokens-cjs.js +81 -90
- package/dist/darkside/tokens.css +850 -868
- package/dist/darkside/tokens.d.ts +81 -90
- package/dist/darkside/tokens.js +81 -90
- package/dist/darkside/tokens.less +11 -20
- package/dist/darkside/tokens.scss +11 -20
- package/dist/tokens-cjs.js +331 -326
- package/dist/tokens.css +324 -324
- package/dist/tokens.d.ts +326 -326
- package/dist/tokens.js +12 -6
- package/package.json +1 -1
- package/types.ts +4 -4
package/dist/tokens.d.ts
CHANGED
|
@@ -2,329 +2,329 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
export const ABreakpointXs
|
|
6
|
-
export const ABreakpointSm
|
|
7
|
-
export const ABreakpointSmDown
|
|
8
|
-
export const ABreakpointMd
|
|
9
|
-
export const ABreakpointMdDown
|
|
10
|
-
export const ABreakpointLg
|
|
11
|
-
export const ABreakpointLgDown
|
|
12
|
-
export const ABreakpointXl
|
|
13
|
-
export const ABreakpointXlDown
|
|
14
|
-
export const ABreakpoint2xl
|
|
15
|
-
export const ABreakpoint2xlDown
|
|
16
|
-
export const ATextWidthMax
|
|
17
|
-
export const AFontFamily
|
|
18
|
-
export const AFontLineHeightHeading2xlarge
|
|
19
|
-
export const AFontLineHeightHeadingXlarge
|
|
20
|
-
export const AFontLineHeightHeadingLarge
|
|
21
|
-
export const AFontLineHeightHeadingMedium
|
|
22
|
-
export const AFontLineHeightHeadingSmall
|
|
23
|
-
export const AFontLineHeightHeadingXsmall
|
|
24
|
-
export const AFontLineHeightXlarge
|
|
25
|
-
export const AFontLineHeightLarge
|
|
26
|
-
export const AFontLineHeightMedium
|
|
27
|
-
export const AFontSizeHeading2xlarge
|
|
28
|
-
export const AFontSizeHeadingXlarge
|
|
29
|
-
export const AFontSizeHeadingLarge
|
|
30
|
-
export const AFontSizeHeadingMedium
|
|
31
|
-
export const AFontSizeHeadingSmall
|
|
32
|
-
export const AFontSizeHeadingXsmall
|
|
33
|
-
export const AFontSizeXlarge
|
|
34
|
-
export const AFontSizeLarge
|
|
35
|
-
export const AFontSizeMedium
|
|
36
|
-
export const AFontSizeSmall
|
|
37
|
-
export const AFontWeightBold
|
|
38
|
-
export const AFontWeightRegular
|
|
39
|
-
export const AZIndexPopover
|
|
40
|
-
export const AZIndexFocus
|
|
41
|
-
export const AZIndexTooltip
|
|
42
|
-
export const ABorderRadiusSmall
|
|
43
|
-
export const ABorderRadiusMedium
|
|
44
|
-
export const ABorderRadiusLarge
|
|
45
|
-
export const ABorderRadiusXlarge
|
|
46
|
-
export const ABorderRadiusFull
|
|
47
|
-
export const ABgDefault
|
|
48
|
-
export const ABgSubtle
|
|
49
|
-
export const ABorderSubtleHover
|
|
50
|
-
export const ABorderDefault
|
|
51
|
-
export const ABorderStrong
|
|
52
|
-
export const ABorderDivider
|
|
53
|
-
export const ABorderSubtle
|
|
54
|
-
export const ABorderActionSelected
|
|
55
|
-
export const ABorderActionHover
|
|
56
|
-
export const ABorderAction
|
|
57
|
-
export const ABorderSelected
|
|
58
|
-
export const ABorderSuccess
|
|
59
|
-
export const ABorderDanger
|
|
60
|
-
export const ABorderWarning
|
|
61
|
-
export const ABorderInfo
|
|
62
|
-
export const ABorderFocusOnInverted
|
|
63
|
-
export const ABorderFocus
|
|
64
|
-
export const ABorderOnInverted
|
|
65
|
-
export const ABorderOnInvertedSubtle
|
|
66
|
-
export const ABorderAlt1
|
|
67
|
-
export const ABorderAlt2
|
|
68
|
-
export const ABorderAlt3
|
|
69
|
-
export const AIconDefault
|
|
70
|
-
export const AIconSubtle
|
|
71
|
-
export const AIconActionSelected
|
|
72
|
-
export const AIconActionHover
|
|
73
|
-
export const AIconActionOnActionSubtle
|
|
74
|
-
export const AIconAction
|
|
75
|
-
export const AIconSuccess
|
|
76
|
-
export const AIconDanger
|
|
77
|
-
export const AIconWarning
|
|
78
|
-
export const AIconInfo
|
|
79
|
-
export const AIconAlt1
|
|
80
|
-
export const AIconAlt2
|
|
81
|
-
export const AIconAlt3
|
|
82
|
-
export const AIconOnNeutral
|
|
83
|
-
export const AIconOnInverted
|
|
84
|
-
export const AIconOnAction
|
|
85
|
-
export const AIconOnSuccess
|
|
86
|
-
export const AIconOnDanger
|
|
87
|
-
export const AIconOnWarning
|
|
88
|
-
export const AIconOnInfo
|
|
89
|
-
export const ASurfaceHover
|
|
90
|
-
export const ASurfaceActive
|
|
91
|
-
export const ASurfaceInvertedHover
|
|
92
|
-
export const ASurfaceInvertedActive
|
|
93
|
-
export const ASurfaceActionSubtleHover
|
|
94
|
-
export const ASurfaceActionHover
|
|
95
|
-
export const ASurfaceActionActive
|
|
96
|
-
export const ASurfaceActionSelectedHover
|
|
97
|
-
export const ASurfaceNeutralSubtleHover
|
|
98
|
-
export const ASurfaceNeutralActive
|
|
99
|
-
export const ASurfaceNeutralHover
|
|
100
|
-
export const ASurfaceSuccessSubtleHover
|
|
101
|
-
export const ASurfaceSuccessHover
|
|
102
|
-
export const ASurfaceDangerSubtleHover
|
|
103
|
-
export const ASurfaceDangerHover
|
|
104
|
-
export const ASurfaceDangerActive
|
|
105
|
-
export const ASurfaceWarningSubtleHover
|
|
106
|
-
export const ASurfaceInfoSubtleHover
|
|
107
|
-
export const ASurfaceDefault
|
|
108
|
-
export const ASurfaceSelected
|
|
109
|
-
export const ASurfaceSubtle
|
|
110
|
-
export const ASurfaceTransparent
|
|
111
|
-
export const ASurfaceBackdrop
|
|
112
|
-
export const ASurfaceInverted
|
|
113
|
-
export const ASurfaceActionSubtle
|
|
114
|
-
export const ASurfaceActionSelected
|
|
115
|
-
export const ASurfaceAction
|
|
116
|
-
export const ASurfaceNeutralSubtle
|
|
117
|
-
export const ASurfaceNeutralModerate
|
|
118
|
-
export const ASurfaceNeutralSelected
|
|
119
|
-
export const ASurfaceNeutral
|
|
120
|
-
export const ASurfaceSuccessSubtle
|
|
121
|
-
export const ASurfaceSuccessModerate
|
|
122
|
-
export const ASurfaceSuccess
|
|
123
|
-
export const ASurfaceDangerSubtle
|
|
124
|
-
export const ASurfaceDangerModerate
|
|
125
|
-
export const ASurfaceDanger
|
|
126
|
-
export const ASurfaceWarningSubtle
|
|
127
|
-
export const ASurfaceWarningModerate
|
|
128
|
-
export const ASurfaceWarning
|
|
129
|
-
export const ASurfaceInfoSubtle
|
|
130
|
-
export const ASurfaceInfoModerate
|
|
131
|
-
export const ASurfaceInfo
|
|
132
|
-
export const ASurfaceAlt1Subtle
|
|
133
|
-
export const ASurfaceAlt1Moderate
|
|
134
|
-
export const ASurfaceAlt1
|
|
135
|
-
export const ASurfaceAlt2Subtle
|
|
136
|
-
export const ASurfaceAlt2Moderate
|
|
137
|
-
export const ASurfaceAlt2
|
|
138
|
-
export const ASurfaceAlt3Subtle
|
|
139
|
-
export const ASurfaceAlt3Moderate
|
|
140
|
-
export const ASurfaceAlt3Strong
|
|
141
|
-
export const ASurfaceAlt3
|
|
142
|
-
export const ATextDefault
|
|
143
|
-
export const ATextSubtle
|
|
144
|
-
export const ATextVisited
|
|
145
|
-
export const ATextDanger
|
|
146
|
-
export const ATextActionSelected
|
|
147
|
-
export const ATextActionHover
|
|
148
|
-
export const ATextActionOnActionSubtle
|
|
149
|
-
export const ATextAction
|
|
150
|
-
export const ATextOnInverted
|
|
151
|
-
export const ATextOnNeutral
|
|
152
|
-
export const ATextOnAction
|
|
153
|
-
export const ATextOnSuccess
|
|
154
|
-
export const ATextOnDanger
|
|
155
|
-
export const ATextOnWarning
|
|
156
|
-
export const ATextOnInfo
|
|
157
|
-
export const ATextOnAlt1
|
|
158
|
-
export const ATextOnAlt2
|
|
159
|
-
export const ATextOnAlt3
|
|
160
|
-
export const ADataSurface1
|
|
161
|
-
export const ADataSurface1Subtle
|
|
162
|
-
export const ADataSurface2
|
|
163
|
-
export const ADataSurface2Subtle
|
|
164
|
-
export const ADataSurface3
|
|
165
|
-
export const ADataSurface3Subtle
|
|
166
|
-
export const ADataSurface4
|
|
167
|
-
export const ADataSurface4Subtle
|
|
168
|
-
export const ADataSurface5
|
|
169
|
-
export const ADataSurface5Subtle
|
|
170
|
-
export const ADataSurface6
|
|
171
|
-
export const ADataSurface6Subtle
|
|
172
|
-
export const ADataBorder1
|
|
173
|
-
export const ADataBorder2
|
|
174
|
-
export const ADataBorder3
|
|
175
|
-
export const ADataBorder4
|
|
176
|
-
export const ADataBorder5
|
|
177
|
-
export const ADataBorder6
|
|
178
|
-
export const ASpace128
|
|
179
|
-
export const ASpace96
|
|
180
|
-
export const ASpace80
|
|
181
|
-
export const ASpace72
|
|
182
|
-
export const ASpace64
|
|
183
|
-
export const ASpace56
|
|
184
|
-
export const ASpace48
|
|
185
|
-
export const ASpace44
|
|
186
|
-
export const ASpace40
|
|
187
|
-
export const ASpace36
|
|
188
|
-
export const ASpace32
|
|
189
|
-
export const ASpace28
|
|
190
|
-
export const ASpace24
|
|
191
|
-
export const ASpace20
|
|
192
|
-
export const ASpace16
|
|
193
|
-
export const ASpace12
|
|
194
|
-
export const ASpace8
|
|
195
|
-
export const ASpace6
|
|
196
|
-
export const ASpace4
|
|
197
|
-
export const ASpace2
|
|
198
|
-
export const ASpace1
|
|
199
|
-
export const ASpace0
|
|
200
|
-
export const ATransparent
|
|
201
|
-
export const AWhite
|
|
202
|
-
export const ANavRed
|
|
203
|
-
export const AGray50
|
|
204
|
-
export const AGray100
|
|
205
|
-
export const AGray200
|
|
206
|
-
export const AGray300
|
|
207
|
-
export const AGray400
|
|
208
|
-
export const AGray500
|
|
209
|
-
export const AGray600
|
|
210
|
-
export const AGray700
|
|
211
|
-
export const AGray800
|
|
212
|
-
export const AGray900
|
|
213
|
-
export const AGrayalpha50
|
|
214
|
-
export const AGrayalpha100
|
|
215
|
-
export const AGrayalpha200
|
|
216
|
-
export const AGrayalpha300
|
|
217
|
-
export const AGrayalpha400
|
|
218
|
-
export const AGrayalpha500
|
|
219
|
-
export const AGrayalpha600
|
|
220
|
-
export const AGrayalpha700
|
|
221
|
-
export const AGrayalpha800
|
|
222
|
-
export const AGrayalpha900
|
|
223
|
-
export const ABlue50
|
|
224
|
-
export const ABlue100
|
|
225
|
-
export const ABlue200
|
|
226
|
-
export const ABlue300
|
|
227
|
-
export const ABlue400
|
|
228
|
-
export const ABlue500
|
|
229
|
-
export const ABlue600
|
|
230
|
-
export const ABlue700
|
|
231
|
-
export const ABlue800
|
|
232
|
-
export const ABlue900
|
|
233
|
-
export const ARed50
|
|
234
|
-
export const ARed100
|
|
235
|
-
export const ARed200
|
|
236
|
-
export const ARed300
|
|
237
|
-
export const ARed400
|
|
238
|
-
export const ARed500
|
|
239
|
-
export const ARed600
|
|
240
|
-
export const ARed700
|
|
241
|
-
export const ARed800
|
|
242
|
-
export const ARed900
|
|
243
|
-
export const ADeepblue50
|
|
244
|
-
export const ADeepblue100
|
|
245
|
-
export const ADeepblue200
|
|
246
|
-
export const ADeepblue300
|
|
247
|
-
export const ADeepblue400
|
|
248
|
-
export const ADeepblue500
|
|
249
|
-
export const ADeepblue600
|
|
250
|
-
export const ADeepblue700
|
|
251
|
-
export const ADeepblue800
|
|
252
|
-
export const ADeepblue900
|
|
253
|
-
export const AGreen50
|
|
254
|
-
export const AGreen100
|
|
255
|
-
export const AGreen200
|
|
256
|
-
export const AGreen300
|
|
257
|
-
export const AGreen400
|
|
258
|
-
export const AGreen500
|
|
259
|
-
export const AGreen600
|
|
260
|
-
export const AGreen700
|
|
261
|
-
export const AGreen800
|
|
262
|
-
export const AGreen900
|
|
263
|
-
export const ALightblue50
|
|
264
|
-
export const ALightblue100
|
|
265
|
-
export const ALightblue200
|
|
266
|
-
export const ALightblue300
|
|
267
|
-
export const ALightblue400
|
|
268
|
-
export const ALightblue500
|
|
269
|
-
export const ALightblue600
|
|
270
|
-
export const ALightblue700
|
|
271
|
-
export const ALightblue800
|
|
272
|
-
export const ALightblue900
|
|
273
|
-
export const ALimegreen50
|
|
274
|
-
export const ALimegreen100
|
|
275
|
-
export const ALimegreen200
|
|
276
|
-
export const ALimegreen300
|
|
277
|
-
export const ALimegreen400
|
|
278
|
-
export const ALimegreen500
|
|
279
|
-
export const ALimegreen600
|
|
280
|
-
export const ALimegreen700
|
|
281
|
-
export const ALimegreen800
|
|
282
|
-
export const ALimegreen900
|
|
283
|
-
export const AOrange50
|
|
284
|
-
export const AOrange100
|
|
285
|
-
export const AOrange200
|
|
286
|
-
export const AOrange300
|
|
287
|
-
export const AOrange400
|
|
288
|
-
export const AOrange500
|
|
289
|
-
export const AOrange600
|
|
290
|
-
export const AOrange700
|
|
291
|
-
export const AOrange800
|
|
292
|
-
export const AOrange900
|
|
293
|
-
export const APurple50
|
|
294
|
-
export const APurple100
|
|
295
|
-
export const APurple200
|
|
296
|
-
export const APurple300
|
|
297
|
-
export const APurple400
|
|
298
|
-
export const APurple500
|
|
299
|
-
export const APurple600
|
|
300
|
-
export const APurple700
|
|
301
|
-
export const APurple800
|
|
302
|
-
export const APurple900
|
|
303
|
-
export const AShadowFocus
|
|
304
|
-
export const AShadowFocusInverted
|
|
305
|
-
export const AShadowXsmall
|
|
306
|
-
export const AShadowSmall
|
|
307
|
-
export const AShadowMedium
|
|
308
|
-
export const AShadowLarge
|
|
309
|
-
export const AShadowXlarge
|
|
310
|
-
export const ASpacing0
|
|
311
|
-
export const ASpacing1
|
|
312
|
-
export const ASpacing2
|
|
313
|
-
export const ASpacing3
|
|
314
|
-
export const ASpacing4
|
|
315
|
-
export const ASpacing5
|
|
316
|
-
export const ASpacing6
|
|
317
|
-
export const ASpacing7
|
|
318
|
-
export const ASpacing8
|
|
319
|
-
export const ASpacing9
|
|
320
|
-
export const ASpacing10
|
|
321
|
-
export const ASpacing11
|
|
322
|
-
export const ASpacing12
|
|
323
|
-
export const ASpacing14
|
|
324
|
-
export const ASpacing16
|
|
325
|
-
export const ASpacing18
|
|
326
|
-
export const ASpacing20
|
|
327
|
-
export const ASpacing24
|
|
328
|
-
export const ASpacing32
|
|
329
|
-
export const ASpacing05
|
|
330
|
-
export const ASpacing1Alt
|
|
5
|
+
export const ABreakpointXs: "0";
|
|
6
|
+
export const ABreakpointSm: "480px";
|
|
7
|
+
export const ABreakpointSmDown: "479px";
|
|
8
|
+
export const ABreakpointMd: "768px";
|
|
9
|
+
export const ABreakpointMdDown: "767px";
|
|
10
|
+
export const ABreakpointLg: "1024px";
|
|
11
|
+
export const ABreakpointLgDown: "1023px";
|
|
12
|
+
export const ABreakpointXl: "1280px";
|
|
13
|
+
export const ABreakpointXlDown: "1279px";
|
|
14
|
+
export const ABreakpoint2xl: "1440px";
|
|
15
|
+
export const ABreakpoint2xlDown: "1439px";
|
|
16
|
+
export const ATextWidthMax: "576px";
|
|
17
|
+
export const AFontFamily: "'Source Sans 3', 'Source Sans Pro', Arial, sans-serif";
|
|
18
|
+
export const AFontLineHeightHeading2xlarge: "3.25rem";
|
|
19
|
+
export const AFontLineHeightHeadingXlarge: "2.5rem";
|
|
20
|
+
export const AFontLineHeightHeadingLarge: "2.25rem";
|
|
21
|
+
export const AFontLineHeightHeadingMedium: "2rem";
|
|
22
|
+
export const AFontLineHeightHeadingSmall: "1.75rem";
|
|
23
|
+
export const AFontLineHeightHeadingXsmall: "1.5rem";
|
|
24
|
+
export const AFontLineHeightXlarge: "1.75rem";
|
|
25
|
+
export const AFontLineHeightLarge: "1.5rem";
|
|
26
|
+
export const AFontLineHeightMedium: "1.25rem";
|
|
27
|
+
export const AFontSizeHeading2xlarge: "2.5rem";
|
|
28
|
+
export const AFontSizeHeadingXlarge: "2rem";
|
|
29
|
+
export const AFontSizeHeadingLarge: "1.75rem";
|
|
30
|
+
export const AFontSizeHeadingMedium: "1.5rem";
|
|
31
|
+
export const AFontSizeHeadingSmall: "1.25rem";
|
|
32
|
+
export const AFontSizeHeadingXsmall: "1.125rem";
|
|
33
|
+
export const AFontSizeXlarge: "1.25rem";
|
|
34
|
+
export const AFontSizeLarge: "1.125rem";
|
|
35
|
+
export const AFontSizeMedium: "1rem";
|
|
36
|
+
export const AFontSizeSmall: "0.875rem";
|
|
37
|
+
export const AFontWeightBold: "600";
|
|
38
|
+
export const AFontWeightRegular: "400";
|
|
39
|
+
export const AZIndexPopover: number;
|
|
40
|
+
export const AZIndexFocus: number;
|
|
41
|
+
export const AZIndexTooltip: number;
|
|
42
|
+
export const ABorderRadiusSmall: "2px";
|
|
43
|
+
export const ABorderRadiusMedium: "4px";
|
|
44
|
+
export const ABorderRadiusLarge: "8px";
|
|
45
|
+
export const ABorderRadiusXlarge: "12px";
|
|
46
|
+
export const ABorderRadiusFull: "9999px";
|
|
47
|
+
export const ABgDefault: "rgba(255, 255, 255, 1)";
|
|
48
|
+
export const ABgSubtle: "rgba(236, 238, 240, 1)";
|
|
49
|
+
export const ABorderSubtleHover: "rgba(5, 23, 51, 0.34)";
|
|
50
|
+
export const ABorderDefault: "rgba(2, 20, 49, 0.49)";
|
|
51
|
+
export const ABorderStrong: "rgba(1, 11, 24, 0.68)";
|
|
52
|
+
export const ABorderDivider: "rgba(7, 26, 54, 0.21)";
|
|
53
|
+
export const ABorderSubtle: "rgba(7, 26, 54, 0.21)";
|
|
54
|
+
export const ABorderActionSelected: "rgba(0, 69, 156, 1)";
|
|
55
|
+
export const ABorderActionHover: "rgba(0, 86, 180, 1)";
|
|
56
|
+
export const ABorderAction: "rgba(0, 103, 197, 1)";
|
|
57
|
+
export const ABorderSelected: "rgba(0, 103, 197, 1)";
|
|
58
|
+
export const ABorderSuccess: "rgba(6, 137, 58, 1)";
|
|
59
|
+
export const ABorderDanger: "rgba(195, 0, 0, 1)";
|
|
60
|
+
export const ABorderWarning: "rgba(199, 115, 0, 1)";
|
|
61
|
+
export const ABorderInfo: "rgba(54, 141, 168, 1)";
|
|
62
|
+
export const ABorderFocusOnInverted: "rgba(153, 195, 255, 1)";
|
|
63
|
+
export const ABorderFocus: "rgba(0, 52, 125, 1)";
|
|
64
|
+
export const ABorderOnInverted: "rgba(224, 227, 230, 1)";
|
|
65
|
+
export const ABorderOnInvertedSubtle: "rgba(82, 89, 98, 1)";
|
|
66
|
+
export const ABorderAlt1: "rgba(130, 105, 162, 1)";
|
|
67
|
+
export const ABorderAlt2: "rgba(127, 137, 0, 1)";
|
|
68
|
+
export const ABorderAlt3: "rgba(0, 91, 130, 1)";
|
|
69
|
+
export const AIconDefault: "rgba(35, 38, 42, 1)";
|
|
70
|
+
export const AIconSubtle: "rgba(1, 11, 24, 0.68)";
|
|
71
|
+
export const AIconActionSelected: "rgba(0, 69, 156, 1)";
|
|
72
|
+
export const AIconActionHover: "rgba(0, 86, 180, 1)";
|
|
73
|
+
export const AIconActionOnActionSubtle: "rgba(0, 86, 180, 1)";
|
|
74
|
+
export const AIconAction: "rgba(0, 103, 197, 1)";
|
|
75
|
+
export const AIconSuccess: "rgba(6, 137, 58, 1)";
|
|
76
|
+
export const AIconDanger: "rgba(195, 0, 0, 1)";
|
|
77
|
+
export const AIconWarning: "rgba(199, 115, 0, 1)";
|
|
78
|
+
export const AIconInfo: "rgba(35, 107, 125, 1)";
|
|
79
|
+
export const AIconAlt1: "rgba(99, 70, 137, 1)";
|
|
80
|
+
export const AIconAlt2: "rgba(127, 137, 0, 1)";
|
|
81
|
+
export const AIconAlt3: "rgba(0, 91, 130, 1)";
|
|
82
|
+
export const AIconOnNeutral: "rgba(255, 255, 255, 1)";
|
|
83
|
+
export const AIconOnInverted: "rgba(255, 255, 255, 1)";
|
|
84
|
+
export const AIconOnAction: "rgba(255, 255, 255, 1)";
|
|
85
|
+
export const AIconOnSuccess: "rgba(255, 255, 255, 1)";
|
|
86
|
+
export const AIconOnDanger: "rgba(255, 255, 255, 1)";
|
|
87
|
+
export const AIconOnWarning: "rgba(35, 38, 42, 1)";
|
|
88
|
+
export const AIconOnInfo: "rgba(35, 38, 42, 1)";
|
|
89
|
+
export const ASurfaceHover: "rgba(18, 43, 68, 0.08)";
|
|
90
|
+
export const ASurfaceActive: "rgba(17, 41, 64, 0.13)";
|
|
91
|
+
export const ASurfaceInvertedHover: "rgba(66, 71, 79, 1)";
|
|
92
|
+
export const ASurfaceInvertedActive: "rgba(82, 89, 98, 1)";
|
|
93
|
+
export const ASurfaceActionSubtleHover: "rgba(204, 225, 255, 1)";
|
|
94
|
+
export const ASurfaceActionHover: "rgba(0, 86, 180, 1)";
|
|
95
|
+
export const ASurfaceActionActive: "rgba(0, 69, 156, 1)";
|
|
96
|
+
export const ASurfaceActionSelectedHover: "rgba(0, 52, 125, 1)";
|
|
97
|
+
export const ASurfaceNeutralSubtleHover: "rgba(17, 41, 64, 0.13)";
|
|
98
|
+
export const ASurfaceNeutralActive: "rgba(35, 38, 42, 1)";
|
|
99
|
+
export const ASurfaceNeutralHover: "rgba(66, 71, 79, 1)";
|
|
100
|
+
export const ASurfaceSuccessSubtleHover: "rgba(153, 222, 173, 1)";
|
|
101
|
+
export const ASurfaceSuccessHover: "rgba(0, 124, 46, 1)";
|
|
102
|
+
export const ASurfaceDangerSubtleHover: "rgba(246, 130, 130, 1)";
|
|
103
|
+
export const ASurfaceDangerHover: "rgba(173, 0, 0, 1)";
|
|
104
|
+
export const ASurfaceDangerActive: "rgba(140, 0, 0, 1)";
|
|
105
|
+
export const ASurfaceWarningSubtleHover: "rgba(255, 215, 153, 1)";
|
|
106
|
+
export const ASurfaceInfoSubtleHover: "rgba(181, 241, 255, 1)";
|
|
107
|
+
export const ASurfaceDefault: "rgba(255, 255, 255, 1)";
|
|
108
|
+
export const ASurfaceSelected: "rgba(230, 240, 255, 1)";
|
|
109
|
+
export const ASurfaceSubtle: "rgba(242, 243, 245, 1)";
|
|
110
|
+
export const ASurfaceTransparent: "rgba(255, 255, 255, 0)";
|
|
111
|
+
export const ASurfaceBackdrop: "rgba(2, 20, 49, 0.49)";
|
|
112
|
+
export const ASurfaceInverted: "rgba(35, 38, 42, 1)";
|
|
113
|
+
export const ASurfaceActionSubtle: "rgba(230, 240, 255, 1)";
|
|
114
|
+
export const ASurfaceActionSelected: "rgba(0, 69, 156, 1)";
|
|
115
|
+
export const ASurfaceAction: "rgba(0, 103, 197, 1)";
|
|
116
|
+
export const ASurfaceNeutralSubtle: "rgba(18, 43, 68, 0.08)";
|
|
117
|
+
export const ASurfaceNeutralModerate: "rgba(17, 41, 64, 0.13)";
|
|
118
|
+
export const ASurfaceNeutralSelected: "rgba(35, 38, 42, 1)";
|
|
119
|
+
export const ASurfaceNeutral: "rgba(82, 89, 98, 1)";
|
|
120
|
+
export const ASurfaceSuccessSubtle: "rgba(204, 241, 214, 1)";
|
|
121
|
+
export const ASurfaceSuccessModerate: "rgba(153, 222, 173, 1)";
|
|
122
|
+
export const ASurfaceSuccess: "rgba(6, 137, 58, 1)";
|
|
123
|
+
export const ASurfaceDangerSubtle: "rgba(255, 194, 194, 1)";
|
|
124
|
+
export const ASurfaceDangerModerate: "rgba(246, 130, 130, 1)";
|
|
125
|
+
export const ASurfaceDanger: "rgba(195, 0, 0, 1)";
|
|
126
|
+
export const ASurfaceWarningSubtle: "rgba(255, 236, 204, 1)";
|
|
127
|
+
export const ASurfaceWarningModerate: "rgba(255, 215, 153, 1)";
|
|
128
|
+
export const ASurfaceWarning: "rgba(255, 145, 0, 1)";
|
|
129
|
+
export const ASurfaceInfoSubtle: "rgba(216, 249, 255, 1)";
|
|
130
|
+
export const ASurfaceInfoModerate: "rgba(181, 241, 255, 1)";
|
|
131
|
+
export const ASurfaceInfo: "rgba(102, 203, 236, 1)";
|
|
132
|
+
export const ASurfaceAlt1Subtle: "rgba(224, 216, 233, 1)";
|
|
133
|
+
export const ASurfaceAlt1Moderate: "rgba(192, 178, 210, 1)";
|
|
134
|
+
export const ASurfaceAlt1: "rgba(130, 105, 162, 1)";
|
|
135
|
+
export const ASurfaceAlt2Subtle: "rgba(249, 252, 204, 1)";
|
|
136
|
+
export const ASurfaceAlt2Moderate: "rgba(236, 243, 153, 1)";
|
|
137
|
+
export const ASurfaceAlt2: "rgba(193, 203, 51, 1)";
|
|
138
|
+
export const ASurfaceAlt3Subtle: "rgba(204, 226, 240, 1)";
|
|
139
|
+
export const ASurfaceAlt3Moderate: "rgba(153, 196, 221, 1)";
|
|
140
|
+
export const ASurfaceAlt3Strong: "rgba(0, 52, 83, 1)";
|
|
141
|
+
export const ASurfaceAlt3: "rgba(0, 91, 130, 1)";
|
|
142
|
+
export const ATextDefault: "rgba(35, 38, 42, 1)";
|
|
143
|
+
export const ATextSubtle: "rgba(1, 11, 24, 0.68)";
|
|
144
|
+
export const ATextVisited: "rgba(99, 70, 137, 1)";
|
|
145
|
+
export const ATextDanger: "rgba(195, 0, 0, 1)";
|
|
146
|
+
export const ATextActionSelected: "rgba(0, 69, 156, 1)";
|
|
147
|
+
export const ATextActionHover: "rgba(0, 86, 180, 1)";
|
|
148
|
+
export const ATextActionOnActionSubtle: "rgba(0, 86, 180, 1)";
|
|
149
|
+
export const ATextAction: "rgba(0, 103, 197, 1)";
|
|
150
|
+
export const ATextOnInverted: "rgba(255, 255, 255, 1)";
|
|
151
|
+
export const ATextOnNeutral: "rgba(255, 255, 255, 1)";
|
|
152
|
+
export const ATextOnAction: "rgba(255, 255, 255, 1)";
|
|
153
|
+
export const ATextOnSuccess: "rgba(255, 255, 255, 1)";
|
|
154
|
+
export const ATextOnDanger: "rgba(255, 255, 255, 1)";
|
|
155
|
+
export const ATextOnWarning: "rgba(35, 38, 42, 1)";
|
|
156
|
+
export const ATextOnInfo: "rgba(35, 38, 42, 1)";
|
|
157
|
+
export const ATextOnAlt1: "rgba(255, 255, 255, 1)";
|
|
158
|
+
export const ATextOnAlt2: "rgba(35, 38, 42, 1)";
|
|
159
|
+
export const ATextOnAlt3: "rgba(255, 255, 255, 1)";
|
|
160
|
+
export const ADataSurface1: "rgba(51, 134, 224, 1)";
|
|
161
|
+
export const ADataSurface1Subtle: "rgba(204, 225, 255, 1)";
|
|
162
|
+
export const ADataSurface2: "rgba(0, 91, 130, 1)";
|
|
163
|
+
export const ADataSurface2Subtle: "rgba(153, 196, 221, 1)";
|
|
164
|
+
export const ADataSurface3: "rgba(199, 115, 0, 1)";
|
|
165
|
+
export const ADataSurface3Subtle: "rgba(255, 193, 102, 1)";
|
|
166
|
+
export const ADataSurface4: "rgba(54, 141, 168, 1)";
|
|
167
|
+
export const ADataSurface4Subtle: "rgba(102, 203, 236, 1)";
|
|
168
|
+
export const ADataSurface5: "rgba(42, 167, 88, 1)";
|
|
169
|
+
export const ADataSurface5Subtle: "rgba(153, 222, 173, 1)";
|
|
170
|
+
export const ADataSurface6: "rgba(130, 105, 162, 1)";
|
|
171
|
+
export const ADataSurface6Subtle: "rgba(192, 178, 210, 1)";
|
|
172
|
+
export const ADataBorder1: "rgba(51, 134, 224, 1)";
|
|
173
|
+
export const ADataBorder2: "rgba(0, 91, 130, 1)";
|
|
174
|
+
export const ADataBorder3: "rgba(199, 115, 0, 1)";
|
|
175
|
+
export const ADataBorder4: "rgba(54, 141, 168, 1)";
|
|
176
|
+
export const ADataBorder5: "rgba(42, 167, 88, 1)";
|
|
177
|
+
export const ADataBorder6: "rgba(130, 105, 162, 1)";
|
|
178
|
+
export const ASpace128: "8rem";
|
|
179
|
+
export const ASpace96: "6rem";
|
|
180
|
+
export const ASpace80: "5rem";
|
|
181
|
+
export const ASpace72: "4.5rem";
|
|
182
|
+
export const ASpace64: "4rem";
|
|
183
|
+
export const ASpace56: "3.5rem";
|
|
184
|
+
export const ASpace48: "3rem";
|
|
185
|
+
export const ASpace44: "2.75rem";
|
|
186
|
+
export const ASpace40: "2.5rem";
|
|
187
|
+
export const ASpace36: "2.25rem";
|
|
188
|
+
export const ASpace32: "2rem";
|
|
189
|
+
export const ASpace28: "1.75rem";
|
|
190
|
+
export const ASpace24: "1.5rem";
|
|
191
|
+
export const ASpace20: "1.25rem";
|
|
192
|
+
export const ASpace16: "1rem";
|
|
193
|
+
export const ASpace12: ".75rem";
|
|
194
|
+
export const ASpace8: ".5rem";
|
|
195
|
+
export const ASpace6: ".375rem";
|
|
196
|
+
export const ASpace4: ".25rem";
|
|
197
|
+
export const ASpace2: ".125rem";
|
|
198
|
+
export const ASpace1: ".0625rem";
|
|
199
|
+
export const ASpace0: "0rem";
|
|
200
|
+
export const ATransparent: "rgba(255, 255, 255, 0)";
|
|
201
|
+
export const AWhite: "rgba(255, 255, 255, 1)";
|
|
202
|
+
export const ANavRed: "rgba(195, 0, 0, 1)";
|
|
203
|
+
export const AGray50: "rgba(242, 243, 245, 1)";
|
|
204
|
+
export const AGray100: "rgba(236, 238, 240, 1)";
|
|
205
|
+
export const AGray200: "rgba(224, 227, 230, 1)";
|
|
206
|
+
export const AGray300: "rgba(203, 207, 213, 1)";
|
|
207
|
+
export const AGray400: "rgba(170, 176, 186, 1)";
|
|
208
|
+
export const AGray500: "rgba(131, 140, 154, 1)";
|
|
209
|
+
export const AGray600: "rgba(103, 111, 123, 1)";
|
|
210
|
+
export const AGray700: "rgba(82, 89, 98, 1)";
|
|
211
|
+
export const AGray800: "rgba(66, 71, 79, 1)";
|
|
212
|
+
export const AGray900: "rgba(35, 38, 42, 1)";
|
|
213
|
+
export const AGrayalpha50: "rgba(38, 55, 89, 0.06)";
|
|
214
|
+
export const AGrayalpha100: "rgba(18, 43, 68, 0.08)";
|
|
215
|
+
export const AGrayalpha200: "rgba(17, 41, 64, 0.13)";
|
|
216
|
+
export const AGrayalpha300: "rgba(7, 26, 54, 0.21)";
|
|
217
|
+
export const AGrayalpha400: "rgba(5, 23, 51, 0.34)";
|
|
218
|
+
export const AGrayalpha500: "rgba(2, 20, 49, 0.49)";
|
|
219
|
+
export const AGrayalpha600: "rgba(2, 15, 34, 0.6)";
|
|
220
|
+
export const AGrayalpha700: "rgba(1, 11, 24, 0.68)";
|
|
221
|
+
export const AGrayalpha800: "rgba(3, 11, 22, 0.75)";
|
|
222
|
+
export const AGrayalpha900: "rgba(2, 5, 9, 0.87)";
|
|
223
|
+
export const ABlue50: "rgba(230, 240, 255, 1)";
|
|
224
|
+
export const ABlue100: "rgba(204, 225, 255, 1)";
|
|
225
|
+
export const ABlue200: "rgba(153, 195, 255, 1)";
|
|
226
|
+
export const ABlue300: "rgba(102, 165, 244, 1)";
|
|
227
|
+
export const ABlue400: "rgba(51, 134, 224, 1)";
|
|
228
|
+
export const ABlue500: "rgba(0, 103, 197, 1)";
|
|
229
|
+
export const ABlue600: "rgba(0, 86, 180, 1)";
|
|
230
|
+
export const ABlue700: "rgba(0, 69, 156, 1)";
|
|
231
|
+
export const ABlue800: "rgba(0, 52, 125, 1)";
|
|
232
|
+
export const ABlue900: "rgba(0, 34, 82, 1)";
|
|
233
|
+
export const ARed50: "rgba(255, 230, 230, 1)";
|
|
234
|
+
export const ARed100: "rgba(255, 194, 194, 1)";
|
|
235
|
+
export const ARed200: "rgba(246, 130, 130, 1)";
|
|
236
|
+
export const ARed300: "rgba(242, 92, 92, 1)";
|
|
237
|
+
export const ARed400: "rgba(222, 46, 46, 1)";
|
|
238
|
+
export const ARed500: "rgba(195, 0, 0, 1)";
|
|
239
|
+
export const ARed600: "rgba(173, 0, 0, 1)";
|
|
240
|
+
export const ARed700: "rgba(140, 0, 0, 1)";
|
|
241
|
+
export const ARed800: "rgba(92, 0, 0, 1)";
|
|
242
|
+
export const ARed900: "rgba(38, 0, 0, 1)";
|
|
243
|
+
export const ADeepblue50: "rgba(230, 241, 248, 1)";
|
|
244
|
+
export const ADeepblue100: "rgba(204, 226, 240, 1)";
|
|
245
|
+
export const ADeepblue200: "rgba(153, 196, 221, 1)";
|
|
246
|
+
export const ADeepblue300: "rgba(102, 163, 196, 1)";
|
|
247
|
+
export const ADeepblue400: "rgba(51, 128, 165, 1)";
|
|
248
|
+
export const ADeepblue500: "rgba(0, 91, 130, 1)";
|
|
249
|
+
export const ADeepblue600: "rgba(0, 80, 119, 1)";
|
|
250
|
+
export const ADeepblue700: "rgba(0, 67, 103, 1)";
|
|
251
|
+
export const ADeepblue800: "rgba(0, 52, 83, 1)";
|
|
252
|
+
export const ADeepblue900: "rgba(0, 36, 58, 1)";
|
|
253
|
+
export const AGreen50: "rgba(243, 252, 245, 1)";
|
|
254
|
+
export const AGreen100: "rgba(204, 241, 214, 1)";
|
|
255
|
+
export const AGreen200: "rgba(153, 222, 173, 1)";
|
|
256
|
+
export const AGreen300: "rgba(102, 199, 134, 1)";
|
|
257
|
+
export const AGreen400: "rgba(42, 167, 88, 1)";
|
|
258
|
+
export const AGreen500: "rgba(6, 137, 58, 1)";
|
|
259
|
+
export const AGreen600: "rgba(0, 124, 46, 1)";
|
|
260
|
+
export const AGreen700: "rgba(0, 106, 35, 1)";
|
|
261
|
+
export const AGreen800: "rgba(0, 85, 25, 1)";
|
|
262
|
+
export const AGreen900: "rgba(0, 59, 15, 1)";
|
|
263
|
+
export const ALightblue50: "rgba(235, 252, 255, 1)";
|
|
264
|
+
export const ALightblue100: "rgba(216, 249, 255, 1)";
|
|
265
|
+
export const ALightblue200: "rgba(181, 241, 255, 1)";
|
|
266
|
+
export const ALightblue300: "rgba(151, 230, 255, 1)";
|
|
267
|
+
export const ALightblue400: "rgba(124, 218, 248, 1)";
|
|
268
|
+
export const ALightblue500: "rgba(102, 203, 236, 1)";
|
|
269
|
+
export const ALightblue600: "rgba(76, 173, 205, 1)";
|
|
270
|
+
export const ALightblue700: "rgba(54, 141, 168, 1)";
|
|
271
|
+
export const ALightblue800: "rgba(35, 107, 125, 1)";
|
|
272
|
+
export const ALightblue900: "rgba(19, 72, 82, 1)";
|
|
273
|
+
export const ALimegreen50: "rgba(253, 255, 230, 1)";
|
|
274
|
+
export const ALimegreen100: "rgba(249, 252, 204, 1)";
|
|
275
|
+
export const ALimegreen200: "rgba(236, 243, 153, 1)";
|
|
276
|
+
export const ALimegreen300: "rgba(217, 227, 102, 1)";
|
|
277
|
+
export const ALimegreen400: "rgba(193, 203, 51, 1)";
|
|
278
|
+
export const ALimegreen500: "rgba(162, 173, 0, 1)";
|
|
279
|
+
export const ALimegreen600: "rgba(147, 158, 0, 1)";
|
|
280
|
+
export const ALimegreen700: "rgba(127, 137, 0, 1)";
|
|
281
|
+
export const ALimegreen800: "rgba(102, 110, 0, 1)";
|
|
282
|
+
export const ALimegreen900: "rgba(71, 78, 0, 1)";
|
|
283
|
+
export const AOrange50: "rgba(255, 249, 240, 1)";
|
|
284
|
+
export const AOrange100: "rgba(255, 236, 204, 1)";
|
|
285
|
+
export const AOrange200: "rgba(255, 215, 153, 1)";
|
|
286
|
+
export const AOrange300: "rgba(255, 193, 102, 1)";
|
|
287
|
+
export const AOrange400: "rgba(255, 170, 51, 1)";
|
|
288
|
+
export const AOrange500: "rgba(255, 145, 0, 1)";
|
|
289
|
+
export const AOrange600: "rgba(199, 115, 0, 1)";
|
|
290
|
+
export const AOrange700: "rgba(168, 100, 0, 1)";
|
|
291
|
+
export const AOrange800: "rgba(125, 76, 0, 1)";
|
|
292
|
+
export const AOrange900: "rgba(82, 51, 0, 1)";
|
|
293
|
+
export const APurple50: "rgba(239, 236, 244, 1)";
|
|
294
|
+
export const APurple100: "rgba(224, 216, 233, 1)";
|
|
295
|
+
export const APurple200: "rgba(192, 178, 210, 1)";
|
|
296
|
+
export const APurple300: "rgba(161, 141, 187, 1)";
|
|
297
|
+
export const APurple400: "rgba(130, 105, 162, 1)";
|
|
298
|
+
export const APurple500: "rgba(99, 70, 137, 1)";
|
|
299
|
+
export const APurple600: "rgba(82, 56, 116, 1)";
|
|
300
|
+
export const APurple700: "rgba(65, 43, 93, 1)";
|
|
301
|
+
export const APurple800: "rgba(48, 31, 70, 1)";
|
|
302
|
+
export const APurple900: "rgba(31, 20, 47, 1)";
|
|
303
|
+
export const AShadowFocus: "0 0 0 3px rgba(0, 52, 125, 1)";
|
|
304
|
+
export const AShadowFocusInverted: "0 0 0 3px rgba(153, 195, 255, 1)";
|
|
305
|
+
export const AShadowXsmall: "0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20)";
|
|
306
|
+
export const AShadowSmall: "0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18)";
|
|
307
|
+
export const AShadowMedium: "0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15)";
|
|
308
|
+
export const AShadowLarge: "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 16px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.12)";
|
|
309
|
+
export const AShadowXlarge: "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 24px 0px rgba(0, 0, 0, 0.18), 0px 0px 1px 0px rgba(0, 0, 0, 0.08)";
|
|
310
|
+
export const ASpacing0: "0";
|
|
311
|
+
export const ASpacing1: "0.25rem";
|
|
312
|
+
export const ASpacing2: "0.5rem";
|
|
313
|
+
export const ASpacing3: "0.75rem";
|
|
314
|
+
export const ASpacing4: "1rem";
|
|
315
|
+
export const ASpacing5: "1.25rem";
|
|
316
|
+
export const ASpacing6: "1.5rem";
|
|
317
|
+
export const ASpacing7: "1.75rem";
|
|
318
|
+
export const ASpacing8: "2rem";
|
|
319
|
+
export const ASpacing9: "2.25rem";
|
|
320
|
+
export const ASpacing10: "2.5rem";
|
|
321
|
+
export const ASpacing11: "2.75rem";
|
|
322
|
+
export const ASpacing12: "3rem";
|
|
323
|
+
export const ASpacing14: "3.5rem";
|
|
324
|
+
export const ASpacing16: "4rem";
|
|
325
|
+
export const ASpacing18: "4.5rem";
|
|
326
|
+
export const ASpacing20: "5rem";
|
|
327
|
+
export const ASpacing24: "6rem";
|
|
328
|
+
export const ASpacing32: "8rem";
|
|
329
|
+
export const ASpacing05: "0.125rem";
|
|
330
|
+
export const ASpacing1Alt: "0.375rem";
|