@norges-domstoler/dds-design-tokens 5.0.0 → 6.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 (69) hide show
  1. package/README.md +26 -17
  2. package/dist/cjs/dds/build/js/ddsTokens.d.ts +412 -628
  3. package/dist/cjs/dds/index.d.ts +0 -9
  4. package/dist/cjs/index.js +826 -9882
  5. package/dist/cjs/src/index.d.ts +414 -2
  6. package/dist/css/ddsTokens.css +218 -375
  7. package/dist/dds/build/js/ddsTokens.d.ts +412 -628
  8. package/dist/dds/build/js/ddsTokens.js +414 -629
  9. package/dist/dds/index.d.ts +0 -9
  10. package/dist/index.js +5 -2
  11. package/dist/scss/_ddsTokens.scss +214 -375
  12. package/dist/src/index.d.ts +414 -2
  13. package/package.json +8 -6
  14. package/dist/cjs/dds/build/js/borderRadius.d.ts +0 -10
  15. package/dist/cjs/dds/build/js/breakpoints.d.ts +0 -10
  16. package/dist/cjs/dds/build/js/colors.d.ts +0 -155
  17. package/dist/cjs/dds/build/js/font.d.ts +0 -400
  18. package/dist/cjs/dds/build/js/fontObject.d.ts +0 -5714
  19. package/dist/cjs/dds/build/js/grid.d.ts +0 -15
  20. package/dist/cjs/dds/build/js/iconSize.d.ts +0 -6
  21. package/dist/cjs/dds/build/js/outershadow.d.ts +0 -12
  22. package/dist/cjs/dds/build/js/spacing.d.ts +0 -28
  23. package/dist/cjs/dds/formattedStyles/fontPackages/fontPackages.d.ts +0 -477
  24. package/dist/cjs/dds/formattedStyles/fontPackages/index.d.ts +0 -1
  25. package/dist/cjs/dds/utils/fontPackageFormatter.d.ts +0 -22
  26. package/dist/cjs/src/ddsBaseTokens.d.ts +0 -1118
  27. package/dist/cjs/src/ddsReferenceTokens.d.ts +0 -45
  28. package/dist/css/borderRadius.css +0 -12
  29. package/dist/css/breakpoints.css +0 -12
  30. package/dist/css/colors.css +0 -158
  31. package/dist/css/font.css +0 -282
  32. package/dist/css/grid.css +0 -17
  33. package/dist/css/iconSize.css +0 -10
  34. package/dist/css/outershadow.css +0 -15
  35. package/dist/css/spacing.css +0 -21
  36. package/dist/dds/build/js/borderRadius.d.ts +0 -10
  37. package/dist/dds/build/js/borderRadius.js +0 -12
  38. package/dist/dds/build/js/breakpoints.d.ts +0 -10
  39. package/dist/dds/build/js/breakpoints.js +0 -12
  40. package/dist/dds/build/js/colors.d.ts +0 -155
  41. package/dist/dds/build/js/colors.js +0 -157
  42. package/dist/dds/build/js/font.d.ts +0 -400
  43. package/dist/dds/build/js/font.js +0 -402
  44. package/dist/dds/build/js/fontObject.d.ts +0 -5714
  45. package/dist/dds/build/js/fontObject.js +0 -7216
  46. package/dist/dds/build/js/grid.d.ts +0 -15
  47. package/dist/dds/build/js/grid.js +0 -17
  48. package/dist/dds/build/js/iconSize.d.ts +0 -6
  49. package/dist/dds/build/js/iconSize.js +0 -8
  50. package/dist/dds/build/js/outershadow.d.ts +0 -12
  51. package/dist/dds/build/js/outershadow.js +0 -14
  52. package/dist/dds/build/js/spacing.d.ts +0 -28
  53. package/dist/dds/build/js/spacing.js +0 -30
  54. package/dist/dds/formattedStyles/fontPackages/fontPackages.d.ts +0 -477
  55. package/dist/dds/formattedStyles/fontPackages/fontPackages.js +0 -33
  56. package/dist/dds/formattedStyles/fontPackages/index.d.ts +0 -1
  57. package/dist/dds/utils/fontPackageFormatter.d.ts +0 -22
  58. package/dist/dds/utils/fontPackageFormatter.js +0 -23
  59. package/dist/ddsBaseTokens.js +0 -25
  60. package/dist/ddsReferenceTokens.js +0 -45
  61. package/dist/scss/_borderRadius.scss +0 -9
  62. package/dist/scss/_breakpoints.scss +0 -9
  63. package/dist/scss/_colors.scss +0 -155
  64. package/dist/scss/_font.scss +0 -279
  65. package/dist/scss/_iconSize.scss +0 -7
  66. package/dist/scss/_outershadow.scss +0 -12
  67. package/dist/scss/_spacing.scss +0 -18
  68. package/dist/src/ddsBaseTokens.d.ts +0 -1118
  69. package/dist/src/ddsReferenceTokens.d.ts +0 -45
