@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
@@ -1,37 +1,17 @@
1
- const DdsGridXs0599Pattern = "columns";
2
- const DdsGridXs0599GutterSize = "16px";
3
- const DdsGridXs0599GutterSizeNumberPx = 16;
4
- const DdsGridXs0599Alignment = "stretch";
5
- const DdsGridXs0599Count = 4;
6
- const DdsGridXs0599Offset = "16px";
7
- const DdsGridXs0599OffsetNumberPx = 16;
8
- const DdsGridSm600959Pattern = "columns";
9
- const DdsGridSm600959GutterSize = "16px";
10
- const DdsGridSm600959GutterSizeNumberPx = 16;
11
- const DdsGridSm600959Alignment = "stretch";
12
- const DdsGridSm600959Count = 8;
13
- const DdsGridSm600959Offset = "16px";
14
- const DdsGridSm600959OffsetNumberPx = 16;
15
- const DdsGridMd9601279Pattern = "columns";
16
- const DdsGridMd9601279GutterSize = "24px";
17
- const DdsGridMd9601279GutterSizeNumberPx = 24;
18
- const DdsGridMd9601279Alignment = "stretch";
19
- const DdsGridMd9601279Count = 12;
20
- const DdsGridMd9601279Offset = "24px";
21
- const DdsGridMd9601279OffsetNumberPx = 24;
22
- const DdsGridLg12801919Pattern = "columns";
23
- const DdsGridLg12801919GutterSize = "24px";
24
- const DdsGridLg12801919GutterSizeNumberPx = 24;
25
- const DdsGridLg12801919Alignment = "stretch";
26
- const DdsGridLg12801919Count = 12;
27
- const DdsGridLg12801919Offset = "24px";
28
- const DdsGridLg12801919OffsetNumberPx = 24;
29
- const DdsGridXl1920Pattern = "columns";
30
- const DdsGridXl1920GutterSize = "24px";
31
- const DdsGridXl1920GutterSizeNumberPx = 24;
32
- const DdsGridXl1920Alignment = "stretch";
33
- const DdsGridXl1920Count = 12;
34
- const DdsGridXl1920Offset = "24px";
35
- const DdsGridXl1920OffsetNumberPx = 24;
1
+ const DdsGridXsCount = "4";
2
+ const DdsGridXsGutterSize = "16px";
3
+ const DdsGridXsGutterSizeNumberPx = 16;
4
+ const DdsGridSmCount = "8";
5
+ const DdsGridSmGutterSize = "16px";
6
+ const DdsGridSmGutterSizeNumberPx = 16;
7
+ const DdsGridLgCount = "12";
8
+ const DdsGridLgGutterSize = "24px";
9
+ const DdsGridLgGutterSizeNumberPx = 24;
10
+ const DdsGridMdCount = "12";
11
+ const DdsGridMdGutterSize = "24px";
12
+ const DdsGridMdGutterSizeNumberPx = 24;
13
+ const DdsGridXlCount = "12";
14
+ const DdsGridXlGutterSize = "24px";
15
+ const DdsGridXlGutterSizeNumberPx = 24;
36
16
 
37
- export { DdsGridLg12801919Alignment, DdsGridLg12801919Count, DdsGridLg12801919GutterSize, DdsGridLg12801919GutterSizeNumberPx, DdsGridLg12801919Offset, DdsGridLg12801919OffsetNumberPx, DdsGridLg12801919Pattern, DdsGridMd9601279Alignment, DdsGridMd9601279Count, DdsGridMd9601279GutterSize, DdsGridMd9601279GutterSizeNumberPx, DdsGridMd9601279Offset, DdsGridMd9601279OffsetNumberPx, DdsGridMd9601279Pattern, DdsGridSm600959Alignment, DdsGridSm600959Count, DdsGridSm600959GutterSize, DdsGridSm600959GutterSizeNumberPx, DdsGridSm600959Offset, DdsGridSm600959OffsetNumberPx, DdsGridSm600959Pattern, DdsGridXl1920Alignment, DdsGridXl1920Count, DdsGridXl1920GutterSize, DdsGridXl1920GutterSizeNumberPx, DdsGridXl1920Offset, DdsGridXl1920OffsetNumberPx, DdsGridXl1920Pattern, DdsGridXs0599Alignment, DdsGridXs0599Count, DdsGridXs0599GutterSize, DdsGridXs0599GutterSizeNumberPx, DdsGridXs0599Offset, DdsGridXs0599OffsetNumberPx, DdsGridXs0599Pattern };
17
+ export { DdsGridLgCount, DdsGridLgGutterSize, DdsGridLgGutterSizeNumberPx, DdsGridMdCount, DdsGridMdGutterSize, DdsGridMdGutterSizeNumberPx, DdsGridSmCount, DdsGridSmGutterSize, DdsGridSmGutterSizeNumberPx, DdsGridXlCount, DdsGridXlGutterSize, DdsGridXlGutterSizeNumberPx, DdsGridXsCount, DdsGridXsGutterSize, DdsGridXsGutterSizeNumberPx };
@@ -1,6 +1,6 @@
1
- export declare const DdsIconsizeMedium = "24px";
2
- export declare const DdsIconsizeMediumNumberPx = 24;
3
- export declare const DdsIconsizeLarge = "40px";
4
- export declare const DdsIconsizeLargeNumberPx = 40;
5
- export declare const DdsIconsizeSmall = "16px";
6
- export declare const DdsIconsizeSmallNumberPx = 16;
1
+ export declare const DdsIconSizeLarge = "40px";
2
+ export declare const DdsIconSizeLargeNumberPx = 40;
3
+ export declare const DdsIconSizeMedium = "24px";
4
+ export declare const DdsIconSizeMediumNumberPx = 24;
5
+ export declare const DdsIconSizeSmall = "16px";
6
+ export declare const DdsIconSizeSmallNumberPx = 16;
@@ -1,8 +1,8 @@
1
- const DdsIconsizeMedium = "24px";
2
- const DdsIconsizeMediumNumberPx = 24;
3
- const DdsIconsizeLarge = "40px";
4
- const DdsIconsizeLargeNumberPx = 40;
5
- const DdsIconsizeSmall = "16px";
6
- const DdsIconsizeSmallNumberPx = 16;
1
+ const DdsIconSizeLarge = "40px";
2
+ const DdsIconSizeLargeNumberPx = 40;
3
+ const DdsIconSizeMedium = "24px";
4
+ const DdsIconSizeMediumNumberPx = 24;
5
+ const DdsIconSizeSmall = "16px";
6
+ const DdsIconSizeSmallNumberPx = 16;
7
7
 
