@norges-domstoler/dds-design-tokens 4.0.2 → 5.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 (61) hide show
  1. package/README.md +9 -12
  2. package/dist/cjs/dds/build/js/borderRadius.d.ts +10 -30
  3. package/dist/cjs/dds/build/js/colors.d.ts +152 -67
  4. package/dist/cjs/dds/build/js/ddsTokens.d.ts +270 -205
  5. package/dist/cjs/dds/build/js/font.d.ts +50 -0
  6. package/dist/cjs/dds/build/js/grid.d.ts +15 -35
  7. package/dist/cjs/dds/build/js/iconSize.d.ts +6 -6
  8. package/dist/cjs/dds/build/js/outershadow.d.ts +1 -1
  9. package/dist/cjs/dds/build/js/spacing.d.ts +28 -88
  10. package/dist/cjs/dds/index.d.ts +10 -11
  11. package/dist/cjs/index.js +1855 -606
  12. package/dist/cjs/src/ddsBaseTokens.d.ts +631 -3
  13. package/dist/css/borderRadius.css +6 -16
  14. package/dist/css/breakpoints.css +1 -1
  15. package/dist/css/colors.css +152 -67
  16. package/dist/css/ddsTokens.css +197 -198
  17. package/dist/css/font.css +1 -1
  18. package/dist/css/grid.css +11 -26
  19. package/dist/css/iconSize.css +4 -4
  20. package/dist/css/outershadow.css +1 -1
  21. package/dist/css/spacing.css +15 -45
  22. package/dist/dds/build/js/borderRadius.d.ts +10 -30
  23. package/dist/dds/build/js/borderRadius.js +11 -31
  24. package/dist/dds/build/js/colors.d.ts +152 -67
  25. package/dist/dds/build/js/colors.js +153 -68
  26. package/dist/dds/build/js/ddsTokens.d.ts +270 -205
  27. package/dist/dds/build/js/ddsTokens.js +630 -0
  28. package/dist/dds/build/js/font.d.ts +50 -0
  29. package/dist/dds/build/js/font.js +51 -1
  30. package/dist/dds/build/js/grid.d.ts +15 -35
  31. package/dist/dds/build/js/grid.js +16 -36
  32. package/dist/dds/build/js/iconSize.d.ts +6 -6
  33. package/dist/dds/build/js/iconSize.js +7 -7
  34. package/dist/dds/build/js/outershadow.d.ts +1 -1
  35. package/dist/dds/build/js/outershadow.js +1 -1
  36. package/dist/dds/build/js/spacing.d.ts +28 -88
  37. package/dist/dds/build/js/spacing.js +29 -89
  38. package/dist/dds/index.d.ts +10 -11
  39. package/dist/ddsBaseTokens.js +3 -5
  40. package/dist/ddsReferenceTokens.js +6 -6
  41. package/dist/index.js +1 -1
  42. package/dist/scss/_borderRadius.scss +6 -16
  43. package/dist/scss/_breakpoints.scss +1 -1
  44. package/dist/scss/_colors.scss +153 -102
  45. package/dist/scss/_ddsTokens.scss +198 -198
  46. package/dist/scss/_font.scss +1 -1
  47. package/dist/scss/_iconSize.scss +4 -4
  48. package/dist/scss/_outershadow.scss +1 -1
  49. package/dist/scss/_spacing.scss +16 -45
  50. package/dist/src/ddsBaseTokens.d.ts +631 -3
  51. package/package.json +6 -6
  52. package/dist/cjs/dds/build/js/border.d.ts +0 -30
  53. package/dist/cjs/dds/build/js/innershadow.d.ts +0 -8
  54. package/dist/css/border.css +0 -31
  55. package/dist/css/innershadow.css +0 -11
  56. package/dist/dds/build/js/border.d.ts +0 -30
  57. package/dist/dds/build/js/border.js +0 -32
  58. package/dist/dds/build/js/innershadow.d.ts +0 -8
  59. package/dist/dds/build/js/innershadow.js +0 -10
  60. package/dist/scss/_border.scss +0 -28
  61. package/dist/scss/_innershadow.scss +0 -8
package/dist/scss/_ddsTokens.scss CHANGED
@@ -1,112 +1,7 @@
1
+
1
2
  // Do not edit directly
2
- // Generated on Mon, 22 Jan 2024 11:05:28 GMT
3
+ // Generated on Mon, 10 Jun 2024 11:27:49 GMT
3
4
 
