@czi-sds/components 21.0.0 → 21.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -1,11 +1,11 @@
1
- 'use client';
1
+ "use client";
2
2
  'use strict';
3
3
 
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
5
  var React = require('react');
6
6
  var react = require('@emotion/react');
7
7
  var material = require('@mui/material');
8
- var styles = require('@mui/material/styles');
8
+ var styled = require('@emotion/styled');
9
9
  var iconsMaterial = require('@mui/icons-material');
10
10
  var css = require('@emotion/css');
11
11
 
@@ -1113,7 +1113,7 @@ function makeThemeOptions(appTheme, mode) {
1113
1113
  * @returns The selected theme object to be used in the ThemeProvider
1114
1114
  */
1115
1115
  var Theme = function (t) {
1116
- return styles.createTheme(makeThemeOptions(SDSChooseTheme(t), t));
1116
+ return material.createTheme(makeThemeOptions(SDSChooseTheme(t), t));
1117
1117
  };
1118
1118
  /**
1119
1119
  * Default theme, uses light mode with no option to change it.
@@ -1277,7 +1277,7 @@ function themeToCss(fontTheme, fontFamily) {
1277
1277
  }
1278
1278
  var templateObject_1$U, templateObject_2$B, templateObject_3$s, templateObject_4$o;
1279
1279
 
1280
- var StyledAccordionDetails = styles.styled(material.AccordionDetails)(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
1280
+ var StyledAccordionDetails = styled(material.AccordionDetails)(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
1281
1281
  var spaces = getSpaces(props);
1282
1282
  return react.css(templateObject_1$T || (templateObject_1$T = __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);
1283
1283
  });
@@ -1288,30 +1288,30 @@ var AccordionDetails = function (props) {
1288
1288
  return jsxRuntime.jsx(StyledAccordionDetails, { children: children });
1289
1289
  };
1290
1290
 
1291
- var StyledAccordionHeader = styles.styled(material.AccordionSummary)(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontHeaderS, function (props) {
1291
+ var StyledAccordionHeader = styled(material.AccordionSummary)(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontHeaderS, function (props) {
1292
1292
  var _a, _b;
1293
1293
  var spaces = getSpaces(props);
1294
1294
  var semanticColors = getSemanticColors(props);
1295
1295
  return react.css(templateObject_1$S || (templateObject_1$S = __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);
1296
1296
  });
1297
- var StyledSubtitle = styles.styled("p")(templateObject_4$n || (templateObject_4$n = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
1297
+ var StyledSubtitle = styled("p")(templateObject_4$n || (templateObject_4$n = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
1298
1298
  var _a;
1299
1299
  var semanticColors = getSemanticColors(props);
1300
1300
  return react.css(templateObject_3$r || (templateObject_3$r = __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);
1301
1301
  });
1302
1302
  var templateObject_1$S, templateObject_2$z, templateObject_3$r, templateObject_4$n;
1303
1303
 
1304
- var _path$28, _path2$C, _path3$6;
1305
- 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); }
1304
+ var _path$2a, _path2$D, _path3$6;
1305
+ 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); }
1306
1306
  var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
1307
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$2c({
1307
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2f({
1308
1308
  xmlns: "http://www.w3.org/2000/svg",
1309
1309
  width: 24,
1310
1310
  height: 24
1311
- }, props), _path$28 || (_path$28 = /*#__PURE__*/React__namespace.createElement("path", {
1311
+ }, props), _path$2a || (_path$2a = /*#__PURE__*/React__namespace.createElement("path", {
1312
1312
  fillRule: "evenodd",
1313
1313
  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"
1314
- })), _path2$C || (_path2$C = /*#__PURE__*/React__namespace.createElement("path", {
1314
+ })), _path2$D || (_path2$D = /*#__PURE__*/React__namespace.createElement("path", {
1315
1315
  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"
1316
1316
  })), _path3$6 || (_path3$6 = /*#__PURE__*/React__namespace.createElement("path", {
1317
1317
  fillRule: "evenodd",
@@ -1319,371 +1319,384 @@ var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
1319
1319
  })));
1320
1320
  };
1321
1321
 
1322
- var _path$27, _path2$B;
1323
- 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); }
1322
+ var _path$29, _path2$C;
1323
+ 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); }
1324
1324
  var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