8
- export { DdsIconsizeLarge, DdsIconsizeLargeNumberPx, DdsIconsizeMedium, DdsIconsizeMediumNumberPx, DdsIconsizeSmall, DdsIconsizeSmallNumberPx };
8
+ export { DdsIconSizeLarge, DdsIconSizeLargeNumberPx, DdsIconSizeMedium, DdsIconSizeMediumNumberPx, DdsIconSizeSmall, DdsIconSizeSmallNumberPx };
@@ -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
  export declare const DdsShadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5)";
6
6
  export declare const DdsShadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1)";
@@ -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
  const DdsShadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5)";
6
6
  const DdsShadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1)";
@@ -1,88 +1,28 @@
1
- export declare const SizesDdsSpacingX3 = "48px";
2
- export declare const SizesDdsSpacingX3NumberPx = 48;
3
- export declare const SizesDdsSpacingX25 = "40px";
4
- export declare const SizesDdsSpacingX25NumberPx = 40;
5
- export declare const SizesDdsSpacingX2 = "32px";
6
- export declare const SizesDdsSpacingX2NumberPx = 32;
7
- export declare const SizesDdsSpacingX10 = "160px";
8
- export declare const SizesDdsSpacingX10NumberPx = 160;
9
- export declare const SizesDdsSpacingX15 = "24px";
10
- export declare const SizesDdsSpacingX15NumberPx = 24;
11
- export declare const SizesDdsSpacingX6 = "96px";
12
- export declare const SizesDdsSpacingX6NumberPx = 96;
13
- export declare const SizesDdsSpacingX1 = "16px";
14
- export declare const SizesDdsSpacingX1NumberPx = 16;
15
- export declare const SizesDdsSpacingX4 = "64px";
16
- export declare const SizesDdsSpacingX4NumberPx = 64;
17
- export declare const SizesDdsSpacingX075 = "12px";
18
- export declare const SizesDdsSpacingX075NumberPx = 12;
19
- export declare const SizesDdsSpacingX05 = "8px";
20
- export declare const SizesDdsSpacingX05NumberPx = 8;
21
- export declare const SizesDdsSpacingX025 = "4px";
22
- export declare const SizesDdsSpacingX025NumberPx = 4;
23
- export declare const SizesDdsSpacingX0125 = "2px";
24
- export declare const SizesDdsSpacingX0125NumberPx = 2;
25
- export declare const SpacingDdsSpacingPaddingTopHeadingSans01Top = "11.2px";
26
- export declare const SpacingDdsSpacingPaddingTopHeadingSans01TopNumberPx = 11.2;
27
- export declare const SpacingDdsSpacingPaddingTopHeadingSans01Right = "0px";
28
- export declare const SpacingDdsSpacingPaddingTopHeadingSans01RightNumberPx = 0;
29
- export declare const SpacingDdsSpacingPaddingTopHeadingSans01Bottom = "0px";
30
- export declare const SpacingDdsSpacingPaddingTopHeadingSans01BottomNumberPx = 0;
31
- export declare const SpacingDdsSpacingPaddingTopHeadingSans01Left = "0px";
32
- export declare const SpacingDdsSpacingPaddingTopHeadingSans01LeftNumberPx = 0;
33
- export declare const SpacingDdsSpacingPaddingTopHeadingSans02Top = "12.6px";
34
- export declare const SpacingDdsSpacingPaddingTopHeadingSans02TopNumberPx = 12.6;
35
- export declare const SpacingDdsSpacingPaddingTopHeadingSans02Right = "0px";
36
- export declare const SpacingDdsSpacingPaddingTopHeadingSans02RightNumberPx = 0;
37
- export declare const SpacingDdsSpacingPaddingTopHeadingSans02Bottom = "0px";
38
- export declare const SpacingDdsSpacingPaddingTopHeadingSans02BottomNumberPx = 0;
39
- export declare const SpacingDdsSpacingPaddingTopHeadingSans02Left = "0px";
40
- export declare const SpacingDdsSpacingPaddingTopHeadingSans02LeftNumberPx = 0;
41
- export declare const SpacingDdsSpacingPaddingTopHeadingSans03Top = "16.8px";
42
- export declare const SpacingDdsSpacingPaddingTopHeadingSans03TopNumberPx = 16.8;
43
- export declare const SpacingDdsSpacingPaddingTopHeadingSans03Right = "0px";
44
- export declare const SpacingDdsSpacingPaddingTopHeadingSans03RightNumberPx = 0;
45
- export declare const SpacingDdsSpacingPaddingTopHeadingSans03Bottom = "0px";
46
- export declare const SpacingDdsSpacingPaddingTopHeadingSans03BottomNumberPx = 0;
47
- export declare const SpacingDdsSpacingPaddingTopHeadingSans03Left = "0px";
48
- export declare const SpacingDdsSpacingPaddingTopHeadingSans03LeftNumberPx = 0;
49
- export declare const SpacingDdsSpacingPaddingTopHeadingSans04Top = "22.4px";
50
- export declare const SpacingDdsSpacingPaddingTopHeadingSans04TopNumberPx = 22.4;
51
- export declare const SpacingDdsSpacingPaddingTopHeadingSans04Right = "0px";
52
- export declare const SpacingDdsSpacingPaddingTopHeadingSans04RightNumberPx = 0;
53
- export declare const SpacingDdsSpacingPaddingTopHeadingSans04Bottom = "0px";
54
- export declare const SpacingDdsSpacingPaddingTopHeadingSans04BottomNumberPx = 0;
55
- export declare const SpacingDdsSpacingPaddingTopHeadingSans04Left = "0px";
56
- export declare const SpacingDdsSpacingPaddingTopHeadingSans04LeftNumberPx = 0;
57
- export declare const SpacingDdsSpacingPaddingTopHeadingSans05Top = "28px";
58
- export declare const SpacingDdsSpacingPaddingTopHeadingSans05TopNumberPx = 28;
59
- export declare const SpacingDdsSpacingPaddingTopHeadingSans05Right = "0px";
60
- export declare const SpacingDdsSpacingPaddingTopHeadingSans05RightNumberPx = 0;
61
- export declare const SpacingDdsSpacingPaddingTopHeadingSans05Bottom = "0px";
62
- export declare const SpacingDdsSpacingPaddingTopHeadingSans05BottomNumberPx = 0;
63
- export declare const SpacingDdsSpacingPaddingTopHeadingSans05Left = "0px";
64
- export declare const SpacingDdsSpacingPaddingTopHeadingSans05LeftNumberPx = 0;
65
- export declare const SpacingDdsSpacingPaddingTopHeadingSans06Top = "33.6px";
66
- export declare const SpacingDdsSpacingPaddingTopHeadingSans06TopNumberPx = 33.6;
67
- export declare const SpacingDdsSpacingPaddingTopHeadingSans06Right = "0px";
68
- export declare const SpacingDdsSpacingPaddingTopHeadingSans06RightNumberPx = 0;
69
- export declare const SpacingDdsSpacingPaddingTopHeadingSans06Bottom = "0px";
70
- export declare const SpacingDdsSpacingPaddingTopHeadingSans06BottomNumberPx = 0;
71
- export declare const SpacingDdsSpacingPaddingTopHeadingSans06Left = "0px";
72
- export declare const SpacingDdsSpacingPaddingTopHeadingSans06LeftNumberPx = 0;
73
- export declare const SpacingDdsSpacingPaddingTopHeadingSans07Top = "44.8px";
74
- export declare const SpacingDdsSpacingPaddingTopHeadingSans07TopNumberPx = 44.8;
75
- export declare const SpacingDdsSpacingPaddingTopHeadingSans07Right = "0px";
76
- export declare const SpacingDdsSpacingPaddingTopHeadingSans07RightNumberPx = 0;
77
- export declare const SpacingDdsSpacingPaddingTopHeadingSans07Bottom = "0px";
78
- export declare const SpacingDdsSpacingPaddingTopHeadingSans07BottomNumberPx = 0;
79
- export declare const SpacingDdsSpacingPaddingTopHeadingSans07Left = "0px";
80
- export declare const SpacingDdsSpacingPaddingTopHeadingSans07LeftNumberPx = 0;
81
- export declare const SpacingDdsSpacingPaddingTopHeadingSans08Top = "56px";
82
- export declare const SpacingDdsSpacingPaddingTopHeadingSans08TopNumberPx = 56;
83
- export declare const SpacingDdsSpacingPaddingTopHeadingSans08Right = "0px";
84
- export declare const SpacingDdsSpacingPaddingTopHeadingSans08RightNumberPx = 0;
85
- export declare const SpacingDdsSpacingPaddingTopHeadingSans08Bottom = "0px";
86
- export declare const SpacingDdsSpacingPaddingTopHeadingSans08BottomNumberPx = 0;
87
- export declare const SpacingDdsSpacingPaddingTopHeadingSans08Left = "0px";
88
- export declare const SpacingDdsSpacingPaddingTopHeadingSans08LeftNumberPx = 0;
1
+ export declare const DdsSpacingX0 = "0px";
2
+ export declare const DdsSpacingX0NumberPx = 0;
3
+ export declare const DdsSpacingX0125 = "2px";
4
+ export declare const DdsSpacingX0125NumberPx = 2;
5
+ export declare const DdsSpacingX025 = "4px";
6
+ export declare const DdsSpacingX025NumberPx = 4;
7
+ export declare const DdsSpacingX05 = "8px";
8
+ export declare const DdsSpacingX05NumberPx = 8;
9
+ export declare const DdsSpacingX075 = "12px";
10
+ export declare const DdsSpacingX075NumberPx = 12;
11
+ export declare const DdsSpacingX1 = "16px";
12
+ export declare const DdsSpacingX1NumberPx = 16;
13
+ export declare const DdsSpacingX15 = "24px";
14
+ export declare const DdsSpacingX15NumberPx = 24;
15
+ export declare const DdsSpacingX2 = "32px";
16
+ export declare const DdsSpacingX2NumberPx = 32;
17
+ export declare const DdsSpacingX25 = "40px";
18
+ export declare const DdsSpacingX25NumberPx = 40;
19
+ export declare const DdsSpacingX3 = "48px";
20
+ export declare const DdsSpacingX3NumberPx = 48;
21
+ export declare const DdsSpacingX4 = "64px";
22
+ export declare const DdsSpacingX4NumberPx = 64;
23
+ export declare const DdsSpacingX6 = "96px";
24
+ export declare const DdsSpacingX6NumberPx = 96;
25
+ export declare const DdsSpacingX10 = "160px";
26
+ export declare const DdsSpacingX10NumberPx = 160;
27
+ export declare const DdsSpacingPaddingTopHeading = "0.7em";
28
+ export declare const DdsSpacingPaddingTopHeadingNumberEm = 0.7;
@@ -1,90 +1,30 @@
1
- const SizesDdsSpacingX3 = "48px";
2
- const SizesDdsSpacingX3NumberPx = 48; // 48px
3
- const SizesDdsSpacingX25 = "40px";
4
- const SizesDdsSpacingX25NumberPx = 40; // 40px
5
- const SizesDdsSpacingX2 = "32px";
6
- const SizesDdsSpacingX2NumberPx = 32; // 32px
7
- const SizesDdsSpacingX10 = "160px";
8
- const SizesDdsSpacingX10NumberPx = 160; // 160px
9
- const SizesDdsSpacingX15 = "24px";
10
- const SizesDdsSpacingX15NumberPx = 24; // 24px
11
- const SizesDdsSpacingX6 = "96px";
12
- const SizesDdsSpacingX6NumberPx = 96; // 96px
13
- const SizesDdsSpacingX1 = "16px";
14
- const SizesDdsSpacingX1NumberPx = 16; // 16px
15
- const SizesDdsSpacingX4 = "64px";
16
- const SizesDdsSpacingX4NumberPx = 64; // 64px
17
- const SizesDdsSpacingX075 = "12px";
18
- const SizesDdsSpacingX075NumberPx = 12; // 12px
19
- const SizesDdsSpacingX05 = "8px";
20
- const SizesDdsSpacingX05NumberPx = 8; // 8px
21
- const SizesDdsSpacingX025 = "4px";
22
- const SizesDdsSpacingX025NumberPx = 4; // 4px
23
- const SizesDdsSpacingX0125 = "2px";
24
- const SizesDdsSpacingX0125NumberPx = 2; // 2px
25
- const SpacingDdsSpacingPaddingTopHeadingSans01Top = "11.2px";
26
- const SpacingDdsSpacingPaddingTopHeadingSans01TopNumberPx = 11.2;
27
- const SpacingDdsSpacingPaddingTopHeadingSans01Right = "0px";
28
- const SpacingDdsSpacingPaddingTopHeadingSans01RightNumberPx = 0;
29
- const SpacingDdsSpacingPaddingTopHeadingSans01Bottom = "0px";
30
- const SpacingDdsSpacingPaddingTopHeadingSans01BottomNumberPx = 0;
31
- const SpacingDdsSpacingPaddingTopHeadingSans01Left = "0px";
32
- const SpacingDdsSpacingPaddingTopHeadingSans01LeftNumberPx = 0;
33
- const SpacingDdsSpacingPaddingTopHeadingSans02Top = "12.6px";
34
- const SpacingDdsSpacingPaddingTopHeadingSans02TopNumberPx = 12.6;
35
- const SpacingDdsSpacingPaddingTopHeadingSans02Right = "0px";
36
- const SpacingDdsSpacingPaddingTopHeadingSans02RightNumberPx = 0;
37
- const SpacingDdsSpacingPaddingTopHeadingSans02Bottom = "0px";
38
- const SpacingDdsSpacingPaddingTopHeadingSans02BottomNumberPx = 0;
39
- const SpacingDdsSpacingPaddingTopHeadingSans02Left = "0px";
40
- const SpacingDdsSpacingPaddingTopHeadingSans02LeftNumberPx = 0;
41
- const SpacingDdsSpacingPaddingTopHeadingSans03Top = "16.8px";
42
- const SpacingDdsSpacingPaddingTopHeadingSans03TopNumberPx = 16.8;
43
- const SpacingDdsSpacingPaddingTopHeadingSans03Right = "0px";
44
- const SpacingDdsSpacingPaddingTopHeadingSans03RightNumberPx = 0;
45
- const SpacingDdsSpacingPaddingTopHeadingSans03Bottom = "0px";
46
- const SpacingDdsSpacingPaddingTopHeadingSans03BottomNumberPx = 0;
47
- const SpacingDdsSpacingPaddingTopHeadingSans03Left = "0px";
48
- const SpacingDdsSpacingPaddingTopHeadingSans03LeftNumberPx = 0;
49
- const SpacingDdsSpacingPaddingTopHeadingSans04Top = "22.4px";
50
- const SpacingDdsSpacingPaddingTopHeadingSans04TopNumberPx = 22.4;
51
- const SpacingDdsSpacingPaddingTopHeadingSans04Right = "0px";
52
- const SpacingDdsSpacingPaddingTopHeadingSans04RightNumberPx = 0;
53
- const SpacingDdsSpacingPaddingTopHeadingSans04Bottom = "0px";
54
- const SpacingDdsSpacingPaddingTopHeadingSans04BottomNumberPx = 0;
55
- const SpacingDdsSpacingPaddingTopHeadingSans04Left = "0px";
56
- const SpacingDdsSpacingPaddingTopHeadingSans04LeftNumberPx = 0;
57
- const SpacingDdsSpacingPaddingTopHeadingSans05Top = "28px";
58
- const SpacingDdsSpacingPaddingTopHeadingSans05TopNumberPx = 28;
59
- const SpacingDdsSpacingPaddingTopHeadingSans05Right = "0px";
60
- const SpacingDdsSpacingPaddingTopHeadingSans05RightNumberPx = 0;
61
- const SpacingDdsSpacingPaddingTopHeadingSans05Bottom = "0px";
62
- const SpacingDdsSpacingPaddingTopHeadingSans05BottomNumberPx = 0;
63
- const SpacingDdsSpacingPaddingTopHeadingSans05Left = "0px";
64
- const SpacingDdsSpacingPaddingTopHeadingSans05LeftNumberPx = 0;
65
- const SpacingDdsSpacingPaddingTopHeadingSans06Top = "33.6px";
66
- const SpacingDdsSpacingPaddingTopHeadingSans06TopNumberPx = 33.6;
67
- const SpacingDdsSpacingPaddingTopHeadingSans06Right = "0px";
68
- const SpacingDdsSpacingPaddingTopHeadingSans06RightNumberPx = 0;
69
- const SpacingDdsSpacingPaddingTopHeadingSans06Bottom = "0px";
70
- const SpacingDdsSpacingPaddingTopHeadingSans06BottomNumberPx = 0;
71
- const SpacingDdsSpacingPaddingTopHeadingSans06Left = "0px";
72
- const SpacingDdsSpacingPaddingTopHeadingSans06LeftNumberPx = 0;
73
- const SpacingDdsSpacingPaddingTopHeadingSans07Top = "44.8px";
74
- const SpacingDdsSpacingPaddingTopHeadingSans07TopNumberPx = 44.8;
75
- const SpacingDdsSpacingPaddingTopHeadingSans07Right = "0px";
76
- const SpacingDdsSpacingPaddingTopHeadingSans07RightNumberPx = 0;
77
- const SpacingDdsSpacingPaddingTopHeadingSans07Bottom = "0px";
78
- const SpacingDdsSpacingPaddingTopHeadingSans07BottomNumberPx = 0;
79
- const SpacingDdsSpacingPaddingTopHeadingSans07Left = "0px";
80
- const SpacingDdsSpacingPaddingTopHeadingSans07LeftNumberPx = 0;
81
- const SpacingDdsSpacingPaddingTopHeadingSans08Top = "56px";
82
- const SpacingDdsSpacingPaddingTopHeadingSans08TopNumberPx = 56;
83
- const SpacingDdsSpacingPaddingTopHeadingSans08Right = "0px";
84
- const SpacingDdsSpacingPaddingTopHeadingSans08RightNumberPx = 0;
85
- const SpacingDdsSpacingPaddingTopHeadingSans08Bottom = "0px";
86
- const SpacingDdsSpacingPaddingTopHeadingSans08BottomNumberPx = 0;
87
- const SpacingDdsSpacingPaddingTopHeadingSans08Left = "0px";
88
- const SpacingDdsSpacingPaddingTopHeadingSans08LeftNumberPx = 0;
1
+ const DdsSpacingX0 = "0px";
2
+ const DdsSpacingX0NumberPx = 0;
3
+ const DdsSpacingX0125 = "2px";
4
+ const DdsSpacingX0125NumberPx = 2;
5
+ const DdsSpacingX025 = "4px";
6
+ const DdsSpacingX025NumberPx = 4;
7
+ const DdsSpacingX05 = "8px";
8
+ const DdsSpacingX05NumberPx = 8;
9
+ const DdsSpacingX075 = "12px";
10
+ const DdsSpacingX075NumberPx = 12;
11
+ const DdsSpacingX1 = "16px";
12
+ const DdsSpacingX1NumberPx = 16;
13
+ const DdsSpacingX15 = "24px";
14
+ const DdsSpacingX15NumberPx = 24;
15
+ const DdsSpacingX2 = "32px";
16
+ const DdsSpacingX2NumberPx = 32;
17
+ const DdsSpacingX25 = "40px";
18
+ const DdsSpacingX25NumberPx = 40;
19
+ const DdsSpacingX3 = "48px";
20
+ const DdsSpacingX3NumberPx = 48;
21
+ const DdsSpacingX4 = "64px";
22
+ const DdsSpacingX4NumberPx = 64;
23
+ const DdsSpacingX6 = "96px";
24
+ const DdsSpacingX6NumberPx = 96;
25
+ const DdsSpacingX10 = "160px";
26
+ const DdsSpacingX10NumberPx = 160;
27
+ const DdsSpacingPaddingTopHeading = "0.7em";
28
+ const DdsSpacingPaddingTopHeadingNumberEm = 0.7;
89
29
 
