@superdispatch/ui 0.50.2 → 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 +390 -216
- 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 +22 -7
- 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-types/index.d.ts +1 -1
- package/dist-web/index.js +204 -39
- 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,13 +2353,23 @@ 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",
|
|
2204
2360
|
componentId: "SD__sc-5etge2-4"
|
|
2205
2361
|
})(["padding-left:30px;"]);
|
|
2206
|
-
var
|
|
2362
|
+
var IconWrapper = /*#__PURE__*/styled__default.div.withConfig({
|
|
2363
|
+
displayName: "RadioFieldCard__IconWrapper",
|
|
2364
|
+
componentId: "SD__sc-5etge2-5"
|
|
2365
|
+
})(["display:flex;", "{padding-left:30px;}"], _ref2 => {
|
|
2366
|
+
var {
|
|
2367
|
+
theme
|
|
2368
|
+
} = _ref2;
|
|
2369
|
+
return theme.breakpoints.down('xs');
|
|
2370
|
+
});
|
|
2371
|
+
var RadioFieldCard = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
|
|
2372
|
+
var _ref4;
|
|
2207
2373
|
var {
|
|
2208
2374
|
name,
|
|
2209
2375
|
value,
|
|
@@ -2213,17 +2379,20 @@ var RadioFieldCard = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
|
|
|
2213
2379
|
icon,
|
|
2214
2380
|
checked,
|
|
2215
2381
|
onChange
|
|
2216
|
-
} =
|
|
2217
|
-
props = _objectWithoutProperties(
|
|
2382
|
+
} = _ref3,
|
|
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;
|
|
2218
2386
|
return /*#__PURE__*/jsxRuntime.jsx(Card, {
|
|
2219
|
-
disabled:
|
|
2387
|
+
disabled: disabledState,
|
|
2220
2388
|
children: /*#__PURE__*/jsxRuntime.jsx(ClickableCard, _objectSpread(_objectSpread({
|
|
2221
2389
|
name: name,
|
|
2222
|
-
disabled:
|
|
2390
|
+
disabled: disabledState
|
|
2223
2391
|
}, props), {}, {
|
|
2224
2392
|
children: /*#__PURE__*/jsxRuntime.jsx(Content, {
|
|
2225
2393
|
active: checked,
|
|
2226
2394
|
children: /*#__PURE__*/jsxRuntime.jsxs(Columns, {
|
|
2395
|
+
collapseBelow: "tablet",
|
|
2227
2396
|
space: "small",
|
|
2228
2397
|
children: [/*#__PURE__*/jsxRuntime.jsxs(Column, {
|
|
2229
2398
|
children: [/*#__PURE__*/jsxRuntime.jsx(FormControlLabel, {
|
|
@@ -2246,7 +2415,9 @@ var RadioFieldCard = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
|
|
|
2246
2415
|
})]
|
|
2247
2416
|
}), /*#__PURE__*/jsxRuntime.jsx(Column, {
|
|
2248
2417
|
width: "content",
|
|
2249
|
-
children:
|
|
2418
|
+
children: /*#__PURE__*/jsxRuntime.jsx(IconWrapper, {
|
|
2419
|
+
children: icon
|
|
2420
|
+
})
|
|
2250
2421
|
})]
|
|
2251
2422
|
})
|
|
2252
2423
|
})
|
|
@@ -2259,11 +2430,11 @@ var _excluded$n = ["name", "value", "onChange", "RadioGroupProps", "label", "For
|
|
|
2259
2430
|
var FormLabel$1 = /*#__PURE__*/styled__default(core.FormLabel).withConfig({
|
|
2260
2431
|
displayName: "RadioGroupField__FormLabel",
|
|
2261
2432
|
componentId: "SD__sc-1udxviq-0"
|
|
2262
|
-
})(["margin-bottom:8px;color:", ";font-weight:600;"],
|
|
2433
|
+
})(["margin-bottom:8px;color:", ";font-weight:600;"], ColorDynamic.Dark300);
|
|
2263
2434
|
var FormHelperText$3 = /*#__PURE__*/styled__default(core.FormHelperText).withConfig({
|
|
2264
2435
|
displayName: "RadioGroupField__FormHelperText",
|
|
2265
2436
|
componentId: "SD__sc-1udxviq-1"
|
|
2266
|
-
})(["margin-top:8px;color:", ";&.Mui-error{color:", ";}"],
|
|
2437
|
+
})(["margin-top:8px;color:", ";&.Mui-error{color:", ";}"], ColorDynamic.Dark300, ColorDynamic.Red500);
|
|
2267
2438
|
var RadioGroupField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
2268
2439
|
var {
|
|
2269
2440
|
name,
|
|
@@ -2329,8 +2500,8 @@ var PaddedContent = /*#__PURE__*/styled__default.span.withConfig({
|
|
|
2329
2500
|
})(["padding:2px 0 0;"]);
|
|
2330
2501
|
var useStyles$b = /*#__PURE__*/styles.makeStyles(theme => ({
|
|
2331
2502
|
root: {
|
|
2332
|
-
color:
|
|
2333
|
-
backgroundColor:
|
|
2503
|
+
color: ColorDynamic.White,
|
|
2504
|
+
backgroundColor: ColorDynamic.Dark500,
|
|
2334
2505
|
alignItems: 'flex-start',
|
|
2335
2506
|
padding: '10px 16px',
|
|
2336
2507
|
[theme.breakpoints.up('md')]: {
|
|
@@ -2353,17 +2524,17 @@ var useStyles$b = /*#__PURE__*/styles.makeStyles(theme => ({
|
|
|
2353
2524
|
fontSize: theme.spacing(3)
|
|
2354
2525
|
},
|
|
2355
2526
|
closeButton: {
|
|
2356
|
-
color:
|
|
2527
|
+
color: ColorDynamic.White40,
|
|
2357
2528
|
'&:hover, &:focus': {
|
|
2358
|
-
backgroundColor:
|
|
2359
|
-
color:
|
|
2529
|
+
backgroundColor: ColorDynamic.White08,
|
|
2530
|
+
color: ColorDynamic.White40
|
|
2360
2531
|
}
|
|
2361
2532
|
},
|
|
2362
2533
|
variantError: {
|
|
2363
|
-
color:
|
|
2364
|
-
background:
|
|
2534
|
+
color: ColorDynamic.Red500,
|
|
2535
|
+
background: ColorDynamic.Red50,
|
|
2365
2536
|
'& $closeButton': {
|
|
2366
|
-
color:
|
|
2537
|
+
color: ColorDynamic.Red500
|
|
2367
2538
|
}
|
|
2368
2539
|
},
|
|
2369
2540
|
variantSuccess: {}
|
|
@@ -2449,7 +2620,7 @@ var Snackbar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
2449
2620
|
props = _objectWithoutProperties(_ref, _excluded$p);
|
|
2450
2621
|
function handleClose(reason) {
|
|
2451
2622
|
if (reason !== 'clickaway') {
|
|
2452
|
-
onClose === null || onClose === void 0
|
|
2623
|
+
onClose === null || onClose === void 0 || onClose(reason === 'timeout' ? 'timeout' : 'explicit');
|
|
2453
2624
|
}
|
|
2454
2625
|
}
|
|
2455
2626
|
return /*#__PURE__*/jsxRuntime.jsx(core.Portal, {
|
|
@@ -2550,7 +2721,7 @@ function SnackbarStackProvider(_ref2) {
|
|
|
2550
2721
|
children: message,
|
|
2551
2722
|
onClose: reason => {
|
|
2552
2723
|
removeSnackbar();
|
|
2553
|
-
_onClose === null || _onClose === void 0
|
|
2724
|
+
_onClose === null || _onClose === void 0 || _onClose(reason);
|
|
2554
2725
|
}
|
|
2555
2726
|
}));
|
|
2556
2727
|
});
|
|
@@ -2620,65 +2791,65 @@ var useStyles$c = /*#__PURE__*/styles.makeStyles(theme => ({
|
|
|
2620
2791
|
},
|
|
2621
2792
|
variantSubtle: {
|
|
2622
2793
|
'&$colorGrey': {
|
|
2623
|
-
color:
|
|
2624
|
-
backgroundColor:
|
|
2794
|
+
color: ColorDynamic.Dark300,
|
|
2795
|
+
backgroundColor: ColorDynamic.Silver200
|
|
2625
2796
|
},
|
|
2626
2797
|
'&$colorDark': {
|
|
2627
|
-
color:
|
|
2628
|
-
backgroundColor:
|
|
2798
|
+
color: ColorDynamic.Dark500,
|
|
2799
|
+
backgroundColor: ColorDynamic.Silver400
|
|
2629
2800
|
},
|
|
2630
2801
|
'&$colorBlue': {
|
|
2631
|
-
color:
|
|
2632
|
-
backgroundColor:
|
|
2802
|
+
color: ColorDynamic.Blue500,
|
|
2803
|
+
backgroundColor: ColorDynamic.Blue50
|
|
2633
2804
|
},
|
|
2634
2805
|
'&$colorGreen': {
|
|
2635
|
-
color:
|
|
2636
|
-
backgroundColor:
|
|
2806
|
+
color: ColorDynamic.Green500,
|
|
2807
|
+
backgroundColor: ColorDynamic.Green50
|
|
2637
2808
|
},
|
|
2638
2809
|
'&$colorPurple': {
|
|
2639
|
-
color:
|
|
2640
|
-
backgroundColor:
|
|
2810
|
+
color: ColorDynamic.Purple500,
|
|
2811
|
+
backgroundColor: ColorDynamic.Purple50
|
|
2641
2812
|
},
|
|
2642
2813
|
'&$colorRed': {
|
|
2643
|
-
color:
|
|
2644
|
-
backgroundColor:
|
|
2814
|
+
color: ColorDynamic.Red500,
|
|
2815
|
+
backgroundColor: ColorDynamic.Red50
|
|
2645
2816
|
},
|
|
2646
2817
|
'&$colorTeal': {
|
|
2647
|
-
color:
|
|
2648
|
-
backgroundColor:
|
|
2818
|
+
color: ColorDynamic.Teal500,
|
|
2819
|
+
backgroundColor: ColorDynamic.Teal50
|
|
2649
2820
|
},
|
|
2650
2821
|
'&$colorYellow': {
|
|
2651
|
-
color:
|
|
2652
|
-
backgroundColor:
|
|
2822
|
+
color: ColorDynamic.Yellow500,
|
|
2823
|
+
backgroundColor: ColorDynamic.Yellow50
|
|
2653
2824
|
}
|
|
2654
2825
|
},
|
|
2655
2826
|
variantBold: {
|
|
2656
|
-
color:
|
|
2827
|
+
color: Color.White,
|
|
2657
2828
|
'&$colorGrey': {
|
|
2658
|
-
backgroundColor:
|
|
2659
|
-
color:
|
|
2829
|
+
backgroundColor: ColorDynamic.Dark300,
|
|
2830
|
+
color: ColorDynamic.White
|
|
2660
2831
|
},
|
|
2661
2832
|
'&$colorDark': {
|
|
2662
|
-
backgroundColor:
|
|
2663
|
-
color:
|
|
2833
|
+
backgroundColor: ColorDynamic.Dark500,
|
|
2834
|
+
color: ColorDynamic.White
|
|
2664
2835
|
},
|
|
2665
2836
|
'&$colorBlue': {
|
|
2666
|
-
backgroundColor:
|
|
2837
|
+
backgroundColor: ColorDynamic.Blue300
|
|
2667
2838
|
},
|
|
2668
2839
|
'&$colorGreen': {
|
|
2669
|
-
backgroundColor:
|
|
2840
|
+
backgroundColor: ColorDynamic.Green300
|
|
2670
2841
|
},
|
|
2671
2842
|
'&$colorPurple': {
|
|
2672
|
-
backgroundColor:
|
|
2843
|
+
backgroundColor: ColorDynamic.Purple300
|
|
2673
2844
|
},
|
|
2674
2845
|
'&$colorRed': {
|
|
2675
|
-
backgroundColor:
|
|
2846
|
+
backgroundColor: ColorDynamic.Red300
|
|
2676
2847
|
},
|
|
2677
2848
|
'&$colorTeal': {
|
|
2678
|
-
backgroundColor:
|
|
2849
|
+
backgroundColor: ColorDynamic.Teal300
|
|
2679
2850
|
},
|
|
2680
2851
|
'&$colorYellow': {
|
|
2681
|
-
backgroundColor:
|
|
2852
|
+
backgroundColor: ColorDynamic.Yellow300
|
|
2682
2853
|
}
|
|
2683
2854
|
},
|
|
2684
2855
|
colorGrey: {},
|
|
@@ -2728,7 +2899,7 @@ function overrideAppBar(theme) {
|
|
|
2728
2899
|
|
|
2729
2900
|
function overrideAutocomplete(theme) {
|
|
2730
2901
|
var sm = theme.breakpoints.up('sm');
|
|
2731
|
-
var color = theme.palette.type === 'dark' ? core.alpha(
|
|
2902
|
+
var color = theme.palette.type === 'dark' ? core.alpha(Color.White, 0.08) : ColorDynamic.Silver200;
|
|
2732
2903
|
|
|
2733
2904
|
// Remove `Object.assign` after official release of `Autocomplete`.
|
|
2734
2905
|
Object.assign(theme.props, {
|
|
@@ -2809,22 +2980,22 @@ function overrideAvatar(theme) {
|
|
|
2809
2980
|
}
|
|
2810
2981
|
}),
|
|
2811
2982
|
colorDefault: {
|
|
2812
|
-
color:
|
|
2813
|
-
backgroundColor:
|
|
2983
|
+
color: ColorDynamic.Dark300,
|
|
2984
|
+
backgroundColor: ColorDynamic.Silver400
|
|
2814
2985
|
}
|
|
2815
2986
|
};
|
|
2816
2987
|
}
|
|
2817
2988
|
|
|
2818
2989
|
function outlineShadow() {
|
|
2819
2990
|
var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
|
|
2820
|
-
var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] :
|
|
2991
|
+
var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ColorDynamic.Transparent;
|
|
2821
2992
|
return "0 0 0 ".concat(size, "px ").concat(color);
|
|
2822
2993
|
}
|
|
2823
2994
|
function textVariant(text, outline, background, progress) {
|
|
2824
2995
|
return {
|
|
2825
2996
|
color: text,
|
|
2826
2997
|
boxShadow: outlineShadow(),
|
|
2827
|
-
backgroundColor:
|
|
2998
|
+
backgroundColor: ColorDynamic.Transparent,
|
|
2828
2999
|
'&:hover': {
|
|
2829
3000
|
backgroundColor: background
|
|
2830
3001
|
},
|
|
@@ -2838,7 +3009,7 @@ function textVariant(text, outline, background, progress) {
|
|
|
2838
3009
|
'&$disabled': {
|
|
2839
3010
|
color: outline,
|
|
2840
3011
|
boxShadow: outlineShadow(),
|
|
2841
|
-
backgroundColor:
|
|
3012
|
+
backgroundColor: ColorDynamic.Transparent
|
|
2842
3013
|
},
|
|
2843
3014
|
'&$disabled[aria-busy="true"]': {
|
|
2844
3015
|
color: progress
|
|
@@ -2846,7 +3017,7 @@ function textVariant(text, outline, background, progress) {
|
|
|
2846
3017
|
};
|
|
2847
3018
|
}
|
|
2848
3019
|
function outlinedBorder(borderColor) {
|
|
2849
|
-
var outlineColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] :
|
|
3020
|
+
var outlineColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ColorDynamic.Transparent;
|
|
2850
3021
|
return "inset 0 0 0 1px ".concat(borderColor, ", 0 0 0 2px ").concat(outlineColor);
|
|
2851
3022
|
}
|
|
2852
3023
|
function outlinedVariant(staleText, staleBorder, disabledText, disabledBorder, activeText, activeBorder, activeOutline, activeBackground, progress, backgroundColor) {
|
|
@@ -2976,11 +3147,11 @@ function overrideButton(theme) {
|
|
|
2976
3147
|
},
|
|
2977
3148
|
text: {
|
|
2978
3149
|
padding: undefined,
|
|
2979
|
-
'&[data-color="error"]': textVariant(
|
|
2980
|
-
'&[data-color="success"]': textVariant(
|
|
2981
|
-
'&[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)
|
|
2982
3153
|
},
|
|
2983
|
-
textPrimary: textVariant(
|
|
3154
|
+
textPrimary: textVariant(ColorDynamic.Blue300, ColorDynamic.Blue100, ColorDynamic.Blue50, ColorDynamic.Blue200),
|
|
2984
3155
|
textSizeSmall: {
|
|
2985
3156
|
padding: undefined,
|
|
2986
3157
|
fontSize: undefined
|
|
@@ -2995,11 +3166,11 @@ function overrideButton(theme) {
|
|
|
2995
3166
|
'&$disabled': {
|
|
2996
3167
|
border: undefined
|
|
2997
3168
|
},
|
|
2998
|
-
'&[data-color="error"]': outlinedVariant(
|
|
2999
|
-
'&[data-color="success"]': outlinedVariant(
|
|
3000
|
-
'&[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)
|
|
3001
3172
|
},
|
|
3002
|
-
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),
|
|
3003
3174
|
outlinedSizeSmall: {
|
|
3004
3175
|
padding: undefined,
|
|
3005
3176
|
fontSize: undefined
|
|
@@ -3033,11 +3204,11 @@ function overrideButton(theme) {
|
|
|
3033
3204
|
boxShadow: undefined,
|
|
3034
3205
|
backgroundColor: undefined
|
|
3035
3206
|
},
|
|
3036
|
-
'&[data-color="error"]': containedVariant(
|
|
3037
|
-
'&[data-color="success"]': containedVariant(
|
|
3038
|
-
'&[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)
|
|
3039
3210
|
},
|
|
3040
|
-
containedPrimary: containedVariant(
|
|
3211
|
+
containedPrimary: containedVariant(ColorDynamic.White, ColorDynamic.Blue300, ColorDynamic.Blue100, ColorDynamic.Blue500, ColorDynamic.White, ColorDynamic.Blue100),
|
|
3041
3212
|
containedSizeSmall: {
|
|
3042
3213
|
padding: undefined,
|
|
3043
3214
|
fontSize: undefined
|
|
@@ -3071,7 +3242,7 @@ function overrideCheckbox(theme) {
|
|
|
3071
3242
|
height: "17",
|
|
3072
3243
|
x: "3.5",
|
|
3073
3244
|
y: "3.5",
|
|
3074
|
-
fill:
|
|
3245
|
+
fill: ColorDynamic.White,
|
|
3075
3246
|
stroke: "currentColor",
|
|
3076
3247
|
rx: "1.5"
|
|
3077
3248
|
})
|
|
@@ -3085,7 +3256,7 @@ function overrideCheckbox(theme) {
|
|
|
3085
3256
|
fill: "currentColor",
|
|
3086
3257
|
rx: "2"
|
|
3087
3258
|
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
3088
|
-
fill:
|
|
3259
|
+
fill: Color.White,
|
|
3089
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"
|
|
3090
3261
|
})]
|
|
3091
3262
|
}),
|
|
@@ -3098,14 +3269,14 @@ function overrideCheckbox(theme) {
|
|
|
3098
3269
|
fill: "currentIcon",
|
|
3099
3270
|
rx: "2"
|
|
3100
3271
|
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
3101
|
-
fill:
|
|
3272
|
+
fill: ColorDynamic.White,
|
|
3102
3273
|
d: "M7 11h10v2H7v-2z"
|
|
3103
3274
|
})]
|
|
3104
3275
|
})
|
|
3105
3276
|
};
|
|
3106
3277
|
theme.overrides.MuiCheckbox = {
|
|
3107
3278
|
root: {
|
|
3108
|
-
color:
|
|
3279
|
+
color: ColorDynamic.Dark100,
|
|
3109
3280
|
width: theme.spacing(3),
|
|
3110
3281
|
height: theme.spacing(3),
|
|
3111
3282
|
marginRight: theme.spacing(1),
|
|
@@ -3114,7 +3285,7 @@ function overrideCheckbox(theme) {
|
|
|
3114
3285
|
marginBottom: theme.spacing(0.5),
|
|
3115
3286
|
padding: 0,
|
|
3116
3287
|
'&:hover': {
|
|
3117
|
-
backgroundColor:
|
|
3288
|
+
backgroundColor: ColorDynamic.Blue10
|
|
3118
3289
|
},
|
|
3119
3290
|
'&.MuiButtonBase-root': {
|
|
3120
3291
|
borderRadius: theme.spacing(0.5)
|
|
@@ -3122,11 +3293,11 @@ function overrideCheckbox(theme) {
|
|
|
3122
3293
|
},
|
|
3123
3294
|
colorPrimary: {
|
|
3124
3295
|
'&$checked$disabled': {
|
|
3125
|
-
color:
|
|
3296
|
+
color: ColorDynamic.Silver500
|
|
3126
3297
|
},
|
|
3127
3298
|
'&:hover:not($checked)': {
|
|
3128
|
-
color:
|
|
3129
|
-
backgroundColor:
|
|
3299
|
+
color: ColorDynamic.Dark100,
|
|
3300
|
+
backgroundColor: ColorDynamic.Blue10
|
|
3130
3301
|
}
|
|
3131
3302
|
}
|
|
3132
3303
|
};
|
|
@@ -3152,10 +3323,10 @@ function overrideChip(theme) {
|
|
|
3152
3323
|
color: undefined,
|
|
3153
3324
|
height: undefined,
|
|
3154
3325
|
borderRadius: 4,
|
|
3155
|
-
backgroundColor:
|
|
3326
|
+
backgroundColor: ColorDynamic.Silver200,
|
|
3156
3327
|
'&$disabled': {
|
|
3157
3328
|
opacity: undefined,
|
|
3158
|
-
color:
|
|
3329
|
+
color: ColorDynamic.Dark100
|
|
3159
3330
|
}
|
|
3160
3331
|
}),
|
|
3161
3332
|
sizeSmall: {
|
|
@@ -3177,26 +3348,26 @@ function overrideChip(theme) {
|
|
|
3177
3348
|
boxShadow: undefined
|
|
3178
3349
|
},
|
|
3179
3350
|
'&:focus': {
|
|
3180
|
-
boxShadow: "0 0 0 2px ".concat(
|
|
3351
|
+
boxShadow: "0 0 0 2px ".concat(ColorDynamic.Dark30)
|
|
3181
3352
|
},
|
|
3182
3353
|
'&:active, &:hover': {
|
|
3183
|
-
backgroundColor:
|
|
3354
|
+
backgroundColor: ColorDynamic.Silver400
|
|
3184
3355
|
}
|
|
3185
3356
|
},
|
|
3186
3357
|
deletable: {
|
|
3187
3358
|
'&:focus': {
|
|
3188
3359
|
backgroundColor: undefined,
|
|
3189
|
-
boxShadow: "0 0 0 2px ".concat(
|
|
3360
|
+
boxShadow: "0 0 0 2px ".concat(ColorDynamic.Silver400)
|
|
3190
3361
|
}
|
|
3191
3362
|
},
|
|
3192
3363
|
colorPrimary: {
|
|
3193
3364
|
'& $deleteIcon svg': {
|
|
3194
|
-
color:
|
|
3365
|
+
color: Color.White
|
|
3195
3366
|
}
|
|
3196
3367
|
},
|
|
3197
3368
|
colorSecondary: {
|
|
3198
3369
|
'& $deleteIcon svg': {
|
|
3199
|
-
color:
|
|
3370
|
+
color: Color.White
|
|
3200
3371
|
}
|
|
3201
3372
|
},
|
|
3202
3373
|
deleteIcon: {
|
|
@@ -3206,12 +3377,12 @@ function overrideChip(theme) {
|
|
|
3206
3377
|
transition: theme.transitions.create('background-color'),
|
|
3207
3378
|
'&:active, &:hover, &:focus': {
|
|
3208
3379
|
'& > svg': {
|
|
3209
|
-
backgroundColor:
|
|
3380
|
+
backgroundColor: ColorDynamic.Silver400
|
|
3210
3381
|
}
|
|
3211
3382
|
},
|
|
3212
3383
|
'& > svg': {
|
|
3213
3384
|
borderRadius: '50%',
|
|
3214
|
-
color:
|
|
3385
|
+
color: ColorDynamic.Dark100,
|
|
3215
3386
|
fontSize: '1em'
|
|
3216
3387
|
}
|
|
3217
3388
|
},
|
|
@@ -3226,7 +3397,7 @@ function overrideChip(theme) {
|
|
|
3226
3397
|
}
|
|
3227
3398
|
},
|
|
3228
3399
|
icon: {
|
|
3229
|
-
color:
|
|
3400
|
+
color: ColorDynamic.Dark100,
|
|
3230
3401
|
fontSize: '1em',
|
|
3231
3402
|
marginRight: undefined
|
|
3232
3403
|
},
|
|
@@ -3299,38 +3470,38 @@ function overrideDrawer(theme) {
|
|
|
3299
3470
|
function overrideIconButton(theme) {
|
|
3300
3471
|
theme.overrides.MuiIconButton = {
|
|
3301
3472
|
root: {
|
|
3302
|
-
color:
|
|
3303
|
-
backgroundColor:
|
|
3473
|
+
color: ColorDynamic.Dark100,
|
|
3474
|
+
backgroundColor: ColorDynamic.Transparent,
|
|
3304
3475
|
transition: theme.transitions.create(['color', 'background-color'], {
|
|
3305
3476
|
duration: theme.transitions.duration.short
|
|
3306
3477
|
}),
|
|
3307
3478
|
'&:hover': {
|
|
3308
|
-
backgroundColor:
|
|
3479
|
+
backgroundColor: ColorDynamic.Transparent
|
|
3309
3480
|
},
|
|
3310
3481
|
'&:active': {
|
|
3311
|
-
color:
|
|
3482
|
+
color: ColorDynamic.Dark500
|
|
3312
3483
|
},
|
|
3313
3484
|
'&:hover ': {
|
|
3314
|
-
color:
|
|
3485
|
+
color: ColorDynamic.Dark300
|
|
3315
3486
|
},
|
|
3316
3487
|
'&:focus': {
|
|
3317
|
-
backgroundColor:
|
|
3488
|
+
backgroundColor: ColorDynamic.Silver400
|
|
3318
3489
|
},
|
|
3319
3490
|
'&$disabled': {
|
|
3320
|
-
color:
|
|
3491
|
+
color: ColorDynamic.Silver500
|
|
3321
3492
|
}
|
|
3322
3493
|
},
|
|
3323
3494
|
colorPrimary: {
|
|
3324
3495
|
'&:active': {
|
|
3325
|
-
color:
|
|
3496
|
+
color: ColorDynamic.Blue500
|
|
3326
3497
|
},
|
|
3327
3498
|
'&:hover ': {
|
|
3328
|
-
color:
|
|
3499
|
+
color: ColorDynamic.Blue300
|
|
3329
3500
|
},
|
|
3330
3501
|
'&:focus': {
|
|
3331
|
-
backgroundColor:
|
|
3502
|
+
backgroundColor: ColorDynamic.Blue50
|
|
3332
3503
|
},
|
|
3333
|
-
color:
|
|
3504
|
+
color: ColorDynamic.Blue500
|
|
3334
3505
|
},
|
|
3335
3506
|
edgeEnd: {
|
|
3336
3507
|
marginRight: theme.spacing(-1)
|
|
@@ -3354,21 +3525,21 @@ function overrideLink(theme) {
|
|
|
3354
3525
|
backgroundSize: '100% 1px',
|
|
3355
3526
|
backgroundRepeat: 'repeat-x',
|
|
3356
3527
|
backgroundPosition: '0 100%',
|
|
3357
|
-
backgroundColor:
|
|
3528
|
+
backgroundColor: ColorDynamic.Transparent,
|
|
3358
3529
|
'&:focus': {
|
|
3359
3530
|
outline: 'none'
|
|
3360
3531
|
},
|
|
3361
3532
|
'&:disabled': {
|
|
3362
|
-
color:
|
|
3363
|
-
backgroundImage: line(
|
|
3533
|
+
color: ColorDynamic.Dark100,
|
|
3534
|
+
backgroundImage: line(ColorDynamic.Silver500),
|
|
3364
3535
|
'&:focus, &:hover, &:active': {
|
|
3365
|
-
color:
|
|
3366
|
-
backgroundImage: line(
|
|
3536
|
+
color: ColorDynamic.Dark100,
|
|
3537
|
+
backgroundImage: line(ColorDynamic.Silver500)
|
|
3367
3538
|
}
|
|
3368
3539
|
},
|
|
3369
3540
|
'&.MuiLink-underlineAlways': {
|
|
3370
3541
|
textDecoration: 'none',
|
|
3371
|
-
backgroundImage: line(
|
|
3542
|
+
backgroundImage: line(ColorDynamic.Silver500),
|
|
3372
3543
|
'&:hover, &:active': {
|
|
3373
3544
|
backgroundImage: line('currentColor')
|
|
3374
3545
|
}
|
|
@@ -3395,8 +3566,8 @@ function overrideLink(theme) {
|
|
|
3395
3566
|
},
|
|
3396
3567
|
'&.MuiTypography-colorTextPrimary, &.MuiTypography-colorTextSecondary': {
|
|
3397
3568
|
'&:focus, &:hover, &:active': {
|
|
3398
|
-
color:
|
|
3399
|
-
backgroundImage: line(
|
|
3569
|
+
color: ColorDynamic.Blue500,
|
|
3570
|
+
backgroundImage: line(ColorDynamic.Blue500)
|
|
3400
3571
|
}
|
|
3401
3572
|
}
|
|
3402
3573
|
},
|
|
@@ -3417,14 +3588,14 @@ function overrideLink(theme) {
|
|
|
3417
3588
|
}
|
|
3418
3589
|
|
|
3419
3590
|
function overrideList(theme) {
|
|
3420
|
-
var color = theme.palette.type === 'dark' ? core.alpha(
|
|
3591
|
+
var color = theme.palette.type === 'dark' ? core.alpha(Color.White, 0.08) : ColorDynamic.Silver200;
|
|
3421
3592
|
theme.overrides.MuiListItem = {
|
|
3422
3593
|
root: {
|
|
3423
3594
|
'&$selected, &$selected:hover': {
|
|
3424
|
-
backgroundColor:
|
|
3595
|
+
backgroundColor: ColorDynamic.Blue50
|
|
3425
3596
|
},
|
|
3426
3597
|
'& .MuiTouchRipple-root': {
|
|
3427
|
-
color:
|
|
3598
|
+
color: ColorDynamic.Blue100
|
|
3428
3599
|
}
|
|
3429
3600
|
},
|
|
3430
3601
|
button: {
|
|
@@ -3436,7 +3607,7 @@ function overrideList(theme) {
|
|
|
3436
3607
|
}
|
|
3437
3608
|
|
|
3438
3609
|
function overrideMenu(theme) {
|
|
3439
|
-
var color = theme.palette.type === 'dark' ? core.alpha(
|
|
3610
|
+
var color = theme.palette.type === 'dark' ? core.alpha(Color.White, 0.08) : ColorDynamic.Silver200;
|
|
3440
3611
|
theme.props.MuiMenu = {
|
|
3441
3612
|
getContentAnchorEl: null,
|
|
3442
3613
|
anchorOrigin: {
|
|
@@ -3450,7 +3621,7 @@ function overrideMenu(theme) {
|
|
|
3450
3621
|
};
|
|
3451
3622
|
theme.overrides.MuiMenu = {
|
|
3452
3623
|
paper: {
|
|
3453
|
-
border: "1px solid ".concat(
|
|
3624
|
+
border: "1px solid ".concat(ColorDynamic.Silver400)
|
|
3454
3625
|
}
|
|
3455
3626
|
};
|
|
3456
3627
|
theme.overrides.MuiMenuItem = {
|
|
@@ -3467,10 +3638,10 @@ function overrideMenu(theme) {
|
|
|
3467
3638
|
function overridePagination(theme) {
|
|
3468
3639
|
var props = {};
|
|
3469
3640
|
var mode = theme.palette.type;
|
|
3470
|
-
var color = mode === 'dark' ? core.alpha(
|
|
3641
|
+
var color = mode === 'dark' ? core.alpha(Color.White, 0.08) : ColorDynamic.Silver200;
|
|
3471
3642
|
var overrides = {
|
|
3472
3643
|
root: {
|
|
3473
|
-
color:
|
|
3644
|
+
color: ColorDynamic.Dark500
|
|
3474
3645
|
},
|
|
3475
3646
|
page: {
|
|
3476
3647
|
'&:hover': {
|
|
@@ -3478,22 +3649,22 @@ function overridePagination(theme) {
|
|
|
3478
3649
|
},
|
|
3479
3650
|
'&$focusVisible': {
|
|
3480
3651
|
borderRadius: 4,
|
|
3481
|
-
backgroundColor:
|
|
3482
|
-
border: "1px solid ".concat(
|
|
3652
|
+
backgroundColor: ColorDynamic.White,
|
|
3653
|
+
border: "1px solid ".concat(ColorDynamic.Blue30)
|
|
3483
3654
|
},
|
|
3484
3655
|
'&$selected': {
|
|
3485
|
-
backgroundColor:
|
|
3656
|
+
backgroundColor: ColorDynamic.Silver400,
|
|
3486
3657
|
'&:hover, &$focusVisible': {
|
|
3487
|
-
backgroundColor:
|
|
3658
|
+
backgroundColor: ColorDynamic.Silver500
|
|
3488
3659
|
},
|
|
3489
3660
|
'&$disabled': {
|
|
3490
|
-
color:
|
|
3491
|
-
backgroundColor:
|
|
3661
|
+
color: ColorDynamic.Dark100,
|
|
3662
|
+
backgroundColor: ColorDynamic.Silver400
|
|
3492
3663
|
}
|
|
3493
3664
|
},
|
|
3494
3665
|
'&$disabled': {
|
|
3495
3666
|
opacity: undefined,
|
|
3496
|
-
color:
|
|
3667
|
+
color: ColorDynamic.Dark100
|
|
3497
3668
|
}
|
|
3498
3669
|
}
|
|
3499
3670
|
};
|
|
@@ -3513,7 +3684,7 @@ function overridePaper(theme) {
|
|
|
3513
3684
|
};
|
|
3514
3685
|
theme.overrides.MuiPaper = {
|
|
3515
3686
|
elevation0: {
|
|
3516
|
-
border: "1px solid ".concat(
|
|
3687
|
+
border: "1px solid ".concat(ColorDynamic.Silver400)
|
|
3517
3688
|
}
|
|
3518
3689
|
};
|
|
3519
3690
|
}
|
|
@@ -3534,7 +3705,7 @@ function overrideRadio(theme) {
|
|
|
3534
3705
|
cx: "12",
|
|
3535
3706
|
cy: "12",
|
|
3536
3707
|
r: "9",
|
|
3537
|
-
fill:
|
|
3708
|
+
fill: ColorDynamic.White,
|
|
3538
3709
|
stroke: "currentColor"
|
|
3539
3710
|
})
|
|
3540
3711
|
}),
|
|
@@ -3549,13 +3720,13 @@ function overrideRadio(theme) {
|
|
|
3549
3720
|
cx: "12",
|
|
3550
3721
|
cy: "12",
|
|
3551
3722
|
r: "4",
|
|
3552
|
-
fill:
|
|
3723
|
+
fill: Color.White
|
|
3553
3724
|
})]
|
|
3554
3725
|
})
|
|
3555
3726
|
};
|
|
3556
3727
|
theme.overrides.MuiRadio = {
|
|
3557
3728
|
root: {
|
|
3558
|
-
color:
|
|
3729
|
+
color: ColorDynamic.Dark100,
|
|
3559
3730
|
width: theme.spacing(3),
|
|
3560
3731
|
height: theme.spacing(3),
|
|
3561
3732
|
marginRight: theme.spacing(1),
|
|
@@ -3566,10 +3737,10 @@ function overrideRadio(theme) {
|
|
|
3566
3737
|
},
|
|
3567
3738
|
colorPrimary: {
|
|
3568
3739
|
'&$checked$disabled': {
|
|
3569
|
-
color:
|
|
3740
|
+
color: ColorDynamic.Silver500
|
|
3570
3741
|
},
|
|
3571
3742
|
'&:hover:not($checked)': {
|
|
3572
|
-
color:
|
|
3743
|
+
color: ColorDynamic.Dark100
|
|
3573
3744
|
}
|
|
3574
3745
|
}
|
|
3575
3746
|
};
|
|
@@ -3634,10 +3805,10 @@ function overrideSvgIcon(theme) {
|
|
|
3634
3805
|
fontSize: 'var(--mui-svg-icon-size, 32px)'
|
|
3635
3806
|
},
|
|
3636
3807
|
colorAction: {
|
|
3637
|
-
color:
|
|
3808
|
+
color: ColorDynamic.Dark100
|
|
3638
3809
|
},
|
|
3639
3810
|
colorPrimary: {
|
|
3640
|
-
color:
|
|
3811
|
+
color: ColorDynamic.Blue500
|
|
3641
3812
|
}
|
|
3642
3813
|
};
|
|
3643
3814
|
}
|
|
@@ -3662,7 +3833,7 @@ function overrideSwitch(theme) {
|
|
|
3662
3833
|
},
|
|
3663
3834
|
track: {
|
|
3664
3835
|
opacity: undefined,
|
|
3665
|
-
boxShadow: "0 0 0 0 ".concat(
|
|
3836
|
+
boxShadow: "0 0 0 0 ".concat(ColorDynamic.Transparent),
|
|
3666
3837
|
transition: theme.transitions.create(['box-shadow', 'background-color'], {
|
|
3667
3838
|
duration: theme.transitions.duration.shortest
|
|
3668
3839
|
}),
|
|
@@ -3672,7 +3843,7 @@ function overrideSwitch(theme) {
|
|
|
3672
3843
|
}
|
|
3673
3844
|
},
|
|
3674
3845
|
thumb: {
|
|
3675
|
-
color:
|
|
3846
|
+
color: Color.White,
|
|
3676
3847
|
boxShadow: undefined,
|
|
3677
3848
|
width: theme.spacing(3),
|
|
3678
3849
|
height: theme.spacing(3),
|
|
@@ -3706,24 +3877,24 @@ function overrideSwitch(theme) {
|
|
|
3706
3877
|
'&:hover': {
|
|
3707
3878
|
backgroundColor: undefined,
|
|
3708
3879
|
'& + $track': {
|
|
3709
|
-
backgroundColor:
|
|
3880
|
+
backgroundColor: ColorDynamic.Blue500
|
|
3710
3881
|
}
|
|
3711
3882
|
}
|
|
3712
3883
|
},
|
|
3713
3884
|
'& + $track': {
|
|
3714
|
-
backgroundColor:
|
|
3885
|
+
backgroundColor: ColorDynamic.Silver500
|
|
3715
3886
|
},
|
|
3716
3887
|
'&$disabled + $track': {
|
|
3717
|
-
backgroundColor:
|
|
3888
|
+
backgroundColor: ColorDynamic.Dark30
|
|
3718
3889
|
},
|
|
3719
3890
|
'&$checked$disabled + $track': {
|
|
3720
|
-
backgroundColor:
|
|
3891
|
+
backgroundColor: ColorDynamic.Blue30
|
|
3721
3892
|
},
|
|
3722
3893
|
'&:hover + $track': {
|
|
3723
|
-
backgroundColor:
|
|
3894
|
+
backgroundColor: ColorDynamic.Dark100
|
|
3724
3895
|
},
|
|
3725
3896
|
'&.Mui-focusVisible + $track': {
|
|
3726
|
-
boxShadow: "0 0 0 3px ".concat(
|
|
3897
|
+
boxShadow: "0 0 0 3px ".concat(ColorDynamic.Blue30)
|
|
3727
3898
|
}
|
|
3728
3899
|
}
|
|
3729
3900
|
};
|
|
@@ -3741,14 +3912,14 @@ function overrideTabs(theme) {
|
|
|
3741
3912
|
},
|
|
3742
3913
|
scrollButtons: {
|
|
3743
3914
|
opacity: 1,
|
|
3744
|
-
color:
|
|
3915
|
+
color: ColorDynamic.Dark100,
|
|
3745
3916
|
width: theme.spacing(4),
|
|
3746
3917
|
transition: theme.transitions.create('opacity', {
|
|
3747
3918
|
duration: theme.transitions.duration.short
|
|
3748
3919
|
})
|
|
3749
3920
|
},
|
|
3750
3921
|
indicator: {
|
|
3751
|
-
backgroundColor:
|
|
3922
|
+
backgroundColor: ColorDynamic.Blue500
|
|
3752
3923
|
}
|
|
3753
3924
|
};
|
|
3754
3925
|
theme.overrides.MuiTab = {
|
|
@@ -3764,12 +3935,12 @@ function overrideTabs(theme) {
|
|
|
3764
3935
|
}
|
|
3765
3936
|
}),
|
|
3766
3937
|
textColorPrimary: {
|
|
3767
|
-
color:
|
|
3938
|
+
color: ColorDynamic.Dark500,
|
|
3768
3939
|
'&:hover, &:focus': {
|
|
3769
|
-
color:
|
|
3940
|
+
color: ColorDynamic.Blue500
|
|
3770
3941
|
},
|
|
3771
3942
|
'&$selected': {
|
|
3772
|
-
color:
|
|
3943
|
+
color: ColorDynamic.Blue500
|
|
3773
3944
|
}
|
|
3774
3945
|
}
|
|
3775
3946
|
};
|
|
@@ -3793,7 +3964,7 @@ function overrideTextField(theme) {
|
|
|
3793
3964
|
};
|
|
3794
3965
|
theme.overrides.MuiFormLabel = {
|
|
3795
3966
|
root: _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
|
|
3796
|
-
color:
|
|
3967
|
+
color: ColorDynamic.Dark500,
|
|
3797
3968
|
'&.MuiFormLabel-root': {
|
|
3798
3969
|
fontSize: theme.spacing(2),
|
|
3799
3970
|
[sm]: {
|
|
@@ -3814,36 +3985,36 @@ function overrideTextField(theme) {
|
|
|
3814
3985
|
theme.overrides.MuiInputBase = {
|
|
3815
3986
|
root: _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
|
|
3816
3987
|
'&$disabled': {
|
|
3817
|
-
backgroundColor:
|
|
3988
|
+
backgroundColor: ColorDynamic.Silver400Alpha30
|
|
3818
3989
|
},
|
|
3819
3990
|
'&$error': {
|
|
3820
|
-
borderColor:
|
|
3991
|
+
borderColor: ColorDynamic.Red500
|
|
3821
3992
|
},
|
|
3822
3993
|
'&.MuiOutlinedInput-root': {
|
|
3823
3994
|
'& fieldset': {
|
|
3824
|
-
borderColor:
|
|
3995
|
+
borderColor: ColorDynamic.Silver500
|
|
3825
3996
|
},
|
|
3826
3997
|
'&:hover fieldset': {
|
|
3827
|
-
borderColor:
|
|
3998
|
+
borderColor: ColorDynamic.Dark100
|
|
3828
3999
|
},
|
|
3829
4000
|
'&.Mui-focused fieldset': {
|
|
3830
|
-
borderColor:
|
|
4001
|
+
borderColor: ColorDynamic.Blue500
|
|
3831
4002
|
},
|
|
3832
4003
|
'&.Mui-error fieldset': {
|
|
3833
|
-
borderColor:
|
|
4004
|
+
borderColor: ColorDynamic.Red500
|
|
3834
4005
|
},
|
|
3835
4006
|
'&.Mui-error:hover fieldset': {
|
|
3836
|
-
borderColor:
|
|
4007
|
+
borderColor: ColorDynamic.Red500
|
|
3837
4008
|
},
|
|
3838
4009
|
'&.Mui-disabled fieldset': {
|
|
3839
|
-
borderColor:
|
|
4010
|
+
borderColor: ColorDynamic.Silver400
|
|
3840
4011
|
}
|
|
3841
4012
|
}
|
|
3842
4013
|
}),
|
|
3843
4014
|
input: {
|
|
3844
4015
|
textOverflow: 'ellipsis',
|
|
3845
4016
|
'&::placeholder': {
|
|
3846
|
-
color:
|
|
4017
|
+
color: ColorDynamic.Dark100,
|
|
3847
4018
|
opacity: 1
|
|
3848
4019
|
},
|
|
3849
4020
|
'&.MuiInputBase-input': {
|
|
@@ -3914,7 +4085,7 @@ function overrideTextField(theme) {
|
|
|
3914
4085
|
},
|
|
3915
4086
|
notchedOutline: {
|
|
3916
4087
|
top: 0,
|
|
3917
|
-
borderColor:
|
|
4088
|
+
borderColor: ColorDynamic.Silver500,
|
|
3918
4089
|
'& legend': {
|
|
3919
4090
|
display: 'none'
|
|
3920
4091
|
}
|
|
@@ -3927,7 +4098,7 @@ function overrideTextField(theme) {
|
|
|
3927
4098
|
icon: {
|
|
3928
4099
|
top: 'calc(50% - 0.5em)',
|
|
3929
4100
|
'$disabled &': {
|
|
3930
|
-
color:
|
|
4101
|
+
color: ColorDynamic.Dark100
|
|
3931
4102
|
},
|
|
3932
4103
|
fontSize: theme.spacing(3),
|
|
3933
4104
|
[sm]: {
|
|
@@ -3985,10 +4156,10 @@ function overrideTextField(theme) {
|
|
|
3985
4156
|
};
|
|
3986
4157
|
theme.overrides.MuiFormHelperText = {
|
|
3987
4158
|
root: _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
|
|
3988
|
-
color:
|
|
4159
|
+
color: ColorDynamic.Dark300,
|
|
3989
4160
|
marginTop: theme.spacing(0.5),
|
|
3990
4161
|
'&.Mui-error': {
|
|
3991
|
-
color:
|
|
4162
|
+
color: ColorDynamic.Red500
|
|
3992
4163
|
},
|
|
3993
4164
|
'&.MuiFormHelperText-root': {
|
|
3994
4165
|
fontSize: theme.spacing(2),
|
|
@@ -4022,8 +4193,8 @@ function overrideTooltip(theme) {
|
|
|
4022
4193
|
theme.overrides.MuiTooltip = {
|
|
4023
4194
|
tooltip: _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
|
|
4024
4195
|
padding: theme.spacing(1, 1.5),
|
|
4025
|
-
backgroundColor:
|
|
4026
|
-
'--sd-dark-300':
|
|
4196
|
+
backgroundColor: ColorDynamic.Dark500,
|
|
4197
|
+
'--sd-dark-300': ColorDynamic.Silver500 //tooltip secondary color(Dark300) is invisible in dark mode
|
|
4027
4198
|
}),
|
|
4028
4199
|
popperArrow: {
|
|
4029
4200
|
'&[x-placement*="top"] $arrow': {
|
|
@@ -4048,7 +4219,7 @@ function overrideTooltip(theme) {
|
|
|
4048
4219
|
}
|
|
4049
4220
|
},
|
|
4050
4221
|
arrow: {
|
|
4051
|
-
color:
|
|
4222
|
+
color: ColorDynamic.Silver500,
|
|
4052
4223
|
fontSize: theme.spacing(1)
|
|
4053
4224
|
}
|
|
4054
4225
|
};
|
|
@@ -4164,10 +4335,10 @@ function overrideTypography(theme) {
|
|
|
4164
4335
|
};
|
|
4165
4336
|
theme.overrides.MuiTypography = {
|
|
4166
4337
|
colorError: {
|
|
4167
|
-
color:
|
|
4338
|
+
color: ColorDynamic.Red500
|
|
4168
4339
|
},
|
|
4169
4340
|
colorPrimary: {
|
|
4170
|
-
color:
|
|
4341
|
+
color: ColorDynamic.Blue500
|
|
4171
4342
|
}
|
|
4172
4343
|
};
|
|
4173
4344
|
}
|
|
@@ -4176,13 +4347,13 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_ref => {
|
|
|
4176
4347
|
var {
|
|
4177
4348
|
theme
|
|
4178
4349
|
} = _ref;
|
|
4179
|
-
var color = theme.palette.type === 'dark' ?
|
|
4350
|
+
var color = theme.palette.type === 'dark' ? ColorDark : Color;
|
|
4180
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 ");
|
|
4181
4352
|
});
|
|
4182
4353
|
|
|
4183
4354
|
function createSuperDispatchTheme(type) {
|
|
4184
4355
|
var breakpoints = createBreakpoints({});
|
|
4185
|
-
var color = type === 'dark' ?
|
|
4356
|
+
var color = type === 'dark' ? ColorDark : Color;
|
|
4186
4357
|
var theme = core.createTheme({
|
|
4187
4358
|
breakpoints,
|
|
4188
4359
|
palette: {
|
|
@@ -4423,6 +4594,9 @@ exports.Button = Button;
|
|
|
4423
4594
|
exports.CardButton = CardButton;
|
|
4424
4595
|
exports.CheckboxField = CheckboxField;
|
|
4425
4596
|
exports.CheckboxGroupField = CheckboxGroupField;
|
|
4597
|
+
exports.Color = Color;
|
|
4598
|
+
exports.ColorDark = ColorDark;
|
|
4599
|
+
exports.ColorDynamic = ColorDynamic;
|
|
4426
4600
|
exports.Column = Column;
|
|
4427
4601
|
exports.Columns = Columns;
|
|
4428
4602
|
exports.DescriptionList = DescriptionList;
|