@norges-domstoler/dds-design-tokens 8.0.0 → 8.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/generated-tokens/js/Core/ddsTokens.d.ts +33 -33
- package/dist/cjs/generated-tokens/js/Public/ddsTokens.d.ts +32 -32
- package/dist/cjs/index.js +65 -65
- package/dist/cjs/src/index.d.ts +65 -65
- package/dist/css/ddsTokens-core.css +33 -33
- package/dist/css/ddsTokens-public.css +32 -32
- package/dist/generated-tokens/js/Core/ddsTokens.d.ts +33 -33
- package/dist/generated-tokens/js/Core/ddsTokens.js +33 -33
- package/dist/generated-tokens/js/Public/ddsTokens.d.ts +32 -32
- package/dist/generated-tokens/js/Public/ddsTokens.js +32 -32
- package/dist/scss/_ddsTokens.scss +30 -30
- package/dist/src/index.d.ts +65 -65
- package/package.json +3 -3
|
@@ -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: #
|
|
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 */
|
|
@@ -296,8 +296,8 @@
|
|
|
296
296
|
--dds-font-heading-xsmall: 600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Default h5 */
|
|
297
297
|
--dds-font-heading-small: 600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Default h4 */
|
|
298
298
|
--dds-font-heading-medium: 600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Default h3 */
|
|
299
|
-
--dds-font-heading-large: 400
|
|
300
|
-
--dds-font-heading-xlarge: 400
|
|
299
|
+
--dds-font-heading-large: 400 1.5rem/1.35 'IBM Plex Sans', Arial, sans-serif; /* Default h2 */
|
|
300
|
+
--dds-font-heading-xlarge: 400 2rem/1.35 'IBM Plex Sans', Arial, sans-serif; /* Default H1 */
|
|
301
301
|
--dds-font-heading-xxlarge: 300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.2 'IBM Plex Sans', Arial, sans-serif; /* Display or extra large page title (h1) */
|
|
302
302
|
--dds-font-lead-medium: 300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Lead brukes som ingress når man skriver artikler etc */
|
|
303
303
|
--dds-font-code-medium: 400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace; /* Brukes for kodesnutter etc */
|
|
@@ -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: #
|
|
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 */
|
|
@@ -301,7 +301,7 @@
|
|
|
301
301
|
--dds-font-heading-xsmall: 600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Default h5 */
|
|
302
302
|
--dds-font-heading-small: 600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Default h4 */
|
|
303
303
|
--dds-font-heading-medium: 500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Default h3 */
|
|
304
|
-
--dds-font-heading-large: 400
|
|
304
|
+
--dds-font-heading-large: 400 2rem/1.35 'IBM Plex Sans', Arial, sans-serif; /* Default h2 */
|
|
305
305
|
--dds-font-heading-xlarge: 300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif; /* Default H1 */
|
|
306
306
|
--dds-font-heading-xxlarge: 300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif; /* Display or extra large page title (h1) */
|
|
307
307
|
--dds-font-lead-medium: 300 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Lead brukes som ingress når man skriver artikler etc */
|
|
@@ -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 = "#
|
|
244
|
+
export declare const ddsColorSurfaceMedium = "#e9ebec";
|
|
215
245
|
export declare const ddsColorSurfaceHoverDefault = "#e7f1f7";
|
|
216
246
|
export declare const ddsColorSurfaceHoverSubtle = "#f1f3f4";
|
|
217
247
|
export declare const ddsColorSurfaceSelectedDefault = "#e7f1f7";
|
|
@@ -294,36 +324,6 @@ export declare const ddsColorBrandTertiaryMedium = "#f2a68f";
|
|
|
294
324
|
export declare const ddsColorBrandTertiaryStrong = "#d45d32";
|
|
295
325
|
export declare const ddsColorFocusOutside = "#2a4b61";
|
|
296
326
|
export declare const ddsColorFocusInside = "#f1f8fd";
|
|
297
|
-
export declare const ddsColorData10Default = "#196b8f";
|
|
298
|
-
export declare const ddsColorData10Subtle = "#96c5d9";
|
|
299
|
-
export declare const ddsColorData10Border = "#196b8f";
|
|
300
|
-
export declare const ddsColorData01Default = "#0f62fe";
|
|
301
|
-
export declare const ddsColorData01Subtle = "#9fc0ff";
|
|
302
|
-
export declare const ddsColorData01Border = "#0f62fe";
|
|
303
|
-
export declare const ddsColorData02Default = "#b3572f";
|
|
304
|
-
export declare const ddsColorData02Subtle = "#e1bcac";
|
|
305
|
-
export declare const ddsColorData02Border = "#b3572f";
|
|
306
|
-
export declare const ddsColorData03Default = "#727272";
|
|
307
|
-
export declare const ddsColorData03Subtle = "#c7c7c7";
|
|
308
|
-
export declare const ddsColorData03Border = "#727272";
|
|
309
|
-
export declare const ddsColorData04Default = "#198038";
|
|
310
|
-
export declare const ddsColorData04Subtle = "#a3ccaf";
|
|
311
|
-
export declare const ddsColorData04Border = "#198038";
|
|
312
|
-
export declare const ddsColorData05Default = "#8a3ffc";
|
|
313
|
-
export declare const ddsColorData05Subtle = "#d0b2fe";
|
|
314
|
-
export declare const ddsColorData05Border = "#8a3ffc";
|
|
315
|
-
export declare const ddsColorData06Default = "#b62665";
|
|
316
|
-
export declare const ddsColorData06Subtle = "#dfa5bf";
|
|
317
|
-
export declare const ddsColorData06Border = "#b62665";
|
|
318
|
-
export declare const ddsColorData07Default = "#7c7518";
|
|
319
|
-
export declare const ddsColorData07Subtle = "#cdc9a1";
|
|
320
|
-
export declare const ddsColorData07Border = "#7c7518";
|
|
321
|
-
export declare const ddsColorData08Default = "#da1e28";
|
|
322
|
-
export declare const ddsColorData08Subtle = "#f0a5a9";
|
|
323
|
-
export declare const ddsColorData08Border = "#da1e28";
|
|
324
|
-
export declare const ddsColorData09Default = "#007d79";
|
|
325
|
-
export declare const ddsColorData09Subtle = "#90ccc9";
|
|
326
|
-
export declare const ddsColorData09Border = "#007d79";
|
|
327
327
|
export declare const ddsFontLabelMedium = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
328
328
|
export declare const ddsFontBodyXsmall = "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
329
329
|
export declare const ddsFontBodySmall = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
@@ -333,8 +333,8 @@ export declare const ddsFontHeadingXxsmall = "600 0.75rem/1.5 'IBM Plex Sans', A
|
|
|
333
333
|
export declare const ddsFontHeadingXsmall = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
334
334
|
export declare const ddsFontHeadingSmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
335
335
|
export declare const ddsFontHeadingMedium = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
336
|
-
export declare const ddsFontHeadingLarge = "400
|
|
337
|
-
export declare const ddsFontHeadingXlarge = "400
|
|
336
|
+
export declare const ddsFontHeadingLarge = "400 1.5rem/1.35 'IBM Plex Sans', Arial, sans-serif";
|
|
337
|
+
export declare const ddsFontHeadingXlarge = "400 2rem/1.35 'IBM Plex Sans', Arial, sans-serif";
|
|
338
338
|
export declare const ddsFontHeadingXxlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.2 'IBM Plex Sans', Arial, sans-serif";
|
|
339
339
|
export declare const ddsFontLeadMedium = "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
340
340
|
export declare const ddsFontCodeMedium = "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace";
|
|
@@ -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 = "#
|
|
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
|
|
@@ -334,8 +334,8 @@ const ddsFontHeadingXxsmall = "600 0.75rem/1.5 'IBM Plex Sans', Arial, sans-seri
|
|
|
334
334
|
const ddsFontHeadingXsmall = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h5
|
|
335
335
|
const ddsFontHeadingSmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h4
|
|
336
336
|
const ddsFontHeadingMedium = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h3
|
|
337
|
-
const ddsFontHeadingLarge = "400
|
|
338
|
-
const ddsFontHeadingXlarge = "400
|
|
337
|
+
const ddsFontHeadingLarge = "400 1.5rem/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default h2
|
|
338
|
+
const ddsFontHeadingXlarge = "400 2rem/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default H1
|
|
339
339
|
const ddsFontHeadingXxlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.2 'IBM Plex Sans', Arial, sans-serif"; // Display or extra large page title (h1)
|
|
340
340
|
const ddsFontLeadMedium = "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Lead brukes som ingress når man skriver artikler etc
|
|
341
341
|
const ddsFontCodeMedium = "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace"; // Brukes for kodesnutter etc
|
|
@@ -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 = "#
|
|
244
|
+
export declare const ddsColorSurfaceMedium = "#e9ebec";
|
|
215
245
|
export declare const ddsColorSurfaceHoverDefault = "#e7f1f7";
|
|
216
246
|
export declare const ddsColorSurfaceHoverSubtle = "#f1f3f4";
|
|
217
247
|
export declare const ddsColorSurfaceSelectedDefault = "#e7f1f7";
|
|
@@ -294,36 +324,6 @@ export declare const ddsColorBrandTertiaryMedium = "#f2a68f";
|
|
|
294
324
|
export declare const ddsColorBrandTertiaryStrong = "#d45d32";
|
|
295
325
|
export declare const ddsColorFocusOutside = "#2a4b61";
|
|
296
326
|
export declare const ddsColorFocusInside = "#f1f8fd";
|
|
297
|
-
export declare const ddsColorData10Default = "#196b8f";
|
|
298
|
-
export declare const ddsColorData10Subtle = "#96c5d9";
|
|
299
|
-
export declare const ddsColorData10Border = "#196b8f";
|
|
300
|
-
export declare const ddsColorData01Default = "#0f62fe";
|
|
301
|
-
export declare const ddsColorData01Subtle = "#9fc0ff";
|
|
302
|
-
export declare const ddsColorData01Border = "#0f62fe";
|
|
303
|
-
export declare const ddsColorData02Default = "#b3572f";
|
|
304
|
-
export declare const ddsColorData02Subtle = "#e1bcac";
|
|
305
|
-
export declare const ddsColorData02Border = "#b3572f";
|
|
306
|
-
export declare const ddsColorData03Default = "#727272";
|
|
307
|
-
export declare const ddsColorData03Subtle = "#c7c7c7";
|
|
308
|
-
export declare const ddsColorData03Border = "#727272";
|
|
309
|
-
export declare const ddsColorData04Default = "#198038";
|
|
310
|
-
export declare const ddsColorData04Subtle = "#a3ccaf";
|
|
311
|
-
export declare const ddsColorData04Border = "#198038";
|
|
312
|
-
export declare const ddsColorData05Default = "#8a3ffc";
|
|
313
|
-
export declare const ddsColorData05Subtle = "#d0b2fe";
|
|
314
|
-
export declare const ddsColorData05Border = "#8a3ffc";
|
|
315
|
-
export declare const ddsColorData06Default = "#b62665";
|
|
316
|
-
export declare const ddsColorData06Subtle = "#dfa5bf";
|
|
317
|
-
export declare const ddsColorData06Border = "#b62665";
|
|
318
|
-
export declare const ddsColorData07Default = "#7c7518";
|
|
319
|
-
export declare const ddsColorData07Subtle = "#cdc9a1";
|
|
320
|
-
export declare const ddsColorData07Border = "#7c7518";
|
|
321
|
-
export declare const ddsColorData08Default = "#da1e28";
|
|
322
|
-
export declare const ddsColorData08Subtle = "#f0a5a9";
|
|
323
|
-
export declare const ddsColorData08Border = "#da1e28";
|
|
324
|
-
export declare const ddsColorData09Default = "#007d79";
|
|
325
|
-
export declare const ddsColorData09Subtle = "#90ccc9";
|
|
326
|
-
export declare const ddsColorData09Border = "#007d79";
|
|
327
327
|
export declare const ddsBorderRadiusButton = "2px";
|
|
328
328
|
export declare const ddsBorderRadiusButtonNumberPx = 2;
|
|
329
329
|
export declare const ddsBorderRadiusSurface = "2px";
|
|
@@ -343,7 +343,7 @@ export declare const ddsFontHeadingXxsmall = "600 1rem/1.5 'IBM Plex Sans', Aria
|
|
|
343
343
|
export declare const ddsFontHeadingXsmall = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
344
344
|
export declare const ddsFontHeadingSmall = "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
345
345
|
export declare const ddsFontHeadingMedium = "500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
346
|
-
export declare const ddsFontHeadingLarge = "400
|
|
346
|
+
export declare const ddsFontHeadingLarge = "400 2rem/1.35 'IBM Plex Sans', Arial, sans-serif";
|
|
347
347
|
export declare const ddsFontHeadingXlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
|
|
348
348
|
export declare const ddsFontHeadingXxlarge = "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif";
|
|
349
349
|
export declare const ddsFontLeadMedium = "300 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
@@ -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 = "#
|
|
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";
|
|
@@ -344,7 +344,7 @@ const ddsFontHeadingXxsmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
|
344
344
|
const ddsFontHeadingXsmall = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h5
|
|
345
345
|
const ddsFontHeadingSmall = "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h4
|
|
346
346
|
const ddsFontHeadingMedium = "500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h3
|
|
347
|
-
const ddsFontHeadingLarge = "400
|
|
347
|
+
const ddsFontHeadingLarge = "400 2rem/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default h2
|
|
348
348
|
const ddsFontHeadingXlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default H1
|
|
349
349
|
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)
|
|
350
350
|
const ddsFontLeadMedium = "300 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Lead brukes som ingress når man skriver artikler etc
|