@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.cjs.js CHANGED
@@ -491,6 +491,10 @@ function makeThemeOptions(appTheme) {
491
491
  var defaultThemeOptions = makeThemeOptions(defaultAppTheme);
492
492
  var defaultTheme = createThemeAdaptor(defaultThemeOptions);
493
493
 
494
+ function focusVisibleA11yStyle() {
495
+ return "\n &.Mui-focusVisible, &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n ";
496
+ }
497
+
494
498
  var getSpaces = function (_a) {
495
499
  var _b;
496
500
  var theme = _a.theme;
@@ -602,20 +606,20 @@ var AccordionDetails = function (props) {
602
606
  return jsxRuntime.jsx(StyledAccordionDetails, { children: children });
603
607
  };
604
608
 
605
- var _path$1O, _path2$s, _path3$3;
606
- 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); }
609
+ var _path$1Q, _path2$u, _path3$4;
610
+ 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); }
607
611
  var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
608
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1X({
612
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Z({
609
613
  xmlns: "http://www.w3.org/2000/svg",
610
614
  width: 22,
611
615
  height: 22
612
- }, props), _path$1O || (_path$1O = /*#__PURE__*/React__namespace.createElement("path", {
616
+ }, props), _path$1Q || (_path$1Q = /*#__PURE__*/React__namespace.createElement("path", {
613
617
  fillRule: "evenodd",
614
618
  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",
615
619
  clipRule: "evenodd"
616
- })), _path2$s || (_path2$s = /*#__PURE__*/React__namespace.createElement("path", {
620
+ })), _path2$u || (_path2$u = /*#__PURE__*/React__namespace.createElement("path", {
617
621
  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"
618
- })), _path3$3 || (_path3$3 = /*#__PURE__*/React__namespace.createElement("path", {
622
+ })), _path3$4 || (_path3$4 = /*#__PURE__*/React__namespace.createElement("path", {
619
623
  fillRule: "evenodd",
620
624
  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",
621
625
  clipRule: "evenodd"
@@ -623,9 +627,9 @@ var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
623
627
  };
624
628
 
625
629
  var _g$4, _defs$3;
626
- 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); }
630
+ 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); }
627
631
  var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
628
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1W({
632
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Y({
629
633
  xmlns: "http://www.w3.org/2000/svg",
630
634
  width: 14,
631
635
  height: 14
@@ -645,134 +649,134 @@ var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
645
649
  })))));
646
650
  };
647
651
 
