@arc-ui/tokens-ee 12.0.0-beta.6 → 12.0.0-beta7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.d.ts +137 -72
- package/dist/index.cjs.js +210 -80
- package/dist/index.css +136 -71
- package/dist/index.es.js +137 -72
- package/dist/scss/index.scss +136 -71
- package/package.json +2 -2
package/dist/index.cjs.js
CHANGED
|
@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Do not edit directly
|
|
7
|
-
* Generated on
|
|
7
|
+
* Generated on Fri, 25 Oct 2024 08:32:16 GMT
|
|
8
8
|
*/
|
|
9
9
|
var CardColorsLightBgDefault = "#111111";
|
|
10
10
|
var CardColorsLightBgDefaultAlt = "#FFFFFF";
|
|
11
|
-
var CardColorsLightBgEmphasis = "
|
|
11
|
+
var CardColorsLightBgEmphasis = "#F8FF19";
|
|
12
12
|
var CardColorsLightFgDefault = "#001318";
|
|
13
13
|
var CardColorsLightFgDefaultAlt = "#FFFFFF";
|
|
14
14
|
var CardColorsLightFgHover = "#057382";
|
|
@@ -20,12 +20,13 @@ var CardColorsLightTextHover = "#001318";
|
|
|
20
20
|
var CardColorsLightTextSupport = "#686868";
|
|
21
21
|
var CardColorsDarkBgDefault = "#FFFFFF";
|
|
22
22
|
var CardColorsDarkBgDefaultAlt = "#111111";
|
|
23
|
-
var CardColorsDarkBgEmphasis = "
|
|
23
|
+
var CardColorsDarkBgEmphasis = "#009BA5";
|
|
24
24
|
var CardColorsDarkFgDefaultAlt = "#FFFFFF";
|
|
25
25
|
var CardColorsDarkBorderHover = "#F3F3F3";
|
|
26
26
|
var CardColorsDarkTextDefault = "#FFFFFF";
|
|
27
27
|
var CardColorsDarkTextHover = "#F8FF19";
|
|
28
28
|
var CardColorsDarkTextSupport = "#BBBBBB";
|
|
29
|
+
var CardPaddingXs = "8px";
|
|
29
30
|
var CardPaddingS = "24px";
|
|
30
31
|
var CardPaddingM = "32px";
|
|
31
32
|
var CardBorderWeightS = "1px";
|
|
@@ -36,7 +37,8 @@ var CardGapS = "16px";
|
|
|
36
37
|
var CardGapM = "20px";
|
|
37
38
|
var CardGapL = "22px";
|
|
38
39
|
var CardGapXl = "24px";
|
|
39
|
-
var
|
|
40
|
+
var CardGapXxl = "48px";
|
|
41
|
+
var CardSizeS = "42px";
|
|
40
42
|
var CardSizeM = "80px";
|
|
41
43
|
var CardSizeL = "96px";
|
|
42
44
|
var CardSizeIconS = "42px";
|
|
@@ -236,17 +238,18 @@ var FilterColorsLightBgSelected = "#111111";
|
|
|
236
238
|
var FilterColorsLightTextDefault = "#001318";
|
|
237
239
|
var FilterColorsLightTextDefaultAlt = "#ffffff";
|
|
238
240
|
var FilterColorsLightTextHover = "#2a1c4a";
|
|
239
|
-
var FilterColorsDarkBorderDefault = "#
|
|
241
|
+
var FilterColorsDarkBorderDefault = "#FFFFFF";
|
|
240
242
|
var FilterColorsDarkBorderHover = "#525252";
|
|
241
243
|
var FilterColorsDarkBgSelected = "#FFFFFF";
|
|
242
244
|
var FilterColorsDarkBgDefault = "#111111";
|
|
243
245
|
var FilterColorsDarkTextDefault = "#001318";
|
|
244
246
|
var FilterColorsDarkTextDefaultAlt = "#efe5f7";
|
|
245
247
|
var FilterColorsDarkTextHover = "#D9D9D9";
|
|
246
|
-
var
|
|
248
|
+
var FilterColorsDarkTextSelected = "#2a1c4a";
|
|
247
249
|
var FilterGapL = "16px";
|
|
248
250
|
var FilterMarginM = "16px";
|
|
249
251
|
var ContentSwitcherPaddingS = "10px";
|
|
252
|
+
var ContentSwitcherPaddingXs = "8px";
|
|
250
253
|
var ContentSwitcherPaddingM = "12px";
|
|
251
254
|
var ContentSwitcherPaddingL = "16px";
|
|
252
255
|
var ContentSwitcherPaddingXl = "18px";
|
|
@@ -258,11 +261,13 @@ var ContentSwitcherGapM = "6px";
|
|
|
258
261
|
var ContentSwitcherGapL = "8px";
|
|
259
262
|
var ContentSwitcherGapXl = "16px";
|
|
260
263
|
var ContentSwitcherColorsLightBgDefault = "#ffffff";
|
|
264
|
+
var ContentSwitcherColorsLightBgDefaultAlt = "#5514b4";
|
|
261
265
|
var ContentSwitcherColorsLightBgHover = "#f0f0f0";
|
|
262
266
|
var ContentSwitcherColorsLightBgActive = "#e3e3e3";
|
|
263
|
-
var
|
|
264
|
-
var
|
|
267
|
+
var ContentSwitcherColorsLightBgSelected = "#000000";
|
|
268
|
+
var ContentSwitcherColorsLightBgSelectedHover = "#3f187f";
|
|
265
269
|
var ContentSwitcherColorsLightBgDisabled = "rgba(255,255,255,0)";
|
|
270
|
+
var ContentSwitcherColorsLightBgSeleced = "#000000";
|
|
266
271
|
var ContentSwitcherColorsLightBorderDefault = "#111111";
|
|
267
272
|
var ContentSwitcherColorsLightBorderPressed = "#3F3F3F";
|
|
268
273
|
var ContentSwitcherColorsLightBorderDisabled = "#D9D9D9";
|
|
@@ -294,6 +299,26 @@ var ContentSwitcherColorsDarkTextHover = "#F8FF19";
|
|
|
294
299
|
var ContentSwitcherColorsDarkTextPressed = "#818181";
|
|
295
300
|
var ContentSwitcherColorsDarkTextDisabled = "#9C9C9C";
|
|
296
301
|
var ContentSwitcherBorderRadiusPill = "1000px";
|
|
302
|
+
var ContentSwitcherBorderRadiusXl = "32px";
|
|
303
|
+
var ContentSwitcherBorderWeightS = "2px";
|
|
304
|
+
var ContentSwitcherElevations02 = "0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 4px 12px 0 rgba( 0, 0, 0 , 0.10)";
|
|
305
|
+
var HerobannerPaddingS = "24px";
|
|
306
|
+
var HerobannerPaddingM = "40px";
|
|
307
|
+
var HerobannerPaddingL = "64px";
|
|
308
|
+
var HerobannerGapS = "8px";
|
|
309
|
+
var HerobannerGapM = "16px";
|
|
310
|
+
var HerobannerGapL = "32px";
|
|
311
|
+
var HerobannerRadiusL = "16px";
|
|
312
|
+
var HerobannerRadiusM = "24px";
|
|
313
|
+
var HerobannerBorderDefault = "1px solid #BBBBBB";
|
|
314
|
+
var HerobannerColorLightBgDefault = "#ffffff";
|
|
315
|
+
var HerobannerColorLightBgContained = "#ffffff";
|
|
316
|
+
var HerobannerColorLightBgGradient = "";
|
|
317
|
+
var HerobannerColorLightTextDefault = "#2B2B2B";
|
|
318
|
+
var HerobannerColorDarkBgDefault = "#009BA5";
|
|
319
|
+
var HerobannerColorDarkBgGradient = "";
|
|
320
|
+
var HerobannerColorDarkTextDefault = "#ffffff";
|
|
321
|
+
var HerobannerBoxShadow01 = "-24px -24px 150px 0 rgb(241, 242, 202, 45%), 24px 24px 150px 0 rgb(198, 23, 238, 45%)";
|
|
297
322
|
var BoxPaddingS = "16px";
|
|
298
323
|
var BoxBorderRadiusS = "16px";
|
|
299
324
|
var BoxBorderWeightXs = "1px";
|
|
@@ -320,13 +345,15 @@ var DisclosureMiniPaddingS = "28px";
|
|
|
320
345
|
var DisclosureMiniSizeIconS = "16px";
|
|
321
346
|
var DisclosureMiniGapS = "8px";
|
|
322
347
|
var DisclosureMiniGapM = "12px";
|
|
323
|
-
var DisclosureMiniColorsLightFgDefault = "#
|
|
324
|
-
var DisclosureMiniColorsLightTextDefault = "#
|
|
348
|
+
var DisclosureMiniColorsLightFgDefault = "#057382";
|
|
349
|
+
var DisclosureMiniColorsLightTextDefault = "#057382";
|
|
325
350
|
var DisclosureMiniColorsLightTextStrong = "#2B2B2B";
|
|
326
351
|
var DisclosureMiniColorsDarkFgDefault = "#EBF304";
|
|
327
352
|
var DisclosureMiniColorsDarkTextDefault = "#EBF304";
|
|
328
353
|
var DisclosureMiniColorsDarkTextStrong = "#FFFFFF";
|
|
329
354
|
var DisclosurePaddingS = "16px";
|
|
355
|
+
var DisclosurePaddingL = "40px";
|
|
356
|
+
var DisclosurePaddingXl = "56px";
|
|
330
357
|
var DisclosureGapS = "20px";
|
|
331
358
|
var DisclosureSizeS = "58px";
|
|
332
359
|
var DisclosureBorderWeightS = "1px";
|
|
@@ -336,13 +363,16 @@ var DisclosureColorsLightBorderSubtle = "#BBBBBB";
|
|
|
336
363
|
var DisclosureColorsLightFgDefault = "#001318";
|
|
337
364
|
var DisclosureColorsLightFgHover = "#001318";
|
|
338
365
|
var DisclosureColorsLightTextDefault = "#001318";
|
|
366
|
+
var DisclosureColorsLightTextBody = "#01404C";
|
|
339
367
|
var DisclosureColorsLightTextHover = "#001318";
|
|
340
368
|
var DisclosureColorsDarkBgHover = "#3F3F3F";
|
|
341
369
|
var DisclosureColorsDarkBorderSubtle = "#525252";
|
|
342
370
|
var DisclosureColorsDarkFgDefault = "#EBF304";
|
|
343
371
|
var DisclosureColorsDarkFgHover = "#F8FF19";
|
|
344
372
|
var DisclosureColorsDarkTextDefault = "#EBF304";
|
|
373
|
+
var DisclosureColorsDarkTextBody = "#FFFFFF";
|
|
345
374
|
var DisclosureColorsDarkTextHover = "#F8FF19";
|
|
375
|
+
var DisclosureTypeLabelL = "700 20px/1 Non-Dottee";
|
|
346
376
|
var AvatarSizeS = "32px";
|
|
347
377
|
var AvatarSizeM = "48px";
|
|
348
378
|
var AvatarSizeL = "64px";
|
|
@@ -352,9 +382,9 @@ var AvatarSizeIconM = "24px";
|
|
|
352
382
|
var AvatarSizeIconL = "32px";
|
|
353
383
|
var AvatarSizeIconXl = "40px";
|
|
354
384
|
var AvatarBorderWeightS = "1px";
|
|
355
|
-
var AvatarColorsLightBgDefault = "#
|
|
356
|
-
var AvatarColorsLightFgDefaultAlt = "#
|
|
357
|
-
var AvatarColorsLightTextDefaultAlt = "#
|
|
385
|
+
var AvatarColorsLightBgDefault = "#ebebeb";
|
|
386
|
+
var AvatarColorsLightFgDefaultAlt = "#3f3f3f";
|
|
387
|
+
var AvatarColorsLightTextDefaultAlt = "#3f3f3f";
|
|
358
388
|
var ModalSizeS = "288px";
|
|
359
389
|
var ModalSizeM = "472px";
|
|
360
390
|
var ModalSizeL = "591px";
|
|
@@ -398,7 +428,7 @@ var ButtonGapXs = "2px";
|
|
|
398
428
|
var ButtonGapS = "4px";
|
|
399
429
|
var ButtonGapM = "6px";
|
|
400
430
|
var ButtonGapL = "8px";
|
|
401
|
-
var ButtonBorderRadiusS = "
|
|
431
|
+
var ButtonBorderRadiusS = "20px";
|
|
402
432
|
var ButtonSizeXxs = "20px";
|
|
403
433
|
var ButtonSizeXs = "24px";
|
|
404
434
|
var ButtonSizeS = "28px";
|
|
@@ -413,7 +443,7 @@ var ButtonSizeIconL = "24px";
|
|
|
413
443
|
var ButtonSizeIconXl = "28px";
|
|
414
444
|
var ButtonColorsLightBgDefault = "#111111";
|
|
415
445
|
var ButtonColorsLightBgHover = "#2B2B2B";
|
|
416
|
-
var ButtonColorsLightBgPressed = "#
|
|
446
|
+
var ButtonColorsLightBgPressed = "#3F3F3F";
|
|
417
447
|
var ButtonColorsLightBgDisabled = "#D9D9D9";
|
|
418
448
|
var ButtonColorsLightBorderDefault = "#111111";
|
|
419
449
|
var ButtonColorsLightBorderPressed = "#3F3F3F";
|
|
@@ -429,21 +459,21 @@ var ButtonColorsLightTextHover = "#001318";
|
|
|
429
459
|
var ButtonColorsLightTextPressed = "#3F3F3F";
|
|
430
460
|
var ButtonColorsLightTextDisabled = "#686868";
|
|
431
461
|
var ButtonColorsDarkBgDefault = "#FFFFFF";
|
|
432
|
-
var ButtonColorsDarkBgHover = "#
|
|
433
|
-
var ButtonColorsDarkBgPressed = "#
|
|
462
|
+
var ButtonColorsDarkBgHover = "#d9d9d9";
|
|
463
|
+
var ButtonColorsDarkBgPressed = "#b7b7b7";
|
|
434
464
|
var ButtonColorsDarkBgDisabled = "#686868";
|
|
435
465
|
var ButtonColorsDarkBorderDefault = "#FFFFFF";
|
|
436
466
|
var ButtonColorsDarkBorderPressed = "#818181";
|
|
437
467
|
var ButtonColorsDarkBorderDisabled = "#686868";
|
|
438
|
-
var ButtonColorsDarkFgDefault = "#
|
|
468
|
+
var ButtonColorsDarkFgDefault = "#ffffff";
|
|
439
469
|
var ButtonColorsDarkFgDefaultAlt = "#2B2B2B";
|
|
440
|
-
var ButtonColorsDarkFgHover = "#
|
|
470
|
+
var ButtonColorsDarkFgHover = "#ffffff";
|
|
441
471
|
var ButtonColorsDarkFgPressed = "#818181";
|
|
442
472
|
var ButtonColorsDarkFgDisabled = "#9C9C9C";
|
|
443
|
-
var ButtonColorsDarkTextDefault = "#
|
|
473
|
+
var ButtonColorsDarkTextDefault = "#ffffff";
|
|
444
474
|
var ButtonColorsDarkTextDefaultAlt = "#2B2B2B";
|
|
445
|
-
var ButtonColorsDarkTextHover = "#
|
|
446
|
-
var ButtonColorsDarkTextPressed = "#
|
|
475
|
+
var ButtonColorsDarkTextHover = "#ffffff";
|
|
476
|
+
var ButtonColorsDarkTextPressed = "#ffffff";
|
|
447
477
|
var ButtonColorsDarkTextDisabled = "#9C9C9C";
|
|
448
478
|
var ButtonBorderWeightS = "2px";
|
|
449
479
|
var ButtonV2PaddingXxxs = "3px";
|
|
@@ -512,10 +542,10 @@ var ButtonV2ColorsDarkBorderDefault = "#FFFFFF";
|
|
|
512
542
|
var ButtonV2ColorsDarkBorderPressed = "#818181";
|
|
513
543
|
var ButtonV2ColorsDarkBorderDisabled = "#686868";
|
|
514
544
|
var ButtonV2ColorsDarkBorderSubtle = "#6b6b6b";
|
|
515
|
-
var ButtonV2ColorsDarkFgDefault = "#
|
|
545
|
+
var ButtonV2ColorsDarkFgDefault = "#ffffff";
|
|
516
546
|
var ButtonV2ColorsDarkFgDefaultAlt = "#2B2B2B";
|
|
517
|
-
var ButtonV2ColorsDarkFgHover = "#
|
|
518
|
-
var ButtonV2ColorsDarkFgPressed = "#
|
|
547
|
+
var ButtonV2ColorsDarkFgHover = "#ffffff";
|
|
548
|
+
var ButtonV2ColorsDarkFgPressed = "#818181";
|
|
519
549
|
var ButtonV2ColorsDarkFgDisabled = "#9C9C9C";
|
|
520
550
|
var ButtonV2ColorsDarkFgStrong = "#9C9C9C";
|
|
521
551
|
var ButtonV2ColorsDarkFgStrongSubtle = "#818181";
|
|
@@ -524,10 +554,10 @@ var ButtonV2ColorsDarkStatusTextDefault = "#FFFFFF";
|
|
|
524
554
|
var ButtonV2ColorsDarkStatusBgDefault = "#600104";
|
|
525
555
|
var ButtonV2ColorsDarkStatusBgHover = "#840106";
|
|
526
556
|
var ButtonV2ColorsDarkStatusBgPressed = "#AA0006";
|
|
527
|
-
var ButtonV2ColorsDarkTextDefault = "#
|
|
557
|
+
var ButtonV2ColorsDarkTextDefault = "#ffffff";
|
|
528
558
|
var ButtonV2ColorsDarkTextDefaultAlt = "#2B2B2B";
|
|
529
|
-
var ButtonV2ColorsDarkTextHover = "#
|
|
530
|
-
var ButtonV2ColorsDarkTextPressed = "#
|
|
559
|
+
var ButtonV2ColorsDarkTextHover = "#ffffff";
|
|
560
|
+
var ButtonV2ColorsDarkTextPressed = "#ffffff";
|
|
531
561
|
var ButtonV2ColorsDarkTextDisabled = "#9C9C9C";
|
|
532
562
|
var ButtonV2ColorsDarkVariantBgLoader = "linear-gradient(90deg, #f5eefa 0%, #eafcff 100%)";
|
|
533
563
|
var ButtonV2ColorsDarkVariantFgDefault = "linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%)";
|
|
@@ -655,6 +685,11 @@ var BacktotopColorsDarkFgDefault = "#2B2B2B";
|
|
|
655
685
|
var BacktotopColorsDarkFgDefaultAlt = "#FFFFFF";
|
|
656
686
|
var BacktotopColorsDarkTextDefault = "#2B2B2B";
|
|
657
687
|
var BacktotopColorsDarkTextDefaultAlt = "#FFFFFF";
|
|
688
|
+
var Elevation01 = "0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 2px 6px 0 rgba( 0, 0, 0 , 0.10)";
|
|
689
|
+
var Elevation02 = "0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 4px 12px 0 rgba( 0, 0, 0 , 0.10)";
|
|
690
|
+
var Elevation03 = "0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 8px 16px 0 rgba( 0, 0, 0 , 0.10)";
|
|
691
|
+
var Elevation04 = "0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 16px 20px 0 rgba( 0, 0, 0 , 0.10)";
|
|
692
|
+
var Elevation05 = "0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 24px 32px 0 rgba( 0, 0, 0 , 0.10)";
|
|
658
693
|
var VerticalSpaceSize4 = "4px";
|
|
659
694
|
var VerticalSpaceSize8 = "8px";
|
|
660
695
|
var VerticalSpaceSize12 = "12px";
|
|
@@ -682,7 +717,7 @@ var LogosColorsLightFgVariant = "linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 1
|
|
|
682
717
|
var LogosColorsDarkFgDefault = "#EBF304";
|
|
683
718
|
var SurfaceColorsBgDarkBrand01 = "#067382";
|
|
684
719
|
var SurfaceColorsBgDarkBrand02 = "#067382";
|
|
685
|
-
var SurfaceColorsBgDarkNeutral01 = "#
|
|
720
|
+
var SurfaceColorsBgDarkNeutral01 = "#3F3F3F";
|
|
686
721
|
var SurfaceColorsBgDarkNeutral02 = "#2B2B2B";
|
|
687
722
|
var SurfaceColorsBgDarkBlack = "#111111";
|
|
688
723
|
var SurfaceColorsBgLightWhite = "#FFFFFF";
|
|
@@ -697,17 +732,17 @@ var TagPaddingS = "8px";
|
|
|
697
732
|
var TagBorderRadiusS = "32px";
|
|
698
733
|
var TagBorderWeightS = "1px";
|
|
699
734
|
var TagColorsLightBgDefault = "#FFFFFF";
|
|
700
|
-
var TagColorsLightBgDefaultAlt = "#
|
|
735
|
+
var TagColorsLightBgDefaultAlt = "#FFFFFF";
|
|
701
736
|
var TagColorsLightBgHover = "#ffffff";
|
|
702
737
|
var TagColorsLightBorderDefault = "#BBBBBB";
|
|
703
|
-
var TagColorsLightBorderDefaultAlt = "#
|
|
738
|
+
var TagColorsLightBorderDefaultAlt = "#BBBBBB";
|
|
704
739
|
var TagColorsLightBorderHover = "#BBBBBB";
|
|
705
740
|
var TagColorsLightFgDefault = "#2B2B2B";
|
|
706
741
|
var TagColorsLightFgHover = "#001318";
|
|
707
742
|
var TagColorsLightTextDefault = "#2B2B2B";
|
|
708
743
|
var TagColorsLightTextHover = "#001318";
|
|
709
744
|
var TagSizeIconS = "16px";
|
|
710
|
-
var TagSizeIconM = "
|
|
745
|
+
var TagSizeIconM = "20";
|
|
711
746
|
var AlertPaddingXxs = "2px";
|
|
712
747
|
var AlertPaddingXs = "6px";
|
|
713
748
|
var AlertPaddingS = "22px";
|
|
@@ -715,7 +750,6 @@ var AlertPaddingM = "10px";
|
|
|
715
750
|
var AlertBorderRadiusS = "16px";
|
|
716
751
|
var AlertBorderWeightS = "2px";
|
|
717
752
|
var AlertBorderWeightM = "2px";
|
|
718
|
-
var AlertBoxShadow01 = "sem.box-shadow.01";
|
|
719
753
|
var AlertColorsStatusLightBgSubtleDefault = "#F3F3F3";
|
|
720
754
|
var AlertColorsStatusLightBgSubtleError = "#FEEDED";
|
|
721
755
|
var AlertColorsStatusLightBgSubtleWarning = "#FEF2DE";
|
|
@@ -740,6 +774,7 @@ var AlertSizeIconS = "24px";
|
|
|
740
774
|
var AlertGapS = "0px";
|
|
741
775
|
var BadgeSizeS = "24px";
|
|
742
776
|
var BadgePaddingS = "8px";
|
|
777
|
+
var BadgePaddingXxs = "1px";
|
|
743
778
|
var BadgeBorderRadiusS = "1000px";
|
|
744
779
|
var BadgeColorsBgDefault = "#2a2a2a";
|
|
745
780
|
var BadgeColorsBgError = "#AA0006";
|
|
@@ -759,7 +794,7 @@ var StepperPaddingS = "16px";
|
|
|
759
794
|
var StepperPaddingM = "24px";
|
|
760
795
|
var StepperGapS = "16px";
|
|
761
796
|
var StepperGapM = "24px";
|
|
762
|
-
var StepperColorsLightBgDefault = "#
|
|
797
|
+
var StepperColorsLightBgDefault = "#111111";
|
|
763
798
|
var StepperColorsLightBgSubtle = "#BBBBBB";
|
|
764
799
|
var StepperColorsLightBgError = "#da020f";
|
|
765
800
|
var StepperColorsLightBgWarning = "#ffa200";
|
|
@@ -769,15 +804,17 @@ var StepperColorsLightBorderDefault = "#111111";
|
|
|
769
804
|
var StepperColorsLightBorderSubtle = "#BBBBBB";
|
|
770
805
|
var StepperColorsLightBorderError = "#D20007";
|
|
771
806
|
var StepperColorsLightBorderWarning = "#B14D00";
|
|
772
|
-
var StepperColorsLightBorderVariant = "#
|
|
807
|
+
var StepperColorsLightBorderVariant = "#000000";
|
|
773
808
|
var StepperColorsLightFgDefault = "#009BA5";
|
|
774
809
|
var StepperColorsLightFgDefaultAlt = "#FFFFFF";
|
|
775
810
|
var StepperColorsLightFgError = "#D20007";
|
|
776
811
|
var StepperColorsLightFgWarning = "#B14D00";
|
|
777
|
-
var StepperColorsLightFgVariant = "#
|
|
812
|
+
var StepperColorsLightFgVariant = "#009BA5";
|
|
778
813
|
var StepperColorsLightTextDefault = "#2B2B2B";
|
|
779
814
|
var StepperColorsLightTextHover = "#001318";
|
|
780
815
|
var StepperColorsLightTextSubtle = "#686868";
|
|
816
|
+
var StepperColorsLightPluseFrom = "rgba(0,155,165, 20%);";
|
|
817
|
+
var StepperColorsLightPluseTo = "rgba(0,155,165, 0%);";
|
|
781
818
|
var StepperColorsDarkBgDefault = "#FFFFFF";
|
|
782
819
|
var StepperColorsDarkBgSubtle = "#818181";
|
|
783
820
|
var StepperColorsDarkBgStrong = "#FFFFFF";
|
|
@@ -802,9 +839,17 @@ var StepperColorsDarkTextHover = "#F8FF19";
|
|
|
802
839
|
var StepperColorsDarkTextSubtle = "#9C9C9C";
|
|
803
840
|
var StepperBorderWeightS = "1px";
|
|
804
841
|
var StepperBorderWeightM = "2px";
|
|
842
|
+
var StepperBorderRadius = "50px";
|
|
843
|
+
var SpinnerSizeS = "16px";
|
|
844
|
+
var SpinnerSizeM = "24px";
|
|
845
|
+
var SpinnerSizeL = "32px";
|
|
846
|
+
var SpinnerSizeXl = "40px";
|
|
847
|
+
var SpinnerSizeXxl = "48px";
|
|
848
|
+
var SpinnerColorsLightFgDefault = "#009BA5";
|
|
849
|
+
var SpinnerColorsDarkFgDefault = "#FFFFFF";
|
|
805
850
|
var ToastSizeS = "40px";
|
|
806
851
|
var ToastPaddingS = "8px";
|
|
807
|
-
var ToastBorderRadiusS = "
|
|
852
|
+
var ToastBorderRadiusS = "8px";
|
|
808
853
|
var ToastGapS = "8px";
|
|
809
854
|
var ToastSizeIconS = "24px";
|
|
810
855
|
var ToastBorderWeightS = "1px";
|
|
@@ -817,7 +862,7 @@ var ToastColorsStatusLightBorderError = "#FF8883";
|
|
|
817
862
|
var ToastColorsStatusLightBorderWarning = "#FFA94D";
|
|
818
863
|
var ToastColorsStatusLightBorderSuccess = "#73C367";
|
|
819
864
|
var ToastColorsStatusLightFgDefault = "#2a2a2a";
|
|
820
|
-
var ToastColorsStatusLightFgError = "#
|
|
865
|
+
var ToastColorsStatusLightFgError = "#FFA200";
|
|
821
866
|
var ToastColorsStatusLightFgWarning = "#ffa200";
|
|
822
867
|
var ToastColorsStatusLightFgSuccess = "#73C367";
|
|
823
868
|
var ToastColorsStatusLightFgDefaultAlt = "#FFFFFF";
|
|
@@ -833,9 +878,10 @@ var ToastColorsStatusDarkBorderWarning = "#FEDDA4";
|
|
|
833
878
|
var ToastColorsStatusDarkBorderSuccess = "#138100";
|
|
834
879
|
var ToastColorsStatusDarkFgDefault = "#2B2B2B";
|
|
835
880
|
var ToastColorsStatusDarkFgError = "#D20007";
|
|
836
|
-
var ToastColorsStatusDarkFgWarning = "#
|
|
881
|
+
var ToastColorsStatusDarkFgWarning = "#FFA200";
|
|
837
882
|
var ToastColorsStatusDarkFgSuccess = "#138100";
|
|
838
883
|
var ToastColorsStatusDarkTextDefault = "#2a2a2a";
|
|
884
|
+
var ToastBoxShadow01 = "0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 4px 12px 0 rgba( 0, 0, 0 , 0.10)";
|
|
839
885
|
var ProgressBarGapS = "4px";
|
|
840
886
|
var ProgressBarGapM = "8px";
|
|
841
887
|
var ProgressBarSizeS = "12px";
|
|
@@ -899,14 +945,14 @@ var DatePickerColorsLightBgDefaultAlt = "#FFFFFF";
|
|
|
899
945
|
var DatePickerColorsLightBgHover = "#2B2B2B";
|
|
900
946
|
var DatePickerColorsLightBgSelected = "#057382";
|
|
901
947
|
var DatePickerColorsLightBgPressed = "#057382";
|
|
902
|
-
var DatePickerColorsLightBgDisabled = "#
|
|
948
|
+
var DatePickerColorsLightBgDisabled = "#F0F0F0";
|
|
903
949
|
var DatePickerColorsLightBgError = "#FEEDED";
|
|
904
950
|
var DatePickerColorsLightBgSubtle = "#F3F3F3";
|
|
905
951
|
var DatePickerColorsLightBgHoverAlt = "#D9D9D9";
|
|
906
952
|
var DatePickerColorsLightBorderHover = "#525252";
|
|
907
953
|
var DatePickerColorsLightBorderFocus = "#111111";
|
|
908
954
|
var DatePickerColorsLightBorderSelected = "#3F3F3F";
|
|
909
|
-
var DatePickerColorsLightBorderDisabled = "#
|
|
955
|
+
var DatePickerColorsLightBorderDisabled = "#949494";
|
|
910
956
|
var DatePickerColorsLightBorderError = "#D20007";
|
|
911
957
|
var DatePickerColorsLightBorderStrong = "#818181";
|
|
912
958
|
var DatePickerColorsLightFgDefaultAlt = "#FFFFFF";
|
|
@@ -917,7 +963,7 @@ var DatePickerColorsLightFgError = "#D20007";
|
|
|
917
963
|
var DatePickerColorsLightTextDefault = "#009BA5";
|
|
918
964
|
var DatePickerColorsLightTextDefaultAlt = "#FFFFFF";
|
|
919
965
|
var DatePickerColorsLightTextStrong = "#2B2B2B";
|
|
920
|
-
var DatePickerColorsLightTextDisabled = "#
|
|
966
|
+
var DatePickerColorsLightTextDisabled = "#AAAAAA";
|
|
921
967
|
var DatePickerColorsLightTextError = "#D20007";
|
|
922
968
|
var DatePickerColorsLightTextHint = "#686868";
|
|
923
969
|
var DatePickerGapXs = "4px";
|
|
@@ -927,6 +973,12 @@ var DatePickerGapL = "40px";
|
|
|
927
973
|
var DatePickerSizeIconS = "24px";
|
|
928
974
|
var DatePickerSizeIconM = "32px";
|
|
929
975
|
var DatePickerSizeIconL = "40px";
|
|
976
|
+
var DatePickerTypeLabelS = "700 14px/1 Non-Dottee";
|
|
977
|
+
var DatePickerTypeLabelM = "700 16px/1 Non-Dottee";
|
|
978
|
+
var DatePickerTypeLabelL = "700 20px/1 Non-Dottee";
|
|
979
|
+
var DatepickerTypeLabelS = "700 14px/1 Non-Dottee";
|
|
980
|
+
var DatepickerTypeLabelM = "700 16px/1 Non-Dottee";
|
|
981
|
+
var DatepickerTypeLabelL = "700 20px/1 Non-Dottee";
|
|
930
982
|
var SelectSizeS = "32px";
|
|
931
983
|
var SelectSizeM = "44px";
|
|
932
984
|
var SelectSizeL = "64px";
|
|
@@ -948,14 +1000,14 @@ var SelectSizeIconM = "20px";
|
|
|
948
1000
|
var SelectSizeIconL = "24px";
|
|
949
1001
|
var SelectColorsLightBgDefault = "#FFFFFF";
|
|
950
1002
|
var SelectColorsLightBgHover = "#D9D9D9";
|
|
951
|
-
var SelectColorsLightBgDisabled = "#
|
|
1003
|
+
var SelectColorsLightBgDisabled = "#F0F0F0";
|
|
952
1004
|
var SelectColorsLightBgError = "#FEEDED";
|
|
953
1005
|
var SelectColorsLightBgHoverAlt = "#D9D9D9";
|
|
954
1006
|
var SelectColorsLightBgSelected = "#F3F3F3";
|
|
955
1007
|
var SelectColorsLightBorderDefault = "#818181";
|
|
956
1008
|
var SelectColorsLightBorderHover = "#525252";
|
|
957
1009
|
var SelectColorsLightBorderFocus = "#111111";
|
|
958
|
-
var SelectColorsLightBorderDisabled = "#
|
|
1010
|
+
var SelectColorsLightBorderDisabled = "#949494";
|
|
959
1011
|
var SelectColorsLightBorderError = "#D20007";
|
|
960
1012
|
var SelectColorsLightBorderSubtle = "#BBBBBB";
|
|
961
1013
|
var SelectColorsLightFgDefault = "#2B2B2B";
|
|
@@ -988,6 +1040,9 @@ var SelectColorsDarkFgError = "#FF8883";
|
|
|
988
1040
|
var SelectBorderRadiusTestS = "32px";
|
|
989
1041
|
var SelectBorderRadiusTestM = "24px";
|
|
990
1042
|
var SelectBorderRadiusTestL = "32px";
|
|
1043
|
+
var SelectTypeLabelS = "700 14px/1 Non-Dottee";
|
|
1044
|
+
var SelectTypeLabelM = "700 16px/1 Non-Dottee";
|
|
1045
|
+
var SelectTypeLabelL = "700 20px/1 Non-Dottee";
|
|
991
1046
|
var CheckboxSizeS = "24px";
|
|
992
1047
|
var CheckboxSizeL = "36px";
|
|
993
1048
|
var CheckboxPaddingS = "2px";
|
|
@@ -1014,16 +1069,20 @@ var CheckboxColorsDarkBgDefaultAlt = "#111111";
|
|
|
1014
1069
|
var CheckboxColorsDarkBgDisabled = "#686868";
|
|
1015
1070
|
var CheckboxColorsDarkBgError = "#2D0002";
|
|
1016
1071
|
var CheckboxColorsDarkFgDefault = "#2B2B2B";
|
|
1017
|
-
var CheckboxColorsDarkFgDisabled = "#
|
|
1072
|
+
var CheckboxColorsDarkFgDisabled = "#C8C8C8";
|
|
1018
1073
|
var CheckboxColorsDarkBorderDefault = "#F3F3F3";
|
|
1019
1074
|
var CheckboxColorsDarkBorderDisabled = "#686868";
|
|
1020
1075
|
var CheckboxColorsDarkBorderError = "#FF8883";
|
|
1021
1076
|
var CheckboxColorsDarkTextDefault = "#FFFFFF";
|
|
1022
|
-
var CheckboxColorsDarkTextDisabled = "#
|
|
1023
|
-
var
|
|
1024
|
-
var
|
|
1077
|
+
var CheckboxColorsDarkTextDisabled = "#C8C8C8";
|
|
1078
|
+
var CheckboxTypeLabelS = "400 14px/1 Non-Dottee";
|
|
1079
|
+
var CheckboxTypeLabelM = "400 16px/1 Non-Dottee";
|
|
1080
|
+
var CheckboxTypeLabelL = "400 20px/1 Non-Dottee";
|
|
1081
|
+
var TextareaPaddingS = "12px";
|
|
1082
|
+
var TextareaPaddingM = "10px";
|
|
1025
1083
|
var TextareaSizeIconS = "16px";
|
|
1026
1084
|
var TextareaBorderRadiusS = "8px";
|
|
1085
|
+
var TextareaBorderRadiusXs = "4px";
|
|
1027
1086
|
var TextareaBorderWeightS = "1px";
|
|
1028
1087
|
var TextareaBorderWeightM = "2px";
|
|
1029
1088
|
var TextareaBorderWeightL = "4px";
|
|
@@ -1031,13 +1090,13 @@ var TextareaGapS = "4px";
|
|
|
1031
1090
|
var TextareaGapM = "12px";
|
|
1032
1091
|
var TextareaColorsLightBgDefault = "#FFFFFF";
|
|
1033
1092
|
var TextareaColorsLightBgHover = "#D9D9D9";
|
|
1034
|
-
var TextareaColorsLightBgDisabled = "#
|
|
1093
|
+
var TextareaColorsLightBgDisabled = "#F0F0F0";
|
|
1035
1094
|
var TextareaColorsLightBgError = "#FEEDED";
|
|
1036
1095
|
var TextareaColorsLightBorderDefault = "#818181";
|
|
1037
1096
|
var TextareaColorsLightBorderHover = "#525252";
|
|
1038
1097
|
var TextareaColorsLightBorderFocus = "#111111";
|
|
1039
1098
|
var TextareaColorsLightBorderError = "#D20007";
|
|
1040
|
-
var TextareaColorsLightBorderDisabled = "#
|
|
1099
|
+
var TextareaColorsLightBorderDisabled = "#949494";
|
|
1041
1100
|
var TextareaColorsLightFgDefault = "#2B2B2B";
|
|
1042
1101
|
var TextareaColorsLightFgDisabled = "#686868";
|
|
1043
1102
|
var TextareaColorsLightFgError = "#D20007";
|
|
@@ -1059,6 +1118,9 @@ var TextareaColorsDarkBorderError = "#FF8883";
|
|
|
1059
1118
|
var TextareaColorsDarkTextStrong = "#FFFFFF";
|
|
1060
1119
|
var TextareaColorsDarkTextDisabled = "#9C9C9C";
|
|
1061
1120
|
var TextareaColorsDarkTextError = "#FF8883";
|
|
1121
|
+
var TextareaTypeLabelS = "700 14px/1 Non-Dottee";
|
|
1122
|
+
var TextareaTypeLabelM = "700 16px/1 Non-Dottee";
|
|
1123
|
+
var TextareaTypeLabelL = "700 20px/1 Non-Dottee";
|
|
1062
1124
|
var TextinputSizeS = "32px";
|
|
1063
1125
|
var TextinputSizeM = "44px";
|
|
1064
1126
|
var TextinputSizeL = "64px";
|
|
@@ -1076,12 +1138,12 @@ var TextinputBorderWeightL = "4px";
|
|
|
1076
1138
|
var TextinputSizeIconM = "24px";
|
|
1077
1139
|
var TextinputColorsLightBgDefault = "#FFFFFF";
|
|
1078
1140
|
var TextinputColorsLightBgHover = "#f7f7f7";
|
|
1079
|
-
var TextinputColorsLightBgDisabled = "#
|
|
1141
|
+
var TextinputColorsLightBgDisabled = "#F0F0F0";
|
|
1080
1142
|
var TextinputColorsLightBgError = "#FEEDED";
|
|
1081
1143
|
var TextinputColorsLightBorderDefault = "#818181";
|
|
1082
1144
|
var TextinputColorsLightBorderHover = "#525252";
|
|
1083
1145
|
var TextinputColorsLightBorderFocus = "#111111";
|
|
1084
|
-
var TextinputColorsLightBorderDisabled = "#
|
|
1146
|
+
var TextinputColorsLightBorderDisabled = "#949494";
|
|
1085
1147
|
var TextinputColorsLightBorderError = "#D20007";
|
|
1086
1148
|
var TextinputColorsLightTextDefault = "#2B2B2B";
|
|
1087
1149
|
var TextinputColorsLightTextDisabled = "#686868";
|
|
@@ -1102,6 +1164,9 @@ var TextinputColorsDarkTextDisabled = "#9C9C9C";
|
|
|
1102
1164
|
var TextinputColorsDarkTextError = "#FF8883";
|
|
1103
1165
|
var TextinputColorsDarkFgDefault = "#FFFFFF";
|
|
1104
1166
|
var TextinputColorsDarkFgError = "#FF8883";
|
|
1167
|
+
var TextinputTypeLabelS = "700 14px/1 Non-Dottee";
|
|
1168
|
+
var TextinputTypeLabelM = "700 16px/1 Non-Dottee";
|
|
1169
|
+
var TextinputTypeLabelL = "700 20px/1 Non-Dottee";
|
|
1105
1170
|
var RadioSizeS = "12px";
|
|
1106
1171
|
var RadioSizeM = "20px";
|
|
1107
1172
|
var RadioSizeL = "24px";
|
|
@@ -1118,33 +1183,36 @@ var RadioColorsLightFgDisabled = "#686868";
|
|
|
1118
1183
|
var RadioColorsLightTextDefault = "#2B2B2B";
|
|
1119
1184
|
var RadioColorsLightTextDisabled = "#686868";
|
|
1120
1185
|
var RadioColorsDarkBgDefault = "#111111";
|
|
1121
|
-
var RadioColorsDarkBgDisabled = "#
|
|
1186
|
+
var RadioColorsDarkBgDisabled = "#434343";
|
|
1122
1187
|
var RadioColorsDarkBorderDefault = "#F3F3F3";
|
|
1123
|
-
var RadioColorsDarkBorderDisabled = "#
|
|
1188
|
+
var RadioColorsDarkBorderDisabled = "#808080";
|
|
1124
1189
|
var RadioColorsDarkFgDefault = "#EBF304";
|
|
1125
|
-
var RadioColorsDarkFgDisabled = "#
|
|
1190
|
+
var RadioColorsDarkFgDisabled = "#C8C8C8";
|
|
1126
1191
|
var RadioColorsDarkTextDefault = "#FFFFFF";
|
|
1127
|
-
var RadioColorsDarkTextDisabled = "#
|
|
1192
|
+
var RadioColorsDarkTextDisabled = "#C8C8C8";
|
|
1193
|
+
var RadioTypeLabelS = "400 14px/1 Non-Dottee";
|
|
1194
|
+
var RadioTypeLabelM = "400 16px/1 Non-Dottee";
|
|
1195
|
+
var RadioTypeLabelL = "400 20px/1 Non-Dottee";
|
|
1128
1196
|
var SwitchSizeS = "24px";
|
|
1129
1197
|
var SwitchSizeM = "32px";
|
|
1130
1198
|
var SwitchBorderWeightS = "2px";
|
|
1131
1199
|
var SwitchColorsLightBgDefault = "#057382";
|
|
1132
|
-
var SwitchColorsLightBgDisabled = "#
|
|
1200
|
+
var SwitchColorsLightBgDisabled = "#F0F0F0";
|
|
1133
1201
|
var SwitchColorsLightBgStrong = "#FFFFFF";
|
|
1134
1202
|
var SwitchColorsLightBgSubtle = "#F3F3F3";
|
|
1135
1203
|
var SwitchColorsLightBorderDefault = "#111111";
|
|
1136
|
-
var SwitchColorsLightBorderDisabled = "#
|
|
1204
|
+
var SwitchColorsLightBorderDisabled = "#949494";
|
|
1137
1205
|
var SwitchColorsLightBorderStrong = "#818181";
|
|
1138
1206
|
var SwitchColorsLightFgDefault = "#009BA5";
|
|
1139
1207
|
var SwitchColorsLightFgDisabled = "#686868";
|
|
1140
1208
|
var SwitchColorsLightTextDefault = "#2B2B2B";
|
|
1141
1209
|
var SwitchColorsLightTextDisabled = "#686868";
|
|
1142
1210
|
var SwitchColorsDarkBgDefault = "#EBF304";
|
|
1143
|
-
var SwitchColorsDarkBgDisabled = "#
|
|
1211
|
+
var SwitchColorsDarkBgDisabled = "#434343";
|
|
1144
1212
|
var SwitchColorsDarkBgStrong = "#111111";
|
|
1145
1213
|
var SwitchColorsDarkBgSubtle = "#3F3F3F";
|
|
1146
1214
|
var SwitchColorsDarkBorderDefault = "#FFFFFF";
|
|
1147
|
-
var SwitchColorsDarkBorderDisabled = "#
|
|
1215
|
+
var SwitchColorsDarkBorderDisabled = "#808080";
|
|
1148
1216
|
var SwitchColorsDarkBorderStrong = "#F3F3F3";
|
|
1149
1217
|
var SwitchColorsDarkFgDefault = "#EBF304";
|
|
1150
1218
|
var SwitchColorsDarkFgDisabled = "#9C9C9C";
|
|
@@ -1155,6 +1223,9 @@ var SwitchBoxShadow01 = "0 0 0 2px #8449cc";
|
|
|
1155
1223
|
var SwitchBoxShadow02 = "0 0 0 2px #fd51ff";
|
|
1156
1224
|
var SwitchGapS = "8px";
|
|
1157
1225
|
var SwitchGapM = "12px";
|
|
1226
|
+
var SwitchTypeLabelS = "700 14px/1 Non-Dottee";
|
|
1227
|
+
var SwitchTypeLabelM = "700 16px/1 Non-Dottee";
|
|
1228
|
+
var SwitchTypeLabelL = "700 20px/1 Non-Dottee";
|
|
1158
1229
|
var SemFontFamilyHeading = "Non-Dottee";
|
|
1159
1230
|
var SemFontFamilyBody = "Non-Dottee";
|
|
1160
1231
|
var SemFontFamilyInterface = "Non-Dottee";
|
|
@@ -1179,7 +1250,7 @@ var SemTypeInterfaceRegXs = "400 12px/12px Non-Dottee";
|
|
|
1179
1250
|
var SemTypeInterfaceRegS = "400 14px/14px Non-Dottee";
|
|
1180
1251
|
var SemTypeInterfaceRegM = "400 16px/16px Non-Dottee";
|
|
1181
1252
|
var SemTypeInterfaceRegL = "400 20px/20px Non-Dottee";
|
|
1182
|
-
var SemTypeInterfaceSemiXs = "700
|
|
1253
|
+
var SemTypeInterfaceSemiXs = "700 12px/12px Non-Dottee";
|
|
1183
1254
|
var SemTypeInterfaceSemiS = "700 14px/14px Non-Dottee";
|
|
1184
1255
|
var SemTypeInterfaceSemiM = "700 16px/16px Non-Dottee";
|
|
1185
1256
|
var SemTypeInterfaceSemiL = "700 20px/20px Non-Dottee";
|
|
@@ -1240,10 +1311,10 @@ var SemTypeDesktopBoldXxl = "700 80px/96px Non-Dottee";
|
|
|
1240
1311
|
var SemTypeDesktopBoldXxxl = "700 120px/136px Non-Dottee";
|
|
1241
1312
|
var SemTypeLabelRegXxs = "400 14px/20px Non-Dottee";
|
|
1242
1313
|
var SemTypeLabelRegXs = "400 14px/20px Non-Dottee";
|
|
1243
|
-
var SemTypeLabelRegL = "700 20px/26px Non-Dottee";
|
|
1244
1314
|
var SemTypeLabelRegM = "700 16px/24px Non-Dottee";
|
|
1315
|
+
var SemTypeLabelRegL = "700 20px/26px Non-Dottee";
|
|
1245
1316
|
var SemTypeLabelRegXl = "400 20px/26px Non-Dottee";
|
|
1246
|
-
var SemTypeLabelRegS = "
|
|
1317
|
+
var SemTypeLabelRegS = "700 14px/20px Non-Dottee";
|
|
1247
1318
|
var SemFontSize75 = "12px";
|
|
1248
1319
|
var SemFontSize87 = "14px";
|
|
1249
1320
|
var SemFontSize100 = "16px";
|
|
@@ -1336,8 +1407,8 @@ var SemSizeAll210 = "472px";
|
|
|
1336
1407
|
var SemSizeAll220 = "591px";
|
|
1337
1408
|
var SemSizeAll230 = "800px";
|
|
1338
1409
|
var SemSizeAll240 = "800px";
|
|
1339
|
-
var SemSizeBreakpointsXs = "320px"; // Extra Small (XS) - 320px or under
|
|
1340
|
-
var SemSizeBreakpointsS = "
|
|
1410
|
+
var SemSizeBreakpointsXs = "320px"; // Extra Small (XS) - 320px or under 636px: This is typically the breakpoint for smartphones in portrait mode.
|
|
1411
|
+
var SemSizeBreakpointsS = "636px"; // Small (SM) - 636px to 767px: This is often used for smartphones in landscape mode and small tablets.
|
|
1341
1412
|
var SemSizeBreakpointsM = "768px"; // Medium (MD) - 768px to 991px: This is commonly used for larger tablets and smaller desktop screens.
|
|
1342
1413
|
var SemSizeBreakpointsL = "1024px"; // Large (LG) - 1024px - 1279px: This breakpoint is often applied to larger desktop screens and some laptops.
|
|
1343
1414
|
var SemSizeBreakpointsXl = "1280px"; // Extra Large (XL) - 1280px and above: This breakpoint is used for very large desktop screens.
|
|
@@ -1655,12 +1726,6 @@ var SemColorOverlayFlatLight = "rgba(255,255,255,0.5)";
|
|
|
1655
1726
|
var SemColorOverlayFlatBrand = "rgba(85,20,180,0.5)";
|
|
1656
1727
|
var SemInnerShadow01 = "inset 0 1px 0 0 #c8c8c8";
|
|
1657
1728
|
var SemInnerShadow02 = "inset 0 1px 0 0 #c8c8c8";
|
|
1658
|
-
var SemBoxShadow01 = "0 2px 6px 2px rgba( 0, 0, 0 , 0.25)";
|
|
1659
|
-
var SemBoxShadow02 = "-8px 8px 36px 0 rgba( 0, 0, 0 , 0.25)";
|
|
1660
|
-
var SemBoxShadow03 = "0 2px 6px 2px rgba( 0, 0, 0 , 0.9 )";
|
|
1661
|
-
var SemBoxShadow04 = "-8px 8px 36px 0 rgba( 0, 0, 0 , 0.9)";
|
|
1662
|
-
var SemBoxShadow05 = "0 0 0 2px #8449cc";
|
|
1663
|
-
var SemBoxShadow06 = "0 0 0 2px #fd51ff";
|
|
1664
1729
|
var SemUnderline = "underline";
|
|
1665
1730
|
var SemLineThrough = "line-through";
|
|
1666
1731
|
var SemScaleModifier1 = "4px";
|
|
@@ -1671,7 +1736,6 @@ var SemScaleModifier4 = "0";
|
|
|
1671
1736
|
exports.AlertBorderRadiusS = AlertBorderRadiusS;
|
|
1672
1737
|
exports.AlertBorderWeightM = AlertBorderWeightM;
|
|
1673
1738
|
exports.AlertBorderWeightS = AlertBorderWeightS;
|
|
1674
|
-
exports.AlertBoxShadow01 = AlertBoxShadow01;
|
|
1675
1739
|
exports.AlertColorsStatusDarkBgSubtleDefault = AlertColorsStatusDarkBgSubtleDefault;
|
|
1676
1740
|
exports.AlertColorsStatusDarkBgSubtleError = AlertColorsStatusDarkBgSubtleError;
|
|
1677
1741
|
exports.AlertColorsStatusDarkBgSubtleSuccess = AlertColorsStatusDarkBgSubtleSuccess;
|
|
@@ -1753,6 +1817,7 @@ exports.BadgeColorsTextError = BadgeColorsTextError;
|
|
|
1753
1817
|
exports.BadgeColorsTextSuccess = BadgeColorsTextSuccess;
|
|
1754
1818
|
exports.BadgeColorsTextWarning = BadgeColorsTextWarning;
|
|
1755
1819
|
exports.BadgePaddingS = BadgePaddingS;
|
|
1820
|
+
exports.BadgePaddingXxs = BadgePaddingXxs;
|
|
1756
1821
|
exports.BadgeSizeS = BadgeSizeS;
|
|
1757
1822
|
exports.BoxBorderRadiusS = BoxBorderRadiusS;
|
|
1758
1823
|
exports.BoxBorderWeightS = BoxBorderWeightS;
|
|
@@ -1961,8 +2026,10 @@ exports.CardGapM = CardGapM;
|
|
|
1961
2026
|
exports.CardGapS = CardGapS;
|
|
1962
2027
|
exports.CardGapXl = CardGapXl;
|
|
1963
2028
|
exports.CardGapXs = CardGapXs;
|
|
2029
|
+
exports.CardGapXxl = CardGapXxl;
|
|
1964
2030
|
exports.CardPaddingM = CardPaddingM;
|
|
1965
2031
|
exports.CardPaddingS = CardPaddingS;
|
|
2032
|
+
exports.CardPaddingXs = CardPaddingXs;
|
|
1966
2033
|
exports.CardSizeIconM = CardSizeIconM;
|
|
1967
2034
|
exports.CardSizeIconS = CardSizeIconS;
|
|
1968
2035
|
exports.CardSizeL = CardSizeL;
|
|
@@ -2000,7 +2067,12 @@ exports.CheckboxSizeIconM = CheckboxSizeIconM;
|
|
|
2000
2067
|
exports.CheckboxSizeIconS = CheckboxSizeIconS;
|
|
2001
2068
|
exports.CheckboxSizeL = CheckboxSizeL;
|
|
2002
2069
|
exports.CheckboxSizeS = CheckboxSizeS;
|
|
2070
|
+
exports.CheckboxTypeLabelL = CheckboxTypeLabelL;
|
|
2071
|
+
exports.CheckboxTypeLabelM = CheckboxTypeLabelM;
|
|
2072
|
+
exports.CheckboxTypeLabelS = CheckboxTypeLabelS;
|
|
2003
2073
|
exports.ContentSwitcherBorderRadiusPill = ContentSwitcherBorderRadiusPill;
|
|
2074
|
+
exports.ContentSwitcherBorderRadiusXl = ContentSwitcherBorderRadiusXl;
|
|
2075
|
+
exports.ContentSwitcherBorderWeightS = ContentSwitcherBorderWeightS;
|
|
2004
2076
|
exports.ContentSwitcherColorsDarkBgDefault = ContentSwitcherColorsDarkBgDefault;
|
|
2005
2077
|
exports.ContentSwitcherColorsDarkBgDisabled = ContentSwitcherColorsDarkBgDisabled;
|
|
2006
2078
|
exports.ContentSwitcherColorsDarkBgHover = ContentSwitcherColorsDarkBgHover;
|
|
@@ -2020,10 +2092,12 @@ exports.ContentSwitcherColorsDarkTextHover = ContentSwitcherColorsDarkTextHover;
|
|
|
2020
2092
|
exports.ContentSwitcherColorsDarkTextPressed = ContentSwitcherColorsDarkTextPressed;
|
|
2021
2093
|
exports.ContentSwitcherColorsLightBgActive = ContentSwitcherColorsLightBgActive;
|
|
2022
2094
|
exports.ContentSwitcherColorsLightBgDefault = ContentSwitcherColorsLightBgDefault;
|
|
2095
|
+
exports.ContentSwitcherColorsLightBgDefaultAlt = ContentSwitcherColorsLightBgDefaultAlt;
|
|
2023
2096
|
exports.ContentSwitcherColorsLightBgDisabled = ContentSwitcherColorsLightBgDisabled;
|
|
2024
2097
|
exports.ContentSwitcherColorsLightBgHover = ContentSwitcherColorsLightBgHover;
|
|
2025
2098
|
exports.ContentSwitcherColorsLightBgSeleced = ContentSwitcherColorsLightBgSeleced;
|
|
2026
|
-
exports.
|
|
2099
|
+
exports.ContentSwitcherColorsLightBgSelected = ContentSwitcherColorsLightBgSelected;
|
|
2100
|
+
exports.ContentSwitcherColorsLightBgSelectedHover = ContentSwitcherColorsLightBgSelectedHover;
|
|
2027
2101
|
exports.ContentSwitcherColorsLightBorderDefault = ContentSwitcherColorsLightBorderDefault;
|
|
2028
2102
|
exports.ContentSwitcherColorsLightBorderDisabled = ContentSwitcherColorsLightBorderDisabled;
|
|
2029
2103
|
exports.ContentSwitcherColorsLightBorderPressed = ContentSwitcherColorsLightBorderPressed;
|
|
@@ -2037,6 +2111,7 @@ exports.ContentSwitcherColorsLightTextDefaultAlt = ContentSwitcherColorsLightTex
|
|
|
2037
2111
|
exports.ContentSwitcherColorsLightTextDisabled = ContentSwitcherColorsLightTextDisabled;
|
|
2038
2112
|
exports.ContentSwitcherColorsLightTextHover = ContentSwitcherColorsLightTextHover;
|
|
2039
2113
|
exports.ContentSwitcherColorsLightTextPressed = ContentSwitcherColorsLightTextPressed;
|
|
2114
|
+
exports.ContentSwitcherElevations02 = ContentSwitcherElevations02;
|
|
2040
2115
|
exports.ContentSwitcherGapL = ContentSwitcherGapL;
|
|
2041
2116
|
exports.ContentSwitcherGapM = ContentSwitcherGapM;
|
|
2042
2117
|
exports.ContentSwitcherGapS = ContentSwitcherGapS;
|
|
@@ -2046,6 +2121,7 @@ exports.ContentSwitcherPaddingL = ContentSwitcherPaddingL;
|
|
|
2046
2121
|
exports.ContentSwitcherPaddingM = ContentSwitcherPaddingM;
|
|
2047
2122
|
exports.ContentSwitcherPaddingS = ContentSwitcherPaddingS;
|
|
2048
2123
|
exports.ContentSwitcherPaddingXl = ContentSwitcherPaddingXl;
|
|
2124
|
+
exports.ContentSwitcherPaddingXs = ContentSwitcherPaddingXs;
|
|
2049
2125
|
exports.ContentSwitcherPaddingXxl = ContentSwitcherPaddingXxl;
|
|
2050
2126
|
exports.ContentSwitcherPaddingXxxl = ContentSwitcherPaddingXxxl;
|
|
2051
2127
|
exports.DatePickerBorderRadiusL = DatePickerBorderRadiusL;
|
|
@@ -2100,17 +2176,25 @@ exports.DatePickerSizeXl = DatePickerSizeXl;
|
|
|
2100
2176
|
exports.DatePickerSizeXxl = DatePickerSizeXxl;
|
|
2101
2177
|
exports.DatePickerSizeXxxl = DatePickerSizeXxxl;
|
|
2102
2178
|
exports.DatePickerSizeXxxxl = DatePickerSizeXxxxl;
|
|
2179
|
+
exports.DatePickerTypeLabelL = DatePickerTypeLabelL;
|
|
2180
|
+
exports.DatePickerTypeLabelM = DatePickerTypeLabelM;
|
|
2181
|
+
exports.DatePickerTypeLabelS = DatePickerTypeLabelS;
|
|
2182
|
+
exports.DatepickerTypeLabelL = DatepickerTypeLabelL;
|
|
2183
|
+
exports.DatepickerTypeLabelM = DatepickerTypeLabelM;
|
|
2184
|
+
exports.DatepickerTypeLabelS = DatepickerTypeLabelS;
|
|
2103
2185
|
exports.DisclosureBorderWeightS = DisclosureBorderWeightS;
|
|
2104
2186
|
exports.DisclosureColorsDarkBgHover = DisclosureColorsDarkBgHover;
|
|
2105
2187
|
exports.DisclosureColorsDarkBorderSubtle = DisclosureColorsDarkBorderSubtle;
|
|
2106
2188
|
exports.DisclosureColorsDarkFgDefault = DisclosureColorsDarkFgDefault;
|
|
2107
2189
|
exports.DisclosureColorsDarkFgHover = DisclosureColorsDarkFgHover;
|
|
2190
|
+
exports.DisclosureColorsDarkTextBody = DisclosureColorsDarkTextBody;
|
|
2108
2191
|
exports.DisclosureColorsDarkTextDefault = DisclosureColorsDarkTextDefault;
|
|
2109
2192
|
exports.DisclosureColorsDarkTextHover = DisclosureColorsDarkTextHover;
|
|
2110
2193
|
exports.DisclosureColorsLightBgHover = DisclosureColorsLightBgHover;
|
|
2111
2194
|
exports.DisclosureColorsLightBorderSubtle = DisclosureColorsLightBorderSubtle;
|
|
2112
2195
|
exports.DisclosureColorsLightFgDefault = DisclosureColorsLightFgDefault;
|
|
2113
2196
|
exports.DisclosureColorsLightFgHover = DisclosureColorsLightFgHover;
|
|
2197
|
+
exports.DisclosureColorsLightTextBody = DisclosureColorsLightTextBody;
|
|
2114
2198
|
exports.DisclosureColorsLightTextDefault = DisclosureColorsLightTextDefault;
|
|
2115
2199
|
exports.DisclosureColorsLightTextHover = DisclosureColorsLightTextHover;
|
|
2116
2200
|
exports.DisclosureGapS = DisclosureGapS;
|
|
@@ -2124,9 +2208,17 @@ exports.DisclosureMiniGapM = DisclosureMiniGapM;
|
|
|
2124
2208
|
exports.DisclosureMiniGapS = DisclosureMiniGapS;
|
|
2125
2209
|
exports.DisclosureMiniPaddingS = DisclosureMiniPaddingS;
|
|
2126
2210
|
exports.DisclosureMiniSizeIconS = DisclosureMiniSizeIconS;
|
|
2211
|
+
exports.DisclosurePaddingL = DisclosurePaddingL;
|
|
2127
2212
|
exports.DisclosurePaddingS = DisclosurePaddingS;
|
|
2213
|
+
exports.DisclosurePaddingXl = DisclosurePaddingXl;
|
|
2128
2214
|
exports.DisclosureSizeIconS = DisclosureSizeIconS;
|
|
2129
2215
|
exports.DisclosureSizeS = DisclosureSizeS;
|
|
2216
|
+
exports.DisclosureTypeLabelL = DisclosureTypeLabelL;
|
|
2217
|
+
exports.Elevation01 = Elevation01;
|
|
2218
|
+
exports.Elevation02 = Elevation02;
|
|
2219
|
+
exports.Elevation03 = Elevation03;
|
|
2220
|
+
exports.Elevation04 = Elevation04;
|
|
2221
|
+
exports.Elevation05 = Elevation05;
|
|
2130
2222
|
exports.FilterBorderRadiusS = FilterBorderRadiusS;
|
|
2131
2223
|
exports.FilterBorderWeightM = FilterBorderWeightM;
|
|
2132
2224
|
exports.FilterBorderWeightS = FilterBorderWeightS;
|
|
@@ -2137,7 +2229,7 @@ exports.FilterColorsDarkBorderHover = FilterColorsDarkBorderHover;
|
|
|
2137
2229
|
exports.FilterColorsDarkTextDefault = FilterColorsDarkTextDefault;
|
|
2138
2230
|
exports.FilterColorsDarkTextDefaultAlt = FilterColorsDarkTextDefaultAlt;
|
|
2139
2231
|
exports.FilterColorsDarkTextHover = FilterColorsDarkTextHover;
|
|
2140
|
-
exports.
|
|
2232
|
+
exports.FilterColorsDarkTextSelected = FilterColorsDarkTextSelected;
|
|
2141
2233
|
exports.FilterColorsLightBgDefault = FilterColorsLightBgDefault;
|
|
2142
2234
|
exports.FilterColorsLightBgSelected = FilterColorsLightBgSelected;
|
|
2143
2235
|
exports.FilterColorsLightBorderDefault = FilterColorsLightBorderDefault;
|
|
@@ -2274,6 +2366,23 @@ exports.HeroButtonSizeIconXl = HeroButtonSizeIconXl;
|
|
|
2274
2366
|
exports.HeroButtonSizeL = HeroButtonSizeL;
|
|
2275
2367
|
exports.HeroButtonSizeM = HeroButtonSizeM;
|
|
2276
2368
|
exports.HeroButtonSizeS = HeroButtonSizeS;
|
|
2369
|
+
exports.HerobannerBorderDefault = HerobannerBorderDefault;
|
|
2370
|
+
exports.HerobannerBoxShadow01 = HerobannerBoxShadow01;
|
|
2371
|
+
exports.HerobannerColorDarkBgDefault = HerobannerColorDarkBgDefault;
|
|
2372
|
+
exports.HerobannerColorDarkBgGradient = HerobannerColorDarkBgGradient;
|
|
2373
|
+
exports.HerobannerColorDarkTextDefault = HerobannerColorDarkTextDefault;
|
|
2374
|
+
exports.HerobannerColorLightBgContained = HerobannerColorLightBgContained;
|
|
2375
|
+
exports.HerobannerColorLightBgDefault = HerobannerColorLightBgDefault;
|
|
2376
|
+
exports.HerobannerColorLightBgGradient = HerobannerColorLightBgGradient;
|
|
2377
|
+
exports.HerobannerColorLightTextDefault = HerobannerColorLightTextDefault;
|
|
2378
|
+
exports.HerobannerGapL = HerobannerGapL;
|
|
2379
|
+
exports.HerobannerGapM = HerobannerGapM;
|
|
2380
|
+
exports.HerobannerGapS = HerobannerGapS;
|
|
2381
|
+
exports.HerobannerPaddingL = HerobannerPaddingL;
|
|
2382
|
+
exports.HerobannerPaddingM = HerobannerPaddingM;
|
|
2383
|
+
exports.HerobannerPaddingS = HerobannerPaddingS;
|
|
2384
|
+
exports.HerobannerRadiusL = HerobannerRadiusL;
|
|
2385
|
+
exports.HerobannerRadiusM = HerobannerRadiusM;
|
|
2277
2386
|
exports.LogosColorsDarkFgDefault = LogosColorsDarkFgDefault;
|
|
2278
2387
|
exports.LogosColorsLightFgDefault = LogosColorsLightFgDefault;
|
|
2279
2388
|
exports.LogosColorsLightFgStrong = LogosColorsLightFgStrong;
|
|
@@ -2380,6 +2489,9 @@ exports.RadioSizeL = RadioSizeL;
|
|
|
2380
2489
|
exports.RadioSizeM = RadioSizeM;
|
|
2381
2490
|
exports.RadioSizeS = RadioSizeS;
|
|
2382
2491
|
exports.RadioSizeXl = RadioSizeXl;
|
|
2492
|
+
exports.RadioTypeLabelL = RadioTypeLabelL;
|
|
2493
|
+
exports.RadioTypeLabelM = RadioTypeLabelM;
|
|
2494
|
+
exports.RadioTypeLabelS = RadioTypeLabelS;
|
|
2383
2495
|
exports.RuleBorderWeightS = RuleBorderWeightS;
|
|
2384
2496
|
exports.RuleColorsDarkBorderSubtle = RuleColorsDarkBorderSubtle;
|
|
2385
2497
|
exports.RuleColorsLightBorderSubtle = RuleColorsLightBorderSubtle;
|
|
@@ -2464,6 +2576,9 @@ exports.SelectSizeIconS = SelectSizeIconS;
|
|
|
2464
2576
|
exports.SelectSizeL = SelectSizeL;
|
|
2465
2577
|
exports.SelectSizeM = SelectSizeM;
|
|
2466
2578
|
exports.SelectSizeS = SelectSizeS;
|
|
2579
|
+
exports.SelectTypeLabelL = SelectTypeLabelL;
|
|
2580
|
+
exports.SelectTypeLabelM = SelectTypeLabelM;
|
|
2581
|
+
exports.SelectTypeLabelS = SelectTypeLabelS;
|
|
2467
2582
|
exports.SemBorderRadiusAlert01 = SemBorderRadiusAlert01;
|
|
2468
2583
|
exports.SemBorderRadiusAlert02 = SemBorderRadiusAlert02;
|
|
2469
2584
|
exports.SemBorderRadiusL = SemBorderRadiusL;
|
|
@@ -2491,12 +2606,6 @@ exports.SemBorderWidthXxs = SemBorderWidthXxs;
|
|
|
2491
2606
|
exports.SemBorderWidthXxxl = SemBorderWidthXxxl;
|
|
2492
2607
|
exports.SemBorderWidthXxxs = SemBorderWidthXxxs;
|
|
2493
2608
|
exports.SemBorderWidthXxxxs = SemBorderWidthXxxxs;
|
|
2494
|
-
exports.SemBoxShadow01 = SemBoxShadow01;
|
|
2495
|
-
exports.SemBoxShadow02 = SemBoxShadow02;
|
|
2496
|
-
exports.SemBoxShadow03 = SemBoxShadow03;
|
|
2497
|
-
exports.SemBoxShadow04 = SemBoxShadow04;
|
|
2498
|
-
exports.SemBoxShadow05 = SemBoxShadow05;
|
|
2499
|
-
exports.SemBoxShadow06 = SemBoxShadow06;
|
|
2500
2609
|
exports.SemColorBgPrimaryDarkDefault = SemColorBgPrimaryDarkDefault;
|
|
2501
2610
|
exports.SemColorBgPrimaryDarkDefaultAlt = SemColorBgPrimaryDarkDefaultAlt;
|
|
2502
2611
|
exports.SemColorBgPrimaryDarkEmphasis = SemColorBgPrimaryDarkEmphasis;
|
|
@@ -3014,6 +3123,14 @@ exports.SiteheaderSizeIconS = SiteheaderSizeIconS;
|
|
|
3014
3123
|
exports.SiteheaderSizeL = SiteheaderSizeL;
|
|
3015
3124
|
exports.SiteheaderSizeM = SiteheaderSizeM;
|
|
3016
3125
|
exports.SiteheaderSizeS = SiteheaderSizeS;
|
|
3126
|
+
exports.SpinnerColorsDarkFgDefault = SpinnerColorsDarkFgDefault;
|
|
3127
|
+
exports.SpinnerColorsLightFgDefault = SpinnerColorsLightFgDefault;
|
|
3128
|
+
exports.SpinnerSizeL = SpinnerSizeL;
|
|
3129
|
+
exports.SpinnerSizeM = SpinnerSizeM;
|
|
3130
|
+
exports.SpinnerSizeS = SpinnerSizeS;
|
|
3131
|
+
exports.SpinnerSizeXl = SpinnerSizeXl;
|
|
3132
|
+
exports.SpinnerSizeXxl = SpinnerSizeXxl;
|
|
3133
|
+
exports.StepperBorderRadius = StepperBorderRadius;
|
|
3017
3134
|
exports.StepperBorderWeightM = StepperBorderWeightM;
|
|
3018
3135
|
exports.StepperBorderWeightS = StepperBorderWeightS;
|
|
3019
3136
|
exports.StepperColorsDarkBgDefault = StepperColorsDarkBgDefault;
|
|
@@ -3054,6 +3171,8 @@ exports.StepperColorsLightFgDefaultAlt = StepperColorsLightFgDefaultAlt;
|
|
|
3054
3171
|
exports.StepperColorsLightFgError = StepperColorsLightFgError;
|
|
3055
3172
|
exports.StepperColorsLightFgVariant = StepperColorsLightFgVariant;
|
|
3056
3173
|
exports.StepperColorsLightFgWarning = StepperColorsLightFgWarning;
|
|
3174
|
+
exports.StepperColorsLightPluseFrom = StepperColorsLightPluseFrom;
|
|
3175
|
+
exports.StepperColorsLightPluseTo = StepperColorsLightPluseTo;
|
|
3057
3176
|
exports.StepperColorsLightTextDefault = StepperColorsLightTextDefault;
|
|
3058
3177
|
exports.StepperColorsLightTextHover = StepperColorsLightTextHover;
|
|
3059
3178
|
exports.StepperColorsLightTextSubtle = StepperColorsLightTextSubtle;
|
|
@@ -3107,6 +3226,9 @@ exports.SwitchGapM = SwitchGapM;
|
|
|
3107
3226
|
exports.SwitchGapS = SwitchGapS;
|
|
3108
3227
|
exports.SwitchSizeM = SwitchSizeM;
|
|
3109
3228
|
exports.SwitchSizeS = SwitchSizeS;
|
|
3229
|
+
exports.SwitchTypeLabelL = SwitchTypeLabelL;
|
|
3230
|
+
exports.SwitchTypeLabelM = SwitchTypeLabelM;
|
|
3231
|
+
exports.SwitchTypeLabelS = SwitchTypeLabelS;
|
|
3110
3232
|
exports.TabsBorderRadiusS = TabsBorderRadiusS;
|
|
3111
3233
|
exports.TabsBorderWeightL = TabsBorderWeightL;
|
|
3112
3234
|
exports.TabsBorderWeightM = TabsBorderWeightM;
|
|
@@ -3169,6 +3291,7 @@ exports.TagSizeIconM = TagSizeIconM;
|
|
|
3169
3291
|
exports.TagSizeIconS = TagSizeIconS;
|
|
3170
3292
|
exports.TagSizeS = TagSizeS;
|
|
3171
3293
|
exports.TextareaBorderRadiusS = TextareaBorderRadiusS;
|
|
3294
|
+
exports.TextareaBorderRadiusXs = TextareaBorderRadiusXs;
|
|
3172
3295
|
exports.TextareaBorderWeightL = TextareaBorderWeightL;
|
|
3173
3296
|
exports.TextareaBorderWeightM = TextareaBorderWeightM;
|
|
3174
3297
|
exports.TextareaBorderWeightS = TextareaBorderWeightS;
|
|
@@ -3207,6 +3330,9 @@ exports.TextareaGapS = TextareaGapS;
|
|
|
3207
3330
|
exports.TextareaPaddingM = TextareaPaddingM;
|
|
3208
3331
|
exports.TextareaPaddingS = TextareaPaddingS;
|
|
3209
3332
|
exports.TextareaSizeIconS = TextareaSizeIconS;
|
|
3333
|
+
exports.TextareaTypeLabelL = TextareaTypeLabelL;
|
|
3334
|
+
exports.TextareaTypeLabelM = TextareaTypeLabelM;
|
|
3335
|
+
exports.TextareaTypeLabelS = TextareaTypeLabelS;
|
|
3210
3336
|
exports.TextinputBorderRadiusL = TextinputBorderRadiusL;
|
|
3211
3337
|
exports.TextinputBorderRadiusM = TextinputBorderRadiusM;
|
|
3212
3338
|
exports.TextinputBorderRadiusS = TextinputBorderRadiusS;
|
|
@@ -3250,6 +3376,9 @@ exports.TextinputSizeIconM = TextinputSizeIconM;
|
|
|
3250
3376
|
exports.TextinputSizeL = TextinputSizeL;
|
|
3251
3377
|
exports.TextinputSizeM = TextinputSizeM;
|
|
3252
3378
|
exports.TextinputSizeS = TextinputSizeS;
|
|
3379
|
+
exports.TextinputTypeLabelL = TextinputTypeLabelL;
|
|
3380
|
+
exports.TextinputTypeLabelM = TextinputTypeLabelM;
|
|
3381
|
+
exports.TextinputTypeLabelS = TextinputTypeLabelS;
|
|
3253
3382
|
exports.TextlinkColorsDarkFgDefault = TextlinkColorsDarkFgDefault;
|
|
3254
3383
|
exports.TextlinkColorsDarkFgHover = TextlinkColorsDarkFgHover;
|
|
3255
3384
|
exports.TextlinkColorsDarkFgVisited = TextlinkColorsDarkFgVisited;
|
|
@@ -3271,6 +3400,7 @@ exports.TextlinkSizeM = TextlinkSizeM;
|
|
|
3271
3400
|
exports.TextlinkSizeS = TextlinkSizeS;
|
|
3272
3401
|
exports.ToastBorderRadiusS = ToastBorderRadiusS;
|
|
3273
3402
|
exports.ToastBorderWeightS = ToastBorderWeightS;
|
|
3403
|
+
exports.ToastBoxShadow01 = ToastBoxShadow01;
|
|
3274
3404
|
exports.ToastColorsStatusDarkBgDefault = ToastColorsStatusDarkBgDefault;
|
|
3275
3405
|
exports.ToastColorsStatusDarkBgError = ToastColorsStatusDarkBgError;
|
|
3276
3406
|
exports.ToastColorsStatusDarkBgSuccess = ToastColorsStatusDarkBgSuccess;
|