@czi-sds/components 21.5.0 → 21.6.1

package/dist/index.cjs.js

@@ -42,7 +42,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 
 var __assign = function() {
@@ -548,120 +548,71 @@ var sharedAppTheme = {
         },
     },
 };
-var SDSLightAppTheme = __assign(__assign({}, sharedAppTheme), { colors: SDSLightThemeColors });
-// (mlila) whenever our theme uses colors, we need to make sure we allow consuming
-// applications to override those colors using their own custom theme.
-// By defining borders using SDSAppTheme.colors instead of defaultThemeColors,
-// we allow other apps to specify their colors once, and have them apply
-// throughout the application, such as in borders, etc without having to manually
-// override every theme property that makes use of colors.
-SDSLightAppTheme.borders = {
-    accent: {
-        default: "1px solid ".concat(SDSLightAppTheme.colors.blue[500]),
-        focused: "1px solid ".concat(SDSLightAppTheme.colors.blue[500]),
-        hover: "1px solid ".concat(SDSLightAppTheme.colors.blue[600]),
-        open: "1px solid ".concat(SDSLightAppTheme.colors.blue[500]),
-        pressed: "1px solid ".concat(SDSLightAppTheme.colors.blue[700]),
-        selected: "1px solid ".concat(SDSLightAppTheme.colors.blue[500]),
-    },
-    base: {
-        default: "1px solid ".concat(SDSLightAppTheme.colors.gray[500]),
-        disabled: "1px solid ".concat(SDSLightAppTheme.colors.gray[300]),
-        divider: "1px solid ".concat(SDSLightAppTheme.colors.gray[200]),
-        hover: "1px solid ".concat(SDSLightAppTheme.colors.gray[900]),
-        pressed: "1px solid ".concat(SDSLightAppTheme.colors.gray[900]),
-        table: "1px solid ".concat(SDSLightAppTheme.colors.gray[300]),
-    },
-    beta: {
-        default: "1px solid ".concat(SDSLightAppTheme.colors.purple[600]),
-        extraThick: "4px solid ".concat(SDSLightAppTheme.colors.purple[600]),
-        thick: "2px solid ".concat(SDSLightAppTheme.colors.purple[600]),
-    },
-    info: {
-        default: "1px solid ".concat(SDSLightAppTheme.colors.blue[600]),
-        extraThick: "4px solid ".concat(SDSLightAppTheme.colors.blue[600]),
-        thick: "2px solid ".concat(SDSLightAppTheme.colors.blue[600]),
-    },
-    link: {
-        dashed: "1px dashed",
-        solid: "1px solid",
-    },
-    negative: {
-        default: "1px solid ".concat(SDSLightAppTheme.colors.red[600]),
-        extraThick: "4px solid ".concat(SDSLightAppTheme.colors.red[600]),
-        thick: "2px solid ".concat(SDSLightAppTheme.colors.red[600]),
-    },
-    neutral: {
-        default: "1px solid ".concat(SDSLightAppTheme.colors.gray[500]),
-        extraThick: "4px solid ".concat(SDSLightAppTheme.colors.gray[500]),
-        thick: "2px solid ".concat(SDSLightAppTheme.colors.gray[500]),
-    },
-    none: "none",
-    notice: {
-        default: "1px solid ".concat(SDSLightAppTheme.colors.yellow[600]),
-        extraThick: "4px solid ".concat(SDSLightAppTheme.colors.yellow[600]),
-        thick: "2px solid ".concat(SDSLightAppTheme.colors.yellow[600]),
-    },
-    positive: {
-        default: "1px solid ".concat(SDSLightAppTheme.colors.green[600]),
-        extraThick: "4px solid ".concat(SDSLightAppTheme.colors.green[600]),
-        thick: "2px solid ".concat(SDSLightAppTheme.colors.green[600]),
-    },
-};
-var SDSDarkAppTheme = __assign(__assign({}, sharedAppTheme), { colors: SDSDarkThemeColors });
-SDSDarkAppTheme.borders = {
-    accent: {
-        default: "1px solid ".concat(SDSDarkAppTheme.colors.blue[500]),
-        focused: "1px solid ".concat(SDSDarkAppTheme.colors.blue[500]),
-        hover: "1px solid ".concat(SDSDarkAppTheme.colors.blue[600]),
-        open: "1px solid ".concat(SDSDarkAppTheme.colors.blue[500]),
-        pressed: "1px solid ".concat(SDSDarkAppTheme.colors.blue[700]),
-        selected: "1px solid ".concat(SDSDarkAppTheme.colors.blue[500]),
-    },
-    base: {
-        default: "1px solid ".concat(SDSDarkAppTheme.colors.gray[500]),
-        disabled: "1px solid ".concat(SDSDarkAppTheme.colors.gray[300]),
-        divider: "1px solid ".concat(SDSDarkAppTheme.colors.gray[200]),
-        hover: "1px solid ".concat(SDSDarkAppTheme.colors.gray[900]),
-        pressed: "1px solid ".concat(SDSDarkAppTheme.colors.gray[900]),
-        table: "1px solid ".concat(SDSDarkAppTheme.colors.gray[300]),
-    },
-    beta: {
-        default: "1px solid ".concat(SDSDarkAppTheme.colors.purple[600]),
-        extraThick: "4px solid ".concat(SDSDarkAppTheme.colors.purple[600]),
-        thick: "2px solid ".concat(SDSDarkAppTheme.colors.purple[600]),
-    },
-    info: {
-        default: "1px solid ".concat(SDSDarkAppTheme.colors.blue[600]),
-        extraThick: "4px solid ".concat(SDSDarkAppTheme.colors.blue[600]),
-        thick: "2px solid ".concat(SDSDarkAppTheme.colors.blue[600]),
-    },
-    link: {
-        dashed: "1px dashed",
-        solid: "1px solid",
-    },
-    negative: {
-        default: "1px solid ".concat(SDSDarkAppTheme.colors.red[600]),
-        extraThick: "4px solid ".concat(SDSDarkAppTheme.colors.red[600]),
-        thick: "2px solid ".concat(SDSDarkAppTheme.colors.red[600]),
-    },
-    neutral: {
-        default: "1px solid ".concat(SDSDarkAppTheme.colors.gray[500]),
-        extraThick: "4px solid ".concat(SDSDarkAppTheme.colors.gray[500]),
-        thick: "2px solid ".concat(SDSDarkAppTheme.colors.gray[500]),
-    },
-    none: "none",
-    notice: {
-        default: "1px solid ".concat(SDSDarkAppTheme.colors.yellow[600]),
-        extraThick: "4px solid ".concat(SDSDarkAppTheme.colors.yellow[600]),
-        thick: "2px solid ".concat(SDSDarkAppTheme.colors.yellow[600]),
-    },
-    positive: {
-        default: "1px solid ".concat(SDSDarkAppTheme.colors.green[600]),
-        extraThick: "4px solid ".concat(SDSDarkAppTheme.colors.green[600]),
-        thick: "2px solid ".concat(SDSDarkAppTheme.colors.green[600]),
-    },
-};
+/**
+ * Create a SDS App Theme with custom colors that follows the SDS color model.
+ */
+var makeSdsSemanticAppTheme = function (colors) { return (__assign(__assign({}, sharedAppTheme), { 
+    // (mlila) whenever our theme uses colors, we need to make sure we allow consuming
+    // applications to override those colors using their own custom theme.
+    // By defining borders using SDSAppTheme.colors instead of defaultThemeColors,
+    // we allow other apps to specify their colors once, and have them apply
+    // throughout the application, such as in borders, etc without having to manually
+    // override every theme property that makes use of colors.
+    borders: {
+        accent: {
+            default: "1px solid ".concat(colors.blue[500]),
+            focused: "1px solid ".concat(colors.blue[500]),
+            hover: "1px solid ".concat(colors.blue[600]),
+            open: "1px solid ".concat(colors.blue[500]),
+            pressed: "1px solid ".concat(colors.blue[700]),
+            selected: "1px solid ".concat(colors.blue[500]),
+        },
+        base: {
+            default: "1px solid ".concat(colors.gray[500]),
+            disabled: "1px solid ".concat(colors.gray[300]),
+            divider: "1px solid ".concat(colors.gray[200]),
+            hover: "1px solid ".concat(colors.gray[900]),
+            pressed: "1px solid ".concat(colors.gray[900]),
+            table: "1px solid ".concat(colors.gray[300]),
+        },
+        beta: {
+            default: "1px solid ".concat(colors.purple[600]),
+            extraThick: "4px solid ".concat(colors.purple[600]),
+            thick: "2px solid ".concat(colors.purple[600]),
+        },
+        info: {
+            default: "1px solid ".concat(colors.blue[600]),
+            extraThick: "4px solid ".concat(colors.blue[600]),
+            thick: "2px solid ".concat(colors.blue[600]),
+        },
+        link: {
+            dashed: "1px dashed",
+            solid: "1px solid",
+        },
+        negative: {
+            default: "1px solid ".concat(colors.red[600]),
+            extraThick: "4px solid ".concat(colors.red[600]),
+            thick: "2px solid ".concat(colors.red[600]),
+        },
+        neutral: {
+            default: "1px solid ".concat(colors.gray[500]),
+            extraThick: "4px solid ".concat(colors.gray[500]),
+            thick: "2px solid ".concat(colors.gray[500]),
+        },
+        none: "none",
+        notice: {
+            default: "1px solid ".concat(colors.yellow[600]),
+            extraThick: "4px solid ".concat(colors.yellow[600]),
+            thick: "2px solid ".concat(colors.yellow[600]),
+        },
+        positive: {
+            default: "1px solid ".concat(colors.green[600]),
+            extraThick: "4px solid ".concat(colors.green[600]),
+            thick: "2px solid ".concat(colors.green[600]),
+        },
+    }, colors: colors })); };
+var SDSLightAppTheme = makeSdsSemanticAppTheme(SDSLightThemeColors);
+var SDSDarkAppTheme = makeSdsSemanticAppTheme(SDSDarkThemeColors);
 /**
  * Helper function to select the appropriate theme settings.
  *
@@ -1249,7 +1200,7 @@ var fontCaps = function (fontSize) {
         if (!typography)
             return null;
         var caps = typography.styles.caps, capsFontFamily = typography.fontFamily.caps;
-        return react.css(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n      ", "\n      text-transform: uppercase;\n    "], ["\n      ", "\n      text-transform: uppercase;\n    "])), themeToCss(caps.semibold[fontSize], capsFontFamily));
+        return react.css(templateObject_1$Y || (templateObject_1$Y = __makeTemplateObject(["\n      ", "\n      text-transform: uppercase;\n    "], ["\n      ", "\n      text-transform: uppercase;\n    "])), themeToCss(caps.semibold[fontSize], capsFontFamily));
     };
 };
 var fontCapsXxs = fontCaps("xxs");
@@ -1304,13 +1255,13 @@ function themeToCss(fontTheme, fontFamily) {
     if (fontFamily === void 0) { fontFamily = "inherit"; }
     return react.css(templateObject_4$p || (templateObject_4$p = __makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", "px;\n    line-height: ", ";\n    letter-spacing: ", ";\n    font-weight: ", ";\n    text-transform: ", ";\n  "], ["\n    font-family: ", ";\n    font-size: ", "px;\n    line-height: ", ";\n    letter-spacing: ", ";\n    font-weight: ", ";\n    text-transform: ", ";\n  "])), fontFamily, fontTheme.fontSize, fontTheme.lineHeight, fontTheme.letterSpacing, fontTheme.fontWeight, fontTheme.textTransform);
 }
-var templateObject_1$X, templateObject_2$C, templateObject_3$t, templateObject_4$p;
+var templateObject_1$Y, templateObject_2$C, templateObject_3$t, templateObject_4$p;
 
 var StyledAccordionDetails = styled(material.AccordionDetails)(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyS$1, function (props) {
     var spaces = getSpaces(props);
-    return react.css(templateObject_1$W || (templateObject_1$W = __makeTemplateObject(["\n      padding: ", "px ", "px ", "px;\n    "], ["\n      padding: ", "px ", "px ", "px;\n    "])), spaces === null || spaces === void 0 ? void 0 : spaces.xxs, spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.m);
+    return react.css(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n      padding: ", "px ", "px ", "px;\n    "], ["\n      padding: ", "px ", "px ", "px;\n    "])), spaces === null || spaces === void 0 ? void 0 : spaces.xxs, spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.m);
 });
-var templateObject_1$W, templateObject_2$B;
+var templateObject_1$X, templateObject_2$B;
 
 var AccordionDetails = function (props) {
     var children = props.children;
@@ -1321,17 +1272,17 @@ var StyledAccordionHeader = styled(material.AccordionSummary)(templateObject_2$A
     var _a, _b;
     var spaces = getSpaces(props);
     var semanticColors = getSemanticColors(props);
-    return react.css(templateObject_1$V || (templateObject_1$V = __makeTemplateObject(["\n      padding: ", "px;\n      align-items: flex-start;\n      box-sizing: border-box;\n\n      .", " {\n        margin: 0;\n        flex-direction: column;\n\n        &.", " {\n          margin: 0;\n        }\n      }\n\n      & .", " {\n        margin-left: ", "px;\n        margin-top: ", "px !important;\n        align-self: center;\n\n        svg {\n          color: ", ";\n        }\n      }\n\n      &:hover {\n        & .", " {\n          svg {\n            color: ", ";\n          }\n        }\n      }\n    "], ["\n      padding: ", "px;\n      align-items: flex-start;\n      box-sizing: border-box;\n\n      .", " {\n        margin: 0;\n        flex-direction: column;\n\n        &.", " {\n          margin: 0;\n        }\n      }\n\n      & .", " {\n        margin-left: ", "px;\n        margin-top: ", "px !important;\n        align-self: center;\n\n        svg {\n          color: ", ";\n        }\n      }\n\n      &:hover {\n        & .", " {\n          svg {\n            color: ", ";\n          }\n        }\n      }\n    "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, material.accordionSummaryClasses.content, material.accordionSummaryClasses.expanded, material.accordionSummaryClasses.expandIconWrapper, spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconPrimary, material.accordionSummaryClasses.expandIconWrapper, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconPrimaryHover);
+    return react.css(templateObject_1$W || (templateObject_1$W = __makeTemplateObject(["\n      padding: ", "px;\n      align-items: flex-start;\n      box-sizing: border-box;\n\n      .", " {\n        margin: 0;\n        flex-direction: column;\n\n        &.", " {\n          margin: 0;\n        }\n      }\n\n      & .", " {\n        margin-left: ", "px;\n        margin-top: ", "px !important;\n        align-self: center;\n\n        svg {\n          color: ", ";\n        }\n      }\n\n      &:hover {\n        & .", " {\n          svg {\n            color: ", ";\n          }\n        }\n      }\n    "], ["\n      padding: ", "px;\n      align-items: flex-start;\n      box-sizing: border-box;\n\n      .", " {\n        margin: 0;\n        flex-direction: column;\n\n        &.", " {\n          margin: 0;\n        }\n      }\n\n      & .", " {\n        margin-left: ", "px;\n        margin-top: ", "px !important;\n        align-self: center;\n\n        svg {\n          color: ", ";\n        }\n      }\n\n      &:hover {\n        & .", " {\n          svg {\n            color: ", ";\n          }\n        }\n      }\n    "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, material.accordionSummaryClasses.content, material.accordionSummaryClasses.expanded, material.accordionSummaryClasses.expandIconWrapper, spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconPrimary, material.accordionSummaryClasses.expandIconWrapper, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconPrimaryHover);
 });
 var StyledSubtitle = styled("p")(templateObject_4$o || (templateObject_4$o = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyXxs$1, function (props) {
     var _a;
     var semanticColors = getSemanticColors(props);
     return react.css(templateObject_3$s || (templateObject_3$s = __makeTemplateObject(["\n      color: ", ";\n      margin: 0;\n    "], ["\n      color: ", ";\n      margin: 0;\n    "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary);
 });
-var templateObject_1$V, templateObject_2$A, templateObject_3$s, templateObject_4$o;
+var templateObject_1$W, templateObject_2$A, templateObject_3$s, templateObject_4$o;
 
-var _path$2b, _path2$D, _path3$6;
-function _extends$2g() { _extends$2g = 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$2g.apply(this, arguments); }
+var _path$2b, _path2$E, _path3$6;
+function _extends$2g() { return _extends$2g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2g.apply(null, arguments); }
 var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2g({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1340,7 +1291,7 @@ var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
   }, props), _path$2b || (_path$2b = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M12.205 14.698a1.956 1.956 0 1 1-3.911 0 1.956 1.956 0 0 1 3.911 0m-1.955.756a.756.756 0 1 0 0-1.512.756.756 0 0 0 0 1.512"
-  })), _path2$D || (_path2$D = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$E || (_path2$E = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M14.248 7.998a1.023 1.023 0 1 0 0-2.047 1.023 1.023 0 0 0 0 2.047m-1.463 4.142a.756.756 0 0 1 .242-1.041l1.033-.643a.756.756 0 0 1 .799 1.282l-1.033.644a.756.756 0 0 1-1.04-.242Zm-2.627-2.83a.756.756 0 1 0 1.491-.249L11.4 7.57a.756.756 0 0 0-1.49.249z"
   })), _path3$6 || (_path3$6 = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
@@ -1348,8 +1299,8 @@ var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
   })));
 };
 
-var _path$2a, _path2$C;
-function _extends$2f() { _extends$2f = 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$2f.apply(this, arguments); }
+var _path$2a, _path2$D;
+function _extends$2f() { return _extends$2f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2f.apply(null, arguments); }
 var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2f({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1357,14 +1308,14 @@ var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
     height: 16
   }, props), _path$2a || (_path$2a = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M7.766 7.265a1.484 1.484 0 1 0-.001-2.968 1.484 1.484 0 0 0 .001 2.968m-1.725 4.287a1.478 1.478 0 1 0-.001-2.955 1.478 1.478 0 0 0 .001 2.955"
-  })), _path2$C || (_path2$C = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$D || (_path2$D = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M2.446 4.326.382 2.37A1.22 1.22 0 0 1 .334.645 1.22 1.22 0 0 1 2.058.597L3.667 2.12a5.385 5.385 0 0 1 8.771 1.103l1.881-.767a1.22 1.22 0 1 1 .92 2.261l-2.182.89a5.4 5.4 0 0 1-.333 1.99l-1.575 4.267 1.905 1.76c.495.458.525 1.23.068 1.725a1.22 1.22 0 0 1-1.723.069l-1.582-1.462a5.38 5.38 0 0 1-5.62 1.188A5.39 5.39 0 0 1 1.009 8.22zm8.477 2.605-1.61 4.361a3.465 3.465 0 0 1-4.452 2.05A3.47 3.47 0 0 1 2.81 8.887l1.61-4.361a3.465 3.465 0 0 1 4.452-2.05 3.47 3.47 0 0 1 2.051 4.455"
   })));
 };
 
 var _path$29;
-function _extends$2e() { _extends$2e = 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$2e.apply(this, arguments); }
+function _extends$2e() { return _extends$2e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2e.apply(null, arguments); }
 var SvgIconBarChartHorizontal3Small = function SvgIconBarChartHorizontal3Small(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2e({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1377,7 +1328,7 @@ var SvgIconBarChartHorizontal3Small = function SvgIconBarChartHorizontal3Small(p
 };
 
 var _path$28;
-function _extends$2d() { _extends$2d = 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$2d.apply(this, arguments); }
+function _extends$2d() { return _extends$2d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2d.apply(null, arguments); }
 var SvgIconBarChartVertical3Small = function SvgIconBarChartVertical3Small(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2d({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1390,7 +1341,7 @@ var SvgIconBarChartVertical3Small = function SvgIconBarChartVertical3Small(props
 };
 
 var _path$27;
-function _extends$2c() { _extends$2c = 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$2c.apply(this, arguments); }
+function _extends$2c() { return _extends$2c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2c.apply(null, arguments); }
 var SvgIconBarChartVertical4Small = function SvgIconBarChartVertical4Small(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2c({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1402,20 +1353,24 @@ var SvgIconBarChartVertical4Small = function SvgIconBarChartVertical4Small(props
   })));
 };
 
-var _path$26;
-function _extends$2b() { _extends$2b = 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$2b.apply(this, arguments); }
+var _path$26, _path2$C;
+function _extends$2b() { return _extends$2b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2b.apply(null, arguments); }
 var SvgIconBookLarge = function SvgIconBookLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2b({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24
   }, props), _path$26 || (_path$26 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M18.897 1.55H5.867a3.04 3.04 0 0 0-3.042 3.04v14.948a1 1 0 0 0 .025.122 3.04 3.04 0 0 0 3.016 2.798h13.03a2.28 2.28 0 0 0 2.281-2.28V3.83a2.28 2.28 0 0 0-2.28-2.28m.76 2.28v12.668H8.238V3.07h10.659a.76.76 0 0 1 .76.76m-13.79-.76h.85v13.428h-.85a3 3 0 0 0-1.521.423V4.591a1.52 1.52 0 0 1 1.52-1.521Zm13.03 17.868H5.867a1.462 1.462 0 1 1 0-2.92h13.79v2.16c0 .42-.34.76-.76.76M10.896 6.226c0-.42.34-.76.76-.76h4.583a.76.76 0 1 1 0 1.52h-4.583a.76.76 0 0 1-.76-.76"
+    fillRule: "evenodd",
+    d: "M18.895 1.545H5.865a3.04 3.04 0 0 0-3.041 3.041v14.95a1 1 0 0 0 .024.12 3.04 3.04 0 0 0 3.017 2.799h13.03a2.28 2.28 0 0 0 2.078-1.342c.08-.178-.02-.374-.18-.486a2 2 0 0 1-.123-.096 1.4 1.4 0 0 1-.497-1.053c0-.398.18-.778.497-1.052.268-.232.506-.532.506-.886V3.826a2.28 2.28 0 0 0-2.28-2.28m.76 14.95V3.826a.76.76 0 0 0-.76-.76H8.237v13.429zM6.717 3.065h-.851a1.52 1.52 0 0 0-1.52 1.521v12.331c.46-.273.985-.42 1.52-.422h.851zM4.79 20.532c.289.276.677.421 1.076.403h13.543a1.61 1.61 0 0 1-.866-1.426 1.61 1.61 0 0 1 1.012-1.493H5.865a1.46 1.46 0 0 0-1.076 2.516",
+    clipRule: "evenodd"
+  })), _path2$C || (_path2$C = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M10.894 6.222c0-.42.34-.76.76-.76h4.583a.76.76 0 1 1 0 1.52h-4.582a.76.76 0 0 1-.76-.76"
   })));
 };
 
 var _path$25;
-function _extends$2a() { _extends$2a = 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$2a.apply(this, arguments); }
+function _extends$2a() { return _extends$2a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2a.apply(null, arguments); }
 var SvgIconBookSmall = function SvgIconBookSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2a({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1429,7 +1384,7 @@ var SvgIconBookSmall = function SvgIconBookSmall(props) {
 };
 
 var _path$24, _path2$B;
-function _extends$29() { _extends$29 = 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$29.apply(this, arguments); }
+function _extends$29() { return _extends$29 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$29.apply(null, arguments); }
 var SvgIconCheckCircleLarge = function SvgIconCheckCircleLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$29({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1444,7 +1399,7 @@ var SvgIconCheckCircleLarge = function SvgIconCheckCircleLarge(props) {
 };
 
 var _path$23;
-function _extends$28() { _extends$28 = 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$28.apply(this, arguments); }
+function _extends$28() { return _extends$28 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$28.apply(null, arguments); }
 var SvgIconCheckCircleSmall = function SvgIconCheckCircleSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$28({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1457,7 +1412,7 @@ var SvgIconCheckCircleSmall = function SvgIconCheckCircleSmall(props) {
 };
 
 var _path$22;
-function _extends$27() { _extends$27 = 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$27.apply(this, arguments); }
+function _extends$27() { return _extends$27 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$27.apply(null, arguments); }
 var SvgIconCheckSmall = function SvgIconCheckSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$27({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1470,7 +1425,7 @@ var SvgIconCheckSmall = function SvgIconCheckSmall(props) {
 };
 
 var _path$21;
-function _extends$26() { _extends$26 = 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$26.apply(this, arguments); }
+function _extends$26() { return _extends$26 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$26.apply(null, arguments); }
 var SvgIconChevronDownLarge = function SvgIconChevronDownLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$26({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1483,7 +1438,7 @@ var SvgIconChevronDownLarge = function SvgIconChevronDownLarge(props) {
 };
 
 var _path$20;
-function _extends$25() { _extends$25 = 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$25.apply(this, arguments); }
+function _extends$25() { return _extends$25 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$25.apply(null, arguments); }
 var SvgIconChevronDownSmall = function SvgIconChevronDownSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$25({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1496,7 +1451,7 @@ var SvgIconChevronDownSmall = function SvgIconChevronDownSmall(props) {
 };
 
 var _path$1$, _path2$A;
-function _extends$24() { _extends$24 = 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$24.apply(this, arguments); }
+function _extends$24() { return _extends$24 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$24.apply(null, arguments); }
 var SvgIconChevronDown2Small = function SvgIconChevronDown2Small(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$24({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1510,7 +1465,7 @@ var SvgIconChevronDown2Small = function SvgIconChevronDown2Small(props) {
 };
 
 var _path$1_, _path2$z;
-function _extends$23() { _extends$23 = 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$23.apply(this, arguments); }
+function _extends$23() { return _extends$23 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$23.apply(null, arguments); }
 var SvgIconChevronLeft2Small = function SvgIconChevronLeft2Small(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$23({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1524,7 +1479,7 @@ var SvgIconChevronLeft2Small = function SvgIconChevronLeft2Small(props) {
 };
 
 var _path$1Z;
-function _extends$22() { _extends$22 = 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$22.apply(this, arguments); }
+function _extends$22() { return _extends$22 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$22.apply(null, arguments); }
 var SvgIconChevronLeftLarge = function SvgIconChevronLeftLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$22({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1537,7 +1492,7 @@ var SvgIconChevronLeftLarge = function SvgIconChevronLeftLarge(props) {
 };
 
 var _path$1Y;
-function _extends$21() { _extends$21 = 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$21.apply(this, arguments); }
+function _extends$21() { return _extends$21 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$21.apply(null, arguments); }
 var SvgIconChevronLeftSmall = function SvgIconChevronLeftSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$21({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1550,7 +1505,7 @@ var SvgIconChevronLeftSmall = function SvgIconChevronLeftSmall(props) {
 };
 
 var _path$1X, _path2$y;
-function _extends$20() { _extends$20 = 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$20.apply(this, arguments); }
+function _extends$20() { return _extends$20 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$20.apply(null, arguments); }
 var SvgIconChevronRight2Small = function SvgIconChevronRight2Small(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$20({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1564,7 +1519,7 @@ var SvgIconChevronRight2Small = function SvgIconChevronRight2Small(props) {
 };
 
 var _path$1W;
-function _extends$1$() { _extends$1$ = 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$1$.apply(this, arguments); }
+function _extends$1$() { return _extends$1$ = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1$.apply(null, arguments); }
 var SvgIconChevronRightLarge = function SvgIconChevronRightLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1$({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1577,7 +1532,7 @@ var SvgIconChevronRightLarge = function SvgIconChevronRightLarge(props) {
 };
 
 var _path$1V;
-function _extends$1_() { _extends$1_ = 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$1_.apply(this, arguments); }
+function _extends$1_() { return _extends$1_ = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1_.apply(null, arguments); }
 var SvgIconChevronRightSmall = function SvgIconChevronRightSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1_({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1590,7 +1545,7 @@ var SvgIconChevronRightSmall = function SvgIconChevronRightSmall(props) {
 };
 
 var _path$1U;
-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); }
+function _extends$1Z() { return _extends$1Z = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1Z.apply(null, arguments); }
 var SvgIconChevronUpLarge = function SvgIconChevronUpLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Z({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1603,7 +1558,7 @@ var SvgIconChevronUpLarge = function SvgIconChevronUpLarge(props) {
 };
 
 var _path$1T;
-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); }
+function _extends$1Y() { return _extends$1Y = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1Y.apply(null, arguments); }
 var SvgIconChevronUpSmall = function SvgIconChevronUpSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Y({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1616,7 +1571,7 @@ var SvgIconChevronUpSmall = function SvgIconChevronUpSmall(props) {
 };
 
 var _path$1S, _path2$x;
-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); }
+function _extends$1X() { return _extends$1X = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1X.apply(null, arguments); }
 var SvgIconChevronUp2Small = function SvgIconChevronUp2Small(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1X({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1630,7 +1585,7 @@ var SvgIconChevronUp2Small = function SvgIconChevronUp2Small(props) {
 };
 
 var _path$1R;
-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); }
+function _extends$1W() { return _extends$1W = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1W.apply(null, arguments); }
 var SvgIconCirclesOverlap2Large = function SvgIconCirclesOverlap2Large(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1W({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1643,7 +1598,7 @@ var SvgIconCirclesOverlap2Large = function SvgIconCirclesOverlap2Large(props) {
 };
 
 var _path$1Q, _path2$w;
-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); }
+function _extends$1V() { return _extends$1V = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1V.apply(null, arguments); }
 var SvgIconCirclesOverlap2Small = function SvgIconCirclesOverlap2Small(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1V({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1658,7 +1613,7 @@ var SvgIconCirclesOverlap2Small = function SvgIconCirclesOverlap2Small(props) {
 };
 
 var _path$1P, _path2$v;
-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); }
+function _extends$1U() { return _extends$1U = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1U.apply(null, arguments); }
 var SvgIconCodeLarge = function SvgIconCodeLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1U({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1673,7 +1628,7 @@ var SvgIconCodeLarge = function SvgIconCodeLarge(props) {
 };
 
 var _path$1O;
-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); }
+function _extends$1T() { return _extends$1T = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1T.apply(null, arguments); }
 var SvgIconCodeSmall = function SvgIconCodeSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1T({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1686,7 +1641,7 @@ var SvgIconCodeSmall = function SvgIconCodeSmall(props) {
 };
 
 var _path$1N, _path2$u;
-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); }
+function _extends$1S() { return _extends$1S = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1S.apply(null, arguments); }
 var SvgIconCompassLarge = function SvgIconCompassLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1S({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1702,7 +1657,7 @@ var SvgIconCompassLarge = function SvgIconCompassLarge(props) {
 };
 
 var _path$1M, _path2$t;
-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); }
+function _extends$1R() { return _extends$1R = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1R.apply(null, arguments); }
 var SvgIconCopyLarge = function SvgIconCopyLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1R({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1717,7 +1672,7 @@ var SvgIconCopyLarge = function SvgIconCopyLarge(props) {
 };
 
 var _path$1L;
-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); }
+function _extends$1Q() { return _extends$1Q = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1Q.apply(null, arguments); }
 var SvgIconCopySmall = function SvgIconCopySmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Q({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1730,7 +1685,7 @@ var SvgIconCopySmall = function SvgIconCopySmall(props) {
 };
 
 var _path$1K, _path2$s, _path3$5;
-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); }
+function _extends$1P() { return _extends$1P = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1P.apply(null, arguments); }
 var SvgIconCubeLarge = function SvgIconCubeLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1P({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1749,7 +1704,7 @@ var SvgIconCubeLarge = function SvgIconCubeLarge(props) {
 };
 
 var _path$1J;
-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); }
+function _extends$1O() { return _extends$1O = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1O.apply(null, arguments); }
 var SvgIconCubeSmall = function SvgIconCubeSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1O({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1763,7 +1718,7 @@ var SvgIconCubeSmall = function SvgIconCubeSmall(props) {
 };
 
 var _path$1I;
-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); }
+function _extends$1N() { return _extends$1N = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1N.apply(null, arguments); }
 var SvgIconDnaLarge = function SvgIconDnaLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1N({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1775,7 +1730,7 @@ var SvgIconDnaLarge = function SvgIconDnaLarge(props) {
 };
 
 var _path$1H;
-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); }
+function _extends$1M() { return _extends$1M = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1M.apply(null, arguments); }
 var SvgIconDocumentSmall = function SvgIconDocumentSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1M({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1788,7 +1743,7 @@ var SvgIconDocumentSmall = function SvgIconDocumentSmall(props) {
 };
 
 var _path$1G;
-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); }
+function _extends$1L() { return _extends$1L = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1L.apply(null, arguments); }
 var SvgIconDotsHorizontal3Large = function SvgIconDotsHorizontal3Large(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1L({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1800,7 +1755,7 @@ var SvgIconDotsHorizontal3Large = function SvgIconDotsHorizontal3Large(props) {
 };
 
 var _path$1F;
-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); }
+function _extends$1K() { return _extends$1K = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1K.apply(null, arguments); }
 var SvgIconDotsHorizontal3Small = function SvgIconDotsHorizontal3Small(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1K({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1812,7 +1767,7 @@ var SvgIconDotsHorizontal3Small = function SvgIconDotsHorizontal3Small(props) {
 };
 
 var _path$1E;
-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); }
+function _extends$1J() { return _extends$1J = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1J.apply(null, arguments); }
 var SvgIconDownloadLarge = function SvgIconDownloadLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1J({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1825,7 +1780,7 @@ var SvgIconDownloadLarge = function SvgIconDownloadLarge(props) {
 };
 
 var _path$1D;
-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); }
+function _extends$1I() { return _extends$1I = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1I.apply(null, arguments); }
 var SvgIconDownloadSmall = function SvgIconDownloadSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1I({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1838,7 +1793,7 @@ var SvgIconDownloadSmall = function SvgIconDownloadSmall(props) {
 };
 
 var _path$1C;
-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); }
+function _extends$1H() { return _extends$1H = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1H.apply(null, arguments); }
 var SvgIconEditLarge = function SvgIconEditLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1H({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1851,7 +1806,7 @@ var SvgIconEditLarge = function SvgIconEditLarge(props) {
 };
 
 var _path$1B;
-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); }
+function _extends$1G() { return _extends$1G = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1G.apply(null, arguments); }
 var SvgIconEditSmall = function SvgIconEditSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1G({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1864,7 +1819,7 @@ var SvgIconEditSmall = function SvgIconEditSmall(props) {
 };
 
 var _path$1A, _path2$r;
-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); }
+function _extends$1F() { return _extends$1F = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1F.apply(null, arguments); }
 var SvgIconEnvelopeSmall = function SvgIconEnvelopeSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1F({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1878,7 +1833,7 @@ var SvgIconEnvelopeSmall = function SvgIconEnvelopeSmall(props) {
 };
 
 var _path$1z, _path2$q;
-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); }
+function _extends$1E() { return _extends$1E = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1E.apply(null, arguments); }
 var SvgIconExclamationMarkCircleLarge = function SvgIconExclamationMarkCircleLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1E({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1894,7 +1849,7 @@ var SvgIconExclamationMarkCircleLarge = function SvgIconExclamationMarkCircleLar
 };
 
 var _path$1y;
-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); }
+function _extends$1D() { return _extends$1D = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1D.apply(null, arguments); }
 var SvgIconExclamationMarkCircleSmall = function SvgIconExclamationMarkCircleSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1D({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1907,7 +1862,7 @@ var SvgIconExclamationMarkCircleSmall = function SvgIconExclamationMarkCircleSma
 };
 
 var _path$1x, _path2$p, _path3$4;
-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); }
+function _extends$1C() { return _extends$1C = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1C.apply(null, arguments); }
 var SvgIconExclamationMarkSpeechBubbleLarge = function SvgIconExclamationMarkSpeechBubbleLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1C({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1923,7 +1878,7 @@ var SvgIconExclamationMarkSpeechBubbleLarge = function SvgIconExclamationMarkSpe
 };
 
 var _path$1w;
-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); }
+function _extends$1B() { return _extends$1B = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1B.apply(null, arguments); }
 var SvgIconEyeClosedSmall = function SvgIconEyeClosedSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1B({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1936,7 +1891,7 @@ var SvgIconEyeClosedSmall = function SvgIconEyeClosedSmall(props) {
 };
 
 var _path$1v, _path2$o;
-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); }
+function _extends$1A() { return _extends$1A = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1A.apply(null, arguments); }
 var SvgIconEyeOpenSmall = function SvgIconEyeOpenSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1A({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1951,7 +1906,7 @@ var SvgIconEyeOpenSmall = function SvgIconEyeOpenSmall(props) {
 };
 
 var _path$1u;
-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); }
+function _extends$1z() { return _extends$1z = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1z.apply(null, arguments); }
 var SvgIconFilterSmall = function SvgIconFilterSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1z({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1963,7 +1918,7 @@ var SvgIconFilterSmall = function SvgIconFilterSmall(props) {
 };
 
 var _path$1t;
-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); }
+function _extends$1y() { return _extends$1y = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1y.apply(null, arguments); }
 var SvgIconFlagCheckSmall = function SvgIconFlagCheckSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1y({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1976,7 +1931,7 @@ var SvgIconFlagCheckSmall = function SvgIconFlagCheckSmall(props) {
 };
 
 var _path$1s;
-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); }
+function _extends$1x() { return _extends$1x = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1x.apply(null, arguments); }
 var SvgIconFlagOutlineSmall = function SvgIconFlagOutlineSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1x({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1989,7 +1944,7 @@ var SvgIconFlagOutlineSmall = function SvgIconFlagOutlineSmall(props) {
 };
 
 var _path$1r;
-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); }
+function _extends$1w() { return _extends$1w = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1w.apply(null, arguments); }
 var SvgIconFlagQuestionMarkSmall = function SvgIconFlagQuestionMarkSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1w({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2002,7 +1957,7 @@ var SvgIconFlagQuestionMarkSmall = function SvgIconFlagQuestionMarkSmall(props)
 };
 
 var _path$1q;
-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); }
+function _extends$1v() { return _extends$1v = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1v.apply(null, arguments); }
 var SvgIconFlagXMarkSmall = function SvgIconFlagXMarkSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1v({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2015,7 +1970,7 @@ var SvgIconFlagXMarkSmall = function SvgIconFlagXMarkSmall(props) {
 };
 
 var _path$1p;
-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); }
+function _extends$1u() { return _extends$1u = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1u.apply(null, arguments); }
 var SvgIconFlaskLarge = function SvgIconFlaskLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1u({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2028,7 +1983,7 @@ var SvgIconFlaskLarge = function SvgIconFlaskLarge(props) {
 };
 
 var _path$1o, _path2$n;
-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); }
+function _extends$1t() { return _extends$1t = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1t.apply(null, arguments); }
 var SvgIconFlaskPrivateLarge = function SvgIconFlaskPrivateLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1t({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2047,7 +2002,7 @@ var SvgIconFlaskPrivateLarge = function SvgIconFlaskPrivateLarge(props) {
 };
 
 var _path$1n, _path2$m;
-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); }
+function _extends$1s() { return _extends$1s = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1s.apply(null, arguments); }
 var SvgIconFlaskPublicLarge = function SvgIconFlaskPublicLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1s({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2064,7 +2019,7 @@ var SvgIconFlaskPublicLarge = function SvgIconFlaskPublicLarge(props) {
 };
 
 var _path$1m;
-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); }
+function _extends$1r() { return _extends$1r = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1r.apply(null, arguments); }
 var SvgIconGearSmall = function SvgIconGearSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1r({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2077,7 +2032,7 @@ var SvgIconGearSmall = function SvgIconGearSmall(props) {
 };
 
 var _path$1l;
-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); }
+function _extends$1q() { return _extends$1q = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1q.apply(null, arguments); }
 var SvgIconGlobeBasicLarge = function SvgIconGlobeBasicLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1q({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2090,7 +2045,7 @@ var SvgIconGlobeBasicLarge = function SvgIconGlobeBasicLarge(props) {
 };
 
 var _path$1k;
-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); }
+function _extends$1p() { return _extends$1p = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1p.apply(null, arguments); }
 var SvgIconGlobeSmall = function SvgIconGlobeSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1p({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2103,7 +2058,7 @@ var SvgIconGlobeSmall = function SvgIconGlobeSmall(props) {
 };
 
 var _path$1j;
-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); }
+function _extends$1o() { return _extends$1o = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1o.apply(null, arguments); }
 var SvgIconGridLarge = function SvgIconGridLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1o({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2116,7 +2071,7 @@ var SvgIconGridLarge = function SvgIconGridLarge(props) {
 };
 
 var _path$1i, _path2$l;
-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); }
+function _extends$1n() { return _extends$1n = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1n.apply(null, arguments); }
 var SvgIconGridPrivateLarge = function SvgIconGridPrivateLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1n({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2133,7 +2088,7 @@ var SvgIconGridPrivateLarge = function SvgIconGridPrivateLarge(props) {
 };
 
 var _path$1h, _path2$k;
-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); }
+function _extends$1m() { return _extends$1m = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1m.apply(null, arguments); }
 var SvgIconGridPublicLarge = function SvgIconGridPublicLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1m({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2150,7 +2105,7 @@ var SvgIconGridPublicLarge = function SvgIconGridPublicLarge(props) {
 };
 
 var _path$1g;
-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); }
+function _extends$1l() { return _extends$1l = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1l.apply(null, arguments); }
 var SvgIconGridDots3Large = function SvgIconGridDots3Large(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1l({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2163,7 +2118,7 @@ var SvgIconGridDots3Large = function SvgIconGridDots3Large(props) {
 };
 
 var _path$1f;
-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); }
+function _extends$1k() { return _extends$1k = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1k.apply(null, arguments); }
 var SvgIconHouseSmall = function SvgIconHouseSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1k({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2175,7 +2130,7 @@ var SvgIconHouseSmall = function SvgIconHouseSmall(props) {
 };
 
 var _path$1e, _path2$j;
-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); }
+function _extends$1j() { return _extends$1j = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1j.apply(null, arguments); }
 var SvgIconInfoCircleLarge = function SvgIconInfoCircleLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1j({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2191,7 +2146,7 @@ var SvgIconInfoCircleLarge = function SvgIconInfoCircleLarge(props) {
 };
 
 var _path$1d;
-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); }
+function _extends$1i() { return _extends$1i = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1i.apply(null, arguments); }
 var SvgIconInfoCircleSmall = function SvgIconInfoCircleSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1i({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2204,7 +2159,7 @@ var SvgIconInfoCircleSmall = function SvgIconInfoCircleSmall(props) {
 };
 
 var _path$1c;
-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); }
+function _extends$1h() { return _extends$1h = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1h.apply(null, arguments); }
 var SvgIconInfoSpeechBubbleLarge = function SvgIconInfoSpeechBubbleLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1h({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2217,7 +2172,7 @@ var SvgIconInfoSpeechBubbleLarge = function SvgIconInfoSpeechBubbleLarge(props)
 };
 
 var _path$1b;
-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); }
+function _extends$1g() { return _extends$1g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1g.apply(null, arguments); }
 var SvgIconLifeRingSmall = function SvgIconLifeRingSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1g({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2230,7 +2185,7 @@ var SvgIconLifeRingSmall = function SvgIconLifeRingSmall(props) {
 };
 
 var _path$1a, _path2$i;
-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); }
+function _extends$1f() { return _extends$1f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1f.apply(null, arguments); }
 var SvgIconLightBulbLarge = function SvgIconLightBulbLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1f({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2245,7 +2200,7 @@ var SvgIconLightBulbLarge = function SvgIconLightBulbLarge(props) {
 };
 
 var _path$19;
-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); }
+function _extends$1e() { return _extends$1e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1e.apply(null, arguments); }
 var SvgIconLightBulbSmall = function SvgIconLightBulbSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1e({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2258,7 +2213,7 @@ var SvgIconLightBulbSmall = function SvgIconLightBulbSmall(props) {
 };
 
 var _path$18;
-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); }
+function _extends$1d() { return _extends$1d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1d.apply(null, arguments); }
 var SvgIconLinesDashed3Solid1Small = function SvgIconLinesDashed3Solid1Small(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1d({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2270,7 +2225,7 @@ var SvgIconLinesDashed3Solid1Small = function SvgIconLinesDashed3Solid1Small(pro
 };
 
 var _path$17;
-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); }
+function _extends$1c() { return _extends$1c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1c.apply(null, arguments); }
 var SvgIconLinesHorizontal3Large = function SvgIconLinesHorizontal3Large(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1c({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2283,7 +2238,7 @@ var SvgIconLinesHorizontal3Large = function SvgIconLinesHorizontal3Large(props)
 };
 
 var _path$16;
-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); }
+function _extends$1b() { return _extends$1b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1b.apply(null, arguments); }
 var SvgIconLinesHorizontal3Small = function SvgIconLinesHorizontal3Small(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1b({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2296,7 +2251,7 @@ var SvgIconLinesHorizontal3Small = function SvgIconLinesHorizontal3Small(props)
 };
 
 var _path$15;
-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); }
+function _extends$1a() { return _extends$1a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1a.apply(null, arguments); }
 var SvgIconLinkSmall = function SvgIconLinkSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1a({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2309,7 +2264,7 @@ var SvgIconLinkSmall = function SvgIconLinkSmall(props) {
 };
 
 var _path$14;
-function _extends$19() { _extends$19 = 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$19.apply(this, arguments); }
+function _extends$19() { return _extends$19 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$19.apply(null, arguments); }
 var SvgIconListSmall = function SvgIconListSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$19({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2322,7 +2277,7 @@ var SvgIconListSmall = function SvgIconListSmall(props) {
 };
 
 var _animateTransform$1, _animate$1, _animateTransform2$1, _animate2$1, _animateTransform3$1, _animate3$1, _animateTransform4$1, _animate4$1, _animateTransform5$1, _animate5$1, _animateTransform6$1, _animate6$1, _animateTransform7$1, _animate7$1, _animateTransform8$1, _animate8$1, _animateTransform9$1, _animate9$1;
-function _extends$18() { _extends$18 = 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$18.apply(this, arguments); }
+function _extends$18() { return _extends$18 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$18.apply(null, arguments); }
 var SvgIconLoadingLarge = function SvgIconLoadingLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$18({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2494,7 +2449,7 @@ var SvgIconLoadingLarge = function SvgIconLoadingLarge(props) {
 };
 
 var _animateTransform, _animate, _animateTransform2, _animate2, _animateTransform3, _animate3, _animateTransform4, _animate4, _animateTransform5, _animate5, _animateTransform6, _animate6, _animateTransform7, _animate7, _animateTransform8, _animate8, _animateTransform9, _animate9;
-function _extends$17() { _extends$17 = 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$17.apply(this, arguments); }
+function _extends$17() { return _extends$17 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$17.apply(null, arguments); }
 var SvgIconLoadingSmall = function SvgIconLoadingSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$17({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2666,7 +2621,7 @@ var SvgIconLoadingSmall = function SvgIconLoadingSmall(props) {
 };
 
 var _path$13, _path2$h;
-function _extends$16() { _extends$16 = 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$16.apply(this, arguments); }
+function _extends$16() { return _extends$16 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$16.apply(null, arguments); }
 var SvgIconLockCircleSmall = function SvgIconLockCircleSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$16({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2681,7 +2636,7 @@ var SvgIconLockCircleSmall = function SvgIconLockCircleSmall(props) {
 };
 
 var _path$12;
-function _extends$15() { _extends$15 = 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$15.apply(this, arguments); }
+function _extends$15() { return _extends$15 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$15.apply(null, arguments); }
 var SvgIconLockLarge = function SvgIconLockLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$15({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2694,7 +2649,7 @@ var SvgIconLockLarge = function SvgIconLockLarge(props) {
 };
 
 var _path$11;
-function _extends$14() { _extends$14 = 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$14.apply(this, arguments); }
+function _extends$14() { return _extends$14 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$14.apply(null, arguments); }
 var SvgIconLockSmall = function SvgIconLockSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$14({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2707,7 +2662,7 @@ var SvgIconLockSmall = function SvgIconLockSmall(props) {
 };
 
 var _path$10;
-function _extends$13() { _extends$13 = 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$13.apply(this, arguments); }
+function _extends$13() { return _extends$13 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$13.apply(null, arguments); }
 var SvgIconMinusSmall = function SvgIconMinusSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$13({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2719,7 +2674,7 @@ var SvgIconMinusSmall = function SvgIconMinusSmall(props) {
 };
 
 var _path$$;
-function _extends$12() { _extends$12 = 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$12.apply(this, arguments); }
+function _extends$12() { return _extends$12 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$12.apply(null, arguments); }
 var SvgIconOpenSmall = function SvgIconOpenSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$12({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2732,7 +2687,7 @@ var SvgIconOpenSmall = function SvgIconOpenSmall(props) {
 };
 
 var _path$_, _path2$g;
-function _extends$11() { _extends$11 = 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$11.apply(this, arguments); }
+function _extends$11() { return _extends$11 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$11.apply(null, arguments); }
 var SvgIconPauseLarge = function SvgIconPauseLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$11({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2750,7 +2705,7 @@ var SvgIconPauseLarge = function SvgIconPauseLarge(props) {
 };
 
 var _path$Z;
-function _extends$10() { _extends$10 = 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$10.apply(this, arguments); }
+function _extends$10() { return _extends$10 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$10.apply(null, arguments); }
 var SvgIconPeopleLarge = function SvgIconPeopleLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$10({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2763,7 +2718,7 @@ var SvgIconPeopleLarge = function SvgIconPeopleLarge(props) {
 };
 
 var _path$Y;
-function _extends$$() { _extends$$ = 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$$.apply(this, arguments); }
+function _extends$$() { return _extends$$ = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$$.apply(null, arguments); }
 var SvgIconPeopleSmall = function SvgIconPeopleSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$$({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2776,7 +2731,7 @@ var SvgIconPeopleSmall = function SvgIconPeopleSmall(props) {
 };
 
 var _path$X;
-function _extends$_() { _extends$_ = 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$_.apply(this, arguments); }
+function _extends$_() { return _extends$_ = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$_.apply(null, arguments); }
 var SvgIconPercentageSmall = function SvgIconPercentageSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$_({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2788,7 +2743,7 @@ var SvgIconPercentageSmall = function SvgIconPercentageSmall(props) {
 };
 
 var _path$W;
-function _extends$Z() { _extends$Z = 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$Z.apply(this, arguments); }
+function _extends$Z() { return _extends$Z = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$Z.apply(null, arguments); }
 var SvgIconPersonLarge = function SvgIconPersonLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$Z({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2800,7 +2755,7 @@ var SvgIconPersonLarge = function SvgIconPersonLarge(props) {
 };
 
 var _path$V;
-function _extends$Y() { _extends$Y = 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$Y.apply(this, arguments); }
+function _extends$Y() { return _extends$Y = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$Y.apply(null, arguments); }
 var SvgIconPersonSmall = function SvgIconPersonSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$Y({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2812,7 +2767,7 @@ var SvgIconPersonSmall = function SvgIconPersonSmall(props) {
 };
 
 var _path$U;
-function _extends$X() { _extends$X = 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$X.apply(this, arguments); }
+function _extends$X() { return _extends$X = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$X.apply(null, arguments); }
 var SvgIconPinLocationSmall = function SvgIconPinLocationSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$X({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2825,7 +2780,7 @@ var SvgIconPinLocationSmall = function SvgIconPinLocationSmall(props) {
 };
 
 var _path$T;
-function _extends$W() { _extends$W = 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$W.apply(this, arguments); }
+function _extends$W() { return _extends$W = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$W.apply(null, arguments); }
 var SvgIconPinSmall = function SvgIconPinSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$W({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2837,7 +2792,7 @@ var SvgIconPinSmall = function SvgIconPinSmall(props) {
 };
 
 var _path$S, _path2$f;
-function _extends$V() { _extends$V = 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$V.apply(this, arguments); }
+function _extends$V() { return _extends$V = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$V.apply(null, arguments); }
 var SvgIconPlayLarge = function SvgIconPlayLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$V({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2853,7 +2808,7 @@ var SvgIconPlayLarge = function SvgIconPlayLarge(props) {
 };
 
 var _path$R;
-function _extends$U() { _extends$U = 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$U.apply(this, arguments); }
+function _extends$U() { return _extends$U = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$U.apply(null, arguments); }
 var SvgIconPlusCircleSmall = function SvgIconPlusCircleSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$U({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2866,7 +2821,7 @@ var SvgIconPlusCircleSmall = function SvgIconPlusCircleSmall(props) {
 };
 
 var _path$Q;
-function _extends$T() { _extends$T = 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$T.apply(this, arguments); }
+function _extends$T() { return _extends$T = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$T.apply(null, arguments); }
 var SvgIconPlusSmall = function SvgIconPlusSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$T({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2879,7 +2834,7 @@ var SvgIconPlusSmall = function SvgIconPlusSmall(props) {
 };
 
 var _path$P, _path2$e;
-function _extends$S() { _extends$S = 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$S.apply(this, arguments); }
+function _extends$S() { return _extends$S = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$S.apply(null, arguments); }
 var SvgIconProjectPrivateLarge = function SvgIconProjectPrivateLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$S({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2896,7 +2851,7 @@ var SvgIconProjectPrivateLarge = function SvgIconProjectPrivateLarge(props) {
 };
 
 var _path$O, _path2$d;
-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); }
+function _extends$R() { return _extends$R = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$R.apply(null, arguments); }
 var SvgIconProjectPublicLarge = function SvgIconProjectPublicLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$R({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2913,7 +2868,7 @@ var SvgIconProjectPublicLarge = function SvgIconProjectPublicLarge(props) {
 };
 
 var _path$N;
-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); }
+function _extends$Q() { return _extends$Q = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$Q.apply(null, arguments); }
 var SvgIconPuzzlePieceSmall = function SvgIconPuzzlePieceSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$Q({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2926,7 +2881,7 @@ var SvgIconPuzzlePieceSmall = function SvgIconPuzzlePieceSmall(props) {
 };
 
 var _path$M;
-function _extends$P() { _extends$P = 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$P.apply(this, arguments); }
+function _extends$P() { return _extends$P = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$P.apply(null, arguments); }
 var SvgIconQuestionMarkLarge = function SvgIconQuestionMarkLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$P({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2939,7 +2894,7 @@ var SvgIconQuestionMarkLarge = function SvgIconQuestionMarkLarge(props) {
 };
 
 var _path$L;
-function _extends$O() { _extends$O = 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$O.apply(this, arguments); }
+function _extends$O() { return _extends$O = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$O.apply(null, arguments); }
 var SvgIconQuoteLarge = function SvgIconQuoteLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$O({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2952,7 +2907,7 @@ var SvgIconQuoteLarge = function SvgIconQuoteLarge(props) {
 };
 
 var _path$K;
-function _extends$N() { _extends$N = 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$N.apply(this, arguments); }
+function _extends$N() { return _extends$N = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$N.apply(null, arguments); }
 var SvgIconReadLarge = function SvgIconReadLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2965,7 +2920,7 @@ var SvgIconReadLarge = function SvgIconReadLarge(props) {
 };
 
 var _path$J;
-function _extends$M() { _extends$M = 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$M.apply(this, arguments); }
+function _extends$M() { return _extends$M = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$M.apply(null, arguments); }
 var SvgIconRefreshLarge = function SvgIconRefreshLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2978,7 +2933,7 @@ var SvgIconRefreshLarge = function SvgIconRefreshLarge(props) {
 };
 
 var _path$I;
-function _extends$L() { _extends$L = 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$L.apply(this, arguments); }
+function _extends$L() { return _extends$L = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$L.apply(null, arguments); }
 var SvgIconRefreshSmall = function SvgIconRefreshSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2991,7 +2946,7 @@ var SvgIconRefreshSmall = function SvgIconRefreshSmall(props) {
 };
 
 var _path$H, _path2$c, _path3$3;
-function _extends$K() { _extends$K = 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$K.apply(this, arguments); }
+function _extends$K() { return _extends$K = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$K.apply(null, arguments); }
 var SvgIconReportLarge = function SvgIconReportLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3008,7 +2963,7 @@ var SvgIconReportLarge = function SvgIconReportLarge(props) {
 };
 
 var _path$G;
-function _extends$J() { _extends$J = 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$J.apply(this, arguments); }
+function _extends$J() { return _extends$J = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$J.apply(null, arguments); }
 var SvgIconRocketLarge = function SvgIconRocketLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3021,7 +2976,7 @@ var SvgIconRocketLarge = function SvgIconRocketLarge(props) {
 };
 
 var _path$F;
-function _extends$I() { _extends$I = 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$I.apply(this, arguments); }
+function _extends$I() { return _extends$I = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$I.apply(null, arguments); }
 var SvgIconRotateLeftSmall = function SvgIconRotateLeftSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3034,7 +2989,7 @@ var SvgIconRotateLeftSmall = function SvgIconRotateLeftSmall(props) {
 };
 
 var _path$E;
-function _extends$H() { _extends$H = 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$H.apply(this, arguments); }
+function _extends$H() { return _extends$H = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$H.apply(null, arguments); }
 var SvgIconRotateRightSmall = function SvgIconRotateRightSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3047,7 +3002,7 @@ var SvgIconRotateRightSmall = function SvgIconRotateRightSmall(props) {
 };
 
 var _path$D, _path2$b;
-function _extends$G() { _extends$G = 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$G.apply(this, arguments); }
+function _extends$G() { return _extends$G = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$G.apply(null, arguments); }
 var SvgIconSaveLarge = function SvgIconSaveLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3063,7 +3018,7 @@ var SvgIconSaveLarge = function SvgIconSaveLarge(props) {
 };
 
 var _defs$2, _g$2;
-function _extends$F() { _extends$F = 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$F.apply(this, arguments); }
+function _extends$F() { return _extends$F = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$F.apply(null, arguments); }
 var SvgIconScaleSmall = function SvgIconScaleSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3082,7 +3037,7 @@ var SvgIconScaleSmall = function SvgIconScaleSmall(props) {
 };
 
 var _path$C;
-function _extends$E() { _extends$E = 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$E.apply(this, arguments); }
+function _extends$E() { return _extends$E = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$E.apply(null, arguments); }
 var SvgIconSearchLarge = function SvgIconSearchLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3095,7 +3050,7 @@ var SvgIconSearchLarge = function SvgIconSearchLarge(props) {
 };
 
 var _path$B, _path2$a;
-function _extends$D() { _extends$D = 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$D.apply(this, arguments); }
+function _extends$D() { return _extends$D = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$D.apply(null, arguments); }
 var SvgIconSearchLinesHorizontal3Large = function SvgIconSearchLinesHorizontal3Large(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3110,7 +3065,7 @@ var SvgIconSearchLinesHorizontal3Large = function SvgIconSearchLinesHorizontal3L
 };
 
 var _path$A, _path2$9;
-function _extends$C() { _extends$C = 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$C.apply(this, arguments); }
+function _extends$C() { return _extends$C = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$C.apply(null, arguments); }
 var SvgIconSearchLinesHorizontal3Small = function SvgIconSearchLinesHorizontal3Small(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3125,7 +3080,7 @@ var SvgIconSearchLinesHorizontal3Small = function SvgIconSearchLinesHorizontal3S
 };
 
 var _path$z;
-function _extends$B() { _extends$B = 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$B.apply(this, arguments); }
+function _extends$B() { return _extends$B = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$B.apply(null, arguments); }
 var SvgIconSearchSmall = function SvgIconSearchSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3138,7 +3093,7 @@ var SvgIconSearchSmall = function SvgIconSearchSmall(props) {
 };
 
 var _path$y;
-function _extends$A() { _extends$A = 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$A.apply(this, arguments); }
+function _extends$A() { return _extends$A = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$A.apply(null, arguments); }
 var SvgIconSendLarge = function SvgIconSendLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3151,7 +3106,7 @@ var SvgIconSendLarge = function SvgIconSendLarge(props) {
 };
 
 var _path$x;
-function _extends$z() { _extends$z = 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$z.apply(this, arguments); }
+function _extends$z() { return _extends$z = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$z.apply(null, arguments); }
 var SvgIconShareLarge = function SvgIconShareLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3164,7 +3119,7 @@ var SvgIconShareLarge = function SvgIconShareLarge(props) {
 };
 
 var _path$w;
-function _extends$y() { _extends$y = 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$y.apply(this, arguments); }
+function _extends$y() { return _extends$y = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$y.apply(null, arguments); }
 var SvgIconSlidersHorizontalLarge = function SvgIconSlidersHorizontalLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3177,7 +3132,7 @@ var SvgIconSlidersHorizontalLarge = function SvgIconSlidersHorizontalLarge(props
 };
 
 var _path$v;
-function _extends$x() { _extends$x = 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$x.apply(this, arguments); }
+function _extends$x() { return _extends$x = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$x.apply(null, arguments); }
 var SvgIconSpeechBubblesLarge = function SvgIconSpeechBubblesLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3190,7 +3145,7 @@ var SvgIconSpeechBubblesLarge = function SvgIconSpeechBubblesLarge(props) {
 };
 
 var _path$u;
-function _extends$w() { _extends$w = 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$w.apply(this, arguments); }
+function _extends$w() { return _extends$w = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$w.apply(null, arguments); }
 var SvgIconSquareOnDashedSquareLarge = function SvgIconSquareOnDashedSquareLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3203,7 +3158,7 @@ var SvgIconSquareOnDashedSquareLarge = function SvgIconSquareOnDashedSquareLarge
 };
 
 var _path$t;
-function _extends$v() { _extends$v = 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$v.apply(this, arguments); }
+function _extends$v() { return _extends$v = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$v.apply(null, arguments); }
 var SvgIconStarburstSmall = function SvgIconStarburstSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3216,7 +3171,7 @@ var SvgIconStarburstSmall = function SvgIconStarburstSmall(props) {
 };
 
 var _path$s, _path2$8;
-function _extends$u() { _extends$u = 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$u.apply(this, arguments); }
+function _extends$u() { return _extends$u = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$u.apply(null, arguments); }
 var SvgIconStarLarge = function SvgIconStarLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3231,7 +3186,7 @@ var SvgIconStarLarge = function SvgIconStarLarge(props) {
 };
 
 var _path$r;
-function _extends$t() { _extends$t = 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$t.apply(this, arguments); }
+function _extends$t() { return _extends$t = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$t.apply(null, arguments); }
 var SvgIconTableSmall = function SvgIconTableSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3244,7 +3199,7 @@ var SvgIconTableSmall = function SvgIconTableSmall(props) {
 };
 
 var _defs$1, _g$1;
-function _extends$s() { _extends$s = 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$s.apply(this, arguments); }
+function _extends$s() { return _extends$s = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$s.apply(null, arguments); }
 var SvgIconThumbsDownSmall = function SvgIconThumbsDownSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3263,7 +3218,7 @@ var SvgIconThumbsDownSmall = function SvgIconThumbsDownSmall(props) {
 };
 
 var _defs, _g;
-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); }
+function _extends$r() { return _extends$r = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$r.apply(null, arguments); }
 var SvgIconThumbsUpSmall = function SvgIconThumbsUpSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3282,7 +3237,7 @@ var SvgIconThumbsUpSmall = function SvgIconThumbsUpSmall(props) {
 };
 
 var _path$q, _path2$7, _path3$2;
-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); }
+function _extends$q() { return _extends$q = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$q.apply(null, arguments); }
 var SvgIconTrashCanLarge = function SvgIconTrashCanLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3299,7 +3254,7 @@ var SvgIconTrashCanLarge = function SvgIconTrashCanLarge(props) {
 };
 
 var _path$p;
-function _extends$p() { _extends$p = 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$p.apply(this, arguments); }
+function _extends$p() { return _extends$p = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$p.apply(null, arguments); }
 var SvgIconTrashCanSmall = function SvgIconTrashCanSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3312,7 +3267,7 @@ var SvgIconTrashCanSmall = function SvgIconTrashCanSmall(props) {
 };
 
 var _path$o;
-function _extends$o() { _extends$o = 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$o.apply(this, arguments); }
+function _extends$o() { return _extends$o = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$o.apply(null, arguments); }
 var SvgIconTreeDendogramLarge = function SvgIconTreeDendogramLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3324,7 +3279,7 @@ var SvgIconTreeDendogramLarge = function SvgIconTreeDendogramLarge(props) {
 };
 
 var _path$n;
-function _extends$n() { _extends$n = 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$n.apply(this, arguments); }
+function _extends$n() { return _extends$n = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$n.apply(null, arguments); }
 var SvgIconTreeHorizontalLarge = function SvgIconTreeHorizontalLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3337,7 +3292,7 @@ var SvgIconTreeHorizontalLarge = function SvgIconTreeHorizontalLarge(props) {
 };
 
 var _path$m, _path2$6;
-function _extends$m() { _extends$m = 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$m.apply(this, arguments); }
+function _extends$m() { return _extends$m = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$m.apply(null, arguments); }
 var SvgIconTreeHorizontalPrivateLarge = function SvgIconTreeHorizontalPrivateLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3354,7 +3309,7 @@ var SvgIconTreeHorizontalPrivateLarge = function SvgIconTreeHorizontalPrivateLar
 };
 
 var _path$l, _path2$5;
-function _extends$l() { _extends$l = 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$l.apply(this, arguments); }
+function _extends$l() { return _extends$l = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$l.apply(null, arguments); }
 var SvgIconTreeHorizontalPublicLarge = function SvgIconTreeHorizontalPublicLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3371,7 +3326,7 @@ var SvgIconTreeHorizontalPublicLarge = function SvgIconTreeHorizontalPublicLarge
 };
 
 var _path$k;
-function _extends$k() { _extends$k = 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$k.apply(this, arguments); }
+function _extends$k() { return _extends$k = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$k.apply(null, arguments); }
 var SvgIconTreeHorizontalSmall = function SvgIconTreeHorizontalSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3384,7 +3339,7 @@ var SvgIconTreeHorizontalSmall = function SvgIconTreeHorizontalSmall(props) {
 };
 
 var _path$j;
-function _extends$j() { _extends$j = 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$j.apply(this, arguments); }
+function _extends$j() { return _extends$j = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$j.apply(null, arguments); }
 var SvgIconTreeHorizontalTopRightFilledLarge = function SvgIconTreeHorizontalTopRightFilledLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3397,7 +3352,7 @@ var SvgIconTreeHorizontalTopRightFilledLarge = function SvgIconTreeHorizontalTop
 };
 
 var _path$i;
-function _extends$i() { _extends$i = 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$i.apply(this, arguments); }
+function _extends$i() { return _extends$i = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$i.apply(null, arguments); }
 var SvgIconTreeVerticalSmall = function SvgIconTreeVerticalSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3410,7 +3365,7 @@ var SvgIconTreeVerticalSmall = function SvgIconTreeVerticalSmall(props) {
 };
 
 var _path$h;
-function _extends$h() { _extends$h = 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$h.apply(this, arguments); }
+function _extends$h() { return _extends$h = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$h.apply(null, arguments); }
 var SvgIconTriangleDownSmall = function SvgIconTriangleDownSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3422,7 +3377,7 @@ var SvgIconTriangleDownSmall = function SvgIconTriangleDownSmall(props) {
 };
 
 var _path$g;
-function _extends$g() { _extends$g = 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$g.apply(this, arguments); }
+function _extends$g() { return _extends$g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$g.apply(null, arguments); }
 var SvgIconTriangleLeftSmall = function SvgIconTriangleLeftSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3434,7 +3389,7 @@ var SvgIconTriangleLeftSmall = function SvgIconTriangleLeftSmall(props) {
 };
 
 var _path$f;
-function _extends$f() { _extends$f = 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$f.apply(this, arguments); }
+function _extends$f() { return _extends$f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$f.apply(null, arguments); }
 var SvgIconTriangleRightSmall = function SvgIconTriangleRightSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3446,7 +3401,7 @@ var SvgIconTriangleRightSmall = function SvgIconTriangleRightSmall(props) {
 };
 
 var _path$e;
-function _extends$e() { _extends$e = 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$e.apply(this, arguments); }
+function _extends$e() { return _extends$e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$e.apply(null, arguments); }
 var SvgIconTriangleUpSmall = function SvgIconTriangleUpSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3458,7 +3413,7 @@ var SvgIconTriangleUpSmall = function SvgIconTriangleUpSmall(props) {
 };
 
 var _path$d;
-function _extends$d() { _extends$d = 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$d.apply(this, arguments); }
+function _extends$d() { return _extends$d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$d.apply(null, arguments); }
 var SvgIconUpdateLarge = function SvgIconUpdateLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3471,7 +3426,7 @@ var SvgIconUpdateLarge = function SvgIconUpdateLarge(props) {
 };
 
 var _path$c;
-function _extends$c() { _extends$c = 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$c.apply(this, arguments); }
+function _extends$c() { return _extends$c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$c.apply(null, arguments); }
 var SvgIconUploadLarge = function SvgIconUploadLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3484,7 +3439,7 @@ var SvgIconUploadLarge = function SvgIconUploadLarge(props) {
 };
 
 var _path$b, _path2$4;
-function _extends$b() { _extends$b = 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$b.apply(this, arguments); }
+function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
 var SvgIconUploadSmall = function SvgIconUploadSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3498,7 +3453,7 @@ var SvgIconUploadSmall = function SvgIconUploadSmall(props) {
 };
 
 var _path$a, _path2$3, _path3$1, _path4;
-function _extends$a() { _extends$a = 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$a.apply(this, arguments); }
+function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
 var SvgIconVirusCircleSLarge = function SvgIconVirusCircleSLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3518,7 +3473,7 @@ var SvgIconVirusCircleSLarge = function SvgIconVirusCircleSLarge(props) {
 };
 
 var _path$9, _path2$2, _path3;
-function _extends$9() { _extends$9 = 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$9.apply(this, arguments); }
+function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
 var SvgIconVirusLarge = function SvgIconVirusLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3536,7 +3491,7 @@ var SvgIconVirusLarge = function SvgIconVirusLarge(props) {
 };
 
 var _path$8;
-function _extends$8() { _extends$8 = 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$8.apply(this, arguments); }
+function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
 var SvgIconWidgetLarge = function SvgIconWidgetLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3549,7 +3504,7 @@ var SvgIconWidgetLarge = function SvgIconWidgetLarge(props) {
 };
 
 var _path$7;
-function _extends$7() { _extends$7 = 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$7.apply(this, arguments); }
+function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
 var SvgIconXMarkCircleSmall = function SvgIconXMarkCircleSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3562,7 +3517,7 @@ var SvgIconXMarkCircleSmall = function SvgIconXMarkCircleSmall(props) {
 };
 
 var _path$6;
-function _extends$6() { _extends$6 = 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$6.apply(this, arguments); }
+function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
 var SvgIconXMarkLarge = function SvgIconXMarkLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3575,7 +3530,7 @@ var SvgIconXMarkLarge = function SvgIconXMarkLarge(props) {
 };
 
 var _path$5;
-function _extends$5() { _extends$5 = 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$5.apply(this, arguments); }
+function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
 var SvgIconXMarkSmall = function SvgIconXMarkSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4041,7 +3996,7 @@ function iconSize(props) {
     var _a, _b;
     var sdsSize = props.sdsSize;
     var iconSizes = getIconSizes(props);
-    return react.css(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n    height: ", "px;\n    width: ", "px;\n  "], ["\n    height: ", "px;\n    width: ", "px;\n  "])), (_a = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes[sdsSize]) === null || _a === void 0 ? void 0 : _a.height, (_b = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes[sdsSize]) === null || _b === void 0 ? void 0 : _b.width);
+    return react.css(templateObject_1$V || (templateObject_1$V = __makeTemplateObject(["\n    height: ", "px;\n    width: ", "px;\n  "], ["\n    height: ", "px;\n    width: ", "px;\n  "])), (_a = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes[sdsSize]) === null || _a === void 0 ? void 0 : _a.height, (_b = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes[sdsSize]) === null || _b === void 0 ? void 0 : _b.width);
 }
 function buttonStyle() {
     return react.css(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n    color: inherit;\n  "], ["\n    color: inherit;\n  "])));
@@ -4059,15 +4014,15 @@ function interactive(props) {
     var semanticColors = getSemanticColors(props);
     return react.css(templateObject_4$n || (templateObject_4$n = __makeTemplateObject(["\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n\n    &:active {\n      color: ", ";\n    }\n\n    &:disabled {\n      color: ", ";\n    }\n  "], ["\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n\n    &:active {\n      color: ", ";\n    }\n\n    &:disabled {\n      color: ", ";\n    }\n  "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconPrimary, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconPrimaryHover, (_c = colors === null || colors === void 0 ? void 0 : colors[iconColor]) === null || _c === void 0 ? void 0 : _c[shade], (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.iconDisabled);
 }
-var doNotForwardProps$r = ["sdsIcon", "sdsSize", "sdsType", "iconColor"];
+var doNotForwardProps$s = ["sdsIcon", "sdsSize", "sdsType", "iconColor"];
 var StyledSvgIcon = styled(material.SvgIcon, {
-    shouldForwardProp: function (prop) { return !doNotForwardProps$r.includes(prop); },
+    shouldForwardProp: function (prop) { return !doNotForwardProps$s.includes(prop); },
 })(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var sdsType = props.sdsType;
     return react.css(templateObject_5$i || (templateObject_5$i = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), sdsType !== "iconButton" && iconSize(props), sdsType === "static" && staticStyle(props), sdsType === "interactive" && interactive(props), sdsType === "button" && buttonStyle());
 });
 var StyledIcon = styled("div")(templateObject_7$9 || (templateObject_7$9 = __makeTemplateObject(["\n  /* display: contents causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques. */\n  display: contents;\n"], ["\n  /* display: contents causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques. */\n  display: contents;\n"])));
