@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/css/ddsTokens-public.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-border-radius-button: 2px; /* For use in button component and togglebutton */
291
291
  --dds-border-radius-surface: 2px; /* Most surfaces, for example cards, papers, messages, backgrounds in GUI */
292
292
  --dds-border-radius-input: 2px; /* All input fields, and check boxes */
package/dist/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/generated-tokens/js/Core/ddsTokens.js CHANGED
@@ -118,6 +118,9 @@ const ddsZindexTooltip = "120"; // Brukes for dds-tooltip
118
118
  const ddsZindexDropdown = "100"; // Dropdown brukes for bl.a søkeforslag, dropdown i select
119
119
  const ddsZindexSticky = "50"; // Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater
120
120
  const ddsZindexAbsoluteElement = "1"; // Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder
121
+ const ddsColorData10Default = "#196b8f";
122
+ const ddsColorData10Subtle = "#96c5d9";
123
+ const ddsColorData10Border = "#196b8f";
121
124
  const ddsColorDataRed100 = "#f8d2d4";
122
125
  const ddsColorDataRed200 = "#f0a5a9";
123
126
  const ddsColorDataRed300 = "#e9787e";
@@ -208,11 +211,38 @@ const ddsColorDataGray600 = "#5b5b5b";
208
211
  const ddsColorDataGray700 = "#444444";
209
212
  const ddsColorDataGray800 = "#2e2e2e";
210
213
  const ddsColorDataGray900 = "#171717";
214
+ const ddsColorData01Default = "#0f62fe";
215
+ const ddsColorData01Subtle = "#9fc0ff";
216
+ const ddsColorData01Border = "#0f62fe";
217
+ const ddsColorData02Default = "#b3572f";
218
+ const ddsColorData02Subtle = "#e1bcac";
219
+ const ddsColorData02Border = "#b3572f";
220
+ const ddsColorData03Default = "#727272";
221
+ const ddsColorData03Subtle = "#c7c7c7";
222
+ const ddsColorData03Border = "#727272";
223
+ const ddsColorData04Default = "#198038";
224
+ const ddsColorData04Subtle = "#a3ccaf";
225
+ const ddsColorData04Border = "#198038";
226
+ const ddsColorData05Default = "#8a3ffc";
227
+ const ddsColorData05Subtle = "#d0b2fe";
228
+ const ddsColorData05Border = "#8a3ffc";
229
+ const ddsColorData06Default = "#b62665";
230
+ const ddsColorData06Subtle = "#dfa5bf";
231
+ const ddsColorData06Border = "#b62665";
232
+ const ddsColorData07Default = "#7c7518";
233
+ const ddsColorData07Subtle = "#cdc9a1";
234
+ const ddsColorData07Border = "#7c7518";
235
+ const ddsColorData08Default = "#da1e28";
236
+ const ddsColorData08Subtle = "#f0a5a9";
237
+ const ddsColorData08Border = "#da1e28";
238
+ const ddsColorData09Default = "#007d79";
239
+ const ddsColorData09Subtle = "#90ccc9";
240
+ const ddsColorData09Border = "#007d79";
211
241
  const ddsColorBgDefault = "#ffffff"; // UI shell base color
212
242
  const ddsColorBgSubtle = "#f1f3f4"; // Alternative UI shell base color
213
243
  const ddsColorSurfaceDefault = "#ffffff"; // Default bg
214
244
  const ddsColorSurfaceSubtle = "#f1f3f4"; // Subtle surface color
215
- const ddsColorSurfaceMedium = "#e4e6e8"; // Medium surface color
245
+ const ddsColorSurfaceMedium = "#e9ebec"; // Medium surface color
216
246
  const ddsColorSurfaceHoverDefault = "#e7f1f7"; // Hover on surface (default, subtle, medium)
217
247
  const ddsColorSurfaceHoverSubtle = "#f1f3f4"; // Subtle hover on surface (default, medium)
