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

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 (13) hide show
  1. package/dist/cjs/generated-tokens/js/Core/ddsTokens.d.ts +33 -33
  2. package/dist/cjs/generated-tokens/js/Public/ddsTokens.d.ts +32 -32
  3. package/dist/cjs/index.js +65 -65
  4. package/dist/cjs/src/index.d.ts +65 -65
  5. package/dist/css/ddsTokens-core.css +33 -33
  6. package/dist/css/ddsTokens-public.css +32 -32
  7. package/dist/generated-tokens/js/Core/ddsTokens.d.ts +33 -33
  8. package/dist/generated-tokens/js/Core/ddsTokens.js +33 -33
  9. package/dist/generated-tokens/js/Public/ddsTokens.d.ts +32 -32
  10. package/dist/generated-tokens/js/Public/ddsTokens.js +32 -32
  11. package/dist/scss/_ddsTokens.scss +30 -30
  12. package/dist/src/index.d.ts +65 -65
  13. package/package.json +3 -3
package/dist/cjs/generated-tokens/js/Core/ddsTokens.d.ts CHANGED
@@ -117,6 +117,9 @@ export declare const ddsZindexTooltip = "120";
117
117
  export declare const ddsZindexDropdown = "100";
118
118
  export declare const ddsZindexSticky = "50";
119
119
  export declare const ddsZindexAbsoluteElement = "1";
120
+ export declare const ddsColorData10Default = "#196b8f";
121
+ export declare const ddsColorData10Subtle = "#96c5d9";
122
+ export declare const ddsColorData10Border = "#196b8f";
120
123
  export declare const ddsColorDataRed100 = "#f8d2d4";
121
124
  export declare const ddsColorDataRed200 = "#f0a5a9";
122
125
  export declare const ddsColorDataRed300 = "#e9787e";
@@ -207,11 +210,38 @@ export declare const ddsColorDataGray600 = "#5b5b5b";
207
210
  export declare const ddsColorDataGray700 = "#444444";
208
211
  export declare const ddsColorDataGray800 = "#2e2e2e";
209
212
  export declare const ddsColorDataGray900 = "#171717";
213
+ export declare const ddsColorData01Default = "#0f62fe";
214
+ export declare const ddsColorData01Subtle = "#9fc0ff";
215
+ export declare const ddsColorData01Border = "#0f62fe";
216
+ export declare const ddsColorData02Default = "#b3572f";
217
+ export declare const ddsColorData02Subtle = "#e1bcac";
218
+ export declare const ddsColorData02Border = "#b3572f";
219
+ export declare const ddsColorData03Default = "#727272";
220
+ export declare const ddsColorData03Subtle = "#c7c7c7";
221
+ export declare const ddsColorData03Border = "#727272";
222
+ export declare const ddsColorData04Default = "#198038";
223
+ export declare const ddsColorData04Subtle = "#a3ccaf";
224
+ export declare const ddsColorData04Border = "#198038";
225
+ export declare const ddsColorData05Default = "#8a3ffc";
226
+ export declare const ddsColorData05Subtle = "#d0b2fe";
227
+ export declare const ddsColorData05Border = "#8a3ffc";
228
+ export declare const ddsColorData06Default = "#b62665";
229
+ export declare const ddsColorData06Subtle = "#dfa5bf";
230
+ export declare const ddsColorData06Border = "#b62665";
231
+ export declare const ddsColorData07Default = "#7c7518";
232
+ export declare const ddsColorData07Subtle = "#cdc9a1";
233
+ export declare const ddsColorData07Border = "#7c7518";
234
+ export declare const ddsColorData08Default = "#da1e28";
235
+ export declare const ddsColorData08Subtle = "#f0a5a9";
236
+ export declare const ddsColorData08Border = "#da1e28";
237
+ export declare const ddsColorData09Default = "#007d79";
238
+ export declare const ddsColorData09Subtle = "#90ccc9";
239
+ export declare const ddsColorData09Border = "#007d79";
210
240
  export declare const ddsColorBgDefault = "#ffffff";
211
241
  export declare const ddsColorBgSubtle = "#f1f3f4";
212
242
  export declare const ddsColorSurfaceDefault = "#ffffff";
213
243
  export declare const ddsColorSurfaceSubtle = "#f1f3f4";
214
- export declare const ddsColorSurfaceMedium = "#e4e6e8";
244
+ export declare const ddsColorSurfaceMedium = "#e9ebec";
215
245
  export declare const ddsColorSurfaceHoverDefault = "#e7f1f7";
216
246
  export declare const ddsColorSurfaceHoverSubtle = "#f1f3f4";
217
247
  export declare const ddsColorSurfaceSelectedDefault = "#e7f1f7";