-var templateObject_1$U, templateObject_2$z, templateObject_3$r, templateObject_4$n, templateObject_5$i, templateObject_6$d, templateObject_7$9;
+var templateObject_1$V, templateObject_2$z, templateObject_3$r, templateObject_4$n, templateObject_5$i, templateObject_6$d, templateObject_7$9;
 
 /**
  * @see https://mui.com/material-ui/icons/#icons
@@ -4106,7 +4061,7 @@ var StyledAccordion = styled(material.Accordion, {
     var borders = getBorders(props);
     var spaces = getSpaces(props);
     var semanticColors = getSemanticColors(props);
-    return react.css(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n      &.", " {\n        background-color: ", ";\n        background-image: none;\n        box-shadow: ", ";\n        font-family: ", ";\n        border-bottom: ", ";\n        height: fit-content;\n\n        & .", " {\n          ", "\n          min-height: 44px;\n\n          &.", " {\n            background-color: unset;\n          }\n\n          &.", " {\n            min-height: unset;\n          }\n\n          & .MuiAccordionSummary-expandIcon,\n          & .", " {\n            padding: 0;\n            align-self: flex-start;\n            margin-top: ", "px;\n          }\n        }\n\n        .", " {\n          ", "\n          padding: ", "px;\n          padding-top: ", "px;\n        }\n\n        &:before {\n          opacity: 0;\n        }\n\n        &.", " {\n          margin: 0;\n        }\n\n        ", "\n      }\n    "], ["\n      &.", " {\n        background-color: ", ";\n        background-image: none;\n        box-shadow: ", ";\n        font-family: ", ";\n        border-bottom: ", ";\n        height: fit-content;\n\n        & .", " {\n          ", "\n          min-height: 44px;\n\n          &.", " {\n            background-color: unset;\n          }\n\n          &.", " {\n            min-height: unset;\n          }\n\n          & .MuiAccordionSummary-expandIcon,\n          & .", " {\n            padding: 0;\n            align-self: flex-start;\n            margin-top: ", "px;\n          }\n        }\n\n        .", " {\n          ", "\n          padding: ", "px;\n          padding-top: ", "px;\n        }\n\n        &:before {\n          opacity: 0;\n        }\n\n        &.", " {\n          margin: 0;\n        }\n\n        ", "\n      }\n    "])), material.accordionClasses.root, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfaceBackground, shadows === null || shadows === void 0 ? void 0 : shadows.none, (_b = typography === null || typography === void 0 ? void 0 : typography.fontFamily) === null || _b === void 0 ? void 0 : _b.body, useDivider ? (_c = borders === null || borders === void 0 ? void 0 : borders.base) === null || _c === void 0 ? void 0 : _c.divider : "none", material.accordionSummaryClasses.root, focusVisibleA11yStyle(props), material.accordionSummaryClasses.focusVisible, material.accordionSummaryClasses.expanded, material.accordionSummaryClasses.expandIconWrapper, spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, material.accordionDetailsClasses.root, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, material.accordionClasses.expanded, togglePosition === "left" && leftPosition(props));
+    return react.css(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n      &.", " {\n        background-color: ", ";\n        background-image: none;\n        box-shadow: ", ";\n        font-family: ", ";\n        border-bottom: ", ";\n        height: fit-content;\n\n        & .", " {\n          ", "\n          min-height: 44px;\n\n          &.", " {\n            background-color: unset;\n          }\n\n          &.", " {\n            min-height: unset;\n          }\n\n          & .MuiAccordionSummary-expandIcon,\n          & .", " {\n            padding: 0;\n            align-self: flex-start;\n            margin-top: ", "px;\n          }\n        }\n\n        .", " {\n          ", "\n          padding: ", "px;\n          padding-top: ", "px;\n        }\n\n        &:before {\n          opacity: 0;\n        }\n\n        &.", " {\n          margin: 0;\n        }\n\n        ", "\n      }\n    "], ["\n      &.", " {\n        background-color: ", ";\n        background-image: none;\n        box-shadow: ", ";\n        font-family: ", ";\n        border-bottom: ", ";\n        height: fit-content;\n\n        & .", " {\n          ", "\n          min-height: 44px;\n\n          &.", " {\n            background-color: unset;\n          }\n\n          &.", " {\n            min-height: unset;\n          }\n\n          & .MuiAccordionSummary-expandIcon,\n          & .", " {\n            padding: 0;\n            align-self: flex-start;\n            margin-top: ", "px;\n          }\n        }\n\n        .", " {\n          ", "\n          padding: ", "px;\n          padding-top: ", "px;\n        }\n\n        &:before {\n          opacity: 0;\n        }\n\n        &.", " {\n          margin: 0;\n        }\n\n        ", "\n      }\n    "])), material.accordionClasses.root, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfaceBackground, shadows === null || shadows === void 0 ? void 0 : shadows.none, (_b = typography === null || typography === void 0 ? void 0 : typography.fontFamily) === null || _b === void 0 ? void 0 : _b.body, useDivider ? (_c = borders === null || borders === void 0 ? void 0 : borders.base) === null || _c === void 0 ? void 0 : _c.divider : "none", material.accordionSummaryClasses.root, focusVisibleA11yStyle(props), material.accordionSummaryClasses.focusVisible, material.accordionSummaryClasses.expanded, material.accordionSummaryClasses.expandIconWrapper, spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, material.accordionDetailsClasses.root, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, material.accordionClasses.expanded, togglePosition === "left" && leftPosition(props));
 });
 var leftPosition = function (props) {
     var _a, _b, _c;
@@ -4116,7 +4071,7 @@ var leftPosition = function (props) {
         ((_b = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs.width) !== null && _b !== void 0 ? _b : 12) +
         ((_c = spaces === null || spaces === void 0 ? void 0 : spaces.s) !== null && _c !== void 0 ? _c : 8));
 };
-var templateObject_1$T, templateObject_2$y, templateObject_3$q;
+var templateObject_1$U, templateObject_2$y, templateObject_3$q;
 
 /**
  * @see https://mui.com/material-ui/react-accordion/
@@ -4132,7 +4087,7 @@ var Accordion = React.forwardRef(function (props, ref) {
     return (jsxRuntime.jsx(StyledAccordion, __assign({ square: true, useDivider: useDivider, togglePosition: togglePosition, expanded: expanded === id, onChange: handleChange(id), ref: ref }, props, { children: children })));
 });
 
-var StyledAlert = styled(material.Alert)(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+var StyledAlert = styled(material.Alert)(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a;
     var colors = getColors(props);
     var spaces = getSpaces(props);
@@ -4159,7 +4114,7 @@ function severityToColor(alertSeverity, colors) {
             return colors === null || colors === void 0 ? void 0 : colors.green;
     }
 }
-var templateObject_1$S;
+var templateObject_1$T;
 
 /**
  * @see https://mui.com/material-ui/react-alert/
@@ -4194,6 +4149,7 @@ var SDSWarningTypes;
     SDSWarningTypes["ButtonMinimalIsAllCaps"] = "buttonMinimalIsAllCaps";
     SDSWarningTypes["ButtonMissingSDSProps"] = "buttonMissingProps";
     SDSWarningTypes["ButtonIconMissingIconProp"] = "buttonIconMissingIconProp";
+    SDSWarningTypes["ButtonToggleMissingIconProp"] = "buttonToggleMissingIconProp";
     SDSWarningTypes["ChipDeprecated"] = "chipDeprecated";
     SDSWarningTypes["MenuSelectDeprecated"] = "menuSelectDeprecated";
     SDSWarningTypes["TooltipSubtitle"] = "tooltipSubtitle";
@@ -4213,6 +4169,10 @@ var SDS_WARNINGS = (_a = {},
         hasWarned: false,
         message: "Warning: Buttons with an SDS type of icon require an icon prop to be provided.",
     },
+    _a[SDSWarningTypes.ButtonToggleMissingIconProp] = {
+        hasWarned: false,
+        message: "Warning: Button Toggles require an icon prop to be provided.",
+    },
     _a[SDSWarningTypes.ChipDeprecated] = {
         hasWarned: false,
         message: "Warning: <Chip /> will be deprecated and replaced with <Tag />",
@@ -4250,7 +4210,7 @@ var showWarningIfFirstOccurence = function (warningType) {
     SDS_WARNINGS[warningType].hasWarned = true;
 };
 
-var doNotForwardProps$q = [
+var doNotForwardProps$r = [
     "isAllCaps",
     "isRounded",
     "sdsStyle",
@@ -4284,7 +4244,7 @@ var ButtonStyles = function (props) {
     var disabledBorder = variant === "outlined"
         ? "inset 0 0 0 1px ".concat((_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _g === void 0 ? void 0 : _g.borderDisabled)
         : "none";
-    return react.css(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n    background-color: ", ";\n    border: none;\n    box-shadow: inset 0 0 0 1px ", ";\n    padding: ", ";\n    color: ", ";\n    line-height: ", ";\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:active {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:disabled {\n      color: ", ";\n      background-color: ", ";\n      box-shadow: ", ";\n      border: none;\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    .", ", .", " {\n      height: ", "px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      svg {\n        max-width: ", "px;\n        max-height: ", "px;\n      }\n    }\n\n    .", " {\n      margin-right: ", "px;\n      margin-left: 0;\n    }\n\n    .", " {\n      margin-left: ", "px;\n      margin-right: 0;\n    }\n  "], ["\n    background-color: ", ";\n    border: none;\n    box-shadow: inset 0 0 0 1px ", ";\n    padding: ", ";\n    color: ", ";\n    line-height: ", ";\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:active {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:disabled {\n      color: ", ";\n      background-color: ", ";\n      box-shadow: ", ";\n      border: none;\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    .", ", .", " {\n      height: ", "px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      svg {\n        max-width: ", "px;\n        max-height: ", "px;\n      }\n    }\n\n    .", " {\n      margin-right: ", "px;\n      margin-left: 0;\n    }\n\n    .", " {\n      margin-left: ", "px;\n      margin-right: 0;\n    }\n  "])), backgroundColor, (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _h === void 0 ? void 0 : _h.border, padding, contentColor, isAllCaps ? "20px" : "unset", ornamentColor, (_j = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _j === void 0 ? void 0 : _j.textPrimaryInverse, (_k = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _k === void 0 ? void 0 : _k.fillHover, (_l = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _l === void 0 ? void 0 : _l.borderHover, (_m = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _m === void 0 ? void 0 : _m.iconPrimaryInverse, (_o = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _o === void 0 ? void 0 : _o.textPrimaryInverse, (_p = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _p === void 0 ? void 0 : _p.fillPressed, (_q = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _q === void 0 ? void 0 : _q.fillPressed, (_r = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _r === void 0 ? void 0 : _r.iconPrimaryInverse, (_s = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _s === void 0 ? void 0 : _s.textDisabled, disabledBackgroundColor, disabledBorder, (_t = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _t === void 0 ? void 0 : _t.iconDisabled, material.buttonClasses.startIcon, material.buttonClasses.endIcon, (_u = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _u === void 0 ? void 0 : _u.width, (_v = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _v === void 0 ? void 0 : _v.width, (_w = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _w === void 0 ? void 0 : _w.width, material.buttonClasses.startIcon, spaces === null || spaces === void 0 ? void 0 : spaces.s, material.buttonClasses.endIcon, spaces === null || spaces === void 0 ? void 0 : spaces.s);
+    return react.css(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n    background-color: ", ";\n    border: none;\n    box-shadow: inset 0 0 0 1px ", ";\n    padding: ", ";\n    color: ", ";\n    line-height: ", ";\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:active {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:disabled {\n      color: ", ";\n      background-color: ", ";\n      box-shadow: ", ";\n      border: none;\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    .", ", .", " {\n      height: ", "px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      svg {\n        max-width: ", "px;\n        max-height: ", "px;\n      }\n    }\n\n    .", " {\n      margin-right: ", "px;\n      margin-left: 0;\n    }\n\n    .", " {\n      margin-left: ", "px;\n      margin-right: 0;\n    }\n  "], ["\n    background-color: ", ";\n    border: none;\n    box-shadow: inset 0 0 0 1px ", ";\n    padding: ", ";\n    color: ", ";\n    line-height: ", ";\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:active {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:disabled {\n      color: ", ";\n      background-color: ", ";\n      box-shadow: ", ";\n      border: none;\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    .", ", .", " {\n      height: ", "px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      svg {\n        max-width: ", "px;\n        max-height: ", "px;\n      }\n    }\n\n    .", " {\n      margin-right: ", "px;\n      margin-left: 0;\n    }\n\n    .", " {\n      margin-left: ", "px;\n      margin-right: 0;\n    }\n  "])), backgroundColor, (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _h === void 0 ? void 0 : _h.border, padding, contentColor, isAllCaps ? "20px" : "unset", ornamentColor, (_j = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _j === void 0 ? void 0 : _j.textPrimaryInverse, (_k = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _k === void 0 ? void 0 : _k.fillHover, (_l = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _l === void 0 ? void 0 : _l.borderHover, (_m = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _m === void 0 ? void 0 : _m.iconPrimaryInverse, (_o = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _o === void 0 ? void 0 : _o.textPrimaryInverse, (_p = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _p === void 0 ? void 0 : _p.fillPressed, (_q = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _q === void 0 ? void 0 : _q.fillPressed, (_r = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _r === void 0 ? void 0 : _r.iconPrimaryInverse, (_s = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _s === void 0 ? void 0 : _s.textDisabled, disabledBackgroundColor, disabledBorder, (_t = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _t === void 0 ? void 0 : _t.iconDisabled, material.buttonClasses.startIcon, material.buttonClasses.endIcon, (_u = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _u === void 0 ? void 0 : _u.width, (_v = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _v === void 0 ? void 0 : _v.width, (_w = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _w === void 0 ? void 0 : _w.width, material.buttonClasses.startIcon, spaces === null || spaces === void 0 ? void 0 : spaces.s, material.buttonClasses.endIcon, spaces === null || spaces === void 0 ? void 0 : spaces.s);
 };
 var Rounded = function (props) {
     var corners = getCorners(props);
@@ -4307,7 +4267,7 @@ var DestructiveButton = function (props) {
     return react.css(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n    border: none;\n    box-shadow: inset 0 0 0 1px ", ";\n    color: ", ";\n    background-color: ", ";\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:active {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:disabled {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  "], ["\n    border: none;\n    box-shadow: inset 0 0 0 1px ", ";\n    color: ", ";\n    background-color: ", ";\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:active {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:disabled {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  "])), (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.negative) === null || _f === void 0 ? void 0 : _f.border, contentColor, backgroundColor, ornamentColor, (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _g === void 0 ? void 0 : _g.textPrimaryInverse, (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.negative) === null || _h === void 0 ? void 0 : _h.fillHover, (_j = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.negative) === null || _j === void 0 ? void 0 : _j.fillHover, (_k = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _k === void 0 ? void 0 : _k.iconPrimaryInverse, (_l = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _l === void 0 ? void 0 : _l.textPrimaryInverse, (_m = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.negative) === null || _m === void 0 ? void 0 : _m.fillPressed, (_o = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.negative) === null || _o === void 0 ? void 0 : _o.fillPressed, (_p = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _p === void 0 ? void 0 : _p.iconPrimaryInverse, (_q = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _q === void 0 ? void 0 : _q.textDisabled, (_r = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _r === void 0 ? void 0 : _r.fillDisabled, shadows === null || shadows === void 0 ? void 0 : shadows.none, (_s = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _s === void 0 ? void 0 : _s.iconDisabled);
 };
 var StyledButton$3 = styled(material.Button, {
-    shouldForwardProp: function (prop) { return !doNotForwardProps$q.includes(prop); },
+    shouldForwardProp: function (prop) { return !doNotForwardProps$r.includes(prop); },
 })(templateObject_5$h || (templateObject_5$h = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), focusVisibleA11yStyle, function (props) {
     var sdsStyle = props.sdsStyle, sdsType = props.sdsType, isAllCaps = props.isAllCaps;
     return react.css(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n      ", "\n\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n\n      ", "\n      ", "\n      ", "\n    "])), isAllCaps ? fontCapsXxs(props) : fontBodySemiboldXs(props), ButtonStyles(props), sdsStyle === "rounded" && Rounded(props), sdsType === "destructive" && DestructiveButton(props));
@@ -4332,13 +4292,13 @@ var SecondaryMinimalButton = function (props) {
     return react.css(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n    ", "\n    color: ", ";\n  "], ["\n    ", "\n    color: ", ";\n  "])), Minimal(props), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary);
 };
 var StyledMinimalButton = styled(material.Button, {
-    shouldForwardProp: function (prop) { return !doNotForwardProps$q.includes(prop); },
+    shouldForwardProp: function (prop) { return !doNotForwardProps$r.includes(prop); },
 })(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var sdsType = props.sdsType;
     return react.css(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n    "])), sdsType === "primary" && PrimaryMinimalButton(props), sdsType === "secondary" && SecondaryMinimalButton(props));
 });
 var StyledButtonLegacy = styled(material.Button, {
-    shouldForwardProp: function (prop) { return !doNotForwardProps$q.includes(prop); },
+    shouldForwardProp: function (prop) { return !doNotForwardProps$r.includes(prop); },
 })(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), focusVisibleA11yStyle, function (props) {
     if (!props.isRounded)
         return "";
@@ -4346,12 +4306,12 @@ var StyledButtonLegacy = styled(material.Button, {
     var spaces = getSpaces(props);
     return "\n      border-radius: ".concat(corners === null || corners === void 0 ? void 0 : corners.l, "px;\n      padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n    ");
 });
-var templateObject_1$R, templateObject_2$x, templateObject_3$p, templateObject_4$m, templateObject_5$h, templateObject_6$c, templateObject_7$8, templateObject_8$6, templateObject_9$3, templateObject_10$2, templateObject_11$1;
+var templateObject_1$S, templateObject_2$x, templateObject_3$p, templateObject_4$m, templateObject_5$h, templateObject_6$c, templateObject_7$8, templateObject_8$6, templateObject_9$3, templateObject_10$2, templateObject_11$1;
 
 var isDisabled$1 = function (props) {
     var _a, _b;
     var semanticColors = getSemanticColors(props);
-    return react.css(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n    color: ", ";\n\n    svg {\n      color: ", ";\n    }\n  "], ["\n    color: ", ";\n\n    svg {\n      color: ", ";\n    }\n  "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconDisabled, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconDisabled);
+    return react.css(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n    color: ", ";\n\n    svg {\n      color: ", ";\n    }\n  "], ["\n    color: ", ";\n\n    svg {\n      color: ", ";\n    }\n  "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconDisabled, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconDisabled);
 };
 var primary$2 = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -4372,21 +4332,27 @@ var small$1 = function (props) {
     var sdsType = props.sdsType;
     var iconSizes = getIconSizes(props);
     var spaces = getSpaces(props);
-    return react.css(templateObject_5$g || (templateObject_5$g = __makeTemplateObject(["\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n      ", "\n    }\n  "], ["\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n      ", "\n    }\n  "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, sdsType !== "tertiary" ? "margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;") : "");
+    return react.css(templateObject_5$g || (templateObject_5$g = __makeTemplateObject(["\n    ", "\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n      ", "\n    }\n  "], ["\n    ", "\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n      ", "\n    }\n  "])), sdsType !== "tertiary"
+        ? "margin: 0 ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px 0;")
+        : "", iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, sdsType !== "tertiary" ? "margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;") : "");
 };
 var medium$1 = function (props) {
     var sdsType = props.sdsType;
     var iconSizes = getIconSizes(props);
     var spaces = getSpaces(props);
-    return react.css(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n      ", "\n    }\n  "], ["\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n      ", "\n    }\n  "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.width, sdsType !== "tertiary" ? "margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;") : "");
+    return react.css(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n    ", "\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n      ", "\n    }\n  "], ["\n    ", "\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n      ", "\n    }\n  "])), sdsType !== "tertiary"
+        ? "margin: 0 ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px 0;")
+        : "", iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.width, sdsType !== "tertiary" ? "margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;") : "");
 };
 var large = function (props) {
     var sdsType = props.sdsType;
     var iconSizes = getIconSizes(props);
     var spaces = getSpaces(props);
-    return react.css(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n      ", "\n    }\n  "], ["\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n      ", "\n    }\n  "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xl.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xl.height, sdsType !== "tertiary" ? "margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;") : "");
+    return react.css(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n    ", "\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n      ", "\n    }\n  "], ["\n    ", "\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n      ", "\n    }\n  "])), sdsType !== "tertiary"
+        ? "margin: 0 ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px 0;")
+        : "", iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xl.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xl.height, sdsType !== "tertiary" ? "margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;") : "");
 };
-var doNotForwardProps$p = [
+var doNotForwardProps$q = [
     "on",
     "sdsSize",
     "sdsType",
@@ -4395,12 +4361,12 @@ var doNotForwardProps$p = [
     "sdsIconProps",
 ];
 var StyledButtonIcon = styled(material.IconButton, {
-    shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
+    shouldForwardProp: function (prop) { return !doNotForwardProps$q.includes(prop); },
 })(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n  padding: 0;\n  ", "\n\n  ", "\n"], ["\n  padding: 0;\n  ", "\n\n  ", "\n"])), focusVisibleA11yStyle, function (props) {
     var disabled = props.disabled, _a = props.sdsSize, sdsSize = _a === void 0 ? "medium" : _a, _b = props.sdsType, sdsType = _b === void 0 ? "primary" : _b;
     return react.css(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["\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), disabled && isDisabled$1(props), sdsSize === "small" && small$1(props), sdsSize === "medium" && medium$1(props), sdsSize === "large" && large(props));
 });
-var templateObject_1$Q, templateObject_2$w, templateObject_3$o, templateObject_4$l, templateObject_5$g, templateObject_6$b, templateObject_7$7, templateObject_8$5, templateObject_9$2;
+var templateObject_1$R, templateObject_2$w, templateObject_3$o, templateObject_4$l, templateObject_5$g, templateObject_6$b, templateObject_7$7, templateObject_8$5, templateObject_9$2;
 
 var ButtonIconSizeToSdsIconSize = {
     large: "xl",
@@ -4501,7 +4467,7 @@ var rounded$3 = function (props) {
     var _a;
     var corners = getCorners(props);
     var semanticColors = getSemanticColors(props);
-    return react.css(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n    .", " {\n      border-radius: ", "px;\n\n      .", " {\n        border-radius: ", "px;\n        border: 1px solid ", ";\n      }\n    }\n  "], ["\n    .", " {\n      border-radius: ", "px;\n\n      .", " {\n        border-radius: ", "px;\n        border: 1px solid ", ";\n      }\n    }\n  "])), material.outlinedInputClasses.root, corners === null || corners === void 0 ? void 0 : corners.l, material.outlinedInputClasses.notchedOutline, corners === null || corners === void 0 ? void 0 : corners.l, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.border);
+    return react.css(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n    .", " {\n      border-radius: ", "px;\n\n      .", " {\n        border-radius: ", "px;\n        border: 1px solid ", ";\n      }\n    }\n  "], ["\n    .", " {\n      border-radius: ", "px;\n\n      .", " {\n        border-radius: ", "px;\n        border: 1px solid ", ";\n      }\n    }\n  "])), material.outlinedInputClasses.root, corners === null || corners === void 0 ? void 0 : corners.l, material.outlinedInputClasses.notchedOutline, corners === null || corners === void 0 ? void 0 : corners.l, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.border);
 };
 var applyIntentColor$2 = function (props, intent) {
     var _a, _b, _c, _d;
@@ -4530,9 +4496,9 @@ var StyledSearchBase = styled(material.TextField, {
     return react.css(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n      margin-top: ", "px;\n      margin-bottom: ", "px;\n      margin-right: ", "px;\n      min-width: 120px;\n      display: block;\n\n      [type=\"search\"]::-webkit-search-cancel-button {\n        -webkit-appearance: none;\n        appearance: none;\n      }\n\n      & .input-search-clear-icon {\n        opacity: 0;\n        cursor: pointer;\n\n        svg {\n          height: ", "px;\n          width: ", "px;\n        }\n      }\n\n      .", " {\n        padding: 0 ", "px;\n        background-color: ", ";\n        width: 100%;\n\n        .", " {\n          padding-right: ", "px;\n        }\n\n        .MuiInputAdornment-positionEnd {\n          position: absolute;\n          right: ", "px;\n        }\n\n        .", " {\n          border: 1px solid ", ";\n        }\n\n        &:hover .input-search-clear-icon,\n        &:focus-within .input-search-clear-icon {\n          opacity: 1;\n\n          svg {\n            color: ", " !important;\n          }\n\n          &:hover {\n            svg {\n              color: ", " !important;\n            }\n          }\n\n          &:active {\n            svg {\n              color: ", " !important;\n            }\n          }\n        }\n      }\n\n      .", " {\n        ", "\n        padding: ", "px ", "px;\n        height: unset;\n        box-sizing: border-box;\n        background-color: ", ";\n      }\n\n      .", ":hover {\n        & .", ":last-of-type {\n          svg {\n            color: ", ";\n          }\n        }\n        .", " {\n          border: 1px solid ", ";\n        }\n      }\n\n      .", ".", " {\n        outline: none;\n\n        .", " {\n          border: 1px solid ", ";\n        }\n\n        .", " .", ":last-of-type {\n          cursor: default;\n          svg {\n            color: ", ";\n          }\n        }\n      }\n\n      &.user-is-tabbing .", ":focus-within {\n        outline: 2px solid ", ";\n        outline-offset: 1px;\n      }\n\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      margin-top: ", "px;\n      margin-bottom: ", "px;\n      margin-right: ", "px;\n      min-width: 120px;\n      display: block;\n\n      [type=\"search\"]::-webkit-search-cancel-button {\n        -webkit-appearance: none;\n        appearance: none;\n      }\n\n      & .input-search-clear-icon {\n        opacity: 0;\n        cursor: pointer;\n\n        svg {\n          height: ", "px;\n          width: ", "px;\n        }\n      }\n\n      .", " {\n        padding: 0 ", "px;\n        background-color: ", ";\n        width: 100%;\n\n        .", " {\n          padding-right: ", "px;\n        }\n\n        .MuiInputAdornment-positionEnd {\n          position: absolute;\n          right: ", "px;\n        }\n\n        .", " {\n          border: 1px solid ", ";\n        }\n\n        &:hover .input-search-clear-icon,\n        &:focus-within .input-search-clear-icon {\n          opacity: 1;\n\n          svg {\n            color: ", " !important;\n          }\n\n          &:hover {\n            svg {\n              color: ", " !important;\n            }\n          }\n\n          &:active {\n            svg {\n              color: ", " !important;\n            }\n          }\n        }\n      }\n\n      .", " {\n        ", "\n        padding: ", "px ", "px;\n        height: unset;\n        box-sizing: border-box;\n        background-color: ", ";\n      }\n\n      .", ":hover {\n        & .", ":last-of-type {\n          svg {\n            color: ", ";\n          }\n        }\n        .", " {\n          border: 1px solid ", ";\n        }\n      }\n\n      .", ".", " {\n        outline: none;\n\n        .", " {\n          border: 1px solid ", ";\n        }\n\n        .", " .", ":last-of-type {\n          cursor: default;\n          svg {\n            color: ", ";\n          }\n        }\n      }\n\n      &.user-is-tabbing .", ":focus-within {\n        outline: 2px solid ", ";\n        outline-offset: 1px;\n      }\n\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xl, (_a = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _a === void 0 ? void 0 : _a.height, (_b = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _b === void 0 ? void 0 : _b.width, material.outlinedInputClasses.root, spaces === null || spaces === void 0 ? void 0 : spaces.m, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.surfacePrimary, material.outlinedInputClasses.input, spaces === null || spaces === void 0 ? void 0 : spaces.l, spaces === null || spaces === void 0 ? void 0 : spaces.m, material.outlinedInputClasses.notchedOutline, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.border, (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.iconPrimary, (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.iconPrimaryHover, (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _g === void 0 ? void 0 : _g.fillPressed, material.inputBaseClasses.inputSizeSmall, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.xs, spaces === null || spaces === void 0 ? void 0 : spaces.s, (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _h === void 0 ? void 0 : _h.surfacePrimary, material.outlinedInputClasses.root, material.buttonBaseClasses.root, (_j = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _j === void 0 ? void 0 : _j.iconPrimaryHover, material.outlinedInputClasses.notchedOutline, (_k = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _k === void 0 ? void 0 : _k.borderHover, material.outlinedInputClasses.root, material.outlinedInputClasses.focused, material.outlinedInputClasses.notchedOutline, (_l = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _l === void 0 ? void 0 : _l.border, material.inputAdornmentClasses.root, material.buttonBaseClasses.root, (_m = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _m === void 0 ? void 0 : _m.icon, material.outlinedInputClasses.root, (_o = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _o === void 0 ? void 0 : _o.borderHover, sdsStyle === "rounded" && rounded$3(props), intent === "negative" && applyIntentColor$2(props, "negative"), intent === "notice" && applyIntentColor$2(props, "notice"), intent === "positive" && applyIntentColor$2(props, "positive"), disabled && disabledStyled$2(props));
 });
 var StyledInputAdornment = styled(material.InputAdornment)(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n  position: relative;\n  height: unset;\n  margin: 0;\n"], ["\n  position: relative;\n  height: unset;\n  margin: 0;\n"])));
-var templateObject_1$P, templateObject_2$v, templateObject_3$n, templateObject_4$k, templateObject_5$f, templateObject_6$a, templateObject_7$6;
+var templateObject_1$Q, templateObject_2$v, templateObject_3$n, templateObject_4$k, templateObject_5$f, templateObject_6$a, templateObject_7$6;
 
-var StyledMenuItem$1 = styled(material.MenuItem)(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+var StyledMenuItem$1 = styled(material.MenuItem)(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     var selected = props.selected;
     var fontWeights = getFontWeights(props);
@@ -4597,7 +4563,7 @@ var StyledMinus = styled(iconsMaterial.Remove, {
         : (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.icon;
     return "\n      color: ".concat(selected ? selectedColor : "transparent", ";\n      padding: 0;\n      height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n      width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, "px;\n\n      &.MuiCheckbox-colorPrimary.Mui-checked:hover {\n        background-color: transparent;\n      }\n    ");
 });
-var templateObject_1$O, templateObject_2$u, templateObject_3$m, templateObject_4$j, templateObject_5$e, templateObject_6$9, templateObject_7$5, templateObject_8$4;
+var templateObject_1$P, templateObject_2$u, templateObject_3$m, templateObject_4$j, templateObject_5$e, templateObject_6$9, templateObject_7$5, templateObject_8$4;
 
 /**
  * @see https://mui.com/material-ui/react-menu/
@@ -4763,7 +4729,7 @@ var InputSearch = React.forwardRef(function InputSearch(props, ref) {
                 autoComplete: "one-time-code" }, rest))] }));
 });
 
-var doNotForwardProps$o = [
+var doNotForwardProps$p = [
     "count",
     "keepSearchOnSelect",
     "search",
@@ -4772,8 +4738,8 @@ var doNotForwardProps$o = [
     "onClickAway",
 ];
 var StyledAutocompleteBase = styled(material.Autocomplete, {
-    shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
-})(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n  + .", "\n    > .", "\n    .", " {\n    ", "\n  }\n\n  ", "\n"], ["\n  + .", "\n    > .", "\n    .", " {\n    ", "\n  }\n\n  ", "\n"])), material.autocompleteClasses.popper, material.autocompleteClasses.paper, material.autocompleteClasses.groupLabel, fontCapsXxxxs, function (props) {
+    shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
+})(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n  + .", "\n    > .", "\n    .", " {\n    ", "\n  }\n\n  ", "\n"], ["\n  + .", "\n    > .", "\n    .", " {\n    ", "\n  }\n\n  ", "\n"])), material.autocompleteClasses.popper, material.autocompleteClasses.paper, material.autocompleteClasses.groupLabel, fontCapsXxxxs, function (props) {
     var _a, _b, _c, _d, _e, _f, _g;
     var search = props.search;
     var spaces = getSpaces(props);
@@ -4782,7 +4748,7 @@ var StyledAutocompleteBase = styled(material.Autocomplete, {
     return "\n      ".concat(!search && "height: 0; margin: 0 !important;", ";\n      \n      // (masoudmanson): We need to apply the focus styles to the input element\n      // when the user is tabbing through the options. To find out more, take a\n      // look at the useDetectUserTabbing hook.\n      &[data-user-is-tabbing=\"true\"]:focus-within {\n        border-radius: 4px;\n        outline: 2px solid ").concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.borderHover, ";\n        outline-offset: 1px;\n      }\n\n      .MuiFormControl-root {\n        outline: none;\n      }\n\n      .MuiOutlinedInput-root.MuiInputBase-formControl.MuiInputBase-adornedEnd {\n        padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n\n        .MuiAutocomplete-input {\n          padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n        }\n      }\n\n      & + .").concat(material.autocompleteClasses.popper, " > .").concat(material.autocompleteClasses.paper, " {\n        .").concat(material.autocompleteClasses.listbox, " {\n          max-height: 40vh;\n          padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0 0;\n\n          .").concat(material.autocompleteClasses.option, " {\n            min-height: unset;\n\n            &.").concat(material.autocompleteClasses.focused, " {\n              background-color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.surfaceSecondary, ";\n            }\n\n            &[aria-selected=\"true\"] {\n              background-color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.surfacePrimary, ";\n            }\n\n            &[aria-disabled=\"true\"] {\n              opacity: 1;\n            }\n\n            &[aria-selected=\"true\"].").concat(material.autocompleteClasses.focused, " {\n              background-color: ").concat((_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.surfaceSecondary, ";\n            }\n          }\n\n          & > li:last-child .").concat(material.autocompleteClasses.groupUl, " {\n            border-bottom: none;\n            margin-bottom: 0;\n            padding-bottom: 0;\n          }\n        }\n\n        .").concat(material.autocompleteClasses.groupLabel, " {\n          top: 0;\n          color: ").concat((_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.textSecondary, ";\n          background-color: ").concat((_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.surfacePrimary, ";\n          padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n        }\n\n        .").concat(material.autocompleteClasses.groupUl, " {\n          position: relative;\n          margin: 0 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n          border-bottom: ").concat((_g = borders === null || borders === void 0 ? void 0 : borders.base) === null || _g === void 0 ? void 0 : _g.divider, ";\n          padding-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n\n          & li:last-of-type {\n            position: relative;\n          }\n        }\n\n        .").concat(material.autocompleteClasses.noOptions, " {\n          padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n          margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n        }\n\n        .").concat(material.autocompleteClasses.loading, " {\n          padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0 0;\n        }\n      }\n    ");
 });
 var InputBaseWrapper$1 = styled("div", {
-    shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
+    shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
 })(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var search = props.search;
     if (!search) {
@@ -4793,7 +4759,7 @@ var InputBaseWrapper$1 = styled("div", {
     }
 });
 var StyledMenuInputSearch$1 = styled(InputSearch, {
-    shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
+    shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
 })(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n  margin: 0;\n  .MuiInputBase-root {\n    width: 100%;\n  }\n  /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n  caret-color: ", ";\n"], ["\n  margin: 0;\n  .MuiInputBase-root {\n    width: 100%;\n  }\n  /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n  caret-color: ", ";\n"])), function (_a) {
     var search = _a.search;
     return (search ? "auto" : "transparent");
@@ -4813,7 +4779,7 @@ var StyledMenuItemDetails = styled("div")(templateObject_5$d || (templateObject_
     return "\n      color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n      white-space: pre-wrap;\n    ");
 });
 var StyledMenuItemText = styled("div")(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
-var templateObject_1$N, templateObject_2$t, templateObject_3$l, templateObject_4$i, templateObject_5$d, templateObject_6$8;
+var templateObject_1$O, templateObject_2$t, templateObject_3$l, templateObject_4$i, templateObject_5$d, templateObject_6$8;
 
 var AutocompleteBase = function (props) {
     var multiple = props.multiple, _a = props.disableCloseOnSelect, disableCloseOnSelect = _a === void 0 ? multiple : _a, _b = props.getOptionLabel, getOptionLabel = _b === void 0 ? defaultGetOptionLabel : _b, _c = props.InputBaseProps, InputBaseProps = _c === void 0 ? EMPTY_OBJECT : _c, _d = props.isOptionEqualToValue, isOptionEqualToValue = _d === void 0 ? defaultIsOptionEqualToValue : _d, _e = props.keepSearchOnSelect, keepSearchOnSelect = _e === void 0 ? false : _e, _f = props.label, label = _f === void 0 ? "Label" : _f, _g = props.loading, loading = _g === void 0 ? false : _g, _h = props.loadingText, loadingText = _h === void 0 ? "" : _h, _j = props.noOptionsText, noOptionsText = _j === void 0 ? "No options" : _j, _k = props.onInputChange, onInputChange = _k === void 0 ? noop : _k, _l = props.renderOption, renderOption = _l === void 0 ? defaultRenderOption : _l, _m = props.renderTags, renderTags = _m === void 0 ? defaultRenderTags : _m, _o = props.search, search = _o === void 0 ? false : _o, _p = props.clearOnBlur, clearOnBlur = _p === void 0 ? false : _p, _q = props.blurOnSelect, blurOnSelect = _q === void 0 ? !multiple : _q, onClickAway = props.onClickAway, onClick = props.onClick, onOpen = props.onOpen, onClose = props.onClose, disabled = props.disabled;
@@ -4978,7 +4944,7 @@ var AutocompleteBase = function (props) {
     }
 };
 
-var StyledColumn = styled("div")(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+var StyledColumn = styled("div")(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a;
     var _b = props.width, width = _b === void 0 ? 280 : _b;
     var spaces = getSpaces(props);
@@ -4998,7 +4964,7 @@ var StyledColumnIcon = styled("span")(templateObject_3$k || (templateObject_3$k
     var semanticColors = getSemanticColors(props);
     return "\n      background-color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, ";\n      position: absolute;\n      right: -").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n      top: -2px;\n      padding-bottom: 2px;\n\n      svg {\n        color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconPrimary, ";\n        width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs.width, "px;\n        height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs.height, "px;\n      }\n    ");
 });
-var templateObject_1$M, templateObject_2$s, templateObject_3$k;
+var templateObject_1$N, templateObject_2$s, templateObject_3$k;
 
 var AutocompleteGroup = function (props) {
     var autocompleteProps = props.autocompleteProps, onValueChange = props.onValueChange, propValue = props.value, multiple = props.multiple, label = props.label, InputBaseProps = props.InputBaseProps, popperOpen = props.popperOpen, inputValue = props.inputValue, PaperComponent = props.PaperComponent, rest = __rest(props, ["autocompleteProps", "onValueChange", "value", "multiple", "label", "InputBaseProps", "popperOpen", "inputValue", "PaperComponent"]);
@@ -5038,7 +5004,7 @@ var AutocompleteGroup = function (props) {
     }
 };
 
-var doNotForwardProps$n = [
+var doNotForwardProps$o = [
     "anchorEl",
     "count",
     "keepSearchOnSelect",
@@ -5051,9 +5017,9 @@ var doNotForwardProps$n = [
 ];
 var StyledPopper$2 = styled(material.Popper, {
     shouldForwardProp: function (prop) {
-        return !doNotForwardProps$n.includes(prop) || prop === "anchorEl";
+        return !doNotForwardProps$o.includes(prop) || prop === "anchorEl";
     },
-})(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+})(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a;
     var corners = getCorners(props);
     var shadows = getShadows(props);
@@ -5063,7 +5029,7 @@ var StyledPopper$2 = styled(material.Popper, {
     return "\n      background-color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, ";\n      background-image: none;\n      border: ").concat(borders === null || borders === void 0 ? void 0 : borders.none, ";\n      border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n      box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.m, ";\n      padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n      box-sizing: border-box;\n      z-index: 1400;\n\n      .").concat(material.autocompleteClasses.popper, ".").concat(material.autocompleteClasses.popperDisablePortal, " {\n        position: relative !important;\n        transform: none !important;\n      \n        .MuiPaper-root .").concat(material.autocompleteClasses.listbox, " {\n          padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0 0;\n        }\n      }\n    ");
 });
 var StyledPaper$2 = styled(material.Paper, {
-    shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
+    shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
 })(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a;
     var shadows = getShadows(props);
@@ -5072,7 +5038,7 @@ var StyledPaper$2 = styled(material.Paper, {
 });
 var StyledAutocompleteGroupWrapper = styled("div")(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
 var StyledAutocompleteInput = styled(InputSearch, {
-    shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
+    shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
 })(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n  ", "\n\n  margin: 0;\n  .MuiInputBase-root {\n    width: 100%;\n  }\n  /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n  caret-color: ", ";\n"], ["\n  ", "\n\n  margin: 0;\n  .MuiInputBase-root {\n    width: 100%;\n  }\n  /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n  caret-color: ", ";\n"])), function (_a) {
     var search = _a.search;
     return !search && "height: 0; display: none; margin: 0 !important;";
@@ -5080,7 +5046,7 @@ var StyledAutocompleteInput = styled(InputSearch, {
     var search = _a.search;
     return (search ? "auto" : "transparent");
 });
-var templateObject_1$L, templateObject_2$r, templateObject_3$j, templateObject_4$h;
+var templateObject_1$M, templateObject_2$r, templateObject_3$j, templateObject_4$h;
 
 var AutocompleteMultiColumn = function (props) {
     var _a;
@@ -5266,7 +5232,7 @@ var Autocomplete = function (props) {
     }
 };
 
-var Centered = styled("div")(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n  flex: 1 1 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  flex: 1 1 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
+var Centered = styled("div")(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n  flex: 1 1 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  flex: 1 1 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
 var doNotForwardPropsIconWrapper = ["bannerType"];
 var IconWrapper$1 = styled("div", {
     shouldForwardProp: function (prop) {
@@ -5304,15 +5270,15 @@ var secondary$1 = function (props) {
     var semanticColors = getSemanticColors(props);
     return "\n    background-color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.info) === null || _a === void 0 ? void 0 : _a.surfacePrimary, ";\n    color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textPrimary, ";\n  ");
 };
-var doNotForwardProps$m = ["sdsType", "textChild"];
+var doNotForwardProps$n = ["sdsType", "textChild"];
 var StyledBanner = styled("div", {
-    shouldForwardProp: function (prop) { return !doNotForwardProps$m.includes(prop); },
+    shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
 })(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyS$1, function (props) {
     var sdsType = props.sdsType;
     var spaces = getSpaces(props);
     return "\n      display: flex;\n      align-items: center;\n      padding: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n  \n      ").concat(sdsType === "primary" ? primary$1(props) : "", "\n      ").concat(sdsType === "secondary" ? secondary$1(props) : "", "\n    ");
 });
-var templateObject_1$K, templateObject_2$q, templateObject_3$i, templateObject_4$g, templateObject_5$c;
+var templateObject_1$L, templateObject_2$q, templateObject_3$i, templateObject_4$g, templateObject_5$c;
 
 var Banner = React.forwardRef(function Banner(props, ref) {
     var children = props.children, dismissed = props.dismissed, _a = props.dismissible, dismissible = _a === void 0 ? true : _a, onClose = props.onClose, sdsType = props.sdsType, icon = props.icon, sdsIconProps = props.sdsIconProps, rest = __rest(props, ["children", "dismissed", "dismissible", "onClose", "sdsType", "icon", "sdsIconProps"]);
@@ -5378,6 +5344,38 @@ var ButtonDropdown = React.forwardRef(function (props, ref) {
     }
 });
 
+/**
+ * (masoudmanson): Since StyledButtonToggle is built on top of ButtonIcon,
+ * we only need to exclude the `sdsStage` prop from being forwarded,
+ * as it is not a valid prop for ButtonIcon.
+ * All other props should be passed down to ButtonIcon; otherwise,
+ * the component won’t function as expected.
+ */
+var doNotForwardProps$m = ["sdsStage"];
+var StyledButtonToggle = styled(ButtonIcon, {
+    shouldForwardProp: function (prop) { return !doNotForwardProps$m.includes(prop); },
+})(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+    var _a;
+    var sdsStage = props.sdsStage;
+    var semanticColors = getSemanticColors(props);
+    return "\n      background-color: ".concat(sdsStage === "on" ? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.fillHover : "transparent", ";\n    ");
+});
+var templateObject_1$K;
+
+/**
+ * @see https://mui.com/material-ui/react-button/
+ */
+var ButtonToggle = React.forwardRef(function (props, ref) {
+    var icon = props.icon, _a = props.sdsSize, sdsSize = _a === void 0 ? "medium" : _a, _b = props.sdsStage, sdsStage = _b === void 0 ? "off" : _b, _c = props.sdsType, sdsType = _c === void 0 ? "primary" : _c, rest = __rest(props, ["icon", "sdsSize", "sdsStage", "sdsType"]);
+    if (icon !== undefined) {
+        return (jsxRuntime.jsx(StyledButtonToggle, __assign({ icon: icon, sdsType: sdsType, sdsSize: sdsSize, sdsStage: sdsStage, ref: ref }, rest)));
+    }
+    else {
+        showWarningIfFirstOccurence(SDSWarningTypes.ButtonToggleMissingIconProp);
+        return null;
+    }
+});
+
 var CALLOUT_TITLE_DISPLAY_NAME = "CalloutTitle";
 
 var doNotForwardProps$l = ["calloutTitle", "collapsed", "severity"];