648
- var _path$1N;
649
- 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); }
652
+ var _path$1P;
653
+ 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); }
650
654
  var SvgIconBarChartHorizontal3Small = function SvgIconBarChartHorizontal3Small(props) {
651
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1V({
655
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1X({
652
656
  xmlns: "http://www.w3.org/2000/svg",
653
657
  width: 14,
654
658
  height: 14,
655
659
  fill: "none"
656
- }, props), _path$1N || (_path$1N = /*#__PURE__*/React__namespace.createElement("path", {
660
+ }, props), _path$1P || (_path$1P = /*#__PURE__*/React__namespace.createElement("path", {
657
661
  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",
658
662
  clipRule: "evenodd"
659
663
  })));
660
664
  };
661
665
 
662
- var _path$1M;
663
- 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); }
666
+ var _path$1O;
667
+ 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); }
664
668
  var SvgIconBarChartVertical3Small = function SvgIconBarChartVertical3Small(props) {
665
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1U({
669
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1W({
666
670
  xmlns: "http://www.w3.org/2000/svg",
667
671
  width: 14,
668
672
  height: 14
669
- }, props), _path$1M || (_path$1M = /*#__PURE__*/React__namespace.createElement("path", {
673
+ }, props), _path$1O || (_path$1O = /*#__PURE__*/React__namespace.createElement("path", {
670
674
  fillRule: "evenodd",
671
675
  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"
672
676
  })));
673
677
  };
674
678
 
675
- var _path$1L;
676
- 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); }
679
+ var _path$1N;
680
+ 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); }
677
681
  var SvgIconBarChartVertical4Small = function SvgIconBarChartVertical4Small(props) {
678
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1T({
682
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1V({
679
683
  xmlns: "http://www.w3.org/2000/svg",
680
684
  width: 14,
681
685
  height: 14
682
- }, props), _path$1L || (_path$1L = /*#__PURE__*/React__namespace.createElement("path", {
686
+ }, props), _path$1N || (_path$1N = /*#__PURE__*/React__namespace.createElement("path", {
683
687
  fillRule: "evenodd",
684
688
  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"
685
689
  })));
686
690
  };
687
691
 
688
- var _path$1K;
689
- 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); }
692
+ var _path$1M;
693
+ 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); }
690
694
  var SvgIconBookLarge = function SvgIconBookLarge(props) {
691
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1S({
695
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1U({
692
696
  xmlns: "http://www.w3.org/2000/svg",
693
697
  width: 22,
694
698
  height: 22,
695
699
  fill: "none"
696
- }, props), _path$1K || (_path$1K = /*#__PURE__*/React__namespace.createElement("path", {
700
+ }, props), _path$1M || (_path$1M = /*#__PURE__*/React__namespace.createElement("path", {
697
701
  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"
698
702
  })));
699
703
  };
700
704
 
701
- var _path$1J, _path2$r;
702
- 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); }
705
+ var _path$1L, _path2$t;
706
+ 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); }
703
707
  var SvgIconCheckCircleLarge = function SvgIconCheckCircleLarge(props) {
704
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1R({
708
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1T({
705
709
  xmlns: "http://www.w3.org/2000/svg",
706
710
  width: 22,
707
711
  height: 22
708
- }, props), _path$1J || (_path$1J = /*#__PURE__*/React__namespace.createElement("path", {
712
+ }, props), _path$1L || (_path$1L = /*#__PURE__*/React__namespace.createElement("path", {
709
713
  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"
710
- })), _path2$r || (_path2$r = /*#__PURE__*/React__namespace.createElement("path", {
714
+ })), _path2$t || (_path2$t = /*#__PURE__*/React__namespace.createElement("path", {
711
715
  fillRule: "evenodd",
712
716
  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",
713
717
  clipRule: "evenodd"
714
718
  })));
715
719
  };
716
720
 
717
- var _path$1I;
718
- 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); }
721
+ var _path$1K;
722
+ 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); }
719
723
  var SvgIconCheckCircleSmall = function SvgIconCheckCircleSmall(props) {
720
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Q({
724
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1S({
721
725
  xmlns: "http://www.w3.org/2000/svg",
722
726
  width: 14,
723
727
  height: 14
724
- }, props), _path$1I || (_path$1I = /*#__PURE__*/React__namespace.createElement("path", {
728
+ }, props), _path$1K || (_path$1K = /*#__PURE__*/React__namespace.createElement("path", {
725
729
  fillRule: "evenodd",
726
730
  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",
727
731
  clipRule: "evenodd"
728
732
  })));
729
733
  };
730
734
 
731
- var _path$1H;
732
- 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); }
735
+ var _path$1J;
736
+ 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); }
733
737
  var SvgIconCheckSmall = function SvgIconCheckSmall(props) {
734
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1P({
738
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1R({
735
739
  xmlns: "http://www.w3.org/2000/svg",
736
740
  width: 14,
737
741
  height: 14
738
- }, props), _path$1H || (_path$1H = /*#__PURE__*/React__namespace.createElement("path", {
742
+ }, props), _path$1J || (_path$1J = /*#__PURE__*/React__namespace.createElement("path", {
739
743
  fillRule: "evenodd",
740
744
  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"
741
745
  })));
742
746
  };
743
747
 
744
- var _path$1G;
745
- 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); }
748
+ var _path$1I;
749
+ 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); }
746
750
  var SvgIconChevronDownLarge = function SvgIconChevronDownLarge(props) {
747
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1O({
751
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Q({
748
752
  xmlns: "http://www.w3.org/2000/svg",
749
753
  width: 22,
750
754
  height: 22,
751
755
  fill: "none"
752
- }, props), _path$1G || (_path$1G = /*#__PURE__*/React__namespace.createElement("path", {
756
+ }, props), _path$1I || (_path$1I = /*#__PURE__*/React__namespace.createElement("path", {
753
757
  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",
754
758
  clipRule: "evenodd"
755
759
  })));
756
760
  };
757
761
 
758
- var _path$1F;
759
- 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); }
762
+ var _path$1H;
763
+ 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); }
760
764
  var SvgIconChevronDownSmall = function SvgIconChevronDownSmall(props) {
761
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1N({
765
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1P({
762
766
  xmlns: "http://www.w3.org/2000/svg",
763
767
  width: 14,
764
768
  height: 14,
765
769
  fill: "none"
766
- }, props), _path$1F || (_path$1F = /*#__PURE__*/React__namespace.createElement("path", {
770
+ }, props), _path$1H || (_path$1H = /*#__PURE__*/React__namespace.createElement("path", {
767
771
  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",
768
772
  clipRule: "evenodd"
769
773
  })));
770
774
  };
771
775
 
772
776
  var _g$3, _defs$2;
773
- 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); }
777
+ 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); }
774
778
  var SvgIconChevronLeft2Small = function SvgIconChevronLeft2Small(props) {
775
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1M({
779
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1O({
776
780
  xmlns: "http://www.w3.org/2000/svg",
777
781
  width: 14,
778
782
  height: 14,
@@ -791,38 +795,38 @@ var SvgIconChevronLeft2Small = function SvgIconChevronLeft2Small(props) {
791
795
  })))));
