@norges-domstoler/dds-design-tokens 7.3.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 +137 -17
- package/dist/cjs/{dds/build → generated-tokens}/js/Public/ddsTokens.d.ts +137 -17
- package/dist/cjs/index.js +518 -38
- package/dist/cjs/src/index.d.ts +274 -34
- package/dist/css/ddsTokens-core.css +139 -19
- package/dist/css/ddsTokens-public.css +139 -19
- package/dist/generated-tokens/index.d.ts +2 -0
- package/dist/{dds/build → generated-tokens}/js/Core/ddsTokens.d.ts +137 -17
- package/dist/{dds/build → generated-tokens}/js/Core/ddsTokens.js +140 -20
- package/dist/{dds/build → generated-tokens}/js/Public/ddsTokens.d.ts +137 -17
- package/dist/{dds/build → generated-tokens}/js/Public/ddsTokens.js +140 -20
- package/dist/index.js +2 -2
- package/dist/scss/_ddsTokens.scss +123 -3
- package/dist/src/index.d.ts +274 -34
- package/package.json +10 -10
- package/dist/cjs/dds/index.d.ts +0 -2
- package/dist/dds/index.d.ts +0 -2
|
@@ -30,7 +30,7 @@ const ddsFontWeightBold = "600";
|
|
|
30
30
|
const ddsFontLineheightX1 = 1.5; // Brukes på str ×1_25 og mindre
|
|
31
31
|
const ddsFontLineheightX2 = 1.35; // Brukes på str x1.5, ×2 og ×3
|
|
32
32
|
const ddsFontLineheightX3 = 1.2; // Brukes på str ×3 og større
|
|
33
|
-
const ddsFontLineheightList = 2
|
|
33
|
+
const ddsFontLineheightList = 2; // Brukes på lister
|
|
34
34
|
const ddsFontLetterSpacingTight = "-0.01em"; // Brukes på str ×2.5 og større
|
|
35
35
|
const ddsFontLetterSpacingNormal = "0em"; // Brukes på str ×1 og opp til og med ×2
|
|
36
36
|
const ddsFontLetterSpacingLoose = "0.01em"; // Brukes på størrelser under ×1
|
|
@@ -118,16 +118,106 @@ 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 ddsColorDataRed100 = "#f8d2d4";
|
|
122
|
+
const ddsColorDataRed200 = "#f0a5a9";
|
|
123
|
+
const ddsColorDataRed300 = "#e9787e";
|
|
124
|
+
const ddsColorDataRed400 = "#e14b53";
|
|
125
|
+
const ddsColorDataRed500 = "#da1e28";
|
|
126
|
+
const ddsColorDataRed600 = "#ae1820";
|
|
127
|
+
const ddsColorDataRed700 = "#831218";
|
|
128
|
+
const ddsColorDataRed800 = "#570c10";
|
|
129
|
+
const ddsColorDataRed900 = "#2c0608";
|
|
130
|
+
const ddsColorDataMagenta100 = "#eed3df";
|
|
131
|
+
const ddsColorDataMagenta200 = "#dfa5bf";
|
|
132
|
+
const ddsColorDataMagenta300 = "#cf789e";
|
|
133
|
+
const ddsColorDataMagenta400 = "#c74f84";
|
|
134
|
+
const ddsColorDataMagenta500 = "#b62665";
|
|
135
|
+
const ddsColorDataMagenta600 = "#8a1a4b";
|
|
136
|
+
const ddsColorDataMagenta700 = "#671438";
|
|
137
|
+
const ddsColorDataMagenta800 = "#440e26";
|
|
138
|
+
const ddsColorDataMagenta900 = "#220713";
|
|
139
|
+
const ddsColorDataBrown100 = "#f0ddd5";
|
|
140
|
+
const ddsColorDataBrown200 = "#e1bcac";
|
|
141
|
+
const ddsColorDataBrown300 = "#d19a82";
|
|
142
|
+
const ddsColorDataBrown400 = "#c27959";
|
|
143
|
+
const ddsColorDataBrown500 = "#b3572f";
|
|
144
|
+
const ddsColorDataBrown600 = "#8f4626";
|
|
145
|
+
const ddsColorDataBrown700 = "#6b341c";
|
|
146
|
+
const ddsColorDataBrown800 = "#482313";
|
|
147
|
+
const ddsColorDataBrown900 = "#241109";
|
|
148
|
+
const ddsColorDataOlive100 = "#e6e4d0";
|
|
149
|
+
const ddsColorDataOlive200 = "#cdc9a1";
|
|
150
|
+
const ddsColorDataOlive300 = "#b3ae71";
|
|
151
|
+
const ddsColorDataOlive400 = "#989344";
|
|
152
|
+
const ddsColorDataOlive500 = "#7c7518";
|
|
153
|
+
const ddsColorDataOlive600 = "#635e13";
|
|
154
|
+
const ddsColorDataOlive700 = "#4a460e";
|
|
155
|
+
const ddsColorDataOlive800 = "#322f0a";
|
|
156
|
+
const ddsColorDataOlive900 = "#191705";
|
|
157
|
+
const ddsColorDataGreen100 = "#d1e6d7";
|
|
158
|
+
const ddsColorDataGreen200 = "#a3ccaf";
|
|
159
|
+
const ddsColorDataGreen300 = "#75b388";
|
|
160
|
+
const ddsColorDataGreen400 = "#479960";
|
|
161
|
+
const ddsColorDataGreen500 = "#198038";
|
|
162
|
+
const ddsColorDataGreen600 = "#14662d";
|
|
163
|
+
const ddsColorDataGreen700 = "#0f4d22";
|
|
164
|
+
const ddsColorDataGreen800 = "#0a3316";
|
|
165
|
+
const ddsColorDataGreen900 = "#051a0b";
|
|
166
|
+
const ddsColorDataTeal100 = "#c2e2e1";
|
|
167
|
+
const ddsColorDataTeal200 = "#90ccc9";
|
|
168
|
+
const ddsColorDataTeal300 = "#5dafad";
|
|
169
|
+
const ddsColorDataTeal400 = "#2c9390";
|
|
170
|
+
const ddsColorDataTeal500 = "#007d79";
|
|
171
|
+
const ddsColorDataTeal600 = "#006461";
|
|
172
|
+
const ddsColorDataTeal700 = "#004b49";
|
|
173
|
+
const ddsColorDataTeal800 = "#003230";
|
|
174
|
+
const ddsColorDataTeal900 = "#001918";
|
|
175
|
+
const ddsColorDataDeepblue100 = "#b9d7e5";
|
|
176
|
+
const ddsColorDataDeepblue200 = "#96c5d9";
|
|
177
|
+
const ddsColorDataDeepblue300 = "#6aa8c3";
|
|
178
|
+
const ddsColorDataDeepblue400 = "#3e8bac";
|
|
179
|
+
const ddsColorDataDeepblue500 = "#196b8f";
|
|
180
|
+
const ddsColorDataDeepblue600 = "#135774";
|
|
181
|
+
const ddsColorDataDeepblue700 = "#0e455e";
|
|
182
|
+
const ddsColorDataDeepblue800 = "#0d3445";
|
|
183
|
+
const ddsColorDataDeepblue900 = "#05151d";
|
|
184
|
+
const ddsColorDataBlue100 = "#cfe0ff";
|
|
185
|
+
const ddsColorDataBlue200 = "#9fc0ff";
|
|
186
|
+
const ddsColorDataBlue300 = "#6fa1fe";
|
|
187
|
+
const ddsColorDataBlue400 = "#3f81fe";
|
|
188
|
+
const ddsColorDataBlue500 = "#0f62fe";
|
|
189
|
+
const ddsColorDataBlue600 = "#0c4ecb";
|
|
190
|
+
const ddsColorDataBlue700 = "#093b98";
|
|
191
|
+
const ddsColorDataBlue800 = "#062766";
|
|
192
|
+
const ddsColorDataBlue900 = "#031433";
|
|
193
|
+
const ddsColorDataPurple100 = "#e8d9fe";
|
|
194
|
+
const ddsColorDataPurple200 = "#d0b2fe";
|
|
195
|
+
const ddsColorDataPurple300 = "#b98cfd";
|
|
196
|
+
const ddsColorDataPurple400 = "#a165fd";
|
|
197
|
+
const ddsColorDataPurple500 = "#8a3ffc";
|
|
198
|
+
const ddsColorDataPurple600 = "#6e32ca";
|
|
199
|
+
const ddsColorDataPurple700 = "#532697";
|
|
200
|
+
const ddsColorDataPurple800 = "#371965";
|
|
201
|
+
const ddsColorDataPurple900 = "#1c0d32";
|
|
202
|
+
const ddsColorDataGray100 = "#e3e3e3";
|
|
203
|
+
const ddsColorDataGray200 = "#c7c7c7";
|
|
204
|
+
const ddsColorDataGray300 = "#aaaaaa";
|
|
205
|
+
const ddsColorDataGray400 = "#8e8e8e";
|
|
206
|
+
const ddsColorDataGray500 = "#727272";
|
|
207
|
+
const ddsColorDataGray600 = "#5b5b5b";
|
|
208
|
+
const ddsColorDataGray700 = "#444444";
|
|
209
|
+
const ddsColorDataGray800 = "#2e2e2e";
|
|
210
|
+
const ddsColorDataGray900 = "#171717";
|
|
121
211
|
const ddsColorBgDefault = "#ffffff"; // UI shell base color
|
|
122
|
-
const ddsColorBgSubtle = "#
|
|
212
|
+
const ddsColorBgSubtle = "#f1f3f4"; // Alternative UI shell base color
|
|
123
213
|
const ddsColorSurfaceDefault = "#ffffff"; // Default bg
|
|
124
|
-
const ddsColorSurfaceSubtle = "#
|
|
125
|
-
const ddsColorSurfaceMedium = "#
|
|
214
|
+
const ddsColorSurfaceSubtle = "#f1f3f4"; // Subtle surface color
|
|
215
|
+
const ddsColorSurfaceMedium = "#e4e6e8"; // Medium surface color
|
|
126
216
|
const ddsColorSurfaceHoverDefault = "#e7f1f7"; // Hover on surface (default, subtle, medium)
|
|
127
|
-
const ddsColorSurfaceHoverSubtle = "#
|
|
217
|
+
const ddsColorSurfaceHoverSubtle = "#f1f3f4"; // Subtle hover on surface (default, medium)
|
|
128
218
|
const ddsColorSurfaceSelectedDefault = "#e7f1f7"; // Selected state for surface (default, subtle, medium)
|
|
129
219
|
const ddsColorSurfaceInverseDefault = "#354754"; // Can be used as a surface for menu, navigation, footer etc
|
|
130
|
-
const ddsColorSurfaceInverseHover = "#
|
|
220
|
+
const ddsColorSurfaceInverseHover = "#2a3943"; // Hover on surface.inverse
|
|
131
221
|
const ddsColorSurfaceInverseSelected = "#202b32"; // selected on surface.inverse
|
|
132
222
|
const ddsColorSurfaceActionResting = "#106ead"; // Primary button bg
|
|
133
223
|
const ddsColorSurfaceActionHover = "#0d588a"; // Hover on surface.action/selected
|
|
@@ -146,13 +236,13 @@ const ddsColorSurfaceInfoStrong = "#9eceee"; // tag strong value
|
|
|
146
236
|
const ddsColorSurfacePaperDefault = "#ffffff"; // modal, drawer, popover etc
|
|
147
237
|
const ddsColorSurfaceBackdropDefault = "#0b0d0e80"; // background overlay for modals (50%)
|
|
148
238
|
const ddsColorSurfaceFieldDefault = "#ffffff"; // Form elements (textinput, datepicker etc)
|
|
149
|
-
const ddsColorSurfaceFieldDisabled = "#
|
|
150
|
-
const ddsColorSurfaceHighlightedDefault = "#
|
|
239
|
+
const ddsColorSurfaceFieldDisabled = "#f1f3f4"; // disabled state on surface.field
|
|
240
|
+
const ddsColorSurfaceHighlightedDefault = "#fce5dd"; // bg for highlighted text on text.default. Use with $Text
|
|
151
241
|
const ddsColorSurfaceScrollbar = "#adb5ba"; // Used for scrollbar
|
|
152
242
|
const ddsColorSurfaceNotification = "#d83737"; // bg on a notification
|
|
153
|
-
const ddsColorSurfaceSkeleton = "#
|
|
243
|
+
const ddsColorSurfaceSkeleton = "#d6dadd"; // Used for skeleton
|
|
154
244
|
const ddsColorBorderDefault = "#77838c"; // Form components, togglebutton, secondary button, checkbox etc
|
|
155
|
-
const ddsColorBorderSubtle = "#
|
|
245
|
+
const ddsColorBorderSubtle = "#d6dadd"; // Dropdown, tooltip, overflow etc
|
|
156
246
|
const ddsColorBorderInverse = "#acbbc6"; // Border or divider on surface.inverse
|
|
157
247
|
const ddsColorBorderActionDefault = "#106ead"; // Used in progress tracker
|
|
158
248
|
const ddsColorBorderActionHover = "#0d588a"; // Hover on secondary button etc
|
|
@@ -184,27 +274,57 @@ const ddsColorIconActionResting = "#106ead"; // Often used with Text.action
|
|
|
184
274
|
const ddsColorIconActionHover = "#0d588a"; // hover on icon-action
|
|
185
275
|
const ddsColorIconOnSuccessDefault = "#3d723d"; // On surface.success-default
|
|
186
276
|
const ddsColorIconOnSuccessStrong = "#0b0d0e"; // On surface-success-strong
|
|
187
|
-
const ddsColorIconOnWarningDefault = "#
|
|
277
|
+
const ddsColorIconOnWarningDefault = "#9a8c26"; // On surface.warning-default
|
|
188
278
|
const ddsColorIconOnWarningStrong = "#0b0d0e"; // On surface.warning-strong
|
|
189
279
|
const ddsColorIconOnDangerDefault = "#ad2c2c"; // On surface.danger-default
|
|
190
280
|
const ddsColorIconOnDangerStrong = "#0b0d0e"; // On surface.danger-strong
|
|
191
|
-
const ddsColorIconOnInfoDefault = "#
|
|
281
|
+
const ddsColorIconOnInfoDefault = "#3e7192"; // On surface.info-default
|
|
192
282
|
const ddsColorIconOnInfoStrong = "#0b0d0e"; // On surface.info-strong
|
|
193
283
|
const ddsColorIconDanger = "#ad2c2c"; // Error icon on paper, or default or subtle surafce/bg
|
|
194
284
|
const ddsColorBrandPrimaryDefault = "#354754"; // Primary brand color
|
|
195
285
|
const ddsColorBrandPrimarySubtle = "#eaeff4"; // Primary brand color
|
|
196
286
|
const ddsColorBrandPrimaryMedium = "#4f6a7e"; // Primary brand color
|
|
197
|
-
const ddsColorBrandPrimaryStrong = "#202b32";
|
|
287
|
+
const ddsColorBrandPrimaryStrong = "#202b32"; // Primary brand color
|
|
198
288
|
const ddsColorBrandSecondaryDefault = "#9ab8b7"; // Secondary brand color
|
|
199
289
|
const ddsColorBrandSecondarySubtle = "#e6eded"; // Secondary brand color
|
|
200
290
|
const ddsColorBrandSecondaryMedium = "#b8cdcd"; // Secondary brand color
|
|
201
|
-
const ddsColorBrandSecondaryStrong = "#4d6463";
|
|
202
|
-
const ddsColorBrandTertiaryDefault = "#
|
|
203
|
-
const ddsColorBrandTertiarySubtle = "#
|
|
204
|
-
const ddsColorBrandTertiaryMedium = "#
|
|
205
|
-
const ddsColorBrandTertiaryStrong = "#
|
|
206
|
-
const ddsColorFocusOutside = "#
|
|
291
|
+
const ddsColorBrandSecondaryStrong = "#4d6463"; // Secondary brand color
|
|
292
|
+
const ddsColorBrandTertiaryDefault = "#f27e55"; // Tertiary brand color
|
|
293
|
+
const ddsColorBrandTertiarySubtle = "#fce5dd"; // Tertiary brand color
|
|
294
|
+
const ddsColorBrandTertiaryMedium = "#f2a68f"; // Tertiary brand color
|
|
295
|
+
const ddsColorBrandTertiaryStrong = "#d45d32"; // Tertiary brand color
|
|
296
|
+
const ddsColorFocusOutside = "#2a4b61"; // Contrast to .inside
|
|
207
297
|
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";
|
|
208
328
|
const ddsFontLabelMedium = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Label for form components
|
|
209
329
|
const ddsFontBodyXsmall = "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // used with xsmall button and input fields
|
|
210
330
|
const ddsFontBodySmall = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // used with small button and input fields
|
|
@@ -272,4 +392,4 @@ const ddsFontLabelMediumLetterSpacing = "0.01em";
|
|
|
272
392
|
const ddsFontLabelMediumParagraphSpacing = "1em";
|
|
273
393
|
const ddsFontLabelMediumParagraphSpacingNumberEm = 1;
|
|
274
394
|
|
|
275
|
-
export { ddsBorderRadiusButton, ddsBorderRadiusButtonNumberPx, ddsBorderRadiusChip, ddsBorderRadiusChipNumberPx, ddsBorderRadiusInput, ddsBorderRadiusInputNumberPx, ddsBorderRadiusRounded, ddsBorderRadiusRoundedNumberPx, ddsBorderRadiusSurface, ddsBorderRadiusSurfaceNumberPx, ddsBreakpointLg, ddsBreakpointLgNumberPx, ddsBreakpointMd, ddsBreakpointMdNumberPx, ddsBreakpointSm, ddsBreakpointSmNumberPx, ddsBreakpointXl, ddsBreakpointXlNumberPx, ddsBreakpointXs, ddsBreakpointXsNumberPx, ddsColorBgDefault, ddsColorBgSubtle, ddsColorBorderActionDefault, ddsColorBorderActionHover, ddsColorBorderDanger, ddsColorBorderDefault, ddsColorBorderInfo, ddsColorBorderInverse, ddsColorBorderOnAction, ddsColorBorderSubtle, ddsColorBorderSuccess, ddsColorBorderWarning, ddsColorBrandPrimaryDefault, ddsColorBrandPrimaryMedium, ddsColorBrandPrimaryStrong, ddsColorBrandPrimarySubtle, ddsColorBrandSecondaryDefault, ddsColorBrandSecondaryMedium, ddsColorBrandSecondaryStrong, ddsColorBrandSecondarySubtle, ddsColorBrandTertiaryDefault, ddsColorBrandTertiaryMedium, ddsColorBrandTertiaryStrong, ddsColorBrandTertiarySubtle, ddsColorFocusInside, ddsColorFocusOutside, ddsColorIconActionHover, ddsColorIconActionResting, ddsColorIconDanger, ddsColorIconDefault, ddsColorIconMedium, ddsColorIconOnAction, ddsColorIconOnDangerDefault, ddsColorIconOnDangerStrong, ddsColorIconOnInfoDefault, ddsColorIconOnInfoStrong, ddsColorIconOnInverse, ddsColorIconOnSuccessDefault, ddsColorIconOnSuccessStrong, ddsColorIconOnWarningDefault, ddsColorIconOnWarningStrong, ddsColorIconSubtle, ddsColorSurfaceActionDangerHover, ddsColorSurfaceActionDangerResting, ddsColorSurfaceActionHover, ddsColorSurfaceActionResting, ddsColorSurfaceActionSelected, ddsColorSurfaceActionSelectedDisabled, ddsColorSurfaceBackdropDefault, ddsColorSurfaceDangerDefault, ddsColorSurfaceDangerStrong, ddsColorSurfaceDefault, ddsColorSurfaceFieldDefault, ddsColorSurfaceFieldDisabled, ddsColorSurfaceHighlightedDefault, ddsColorSurfaceHoverDefault, ddsColorSurfaceHoverSubtle, ddsColorSurfaceInfoDefault, ddsColorSurfaceInfoStrong, ddsColorSurfaceInverseDefault, ddsColorSurfaceInverseHover, ddsColorSurfaceInverseSelected, ddsColorSurfaceMedium, ddsColorSurfaceNotification, ddsColorSurfacePaperDefault, ddsColorSurfaceScrollbar, ddsColorSurfaceSelectedDefault, ddsColorSurfaceSkeleton, ddsColorSurfaceSubtle, ddsColorSurfaceSuccessDefault, ddsColorSurfaceSuccessStrong, ddsColorSurfaceWarningDefault, ddsColorSurfaceWarningStrong, ddsColorTextActionHover, ddsColorTextActionResting, ddsColorTextActionVisited, ddsColorTextActionVisitedOnInverse, ddsColorTextDanger, ddsColorTextDefault, ddsColorTextMedium, ddsColorTextOnAction, ddsColorTextOnInverse, ddsColorTextOnNotification, ddsColorTextOnStatusDefault, ddsColorTextOnStatusStrong, ddsColorTextRequiredfield, ddsColorTextSubtle, ddsFontBodyLarge, ddsFontBodyLargeLetterSpacing, ddsFontBodyLargeParagraphSpacing, ddsFontBodyLargeParagraphSpacingNumberEm, ddsFontBodyMedium, ddsFontBodyMediumLetterSpacing, ddsFontBodyMediumParagraphSpacing, ddsFontBodyMediumParagraphSpacingNumberEm, ddsFontBodySmall, ddsFontBodySmallLetterSpacing, ddsFontBodySmallParagraphSpacing, ddsFontBodySmallParagraphSpacingNumberEm, ddsFontBodyXsmall, ddsFontBodyXsmallLetterSpacing, ddsFontBodyXsmallParagraphSpacing, ddsFontBodyXsmallParagraphSpacingNumberEm, ddsFontCodeMedium, ddsFontCodeMediumLetterSpacing, ddsFontCodeMediumParagraphSpacing, ddsFontCodeMediumParagraphSpacingNumberEm, ddsFontFamilyMonospace, ddsFontFamilySans, ddsFontHeadingLarge, ddsFontHeadingLargeLetterSpacing, ddsFontHeadingLargeParagraphSpacing, ddsFontHeadingLargeParagraphSpacingNumberEm, ddsFontHeadingMedium, ddsFontHeadingMediumLetterSpacing, ddsFontHeadingMediumParagraphSpacing, ddsFontHeadingMediumParagraphSpacingNumberEm, ddsFontHeadingSmall, ddsFontHeadingSmallLetterSpacing, ddsFontHeadingSmallParagraphSpacing, ddsFontHeadingSmallParagraphSpacingNumberEm, ddsFontHeadingXlarge, ddsFontHeadingXlargeLetterSpacing, ddsFontHeadingXlargeParagraphSpacing, ddsFontHeadingXlargeParagraphSpacingNumberEm, ddsFontHeadingXsmall, ddsFontHeadingXsmallLetterSpacing, ddsFontHeadingXsmallParagraphSpacing, ddsFontHeadingXsmallParagraphSpacingNumberEm, ddsFontHeadingXxlarge, ddsFontHeadingXxlargeLetterSpacing, ddsFontHeadingXxlargeParagraphSpacing, ddsFontHeadingXxlargeParagraphSpacingNumberEm, ddsFontHeadingXxsmall, ddsFontHeadingXxsmallLetterSpacing, ddsFontHeadingXxsmallParagraphSpacing, ddsFontHeadingXxsmallParagraphSpacingNumberEm, ddsFontLabelMedium, ddsFontLabelMediumLetterSpacing, ddsFontLabelMediumParagraphSpacing, ddsFontLabelMediumParagraphSpacingNumberEm, ddsFontLeadMedium, ddsFontLeadMediumLetterSpacing, ddsFontLeadMediumParagraphSpacing, ddsFontLeadMediumParagraphSpacingNumberEm, ddsFontLetterSpacingLoose, ddsFontLetterSpacingNormal, ddsFontLetterSpacingTight, ddsFontLineheightList, ddsFontLineheightX1, ddsFontLineheightX2, ddsFontLineheightX3, ddsFontParagraphSpacingHeading, ddsFontParagraphSpacingHeadingNumberEm, ddsFontParagraphSpacingLarge, ddsFontParagraphSpacingLargeNumberEm, ddsFontParagraphSpacingMedium, ddsFontParagraphSpacingMediumNumberEm, ddsFontParagraphSpacingSmall, ddsFontParagraphSpacingSmallNumberEm, ddsFontSizeX075, ddsFontSizeX075NumberRem, ddsFontSizeX0875, ddsFontSizeX0875NumberRem, ddsFontSizeX1, ddsFontSizeX1125, ddsFontSizeX1125NumberRem, ddsFontSizeX125, ddsFontSizeX125NumberRem, ddsFontSizeX15, ddsFontSizeX15NumberRem, ddsFontSizeX1NumberRem, ddsFontSizeX2, ddsFontSizeX25, ddsFontSizeX25NumberRem, ddsFontSizeX2NumberRem, ddsFontSizeX3, ddsFontSizeX3NumberRem, ddsFontSizeX4, ddsFontSizeX4NumberRem, ddsFontSizeX5, ddsFontSizeX5NumberRem, ddsFontStyleItalic, ddsFontStyleNormal, ddsFontStyleUnderline, ddsFontWeightBold, ddsFontWeightLight, ddsFontWeightNormal, ddsFontWeightSemiBold, ddsGridLgCount, ddsGridLgGutterSize, ddsGridLgGutterSizeNumberPx, ddsGridMdCount, ddsGridMdGutterSize, ddsGridMdGutterSizeNumberPx, ddsGridSmCount, ddsGridSmGutterSize, ddsGridSmGutterSizeNumberPx, ddsGridXlCount, ddsGridXlGutterSize, ddsGridXlGutterSizeNumberPx, ddsGridXsCount, ddsGridXsGutterSize, ddsGridXsGutterSizeNumberPx, ddsIconSizeLarge, ddsIconSizeLargeNumberPx, ddsIconSizeMedium, ddsIconSizeMediumNumberPx, ddsIconSizeSmall, ddsIconSizeSmallNumberPx, ddsShadow1, ddsShadow2, ddsShadow3, ddsShadow4, ddsSpacingPaddingTopHeading, ddsSpacingPaddingTopHeadingNumberEm, ddsSpacingX0, ddsSpacingX0125, ddsSpacingX0125NumberRem, ddsSpacingX025, ddsSpacingX025NumberRem, ddsSpacingX05, ddsSpacingX05NumberRem, ddsSpacingX075, ddsSpacingX075NumberRem, ddsSpacingX0NumberRem, ddsSpacingX1, ddsSpacingX10, ddsSpacingX10NumberRem, ddsSpacingX15, ddsSpacingX15NumberRem, ddsSpacingX1NumberRem, ddsSpacingX2, ddsSpacingX25, ddsSpacingX25NumberRem, ddsSpacingX2NumberRem, ddsSpacingX3, ddsSpacingX3NumberRem, ddsSpacingX4, ddsSpacingX4NumberRem, ddsSpacingX6, ddsSpacingX6NumberRem, ddsZindexAbsoluteElement, ddsZindexDrawer, ddsZindexDrawerBackdrop, ddsZindexDropdown, ddsZindexModalBackdrop, ddsZindexOverflowmenu, ddsZindexPopover, ddsZindexSkiptocontent, ddsZindexSticky, ddsZindexTooltip };
|
|
395
|
+
export { ddsBorderRadiusButton, ddsBorderRadiusButtonNumberPx, ddsBorderRadiusChip, ddsBorderRadiusChipNumberPx, ddsBorderRadiusInput, ddsBorderRadiusInputNumberPx, ddsBorderRadiusRounded, ddsBorderRadiusRoundedNumberPx, ddsBorderRadiusSurface, ddsBorderRadiusSurfaceNumberPx, ddsBreakpointLg, ddsBreakpointLgNumberPx, ddsBreakpointMd, ddsBreakpointMdNumberPx, ddsBreakpointSm, ddsBreakpointSmNumberPx, ddsBreakpointXl, ddsBreakpointXlNumberPx, ddsBreakpointXs, ddsBreakpointXsNumberPx, ddsColorBgDefault, ddsColorBgSubtle, ddsColorBorderActionDefault, ddsColorBorderActionHover, ddsColorBorderDanger, ddsColorBorderDefault, ddsColorBorderInfo, ddsColorBorderInverse, ddsColorBorderOnAction, ddsColorBorderSubtle, ddsColorBorderSuccess, ddsColorBorderWarning, ddsColorBrandPrimaryDefault, ddsColorBrandPrimaryMedium, ddsColorBrandPrimaryStrong, ddsColorBrandPrimarySubtle, ddsColorBrandSecondaryDefault, ddsColorBrandSecondaryMedium, ddsColorBrandSecondaryStrong, ddsColorBrandSecondarySubtle, ddsColorBrandTertiaryDefault, ddsColorBrandTertiaryMedium, ddsColorBrandTertiaryStrong, ddsColorBrandTertiarySubtle, ddsColorData01Border, ddsColorData01Default, ddsColorData01Subtle, ddsColorData02Border, ddsColorData02Default, ddsColorData02Subtle, ddsColorData03Border, ddsColorData03Default, ddsColorData03Subtle, ddsColorData04Border, ddsColorData04Default, ddsColorData04Subtle, ddsColorData05Border, ddsColorData05Default, ddsColorData05Subtle, ddsColorData06Border, ddsColorData06Default, ddsColorData06Subtle, ddsColorData07Border, ddsColorData07Default, ddsColorData07Subtle, ddsColorData08Border, ddsColorData08Default, ddsColorData08Subtle, ddsColorData09Border, ddsColorData09Default, ddsColorData09Subtle, ddsColorData10Border, ddsColorData10Default, ddsColorData10Subtle, ddsColorDataBlue100, ddsColorDataBlue200, ddsColorDataBlue300, ddsColorDataBlue400, ddsColorDataBlue500, ddsColorDataBlue600, ddsColorDataBlue700, ddsColorDataBlue800, ddsColorDataBlue900, ddsColorDataBrown100, ddsColorDataBrown200, ddsColorDataBrown300, ddsColorDataBrown400, ddsColorDataBrown500, ddsColorDataBrown600, ddsColorDataBrown700, ddsColorDataBrown800, ddsColorDataBrown900, ddsColorDataDeepblue100, ddsColorDataDeepblue200, ddsColorDataDeepblue300, ddsColorDataDeepblue400, ddsColorDataDeepblue500, ddsColorDataDeepblue600, ddsColorDataDeepblue700, ddsColorDataDeepblue800, ddsColorDataDeepblue900, ddsColorDataGray100, ddsColorDataGray200, ddsColorDataGray300, ddsColorDataGray400, ddsColorDataGray500, ddsColorDataGray600, ddsColorDataGray700, ddsColorDataGray800, ddsColorDataGray900, ddsColorDataGreen100, ddsColorDataGreen200, ddsColorDataGreen300, ddsColorDataGreen400, ddsColorDataGreen500, ddsColorDataGreen600, ddsColorDataGreen700, ddsColorDataGreen800, ddsColorDataGreen900, ddsColorDataMagenta100, ddsColorDataMagenta200, ddsColorDataMagenta300, ddsColorDataMagenta400, ddsColorDataMagenta500, ddsColorDataMagenta600, ddsColorDataMagenta700, ddsColorDataMagenta800, ddsColorDataMagenta900, ddsColorDataOlive100, ddsColorDataOlive200, ddsColorDataOlive300, ddsColorDataOlive400, ddsColorDataOlive500, ddsColorDataOlive600, ddsColorDataOlive700, ddsColorDataOlive800, ddsColorDataOlive900, ddsColorDataPurple100, ddsColorDataPurple200, ddsColorDataPurple300, ddsColorDataPurple400, ddsColorDataPurple500, ddsColorDataPurple600, ddsColorDataPurple700, ddsColorDataPurple800, ddsColorDataPurple900, ddsColorDataRed100, ddsColorDataRed200, ddsColorDataRed300, ddsColorDataRed400, ddsColorDataRed500, ddsColorDataRed600, ddsColorDataRed700, ddsColorDataRed800, ddsColorDataRed900, ddsColorDataTeal100, ddsColorDataTeal200, ddsColorDataTeal300, ddsColorDataTeal400, ddsColorDataTeal500, ddsColorDataTeal600, ddsColorDataTeal700, ddsColorDataTeal800, ddsColorDataTeal900, ddsColorFocusInside, ddsColorFocusOutside, ddsColorIconActionHover, ddsColorIconActionResting, ddsColorIconDanger, ddsColorIconDefault, ddsColorIconMedium, ddsColorIconOnAction, ddsColorIconOnDangerDefault, ddsColorIconOnDangerStrong, ddsColorIconOnInfoDefault, ddsColorIconOnInfoStrong, ddsColorIconOnInverse, ddsColorIconOnSuccessDefault, ddsColorIconOnSuccessStrong, ddsColorIconOnWarningDefault, ddsColorIconOnWarningStrong, ddsColorIconSubtle, ddsColorSurfaceActionDangerHover, ddsColorSurfaceActionDangerResting, ddsColorSurfaceActionHover, ddsColorSurfaceActionResting, ddsColorSurfaceActionSelected, ddsColorSurfaceActionSelectedDisabled, ddsColorSurfaceBackdropDefault, ddsColorSurfaceDangerDefault, ddsColorSurfaceDangerStrong, ddsColorSurfaceDefault, ddsColorSurfaceFieldDefault, ddsColorSurfaceFieldDisabled, ddsColorSurfaceHighlightedDefault, ddsColorSurfaceHoverDefault, ddsColorSurfaceHoverSubtle, ddsColorSurfaceInfoDefault, ddsColorSurfaceInfoStrong, ddsColorSurfaceInverseDefault, ddsColorSurfaceInverseHover, ddsColorSurfaceInverseSelected, ddsColorSurfaceMedium, ddsColorSurfaceNotification, ddsColorSurfacePaperDefault, ddsColorSurfaceScrollbar, ddsColorSurfaceSelectedDefault, ddsColorSurfaceSkeleton, ddsColorSurfaceSubtle, ddsColorSurfaceSuccessDefault, ddsColorSurfaceSuccessStrong, ddsColorSurfaceWarningDefault, ddsColorSurfaceWarningStrong, ddsColorTextActionHover, ddsColorTextActionResting, ddsColorTextActionVisited, ddsColorTextActionVisitedOnInverse, ddsColorTextDanger, ddsColorTextDefault, ddsColorTextMedium, ddsColorTextOnAction, ddsColorTextOnInverse, ddsColorTextOnNotification, ddsColorTextOnStatusDefault, ddsColorTextOnStatusStrong, ddsColorTextRequiredfield, ddsColorTextSubtle, ddsFontBodyLarge, ddsFontBodyLargeLetterSpacing, ddsFontBodyLargeParagraphSpacing, ddsFontBodyLargeParagraphSpacingNumberEm, ddsFontBodyMedium, ddsFontBodyMediumLetterSpacing, ddsFontBodyMediumParagraphSpacing, ddsFontBodyMediumParagraphSpacingNumberEm, ddsFontBodySmall, ddsFontBodySmallLetterSpacing, ddsFontBodySmallParagraphSpacing, ddsFontBodySmallParagraphSpacingNumberEm, ddsFontBodyXsmall, ddsFontBodyXsmallLetterSpacing, ddsFontBodyXsmallParagraphSpacing, ddsFontBodyXsmallParagraphSpacingNumberEm, ddsFontCodeMedium, ddsFontCodeMediumLetterSpacing, ddsFontCodeMediumParagraphSpacing, ddsFontCodeMediumParagraphSpacingNumberEm, ddsFontFamilyMonospace, ddsFontFamilySans, ddsFontHeadingLarge, ddsFontHeadingLargeLetterSpacing, ddsFontHeadingLargeParagraphSpacing, ddsFontHeadingLargeParagraphSpacingNumberEm, ddsFontHeadingMedium, ddsFontHeadingMediumLetterSpacing, ddsFontHeadingMediumParagraphSpacing, ddsFontHeadingMediumParagraphSpacingNumberEm, ddsFontHeadingSmall, ddsFontHeadingSmallLetterSpacing, ddsFontHeadingSmallParagraphSpacing, ddsFontHeadingSmallParagraphSpacingNumberEm, ddsFontHeadingXlarge, ddsFontHeadingXlargeLetterSpacing, ddsFontHeadingXlargeParagraphSpacing, ddsFontHeadingXlargeParagraphSpacingNumberEm, ddsFontHeadingXsmall, ddsFontHeadingXsmallLetterSpacing, ddsFontHeadingXsmallParagraphSpacing, ddsFontHeadingXsmallParagraphSpacingNumberEm, ddsFontHeadingXxlarge, ddsFontHeadingXxlargeLetterSpacing, ddsFontHeadingXxlargeParagraphSpacing, ddsFontHeadingXxlargeParagraphSpacingNumberEm, ddsFontHeadingXxsmall, ddsFontHeadingXxsmallLetterSpacing, ddsFontHeadingXxsmallParagraphSpacing, ddsFontHeadingXxsmallParagraphSpacingNumberEm, ddsFontLabelMedium, ddsFontLabelMediumLetterSpacing, ddsFontLabelMediumParagraphSpacing, ddsFontLabelMediumParagraphSpacingNumberEm, ddsFontLeadMedium, ddsFontLeadMediumLetterSpacing, ddsFontLeadMediumParagraphSpacing, ddsFontLeadMediumParagraphSpacingNumberEm, ddsFontLetterSpacingLoose, ddsFontLetterSpacingNormal, ddsFontLetterSpacingTight, ddsFontLineheightList, ddsFontLineheightX1, ddsFontLineheightX2, ddsFontLineheightX3, ddsFontParagraphSpacingHeading, ddsFontParagraphSpacingHeadingNumberEm, ddsFontParagraphSpacingLarge, ddsFontParagraphSpacingLargeNumberEm, ddsFontParagraphSpacingMedium, ddsFontParagraphSpacingMediumNumberEm, ddsFontParagraphSpacingSmall, ddsFontParagraphSpacingSmallNumberEm, ddsFontSizeX075, ddsFontSizeX075NumberRem, ddsFontSizeX0875, ddsFontSizeX0875NumberRem, ddsFontSizeX1, ddsFontSizeX1125, ddsFontSizeX1125NumberRem, ddsFontSizeX125, ddsFontSizeX125NumberRem, ddsFontSizeX15, ddsFontSizeX15NumberRem, ddsFontSizeX1NumberRem, ddsFontSizeX2, ddsFontSizeX25, ddsFontSizeX25NumberRem, ddsFontSizeX2NumberRem, ddsFontSizeX3, ddsFontSizeX3NumberRem, ddsFontSizeX4, ddsFontSizeX4NumberRem, ddsFontSizeX5, ddsFontSizeX5NumberRem, ddsFontStyleItalic, ddsFontStyleNormal, ddsFontStyleUnderline, ddsFontWeightBold, ddsFontWeightLight, ddsFontWeightNormal, ddsFontWeightSemiBold, ddsGridLgCount, ddsGridLgGutterSize, ddsGridLgGutterSizeNumberPx, ddsGridMdCount, ddsGridMdGutterSize, ddsGridMdGutterSizeNumberPx, ddsGridSmCount, ddsGridSmGutterSize, ddsGridSmGutterSizeNumberPx, ddsGridXlCount, ddsGridXlGutterSize, ddsGridXlGutterSizeNumberPx, ddsGridXsCount, ddsGridXsGutterSize, ddsGridXsGutterSizeNumberPx, ddsIconSizeLarge, ddsIconSizeLargeNumberPx, ddsIconSizeMedium, ddsIconSizeMediumNumberPx, ddsIconSizeSmall, ddsIconSizeSmallNumberPx, ddsShadow1, ddsShadow2, ddsShadow3, ddsShadow4, ddsSpacingPaddingTopHeading, ddsSpacingPaddingTopHeadingNumberEm, ddsSpacingX0, ddsSpacingX0125, ddsSpacingX0125NumberRem, ddsSpacingX025, ddsSpacingX025NumberRem, ddsSpacingX05, ddsSpacingX05NumberRem, ddsSpacingX075, ddsSpacingX075NumberRem, ddsSpacingX0NumberRem, ddsSpacingX1, ddsSpacingX10, ddsSpacingX10NumberRem, ddsSpacingX15, ddsSpacingX15NumberRem, ddsSpacingX1NumberRem, ddsSpacingX2, ddsSpacingX25, ddsSpacingX25NumberRem, ddsSpacingX2NumberRem, ddsSpacingX3, ddsSpacingX3NumberRem, ddsSpacingX4, ddsSpacingX4NumberRem, ddsSpacingX6, ddsSpacingX6NumberRem, ddsZindexAbsoluteElement, ddsZindexDrawer, ddsZindexDrawerBackdrop, ddsZindexDropdown, ddsZindexModalBackdrop, ddsZindexOverflowmenu, ddsZindexPopover, ddsZindexSkiptocontent, ddsZindexSticky, ddsZindexTooltip };
|
|
@@ -29,7 +29,7 @@ export declare const ddsFontWeightBold = "600";
|
|
|
29
29
|
export declare const ddsFontLineheightX1 = 1.5;
|
|
30
30
|
export declare const ddsFontLineheightX2 = 1.35;
|
|
31
31
|
export declare const ddsFontLineheightX3 = 1.2;
|
|
32
|
-
export declare const ddsFontLineheightList = 2
|
|
32
|
+
export declare const ddsFontLineheightList = 2;
|
|
33
33
|
export declare const ddsFontLetterSpacingTight = "-0.01em";
|
|
34
34
|
export declare const ddsFontLetterSpacingNormal = "0em";
|
|
35
35
|
export declare const ddsFontLetterSpacingLoose = "0.01em";
|
|
@@ -117,16 +117,106 @@ 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 ddsColorDataRed100 = "#f8d2d4";
|
|
121
|
+
export declare const ddsColorDataRed200 = "#f0a5a9";
|
|
122
|
+
export declare const ddsColorDataRed300 = "#e9787e";
|
|
123
|
+
export declare const ddsColorDataRed400 = "#e14b53";
|
|
124
|
+
export declare const ddsColorDataRed500 = "#da1e28";
|
|
125
|
+
export declare const ddsColorDataRed600 = "#ae1820";
|
|
126
|
+
export declare const ddsColorDataRed700 = "#831218";
|
|
127
|
+
export declare const ddsColorDataRed800 = "#570c10";
|
|
128
|
+
export declare const ddsColorDataRed900 = "#2c0608";
|
|
129
|
+
export declare const ddsColorDataMagenta100 = "#eed3df";
|
|
130
|
+
export declare const ddsColorDataMagenta200 = "#dfa5bf";
|
|
131
|
+
export declare const ddsColorDataMagenta300 = "#cf789e";
|
|
132
|
+
export declare const ddsColorDataMagenta400 = "#c74f84";
|
|
133
|
+
export declare const ddsColorDataMagenta500 = "#b62665";
|
|
134
|
+
export declare const ddsColorDataMagenta600 = "#8a1a4b";
|
|
135
|
+
export declare const ddsColorDataMagenta700 = "#671438";
|
|
136
|
+
export declare const ddsColorDataMagenta800 = "#440e26";
|
|
137
|
+
export declare const ddsColorDataMagenta900 = "#220713";
|
|
138
|
+
export declare const ddsColorDataBrown100 = "#f0ddd5";
|
|
139
|
+
export declare const ddsColorDataBrown200 = "#e1bcac";
|
|
140
|
+
export declare const ddsColorDataBrown300 = "#d19a82";
|
|
141
|
+
export declare const ddsColorDataBrown400 = "#c27959";
|
|
142
|
+
export declare const ddsColorDataBrown500 = "#b3572f";
|
|
143
|
+
export declare const ddsColorDataBrown600 = "#8f4626";
|
|
144
|
+
export declare const ddsColorDataBrown700 = "#6b341c";
|
|
145
|
+
export declare const ddsColorDataBrown800 = "#482313";
|
|
146
|
+
export declare const ddsColorDataBrown900 = "#241109";
|
|
147
|
+
export declare const ddsColorDataOlive100 = "#e6e4d0";
|
|
148
|
+
export declare const ddsColorDataOlive200 = "#cdc9a1";
|
|
149
|
+
export declare const ddsColorDataOlive300 = "#b3ae71";
|
|
150
|
+
export declare const ddsColorDataOlive400 = "#989344";
|
|
151
|
+
export declare const ddsColorDataOlive500 = "#7c7518";
|
|
152
|
+
export declare const ddsColorDataOlive600 = "#635e13";
|
|
153
|
+
export declare const ddsColorDataOlive700 = "#4a460e";
|
|
154
|
+
export declare const ddsColorDataOlive800 = "#322f0a";
|
|
155
|
+
export declare const ddsColorDataOlive900 = "#191705";
|
|
156
|
+
export declare const ddsColorDataGreen100 = "#d1e6d7";
|
|
157
|
+
export declare const ddsColorDataGreen200 = "#a3ccaf";
|
|
158
|
+
export declare const ddsColorDataGreen300 = "#75b388";
|
|
159
|
+
export declare const ddsColorDataGreen400 = "#479960";
|
|
160
|
+
export declare const ddsColorDataGreen500 = "#198038";
|
|
161
|
+
export declare const ddsColorDataGreen600 = "#14662d";
|
|
162
|
+
export declare const ddsColorDataGreen700 = "#0f4d22";
|
|
163
|
+
export declare const ddsColorDataGreen800 = "#0a3316";
|
|
164
|
+
export declare const ddsColorDataGreen900 = "#051a0b";
|
|
165
|
+
export declare const ddsColorDataTeal100 = "#c2e2e1";
|
|
166
|
+
export declare const ddsColorDataTeal200 = "#90ccc9";
|
|
167
|
+
export declare const ddsColorDataTeal300 = "#5dafad";
|
|
168
|
+
export declare const ddsColorDataTeal400 = "#2c9390";
|
|
169
|
+
export declare const ddsColorDataTeal500 = "#007d79";
|
|
170
|
+
export declare const ddsColorDataTeal600 = "#006461";
|
|
171
|
+
export declare const ddsColorDataTeal700 = "#004b49";
|
|
172
|
+
export declare const ddsColorDataTeal800 = "#003230";
|
|
173
|
+
export declare const ddsColorDataTeal900 = "#001918";
|
|
174
|
+
export declare const ddsColorDataDeepblue100 = "#b9d7e5";
|
|
175
|
+
export declare const ddsColorDataDeepblue200 = "#96c5d9";
|
|
176
|
+
export declare const ddsColorDataDeepblue300 = "#6aa8c3";
|
|
177
|
+
export declare const ddsColorDataDeepblue400 = "#3e8bac";
|
|
178
|
+
export declare const ddsColorDataDeepblue500 = "#196b8f";
|
|
179
|
+
export declare const ddsColorDataDeepblue600 = "#135774";
|
|
180
|
+
export declare const ddsColorDataDeepblue700 = "#0e455e";
|
|
181
|
+
export declare const ddsColorDataDeepblue800 = "#0d3445";
|
|
182
|
+
export declare const ddsColorDataDeepblue900 = "#05151d";
|
|
183
|
+
export declare const ddsColorDataBlue100 = "#cfe0ff";
|
|
184
|
+
export declare const ddsColorDataBlue200 = "#9fc0ff";
|
|
185
|
+
export declare const ddsColorDataBlue300 = "#6fa1fe";
|
|
186
|
+
export declare const ddsColorDataBlue400 = "#3f81fe";
|
|
187
|
+
export declare const ddsColorDataBlue500 = "#0f62fe";
|
|
188
|
+
export declare const ddsColorDataBlue600 = "#0c4ecb";
|
|
189
|
+
export declare const ddsColorDataBlue700 = "#093b98";
|
|
190
|
+
export declare const ddsColorDataBlue800 = "#062766";
|
|
191
|
+
export declare const ddsColorDataBlue900 = "#031433";
|
|
192
|
+
export declare const ddsColorDataPurple100 = "#e8d9fe";
|
|
193
|
+
export declare const ddsColorDataPurple200 = "#d0b2fe";
|
|
194
|
+
export declare const ddsColorDataPurple300 = "#b98cfd";
|
|
195
|
+
export declare const ddsColorDataPurple400 = "#a165fd";
|
|
196
|
+
export declare const ddsColorDataPurple500 = "#8a3ffc";
|
|
197
|
+
export declare const ddsColorDataPurple600 = "#6e32ca";
|
|
198
|
+
export declare const ddsColorDataPurple700 = "#532697";
|
|
199
|
+
export declare const ddsColorDataPurple800 = "#371965";
|
|
200
|
+
export declare const ddsColorDataPurple900 = "#1c0d32";
|
|
201
|
+
export declare const ddsColorDataGray100 = "#e3e3e3";
|
|
202
|
+
export declare const ddsColorDataGray200 = "#c7c7c7";
|
|
203
|
+
export declare const ddsColorDataGray300 = "#aaaaaa";
|
|
204
|
+
export declare const ddsColorDataGray400 = "#8e8e8e";
|
|
205
|
+
export declare const ddsColorDataGray500 = "#727272";
|
|
206
|
+
export declare const ddsColorDataGray600 = "#5b5b5b";
|
|
207
|
+
export declare const ddsColorDataGray700 = "#444444";
|
|
208
|
+
export declare const ddsColorDataGray800 = "#2e2e2e";
|
|
209
|
+
export declare const ddsColorDataGray900 = "#171717";
|
|
120
210
|
export declare const ddsColorBgDefault = "#ffffff";
|
|
121
|
-
export declare const ddsColorBgSubtle = "#
|
|
211
|
+
export declare const ddsColorBgSubtle = "#f1f3f4";
|
|
122
212
|
export declare const ddsColorSurfaceDefault = "#ffffff";
|
|
123
|
-
export declare const ddsColorSurfaceSubtle = "#
|
|
124
|
-
export declare const ddsColorSurfaceMedium = "#
|
|
213
|
+
export declare const ddsColorSurfaceSubtle = "#f1f3f4";
|
|
214
|
+
export declare const ddsColorSurfaceMedium = "#e4e6e8";
|
|
125
215
|
export declare const ddsColorSurfaceHoverDefault = "#e7f1f7";
|
|
126
|
-
export declare const ddsColorSurfaceHoverSubtle = "#
|
|
216
|
+
export declare const ddsColorSurfaceHoverSubtle = "#f1f3f4";
|
|
127
217
|
export declare const ddsColorSurfaceSelectedDefault = "#e7f1f7";
|
|
128
218
|
export declare const ddsColorSurfaceInverseDefault = "#354754";
|
|
129
|
-
export declare const ddsColorSurfaceInverseHover = "#
|
|
219
|
+
export declare const ddsColorSurfaceInverseHover = "#2a3943";
|
|
130
220
|
export declare const ddsColorSurfaceInverseSelected = "#202b32";
|
|
131
221
|
export declare const ddsColorSurfaceActionResting = "#106ead";
|
|
132
222
|
export declare const ddsColorSurfaceActionHover = "#0d588a";
|
|
@@ -145,13 +235,13 @@ export declare const ddsColorSurfaceInfoStrong = "#9eceee";
|
|
|
145
235
|
export declare const ddsColorSurfacePaperDefault = "#ffffff";
|
|
146
236
|
export declare const ddsColorSurfaceBackdropDefault = "#0b0d0e80";
|
|
147
237
|
export declare const ddsColorSurfaceFieldDefault = "#ffffff";
|
|
148
|
-
export declare const ddsColorSurfaceFieldDisabled = "#
|
|
149
|
-
export declare const ddsColorSurfaceHighlightedDefault = "#
|
|
238
|
+
export declare const ddsColorSurfaceFieldDisabled = "#f1f3f4";
|
|
239
|
+
export declare const ddsColorSurfaceHighlightedDefault = "#fce5dd";
|
|
150
240
|
export declare const ddsColorSurfaceScrollbar = "#adb5ba";
|
|
151
241
|
export declare const ddsColorSurfaceNotification = "#d83737";
|
|
152
|
-
export declare const ddsColorSurfaceSkeleton = "#
|
|
242
|
+
export declare const ddsColorSurfaceSkeleton = "#d6dadd";
|
|
153
243
|
export declare const ddsColorBorderDefault = "#77838c";
|
|
154
|
-
export declare const ddsColorBorderSubtle = "#
|
|
244
|
+
export declare const ddsColorBorderSubtle = "#d6dadd";
|
|
155
245
|
export declare const ddsColorBorderInverse = "#acbbc6";
|
|
156
246
|
export declare const ddsColorBorderActionDefault = "#106ead";
|
|
157
247
|
export declare const ddsColorBorderActionHover = "#0d588a";
|
|
@@ -183,11 +273,11 @@ export declare const ddsColorIconActionResting = "#106ead";
|
|
|
183
273
|
export declare const ddsColorIconActionHover = "#0d588a";
|
|
184
274
|
export declare const ddsColorIconOnSuccessDefault = "#3d723d";
|
|
185
275
|
export declare const ddsColorIconOnSuccessStrong = "#0b0d0e";
|
|
186
|
-
export declare const ddsColorIconOnWarningDefault = "#
|
|
276
|
+
export declare const ddsColorIconOnWarningDefault = "#9a8c26";
|
|
187
277
|
export declare const ddsColorIconOnWarningStrong = "#0b0d0e";
|
|
188
278
|
export declare const ddsColorIconOnDangerDefault = "#ad2c2c";
|
|
189
279
|
export declare const ddsColorIconOnDangerStrong = "#0b0d0e";
|
|
190
|
-
export declare const ddsColorIconOnInfoDefault = "#
|
|
280
|
+
export declare const ddsColorIconOnInfoDefault = "#3e7192";
|
|
191
281
|
export declare const ddsColorIconOnInfoStrong = "#0b0d0e";
|
|
192
282
|
export declare const ddsColorIconDanger = "#ad2c2c";
|
|
193
283
|
export declare const ddsColorBrandPrimaryDefault = "#354754";
|
|
@@ -198,12 +288,42 @@ export declare const ddsColorBrandSecondaryDefault = "#9ab8b7";
|
|
|
198
288
|
export declare const ddsColorBrandSecondarySubtle = "#e6eded";
|
|
199
289
|
export declare const ddsColorBrandSecondaryMedium = "#b8cdcd";
|
|
200
290
|
export declare const ddsColorBrandSecondaryStrong = "#4d6463";
|
|
201
|
-
export declare const ddsColorBrandTertiaryDefault = "#
|
|
202
|
-
export declare const ddsColorBrandTertiarySubtle = "#
|
|
203
|
-
export declare const ddsColorBrandTertiaryMedium = "#
|
|
204
|
-
export declare const ddsColorBrandTertiaryStrong = "#
|
|
205
|
-
export declare const ddsColorFocusOutside = "#
|
|
291
|
+
export declare const ddsColorBrandTertiaryDefault = "#f27e55";
|
|
292
|
+
export declare const ddsColorBrandTertiarySubtle = "#fce5dd";
|
|
293
|
+
export declare const ddsColorBrandTertiaryMedium = "#f2a68f";
|
|
294
|
+
export declare const ddsColorBrandTertiaryStrong = "#d45d32";
|
|
295
|
+
export declare const ddsColorFocusOutside = "#2a4b61";
|
|
206
296
|
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";
|
|
207
327
|
export declare const ddsBorderRadiusButton = "2px";
|
|
208
328
|
export declare const ddsBorderRadiusButtonNumberPx = 2;
|
|
209
329
|
export declare const ddsBorderRadiusSurface = "2px";
|