@@ -294,36 +324,6 @@ export declare const ddsColorBrandTertiaryMedium = "#f2a68f";
294
324
  export declare const ddsColorBrandTertiaryStrong = "#d45d32";
295
325
  export declare const ddsColorFocusOutside = "#2a4b61";
296
326
  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";
327
327
  export declare const ddsFontLabelMedium = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
328
328
  export declare const ddsFontBodyXsmall = "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
329
329
  export declare const ddsFontBodySmall = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
@@ -333,8 +333,8 @@ export declare const ddsFontHeadingXxsmall = "600 0.75rem/1.5 'IBM Plex Sans', A
333
333
  export declare const ddsFontHeadingXsmall = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
334
334
  export declare const ddsFontHeadingSmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
335
335
  export declare const ddsFontHeadingMedium = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
336
- export declare const ddsFontHeadingLarge = "400 clamp(1.25rem, 0.833rem + 1.111vw, 1.5rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
337
- export declare const ddsFontHeadingXlarge = "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 '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
338
  export declare const ddsFontHeadingXxlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.2 'IBM Plex Sans', Arial, sans-serif";
339
339
  export declare const ddsFontLeadMedium = "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
340
340
  export declare const ddsFontCodeMedium = "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace";
package/dist/cjs/generated-tokens/js/Public/ddsTokens.d.ts CHANGED
@@ -117,6 +117,9 @@ export declare const ddsZindexTooltip = "120";
117
117
  export declare const ddsZindexDropdown = "100";
118
118
  export declare const ddsZindexSticky = "50";
119
119
  export declare const ddsZindexAbsoluteElement = "1";
120
+ export declare const ddsColorData10Default = "#196b8f";
121
+ export declare const ddsColorData10Subtle = "#96c5d9";
122
+ export declare const ddsColorData10Border = "#196b8f";
120
123
  export declare const ddsColorDataRed100 = "#f8d2d4";
121
124
  export declare const ddsColorDataRed200 = "#f0a5a9";
122
125
  export declare const ddsColorDataRed300 = "#e9787e";
@@ -207,11 +210,38 @@ export declare const ddsColorDataGray600 = "#5b5b5b";
207
210
  export declare const ddsColorDataGray700 = "#444444";
208
211
  export declare const ddsColorDataGray800 = "#2e2e2e";
209
212
  export declare const ddsColorDataGray900 = "#171717";
213
+ export declare const ddsColorData01Default = "#0f62fe";
214
+ export declare const ddsColorData01Subtle = "#9fc0ff";
215
+ export declare const ddsColorData01Border = "#0f62fe";
216
+ export declare const ddsColorData02Default = "#b3572f";
217
+ export declare const ddsColorData02Subtle = "#e1bcac";
218
+ export declare const ddsColorData02Border = "#b3572f";
219
+ export declare const ddsColorData03Default = "#727272";
220
+ export declare const ddsColorData03Subtle = "#c7c7c7";
221
+ export declare const ddsColorData03Border = "#727272";
222
+ export declare const ddsColorData04Default = "#198038";
223
+ export declare const ddsColorData04Subtle = "#a3ccaf";
224
+ export declare const ddsColorData04Border = "#198038";
225
+ export declare const ddsColorData05Default = "#8a3ffc";
226
+ export declare const ddsColorData05Subtle = "#d0b2fe";
227
+ export declare const ddsColorData05Border = "#8a3ffc";
228
+ export declare const ddsColorData06Default = "#b62665";
229
+ export declare const ddsColorData06Subtle = "#dfa5bf";
230
+ export declare const ddsColorData06Border = "#b62665";
231
+ export declare const ddsColorData07Default = "#7c7518";
232
+ export declare const ddsColorData07Subtle = "#cdc9a1";
233
+ export declare const ddsColorData07Border = "#7c7518";
234
+ export declare const ddsColorData08Default = "#da1e28";
235
+ export declare const ddsColorData08Subtle = "#f0a5a9";
236
+ export declare const ddsColorData08Border = "#da1e28";
237
+ export declare const ddsColorData09Default = "#007d79";
238
+ export declare const ddsColorData09Subtle = "#90ccc9";
239
+ export declare const ddsColorData09Border = "#007d79";
210
240
  export declare const ddsColorBgDefault = "#ffffff";
211
241
  export declare const ddsColorBgSubtle = "#f1f3f4";
212
242
  export declare const ddsColorSurfaceDefault = "#ffffff";
213
243
  export declare const ddsColorSurfaceSubtle = "#f1f3f4";
214
- export declare const ddsColorSurfaceMedium = "#e4e6e8";
244
+ export declare const ddsColorSurfaceMedium = "#e9ebec";
215
245
  export declare const ddsColorSurfaceHoverDefault = "#e7f1f7";