4
- $dds-breakpoint-xs: 1px;
5
- $dds-breakpoint-sm: 600px;
6
- $dds-breakpoint-md: 960px;
7
- $dds-breakpoint-lg: 1280px;
8
- $dds-breakpoint-xl: 1920px;
9
- $dds-color-primary-lightest: rgba(234, 239, 244, 1);
10
- $dds-color-primary-lighter: rgba(172, 187, 198, 1);
11
- $dds-color-primary-light: rgba(79, 106, 126, 1);
12
- $dds-color-primary-base: rgba(
13
- 53,
14
- 71,
15
- 84,
16
- 1
17
- ); // Primary er hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge og i komponenter.
18
- $dds-color-primary-dark: rgba(49, 61, 69, 1);
19
- $dds-color-primary-darker: rgba(32, 43, 50, 1);
20
- $dds-color-primary-darkest: rgba(21, 28, 34, 1);
21
- $dds-color-neutrals-white: rgba(255, 255, 255, 1);
22
- $dds-color-neutrals-gray-1: rgba(248, 249, 249, 1);
23
- $dds-color-neutrals-gray-2: rgba(235, 236, 238, 1);
24
- $dds-color-neutrals-gray-3: rgba(207, 212, 215, 1);
25
- $dds-color-neutrals-gray-4: rgba(173, 181, 186, 1);
26
- $dds-color-neutrals-gray-5: rgba(119, 131, 140, 1);
27
- $dds-color-neutrals-gray-6: rgba(84, 92, 98, 1);
28
- $dds-color-neutrals-gray-7: rgba(58, 65, 70, 1);
29
- $dds-color-neutrals-gray-8: rgba(34, 39, 42, 1);
30
- $dds-color-neutrals-gray-9: rgba(11, 13, 14, 1);
31
- $dds-color-interactive-lightest: rgba(231, 241, 247, 1);
32
- $dds-color-interactive-lighter: rgba(159, 197, 222, 1);
33
- $dds-color-interactive-light: rgba(88, 154, 198, 1);
34
- $dds-color-interactive-base: rgba(
35
- 16,
36
- 110,
37
- 173,
38
- 1
39
- ); // Interactive brukes til interaksjon. Dette er vanligvis knapper og lenker. Den brukes ofte for å indikere at en komponent er klikkbar eller at man interagerer med den
40
- $dds-color-interactive-dark: rgba(13, 88, 138, 1);
41
- $dds-color-interactive-darker: rgba(10, 66, 104, 1);
42
- $dds-color-interactive-darkest: rgba(6, 44, 69, 1);
43
- $dds-color-secondary-lightest: rgba(230, 237, 237, 1); // --l80
44
- $dds-color-secondary-lighter: rgba(205, 219, 219, 1);
45
- $dds-color-secondary-light: rgba(184, 205, 205, 1);
46
- $dds-color-secondary-base: rgba(
47
- 154,
48
- 184,
49
- 183,
50
- 1
51
- ); // Secondary er den andre hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge og i komponenter.
52
- $dds-color-secondary-dark: rgba(123, 147, 146, 1);
53
- $dds-color-secondary-darker: rgba(77, 100, 99, 1);
54
- $dds-color-secondary-darkest: rgba(62, 74, 73, 1);
55
- $dds-color-tertiary-lightest: rgba(255, 230, 223, 1);
56
- $dds-color-tertiary-lighter: rgba(255, 214, 202, 1);
57
- $dds-color-tertiary-light: rgba(246, 193, 177, 1);
58
- $dds-color-tertiary-base: rgba(
59
- 242,
60
- 166,
61
- 143,
62
- 1
63
- ); // Tertiary er er den tredje profilfargen til Domstolene. Denne brukes gjerne som støttefarge
64
- $dds-color-tertiary-dark: rgba(245, 152, 119, 1);
65
- $dds-color-tertiary-darker: rgba(242, 126, 85, 1);
66
- $dds-color-tertiary-darkest: rgba(194, 101, 68, 1);
67
- $dds-color-success-lightest: rgba(240, 249, 240, 1);
68
- $dds-color-success-lighter: rgba(193, 229, 194, 1);
69
- $dds-color-success-light: rgba(147, 210, 148, 1);
70
- $dds-color-success-base: rgba(
71
- 101,
72
- 190,
73
- 102,
74
- 1
75
- ); // Brukes for å kommunisere suksess eller noe som er riktig.
76
- $dds-color-success-dark: rgba(81, 152, 82, 1);
77
- $dds-color-success-darker: rgba(61, 114, 61, 1);
78
- $dds-color-success-darkest: rgba(40, 76, 41, 1);
79
- $dds-color-danger-lightest: rgba(251, 235, 235, 1);
80
- $dds-color-danger-lighter: rgba(239, 175, 175, 1);
81
- $dds-color-danger-light: rgba(228, 115, 115, 1);
82
- $dds-color-danger-base: rgba(
83
- 216,
84
- 55,
85
- 55,
86
- 1
87
- ); // Brukes for å kommunisere feil og destruktive handlinger, som f.eks. slett.
88
- $dds-color-danger-dark: rgba(173, 44, 44, 1);
89
- $dds-color-danger-darker: rgba(130, 33, 33, 1);
90
- $dds-color-danger-darkest: rgba(86, 22, 22, 1);
91
- $dds-color-warning-lightest: rgba(254, 252, 237, 1);
92
- $dds-color-warning-lighter: rgba(251, 243, 184, 1);
93
- $dds-color-warning-light: rgba(247, 233, 130, 1);
94
- $dds-color-warning-base: rgba(
95
- 244,
96
- 224,
97
- 77,
98
- 1
99
- ); // Brukes for å kommunisere varsler.
100
- $dds-color-warning-dark: rgba(195, 179, 62, 1);
101
- $dds-color-warning-darker: rgba(146, 134, 46, 1);
102
- $dds-color-warning-darkest: rgba(98, 90, 31, 1);
103
- $dds-color-info-lightest: rgba(241, 248, 253, 1);
104
- $dds-color-info-lighter: rgba(200, 227, 245, 1);
105
- $dds-color-info-light: rgba(158, 206, 238, 1);
106
- $dds-color-info-base: rgba(117, 185, 230, 1);
107
- $dds-color-info-dark: rgba(94, 148, 184, 1);
108
- $dds-color-info-darker: rgba(70, 111, 138, 1);
109
- $dds-color-info-darkest: rgba(47, 74, 92, 1);
110
5
  $dds-font-heading-sans-01-font-size: 16px;