90
- export { SizesDdsSpacingX0125, SizesDdsSpacingX0125NumberPx, SizesDdsSpacingX025, SizesDdsSpacingX025NumberPx, SizesDdsSpacingX05, SizesDdsSpacingX05NumberPx, SizesDdsSpacingX075, SizesDdsSpacingX075NumberPx, SizesDdsSpacingX1, SizesDdsSpacingX10, SizesDdsSpacingX10NumberPx, SizesDdsSpacingX15, SizesDdsSpacingX15NumberPx, SizesDdsSpacingX1NumberPx, SizesDdsSpacingX2, SizesDdsSpacingX25, SizesDdsSpacingX25NumberPx, SizesDdsSpacingX2NumberPx, SizesDdsSpacingX3, SizesDdsSpacingX3NumberPx, SizesDdsSpacingX4, SizesDdsSpacingX4NumberPx, SizesDdsSpacingX6, SizesDdsSpacingX6NumberPx, SpacingDdsSpacingPaddingTopHeadingSans01Bottom, SpacingDdsSpacingPaddingTopHeadingSans01BottomNumberPx, SpacingDdsSpacingPaddingTopHeadingSans01Left, SpacingDdsSpacingPaddingTopHeadingSans01LeftNumberPx, SpacingDdsSpacingPaddingTopHeadingSans01Right, SpacingDdsSpacingPaddingTopHeadingSans01RightNumberPx, SpacingDdsSpacingPaddingTopHeadingSans01Top, SpacingDdsSpacingPaddingTopHeadingSans01TopNumberPx, SpacingDdsSpacingPaddingTopHeadingSans02Bottom, SpacingDdsSpacingPaddingTopHeadingSans02BottomNumberPx, SpacingDdsSpacingPaddingTopHeadingSans02Left, SpacingDdsSpacingPaddingTopHeadingSans02LeftNumberPx, SpacingDdsSpacingPaddingTopHeadingSans02Right, SpacingDdsSpacingPaddingTopHeadingSans02RightNumberPx, SpacingDdsSpacingPaddingTopHeadingSans02Top, SpacingDdsSpacingPaddingTopHeadingSans02TopNumberPx, SpacingDdsSpacingPaddingTopHeadingSans03Bottom, SpacingDdsSpacingPaddingTopHeadingSans03BottomNumberPx, SpacingDdsSpacingPaddingTopHeadingSans03Left, SpacingDdsSpacingPaddingTopHeadingSans03LeftNumberPx, SpacingDdsSpacingPaddingTopHeadingSans03Right, SpacingDdsSpacingPaddingTopHeadingSans03RightNumberPx, SpacingDdsSpacingPaddingTopHeadingSans03Top, SpacingDdsSpacingPaddingTopHeadingSans03TopNumberPx, SpacingDdsSpacingPaddingTopHeadingSans04Bottom, SpacingDdsSpacingPaddingTopHeadingSans04BottomNumberPx, SpacingDdsSpacingPaddingTopHeadingSans04Left, SpacingDdsSpacingPaddingTopHeadingSans04LeftNumberPx, SpacingDdsSpacingPaddingTopHeadingSans04Right, SpacingDdsSpacingPaddingTopHeadingSans04RightNumberPx, SpacingDdsSpacingPaddingTopHeadingSans04Top, SpacingDdsSpacingPaddingTopHeadingSans04TopNumberPx, SpacingDdsSpacingPaddingTopHeadingSans05Bottom, SpacingDdsSpacingPaddingTopHeadingSans05BottomNumberPx, SpacingDdsSpacingPaddingTopHeadingSans05Left, SpacingDdsSpacingPaddingTopHeadingSans05LeftNumberPx, SpacingDdsSpacingPaddingTopHeadingSans05Right, SpacingDdsSpacingPaddingTopHeadingSans05RightNumberPx, SpacingDdsSpacingPaddingTopHeadingSans05Top, SpacingDdsSpacingPaddingTopHeadingSans05TopNumberPx, SpacingDdsSpacingPaddingTopHeadingSans06Bottom, SpacingDdsSpacingPaddingTopHeadingSans06BottomNumberPx, SpacingDdsSpacingPaddingTopHeadingSans06Left, SpacingDdsSpacingPaddingTopHeadingSans06LeftNumberPx, SpacingDdsSpacingPaddingTopHeadingSans06Right, SpacingDdsSpacingPaddingTopHeadingSans06RightNumberPx, SpacingDdsSpacingPaddingTopHeadingSans06Top, SpacingDdsSpacingPaddingTopHeadingSans06TopNumberPx, SpacingDdsSpacingPaddingTopHeadingSans07Bottom, SpacingDdsSpacingPaddingTopHeadingSans07BottomNumberPx, SpacingDdsSpacingPaddingTopHeadingSans07Left, SpacingDdsSpacingPaddingTopHeadingSans07LeftNumberPx, SpacingDdsSpacingPaddingTopHeadingSans07Right, SpacingDdsSpacingPaddingTopHeadingSans07RightNumberPx, SpacingDdsSpacingPaddingTopHeadingSans07Top, SpacingDdsSpacingPaddingTopHeadingSans07TopNumberPx, SpacingDdsSpacingPaddingTopHeadingSans08Bottom, SpacingDdsSpacingPaddingTopHeadingSans08BottomNumberPx, SpacingDdsSpacingPaddingTopHeadingSans08Left, SpacingDdsSpacingPaddingTopHeadingSans08LeftNumberPx, SpacingDdsSpacingPaddingTopHeadingSans08Right, SpacingDdsSpacingPaddingTopHeadingSans08RightNumberPx, SpacingDdsSpacingPaddingTopHeadingSans08Top, SpacingDdsSpacingPaddingTopHeadingSans08TopNumberPx };
30
+ export { DdsSpacingPaddingTopHeading, DdsSpacingPaddingTopHeadingNumberEm, DdsSpacingX0, DdsSpacingX0125, DdsSpacingX0125NumberPx, DdsSpacingX025, DdsSpacingX025NumberPx, DdsSpacingX05, DdsSpacingX05NumberPx, DdsSpacingX075, DdsSpacingX075NumberPx, DdsSpacingX0NumberPx, DdsSpacingX1, DdsSpacingX10, DdsSpacingX10NumberPx, DdsSpacingX15, DdsSpacingX15NumberPx, DdsSpacingX1NumberPx, DdsSpacingX2, DdsSpacingX25, DdsSpacingX25NumberPx, DdsSpacingX2NumberPx, DdsSpacingX3, DdsSpacingX3NumberPx, DdsSpacingX4, DdsSpacingX4NumberPx, DdsSpacingX6, DdsSpacingX6NumberPx };
@@ -1,11 +1,10 @@
1
- export * as colors from "./build/js/colors";
2
- export * as font from "./build/js/font";
3
- export * as border from "./build/js/border";
4
- export * as breakpoints from "./build/js/breakpoints";
5
- export * as borderRadius from "./build/js/borderRadius";
6
- export * as spacing from "./build/js/spacing";
7
- export * as iconSizes from "./build/js/iconSize";
8
- export * as grid from "./build/js/grid";
9
- export * as innerShadow from "./build/js/innershadow";
10
- export * as outerShadow from "./build/js/outershadow";
11
- export * from "./formattedStyles/fontPackages";
1
+ export * as colors from './build/js/colors';
2
+ export * as font from './build/js/font';
3
+ export * as breakpoints from './build/js/breakpoints';
4
+ export * as borderRadius from './build/js/borderRadius';
5
+ export * as spacing from './build/js/spacing';
6
+ export * as iconSizes from './build/js/iconSize';
7
+ export * as grid from './build/js/grid';
8
+ export * as outerShadow from './build/js/outershadow';
9
+ export * as ddsTokens from './build/js/ddsTokens';
10
+ export * from './formattedStyles/fontPackages';
@@ -1,27 +1,25 @@
1
1
  import * as colors from './dds/build/js/colors.js';