216
246
  export declare const ddsColorSurfaceHoverSubtle = "#f1f3f4";
217
247
  export declare const ddsColorSurfaceSelectedDefault = "#e7f1f7";
@@ -294,36 +324,6 @@ export declare const ddsColorBrandTertiaryMedium = "#f2a68f";
294
324
  export declare const ddsColorBrandTertiaryStrong = "#d45d32";
295
325
  export declare const ddsColorFocusOutside = "#2a4b61";
296
326
  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";
327
327
  export declare const ddsBorderRadiusButton = "2px";
328
328
  export declare const ddsBorderRadiusButtonNumberPx = 2;
329
329
  export declare const ddsBorderRadiusSurface = "2px";
@@ -343,7 +343,7 @@ export declare const ddsFontHeadingXxsmall = "600 1rem/1.5 'IBM Plex Sans', Aria
343
343
  export declare const ddsFontHeadingXsmall = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
344
344
  export declare const ddsFontHeadingSmall = "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
345
345
  export declare const ddsFontHeadingMedium = "500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
346
- export declare const ddsFontHeadingLarge = "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
346
+ export declare const ddsFontHeadingLarge = "400 2rem/1.35 'IBM Plex Sans', Arial, sans-serif";
347
347
  export declare const ddsFontHeadingXlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
348
348
  export declare const ddsFontHeadingXxlarge = "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif";
349
349
  export declare const ddsFontLeadMedium = "300 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
package/dist/cjs/index.js CHANGED
@@ -120,6 +120,9 @@ const ddsZindexTooltip$1 = "120"; // Brukes for dds-tooltip
120
120
  const ddsZindexDropdown$1 = "100"; // Dropdown brukes for bl.a søkeforslag, dropdown i select
121
121
  const ddsZindexSticky$1 = "50"; // Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater
122
122
  const ddsZindexAbsoluteElement$1 = "1"; // Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder
123
+ const ddsColorData10Default$1 = "#196b8f";
124
+ const ddsColorData10Subtle$1 = "#96c5d9";
125
+ const ddsColorData10Border$1 = "#196b8f";
123
126
  const ddsColorDataRed100$1 = "#f8d2d4";
124
127
  const ddsColorDataRed200$1 = "#f0a5a9";
125
128
  const ddsColorDataRed300$1 = "#e9787e";
@@ -210,11 +213,38 @@ const ddsColorDataGray600$1 = "#5b5b5b";
210
213
  const ddsColorDataGray700$1 = "#444444";
211
214
  const ddsColorDataGray800$1 = "#2e2e2e";
212
215
  const ddsColorDataGray900$1 = "#171717";
216
+ const ddsColorData01Default$1 = "#0f62fe";
217
+ const ddsColorData01Subtle$1 = "#9fc0ff";
218
+ const ddsColorData01Border$1 = "#0f62fe";
219
+ const ddsColorData02Default$1 = "#b3572f";
220
+ const ddsColorData02Subtle$1 = "#e1bcac";
221
+ const ddsColorData02Border$1 = "#b3572f";
222
+ const ddsColorData03Default$1 = "#727272";
223
+ const ddsColorData03Subtle$1 = "#c7c7c7";
224
+ const ddsColorData03Border$1 = "#727272";
225
+ const ddsColorData04Default$1 = "#198038";
226
+ const ddsColorData04Subtle$1 = "#a3ccaf";
227
+ const ddsColorData04Border$1 = "#198038";
228
+ const ddsColorData05Default$1 = "#8a3ffc";
229
+ const ddsColorData05Subtle$1 = "#d0b2fe";
230
+ const ddsColorData05Border$1 = "#8a3ffc";
231
+ const ddsColorData06Default$1 = "#b62665";
232
+ const ddsColorData06Subtle$1 = "#dfa5bf";
233
+ const ddsColorData06Border$1 = "#b62665";
234
+ const ddsColorData07Default$1 = "#7c7518";
235
+ const ddsColorData07Subtle$1 = "#cdc9a1";
236
+ const ddsColorData07Border$1 = "#7c7518";
237
+ const ddsColorData08Default$1 = "#da1e28";
238
+ const ddsColorData08Subtle$1 = "#f0a5a9";
239
+ const ddsColorData08Border$1 = "#da1e28";
240
+ const ddsColorData09Default$1 = "#007d79";
241
+ const ddsColorData09Subtle$1 = "#90ccc9";
242
+ const ddsColorData09Border$1 = "#007d79";
213
243
  const ddsColorBgDefault$1 = "#ffffff"; // UI shell base color
