@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/index.js CHANGED
@@ -25,29 +25,14 @@ const ddsFontSizeX0875$1 = "0.875rem";
25
25
  const ddsFontSizeX0875NumberRem$1 = 0.875;
26
26
  const ddsFontSizeX075$1 = "0.75rem";
27
27
  const ddsFontSizeX075NumberRem$1 = 0.75;
28
- const ddsFontSizeXxlarge$1 = "3rem";
29
- const ddsFontSizeXxlargeNumberRem$1 = 3;
30
- const ddsFontSizeXlarge$1 = "2rem";
31
- const ddsFontSizeXlargeNumberRem$1 = 2;
32
- const ddsFontSizeLarge$1 = "1.5rem";
33
- const ddsFontSizeLargeNumberRem$1 = 1.5;
34
- const ddsFontSizeMedium$1 = "1.25rem";
35
- const ddsFontSizeMediumNumberRem$1 = 1.25;
36
- const ddsFontSizeSmall$1 = "1.125rem";
37
- const ddsFontSizeSmallNumberRem$1 = 1.125;
38
- const ddsFontSizeXsmall$1 = "1rem";
39
- const ddsFontSizeXsmallNumberRem$1 = 1;
40
- const ddsFontSizeXxsmall$1 = "0.875rem";
41
- const ddsFontSizeXxsmallNumberRem$1 = 0.875;
42
- const ddsFontSizeXxxsmall$1 = "0.75rem";
43
- const ddsFontSizeXxxsmallNumberRem$1 = 0.75;
44
28
  const ddsFontWeightLight$1 = "300";
45
29
  const ddsFontWeightNormal$1 = "400";
30
+ const ddsFontWeightSemiBold$1 = "500";
46
31
  const ddsFontWeightBold$1 = "600";
47
32
  const ddsFontLineheightX1$1 = 1.5; // Brukes på str ×1_25 og mindre
48
33
  const ddsFontLineheightX2$1 = 1.35; // Brukes på str x1.5, ×2 og ×3
49
34
  const ddsFontLineheightX3$1 = 1.2; // Brukes på str ×3 og større
50
- const ddsFontLineheightList$1 = 2.5; // Brukes på lister
35
+ const ddsFontLineheightList$1 = 2; // Brukes på lister
51
36
  const ddsFontLetterSpacingTight$1 = "-0.01em"; // Brukes på str ×2.5 og større
52
37
  const ddsFontLetterSpacingNormal$1 = "0em"; // Brukes på str ×1 og opp til og med ×2
53
38
  const ddsFontLetterSpacingLoose$1 = "0.01em"; // Brukes på størrelser under ×1
@@ -135,16 +120,106 @@ const ddsZindexTooltip$1 = "120"; // Brukes for dds-tooltip
135
120
  const ddsZindexDropdown$1 = "100"; // Dropdown brukes for bl.a søkeforslag, dropdown i select
136
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
137
122
  const ddsZindexAbsoluteElement$1 = "1"; // Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder
123
+ const ddsColorDataRed100$1 = "#f8d2d4";
124
+ const ddsColorDataRed200$1 = "#f0a5a9";
125
+ const ddsColorDataRed300$1 = "#e9787e";
126
+ const ddsColorDataRed400$1 = "#e14b53";
127
+ const ddsColorDataRed500$1 = "#da1e28";
128
+ const ddsColorDataRed600$1 = "#ae1820";
129
+ const ddsColorDataRed700$1 = "#831218";
130
+ const ddsColorDataRed800$1 = "#570c10";
131
+ const ddsColorDataRed900$1 = "#2c0608";
132
+ const ddsColorDataMagenta100$1 = "#eed3df";
133
+ const ddsColorDataMagenta200$1 = "#dfa5bf";
134
+ const ddsColorDataMagenta300$1 = "#cf789e";
135
+ const ddsColorDataMagenta400$1 = "#c74f84";
136
+ const ddsColorDataMagenta500$1 = "#b62665";
137
+ const ddsColorDataMagenta600$1 = "#8a1a4b";
138
+ const ddsColorDataMagenta700$1 = "#671438";
139
+ const ddsColorDataMagenta800$1 = "#440e26";
140
+ const ddsColorDataMagenta900$1 = "#220713";
141
+ const ddsColorDataBrown100$1 = "#f0ddd5";
142
+ const ddsColorDataBrown200$1 = "#e1bcac";
143
+ const ddsColorDataBrown300$1 = "#d19a82";
144
+ const ddsColorDataBrown400$1 = "#c27959";
145
+ const ddsColorDataBrown500$1 = "#b3572f";
146
+ const ddsColorDataBrown600$1 = "#8f4626";
147
+ const ddsColorDataBrown700$1 = "#6b341c";
148
+ const ddsColorDataBrown800$1 = "#482313";
149
+ const ddsColorDataBrown900$1 = "#241109";
150
+ const ddsColorDataOlive100$1 = "#e6e4d0";
151
+ const ddsColorDataOlive200$1 = "#cdc9a1";
152
+ const ddsColorDataOlive300$1 = "#b3ae71";
153
+ const ddsColorDataOlive400$1 = "#989344";
154
+ const ddsColorDataOlive500$1 = "#7c7518";
155
+ const ddsColorDataOlive600$1 = "#635e13";
156
+ const ddsColorDataOlive700$1 = "#4a460e";
157
+ const ddsColorDataOlive800$1 = "#322f0a";
158
+ const ddsColorDataOlive900$1 = "#191705";
159
+ const ddsColorDataGreen100$1 = "#d1e6d7";
160
+ const ddsColorDataGreen200$1 = "#a3ccaf";
161
+ const ddsColorDataGreen300$1 = "#75b388";
162
+ const ddsColorDataGreen400$1 = "#479960";
163
+ const ddsColorDataGreen500$1 = "#198038";
164
+ const ddsColorDataGreen600$1 = "#14662d";
165
+ const ddsColorDataGreen700$1 = "#0f4d22";
166
+ const ddsColorDataGreen800$1 = "#0a3316";
167
+ const ddsColorDataGreen900$1 = "#051a0b";
168
+ const ddsColorDataTeal100$1 = "#c2e2e1";
169
+ const ddsColorDataTeal200$1 = "#90ccc9";
170
+ const ddsColorDataTeal300$1 = "#5dafad";
171
+ const ddsColorDataTeal400$1 = "#2c9390";
172
+ const ddsColorDataTeal500$1 = "#007d79";
173
+ const ddsColorDataTeal600$1 = "#006461";
174
+ const ddsColorDataTeal700$1 = "#004b49";
175
+ const ddsColorDataTeal800$1 = "#003230";
176
+ const ddsColorDataTeal900$1 = "#001918";
177
+ const ddsColorDataDeepblue100$1 = "#b9d7e5";
178
+ const ddsColorDataDeepblue200$1 = "#96c5d9";
179
+ const ddsColorDataDeepblue300$1 = "#6aa8c3";
180
+ const ddsColorDataDeepblue400$1 = "#3e8bac";
181
+ const ddsColorDataDeepblue500$1 = "#196b8f";
182
+ const ddsColorDataDeepblue600$1 = "#135774";
183
+ const ddsColorDataDeepblue700$1 = "#0e455e";
184
+ const ddsColorDataDeepblue800$1 = "#0d3445";
185
+ const ddsColorDataDeepblue900$1 = "#05151d";
186
+ const ddsColorDataBlue100$1 = "#cfe0ff";
187
+ const ddsColorDataBlue200$1 = "#9fc0ff";
188
+ const ddsColorDataBlue300$1 = "#6fa1fe";
189
+ const ddsColorDataBlue400$1 = "#3f81fe";
190
+ const ddsColorDataBlue500$1 = "#0f62fe";
191
+ const ddsColorDataBlue600$1 = "#0c4ecb";
192
+ const ddsColorDataBlue700$1 = "#093b98";
193
+ const ddsColorDataBlue800$1 = "#062766";
194
+ const ddsColorDataBlue900$1 = "#031433";
195
+ const ddsColorDataPurple100$1 = "#e8d9fe";
196
+ const ddsColorDataPurple200$1 = "#d0b2fe";
197
+ const ddsColorDataPurple300$1 = "#b98cfd";
198
+ const ddsColorDataPurple400$1 = "#a165fd";
199
+ const ddsColorDataPurple500$1 = "#8a3ffc";
200
+ const ddsColorDataPurple600$1 = "#6e32ca";
201
+ const ddsColorDataPurple700$1 = "#532697";
202
+ const ddsColorDataPurple800$1 = "#371965";
203
+ const ddsColorDataPurple900$1 = "#1c0d32";
204
+ const ddsColorDataGray100$1 = "#e3e3e3";
205
+ const ddsColorDataGray200$1 = "#c7c7c7";
206
+ const ddsColorDataGray300$1 = "#aaaaaa";
207
+ const ddsColorDataGray400$1 = "#8e8e8e";
208
+ const ddsColorDataGray500$1 = "#727272";
209
+ const ddsColorDataGray600$1 = "#5b5b5b";
210
+ const ddsColorDataGray700$1 = "#444444";
211
+ const ddsColorDataGray800$1 = "#2e2e2e";
212
+ const ddsColorDataGray900$1 = "#171717";
138
213
  const ddsColorBgDefault$1 = "#ffffff"; // UI shell base color