2
2
  import * as font from './dds/build/js/font.js';
3
- import * as border from './dds/build/js/border.js';
4
3
  import * as breakpoints from './dds/build/js/breakpoints.js';
5
4
  import * as borderRadius from './dds/build/js/borderRadius.js';
6
5
  import * as spacing from './dds/build/js/spacing.js';
7
6
  import * as iconSize from './dds/build/js/iconSize.js';
8
7
  import * as grid from './dds/build/js/grid.js';
9
- import * as innershadow from './dds/build/js/innershadow.js';
10
8
  import * as outershadow from './dds/build/js/outershadow.js';
9
+ import * as ddsTokens$1 from './dds/build/js/ddsTokens.js';
11
10
  import { fontPackages } from './dds/formattedStyles/fontPackages/fontPackages.js';
12
11
 
13
12
  const ddsBaseTokens = {
14
13
  colors,
15
14
  font,
16
15
  breakpoints,
17
- border,
18
16
  borderRadius,
19
17
  spacing,
20
18
  iconSizes: iconSize,
21
19
  grid,
22
- innerShadow: innershadow,
23
20
  outerShadow: outershadow,
24
21
  fontPackages,
25
22
  };
23
+ const ddsTokens = Object.assign({}, ddsTokens$1);
26
24
 