214
244
  const ddsColorBgSubtle$1 = "#f1f3f4"; // Alternative UI shell base color
215
245
  const ddsColorSurfaceDefault$1 = "#ffffff"; // Default bg
216
246
  const ddsColorSurfaceSubtle$1 = "#f1f3f4"; // Subtle surface color
217
- const ddsColorSurfaceMedium$1 = "#e4e6e8"; // Medium surface color
247
+ const ddsColorSurfaceMedium$1 = "#e9ebec"; // Medium surface color
218
248
  const ddsColorSurfaceHoverDefault$1 = "#e7f1f7"; // Hover on surface (default, subtle, medium)
219
249
  const ddsColorSurfaceHoverSubtle$1 = "#f1f3f4"; // Subtle hover on surface (default, medium)
220
250
  const ddsColorSurfaceSelectedDefault$1 = "#e7f1f7"; // Selected state for surface (default, subtle, medium)
@@ -297,36 +327,6 @@ const ddsColorBrandTertiaryMedium$1 = "#f2a68f"; // Tertiary brand color
297
327
  const ddsColorBrandTertiaryStrong$1 = "#d45d32"; // Tertiary brand color
298
328
  const ddsColorFocusOutside$1 = "#2a4b61"; // Contrast to .inside
299
329
  const ddsColorFocusInside$1 = "#f1f8fd"; // Contrast to .outside
300
- const ddsColorData10Default$1 = "#196b8f";
301
- const ddsColorData10Subtle$1 = "#96c5d9";
302
- const ddsColorData10Border$1 = "#196b8f";
303
- const ddsColorData01Default$1 = "#0f62fe";
304
- const ddsColorData01Subtle$1 = "#9fc0ff";
305
- const ddsColorData01Border$1 = "#0f62fe";
306
- const ddsColorData02Default$1 = "#b3572f";
307
- const ddsColorData02Subtle$1 = "#e1bcac";
308
- const ddsColorData02Border$1 = "#b3572f";
309
- const ddsColorData03Default$1 = "#727272";
310
- const ddsColorData03Subtle$1 = "#c7c7c7";
311
- const ddsColorData03Border$1 = "#727272";
312
- const ddsColorData04Default$1 = "#198038";
313
- const ddsColorData04Subtle$1 = "#a3ccaf";
314
- const ddsColorData04Border$1 = "#198038";
315
- const ddsColorData05Default$1 = "#8a3ffc";
316
- const ddsColorData05Subtle$1 = "#d0b2fe";
317
- const ddsColorData05Border$1 = "#8a3ffc";
318
- const ddsColorData06Default$1 = "#b62665";
319
- const ddsColorData06Subtle$1 = "#dfa5bf";
320
- const ddsColorData06Border$1 = "#b62665";
321
- const ddsColorData07Default$1 = "#7c7518";
322
- const ddsColorData07Subtle$1 = "#cdc9a1";
323
- const ddsColorData07Border$1 = "#7c7518";
324
- const ddsColorData08Default$1 = "#da1e28";
325
- const ddsColorData08Subtle$1 = "#f0a5a9";
326
- const ddsColorData08Border$1 = "#da1e28";
327
- const ddsColorData09Default$1 = "#007d79";
328
- const ddsColorData09Subtle$1 = "#90ccc9";
329
- const ddsColorData09Border$1 = "#007d79";
330
330
  const ddsFontLabelMedium$1 = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Label for form components
331
331
  const ddsFontBodyXsmall$1 = "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // used with xsmall button and input fields
332
332
  const ddsFontBodySmall$1 = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // used with small button and input fields
@@ -336,8 +336,8 @@ const ddsFontHeadingXxsmall$1 = "600 0.75rem/1.5 'IBM Plex Sans', Arial, sans-se
336
336
  const ddsFontHeadingXsmall$1 = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h5
337
337
  const ddsFontHeadingSmall$1 = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h4
338
338
  const ddsFontHeadingMedium$1 = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h3
339
- const ddsFontHeadingLarge$1 = "400 clamp(1.25rem, 0.833rem + 1.111vw, 1.5rem)/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default h2
340
- const ddsFontHeadingXlarge$1 = "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default H1
339
+ const ddsFontHeadingLarge$1 = "400 1.5rem/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default h2
340
+ const ddsFontHeadingXlarge$1 = "400 2rem/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default H1
341
341
  const ddsFontHeadingXxlarge$1 = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.2 'IBM Plex Sans', Arial, sans-serif"; // Display or extra large page title (h1)
342
342
  const ddsFontLeadMedium$1 = "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Lead brukes som ingress når man skriver artikler etc
343
343
  const ddsFontCodeMedium$1 = "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace"; // Brukes for kodesnutter etc
