@norges-domstoler/dds-design-tokens 6.0.1 → 7.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.
Files changed (21) hide show
  1. package/README.md +71 -39
  2. package/dist/cjs/dds/build/js/Core/ddsTokens.d.ts +275 -0
  3. package/dist/cjs/dds/build/js/Public/ddsTokens.d.ts +275 -0
  4. package/dist/cjs/dds/index.d.ts +2 -1
  5. package/dist/cjs/index.js +1020 -735
  6. package/dist/cjs/src/index.d.ts +554 -412
  7. package/dist/css/ddsTokens-core.css +212 -0
  8. package/dist/css/ddsTokens-public.css +212 -0
  9. package/dist/dds/build/js/Core/ddsTokens.d.ts +275 -0
  10. package/dist/dds/build/js/Core/ddsTokens.js +278 -0
  11. package/dist/dds/build/js/Public/ddsTokens.d.ts +275 -0
  12. package/dist/dds/build/js/Public/ddsTokens.js +278 -0
  13. package/dist/dds/index.d.ts +2 -1
  14. package/dist/index.js +6 -2
  15. package/dist/scss/_ddsTokens.scss +206 -311
  16. package/dist/src/index.d.ts +554 -412
  17. package/package.json +8 -8
  18. package/dist/cjs/dds/build/js/ddsTokens.d.ts +0 -412
  19. package/dist/css/ddsTokens.css +0 -321
  20. package/dist/dds/build/js/ddsTokens.d.ts +0 -412
  21. package/dist/dds/build/js/ddsTokens.js +0 -415
