@superdispatch/ui 0.50.3 → 0.50.6
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-node/index.js +374 -212
- package/dist-node/index.js.map +1 -1
- package/dist-src/adaptive-toolbar/AdaptiveToolbar.js +2 -2
- package/dist-src/adaptive-vertical-toolbar/AdaptiveVerticalToolbar.js +1 -1
- package/dist-src/description-list/DescriptionList.js +1 -1
- package/dist-src/dropdown-button/DropdownButton.js +1 -1
- package/dist-src/number-field/NumberField.js +2 -2
- package/dist-src/overflow-text/OverflowText.js +1 -1
- package/dist-src/pattern-field/PatternField.js +2 -2
- package/dist-src/props/ResponsiveProp.js +2 -3
- package/dist-src/radio/RadioFieldCard.js +6 -3
- package/dist-src/snackbar/Snackbar.js +1 -1
- package/dist-src/snackbar/SnackbarStack.js +1 -1
- package/dist-src/theme/Color.js +167 -16
- package/dist-src/utils/VisibilityObserver.js +1 -1
- package/dist-web/index.js +188 -35
- package/dist-web/index.js.map +1 -1
- package/package.json +1 -1
package/dist-node/index.js
CHANGED
|
@@ -66,7 +66,7 @@ var CaretButton = /*#__PURE__*/styled__default(Button).withConfig({
|
|
|
66
66
|
var {
|
|
67
67
|
variant
|
|
68
68
|
} = _ref;
|
|
69
|
-
return variant === 'contained' && "border-left: 1px solid ".concat(
|
|
69
|
+
return variant === 'contained' && "border-left: 1px solid ".concat(ColorDynamic.Blue500);
|
|
70
70
|
});
|
|
71
71
|
var DropdownButton = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
|
|
72
72
|
var _anchorRef$current2;
|
|
@@ -84,7 +84,7 @@ var DropdownButton = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
|
|
|
84
84
|
var anchorRef = React.useRef(null);
|
|
85
85
|
function handleClick(event) {
|
|
86
86
|
setOpen(false);
|
|
87
|
-
onClick === null || onClick === void 0
|
|
87
|
+
onClick === null || onClick === void 0 || onClick(event);
|
|
88
88
|
}
|
|
89
89
|
function handleToggle() {
|
|
90
90
|
setOpen(prevOpen => !prevOpen);
|
|
@@ -271,14 +271,14 @@ var AdaptiveToolbar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
271
271
|
children: [/*#__PURE__*/jsxRuntime.jsx(core.MenuItem, {
|
|
272
272
|
onClick: event => {
|
|
273
273
|
var _item$onClick;
|
|
274
|
-
(_item$onClick = item.onClick) === null || _item$onClick === void 0
|
|
274
|
+
(_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item, event);
|
|
275
275
|
setMenuButtonRef(undefined);
|
|
276
276
|
},
|
|
277
277
|
children: item.label
|
|
278
278
|
}, item.key), (_item$dropdown = item.dropdown) === null || _item$dropdown === void 0 ? void 0 : _item$dropdown.map(dropdownItem => /*#__PURE__*/jsxRuntime.jsx(core.MenuItem, {
|
|
279
279
|
onClick: event => {
|
|
280
280
|
var _dropdownItem$onClick;
|
|
281
|
-
(_dropdownItem$onClick = dropdownItem.onClick) === null || _dropdownItem$onClick === void 0
|
|
281
|
+
(_dropdownItem$onClick = dropdownItem.onClick) === null || _dropdownItem$onClick === void 0 || _dropdownItem$onClick.call(dropdownItem, event);
|
|
282
282
|
setMenuButtonRef(undefined);
|
|
283
283
|
},
|
|
284
284
|
children: dropdownItem.label
|
|
@@ -401,7 +401,7 @@ var AdaptiveVerticalToolbar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
401
401
|
return [/*#__PURE__*/jsxRuntime.jsx(core.MenuItem, {
|
|
402
402
|
onClick: event => {
|
|
403
403
|
var _item$onClick;
|
|
404
|
-
(_item$onClick = item.onClick) === null || _item$onClick === void 0
|
|
404
|
+
(_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item, event);
|
|
405
405
|
setMenuButtonRef(undefined);
|
|
406
406
|
},
|
|
407
407
|
children: renderMenuItem(item)
|
|
@@ -414,11 +414,13 @@ var AdaptiveVerticalToolbar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
414
414
|
if (process.env.NODE_ENV !== "production") AdaptiveVerticalToolbar.displayName = "AdaptiveVerticalToolbar";
|
|
415
415
|
|
|
416
416
|
// `Color`: Represents the primary color palette with various shades and opacities.
|
|
417
|
+
// - Includes legacy colors marked as deprecated.
|
|
418
|
+
// - To update a color, modify the hex or rgba value associated with the desired color name.
|
|
417
419
|
|
|
418
|
-
|
|
419
|
-
//
|
|
420
|
-
//
|
|
421
|
-
|
|
420
|
+
var Color = /*#__PURE__*/function (Color) {
|
|
421
|
+
//
|
|
422
|
+
// ???
|
|
423
|
+
//
|
|
422
424
|
Color["White"] = "#fff";
|
|
423
425
|
Color["White50"] = "rgba(255, 255, 255, 0.5)";
|
|
424
426
|
Color["White40"] = "rgba(255, 255, 255, 0.4)";
|
|
@@ -429,48 +431,94 @@ if (process.env.NODE_ENV !== "production") AdaptiveVerticalToolbar.displayName =
|
|
|
429
431
|
Color["Black"] = "#000";
|
|
430
432
|
Color["Black50"] = "rgba(0, 0, 0, 0.5)";
|
|
431
433
|
Color["Black20"] = "rgba(0, 0, 0, 0.2)";
|
|
434
|
+
//Colors with 30% opacity
|
|
432
435
|
Color["Dark30"] = "rgba(143, 148, 158, 0.3)";
|
|
433
436
|
Color["Blue30"] = "rgba(0, 112, 245, 0.3)";
|
|
434
437
|
Color["Green30"] = "rgba(3, 135, 47, 0.3)";
|
|
435
438
|
Color["Red30"] = "rgba(229, 35, 13, 0.3)";
|
|
436
439
|
Color["Silver30"] = "rgba(225, 229, 234, 0.3)";
|
|
440
|
+
//Colors with 10% opacity
|
|
437
441
|
Color["Blue10"] = "rgba(0, 112, 245, 0.1)";
|
|
438
442
|
Color["Red10"] = "rgba(195, 25, 9, 0.1)";
|
|
443
|
+
//
|
|
444
|
+
// Legacy Neutral Colors
|
|
445
|
+
//
|
|
446
|
+
/**@deprecated Use Dark100 */
|
|
439
447
|
Color["Grey100"] = "#8F949E";
|
|
448
|
+
/**@deprecated Use Dark200 */
|
|
440
449
|
Color["Grey200"] = "#6A707C";
|
|
450
|
+
/**@deprecated Use Dark300 */
|
|
441
451
|
Color["Grey300"] = "#5B6371";
|
|
452
|
+
/**@deprecated Use Dark400 */
|
|
442
453
|
Color["Grey400"] = "#323C4E";
|
|
454
|
+
/**@deprecated Use Dark450 */
|
|
443
455
|
Color["Grey450"] = "#222F44";
|
|
456
|
+
/**@deprecated Use Dark500 */
|
|
444
457
|
Color["Grey500"] = "#192334";
|
|
458
|
+
/** @deprecated */
|
|
445
459
|
Color["Dark200"] = "#6A707C";
|
|
460
|
+
/** @deprecated */
|
|
446
461
|
Color["Dark400"] = "#323C4E";
|
|
462
|
+
/** @deprecated */
|
|
447
463
|
Color["Dark450"] = "#222F44";
|
|
464
|
+
/** @deprecated */
|
|
448
465
|
Color["Silver100"] = "#F6F7F8";
|
|
466
|
+
/** @deprecated */
|
|
449
467
|
Color["Silver300"] = "#E8ECF0";
|
|
468
|
+
//
|
|
469
|
+
// Legacy Extended Palette
|
|
470
|
+
//
|
|
471
|
+
/** @deprecated */
|
|
450
472
|
Color["Blue75"] = "#CCE5FF";
|
|
473
|
+
/** @deprecated */
|
|
451
474
|
Color["Blue100"] = "#A8D1FF";
|
|
475
|
+
/** @deprecated */
|
|
452
476
|
Color["Blue200"] = "#66ADFF";
|
|
477
|
+
/** @deprecated */
|
|
453
478
|
Color["Blue400"] = "#0063DB";
|
|
479
|
+
/** @deprecated */
|
|
454
480
|
Color["Green75"] = "#C8F4D1";
|
|
481
|
+
/** @deprecated */
|
|
455
482
|
Color["Green100"] = "#90EAAE";
|
|
483
|
+
/** @deprecated */
|
|
456
484
|
Color["Green200"] = "#5DDA87";
|
|
485
|
+
/** @deprecated */
|
|
457
486
|
Color["Green400"] = "#1E8F46";
|
|
487
|
+
/** @deprecated */
|
|
458
488
|
Color["Purple75"] = "#DCDBF5";
|
|
489
|
+
/** @deprecated */
|
|
459
490
|
Color["Purple100"] = "#CBC8EE";
|
|
491
|
+
/** @deprecated */
|
|
460
492
|
Color["Purple200"] = "#A7A1E8";
|
|
493
|
+
/** @deprecated */
|
|
461
494
|
Color["Purple400"] = "#473ABB";
|
|
495
|
+
/** @deprecated */
|
|
462
496
|
Color["Red75"] = "#FDD9D3";
|
|
497
|
+
/** @deprecated */
|
|
463
498
|
Color["Red100"] = "#FDC2BA";
|
|
499
|
+
/** @deprecated */
|
|
464
500
|
Color["Red200"] = "#FE988B";
|
|
501
|
+
/** @deprecated */
|
|
465
502
|
Color["Red400"] = "#D9210D";
|
|
503
|
+
/** @deprecated */
|
|
466
504
|
Color["Teal75"] = "#BEEDF9";
|
|
505
|
+
/** @deprecated */
|
|
467
506
|
Color["Teal100"] = "#91E3F8";
|
|
507
|
+
/** @deprecated */
|
|
468
508
|
Color["Teal200"] = "#61D3EF";
|
|
509
|
+
/** @deprecated */
|
|
469
510
|
Color["Teal400"] = "#008DB8";
|
|
511
|
+
/** @deprecated */
|
|
470
512
|
Color["Yellow75"] = "#FFF1C2";
|
|
513
|
+
/** @deprecated */
|
|
471
514
|
Color["Yellow100"] = "#FFE494";
|
|
515
|
+
/** @deprecated */
|
|
472
516
|
Color["Yellow200"] = "#FFDC6B";
|
|
517
|
+
/** @deprecated */
|
|
473
518
|
Color["Yellow400"] = "#FFA91F";
|
|
519
|
+
//
|
|
520
|
+
// Neutral Colors
|
|
521
|
+
//
|
|
474
522
|
Color["Dark50"] = "rgba(25, 35, 52, 0.5)";
|
|
475
523
|
Color["Dark100"] = "#8F949E";
|
|
476
524
|
Color["Dark300"] = "#5B6371";
|
|
@@ -479,6 +527,9 @@ if (process.env.NODE_ENV !== "production") AdaptiveVerticalToolbar.displayName =
|
|
|
479
527
|
Color["Silver400"] = "#E1E5EA";
|
|
480
528
|
Color["Silver500"] = "#C4CDD5";
|
|
481
529
|
Color["Silver400Alpha30"] = "rgba(225, 229, 234, 0.3)";
|
|
530
|
+
//
|
|
531
|
+
// Extended Palette
|
|
532
|
+
//
|
|
482
533
|
Color["Blue50"] = "#EBF4FF";
|
|
483
534
|
Color["Blue300"] = "#0070F5";
|
|
484
535
|
Color["Blue500"] = "#0063DB";
|
|
@@ -498,12 +549,17 @@ if (process.env.NODE_ENV !== "production") AdaptiveVerticalToolbar.displayName =
|
|
|
498
549
|
Color["Yellow50"] = "#FFF7DC";
|
|
499
550
|
Color["Yellow300"] = "#E8671C";
|
|
500
551
|
Color["Yellow500"] = "#B84807";
|
|
501
|
-
|
|
552
|
+
return Color;
|
|
553
|
+
}({});
|
|
502
554
|
|
|
503
|
-
// `
|
|
504
|
-
//
|
|
505
|
-
//
|
|
506
|
-
|
|
555
|
+
// `ColorDark`: Represents the color palette for dark themes.
|
|
556
|
+
// - Tailored for dark theme usage.
|
|
557
|
+
// - Update colors by modifying the associated values.
|
|
558
|
+
|
|
559
|
+
var ColorDark = /*#__PURE__*/function (ColorDark) {
|
|
560
|
+
//
|
|
561
|
+
// ???
|
|
562
|
+
//
|
|
507
563
|
ColorDark["White"] = "#151B22";
|
|
508
564
|
ColorDark["White50"] = "rgba(21, 27, 34, 0.5)";
|
|
509
565
|
ColorDark["White40"] = "rgba(21, 27, 34, 0.4)";
|
|
@@ -514,48 +570,94 @@ if (process.env.NODE_ENV !== "production") AdaptiveVerticalToolbar.displayName =
|
|
|
514
570
|
ColorDark["Black"] = "#000";
|
|
515
571
|
ColorDark["Black50"] = "rgba(0, 0, 0, 0.5)";
|
|
516
572
|
ColorDark["Black20"] = "rgba(0, 0, 0, 0.2)";
|
|
573
|
+
//Colors with 30% opacity
|
|
517
574
|
ColorDark["Dark30"] = "rgba(143, 148, 158, 0.3)";
|
|
518
575
|
ColorDark["Blue30"] = "rgba(0, 112, 245, 0.3)";
|
|
519
576
|
ColorDark["Green30"] = "rgba(3, 135, 47, 0.3)";
|
|
520
577
|
ColorDark["Red30"] = "rgba(229, 35, 13, 0.3)";
|
|
521
578
|
ColorDark["Silver30"] = "rgba(225, 229, 234, 0.3)";
|
|
579
|
+
//Colors with 10% opacity
|
|
522
580
|
ColorDark["Blue10"] = "rgba(0, 112, 245, 0.1)";
|
|
523
581
|
ColorDark["Red10"] = "rgba(195, 25, 9, 0.1)";
|
|
582
|
+
//
|
|
583
|
+
// Legacy Neutral Colors
|
|
584
|
+
//
|
|
585
|
+
/**@deprecated Use Dark100 */
|
|
524
586
|
ColorDark["Grey100"] = "#8F949E";
|
|
587
|
+
/**@deprecated Use Dark200 */
|
|
525
588
|
ColorDark["Grey200"] = "#6A707C";
|
|
589
|
+
/**@deprecated Use Dark300 */
|
|
526
590
|
ColorDark["Grey300"] = "#5B6371";
|
|
591
|
+
/**@deprecated Use Dark400 */
|
|
527
592
|
ColorDark["Grey400"] = "#323C4E";
|
|
593
|
+
/**@deprecated Use Dark450 */
|
|
528
594
|
ColorDark["Grey450"] = "#222F44";
|
|
595
|
+
/**@deprecated Use Dark500 */
|
|
529
596
|
ColorDark["Grey500"] = "#192334";
|
|
597
|
+
/** @deprecated */
|
|
530
598
|
ColorDark["Dark200"] = "#6A707C";
|
|
599
|
+
/** @deprecated */
|
|
531
600
|
ColorDark["Dark400"] = "#323C4E";
|
|
601
|
+
/** @deprecated */
|
|
532
602
|
ColorDark["Dark450"] = "#222F44";
|
|
603
|
+
/** @deprecated */
|
|
533
604
|
ColorDark["Silver100"] = "#F6F7F8";
|
|
605
|
+
/** @deprecated */
|
|
534
606
|
ColorDark["Silver300"] = "#E8ECF0";
|
|
607
|
+
//
|
|
608
|
+
// Legacy Extended Palette
|
|
609
|
+
//
|
|
610
|
+
/** @deprecated */
|
|
535
611
|
ColorDark["Blue75"] = "#CCE5FF";
|
|
612
|
+
/** @deprecated */
|
|
536
613
|
ColorDark["Blue100"] = "#A8D1FF";
|
|
614
|
+
/** @deprecated */
|
|
537
615
|
ColorDark["Blue200"] = "#66ADFF";
|
|
616
|
+
/** @deprecated */
|
|
538
617
|
ColorDark["Blue400"] = "#0063DB";
|
|
618
|
+
/** @deprecated */
|
|
539
619
|
ColorDark["Green75"] = "#C8F4D1";
|
|
620
|
+
/** @deprecated */
|
|
540
621
|
ColorDark["Green100"] = "#90EAAE";
|
|
622
|
+
/** @deprecated */
|
|
541
623
|
ColorDark["Green200"] = "#5DDA87";
|
|
624
|
+
/** @deprecated */
|
|
542
625
|
ColorDark["Green400"] = "#1E8F46";
|
|
626
|
+
/** @deprecated */
|
|
543
627
|
ColorDark["Purple75"] = "#DCDBF5";
|
|
628
|
+
/** @deprecated */
|
|
544
629
|
ColorDark["Purple100"] = "#CBC8EE";
|
|
630
|
+
/** @deprecated */
|
|
545
631
|
ColorDark["Purple200"] = "#A7A1E8";
|
|
632
|
+
/** @deprecated */
|
|
546
633
|
ColorDark["Purple400"] = "#473ABB";
|
|
634
|
+
/** @deprecated */
|
|
547
635
|
ColorDark["Red75"] = "#FDD9D3";
|
|
636
|
+
/** @deprecated */
|
|
548
637
|
ColorDark["Red100"] = "#FDC2BA";
|
|
638
|
+
/** @deprecated */
|
|
549
639
|
ColorDark["Red200"] = "#FE988B";
|
|
640
|
+
/** @deprecated */
|
|
550
641
|
ColorDark["Red400"] = "#D9210D";
|
|
642
|
+
/** @deprecated */
|
|
551
643
|
ColorDark["Teal75"] = "#BEEDF9";
|
|
644
|
+
/** @deprecated */
|
|
552
645
|
ColorDark["Teal100"] = "#91E3F8";
|
|
646
|
+
/** @deprecated */
|
|
553
647
|
ColorDark["Teal200"] = "#61D3EF";
|
|
648
|
+
/** @deprecated */
|
|
554
649
|
ColorDark["Teal400"] = "#008DB8";
|
|
650
|
+
/** @deprecated */
|
|
555
651
|
ColorDark["Yellow75"] = "#FFF1C2";
|
|
652
|
+
/** @deprecated */
|
|
556
653
|
ColorDark["Yellow100"] = "#FFE494";
|
|
654
|
+
/** @deprecated */
|
|
557
655
|
ColorDark["Yellow200"] = "#FFDC6B";
|
|
656
|
+
/** @deprecated */
|
|
558
657
|
ColorDark["Yellow400"] = "#FFA91F";
|
|
658
|
+
//
|
|
659
|
+
// Neutral Colors
|
|
660
|
+
//
|
|
559
661
|
ColorDark["Dark50"] = "rgba(25, 35, 52, 0.5)";
|
|
560
662
|
ColorDark["Dark100"] = "#6E7A8A";
|
|
561
663
|
ColorDark["Dark300"] = "#AEB4BD";
|
|
@@ -564,6 +666,9 @@ if (process.env.NODE_ENV !== "production") AdaptiveVerticalToolbar.displayName =
|
|
|
564
666
|
ColorDark["Silver400"] = "#30373D";
|
|
565
667
|
ColorDark["Silver500"] = "#47505B";
|
|
566
668
|
ColorDark["Silver400Alpha30"] = "rgba(48, 55, 61, 0.3)";
|
|
669
|
+
//
|
|
670
|
+
// Extended Palette
|
|
671
|
+
//
|
|
567
672
|
ColorDark["Blue50"] = "#0E2947";
|
|
568
673
|
ColorDark["Blue300"] = "#0070F5";
|
|
569
674
|
ColorDark["Blue500"] = "#55ADFF";
|
|
@@ -583,8 +688,14 @@ if (process.env.NODE_ENV !== "production") AdaptiveVerticalToolbar.displayName =
|
|
|
583
688
|
ColorDark["Yellow50"] = "#33200A";
|
|
584
689
|
ColorDark["Yellow300"] = "#E8671C";
|
|
585
690
|
ColorDark["Yellow500"] = "#FCA542";
|
|
586
|
-
|
|
587
|
-
(
|
|
691
|
+
return ColorDark;
|
|
692
|
+
}({});
|
|
693
|
+
|
|
694
|
+
// `ColorDynamic`: Represents a newer version of the color palette using CSS variables.
|
|
695
|
+
// - Designed for more dynamic theming using CSS custom properties.
|
|
696
|
+
// - Update colors by changing the CSS variable references.
|
|
697
|
+
|
|
698
|
+
var ColorDynamic = /*#__PURE__*/function (ColorDynamic) {
|
|
588
699
|
ColorDynamic["White"] = "var(--sd-white)";
|
|
589
700
|
ColorDynamic["White50"] = "var(--sd-white-50)";
|
|
590
701
|
ColorDynamic["White40"] = "var(--sd-white-40)";
|
|
@@ -595,48 +706,90 @@ if (process.env.NODE_ENV !== "production") AdaptiveVerticalToolbar.displayName =
|
|
|
595
706
|
ColorDynamic["Black"] = "var(--sd-black)";
|
|
596
707
|
ColorDynamic["Black50"] = "var(--sd-black-50)";
|
|
597
708
|
ColorDynamic["Black20"] = "var(--sd-black-20)";
|
|
709
|
+
// Colors with 30% opacity
|
|
598
710
|
ColorDynamic["Dark30"] = "var(--sd-dark-30)";
|
|
599
711
|
ColorDynamic["Blue30"] = "var(--sd-blue-30)";
|
|
600
712
|
ColorDynamic["Green30"] = "var(--sd-green-30)";
|
|
601
713
|
ColorDynamic["Red30"] = "var(--sd-red-30)";
|
|
602
714
|
ColorDynamic["Silver30"] = "var(--sd-silver-30)";
|
|
715
|
+
// Colors with 10% opacity
|
|
603
716
|
ColorDynamic["Blue10"] = "var(--sd-blue-10)";
|
|
604
717
|
ColorDynamic["Red10"] = "var(--sd-red-10)";
|
|
718
|
+
// Legacy Neutral Colors
|
|
719
|
+
/**@deprecated Use Dark100 */
|
|
605
720
|
ColorDynamic["Grey100"] = "var(--sd-grey-100)";
|
|
721
|
+
/**@deprecated Use Dark200 */
|
|
606
722
|
ColorDynamic["Grey200"] = "var(--sd-grey-200)";
|
|
723
|
+
/**@deprecated Use Dark300 */
|
|
607
724
|
ColorDynamic["Grey300"] = "var(--sd-grey-300)";
|
|
725
|
+
/**@deprecated Use Dark400 */
|
|
608
726
|
ColorDynamic["Grey400"] = "var(--sd-grey-400)";
|
|
727
|
+
/**@deprecated Use Dark450 */
|
|
609
728
|
ColorDynamic["Grey450"] = "var(--sd-grey-450)";
|
|
729
|
+
/**@deprecated Use Dark500 */
|
|
610
730
|
ColorDynamic["Grey500"] = "var(--sd-grey-500)";
|
|
731
|
+
/** @deprecated */
|
|
611
732
|
ColorDynamic["Dark200"] = "var(--sd-dark-200)";
|
|
733
|
+
/** @deprecated */
|
|
612
734
|
ColorDynamic["Dark400"] = "var(--sd-dark-400)";
|
|
735
|
+
/** @deprecated */
|
|
613
736
|
ColorDynamic["Dark450"] = "var(--sd-dark-450)";
|
|
737
|
+
/** @deprecated */
|
|
614
738
|
ColorDynamic["Silver100"] = "var(--sd-silver-100)";
|
|
739
|
+
/** @deprecated */
|
|
615
740
|
ColorDynamic["Silver300"] = "var(--sd-silver-300)";
|
|
741
|
+
// Legacy Extended Palette
|
|
742
|
+
/** @deprecated */
|
|
616
743
|
ColorDynamic["Blue75"] = "var(--sd-blue-75)";
|
|
744
|
+
/** @deprecated */
|
|
617
745
|
ColorDynamic["Blue100"] = "var(--sd-blue-100)";
|
|
746
|
+
/** @deprecated */
|
|
618
747
|
ColorDynamic["Blue200"] = "var(--sd-blue-200)";
|
|
748
|
+
/** @deprecated */
|
|
619
749
|
ColorDynamic["Blue400"] = "var(--sd-blue-400)";
|
|
750
|
+
/** @deprecated */
|
|
620
751
|
ColorDynamic["Green75"] = "var(--sd-green-75)";
|
|
752
|
+
/** @deprecated */
|
|
621
753
|
ColorDynamic["Green100"] = "var(--sd-green-100)";
|
|
754
|
+
/** @deprecated */
|
|
622
755
|
ColorDynamic["Green200"] = "var(--sd-green-200)";
|
|
756
|
+
/** @deprecated */
|
|
623
757
|
ColorDynamic["Green400"] = "var(--sd-green-400)";
|
|
758
|
+
/** @deprecated */
|
|
624
759
|
ColorDynamic["Purple75"] = "var(--sd-purple-75)";
|
|
760
|
+
/** @deprecated */
|
|
625
761
|
ColorDynamic["Purple100"] = "var(--sd-purple-100)";
|
|
762
|
+
/** @deprecated */
|
|
626
763
|
ColorDynamic["Purple200"] = "var(--sd-purple-200)";
|
|
764
|
+
/** @deprecated */
|
|
627
765
|
ColorDynamic["Purple400"] = "var(--sd-purple-400)";
|
|
766
|
+
/** @deprecated */
|
|
628
767
|
ColorDynamic["Red75"] = "var(--sd-red-75)";
|
|
768
|
+
/** @deprecated */
|
|
629
769
|
ColorDynamic["Red100"] = "var(--sd-red-100)";
|
|
770
|
+
/** @deprecated */
|
|
630
771
|
ColorDynamic["Red200"] = "var(--sd-red-200)";
|
|
772
|
+
/** @deprecated */
|
|
631
773
|
ColorDynamic["Red400"] = "var(--sd-red-400)";
|
|
774
|
+
/** @deprecated */
|
|
632
775
|
ColorDynamic["Teal75"] = "var(--sd-teal-75)";
|
|
776
|
+
/** @deprecated */
|
|
633
777
|
ColorDynamic["Teal100"] = "var(--sd-teal-100)";
|
|
778
|
+
/** @deprecated */
|
|
634
779
|
ColorDynamic["Teal200"] = "var(--sd-teal-200)";
|
|
780
|
+
/** @deprecated */
|
|
635
781
|
ColorDynamic["Teal400"] = "var(--sd-teal-400)";
|
|
782
|
+
/** @deprecated */
|
|
636
783
|
ColorDynamic["Yellow75"] = "var(--sd-yellow-75)";
|
|
784
|
+
/** @deprecated */
|
|
637
785
|
ColorDynamic["Yellow100"] = "var(--sd-yellow-100)";
|
|
786
|
+
/** @deprecated */
|
|
638
787
|
ColorDynamic["Yellow200"] = "var(--sd-yellow-200)";
|
|
788
|
+
/** @deprecated */
|
|
639
789
|
ColorDynamic["Yellow400"] = "var(--sd-yellow-400)";
|
|
790
|
+
//
|
|
791
|
+
// Neutral Colors
|
|
792
|
+
//
|
|
640
793
|
ColorDynamic["Dark50"] = "var(--sd-dark-50)";
|
|
641
794
|
ColorDynamic["Dark100"] = "var(--sd-dark-100)";
|
|
642
795
|
ColorDynamic["Dark300"] = "var(--sd-dark-300)";
|
|
@@ -645,6 +798,9 @@ if (process.env.NODE_ENV !== "production") AdaptiveVerticalToolbar.displayName =
|
|
|
645
798
|
ColorDynamic["Silver400"] = "var(--sd-silver-400)";
|
|
646
799
|
ColorDynamic["Silver500"] = "var(--sd-silver-500)";
|
|
647
800
|
ColorDynamic["Silver400Alpha30"] = "var(--sd-silver-400-alpha-30)";
|
|
801
|
+
//
|
|
802
|
+
// Extended Palette
|
|
803
|
+
//
|
|
648
804
|
ColorDynamic["Blue50"] = "var(--sd-blue-50)";
|
|
649
805
|
ColorDynamic["Blue300"] = "var(--sd-blue-300)";
|
|
650
806
|
ColorDynamic["Blue500"] = "var(--sd-blue-500)";
|
|
@@ -664,15 +820,16 @@ if (process.env.NODE_ENV !== "production") AdaptiveVerticalToolbar.displayName =
|
|
|
664
820
|
ColorDynamic["Yellow50"] = "var(--sd-yellow-50)";
|
|
665
821
|
ColorDynamic["Yellow300"] = "var(--sd-yellow-300)";
|
|
666
822
|
ColorDynamic["Yellow500"] = "var(--sd-yellow-500)";
|
|
667
|
-
|
|
823
|
+
return ColorDynamic;
|
|
824
|
+
}({});
|
|
668
825
|
function isColorProp(name) {
|
|
669
|
-
return typeof name == 'string' && Object.prototype.hasOwnProperty.call(
|
|
826
|
+
return typeof name == 'string' && Object.prototype.hasOwnProperty.call(Color, name);
|
|
670
827
|
}
|
|
671
828
|
function isColorDynamicProp(name) {
|
|
672
|
-
return typeof name == 'string' && Object.prototype.hasOwnProperty.call(
|
|
829
|
+
return typeof name == 'string' && Object.prototype.hasOwnProperty.call(ColorDynamic, name);
|
|
673
830
|
}
|
|
674
831
|
function isColorPropDark(name) {
|
|
675
|
-
return typeof name == 'string' && Object.prototype.hasOwnProperty.call(
|
|
832
|
+
return typeof name == 'string' && Object.prototype.hasOwnProperty.call(ColorDark, name);
|
|
676
833
|
}
|
|
677
834
|
|
|
678
835
|
function renderChildren(node) {
|
|
@@ -727,7 +884,7 @@ function VisibilityObserver(_ref2) {
|
|
|
727
884
|
visibility
|
|
728
885
|
});
|
|
729
886
|
hooks.useValueObserver(visibility, () => {
|
|
730
|
-
onChange === null || onChange === void 0
|
|
887
|
+
onChange === null || onChange === void 0 || onChange(visibility);
|
|
731
888
|
});
|
|
732
889
|
return renderChildren(children);
|
|
733
890
|
}
|
|
@@ -743,7 +900,7 @@ var useStyles$2 = /*#__PURE__*/styles.makeStyles(theme => ({
|
|
|
743
900
|
borderBottom: 'none',
|
|
744
901
|
transition: theme.transitions.create(['border-color']),
|
|
745
902
|
'&:not($appBarSticky)': {
|
|
746
|
-
borderTopColor:
|
|
903
|
+
borderTopColor: ColorDynamic.Transparent
|
|
747
904
|
}
|
|
748
905
|
}
|
|
749
906
|
},
|
|
@@ -830,7 +987,7 @@ var useStyles$4 = /*#__PURE__*/styles.makeStyles(theme => ({
|
|
|
830
987
|
borderRight: 'none',
|
|
831
988
|
transition: theme.transitions.create(['border-color']),
|
|
832
989
|
'&:not($appBarSticky)': {
|
|
833
|
-
borderBottomColor:
|
|
990
|
+
borderBottomColor: ColorDynamic.Transparent
|
|
834
991
|
}
|
|
835
992
|
}
|
|
836
993
|
},
|
|
@@ -1015,19 +1172,19 @@ var useStyles$5 = /*#__PURE__*/styles.makeStyles(theme => {
|
|
|
1015
1172
|
borderRadius: '50%',
|
|
1016
1173
|
'&[disabled], &[aria-busy="true"]': {
|
|
1017
1174
|
'& > $overlay': {
|
|
1018
|
-
backgroundColor:
|
|
1175
|
+
backgroundColor: ColorDynamic.White50
|
|
1019
1176
|
}
|
|
1020
1177
|
},
|
|
1021
1178
|
'&:not([disabled])[aria-busy="false"]': {
|
|
1022
1179
|
'&:hover, &:focus': {
|
|
1023
1180
|
'&$withIcon > $overlay': {
|
|
1024
|
-
backgroundColor:
|
|
1181
|
+
backgroundColor: ColorDynamic.Dark50,
|
|
1025
1182
|
'& > svg': {
|
|
1026
1183
|
opacity: 1
|
|
1027
1184
|
}
|
|
1028
1185
|
},
|
|
1029
1186
|
'&:not($withIcon) > $overlay': {
|
|
1030
|
-
backgroundColor:
|
|
1187
|
+
backgroundColor: ColorDynamic.Black20
|
|
1031
1188
|
}
|
|
1032
1189
|
}
|
|
1033
1190
|
}
|
|
@@ -1042,11 +1199,11 @@ var useStyles$5 = /*#__PURE__*/styles.makeStyles(theme => {
|
|
|
1042
1199
|
alignItems: 'center',
|
|
1043
1200
|
justifyContent: 'center',
|
|
1044
1201
|
borderRadius: '50%',
|
|
1045
|
-
backgroundColor:
|
|
1202
|
+
backgroundColor: ColorDynamic.Transparent,
|
|
1046
1203
|
transition: theme.transitions.create('background-color'),
|
|
1047
1204
|
'& > svg': {
|
|
1048
1205
|
opacity: 0,
|
|
1049
|
-
color:
|
|
1206
|
+
color: ColorDynamic.White,
|
|
1050
1207
|
transition: theme.transitions.create('opacity'),
|
|
1051
1208
|
fontSize: theme.spacing(3),
|
|
1052
1209
|
[sm]: {
|
|
@@ -1058,7 +1215,7 @@ var useStyles$5 = /*#__PURE__*/styles.makeStyles(theme => {
|
|
|
1058
1215
|
top: 0,
|
|
1059
1216
|
left: 0,
|
|
1060
1217
|
position: 'absolute',
|
|
1061
|
-
color:
|
|
1218
|
+
color: ColorDynamic.Blue500,
|
|
1062
1219
|
fontSize: theme.spacing(5),
|
|
1063
1220
|
[sm]: {
|
|
1064
1221
|
fontSize: theme.spacing(4)
|
|
@@ -1168,7 +1325,7 @@ var useStyles$6 = /*#__PURE__*/styles.makeStyles(theme => ({
|
|
|
1168
1325
|
alignItems: 'center',
|
|
1169
1326
|
flexDirection: 'column',
|
|
1170
1327
|
justifyContent: 'center',
|
|
1171
|
-
backgroundColor:
|
|
1328
|
+
backgroundColor: ColorDynamic.White,
|
|
1172
1329
|
border: '1px dashed',
|
|
1173
1330
|
borderRadius: theme.spacing(0.5),
|
|
1174
1331
|
padding: theme.spacing(1.5),
|
|
@@ -1176,30 +1333,30 @@ var useStyles$6 = /*#__PURE__*/styles.makeStyles(theme => ({
|
|
|
1176
1333
|
transition: theme.transitions.create(['color', 'box-shadow', 'border-color', 'background-color'])
|
|
1177
1334
|
},
|
|
1178
1335
|
disabled: {
|
|
1179
|
-
color:
|
|
1180
|
-
borderColor:
|
|
1181
|
-
backgroundColor:
|
|
1336
|
+
color: ColorDynamic.Dark100,
|
|
1337
|
+
borderColor: ColorDynamic.Silver500,
|
|
1338
|
+
backgroundColor: ColorDynamic.Silver400Alpha30,
|
|
1182
1339
|
'& $hint': {
|
|
1183
|
-
color:
|
|
1340
|
+
color: ColorDynamic.Dark100
|
|
1184
1341
|
}
|
|
1185
1342
|
},
|
|
1186
1343
|
error: {
|
|
1187
|
-
color:
|
|
1188
|
-
borderColor:
|
|
1189
|
-
backgroundColor:
|
|
1344
|
+
color: ColorDynamic.Red500,
|
|
1345
|
+
borderColor: ColorDynamic.Red500,
|
|
1346
|
+
backgroundColor: ColorDynamic.Red50,
|
|
1190
1347
|
'&:focus': {
|
|
1191
|
-
backgroundColor:
|
|
1348
|
+
backgroundColor: ColorDynamic.Red300Aplha20
|
|
1192
1349
|
}
|
|
1193
1350
|
},
|
|
1194
1351
|
primary: {
|
|
1195
|
-
color:
|
|
1196
|
-
borderColor:
|
|
1352
|
+
color: ColorDynamic.Blue500,
|
|
1353
|
+
borderColor: ColorDynamic.Silver500,
|
|
1197
1354
|
'&:focus': {
|
|
1198
|
-
backgroundColor:
|
|
1355
|
+
backgroundColor: ColorDynamic.Blue50
|
|
1199
1356
|
},
|
|
1200
1357
|
'&:hover, &:active': {
|
|
1201
|
-
borderColor:
|
|
1202
|
-
backgroundColor:
|
|
1358
|
+
borderColor: ColorDynamic.Blue300,
|
|
1359
|
+
backgroundColor: ColorDynamic.Blue50
|
|
1203
1360
|
}
|
|
1204
1361
|
},
|
|
1205
1362
|
sizeSmall: {
|
|
@@ -1300,7 +1457,7 @@ var FormControl = /*#__PURE__*/styled__default(core.FormControl).withConfig({
|
|
|
1300
1457
|
var FormHelperText = /*#__PURE__*/styled__default(core.FormHelperText).withConfig({
|
|
1301
1458
|
displayName: "CheckboxField__FormHelperText",
|
|
1302
1459
|
componentId: "SD__sc-1wxu0g6-1"
|
|
1303
|
-
})(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"],
|
|
1460
|
+
})(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], ColorDynamic.Dark300, ColorDynamic.Red500);
|
|
1304
1461
|
var CheckboxField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
1305
1462
|
var {
|
|
1306
1463
|
label,
|
|
@@ -1336,11 +1493,11 @@ var _excluded$a = ["FormGroupProps", "label", "FormLabelProps", "helperText", "F
|
|
|
1336
1493
|
var FormLabel = /*#__PURE__*/styled__default(core.FormLabel).withConfig({
|
|
1337
1494
|
displayName: "CheckboxGroudField__FormLabel",
|
|
1338
1495
|
componentId: "SD__sc-1lihyfy-0"
|
|
1339
|
-
})(["margin-bottom:8px;color:", ";font-weight:600;"],
|
|
1496
|
+
})(["margin-bottom:8px;color:", ";font-weight:600;"], ColorDynamic.Dark300);
|
|
1340
1497
|
var FormHelperText$1 = /*#__PURE__*/styled__default(core.FormHelperText).withConfig({
|
|
1341
1498
|
displayName: "CheckboxGroudField__FormHelperText",
|
|
1342
1499
|
componentId: "SD__sc-1lihyfy-1"
|
|
1343
|
-
})(["margin-top:8px;color:", ";&.Mui-error{color:", ";}"],
|
|
1500
|
+
})(["margin-top:8px;color:", ";&.Mui-error{color:", ";}"], ColorDynamic.Dark300, ColorDynamic.Red500);
|
|
1344
1501
|
var CheckboxGroupField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
1345
1502
|
var {
|
|
1346
1503
|
FormGroupProps: formGroupProps,
|
|
@@ -1394,11 +1551,10 @@ function useResponsiveContext() {
|
|
|
1394
1551
|
}
|
|
1395
1552
|
|
|
1396
1553
|
function parseResponsiveProp(prop) {
|
|
1397
|
-
var _tablet, _desktop;
|
|
1398
1554
|
if (typeof prop != 'object') return [prop, prop, prop];
|
|
1399
1555
|
var [mobile, tablet, desktop] = prop;
|
|
1400
|
-
|
|
1401
|
-
|
|
1556
|
+
tablet !== null && tablet !== void 0 ? tablet : tablet = mobile;
|
|
1557
|
+
desktop !== null && desktop !== void 0 ? desktop : desktop = tablet;
|
|
1402
1558
|
return [mobile, tablet, desktop];
|
|
1403
1559
|
}
|
|
1404
1560
|
function useResponsiveProp(prop) {
|
|
@@ -1565,7 +1721,7 @@ var useStyles$7 = /*#__PURE__*/styles.makeStyles(theme => ({
|
|
|
1565
1721
|
transition: theme.transitions.create('border'),
|
|
1566
1722
|
'&$truncated': {
|
|
1567
1723
|
cursor: 'pointer',
|
|
1568
|
-
borderBottomColor:
|
|
1724
|
+
borderBottomColor: ColorDynamic.Silver500
|
|
1569
1725
|
}
|
|
1570
1726
|
},
|
|
1571
1727
|
truncated: {},
|
|
@@ -1615,7 +1771,7 @@ var OverflowText = /*#__PURE__*/React.forwardRef((_ref, rootRef) => {
|
|
|
1615
1771
|
noWrap: true,
|
|
1616
1772
|
onClick: event => {
|
|
1617
1773
|
setIsOpen(true);
|
|
1618
|
-
_onClick === null || _onClick === void 0
|
|
1774
|
+
_onClick === null || _onClick === void 0 || _onClick(event);
|
|
1619
1775
|
},
|
|
1620
1776
|
className: clsx.clsx(styles.root, {
|
|
1621
1777
|
[styles.truncated]: !disableUnderline && visibility === 'invisible'
|
|
@@ -1666,7 +1822,7 @@ var useStyles$8 = /*#__PURE__*/styles.makeStyles(theme => ({
|
|
|
1666
1822
|
display: 'inline-flex',
|
|
1667
1823
|
marginRight: theme.spacing(1),
|
|
1668
1824
|
'& > .MuiSvgIcon-root': {
|
|
1669
|
-
color:
|
|
1825
|
+
color: ColorDynamic.Dark100,
|
|
1670
1826
|
fontSize: theme.spacing(3),
|
|
1671
1827
|
[theme.breakpoints.up('sm')]: {
|
|
1672
1828
|
fontSize: theme.spacing(2)
|
|
@@ -1726,7 +1882,7 @@ var DescriptionListItem = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
|
|
|
1726
1882
|
component: "span",
|
|
1727
1883
|
color: shouldRenderFallback && label == null ? 'textSecondary' : 'textPrimary',
|
|
1728
1884
|
TooltipProps: _objectSpread(_objectSpread({}, contentTypographyProps === null || contentTypographyProps === void 0 ? void 0 : contentTypographyProps.TooltipProps), {}, {
|
|
1729
|
-
title: (_ref3 = (_contentTypographyPro = contentTypographyProps === null || contentTypographyProps === void 0
|
|
1885
|
+
title: (_ref3 = (_contentTypographyPro = contentTypographyProps === null || contentTypographyProps === void 0 || (_contentTypographyPro2 = contentTypographyProps.TooltipProps) === null || _contentTypographyPro2 === void 0 ? void 0 : _contentTypographyPro2.title) !== null && _contentTypographyPro !== void 0 ? _contentTypographyPro : content) !== null && _ref3 !== void 0 ? _ref3 : undefined
|
|
1730
1886
|
}),
|
|
1731
1887
|
children: [label != null && /*#__PURE__*/jsxRuntime.jsx(core.Typography, _objectSpread(_objectSpread({}, labelTypographyProps), {}, {
|
|
1732
1888
|
id: labelID,
|
|
@@ -2042,7 +2198,7 @@ function NumberInputComponent(_ref) {
|
|
|
2042
2198
|
event
|
|
2043
2199
|
} = sourceInfo;
|
|
2044
2200
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
2045
|
-
onChange === null || onChange === void 0
|
|
2201
|
+
onChange === null || onChange === void 0 || onChange(_objectSpread(_objectSpread({}, event), {}, {
|
|
2046
2202
|
target: _objectSpread(_objectSpread({}, event === null || event === void 0 ? void 0 : event.target), {}, {
|
|
2047
2203
|
value: disableValueParsing ? values.value : values.floatValue
|
|
2048
2204
|
})
|
|
@@ -2072,7 +2228,7 @@ function TextInputComponent(_ref2) {
|
|
|
2072
2228
|
event
|
|
2073
2229
|
} = sourceInfo;
|
|
2074
2230
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
2075
|
-
onChange === null || onChange === void 0
|
|
2231
|
+
onChange === null || onChange === void 0 || onChange(_objectSpread(_objectSpread({}, event), {}, {
|
|
2076
2232
|
target: _objectSpread(_objectSpread({}, event === null || event === void 0 ? void 0 : event.target), {}, {
|
|
2077
2233
|
value: values.value
|
|
2078
2234
|
})
|
|
@@ -2125,12 +2281,12 @@ var PatternField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
2125
2281
|
var {
|
|
2126
2282
|
event
|
|
2127
2283
|
} = sourceInfo;
|
|
2128
|
-
onChange === null || onChange === void 0
|
|
2284
|
+
onChange === null || onChange === void 0 || onChange(_objectSpread(_objectSpread({}, event), {}, {
|
|
2129
2285
|
target: _objectSpread(_objectSpread({}, event === null || event === void 0 ? void 0 : event.target), {}, {
|
|
2130
2286
|
value: values.value
|
|
2131
2287
|
})
|
|
2132
2288
|
}));
|
|
2133
|
-
_onValueChange === null || _onValueChange === void 0
|
|
2289
|
+
_onValueChange === null || _onValueChange === void 0 || _onValueChange(values, sourceInfo);
|
|
2134
2290
|
}
|
|
2135
2291
|
}));
|
|
2136
2292
|
});
|
|
@@ -2145,7 +2301,7 @@ var FormControl$1 = /*#__PURE__*/styled__default(core.FormControl).withConfig({
|
|
|
2145
2301
|
var FormHelperText$2 = /*#__PURE__*/styled__default(core.FormHelperText).withConfig({
|
|
2146
2302
|
displayName: "RadioField__FormHelperText",
|
|
2147
2303
|
componentId: "SD__sc-6ey4qt-1"
|
|
2148
|
-
})(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"],
|
|
2304
|
+
})(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], ColorDynamic.Dark300, ColorDynamic.Red500);
|
|
2149
2305
|
var RadioField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
2150
2306
|
var {
|
|
2151
2307
|
label,
|
|
@@ -2197,7 +2353,7 @@ var Content = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
2197
2353
|
var {
|
|
2198
2354
|
active
|
|
2199
2355
|
} = _ref;
|
|
2200
|
-
return active ?
|
|
2356
|
+
return active ? ColorDynamic.Blue300 : ColorDynamic.Silver500;
|
|
2201
2357
|
});
|
|
2202
2358
|
var Caption = /*#__PURE__*/styled__default.div.withConfig({
|
|
2203
2359
|
displayName: "RadioFieldCard__Caption",
|
|
@@ -2213,6 +2369,7 @@ var IconWrapper = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
2213
2369
|
return theme.breakpoints.down('xs');
|
|
2214
2370
|
});
|
|
2215
2371
|
var RadioFieldCard = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
|
|
2372
|
+
var _ref4;
|
|
2216
2373
|
var {
|
|
2217
2374
|
name,
|
|
2218
2375
|
value,
|
|
@@ -2224,11 +2381,13 @@ var RadioFieldCard = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
|
|
|
2224
2381
|
onChange
|
|
2225
2382
|
} = _ref3,
|
|
2226
2383
|
props = _objectWithoutProperties(_ref3, _excluded$m);
|
|
2384
|
+
var muiFormControl = core.useFormControl();
|
|
2385
|
+
var disabledState = (_ref4 = disabled !== null && disabled !== void 0 ? disabled : muiFormControl === null || muiFormControl === void 0 ? void 0 : muiFormControl.disabled) !== null && _ref4 !== void 0 ? _ref4 : false;
|
|
2227
2386
|
return /*#__PURE__*/jsxRuntime.jsx(Card, {
|
|
2228
|
-
disabled:
|
|
2387
|
+
disabled: disabledState,
|
|
2229
2388
|
children: /*#__PURE__*/jsxRuntime.jsx(ClickableCard, _objectSpread(_objectSpread({
|
|
2230
2389
|
name: name,
|
|
2231
|
-
disabled:
|
|
2390
|
+
disabled: disabledState
|
|
2232
2391
|
}, props), {}, {
|
|
2233
2392
|
children: /*#__PURE__*/jsxRuntime.jsx(Content, {
|
|
2234
2393
|
active: checked,
|
|
@@ -2271,11 +2430,11 @@ var _excluded$n = ["name", "value", "onChange", "RadioGroupProps", "label", "For
|
|
|
2271
2430
|
var FormLabel$1 = /*#__PURE__*/styled__default(core.FormLabel).withConfig({
|
|
2272
2431
|
displayName: "RadioGroupField__FormLabel",
|
|
2273
2432
|
componentId: "SD__sc-1udxviq-0"
|
|
2274
|
-
})(["margin-bottom:8px;color:", ";font-weight:600;"],
|
|
2433
|
+
})(["margin-bottom:8px;color:", ";font-weight:600;"], ColorDynamic.Dark300);
|
|
2275
2434
|
var FormHelperText$3 = /*#__PURE__*/styled__default(core.FormHelperText).withConfig({
|
|
2276
2435
|
displayName: "RadioGroupField__FormHelperText",
|
|
2277
2436
|
componentId: "SD__sc-1udxviq-1"
|
|
2278
|
-
})(["margin-top:8px;color:", ";&.Mui-error{color:", ";}"],
|
|
2437
|
+
})(["margin-top:8px;color:", ";&.Mui-error{color:", ";}"], ColorDynamic.Dark300, ColorDynamic.Red500);
|
|
2279
2438
|
var RadioGroupField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
2280
2439
|
var {
|
|
2281
2440
|
name,
|
|
@@ -2341,8 +2500,8 @@ var PaddedContent = /*#__PURE__*/styled__default.span.withConfig({
|
|
|
2341
2500
|
})(["padding:2px 0 0;"]);
|
|
2342
2501
|
var useStyles$b = /*#__PURE__*/styles.makeStyles(theme => ({
|
|
2343
2502
|
root: {
|
|
2344
|
-
color:
|
|
2345
|
-
backgroundColor:
|
|
2503
|
+
color: ColorDynamic.White,
|
|
2504
|
+
backgroundColor: ColorDynamic.Dark500,
|
|
2346
2505
|
alignItems: 'flex-start',
|
|
2347
2506
|
padding: '10px 16px',
|
|
2348
2507
|
[theme.breakpoints.up('md')]: {
|
|
@@ -2365,17 +2524,17 @@ var useStyles$b = /*#__PURE__*/styles.makeStyles(theme => ({
|
|
|
2365
2524
|
fontSize: theme.spacing(3)
|
|
2366
2525
|
},
|
|
2367
2526
|
closeButton: {
|
|
2368
|
-
color:
|
|
2527
|
+
color: ColorDynamic.White40,
|
|
2369
2528
|
'&:hover, &:focus': {
|
|
2370
|
-
backgroundColor:
|
|
2371
|
-
color:
|
|
2529
|
+
backgroundColor: ColorDynamic.White08,
|
|
2530
|
+
color: ColorDynamic.White40
|
|
2372
2531
|
}
|
|
2373
2532
|
},
|
|
2374
2533
|
variantError: {
|
|
2375
|
-
color:
|
|
2376
|
-
background:
|
|
2534
|
+
color: ColorDynamic.Red500,
|
|
2535
|
+
background: ColorDynamic.Red50,
|
|
2377
2536
|
'& $closeButton': {
|
|
2378
|
-
color:
|
|
2537
|
+
color: ColorDynamic.Red500
|
|
2379
2538
|
}
|
|
2380
2539
|
},
|
|
2381
2540
|
variantSuccess: {}
|
|
@@ -2461,7 +2620,7 @@ var Snackbar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
2461
2620
|
props = _objectWithoutProperties(_ref, _excluded$p);
|
|
2462
2621
|
function handleClose(reason) {
|
|
2463
2622
|
if (reason !== 'clickaway') {
|
|
2464
|
-
onClose === null || onClose === void 0
|
|
2623
|
+
onClose === null || onClose === void 0 || onClose(reason === 'timeout' ? 'timeout' : 'explicit');
|
|
2465
2624
|
}
|
|
2466
2625
|
}
|
|
2467
2626
|
return /*#__PURE__*/jsxRuntime.jsx(core.Portal, {
|
|
@@ -2562,7 +2721,7 @@ function SnackbarStackProvider(_ref2) {
|
|
|
2562
2721
|
children: message,
|
|
2563
2722
|
onClose: reason => {
|
|
2564
2723
|
removeSnackbar();
|
|
2565
|
-
_onClose === null || _onClose === void 0
|
|
2724
|
+
_onClose === null || _onClose === void 0 || _onClose(reason);
|
|
2566
2725
|
}
|
|
2567
2726
|
}));
|
|
2568
2727
|
});
|
|
@@ -2632,65 +2791,65 @@ var useStyles$c = /*#__PURE__*/styles.makeStyles(theme => ({
|
|
|
2632
2791
|
},
|
|
2633
2792
|
variantSubtle: {
|
|
2634
2793
|
'&$colorGrey': {
|
|
2635
|
-
color:
|
|
2636
|
-
backgroundColor:
|
|
2794
|
+
color: ColorDynamic.Dark300,
|
|
2795
|
+
backgroundColor: ColorDynamic.Silver200
|
|
2637
2796
|
},
|
|
2638
2797
|
'&$colorDark': {
|
|
2639
|
-
color:
|
|
2640
|
-
backgroundColor:
|
|
2798
|
+
color: ColorDynamic.Dark500,
|
|
2799
|
+
backgroundColor: ColorDynamic.Silver400
|
|
2641
2800
|
},
|
|
2642
2801
|
'&$colorBlue': {
|
|
2643
|
-
color:
|
|
2644
|
-
backgroundColor:
|
|
2802
|
+
color: ColorDynamic.Blue500,
|
|
2803
|
+
backgroundColor: ColorDynamic.Blue50
|
|
2645
2804
|
},
|
|
2646
2805
|
'&$colorGreen': {
|
|
2647
|
-
color:
|
|
2648
|
-
backgroundColor:
|
|
2806
|
+
color: ColorDynamic.Green500,
|
|
2807
|
+
backgroundColor: ColorDynamic.Green50
|
|
2649
2808
|
},
|
|
2650
2809
|
'&$colorPurple': {
|
|
2651
|
-
color:
|
|
2652
|
-
backgroundColor:
|
|
2810
|
+
color: ColorDynamic.Purple500,
|
|
2811
|
+
backgroundColor: ColorDynamic.Purple50
|
|
2653
2812
|
},
|
|
2654
2813
|
'&$colorRed': {
|
|
2655
|
-
color:
|
|
2656
|
-
backgroundColor:
|
|
2814
|
+
color: ColorDynamic.Red500,
|
|
2815
|
+
backgroundColor: ColorDynamic.Red50
|
|
2657
2816
|
},
|
|
2658
2817
|
'&$colorTeal': {
|
|
2659
|
-
color:
|
|
2660
|
-
backgroundColor:
|
|
2818
|
+
color: ColorDynamic.Teal500,
|
|
2819
|
+
backgroundColor: ColorDynamic.Teal50
|
|
2661
2820
|
},
|
|
2662
2821
|
'&$colorYellow': {
|
|
2663
|
-
color:
|
|
2664
|
-
backgroundColor:
|
|
2822
|
+
color: ColorDynamic.Yellow500,
|
|
2823
|
+
backgroundColor: ColorDynamic.Yellow50
|
|
2665
2824
|
}
|
|
2666
2825
|
},
|
|
2667
2826
|
variantBold: {
|
|
2668
|
-
color:
|
|
2827
|
+
color: Color.White,
|
|
2669
2828
|
'&$colorGrey': {
|
|
2670
|
-
backgroundColor:
|
|
2671
|
-
color:
|
|
2829
|
+
backgroundColor: ColorDynamic.Dark300,
|
|
2830
|
+
color: ColorDynamic.White
|
|
2672
2831
|
},
|
|
2673
2832
|
'&$colorDark': {
|
|
2674
|
-
backgroundColor:
|
|
2675
|
-
color:
|
|
2833
|
+
backgroundColor: ColorDynamic.Dark500,
|
|
2834
|
+
color: ColorDynamic.White
|
|
2676
2835
|
},
|
|
2677
2836
|
'&$colorBlue': {
|
|
2678
|
-
backgroundColor:
|
|
2837
|
+
backgroundColor: ColorDynamic.Blue300
|
|
2679
2838
|
},
|
|
2680
2839
|
'&$colorGreen': {
|
|
2681
|
-
backgroundColor:
|
|
2840
|
+
backgroundColor: ColorDynamic.Green300
|
|
2682
2841
|
},
|
|
2683
2842
|
'&$colorPurple': {
|
|
2684
|
-
backgroundColor:
|
|
2843
|
+
backgroundColor: ColorDynamic.Purple300
|
|
2685
2844
|
},
|
|
2686
2845
|
'&$colorRed': {
|
|
2687
|
-
backgroundColor:
|
|
2846
|
+
backgroundColor: ColorDynamic.Red300
|
|
2688
2847
|
},
|
|
2689
2848
|
'&$colorTeal': {
|
|
2690
|
-
backgroundColor:
|
|
2849
|
+
backgroundColor: ColorDynamic.Teal300
|
|
2691
2850
|
},
|
|
2692
2851
|
'&$colorYellow': {
|
|
2693
|
-
backgroundColor:
|
|
2852
|
+
backgroundColor: ColorDynamic.Yellow300
|
|
2694
2853
|
}
|
|
2695
2854
|
},
|
|
2696
2855
|
colorGrey: {},
|
|
@@ -2740,7 +2899,7 @@ function overrideAppBar(theme) {
|
|
|
2740
2899
|
|
|
2741
2900
|
function overrideAutocomplete(theme) {
|
|
2742
2901
|
var sm = theme.breakpoints.up('sm');
|
|
2743
|
-
var color = theme.palette.type === 'dark' ? core.alpha(
|
|
2902
|
+
var color = theme.palette.type === 'dark' ? core.alpha(Color.White, 0.08) : ColorDynamic.Silver200;
|
|
2744
2903
|
|
|
2745
2904
|
// Remove `Object.assign` after official release of `Autocomplete`.
|
|
2746
2905
|
Object.assign(theme.props, {
|
|
@@ -2821,22 +2980,22 @@ function overrideAvatar(theme) {
|
|
|
2821
2980
|
}
|
|
2822
2981
|
}),
|
|
2823
2982
|
colorDefault: {
|
|
2824
|
-
color:
|
|
2825
|
-
backgroundColor:
|
|
2983
|
+
color: ColorDynamic.Dark300,
|
|
2984
|
+
backgroundColor: ColorDynamic.Silver400
|
|
2826
2985
|
}
|
|
2827
2986
|
};
|
|
2828
2987
|
}
|
|
2829
2988
|
|
|
2830
2989
|
function outlineShadow() {
|
|
2831
2990
|
var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
|
|
2832
|
-
var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] :
|
|
2991
|
+
var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ColorDynamic.Transparent;
|
|
2833
2992
|
return "0 0 0 ".concat(size, "px ").concat(color);
|
|
2834
2993
|
}
|
|
2835
2994
|
function textVariant(text, outline, background, progress) {
|
|
2836
2995
|
return {
|
|
2837
2996
|
color: text,
|
|
2838
2997
|
boxShadow: outlineShadow(),
|
|
2839
|
-
backgroundColor:
|
|
2998
|
+
backgroundColor: ColorDynamic.Transparent,
|
|
2840
2999
|
'&:hover': {
|
|
2841
3000
|
backgroundColor: background
|
|
2842
3001
|
},
|
|
@@ -2850,7 +3009,7 @@ function textVariant(text, outline, background, progress) {
|
|
|
2850
3009
|
'&$disabled': {
|
|
2851
3010
|
color: outline,
|
|
2852
3011
|
boxShadow: outlineShadow(),
|
|
2853
|
-
backgroundColor:
|
|
3012
|
+
backgroundColor: ColorDynamic.Transparent
|
|
2854
3013
|
},
|
|
2855
3014
|
'&$disabled[aria-busy="true"]': {
|
|
2856
3015
|
color: progress
|
|
@@ -2858,7 +3017,7 @@ function textVariant(text, outline, background, progress) {
|
|
|
2858
3017
|
};
|
|
2859
3018
|
}
|
|
2860
3019
|
function outlinedBorder(borderColor) {
|
|
2861
|
-
var outlineColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] :
|
|
3020
|
+
var outlineColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ColorDynamic.Transparent;
|
|
2862
3021
|
return "inset 0 0 0 1px ".concat(borderColor, ", 0 0 0 2px ").concat(outlineColor);
|
|
2863
3022
|
}
|
|
2864
3023
|
function outlinedVariant(staleText, staleBorder, disabledText, disabledBorder, activeText, activeBorder, activeOutline, activeBackground, progress, backgroundColor) {
|
|
@@ -2988,11 +3147,11 @@ function overrideButton(theme) {
|
|
|
2988
3147
|
},
|
|
2989
3148
|
text: {
|
|
2990
3149
|
padding: undefined,
|
|
2991
|
-
'&[data-color="error"]': textVariant(
|
|
2992
|
-
'&[data-color="success"]': textVariant(
|
|
2993
|
-
'&[data-color="white"]': textVariant(
|
|
3150
|
+
'&[data-color="error"]': textVariant(ColorDynamic.Red300, ColorDynamic.Red100, ColorDynamic.Red50, ColorDynamic.Red200),
|
|
3151
|
+
'&[data-color="success"]': textVariant(ColorDynamic.Green300, ColorDynamic.Green100, ColorDynamic.Green50, ColorDynamic.Green200),
|
|
3152
|
+
'&[data-color="white"]': textVariant(ColorDynamic.White, ColorDynamic.White50, ColorDynamic.White10, ColorDynamic.White50)
|
|
2994
3153
|
},
|
|
2995
|
-
textPrimary: textVariant(
|
|
3154
|
+
textPrimary: textVariant(ColorDynamic.Blue300, ColorDynamic.Blue100, ColorDynamic.Blue50, ColorDynamic.Blue200),
|
|
2996
3155
|
textSizeSmall: {
|
|
2997
3156
|
padding: undefined,
|
|
2998
3157
|
fontSize: undefined
|
|
@@ -3007,11 +3166,11 @@ function overrideButton(theme) {
|
|
|
3007
3166
|
'&$disabled': {
|
|
3008
3167
|
border: undefined
|
|
3009
3168
|
},
|
|
3010
|
-
'&[data-color="error"]': outlinedVariant(
|
|
3011
|
-
'&[data-color="success"]': outlinedVariant(
|
|
3012
|
-
'&[data-color="white"]': outlinedVariant(
|
|
3169
|
+
'&[data-color="error"]': outlinedVariant(ColorDynamic.Red300, ColorDynamic.Red300, ColorDynamic.Red100, ColorDynamic.Red100, ColorDynamic.Red300, ColorDynamic.Red300, ColorDynamic.Red100, ColorDynamic.Red50, ColorDynamic.Red300, ColorDynamic.White),
|
|
3170
|
+
'&[data-color="success"]': outlinedVariant(ColorDynamic.Green300, ColorDynamic.Green300, ColorDynamic.Green100, ColorDynamic.Green100, ColorDynamic.Green300, ColorDynamic.Green300, ColorDynamic.Green100, ColorDynamic.Green50, ColorDynamic.Green300, ColorDynamic.White),
|
|
3171
|
+
'&[data-color="white"]': outlinedVariant(ColorDynamic.White, ColorDynamic.White50, ColorDynamic.White50, ColorDynamic.White40, ColorDynamic.White, ColorDynamic.White50, ColorDynamic.White40, ColorDynamic.White10, ColorDynamic.White50, ColorDynamic.Transparent)
|
|
3013
3172
|
},
|
|
3014
|
-
outlinedPrimary: outlinedVariant(
|
|
3173
|
+
outlinedPrimary: outlinedVariant(ColorDynamic.Dark500, ColorDynamic.Silver500, ColorDynamic.Silver500, ColorDynamic.Silver400, ColorDynamic.Blue300, ColorDynamic.Blue300, ColorDynamic.Blue100, ColorDynamic.Blue50, ColorDynamic.Dark200, ColorDynamic.White),
|
|
3015
3174
|
outlinedSizeSmall: {
|
|
3016
3175
|
padding: undefined,
|
|
3017
3176
|
fontSize: undefined
|
|
@@ -3045,11 +3204,11 @@ function overrideButton(theme) {
|
|
|
3045
3204
|
boxShadow: undefined,
|
|
3046
3205
|
backgroundColor: undefined
|
|
3047
3206
|
},
|
|
3048
|
-
'&[data-color="error"]': containedVariant(
|
|
3049
|
-
'&[data-color="success"]': containedVariant(
|
|
3050
|
-
'&[data-color="white"]': containedVariant(
|
|
3207
|
+
'&[data-color="error"]': containedVariant(ColorDynamic.White, ColorDynamic.Red300, ColorDynamic.Red100, ColorDynamic.Red500, ColorDynamic.White, ColorDynamic.Red100),
|
|
3208
|
+
'&[data-color="success"]': containedVariant(ColorDynamic.White, ColorDynamic.Green300, ColorDynamic.Green100, ColorDynamic.Green500, ColorDynamic.White, ColorDynamic.Green100),
|
|
3209
|
+
'&[data-color="white"]': containedVariant(ColorDynamic.White, ColorDynamic.White20, ColorDynamic.White40, ColorDynamic.White40, ColorDynamic.White50, ColorDynamic.White08)
|
|
3051
3210
|
},
|
|
3052
|
-
containedPrimary: containedVariant(
|
|
3211
|
+
containedPrimary: containedVariant(ColorDynamic.White, ColorDynamic.Blue300, ColorDynamic.Blue100, ColorDynamic.Blue500, ColorDynamic.White, ColorDynamic.Blue100),
|
|
3053
3212
|
containedSizeSmall: {
|
|
3054
3213
|
padding: undefined,
|
|
3055
3214
|
fontSize: undefined
|
|
@@ -3083,7 +3242,7 @@ function overrideCheckbox(theme) {
|
|
|
3083
3242
|
height: "17",
|
|
3084
3243
|
x: "3.5",
|
|
3085
3244
|
y: "3.5",
|
|
3086
|
-
fill:
|
|
3245
|
+
fill: ColorDynamic.White,
|
|
3087
3246
|
stroke: "currentColor",
|
|
3088
3247
|
rx: "1.5"
|
|
3089
3248
|
})
|
|
@@ -3097,7 +3256,7 @@ function overrideCheckbox(theme) {
|
|
|
3097
3256
|
fill: "currentColor",
|
|
3098
3257
|
rx: "2"
|
|
3099
3258
|
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
3100
|
-
fill:
|
|
3259
|
+
fill: Color.White,
|
|
3101
3260
|
d: "M15.73 8l-.63.63c-1.43 1.43-2.94 3.05-4.37 4.5l-1.9-1.57-.7-.57L7 12.38l.7.57 2.53 2.09.63.52.58-.58c1.6-1.62 3.35-3.5 4.93-5.08l.63-.63L15.73 8z"
|
|
3102
3261
|
})]
|
|
3103
3262
|
}),
|
|
@@ -3110,14 +3269,14 @@ function overrideCheckbox(theme) {
|
|
|
3110
3269
|
fill: "currentIcon",
|
|
3111
3270
|
rx: "2"
|
|
3112
3271
|
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
3113
|
-
fill:
|
|
3272
|
+
fill: ColorDynamic.White,
|
|
3114
3273
|
d: "M7 11h10v2H7v-2z"
|
|
3115
3274
|
})]
|
|
3116
3275
|
})
|
|
3117
3276
|
};
|
|
3118
3277
|
theme.overrides.MuiCheckbox = {
|
|
3119
3278
|
root: {
|
|
3120
|
-
color:
|
|
3279
|
+
color: ColorDynamic.Dark100,
|
|
3121
3280
|
width: theme.spacing(3),
|
|
3122
3281
|
height: theme.spacing(3),
|
|
3123
3282
|
marginRight: theme.spacing(1),
|
|
@@ -3126,7 +3285,7 @@ function overrideCheckbox(theme) {
|
|
|
3126
3285
|
marginBottom: theme.spacing(0.5),
|
|
3127
3286
|
padding: 0,
|
|
3128
3287
|
'&:hover': {
|
|
3129
|
-
backgroundColor:
|
|
3288
|
+
backgroundColor: ColorDynamic.Blue10
|
|
3130
3289
|
},
|
|
3131
3290
|
'&.MuiButtonBase-root': {
|
|
3132
3291
|
borderRadius: theme.spacing(0.5)
|
|
@@ -3134,11 +3293,11 @@ function overrideCheckbox(theme) {
|
|
|
3134
3293
|
},
|
|
3135
3294
|
colorPrimary: {
|
|
3136
3295
|
'&$checked$disabled': {
|
|
3137
|
-
color:
|
|
3296
|
+
color: ColorDynamic.Silver500
|
|
3138
3297
|
},
|
|
3139
3298
|
'&:hover:not($checked)': {
|
|
3140
|
-
color:
|
|
3141
|
-
backgroundColor:
|
|
3299
|
+
color: ColorDynamic.Dark100,
|
|
3300
|
+
backgroundColor: ColorDynamic.Blue10
|
|
3142
3301
|
}
|
|
3143
3302
|
}
|
|
3144
3303
|
};
|
|
@@ -3164,10 +3323,10 @@ function overrideChip(theme) {
|
|
|
3164
3323
|
color: undefined,
|
|
3165
3324
|
height: undefined,
|
|
3166
3325
|
borderRadius: 4,
|
|
3167
|
-
backgroundColor:
|
|
3326
|
+
backgroundColor: ColorDynamic.Silver200,
|
|
3168
3327
|
'&$disabled': {
|
|
3169
3328
|
opacity: undefined,
|
|
3170
|
-
color:
|
|
3329
|
+
color: ColorDynamic.Dark100
|
|
3171
3330
|
}
|
|
3172
3331
|
}),
|
|
3173
3332
|
sizeSmall: {
|
|
@@ -3189,26 +3348,26 @@ function overrideChip(theme) {
|
|
|
3189
3348
|
boxShadow: undefined
|
|
3190
3349
|
},
|
|
3191
3350
|
'&:focus': {
|
|
3192
|
-
boxShadow: "0 0 0 2px ".concat(
|
|
3351
|
+
boxShadow: "0 0 0 2px ".concat(ColorDynamic.Dark30)
|
|
3193
3352
|
},
|
|
3194
3353
|
'&:active, &:hover': {
|
|
3195
|
-
backgroundColor:
|
|
3354
|
+
backgroundColor: ColorDynamic.Silver400
|
|
3196
3355
|
}
|
|
3197
3356
|
},
|
|
3198
3357
|
deletable: {
|
|
3199
3358
|
'&:focus': {
|
|
3200
3359
|
backgroundColor: undefined,
|
|
3201
|
-
boxShadow: "0 0 0 2px ".concat(
|
|
3360
|
+
boxShadow: "0 0 0 2px ".concat(ColorDynamic.Silver400)
|
|
3202
3361
|
}
|
|
3203
3362
|
},
|
|
3204
3363
|
colorPrimary: {
|
|
3205
3364
|
'& $deleteIcon svg': {
|
|
3206
|
-
color:
|
|
3365
|
+
color: Color.White
|
|
3207
3366
|
}
|
|
3208
3367
|
},
|
|
3209
3368
|
colorSecondary: {
|
|
3210
3369
|
'& $deleteIcon svg': {
|
|
3211
|
-
color:
|
|
3370
|
+
color: Color.White
|
|
3212
3371
|
}
|
|
3213
3372
|
},
|
|
3214
3373
|
deleteIcon: {
|
|
@@ -3218,12 +3377,12 @@ function overrideChip(theme) {
|
|
|
3218
3377
|
transition: theme.transitions.create('background-color'),
|
|
3219
3378
|
'&:active, &:hover, &:focus': {
|
|
3220
3379
|
'& > svg': {
|
|
3221
|
-
backgroundColor:
|
|
3380
|
+
backgroundColor: ColorDynamic.Silver400
|
|
3222
3381
|
}
|
|
3223
3382
|
},
|
|
3224
3383
|
'& > svg': {
|
|
3225
3384
|
borderRadius: '50%',
|
|
3226
|
-
color:
|
|
3385
|
+
color: ColorDynamic.Dark100,
|
|
3227
3386
|
fontSize: '1em'
|
|
3228
3387
|
}
|
|
3229
3388
|
},
|
|
@@ -3238,7 +3397,7 @@ function overrideChip(theme) {
|
|
|
3238
3397
|
}
|
|
3239
3398
|
},
|
|
3240
3399
|
icon: {
|
|
3241
|
-
color:
|
|
3400
|
+
color: ColorDynamic.Dark100,
|
|
3242
3401
|
fontSize: '1em',
|
|
3243
3402
|
marginRight: undefined
|
|
3244
3403
|
},
|
|
@@ -3311,38 +3470,38 @@ function overrideDrawer(theme) {
|
|
|
3311
3470
|
function overrideIconButton(theme) {
|
|
3312
3471
|
theme.overrides.MuiIconButton = {
|
|
3313
3472
|
root: {
|
|
3314
|
-
color:
|
|
3315
|
-
backgroundColor:
|
|
3473
|
+
color: ColorDynamic.Dark100,
|
|
3474
|
+
backgroundColor: ColorDynamic.Transparent,
|
|
3316
3475
|
transition: theme.transitions.create(['color', 'background-color'], {
|
|
3317
3476
|
duration: theme.transitions.duration.short
|
|
3318
3477
|
}),
|
|
3319
3478
|
'&:hover': {
|
|
3320
|
-
backgroundColor:
|
|
3479
|
+
backgroundColor: ColorDynamic.Transparent
|
|
3321
3480
|
},
|
|
3322
3481
|
'&:active': {
|
|
3323
|
-
color:
|
|
3482
|
+
color: ColorDynamic.Dark500
|
|
3324
3483
|
},
|
|
3325
3484
|
'&:hover ': {
|
|
3326
|
-
color:
|
|
3485
|
+
color: ColorDynamic.Dark300
|
|
3327
3486
|
},
|
|
3328
3487
|
'&:focus': {
|
|
3329
|
-
backgroundColor:
|
|
3488
|
+
backgroundColor: ColorDynamic.Silver400
|
|
3330
3489
|
},
|
|
3331
3490
|
'&$disabled': {
|
|
3332
|
-
color:
|
|
3491
|
+
color: ColorDynamic.Silver500
|
|
3333
3492
|
}
|
|
3334
3493
|
},
|
|
3335
3494
|
colorPrimary: {
|
|
3336
3495
|
'&:active': {
|
|
3337
|
-
color:
|
|
3496
|
+
color: ColorDynamic.Blue500
|
|
3338
3497
|
},
|
|
3339
3498
|
'&:hover ': {
|
|
3340
|
-
color:
|
|
3499
|
+
color: ColorDynamic.Blue300
|
|
3341
3500
|
},
|
|
3342
3501
|
'&:focus': {
|
|
3343
|
-
backgroundColor:
|
|
3502
|
+
backgroundColor: ColorDynamic.Blue50
|
|
3344
3503
|
},
|
|
3345
|
-
color:
|
|
3504
|
+
color: ColorDynamic.Blue500
|
|
3346
3505
|
},
|
|
3347
3506
|
edgeEnd: {
|
|
3348
3507
|
marginRight: theme.spacing(-1)
|
|
@@ -3366,21 +3525,21 @@ function overrideLink(theme) {
|
|
|
3366
3525
|
backgroundSize: '100% 1px',
|
|
3367
3526
|
backgroundRepeat: 'repeat-x',
|
|
3368
3527
|
backgroundPosition: '0 100%',
|
|
3369
|
-
backgroundColor:
|
|
3528
|
+
backgroundColor: ColorDynamic.Transparent,
|
|
3370
3529
|
'&:focus': {
|
|
3371
3530
|
outline: 'none'
|
|
3372
3531
|
},
|
|
3373
3532
|
'&:disabled': {
|
|
3374
|
-
color:
|
|
3375
|
-
backgroundImage: line(
|
|
3533
|
+
color: ColorDynamic.Dark100,
|
|
3534
|
+
backgroundImage: line(ColorDynamic.Silver500),
|
|
3376
3535
|
'&:focus, &:hover, &:active': {
|
|
3377
|
-
color:
|
|
3378
|
-
backgroundImage: line(
|
|
3536
|
+
color: ColorDynamic.Dark100,
|
|
3537
|
+
backgroundImage: line(ColorDynamic.Silver500)
|
|
3379
3538
|
}
|
|
3380
3539
|
},
|
|
3381
3540
|
'&.MuiLink-underlineAlways': {
|
|
3382
3541
|
textDecoration: 'none',
|
|
3383
|
-
backgroundImage: line(
|
|
3542
|
+
backgroundImage: line(ColorDynamic.Silver500),
|
|
3384
3543
|
'&:hover, &:active': {
|
|
3385
3544
|
backgroundImage: line('currentColor')
|
|
3386
3545
|
}
|
|
@@ -3407,8 +3566,8 @@ function overrideLink(theme) {
|
|
|
3407
3566
|
},
|
|
3408
3567
|
'&.MuiTypography-colorTextPrimary, &.MuiTypography-colorTextSecondary': {
|
|
3409
3568
|
'&:focus, &:hover, &:active': {
|
|
3410
|
-
color:
|
|
3411
|
-
backgroundImage: line(
|
|
3569
|
+
color: ColorDynamic.Blue500,
|
|
3570
|
+
backgroundImage: line(ColorDynamic.Blue500)
|
|
3412
3571
|
}
|
|
3413
3572
|
}
|
|
3414
3573
|
},
|
|
@@ -3429,14 +3588,14 @@ function overrideLink(theme) {
|
|
|
3429
3588
|
}
|
|
3430
3589
|
|
|
3431
3590
|
function overrideList(theme) {
|
|
3432
|
-
var color = theme.palette.type === 'dark' ? core.alpha(
|
|
3591
|
+
var color = theme.palette.type === 'dark' ? core.alpha(Color.White, 0.08) : ColorDynamic.Silver200;
|
|
3433
3592
|
theme.overrides.MuiListItem = {
|
|
3434
3593
|
root: {
|
|
3435
3594
|
'&$selected, &$selected:hover': {
|
|
3436
|
-
backgroundColor:
|
|
3595
|
+
backgroundColor: ColorDynamic.Blue50
|
|
3437
3596
|
},
|
|
3438
3597
|
'& .MuiTouchRipple-root': {
|
|
3439
|
-
color:
|
|
3598
|
+
color: ColorDynamic.Blue100
|
|
3440
3599
|
}
|
|
3441
3600
|
},
|
|
3442
3601
|
button: {
|
|
@@ -3448,7 +3607,7 @@ function overrideList(theme) {
|
|
|
3448
3607
|
}
|
|
3449
3608
|
|
|
3450
3609
|
function overrideMenu(theme) {
|
|
3451
|
-
var color = theme.palette.type === 'dark' ? core.alpha(
|
|
3610
|
+
var color = theme.palette.type === 'dark' ? core.alpha(Color.White, 0.08) : ColorDynamic.Silver200;
|
|
3452
3611
|
theme.props.MuiMenu = {
|
|
3453
3612
|
getContentAnchorEl: null,
|
|
3454
3613
|
anchorOrigin: {
|
|
@@ -3462,7 +3621,7 @@ function overrideMenu(theme) {
|
|
|
3462
3621
|
};
|
|
3463
3622
|
theme.overrides.MuiMenu = {
|
|
3464
3623
|
paper: {
|
|
3465
|
-
border: "1px solid ".concat(
|
|
3624
|
+
border: "1px solid ".concat(ColorDynamic.Silver400)
|
|
3466
3625
|
}
|
|
3467
3626
|
};
|
|
3468
3627
|
theme.overrides.MuiMenuItem = {
|
|
@@ -3479,10 +3638,10 @@ function overrideMenu(theme) {
|
|
|
3479
3638
|
function overridePagination(theme) {
|
|
3480
3639
|
var props = {};
|
|
3481
3640
|
var mode = theme.palette.type;
|
|
3482
|
-
var color = mode === 'dark' ? core.alpha(
|
|
3641
|
+
var color = mode === 'dark' ? core.alpha(Color.White, 0.08) : ColorDynamic.Silver200;
|
|
3483
3642
|
var overrides = {
|
|
3484
3643
|
root: {
|
|
3485
|
-
color:
|
|
3644
|
+
color: ColorDynamic.Dark500
|
|
3486
3645
|
},
|
|
3487
3646
|
page: {
|
|
3488
3647
|
'&:hover': {
|
|
@@ -3490,22 +3649,22 @@ function overridePagination(theme) {
|
|
|
3490
3649
|
},
|
|
3491
3650
|
'&$focusVisible': {
|
|
3492
3651
|
borderRadius: 4,
|
|
3493
|
-
backgroundColor:
|
|
3494
|
-
border: "1px solid ".concat(
|
|
3652
|
+
backgroundColor: ColorDynamic.White,
|
|
3653
|
+
border: "1px solid ".concat(ColorDynamic.Blue30)
|
|
3495
3654
|
},
|
|
3496
3655
|
'&$selected': {
|
|
3497
|
-
backgroundColor:
|
|
3656
|
+
backgroundColor: ColorDynamic.Silver400,
|
|
3498
3657
|
'&:hover, &$focusVisible': {
|
|
3499
|
-
backgroundColor:
|
|
3658
|
+
backgroundColor: ColorDynamic.Silver500
|
|
3500
3659
|
},
|
|
3501
3660
|
'&$disabled': {
|
|
3502
|
-
color:
|
|
3503
|
-
backgroundColor:
|
|
3661
|
+
color: ColorDynamic.Dark100,
|
|
3662
|
+
backgroundColor: ColorDynamic.Silver400
|
|
3504
3663
|
}
|
|
3505
3664
|
},
|
|
3506
3665
|
'&$disabled': {
|
|
3507
3666
|
opacity: undefined,
|
|
3508
|
-
color:
|
|
3667
|
+
color: ColorDynamic.Dark100
|
|
3509
3668
|
}
|
|
3510
3669
|
}
|
|
3511
3670
|
};
|
|
@@ -3525,7 +3684,7 @@ function overridePaper(theme) {
|
|
|
3525
3684
|
};
|
|
3526
3685
|
theme.overrides.MuiPaper = {
|
|
3527
3686
|
elevation0: {
|
|
3528
|
-
border: "1px solid ".concat(
|
|
3687
|
+
border: "1px solid ".concat(ColorDynamic.Silver400)
|
|
3529
3688
|
}
|
|
3530
3689
|
};
|
|
3531
3690
|
}
|
|
@@ -3546,7 +3705,7 @@ function overrideRadio(theme) {
|
|
|
3546
3705
|
cx: "12",
|
|
3547
3706
|
cy: "12",
|
|
3548
3707
|
r: "9",
|
|
3549
|
-
fill:
|
|
3708
|
+
fill: ColorDynamic.White,
|
|
3550
3709
|
stroke: "currentColor"
|
|
3551
3710
|
})
|
|
3552
3711
|
}),
|
|
@@ -3561,13 +3720,13 @@ function overrideRadio(theme) {
|
|
|
3561
3720
|
cx: "12",
|
|
3562
3721
|
cy: "12",
|
|
3563
3722
|
r: "4",
|
|
3564
|
-
fill:
|
|
3723
|
+
fill: Color.White
|
|
3565
3724
|
})]
|
|
3566
3725
|
})
|
|
3567
3726
|
};
|
|
3568
3727
|
theme.overrides.MuiRadio = {
|
|
3569
3728
|
root: {
|
|
3570
|
-
color:
|
|
3729
|
+
color: ColorDynamic.Dark100,
|
|
3571
3730
|
width: theme.spacing(3),
|
|
3572
3731
|
height: theme.spacing(3),
|
|
3573
3732
|
marginRight: theme.spacing(1),
|
|
@@ -3578,10 +3737,10 @@ function overrideRadio(theme) {
|
|
|
3578
3737
|
},
|
|
3579
3738
|
colorPrimary: {
|
|
3580
3739
|
'&$checked$disabled': {
|
|
3581
|
-
color:
|
|
3740
|
+
color: ColorDynamic.Silver500
|
|
3582
3741
|
},
|
|
3583
3742
|
'&:hover:not($checked)': {
|
|
3584
|
-
color:
|
|
3743
|
+
color: ColorDynamic.Dark100
|
|
3585
3744
|
}
|
|
3586
3745
|
}
|
|
3587
3746
|
};
|
|
@@ -3646,10 +3805,10 @@ function overrideSvgIcon(theme) {
|
|
|
3646
3805
|
fontSize: 'var(--mui-svg-icon-size, 32px)'
|
|
3647
3806
|
},
|
|
3648
3807
|
colorAction: {
|
|
3649
|
-
color:
|
|
3808
|
+
color: ColorDynamic.Dark100
|
|
3650
3809
|
},
|
|
3651
3810
|
colorPrimary: {
|
|
3652
|
-
color:
|
|
3811
|
+
color: ColorDynamic.Blue500
|
|
3653
3812
|
}
|
|
3654
3813
|
};
|
|
3655
3814
|
}
|
|
@@ -3674,7 +3833,7 @@ function overrideSwitch(theme) {
|
|
|
3674
3833
|
},
|
|
3675
3834
|
track: {
|
|
3676
3835
|
opacity: undefined,
|
|
3677
|
-
boxShadow: "0 0 0 0 ".concat(
|
|
3836
|
+
boxShadow: "0 0 0 0 ".concat(ColorDynamic.Transparent),
|
|
3678
3837
|
transition: theme.transitions.create(['box-shadow', 'background-color'], {
|
|
3679
3838
|
duration: theme.transitions.duration.shortest
|
|
3680
3839
|
}),
|
|
@@ -3684,7 +3843,7 @@ function overrideSwitch(theme) {
|
|
|
3684
3843
|
}
|
|
3685
3844
|
},
|
|
3686
3845
|
thumb: {
|
|
3687
|
-
color:
|
|
3846
|
+
color: Color.White,
|
|
3688
3847
|
boxShadow: undefined,
|
|
3689
3848
|
width: theme.spacing(3),
|
|
3690
3849
|
height: theme.spacing(3),
|
|
@@ -3718,24 +3877,24 @@ function overrideSwitch(theme) {
|
|
|
3718
3877
|
'&:hover': {
|
|
3719
3878
|
backgroundColor: undefined,
|
|
3720
3879
|
'& + $track': {
|
|
3721
|
-
backgroundColor:
|
|
3880
|
+
backgroundColor: ColorDynamic.Blue500
|
|
3722
3881
|
}
|
|
3723
3882
|
}
|
|
3724
3883
|
},
|
|
3725
3884
|
'& + $track': {
|
|
3726
|
-
backgroundColor:
|
|
3885
|
+
backgroundColor: ColorDynamic.Silver500
|
|
3727
3886
|
},
|
|
3728
3887
|
'&$disabled + $track': {
|
|
3729
|
-
backgroundColor:
|
|
3888
|
+
backgroundColor: ColorDynamic.Dark30
|
|
3730
3889
|
},
|
|
3731
3890
|
'&$checked$disabled + $track': {
|
|
3732
|
-
backgroundColor:
|
|
3891
|
+
backgroundColor: ColorDynamic.Blue30
|
|
3733
3892
|
},
|
|
3734
3893
|
'&:hover + $track': {
|
|
3735
|
-
backgroundColor:
|
|
3894
|
+
backgroundColor: ColorDynamic.Dark100
|
|
3736
3895
|
},
|
|
3737
3896
|
'&.Mui-focusVisible + $track': {
|
|
3738
|
-
boxShadow: "0 0 0 3px ".concat(
|
|
3897
|
+
boxShadow: "0 0 0 3px ".concat(ColorDynamic.Blue30)
|
|
3739
3898
|
}
|
|
3740
3899
|
}
|
|
3741
3900
|
};
|
|
@@ -3753,14 +3912,14 @@ function overrideTabs(theme) {
|
|
|
3753
3912
|
},
|
|
3754
3913
|
scrollButtons: {
|
|
3755
3914
|
opacity: 1,
|
|
3756
|
-
color:
|
|
3915
|
+
color: ColorDynamic.Dark100,
|
|
3757
3916
|
width: theme.spacing(4),
|
|
3758
3917
|
transition: theme.transitions.create('opacity', {
|
|
3759
3918
|
duration: theme.transitions.duration.short
|
|
3760
3919
|
})
|
|
3761
3920
|
},
|
|
3762
3921
|
indicator: {
|
|
3763
|
-
backgroundColor:
|
|
3922
|
+
backgroundColor: ColorDynamic.Blue500
|
|
3764
3923
|
}
|
|
3765
3924
|
};
|
|
3766
3925
|
theme.overrides.MuiTab = {
|
|
@@ -3776,12 +3935,12 @@ function overrideTabs(theme) {
|
|
|
3776
3935
|
}
|
|
3777
3936
|
}),
|
|
3778
3937
|
textColorPrimary: {
|
|
3779
|
-
color:
|
|
3938
|
+
color: ColorDynamic.Dark500,
|
|
3780
3939
|
'&:hover, &:focus': {
|
|
3781
|
-
color:
|
|
3940
|
+
color: ColorDynamic.Blue500
|
|
3782
3941
|
},
|
|
3783
3942
|
'&$selected': {
|
|
3784
|
-
color:
|
|
3943
|
+
color: ColorDynamic.Blue500
|
|
3785
3944
|
}
|
|
3786
3945
|
}
|
|
3787
3946
|
};
|
|
@@ -3805,7 +3964,7 @@ function overrideTextField(theme) {
|
|
|
3805
3964
|
};
|
|
3806
3965
|
theme.overrides.MuiFormLabel = {
|
|
3807
3966
|
root: _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
|
|
3808
|
-
color:
|
|
3967
|
+
color: ColorDynamic.Dark500,
|
|
3809
3968
|
'&.MuiFormLabel-root': {
|
|
3810
3969
|
fontSize: theme.spacing(2),
|
|
3811
3970
|
[sm]: {
|
|
@@ -3826,36 +3985,36 @@ function overrideTextField(theme) {
|
|
|
3826
3985
|
theme.overrides.MuiInputBase = {
|
|
3827
3986
|
root: _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
|
|
3828
3987
|
'&$disabled': {
|
|
3829
|
-
backgroundColor:
|
|
3988
|
+
backgroundColor: ColorDynamic.Silver400Alpha30
|
|
3830
3989
|
},
|
|
3831
3990
|
'&$error': {
|
|
3832
|
-
borderColor:
|
|
3991
|
+
borderColor: ColorDynamic.Red500
|
|
3833
3992
|
},
|
|
3834
3993
|
'&.MuiOutlinedInput-root': {
|
|
3835
3994
|
'& fieldset': {
|
|
3836
|
-
borderColor:
|
|
3995
|
+
borderColor: ColorDynamic.Silver500
|
|
3837
3996
|
},
|
|
3838
3997
|
'&:hover fieldset': {
|
|
3839
|
-
borderColor:
|
|
3998
|
+
borderColor: ColorDynamic.Dark100
|
|
3840
3999
|
},
|
|
3841
4000
|
'&.Mui-focused fieldset': {
|
|
3842
|
-
borderColor:
|
|
4001
|
+
borderColor: ColorDynamic.Blue500
|
|
3843
4002
|
},
|
|
3844
4003
|
'&.Mui-error fieldset': {
|
|
3845
|
-
borderColor:
|
|
4004
|
+
borderColor: ColorDynamic.Red500
|
|
3846
4005
|
},
|
|
3847
4006
|
'&.Mui-error:hover fieldset': {
|
|
3848
|
-
borderColor:
|
|
4007
|
+
borderColor: ColorDynamic.Red500
|
|
3849
4008
|
},
|
|
3850
4009
|
'&.Mui-disabled fieldset': {
|
|
3851
|
-
borderColor:
|
|
4010
|
+
borderColor: ColorDynamic.Silver400
|
|
3852
4011
|
}
|
|
3853
4012
|
}
|
|
3854
4013
|
}),
|
|
3855
4014
|
input: {
|
|
3856
4015
|
textOverflow: 'ellipsis',
|
|
3857
4016
|
'&::placeholder': {
|
|
3858
|
-
color:
|
|
4017
|
+
color: ColorDynamic.Dark100,
|
|
3859
4018
|
opacity: 1
|
|
3860
4019
|
},
|
|
3861
4020
|
'&.MuiInputBase-input': {
|
|
@@ -3926,7 +4085,7 @@ function overrideTextField(theme) {
|
|
|
3926
4085
|
},
|
|
3927
4086
|
notchedOutline: {
|
|
3928
4087
|
top: 0,
|
|
3929
|
-
borderColor:
|
|
4088
|
+
borderColor: ColorDynamic.Silver500,
|
|
3930
4089
|
'& legend': {
|
|
3931
4090
|
display: 'none'
|
|
3932
4091
|
}
|
|
@@ -3939,7 +4098,7 @@ function overrideTextField(theme) {
|
|
|
3939
4098
|
icon: {
|
|
3940
4099
|
top: 'calc(50% - 0.5em)',
|
|
3941
4100
|
'$disabled &': {
|
|
3942
|
-
color:
|
|
4101
|
+
color: ColorDynamic.Dark100
|
|
3943
4102
|
},
|
|
3944
4103
|
fontSize: theme.spacing(3),
|
|
3945
4104
|
[sm]: {
|
|
@@ -3997,10 +4156,10 @@ function overrideTextField(theme) {
|
|
|
3997
4156
|
};
|
|
3998
4157
|
theme.overrides.MuiFormHelperText = {
|
|
3999
4158
|
root: _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
|
|
4000
|
-
color:
|
|
4159
|
+
color: ColorDynamic.Dark300,
|
|
4001
4160
|
marginTop: theme.spacing(0.5),
|
|
4002
4161
|
'&.Mui-error': {
|
|
4003
|
-
color:
|
|
4162
|
+
color: ColorDynamic.Red500
|
|
4004
4163
|
},
|
|
4005
4164
|
'&.MuiFormHelperText-root': {
|
|
4006
4165
|
fontSize: theme.spacing(2),
|
|
@@ -4034,8 +4193,8 @@ function overrideTooltip(theme) {
|
|
|
4034
4193
|
theme.overrides.MuiTooltip = {
|
|
4035
4194
|
tooltip: _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
|
|
4036
4195
|
padding: theme.spacing(1, 1.5),
|
|
4037
|
-
backgroundColor:
|
|
4038
|
-
'--sd-dark-300':
|
|
4196
|
+
backgroundColor: ColorDynamic.Dark500,
|
|
4197
|
+
'--sd-dark-300': ColorDynamic.Silver500 //tooltip secondary color(Dark300) is invisible in dark mode
|
|
4039
4198
|
}),
|
|
4040
4199
|
popperArrow: {
|
|
4041
4200
|
'&[x-placement*="top"] $arrow': {
|
|
@@ -4060,7 +4219,7 @@ function overrideTooltip(theme) {
|
|
|
4060
4219
|
}
|
|
4061
4220
|
},
|
|
4062
4221
|
arrow: {
|
|
4063
|
-
color:
|
|
4222
|
+
color: ColorDynamic.Silver500,
|
|
4064
4223
|
fontSize: theme.spacing(1)
|
|
4065
4224
|
}
|
|
4066
4225
|
};
|
|
@@ -4176,10 +4335,10 @@ function overrideTypography(theme) {
|
|
|
4176
4335
|
};
|
|
4177
4336
|
theme.overrides.MuiTypography = {
|
|
4178
4337
|
colorError: {
|
|
4179
|
-
color:
|
|
4338
|
+
color: ColorDynamic.Red500
|
|
4180
4339
|
},
|
|
4181
4340
|
colorPrimary: {
|
|
4182
|
-
color:
|
|
4341
|
+
color: ColorDynamic.Blue500
|
|
4183
4342
|
}
|
|
4184
4343
|
};
|
|
4185
4344
|
}
|
|
@@ -4188,13 +4347,13 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_ref => {
|
|
|
4188
4347
|
var {
|
|
4189
4348
|
theme
|
|
4190
4349
|
} = _ref;
|
|
4191
|
-
var color = theme.palette.type === 'dark' ?
|
|
4350
|
+
var color = theme.palette.type === 'dark' ? ColorDark : Color;
|
|
4192
4351
|
return "\n :root{\n color-scheme: only ".concat(theme.palette.type, ";\n --sd-white: ").concat(color.White, ";\n --sd-white-50: ").concat(color.White50, ";\n --sd-white-40: ").concat(color.White40, ";\n --sd-white-20: ").concat(color.White20, ";\n --sd-white-10: ").concat(color.White10, ";\n --sd-white-08: ").concat(color.White08, ";\n --sd-transparent: ").concat(color.Transparent, ";\n\n --sd-black: ").concat(color.Black, ";\n --sd-black-50: ").concat(color.Black50, ";\n --sd-black-20: ").concat(color.Black20, ";\n\n --sd-dark-30: ").concat(color.Dark30, ";\n --sd-blue-30: ").concat(color.Blue30, ";\n --sd-green-30: ").concat(color.Green30, ";\n --sd-red-30: ").concat(color.Red30, ";\n --sd-red-300-alpha-20: ").concat(color.Red300Aplha20, ";\n --sd-silver-30: ").concat(color.Silver30, ";\n\n --sd-blue-10: ").concat(color.Blue10, ";\n --sd-red-10: ").concat(color.Red10, ";\n\n /* Legacy Neutral Colors */\n --sd-grey-100: ").concat(color.Grey100, "; /* @deprecated Use Dark100 */\n --sd-grey-200: ").concat(color.Grey200, "; /* @deprecated Use Dark200 */\n --sd-grey-300: ").concat(color.Grey300, "; /* @deprecated Use Dark300 */\n --sd-grey-400: ").concat(color.Grey400, "; /* @deprecated Use Dark400 */\n --sd-grey-450: ").concat(color.Grey450, "; /* @deprecated Use Dark450 */\n --sd-grey-500: ").concat(color.Grey500, "; /* @deprecated Use Dark500 */\n\n --sd-dark-200: ").concat(color.Dark200, "; /* @deprecated */\n --sd-dark-400: ").concat(color.Dark400, "; /* @deprecated */\n --sd-dark-450: ").concat(color.Dark450, "; /* @deprecated */\n\n --sd-silver-100: ").concat(color.Silver100, "; /* @deprecated */\n --sd-silver-300: ").concat(color.Silver300, "; /* @deprecated */\n\n /* Legacy Extended Palette */\n --sd-blue-75: ").concat(color.Blue75, "; /* @deprecated */\n --sd-blue-100: ").concat(color.Blue100, "; /* @deprecated */\n --sd-blue-200: ").concat(color.Blue200, "; /* @deprecated */\n --sd-blue-400: ").concat(color.Blue400, "; /* @deprecated */\n\n --sd-green-75: ").concat(color.Green75, "; /* @deprecated */\n --sd-green-100: ").concat(color.Green100, "; /* @deprecated */\n --sd-green-200: ").concat(color.Green200, "; /* @deprecated */\n --sd-green-400: ").concat(color.Green400, "; /* @deprecated */\n\n --sd-purple-75: ").concat(color.Purple75, "; /* @deprecated */\n --sd-purple-100: ").concat(color.Purple100, "; /* @deprecated */\n --sd-purple-200: ").concat(color.Purple200, "; /* @deprecated */\n --sd-purple-400: ").concat(color.Purple400, "; /* @deprecated */\n\n --sd-red-75: ").concat(color.Red75, "; /* @deprecated */\n --sd-red-100: ").concat(color.Red100, "; /* @deprecated */\n --sd-red-200: ").concat(color.Red200, "; /* @deprecated */\n --sd-red-400: ").concat(color.Red400, "; /* @deprecated */\n\n --sd-teal-75: ").concat(color.Teal75, "; /* @deprecated */\n --sd-teal-100: ").concat(color.Teal100, "; /* @deprecated */\n --sd-teal-200: ").concat(color.Teal200, "; /* @deprecated */\n --sd-teal-400: ").concat(color.Teal400, "; /* @deprecated */\n\n --sd-yellow-75: ").concat(color.Yellow75, "; /* @deprecated */\n --sd-yellow-100: ").concat(color.Yellow100, "; /* @deprecated */\n --sd-yellow-200: ").concat(color.Yellow200, "; /* @deprecated */\n --sd-yellow-400: ").concat(color.Yellow400, "; /* @deprecated */\n --sd-dark-50: ").concat(color.Dark50, ";\n /* extended palette */\n \n --sd-blue-50: ").concat(color.Blue50, ";\n --sd-blue-500: ").concat(color.Blue500, ";\n --sd-blue-300: ").concat(color.Blue300, ";\n --sd-green-300: ").concat(color.Green300, ";\n --sd-green-500: ").concat(color.Green500, ";\n --sd-green-50: ").concat(color.Green50, ";\n --sd-yellow-300: ").concat(color.Yellow300, ";\n --sd-yellow-500: ").concat(color.Yellow500, ";\n --sd-yellow-50: ").concat(color.Yellow50, ";\n --sd-red-300: ").concat(color.Red300, ";\n --sd-red-500: ").concat(color.Red500, ";\n --sd-red-50: ").concat(color.Red50, ";\n --sd-purple-300: ").concat(color.Purple300, ";\n --sd-purple-500: ").concat(color.Purple500, ";\n --sd-purple-50: ").concat(color.Purple50, ";\n --sd-teal-300: ").concat(color.Teal300, ";\n --sd-teal-500: ").concat(color.Teal500, ";\n --sd-teal-50: ").concat(color.Teal50, ";\n --sd-silver-500: ").concat(color.Silver500, ";\n --sd-silver-200: ").concat(color.Silver200, ";\n --sd-silver-400: ").concat(color.Silver400, ";\n --sd-silver-400-alpha-30: ").concat(color.Silver400Alpha30, ";\n --sd-dark-100: ").concat(color.Dark100, ";\n --sd-dark-300: ").concat(color.Dark300, ";\n --sd-dark-500: ").concat(color.Dark500, ";\n }\n ");
|
|
4193
4352
|
});
|
|
4194
4353
|
|
|
4195
4354
|
function createSuperDispatchTheme(type) {
|
|
4196
4355
|
var breakpoints = createBreakpoints({});
|
|
4197
|
-
var color = type === 'dark' ?
|
|
4356
|
+
var color = type === 'dark' ? ColorDark : Color;
|
|
4198
4357
|
var theme = core.createTheme({
|
|
4199
4358
|
breakpoints,
|
|
4200
4359
|
palette: {
|
|
@@ -4435,6 +4594,9 @@ exports.Button = Button;
|
|
|
4435
4594
|
exports.CardButton = CardButton;
|
|
4436
4595
|
exports.CheckboxField = CheckboxField;
|
|
4437
4596
|
exports.CheckboxGroupField = CheckboxGroupField;
|
|
4597
|
+
exports.Color = Color;
|
|
4598
|
+
exports.ColorDark = ColorDark;
|
|
4599
|
+
exports.ColorDynamic = ColorDynamic;
|
|
4438
4600
|
exports.Column = Column;
|
|
4439
4601
|
exports.Columns = Columns;
|
|
4440
4602
|
exports.DescriptionList = DescriptionList;
|