@@ -910,6 +910,9 @@ const ddsZindexTooltip = "120"; // Brukes for dds-tooltip
910
910
  const ddsZindexDropdown = "100"; // Dropdown brukes for bl.a søkeforslag, dropdown i select
911
911
  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
912
912
  const ddsZindexAbsoluteElement = "1"; // Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder
913
+ const ddsColorData10Default = "#196b8f";
914
+ const ddsColorData10Subtle = "#96c5d9";
915
+ const ddsColorData10Border = "#196b8f";
913
916
  const ddsColorDataRed100 = "#f8d2d4";
914
917
  const ddsColorDataRed200 = "#f0a5a9";
915
918
  const ddsColorDataRed300 = "#e9787e";
@@ -1000,11 +1003,38 @@ const ddsColorDataGray600 = "#5b5b5b";
1000
1003
  const ddsColorDataGray700 = "#444444";
1001
1004
  const ddsColorDataGray800 = "#2e2e2e";
1002
1005
  const ddsColorDataGray900 = "#171717";
1006
+ const ddsColorData01Default = "#0f62fe";
1007
+ const ddsColorData01Subtle = "#9fc0ff";
1008
+ const ddsColorData01Border = "#0f62fe";
1009
+ const ddsColorData02Default = "#b3572f";
1010
+ const ddsColorData02Subtle = "#e1bcac";
1011
+ const ddsColorData02Border = "#b3572f";
1012
+ const ddsColorData03Default = "#727272";
1013
+ const ddsColorData03Subtle = "#c7c7c7";
1014
+ const ddsColorData03Border = "#727272";
1015
+ const ddsColorData04Default = "#198038";
1016
+ const ddsColorData04Subtle = "#a3ccaf";
1017
+ const ddsColorData04Border = "#198038";
1018
+ const ddsColorData05Default = "#8a3ffc";
1019
+ const ddsColorData05Subtle = "#d0b2fe";
1020
+ const ddsColorData05Border = "#8a3ffc";
1021
+ const ddsColorData06Default = "#b62665";
1022
+ const ddsColorData06Subtle = "#dfa5bf";
1023
+ const ddsColorData06Border = "#b62665";
1024
+ const ddsColorData07Default = "#7c7518";
1025
+ const ddsColorData07Subtle = "#cdc9a1";
1026
+ const ddsColorData07Border = "#7c7518";
1027
+ const ddsColorData08Default = "#da1e28";
1028
+ const ddsColorData08Subtle = "#f0a5a9";
1029
+ const ddsColorData08Border = "#da1e28";
1030
+ const ddsColorData09Default = "#007d79";
1031
+ const ddsColorData09Subtle = "#90ccc9";
1032
+ const ddsColorData09Border = "#007d79";
1003
1033
  const ddsColorBgDefault = "#ffffff"; // UI shell base color
1004
1034
  const ddsColorBgSubtle = "#f1f3f4"; // Alternative UI shell base color
1005
1035
  const ddsColorSurfaceDefault = "#ffffff"; // Default bg
1006
1036
  const ddsColorSurfaceSubtle = "#f1f3f4"; // Subtle surface color
1007
- const ddsColorSurfaceMedium = "#e4e6e8"; // Medium surface color
1037
+ const ddsColorSurfaceMedium = "#e9ebec"; // Medium surface color
1008
1038
  const ddsColorSurfaceHoverDefault = "#e7f1f7"; // Hover on surface (default, subtle, medium)
1009
1039
  const ddsColorSurfaceHoverSubtle = "#f1f3f4"; // Subtle hover on surface (default, medium)
1010
1040
  const ddsColorSurfaceSelectedDefault = "#e7f1f7"; // Selected state for surface (default, subtle, medium)
@@ -1087,36 +1117,6 @@ const ddsColorBrandTertiaryMedium = "#f2a68f"; // Tertiary brand color
1087
1117
  const ddsColorBrandTertiaryStrong = "#d45d32"; // Tertiary brand color
1088
1118
  const ddsColorFocusOutside = "#2a4b61"; // Contrast to .inside
1089
1119
  const ddsColorFocusInside = "#f1f8fd"; // Contrast to .outside