@@ -1,45 +0,0 @@
1
- export declare const ddsReferenceTokens: {
2
- focus: {
3
- colorDefault: string;
4
- outlineWidth: string;
5
- color__TextInput: string;
6
- textColor__TextInput: string;
7
- borderWidth__TextInput: string;
8
- };
9
- textDefault: {
10
- textColor: string;
11
- font: {
12
- lineHeight: string;
13
- fontSize: string;
14
- letterSpacing: string;
15
- fontFamily: string;
16
- fontWeight: number;
17
- fontStyle: string;
18
- };
19
- };
20
- textInput: {
21
- input: {
22
- borderRadius: string;
23
- borderWidth: string;
24
- borderColor: string;
25
- textColor: string;
26
- hover: {
27
- backgroundColor: string;
28
- borderColor: string;
29
- borderWidth: string;
30
- };
31
- focus: {
32
- borderColor: string;
33
- borderWidth: string;
34
- };
35
- };
36
- label: {
37
- hover: {
38
- textColor: string;
39
- };
40
- focus: {
41
- textColor: string;
42
- };
43
- };
44
- };
45
- };
@@ -1,12 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 07 Jun 2024 10:30:37 GMT
4
- */
5
-
6
- :root {
7
- --dds-border-radius-0: 0px;
8
- --dds-border-radius-1: 2px;
9
- --dds-border-radius-2: 4px;
10
- --dds-border-radius-3: 8px;
11
- --dds-border-radius-100: 9999px;
12
- }
@@ -1,12 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 07 Jun 2024 10:30:37 GMT
4
- */
5
-
6
- :root {
7
- --dds-breakpoint-xs: 1px;
8
- --dds-breakpoint-sm: 600px;
9
- --dds-breakpoint-md: 960px;
10
- --dds-breakpoint-lg: 1280px;
11
- --dds-breakpoint-xl: 1920px;
12
- }
@@ -1,158 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Mon, 10 Jun 2024 11:27:50 GMT
4
- */
5
-
6
- :root {
7
- --dds-color-primary-lightest: #eaeff4;
8
- --dds-color-primary-lighter: #acbbc6;
9
- --dds-color-primary-light: #4f6a7e;
10
- --dds-color-primary-base: #354754;
11
- --dds-color-primary-dark: #313d45;
12
- --dds-color-primary-darker: #202b32;
13
- --dds-color-primary-darkest: #151c22;
14
- --dds-color-neutrals-white: #ffffff;
15
- --dds-color-neutrals-gray1: #f8f9f9;
16
- --dds-color-neutrals-gray2: #ebecee;
17
- --dds-color-neutrals-gray3: #cfd4d7;
18
- --dds-color-neutrals-gray4: #adb5ba;
19
- --dds-color-neutrals-gray5: #77838c;
20
- --dds-color-neutrals-gray6: #545c62;
21
- --dds-color-neutrals-gray7: #3a4146;
22
- --dds-color-neutrals-gray8: #22272a;
23
- --dds-color-neutrals-gray9: #0b0d0e;
24
- --dds-color-interactive-lightest: #e7f1f7;
25
- --dds-color-interactive-lighter: #9fc5de;
26
- --dds-color-interactive-light: #589ac6;
27
- --dds-color-interactive-base: #106ead;
28
- --dds-color-interactive-dark: #0d588a;
29
- --dds-color-interactive-darker: #0a4268;
30
- --dds-color-interactive-darkest: #062c45;
31
- --dds-color-secondary-lightest: #e6eded;
32
- --dds-color-secondary-lighter: #cddbdb;
33
- --dds-color-secondary-light: #b8cdcd;
34
- --dds-color-secondary-base: #9ab8b7;
35
- --dds-color-secondary-dark: #7b9392;
36
- --dds-color-secondary-darker: #4d6463;
37
- --dds-color-secondary-darkest: #3e4a49;
38
- --dds-color-tertiary-lightest: #ffe6df;
39
- --dds-color-tertiary-lighter: #ffd6ca;
40
- --dds-color-tertiary-light: #f6c1b1;
41
- --dds-color-tertiary-base: #f2a68f;
42
- --dds-color-tertiary-dark: #f59877;
43
- --dds-color-tertiary-darker: #f27e55;
44
- --dds-color-tertiary-darkest: #c26544;
45
- --dds-color-success-lightest: #f0f9f0;
46
- --dds-color-success-lighter: #c1e5c2;
47
- --dds-color-success-light: #93d294;
48
- --dds-color-success-base: #65be66;
49
- --dds-color-success-dark: #519852;
50
- --dds-color-success-darker: #3d723d;
51
- --dds-color-success-darkest: #284c29;
52
- --dds-color-danger-lightest: #fbebeb;
53
- --dds-color-danger-lighter: #efafaf;
54
- --dds-color-danger-light: #e47373;
55
- --dds-color-danger-base: #d83737;
56
- --dds-color-danger-dark: #ad2c2c;
57
- --dds-color-danger-darker: #822121;
58
- --dds-color-danger-darkest: #561616;
59
- --dds-color-warning-lightest: #fefced;
60
- --dds-color-warning-lighter: #fbf3b8;
61
- --dds-color-warning-light: #f7e982;
62
- --dds-color-warning-base: #f4e04d;
63
- --dds-color-warning-dark: #c3b33e;
64
- --dds-color-warning-darker: #92862e;
65
- --dds-color-warning-darkest: #625a1f;
66
- --dds-color-info-lightest: #f1f8fd;
67
- --dds-color-info-lighter: #c8e3f5;
68
- --dds-color-info-light: #9eceee;
69
- --dds-color-info-base: #75b9e6;
70
- --dds-color-info-dark: #5e94b8;
71
- --dds-color-info-darker: #466f8a;
72
- --dds-color-info-darkest: #2f4a5c;
73
- --dds-color-visited-base: #7F29B4;
74
- --dds-color-visited-lighter: #CCA9E1;
75
- --dds-color-bg-default: #ffffff;
76
- --dds-color-bg-subtle: #f8f9f9;
77
- --dds-color-surface-default: #ffffff;
78
- --dds-color-surface-subtle: #f8f9f9;
79
- --dds-color-surface-medium: #ebecee;
80
- --dds-color-surface-hover-default: #e7f1f7;
81
- --dds-color-surface-hover-subtle: #f8f9f9;
82
- --dds-color-surface-selected-default: #e7f1f7;
83
- --dds-color-surface-inverse-default: #354754;
84
- --dds-color-surface-inverse-hover: #313d45;
85
- --dds-color-surface-inverse-selected: #202b32;
86
- --dds-color-surface-action-resting: #106ead;
87
- --dds-color-surface-action-hover: #0d588a;
88
- --dds-color-surface-action-selected: #106ead;
89
- --dds-color-surface-action-danger-resting: #d83737;
90
- --dds-color-surface-action-danger-hover: #ad2c2c;
91
- --dds-color-surface-action-selected-disabled: #77838c;
92
- --dds-color-surface-danger-default: #fbebeb;
93
- --dds-color-surface-danger-strong: #e47373;
94
- --dds-color-surface-success-default: #f0f9f0;
95
- --dds-color-surface-success-strong: #93d294;
96
- --dds-color-surface-warning-default: #fefced;
97
- --dds-color-surface-warning-strong: #f7e982;
98
- --dds-color-surface-info-default: #f1f8fd;
99
- --dds-color-surface-info-strong: #9eceee;
100
- --dds-color-surface-paper-default: #ffffff;
101
- --dds-color-surface-backdrop-default: #0b0d0e80;
102
- --dds-color-surface-field-default: #ffffff;
103
- --dds-color-surface-field-disabled: #f8f9f9;
104
- --dds-color-surface-highlighted-default: #ffe6df;
105
- --dds-color-surface-scrollbar: #adb5ba;
106
- --dds-color-surface-notification: #d83737;
107
- --dds-color-border-default: #77838c;
108
- --dds-color-border-subtle: #cfd4d7;
109
- --dds-color-border-inverse: #acbbc6;
110
- --dds-color-border-action-default: #106ead;
111
- --dds-color-border-action-hover: #0d588a;
112
- --dds-color-border-success: #65be66;
113
- --dds-color-border-warning: #f4e04d;
114
- --dds-color-border-danger: #d83737;
115
- --dds-color-border-info: #75b9e6;
116
- --dds-color-border-on-action: #ffffff;
117
- --dds-color-text-default: #0b0d0e;
118
- --dds-color-text-medium: #3a4146;
119
- --dds-color-text-subtle: #545c62;
120
- --dds-color-text-on-inverse: #ffffff;
121
- --dds-color-text-on-action: #ffffff;
122
- --dds-color-text-on-status-default: #0b0d0e;
123
- --dds-color-text-on-status-strong: #0b0d0e;
124
- --dds-color-text-action-resting: #106ead;
125
- --dds-color-text-action-hover: #0d588a;
126
- --dds-color-text-requiredfield: #d83737;
127
- --dds-color-text-action-visited: #7F29B4;
128
- --dds-color-text-on-notification: #ffffff;
129
- --dds-color-icon-default: #0b0d0e;
130
- --dds-color-icon-medium: #3a4146;
131
- --dds-color-icon-subtle: #545c62;
132
- --dds-color-icon-on-inverse: #ffffff;
133
- --dds-color-icon-on-action: #ffffff;
134
- --dds-color-icon-action-resting: #106ead;
135
- --dds-color-icon-action-hover: #0d588a;
136
- --dds-color-icon-on-success-default: #3d723d;
137
- --dds-color-icon-on-success-strong: #0b0d0e;
138
- --dds-color-icon-on-warning-default: #92862e;
139
- --dds-color-icon-on-warning-strong: #0b0d0e;
140
- --dds-color-icon-on-danger-default: #ad2c2c;
141
- --dds-color-icon-on-danger-strong: #0b0d0e;
142
- --dds-color-icon-on-info-default: #466f8a;
143
- --dds-color-icon-on-info-strong: #0b0d0e;
144
- --dds-color-brand-primary-default: #354754;
145
- --dds-color-brand-primary-subtle: #eaeff4;
146
- --dds-color-brand-primary-medium: #acbbc6;
147
- --dds-color-brand-primary-strong: #202b32;
148
- --dds-color-brand-secondary-default: #9ab8b7;
149
- --dds-color-brand-secondary-subtle: #e6eded;
150
- --dds-color-brand-secondary-medium: #b8cdcd;
151
- --dds-color-brand-secondary-strong: #4d6463;
152
- --dds-color-brand-tertiary-default: #f2a68f;
153
- --dds-color-brand-tertiary-subtle: #ffe6df;
154
- --dds-color-brand-tertiary-medium: #f6c1b1;
155
- --dds-color-brand-tertiary-strong: #f27e55;
156
- --dds-color-focus-outside: #2f4a5c;
157
- --dds-color-focus-inside: #f1f8fd;
158
- }
package/dist/css/font.css DELETED
@@ -1,282 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 07 Jun 2024 10:30:37 GMT
4
- */
5
-
6
- :root {
7
- --dds-font-heading-sans-01-font-size: 16px;
8
- --dds-font-heading-sans-01-text-decoration: none;
9
- --dds-font-heading-sans-01-font-family: 'IBM Plex Sans';
10
- --dds-font-heading-sans-01-font-weight: 600;
11
- --dds-font-heading-sans-01-font-style: normal;
12
- --dds-font-heading-sans-01-font-stretch: normal;
13
- --dds-font-heading-sans-01-letter-spacing: 0em;
14
- --dds-font-heading-sans-01-line-height: 1.5em;
15
- --dds-font-heading-sans-01-paragraph-indent: 0px;
16
- --dds-font-heading-sans-01-paragraph-spacing: 6.400000095367432px;
17
- --dds-font-heading-sans-01-text-case: none;
18
- --dds-font-heading-sans-02-font-size: 18px;
19
- --dds-font-heading-sans-02-text-decoration: none;
20
- --dds-font-heading-sans-02-font-family: 'IBM Plex Sans';
21
- --dds-font-heading-sans-02-font-weight: 600;
22
- --dds-font-heading-sans-02-font-style: normal;
23
- --dds-font-heading-sans-02-font-stretch: normal;
24
- --dds-font-heading-sans-02-letter-spacing: 0em;
25
- --dds-font-heading-sans-02-line-height: 1.5em;
26
- --dds-font-heading-sans-02-paragraph-indent: 0px;
27
- --dds-font-heading-sans-02-paragraph-spacing: 7.199999809265137px;
28
- --dds-font-heading-sans-02-text-case: none;
29
- --dds-font-heading-sans-03-font-size: 24px;
30
- --dds-font-heading-sans-03-text-decoration: none;
31
- --dds-font-heading-sans-03-font-family: 'IBM Plex Sans';
32
- --dds-font-heading-sans-03-font-weight: 400;
33
- --dds-font-heading-sans-03-font-style: normal;
34
- --dds-font-heading-sans-03-font-stretch: normal;
35
- --dds-font-heading-sans-03-letter-spacing: 0em;
36
- --dds-font-heading-sans-03-line-height: 1.35em;
37
- --dds-font-heading-sans-03-paragraph-indent: 0px;
38
- --dds-font-heading-sans-03-paragraph-spacing: 9.600000381469727px;
39
- --dds-font-heading-sans-03-text-case: none;
40
- --dds-font-heading-sans-04-font-size: 32px;
41
- --dds-font-heading-sans-04-text-decoration: none;
42
- --dds-font-heading-sans-04-font-family: 'IBM Plex Sans';
43
- --dds-font-heading-sans-04-font-weight: 400;
44
- --dds-font-heading-sans-04-font-style: normal;
45
- --dds-font-heading-sans-04-font-stretch: normal;
46
- --dds-font-heading-sans-04-letter-spacing: 0em;
47
- --dds-font-heading-sans-04-line-height: 1.35em;
48
- --dds-font-heading-sans-04-paragraph-indent: 0px;
49
- --dds-font-heading-sans-04-paragraph-spacing: 12.800000190734863px;
50
- --dds-font-heading-sans-04-text-case: none;
51
- --dds-font-heading-sans-05-font-size: 40px;
52
- --dds-font-heading-sans-05-text-decoration: none;
53
- --dds-font-heading-sans-05-font-family: 'IBM Plex Sans';
54
- --dds-font-heading-sans-05-font-weight: 300;
55
- --dds-font-heading-sans-05-font-style: normal;
56
- --dds-font-heading-sans-05-font-stretch: normal;
57
- --dds-font-heading-sans-05-letter-spacing: -0.01em;
58
- --dds-font-heading-sans-05-line-height: 1.35em;
59
- --dds-font-heading-sans-05-paragraph-indent: 0px;
60
- --dds-font-heading-sans-05-paragraph-spacing: 16px;
61
- --dds-font-heading-sans-05-text-case: none;
62
- --dds-font-heading-sans-06-font-size: 48px;
63
- --dds-font-heading-sans-06-text-decoration: none;
64
- --dds-font-heading-sans-06-font-family: 'IBM Plex Sans';
65
- --dds-font-heading-sans-06-font-weight: 300;
66
- --dds-font-heading-sans-06-font-style: normal;
67
- --dds-font-heading-sans-06-font-stretch: normal;
68
- --dds-font-heading-sans-06-letter-spacing: -0.01em;
69
- --dds-font-heading-sans-06-line-height: 1.2em;
70
- --dds-font-heading-sans-06-paragraph-indent: 0px;
71
- --dds-font-heading-sans-06-paragraph-spacing: 19.200000762939453px;
72
- --dds-font-heading-sans-06-text-case: none;
73
- --dds-font-heading-sans-07-font-size: 64px;
74
- --dds-font-heading-sans-07-text-decoration: none;
75
- --dds-font-heading-sans-07-font-family: 'IBM Plex Sans';
76
- --dds-font-heading-sans-07-font-weight: 300;
77
- --dds-font-heading-sans-07-font-style: normal;
78
- --dds-font-heading-sans-07-font-stretch: normal;
79
- --dds-font-heading-sans-07-letter-spacing: -0.01em;
80
- --dds-font-heading-sans-07-line-height: 1.2em;
81
- --dds-font-heading-sans-07-paragraph-indent: 0px;
82
- --dds-font-heading-sans-07-paragraph-spacing: 25.600000381469727px;
83
- --dds-font-heading-sans-07-text-case: none;
84
- --dds-font-heading-sans-08-font-size: 80px;
85
- --dds-font-heading-sans-08-text-decoration: none;
86
- --dds-font-heading-sans-08-font-family: 'IBM Plex Sans';
87
- --dds-font-heading-sans-08-font-weight: 300;
88
- --dds-font-heading-sans-08-font-style: normal;
89
- --dds-font-heading-sans-08-font-stretch: normal;
90
- --dds-font-heading-sans-08-letter-spacing: -0.01em;
91
- --dds-font-heading-sans-08-line-height: 1.2em;
92
- --dds-font-heading-sans-08-paragraph-indent: 0px;
93
- --dds-font-heading-sans-08-paragraph-spacing: 32px;
94
- --dds-font-heading-sans-08-text-case: none;
95
- --dds-font-body-sans-01-font-size: 14px;
96
- --dds-font-body-sans-01-text-decoration: none;
97
- --dds-font-body-sans-01-font-family: 'IBM Plex Sans';
98
- --dds-font-body-sans-01-font-weight: 400;
99
- --dds-font-body-sans-01-font-style: normal;
100
- --dds-font-body-sans-01-font-stretch: normal;
101
- --dds-font-body-sans-01-letter-spacing: 0.01em;
102
- --dds-font-body-sans-01-line-height: 1.5em;
103
- --dds-font-body-sans-01-paragraph-indent: 0px;
104
- --dds-font-body-sans-01-paragraph-spacing: 14px;
105
- --dds-font-body-sans-01-text-case: none;
106
- --dds-font-body-sans-02-font-size: 16px;
107
- --dds-font-body-sans-02-text-decoration: none;
108
- --dds-font-body-sans-02-font-family: 'IBM Plex Sans';
109
- --dds-font-body-sans-02-font-weight: 400;
110
- --dds-font-body-sans-02-font-style: normal;
111
- --dds-font-body-sans-02-font-stretch: normal;
112
- --dds-font-body-sans-02-letter-spacing: 0em;
113
- --dds-font-body-sans-02-line-height: 1.5em;
114
- --dds-font-body-sans-02-paragraph-indent: 0px;
115
- --dds-font-body-sans-02-paragraph-spacing: 16px;
116
- --dds-font-body-sans-02-text-case: none;
117
- --dds-font-body-sans-03-font-size: 18px;
118
- --dds-font-body-sans-03-text-decoration: none;
119
- --dds-font-body-sans-03-font-family: 'IBM Plex Sans';
120
- --dds-font-body-sans-03-font-weight: 400;
121
- --dds-font-body-sans-03-font-style: normal;
122
- --dds-font-body-sans-03-font-stretch: normal;
123
- --dds-font-body-sans-03-letter-spacing: 0em;
124
- --dds-font-body-sans-03-line-height: 1.5em;
125
- --dds-font-body-sans-03-paragraph-indent: 0px;
126
- --dds-font-body-sans-03-paragraph-spacing: 18px;
127
- --dds-font-body-sans-03-text-case: none;
128
- --dds-font-body-sans-04-font-size: 20px;
129
- --dds-font-body-sans-04-text-decoration: none;
130
- --dds-font-body-sans-04-font-family: 'IBM Plex Sans';
131
- --dds-font-body-sans-04-font-weight: 400;
132
- --dds-font-body-sans-04-font-style: normal;
133
- --dds-font-body-sans-04-font-stretch: normal;
134
- --dds-font-body-sans-04-letter-spacing: 0em;
135
- --dds-font-body-sans-04-line-height: 1.5em;
136
- --dds-font-body-sans-04-paragraph-indent: 0px;
137
- --dds-font-body-sans-04-paragraph-spacing: 20px;
138
- --dds-font-body-sans-04-text-case: none;
139
- --dds-font-lead-sans-01-font-size: 18px;
140
- --dds-font-lead-sans-01-text-decoration: none;
141
- --dds-font-lead-sans-01-font-family: 'IBM Plex Sans';
142
- --dds-font-lead-sans-01-font-weight: 600;
143
- --dds-font-lead-sans-01-font-style: normal;
144
- --dds-font-lead-sans-01-font-stretch: normal;
145
- --dds-font-lead-sans-01-letter-spacing: 0em;
146
- --dds-font-lead-sans-01-line-height: 1.5em;
147
- --dds-font-lead-sans-01-paragraph-indent: 0px;
148
- --dds-font-lead-sans-01-paragraph-spacing: 18px;
149
- --dds-font-lead-sans-01-text-case: none;
150
- --dds-font-lead-sans-02-font-size: 24px;
151
- --dds-font-lead-sans-02-text-decoration: none;
152
- --dds-font-lead-sans-02-font-family: 'IBM Plex Sans';
153
- --dds-font-lead-sans-02-font-weight: 600;
154
- --dds-font-lead-sans-02-font-style: normal;
155
- --dds-font-lead-sans-02-font-stretch: normal;
156
- --dds-font-lead-sans-02-letter-spacing: 0em;
157
- --dds-font-lead-sans-02-line-height: 1.35em;
158
- --dds-font-lead-sans-02-paragraph-indent: 0px;
159
- --dds-font-lead-sans-02-paragraph-spacing: 16px;
160
- --dds-font-lead-sans-02-text-case: none;
161
- --dds-font-lead-sans-03-font-size: 24px;
162
- --dds-font-lead-sans-03-text-decoration: none;
163
- --dds-font-lead-sans-03-font-family: 'IBM Plex Sans';
164
- --dds-font-lead-sans-03-font-weight: 300;
165
- --dds-font-lead-sans-03-font-style: normal;
166
- --dds-font-lead-sans-03-font-stretch: normal;
167
- --dds-font-lead-sans-03-letter-spacing: 0em;
168
- --dds-font-lead-sans-03-line-height: 1.35em;
169
- --dds-font-lead-sans-03-paragraph-indent: 0px;
170
- --dds-font-lead-sans-03-paragraph-spacing: 16px;
171
- --dds-font-lead-sans-03-text-case: none;
172
- --dds-font-lead-sans-04-font-size: 32px;
173
- --dds-font-lead-sans-04-text-decoration: none;
174
- --dds-font-lead-sans-04-font-family: 'IBM Plex Sans';
175
- --dds-font-lead-sans-04-font-weight: 300;
176
- --dds-font-lead-sans-04-font-style: normal;
177
- --dds-font-lead-sans-04-font-stretch: normal;
178
- --dds-font-lead-sans-04-letter-spacing: 0em;
179
- --dds-font-lead-sans-04-line-height: 1.35em;
180
- --dds-font-lead-sans-04-paragraph-indent: 0px;
181
- --dds-font-lead-sans-04-paragraph-spacing: 21px;
182
- --dds-font-lead-sans-04-text-case: none;
183
- --dds-font-lead-sans-05-font-size: 40px;
184
- --dds-font-lead-sans-05-text-decoration: none;
185
- --dds-font-lead-sans-05-font-family: 'IBM Plex Sans';
186
- --dds-font-lead-sans-05-font-weight: 300;
187
- --dds-font-lead-sans-05-font-style: normal;
188
- --dds-font-lead-sans-05-font-stretch: normal;
189
- --dds-font-lead-sans-05-letter-spacing: -0.01em;
190
- --dds-font-lead-sans-05-line-height: 1.35em;
191
- --dds-font-lead-sans-05-paragraph-indent: 0px;
192
- --dds-font-lead-sans-05-paragraph-spacing: 26px;
193
- --dds-font-lead-sans-05-text-case: none;
194
- --dds-font-supporting-style-label-01-font-size: 14px;
195
- --dds-font-supporting-style-label-01-text-decoration: none;
196
- --dds-font-supporting-style-label-01-font-family: 'IBM Plex Sans';
197
- --dds-font-supporting-style-label-01-font-weight: 600;
198
- --dds-font-supporting-style-label-01-font-style: normal;
199
- --dds-font-supporting-style-label-01-font-stretch: normal;
200
- --dds-font-supporting-style-label-01-letter-spacing: 0.01em;
201
- --dds-font-supporting-style-label-01-line-height: 1.5em;
202
- --dds-font-supporting-style-label-01-paragraph-indent: 0px;
203
- --dds-font-supporting-style-label-01-paragraph-spacing: 14px;
204
- --dds-font-supporting-style-label-01-text-case: none;
205
- --dds-font-supporting-style-helpertext-01-font-size: 12px;
206
- --dds-font-supporting-style-helpertext-01-text-decoration: none;
207
- --dds-font-supporting-style-helpertext-01-font-family: 'IBM Plex Sans';
208
- --dds-font-supporting-style-helpertext-01-font-weight: 400;
209
- --dds-font-supporting-style-helpertext-01-font-style: normal;
210
- --dds-font-supporting-style-helpertext-01-font-stretch: normal;
211
- --dds-font-supporting-style-helpertext-01-letter-spacing: 0.01em;
212
- --dds-font-supporting-style-helpertext-01-line-height: 1.5em;
213
- --dds-font-supporting-style-helpertext-01-paragraph-indent: 0px;
214
- --dds-font-supporting-style-helpertext-01-paragraph-spacing: 12px;
215
- --dds-font-supporting-style-helpertext-01-text-case: none;
216
- --dds-font-supporting-style-placeholdertext-01-font-size: 16px;
217
- --dds-font-supporting-style-placeholdertext-01-text-decoration: none;
218
- --dds-font-supporting-style-placeholdertext-01-font-family: 'IBM Plex Sans';
219
- --dds-font-supporting-style-placeholdertext-01-font-weight: 400;
220
- --dds-font-supporting-style-placeholdertext-01-font-style: italic;
221
- --dds-font-supporting-style-placeholdertext-01-font-stretch: normal;
222
- --dds-font-supporting-style-placeholdertext-01-letter-spacing: 0em;
223
- --dds-font-supporting-style-placeholdertext-01-line-height: 1.5em;
224
- --dds-font-supporting-style-placeholdertext-01-paragraph-indent: 0px;
225
- --dds-font-supporting-style-placeholdertext-01-paragraph-spacing: 16px;
226
- --dds-font-supporting-style-placeholdertext-01-text-case: none;
227
- --dds-font-supporting-style-tiny-01-font-size: 12px;
228
- --dds-font-supporting-style-tiny-01-text-decoration: none;
229
- --dds-font-supporting-style-tiny-01-font-family: 'IBM Plex Sans';
230
- --dds-font-supporting-style-tiny-01-font-weight: 400;
231
- --dds-font-supporting-style-tiny-01-font-style: normal;
232
- --dds-font-supporting-style-tiny-01-font-stretch: normal;
233
- --dds-font-supporting-style-tiny-01-letter-spacing: 0.01em;
234
- --dds-font-supporting-style-tiny-01-line-height: 1.5em;
235
- --dds-font-supporting-style-tiny-01-paragraph-indent: 0px;
236
- --dds-font-supporting-style-tiny-01-paragraph-spacing: 12px;
237
- --dds-font-supporting-style-tiny-01-text-case: none;
238
- --dds-font-supporting-style-tiny-02-font-size: 12px;
239
- --dds-font-supporting-style-tiny-02-text-decoration: none;
240
- --dds-font-supporting-style-tiny-02-font-family: 'IBM Plex Sans';
241
- --dds-font-supporting-style-tiny-02-font-weight: 300;
242
- --dds-font-supporting-style-tiny-02-font-style: normal;
243
- --dds-font-supporting-style-tiny-02-font-stretch: normal;
244
- --dds-font-supporting-style-tiny-02-letter-spacing: 0.01em;
245
- --dds-font-supporting-style-tiny-02-line-height: 1.5em;
246
- --dds-font-supporting-style-tiny-02-paragraph-indent: 0px;
247
- --dds-font-supporting-style-tiny-02-paragraph-spacing: 12px;
248
- --dds-font-supporting-style-tiny-02-text-case: none;
249
- --dds-font-supporting-style-placeholdertext-02-font-size: 14px;
250
- --dds-font-supporting-style-placeholdertext-02-text-decoration: none;
251
- --dds-font-supporting-style-placeholdertext-02-font-family: 'IBM Plex Sans';
252
- --dds-font-supporting-style-placeholdertext-02-font-weight: 400;
253
- --dds-font-supporting-style-placeholdertext-02-font-style: italic;
254
- --dds-font-supporting-style-placeholdertext-02-font-stretch: normal;
255
- --dds-font-supporting-style-placeholdertext-02-letter-spacing: 0.01em;
256
- --dds-font-supporting-style-placeholdertext-02-line-height: 1.5em;
257
- --dds-font-supporting-style-placeholdertext-02-paragraph-indent: 0px;
258
- --dds-font-supporting-style-placeholdertext-02-paragraph-spacing: 14px;
259
- --dds-font-supporting-style-placeholdertext-02-text-case: none;
260
- --dds-font-supporting-style-placeholdertext-03-font-size: 12px;
261
- --dds-font-supporting-style-placeholdertext-03-text-decoration: none;
262
- --dds-font-supporting-style-placeholdertext-03-font-family: 'IBM Plex Sans';
263
- --dds-font-supporting-style-placeholdertext-03-font-weight: 400;
264
- --dds-font-supporting-style-placeholdertext-03-font-style: italic;
265
- --dds-font-supporting-style-placeholdertext-03-font-stretch: normal;
266
- --dds-font-supporting-style-placeholdertext-03-letter-spacing: 0.01em;
267
- --dds-font-supporting-style-placeholdertext-03-line-height: 1.5em;
268
- --dds-font-supporting-style-placeholdertext-03-paragraph-indent: 0px;
269
- --dds-font-supporting-style-placeholdertext-03-paragraph-spacing: 12px;
270
- --dds-font-supporting-style-placeholdertext-03-text-case: none;
271
- --dds-font-code-monospace-02-font-size: 16px;
272
- --dds-font-code-monospace-02-text-decoration: none;
273
- --dds-font-code-monospace-02-font-family: 'IBM Plex Mono';
274
- --dds-font-code-monospace-02-font-weight: 400;
275
- --dds-font-code-monospace-02-font-style: normal;
276
- --dds-font-code-monospace-02-font-stretch: normal;
277
- --dds-font-code-monospace-02-letter-spacing: 0em;
278
- --dds-font-code-monospace-02-line-height: 1.5em;
279
- --dds-font-code-monospace-02-paragraph-indent: 0px;
280
- --dds-font-code-monospace-02-paragraph-spacing: 9px;
281
- --dds-font-code-monospace-02-text-case: none;
282
- }
package/dist/css/grid.css DELETED
@@ -1,17 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 07 Jun 2024 10:30:37 GMT
4
- */
5
-
6
- :root {
7
- --dds-grid-xs-count: 4;
8
- --dds-grid-xs-gutter-size: 16px;
9
- --dds-grid-sm-count: 8;
10
- --dds-grid-sm-gutter-size: 16px;
11
- --dds-grid-lg-count: 12;
12
- --dds-grid-lg-gutter-size: 24px;
13
- --dds-grid-md-count: 12;
14
- --dds-grid-md-gutter-size: 24px;
15
- --dds-grid-xl-count: 12;
16
- --dds-grid-xl-gutter-size: 24px;
17
- }
@@ -1,10 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 07 Jun 2024 10:30:37 GMT
4
- */
5
-
6
- :root {
7
- --dds-icon-size-large: 40px;
8
- --dds-icon-size-medium: 24px;
9
- --dds-icon-size-small: 16px;
10
- }
@@ -1,15 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 07 Jun 2024 10:30:37 GMT
4
- */
5
-
6
- :root {
7
- --dds-shadow-1-ondark: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5);
8
- --dds-shadow-1-onlight: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1);
9
- --dds-shadow-2-ondark: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.5);
10
- --dds-shadow-2-onlight: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.1);
11
- --dds-shadow-3-ondark: 4.0px 8.0px 16.0px 0px rgba(0, 0, 0, 0.5);
12
- --dds-shadow-3-onlight: 4.0px 8.0px 16.0px 0px rgba(0, 0, 0, 0.1);
13
- --dds-shadow-4-ondark: 8.0px 16.0px 32.0px 0px rgba(0, 0, 0, 0.5);
14
- --dds-shadow-4-onlight: 8.0px 16.0px 32.0px 0px rgba(0, 0, 0, 0.1);
15
- }
@@ -1,21 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 07 Jun 2024 10:30:37 GMT
4
- */
5
-
6
- :root {
7
- --dds-spacing-x0: 0px;
8
- --dds-spacing-x0-125: 2px;
9
- --dds-spacing-x0-25: 4px;
10
- --dds-spacing-x0-5: 8px;
11
- --dds-spacing-x0-75: 12px;
12
- --dds-spacing-x1: 16px;
13
- --dds-spacing-x1-5: 24px;
14
- --dds-spacing-x2: 32px;
15
- --dds-spacing-x2-5: 40px;
16
- --dds-spacing-x3: 48px;
17
- --dds-spacing-x4: 64px;
18
- --dds-spacing-x6: 96px;
19
- --dds-spacing-x10: 160px;
20
- --dds-spacing-padding-top-heading: 0.7em;
21
- }
@@ -1,10 +0,0 @@
1
- export declare const DdsBorderRadius0 = "0px";
2
- export declare const DdsBorderRadius0NumberPx = 0;
3
- export declare const DdsBorderRadius1 = "2px";
4
- export declare const DdsBorderRadius1NumberPx = 2;
5
- export declare const DdsBorderRadius2 = "4px";
6
- export declare const DdsBorderRadius2NumberPx = 4;
7
- export declare const DdsBorderRadius3 = "8px";
8
- export declare const DdsBorderRadius3NumberPx = 8;
9
- export declare const DdsBorderRadius100 = "9999px";
10
- export declare const DdsBorderRadius100NumberPx = 9999;
@@ -1,12 +0,0 @@
1
- const DdsBorderRadius0 = "0px";
2
- const DdsBorderRadius0NumberPx = 0;
3
- const DdsBorderRadius1 = "2px";
4
- const DdsBorderRadius1NumberPx = 2;
5
- const DdsBorderRadius2 = "4px";
6
- const DdsBorderRadius2NumberPx = 4;
7
- const DdsBorderRadius3 = "8px";
8
- const DdsBorderRadius3NumberPx = 8;
9
- const DdsBorderRadius100 = "9999px";
10
- const DdsBorderRadius100NumberPx = 9999;
11
-
12
- export { DdsBorderRadius0, DdsBorderRadius0NumberPx, DdsBorderRadius1, DdsBorderRadius100, DdsBorderRadius100NumberPx, DdsBorderRadius1NumberPx, DdsBorderRadius2, DdsBorderRadius2NumberPx, DdsBorderRadius3, DdsBorderRadius3NumberPx };
@@ -1,10 +0,0 @@
1
- export declare const DdsBreakpointXs = "1px";
2
- export declare const DdsBreakpointXsNumberPx = 1;
3
- export declare const DdsBreakpointSm = "600px";
4
- export declare const DdsBreakpointSmNumberPx = 600;
5
- export declare const DdsBreakpointMd = "960px";
6
- export declare const DdsBreakpointMdNumberPx = 960;
7
- export declare const DdsBreakpointLg = "1280px";
8
- export declare const DdsBreakpointLgNumberPx = 1280;
9
- export declare const DdsBreakpointXl = "1920px";
10
- export declare const DdsBreakpointXlNumberPx = 1920;
@@ -1,12 +0,0 @@
1
- const DdsBreakpointXs = "1px";
2
- const DdsBreakpointXsNumberPx = 1;
3
- const DdsBreakpointSm = "600px";
4
- const DdsBreakpointSmNumberPx = 600;
5
- const DdsBreakpointMd = "960px";
6
- const DdsBreakpointMdNumberPx = 960;
7
- const DdsBreakpointLg = "1280px";
8
- const DdsBreakpointLgNumberPx = 1280;
9
- const DdsBreakpointXl = "1920px";
10
- const DdsBreakpointXlNumberPx = 1920;
11
-
12
- export { DdsBreakpointLg, DdsBreakpointLgNumberPx, DdsBreakpointMd, DdsBreakpointMdNumberPx, DdsBreakpointSm, DdsBreakpointSmNumberPx, DdsBreakpointXl, DdsBreakpointXlNumberPx, DdsBreakpointXs, DdsBreakpointXsNumberPx };