@norges-domstoler/dds-design-tokens 8.0.2 → 9.0.1

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.
@@ -27,8 +27,8 @@ export declare const ddsFontWeightNormal = "400";
27
27
  export declare const ddsFontWeightSemiBold = "500";
28
28
  export declare const ddsFontWeightBold = "600";
29
29
  export declare const ddsFontLineheightX1 = 1.5;
30
- export declare const ddsFontLineheightX2 = 1.35;
31
30
  export declare const ddsFontLineheightX3 = 1.2;
31
+ export declare const ddsFontLineheightX2 = 1.3;
32
32
  export declare const ddsFontLineheightList = 2;
33
33
  export declare const ddsFontLetterSpacingTight = "-0.01em";
34
34
  export declare const ddsFontLetterSpacingNormal = "0em";
@@ -72,10 +72,6 @@ export declare const ddsSpacingX6 = "6rem";
72
72
  export declare const ddsSpacingX6NumberRem = 6;
73
73
  export declare const ddsSpacingX10 = "10rem";
74
74
  export declare const ddsSpacingX10NumberRem = 10;
75
- export declare const ddsShadow1 = "1px 2px 4px 0px rgba(11, 13, 14, 10%)";
76
- export declare const ddsShadow2 = "2px 4px 8px 0px rgba(11, 13, 14, 10%)";
77
- export declare const ddsShadow3 = "4px 8px 16px 0px rgba(11, 13, 14, 10%)";
78
- export declare const ddsShadow4 = "8px 16px 32px 0px rgba(11, 13, 14, 10%)";
79
75
  export declare const ddsGridXsGutterSize = "16px";
80
76
  export declare const ddsGridXsGutterSizeNumberPx = 16;
81
77
  export declare const ddsGridXsCount = "4";
@@ -91,12 +87,14 @@ export declare const ddsGridMdCount = "12";
91
87
  export declare const ddsGridXlGutterSize = "24px";
92
88
  export declare const ddsGridXlGutterSizeNumberPx = 24;
93
89
  export declare const ddsGridXlCount = "12";
94
- export declare const ddsIconSizeLarge = "40px";
95
- export declare const ddsIconSizeLargeNumberPx = 40;
96
- export declare const ddsIconSizeMedium = "24px";
97
- export declare const ddsIconSizeMediumNumberPx = 24;
98
- export declare const ddsIconSizeSmall = "16px";
99
- export declare const ddsIconSizeSmallNumberPx = 16;
90
+ export declare const ddsSizeIconLarge = "40px";
91
+ export declare const ddsSizeIconLargeNumberPx = 40;
92
+ export declare const ddsSizeIconMedium = "24px";
93
+ export declare const ddsSizeIconMediumNumberPx = 24;
94
+ export declare const ddsSizeIconSmall = "16px";
95
+ export declare const ddsSizeIconSmallNumberPx = 16;
96
+ export declare const ddsSizeIconComponent = "1.3em";
97
+ export declare const ddsSizeIconComponentNumberEm = 1.3;
100
98
  export declare const ddsBreakpointXs = "1px";
101
99
  export declare const ddsBreakpointXsNumberPx = 1;
102
100
  export declare const ddsBreakpointSm = "600px";
@@ -118,26 +116,26 @@ export declare const ddsZindexDropdown = "100";
118
116
  export declare const ddsZindexSticky = "50";
119
117
  export declare const ddsZindexAbsoluteElement = "1";
120
118
  export declare const ddsColorData10Default = "#196b8f";
121
- export declare const ddsColorData10Subtle = "#96c5d9";
119
+ export declare const ddsColorData10Subtle = "#93cee6";
122
120
  export declare const ddsColorData10Border = "#196b8f";
123
121
  export declare const ddsColorDataRed100 = "#f8d2d4";
124
122
  export declare const ddsColorDataRed200 = "#f0a5a9";
125
- export declare const ddsColorDataRed300 = "#e9787e";
123
+ export declare const ddsColorDataRed300 = "#f4858b";
126
124
  export declare const ddsColorDataRed400 = "#e14b53";
127
125
  export declare const ddsColorDataRed500 = "#da1e28";
128
126
  export declare const ddsColorDataRed600 = "#ae1820";
129
127
  export declare const ddsColorDataRed700 = "#831218";
130
128
  export declare const ddsColorDataRed800 = "#570c10";
131
129
  export declare const ddsColorDataRed900 = "#2c0608";