1090
- const ddsColorData10Default = "#196b8f";
1091
- const ddsColorData10Subtle = "#96c5d9";
1092
- const ddsColorData10Border = "#196b8f";
1093
- const ddsColorData01Default = "#0f62fe";
1094
- const ddsColorData01Subtle = "#9fc0ff";
1095
- const ddsColorData01Border = "#0f62fe";
1096
- const ddsColorData02Default = "#b3572f";
1097
- const ddsColorData02Subtle = "#e1bcac";
1098
- const ddsColorData02Border = "#b3572f";
1099
- const ddsColorData03Default = "#727272";
1100
- const ddsColorData03Subtle = "#c7c7c7";
1101
- const ddsColorData03Border = "#727272";
1102
- const ddsColorData04Default = "#198038";
1103
- const ddsColorData04Subtle = "#a3ccaf";
1104
- const ddsColorData04Border = "#198038";
1105
- const ddsColorData05Default = "#8a3ffc";
1106
- const ddsColorData05Subtle = "#d0b2fe";
1107
- const ddsColorData05Border = "#8a3ffc";
1108
- const ddsColorData06Default = "#b62665";
1109
- const ddsColorData06Subtle = "#dfa5bf";
1110
- const ddsColorData06Border = "#b62665";
1111
- const ddsColorData07Default = "#7c7518";
1112
- const ddsColorData07Subtle = "#cdc9a1";
1113
- const ddsColorData07Border = "#7c7518";
1114
- const ddsColorData08Default = "#da1e28";
1115
- const ddsColorData08Subtle = "#f0a5a9";
1116
- const ddsColorData08Border = "#da1e28";
1117
- const ddsColorData09Default = "#007d79";
1118
- const ddsColorData09Subtle = "#90ccc9";
1119
- const ddsColorData09Border = "#007d79";
1120
1120
  const ddsBorderRadiusButton = "2px";
1121
1121
  const ddsBorderRadiusButtonNumberPx = 2; // For use in button component and togglebutton
1122
1122
  const ddsBorderRadiusSurface = "2px";
@@ -1136,7 +1136,7 @@ const ddsFontHeadingXxsmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
1136
1136
  const ddsFontHeadingXsmall = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h5
1137
1137
  const ddsFontHeadingSmall = "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h4
1138
1138
  const ddsFontHeadingMedium = "500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h3
1139
- const ddsFontHeadingLarge = "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default h2
1139
+ const ddsFontHeadingLarge = "400 2rem/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default h2
1140
1140
  const ddsFontHeadingXlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default H1
1141
1141
  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)
1142
1142
  const ddsFontLeadMedium = "300 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Lead brukes som ingress når man skriver artikler etc