1325
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$2b({
1325
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2e({
1326
1326
  xmlns: "http://www.w3.org/2000/svg",
1327
1327
  width: 16,
1328
1328
  height: 16
1329
- }, props), _path$27 || (_path$27 = /*#__PURE__*/React__namespace.createElement("path", {
1329
+ }, props), _path$29 || (_path$29 = /*#__PURE__*/React__namespace.createElement("path", {
1330
1330
  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"
1331
- })), _path2$B || (_path2$B = /*#__PURE__*/React__namespace.createElement("path", {
1331
+ })), _path2$C || (_path2$C = /*#__PURE__*/React__namespace.createElement("path", {
1332
1332
  fillRule: "evenodd",
1333
1333
  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"
1334
1334
  })));
1335
1335
  };
1336
1336
 
1337
- var _path$26;
1338
- 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); }
1337
+ var _path$28;
1338
+ 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); }
1339
1339
  var SvgIconBarChartHorizontal3Small = function SvgIconBarChartHorizontal3Small(props) {
1340
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$2a({
1340
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2d({
1341
1341
  xmlns: "http://www.w3.org/2000/svg",
1342
1342
  width: 16,
1343
1343
  height: 16
1344
- }, props), _path$26 || (_path$26 = /*#__PURE__*/React__namespace.createElement("path", {
1344
+ }, props), _path$28 || (_path$28 = /*#__PURE__*/React__namespace.createElement("path", {
1345
1345
  fillRule: "evenodd",
1346
1346
  d: "M1.143 2.434c0-.63.512-1.143 1.143-1.143H9.6c.631 0 1.143.512 1.143 1.143v.857c0 .632-.512 1.143-1.143 1.143H2.286a1.143 1.143 0 0 1-1.143-1.143zm0 5.143c0-.63.512-1.143 1.143-1.143h11.428c.631 0 1.143.512 1.143 1.143v.857c0 .632-.511 1.143-1.143 1.143H2.286a1.143 1.143 0 0 1-1.143-1.143zm0 5.143c0-.63.512-1.143 1.143-1.143h3.2c.63 0 1.142.512 1.142 1.143v.857c0 .632-.511 1.143-1.143 1.143h-3.2a1.143 1.143 0 0 1-1.142-1.143z"
1347
1347
  })));
1348
1348
  };
1349
1349
 
1350
- var _path$25;
1351
- 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); }
1350
+ var _path$27;
1351
+ 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); }
1352
1352
  var SvgIconBarChartVertical3Small = function SvgIconBarChartVertical3Small(props) {
1353
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$29({
1353
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2c({
1354
1354
  xmlns: "http://www.w3.org/2000/svg",
1355
1355
  width: 16,
1356
1356
  height: 16
1357
- }, props), _path$25 || (_path$25 = /*#__PURE__*/React__namespace.createElement("path", {
1357
+ }, props), _path$27 || (_path$27 = /*#__PURE__*/React__namespace.createElement("path", {
1358
1358
  fillRule: "evenodd",
1359
1359
  d: "M1.291 13.714V6.4c0-.631.512-1.143 1.143-1.143h.857c.632 0 1.143.512 1.143 1.143v7.314c0 .631-.511 1.143-1.143 1.143h-.857a1.143 1.143 0 0 1-1.143-1.143m5.143 0V2.286c0-.631.512-1.143 1.143-1.143h.857c.632 0 1.143.512 1.143 1.143v11.428c0 .631-.511 1.143-1.143 1.143h-.857a1.143 1.143 0 0 1-1.143-1.143m5.143 0v-3.2c0-.63.512-1.142 1.143-1.142h.857c.632 0 1.143.511 1.143 1.143v3.2c0 .63-.511 1.142-1.143 1.142h-.857a1.143 1.143 0 0 1-1.143-1.143"
1360
1360
  })));
1361
1361
  };
1362
1362
 
1363
- var _path$24;
1364
- 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); }
1363
+ var _path$26;
1364
+ 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); }
1365
1365
  var SvgIconBarChartVertical4Small = function SvgIconBarChartVertical4Small(props) {
1366
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$28({
1366
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2b({
1367
1367
  xmlns: "http://www.w3.org/2000/svg",
1368
1368
  width: 16,
1369
1369
  height: 16
1370
- }, props), _path$24 || (_path$24 = /*#__PURE__*/React__namespace.createElement("path", {
1370
+ }, props), _path$26 || (_path$26 = /*#__PURE__*/React__namespace.createElement("path", {
1371
1371
  fillRule: "evenodd",
1372
1372
  d: "M6.412 3.094c.545 0 .987.442.987.987v9.96a.987.987 0 1 1-1.974 0v-9.96c0-.545.442-.987.987-.987m-3.14 2.549c.546 0 .988.442.988.987v7.399a.987.987 0 0 1-1.974 0v-7.4c0-.544.442-.986.987-.986Zm6.28-4.614c.545 0 .986.441.986.986V14.03a.987.987 0 1 1-1.973 0V2.015c0-.545.441-.986.987-.986m3.139 4.823c.545 0 .987.442.987.987v7.19a.987.987 0 0 1-1.974 0v-7.19c0-.545.442-.987.987-.987"
1373
1373
  })));
1374
1374
  };
1375
1375
 
1376
- var _path$23;
1377
- 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); }
1376
+ var _path$25;
1377
+ 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); }
1378
1378
  var SvgIconBookLarge = function SvgIconBookLarge(props) {
1379
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$27({
1379
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2a({
1380
1380
  xmlns: "http://www.w3.org/2000/svg",
1381
1381
  width: 24,
1382
1382
  height: 24
1383
- }, props), _path$23 || (_path$23 = /*#__PURE__*/React__namespace.createElement("path", {
1383
+ }, props), _path$25 || (_path$25 = /*#__PURE__*/React__namespace.createElement("path", {
1384
1384
  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"
1385
1385
  })));
1386
1386
  };
1387
1387
 
1388
- var _path$22, _path2$A;
1389
- 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); }
1388
+ var _path$24, _path2$B;
1389
+ 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); }
1390
1390
  var SvgIconCheckCircleLarge = function SvgIconCheckCircleLarge(props) {
1391
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$26({
1391
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$29({
1392
1392
  xmlns: "http://www.w3.org/2000/svg",
1393
1393
  width: 24,
1394
1394
  height: 24
1395
- }, props), _path$22 || (_path$22 = /*#__PURE__*/React__namespace.createElement("path", {
1395
+ }, props), _path$24 || (_path$24 = /*#__PURE__*/React__namespace.createElement("path", {
1396
1396
  d: "M17.367 8.708a.9.9 0 1 0-1.461-1.052l-5.239 7.276-3.18-3.534a.9.9 0 1 0-1.338 1.204l3.995 4.44a.818.818 0 0 0 1.273-.07z"
1397
- })), _path2$A || (_path2$A = /*#__PURE__*/React__namespace.createElement("path", {
1397
+ })), _path2$B || (_path2$B = /*#__PURE__*/React__namespace.createElement("path", {
1398
1398
  fillRule: "evenodd",
1399
1399
  d: "M22.364 12c0 5.724-4.64 10.364-10.364 10.364S1.636 17.724 1.636 12 6.276 1.636 12 1.636 22.364 6.276 22.364 12m-1.582 0a8.782 8.782 0 1 1-17.564 0 8.782 8.782 0 0 1 17.564 0"
1400
1400
  })));
1401
1401
  };
1402
1402
 
1403
- var _path$21;
1404
- 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); }
1403
+ var _path$23;
1404
+ 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); }
1405
1405
  var SvgIconCheckCircleSmall = function SvgIconCheckCircleSmall(props) {
1406
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$25({
1406
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$28({
1407
1407
  xmlns: "http://www.w3.org/2000/svg",
1408
1408
  width: 16,
1409
1409
  height: 16
1410
- }, props), _path$21 || (_path$21 = /*#__PURE__*/React__namespace.createElement("path", {
1410
+ }, props), _path$23 || (_path$23 = /*#__PURE__*/React__namespace.createElement("path", {
1411
1411
  fillRule: "evenodd",
1412
1412
  d: "M14.4 8A6.4 6.4 0 1 1 1.6 8a6.4 6.4 0 0 1 12.8 0M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.185-2.087a.829.829 0 1 0-1.345-.969l-3.513 4.88-2.055-2.283A.829.829 0 0 0 3.67 8.65l2.956 3.284a.572.572 0 0 0 .889-.048z"
1413
1413
  })));
1414
1414
  };
1415
1415
 
1416
- var _path$20;
1417
- 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); }
1416
+ var _path$22;
1417
+ 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); }
1418
1418
  var SvgIconCheckSmall = function SvgIconCheckSmall(props) {
1419
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$24({
1419
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$27({
1420
1420
  xmlns: "http://www.w3.org/2000/svg",
1421
1421
  width: 16,
1422
1422
  height: 16
1423
- }, props), _path$20 || (_path$20 = /*#__PURE__*/React__namespace.createElement("path", {
1423
+ }, props), _path$22 || (_path$22 = /*#__PURE__*/React__namespace.createElement("path", {
1424
1424
  fillRule: "evenodd",
1425
1425
  d: "M14.19 1.156a.9.9 0 0 0-.555.381l-7.178 9.734-3.711-4.194c-.237-.328-.629-.456-.984-.296-.336.151-.567.529-.611.97-.044.435.1.87.38 1.125l4.373 4.943c.376.423.952.386 1.293-.075l7.8-10.579c.266-.351.335-.885.174-1.333-.169-.47-.562-.755-.982-.676Z"
1426
1426
  })));
1427
1427
  };
1428
1428
 
1429
- var _path$1$;
1430
- 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); }
1429
+ var _path$21;
1430
+ 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); }
1431
1431
  var SvgIconChevronDownLarge = function SvgIconChevronDownLarge(props) {
1432
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$23({
1432
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$26({
1433
1433
  xmlns: "http://www.w3.org/2000/svg",
1434
1434
  width: 24,
1435
1435
  height: 24
1436
- }, props), _path$1$ || (_path$1$ = /*#__PURE__*/React__namespace.createElement("path", {
1436
+ }, props), _path$21 || (_path$21 = /*#__PURE__*/React__namespace.createElement("path", {
1437
1437
  fillRule: "evenodd",
1438
1438
  d: "M12.613 17.57a.82.82 0 0 1-1.163.002L2.15 8.2a.82.82 0 0 1 .005-1.157l.62-.615a.82.82 0 0 1 1.157.005l7.51 7.57a.82.82 0 0 0 1.164-.001l7.455-7.564a.82.82 0 0 1 1.157-.009l.622.613a.82.82 0 0 1 .008 1.157l-9.236 9.371Z"
1439
1439
  })));
1440
1440
  };
1441
1441
 
1442
- var _path$1_;
1443
- 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); }
1442
+ var _path$20;
1443
+ 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); }
1444
1444
  var SvgIconChevronDownSmall = function SvgIconChevronDownSmall(props) {
1445
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$22({
1445
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$25({
1446
1446
  xmlns: "http://www.w3.org/2000/svg",
1447
1447
  width: 16,
1448
1448
  height: 16
1449
- }, props), _path$1_ || (_path$1_ = /*#__PURE__*/React__namespace.createElement("path", {
1449
+ }, props), _path$20 || (_path$20 = /*#__PURE__*/React__namespace.createElement("path", {
1450
1450
  fillRule: "evenodd",
1451
1451
  d: "M8.497 12.605a.663.663 0 0 1-.944.001l-7.36-7.42a.663.663 0 0 1 .003-.937l.848-.842a.663.663 0 0 1 .938.004l5.565 5.61c.26.262.685.261.944-.002l5.522-5.603a.663.663 0 0 1 .939-.007l.85.838a.663.663 0 0 1 .007.938z"
1452
1452
  })));
1453
1453
  };
1454
1454
 
1455
- var _path$1Z, _path2$z;
1456
- 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); }
1455
+ var _path$1$, _path2$A;
1456
+ 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); }
1457
1457
  var SvgIconChevronDown2Small = function SvgIconChevronDown2Small(props) {
1458
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$21({
1458
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$24({
1459
1459
  xmlns: "http://www.w3.org/2000/svg",
1460
1460
  width: 16,
1461
1461
  height: 16
1462
- }, props), _path$1Z || (_path$1Z = /*#__PURE__*/React__namespace.createElement("path", {
1462
+ }, props), _path$1$ || (_path$1$ = /*#__PURE__*/React__namespace.createElement("path", {
1463
1463
  d: "M8.377 15.53a.57.57 0 0 1-.813 0L1.267 9.14a.57.57 0 0 1 .006-.809l.732-.722a.57.57 0 0 1 .808.006l4.757 4.826a.57.57 0 0 0 .812.001l4.793-4.83a.57.57 0 0 1 .808-.004l.73.724a.57.57 0 0 1 .004.809l-6.34 6.39Z"
1464
- })), _path2$z || (_path2$z = /*#__PURE__*/React__namespace.createElement("path", {
1464
+ })), _path2$A || (_path2$A = /*#__PURE__*/React__namespace.createElement("path", {
1465
1465
  d: "M8.377 8.405a.57.57 0 0 1-.813 0l-6.297-6.39a.57.57 0 0 1 .006-.809l.732-.722a.57.57 0 0 1 .808.006L7.57 5.316a.57.57 0 0 0 .812.001l4.793-4.83a.57.57 0 0 1 .808-.004l.73.724a.57.57 0 0 1 .004.809z"
1466
1466
  })));
1467
1467
  };
1468
1468
 
1469
- var _path$1Y, _path2$y;
1470
- 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); }
1469
+ var _path$1_, _path2$z;
1470
+ 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); }
1471
1471
  var SvgIconChevronLeft2Small = function SvgIconChevronLeft2Small(props) {
1472
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$20({
1472
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$23({
1473
1473
  xmlns: "http://www.w3.org/2000/svg",
1474
1474
  width: 16,
1475
1475
  height: 16
1476
- }, props), _path$1Y || (_path$1Y = /*#__PURE__*/React__namespace.createElement("path", {
1476
+ }, props), _path$1_ || (_path$1_ = /*#__PURE__*/React__namespace.createElement("path", {
1477
1477
  d: "M.47 8.393a.57.57 0 0 1 .002-.813l6.39-6.297a.57.57 0 0 1 .808.006l.722.732a.57.57 0 0 1-.006.808L3.56 7.585a.57.57 0 0 0-.001.813l4.83 4.793a.57.57 0 0 1 .004.808l-.725.73a.57.57 0 0 1-.808.004z"
1478
- })), _path2$y || (_path2$y = /*#__PURE__*/React__namespace.createElement("path", {
1478
+ })), _path2$z || (_path2$z = /*#__PURE__*/React__namespace.createElement("path", {
1479
1479
  d: "M7.595 8.393a.57.57 0 0 1 .002-.813l6.39-6.297a.57.57 0 0 1 .808.006l.722.732a.57.57 0 0 1-.006.808l-4.826 4.756a.57.57 0 0 0-.002.813l4.832 4.793a.57.57 0 0 1 .003.808l-.725.73a.57.57 0 0 1-.808.004z"
1480
1480
  })));
1481
1481
  };
1482
1482
 
1483
- var _path$1X;
1484
- 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); }
1483
+ var _path$1Z;
1484
+ 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); }
1485
1485
  var SvgIconChevronLeftLarge = function SvgIconChevronLeftLarge(props) {
1486
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1$({
1486
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$22({
1487
1487
  xmlns: "http://www.w3.org/2000/svg",
1488
1488
  width: 24,
1489
1489
  height: 24
1490
- }, props), _path$1X || (_path$1X = /*#__PURE__*/React__namespace.createElement("path", {
1490
+ }, props), _path$1Z || (_path$1Z = /*#__PURE__*/React__namespace.createElement("path", {
1491
1491
  fillRule: "evenodd",
1492
1492
  d: "M6.123 12.356a.823.823 0 0 1-.003-1.166l9.33-9.31a.81.81 0 0 1 1.152.004l.613.62a.823.823 0 0 1-.004 1.16l-7.537 7.521a.823.823 0 0 0 .003 1.165l7.538 7.47c.32.317.324.836.009 1.158l-.61.622a.81.81 0 0 1-1.153.009z"
1493
1493
  })));
1494
1494
  };
1495
1495
 
1496
- var _path$1W;
1497
- 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); }
1496
+ var _path$1Y;
1497
+ 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); }
1498
1498
  var SvgIconChevronLeftSmall = function SvgIconChevronLeftSmall(props) {
1499
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1_({
1499
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$21({
1500
1500
  xmlns: "http://www.w3.org/2000/svg",
1501
1501
  width: 16,
1502
1502
  height: 16
1503
- }, props), _path$1W || (_path$1W = /*#__PURE__*/React__namespace.createElement("path", {
1503
+ }, props), _path$1Y || (_path$1Y = /*#__PURE__*/React__namespace.createElement("path", {
1504
1504
  fillRule: "evenodd",
1505
1505
  d: "M3.403 8.497a.663.663 0 0 1-.002-.944l7.42-7.36a.663.663 0 0 1 .938.003l.841.848c.258.26.256.68-.004.938L6.987 7.547a.663.663 0 0 0 .002.944l5.603 5.522a.663.663 0 0 1 .007.939l-.839.85a.664.664 0 0 1-.938.007l-7.42-7.312Z"
1506
1506
  })));
1507
1507
  };
1508
1508
 
1509
- var _path$1V, _path2$x;
1510
- 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); }
1509
+ var _path$1X, _path2$y;
1510
+ 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); }
1511
1511
  var SvgIconChevronRight2Small = function SvgIconChevronRight2Small(props) {
1512
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Z({
1512
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$20({
1513
1513
  xmlns: "http://www.w3.org/2000/svg",
1514
1514
  width: 16,
1515
1515
  height: 16
1516
- }, props), _path$1V || (_path$1V = /*#__PURE__*/React__namespace.createElement("path", {
1516
+ }, props), _path$1X || (_path$1X = /*#__PURE__*/React__namespace.createElement("path", {
1517
1517
  d: "M8.406 8.384a.57.57 0 0 0-.002-.813l-6.39-6.297a.57.57 0 0 0-.807.006l-.722.732a.57.57 0 0 0 .005.808l4.826 4.757a.57.57 0 0 1 .002.812L.486 13.182a.57.57 0 0 0-.003.808l.725.73a.57.57 0 0 0 .808.004z"
1518
- })), _path2$x || (_path2$x = /*#__PURE__*/React__namespace.createElement("path", {
1518
+ })), _path2$y || (_path2$y = /*#__PURE__*/React__namespace.createElement("path", {
1519
1519
  d: "M15.53 7.571a.57.57 0 0 1 0 .813l-6.39 6.34a.57.57 0 0 1-.807-.004l-.725-.73a.57.57 0 0 1 .003-.808l4.832-4.793a.57.57 0 0 0-.002-.812L7.615 2.82a.57.57 0 0 1-.005-.808l.722-.732a.57.57 0 0 1 .808-.006z"
1520
1520
  })));
1521
1521
  };
1522
1522
 
1523
- var _path$1U;
1524
- 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); }
1523
+ var _path$1W;
1524
+ 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); }
1525
1525
  var SvgIconChevronRightLarge = function SvgIconChevronRightLarge(props) {
1526
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Y({
1526
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1$({
1527
1527
  xmlns: "http://www.w3.org/2000/svg",
1528
1528
  width: 24,
1529
1529
  height: 24
1530
- }, props), _path$1U || (_path$1U = /*#__PURE__*/React__namespace.createElement("path", {
1530
+ }, props), _path$1W || (_path$1W = /*#__PURE__*/React__namespace.createElement("path", {
1531
1531
  fillRule: "evenodd",
1532
1532
  d: "M17.886 11.667a.82.82 0 0 1 0 1.163l-9.388 9.283a.82.82 0 0 1-1.157-.007l-.613-.62a.82.82 0 0 1 .006-1.157l7.584-7.499a.82.82 0 0 0 0-1.163L6.766 4.199a.82.82 0 0 1-.006-1.157l.613-.62a.82.82 0 0 1 1.157-.007z"
1533
1533
  })));
1534
1534
  };
1535
1535
 
1536
- var _path$1T;
1537
- 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); }
1536
+ var _path$1V;
1537
+ 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); }
1538
1538
  var SvgIconChevronRightSmall = function SvgIconChevronRightSmall(props) {
1539
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1X({
1539
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1_({
1540
1540
  xmlns: "http://www.w3.org/2000/svg",
1541
1541
  width: 16,
1542
1542
  height: 16
1543
- }, props), _path$1T || (_path$1T = /*#__PURE__*/React__namespace.createElement("path", {
1543
+ }, props), _path$1V || (_path$1V = /*#__PURE__*/React__namespace.createElement("path", {
1544
1544
  fillRule: "evenodd",
1545
1545
  d: "M12.595 7.503c.263.26.263.683.001.944l-7.42 7.36a.663.663 0 0 1-.937-.003l-.842-.848a.663.663 0 0 1 .004-.938l5.61-5.565a.663.663 0 0 0-.002-.944L3.406 1.987a.663.663 0 0 1-.007-.939l.838-.85A.663.663 0 0 1 5.175.19z"
1546
1546
  })));
1547
1547
  };
1548
1548
 
1549
- var _path$1S;
1550
- 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); }
1549
+ var _path$1U;
1550
+ 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); }
1551
1551
  var SvgIconChevronUpLarge = function SvgIconChevronUpLarge(props) {
1552
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1W({
1552
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Z({
1553
1553
  xmlns: "http://www.w3.org/2000/svg",
1554
1554
  width: 24,
1555
1555
  height: 24
1556
- }, props), _path$1S || (_path$1S = /*#__PURE__*/React__namespace.createElement("path", {
1556
+ }, props), _path$1U || (_path$1U = /*#__PURE__*/React__namespace.createElement("path", {
1557
1557
  fillRule: "evenodd",
1558
1558
  d: "M11.38 6.43a.82.82 0 0 1 1.164-.003l9.298 9.372a.82.82 0 0 1-.004 1.157l-.62.615a.82.82 0 0 1-1.157-.004L12.55 9.996a.82.82 0 0 0-1.164.002l-7.454 7.564a.82.82 0 0 1-1.157.008l-.622-.612a.82.82 0 0 1-.008-1.157z"
1559
1559
  })));
1560
1560
  };
1561
1561
 
1562
- var _path$1R;
1563
- 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); }
1562
+ var _path$1T;
1563
+ 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); }
1564
1564
  var SvgIconChevronUpSmall = function SvgIconChevronUpSmall(props) {
1565
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1V({
1565
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Y({
1566
1566
  xmlns: "http://www.w3.org/2000/svg",
1567
1567
  width: 16,
1568
1568
  height: 16
1569
- }, props), _path$1R || (_path$1R = /*#__PURE__*/React__namespace.createElement("path", {
1569
+ }, props), _path$1T || (_path$1T = /*#__PURE__*/React__namespace.createElement("path", {
1570
1570
  fillRule: "evenodd",
1571
1571
  d: "M7.503 3.403a.663.663 0 0 1 .944-.002l7.36 7.42c.259.26.257.68-.003.938l-.848.841a.663.663 0 0 1-.938-.004l-5.565-5.61a.663.663 0 0 0-.944.003l-5.522 5.603a.664.664 0 0 1-.939.007l-.85-.839a.664.664 0 0 1-.007-.938l7.312-7.42Z"
1572
1572
  })));
1573
1573
  };
1574
1574
 
1575
- var _path$1Q, _path2$w;
1576
- 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); }
1575
+ var _path$1S, _path2$x;
1576
+ 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); }
1577
1577
  var SvgIconChevronUp2Small = function SvgIconChevronUp2Small(props) {
1578
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1U({
1578
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1X({
1579
1579
  xmlns: "http://www.w3.org/2000/svg",
1580
1580
  width: 16,
1581
1581
  height: 16
1582
- }, props), _path$1Q || (_path$1Q = /*#__PURE__*/React__namespace.createElement("path", {
1582
+ }, props), _path$1S || (_path$1S = /*#__PURE__*/React__namespace.createElement("path", {
1583
1583
  d: "M8.393 7.602a.57.57 0 0 0-.812.002l-6.298 6.39a.57.57 0 0 0 .006.808l.733.722a.57.57 0 0 0 .808-.006l4.756-4.826a.57.57 0 0 1 .812-.002l4.793 4.832a.57.57 0 0 0 .808.003l.73-.725a.57.57 0 0 0 .004-.808z"
1584
- })), _path2$w || (_path2$w = /*#__PURE__*/React__namespace.createElement("path", {
1584
+ })), _path2$x || (_path2$x = /*#__PURE__*/React__namespace.createElement("path", {
1585
1585
  d: "M7.58.479a.57.57 0 0 1 .813-.002l6.34 6.39a.57.57 0 0 1-.003.808L14 8.4a.57.57 0 0 1-.809-.003L8.398 3.565a.57.57 0 0 0-.812.002L2.83 8.393a.57.57 0 0 1-.808.006l-.733-.722a.57.57 0 0 1-.006-.809L7.581.478Z"
1586
1586
  })));
1587
1587
  };
1588
1588
 
1589
- var _path$1P;
1590
- 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); }
1589
+ var _path$1R;
1590
+ 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); }
1591
1591
  var SvgIconCirclesOverlap2Large = function SvgIconCirclesOverlap2Large(props) {
1592
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1T({
1592
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1W({
1593
1593
  xmlns: "http://www.w3.org/2000/svg",
1594
1594
  width: 24,
1595
1595
  height: 24
1596
- }, props), _path$1P || (_path$1P = /*#__PURE__*/React__namespace.createElement("path", {
1596
+ }, props), _path$1R || (_path$1R = /*#__PURE__*/React__namespace.createElement("path", {
1597
1597
  fillRule: "evenodd",
1598
1598
  d: "M7.875 19.875A7.84 7.84 0 0 0 12 18.709 7.875 7.875 0 1 0 12 5.29a7.875 7.875 0 1 0-4.125 14.585m0-1.582c.993 0 1.933-.23 2.768-.64A7.85 7.85 0 0 1 8.25 12a7.85 7.85 0 0 1 2.393-5.653 6.293 6.293 0 1 0-2.768 11.947Zm8.25-12.586c-.993 0-1.932.23-2.768.64A7.85 7.85 0 0 1 15.75 12a7.85 7.85 0 0 1-2.393 5.653 6.293 6.293 0 1 0 2.768-11.947Zm-3.722 1.922-1.298.575q-.386.51-.666 1.095L12.9 8.21a6 6 0 0 0-.496-.58ZM13.69 9.59l-3.81 1.686-.005-.013a6 6 0 0 0-.042.833l4.098-1.814a6 6 0 0 0-.24-.692Zm.478 2.317-4.098 1.814q.103.359.243.698l3.813-1.688a6 6 0 0 0 .042-.824m-.614 2.807-2.447 1.084q.233.307.502.585l1.265-.56a6.3 6.3 0 0 0 .68-1.109"
1599
1599
  })));
1600
1600
  };
1601
1601
 
1602
- var _path$1O, _path2$v;
1603
- 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); }
1602
+ var _path$1Q, _path2$w;
1603
+ 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); }
1604
1604
  var SvgIconCirclesOverlap2Small = function SvgIconCirclesOverlap2Small(props) {
1605
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1S({
1605
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1V({
1606
1606
  xmlns: "http://www.w3.org/2000/svg",
1607
1607
  width: 16,
1608
1608
  height: 16
1609
- }, props), _path$1O || (_path$1O = /*#__PURE__*/React__namespace.createElement("path", {
1609
+ }, props), _path$1Q || (_path$1Q = /*#__PURE__*/React__namespace.createElement("path", {
1610
1610
  fillRule: "evenodd",
1611
1611
  d: "M8 12.473a5.25 5.25 0 1 1 0-8.946 5.25 5.25 0 1 1 0 8.946m-1.256-1.08a3.707 3.707 0 1 1 0-6.787A5.23 5.23 0 0 0 5.5 8a5.23 5.23 0 0 0 1.244 3.394Zm2.512-6.787a3.707 3.707 0 1 1 0 6.787A5.23 5.23 0 0 0 10.5 8a5.23 5.23 0 0 0-1.244-3.394M8 5.514c.595.658.957 1.53.957 2.486S8.595 9.828 8 10.486A3.7 3.7 0 0 1 7.043 8c0-.957.362-1.828.957-2.486"
1612
- })), _path2$v || (_path2$v = /*#__PURE__*/React__namespace.createElement("path", {
1612
+ })), _path2$w || (_path2$w = /*#__PURE__*/React__namespace.createElement("path", {
1613
1613
  d: "M8.957 8c0-.957-.362-1.828-.957-2.486A3.7 3.7 0 0 0 7.043 8c0 .957.362 1.828.957 2.486.595-.658.957-1.53.957-2.486"
1614
1614
  })));
1615
1615
  };
1616
1616
 
1617
- var _path$1N, _path2$u;
1618
- 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); }
1617
+ var _path$1P, _path2$v;
1618
+ 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); }
1619
1619
  var SvgIconCodeLarge = function SvgIconCodeLarge(props) {
1620
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1R({
1620
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1U({
1621
1621
  xmlns: "http://www.w3.org/2000/svg",
1622
1622
  width: 24,
1623
1623
  height: 24
1624
- }, props), _path$1N || (_path$1N = /*#__PURE__*/React__namespace.createElement("path", {
1624
+ }, props), _path$1P || (_path$1P = /*#__PURE__*/React__namespace.createElement("path", {
1625
1625
  d: "M13.283 3.635a.487.487 0 0 1 .597-.345l.856.23c.26.07.414.337.345.597l-4.354 16.25a.487.487 0 0 1-.597.345l-.857-.23a.487.487 0 0 1-.345-.596z"
1626
- })), _path2$u || (_path2$u = /*#__PURE__*/React__namespace.createElement("path", {
1626
+ })), _path2$v || (_path2$v = /*#__PURE__*/React__namespace.createElement("path", {
1627
1627
  fillRule: "evenodd",
1628
1628
  d: "M.145 12.358a.487.487 0 0 1 0-.693L5.592 6.26c.191-.19.5-.188.69.003l.617.622c.19.191.189.5-.002.69l-4.12 4.087a.487.487 0 0 0 0 .693l4.116 4.056a.487.487 0 0 1 .005.689l-.615.625a.487.487 0 0 1-.69.005L.144 12.36Zm23.71-.73a.486.486 0 0 1 0 .693l-5.448 5.407a.487.487 0 0 1-.69-.003l-.617-.623a.487.487 0 0 1 .002-.689l4.12-4.087a.487.487 0 0 0 0-.693l-4.116-4.056a.487.487 0 0 1-.005-.69l.615-.624a.487.487 0 0 1 .69-.005z"
1629
1629
  })));
1630
1630
  };
1631
1631
 
1632
- var _path$1M, _path2$t;
1633
- 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); }
1632
+ var _path$1O;
1633
+ 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); }
1634
+ var SvgIconCodeSmall = function SvgIconCodeSmall(props) {
1635
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1T({
1636
+ xmlns: "http://www.w3.org/2000/svg",
1637
+ width: 16,
1638
+ height: 16
1639
+ }, props), _path$1O || (_path$1O = /*#__PURE__*/React__namespace.createElement("path", {
1640
+ fillRule: "evenodd",
1641
+ d: "m9.286 1.87.548.147c.337.09.537.437.447.774l-2.787 10.4a.63.63 0 0 1-.774.447l-.548-.146a.63.63 0 0 1-.447-.774l2.787-10.4a.63.63 0 0 1 .774-.447ZM4.568 3.857l.395.398a.63.63 0 0 1-.003.894l-2.631 2.61 2.628 2.59a.63.63 0 0 1 .006.894l-.394.4a.63.63 0 0 1-.893.006L.188 8.211a.63.63 0 0 1-.001-.899l3.487-3.46a.63.63 0 0 1 .894.004Zm6.864 7.787-.395-.399a.63.63 0 0 1 .003-.893l2.631-2.61-2.628-2.59a.63.63 0 0 1-.006-.894l.394-.4a.63.63 0 0 1 .893-.006l3.488 3.437c.25.247.25.65.001.899l-3.487 3.46a.63.63 0 0 1-.894-.004"
1642
+ })));
1643
+ };
1644
+
1645
+ var _path$1N, _path2$u;
1646
+ 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); }
1634
1647
  var SvgIconCompassLarge = function SvgIconCompassLarge(props) {
1635
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Q({
1648
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1S({
1636
1649
  xmlns: "http://www.w3.org/2000/svg",
1637
1650
  width: 24,
1638
1651
  height: 24
1639
- }, props), _path$1M || (_path$1M = /*#__PURE__*/React__namespace.createElement("path", {
1652
+ }, props), _path$1N || (_path$1N = /*#__PURE__*/React__namespace.createElement("path", {
1640
1653
  fillRule: "evenodd",
1641
1654
  d: "M15.926 8.494a.49.49 0 0 1 .71.609l-.034.066-2.773 5.505a.46.46 0 0 1-.148.176l-.067.04-5.544 2.772a.5.5 0 0 1-.216.054.5.5 0 0 1-.348-.147.49.49 0 0 1-.121-.491l.028-.072 2.772-5.525a.46.46 0 0 1 .149-.176l.067-.04zm-1.254 1.929-2.826 1.415 1.411 1.412z"
1642
- })), _path2$t || (_path2$t = /*#__PURE__*/React__namespace.createElement("path", {
1655
+ })), _path2$u || (_path2$u = /*#__PURE__*/React__namespace.createElement("path", {
1643
1656
  fillRule: "evenodd",
1644
1657
  d: "M8.954 2.956s-.009.222-.008.358c-4.163 1.3-7.184 5.186-7.184 9.778 0 5.656 4.586 10.242 10.243 10.242s10.243-4.586 10.243-10.242c0-4.596-3.027-8.484-7.195-9.782v-.472a2.29 2.29 0 0 0-2.285-2.17h-1.526l-.118.003a2.29 2.29 0 0 0-2.17 2.285m4.577 0c0-.395-.3-.72-.685-.759l-.078-.004h-1.526c-.395 0-.72.3-.759.685v.083a10.3 10.3 0 0 1 3.048 0zM3.439 12.232a8.61 8.61 0 0 1 7.706-7.706 1 1 0 0 0-.013.158v.907c0 .5.39.907.873.907.482 0 .873-.406.873-.907v-.907a1 1 0 0 0-.013-.158 8.61 8.61 0 0 1 7.706 7.706 1 1 0 0 0-.16-.014h-.909c-.502 0-.909.391-.909.874 0 .482.407.873.91.873h.908a1 1 0 0 0 .16-.014 8.61 8.61 0 0 1-7.706 7.707 1 1 0 0 0 .013-.159v-.907c0-.5-.39-.907-.873-.907-.482 0-.873.406-.873.907v.907a1 1 0 0 0 .013.159A8.61 8.61 0 0 1 3.44 13.95a1 1 0 0 0 .16.014h.909c.502 0 .909-.391.909-.873 0-.483-.407-.874-.91-.874H3.6a1 1 0 0 0-.16.014Z"
1645
1658
  })));
1646
1659
  };
1647
1660
 
1648
- var _path$1L, _path2$s;
1649
- 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); }
1661
+ var _path$1M, _path2$t;
1662
+ 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); }
1650
1663
  var SvgIconCopyLarge = function SvgIconCopyLarge(props) {
1651
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1P({
1664
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1R({
1652
1665
  xmlns: "http://www.w3.org/2000/svg",
1653
1666
  width: 24,
1654
1667
  height: 24
1655
- }, props), _path$1L || (_path$1L = /*#__PURE__*/React__namespace.createElement("path", {
1668
+ }, props), _path$1M || (_path$1M = /*#__PURE__*/React__namespace.createElement("path", {
1656
1669
  d: "M6.028 18.418h7.164c.485 0 .866-.296.866-.674 0-.377-.381-.673-.866-.673H6.028c-.485 0-.866.296-.866.673s.381.674.866.674m7.164-2.833H6.028c-.477 0-.866-.305-.866-.682 0-.372.381-.664.866-.664h7.164c.477 0 .866.307.866.683 0 .372-.381.663-.866.663"
1657
- })), _path2$s || (_path2$s = /*#__PURE__*/React__namespace.createElement("path", {
1670
+ })), _path2$t || (_path2$t = /*#__PURE__*/React__namespace.createElement("path", {
1658
1671
  fillRule: "evenodd",
1659
1672
  d: "M22.087 5.672c0-.22-.09-.436-.249-.593L17.512.717a.85.85 0 0 0-.593-.248H8.434c-.959 0-1.769.812-1.769 1.773v3.015h-3.01c-.975 0-1.768.795-1.768 1.773v14.723c0 .978.793 1.773 1.769 1.773h11.908c.977 0 1.77-.795 1.77-1.773v-3.015h3.008c.96 0 1.77-.813 1.77-1.773zM3.594 7.006c0-.032.028-.061.062-.061h7.643v3.492c0 .465.377.843.842.843h3.484v10.45a.063.063 0 0 1-.061.061H3.656a.063.063 0 0 1-.062-.061zm13.49 2.837-4.326-4.362a.85.85 0 0 0-.593-.247H8.372V2.242c0-.034.028-.062.062-.062h7.643v3.492c0 .465.377.844.842.844h3.484v10.45a.063.063 0 0 1-.061.06h-3.007v-6.59a.85.85 0 0 0-.25-.593Zm-4.076-.274V8.132l1.434 1.437zm4.753-4.765V3.368l1.434 1.436z"
1660
1673
  })));
1661
1674
  };
1662
1675
 
1663
- var _path$1K;
1664
- 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); }
1676
+ var _path$1L;
1677
+ 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); }
1665
1678
  var SvgIconCopySmall = function SvgIconCopySmall(props) {
1666
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1O({
1679
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Q({
1667
1680
  xmlns: "http://www.w3.org/2000/svg",
1668
1681
  width: 16,
1669
1682
  height: 16
1670
- }, props), _path$1K || (_path$1K = /*#__PURE__*/React__namespace.createElement("path", {
1683
+ }, props), _path$1L || (_path$1L = /*#__PURE__*/React__namespace.createElement("path", {
1671
1684
  fillRule: "evenodd",
1672
1685
  d: "M11.28.857a.9.9 0 0 1 .443.116l.113.069.11.093 2.508 2.53a.94.94 0 0 1 .267.517l.012.147.015 6.557a1.5 1.5 0 0 1-1.176 1.446l-.149.026-.156.01-2.273-.001v1.299a1.48 1.48 0 0 1-1.019 1.404l-.154.043-.15.026-.157.009H2.736a1.48 1.48 0 0 1-1.444-1.175l-.026-.15-.009-.157V5.118c0-.698.486-1.293 1.172-1.446l.15-.026.157-.009H5.01V2.338c0-.636.42-1.196 1.021-1.401l.154-.044.149-.027.156-.009zM7.03 5.236H2.858v8.311h6.535l-.001-5.99-1.327.001a1.03 1.03 0 0 1-.98-.71l-.041-.15-.014-.155zm3.744-2.778H6.612v1.4h1.102q.241-.002.486.125l.123.074.121.1 2.245 2.261a1 1 0 0 1 .258.426l.035.139.013.152v3.634h2.136l.004-5.99-1.326.001a1.03 1.03 0 0 1-.98-.71l-.04-.15-.014-.154V2.458Z"
1673
1686
  })));
1674
1687
  };
1675
1688
 
1676
- var _path$1J, _path2$r, _path3$5;
1677
- 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); }
1689
+ var _path$1K, _path2$s, _path3$5;
1690
+ 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); }
1678
1691
  var SvgIconCubeLarge = function SvgIconCubeLarge(props) {
1679
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1N({
1692
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1P({
1680
1693
  xmlns: "http://www.w3.org/2000/svg",
1681
1694
  width: 24,
1682
1695
  height: 24
1683
- }, props), _path$1J || (_path$1J = /*#__PURE__*/React__namespace.createElement("path", {
1696
+ }, props), _path$1K || (_path$1K = /*#__PURE__*/React__namespace.createElement("path", {
1684
1697
  fillRule: "evenodd",
1685
1698
  d: "M11.603.376a.82.82 0 0 1 .794 0l9.818 5.454a.818.818 0 0 1 0 1.43l-9.818 5.455a.82.82 0 0 1-.794 0L1.784 7.261a.818.818 0 0 1 0-1.43L11.603.375Zm-7.736 6.17L12 11.063l8.134-4.519L12 2.027 3.867 6.545Z"
1686
- })), _path2$r || (_path2$r = /*#__PURE__*/React__namespace.createElement("path", {
1699
+ })), _path2$s || (_path2$s = /*#__PURE__*/React__namespace.createElement("path", {
1687
1700
  fillRule: "evenodd",
1688
1701
  d: "M22.233 5.84c.25.147.403.416.403.705v10.91a.82.82 0 0 1-.42.715l-9.819 5.454a.818.818 0 0 1-1.215-.715V12c0-.297.16-.57.42-.715l9.819-5.455a.82.82 0 0 1 .812.01m-9.415 6.641v9.038L21 16.973V7.936z"
1689
1702
  })), _path3$5 || (_path3$5 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -1692,583 +1705,583 @@ var SvgIconCubeLarge = function SvgIconCubeLarge(props) {
1692
1705
  })));
1693
1706
  };
1694
1707
 
1695
- var _path$1I;
1696
- 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); }
1708
+ var _path$1J;
1709
+ 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); }
1697
1710
  var SvgIconCubeSmall = function SvgIconCubeSmall(props) {
1698
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1M({
1711
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1O({
1699
1712
  xmlns: "http://www.w3.org/2000/svg",
1700
1713
  width: 16,
1701
1714
  height: 16
1702
- }, props), _path$1I || (_path$1I = /*#__PURE__*/React__namespace.createElement("path", {
1715
+ }, props), _path$1J || (_path$1J = /*#__PURE__*/React__namespace.createElement("path", {
1703
1716
  fillRule: "evenodd",
1704
1717
  d: "M8.361.278a.75.75 0 0 0-.73 0L1.273 3.81l-.01.006a.75.75 0 0 0-.378.652v7.065c0 .273.149.525.387.658l6.359 3.532a.75.75 0 0 0 .73 0l6.359-3.532a.75.75 0 0 0 .387-.658V4.468a.75.75 0 0 0-.37-.648l-.016-.008zM2.39 11.091V5.746l4.855 2.697v5.345zm6.36 2.697V8.443l4.854-2.697v5.345zm4.057-9.32-4.81 2.673-4.81-2.673 4.81-2.672z",
1705
1718
  clipRule: "evenodd"
1706
1719
  })));
1707
1720
  };
1708
1721
 
1709
- var _path$1H;
1710
- 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); }
1722
+ var _path$1I;
1723
+ 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); }
1711
1724
  var SvgIconDnaLarge = function SvgIconDnaLarge(props) {
1712
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1L({
1725
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1N({
1713
1726
  xmlns: "http://www.w3.org/2000/svg",
1714
1727
  width: 24,
1715
1728
  height: 24
1716
- }, props), _path$1H || (_path$1H = /*#__PURE__*/React__namespace.createElement("path", {
1729
+ }, props), _path$1I || (_path$1I = /*#__PURE__*/React__namespace.createElement("path", {
1717
1730
  d: "M16.925 1.639a.746.746 0 0 1 .8.687c.172 2.302.008 3.88-.252 4.966-.245 1.02-.57 1.583-.727 1.855l-.035.061c-.185.327-.695.971-1.428 1.634-.428.386-.95.795-1.551 1.16.602.366 1.123.774 1.55 1.161.734.662 1.244 1.307 1.43 1.634l.034.06c.157.272.482.836.727 1.856.26 1.086.424 2.663.251 4.965h.002a.746.746 0 0 1-.801.688l-.035-.002a.746.746 0 0 1-.688-.797h-.001c.069-.917.08-1.698.055-2.363h-5.717a.764.764 0 0 1 0-1.527h5.57a9 9 0 0 0-.122-.608 5.2 5.2 0 0 0-.443-1.23h-3.146a.764.764 0 0 1 0-1.528h1.877l-.016-.014c-.59-.534-1.361-1.092-2.26-1.473-.897.38-1.668.938-2.258 1.472-.66.597-1.046 1.116-1.124 1.253q-.015.03-.035.062c-.135.233-.376.649-.57 1.457-.216.901-.377 2.317-.213 4.499a.747.747 0 0 1-.688.795l-.034.003a.746.746 0 0 1-.802-.686c-.173-2.303-.008-3.88.252-4.967.245-1.02.57-1.583.727-1.855l.035-.06c.185-.328.695-.972 1.428-1.634a10.3 10.3 0 0 1 1.55-1.16 10.3 10.3 0 0 1-1.55-1.16c-.733-.663-1.243-1.307-1.428-1.634l-.035-.061c-.157-.272-.482-.835-.727-1.855-.26-1.087-.424-2.664-.251-4.967a.746.746 0 0 1 .8-.686l.035.002a.746.746 0 0 1 .687.796c-.068.901-.08 1.672-.055 2.33h5.718a.764.764 0 0 1 0 1.527H7.885q.059.356.127.642c.137.57.297.944.426 1.197h3.164a.764.764 0 0 1 0 1.527H9.688l.053.048c.59.533 1.36 1.09 2.258 1.472.899-.381 1.67-.939 2.26-1.473.66-.596 1.046-1.116 1.124-1.253l.035-.061c.135-.234.376-.65.57-1.458.215-.901.377-2.316.213-4.499h.001a.746.746 0 0 1 .688-.796z"
1718
1731
  })));
1719
1732
  };
1720
1733
 
1721
- var _path$1G;
1722
- 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); }
1734
+ var _path$1H;
1735
+ 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); }
1723
1736
  var SvgIconDocumentSmall = function SvgIconDocumentSmall(props) {
1724
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1K({
1737
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1M({
1725
1738
  xmlns: "http://www.w3.org/2000/svg",
1726
1739
  width: 16,
1727
1740
  height: 16
1728
- }, props), _path$1G || (_path$1G = /*#__PURE__*/React__namespace.createElement("path", {
1741
+ }, props), _path$1H || (_path$1H = /*#__PURE__*/React__namespace.createElement("path", {
1729
1742
  fillRule: "evenodd",
1730
1743
  d: "M14.286 6.286v8c0 .63-.512 1.143-1.143 1.143H2.857a1.143 1.143 0 0 1-1.143-1.143V1.714c0-.63.512-1.143 1.143-1.143h5.714zm-4.572.828h2.915v6.657H3.37V2.23h4.372v2.914c0 1.089.883 1.971 1.971 1.971Z"
1731
1744
  })));
1732
1745
  };
1733
1746
 
1734
- var _path$1F;
1735
- 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); }
1747
+ var _path$1G;
1748
+ 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); }
1736
1749
  var SvgIconDotsHorizontal3Large = function SvgIconDotsHorizontal3Large(props) {
1737
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1J({
1750
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1L({
1738
1751
  xmlns: "http://www.w3.org/2000/svg",
1739
1752
  width: 24,
1740
1753
  height: 24
1741
- }, props), _path$1F || (_path$1F = /*#__PURE__*/React__namespace.createElement("path", {
1754
+ }, props), _path$1G || (_path$1G = /*#__PURE__*/React__namespace.createElement("path", {
1742
1755
  d: "M10.071 11.965a1.929 1.929 0 1 1 3.858 0 1.929 1.929 0 0 1-3.858 0m-7.071 0a1.929 1.929 0 1 1 3.857 0 1.929 1.929 0 0 1-3.857 0m16.071-1.929a1.928 1.928 0 1 0 0 3.857 1.928 1.928 0 0 0 0-3.857"
1743
1756
  })));
1744
1757
  };
1745
1758
 
1746
- var _path$1E;
1747
- 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); }
1759
+ var _path$1F;
1760
+ 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); }
1748
1761
  var SvgIconDotsHorizontal3Small = function SvgIconDotsHorizontal3Small(props) {
1749
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1I({
1762
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1K({
1750
1763
  xmlns: "http://www.w3.org/2000/svg",
1751
1764
  width: 16,
1752
1765
  height: 16
1753
- }, props), _path$1E || (_path$1E = /*#__PURE__*/React__namespace.createElement("path", {
1766
+ }, props), _path$1F || (_path$1F = /*#__PURE__*/React__namespace.createElement("path", {
1754
1767
  d: "M4.508 8a1.746 1.746 0 1 1-3.492 0 1.746 1.746 0 0 1 3.492 0m5.238 0a1.746 1.746 0 1 1-3.492 0 1.746 1.746 0 0 1 3.492 0m3.492 1.746a1.746 1.746 0 1 0 0-3.492 1.746 1.746 0 0 0 0 3.492"
1755
1768
  })));
1756
1769
  };
1757
1770
 
1758
- var _path$1D;
1759
- 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); }
1771
+ var _path$1E;
1772
+ 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); }
1760
1773
  var SvgIconDownloadLarge = function SvgIconDownloadLarge(props) {
1761
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1H({
1774
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1J({
1762
1775
  xmlns: "http://www.w3.org/2000/svg",
1763
1776
  width: 24,
1764
1777
  height: 24
1765
- }, props), _path$1D || (_path$1D = /*#__PURE__*/React__namespace.createElement("path", {
1778
+ }, props), _path$1E || (_path$1E = /*#__PURE__*/React__namespace.createElement("path", {
1766
1779
  fillRule: "evenodd",
1767
1780
  d: "M10.667 3.75c-2.942 0-5.408 2.128-6 4.956C2.042 9.044 0 11.306 0 14.069 0 17.064 2.393 19.5 5.333 19.5h.8a.8.8 0 0 0 .703-.404.83.83 0 0 0 0-.821.8.8 0 0 0-.703-.404h-.8c-2.082 0-3.733-1.682-3.733-3.802s1.651-3.802 3.733-3.802a.806.806 0 0 0 .8-.738c.229-2.328 2.176-4.15 4.534-4.15 1.286 0 2.319.496 3.158 1.375a.79.79 0 0 0 .858.195c.343-.132.872-.212 1.317-.212a3.503 3.503 0 0 1 3.475 3.08.81.81 0 0 0 .517.67c1.42.531 2.408 1.92 2.408 3.582 0 2.12-1.651 3.802-3.733 3.802h-.8a.8.8 0 0 0-.703.404.83.83 0 0 0 0 .821.8.8 0 0 0 .703.404h.8c2.94 0 5.333-2.436 5.333-5.431a5.41 5.41 0 0 0-3.033-4.88c-.488-2.342-2.54-4.081-4.967-4.081-.46 0-.936.074-1.4.195-1.057-.95-2.397-1.553-3.933-1.553m1.325 4.87a.8.8 0 0 0-.567.249.82.82 0 0 0-.225.584v4.344l-.467-.543a.793.793 0 0 0-1.362.25.83.83 0 0 0 .162.828l1.867 2.172a.794.794 0 0 0 1.2 0l1.867-2.172a.83.83 0 0 0 .166-.803.8.8 0 0 0-.604-.543.79.79 0 0 0-.762.268l-.467.543V9.453a.82.82 0 0 0-.231-.59.8.8 0 0 0-.577-.242Zm-3.2 7.604a.8.8 0 0 0-.567.248.82.82 0 0 0-.225.584v1.63c0 .45.358.814.8.814h6.4c.442 0 .8-.365.8-.815v-1.629a.82.82 0 0 0-.397-.715.79.79 0 0 0-.806 0 .82.82 0 0 0-.397.715v.815H9.6v-.815a.82.82 0 0 0-.231-.59.8.8 0 0 0-.577-.242"
1768
1781
  })));
1769
1782
  };
1770
1783
 
1771
- var _path$1C;
1772
- 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); }
1784
+ var _path$1D;
1785
+ 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); }
1773
1786
  var SvgIconDownloadSmall = function SvgIconDownloadSmall(props) {
1774
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1G({
1787
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1I({
1775
1788
  xmlns: "http://www.w3.org/2000/svg",
1776
1789
  width: 16,
1777
1790
  height: 16
1778
- }, props), _path$1C || (_path$1C = /*#__PURE__*/React__namespace.createElement("path", {
1791
+ }, props), _path$1D || (_path$1D = /*#__PURE__*/React__namespace.createElement("path", {
1779
1792
  fillRule: "evenodd",
1780
1793
  d: "M8.011.914a.98.98 0 0 1 .713.3c.19.194.294.46.288.734v6.1l1.113-1.296a.98.98 0 0 1 .943-.334c.35.07.636.328.749.674a1.03 1.03 0 0 1-.207 1.002l-2.847 3.313a.98.98 0 0 1-.741.34.98.98 0 0 1-.742-.34l-2.844-3.31a1.03 1.03 0 0 1-.205-1.036.98.98 0 0 1 1.685-.31L7.03 8.047V1.953a1.03 1.03 0 0 1 .28-.732 1 1 0 0 1 .57-.296l.13-.01Zm5.47 9.265c-.538.062-.955.52-.955 1.074l-.001 1.453H3.477l.001-1.453a1.082 1.082 0 1 0-2.164 0v2.529c0 .604.485 1.089 1.082 1.089h11.208c.555 0 1.012-.418 1.074-.956l.01-.178.002-2.484c0-.597-.485-1.082-1.082-1.082z"
1781
1794
  })));
1782
1795
  };
1783
1796
 
1784
- var _path$1B;
1785
- 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); }
1797
+ var _path$1C;
1798
+ 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); }
1786
1799
  var SvgIconEditLarge = function SvgIconEditLarge(props) {
1787
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1F({
1800
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1H({
1788
1801
  xmlns: "http://www.w3.org/2000/svg",
1789
1802
  width: 24,
1790
1803
  height: 24
1791
- }, props), _path$1B || (_path$1B = /*#__PURE__*/React__namespace.createElement("path", {
1804
+ }, props), _path$1C || (_path$1C = /*#__PURE__*/React__namespace.createElement("path", {
1792
1805
  fillRule: "evenodd",
1793
1806
  d: "M7.218 12.483a.8.8 0 0 0-.232.485l-.394 3.55a.81.81 0 0 0 .893.893l3.55-.394a.8.8 0 0 0 .485-.232l9.085-9.09a1.93 1.93 0 0 0 .101-2.61l.004-.006-1.684-1.684a1.93 1.93 0 0 0-2.722 0zm12.24-5.932-.002.003-1.624 1.624-2.01-2.01 1.627-1.626c.12-.12.313-.12.433 0l1.576 1.577c.12.12.12.313 0 .432m-4.78.761 2.01 2.01-6.114 6.115-2.261.25.25-2.26zM3.447 4.09a2.1 2.1 0 0 0-.614 1.482v13.5a2.096 2.096 0 0 0 2.096 2.096h13.5a2.096 2.096 0 0 0 2.096-2.096v-5.786a.81.81 0 0 0-1.62 0v5.786a.476.476 0 0 1-.476.477H4.93a.476.476 0 0 1-.477-.477v-13.5a.476.476 0 0 1 .477-.476h5.786a.81.81 0 1 0 0-1.62H4.929c-.556 0-1.089.221-1.482.614"
1794
1807
  })));
1795
1808
  };
1796
1809
 
1797
- var _path$1A;
1798
- 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); }
1810
+ var _path$1B;
1811
+ 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); }
1799
1812
  var SvgIconEditSmall = function SvgIconEditSmall(props) {
1800
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1E({
1813
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1G({
1801
1814
  xmlns: "http://www.w3.org/2000/svg",
1802
1815
  width: 16,
1803
1816
  height: 16
1804
- }, props), _path$1A || (_path$1A = /*#__PURE__*/React__namespace.createElement("path", {
1817
+ }, props), _path$1B || (_path$1B = /*#__PURE__*/React__namespace.createElement("path", {
1805
1818
  fillRule: "evenodd",
1806
1819
  d: "m9.414 4.41 2.7 2.795-8.004 8.004-2.922.504a.286.286 0 0 1-.33-.33l.506-2.926 8.05-8.048Zm3.786-3.2.081.054.096.085 1.879 1.88a.59.59 0 0 1 0 .833l-1.875 1.874-2.7-2.795 1.827-1.827a.59.59 0 0 1 .692-.104"
1807
1820
  })));
1808
1821
  };
1809
1822
 
1810
- var _path$1z, _path2$q;
1811
- 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); }
1823
+ var _path$1A, _path2$r;
1824
+ 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); }
1812
1825
  var SvgIconEnvelopeSmall = function SvgIconEnvelopeSmall(props) {
1813
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1D({
1826
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1F({
1814
1827
  xmlns: "http://www.w3.org/2000/svg",
1815
1828
  width: 16,
1816
1829
  height: 16
1817
- }, props), _path$1z || (_path$1z = /*#__PURE__*/React__namespace.createElement("path", {
1830
+ }, props), _path$1A || (_path$1A = /*#__PURE__*/React__namespace.createElement("path", {
1818
1831
  d: "M0 3.482V13.2a.8.8 0 0 0 .8.8h14.4a.8.8 0 0 0 .8-.8V3.482l-6.258 6.605a2.4 2.4 0 0 1-3.484 0z"
1819
- })), _path2$q || (_path2$q = /*#__PURE__*/React__namespace.createElement("path", {
1832
+ })), _path2$r || (_path2$r = /*#__PURE__*/React__namespace.createElement("path", {
1820
1833
  d: "M8.58 8.987 15.2 2H.8l6.62 6.987a.8.8 0 0 0 1.16 0"
1821
1834
  })));
1822
1835
  };
1823
1836
 
1824
- var _path$1y, _path2$p;
1825
- 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); }
1837
+ var _path$1z, _path2$q;
1838
+ 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); }
1826
1839
  var SvgIconExclamationMarkCircleLarge = function SvgIconExclamationMarkCircleLarge(props) {
1827
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1C({
1840
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1E({
1828
1841
  xmlns: "http://www.w3.org/2000/svg",
1829
1842
  width: 24,
1830
1843
  height: 24
1831
- }, props), _path$1y || (_path$1y = /*#__PURE__*/React__namespace.createElement("path", {
1844
+ }, props), _path$1z || (_path$1z = /*#__PURE__*/React__namespace.createElement("path", {
1832
1845
  fillRule: "evenodd",
1833
1846
  d: "M12 14.53c-.662 0-1.354-.425-1.404-1.375l-.28-6.545v-.025c0-.93.755-1.687 1.685-1.687s1.686.757 1.686 1.687v.024l-.28 6.54A1.41 1.41 0 0 1 12 14.531Zm.453-7.603a.45.45 0 0 0-.9 0l.249 5.791c.01.19.07.223.2.223.058 0 .192-.022.202-.225l.248-5.789Zm-1.816 8.892c.36-.36.857-.566 1.364-.566a1.935 1.935 0 0 1 1.927 1.927c0 .51-.208 1.008-.569 1.365a1.92 1.92 0 0 1-1.358.56 1.94 1.94 0 0 1-1.364-.563 1.94 1.94 0 0 1-.563-1.363c0-.506.206-1.002.563-1.36m.852 1.88c.267.27.757.27 1.019.003A.727.727 0 0 0 12 16.457a.727.727 0 0 0-.512 1.243Z"
1834
- })), _path2$p || (_path2$p = /*#__PURE__*/React__namespace.createElement("path", {
1847
+ })), _path2$q || (_path2$q = /*#__PURE__*/React__namespace.createElement("path", {
1835
1848
  fillRule: "evenodd",
1836
1849
  d: "M22.364 12c0 5.724-4.64 10.364-10.364 10.364S1.636 17.724 1.636 12 6.276 1.636 12 1.636 22.364 6.276 22.364 12m-1.582 0a8.782 8.782 0 1 1-17.564 0 8.782 8.782 0 0 1 17.564 0"
1837
1850
  })));
1838
1851
  };
1839
1852
 
1840
- var _path$1x;
1841
- 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); }
1853
+ var _path$1y;
1854
+ 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); }
1842
1855
  var SvgIconExclamationMarkCircleSmall = function SvgIconExclamationMarkCircleSmall(props) {
1843
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1B({
1856
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1D({
1844
1857
  xmlns: "http://www.w3.org/2000/svg",
1845
1858
  width: 16,
1846
1859
  height: 16
1847
- }, props), _path$1x || (_path$1x = /*#__PURE__*/React__namespace.createElement("path", {
1860
+ }, props), _path$1y || (_path$1y = /*#__PURE__*/React__namespace.createElement("path", {
1848
1861
  fillRule: "evenodd",
1849
1862
  d: "M8 14.4A6.4 6.4 0 1 0 8 1.6a6.4 6.4 0 0 0 0 12.8M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16M7.086 4.743a.914.914 0 1 1 1.828 0v3.314a.914.914 0 0 1-1.828 0zM8 12.17a1.029 1.029 0 1 0 0-2.057 1.029 1.029 0 0 0 0 2.057"
1850
1863
  })));
1851
1864
  };
1852
1865
 
1853
- var _path$1w, _path2$o, _path3$4;
1854
- 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); }
1866
+ var _path$1x, _path2$p, _path3$4;
1867
+ 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); }
1855
1868
  var SvgIconExclamationMarkSpeechBubbleLarge = function SvgIconExclamationMarkSpeechBubbleLarge(props) {
1856
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1A({
1869
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1C({
1857
1870
  xmlns: "http://www.w3.org/2000/svg",
1858
1871
  width: 24,
1859
1872
  height: 24
1860
- }, props), _path$1w || (_path$1w = /*#__PURE__*/React__namespace.createElement("path", {
1873
+ }, props), _path$1x || (_path$1x = /*#__PURE__*/React__namespace.createElement("path", {
1861
1874
  d: "M10.931 9.436a1.036 1.036 0 0 0 2.073 0V2.782a1.036 1.036 0 0 0-2.073 0z"
1862
- })), _path2$o || (_path2$o = /*#__PURE__*/React__namespace.createElement("path", {
1875
+ })), _path2$p || (_path2$p = /*#__PURE__*/React__namespace.createElement("path", {
1863
1876
  d: "m10.68 18.4-3.477 3.166V18.4H4.027V5.545h3.5a.807.807 0 0 0 .808-.809.807.807 0 0 0-.808-.809h-3.96c-.632 0-1.145.513-1.145 1.146v13.772c0 .633.513 1.146 1.145 1.146h2.03v2.623c0 .997 1.187 1.518 1.921.843l3.774-3.466 9.136.002c.633 0 1.146-.513 1.146-1.146l-.002-13.774c0-.633-.513-1.146-1.146-1.146h-3.723a.809.809 0 0 0 0 1.618h3.263v12.854H10.68Z"
1864
1877
  })), _path3$4 || (_path3$4 = /*#__PURE__*/React__namespace.createElement("path", {
1865
1878
  d: "m12.922 15.012-.005.005c-.226.231-.574.365-.95.365-.377 0-.73-.136-.966-.373a1.4 1.4 0 0 1-.397-.978c0-.356.151-.724.397-.971.257-.258.61-.405.966-.405.348 0 .7.145.964.41l.002.002a1.374 1.374 0 0 1-.011 1.945"
1866
1879
  })));
1867
1880
  };
1868
1881
 
1869
- var _path$1v;
1870
- 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); }
1882
+ var _path$1w;
1883
+ 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); }
1871
1884
  var SvgIconEyeClosedSmall = function SvgIconEyeClosedSmall(props) {
1872
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1z({
1885
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1B({
1873
1886
  xmlns: "http://www.w3.org/2000/svg",
1874
1887
  width: 16,
1875
1888
  height: 16
1876
- }, props), _path$1v || (_path$1v = /*#__PURE__*/React__namespace.createElement("path", {
1889
+ }, props), _path$1w || (_path$1w = /*#__PURE__*/React__namespace.createElement("path", {
1877
1890
  fillRule: "evenodd",
1878
1891
  d: "M1.377 13.492a.8.8 0 1 0 1.132 1.13l2.02-2.02c1.042.603 2.218 1.024 3.471 1.024 4.32 0 7.725-5.004 7.868-5.216a.84.84 0 0 0 0-.908 16 16 0 0 0-3.006-3.233l1.763-1.762a.8.8 0 0 0-1.132-1.132l-1.967 1.967C10.471 2.722 9.276 2.286 8 2.286 3.68 2.286.275 7.29.132 7.502a.84.84 0 0 0 0 .908 16 16 0 0 0 3.055 3.271l-1.81 1.81Zm4.735-2.473a3.598 3.598 0 0 0 4.951-4.951L9.788 7.343a1.89 1.89 0 0 1-2.4 2.4L6.111 11.02Zm.123-2.386L4.971 9.898a3.598 3.598 0 0 1 4.971-4.971L8.677 6.19a1.89 1.89 0 0 0-2.442 2.442Z"
1879
1892
  })));
1880
1893
  };
1881
1894
 
1882
- var _path$1u, _path2$n;
1883
- 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); }
1895
+ var _path$1v, _path2$o;
1896
+ 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); }
1884
1897
  var SvgIconEyeOpenSmall = function SvgIconEyeOpenSmall(props) {
1885
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1y({
1898
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1A({
1886
1899
  xmlns: "http://www.w3.org/2000/svg",
1887
1900
  width: 16,
1888
1901
  height: 16
1889
- }, props), _path$1u || (_path$1u = /*#__PURE__*/React__namespace.createElement("path", {
1902
+ }, props), _path$1v || (_path$1v = /*#__PURE__*/React__namespace.createElement("path", {
1890
1903
  d: "M9.89 8a1.89 1.89 0 1 0-3.78 0 1.89 1.89 0 0 0 3.78 0"
1891
- })), _path2$n || (_path2$n = /*#__PURE__*/React__namespace.createElement("path", {
1904
+ })), _path2$o || (_path2$o = /*#__PURE__*/React__namespace.createElement("path", {
1892
1905
  fillRule: "evenodd",
1893
1906
  d: "M15.868 7.546C15.725 7.334 12.319 2.33 8 2.33S.275 7.334.132 7.546a.84.84 0 0 0 0 .908C.275 8.666 3.68 13.67 8 13.67s7.725-5.004 7.868-5.216a.84.84 0 0 0 0-.908M4.402 8a3.598 3.598 0 1 1 7.196 0 3.598 3.598 0 0 1-7.196 0"
1894
1907
  })));
1895
1908
  };
1896
1909
 
1897
- var _path$1t;
1898
- 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); }
1910
+ var _path$1u;
1911
+ 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); }
1899
1912
  var SvgIconFilterSmall = function SvgIconFilterSmall(props) {
1900
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1x({
1913
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1z({
1901
1914
  xmlns: "http://www.w3.org/2000/svg",
1902
1915
  width: 16,
1903
1916
  height: 16
1904
- }, props), _path$1t || (_path$1t = /*#__PURE__*/React__namespace.createElement("path", {
1917
+ }, props), _path$1u || (_path$1u = /*#__PURE__*/React__namespace.createElement("path", {
1905
1918
  d: "M1.143 3.429c0-.632.512-1.143 1.143-1.143h11.428a1.143 1.143 0 1 1 0 2.285H2.286A1.143 1.143 0 0 1 1.143 3.43ZM3.429 8c0-.631.511-1.143 1.142-1.143h6.858a1.143 1.143 0 1 1 0 2.286H4.57A1.143 1.143 0 0 1 3.43 8Zm3.428 3.429a1.143 1.143 0 1 0 0 2.285h2.286a1.143 1.143 0 0 0 0-2.285z"
1906
1919
  })));
1907
1920
  };
1908
1921
 
1909
- var _path$1s;
1910
- 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); }
1922
+ var _path$1t;
1923
+ 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); }
1911
1924
  var SvgIconFlagCheckSmall = function SvgIconFlagCheckSmall(props) {
1912
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1w({
1925
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1y({
1913
1926
  xmlns: "http://www.w3.org/2000/svg",
1914
1927
  width: 16,
1915
1928
  height: 16
1916
- }, props), _path$1s || (_path$1s = /*#__PURE__*/React__namespace.createElement("path", {
1929
+ }, props), _path$1t || (_path$1t = /*#__PURE__*/React__namespace.createElement("path", {
1917
1930
  fillRule: "evenodd",
1918
1931
  d: "M.893 2.286h9.487a.86.86 0 0 1 .58.229l4.417 4.039c.195.179.352.4.46.65a2.01 2.01 0 0 1 0 1.592c-.108.25-.265.471-.46.65l-4.416 4.039a.86.86 0 0 1-.58.23H.892a.87.87 0 0 1-.632-.28.99.99 0 0 1-.261-.673V3.238c0-.252.094-.495.261-.673a.87.87 0 0 1 .632-.28Zm7.594 3.458A.866.866 0 0 1 9.674 5.6a.8.8 0 0 1 .212 1.053l-.064.092-3.288 4.082a.866.866 0 0 1-1.243.096l-.084-.088L3.328 8.57a.797.797 0 0 1 .132-1.147.87.87 0 0 1 1.11.045l.078.082 1.209 1.46z"
1919
1932
  })));
1920
1933
  };
1921
1934
 
1922
- var _path$1r;
1923
- 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); }
1935
+ var _path$1s;
1936
+ 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); }
1924
1937
  var SvgIconFlagOutlineSmall = function SvgIconFlagOutlineSmall(props) {
1925
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1v({
1938
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1x({
1926
1939
  xmlns: "http://www.w3.org/2000/svg",
1927
1940
  width: 16,
1928
1941
  height: 16
1929
- }, props), _path$1r || (_path$1r = /*#__PURE__*/React__namespace.createElement("path", {
1942
+ }, props), _path$1s || (_path$1s = /*#__PURE__*/React__namespace.createElement("path", {
1930
1943
  fillRule: "evenodd",
1931
1944
  d: "M15.377 6.554 10.96 2.515a.86.86 0 0 0-.58-.23H.892a.87.87 0 0 0-.632.28.99.99 0 0 0-.26.673v9.524c0 .252.094.495.261.673a.87.87 0 0 0 .632.28h9.487a.86.86 0 0 0 .58-.23l4.417-4.039c.195-.179.352-.4.46-.65a2.01 2.01 0 0 0 0-1.592 1.9 1.9 0 0 0-.46-.65m-.772 2.049a.8.8 0 0 0 .182-.26.87.87 0 0 0 0-.687.8.8 0 0 0-.182-.259L10.266 3.43H1.143v9.142h9.123z"
1932
1945
  })));
1933
1946
  };
1934
1947
 
1935
- var _path$1q;
1936
- 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); }
1948
+ var _path$1r;
1949
+ 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); }
1937
1950
  var SvgIconFlagQuestionMarkSmall = function SvgIconFlagQuestionMarkSmall(props) {
1938
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1u({
1951
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1w({
1939
1952
  xmlns: "http://www.w3.org/2000/svg",
1940
1953
  width: 16,
1941
1954
  height: 16
1942
- }, props), _path$1q || (_path$1q = /*#__PURE__*/React__namespace.createElement("path", {
1955
+ }, props), _path$1r || (_path$1r = /*#__PURE__*/React__namespace.createElement("path", {
1943
1956
  fillRule: "evenodd",
1944
1957
  d: "M10.38 2.286H.893c-.237 0-.464.1-.632.279A.99.99 0 0 0 0 3.238v9.524c0 .252.094.495.261.673a.87.87 0 0 0 .632.28h9.487a.86.86 0 0 0 .58-.23l4.417-4.039c.195-.179.352-.4.46-.65a2.01 2.01 0 0 0 0-1.592 1.9 1.9 0 0 0-.46-.65L10.96 2.515a.86.86 0 0 0-.58-.23ZM9.278 6.184c-.054-.975-1.012-2.078-2.366-2.118S4.646 5.079 4.489 5.97c0 0-.014.076-.02.15a.9.9 0 0 0 .02.267c.019.056.198.487.7.487.271 0 .448-.075.52-.219.052-.092.094-.241.125-.35l.014-.05.002-.004c.031-.11.083-.289.298-.496.184-.177.384-.283.633-.31l.087-.007.084-.002c.684 0 .823.49.823.83 0 .316-.335.642-.639.937a8 8 0 0 0-.184.183l-.05.051c-.316.323-.635.649-.794 1.038-.168.41-.028.67.052.75l.022.023c.086.09.247.258.58.258.365 0 .578-.1.71-.23.058-.059.11-.158.18-.294.089-.17.208-.398.408-.676a9 9 0 0 1 .358-.451c.37-.448.805-.974.85-1.382l.009-.1.003-.105zM6.8 10.086a.844.844 0 0 1 .84.84.842.842 0 0 1-1.435.594.845.845 0 0 1 0-1.188.85.85 0 0 1 .595-.246"
1945
1958
  })));
1946
1959
  };
1947
1960
 
1948
- var _path$1p;
1949
- 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); }
1961
+ var _path$1q;
1962
+ 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); }
1950
1963
  var SvgIconFlagXMarkSmall = function SvgIconFlagXMarkSmall(props) {
1951
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1t({
1964
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1v({
1952
1965
  xmlns: "http://www.w3.org/2000/svg",
1953
1966
  width: 16,
1954
1967
  height: 16
1955
- }, props), _path$1p || (_path$1p = /*#__PURE__*/React__namespace.createElement("path", {
1968
+ }, props), _path$1q || (_path$1q = /*#__PURE__*/React__namespace.createElement("path", {
1956
1969
  fillRule: "evenodd",
1957
1970
  d: "M.893 2.286h9.487a.86.86 0 0 1 .58.229l4.417 4.039c.195.179.352.4.46.65a2.01 2.01 0 0 1 0 1.592c-.108.25-.265.471-.46.65l-4.416 4.039a.86.86 0 0 1-.58.23H.892a.87.87 0 0 1-.632-.28.99.99 0 0 1-.261-.673V3.238c0-.252.094-.495.261-.673a.87.87 0 0 1 .632-.28Zm3.74 3.063a.705.705 0 1 0-.998.998l1.796 1.796-1.796 1.796a.705.705 0 1 0 .998.997L6.429 9.14l1.795 1.796a.705.705 0 1 0 .998-.997L7.426 8.143l1.796-1.796a.705.705 0 1 0-.998-.998L6.43 7.145z"
1958
1971
  })));
1959
1972
  };
1960
1973
 
1961
- var _path$1o;
1962
- 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); }
1974
+ var _path$1p;
1975
+ 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); }
1963
1976
  var SvgIconFlaskLarge = function SvgIconFlaskLarge(props) {
1964
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1s({
1977
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1u({
1965
1978
  xmlns: "http://www.w3.org/2000/svg",
1966
1979
  width: 24,
1967
1980
  height: 24
1968
- }, props), _path$1o || (_path$1o = /*#__PURE__*/React__namespace.createElement("path", {
1981
+ }, props), _path$1p || (_path$1p = /*#__PURE__*/React__namespace.createElement("path", {
1969
1982
  fillRule: "evenodd",
1970
1983
  d: "M6.231 21.75a2.2 2.2 0 0 1-1.122-.327c-.977-.641-1.276-1.97-.672-2.988l1.196-2.022a.7.7 0 0 1 .244-.395l3.204-5.42V6.15c-.852-.198-1.45-.986-1.433-1.885v-.1c0-1.057.833-1.915 1.861-1.915h4.958c1.027 0 1.86.858 1.86 1.916v.099c.018.899-.58 1.687-1.432 1.885v4.447l3.204 5.42c.123.1.21.24.244.396l1.196 2.022c.604 1.018.305 2.347-.672 2.988-.34.208-.727.32-1.122.327zm11.514-1.665a.47.47 0 0 0 .344-.142.5.5 0 0 0 .143-.352.5.5 0 0 0-.088-.274l-1.086-1.81H6.918l-1.086 1.81a.5.5 0 0 0-.088.274c0 .132.051.26.143.352a.47.47 0 0 0 .344.142zM14.3 3.93H9.675a.23.23 0 0 0-.228.236v.099c0 .13.102.235.228.235h.392a.83.83 0 0 1 .812.837v5.504a.8.8 0 0 1-.118.425L8.066 15.79h7.844l-2.695-4.524a.8.8 0 0 1-.118-.425V5.337a.83.83 0 0 1 .812-.837h.391a.23.23 0 0 0 .23-.235v-.1a.23.23 0 0 0-.23-.235"
1971
1984
  })));
1972
1985
  };
1973
1986
 
1974
- var _path$1n, _path2$m;
1975
- 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); }
1987
+ var _path$1o, _path2$n;
1988
+ 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); }
1976
1989
  var SvgIconFlaskPrivateLarge = function SvgIconFlaskPrivateLarge(props) {
1977
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1r({
1990
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1t({
1978
1991
  xmlns: "http://www.w3.org/2000/svg",
1979
1992
  width: 24,
1980
1993
  height: 24
1981
- }, props), _path$1n || (_path$1n = /*#__PURE__*/React__namespace.createElement("path", {
1994
+ }, props), _path$1o || (_path$1o = /*#__PURE__*/React__namespace.createElement("path", {
1982
1995
  fill: "#CCC",
1983
1996
  fillRule: "evenodd",
1984
1997
  d: "M12.946 18.82v-.235H5.152a.489.489 0 0 1-.407-.768l1.109-1.81h7.84a5.62 5.62 0 0 1 2.806-2.47L13.837 9.12V4.673c.879-.2 1.493-1 1.463-1.908v-.1A1.91 1.91 0 0 0 13.4.75H8.502c-1.05 0-1.901.858-1.901 1.916v.099A1.89 1.89 0 0 0 8.065 4.65v4.447l-3.275 5.42a.7.7 0 0 0-.249.396L3.32 16.935a2.2 2.2 0 0 0 .686 2.988c.348.208.743.32 1.147.327h7.983a5.7 5.7 0 0 1-.189-1.43M9.611 9.805a.8.8 0 0 0 .129-.433V3.867a.84.84 0 0 0-.838-.836h-.4a.225.225 0 0 1-.226-.236v-.13c0-.126.1-.23.226-.235H13.4c.13 0 .234.106.234.236v.099c0 .13-.105.235-.234.235h-.4a.84.84 0 0 0-.83.837V9.34c-.002.15.04.299.12.425l2.755 4.524H6.857z",
1985
1998
  clipRule: "evenodd"
1986
- })), _path2$m || (_path2$m = /*#__PURE__*/React__namespace.createElement("path", {
1999
+ })), _path2$n || (_path2$n = /*#__PURE__*/React__namespace.createElement("path", {
1987
2000
  fillRule: "evenodd",
1988
2001
  d: "M18.375 12.75a5.625 5.625 0 1 1 0 11.25 5.625 5.625 0 0 1 0-11.25m.011 2.124c-1.042 0-1.904.81-1.968 1.851v.66a.66.66 0 0 0-.66.652v2.626c0 .364.295.66.66.66h3.93a.653.653 0 0 0 .652-.66l.008-2.625a.65.65 0 0 0-.653-.653v-.66a1.97 1.97 0 0 0-1.969-1.85m-.011 3.583c.27 0 .488.219.488.488a.48.48 0 0 1-.248.413v.674a.24.24 0 0 1-.473 0v-.674a.47.47 0 0 1-.247-.413c0-.266.214-.483.48-.488m0-3.045a1.313 1.313 0 0 1 1.313 1.313v.66h-2.625v-.66a1.32 1.32 0 0 1 1.312-1.313",
1989
2002
  clipRule: "evenodd"
1990
2003
  })));
1991
2004
  };
1992
2005
 
1993
- var _path$1m, _path2$l;
1994
- 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); }
2006
+ var _path$1n, _path2$m;
2007
+ 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); }
1995
2008
  var SvgIconFlaskPublicLarge = function SvgIconFlaskPublicLarge(props) {
1996
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1q({
2009
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1s({
1997
2010
  xmlns: "http://www.w3.org/2000/svg",
1998
2011
  width: 24,
1999
2012
  height: 24
2000
- }, props), _path$1m || (_path$1m = /*#__PURE__*/React__namespace.createElement("path", {
2013
+ }, props), _path$1n || (_path$1n = /*#__PURE__*/React__namespace.createElement("path", {
2001
2014
  fill: "#CCC",
2002
2015
  fillRule: "evenodd",
2003
2016
  d: "M12.946 18.82v-.235H5.152a.489.489 0 0 1-.407-.768l1.109-1.81h7.84a5.62 5.62 0 0 1 2.806-2.47L13.837 9.12V4.673c.879-.2 1.493-1 1.463-1.908v-.1A1.91 1.91 0 0 0 13.4.75H8.502c-1.05 0-1.901.858-1.901 1.916v.099A1.89 1.89 0 0 0 8.065 4.65v4.447l-3.275 5.42a.7.7 0 0 0-.249.396L3.32 16.935a2.2 2.2 0 0 0 .686 2.988c.348.208.743.32 1.147.327h7.983a5.7 5.7 0 0 1-.189-1.43ZM9.611 9.805a.8.8 0 0 0 .129-.433V3.867a.84.84 0 0 0-.838-.836h-.4a.225.225 0 0 1-.226-.236v-.13c0-.126.1-.23.226-.235H13.4c.13 0 .234.106.234.236v.099c0 .13-.105.235-.234.235H13a.84.84 0 0 0-.83.837V9.34c-.002.15.04.299.12.425l2.755 4.524H6.857l2.754-4.486Z"
2004
- })), _path2$l || (_path2$l = /*#__PURE__*/React__namespace.createElement("path", {
2017
+ })), _path2$m || (_path2$m = /*#__PURE__*/React__namespace.createElement("path", {
2005
2018
  fillRule: "evenodd",
2006
2019
  d: "M18.83 12.768a5.625 5.625 0 1 0-.91 11.214 5.625 5.625 0 0 0 .91-11.213Zm.644.818q.328.077.645.187.176.121.383.173a4.8 4.8 0 0 1 1.582 1.192q.045.053.053.12a.65.65 0 0 1 0 .315.6.6 0 0 0-.045.188.28.28 0 0 0 .217.24q.142.018.285 0a.18.18 0 0 1 .165.12q.064.19.173.36a4.8 4.8 0 0 1 .36 1.657.3.3 0 0 1-.075.21q-.15.166-.263.36a5.5 5.5 0 0 1-.577 1.073 1.2 1.2 0 0 0-.315.45 2.3 2.3 0 0 0-.045.382c0 .053-.098.053-.15 0a2.9 2.9 0 0 1-.405-.937c-.045-.24-.098-.48-.165-.75a.98.98 0 0 0-.435-.578 2.2 2.2 0 0 0-.75-.112.89.89 0 0 1-.75-.27.57.57 0 0 1-.12-.33 1.5 1.5 0 0 1 .75-1.583c.067-.052.142-.075.21-.12a.51.51 0 0 0 .172-.502.068.068 0 0 0-.097-.053q-.212.066-.405.173c-.075 0-.15 0-.12-.075a2.8 2.8 0 0 1 .09-.75 1.04 1.04 0 0 0 0-.75.23.23 0 0 0-.15-.098h-.668q.175-.106.308-.262a.2.2 0 0 1 .142-.03m-2.422.067a.083.083 0 0 1 .12.053c.075.12.12.24.195.382.148.29.165.629.045.93-.165.338-.548.48-.863.653a4.4 4.4 0 0 0-1.605 1.432s-.045.075-.067.075a.083.083 0 0 1-.12-.052.6.6 0 0 1-.195-.165s-.09 0-.09.075a.75.75 0 0 0 .352.862.5.5 0 0 1 .15.09c.09.12 0 .293 0 .435s.263.308.48.285a2.4 2.4 0 0 0 .57-.187 1.44 1.44 0 0 1 1.298.165c.187.12.36.315.547.435a.93.93 0 0 0 .578.187.2.2 0 0 1 .12.045.69.69 0 0 1-.12.6 5 5 0 0 1-.525.503c-.413.457-.503 1.155-.84 1.657a1.4 1.4 0 0 0-.195.308 1.3 1.3 0 0 0-.045.502s0 .075-.045.053a1 1 0 0 1-.24-.098.16.16 0 0 1-.098-.12 6.5 6.5 0 0 0-.697-1.987 1.7 1.7 0 0 0-.525-.645c-.075-.053-.143-.098-.165-.173s0-.12 0-.165a1.85 1.85 0 0 0-.75-1.702.6.6 0 0 1-.24-.218c-.053-.09-.053-.24-.098-.33a1.4 1.4 0 0 0-.337-.292c-.045 0-.045-.068-.045-.12a4.88 4.88 0 0 1 3.45-3.473"
2007
2020
  })));
2008
2021
  };
2009
2022
 
2010
- var _path$1l;
2011
- 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); }
2023
+ var _path$1m;
2024
+ 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); }
2012
2025
  var SvgIconGearSmall = function SvgIconGearSmall(props) {
2013
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1p({
2026
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1r({
2014
2027
  xmlns: "http://www.w3.org/2000/svg",
2015
2028
  width: 16,
2016
2029
  height: 16
2017
- }, props), _path$1l || (_path$1l = /*#__PURE__*/React__namespace.createElement("path", {
2030
+ }, props), _path$1m || (_path$1m = /*#__PURE__*/React__namespace.createElement("path", {
2018
2031
  fillRule: "evenodd",
2019
2032
  d: "M15.19 6.4h-1.848c-.11-.37-.27-.71-.45-1.04L14.252 4a.805.805 0 0 0 0-1.13l-1.13-1.13a.8.8 0 0 0-1.13 0L10.633 3.1c-.33-.17-.67-.33-1.039-.44V.8c0-.44-.36-.8-.8-.8H7.195c-.44 0-.799.36-.799.8v1.86c-.39.12-.75.28-1.1.47l-1.299-1.3c-.3-.3-.789-.3-1.089 0l-1.08 1.09a.774.774 0 0 0 0 1.09l1.3 1.3c-.2.34-.36.7-.48 1.09H.8c-.44 0-.8.36-.8.8v1.6c0 .44.36.8.8.8h1.848c.11.37.27.71.45 1.04L1.738 12a.805.805 0 0 0 0 1.13l1.13 1.13c.31.31.82.31 1.13 0l1.359-1.36c.33.18.67.33 1.039.44v1.86c0 .44.36.8.8.8h1.598c.44 0 .8-.36.8-.8v-1.86c.39-.12.75-.28 1.1-.47l1.298 1.3c.3.3.79.3 1.09 0l1.09-1.09a.774.774 0 0 0 0-1.09l-1.3-1.3c.19-.35.36-.71.48-1.1H15.2c.44 0 .8-.36.8-.8v-1.6a.816.816 0 0 0-.81-.79M7.995 11a2.995 2.995 0 0 1-2.998-3c0-1.66 1.339-3 2.998-3a2.995 2.995 0 0 1 2.998 3c0 1.66-1.339 3-2.998 3"
2020
2033
  })));
2021
2034
  };
2022
2035
 
2023
- var _path$1k;
2024
- 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); }
2036
+ var _path$1l;
2037
+ 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); }
2025
2038
  var SvgIconGlobeBasicLarge = function SvgIconGlobeBasicLarge(props) {
2026
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1o({
2039
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1q({
2027
2040
  xmlns: "http://www.w3.org/2000/svg",
2028
2041
  width: 24,
2029
2042
  height: 24
2030
- }, props), _path$1k || (_path$1k = /*#__PURE__*/React__namespace.createElement("path", {
2043
+ }, props), _path$1l || (_path$1l = /*#__PURE__*/React__namespace.createElement("path", {
2031
2044
  fillRule: "evenodd",
2032
2045
  d: "M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0m-.818 13.32v9.211c-.886-.319-1.826-1.164-2.652-2.678-.908-1.665-1.55-3.941-1.714-6.533zm1.32 0v9.303c.974-.217 2.042-1.074 2.967-2.77.909-1.665 1.55-3.941 1.715-6.533zM17.225 12h-4.723V1.377c.974.217 2.042 1.074 2.967 2.77C16.53 6.09 17.227 8.864 17.227 12Zm1.281 1.32c-.219 3.668-1.34 6.84-2.947 8.753a10.69 10.69 0 0 0 7.04-8.753zM22.68 12c0-4.65-2.972-8.607-7.12-10.073C17.356 4.067 18.545 7.78 18.545 12zm-11.498 0H6.775c0-3.136.696-5.91 1.755-7.853.826-1.514 1.766-2.36 2.652-2.678zm-5.727 0c0-4.221 1.188-7.934 2.986-10.073C4.292 3.393 1.32 7.35 1.32 12zM1.4 13.32a10.69 10.69 0 0 0 7.04 8.753c-1.608-1.913-2.728-5.085-2.947-8.753z"
2033
2046
  })));
2034
2047
  };
2035
2048
 
2036
- var _path$1j;
2037
- 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); }
2049
+ var _path$1k;
2050
+ 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); }
2038
2051
  var SvgIconGlobeSmall = function SvgIconGlobeSmall(props) {
2039
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1n({
2052
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1p({
2040
2053
  xmlns: "http://www.w3.org/2000/svg",
2041
2054
  width: 16,
2042
2055
  height: 16
2043
- }, props), _path$1j || (_path$1j = /*#__PURE__*/React__namespace.createElement("path", {
2056
+ }, props), _path$1k || (_path$1k = /*#__PURE__*/React__namespace.createElement("path", {
2044
2057
  fillRule: "evenodd",
2045
2058
  d: "M8.633.2C3.833-.2-.2 3.833.2 8.633c.3 3.8 3.367 6.867 7.167 7.167 4.833.4 8.833-3.633 8.433-8.433C15.5 3.567 12.433.5 8.633.2m.9 1.133c.3.067.6.167.9.267.167.1.334.2.534.233.833.4 1.6.967 2.2 1.667.033.033.066.1.066.167.034.133 0 .3-.033.433-.033.1-.067.167-.067.267 0 .166.167.3.3.333.1.033.267.033.4.033.1 0 .2.067.234.167.066.167.166.433.233.5q.45 1.1.5 2.3c0 .1-.033.233-.1.3a2.8 2.8 0 0 0-.367.5c-.233.467-.433 1-.766 1.4-.167.2-.367.367-.434.633-.066.167-.033.367-.066.534 0 .066-.134.066-.2.033a3.8 3.8 0 0 1-.567-1.3c-.067-.333-.133-.667-.233-1s-.3-.633-.6-.8c-.334-.167-.7-.133-1.067-.167-.367 0-.767-.066-1-.366A.8.8 0 0 1 9.233 7c-.166-.867.3-1.8 1.067-2.2.1-.067.2-.1.3-.167a.69.69 0 0 0 .233-.7c0-.066-.1-.1-.133-.066-.2.066-.4.133-.567.233-.1.033-.2-.033-.166-.1 0-.3.033-.667.133-1 .1-.367.2-.767.033-1.067-.033-.066-.133-.133-.2-.133H9c-.033 0-.033-.033-.033-.033.166-.1.3-.234.433-.367a.25.25 0 0 1 .133-.067m-3.366.1c.066-.033.133 0 .166.067.1.167.167.333.267.533.167.434.267.9.067 1.3-.234.467-.767.667-1.2.9a6.14 6.14 0 0 0-2.234 2c-.033.034-.066.1-.1.1-.066.034-.133 0-.166-.066a.9.9 0 0 1-.267-.234c-.033-.033-.133.034-.133.1-.134.467.1.967.5 1.2.066.034.133.067.2.134.133.166 0 .4.033.6.033.266.367.433.667.4.3-.034.533-.167.8-.267.6-.2 1.3-.133 1.8.233.266.167.5.434.766.6.234.167.534.3.8.267.067 0 .134.033.167.067.1.266 0 .6-.167.833-.2.267-.5.467-.733.7-.567.633-.7 1.6-1.167 2.3-.1.133-.2.267-.266.433-.1.234-.067.467-.067.7 0 .034-.033.1-.067.067-.1-.033-.233-.067-.333-.133-.067-.034-.133-.1-.133-.167-.167-.967-.5-1.9-.967-2.767-.2-.333-.4-.7-.733-.9-.1-.066-.2-.133-.234-.233-.033-.067 0-.167 0-.233.134-.9-.3-1.834-1.033-2.367-.133-.1-.267-.167-.333-.3C2 7.167 2 6.967 1.933 6.833c-.066-.133-.333-.3-.466-.4-.067-.033-.067-.1-.067-.166.567-2.3 2.433-4.2 4.767-4.834"
2046
2059
  })));
2047
2060
  };
2048
2061
 
2049
- var _path$1i;
2050
- 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); }
2062
+ var _path$1j;
2063
+ 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); }
2051
2064
  var SvgIconGridLarge = function SvgIconGridLarge(props) {
2052
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1m({
2065
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1o({
2053
2066
  xmlns: "http://www.w3.org/2000/svg",
2054
2067
  width: 24,
2055
2068
  height: 24
2056
- }, props), _path$1i || (_path$1i = /*#__PURE__*/React__namespace.createElement("path", {
2069
+ }, props), _path$1j || (_path$1j = /*#__PURE__*/React__namespace.createElement("path", {
2057
2070
  fillRule: "evenodd",
2058
2071
  d: "M2.855 2.25a.66.66 0 0 0-.605.65v18.2c0 .359.302.65.675.65h18.9a.663.663 0 0 0 .675-.65V2.9a.663.663 0 0 0-.675-.65H2.855m.745 1.3h3.6v3.467H3.6V3.551Zm4.95 0h3.15v3.467H8.55V3.551Zm4.5 0h3.15v3.467h-3.15V3.551Zm4.5 0h3.6v3.467h-3.6V3.551ZM3.6 8.318h3.6v3.034H3.6zm4.95 0h3.15v3.034H8.55zm4.5 0h3.15v3.034h-3.15zm4.5 0h3.6v3.034h-3.6zM3.6 12.65h3.6v3.034H3.6zm4.95 0h3.15v3.034H8.55zm4.5 0h3.15v3.034h-3.15zm4.5 0h3.6v3.034h-3.6zM3.6 16.984h3.6v3.466H3.6zm4.95 0h3.15v3.466H8.55zm4.5 0h3.15v3.466h-3.15zm4.5 0h3.6v3.466h-3.6z"
2059
2072
  })));
2060
2073
  };
2061
2074
 
2062
- var _path$1h, _path2$k;
2063
- 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); }
2075
+ var _path$1i, _path2$l;
2076
+ 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); }
2064
2077
  var SvgIconGridPrivateLarge = function SvgIconGridPrivateLarge(props) {
2065
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1l({
2078
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1n({
2066
2079
  xmlns: "http://www.w3.org/2000/svg",
2067
2080
  width: 24,
2068
2081
  height: 24
2069
- }, props), _path$1h || (_path$1h = /*#__PURE__*/React__namespace.createElement("path", {
2082
+ }, props), _path$1i || (_path$1i = /*#__PURE__*/React__namespace.createElement("path", {
2070
2083
  fill: "#CCC",
2071
2084
  fillRule: "evenodd",
2072
2085
  d: "M12.852 18.98H10.76v-3.212h2.764a5 5 0 0 1 1.42-1.644v-2.54h3.211v1.27h.3c.373 0 .746.075 1.045.075V2.172a.67.67 0 0 0-.672-.672H1.348c-.374 0-.598.299-.598.672v17.406a.67.67 0 0 0 .672.672h11.654a3.5 3.5 0 0 1-.224-1.27m2.091-16.135h3.212v3.212h-3.212zm0 4.631h3.212v2.764h-3.212zM10.76 2.845h2.764v3.212H10.76zm0 4.631h2.764v2.764H10.76zm0 4.109h2.764v2.764H10.76zM5.232 18.98H2.02v-3.212h3.212zm0-4.631H2.02v-2.764h3.212zm0-4.109H2.02V7.476h3.212zm0-4.183H2.02V2.845h3.212zM9.415 18.98H6.651v-3.212h2.764zm0-4.631H6.651v-2.764h2.764zm0-4.109H6.651V7.476h2.764zm0-4.183H6.651V2.845h2.764z"
2073
- })), _path2$k || (_path2$k = /*#__PURE__*/React__namespace.createElement("path", {
2086
+ })), _path2$l || (_path2$l = /*#__PURE__*/React__namespace.createElement("path", {
2074
2087
  fillRule: "evenodd",
2075
2088
  d: "M18.375 12.75c3.15 0 5.625 2.55 5.625 5.625S21.45 24 18.375 24s-5.625-2.55-5.625-5.625 2.55-5.625 5.625-5.625m0 1.95c-1.05 0-1.95.9-1.95 1.95v.675c-.375 0-.675.3-.675.675v2.625c0 .375.3.675.675.675h3.9c.375 0 .675-.3.675-.675V18c0-.375-.3-.675-.675-.675v-.675c0-1.05-.9-1.95-1.95-1.95m0 3.75c.3 0 .525.225.45.45q0 .337-.225.45v.675q0 .225-.225.225t-.225-.225v-.675q-.225-.225-.225-.45c0-.225.15-.45.45-.45m0-3.075c.75 0 1.35.6 1.275 1.35v.675h-2.625v-.675c0-.75.6-1.35 1.35-1.35"
2076
2089
  })));
2077
2090
  };
2078
2091
 
2079
- var _path$1g, _path2$j;
2080
- 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); }
2092
+ var _path$1h, _path2$k;
2093
+ 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); }
2081
2094
  var SvgIconGridPublicLarge = function SvgIconGridPublicLarge(props) {
2082
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1k({
2095
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1m({
2083
2096
  xmlns: "http://www.w3.org/2000/svg",
2084
2097
  width: 24,
2085
2098
  height: 24
2086
- }, props), _path$1g || (_path$1g = /*#__PURE__*/React__namespace.createElement("path", {
2099
+ }, props), _path$1h || (_path$1h = /*#__PURE__*/React__namespace.createElement("path", {
2087
2100
  fill: "#CCC",
2088
2101
  fillRule: "evenodd",
2089
2102
  d: "M12.852 18.98H10.76v-3.212h2.764a5 5 0 0 1 1.42-1.644v-2.54h3.211v1.27h.3c.373 0 .746.075 1.045.075V2.172a.67.67 0 0 0-.672-.672H1.348c-.374 0-.598.299-.598.672v17.406a.67.67 0 0 0 .672.672h11.654a3.5 3.5 0 0 1-.224-1.27m2.091-16.135h3.212v3.212h-3.212zm0 4.631h3.212v2.764h-3.212zM10.76 2.845h2.764v3.212H10.76zm0 4.631h2.764v2.764H10.76zm0 4.109h2.764v2.764H10.76zM5.232 18.98H2.02v-3.212h3.212zm0-4.631H2.02v-2.764h3.212zm0-4.109H2.02V7.476h3.212zm0-4.183H2.02V2.845h3.212zM9.415 18.98H6.651v-3.212h2.764zm0-4.631H6.651v-2.764h2.764zm0-4.109H6.651V7.476h2.764zm0-4.183H6.651V2.845h2.764z"
2090
- })), _path2$j || (_path2$j = /*#__PURE__*/React__namespace.createElement("path", {
2103
+ })), _path2$k || (_path2$k = /*#__PURE__*/React__namespace.createElement("path", {
2091
2104
  fillRule: "evenodd",
2092
2105
  d: "M18.823 12.771c-3.437-.299-6.35 2.615-6.052 6.052.224 2.69 2.391 4.932 5.156 5.156 3.437.299 6.35-2.615 6.052-6.052-.224-2.765-2.391-5.006-5.156-5.156m.673.747.672.224c.15.075.224.15.374.15.598.299 1.12.672 1.569 1.195 0 0 .075.075.075.15v.299c0 .074-.075.15-.075.224 0 .15.15.224.224.224h.299a.16.16 0 0 1 .15.15c.074.149.149.298.149.373.224.523.299 1.046.373 1.644 0 .075 0 .15-.074.224a1.6 1.6 0 0 0-.3.374c-.149.299-.298.747-.522.97-.15.15-.3.3-.3.45-.074.149 0 .298-.074.373 0 .074-.075.074-.15 0-.223-.299-.298-.598-.373-.897-.075-.224-.075-.448-.15-.747a1.16 1.16 0 0 0-.448-.598c-.224-.15-.523-.074-.747-.15-.299 0-.523-.074-.747-.298-.075-.075-.15-.224-.15-.299-.149-.598.225-1.27.748-1.569.075-.075.15-.075.224-.15.15-.149.224-.298.15-.522 0-.075-.075-.075-.075-.075-.15.075-.3.075-.374.15-.075 0-.15 0-.15-.075 0-.225 0-.449.075-.748s.15-.523 0-.747c0-.075-.074-.075-.15-.075h-.672a.58.58 0 0 0 .3-.298c.074.149.149.074.149.074m-2.391.075c.075 0 .075 0 .15.075.074.15.149.224.223.373.15.3.224.673.075.897-.15.299-.523.448-.822.672-.672.3-1.195.822-1.569 1.42l-.075.075c-.074 0-.074 0-.149-.075s-.15-.075-.224-.15c0 0-.075 0-.075.075a.75.75 0 0 0 .374.822c.074 0 .074.075.15.075.074.15 0 .299 0 .448 0 .224.298.3.447.3.225 0 .374-.15.598-.225a1.5 1.5 0 0 1 1.27.15c.224.149.374.298.523.448s.374.224.598.224c.075 0 .075 0 .15.075a.58.58 0 0 1-.15.597c-.15.224-.373.3-.523.523-.373.449-.523 1.121-.822 1.644-.075.075-.15.224-.224.3-.075.149-.075.298-.075.522 0 0 0 .075-.074.075-.075 0-.15-.075-.224-.075s-.075-.075-.075-.15a10.7 10.7 0 0 0-.673-2.017c-.15-.224-.299-.523-.523-.672-.074-.075-.15-.075-.15-.15v-.15a1.88 1.88 0 0 0-.746-1.718c-.075-.074-.225-.149-.225-.224s-.074-.224-.074-.299l-.3-.299c-.074 0-.074-.074-.074-.149.3-1.569 1.57-2.989 3.288-3.437"
2093
2106
  })));
2094
2107
  };
2095
2108
 
2096
- var _path$1f;
2097
- 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); }
2109
+ var _path$1g;
2110
+ 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); }
2098
2111
  var SvgIconGridDots3Large = function SvgIconGridDots3Large(props) {
2099
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1j({
2112
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1l({
2100
2113
  xmlns: "http://www.w3.org/2000/svg",
2101
2114
  width: 24,
2102
2115
  height: 24
2103
- }, props), _path$1f || (_path$1f = /*#__PURE__*/React__namespace.createElement("path", {
2116
+ }, props), _path$1g || (_path$1g = /*#__PURE__*/React__namespace.createElement("path", {
2104
2117
  fillRule: "evenodd",
2105
2118
  d: "M2.318 12.818c0-.452.366-.818.818-.818H4.5c.452 0 .818.366.818.818v1.364A.82.82 0 0 1 4.5 15H3.136a.82.82 0 0 1-.818-.818zm6.546 6.546c0-.452.366-.819.818-.819h1.363a.82.82 0 0 1 .819.819v1.363a.82.82 0 0 1-.819.819H9.682a.82.82 0 0 1-.818-.819zm-5.728-.819a.82.82 0 0 0-.818.819v1.363c0 .452.366.819.818.819H4.5a.82.82 0 0 0 .818-.819v-1.363a.82.82 0 0 0-.818-.819zM2.59 3.273c0-.452.367-.818.819-.818h17.455c.451 0 .818.366.818.818v17.454a.82.82 0 0 1-.818.819h-5.819a.82.82 0 0 1-.818-.819v-5h-5a.82.82 0 0 1-.818-.818v-5h-5a.82.82 0 0 1-.818-.818zM20.047 14.09h-4.182V9.909h4.181v4.182Zm-4.182 1.636v4.182h4.181v-4.182zM4.227 4.091H8.41v4.182H4.227V4.09Zm5.818 0v4.182h4.182V4.09h-4.182Zm5.819 4.182V4.09h4.181v4.182zm-5.819 1.636v4.182h4.182V9.909z"
2106
2119
  })));
2107
2120
  };
2108
2121
 
2109
- var _path$1e;
2110
- 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); }
2122
+ var _path$1f;
2123
+ 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); }
2111
2124
  var SvgIconHouseSmall = function SvgIconHouseSmall(props) {
2112
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1i({
2125
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1k({
2113
2126
  xmlns: "http://www.w3.org/2000/svg",
2114
2127
  width: 16,
2115
2128
  height: 16
2116
- }, props), _path$1e || (_path$1e = /*#__PURE__*/React__namespace.createElement("path", {
2129
+ }, props), _path$1f || (_path$1f = /*#__PURE__*/React__namespace.createElement("path", {
2117
2130
  d: "M7.641 1.493a.514.514 0 0 1 .718 0l6.653 6.481a.514.514 0 0 1-.359.883h-1.51v5.486c0 .284-.23.514-.514.514h-2.115a.514.514 0 0 1-.514-.514V11.37a.514.514 0 0 0-.514-.514H6.514A.514.514 0 0 0 6 11.37v2.972c0 .284-.23.514-.514.514H3.37a.514.514 0 0 1-.514-.514V8.857h-1.51a.514.514 0 0 1-.359-.883L7.64 1.493Z"
2118
2131
  })));
2119
2132
  };
2120
2133
 
2121
- var _path$1d, _path2$i;
2122
- 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); }
2134
+ var _path$1e, _path2$j;
2135
+ 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); }
2123
2136
  var SvgIconInfoCircleLarge = function SvgIconInfoCircleLarge(props) {
2124
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1h({
2137
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1j({
2125
2138
  xmlns: "http://www.w3.org/2000/svg",
2126
2139
  width: 24,
2127
2140
  height: 24
2128
- }, props), _path$1d || (_path$1d = /*#__PURE__*/React__namespace.createElement("path", {
2141
+ }, props), _path$1e || (_path$1e = /*#__PURE__*/React__namespace.createElement("path", {
2129
2142
  fillRule: "evenodd",
2130
2143
  d: "M13.365 8.185c-.36.36-.857.566-1.364.566a1.935 1.935 0 0 1-1.926-1.926A1.923 1.923 0 0 1 12 4.899c.51 0 1.006.205 1.364.563.357.357.563.854.563 1.363 0 .507-.206 1.003-.563 1.36Zm-.852-1.88c-.267-.27-.757-.27-1.019-.003a.726.726 0 0 0 .507 1.245.728.728 0 0 0 .512-1.243Zm-.512 3.169c.663 0 1.635.425 1.685 1.375v6.571a1.687 1.687 0 0 1-3.371-.001v-6.564c.043-.898 1.036-1.381 1.686-1.381m-.452 7.603a.45.45 0 0 0 .9 0v-5.565c-.01-.19-.201-.45-.45-.45-.248 0-.44.248-.45.452z"
2131
- })), _path2$i || (_path2$i = /*#__PURE__*/React__namespace.createElement("path", {
2144
+ })), _path2$j || (_path2$j = /*#__PURE__*/React__namespace.createElement("path", {
2132
2145
  fillRule: "evenodd",
2133
2146
  d: "M22.364 12c0 5.724-4.64 10.364-10.364 10.364S1.636 17.724 1.636 12 6.276 1.636 12 1.636 22.364 6.276 22.364 12m-1.582 0a8.782 8.782 0 1 1-17.564 0 8.782 8.782 0 0 1 17.564 0"
2134
2147
  })));
2135
2148
  };
2136
2149
 
2137
- var _path$1c;
2138
- 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); }
2150
+ var _path$1d;
2151
+ 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); }
2139
2152
  var SvgIconInfoCircleSmall = function SvgIconInfoCircleSmall(props) {
2140
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1g({
2153
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1i({
2141
2154
  xmlns: "http://www.w3.org/2000/svg",
2142
2155
  width: 16,
2143
2156
  height: 16
2144
- }, props), _path$1c || (_path$1c = /*#__PURE__*/React__namespace.createElement("path", {
2157
+ }, props), _path$1d || (_path$1d = /*#__PURE__*/React__namespace.createElement("path", {
2145
2158
  fillRule: "evenodd",
2146
2159
  d: "M14.4 8A6.4 6.4 0 1 1 1.6 8a6.4 6.4 0 0 1 12.8 0M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.971 4.857a1.029 1.029 0 1 1 2.058 0 1.029 1.029 0 0 1-2.058 0m1.943 6.4a.914.914 0 1 1-1.828 0V7.943a.914.914 0 1 1 1.828 0z"
2147
2160
  })));
2148
2161
  };
2149
2162
 
2150
- var _path$1b;
2151
- 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); }
2163
+ var _path$1c;
2164
+ 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); }
2152
2165
  var SvgIconInfoSpeechBubbleLarge = function SvgIconInfoSpeechBubbleLarge(props) {
2153
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1f({
2166
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1h({
2154
2167
  xmlns: "http://www.w3.org/2000/svg",
2155
2168
  width: 24,
2156
2169
  height: 24
2157
- }, props), _path$1b || (_path$1b = /*#__PURE__*/React__namespace.createElement("path", {
2170
+ }, props), _path$1c || (_path$1c = /*#__PURE__*/React__namespace.createElement("path", {
2158
2171
  fillRule: "evenodd",
2159
2172
  d: "M19.649 4.803a10.48 10.48 0 0 1-.03 14.404l-.185.19a10.5 10.5 0 0 1-7.408 3.103 10.5 10.5 0 0 1-4.917-1.223 6.16 6.16 0 0 1-4.345.984 1.12 1.12 0 0 1-.92-.969 1.06 1.06 0 0 1 .616-1.121 3.5 3.5 0 0 0 1.448-1.498 10.48 10.48 0 0 1 1.146-14.55C9.305.377 15.765.678 19.65 4.803Zm-13.691.534a9.036 9.036 0 0 0-.724 12.62l.5.376-.247.528a6.1 6.1 0 0 1-1.448 2.019 5.07 5.07 0 0 0 2.607-1.028l.5-.376.412.384a9.07 9.07 0 0 0 10.723-1.277l.175-.17a9.036 9.036 0 0 0 .149-12.64 9.06 9.06 0 0 0-12.647-.436m4.64 5.05.153.01h2.014a1.63 1.63 0 0 1 1.643 1.607v.021q-.008.47-.072.934l-.058.369c-.116.766-.232 1.57-.355 2.293.34.055.648.236.862.506.282.352.383.814.275 1.252v.057a1.9 1.9 0 0 1-.391.767 3.06 3.06 0 0 1-2.317 1.215h-.044c-.354.01-.709-.02-1.057-.086a2.61 2.61 0 0 1-1.86-2.742c.05-.5.108-.991.187-1.447.08-.622.174-1.244.268-1.873a1.52 1.52 0 0 1-.803-1.527 1.484 1.484 0 0 1 1.245-1.345q.232-.022.463 0l-.154-.01Zm.074 1.24a1 1 0 0 0-.246 0 .246.246 0 0 0-.24.254.305.305 0 0 0 .182.333q.171.048.347.072c.275.036.362.16.362.492v.144q-.185 1.214-.347 2.417a23 23 0 0 0-.181 1.388c-.042.634.334 1.22.927 1.447q.38.064.767.05a1.85 1.85 0 0 0 1.448-.766.8.8 0 0 0 .152-.311c.037-.16-.043-.275-.159-.275h-.08c-.108.05-.202.123-.304.181a2 2 0 0 1-.398.13h-.036c-.13 0-.239-.094-.282-.275a1.5 1.5 0 0 1 0-.441c.029-.311.08-.608.123-.919.152-.911.29-1.844.427-2.756q.05-.36.058-.723c-.015-.297-.167-.441-.413-.441zm1.81-6.698a2.338 2.338 0 1 1-2.133 3.539 2.334 2.334 0 0 1 2.133-3.539m0 1.23a1.108 1.108 0 0 0-.82 1.881 1.109 1.109 0 0 0 1.9-.782 1.093 1.093 0 0 0-1.08-1.1Z"
2160
2173
  })));
2161
2174
  };
2162
2175
 
2163
- var _path$1a;
2164
- 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); }
2176
+ var _path$1b;
2177
+ 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); }
2165
2178
  var SvgIconLifeRingSmall = function SvgIconLifeRingSmall(props) {
2166
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1e({
2179
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1g({
2167
2180
  xmlns: "http://www.w3.org/2000/svg",
2168
2181
  width: 16,
2169
2182
  height: 16
2170
- }, props), _path$1a || (_path$1a = /*#__PURE__*/React__namespace.createElement("path", {
2183
+ }, props), _path$1b || (_path$1b = /*#__PURE__*/React__namespace.createElement("path", {
2171
2184
  fillRule: "evenodd",
2172
2185
  d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m3.158-2.498c-.93.535-2.008.84-3.158.84a6.3 6.3 0 0 1-3.158-.84l1.8-1.8c.423.156.88.24 1.358.24.477 0 .935-.084 1.359-.24l1.8 1.8Zm2.344-2.344c.535-.93.84-2.008.84-3.158s-.305-2.228-.84-3.158l-1.8 1.8c.156.423.24.88.24 1.358s-.084.935-.24 1.36zm-2.344-8.66-1.799 1.8A3.9 3.9 0 0 0 8 4.058c-.478 0-.935.084-1.36.24l-1.798-1.8A6.3 6.3 0 0 1 8 1.658c1.15 0 2.229.305 3.159.84Zm-8.66 2.344A6.3 6.3 0 0 0 1.658 8c0 1.15.305 2.229.84 3.159l1.8-1.8A3.9 3.9 0 0 1 4.058 8c0-.477.084-.935.24-1.359zM8 10.286a2.286 2.286 0 1 0 0-4.572 2.286 2.286 0 0 0 0 4.572"
2173
2186
  })));
2174
2187
  };
2175
2188
 
2176
- var _path$19, _path2$h;
2177
- 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); }
2189
+ var _path$1a, _path2$i;
2190
+ 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); }
2178
2191
  var SvgIconLightBulbLarge = function SvgIconLightBulbLarge(props) {
2179
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1d({
2192
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1f({
2180
2193
  xmlns: "http://www.w3.org/2000/svg",
2181
2194
  width: 24,
2182
2195
  height: 24
2183
- }, props), _path$19 || (_path$19 = /*#__PURE__*/React__namespace.createElement("path", {
2196
+ }, props), _path$1a || (_path$1a = /*#__PURE__*/React__namespace.createElement("path", {
2184
2197
  fillRule: "evenodd",
2185
2198
  d: "M12.296 2.194c3.341.144 6.067 2.783 6.242 6.037a6.1 6.1 0 0 1-1.402 4.172c-.748.9-1.257 1.77-1.58 2.678l-.008.024v3.132c0 .39-.24.703-.57.835-.08.655-.676 2.695-1.294 2.695-.073.046-3.28.046-3.375 0-.672 0-1.213-2.028-1.293-2.673a.92.92 0 0 1-.571-.834v-3.155l-.008-.023c-.323-.908-.831-1.78-1.581-2.704a6.1 6.1 0 0 1-1.401-3.902c0-1.737.728-3.351 2.025-4.552 1.3-1.203 3.025-1.802 4.816-1.73m3.365 9.053a4.5 4.5 0 0 0 1.037-2.992c-.114-2.266-2.05-4.161-4.45-4.27a4.74 4.74 0 0 0-3.462 1.24c-.928.87-1.443 2.02-1.443 3.25 0 1.02.337 1.97.99 2.774.689.839 1.207 1.68 1.593 2.523h4.14c.387-.863.907-1.686 1.595-2.524Zm-1.977 6.094v-1.754H10.31v1.754h3.375Zm-2.489 2.748c.047.081 1.524.067 1.609 0 .11-.188.229-.717.275-.956h-2.164c.047.233.17.767.28.957Z"
2186
- })), _path2$h || (_path2$h = /*#__PURE__*/React__namespace.createElement("path", {
2199
+ })), _path2$i || (_path2$i = /*#__PURE__*/React__namespace.createElement("path", {
2187
2200
  d: "M12.99 6.472c0-.547-.443-.794-.99-.794a2.793 2.793 0 0 0-2.79 2.79c0 .547.315.99.862.99a.99.99 0 0 0 .981-.855l.01-.135c0-.405.428-.939.817-.997l.12-.009a.99.99 0 0 0 .99-.99"
2188
2201
  })));
2189
2202
  };
2190
2203
 
2191
- var _path$18;
2192
- 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); }
2204
+ var _path$19;
2205
+ 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); }
2193
2206
  var SvgIconLightBulbSmall = function SvgIconLightBulbSmall(props) {
2194
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1c({
2207
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1e({
2195
2208
  xmlns: "http://www.w3.org/2000/svg",
2196
2209
  width: 16,
2197
2210
  height: 16
2198
- }, props), _path$18 || (_path$18 = /*#__PURE__*/React__namespace.createElement("path", {
2211
+ }, props), _path$19 || (_path$19 = /*#__PURE__*/React__namespace.createElement("path", {
2199
2212
  fillRule: "evenodd",
2200
2213
  d: "M8.001 0a5.544 5.544 0 0 1 4.172 9.192l-.17.202c-.569.712-1.177 1.769-1.404 2.534l-.002.001-.002 2.31a.6.6 0 0 1-.06.268l-.045.08-.753 1.131a.63.63 0 0 1-.526.282h-2.42a.63.63 0 0 1-.526-.282l-.753-1.13a.63.63 0 0 1-.106-.35v-2.282c-.26-.881-.966-2.068-1.577-2.765l-.182-.219a5.5 5.5 0 0 1-1.19-3.428A5.524 5.524 0 0 1 8.001 0m0 1.754a3.773 3.773 0 0 0-3.788 3.79c.003.923.331 1.801.936 2.49l.259.309a9.5 9.5 0 0 1 1.678 3.11l-.076-.226 1.98.002c.32-.93.837-1.935 1.606-2.888l.258-.306a3.78 3.78 0 0 0 .937-2.491c0-2.09-1.7-3.79-3.79-3.79m.283 1.586a.882.882 0 1 1 0 1.765l-.107.008a.724.724 0 0 0-.615.714l-.008.12a.882.882 0 0 1-1.756-.12A2.49 2.49 0 0 1 8.284 3.34"
2201
2214
  })));
2202
2215
  };
2203
2216
 
2204
- var _path$17;
2205
- 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); }
2217
+ var _path$18;
2218
+ 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); }
2206
2219
  var SvgIconLinesDashed3Solid1Small = function SvgIconLinesDashed3Solid1Small(props) {
2207
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1b({
2220
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1d({
2208
2221
  xmlns: "http://www.w3.org/2000/svg",
2209
2222
  width: 16,
2210
2223
  height: 16
2211
- }, props), _path$17 || (_path$17 = /*#__PURE__*/React__namespace.createElement("path", {
2224
+ }, props), _path$18 || (_path$18 = /*#__PURE__*/React__namespace.createElement("path", {
2212
2225
  d: "M8.23 10.418a.987.987 0 1 0 0-1.973H4.26a.987.987 0 1 0 0 1.973zm4.118 0a.987.987 0 1 0 0-1.973h-1.685a.987.987 0 1 0 0 1.973h1.684ZM4.115 7.575a.987.987 0 0 0 0-1.974H2.43a.987.987 0 1 0 0 1.974zm6.403-.007a.987.987 0 0 0 0-1.974h-3.97a.987.987 0 0 0 0 1.974zm-4.72-2.836a.987.987 0 0 0 0-1.974H4.113a.987.987 0 0 0 0 1.974zm6.399 0a.987.987 0 0 0 0-1.974h-3.97a.987.987 0 1 0 0 1.974zm1.927 8.544a.987.987 0 0 0 0-1.974H2.111a.987.987 0 0 0 0 1.974z"
2213
2226
  })));
2214
2227
  };
2215
2228
 
2216
- var _path$16;
2217
- 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); }
2229
+ var _path$17;
2230
+ 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); }
2218
2231
  var SvgIconLinesHorizontal3Large = function SvgIconLinesHorizontal3Large(props) {
2219
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1a({
2232
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1c({
2220
2233
  xmlns: "http://www.w3.org/2000/svg",
2221
2234
  width: 24,
2222
2235
  height: 24
2223
- }, props), _path$16 || (_path$16 = /*#__PURE__*/React__namespace.createElement("path", {
2236
+ }, props), _path$17 || (_path$17 = /*#__PURE__*/React__namespace.createElement("path", {
2224
2237
  fillRule: "evenodd",
2225
2238
  d: "M23.006 12.206c0 .802-.65 1.452-1.451 1.452H2.172a1.452 1.452 0 0 1 0-2.904h19.383c.801 0 1.451.65 1.451 1.452m0-6.983a1.45 1.45 0 0 1-1.451 1.451H2.172a1.452 1.452 0 0 1 0-2.903h19.383c.801 0 1.451.65 1.451 1.452m0 13.966c0 .802-.65 1.452-1.451 1.452H2.172a1.452 1.452 0 0 1 0-2.903h19.383c.801 0 1.451.65 1.451 1.451"
2226
2239
  })));
2227
2240
  };
2228
2241
 
2229
- var _path$15;
2230
- 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); }
2242
+ var _path$16;
2243
+ 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); }
2231
2244
  var SvgIconLinesHorizontal3Small = function SvgIconLinesHorizontal3Small(props) {
2232
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$19({
2245
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1b({
2233
2246
  xmlns: "http://www.w3.org/2000/svg",
2234
2247
  width: 16,
2235
2248
  height: 16
2236
- }, props), _path$15 || (_path$15 = /*#__PURE__*/React__namespace.createElement("path", {
2249
+ }, props), _path$16 || (_path$16 = /*#__PURE__*/React__namespace.createElement("path", {
2237
2250
  fillRule: "evenodd",
2238
2251
  d: "M15.337 8.137a.97.97 0 0 1-.967.968H1.448a.968.968 0 1 1 0-1.935H14.37c.534 0 .967.433.967.967m0-4.655a.97.97 0 0 1-.967.968H1.448a.968.968 0 1 1 0-1.936H14.37c.534 0 .967.434.967.968m0 9.31a.97.97 0 0 1-.967.968H1.448a.968.968 0 1 1 0-1.935H14.37c.534 0 .967.433.967.968Z"
2239
2252
  })));
2240
2253
  };
2241
2254
 
2242
- var _path$14;
2243
- 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); }
2255
+ var _path$15;
2256
+ 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); }
2244
2257
  var SvgIconLinkSmall = function SvgIconLinkSmall(props) {
2245
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$18({
2258
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1a({
2246
2259
  xmlns: "http://www.w3.org/2000/svg",
2247
2260
  width: 16,
2248
2261
  height: 16
2249
- }, props), _path$14 || (_path$14 = /*#__PURE__*/React__namespace.createElement("path", {
2262
+ }, props), _path$15 || (_path$15 = /*#__PURE__*/React__namespace.createElement("path", {
2250
2263
  fillRule: "evenodd",
2251
2264
  d: "M9.813 6.188a3.9 3.9 0 0 1 0 5.517L8.088 13.43a3.906 3.906 0 0 1-5.518 0 3.906 3.906 0 0 1 0-5.518l.952-.952a.41.41 0 0 1 .7.272c.017.455.099.912.25 1.354a.41.41 0 0 1-.098.426l-.336.336c-.719.72-.742 1.89-.03 2.617a1.85 1.85 0 0 0 2.627.013l1.725-1.724a1.848 1.848 0 0 0-.265-2.834.41.41 0 0 1-.178-.324c-.01-.271.086-.55.3-.765l.54-.54a.41.41 0 0 1 .529-.045q.282.198.527.441ZM13.43 2.57a3.906 3.906 0 0 0-5.518 0L6.187 4.295a3.9 3.9 0 0 0 .527 5.96.41.41 0 0 0 .529-.045l.54-.541c.214-.214.31-.494.3-.765a.41.41 0 0 0-.178-.324 1.848 1.848 0 0 1-.265-2.834l1.724-1.724a1.85 1.85 0 0 1 2.627.013c.713.726.69 1.898-.03 2.617l-.335.336a.41.41 0 0 0-.098.426c.151.442.232.899.25 1.354a.41.41 0 0 0 .7.272l.952-.953a3.906 3.906 0 0 0 0-5.517"
2252
2265
  })));
2253
2266
  };
2254
2267
 
2255
- var _path$13;
2256
- 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); }
2268
+ var _path$14;
2269
+ 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); }
2257
2270
  var SvgIconListSmall = function SvgIconListSmall(props) {
2258
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$17({
2271
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$19({
2259
2272
  xmlns: "http://www.w3.org/2000/svg",
2260
2273
  width: 16,
2261
2274
  height: 16
2262
- }, props), _path$13 || (_path$13 = /*#__PURE__*/React__namespace.createElement("path", {
2275
+ }, props), _path$14 || (_path$14 = /*#__PURE__*/React__namespace.createElement("path", {
2263
2276
  fillRule: "evenodd",
2264
2277
  d: "M2.2 11.229a1.486 1.486 0 1 1 0 2.971 1.486 1.486 0 0 1 0-2.971m12.242.428c.262 0 .49.169.579.423l.027.1.01.106v.857c0 .261-.158.49-.402.586l-.11.033-.104.01H6.13a.615.615 0 0 1-.58-.424l-.026-.1-.01-.105v-.857c0-.261.158-.49.402-.586l.11-.033.104-.01zm-12.242-5a1.486 1.486 0 1 1 0 2.972 1.486 1.486 0 0 1 0-2.972m12.242.429c.262 0 .49.168.579.423l.027.1.01.105v.857a.63.63 0 0 1-.402.587l-.11.032-.104.01H6.13a.615.615 0 0 1-.58-.423l-.026-.1-.01-.106v-.857c0-.26.158-.49.402-.586l.11-.032.104-.01zm-12.242-5a1.486 1.486 0 1 1 0 2.971 1.486 1.486 0 0 1 0-2.971m12.242.428c.262 0 .49.169.579.424l.027.099.01.106V4c0 .261-.158.49-.402.586l-.11.033-.104.01H6.13a.615.615 0 0 1-.58-.424l-.026-.1L5.514 4v-.857c0-.261.158-.49.402-.586l.11-.033.104-.01z"
2265
2278
  })));
2266
2279
  };
2267
2280
 
2268
2281
  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;
2269
- 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); }
2282
+ 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); }
2270
2283
  var SvgIconLoadingLarge = function SvgIconLoadingLarge(props) {
2271
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$16({
2284
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$18({
2272
2285
  xmlns: "http://www.w3.org/2000/svg",
2273
2286
  width: 24,
2274
2287
  height: 24
@@ -2438,9 +2451,9 @@ var SvgIconLoadingLarge = function SvgIconLoadingLarge(props) {
2438
2451
  };
2439
2452
 
2440
2453
  var _animateTransform, _animate, _animateTransform2, _animate2, _animateTransform3, _animate3, _animateTransform4, _animate4, _animateTransform5, _animate5, _animateTransform6, _animate6, _animateTransform7, _animate7, _animateTransform8, _animate8, _animateTransform9, _animate9;
2441
- 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); }
2454
+ 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); }
2442
2455
  var SvgIconLoadingSmall = function SvgIconLoadingSmall(props) {
2443
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$15({
2456
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$17({
2444
2457
  xmlns: "http://www.w3.org/2000/svg",
2445
2458
  width: 16,
2446
2459
  height: 16
@@ -2609,76 +2622,94 @@ var SvgIconLoadingSmall = function SvgIconLoadingSmall(props) {
2609
2622
  }))));
2610
2623
  };
2611
2624
 
2612
- var _path$12, _path2$g;
2613
- 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); }
2625
+ var _path$13, _path2$h;
2626
+ 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); }
2614
2627
  var SvgIconLockCircleSmall = function SvgIconLockCircleSmall(props) {
2615
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$14({
2628
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$16({
2616
2629
  xmlns: "http://www.w3.org/2000/svg",
2617
2630
  width: 16,
2618
2631
  height: 16
2619
- }, props), _path$12 || (_path$12 = /*#__PURE__*/React__namespace.createElement("path", {
2632
+ }, props), _path$13 || (_path$13 = /*#__PURE__*/React__namespace.createElement("path", {
2620
2633
  d: "M8 3.733c-1.067 0-1.92.854-1.92 1.92v.96h3.733v-.96C9.92 4.587 9.067 3.733 8 3.733m0 4.374c-.427 0-.64.32-.64.64q0 .32.32.64v.96q0 .32.32.32t.32-.32v-.96q.32-.16.32-.64c.107-.32-.213-.64-.64-.64"
2621
- })), _path2$g || (_path2$g = /*#__PURE__*/React__namespace.createElement("path", {
2634
+ })), _path2$h || (_path2$h = /*#__PURE__*/React__namespace.createElement("path", {
2622
2635
  fillRule: "evenodd",
2623
2636
  d: "M8 0C3.627 0 0 3.627 0 8s3.627 8 8 8 8-3.627 8-8-3.52-8-8-8m3.733 11.2c0 .533-.426.96-.96.96H5.227a.956.956 0 0 1-.96-.96V7.467c0-.534.426-.96.96-.96v-.96c0-1.494 1.28-2.774 2.773-2.774s2.773 1.28 2.773 2.774v.96c.534 0 .96.426.96.96z"
2624
2637
  })));
2625
2638
  };
2626
2639
 
2627
- var _path$11;
2628
- 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); }
2640
+ var _path$12;
2641
+ 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); }
2629
2642
  var SvgIconLockLarge = function SvgIconLockLarge(props) {
2630
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$13({
2643
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$15({
2631
2644
  xmlns: "http://www.w3.org/2000/svg",
2632
2645
  width: 24,
2633
2646
  height: 24
2634
- }, props), _path$11 || (_path$11 = /*#__PURE__*/React__namespace.createElement("path", {
2647
+ }, props), _path$12 || (_path$12 = /*#__PURE__*/React__namespace.createElement("path", {
2635
2648
  fillRule: "evenodd",
2636
2649
  d: "M15.624 8.43V6.643a3.624 3.624 0 0 0-7.248 0v1.785H6.643V6.644a5.357 5.357 0 1 1 10.714 0v1.785zm2.188 1.733H6.188a.79.79 0 0 0-.788.787v9.244c0 .435.353.788.788.788h11.624a.79.79 0 0 0 .788-.788v-9.243a.79.79 0 0 0-.788-.788M6.188 8.429a2.52 2.52 0 0 0-2.521 2.521v9.244a2.52 2.52 0 0 0 2.52 2.521h11.625a2.52 2.52 0 0 0 2.521-2.52V10.95a2.52 2.52 0 0 0-2.52-2.52zm6.685 7.04c.432-.304.742-.806.742-1.32 0-.821-.793-1.614-1.615-1.614s-1.615.793-1.615 1.615c0 .513.31 1.015.742 1.32v2.4c0 .41.462.74.873.74.41 0 .873-.33.873-.74v-2.4Z"
2637
2650
  })));
2638
2651
  };
2639
2652
 
2640
- var _path$10;
2641
- 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); }
2653
+ var _path$11;
2654
+ 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); }
2642
2655
  var SvgIconLockSmall = function SvgIconLockSmall(props) {
2643
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$12({
2656
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$14({
2644
2657
  xmlns: "http://www.w3.org/2000/svg",
2645
2658
  width: 16,
2646
2659
  height: 16
2647
- }, props), _path$10 || (_path$10 = /*#__PURE__*/React__namespace.createElement("path", {
2660
+ }, props), _path$11 || (_path$11 = /*#__PURE__*/React__namespace.createElement("path", {
2648
2661
  fillRule: "evenodd",
2649
2662
  d: "M7.826 1.143a4.237 4.237 0 0 1 4.219 4.007l.005.217v1.066l.027.005a1.6 1.6 0 0 1 1.261 1.26l.022.15.007.152v5.266c0 .824-.634 1.506-1.438 1.584l-.153.007h-7.9a1.595 1.595 0 0 1-1.583-1.438l-.007-.153V8c0-.721.485-1.333 1.145-1.527l.144-.035.027-.005V5.367a4.24 4.24 0 0 1 3.794-4.202l.214-.017zm0 7.255c-.844 0-1.547.642-1.547 1.448l.01.16.028.154c.06.251.183.472.36.653l.104.094.001.907c0 .56.47.995 1.044.995l.13-.008.13-.025c.46-.115.784-.498.784-.962V10.9l.101-.095a1.37 1.37 0 0 0 .403-.96c0-.806-.703-1.448-1.548-1.448Zm0-5.39c-1.24 0-2.266.972-2.353 2.191l-.006.168v1.042h4.718V5.367c0-1.24-.972-2.266-2.19-2.353z"
2650
2663
  })));
2651
2664
  };
2652
2665
 
2653
- var _path$$;
2654
- 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); }
2666
+ var _path$10;
2667
+ 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); }
2655
2668
  var SvgIconMinusSmall = function SvgIconMinusSmall(props) {
2656
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$11({
2669
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$13({
2657
2670
  xmlns: "http://www.w3.org/2000/svg",
2658
2671
  width: 16,
2659
2672
  height: 16
2660
- }, props), _path$$ || (_path$$ = /*#__PURE__*/React__namespace.createElement("path", {
2673
+ }, props), _path$10 || (_path$10 = /*#__PURE__*/React__namespace.createElement("path", {
2661
2674
  d: "M14.857 8.006a1 1 0 0 0-1-1H2.143a1 1 0 1 0 0 2h11.714a1 1 0 0 0 1-1"
2662
2675
  })));
2663
2676
  };
2664
2677
 
2665
- var _path$_;
2666
- 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); }
2678
+ var _path$$;
2679
+ 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); }
2667
2680
  var SvgIconOpenSmall = function SvgIconOpenSmall(props) {
2668
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$10({
2681
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$12({
2669
2682
  xmlns: "http://www.w3.org/2000/svg",
2670
2683
  width: 16,
2671
2684
  height: 16
2672
- }, props), _path$_ || (_path$_ = /*#__PURE__*/React__namespace.createElement("path", {
2685
+ }, props), _path$$ || (_path$$ = /*#__PURE__*/React__namespace.createElement("path", {
2673
2686
  fillRule: "evenodd",
2674
2687
  d: "M9.968 1.977c0-.58.47-1.051 1.052-1.051h3.014c.582 0 1.052.471 1.052 1.051v3.014a1.051 1.051 0 1 1-2.103 0V4.39L7.717 9.28a1.051 1.051 0 0 1-1.433-1.54l5.072-4.71h-.336a1.05 1.05 0 0 1-1.052-1.052Zm-8.308.41a2.17 2.17 0 0 1 1.322-.457h3.466a1.051 1.051 0 1 1 0 2.103h-3.42v8.95h8.95V9.062a1.051 1.051 0 1 1 2.104 0v3.967c0 .723-.304 1.258-.735 1.6a2.17 2.17 0 0 1-1.322.457H2.982c-.723 0-1.257-.304-1.599-.735a2.17 2.17 0 0 1-.457-1.322V3.986c0-.722.303-1.257.734-1.598Z"
2675
2688
  })));
2676
2689
  };
2677
2690
 
2691
+ var _path$_, _path2$g;
2692
+ 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); }
2693
+ var SvgIconPauseLarge = function SvgIconPauseLarge(props) {
2694
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$11({
2695
+ xmlns: "http://www.w3.org/2000/svg",
2696
+ width: 24,
2697
+ height: 24
2698
+ }, props), _path$_ || (_path$_ = /*#__PURE__*/React__namespace.createElement("path", {
2699
+ fillRule: "evenodd",
2700
+ d: "M9.853 7.185c.664 0 1.636.425 1.686 1.376v6.57a1.687 1.687 0 0 1-3.371 0V8.567c.042-.899 1.036-1.382 1.685-1.382m-.451 7.603a.45.45 0 0 0 .9 0V9.223c-.01-.19-.202-.449-.45-.449-.249 0-.44.248-.45.451zm6.43-6.228c-.05-.95-1.022-1.375-1.686-1.375-.65 0-1.643.483-1.685 1.381v6.565c0 .93.756 1.686 1.685 1.686.93 0 1.686-.756 1.686-1.686zm-1.688 6.668a.45.45 0 0 1-.45-.44V9.225c.01-.203.202-.45.45-.45.25 0 .44.258.45.448v5.565a.45.45 0 0 1-.45.44",
2701
+ clipRule: "evenodd"
2702
+ })), _path2$g || (_path2$g = /*#__PURE__*/React__namespace.createElement("path", {
2703
+ fillRule: "evenodd",
2704
+ d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m0-1.667a8.333 8.333 0 1 0 0-16.666 8.333 8.333 0 0 0 0 16.666",
2705
+ clipRule: "evenodd"
2706
+ })));
2707
+ };
2708
+
2678
2709
  var _path$Z;