139
- const ddsColorBgSubtle$1 = "#f8f9f9"; // Alternative UI shell base color
214
+ const ddsColorBgSubtle$1 = "#f1f3f4"; // Alternative UI shell base color
140
215
  const ddsColorSurfaceDefault$1 = "#ffffff"; // Default bg
141
- const ddsColorSurfaceSubtle$1 = "#f8f9f9"; // Subtle surface color
142
- const ddsColorSurfaceMedium$1 = "#ebecee"; // Medium surface color
216
+ const ddsColorSurfaceSubtle$1 = "#f1f3f4"; // Subtle surface color
217
+ const ddsColorSurfaceMedium$1 = "#e4e6e8"; // Medium surface color
143
218
  const ddsColorSurfaceHoverDefault$1 = "#e7f1f7"; // Hover on surface (default, subtle, medium)
144
- const ddsColorSurfaceHoverSubtle$1 = "#f8f9f9"; // Subtle hover on surface (default, medium)
219
+ const ddsColorSurfaceHoverSubtle$1 = "#f1f3f4"; // Subtle hover on surface (default, medium)
145
220
  const ddsColorSurfaceSelectedDefault$1 = "#e7f1f7"; // Selected state for surface (default, subtle, medium)
146
221
  const ddsColorSurfaceInverseDefault$1 = "#354754"; // Can be used as a surface for menu, navigation, footer etc
147
- const ddsColorSurfaceInverseHover$1 = "#313d45"; // Hover on surface.inverse
222
+ const ddsColorSurfaceInverseHover$1 = "#2a3943"; // Hover on surface.inverse
148
223
  const ddsColorSurfaceInverseSelected$1 = "#202b32"; // selected on surface.inverse
149
224
  const ddsColorSurfaceActionResting$1 = "#106ead"; // Primary button bg
150
225
  const ddsColorSurfaceActionHover$1 = "#0d588a"; // Hover on surface.action/selected
@@ -163,13 +238,13 @@ const ddsColorSurfaceInfoStrong$1 = "#9eceee"; // tag strong value
163
238
  const ddsColorSurfacePaperDefault$1 = "#ffffff"; // modal, drawer, popover etc
164
239
  const ddsColorSurfaceBackdropDefault$1 = "#0b0d0e80"; // background overlay for modals (50%)
165
240
  const ddsColorSurfaceFieldDefault$1 = "#ffffff"; // Form elements (textinput, datepicker etc)
166
- const ddsColorSurfaceFieldDisabled$1 = "#f8f9f9"; // disabled state on surface.field
167
- const ddsColorSurfaceHighlightedDefault$1 = "#ffe6df"; // bg for highlighted text on text.default. Use with $Text
241
+ const ddsColorSurfaceFieldDisabled$1 = "#f1f3f4"; // disabled state on surface.field
242
+ const ddsColorSurfaceHighlightedDefault$1 = "#fce5dd"; // bg for highlighted text on text.default. Use with $Text
168
243
  const ddsColorSurfaceScrollbar$1 = "#adb5ba"; // Used for scrollbar
169
244
  const ddsColorSurfaceNotification$1 = "#d83737"; // bg on a notification
170
- const ddsColorSurfaceSkeleton$1 = "#cfd4d7"; // Used for skeleton
245
+ const ddsColorSurfaceSkeleton$1 = "#d6dadd"; // Used for skeleton
171
246
  const ddsColorBorderDefault$1 = "#77838c"; // Form components, togglebutton, secondary button, checkbox etc
172
- const ddsColorBorderSubtle$1 = "#cfd4d7"; // Dropdown, tooltip, overflow etc
247
+ const ddsColorBorderSubtle$1 = "#d6dadd"; // Dropdown, tooltip, overflow etc
173
248
  const ddsColorBorderInverse$1 = "#acbbc6"; // Border or divider on surface.inverse
174
249
  const ddsColorBorderActionDefault$1 = "#106ead"; // Used in progress tracker
175
250
  const ddsColorBorderActionHover$1 = "#0d588a"; // Hover on secondary button etc
@@ -201,27 +276,57 @@ const ddsColorIconActionResting$1 = "#106ead"; // Often used with Text.action
201
276
  const ddsColorIconActionHover$1 = "#0d588a"; // hover on icon-action
202
277
  const ddsColorIconOnSuccessDefault$1 = "#3d723d"; // On surface.success-default
203
278
  const ddsColorIconOnSuccessStrong$1 = "#0b0d0e"; // On surface-success-strong
204
- const ddsColorIconOnWarningDefault$1 = "#92862e"; // On surface.warning-default
279
+ const ddsColorIconOnWarningDefault$1 = "#9a8c26"; // On surface.warning-default
205
280
  const ddsColorIconOnWarningStrong$1 = "#0b0d0e"; // On surface.warning-strong
206
281
  const ddsColorIconOnDangerDefault$1 = "#ad2c2c"; // On surface.danger-default
207
282
  const ddsColorIconOnDangerStrong$1 = "#0b0d0e"; // On surface.danger-strong
208
- const ddsColorIconOnInfoDefault$1 = "#466f8a"; // On surface.info-default
283
+ const ddsColorIconOnInfoDefault$1 = "#3e7192"; // On surface.info-default
209
284
  const ddsColorIconOnInfoStrong$1 = "#0b0d0e"; // On surface.info-strong
210
285
  const ddsColorIconDanger$1 = "#ad2c2c"; // Error icon on paper, or default or subtle surafce/bg
211
286
  const ddsColorBrandPrimaryDefault$1 = "#354754"; // Primary brand color
212
287
  const ddsColorBrandPrimarySubtle$1 = "#eaeff4"; // Primary brand color