792
796
  };
793
797
 
794
- var _path$1E;
795
- 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); }
798
+ var _path$1G;
799
+ 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); }
796
800
  var SvgIconChevronLeftLarge = function SvgIconChevronLeftLarge(props) {
797
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1L({
801
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1N({
798
802
  xmlns: "http://www.w3.org/2000/svg",
799
803
  width: 22,
800
804
  height: 22,
801
805
  fill: "none"
802
- }, props), _path$1E || (_path$1E = /*#__PURE__*/React__namespace.createElement("path", {
806
+ }, props), _path$1G || (_path$1G = /*#__PURE__*/React__namespace.createElement("path", {
803
807
  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",
804
808
  clipRule: "evenodd"
805
809
  })));
806
810
  };
807
811
 
808
- var _path$1D;
809
- 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); }
812
+ var _path$1F;
813
+ 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); }
810
814
  var SvgIconChevronLeftSmall = function SvgIconChevronLeftSmall(props) {
811
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1K({
815
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1M({
812
816
  xmlns: "http://www.w3.org/2000/svg",
813
817
  width: 14,
814
818
  height: 14,
815
819
  fill: "none"
816
- }, props), _path$1D || (_path$1D = /*#__PURE__*/React__namespace.createElement("path", {
820
+ }, props), _path$1F || (_path$1F = /*#__PURE__*/React__namespace.createElement("path", {
817
821
  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",
818
822
  clipRule: "evenodd"
819
823
  })));
820
824
  };
821
825
 
822
826
  var _g$2, _defs$1;
823
- 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); }
827
+ 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); }
824
828
  var SvgIconChevronRight2Small = function SvgIconChevronRight2Small(props) {
825
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1J({
829
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1L({
826
830
  xmlns: "http://www.w3.org/2000/svg",
827
831
  width: 14,
828
832
  height: 14,
@@ -841,136 +845,172 @@ var SvgIconChevronRight2Small = function SvgIconChevronRight2Small(props) {
841
845
  })))));
842
846
  };
843
847
 
