@norges-domstoler/dds-design-tokens 7.2.0 → 8.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/generated-tokens/index.d.ts +2 -0
- package/dist/cjs/{dds/build → generated-tokens}/js/Core/ddsTokens.d.ts +138 -33
- package/dist/cjs/{dds/build → generated-tokens}/js/Public/ddsTokens.d.ts +142 -37
- package/dist/cjs/index.js +526 -106
- package/dist/cjs/src/index.d.ts +280 -70
- package/dist/css/ddsTokens-core.css +140 -27
- package/dist/css/ddsTokens-public.css +144 -31
- package/dist/generated-tokens/index.d.ts +2 -0
- package/dist/{dds/build → generated-tokens}/js/Core/ddsTokens.d.ts +138 -33
- package/dist/{dds/build → generated-tokens}/js/Core/ddsTokens.js +141 -36
- package/dist/{dds/build → generated-tokens}/js/Public/ddsTokens.d.ts +142 -37
- package/dist/{dds/build → generated-tokens}/js/Public/ddsTokens.js +145 -40
- package/dist/index.js +2 -2
- package/dist/scss/_ddsTokens.scss +124 -11
- package/dist/src/index.d.ts +280 -70
- package/package.json +10 -10
- package/dist/cjs/dds/index.d.ts +0 -2
- package/dist/dds/index.d.ts +0 -2
|
@@ -22,29 +22,14 @@ export declare const ddsFontSizeX0875 = "0.875rem";
|
|
|
22
22
|
export declare const ddsFontSizeX0875NumberRem = 0.875;
|
|
23
23
|
export declare const ddsFontSizeX075 = "0.75rem";
|
|
24
24
|
export declare const ddsFontSizeX075NumberRem = 0.75;
|
|
25
|
-
export declare const ddsFontSizeXxlarge = "4rem";
|
|
26
|
-
export declare const ddsFontSizeXxlargeNumberRem = 4;
|
|
27
|
-
export declare const ddsFontSizeXlarge = "3rem";
|
|
28
|
-
export declare const ddsFontSizeXlargeNumberRem = 3;
|
|
29
|
-
export declare const ddsFontSizeLarge = "2rem";
|
|
30
|
-
export declare const ddsFontSizeLargeNumberRem = 2;
|
|
31
|
-
export declare const ddsFontSizeMedium = "1.5rem";
|
|
32
|
-
export declare const ddsFontSizeMediumNumberRem = 1.5;
|
|
33
|
-
export declare const ddsFontSizeSmall = "1.25rem";
|
|
34
|
-
export declare const ddsFontSizeSmallNumberRem = 1.25;
|
|
35
|
-
export declare const ddsFontSizeXsmall = "1.125rem";
|
|
36
|
-
export declare const ddsFontSizeXsmallNumberRem = 1.125;
|
|
37
|
-
export declare const ddsFontSizeXxsmall = "1rem";
|
|
38
|
-
export declare const ddsFontSizeXxsmallNumberRem = 1;
|
|
39
|
-
export declare const ddsFontSizeXxxsmall = "0.875rem";
|
|
40
|
-
export declare const ddsFontSizeXxxsmallNumberRem = 0.875;
|
|
41
25
|
export declare const ddsFontWeightLight = "300";
|
|
42
26
|
export declare const ddsFontWeightNormal = "400";
|
|
27
|
+
export declare const ddsFontWeightSemiBold = "500";
|
|
43
28
|
export declare const ddsFontWeightBold = "600";
|
|
44
29
|
export declare const ddsFontLineheightX1 = 1.5;
|
|
45
30
|
export declare const ddsFontLineheightX2 = 1.35;
|
|
46
31
|
export declare const ddsFontLineheightX3 = 1.2;
|
|
47
|
-
export declare const ddsFontLineheightList = 2
|
|
32
|
+
export declare const ddsFontLineheightList = 2;
|
|
48
33
|
export declare const ddsFontLetterSpacingTight = "-0.01em";
|
|
49
34
|
export declare const ddsFontLetterSpacingNormal = "0em";
|
|
50
35
|
export declare const ddsFontLetterSpacingLoose = "0.01em";
|
|
@@ -132,16 +117,106 @@ export declare const ddsZindexTooltip = "120";
|
|
|
132
117
|
export declare const ddsZindexDropdown = "100";
|
|
133
118
|
export declare const ddsZindexSticky = "50";
|
|
134
119
|
export declare const ddsZindexAbsoluteElement = "1";
|
|
120
|
+
export declare const ddsColorDataRed100 = "#f8d2d4";
|
|
121
|
+
export declare const ddsColorDataRed200 = "#f0a5a9";
|
|
122
|
+
export declare const ddsColorDataRed300 = "#e9787e";
|
|
123
|
+
export declare const ddsColorDataRed400 = "#e14b53";
|
|
124
|
+
export declare const ddsColorDataRed500 = "#da1e28";
|
|
125
|
+
export declare const ddsColorDataRed600 = "#ae1820";
|
|
126
|
+
export declare const ddsColorDataRed700 = "#831218";
|
|
127
|
+
export declare const ddsColorDataRed800 = "#570c10";
|
|
128
|
+
export declare const ddsColorDataRed900 = "#2c0608";
|
|
129
|
+
export declare const ddsColorDataMagenta100 = "#eed3df";
|
|
130
|
+
export declare const ddsColorDataMagenta200 = "#dfa5bf";
|
|
131
|
+
export declare const ddsColorDataMagenta300 = "#cf789e";
|
|
132
|
+
export declare const ddsColorDataMagenta400 = "#c74f84";
|
|
133
|
+
export declare const ddsColorDataMagenta500 = "#b62665";
|
|
134
|
+
export declare const ddsColorDataMagenta600 = "#8a1a4b";
|
|
135
|
+
export declare const ddsColorDataMagenta700 = "#671438";
|
|
136
|
+
export declare const ddsColorDataMagenta800 = "#440e26";
|
|
137
|
+
export declare const ddsColorDataMagenta900 = "#220713";
|
|
138
|
+
export declare const ddsColorDataBrown100 = "#f0ddd5";
|
|
139
|
+
export declare const ddsColorDataBrown200 = "#e1bcac";
|
|
140
|
+
export declare const ddsColorDataBrown300 = "#d19a82";
|
|
141
|
+
export declare const ddsColorDataBrown400 = "#c27959";
|
|
142
|
+
export declare const ddsColorDataBrown500 = "#b3572f";
|
|
143
|
+
export declare const ddsColorDataBrown600 = "#8f4626";
|
|
144
|
+
export declare const ddsColorDataBrown700 = "#6b341c";
|
|
145
|
+
export declare const ddsColorDataBrown800 = "#482313";
|
|
146
|
+
export declare const ddsColorDataBrown900 = "#241109";
|
|
147
|
+
export declare const ddsColorDataOlive100 = "#e6e4d0";
|
|
148
|
+
export declare const ddsColorDataOlive200 = "#cdc9a1";
|
|
149
|
+
export declare const ddsColorDataOlive300 = "#b3ae71";
|
|
150
|
+
export declare const ddsColorDataOlive400 = "#989344";
|
|
151
|
+
export declare const ddsColorDataOlive500 = "#7c7518";
|
|
152
|
+
export declare const ddsColorDataOlive600 = "#635e13";
|
|
153
|
+
export declare const ddsColorDataOlive700 = "#4a460e";
|
|
154
|
+
export declare const ddsColorDataOlive800 = "#322f0a";
|
|
155
|
+
export declare const ddsColorDataOlive900 = "#191705";
|
|
156
|
+
export declare const ddsColorDataGreen100 = "#d1e6d7";
|
|
157
|
+
export declare const ddsColorDataGreen200 = "#a3ccaf";
|
|
158
|
+
export declare const ddsColorDataGreen300 = "#75b388";
|
|
159
|
+
export declare const ddsColorDataGreen400 = "#479960";
|
|
160
|
+
export declare const ddsColorDataGreen500 = "#198038";
|
|
161
|
+
export declare const ddsColorDataGreen600 = "#14662d";
|
|
162
|
+
export declare const ddsColorDataGreen700 = "#0f4d22";
|
|
163
|
+
export declare const ddsColorDataGreen800 = "#0a3316";
|
|
164
|
+
export declare const ddsColorDataGreen900 = "#051a0b";
|
|
165
|
+
export declare const ddsColorDataTeal100 = "#c2e2e1";
|
|
166
|
+
export declare const ddsColorDataTeal200 = "#90ccc9";
|
|
167
|
+
export declare const ddsColorDataTeal300 = "#5dafad";
|
|
168
|
+
export declare const ddsColorDataTeal400 = "#2c9390";
|
|
169
|
+
export declare const ddsColorDataTeal500 = "#007d79";
|
|
170
|
+
export declare const ddsColorDataTeal600 = "#006461";
|
|
171
|
+
export declare const ddsColorDataTeal700 = "#004b49";
|
|
172
|
+
export declare const ddsColorDataTeal800 = "#003230";
|
|
173
|
+
export declare const ddsColorDataTeal900 = "#001918";
|
|
174
|
+
export declare const ddsColorDataDeepblue100 = "#b9d7e5";
|
|
175
|
+
export declare const ddsColorDataDeepblue200 = "#96c5d9";
|
|
176
|
+
export declare const ddsColorDataDeepblue300 = "#6aa8c3";
|
|
177
|
+
export declare const ddsColorDataDeepblue400 = "#3e8bac";
|
|
178
|
+
export declare const ddsColorDataDeepblue500 = "#196b8f";
|
|
179
|
+
export declare const ddsColorDataDeepblue600 = "#135774";
|
|
180
|
+
export declare const ddsColorDataDeepblue700 = "#0e455e";
|
|
181
|
+
export declare const ddsColorDataDeepblue800 = "#0d3445";
|
|
182
|
+
export declare const ddsColorDataDeepblue900 = "#05151d";
|
|
183
|
+
export declare const ddsColorDataBlue100 = "#cfe0ff";
|
|
184
|
+
export declare const ddsColorDataBlue200 = "#9fc0ff";
|
|
185
|
+
export declare const ddsColorDataBlue300 = "#6fa1fe";
|
|
186
|
+
export declare const ddsColorDataBlue400 = "#3f81fe";
|
|
187
|
+
export declare const ddsColorDataBlue500 = "#0f62fe";
|
|
188
|
+
export declare const ddsColorDataBlue600 = "#0c4ecb";
|
|
189
|
+
export declare const ddsColorDataBlue700 = "#093b98";
|
|
190
|
+
export declare const ddsColorDataBlue800 = "#062766";
|
|
191
|
+
export declare const ddsColorDataBlue900 = "#031433";
|
|
192
|
+
export declare const ddsColorDataPurple100 = "#e8d9fe";
|
|
193
|
+
export declare const ddsColorDataPurple200 = "#d0b2fe";
|
|
194
|
+
export declare const ddsColorDataPurple300 = "#b98cfd";
|
|
195
|
+
export declare const ddsColorDataPurple400 = "#a165fd";
|
|
196
|
+
export declare const ddsColorDataPurple500 = "#8a3ffc";
|
|
197
|
+
export declare const ddsColorDataPurple600 = "#6e32ca";
|
|
198
|
+
export declare const ddsColorDataPurple700 = "#532697";
|
|
199
|
+
export declare const ddsColorDataPurple800 = "#371965";
|
|
200
|
+
export declare const ddsColorDataPurple900 = "#1c0d32";
|
|
201
|
+
export declare const ddsColorDataGray100 = "#e3e3e3";
|
|
202
|
+
export declare const ddsColorDataGray200 = "#c7c7c7";
|
|
203
|
+
export declare const ddsColorDataGray300 = "#aaaaaa";
|
|
204
|
+
export declare const ddsColorDataGray400 = "#8e8e8e";
|
|
205
|
+
export declare const ddsColorDataGray500 = "#727272";
|
|
206
|
+
export declare const ddsColorDataGray600 = "#5b5b5b";
|
|
207
|
+
export declare const ddsColorDataGray700 = "#444444";
|
|
208
|
+
export declare const ddsColorDataGray800 = "#2e2e2e";
|
|
209
|
+
export declare const ddsColorDataGray900 = "#171717";
|
|
135
210
|
export declare const ddsColorBgDefault = "#ffffff";
|
|
136
|
-
export declare const ddsColorBgSubtle = "#
|
|
211
|
+
export declare const ddsColorBgSubtle = "#f1f3f4";
|
|
137
212
|
export declare const ddsColorSurfaceDefault = "#ffffff";
|
|
138
|
-
export declare const ddsColorSurfaceSubtle = "#
|
|
139
|
-
export declare const ddsColorSurfaceMedium = "#
|
|
213
|
+
export declare const ddsColorSurfaceSubtle = "#f1f3f4";
|
|
214
|
+
export declare const ddsColorSurfaceMedium = "#e4e6e8";
|
|
140
215
|
export declare const ddsColorSurfaceHoverDefault = "#e7f1f7";
|
|
141
|
-
export declare const ddsColorSurfaceHoverSubtle = "#
|
|
216
|
+
export declare const ddsColorSurfaceHoverSubtle = "#f1f3f4";
|
|
142
217
|
export declare const ddsColorSurfaceSelectedDefault = "#e7f1f7";
|
|
143
218
|
export declare const ddsColorSurfaceInverseDefault = "#354754";
|
|
144
|
-
export declare const ddsColorSurfaceInverseHover = "#
|
|
219
|
+
export declare const ddsColorSurfaceInverseHover = "#2a3943";
|
|
145
220
|
export declare const ddsColorSurfaceInverseSelected = "#202b32";
|
|
146
221
|
export declare const ddsColorSurfaceActionResting = "#106ead";
|
|
147
222
|
export declare const ddsColorSurfaceActionHover = "#0d588a";
|
|
@@ -160,13 +235,13 @@ export declare const ddsColorSurfaceInfoStrong = "#9eceee";
|
|
|
160
235
|
export declare const ddsColorSurfacePaperDefault = "#ffffff";
|
|
161
236
|
export declare const ddsColorSurfaceBackdropDefault = "#0b0d0e80";
|
|
162
237
|
export declare const ddsColorSurfaceFieldDefault = "#ffffff";
|
|
163
|
-
export declare const ddsColorSurfaceFieldDisabled = "#
|
|
164
|
-
export declare const ddsColorSurfaceHighlightedDefault = "#
|
|
238
|
+
export declare const ddsColorSurfaceFieldDisabled = "#f1f3f4";
|
|
239
|
+
export declare const ddsColorSurfaceHighlightedDefault = "#fce5dd";
|
|
165
240
|
export declare const ddsColorSurfaceScrollbar = "#adb5ba";
|
|
166
241
|
export declare const ddsColorSurfaceNotification = "#d83737";
|
|
167
|
-
export declare const ddsColorSurfaceSkeleton = "#
|
|
242
|
+
export declare const ddsColorSurfaceSkeleton = "#d6dadd";
|
|
168
243
|
export declare const ddsColorBorderDefault = "#77838c";
|
|
169
|
-
export declare const ddsColorBorderSubtle = "#
|
|
244
|
+
export declare const ddsColorBorderSubtle = "#d6dadd";
|
|
170
245
|
export declare const ddsColorBorderInverse = "#acbbc6";
|
|
171
246
|
export declare const ddsColorBorderActionDefault = "#106ead";
|
|
172
247
|
export declare const ddsColorBorderActionHover = "#0d588a";
|
|
@@ -198,11 +273,11 @@ export declare const ddsColorIconActionResting = "#106ead";
|
|
|
198
273
|
export declare const ddsColorIconActionHover = "#0d588a";
|
|
199
274
|
export declare const ddsColorIconOnSuccessDefault = "#3d723d";
|
|
200
275
|
export declare const ddsColorIconOnSuccessStrong = "#0b0d0e";
|
|
201
|
-
export declare const ddsColorIconOnWarningDefault = "#
|
|
276
|
+
export declare const ddsColorIconOnWarningDefault = "#9a8c26";
|
|
202
277
|
export declare const ddsColorIconOnWarningStrong = "#0b0d0e";
|
|
203
278
|
export declare const ddsColorIconOnDangerDefault = "#ad2c2c";
|
|
204
279
|
export declare const ddsColorIconOnDangerStrong = "#0b0d0e";
|
|
205
|
-
export declare const ddsColorIconOnInfoDefault = "#
|
|
280
|
+
export declare const ddsColorIconOnInfoDefault = "#3e7192";
|
|
206
281
|
export declare const ddsColorIconOnInfoStrong = "#0b0d0e";
|
|
207
282
|
export declare const ddsColorIconDanger = "#ad2c2c";
|
|
208
283
|
export declare const ddsColorBrandPrimaryDefault = "#354754";
|
|
@@ -213,12 +288,42 @@ export declare const ddsColorBrandSecondaryDefault = "#9ab8b7";
|
|
|
213
288
|
export declare const ddsColorBrandSecondarySubtle = "#e6eded";
|
|
214
289
|
export declare const ddsColorBrandSecondaryMedium = "#b8cdcd";
|
|
215
290
|
export declare const ddsColorBrandSecondaryStrong = "#4d6463";
|
|
216
|
-
export declare const ddsColorBrandTertiaryDefault = "#
|
|
217
|
-
export declare const ddsColorBrandTertiarySubtle = "#
|
|
218
|
-
export declare const ddsColorBrandTertiaryMedium = "#
|
|
219
|
-
export declare const ddsColorBrandTertiaryStrong = "#
|
|
220
|
-
export declare const ddsColorFocusOutside = "#
|
|
291
|
+
export declare const ddsColorBrandTertiaryDefault = "#f27e55";
|
|
292
|
+
export declare const ddsColorBrandTertiarySubtle = "#fce5dd";
|
|
293
|
+
export declare const ddsColorBrandTertiaryMedium = "#f2a68f";
|
|
294
|
+
export declare const ddsColorBrandTertiaryStrong = "#d45d32";
|
|
295
|
+
export declare const ddsColorFocusOutside = "#2a4b61";
|
|
221
296
|
export declare const ddsColorFocusInside = "#f1f8fd";
|
|
297
|
+
export declare const ddsColorData10Default = "#196b8f";
|
|
298
|
+
export declare const ddsColorData10Subtle = "#96c5d9";
|
|
299
|
+
export declare const ddsColorData10Border = "#196b8f";
|
|
300
|
+
export declare const ddsColorData01Default = "#0f62fe";
|
|
301
|
+
export declare const ddsColorData01Subtle = "#9fc0ff";
|
|
302
|
+
export declare const ddsColorData01Border = "#0f62fe";
|
|
303
|
+
export declare const ddsColorData02Default = "#b3572f";
|
|
304
|
+
export declare const ddsColorData02Subtle = "#e1bcac";
|
|
305
|
+
export declare const ddsColorData02Border = "#b3572f";
|
|
306
|
+
export declare const ddsColorData03Default = "#727272";
|
|
307
|
+
export declare const ddsColorData03Subtle = "#c7c7c7";
|
|
308
|
+
export declare const ddsColorData03Border = "#727272";
|
|
309
|
+
export declare const ddsColorData04Default = "#198038";
|
|
310
|
+
export declare const ddsColorData04Subtle = "#a3ccaf";
|
|
311
|
+
export declare const ddsColorData04Border = "#198038";
|
|
312
|
+
export declare const ddsColorData05Default = "#8a3ffc";
|
|
313
|
+
export declare const ddsColorData05Subtle = "#d0b2fe";
|
|
314
|
+
export declare const ddsColorData05Border = "#8a3ffc";
|
|
315
|
+
export declare const ddsColorData06Default = "#b62665";
|
|
316
|
+
export declare const ddsColorData06Subtle = "#dfa5bf";
|
|
317
|
+
export declare const ddsColorData06Border = "#b62665";
|
|
318
|
+
export declare const ddsColorData07Default = "#7c7518";
|
|
319
|
+
export declare const ddsColorData07Subtle = "#cdc9a1";
|
|
320
|
+
export declare const ddsColorData07Border = "#7c7518";
|
|
321
|
+
export declare const ddsColorData08Default = "#da1e28";
|
|
322
|
+
export declare const ddsColorData08Subtle = "#f0a5a9";
|
|
323
|
+
export declare const ddsColorData08Border = "#da1e28";
|
|
324
|
+
export declare const ddsColorData09Default = "#007d79";
|
|
325
|
+
export declare const ddsColorData09Subtle = "#90ccc9";
|
|
326
|
+
export declare const ddsColorData09Border = "#007d79";
|
|
222
327
|
export declare const ddsBorderRadiusButton = "2px";
|
|
223
328
|
export declare const ddsBorderRadiusButtonNumberPx = 2;
|
|
224
329
|
export declare const ddsBorderRadiusSurface = "2px";
|
|
@@ -234,10 +339,10 @@ export declare const ddsFontBodyXsmall = "400 0.875rem/1.5 'IBM Plex Sans', Aria
|
|
|
234
339
|
export declare const ddsFontBodySmall = "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
235
340
|
export declare const ddsFontBodyMedium = "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
236
341
|
export declare const ddsFontBodyLarge = "400 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
237
|
-
export declare const ddsFontHeadingXxsmall = "600
|
|
238
|
-
export declare const ddsFontHeadingXsmall = "600
|
|
239
|
-
export declare const ddsFontHeadingSmall = "600 1.
|
|
240
|
-
export declare const ddsFontHeadingMedium = "
|
|
342
|
+
export declare const ddsFontHeadingXxsmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
343
|
+
export declare const ddsFontHeadingXsmall = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
344
|
+
export declare const ddsFontHeadingSmall = "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
345
|
+
export declare const ddsFontHeadingMedium = "500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
241
346
|
export declare const ddsFontHeadingLarge = "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
|
|
242
347
|
export declare const ddsFontHeadingXlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
|
|
243
348
|
export declare const ddsFontHeadingXxlarge = "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif";
|
|
@@ -23,29 +23,14 @@ const ddsFontSizeX0875 = "0.875rem";
|
|
|
23
23
|
const ddsFontSizeX0875NumberRem = 0.875;
|
|
24
24
|
const ddsFontSizeX075 = "0.75rem";
|
|
25
25
|
const ddsFontSizeX075NumberRem = 0.75;
|
|
26
|
-
const ddsFontSizeXxlarge = "4rem";
|
|
27
|
-
const ddsFontSizeXxlargeNumberRem = 4;
|
|
28
|
-
const ddsFontSizeXlarge = "3rem";
|
|
29
|
-
const ddsFontSizeXlargeNumberRem = 3;
|
|
30
|
-
const ddsFontSizeLarge = "2rem";
|
|
31
|
-
const ddsFontSizeLargeNumberRem = 2;
|
|
32
|
-
const ddsFontSizeMedium = "1.5rem";
|
|
33
|
-
const ddsFontSizeMediumNumberRem = 1.5;
|
|
34
|
-
const ddsFontSizeSmall = "1.25rem";
|
|
35
|
-
const ddsFontSizeSmallNumberRem = 1.25;
|
|
36
|
-
const ddsFontSizeXsmall = "1.125rem";
|
|
37
|
-
const ddsFontSizeXsmallNumberRem = 1.125;
|
|
38
|
-
const ddsFontSizeXxsmall = "1rem";
|
|
39
|
-
const ddsFontSizeXxsmallNumberRem = 1;
|
|
40
|
-
const ddsFontSizeXxxsmall = "0.875rem";
|
|
41
|
-
const ddsFontSizeXxxsmallNumberRem = 0.875;
|
|
42
26
|
const ddsFontWeightLight = "300";
|
|
43
27
|
const ddsFontWeightNormal = "400";
|
|
28
|
+
const ddsFontWeightSemiBold = "500";
|
|
44
29
|
const ddsFontWeightBold = "600";
|
|
45
30
|
const ddsFontLineheightX1 = 1.5; // Brukes på str ×1_25 og mindre
|
|
46
31
|
const ddsFontLineheightX2 = 1.35; // Brukes på str x1.5, ×2 og ×3
|
|
47
32
|
const ddsFontLineheightX3 = 1.2; // Brukes på str ×3 og større
|
|
48
|
-
const ddsFontLineheightList = 2
|
|
33
|
+
const ddsFontLineheightList = 2; // Brukes på lister
|
|
49
34
|
const ddsFontLetterSpacingTight = "-0.01em"; // Brukes på str ×2.5 og større
|
|
50
35
|
const ddsFontLetterSpacingNormal = "0em"; // Brukes på str ×1 og opp til og med ×2
|
|
51
36
|
const ddsFontLetterSpacingLoose = "0.01em"; // Brukes på størrelser under ×1
|
|
@@ -133,16 +118,106 @@ const ddsZindexTooltip = "120"; // Brukes for dds-tooltip
|
|
|
133
118
|
const ddsZindexDropdown = "100"; // Dropdown brukes for bl.a søkeforslag, dropdown i select
|
|
134
119
|
const ddsZindexSticky = "50"; // Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater
|
|
135
120
|
const ddsZindexAbsoluteElement = "1"; // Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder
|
|
121
|
+
const ddsColorDataRed100 = "#f8d2d4";
|
|
122
|
+
const ddsColorDataRed200 = "#f0a5a9";
|
|
123
|
+
const ddsColorDataRed300 = "#e9787e";
|
|
124
|
+
const ddsColorDataRed400 = "#e14b53";
|
|
125
|
+
const ddsColorDataRed500 = "#da1e28";
|
|
126
|
+
const ddsColorDataRed600 = "#ae1820";
|
|
127
|
+
const ddsColorDataRed700 = "#831218";
|
|
128
|
+
const ddsColorDataRed800 = "#570c10";
|
|
129
|
+
const ddsColorDataRed900 = "#2c0608";
|
|
130
|
+
const ddsColorDataMagenta100 = "#eed3df";
|
|
131
|
+
const ddsColorDataMagenta200 = "#dfa5bf";
|
|
132
|
+
const ddsColorDataMagenta300 = "#cf789e";
|
|
133
|
+
const ddsColorDataMagenta400 = "#c74f84";
|
|
134
|
+
const ddsColorDataMagenta500 = "#b62665";
|
|
135
|
+
const ddsColorDataMagenta600 = "#8a1a4b";
|
|
136
|
+
const ddsColorDataMagenta700 = "#671438";
|
|
137
|
+
const ddsColorDataMagenta800 = "#440e26";
|
|
138
|
+
const ddsColorDataMagenta900 = "#220713";
|
|
139
|
+
const ddsColorDataBrown100 = "#f0ddd5";
|
|
140
|
+
const ddsColorDataBrown200 = "#e1bcac";
|
|
141
|
+
const ddsColorDataBrown300 = "#d19a82";
|
|
142
|
+
const ddsColorDataBrown400 = "#c27959";
|
|
143
|
+
const ddsColorDataBrown500 = "#b3572f";
|
|
144
|
+
const ddsColorDataBrown600 = "#8f4626";
|
|
145
|
+
const ddsColorDataBrown700 = "#6b341c";
|
|
146
|
+
const ddsColorDataBrown800 = "#482313";
|
|
147
|
+
const ddsColorDataBrown900 = "#241109";
|
|
148
|
+
const ddsColorDataOlive100 = "#e6e4d0";
|
|
149
|
+
const ddsColorDataOlive200 = "#cdc9a1";
|
|
150
|
+
const ddsColorDataOlive300 = "#b3ae71";
|
|
151
|
+
const ddsColorDataOlive400 = "#989344";
|
|
152
|
+
const ddsColorDataOlive500 = "#7c7518";
|
|
153
|
+
const ddsColorDataOlive600 = "#635e13";
|
|
154
|
+
const ddsColorDataOlive700 = "#4a460e";
|
|
155
|
+
const ddsColorDataOlive800 = "#322f0a";
|
|
156
|
+
const ddsColorDataOlive900 = "#191705";
|
|
157
|
+
const ddsColorDataGreen100 = "#d1e6d7";
|
|
158
|
+
const ddsColorDataGreen200 = "#a3ccaf";
|
|
159
|
+
const ddsColorDataGreen300 = "#75b388";
|
|
160
|
+
const ddsColorDataGreen400 = "#479960";
|
|
161
|
+
const ddsColorDataGreen500 = "#198038";
|
|
162
|
+
const ddsColorDataGreen600 = "#14662d";
|
|
163
|
+
const ddsColorDataGreen700 = "#0f4d22";
|
|
164
|
+
const ddsColorDataGreen800 = "#0a3316";
|
|
165
|
+
const ddsColorDataGreen900 = "#051a0b";
|
|
166
|
+
const ddsColorDataTeal100 = "#c2e2e1";
|
|
167
|
+
const ddsColorDataTeal200 = "#90ccc9";
|
|
168
|
+
const ddsColorDataTeal300 = "#5dafad";
|
|
169
|
+
const ddsColorDataTeal400 = "#2c9390";
|
|
170
|
+
const ddsColorDataTeal500 = "#007d79";
|
|
171
|
+
const ddsColorDataTeal600 = "#006461";
|
|
172
|
+
const ddsColorDataTeal700 = "#004b49";
|
|
173
|
+
const ddsColorDataTeal800 = "#003230";
|
|
174
|
+
const ddsColorDataTeal900 = "#001918";
|
|
175
|
+
const ddsColorDataDeepblue100 = "#b9d7e5";
|
|
176
|
+
const ddsColorDataDeepblue200 = "#96c5d9";
|
|
177
|
+
const ddsColorDataDeepblue300 = "#6aa8c3";
|
|
178
|
+
const ddsColorDataDeepblue400 = "#3e8bac";
|
|
179
|
+
const ddsColorDataDeepblue500 = "#196b8f";
|
|
180
|
+
const ddsColorDataDeepblue600 = "#135774";
|
|
181
|
+
const ddsColorDataDeepblue700 = "#0e455e";
|
|
182
|
+
const ddsColorDataDeepblue800 = "#0d3445";
|
|
183
|
+
const ddsColorDataDeepblue900 = "#05151d";
|
|
184
|
+
const ddsColorDataBlue100 = "#cfe0ff";
|
|
185
|
+
const ddsColorDataBlue200 = "#9fc0ff";
|
|
186
|
+
const ddsColorDataBlue300 = "#6fa1fe";
|
|
187
|
+
const ddsColorDataBlue400 = "#3f81fe";
|
|
188
|
+
const ddsColorDataBlue500 = "#0f62fe";
|
|
189
|
+
const ddsColorDataBlue600 = "#0c4ecb";
|
|
190
|
+
const ddsColorDataBlue700 = "#093b98";
|
|
191
|
+
const ddsColorDataBlue800 = "#062766";
|
|
192
|
+
const ddsColorDataBlue900 = "#031433";
|
|
193
|
+
const ddsColorDataPurple100 = "#e8d9fe";
|
|
194
|
+
const ddsColorDataPurple200 = "#d0b2fe";
|
|
195
|
+
const ddsColorDataPurple300 = "#b98cfd";
|
|
196
|
+
const ddsColorDataPurple400 = "#a165fd";
|
|
197
|
+
const ddsColorDataPurple500 = "#8a3ffc";
|
|
198
|
+
const ddsColorDataPurple600 = "#6e32ca";
|
|
199
|
+
const ddsColorDataPurple700 = "#532697";
|
|
200
|
+
const ddsColorDataPurple800 = "#371965";
|
|
201
|
+
const ddsColorDataPurple900 = "#1c0d32";
|
|
202
|
+
const ddsColorDataGray100 = "#e3e3e3";
|
|
203
|
+
const ddsColorDataGray200 = "#c7c7c7";
|
|
204
|
+
const ddsColorDataGray300 = "#aaaaaa";
|
|
205
|
+
const ddsColorDataGray400 = "#8e8e8e";
|
|
206
|
+
const ddsColorDataGray500 = "#727272";
|
|
207
|
+
const ddsColorDataGray600 = "#5b5b5b";
|
|
208
|
+
const ddsColorDataGray700 = "#444444";
|
|
209
|
+
const ddsColorDataGray800 = "#2e2e2e";
|
|
210
|
+
const ddsColorDataGray900 = "#171717";
|
|
136
211
|
const ddsColorBgDefault = "#ffffff"; // UI shell base color
|
|
137
|
-
const ddsColorBgSubtle = "#
|
|
212
|
+
const ddsColorBgSubtle = "#f1f3f4"; // Alternative UI shell base color
|
|
138
213
|
const ddsColorSurfaceDefault = "#ffffff"; // Default bg
|
|
139
|
-
const ddsColorSurfaceSubtle = "#
|
|
140
|
-
const ddsColorSurfaceMedium = "#
|
|
214
|
+
const ddsColorSurfaceSubtle = "#f1f3f4"; // Subtle surface color
|
|
215
|
+
const ddsColorSurfaceMedium = "#e4e6e8"; // Medium surface color
|
|
141
216
|
const ddsColorSurfaceHoverDefault = "#e7f1f7"; // Hover on surface (default, subtle, medium)
|
|
142
|
-
const ddsColorSurfaceHoverSubtle = "#
|
|
217
|
+
const ddsColorSurfaceHoverSubtle = "#f1f3f4"; // Subtle hover on surface (default, medium)
|
|
143
218
|
const ddsColorSurfaceSelectedDefault = "#e7f1f7"; // Selected state for surface (default, subtle, medium)
|
|
144
219
|
const ddsColorSurfaceInverseDefault = "#354754"; // Can be used as a surface for menu, navigation, footer etc
|
|
145
|
-
const ddsColorSurfaceInverseHover = "#
|
|
220
|
+
const ddsColorSurfaceInverseHover = "#2a3943"; // Hover on surface.inverse
|
|
146
221
|
const ddsColorSurfaceInverseSelected = "#202b32"; // selected on surface.inverse
|
|
147
222
|
const ddsColorSurfaceActionResting = "#106ead"; // Primary button bg
|
|
148
223
|
const ddsColorSurfaceActionHover = "#0d588a"; // Hover on surface.action/selected
|
|
@@ -161,13 +236,13 @@ const ddsColorSurfaceInfoStrong = "#9eceee"; // tag strong value
|
|
|
161
236
|
const ddsColorSurfacePaperDefault = "#ffffff"; // modal, drawer, popover etc
|
|
162
237
|
const ddsColorSurfaceBackdropDefault = "#0b0d0e80"; // background overlay for modals (50%)
|
|
163
238
|
const ddsColorSurfaceFieldDefault = "#ffffff"; // Form elements (textinput, datepicker etc)
|
|
164
|
-
const ddsColorSurfaceFieldDisabled = "#
|
|
165
|
-
const ddsColorSurfaceHighlightedDefault = "#
|
|
239
|
+
const ddsColorSurfaceFieldDisabled = "#f1f3f4"; // disabled state on surface.field
|
|
240
|
+
const ddsColorSurfaceHighlightedDefault = "#fce5dd"; // bg for highlighted text on text.default. Use with $Text
|
|
166
241
|
const ddsColorSurfaceScrollbar = "#adb5ba"; // Used for scrollbar
|
|
167
242
|
const ddsColorSurfaceNotification = "#d83737"; // bg on a notification
|
|
168
|
-
const ddsColorSurfaceSkeleton = "#
|
|
243
|
+
const ddsColorSurfaceSkeleton = "#d6dadd"; // Used for skeleton
|
|
169
244
|
const ddsColorBorderDefault = "#77838c"; // Form components, togglebutton, secondary button, checkbox etc
|
|
170
|
-
const ddsColorBorderSubtle = "#
|
|
245
|
+
const ddsColorBorderSubtle = "#d6dadd"; // Dropdown, tooltip, overflow etc
|
|
171
246
|
const ddsColorBorderInverse = "#acbbc6"; // Border or divider on surface.inverse
|
|
172
247
|
const ddsColorBorderActionDefault = "#106ead"; // Used in progress tracker
|
|
173
248
|
const ddsColorBorderActionHover = "#0d588a"; // Hover on secondary button etc
|
|
@@ -199,27 +274,57 @@ const ddsColorIconActionResting = "#106ead"; // Often used with Text.action
|
|
|
199
274
|
const ddsColorIconActionHover = "#0d588a"; // hover on icon-action, used on secondary buttons etc
|
|
200
275
|
const ddsColorIconOnSuccessDefault = "#3d723d"; // On surface.success-default
|
|
201
276
|
const ddsColorIconOnSuccessStrong = "#0b0d0e"; // On surface-success-strong
|
|
202
|
-
const ddsColorIconOnWarningDefault = "#
|
|
277
|
+
const ddsColorIconOnWarningDefault = "#9a8c26"; // On surface.warning-default
|
|
203
278
|
const ddsColorIconOnWarningStrong = "#0b0d0e"; // On surface.warning-strong
|
|
204
279
|
const ddsColorIconOnDangerDefault = "#ad2c2c"; // On surface.danger-default
|
|
205
280
|
const ddsColorIconOnDangerStrong = "#0b0d0e"; // On surface.danger-strong
|
|
206
|
-
const ddsColorIconOnInfoDefault = "#
|
|
281
|
+
const ddsColorIconOnInfoDefault = "#3e7192"; // On surface.info-default
|
|
207
282
|
const ddsColorIconOnInfoStrong = "#0b0d0e"; // On surface.info-strong
|
|
208
283
|
const ddsColorIconDanger = "#ad2c2c"; // Error icon on paper, or default or subtle surafce/bg
|
|
209
284
|
const ddsColorBrandPrimaryDefault = "#354754"; // Primary brand color
|
|
210
285
|
const ddsColorBrandPrimarySubtle = "#eaeff4"; // Primary brand color
|
|
211
286
|
const ddsColorBrandPrimaryMedium = "#4f6a7e"; // Primary brand color
|
|
212
|
-
const ddsColorBrandPrimaryStrong = "#202b32";
|
|
287
|
+
const ddsColorBrandPrimaryStrong = "#202b32"; // Primary brand color
|
|
213
288
|
const ddsColorBrandSecondaryDefault = "#9ab8b7"; // Secondary brand color
|
|
214
289
|
const ddsColorBrandSecondarySubtle = "#e6eded"; // Secondary brand color
|
|
215
290
|
const ddsColorBrandSecondaryMedium = "#b8cdcd"; // Secondary brand color
|
|
216
|
-
const ddsColorBrandSecondaryStrong = "#4d6463";
|
|
217
|
-
const ddsColorBrandTertiaryDefault = "#
|
|
218
|
-
const ddsColorBrandTertiarySubtle = "#
|
|
219
|
-
const ddsColorBrandTertiaryMedium = "#
|
|
220
|
-
const ddsColorBrandTertiaryStrong = "#
|
|
221
|
-
const ddsColorFocusOutside = "#
|
|
291
|
+
const ddsColorBrandSecondaryStrong = "#4d6463"; // Secondary brand color
|
|
292
|
+
const ddsColorBrandTertiaryDefault = "#f27e55"; // Tertiary brand color
|
|
293
|
+
const ddsColorBrandTertiarySubtle = "#fce5dd"; // Tertiary brand color
|
|
294
|
+
const ddsColorBrandTertiaryMedium = "#f2a68f"; // Tertiary brand color
|
|
295
|
+
const ddsColorBrandTertiaryStrong = "#d45d32"; // Tertiary brand color
|
|
296
|
+
const ddsColorFocusOutside = "#2a4b61"; // Contrast to .inside
|
|
222
297
|
const ddsColorFocusInside = "#f1f8fd"; // Contrast to .outside
|
|
298
|
+
const ddsColorData10Default = "#196b8f";
|
|
299
|
+
const ddsColorData10Subtle = "#96c5d9";
|
|
300
|
+
const ddsColorData10Border = "#196b8f";
|
|
301
|
+
const ddsColorData01Default = "#0f62fe";
|
|
302
|
+
const ddsColorData01Subtle = "#9fc0ff";
|
|
303
|
+
const ddsColorData01Border = "#0f62fe";
|
|
304
|
+
const ddsColorData02Default = "#b3572f";
|
|
305
|
+
const ddsColorData02Subtle = "#e1bcac";
|
|
306
|
+
const ddsColorData02Border = "#b3572f";
|
|
307
|
+
const ddsColorData03Default = "#727272";
|
|
308
|
+
const ddsColorData03Subtle = "#c7c7c7";
|
|
309
|
+
const ddsColorData03Border = "#727272";
|
|
310
|
+
const ddsColorData04Default = "#198038";
|
|
311
|
+
const ddsColorData04Subtle = "#a3ccaf";
|
|
312
|
+
const ddsColorData04Border = "#198038";
|
|
313
|
+
const ddsColorData05Default = "#8a3ffc";
|
|
314
|
+
const ddsColorData05Subtle = "#d0b2fe";
|
|
315
|
+
const ddsColorData05Border = "#8a3ffc";
|
|
316
|
+
const ddsColorData06Default = "#b62665";
|
|
317
|
+
const ddsColorData06Subtle = "#dfa5bf";
|
|
318
|
+
const ddsColorData06Border = "#b62665";
|
|
319
|
+
const ddsColorData07Default = "#7c7518";
|
|
320
|
+
const ddsColorData07Subtle = "#cdc9a1";
|
|
321
|
+
const ddsColorData07Border = "#7c7518";
|
|
322
|
+
const ddsColorData08Default = "#da1e28";
|
|
323
|
+
const ddsColorData08Subtle = "#f0a5a9";
|
|
324
|
+
const ddsColorData08Border = "#da1e28";
|
|
325
|
+
const ddsColorData09Default = "#007d79";
|
|
326
|
+
const ddsColorData09Subtle = "#90ccc9";
|
|
327
|
+
const ddsColorData09Border = "#007d79";
|
|
223
328
|
const ddsBorderRadiusButton = "2px";
|
|
224
329
|
const ddsBorderRadiusButtonNumberPx = 2; // For use in button component and togglebutton
|
|
225
330
|
const ddsBorderRadiusSurface = "2px";
|
|
@@ -235,10 +340,10 @@ const ddsFontBodyXsmall = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
|
235
340
|
const ddsFontBodySmall = "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // used with small button and input fields
|
|
236
341
|
const ddsFontBodyMedium = "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // standard body text, used with medium button and input fields
|
|
237
342
|
const ddsFontBodyLarge = "400 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Used for large button and large search
|
|
238
|
-
const ddsFontHeadingXxsmall = "600
|
|
239
|
-
const ddsFontHeadingXsmall = "600
|
|
240
|
-
const ddsFontHeadingSmall = "600 1.
|
|
241
|
-
const ddsFontHeadingMedium = "
|
|
343
|
+
const ddsFontHeadingXxsmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h6
|
|
344
|
+
const ddsFontHeadingXsmall = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h5
|
|
345
|
+
const ddsFontHeadingSmall = "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h4
|
|
346
|
+
const ddsFontHeadingMedium = "500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h3
|
|
242
347
|
const ddsFontHeadingLarge = "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default h2
|
|
243
348
|
const ddsFontHeadingXlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default H1
|
|
244
349
|
const ddsFontHeadingXxlarge = "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif"; // Display or extra large page title (h1)
|
|
@@ -287,4 +392,4 @@ const ddsFontLabelMediumLetterSpacing = "0.01em";
|
|
|
287
392
|
const ddsFontLabelMediumParagraphSpacing = "1em";
|
|
288
393
|
const ddsFontLabelMediumParagraphSpacingNumberEm = 1;
|
|
289
394
|
|
|
290
|
-
export { ddsBorderRadiusButton, ddsBorderRadiusButtonNumberPx, ddsBorderRadiusChip, ddsBorderRadiusChipNumberPx, ddsBorderRadiusInput, ddsBorderRadiusInputNumberPx, ddsBorderRadiusRounded, ddsBorderRadiusRoundedNumberPx, ddsBorderRadiusSurface, ddsBorderRadiusSurfaceNumberPx, ddsBreakpointLg, ddsBreakpointLgNumberPx, ddsBreakpointMd, ddsBreakpointMdNumberPx, ddsBreakpointSm, ddsBreakpointSmNumberPx, ddsBreakpointXl, ddsBreakpointXlNumberPx, ddsBreakpointXs, ddsBreakpointXsNumberPx, ddsColorBgDefault, ddsColorBgSubtle, ddsColorBorderActionDefault, ddsColorBorderActionHover, ddsColorBorderDanger, ddsColorBorderDefault, ddsColorBorderInfo, ddsColorBorderInverse, ddsColorBorderOnAction, ddsColorBorderSubtle, ddsColorBorderSuccess, ddsColorBorderWarning, ddsColorBrandPrimaryDefault, ddsColorBrandPrimaryMedium, ddsColorBrandPrimaryStrong, ddsColorBrandPrimarySubtle, ddsColorBrandSecondaryDefault, ddsColorBrandSecondaryMedium, ddsColorBrandSecondaryStrong, ddsColorBrandSecondarySubtle, ddsColorBrandTertiaryDefault, ddsColorBrandTertiaryMedium, ddsColorBrandTertiaryStrong, ddsColorBrandTertiarySubtle, ddsColorFocusInside, ddsColorFocusOutside, ddsColorIconActionHover, ddsColorIconActionResting, ddsColorIconDanger, ddsColorIconDefault, ddsColorIconMedium, ddsColorIconOnAction, ddsColorIconOnDangerDefault, ddsColorIconOnDangerStrong, ddsColorIconOnInfoDefault, ddsColorIconOnInfoStrong, ddsColorIconOnInverse, ddsColorIconOnSuccessDefault, ddsColorIconOnSuccessStrong, ddsColorIconOnWarningDefault, ddsColorIconOnWarningStrong, ddsColorIconSubtle, ddsColorSurfaceActionDangerHover, ddsColorSurfaceActionDangerResting, ddsColorSurfaceActionHover, ddsColorSurfaceActionResting, ddsColorSurfaceActionSelected, ddsColorSurfaceActionSelectedDisabled, ddsColorSurfaceBackdropDefault, ddsColorSurfaceDangerDefault, ddsColorSurfaceDangerStrong, ddsColorSurfaceDefault, ddsColorSurfaceFieldDefault, ddsColorSurfaceFieldDisabled, ddsColorSurfaceHighlightedDefault, ddsColorSurfaceHoverDefault, ddsColorSurfaceHoverSubtle, ddsColorSurfaceInfoDefault, ddsColorSurfaceInfoStrong, ddsColorSurfaceInverseDefault, ddsColorSurfaceInverseHover, ddsColorSurfaceInverseSelected, ddsColorSurfaceMedium, ddsColorSurfaceNotification, ddsColorSurfacePaperDefault, ddsColorSurfaceScrollbar, ddsColorSurfaceSelectedDefault, ddsColorSurfaceSkeleton, ddsColorSurfaceSubtle, ddsColorSurfaceSuccessDefault, ddsColorSurfaceSuccessStrong, ddsColorSurfaceWarningDefault, ddsColorSurfaceWarningStrong, ddsColorTextActionHover, ddsColorTextActionResting, ddsColorTextActionVisited, ddsColorTextActionVisitedOnInverse, ddsColorTextDanger, ddsColorTextDefault, ddsColorTextMedium, ddsColorTextOnAction, ddsColorTextOnInverse, ddsColorTextOnNotification, ddsColorTextOnStatusDefault, ddsColorTextOnStatusStrong, ddsColorTextRequiredfield, ddsColorTextSubtle, ddsFontBodyLarge, ddsFontBodyLargeLetterSpacing, ddsFontBodyLargeParagraphSpacing, ddsFontBodyLargeParagraphSpacingNumberEm, ddsFontBodyMedium, ddsFontBodyMediumLetterSpacing, ddsFontBodyMediumParagraphSpacing, ddsFontBodyMediumParagraphSpacingNumberEm, ddsFontBodySmall, ddsFontBodySmallLetterSpacing, ddsFontBodySmallParagraphSpacing, ddsFontBodySmallParagraphSpacingNumberEm, ddsFontBodyXsmall, ddsFontBodyXsmallLetterSpacing, ddsFontBodyXsmallParagraphSpacing, ddsFontBodyXsmallParagraphSpacingNumberEm, ddsFontCodeMedium, ddsFontCodeMediumLetterSpacing, ddsFontCodeMediumParagraphSpacing, ddsFontCodeMediumParagraphSpacingNumberEm, ddsFontFamilyMonospace, ddsFontFamilySans, ddsFontHeadingLarge, ddsFontHeadingLargeLetterSpacing, ddsFontHeadingLargeParagraphSpacing, ddsFontHeadingLargeParagraphSpacingNumberEm, ddsFontHeadingMedium, ddsFontHeadingMediumLetterSpacing, ddsFontHeadingMediumParagraphSpacing, ddsFontHeadingMediumParagraphSpacingNumberEm, ddsFontHeadingSmall, ddsFontHeadingSmallLetterSpacing, ddsFontHeadingSmallParagraphSpacing, ddsFontHeadingSmallParagraphSpacingNumberEm, ddsFontHeadingXlarge, ddsFontHeadingXlargeLetterSpacing, ddsFontHeadingXlargeParagraphSpacing, ddsFontHeadingXlargeParagraphSpacingNumberEm, ddsFontHeadingXsmall, ddsFontHeadingXsmallLetterSpacing, ddsFontHeadingXsmallParagraphSpacing, ddsFontHeadingXsmallParagraphSpacingNumberEm, ddsFontHeadingXxlarge, ddsFontHeadingXxlargeLetterSpacing, ddsFontHeadingXxlargeParagraphSpacing, ddsFontHeadingXxlargeParagraphSpacingNumberEm, ddsFontHeadingXxsmall, ddsFontHeadingXxsmallLetterSpacing, ddsFontHeadingXxsmallParagraphSpacing, ddsFontHeadingXxsmallParagraphSpacingNumberEm, ddsFontLabelMedium, ddsFontLabelMediumLetterSpacing, ddsFontLabelMediumParagraphSpacing, ddsFontLabelMediumParagraphSpacingNumberEm, ddsFontLeadMedium, ddsFontLeadMediumLetterSpacing, ddsFontLeadMediumParagraphSpacing, ddsFontLeadMediumParagraphSpacingNumberEm, ddsFontLetterSpacingLoose, ddsFontLetterSpacingNormal, ddsFontLetterSpacingTight, ddsFontLineheightList, ddsFontLineheightX1, ddsFontLineheightX2, ddsFontLineheightX3, ddsFontParagraphSpacingHeading, ddsFontParagraphSpacingHeadingNumberEm, ddsFontParagraphSpacingLarge, ddsFontParagraphSpacingLargeNumberEm, ddsFontParagraphSpacingMedium, ddsFontParagraphSpacingMediumNumberEm, ddsFontParagraphSpacingSmall, ddsFontParagraphSpacingSmallNumberEm,
|
|
395
|
+
export { ddsBorderRadiusButton, ddsBorderRadiusButtonNumberPx, ddsBorderRadiusChip, ddsBorderRadiusChipNumberPx, ddsBorderRadiusInput, ddsBorderRadiusInputNumberPx, ddsBorderRadiusRounded, ddsBorderRadiusRoundedNumberPx, ddsBorderRadiusSurface, ddsBorderRadiusSurfaceNumberPx, ddsBreakpointLg, ddsBreakpointLgNumberPx, ddsBreakpointMd, ddsBreakpointMdNumberPx, ddsBreakpointSm, ddsBreakpointSmNumberPx, ddsBreakpointXl, ddsBreakpointXlNumberPx, ddsBreakpointXs, ddsBreakpointXsNumberPx, ddsColorBgDefault, ddsColorBgSubtle, ddsColorBorderActionDefault, ddsColorBorderActionHover, ddsColorBorderDanger, ddsColorBorderDefault, ddsColorBorderInfo, ddsColorBorderInverse, ddsColorBorderOnAction, ddsColorBorderSubtle, ddsColorBorderSuccess, ddsColorBorderWarning, ddsColorBrandPrimaryDefault, ddsColorBrandPrimaryMedium, ddsColorBrandPrimaryStrong, ddsColorBrandPrimarySubtle, ddsColorBrandSecondaryDefault, ddsColorBrandSecondaryMedium, ddsColorBrandSecondaryStrong, ddsColorBrandSecondarySubtle, ddsColorBrandTertiaryDefault, ddsColorBrandTertiaryMedium, ddsColorBrandTertiaryStrong, ddsColorBrandTertiarySubtle, ddsColorData01Border, ddsColorData01Default, ddsColorData01Subtle, ddsColorData02Border, ddsColorData02Default, ddsColorData02Subtle, ddsColorData03Border, ddsColorData03Default, ddsColorData03Subtle, ddsColorData04Border, ddsColorData04Default, ddsColorData04Subtle, ddsColorData05Border, ddsColorData05Default, ddsColorData05Subtle, ddsColorData06Border, ddsColorData06Default, ddsColorData06Subtle, ddsColorData07Border, ddsColorData07Default, ddsColorData07Subtle, ddsColorData08Border, ddsColorData08Default, ddsColorData08Subtle, ddsColorData09Border, ddsColorData09Default, ddsColorData09Subtle, ddsColorData10Border, ddsColorData10Default, ddsColorData10Subtle, ddsColorDataBlue100, ddsColorDataBlue200, ddsColorDataBlue300, ddsColorDataBlue400, ddsColorDataBlue500, ddsColorDataBlue600, ddsColorDataBlue700, ddsColorDataBlue800, ddsColorDataBlue900, ddsColorDataBrown100, ddsColorDataBrown200, ddsColorDataBrown300, ddsColorDataBrown400, ddsColorDataBrown500, ddsColorDataBrown600, ddsColorDataBrown700, ddsColorDataBrown800, ddsColorDataBrown900, ddsColorDataDeepblue100, ddsColorDataDeepblue200, ddsColorDataDeepblue300, ddsColorDataDeepblue400, ddsColorDataDeepblue500, ddsColorDataDeepblue600, ddsColorDataDeepblue700, ddsColorDataDeepblue800, ddsColorDataDeepblue900, ddsColorDataGray100, ddsColorDataGray200, ddsColorDataGray300, ddsColorDataGray400, ddsColorDataGray500, ddsColorDataGray600, ddsColorDataGray700, ddsColorDataGray800, ddsColorDataGray900, ddsColorDataGreen100, ddsColorDataGreen200, ddsColorDataGreen300, ddsColorDataGreen400, ddsColorDataGreen500, ddsColorDataGreen600, ddsColorDataGreen700, ddsColorDataGreen800, ddsColorDataGreen900, ddsColorDataMagenta100, ddsColorDataMagenta200, ddsColorDataMagenta300, ddsColorDataMagenta400, ddsColorDataMagenta500, ddsColorDataMagenta600, ddsColorDataMagenta700, ddsColorDataMagenta800, ddsColorDataMagenta900, ddsColorDataOlive100, ddsColorDataOlive200, ddsColorDataOlive300, ddsColorDataOlive400, ddsColorDataOlive500, ddsColorDataOlive600, ddsColorDataOlive700, ddsColorDataOlive800, ddsColorDataOlive900, ddsColorDataPurple100, ddsColorDataPurple200, ddsColorDataPurple300, ddsColorDataPurple400, ddsColorDataPurple500, ddsColorDataPurple600, ddsColorDataPurple700, ddsColorDataPurple800, ddsColorDataPurple900, ddsColorDataRed100, ddsColorDataRed200, ddsColorDataRed300, ddsColorDataRed400, ddsColorDataRed500, ddsColorDataRed600, ddsColorDataRed700, ddsColorDataRed800, ddsColorDataRed900, ddsColorDataTeal100, ddsColorDataTeal200, ddsColorDataTeal300, ddsColorDataTeal400, ddsColorDataTeal500, ddsColorDataTeal600, ddsColorDataTeal700, ddsColorDataTeal800, ddsColorDataTeal900, ddsColorFocusInside, ddsColorFocusOutside, ddsColorIconActionHover, ddsColorIconActionResting, ddsColorIconDanger, ddsColorIconDefault, ddsColorIconMedium, ddsColorIconOnAction, ddsColorIconOnDangerDefault, ddsColorIconOnDangerStrong, ddsColorIconOnInfoDefault, ddsColorIconOnInfoStrong, ddsColorIconOnInverse, ddsColorIconOnSuccessDefault, ddsColorIconOnSuccessStrong, ddsColorIconOnWarningDefault, ddsColorIconOnWarningStrong, ddsColorIconSubtle, ddsColorSurfaceActionDangerHover, ddsColorSurfaceActionDangerResting, ddsColorSurfaceActionHover, ddsColorSurfaceActionResting, ddsColorSurfaceActionSelected, ddsColorSurfaceActionSelectedDisabled, ddsColorSurfaceBackdropDefault, ddsColorSurfaceDangerDefault, ddsColorSurfaceDangerStrong, ddsColorSurfaceDefault, ddsColorSurfaceFieldDefault, ddsColorSurfaceFieldDisabled, ddsColorSurfaceHighlightedDefault, ddsColorSurfaceHoverDefault, ddsColorSurfaceHoverSubtle, ddsColorSurfaceInfoDefault, ddsColorSurfaceInfoStrong, ddsColorSurfaceInverseDefault, ddsColorSurfaceInverseHover, ddsColorSurfaceInverseSelected, ddsColorSurfaceMedium, ddsColorSurfaceNotification, ddsColorSurfacePaperDefault, ddsColorSurfaceScrollbar, ddsColorSurfaceSelectedDefault, ddsColorSurfaceSkeleton, ddsColorSurfaceSubtle, ddsColorSurfaceSuccessDefault, ddsColorSurfaceSuccessStrong, ddsColorSurfaceWarningDefault, ddsColorSurfaceWarningStrong, ddsColorTextActionHover, ddsColorTextActionResting, ddsColorTextActionVisited, ddsColorTextActionVisitedOnInverse, ddsColorTextDanger, ddsColorTextDefault, ddsColorTextMedium, ddsColorTextOnAction, ddsColorTextOnInverse, ddsColorTextOnNotification, ddsColorTextOnStatusDefault, ddsColorTextOnStatusStrong, ddsColorTextRequiredfield, ddsColorTextSubtle, ddsFontBodyLarge, ddsFontBodyLargeLetterSpacing, ddsFontBodyLargeParagraphSpacing, ddsFontBodyLargeParagraphSpacingNumberEm, ddsFontBodyMedium, ddsFontBodyMediumLetterSpacing, ddsFontBodyMediumParagraphSpacing, ddsFontBodyMediumParagraphSpacingNumberEm, ddsFontBodySmall, ddsFontBodySmallLetterSpacing, ddsFontBodySmallParagraphSpacing, ddsFontBodySmallParagraphSpacingNumberEm, ddsFontBodyXsmall, ddsFontBodyXsmallLetterSpacing, ddsFontBodyXsmallParagraphSpacing, ddsFontBodyXsmallParagraphSpacingNumberEm, ddsFontCodeMedium, ddsFontCodeMediumLetterSpacing, ddsFontCodeMediumParagraphSpacing, ddsFontCodeMediumParagraphSpacingNumberEm, ddsFontFamilyMonospace, ddsFontFamilySans, ddsFontHeadingLarge, ddsFontHeadingLargeLetterSpacing, ddsFontHeadingLargeParagraphSpacing, ddsFontHeadingLargeParagraphSpacingNumberEm, ddsFontHeadingMedium, ddsFontHeadingMediumLetterSpacing, ddsFontHeadingMediumParagraphSpacing, ddsFontHeadingMediumParagraphSpacingNumberEm, ddsFontHeadingSmall, ddsFontHeadingSmallLetterSpacing, ddsFontHeadingSmallParagraphSpacing, ddsFontHeadingSmallParagraphSpacingNumberEm, ddsFontHeadingXlarge, ddsFontHeadingXlargeLetterSpacing, ddsFontHeadingXlargeParagraphSpacing, ddsFontHeadingXlargeParagraphSpacingNumberEm, ddsFontHeadingXsmall, ddsFontHeadingXsmallLetterSpacing, ddsFontHeadingXsmallParagraphSpacing, ddsFontHeadingXsmallParagraphSpacingNumberEm, ddsFontHeadingXxlarge, ddsFontHeadingXxlargeLetterSpacing, ddsFontHeadingXxlargeParagraphSpacing, ddsFontHeadingXxlargeParagraphSpacingNumberEm, ddsFontHeadingXxsmall, ddsFontHeadingXxsmallLetterSpacing, ddsFontHeadingXxsmallParagraphSpacing, ddsFontHeadingXxsmallParagraphSpacingNumberEm, ddsFontLabelMedium, ddsFontLabelMediumLetterSpacing, ddsFontLabelMediumParagraphSpacing, ddsFontLabelMediumParagraphSpacingNumberEm, ddsFontLeadMedium, ddsFontLeadMediumLetterSpacing, ddsFontLeadMediumParagraphSpacing, ddsFontLeadMediumParagraphSpacingNumberEm, ddsFontLetterSpacingLoose, ddsFontLetterSpacingNormal, ddsFontLetterSpacingTight, ddsFontLineheightList, ddsFontLineheightX1, ddsFontLineheightX2, ddsFontLineheightX3, ddsFontParagraphSpacingHeading, ddsFontParagraphSpacingHeadingNumberEm, ddsFontParagraphSpacingLarge, ddsFontParagraphSpacingLargeNumberEm, ddsFontParagraphSpacingMedium, ddsFontParagraphSpacingMediumNumberEm, ddsFontParagraphSpacingSmall, ddsFontParagraphSpacingSmallNumberEm, ddsFontSizeX075, ddsFontSizeX075NumberRem, ddsFontSizeX0875, ddsFontSizeX0875NumberRem, ddsFontSizeX1, ddsFontSizeX1125, ddsFontSizeX1125NumberRem, ddsFontSizeX125, ddsFontSizeX125NumberRem, ddsFontSizeX15, ddsFontSizeX15NumberRem, ddsFontSizeX1NumberRem, ddsFontSizeX2, ddsFontSizeX25, ddsFontSizeX25NumberRem, ddsFontSizeX2NumberRem, ddsFontSizeX3, ddsFontSizeX3NumberRem, ddsFontSizeX4, ddsFontSizeX4NumberRem, ddsFontSizeX5, ddsFontSizeX5NumberRem, ddsFontStyleItalic, ddsFontStyleNormal, ddsFontStyleUnderline, ddsFontWeightBold, ddsFontWeightLight, ddsFontWeightNormal, ddsFontWeightSemiBold, ddsGridLgCount, ddsGridLgGutterSize, ddsGridLgGutterSizeNumberPx, ddsGridMdCount, ddsGridMdGutterSize, ddsGridMdGutterSizeNumberPx, ddsGridSmCount, ddsGridSmGutterSize, ddsGridSmGutterSizeNumberPx, ddsGridXlCount, ddsGridXlGutterSize, ddsGridXlGutterSizeNumberPx, ddsGridXsCount, ddsGridXsGutterSize, ddsGridXsGutterSizeNumberPx, ddsIconSizeLarge, ddsIconSizeLargeNumberPx, ddsIconSizeMedium, ddsIconSizeMediumNumberPx, ddsIconSizeSmall, ddsIconSizeSmallNumberPx, ddsShadow1, ddsShadow2, ddsShadow3, ddsShadow4, ddsSpacingPaddingTopHeading, ddsSpacingPaddingTopHeadingNumberEm, ddsSpacingX0, ddsSpacingX0125, ddsSpacingX0125NumberRem, ddsSpacingX025, ddsSpacingX025NumberRem, ddsSpacingX05, ddsSpacingX05NumberRem, ddsSpacingX075, ddsSpacingX075NumberRem, ddsSpacingX0NumberRem, ddsSpacingX1, ddsSpacingX10, ddsSpacingX10NumberRem, ddsSpacingX15, ddsSpacingX15NumberRem, ddsSpacingX1NumberRem, ddsSpacingX2, ddsSpacingX25, ddsSpacingX25NumberRem, ddsSpacingX2NumberRem, ddsSpacingX3, ddsSpacingX3NumberRem, ddsSpacingX4, ddsSpacingX4NumberRem, ddsSpacingX6, ddsSpacingX6NumberRem, ddsZindexAbsoluteElement, ddsZindexDrawer, ddsZindexDrawerBackdrop, ddsZindexDropdown, ddsZindexModalBackdrop, ddsZindexOverflowmenu, ddsZindexPopover, ddsZindexSkiptocontent, ddsZindexSticky, ddsZindexTooltip };
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as ddsTokens$1 from './
|
|
2
|
-
import * as ddsTokens$2 from './
|
|
1
|
+
import * as ddsTokens$1 from './generated-tokens/js/Core/ddsTokens.js';
|
|
2
|
+
import * as ddsTokens$2 from './generated-tokens/js/Public/ddsTokens.js';
|
|
3
3
|
|
|
4
4
|
const ddsTokens = {
|
|
5
5
|
core: Object.assign({}, ddsTokens$1),
|