package/dist/cjs/src/index.d.ts CHANGED
@@ -119,6 +119,9 @@ export declare const ddsTokens: {
119
119
  ddsZindexDropdown: "100";
120
120
  ddsZindexSticky: "50";
121
121
  ddsZindexAbsoluteElement: "1";
122
+ ddsColorData10Default: "#196b8f";
123
+ ddsColorData10Subtle: "#96c5d9";
124
+ ddsColorData10Border: "#196b8f";
122
125
  ddsColorDataRed100: "#f8d2d4";
123
126
  ddsColorDataRed200: "#f0a5a9";
124
127
  ddsColorDataRed300: "#e9787e";
@@ -209,11 +212,38 @@ export declare const ddsTokens: {
209
212
  ddsColorDataGray700: "#444444";
210
213
  ddsColorDataGray800: "#2e2e2e";
211
214
  ddsColorDataGray900: "#171717";
215
+ ddsColorData01Default: "#0f62fe";
216
+ ddsColorData01Subtle: "#9fc0ff";
217
+ ddsColorData01Border: "#0f62fe";
218
+ ddsColorData02Default: "#b3572f";
219
+ ddsColorData02Subtle: "#e1bcac";
220
+ ddsColorData02Border: "#b3572f";
221
+ ddsColorData03Default: "#727272";
222
+ ddsColorData03Subtle: "#c7c7c7";
223
+ ddsColorData03Border: "#727272";
224
+ ddsColorData04Default: "#198038";
225
+ ddsColorData04Subtle: "#a3ccaf";
226
+ ddsColorData04Border: "#198038";
227
+ ddsColorData05Default: "#8a3ffc";
228
+ ddsColorData05Subtle: "#d0b2fe";
229
+ ddsColorData05Border: "#8a3ffc";
230
+ ddsColorData06Default: "#b62665";
231
+ ddsColorData06Subtle: "#dfa5bf";
232
+ ddsColorData06Border: "#b62665";
233
+ ddsColorData07Default: "#7c7518";
234
+ ddsColorData07Subtle: "#cdc9a1";
235
+ ddsColorData07Border: "#7c7518";
236
+ ddsColorData08Default: "#da1e28";
237
+ ddsColorData08Subtle: "#f0a5a9";
238
+ ddsColorData08Border: "#da1e28";
239
+ ddsColorData09Default: "#007d79";
240
+ ddsColorData09Subtle: "#90ccc9";
241
+ ddsColorData09Border: "#007d79";
212
242
  ddsColorBgDefault: "#ffffff";
213
243
  ddsColorBgSubtle: "#f1f3f4";
214
244
  ddsColorSurfaceDefault: "#ffffff";
215
245
  ddsColorSurfaceSubtle: "#f1f3f4";
216
- ddsColorSurfaceMedium: "#e4e6e8";
246
+ ddsColorSurfaceMedium: "#e9ebec";
217
247
  ddsColorSurfaceHoverDefault: "#e7f1f7";
218
248
  ddsColorSurfaceHoverSubtle: "#f1f3f4";
219
249
  ddsColorSurfaceSelectedDefault: "#e7f1f7";
@@ -296,36 +326,6 @@ export declare const ddsTokens: {
296
326
  ddsColorBrandTertiaryStrong: "#d45d32";
297
327
  ddsColorFocusOutside: "#2a4b61";
298
328
  ddsColorFocusInside: "#f1f8fd";
299
- ddsColorData10Default: "#196b8f";
300
- ddsColorData10Subtle: "#96c5d9";
301
- ddsColorData10Border: "#196b8f";
302
- ddsColorData01Default: "#0f62fe";
303
- ddsColorData01Subtle: "#9fc0ff";
304
- ddsColorData01Border: "#0f62fe";
305
- ddsColorData02Default: "#b3572f";
306
- ddsColorData02Subtle: "#e1bcac";
307
- ddsColorData02Border: "#b3572f";
308
- ddsColorData03Default: "#727272";
309
- ddsColorData03Subtle: "#c7c7c7";
310
- ddsColorData03Border: "#727272";
311
- ddsColorData04Default: "#198038";
312
- ddsColorData04Subtle: "#a3ccaf";
313
- ddsColorData04Border: "#198038";
314
- ddsColorData05Default: "#8a3ffc";
315
- ddsColorData05Subtle: "#d0b2fe";
316
- ddsColorData05Border: "#8a3ffc";
317
- ddsColorData06Default: "#b62665";
318
- ddsColorData06Subtle: "#dfa5bf";
319
- ddsColorData06Border: "#b62665";
320
- ddsColorData07Default: "#7c7518";
321
- ddsColorData07Subtle: "#cdc9a1";
322
- ddsColorData07Border: "#7c7518";
323
- ddsColorData08Default: "#da1e28";
324
- ddsColorData08Subtle: "#f0a5a9";
325
- ddsColorData08Border: "#da1e28";
326
- ddsColorData09Default: "#007d79";
327
- ddsColorData09Subtle: "#90ccc9";
328
- ddsColorData09Border: "#007d79";
329
329
  ddsFontLabelMedium: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
330
330
  ddsFontBodyXsmall: "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
331
331
  ddsFontBodySmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
@@ -335,8 +335,8 @@ export declare const ddsTokens: {
335
335
  ddsFontHeadingXsmall: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
336
336
  ddsFontHeadingSmall: "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
337
337
  ddsFontHeadingMedium: "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
338
- ddsFontHeadingLarge: "400 clamp(1.25rem, 0.833rem + 1.111vw, 1.5rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
339
- ddsFontHeadingXlarge: "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
338
+ ddsFontHeadingLarge: "400 1.5rem/1.35 'IBM Plex Sans', Arial, sans-serif";
339
+ ddsFontHeadingXlarge: "400 2rem/1.35 'IBM Plex Sans', Arial, sans-serif";
340
340
  ddsFontHeadingXxlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.2 'IBM Plex Sans', Arial, sans-serif";
341
341
  ddsFontLeadMedium: "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
342
342
  ddsFontCodeMedium: "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace";
@@ -513,6 +513,9 @@ export declare const ddsTokens: {
513
513
  ddsZindexDropdown: "100";
514
514
  ddsZindexSticky: "50";
515
515
  ddsZindexAbsoluteElement: "1";
516
+ ddsColorData10Default: "#196b8f";
517
+ ddsColorData10Subtle: "#96c5d9";
518
+ ddsColorData10Border: "#196b8f";
516
519
  ddsColorDataRed100: "#f8d2d4";
517
520
  ddsColorDataRed200: "#f0a5a9";
518
521
  ddsColorDataRed300: "#e9787e";
@@ -603,11 +606,38 @@ export declare const ddsTokens: {
603
606
  ddsColorDataGray700: "#444444";
604
607
  ddsColorDataGray800: "#2e2e2e";
605
608
  ddsColorDataGray900: "#171717";
609
+ ddsColorData01Default: "#0f62fe";
610
+ ddsColorData01Subtle: "#9fc0ff";
611
+ ddsColorData01Border: "#0f62fe";
612
+ ddsColorData02Default: "#b3572f";
613
+ ddsColorData02Subtle: "#e1bcac";
614
+ ddsColorData02Border: "#b3572f";
615
+ ddsColorData03Default: "#727272";
616
+ ddsColorData03Subtle: "#c7c7c7";
617
+ ddsColorData03Border: "#727272";
618
+ ddsColorData04Default: "#198038";
619
+ ddsColorData04Subtle: "#a3ccaf";
620
+ ddsColorData04Border: "#198038";
621
+ ddsColorData05Default: "#8a3ffc";
622
+ ddsColorData05Subtle: "#d0b2fe";
623
+ ddsColorData05Border: "#8a3ffc";
624
+ ddsColorData06Default: "#b62665";
625
+ ddsColorData06Subtle: "#dfa5bf";
626
+ ddsColorData06Border: "#b62665";
627
+ ddsColorData07Default: "#7c7518";
628
+ ddsColorData07Subtle: "#cdc9a1";
629
+ ddsColorData07Border: "#7c7518";
630
+ ddsColorData08Default: "#da1e28";
631
+ ddsColorData08Subtle: "#f0a5a9";
632
+ ddsColorData08Border: "#da1e28";
633
+ ddsColorData09Default: "#007d79";
634
+ ddsColorData09Subtle: "#90ccc9";
635
+ ddsColorData09Border: "#007d79";
606
636
  ddsColorBgDefault: "#ffffff";
607
637
  ddsColorBgSubtle: "#f1f3f4";
608
638
  ddsColorSurfaceDefault: "#ffffff";
609
639
  ddsColorSurfaceSubtle: "#f1f3f4";
610
- ddsColorSurfaceMedium: "#e4e6e8";
640
+ ddsColorSurfaceMedium: "#e9ebec";
611
641
  ddsColorSurfaceHoverDefault: "#e7f1f7";
612
642
  ddsColorSurfaceHoverSubtle: "#f1f3f4";
613
643
  ddsColorSurfaceSelectedDefault: "#e7f1f7";
@@ -690,36 +720,6 @@ export declare const ddsTokens: {
690
720
  ddsColorBrandTertiaryStrong: "#d45d32";
691
721
  ddsColorFocusOutside: "#2a4b61";
692
722
  ddsColorFocusInside: "#f1f8fd";
693
- ddsColorData10Default: "#196b8f";
694
- ddsColorData10Subtle: "#96c5d9";
695
- ddsColorData10Border: "#196b8f";
696
- ddsColorData01Default: "#0f62fe";
697
- ddsColorData01Subtle: "#9fc0ff";
698
- ddsColorData01Border: "#0f62fe";
699
- ddsColorData02Default: "#b3572f";
700
- ddsColorData02Subtle: "#e1bcac";
701
- ddsColorData02Border: "#b3572f";
702
- ddsColorData03Default: "#727272";
703
- ddsColorData03Subtle: "#c7c7c7";
704
- ddsColorData03Border: "#727272";
705
- ddsColorData04Default: "#198038";
706
- ddsColorData04Subtle: "#a3ccaf";
707
- ddsColorData04Border: "#198038";
708
- ddsColorData05Default: "#8a3ffc";
709
- ddsColorData05Subtle: "#d0b2fe";
710
- ddsColorData05Border: "#8a3ffc";
711
- ddsColorData06Default: "#b62665";
712
- ddsColorData06Subtle: "#dfa5bf";
713
- ddsColorData06Border: "#b62665";
714
- ddsColorData07Default: "#7c7518";
715
- ddsColorData07Subtle: "#cdc9a1";
716
- ddsColorData07Border: "#7c7518";
717
- ddsColorData08Default: "#da1e28";
718
- ddsColorData08Subtle: "#f0a5a9";
719
- ddsColorData08Border: "#da1e28";
720
- ddsColorData09Default: "#007d79";
721
- ddsColorData09Subtle: "#90ccc9";
722
- ddsColorData09Border: "#007d79";
723
723
  ddsBorderRadiusButton: "2px";
724
724
  ddsBorderRadiusButtonNumberPx: 2;
725
725
  ddsBorderRadiusSurface: "2px";
@@ -739,7 +739,7 @@ export declare const ddsTokens: {
739
739
  ddsFontHeadingXsmall: "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
740
740
  ddsFontHeadingSmall: "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
741
741
  ddsFontHeadingMedium: "500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
742
- ddsFontHeadingLarge: "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
742
+ ddsFontHeadingLarge: "400 2rem/1.35 'IBM Plex Sans', Arial, sans-serif";
743
743
  ddsFontHeadingXlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
744
744
  ddsFontHeadingXxlarge: "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif";
745
745
  ddsFontLeadMedium: "300 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";