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