132
- export declare const ddsColorDataMagenta100 = "#eed3df";
133
- export declare const ddsColorDataMagenta200 = "#dfa5bf";
134
- export declare const ddsColorDataMagenta300 = "#cf789e";
135
- export declare const ddsColorDataMagenta400 = "#c74f84";
136
- export declare const ddsColorDataMagenta500 = "#b62665";
137
- export declare const ddsColorDataMagenta600 = "#8a1a4b";
138
- export declare const ddsColorDataMagenta700 = "#671438";
139
- export declare const ddsColorDataMagenta800 = "#440e26";
140
- export declare const ddsColorDataMagenta900 = "#220713";
130
+ export declare const ddsColorDataMagenta100 = "#f7d9f2";
131
+ export declare const ddsColorDataMagenta200 = "#edb5e4";
132
+ export declare const ddsColorDataMagenta300 = "#e079d0";
133
+ export declare const ddsColorDataMagenta400 = "#d54dc0";
134
+ export declare const ddsColorDataMagenta500 = "#cb20b0";
135
+ export declare const ddsColorDataMagenta600 = "#a21a8d";
136
+ export declare const ddsColorDataMagenta700 = "#7a136a";
137
+ export declare const ddsColorDataMagenta800 = "#510d46";
138
+ export declare const ddsColorDataMagenta900 = "#290623";
141
139
  export declare const ddsColorDataBrown100 = "#f0ddd5";
142
140
  export declare const ddsColorDataBrown200 = "#e1bcac";
143
141
  export declare const ddsColorDataBrown300 = "#d19a82";
@@ -147,7 +145,7 @@ export declare const ddsColorDataBrown600 = "#8f4626";
147
145
  export declare const ddsColorDataBrown700 = "#6b341c";
148
146
  export declare const ddsColorDataBrown800 = "#482313";
149
147
  export declare const ddsColorDataBrown900 = "#241109";
150
- export declare const ddsColorDataOlive100 = "#e6e4d0";
148
+ export declare const ddsColorDataOlive100 = "#e9e7cd";
151
149
  export declare const ddsColorDataOlive200 = "#cdc9a1";
152
150
  export declare const ddsColorDataOlive300 = "#b3ae71";
153
151
  export declare const ddsColorDataOlive400 = "#989344";
@@ -156,15 +154,15 @@ export declare const ddsColorDataOlive600 = "#635e13";
156
154
  export declare const ddsColorDataOlive700 = "#4a460e";
157
155
  export declare const ddsColorDataOlive800 = "#322f0a";
158
156
  export declare const ddsColorDataOlive900 = "#191705";
159
- export declare const ddsColorDataGreen100 = "#d1e6d7";
160
- export declare const ddsColorDataGreen200 = "#a3ccaf";
161
- export declare const ddsColorDataGreen300 = "#75b388";
162
- export declare const ddsColorDataGreen400 = "#479960";
163
- export declare const ddsColorDataGreen500 = "#198038";
164
- export declare const ddsColorDataGreen600 = "#14662d";
165
- export declare const ddsColorDataGreen700 = "#0f4d22";
166
- export declare const ddsColorDataGreen800 = "#0a3316";
167
- export declare const ddsColorDataGreen900 = "#051a0b";
157
+ export declare const ddsColorDataGreen100 = "#d7e8cf";
158
+ export declare const ddsColorDataGreen200 = "#aed19e";
159
+ export declare const ddsColorDataGreen300 = "#95c280";
160
+ export declare const ddsColorDataGreen400 = "#619947";
161
+ export declare const ddsColorDataGreen500 = "#3a8019";
162
+ export declare const ddsColorDataGreen600 = "#2e6614";
163
+ export declare const ddsColorDataGreen700 = "#234d0f";
164
+ export declare const ddsColorDataGreen800 = "#17330a";
165
+ export declare const ddsColorDataGreen900 = "#0c1a05";
168
166
  export declare const ddsColorDataTeal100 = "#c2e2e1";
169
167
  export declare const ddsColorDataTeal200 = "#90ccc9";
170
168
  export declare const ddsColorDataTeal300 = "#5dafad";
@@ -174,10 +172,10 @@ export declare const ddsColorDataTeal600 = "#006461";
174
172
  export declare const ddsColorDataTeal700 = "#004b49";
175
173
  export declare const ddsColorDataTeal800 = "#003230";
176
174
  export declare const ddsColorDataTeal900 = "#001918";