213
288
  const ddsColorBrandPrimaryMedium$1 = "#4f6a7e"; // Primary brand color
214
- const ddsColorBrandPrimaryStrong$1 = "#202b32";
289
+ const ddsColorBrandPrimaryStrong$1 = "#202b32"; // Primary brand color
215
290
  const ddsColorBrandSecondaryDefault$1 = "#9ab8b7"; // Secondary brand color
216
291
  const ddsColorBrandSecondarySubtle$1 = "#e6eded"; // Secondary brand color
217
292
  const ddsColorBrandSecondaryMedium$1 = "#b8cdcd"; // Secondary brand color
218
- const ddsColorBrandSecondaryStrong$1 = "#4d6463";
219
- const ddsColorBrandTertiaryDefault$1 = "#f2a68f"; // Tertiary brand color
220
- const ddsColorBrandTertiarySubtle$1 = "#ffe6df"; // Tertiary brand color
221
- const ddsColorBrandTertiaryMedium$1 = "#f6c1b1"; // Tertiary brand color
222
- const ddsColorBrandTertiaryStrong$1 = "#f27e55";
223
- const ddsColorFocusOutside$1 = "#2f4a5c"; // Contrast to .inside
293
+ const ddsColorBrandSecondaryStrong$1 = "#4d6463"; // Secondary brand color
294
+ const ddsColorBrandTertiaryDefault$1 = "#f27e55"; // Tertiary brand color
295
+ const ddsColorBrandTertiarySubtle$1 = "#fce5dd"; // Tertiary brand color
296
+ const ddsColorBrandTertiaryMedium$1 = "#f2a68f"; // Tertiary brand color
297
+ const ddsColorBrandTertiaryStrong$1 = "#d45d32"; // Tertiary brand color
298
+ const ddsColorFocusOutside$1 = "#2a4b61"; // Contrast to .inside
224
299
  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";
225
330
  const ddsFontLabelMedium$1 = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Label for form components
226
331
  const ddsFontBodyXsmall$1 = "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // used with xsmall button and input fields
227
332
  const ddsFontBodySmall$1 = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // used with small button and input fields
