@norges-domstoler/dds-design-tokens 6.0.1 → 7.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.
@@ -1,415 +0,0 @@
1
- // Do not edit directly, this file was auto-generated.
2
- const ddsColorPrimaryLightest = "#eaeff4";
3
- const ddsColorPrimaryLighter = "#acbbc6";
4
- const ddsColorPrimaryLight = "#4f6a7e";
5
- const ddsColorPrimaryBase = "#354754"; // Primary er hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge
6
- const ddsColorPrimaryDark = "#313d45";
7
- const ddsColorPrimaryDarker = "#202b32";
8
- const ddsColorPrimaryDarkest = "#151c22";
9
- const ddsColorNeutralsWhite = "#ffffff";
10
- const ddsColorNeutralsGray1 = "#f8f9f9";
11
- const ddsColorNeutralsGray2 = "#ebecee";
12
- const ddsColorNeutralsGray3 = "#cfd4d7";
13
- const ddsColorNeutralsGray4 = "#adb5ba";
14
- const ddsColorNeutralsGray5 = "#77838c";
15
- const ddsColorNeutralsGray6 = "#545c62";
16
- const ddsColorNeutralsGray7 = "#3a4146";
17
- const ddsColorNeutralsGray8 = "#22272a";
18
- const ddsColorNeutralsGray9 = "#0b0d0e";
19
- const ddsColorInteractiveLightest = "#e7f1f7";
20
- const ddsColorInteractiveLighter = "#9fc5de";
21
- const ddsColorInteractiveLight = "#589ac6";
22
- const ddsColorInteractiveBase = "#106ead"; // Interactive brukes til interaksjon. Dette er vanligvis knapper og lenker. Den brukes ofte for å indikere at en komponent er klikkbar eller at man interagerer med den
23
- const ddsColorInteractiveDark = "#0d588a";
24
- const ddsColorInteractiveDarker = "#0a4268";
25
- const ddsColorInteractiveDarkest = "#062c45";
26
- const ddsColorSecondaryLightest = "#e6eded"; // --l80
27
- const ddsColorSecondaryLighter = "#cddbdb";
28
- const ddsColorSecondaryLight = "#b8cdcd";
29
- const ddsColorSecondaryBase = "#9ab8b7"; // Secondary er den andre hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge.
30
- const ddsColorSecondaryDark = "#7b9392";
31
- const ddsColorSecondaryDarker = "#4d6463";
32
- const ddsColorSecondaryDarkest = "#3e4a49";
33
- const ddsColorTertiaryLightest = "#ffe6df";
34
- const ddsColorTertiaryLighter = "#ffd6ca";
35
- const ddsColorTertiaryLight = "#f6c1b1";
36
- const ddsColorTertiaryBase = "#f2a68f"; // Tertiary er er den tredje profilfargen til Domstolene. Denne brukes gjerne som støttefarge
37
- const ddsColorTertiaryDark = "#f59877";
38
- const ddsColorTertiaryDarker = "#f27e55";
39
- const ddsColorTertiaryDarkest = "#c26544";
40
- const ddsColorSuccessLightest = "#f0f9f0";
41
- const ddsColorSuccessLighter = "#c1e5c2";
42
- const ddsColorSuccessLight = "#93d294";
43
- const ddsColorSuccessBase = "#65be66"; // Brukes for å kommunisere suksess eller noe som er riktig.
44
- const ddsColorSuccessDark = "#519852";
45
- const ddsColorSuccessDarker = "#3d723d";
46
- const ddsColorSuccessDarkest = "#284c29";
47
- const ddsColorDangerLightest = "#fbebeb";
48
- const ddsColorDangerLighter = "#efafaf";
49
- const ddsColorDangerLight = "#e47373";
50
- const ddsColorDangerBase = "#d83737"; // Brukes for å kommunisere feil og destruktive handlinger, som f.eks. slett.
51
- const ddsColorDangerDark = "#ad2c2c";
52
- const ddsColorDangerDarker = "#822121";
53
- const ddsColorDangerDarkest = "#561616";
54
- const ddsColorWarningLightest = "#fefced";
55
- const ddsColorWarningLighter = "#fbf3b8";
56
- const ddsColorWarningLight = "#f7e982";
57
- const ddsColorWarningBase = "#f4e04d"; // Brukes for å kommunisere varsler.
58
- const ddsColorWarningDark = "#c3b33e";
59
- const ddsColorWarningDarker = "#92862e";
60
- const ddsColorWarningDarkest = "#625a1f";
61
- const ddsColorInfoLightest = "#f1f8fd";
62
- const ddsColorInfoLighter = "#c8e3f5";
63
- const ddsColorInfoLight = "#9eceee";
64
- const ddsColorInfoBase = "#75b9e6";
65
- const ddsColorInfoDark = "#5e94b8";
66
- const ddsColorInfoDarker = "#466f8a";
67
- const ddsColorInfoDarkest = "#2f4a5c";
68
- const ddsColorVisitedBase = "#7f29b4"; // Used for visited links
69
- const ddsColorVisitedLighter = "#cca9e1"; // Used for visited links
70
- const ddsColorBgDefault = "#ffffff"; // UI shell base color
71
- const ddsColorBgSubtle = "#f8f9f9"; // Alternative UI shell base color
72
- const ddsColorSurfaceDefault = "#ffffff"; // Default bg
73
- const ddsColorSurfaceSubtle = "#f8f9f9"; // Subtle surface color
74
- const ddsColorSurfaceMedium = "#ebecee"; // Medium surface color
75
- const ddsColorSurfaceHoverDefault = "#e7f1f7"; // Hover on surface (default, subtle, medium)
76
- const ddsColorSurfaceHoverSubtle = "#f8f9f9"; // Subtle hover on surface (default, medium)
77
- const ddsColorSurfaceSelectedDefault = "#e7f1f7"; // Selected state for surface (default, subtle, medium)
78
- const ddsColorSurfaceInverseDefault = "#354754"; // Can be used as a surface for menu, navigation, footer etc
79
- const ddsColorSurfaceInverseHover = "#313d45"; // Hover on surface.inverse
80
- const ddsColorSurfaceInverseSelected = "#202b32"; // selected on surface.inverse
81
- const ddsColorSurfaceActionResting = "#106ead"; // Primary button bg
82
- const ddsColorSurfaceActionHover = "#0d588a"; // Hover on surface.action/selected
83
- const ddsColorSurfaceActionSelected = "#106ead"; // Selected state for components such as togglebutton, togglebar, progress tracker, checkbox etc
84
- const ddsColorSurfaceActionDangerResting = "#d83737"; // Danger button
85
- const ddsColorSurfaceActionDangerHover = "#ad2c2c"; // Hover on surface.action-danger
86
- const ddsColorSurfaceActionSelectedDisabled = "#77838c"; // bg on a selected disabled checkbox, radio etc
87
- const ddsColorSurfaceDangerDefault = "#fbebeb"; // tag, message, errormessage
88
- const ddsColorSurfaceDangerStrong = "#e47373"; // tag strong value
89
- const ddsColorSurfaceSuccessDefault = "#f0f9f0"; // tag, message
90
- const ddsColorSurfaceSuccessStrong = "#93d294"; // tag with strong value
91
- const ddsColorSurfaceWarningDefault = "#fefced"; // tag, message
92
- const ddsColorSurfaceWarningStrong = "#f7e982"; // tag strong value
93
- const ddsColorSurfaceInfoDefault = "#f1f8fd"; // tag, message
94
- const ddsColorSurfaceInfoStrong = "#9eceee"; // tag strong value
95
- const ddsColorSurfacePaperDefault = "#ffffff"; // modal, drawer, popover etc
96
- const ddsColorSurfaceBackdropDefault = "#0b0d0e80"; // background overlay for modals (50%)
97
- const ddsColorSurfaceFieldDefault = "#ffffff"; // Form elements (textinput, datepicker etc)
98
- const ddsColorSurfaceFieldDisabled = "#f8f9f9"; // disabled state on surface.field
99
- const ddsColorSurfaceHighlightedDefault = "#ffe6df"; // bg for highlighted text on text.default. Use with $Text
100
- const ddsColorSurfaceScrollbar = "#adb5ba"; // Used for scrollbar
101
- const ddsColorSurfaceNotification = "#d83737"; // bg on a notification
102
- const ddsColorSurfaceSkeleton = "#cfd4d7"; // Used for skeleton
103
- const ddsColorBorderDefault = "#77838c"; // Form components, togglebutton, secondary button, checkbox etc
104
- const ddsColorBorderSubtle = "#cfd4d7"; // Dropdown, tooltip, overflow etc
105
- const ddsColorBorderInverse = "#acbbc6"; // Border or divider on surface.inverse
106
- const ddsColorBorderActionDefault = "#106ead"; // Used in progress tracker
107
- const ddsColorBorderActionHover = "#0d588a"; // Hover on secondary button etc
108
- const ddsColorBorderSuccess = "#65be66"; // Tag-default
109
- const ddsColorBorderWarning = "#f4e04d"; // Tag.default
110
- const ddsColorBorderDanger = "#d83737"; // Tag.default, error message field
111
- const ddsColorBorderInfo = "#75b9e6"; // Tag.default
112
- const ddsColorBorderOnAction = "#ffffff"; // Used on primary split button
113
- const ddsColorTextDefault = "#0b0d0e"; // default text, heading, body. on surface.hover
114
- const ddsColorTextMedium = "#3a4146"; // Label, etc
115
- const ddsColorTextSubtle = "#545c62"; // Disabled or less important text
116
- const ddsColorTextOnInverse = "#ffffff"; // On surface.inverse
117
- const ddsColorTextOnAction = "#ffffff"; // On surface.action (primary and danger button)
118
- const ddsColorTextOnStatusDefault = "#0b0d0e"; // On default status surfaces
119
- const ddsColorTextOnStatusStrong = "#0b0d0e"; // On status surfaces with strong prop
120
- const ddsColorTextActionResting = "#106ead"; // Link, number in progress tracker
121
- const ddsColorTextActionHover = "#0d588a"; // Hover on text.action
122
- const ddsColorTextRequiredfield = "#d83737"; // Asterix to indicate required field
123
- const ddsColorTextActionVisited = "#7f29b4"; // Used for visited links
124
- const ddsColorTextActionVisitedOnInverse = "#cca9e1"; // Used for visited links on inverse surfaces
125
- const ddsColorTextOnNotification = "#ffffff"; // Used on surface.notification
126
- const ddsColorIconDefault = "#0b0d0e"; // Often used with text.default
127
- const ddsColorIconMedium = "#3a4146"; // Often used with text.medium
128
- const ddsColorIconSubtle = "#545c62"; // Often used with text.subtle
129
- const ddsColorIconOnInverse = "#ffffff"; // On surface.inverse
130
- const ddsColorIconOnAction = "#ffffff"; // On surface.action (primary and danger button)
131
- const ddsColorIconActionResting = "#106ead"; // Often used with Text.action
132
- const ddsColorIconActionHover = "#0d588a"; // hover on icon-action, used on secondary buttons etc
133
- const ddsColorIconOnSuccessDefault = "#3d723d"; // On surface.success-default
134
- const ddsColorIconOnSuccessStrong = "#0b0d0e"; // On surface-success-strong
135
- const ddsColorIconOnWarningDefault = "#92862e"; // On surface.warning-default
136
- const ddsColorIconOnWarningStrong = "#0b0d0e"; // On surface.warning-strong
137
- const ddsColorIconOnDangerDefault = "#ad2c2c"; // On surface.danger-default
138
- const ddsColorIconOnDangerStrong = "#0b0d0e"; // On surface.danger-strong
139
- const ddsColorIconOnInfoDefault = "#466f8a"; // On surface.info-default
140
- const ddsColorIconOnInfoStrong = "#0b0d0e"; // On surface.info-strong
141
- const ddsColorBrandPrimaryDefault = "#354754"; // Primary brand color
142
- const ddsColorBrandPrimarySubtle = "#eaeff4"; // Primary brand color
143
- const ddsColorBrandPrimaryMedium = "#4f6a7e"; // Primary brand color
144
- const ddsColorBrandPrimaryStrong = "#202b32";
145
- const ddsColorBrandSecondaryDefault = "#9ab8b7"; // Secondary brand color
146
- const ddsColorBrandSecondarySubtle = "#e6eded"; // Secondary brand color
147
- const ddsColorBrandSecondaryMedium = "#b8cdcd"; // Secondary brand color
148
- const ddsColorBrandSecondaryStrong = "#4d6463";
149
- const ddsColorBrandTertiaryDefault = "#f2a68f"; // Tertiary brand color
150
- const ddsColorBrandTertiarySubtle = "#ffe6df"; // Tertiary brand color
151
- const ddsColorBrandTertiaryMedium = "#f6c1b1"; // Tertiary brand color
152
- const ddsColorBrandTertiaryStrong = "#f27e55";
153
- const ddsColorFocusOutside = "#2f4a5c"; // Contrast to .inside
154
- const ddsColorFocusInside = "#f1f8fd"; // Contrast to .outside
155
- const ddsBorderRadius0 = "0px";
156
- const ddsBorderRadius0NumberPx = 0;
157
- const ddsBorderRadius1 = "2px";
158
- const ddsBorderRadius1NumberPx = 2;
159
- const ddsBorderRadius2 = "4px";
160
- const ddsBorderRadius2NumberPx = 4;
161
- const ddsBorderRadius3 = "8px";
162
- const ddsBorderRadius3NumberPx = 8;
163
- const ddsBorderRadius100 = "9999px";
164
- const ddsBorderRadius100NumberPx = 9999; // Rounded buttons, round shapes etc
165
- const ddsBorderRadiusButton = "2px";
166
- const ddsBorderRadiusButtonNumberPx = 2; // For use in button component and togglebutton
167
- const ddsBorderRadiusSurface = "2px";
168
- const ddsBorderRadiusSurfaceNumberPx = 2; // Most surfaces, for example cards, papers, messages, backgrounds in GUI
169
- const ddsBorderRadiusInput = "2px";
170
- const ddsBorderRadiusInputNumberPx = 2; // All input fields, and check boxes
171
- const ddsBorderRadiusChip = "2px";
172
- const ddsBorderRadiusChipNumberPx = 2; // chips and tags
173
- const ddsBorderRadiusRounded = "9999px";
174
- const ddsBorderRadiusRoundedNumberPx = 9999; // rounded and circular components such as radiobutton, toggle, togglebutton and progress tracker
175
- const ddsSpacingX0 = "0px";
176
- const ddsSpacingX0NumberPx = 0;
177
- const ddsSpacingX0125 = "2px";
178
- const ddsSpacingX0125NumberPx = 2;
179
- const ddsSpacingX025 = "4px";
180
- const ddsSpacingX025NumberPx = 4;
181
- const ddsSpacingX05 = "8px";
182
- const ddsSpacingX05NumberPx = 8;
183
- const ddsSpacingX075 = "12px";
184
- const ddsSpacingX075NumberPx = 12;
185
- const ddsSpacingX1 = "16px";
186
- const ddsSpacingX1NumberPx = 16;
187
- const ddsSpacingX15 = "24px";
188
- const ddsSpacingX15NumberPx = 24;
189
- const ddsSpacingX2 = "32px";
190
- const ddsSpacingX2NumberPx = 32;
191
- const ddsSpacingX25 = "40px";
192
- const ddsSpacingX25NumberPx = 40;
193
- const ddsSpacingX3 = "48px";
194
- const ddsSpacingX3NumberPx = 48;
195
- const ddsSpacingX4 = "64px";
196
- const ddsSpacingX4NumberPx = 64;
197
- const ddsSpacingX6 = "96px";
198
- const ddsSpacingX6NumberPx = 96;
199
- const ddsSpacingX10 = "160px";
200
- const ddsSpacingX10NumberPx = 160;
201
- const ddsSpacingPaddingTopHeading = "0.7em";
202
- const ddsSpacingPaddingTopHeadingNumberEm = 0.7; // Ekstra spacing over dds-header. 70% av størrelsen på headeren
203
- const ddsShadow1 = "1px 2px 4px 0px rgba(11, 13, 14, 10%)";
204
- const ddsShadow2 = "2px 4px 8px 0px rgba(11, 13, 14, 10%)";
205
- const ddsShadow3 = "4px 8px 16px 0px rgba(11, 13, 14, 10%)";
206
- const ddsShadow4 = "8px 16px 32px 0px rgba(11, 13, 14, 10%)";
207
- const ddsFontFamilySans = "'IBM Plex Sans'";
208
- const ddsFontFamilyMonospace = "'IBM Plex Mono'"; // For kode
209
- const ddsFontSizeX5 = "5rem";
210
- const ddsFontSizeX5NumberRem = 5;
211
- const ddsFontSizeX4 = "4rem";
212
- const ddsFontSizeX4NumberRem = 4;
213
- const ddsFontSizeX3 = "3rem";
214
- const ddsFontSizeX3NumberRem = 3;
215
- const ddsFontSizeX25 = "2.5rem";
216
- const ddsFontSizeX25NumberRem = 2.5;
217
- const ddsFontSizeX2 = "2rem";
218
- const ddsFontSizeX2NumberRem = 2;
219
- const ddsFontSizeX15 = "1.5rem";
220
- const ddsFontSizeX15NumberRem = 1.5;
221
- const ddsFontSizeX125 = "1.25rem";
222
- const ddsFontSizeX125NumberRem = 1.25;
223
- const ddsFontSizeX1125 = "1.125rem";
224
- const ddsFontSizeX1125NumberRem = 1.125;
225
- const ddsFontSizeX1 = "1rem";
226
- const ddsFontSizeX1NumberRem = 1;
227
- const ddsFontSizeX0875 = "0.875rem";
228
- const ddsFontSizeX0875NumberRem = 0.875;
229
- const ddsFontSizeX075 = "0.75rem";
230
- const ddsFontSizeX075NumberRem = 0.75;
231
- const ddsFontWeightLight = "300";
232
- const ddsFontWeightNormal = "400";
233
- const ddsFontWeightBold = "600";
234
- const ddsFontLineheightX1 = 1.5; // Brukes på str ×1_25 og mindre
235
- const ddsFontLineheightX2 = 1.35; // Brukes på str x1.5, ×2 og ×3
236
- const ddsFontLineheightX3 = 1.2; // Brukes på str ×3 og større
237
- const ddsFontLineheightList = 2.5; // Brukes på lister
238
- const ddsFontLetterSpacingTight = "-0.01em";
239
- const ddsFontLetterSpacingTightNumberEm = -0.01; // Brukes på str ×2.5 og større
240
- const ddsFontLetterSpacingNormal = "0em";
241
- const ddsFontLetterSpacingNormalNumberEm = 0; // Brukes på str ×1 og opp til og med ×2
242
- const ddsFontLetterSpacingLoose = "0.01em";
243
- const ddsFontLetterSpacingLooseNumberEm = 0.01; // Brukes på størrelser under ×1
244
- const ddsFontParagraphSpacingSmall = "1em";
245
- const ddsFontParagraphSpacingSmallNumberEm = 1; // Brukes på str ×1_25 og mindre
246
- const ddsFontParagraphSpacingMedium = "0.66em";
247
- const ddsFontParagraphSpacingMediumNumberEm = 0.66; // Brukes på str x1.5, ×2 og ×3
248
- const ddsFontParagraphSpacingLarge = "0.5em";
249
- const ddsFontParagraphSpacingLargeNumberEm = 0.5; // Brukes på str ×3 og større
250
- const ddsFontParagraphSpacingHeading = "0.4em";
251
- const ddsFontParagraphSpacingHeadingNumberEm = 0.4; // Brukes på på alle headere (bottom)
252
- const ddsFontSupportingStyleLabel01 = "600 0.875rem/1.5 'IBM Plex Sans'"; // Label for form components
253
- const ddsFontSupportingStyleHelpertext01 = "400 0.75rem/1.5 'IBM Plex Sans'"; // Helper text for form components
254
- const ddsFontSupportingStylePlaceholdertext01 = "400 1rem/1.5 'IBM Plex Sans'"; // placeholder for form components (select)
255
- const ddsFontSupportingStylePlaceholdertext02 = "400 0.875rem/1.5 'IBM Plex Sans'"; // placeholder for form components (select)
256
- const ddsFontSupportingStylePlaceholdertext03 = "400 0.75rem/1.5 'IBM Plex Sans'"; // placeholder for form components (select)
257
- const ddsFontSupportingStyleTiny01 = "400 0.75rem/1.5 'IBM Plex Sans'"; // Veldig liten font-størrelse, bruk sparsomt
258
- const ddsFontSupportingStyleTiny02 = "300 0.75rem/1.5 'IBM Plex Sans'"; // Veldig liten font-størrelse, bruk sparsomt
259
- const ddsFontBodySans01 = "400 0.875rem/1.5 'IBM Plex Sans'";
260
- const ddsFontBodySans02 = "400 1rem/1.5 'IBM Plex Sans'";
261
- const ddsFontBodySans03 = "400 1.125rem/1.5 'IBM Plex Sans'";
262
- const ddsFontBodySans04 = "400 1.25rem/1.5 'IBM Plex Sans'";
263
- const ddsFontHeadingSans01 = "600 1rem/1.5 'IBM Plex Sans'";
264
- const ddsFontHeadingSans02 = "600 1.125rem/1.35 'IBM Plex Sans'";
265
- const ddsFontHeadingSans03 = "400 1.5rem/1.35 'IBM Plex Sans'";
266
- const ddsFontHeadingSans04 = "400 2rem/1.35 'IBM Plex Sans'";
267
- const ddsFontHeadingSans05 = "300 2.5rem/1.35 'IBM Plex Sans'";
268
- const ddsFontHeadingSans06 = "300 3rem/1.2 'IBM Plex Sans'";
269
- const ddsFontHeadingSans07 = "300 4rem/1.2 'IBM Plex Sans'";
270
- const ddsFontHeadingSans08 = "300 5rem/1.2 'IBM Plex Sans'";
271
- const ddsFontLeadSans01 = "600 1.125rem/1.5 'IBM Plex Sans'"; // Lead brukes som ingress når man skriver artikler etc
272
- const ddsFontLeadSans02 = "600 1.5rem/1.35 'IBM Plex Sans'"; // Lead brukes som ingress når man skriver artikler etc
273
- const ddsFontLeadSans03 = "300 1.5rem/1.35 'IBM Plex Sans'"; // Lead brukes som ingress når man skriver artikler etc
274
- const ddsFontLeadSans04 = "300 2rem/1.35 'IBM Plex Sans'"; // Lead brukes som ingress når man skriver artikler etc
275
- const ddsFontLeadSans05 = "300 2.5rem/1.35 'IBM Plex Sans'"; // Lead brukes som ingress når man skriver artikler etc
276
- const ddsFontCodeMonospace02 = "400 1rem/1.5 'IBM Plex Mono'"; // Brukes for kodesnutter etc
277
- const ddsFontStyleUnderline = "underline";
278
- const ddsFontStyleNormal = "none";
279
- const ddsFontStyleItalic = "italic";
280
- const ddsIconSizeLarge = "40px";
281
- const ddsIconSizeLargeNumberPx = 40;
282
- const ddsIconSizeMedium = "24px";
283
- const ddsIconSizeMediumNumberPx = 24;
284
- const ddsIconSizeSmall = "16px";
285
- const ddsIconSizeSmallNumberPx = 16;
286
- const ddsGridXsCount = "4";
287
- const ddsGridXsGutterSize = "16px";
288
- const ddsGridXsGutterSizeNumberPx = 16;
289
- const ddsGridSmCount = "8";
290
- const ddsGridSmGutterSize = "16px";
291
- const ddsGridSmGutterSizeNumberPx = 16;
292
- const ddsGridLgCount = "12";
293
- const ddsGridLgGutterSize = "24px";
294
- const ddsGridLgGutterSizeNumberPx = 24;
295
- const ddsGridMdCount = "12";
296
- const ddsGridMdGutterSize = "24px";
297
- const ddsGridMdGutterSizeNumberPx = 24;
298
- const ddsGridXlCount = "12";
299
- const ddsGridXlGutterSize = "24px";
300
- const ddsGridXlGutterSizeNumberPx = 24;
301
- const ddsBreakpointXs = "1px";
302
- const ddsBreakpointXsNumberPx = 1;
303
- const ddsBreakpointSm = "600px";
304
- const ddsBreakpointSmNumberPx = 600;
305
- const ddsBreakpointMd = "960px";
306
- const ddsBreakpointMdNumberPx = 960;
307
- const ddsBreakpointLg = "1280px";
308
- const ddsBreakpointLgNumberPx = 1280;
309
- const ddsBreakpointXl = "1920px";
310
- const ddsBreakpointXlNumberPx = 1920;
311
- const ddsFontSupportingStyleLabel01LetterSpacing = "0.01em";
312
- const ddsFontSupportingStyleLabel01LetterSpacingNumberEm = 0.01;
313
- const ddsFontSupportingStyleLabel01ParagraphSpacing = "1em";
314
- const ddsFontSupportingStyleLabel01ParagraphSpacingNumberEm = 1;
315
- const ddsFontSupportingStyleHelpertext01LetterSpacing = "0.01em";
316
- const ddsFontSupportingStyleHelpertext01LetterSpacingNumberEm = 0.01;
317
- const ddsFontSupportingStyleHelpertext01ParagraphSpacing = "1em";
318
- const ddsFontSupportingStyleHelpertext01ParagraphSpacingNumberEm = 1;
319
- const ddsFontSupportingStylePlaceholdertext01LetterSpacing = "0em";
320
- const ddsFontSupportingStylePlaceholdertext01LetterSpacingNumberEm = 0;
321
- const ddsFontSupportingStylePlaceholdertext01ParagraphSpacing = "1em";
322
- const ddsFontSupportingStylePlaceholdertext01ParagraphSpacingNumberEm = 1;
323
- const ddsFontSupportingStylePlaceholdertext01FontStyle = "italic";
324
- const ddsFontSupportingStylePlaceholdertext02LetterSpacing = "0.01em";
325
- const ddsFontSupportingStylePlaceholdertext02LetterSpacingNumberEm = 0.01;
326
- const ddsFontSupportingStylePlaceholdertext02ParagraphSpacing = "1em";
327
- const ddsFontSupportingStylePlaceholdertext02ParagraphSpacingNumberEm = 1;
328
- const ddsFontSupportingStylePlaceholdertext02FontStyle = "italic";
329
- const ddsFontSupportingStylePlaceholdertext03LetterSpacing = "0.01em";
330
- const ddsFontSupportingStylePlaceholdertext03LetterSpacingNumberEm = 0.01;
331
- const ddsFontSupportingStylePlaceholdertext03ParagraphSpacing = "1em";
332
- const ddsFontSupportingStylePlaceholdertext03ParagraphSpacingNumberEm = 1;
333
- const ddsFontSupportingStylePlaceholdertext03FontStyle = "italic";
334
- const ddsFontSupportingStyleTiny01LetterSpacing = "0.01em";
335
- const ddsFontSupportingStyleTiny01LetterSpacingNumberEm = 0.01;
336
- const ddsFontSupportingStyleTiny01ParagraphSpacing = "1em";
337
- const ddsFontSupportingStyleTiny01ParagraphSpacingNumberEm = 1;
338
- const ddsFontSupportingStyleTiny02LetterSpacing = "0.01em";
339
- const ddsFontSupportingStyleTiny02LetterSpacingNumberEm = 0.01;
340
- const ddsFontSupportingStyleTiny02ParagraphSpacing = "1em";
341
- const ddsFontSupportingStyleTiny02ParagraphSpacingNumberEm = 1;
342
- const ddsFontBodySans01LetterSpacing = "0.01em";
343
- const ddsFontBodySans01LetterSpacingNumberEm = 0.01;
344
- const ddsFontBodySans01ParagraphSpacing = "1em";
345
- const ddsFontBodySans01ParagraphSpacingNumberEm = 1;
346
- const ddsFontBodySans02LetterSpacing = "0em";
347
- const ddsFontBodySans02LetterSpacingNumberEm = 0;
348
- const ddsFontBodySans02ParagraphSpacing = "1em";
349
- const ddsFontBodySans02ParagraphSpacingNumberEm = 1;
350
- const ddsFontBodySans03LetterSpacing = "0em";
351
- const ddsFontBodySans03LetterSpacingNumberEm = 0;
352
- const ddsFontBodySans03ParagraphSpacing = "1em";
353
- const ddsFontBodySans03ParagraphSpacingNumberEm = 1;
354
- const ddsFontBodySans04LetterSpacing = "0em";
355
- const ddsFontBodySans04LetterSpacingNumberEm = 0;
356
- const ddsFontBodySans04ParagraphSpacing = "1em";
357
- const ddsFontBodySans04ParagraphSpacingNumberEm = 1;
358
- const ddsFontHeadingSans01LetterSpacing = "0em";
359
- const ddsFontHeadingSans01LetterSpacingNumberEm = 0;
360
- const ddsFontHeadingSans01ParagraphSpacing = "0.4em";
361
- const ddsFontHeadingSans01ParagraphSpacingNumberEm = 0.4;
362
- const ddsFontHeadingSans02LetterSpacing = "0em";
363
- const ddsFontHeadingSans02LetterSpacingNumberEm = 0;
364
- const ddsFontHeadingSans02ParagraphSpacing = "0.4em";
365
- const ddsFontHeadingSans02ParagraphSpacingNumberEm = 0.4;
366
- const ddsFontHeadingSans03LetterSpacing = "0em";
367
- const ddsFontHeadingSans03LetterSpacingNumberEm = 0;
368
- const ddsFontHeadingSans03ParagraphSpacing = "0.4em";
369
- const ddsFontHeadingSans03ParagraphSpacingNumberEm = 0.4;
370
- const ddsFontHeadingSans04LetterSpacing = "0em";
371
- const ddsFontHeadingSans04LetterSpacingNumberEm = 0;
372
- const ddsFontHeadingSans04ParagraphSpacing = "0.4em";
373
- const ddsFontHeadingSans04ParagraphSpacingNumberEm = 0.4;
374
- const ddsFontHeadingSans05LetterSpacing = "-0.01em";
375
- const ddsFontHeadingSans05LetterSpacingNumberEm = -0.01;
376
- const ddsFontHeadingSans05ParagraphSpacing = "0.4em";
377
- const ddsFontHeadingSans05ParagraphSpacingNumberEm = 0.4;
378
- const ddsFontHeadingSans06LetterSpacing = "-0.01em";
379
- const ddsFontHeadingSans06LetterSpacingNumberEm = -0.01;
380
- const ddsFontHeadingSans06ParagraphSpacing = "0.4em";
381
- const ddsFontHeadingSans06ParagraphSpacingNumberEm = 0.4;
382
- const ddsFontHeadingSans07LetterSpacing = "-0.01em";
383
- const ddsFontHeadingSans07LetterSpacingNumberEm = -0.01;
384
- const ddsFontHeadingSans07ParagraphSpacing = "0.4em";
385
- const ddsFontHeadingSans07ParagraphSpacingNumberEm = 0.4;
386
- const ddsFontHeadingSans08LetterSpacing = "-0.01em";
387
- const ddsFontHeadingSans08LetterSpacingNumberEm = -0.01;
388
- const ddsFontHeadingSans08ParagraphSpacing = "0.4em";
389
- const ddsFontHeadingSans08ParagraphSpacingNumberEm = 0.4;
390
- const ddsFontLeadSans01LetterSpacing = "0em";
391
- const ddsFontLeadSans01LetterSpacingNumberEm = 0;
392
- const ddsFontLeadSans01ParagraphSpacing = "1em";
393
- const ddsFontLeadSans01ParagraphSpacingNumberEm = 1;
394
- const ddsFontLeadSans02LetterSpacing = "0em";
395
- const ddsFontLeadSans02LetterSpacingNumberEm = 0;
396
- const ddsFontLeadSans02ParagraphSpacing = "0.66em";
397
- const ddsFontLeadSans02ParagraphSpacingNumberEm = 0.66;
398
- const ddsFontLeadSans03LetterSpacing = "0em";
399
- const ddsFontLeadSans03LetterSpacingNumberEm = 0;
400
- const ddsFontLeadSans03ParagraphSpacing = "0.66em";
401
- const ddsFontLeadSans03ParagraphSpacingNumberEm = 0.66;
402
- const ddsFontLeadSans04LetterSpacing = "0em";
403
- const ddsFontLeadSans04LetterSpacingNumberEm = 0;
404
- const ddsFontLeadSans04ParagraphSpacing = "0.66em";
405
- const ddsFontLeadSans04ParagraphSpacingNumberEm = 0.66;
406
- const ddsFontLeadSans05LetterSpacing = "-0.01em";
407
- const ddsFontLeadSans05LetterSpacingNumberEm = -0.01;
408
- const ddsFontLeadSans05ParagraphSpacing = "0.66em";
409
- const ddsFontLeadSans05ParagraphSpacingNumberEm = 0.66;
410
- const ddsFontCodeMonospace02LetterSpacing = "0em";
411
- const ddsFontCodeMonospace02LetterSpacingNumberEm = 0;
412
- const ddsFontCodeMonospace02ParagraphSpacing = "1em";
413
- const ddsFontCodeMonospace02ParagraphSpacingNumberEm = 1;
414
-
415
- export { ddsBorderRadius0, ddsBorderRadius0NumberPx, ddsBorderRadius1, ddsBorderRadius100, ddsBorderRadius100NumberPx, ddsBorderRadius1NumberPx, ddsBorderRadius2, ddsBorderRadius2NumberPx, ddsBorderRadius3, ddsBorderRadius3NumberPx, 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, ddsColorDangerBase, ddsColorDangerDark, ddsColorDangerDarker, ddsColorDangerDarkest, ddsColorDangerLight, ddsColorDangerLighter, ddsColorDangerLightest, ddsColorFocusInside, ddsColorFocusOutside, ddsColorIconActionHover, ddsColorIconActionResting, ddsColorIconDefault, ddsColorIconMedium, ddsColorIconOnAction, ddsColorIconOnDangerDefault, ddsColorIconOnDangerStrong, ddsColorIconOnInfoDefault, ddsColorIconOnInfoStrong, ddsColorIconOnInverse, ddsColorIconOnSuccessDefault, ddsColorIconOnSuccessStrong, ddsColorIconOnWarningDefault, ddsColorIconOnWarningStrong, ddsColorIconSubtle, ddsColorInfoBase, ddsColorInfoDark, ddsColorInfoDarker, ddsColorInfoDarkest, ddsColorInfoLight, ddsColorInfoLighter, ddsColorInfoLightest, ddsColorInteractiveBase, ddsColorInteractiveDark, ddsColorInteractiveDarker, ddsColorInteractiveDarkest, ddsColorInteractiveLight, ddsColorInteractiveLighter, ddsColorInteractiveLightest, ddsColorNeutralsGray1, ddsColorNeutralsGray2, ddsColorNeutralsGray3, ddsColorNeutralsGray4, ddsColorNeutralsGray5, ddsColorNeutralsGray6, ddsColorNeutralsGray7, ddsColorNeutralsGray8, ddsColorNeutralsGray9, ddsColorNeutralsWhite, ddsColorPrimaryBase, ddsColorPrimaryDark, ddsColorPrimaryDarker, ddsColorPrimaryDarkest, ddsColorPrimaryLight, ddsColorPrimaryLighter, ddsColorPrimaryLightest, ddsColorSecondaryBase, ddsColorSecondaryDark, ddsColorSecondaryDarker, ddsColorSecondaryDarkest, ddsColorSecondaryLight, ddsColorSecondaryLighter, ddsColorSecondaryLightest, ddsColorSuccessBase, ddsColorSuccessDark, ddsColorSuccessDarker, ddsColorSuccessDarkest, ddsColorSuccessLight, ddsColorSuccessLighter, ddsColorSuccessLightest, 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, ddsColorTertiaryBase, ddsColorTertiaryDark, ddsColorTertiaryDarker, ddsColorTertiaryDarkest, ddsColorTertiaryLight, ddsColorTertiaryLighter, ddsColorTertiaryLightest, ddsColorTextActionHover, ddsColorTextActionResting, ddsColorTextActionVisited, ddsColorTextActionVisitedOnInverse, ddsColorTextDefault, ddsColorTextMedium, ddsColorTextOnAction, ddsColorTextOnInverse, ddsColorTextOnNotification, ddsColorTextOnStatusDefault, ddsColorTextOnStatusStrong, ddsColorTextRequiredfield, ddsColorTextSubtle, ddsColorVisitedBase, ddsColorVisitedLighter, ddsColorWarningBase, ddsColorWarningDark, ddsColorWarningDarker, ddsColorWarningDarkest, ddsColorWarningLight, ddsColorWarningLighter, ddsColorWarningLightest, ddsFontBodySans01, ddsFontBodySans01LetterSpacing, ddsFontBodySans01LetterSpacingNumberEm, ddsFontBodySans01ParagraphSpacing, ddsFontBodySans01ParagraphSpacingNumberEm, ddsFontBodySans02, ddsFontBodySans02LetterSpacing, ddsFontBodySans02LetterSpacingNumberEm, ddsFontBodySans02ParagraphSpacing, ddsFontBodySans02ParagraphSpacingNumberEm, ddsFontBodySans03, ddsFontBodySans03LetterSpacing, ddsFontBodySans03LetterSpacingNumberEm, ddsFontBodySans03ParagraphSpacing, ddsFontBodySans03ParagraphSpacingNumberEm, ddsFontBodySans04, ddsFontBodySans04LetterSpacing, ddsFontBodySans04LetterSpacingNumberEm, ddsFontBodySans04ParagraphSpacing, ddsFontBodySans04ParagraphSpacingNumberEm, ddsFontCodeMonospace02, ddsFontCodeMonospace02LetterSpacing, ddsFontCodeMonospace02LetterSpacingNumberEm, ddsFontCodeMonospace02ParagraphSpacing, ddsFontCodeMonospace02ParagraphSpacingNumberEm, ddsFontFamilyMonospace, ddsFontFamilySans, ddsFontHeadingSans01, ddsFontHeadingSans01LetterSpacing, ddsFontHeadingSans01LetterSpacingNumberEm, ddsFontHeadingSans01ParagraphSpacing, ddsFontHeadingSans01ParagraphSpacingNumberEm, ddsFontHeadingSans02, ddsFontHeadingSans02LetterSpacing, ddsFontHeadingSans02LetterSpacingNumberEm, ddsFontHeadingSans02ParagraphSpacing, ddsFontHeadingSans02ParagraphSpacingNumberEm, ddsFontHeadingSans03, ddsFontHeadingSans03LetterSpacing, ddsFontHeadingSans03LetterSpacingNumberEm, ddsFontHeadingSans03ParagraphSpacing, ddsFontHeadingSans03ParagraphSpacingNumberEm, ddsFontHeadingSans04, ddsFontHeadingSans04LetterSpacing, ddsFontHeadingSans04LetterSpacingNumberEm, ddsFontHeadingSans04ParagraphSpacing, ddsFontHeadingSans04ParagraphSpacingNumberEm, ddsFontHeadingSans05, ddsFontHeadingSans05LetterSpacing, ddsFontHeadingSans05LetterSpacingNumberEm, ddsFontHeadingSans05ParagraphSpacing, ddsFontHeadingSans05ParagraphSpacingNumberEm, ddsFontHeadingSans06, ddsFontHeadingSans06LetterSpacing, ddsFontHeadingSans06LetterSpacingNumberEm, ddsFontHeadingSans06ParagraphSpacing, ddsFontHeadingSans06ParagraphSpacingNumberEm, ddsFontHeadingSans07, ddsFontHeadingSans07LetterSpacing, ddsFontHeadingSans07LetterSpacingNumberEm, ddsFontHeadingSans07ParagraphSpacing, ddsFontHeadingSans07ParagraphSpacingNumberEm, ddsFontHeadingSans08, ddsFontHeadingSans08LetterSpacing, ddsFontHeadingSans08LetterSpacingNumberEm, ddsFontHeadingSans08ParagraphSpacing, ddsFontHeadingSans08ParagraphSpacingNumberEm, ddsFontLeadSans01, ddsFontLeadSans01LetterSpacing, ddsFontLeadSans01LetterSpacingNumberEm, ddsFontLeadSans01ParagraphSpacing, ddsFontLeadSans01ParagraphSpacingNumberEm, ddsFontLeadSans02, ddsFontLeadSans02LetterSpacing, ddsFontLeadSans02LetterSpacingNumberEm, ddsFontLeadSans02ParagraphSpacing, ddsFontLeadSans02ParagraphSpacingNumberEm, ddsFontLeadSans03, ddsFontLeadSans03LetterSpacing, ddsFontLeadSans03LetterSpacingNumberEm, ddsFontLeadSans03ParagraphSpacing, ddsFontLeadSans03ParagraphSpacingNumberEm, ddsFontLeadSans04, ddsFontLeadSans04LetterSpacing, ddsFontLeadSans04LetterSpacingNumberEm, ddsFontLeadSans04ParagraphSpacing, ddsFontLeadSans04ParagraphSpacingNumberEm, ddsFontLeadSans05, ddsFontLeadSans05LetterSpacing, ddsFontLeadSans05LetterSpacingNumberEm, ddsFontLeadSans05ParagraphSpacing, ddsFontLeadSans05ParagraphSpacingNumberEm, ddsFontLetterSpacingLoose, ddsFontLetterSpacingLooseNumberEm, ddsFontLetterSpacingNormal, ddsFontLetterSpacingNormalNumberEm, ddsFontLetterSpacingTight, ddsFontLetterSpacingTightNumberEm, 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, ddsFontSupportingStyleHelpertext01, ddsFontSupportingStyleHelpertext01LetterSpacing, ddsFontSupportingStyleHelpertext01LetterSpacingNumberEm, ddsFontSupportingStyleHelpertext01ParagraphSpacing, ddsFontSupportingStyleHelpertext01ParagraphSpacingNumberEm, ddsFontSupportingStyleLabel01, ddsFontSupportingStyleLabel01LetterSpacing, ddsFontSupportingStyleLabel01LetterSpacingNumberEm, ddsFontSupportingStyleLabel01ParagraphSpacing, ddsFontSupportingStyleLabel01ParagraphSpacingNumberEm, ddsFontSupportingStylePlaceholdertext01, ddsFontSupportingStylePlaceholdertext01FontStyle, ddsFontSupportingStylePlaceholdertext01LetterSpacing, ddsFontSupportingStylePlaceholdertext01LetterSpacingNumberEm, ddsFontSupportingStylePlaceholdertext01ParagraphSpacing, ddsFontSupportingStylePlaceholdertext01ParagraphSpacingNumberEm, ddsFontSupportingStylePlaceholdertext02, ddsFontSupportingStylePlaceholdertext02FontStyle, ddsFontSupportingStylePlaceholdertext02LetterSpacing, ddsFontSupportingStylePlaceholdertext02LetterSpacingNumberEm, ddsFontSupportingStylePlaceholdertext02ParagraphSpacing, ddsFontSupportingStylePlaceholdertext02ParagraphSpacingNumberEm, ddsFontSupportingStylePlaceholdertext03, ddsFontSupportingStylePlaceholdertext03FontStyle, ddsFontSupportingStylePlaceholdertext03LetterSpacing, ddsFontSupportingStylePlaceholdertext03LetterSpacingNumberEm, ddsFontSupportingStylePlaceholdertext03ParagraphSpacing, ddsFontSupportingStylePlaceholdertext03ParagraphSpacingNumberEm, ddsFontSupportingStyleTiny01, ddsFontSupportingStyleTiny01LetterSpacing, ddsFontSupportingStyleTiny01LetterSpacingNumberEm, ddsFontSupportingStyleTiny01ParagraphSpacing, ddsFontSupportingStyleTiny01ParagraphSpacingNumberEm, ddsFontSupportingStyleTiny02, ddsFontSupportingStyleTiny02LetterSpacing, ddsFontSupportingStyleTiny02LetterSpacingNumberEm, ddsFontSupportingStyleTiny02ParagraphSpacing, ddsFontSupportingStyleTiny02ParagraphSpacingNumberEm, ddsFontWeightBold, ddsFontWeightLight, ddsFontWeightNormal, 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, ddsSpacingX0125NumberPx, ddsSpacingX025, ddsSpacingX025NumberPx, ddsSpacingX05, ddsSpacingX05NumberPx, ddsSpacingX075, ddsSpacingX075NumberPx, ddsSpacingX0NumberPx, ddsSpacingX1, ddsSpacingX10, ddsSpacingX10NumberPx, ddsSpacingX15, ddsSpacingX15NumberPx, ddsSpacingX1NumberPx, ddsSpacingX2, ddsSpacingX25, ddsSpacingX25NumberPx, ddsSpacingX2NumberPx, ddsSpacingX3, ddsSpacingX3NumberPx, ddsSpacingX4, ddsSpacingX4NumberPx, ddsSpacingX6, ddsSpacingX6NumberPx };