111
6
  $dds-font-heading-sans-01-text-decoration: none;
112
7
  $dds-font-heading-sans-01-font-family: 'IBM Plex Sans';
@@ -382,94 +277,199 @@ $dds-font-code-monospace-02-line-height: 1.5em;
382
277
  $dds-font-code-monospace-02-paragraph-indent: 0px;
383
278
  $dds-font-code-monospace-02-paragraph-spacing: 9px;
384
279
  $dds-font-code-monospace-02-text-case: none;
385
- $borders-dds-border-focus-base-stroke-align: inside;
386
- $borders-dds-border-focus-base-stroke-miter-limit: 4;
387
- $borders-dds-border-focus-base-stroke-weight: 1px;
388
- $borders-dds-border-focus-base-stroke: rgba(98, 90, 31, 1);
389
- $borders-dds-border-focus-ondark-stroke-align: inside;
390
- $borders-dds-border-focus-ondark-stroke-miter-limit: 4;
391
- $borders-dds-border-focus-ondark-stroke-weight: 1px;
392
- $borders-dds-border-focus-ondark-stroke: rgba(251, 243, 184, 1);
393
- $borders-dds-border-focus-inputfield-stroke-align: inside;
394
- $borders-dds-border-focus-inputfield-stroke-miter-limit: 4;
395
- $borders-dds-border-focus-inputfield-stroke-weight: 2px;
396
- $borders-dds-border-focus-inputfield-stroke: rgba(16, 110, 173, 1);
397
- $borders-dds-border-focus-card-stroke-align: outside;
398
- $borders-dds-border-focus-card-stroke-miter-limit: 4;
399
- $borders-dds-border-focus-card-stroke-weight: 2px;
400
- $borders-dds-border-focus-card-stroke: rgba(98, 90, 31, 1);
401
- $borders-dds-border-style-light-stroke-align: inside;
402
- $borders-dds-border-style-light-stroke-miter-limit: 4;
403
- $borders-dds-border-style-light-stroke-weight: 1px;
404
- $borders-dds-border-style-light-stroke: rgba(172, 187, 198, 1);
405
- $borders-dds-border-style-dark-stroke-align: inside;
406
- $borders-dds-border-style-dark-stroke-miter-limit: 4;
407
- $borders-dds-border-style-dark-stroke-weight: 1px;
408
- $borders-dds-border-style-dark-stroke: rgba(53, 71, 84, 1);
409
- $radii-dds-border-radius-1-radius: 2px;
410
- $radii-dds-border-radius-1-radii-top-left: 2px;
411
- $radii-dds-border-radius-1-radii-top-right: 2px;
412
- $radii-dds-border-radius-1-radii-bottom-right: 2px;
413
- $radii-dds-border-radius-1-radii-bottom-left: 2px;
414
- $radii-dds-border-radius-2-radius: 4px;
415
- $radii-dds-border-radius-2-radii-top-left: 4px;
416
- $radii-dds-border-radius-2-radii-top-right: 4px;
417
- $radii-dds-border-radius-2-radii-bottom-right: 4px;
418
- $radii-dds-border-radius-2-radii-bottom-left: 4px;
419
- $radii-dds-border-radius-3-radius: 8px;
420
- $radii-dds-border-radius-3-radii-top-left: 8px;
421
- $radii-dds-border-radius-3-radii-top-right: 8px;
422
- $radii-dds-border-radius-3-radii-bottom-right: 8px;
423
- $radii-dds-border-radius-3-radii-bottom-left: 8px;
424
- $dds-innershadow-1-ondark: 1px 2px 4px 0px rgba(0, 0, 0, 0.5) inset;
425
- $dds-innershadow-1-onlight: 1px 2px 4px 0px rgba(0, 0, 0, 0.1) inset;
426
- $dds-innershadow-2-ondark: 2px 4px 8px 0px rgba(0, 0, 0, 0.5) inset;
427
- $dds-innershadow-2-onlight: 2px 4px 8px 0px rgba(0, 0, 0, 0.1) inset;
428
- $dds-shadow-1-ondark: 1px 2px 4px 0px rgba(0, 0, 0, 0.5);
429
- $dds-shadow-1-onlight: 1px 2px 4px 0px rgba(0, 0, 0, 0.1);
430
- $dds-shadow-2-ondark: 2px 4px 8px 0px rgba(0, 0, 0, 0.5);
431
- $dds-shadow-2-onlight: 2px 4px 8px 0px rgba(0, 0, 0, 0.1);
432
- $dds-shadow-3-ondark: 4px 8px 16px 0px rgba(0, 0, 0, 0.5);
433
- $dds-shadow-3-onlight: 4px 8px 16px 0px rgba(0, 0, 0, 0.1);
434
- $dds-shadow-4-ondark: 8px 16px 32px 0px rgba(0, 0, 0, 0.5);
435
- $dds-shadow-4-onlight: 8px 16px 32px 0px rgba(0, 0, 0, 0.1);
436
- $dds-grid-xs-0-599-pattern: columns;
437
- $dds-grid-xs-0-599-gutter-size: 16px;
438
- $dds-grid-xs-0-599-alignment: stretch;
439
- $dds-grid-xs-0-599-count: 4;
440
- $dds-grid-xs-0-599-offset: 16px;
441
- $dds-grid-sm-600-959-pattern: columns;
442
- $dds-grid-sm-600-959-gutter-size: 16px;
443
- $dds-grid-sm-600-959-alignment: stretch;
444
- $dds-grid-sm-600-959-count: 8;
445
- $dds-grid-sm-600-959-offset: 16px;
446
- $dds-grid-md-960-1279-pattern: columns;
447
- $dds-grid-md-960-1279-gutter-size: 24px;
448
- $dds-grid-md-960-1279-alignment: stretch;
449
- $dds-grid-md-960-1279-count: 12;
450
- $dds-grid-md-960-1279-offset: 24px;
451
- $dds-grid-lg-1280-1919-pattern: columns;
452
- $dds-grid-lg-1280-1919-gutter-size: 24px;
453
- $dds-grid-lg-1280-1919-alignment: stretch;
454
- $dds-grid-lg-1280-1919-count: 12;
455
- $dds-grid-lg-1280-1919-offset: 24px;
456
- $dds-grid-xl-1920-pattern: columns;
457
- $dds-grid-xl-1920-gutter-size: 24px;
458
- $dds-grid-xl-1920-alignment: stretch;
459
- $dds-grid-xl-1920-count: 12;
460
- $dds-grid-xl-1920-offset: 24px;
461
- $dds-iconsize-medium: 24px;
462
- $dds-iconsize-large: 40px;
463
- $dds-iconsize-small: 16px;
464
- $sizes-dds-spacing-x-3: 48px; // 48px
465
- $sizes-dds-spacing-x-2-5: 40px; // 40px
466
- $sizes-dds-spacing-x-2: 32px; // 32px
467
- $sizes-dds-spacing-x-10: 160px; // 160px
468
- $sizes-dds-spacing-x-1-5: 24px; // 24px
469
- $sizes-dds-spacing-x-6: 96px; // 96px
470
- $sizes-dds-spacing-x-1: 16px; // 16px
471
- $sizes-dds-spacing-x-4: 64px; // 64px
472
- $sizes-dds-spacing-x-0-75: 12px; // 12px
473
- $sizes-dds-spacing-x-0-5: 8px; // 8px
474
- $sizes-dds-spacing-x-0-25: 4px; // 4px
475
- $sizes-dds-spacing-x-0-125: 2px; // 2px
280
+ $dds-shadow-1-ondark: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5);
281
+ $dds-shadow-1-onlight: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1);
282
+ $dds-shadow-2-ondark: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.5);
283
+ $dds-shadow-2-onlight: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.1);
284
+ $dds-shadow-3-ondark: 4.0px 8.0px 16.0px 0px rgba(0, 0, 0, 0.5);
285
+ $dds-shadow-3-onlight: 4.0px 8.0px 16.0px 0px rgba(0, 0, 0, 0.1);
286
+ $dds-shadow-4-ondark: 8.0px 16.0px 32.0px 0px rgba(0, 0, 0, 0.5);
287
+ $dds-shadow-4-onlight: 8.0px 16.0px 32.0px 0px rgba(0, 0, 0, 0.1);
288
+ $dds-color-primary-lightest: #eaeff4;
289
+ $dds-color-primary-lighter: #acbbc6;
290
+ $dds-color-primary-light: #4f6a7e;
291
+ $dds-color-primary-base: #354754;
292
+ $dds-color-primary-dark: #313d45;
293
+ $dds-color-primary-darker: #202b32;
294
+ $dds-color-primary-darkest: #151c22;
295
+ $dds-color-neutrals-white: #ffffff;
296
+ $dds-color-neutrals-gray1: #f8f9f9;
297
+ $dds-color-neutrals-gray2: #ebecee;
298
+ $dds-color-neutrals-gray3: #cfd4d7;
299
+ $dds-color-neutrals-gray4: #adb5ba;
300
+ $dds-color-neutrals-gray5: #77838c;
301
+ $dds-color-neutrals-gray6: #545c62;
302
+ $dds-color-neutrals-gray7: #3a4146;
303
+ $dds-color-neutrals-gray8: #22272a;
304
+ $dds-color-neutrals-gray9: #0b0d0e;
305
+ $dds-color-interactive-lightest: #e7f1f7;
306
+ $dds-color-interactive-lighter: #9fc5de;
307
+ $dds-color-interactive-light: #589ac6;
308
+ $dds-color-interactive-base: #106ead;
309
+ $dds-color-interactive-dark: #0d588a;
310
+ $dds-color-interactive-darker: #0a4268;
311
+ $dds-color-interactive-darkest: #062c45;
312
+ $dds-color-secondary-lightest: #e6eded;
313
+ $dds-color-secondary-lighter: #cddbdb;
314
+ $dds-color-secondary-light: #b8cdcd;
315
+ $dds-color-secondary-base: #9ab8b7;
316
+ $dds-color-secondary-dark: #7b9392;
317
+ $dds-color-secondary-darker: #4d6463;
318
+ $dds-color-secondary-darkest: #3e4a49;
319
+ $dds-color-tertiary-lightest: #ffe6df;
320
+ $dds-color-tertiary-lighter: #ffd6ca;
321
+ $dds-color-tertiary-light: #f6c1b1;
322
+ $dds-color-tertiary-base: #f2a68f;
323
+ $dds-color-tertiary-dark: #f59877;
324
+ $dds-color-tertiary-darker: #f27e55;
325
+ $dds-color-tertiary-darkest: #c26544;
326
+ $dds-color-success-lightest: #f0f9f0;
327
+ $dds-color-success-lighter: #c1e5c2;
328
+ $dds-color-success-light: #93d294;
329
+ $dds-color-success-base: #65be66;
330
+ $dds-color-success-dark: #519852;
331
+ $dds-color-success-darker: #3d723d;
332
+ $dds-color-success-darkest: #284c29;
333
+ $dds-color-danger-lightest: #fbebeb;
334
+ $dds-color-danger-lighter: #efafaf;
335
+ $dds-color-danger-light: #e47373;
336
+ $dds-color-danger-base: #d83737;
337
+ $dds-color-danger-dark: #ad2c2c;
338
+ $dds-color-danger-darker: #822121;
339
+ $dds-color-danger-darkest: #561616;
340
+ $dds-color-warning-lightest: #fefced;
341
+ $dds-color-warning-lighter: #fbf3b8;
342
+ $dds-color-warning-light: #f7e982;
343
+ $dds-color-warning-base: #f4e04d;
344
+ $dds-color-warning-dark: #c3b33e;
345
+ $dds-color-warning-darker: #92862e;
346
+ $dds-color-warning-darkest: #625a1f;
347
+ $dds-color-info-lightest: #f1f8fd;
348
+ $dds-color-info-lighter: #c8e3f5;
349
+ $dds-color-info-light: #9eceee;
350
+ $dds-color-info-base: #75b9e6;
351
+ $dds-color-info-dark: #5e94b8;
352
+ $dds-color-info-darker: #466f8a;
353
+ $dds-color-info-darkest: #2f4a5c;
354
+ $dds-color-visited-base: #7F29B4;
355
+ $dds-color-visited-lighter: #CCA9E1;
356
+ $dds-color-bg-default: #ffffff;
357
+ $dds-color-bg-subtle: #f8f9f9;
358
+ $dds-color-surface-default: #ffffff;
359
+ $dds-color-surface-subtle: #f8f9f9;
360
+ $dds-color-surface-medium: #ebecee;
361
+ $dds-color-surface-hover-default: #e7f1f7;
362
+ $dds-color-surface-hover-subtle: #f8f9f9;
363
+ $dds-color-surface-selected-default: #e7f1f7;
364
+ $dds-color-surface-inverse-default: #354754;
365
+ $dds-color-surface-inverse-hover: #313d45;
366
+ $dds-color-surface-inverse-selected: #202b32;
367
+ $dds-color-surface-action-resting: #106ead;
368
+ $dds-color-surface-action-hover: #0d588a;
369
+ $dds-color-surface-action-selected: #106ead;
370
+ $dds-color-surface-action-danger-resting: #d83737;
371
+ $dds-color-surface-action-danger-hover: #ad2c2c;
372
+ $dds-color-surface-action-selected-disabled: #77838c;
373
+ $dds-color-surface-danger-default: #fbebeb;
374
+ $dds-color-surface-danger-strong: #e47373;
375
+ $dds-color-surface-success-default: #f0f9f0;
376
+ $dds-color-surface-success-strong: #93d294;
377
+ $dds-color-surface-warning-default: #fefced;
378
+ $dds-color-surface-warning-strong: #f7e982;
379
+ $dds-color-surface-info-default: #f1f8fd;
380
+ $dds-color-surface-info-strong: #9eceee;
381
+ $dds-color-surface-paper-default: #ffffff;
382
+ $dds-color-surface-backdrop-default: #0b0d0e80;
383
+ $dds-color-surface-field-default: #ffffff;
384
+ $dds-color-surface-field-disabled: #f8f9f9;
385
+ $dds-color-surface-highlighted-default: #ffe6df;
386
+ $dds-color-surface-scrollbar: #adb5ba;
387
+ $dds-color-surface-notification: #d83737;
388
+ $dds-color-border-default: #77838c;
389
+ $dds-color-border-subtle: #cfd4d7;
390
+ $dds-color-border-inverse: #acbbc6;
391
+ $dds-color-border-action-default: #106ead;
392
+ $dds-color-border-action-hover: #0d588a;
393
+ $dds-color-border-success: #65be66;
394
+ $dds-color-border-warning: #f4e04d;
395
+ $dds-color-border-danger: #d83737;
396
+ $dds-color-border-info: #75b9e6;
397
+ $dds-color-border-on-action: #ffffff;
398
+ $dds-color-text-default: #0b0d0e;
399
+ $dds-color-text-medium: #3a4146;
400
+ $dds-color-text-subtle: #545c62;
401
+ $dds-color-text-on-inverse: #ffffff;
402
+ $dds-color-text-on-action: #ffffff;
403
+ $dds-color-text-on-status-default: #0b0d0e;
404
+ $dds-color-text-on-status-strong: #0b0d0e;
405
+ $dds-color-text-action-resting: #106ead;
406
+ $dds-color-text-action-hover: #0d588a;
407
+ $dds-color-text-requiredfield: #d83737;
408
+ $dds-color-text-action-visited: #7F29B4;
409
+ $dds-color-text-on-notification: #ffffff;
410
+ $dds-color-icon-default: #0b0d0e;
411
+ $dds-color-icon-medium: #3a4146;
412
+ $dds-color-icon-subtle: #545c62;
413
+ $dds-color-icon-on-inverse: #ffffff;
414
+ $dds-color-icon-on-action: #ffffff;
415
+ $dds-color-icon-action-resting: #106ead;
416
+ $dds-color-icon-action-hover: #0d588a;
417
+ $dds-color-icon-on-success-default: #3d723d;
418
+ $dds-color-icon-on-success-strong: #0b0d0e;
419
+ $dds-color-icon-on-warning-default: #92862e;
420
+ $dds-color-icon-on-warning-strong: #0b0d0e;
421
+ $dds-color-icon-on-danger-default: #ad2c2c;
422
+ $dds-color-icon-on-danger-strong: #0b0d0e;
423
+ $dds-color-icon-on-info-default: #466f8a;
424
+ $dds-color-icon-on-info-strong: #0b0d0e;
425
+ $dds-color-brand-primary-default: #354754;
426
+ $dds-color-brand-primary-subtle: #eaeff4;
427
+ $dds-color-brand-primary-medium: #acbbc6;
428
+ $dds-color-brand-primary-strong: #202b32;
429
+ $dds-color-brand-secondary-default: #9ab8b7;
430
+ $dds-color-brand-secondary-subtle: #e6eded;
431
+ $dds-color-brand-secondary-medium: #b8cdcd;
432
+ $dds-color-brand-secondary-strong: #4d6463;
433
+ $dds-color-brand-tertiary-default: #f2a68f;
434
+ $dds-color-brand-tertiary-subtle: #ffe6df;
435
+ $dds-color-brand-tertiary-medium: #f6c1b1;
436
+ $dds-color-brand-tertiary-strong: #f27e55;
437
+ $dds-color-focus-outside: #2f4a5c;
438
+ $dds-color-focus-inside: #f1f8fd;
439
+ $dds-border-radius-0: 0px;
440
+ $dds-border-radius-1: 2px;
441
+ $dds-border-radius-2: 4px;
442
+ $dds-border-radius-3: 8px;
443
+ $dds-border-radius-100: 9999px;
444
+ $dds-spacing-x0: 0px;
445
+ $dds-spacing-x0-125: 2px;
446
+ $dds-spacing-x0-25: 4px;
447
+ $dds-spacing-x0-5: 8px;
448
+ $dds-spacing-x0-75: 12px;
449
+ $dds-spacing-x1: 16px;
450
+ $dds-spacing-x1-5: 24px;
451
+ $dds-spacing-x2: 32px;
452
+ $dds-spacing-x2-5: 40px;
453
+ $dds-spacing-x3: 48px;
454
+ $dds-spacing-x4: 64px;
455
+ $dds-spacing-x6: 96px;
456
+ $dds-spacing-x10: 160px;
457
+ $dds-spacing-padding-top-heading: 0.7em;
458
+ $dds-icon-size-large: 40px;
459
+ $dds-icon-size-medium: 24px;
460
+ $dds-icon-size-small: 16px;
461
+ $dds-grid-xs-count: 4;
462
+ $dds-grid-xs-gutter-size: 16px;
463
+ $dds-grid-sm-count: 8;
464
+ $dds-grid-sm-gutter-size: 16px;
465
+ $dds-grid-lg-count: 12;
466
+ $dds-grid-lg-gutter-size: 24px;
467
+ $dds-grid-md-count: 12;
468
+ $dds-grid-md-gutter-size: 24px;
469
+ $dds-grid-xl-count: 12;
470
+ $dds-grid-xl-gutter-size: 24px;
471
+ $dds-breakpoint-xs: 1px;
472
+ $dds-breakpoint-sm: 600px;
473
+ $dds-breakpoint-md: 960px;
474
+ $dds-breakpoint-lg: 1280px;
475
+ $dds-breakpoint-xl: 1920px;
package/dist/scss/_font.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 22 Jan 2024 11:05:28 GMT
3
+ // Generated on Fri, 07 Jun 2024 10:30:37 GMT
4
4
 