218
248
  const ddsColorSurfaceSelectedDefault = "#e7f1f7"; // Selected state for surface (default, subtle, medium)
@@ -295,36 +325,6 @@ const ddsColorBrandTertiaryMedium = "#f2a68f"; // Tertiary brand color
295
325
  const ddsColorBrandTertiaryStrong = "#d45d32"; // Tertiary brand color
296
326
  const ddsColorFocusOutside = "#2a4b61"; // Contrast to .inside
297
327
  const ddsColorFocusInside = "#f1f8fd"; // Contrast to .outside
298
- const ddsColorData10Default = "#196b8f";
299
- const ddsColorData10Subtle = "#96c5d9";
300
- const ddsColorData10Border = "#196b8f";
301
- const ddsColorData01Default = "#0f62fe";
302
- const ddsColorData01Subtle = "#9fc0ff";
303
- const ddsColorData01Border = "#0f62fe";
304
- const ddsColorData02Default = "#b3572f";
305
- const ddsColorData02Subtle = "#e1bcac";
306
- const ddsColorData02Border = "#b3572f";
307
- const ddsColorData03Default = "#727272";
308
- const ddsColorData03Subtle = "#c7c7c7";
309
- const ddsColorData03Border = "#727272";
310
- const ddsColorData04Default = "#198038";
311
- const ddsColorData04Subtle = "#a3ccaf";
312
- const ddsColorData04Border = "#198038";
313
- const ddsColorData05Default = "#8a3ffc";
314
- const ddsColorData05Subtle = "#d0b2fe";
315
- const ddsColorData05Border = "#8a3ffc";
316
- const ddsColorData06Default = "#b62665";
317
- const ddsColorData06Subtle = "#dfa5bf";
318
- const ddsColorData06Border = "#b62665";
319
- const ddsColorData07Default = "#7c7518";
320
- const ddsColorData07Subtle = "#cdc9a1";
321
- const ddsColorData07Border = "#7c7518";
322
- const ddsColorData08Default = "#da1e28";
323
- const ddsColorData08Subtle = "#f0a5a9";
324
- const ddsColorData08Border = "#da1e28";
325
- const ddsColorData09Default = "#007d79";
326
- const ddsColorData09Subtle = "#90ccc9";
327
- const ddsColorData09Border = "#007d79";
328
328
  const ddsFontLabelMedium = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Label for form components
329
329
  const ddsFontBodyXsmall = "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // used with xsmall button and input fields
330
330
  const ddsFontBodySmall = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // used with small button and input fields
package/dist/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/generated-tokens/js/Public/ddsTokens.js CHANGED
@@ -118,6 +118,9 @@ const ddsZindexTooltip = "120"; // Brukes for dds-tooltip
118
118
  const ddsZindexDropdown = "100"; // Dropdown brukes for bl.a søkeforslag, dropdown i select
119
119
  const ddsZindexSticky = "50"; // Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater
120
120
  const ddsZindexAbsoluteElement = "1"; // Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder
121
+ const ddsColorData10Default = "#196b8f";
122
+ const ddsColorData10Subtle = "#96c5d9";
123
+ const ddsColorData10Border = "#196b8f";
121
124
  const ddsColorDataRed100 = "#f8d2d4";
122
125
  const ddsColorDataRed200 = "#f0a5a9";
123
126
  const ddsColorDataRed300 = "#e9787e";
@@ -208,11 +211,38 @@ const ddsColorDataGray600 = "#5b5b5b";
208
211
  const ddsColorDataGray700 = "#444444";
209
212
  const ddsColorDataGray800 = "#2e2e2e";
210
213
  const ddsColorDataGray900 = "#171717";