177
- export declare const ddsColorDataDeepblue100 = "#b9d7e5";
178
- export declare const ddsColorDataDeepblue200 = "#96c5d9";
179
- export declare const ddsColorDataDeepblue300 = "#6aa8c3";
180
- export declare const ddsColorDataDeepblue400 = "#3e8bac";
175
+ export declare const ddsColorDataDeepblue100 = "#c6e3f1";
176
+ export declare const ddsColorDataDeepblue200 = "#93cee6";
177
+ export declare const ddsColorDataDeepblue300 = "#62abcb";
178
+ export declare const ddsColorDataDeepblue400 = "#358fb5";
181
179
  export declare const ddsColorDataDeepblue500 = "#196b8f";
182
180
  export declare const ddsColorDataDeepblue600 = "#135774";
183
181
  export declare const ddsColorDataDeepblue700 = "#0e455e";
@@ -219,15 +217,15 @@ export declare const ddsColorData02Border = "#b3572f";
219
217
  export declare const ddsColorData03Default = "#727272";
220
218
  export declare const ddsColorData03Subtle = "#c7c7c7";
221
219
  export declare const ddsColorData03Border = "#727272";
222
- export declare const ddsColorData04Default = "#198038";
223
- export declare const ddsColorData04Subtle = "#a3ccaf";
224
- export declare const ddsColorData04Border = "#198038";
220
+ export declare const ddsColorData04Default = "#3a8019";
221
+ export declare const ddsColorData04Subtle = "#aed19e";
222
+ export declare const ddsColorData04Border = "#3a8019";
225
223
  export declare const ddsColorData05Default = "#8a3ffc";
226
224
  export declare const ddsColorData05Subtle = "#d0b2fe";
227
225
  export declare const ddsColorData05Border = "#8a3ffc";
228
- export declare const ddsColorData06Default = "#b62665";
229
- export declare const ddsColorData06Subtle = "#dfa5bf";
230
- export declare const ddsColorData06Border = "#b62665";
226
+ export declare const ddsColorData06Default = "#cb20b0";
227
+ export declare const ddsColorData06Subtle = "#edb5e4";
228
+ export declare const ddsColorData06Border = "#cb20b0";
231
229
  export declare const ddsColorData07Default = "#7c7518";
232
230
  export declare const ddsColorData07Subtle = "#cdc9a1";
233
231
  export declare const ddsColorData07Border = "#7c7518";
@@ -284,6 +282,7 @@ export declare const ddsColorTextDefault = "#0b0d0e";
284
282
  export declare const ddsColorTextMedium = "#3a4146";
285
283
  export declare const ddsColorTextSubtle = "#545c62";
286
284
  export declare const ddsColorTextOnInverse = "#ffffff";
285
+ export declare const ddsColorTextDanger = "#ad2c2c";
287
286
  export declare const ddsColorTextOnAction = "#ffffff";
288
287
  export declare const ddsColorTextOnStatusDefault = "#0b0d0e";
289
288
  export declare const ddsColorTextOnStatusStrong = "#0b0d0e";
@@ -293,7 +292,20 @@ export declare const ddsColorTextRequiredfield = "#d83737";
293
292
  export declare const ddsColorTextActionVisited = "#7f29b4";
294
293
  export declare const ddsColorTextActionVisitedOnInverse = "#cca9e1";
295
294
  export declare const ddsColorTextOnNotification = "#ffffff";
296
- export declare const ddsColorTextDanger = "#ad2c2c";
295
+ export declare const ddsColorTextOnPrimaryDefault = "#ffffff";
296
+ export declare const ddsColorTextOnPrimarySubtle = "#0b0d0e";
297
+ export declare const ddsColorTextOnPrimaryMedium = "#ffffff";
298
+ export declare const ddsColorTextOnPrimaryStrong = "#ffffff";
299
+ export declare const ddsColorTextOnSecondaryDefault = "#0b0d0e";
300
+ export declare const ddsColorTextOnSecondarySubtle = "#0b0d0e";
301
+ export declare const ddsColorTextOnSecondaryMedium = "#0b0d0e";
302
+ export declare const ddsColorTextOnSecondaryStrong = "#ffffff";
303
+ export declare const ddsColorTextOnTertiaryDefault = "#0b0d0e";
304
+ export declare const ddsColorTextOnTertiarySubtle = "#0b0d0e";
305
+ export declare const ddsColorTextOnTertiaryMedium = "#0b0d0e";
306
+ export declare const ddsColorTextOnTertiaryStrong = "#0b0d0e";
307
+ export declare const ddsColorTextOnDataDefault = "#ffffff";
308
+ export declare const ddsColorTextOnDataSubtle = "#0b0d0e";
297
309
  export declare const ddsColorIconDefault = "#0b0d0e";