2679
- 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); }
2710
+ 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); }
2680
2711
  var SvgIconPeopleLarge = function SvgIconPeopleLarge(props) {
2681
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$$({
2712
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$10({
2682
2713
  xmlns: "http://www.w3.org/2000/svg",
2683
2714
  width: 24,
2684
2715
  height: 24
@@ -2689,9 +2720,9 @@ var SvgIconPeopleLarge = function SvgIconPeopleLarge(props) {
2689
2720
  };
2690
2721
 
2691
2722
  var _path$Y;
2692
- 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); }
2723
+ 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); }
2693
2724
  var SvgIconPeopleSmall = function SvgIconPeopleSmall(props) {
2694
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$_({
2725
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$$({
2695
2726
  xmlns: "http://www.w3.org/2000/svg",
2696
2727
  width: 16,
2697
2728
  height: 16
@@ -2702,9 +2733,9 @@ var SvgIconPeopleSmall = function SvgIconPeopleSmall(props) {
2702
2733
  };
2703
2734
 
2704
2735
  var _path$X;
2705
- 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); }
2736
+ 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); }
2706
2737
  var SvgIconPercentageSmall = function SvgIconPercentageSmall(props) {
2707
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$Z({
2738
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$_({
2708
2739
  xmlns: "http://www.w3.org/2000/svg",
2709
2740
  width: 16,
2710
2741
  height: 16
@@ -2714,9 +2745,9 @@ var SvgIconPercentageSmall = function SvgIconPercentageSmall(props) {
2714
2745
  };
2715
2746
 
2716
2747
  var _path$W;
2717
- 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); }
2748
+ 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); }
2718
2749
  var SvgIconPersonLarge = function SvgIconPersonLarge(props) {
2719
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$Y({
2750
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$Z({
2720
2751
  xmlns: "http://www.w3.org/2000/svg",
2721
2752
  width: 24,
2722
2753
  height: 24
@@ -2726,9 +2757,9 @@ var SvgIconPersonLarge = function SvgIconPersonLarge(props) {
2726
2757
  };
2727
2758
 
2728
2759
  var _path$V;
2729
- 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); }
2760
+ 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); }
2730
2761
  var SvgIconPersonSmall = function SvgIconPersonSmall(props) {
2731
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$X({
2762
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$Y({
2732
2763
  xmlns: "http://www.w3.org/2000/svg",
2733
2764
  width: 16,
2734
2765
  height: 16
@@ -2738,9 +2769,9 @@ var SvgIconPersonSmall = function SvgIconPersonSmall(props) {
2738
2769
  };
2739
2770
 
2740
2771
  var _path$U;
2741
- 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); }
2772
+ 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); }
2742
2773
  var SvgIconPinLocationSmall = function SvgIconPinLocationSmall(props) {
2743
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$W({
2774
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$X({
2744
2775
  xmlns: "http://www.w3.org/2000/svg",
2745
2776
  width: 16,
2746
2777
  height: 16
@@ -2751,9 +2782,9 @@ var SvgIconPinLocationSmall = function SvgIconPinLocationSmall(props) {
2751
2782
  };
2752
2783
 
2753
2784
  var _path$T;
2754
- 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); }
2785
+ 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); }
2755
2786
  var SvgIconPinSmall = function SvgIconPinSmall(props) {
2756
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$V({
2787
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$W({
2757
2788
  xmlns: "http://www.w3.org/2000/svg",
2758
2789
  width: 16,
2759
2790
  height: 16
@@ -2763,9 +2794,9 @@ var SvgIconPinSmall = function SvgIconPinSmall(props) {
2763
2794
  };
2764
2795
 
2765
2796
  var _path$S, _path2$f;
2766
- 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); }
2797
+ 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); }
2767
2798
  var SvgIconPlayLarge = function SvgIconPlayLarge(props) {
2768
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$U({
2799
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$V({
2769
2800
  xmlns: "http://www.w3.org/2000/svg",
2770
2801
  width: 24,
2771
2802
  height: 24
@@ -2779,9 +2810,9 @@ var SvgIconPlayLarge = function SvgIconPlayLarge(props) {
2779
2810
  };
2780
2811
 
2781
2812
  var _path$R;
2782
- 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); }
2813
+ 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); }
2783
2814
  var SvgIconPlusCircleSmall = function SvgIconPlusCircleSmall(props) {
2784
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$T({
2815
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$U({
2785
2816
  xmlns: "http://www.w3.org/2000/svg",
2786
2817
  width: 16,
2787
2818
  height: 16
@@ -2792,9 +2823,9 @@ var SvgIconPlusCircleSmall = function SvgIconPlusCircleSmall(props) {
2792
2823
  };
2793
2824
 
2794
2825
  var _path$Q;
2795
- 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); }
2826
+ 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); }
2796
2827
  var SvgIconPlusSmall = function SvgIconPlusSmall(props) {
2797
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$S({
2828
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$T({
2798
2829
  xmlns: "http://www.w3.org/2000/svg",
2799
2830
  width: 16,
2800
2831
  height: 16
@@ -2805,9 +2836,9 @@ var SvgIconPlusSmall = function SvgIconPlusSmall(props) {
2805
2836
  };
2806
2837
 
2807
2838
  var _path$P, _path2$e;
2808
- 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); }
2839
+ 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); }
2809
2840
  var SvgIconProjectPrivateLarge = function SvgIconProjectPrivateLarge(props) {
2810
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$R({
2841
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$S({
2811
2842
  xmlns: "http://www.w3.org/2000/svg",
2812
2843
  width: 24,
2813
2844
  height: 24
@@ -2822,9 +2853,9 @@ var SvgIconProjectPrivateLarge = function SvgIconProjectPrivateLarge(props) {
2822
2853
  };
2823
2854
 
2824
2855
  var _path$O, _path2$d;
2825
- 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); }
2856
+ 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); }
2826
2857
  var SvgIconProjectPublicLarge = function SvgIconProjectPublicLarge(props) {
2827
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$Q({
2858
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$R({
2828
2859
  xmlns: "http://www.w3.org/2000/svg",
2829
2860
  width: 24,
2830
2861
  height: 24
@@ -2839,9 +2870,9 @@ var SvgIconProjectPublicLarge = function SvgIconProjectPublicLarge(props) {
2839
2870
  };
2840
2871
 
2841
2872
  var _path$N;
2842
- 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); }
2873
+ 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); }
2843
2874
  var SvgIconPuzzlePieceSmall = function SvgIconPuzzlePieceSmall(props) {
2844
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$P({
2875
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$Q({
2845
2876
  xmlns: "http://www.w3.org/2000/svg",
2846
2877
  width: 16,
2847
2878
  height: 16
@@ -2852,9 +2883,9 @@ var SvgIconPuzzlePieceSmall = function SvgIconPuzzlePieceSmall(props) {
2852
2883
  };
2853
2884
 
2854
2885
  var _path$M;
2855
- 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); }
2886
+ 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); }
2856
2887
  var SvgIconQuestionMarkLarge = function SvgIconQuestionMarkLarge(props) {
2857
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$O({
2888
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$P({
2858
2889
  xmlns: "http://www.w3.org/2000/svg",
2859
2890
  width: 24,
2860
2891
  height: 24
@@ -2865,9 +2896,9 @@ var SvgIconQuestionMarkLarge = function SvgIconQuestionMarkLarge(props) {
2865
2896
  };
2866
2897
 
2867
2898
  var _path$L;
2868
- 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); }
2899
+ 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); }
2869
2900
  var SvgIconQuoteLarge = function SvgIconQuoteLarge(props) {
2870
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
2901
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$O({
2871
2902
  xmlns: "http://www.w3.org/2000/svg",
2872
2903
  width: 24,
2873
2904
  height: 24
@@ -2878,9 +2909,9 @@ var SvgIconQuoteLarge = function SvgIconQuoteLarge(props) {
2878
2909
  };
2879
2910
 
2880
2911
  var _path$K;
2881
- 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); }
2912
+ 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); }
2882
2913
  var SvgIconReadLarge = function SvgIconReadLarge(props) {
2883
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
2914
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
2884
2915
  xmlns: "http://www.w3.org/2000/svg",
2885
2916
  width: 24,
2886
2917
  height: 24
@@ -2891,9 +2922,9 @@ var SvgIconReadLarge = function SvgIconReadLarge(props) {
2891
2922
  };
2892
2923
 
2893
2924
  var _path$J;
2894
- 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); }
2925
+ 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); }
2895
2926
  var SvgIconRefreshLarge = function SvgIconRefreshLarge(props) {
2896
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
2927
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
2897
2928
  xmlns: "http://www.w3.org/2000/svg",
2898
2929
  width: 24,
2899
2930
  height: 24
@@ -2904,9 +2935,9 @@ var SvgIconRefreshLarge = function SvgIconRefreshLarge(props) {
2904
2935
  };
2905
2936
 
2906
2937
  var _path$I;
2907
- 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); }
2938
+ 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); }
2908
2939
  var SvgIconRefreshSmall = function SvgIconRefreshSmall(props) {
2909
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
2940
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
2910
2941
  xmlns: "http://www.w3.org/2000/svg",
2911
2942
  width: 16,
2912
2943
  height: 16
@@ -2917,9 +2948,9 @@ var SvgIconRefreshSmall = function SvgIconRefreshSmall(props) {
2917
2948
  };
2918
2949
 
2919
2950
  var _path$H, _path2$c, _path3$3;
2920
- 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); }
2951
+ 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); }
2921
2952
  var SvgIconReportLarge = function SvgIconReportLarge(props) {
2922
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
2953
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
2923
2954
  xmlns: "http://www.w3.org/2000/svg",
2924
2955
  width: 24,
2925
2956
  height: 24
@@ -2934,9 +2965,9 @@ var SvgIconReportLarge = function SvgIconReportLarge(props) {
2934
2965
  };
2935
2966
 
2936
2967
  var _path$G;
2937
- 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); }
2968
+ 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); }
2938
2969
  var SvgIconRocketLarge = function SvgIconRocketLarge(props) {
2939
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
2970
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
2940
2971
  xmlns: "http://www.w3.org/2000/svg",
2941
2972
  width: 24,
2942
2973
  height: 24
@@ -2947,9 +2978,9 @@ var SvgIconRocketLarge = function SvgIconRocketLarge(props) {
2947
2978
  };
2948
2979
 
2949
2980
  var _path$F;
2950
- 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); }
2981
+ 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); }
2951
2982
  var SvgIconRotateLeftSmall = function SvgIconRotateLeftSmall(props) {
2952
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
2983
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
2953
2984
  xmlns: "http://www.w3.org/2000/svg",
2954
2985
  width: 16,
2955
2986
  height: 16
@@ -2960,9 +2991,9 @@ var SvgIconRotateLeftSmall = function SvgIconRotateLeftSmall(props) {
2960
2991
  };
2961
2992
 
2962
2993
  var _path$E;
2963
- 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); }
2994
+ 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); }
2964
2995
  var SvgIconRotateRightSmall = function SvgIconRotateRightSmall(props) {
2965
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
2996
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
2966
2997
  xmlns: "http://www.w3.org/2000/svg",
2967
2998
  width: 16,
2968
2999
  height: 16
@@ -2973,9 +3004,9 @@ var SvgIconRotateRightSmall = function SvgIconRotateRightSmall(props) {
2973
3004
  };
2974
3005
 
2975
3006
  var _path$D, _path2$b;
2976
- 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); }
3007
+ 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); }
2977
3008
  var SvgIconSaveLarge = function SvgIconSaveLarge(props) {
2978
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
3009
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
2979
3010
  xmlns: "http://www.w3.org/2000/svg",
2980
3011
  width: 24,
2981
3012
  height: 24
@@ -2988,6 +3019,25 @@ var SvgIconSaveLarge = function SvgIconSaveLarge(props) {
2988
3019
  })));
