@norges-domstoler/dds-design-tokens 7.2.0 → 8.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/dist/cjs/generated-tokens/index.d.ts +2 -0
- package/dist/cjs/{dds/build → generated-tokens}/js/Core/ddsTokens.d.ts +138 -33
- package/dist/cjs/{dds/build → generated-tokens}/js/Public/ddsTokens.d.ts +142 -37
- package/dist/cjs/index.js +526 -106
- package/dist/cjs/src/index.d.ts +280 -70
- package/dist/css/ddsTokens-core.css +140 -27
- package/dist/css/ddsTokens-public.css +144 -31
- package/dist/generated-tokens/index.d.ts +2 -0
- package/dist/{dds/build → generated-tokens}/js/Core/ddsTokens.d.ts +138 -33
- package/dist/{dds/build → generated-tokens}/js/Core/ddsTokens.js +141 -36
- package/dist/{dds/build → generated-tokens}/js/Public/ddsTokens.d.ts +142 -37
- package/dist/{dds/build → generated-tokens}/js/Public/ddsTokens.js +145 -40
- package/dist/index.js +2 -2
- package/dist/scss/_ddsTokens.scss +124 -11
- package/dist/src/index.d.ts +280 -70
- package/package.json +10 -10
- package/dist/cjs/dds/index.d.ts +0 -2
- package/dist/dds/index.d.ts +0 -2
package/dist/cjs/src/index.d.ts
CHANGED
|
@@ -24,29 +24,14 @@ export declare const ddsTokens: {
|
|
|
24
24
|
ddsFontSizeX0875NumberRem: 0.875;
|
|
25
25
|
ddsFontSizeX075: "0.75rem";
|
|
26
26
|
ddsFontSizeX075NumberRem: 0.75;
|
|
27
|
-
ddsFontSizeXxlarge: "3rem";
|
|
28
|
-
ddsFontSizeXxlargeNumberRem: 3;
|
|
29
|
-
ddsFontSizeXlarge: "2rem";
|
|
30
|
-
ddsFontSizeXlargeNumberRem: 2;
|
|
31
|
-
ddsFontSizeLarge: "1.5rem";
|
|
32
|
-
ddsFontSizeLargeNumberRem: 1.5;
|
|
33
|
-
ddsFontSizeMedium: "1.25rem";
|
|
34
|
-
ddsFontSizeMediumNumberRem: 1.25;
|
|
35
|
-
ddsFontSizeSmall: "1.125rem";
|
|
36
|
-
ddsFontSizeSmallNumberRem: 1.125;
|
|
37
|
-
ddsFontSizeXsmall: "1rem";
|
|
38
|
-
ddsFontSizeXsmallNumberRem: 1;
|
|
39
|
-
ddsFontSizeXxsmall: "0.875rem";
|
|
40
|
-
ddsFontSizeXxsmallNumberRem: 0.875;
|
|
41
|
-
ddsFontSizeXxxsmall: "0.75rem";
|
|
42
|
-
ddsFontSizeXxxsmallNumberRem: 0.75;
|
|
43
27
|
ddsFontWeightLight: "300";
|
|
44
28
|
ddsFontWeightNormal: "400";
|
|
29
|
+
ddsFontWeightSemiBold: "500";
|
|
45
30
|
ddsFontWeightBold: "600";
|
|
46
31
|
ddsFontLineheightX1: 1.5;
|
|
47
32
|
ddsFontLineheightX2: 1.35;
|
|
48
33
|
ddsFontLineheightX3: 1.2;
|
|
49
|
-
ddsFontLineheightList: 2
|
|
34
|
+
ddsFontLineheightList: 2;
|
|
50
35
|
ddsFontLetterSpacingTight: "-0.01em";
|
|
51
36
|
ddsFontLetterSpacingNormal: "0em";
|
|
52
37
|
ddsFontLetterSpacingLoose: "0.01em";
|
|
@@ -134,16 +119,106 @@ export declare const ddsTokens: {
|
|
|
134
119
|
ddsZindexDropdown: "100";
|
|
135
120
|
ddsZindexSticky: "50";
|
|
136
121
|
ddsZindexAbsoluteElement: "1";
|
|
122
|
+
ddsColorDataRed100: "#f8d2d4";
|
|
123
|
+
ddsColorDataRed200: "#f0a5a9";
|
|
124
|
+
ddsColorDataRed300: "#e9787e";
|
|
125
|
+
ddsColorDataRed400: "#e14b53";
|
|
126
|
+
ddsColorDataRed500: "#da1e28";
|
|
127
|
+
ddsColorDataRed600: "#ae1820";
|
|
128
|
+
ddsColorDataRed700: "#831218";
|
|
129
|
+
ddsColorDataRed800: "#570c10";
|
|
130
|
+
ddsColorDataRed900: "#2c0608";
|
|
131
|
+
ddsColorDataMagenta100: "#eed3df";
|
|
132
|
+
ddsColorDataMagenta200: "#dfa5bf";
|
|
133
|
+
ddsColorDataMagenta300: "#cf789e";
|
|
134
|
+
ddsColorDataMagenta400: "#c74f84";
|
|
135
|
+
ddsColorDataMagenta500: "#b62665";
|
|
136
|
+
ddsColorDataMagenta600: "#8a1a4b";
|
|
137
|
+
ddsColorDataMagenta700: "#671438";
|
|
138
|
+
ddsColorDataMagenta800: "#440e26";
|
|
139
|
+
ddsColorDataMagenta900: "#220713";
|
|
140
|
+
ddsColorDataBrown100: "#f0ddd5";
|
|
141
|
+
ddsColorDataBrown200: "#e1bcac";
|
|
142
|
+
ddsColorDataBrown300: "#d19a82";
|
|
143
|
+
ddsColorDataBrown400: "#c27959";
|
|
144
|
+
ddsColorDataBrown500: "#b3572f";
|
|
145
|
+
ddsColorDataBrown600: "#8f4626";
|
|
146
|
+
ddsColorDataBrown700: "#6b341c";
|
|
147
|
+
ddsColorDataBrown800: "#482313";
|
|
148
|
+
ddsColorDataBrown900: "#241109";
|
|
149
|
+
ddsColorDataOlive100: "#e6e4d0";
|
|
150
|
+
ddsColorDataOlive200: "#cdc9a1";
|
|
151
|
+
ddsColorDataOlive300: "#b3ae71";
|
|
152
|
+
ddsColorDataOlive400: "#989344";
|
|
153
|
+
ddsColorDataOlive500: "#7c7518";
|
|
154
|
+
ddsColorDataOlive600: "#635e13";
|
|
155
|
+
ddsColorDataOlive700: "#4a460e";
|
|
156
|
+
ddsColorDataOlive800: "#322f0a";
|
|
157
|
+
ddsColorDataOlive900: "#191705";
|
|
158
|
+
ddsColorDataGreen100: "#d1e6d7";
|
|
159
|
+
ddsColorDataGreen200: "#a3ccaf";
|
|
160
|
+
ddsColorDataGreen300: "#75b388";
|
|
161
|
+
ddsColorDataGreen400: "#479960";
|
|
162
|
+
ddsColorDataGreen500: "#198038";
|
|
163
|
+
ddsColorDataGreen600: "#14662d";
|
|
164
|
+
ddsColorDataGreen700: "#0f4d22";
|
|
165
|
+
ddsColorDataGreen800: "#0a3316";
|
|
166
|
+
ddsColorDataGreen900: "#051a0b";
|
|
167
|
+
ddsColorDataTeal100: "#c2e2e1";
|
|
168
|
+
ddsColorDataTeal200: "#90ccc9";
|
|
169
|
+
ddsColorDataTeal300: "#5dafad";
|
|
170
|
+
ddsColorDataTeal400: "#2c9390";
|
|
171
|
+
ddsColorDataTeal500: "#007d79";
|
|
172
|
+
ddsColorDataTeal600: "#006461";
|
|
173
|
+
ddsColorDataTeal700: "#004b49";
|
|
174
|
+
ddsColorDataTeal800: "#003230";
|
|
175
|
+
ddsColorDataTeal900: "#001918";
|
|
176
|
+
ddsColorDataDeepblue100: "#b9d7e5";
|
|
177
|
+
ddsColorDataDeepblue200: "#96c5d9";
|
|
178
|
+
ddsColorDataDeepblue300: "#6aa8c3";
|
|
179
|
+
ddsColorDataDeepblue400: "#3e8bac";
|
|
180
|
+
ddsColorDataDeepblue500: "#196b8f";
|
|
181
|
+
ddsColorDataDeepblue600: "#135774";
|
|
182
|
+
ddsColorDataDeepblue700: "#0e455e";
|
|
183
|
+
ddsColorDataDeepblue800: "#0d3445";
|
|
184
|
+
ddsColorDataDeepblue900: "#05151d";
|
|
185
|
+
ddsColorDataBlue100: "#cfe0ff";
|
|
186
|
+
ddsColorDataBlue200: "#9fc0ff";
|
|
187
|
+
ddsColorDataBlue300: "#6fa1fe";
|
|
188
|
+
ddsColorDataBlue400: "#3f81fe";
|
|
189
|
+
ddsColorDataBlue500: "#0f62fe";
|
|
190
|
+
ddsColorDataBlue600: "#0c4ecb";
|
|
191
|
+
ddsColorDataBlue700: "#093b98";
|
|
192
|
+
ddsColorDataBlue800: "#062766";
|
|
193
|
+
ddsColorDataBlue900: "#031433";
|
|
194
|
+
ddsColorDataPurple100: "#e8d9fe";
|
|
195
|
+
ddsColorDataPurple200: "#d0b2fe";
|
|
196
|
+
ddsColorDataPurple300: "#b98cfd";
|
|
197
|
+
ddsColorDataPurple400: "#a165fd";
|
|
198
|
+
ddsColorDataPurple500: "#8a3ffc";
|
|
199
|
+
ddsColorDataPurple600: "#6e32ca";
|
|
200
|
+
ddsColorDataPurple700: "#532697";
|
|
201
|
+
ddsColorDataPurple800: "#371965";
|
|
202
|
+
ddsColorDataPurple900: "#1c0d32";
|
|
203
|
+
ddsColorDataGray100: "#e3e3e3";
|
|
204
|
+
ddsColorDataGray200: "#c7c7c7";
|
|
205
|
+
ddsColorDataGray300: "#aaaaaa";
|
|
206
|
+
ddsColorDataGray400: "#8e8e8e";
|
|
207
|
+
ddsColorDataGray500: "#727272";
|
|
208
|
+
ddsColorDataGray600: "#5b5b5b";
|
|
209
|
+
ddsColorDataGray700: "#444444";
|
|
210
|
+
ddsColorDataGray800: "#2e2e2e";
|
|
211
|
+
ddsColorDataGray900: "#171717";
|
|
137
212
|
ddsColorBgDefault: "#ffffff";
|
|
138
|
-
ddsColorBgSubtle: "#
|
|
213
|
+
ddsColorBgSubtle: "#f1f3f4";
|
|
139
214
|
ddsColorSurfaceDefault: "#ffffff";
|
|
140
|
-
ddsColorSurfaceSubtle: "#
|
|
141
|
-
ddsColorSurfaceMedium: "#
|
|
215
|
+
ddsColorSurfaceSubtle: "#f1f3f4";
|
|
216
|
+
ddsColorSurfaceMedium: "#e4e6e8";
|
|
142
217
|
ddsColorSurfaceHoverDefault: "#e7f1f7";
|
|
143
|
-
ddsColorSurfaceHoverSubtle: "#
|
|
218
|
+
ddsColorSurfaceHoverSubtle: "#f1f3f4";
|
|
144
219
|
ddsColorSurfaceSelectedDefault: "#e7f1f7";
|
|
145
220
|
ddsColorSurfaceInverseDefault: "#354754";
|
|
146
|
-
ddsColorSurfaceInverseHover: "#
|
|
221
|
+
ddsColorSurfaceInverseHover: "#2a3943";
|
|
147
222
|
ddsColorSurfaceInverseSelected: "#202b32";
|
|
148
223
|
ddsColorSurfaceActionResting: "#106ead";
|
|
149
224
|
ddsColorSurfaceActionHover: "#0d588a";
|
|
@@ -162,13 +237,13 @@ export declare const ddsTokens: {
|
|
|
162
237
|
ddsColorSurfacePaperDefault: "#ffffff";
|
|
163
238
|
ddsColorSurfaceBackdropDefault: "#0b0d0e80";
|
|
164
239
|
ddsColorSurfaceFieldDefault: "#ffffff";
|
|
165
|
-
ddsColorSurfaceFieldDisabled: "#
|
|
166
|
-
ddsColorSurfaceHighlightedDefault: "#
|
|
240
|
+
ddsColorSurfaceFieldDisabled: "#f1f3f4";
|
|
241
|
+
ddsColorSurfaceHighlightedDefault: "#fce5dd";
|
|
167
242
|
ddsColorSurfaceScrollbar: "#adb5ba";
|
|
168
243
|
ddsColorSurfaceNotification: "#d83737";
|
|
169
|
-
ddsColorSurfaceSkeleton: "#
|
|
244
|
+
ddsColorSurfaceSkeleton: "#d6dadd";
|
|
170
245
|
ddsColorBorderDefault: "#77838c";
|
|
171
|
-
ddsColorBorderSubtle: "#
|
|
246
|
+
ddsColorBorderSubtle: "#d6dadd";
|
|
172
247
|
ddsColorBorderInverse: "#acbbc6";
|
|
173
248
|
ddsColorBorderActionDefault: "#106ead";
|
|
174
249
|
ddsColorBorderActionHover: "#0d588a";
|
|
@@ -200,11 +275,11 @@ export declare const ddsTokens: {
|
|
|
200
275
|
ddsColorIconActionHover: "#0d588a";
|
|
201
276
|
ddsColorIconOnSuccessDefault: "#3d723d";
|
|
202
277
|
ddsColorIconOnSuccessStrong: "#0b0d0e";
|
|
203
|
-
ddsColorIconOnWarningDefault: "#
|
|
278
|
+
ddsColorIconOnWarningDefault: "#9a8c26";
|
|
204
279
|
ddsColorIconOnWarningStrong: "#0b0d0e";
|
|
205
280
|
ddsColorIconOnDangerDefault: "#ad2c2c";
|
|
206
281
|
ddsColorIconOnDangerStrong: "#0b0d0e";
|
|
207
|
-
ddsColorIconOnInfoDefault: "#
|
|
282
|
+
ddsColorIconOnInfoDefault: "#3e7192";
|
|
208
283
|
ddsColorIconOnInfoStrong: "#0b0d0e";
|
|
209
284
|
ddsColorIconDanger: "#ad2c2c";
|
|
210
285
|
ddsColorBrandPrimaryDefault: "#354754";
|
|
@@ -215,12 +290,42 @@ export declare const ddsTokens: {
|
|
|
215
290
|
ddsColorBrandSecondarySubtle: "#e6eded";
|
|
216
291
|
ddsColorBrandSecondaryMedium: "#b8cdcd";
|
|
217
292
|
ddsColorBrandSecondaryStrong: "#4d6463";
|
|
218
|
-
ddsColorBrandTertiaryDefault: "#
|
|
219
|
-
ddsColorBrandTertiarySubtle: "#
|
|
220
|
-
ddsColorBrandTertiaryMedium: "#
|
|
221
|
-
ddsColorBrandTertiaryStrong: "#
|
|
222
|
-
ddsColorFocusOutside: "#
|
|
293
|
+
ddsColorBrandTertiaryDefault: "#f27e55";
|
|
294
|
+
ddsColorBrandTertiarySubtle: "#fce5dd";
|
|
295
|
+
ddsColorBrandTertiaryMedium: "#f2a68f";
|
|
296
|
+
ddsColorBrandTertiaryStrong: "#d45d32";
|
|
297
|
+
ddsColorFocusOutside: "#2a4b61";
|
|
223
298
|
ddsColorFocusInside: "#f1f8fd";
|
|
299
|
+
ddsColorData10Default: "#196b8f";
|
|
300
|
+
ddsColorData10Subtle: "#96c5d9";
|
|
301
|
+
ddsColorData10Border: "#196b8f";
|
|
302
|
+
ddsColorData01Default: "#0f62fe";
|
|
303
|
+
ddsColorData01Subtle: "#9fc0ff";
|
|
304
|
+
ddsColorData01Border: "#0f62fe";
|
|
305
|
+
ddsColorData02Default: "#b3572f";
|
|
306
|
+
ddsColorData02Subtle: "#e1bcac";
|
|
307
|
+
ddsColorData02Border: "#b3572f";
|
|
308
|
+
ddsColorData03Default: "#727272";
|
|
309
|
+
ddsColorData03Subtle: "#c7c7c7";
|
|
310
|
+
ddsColorData03Border: "#727272";
|
|
311
|
+
ddsColorData04Default: "#198038";
|
|
312
|
+
ddsColorData04Subtle: "#a3ccaf";
|
|
313
|
+
ddsColorData04Border: "#198038";
|
|
314
|
+
ddsColorData05Default: "#8a3ffc";
|
|
315
|
+
ddsColorData05Subtle: "#d0b2fe";
|
|
316
|
+
ddsColorData05Border: "#8a3ffc";
|
|
317
|
+
ddsColorData06Default: "#b62665";
|
|
318
|
+
ddsColorData06Subtle: "#dfa5bf";
|
|
319
|
+
ddsColorData06Border: "#b62665";
|
|
320
|
+
ddsColorData07Default: "#7c7518";
|
|
321
|
+
ddsColorData07Subtle: "#cdc9a1";
|
|
322
|
+
ddsColorData07Border: "#7c7518";
|
|
323
|
+
ddsColorData08Default: "#da1e28";
|
|
324
|
+
ddsColorData08Subtle: "#f0a5a9";
|
|
325
|
+
ddsColorData08Border: "#da1e28";
|
|
326
|
+
ddsColorData09Default: "#007d79";
|
|
327
|
+
ddsColorData09Subtle: "#90ccc9";
|
|
328
|
+
ddsColorData09Border: "#007d79";
|
|
224
329
|
ddsFontLabelMedium: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
225
330
|
ddsFontBodyXsmall: "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
226
331
|
ddsFontBodySmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
@@ -313,29 +418,14 @@ export declare const ddsTokens: {
|
|
|
313
418
|
ddsFontSizeX0875NumberRem: 0.875;
|
|
314
419
|
ddsFontSizeX075: "0.75rem";
|
|
315
420
|
ddsFontSizeX075NumberRem: 0.75;
|
|
316
|
-
ddsFontSizeXxlarge: "4rem";
|
|
317
|
-
ddsFontSizeXxlargeNumberRem: 4;
|
|
318
|
-
ddsFontSizeXlarge: "3rem";
|
|
319
|
-
ddsFontSizeXlargeNumberRem: 3;
|
|
320
|
-
ddsFontSizeLarge: "2rem";
|
|
321
|
-
ddsFontSizeLargeNumberRem: 2;
|
|
322
|
-
ddsFontSizeMedium: "1.5rem";
|
|
323
|
-
ddsFontSizeMediumNumberRem: 1.5;
|
|
324
|
-
ddsFontSizeSmall: "1.25rem";
|
|
325
|
-
ddsFontSizeSmallNumberRem: 1.25;
|
|
326
|
-
ddsFontSizeXsmall: "1.125rem";
|
|
327
|
-
ddsFontSizeXsmallNumberRem: 1.125;
|
|
328
|
-
ddsFontSizeXxsmall: "1rem";
|
|
329
|
-
ddsFontSizeXxsmallNumberRem: 1;
|
|
330
|
-
ddsFontSizeXxxsmall: "0.875rem";
|
|
331
|
-
ddsFontSizeXxxsmallNumberRem: 0.875;
|
|
332
421
|
ddsFontWeightLight: "300";
|
|
333
422
|
ddsFontWeightNormal: "400";
|
|
423
|
+
ddsFontWeightSemiBold: "500";
|
|
334
424
|
ddsFontWeightBold: "600";
|
|
335
425
|
ddsFontLineheightX1: 1.5;
|
|
336
426
|
ddsFontLineheightX2: 1.35;
|
|
337
427
|
ddsFontLineheightX3: 1.2;
|
|
338
|
-
ddsFontLineheightList: 2
|
|
428
|
+
ddsFontLineheightList: 2;
|
|
339
429
|
ddsFontLetterSpacingTight: "-0.01em";
|
|
340
430
|
ddsFontLetterSpacingNormal: "0em";
|
|
341
431
|
ddsFontLetterSpacingLoose: "0.01em";
|
|
@@ -423,16 +513,106 @@ export declare const ddsTokens: {
|
|
|
423
513
|
ddsZindexDropdown: "100";
|
|
424
514
|
ddsZindexSticky: "50";
|
|
425
515
|
ddsZindexAbsoluteElement: "1";
|
|
516
|
+
ddsColorDataRed100: "#f8d2d4";
|
|
517
|
+
ddsColorDataRed200: "#f0a5a9";
|
|
518
|
+
ddsColorDataRed300: "#e9787e";
|
|
519
|
+
ddsColorDataRed400: "#e14b53";
|
|
520
|
+
ddsColorDataRed500: "#da1e28";
|
|
521
|
+
ddsColorDataRed600: "#ae1820";
|
|
522
|
+
ddsColorDataRed700: "#831218";
|
|
523
|
+
ddsColorDataRed800: "#570c10";
|
|
524
|
+
ddsColorDataRed900: "#2c0608";
|
|
525
|
+
ddsColorDataMagenta100: "#eed3df";
|
|
526
|
+
ddsColorDataMagenta200: "#dfa5bf";
|
|
527
|
+
ddsColorDataMagenta300: "#cf789e";
|
|
528
|
+
ddsColorDataMagenta400: "#c74f84";
|
|
529
|
+
ddsColorDataMagenta500: "#b62665";
|
|
530
|
+
ddsColorDataMagenta600: "#8a1a4b";
|
|
531
|
+
ddsColorDataMagenta700: "#671438";
|
|
532
|
+
ddsColorDataMagenta800: "#440e26";
|
|
533
|
+
ddsColorDataMagenta900: "#220713";
|
|
534
|
+
ddsColorDataBrown100: "#f0ddd5";
|
|
535
|
+
ddsColorDataBrown200: "#e1bcac";
|
|
536
|
+
ddsColorDataBrown300: "#d19a82";
|
|
537
|
+
ddsColorDataBrown400: "#c27959";
|
|
538
|
+
ddsColorDataBrown500: "#b3572f";
|
|
539
|
+
ddsColorDataBrown600: "#8f4626";
|
|
540
|
+
ddsColorDataBrown700: "#6b341c";
|
|
541
|
+
ddsColorDataBrown800: "#482313";
|
|
542
|
+
ddsColorDataBrown900: "#241109";
|
|
543
|
+
ddsColorDataOlive100: "#e6e4d0";
|
|
544
|
+
ddsColorDataOlive200: "#cdc9a1";
|
|
545
|
+
ddsColorDataOlive300: "#b3ae71";
|
|
546
|
+
ddsColorDataOlive400: "#989344";
|
|
547
|
+
ddsColorDataOlive500: "#7c7518";
|
|
548
|
+
ddsColorDataOlive600: "#635e13";
|
|
549
|
+
ddsColorDataOlive700: "#4a460e";
|
|
550
|
+
ddsColorDataOlive800: "#322f0a";
|
|
551
|
+
ddsColorDataOlive900: "#191705";
|
|
552
|
+
ddsColorDataGreen100: "#d1e6d7";
|
|
553
|
+
ddsColorDataGreen200: "#a3ccaf";
|
|
554
|
+
ddsColorDataGreen300: "#75b388";
|
|
555
|
+
ddsColorDataGreen400: "#479960";
|
|
556
|
+
ddsColorDataGreen500: "#198038";
|
|
557
|
+
ddsColorDataGreen600: "#14662d";
|
|
558
|
+
ddsColorDataGreen700: "#0f4d22";
|
|
559
|
+
ddsColorDataGreen800: "#0a3316";
|
|
560
|
+
ddsColorDataGreen900: "#051a0b";
|
|
561
|
+
ddsColorDataTeal100: "#c2e2e1";
|
|
562
|
+
ddsColorDataTeal200: "#90ccc9";
|
|
563
|
+
ddsColorDataTeal300: "#5dafad";
|
|
564
|
+
ddsColorDataTeal400: "#2c9390";
|
|
565
|
+
ddsColorDataTeal500: "#007d79";
|
|
566
|
+
ddsColorDataTeal600: "#006461";
|
|
567
|
+
ddsColorDataTeal700: "#004b49";
|
|
568
|
+
ddsColorDataTeal800: "#003230";
|
|
569
|
+
ddsColorDataTeal900: "#001918";
|
|
570
|
+
ddsColorDataDeepblue100: "#b9d7e5";
|
|
571
|
+
ddsColorDataDeepblue200: "#96c5d9";
|
|
572
|
+
ddsColorDataDeepblue300: "#6aa8c3";
|
|
573
|
+
ddsColorDataDeepblue400: "#3e8bac";
|
|
574
|
+
ddsColorDataDeepblue500: "#196b8f";
|
|
575
|
+
ddsColorDataDeepblue600: "#135774";
|
|
576
|
+
ddsColorDataDeepblue700: "#0e455e";
|
|
577
|
+
ddsColorDataDeepblue800: "#0d3445";
|
|
578
|
+
ddsColorDataDeepblue900: "#05151d";
|
|
579
|
+
ddsColorDataBlue100: "#cfe0ff";
|
|
580
|
+
ddsColorDataBlue200: "#9fc0ff";
|
|
581
|
+
ddsColorDataBlue300: "#6fa1fe";
|
|
582
|
+
ddsColorDataBlue400: "#3f81fe";
|
|
583
|
+
ddsColorDataBlue500: "#0f62fe";
|
|
584
|
+
ddsColorDataBlue600: "#0c4ecb";
|
|
585
|
+
ddsColorDataBlue700: "#093b98";
|
|
586
|
+
ddsColorDataBlue800: "#062766";
|
|
587
|
+
ddsColorDataBlue900: "#031433";
|
|
588
|
+
ddsColorDataPurple100: "#e8d9fe";
|
|
589
|
+
ddsColorDataPurple200: "#d0b2fe";
|
|
590
|
+
ddsColorDataPurple300: "#b98cfd";
|
|
591
|
+
ddsColorDataPurple400: "#a165fd";
|
|
592
|
+
ddsColorDataPurple500: "#8a3ffc";
|
|
593
|
+
ddsColorDataPurple600: "#6e32ca";
|
|
594
|
+
ddsColorDataPurple700: "#532697";
|
|
595
|
+
ddsColorDataPurple800: "#371965";
|
|
596
|
+
ddsColorDataPurple900: "#1c0d32";
|
|
597
|
+
ddsColorDataGray100: "#e3e3e3";
|
|
598
|
+
ddsColorDataGray200: "#c7c7c7";
|
|
599
|
+
ddsColorDataGray300: "#aaaaaa";
|
|
600
|
+
ddsColorDataGray400: "#8e8e8e";
|
|
601
|
+
ddsColorDataGray500: "#727272";
|
|
602
|
+
ddsColorDataGray600: "#5b5b5b";
|
|
603
|
+
ddsColorDataGray700: "#444444";
|
|
604
|
+
ddsColorDataGray800: "#2e2e2e";
|
|
605
|
+
ddsColorDataGray900: "#171717";
|
|
426
606
|
ddsColorBgDefault: "#ffffff";
|
|
427
|
-
ddsColorBgSubtle: "#
|
|
607
|
+
ddsColorBgSubtle: "#f1f3f4";
|
|
428
608
|
ddsColorSurfaceDefault: "#ffffff";
|
|
429
|
-
ddsColorSurfaceSubtle: "#
|
|
430
|
-
ddsColorSurfaceMedium: "#
|
|
609
|
+
ddsColorSurfaceSubtle: "#f1f3f4";
|
|
610
|
+
ddsColorSurfaceMedium: "#e4e6e8";
|
|
431
611
|
ddsColorSurfaceHoverDefault: "#e7f1f7";
|
|
432
|
-
ddsColorSurfaceHoverSubtle: "#
|
|
612
|
+
ddsColorSurfaceHoverSubtle: "#f1f3f4";
|
|
433
613
|
ddsColorSurfaceSelectedDefault: "#e7f1f7";
|
|
434
614
|
ddsColorSurfaceInverseDefault: "#354754";
|
|
435
|
-
ddsColorSurfaceInverseHover: "#
|
|
615
|
+
ddsColorSurfaceInverseHover: "#2a3943";
|
|
436
616
|
ddsColorSurfaceInverseSelected: "#202b32";
|
|
437
617
|
ddsColorSurfaceActionResting: "#106ead";
|
|
438
618
|
ddsColorSurfaceActionHover: "#0d588a";
|
|
@@ -451,13 +631,13 @@ export declare const ddsTokens: {
|
|
|
451
631
|
ddsColorSurfacePaperDefault: "#ffffff";
|
|
452
632
|
ddsColorSurfaceBackdropDefault: "#0b0d0e80";
|
|
453
633
|
ddsColorSurfaceFieldDefault: "#ffffff";
|
|
454
|
-
ddsColorSurfaceFieldDisabled: "#
|
|
455
|
-
ddsColorSurfaceHighlightedDefault: "#
|
|
634
|
+
ddsColorSurfaceFieldDisabled: "#f1f3f4";
|
|
635
|
+
ddsColorSurfaceHighlightedDefault: "#fce5dd";
|
|
456
636
|
ddsColorSurfaceScrollbar: "#adb5ba";
|
|
457
637
|
ddsColorSurfaceNotification: "#d83737";
|
|
458
|
-
ddsColorSurfaceSkeleton: "#
|
|
638
|
+
ddsColorSurfaceSkeleton: "#d6dadd";
|
|
459
639
|
ddsColorBorderDefault: "#77838c";
|
|
460
|
-
ddsColorBorderSubtle: "#
|
|
640
|
+
ddsColorBorderSubtle: "#d6dadd";
|
|
461
641
|
ddsColorBorderInverse: "#acbbc6";
|
|
462
642
|
ddsColorBorderActionDefault: "#106ead";
|
|
463
643
|
ddsColorBorderActionHover: "#0d588a";
|
|
@@ -489,11 +669,11 @@ export declare const ddsTokens: {
|
|
|
489
669
|
ddsColorIconActionHover: "#0d588a";
|
|
490
670
|
ddsColorIconOnSuccessDefault: "#3d723d";
|
|
491
671
|
ddsColorIconOnSuccessStrong: "#0b0d0e";
|
|
492
|
-
ddsColorIconOnWarningDefault: "#
|
|
672
|
+
ddsColorIconOnWarningDefault: "#9a8c26";
|
|
493
673
|
ddsColorIconOnWarningStrong: "#0b0d0e";
|
|
494
674
|
ddsColorIconOnDangerDefault: "#ad2c2c";
|
|
495
675
|
ddsColorIconOnDangerStrong: "#0b0d0e";
|
|
496
|
-
ddsColorIconOnInfoDefault: "#
|
|
676
|
+
ddsColorIconOnInfoDefault: "#3e7192";
|
|
497
677
|
ddsColorIconOnInfoStrong: "#0b0d0e";
|
|
498
678
|
ddsColorIconDanger: "#ad2c2c";
|
|
499
679
|
ddsColorBrandPrimaryDefault: "#354754";
|
|
@@ -504,12 +684,42 @@ export declare const ddsTokens: {
|
|
|
504
684
|
ddsColorBrandSecondarySubtle: "#e6eded";
|
|
505
685
|
ddsColorBrandSecondaryMedium: "#b8cdcd";
|
|
506
686
|
ddsColorBrandSecondaryStrong: "#4d6463";
|
|
507
|
-
ddsColorBrandTertiaryDefault: "#
|
|
508
|
-
ddsColorBrandTertiarySubtle: "#
|
|
509
|
-
ddsColorBrandTertiaryMedium: "#
|
|
510
|
-
ddsColorBrandTertiaryStrong: "#
|
|
511
|
-
ddsColorFocusOutside: "#
|
|
687
|
+
ddsColorBrandTertiaryDefault: "#f27e55";
|
|
688
|
+
ddsColorBrandTertiarySubtle: "#fce5dd";
|
|
689
|
+
ddsColorBrandTertiaryMedium: "#f2a68f";
|
|
690
|
+
ddsColorBrandTertiaryStrong: "#d45d32";
|
|
691
|
+
ddsColorFocusOutside: "#2a4b61";
|
|
512
692
|
ddsColorFocusInside: "#f1f8fd";
|
|
693
|
+
ddsColorData10Default: "#196b8f";
|
|
694
|
+
ddsColorData10Subtle: "#96c5d9";
|
|
695
|
+
ddsColorData10Border: "#196b8f";
|
|
696
|
+
ddsColorData01Default: "#0f62fe";
|
|
697
|
+
ddsColorData01Subtle: "#9fc0ff";
|
|
698
|
+
ddsColorData01Border: "#0f62fe";
|
|
699
|
+
ddsColorData02Default: "#b3572f";
|
|
700
|
+
ddsColorData02Subtle: "#e1bcac";
|
|
701
|
+
ddsColorData02Border: "#b3572f";
|
|
702
|
+
ddsColorData03Default: "#727272";
|
|
703
|
+
ddsColorData03Subtle: "#c7c7c7";
|
|
704
|
+
ddsColorData03Border: "#727272";
|
|
705
|
+
ddsColorData04Default: "#198038";
|
|
706
|
+
ddsColorData04Subtle: "#a3ccaf";
|
|
707
|
+
ddsColorData04Border: "#198038";
|
|
708
|
+
ddsColorData05Default: "#8a3ffc";
|
|
709
|
+
ddsColorData05Subtle: "#d0b2fe";
|
|
710
|
+
ddsColorData05Border: "#8a3ffc";
|
|
711
|
+
ddsColorData06Default: "#b62665";
|
|
712
|
+
ddsColorData06Subtle: "#dfa5bf";
|
|
713
|
+
ddsColorData06Border: "#b62665";
|
|
714
|
+
ddsColorData07Default: "#7c7518";
|
|
715
|
+
ddsColorData07Subtle: "#cdc9a1";
|
|
716
|
+
ddsColorData07Border: "#7c7518";
|
|
717
|
+
ddsColorData08Default: "#da1e28";
|
|
718
|
+
ddsColorData08Subtle: "#f0a5a9";
|
|
719
|
+
ddsColorData08Border: "#da1e28";
|
|
720
|
+
ddsColorData09Default: "#007d79";
|
|
721
|
+
ddsColorData09Subtle: "#90ccc9";
|
|
722
|
+
ddsColorData09Border: "#007d79";
|
|
513
723
|
ddsBorderRadiusButton: "2px";
|
|
514
724
|
ddsBorderRadiusButtonNumberPx: 2;
|
|
515
725
|
ddsBorderRadiusSurface: "2px";
|
|
@@ -525,10 +735,10 @@ export declare const ddsTokens: {
|
|
|
525
735
|
ddsFontBodySmall: "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
526
736
|
ddsFontBodyMedium: "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
527
737
|
ddsFontBodyLarge: "400 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
528
|
-
ddsFontHeadingXxsmall: "600
|
|
529
|
-
ddsFontHeadingXsmall: "600
|
|
530
|
-
ddsFontHeadingSmall: "600 1.
|
|
531
|
-
ddsFontHeadingMedium: "
|
|
738
|
+
ddsFontHeadingXxsmall: "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
739
|
+
ddsFontHeadingXsmall: "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
740
|
+
ddsFontHeadingSmall: "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
741
|
+
ddsFontHeadingMedium: "500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
532
742
|
ddsFontHeadingLarge: "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
|
|
533
743
|
ddsFontHeadingXlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
|
|
534
744
|
ddsFontHeadingXxlarge: "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif";
|