@@ -6204,7 +6202,8 @@ var secondary = function (props) {
 };
 function generatePrimaryTagColors(intent, colors, semanticColors) {
     var _a, _b, _c, _d;
-    if (intent) {
+    if (intent || colors.length) {
+        intent = intent || "neutral";
         return {
             background: colors.length >= 2 ? colors[1] : semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors[intent].fillPrimary,
             backgroundClicked: colors.length >= 2
@@ -6232,7 +6231,8 @@ function generatePrimaryTagColors(intent, colors, semanticColors) {
     }
 }
 function generateSecondaryTagColors(intent, colors, semanticColors) {
-    if (intent) {
+    if (intent || colors.length) {
+        intent = intent || "neutral";
         return {
             background: colors.length >= 2 ? colors[1] : semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors[intent].fillSecondary,
             backgroundClicked: colors.length >= 2
@@ -6419,8 +6419,8 @@ var ComplexFilter = function (_a) {
     }
     function getInitialValue() {
         return multiple
-            ? propValue !== null && propValue !== void 0 ? propValue : []
-            : propValue !== null && propValue !== void 0 ? propValue : null;
+            ? (propValue !== null && propValue !== void 0 ? propValue : [])
+            : (propValue !== null && propValue !== void 0 ? propValue : null);
     }
 };
 
@@ -6712,7 +6712,7 @@ var Dropdown = function (props) {
 };
 
 var _path$4, _path2$1;
-function _extends$4() { _extends$4 = 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$4.apply(this, arguments); }
+function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
 var SvgIconCheckboxChecked = function SvgIconCheckboxChecked(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
@@ -6728,7 +6728,7 @@ var SvgIconCheckboxChecked = function SvgIconCheckboxChecked(props) {
 };
 
 var _path$3, _path2;
-function _extends$3() { _extends$3 = 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$3.apply(this, arguments); }
+function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
 var SvgIconCheckboxIndeterminate = function SvgIconCheckboxIndeterminate(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
@@ -6743,7 +6743,7 @@ var SvgIconCheckboxIndeterminate = function SvgIconCheckboxIndeterminate(props)
 };
 
 var _path$2;
-function _extends$2() { _extends$2 = 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$2.apply(this, arguments); }
+function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
 var SvgIconCheckboxUnchecked = function SvgIconCheckboxUnchecked(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
@@ -6810,7 +6810,7 @@ var InputCheckbox = function (props) {
 };
 
 var _path$1;
-function _extends$1() { _extends$1 = 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$1.apply(this, arguments); }
+function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
 var SvgIconRadioChecked = function SvgIconRadioChecked(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
@@ -6823,7 +6823,7 @@ var SvgIconRadioChecked = function SvgIconRadioChecked(props) {
 };
 
 var _path;
-function _extends() { _extends = 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.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 var SvgIconRadioUnchecked = function SvgIconRadioUnchecked(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -7046,16 +7046,12 @@ var InputToggle = function (props) {
 
 var doNotForwardProps$a = ["sdsStyle", "sdsSize", "fontWeight"];
 var defaultStyle = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    var _h = props.sdsSize, sdsSize = _h === void 0 ? "s" : _h;
+    var _a, _b, _c, _d;
     var semanticColors = getSemanticColors(props);
-    return react.css(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n    color: ", ";\n    position: relative;\n\n    &::after {\n      content: \"\";\n      display: block;\n      position: absolute;\n      height: 1px;\n      margin-top: ", "px;\n      width: 100%;\n    }\n\n    &:hover {\n      color: ", ";\n\n      &::after {\n        background-color: ", ";\n      }\n    }\n\n    &:focus {\n      color: ", ";\n\n      &::after {\n        background-color: ", ";\n      }\n    }\n\n    &:active {\n      color: ", ";\n\n      &::after {\n        background-color: ", ";\n      }\n    }\n  "], ["\n    color: ", ";\n    position: relative;\n\n    &::after {\n      content: \"\";\n      display: block;\n      position: absolute;\n      height: 1px;\n      margin-top: ", "px;\n      width: 100%;\n    }\n\n    &:hover {\n      color: ", ";\n\n      &::after {\n        background-color: ", ";\n      }\n    }\n\n    &:focus {\n      color: ", ";\n\n      &::after {\n        background-color: ", ";\n      }\n    }\n\n    &:active {\n      color: ", ";\n\n      &::after {\n        background-color: ", ";\n      }\n    }\n  "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _a === void 0 ? void 0 : _a.textAction, sdsSize === "s" ? -4 : -3, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.textActionHover, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _c === void 0 ? void 0 : _c.borderHover, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.textActionHover, (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _e === void 0 ? void 0 : _e.borderHover, (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _f === void 0 ? void 0 : _f.textActionPressed, (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _g === void 0 ? void 0 : _g.borderPressed);
+    return react.css(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n    color: ", ";\n    position: relative;\n    text-decoration: none;\n    text-underline-offset: 2.5px;\n\n    &:hover {\n      color: ", ";\n      text-decoration: underline;\n    }\n\n    &:focus {\n      color: ", ";\n      text-decoration: underline;\n    }\n\n    &:active {\n      color: ", ";\n      text-decoration: underline;\n    }\n  "], ["\n    color: ", ";\n    position: relative;\n    text-decoration: none;\n    text-underline-offset: 2.5px;\n\n    &:hover {\n      color: ", ";\n      text-decoration: underline;\n    }\n\n    &:focus {\n      color: ", ";\n      text-decoration: underline;\n    }\n\n    &:active {\n      color: ", ";\n      text-decoration: underline;\n    }\n  "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _a === void 0 ? void 0 : _a.textAction, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.textActionHover, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _c === void 0 ? void 0 : _c.textActionHover, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.textActionPressed);
 };
-var dashedStyle = function (props) {
-    var _a, _b, _c;
-    var _d = props.sdsSize, sdsSize = _d === void 0 ? "s" : _d;
-    var semanticColors = getSemanticColors(props);
-    return react.css(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n    color: inherit;\n    position: relative;\n\n    &::after {\n      content: \"\";\n      display: block;\n      position: absolute;\n      height: 1px;\n      margin-top: ", "px;\n      margin-left: 1px;\n      width: 100%;\n      background-image: linear-gradient(\n        to right,\n        ", " 60%,\n        transparent 60%\n      );\n      background-size: 5px 100%;\n    }\n\n    &:hover,\n    &:focus {\n      text-decoration: none;\n      &::after {\n        background-image: linear-gradient(\n          to right,\n          ", " 60%,\n          ", " 60%\n        );\n      }\n    }\n  "], ["\n    color: inherit;\n    position: relative;\n\n    &::after {\n      content: \"\";\n      display: block;\n      position: absolute;\n      height: 1px;\n      margin-top: ", "px;\n      margin-left: 1px;\n      width: 100%;\n      background-image: linear-gradient(\n        to right,\n        ", " 60%,\n        transparent 60%\n      );\n      background-size: 5px 100%;\n    }\n\n    &:hover,\n    &:focus {\n      text-decoration: none;\n      &::after {\n        background-image: linear-gradient(\n          to right,\n          ", " 60%,\n          ", " 60%\n        );\n      }\n    }\n  "])), sdsSize === "s" ? -4 : -3, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.borderHover, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.borderHover, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.borderHover);
+var dashedStyle = function () {
+    return react.css(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n    color: inherit;\n    position: relative;\n    text-decoration: underline dashed;\n    text-underline-offset: 2.5px;\n\n    &:hover,\n    &:focus,\n    &:active,\n    &:focus-visible {\n      text-decoration-style: solid;\n    }\n  "], ["\n    color: inherit;\n    position: relative;\n    text-decoration: underline dashed;\n    text-underline-offset: 2.5px;\n\n    &:hover,\n    &:focus,\n    &:active,\n    &:focus-visible {\n      text-decoration-style: solid;\n    }\n  "])));
 };
 var smallStyle = function (props) {
     return fontBodyS$1(props);
@@ -7069,7 +7065,7 @@ var StyledLink = styled(material.Link, {
     },
 })(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n  all: unset;\n\n  ", "\n\n  ", "\n"], ["\n  all: unset;\n\n  ", "\n\n  ", "\n"])), focusVisibleA11yStyle, function (props) {
     var _a = props.fontWeight, fontWeight = _a === void 0 ? "normal" : _a, sdsStyle = props.sdsStyle, _b = props.sdsSize, sdsSize = _b === void 0 ? "s" : _b;
-    return react.css(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n\n      font-weight: ", ";\n      display: inline-block;\n      cursor: pointer;\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n\n      font-weight: ", ";\n      display: inline-block;\n      cursor: pointer;\n    "])), sdsStyle === "default" && defaultStyle(props), sdsStyle === "dashed" && dashedStyle(props), sdsSize === "s" && smallStyle(props), sdsSize === "xs" && extraSmallStyle(props), fontWeight === "normal" ? "400" : "600");
+    return react.css(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n\n      font-weight: ", ";\n      display: inline-block;\n      cursor: pointer;\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n\n      font-weight: ", ";\n      display: inline-block;\n      cursor: pointer;\n    "])), sdsStyle === "default" && defaultStyle(props), sdsStyle === "dashed" && dashedStyle(), sdsSize === "s" && smallStyle(props), sdsSize === "xs" && extraSmallStyle(props), fontWeight === "normal" ? "400" : "600");
 });
 var templateObject_1$m, templateObject_2$b, templateObject_3$6, templateObject_4$5;
 
@@ -7782,7 +7778,7 @@ var doNotForwardProps$2 = [
     "sdsType",
     "position",
     "width",
-    "headerComponent",
+    "HeaderComponent",
     "onClick",
     "disableScrollLock",
     "closeButtonOnClick",
@@ -7799,19 +7795,16 @@ var overlayPanelStyles = function (props) {
     var semanticColors = getSemanticColors(props);
     var spaces = getSpaces(props);
     var shadows = getShadows(props);
-    return react.css(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n    .", " {\n      background-color: ", ";\n      padding: ", "px;\n      min-width: ", "px;\n      min-height: ", "px;\n      box-shadow: ", ";\n      background-image: none;\n    }\n  "], ["\n    .", " {\n      background-color: ", ";\n      padding: ", "px;\n      min-width: ", "px;\n      min-height: ", "px;\n      box-shadow: ", ";\n      background-image: none;\n    }\n  "])), material.drawerClasses.paper, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, spaces === null || spaces === void 0 ? void 0 : spaces.xl, PANEL_OVERLAY_MIN_WIDTH_PX, PANEL_OVERLAY_MIN_WIDTH_PX, shadows === null || shadows === void 0 ? void 0 : shadows.l);
+    return react.css(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n    /**\n     * (masoudmanson): This prevents the Panel from taking up the full width of the screen,\n     * allowing the ToggleButton to be clicked to close the Panel. Due to an issue with\n     * MUI v5, the following styles cause the Panel to generate accessibility (a11y) errors.\n     * In the meantime, we are ignoring the a11y errors within Storybook.\n     */\n    width: fit-content;\n    height: fit-content;\n    div[data-testid=\"sentinelStart\"],\n    div[data-testid=\"sentinelEnd\"] {\n      width: fit-content;\n    }\n\n    .", " {\n      background-color: ", ";\n      padding: ", "px;\n      min-width: ", "px;\n      min-height: ", "px;\n      box-shadow: ", ";\n      background-image: none;\n    }\n  "], ["\n    /**\n     * (masoudmanson): This prevents the Panel from taking up the full width of the screen,\n     * allowing the ToggleButton to be clicked to close the Panel. Due to an issue with\n     * MUI v5, the following styles cause the Panel to generate accessibility (a11y) errors.\n     * In the meantime, we are ignoring the a11y errors within Storybook.\n     */\n    width: fit-content;\n    height: fit-content;\n    div[data-testid=\"sentinelStart\"],\n    div[data-testid=\"sentinelEnd\"] {\n      width: fit-content;\n    }\n\n    .", " {\n      background-color: ", ";\n      padding: ", "px;\n      min-width: ", "px;\n      min-height: ", "px;\n      box-shadow: ", ";\n      background-image: none;\n    }\n  "])), material.drawerClasses.paper, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, spaces === null || spaces === void 0 ? void 0 : spaces.xl, PANEL_OVERLAY_MIN_WIDTH_PX, PANEL_OVERLAY_MIN_WIDTH_PX, shadows === null || shadows === void 0 ? void 0 : shadows.l);
 };
 var StyledDrawer = styled(material.Drawer, {
     shouldForwardProp: function (prop) { return !doNotForwardProps$2.includes(prop); },
 })(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
-    var _a;
-    var _b = props.sdsType, sdsType = _b === void 0 ? "basic" : _b, _c = props.anchor, anchor = _c === void 0 ? "left" : _c, width = props.width;
-    var semanticColors = getSemanticColors(props);
-    var spaces = getSpaces(props);
+    var _a = props.sdsType, sdsType = _a === void 0 ? "basic" : _a, _b = props.anchor, anchor = _b === void 0 ? "left" : _b, width = props.width;
     var widthString = typeof width === "number" ? "".concat(width, "px") : width;
     var panelWidth = anchor !== "bottom" ? widthString : "100%";
     var panelHeight = anchor !== "bottom" ? "100%" : widthString;
-    return react.css(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n      .", " {\n        border-color: ", ";\n        border-width: ", "px;\n        height: ", ";\n        width: ", ";\n      }\n\n      .", " {\n        height: ", ";\n        width: ", ";\n      }\n\n      ", "\n      ", "\n    "], ["\n      .", " {\n        border-color: ", ";\n        border-width: ", "px;\n        height: ", ";\n        width: ", ";\n      }\n\n      .", " {\n        height: ", ";\n        width: ", ";\n      }\n\n      ", "\n      ", "\n    "])), material.drawerClasses.root, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.divider, spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, panelHeight, panelWidth, material.drawerClasses.paper, panelHeight, panelWidth, sdsType === "basic" && basicPanelStyles(props), sdsType === "overlay" && overlayPanelStyles(props));
+    return react.css(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n      .", " {\n        height: ", ";\n        width: ", ";\n      }\n\n      ", "\n      ", "\n    "], ["\n      .", " {\n        height: ", ";\n        width: ", ";\n      }\n\n      ", "\n      ", "\n    "])), material.drawerClasses.paper, panelHeight, panelWidth, sdsType === "basic" && basicPanelStyles(props), sdsType === "overlay" && overlayPanelStyles(props));
 });
 var StyledHeaderComponent = styled("div")(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var spaces = getSpaces(props);
@@ -7848,12 +7841,10 @@ var PANEL_OVERLAY_MIN_WIDTH_PX = 320;
  * @see https://mui.com/material-ui/react-drawer/
  */
 var Panel = React.forwardRef(function (props, ref) {
-    var children = props.children, _a = props.sdsType, sdsType = _a === void 0 ? "basic" : _a, _b = props.position, position = _b === void 0 ? "left" : _b, width = props.width;
-    var drawerWidth = width
-        ? width
-        : sdsType === "basic"
-            ? PANEL_BASIC_MIN_WIDTH_PX
-            : PANEL_OVERLAY_MIN_WIDTH_PX;
+    var children = props.children, _a = props.sdsType, sdsType = _a === void 0 ? "basic" : _a, _b = props.position, position = _b === void 0 ? "left" : _b, width = props.width, ModalProps = props.ModalProps;
+    var drawerWidth = width !== null && width !== void 0 ? width : (sdsType === "basic"
+        ? PANEL_BASIC_MIN_WIDTH_PX
+        : PANEL_OVERLAY_MIN_WIDTH_PX);
     var drawerVariant = sdsType === "basic" ? "persistent" : "temporary";
     // (masoudmanson): The basic Panel only supports "left" or "right" positions.
     // If a "bottom" position is provided for a basic Panel, it defaults to "left".
@@ -7872,7 +7863,18 @@ var Panel = React.forwardRef(function (props, ref) {
      * to the left or right. To prevent users from positioning it at the bottom,
      * the 'anchor' prop must always be set to our predefined value.
      */
-    jsxRuntime.jsxs(StyledDrawer, __assign({}, props, { ref: ref, anchor: drawerAnchor, variant: drawerVariant, width: drawerWidth, children: [isOverlayPanelProps(props) && (jsxRuntime.jsxs(StyledHeaderComponent, { children: [(props === null || props === void 0 ? void 0 : props.HeaderComponent) && (jsxRuntime.jsx(PanelHeader, { children: props === null || props === void 0 ? void 0 : props.HeaderComponent })), jsxRuntime.jsx(PanelHeaderClose, { onClick: props === null || props === void 0 ? void 0 : props.closeButtonOnClick, CloseButtonComponent: props === null || props === void 0 ? void 0 : props.CloseButtonComponent })] })), children] })));
+    jsxRuntime.jsxs(StyledDrawer, __assign({}, props, { ref: ref, anchor: drawerAnchor, variant: drawerVariant, width: drawerWidth, ModalProps: __assign(__assign({}, ModalProps), { 
+            // (masoudmanson): Set disableEnforceFocus: true to prevent the Drawer from forcing
+            // focus on itself. This is necessary for the SDS Panel, as it should not trap focus
+            // within itself; users should be able to interact with the rest of the page.
+            // However, this prop is not working correctly in MUI v5, causing accessibility (a11y) issues.
+            // The issue has been reported to the MUI team, and we are awaiting a fix.
+            // In the meantime, the a11y errors can be ignored.
+            disableEnforceFocus: true, 
+            // (masoudmanson): Set disableScrollLock: true to prevent the Drawer from locking
+            // the page scroll when it is open. This is necessary for the SDS Panel, as it should
+            // not lock the page scroll when it is open.
+            disableScrollLock: true }), hideBackdrop: true, children: [isOverlayPanelProps(props) && (jsxRuntime.jsxs(StyledHeaderComponent, { children: [(props === null || props === void 0 ? void 0 : props.HeaderComponent) && (jsxRuntime.jsx(PanelHeader, { children: props === null || props === void 0 ? void 0 : props.HeaderComponent })), jsxRuntime.jsx(PanelHeaderClose, { onClick: props === null || props === void 0 ? void 0 : props.closeButtonOnClick, CloseButtonComponent: props === null || props === void 0 ? void 0 : props.CloseButtonComponent })] })), children] })));
 });
 
 var doNotForwardProps$1 = ["buttonDefinition"];
@@ -8181,6 +8183,7 @@ exports.Banner = Banner;
 exports.Button = Button;
 exports.ButtonDropdown = ButtonDropdown;
 exports.ButtonIcon = ButtonIcon;
+exports.ButtonToggle = ButtonToggle;
 exports.Callout = Callout;
 exports.CalloutTitle = CalloutTitle;
 exports.CellBasic = CellBasic;
@@ -8294,4 +8297,5 @@ exports.getShadows = getShadows;
 exports.getSpaces = getSpaces;
 exports.getSpacings = getSpacings;
 exports.getTypography = getTypography;
+exports.makeSdsSemanticAppTheme = makeSdsSemanticAppTheme;
 exports.makeThemeOptions = makeThemeOptions;