298
310
  export declare const ddsColorIconMedium = "#3a4146";
299
311
  export declare const ddsColorIconSubtle = "#545c62";
@@ -324,20 +336,9 @@ export declare const ddsColorBrandTertiaryMedium = "#f2a68f";
324
336
  export declare const ddsColorBrandTertiaryStrong = "#d45d32";
325
337
  export declare const ddsColorFocusOutside = "#2a4b61";
326
338
  export declare const ddsColorFocusInside = "#f1f8fd";
327
- export declare const ddsFontLabelMedium = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
328
- export declare const ddsFontBodyXsmall = "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
329
- export declare const ddsFontBodySmall = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
330
- export declare const ddsFontBodyMedium = "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
331
- export declare const ddsFontBodyLarge = "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
332
- export declare const ddsFontHeadingXxsmall = "600 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
333
- export declare const ddsFontHeadingXsmall = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
334
- export declare const ddsFontHeadingSmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
335
- export declare const ddsFontHeadingMedium = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
336
- export declare const ddsFontHeadingLarge = "400 1.5rem/1.35 'IBM Plex Sans', Arial, sans-serif";
337
- export declare const ddsFontHeadingXlarge = "400 2rem/1.35 'IBM Plex Sans', Arial, sans-serif";
338
- export declare const ddsFontHeadingXxlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.2 'IBM Plex Sans', Arial, sans-serif";
339
- export declare const ddsFontLeadMedium = "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
340
- export declare const ddsFontCodeMedium = "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace";
339
+ export declare const ddsShadowLarge = "8px 16px 32px 0px rgba(11, 13, 14, 10%)";
340
+ export declare const ddsShadowMedium = "2px 4px 8px 0px rgba(11, 13, 14, 10%)";
341
+ export declare const ddsShadowSmall = "1px 2px 4px 0px rgba(11, 13, 14, 10%)";
341
342
  export declare const ddsBorderRadiusButton = "2px";
342
343
  export declare const ddsBorderRadiusButtonNumberPx = 2;
343
344
  export declare const ddsBorderRadiusSurface = "4px";
@@ -348,6 +349,24 @@ export declare const ddsBorderRadiusChip = "4px";
348
349
  export declare const ddsBorderRadiusChipNumberPx = 4;
349
350
  export declare const ddsBorderRadiusRounded = "9999px";
350
351
  export declare const ddsBorderRadiusRoundedNumberPx = 9999;
352
+ export declare const ddsFontLabelMedium = "600 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif";
353
+ export declare const ddsFontBodyLongXsmall = "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
354
+ export declare const ddsFontBodyLongSmall = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
355
+ export declare const ddsFontBodyLongMedium = "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
356
+ export declare const ddsFontBodyLongLarge = "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
357
+ export declare const ddsFontHeadingXxsmall = "600 0.75rem/1.3 'IBM Plex Sans', Arial, sans-serif";
358
+ export declare const ddsFontHeadingXsmall = "600 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif";
359
+ export declare const ddsFontHeadingSmall = "600 1rem/1.3 'IBM Plex Sans', Arial, sans-serif";
360
+ export declare const ddsFontHeadingMedium = "600 1.125rem/1.3 'IBM Plex Sans', Arial, sans-serif";
361
+ export declare const ddsFontHeadingLarge = "400 clamp(1.25rem, 0.833rem + 1.111vw, 1.5rem)/1.3 'IBM Plex Sans', Arial, sans-serif";
362
+ export declare const ddsFontHeadingXlarge = "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.3 'IBM Plex Sans', Arial, sans-serif";
363
+ export declare const ddsFontHeadingXxlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.3 'IBM Plex Sans', Arial, sans-serif";
364
+ export declare const ddsFontLeadMedium = "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
365
+ export declare const ddsFontCodeMedium = "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace";
366
+ export declare const ddsFontBodyShortXsmall = "400 0.75rem/1.3 'IBM Plex Sans', Arial, sans-serif";
367
+ export declare const ddsFontBodyShortSmall = "400 0.875rem/1.3 'IBM Plex Sans', Arial, sans-serif";
368
+ export declare const ddsFontBodyShortMedium = "400 1rem/1.3 'IBM Plex Sans', Arial, sans-serif";
369
+ export declare const ddsFontBodyShortLarge = "400 1.125rem/1.3 'IBM Plex Sans', Arial, sans-serif";
351
370
  export declare const ddsFontHeadingXxlargeLetterSpacing = "-0.01em";