2989
3020
  };
2990
3021
 
3022
+ var _defs$2, _g$2;
3023
+ 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); }
3024
+ var SvgIconScaleSmall = function SvgIconScaleSmall(props) {
3025
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
3026
+ xmlns: "http://www.w3.org/2000/svg",
3027
+ width: 16,
3028
+ height: 16
3029
+ }, props), _defs$2 || (_defs$2 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
3030
+ id: "IconScaleSmall_svg__a"
3031
+ }, /*#__PURE__*/React__namespace.createElement("path", {
3032
+ d: "M0 0h16v16H0z"
3033
+ })))), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
3034
+ clipPath: "url(#IconScaleSmall_svg__a)"
3035
+ }, /*#__PURE__*/React__namespace.createElement("path", {
3036
+ fillRule: "evenodd",
3037
+ d: "M8.733.999a.733.733 0 0 0-1.466 0v3.4L3.765 5.587l-.036.013a.73.73 0 0 0-.606.327l-2.933 4.4a.73.73 0 0 0-.123.407V12.2a3.667 3.667 0 0 0 7.333 0v-1.466a.73.73 0 0 0-.123-.407L4.894 6.752l5.728-1.94L8.723 7.66a.73.73 0 0 0-.123.406v1.466a3.667 3.667 0 1 0 7.333 0V8.066a.73.73 0 0 0-.123-.406l-2.892-4.34a.733.733 0 0 0-.946-.514l-3.24 1.097zm5.408 6.8-1.874-2.811-1.874 2.811zm-4.074 1.467h4.4v.266a2.2 2.2 0 0 1-4.4 0zm-4.46 1.2L3.733 7.654 1.86 10.466h3.748Zm-4.074 1.467h4.4v.266a2.2 2.2 0 0 1-4.4 0z"
3038
+ }))));
3039
+ };
3040
+
2991
3041
  var _path$C;