214
+ const ddsColorData01Default = "#0f62fe";
215
+ const ddsColorData01Subtle = "#9fc0ff";
216
+ const ddsColorData01Border = "#0f62fe";
217
+ const ddsColorData02Default = "#b3572f";
218
+ const ddsColorData02Subtle = "#e1bcac";
219
+ const ddsColorData02Border = "#b3572f";
220
+ const ddsColorData03Default = "#727272";
221
+ const ddsColorData03Subtle = "#c7c7c7";
222
+ const ddsColorData03Border = "#727272";
223
+ const ddsColorData04Default = "#198038";
224
+ const ddsColorData04Subtle = "#a3ccaf";
225
+ const ddsColorData04Border = "#198038";
226
+ const ddsColorData05Default = "#8a3ffc";
227
+ const ddsColorData05Subtle = "#d0b2fe";
228
+ const ddsColorData05Border = "#8a3ffc";
229
+ const ddsColorData06Default = "#b62665";
230
+ const ddsColorData06Subtle = "#dfa5bf";
231
+ const ddsColorData06Border = "#b62665";
232
+ const ddsColorData07Default = "#7c7518";
233
+ const ddsColorData07Subtle = "#cdc9a1";
234
+ const ddsColorData07Border = "#7c7518";
235
+ const ddsColorData08Default = "#da1e28";
236
+ const ddsColorData08Subtle = "#f0a5a9";
237
+ const ddsColorData08Border = "#da1e28";
238
+ const ddsColorData09Default = "#007d79";
239
+ const ddsColorData09Subtle = "#90ccc9";
240
+ const ddsColorData09Border = "#007d79";
211
241
  const ddsColorBgDefault = "#ffffff"; // UI shell base color
212
242
  const ddsColorBgSubtle = "#f1f3f4"; // Alternative UI shell base color
213
243
  const ddsColorSurfaceDefault = "#ffffff"; // Default bg
214
244
  const ddsColorSurfaceSubtle = "#f1f3f4"; // Subtle surface color
215
- const ddsColorSurfaceMedium = "#e4e6e8"; // Medium surface color
245
+ const ddsColorSurfaceMedium = "#e9ebec"; // Medium surface color
216
246
  const ddsColorSurfaceHoverDefault = "#e7f1f7"; // Hover on surface (default, subtle, medium)
217
247
  const ddsColorSurfaceHoverSubtle = "#f1f3f4"; // Subtle hover on surface (default, medium)
218
248
  const ddsColorSurfaceSelectedDefault = "#e7f1f7"; // Selected state for surface (default, subtle, medium)
@@ -295,36 +325,6 @@ const ddsColorBrandTertiaryMedium = "#f2a68f"; // Tertiary brand color
295
325
  const ddsColorBrandTertiaryStrong = "#d45d32"; // Tertiary brand color
296
326
  const ddsColorFocusOutside = "#2a4b61"; // Contrast to .inside
297
327
  const ddsColorFocusInside = "#f1f8fd"; // Contrast to .outside
298
- const ddsColorData10Default = "#196b8f";
299
- const ddsColorData10Subtle = "#96c5d9";
300
- const ddsColorData10Border = "#196b8f";
301
- const ddsColorData01Default = "#0f62fe";
302
- const ddsColorData01Subtle = "#9fc0ff";
303
- const ddsColorData01Border = "#0f62fe";
304
- const ddsColorData02Default = "#b3572f";
305
- const ddsColorData02Subtle = "#e1bcac";
306
- const ddsColorData02Border = "#b3572f";
307
- const ddsColorData03Default = "#727272";
308
- const ddsColorData03Subtle = "#c7c7c7";
309
- const ddsColorData03Border = "#727272";
310
- const ddsColorData04Default = "#198038";
311
- const ddsColorData04Subtle = "#a3ccaf";
312
- const ddsColorData04Border = "#198038";
313
- const ddsColorData05Default = "#8a3ffc";
314
- const ddsColorData05Subtle = "#d0b2fe";
315
- const ddsColorData05Border = "#8a3ffc";
316
- const ddsColorData06Default = "#b62665";
317
- const ddsColorData06Subtle = "#dfa5bf";
318
- const ddsColorData06Border = "#b62665";
319
- const ddsColorData07Default = "#7c7518";
320
- const ddsColorData07Subtle = "#cdc9a1";
321
- const ddsColorData07Border = "#7c7518";
322
- const ddsColorData08Default = "#da1e28";
323
- const ddsColorData08Subtle = "#f0a5a9";
324
- const ddsColorData08Border = "#da1e28";
325
- const ddsColorData09Default = "#007d79";
326
- const ddsColorData09Subtle = "#90ccc9";
327
- const ddsColorData09Border = "#007d79";
328
328
  const ddsBorderRadiusButton = "2px";