844
- var _path$1C;
845
- 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); }
848
+ var _path$1E;
849
+ 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); }
846
850
  var SvgIconChevronRightLarge = function SvgIconChevronRightLarge(props) {
847
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1I({
851
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1K({
848
852
  xmlns: "http://www.w3.org/2000/svg",
849
853
  width: 22,
850
854
  height: 22,
851
855
  fill: "none"
852
- }, props), _path$1C || (_path$1C = /*#__PURE__*/React__namespace.createElement("path", {
856
+ }, props), _path$1E || (_path$1E = /*#__PURE__*/React__namespace.createElement("path", {
853
857
  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",
854
858
  clipRule: "evenodd"
855
859
  })));
856
860
  };
857
861
 
858
- var _path$1B;
859
- 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); }
862
+ var _path$1D;
863
+ 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); }
860
864
  var SvgIconChevronRightSmall = function SvgIconChevronRightSmall(props) {
861
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1H({
865
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1J({
862
866
  xmlns: "http://www.w3.org/2000/svg",
863
867
  width: 14,
864
868
  height: 14,
865
869
  fill: "none"
866
- }, props), _path$1B || (_path$1B = /*#__PURE__*/React__namespace.createElement("path", {
870
+ }, props), _path$1D || (_path$1D = /*#__PURE__*/React__namespace.createElement("path", {
867
871
  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",
868
872
  clipRule: "evenodd"
869
873
  })));
870
874
  };
871
875
 
872
- var _path$1A;
873
- 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); }
876
+ var _path$1C;
877
+ 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); }
874
878
  var SvgIconChevronUpLarge = function SvgIconChevronUpLarge(props) {
875
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1G({
879
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1I({
876
880
  xmlns: "http://www.w3.org/2000/svg",
877
881
  width: 22,
878
882
  height: 22,
879
883
  fill: "none"
880
- }, props), _path$1A || (_path$1A = /*#__PURE__*/React__namespace.createElement("path", {
884
+ }, props), _path$1C || (_path$1C = /*#__PURE__*/React__namespace.createElement("path", {
881
885
  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",
882
886
  clipRule: "evenodd"
883
887
  })));
884
888
  };
885
889
 
886
- var _path$1z;
887
- 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); }
890
+ var _path$1B;
891
+ 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); }
888
892
  var SvgIconChevronUpSmall = function SvgIconChevronUpSmall(props) {
889
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1F({
893
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1H({
890
894
  xmlns: "http://www.w3.org/2000/svg",
891
895
  width: 14,
892
896
  height: 14,
893
897
  fill: "none"
894
- }, props), _path$1z || (_path$1z = /*#__PURE__*/React__namespace.createElement("path", {
898
+ }, props), _path$1B || (_path$1B = /*#__PURE__*/React__namespace.createElement("path", {
895
899
  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",
896
900
  clipRule: "evenodd"
897
901
  })));
898
902
  };
899
903
 
900
- var _path$1y;
901
- 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); }
904
+ var _path$1A;
905
+ 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); }
902
906
  var SvgIconCirclesOverlapLarge = function SvgIconCirclesOverlapLarge(props) {
903
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1E({
907
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1G({
904
908
  xmlns: "http://www.w3.org/2000/svg",
905
909
  width: 22,
906
910
  height: 22
907
- }, props), _path$1y || (_path$1y = /*#__PURE__*/React__namespace.createElement("path", {
911
+ }, props), _path$1A || (_path$1A = /*#__PURE__*/React__namespace.createElement("path", {
908
912
  fillRule: "evenodd",
909
913
  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",
910
914
  clipRule: "evenodd"
911
915
  })));
912
916
  };
913
917
 
914
- var _path$1x, _path2$q;
915
- 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); }
918
+ var _path$1z, _path2$s;
919
+ 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); }
916
920
  var SvgIconCirclesOverlapSmall = function SvgIconCirclesOverlapSmall(props) {
917
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1D({
921
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1F({
918
922
  xmlns: "http://www.w3.org/2000/svg",
919
923
  width: 14,
920
924
  height: 14
921
- }, props), _path$1x || (_path$1x = /*#__PURE__*/React__namespace.createElement("path", {
925
+ }, props), _path$1z || (_path$1z = /*#__PURE__*/React__namespace.createElement("path", {
922
926
  fillRule: "evenodd",
923
927
  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",
924
928
  clipRule: "evenodd"
925
- })), _path2$q || (_path2$q = /*#__PURE__*/React__namespace.createElement("path", {
929
+ })), _path2$s || (_path2$s = /*#__PURE__*/React__namespace.createElement("path", {
926
930
  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"
927
931
  })));
928
932
  };
929
933
 
930
- var _path$1w;
931
- 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); }
934
+ var _path$1y, _path2$r;
935
+ 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); }
936
+ var SvgIconCodeLarge = function SvgIconCodeLarge(props) {
937
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1E({
938
+ xmlns: "http://www.w3.org/2000/svg",
939
+ width: 22,
940
+ height: 22,
941
+ fill: "none"
942
+ }, props), _path$1y || (_path$1y = /*#__PURE__*/React__namespace.createElement("path", {
943
+ 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"
944
+ })), _path2$r || (_path2$r = /*#__PURE__*/React__namespace.createElement("path", {
945
+ 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",
946
+ clipRule: "evenodd"
947
+ })));
948
+ };
949
+
950
+ var _path$1x;
951
+ 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); }
932
952
  var SvgIconCompassLarge = function SvgIconCompassLarge(props) {
933
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1C({
953
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1D({
934
954
  xmlns: "http://www.w3.org/2000/svg",
935
955
  width: 22,
936
956
  height: 22
937
- }, props), _path$1w || (_path$1w = /*#__PURE__*/React__namespace.createElement("path", {
957
+ }, props), _path$1x || (_path$1x = /*#__PURE__*/React__namespace.createElement("path", {
938
958
  fillRule: "evenodd",
939
959
  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",
940
960
  clipRule: "evenodd"
941
961
  })));
942
962
  };
943
963
 
944
- var _path$1v, _path2$p;
945
- 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); }
964
+ var _path$1w, _path2$q;
965
+ 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); }
946
966
  var SvgIconCopyLarge = function SvgIconCopyLarge(props) {
947
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1B({
967
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1C({
948
968
  xmlns: "http://www.w3.org/2000/svg",
949
969
  width: 22,
950
970
  height: 22
951
- }, props), _path$1v || (_path$1v = /*#__PURE__*/React__namespace.createElement("path", {
971
+ }, props), _path$1w || (_path$1w = /*#__PURE__*/React__namespace.createElement("path", {
952
972
  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"
953
- })), _path2$p || (_path2$p = /*#__PURE__*/React__namespace.createElement("path", {
973
+ })), _path2$q || (_path2$q = /*#__PURE__*/React__namespace.createElement("path", {
954
974
  fillRule: "evenodd",
955
975
  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",
956
976
  clipRule: "evenodd"
957
977
  })));
958
978
  };
959
979
 
960
- var _path$1u;
961
- 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); }
980
+ var _path$1v;
981
+ 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); }
962
982
  var SvgIconCopySmall = function SvgIconCopySmall(props) {
963
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1A({
983
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1B({
964
984
  xmlns: "http://www.w3.org/2000/svg",
965
985
  width: 14,
966
986
  height: 14
967
- }, props), _path$1u || (_path$1u = /*#__PURE__*/React__namespace.createElement("path", {
987
+ }, props), _path$1v || (_path$1v = /*#__PURE__*/React__namespace.createElement("path", {
968
988
  fillRule: "evenodd",
969
989
  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",
970
990
  clipRule: "evenodd"
971
991
  })));
972
992
  };
973
993
 
994
+ var _path$1u, _path2$p, _path3$3;
995
+ 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); }
996
+ var SvgIconCubeLarge = function SvgIconCubeLarge(props) {
997
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1A({
998
+ xmlns: "http://www.w3.org/2000/svg",
999
+ width: 22,
1000
+ height: 22,
1001
+ fill: "none"
1002
+ }, props), _path$1u || (_path$1u = /*#__PURE__*/React__namespace.createElement("path", {
1003
+ 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",
1004
+ clipRule: "evenodd"
1005
+ })), _path2$p || (_path2$p = /*#__PURE__*/React__namespace.createElement("path", {
1006
+ 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",
1007
+ clipRule: "evenodd"
1008
+ })), _path3$3 || (_path3$3 = /*#__PURE__*/React__namespace.createElement("path", {
1009
+ 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",
1010
+ clipRule: "evenodd"
1011
+ })));
1012
+ };
1013
+
974
1014
  var _path$1t;
