@commercetools-uikit/design-system 16.1.0 → 16.2.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.
Files changed (9) hide show
  1. package/dist/commercetools-uikit-design-system.cjs.dev.js +371 -715
  2. package/dist/commercetools-uikit-design-system.cjs.prod.js +371 -715
  3. package/dist/commercetools-uikit-design-system.esm.js +372 -716
  4. package/dist/declarations/src/design-tokens.d.ts +366 -679
  5. package/dist/declarations/src/theme-provider.d.ts +1 -1
  6. package/materials/custom-properties.css +332 -340
  7. package/materials/custom-properties.json +270 -276
  8. package/materials/internals/definition.yaml +257 -1032
  9. package/package.json +2 -2
package/dist/declarations/src/design-tokens.d.ts CHANGED
@@ -48,7 +48,7 @@ export declare const themes: {
48
48
  readonly borderRadius20: "20px";
49
49
  readonly borderWidth1: "1px";
50
50
  readonly borderWidth2: "2px";
51
- readonly fontFamily: "'Open Sans', sans-serif";
51
+ readonly fontFamily: "'Inter', system-ui";
52
52
  readonly fontSize10: "0.75rem";
53
53
  readonly fontSize20: "0.875rem";
54
54
  readonly fontSize30: "1rem";
@@ -129,361 +129,6 @@ export declare const themes: {
129
129
  readonly breakPointBiggerdesktop: "1280px";
130
130
  readonly breakPointGiantdesktop: "1680px";
131
131
  readonly breakPointJumbodesktop: "1920px";
132
- readonly alignItemsForSelectInputTag: "unset";
133
- readonly backgroundColorForButtonWhenActive: "#fff";
134
- readonly backgroundColorForButtonWhenHovered: "#fff";
135
- readonly backgroundColorForButtonAsPrimaryWhenActive: "#00b39e";
136
- readonly backgroundColorForButtonAsPrimaryWhenHovered: "hsl(172.9608938547486, 100%, 25%)";
137
- readonly backgroundColorForButtonAsIconAsPrimaryWhenActive: "#00b39e";
138
- readonly backgroundColorForButtonAsIconAsPrimaryWhenHovered: "#00b39e";
139
- readonly backgroundColorForButtonAsIconAsInfoWhenActive: "#078cdf";
140
- readonly backgroundColorForButtonAsIconAsInfoWhenHovered: "#078cdf";
141
- readonly backgroundColorForButtonAsUrgentWhenActive: "#f16d0e";
142
- readonly backgroundColorForButtonAsUrgentWhenHovered: "hsl(25.110132158590307, 89.0196078431%, 25%)";
143
- readonly backgroundColorForButtonWhenDisabled: "hsl(195, 35.2941176471%, 98%)";
144
- readonly backgroundColorForInput: "#fff";
145
- readonly backgroundColorForInputWhenSelected: "hsl(195, 35.2941176471%, 95%)";
146
- readonly backgroundColorForInputWhenDisabled: "hsl(195, 35.2941176471%, 98%)";
147
- readonly backgroundColorForInputWhenHovered: "#fff";
148
- readonly backgroundColorForInputWhenFocused: "#fff";
149
- readonly backgroundColorForInputWhenReadonly: "#fff";
150
- readonly backgroundColorForInputWhenActive: "hsl(195, 35.2941176471%, 95%)";
151
- readonly backgroundColorForTableCellWhenHovered: "hsl(0, 0%, 90%)";
152
- readonly backgroundColorForTableHeader: "#213c45";
153
- readonly backgroundColorForTag: "hsl(0, 0%, 95%)";
154
- readonly backgroundColorForTagWarning: "hsl(25.110132158590307, 89.0196078431%, 95%)";
155
- readonly backgroundColorForTagWhenHovered: "hsl(0, 0%, 95%)";
156
- readonly backgroundColorForCollapsiblePanelHeaderIconWhenDisabled: "hsl(195, 35.2941176471%, 98%)";
157
- readonly backgroundColorForSelectInputOptionWhenHovered: "hsl(0, 0%, 90%)";
158
- readonly backgroundColorForAvatar: "hsl(0, 0%, 60%)";
159
- readonly backgroundColorForAvatarWhenHighlighted: "#ccc";
160
- readonly backgroundColorForStampAsPositive: "hsl(172.9608938547486, 100%, 85%)";
161
- readonly backgroundColorForLocalizedInputLabel: "hsl(195, 35.2941176471%, 98%)";
162
- readonly backgroundColorForLocalizedInputLabelWhenReadonly: "hsl(195, 35.2941176471%, 95%)";
163
- readonly backgroundColorForLocalizedInputLabelWhenDisabled: "hsl(195, 35.2941176471%, 98%)";
164
- readonly backgroundColorForLocalizedRichTextBodyButtonWhenActive: "hsl(195, 35.2941176471%, 30%)";
165
- readonly backgroundColorForLocalizedRichTextBodyButton: "hsl(0, 0%, 90%)";
166
- readonly backgroundColorForRichTextDropdownWhenHovered: "hsl(0, 0%, 90%)";
167
- readonly backgroundColorForRichTextMoreStylesDropdownWhenHovered: "hsl(0, 0%, 90%)";
168
- readonly backgroundColorForRichTextButton: "hsl(195, 35.2941176471%, 30%)";
169
- readonly backgroundColorForTooltip: "#213c45";
170
- readonly backgroundColorForViewSwitcher: "#fff";
171
- readonly backgroundColorForViewSwitcherWhenDisabled: "hsl(195, 35.2941176471%, 98%)";
172
- readonly backgroundColorForViewSwitcherWhenSelected: "hsl(0, 0%, 95%)";
173
- readonly backgroundColorForViewSwitcherWhenHovered: "hsl(0, 0%, 90%)";
174
- readonly backgroundColorForContentNotificationWhenError: "#fff";
175
- readonly backgroundColorForContentNotificationWhenInfo: "#fff";
176
- readonly backgroundColorForContentNotificationWhenWarning: "#fff";
177
- readonly backgroundColorForContentNotificationWhenSuccess: "#fff";
178
- readonly backgroundColorForContentNotificationIconWhenError: "#e60050";
179
- readonly backgroundColorForContentNotificationIconWhenInfo: "#078cdf";
180
- readonly backgroundColorForContentNotificationIconWhenWarning: "#f16d0e";
181
- readonly backgroundColorForContentNotificationIconWhenSuccess: "#00b39e";
182
- readonly backgroundColorForCheckboxInputIcon: "#fff";
183
- readonly backgroundColorForCheckboxInputIconWhenDisabled: "#fff";
184
- readonly backgroundColorForCheckboxInputIconWhenReadonly: "#fff";
185
- readonly backgroundColorForCheckboxInputIconWhenError: "#fff";
186
- readonly backgroundColorForCheckboxInputIconWhenHovered: "#fff";
187
- readonly backgroundColorForPrimaryActionDropdownWhenActive: "hsl(0, 0%, 95%)";
188
- readonly backgroundColorForPrimaryActionDropdownWhenDisabled: "hsl(195, 35.2941176471%, 98%)";
189
- readonly backgroundColorForToggleInputTrack: "hsl(0, 0%, 60%)";
190
- readonly backgroundColorForToggleInputTrackWhenDisabled: "#ccc";
191
- readonly backgroundColorForToggleInputThumbWhenDisabled: "hsl(195, 35.2941176471%, 95%)";
192
- readonly backgroundColorForToggleInputTrackWhenChecked: "#00b39e";
193
- readonly backgroundColorForToggleInputThumbWhenChecked: "#fff";
194
- readonly backgroundColorForToggleInputTrackWhenCheckedAndDisabled: "hsl(172.9608938547486, 100%, 25%)";
195
- readonly backgroundColorForToggleInputThumbWhenCheckedAndDisabled: "#ccc";
196
- readonly borderForButtonAsSecondary: "none";
197
- readonly borderForButtonAsSecondaryWhenHovered: "none";
198
- readonly borderForButtonAsSecondaryWhenActive: "none";
199
- readonly borderForCardWhenRaised: "none";
200
- readonly borderForCollapsiblePanelHeaderIconWhenDisabled: "1px solid var(--color-neutral)";
201
- readonly borderForViewSwitcher: "none";
202
- readonly borderForSelectInputTag: "none";
203
- readonly borderForRadioInputOption: "1px";
204
- readonly borderForCalendarMenuWhenFocused: "1px solid var(--color-primary)";
205
- readonly borderColorForInput: "hsl(0, 0%, 60%)";
206
- readonly borderColorForInputWhenFocused: "#00b39e";
207
- readonly borderColorForInputWhenDisabled: "#ccc";
208
- readonly borderColorForInputWhenReadonly: "#ccc";
209
- readonly borderColorForInputWhenError: "#e60050";
210
- readonly borderColorForInputWhenWarning: "#f16d0e";
211
- readonly borderColorForInputWhenHovered: "#00b39e";
212
- readonly borderColorForTag: "hsl(0, 0%, 60%)";
213
- readonly borderColorForTagWarning: "#f16d0e";
214
- readonly borderColorForTagWhenFocused: "#00b39e";
215
- readonly borderColorForTagWhenHovered: "#f16d0e";
216
- readonly borderColorForButtonAsIcon: "#fff";
217
- readonly borderColorForButtonAsIconAsInfo: "#078cdf";
218
- readonly borderColorForButtonAsIconAsPrimary: "#00b39e";
219
- readonly borderColorForButtonAsIconWhenDisabled: "#ccc";
220
- readonly borderColorForTableHeader: "#ccc";
221
- readonly borderColorForTableHeaderAsBottom: "#213c45";
222
- readonly borderColorForTableManagerDroppableList: "hsl(0, 0%, 60%)";
223
- readonly borderColorForCollapsiblePanelHeader: "hsl(0, 0%, 60%)";
224
- readonly borderColorForStampWhenError: "#e60050";
225
- readonly borderColorForStampWhenWarning: "#f16d0e";
226
- readonly borderColorForStampAsPositive: "hsl(172.9608938547486, 100%, 40%)";
227
- readonly borderColorForStampAsInformation: "#078cdf";
228
- readonly borderColorForStampAsPrimary: "hsl(172.9608938547486, 100%, 25%)";
229
- readonly borderColorForStampAsSecondary: "hsl(0, 0%, 60%)";
230
- readonly borderColorForLocalizedInputLabel: "#ccc";
231
- readonly borderColorForLocalizedInputLabelWhenReadonly: "#ccc";
232
- readonly borderColorForContentNotificationWhenError: "#e60050";
233
- readonly borderColorForContentNotificationWhenInfo: "#078cdf";
234
- readonly borderColorForContentNotificationWhenWarning: "#f16d0e";
235
- readonly borderColorForContentNotificationWhenSuccess: "#00b39e";
236
- readonly borderColorForGroupHeadingSelectInputOptions: "#ccc";
237
- readonly borderColorForSelectInputMenu: "#00b39e";
238
- readonly borderColorForSelectInputWhenReadonly: "#ccc";
239
- readonly borderColorForSelectInputMenuWhenWarning: "#f16d0e";
240
- readonly borderColorForSelectInputMenuWhenError: "#e60050";
241
- readonly borderColorForCheckboxInputIcon: "hsl(0, 0%, 60%)";
242
- readonly borderColorForCheckboxInputIconWhenDisabled: "#ccc";
243
- readonly borderColorForCheckboxInputIconWhenReadonly: "#ccc";
244
- readonly borderColorForCheckboxInputIconWhenError: "#e60050";
245
- readonly borderColorForRadioInput: "#ccc";
246
- readonly borderColorForRadioInputWhenDisabled: "hsl(0, 0%, 60%)";
247
- readonly borderColorForRadioInputWhenReadonly: "#ccc";
248
- readonly borderColorForRadioInputWhenChecked: "#ccc";
249
- readonly borderColorForRadioInputWhenFocused: "#00b39e";
250
- readonly borderColorForPrimaryActionDropdownMenu: "#ccc";
251
- readonly borderRadiusForButtonAsBig: "6px";
252
- readonly borderRadiusForButtonAsMedium: "4px";
253
- readonly borderRadiusForButtonAsIconAsBig: "6px";
254
- readonly borderRadiusForButtonAsIconAsMedium: "4px";
255
- readonly borderRadiusForButtonAsIconAsSmall: "2px";
256
- readonly borderRadiusForInput: "6px";
257
- readonly borderRadiusForTag: "2px";
258
- readonly borderRadiusForCard: "6px";
259
- readonly borderRadiusForTableManagerDroppableList: "6px";
260
- readonly borderRadiusForStamp: "2px";
261
- readonly borderRadiusForViewSwitcher: "6px";
262
- readonly borderRadiusForContentNotification: "0 var(--border-radius-6) var(--border-radius-6) 0";
263
- readonly borderRadiusForContentNotificationIcon: "var(--border-radius-6) 0 0 var(--border-radius-6)";
264
- readonly borderRadiusForPrimaryActionDropdown: "var(--border-radius-6) 0 0 var(--border-radius-6)";
265
- readonly borderRadiusForPrimaryActionDropdownIcon: "0 var(--border-radius-6) var(--border-radius-6) 0";
266
- readonly borderRadiusForPrimaryActionDropdownMenu: "6px";
267
- readonly borderWidthForInput: "1px";
268
- readonly borderWidthForInputWhenWarning: "1px";
269
- readonly borderWidthForInputWhenError: "1px";
270
- readonly borderWidthForInputWhenFocused: "1px";
271
- readonly borderWidthForTag: "1px";
272
- readonly borderWidthForSelectInput: "1px";
273
- readonly borderWidthForContentNotificationIcon: "0px";
274
- readonly borderLeftWidthForContentNotification: "1px";
275
- readonly borderWidthForCheckboxInputIcon: "1px";
276
- readonly borderForPrimaryActionDropdownIcon: "0px 0px 0px 1px";
277
- readonly boxShadowForDatetimeInputWhenHovered: "inset 0 0 0 2px";
278
- readonly boxShadowForViewSwitcher: "0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 -1px 1px 0 rgba(0, 0, 0, 0.12)";
279
- readonly boxShadowForViewSwitcherWhenSelected: "inset 0 -1px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.25)";
280
- readonly boxShadowForSelectInputWhenFocused: "inset 0 0 0 2px";
281
- readonly boxShadowForCalendarMenuWhenFocused: "none";
282
- readonly fontColorForText: "#1a1a1a";
283
- readonly fontColorForTextWhenDisabled: "#ccc";
284
- readonly fontColorForInput: "#1a1a1a";
285
- readonly fontColorForInputWhenDisabled: "hsl(0, 0%, 60%)";
286
- readonly fontColorForInputWhenError: "#e60050";
287
- readonly fontColorForInputWhenReadonly: "hsl(0, 0%, 60%)";
288
- readonly fontColorForInputWhenWarning: "#f16d0e";
289
- readonly fontColorForTag: "#1a1a1a";
290
- readonly fontColorForTagRemoveIcon: "#1a1a1a";
291
- readonly fontColorForTagDragIcon: "#1a1a1a";
292
- readonly fontColorForTagRemoveIconWhenHovered: "#f16d0e";
293
- readonly fontColorForTagWhenDisabled: "hsl(0, 0%, 60%)";
294
- readonly fontColorForTextWhenInverted: "#fff";
295
- readonly fontColorForLinkAsInverted: "#fff";
296
- readonly fontColorForLinkAsPrimary: "#00b39e";
297
- readonly fontColorForLinkAsSecondary: "#1a1a1a";
298
- readonly fontColorForLinkAsPrimaryWhenActive: "hsl(172.9608938547486, 100%, 25%)";
299
- readonly fontColorForLinkAsSecondaryWhenActive: "#00b39e";
300
- readonly fontColorForTableHeader: "#fff";
301
- readonly fontColorForLocalizedInputLabel: "hsl(0, 0%, 60%)";
302
- readonly fontColorForViewSwitcher: "#1a1a1a";
303
- readonly fontColorForViewSwitcherWhenDisabled: "hsl(0, 0%, 60%)";
304
- readonly fontColorForViewSwitcherWhenSelected: "#1a1a1a";
305
- readonly fontColorForClearInputIcon: "#1a1a1a";
306
- readonly fontColorForClearInputIconWhenHovered: "#f16d0e";
307
- readonly fontColorForContentNotification: "#1a1a1a";
308
- readonly fontColorForContentNotificationIconWhenError: "#fff";
309
- readonly fontColorForContentNotificationIconWhenWarning: "#fff";
310
- readonly fontColorForContentNotificationIconWhenSuccess: "#fff";
311
- readonly fontColorForContentNotificationIconWhenInfo: "#fff";
312
- readonly fontColorForSearchInputIcon: "#1a1a1a";
313
- readonly fontColorForSearchInputIconWhenHovered: "#00b39e";
314
- readonly fontColorForSelectInputIcon: "#1a1a1a";
315
- readonly fontColorForSelectInputWhenError: "#1a1a1a";
316
- readonly fontColorForSelectInputWhenWarning: "#1a1a1a";
317
- readonly fontColorForSelectInputIconWhenError: "#1a1a1a";
318
- readonly fontColorForSelectInputIconWhenWarning: "#1a1a1a";
319
- readonly fontColorForMoneyInputCurrencyDropdownIndicator: "#1a1a1a";
320
- readonly fontColorForSearchInputIconWhenReadonly: "hsl(0, 0%, 60%)";
321
- readonly fontColorForCheckboxInputLabel: "#1a1a1a";
322
- readonly fontColorForCheckboxInputLabelWhenError: "#e60050";
323
- readonly fontColorForCheckboxInputLabelWhenDisabled: "hsl(0, 0%, 40%)";
324
- readonly fontColorForCheckboxInputLabelWhenReadonly: "hsl(0, 0%, 40%)";
325
- readonly fontColorForRadioInputWhenDisabled: "hsl(0, 0%, 60%)";
326
- readonly fontColorForRadioInputWhenError: "#e60050";
327
- readonly fontColorForRadioInputWhenReadonly: "hsl(0, 0%, 60%)";
328
- readonly fontColorForRadioInputWhenWarning: "#f16d0e";
329
- readonly fontColorForFlatButtonAsPrimary: "#00b39e";
330
- readonly fontColorForFlatButtonAsPrimaryWhenHovered: "hsl(172.9608938547486, 100%, 25%)";
331
- readonly fontColorForFlatButtonAsCritical: "#e60050";
332
- readonly fontColorForFlatButtonAsCriticalWhenHovered: "hsl(339.1304347826087, 100%, 25%)";
333
- readonly fontColorForFlatButtonAsSecondary: "#1a1a1a";
334
- readonly fontColorForFlatButtonAsInverted: "#fff";
335
- readonly fontColorForFlatButtonIconWhenDisabled: "hsl(0, 0%, 60%)";
336
- readonly fontColorForSecondaryIconButtonAsPrimary: "#00b39e";
337
- readonly fontColorForSecondaryIconButtonAsPrimaryWhenHovered: "hsl(172.9608938547486, 100%, 25%)";
338
- readonly heightForButtonAsBig: "32px";
339
- readonly heightForButtonAsMedium: "24px";
340
- readonly heightForButtonAsIconAsBig: "32px";
341
- readonly heightForButtonAsIconAsMedium: "24px";
342
- readonly heightForButtonAsIconAsSmall: "16px";
343
- readonly heightForInput: "32px";
344
- readonly heightForViewSwitcher: "32px";
345
- readonly heightForViewSwitcherWhenCondensed: "24px";
346
- readonly heightForSelectInputTag: "26px";
347
- readonly heightForRadioInputOption: "16px";
348
- readonly heightForRadioInputOptionWhenChecked: "8px";
349
- readonly heightForPrimaryActionDropdown: "32px";
350
- readonly widthForAvatarAsMedium: "48px";
351
- readonly minWidthForMoneyInputCurrencyDropdown: "72px";
352
- readonly placeholderFontColorForInput: "hsl(0, 0%, 60%)";
353
- readonly fontSizeForButton: "1rem";
354
- readonly fontSizeForInput: "1rem";
355
- readonly fontSizeForTextAsH1: "2.4615rem";
356
- readonly fontSizeForTextAsH2: "1.8462rem";
357
- readonly fontSizeForTextAsH3: "1.5385rem";
358
- readonly fontSizeForTextAsH4: "1.2308rem";
359
- readonly fontSizeForTextAsH5: "1.0769rem";
360
- readonly fontSizeForTextAsBody: "1rem";
361
- readonly fontSizeForTextAsDetail: "0.9231rem";
362
- readonly fontSizeForBody: "13px";
363
- readonly fontSizeForLink: "1rem";
364
- readonly fontSizeForStamp: "1rem";
365
- readonly fontSizeForViewSwitcher: "1rem";
366
- readonly fontSizeForTable: "1rem";
367
- readonly fontSizeForAvatarAsSmall: "1rem";
368
- readonly fontSizeForAvatarAsMedium: "1.5rem";
369
- readonly fontSizeForAvatarAsBig: "3rem";
370
- readonly fontSizeForLocalizedInputLabel: "1rem";
371
- readonly fontSizeForContentNotification: "1rem";
372
- readonly fontSizeForSelectInputTag: "0.9231rem";
373
- readonly iconColorForDatetimeInputIcon: "#1a1a1a";
374
- readonly iconColorForDatetimeInputIconWhenHovered: "#f16d0e";
375
- readonly lineHeightForTextAsH1: "inherit";
376
- readonly lineHeightForTextAsH2: "inherit";
377
- readonly lineHeightForTextAsH3: "inherit";
378
- readonly lineHeightForTextAsH4: "inherit";
379
- readonly lineHeightForTextAsH5: "inherit";
380
- readonly lineHeightForTextAsBody: "inherit";
381
- readonly lineHeightForTextAsDetail: "inherit";
382
- readonly lineHeightForSelectInputOptions: "inherit";
383
- readonly lineHeightForTableHeader: "inherit";
384
- readonly fontWeightForTextAsH1: "300";
385
- readonly fontWeightForTextAsH2: "300";
386
- readonly fontWeightForTextAsH3: "300";
387
- readonly fontWeightForTextAsH4: "400";
388
- readonly fontWeightForTextAsH5: "400";
389
- readonly fontWeightForTextAsBody: "400";
390
- readonly fontWeightForTextAsDetail: "400";
391
- readonly fontWeightForButton: "400";
392
- readonly fontWeightForTableHeader: "400";
393
- readonly fontWeightForTextAsBold: "700";
394
- readonly marginForTableHeader: "8px";
395
- readonly marginForTableAsCondensed: "8px";
396
- readonly marginForViewSwitcherIcon: "0 var(--spacing-10) 0 0";
397
- readonly marginForGroupHeadingSelectInputOptions: "4px";
398
- readonly marginForSelectInputIcon: "4px";
399
- readonly marginLeftForSelectInputIcon: "inherit";
400
- readonly marginRightForMoneyInputPrecisionBadge: "4px";
401
- readonly marginRightForSearchInputIcon: "8px";
402
- readonly marginRightForClearInputIcon: "4px";
403
- readonly marginLeftForRadioInputLabel: "8px";
404
- readonly marginRightForPrimaryActionDropdown: "4px";
405
- readonly marginTopForPrimaryActionDropdown: "none";
406
- readonly marginForLocalizedRichTextBodyButton: "none";
407
- readonly marginForRichTextDivider: "0 var(--spacing-10)";
408
- readonly marginForRichTextDropdownItemLabel: "0 0 0 var(--spacing-10)";
409
- readonly marginForTagList: "0 var(--spacing-10) var(--spacing-10) 0";
410
- readonly paddingForStamp: "var(--spacing-10) var(--spacing-20)";
411
- readonly paddingForStampAsCondensed: "1px var(--spacing-10)";
412
- readonly paddingForTag: "5px var(--spacing-20)";
413
- readonly paddingForTableHeader: "16px";
414
- readonly paddingForTableHeaderAsCondensed: "8px";
415
- readonly paddingForTableCell: "16px";
416
- readonly paddingForTableCellAsCondensed: "8px";
417
- readonly paddingForTableManagerDroppableList: "8px";
418
- readonly paddingForTableManagerSettingsPanel: "16px";
419
- readonly paddingForTableManagerDraggableTag: "4px";
420
- readonly paddingForCollapsiblePanelHeader: "var(--spacing-20) var(--spacing-30)";
421
- readonly paddingForCollapsiblePanelHeaderAsCondensed: "8px";
422
- readonly paddingForCollapsiblePanelSectionWrapper: "16px";
423
- readonly paddingForCollapsiblePanelSectionWrapperAsCondensed: "8px";
424
- readonly paddingForCollapsiblePanelSectionDescription: "0 0 var(--spacing-50)";
425
- readonly paddingForCollapsiblePanelSectionDescriptionAsCondensed: "0 0 var(--spacing-30)";
426
- readonly paddingForInput: "8px";
427
- readonly paddingForMultilineInput: "var(--spacing-10) var(--spacing-20)";
428
- readonly paddingForLocalizedRichTextInputLabel: "0 var(--spacing-20)";
429
- readonly paddingForLocalizedRichTextDropdownButton: "3px var(--spacing-20)";
430
- readonly paddingForLocalizedRichTextDropdownItem: "var(--spacing-10) var(--spacing-20)";
431
- readonly paddingForLocalizedRichTextBodyButton: "var(--spacing-10)";
432
- readonly paddingForLocalizedInputLabel: "0 var(--spacing-20)";
433
- readonly paddingForRichTextInput: "none";
434
- readonly paddingForRichTextToolbar: "var(--spacing-10) 7px";
435
- readonly paddingLeftForRichTextToolbar: "3px";
436
- readonly paddingForRichTextEditorContainer: "6px var(--spacing-20) var(--spacing-10)";
437
- readonly paddingForLocalizedMultilineTextInputLabel: "0 var(--spacing-20)";
438
- readonly paddingForTagRemoveIcon: "0 var(--spacing-10)";
439
- readonly paddingForTooltip: "var(--spacing-10) var(--spacing-20)";
440
- readonly paddingForViewSwitcher: "0 var(--spacing-30) 0 var(--spacing-30)";
441
- readonly paddingForViewSwitcherWhenCondensed: "0 var(--spacing-20) 0 var(--spacing-20)";
442
- readonly paddingForContentNotification: "var(--spacing-20)";
443
- readonly paddingForContentNotificationIcon: "var(--spacing-20) var(--spacing-30)";
444
- readonly paddingLeftForSelectInputOptions: "8px";
445
- readonly paddingRightForSelectInputOptions: "8px";
446
- readonly paddingTopForSelectInputOptions: "4px";
447
- readonly paddingBottomForSelectInputOptions: "4px";
448
- readonly paddingForGroupHeadingSelectInputOptions: "8px";
449
- readonly paddingForSelectInputMenu: "inherit";
450
- readonly paddingForMoneyInputCurrencyDropdown: "0 var(--spacing-20)";
451
- readonly paddingForSelectableSearchInputDropdown: "0 var(--spacing-20)";
452
- readonly paddingForPrimaryActionDropdown: "0 var(--spacing-20)";
453
- readonly paddingForPrimaryActionDropdownIcon: "0 var(--spacing-10)";
454
- readonly paddingForButtonAsMedium: "0 var(--spacing-20)";
455
- readonly paddingForButtonAsBig: "0 var(--spacing-30)";
456
- readonly shadowForButton: "0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24)";
457
- readonly shadowForButtonWhenFocused: "0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24)";
458
- readonly shadowForButtonWhenHovered: "0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24)";
459
- readonly shadowForButtonWhenActive: "inset 0 -1px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.25)";
460
- readonly shadowForButtonWhenDisabled: "0 0 0 1px var(--color-neutral) inset";
461
- readonly shadowBoxTagWhenHovered: "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)";
462
- readonly shadowForCardWhenRaised: "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)";
463
- readonly shadowForInput: "none";
464
- readonly shadowForInputWhenFocused: "inset 0 0 0 2px var(--color-primary)";
465
- readonly shadowForInputWhenError: "none";
466
- readonly shadowForInputWhenWarning: "none";
467
- readonly shadowForTooltip: "0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12)";
468
- readonly shadowForSelectInputMenu: "0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24)";
469
- readonly shadowForPrimaryActionDropdown: "0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24)";
470
- readonly shadowForPrimaryActionDropdownWhenHovered: "0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24)";
471
- readonly shadowForPrimaryActionDropdownWhenActive: "inset 0 -1px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.25)";
472
- readonly shadowForPrimaryActionDropdownMenu: "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)";
473
- readonly shadowForToggleInputThumb: "0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24)";
474
- readonly shadowForTagWhenHovered: "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)";
475
- readonly fontSizeM: "1rem";
476
- readonly bigButtonHeight: "32px";
477
- readonly smallButtonHeight: "24px";
478
- readonly sizeHeightInput: "32px";
479
- readonly fontFamilyDefault: "'Open Sans', sans-serif";
480
- readonly fontSizeDefault: "1rem";
481
- readonly fontSizeSmall: "0.9231rem";
482
- readonly shadowBoxTagHover: "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)";
483
- readonly sizeHeightTag: "26px";
484
- };
485
- readonly test: {
486
- readonly fontFamily: "'Inter', system-ui";
487
132
  readonly alignItemsForSelectInputTag: "center";
488
133
  readonly backgroundColorForButtonWhenActive: "hsl(0deg 0% 10% / 10%)";
489
134
  readonly backgroundColorForButtonWhenHovered: "hsl(0deg 0% 10% / 5%)";
@@ -495,14 +140,21 @@ export declare const themes: {
495
140
  readonly backgroundColorForButtonAsIconAsInfoWhenHovered: "#078cdf";
496
141
  readonly backgroundColorForButtonAsUrgentWhenActive: "#DC630A";
497
142
  readonly backgroundColorForButtonAsUrgentWhenHovered: "#E7680D";
498
- readonly backgroundColorForButtonWhenDisabled: "hsl(0, 0%, 95%)";
143
+ readonly backgroundColorForButtonWhenDisabled: "hsl(195, 35.2941176471%, 95%)";
144
+ readonly backgroundColorForInput: "#fff";
145
+ readonly backgroundColorForInputWhenSelected: "hsl(195, 35.2941176471%, 95%)";
146
+ readonly backgroundColorForInputWhenDisabled: "hsl(0, 0%, 95%)";
147
+ readonly backgroundColorForInputWhenHovered: "hsl(0, 0%, 98%)";
148
+ readonly backgroundColorForInputWhenFocused: "#fff";
149
+ readonly backgroundColorForInputWhenReadonly: "hsl(0, 0%, 95%)";
150
+ readonly backgroundColorForInputWhenActive: "hsl(203.05555555555554, 93.9130434783%, 95%)";
499
151
  readonly backgroundColorForTableCellWhenHovered: "hsl(0, 0%, 98%)";
500
152
  readonly backgroundColorForTableHeader: "hsl(0, 0%, 95%)";
153
+ readonly backgroundColorForTag: "hsl(0, 0%, 95%)";
154
+ readonly backgroundColorForTagWarning: "hsl(25.110132158590307, 89.0196078431%, 95%)";
155
+ readonly backgroundColorForTagWhenHovered: "hsl(0, 0%, 90%)";
501
156
  readonly backgroundColorForCollapsiblePanelHeaderIconWhenDisabled: "#fff";
502
- readonly backgroundColorForInputWhenHovered: "hsl(0, 0%, 98%)";
503
- readonly backgroundColorForInputWhenDisabled: "hsl(0, 0%, 95%)";
504
- readonly backgroundColorForInputWhenActive: "hsl(203.05555555555554, 93.9130434783%, 95%)";
505
- readonly backgroundColorForInputWhenReadonly: "hsl(0, 0%, 95%)";
157
+ readonly backgroundColorForSelectInputOptionWhenHovered: "hsl(0, 0%, 98%)";
506
158
  readonly backgroundColorForAvatar: "#213c45";
507
159
  readonly backgroundColorForAvatarWhenHighlighted: "hsl(195, 35.2941176471%, 30%)";
508
160
  readonly backgroundColorForStampAsPositive: "hsl(172.9608938547486, 100%, 95%)";
@@ -515,6 +167,7 @@ export declare const themes: {
515
167
  readonly backgroundColorForRichTextMoreStylesDropdownWhenHovered: "hsl(203.05555555555554, 93.9130434783%, 95%)";
516
168
  readonly backgroundColorForRichTextButton: "hsl(195, 35.2941176471%, 20%)";
517
169
  readonly backgroundColorForTooltip: "hsl(195, 35.2941176471%, 10%)";
170
+ readonly backgroundColorForViewSwitcher: "#fff";
518
171
  readonly backgroundColorForViewSwitcherWhenDisabled: "#fff";
519
172
  readonly backgroundColorForViewSwitcherWhenSelected: "hsl(0, 0%, 95%)";
520
173
  readonly backgroundColorForViewSwitcherWhenHovered: "hsl(0, 0%, 95%)";
@@ -522,11 +175,6 @@ export declare const themes: {
522
175
  readonly backgroundColorForContentNotificationWhenInfo: "hsl(203.05555555555554, 93.9130434783%, 95%)";
523
176
  readonly backgroundColorForContentNotificationWhenWarning: "hsl(25.110132158590307, 89.0196078431%, 95%)";
524
177
  readonly backgroundColorForContentNotificationWhenSuccess: "hsl(172.9608938547486, 100%, 95%)";
525
- readonly backgroundColorForContentNotificationIconWhenError: "hsl(339.1304347826087, 100%, 95%)";
526
- readonly backgroundColorForContentNotificationIconWhenInfo: "hsl(203.05555555555554, 93.9130434783%, 95%)";
527
- readonly backgroundColorForContentNotificationIconWhenWarning: "hsl(25.110132158590307, 89.0196078431%, 95%)";
528
- readonly backgroundColorForContentNotificationIconWhenSuccess: "hsl(172.9608938547486, 100%, 95%)";
529
- readonly backgroundColorForSelectInputOptionWhenHovered: "hsl(0, 0%, 98%)";
530
178
  readonly backgroundColorForCheckboxInputIcon: "#00b39e";
531
179
  readonly backgroundColorForCheckboxInputIconWhenDisabled: "#ccc";
532
180
  readonly backgroundColorForCheckboxInputIconWhenReadonly: "hsl(0, 0%, 60%)";
@@ -541,7 +189,6 @@ export declare const themes: {
541
189
  readonly backgroundColorForToggleInputThumbWhenChecked: "hsl(172.9608938547486, 100%, 25%)";
542
190
  readonly backgroundColorForToggleInputTrackWhenCheckedAndDisabled: "hsl(195, 35.2941176471%, 90%)";
543
191
  readonly backgroundColorForToggleInputThumbWhenCheckedAndDisabled: "hsl(195, 35.2941176471%, 60%)";
544
- readonly backgroundColorForTagWhenHovered: "hsl(0, 0%, 90%)";
545
192
  readonly borderForButtonAsSecondary: "1px solid var(--color-neutral)";
546
193
  readonly borderForButtonAsSecondaryWhenHovered: "1px solid var(--color-neutral)";
547
194
  readonly borderForButtonAsSecondaryWhenActive: "1px solid var(--color-neutral)";
@@ -552,15 +199,20 @@ export declare const themes: {
552
199
  readonly borderForRadioInputOption: "2px";
553
200
  readonly borderForCalendarMenuWhenFocused: "none";
554
201
  readonly borderColorForInput: "#ccc";
202
+ readonly borderColorForInputWhenFocused: "#00b39e";
555
203
  readonly borderColorForInputWhenDisabled: "#ccc";
556
- readonly borderColorForInputWhenHovered: "#ccc";
557
204
  readonly borderColorForInputWhenReadonly: "#fff";
558
- readonly borderColorForInputWhenFocused: "#00b39e";
205
+ readonly borderColorForInputWhenError: "#e60050";
206
+ readonly borderColorForInputWhenWarning: "#f16d0e";
207
+ readonly borderColorForInputWhenHovered: "#ccc";
208
+ readonly borderColorForTag: "#ccc";
209
+ readonly borderColorForTagWarning: "#f16d0e";
210
+ readonly borderColorForTagWhenFocused: "#ccc";
211
+ readonly borderColorForTagWhenHovered: "#ccc";
559
212
  readonly borderColorForButtonAsIcon: "#ccc";
560
213
  readonly borderColorForButtonAsIconAsInfo: "#ccc";
561
214
  readonly borderColorForButtonAsIconAsPrimary: "#ccc";
562
215
  readonly borderColorForButtonAsIconWhenDisabled: "#fff";
563
- readonly borderColorForCardWhenRaised: "hsl(0, 0%, 90%)";
564
216
  readonly borderColorForTableHeader: "#fff";
565
217
  readonly borderColorForTableHeaderAsBottom: "hsl(0, 0%, 90%)";
566
218
  readonly borderColorForTableManagerDroppableList: "#ccc";
@@ -571,10 +223,8 @@ export declare const themes: {
571
223
  readonly borderColorForStampAsInformation: "hsl(203.05555555555554, 93.9130434783%, 85%)";
572
224
  readonly borderColorForStampAsPrimary: "hsl(172.9608938547486, 100%, 85%)";
573
225
  readonly borderColorForStampAsSecondary: "hsl(0, 0%, 85%)";
226
+ readonly borderColorForLocalizedInputLabel: "#ccc";
574
227
  readonly borderColorForLocalizedInputLabelWhenReadonly: "#fff";
575
- readonly borderColorForTag: "#ccc";
576
- readonly borderColorForTagWhenFocused: "#ccc";
577
- readonly borderColorForTagWhenHovered: "#ccc";
578
228
  readonly borderColorForContentNotificationWhenError: "hsl(339.1304347826087, 100%, 85%)";
579
229
  readonly borderColorForContentNotificationWhenInfo: "hsl(203.05555555555554, 93.9130434783%, 85%)";
580
230
  readonly borderColorForContentNotificationWhenWarning: "hsl(25.110132158590307, 89.0196078431%, 85%)";
@@ -599,20 +249,23 @@ export declare const themes: {
599
249
  readonly borderRadiusForButtonAsIconAsBig: "4px";
600
250
  readonly borderRadiusForButtonAsIconAsMedium: "4px";
601
251
  readonly borderRadiusForButtonAsIconAsSmall: "2px";
252
+ readonly borderRadiusForInput: "4px";
253
+ readonly borderRadiusForTag: "2px";
602
254
  readonly borderRadiusForCard: "4px";
603
255
  readonly borderRadiusForTableManagerDroppableList: "4px";
604
- readonly borderRadiusForInput: "4px";
605
256
  readonly borderRadiusForStamp: "20px";
606
257
  readonly borderRadiusForViewSwitcher: "4px";
607
- readonly borderRadiusForContentNotification: "0 var(--border-radius-4) var(--border-radius-4) 0";
608
- readonly borderRadiusForContentNotificationIcon: "var(--border-radius-4) 0 0 var(--border-radius-4)";
258
+ readonly borderRadiusForContentNotification: "4px";
609
259
  readonly borderRadiusForPrimaryActionDropdown: "var(--border-radius-4) 0 0 var(--border-radius-4)";
610
260
  readonly borderRadiusForPrimaryActionDropdownIcon: "0 var(--border-radius-4) var(--border-radius-4) 0";
611
261
  readonly borderRadiusForPrimaryActionDropdownMenu: "4px";
262
+ readonly borderWidthForInput: "1px";
263
+ readonly borderWidthForInputWhenWarning: "1px";
264
+ readonly borderWidthForInputWhenError: "1px";
265
+ readonly borderWidthForInputWhenFocused: "1px";
612
266
  readonly borderWidthForTag: "1px 1px 1px 0";
613
- readonly borderWidthForContentNotificationIcon: "1px";
614
- readonly borderLeftWidthForContentNotification: "0px";
615
267
  readonly borderWidthForSelectInput: "2px";
268
+ readonly borderLeftWidthForContentNotification: "0px";
616
269
  readonly borderWidthForCheckboxInputIcon: "2px";
617
270
  readonly borderForPrimaryActionDropdownIcon: "1px 1px 1px 0px";
618
271
  readonly boxShadowForDatetimeInputWhenHovered: "inset 0 0 0 1px";
@@ -620,36 +273,78 @@ export declare const themes: {
620
273
  readonly boxShadowForViewSwitcherWhenSelected: "none";
621
274
  readonly boxShadowForSelectInputWhenFocused: "inset 0 0 0 1px";
622
275
  readonly boxShadowForCalendarMenuWhenFocused: "0 2px 5px 0px rgba(0, 0, 0, 0.15)";
276
+ readonly fontColorForText: "#1a1a1a";
623
277
  readonly fontColorForTextWhenDisabled: "hsl(0, 0%, 60%)";
624
- readonly fontColorForTableHeader: "#1a1a1a";
278
+ readonly fontColorForInput: "#1a1a1a";
279
+ readonly fontColorForInputWhenDisabled: "hsl(0, 0%, 60%)";
280
+ readonly fontColorForInputWhenError: "#e60050";
625
281
  readonly fontColorForInputWhenReadonly: "hsl(0, 0%, 40%)";
282
+ readonly fontColorForInputWhenWarning: "#f16d0e";
283
+ readonly fontColorForTag: "#1a1a1a";
626
284
  readonly fontColorForTagRemoveIcon: "hsl(0, 0%, 40%)";
627
285
  readonly fontColorForTagDragIcon: "hsl(0, 0%, 40%)";
628
286
  readonly fontColorForTagRemoveIconWhenHovered: "#e60050";
287
+ readonly fontColorForTagWhenDisabled: "hsl(0, 0%, 60%)";
288
+ readonly fontColorForTextWhenInverted: "#fff";
289
+ readonly fontColorForLinkAsInverted: "#fff";
290
+ readonly fontColorForLinkAsPrimary: "hsl(172.9608938547486, 100%, 25%)";
291
+ readonly fontColorForLinkAsSecondary: "#1a1a1a";
292
+ readonly fontColorForLinkAsPrimaryWhenActive: "#00b39e";
293
+ readonly fontColorForLinkAsSecondaryWhenActive: "#00b39e";
294
+ readonly fontColorForTableHeader: "#1a1a1a";
295
+ readonly fontColorForLocalizedInputLabel: "hsl(0, 0%, 60%)";
629
296
  readonly fontColorForViewSwitcher: "hsl(0, 0%, 40%)";
297
+ readonly fontColorForViewSwitcherWhenDisabled: "hsl(0, 0%, 60%)";
298
+ readonly fontColorForViewSwitcherWhenSelected: "#1a1a1a";
299
+ readonly fontColorForClearInputIcon: "hsl(0, 0%, 40%)";
300
+ readonly fontColorForClearInputIconWhenHovered: "#e60050";
301
+ readonly fontColorForContentNotification: "#1a1a1a";
630
302
  readonly fontColorForContentNotificationIconWhenError: "#e60050";
631
303
  readonly fontColorForContentNotificationIconWhenWarning: "#f16d0e";
632
304
  readonly fontColorForContentNotificationIconWhenSuccess: "#00b39e";
633
305
  readonly fontColorForContentNotificationIconWhenInfo: "#078cdf";
634
- readonly fontColorForClearInputIconWhenHovered: "#e60050";
635
- readonly fontColorForClearInputIcon: "hsl(0, 0%, 40%)";
636
306
  readonly fontColorForSearchInputIcon: "hsl(0, 0%, 60%)";
307
+ readonly fontColorForSearchInputIconWhenHovered: "#00b39e";
637
308
  readonly fontColorForSelectInputIcon: "hsl(0, 0%, 60%)";
638
309
  readonly fontColorForSelectInputWhenError: "#e60050";
639
310
  readonly fontColorForSelectInputWhenWarning: "#f16d0e";
640
311
  readonly fontColorForSelectInputIconWhenError: "#e60050";
641
312
  readonly fontColorForSelectInputIconWhenWarning: "#f16d0e";
642
313
  readonly fontColorForMoneyInputCurrencyDropdownIndicator: "hsl(0, 0%, 40%)";
314
+ readonly fontColorForSearchInputIconWhenReadonly: "hsl(0, 0%, 60%)";
643
315
  readonly fontColorForCheckboxInputLabel: "#1a1a1a";
644
316
  readonly fontColorForCheckboxInputLabelWhenError: "#e60050";
645
317
  readonly fontColorForCheckboxInputLabelWhenDisabled: "hsl(0, 0%, 60%)";
646
318
  readonly fontColorForCheckboxInputLabelWhenReadonly: "hsl(0, 0%, 40%)";
319
+ readonly fontColorForRadioInputWhenDisabled: "hsl(0, 0%, 60%)";
320
+ readonly fontColorForRadioInputWhenError: "#e60050";
321
+ readonly fontColorForRadioInputWhenReadonly: "hsl(0, 0%, 60%)";
322
+ readonly fontColorForRadioInputWhenWarning: "#f16d0e";
647
323
  readonly fontColorForFlatButtonAsPrimary: "hsl(172.9608938547486, 100%, 25%)";
648
324
  readonly fontColorForFlatButtonAsPrimaryWhenHovered: "#00b39e";
649
- readonly fontColorForLinkAsPrimary: "hsl(172.9608938547486, 100%, 25%)";
650
- readonly fontColorForLinkAsPrimaryWhenActive: "#00b39e";
325
+ readonly fontColorForFlatButtonAsCritical: "#e60050";
326
+ readonly fontColorForFlatButtonAsCriticalWhenHovered: "hsl(339.1304347826087, 100%, 25%)";
327
+ readonly fontColorForFlatButtonAsSecondary: "#1a1a1a";
328
+ readonly fontColorForFlatButtonAsInverted: "#fff";
329
+ readonly fontColorForFlatButtonIconWhenDisabled: "hsl(0, 0%, 60%)";
651
330
  readonly fontColorForSecondaryIconButtonAsPrimary: "hsl(172.9608938547486, 100%, 25%)";
652
331
  readonly fontColorForSecondaryIconButtonAsPrimaryWhenHovered: "#00b39e";
332
+ readonly heightForButtonAsBig: "40px";
333
+ readonly heightForButtonAsMedium: "32px";
334
+ readonly heightForButtonAsIconAsBig: "40px";
335
+ readonly heightForButtonAsIconAsMedium: "32px";
336
+ readonly heightForButtonAsIconAsSmall: "16px";
337
+ readonly heightForInput: "40px";
338
+ readonly heightForViewSwitcher: "40px";
339
+ readonly heightForViewSwitcherWhenCondensed: "32px";
340
+ readonly heightForSelectInputTag: "32px";
341
+ readonly heightForRadioInputOption: "18px";
342
+ readonly heightForRadioInputOptionWhenChecked: "10px";
343
+ readonly heightForPrimaryActionDropdown: "40px";
344
+ readonly widthForAvatarAsMedium: "40px";
345
+ readonly minWidthForMoneyInputCurrencyDropdown: "80px";
346
+ readonly placeholderFontColorForInput: "hsl(0, 0%, 60%)";
347
+ readonly fontSizeForButton: "0.875rem";
653
348
  readonly fontSizeForInput: "1rem";
654
349
  readonly fontSizeForTextAsH1: "1.5rem";
655
350
  readonly fontSizeForTextAsH2: "1.25rem";
@@ -659,7 +354,7 @@ export declare const themes: {
659
354
  readonly fontSizeForTextAsBody: "1rem";
660
355
  readonly fontSizeForTextAsDetail: "0.875rem";
661
356
  readonly fontSizeForBody: "16px";
662
- readonly fontSizeForButton: "0.875rem";
357
+ readonly fontSizeForLink: "1rem";
663
358
  readonly fontSizeForStamp: "0.875rem";
664
359
  readonly fontSizeForViewSwitcher: "0.875rem";
665
360
  readonly fontSizeForTable: "0.875rem";
@@ -667,7 +362,10 @@ export declare const themes: {
667
362
  readonly fontSizeForAvatarAsMedium: "1rem";
668
363
  readonly fontSizeForAvatarAsBig: "2.5rem";
669
364
  readonly fontSizeForLocalizedInputLabel: "1rem";
365
+ readonly fontSizeForContentNotification: "1rem";
670
366
  readonly fontSizeForSelectInputTag: "1rem";
367
+ readonly iconColorForDatetimeInputIcon: "hsl(0, 0%, 40%)";
368
+ readonly iconColorForDatetimeInputIconWhenHovered: "#e60050";
671
369
  readonly lineHeightForTextAsH1: "2.125rem";
672
370
  readonly lineHeightForTextAsH2: "1.75rem";
673
371
  readonly lineHeightForTextAsH3: "1.5rem";
@@ -687,22 +385,6 @@ export declare const themes: {
687
385
  readonly fontWeightForButton: "500";
688
386
  readonly fontWeightForTableHeader: "600";
689
387
  readonly fontWeightForTextAsBold: "600";
690
- readonly heightForButtonAsBig: "40px";
691
- readonly heightForButtonAsMedium: "32px";
692
- readonly heightForButtonAsIconAsBig: "40px";
693
- readonly heightForButtonAsIconAsMedium: "32px";
694
- readonly heightForButtonAsIconAsSmall: "16px";
695
- readonly heightForInput: "40px";
696
- readonly heightForViewSwitcher: "40px";
697
- readonly heightForViewSwitcherWhenCondensed: "32px";
698
- readonly heightForSelectInputTag: "32px";
699
- readonly heightForRadioInputOption: "18px";
700
- readonly heightForRadioInputOptionWhenChecked: "10px";
701
- readonly heightForPrimaryActionDropdown: "40px";
702
- readonly iconColorForDatetimeInputIcon: "hsl(0, 0%, 40%)";
703
- readonly iconColorForDatetimeInputIconWhenHovered: "#e60050";
704
- readonly widthForAvatarAsMedium: "40px";
705
- readonly minWidthForMoneyInputCurrencyDropdown: "80px";
706
388
  readonly marginForTableHeader: "16px";
707
389
  readonly marginForTableCellAsCondensed: "8px";
708
390
  readonly marginForViewSwitcherIcon: "0 var(--spacing-20) 0 0";
@@ -741,17 +423,18 @@ export declare const themes: {
741
423
  readonly paddingForLocalizedRichTextDropdownButton: "5px var(--spacing-20)";
742
424
  readonly paddingForLocalizedRichTextDropdownItem: "var(--spacing-20) var(--spacing-30)";
743
425
  readonly paddingForLocalizedRichTextBodyButton: "var(--spacing-20)";
426
+ readonly paddingForLocalizedInputLabel: "0 12px";
744
427
  readonly paddingForRichTextInput: "var(--spacing-20) var(--spacing-30)";
745
428
  readonly paddingForRichTextToolbar: "none";
746
429
  readonly paddingLeftForRichTextToolbar: "none";
747
430
  readonly paddingForRichTextEditorContainer: "var(--spacing-20) 0 0";
748
- readonly paddingForLocalizedInputLabel: "0 12px";
431
+ readonly paddingForLocalizedMultilineTextInputLabel: "0 var(--spacing-20)";
749
432
  readonly paddingForTagRemoveIcon: "0 12px";
750
433
  readonly paddingForTooltip: "var(--spacing-20) 12px";
751
434
  readonly paddingForViewSwitcher: "0 var(--spacing-30) 0 var(--spacing-30)";
752
435
  readonly paddingForViewSwitcherWhenCondensed: "0 12px 0 12px";
753
- readonly paddingForContentNotification: "var(--spacing-20) var(--spacing-30) var(--spacing-20) var(--spacing-20)";
754
- readonly paddingForContentNotificationIcon: "var(--spacing-20) 0 var(--spacing-20) var(--spacing-30)";
436
+ readonly paddingForContentNotification: "var(--spacing-20) var(--spacing-30)";
437
+ readonly paddingForContentNotificationMessage: "0 var(--spacing-30) 0 var(--spacing-20)";
755
438
  readonly paddingLeftForSelectInputOptions: "16px";
756
439
  readonly paddingRightForSelectInputOptions: "16px";
757
440
  readonly paddingTopForSelectInputOptions: "8px";
@@ -764,6 +447,7 @@ export declare const themes: {
764
447
  readonly paddingForPrimaryActionDropdownIcon: "0 var(--spacing-20)";
765
448
  readonly paddingForButtonAsMedium: "0 var(--spacing-30)";
766
449
  readonly paddingForButtonAsBig: "0 var(--spacing-30)";
450
+ readonly shadowBoxTagWhenHovered: "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)";
767
451
  readonly shadowForButton: "none";
768
452
  readonly shadowForButtonWhenFocused: "none";
769
453
  readonly shadowForButtonWhenHovered: "none";
@@ -782,6 +466,15 @@ export declare const themes: {
782
466
  readonly shadowForPrimaryActionDropdownMenu: "0 2px 5px 0px rgba(0, 0, 0, 0.15)";
783
467
  readonly shadowForToggleInputThumb: "0px 1px 5px rgba(0, 0, 0, 0.2)";
784
468
  readonly shadowForTagWhenHovered: "none";
469
+ readonly fontSizeM: "1rem";
470
+ readonly bigButtonHeight: "32px";
471
+ readonly smallButtonHeight: "24px";
472
+ readonly sizeHeightInput: "32px";
473
+ readonly fontFamilyDefault: "'Open Sans', sans-serif";
474
+ readonly fontSizeDefault: "1rem";
475
+ readonly fontSizeSmall: "0.9231rem";
476
+ readonly shadowBoxTagHover: "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)";
477
+ readonly sizeHeightTag: "26px";
785
478
  };
786
479
  };
787
480
  declare const designTokens: {
@@ -833,7 +526,7 @@ declare const designTokens: {
833
526
  readonly borderRadius20: "var(--border-radius-20, 20px)";
834
527
  readonly borderWidth1: "var(--border-width-1, 1px)";
835
528
  readonly borderWidth2: "var(--border-width-2, 2px)";
836
- readonly fontFamily: "var(--font-family, 'Open Sans', sans-serif)";
529
+ readonly fontFamily: "var(--font-family, 'Inter', system-ui)";
837
530
  readonly fontSize10: "var(--font-size-10, 0.75rem)";
838
531
  readonly fontSize20: "var(--font-size-20, 0.875rem)";
839
532
  readonly fontSize30: "var(--font-size-30, 1rem)";
@@ -914,349 +607,343 @@ declare const designTokens: {
914
607
  readonly breakPointBiggerdesktop: "var(--break-point-biggerdesktop, 1280px)";
915
608
  readonly breakPointGiantdesktop: "var(--break-point-giantdesktop, 1680px)";
916
609
  readonly breakPointJumbodesktop: "var(--break-point-jumbodesktop, 1920px)";
917
- readonly alignItemsForSelectInputTag: "var(--align-items-for-select-input-tag, unset)";
918
- readonly backgroundColorForButtonWhenActive: "var(--background-color-for-button-when-active, #fff)";
919
- readonly backgroundColorForButtonWhenHovered: "var(--background-color-for-button-when-hovered, #fff)";
920
- readonly backgroundColorForButtonAsPrimaryWhenActive: "var(--background-color-for-button-as-primary-when-active, #00b39e)";
921
- readonly backgroundColorForButtonAsPrimaryWhenHovered: "var(--background-color-for-button-as-primary-when-hovered, hsl(172.9608938547486, 100%, 25%))";
922
- readonly backgroundColorForButtonAsIconAsPrimaryWhenActive: "var(--background-color-for-button-as-icon-as-primary-when-active, #00b39e)";
610
+ readonly alignItemsForSelectInputTag: "var(--align-items-for-select-input-tag, center)";
611
+ readonly backgroundColorForButtonWhenActive: "var(--background-color-for-button-when-active, hsl(0deg 0% 10% / 10%))";
612
+ readonly backgroundColorForButtonWhenHovered: "var(--background-color-for-button-when-hovered, hsl(0deg 0% 10% / 5%))";
613
+ readonly backgroundColorForButtonAsPrimaryWhenActive: "var(--background-color-for-button-as-primary-when-active, #15A390)";
614
+ readonly backgroundColorForButtonAsPrimaryWhenHovered: "var(--background-color-for-button-as-primary-when-hovered, #17AB97)";
615
+ readonly backgroundColorForButtonAsIconAsPrimaryWhenActive: "var(--background-color-for-button-as-icon-as-primary-when-active, #15A390)";
923
616
  readonly backgroundColorForButtonAsIconAsPrimaryWhenHovered: "var(--background-color-for-button-as-icon-as-primary-when-hovered, #00b39e)";
924
- readonly backgroundColorForButtonAsIconAsInfoWhenActive: "var(--background-color-for-button-as-icon-as-info-when-active, #078cdf)";
617
+ readonly backgroundColorForButtonAsIconAsInfoWhenActive: "var(--background-color-for-button-as-icon-as-info-when-active, #057FCC)";
925
618
  readonly backgroundColorForButtonAsIconAsInfoWhenHovered: "var(--background-color-for-button-as-icon-as-info-when-hovered, #078cdf)";
926
- readonly backgroundColorForButtonAsUrgentWhenActive: "var(--background-color-for-button-as-urgent-when-active, #f16d0e)";
927
- readonly backgroundColorForButtonAsUrgentWhenHovered: "var(--background-color-for-button-as-urgent-when-hovered, hsl(25.110132158590307, 89.0196078431%, 25%))";
928
- readonly backgroundColorForButtonWhenDisabled: "var(--background-color-for-button-when-disabled, hsl(195, 35.2941176471%, 98%))";
619
+ readonly backgroundColorForButtonAsUrgentWhenActive: "var(--background-color-for-button-as-urgent-when-active, #DC630A)";
620
+ readonly backgroundColorForButtonAsUrgentWhenHovered: "var(--background-color-for-button-as-urgent-when-hovered, #E7680D)";
621
+ readonly backgroundColorForButtonWhenDisabled: "var(--background-color-for-button-when-disabled, hsl(195, 35.2941176471%, 95%))";
929
622
  readonly backgroundColorForInput: "var(--background-color-for-input, #fff)";
930
623
  readonly backgroundColorForInputWhenSelected: "var(--background-color-for-input-when-selected, hsl(195, 35.2941176471%, 95%))";
931
- readonly backgroundColorForInputWhenDisabled: "var(--background-color-for-input-when-disabled, hsl(195, 35.2941176471%, 98%))";
932
- readonly backgroundColorForInputWhenHovered: "var(--background-color-for-input-when-hovered, #fff)";
624
+ readonly backgroundColorForInputWhenDisabled: "var(--background-color-for-input-when-disabled, hsl(0, 0%, 95%))";
625
+ readonly backgroundColorForInputWhenHovered: "var(--background-color-for-input-when-hovered, hsl(0, 0%, 98%))";
933
626
  readonly backgroundColorForInputWhenFocused: "var(--background-color-for-input-when-focused, #fff)";
934
- readonly backgroundColorForInputWhenReadonly: "var(--background-color-for-input-when-readonly, #fff)";
935
- readonly backgroundColorForInputWhenActive: "var(--background-color-for-input-when-active, hsl(195, 35.2941176471%, 95%))";
936
- readonly backgroundColorForTableCellWhenHovered: "var(--background-color-for-table-cell-when-hovered, hsl(0, 0%, 90%))";
937
- readonly backgroundColorForTableHeader: "var(--background-color-for-table-header, #213c45)";
627
+ readonly backgroundColorForInputWhenReadonly: "var(--background-color-for-input-when-readonly, hsl(0, 0%, 95%))";
628
+ readonly backgroundColorForInputWhenActive: "var(--background-color-for-input-when-active, hsl(203.05555555555554, 93.9130434783%, 95%))";
629
+ readonly backgroundColorForTableCellWhenHovered: "var(--background-color-for-table-cell-when-hovered, hsl(0, 0%, 98%))";
630
+ readonly backgroundColorForTableHeader: "var(--background-color-for-table-header, hsl(0, 0%, 95%))";
938
631
  readonly backgroundColorForTag: "var(--background-color-for-tag, hsl(0, 0%, 95%))";
939
632
  readonly backgroundColorForTagWarning: "var(--background-color-for-tag-warning, hsl(25.110132158590307, 89.0196078431%, 95%))";
940
- readonly backgroundColorForTagWhenHovered: "var(--background-color-for-tag-when-hovered, hsl(0, 0%, 95%))";
941
- readonly backgroundColorForCollapsiblePanelHeaderIconWhenDisabled: "var(--background-color-for-collapsible-panel-header-icon-when-disabled, hsl(195, 35.2941176471%, 98%))";
942
- readonly backgroundColorForSelectInputOptionWhenHovered: "var(--background-color-for-select-input-option-when-hovered, hsl(0, 0%, 90%))";
943
- readonly backgroundColorForAvatar: "var(--background-color-for-avatar, hsl(0, 0%, 60%))";
944
- readonly backgroundColorForAvatarWhenHighlighted: "var(--background-color-for-avatar-when-highlighted, #ccc)";
945
- readonly backgroundColorForStampAsPositive: "var(--background-color-for-stamp-as-positive, hsl(172.9608938547486, 100%, 85%))";
946
- readonly backgroundColorForLocalizedInputLabel: "var(--background-color-for-localized-input-label, hsl(195, 35.2941176471%, 98%))";
947
- readonly backgroundColorForLocalizedInputLabelWhenReadonly: "var(--background-color-for-localized-input-label-when-readonly, hsl(195, 35.2941176471%, 95%))";
948
- readonly backgroundColorForLocalizedInputLabelWhenDisabled: "var(--background-color-for-localized-input-label-when-disabled, hsl(195, 35.2941176471%, 98%))";
949
- readonly backgroundColorForLocalizedRichTextBodyButtonWhenActive: "var(--background-color-for-localized-rich-text-body-button-when-active, hsl(195, 35.2941176471%, 30%))";
950
- readonly backgroundColorForLocalizedRichTextBodyButton: "var(--background-color-for-localized-rich-text-body-button, hsl(0, 0%, 90%))";
951
- readonly backgroundColorForRichTextDropdownWhenHovered: "var(--background-color-for-rich-text-dropdown-when-hovered, hsl(0, 0%, 90%))";
952
- readonly backgroundColorForRichTextMoreStylesDropdownWhenHovered: "var(--background-color-for-rich-text-more-styles-dropdown-when-hovered, hsl(0, 0%, 90%))";
953
- readonly backgroundColorForRichTextButton: "var(--background-color-for-rich-text-button, hsl(195, 35.2941176471%, 30%))";
954
- readonly backgroundColorForTooltip: "var(--background-color-for-tooltip, #213c45)";
633
+ readonly backgroundColorForTagWhenHovered: "var(--background-color-for-tag-when-hovered, hsl(0, 0%, 90%))";
634
+ readonly backgroundColorForCollapsiblePanelHeaderIconWhenDisabled: "var(--background-color-for-collapsible-panel-header-icon-when-disabled, #fff)";
635
+ readonly backgroundColorForSelectInputOptionWhenHovered: "var(--background-color-for-select-input-option-when-hovered, hsl(0, 0%, 98%))";
636
+ readonly backgroundColorForAvatar: "var(--background-color-for-avatar, #213c45)";
637
+ readonly backgroundColorForAvatarWhenHighlighted: "var(--background-color-for-avatar-when-highlighted, hsl(195, 35.2941176471%, 30%))";
638
+ readonly backgroundColorForStampAsPositive: "var(--background-color-for-stamp-as-positive, hsl(172.9608938547486, 100%, 95%))";
639
+ readonly backgroundColorForLocalizedInputLabel: "var(--background-color-for-localized-input-label, #fff)";
640
+ readonly backgroundColorForLocalizedInputLabelWhenReadonly: "var(--background-color-for-localized-input-label-when-readonly, hsl(0, 0%, 95%))";
641
+ readonly backgroundColorForLocalizedInputLabelWhenDisabled: "var(--background-color-for-localized-input-label-when-disabled, hsl(0, 0%, 95%))";
642
+ readonly backgroundColorForLocalizedRichTextBodyButtonWhenActive: "var(--background-color-for-localized-rich-text-body-button-when-active, hsl(195, 35.2941176471%, 20%))";
643
+ readonly backgroundColorForLocalizedRichTextBodyButton: "var(--background-color-for-localized-rich-text-body-button, hsl(0, 0%, 95%))";
644
+ readonly backgroundColorForRichTextDropdownWhenHovered: "var(--background-color-for-rich-text-dropdown-when-hovered, hsl(0, 0%, 95%))";
645
+ readonly backgroundColorForRichTextMoreStylesDropdownWhenHovered: "var(--background-color-for-rich-text-more-styles-dropdown-when-hovered, hsl(203.05555555555554, 93.9130434783%, 95%))";
646
+ readonly backgroundColorForRichTextButton: "var(--background-color-for-rich-text-button, hsl(195, 35.2941176471%, 20%))";
647
+ readonly backgroundColorForTooltip: "var(--background-color-for-tooltip, hsl(195, 35.2941176471%, 10%))";
955
648
  readonly backgroundColorForViewSwitcher: "var(--background-color-for-view-switcher, #fff)";
956
- readonly backgroundColorForViewSwitcherWhenDisabled: "var(--background-color-for-view-switcher-when-disabled, hsl(195, 35.2941176471%, 98%))";
649
+ readonly backgroundColorForViewSwitcherWhenDisabled: "var(--background-color-for-view-switcher-when-disabled, #fff)";
957
650
  readonly backgroundColorForViewSwitcherWhenSelected: "var(--background-color-for-view-switcher-when-selected, hsl(0, 0%, 95%))";
958
- readonly backgroundColorForViewSwitcherWhenHovered: "var(--background-color-for-view-switcher-when-hovered, hsl(0, 0%, 90%))";
959
- readonly backgroundColorForContentNotificationWhenError: "var(--background-color-for-content-notification-when-error, #fff)";
960
- readonly backgroundColorForContentNotificationWhenInfo: "var(--background-color-for-content-notification-when-info, #fff)";
961
- readonly backgroundColorForContentNotificationWhenWarning: "var(--background-color-for-content-notification-when-warning, #fff)";
962
- readonly backgroundColorForContentNotificationWhenSuccess: "var(--background-color-for-content-notification-when-success, #fff)";
963
- readonly backgroundColorForContentNotificationIconWhenError: "var(--background-color-for-content-notification-icon-when-error, #e60050)";
964
- readonly backgroundColorForContentNotificationIconWhenInfo: "var(--background-color-for-content-notification-icon-when-info, #078cdf)";
965
- readonly backgroundColorForContentNotificationIconWhenWarning: "var(--background-color-for-content-notification-icon-when-warning, #f16d0e)";
966
- readonly backgroundColorForContentNotificationIconWhenSuccess: "var(--background-color-for-content-notification-icon-when-success, #00b39e)";
967
- readonly backgroundColorForCheckboxInputIcon: "var(--background-color-for-checkbox-input-icon, #fff)";
968
- readonly backgroundColorForCheckboxInputIconWhenDisabled: "var(--background-color-for-checkbox-input-icon-when-disabled, #fff)";
969
- readonly backgroundColorForCheckboxInputIconWhenReadonly: "var(--background-color-for-checkbox-input-icon-when-readonly, #fff)";
970
- readonly backgroundColorForCheckboxInputIconWhenError: "var(--background-color-for-checkbox-input-icon-when-error, #fff)";
971
- readonly backgroundColorForCheckboxInputIconWhenHovered: "var(--background-color-for-checkbox-input-icon-when-hovered, #fff)";
972
- readonly backgroundColorForPrimaryActionDropdownWhenActive: "var(--background-color-for-primary-action-dropdown-when-active, hsl(0, 0%, 95%))";
973
- readonly backgroundColorForPrimaryActionDropdownWhenDisabled: "var(--background-color-for-primary-action-dropdown-when-disabled, hsl(195, 35.2941176471%, 98%))";
974
- readonly backgroundColorForToggleInputTrack: "var(--background-color-for-toggle-input-track, hsl(0, 0%, 60%))";
975
- readonly backgroundColorForToggleInputTrackWhenDisabled: "var(--background-color-for-toggle-input-track-when-disabled, #ccc)";
976
- readonly backgroundColorForToggleInputThumbWhenDisabled: "var(--background-color-for-toggle-input-thumb-when-disabled, hsl(195, 35.2941176471%, 95%))";
977
- readonly backgroundColorForToggleInputTrackWhenChecked: "var(--background-color-for-toggle-input-track-when-checked, #00b39e)";
978
- readonly backgroundColorForToggleInputThumbWhenChecked: "var(--background-color-for-toggle-input-thumb-when-checked, #fff)";
979
- readonly backgroundColorForToggleInputTrackWhenCheckedAndDisabled: "var(--background-color-for-toggle-input-track-when-checked-and-disabled, hsl(172.9608938547486, 100%, 25%))";
980
- readonly backgroundColorForToggleInputThumbWhenCheckedAndDisabled: "var(--background-color-for-toggle-input-thumb-when-checked-and-disabled, #ccc)";
981
- readonly borderForButtonAsSecondary: "var(--border-for-button-as-secondary, none)";
982
- readonly borderForButtonAsSecondaryWhenHovered: "var(--border-for-button-as-secondary-when-hovered, none)";
983
- readonly borderForButtonAsSecondaryWhenActive: "var(--border-for-button-as-secondary-when-active, none)";
984
- readonly borderForCardWhenRaised: "var(--border-for-card-when-raised, none)";
985
- readonly borderForCollapsiblePanelHeaderIconWhenDisabled: "var(--border-for-collapsible-panel-header-icon-when-disabled, 1px solid var(--color-neutral))";
986
- readonly borderForViewSwitcher: "var(--border-for-view-switcher, none)";
987
- readonly borderForSelectInputTag: "var(--border-for-select-input-tag, none)";
988
- readonly borderForRadioInputOption: "var(--border-for-radio-input-option, 1px)";
989
- readonly borderForCalendarMenuWhenFocused: "var(--border-for-calendar-menu-when-focused, 1px solid var(--color-primary))";
990
- readonly borderColorForInput: "var(--border-color-for-input, hsl(0, 0%, 60%))";
651
+ readonly backgroundColorForViewSwitcherWhenHovered: "var(--background-color-for-view-switcher-when-hovered, hsl(0, 0%, 95%))";
652
+ readonly backgroundColorForContentNotificationWhenError: "var(--background-color-for-content-notification-when-error, hsl(339.1304347826087, 100%, 95%))";
653
+ readonly backgroundColorForContentNotificationWhenInfo: "var(--background-color-for-content-notification-when-info, hsl(203.05555555555554, 93.9130434783%, 95%))";
654
+ readonly backgroundColorForContentNotificationWhenWarning: "var(--background-color-for-content-notification-when-warning, hsl(25.110132158590307, 89.0196078431%, 95%))";
655
+ readonly backgroundColorForContentNotificationWhenSuccess: "var(--background-color-for-content-notification-when-success, hsl(172.9608938547486, 100%, 95%))";
656
+ readonly backgroundColorForCheckboxInputIcon: "var(--background-color-for-checkbox-input-icon, #00b39e)";
657
+ readonly backgroundColorForCheckboxInputIconWhenDisabled: "var(--background-color-for-checkbox-input-icon-when-disabled, #ccc)";
658
+ readonly backgroundColorForCheckboxInputIconWhenReadonly: "var(--background-color-for-checkbox-input-icon-when-readonly, hsl(0, 0%, 60%))";
659
+ readonly backgroundColorForCheckboxInputIconWhenError: "var(--background-color-for-checkbox-input-icon-when-error, #e60050)";
660
+ readonly backgroundColorForCheckboxInputIconWhenHovered: "var(--background-color-for-checkbox-input-icon-when-hovered, hsl(0, 0%, 90%))";
661
+ readonly backgroundColorForPrimaryActionDropdownWhenActive: "var(--background-color-for-primary-action-dropdown-when-active, hsl(0, 0%, 90%))";
662
+ readonly backgroundColorForPrimaryActionDropdownWhenDisabled: "var(--background-color-for-primary-action-dropdown-when-disabled, hsl(0, 0%, 95%))";
663
+ readonly backgroundColorForToggleInputTrack: "var(--background-color-for-toggle-input-track, #ccc)";
664
+ readonly backgroundColorForToggleInputTrackWhenDisabled: "var(--background-color-for-toggle-input-track-when-disabled, hsl(0, 0%, 90%))";
665
+ readonly backgroundColorForToggleInputThumbWhenDisabled: "var(--background-color-for-toggle-input-thumb-when-disabled, hsl(0, 0%, 60%))";
666
+ readonly backgroundColorForToggleInputTrackWhenChecked: "var(--background-color-for-toggle-input-track-when-checked, hsl(172.9608938547486, 100%, 40%))";
667
+ readonly backgroundColorForToggleInputThumbWhenChecked: "var(--background-color-for-toggle-input-thumb-when-checked, hsl(172.9608938547486, 100%, 25%))";
668
+ readonly backgroundColorForToggleInputTrackWhenCheckedAndDisabled: "var(--background-color-for-toggle-input-track-when-checked-and-disabled, hsl(195, 35.2941176471%, 90%))";
669
+ readonly backgroundColorForToggleInputThumbWhenCheckedAndDisabled: "var(--background-color-for-toggle-input-thumb-when-checked-and-disabled, hsl(195, 35.2941176471%, 60%))";
670
+ readonly borderForButtonAsSecondary: "var(--border-for-button-as-secondary, 1px solid var(--color-neutral))";
671
+ readonly borderForButtonAsSecondaryWhenHovered: "var(--border-for-button-as-secondary-when-hovered, 1px solid var(--color-neutral))";
672
+ readonly borderForButtonAsSecondaryWhenActive: "var(--border-for-button-as-secondary-when-active, 1px solid var(--color-neutral))";
673
+ readonly borderForCardWhenRaised: "var(--border-for-card-when-raised, 1px solid var(--color-neutral-90))";
674
+ readonly borderForCollapsiblePanelHeaderIconWhenDisabled: "var(--border-for-collapsible-panel-header-icon-when-disabled, none)";
675
+ readonly borderForViewSwitcher: "var(--border-for-view-switcher, 1px solid var(--color-neutral))";
676
+ readonly borderForSelectInputTag: "var(--border-for-select-input-tag, 1px solid var(--color-neutral-85))";
677
+ readonly borderForRadioInputOption: "var(--border-for-radio-input-option, 2px)";
678
+ readonly borderForCalendarMenuWhenFocused: "var(--border-for-calendar-menu-when-focused, none)";
679
+ readonly borderColorForInput: "var(--border-color-for-input, #ccc)";
991
680
  readonly borderColorForInputWhenFocused: "var(--border-color-for-input-when-focused, #00b39e)";
992
681
  readonly borderColorForInputWhenDisabled: "var(--border-color-for-input-when-disabled, #ccc)";
993
- readonly borderColorForInputWhenReadonly: "var(--border-color-for-input-when-readonly, #ccc)";
682
+ readonly borderColorForInputWhenReadonly: "var(--border-color-for-input-when-readonly, #fff)";
994
683
  readonly borderColorForInputWhenError: "var(--border-color-for-input-when-error, #e60050)";
995
684
  readonly borderColorForInputWhenWarning: "var(--border-color-for-input-when-warning, #f16d0e)";
996
- readonly borderColorForInputWhenHovered: "var(--border-color-for-input-when-hovered, #00b39e)";
997
- readonly borderColorForTag: "var(--border-color-for-tag, hsl(0, 0%, 60%))";
685
+ readonly borderColorForInputWhenHovered: "var(--border-color-for-input-when-hovered, #ccc)";
686
+ readonly borderColorForTag: "var(--border-color-for-tag, #ccc)";
998
687
  readonly borderColorForTagWarning: "var(--border-color-for-tag-warning, #f16d0e)";
999
- readonly borderColorForTagWhenFocused: "var(--border-color-for-tag-when-focused, #00b39e)";
1000
- readonly borderColorForTagWhenHovered: "var(--border-color-for-tag-when-hovered, #f16d0e)";
1001
- readonly borderColorForButtonAsIcon: "var(--border-color-for-button-as-icon, #fff)";
1002
- readonly borderColorForButtonAsIconAsInfo: "var(--border-color-for-button-as-icon-as-info, #078cdf)";
1003
- readonly borderColorForButtonAsIconAsPrimary: "var(--border-color-for-button-as-icon-as-primary, #00b39e)";
1004
- readonly borderColorForButtonAsIconWhenDisabled: "var(--border-color-for-button-as-icon-when-disabled, #ccc)";
1005
- readonly borderColorForTableHeader: "var(--border-color-for-table-header, #ccc)";
1006
- readonly borderColorForTableHeaderAsBottom: "var(--border-color-for-table-header-as-bottom, #213c45)";
1007
- readonly borderColorForTableManagerDroppableList: "var(--border-color-for-table-manager-droppable-list, hsl(0, 0%, 60%))";
1008
- readonly borderColorForCollapsiblePanelHeader: "var(--border-color-for-collapsible-panel-header, hsl(0, 0%, 60%))";
1009
- readonly borderColorForStampWhenError: "var(--border-color-for-stamp-when-error, #e60050)";
1010
- readonly borderColorForStampWhenWarning: "var(--border-color-for-stamp-when-warning, #f16d0e)";
1011
- readonly borderColorForStampAsPositive: "var(--border-color-for-stamp-as-positive, hsl(172.9608938547486, 100%, 40%))";
1012
- readonly borderColorForStampAsInformation: "var(--border-color-for-stamp-as-information, #078cdf)";
1013
- readonly borderColorForStampAsPrimary: "var(--border-color-for-stamp-as-primary, hsl(172.9608938547486, 100%, 25%))";
1014
- readonly borderColorForStampAsSecondary: "var(--border-color-for-stamp-as-secondary, hsl(0, 0%, 60%))";
688
+ readonly borderColorForTagWhenFocused: "var(--border-color-for-tag-when-focused, #ccc)";
689
+ readonly borderColorForTagWhenHovered: "var(--border-color-for-tag-when-hovered, #ccc)";
690
+ readonly borderColorForButtonAsIcon: "var(--border-color-for-button-as-icon, #ccc)";
691
+ readonly borderColorForButtonAsIconAsInfo: "var(--border-color-for-button-as-icon-as-info, #ccc)";
692
+ readonly borderColorForButtonAsIconAsPrimary: "var(--border-color-for-button-as-icon-as-primary, #ccc)";
693
+ readonly borderColorForButtonAsIconWhenDisabled: "var(--border-color-for-button-as-icon-when-disabled, #fff)";
694
+ readonly borderColorForTableHeader: "var(--border-color-for-table-header, #fff)";
695
+ readonly borderColorForTableHeaderAsBottom: "var(--border-color-for-table-header-as-bottom, hsl(0, 0%, 90%))";
696
+ readonly borderColorForTableManagerDroppableList: "var(--border-color-for-table-manager-droppable-list, #ccc)";
697
+ readonly borderColorForCollapsiblePanelHeader: "var(--border-color-for-collapsible-panel-header, hsl(0, 0%, 90%))";
698
+ readonly borderColorForStampWhenError: "var(--border-color-for-stamp-when-error, hsl(339.1304347826087, 100%, 85%))";
699
+ readonly borderColorForStampWhenWarning: "var(--border-color-for-stamp-when-warning, hsl(25.110132158590307, 89.0196078431%, 85%))";
700
+ readonly borderColorForStampAsPositive: "var(--border-color-for-stamp-as-positive, hsl(172.9608938547486, 100%, 85%))";
701
+ readonly borderColorForStampAsInformation: "var(--border-color-for-stamp-as-information, hsl(203.05555555555554, 93.9130434783%, 85%))";
702
+ readonly borderColorForStampAsPrimary: "var(--border-color-for-stamp-as-primary, hsl(172.9608938547486, 100%, 85%))";
703
+ readonly borderColorForStampAsSecondary: "var(--border-color-for-stamp-as-secondary, hsl(0, 0%, 85%))";
1015
704
  readonly borderColorForLocalizedInputLabel: "var(--border-color-for-localized-input-label, #ccc)";
1016
- readonly borderColorForLocalizedInputLabelWhenReadonly: "var(--border-color-for-localized-input-label-when-readonly, #ccc)";
1017
- readonly borderColorForContentNotificationWhenError: "var(--border-color-for-content-notification-when-error, #e60050)";
1018
- readonly borderColorForContentNotificationWhenInfo: "var(--border-color-for-content-notification-when-info, #078cdf)";
1019
- readonly borderColorForContentNotificationWhenWarning: "var(--border-color-for-content-notification-when-warning, #f16d0e)";
1020
- readonly borderColorForContentNotificationWhenSuccess: "var(--border-color-for-content-notification-when-success, #00b39e)";
1021
- readonly borderColorForGroupHeadingSelectInputOptions: "var(--border-color-for-group-heading-select-input-options, #ccc)";
1022
- readonly borderColorForSelectInputMenu: "var(--border-color-for-select-input-menu, #00b39e)";
1023
- readonly borderColorForSelectInputWhenReadonly: "var(--border-color-for-select-input-when-readonly, #ccc)";
1024
- readonly borderColorForSelectInputMenuWhenWarning: "var(--border-color-for-select-input-menu-when-warning, #f16d0e)";
1025
- readonly borderColorForSelectInputMenuWhenError: "var(--border-color-for-select-input-menu-when-error, #e60050)";
1026
- readonly borderColorForCheckboxInputIcon: "var(--border-color-for-checkbox-input-icon, hsl(0, 0%, 60%))";
705
+ readonly borderColorForLocalizedInputLabelWhenReadonly: "var(--border-color-for-localized-input-label-when-readonly, #fff)";
706
+ readonly borderColorForContentNotificationWhenError: "var(--border-color-for-content-notification-when-error, hsl(339.1304347826087, 100%, 85%))";
707
+ readonly borderColorForContentNotificationWhenInfo: "var(--border-color-for-content-notification-when-info, hsl(203.05555555555554, 93.9130434783%, 85%))";
708
+ readonly borderColorForContentNotificationWhenWarning: "var(--border-color-for-content-notification-when-warning, hsl(25.110132158590307, 89.0196078431%, 85%))";
709
+ readonly borderColorForContentNotificationWhenSuccess: "var(--border-color-for-content-notification-when-success, hsl(172.9608938547486, 100%, 85%))";
710
+ readonly borderColorForGroupHeadingSelectInputOptions: "var(--border-color-for-group-heading-select-input-options, hsl(0, 0%, 90%))";
711
+ readonly borderColorForSelectInputMenu: "var(--border-color-for-select-input-menu, #fff)";
712
+ readonly borderColorForSelectInputWhenReadonly: "var(--border-color-for-select-input-when-readonly, hsl(0, 0%, 95%))";
713
+ readonly borderColorForSelectInputMenuWhenWarning: "var(--border-color-for-select-input-menu-when-warning, #fff)";
714
+ readonly borderColorForSelectInputMenuWhenError: "var(--border-color-for-select-input-menu-when-error, #fff)";
715
+ readonly borderColorForCheckboxInputIcon: "var(--border-color-for-checkbox-input-icon, #00b39e)";
1027
716
  readonly borderColorForCheckboxInputIconWhenDisabled: "var(--border-color-for-checkbox-input-icon-when-disabled, #ccc)";
1028
- readonly borderColorForCheckboxInputIconWhenReadonly: "var(--border-color-for-checkbox-input-icon-when-readonly, #ccc)";
717
+ readonly borderColorForCheckboxInputIconWhenReadonly: "var(--border-color-for-checkbox-input-icon-when-readonly, hsl(0, 0%, 60%))";
1029
718
  readonly borderColorForCheckboxInputIconWhenError: "var(--border-color-for-checkbox-input-icon-when-error, #e60050)";
1030
- readonly borderColorForRadioInput: "var(--border-color-for-radio-input, #ccc)";
1031
- readonly borderColorForRadioInputWhenDisabled: "var(--border-color-for-radio-input-when-disabled, hsl(0, 0%, 60%))";
1032
- readonly borderColorForRadioInputWhenReadonly: "var(--border-color-for-radio-input-when-readonly, #ccc)";
1033
- readonly borderColorForRadioInputWhenChecked: "var(--border-color-for-radio-input-when-checked, #ccc)";
1034
- readonly borderColorForRadioInputWhenFocused: "var(--border-color-for-radio-input-when-focused, #00b39e)";
1035
- readonly borderColorForPrimaryActionDropdownMenu: "var(--border-color-for-primary-action-dropdown-menu, #ccc)";
1036
- readonly borderRadiusForButtonAsBig: "var(--border-radius-for-button-as-big, 6px)";
719
+ readonly borderColorForRadioInput: "var(--border-color-for-radio-input, hsl(0, 0%, 60%))";
720
+ readonly borderColorForRadioInputWhenDisabled: "var(--border-color-for-radio-input-when-disabled, #ccc)";
721
+ readonly borderColorForRadioInputWhenReadonly: "var(--border-color-for-radio-input-when-readonly, hsl(0, 0%, 60%))";
722
+ readonly borderColorForRadioInputWhenChecked: "var(--border-color-for-radio-input-when-checked, #00b39e)";
723
+ readonly borderColorForRadioInputWhenFocused: "var(--border-color-for-radio-input-when-focused, hsl(0, 0%, 60%))";
724
+ readonly borderColorForPrimaryActionDropdownMenu: "var(--border-color-for-primary-action-dropdown-menu, #fff)";
725
+ readonly borderRadiusForButtonAsBig: "var(--border-radius-for-button-as-big, 4px)";
1037
726
  readonly borderRadiusForButtonAsMedium: "var(--border-radius-for-button-as-medium, 4px)";
1038
- readonly borderRadiusForButtonAsIconAsBig: "var(--border-radius-for-button-as-icon-as-big, 6px)";
727
+ readonly borderRadiusForButtonAsIconAsBig: "var(--border-radius-for-button-as-icon-as-big, 4px)";
1039
728
  readonly borderRadiusForButtonAsIconAsMedium: "var(--border-radius-for-button-as-icon-as-medium, 4px)";
1040
729
  readonly borderRadiusForButtonAsIconAsSmall: "var(--border-radius-for-button-as-icon-as-small, 2px)";
1041
- readonly borderRadiusForInput: "var(--border-radius-for-input, 6px)";
730
+ readonly borderRadiusForInput: "var(--border-radius-for-input, 4px)";
1042
731
  readonly borderRadiusForTag: "var(--border-radius-for-tag, 2px)";
1043
- readonly borderRadiusForCard: "var(--border-radius-for-card, 6px)";
1044
- readonly borderRadiusForTableManagerDroppableList: "var(--border-radius-for-table-manager-droppable-list, 6px)";
1045
- readonly borderRadiusForStamp: "var(--border-radius-for-stamp, 2px)";
1046
- readonly borderRadiusForViewSwitcher: "var(--border-radius-for-view-switcher, 6px)";
1047
- readonly borderRadiusForContentNotification: "var(--border-radius-for-content-notification, 0 var(--border-radius-6) var(--border-radius-6) 0)";
1048
- readonly borderRadiusForContentNotificationIcon: "var(--border-radius-for-content-notification-icon, var(--border-radius-6) 0 0 var(--border-radius-6))";
1049
- readonly borderRadiusForPrimaryActionDropdown: "var(--border-radius-for-primary-action-dropdown, var(--border-radius-6) 0 0 var(--border-radius-6))";
1050
- readonly borderRadiusForPrimaryActionDropdownIcon: "var(--border-radius-for-primary-action-dropdown-icon, 0 var(--border-radius-6) var(--border-radius-6) 0)";
1051
- readonly borderRadiusForPrimaryActionDropdownMenu: "var(--border-radius-for-primary-action-dropdown-menu, 6px)";
732
+ readonly borderRadiusForCard: "var(--border-radius-for-card, 4px)";
733
+ readonly borderRadiusForTableManagerDroppableList: "var(--border-radius-for-table-manager-droppable-list, 4px)";
734
+ readonly borderRadiusForStamp: "var(--border-radius-for-stamp, 20px)";
735
+ readonly borderRadiusForViewSwitcher: "var(--border-radius-for-view-switcher, 4px)";
736
+ readonly borderRadiusForContentNotification: "var(--border-radius-for-content-notification, 4px)";
737
+ readonly borderRadiusForPrimaryActionDropdown: "var(--border-radius-for-primary-action-dropdown, var(--border-radius-4) 0 0 var(--border-radius-4))";
738
+ readonly borderRadiusForPrimaryActionDropdownIcon: "var(--border-radius-for-primary-action-dropdown-icon, 0 var(--border-radius-4) var(--border-radius-4) 0)";
739
+ readonly borderRadiusForPrimaryActionDropdownMenu: "var(--border-radius-for-primary-action-dropdown-menu, 4px)";
1052
740
  readonly borderWidthForInput: "var(--border-width-for-input, 1px)";
1053
741
  readonly borderWidthForInputWhenWarning: "var(--border-width-for-input-when-warning, 1px)";
1054
742
  readonly borderWidthForInputWhenError: "var(--border-width-for-input-when-error, 1px)";
1055
743
  readonly borderWidthForInputWhenFocused: "var(--border-width-for-input-when-focused, 1px)";
1056
- readonly borderWidthForTag: "var(--border-width-for-tag, 1px)";
1057
- readonly borderWidthForSelectInput: "var(--border-width-for-select-input, 1px)";
1058
- readonly borderWidthForContentNotificationIcon: "var(--border-width-for-content-notification-icon, 0px)";
1059
- readonly borderLeftWidthForContentNotification: "var(--border-left-width-for-content-notification, 1px)";
1060
- readonly borderWidthForCheckboxInputIcon: "var(--border-width-for-checkbox-input-icon, 1px)";
1061
- readonly borderForPrimaryActionDropdownIcon: "var(--border-for-primary-action-dropdown-icon, 0px 0px 0px 1px)";
1062
- readonly boxShadowForDatetimeInputWhenHovered: "var(--box-shadow-for-datetime-input-when-hovered, inset 0 0 0 2px)";
1063
- readonly boxShadowForViewSwitcher: "var(--box-shadow-for-view-switcher, 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 -1px 1px 0 rgba(0, 0, 0, 0.12))";
1064
- readonly boxShadowForViewSwitcherWhenSelected: "var(--box-shadow-for-view-switcher-when-selected, inset 0 -1px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.25))";
1065
- readonly boxShadowForSelectInputWhenFocused: "var(--box-shadow-for-select-input-when-focused, inset 0 0 0 2px)";
1066
- readonly boxShadowForCalendarMenuWhenFocused: "var(--box-shadow-for-calendar-menu-when-focused, none)";
744
+ readonly borderWidthForTag: "var(--border-width-for-tag, 1px 1px 1px 0)";
745
+ readonly borderWidthForSelectInput: "var(--border-width-for-select-input, 2px)";
746
+ readonly borderLeftWidthForContentNotification: "var(--border-left-width-for-content-notification, 0px)";
747
+ readonly borderWidthForCheckboxInputIcon: "var(--border-width-for-checkbox-input-icon, 2px)";
748
+ readonly borderForPrimaryActionDropdownIcon: "var(--border-for-primary-action-dropdown-icon, 1px 1px 1px 0px)";
749
+ readonly boxShadowForDatetimeInputWhenHovered: "var(--box-shadow-for-datetime-input-when-hovered, inset 0 0 0 1px)";
750
+ readonly boxShadowForViewSwitcher: "var(--box-shadow-for-view-switcher, none)";
751
+ readonly boxShadowForViewSwitcherWhenSelected: "var(--box-shadow-for-view-switcher-when-selected, none)";
752
+ readonly boxShadowForSelectInputWhenFocused: "var(--box-shadow-for-select-input-when-focused, inset 0 0 0 1px)";
753
+ readonly boxShadowForCalendarMenuWhenFocused: "var(--box-shadow-for-calendar-menu-when-focused, 0 2px 5px 0px rgba(0, 0, 0, 0.15))";
1067
754
  readonly fontColorForText: "var(--font-color-for-text, #1a1a1a)";
1068
- readonly fontColorForTextWhenDisabled: "var(--font-color-for-text-when-disabled, #ccc)";
755
+ readonly fontColorForTextWhenDisabled: "var(--font-color-for-text-when-disabled, hsl(0, 0%, 60%))";
1069
756
  readonly fontColorForInput: "var(--font-color-for-input, #1a1a1a)";
1070
757
  readonly fontColorForInputWhenDisabled: "var(--font-color-for-input-when-disabled, hsl(0, 0%, 60%))";
1071
758
  readonly fontColorForInputWhenError: "var(--font-color-for-input-when-error, #e60050)";
1072
- readonly fontColorForInputWhenReadonly: "var(--font-color-for-input-when-readonly, hsl(0, 0%, 60%))";
759
+ readonly fontColorForInputWhenReadonly: "var(--font-color-for-input-when-readonly, hsl(0, 0%, 40%))";
1073
760
  readonly fontColorForInputWhenWarning: "var(--font-color-for-input-when-warning, #f16d0e)";
1074
761
  readonly fontColorForTag: "var(--font-color-for-tag, #1a1a1a)";
1075
- readonly fontColorForTagRemoveIcon: "var(--font-color-for-tag-remove-icon, #1a1a1a)";
1076
- readonly fontColorForTagDragIcon: "var(--font-color-for-tag-drag-icon, #1a1a1a)";
1077
- readonly fontColorForTagRemoveIconWhenHovered: "var(--font-color-for-tag-remove-icon-when-hovered, #f16d0e)";
762
+ readonly fontColorForTagRemoveIcon: "var(--font-color-for-tag-remove-icon, hsl(0, 0%, 40%))";
763
+ readonly fontColorForTagDragIcon: "var(--font-color-for-tag-drag-icon, hsl(0, 0%, 40%))";
764
+ readonly fontColorForTagRemoveIconWhenHovered: "var(--font-color-for-tag-remove-icon-when-hovered, #e60050)";
1078
765
  readonly fontColorForTagWhenDisabled: "var(--font-color-for-tag-when-disabled, hsl(0, 0%, 60%))";
1079
766
  readonly fontColorForTextWhenInverted: "var(--font-color-for-text-when-inverted, #fff)";
1080
767
  readonly fontColorForLinkAsInverted: "var(--font-color-for-link-as-inverted, #fff)";
1081
- readonly fontColorForLinkAsPrimary: "var(--font-color-for-link-as-primary, #00b39e)";
768
+ readonly fontColorForLinkAsPrimary: "var(--font-color-for-link-as-primary, hsl(172.9608938547486, 100%, 25%))";
1082
769
  readonly fontColorForLinkAsSecondary: "var(--font-color-for-link-as-secondary, #1a1a1a)";
1083
- readonly fontColorForLinkAsPrimaryWhenActive: "var(--font-color-for-link-as-primary-when-active, hsl(172.9608938547486, 100%, 25%))";
770
+ readonly fontColorForLinkAsPrimaryWhenActive: "var(--font-color-for-link-as-primary-when-active, #00b39e)";
1084
771
  readonly fontColorForLinkAsSecondaryWhenActive: "var(--font-color-for-link-as-secondary-when-active, #00b39e)";
1085
- readonly fontColorForTableHeader: "var(--font-color-for-table-header, #fff)";
772
+ readonly fontColorForTableHeader: "var(--font-color-for-table-header, #1a1a1a)";
1086
773
  readonly fontColorForLocalizedInputLabel: "var(--font-color-for-localized-input-label, hsl(0, 0%, 60%))";
1087
- readonly fontColorForViewSwitcher: "var(--font-color-for-view-switcher, #1a1a1a)";
774
+ readonly fontColorForViewSwitcher: "var(--font-color-for-view-switcher, hsl(0, 0%, 40%))";
1088
775
  readonly fontColorForViewSwitcherWhenDisabled: "var(--font-color-for-view-switcher-when-disabled, hsl(0, 0%, 60%))";
1089
776
  readonly fontColorForViewSwitcherWhenSelected: "var(--font-color-for-view-switcher-when-selected, #1a1a1a)";
1090
- readonly fontColorForClearInputIcon: "var(--font-color-for-clear-input-icon, #1a1a1a)";
1091
- readonly fontColorForClearInputIconWhenHovered: "var(--font-color-for-clear-input-icon-when-hovered, #f16d0e)";
777
+ readonly fontColorForClearInputIcon: "var(--font-color-for-clear-input-icon, hsl(0, 0%, 40%))";
778
+ readonly fontColorForClearInputIconWhenHovered: "var(--font-color-for-clear-input-icon-when-hovered, #e60050)";
1092
779
  readonly fontColorForContentNotification: "var(--font-color-for-content-notification, #1a1a1a)";
1093
- readonly fontColorForContentNotificationIconWhenError: "var(--font-color-for-content-notification-icon-when-error, #fff)";
1094
- readonly fontColorForContentNotificationIconWhenWarning: "var(--font-color-for-content-notification-icon-when-warning, #fff)";
1095
- readonly fontColorForContentNotificationIconWhenSuccess: "var(--font-color-for-content-notification-icon-when-success, #fff)";
1096
- readonly fontColorForContentNotificationIconWhenInfo: "var(--font-color-for-content-notification-icon-when-info, #fff)";
1097
- readonly fontColorForSearchInputIcon: "var(--font-color-for-search-input-icon, #1a1a1a)";
780
+ readonly fontColorForContentNotificationIconWhenError: "var(--font-color-for-content-notification-icon-when-error, #e60050)";
781
+ readonly fontColorForContentNotificationIconWhenWarning: "var(--font-color-for-content-notification-icon-when-warning, #f16d0e)";
782
+ readonly fontColorForContentNotificationIconWhenSuccess: "var(--font-color-for-content-notification-icon-when-success, #00b39e)";
783
+ readonly fontColorForContentNotificationIconWhenInfo: "var(--font-color-for-content-notification-icon-when-info, #078cdf)";
784
+ readonly fontColorForSearchInputIcon: "var(--font-color-for-search-input-icon, hsl(0, 0%, 60%))";
1098
785
  readonly fontColorForSearchInputIconWhenHovered: "var(--font-color-for-search-input-icon-when-hovered, #00b39e)";
1099
- readonly fontColorForSelectInputIcon: "var(--font-color-for-select-input-icon, #1a1a1a)";
1100
- readonly fontColorForSelectInputWhenError: "var(--font-color-for-select-input-when-error, #1a1a1a)";
1101
- readonly fontColorForSelectInputWhenWarning: "var(--font-color-for-select-input-when-warning, #1a1a1a)";
1102
- readonly fontColorForSelectInputIconWhenError: "var(--font-color-for-select-input-icon-when-error, #1a1a1a)";
1103
- readonly fontColorForSelectInputIconWhenWarning: "var(--font-color-for-select-input-icon-when-warning, #1a1a1a)";
1104
- readonly fontColorForMoneyInputCurrencyDropdownIndicator: "var(--font-color-for-money-input-currency-dropdown-indicator, #1a1a1a)";
786
+ readonly fontColorForSelectInputIcon: "var(--font-color-for-select-input-icon, hsl(0, 0%, 60%))";
787
+ readonly fontColorForSelectInputWhenError: "var(--font-color-for-select-input-when-error, #e60050)";
788
+ readonly fontColorForSelectInputWhenWarning: "var(--font-color-for-select-input-when-warning, #f16d0e)";
789
+ readonly fontColorForSelectInputIconWhenError: "var(--font-color-for-select-input-icon-when-error, #e60050)";
790
+ readonly fontColorForSelectInputIconWhenWarning: "var(--font-color-for-select-input-icon-when-warning, #f16d0e)";
791
+ readonly fontColorForMoneyInputCurrencyDropdownIndicator: "var(--font-color-for-money-input-currency-dropdown-indicator, hsl(0, 0%, 40%))";
1105
792
  readonly fontColorForSearchInputIconWhenReadonly: "var(--font-color-for-search-input-icon-when-readonly, hsl(0, 0%, 60%))";
1106
793
  readonly fontColorForCheckboxInputLabel: "var(--font-color-for-checkbox-input-label, #1a1a1a)";
1107
794
  readonly fontColorForCheckboxInputLabelWhenError: "var(--font-color-for-checkbox-input-label-when-error, #e60050)";
1108
- readonly fontColorForCheckboxInputLabelWhenDisabled: "var(--font-color-for-checkbox-input-label-when-disabled, hsl(0, 0%, 40%))";
795
+ readonly fontColorForCheckboxInputLabelWhenDisabled: "var(--font-color-for-checkbox-input-label-when-disabled, hsl(0, 0%, 60%))";
1109
796
  readonly fontColorForCheckboxInputLabelWhenReadonly: "var(--font-color-for-checkbox-input-label-when-readonly, hsl(0, 0%, 40%))";
1110
797
  readonly fontColorForRadioInputWhenDisabled: "var(--font-color-for-radio-input-when-disabled, hsl(0, 0%, 60%))";
1111
798
  readonly fontColorForRadioInputWhenError: "var(--font-color-for-radio-input-when-error, #e60050)";
1112
799
  readonly fontColorForRadioInputWhenReadonly: "var(--font-color-for-radio-input-when-readonly, hsl(0, 0%, 60%))";
1113
800
  readonly fontColorForRadioInputWhenWarning: "var(--font-color-for-radio-input-when-warning, #f16d0e)";
1114
- readonly fontColorForFlatButtonAsPrimary: "var(--font-color-for-flat-button-as-primary, #00b39e)";
1115
- readonly fontColorForFlatButtonAsPrimaryWhenHovered: "var(--font-color-for-flat-button-as-primary-when-hovered, hsl(172.9608938547486, 100%, 25%))";
801
+ readonly fontColorForFlatButtonAsPrimary: "var(--font-color-for-flat-button-as-primary, hsl(172.9608938547486, 100%, 25%))";
802
+ readonly fontColorForFlatButtonAsPrimaryWhenHovered: "var(--font-color-for-flat-button-as-primary-when-hovered, #00b39e)";
1116
803
  readonly fontColorForFlatButtonAsCritical: "var(--font-color-for-flat-button-as-critical, #e60050)";
1117
804
  readonly fontColorForFlatButtonAsCriticalWhenHovered: "var(--font-color-for-flat-button-as-critical-when-hovered, hsl(339.1304347826087, 100%, 25%))";
1118
805
  readonly fontColorForFlatButtonAsSecondary: "var(--font-color-for-flat-button-as-secondary, #1a1a1a)";
1119
806
  readonly fontColorForFlatButtonAsInverted: "var(--font-color-for-flat-button-as-inverted, #fff)";
1120
807
  readonly fontColorForFlatButtonIconWhenDisabled: "var(--font-color-for-flat-button-icon-when-disabled, hsl(0, 0%, 60%))";
1121
- readonly fontColorForSecondaryIconButtonAsPrimary: "var(--font-color-for-secondary-icon-button-as-primary, #00b39e)";
1122
- readonly fontColorForSecondaryIconButtonAsPrimaryWhenHovered: "var(--font-color-for-secondary-icon-button-as-primary-when-hovered, hsl(172.9608938547486, 100%, 25%))";
1123
- readonly heightForButtonAsBig: "var(--height-for-button-as-big, 32px)";
1124
- readonly heightForButtonAsMedium: "var(--height-for-button-as-medium, 24px)";
1125
- readonly heightForButtonAsIconAsBig: "var(--height-for-button-as-icon-as-big, 32px)";
1126
- readonly heightForButtonAsIconAsMedium: "var(--height-for-button-as-icon-as-medium, 24px)";
808
+ readonly fontColorForSecondaryIconButtonAsPrimary: "var(--font-color-for-secondary-icon-button-as-primary, hsl(172.9608938547486, 100%, 25%))";
809
+ readonly fontColorForSecondaryIconButtonAsPrimaryWhenHovered: "var(--font-color-for-secondary-icon-button-as-primary-when-hovered, #00b39e)";
810
+ readonly heightForButtonAsBig: "var(--height-for-button-as-big, 40px)";
811
+ readonly heightForButtonAsMedium: "var(--height-for-button-as-medium, 32px)";
812
+ readonly heightForButtonAsIconAsBig: "var(--height-for-button-as-icon-as-big, 40px)";
813
+ readonly heightForButtonAsIconAsMedium: "var(--height-for-button-as-icon-as-medium, 32px)";
1127
814
  readonly heightForButtonAsIconAsSmall: "var(--height-for-button-as-icon-as-small, 16px)";
1128
- readonly heightForInput: "var(--height-for-input, 32px)";
1129
- readonly heightForViewSwitcher: "var(--height-for-view-switcher, 32px)";
1130
- readonly heightForViewSwitcherWhenCondensed: "var(--height-for-view-switcher-when-condensed, 24px)";
1131
- readonly heightForSelectInputTag: "var(--height-for-select-input-tag, 26px)";
1132
- readonly heightForRadioInputOption: "var(--height-for-radio-input-option, 16px)";
1133
- readonly heightForRadioInputOptionWhenChecked: "var(--height-for-radio-input-option-when-checked, 8px)";
1134
- readonly heightForPrimaryActionDropdown: "var(--height-for-primary-action-dropdown, 32px)";
1135
- readonly widthForAvatarAsMedium: "var(--width-for-avatar-as-medium, 48px)";
1136
- readonly minWidthForMoneyInputCurrencyDropdown: "var(--min-width-for-money-input-currency-dropdown, 72px)";
815
+ readonly heightForInput: "var(--height-for-input, 40px)";
816
+ readonly heightForViewSwitcher: "var(--height-for-view-switcher, 40px)";
817
+ readonly heightForViewSwitcherWhenCondensed: "var(--height-for-view-switcher-when-condensed, 32px)";
818
+ readonly heightForSelectInputTag: "var(--height-for-select-input-tag, 32px)";
819
+ readonly heightForRadioInputOption: "var(--height-for-radio-input-option, 18px)";
820
+ readonly heightForRadioInputOptionWhenChecked: "var(--height-for-radio-input-option-when-checked, 10px)";
821
+ readonly heightForPrimaryActionDropdown: "var(--height-for-primary-action-dropdown, 40px)";
822
+ readonly widthForAvatarAsMedium: "var(--width-for-avatar-as-medium, 40px)";
823
+ readonly minWidthForMoneyInputCurrencyDropdown: "var(--min-width-for-money-input-currency-dropdown, 80px)";
1137
824
  readonly placeholderFontColorForInput: "var(--placeholder-font-color-for-input, hsl(0, 0%, 60%))";
1138
- readonly fontSizeForButton: "var(--font-size-for-button, 1rem)";
825
+ readonly fontSizeForButton: "var(--font-size-for-button, 0.875rem)";
1139
826
  readonly fontSizeForInput: "var(--font-size-for-input, 1rem)";
1140
- readonly fontSizeForTextAsH1: "var(--font-size-for-text-as-h-1, 2.4615rem)";
1141
- readonly fontSizeForTextAsH2: "var(--font-size-for-text-as-h-2, 1.8462rem)";
1142
- readonly fontSizeForTextAsH3: "var(--font-size-for-text-as-h-3, 1.5385rem)";
1143
- readonly fontSizeForTextAsH4: "var(--font-size-for-text-as-h-4, 1.2308rem)";
1144
- readonly fontSizeForTextAsH5: "var(--font-size-for-text-as-h-5, 1.0769rem)";
827
+ readonly fontSizeForTextAsH1: "var(--font-size-for-text-as-h-1, 1.5rem)";
828
+ readonly fontSizeForTextAsH2: "var(--font-size-for-text-as-h-2, 1.25rem)";
829
+ readonly fontSizeForTextAsH3: "var(--font-size-for-text-as-h-3, 1.125rem)";
830
+ readonly fontSizeForTextAsH4: "var(--font-size-for-text-as-h-4, 1rem)";
831
+ readonly fontSizeForTextAsH5: "var(--font-size-for-text-as-h-5, 1rem)";
1145
832
  readonly fontSizeForTextAsBody: "var(--font-size-for-text-as-body, 1rem)";
1146
- readonly fontSizeForTextAsDetail: "var(--font-size-for-text-as-detail, 0.9231rem)";
1147
- readonly fontSizeForBody: "var(--font-size-for-body, 13px)";
833
+ readonly fontSizeForTextAsDetail: "var(--font-size-for-text-as-detail, 0.875rem)";
834
+ readonly fontSizeForBody: "var(--font-size-for-body, 16px)";
1148
835
  readonly fontSizeForLink: "var(--font-size-for-link, 1rem)";
1149
- readonly fontSizeForStamp: "var(--font-size-for-stamp, 1rem)";
1150
- readonly fontSizeForViewSwitcher: "var(--font-size-for-view-switcher, 1rem)";
1151
- readonly fontSizeForTable: "var(--font-size-for-table, 1rem)";
1152
- readonly fontSizeForAvatarAsSmall: "var(--font-size-for-avatar-as-small, 1rem)";
1153
- readonly fontSizeForAvatarAsMedium: "var(--font-size-for-avatar-as-medium, 1.5rem)";
1154
- readonly fontSizeForAvatarAsBig: "var(--font-size-for-avatar-as-big, 3rem)";
836
+ readonly fontSizeForStamp: "var(--font-size-for-stamp, 0.875rem)";
837
+ readonly fontSizeForViewSwitcher: "var(--font-size-for-view-switcher, 0.875rem)";
838
+ readonly fontSizeForTable: "var(--font-size-for-table, 0.875rem)";
839
+ readonly fontSizeForAvatarAsSmall: "var(--font-size-for-avatar-as-small, 0.875rem)";
840
+ readonly fontSizeForAvatarAsMedium: "var(--font-size-for-avatar-as-medium, 1rem)";
841
+ readonly fontSizeForAvatarAsBig: "var(--font-size-for-avatar-as-big, 2.5rem)";
1155
842
  readonly fontSizeForLocalizedInputLabel: "var(--font-size-for-localized-input-label, 1rem)";
1156
843
  readonly fontSizeForContentNotification: "var(--font-size-for-content-notification, 1rem)";
1157
- readonly fontSizeForSelectInputTag: "var(--font-size-for-select-input-tag, 0.9231rem)";
1158
- readonly iconColorForDatetimeInputIcon: "var(--icon-color-for-datetime-input-icon, #1a1a1a)";
1159
- readonly iconColorForDatetimeInputIconWhenHovered: "var(--icon-color-for-datetime-input-icon-when-hovered, #f16d0e)";
1160
- readonly lineHeightForTextAsH1: "var(--line-height-for-text-as-h-1, inherit)";
1161
- readonly lineHeightForTextAsH2: "var(--line-height-for-text-as-h-2, inherit)";
1162
- readonly lineHeightForTextAsH3: "var(--line-height-for-text-as-h-3, inherit)";
1163
- readonly lineHeightForTextAsH4: "var(--line-height-for-text-as-h-4, inherit)";
1164
- readonly lineHeightForTextAsH5: "var(--line-height-for-text-as-h-5, inherit)";
1165
- readonly lineHeightForTextAsBody: "var(--line-height-for-text-as-body, inherit)";
1166
- readonly lineHeightForTextAsDetail: "var(--line-height-for-text-as-detail, inherit)";
1167
- readonly lineHeightForSelectInputOptions: "var(--line-height-for-select-input-options, inherit)";
1168
- readonly lineHeightForTableHeader: "var(--line-height-for-table-header, inherit)";
1169
- readonly fontWeightForTextAsH1: "var(--font-weight-for-text-as-h-1, 300)";
1170
- readonly fontWeightForTextAsH2: "var(--font-weight-for-text-as-h-2, 300)";
1171
- readonly fontWeightForTextAsH3: "var(--font-weight-for-text-as-h-3, 300)";
1172
- readonly fontWeightForTextAsH4: "var(--font-weight-for-text-as-h-4, 400)";
1173
- readonly fontWeightForTextAsH5: "var(--font-weight-for-text-as-h-5, 400)";
844
+ readonly fontSizeForSelectInputTag: "var(--font-size-for-select-input-tag, 1rem)";
845
+ readonly iconColorForDatetimeInputIcon: "var(--icon-color-for-datetime-input-icon, hsl(0, 0%, 40%))";
846
+ readonly iconColorForDatetimeInputIconWhenHovered: "var(--icon-color-for-datetime-input-icon-when-hovered, #e60050)";
847
+ readonly lineHeightForTextAsH1: "var(--line-height-for-text-as-h-1, 2.125rem)";
848
+ readonly lineHeightForTextAsH2: "var(--line-height-for-text-as-h-2, 1.75rem)";
849
+ readonly lineHeightForTextAsH3: "var(--line-height-for-text-as-h-3, 1.5rem)";
850
+ readonly lineHeightForTextAsH4: "var(--line-height-for-text-as-h-4, 1.375rem)";
851
+ readonly lineHeightForTextAsH5: "var(--line-height-for-text-as-h-5, 1.375rem)";
852
+ readonly lineHeightForTextAsBody: "var(--line-height-for-text-as-body, 1.625rem)";
853
+ readonly lineHeightForTextAsDetail: "var(--line-height-for-text-as-detail, 1.375rem)";
854
+ readonly lineHeightForSelectInputOptions: "var(--line-height-for-select-input-options, 1.625rem)";
855
+ readonly lineHeightForTableHeader: "var(--line-height-for-table-header, 26px)";
856
+ readonly fontWeightForTextAsH1: "var(--font-weight-for-text-as-h-1, 600)";
857
+ readonly fontWeightForTextAsH2: "var(--font-weight-for-text-as-h-2, 500)";
858
+ readonly fontWeightForTextAsH3: "var(--font-weight-for-text-as-h-3, 500)";
859
+ readonly fontWeightForTextAsH4: "var(--font-weight-for-text-as-h-4, 500)";
860
+ readonly fontWeightForTextAsH5: "var(--font-weight-for-text-as-h-5, 500)";
1174
861
  readonly fontWeightForTextAsBody: "var(--font-weight-for-text-as-body, 400)";
1175
862
  readonly fontWeightForTextAsDetail: "var(--font-weight-for-text-as-detail, 400)";
1176
- readonly fontWeightForButton: "var(--font-weight-for-button, 400)";
1177
- readonly fontWeightForTableHeader: "var(--font-weight-for-table-header, 400)";
1178
- readonly fontWeightForTextAsBold: "var(--font-weight-for-text-as-bold, 700)";
1179
- readonly marginForTableHeader: "var(--margin-for-table-header, 8px)";
1180
- readonly marginForTableAsCondensed: "var(--margin-for-table-as-condensed, 8px)";
1181
- readonly marginForViewSwitcherIcon: "var(--margin-for-view-switcher-icon, 0 var(--spacing-10) 0 0)";
1182
- readonly marginForGroupHeadingSelectInputOptions: "var(--margin-for-group-heading-select-input-options, 4px)";
1183
- readonly marginForSelectInputIcon: "var(--margin-for-select-input-icon, 4px)";
1184
- readonly marginLeftForSelectInputIcon: "var(--margin-left-for-select-input-icon, inherit)";
1185
- readonly marginRightForMoneyInputPrecisionBadge: "var(--margin-right-for-money-input-precision-badge, 4px)";
1186
- readonly marginRightForSearchInputIcon: "var(--margin-right-for-search-input-icon, 8px)";
1187
- readonly marginRightForClearInputIcon: "var(--margin-right-for-clear-input-icon, 4px)";
1188
- readonly marginLeftForRadioInputLabel: "var(--margin-left-for-radio-input-label, 8px)";
1189
- readonly marginRightForPrimaryActionDropdown: "var(--margin-right-for-primary-action-dropdown, 4px)";
1190
- readonly marginTopForPrimaryActionDropdown: "var(--margin-top-for-primary-action-dropdown, none)";
1191
- readonly marginForLocalizedRichTextBodyButton: "var(--margin-for-localized-rich-text-body-button, none)";
1192
- readonly marginForRichTextDivider: "var(--margin-for-rich-text-divider, 0 var(--spacing-10))";
1193
- readonly marginForRichTextDropdownItemLabel: "var(--margin-for-rich-text-dropdown-item-label, 0 0 0 var(--spacing-10))";
1194
- readonly marginForTagList: "var(--margin-for-tag-list, 0 var(--spacing-10) var(--spacing-10) 0)";
1195
- readonly paddingForStamp: "var(--padding-for-stamp, var(--spacing-10) var(--spacing-20))";
1196
- readonly paddingForStampAsCondensed: "var(--padding-for-stamp-as-condensed, 1px var(--spacing-10))";
1197
- readonly paddingForTag: "var(--padding-for-tag, 5px var(--spacing-20))";
1198
- readonly paddingForTableHeader: "var(--padding-for-table-header, 16px)";
1199
- readonly paddingForTableHeaderAsCondensed: "var(--padding-for-table-header-as-condensed, 8px)";
1200
- readonly paddingForTableCell: "var(--padding-for-table-cell, 16px)";
1201
- readonly paddingForTableCellAsCondensed: "var(--padding-for-table-cell-as-condensed, 8px)";
1202
- readonly paddingForTableManagerDroppableList: "var(--padding-for-table-manager-droppable-list, 8px)";
1203
- readonly paddingForTableManagerSettingsPanel: "var(--padding-for-table-manager-settings-panel, 16px)";
1204
- readonly paddingForTableManagerDraggableTag: "var(--padding-for-table-manager-draggable-tag, 4px)";
1205
- readonly paddingForCollapsiblePanelHeader: "var(--padding-for-collapsible-panel-header, var(--spacing-20) var(--spacing-30))";
1206
- readonly paddingForCollapsiblePanelHeaderAsCondensed: "var(--padding-for-collapsible-panel-header-as-condensed, 8px)";
1207
- readonly paddingForCollapsiblePanelSectionWrapper: "var(--padding-for-collapsible-panel-section-wrapper, 16px)";
1208
- readonly paddingForCollapsiblePanelSectionWrapperAsCondensed: "var(--padding-for-collapsible-panel-section-wrapper-as-condensed, 8px)";
1209
- readonly paddingForCollapsiblePanelSectionDescription: "var(--padding-for-collapsible-panel-section-description, 0 0 var(--spacing-50))";
1210
- readonly paddingForCollapsiblePanelSectionDescriptionAsCondensed: "var(--padding-for-collapsible-panel-section-description-as-condensed, 0 0 var(--spacing-30))";
1211
- readonly paddingForInput: "var(--padding-for-input, 8px)";
1212
- readonly paddingForMultilineInput: "var(--padding-for-multiline-input, var(--spacing-10) var(--spacing-20))";
1213
- readonly paddingForLocalizedRichTextInputLabel: "var(--padding-for-localized-rich-text-input-label, 0 var(--spacing-20))";
1214
- readonly paddingForLocalizedRichTextDropdownButton: "var(--padding-for-localized-rich-text-dropdown-button, 3px var(--spacing-20))";
1215
- readonly paddingForLocalizedRichTextDropdownItem: "var(--padding-for-localized-rich-text-dropdown-item, var(--spacing-10) var(--spacing-20))";
1216
- readonly paddingForLocalizedRichTextBodyButton: "var(--padding-for-localized-rich-text-body-button, var(--spacing-10))";
1217
- readonly paddingForLocalizedInputLabel: "var(--padding-for-localized-input-label, 0 var(--spacing-20))";
1218
- readonly paddingForRichTextInput: "var(--padding-for-rich-text-input, none)";
1219
- readonly paddingForRichTextToolbar: "var(--padding-for-rich-text-toolbar, var(--spacing-10) 7px)";
1220
- readonly paddingLeftForRichTextToolbar: "var(--padding-left-for-rich-text-toolbar, 3px)";
1221
- readonly paddingForRichTextEditorContainer: "var(--padding-for-rich-text-editor-container, 6px var(--spacing-20) var(--spacing-10))";
863
+ readonly fontWeightForButton: "var(--font-weight-for-button, 500)";
864
+ readonly fontWeightForTableHeader: "var(--font-weight-for-table-header, 600)";
865
+ readonly fontWeightForTextAsBold: "var(--font-weight-for-text-as-bold, 600)";
866
+ readonly marginForTableHeader: "var(--margin-for-table-header, 16px)";
867
+ readonly marginForTableCellAsCondensed: "var(--margin-for-table-cell-as-condensed, 8px)";
868
+ readonly marginForViewSwitcherIcon: "var(--margin-for-view-switcher-icon, 0 var(--spacing-20) 0 0)";
869
+ readonly marginForGroupHeadingSelectInputOptions: "var(--margin-for-group-heading-select-input-options, 8px)";
870
+ readonly marginForSelectInputIcon: "var(--margin-for-select-input-icon, 8px)";
871
+ readonly marginLeftForSelectInputIcon: "var(--margin-left-for-select-input-icon, 8px)";
872
+ readonly marginRightForMoneyInputPrecisionBadge: "var(--margin-right-for-money-input-precision-badge, 12px)";
873
+ readonly marginRightForSearchInputIcon: "var(--margin-right-for-search-input-icon, 12px)";
874
+ readonly marginRightForClearInputIcon: "var(--margin-right-for-clear-input-icon, 8px)";
875
+ readonly marginLeftForRadioInputLabel: "var(--margin-left-for-radio-input-label, 4px)";
876
+ readonly marginRightForPrimaryActionDropdown: "var(--margin-right-for-primary-action-dropdown, 8px)";
877
+ readonly marginTopForPrimaryActionDropdown: "var(--margin-top-for-primary-action-dropdown, 8px)";
878
+ readonly marginForLocalizedRichTextBodyButton: "var(--margin-for-localized-rich-text-body-button, 0 2px var(--spacing-20) 2px)";
879
+ readonly marginForRichTextDivider: "var(--margin-for-rich-text-divider, var(--spacing-10) 2px)";
880
+ readonly marginForRichTextDropdownItemLabel: "var(--margin-for-rich-text-dropdown-item-label, 0 0 0 var(--spacing-20))";
881
+ readonly marginForTagList: "var(--margin-for-tag-list, 0 var(--spacing-20) var(--spacing-20) 0)";
882
+ readonly paddingForStamp: "var(--padding-for-stamp, 4px 12px)";
883
+ readonly paddingForStampAsCondensed: "var(--padding-for-stamp-as-condensed, 0 var(--spacing-20))";
884
+ readonly paddingForTag: "var(--padding-for-tag, 2px 12px)";
885
+ readonly paddingForTableHeader: "var(--padding-for-table-header, 24px)";
886
+ readonly paddingForTableHeaderAsCondensed: "var(--padding-for-table-header-as-condensed, 24px)";
887
+ readonly paddingForTableCell: "var(--padding-for-table-cell, var(--spacing-30) var(--spacing-40))";
888
+ readonly paddingForTableCellAsCondensed: "var(--padding-for-table-cell-as-condensed, var(--spacing-20) var(--spacing-40))";
889
+ readonly paddingForTableManagerDroppableList: "var(--padding-for-table-manager-droppable-list, 16px)";
890
+ readonly paddingForTableManagerSettingsPanel: "var(--padding-for-table-manager-settings-panel, var(--spacing-40) var(--spacing-50))";
891
+ readonly paddingForTableManagerDraggableTag: "var(--padding-for-table-manager-draggable-tag, var(--spacing-10) 0)";
892
+ readonly paddingForCollapsiblePanelHeader: "var(--padding-for-collapsible-panel-header, var(--spacing-30) 0)";
893
+ readonly paddingForCollapsiblePanelHeaderAsCondensed: "var(--padding-for-collapsible-panel-header-as-condensed, var(--spacing-20) 0)";
894
+ readonly paddingForCollapsiblePanelSectionWrapper: "var(--padding-for-collapsible-panel-section-wrapper, var(--spacing-50) 0 0 calc(var(--spacing-30) + var(--spacing-10)))";
895
+ readonly paddingForCollapsiblePanelSectionWrapperAsCondensed: "var(--padding-for-collapsible-panel-section-wrapper-as-condensed, var(--spacing-40) 0 0 calc(var(--spacing-30) + var(--spacing-10)))";
896
+ readonly paddingForCollapsiblePanelSectionDescription: "var(--padding-for-collapsible-panel-section-description, 0 0 var(--spacing-40))";
897
+ readonly paddingForCollapsiblePanelSectionDescriptionAsCondensed: "var(--padding-for-collapsible-panel-section-description-as-condensed, 0 0 var(--spacing-40))";
898
+ readonly paddingForInput: "var(--padding-for-input, 16px)";
899
+ readonly paddingForMultilineInput: "var(--padding-for-multiline-input, 8px)";
900
+ readonly paddingForLocalizedRichTextInputLabel: "var(--padding-for-localized-rich-text-input-label, var(--spacing-20) 12px)";
901
+ readonly paddingForLocalizedRichTextDropdownButton: "var(--padding-for-localized-rich-text-dropdown-button, 5px var(--spacing-20))";
902
+ readonly paddingForLocalizedRichTextDropdownItem: "var(--padding-for-localized-rich-text-dropdown-item, var(--spacing-20) var(--spacing-30))";
903
+ readonly paddingForLocalizedRichTextBodyButton: "var(--padding-for-localized-rich-text-body-button, var(--spacing-20))";
904
+ readonly paddingForLocalizedInputLabel: "var(--padding-for-localized-input-label, 0 12px)";
905
+ readonly paddingForRichTextInput: "var(--padding-for-rich-text-input, var(--spacing-20) var(--spacing-30))";
906
+ readonly paddingForRichTextToolbar: "var(--padding-for-rich-text-toolbar, none)";
907
+ readonly paddingLeftForRichTextToolbar: "var(--padding-left-for-rich-text-toolbar, none)";
908
+ readonly paddingForRichTextEditorContainer: "var(--padding-for-rich-text-editor-container, var(--spacing-20) 0 0)";
1222
909
  readonly paddingForLocalizedMultilineTextInputLabel: "var(--padding-for-localized-multiline-text-input-label, 0 var(--spacing-20))";
1223
- readonly paddingForTagRemoveIcon: "var(--padding-for-tag-remove-icon, 0 var(--spacing-10))";
1224
- readonly paddingForTooltip: "var(--padding-for-tooltip, var(--spacing-10) var(--spacing-20))";
910
+ readonly paddingForTagRemoveIcon: "var(--padding-for-tag-remove-icon, 0 12px)";
911
+ readonly paddingForTooltip: "var(--padding-for-tooltip, var(--spacing-20) 12px)";
1225
912
  readonly paddingForViewSwitcher: "var(--padding-for-view-switcher, 0 var(--spacing-30) 0 var(--spacing-30))";
1226
- readonly paddingForViewSwitcherWhenCondensed: "var(--padding-for-view-switcher-when-condensed, 0 var(--spacing-20) 0 var(--spacing-20))";
1227
- readonly paddingForContentNotification: "var(--padding-for-content-notification, var(--spacing-20))";
1228
- readonly paddingForContentNotificationIcon: "var(--padding-for-content-notification-icon, var(--spacing-20) var(--spacing-30))";
1229
- readonly paddingLeftForSelectInputOptions: "var(--padding-left-for-select-input-options, 8px)";
1230
- readonly paddingRightForSelectInputOptions: "var(--padding-right-for-select-input-options, 8px)";
1231
- readonly paddingTopForSelectInputOptions: "var(--padding-top-for-select-input-options, 4px)";
1232
- readonly paddingBottomForSelectInputOptions: "var(--padding-bottom-for-select-input-options, 4px)";
1233
- readonly paddingForGroupHeadingSelectInputOptions: "var(--padding-for-group-heading-select-input-options, 8px)";
1234
- readonly paddingForSelectInputMenu: "var(--padding-for-select-input-menu, inherit)";
1235
- readonly paddingForMoneyInputCurrencyDropdown: "var(--padding-for-money-input-currency-dropdown, 0 var(--spacing-20))";
1236
- readonly paddingForSelectableSearchInputDropdown: "var(--padding-for-selectable-search-input-dropdown, 0 var(--spacing-20))";
1237
- readonly paddingForPrimaryActionDropdown: "var(--padding-for-primary-action-dropdown, 0 var(--spacing-20))";
1238
- readonly paddingForPrimaryActionDropdownIcon: "var(--padding-for-primary-action-dropdown-icon, 0 var(--spacing-10))";
1239
- readonly paddingForButtonAsMedium: "var(--padding-for-button-as-medium, 0 var(--spacing-20))";
913
+ readonly paddingForViewSwitcherWhenCondensed: "var(--padding-for-view-switcher-when-condensed, 0 12px 0 12px)";
914
+ readonly paddingForContentNotification: "var(--padding-for-content-notification, var(--spacing-20) var(--spacing-30))";
915
+ readonly paddingForContentNotificationMessage: "var(--padding-for-content-notification-message, 0 var(--spacing-30) 0 var(--spacing-20))";
916
+ readonly paddingLeftForSelectInputOptions: "var(--padding-left-for-select-input-options, 16px)";
917
+ readonly paddingRightForSelectInputOptions: "var(--padding-right-for-select-input-options, 16px)";
918
+ readonly paddingTopForSelectInputOptions: "var(--padding-top-for-select-input-options, 8px)";
919
+ readonly paddingBottomForSelectInputOptions: "var(--padding-bottom-for-select-input-options, 8px)";
920
+ readonly paddingForGroupHeadingSelectInputOptions: "var(--padding-for-group-heading-select-input-options, 16px)";
921
+ readonly paddingForSelectInputMenu: "var(--padding-for-select-input-menu, var(--spacing-10) 0)";
922
+ readonly paddingForMoneyInputCurrencyDropdown: "var(--padding-for-money-input-currency-dropdown, 0 12px)";
923
+ readonly paddingForSelectableSearchInputDropdown: "var(--padding-for-selectable-search-input-dropdown, 0 12px)";
924
+ readonly paddingForPrimaryActionDropdown: "var(--padding-for-primary-action-dropdown, 0 var(--spacing-30))";
925
+ readonly paddingForPrimaryActionDropdownIcon: "var(--padding-for-primary-action-dropdown-icon, 0 var(--spacing-20))";
926
+ readonly paddingForButtonAsMedium: "var(--padding-for-button-as-medium, 0 var(--spacing-30))";
1240
927
  readonly paddingForButtonAsBig: "var(--padding-for-button-as-big, 0 var(--spacing-30))";
1241
- readonly shadowForButton: "var(--shadow-for-button, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))";
1242
- readonly shadowForButtonWhenFocused: "var(--shadow-for-button-when-focused, 0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24))";
1243
- readonly shadowForButtonWhenHovered: "var(--shadow-for-button-when-hovered, 0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24))";
1244
- readonly shadowForButtonWhenActive: "var(--shadow-for-button-when-active, inset 0 -1px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.25))";
1245
- readonly shadowForButtonWhenDisabled: "var(--shadow-for-button-when-disabled, 0 0 0 1px var(--color-neutral) inset)";
1246
928
  readonly shadowBoxTagWhenHovered: "var(--shadow-box-tag-when-hovered, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))";
1247
- readonly shadowForCardWhenRaised: "var(--shadow-for-card-when-raised, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))";
929
+ readonly shadowForButton: "var(--shadow-for-button, none)";
930
+ readonly shadowForButtonWhenFocused: "var(--shadow-for-button-when-focused, none)";
931
+ readonly shadowForButtonWhenHovered: "var(--shadow-for-button-when-hovered, none)";
932
+ readonly shadowForButtonWhenActive: "var(--shadow-for-button-when-active, none)";
933
+ readonly shadowForButtonWhenDisabled: "var(--shadow-for-button-when-disabled, none)";
934
+ readonly shadowForCardWhenRaised: "var(--shadow-for-card-when-raised, 0 1px 5px 0 rgba(0, 0, 0, 0.05))";
1248
935
  readonly shadowForInput: "var(--shadow-for-input, none)";
1249
- readonly shadowForInputWhenFocused: "var(--shadow-for-input-when-focused, inset 0 0 0 2px var(--color-primary))";
1250
- readonly shadowForInputWhenError: "var(--shadow-for-input-when-error, none)";
1251
- readonly shadowForInputWhenWarning: "var(--shadow-for-input-when-warning, none)";
1252
- readonly shadowForTooltip: "var(--shadow-for-tooltip, 0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12))";
1253
- readonly shadowForSelectInputMenu: "var(--shadow-for-select-input-menu, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))";
1254
- readonly shadowForPrimaryActionDropdown: "var(--shadow-for-primary-action-dropdown, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))";
1255
- readonly shadowForPrimaryActionDropdownWhenHovered: "var(--shadow-for-primary-action-dropdown-when-hovered, 0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24))";
1256
- readonly shadowForPrimaryActionDropdownWhenActive: "var(--shadow-for-primary-action-dropdown-when-active, inset 0 -1px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.25))";
1257
- readonly shadowForPrimaryActionDropdownMenu: "var(--shadow-for-primary-action-dropdown-menu, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))";
1258
- readonly shadowForToggleInputThumb: "var(--shadow-for-toggle-input-thumb, 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24))";
1259
- readonly shadowForTagWhenHovered: "var(--shadow-for-tag-when-hovered, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))";
936
+ readonly shadowForInputWhenFocused: "var(--shadow-for-input-when-focused, inset 0 0 0 1px var(--color-primary))";
937
+ readonly shadowForInputWhenError: "var(--shadow-for-input-when-error, inset 0 0 0 1px var(--color-error))";
938
+ readonly shadowForInputWhenWarning: "var(--shadow-for-input-when-warning, inset 0 0 0 1px var(--color-warning))";
939
+ readonly shadowForTooltip: "var(--shadow-for-tooltip, 0px 1px 2px 0px rgba(0, 0, 0, 0.25))";
940
+ readonly shadowForSelectInputMenu: "var(--shadow-for-select-input-menu, 0 2px 5px 0px rgba(0, 0, 0, 0.15))";
941
+ readonly shadowForPrimaryActionDropdown: "var(--shadow-for-primary-action-dropdown, none)";
942
+ readonly shadowForPrimaryActionDropdownWhenHovered: "var(--shadow-for-primary-action-dropdown-when-hovered, none)";
943
+ readonly shadowForPrimaryActionDropdownWhenActive: "var(--shadow-for-primary-action-dropdown-when-active, none)";
944
+ readonly shadowForPrimaryActionDropdownMenu: "var(--shadow-for-primary-action-dropdown-menu, 0 2px 5px 0px rgba(0, 0, 0, 0.15))";
945
+ readonly shadowForToggleInputThumb: "var(--shadow-for-toggle-input-thumb, 0px 1px 5px rgba(0, 0, 0, 0.2))";
946
+ readonly shadowForTagWhenHovered: "var(--shadow-for-tag-when-hovered, none)";
1260
947
  readonly fontSizeM: "var(--font-size-m, 1rem)";
1261
948
  readonly bigButtonHeight: "var(--big-button-height, 32px)";
1262
949
  readonly smallButtonHeight: "var(--small-button-height, 24px)";