27
- export { ddsBaseTokens };
25
+ export { ddsBaseTokens, ddsTokens };
@@ -1,24 +1,24 @@
1
1
  import { ddsBaseTokens } from './ddsBaseTokens.js';
2
2
 
3
- const { colors: Colors, fontPackages: FontPackages, borderRadius: BorderRadius, border: Border, } = ddsBaseTokens;
3
+ const { colors: Colors, fontPackages: FontPackages, borderRadius: BorderRadius, } = ddsBaseTokens;
4
4
  const textDefault = {
5
5
  textColor: Colors.DdsColorNeutralsGray9,
6
6
  font: FontPackages.body_sans_02.base,
7
7
  };
8
8
  const focus = {
9
- colorDefault: Border.BordersDdsBorderFocusBaseStroke,
10
- outlineWidth: Border.BordersDdsBorderFocusBaseStrokeWeight,
9
+ colorDefault: Colors.DdsColorFocusOutside,
10
+ outlineWidth: '2px',
11
11
  color__TextInput: Colors.DdsColorInteractiveBase,
12
12
  textColor__TextInput: Colors.DdsColorInteractiveDark,
13
- borderWidth__TextInput: Border.BordersDdsBorderFocusInputfieldStrokeWeight,
13
+ borderWidth__TextInput: '1px',
14
14
  };