975
1015
  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); }
976
1016
  var SvgIconDnaLarge = function SvgIconDnaLarge(props) {
@@ -2356,31 +2396,31 @@ var SvgIconSquareOnDashedSquareLarge = function SvgIconSquareOnDashedSquareLarge
2356
2396
  })));
2357
2397
  };
2358
2398
 
2359
- var _path$p;
2399
+ var _path$p, _path2$8;
2360
2400
  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); }
2361
- var SvgIconStarburstSmall = function SvgIconStarburstSmall(props) {
2401
+ var SvgIconStarLarge = function SvgIconStarLarge(props) {
2362
2402
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
2363
2403
  xmlns: "http://www.w3.org/2000/svg",
2364
- width: 14,
2365
- height: 14
2404
+ width: 22,
2405
+ height: 22
2366
2406
  }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
2367
- 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"
2407
+ fillRule: "evenodd",
2408
+ 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",
2409
+ clipRule: "evenodd"
2410
+ })), _path2$8 || (_path2$8 = /*#__PURE__*/React__namespace.createElement("path", {
2411
+ 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"
2368
2412
  })));
2369
2413
  };
2370
2414
 
2371
- var _path$o, _path2$8;
2415
+ var _path$o;
2372
2416
  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); }
2373
- var SvgIconStarLarge = function SvgIconStarLarge(props) {
2417
+ var SvgIconStarburstSmall = function SvgIconStarburstSmall(props) {
2374
2418
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
2375
2419
  xmlns: "http://www.w3.org/2000/svg",
2376
- width: 22,
2377
- height: 22
2420
+ width: 14,
2421
+ height: 14
2378
2422
  }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
2379
- fillRule: "evenodd",
2380
- 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",
2381
- clipRule: "evenodd"
2382
- })), _path2$8 || (_path2$8 = /*#__PURE__*/React__namespace.createElement("path", {
2383
- 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"
2423
+ 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"
2384
2424
  })));