5
5
  $dds-font-heading-sans-01-font-size: 16px;
6
6
  $dds-font-heading-sans-01-text-decoration: none;
package/dist/scss/_iconSize.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 22 Jan 2024 11:05:28 GMT
3
+ // Generated on Fri, 07 Jun 2024 10:30:37 GMT
4
4
 
5
- $dds-iconsize-medium: 24px;
6
- $dds-iconsize-large: 40px;
7
- $dds-iconsize-small: 16px;
5
+ $dds-icon-size-large: 40px;
6
+ $dds-icon-size-medium: 24px;
7
+ $dds-icon-size-small: 16px;
package/dist/scss/_outershadow.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 22 Jan 2024 11:05:28 GMT
3
+ // Generated on Fri, 07 Jun 2024 10:30:37 GMT
4
4
 
5
5
  $dds-shadow-1-ondark: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5);
6
6
  $dds-shadow-1-onlight: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1);
package/dist/scss/_spacing.scss CHANGED
@@ -1,47 +1,18 @@
1
+
1
2
  // Do not edit directly
2
- // Generated on Mon, 22 Jan 2024 11:05:28 GMT
3
+ // Generated on Fri, 07 Jun 2024 10:30:37 GMT
3
4
 
4
- $sizes-dds-spacing-x-3: 48px; // 48px
5
- $sizes-dds-spacing-x-2-5: 40px; // 40px
6
- $sizes-dds-spacing-x-2: 32px; // 32px
7
- $sizes-dds-spacing-x-10: 160px; // 160px
8
- $sizes-dds-spacing-x-1-5: 24px; // 24px
9
- $sizes-dds-spacing-x-6: 96px; // 96px
10
- $sizes-dds-spacing-x-1: 16px; // 16px
11
- $sizes-dds-spacing-x-4: 64px; // 64px
12
- $sizes-dds-spacing-x-0-75: 12px; // 12px
13
- $sizes-dds-spacing-x-0-5: 8px; // 8px
14
- $sizes-dds-spacing-x-0-25: 4px; // 4px
15
- $sizes-dds-spacing-x-0-125: 2px; // 2px
16
- $spacing-dds-spacing-padding-top-heading-sans-01-top: 11.2px;
17
- $spacing-dds-spacing-padding-top-heading-sans-01-right: 0px;
18
- $spacing-dds-spacing-padding-top-heading-sans-01-bottom: 0px;
19
- $spacing-dds-spacing-padding-top-heading-sans-01-left: 0px;
20
- $spacing-dds-spacing-padding-top-heading-sans-02-top: 12.6px;
21
- $spacing-dds-spacing-padding-top-heading-sans-02-right: 0px;
22
- $spacing-dds-spacing-padding-top-heading-sans-02-bottom: 0px;
23
- $spacing-dds-spacing-padding-top-heading-sans-02-left: 0px;
24
- $spacing-dds-spacing-padding-top-heading-sans-03-top: 16.8px;
25
- $spacing-dds-spacing-padding-top-heading-sans-03-right: 0px;
26
- $spacing-dds-spacing-padding-top-heading-sans-03-bottom: 0px;
27
- $spacing-dds-spacing-padding-top-heading-sans-03-left: 0px;
28
- $spacing-dds-spacing-padding-top-heading-sans-04-top: 22.4px;
29
- $spacing-dds-spacing-padding-top-heading-sans-04-right: 0px;
30
- $spacing-dds-spacing-padding-top-heading-sans-04-bottom: 0px;
31
- $spacing-dds-spacing-padding-top-heading-sans-04-left: 0px;
32
- $spacing-dds-spacing-padding-top-heading-sans-05-top: 28px;
33
- $spacing-dds-spacing-padding-top-heading-sans-05-right: 0px;
34
- $spacing-dds-spacing-padding-top-heading-sans-05-bottom: 0px;
35
- $spacing-dds-spacing-padding-top-heading-sans-05-left: 0px;
36
- $spacing-dds-spacing-padding-top-heading-sans-06-top: 33.6px;
37
- $spacing-dds-spacing-padding-top-heading-sans-06-right: 0px;
38
- $spacing-dds-spacing-padding-top-heading-sans-06-bottom: 0px;
39
- $spacing-dds-spacing-padding-top-heading-sans-06-left: 0px;
40
- $spacing-dds-spacing-padding-top-heading-sans-07-top: 44.8px;
41
- $spacing-dds-spacing-padding-top-heading-sans-07-right: 0px;
42
- $spacing-dds-spacing-padding-top-heading-sans-07-bottom: 0px;
43
- $spacing-dds-spacing-padding-top-heading-sans-07-left: 0px;
44
- $spacing-dds-spacing-padding-top-heading-sans-08-top: 56px;
45
- $spacing-dds-spacing-padding-top-heading-sans-08-right: 0px;
46
- $spacing-dds-spacing-padding-top-heading-sans-08-bottom: 0px;
47
- $spacing-dds-spacing-padding-top-heading-sans-08-left: 0px;
5
+ $dds-spacing-x0: 0px;
6
+ $dds-spacing-x0-125: 2px;
7
+ $dds-spacing-x0-25: 4px;
8
+ $dds-spacing-x0-5: 8px;
9
+ $dds-spacing-x0-75: 12px;
10
+ $dds-spacing-x1: 16px;
11
+ $dds-spacing-x1-5: 24px;
12
+ $dds-spacing-x2: 32px;
13
+ $dds-spacing-x2-5: 40px;
14
+ $dds-spacing-x3: 48px;
15
+ $dds-spacing-x4: 64px;
16
+ $dds-spacing-x6: 96px;
17
+ $dds-spacing-x10: 160px;
18
+ $dds-spacing-padding-top-heading: 0.7em;