329
329
  const ddsBorderRadiusButtonNumberPx = 2; // For use in button component and togglebutton
330
330
  const ddsBorderRadiusSurface = "2px";
package/dist/scss/_ddsTokens.scss CHANGED
@@ -78,6 +78,9 @@
78
78
  $dds-zindex-dropdown: var(--dds-zindex-dropdown); /* Dropdown brukes for bl.a søkeforslag, dropdown i select */
79
79
  $dds-zindex-sticky: var(--dds-zindex-sticky); /* Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater */
80
80
  $dds-zindex-absolute-element: var(--dds-zindex-absolute-element); /* Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder */
81
+ $dds-color-data-10-default: var(--dds-color-data-10-default);
82
+ $dds-color-data-10-subtle: var(--dds-color-data-10-subtle);
83
+ $dds-color-data-10-border: var(--dds-color-data-10-border);
81
84
  $dds-color-data-red-100: var(--dds-color-data-red-100);
82
85
  $dds-color-data-red-200: var(--dds-color-data-red-200);
83
86
  $dds-color-data-red-300: var(--dds-color-data-red-300);
@@ -168,6 +171,33 @@
168
171
  $dds-color-data-gray-700: var(--dds-color-data-gray-700);
169
172
  $dds-color-data-gray-800: var(--dds-color-data-gray-800);
170
173
  $dds-color-data-gray-900: var(--dds-color-data-gray-900);
174
+ $dds-color-data-01-default: var(--dds-color-data-01-default);
175
+ $dds-color-data-01-subtle: var(--dds-color-data-01-subtle);
176
+ $dds-color-data-01-border: var(--dds-color-data-01-border);
177
+ $dds-color-data-02-default: var(--dds-color-data-02-default);
178
+ $dds-color-data-02-subtle: var(--dds-color-data-02-subtle);
179
+ $dds-color-data-02-border: var(--dds-color-data-02-border);
180
+ $dds-color-data-03-default: var(--dds-color-data-03-default);
181
+ $dds-color-data-03-subtle: var(--dds-color-data-03-subtle);
182
+ $dds-color-data-03-border: var(--dds-color-data-03-border);
183
+ $dds-color-data-04-default: var(--dds-color-data-04-default);
184
+ $dds-color-data-04-subtle: var(--dds-color-data-04-subtle);
185
+ $dds-color-data-04-border: var(--dds-color-data-04-border);
186
+ $dds-color-data-05-default: var(--dds-color-data-05-default);
187
+ $dds-color-data-05-subtle: var(--dds-color-data-05-subtle);
188
+ $dds-color-data-05-border: var(--dds-color-data-05-border);
189
+ $dds-color-data-06-default: var(--dds-color-data-06-default);
190
+ $dds-color-data-06-subtle: var(--dds-color-data-06-subtle);
191
+ $dds-color-data-06-border: var(--dds-color-data-06-border);
192
+ $dds-color-data-07-default: var(--dds-color-data-07-default);
193
+ $dds-color-data-07-subtle: var(--dds-color-data-07-subtle);
194
+ $dds-color-data-07-border: var(--dds-color-data-07-border);
195
+ $dds-color-data-08-default: var(--dds-color-data-08-default);
196
+ $dds-color-data-08-subtle: var(--dds-color-data-08-subtle);
197
+ $dds-color-data-08-border: var(--dds-color-data-08-border);
198
+ $dds-color-data-09-default: var(--dds-color-data-09-default);
199
+ $dds-color-data-09-subtle: var(--dds-color-data-09-subtle);
200
+ $dds-color-data-09-border: var(--dds-color-data-09-border);
171
201
  $dds-color-bg-default: var(--dds-color-bg-default); /* UI shell base color */
