@norges-domstoler/dds-design-tokens 8.0.0 → 8.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.
Files changed (13) hide show
  1. package/dist/cjs/generated-tokens/js/Core/ddsTokens.d.ts +31 -31
  2. package/dist/cjs/generated-tokens/js/Public/ddsTokens.d.ts +31 -31
  3. package/dist/cjs/index.js +62 -62
  4. package/dist/cjs/src/index.d.ts +62 -62
  5. package/dist/css/ddsTokens-core.css +31 -31
  6. package/dist/css/ddsTokens-public.css +31 -31
  7. package/dist/generated-tokens/js/Core/ddsTokens.d.ts +31 -31
  8. package/dist/generated-tokens/js/Core/ddsTokens.js +31 -31
  9. package/dist/generated-tokens/js/Public/ddsTokens.d.ts +31 -31
  10. package/dist/generated-tokens/js/Public/ddsTokens.js +31 -31
  11. package/dist/scss/_ddsTokens.scss +30 -30
  12. package/dist/src/index.d.ts +62 -62
  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";
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";
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
@@ -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";
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";
@@ -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";
package/dist/css/ddsTokens-core.css CHANGED
@@ -80,6 +80,9 @@
80
80
  --dds-zindex-dropdown: 100; /* Dropdown brukes for bl.a søkeforslag, dropdown i select */
81
81
  --dds-zindex-sticky: 50; /* Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater */
82
82
  --dds-zindex-absolute-element: 1; /* Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder */
83
+ --dds-color-data-10-default: #196b8f;
84
+ --dds-color-data-10-subtle: #96c5d9;
85
+ --dds-color-data-10-border: #196b8f;
83
86
  --dds-color-data-red-100: #f8d2d4;
84
87
  --dds-color-data-red-200: #f0a5a9;
85
88
  --dds-color-data-red-300: #e9787e;
@@ -170,11 +173,38 @@
170
173
  --dds-color-data-gray-700: #444444;
171
174
  --dds-color-data-gray-800: #2e2e2e;
172
175
  --dds-color-data-gray-900: #171717;
176
+ --dds-color-data-01-default: #0f62fe;
177
+ --dds-color-data-01-subtle: #9fc0ff;
178
+ --dds-color-data-01-border: #0f62fe;
179
+ --dds-color-data-02-default: #b3572f;
180
+ --dds-color-data-02-subtle: #e1bcac;
181
+ --dds-color-data-02-border: #b3572f;
182
+ --dds-color-data-03-default: #727272;
183
+ --dds-color-data-03-subtle: #c7c7c7;
184
+ --dds-color-data-03-border: #727272;
185
+ --dds-color-data-04-default: #198038;
186
+ --dds-color-data-04-subtle: #a3ccaf;
187
+ --dds-color-data-04-border: #198038;
188
+ --dds-color-data-05-default: #8a3ffc;
189
+ --dds-color-data-05-subtle: #d0b2fe;
190
+ --dds-color-data-05-border: #8a3ffc;
191
+ --dds-color-data-06-default: #b62665;
192
+ --dds-color-data-06-subtle: #dfa5bf;
193
+ --dds-color-data-06-border: #b62665;
194
+ --dds-color-data-07-default: #7c7518;
195
+ --dds-color-data-07-subtle: #cdc9a1;
196
+ --dds-color-data-07-border: #7c7518;
197
+ --dds-color-data-08-default: #da1e28;
198
+ --dds-color-data-08-subtle: #f0a5a9;
199
+ --dds-color-data-08-border: #da1e28;
200
+ --dds-color-data-09-default: #007d79;
201
+ --dds-color-data-09-subtle: #90ccc9;
202
+ --dds-color-data-09-border: #007d79;
173
203
  --dds-color-bg-default: #ffffff; /* UI shell base color */
174
204
  --dds-color-bg-subtle: #f1f3f4; /* Alternative UI shell base color */
175
205
  --dds-color-surface-default: #ffffff; /* Default bg */
176
206
  --dds-color-surface-subtle: #f1f3f4; /* Subtle surface color */
177
- --dds-color-surface-medium: #e4e6e8; /* Medium surface color */
207
+ --dds-color-surface-medium: #e9ebec; /* Medium surface color */
178
208
  --dds-color-surface-hover-default: #e7f1f7; /* Hover on surface (default, subtle, medium) */
179
209
  --dds-color-surface-hover-subtle: #f1f3f4; /* Subtle hover on surface (default, medium) */
180
210
  --dds-color-surface-selected-default: #e7f1f7; /* Selected state for surface (default, subtle, medium) */
@@ -257,36 +287,6 @@
257
287
  --dds-color-brand-tertiary-strong: #d45d32; /* Tertiary brand color */
258
288
  --dds-color-focus-outside: #2a4b61; /* Contrast to .inside */
259
289
  --dds-color-focus-inside: #f1f8fd; /* Contrast to .outside */
260
- --dds-color-data-10-default: #196b8f;
261
- --dds-color-data-10-subtle: #96c5d9;
262
- --dds-color-data-10-border: #196b8f;
263
- --dds-color-data-01-default: #0f62fe;
264
- --dds-color-data-01-subtle: #9fc0ff;
265
- --dds-color-data-01-border: #0f62fe;
266
- --dds-color-data-02-default: #b3572f;
267
- --dds-color-data-02-subtle: #e1bcac;
268
- --dds-color-data-02-border: #b3572f;
269
- --dds-color-data-03-default: #727272;
270
- --dds-color-data-03-subtle: #c7c7c7;
271
- --dds-color-data-03-border: #727272;
272
- --dds-color-data-04-default: #198038;
273
- --dds-color-data-04-subtle: #a3ccaf;
274
- --dds-color-data-04-border: #198038;
275
- --dds-color-data-05-default: #8a3ffc;
276
- --dds-color-data-05-subtle: #d0b2fe;
277
- --dds-color-data-05-border: #8a3ffc;
278
- --dds-color-data-06-default: #b62665;
279
- --dds-color-data-06-subtle: #dfa5bf;
280
- --dds-color-data-06-border: #b62665;
281
- --dds-color-data-07-default: #7c7518;
282
- --dds-color-data-07-subtle: #cdc9a1;
283
- --dds-color-data-07-border: #7c7518;
284
- --dds-color-data-08-default: #da1e28;
285
- --dds-color-data-08-subtle: #f0a5a9;
286
- --dds-color-data-08-border: #da1e28;
287
- --dds-color-data-09-default: #007d79;
288
- --dds-color-data-09-subtle: #90ccc9;
289
- --dds-color-data-09-border: #007d79;
290
290
  --dds-font-label-medium: 600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Label for form components */
291
291
  --dds-font-body-xsmall: 400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* used with xsmall button and input fields */
292
292
  --dds-font-body-small: 400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* used with small button and input fields */