2385
2425
  };
2386
2426
 
@@ -2763,6 +2803,10 @@ var iconMap = {
2763
2803
  largeIcon: SvgIconCirclesOverlapLarge,
2764
2804
  smallIcon: SvgIconCirclesOverlapSmall,
2765
2805
  },
2806
+ code: {
2807
+ largeIcon: SvgIconCodeLarge,
2808
+ smallIcon: null,
2809
+ },
2766
2810
  compass: {
2767
2811
  largeIcon: SvgIconCompassLarge,
2768
2812
  smallIcon: null,
@@ -2771,6 +2815,10 @@ var iconMap = {
2771
2815
  largeIcon: SvgIconCopyLarge,
2772
2816
  smallIcon: SvgIconCopySmall,
2773
2817
  },
2818
+ cube: {
2819
+ largeIcon: SvgIconCubeLarge,
2820
+ smallIcon: null,
2821
+ },
2774
2822
  dna: {
2775
2823
  largeIcon: SvgIconDnaLarge,
2776
2824
  smallIcon: null,
@@ -3314,7 +3362,7 @@ var doNotForwardProps$m = [
3314
3362
  ];
3315
3363
  var StyledButtonIcon$2 = styles.styled(material.IconButton, {
3316
3364
  shouldForwardProp: function (prop) { return !doNotForwardProps$m.includes(prop); },
3317
- })(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) {
3365
+ })(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n padding: 0;\n ", "\n\n ", "\n"], ["\n padding: 0;\n ", "\n\n ", "\n"])), focusVisibleA11yStyle, function (props) {
3318
3366
  var on = props.on, disabled = props.disabled, sdsSize = props.sdsSize, sdsType = props.sdsType;
3319
3367
  return react.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));
3320
3368
  });