15
15
  const ddsReferenceTokens = {
16
16
  focus: focus,
17
17
  textDefault: textDefault,
18
18
  textInput: {
19
19
  input: {
20
- borderRadius: BorderRadius.RadiiDdsBorderRadius1Radius,
21
- borderWidth: Border.BordersDdsBorderStyleLightStrokeWeight,
20
+ borderRadius: BorderRadius.DdsBorderRadius1,
21
+ borderWidth: '1px',
22
22
  borderColor: Colors.DdsColorNeutralsGray5,
23
23
  textColor: textDefault.textColor,
24
24
  hover: {
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export { ddsBaseTokens } from './ddsBaseTokens.js';
1
+ export { ddsBaseTokens, ddsTokens } from './ddsBaseTokens.js';
2
2
  export { ddsReferenceTokens } from './ddsReferenceTokens.js';
@@ -1,19 +1,9 @@
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
- $radii-dds-border-radius-1-radius: 2px;
6
- $radii-dds-border-radius-1-radii-top-left: 2px;
7
- $radii-dds-border-radius-1-radii-top-right: 2px;
8
- $radii-dds-border-radius-1-radii-bottom-right: 2px;
9
- $radii-dds-border-radius-1-radii-bottom-left: 2px;
10
- $radii-dds-border-radius-2-radius: 4px;
11
- $radii-dds-border-radius-2-radii-top-left: 4px;
12
- $radii-dds-border-radius-2-radii-top-right: 4px;
13
- $radii-dds-border-radius-2-radii-bottom-right: 4px;
14
- $radii-dds-border-radius-2-radii-bottom-left: 4px;
15
- $radii-dds-border-radius-3-radius: 8px;
16
- $radii-dds-border-radius-3-radii-top-left: 8px;
17
- $radii-dds-border-radius-3-radii-top-right: 8px;
18
- $radii-dds-border-radius-3-radii-bottom-right: 8px;
19
- $radii-dds-border-radius-3-radii-bottom-left: 8px;
5
+ $dds-border-radius-0: 0px;
6
+ $dds-border-radius-1: 2px;
7
+ $dds-border-radius-2: 4px;
8
+ $dds-border-radius-3: 8px;
9
+ $dds-border-radius-100: 9999px;
@@ -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-breakpoint-xs: 1px;
6
6
  $dds-breakpoint-sm: 600px;