172
202
  $dds-color-bg-subtle: var(--dds-color-bg-subtle); /* Alternative UI shell base color */
173
203
  $dds-color-surface-default: var(--dds-color-surface-default); /* Default bg */
@@ -255,36 +285,6 @@
255
285
  $dds-color-brand-tertiary-strong: var(--dds-color-brand-tertiary-strong); /* Tertiary brand color */
256
286
  $dds-color-focus-outside: var(--dds-color-focus-outside); /* Contrast to .inside */
257
287
  $dds-color-focus-inside: var(--dds-color-focus-inside); /* Contrast to .outside */
258
- $dds-color-data-10-default: var(--dds-color-data-10-default);
259
- $dds-color-data-10-subtle: var(--dds-color-data-10-subtle);
260
- $dds-color-data-10-border: var(--dds-color-data-10-border);
261
- $dds-color-data-01-default: var(--dds-color-data-01-default);
262
- $dds-color-data-01-subtle: var(--dds-color-data-01-subtle);
263
- $dds-color-data-01-border: var(--dds-color-data-01-border);
264
- $dds-color-data-02-default: var(--dds-color-data-02-default);
265
- $dds-color-data-02-subtle: var(--dds-color-data-02-subtle);
266
- $dds-color-data-02-border: var(--dds-color-data-02-border);
267
- $dds-color-data-03-default: var(--dds-color-data-03-default);
268
- $dds-color-data-03-subtle: var(--dds-color-data-03-subtle);
269
- $dds-color-data-03-border: var(--dds-color-data-03-border);
270
- $dds-color-data-04-default: var(--dds-color-data-04-default);
271
- $dds-color-data-04-subtle: var(--dds-color-data-04-subtle);
272
- $dds-color-data-04-border: var(--dds-color-data-04-border);
273
- $dds-color-data-05-default: var(--dds-color-data-05-default);
274
- $dds-color-data-05-subtle: var(--dds-color-data-05-subtle);
275
- $dds-color-data-05-border: var(--dds-color-data-05-border);
276
- $dds-color-data-06-default: var(--dds-color-data-06-default);
277
- $dds-color-data-06-subtle: var(--dds-color-data-06-subtle);
278
- $dds-color-data-06-border: var(--dds-color-data-06-border);
279
- $dds-color-data-07-default: var(--dds-color-data-07-default);
280
- $dds-color-data-07-subtle: var(--dds-color-data-07-subtle);
281
- $dds-color-data-07-border: var(--dds-color-data-07-border);
282
- $dds-color-data-08-default: var(--dds-color-data-08-default);
283
- $dds-color-data-08-subtle: var(--dds-color-data-08-subtle);
284
- $dds-color-data-08-border: var(--dds-color-data-08-border);
285
- $dds-color-data-09-default: var(--dds-color-data-09-default);
286
- $dds-color-data-09-subtle: var(--dds-color-data-09-subtle);
287
- $dds-color-data-09-border: var(--dds-color-data-09-border);
288
288
  $dds-border-radius-button: var(--dds-border-radius-button); /* For use in button component and togglebutton */
289
289
  $dds-border-radius-surface: var(--dds-border-radius-surface); /* Most surfaces, for example cards, papers, messages, backgrounds in GUI */
290
290
  $dds-border-radius-input: var(--dds-border-radius-input); /* All input fields, and check boxes */