@@ -335,6 +440,126 @@ var ddsTokensCore = /*#__PURE__*/Object.freeze({
335
440
  ddsColorBrandTertiaryMedium: ddsColorBrandTertiaryMedium$1,
336
441
  ddsColorBrandTertiaryStrong: ddsColorBrandTertiaryStrong$1,
337
442
  ddsColorBrandTertiarySubtle: ddsColorBrandTertiarySubtle$1,
443
+ ddsColorData01Border: ddsColorData01Border$1,
444
+ ddsColorData01Default: ddsColorData01Default$1,
445
+ ddsColorData01Subtle: ddsColorData01Subtle$1,
446
+ ddsColorData02Border: ddsColorData02Border$1,
447
+ ddsColorData02Default: ddsColorData02Default$1,
448
+ ddsColorData02Subtle: ddsColorData02Subtle$1,
449
+ ddsColorData03Border: ddsColorData03Border$1,
450
+ ddsColorData03Default: ddsColorData03Default$1,
451
+ ddsColorData03Subtle: ddsColorData03Subtle$1,
452
+ ddsColorData04Border: ddsColorData04Border$1,
453
+ ddsColorData04Default: ddsColorData04Default$1,
454
+ ddsColorData04Subtle: ddsColorData04Subtle$1,
455
+ ddsColorData05Border: ddsColorData05Border$1,
456
+ ddsColorData05Default: ddsColorData05Default$1,
457
+ ddsColorData05Subtle: ddsColorData05Subtle$1,
458
+ ddsColorData06Border: ddsColorData06Border$1,
459
+ ddsColorData06Default: ddsColorData06Default$1,
460
+ ddsColorData06Subtle: ddsColorData06Subtle$1,
461
+ ddsColorData07Border: ddsColorData07Border$1,
462
+ ddsColorData07Default: ddsColorData07Default$1,
463
+ ddsColorData07Subtle: ddsColorData07Subtle$1,
464
+ ddsColorData08Border: ddsColorData08Border$1,
465
+ ddsColorData08Default: ddsColorData08Default$1,
466
+ ddsColorData08Subtle: ddsColorData08Subtle$1,
467
+ ddsColorData09Border: ddsColorData09Border$1,
468
+ ddsColorData09Default: ddsColorData09Default$1,
469
+ ddsColorData09Subtle: ddsColorData09Subtle$1,
470
+ ddsColorData10Border: ddsColorData10Border$1,
471
+ ddsColorData10Default: ddsColorData10Default$1,
472
+ ddsColorData10Subtle: ddsColorData10Subtle$1,
473
+ ddsColorDataBlue100: ddsColorDataBlue100$1,
474
+ ddsColorDataBlue200: ddsColorDataBlue200$1,
475
+ ddsColorDataBlue300: ddsColorDataBlue300$1,
476
+ ddsColorDataBlue400: ddsColorDataBlue400$1,
477
+ ddsColorDataBlue500: ddsColorDataBlue500$1,
478
+ ddsColorDataBlue600: ddsColorDataBlue600$1,
479
+ ddsColorDataBlue700: ddsColorDataBlue700$1,
480
+ ddsColorDataBlue800: ddsColorDataBlue800$1,
481
+ ddsColorDataBlue900: ddsColorDataBlue900$1,
482
+ ddsColorDataBrown100: ddsColorDataBrown100$1,
483
+ ddsColorDataBrown200: ddsColorDataBrown200$1,
484
+ ddsColorDataBrown300: ddsColorDataBrown300$1,
485
+ ddsColorDataBrown400: ddsColorDataBrown400$1,
486
+ ddsColorDataBrown500: ddsColorDataBrown500$1,
487
+ ddsColorDataBrown600: ddsColorDataBrown600$1,
488
+ ddsColorDataBrown700: ddsColorDataBrown700$1,
489
+ ddsColorDataBrown800: ddsColorDataBrown800$1,
490
+ ddsColorDataBrown900: ddsColorDataBrown900$1,
491
+ ddsColorDataDeepblue100: ddsColorDataDeepblue100$1,
492
+ ddsColorDataDeepblue200: ddsColorDataDeepblue200$1,
493
+ ddsColorDataDeepblue300: ddsColorDataDeepblue300$1,
494
+ ddsColorDataDeepblue400: ddsColorDataDeepblue400$1,
495
+ ddsColorDataDeepblue500: ddsColorDataDeepblue500$1,
496
+ ddsColorDataDeepblue600: ddsColorDataDeepblue600$1,
497
+ ddsColorDataDeepblue700: ddsColorDataDeepblue700$1,
498
+ ddsColorDataDeepblue800: ddsColorDataDeepblue800$1,
499
+ ddsColorDataDeepblue900: ddsColorDataDeepblue900$1,
500
+ ddsColorDataGray100: ddsColorDataGray100$1,
501
+ ddsColorDataGray200: ddsColorDataGray200$1,
502
+ ddsColorDataGray300: ddsColorDataGray300$1,
503
+ ddsColorDataGray400: ddsColorDataGray400$1,
504
+ ddsColorDataGray500: ddsColorDataGray500$1,
505
+ ddsColorDataGray600: ddsColorDataGray600$1,
506
+ ddsColorDataGray700: ddsColorDataGray700$1,
507
+ ddsColorDataGray800: ddsColorDataGray800$1,
508
+ ddsColorDataGray900: ddsColorDataGray900$1,
509
+ ddsColorDataGreen100: ddsColorDataGreen100$1,
510
+ ddsColorDataGreen200: ddsColorDataGreen200$1,
511
+ ddsColorDataGreen300: ddsColorDataGreen300$1,
512
+ ddsColorDataGreen400: ddsColorDataGreen400$1,
513
+ ddsColorDataGreen500: ddsColorDataGreen500$1,
514
+ ddsColorDataGreen600: ddsColorDataGreen600$1,
515
+ ddsColorDataGreen700: ddsColorDataGreen700$1,
516
+ ddsColorDataGreen800: ddsColorDataGreen800$1,
517
+ ddsColorDataGreen900: ddsColorDataGreen900$1,
518
+ ddsColorDataMagenta100: ddsColorDataMagenta100$1,
519
+ ddsColorDataMagenta200: ddsColorDataMagenta200$1,
520
+ ddsColorDataMagenta300: ddsColorDataMagenta300$1,
521
+ ddsColorDataMagenta400: ddsColorDataMagenta400$1,
522
+ ddsColorDataMagenta500: ddsColorDataMagenta500$1,
523
+ ddsColorDataMagenta600: ddsColorDataMagenta600$1,
524
+ ddsColorDataMagenta700: ddsColorDataMagenta700$1,
525
+ ddsColorDataMagenta800: ddsColorDataMagenta800$1,
526
+ ddsColorDataMagenta900: ddsColorDataMagenta900$1,
527
+ ddsColorDataOlive100: ddsColorDataOlive100$1,
528
+ ddsColorDataOlive200: ddsColorDataOlive200$1,
529
+ ddsColorDataOlive300: ddsColorDataOlive300$1,
530
+ ddsColorDataOlive400: ddsColorDataOlive400$1,
531
+ ddsColorDataOlive500: ddsColorDataOlive500$1,
532
+ ddsColorDataOlive600: ddsColorDataOlive600$1,
533
+ ddsColorDataOlive700: ddsColorDataOlive700$1,
534
+ ddsColorDataOlive800: ddsColorDataOlive800$1,
535
+ ddsColorDataOlive900: ddsColorDataOlive900$1,
536
+ ddsColorDataPurple100: ddsColorDataPurple100$1,
537
+ ddsColorDataPurple200: ddsColorDataPurple200$1,
538
+ ddsColorDataPurple300: ddsColorDataPurple300$1,
539
+ ddsColorDataPurple400: ddsColorDataPurple400$1,
540
+ ddsColorDataPurple500: ddsColorDataPurple500$1,
541
+ ddsColorDataPurple600: ddsColorDataPurple600$1,
542
+ ddsColorDataPurple700: ddsColorDataPurple700$1,
543
+ ddsColorDataPurple800: ddsColorDataPurple800$1,
544
+ ddsColorDataPurple900: ddsColorDataPurple900$1,
545
+ ddsColorDataRed100: ddsColorDataRed100$1,
546
+ ddsColorDataRed200: ddsColorDataRed200$1,
547
+ ddsColorDataRed300: ddsColorDataRed300$1,
548
+ ddsColorDataRed400: ddsColorDataRed400$1,
549
+ ddsColorDataRed500: ddsColorDataRed500$1,
550
+ ddsColorDataRed600: ddsColorDataRed600$1,
551
+ ddsColorDataRed700: ddsColorDataRed700$1,
552
+ ddsColorDataRed800: ddsColorDataRed800$1,
553
+ ddsColorDataRed900: ddsColorDataRed900$1,
554
+ ddsColorDataTeal100: ddsColorDataTeal100$1,
555
+ ddsColorDataTeal200: ddsColorDataTeal200$1,
556
+ ddsColorDataTeal300: ddsColorDataTeal300$1,
557
+ ddsColorDataTeal400: ddsColorDataTeal400$1,
558
+ ddsColorDataTeal500: ddsColorDataTeal500$1,
559
+ ddsColorDataTeal600: ddsColorDataTeal600$1,
560
+ ddsColorDataTeal700: ddsColorDataTeal700$1,
561
+ ddsColorDataTeal800: ddsColorDataTeal800$1,
562
+ ddsColorDataTeal900: ddsColorDataTeal900$1,
338
563
  ddsColorFocusInside: ddsColorFocusInside$1,
339
564
  ddsColorFocusOutside: ddsColorFocusOutside$1,
340
565
  ddsColorIconActionHover: ddsColorIconActionHover$1,
@@ -471,12 +696,6 @@ var ddsTokensCore = /*#__PURE__*/Object.freeze({
471
696
  ddsFontParagraphSpacingMediumNumberEm: ddsFontParagraphSpacingMediumNumberEm$1,
472
697
  ddsFontParagraphSpacingSmall: ddsFontParagraphSpacingSmall$1,
473
698
  ddsFontParagraphSpacingSmallNumberEm: ddsFontParagraphSpacingSmallNumberEm$1,
474
- ddsFontSizeLarge: ddsFontSizeLarge$1,
475
- ddsFontSizeLargeNumberRem: ddsFontSizeLargeNumberRem$1,
476
- ddsFontSizeMedium: ddsFontSizeMedium$1,
477
- ddsFontSizeMediumNumberRem: ddsFontSizeMediumNumberRem$1,
478
- ddsFontSizeSmall: ddsFontSizeSmall$1,
479
- ddsFontSizeSmallNumberRem: ddsFontSizeSmallNumberRem$1,
480
699
  ddsFontSizeX075: ddsFontSizeX075$1,
481
700
  ddsFontSizeX075NumberRem: ddsFontSizeX075NumberRem$1,
482
701
  ddsFontSizeX0875: ddsFontSizeX0875$1,
@@ -499,22 +718,13 @@ var ddsTokensCore = /*#__PURE__*/Object.freeze({
499
718
  ddsFontSizeX4NumberRem: ddsFontSizeX4NumberRem$1,
500
719
  ddsFontSizeX5: ddsFontSizeX5$1,
501
720
  ddsFontSizeX5NumberRem: ddsFontSizeX5NumberRem$1,
502
- ddsFontSizeXlarge: ddsFontSizeXlarge$1,
503
- ddsFontSizeXlargeNumberRem: ddsFontSizeXlargeNumberRem$1,
504
- ddsFontSizeXsmall: ddsFontSizeXsmall$1,
505
- ddsFontSizeXsmallNumberRem: ddsFontSizeXsmallNumberRem$1,
506
- ddsFontSizeXxlarge: ddsFontSizeXxlarge$1,
507
- ddsFontSizeXxlargeNumberRem: ddsFontSizeXxlargeNumberRem$1,
508
- ddsFontSizeXxsmall: ddsFontSizeXxsmall$1,
509
- ddsFontSizeXxsmallNumberRem: ddsFontSizeXxsmallNumberRem$1,
510
- ddsFontSizeXxxsmall: ddsFontSizeXxxsmall$1,
511
- ddsFontSizeXxxsmallNumberRem: ddsFontSizeXxxsmallNumberRem$1,
512
721
  ddsFontStyleItalic: ddsFontStyleItalic$1,
513
722
  ddsFontStyleNormal: ddsFontStyleNormal$1,
514
723
  ddsFontStyleUnderline: ddsFontStyleUnderline$1,
515
724
  ddsFontWeightBold: ddsFontWeightBold$1,
516
725
  ddsFontWeightLight: ddsFontWeightLight$1,
517
726
  ddsFontWeightNormal: ddsFontWeightNormal$1,
727
+ ddsFontWeightSemiBold: ddsFontWeightSemiBold$1,
518
728
  ddsGridLgCount: ddsGridLgCount$1,
519
729
  ddsGridLgGutterSize: ddsGridLgGutterSize$1,
520
730
  ddsGridLgGutterSizeNumberPx: ddsGridLgGutterSizeNumberPx$1,
@@ -605,29 +815,14 @@ const ddsFontSizeX0875 = "0.875rem";
605
815
  const ddsFontSizeX0875NumberRem = 0.875;
606
816
  const ddsFontSizeX075 = "0.75rem";
607
817
  const ddsFontSizeX075NumberRem = 0.75;
608
- const ddsFontSizeXxlarge = "4rem";
609
- const ddsFontSizeXxlargeNumberRem = 4;
610
- const ddsFontSizeXlarge = "3rem";
611
- const ddsFontSizeXlargeNumberRem = 3;
612
- const ddsFontSizeLarge = "2rem";
613
- const ddsFontSizeLargeNumberRem = 2;
614
- const ddsFontSizeMedium = "1.5rem";
615
- const ddsFontSizeMediumNumberRem = 1.5;
616
- const ddsFontSizeSmall = "1.25rem";
617
- const ddsFontSizeSmallNumberRem = 1.25;
618
- const ddsFontSizeXsmall = "1.125rem";
619
- const ddsFontSizeXsmallNumberRem = 1.125;
620
- const ddsFontSizeXxsmall = "1rem";
621
- const ddsFontSizeXxsmallNumberRem = 1;
622
- const ddsFontSizeXxxsmall = "0.875rem";
623
- const ddsFontSizeXxxsmallNumberRem = 0.875;
624
818
  const ddsFontWeightLight = "300";
625
819
  const ddsFontWeightNormal = "400";
820
+ const ddsFontWeightSemiBold = "500";
626
821
  const ddsFontWeightBold = "600";
627
822
  const ddsFontLineheightX1 = 1.5; // Brukes på str ×1_25 og mindre
628
823
  const ddsFontLineheightX2 = 1.35; // Brukes på str x1.5, ×2 og ×3
629
824
  const ddsFontLineheightX3 = 1.2; // Brukes på str ×3 og større
630
- const ddsFontLineheightList = 2.5; // Brukes på lister
825
+ const ddsFontLineheightList = 2; // Brukes på lister
631
826
  const ddsFontLetterSpacingTight = "-0.01em"; // Brukes på str ×2.5 og større
632
827
  const ddsFontLetterSpacingNormal = "0em"; // Brukes på str ×1 og opp til og med ×2
633
828
  const ddsFontLetterSpacingLoose = "0.01em"; // Brukes på størrelser under ×1
@@ -715,16 +910,106 @@ const ddsZindexTooltip = "120"; // Brukes for dds-tooltip
715
910
  const ddsZindexDropdown = "100"; // Dropdown brukes for bl.a søkeforslag, dropdown i select
716
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
717
912
  const ddsZindexAbsoluteElement = "1"; // Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder
913
+ const ddsColorDataRed100 = "#f8d2d4";
914
+ const ddsColorDataRed200 = "#f0a5a9";
915
+ const ddsColorDataRed300 = "#e9787e";
916
+ const ddsColorDataRed400 = "#e14b53";
917
+ const ddsColorDataRed500 = "#da1e28";
918
+ const ddsColorDataRed600 = "#ae1820";
919
+ const ddsColorDataRed700 = "#831218";
920
+ const ddsColorDataRed800 = "#570c10";
921
+ const ddsColorDataRed900 = "#2c0608";
922
+ const ddsColorDataMagenta100 = "#eed3df";
923
+ const ddsColorDataMagenta200 = "#dfa5bf";
924
+ const ddsColorDataMagenta300 = "#cf789e";
925
+ const ddsColorDataMagenta400 = "#c74f84";
926
+ const ddsColorDataMagenta500 = "#b62665";
927
+ const ddsColorDataMagenta600 = "#8a1a4b";
928
+ const ddsColorDataMagenta700 = "#671438";
929
+ const ddsColorDataMagenta800 = "#440e26";
930
+ const ddsColorDataMagenta900 = "#220713";
931
+ const ddsColorDataBrown100 = "#f0ddd5";
932
+ const ddsColorDataBrown200 = "#e1bcac";
933
+ const ddsColorDataBrown300 = "#d19a82";
934
+ const ddsColorDataBrown400 = "#c27959";
935
+ const ddsColorDataBrown500 = "#b3572f";
936
+ const ddsColorDataBrown600 = "#8f4626";
937
+ const ddsColorDataBrown700 = "#6b341c";
938
+ const ddsColorDataBrown800 = "#482313";
939
+ const ddsColorDataBrown900 = "#241109";
940
+ const ddsColorDataOlive100 = "#e6e4d0";
941
+ const ddsColorDataOlive200 = "#cdc9a1";
942
+ const ddsColorDataOlive300 = "#b3ae71";
943
+ const ddsColorDataOlive400 = "#989344";
944
+ const ddsColorDataOlive500 = "#7c7518";
945
+ const ddsColorDataOlive600 = "#635e13";
946
+ const ddsColorDataOlive700 = "#4a460e";
947
+ const ddsColorDataOlive800 = "#322f0a";
948
+ const ddsColorDataOlive900 = "#191705";
949
+ const ddsColorDataGreen100 = "#d1e6d7";
950
+ const ddsColorDataGreen200 = "#a3ccaf";
951
+ const ddsColorDataGreen300 = "#75b388";
952
+ const ddsColorDataGreen400 = "#479960";
953
+ const ddsColorDataGreen500 = "#198038";
954
+ const ddsColorDataGreen600 = "#14662d";
955
+ const ddsColorDataGreen700 = "#0f4d22";
956
+ const ddsColorDataGreen800 = "#0a3316";
957
+ const ddsColorDataGreen900 = "#051a0b";
958
+ const ddsColorDataTeal100 = "#c2e2e1";
959
+ const ddsColorDataTeal200 = "#90ccc9";
960
+ const ddsColorDataTeal300 = "#5dafad";
961
+ const ddsColorDataTeal400 = "#2c9390";
962
+ const ddsColorDataTeal500 = "#007d79";
963
+ const ddsColorDataTeal600 = "#006461";
964
+ const ddsColorDataTeal700 = "#004b49";
965
+ const ddsColorDataTeal800 = "#003230";
966
+ const ddsColorDataTeal900 = "#001918";
967
+ const ddsColorDataDeepblue100 = "#b9d7e5";
968
+ const ddsColorDataDeepblue200 = "#96c5d9";
969
+ const ddsColorDataDeepblue300 = "#6aa8c3";
970
+ const ddsColorDataDeepblue400 = "#3e8bac";
971
+ const ddsColorDataDeepblue500 = "#196b8f";
972
+ const ddsColorDataDeepblue600 = "#135774";
973
+ const ddsColorDataDeepblue700 = "#0e455e";
974
+ const ddsColorDataDeepblue800 = "#0d3445";
975
+ const ddsColorDataDeepblue900 = "#05151d";
976
+ const ddsColorDataBlue100 = "#cfe0ff";
977
+ const ddsColorDataBlue200 = "#9fc0ff";
978
+ const ddsColorDataBlue300 = "#6fa1fe";
979
+ const ddsColorDataBlue400 = "#3f81fe";
980
+ const ddsColorDataBlue500 = "#0f62fe";
981
+ const ddsColorDataBlue600 = "#0c4ecb";
982
+ const ddsColorDataBlue700 = "#093b98";
983
+ const ddsColorDataBlue800 = "#062766";
984
+ const ddsColorDataBlue900 = "#031433";
985
+ const ddsColorDataPurple100 = "#e8d9fe";
986
+ const ddsColorDataPurple200 = "#d0b2fe";
987
+ const ddsColorDataPurple300 = "#b98cfd";
988
+ const ddsColorDataPurple400 = "#a165fd";
989
+ const ddsColorDataPurple500 = "#8a3ffc";
990
+ const ddsColorDataPurple600 = "#6e32ca";
991
+ const ddsColorDataPurple700 = "#532697";
992
+ const ddsColorDataPurple800 = "#371965";
993
+ const ddsColorDataPurple900 = "#1c0d32";
994
+ const ddsColorDataGray100 = "#e3e3e3";
995
+ const ddsColorDataGray200 = "#c7c7c7";
996
+ const ddsColorDataGray300 = "#aaaaaa";
997
+ const ddsColorDataGray400 = "#8e8e8e";
998
+ const ddsColorDataGray500 = "#727272";
999
+ const ddsColorDataGray600 = "#5b5b5b";
1000
+ const ddsColorDataGray700 = "#444444";
1001
+ const ddsColorDataGray800 = "#2e2e2e";
1002
+ const ddsColorDataGray900 = "#171717";
718
1003
  const ddsColorBgDefault = "#ffffff"; // UI shell base color
719
- const ddsColorBgSubtle = "#f8f9f9"; // Alternative UI shell base color
1004
+ const ddsColorBgSubtle = "#f1f3f4"; // Alternative UI shell base color
720
1005
  const ddsColorSurfaceDefault = "#ffffff"; // Default bg
721
- const ddsColorSurfaceSubtle = "#f8f9f9"; // Subtle surface color
722
- const ddsColorSurfaceMedium = "#ebecee"; // Medium surface color
1006
+ const ddsColorSurfaceSubtle = "#f1f3f4"; // Subtle surface color
1007
+ const ddsColorSurfaceMedium = "#e4e6e8"; // Medium surface color
723
1008
  const ddsColorSurfaceHoverDefault = "#e7f1f7"; // Hover on surface (default, subtle, medium)
724
- const ddsColorSurfaceHoverSubtle = "#f8f9f9"; // Subtle hover on surface (default, medium)
1009
+ const ddsColorSurfaceHoverSubtle = "#f1f3f4"; // Subtle hover on surface (default, medium)
725
1010
  const ddsColorSurfaceSelectedDefault = "#e7f1f7"; // Selected state for surface (default, subtle, medium)
726
1011
  const ddsColorSurfaceInverseDefault = "#354754"; // Can be used as a surface for menu, navigation, footer etc
727
- const ddsColorSurfaceInverseHover = "#313d45"; // Hover on surface.inverse
1012
+ const ddsColorSurfaceInverseHover = "#2a3943"; // Hover on surface.inverse
728
1013
  const ddsColorSurfaceInverseSelected = "#202b32"; // selected on surface.inverse
729
1014
  const ddsColorSurfaceActionResting = "#106ead"; // Primary button bg
730
1015
  const ddsColorSurfaceActionHover = "#0d588a"; // Hover on surface.action/selected
@@ -743,13 +1028,13 @@ const ddsColorSurfaceInfoStrong = "#9eceee"; // tag strong value
743
1028
  const ddsColorSurfacePaperDefault = "#ffffff"; // modal, drawer, popover etc
744
1029
  const ddsColorSurfaceBackdropDefault = "#0b0d0e80"; // background overlay for modals (50%)
745
1030
  const ddsColorSurfaceFieldDefault = "#ffffff"; // Form elements (textinput, datepicker etc)
746
- const ddsColorSurfaceFieldDisabled = "#f8f9f9"; // disabled state on surface.field
747
- const ddsColorSurfaceHighlightedDefault = "#ffe6df"; // bg for highlighted text on text.default. Use with $Text
1031
+ const ddsColorSurfaceFieldDisabled = "#f1f3f4"; // disabled state on surface.field
1032
+ const ddsColorSurfaceHighlightedDefault = "#fce5dd"; // bg for highlighted text on text.default. Use with $Text
748
1033
  const ddsColorSurfaceScrollbar = "#adb5ba"; // Used for scrollbar
749
1034
  const ddsColorSurfaceNotification = "#d83737"; // bg on a notification
750
- const ddsColorSurfaceSkeleton = "#cfd4d7"; // Used for skeleton
1035
+ const ddsColorSurfaceSkeleton = "#d6dadd"; // Used for skeleton
751
1036
  const ddsColorBorderDefault = "#77838c"; // Form components, togglebutton, secondary button, checkbox etc
752
- const ddsColorBorderSubtle = "#cfd4d7"; // Dropdown, tooltip, overflow etc
1037
+ const ddsColorBorderSubtle = "#d6dadd"; // Dropdown, tooltip, overflow etc
753
1038
  const ddsColorBorderInverse = "#acbbc6"; // Border or divider on surface.inverse
754
1039
  const ddsColorBorderActionDefault = "#106ead"; // Used in progress tracker
755
1040
  const ddsColorBorderActionHover = "#0d588a"; // Hover on secondary button etc
@@ -781,27 +1066,57 @@ const ddsColorIconActionResting = "#106ead"; // Often used with Text.action
781
1066
  const ddsColorIconActionHover = "#0d588a"; // hover on icon-action, used on secondary buttons etc
782
1067
  const ddsColorIconOnSuccessDefault = "#3d723d"; // On surface.success-default
783
1068
  const ddsColorIconOnSuccessStrong = "#0b0d0e"; // On surface-success-strong
784
- const ddsColorIconOnWarningDefault = "#92862e"; // On surface.warning-default
1069
+ const ddsColorIconOnWarningDefault = "#9a8c26"; // On surface.warning-default
785
1070
  const ddsColorIconOnWarningStrong = "#0b0d0e"; // On surface.warning-strong
786
1071
  const ddsColorIconOnDangerDefault = "#ad2c2c"; // On surface.danger-default
787
1072
  const ddsColorIconOnDangerStrong = "#0b0d0e"; // On surface.danger-strong
788
- const ddsColorIconOnInfoDefault = "#466f8a"; // On surface.info-default
1073
+ const ddsColorIconOnInfoDefault = "#3e7192"; // On surface.info-default
789
1074
  const ddsColorIconOnInfoStrong = "#0b0d0e"; // On surface.info-strong
790
1075
  const ddsColorIconDanger = "#ad2c2c"; // Error icon on paper, or default or subtle surafce/bg
791
1076
  const ddsColorBrandPrimaryDefault = "#354754"; // Primary brand color
792
1077
  const ddsColorBrandPrimarySubtle = "#eaeff4"; // Primary brand color
793
1078
  const ddsColorBrandPrimaryMedium = "#4f6a7e"; // Primary brand color
794
- const ddsColorBrandPrimaryStrong = "#202b32";
1079
+ const ddsColorBrandPrimaryStrong = "#202b32"; // Primary brand color
795
1080
  const ddsColorBrandSecondaryDefault = "#9ab8b7"; // Secondary brand color
796
1081
  const ddsColorBrandSecondarySubtle = "#e6eded"; // Secondary brand color
797
1082
  const ddsColorBrandSecondaryMedium = "#b8cdcd"; // Secondary brand color
798
- const ddsColorBrandSecondaryStrong = "#4d6463";
799
- const ddsColorBrandTertiaryDefault = "#f2a68f"; // Tertiary brand color
800
- const ddsColorBrandTertiarySubtle = "#ffe6df"; // Tertiary brand color
801
- const ddsColorBrandTertiaryMedium = "#f6c1b1"; // Tertiary brand color
802
- const ddsColorBrandTertiaryStrong = "#f27e55";
803
- const ddsColorFocusOutside = "#2f4a5c"; // Contrast to .inside
1083
+ const ddsColorBrandSecondaryStrong = "#4d6463"; // Secondary brand color
1084
+ const ddsColorBrandTertiaryDefault = "#f27e55"; // Tertiary brand color
1085
+ const ddsColorBrandTertiarySubtle = "#fce5dd"; // Tertiary brand color
1086
+ const ddsColorBrandTertiaryMedium = "#f2a68f"; // Tertiary brand color
1087
+ const ddsColorBrandTertiaryStrong = "#d45d32"; // Tertiary brand color
1088
+ const ddsColorFocusOutside = "#2a4b61"; // Contrast to .inside
804
1089
  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";
805
1120
  const ddsBorderRadiusButton = "2px";
806
1121
  const ddsBorderRadiusButtonNumberPx = 2; // For use in button component and togglebutton
807
1122
  const ddsBorderRadiusSurface = "2px";
@@ -817,10 +1132,10 @@ const ddsFontBodyXsmall = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
817
1132
  const ddsFontBodySmall = "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // used with small button and input fields
818
1133
  const ddsFontBodyMedium = "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // standard body text, used with medium button and input fields
819
1134
  const ddsFontBodyLarge = "400 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Used for large button and large search
820
- const ddsFontHeadingXxsmall = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h6
821
- const ddsFontHeadingXsmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h5
822
- const ddsFontHeadingSmall = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h4
823
- const ddsFontHeadingMedium = "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h3
1135
+ const ddsFontHeadingXxsmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h6
1136
+ const ddsFontHeadingXsmall = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h5
1137
+ const ddsFontHeadingSmall = "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h4
1138
+ const ddsFontHeadingMedium = "500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h3
824
1139
  const ddsFontHeadingLarge = "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default h2
825
1140
  const ddsFontHeadingXlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default H1
826
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)
@@ -915,6 +1230,126 @@ var ddsTokensPublic = /*#__PURE__*/Object.freeze({
915
1230
  ddsColorBrandTertiaryMedium: ddsColorBrandTertiaryMedium,
916
1231
  ddsColorBrandTertiaryStrong: ddsColorBrandTertiaryStrong,
917
1232
  ddsColorBrandTertiarySubtle: ddsColorBrandTertiarySubtle,
1233
+ ddsColorData01Border: ddsColorData01Border,
1234
+ ddsColorData01Default: ddsColorData01Default,
1235
+ ddsColorData01Subtle: ddsColorData01Subtle,
1236
+ ddsColorData02Border: ddsColorData02Border,
1237
+ ddsColorData02Default: ddsColorData02Default,
1238
+ ddsColorData02Subtle: ddsColorData02Subtle,
1239
+ ddsColorData03Border: ddsColorData03Border,
1240
+ ddsColorData03Default: ddsColorData03Default,
1241
+ ddsColorData03Subtle: ddsColorData03Subtle,
1242
+ ddsColorData04Border: ddsColorData04Border,
1243
+ ddsColorData04Default: ddsColorData04Default,
1244
+ ddsColorData04Subtle: ddsColorData04Subtle,
1245
+ ddsColorData05Border: ddsColorData05Border,
1246
+ ddsColorData05Default: ddsColorData05Default,
1247
+ ddsColorData05Subtle: ddsColorData05Subtle,
1248
+ ddsColorData06Border: ddsColorData06Border,
1249
+ ddsColorData06Default: ddsColorData06Default,
1250
+ ddsColorData06Subtle: ddsColorData06Subtle,
1251
+ ddsColorData07Border: ddsColorData07Border,
1252
+ ddsColorData07Default: ddsColorData07Default,
1253
+ ddsColorData07Subtle: ddsColorData07Subtle,
1254
+ ddsColorData08Border: ddsColorData08Border,
1255
+ ddsColorData08Default: ddsColorData08Default,
1256
+ ddsColorData08Subtle: ddsColorData08Subtle,
1257
+ ddsColorData09Border: ddsColorData09Border,
1258
+ ddsColorData09Default: ddsColorData09Default,
1259
+ ddsColorData09Subtle: ddsColorData09Subtle,
1260
+ ddsColorData10Border: ddsColorData10Border,
1261
+ ddsColorData10Default: ddsColorData10Default,
1262
+ ddsColorData10Subtle: ddsColorData10Subtle,
1263
+ ddsColorDataBlue100: ddsColorDataBlue100,
1264
+ ddsColorDataBlue200: ddsColorDataBlue200,
1265
+ ddsColorDataBlue300: ddsColorDataBlue300,
1266
+ ddsColorDataBlue400: ddsColorDataBlue400,
1267
+ ddsColorDataBlue500: ddsColorDataBlue500,
1268
+ ddsColorDataBlue600: ddsColorDataBlue600,
1269
+ ddsColorDataBlue700: ddsColorDataBlue700,
1270
+ ddsColorDataBlue800: ddsColorDataBlue800,
1271
+ ddsColorDataBlue900: ddsColorDataBlue900,
1272
+ ddsColorDataBrown100: ddsColorDataBrown100,
1273
+ ddsColorDataBrown200: ddsColorDataBrown200,
1274
+ ddsColorDataBrown300: ddsColorDataBrown300,
1275
+ ddsColorDataBrown400: ddsColorDataBrown400,
1276
+ ddsColorDataBrown500: ddsColorDataBrown500,
1277
+ ddsColorDataBrown600: ddsColorDataBrown600,
1278
+ ddsColorDataBrown700: ddsColorDataBrown700,
1279
+ ddsColorDataBrown800: ddsColorDataBrown800,
1280
+ ddsColorDataBrown900: ddsColorDataBrown900,
1281
+ ddsColorDataDeepblue100: ddsColorDataDeepblue100,
1282
+ ddsColorDataDeepblue200: ddsColorDataDeepblue200,
1283
+ ddsColorDataDeepblue300: ddsColorDataDeepblue300,
1284
+ ddsColorDataDeepblue400: ddsColorDataDeepblue400,
1285
+ ddsColorDataDeepblue500: ddsColorDataDeepblue500,
1286
+ ddsColorDataDeepblue600: ddsColorDataDeepblue600,
1287
+ ddsColorDataDeepblue700: ddsColorDataDeepblue700,
1288
+ ddsColorDataDeepblue800: ddsColorDataDeepblue800,
1289
+ ddsColorDataDeepblue900: ddsColorDataDeepblue900,
1290
+ ddsColorDataGray100: ddsColorDataGray100,
1291
+ ddsColorDataGray200: ddsColorDataGray200,
1292
+ ddsColorDataGray300: ddsColorDataGray300,
1293
+ ddsColorDataGray400: ddsColorDataGray400,
1294
+ ddsColorDataGray500: ddsColorDataGray500,
1295
+ ddsColorDataGray600: ddsColorDataGray600,
1296
+ ddsColorDataGray700: ddsColorDataGray700,
1297
+ ddsColorDataGray800: ddsColorDataGray800,
1298
+ ddsColorDataGray900: ddsColorDataGray900,
1299
+ ddsColorDataGreen100: ddsColorDataGreen100,
1300
+ ddsColorDataGreen200: ddsColorDataGreen200,
1301
+ ddsColorDataGreen300: ddsColorDataGreen300,
1302
+ ddsColorDataGreen400: ddsColorDataGreen400,
1303
+ ddsColorDataGreen500: ddsColorDataGreen500,
1304
+ ddsColorDataGreen600: ddsColorDataGreen600,
1305
+ ddsColorDataGreen700: ddsColorDataGreen700,
1306
+ ddsColorDataGreen800: ddsColorDataGreen800,
1307
+ ddsColorDataGreen900: ddsColorDataGreen900,
1308
+ ddsColorDataMagenta100: ddsColorDataMagenta100,
1309
+ ddsColorDataMagenta200: ddsColorDataMagenta200,
1310
+ ddsColorDataMagenta300: ddsColorDataMagenta300,
1311
+ ddsColorDataMagenta400: ddsColorDataMagenta400,
1312
+ ddsColorDataMagenta500: ddsColorDataMagenta500,
1313
+ ddsColorDataMagenta600: ddsColorDataMagenta600,
1314
+ ddsColorDataMagenta700: ddsColorDataMagenta700,
1315
+ ddsColorDataMagenta800: ddsColorDataMagenta800,
1316
+ ddsColorDataMagenta900: ddsColorDataMagenta900,
1317
+ ddsColorDataOlive100: ddsColorDataOlive100,
1318
+ ddsColorDataOlive200: ddsColorDataOlive200,
1319
+ ddsColorDataOlive300: ddsColorDataOlive300,
1320
+ ddsColorDataOlive400: ddsColorDataOlive400,
1321
+ ddsColorDataOlive500: ddsColorDataOlive500,
1322
+ ddsColorDataOlive600: ddsColorDataOlive600,
1323
+ ddsColorDataOlive700: ddsColorDataOlive700,
1324
+ ddsColorDataOlive800: ddsColorDataOlive800,
1325
+ ddsColorDataOlive900: ddsColorDataOlive900,
1326
+ ddsColorDataPurple100: ddsColorDataPurple100,
1327
+ ddsColorDataPurple200: ddsColorDataPurple200,
1328
+ ddsColorDataPurple300: ddsColorDataPurple300,
1329
+ ddsColorDataPurple400: ddsColorDataPurple400,
1330
+ ddsColorDataPurple500: ddsColorDataPurple500,
1331
+ ddsColorDataPurple600: ddsColorDataPurple600,
1332
+ ddsColorDataPurple700: ddsColorDataPurple700,
1333
+ ddsColorDataPurple800: ddsColorDataPurple800,
1334
+ ddsColorDataPurple900: ddsColorDataPurple900,
1335
+ ddsColorDataRed100: ddsColorDataRed100,
1336
+ ddsColorDataRed200: ddsColorDataRed200,
1337
+ ddsColorDataRed300: ddsColorDataRed300,
1338
+ ddsColorDataRed400: ddsColorDataRed400,
1339
+ ddsColorDataRed500: ddsColorDataRed500,
1340
+ ddsColorDataRed600: ddsColorDataRed600,
1341
+ ddsColorDataRed700: ddsColorDataRed700,
1342
+ ddsColorDataRed800: ddsColorDataRed800,
1343
+ ddsColorDataRed900: ddsColorDataRed900,
1344
+ ddsColorDataTeal100: ddsColorDataTeal100,
1345
+ ddsColorDataTeal200: ddsColorDataTeal200,
1346
+ ddsColorDataTeal300: ddsColorDataTeal300,
1347
+ ddsColorDataTeal400: ddsColorDataTeal400,
1348
+ ddsColorDataTeal500: ddsColorDataTeal500,
1349
+ ddsColorDataTeal600: ddsColorDataTeal600,
1350
+ ddsColorDataTeal700: ddsColorDataTeal700,
1351
+ ddsColorDataTeal800: ddsColorDataTeal800,
1352
+ ddsColorDataTeal900: ddsColorDataTeal900,
918
1353
  ddsColorFocusInside: ddsColorFocusInside,
919
1354
  ddsColorFocusOutside: ddsColorFocusOutside,
920
1355
  ddsColorIconActionHover: ddsColorIconActionHover,
@@ -1051,12 +1486,6 @@ var ddsTokensPublic = /*#__PURE__*/Object.freeze({
1051
1486
  ddsFontParagraphSpacingMediumNumberEm: ddsFontParagraphSpacingMediumNumberEm,
1052
1487
  ddsFontParagraphSpacingSmall: ddsFontParagraphSpacingSmall,
1053
1488
  ddsFontParagraphSpacingSmallNumberEm: ddsFontParagraphSpacingSmallNumberEm,
1054
- ddsFontSizeLarge: ddsFontSizeLarge,
1055
- ddsFontSizeLargeNumberRem: ddsFontSizeLargeNumberRem,
1056
- ddsFontSizeMedium: ddsFontSizeMedium,
1057
- ddsFontSizeMediumNumberRem: ddsFontSizeMediumNumberRem,
1058
- ddsFontSizeSmall: ddsFontSizeSmall,
1059
- ddsFontSizeSmallNumberRem: ddsFontSizeSmallNumberRem,
1060
1489
  ddsFontSizeX075: ddsFontSizeX075,
1061
1490
  ddsFontSizeX075NumberRem: ddsFontSizeX075NumberRem,
1062
1491
  ddsFontSizeX0875: ddsFontSizeX0875,
@@ -1079,22 +1508,13 @@ var ddsTokensPublic = /*#__PURE__*/Object.freeze({
1079
1508
  ddsFontSizeX4NumberRem: ddsFontSizeX4NumberRem,
1080
1509
  ddsFontSizeX5: ddsFontSizeX5,
1081
1510
  ddsFontSizeX5NumberRem: ddsFontSizeX5NumberRem,
1082
- ddsFontSizeXlarge: ddsFontSizeXlarge,
1083
- ddsFontSizeXlargeNumberRem: ddsFontSizeXlargeNumberRem,
1084
- ddsFontSizeXsmall: ddsFontSizeXsmall,
1085
- ddsFontSizeXsmallNumberRem: ddsFontSizeXsmallNumberRem,
1086
- ddsFontSizeXxlarge: ddsFontSizeXxlarge,
1087
- ddsFontSizeXxlargeNumberRem: ddsFontSizeXxlargeNumberRem,
1088
- ddsFontSizeXxsmall: ddsFontSizeXxsmall,
1089
- ddsFontSizeXxsmallNumberRem: ddsFontSizeXxsmallNumberRem,
1090
- ddsFontSizeXxxsmall: ddsFontSizeXxxsmall,
1091
- ddsFontSizeXxxsmallNumberRem: ddsFontSizeXxxsmallNumberRem,
1092
1511
  ddsFontStyleItalic: ddsFontStyleItalic,
1093
1512
  ddsFontStyleNormal: ddsFontStyleNormal,
1094
1513
  ddsFontStyleUnderline: ddsFontStyleUnderline,
1095
1514
  ddsFontWeightBold: ddsFontWeightBold,
1096
1515
  ddsFontWeightLight: ddsFontWeightLight,
1097
1516
  ddsFontWeightNormal: ddsFontWeightNormal,
1517
+ ddsFontWeightSemiBold: ddsFontWeightSemiBold,
1098
1518
  ddsGridLgCount: ddsGridLgCount,
1099
1519
  ddsGridLgGutterSize: ddsGridLgGutterSize,
1100
1520
  ddsGridLgGutterSizeNumberPx: ddsGridLgGutterSizeNumberPx,