@@ -3951,7 +3999,7 @@ var Banner = React.forwardRef(function Banner(props, ref) {
3951
3999
  var sdsPropNames$3 = ["isAllCaps", "isRounded", "sdsStyle", "sdsType"];
3952
4000
  var ButtonBase = styles.styled(material.Button, {
3953
4001
  shouldForwardProp: function (prop) { return !sdsPropNames$3.includes(prop); },
3954
- })(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n box-shadow: none;\n ", "\n"], ["\n box-shadow: none;\n ", "\n"])), function (props) {
4002
+ })(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n box-shadow: none;\n ", "\n ", "\n"], ["\n box-shadow: none;\n ", "\n ", "\n"])), focusVisibleA11yStyle, function (props) {
3955
4003
  var variant = props.variant;
3956
4004
  var colors = getColors(props);
3957
4005
  var spacings = getSpaces(props);
@@ -3960,7 +4008,7 @@ var ButtonBase = styles.styled(material.Button, {
3960
4008
  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");
3961
4009
  var padding = variant === "outlined" ? outlinedPadding : containedPadding;
3962
4010
  var outlineBorder = variant === "outlined" ? "border-color: ".concat(colors === null || colors === void 0 ? void 0 : colors.primary[400], ";") : "";
3963
- 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 ");
4011
+ 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 ");
3964
4012
  });
3965
4013
  var RoundedButton = styles.styled(ButtonBase, {
3966
4014
  shouldForwardProp: function (prop) { return !sdsPropNames$3.includes(prop); },
@@ -3971,7 +4019,7 @@ var RoundedButton = styles.styled(ButtonBase, {
3971
4019
  var SquareButton = ButtonBase;
3972
4020
  var MinimalButton = styles.styled(material.Button, {
3973
4021
  shouldForwardProp: function (prop) { return !sdsPropNames$3.includes(prop); },
3974
- })(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) {
4022
+ })(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) {
3975
4023
  var spacings = getSpaces(props);
3976
4024
  return "\n padding: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px 0;\n ");
3977
4025
  }, function (props) {
@@ -3989,7 +4037,7 @@ var PrimaryMinimalButton = styles.styled(MinimalButton)(templateObject_4$c || (t
3989
4037
  var SecondaryMinimalButton = styles.styled(MinimalButton)(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n ", "\n color: #000;\n"], ["\n ", "\n color: #000;\n"])), minimal$2);
3990
4038
  var StyledButton$1 = styles.styled(material.Button, {
3991
4039
  shouldForwardProp: function (prop) { return !sdsPropNames$3.includes(prop); },
3992
- })(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) {
4040
+ })(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), focusVisibleA11yStyle, function (props) {
3993
4041
  if (!props.isRounded)
3994
4042
  return "";
3995
4043
  var corners = getCorners(props);
@@ -4584,7 +4632,7 @@ var minimal$1 = function (props) {
4584
4632
  var colors = getColors(props);
4585
4633
  var spacings = getSpaces(props);
4586
4634
  var palette = getPalette(props);
4587
- return react.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);
4635
+ return react.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);
4588
4636
  };
4589
4637
  var square$1 = function (props) {
4590
4638
  var corners = getCorners(props);
@@ -5274,8 +5322,10 @@ var StyledFormControlLabel$1 = styles.styled(material.FormControlLabel)(template
5274
5322
  });
5275
5323
  var StyledCheckbox = styles.styled(material.Checkbox)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
5276
5324
  var colors = getColors(props);
5325
+ var corners = getCorners(props);
5277
5326
  var iconSizes = getIconSizes(props);
5278
- 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 ");
5327
+ var spaces = getSpaces(props);
5328
+ 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 ");
5279
5329
  });
5280
5330
  var templateObject_1$o, templateObject_2$c;
5281
5331
 
@@ -5685,8 +5735,8 @@ var StyledLoadingIndicator = styles.styled("div", {
5685
5735
  var templateObject_1$f, templateObject_2$7, templateObject_3$4, templateObject_4$3, templateObject_5$2, templateObject_6;
5686
5736
 
5687
5737
  var LoadingIndicator = function (_a) {
5688
- var sdsStyle = _a.sdsStyle;
5689
- return (jsxRuntime.jsxs(StyledLoadingIndicator, { sdsStyle: sdsStyle, children: [jsxRuntime.jsx(Icon, { sdsIcon: "loading", sdsSize: "l", sdsType: "static" }), jsxRuntime.jsx(StyledText, { children: "Loading" })] }));
5738
+ var ariaLabel = _a["aria-label"], sdsStyle = _a.sdsStyle;
5739
+ return (jsxRuntime.jsxs(StyledLoadingIndicator, { sdsStyle: sdsStyle, children: [jsxRuntime.jsx(Icon, { sdsIcon: "loading", sdsSize: "l", sdsType: "static" }), jsxRuntime.jsx(StyledText, { "aria-label": ariaLabel, "aria-live": "polite", role: "status", children: "Loading" })] }));
5690
5740
  };
5691
5741
 
5692
5742
  var StyledMenu = styles.styled(material.Menu)(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) {
@@ -6341,7 +6391,7 @@ var StyledTabs = styles.styled(TempTabs, {
6341
6391
  var TAB_DO_NOT_FORWARD_PROPS = ["sdsSize"];
6342
6392
  var StyledTab = styles.styled(material.Tab, {
6343
6393
  shouldForwardProp: function (prop) { return !TAB_DO_NOT_FORWARD_PROPS.includes(String(prop)); },
6344
- })(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) {
6394
+ })(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) {
6345
6395
  var colors = getColors(props);
6346
6396
  var spaces = getSpaces(props);
6347
6397
  var fontWeights = getFontWeights(props);
@@ -6539,6 +6589,7 @@ exports.TooltipCondensed = TooltipCondensed;
6539
6589
  exports.TooltipTable = TooltipTableContent;
6540
6590
  exports.defaultAppTheme = defaultAppTheme;
6541
6591
  exports.defaultTheme = defaultTheme;
6592
+ exports.focusVisibleA11yStyle = focusVisibleA11yStyle;
6542
6593
  exports.fontBody = fontBody;
6543
6594
  exports.fontBodyL = fontBodyL$1;
6544
6595
  exports.fontBodyM = fontBodyM$1;