352
371
  export declare const ddsFontHeadingXxlargeParagraphSpacing = "0.4em";
353
372
  export declare const ddsFontHeadingXxlargeParagraphSpacingNumberEm = 0.4;
@@ -369,18 +388,18 @@ export declare const ddsFontHeadingXsmallParagraphSpacingNumberEm = 0.4;
369
388
  export declare const ddsFontHeadingXxsmallLetterSpacing = "0.01em";
370
389
  export declare const ddsFontHeadingXxsmallParagraphSpacing = "0.4em";
371
390
  export declare const ddsFontHeadingXxsmallParagraphSpacingNumberEm = 0.4;
372
- export declare const ddsFontBodyLargeLetterSpacing = "0em";
373
- export declare const ddsFontBodyLargeParagraphSpacing = "1em";
374
- export declare const ddsFontBodyLargeParagraphSpacingNumberEm = 1;
375
- export declare const ddsFontBodyMediumLetterSpacing = "0em";
376
- export declare const ddsFontBodyMediumParagraphSpacing = "1em";
377
- export declare const ddsFontBodyMediumParagraphSpacingNumberEm = 1;
378
- export declare const ddsFontBodySmallLetterSpacing = "0.01em";
379
- export declare const ddsFontBodySmallParagraphSpacing = "1em";
380
- export declare const ddsFontBodySmallParagraphSpacingNumberEm = 1;
381
- export declare const ddsFontBodyXsmallLetterSpacing = "0.01em";
382
- export declare const ddsFontBodyXsmallParagraphSpacing = "1em";
383
- export declare const ddsFontBodyXsmallParagraphSpacingNumberEm = 1;
391
+ export declare const ddsFontBodyLongLargeLetterSpacing = "0em";
392
+ export declare const ddsFontBodyLongLargeParagraphSpacing = "1em";
393
+ export declare const ddsFontBodyLongLargeParagraphSpacingNumberEm = 1;
394
+ export declare const ddsFontBodyLongMediumLetterSpacing = "0em";
395
+ export declare const ddsFontBodyLongMediumParagraphSpacing = "1em";
396
+ export declare const ddsFontBodyLongMediumParagraphSpacingNumberEm = 1;
397
+ export declare const ddsFontBodyLongSmallLetterSpacing = "0.01em";
398
+ export declare const ddsFontBodyLongSmallParagraphSpacing = "1em";
399
+ export declare const ddsFontBodyLongSmallParagraphSpacingNumberEm = 1;
400
+ export declare const ddsFontBodyLongXsmallLetterSpacing = "0.01em";
401
+ export declare const ddsFontBodyLongXsmallParagraphSpacing = "1em";
402
+ export declare const ddsFontBodyLongXsmallParagraphSpacingNumberEm = 1;
384
403
  export declare const ddsFontLeadMediumLetterSpacing = "0em";
385
404
  export declare const ddsFontLeadMediumParagraphSpacing = "1em";
386
405
  export declare const ddsFontLeadMediumParagraphSpacingNumberEm = 1;
@@ -390,3 +409,15 @@ export declare const ddsFontCodeMediumParagraphSpacingNumberEm = 1;
390
409
  export declare const ddsFontLabelMediumLetterSpacing = "0.01em";
391
410
  export declare const ddsFontLabelMediumParagraphSpacing = "1em";
392
411
  export declare const ddsFontLabelMediumParagraphSpacingNumberEm = 1;
412
+ export declare const ddsFontBodyShortLargeLetterSpacing = "0em";
413
+ export declare const ddsFontBodyShortLargeParagraphSpacing = "1em";
414
+ export declare const ddsFontBodyShortLargeParagraphSpacingNumberEm = 1;
415
+ export declare const ddsFontBodyShortMediumLetterSpacing = "0em";
416
+ export declare const ddsFontBodyShortMediumParagraphSpacing = "1em";
417
+ export declare const ddsFontBodyShortMediumParagraphSpacingNumberEm = 1;
418
+ export declare const ddsFontBodyShortSmallLetterSpacing = "0.01em";
419
+ export declare const ddsFontBodyShortSmallParagraphSpacing = "1em";
420
+ export declare const ddsFontBodyShortSmallParagraphSpacingNumberEm = 1;
421
+ export declare const ddsFontBodyShortXsmallLetterSpacing = "0.01em";
422
+ export declare const ddsFontBodyShortXsmallParagraphSpacing = "1em";
423
+ export declare const ddsFontBodyShortXsmallParagraphSpacingNumberEm = 1;