package/dist/src/index.d.ts CHANGED
@@ -1,414 +1,556 @@
1
1
  export declare const ddsTokens: {
2
- ddsColorPrimaryLightest: "#eaeff4";
3
- ddsColorPrimaryLighter: "#acbbc6";
4
- ddsColorPrimaryLight: "#4f6a7e";
5
- ddsColorPrimaryBase: "#354754";
6
- ddsColorPrimaryDark: "#313d45";
7
- ddsColorPrimaryDarker: "#202b32";
8
- ddsColorPrimaryDarkest: "#151c22";
9
- ddsColorNeutralsWhite: "#ffffff";
10
- ddsColorNeutralsGray1: "#f8f9f9";
11
- ddsColorNeutralsGray2: "#ebecee";
12
- ddsColorNeutralsGray3: "#cfd4d7";
13
- ddsColorNeutralsGray4: "#adb5ba";
14
- ddsColorNeutralsGray5: "#77838c";
15
- ddsColorNeutralsGray6: "#545c62";
16
- ddsColorNeutralsGray7: "#3a4146";
17
- ddsColorNeutralsGray8: "#22272a";
18
- ddsColorNeutralsGray9: "#0b0d0e";
19
- ddsColorInteractiveLightest: "#e7f1f7";
20
- ddsColorInteractiveLighter: "#9fc5de";
21
- ddsColorInteractiveLight: "#589ac6";
22
- ddsColorInteractiveBase: "#106ead";
23
- ddsColorInteractiveDark: "#0d588a";
24
- ddsColorInteractiveDarker: "#0a4268";
25
- ddsColorInteractiveDarkest: "#062c45";
26
- ddsColorSecondaryLightest: "#e6eded";
27
- ddsColorSecondaryLighter: "#cddbdb";
28
- ddsColorSecondaryLight: "#b8cdcd";
29
- ddsColorSecondaryBase: "#9ab8b7";
30
- ddsColorSecondaryDark: "#7b9392";
31
- ddsColorSecondaryDarker: "#4d6463";
32
- ddsColorSecondaryDarkest: "#3e4a49";
33
- ddsColorTertiaryLightest: "#ffe6df";
34
- ddsColorTertiaryLighter: "#ffd6ca";
35
- ddsColorTertiaryLight: "#f6c1b1";
36
- ddsColorTertiaryBase: "#f2a68f";
37
- ddsColorTertiaryDark: "#f59877";
38
- ddsColorTertiaryDarker: "#f27e55";
39
- ddsColorTertiaryDarkest: "#c26544";
40
- ddsColorSuccessLightest: "#f0f9f0";
41
- ddsColorSuccessLighter: "#c1e5c2";
42
- ddsColorSuccessLight: "#93d294";
43
- ddsColorSuccessBase: "#65be66";
44
- ddsColorSuccessDark: "#519852";
45
- ddsColorSuccessDarker: "#3d723d";
46
- ddsColorSuccessDarkest: "#284c29";
47
- ddsColorDangerLightest: "#fbebeb";
48
- ddsColorDangerLighter: "#efafaf";
49
- ddsColorDangerLight: "#e47373";
50
- ddsColorDangerBase: "#d83737";
51
- ddsColorDangerDark: "#ad2c2c";
52
- ddsColorDangerDarker: "#822121";
53
- ddsColorDangerDarkest: "#561616";
54
- ddsColorWarningLightest: "#fefced";
55
- ddsColorWarningLighter: "#fbf3b8";
56
- ddsColorWarningLight: "#f7e982";
57
- ddsColorWarningBase: "#f4e04d";
58
- ddsColorWarningDark: "#c3b33e";
59
- ddsColorWarningDarker: "#92862e";
60
- ddsColorWarningDarkest: "#625a1f";
61
- ddsColorInfoLightest: "#f1f8fd";
62
- ddsColorInfoLighter: "#c8e3f5";
63
- ddsColorInfoLight: "#9eceee";
64
- ddsColorInfoBase: "#75b9e6";
65
- ddsColorInfoDark: "#5e94b8";
66
- ddsColorInfoDarker: "#466f8a";
67
- ddsColorInfoDarkest: "#2f4a5c";
68
- ddsColorVisitedBase: "#7f29b4";
69
- ddsColorVisitedLighter: "#cca9e1";
70
- ddsColorBgDefault: "#ffffff";
71
- ddsColorBgSubtle: "#f8f9f9";
72
- ddsColorSurfaceDefault: "#ffffff";
73
- ddsColorSurfaceSubtle: "#f8f9f9";
74
- ddsColorSurfaceMedium: "#ebecee";
75
- ddsColorSurfaceHoverDefault: "#e7f1f7";
76
- ddsColorSurfaceHoverSubtle: "#f8f9f9";
77
- ddsColorSurfaceSelectedDefault: "#e7f1f7";
78
- ddsColorSurfaceInverseDefault: "#354754";
79
- ddsColorSurfaceInverseHover: "#313d45";
80
- ddsColorSurfaceInverseSelected: "#202b32";
81
- ddsColorSurfaceActionResting: "#106ead";
82
- ddsColorSurfaceActionHover: "#0d588a";
83
- ddsColorSurfaceActionSelected: "#106ead";
84
- ddsColorSurfaceActionDangerResting: "#d83737";
85
- ddsColorSurfaceActionDangerHover: "#ad2c2c";
86
- ddsColorSurfaceActionSelectedDisabled: "#77838c";
87
- ddsColorSurfaceDangerDefault: "#fbebeb";
88
- ddsColorSurfaceDangerStrong: "#e47373";
89
- ddsColorSurfaceSuccessDefault: "#f0f9f0";
90
- ddsColorSurfaceSuccessStrong: "#93d294";
91
- ddsColorSurfaceWarningDefault: "#fefced";
92
- ddsColorSurfaceWarningStrong: "#f7e982";
93
- ddsColorSurfaceInfoDefault: "#f1f8fd";
94
- ddsColorSurfaceInfoStrong: "#9eceee";
95
- ddsColorSurfacePaperDefault: "#ffffff";
96
- ddsColorSurfaceBackdropDefault: "#0b0d0e80";
97
- ddsColorSurfaceFieldDefault: "#ffffff";
98
- ddsColorSurfaceFieldDisabled: "#f8f9f9";
99
- ddsColorSurfaceHighlightedDefault: "#ffe6df";
100
- ddsColorSurfaceScrollbar: "#adb5ba";
101
- ddsColorSurfaceNotification: "#d83737";
102
- ddsColorSurfaceSkeleton: "#cfd4d7";
103
- ddsColorBorderDefault: "#77838c";
104
- ddsColorBorderSubtle: "#cfd4d7";
105
- ddsColorBorderInverse: "#acbbc6";
106
- ddsColorBorderActionDefault: "#106ead";
107
- ddsColorBorderActionHover: "#0d588a";
108
- ddsColorBorderSuccess: "#65be66";
109
- ddsColorBorderWarning: "#f4e04d";
110
- ddsColorBorderDanger: "#d83737";
111
- ddsColorBorderInfo: "#75b9e6";
112
- ddsColorBorderOnAction: "#ffffff";
113
- ddsColorTextDefault: "#0b0d0e";
114
- ddsColorTextMedium: "#3a4146";
115
- ddsColorTextSubtle: "#545c62";
116
- ddsColorTextOnInverse: "#ffffff";
117
- ddsColorTextOnAction: "#ffffff";
118
- ddsColorTextOnStatusDefault: "#0b0d0e";
119
- ddsColorTextOnStatusStrong: "#0b0d0e";
120
- ddsColorTextActionResting: "#106ead";
121
- ddsColorTextActionHover: "#0d588a";
122
- ddsColorTextRequiredfield: "#d83737";
123
- ddsColorTextActionVisited: "#7f29b4";
124
- ddsColorTextActionVisitedOnInverse: "#cca9e1";
125
- ddsColorTextOnNotification: "#ffffff";
126
- ddsColorIconDefault: "#0b0d0e";
127
- ddsColorIconMedium: "#3a4146";
128
- ddsColorIconSubtle: "#545c62";
129
- ddsColorIconOnInverse: "#ffffff";
130
- ddsColorIconOnAction: "#ffffff";
131
- ddsColorIconActionResting: "#106ead";
132
- ddsColorIconActionHover: "#0d588a";
133
- ddsColorIconOnSuccessDefault: "#3d723d";
134
- ddsColorIconOnSuccessStrong: "#0b0d0e";
135
- ddsColorIconOnWarningDefault: "#92862e";
136
- ddsColorIconOnWarningStrong: "#0b0d0e";
137
- ddsColorIconOnDangerDefault: "#ad2c2c";
138
- ddsColorIconOnDangerStrong: "#0b0d0e";
139
- ddsColorIconOnInfoDefault: "#466f8a";
140
- ddsColorIconOnInfoStrong: "#0b0d0e";
141
- ddsColorBrandPrimaryDefault: "#354754";
142
- ddsColorBrandPrimarySubtle: "#eaeff4";
143
- ddsColorBrandPrimaryMedium: "#4f6a7e";
144
- ddsColorBrandPrimaryStrong: "#202b32";
145
- ddsColorBrandSecondaryDefault: "#9ab8b7";
146
- ddsColorBrandSecondarySubtle: "#e6eded";
147
- ddsColorBrandSecondaryMedium: "#b8cdcd";
148
- ddsColorBrandSecondaryStrong: "#4d6463";
149
- ddsColorBrandTertiaryDefault: "#f2a68f";
150
- ddsColorBrandTertiarySubtle: "#ffe6df";
151
- ddsColorBrandTertiaryMedium: "#f6c1b1";
152
- ddsColorBrandTertiaryStrong: "#f27e55";
153
- ddsColorFocusOutside: "#2f4a5c";
154
- ddsColorFocusInside: "#f1f8fd";
155
- ddsBorderRadius0: "0px";
156
- ddsBorderRadius0NumberPx: 0;
157
- ddsBorderRadius1: "2px";
158
- ddsBorderRadius1NumberPx: 2;
159
- ddsBorderRadius2: "4px";
160
- ddsBorderRadius2NumberPx: 4;
161
- ddsBorderRadius3: "8px";
162
- ddsBorderRadius3NumberPx: 8;
163
- ddsBorderRadius100: "9999px";
164
- ddsBorderRadius100NumberPx: 9999;
165
- ddsBorderRadiusButton: "2px";
166
- ddsBorderRadiusButtonNumberPx: 2;
167
- ddsBorderRadiusSurface: "2px";
168
- ddsBorderRadiusSurfaceNumberPx: 2;
169
- ddsBorderRadiusInput: "2px";
170
- ddsBorderRadiusInputNumberPx: 2;
171
- ddsBorderRadiusChip: "2px";
172
- ddsBorderRadiusChipNumberPx: 2;
173
- ddsBorderRadiusRounded: "9999px";
174
- ddsBorderRadiusRoundedNumberPx: 9999;
175
- ddsSpacingX0: "0px";
176
- ddsSpacingX0NumberPx: 0;
177
- ddsSpacingX0125: "2px";
178
- ddsSpacingX0125NumberPx: 2;
179
- ddsSpacingX025: "4px";
180
- ddsSpacingX025NumberPx: 4;
181
- ddsSpacingX05: "8px";
182
- ddsSpacingX05NumberPx: 8;
183
- ddsSpacingX075: "12px";
184
- ddsSpacingX075NumberPx: 12;
185
- ddsSpacingX1: "16px";
186
- ddsSpacingX1NumberPx: 16;
187
- ddsSpacingX15: "24px";
188
- ddsSpacingX15NumberPx: 24;
189
- ddsSpacingX2: "32px";
190
- ddsSpacingX2NumberPx: 32;
191
- ddsSpacingX25: "40px";
192
- ddsSpacingX25NumberPx: 40;
193
- ddsSpacingX3: "48px";
194
- ddsSpacingX3NumberPx: 48;
195
- ddsSpacingX4: "64px";
196
- ddsSpacingX4NumberPx: 64;
197
- ddsSpacingX6: "96px";
198
- ddsSpacingX6NumberPx: 96;
199
- ddsSpacingX10: "160px";
200
- ddsSpacingX10NumberPx: 160;
201
- ddsSpacingPaddingTopHeading: "0.7em";
202
- ddsSpacingPaddingTopHeadingNumberEm: 0.7;
203
- ddsShadow1: "1px 2px 4px 0px rgba(11, 13, 14, 10%)";
204
- ddsShadow2: "2px 4px 8px 0px rgba(11, 13, 14, 10%)";
205
- ddsShadow3: "4px 8px 16px 0px rgba(11, 13, 14, 10%)";
206
- ddsShadow4: "8px 16px 32px 0px rgba(11, 13, 14, 10%)";
207
- ddsFontFamilySans: "'IBM Plex Sans'";
208
- ddsFontFamilyMonospace: "'IBM Plex Mono'";
209
- ddsFontSizeX5: "5rem";
210
- ddsFontSizeX5NumberRem: 5;
211
- ddsFontSizeX4: "4rem";
212
- ddsFontSizeX4NumberRem: 4;
213
- ddsFontSizeX3: "3rem";
214
- ddsFontSizeX3NumberRem: 3;
215
- ddsFontSizeX25: "2.5rem";
216
- ddsFontSizeX25NumberRem: 2.5;
217
- ddsFontSizeX2: "2rem";
218
- ddsFontSizeX2NumberRem: 2;
219
- ddsFontSizeX15: "1.5rem";
220
- ddsFontSizeX15NumberRem: 1.5;
221
- ddsFontSizeX125: "1.25rem";
222
- ddsFontSizeX125NumberRem: 1.25;
223
- ddsFontSizeX1125: "1.125rem";
224
- ddsFontSizeX1125NumberRem: 1.125;
225
- ddsFontSizeX1: "1rem";
226
- ddsFontSizeX1NumberRem: 1;
227
- ddsFontSizeX0875: "0.875rem";
228
- ddsFontSizeX0875NumberRem: 0.875;
229
- ddsFontSizeX075: "0.75rem";
230
- ddsFontSizeX075NumberRem: 0.75;
231
- ddsFontWeightLight: "300";
232
- ddsFontWeightNormal: "400";
233
- ddsFontWeightBold: "600";
234
- ddsFontLineheightX1: 1.5;
235
- ddsFontLineheightX2: 1.35;
236
- ddsFontLineheightX3: 1.2;
237
- ddsFontLineheightList: 2.5;
238
- ddsFontLetterSpacingTight: "-0.01em";
239
- ddsFontLetterSpacingTightNumberEm: -0.01;
240
- ddsFontLetterSpacingNormal: "0em";
241
- ddsFontLetterSpacingNormalNumberEm: 0;
242
- ddsFontLetterSpacingLoose: "0.01em";
243
- ddsFontLetterSpacingLooseNumberEm: 0.01;
244
- ddsFontParagraphSpacingSmall: "1em";
245
- ddsFontParagraphSpacingSmallNumberEm: 1;
246
- ddsFontParagraphSpacingMedium: "0.66em";
247
- ddsFontParagraphSpacingMediumNumberEm: 0.66;
248
- ddsFontParagraphSpacingLarge: "0.5em";
249
- ddsFontParagraphSpacingLargeNumberEm: 0.5;
250
- ddsFontParagraphSpacingHeading: "0.4em";
251
- ddsFontParagraphSpacingHeadingNumberEm: 0.4;
252
- ddsFontSupportingStyleLabel01: "600 0.875rem/1.5 'IBM Plex Sans'";
253
- ddsFontSupportingStyleHelpertext01: "400 0.75rem/1.5 'IBM Plex Sans'";
254
- ddsFontSupportingStylePlaceholdertext01: "400 1rem/1.5 'IBM Plex Sans'";
255
- ddsFontSupportingStylePlaceholdertext02: "400 0.875rem/1.5 'IBM Plex Sans'";
256
- ddsFontSupportingStylePlaceholdertext03: "400 0.75rem/1.5 'IBM Plex Sans'";
257
- ddsFontSupportingStyleTiny01: "400 0.75rem/1.5 'IBM Plex Sans'";
258
- ddsFontSupportingStyleTiny02: "300 0.75rem/1.5 'IBM Plex Sans'";
259
- ddsFontBodySans01: "400 0.875rem/1.5 'IBM Plex Sans'";
260
- ddsFontBodySans02: "400 1rem/1.5 'IBM Plex Sans'";
261
- ddsFontBodySans03: "400 1.125rem/1.5 'IBM Plex Sans'";
262
- ddsFontBodySans04: "400 1.25rem/1.5 'IBM Plex Sans'";
263
- ddsFontHeadingSans01: "600 1rem/1.5 'IBM Plex Sans'";
264
- ddsFontHeadingSans02: "600 1.125rem/1.35 'IBM Plex Sans'";
265
- ddsFontHeadingSans03: "400 1.5rem/1.35 'IBM Plex Sans'";
266
- ddsFontHeadingSans04: "400 2rem/1.35 'IBM Plex Sans'";
267
- ddsFontHeadingSans05: "300 2.5rem/1.35 'IBM Plex Sans'";
268
- ddsFontHeadingSans06: "300 3rem/1.2 'IBM Plex Sans'";
269
- ddsFontHeadingSans07: "300 4rem/1.2 'IBM Plex Sans'";
270
- ddsFontHeadingSans08: "300 5rem/1.2 'IBM Plex Sans'";
271
- ddsFontLeadSans01: "600 1.125rem/1.5 'IBM Plex Sans'";
272
- ddsFontLeadSans02: "600 1.5rem/1.35 'IBM Plex Sans'";
273
- ddsFontLeadSans03: "300 1.5rem/1.35 'IBM Plex Sans'";
274
- ddsFontLeadSans04: "300 2rem/1.35 'IBM Plex Sans'";
275
- ddsFontLeadSans05: "300 2.5rem/1.35 'IBM Plex Sans'";
276
- ddsFontCodeMonospace02: "400 1rem/1.5 'IBM Plex Mono'";
277
- ddsFontStyleUnderline: "underline";
278
- ddsFontStyleNormal: "none";
279
- ddsFontStyleItalic: "italic";
280
- ddsIconSizeLarge: "40px";
281
- ddsIconSizeLargeNumberPx: 40;
282
- ddsIconSizeMedium: "24px";
283
- ddsIconSizeMediumNumberPx: 24;
284
- ddsIconSizeSmall: "16px";
285
- ddsIconSizeSmallNumberPx: 16;
286
- ddsGridXsCount: "4";
287
- ddsGridXsGutterSize: "16px";
288
- ddsGridXsGutterSizeNumberPx: 16;
289
- ddsGridSmCount: "8";
290
- ddsGridSmGutterSize: "16px";
291
- ddsGridSmGutterSizeNumberPx: 16;
292
- ddsGridLgCount: "12";
293
- ddsGridLgGutterSize: "24px";
294
- ddsGridLgGutterSizeNumberPx: 24;
295
- ddsGridMdCount: "12";
296
- ddsGridMdGutterSize: "24px";
297
- ddsGridMdGutterSizeNumberPx: 24;
298
- ddsGridXlCount: "12";
299
- ddsGridXlGutterSize: "24px";
300
- ddsGridXlGutterSizeNumberPx: 24;
301
- ddsBreakpointXs: "1px";
302
- ddsBreakpointXsNumberPx: 1;
303
- ddsBreakpointSm: "600px";
304
- ddsBreakpointSmNumberPx: 600;
305
- ddsBreakpointMd: "960px";
306
- ddsBreakpointMdNumberPx: 960;
307
- ddsBreakpointLg: "1280px";
308
- ddsBreakpointLgNumberPx: 1280;
309
- ddsBreakpointXl: "1920px";
310
- ddsBreakpointXlNumberPx: 1920;
311
- ddsFontSupportingStyleLabel01LetterSpacing: "0.01em";
312
- ddsFontSupportingStyleLabel01LetterSpacingNumberEm: 0.01;
313
- ddsFontSupportingStyleLabel01ParagraphSpacing: "1em";
314
- ddsFontSupportingStyleLabel01ParagraphSpacingNumberEm: 1;
315
- ddsFontSupportingStyleHelpertext01LetterSpacing: "0.01em";
316
- ddsFontSupportingStyleHelpertext01LetterSpacingNumberEm: 0.01;
317
- ddsFontSupportingStyleHelpertext01ParagraphSpacing: "1em";
318
- ddsFontSupportingStyleHelpertext01ParagraphSpacingNumberEm: 1;
319
- ddsFontSupportingStylePlaceholdertext01LetterSpacing: "0em";
320
- ddsFontSupportingStylePlaceholdertext01LetterSpacingNumberEm: 0;
321
- ddsFontSupportingStylePlaceholdertext01ParagraphSpacing: "1em";
322
- ddsFontSupportingStylePlaceholdertext01ParagraphSpacingNumberEm: 1;
323
- ddsFontSupportingStylePlaceholdertext01FontStyle: "italic";
324
- ddsFontSupportingStylePlaceholdertext02LetterSpacing: "0.01em";
325
- ddsFontSupportingStylePlaceholdertext02LetterSpacingNumberEm: 0.01;
326
- ddsFontSupportingStylePlaceholdertext02ParagraphSpacing: "1em";
327
- ddsFontSupportingStylePlaceholdertext02ParagraphSpacingNumberEm: 1;
328
- ddsFontSupportingStylePlaceholdertext02FontStyle: "italic";
329
- ddsFontSupportingStylePlaceholdertext03LetterSpacing: "0.01em";
330
- ddsFontSupportingStylePlaceholdertext03LetterSpacingNumberEm: 0.01;
331
- ddsFontSupportingStylePlaceholdertext03ParagraphSpacing: "1em";
332
- ddsFontSupportingStylePlaceholdertext03ParagraphSpacingNumberEm: 1;
333
- ddsFontSupportingStylePlaceholdertext03FontStyle: "italic";
334
- ddsFontSupportingStyleTiny01LetterSpacing: "0.01em";
335
- ddsFontSupportingStyleTiny01LetterSpacingNumberEm: 0.01;
336
- ddsFontSupportingStyleTiny01ParagraphSpacing: "1em";
337
- ddsFontSupportingStyleTiny01ParagraphSpacingNumberEm: 1;
338
- ddsFontSupportingStyleTiny02LetterSpacing: "0.01em";
339
- ddsFontSupportingStyleTiny02LetterSpacingNumberEm: 0.01;
340
- ddsFontSupportingStyleTiny02ParagraphSpacing: "1em";
341
- ddsFontSupportingStyleTiny02ParagraphSpacingNumberEm: 1;
342
- ddsFontBodySans01LetterSpacing: "0.01em";
343
- ddsFontBodySans01LetterSpacingNumberEm: 0.01;
344
- ddsFontBodySans01ParagraphSpacing: "1em";
345
- ddsFontBodySans01ParagraphSpacingNumberEm: 1;
346
- ddsFontBodySans02LetterSpacing: "0em";
347
- ddsFontBodySans02LetterSpacingNumberEm: 0;
348
- ddsFontBodySans02ParagraphSpacing: "1em";
349
- ddsFontBodySans02ParagraphSpacingNumberEm: 1;
350
- ddsFontBodySans03LetterSpacing: "0em";
351
- ddsFontBodySans03LetterSpacingNumberEm: 0;
352
- ddsFontBodySans03ParagraphSpacing: "1em";
353
- ddsFontBodySans03ParagraphSpacingNumberEm: 1;
354
- ddsFontBodySans04LetterSpacing: "0em";
355
- ddsFontBodySans04LetterSpacingNumberEm: 0;
356
- ddsFontBodySans04ParagraphSpacing: "1em";
357
- ddsFontBodySans04ParagraphSpacingNumberEm: 1;
358
- ddsFontHeadingSans01LetterSpacing: "0em";
359
- ddsFontHeadingSans01LetterSpacingNumberEm: 0;
360
- ddsFontHeadingSans01ParagraphSpacing: "0.4em";
361
- ddsFontHeadingSans01ParagraphSpacingNumberEm: 0.4;
362
- ddsFontHeadingSans02LetterSpacing: "0em";
363
- ddsFontHeadingSans02LetterSpacingNumberEm: 0;
364
- ddsFontHeadingSans02ParagraphSpacing: "0.4em";
365
- ddsFontHeadingSans02ParagraphSpacingNumberEm: 0.4;
366
- ddsFontHeadingSans03LetterSpacing: "0em";
367
- ddsFontHeadingSans03LetterSpacingNumberEm: 0;
368
- ddsFontHeadingSans03ParagraphSpacing: "0.4em";
369
- ddsFontHeadingSans03ParagraphSpacingNumberEm: 0.4;
370
- ddsFontHeadingSans04LetterSpacing: "0em";
371
- ddsFontHeadingSans04LetterSpacingNumberEm: 0;
372
- ddsFontHeadingSans04ParagraphSpacing: "0.4em";
373
- ddsFontHeadingSans04ParagraphSpacingNumberEm: 0.4;
374
- ddsFontHeadingSans05LetterSpacing: "-0.01em";
375
- ddsFontHeadingSans05LetterSpacingNumberEm: -0.01;
376
- ddsFontHeadingSans05ParagraphSpacing: "0.4em";
377
- ddsFontHeadingSans05ParagraphSpacingNumberEm: 0.4;
378
- ddsFontHeadingSans06LetterSpacing: "-0.01em";
379
- ddsFontHeadingSans06LetterSpacingNumberEm: -0.01;
380
- ddsFontHeadingSans06ParagraphSpacing: "0.4em";
381
- ddsFontHeadingSans06ParagraphSpacingNumberEm: 0.4;
382
- ddsFontHeadingSans07LetterSpacing: "-0.01em";
383
- ddsFontHeadingSans07LetterSpacingNumberEm: -0.01;
384
- ddsFontHeadingSans07ParagraphSpacing: "0.4em";
385
- ddsFontHeadingSans07ParagraphSpacingNumberEm: 0.4;
386
- ddsFontHeadingSans08LetterSpacing: "-0.01em";
387
- ddsFontHeadingSans08LetterSpacingNumberEm: -0.01;
388
- ddsFontHeadingSans08ParagraphSpacing: "0.4em";
389
- ddsFontHeadingSans08ParagraphSpacingNumberEm: 0.4;
390
- ddsFontLeadSans01LetterSpacing: "0em";
391
- ddsFontLeadSans01LetterSpacingNumberEm: 0;
392
- ddsFontLeadSans01ParagraphSpacing: "1em";
393
- ddsFontLeadSans01ParagraphSpacingNumberEm: 1;
394
- ddsFontLeadSans02LetterSpacing: "0em";
395
- ddsFontLeadSans02LetterSpacingNumberEm: 0;
396
- ddsFontLeadSans02ParagraphSpacing: "0.66em";
397
- ddsFontLeadSans02ParagraphSpacingNumberEm: 0.66;
398
- ddsFontLeadSans03LetterSpacing: "0em";
399
- ddsFontLeadSans03LetterSpacingNumberEm: 0;
400
- ddsFontLeadSans03ParagraphSpacing: "0.66em";
401
- ddsFontLeadSans03ParagraphSpacingNumberEm: 0.66;
402
- ddsFontLeadSans04LetterSpacing: "0em";
403
- ddsFontLeadSans04LetterSpacingNumberEm: 0;
404
- ddsFontLeadSans04ParagraphSpacing: "0.66em";
405
- ddsFontLeadSans04ParagraphSpacingNumberEm: 0.66;
406
- ddsFontLeadSans05LetterSpacing: "-0.01em";
407
- ddsFontLeadSans05LetterSpacingNumberEm: -0.01;
408
- ddsFontLeadSans05ParagraphSpacing: "0.66em";
409
- ddsFontLeadSans05ParagraphSpacingNumberEm: 0.66;
410
- ddsFontCodeMonospace02LetterSpacing: "0em";
411
- ddsFontCodeMonospace02LetterSpacingNumberEm: 0;
412
- ddsFontCodeMonospace02ParagraphSpacing: "1em";
413
- ddsFontCodeMonospace02ParagraphSpacingNumberEm: 1;
2
+ core: {
3
+ ddsFontFamilySans: "'IBM Plex Sans', Arial, sans-serif";
4
+ ddsFontFamilyMonospace: "'IBM Plex Mono', 'Courier New', monospace";
5
+ ddsFontSizeX5: "5rem";
6
+ ddsFontSizeX5NumberRem: 5;
7
+ ddsFontSizeX4: "4rem";
8
+ ddsFontSizeX4NumberRem: 4;
9
+ ddsFontSizeX3: "3rem";
10
+ ddsFontSizeX3NumberRem: 3;
11
+ ddsFontSizeX25: "2.5rem";
12
+ ddsFontSizeX25NumberRem: 2.5;
13
+ ddsFontSizeX2: "2rem";
14
+ ddsFontSizeX2NumberRem: 2;
15
+ ddsFontSizeX15: "1.5rem";
16
+ ddsFontSizeX15NumberRem: 1.5;
17
+ ddsFontSizeX125: "1.25rem";
18
+ ddsFontSizeX125NumberRem: 1.25;
19
+ ddsFontSizeX1125: "1.125rem";
20
+ ddsFontSizeX1125NumberRem: 1.125;
21
+ ddsFontSizeX1: "1rem";
22
+ ddsFontSizeX1NumberRem: 1;
23
+ ddsFontSizeX0875: "0.875rem";
24
+ ddsFontSizeX0875NumberRem: 0.875;
25
+ ddsFontSizeX075: "0.75rem";
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
+ ddsFontWeightLight: "300";
44
+ ddsFontWeightNormal: "400";
45
+ ddsFontWeightBold: "600";
46
+ ddsFontLineheightX1: 1.5;
47
+ ddsFontLineheightX2: 1.35;
48
+ ddsFontLineheightX3: 1.2;
49
+ ddsFontLineheightList: 2.5;
50
+ ddsFontLetterSpacingTight: "-0.01em";
51
+ ddsFontLetterSpacingNormal: "0em";
52
+ ddsFontLetterSpacingLoose: "0.01em";
53
+ ddsFontParagraphSpacingSmall: "1em";
54
+ ddsFontParagraphSpacingSmallNumberEm: 1;
55
+ ddsFontParagraphSpacingMedium: "0.66em";
56
+ ddsFontParagraphSpacingMediumNumberEm: 0.66;
57
+ ddsFontParagraphSpacingLarge: "0.5em";
58
+ ddsFontParagraphSpacingLargeNumberEm: 0.5;
59
+ ddsFontParagraphSpacingHeading: "0.4em";
60
+ ddsFontParagraphSpacingHeadingNumberEm: 0.4;
61
+ ddsFontStyleUnderline: "underline";
62
+ ddsFontStyleNormal: "none";
63
+ ddsFontStyleItalic: "italic";
64
+ ddsSpacingPaddingTopHeading: "0.7em";
65
+ ddsSpacingPaddingTopHeadingNumberEm: 0.7;
66
+ ddsSpacingX0: "0rem";
67
+ ddsSpacingX0NumberRem: 0;
68
+ ddsSpacingX0125: "0.125rem";
69
+ ddsSpacingX0125NumberRem: 0.125;
70
+ ddsSpacingX025: "0.25rem";
71
+ ddsSpacingX025NumberRem: 0.25;
72
+ ddsSpacingX05: "0.5rem";
73
+ ddsSpacingX05NumberRem: 0.5;
74
+ ddsSpacingX075: "0.75rem";
75
+ ddsSpacingX075NumberRem: 0.75;
76
+ ddsSpacingX1: "1rem";
77
+ ddsSpacingX1NumberRem: 1;
78
+ ddsSpacingX15: "1.5rem";
79
+ ddsSpacingX15NumberRem: 1.5;
80
+ ddsSpacingX2: "2rem";
81
+ ddsSpacingX2NumberRem: 2;
82
+ ddsSpacingX25: "2.5rem";
83
+ ddsSpacingX25NumberRem: 2.5;
84
+ ddsSpacingX3: "3rem";
85
+ ddsSpacingX3NumberRem: 3;
86
+ ddsSpacingX4: "4rem";
87
+ ddsSpacingX4NumberRem: 4;
88
+ ddsSpacingX6: "6rem";
89
+ ddsSpacingX6NumberRem: 6;
90
+ ddsSpacingX10: "10rem";
91
+ ddsSpacingX10NumberRem: 10;
92
+ ddsShadow1: "1px 2px 4px 0px rgba(11, 13, 14, 10%)";
93
+ ddsShadow2: "2px 4px 8px 0px rgba(11, 13, 14, 10%)";
94
+ ddsShadow3: "4px 8px 16px 0px rgba(11, 13, 14, 10%)";
95
+ ddsShadow4: "8px 16px 32px 0px rgba(11, 13, 14, 10%)";
96
+ ddsGridXsGutterSize: "16px";
97
+ ddsGridXsGutterSizeNumberPx: 16;
98
+ ddsGridXsCount: "4";
99
+ ddsGridSmGutterSize: "16px";
100
+ ddsGridSmGutterSizeNumberPx: 16;
101
+ ddsGridSmCount: "8";
102
+ ddsGridLgGutterSize: "24px";
103
+ ddsGridLgGutterSizeNumberPx: 24;
104
+ ddsGridLgCount: "12";
105
+ ddsGridMdGutterSize: "24px";
106
+ ddsGridMdGutterSizeNumberPx: 24;
107
+ ddsGridMdCount: "12";
108
+ ddsGridXlGutterSize: "24px";
109
+ ddsGridXlGutterSizeNumberPx: 24;
110
+ ddsGridXlCount: "12";
111
+ ddsIconSizeLarge: "40px";
112
+ ddsIconSizeLargeNumberPx: 40;
113
+ ddsIconSizeMedium: "24px";
114
+ ddsIconSizeMediumNumberPx: 24;
115
+ ddsIconSizeSmall: "16px";
116
+ ddsIconSizeSmallNumberPx: 16;
117
+ ddsBreakpointXs: "1px";
118
+ ddsBreakpointXsNumberPx: 1;
119
+ ddsBreakpointSm: "600px";
120
+ ddsBreakpointSmNumberPx: 600;
121
+ ddsBreakpointMd: "960px";
122
+ ddsBreakpointMdNumberPx: 960;
123
+ ddsBreakpointLg: "1280px";
124
+ ddsBreakpointLgNumberPx: 1280;
125
+ ddsBreakpointXl: "1920px";
126
+ ddsBreakpointXlNumberPx: 1920;
127
+ ddsColorBgDefault: "#ffffff";
128
+ ddsColorBgSubtle: "#f8f9f9";
129
+ ddsColorSurfaceDefault: "#ffffff";
130
+ ddsColorSurfaceSubtle: "#f8f9f9";
131
+ ddsColorSurfaceMedium: "#ebecee";
132
+ ddsColorSurfaceHoverDefault: "#e7f1f7";
133
+ ddsColorSurfaceHoverSubtle: "#f8f9f9";
134
+ ddsColorSurfaceSelectedDefault: "#e7f1f7";
135
+ ddsColorSurfaceInverseDefault: "#354754";
136
+ ddsColorSurfaceInverseHover: "#313d45";
137
+ ddsColorSurfaceInverseSelected: "#202b32";
138
+ ddsColorSurfaceActionResting: "#106ead";
139
+ ddsColorSurfaceActionHover: "#0d588a";
140
+ ddsColorSurfaceActionSelected: "#106ead";
141
+ ddsColorSurfaceActionDangerResting: "#d83737";
142
+ ddsColorSurfaceActionDangerHover: "#ad2c2c";
143
+ ddsColorSurfaceActionSelectedDisabled: "#77838c";
144
+ ddsColorSurfaceDangerDefault: "#fbebeb";
145
+ ddsColorSurfaceDangerStrong: "#e47373";
146
+ ddsColorSurfaceSuccessDefault: "#f0f9f0";
147
+ ddsColorSurfaceSuccessStrong: "#93d294";
148
+ ddsColorSurfaceWarningDefault: "#fefced";
149
+ ddsColorSurfaceWarningStrong: "#f7e982";
150
+ ddsColorSurfaceInfoDefault: "#f1f8fd";
151
+ ddsColorSurfaceInfoStrong: "#9eceee";
152
+ ddsColorSurfacePaperDefault: "#ffffff";
153
+ ddsColorSurfaceBackdropDefault: "#0b0d0e80";
154
+ ddsColorSurfaceFieldDefault: "#ffffff";
155
+ ddsColorSurfaceFieldDisabled: "#f8f9f9";
156
+ ddsColorSurfaceHighlightedDefault: "#ffe6df";
157
+ ddsColorSurfaceScrollbar: "#adb5ba";
158
+ ddsColorSurfaceNotification: "#d83737";
159
+ ddsColorSurfaceSkeleton: "#cfd4d7";
160
+ ddsColorBorderDefault: "#77838c";
161
+ ddsColorBorderSubtle: "#cfd4d7";
162
+ ddsColorBorderInverse: "#acbbc6";
163
+ ddsColorBorderActionDefault: "#106ead";
164
+ ddsColorBorderActionHover: "#0d588a";
165
+ ddsColorBorderSuccess: "#65be66";
166
+ ddsColorBorderWarning: "#f4e04d";
167
+ ddsColorBorderDanger: "#d83737";
168
+ ddsColorBorderInfo: "#75b9e6";
169
+ ddsColorBorderOnAction: "#ffffff";
170
+ ddsColorTextDefault: "#0b0d0e";
171
+ ddsColorTextMedium: "#3a4146";
172
+ ddsColorTextSubtle: "#545c62";
173
+ ddsColorTextOnInverse: "#ffffff";
174
+ ddsColorTextOnAction: "#ffffff";
175
+ ddsColorTextOnStatusDefault: "#0b0d0e";
176
+ ddsColorTextOnStatusStrong: "#0b0d0e";
177
+ ddsColorTextActionResting: "#106ead";
178
+ ddsColorTextActionHover: "#0d588a";
179
+ ddsColorTextRequiredfield: "#d83737";
180
+ ddsColorTextActionVisited: "#7f29b4";
181
+ ddsColorTextActionVisitedOnInverse: "#cca9e1";
182
+ ddsColorTextOnNotification: "#ffffff";
183
+ ddsColorIconDefault: "#0b0d0e";
184
+ ddsColorIconMedium: "#3a4146";
185
+ ddsColorIconSubtle: "#545c62";
186
+ ddsColorIconOnInverse: "#ffffff";
187
+ ddsColorIconOnAction: "#ffffff";
188
+ ddsColorIconActionResting: "#106ead";
189
+ ddsColorIconActionHover: "#0d588a";
190
+ ddsColorIconOnSuccessDefault: "#3d723d";
191
+ ddsColorIconOnSuccessStrong: "#0b0d0e";
192
+ ddsColorIconOnWarningDefault: "#92862e";
193
+ ddsColorIconOnWarningStrong: "#0b0d0e";
194
+ ddsColorIconOnDangerDefault: "#ad2c2c";
195
+ ddsColorIconOnDangerStrong: "#0b0d0e";
196
+ ddsColorIconOnInfoDefault: "#466f8a";
197
+ ddsColorIconOnInfoStrong: "#0b0d0e";
198
+ ddsColorBrandPrimaryDefault: "#354754";
199
+ ddsColorBrandPrimarySubtle: "#eaeff4";
200
+ ddsColorBrandPrimaryMedium: "#4f6a7e";
201
+ ddsColorBrandPrimaryStrong: "#202b32";
202
+ ddsColorBrandSecondaryDefault: "#9ab8b7";
203
+ ddsColorBrandSecondarySubtle: "#e6eded";
204
+ ddsColorBrandSecondaryMedium: "#b8cdcd";
205
+ ddsColorBrandSecondaryStrong: "#4d6463";
206
+ ddsColorBrandTertiaryDefault: "#f2a68f";
207
+ ddsColorBrandTertiarySubtle: "#ffe6df";
208
+ ddsColorBrandTertiaryMedium: "#f6c1b1";
209
+ ddsColorBrandTertiaryStrong: "#f27e55";
210
+ ddsColorFocusOutside: "#2f4a5c";
211
+ ddsColorFocusInside: "#f1f8fd";
212
+ ddsFontLabelMedium: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
213
+ ddsFontBodyXsmall: "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
214
+ ddsFontBodySmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
215
+ ddsFontBodyMedium: "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
216
+ ddsFontBodyLarge: "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
217
+ ddsFontHeadingXxsmall: "600 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
218
+ ddsFontHeadingXsmall: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
219
+ ddsFontHeadingSmall: "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
220
+ ddsFontHeadingMedium: "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
221
+ ddsFontHeadingLarge: "400 clamp(1.25rem, 0.833rem + 1.111vw, 1.5rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
222
+ ddsFontHeadingXlarge: "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
223
+ ddsFontHeadingXxlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.2 'IBM Plex Sans', Arial, sans-serif";
224
+ ddsFontLeadMedium: "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
225
+ ddsFontCodeMedium: "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace";
226
+ ddsBorderRadiusButton: "2px";
227
+ ddsBorderRadiusButtonNumberPx: 2;
228
+ ddsBorderRadiusSurface: "4px";
229
+ ddsBorderRadiusSurfaceNumberPx: 4;
230
+ ddsBorderRadiusInput: "2px";
231
+ ddsBorderRadiusInputNumberPx: 2;
232
+ ddsBorderRadiusChip: "4px";
233
+ ddsBorderRadiusChipNumberPx: 4;
234
+ ddsBorderRadiusRounded: "9999px";
235
+ ddsBorderRadiusRoundedNumberPx: 9999;
236
+ ddsFontHeadingXxlargeLetterSpacing: "-0.01em";
237
+ ddsFontHeadingXxlargeParagraphSpacing: "0.4em";
238
+ ddsFontHeadingXxlargeParagraphSpacingNumberEm: 0.4;
239
+ ddsFontHeadingXlargeLetterSpacing: "0em";
240
+ ddsFontHeadingXlargeParagraphSpacing: "0.4em";
241
+ ddsFontHeadingXlargeParagraphSpacingNumberEm: 0.4;
242
+ ddsFontHeadingLargeLetterSpacing: "0em";
243
+ ddsFontHeadingLargeParagraphSpacing: "0.4em";
244
+ ddsFontHeadingLargeParagraphSpacingNumberEm: 0.4;
245
+ ddsFontHeadingMediumLetterSpacing: "0em";
246
+ ddsFontHeadingMediumParagraphSpacing: "0.4em";
247
+ ddsFontHeadingMediumParagraphSpacingNumberEm: 0.4;
248
+ ddsFontHeadingSmallLetterSpacing: "0em";
249
+ ddsFontHeadingSmallParagraphSpacing: "0.4em";
250
+ ddsFontHeadingSmallParagraphSpacingNumberEm: 0.4;
251
+ ddsFontHeadingXsmallLetterSpacing: "0.01em";
252
+ ddsFontHeadingXsmallParagraphSpacing: "0.4em";
253
+ ddsFontHeadingXsmallParagraphSpacingNumberEm: 0.4;
254
+ ddsFontHeadingXxsmallLetterSpacing: "0.01em";
255
+ ddsFontHeadingXxsmallParagraphSpacing: "0.4em";
256
+ ddsFontHeadingXxsmallParagraphSpacingNumberEm: 0.4;
257
+ ddsFontBodyLargeLetterSpacing: "0em";
258
+ ddsFontBodyLargeParagraphSpacing: "1em";
259
+ ddsFontBodyLargeParagraphSpacingNumberEm: 1;
260
+ ddsFontBodyMediumLetterSpacing: "0em";
261
+ ddsFontBodyMediumParagraphSpacing: "1em";
262
+ ddsFontBodyMediumParagraphSpacingNumberEm: 1;
263
+ ddsFontBodySmallLetterSpacing: "0.01em";
264
+ ddsFontBodySmallParagraphSpacing: "1em";
265
+ ddsFontBodySmallParagraphSpacingNumberEm: 1;
266
+ ddsFontBodyXsmallLetterSpacing: "0.01em";
267
+ ddsFontBodyXsmallParagraphSpacing: "1em";
268
+ ddsFontBodyXsmallParagraphSpacingNumberEm: 1;
269
+ ddsFontLeadMediumLetterSpacing: "0em";
270
+ ddsFontLeadMediumParagraphSpacing: "1em";
271
+ ddsFontLeadMediumParagraphSpacingNumberEm: 1;
272
+ ddsFontCodeMediumLetterSpacing: "0em";
273
+ ddsFontCodeMediumParagraphSpacing: "1em";
274
+ ddsFontCodeMediumParagraphSpacingNumberEm: 1;
275
+ ddsFontLabelMediumLetterSpacing: "0.01em";
276
+ ddsFontLabelMediumParagraphSpacing: "1em";
277
+ ddsFontLabelMediumParagraphSpacingNumberEm: 1;
278
+ };
279
+ public: {
280
+ ddsFontFamilySans: "'IBM Plex Sans', Arial, sans-serif";
281
+ ddsFontFamilyMonospace: "'IBM Plex Mono', 'Courier New', monospace";
282
+ ddsFontSizeX5: "5rem";
283
+ ddsFontSizeX5NumberRem: 5;
284
+ ddsFontSizeX4: "4rem";
285
+ ddsFontSizeX4NumberRem: 4;
286
+ ddsFontSizeX3: "3rem";
287
+ ddsFontSizeX3NumberRem: 3;
288
+ ddsFontSizeX25: "2.5rem";
289
+ ddsFontSizeX25NumberRem: 2.5;
290
+ ddsFontSizeX2: "2rem";
291
+ ddsFontSizeX2NumberRem: 2;
292
+ ddsFontSizeX15: "1.5rem";
293
+ ddsFontSizeX15NumberRem: 1.5;
294
+ ddsFontSizeX125: "1.25rem";
295
+ ddsFontSizeX125NumberRem: 1.25;
296
+ ddsFontSizeX1125: "1.125rem";
297
+ ddsFontSizeX1125NumberRem: 1.125;
298
+ ddsFontSizeX1: "1rem";
299
+ ddsFontSizeX1NumberRem: 1;
300
+ ddsFontSizeX0875: "0.875rem";
301
+ ddsFontSizeX0875NumberRem: 0.875;
302
+ ddsFontSizeX075: "0.75rem";
303
+ ddsFontSizeX075NumberRem: 0.75;
304
+ ddsFontSizeXxlarge: "4rem";
305
+ ddsFontSizeXxlargeNumberRem: 4;
306
+ ddsFontSizeXlarge: "3rem";
307
+ ddsFontSizeXlargeNumberRem: 3;
308
+ ddsFontSizeLarge: "2rem";
309
+ ddsFontSizeLargeNumberRem: 2;
310
+ ddsFontSizeMedium: "1.5rem";
311
+ ddsFontSizeMediumNumberRem: 1.5;
312
+ ddsFontSizeSmall: "1.25rem";
313
+ ddsFontSizeSmallNumberRem: 1.25;
314
+ ddsFontSizeXsmall: "1.125rem";
315
+ ddsFontSizeXsmallNumberRem: 1.125;
316
+ ddsFontSizeXxsmall: "1rem";
317
+ ddsFontSizeXxsmallNumberRem: 1;
318
+ ddsFontSizeXxxsmall: "0.875rem";
319
+ ddsFontSizeXxxsmallNumberRem: 0.875;
320
+ ddsFontWeightLight: "300";
321
+ ddsFontWeightNormal: "400";
322
+ ddsFontWeightBold: "600";
323
+ ddsFontLineheightX1: 1.5;
324
+ ddsFontLineheightX2: 1.35;
325
+ ddsFontLineheightX3: 1.2;
326
+ ddsFontLineheightList: 2.5;
327
+ ddsFontLetterSpacingTight: "-0.01em";
328
+ ddsFontLetterSpacingNormal: "0em";
329
+ ddsFontLetterSpacingLoose: "0.01em";
330
+ ddsFontParagraphSpacingSmall: "1em";
331
+ ddsFontParagraphSpacingSmallNumberEm: 1;
332
+ ddsFontParagraphSpacingMedium: "0.66em";
333
+ ddsFontParagraphSpacingMediumNumberEm: 0.66;
334
+ ddsFontParagraphSpacingLarge: "0.5em";
335
+ ddsFontParagraphSpacingLargeNumberEm: 0.5;
336
+ ddsFontParagraphSpacingHeading: "0.4em";
337
+ ddsFontParagraphSpacingHeadingNumberEm: 0.4;
338
+ ddsFontStyleUnderline: "underline";
339
+ ddsFontStyleNormal: "none";
340
+ ddsFontStyleItalic: "italic";
341
+ ddsSpacingPaddingTopHeading: "0.7em";
342
+ ddsSpacingPaddingTopHeadingNumberEm: 0.7;
343
+ ddsSpacingX0: "0rem";
344
+ ddsSpacingX0NumberRem: 0;
345
+ ddsSpacingX0125: "0.125rem";
346
+ ddsSpacingX0125NumberRem: 0.125;
347
+ ddsSpacingX025: "0.25rem";
348
+ ddsSpacingX025NumberRem: 0.25;
349
+ ddsSpacingX05: "0.5rem";
350
+ ddsSpacingX05NumberRem: 0.5;
351
+ ddsSpacingX075: "0.75rem";
352
+ ddsSpacingX075NumberRem: 0.75;
353
+ ddsSpacingX1: "1rem";
354
+ ddsSpacingX1NumberRem: 1;
355
+ ddsSpacingX15: "1.5rem";
356
+ ddsSpacingX15NumberRem: 1.5;
357
+ ddsSpacingX2: "2rem";
358
+ ddsSpacingX2NumberRem: 2;
359
+ ddsSpacingX25: "2.5rem";
360
+ ddsSpacingX25NumberRem: 2.5;
361
+ ddsSpacingX3: "3rem";
362
+ ddsSpacingX3NumberRem: 3;
363
+ ddsSpacingX4: "4rem";
364
+ ddsSpacingX4NumberRem: 4;
365
+ ddsSpacingX6: "6rem";
366
+ ddsSpacingX6NumberRem: 6;
367
+ ddsSpacingX10: "10rem";
368
+ ddsSpacingX10NumberRem: 10;
369
+ ddsShadow1: "1px 2px 4px 0px rgba(11, 13, 14, 10%)";
370
+ ddsShadow2: "2px 4px 8px 0px rgba(11, 13, 14, 10%)";
371
+ ddsShadow3: "4px 8px 16px 0px rgba(11, 13, 14, 10%)";
372
+ ddsShadow4: "8px 16px 32px 0px rgba(11, 13, 14, 10%)";
373
+ ddsGridXsGutterSize: "16px";
374
+ ddsGridXsGutterSizeNumberPx: 16;
375
+ ddsGridXsCount: "4";
376
+ ddsGridSmGutterSize: "16px";
377
+ ddsGridSmGutterSizeNumberPx: 16;
378
+ ddsGridSmCount: "8";
379
+ ddsGridLgGutterSize: "24px";
380
+ ddsGridLgGutterSizeNumberPx: 24;
381
+ ddsGridLgCount: "12";
382
+ ddsGridMdGutterSize: "24px";
383
+ ddsGridMdGutterSizeNumberPx: 24;
384
+ ddsGridMdCount: "12";
385
+ ddsGridXlGutterSize: "24px";
386
+ ddsGridXlGutterSizeNumberPx: 24;
387
+ ddsGridXlCount: "12";
388
+ ddsIconSizeLarge: "40px";
389
+ ddsIconSizeLargeNumberPx: 40;
390
+ ddsIconSizeMedium: "24px";
391
+ ddsIconSizeMediumNumberPx: 24;
392
+ ddsIconSizeSmall: "16px";
393
+ ddsIconSizeSmallNumberPx: 16;
394
+ ddsBreakpointXs: "1px";
395
+ ddsBreakpointXsNumberPx: 1;
396
+ ddsBreakpointSm: "600px";
397
+ ddsBreakpointSmNumberPx: 600;
398
+ ddsBreakpointMd: "960px";
399
+ ddsBreakpointMdNumberPx: 960;
400
+ ddsBreakpointLg: "1280px";
401
+ ddsBreakpointLgNumberPx: 1280;
402
+ ddsBreakpointXl: "1920px";
403
+ ddsBreakpointXlNumberPx: 1920;
404
+ ddsColorBgDefault: "#ffffff";
405
+ ddsColorBgSubtle: "#f8f9f9";
406
+ ddsColorSurfaceDefault: "#ffffff";
407
+ ddsColorSurfaceSubtle: "#f8f9f9";
408
+ ddsColorSurfaceMedium: "#ebecee";
409
+ ddsColorSurfaceHoverDefault: "#e7f1f7";
410
+ ddsColorSurfaceHoverSubtle: "#f8f9f9";
411
+ ddsColorSurfaceSelectedDefault: "#e7f1f7";
412
+ ddsColorSurfaceInverseDefault: "#354754";
413
+ ddsColorSurfaceInverseHover: "#313d45";
414
+ ddsColorSurfaceInverseSelected: "#202b32";
415
+ ddsColorSurfaceActionResting: "#106ead";
416
+ ddsColorSurfaceActionHover: "#0d588a";
417
+ ddsColorSurfaceActionSelected: "#106ead";
418
+ ddsColorSurfaceActionDangerResting: "#d83737";
419
+ ddsColorSurfaceActionDangerHover: "#ad2c2c";
420
+ ddsColorSurfaceActionSelectedDisabled: "#77838c";
421
+ ddsColorSurfaceDangerDefault: "#fbebeb";
422
+ ddsColorSurfaceDangerStrong: "#e47373";
423
+ ddsColorSurfaceSuccessDefault: "#f0f9f0";
424
+ ddsColorSurfaceSuccessStrong: "#93d294";
425
+ ddsColorSurfaceWarningDefault: "#fefced";
426
+ ddsColorSurfaceWarningStrong: "#f7e982";
427
+ ddsColorSurfaceInfoDefault: "#f1f8fd";
428
+ ddsColorSurfaceInfoStrong: "#9eceee";
429
+ ddsColorSurfacePaperDefault: "#ffffff";
430
+ ddsColorSurfaceBackdropDefault: "#0b0d0e80";
431
+ ddsColorSurfaceFieldDefault: "#ffffff";
432
+ ddsColorSurfaceFieldDisabled: "#f8f9f9";
433
+ ddsColorSurfaceHighlightedDefault: "#ffe6df";
434
+ ddsColorSurfaceScrollbar: "#adb5ba";
435
+ ddsColorSurfaceNotification: "#d83737";
436
+ ddsColorSurfaceSkeleton: "#cfd4d7";
437
+ ddsColorBorderDefault: "#77838c";
438
+ ddsColorBorderSubtle: "#cfd4d7";
439
+ ddsColorBorderInverse: "#acbbc6";
440
+ ddsColorBorderActionDefault: "#106ead";
441
+ ddsColorBorderActionHover: "#0d588a";
442
+ ddsColorBorderSuccess: "#65be66";
443
+ ddsColorBorderWarning: "#f4e04d";
444
+ ddsColorBorderDanger: "#d83737";
445
+ ddsColorBorderInfo: "#75b9e6";
446
+ ddsColorBorderOnAction: "#ffffff";
447
+ ddsColorTextDefault: "#0b0d0e";
448
+ ddsColorTextMedium: "#3a4146";
449
+ ddsColorTextSubtle: "#545c62";
450
+ ddsColorTextOnInverse: "#ffffff";
451
+ ddsColorTextOnAction: "#ffffff";
452
+ ddsColorTextOnStatusDefault: "#0b0d0e";
453
+ ddsColorTextOnStatusStrong: "#0b0d0e";
454
+ ddsColorTextActionResting: "#106ead";
455
+ ddsColorTextActionHover: "#0d588a";
456
+ ddsColorTextRequiredfield: "#d83737";
457
+ ddsColorTextActionVisited: "#7f29b4";
458
+ ddsColorTextActionVisitedOnInverse: "#cca9e1";
459
+ ddsColorTextOnNotification: "#ffffff";
460
+ ddsColorIconDefault: "#0b0d0e";
461
+ ddsColorIconMedium: "#3a4146";
462
+ ddsColorIconSubtle: "#545c62";
463
+ ddsColorIconOnInverse: "#ffffff";
464
+ ddsColorIconOnAction: "#ffffff";
465
+ ddsColorIconActionResting: "#106ead";
466
+ ddsColorIconActionHover: "#0d588a";
467
+ ddsColorIconOnSuccessDefault: "#3d723d";
468
+ ddsColorIconOnSuccessStrong: "#0b0d0e";
469
+ ddsColorIconOnWarningDefault: "#92862e";
470
+ ddsColorIconOnWarningStrong: "#0b0d0e";
471
+ ddsColorIconOnDangerDefault: "#ad2c2c";
472
+ ddsColorIconOnDangerStrong: "#0b0d0e";
473
+ ddsColorIconOnInfoDefault: "#466f8a";
474
+ ddsColorIconOnInfoStrong: "#0b0d0e";
475
+ ddsColorBrandPrimaryDefault: "#354754";
476
+ ddsColorBrandPrimarySubtle: "#eaeff4";
477
+ ddsColorBrandPrimaryMedium: "#4f6a7e";
478
+ ddsColorBrandPrimaryStrong: "#202b32";
479
+ ddsColorBrandSecondaryDefault: "#9ab8b7";
480
+ ddsColorBrandSecondarySubtle: "#e6eded";
481
+ ddsColorBrandSecondaryMedium: "#b8cdcd";
482
+ ddsColorBrandSecondaryStrong: "#4d6463";
483
+ ddsColorBrandTertiaryDefault: "#f2a68f";
484
+ ddsColorBrandTertiarySubtle: "#ffe6df";
485
+ ddsColorBrandTertiaryMedium: "#f6c1b1";
486
+ ddsColorBrandTertiaryStrong: "#f27e55";
487
+ ddsColorFocusOutside: "#2f4a5c";
488
+ ddsColorFocusInside: "#f1f8fd";
489
+ ddsBorderRadiusButton: "2px";
490
+ ddsBorderRadiusButtonNumberPx: 2;
491
+ ddsBorderRadiusSurface: "2px";
492
+ ddsBorderRadiusSurfaceNumberPx: 2;
493
+ ddsBorderRadiusInput: "2px";
494
+ ddsBorderRadiusInputNumberPx: 2;
495
+ ddsBorderRadiusChip: "2px";
496
+ ddsBorderRadiusChipNumberPx: 2;
497
+ ddsBorderRadiusRounded: "9999px";
498
+ ddsBorderRadiusRoundedNumberPx: 9999;
499
+ ddsFontLabelMedium: "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
500
+ ddsFontBodyXsmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
501
+ ddsFontBodySmall: "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
502
+ ddsFontBodyMedium: "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
503
+ ddsFontBodyLarge: "400 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
504
+ ddsFontHeadingXxsmall: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
505
+ ddsFontHeadingXsmall: "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
506
+ ddsFontHeadingSmall: "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
507
+ ddsFontHeadingMedium: "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
508
+ ddsFontHeadingLarge: "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
509
+ ddsFontHeadingXlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
510
+ ddsFontHeadingXxlarge: "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif";
511
+ ddsFontLeadMedium: "300 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
512
+ ddsFontCodeMedium: "400 1.125rem/1.5 'IBM Plex Mono', 'Courier New', monospace";
513
+ ddsFontHeadingXxlargeLetterSpacing: "-0.01em";
514
+ ddsFontHeadingXxlargeParagraphSpacing: "0.4em";
515
+ ddsFontHeadingXxlargeParagraphSpacingNumberEm: 0.4;
516
+ ddsFontHeadingXlargeLetterSpacing: "-0.01em";
517
+ ddsFontHeadingXlargeParagraphSpacing: "0.4em";
518
+ ddsFontHeadingXlargeParagraphSpacingNumberEm: 0.4;
519
+ ddsFontHeadingLargeLetterSpacing: "0em";
520
+ ddsFontHeadingLargeParagraphSpacing: "0.4em";
521
+ ddsFontHeadingLargeParagraphSpacingNumberEm: 0.4;
522
+ ddsFontHeadingMediumLetterSpacing: "0em";
523
+ ddsFontHeadingMediumParagraphSpacing: "0.4em";
524
+ ddsFontHeadingMediumParagraphSpacingNumberEm: 0.4;
525
+ ddsFontHeadingSmallLetterSpacing: "0em";
526
+ ddsFontHeadingSmallParagraphSpacing: "0.4em";
527
+ ddsFontHeadingSmallParagraphSpacingNumberEm: 0.4;
528
+ ddsFontHeadingXsmallLetterSpacing: "0em";
529
+ ddsFontHeadingXsmallParagraphSpacing: "0.4em";
530
+ ddsFontHeadingXsmallParagraphSpacingNumberEm: 0.4;
531
+ ddsFontHeadingXxsmallLetterSpacing: "0.01em";
532
+ ddsFontHeadingXxsmallParagraphSpacing: "0.4em";
533
+ ddsFontHeadingXxsmallParagraphSpacingNumberEm: 0.4;
534
+ ddsFontBodyLargeLetterSpacing: "0em";
535
+ ddsFontBodyLargeParagraphSpacing: "1em";
536
+ ddsFontBodyLargeParagraphSpacingNumberEm: 1;
537
+ ddsFontBodyMediumLetterSpacing: "0em";
538
+ ddsFontBodyMediumParagraphSpacing: "1em";
539
+ ddsFontBodyMediumParagraphSpacingNumberEm: 1;
540
+ ddsFontBodySmallLetterSpacing: "0em";
541
+ ddsFontBodySmallParagraphSpacing: "1em";
542
+ ddsFontBodySmallParagraphSpacingNumberEm: 1;
543
+ ddsFontBodyXsmallLetterSpacing: "0.01em";
544
+ ddsFontBodyXsmallParagraphSpacing: "1em";
545
+ ddsFontBodyXsmallParagraphSpacingNumberEm: 1;
546
+ ddsFontLeadMediumLetterSpacing: "0em";
547
+ ddsFontLeadMediumParagraphSpacing: "0.66em";
548
+ ddsFontLeadMediumParagraphSpacingNumberEm: 0.66;
549
+ ddsFontCodeMediumLetterSpacing: "0em";
550
+ ddsFontCodeMediumParagraphSpacing: "1em";
551
+ ddsFontCodeMediumParagraphSpacingNumberEm: 1;
552
+ ddsFontLabelMediumLetterSpacing: "0.01em";
553
+ ddsFontLabelMediumParagraphSpacing: "1em";
554
+ ddsFontLabelMediumParagraphSpacingNumberEm: 1;
555
+ };
414
556
  };