2992
3042
  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); }
2993
3043
  var SvgIconSearchLarge = function SvgIconSearchLarge(props) {
@@ -3561,7 +3611,7 @@ var iconMap = {
3561
3611
  },
3562
3612
  Code: {
3563
3613
  largeIcon: SvgIconCodeLarge,
3564
- smallIcon: null,
3614
+ smallIcon: SvgIconCodeSmall,
3565
3615
  },
3566
3616
  Compass: {
3567
3617
  largeIcon: SvgIconCompassLarge,
@@ -3731,6 +3781,10 @@ var iconMap = {
3731
3781
  largeIcon: null,
3732
3782
  smallIcon: SvgIconOpenSmall,
3733
3783
  },
3784
+ Pause: {
3785
+ largeIcon: SvgIconPauseLarge,
3786
+ smallIcon: null,
3787
+ },
3734
3788
  People: {
3735
3789
  largeIcon: SvgIconPeopleLarge,
3736
3790
  smallIcon: SvgIconPeopleSmall,
@@ -3811,6 +3865,10 @@ var iconMap = {
3811
3865
  largeIcon: SvgIconSaveLarge,
3812
3866
  smallIcon: null,
3813
3867
  },
3868
+ Scale: {
3869
+ largeIcon: null,
3870
+ smallIcon: SvgIconScaleSmall,
3871
+ },
3814
3872
  Search: {
3815
3873
  largeIcon: SvgIconSearchLarge,
3816
3874
  smallIcon: SvgIconSearchSmall,
@@ -3959,14 +4017,14 @@ function interactive(props) {
3959
4017
  return react.css(templateObject_4$m || (templateObject_4$m = __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);
3960
4018
  }
3961
4019
  var doNotForwardProps$q = ["sdsIcon", "sdsSize", "sdsType", "iconColor"];
3962
- var StyledSvgIcon = styles.styled(material.SvgIcon, {
4020
+ var StyledSvgIcon = styled(material.SvgIcon, {
3963
4021
  shouldForwardProp: function (prop) { return !doNotForwardProps$q.includes(prop); },
3964
4022
  })(templateObject_6$c || (templateObject_6$c = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
3965
4023
  var sdsType = props.sdsType;
3966
- return react.css(templateObject_5$g || (templateObject_5$g = __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());
4024
+ return react.css(templateObject_5$h || (templateObject_5$h = __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());
3967
4025
  });
3968
- var StyledIcon = styles.styled("div")(templateObject_7$a || (templateObject_7$a = __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"])));
3969
- var templateObject_1$R, templateObject_2$y, templateObject_3$q, templateObject_4$m, templateObject_5$g, templateObject_6$c, templateObject_7$a;
4026
+ var StyledIcon = styled("div")(templateObject_7$a || (templateObject_7$a = __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"])));
4027
+ var templateObject_1$R, templateObject_2$y, templateObject_3$q, templateObject_4$m, templateObject_5$h, templateObject_6$c, templateObject_7$a;
3970
4028
 
3971
4029
  /**
3972
4030
  * @see https://mui.com/material-ui/icons/#icons
@@ -3993,7 +4051,7 @@ var AccordionHeader = function (props) {
3993
4051
  };
3994
4052
 
3995
4053
  var sdsPropNames$3 = ["useDivider", "togglePosition"];
3996
- var StyledAccordion = styles.styled(material.Accordion, {
4054
+ var StyledAccordion = styled(material.Accordion, {
3997
4055
  shouldForwardProp: function (prop) {
3998
4056
  return !sdsPropNames$3.includes(prop.toString());
3999
4057
  },
@@ -4021,8 +4079,8 @@ var templateObject_1$Q, templateObject_2$x, templateObject_3$p;
4021
4079
  * @see https://mui.com/material-ui/react-accordion/
4022
4080
  */
4023
4081
  var Accordion = React.forwardRef(function (props, ref) {
4024
- var children = props.children, useDivider = props.useDivider, _a = props.togglePosition, togglePosition = _a === void 0 ? "right" : _a, id = props.id;
4025
- var _b = React.useState(false), expanded = _b[0], setExpanded = _b[1];
4082
+ var children = props.children, useDivider = props.useDivider, _a = props.togglePosition, togglePosition = _a === void 0 ? "right" : _a, id = props.id, _b = props.defaultExpanded, defaultExpanded = _b === void 0 ? false : _b;
4083
+ var _c = React.useState(defaultExpanded ? id : false), expanded = _c[0], setExpanded = _c[1];
4026
4084
  var handleChange = function (panel) {
4027
4085
  return function (_event, isExpanded) {
4028
4086
  setExpanded(isExpanded ? panel : false);
@@ -4031,7 +4089,7 @@ var Accordion = React.forwardRef(function (props, ref) {
4031
4089
  return (jsxRuntime.jsx(StyledAccordion, __assign({ square: true, useDivider: useDivider, togglePosition: togglePosition, expanded: expanded === id, onChange: handleChange(id), ref: ref }, props, { children: children })));
4032
4090
  });
4033
4091
 
4034
- var StyledAlert = styles.styled(material.Alert)(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4092
+ var StyledAlert = styled(material.Alert)(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4035
4093
  var _a;
4036
4094
  var colors = getColors(props);
4037
4095
  var spaces = getSpaces(props);
@@ -4205,9 +4263,9 @@ var DestructiveButton = function (props) {
4205
4263
  : (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.negative) === null || _e === void 0 ? void 0 : _e.fillPrimary;
4206
4264
  return react.css(templateObject_3$o || (templateObject_3$o = __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);
4207
4265
  };
4208
- var StyledButton$3 = styles.styled(material.Button, {
4266
+ var StyledButton$3 = styled(material.Button, {
4209
4267
  shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
4210
- })(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), focusVisibleA11yStyle, function (props) {
4268
+ })(templateObject_5$g || (templateObject_5$g = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), focusVisibleA11yStyle, function (props) {
4211
4269
  var sdsStyle = props.sdsStyle, sdsType = props.sdsType, isAllCaps = props.isAllCaps;
4212
4270
  return react.css(templateObject_4$l || (templateObject_4$l = __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));
4213
4271
  });
@@ -4230,13 +4288,13 @@ var SecondaryMinimalButton = function (props) {
4230
4288
  var semanticColors = getSemanticColors(props);
4231
4289
  return react.css(templateObject_8$7 || (templateObject_8$7 = __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);
4232
4290
  };
4233
- var StyledMinimalButton = styles.styled(material.Button, {
4291
+ var StyledMinimalButton = styled(material.Button, {
4234
4292
  shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
4235
4293
  })(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4236
4294
  var sdsType = props.sdsType;
4237
4295
  return react.css(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n ", "\n ", "\n "], ["\n ", "\n ", "\n "])), sdsType === "primary" && PrimaryMinimalButton(props), sdsType === "secondary" && SecondaryMinimalButton(props));
4238
4296
  });
4239
- var StyledButtonLegacy = styles.styled(material.Button, {
4297
+ var StyledButtonLegacy = styled(material.Button, {
4240
4298
  shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
4241
4299
  })(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), focusVisibleA11yStyle, function (props) {
4242
4300
  if (!props.isRounded)
@@ -4245,7 +4303,7 @@ var StyledButtonLegacy = styles.styled(material.Button, {
4245
4303
  var spaces = getSpaces(props);
4246
4304
  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 ");
4247
4305
  });
4248
- var templateObject_1$O, templateObject_2$w, templateObject_3$o, templateObject_4$l, templateObject_5$f, templateObject_6$b, templateObject_7$9, templateObject_8$7, templateObject_9$3, templateObject_10$2, templateObject_11$1;
4306
+ var templateObject_1$O, templateObject_2$w, templateObject_3$o, templateObject_4$l, templateObject_5$g, templateObject_6$b, templateObject_7$9, templateObject_8$7, templateObject_9$3, templateObject_10$2, templateObject_11$1;
4249
4307
 
4250
4308
  var isDisabled$1 = function (props) {
4251
4309
  var _a, _b;
@@ -4271,7 +4329,7 @@ var small$1 = function (props) {
4271
4329
  var sdsType = props.sdsType;
4272
4330
  var iconSizes = getIconSizes(props);
4273
4331
  var spaces = getSpaces(props);
4274
- return react.css(templateObject_5$e || (templateObject_5$e = __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;") : "");
4332
+ return react.css(templateObject_5$f || (templateObject_5$f = __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;") : "");
4275
4333
  };
4276
4334
  var medium$1 = function (props) {
4277
4335
  var sdsType = props.sdsType;
@@ -4289,16 +4347,17 @@ var doNotForwardProps$o = [
4289
4347
  "on",
4290
4348
  "sdsSize",
4291
4349
  "sdsType",
4350
+ "sdsStyle",
4292
4351
  "sdsIcon",
4293
4352
  "sdsIconProps",
4294
4353
  ];
4295
- var StyledButtonIcon = styles.styled(material.IconButton, {
4354
+ var StyledButtonIcon = styled(material.IconButton, {
4296
4355
  shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
4297
4356
  })(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n padding: 0;\n ", "\n\n ", "\n"], ["\n padding: 0;\n ", "\n\n ", "\n"])), focusVisibleA11yStyle, function (props) {
4298
4357
  var disabled = props.disabled, _a = props.sdsSize, sdsSize = _a === void 0 ? "medium" : _a, _b = props.sdsType, sdsType = _b === void 0 ? "primary" : _b;
4299
4358
  return react.css(templateObject_8$6 || (templateObject_8$6 = __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));
4300
4359
  });
4301
- var templateObject_1$N, templateObject_2$v, templateObject_3$n, templateObject_4$k, templateObject_5$e, templateObject_6$a, templateObject_7$8, templateObject_8$6, templateObject_9$2;
4360
+ var templateObject_1$N, templateObject_2$v, templateObject_3$n, templateObject_4$k, templateObject_5$f, templateObject_6$a, templateObject_7$8, templateObject_8$6, templateObject_9$2;
4302
4361
 
4303
4362
  var ButtonIconSizeToSdsIconSize = {
4304
4363
  large: "xl",
@@ -4416,11 +4475,11 @@ var disabledStyled$2 = function (props) {
4416
4475
  var semanticColors = getSemanticColors(props);
4417
4476
  return react.css(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n .", " {\n .", " {\n border: 1px solid ", " !important;\n }\n\n .", " svg {\n color: ", ";\n }\n\n &:hover .", " {\n border: 1px solid ", ";\n }\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\n }\n "], ["\n .", " {\n .", " {\n border: 1px solid ", " !important;\n }\n\n .", " svg {\n color: ", ";\n }\n\n &:hover .", " {\n border: 1px solid ", ";\n }\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\n }\n "])), material.outlinedInputClasses.disabled, material.outlinedInputClasses.notchedOutline, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.borderDisabled, material.inputAdornmentClasses.root, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconDisabled, material.outlinedInputClasses.notchedOutline, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.textDisabled);
4418
4477
  };
4419
- var StyledLabel$2 = styles.styled("label")(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyM$1, function (props) {
4478
+ var StyledLabel$2 = styled("label")(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyM$1, function (props) {
4420
4479
  var spaces = getSpaces(props);
4421
4480
  return "\n margin-bottom: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n position: absolute;\n overflow: hidden;\n clip: rect(0 0 0 0);\n height: 1px;\n width: 1px;\n margin: -1px; \n padding: 0; \n border: 0;\n ");
4422
4481
  });
4423
- var StyledSearchBase = styles.styled(material.TextField, {
4482
+ var StyledSearchBase = styled(material.TextField, {
4424
4483
  shouldForwardProp: function (prop) {
4425
4484
  return !sdsPropNames$2.includes(prop.toString());
4426
4485
  },
@@ -4432,10 +4491,10 @@ var StyledSearchBase = styles.styled(material.TextField, {
4432
4491
  var semanticColors = getSemanticColors(props);
4433
4492
  return react.css(templateObject_6$9 || (templateObject_6$9 = __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\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 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\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 "])), 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.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" && error$1(props), intent === "notice" && warning$1(props), disabled && disabledStyled$2(props));
4434
4493
  });
4435
- var StyledInputAdornment = styles.styled(material.InputAdornment)(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["\n position: relative;\n height: unset;\n margin: 0;\n"], ["\n position: relative;\n height: unset;\n margin: 0;\n"])));
4436
- var templateObject_1$M, templateObject_2$u, templateObject_3$m, templateObject_4$j, templateObject_5$d, templateObject_6$9, templateObject_7$7, templateObject_8$5;
4494
+ var StyledInputAdornment = styled(material.InputAdornment)(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["\n position: relative;\n height: unset;\n margin: 0;\n"], ["\n position: relative;\n height: unset;\n margin: 0;\n"])));
4495
+ var templateObject_1$M, templateObject_2$u, templateObject_3$m, templateObject_4$j, templateObject_5$e, templateObject_6$9, templateObject_7$7, templateObject_8$5;
4437
4496
 
4438
- var StyledMenuItem$1 = styles.styled(material.MenuItem)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4497
+ var StyledMenuItem$1 = styled(material.MenuItem)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4439
4498
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
4440
4499
  var selected = props.selected;
4441
4500
  var fontWeights = getFontWeights(props);
@@ -4443,7 +4502,7 @@ var StyledMenuItem$1 = styles.styled(material.MenuItem)(templateObject_1$L || (t
4443
4502
  var semanticColors = getSemanticColors(props);
4444
4503
  return "\n padding: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px !important;\n min-height: unset;\n opacity: 1;\n\n &.MuiAutocomplete-option {\n min-height: unset;\n }\n \n .primary-text {\n font-weight: ").concat(selected ? fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold : fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.regular, ";\n }\n\n &.MuiButtonBase-root {\n background-color: transparent;\n opacity: 1;\n\n &:hover, &.").concat(material.menuItemClasses.focusVisible, " {\n background-color: ").concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.fillHover, ";\n\n &[aria-selected=\"true\"] {\n background-color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.fillHover, ";\n }\n }\n }\n\n &.").concat(material.menuItemClasses.root, " .MuiSvgIcon-root {\n align-self: flex-start;\n }\n\n &.").concat(material.menuItemClasses.root, " .").concat(material.menuItemClasses.disabled, " {\n opacity: 1 !important;\n }\n\n &.MuiAutocomplete-option[aria-selected=\"true\"] {\n &:hover {\n background-color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, " !important;\n }\n\n svg.check-icon {\n color: ").concat(selected ? (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.iconSelected : (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.iconPrimary, ";\n }\n }\n\n &.MuiAutocomplete-option[aria-disabled=\"true\"] {\n opacity: 1;\n }\n\n &:hover {\n background-color: ").concat((_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.fillHover, ";\n svg.check-icon {\n color: ").concat(selected ? (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _g === void 0 ? void 0 : _g.iconHover : (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _h === void 0 ? void 0 : _h.iconPrimary, ";\n }\n }\n\n &.Mui-selected.MuiListItem-root.MuiListItem-button {\n background-color: ").concat((_j = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _j === void 0 ? void 0 : _j.surfacePrimary, ";\n &:hover {\n background-color: ").concat((_k = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _k === void 0 ? void 0 : _k.fillHover, ";\n }\n .primary-text {\n font-weight: ").concat(fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold, ";\n }\n }\n\n &:active {\n svg.check-icon {\n color: ").concat((_l = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _l === void 0 ? void 0 : _l.iconPressed, ";\n }\n\n &:active {\n svg.check-icon {\n color: ").concat((_m = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _m === void 0 ? void 0 : _m.iconPressed, ";\n }\n\n .primary-text {\n font-weight: ").concat(fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold, ";\n }\n }\n }\n ");
4445
4504
  });
4446
- var ContentWrapper = styles.styled("span")(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n width: 100%;\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n width: 100%;\n"])));
4505
+ var ContentWrapper = styled("span")(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n width: 100%;\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n width: 100%;\n"])));
4447
4506
  var disabledStyles = function (props) {
4448
4507
  var _a;
4449
4508
  var disabled = props.disabled;
@@ -4452,12 +4511,12 @@ var disabledStyles = function (props) {
4452
4511
  var semanticColors = getSemanticColors(props);
4453
4512
  return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textDisabled, ";\n cursor: default;\n ");
4454
4513
  };
4455
- var TextWrapper = styles.styled("span")(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n ", "\n\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
4514
+ var TextWrapper = styled("span")(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n ", "\n\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
4456
4515
  var _a;
4457
4516
  var semanticColors = getSemanticColors(props);
4458
4517
  return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, ";\n display: flex;\n white-space: pre-wrap;\n ");
4459
4518
  }, disabledStyles);
4460
- var StyledMenuItemIcon = styles.styled("span")(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4519
+ var StyledMenuItemIcon = styled("span")(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4461
4520
  var _a;
4462
4521
  var disabled = props.disabled;
4463
4522
  var spaces = getSpaces(props);
@@ -4465,18 +4524,18 @@ var StyledMenuItemIcon = styles.styled("span")(templateObject_4$i || (templateOb
4465
4524
  var semanticColors = getSemanticColors(props);
4466
4525
  return "\n margin-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n margin-top: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n\n .MuiSvgIcon-root {\n ").concat(disabled ? "color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconDisabled, ";") : null, "\n }\n ");
4467
4526
  });
4468
- var ColumnWrapper = styles.styled("span")(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n ", "\n\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
4527
+ var ColumnWrapper = styled("span")(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n ", "\n\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
4469
4528
  var _a;
4470
4529
  var semanticColors = getSemanticColors(props);
4471
4530
  var spaces = getSpaces(props);
4472
4531
  return "\n text-align: right;\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, ";\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n ");
4473
4532
  }, disabledStyles);
4474
- var StyledIconWrapper = styles.styled("span")(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4533
+ var StyledIconWrapper = styled("span")(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4475
4534
  var spaces = getSpaces(props);
4476
4535
  var iconSizes = getIconSizes(props);
4477
4536
  return "\n align-self: start;\n margin-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n margin-top: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n ");
4478
4537
  });
4479
- var StyledCheck = styles.styled(iconsMaterial.Check, {
4538
+ var StyledCheck = styled(iconsMaterial.Check, {
4480
4539
  shouldForwardProp: function (prop) { return prop !== "selected"; },
4481
4540
  })(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4482
4541
  var _a, _b;
@@ -4488,7 +4547,7 @@ var StyledCheck = styles.styled(iconsMaterial.Check, {
4488
4547
  : (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.icon;
4489
4548
  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 ");
4490
4549
  });
4491
- var StyledMinus = styles.styled(iconsMaterial.Remove, {
4550
+ var StyledMinus = styled(iconsMaterial.Remove, {
4492
4551
  shouldForwardProp: function (prop) { return prop !== "selected"; },
4493
4552
  })(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4494
4553
  var _a, _b;
@@ -4500,7 +4559,7 @@ var StyledMinus = styles.styled(iconsMaterial.Remove, {
4500
4559
  : (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.icon;
4501
4560
  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 ");
4502
4561
  });
4503
- var templateObject_1$L, templateObject_2$t, templateObject_3$l, templateObject_4$i, templateObject_5$c, templateObject_6$8, templateObject_7$6, templateObject_8$4;
4562
+ var templateObject_1$L, templateObject_2$t, templateObject_3$l, templateObject_4$i, templateObject_5$d, templateObject_6$8, templateObject_7$6, templateObject_8$4;
4504
4563
 
4505
4564
  /**
4506
4565
  * @see https://mui.com/material-ui/react-menu/
@@ -4674,7 +4733,7 @@ var doNotForwardProps$n = [
4674
4733
  "PopperBaseProps",
4675
4734
  "onClickAway",
4676
4735
  ];
4677
- var StyledAutocompleteBase = styles.styled(material.Autocomplete, {
4736
+ var StyledAutocompleteBase = styled(material.Autocomplete, {
4678
4737
  shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
4679
4738
  })(templateObject_1$K || (templateObject_1$K = __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) {
4680
4739
  var _a, _b, _c, _d, _e, _f, _g;
@@ -4684,7 +4743,7 @@ var StyledAutocompleteBase = styles.styled(material.Autocomplete, {
4684
4743
  var semanticColors = getSemanticColors(props);
4685
4744
  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 ");
4686
4745
  });
4687
- var InputBaseWrapper$1 = styles.styled("div", {
4746
+ var InputBaseWrapper$1 = styled("div", {
4688
4747
  shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
4689
4748
  })(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4690
4749
  var search = props.search;
@@ -4695,13 +4754,13 @@ var InputBaseWrapper$1 = styles.styled("div", {
4695
4754
  return "\n border: 0;\n padding: 0;\n white-space: nowrap;\n clip-path: inset(100%);\n clip: rect(0 0 0 0);\n overflow: hidden;\n margin: 0;\n speak: none;\n ";
4696
4755
  }
4697
4756
  });
4698
- var StyledMenuInputSearch$1 = styles.styled(InputSearch, {
4757
+ var StyledMenuInputSearch$1 = styled(InputSearch, {
4699
4758
  shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
4700
4759
  })(templateObject_3$k || (templateObject_3$k = __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) {
4701
4760
  var search = _a.search;
4702
4761
  return (search ? "auto" : "transparent");
4703
4762
  });
4704
- var StyledPaper$3 = styles.styled(material.Paper)(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4763
+ var StyledPaper$3 = styled(material.Paper)(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4705
4764
  var _a;
4706
4765
  var spaces = getSpaces(props);
4707
4766
  var corners = getCorners(props);
@@ -4710,17 +4769,17 @@ var StyledPaper$3 = styles.styled(material.Paper)(templateObject_4$h || (templat
4710
4769
  var semanticColors = getSemanticColors(props);
4711
4770
  return "\n background-image: none;\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 background-color: ").concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, ";\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 box-sizing: border-box;\n ");
4712
4771
  });
4713
- var StyledMenuItemDetails = styles.styled("div")(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyXxs$1, function (props) {
4772
+ var StyledMenuItemDetails = styled("div")(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyXxs$1, function (props) {
4714
4773
  var _a;
4715
4774
  var semanticColors = getSemanticColors(props);
4716
4775
  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 ");
4717
4776
  });
4718
- var StyledMenuItemText = styles.styled("div")(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
4719
- var templateObject_1$K, templateObject_2$s, templateObject_3$k, templateObject_4$h, templateObject_5$b, templateObject_6$7;
4777
+ var StyledMenuItemText = styled("div")(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
4778
+ var templateObject_1$K, templateObject_2$s, templateObject_3$k, templateObject_4$h, templateObject_5$c, templateObject_6$7;
4720
4779
 
4721
4780
  var AutocompleteBase = function (props) {
4722
4781
  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;
4723
- var theme = styles.useTheme();
4782
+ var theme = material.useTheme();
4724
4783
  var ref = React.useRef(null);
4725
4784
  var _r = React.useState(""), inputValue = _r[0], setInputValue = _r[1];
4726
4785
  useDetectUserTabbing(ref);
@@ -4881,20 +4940,20 @@ var AutocompleteBase = function (props) {
4881
4940
  }
4882
4941
  };
4883
4942
 
4884
- var StyledColumn = styles.styled("div")(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4943
+ var StyledColumn = styled("div")(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4885
4944
  var _a;
4886
4945
  var _b = props.width, width = _b === void 0 ? 280 : _b;
4887
4946
  var spaces = getSpaces(props);
4888
4947
  var borders = getBorders(props);
4889
4948
  return "\n position: relative;\n width: ".concat(width, "px;\n\n &:not(:last-child) {\n border-right: ").concat((_a = borders === null || borders === void 0 ? void 0 : borders.base) === null || _a === void 0 ? void 0 : _a.divider, ";\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n }\n\n // (masoudmanson): This code hides the relation icon of the last column\n &:last-of-type {\n .SdsAutocompleteMultiColumn-column-relation-icon {\n display: none;\n }\n }\n ");
4890
4949
  });
4891
- var StyledColumnTitle = styles.styled("p")(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontCapsXxxxs, function (props) {
4950
+ var StyledColumnTitle = styled("p")(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontCapsXxxxs, function (props) {
4892
4951
  var _a;
4893
4952
  var spaces = getSpaces(props);
4894
4953
  var semanticColors = getSemanticColors(props);
4895
4954
  return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n margin: 0;\n ");
4896
4955
  });
4897
- var StyledColumnIcon = styles.styled("span")(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4956
+ var StyledColumnIcon = styled("span")(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4898
4957
  var _a, _b;
4899
4958
  var spaces = getSpaces(props);
4900
4959
  var iconSizes = getIconSizes(props);
@@ -4952,7 +5011,7 @@ var doNotForwardProps$m = [
4952
5011
  "onClickAway",
4953
5012
  "ClickAwayListenerProps",
4954
5013
  ];
4955
- var StyledPopper$2 = styles.styled(material.Popper, {
5014
+ var StyledPopper$2 = styled(material.Popper, {
4956
5015
  shouldForwardProp: function (prop) {
4957
5016
  return !doNotForwardProps$m.includes(prop) || prop === "anchorEl";
4958
5017
  },
@@ -4965,7 +5024,7 @@ var StyledPopper$2 = styles.styled(material.Popper, {
4965
5024
  var semanticColors = getSemanticColors(props);
4966
5025
  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 ");
4967
5026
  });
4968
- var StyledPaper$2 = styles.styled(material.Paper, {
5027
+ var StyledPaper$2 = styled(material.Paper, {
4969
5028
  shouldForwardProp: function (prop) { return !doNotForwardProps$m.includes(prop); },
4970
5029
  })(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4971
5030
  var _a;
@@ -4973,8 +5032,8 @@ var StyledPaper$2 = styles.styled(material.Paper, {
4973
5032
  var semanticColors = getSemanticColors(props);
4974
5033
  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 box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, ";\n margin: 0;\n border-radius: 0;\n padding-top: 0;\n padding-bottom: 0;\n ");
4975
5034
  });
4976
- var StyledAutocompleteGroupWrapper = styles.styled("div")(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
4977
- var StyledAutocompleteInput = styles.styled(InputSearch, {
5035
+ var StyledAutocompleteGroupWrapper = styled("div")(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
5036
+ var StyledAutocompleteInput = styled(InputSearch, {
4978
5037
  shouldForwardProp: function (prop) { return !doNotForwardProps$m.includes(prop); },
4979
5038
  })(templateObject_4$g || (templateObject_4$g = __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) {
4980
5039
  var search = _a.search;
@@ -4988,7 +5047,7 @@ var templateObject_1$I, templateObject_2$q, templateObject_3$i, templateObject_4
4988
5047
  var AutocompleteMultiColumn = function (props) {
4989
5048
  var _a;
4990
5049
  var InputBaseProps = props.InputBaseProps, open = props.open, _b = props.PopperPlacement, PopperPlacement = _b === void 0 ? "bottom-start" : _b, PopperBaseProps = props.PopperBaseProps, _c = props.search, search = _c === void 0 ? false : _c, _d = props.label, label = _d === void 0 ? "Search" : _d, onClickAway = props.onClickAway, onClick = props.onClick, ClickAwayListenerProps = props.ClickAwayListenerProps, options = props.options, onInputChange = props.onInputChange, onBlur = props.onBlur, multiple = props.multiple, parentInitialValue = props.value, onChange = props.onChange, _e = props.PopperComponent, PopperComponent = _e === void 0 ? StyledPopper$2 : _e, rest = __rest(props, ["InputBaseProps", "open", "PopperPlacement", "PopperBaseProps", "search", "label", "onClickAway", "onClick", "ClickAwayListenerProps", "options", "onInputChange", "onBlur", "multiple", "value", "onChange", "PopperComponent"]);
4991
- var theme = styles.useTheme();
5050
+ var theme = material.useTheme();
4992
5051
  var isOpenControlled = open !== undefined;
4993
5052
  var _f = React.useState(""), inputValue = _f[0], setInputValue = _f[1];
4994
5053
  var _g = React.useState(isOpenControlled ? open : false), popperOpen = _g[0], setPopperOpen = _g[1];
@@ -5169,9 +5228,9 @@ var Autocomplete = function (props) {
5169
5228
  }
5170
5229
  };
5171
5230
 
5172
- var Centered = styles.styled("div")(templateObject_1$H || (templateObject_1$H = __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"])));
5231
+ var Centered = styled("div")(templateObject_1$H || (templateObject_1$H = __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"])));
5173
5232
  var doNotForwardPropsIconWrapper = ["bannerType"];
5174
- var IconWrapper$1 = styles.styled("div", {
5233
+ var IconWrapper$1 = styled("div", {
5175
5234
  shouldForwardProp: function (prop) {
5176
5235
  return !doNotForwardPropsIconWrapper.includes(prop);
5177
5236
  },
@@ -5184,7 +5243,7 @@ var IconWrapper$1 = styles.styled("div", {
5184
5243
  return "\n height: ".concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.height, "px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n svg {\n fill: ").concat(bannerType === "primary" ? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconPrimaryInverse : (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.info) === null || _b === void 0 ? void 0 : _b.ornament, ";\n }\n ");
5185
5244
  });
5186
5245
  var doNotForwardPropsButtonIcon = ["bannerType", "textChild"];
5187
- var StyledButton$2 = styles.styled(Button, {
5246
+ var StyledButton$2 = styled(Button, {
5188
5247
  shouldForwardProp: function (prop) {
5189
5248
  return !doNotForwardPropsButtonIcon.includes(prop);
5190
5249
  },
@@ -5196,7 +5255,7 @@ var StyledButton$2 = styles.styled(Button, {
5196
5255
  return "";
5197
5256
  return "\n svg {\n fill: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconPrimaryInverse, ";\n }\n\n svg:hover {\n fill: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconPrimaryInverseHover, ";\n }\n ");
5198
5257
  });
5199
- styles.styled("div")(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), fontBodyS$1);
5258
+ styled("div")(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), fontBodyS$1);
5200
5259
  var primary$1 = function (props) {
5201
5260
  var _a, _b;
5202
5261
  var semanticColors = getSemanticColors(props);
@@ -5208,14 +5267,14 @@ var secondary$1 = function (props) {
5208
5267
  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 ");
5209
5268
  };
5210
5269
  var doNotForwardProps$l = ["sdsType", "textChild"];
5211
- var StyledBanner = styles.styled("div", {
5270
+ var StyledBanner = styled("div", {
5212
5271
  shouldForwardProp: function (prop) { return !doNotForwardProps$l.includes(prop); },
5213
- })(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
5272
+ })(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
5214
5273
  var sdsType = props.sdsType;
5215
5274
  var spaces = getSpaces(props);
5216
5275
  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 ");
5217
5276
  });
5218
- var templateObject_1$H, templateObject_2$p, templateObject_3$h, templateObject_4$f, templateObject_5$a;
5277
+ var templateObject_1$H, templateObject_2$p, templateObject_3$h, templateObject_4$f, templateObject_5$b;
5219
5278
 
5220
5279
  var Banner = React.forwardRef(function Banner(props, ref) {
5221
5280
  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"]);
@@ -5284,7 +5343,7 @@ var ButtonDropdown = React.forwardRef(function (props, ref) {
5284
5343
  var CALLOUT_TITLE_DISPLAY_NAME = "CalloutTitle";
5285
5344
 
5286
5345
  var doNotForwardProps$k = ["calloutTitle", "collapsed", "severity"];
5287
- var StyledCallout = styles.styled(material.Alert, {
5346
+ var StyledCallout = styled(material.Alert, {
5288
5347
  shouldForwardProp: function (prop) { return !doNotForwardProps$k.includes(prop); },
5289
5348
  })(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyXs$2, function (props) {
5290
5349
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
@@ -5376,7 +5435,7 @@ var Callout = function (_a) {
5376
5435
  return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(material.Grow, { in: !hide, children: jsxRuntime.jsxs(StyledCallout, __assign({ onClose: onClose ? handleClose : undefined, action: getAction(collapsed), icon: getIcon(), intent: intent, collapsed: collapsed || false }, rest, { children: [calloutTitle, !collapsed && calloutContent] })) }) }));
5377
5436
  };
5378
5437
 
5379
- var StyledCalloutTitle = styles.styled(material.AlertTitle)(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
5438
+ var StyledCalloutTitle = styled(material.AlertTitle)(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
5380
5439
  var spaces = getSpaces(props);
5381
5440
  return "\n margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n ");
5382
5441
  });
@@ -5408,7 +5467,7 @@ var tableStyles = function (props) {
5408
5467
  var spaces = getSpaces(props);
5409
5468
  return css.css(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n padding: ", "px;\n "], ["\n padding: ", "px;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.m);
5410
5469
  };
5411
- var Subtitle$1 = styles.styled("div")(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
5470
+ var Subtitle$1 = styled("div")(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
5412
5471
  var _a;
5413
5472
  var semanticColors = getSemanticColors(props);
5414
5473
  return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondaryInverse, ";\n ");
@@ -5416,7 +5475,7 @@ var Subtitle$1 = styles.styled("div")(templateObject_5$9 || (templateObject_5$9
5416
5475
  var tooltipCss = function (props) {
5417
5476
  var inverted = props.inverted, sdsStyle = props.sdsStyle, width = props.width, followCursor = props.followCursor;
5418
5477
  var shadows = getShadows(props);
5419
- return css.css(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n &.MuiTooltip-tooltip {\n ", "\n ", "\n\n ", "\n\n box-shadow: ", ";\n }\n "], ["\n &.MuiTooltip-tooltip {\n ", "\n ", "\n\n ", "\n\n box-shadow: ", ";\n }\n "])), sdsStyle === "dark" || inverted ? dark(props) : light(props), width === "wide" && sdsStyle === "light" && wide(), followCursor === true && tableStyles(props), shadows === null || shadows === void 0 ? void 0 : shadows.m);
5478
+ return css.css(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n &.MuiTooltip-tooltip {\n box-shadow: ", ";\n\n ", "\n ", "\n\n ", "\n }\n "], ["\n &.MuiTooltip-tooltip {\n box-shadow: ", ";\n\n ", "\n ", "\n\n ", "\n }\n "])), shadows === null || shadows === void 0 ? void 0 : shadows.m, sdsStyle === "dark" || inverted ? dark(props) : light(props), width === "wide" && sdsStyle === "light" && wide(), followCursor === true && tableStyles(props));
5420
5479
  };
5421
5480
  var arrowCss = function (props) {
5422
5481
  var _a, _b;
@@ -5430,8 +5489,8 @@ var arrowCss = function (props) {
5430
5489
  * (masoudmanson): !important is needed to override arrow's
5431
5490
  * default placement which is calculated by javascript
5432
5491
  */
5433
- var StyledPopper$1 = styles.styled(material.Popper)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n &[data-popper-placement*=\"top\"] .MuiTooltip-arrow {\n width: 24px !important;\n height: 12px !important;\n margin-bottom: -12px !important;\n &:before {\n transform: rotate(45deg) translate(0px, -2px);\n border-bottom-right-radius: 2px;\n box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"bottom\"] .MuiTooltip-arrow {\n width: 24px !important;\n height: 12px !important;\n margin-top: -12px !important;\n &:before {\n transform: rotate(45deg) translate(-1px, 2px);\n border-top-left-radius: 2px;\n box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"left\"] .MuiTooltip-arrow {\n width: 12px !important;\n height: 16px !important;\n margin-right: -12px !important;\n &:before {\n transform: rotate(45deg) translate(-1px, 1px);\n border-top-right-radius: 2px;\n box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"right\"] .MuiTooltip-arrow {\n width: 12px !important;\n height: 16px !important;\n margin-left: -12px !important;\n &:before {\n transform: rotate(45deg) translate(4px, 2px);\n border-bottom-left-radius: 2px;\n box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n }\n }\n"], ["\n &[data-popper-placement*=\"top\"] .MuiTooltip-arrow {\n width: 24px !important;\n height: 12px !important;\n margin-bottom: -12px !important;\n &:before {\n transform: rotate(45deg) translate(0px, -2px);\n border-bottom-right-radius: 2px;\n box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"bottom\"] .MuiTooltip-arrow {\n width: 24px !important;\n height: 12px !important;\n margin-top: -12px !important;\n &:before {\n transform: rotate(45deg) translate(-1px, 2px);\n border-top-left-radius: 2px;\n box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"left\"] .MuiTooltip-arrow {\n width: 12px !important;\n height: 16px !important;\n margin-right: -12px !important;\n &:before {\n transform: rotate(45deg) translate(-1px, 1px);\n border-top-right-radius: 2px;\n box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"right\"] .MuiTooltip-arrow {\n width: 12px !important;\n height: 16px !important;\n margin-left: -12px !important;\n &:before {\n transform: rotate(45deg) translate(4px, 2px);\n border-bottom-left-radius: 2px;\n box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n }\n }\n"])));
5434
- var templateObject_1$E, templateObject_2$o, templateObject_3$g, templateObject_4$e, templateObject_5$9, templateObject_6$6, templateObject_7$5, templateObject_8$3;
5492
+ var StyledPopper$1 = styled(material.Popper)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n &[data-popper-placement*=\"top\"] .MuiTooltip-arrow {\n width: 24px !important;\n height: 12px !important;\n margin-bottom: -12px !important;\n &:before {\n transform: rotate(45deg) translate(0px, -2px);\n border-bottom-right-radius: 2px;\n box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"bottom\"] .MuiTooltip-arrow {\n width: 24px !important;\n height: 12px !important;\n margin-top: -12px !important;\n &:before {\n transform: rotate(45deg) translate(-1px, 2px);\n border-top-left-radius: 2px;\n box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"left\"] .MuiTooltip-arrow {\n width: 12px !important;\n height: 16px !important;\n margin-right: -12px !important;\n &:before {\n transform: rotate(45deg) translate(-1px, 1px);\n border-top-right-radius: 2px;\n box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"right\"] .MuiTooltip-arrow {\n width: 12px !important;\n height: 16px !important;\n margin-left: -12px !important;\n &:before {\n transform: rotate(45deg) translate(4px, 2px);\n border-bottom-left-radius: 2px;\n box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n }\n }\n"], ["\n &[data-popper-placement*=\"top\"] .MuiTooltip-arrow {\n width: 24px !important;\n height: 12px !important;\n margin-bottom: -12px !important;\n &:before {\n transform: rotate(45deg) translate(0px, -2px);\n border-bottom-right-radius: 2px;\n box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"bottom\"] .MuiTooltip-arrow {\n width: 24px !important;\n height: 12px !important;\n margin-top: -12px !important;\n &:before {\n transform: rotate(45deg) translate(-1px, 2px);\n border-top-left-radius: 2px;\n box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"left\"] .MuiTooltip-arrow {\n width: 12px !important;\n height: 16px !important;\n margin-right: -12px !important;\n &:before {\n transform: rotate(45deg) translate(-1px, 1px);\n border-top-right-radius: 2px;\n box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"right\"] .MuiTooltip-arrow {\n width: 12px !important;\n height: 16px !important;\n margin-left: -12px !important;\n &:before {\n transform: rotate(45deg) translate(4px, 2px);\n border-bottom-left-radius: 2px;\n box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n }\n }\n"])));
5493
+ var templateObject_1$E, templateObject_2$o, templateObject_3$g, templateObject_4$e, templateObject_5$a, templateObject_6$6, templateObject_7$5, templateObject_8$3;
5435
5494
 
5436
5495
  /**
5437
5496
  * @see https://mui.com/material-ui/react-tooltip/
@@ -5452,7 +5511,7 @@ var Tooltip = React.forwardRef(function Tooltip(props, ref) {
5452
5511
  if (subtitle && sdsStyle === "light") {
5453
5512
  showWarningIfFirstOccurence(SDSWarningTypes.TooltipSubtitle);
5454
5513
  }
5455
- var theme = styles.useTheme();
5514
+ var theme = material.useTheme();
5456
5515
  var extraProps = {
5457
5516
  /* stylelint-disable property-no-unknown -- false positive */
5458
5517
  arrowOffset: arrowOffset,
@@ -5524,7 +5583,7 @@ var verticalAlignToFlexMap = {
5524
5583
  center: "center",
5525
5584
  top: "flex-start",
5526
5585
  };
5527
- var StyledTableData = styles.styled("td", {
5586
+ var StyledTableData = styled("td", {
5528
5587
  shouldForwardProp: function (prop) { return !doNotForwardProps$j.includes(prop); },
5529
5588
  })(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontBodyS$1, focusVisibleA11yStyle, function (props) {
5530
5589
  var _a = props.horizontalAlign, horizontalAlign = _a === void 0 ? "left" : _a, _b = props.verticalAlign, verticalAlign = _b === void 0 ? "top" : _b;
@@ -5537,20 +5596,20 @@ var ShouldWrap = function (lineCount) {
5537
5596
  var ShouldTruncate = function () {
5538
5597
  return "\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n ";
5539
5598
  };
5540
- var StyledCellContent = styles.styled("div")(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
5541
- var StyledCellContentWrapper = styles.styled("div")(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
5542
- var StyledCellIconWrapper = styles.styled("div", {
5599
+ var StyledCellContent = styled("div")(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
5600
+ var StyledCellContentWrapper = styled("div")(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
5601
+ var StyledCellIconWrapper = styled("div", {
5543
5602
  shouldForwardProp: function (prop) { return !doNotForwardProps$j.includes(prop); },
5544
5603
  })(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
5545
5604
  var _a = props.iconVerticalAlign, iconVerticalAlign = _a === void 0 ? "top" : _a;
5546
5605
  var spaces = getSpaces(props);
5547
5606
  return "\n padding-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n display: flex;\n flex-direction: column;\n justify-content: ").concat(verticalAlignToFlexMap[iconVerticalAlign], ";\n ");
5548
5607
  });
5549
- var PrimaryTextWrapper = styles.styled("div")(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
5608
+ var PrimaryTextWrapper = styled("div")(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
5550
5609
  var horizontalAlign = props.horizontalAlign;
5551
5610
  return "\n display: flex;\n justify-content: ".concat(horizontalAlign === "left" ? "flex-start" : "flex-end", ";\n ");
5552
5611
  });
5553
- var PrimaryText = styles.styled("div", {
5612
+ var PrimaryText = styled("div", {
5554
5613
  shouldForwardProp: function (prop) { return !doNotForwardProps$j.includes(prop); },
5555
5614
  })(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
5556
5615
  var _a = props.primaryTextWrapLineCount, primaryTextWrapLineCount = _a === void 0 ? 3 : _a;
@@ -5558,7 +5617,7 @@ var PrimaryText = styles.styled("div", {
5558
5617
  ? ShouldWrap(primaryTextWrapLineCount)
5559
5618
  : ShouldTruncate(), "\n ");
5560
5619
  });
5561
- var SecondaryText = styles.styled("span", {
5620
+ var SecondaryText = styled("span", {
5562
5621
  shouldForwardProp: function (prop) { return !doNotForwardProps$j.includes(prop); },
5563
5622
  })(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
5564
5623
  var _a;
@@ -5569,7 +5628,7 @@ var SecondaryText = styles.styled("span", {
5569
5628
  ? ShouldWrap(secondaryTextWrapLineCount)
5570
5629
  : ShouldTruncate(), "\n ");
5571
5630
  });
5572
- var TertiaryText = styles.styled("span", {
5631
+ var TertiaryText = styled("span", {
5573
5632
  shouldForwardProp: function (prop) { return !doNotForwardProps$j.includes(prop); },
5574
5633
  })(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
5575
5634
  var _a;
@@ -5580,15 +5639,15 @@ var TertiaryText = styles.styled("span", {
5580
5639
  ? ShouldWrap(tertiaryTextWrapLineCount)
5581
5640
  : ShouldTruncate(), "\n ");
5582
5641
  });
5583
- var PrimaryTextComponentSlotBottomWrapper = styles.styled("div")(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
5642
+ var PrimaryTextComponentSlotBottomWrapper = styled("div")(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
5584
5643
  var spaces = getSpaces(props);
5585
5644
  return "\n margin-top: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n ");
5586
5645
  });
5587
- var PrimaryTextComponentSlotRightWrapper = styles.styled("div")(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
5646
+ var PrimaryTextComponentSlotRightWrapper = styled("div")(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
5588
5647
  var spaces = getSpaces(props);
5589
5648
  return "\n margin-left: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n ");
5590
5649
  });
5591
- var templateObject_1$D, templateObject_2$n, templateObject_3$f, templateObject_4$d, templateObject_5$8, templateObject_6$5, templateObject_7$4, templateObject_8$2, templateObject_9$1, templateObject_10$1;
5650
+ var templateObject_1$D, templateObject_2$n, templateObject_3$f, templateObject_4$d, templateObject_5$9, templateObject_6$5, templateObject_7$4, templateObject_8$2, templateObject_9$1, templateObject_10$1;
5592
5651
 
5593
5652
  var CellBasicContent = function (props) {
5594
5653
  var primaryText = props.primaryText, primaryTextWrapLineCount = props.primaryTextWrapLineCount, secondaryText = props.secondaryText, secondaryTextWrapLineCount = props.secondaryTextWrapLineCount, tertiaryText = props.tertiaryText, tertiaryTextWrapLineCount = props.tertiaryTextWrapLineCount, _a = props.shouldTextWrap, shouldTextWrap = _a === void 0 ? true : _a, icon = props.icon, iconVerticalAlign = props.iconVerticalAlign, primaryTextComponentSlotRight = props.primaryTextComponentSlotRight, primaryTextComponentSlotBottom = props.primaryTextComponentSlotBottom, _b = props.horizontalAlign, horizontalAlign = _b === void 0 ? "left" : _b;
@@ -5603,7 +5662,7 @@ var CellBasic = React.forwardRef(function (props, ref) {
5603
5662
  });
5604
5663
 
5605
5664
  var doNotForwardProps$i = ["horizontalAlign", "verticalAlign"];
5606
- var StyledCellComponentData = styles.styled("td", {
5665
+ var StyledCellComponentData = styled("td", {
5607
5666
  shouldForwardProp: function (prop) { return !doNotForwardProps$i.includes(prop); },
5608
5667
  })(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontBodyS$1, focusVisibleA11yStyle, function (props) {
5609
5668
  var spaces = getSpaces(props);
@@ -5630,7 +5689,7 @@ var doNotForwardProps$h = [
5630
5689
  "tooltipText",
5631
5690
  "hideSortIcon",
5632
5691
  ];
5633
- var StyledSortingIcon = styles.styled(Icon, {
5692
+ var StyledSortingIcon = styled(Icon, {
5634
5693
  shouldForwardProp: function (prop) { return !doNotForwardProps$h.includes(prop); },
5635
5694
  })(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
5636
5695
  var _a, _b;
@@ -5639,7 +5698,7 @@ var StyledSortingIcon = styles.styled(Icon, {
5639
5698
  var semanticColors = getSemanticColors(props);
5640
5699
  return "\n margin-left: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n margin-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n color: ").concat(active ? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _a === void 0 ? void 0 : _a.icon : (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconPrimary, ";\n opacity: ").concat(hideSortIcon ? (active ? 1 : 0) : 1, ";\n outline: none !important;\n ");
5641
5700
  });
5642
- var StyledTableHeader$1 = styles.styled("th", {
5701
+ var StyledTableHeader$1 = styled("th", {
5643
5702
  shouldForwardProp: function (prop) { return !doNotForwardProps$h.includes(prop); },
5644
5703
  })(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontHeaderS, focusVisibleA11yStyle, function (props) {
5645
5704
  var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -5648,7 +5707,7 @@ var StyledTableHeader$1 = styles.styled("th", {
5648
5707
  var semanticColors = getSemanticColors(props);
5649
5708
  return "\n color: ".concat(active ? (_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.base) === null || _b === void 0 ? void 0 : _b.textSecondary, ";\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n text-align: ").concat(horizontalAlign, ";\n min-width: 96px;\n width: 96px;\n cursor: pointer;\n vertical-align: bottom;\n\n & .MuiButtonBase-root {\n outline: none;\n }\n\n &:hover {\n color: ").concat(active ? (_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.base) === null || _d === void 0 ? void 0 : _d.textPrimary, ";\n\n & .MuiButtonBase-root {\n color: ").concat(active ? (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _e === void 0 ? void 0 : _e.textActionHover : (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.textPrimary, ";\n opacity: 1;\n }\n\n & svg {\n color: ").concat(active ? (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _g === void 0 ? void 0 : _g.iconHover : (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _h === void 0 ? void 0 : _h.iconPrimaryHover, ";\n }\n }\n ");
5650
5709
  });
5651
- var StyledCellHeaderContainer = styles.styled("div", {
5710
+ var StyledCellHeaderContainer = styled("div", {
5652
5711
  shouldForwardProp: function (prop) { return !doNotForwardProps$h.includes(prop); },
5653
5712
  })(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
5654
5713
  var _a = props.horizontalAlign, horizontalAlign = _a === void 0 ? "left" : _a;
@@ -5740,7 +5799,7 @@ function createStatusCss(props, status) {
5740
5799
  },
5741
5800
  };
5742
5801
  var statusColors = statusToColors[status];
5743
- return react.css(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n background-color: ", ";\n\n .MuiChip-label {\n color: ", ";\n }\n "], ["\n background-color: ", ";\n\n .MuiChip-label {\n color: ", ";\n }\n "])), statusColors.light, statusColors.dark);
5802
+ return react.css(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n background-color: ", ";\n\n .MuiChip-label {\n color: ", ";\n }\n "], ["\n background-color: ", ";\n\n .MuiChip-label {\n color: ", ";\n }\n "])), statusColors.light, statusColors.dark);
5744
5803
  }
5745
5804
  var statusToCss = {
5746
5805
  beta: beta,
@@ -5751,13 +5810,13 @@ var statusToCss = {
5751
5810
  warning: warning,
5752
5811
  };
5753
5812
  var doNotForwardProps$g = ["isRounded"];
5754
- var StyledChip = styles.styled(material.Chip, {
5813
+ var StyledChip = styled(material.Chip, {
5755
5814
  shouldForwardProp: function (prop) { return !doNotForwardProps$g.includes(prop); },
5756
5815
  })(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n border: none;\n\n ", "\n"], ["\n border: none;\n\n ", "\n"])), function (props) {
5757
5816
  var size = props.size, status = props.status, isRounded = props.isRounded;
5758
5817
  return react.css(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), isRounded && rounded$2(props), !isRounded && square$2(props), size === "small" && small(props), size === "medium" && medium(props), status && statusToCss[status](props));
5759
5818
  });
5760
- var templateObject_1$A, templateObject_2$l, templateObject_3$d, templateObject_4$c, templateObject_5$7, templateObject_6$4, templateObject_7$3;
5819
+ var templateObject_1$A, templateObject_2$l, templateObject_3$d, templateObject_4$c, templateObject_5$8, templateObject_6$4, templateObject_7$3;
5761
5820
 
5762
5821
  /**
5763
5822
  * @see https://mui.com/material-ui/react-chip/
@@ -5788,17 +5847,16 @@ var doNotForwardProps$f = [
5788
5847
  "forceOpen",
5789
5848
  "isMultiColumn",
5790
5849
  ];
5791
- var StyledHeaderTitle = styles.styled("div", {
5850
+ var StyledHeaderTitle = styled("div", {
5792
5851
  shouldForwardProp: function (prop) { return !doNotForwardProps$f.includes(prop); },
5793
5852
  })(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontHeaderXs, function (props) {
5794
5853
  var _a;
5795
- var search = props.search;
5796
5854
  var spaces = getSpaces(props);
5797
5855
  var semanticColors = getSemanticColors(props);
5798
- return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, ";\n padding-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n margin-bottom: ").concat(search ? spaces === null || spaces === void 0 ? void 0 : spaces.s : spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n ");
5856
+ return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, ";\n padding-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n ");
5799
5857
  });
5800
- var StyledDropdownMenuAutocompleteWrapper = styles.styled("div")(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n & .", ", & .MuiPopper-root,\n .base-Popper-root {\n position: relative !important;\n transform: none !important;\n width: 100% !important;\n box-shadow: none;\n padding: 0;\n border: none;\n\n .", ", .MuiPaper-root {\n box-shadow: none !important;\n border: none !important;\n border-radius: 0;\n margin: 0;\n padding: 0;\n }\n }\n"], ["\n & .", ", & .MuiPopper-root,\n .base-Popper-root {\n position: relative !important;\n transform: none !important;\n width: 100% !important;\n box-shadow: none;\n padding: 0;\n border: none;\n\n .", ", .MuiPaper-root {\n box-shadow: none !important;\n border: none !important;\n border-radius: 0;\n margin: 0;\n padding: 0;\n }\n }\n"])), material.autocompleteClasses.popper, material.autocompleteClasses.paper);
5801
- var StyledPopper = styles.styled(material.Popper, {
5858
+ var StyledDropdownMenuAutocompleteWrapper = styled("div")(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n & .", ", & .MuiPopper-root,\n .base-Popper-root {\n position: relative !important;\n transform: none !important;\n width: 100% !important;\n box-shadow: none;\n padding: 0;\n border: none;\n\n .", ", .MuiPaper-root {\n box-shadow: none !important;\n border: none !important;\n border-radius: 0;\n margin: 0;\n padding: 0;\n }\n }\n"], ["\n & .", ", & .MuiPopper-root,\n .base-Popper-root {\n position: relative !important;\n transform: none !important;\n width: 100% !important;\n box-shadow: none;\n padding: 0;\n border: none;\n\n .", ", .MuiPaper-root {\n box-shadow: none !important;\n border: none !important;\n border-radius: 0;\n margin: 0;\n padding: 0;\n }\n }\n"])), material.autocompleteClasses.popper, material.autocompleteClasses.paper);
5859
+ var StyledPopper = styled(material.Popper, {
5802
5860
  shouldForwardProp: function (prop) {
5803
5861
  return !doNotForwardProps$f.includes(prop) || prop === "anchorEl";
5804
5862
  },
@@ -5810,7 +5868,7 @@ var StyledPopper = styles.styled(material.Popper, {
5810
5868
  var semanticColors = getSemanticColors(props);
5811
5869
  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 box-sizing: border-box;\n z-index: 1400;\n ");
5812
5870
  });
5813
- var StyledPaper$1 = styles.styled(material.Paper, {
5871
+ var StyledPaper$1 = styled(material.Paper, {
5814
5872
  shouldForwardProp: function (prop) { return !doNotForwardProps$f.includes(prop); },
5815
5873
  })(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
5816
5874
  var _a;
@@ -5820,7 +5878,12 @@ var StyledPaper$1 = styles.styled(material.Paper, {
5820
5878
  var semanticColors = getSemanticColors(props);
5821
5879
  return "\n box-shadow: ".concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, " !important;\n border: ").concat(borders === null || borders === void 0 ? void 0 : borders.none, ";\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 margin: 0;\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\n .MuiAutocomplete-root,\n .MuiFormControl-root.MuiTextField-root {\n margin-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n }\n\n // (masoudmanson): Remove margin-right and margin-bottom for the single column autocomplete\n // as it has been added to the parent container\n .MuiAutocomplete-root .MuiFormControl-root.MuiTextField-root {\n margin-right: 0;\n margin-bottom: 0; \n }\n ");
5822
5880
  });
5823
- var templateObject_1$z, templateObject_2$k, templateObject_3$c, templateObject_4$b;
5881
+ var StyledDropdownMenuHeader = styled("div")(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
5882
+ var search = props.search;
5883
+ var spaces = getSpaces(props);
5884
+ return "\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n margin-bottom: ").concat(search ? spaces === null || spaces === void 0 ? void 0 : spaces.s : spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n ");
5885
+ });
5886
+ var templateObject_1$z, templateObject_2$k, templateObject_3$c, templateObject_4$b, templateObject_5$7;
5824
5887
 
5825
5888
  // (masoudmanson): Represents the minimum width defined by design specifications
5826
5889
  // for the dropdownMenu's popper component
@@ -5830,8 +5893,8 @@ var DEFAULT_POPPER_BASE_PROPS = {
5830
5893
  };
5831
5894
  var DropdownMenu = function (props) {
5832
5895
  var _a, _b;
5833
- var theme = styles.useTheme();
5834
- var anchorEl = props.anchorEl, id = props.id, InputBaseProps = props.InputBaseProps, _c = props.open, open = _c === void 0 ? false : _c, _d = props.PopperComponent, PopperComponent = _d === void 0 ? StyledPopper : _d, _e = props.PaperComponent, PaperComponent = _e === void 0 ? StyledPaper$1 : _e, _f = props.PopperPlacement, PopperPlacement = _f === void 0 ? "bottom-start" : _f, _g = props.PopperBaseProps, PopperBaseProps = _g === void 0 ? {} : _g, _h = props.search, search = _h === void 0 ? false : _h, title = props.title, _j = props.label, label = _j === void 0 ? "Search" : _j, children = props.children, options = props.options, _k = props.onClickAway, onClickAway = _k === void 0 ? noop : _k, ClickAwayListenerProps = props.ClickAwayListenerProps, _l = props.width, width = _l === void 0 ? MINIMUM_DROPDOWN_MENU_POPPER_WIDTH : _l, rest = __rest(props, ["anchorEl", "id", "InputBaseProps", "open", "PopperComponent", "PaperComponent", "PopperPlacement", "PopperBaseProps", "search", "title", "label", "children", "options", "onClickAway", "ClickAwayListenerProps", "width"]);
5896
+ var theme = material.useTheme();
5897
+ var anchorEl = props.anchorEl, id = props.id, InputBaseProps = props.InputBaseProps, _c = props.open, open = _c === void 0 ? false : _c, _d = props.PopperComponent, PopperComponent = _d === void 0 ? StyledPopper : _d, _e = props.PaperComponent, PaperComponent = _e === void 0 ? StyledPaper$1 : _e, _f = props.PopperPlacement, PopperPlacement = _f === void 0 ? "bottom-start" : _f, _g = props.PopperBaseProps, PopperBaseProps = _g === void 0 ? {} : _g, _h = props.search, search = _h === void 0 ? false : _h, title = props.title, headerComponentSlot = props.headerComponentSlot, _j = props.label, label = _j === void 0 ? "Search" : _j, children = props.children, options = props.options, _k = props.onClickAway, onClickAway = _k === void 0 ? noop : _k, ClickAwayListenerProps = props.ClickAwayListenerProps, _l = props.width, width = _l === void 0 ? MINIMUM_DROPDOWN_MENU_POPPER_WIDTH : _l, rest = __rest(props, ["anchorEl", "id", "InputBaseProps", "open", "PopperComponent", "PaperComponent", "PopperPlacement", "PopperBaseProps", "search", "title", "headerComponentSlot", "label", "children", "options", "onClickAway", "ClickAwayListenerProps", "width"]);
5835
5898
  var isMultiColumn = "options" in ((options === null || options === void 0 ? void 0 : options[0]) || EMPTY_OBJECT);
5836
5899
  // (masoudmanson): The DropdownMenu's Popper component should have a minimum
5837
5900
  // width of MINIMUM_DROPDOWN_MENU_POPPER_WIDTH pixels if the DropdownMenu is
@@ -5855,7 +5918,7 @@ var DropdownMenu = function (props) {
5855
5918
  ], open: open, anchorEl: anchorEl, placement: PopperPlacement }, PopperBaseProps, {
5856
5919
  // (masoudmanson): To override the width of the Popper,
5857
5920
  // the sx prop's value must be set after spreading the PopperBaseProps.
5858
- sx: dropdownMenuPopperSx, children: jsxRuntime.jsx(PaperComponent, { children: jsxRuntime.jsx(material.ClickAwayListener, __assign({ onClickAway: onClickAway }, ClickAwayListenerProps, { children: jsxRuntime.jsxs(StyledDropdownMenuAutocompleteWrapper, { children: [title && (jsxRuntime.jsx(StyledHeaderTitle, { search: search, children: title })), anchorEl && (jsxRuntime.jsx(Autocomplete, __assign({ label: label, search: search, title: title, open: open, options: options, PopperBaseProps: DEFAULT_POPPER_BASE_PROPS, disablePortal: true, onClickAway: noop, onClick: noop }, rest, { InputBaseProps: DefaultInputBaseProps }))), children] }) })) }) })));
5921
+ sx: dropdownMenuPopperSx, children: jsxRuntime.jsx(PaperComponent, { children: jsxRuntime.jsx(material.ClickAwayListener, __assign({ onClickAway: onClickAway }, ClickAwayListenerProps, { children: jsxRuntime.jsxs(StyledDropdownMenuAutocompleteWrapper, { children: [jsxRuntime.jsxs(StyledDropdownMenuHeader, { search: search, children: [title && jsxRuntime.jsx(StyledHeaderTitle, { children: title }), headerComponentSlot && jsxRuntime.jsx(jsxRuntime.Fragment, { children: headerComponentSlot })] }), anchorEl && (jsxRuntime.jsx(Autocomplete, __assign({ label: label, search: search, title: title, open: open, options: options, PopperBaseProps: DEFAULT_POPPER_BASE_PROPS, disablePortal: true, onClickAway: noop, onClick: noop }, rest, { InputBaseProps: DefaultInputBaseProps }))), children] }) })) }) })));
5859
5922
  };
5860
5923
 
5861
5924
  var doNotForwardProps$e = [
@@ -5938,13 +6001,13 @@ var isDisabled = function (props) {
5938
6001
  * passed to the underlying Button component. So we have added the style prop
5939
6002
  * to the InputDropdownProps interface.
5940
6003
  */
5941
- var StyledInputDropdown = styles.styled(Button, {
6004
+ var StyledInputDropdown = styled(Button, {
5942
6005
  shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
5943
6006
  })(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", "\n ", "\n outline-offset: 1px !important;\n\n /* (thuang): in Minimal it's a different value */\n align-items: center;\n /* (thuang): in Minimal it's a different value */\n flex-direction: row;\n\n justify-content: space-between;\n\n ", "\n"], ["\n ", "\n ", "\n outline-offset: 1px !important;\n\n /* (thuang): in Minimal it's a different value */\n align-items: center;\n /* (thuang): in Minimal it's a different value */\n flex-direction: row;\n\n justify-content: space-between;\n\n ", "\n"])), labelFontBodyXs, focusVisibleA11yStyle, function (props) {
5944
6007
  var disabled = props.disabled, intent = props.intent, state = props.state, value = props.value, sdsStyle = props.sdsStyle;
5945
6008
  return react.css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), inputDropdownStyles(props), sdsStyle === "minimal" && minimal$1(props), sdsStyle === "square" && square$1(props), sdsStyle === "rounded" && rounded$1(props), value && userInput(props), intent === "notice" && sdsStyle !== "minimal" && notice$1(props), intent === "negative" && sdsStyle !== "minimal" && negative$1(props), state === "open" && isOpen(props), disabled && isDisabled(props));
5946
6009
  });
5947
- var StyledDetail = styles.styled("span", {
6010
+ var StyledDetail = styled("span", {
5948
6011
  shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
5949
6012
  })(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
5950
6013
  var _a;
@@ -5952,7 +6015,7 @@ var StyledDetail = styles.styled("span", {
5952
6015
  var semanticColors = getSemanticColors(props);
5953
6016
  return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n ");
5954
6017
  });
5955
- var StyledLabel$1 = styles.styled("span", {
6018
+ var StyledLabel$1 = styled("span", {
5956
6019
  shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
5957
6020
  })(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
5958
6021
  var _a, _b;
@@ -5964,7 +6027,7 @@ var StyledLabel$1 = styles.styled("span", {
5964
6027
  : (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textSecondary;
5965
6028
  return "\n color: ".concat(labelColor, ";\n\n font-weight: ").concat(sdsType === "label" ? fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold : fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.regular, ";\n ");
5966
6029
  });
5967
- var StyledCounter = styles.styled("span", {
6030
+ var StyledCounter = styled("span", {
5968
6031
  shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
5969
6032
  })(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
5970
6033
  var _a, _b;
@@ -5973,7 +6036,7 @@ var StyledCounter = styles.styled("span", {
5973
6036
  var semanticColors = getSemanticColors(props);
5974
6037
  return "\n background-color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfaceTertiary, ";\n color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.textAction, ";\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.l, "px;\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n ");
5975
6038
  });
5976
- var MinimalDetails = styles.styled("div", {
6039
+ var MinimalDetails = styled("div", {
5977
6040
  shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
5978
6041
  })(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n ", "\n text-align: left;\n width: 100%;\n\n ", "\n"], ["\n ", "\n text-align: left;\n width: 100%;\n\n ", "\n"])), labelFontBodyS, function (props) {
5979
6042
  var _a;
@@ -5982,13 +6045,13 @@ var MinimalDetails = styles.styled("div", {
5982
6045
  return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n\n ").concat(shouldTruncateMinimalDetails &&
5983
6046
  "overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;", "\n ");
5984
6047
  });
5985
- var LabelWrapper = styles.styled("span", {
6048
+ var LabelWrapper = styled("span", {
5986
6049
  shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
5987
6050
  })(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
5988
6051
  var isMinimal = _a.isMinimal;
5989
6052
  return "\n align-items: ".concat(isMinimal ? "center" : undefined, ";\n display: ").concat(isMinimal ? "inline-flex" : "contents", ";\n justify-content: ").concat(isMinimal ? "space-between" : undefined, ";\n width: 100%;\n ");
5990
6053
  });
5991
- var IconWrapper = styles.styled("span", {
6054
+ var IconWrapper = styled("span", {
5992
6055
  shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
5993
6056
  })(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n margin-left: auto;\n display: flex;\n align-items: center;\n"], ["\n margin-left: auto;\n display: flex;\n align-items: center;\n"])));
5994
6057
  function labelStyle(props) {
@@ -6176,7 +6239,7 @@ var doNotForwardProps$d = [
6176
6239
  "tagColor",
6177
6240
  "hover",
6178
6241
  ];
6179
- var StyledTag$1 = styles.styled(material.Chip, {
6242
+ var StyledTag$1 = styled(material.Chip, {
6180
6243
  shouldForwardProp: function (prop) { return !doNotForwardProps$d.includes(prop); },
6181
6244
  })(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n border: none;\n\n ", "\n"], ["\n border: none;\n\n ", "\n"])), function (props) {
6182
6245
  var _a = props.hover, hover = _a === void 0 ? true : _a, sdsType = props.sdsType, sdsStyle = props.sdsStyle, _b = props.sdsSize, sdsSize = _b === void 0 ? "s" : _b;
@@ -6198,7 +6261,7 @@ var Tag = function (props) {
6198
6261
  return jsxRuntime.jsx(StyledTag$1, __assign({ tagColor: color }, props, { color: "primary" }));
6199
6262
  };
6200
6263
 
6201
- var StyledTag = styles.styled(Tag)(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
6264
+ var StyledTag = styled(Tag)(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
6202
6265
  var _a, _b, _c, _d, _e, _f, _g;
6203
6266
  var spaces = getSpaces(props);
6204
6267
  var iconSizes = getIconSizes(props);
@@ -6228,8 +6291,8 @@ var Chips = function (_a) {
6228
6291
  }) }));
6229
6292
  };
6230
6293
 
6231
- var Wrapper$1 = styles.styled("div")(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n min-width: 150px;\n"], ["\n min-width: 150px;\n"])));
6232
- var StyledChipsWrapper = styles.styled("div")(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
6294
+ var Wrapper$1 = styled("div")(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n min-width: 150px;\n"], ["\n min-width: 150px;\n"])));
6295
+ var StyledChipsWrapper = styled("div")(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
6233
6296
  var spaces = getSpaces(props);
6234
6297
  return "\n margin-top: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n ");
6235
6298
  });
@@ -6326,7 +6389,7 @@ var DialogContext = React.createContext({ sdsSize: "m" });
6326
6389
 
6327
6390
  // (thuang): Please keep this in sync with the props used in `ExtraProps`
6328
6391
  var doNotForwardProps$c = ["sdsSize"];
6329
- var StyledPaper = styles.styled(material.Paper, {
6392
+ var StyledPaper = styled(material.Paper, {
6330
6393
  shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
6331
6394
  })(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n & {\n ", "\n\n ", "\n }\n"], ["\n & {\n ", "\n\n ", "\n }\n"])), paperDimensions, function (props) {
6332
6395
  var _a;
@@ -6389,7 +6452,7 @@ var Dialog = React.forwardRef(function Dialog(props, ref) {
6389
6452
 
6390
6453
  // (thuang): Please keep this in sync with the props used in `DialogActionsExtraProps`
6391
6454
  var doNotForwardProps$b = ["buttonPosition"];
6392
- var StyledDialogActions = styles.styled(material.DialogActions, {
6455
+ var StyledDialogActions = styled(material.DialogActions, {
6393
6456
  shouldForwardProp: function (prop) { return !doNotForwardProps$b.includes(prop); },
6394
6457
  })(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n padding: 0;\n\n ", "\n"], ["\n padding: 0;\n\n ", "\n"])), function (props) {
6395
6458
  var spaces = getSpaces(props);
@@ -6405,7 +6468,7 @@ var DialogActions = React.forwardRef(function DialogActions(props, ref) {
6405
6468
  return jsxRuntime.jsx(StyledDialogActions, __assign({ ref: ref }, props));
6406
6469
  });
6407
6470
 
6408
- var StyledDialogContent = styles.styled(material.DialogContent)(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n ", "\n padding: 0;\n"], ["\n ", "\n padding: 0;\n"])), fontBodyS$1);
6471
+ var StyledDialogContent = styled(material.DialogContent)(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n ", "\n padding: 0;\n"], ["\n ", "\n padding: 0;\n"])), fontBodyS$1);
6409
6472
  var templateObject_1$s;
6410
6473
 
6411
6474
  var index = React.forwardRef(
@@ -6416,7 +6479,7 @@ function DialogContent(props, ref) {
6416
6479
  return jsxRuntime.jsx(StyledDialogContent, __assign({ ref: ref }, props));
6417
6480
  });
6418
6481
 
6419
- var StyledButton$1 = styles.styled(Button)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n position: absolute;\n\n ", "\n"], ["\n position: absolute;\n\n ", "\n"])), function (props) {
6482
+ var StyledButton$1 = styled(Button)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n position: absolute;\n\n ", "\n"], ["\n position: absolute;\n\n ", "\n"])), function (props) {
6420
6483
  var spaces = getSpaces(props);
6421
6484
  return "\n right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxl, "px;\n ");
6422
6485
  });
@@ -6436,21 +6499,21 @@ var CloseButton = React.forwardRef(function CloseButton(props, ref) {
6436
6499
  } }));
6437
6500
  });
6438
6501
 
6439
- var StyledDialogTitle = styles.styled(material.DialogTitle)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n padding: 0;\n ", "\n"], ["\n padding: 0;\n ", "\n"])), function (props) {
6502
+ var StyledDialogTitle = styled(material.DialogTitle)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n padding: 0;\n ", "\n"], ["\n padding: 0;\n ", "\n"])), function (props) {
6440
6503
  var spaces = getSpaces(props);
6441
6504
  return "\n margin-bottom: ".concat((spaces === null || spaces === void 0 ? void 0 : spaces.xl) || 0, "px;\n ");
6442
6505
  });
6443
- var Title = styles.styled(material.Typography)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontHeaderXl, function (props) {
6506
+ var Title = styled(material.Typography)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontHeaderXl, function (props) {
6444
6507
  var _a;
6445
6508
  var semanticColors = getSemanticColors(props);
6446
6509
  return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, ";\n ");
6447
6510
  });
6448
- var Subtitle = styles.styled(material.Typography)(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
6511
+ var Subtitle = styled(material.Typography)(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
6449
6512
  var _a;
6450
6513
  var semanticColors = getSemanticColors(props);
6451
6514
  return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n ");
6452
6515
  });
6453
- var Overline = styles.styled(material.Typography)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
6516
+ var Overline = styled(material.Typography)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
6454
6517
  var _a;
6455
6518
  var semanticColors = getSemanticColors(props);
6456
6519
  var spaces = getSpaces(props);
@@ -6467,13 +6530,13 @@ var DialogTitle = React.forwardRef(function DialogTitle(props, ref) {
6467
6530
  });
6468
6531
 
6469
6532
  var doNotForwardProps$a = ["buttonPosition"];
6470
- var StyledButtonsWrapper = styles.styled("div", {
6533
+ var StyledButtonsWrapper = styled("div", {
6471
6534
  shouldForwardProp: function (prop) { return !doNotForwardProps$a.includes(prop); },
6472
6535
  })(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
6473
6536
  var buttonPosition = props.buttonPosition;
6474
6537
  return "\n display: flex;\n justify-content: ".concat(buttonPosition === "left" ? "start" : "end", ";\n ");
6475
6538
  });
6476
- var StyledButton = styles.styled(Button, {
6539
+ var StyledButton = styled(Button, {
6477
6540
  shouldForwardProp: function (prop) { return !doNotForwardProps$a.includes(prop); },
6478
6541
  })(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
6479
6542
  var spaces = getSpaces(props);
@@ -6652,7 +6715,7 @@ var SvgIconCheckboxUnchecked = function SvgIconCheckboxUnchecked(props) {
6652
6715
  })));
6653
6716
  };
6654
6717
 
6655
- var StyledCheckbox = styles.styled(material.Checkbox)(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
6718
+ var StyledCheckbox = styled(material.Checkbox)(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
6656
6719
  var _a, _b, _c, _d, _e, _f;
6657
6720
  var _g = props.intent, intent = _g === void 0 ? "default" : _g;
6658
6721
  var iconSizes = getIconSizes(props);
@@ -6666,16 +6729,16 @@ var StyledCheckbox = styles.styled(material.Checkbox)(templateObject_1$o || (tem
6666
6729
  var checkboxColor = intentToColor[intent];
6667
6730
  return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors[checkboxColor]) === null || _a === void 0 ? void 0 : _a.border, ";\n\n &:hover {\n color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.borderHover, ";\n background-color: transparent;\n }\n\n &.").concat(material.checkboxClasses.disabled, " {\n color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled, ";\n }\n\n &.").concat(material.checkboxClasses.checked, " {\n color: ").concat((_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.border, ";\n\n &:hover {\n color: ").concat((_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _e === void 0 ? void 0 : _e.borderHover, ";\n background-color: transparent;\n }\n\n &.").concat(material.checkboxClasses.disabled, " {\n color: ").concat((_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.borderDisabled, ";\n }\n }\n\n &.").concat(material.checkboxClasses.root, " {\n ").concat(focusVisibleA11yStyle(props), "\n padding: 0;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n border-radius: 0;\n }\n\n .MuiSvgIcon-root {\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 ");
6668
6731
  });
6669
- var StyledFormControlLabel$1 = styles.styled(material.FormControlLabel)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
6732
+ var StyledFormControlLabel$1 = styled(material.FormControlLabel)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
6670
6733
  var spaces = getSpaces(props);
6671
6734
  return "\n align-items: start;\n margin-bottom: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n margin-left: 0;\n margin-right: 0;\n width: fit-content;\n ");
6672
6735
  });
6673
- var StyledLabelContainer$1 = styles.styled("span")(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n display: flex;\n justify-content: start;\n flex-direction: column;\n"], ["\n display: flex;\n justify-content: start;\n flex-direction: column;\n"])));
6674
- var StyledCheckboxLabel = styles.styled("span")(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
6736
+ var StyledLabelContainer$1 = styled("span")(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n display: flex;\n justify-content: start;\n flex-direction: column;\n"], ["\n display: flex;\n justify-content: start;\n flex-direction: column;\n"])));
6737
+ var StyledCheckboxLabel = styled("span")(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
6675
6738
  var spaces = getSpaces(props);
6676
6739
  return "\n margin-top: -".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px !important;\n ");
6677
6740
  });
6678
- var StyledCheckboxCaption = styles.styled("span")(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
6741
+ var StyledCheckboxCaption = styled("span")(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
6679
6742
  var _a, _b;
6680
6743
  var disabled = props.disabled;
6681
6744
  var semanticColors = getSemanticColors(props);
@@ -6732,7 +6795,7 @@ var SvgIconRadioUnchecked = function SvgIconRadioUnchecked(props) {
6732
6795
  })));
6733
6796
  };
6734
6797
 
6735
- var StyledRadioButton = styles.styled(material.Radio)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
6798
+ var StyledRadioButton = styled(material.Radio)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
6736
6799
  var _a, _b, _c, _d, _e, _f;
6737
6800
  var _g = props.intent, intent = _g === void 0 ? "default" : _g;
6738
6801
  var spaces = getSpaces(props);
@@ -6746,16 +6809,16 @@ var StyledRadioButton = styles.styled(material.Radio)(templateObject_1$n || (tem
6746
6809
  var radioColor = intentToColor[intent];
6747
6810
  return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors[radioColor]) === null || _a === void 0 ? void 0 : _a.border, ";\n\n &:hover {\n color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.borderHover, ";\n background-color: transparent;\n }\n\n &.").concat(material.radioClasses.disabled, " {\n color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled, ";\n }\n\n &.").concat(material.radioClasses.checked, " {\n color: ").concat((_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.border, ";\n\n &:hover {\n color: ").concat((_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _e === void 0 ? void 0 : _e.borderHover, ";\n background-color: transparent;\n }\n\n &.").concat(material.radioClasses.disabled, " {\n color: ").concat((_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.borderDisabled, ";\n }\n }\n\n &.").concat(material.radioClasses.root, " {\n ").concat(focusVisibleA11yStyle(props), "\n margin: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px 0 0;\n padding: 0;\n }\n\n .MuiSvgIcon-root {\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 ");
6748
6811
  });
6749
- var StyledFormControlLabel = styles.styled(material.FormControlLabel)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
6812
+ var StyledFormControlLabel = styled(material.FormControlLabel)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
6750
6813
  var spaces = getSpaces(props);
6751
6814
  return "\n align-items: start;\n margin-bottom: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n margin-left: 0;\n margin-right: 0;\n width: fit-content;\n ");
6752
6815
  });
6753
- var StyledLabelContainer = styles.styled("span")(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n display: flex;\n justify-content: start;\n flex-direction: column;\n"], ["\n display: flex;\n justify-content: start;\n flex-direction: column;\n"])));
6754
- var StyledRadioLabel = styles.styled("span")(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
6816
+ var StyledLabelContainer = styled("span")(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n display: flex;\n justify-content: start;\n flex-direction: column;\n"], ["\n display: flex;\n justify-content: start;\n flex-direction: column;\n"])));
6817
+ var StyledRadioLabel = styled("span")(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
6755
6818
  var spaces = getSpaces(props);
6756
6819
  return "\n margin-top: -".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px !important;\n ");
6757
6820
  });
6758
- var StyledRadioCaption = styles.styled("span")(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
6821
+ var StyledRadioCaption = styled("span")(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
6759
6822
  var _a, _b;
6760
6823
  var disabled = props.disabled;
6761
6824
  var semanticColors = getSemanticColors(props);
@@ -6809,7 +6872,7 @@ var disabledSlider = function (props) {
6809
6872
  var mode = getMode(props);
6810
6873
  return "\n .".concat(material.sliderClasses.track, " {\n background-color: ").concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.fillDisabled, ";\n }\n\n .").concat(material.sliderClasses.thumb, ".").concat(material.sliderClasses.disabled, " {\n background-color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.fillDisabled, ";\n }\n\n .").concat(material.sliderClasses.valueLabel, " {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";\n background-color: ").concat(mode === "light" ? (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.surfaceSecondary : (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.surfacePrimary, ";\n \n & * {\n color: ").concat((_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.textDisabled, ";\n }\n }\n\n .").concat(material.sliderClasses.markLabel, " {\n color: ").concat((_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.textDisabled, "\n }\n\n .").concat(material.sliderClasses.mark, " {\n background-color: ").concat((_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _g === void 0 ? void 0 : _g.fillPrimary, ";\n }\n ");
6811
6874
  };
6812
- var StyledSlider = styles.styled(material.Slider)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
6875
+ var StyledSlider = styled(material.Slider)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
6813
6876
  var disabled = props.disabled;
6814
6877
  return "\n ".concat(inputSlider(props), "\n ").concat(horizontal(props), "\n ").concat(disabled ? disabledSlider(props) : "", "\n ");
6815
6878
  });
@@ -6846,11 +6909,11 @@ var textArea = function (props) {
6846
6909
  var spaces = getSpaces(props);
6847
6910
  return react.css(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n .", " {\n padding: ", "px;\n\n > .", " {\n padding: ", "px ", "px ", "px;\n resize: both;\n }\n }\n "], ["\n .", " {\n padding: ", "px;\n\n > .", " {\n padding: ", "px ", "px ", "px;\n resize: both;\n }\n }\n "])), material.outlinedInputClasses.multiline, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, material.outlinedInputClasses.inputMultiline, 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);
6848
6911
  };
6849
- var StyledLabel = styles.styled("label")(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n display: block;\n ", "\n\n ", "\n"], ["\n display: block;\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
6912
+ var StyledLabel = styled("label")(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n display: block;\n ", "\n\n ", "\n"], ["\n display: block;\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
6850
6913
  var spaces = getSpaces(props);
6851
6914
  return "\n margin-bottom: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n ");
6852
6915
  });
6853
- var StyledInputBase = styles.styled(material.TextField, {
6916
+ var StyledInputBase = styled(material.TextField, {
6854
6917
  shouldForwardProp: function (prop) {
6855
6918
  return !sdsPropNames$1.includes(prop.toString());
6856
6919
  },
@@ -6924,7 +6987,7 @@ var toggleOff = function (props) {
6924
6987
  : (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.iconPrimary, ";\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n }\n\n .").concat(material.switchClasses.switchBase, " {\n right: unset;\n left: 0;\n transform: unset;\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n\n .MuiIconButton-label {\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n }\n\n &:after {\n color: ").concat(disabled ? (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.textDisabled : (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.textSecondary, ";\n content: \"").concat(value, "\";\n }\n }\n\n &:hover {\n .").concat(material.switchClasses.switchBase, " {\n &:after {\n color: ").concat(disabled ? (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _g === void 0 ? void 0 : _g.textDisabled : (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _h === void 0 ? void 0 : _h.textPrimary, ";\n }\n }\n }\n\n .").concat(material.switchClasses.track, " {\n background-color: ").concat((_j = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _j === void 0 ? void 0 : _j.fillPrimary, " !important;\n opacity: 1 !important;\n }\n\n ").concat(!disabled &&
6925
6988
  "&:hover {\n outline: ".concat((_k = borders === null || borders === void 0 ? void 0 : borders.base) === null || _k === void 0 ? void 0 : _k.hover, ";\n\n .").concat(material.switchClasses.thumb, " {\n color: ").concat((_l = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _l === void 0 ? void 0 : _l.iconPrimaryHover, ";\n }\n }"), "\n ");
6926
6989
  };
6927
- var Toggle = styles.styled(material.Switch)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyXs$2, function (props) {
6990
+ var Toggle = styled(material.Switch)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyXs$2, function (props) {
6928
6991
  var checked = props.checked;
6929
6992
  return "\n ".concat(toggle(props), "\n ").concat(checked ? toggleOn(props) : toggleOff(props), "\n ");
6930
6993
  });
@@ -6965,7 +7028,7 @@ var smallStyle = function (props) {
6965
7028
  var extraSmallStyle = function (props) {
6966
7029
  return fontBodyXs$2(props);
6967
7030
  };
6968
- var StyledLink = styles.styled(material.Link, {
7031
+ var StyledLink = styled(material.Link, {
6969
7032
  shouldForwardProp: function (prop) {
6970
7033
  return !doNotForwardProps$9.includes(prop.toString());
6971
7034
  },
@@ -6989,7 +7052,7 @@ var Link = React.forwardRef(function (props, ref) {
6989
7052
 
6990
7053
  // (thuang): Please keep this in sync with the props used in `ListExtraProps`
6991
7054
  var doNotForwardProps$8 = ["marginBottom", "ordered"];
6992
- var StyledList = styles.styled(material.List, {
7055
+ var StyledList = styled(material.List, {
6993
7056
  shouldForwardProp: function (prop) { return !doNotForwardProps$8.includes(prop); },
6994
7057
  })(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n .MuiListSubheader-root {\n ", "\n }\n\n ", "\n"], ["\n .MuiListSubheader-root {\n ", "\n }\n\n ", "\n"])), propsToMarginBottom$1, function (props) {
6995
7058
  if (!props.ordered)
@@ -7027,7 +7090,7 @@ var fontBodyXxs = fontBody("xxs");
7027
7090
  var fontBodyXxxs = fontBody("xxxs");
7028
7091
  // (thuang): Please keep this in sync with the props used in `ListItemExtraProps`
7029
7092
  var doNotForwardProps$7 = ["marginBottom", "fontSize", "ordered"];
7030
- var StyledListItem = styles.styled(material.ListItem, {
7093
+ var StyledListItem = styled(material.ListItem, {
7031
7094
  shouldForwardProp: function (prop) { return !doNotForwardProps$7.includes(prop); },
7032
7095
  })(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n ", "\n ", "\n\n padding: 0;\n\n ", "\n\n &:before {\n display: inline-block;\n\n ", "\n }\n"], ["\n ", "\n ", "\n\n padding: 0;\n\n ", "\n\n &:before {\n display: inline-block;\n\n ", "\n }\n"])), propsToMarginBottom, propsToFontBody, function (props) {
7033
7096
  var ordered = props.ordered;
@@ -7060,7 +7123,7 @@ function propsToMarginBottom(props) {
7060
7123
  var marginBottom = props.marginBottom;
7061
7124
  return "\n margin-bottom: ".concat(propsToMarginBottomMap[marginBottom || "xs"], "px;\n ");
7062
7125
  }
7063
- var ListItemLabel = styles.styled("span")(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n margin-right: 5px;\n\n ", "\n"], ["\n margin-right: 5px;\n\n ", "\n"])), function (props) {
7126
+ var ListItemLabel = styled("span")(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n margin-right: 5px;\n\n ", "\n"], ["\n margin-right: 5px;\n\n ", "\n"])), function (props) {
7064
7127
  var fontWeights = getFontWeights(props);
7065
7128
  return "\n font-weight: ".concat(fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold, ";\n ");
7066
7129
  });
@@ -7074,7 +7137,7 @@ var ListItem = function (props) {
7074
7137
  };
7075
7138
 
7076
7139
  var fontHeaderM = fontHeader("m");
7077
- var StyledListSubheader = styles.styled(material.ListSubheader)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n &.MuiListSubheader-root {\n ", "\n\n line-height: unset;\n color: unset;\n\n ", "\n }\n"], ["\n &.MuiListSubheader-root {\n ", "\n\n line-height: unset;\n color: unset;\n\n ", "\n }\n"])), fontHeaderM, function (props) {
7140
+ var StyledListSubheader = styled(material.ListSubheader)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n &.MuiListSubheader-root {\n ", "\n\n line-height: unset;\n color: unset;\n\n ", "\n }\n"], ["\n &.MuiListSubheader-root {\n ", "\n\n line-height: unset;\n color: unset;\n\n ", "\n }\n"])), fontHeaderM, function (props) {
7078
7141
  var spaces = getSpaces(props);
7079
7142
  return "\n margin-bottom: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n ");
7080
7143
  });
@@ -7087,7 +7150,7 @@ var ListSubheader = function (props) {
7087
7150
  return jsxRuntime.jsx(StyledListSubheader, __assign({ disableGutters: true }, props));
7088
7151
  };
7089
7152
 
7090
- var StyledText = styles.styled("span")(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
7153
+ var StyledText = styled("span")(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
7091
7154
  var spaces = getSpaces(props);
7092
7155
  return "\n margin: 0 ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n ");
7093
7156
  });
@@ -7104,7 +7167,7 @@ var tag = function (props) {
7104
7167
  return react.css(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n ", "\n\n background-color: ", ";\n border-radius: ", "px;\n color: ", ";\n\n svg {\n path {\n fill: ", ";\n }\n }\n "], ["\n ", "\n\n background-color: ", ";\n border-radius: ", "px;\n color: ", ";\n\n svg {\n path {\n fill: ", ";\n }\n }\n "])), fontCapsXxxxs(props), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.info) === null || _a === void 0 ? void 0 : _a.surfacePrimary, corners === null || corners === void 0 ? void 0 : corners.l, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.info) === null || _b === void 0 ? void 0 : _b.text, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.info) === null || _c === void 0 ? void 0 : _c.ornament);
7105
7168
  };
7106
7169
  var doNotForwardProps$6 = ["sdsStyle"];
7107
- var StyledLoadingIndicator = styles.styled("div", {
7170
+ var StyledLoadingIndicator = styled("div", {
7108
7171
  shouldForwardProp: function (prop) { return !doNotForwardProps$6.includes(prop); },
7109
7172
  })(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
7110
7173
  var sdsStyle = props.sdsStyle;
@@ -7119,7 +7182,7 @@ var LoadingIndicator = function (_a) {
7119
7182
  return (jsxRuntime.jsxs(StyledLoadingIndicator, { sdsStyle: sdsStyle, "aria-label": "Loading", children: [jsxRuntime.jsx(Icon, { sdsIcon: "Loading", sdsSize: "l", sdsType: "static" }), jsxRuntime.jsx(StyledText, { "aria-label": ariaLabel, "aria-live": "polite", role: "status", children: "Loading" })] }));
7120
7183
  };
7121
7184
 
7122
- var StyledMenu = styles.styled(material.Menu)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n & {\n .", " {\n ", "\n }\n\n .MuiList-padding {\n padding: 0;\n }\n }\n"], ["\n & {\n .", " {\n ", "\n }\n\n .MuiList-padding {\n padding: 0;\n }\n }\n"])), material.menuClasses.paper, function (props) {
7185
+ var StyledMenu = styled(material.Menu)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n & {\n .", " {\n ", "\n }\n\n .MuiList-padding {\n padding: 0;\n }\n }\n"], ["\n & {\n .", " {\n ", "\n }\n\n .MuiList-padding {\n padding: 0;\n }\n }\n"])), material.menuClasses.paper, function (props) {
7123
7186
  var _a;
7124
7187
  var spaces = getSpaces(props);
7125
7188
  var semanticColors = getSemanticColors(props);
@@ -7142,17 +7205,17 @@ var Menu = function (props) {
7142
7205
  return (jsxRuntime.jsx(StyledMenu, __assign({ anchorOrigin: ANCHOR_ORIGIN, transformOrigin: TRANSFORM_ORIGIN }, props)));
7143
7206
  };
7144
7207
 
7145
- var StyledMenuItem = styles.styled(MenuItem)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
7208
+ var StyledMenuItem = styled(MenuItem)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
7146
7209
  var doNotForwardProps$5 = ["search", "InputBaseProps", "keepSearchOnSelect"];
7147
7210
  // (thuang): Casting the type to `Autocomplete`
7148
7211
  // per https://github.com/mui-org/material-ui/issues/21727#issuecomment-880263271
7149
- var StyledAutocomplete = styles.styled(material.Autocomplete, {
7212
+ var StyledAutocomplete = styled(material.Autocomplete, {
7150
7213
  shouldForwardProp: function (prop) { return !doNotForwardProps$5.includes(prop); },
7151
7214
  })(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n ", "\n width: 100%;\n"], ["\n ", "\n width: 100%;\n"])), function (_a) {
7152
7215
  var search = _a.search;
7153
7216
  return !search && "height: 0; margin: 0 !important;";
7154
7217
  });
7155
- var InputBaseWrapper = styles.styled("div", {
7218
+ var InputBaseWrapper = styled("div", {
7156
7219
  shouldForwardProp: function (prop) { return !doNotForwardProps$5.includes(prop); },
7157
7220
  })(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
7158
7221
  var search = props.search;
@@ -7165,7 +7228,7 @@ var InputBaseWrapper = styles.styled("div", {
7165
7228
  var spaces = getSpaces(props);
7166
7229
  return "\n margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n ");
7167
7230
  });
7168
- var StyledMenuInputSearch = styles.styled(InputSearch, {
7231
+ var StyledMenuInputSearch = styled(InputSearch, {
7169
7232
  shouldForwardProp: function (prop) { return !doNotForwardProps$5.includes(prop); },
7170
7233
  })(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n && {\n margin: 0;\n\n .", " {\n width: 100%;\n padding: 0;\n padding-right: 14px !important;\n }\n\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n }\n"], ["\n && {\n margin: 0;\n\n .", " {\n width: 100%;\n padding: 0;\n padding-right: 14px !important;\n }\n\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n }\n"])), material.inputBaseClasses.root, function (_a) {
7171
7234
  var search = _a.search;
@@ -7276,7 +7339,7 @@ var useScrollStopListener = function (callback, timeout) {
7276
7339
  };
7277
7340
 
7278
7341
  var doNotForwardProps$4 = ["items", "sdsIndicatorColor"];
7279
- var StyledTabs$1 = styles.styled(material.Tabs, {
7342
+ var StyledTabs$1 = styled(material.Tabs, {
7280
7343
  shouldForwardProp: function (prop) { return !doNotForwardProps$4.includes(prop); },
7281
7344
  })(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
7282
7345
  var _a, _b;
@@ -7284,7 +7347,7 @@ var StyledTabs$1 = styles.styled(material.Tabs, {
7284
7347
  var semanticColors = getSemanticColors(props);
7285
7348
  return "\n &:before {\n background-color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.divider, ";\n border-radius: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n content: \"\";\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n }\n\n max-width: 180px;\n top: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xl, "px;\n margin-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n position: sticky;\n overflow: visible;\n\n .").concat(material.tabsClasses.indicator, " {\n background-color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.borderSelected, " !important;\n border-radius: 2px;\n left: 0;\n width: 2px;\n }\n\n .").concat(material.tabsClasses.scroller, " {\n overflow: visible !important;\n }\n ");
7286
7349
  });
7287
- var StyledTab$1 = styles.styled(material.Tab, {
7350
+ var StyledTab$1 = styled(material.Tab, {
7288
7351
  shouldForwardProp: function (prop) { return !doNotForwardProps$4.includes(prop); },
7289
7352
  })(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
7290
7353
  var _a, _b, _c, _d;
@@ -7438,7 +7501,7 @@ var NavigationJumpTo = React.forwardRef(function (props, ref) {
7438
7501
 
7439
7502
  var fontBodyXs = fontBody("xs");
7440
7503
  var doNotForwardProps$3 = ["slideDirection"];
7441
- var StyledNotification = styles.styled(material.Alert, {
7504
+ var StyledNotification = styled(material.Alert, {
7442
7505
  shouldForwardProp: function (prop) { return !doNotForwardProps$3.includes(prop); },
7443
7506
  })(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs, function (props) {
7444
7507
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
@@ -7460,7 +7523,7 @@ var StyledNotification = styles.styled(material.Alert, {
7460
7523
  2);
7461
7524
  return "\n background-color: ".concat(backgroundColor, ";\n max-width: 480px;\n min-width: 280px;\n box-sizing: border-box;\n margin: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0;\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n color: ").concat((_o = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _o === void 0 ? void 0 : _o.textPrimary, ";\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n align-items: flex-start;\n border-left: 5px solid;\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.s, ";\n border-color: ").concat(borderColor, ";\n\n .MuiAlert-icon {\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.height, "px;\n width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.width, "px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n padding: 0;\n path {\n fill: ").concat(iconColor, ";\n }\n }\n\n .MuiAlert-message {\n padding: ").concat(alertMessagePaddingTop, "px 0px 0px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n width: 100%;\n\n > * {\n margin: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n button {\n display: block;\n }\n }\n\n .MuiAlert-action {\n margin-right: 0;\n padding: 0;\n align-items: flex-start;\n margin-top: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n\n > button {\n padding: 0;\n }\n }\n }\n ");
7462
7525
  });
7463
- var StyledButtonWrapper = styles.styled("div")(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
7526
+ var StyledButtonWrapper = styled("div")(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
7464
7527
  var _a = props.buttonPosition, buttonPosition = _a === void 0 ? "right" : _a;
7465
7528
  return "\n display: flex;\n justify-content: ".concat(buttonPosition === "left" ? "flex-start" : "flex-end", ";\n ");
7466
7529
  });
@@ -7525,12 +7588,12 @@ var doNotForwardProps$2 = [
7525
7588
  "pageSize",
7526
7589
  "truncateDropdown",
7527
7590
  ];
7528
- var StyledPaginationButton = styles.styled(Button)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
7591
+ var StyledPaginationButton = styled(Button)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
7529
7592
  var _a, _b, _c;
7530
7593
  var semanticColors = getSemanticColors(props);
7531
7594
  return "\n width: 32px;\n height: 32px;\n cursor: \"pointer\";\n\n & .MuiSvgIcon-root {\n width: 10px;\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconPrimary, "\n }\n\n &:hover {\n background-color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.fillHover, ";\n\n & .MuiSvgIcon-root {\n color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.iconPrimaryHover, "\n }\n }\n ");
7532
7595
  });
7533
- var StyledPaginationChevronList = styles.styled("li", {
7596
+ var StyledPaginationChevronList = styled("li", {
7534
7597
  shouldForwardProp: function (prop) { return !doNotForwardProps$2.includes(prop); },
7535
7598
  })(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
7536
7599
  var _a, _b, _c, _d, _e;
@@ -7539,7 +7602,7 @@ var StyledPaginationChevronList = styles.styled("li", {
7539
7602
  var semanticColors = getSemanticColors(props);
7540
7603
  return "\n width: 32px;\n height: 32px;\n cursor: ".concat(disabled ? "auto" : "pointer", ";\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 32px;\n\n &[data-order=\"first\"] {\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n }\n\n &[data-order=\"last\"] {\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n }\n\n & .MuiSvgIcon-root {\n color: ").concat(disabled ? (_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.iconPrimary, ";\n }\n\n &:hover {\n background-color: ").concat(disabled ? "transparent" : (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, ";\n\n & .MuiSvgIcon-root {\n color: ").concat(disabled ? (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.iconDisabled : (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.iconPrimaryHover, "\n }\n }\n\n ").concat(focusVisibleA11yStyle(props), "\n ");
7541
7604
  });
7542
- var StyledPagination = styles.styled("ul", {
7605
+ var StyledPagination = styled("ul", {
7543
7606
  shouldForwardProp: function (prop) { return !doNotForwardProps$2.includes(prop); },
7544
7607
  })(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n ", "\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n margin: 0;\n & li {\n list-style: none;\n }\n"], ["\n ", "\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n margin: 0;\n & li {\n list-style: none;\n }\n"])), fontBodyS$1);
7545
7608
  var selectedPageStyle = function (props) {
@@ -7547,7 +7610,7 @@ var selectedPageStyle = function (props) {
7547
7610
  var semanticColors = getSemanticColors(props);
7548
7611
  return "\n background-color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.fillSelected, ";\n color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textPrimaryInverse, ";\n\n &:hover {\n background-color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.fillSelected, ";\n color: ").concat((_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.textPrimaryInverse, ";\n }\n ");
7549
7612
  };
7550
- var Page = styles.styled("li", {
7613
+ var Page = styled("li", {
7551
7614
  shouldForwardProp: function (prop) { return !doNotForwardProps$2.includes(prop); },
7552
7615
  })(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodySemiboldS, function (props) {
7553
7616
  var _a, _b, _c;
@@ -7559,7 +7622,7 @@ var Page = styles.styled("li", {
7559
7622
  });
7560
7623
  var templateObject_1$a, templateObject_2$4, templateObject_3$2, templateObject_4$1;
7561
7624
 
7562
- var StyledPaginationDropdownMenu = styles.styled(Menu)(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n & .MuiPaper-root {\n max-height: 120px;\n }\n"], ["\n & .MuiPaper-root {\n max-height: 120px;\n }\n"])));
7625
+ var StyledPaginationDropdownMenu = styled(Menu)(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n & .MuiPaper-root {\n max-height: 120px;\n }\n"], ["\n & .MuiPaper-root {\n max-height: 120px;\n }\n"])));
7563
7626
  var templateObject_1$9;
7564
7627
 
7565
7628
  var PageListDropdown = function (props) {
@@ -7681,7 +7744,7 @@ var Pagination = React.forwardRef(function (props, ref) {
7681
7744
  });
7682
7745
 
7683
7746
  var doNotForwardProps$1 = ["buttonDefinition"];
7684
- var StyledSegmentedControl = styles.styled(material.ToggleButtonGroup, {
7747
+ var StyledSegmentedControl = styled(material.ToggleButtonGroup, {
7685
7748
  shouldForwardProp: function (prop) { return !doNotForwardProps$1.includes(prop); },
7686
7749
  })(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
7687
7750
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
@@ -7717,7 +7780,7 @@ var SegmentedControl = function (props) {
7717
7780
  }), ";"] })));
7718
7781
  };
7719
7782
 
7720
- var StyledTable = styles.styled("table")(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n table-layout: fixed;\n"], ["\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n table-layout: fixed;\n"])));
7783
+ var StyledTable = styled("table")(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n table-layout: fixed;\n"], ["\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n table-layout: fixed;\n"])));
7721
7784
  var templateObject_1$7;
7722
7785
 
7723
7786
  var Table = React.forwardRef(function (props, ref) {
@@ -7745,7 +7808,7 @@ var hoverStyled = function (props) {
7745
7808
  var semanticColors = getSemanticColors(props);
7746
7809
  return "\n &:hover {\n background-color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.fillHover, ";\n }\n ");
7747
7810
  };
7748
- var StyledTableRow = styles.styled("tr", {
7811
+ var StyledTableRow = styled("tr", {
7749
7812
  shouldForwardProp: function (prop) { return !doNotForwardProps.includes(prop); },
7750
7813
  })(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontHeaderS, focusVisibleA11yStyle, function (props) {
7751
7814
  var _a, _b;
@@ -7764,7 +7827,7 @@ var TableRow = React.forwardRef(function (props, ref) {
7764
7827
  return (jsxRuntime.jsx(StyledTableRow, __assign({ ref: ref }, props, { children: children })));
7765
7828
  });
7766
7829
 
7767
- var StyledTableHeader = styles.styled("thead")(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
7830
+ var StyledTableHeader = styled("thead")(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
7768
7831
  var _a;
7769
7832
  var semanticColors = getSemanticColors(props);
7770
7833
  return "\n border-bottom: solid 2px ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.borderTable, ";\n ");
@@ -7778,13 +7841,13 @@ var TableHeader = React.forwardRef(function (props, ref) {
7778
7841
 
7779
7842
  var TabsContext = React.createContext({ sdsSize: "large" });
7780
7843
 
7781
- var Wrapper = styles.styled("span")(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
7844
+ var Wrapper = styled("span")(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
7782
7845
  var _a, _b;
7783
7846
  var semanticColors = getSemanticColors(props);
7784
7847
  return "\n &:active {\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, ";\n }\n\n &:disabled {\n color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textDisabled, ";\n }\n ");
7785
7848
  });
7786
7849
  var LABEL_DO_NOT_FORWARD_PROPS = ["sdsSize"];
7787
- var Label = styles.styled("span", {
7850
+ var Label = styled("span", {
7788
7851
  shouldForwardProp: function (prop) {
7789
7852
  return !LABEL_DO_NOT_FORWARD_PROPS.includes(String(prop));
7790
7853
  },
@@ -7799,7 +7862,7 @@ var Label = styles.styled("span", {
7799
7862
  return "\n margin-right: ".concat(isLarge ? spaces === null || spaces === void 0 ? void 0 : spaces.l : spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n ");
7800
7863
  });
7801
7864
  var COUNT_DO_NOT_FORWARD_PROPS = ["sdsSize"];
7802
- var Count = styles.styled("span", {
7865
+ var Count = styled("span", {
7803
7866
  shouldForwardProp: function (prop) {
7804
7867
  return !COUNT_DO_NOT_FORWARD_PROPS.includes(String(prop));
7805
7868
  },
@@ -7823,7 +7886,7 @@ var LabelWithCount = React.forwardRef(function LabelWithCount(props, ref) {
7823
7886
 
7824
7887
  var TempTabs = function (props) { return jsxRuntime.jsx(material.Tabs, __assign({}, props)); };
7825
7888
  var TABS_DO_NOT_FORWARD_PROPS = ["underlined", "sdsSize"];
7826
- var StyledTabs = styles.styled(TempTabs, {
7889
+ var StyledTabs = styled(TempTabs, {
7827
7890
  shouldForwardProp: function (prop) {
7828
7891
  return !TABS_DO_NOT_FORWARD_PROPS.includes(String(prop));
7829
7892
  },
@@ -7836,7 +7899,7 @@ var StyledTabs = styles.styled(TempTabs, {
7836
7899
  return "\n margin-top: ".concat(isLarge ? spaces === null || spaces === void 0 ? void 0 : spaces.l : spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n margin-bottom: ").concat(isLarge ? spaces === null || spaces === void 0 ? void 0 : spaces.xl : spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n border-bottom: ").concat(underlined ? "2px solid ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.divider, ";") : "none", ";\n ");
7837
7900
  });
7838
7901
  var TAB_DO_NOT_FORWARD_PROPS = ["sdsSize"];
7839
- var StyledTab = styles.styled(material.Tab, {
7902
+ var StyledTab = styled(material.Tab, {
7840
7903
  shouldForwardProp: function (prop) { return !TAB_DO_NOT_FORWARD_PROPS.includes(String(prop)); },
7841
7904
  })(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n min-height: unset;\n padding: 0;\n min-width: 32px;\n opacity: 1 !important;\n\n ", "\n ", "\n\n ", "\n"], ["\n min-height: unset;\n padding: 0;\n min-width: 32px;\n opacity: 1 !important;\n\n ", "\n ", "\n\n ", "\n"])), tabFontMixin, focusVisibleA11yStyle, function (props) {
7842
7905
  var _a, _b, _c, _d, _e, _f, _g;
@@ -7900,7 +7963,7 @@ var templateObject_1$1, templateObject_2$1;
7900
7963
  */
7901
7964
  var TooltipCondensed = React.forwardRef(function TooltipCondensed(props, ref) {
7902
7965
  var children = props.children, title = props.title, indicator = props.indicator, indicatorColor = props.indicatorColor;
7903
- var theme = styles.useTheme();
7966
+ var theme = material.useTheme();
7904
7967
  var extraProps = {
7905
7968
  /* stylelint-disable property-no-unknown -- false positive */
7906
7969
  indicator: indicator,
@@ -7933,13 +7996,13 @@ var disabledStyle = function (props) {
7933
7996
  return "";
7934
7997
  return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textDisabled, ";\n ");
7935
7998
  };
7936
- var Section = styles.styled("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), disabledStyle, function (props) {
7999
+ var Section = styled("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), disabledStyle, function (props) {
7937
8000
  var _a;
7938
8001
  var spaces = getSpaces(props);
7939
8002
  var borders = getBorders(props);
7940
8003
  return "\n &:not(:last-child) {\n padding-bottom: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n border-bottom: ").concat((_a = borders === null || borders === void 0 ? void 0 : borders.base) === null || _a === void 0 ? void 0 : _a.divider, ";\n }\n\n &:not(:first-of-type) {\n padding-top: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n }\n ");
7941
8004
  });
7942
- var SectionLabel = styles.styled("div")(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontCapsXxxxs, disabledStyle, function (props) {
8005
+ var SectionLabel = styled("div")(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontCapsXxxxs, disabledStyle, function (props) {
7943
8006
  var _a;
7944
8007
  var spaces = getSpaces(props);
7945
8008
  var semanticColors = getSemanticColors(props);
@@ -7947,7 +8010,7 @@ var SectionLabel = styles.styled("div")(templateObject_2 || (templateObject_2 =
7947
8010
  return "";
7948
8011
  return "\n margin-bottom: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px; \n color: ").concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n ");
7949
8012
  });
7950
- var RowLabel = styles.styled(material.TableCell, {
8013
+ var RowLabel = styled(material.TableCell, {
7951
8014
  shouldForwardProp: function (prop) {
7952
8015
  return !sdsPropNames.includes(prop.toString());
7953
8016
  },
@@ -7955,12 +8018,12 @@ var RowLabel = styles.styled(material.TableCell, {
7955
8018
  var spaces = getSpaces(props);
7956
8019
  return "\n padding: 0 0 ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px 0;\n width: 50%;\n border-bottom: none;\n font-weight: 600;\n ");
7957
8020
  });
7958
- var RowValue = styles.styled(material.TableCell, {
8021
+ var RowValue = styled(material.TableCell, {
7959
8022
  shouldForwardProp: function (prop) {
7960
8023
  return !sdsPropNames.includes(prop.toString());
7961
8024
  },
7962
8025
  })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n ", "\n\n padding-top: 0;\n padding-bottom: 0;\n padding-right: 0 !important;\n border-bottom: none;\n"], ["\n ", "\n ", "\n\n padding-top: 0;\n padding-bottom: 0;\n padding-right: 0 !important;\n border-bottom: none;\n"])), fontTabularXs, disabledStyle);
7963
- var Alert = styles.styled("div")(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), fontBodyXxs$1);
8026
+ var Alert = styled("div")(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), fontBodyXxs$1);
7964
8027
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
7965
8028
 
7966
8029
  /**