@czi-sds/components 19.0.0 → 19.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -471,6 +471,10 @@ function makeThemeOptions(appTheme) {
471
471
  var defaultThemeOptions = makeThemeOptions(defaultAppTheme);
472
472
  var defaultTheme = createThemeAdaptor(defaultThemeOptions);
473
473
 
474
+ function focusVisibleA11yStyle() {
475
+ return "\n &.Mui-focusVisible, &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n ";
476
+ }
477
+
474
478
  var getSpaces = function (_a) {
475
479
  var _b;
476
480
  var theme = _a.theme;
@@ -582,20 +586,20 @@ var AccordionDetails = function (props) {
582
586
  return jsx(StyledAccordionDetails, { children: children });
583
587
  };
584
588
 
585
- var _path$1O, _path2$s, _path3$3;
586
- function _extends$1X() { _extends$1X = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1X.apply(this, arguments); }
589
+ var _path$1Q, _path2$u, _path3$4;
590
+ function _extends$1Z() { _extends$1Z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1Z.apply(this, arguments); }
587
591
  var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
588
- return /*#__PURE__*/React.createElement("svg", _extends$1X({
592
+ return /*#__PURE__*/React.createElement("svg", _extends$1Z({
589
593
  xmlns: "http://www.w3.org/2000/svg",
590
594
  width: 22,
591
595
  height: 22
592
- }, props), _path$1O || (_path$1O = /*#__PURE__*/React.createElement("path", {
596
+ }, props), _path$1Q || (_path$1Q = /*#__PURE__*/React.createElement("path", {
593
597
  fillRule: "evenodd",
594
598
  d: "M11.188 13.473a1.793 1.793 0 1 1-3.585 0 1.793 1.793 0 0 1 3.585 0Zm-1.792.693a.693.693 0 1 0 0-1.385.693.693 0 0 0 0 1.385Z",
595
599
  clipRule: "evenodd"
596
- })), _path2$s || (_path2$s = /*#__PURE__*/React.createElement("path", {
600
+ })), _path2$u || (_path2$u = /*#__PURE__*/React.createElement("path", {
597
601
  d: "M13.06 7.332a.938.938 0 1 0 0-1.877.938.938 0 0 0 0 1.877ZM11.72 11.128a.693.693 0 0 1 .221-.954l.947-.59a.693.693 0 1 1 .733 1.176l-.947.59a.693.693 0 0 1-.954-.222ZM9.312 8.534a.693.693 0 1 0 1.366-.228L10.45 6.94a.693.693 0 1 0-1.366.228l.228 1.367Z"
598
- })), _path3$3 || (_path3$3 = /*#__PURE__*/React.createElement("path", {
602
+ })), _path3$4 || (_path3$4 = /*#__PURE__*/React.createElement("path", {
599
603
  fillRule: "evenodd",
600
604
  d: "M13.932 2.232a5.174 5.174 0 0 0-2.462-.28L10.944.808a.693.693 0 1 0-1.259.58l.429.93a5.23 5.23 0 0 0-.518.253l-.582-.692a.693.693 0 0 0-1.061.891l.532.633c-.187.184-.36.382-.52.595l-.822-.269a.693.693 0 0 0-.431 1.317l.573.187-.028.073-2 5.413-.38-.32a.693.693 0 0 0-.89 1.06l.869.732c-.05.394-.054.789-.015 1.175l-.934.159a.693.693 0 1 0 .232 1.366l1.026-.174a5.19 5.19 0 0 0 2.18 2.588c-.078.16-.168.327-.265.506l-.013.026c-.158.292-.34.628-.465.962-.13.346-.23.766-.144 1.21.089.468.363.86.785 1.174.45.336.924.45 1.397.393.434-.053.818-.248 1.118-.419.14-.08.256-.15.364-.216.162-.099.304-.185.476-.272.254-.128.45-.186.626-.186.477 0 .681.16.77.252a.565.565 0 0 1 .113.172.7.7 0 0 0 1.354-.355l-.675.166.675-.166v-.002l-.001-.002-.001-.004-.003-.01-.006-.022a1.72 1.72 0 0 0-.095-.243 1.967 1.967 0 0 0-.349-.501c-.359-.376-.933-.685-1.782-.685-.487 0-.912.162-1.256.336-.211.106-.449.25-.649.37-.096.059-.184.111-.255.152-.27.154-.451.228-.595.245-.104.013-.22.002-.39-.125-.198-.148-.235-.255-.246-.314-.016-.084-.007-.222.08-.457.089-.236.227-.493.4-.813l.006-.013c.1-.186.212-.393.316-.61a5.184 5.184 0 0 0 3.84-.435l.708.844a.693.693 0 0 0 1.062-.89l-.645-.77a5.16 5.16 0 0 0 .94-1.211l1.127.096a.693.693 0 1 0 .118-1.38l-.68-.059 1.9-5.142a5.14 5.14 0 0 0 .066-.191l.605.223a.693.693 0 1 0 .48-1.3l-.832-.307a5.175 5.175 0 0 0-.05-.968l.807-.123a.693.693 0 1 0-.21-1.37l-.98.15a5.222 5.222 0 0 0-.516-.913l.684-.578a.693.693 0 0 0-.895-1.058l-.733.62a5.187 5.187 0 0 0-1.5-.86Zm-.36 11.927 2.12-5.737A3.796 3.796 0 0 0 8.57 5.79l-2.12 5.738a3.796 3.796 0 0 0 7.121 2.63Z",
601
605
  clipRule: "evenodd"
@@ -603,9 +607,9 @@ var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
603
607
  };
604
608
 
605
609
  var _g$4, _defs$3;
606
- function _extends$1W() { _extends$1W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1W.apply(this, arguments); }
610
+ function _extends$1Y() { _extends$1Y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1Y.apply(this, arguments); }
607
611
  var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
608
- return /*#__PURE__*/React.createElement("svg", _extends$1W({
612
+ return /*#__PURE__*/React.createElement("svg", _extends$1Y({
609
613
  xmlns: "http://www.w3.org/2000/svg",
610
614
  width: 14,
611
615
  height: 14
@@ -625,134 +629,134 @@ var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
625
629
  })))));
626
630
  };
627
631
 
628
- var _path$1N;
629
- function _extends$1V() { _extends$1V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1V.apply(this, arguments); }
632
+ var _path$1P;
633
+ function _extends$1X() { _extends$1X = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1X.apply(this, arguments); }
630
634
  var SvgIconBarChartHorizontal3Small = function SvgIconBarChartHorizontal3Small(props) {
631
- return /*#__PURE__*/React.createElement("svg", _extends$1V({
635
+ return /*#__PURE__*/React.createElement("svg", _extends$1X({
632
636
  xmlns: "http://www.w3.org/2000/svg",
633
637
  width: 14,
634
638
  height: 14,
635
639
  fill: "none"
636
- }, props), _path$1N || (_path$1N = /*#__PURE__*/React.createElement("path", {
640
+ }, props), _path$1P || (_path$1P = /*#__PURE__*/React.createElement("path", {
637
641
  d: "M1 2.13a1 1 0 0 1 1-1h6.4a1 1 0 0 1 1 1v.75a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-.75Zm0 4.5a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v.75a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-.75Zm0 4.5a1 1 0 0 1 1-1h2.8a1 1 0 0 1 1 1v.75a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-.75Z",
638
642
  clipRule: "evenodd"
639
643
  })));
640
644
  };
641
645
 
642
- var _path$1M;
643
- function _extends$1U() { _extends$1U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1U.apply(this, arguments); }
646
+ var _path$1O;
647
+ function _extends$1W() { _extends$1W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1W.apply(this, arguments); }
644
648
  var SvgIconBarChartVertical3Small = function SvgIconBarChartVertical3Small(props) {
645
- return /*#__PURE__*/React.createElement("svg", _extends$1U({
649
+ return /*#__PURE__*/React.createElement("svg", _extends$1W({
646
650
  xmlns: "http://www.w3.org/2000/svg",
647
651
  width: 14,
648
652
  height: 14
649
- }, props), _path$1M || (_path$1M = /*#__PURE__*/React.createElement("path", {
653
+ }, props), _path$1O || (_path$1O = /*#__PURE__*/React.createElement("path", {
650
654
  fillRule: "evenodd",
651
655
  d: "M1.13 12V5.6a1 1 0 0 1 1-1h.75a1 1 0 0 1 1 1V12a1 1 0 0 1-1 1h-.75a1 1 0 0 1-1-1Zm4.5 0V2a1 1 0 0 1 1-1h.75a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-.75a1 1 0 0 1-1-1Zm4.5 0V9.2a1 1 0 0 1 1-1h.75a1 1 0 0 1 1 1V12a1 1 0 0 1-1 1h-.75a1 1 0 0 1-1-1Z"
652
656
  })));
653
657
  };
654
658
 
655
- var _path$1L;
656
- function _extends$1T() { _extends$1T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1T.apply(this, arguments); }
659
+ var _path$1N;
660
+ function _extends$1V() { _extends$1V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1V.apply(this, arguments); }
657
661
  var SvgIconBarChartVertical4Small = function SvgIconBarChartVertical4Small(props) {
658
- return /*#__PURE__*/React.createElement("svg", _extends$1T({
662
+ return /*#__PURE__*/React.createElement("svg", _extends$1V({
659
663
  xmlns: "http://www.w3.org/2000/svg",
660
664
  width: 14,
661
665
  height: 14
662
- }, props), _path$1L || (_path$1L = /*#__PURE__*/React.createElement("path", {
666
+ }, props), _path$1N || (_path$1N = /*#__PURE__*/React.createElement("path", {
663
667
  fillRule: "evenodd",
664
668
  d: "M5.61 2.707c.477 0 .864.387.864.864v8.715a.864.864 0 1 1-1.727 0V3.571c0-.477.387-.864.864-.864Zm-2.746 2.23c.476 0 .863.387.863.864v6.474a.864.864 0 1 1-1.727 0V5.801c0-.477.387-.863.864-.863ZM8.358.9c.477 0 .863.387.863.864v10.511a.864.864 0 1 1-1.727 0V1.764c0-.477.387-.864.864-.864Zm2.747 4.22c.477 0 .863.387.863.864v6.291a.864.864 0 0 1-1.727 0v-6.29c0-.478.387-.864.864-.864Z"
665
669
  })));
666
670
  };
667
671
 
668
- var _path$1K;
669
- function _extends$1S() { _extends$1S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1S.apply(this, arguments); }
672
+ var _path$1M;
673
+ function _extends$1U() { _extends$1U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1U.apply(this, arguments); }
670
674
  var SvgIconBookLarge = function SvgIconBookLarge(props) {
671
- return /*#__PURE__*/React.createElement("svg", _extends$1S({
675
+ return /*#__PURE__*/React.createElement("svg", _extends$1U({
672
676
  xmlns: "http://www.w3.org/2000/svg",
673
677
  width: 22,
674
678
  height: 22,
675
679
  fill: "none"
676
- }, props), _path$1K || (_path$1K = /*#__PURE__*/React.createElement("path", {
680
+ }, props), _path$1M || (_path$1M = /*#__PURE__*/React.createElement("path", {
677
681
  d: "M17.322 1.42H5.378A2.787 2.787 0 0 0 2.59 4.207V17.911a.754.754 0 0 0 .022.111 2.788 2.788 0 0 0 2.765 2.565h11.945a2.091 2.091 0 0 0 2.09-2.091V3.511a2.09 2.09 0 0 0-2.09-2.091Zm.697 2.09v11.614H7.552V2.814h9.77a.696.696 0 0 1 .697.697ZM5.378 2.815h.78v12.31h-.78c-.491.002-.972.136-1.394.387V4.208a1.394 1.394 0 0 1 1.394-1.394Zm11.944 16.379H5.378a1.34 1.34 0 1 1 0-2.676h12.64v1.98a.697.697 0 0 1-.696.696ZM9.988 5.707c0-.385.312-.697.697-.697h4.2a.697.697 0 1 1 0 1.394h-4.2a.697.697 0 0 1-.697-.697Z"
678
682
  })));
679
683
  };
680
684
 
681
- var _path$1J, _path2$r;
682
- function _extends$1R() { _extends$1R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1R.apply(this, arguments); }
685
+ var _path$1L, _path2$t;
686
+ function _extends$1T() { _extends$1T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1T.apply(this, arguments); }
683
687
  var SvgIconCheckCircleLarge = function SvgIconCheckCircleLarge(props) {
684
- return /*#__PURE__*/React.createElement("svg", _extends$1R({
688
+ return /*#__PURE__*/React.createElement("svg", _extends$1T({
685
689
  xmlns: "http://www.w3.org/2000/svg",
686
690
  width: 22,
687
691
  height: 22
688
- }, props), _path$1J || (_path$1J = /*#__PURE__*/React.createElement("path", {
692
+ }, props), _path$1L || (_path$1L = /*#__PURE__*/React.createElement("path", {
689
693
  d: "M15.92 7.982a.825.825 0 0 0-1.34-.964l-4.801 6.67-2.916-3.24a.825.825 0 1 0-1.226 1.104l3.662 4.069a.75.75 0 0 0 1.166-.063l5.455-7.576Z"
690
- })), _path2$r || (_path2$r = /*#__PURE__*/React.createElement("path", {
694
+ })), _path2$t || (_path2$t = /*#__PURE__*/React.createElement("path", {
691
695
  fillRule: "evenodd",
692
696
  d: "M20.5 11a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0Zm-1.45 0a8.05 8.05 0 1 1-16.1 0 8.05 8.05 0 0 1 16.1 0Z",
693
697
  clipRule: "evenodd"
694
698
  })));
695
699
  };
696
700
 
697
- var _path$1I;
698
- function _extends$1Q() { _extends$1Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1Q.apply(this, arguments); }
701
+ var _path$1K;
702
+ function _extends$1S() { _extends$1S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1S.apply(this, arguments); }
699
703
  var SvgIconCheckCircleSmall = function SvgIconCheckCircleSmall(props) {
700
- return /*#__PURE__*/React.createElement("svg", _extends$1Q({
704
+ return /*#__PURE__*/React.createElement("svg", _extends$1S({
701
705
  xmlns: "http://www.w3.org/2000/svg",
702
706
  width: 14,
703
707
  height: 14
704
- }, props), _path$1I || (_path$1I = /*#__PURE__*/React.createElement("path", {
708
+ }, props), _path$1K || (_path$1K = /*#__PURE__*/React.createElement("path", {
705
709
  fillRule: "evenodd",
706
710
  d: "M12.6 7A5.6 5.6 0 1 1 1.4 7a5.6 5.6 0 0 1 11.2 0ZM14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-3.662-1.826a.725.725 0 1 0-1.176-.848l-3.075 4.27L4.29 6.598a.725.725 0 1 0-1.078.97l2.587 2.875a.5.5 0 0 0 .777-.043l3.763-5.226Z",
707
711
  clipRule: "evenodd"
708
712
  })));
709
713
  };
710
714
 
711
- var _path$1H;
712
- function _extends$1P() { _extends$1P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1P.apply(this, arguments); }
715
+ var _path$1J;
716
+ function _extends$1R() { _extends$1R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1R.apply(this, arguments); }
713
717
  var SvgIconCheckSmall = function SvgIconCheckSmall(props) {
714
- return /*#__PURE__*/React.createElement("svg", _extends$1P({
718
+ return /*#__PURE__*/React.createElement("svg", _extends$1R({
715
719
  xmlns: "http://www.w3.org/2000/svg",
716
720
  width: 14,
717
721
  height: 14
718
- }, props), _path$1H || (_path$1H = /*#__PURE__*/React.createElement("path", {
722
+ }, props), _path$1J || (_path$1J = /*#__PURE__*/React.createElement("path", {
719
723
  fillRule: "evenodd",
720
724
  d: "M12.415 1.011a.78.78 0 0 0-.484.334L5.65 9.862l-3.248-3.67c-.207-.287-.55-.399-.86-.258-.294.132-.497.462-.535.848-.038.38.087.76.333.985l3.826 4.325c.33.37.833.338 1.131-.066l6.825-9.257c.233-.307.294-.774.153-1.166-.148-.411-.492-.66-.86-.592Z"
721
725
  })));
722
726
  };
723
727
 
724
- var _path$1G;
725
- function _extends$1O() { _extends$1O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1O.apply(this, arguments); }
728
+ var _path$1I;
729
+ function _extends$1Q() { _extends$1Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1Q.apply(this, arguments); }
726
730
  var SvgIconChevronDownLarge = function SvgIconChevronDownLarge(props) {
727
- return /*#__PURE__*/React.createElement("svg", _extends$1O({
731
+ return /*#__PURE__*/React.createElement("svg", _extends$1Q({
728
732
  xmlns: "http://www.w3.org/2000/svg",
729
733
  width: 22,
730
734
  height: 22,
731
735
  fill: "none"
732
- }, props), _path$1G || (_path$1G = /*#__PURE__*/React.createElement("path", {
736
+ }, props), _path$1I || (_path$1I = /*#__PURE__*/React.createElement("path", {
733
737
  d: "M11.562 16.106a.75.75 0 0 1-1.067.002L1.972 7.517a.75.75 0 0 1 .004-1.061l.568-.563a.75.75 0 0 1 1.06.004l6.886 6.94a.75.75 0 0 0 1.067-.002L18.39 5.9a.75.75 0 0 1 1.06-.007l.57.561a.75.75 0 0 1 .008 1.06l-8.466 8.591Z",
734
738
  clipRule: "evenodd"
735
739
  })));
736
740
  };
737
741
 
738
- var _path$1F;
739
- function _extends$1N() { _extends$1N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1N.apply(this, arguments); }
742
+ var _path$1H;
743
+ function _extends$1P() { _extends$1P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1P.apply(this, arguments); }
740
744
  var SvgIconChevronDownSmall = function SvgIconChevronDownSmall(props) {
741
- return /*#__PURE__*/React.createElement("svg", _extends$1N({
745
+ return /*#__PURE__*/React.createElement("svg", _extends$1P({
742
746
  xmlns: "http://www.w3.org/2000/svg",
743
747
  width: 14,
744
748
  height: 14,
745
749
  fill: "none"
746
- }, props), _path$1F || (_path$1F = /*#__PURE__*/React.createElement("path", {
750
+ }, props), _path$1H || (_path$1H = /*#__PURE__*/React.createElement("path", {
747
751
  d: "M7.374 10.461a.5.5 0 0 1-.711.001L1.116 4.871a.5.5 0 0 1 .002-.707l.64-.634a.5.5 0 0 1 .706.003L6.658 7.76a.5.5 0 0 0 .711-.001l4.162-4.223a.5.5 0 0 1 .707-.005l.641.632a.5.5 0 0 1 .005.707l-5.51 5.591Z",
748
752
  clipRule: "evenodd"
749
753
  })));
750
754
  };
751
755
 
752
756
  var _g$3, _defs$2;
753
- function _extends$1M() { _extends$1M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1M.apply(this, arguments); }
757
+ function _extends$1O() { _extends$1O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1O.apply(this, arguments); }
754
758
  var SvgIconChevronLeft2Small = function SvgIconChevronLeft2Small(props) {
755
- return /*#__PURE__*/React.createElement("svg", _extends$1M({
759
+ return /*#__PURE__*/React.createElement("svg", _extends$1O({
756
760
  xmlns: "http://www.w3.org/2000/svg",
757
761
  width: 14,
758
762
  height: 14,
@@ -771,38 +775,38 @@ var SvgIconChevronLeft2Small = function SvgIconChevronLeft2Small(props) {
771
775
  })))));
772
776
  };
773
777
 
774
- var _path$1E;
775
- function _extends$1L() { _extends$1L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1L.apply(this, arguments); }
778
+ var _path$1G;
779
+ function _extends$1N() { _extends$1N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1N.apply(this, arguments); }
776
780
  var SvgIconChevronLeftLarge = function SvgIconChevronLeftLarge(props) {
777
- return /*#__PURE__*/React.createElement("svg", _extends$1L({
781
+ return /*#__PURE__*/React.createElement("svg", _extends$1N({
778
782
  xmlns: "http://www.w3.org/2000/svg",
779
783
  width: 22,
780
784
  height: 22,
781
785
  fill: "none"
782
- }, props), _path$1E || (_path$1E = /*#__PURE__*/React.createElement("path", {
786
+ }, props), _path$1G || (_path$1G = /*#__PURE__*/React.createElement("path", {
783
787
  d: "M5.611 11.316a.75.75 0 0 1-.002-1.067l8.582-8.532a.749.749 0 0 1 1.06.003l.565.567a.751.751 0 0 1-.004 1.061L8.88 10.24a.75.75 0 0 0 .002 1.067l6.941 6.826a.751.751 0 0 1 .009 1.061l-.562.57a.75.75 0 0 1-1.061.009l-8.598-8.457Z",
784
788
  clipRule: "evenodd"
785
789
  })));
786
790
  };
787
791
 
788
- var _path$1D;
789
- function _extends$1K() { _extends$1K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1K.apply(this, arguments); }
792
+ var _path$1F;
793
+ function _extends$1M() { _extends$1M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1M.apply(this, arguments); }
790
794
  var SvgIconChevronLeftSmall = function SvgIconChevronLeftSmall(props) {
791
- return /*#__PURE__*/React.createElement("svg", _extends$1K({
795
+ return /*#__PURE__*/React.createElement("svg", _extends$1M({
792
796
  xmlns: "http://www.w3.org/2000/svg",
793
797
  width: 14,
794
798
  height: 14,
795
799
  fill: "none"
796
- }, props), _path$1D || (_path$1D = /*#__PURE__*/React.createElement("path", {
800
+ }, props), _path$1F || (_path$1F = /*#__PURE__*/React.createElement("path", {
797
801
  d: "M3.536 7.373a.5.5 0 0 1-.001-.71l5.59-5.548a.5.5 0 0 1 .708.003l.634.639a.5.5 0 0 1-.003.707L6.237 6.658a.5.5 0 0 0 .001.71l4.223 4.162a.5.5 0 0 1 .005.708l-.632.64a.5.5 0 0 1-.707.006l-5.591-5.51Z",
798
802
  clipRule: "evenodd"
799
803
  })));
800
804
  };
801
805
 
802
806
  var _g$2, _defs$1;
803
- function _extends$1J() { _extends$1J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1J.apply(this, arguments); }
807
+ function _extends$1L() { _extends$1L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1L.apply(this, arguments); }
804
808
  var SvgIconChevronRight2Small = function SvgIconChevronRight2Small(props) {
805
- return /*#__PURE__*/React.createElement("svg", _extends$1J({
809
+ return /*#__PURE__*/React.createElement("svg", _extends$1L({
806
810
  xmlns: "http://www.w3.org/2000/svg",
807
811
  width: 14,
808
812
  height: 14,
@@ -821,136 +825,172 @@ var SvgIconChevronRight2Small = function SvgIconChevronRight2Small(props) {
821
825
  })))));
822
826
  };
823
827
 
824
- var _path$1C;
825
- function _extends$1I() { _extends$1I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1I.apply(this, arguments); }
828
+ var _path$1E;
829
+ function _extends$1K() { _extends$1K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1K.apply(this, arguments); }
826
830
  var SvgIconChevronRightLarge = function SvgIconChevronRightLarge(props) {
827
- return /*#__PURE__*/React.createElement("svg", _extends$1I({
831
+ return /*#__PURE__*/React.createElement("svg", _extends$1K({
828
832
  xmlns: "http://www.w3.org/2000/svg",
829
833
  width: 22,
830
834
  height: 22,
831
835
  fill: "none"
832
- }, props), _path$1C || (_path$1C = /*#__PURE__*/React.createElement("path", {
836
+ }, props), _path$1E || (_path$1E = /*#__PURE__*/React.createElement("path", {
833
837
  d: "M16.389 10.686a.75.75 0 0 1 .002 1.068l-8.586 8.528a.749.749 0 0 1-1.06-.004l-.564-.568a.749.749 0 0 1 .003-1.06l6.936-6.889a.75.75 0 0 0-.002-1.067l-6.937-6.83a.749.749 0 0 1-.009-1.06l.561-.57a.748.748 0 0 1 1.06-.008l8.596 8.46Z",
834
838
  clipRule: "evenodd"
835
839
  })));
836
840
  };
837
841
 
838
- var _path$1B;
839
- function _extends$1H() { _extends$1H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1H.apply(this, arguments); }
842
+ var _path$1D;
843
+ function _extends$1J() { _extends$1J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1J.apply(this, arguments); }
840
844
  var SvgIconChevronRightSmall = function SvgIconChevronRightSmall(props) {
841
- return /*#__PURE__*/React.createElement("svg", _extends$1H({
845
+ return /*#__PURE__*/React.createElement("svg", _extends$1J({
842
846
  xmlns: "http://www.w3.org/2000/svg",
843
847
  width: 14,
844
848
  height: 14,
845
849
  fill: "none"
846
- }, props), _path$1B || (_path$1B = /*#__PURE__*/React.createElement("path", {
850
+ }, props), _path$1D || (_path$1D = /*#__PURE__*/React.createElement("path", {
847
851
  d: "M10.463 6.624a.5.5 0 0 1 .001.711l-5.591 5.548a.5.5 0 0 1-.707-.003l-.634-.64a.5.5 0 0 1 .003-.706L7.762 7.34a.5.5 0 0 0-.001-.711L3.538 2.467a.5.5 0 0 1-.005-.707l.632-.641a.5.5 0 0 1 .707-.005l5.59 5.51Z",
848
852
  clipRule: "evenodd"
849
853
  })));
850
854
  };
851
855
 
852
- var _path$1A;
853
- function _extends$1G() { _extends$1G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1G.apply(this, arguments); }
856
+ var _path$1C;
857
+ function _extends$1I() { _extends$1I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1I.apply(this, arguments); }
854
858
  var SvgIconChevronUpLarge = function SvgIconChevronUpLarge(props) {
855
- return /*#__PURE__*/React.createElement("svg", _extends$1G({
859
+ return /*#__PURE__*/React.createElement("svg", _extends$1I({
856
860
  xmlns: "http://www.w3.org/2000/svg",
857
861
  width: 22,
858
862
  height: 22,
859
863
  fill: "none"
860
- }, props), _path$1A || (_path$1A = /*#__PURE__*/React.createElement("path", {
864
+ }, props), _path$1C || (_path$1C = /*#__PURE__*/React.createElement("path", {
861
865
  d: "M10.432 5.894a.75.75 0 0 1 1.067-.002l8.523 8.59a.75.75 0 0 1-.004 1.062l-.568.563a.75.75 0 0 1-1.06-.004l-6.886-6.94a.75.75 0 0 0-1.066.002l-6.834 6.933a.75.75 0 0 1-1.06.008l-.57-.562a.75.75 0 0 1-.008-1.06l8.466-8.59Z",
862
866
  clipRule: "evenodd"
863
867
  })));
864
868
  };
865
869
 
866
- var _path$1z;
867
- function _extends$1F() { _extends$1F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1F.apply(this, arguments); }
870
+ var _path$1B;
871
+ function _extends$1H() { _extends$1H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1H.apply(this, arguments); }
868
872
  var SvgIconChevronUpSmall = function SvgIconChevronUpSmall(props) {
869
- return /*#__PURE__*/React.createElement("svg", _extends$1F({
873
+ return /*#__PURE__*/React.createElement("svg", _extends$1H({
870
874
  xmlns: "http://www.w3.org/2000/svg",
871
875
  width: 14,
872
876
  height: 14,
873
877
  fill: "none"
874
- }, props), _path$1z || (_path$1z = /*#__PURE__*/React.createElement("path", {
878
+ }, props), _path$1B || (_path$1B = /*#__PURE__*/React.createElement("path", {
875
879
  d: "M6.624 3.539a.5.5 0 0 1 .711-.001l5.548 5.591a.5.5 0 0 1-.003.707l-.64.634a.5.5 0 0 1-.706-.003L7.34 6.24a.5.5 0 0 0-.711.001l-4.162 4.223a.5.5 0 0 1-.707.005l-.641-.632a.5.5 0 0 1-.005-.707l5.51-5.591Z",
876
880
  clipRule: "evenodd"
877
881
  })));
878
882
  };
879
883
 
880
- var _path$1y;
881
- function _extends$1E() { _extends$1E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1E.apply(this, arguments); }
884
+ var _path$1A;
885
+ function _extends$1G() { _extends$1G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1G.apply(this, arguments); }
882
886
  var SvgIconCirclesOverlapLarge = function SvgIconCirclesOverlapLarge(props) {
883
- return /*#__PURE__*/React.createElement("svg", _extends$1E({
887
+ return /*#__PURE__*/React.createElement("svg", _extends$1G({
884
888
  xmlns: "http://www.w3.org/2000/svg",
885
889
  width: 22,
886
890
  height: 22
887
- }, props), _path$1y || (_path$1y = /*#__PURE__*/React.createElement("path", {
891
+ }, props), _path$1A || (_path$1A = /*#__PURE__*/React.createElement("path", {
888
892
  fillRule: "evenodd",
889
893
  d: "M7.219 18.219c1.386 0 2.681-.391 3.781-1.069a7.219 7.219 0 1 0 0-12.3 7.219 7.219 0 1 0-3.781 13.37Zm0-1.45c.91 0 1.771-.211 2.537-.587A7.197 7.197 0 0 1 7.562 11c0-2.033.841-3.87 2.194-5.182a5.769 5.769 0 1 0-2.537 10.951ZM14.78 5.23c-.91 0-1.771.211-2.537.587A7.198 7.198 0 0 1 14.438 11c0 2.033-.841 3.87-2.194 5.182a5.769 5.769 0 1 0 2.537-10.951ZM11.37 6.994l-1.19.526c-.235.312-.44.648-.61 1.004l2.255-.998a5.795 5.795 0 0 0-.455-.532Zm1.18 1.797-3.492 1.545-.005-.012a5.828 5.828 0 0 0-.039.764l3.757-1.663a5.713 5.713 0 0 0-.22-.634Zm.438 2.124L9.23 12.577c.062.22.137.433.223.64l3.495-1.546a5.823 5.823 0 0 0 .038-.756Zm-.562 2.573-2.244.993c.143.188.296.367.46.537l1.16-.514c.242-.314.45-.655.624-1.016Z",
890
894
  clipRule: "evenodd"
891
895
  })));
892
896
  };
893
897
 
894
- var _path$1x, _path2$q;
895
- function _extends$1D() { _extends$1D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1D.apply(this, arguments); }
898
+ var _path$1z, _path2$s;
899
+ function _extends$1F() { _extends$1F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1F.apply(this, arguments); }
896
900
  var SvgIconCirclesOverlapSmall = function SvgIconCirclesOverlapSmall(props) {
897
- return /*#__PURE__*/React.createElement("svg", _extends$1D({
901
+ return /*#__PURE__*/React.createElement("svg", _extends$1F({
898
902
  xmlns: "http://www.w3.org/2000/svg",
899
903
  width: 14,
900
904
  height: 14
901
- }, props), _path$1x || (_path$1x = /*#__PURE__*/React.createElement("path", {
905
+ }, props), _path$1z || (_path$1z = /*#__PURE__*/React.createElement("path", {
902
906
  fillRule: "evenodd",
903
907
  d: "M7 10.914a4.594 4.594 0 1 1 0-7.828 4.594 4.594 0 1 1 0 7.828Zm-1.099-.945a3.244 3.244 0 1 1 0-5.939A4.576 4.576 0 0 0 4.813 7c0 1.132.41 2.169 1.088 2.97ZM8.1 4.031a3.244 3.244 0 1 1 0 5.939A4.575 4.575 0 0 0 9.187 7c0-1.132-.41-2.169-1.088-2.97ZM7 4.825c.52.575.838 1.338.838 2.175 0 .837-.318 1.6-.838 2.175A3.232 3.232 0 0 1 6.162 7c0-.837.318-1.6.838-2.175Z",
904
908
  clipRule: "evenodd"
905
- })), _path2$q || (_path2$q = /*#__PURE__*/React.createElement("path", {
909
+ })), _path2$s || (_path2$s = /*#__PURE__*/React.createElement("path", {
906
910
  d: "M7.838 7c0-.837-.318-1.6-.838-2.175A3.232 3.232 0 0 0 6.162 7c0 .837.318 1.6.838 2.175.52-.575.838-1.338.838-2.175Z"
907
911
  })));
908
912
  };
909
913
 
910
- var _path$1w;
911
- function _extends$1C() { _extends$1C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1C.apply(this, arguments); }
914
+ var _path$1y, _path2$r;
915
+ function _extends$1E() { _extends$1E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1E.apply(this, arguments); }
916
+ var SvgIconCodeLarge = function SvgIconCodeLarge(props) {
917
+ return /*#__PURE__*/React.createElement("svg", _extends$1E({
918
+ xmlns: "http://www.w3.org/2000/svg",
919
+ width: 22,
920
+ height: 22,
921
+ fill: "none"
922
+ }, props), _path$1y || (_path$1y = /*#__PURE__*/React.createElement("path", {
923
+ d: "M12.176 3.332a.447.447 0 0 1 .547-.316l.785.21c.239.065.38.31.316.548L9.833 18.67a.447.447 0 0 1-.547.316l-.786-.21a.447.447 0 0 1-.316-.548l3.992-14.896Z"
924
+ })), _path2$r || (_path2$r = /*#__PURE__*/React.createElement("path", {
925
+ d: "M.133 11.328a.447.447 0 0 1 0-.635l4.994-4.956a.447.447 0 0 1 .632.003l.566.57a.447.447 0 0 1-.002.632L2.546 10.69a.447.447 0 0 0 .001.635l3.773 3.718a.447.447 0 0 1 .004.632l-.564.573a.447.447 0 0 1-.632.004L.133 11.328ZM21.867 10.66c.177.174.177.46 0 .634l-4.994 4.956a.447.447 0 0 1-.632-.002l-.566-.571a.447.447 0 0 1 .002-.632l3.777-3.746a.447.447 0 0 0-.001-.636L15.68 6.945a.447.447 0 0 1-.004-.631l.564-.573a.447.447 0 0 1 .632-.005l4.995 4.923Z",
926
+ clipRule: "evenodd"
927
+ })));
928
+ };
929
+
930
+ var _path$1x;
931
+ function _extends$1D() { _extends$1D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1D.apply(this, arguments); }
912
932
  var SvgIconCompassLarge = function SvgIconCompassLarge(props) {
913
- return /*#__PURE__*/React.createElement("svg", _extends$1C({
933
+ return /*#__PURE__*/React.createElement("svg", _extends$1D({
914
934
  xmlns: "http://www.w3.org/2000/svg",
915
935
  width: 22,
916
936
  height: 22
917
- }, props), _path$1w || (_path$1w = /*#__PURE__*/React.createElement("path", {
937
+ }, props), _path$1x || (_path$1x = /*#__PURE__*/React.createElement("path", {
918
938
  fillRule: "evenodd",
919
939
  d: "M12.403 2.71a.7.7 0 0 0-.628-.696l-.071-.004h-1.399a.7.7 0 0 0-.695.628v.077a9.465 9.465 0 0 1 2.793 0V2.71Zm-4.195 0s-.008.204-.007.327a9.393 9.393 0 0 0-6.585 8.964 9.39 9.39 0 1 0 12.183-8.967v-.432a2.1 2.1 0 0 0-2.095-1.99h-1.399l-.107.003a2.1 2.1 0 0 0-1.99 2.095Zm-5.056 8.503a7.894 7.894 0 0 1 7.064-7.065.867.867 0 0 0-.012.146v.831c0 .46.359.831.8.831.443 0 .801-.372.801-.831v-.831a.867.867 0 0 0-.012-.146 7.894 7.894 0 0 1 7.064 7.065.875.875 0 0 0-.147-.013h-.833c-.46 0-.833.359-.833.8 0 .443.373.801.833.801h.833c.05 0 .1-.004.147-.012a7.894 7.894 0 0 1-7.064 7.064.866.866 0 0 0 .012-.145v-.832c0-.459-.358-.831-.8-.831-.442 0-.8.372-.8.831v.832c0 .05.003.098.011.145a7.894 7.894 0 0 1-7.064-7.064.875.875 0 0 0 .147.012h.833c.46 0 .833-.358.833-.8 0-.442-.373-.8-.833-.8H3.3c-.05 0-.099.003-.147.011ZM14.6 7.786a.45.45 0 0 1 .652.558l-.033.061-2.541 5.047a.42.42 0 0 1-.136.16l-.062.037-5.082 2.541a.448.448 0 0 1-.197.05.449.449 0 0 1-.319-.135.449.449 0 0 1-.112-.45l.027-.066 2.54-5.065a.422.422 0 0 1 .137-.16l.061-.037 5.064-2.541Zm-1.15 1.768-2.59 1.298 1.293 1.293 1.298-2.59Z",
920
940
  clipRule: "evenodd"
921
941
  })));
922
942
  };
923
943
 
924
- var _path$1v, _path2$p;
925
- function _extends$1B() { _extends$1B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1B.apply(this, arguments); }
944
+ var _path$1w, _path2$q;
945
+ function _extends$1C() { _extends$1C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1C.apply(this, arguments); }
926
946
  var SvgIconCopyLarge = function SvgIconCopyLarge(props) {
927
- return /*#__PURE__*/React.createElement("svg", _extends$1B({
947
+ return /*#__PURE__*/React.createElement("svg", _extends$1C({
928
948
  xmlns: "http://www.w3.org/2000/svg",
929
949
  width: 22,
930
950
  height: 22
931
- }, props), _path$1v || (_path$1v = /*#__PURE__*/React.createElement("path", {
951
+ }, props), _path$1w || (_path$1w = /*#__PURE__*/React.createElement("path", {
932
952
  d: "M5.526 16.883h6.566c.445 0 .794-.271.794-.617s-.349-.617-.794-.617H5.526c-.445 0-.794.271-.794.617s.35.617.794.617ZM12.092 14.287H5.526c-.438 0-.794-.28-.794-.626 0-.34.35-.608.794-.608h6.566c.438 0 .794.28.794.625 0 .341-.349.609-.794.609Z"
933
- })), _path2$p || (_path2$p = /*#__PURE__*/React.createElement("path", {
953
+ })), _path2$q || (_path2$q = /*#__PURE__*/React.createElement("path", {
934
954
  fillRule: "evenodd",
935
955
  d: "M20.247 5.2c0-.202-.083-.4-.229-.544L16.053.657a.78.78 0 0 0-.544-.227H7.731c-.879 0-1.621.744-1.621 1.625v2.764H3.35c-.894 0-1.621.728-1.621 1.625V19.94c0 .897.727 1.626 1.621 1.626h10.916c.895 0 1.623-.73 1.623-1.626v-2.764h2.756c.88 0 1.624-.745 1.624-1.624l-.023-10.353ZM3.295 6.421c0-.03.026-.056.056-.056h7.006v3.2c0 .427.346.774.773.774h3.193v9.58c0 .028-.026.055-.056.055H3.35a.058.058 0 0 1-.056-.056V6.422Zm12.366 2.601-3.966-3.998a.779.779 0 0 0-.543-.228H7.675V2.055c0-.03.025-.056.056-.056h7.006v3.2c0 .427.346.774.772.774h3.194v9.579c0 .029-.026.056-.057.056H15.89V9.567c0-.2-.084-.4-.23-.544Zm-3.737-.252V7.455l1.314 1.316h-1.314Zm4.357-4.367V3.087l1.315 1.317H16.28Z",
936
956
  clipRule: "evenodd"
937
957
  })));
938
958
  };
939
959
 
940
- var _path$1u;
941
- function _extends$1A() { _extends$1A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1A.apply(this, arguments); }
960
+ var _path$1v;
961
+ function _extends$1B() { _extends$1B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1B.apply(this, arguments); }
942
962
  var SvgIconCopySmall = function SvgIconCopySmall(props) {
943
- return /*#__PURE__*/React.createElement("svg", _extends$1A({
963
+ return /*#__PURE__*/React.createElement("svg", _extends$1B({
944
964
  xmlns: "http://www.w3.org/2000/svg",
945
965
  width: 14,
946
966
  height: 14
947
- }, props), _path$1u || (_path$1u = /*#__PURE__*/React.createElement("path", {
967
+ }, props), _path$1v || (_path$1v = /*#__PURE__*/React.createElement("path", {
948
968
  fillRule: "evenodd",
949
969
  d: "M9.87.75c.13 0 .257.031.388.102l.098.06.096.081 2.196 2.213a.826.826 0 0 1 .233.453l.01.129.013 5.738c0 .603-.432 1.128-1.028 1.264l-.13.024-.137.008-1.99-.001v1.136c0 .565-.362 1.052-.89 1.229l-.136.038-.131.022-.138.008h-5.93c-.61 0-1.13-.427-1.264-1.028l-.022-.131-.008-.138V4.48c0-.612.425-1.132 1.026-1.266l.13-.023.138-.008h1.99V2.046c0-.557.368-1.047.893-1.227l.135-.038.13-.023.136-.008H9.87ZM6.15 4.581H2.5v7.273h5.72l-.002-5.241H7.057a.902.902 0 0 1-.858-.62l-.036-.132-.012-.136V4.581Zm3.277-2.43H5.786v1.225h.963c.142 0 .282.034.426.11l.108.064.106.088 1.964 1.978a.87.87 0 0 1 .225.373l.031.121.012.133v3.18h1.869l.003-5.241h-1.16a.901.901 0 0 1-.857-.62L9.44 3.43l-.011-.135-.002-1.144Z",
950
970
  clipRule: "evenodd"
951
971
  })));
952
972
  };
953
973
 
974
+ var _path$1u, _path2$p, _path3$3;
975
+ function _extends$1A() { _extends$1A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1A.apply(this, arguments); }
976
+ var SvgIconCubeLarge = function SvgIconCubeLarge(props) {
977
+ return /*#__PURE__*/React.createElement("svg", _extends$1A({
978
+ xmlns: "http://www.w3.org/2000/svg",
979
+ width: 22,
980
+ height: 22,
981
+ fill: "none"
982
+ }, props), _path$1u || (_path$1u = /*#__PURE__*/React.createElement("path", {
983
+ d: "M10.636.344a.75.75 0 0 1 .728 0l9 5a.75.75 0 0 1 0 1.312l-9 5a.75.75 0 0 1-.728 0l-9-5a.75.75 0 0 1 0-1.312l9-5ZM3.544 6 11 10.142 18.456 6 11 1.858 3.544 6Z",
984
+ clipRule: "evenodd"
985
+ })), _path2$p || (_path2$p = /*#__PURE__*/React.createElement("path", {
986
+ d: "M20.38 5.354c.23.134.37.38.37.646v10a.75.75 0 0 1-.386.656l-9 5A.75.75 0 0 1 10.25 21V11a.75.75 0 0 1 .386-.656l9-5a.75.75 0 0 1 .744.01Zm-8.63 6.087v8.284l7.5-4.166V7.275l-7.5 4.166Z",
987
+ clipRule: "evenodd"
988
+ })), _path3$3 || (_path3$3 = /*#__PURE__*/React.createElement("path", {
989
+ d: "M1.62 5.354A.75.75 0 0 0 1.25 6v10a.75.75 0 0 0 .386.656l9 5A.75.75 0 0 0 11.75 21V11a.75.75 0 0 0-.386-.656l-9-5a.75.75 0 0 0-.744.01Zm8.63 6.087v8.284l-7.5-4.166V7.275l7.5 4.166Z",
990
+ clipRule: "evenodd"
991
+ })));
992
+ };
993
+
954
994
  var _path$1t;
955
995
  function _extends$1z() { _extends$1z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1z.apply(this, arguments); }
956
996
  var SvgIconDnaLarge = function SvgIconDnaLarge(props) {
@@ -2336,31 +2376,31 @@ var SvgIconSquareOnDashedSquareLarge = function SvgIconSquareOnDashedSquareLarge
2336
2376
  })));
2337
2377
  };
2338
2378
 
2339
- var _path$p;
2379
+ var _path$p, _path2$8;
2340
2380
  function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
2341
- var SvgIconStarburstSmall = function SvgIconStarburstSmall(props) {
2381
+ var SvgIconStarLarge = function SvgIconStarLarge(props) {
2342
2382
  return /*#__PURE__*/React.createElement("svg", _extends$r({
2343
2383
  xmlns: "http://www.w3.org/2000/svg",
2344
- width: 14,
2345
- height: 14
2384
+ width: 22,
2385
+ height: 22
2346
2386
  }, props), _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
2347
- d: "m11.977 8.821.742 2.154-.846.165-1.391.272c-.299.009-.41.101-.47.393l-.816 2.128-.755-.419-1.237-.687c-.236-.184-.379-.185-.614-.001l-1.993 1.107-.309-.806-.507-1.321c-.063-.293-.174-.386-.472-.395l-2.236-.436.281-.816.461-1.337c.14-.265.117-.407-.106-.604L.274 6.446l.74-.444 1.214-.729c.278-.111.348-.235.306-.531l.04-2.28.853.136 1.396.223c.286.091.422.043.579-.211L6.896.889l.566.652.93 1.071c.156.253.289.3.575.209l2.254-.359.014.865.023 1.415c-.043.296.029.418.306.531l1.955 1.173-.543.671-.893 1.102c-.223.198-.246.338-.106.602Zm-1.058-1.548.348-.429-.475-.285c-.539-.379-.975-1.133-1.034-1.791l-.009-.552-.546.087c-.656.055-1.477-.242-1.945-.711l-.362-.415-.362.417c-.469.468-1.285.764-1.941.709l-.549-.087-.01.552c-.058.658-.492 1.41-1.032 1.791l-.476.285.349.43c.379.543.528 1.399.36 2.034l-.182.525.544.106c.638.171 1.303.73 1.584 1.327l.198.517.483-.269c.597-.276 1.468-.277 2.066-.001l.486.27.198-.516c.28-.598.949-1.158 1.586-1.328l.541-.106-.18-.524c-.17-.636-.019-1.494.36-2.036Z"
2387
+ fillRule: "evenodd",
2388
+ d: "m10.993 7.986-.586 1.41a1.7 1.7 0 0 1-1.434 1.041l-1.522.122 1.16.993a1.7 1.7 0 0 1 .547 1.686l-.354 1.485 1.303-.796a1.7 1.7 0 0 1 1.772 0l1.303.796-.354-1.485a1.7 1.7 0 0 1 .547-1.686l1.16-.993-1.522-.122a1.7 1.7 0 0 1-1.434-1.042l-.586-1.41Zm.923-1.556c-.341-.821-1.505-.821-1.846 0L9.068 8.839a.25.25 0 0 1-.211.153l-2.6.208c-.887.071-1.247 1.178-.571 1.757l1.981 1.697a.25.25 0 0 1 .08.248l-.605 2.537c-.206.865.735 1.55 1.494 1.085l2.227-1.36a.25.25 0 0 1 .26 0l2.227 1.36c.759.464 1.7-.22 1.494-1.085l-.606-2.537a.25.25 0 0 1 .08-.248l1.982-1.697c.675-.58.316-1.686-.57-1.757l-2.601-.208a.25.25 0 0 1-.21-.153L11.915 6.43Z",
2389
+ clipRule: "evenodd"
2390
+ })), _path2$8 || (_path2$8 = /*#__PURE__*/React.createElement("path", {
2391
+ d: "M10.268 1.935a.725.725 0 0 1 1.45 0v1.55a.725.725 0 0 1-1.45 0v-1.55ZM20.4 10.269a.725.725 0 0 1 0 1.45h-1.55a.725.725 0 0 1 0-1.45h1.55ZM17.224 3.733a.725.725 0 1 1 1.026 1.025l-1.096 1.096a.725.725 0 1 1-1.026-1.025l1.096-1.096ZM19.007 17.232a.725.725 0 0 1-1.026 1.026l-1.096-1.096a.725.725 0 1 1 1.026-1.026l1.096 1.096ZM10.268 18.503a.725.725 0 0 1 1.45 0v1.55a.725.725 0 1 1-1.45 0v-1.55ZM3.135 10.269a.725.725 0 0 1 0 1.45h-1.55a.725.725 0 0 1 0-1.45h1.55ZM4.078 16.136a.725.725 0 0 1 1.025 1.026l-1.096 1.096a.725.725 0 0 1-1.025-1.026l1.096-1.096ZM5.857 4.829A.725.725 0 1 1 4.83 5.854L3.735 4.758a.725.725 0 0 1 1.026-1.025l1.096 1.096Z"
2348
2392
  })));
2349
2393
  };
2350
2394
 
2351
- var _path$o, _path2$8;
2395
+ var _path$o;
2352
2396
  function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
2353
- var SvgIconStarLarge = function SvgIconStarLarge(props) {
2397
+ var SvgIconStarburstSmall = function SvgIconStarburstSmall(props) {
2354
2398
  return /*#__PURE__*/React.createElement("svg", _extends$q({
2355
2399
  xmlns: "http://www.w3.org/2000/svg",
2356
- width: 22,
2357
- height: 22
2400
+ width: 14,
2401
+ height: 14
2358
2402
  }, props), _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
2359
- fillRule: "evenodd",
2360
- d: "m10.993 7.986-.586 1.41a1.7 1.7 0 0 1-1.434 1.041l-1.522.122 1.16.993a1.7 1.7 0 0 1 .547 1.686l-.354 1.485 1.303-.796a1.7 1.7 0 0 1 1.772 0l1.303.796-.354-1.485a1.7 1.7 0 0 1 .547-1.686l1.16-.993-1.522-.122a1.7 1.7 0 0 1-1.434-1.042l-.586-1.41Zm.923-1.556c-.341-.821-1.505-.821-1.846 0L9.068 8.839a.25.25 0 0 1-.211.153l-2.6.208c-.887.071-1.247 1.178-.571 1.757l1.981 1.697a.25.25 0 0 1 .08.248l-.605 2.537c-.206.865.735 1.55 1.494 1.085l2.227-1.36a.25.25 0 0 1 .26 0l2.227 1.36c.759.464 1.7-.22 1.494-1.085l-.606-2.537a.25.25 0 0 1 .08-.248l1.982-1.697c.675-.58.316-1.686-.57-1.757l-2.601-.208a.25.25 0 0 1-.21-.153L11.915 6.43Z",
2361
- clipRule: "evenodd"
2362
- })), _path2$8 || (_path2$8 = /*#__PURE__*/React.createElement("path", {
2363
- d: "M10.268 1.935a.725.725 0 0 1 1.45 0v1.55a.725.725 0 0 1-1.45 0v-1.55ZM20.4 10.269a.725.725 0 0 1 0 1.45h-1.55a.725.725 0 0 1 0-1.45h1.55ZM17.224 3.733a.725.725 0 1 1 1.026 1.025l-1.096 1.096a.725.725 0 1 1-1.026-1.025l1.096-1.096ZM19.007 17.232a.725.725 0 0 1-1.026 1.026l-1.096-1.096a.725.725 0 1 1 1.026-1.026l1.096 1.096ZM10.268 18.503a.725.725 0 0 1 1.45 0v1.55a.725.725 0 1 1-1.45 0v-1.55ZM3.135 10.269a.725.725 0 0 1 0 1.45h-1.55a.725.725 0 0 1 0-1.45h1.55ZM4.078 16.136a.725.725 0 0 1 1.025 1.026l-1.096 1.096a.725.725 0 0 1-1.025-1.026l1.096-1.096ZM5.857 4.829A.725.725 0 1 1 4.83 5.854L3.735 4.758a.725.725 0 0 1 1.026-1.025l1.096 1.096Z"
2403
+ d: "m11.977 8.821.742 2.154-.846.165-1.391.272c-.299.009-.41.101-.47.393l-.816 2.128-.755-.419-1.237-.687c-.236-.184-.379-.185-.614-.001l-1.993 1.107-.309-.806-.507-1.321c-.063-.293-.174-.386-.472-.395l-2.236-.436.281-.816.461-1.337c.14-.265.117-.407-.106-.604L.274 6.446l.74-.444 1.214-.729c.278-.111.348-.235.306-.531l.04-2.28.853.136 1.396.223c.286.091.422.043.579-.211L6.896.889l.566.652.93 1.071c.156.253.289.3.575.209l2.254-.359.014.865.023 1.415c-.043.296.029.418.306.531l1.955 1.173-.543.671-.893 1.102c-.223.198-.246.338-.106.602Zm-1.058-1.548.348-.429-.475-.285c-.539-.379-.975-1.133-1.034-1.791l-.009-.552-.546.087c-.656.055-1.477-.242-1.945-.711l-.362-.415-.362.417c-.469.468-1.285.764-1.941.709l-.549-.087-.01.552c-.058.658-.492 1.41-1.032 1.791l-.476.285.349.43c.379.543.528 1.399.36 2.034l-.182.525.544.106c.638.171 1.303.73 1.584 1.327l.198.517.483-.269c.597-.276 1.468-.277 2.066-.001l.486.27.198-.516c.28-.598.949-1.158 1.586-1.328l.541-.106-.18-.524c-.17-.636-.019-1.494.36-2.036Z"
2364
2404
  })));
2365
2405
  };
2366
2406
 
@@ -2743,6 +2783,10 @@ var iconMap = {
2743
2783
  largeIcon: SvgIconCirclesOverlapLarge,
2744
2784
  smallIcon: SvgIconCirclesOverlapSmall,
2745
2785
  },
2786
+ code: {
2787
+ largeIcon: SvgIconCodeLarge,
2788
+ smallIcon: null,
2789
+ },
2746
2790
  compass: {
2747
2791
  largeIcon: SvgIconCompassLarge,
2748
2792
  smallIcon: null,
@@ -2751,6 +2795,10 @@ var iconMap = {
2751
2795
  largeIcon: SvgIconCopyLarge,
2752
2796
  smallIcon: SvgIconCopySmall,
2753
2797
  },
2798
+ cube: {
2799
+ largeIcon: SvgIconCubeLarge,
2800
+ smallIcon: null,
2801
+ },
2754
2802
  dna: {
2755
2803
  largeIcon: SvgIconDnaLarge,
2756
2804
  smallIcon: null,
@@ -3294,7 +3342,7 @@ var doNotForwardProps$m = [
3294
3342
  ];
3295
3343
  var StyledButtonIcon$2 = styled(IconButton, {
3296
3344
  shouldForwardProp: function (prop) { return !doNotForwardProps$m.includes(prop); },
3297
- })(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n padding: 0;\n\n :focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n\n ", "\n"], ["\n padding: 0;\n\n :focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n\n ", "\n"])), function (props) {
3345
+ })(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n padding: 0;\n ", "\n\n ", "\n"], ["\n padding: 0;\n ", "\n\n ", "\n"])), focusVisibleA11yStyle, function (props) {
3298
3346
  var on = props.on, disabled = props.disabled, sdsSize = props.sdsSize, sdsType = props.sdsType;
3299
3347
  return css(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), sdsType === "primary" && primary$2(props), sdsType === "secondary" && secondary$2(props), sdsType === "tertiary" && tertiary(props), on && isOn(props), disabled && isDisabled$1(props), sdsSize === "small" && small$1(props), sdsSize === "medium" && medium$1(props), sdsSize === "large" && large(props));
3300
3348
  });
@@ -3931,7 +3979,7 @@ var Banner = forwardRef(function Banner(props, ref) {
3931
3979
  var sdsPropNames$3 = ["isAllCaps", "isRounded", "sdsStyle", "sdsType"];
3932
3980
  var ButtonBase = styled(Button$1, {
3933
3981
  shouldForwardProp: function (prop) { return !sdsPropNames$3.includes(prop); },
3934
- })(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n box-shadow: none;\n ", "\n"], ["\n box-shadow: none;\n ", "\n"])), function (props) {
3982
+ })(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n box-shadow: none;\n ", "\n ", "\n"], ["\n box-shadow: none;\n ", "\n ", "\n"])), focusVisibleA11yStyle, function (props) {
3935
3983
  var variant = props.variant;
3936
3984
  var colors = getColors(props);
3937
3985
  var spacings = getSpaces(props);
@@ -3940,7 +3988,7 @@ var ButtonBase = styled(Button$1, {
3940
3988
  var outlinedPadding = "".concat(((spacings === null || spacings === void 0 ? void 0 : spacings.xs) || 0) - 1, "px ").concat(((spacings === null || spacings === void 0 ? void 0 : spacings.l) || 0) - 1, "px");
3941
3989
  var padding = variant === "outlined" ? outlinedPadding : containedPadding;
3942
3990
  var outlineBorder = variant === "outlined" ? "border-color: ".concat(colors === null || colors === void 0 ? void 0 : colors.primary[400], ";") : "";
3943
- return "\n ".concat(outlineBorder, "\n padding: ").concat(padding, ";\n min-width: 120px;\n height: 34px;\n &:hover {\n color: white;\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[500], ";\n box-shadow: none;\n }\n &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n &:active {\n color: white;\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[600], ";\n box-shadow: none;\n }\n &:disabled {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[400], ";\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";\n border-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";\n }\n .MuiButton-startIcon {\n margin-right: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n }\n .MuiButton-endIcon {\n margin-left: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n }\n ");
3991
+ return "\n ".concat(outlineBorder, "\n padding: ").concat(padding, ";\n min-width: 120px;\n height: 34px;\n &:hover {\n color: white;\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[500], ";\n box-shadow: none;\n }\n &:active {\n color: white;\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[600], ";\n box-shadow: none;\n }\n &:disabled {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[400], ";\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";\n border-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";\n }\n .MuiButton-startIcon {\n margin-right: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n }\n .MuiButton-endIcon {\n margin-left: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n }\n ");
3944
3992
  });
3945
3993
  var RoundedButton = styled(ButtonBase, {
3946
3994
  shouldForwardProp: function (prop) { return !sdsPropNames$3.includes(prop); },
@@ -3951,7 +3999,7 @@ var RoundedButton = styled(ButtonBase, {
3951
3999
  var SquareButton = ButtonBase;
3952
4000
  var MinimalButton = styled(Button$1, {
3953
4001
  shouldForwardProp: function (prop) { return !sdsPropNames$3.includes(prop); },
3954
- })(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n ", "\n\n ", "\n &:hover, &:focus-visible {\n background-color: transparent;\n }\n &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n"], ["\n ", "\n\n ", "\n &:hover, &:focus-visible {\n background-color: transparent;\n }\n &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n"])), function (props) {
4002
+ })(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n ", "\n\n ", "\n\n ", "\n &:hover, &:focus-visible {\n background-color: transparent;\n }\n"], ["\n ", "\n\n ", "\n\n ", "\n &:hover, &:focus-visible {\n background-color: transparent;\n }\n"])), focusVisibleA11yStyle, function (props) {
3955
4003
  var spacings = getSpaces(props);
3956
4004
  return "\n padding: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px 0;\n ");
3957
4005
  }, function (props) {
@@ -3969,7 +4017,7 @@ var PrimaryMinimalButton = styled(MinimalButton)(templateObject_4$c || (template
3969
4017
  var SecondaryMinimalButton = styled(MinimalButton)(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n ", "\n color: #000;\n"], ["\n ", "\n color: #000;\n"])), minimal$2);
3970
4018
  var StyledButton$1 = styled(Button$1, {
3971
4019
  shouldForwardProp: function (prop) { return !sdsPropNames$3.includes(prop); },
3972
- })(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n ", "\n"], ["\n &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n ", "\n"])), function (props) {
4020
+ })(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), focusVisibleA11yStyle, function (props) {
3973
4021
  if (!props.isRounded)
3974
4022
  return "";
3975
4023
  var corners = getCorners(props);
@@ -4564,7 +4612,7 @@ var minimal$1 = function (props) {
4564
4612
  var colors = getColors(props);
4565
4613
  var spacings = getSpaces(props);
4566
4614
  var palette = getPalette(props);
4567
- return css(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n ", "\n\n /* this is needed to left align the label text */\n align-items: flex-start;\n border: none;\n flex-direction: column;\n padding: ", "px ", "px;\n\n /* Nesting to increase CSS specificity for style override */\n &.MuiButton-text {\n .styled-label {\n margin: 0;\n }\n }\n\n span {\n color: ", ";\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n border: none;\n color: ", ";\n\n path {\n fill: black;\n }\n\n .styled-label {\n color: #000;\n }\n }\n\n &:active {\n background-color: ", ";\n border: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n\n &.MuiButton-root.MuiButton-text > span {\n ", "\n margin-left: 0;\n }\n\n &.MuiButton-root.MuiButton-text svg {\n margin-left: ", "px;\n margin-right: 0;\n }\n "], ["\n ", "\n\n /* this is needed to left align the label text */\n align-items: flex-start;\n border: none;\n flex-direction: column;\n padding: ", "px ", "px;\n\n /* Nesting to increase CSS specificity for style override */\n &.MuiButton-text {\n .styled-label {\n margin: 0;\n }\n }\n\n span {\n color: ", ";\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n border: none;\n color: ", ";\n\n path {\n fill: black;\n }\n\n .styled-label {\n color: #000;\n }\n }\n\n &:active {\n background-color: ", ";\n border: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n\n &.MuiButton-root.MuiButton-text > span {\n ", "\n margin-left: 0;\n }\n\n &.MuiButton-root.MuiButton-text svg {\n margin-left: ", "px;\n margin-right: 0;\n }\n "])), labelStyle(props), spacings === null || spacings === void 0 ? void 0 : spacings.xs, spacings === null || spacings === void 0 ? void 0 : spacings.s, colors === null || colors === void 0 ? void 0 : colors.gray[500], colors === null || colors === void 0 ? void 0 : colors.gray[500], colors === null || colors === void 0 ? void 0 : colors.gray[100], (_a = palette === null || palette === void 0 ? void 0 : palette.text) === null || _a === void 0 ? void 0 : _a.primary, colors === null || colors === void 0 ? void 0 : colors.gray[100], labelFontBodyS(props), spacings === null || spacings === void 0 ? void 0 : spacings.xs);
4615
+ return css(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n ", "\n ", "\n\n /* this is needed to left align the label text */\n align-items: flex-start;\n border: none;\n flex-direction: column;\n padding: ", "px ", "px;\n\n /* Nesting to increase CSS specificity for style override */\n &.MuiButton-text {\n .styled-label {\n margin: 0;\n }\n }\n\n span {\n color: ", ";\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n border: none;\n color: ", ";\n\n path {\n fill: black;\n }\n\n .styled-label {\n color: #000;\n }\n }\n\n &:active {\n background-color: ", ";\n border: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &.MuiButton-root.MuiButton-text > span {\n ", "\n margin-left: 0;\n }\n\n &.MuiButton-root.MuiButton-text svg {\n margin-left: ", "px;\n margin-right: 0;\n }\n "], ["\n ", "\n ", "\n\n /* this is needed to left align the label text */\n align-items: flex-start;\n border: none;\n flex-direction: column;\n padding: ", "px ", "px;\n\n /* Nesting to increase CSS specificity for style override */\n &.MuiButton-text {\n .styled-label {\n margin: 0;\n }\n }\n\n span {\n color: ", ";\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n border: none;\n color: ", ";\n\n path {\n fill: black;\n }\n\n .styled-label {\n color: #000;\n }\n }\n\n &:active {\n background-color: ", ";\n border: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &.MuiButton-root.MuiButton-text > span {\n ", "\n margin-left: 0;\n }\n\n &.MuiButton-root.MuiButton-text svg {\n margin-left: ", "px;\n margin-right: 0;\n }\n "])), labelStyle(props), focusVisibleA11yStyle(), spacings === null || spacings === void 0 ? void 0 : spacings.xs, spacings === null || spacings === void 0 ? void 0 : spacings.s, colors === null || colors === void 0 ? void 0 : colors.gray[500], colors === null || colors === void 0 ? void 0 : colors.gray[500], colors === null || colors === void 0 ? void 0 : colors.gray[100], (_a = palette === null || palette === void 0 ? void 0 : palette.text) === null || _a === void 0 ? void 0 : _a.primary, colors === null || colors === void 0 ? void 0 : colors.gray[100], labelFontBodyS(props), spacings === null || spacings === void 0 ? void 0 : spacings.xs);
4568
4616
  };
4569
4617
  var square$1 = function (props) {
4570
4618
  var corners = getCorners(props);
@@ -5254,8 +5302,10 @@ var StyledFormControlLabel$1 = styled(FormControlLabel)(templateObject_1$o || (t
5254
5302
  });
5255
5303
  var StyledCheckbox = styled(Checkbox)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
5256
5304
  var colors = getColors(props);
5305
+ var corners = getCorners(props);
5257
5306
  var iconSizes = getIconSizes(props);
5258
- return "\n color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray[400], ";\n &:hover {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n background-color: transparent;\n }\n &.Mui-disabled {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";\n }\n &.Mui-checked {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[400], ";\n &:hover {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[500], ";\n background-color: transparent;\n }\n &.Mui-disabled {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[300], "\n }\n }\n\n .MuiSvgIcon-root {\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.input.height, "px;\n width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.input.width, "px;\n }\n ");
5307
+ var spaces = getSpaces(props);
5308
+ return "\n color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray[400], ";\n &:hover {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n background-color: transparent;\n }\n &.Mui-disabled {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";\n }\n &.Mui-checked {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[400], ";\n &:hover {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[500], ";\n background-color: transparent;\n }\n &.Mui-disabled {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[300], "\n }\n }\n\n &.MuiCheckbox-root {\n ").concat(focusVisibleA11yStyle(), "\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.s, "px; \n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n margin: 3px;\n }\n\n .MuiSvgIcon-root {\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.input.height, "px;\n width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.input.width, "px;\n }\n ");
5259
5309
  });
5260
5310
  var templateObject_1$o, templateObject_2$c;
5261
5311
 
@@ -5665,8 +5715,8 @@ var StyledLoadingIndicator = styled("div", {
5665
5715
  var templateObject_1$f, templateObject_2$7, templateObject_3$4, templateObject_4$3, templateObject_5$2, templateObject_6;
5666
5716
 
5667
5717
  var LoadingIndicator = function (_a) {
5668
- var sdsStyle = _a.sdsStyle;
5669
- return (jsxs(StyledLoadingIndicator, { sdsStyle: sdsStyle, children: [jsx(Icon, { sdsIcon: "loading", sdsSize: "l", sdsType: "static" }), jsx(StyledText, { children: "Loading" })] }));
5718
+ var ariaLabel = _a["aria-label"], sdsStyle = _a.sdsStyle;
5719
+ return (jsxs(StyledLoadingIndicator, { sdsStyle: sdsStyle, children: [jsx(Icon, { sdsIcon: "loading", sdsSize: "l", sdsType: "static" }), jsx(StyledText, { "aria-label": ariaLabel, "aria-live": "polite", role: "status", children: "Loading" })] }));
5670
5720
  };
5671
5721
 
5672
5722
  var StyledMenu = styled(Menu$1)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n & {\n .MuiMenu-paper {\n ", "\n }\n\n .MuiList-padding {\n padding: 0;\n }\n }\n"], ["\n & {\n .MuiMenu-paper {\n ", "\n }\n\n .MuiList-padding {\n padding: 0;\n }\n }\n"])), function (props) {
@@ -6321,7 +6371,7 @@ var StyledTabs = styled(TempTabs, {
6321
6371
  var TAB_DO_NOT_FORWARD_PROPS = ["sdsSize"];
6322
6372
  var StyledTab = styled(Tab$1, {
6323
6373
  shouldForwardProp: function (prop) { return !TAB_DO_NOT_FORWARD_PROPS.includes(String(prop)); },
6324
- })(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n min-height: unset;\n padding: 0;\n min-width: 32px;\n opacity: 1 !important;\n\n ", "\n\n ", "\n"], ["\n min-height: unset;\n padding: 0;\n min-width: 32px;\n opacity: 1 !important;\n\n ", "\n\n ", "\n"])), tabFontMixin, function (props) {
6374
+ })(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n min-height: unset;\n padding: 0;\n min-width: 32px;\n opacity: 1 !important;\n\n ", "\n ", "\n\n ", "\n"], ["\n min-height: unset;\n padding: 0;\n min-width: 32px;\n opacity: 1 !important;\n\n ", "\n ", "\n\n ", "\n"])), tabFontMixin, focusVisibleA11yStyle, function (props) {
6325
6375
  var colors = getColors(props);
6326
6376
  var spaces = getSpaces(props);
6327
6377
  var fontWeights = getFontWeights(props);
@@ -6452,4 +6502,4 @@ var TooltipTableContent = function (props) {
6452
6502
  return (jsxs(TableContainer, __assign({}, rest, { children: [contentAlert && jsx(Alert, { children: contentAlert }), data === null || data === void 0 ? void 0 : data.map(function (section, index) { return (jsxs(Section, { disabled: section.disabled, children: [jsx(SectionLabel, { disabled: section.disabled, label: section.label, children: section.label }), jsx(Table$1, { size: "small", children: jsx(TableBody, { children: section.dataRows.map(function (row, rowIndex) { return (jsxs(TableRow$1, { children: [jsx(RowLabel, { disabled: section.disabled, align: "left", children: row.label }), jsx(RowValue, { disabled: section.disabled, align: itemAlign, children: row.value })] }, row.label + String(rowIndex))); }) }) })] }, "".concat(section.label + String(index)))); })] })));
6453
6503
  };
6454
6504
 
6455
- export { Accordion, AccordionDetails, AccordionHeader, Alert$1 as Alert, Autocomplete, StyledPopper$2 as AutocompleteMultiColumnStyledPopper, StyledPaper$3 as AutocompleteSingleColumnStyledPaper, Banner, Button, ButtonDropdown, ButtonIcon, Callout, CalloutTitle, CellBasic, CellComponent, CellHeader, Chip, ComplexFilter, InputDropdown as ComplexFilterInputDropdown, StyledPopper as ComplexFilterPopper, Dialog, DialogActions, index as DialogContent, DialogContext, DialogPaper, DialogTitle, Subtitle as DialogTitleSubtitle, Title as DialogTitleTitle, Dropdown, InputDropdown as DropdownInputDropdown, DropdownMenu, StyledPaper$1 as DropdownPaper, StyledPopper as DropdownPopper, Icon, InputCheckbox, InputDropdown, InputRadio, InputSearch, InputSlider, InputText, InputToggle, Link, List, ListItem, ListItemLabel, ListSubheader, LoadingIndicator, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, Menu, MenuItem, MenuSelect, NavigationJumpTo, Notification, Pagination, SegmentedControl, Tab, Table, TableHeader, TableRow, Tabs, Tag, TagFilter, Tooltip, TooltipCondensed, TooltipTableContent as TooltipTable, defaultAppTheme, defaultTheme, fontBody, fontBodyL$1 as fontBodyL, fontBodyM$1 as fontBodyM, fontBodyS$2 as fontBodyS, fontBodyXs$5 as fontBodyXs, fontBodyXxs$1 as fontBodyXxs, fontBodyXxxs$1 as fontBodyXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontHeader, fontHeaderL, fontHeaderM$1 as fontHeaderM, fontHeaderS, fontHeaderXl, fontHeaderXs, fontHeaderXxl, fontHeaderXxs, fontHeaderXxxs, getBorders, getColors, getCorners, getFontWeights, getIconSizes, getPalette, getShadows, getSpaces, getSpacings, getTypography, makeThemeOptions };
6505
+ export { Accordion, AccordionDetails, AccordionHeader, Alert$1 as Alert, Autocomplete, StyledPopper$2 as AutocompleteMultiColumnStyledPopper, StyledPaper$3 as AutocompleteSingleColumnStyledPaper, Banner, Button, ButtonDropdown, ButtonIcon, Callout, CalloutTitle, CellBasic, CellComponent, CellHeader, Chip, ComplexFilter, InputDropdown as ComplexFilterInputDropdown, StyledPopper as ComplexFilterPopper, Dialog, DialogActions, index as DialogContent, DialogContext, DialogPaper, DialogTitle, Subtitle as DialogTitleSubtitle, Title as DialogTitleTitle, Dropdown, InputDropdown as DropdownInputDropdown, DropdownMenu, StyledPaper$1 as DropdownPaper, StyledPopper as DropdownPopper, Icon, InputCheckbox, InputDropdown, InputRadio, InputSearch, InputSlider, InputText, InputToggle, Link, List, ListItem, ListItemLabel, ListSubheader, LoadingIndicator, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, Menu, MenuItem, MenuSelect, NavigationJumpTo, Notification, Pagination, SegmentedControl, Tab, Table, TableHeader, TableRow, Tabs, Tag, TagFilter, Tooltip, TooltipCondensed, TooltipTableContent as TooltipTable, defaultAppTheme, defaultTheme, focusVisibleA11yStyle, fontBody, fontBodyL$1 as fontBodyL, fontBodyM$1 as fontBodyM, fontBodyS$2 as fontBodyS, fontBodyXs$5 as fontBodyXs, fontBodyXxs$1 as fontBodyXxs, fontBodyXxxs$1 as fontBodyXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontHeader, fontHeaderL, fontHeaderM$1 as fontHeaderM, fontHeaderS, fontHeaderXl, fontHeaderXs, fontHeaderXxl, fontHeaderXxs, fontHeaderXxxs, getBorders, getColors, getCorners, getFontWeights, getIconSizes, getPalette, getShadows, getSpaces, getSpacings, getTypography, makeThemeOptions };