@czi-sds/components 20.0.0 → 20.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.cjs.d.ts +122 -53
  2. package/dist/index.cjs.js +2660 -487
  3. package/dist/index.esm.d.ts +122 -53
  4. package/dist/index.esm.js +2648 -495
  5. package/dist/tailwind.json +1 -0
  6. package/dist/tsconfig.tsbuildinfo +1 -1
  7. package/dist/variables.css +5 -3
  8. package/dist/variables.scss +5 -3
  9. package/package.json +2 -2
package/dist/index.esm.js CHANGED
@@ -1,146 +1,11 @@
1
1
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
- import React, { forwardRef, useState, useCallback, useEffect, useRef, useMemo, createContext, useContext } from 'react';
2
+ import * as React from 'react';
3
+ import React__default, { forwardRef, useState, useCallback, useEffect, useRef, useMemo, createContext, useContext } from 'react';
3
4
  import { css } from '@emotion/react';
4
- import { colors, AccordionDetails as AccordionDetails$1, AccordionSummary, accordionSummaryClasses, SvgIcon, Accordion as Accordion$1, accordionClasses, accordionDetailsClasses, Alert as Alert$2, IconButton, TextField, outlinedInputClasses, inputBaseClasses, inputAdornmentClasses, buttonBaseClasses, InputAdornment, MenuItem as MenuItem$1, menuItemClasses, Autocomplete as Autocomplete$1, autocompleteClasses, Paper, Popper, ClickAwayListener, Button as Button$1, buttonClasses, alertClasses, alertTitleClasses, Grow, AlertTitle, Tooltip as Tooltip$1, Chip as Chip$1, darken, Dialog as Dialog$1, DialogActions as DialogActions$1, dialogActionsClasses, DialogContent, DialogTitle as DialogTitle$1, Typography, Checkbox, checkboxClasses, FormControlLabel, Radio, radioClasses, Slider, sliderClasses, Switch, switchClasses, Link as Link$1, List as List$1, ListItem as ListItem$1, ListSubheader as ListSubheader$1, Menu as Menu$1, menuClasses, Tabs as Tabs$1, Tab as Tab$1, Slide, Box, ToggleButtonGroup, toggleButtonClasses, ToggleButton, useTheme as useTheme$1, TableCell, TableContainer, Table as Table$1, TableBody, TableRow as TableRow$1 } from '@mui/material';
5
+ import { colors, AccordionDetails as AccordionDetails$1, AccordionSummary, accordionSummaryClasses, SvgIcon, Accordion as Accordion$1, accordionClasses, accordionDetailsClasses, Alert as Alert$2, Button as Button$1, buttonClasses, IconButton, TextField, outlinedInputClasses, inputBaseClasses, inputAdornmentClasses, buttonBaseClasses, InputAdornment, MenuItem as MenuItem$1, menuItemClasses, Autocomplete as Autocomplete$1, autocompleteClasses, Paper, Popper, ClickAwayListener, alertClasses, alertTitleClasses, Grow, AlertTitle, Tooltip as Tooltip$1, Chip as Chip$1, darken, Dialog as Dialog$1, DialogActions as DialogActions$1, dialogActionsClasses, DialogContent, DialogTitle as DialogTitle$1, Typography, Checkbox, checkboxClasses, FormControlLabel, Radio, radioClasses, Slider, sliderClasses, Switch, switchClasses, Link as Link$1, List as List$1, ListItem as ListItem$1, ListSubheader as ListSubheader$1, Menu as Menu$1, menuClasses, Tabs as Tabs$1, Tab as Tab$1, Slide, Box, ToggleButtonGroup, toggleButtonClasses, ToggleButton, useTheme as useTheme$1, TableCell, TableContainer, Table as Table$1, TableBody, TableRow as TableRow$1 } from '@mui/material';
5
6
  import { createTheme, styled, useTheme } from '@mui/material/styles';
6
- import { ReactComponent } from 'src/common/svgs/IconBacteriaLarge.svg';
7
- import { ReactComponent as ReactComponent$1 } from 'src/common/svgs/IconBacteriaSmall.svg';
8
- import { ReactComponent as ReactComponent$2 } from 'src/common/svgs/IconBarChartHorizontal3Small.svg';
9
- import { ReactComponent as ReactComponent$3 } from 'src/common/svgs/IconBarChartVertical3Small.svg';
10
- import { ReactComponent as ReactComponent$4 } from 'src/common/svgs/IconBarChartVertical4Small.svg';
11
- import { ReactComponent as ReactComponent$5 } from 'src/common/svgs/IconBookLarge.svg';
12
- import { ReactComponent as ReactComponent$7 } from 'src/common/svgs/IconCheckCircleLarge.svg';
13
- import { ReactComponent as ReactComponent$8 } from 'src/common/svgs/IconCheckCircleSmall.svg';
14
- import { ReactComponent as ReactComponent$6 } from 'src/common/svgs/IconCheckSmall.svg';
15
- import { ReactComponent as ReactComponent$9 } from 'src/common/svgs/IconChevronDownLarge.svg';
16
- import { ReactComponent as ReactComponent$a } from 'src/common/svgs/IconChevronDownSmall.svg';
17
- import { ReactComponent as ReactComponent$b } from 'src/common/svgs/IconChevronDown2Small.svg';
18
- import { ReactComponent as ReactComponent$e } from 'src/common/svgs/IconChevronLeft2Small.svg';
19
- import { ReactComponent as ReactComponent$c } from 'src/common/svgs/IconChevronLeftLarge.svg';
20
- import { ReactComponent as ReactComponent$d } from 'src/common/svgs/IconChevronLeftSmall.svg';
21
- import { ReactComponent as ReactComponent$h } from 'src/common/svgs/IconChevronRight2Small.svg';
22
- import { ReactComponent as ReactComponent$f } from 'src/common/svgs/IconChevronRightLarge.svg';
23
- import { ReactComponent as ReactComponent$g } from 'src/common/svgs/IconChevronRightSmall.svg';
24
- import { ReactComponent as ReactComponent$i } from 'src/common/svgs/IconChevronUpLarge.svg';
25
- import { ReactComponent as ReactComponent$j } from 'src/common/svgs/IconChevronUpSmall.svg';
26
- import { ReactComponent as ReactComponent$k } from 'src/common/svgs/IconChevronUp2Small.svg';
27
- import { ReactComponent as ReactComponent$l } from 'src/common/svgs/IconCirclesOverlap2Large.svg';
28
- import { ReactComponent as ReactComponent$m } from 'src/common/svgs/IconCirclesOverlap2Small.svg';
29
- import { ReactComponent as ReactComponent$n } from 'src/common/svgs/IconCodeLarge.svg';
30
- import { ReactComponent as ReactComponent$o } from 'src/common/svgs/IconCompassLarge.svg';
31
- import { ReactComponent as ReactComponent$p } from 'src/common/svgs/IconCopyLarge.svg';
32
- import { ReactComponent as ReactComponent$q } from 'src/common/svgs/IconCopySmall.svg';
33
- import { ReactComponent as ReactComponent$r } from 'src/common/svgs/IconCubeLarge.svg';
34
- import { ReactComponent as ReactComponent$s } from 'src/common/svgs/IconCubeSmall.svg';
35
- import { ReactComponent as ReactComponent$t } from 'src/common/svgs/IconDNALarge.svg';
36
- import { ReactComponent as ReactComponent$u } from 'src/common/svgs/IconDocumentSmall.svg';
37
- import { ReactComponent as ReactComponent$v } from 'src/common/svgs/IconDotsHorizontal3Large.svg';
38
- import { ReactComponent as ReactComponent$w } from 'src/common/svgs/IconDotsHorizontal3Small.svg';
39
- import { ReactComponent as ReactComponent$x } from 'src/common/svgs/IconDownloadLarge.svg';
40
- import { ReactComponent as ReactComponent$y } from 'src/common/svgs/IconDownloadSmall.svg';
41
- import { ReactComponent as ReactComponent$z } from 'src/common/svgs/IconEditLarge.svg';
42
- import { ReactComponent as ReactComponent$A } from 'src/common/svgs/IconEditSmall.svg';
43
- import { ReactComponent as ReactComponent$B } from 'src/common/svgs/IconEnvelopeSmall.svg';
44
- import { ReactComponent as ReactComponent$C } from 'src/common/svgs/IconExclamationMarkCircleLarge.svg';
45
- import { ReactComponent as ReactComponent$D } from 'src/common/svgs/IconExclamationMarkCircleSmall.svg';
46
- import { ReactComponent as ReactComponent$E } from 'src/common/svgs/IconExclamationMarkSpeechBubbleLarge.svg';
47
- import { ReactComponent as ReactComponent$F } from 'src/common/svgs/IconEyeClosedSmall.svg';
48
- import { ReactComponent as ReactComponent$G } from 'src/common/svgs/IconEyeOpenSmall.svg';
49
- import { ReactComponent as ReactComponent$H } from 'src/common/svgs/IconFilterSmall.svg';
50
- import { ReactComponent as ReactComponent$I } from 'src/common/svgs/IconFlagCheckSmall.svg';
51
- import { ReactComponent as ReactComponent$J } from 'src/common/svgs/IconFlagOutlineSmall.svg';
52
- import { ReactComponent as ReactComponent$K } from 'src/common/svgs/IconFlagQuestionMarkSmall.svg';
53
- import { ReactComponent as ReactComponent$L } from 'src/common/svgs/IconFlagXMarkSmall.svg';
54
- import { ReactComponent as ReactComponent$M } from 'src/common/svgs/IconFlaskLarge.svg';
55
- import { ReactComponent as ReactComponent$N } from 'src/common/svgs/IconFlaskPrivateLarge.svg';
56
- import { ReactComponent as ReactComponent$O } from 'src/common/svgs/IconFlaskPublicLarge.svg';
57
- import { ReactComponent as ReactComponent$P } from 'src/common/svgs/IconGearSmall.svg';
58
- import { ReactComponent as ReactComponent$R } from 'src/common/svgs/IconGlobeBasicLarge.svg';
59
- import { ReactComponent as ReactComponent$Q } from 'src/common/svgs/IconGlobeSmall.svg';
60
- import { ReactComponent as ReactComponent$S } from 'src/common/svgs/IconGridLarge.svg';
61
- import { ReactComponent as ReactComponent$U } from 'src/common/svgs/IconGridPrivateLarge.svg';
62
- import { ReactComponent as ReactComponent$V } from 'src/common/svgs/IconGridPublicLarge.svg';
63
- import { ReactComponent as ReactComponent$T } from 'src/common/svgs/IconGridDots3Large.svg';
64
- import { ReactComponent as ReactComponent$W } from 'src/common/svgs/IconHouseSmall.svg';
65
- import { ReactComponent as ReactComponent$X } from 'src/common/svgs/IconInfoCircleLarge.svg';
66
- import { ReactComponent as ReactComponent$Y } from 'src/common/svgs/IconInfoCircleSmall.svg';
67
- import { ReactComponent as ReactComponent$Z } from 'src/common/svgs/IconInfoSpeechBubbleLarge.svg';
68
- import { ReactComponent as ReactComponent$_ } from 'src/common/svgs/IconLifeRingSmall.svg';
69
- import { ReactComponent as ReactComponent$$ } from 'src/common/svgs/IconLightBulbLarge.svg';
70
- import { ReactComponent as ReactComponent$10 } from 'src/common/svgs/IconLightBulbSmall.svg';
71
- import { ReactComponent as ReactComponent$11 } from 'src/common/svgs/IconLinesDashed3Solid1Small.svg';
72
- import { ReactComponent as ReactComponent$12 } from 'src/common/svgs/IconLinesHorizontal3Large.svg';
73
- import { ReactComponent as ReactComponent$13 } from 'src/common/svgs/IconLinesHorizontal3Small.svg';
74
- import { ReactComponent as ReactComponent$14 } from 'src/common/svgs/IconLinkSmall.svg';
75
- import { ReactComponent as ReactComponent$15 } from 'src/common/svgs/IconListSmall.svg';
76
- import { ReactComponent as ReactComponent$16 } from 'src/common/svgs/IconLoadingLarge.svg';
77
- import { ReactComponent as ReactComponent$17 } from 'src/common/svgs/IconLoadingSmall.svg';
78
- import { ReactComponent as ReactComponent$1a } from 'src/common/svgs/IconLockCircleSmall.svg';
79
- import { ReactComponent as ReactComponent$18 } from 'src/common/svgs/IconLockLarge.svg';
80
- import { ReactComponent as ReactComponent$19 } from 'src/common/svgs/IconLockSmall.svg';
81
- import { ReactComponent as ReactComponent$1b } from 'src/common/svgs/IconMinusSmall.svg';
82
- import { ReactComponent as ReactComponent$1c } from 'src/common/svgs/IconOpenSmall.svg';
83
- import { ReactComponent as ReactComponent$1d } from 'src/common/svgs/IconPeopleLarge.svg';
84
- import { ReactComponent as ReactComponent$1e } from 'src/common/svgs/IconPeopleSmall.svg';
85
- import { ReactComponent as ReactComponent$1f } from 'src/common/svgs/IconPercentageSmall.svg';
86
- import { ReactComponent as ReactComponent$1g } from 'src/common/svgs/IconPersonLarge.svg';
87
- import { ReactComponent as ReactComponent$1h } from 'src/common/svgs/IconPersonSmall.svg';
88
- import { ReactComponent as ReactComponent$1j } from 'src/common/svgs/IconPinLocationSmall.svg';
89
- import { ReactComponent as ReactComponent$1i } from 'src/common/svgs/IconPinSmall.svg';
90
- import { ReactComponent as ReactComponent$1k } from 'src/common/svgs/IconPlayLarge.svg';
91
- import { ReactComponent as ReactComponent$1m } from 'src/common/svgs/IconPlusCircleSmall.svg';
92
- import { ReactComponent as ReactComponent$1l } from 'src/common/svgs/IconPlusSmall.svg';
93
- import { ReactComponent as ReactComponent$1n } from 'src/common/svgs/IconProjectPrivateLarge.svg';
94
- import { ReactComponent as ReactComponent$1o } from 'src/common/svgs/IconProjectPublicLarge.svg';
95
- import { ReactComponent as ReactComponent$1p } from 'src/common/svgs/IconPuzzlePieceSmall.svg';
96
- import { ReactComponent as ReactComponent$1q } from 'src/common/svgs/IconQuestionMarkLarge.svg';
97
- import { ReactComponent as ReactComponent$1r } from 'src/common/svgs/IconQuoteLarge.svg';
98
- import { ReactComponent as ReactComponent$1s } from 'src/common/svgs/IconReadLarge.svg';
99
- import { ReactComponent as ReactComponent$1t } from 'src/common/svgs/IconRefreshLarge.svg';
100
- import { ReactComponent as ReactComponent$1u } from 'src/common/svgs/IconRefreshSmall.svg';
101
- import { ReactComponent as ReactComponent$1v } from 'src/common/svgs/IconReportLarge.svg';
102
- import { ReactComponent as ReactComponent$1w } from 'src/common/svgs/IconRocketLarge.svg';
103
- import { ReactComponent as ReactComponent$1x } from 'src/common/svgs/IconSaveLarge.svg';
104
- import { ReactComponent as ReactComponent$1y } from 'src/common/svgs/IconSearchLarge.svg';
105
- import { ReactComponent as ReactComponent$1A } from 'src/common/svgs/IconSearchLinesHorizontal3Large.svg';
106
- import { ReactComponent as ReactComponent$1B } from 'src/common/svgs/IconSearchLinesHorizontal3Small.svg';
107
- import { ReactComponent as ReactComponent$1z } from 'src/common/svgs/IconSearchSmall.svg';
108
- import { ReactComponent as ReactComponent$1C } from 'src/common/svgs/IconShareLarge.svg';
109
- import { ReactComponent as ReactComponent$1D } from 'src/common/svgs/IconSlidersHorizontalLarge.svg';
110
- import { ReactComponent as ReactComponent$1E } from 'src/common/svgs/IconSpeechBubblesLarge.svg';
111
- import { ReactComponent as ReactComponent$1F } from 'src/common/svgs/IconSquareOnDashedSquareLarge.svg';
112
- import { ReactComponent as ReactComponent$1H } from 'src/common/svgs/IconStarburstSmall.svg';
113
- import { ReactComponent as ReactComponent$1G } from 'src/common/svgs/IconStarLarge.svg';
114
- import { ReactComponent as ReactComponent$1I } from 'src/common/svgs/IconTableSmall.svg';
115
- import { ReactComponent as ReactComponent$1J } from 'src/common/svgs/IconTrashCanLarge.svg';
116
- import { ReactComponent as ReactComponent$1K } from 'src/common/svgs/IconTrashCanSmall.svg';
117
- import { ReactComponent as ReactComponent$1L } from 'src/common/svgs/IconTreeDendogramLarge.svg';
118
- import { ReactComponent as ReactComponent$1M } from 'src/common/svgs/IconTreeHorizontalLarge.svg';
119
- import { ReactComponent as ReactComponent$1O } from 'src/common/svgs/IconTreeHorizontalPrivateLarge.svg';
120
- import { ReactComponent as ReactComponent$1P } from 'src/common/svgs/IconTreeHorizontalPublicLarge.svg';
121
- import { ReactComponent as ReactComponent$1N } from 'src/common/svgs/IconTreeHorizontalSmall.svg';
122
- import { ReactComponent as ReactComponent$1Q } from 'src/common/svgs/IconTreeHorizontalTopRightFilledLarge.svg';
123
- import { ReactComponent as ReactComponent$1R } from 'src/common/svgs/IconTreeVerticalSmall.svg';
124
- import { ReactComponent as ReactComponent$1S } from 'src/common/svgs/IconTriangleDownSmall.svg';
125
- import { ReactComponent as ReactComponent$1T } from 'src/common/svgs/IconTriangleLeftSmall.svg';
126
- import { ReactComponent as ReactComponent$1U } from 'src/common/svgs/IconTriangleRightSmall.svg';
127
- import { ReactComponent as ReactComponent$1V } from 'src/common/svgs/IconTriangleUpSmall.svg';
128
- import { ReactComponent as ReactComponent$1W } from 'src/common/svgs/IconUpdateLarge.svg';
129
- import { ReactComponent as ReactComponent$1X } from 'src/common/svgs/IconUploadLarge.svg';
130
- import { ReactComponent as ReactComponent$1Y } from 'src/common/svgs/IconUploadSmall.svg';
131
- import { ReactComponent as ReactComponent$1_ } from 'src/common/svgs/IconVirusCircleSLarge.svg';
132
- import { ReactComponent as ReactComponent$1Z } from 'src/common/svgs/IconVirusLarge.svg';
133
- import { ReactComponent as ReactComponent$1$ } from 'src/common/svgs/IconWidgetLarge.svg';
134
- import { ReactComponent as ReactComponent$22 } from 'src/common/svgs/IconXMarkCircleSmall.svg';
135
- import { ReactComponent as ReactComponent$20 } from 'src/common/svgs/IconXMarkLarge.svg';
136
- import { ReactComponent as ReactComponent$21 } from 'src/common/svgs/IconXMarkSmall.svg';
137
7
  import { Check, Remove, Clear } from '@mui/icons-material';
138
8
  import { css as css$1 } from '@emotion/css';
139
- import { ReactComponent as ReactComponent$23 } from 'src/common/svgs/IconCheckboxChecked.svg';
140
- import { ReactComponent as ReactComponent$25 } from 'src/common/svgs/IconCheckboxIndeterminate.svg';
141
- import { ReactComponent as ReactComponent$24 } from 'src/common/svgs/IconCheckboxUnchecked.svg';
142
- import { ReactComponent as ReactComponent$26 } from 'src/common/svgs/IconRadioChecked.svg';
143
- import { ReactComponent as ReactComponent$27 } from 'src/common/svgs/IconRadioUnchecked.svg';
144
9
 
145
10
  /******************************************************************************
146
11
  Copyright (c) Microsoft Corporation.
@@ -584,14 +449,14 @@ var SDSAppTheme = {
584
449
  // override every theme property that makes use of colors.
585
450
  SDSAppTheme.borders = {
586
451
  accent: {
587
- dashed: "2px dashed ".concat(SDSAppTheme.colors.blue[400]),
452
+ dashed: "1px dashed ".concat(SDSAppTheme.colors.blue[400]),
588
453
  default: "1px solid ".concat(SDSAppTheme.colors.blue[400]),
589
454
  disabled: "1px solid ".concat(SDSAppTheme.colors.blue[300]),
590
455
  hover: "1px solid ".concat(SDSAppTheme.colors.blue[500]),
591
456
  },
592
457
  base: {
593
458
  black: "1px solid ".concat(SDSAppTheme.colors.common.black),
594
- dashed: "2px dashed ".concat(SDSAppTheme.colors.gray[400]),
459
+ dashed: "1px dashed ".concat(SDSAppTheme.colors.gray[400]),
595
460
  default: "1px solid ".concat(SDSAppTheme.colors.gray[400]),
596
461
  disabled: "1px solid ".concat(SDSAppTheme.colors.gray[300]),
597
462
  divider: "1px solid ".concat(SDSAppTheme.colors.gray[200]),
@@ -611,6 +476,9 @@ SDSAppTheme.borders = {
611
476
  negative: {
612
477
  default: "1px solid ".concat(SDSAppTheme.colors.red[400]),
613
478
  },
479
+ neutral: {
480
+ default: "1px solid ".concat(SDSAppTheme.colors.gray[400]),
481
+ },
614
482
  none: "none",
615
483
  notice: {
616
484
  default: "1px solid ".concat(SDSAppTheme.colors.yellow[400]),
@@ -805,6 +673,7 @@ function makeThemeOptions(appTheme) {
805
673
  beta: appTheme.colors.purple[600],
806
674
  info: appTheme.colors.blue[600],
807
675
  negative: appTheme.colors.red[600],
676
+ neutral: appTheme.colors.gray[600],
808
677
  notice: appTheme.colors.yellow[600],
809
678
  positive: appTheme.colors.green[600],
810
679
  },
@@ -930,6 +799,10 @@ function makeThemeOptions(appTheme) {
930
799
 
931
800
  var defaultThemeOptions = makeThemeOptions(SDSAppTheme);
932
801
  var defaultTheme = createTheme(defaultThemeOptions);
802
+ /**
803
+ * (masoudmanson): This is to keep the old defaultAppTheme export for backward compatibility.
804
+ */
805
+ var defaultAppTheme = defaultTheme;
933
806
 
934
807
  function focusVisibleA11yStyle() {
935
808
  return "\n &.Mui-focusVisible, &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n ";
@@ -1105,422 +978,2538 @@ var StyledSubtitle = styled("p")(templateObject_4$n || (templateObject_4$n = __m
1105
978
  });
1106
979
  var templateObject_1$S, templateObject_2$z, templateObject_3$r, templateObject_4$n;
1107
980
 
981
+ var _path$25, _path2$C, _path3$6;
982
+ 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); }
983
+ var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
984
+ return /*#__PURE__*/React.createElement("svg", _extends$27({
985
+ xmlns: "http://www.w3.org/2000/svg",
986
+ width: 24,
987
+ height: 24
988
+ }, props), _path$25 || (_path$25 = /*#__PURE__*/React.createElement("path", {
989
+ fillRule: "evenodd",
990
+ 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"
991
+ })), _path2$C || (_path2$C = /*#__PURE__*/React.createElement("path", {
992
+ 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"
993
+ })), _path3$6 || (_path3$6 = /*#__PURE__*/React.createElement("path", {
994
+ fillRule: "evenodd",
995
+ d: "M15.198 2.435a5.64 5.64 0 0 0-2.685-.306L11.94.882a.756.756 0 1 0-1.373.632l.467 1.015a6 6 0 0 0-.565.276l-.635-.756a.756.756 0 0 0-1.157.973l.58.69q-.305.301-.566.65l-.898-.294a.756.756 0 0 0-.47 1.437l.625.204-.03.08-2.181 5.904-.415-.349a.756.756 0 0 0-.973 1.158l.95.797q-.083.647-.017 1.283l-1.019.172a.756.756 0 0 0 .253 1.49l1.12-.19a5.66 5.66 0 0 0 2.378 2.824q-.13.26-.289.553l-.015.027c-.172.32-.37.686-.507 1.05-.14.377-.25.835-.157 1.32.097.51.396.938.856 1.281.491.366 1.009.491 1.524.428.474-.058.892-.27 1.22-.456.152-.087.28-.165.397-.236.177-.108.332-.202.52-.297.276-.14.491-.203.683-.203.52 0 .743.174.839.274a.6.6 0 0 1 .123.19.764.764 0 0 0 1.477-.389l-.735.181.735-.18v-.005l-.002-.005-.003-.01-.007-.025a2 2 0 0 0-.104-.265 2.1 2.1 0 0 0-.38-.546c-.391-.41-1.017-.747-1.943-.747-.532 0-.995.177-1.371.366-.23.116-.49.273-.708.404q-.16.097-.278.166c-.295.168-.492.248-.649.267-.114.014-.24.002-.426-.136-.216-.162-.256-.278-.268-.343-.018-.092-.008-.242.088-.498.096-.258.246-.539.435-.888l.008-.014c.11-.203.23-.428.344-.664 1.447.4 2.941.196 4.19-.476l.772.92a.756.756 0 0 0 1.158-.97l-.704-.84c.4-.38.747-.823 1.027-1.32l1.228.104a.756.756 0 0 0 .129-1.506l-.742-.063 2.073-5.61q.039-.105.072-.209l.66.244a.756.756 0 0 0 .523-1.418l-.908-.335a5.6 5.6 0 0 0-.053-1.056l.88-.134a.756.756 0 1 0-.229-1.495l-1.07.164a5.7 5.7 0 0 0-.562-.996l.745-.631a.756.756 0 0 0-.976-1.154l-.799.676a5.7 5.7 0 0 0-1.636-.938Zm-.392 13.012 2.312-6.26a4.14 4.14 0 1 0-7.768-2.87l-2.313 6.26a4.14 4.14 0 0 0 7.769 2.87"
996
+ })));
997
+ };
998
+
999
+ var _path$24, _path2$B;
1000
+ 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); }
1001
+ var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
1002
+ return /*#__PURE__*/React.createElement("svg", _extends$26({
1003
+ xmlns: "http://www.w3.org/2000/svg",
1004
+ width: 16,
1005
+ height: 16
1006
+ }, props), _path$24 || (_path$24 = /*#__PURE__*/React.createElement("path", {
1007
+ 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"
1008
+ })), _path2$B || (_path2$B = /*#__PURE__*/React.createElement("path", {
1009
+ fillRule: "evenodd",
1010
+ 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"
1011
+ })));
1012
+ };
1013
+
1014
+ var _path$23;
1015
+ 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); }
1016
+ var SvgIconBarChartHorizontal3Small = function SvgIconBarChartHorizontal3Small(props) {
1017
+ return /*#__PURE__*/React.createElement("svg", _extends$25({
1018
+ xmlns: "http://www.w3.org/2000/svg",
1019
+ width: 16,
1020
+ height: 16
1021
+ }, props), _path$23 || (_path$23 = /*#__PURE__*/React.createElement("path", {
1022
+ fillRule: "evenodd",
1023
+ 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"
1024
+ })));
1025
+ };
1026
+
1027
+ var _path$22;
1028
+ 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); }
1029
+ var SvgIconBarChartVertical3Small = function SvgIconBarChartVertical3Small(props) {
1030
+ return /*#__PURE__*/React.createElement("svg", _extends$24({
1031
+ xmlns: "http://www.w3.org/2000/svg",
1032
+ width: 16,
1033
+ height: 16
1034
+ }, props), _path$22 || (_path$22 = /*#__PURE__*/React.createElement("path", {
1035
+ fillRule: "evenodd",
1036
+ 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"
1037
+ })));
1038
+ };
1039
+
1040
+ var _path$21;
1041
+ 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); }
1042
+ var SvgIconBarChartVertical4Small = function SvgIconBarChartVertical4Small(props) {
1043
+ return /*#__PURE__*/React.createElement("svg", _extends$23({
1044
+ xmlns: "http://www.w3.org/2000/svg",
1045
+ width: 16,
1046
+ height: 16
1047
+ }, props), _path$21 || (_path$21 = /*#__PURE__*/React.createElement("path", {
1048
+ fillRule: "evenodd",
1049
+ 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"
1050
+ })));
1051
+ };
1052
+
1053
+ var _path$20;
1054
+ 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); }
1055
+ var SvgIconBookLarge = function SvgIconBookLarge(props) {
1056
+ return /*#__PURE__*/React.createElement("svg", _extends$22({
1057
+ xmlns: "http://www.w3.org/2000/svg",
1058
+ width: 24,
1059
+ height: 24
1060
+ }, props), _path$20 || (_path$20 = /*#__PURE__*/React.createElement("path", {
1061
+ 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"
1062
+ })));
1063
+ };
1064
+
1065
+ var _path$1$, _path2$A;
1066
+ 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); }
1067
+ var SvgIconCheckCircleLarge = function SvgIconCheckCircleLarge(props) {
1068
+ return /*#__PURE__*/React.createElement("svg", _extends$21({
1069
+ xmlns: "http://www.w3.org/2000/svg",
1070
+ width: 24,
1071
+ height: 24
1072
+ }, props), _path$1$ || (_path$1$ = /*#__PURE__*/React.createElement("path", {
1073
+ 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"
1074
+ })), _path2$A || (_path2$A = /*#__PURE__*/React.createElement("path", {
1075
+ fillRule: "evenodd",
1076
+ 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"
1077
+ })));
1078
+ };
1079
+
1080
+ var _path$1_;
1081
+ 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); }
1082
+ var SvgIconCheckCircleSmall = function SvgIconCheckCircleSmall(props) {
1083
+ return /*#__PURE__*/React.createElement("svg", _extends$20({
1084
+ xmlns: "http://www.w3.org/2000/svg",
1085
+ width: 16,
1086
+ height: 16
1087
+ }, props), _path$1_ || (_path$1_ = /*#__PURE__*/React.createElement("path", {
1088
+ fillRule: "evenodd",
1089
+ 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"
1090
+ })));
1091
+ };
1092
+
1093
+ var _path$1Z;
1094
+ 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); }
1095
+ var SvgIconCheckSmall = function SvgIconCheckSmall(props) {
1096
+ return /*#__PURE__*/React.createElement("svg", _extends$1$({
1097
+ xmlns: "http://www.w3.org/2000/svg",
1098
+ width: 16,
1099
+ height: 16
1100
+ }, props), _path$1Z || (_path$1Z = /*#__PURE__*/React.createElement("path", {
1101
+ fillRule: "evenodd",
1102
+ 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"
1103
+ })));
1104
+ };
1105
+
1106
+ var _path$1Y;
1107
+ 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); }
1108
+ var SvgIconChevronDownLarge = function SvgIconChevronDownLarge(props) {
1109
+ return /*#__PURE__*/React.createElement("svg", _extends$1_({
1110
+ xmlns: "http://www.w3.org/2000/svg",
1111
+ width: 24,
1112
+ height: 24
1113
+ }, props), _path$1Y || (_path$1Y = /*#__PURE__*/React.createElement("path", {
1114
+ fillRule: "evenodd",
1115
+ 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"
1116
+ })));
1117
+ };
1118
+
1119
+ var _path$1X;
1120
+ 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); }
1121
+ var SvgIconChevronDownSmall = function SvgIconChevronDownSmall(props) {
1122
+ return /*#__PURE__*/React.createElement("svg", _extends$1Z({
1123
+ xmlns: "http://www.w3.org/2000/svg",
1124
+ width: 16,
1125
+ height: 16
1126
+ }, props), _path$1X || (_path$1X = /*#__PURE__*/React.createElement("path", {
1127
+ fillRule: "evenodd",
1128
+ 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"
1129
+ })));
1130
+ };
1131
+
1132
+ var _path$1W, _path2$z;
1133
+ 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); }
1134
+ var SvgIconChevronDown2Small = function SvgIconChevronDown2Small(props) {
1135
+ return /*#__PURE__*/React.createElement("svg", _extends$1Y({
1136
+ xmlns: "http://www.w3.org/2000/svg",
1137
+ width: 16,
1138
+ height: 16
1139
+ }, props), _path$1W || (_path$1W = /*#__PURE__*/React.createElement("path", {
1140
+ 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"
1141
+ })), _path2$z || (_path2$z = /*#__PURE__*/React.createElement("path", {
1142
+ 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"
1143
+ })));
1144
+ };
1145
+
1146
+ var _path$1V, _path2$y;
1147
+ 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); }
1148
+ var SvgIconChevronLeft2Small = function SvgIconChevronLeft2Small(props) {
1149
+ return /*#__PURE__*/React.createElement("svg", _extends$1X({
1150
+ xmlns: "http://www.w3.org/2000/svg",
1151
+ width: 16,
1152
+ height: 16
1153
+ }, props), _path$1V || (_path$1V = /*#__PURE__*/React.createElement("path", {
1154
+ 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"
1155
+ })), _path2$y || (_path2$y = /*#__PURE__*/React.createElement("path", {
1156
+ 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"
1157
+ })));
1158
+ };
1159
+
1160
+ var _path$1U;
1161
+ 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); }
1162
+ var SvgIconChevronLeftLarge = function SvgIconChevronLeftLarge(props) {
1163
+ return /*#__PURE__*/React.createElement("svg", _extends$1W({
1164
+ xmlns: "http://www.w3.org/2000/svg",
1165
+ width: 24,
1166
+ height: 24
1167
+ }, props), _path$1U || (_path$1U = /*#__PURE__*/React.createElement("path", {
1168
+ fillRule: "evenodd",
1169
+ 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"
1170
+ })));
1171
+ };
1172
+
1173
+ var _path$1T;
1174
+ 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); }
1175
+ var SvgIconChevronLeftSmall = function SvgIconChevronLeftSmall(props) {
1176
+ return /*#__PURE__*/React.createElement("svg", _extends$1V({
1177
+ xmlns: "http://www.w3.org/2000/svg",
1178
+ width: 16,
1179
+ height: 16
1180
+ }, props), _path$1T || (_path$1T = /*#__PURE__*/React.createElement("path", {
1181
+ fillRule: "evenodd",
1182
+ 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"
1183
+ })));
1184
+ };
1185
+
1186
+ var _path$1S, _path2$x;
1187
+ 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); }
1188
+ var SvgIconChevronRight2Small = function SvgIconChevronRight2Small(props) {
1189
+ return /*#__PURE__*/React.createElement("svg", _extends$1U({
1190
+ xmlns: "http://www.w3.org/2000/svg",
1191
+ width: 16,
1192
+ height: 16
1193
+ }, props), _path$1S || (_path$1S = /*#__PURE__*/React.createElement("path", {
1194
+ 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"
1195
+ })), _path2$x || (_path2$x = /*#__PURE__*/React.createElement("path", {
1196
+ 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"
1197
+ })));
1198
+ };
1199
+
1200
+ var _path$1R;
1201
+ 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); }
1202
+ var SvgIconChevronRightLarge = function SvgIconChevronRightLarge(props) {
1203
+ return /*#__PURE__*/React.createElement("svg", _extends$1T({
1204
+ xmlns: "http://www.w3.org/2000/svg",
1205
+ width: 24,
1206
+ height: 24
1207
+ }, props), _path$1R || (_path$1R = /*#__PURE__*/React.createElement("path", {
1208
+ fillRule: "evenodd",
1209
+ 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"
1210
+ })));
1211
+ };
1212
+
1213
+ var _path$1Q;
1214
+ 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); }
1215
+ var SvgIconChevronRightSmall = function SvgIconChevronRightSmall(props) {
1216
+ return /*#__PURE__*/React.createElement("svg", _extends$1S({
1217
+ xmlns: "http://www.w3.org/2000/svg",
1218
+ width: 16,
1219
+ height: 16
1220
+ }, props), _path$1Q || (_path$1Q = /*#__PURE__*/React.createElement("path", {
1221
+ fillRule: "evenodd",
1222
+ 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"
1223
+ })));
1224
+ };
1225
+
1226
+ var _path$1P;
1227
+ 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); }
1228
+ var SvgIconChevronUpLarge = function SvgIconChevronUpLarge(props) {
1229
+ return /*#__PURE__*/React.createElement("svg", _extends$1R({
1230
+ xmlns: "http://www.w3.org/2000/svg",
1231
+ width: 24,
1232
+ height: 24
1233
+ }, props), _path$1P || (_path$1P = /*#__PURE__*/React.createElement("path", {
1234
+ fillRule: "evenodd",
1235
+ 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"
1236
+ })));
1237
+ };
1238
+
1239
+ var _path$1O;
1240
+ 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); }
1241
+ var SvgIconChevronUpSmall = function SvgIconChevronUpSmall(props) {
1242
+ return /*#__PURE__*/React.createElement("svg", _extends$1Q({
1243
+ xmlns: "http://www.w3.org/2000/svg",
1244
+ width: 16,
1245
+ height: 16
1246
+ }, props), _path$1O || (_path$1O = /*#__PURE__*/React.createElement("path", {
1247
+ fillRule: "evenodd",
1248
+ 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"
1249
+ })));
1250
+ };
1251
+
1252
+ var _path$1N, _path2$w;
1253
+ 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); }
1254
+ var SvgIconChevronUp2Small = function SvgIconChevronUp2Small(props) {
1255
+ return /*#__PURE__*/React.createElement("svg", _extends$1P({
1256
+ xmlns: "http://www.w3.org/2000/svg",
1257
+ width: 16,
1258
+ height: 16
1259
+ }, props), _path$1N || (_path$1N = /*#__PURE__*/React.createElement("path", {
1260
+ 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"
1261
+ })), _path2$w || (_path2$w = /*#__PURE__*/React.createElement("path", {
1262
+ 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"
1263
+ })));
1264
+ };
1265
+
1266
+ var _path$1M;
1267
+ 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); }
1268
+ var SvgIconCirclesOverlap2Large = function SvgIconCirclesOverlap2Large(props) {
1269
+ return /*#__PURE__*/React.createElement("svg", _extends$1O({
1270
+ xmlns: "http://www.w3.org/2000/svg",
1271
+ width: 24,
1272
+ height: 24
1273
+ }, props), _path$1M || (_path$1M = /*#__PURE__*/React.createElement("path", {
1274
+ fillRule: "evenodd",
1275
+ 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"
1276
+ })));
1277
+ };
1278
+
1279
+ var _path$1L, _path2$v;
1280
+ 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); }
1281
+ var SvgIconCirclesOverlap2Small = function SvgIconCirclesOverlap2Small(props) {
1282
+ return /*#__PURE__*/React.createElement("svg", _extends$1N({
1283
+ xmlns: "http://www.w3.org/2000/svg",
1284
+ width: 16,
1285
+ height: 16
1286
+ }, props), _path$1L || (_path$1L = /*#__PURE__*/React.createElement("path", {
1287
+ fillRule: "evenodd",
1288
+ 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"
1289
+ })), _path2$v || (_path2$v = /*#__PURE__*/React.createElement("path", {
1290
+ 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"
1291
+ })));
1292
+ };
1293
+
1294
+ var _path$1K, _path2$u;
1295
+ 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); }
1296
+ var SvgIconCodeLarge = function SvgIconCodeLarge(props) {
1297
+ return /*#__PURE__*/React.createElement("svg", _extends$1M({
1298
+ xmlns: "http://www.w3.org/2000/svg",
1299
+ width: 24,
1300
+ height: 24
1301
+ }, props), _path$1K || (_path$1K = /*#__PURE__*/React.createElement("path", {
1302
+ 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"
1303
+ })), _path2$u || (_path2$u = /*#__PURE__*/React.createElement("path", {
1304
+ fillRule: "evenodd",
1305
+ 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"
1306
+ })));
1307
+ };
1308
+
1309
+ var _path$1J, _path2$t;
1310
+ 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); }
1311
+ var SvgIconCompassLarge = function SvgIconCompassLarge(props) {
1312
+ return /*#__PURE__*/React.createElement("svg", _extends$1L({
1313
+ xmlns: "http://www.w3.org/2000/svg",
1314
+ width: 24,
1315
+ height: 24
1316
+ }, props), _path$1J || (_path$1J = /*#__PURE__*/React.createElement("path", {
1317
+ fillRule: "evenodd",
1318
+ 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"
1319
+ })), _path2$t || (_path2$t = /*#__PURE__*/React.createElement("path", {
1320
+ fillRule: "evenodd",
1321
+ 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"
1322
+ })));
1323
+ };
1324
+
1325
+ var _path$1I, _path2$s;
1326
+ 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); }
1327
+ var SvgIconCopyLarge = function SvgIconCopyLarge(props) {
1328
+ return /*#__PURE__*/React.createElement("svg", _extends$1K({
1329
+ xmlns: "http://www.w3.org/2000/svg",
1330
+ width: 24,
1331
+ height: 24
1332
+ }, props), _path$1I || (_path$1I = /*#__PURE__*/React.createElement("path", {
1333
+ 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"
1334
+ })), _path2$s || (_path2$s = /*#__PURE__*/React.createElement("path", {
1335
+ fillRule: "evenodd",
1336
+ 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"
1337
+ })));
1338
+ };
1339
+
1340
+ var _path$1H;
1341
+ 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); }
1342
+ var SvgIconCopySmall = function SvgIconCopySmall(props) {
1343
+ return /*#__PURE__*/React.createElement("svg", _extends$1J({
1344
+ xmlns: "http://www.w3.org/2000/svg",
1345
+ width: 16,
1346
+ height: 16
1347
+ }, props), _path$1H || (_path$1H = /*#__PURE__*/React.createElement("path", {
1348
+ fillRule: "evenodd",
1349
+ 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"
1350
+ })));
1351
+ };
1352
+
1353
+ var _path$1G, _path2$r, _path3$5;
1354
+ 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); }
1355
+ var SvgIconCubeLarge = function SvgIconCubeLarge(props) {
1356
+ return /*#__PURE__*/React.createElement("svg", _extends$1I({
1357
+ xmlns: "http://www.w3.org/2000/svg",
1358
+ width: 24,
1359
+ height: 24
1360
+ }, props), _path$1G || (_path$1G = /*#__PURE__*/React.createElement("path", {
1361
+ fillRule: "evenodd",
1362
+ 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"
1363
+ })), _path2$r || (_path2$r = /*#__PURE__*/React.createElement("path", {
1364
+ fillRule: "evenodd",
1365
+ 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"
1366
+ })), _path3$5 || (_path3$5 = /*#__PURE__*/React.createElement("path", {
1367
+ fillRule: "evenodd",
1368
+ d: "M1.767 5.84a.82.82 0 0 0-.403.705v10.91c0 .297.16.57.42.715l9.819 5.454a.818.818 0 0 0 1.215-.715V12a.82.82 0 0 0-.42-.715L2.578 5.83a.82.82 0 0 0-.812.01Zm9.415 6.641v9.038L3 16.973V7.936z"
1369
+ })));
1370
+ };
1371
+
1372
+ var _path$1F;
1373
+ 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); }
1374
+ var SvgIconCubeSmall = function SvgIconCubeSmall(props) {
1375
+ return /*#__PURE__*/React.createElement("svg", _extends$1H({
1376
+ xmlns: "http://www.w3.org/2000/svg",
1377
+ width: 16,
1378
+ height: 16
1379
+ }, props), _path$1F || (_path$1F = /*#__PURE__*/React.createElement("path", {
1380
+ fillRule: "evenodd",
1381
+ 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",
1382
+ clipRule: "evenodd"
1383
+ })));
1384
+ };
1385
+
1386
+ var _path$1E;
1387
+ 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); }
1388
+ var SvgIconDnaLarge = function SvgIconDnaLarge(props) {
1389
+ return /*#__PURE__*/React.createElement("svg", _extends$1G({
1390
+ xmlns: "http://www.w3.org/2000/svg",
1391
+ width: 24,
1392
+ height: 24
1393
+ }, props), _path$1E || (_path$1E = /*#__PURE__*/React.createElement("path", {
1394
+ 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"
1395
+ })));
1396
+ };
1397
+
1398
+ var _path$1D;
1399
+ 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); }
1400
+ var SvgIconDocumentSmall = function SvgIconDocumentSmall(props) {
1401
+ return /*#__PURE__*/React.createElement("svg", _extends$1F({
1402
+ xmlns: "http://www.w3.org/2000/svg",
1403
+ width: 16,
1404
+ height: 16
1405
+ }, props), _path$1D || (_path$1D = /*#__PURE__*/React.createElement("path", {
1406
+ fillRule: "evenodd",
1407
+ 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"
1408
+ })));
1409
+ };
1410
+
1411
+ var _path$1C;
1412
+ 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); }
1413
+ var SvgIconDotsHorizontal3Large = function SvgIconDotsHorizontal3Large(props) {
1414
+ return /*#__PURE__*/React.createElement("svg", _extends$1E({
1415
+ xmlns: "http://www.w3.org/2000/svg",
1416
+ width: 24,
1417
+ height: 24
1418
+ }, props), _path$1C || (_path$1C = /*#__PURE__*/React.createElement("path", {
1419
+ 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"
1420
+ })));
1421
+ };
1422
+
1423
+ var _path$1B;
1424
+ 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); }
1425
+ var SvgIconDotsHorizontal3Small = function SvgIconDotsHorizontal3Small(props) {
1426
+ return /*#__PURE__*/React.createElement("svg", _extends$1D({
1427
+ xmlns: "http://www.w3.org/2000/svg",
1428
+ width: 16,
1429
+ height: 16
1430
+ }, props), _path$1B || (_path$1B = /*#__PURE__*/React.createElement("path", {
1431
+ 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"
1432
+ })));
1433
+ };
1434
+
1435
+ var _path$1A;
1436
+ 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); }
1437
+ var SvgIconDownloadLarge = function SvgIconDownloadLarge(props) {
1438
+ return /*#__PURE__*/React.createElement("svg", _extends$1C({
1439
+ xmlns: "http://www.w3.org/2000/svg",
1440
+ width: 24,
1441
+ height: 24
1442
+ }, props), _path$1A || (_path$1A = /*#__PURE__*/React.createElement("path", {
1443
+ fillRule: "evenodd",
1444
+ 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"
1445
+ })));
1446
+ };
1447
+
1448
+ var _path$1z;
1449
+ 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); }
1450
+ var SvgIconDownloadSmall = function SvgIconDownloadSmall(props) {
1451
+ return /*#__PURE__*/React.createElement("svg", _extends$1B({
1452
+ xmlns: "http://www.w3.org/2000/svg",
1453
+ width: 16,
1454
+ height: 16
1455
+ }, props), _path$1z || (_path$1z = /*#__PURE__*/React.createElement("path", {
1456
+ fillRule: "evenodd",
1457
+ 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"
1458
+ })));
1459
+ };
1460
+
1461
+ var _path$1y;
1462
+ 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); }
1463
+ var SvgIconEditLarge = function SvgIconEditLarge(props) {
1464
+ return /*#__PURE__*/React.createElement("svg", _extends$1A({
1465
+ xmlns: "http://www.w3.org/2000/svg",
1466
+ width: 24,
1467
+ height: 24
1468
+ }, props), _path$1y || (_path$1y = /*#__PURE__*/React.createElement("path", {
1469
+ fillRule: "evenodd",
1470
+ 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"
1471
+ })));
1472
+ };
1473
+
1474
+ var _path$1x;
1475
+ 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); }
1476
+ var SvgIconEditSmall = function SvgIconEditSmall(props) {
1477
+ return /*#__PURE__*/React.createElement("svg", _extends$1z({
1478
+ xmlns: "http://www.w3.org/2000/svg",
1479
+ width: 16,
1480
+ height: 16
1481
+ }, props), _path$1x || (_path$1x = /*#__PURE__*/React.createElement("path", {
1482
+ fillRule: "evenodd",
1483
+ 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"
1484
+ })));
1485
+ };
1486
+
1487
+ var _path$1w, _path2$q;
1488
+ 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); }
1489
+ var SvgIconEnvelopeSmall = function SvgIconEnvelopeSmall(props) {
1490
+ return /*#__PURE__*/React.createElement("svg", _extends$1y({
1491
+ xmlns: "http://www.w3.org/2000/svg",
1492
+ width: 16,
1493
+ height: 16
1494
+ }, props), _path$1w || (_path$1w = /*#__PURE__*/React.createElement("path", {
1495
+ 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"
1496
+ })), _path2$q || (_path2$q = /*#__PURE__*/React.createElement("path", {
1497
+ d: "M8.58 8.987 15.2 2H.8l6.62 6.987a.8.8 0 0 0 1.16 0"
1498
+ })));
1499
+ };
1500
+
1501
+ var _path$1v, _path2$p;
1502
+ 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); }
1503
+ var SvgIconExclamationMarkCircleLarge = function SvgIconExclamationMarkCircleLarge(props) {
1504
+ return /*#__PURE__*/React.createElement("svg", _extends$1x({
1505
+ xmlns: "http://www.w3.org/2000/svg",
1506
+ width: 24,
1507
+ height: 24
1508
+ }, props), _path$1v || (_path$1v = /*#__PURE__*/React.createElement("path", {
1509
+ fillRule: "evenodd",
1510
+ 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"
1511
+ })), _path2$p || (_path2$p = /*#__PURE__*/React.createElement("path", {
1512
+ fillRule: "evenodd",
1513
+ 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"
1514
+ })));
1515
+ };
1516
+
1517
+ var _path$1u;
1518
+ 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); }
1519
+ var SvgIconExclamationMarkCircleSmall = function SvgIconExclamationMarkCircleSmall(props) {
1520
+ return /*#__PURE__*/React.createElement("svg", _extends$1w({
1521
+ xmlns: "http://www.w3.org/2000/svg",
1522
+ width: 16,
1523
+ height: 16
1524
+ }, props), _path$1u || (_path$1u = /*#__PURE__*/React.createElement("path", {
1525
+ fillRule: "evenodd",
1526
+ 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"
1527
+ })));
1528
+ };
1529
+
1530
+ var _path$1t, _path2$o, _path3$4;
1531
+ 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); }
1532
+ var SvgIconExclamationMarkSpeechBubbleLarge = function SvgIconExclamationMarkSpeechBubbleLarge(props) {
1533
+ return /*#__PURE__*/React.createElement("svg", _extends$1v({
1534
+ xmlns: "http://www.w3.org/2000/svg",
1535
+ width: 24,
1536
+ height: 24
1537
+ }, props), _path$1t || (_path$1t = /*#__PURE__*/React.createElement("path", {
1538
+ d: "M10.931 9.436a1.036 1.036 0 0 0 2.073 0V2.782a1.036 1.036 0 0 0-2.073 0z"
1539
+ })), _path2$o || (_path2$o = /*#__PURE__*/React.createElement("path", {
1540
+ 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"
1541
+ })), _path3$4 || (_path3$4 = /*#__PURE__*/React.createElement("path", {
1542
+ 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"
1543
+ })));
1544
+ };
1545
+
1546
+ var _path$1s;
1547
+ 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); }
1548
+ var SvgIconEyeClosedSmall = function SvgIconEyeClosedSmall(props) {
1549
+ return /*#__PURE__*/React.createElement("svg", _extends$1u({
1550
+ xmlns: "http://www.w3.org/2000/svg",
1551
+ width: 16,
1552
+ height: 16
1553
+ }, props), _path$1s || (_path$1s = /*#__PURE__*/React.createElement("path", {
1554
+ fillRule: "evenodd",
1555
+ 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"
1556
+ })));
1557
+ };
1558
+
1559
+ var _path$1r, _path2$n;
1560
+ 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); }
1561
+ var SvgIconEyeOpenSmall = function SvgIconEyeOpenSmall(props) {
1562
+ return /*#__PURE__*/React.createElement("svg", _extends$1t({
1563
+ xmlns: "http://www.w3.org/2000/svg",
1564
+ width: 16,
1565
+ height: 16
1566
+ }, props), _path$1r || (_path$1r = /*#__PURE__*/React.createElement("path", {
1567
+ d: "M9.89 8a1.89 1.89 0 1 0-3.78 0 1.89 1.89 0 0 0 3.78 0"
1568
+ })), _path2$n || (_path2$n = /*#__PURE__*/React.createElement("path", {
1569
+ fillRule: "evenodd",
1570
+ 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"
1571
+ })));
1572
+ };
1573
+
1574
+ var _path$1q;
1575
+ 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); }
1576
+ var SvgIconFilterSmall = function SvgIconFilterSmall(props) {
1577
+ return /*#__PURE__*/React.createElement("svg", _extends$1s({
1578
+ xmlns: "http://www.w3.org/2000/svg",
1579
+ width: 16,
1580
+ height: 16
1581
+ }, props), _path$1q || (_path$1q = /*#__PURE__*/React.createElement("path", {
1582
+ 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"
1583
+ })));
1584
+ };
1585
+
1586
+ var _path$1p;
1587
+ 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); }
1588
+ var SvgIconFlagCheckSmall = function SvgIconFlagCheckSmall(props) {
1589
+ return /*#__PURE__*/React.createElement("svg", _extends$1r({
1590
+ xmlns: "http://www.w3.org/2000/svg",
1591
+ width: 16,
1592
+ height: 16
1593
+ }, props), _path$1p || (_path$1p = /*#__PURE__*/React.createElement("path", {
1594
+ fillRule: "evenodd",
1595
+ 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"
1596
+ })));
1597
+ };
1598
+
1599
+ var _path$1o;
1600
+ 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); }
1601
+ var SvgIconFlagOutlineSmall = function SvgIconFlagOutlineSmall(props) {
1602
+ return /*#__PURE__*/React.createElement("svg", _extends$1q({
1603
+ xmlns: "http://www.w3.org/2000/svg",
1604
+ width: 16,
1605
+ height: 16
1606
+ }, props), _path$1o || (_path$1o = /*#__PURE__*/React.createElement("path", {
1607
+ fillRule: "evenodd",
1608
+ 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"
1609
+ })));
1610
+ };
1611
+
1612
+ var _path$1n;
1613
+ 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); }
1614
+ var SvgIconFlagQuestionMarkSmall = function SvgIconFlagQuestionMarkSmall(props) {
1615
+ return /*#__PURE__*/React.createElement("svg", _extends$1p({
1616
+ xmlns: "http://www.w3.org/2000/svg",
1617
+ width: 16,
1618
+ height: 16
1619
+ }, props), _path$1n || (_path$1n = /*#__PURE__*/React.createElement("path", {
1620
+ fillRule: "evenodd",
1621
+ 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"
1622
+ })));
1623
+ };
1624
+
1625
+ var _path$1m;
1626
+ 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); }
1627
+ var SvgIconFlagXMarkSmall = function SvgIconFlagXMarkSmall(props) {
1628
+ return /*#__PURE__*/React.createElement("svg", _extends$1o({
1629
+ xmlns: "http://www.w3.org/2000/svg",
1630
+ width: 16,
1631
+ height: 16
1632
+ }, props), _path$1m || (_path$1m = /*#__PURE__*/React.createElement("path", {
1633
+ fillRule: "evenodd",
1634
+ 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"
1635
+ })));
1636
+ };
1637
+
1638
+ var _path$1l;
1639
+ 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); }
1640
+ var SvgIconFlaskLarge = function SvgIconFlaskLarge(props) {
1641
+ return /*#__PURE__*/React.createElement("svg", _extends$1n({
1642
+ xmlns: "http://www.w3.org/2000/svg",
1643
+ width: 24,
1644
+ height: 24
1645
+ }, props), _path$1l || (_path$1l = /*#__PURE__*/React.createElement("path", {
1646
+ fillRule: "evenodd",
1647
+ 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"
1648
+ })));
1649
+ };
1650
+
1651
+ var _path$1k, _path2$m;
1652
+ 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); }
1653
+ var SvgIconFlaskPrivateLarge = function SvgIconFlaskPrivateLarge(props) {
1654
+ return /*#__PURE__*/React.createElement("svg", _extends$1m({
1655
+ xmlns: "http://www.w3.org/2000/svg",
1656
+ width: 24,
1657
+ height: 24
1658
+ }, props), _path$1k || (_path$1k = /*#__PURE__*/React.createElement("path", {
1659
+ fill: "#CCC",
1660
+ fillRule: "evenodd",
1661
+ 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",
1662
+ clipRule: "evenodd"
1663
+ })), _path2$m || (_path2$m = /*#__PURE__*/React.createElement("path", {
1664
+ fillRule: "evenodd",
1665
+ 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",
1666
+ clipRule: "evenodd"
1667
+ })));
1668
+ };
1669
+
1670
+ var _path$1j, _path2$l;
1671
+ 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); }
1672
+ var SvgIconFlaskPublicLarge = function SvgIconFlaskPublicLarge(props) {
1673
+ return /*#__PURE__*/React.createElement("svg", _extends$1l({
1674
+ xmlns: "http://www.w3.org/2000/svg",
1675
+ width: 24,
1676
+ height: 24
1677
+ }, props), _path$1j || (_path$1j = /*#__PURE__*/React.createElement("path", {
1678
+ fill: "#CCC",
1679
+ fillRule: "evenodd",
1680
+ 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"
1681
+ })), _path2$l || (_path2$l = /*#__PURE__*/React.createElement("path", {
1682
+ fillRule: "evenodd",
1683
+ 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"
1684
+ })));
1685
+ };
1686
+
1687
+ var _path$1i;
1688
+ 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); }
1689
+ var SvgIconGearSmall = function SvgIconGearSmall(props) {
1690
+ return /*#__PURE__*/React.createElement("svg", _extends$1k({
1691
+ xmlns: "http://www.w3.org/2000/svg",
1692
+ width: 16,
1693
+ height: 16
1694
+ }, props), _path$1i || (_path$1i = /*#__PURE__*/React.createElement("path", {
1695
+ fillRule: "evenodd",
1696
+ 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"
1697
+ })));
1698
+ };
1699
+
1700
+ var _path$1h;
1701
+ 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); }
1702
+ var SvgIconGlobeBasicLarge = function SvgIconGlobeBasicLarge(props) {
1703
+ return /*#__PURE__*/React.createElement("svg", _extends$1j({
1704
+ xmlns: "http://www.w3.org/2000/svg",
1705
+ width: 24,
1706
+ height: 24
1707
+ }, props), _path$1h || (_path$1h = /*#__PURE__*/React.createElement("path", {
1708
+ fillRule: "evenodd",
1709
+ 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"
1710
+ })));
1711
+ };
1712
+
1713
+ var _path$1g;
1714
+ 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); }
1715
+ var SvgIconGlobeSmall = function SvgIconGlobeSmall(props) {
1716
+ return /*#__PURE__*/React.createElement("svg", _extends$1i({
1717
+ xmlns: "http://www.w3.org/2000/svg",
1718
+ width: 16,
1719
+ height: 16
1720
+ }, props), _path$1g || (_path$1g = /*#__PURE__*/React.createElement("path", {
1721
+ fillRule: "evenodd",
1722
+ 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"
1723
+ })));
1724
+ };
1725
+
1726
+ var _path$1f;
1727
+ 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); }
1728
+ var SvgIconGridLarge = function SvgIconGridLarge(props) {
1729
+ return /*#__PURE__*/React.createElement("svg", _extends$1h({
1730
+ xmlns: "http://www.w3.org/2000/svg",
1731
+ width: 24,
1732
+ height: 24
1733
+ }, props), _path$1f || (_path$1f = /*#__PURE__*/React.createElement("path", {
1734
+ fillRule: "evenodd",
1735
+ 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"
1736
+ })));
1737
+ };
1738
+
1739
+ var _path$1e, _path2$k;
1740
+ 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); }
1741
+ var SvgIconGridPrivateLarge = function SvgIconGridPrivateLarge(props) {
1742
+ return /*#__PURE__*/React.createElement("svg", _extends$1g({
1743
+ xmlns: "http://www.w3.org/2000/svg",
1744
+ width: 24,
1745
+ height: 24
1746
+ }, props), _path$1e || (_path$1e = /*#__PURE__*/React.createElement("path", {
1747
+ fill: "#CCC",
1748
+ fillRule: "evenodd",
1749
+ 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"
1750
+ })), _path2$k || (_path2$k = /*#__PURE__*/React.createElement("path", {
1751
+ fillRule: "evenodd",
1752
+ 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"
1753
+ })));
1754
+ };
1755
+
1756
+ var _path$1d, _path2$j;
1757
+ 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); }
1758
+ var SvgIconGridPublicLarge = function SvgIconGridPublicLarge(props) {
1759
+ return /*#__PURE__*/React.createElement("svg", _extends$1f({
1760
+ xmlns: "http://www.w3.org/2000/svg",
1761
+ width: 24,
1762
+ height: 24
1763
+ }, props), _path$1d || (_path$1d = /*#__PURE__*/React.createElement("path", {
1764
+ fill: "#CCC",
1765
+ fillRule: "evenodd",
1766
+ 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"
1767
+ })), _path2$j || (_path2$j = /*#__PURE__*/React.createElement("path", {
1768
+ fillRule: "evenodd",
1769
+ 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"
1770
+ })));
1771
+ };
1772
+
1773
+ var _path$1c;
1774
+ 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); }
1775
+ var SvgIconGridDots3Large = function SvgIconGridDots3Large(props) {
1776
+ return /*#__PURE__*/React.createElement("svg", _extends$1e({
1777
+ xmlns: "http://www.w3.org/2000/svg",
1778
+ width: 24,
1779
+ height: 24
1780
+ }, props), _path$1c || (_path$1c = /*#__PURE__*/React.createElement("path", {
1781
+ fillRule: "evenodd",
1782
+ 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"
1783
+ })));
1784
+ };
1785
+
1786
+ var _path$1b;
1787
+ 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); }
1788
+ var SvgIconHouseSmall = function SvgIconHouseSmall(props) {
1789
+ return /*#__PURE__*/React.createElement("svg", _extends$1d({
1790
+ xmlns: "http://www.w3.org/2000/svg",
1791
+ width: 16,
1792
+ height: 16
1793
+ }, props), _path$1b || (_path$1b = /*#__PURE__*/React.createElement("path", {
1794
+ 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"
1795
+ })));
1796
+ };
1797
+
1798
+ var _path$1a, _path2$i;
1799
+ 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); }
1800
+ var SvgIconInfoCircleLarge = function SvgIconInfoCircleLarge(props) {
1801
+ return /*#__PURE__*/React.createElement("svg", _extends$1c({
1802
+ xmlns: "http://www.w3.org/2000/svg",
1803
+ width: 24,
1804
+ height: 24
1805
+ }, props), _path$1a || (_path$1a = /*#__PURE__*/React.createElement("path", {
1806
+ fillRule: "evenodd",
1807
+ 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"
1808
+ })), _path2$i || (_path2$i = /*#__PURE__*/React.createElement("path", {
1809
+ fillRule: "evenodd",
1810
+ 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"
1811
+ })));
1812
+ };
1813
+
1814
+ var _path$19;
1815
+ 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); }
1816
+ var SvgIconInfoCircleSmall = function SvgIconInfoCircleSmall(props) {
1817
+ return /*#__PURE__*/React.createElement("svg", _extends$1b({
1818
+ xmlns: "http://www.w3.org/2000/svg",
1819
+ width: 16,
1820
+ height: 16
1821
+ }, props), _path$19 || (_path$19 = /*#__PURE__*/React.createElement("path", {
1822
+ fillRule: "evenodd",
1823
+ 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"
1824
+ })));
1825
+ };
1826
+
1827
+ var _path$18;
1828
+ 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); }
1829
+ var SvgIconInfoSpeechBubbleLarge = function SvgIconInfoSpeechBubbleLarge(props) {
1830
+ return /*#__PURE__*/React.createElement("svg", _extends$1a({
1831
+ xmlns: "http://www.w3.org/2000/svg",
1832
+ width: 24,
1833
+ height: 24
1834
+ }, props), _path$18 || (_path$18 = /*#__PURE__*/React.createElement("path", {
1835
+ fillRule: "evenodd",
1836
+ 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"
1837
+ })));
1838
+ };
1839
+
1840
+ var _path$17;
1841
+ 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); }
1842
+ var SvgIconLifeRingSmall = function SvgIconLifeRingSmall(props) {
1843
+ return /*#__PURE__*/React.createElement("svg", _extends$19({
1844
+ xmlns: "http://www.w3.org/2000/svg",
1845
+ width: 16,
1846
+ height: 16
1847
+ }, props), _path$17 || (_path$17 = /*#__PURE__*/React.createElement("path", {
1848
+ fillRule: "evenodd",
1849
+ 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"
1850
+ })));
1851
+ };
1852
+
1853
+ var _path$16, _path2$h;
1854
+ 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); }
1855
+ var SvgIconLightBulbLarge = function SvgIconLightBulbLarge(props) {
1856
+ return /*#__PURE__*/React.createElement("svg", _extends$18({
1857
+ xmlns: "http://www.w3.org/2000/svg",
1858
+ width: 24,
1859
+ height: 24
1860
+ }, props), _path$16 || (_path$16 = /*#__PURE__*/React.createElement("path", {
1861
+ fillRule: "evenodd",
1862
+ 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"
1863
+ })), _path2$h || (_path2$h = /*#__PURE__*/React.createElement("path", {
1864
+ 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"
1865
+ })));
1866
+ };
1867
+
1868
+ var _path$15;
1869
+ 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); }
1870
+ var SvgIconLightBulbSmall = function SvgIconLightBulbSmall(props) {
1871
+ return /*#__PURE__*/React.createElement("svg", _extends$17({
1872
+ xmlns: "http://www.w3.org/2000/svg",
1873
+ width: 16,
1874
+ height: 16
1875
+ }, props), _path$15 || (_path$15 = /*#__PURE__*/React.createElement("path", {
1876
+ fillRule: "evenodd",
1877
+ 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"
1878
+ })));
1879
+ };
1880
+
1881
+ var _path$14;
1882
+ 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); }
1883
+ var SvgIconLinesDashed3Solid1Small = function SvgIconLinesDashed3Solid1Small(props) {
1884
+ return /*#__PURE__*/React.createElement("svg", _extends$16({
1885
+ xmlns: "http://www.w3.org/2000/svg",
1886
+ width: 16,
1887
+ height: 16
1888
+ }, props), _path$14 || (_path$14 = /*#__PURE__*/React.createElement("path", {
1889
+ 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"
1890
+ })));
1891
+ };
1892
+
1893
+ var _path$13;
1894
+ 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); }
1895
+ var SvgIconLinesHorizontal3Large = function SvgIconLinesHorizontal3Large(props) {
1896
+ return /*#__PURE__*/React.createElement("svg", _extends$15({
1897
+ xmlns: "http://www.w3.org/2000/svg",
1898
+ width: 24,
1899
+ height: 24
1900
+ }, props), _path$13 || (_path$13 = /*#__PURE__*/React.createElement("path", {
1901
+ fillRule: "evenodd",
1902
+ 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"
1903
+ })));
1904
+ };
1905
+
1906
+ var _path$12;
1907
+ 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); }
1908
+ var SvgIconLinesHorizontal3Small = function SvgIconLinesHorizontal3Small(props) {
1909
+ return /*#__PURE__*/React.createElement("svg", _extends$14({
1910
+ xmlns: "http://www.w3.org/2000/svg",
1911
+ width: 16,
1912
+ height: 16
1913
+ }, props), _path$12 || (_path$12 = /*#__PURE__*/React.createElement("path", {
1914
+ fillRule: "evenodd",
1915
+ 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"
1916
+ })));
1917
+ };
1918
+
1919
+ var _path$11;
1920
+ 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); }
1921
+ var SvgIconLinkSmall = function SvgIconLinkSmall(props) {
1922
+ return /*#__PURE__*/React.createElement("svg", _extends$13({
1923
+ xmlns: "http://www.w3.org/2000/svg",
1924
+ width: 16,
1925
+ height: 16
1926
+ }, props), _path$11 || (_path$11 = /*#__PURE__*/React.createElement("path", {
1927
+ fillRule: "evenodd",
1928
+ 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"
1929
+ })));
1930
+ };
1931
+
1932
+ var _path$10;
1933
+ 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); }
1934
+ var SvgIconListSmall = function SvgIconListSmall(props) {
1935
+ return /*#__PURE__*/React.createElement("svg", _extends$12({
1936
+ xmlns: "http://www.w3.org/2000/svg",
1937
+ width: 16,
1938
+ height: 16
1939
+ }, props), _path$10 || (_path$10 = /*#__PURE__*/React.createElement("path", {
1940
+ fillRule: "evenodd",
1941
+ 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"
1942
+ })));
1943
+ };
1944
+
1945
+ 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;
1946
+ 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); }
1947
+ var SvgIconLoadingLarge = function SvgIconLoadingLarge(props) {
1948
+ return /*#__PURE__*/React.createElement("svg", _extends$11({
1949
+ xmlns: "http://www.w3.org/2000/svg",
1950
+ width: 24,
1951
+ height: 24
1952
+ }, props), /*#__PURE__*/React.createElement("path", {
1953
+ d: "M13.867 20.178a.96.96 0 0 1-.963.958.96.96 0 0 1-.964-.958c0-.531.432-.965.964-.965s.963.434.963.965",
1954
+ style: {
1955
+ opacity: 0.01
1956
+ }
1957
+ }, _animateTransform$1 || (_animateTransform$1 = /*#__PURE__*/React.createElement("animateTransform", {
1958
+ attributeName: "transform",
1959
+ dur: "2s",
1960
+ from: "0 12 12",
1961
+ repeatCount: "indefinite",
1962
+ to: "360 12 12",
1963
+ type: "rotate"
1964
+ })), _animate$1 || (_animate$1 = /*#__PURE__*/React.createElement("animate", {
1965
+ attributeName: "opacity",
1966
+ begin: 0,
1967
+ dur: "1.8s",
1968
+ repeatCount: "indefinite",
1969
+ values: "1;1;1;1;0;0;0;0;0;"
1970
+ }))), /*#__PURE__*/React.createElement("path", {
1971
+ d: "M10 19.438c0 .687-.554 1.237-1.238 1.237-.687 0-1.244-.55-1.244-1.237 0-.686.557-1.245 1.244-1.245.684 0 1.238.559 1.238 1.245",
1972
+ style: {
1973
+ opacity: 0.01
1974
+ }
1975
+ }, _animateTransform2$1 || (_animateTransform2$1 = /*#__PURE__*/React.createElement("animateTransform", {
1976
+ attributeName: "transform",
1977
+ dur: "2s",
1978
+ from: "0 12 12",
1979
+ repeatCount: "indefinite",
1980
+ to: "360 12 12",
1981
+ type: "rotate"
1982
+ })), _animate2$1 || (_animate2$1 = /*#__PURE__*/React.createElement("animate", {
1983
+ attributeName: "opacity",
1984
+ begin: 0.1,
1985
+ dur: "1.8s",
1986
+ repeatCount: "indefinite",
1987
+ values: "1;1;1;1;0;0;0;0;0;"
1988
+ }))), /*#__PURE__*/React.createElement("path", {
1989
+ d: "M6.697 16.648a1.363 1.363 0 1 1-2.723 0 1.362 1.362 0 1 1 2.723 0",
1990
+ style: {
1991
+ opacity: 0.01
1992
+ }
1993
+ }, _animateTransform3$1 || (_animateTransform3$1 = /*#__PURE__*/React.createElement("animateTransform", {
1994
+ attributeName: "transform",
1995
+ dur: "2s",
1996
+ from: "0 12 12",
1997
+ repeatCount: "indefinite",
1998
+ to: "360 12 12",
1999
+ type: "rotate"
2000
+ })), _animate3$1 || (_animate3$1 = /*#__PURE__*/React.createElement("animate", {
2001
+ attributeName: "opacity",
2002
+ begin: 0.2,
2003
+ dur: "1.8s",
2004
+ repeatCount: "indefinite",
2005
+ values: "1;1;1;1;0;0;0;0;0;"
2006
+ }))), /*#__PURE__*/React.createElement("path", {
2007
+ d: "M5.548 12.057a1.523 1.523 0 1 1-1.523-1.523c.842 0 1.523.68 1.523 1.523",
2008
+ style: {
2009
+ opacity: 0.01
2010
+ }
2011
+ }, _animateTransform4$1 || (_animateTransform4$1 = /*#__PURE__*/React.createElement("animateTransform", {
2012
+ attributeName: "transform",
2013
+ dur: "2s",
2014
+ from: "0 12 12",
2015
+ repeatCount: "indefinite",
2016
+ to: "360 12 12",
2017
+ type: "rotate"
2018
+ })), _animate4$1 || (_animate4$1 = /*#__PURE__*/React.createElement("animate", {
2019
+ attributeName: "opacity",
2020
+ begin: 0.3,
2021
+ dur: "1.8s",
2022
+ repeatCount: "indefinite",
2023
+ values: "1;1;1;1;0;0;0;0;0;"
2024
+ }))), /*#__PURE__*/React.createElement("path", {
2025
+ d: "M7.808 6.957c0 .93-.756 1.681-1.687 1.681a1.68 1.68 0 0 1-1.682-1.681c0-.927.753-1.687 1.682-1.687.931 0 1.687.76 1.687 1.687",
2026
+ style: {
2027
+ opacity: 0.01
2028
+ }
2029
+ }, _animateTransform5$1 || (_animateTransform5$1 = /*#__PURE__*/React.createElement("animateTransform", {
2030
+ attributeName: "transform",
2031
+ dur: "2s",
2032
+ from: "0 12 12",
2033
+ repeatCount: "indefinite",
2034
+ to: "360 12 12",
2035
+ type: "rotate"
2036
+ })), _animate5$1 || (_animate5$1 = /*#__PURE__*/React.createElement("animate", {
2037
+ attributeName: "opacity",
2038
+ begin: 0.4,
2039
+ dur: "1.8s",
2040
+ repeatCount: "indefinite",
2041
+ values: "1;1;1;1;0;0;0;0;0;"
2042
+ }))), /*#__PURE__*/React.createElement("path", {
2043
+ d: "M13.154 4.626c0 .977-.786 1.762-1.763 1.762A1.757 1.757 0 0 1 9.63 4.626c0-.974.785-1.761 1.761-1.761.977 0 1.763.787 1.763 1.761",
2044
+ style: {
2045
+ opacity: 0.01
2046
+ }
2047
+ }, _animateTransform6$1 || (_animateTransform6$1 = /*#__PURE__*/React.createElement("animateTransform", {
2048
+ attributeName: "transform",
2049
+ dur: "2s",
2050
+ from: "0 12 12",
2051
+ repeatCount: "indefinite",
2052
+ to: "360 12 12",
2053
+ type: "rotate"
2054
+ })), _animate6$1 || (_animate6$1 = /*#__PURE__*/React.createElement("animate", {
2055
+ attributeName: "opacity",
2056
+ begin: 0.5,
2057
+ dur: "1.8s",
2058
+ repeatCount: "indefinite",
2059
+ values: "1;1;1;1;0;0;0;0;0;"
2060
+ }))), /*#__PURE__*/React.createElement("path", {
2061
+ d: "M19.08 6.842a1.843 1.843 0 1 1-3.686-.002 1.843 1.843 0 0 1 3.686.002",
2062
+ style: {
2063
+ opacity: 0.01
2064
+ }
2065
+ }, _animateTransform7$1 || (_animateTransform7$1 = /*#__PURE__*/React.createElement("animateTransform", {
2066
+ attributeName: "transform",
2067
+ dur: "2s",
2068
+ from: "0 12 12",
2069
+ repeatCount: "indefinite",
2070
+ to: "360 12 12",
2071
+ type: "rotate"
2072
+ })), _animate7$1 || (_animate7$1 = /*#__PURE__*/React.createElement("animate", {
2073
+ attributeName: "opacity",
2074
+ begin: 0.6,
2075
+ dur: "1.8s",
2076
+ repeatCount: "indefinite",
2077
+ values: "1;1;1;1;0;0;0;0;0;"
2078
+ }))), /*#__PURE__*/React.createElement("path", {
2079
+ d: "M21.5 12.282a1.923 1.923 0 1 1-3.846 0 1.923 1.923 0 0 1 3.846 0",
2080
+ style: {
2081
+ opacity: 0.01
2082
+ }
2083
+ }, _animateTransform8$1 || (_animateTransform8$1 = /*#__PURE__*/React.createElement("animateTransform", {
2084
+ attributeName: "transform",
2085
+ dur: "2s",
2086
+ from: "0 12 12",
2087
+ repeatCount: "indefinite",
2088
+ to: "360 12 12",
2089
+ type: "rotate"
2090
+ })), _animate8$1 || (_animate8$1 = /*#__PURE__*/React.createElement("animate", {
2091
+ attributeName: "opacity",
2092
+ begin: 0.7,
2093
+ dur: "1.8s",
2094
+ repeatCount: "indefinite",
2095
+ values: "1;1;1;1;0;0;0;0;0;"
2096
+ }))), /*#__PURE__*/React.createElement("path", {
2097
+ d: "M19.098 17.819a2.084 2.084 0 0 1-4.171 0 2.086 2.086 0 0 1 4.171 0",
2098
+ style: {
2099
+ opacity: 0.01
2100
+ }
2101
+ }, _animateTransform9$1 || (_animateTransform9$1 = /*#__PURE__*/React.createElement("animateTransform", {
2102
+ attributeName: "transform",
2103
+ dur: "2s",
2104
+ from: "0 12 12",
2105
+ repeatCount: "indefinite",
2106
+ to: "360 12 12",
2107
+ type: "rotate"
2108
+ })), _animate9$1 || (_animate9$1 = /*#__PURE__*/React.createElement("animate", {
2109
+ attributeName: "opacity",
2110
+ begin: 0.8,
2111
+ dur: "1.8s",
2112
+ repeatCount: "indefinite",
2113
+ values: "1;1;1;1;0;0;0;0;0;"
2114
+ }))));
2115
+ };
2116
+
2117
+ var _animateTransform, _animate, _animateTransform2, _animate2, _animateTransform3, _animate3, _animateTransform4, _animate4, _animateTransform5, _animate5, _animateTransform6, _animate6, _animateTransform7, _animate7, _animateTransform8, _animate8, _animateTransform9, _animate9;
2118
+ 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); }
2119
+ var SvgIconLoadingSmall = function SvgIconLoadingSmall(props) {
2120
+ return /*#__PURE__*/React.createElement("svg", _extends$10({
2121
+ xmlns: "http://www.w3.org/2000/svg",
2122
+ width: 16,
2123
+ height: 16
2124
+ }, props), /*#__PURE__*/React.createElement("path", {
2125
+ d: "M9.18 13.165a.607.607 0 0 1-.61.605.605.605 0 0 1-.608-.605.61.61 0 0 1 1.218 0",
2126
+ style: {
2127
+ opacity: 0.01
2128
+ }
2129
+ }, _animateTransform || (_animateTransform = /*#__PURE__*/React.createElement("animateTransform", {
2130
+ attributeName: "transform",
2131
+ dur: "2s",
2132
+ from: "0 8 8",
2133
+ repeatCount: "indefinite",
2134
+ to: "360 8 8",
2135
+ type: "rotate"
2136
+ })), _animate || (_animate = /*#__PURE__*/React.createElement("animate", {
2137
+ attributeName: "opacity",
2138
+ begin: 0,
2139
+ dur: "1.8s",
2140
+ repeatCount: "indefinite",
2141
+ values: "1;1;1;1;0;0;0;0;0;"
2142
+ }))), /*#__PURE__*/React.createElement("path", {
2143
+ d: "M6.737 12.697a.783.783 0 1 1-1.57-.003.783.783 0 0 1 1.57.003",
2144
+ style: {
2145
+ opacity: 0.01
2146
+ }
2147
+ }, _animateTransform2 || (_animateTransform2 = /*#__PURE__*/React.createElement("animateTransform", {
2148
+ attributeName: "transform",
2149
+ dur: "2s",
2150
+ from: "0 8 8",
2151
+ repeatCount: "indefinite",
2152
+ to: "360 8 8",
2153
+ type: "rotate"
2154
+ })), _animate2 || (_animate2 = /*#__PURE__*/React.createElement("animate", {
2155
+ attributeName: "opacity",
2156
+ begin: 0.1,
2157
+ dur: "1.8s",
2158
+ repeatCount: "indefinite",
2159
+ values: "1;1;1;1;0;0;0;0;0;"
2160
+ }))), /*#__PURE__*/React.createElement("path", {
2161
+ d: "M4.65 10.936a.86.86 0 1 1-1.72 0 .86.86 0 1 1 1.72 0",
2162
+ style: {
2163
+ opacity: 0.01
2164
+ }
2165
+ }, _animateTransform3 || (_animateTransform3 = /*#__PURE__*/React.createElement("animateTransform", {
2166
+ attributeName: "transform",
2167
+ dur: "2s",
2168
+ from: "0 8 8",
2169
+ repeatCount: "indefinite",
2170
+ to: "360 8 8",
2171
+ type: "rotate"
2172
+ })), _animate3 || (_animate3 = /*#__PURE__*/React.createElement("animate", {
2173
+ attributeName: "opacity",
2174
+ begin: 0.2,
2175
+ dur: "1.8s",
2176
+ repeatCount: "indefinite",
2177
+ values: "1;1;1;1;0;0;0;0;0;"
2178
+ }))), /*#__PURE__*/React.createElement("path", {
2179
+ d: "M3.925 8.036a.962.962 0 1 1-1.927 0 .962.962 0 0 1 1.927 0",
2180
+ style: {
2181
+ opacity: 0.01
2182
+ }
2183
+ }, _animateTransform4 || (_animateTransform4 = /*#__PURE__*/React.createElement("animateTransform", {
2184
+ attributeName: "transform",
2185
+ dur: "2s",
2186
+ from: "0 8 8",
2187
+ repeatCount: "indefinite",
2188
+ to: "360 8 8",
2189
+ type: "rotate"
2190
+ })), _animate4 || (_animate4 = /*#__PURE__*/React.createElement("animate", {
2191
+ attributeName: "opacity",
2192
+ begin: 0.3,
2193
+ dur: "1.8s",
2194
+ repeatCount: "indefinite",
2195
+ values: "1;1;1;1;0;0;0;0;0;"
2196
+ }))), /*#__PURE__*/React.createElement("path", {
2197
+ d: "M5.352 4.816c0 .588-.477 1.061-1.065 1.061a1.065 1.065 0 0 1 0-2.127c.588 0 1.065.479 1.065 1.066",
2198
+ style: {
2199
+ opacity: 0.01
2200
+ }
2201
+ }, _animateTransform5 || (_animateTransform5 = /*#__PURE__*/React.createElement("animateTransform", {
2202
+ attributeName: "transform",
2203
+ dur: "2s",
2204
+ from: "0 8 8",
2205
+ repeatCount: "indefinite",
2206
+ to: "360 8 8",
2207
+ type: "rotate"
2208
+ })), _animate5 || (_animate5 = /*#__PURE__*/React.createElement("animate", {
2209
+ attributeName: "opacity",
2210
+ begin: 0.4,
2211
+ dur: "1.8s",
2212
+ repeatCount: "indefinite",
2213
+ values: "1;1;1;1;0;0;0;0;0;"
2214
+ }))), /*#__PURE__*/React.createElement("path", {
2215
+ d: "M8.729 3.343a1.11 1.11 0 0 1-1.113 1.114 1.11 1.11 0 0 1-1.112-1.114 1.11 1.11 0 0 1 1.112-1.112c.617 0 1.113.498 1.113 1.112",
2216
+ style: {
2217
+ opacity: 0.01
2218
+ }
2219
+ }, _animateTransform6 || (_animateTransform6 = /*#__PURE__*/React.createElement("animateTransform", {
2220
+ attributeName: "transform",
2221
+ dur: "2s",
2222
+ from: "0 8 8",
2223
+ repeatCount: "indefinite",
2224
+ to: "360 8 8",
2225
+ type: "rotate"
2226
+ })), _animate6 || (_animate6 = /*#__PURE__*/React.createElement("animate", {
2227
+ attributeName: "opacity",
2228
+ begin: 0.5,
2229
+ dur: "1.8s",
2230
+ repeatCount: "indefinite",
2231
+ values: "1;1;1;1;0;0;0;0;0;"
2232
+ }))), /*#__PURE__*/React.createElement("path", {
2233
+ d: "M12.471 4.743a1.165 1.165 0 1 1-2.33-.001 1.165 1.165 0 0 1 2.33.001",
2234
+ style: {
2235
+ opacity: 0.01
2236
+ }
2237
+ }, _animateTransform7 || (_animateTransform7 = /*#__PURE__*/React.createElement("animateTransform", {
2238
+ attributeName: "transform",
2239
+ dur: "2s",
2240
+ from: "0 8 8",
2241
+ repeatCount: "indefinite",
2242
+ to: "360 8 8",
2243
+ type: "rotate"
2244
+ })), _animate7 || (_animate7 = /*#__PURE__*/React.createElement("animate", {
2245
+ attributeName: "opacity",
2246
+ begin: 0.6,
2247
+ dur: "1.8s",
2248
+ repeatCount: "indefinite",
2249
+ values: "1;1;1;1;0;0;0;0;0;"
2250
+ }))), /*#__PURE__*/React.createElement("path", {
2251
+ d: "M14 8.178a1.22 1.22 0 0 1-1.216 1.217 1.217 1.217 0 0 1 0-2.431c.669 0 1.216.543 1.216 1.214",
2252
+ style: {
2253
+ opacity: 0.01
2254
+ }
2255
+ }, _animateTransform8 || (_animateTransform8 = /*#__PURE__*/React.createElement("animateTransform", {
2256
+ attributeName: "transform",
2257
+ dur: "2s",
2258
+ from: "0 8 8",
2259
+ repeatCount: "indefinite",
2260
+ to: "360 8 8",
2261
+ type: "rotate"
2262
+ })), _animate8 || (_animate8 = /*#__PURE__*/React.createElement("animate", {
2263
+ attributeName: "opacity",
2264
+ begin: 0.7,
2265
+ dur: "1.8s",
2266
+ repeatCount: "indefinite",
2267
+ values: "1;1;1;1;0;0;0;0;0;"
2268
+ }))), /*#__PURE__*/React.createElement("path", {
2269
+ d: "M12.481 11.675a1.316 1.316 0 1 1-2.632-.002 1.316 1.316 0 0 1 2.632.002",
2270
+ style: {
2271
+ opacity: 0.01
2272
+ }
2273
+ }, _animateTransform9 || (_animateTransform9 = /*#__PURE__*/React.createElement("animateTransform", {
2274
+ attributeName: "transform",
2275
+ dur: "2s",
2276
+ from: "0 8 8",
2277
+ repeatCount: "indefinite",
2278
+ to: "360 8 8",
2279
+ type: "rotate"
2280
+ })), _animate9 || (_animate9 = /*#__PURE__*/React.createElement("animate", {
2281
+ attributeName: "opacity",
2282
+ begin: 0.8,
2283
+ dur: "1.8s",
2284
+ repeatCount: "indefinite",
2285
+ values: "1;1;1;1;0;0;0;0;0;"
2286
+ }))));
2287
+ };
2288
+
2289
+ var _path$$, _path2$g;
2290
+ 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); }
2291
+ var SvgIconLockCircleSmall = function SvgIconLockCircleSmall(props) {
2292
+ return /*#__PURE__*/React.createElement("svg", _extends$$({
2293
+ xmlns: "http://www.w3.org/2000/svg",
2294
+ width: 16,
2295
+ height: 16
2296
+ }, props), _path$$ || (_path$$ = /*#__PURE__*/React.createElement("path", {
2297
+ 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"
2298
+ })), _path2$g || (_path2$g = /*#__PURE__*/React.createElement("path", {
2299
+ fillRule: "evenodd",
2300
+ 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"
2301
+ })));
2302
+ };
2303
+
2304
+ var _path$_;
2305
+ 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); }
2306
+ var SvgIconLockLarge = function SvgIconLockLarge(props) {
2307
+ return /*#__PURE__*/React.createElement("svg", _extends$_({
2308
+ xmlns: "http://www.w3.org/2000/svg",
2309
+ width: 24,
2310
+ height: 24
2311
+ }, props), _path$_ || (_path$_ = /*#__PURE__*/React.createElement("path", {
2312
+ fillRule: "evenodd",
2313
+ 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"
2314
+ })));
2315
+ };
2316
+
2317
+ var _path$Z;
2318
+ 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); }
2319
+ var SvgIconLockSmall = function SvgIconLockSmall(props) {
2320
+ return /*#__PURE__*/React.createElement("svg", _extends$Z({
2321
+ xmlns: "http://www.w3.org/2000/svg",
2322
+ width: 16,
2323
+ height: 16
2324
+ }, props), _path$Z || (_path$Z = /*#__PURE__*/React.createElement("path", {
2325
+ fillRule: "evenodd",
2326
+ 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"
2327
+ })));
2328
+ };
2329
+
2330
+ var _path$Y;
2331
+ 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); }
2332
+ var SvgIconMinusSmall = function SvgIconMinusSmall(props) {
2333
+ return /*#__PURE__*/React.createElement("svg", _extends$Y({
2334
+ xmlns: "http://www.w3.org/2000/svg",
2335
+ width: 16,
2336
+ height: 16
2337
+ }, props), _path$Y || (_path$Y = /*#__PURE__*/React.createElement("path", {
2338
+ 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"
2339
+ })));
2340
+ };
2341
+
2342
+ var _path$X;
2343
+ 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); }
2344
+ var SvgIconOpenSmall = function SvgIconOpenSmall(props) {
2345
+ return /*#__PURE__*/React.createElement("svg", _extends$X({
2346
+ xmlns: "http://www.w3.org/2000/svg",
2347
+ width: 16,
2348
+ height: 16
2349
+ }, props), _path$X || (_path$X = /*#__PURE__*/React.createElement("path", {
2350
+ fillRule: "evenodd",
2351
+ 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"
2352
+ })));
2353
+ };
2354
+
2355
+ var _path$W;
2356
+ 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); }
2357
+ var SvgIconPeopleLarge = function SvgIconPeopleLarge(props) {
2358
+ return /*#__PURE__*/React.createElement("svg", _extends$W({
2359
+ xmlns: "http://www.w3.org/2000/svg",
2360
+ width: 24,
2361
+ height: 24
2362
+ }, props), _path$W || (_path$W = /*#__PURE__*/React.createElement("path", {
2363
+ fillRule: "evenodd",
2364
+ d: "M11.393 12.325a.8.8 0 0 1 .739-.264 5.06 5.06 0 0 1 3.349 2.163c.479.38 1.168.64 1.821.69.154.023.207.034.368.034.162-.008.132-.006.362-.033.835-.066 1.735-.469 2.17-1.034a.81.81 0 0 1 .844-.29C22.76 14.039 24 15.7 24 17.547v1.582a2.364 2.364 0 0 1-2.374 2.374H2.374A2.364 2.364 0 0 1 0 19.129V17.1a5.07 5.07 0 0 1 4.22-5.012.78.78 0 0 1 .738.264 4.2 4.2 0 0 0 3.218 1.503c1.24 0 2.426-.553 3.217-1.53m9.653 2.98c-.863.79-2.16 1.249-3.379 1.209a4.9 4.9 0 0 1-1.37-.16c.033.236.055.474.055.718v2.057c0 .279-.05.544-.136.791h5.41a.777.777 0 0 0 .792-.79v-1.583c0-.95-.58-1.847-1.372-2.242M4.088 13.723a3.48 3.48 0 0 0-2.506 3.349v2.057c0 .448.343.791.792.791h11.604a.777.777 0 0 0 .791-.79v-2.032a3.48 3.48 0 0 0-2.505-3.35 5.74 5.74 0 0 1-4.088 1.689 5.66 5.66 0 0 1-4.088-1.714M17.67 6.654a3.42 3.42 0 0 1 3.429 3.429v.185a3.42 3.42 0 0 1-3.429 3.428 3.44 3.44 0 0 1-3.428-3.428v-.185a3.42 3.42 0 0 1 3.428-3.429m0 1.556a1.835 1.835 0 0 0-1.846 1.847v.184c0 1.029.818 1.846 1.846 1.846a1.835 1.835 0 0 0 1.846-1.846v-.184A1.835 1.835 0 0 0 17.67 8.21M8.176 2.25a4.76 4.76 0 0 1 4.747 4.747 4.76 4.76 0 0 1-4.747 4.748 4.76 4.76 0 0 1-4.747-4.748A4.76 4.76 0 0 1 8.176 2.25m0 1.582A3.174 3.174 0 0 0 5.01 6.997a3.174 3.174 0 0 0 3.165 3.165 3.174 3.174 0 0 0 3.165-3.165 3.174 3.174 0 0 0-3.165-3.165Z"
2365
+ })));
2366
+ };
2367
+
2368
+ var _path$V;
2369
+ 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); }
2370
+ var SvgIconPeopleSmall = function SvgIconPeopleSmall(props) {
2371
+ return /*#__PURE__*/React.createElement("svg", _extends$V({
2372
+ xmlns: "http://www.w3.org/2000/svg",
2373
+ width: 16,
2374
+ height: 16
2375
+ }, props), _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
2376
+ fillRule: "evenodd",
2377
+ d: "m7.999 8.817.089.01.03.005.026.01-.096-.02a3.4 3.4 0 0 1 2.813 3.363v1.353c0 .816-.604 1.48-1.393 1.572l-.15.01H1.583a1.574 1.574 0 0 1-1.575-1.428L0 13.538v-1.353a3.38 3.38 0 0 1 2.813-3.341l.095-.009a.52.52 0 0 1 .397.185l.079.09-.079-.09a2.75 2.75 0 0 0 1.114.804 3 3 0 0 0 .511.149l.091.016.02.003a2.76 2.76 0 0 0 2.554-.99.53.53 0 0 1 .493-.176zm5.927 1.013.105.016c1.143.299 1.969 1.407 1.969 2.637v1.055c0 .88-.703 1.583-1.582 1.583H12.17c.26-.47.405-1.01.405-1.583v-1.353l-.006-.248a5.1 5.1 0 0 0-.22-1.26c.45-.101.885-.334 1.118-.637a.54.54 0 0 1 .563-.194l-.105-.016ZM5.45 7.758a3.174 3.174 0 0 0 3.164-3.165A3.174 3.174 0 0 0 5.451 1.43a3.174 3.174 0 0 0-3.165 3.164A3.174 3.174 0 0 0 5.45 7.758m6.33 1.016a2.28 2.28 0 0 0 2.285-2.286v-.123a2.28 2.28 0 0 0-2.286-2.286 2.28 2.28 0 0 0-2.285 2.286v.123a2.29 2.29 0 0 0 2.285 2.286Z"
2378
+ })));
2379
+ };
2380
+
2381
+ var _path$U;
2382
+ 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); }
2383
+ var SvgIconPercentageSmall = function SvgIconPercentageSmall(props) {
2384
+ return /*#__PURE__*/React.createElement("svg", _extends$U({
2385
+ xmlns: "http://www.w3.org/2000/svg",
2386
+ width: 16,
2387
+ height: 16
2388
+ }, props), _path$U || (_path$U = /*#__PURE__*/React.createElement("path", {
2389
+ d: "m14.021 2.383-.404-.404a1.143 1.143 0 0 0-1.616 0L1.979 12a1.143 1.143 0 0 0 0 1.616l.404.404c.446.447 1.17.447 1.616 0L14.021 4a1.143 1.143 0 0 0 0-1.616Zm-1.477 11.876a1.714 1.714 0 1 0 0-3.428 1.714 1.714 0 0 0 0 3.428m-7.371-10.8a1.714 1.714 0 1 1-3.429 0 1.714 1.714 0 0 1 3.43 0Z"
2390
+ })));
2391
+ };
2392
+
2393
+ var _path$T;
2394
+ 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); }
2395
+ var SvgIconPersonLarge = function SvgIconPersonLarge(props) {
2396
+ return /*#__PURE__*/React.createElement("svg", _extends$T({
2397
+ xmlns: "http://www.w3.org/2000/svg",
2398
+ width: 24,
2399
+ height: 24
2400
+ }, props), _path$T || (_path$T = /*#__PURE__*/React.createElement("path", {
2401
+ d: "M20.175 17.1c0-2.475-1.8-4.575-4.2-5.025-.3-.075-.525.075-.75.3a4.13 4.13 0 0 1-3.225 1.5c-1.275 0-2.4-.525-3.225-1.5-.15-.225-.45-.3-.75-.3a5.07 5.07 0 0 0-4.2 5.025v2.175c0 .182.035.396.075.525.3.975 1.2 1.725 2.25 1.725h11.625c1.05 0 2.1-.525 2.325-1.725.056-.3.075-.345.075-.525 0-.826-.03-1.35 0-2.175M18.6 19.125c0 .45-.375.825-.825.825H6.225a.83.83 0 0 1-.825-.825V17.1a3.56 3.56 0 0 1 2.475-3.375c.9.9 2.025 1.425 3.225 1.65.3.075.6.075.9.075s.6 0 .9-.075c1.2-.15 2.325-.75 3.225-1.65 1.5.45 2.475 1.8 2.475 3.375zm-6.6-7.35c2.625 0 4.725-2.1 4.725-4.725s-2.1-4.8-4.725-4.8a4.705 4.705 0 0 0-4.725 4.725c0 2.625 2.1 4.8 4.725 4.8m0-7.95a3.17 3.17 0 0 1 3.15 3.15 3.17 3.17 0 0 1-3.15 3.15 3.17 3.17 0 0 1-3.15-3.15A3.17 3.17 0 0 1 12 3.825"
2402
+ })));
2403
+ };
2404
+
2405
+ var _path$S;
2406
+ 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); }
2407
+ var SvgIconPersonSmall = function SvgIconPersonSmall(props) {
2408
+ return /*#__PURE__*/React.createElement("svg", _extends$S({
2409
+ xmlns: "http://www.w3.org/2000/svg",
2410
+ width: 16,
2411
+ height: 16
2412
+ }, props), _path$S || (_path$S = /*#__PURE__*/React.createElement("path", {
2413
+ d: "M11.2 4.571a3.2 3.2 0 1 1-6.4 0 3.2 3.2 0 0 1 6.4 0m-.997 4.425c.107-.11.232-.237.426-.196 1.6.343 2.742 1.714 2.742 3.429V13.6c0 .8-.516 1.6-1.371 1.6H4c-.893 0-1.371-.8-1.371-1.6v-1.371c0-1.715 1.142-3.086 2.742-3.429.192-.041.321.09.43.2l.028.029A2.82 2.82 0 0 0 8 10.057c.8 0 1.6-.457 2.171-1.028z"
2414
+ })));
2415
+ };
2416
+
2417
+ var _path$R;
2418
+ 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); }
2419
+ var SvgIconPinLocationSmall = function SvgIconPinLocationSmall(props) {
2420
+ return /*#__PURE__*/React.createElement("svg", _extends$R({
2421
+ xmlns: "http://www.w3.org/2000/svg",
2422
+ width: 16,
2423
+ height: 16
2424
+ }, props), _path$R || (_path$R = /*#__PURE__*/React.createElement("path", {
2425
+ fillRule: "evenodd",
2426
+ d: "m3.238 9.721 3.646 5.338a1.279 1.279 0 0 0 2.232 0l3.646-5.338c.23-.413.52-.998.754-1.614.222-.584.45-1.332.45-2.023C13.966 2.84 11.251.286 8 .286c-3.25 0-5.966 2.552-5.966 5.798 0 .691.228 1.439.45 2.023.235.616.523 1.201.754 1.614M8 9.181a2.93 2.93 0 1 0 0-5.859 2.93 2.93 0 0 0 0 5.86Z"
2427
+ })));
2428
+ };
2429
+
2430
+ var _path$Q;
2431
+ 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); }
2432
+ var SvgIconPinSmall = function SvgIconPinSmall(props) {
2433
+ return /*#__PURE__*/React.createElement("svg", _extends$Q({
2434
+ xmlns: "http://www.w3.org/2000/svg",
2435
+ width: 16,
2436
+ height: 16
2437
+ }, props), _path$Q || (_path$Q = /*#__PURE__*/React.createElement("path", {
2438
+ d: "M10.687 7.273h-.16a.16.16 0 0 1-.158-.14l-.353-2.741a.29.29 0 0 1 .29-.335c.285.003.567 0 .748-.233a1.82 1.82 0 0 0 .368-1.179c-.016-.432-.027-.681-.302-.98-.274-.3-.55-.466-.93-.465H5.77c-.38-.001-.59.165-.864.465-.274.299-.352.548-.368.98a1.82 1.82 0 0 0 .368 1.179c.181.232.463.236.748.233a.29.29 0 0 1 .29.335L5.59 7.133a.16.16 0 0 1-.159.14h-.159c-.39 0-.965.377-1.241.692s-.472.621-.472 1.066v.559c0 .176.143.32.32.32h2.963a.08.08 0 0 1 .08.08v3.673a.32.32 0 0 0 .1.232l.737.697a.32.32 0 0 0 .44 0l.737-.697a.32.32 0 0 0 .1-.232V9.99a.08.08 0 0 1 .08-.08h2.963a.32.32 0 0 0 .32-.32v-.56c0-.445-.195-.752-.472-1.066s-.85-.692-1.241-.692Z"
2439
+ })));
2440
+ };
2441
+
2442
+ var _path$P, _path2$f;
2443
+ 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); }
2444
+ var SvgIconPlayLarge = function SvgIconPlayLarge(props) {
2445
+ return /*#__PURE__*/React.createElement("svg", _extends$P({
2446
+ xmlns: "http://www.w3.org/2000/svg",
2447
+ width: 24,
2448
+ height: 24
2449
+ }, props), _path$P || (_path$P = /*#__PURE__*/React.createElement("path", {
2450
+ fillRule: "evenodd",
2451
+ d: "M12 20.333a8.333 8.333 0 1 0 0-16.666 8.333 8.333 0 0 0 0 16.666M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10"
2452
+ })), _path2$f || (_path2$f = /*#__PURE__*/React.createElement("path", {
2453
+ fillRule: "evenodd",
2454
+ d: "m15.333 12.333-5.5-3.175v6.35zm1.334 1.155a1.333 1.333 0 0 0 0-2.31l-6.5-3.752c-.89-.513-2 .128-2 1.155v7.505a1.333 1.333 0 0 0 2 1.155z"
2455
+ })));
2456
+ };
2457
+
2458
+ var _path$O;
2459
+ 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); }
2460
+ var SvgIconPlusCircleSmall = function SvgIconPlusCircleSmall(props) {
2461
+ return /*#__PURE__*/React.createElement("svg", _extends$O({
2462
+ xmlns: "http://www.w3.org/2000/svg",
2463
+ width: 16,
2464
+ height: 16
2465
+ }, props), _path$O || (_path$O = /*#__PURE__*/React.createElement("path", {
2466
+ fillRule: "evenodd",
2467
+ d: "M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m0 1.951A6.056 6.056 0 0 0 1.951 8 6.056 6.056 0 0 0 8 14.049 6.056 6.056 0 0 0 14.049 8 6.056 6.056 0 0 0 8 1.951m0 2.732c.497 0 .908.372.968.853l.008.123-.002 1.365h1.367c.456 0 .84.313.946.736l.022.118.008.122a.976.976 0 0 1-.853.968l-.123.008H8.974l.002 1.365a.976.976 0 0 1-.736.946l-.118.022-.122.008a.976.976 0 0 1-.968-.853l-.008-.123V8.976H5.66a.976.976 0 0 1-.946-.736l-.022-.118L4.683 8c0-.497.372-.908.853-.968l.123-.008h1.365V5.66c0-.456.313-.84.736-.946l.118-.022z"
2468
+ })));
2469
+ };
2470
+
2471
+ var _path$N;
2472
+ 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); }
2473
+ var SvgIconPlusSmall = function SvgIconPlusSmall(props) {
2474
+ return /*#__PURE__*/React.createElement("svg", _extends$N({
2475
+ xmlns: "http://www.w3.org/2000/svg",
2476
+ width: 16,
2477
+ height: 16
2478
+ }, props), _path$N || (_path$N = /*#__PURE__*/React.createElement("path", {
2479
+ fillRule: "evenodd",
2480
+ d: "M8 1.143a1 1 0 0 1 1 1V7h4.857a1 1 0 1 1 0 2H9v4.857a1 1 0 1 1-2 0V9H2.143a1 1 0 0 1 0-2H7V2.143a1 1 0 0 1 1-1"
2481
+ })));
2482
+ };
2483
+
2484
+ var _path$M, _path2$e;
2485
+ 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); }
2486
+ var SvgIconProjectPrivateLarge = function SvgIconProjectPrivateLarge(props) {
2487
+ return /*#__PURE__*/React.createElement("svg", _extends$M({
2488
+ xmlns: "http://www.w3.org/2000/svg",
2489
+ width: 24,
2490
+ height: 24
2491
+ }, props), _path$M || (_path$M = /*#__PURE__*/React.createElement("path", {
2492
+ fill: "#CCC",
2493
+ fillRule: "evenodd",
2494
+ d: "M21.828 5.775c-.15-.225-.374-.375-.598-.525l.075-.525c.15-1.35-.822-2.55-2.167-2.625H9.576c-.224 0-.448-.075-.597-.3L8.232.9C7.709.375 7.036 0 6.289 0H3.675C3.002 0 2.33.3 1.882.825c-.523.525-.747 1.2-.673 1.95l.3 2.4c-.3.15-.598.3-.897.6A2.48 2.48 0 0 0 .014 7.65l.822 9.375A2.76 2.76 0 0 0 3.6 19.5h9.637c-.075-.3-.075-.6-.075-.9 0-.225 0-.525.075-.75H3.6c-.598 0-1.046-.45-1.046-.975L1.658 7.5a.85.85 0 0 1 .224-.6c.15-.15.373-.3.597-.3h17.556c.224 0 .448.075.597.3a.85.85 0 0 1 .224.6l-.522 5.7c.597.15 1.12.45 1.568.75l.598-6.3c0-.675-.224-1.35-.672-1.875m-2.241-.825H3.152l-.3-2.4c0-.225.076-.45.225-.6s.374-.3.598-.3h2.614c.224 0 .449.075.598.3l.747.9c.448.6 1.12.9 1.868.9h9.263c.224 0 .448.075.597.225.15.15.225.375.225.6z"
2495
+ })), _path2$e || (_path2$e = /*#__PURE__*/React.createElement("path", {
2496
+ fillRule: "evenodd",
2497
+ 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"
2498
+ })));
2499
+ };
2500
+
2501
+ var _path$L, _path2$d;
2502
+ 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); }
2503
+ var SvgIconProjectPublicLarge = function SvgIconProjectPublicLarge(props) {
2504
+ return /*#__PURE__*/React.createElement("svg", _extends$L({
2505
+ xmlns: "http://www.w3.org/2000/svg",
2506
+ width: 24,
2507
+ height: 24
2508
+ }, props), _path$L || (_path$L = /*#__PURE__*/React.createElement("path", {
2509
+ fill: "#CCC",
2510
+ fillRule: "evenodd",
2511
+ d: "M13.123 19.05v-.45c0-.225 0-.525.075-.75H3.61c-.6 0-1.049-.45-1.049-.975L1.662 7.5c0-.225.075-.45.225-.6s.374-.3.6-.3h17.602c.225 0 .45.075.6.3.149.15.224.375.224.6l-.524 5.7c.3.075.524.15.748.3 0 0 .075 0 .075.075.225.15.45.225.675.375l.599-6.3a2.47 2.47 0 0 0-.6-1.875c-.15-.225-.374-.375-.599-.525l.075-.525c.15-1.35-.824-2.55-2.172-2.625H9.602c-.225 0-.45-.075-.6-.3L8.255.9C7.729.375 7.055 0 6.306 0H3.685C3.01 0 2.336.3 1.887.825c-.525.525-.75 1.2-.674 1.95l.3 2.4c-.3.15-.6.3-.9.6A2.48 2.48 0 0 0 .014 7.65l.824 9.375A2.767 2.767 0 0 0 3.61 19.5h9.662c-.075-.15-.075-.3-.15-.45ZM3.085 1.95c.15-.15.375-.3.6-.3h2.621c.225 0 .45.075.6.3l.749.9c.449.6 1.123.9 1.872.9h9.288a.85.85 0 0 1 .6.225.85.85 0 0 1 .224.6l-.075.375H3.085l-.224-2.4c0-.225.075-.45.224-.6"
2512
+ })), _path2$d || (_path2$d = /*#__PURE__*/React.createElement("path", {
2513
+ fillRule: "evenodd",
2514
+ 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.052a5.606 5.606 0 0 0-5.156-5.156m.673.822.672.224c.15.075.224.15.374.15.598.298 1.12.672 1.569 1.195 0 0 .075.075.075.15v.298c0 .075-.075.15-.075.225 0 .149.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 .074 0 .149-.074.224a1.6 1.6 0 0 0-.3.373c-.149.3-.298.747-.522.972-.15.15-.3.298-.3.448-.074.15 0 .299-.074.373 0 .075-.075.075-.15 0-.223-.298-.298-.597-.373-.896-.075-.224-.075-.448-.15-.747a1.16 1.16 0 0 0-.448-.598c-.224-.15-.523-.075-.747-.15-.299 0-.523-.074-.747-.298-.075-.075-.15-.224-.15-.3-.149-.597.225-1.27.748-1.568.075-.075.15-.075.224-.15.15-.15.224-.299.15-.523 0-.074-.075-.074-.075-.074-.15.074-.3.074-.374.149-.075 0-.15 0-.15-.075 0-.224 0-.448.075-.747s.15-.523 0-.747c0-.075-.074-.075-.15-.075h-.672a.58.58 0 0 0 .3-.299c.074.075.074.075.149.075m-2.391.075c.075 0 .075 0 .15.075.074.149.149.224.223.373.15.299.224.673.075.897-.15.299-.523.448-.822.672-.672.299-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.299.447.299s.374-.15.598-.224a1.5 1.5 0 0 1 1.27.15c.224.149.374.298.523.447s.374.225.598.225c.075 0 .075 0 .15.074a.58.58 0 0 1-.15.598c-.15.224-.373.299-.523.523-.373.448-.523 1.12-.822 1.644-.075.075-.15.224-.224.299-.15.15-.15.299-.15.523 0 0 0 .075-.074.075-.075 0-.15-.075-.224-.075s-.075-.075-.075-.15a10.7 10.7 0 0 0-.672-2.017c-.15-.224-.3-.523-.523-.672-.075-.075-.15-.075-.15-.15v-.15a1.88 1.88 0 0 0-.747-1.718c-.075-.075-.224-.15-.224-.224-.075-.075-.075-.224-.075-.299l-.299-.299c-.075 0-.075-.075-.075-.15.3-1.643 1.644-2.988 3.363-3.436"
2515
+ })));
2516
+ };
2517
+
2518
+ var _path$K;
2519
+ 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); }
2520
+ var SvgIconPuzzlePieceSmall = function SvgIconPuzzlePieceSmall(props) {
2521
+ return /*#__PURE__*/React.createElement("svg", _extends$K({
2522
+ xmlns: "http://www.w3.org/2000/svg",
2523
+ width: 16,
2524
+ height: 16
2525
+ }, props), _path$K || (_path$K = /*#__PURE__*/React.createElement("path", {
2526
+ fillRule: "evenodd",
2527
+ d: "M6.43.81c.856 0 1.467.494 1.467 1.268 0 .342-.084.567-.316.908l-.156.22c-.31.428-.43.688-.43 1.089 0 1.074 1.03 1.312 2.673.987.397-.078.817-.187 1.249-.32l.316-.1.306-.104.384-.14-.01.037c-.069.248-.138.517-.203.797-.092.401-.167.792-.22 1.16-.21 1.493-.023 3.034.792 3.034a.9.9 0 0 0 .328-.064q.093-.035.198-.092l.112-.063c.06-.035.271-.166.31-.19.419-.252.742-.367 1.168-.367.81 0 1.316.651 1.316 1.553 0 .852-.49 1.444-1.274 1.444-.344 0-.57-.084-.913-.314l-.221-.155c-.43-.307-.69-.427-1.092-.427-.792 0-1.1.652-1.061 1.678.012.324.058.668.127 1.014l.058.267.024.104-.153.01a9 9 0 0 0-.397.038l-1.2.139-.147.014c-1.648.16-2.449-.02-2.449-.725 0-.283.079-.48.29-.782l.551-.585c.36-.478.32-.835.32-1.303 0-.95-.958-1.554-1.961-1.554-1.035 0-2.016.598-2.016 1.588 0 .432.061.884.343 1.269l.438.515c.035.044.203.246.245.3.082.103.138.183.176.257a.5.5 0 0 1 .063.221c0 .667-.791.948-2.156.9a12 12 0 0 1-1.458-.148l-.338-.056-.37-.073V5.143l.305.06a12 12 0 0 0 1.792.209c1.478.053 2.394-.28 2.394-1.185a.9.9 0 0 0-.066-.328 2 2 0 0 0-.16-.31l-.195-.308c-.26-.417-.379-.738-.379-1.161 0-.803.676-1.31 1.597-1.31Z"
2528
+ })));
2529
+ };
2530
+
2531
+ var _path$J;
2532
+ 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); }
2533
+ var SvgIconQuestionMarkLarge = function SvgIconQuestionMarkLarge(props) {
2534
+ return /*#__PURE__*/React.createElement("svg", _extends$J({
2535
+ xmlns: "http://www.w3.org/2000/svg",
2536
+ width: 24,
2537
+ height: 24
2538
+ }, props), _path$J || (_path$J = /*#__PURE__*/React.createElement("path", {
2539
+ fillRule: "evenodd",
2540
+ d: "M12.085 16.582a1.56 1.56 0 0 1 1.552 1.553 1.557 1.557 0 0 1-1.553 1.552c-.41 0-.81-.165-1.099-.454a1.56 1.56 0 0 1-.453-1.098c0-.409.165-.809.453-1.097.29-.29.69-.456 1.1-.456M12.06 3.937c2.712 0 5.004 1.846 5.126 4.113l.005.194-.007.243-.02.234c-.139 1.296-.816 2.134-2.243 3.221l-.216.167-.376.302c-.737.615-.988 1.007-1.057 1.657a.75.75 0 0 1-.75.74h-.783a.85.85 0 0 1-.85-.867c.134-1.41.877-2.342 2.347-3.462 1.243-.939 1.57-1.349 1.57-2.24 0-1.287-1.21-2.301-2.746-2.301l-.189.005-.194.016c-1.218.139-1.829.633-2.153 1.366a.97.97 0 0 1-.927.676h-.97a.56.56 0 0 1-.549-.676c.353-2.072 2.425-3.388 4.982-3.388"
2541
+ })));
2542
+ };
2543
+
2544
+ var _path$I;
2545
+ 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); }
2546
+ var SvgIconQuoteLarge = function SvgIconQuoteLarge(props) {
2547
+ return /*#__PURE__*/React.createElement("svg", _extends$I({
2548
+ xmlns: "http://www.w3.org/2000/svg",
2549
+ width: 24,
2550
+ height: 24
2551
+ }, props), _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
2552
+ fillRule: "evenodd",
2553
+ d: "M0 6.4C0 5.095 1.05 4 2.375 4h5.5C9.2 4 10.25 5.095 10.25 6.4v6.342c0 .585-.13 1.156-.391 1.687L7.909 18.4A2.84 2.84 0 0 1 5.358 20c-2.14 0-3.484-2.268-2.547-4.159l.001-.002.707-1.439H2.375C1.05 14.4 0 13.305 0 12zM2.375 6A.39.39 0 0 0 2 6.4V12c0 .235.188.4.375.4h3.553a.5.5 0 0 1 .448.72l-1.77 3.605-.002.004C4.306 17.33 4.748 18 5.36 18a.84.84 0 0 0 .748-.469l.004-.008 1.953-3.976q.186-.38.186-.805V6.4c0-.235-.188-.4-.375-.4zm11.375.4c0-1.305 1.05-2.4 2.375-2.4h5.5C22.95 4 24 5.095 24 6.4v6.342c0 .585-.13 1.156-.391 1.687l-1.95 3.972A2.84 2.84 0 0 1 19.108 20c-2.139 0-3.484-2.268-2.547-4.159l.001-.002.707-1.439h-1.145c-1.325 0-2.375-1.095-2.375-2.4zm2.375-.4a.39.39 0 0 0-.375.4V12c0 .235.188.4.375.4h3.553a.5.5 0 0 1 .448.72l-1.77 3.605-.002.004c-.298.601.144 1.271.755 1.271a.84.84 0 0 0 .748-.469l.004-.008 1.953-3.976q.186-.38.186-.805V6.4c0-.235-.188-.4-.375-.4z"
2554
+ })));
2555
+ };
2556
+
2557
+ var _path$H;
2558
+ 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); }
2559
+ var SvgIconReadLarge = function SvgIconReadLarge(props) {
2560
+ return /*#__PURE__*/React.createElement("svg", _extends$H({
2561
+ xmlns: "http://www.w3.org/2000/svg",
2562
+ width: 24,
2563
+ height: 24
2564
+ }, props), _path$H || (_path$H = /*#__PURE__*/React.createElement("path", {
2565
+ fillRule: "evenodd",
2566
+ d: "M11.375 4.116c0 .537-.408.979-.93 1.032h-.107l-1.964 3.57c-.196 0-.442.035-.647.223a.2.2 0 0 0-.027.028 3.56 3.56 0 0 1 2.644.797 3.06 3.06 0 0 1 3.082-.04 3.56 3.56 0 0 1 2.222-.776c.58 0 1.126.138 1.61.383l.542-1.2c.583-1.293 1.167-2.586 1.733-3.885.165-.376.451-.66.834-.799.275-.1.552-.097.644-.096h.018a1.036 1.036 0 0 1 .264 2.039h-.109c-.395.884-.769 1.779-1.143 2.673-.384.92-.768 1.839-1.175 2.748l-.04.08a3.57 3.57 0 1 1-6.475.255 1.31 1.31 0 0 0-.966.04 3.57 3.57 0 1 1-6.32-.595c.132-.387.322-.773.446-.99l3.273-5.728a1 1 0 0 1 .12-.169h.001l.001-.002.003-.003.005-.006.012-.013a1 1 0 0 1 .115-.111l.029-.026c.063-.057.145-.13.245-.192a1.97 1.97 0 0 1 1.023-.273c.572 0 1.036.464 1.037 1.036m-9.44 1.208A2.096 2.096 0 0 1 4.03 3.229h2.036a.81.81 0 1 1 0 1.619H4.03a.476.476 0 0 0-.476.476v13.5a.476.476 0 0 0 .476.477h13.5a.477.477 0 0 0 .477-.476V17.61a.81.81 0 0 1 .81-.818.81.81 0 0 1 .81.818v1.213a2.096 2.096 0 0 1-2.096 2.096H4.03a2.096 2.096 0 0 1-2.096-2.096zm11.888 7.197a1.825 1.825 0 1 1 3.65 0 1.825 1.825 0 0 1-3.65 0m-5.751-1.825a1.825 1.825 0 1 0 0 3.649 1.825 1.825 0 0 0 0-3.65Z"
2567
+ })));
2568
+ };
2569
+
2570
+ var _path$G;
2571
+ 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); }
2572
+ var SvgIconRefreshLarge = function SvgIconRefreshLarge(props) {
2573
+ return /*#__PURE__*/React.createElement("svg", _extends$G({
2574
+ xmlns: "http://www.w3.org/2000/svg",
2575
+ width: 24,
2576
+ height: 24
2577
+ }, props), _path$G || (_path$G = /*#__PURE__*/React.createElement("path", {
2578
+ fillRule: "evenodd",
2579
+ d: "m18.098 6.612.037-1.674a.936.936 0 1 1 1.872.044l-.11 4.49a1.09 1.09 0 0 1-1.296 1.045l-4.388-.84a.968.968 0 0 1 .358-1.903l2.174.401a6.4 6.4 0 0 0-1.572-1.814 5.75 5.75 0 0 0-3.792-1.246c-1.357.056-2.657.602-3.694 1.551-.798.732-1.375 1.684-1.723 2.74-.171.52-.69.869-1.224.75-.51-.114-.844-.614-.698-1.117.445-1.535 1.254-2.919 2.398-3.967 1.366-1.251 3.08-1.97 4.869-2.044 1.788-.073 3.548.505 4.997 1.641a8.4 8.4 0 0 1 1.792 1.943M7.26 15.822a6.4 6.4 0 0 0 1.572 1.815c1.1.862 2.435 1.3 3.792 1.245 1.357-.056 2.657-.602 3.694-1.551.799-.732 1.375-1.684 1.723-2.74.171-.52.69-.869 1.224-.75.51.114.844.615.698 1.117-.445 1.535-1.254 2.92-2.397 3.967-1.366 1.251-3.08 1.971-4.87 2.044-1.788.073-3.548-.505-4.997-1.641a8.4 8.4 0 0 1-1.792-1.943l-.037 1.674a.936.936 0 1 1-1.872-.044l.11-4.49a1.09 1.09 0 0 1 1.296-1.045l4.388.841a.968.968 0 0 1-.358 1.902z"
2580
+ })));
2581
+ };
2582
+
2583
+ var _path$F;
2584
+ 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); }
2585
+ var SvgIconRefreshSmall = function SvgIconRefreshSmall(props) {
2586
+ return /*#__PURE__*/React.createElement("svg", _extends$F({
2587
+ xmlns: "http://www.w3.org/2000/svg",
2588
+ width: 16,
2589
+ height: 16
2590
+ }, props), _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
2591
+ fillRule: "evenodd",
2592
+ d: "m13.416 2.807-.032 1.453a7.3 7.3 0 0 0-1.556-1.687C10.57 1.586 9.042 1.085 7.49 1.148c-1.553.064-3.041.689-4.227 1.775-.993.91-1.695 2.11-2.082 3.444-.126.436.163.87.606.97.463.102.915-.2 1.063-.651.302-.918.803-1.744 1.496-2.38A5.05 5.05 0 0 1 7.553 2.96a5 5 0 0 1 3.291 1.081 5.5 5.5 0 0 1 1.365 1.575l-1.887-.348a.84.84 0 0 0-.31 1.652l3.582.686a1.143 1.143 0 0 0 1.357-1.094l.09-3.667a.813.813 0 1 0-1.625-.038M1.143 13.647a.813.813 0 1 0 1.625.038l.033-1.454a7.2 7.2 0 0 0 1.555 1.687c1.258.987 2.786 1.489 4.339 1.425 1.553-.063 3.04-.688 4.227-1.775.992-.909 1.695-2.11 2.081-3.443.127-.436-.162-.871-.606-.97-.463-.103-.914.2-1.062.65-.302.918-.803 1.744-1.497 2.38a5.05 5.05 0 0 1-3.206 1.346 5 5 0 0 1-3.292-1.08 5.6 5.6 0 0 1-1.365-1.576l1.888.348a.84.84 0 0 0 .31-1.651l-3.582-.687A1.143 1.143 0 0 0 1.233 9.98z"
2593
+ })));
2594
+ };
2595
+
2596
+ var _path$E, _path2$c, _path3$3;
2597
+ 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); }
2598
+ var SvgIconReportLarge = function SvgIconReportLarge(props) {
2599
+ return /*#__PURE__*/React.createElement("svg", _extends$E({
2600
+ xmlns: "http://www.w3.org/2000/svg",
2601
+ width: 24,
2602
+ height: 24
2603
+ }, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
2604
+ d: "M3.142 21.243h11.554a.77.77 0 1 0 0-1.54H3.912V2.756h9.244v3.851c0 .425.344.77.77.77h3.851V9.69a.77.77 0 1 0 1.54 0V6.61a.78.78 0 0 0-.226-.546l-4.62-4.62a.78.78 0 0 0-.545-.226H3.142a.77.77 0 0 0-.77.77v18.486c0 .425.345.77.77.77ZM14.696 3.846l1.992 1.992h-1.992z"
2605
+ })), _path2$c || (_path2$c = /*#__PURE__*/React.createElement("path", {
2606
+ d: "M11.615 9.305c0-2.18-2.018-4.627-2.104-4.73-.294-.35-.89-.35-1.184 0-.086.103-2.104 2.55-2.104 4.73A2.7 2.7 0 0 0 8.92 12a2.7 2.7 0 0 0 2.696-2.695Zm-3.851 0c0-.942.618-2.113 1.156-2.932.537.817 1.154 1.987 1.154 2.932a1.157 1.157 0 0 1-2.31 0m0 5.005a.77.77 0 0 1-.77.77h-.77a.77.77 0 1 1 0-1.54h.77a.77.77 0 0 1 .77.77m6.932 0a.77.77 0 0 1-.77.77h-3.852a.77.77 0 1 1 0-1.54h3.852a.77.77 0 0 1 .77.77m-6.932 3.082a.77.77 0 0 1-.77.77h-.77a.77.77 0 1 1 0-1.54h.77a.77.77 0 0 1 .77.77m6.932 0a.77.77 0 0 1-.77.77h-3.852a.77.77 0 1 1 0-1.54h3.852a.77.77 0 0 1 .77.77m.77-5.392v2.31a.77.77 0 0 0 .77.771v5.392a2.313 2.313 0 0 0 2.311 2.31 2.313 2.313 0 0 0 2.31-2.31V15.08a.77.77 0 0 0 .771-.77V12a.77.77 0 0 0-.77-.77h-4.622a.77.77 0 0 0-.77.77m3.851 8.473a.771.771 0 0 1-1.54 0V15.08h1.54zm-2.31-7.703h3.08v.77h-3.08z"
2607
+ })), _path3$3 || (_path3$3 = /*#__PURE__*/React.createElement("path", {
2608
+ fillRule: "evenodd",
2609
+ d: "M2.372 20.473c0 .425.345.77.77.77h11.554a.77.77 0 1 0 0-1.54H3.912V2.756h9.244v3.851c0 .425.344.77.77.77h3.851V9.69a.77.77 0 1 0 1.54 0V6.61a.78.78 0 0 0-.226-.546l-4.62-4.62a.78.78 0 0 0-.545-.226H3.142a.77.77 0 0 0-.77.77v18.486Zm9.243-11.168c0-2.18-2.018-4.627-2.104-4.73-.294-.35-.89-.35-1.184 0-.086.103-2.104 2.55-2.104 4.73A2.7 2.7 0 0 0 8.92 12a2.7 2.7 0 0 0 2.696-2.695Zm-3.85 5.005a.77.77 0 0 1-.771.77h-.77a.77.77 0 1 1 0-1.54h.77a.77.77 0 0 1 .77.77Zm6.93 0a.77.77 0 0 1-.77.77h-3.85a.77.77 0 1 1 0-1.54h3.85a.77.77 0 0 1 .77.77m-6.93 3.082a.77.77 0 0 1-.771.77h-.77a.77.77 0 1 1 0-1.54h.77a.77.77 0 0 1 .77.77Zm6.93 0a.77.77 0 0 1-.77.77h-3.85a.77.77 0 1 1 0-1.54h3.85a.77.77 0 0 1 .77.77M15.467 12v2.31a.77.77 0 0 0 .77.771v5.392a2.313 2.313 0 0 0 2.311 2.31 2.313 2.313 0 0 0 2.31-2.31V15.08a.77.77 0 0 0 .771-.77V12a.77.77 0 0 0-.77-.77h-4.622a.77.77 0 0 0-.77.77M7.764 9.305c0-.942.618-2.113 1.156-2.932.537.817 1.154 1.987 1.154 2.932a1.157 1.157 0 0 1-2.31 0m8.924-3.467-1.992-1.992v1.992zm2.63 14.635a.771.771 0 0 1-1.541 0V15.08h1.54v5.392Zm.77-7.703h-3.081v.77h3.08v-.77Z"
2610
+ })));
2611
+ };
2612
+
2613
+ var _path$D;
2614
+ function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$D.apply(this, arguments); }
2615
+ var SvgIconRocketLarge = function SvgIconRocketLarge(props) {
2616
+ return /*#__PURE__*/React.createElement("svg", _extends$D({
2617
+ xmlns: "http://www.w3.org/2000/svg",
2618
+ width: 24,
2619
+ height: 24
2620
+ }, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
2621
+ fillRule: "evenodd",
2622
+ d: "M13.443 5.465c1.19-1.19 2.877-1.622 4.374-1.707a10 10 0 0 1 1.887.067 6 6 0 0 1 .405.066q.034.166.067.405c.064.484.108 1.147.066 1.886-.086 1.497-.517 3.183-1.708 4.375-.614.615-2.2 1.92-3.672 3.1-.728.584-1.415 1.127-1.921 1.524l-.297.233-.486-.486-.007-.006-.996-.997 2.024-2.024a.762.762 0 1 0-1.08-1.08l-2.024 2.024-1.49-1.489.233-.298c.398-.505.942-1.193 1.525-1.92 1.182-1.473 2.485-3.058 3.1-3.673m-3.368 9.54 2.167 2.167c.327.334.433.91.381 1.58a5.3 5.3 0 0 1-.216 1.119l-.004.013a.765.765 0 0 0 1.202.841l.001-.001.004-.002.011-.01.039-.032a12 12 0 0 0 .6-.543c.376-.364.873-.887 1.35-1.516.896-1.188 1.856-2.946 1.478-4.801 1.05-.859 2.036-1.693 2.526-2.183 1.569-1.57 2.057-3.694 2.152-5.368.05-.846 0-1.607-.077-2.176a7 7 0 0 0-.129-.716 3 3 0 0 0-.077-.264 2 2 0 0 0-.057-.137.86.86 0 0 0-.401-.401 1 1 0 0 0-.14-.058 3 3 0 0 0-.262-.077 7 7 0 0 0-.717-.13 12 12 0 0 0-2.175-.077c-1.674.096-3.799.584-5.368 2.152-.493.493-1.336 1.49-2.2 2.549-1.838-.352-3.575.6-4.752 1.488a13.3 13.3 0 0 0-1.944 1.814q-.076.087-.116.135l-.032.04-.009.01-.003.004h-.001a.764.764 0 0 0 .842 1.202l.013-.004a5 5 0 0 1 .303-.084c.212-.05.5-.106.814-.13.676-.053 1.256.055 1.589.388l1.156 1.156.004.005.968.967-1.233 1.233a.763.763 0 1 0 1.08 1.08zM7.45 10.33l.168-.214c.357-.455.832-1.055 1.348-1.701-.897.117-1.814.607-2.635 1.227a9 9 0 0 0-.314.247c.471.042.977.165 1.433.44Zm6.94 7.37c.635-.84 1.133-1.778 1.236-2.697-.662.53-1.278 1.016-1.742 1.38l-.205.162c.293.464.42.986.465 1.47q.124-.152.247-.314Zm2.456-9.62c-.298.298-.726.268-.96.035s-.263-.663.034-.96.727-.267.96-.034.263.662-.034.96Zm1.08 1.08c-.871.872-2.268.887-3.12.035s-.836-2.25.034-3.12 2.268-.886 3.12-.034.837 2.249-.034 3.12ZM6.672 18.408a.764.764 0 0 0-1.08-1.08l-3.154 3.154a.764.764 0 0 0 1.08 1.08zm3.957-.667c.26.333.2.813-.13 1.073l-3.54 2.768a.764.764 0 0 1-.941-1.203l3.539-2.769a.765.765 0 0 1 1.072.131M5.183 13.5a.765.765 0 0 1 1.204.941l-2.77 3.54a.763.763 0 1 1-1.202-.941z"
2623
+ })));
2624
+ };
2625
+
2626
+ var _path$C, _path2$b;
2627
+ function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$C.apply(this, arguments); }
2628
+ var SvgIconSaveLarge = function SvgIconSaveLarge(props) {
2629
+ return /*#__PURE__*/React.createElement("svg", _extends$C({
2630
+ xmlns: "http://www.w3.org/2000/svg",
2631
+ width: 24,
2632
+ height: 24
2633
+ }, props), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
2634
+ fillRule: "evenodd",
2635
+ d: "M15.98 14.544a3.98 3.98 0 1 1-7.96 0 3.98 3.98 0 0 1 7.96 0m-1.713 0a2.267 2.267 0 1 1-4.534 0 2.267 2.267 0 0 1 4.534 0"
2636
+ })), _path2$b || (_path2$b = /*#__PURE__*/React.createElement("path", {
2637
+ fillRule: "evenodd",
2638
+ d: "M3.182 2.182a1 1 0 0 0-1 1v17.636a1 1 0 0 0 1 1h17.636a1 1 0 0 0 1-1V7.024a1 1 0 0 0-.293-.707l-3.842-3.842a1 1 0 0 0-.707-.293zm13.92 2.134 3.003 3.003v12.787H3.895V3.895h3v3.854a1 1 0 0 0 1 1h8.207a1 1 0 0 0 1-1zm-8.495 2.72V3.895h6.782v3.14z"
2639
+ })));
2640
+ };
2641
+
2642
+ var _path$B;
2643
+ function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$B.apply(this, arguments); }
2644
+ var SvgIconSearchLarge = function SvgIconSearchLarge(props) {
2645
+ return /*#__PURE__*/React.createElement("svg", _extends$B({
2646
+ xmlns: "http://www.w3.org/2000/svg",
2647
+ width: 24,
2648
+ height: 24
2649
+ }, props), _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
2650
+ fillRule: "evenodd",
2651
+ d: "M15.491 14.03a7.87 7.87 0 0 0-.681-10.35 7.874 7.874 0 0 0-11.132 0 7.865 7.865 0 0 0 0 11.127 7.876 7.876 0 0 0 10.355.682 1 1 0 0 0 .072.08l6.75 6.75a1.036 1.036 0 0 0 1.466-1.465l-6.75-6.75a1 1 0 0 0-.08-.072Zm-2.184-8.926a5.8 5.8 0 1 1-8.203 8.203 5.8 5.8 0 0 1 8.203-8.203"
2652
+ })));
2653
+ };
2654
+
2655
+ var _path$A, _path2$a;
2656
+ function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
2657
+ var SvgIconSearchLinesHorizontal3Large = function SvgIconSearchLinesHorizontal3Large(props) {
2658
+ return /*#__PURE__*/React.createElement("svg", _extends$A({
2659
+ xmlns: "http://www.w3.org/2000/svg",
2660
+ width: 24,
2661
+ height: 24
2662
+ }, props), _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
2663
+ d: "M6.51 5.694a.818.818 0 1 0 0 1.636h4.362a.818.818 0 0 0 0-1.636zM5.692 9.24c0-.453.366-.819.818-.819h6.543a.818.818 0 0 1 0 1.636H6.51a.82.82 0 0 1-.818-.818Zm.818 1.908a.818.818 0 1 0 0 1.637h2.726a.818.818 0 1 0 0-1.637z"
2664
+ })), _path2$a || (_path2$a = /*#__PURE__*/React.createElement("path", {
2665
+ fillRule: "evenodd",
2666
+ d: "M14.81 3.679a7.87 7.87 0 0 1 .681 10.352q.04.033.08.071l6.75 6.751a1.036 1.036 0 0 1-1.465 1.466l-6.751-6.75a1 1 0 0 1-.072-.08 7.876 7.876 0 0 1-10.355-.683 7.865 7.865 0 0 1 0-11.127 7.874 7.874 0 0 1 11.132 0m-1.503 9.628a5.8 5.8 0 1 0-8.203-8.203 5.8 5.8 0 0 0 8.203 8.203"
2667
+ })));
2668
+ };
2669
+
2670
+ var _path$z, _path2$9;
2671
+ 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); }
2672
+ var SvgIconSearchLinesHorizontal3Small = function SvgIconSearchLinesHorizontal3Small(props) {
2673
+ return /*#__PURE__*/React.createElement("svg", _extends$z({
2674
+ xmlns: "http://www.w3.org/2000/svg",
2675
+ width: 16,
2676
+ height: 16
2677
+ }, props), _path$z || (_path$z = /*#__PURE__*/React.createElement("path", {
2678
+ d: "M4.378 3.799a.516.516 0 1 0 0 1.033h3.099a.516.516 0 1 0 0-1.033zm-.516 2.324c0-.285.23-.517.516-.517H8.51a.516.516 0 1 1 0 1.033H4.378a.516.516 0 0 1-.516-.516m.516 1.291a.516.516 0 1 0 0 1.033h2.066a.516.516 0 0 0 0-1.033z"
2679
+ })), _path2$9 || (_path2$9 = /*#__PURE__*/React.createElement("path", {
2680
+ fillRule: "evenodd",
2681
+ d: "M9.843 2.508a5.19 5.19 0 0 1 .501 6.753 1 1 0 0 1 .079.07l4.36 4.36a.773.773 0 1 1-1.093 1.094l-4.36-4.361a1 1 0 0 1-.07-.08 5.187 5.187 0 1 1 .583-7.836m-1.144 6.19a3.602 3.602 0 1 0-5.095-5.095A3.602 3.602 0 0 0 8.7 8.698Z"
2682
+ })));
2683
+ };
2684
+
2685
+ var _path$y;
2686
+ 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); }
2687
+ var SvgIconSearchSmall = function SvgIconSearchSmall(props) {
2688
+ return /*#__PURE__*/React.createElement("svg", _extends$y({
2689
+ xmlns: "http://www.w3.org/2000/svg",
2690
+ width: 16,
2691
+ height: 16
2692
+ }, props), _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
2693
+ fillRule: "evenodd",
2694
+ d: "M10.343 9.261a5.186 5.186 0 0 0-7.832-6.752 5.184 5.184 0 0 0 6.749 7.835 1 1 0 0 0 .069.08l4.36 4.359a.773.773 0 0 0 1.093-1.094l-4.36-4.36a1 1 0 0 0-.079-.068M8.7 3.605a3.601 3.601 0 1 1-5.093 5.093A3.601 3.601 0 0 1 8.7 3.605"
2695
+ })));
2696
+ };
2697
+
2698
+ var _path$x;
2699
+ 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); }
2700
+ var SvgIconShareLarge = function SvgIconShareLarge(props) {
2701
+ return /*#__PURE__*/React.createElement("svg", _extends$x({
2702
+ xmlns: "http://www.w3.org/2000/svg",
2703
+ width: 24,
2704
+ height: 24
2705
+ }, props), _path$x || (_path$x = /*#__PURE__*/React.createElement("path", {
2706
+ fillRule: "evenodd",
2707
+ d: "M18.145 19.726a1.94 1.94 0 0 1-2.63.742 1.87 1.87 0 0 1-.755-2.578c.526-.92 1.685-1.234 2.64-.717.944.512 1.271 1.634.745 2.553m-12.115-5.2c-1.038 0-1.877-.819-1.877-1.828s.839-1.828 1.877-1.828 1.878.818 1.878 1.828-.84 1.827-1.878 1.827Zm9.485-9.495a1.945 1.945 0 0 1 2.63.743c.526.92.199 2.042-.746 2.553-.954.519-2.113.202-2.639-.717-.524-.914-.184-2.07.755-2.58Zm2.79 10.559c-1.491-.808-3.342-.5-4.546.742l-4.24-2.224a3.6 3.6 0 0 0 .29-1.41c0-.466-.098-.909-.26-1.321l4.21-2.21c1.204 1.244 3.055 1.551 4.546.743 1.825-.989 2.483-3.24 1.468-5.017l-.078-.134-.004.003c-1.052-1.677-3.296-2.261-5.074-1.296-1.483.804-2.194 2.492-1.753 4.137L8.469 9.909a3.8 3.8 0 0 0-2.44-.89c-2.088 0-3.779 1.646-3.779 3.68 0 2.031 1.691 3.679 3.78 3.679.897 0 1.71-.318 2.36-.827l4.474 2.348c-.44 1.643.27 3.331 1.753 4.136 1.778.964 4.022.38 5.074-1.297l.004.003.078-.134c1.015-1.776.357-4.027-1.468-5.017"
2708
+ })));
2709
+ };
2710
+
2711
+ var _path$w;
2712
+ 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); }
2713
+ var SvgIconSlidersHorizontalLarge = function SvgIconSlidersHorizontalLarge(props) {
2714
+ return /*#__PURE__*/React.createElement("svg", _extends$w({
2715
+ xmlns: "http://www.w3.org/2000/svg",
2716
+ width: 24,
2717
+ height: 24
2718
+ }, props), _path$w || (_path$w = /*#__PURE__*/React.createElement("path", {
2719
+ fillRule: "evenodd",
2720
+ d: "M15.767 3.535a2.46 2.46 0 0 1 2.32 1.641h2.848a.818.818 0 1 1 0 1.637h-2.848a2.46 2.46 0 0 1-4.64 0H3.07a.818.818 0 0 1 0-1.637h10.376a2.46 2.46 0 0 1 2.32-1.641Zm.5 3.373a1.04 1.04 0 0 0 .54-.912c0-.333-.157-.63-.4-.82h.005a1.04 1.04 0 0 0-1.29 0h.005a1.038 1.038 0 0 0 .64 1.86c.18 0 .351-.047.5-.128M7.31 9.544a2.46 2.46 0 0 1 2.321 1.642h11.303a.818.818 0 1 1 0 1.636H9.631a2.46 2.46 0 0 1-4.64 0H3.07a.818.818 0 0 1 0-1.636h1.92a2.46 2.46 0 0 1 2.32-1.642m.5 3.374a1.038 1.038 0 0 0 .14-1.732h.006a1.04 1.04 0 0 0-1.29 0h.005a1.038 1.038 0 0 0 .14 1.732 1.04 1.04 0 0 0 1 0Zm6.918 4.283a2.46 2.46 0 0 0-4.644 0H3.07a.818.818 0 0 0 0 1.637h7.017a2.46 2.46 0 0 0 4.636 0h6.21a.818.818 0 1 0 0-1.637zm-1.686 1.637a1.03 1.03 0 0 1-.636.217 1.03 1.03 0 0 1-.636-.217 1.038 1.038 0 0 1-.011-1.637h-.005a1.04 1.04 0 0 1 1.304 0h-.005a1.038 1.038 0 0 1-.01 1.637Z"
2721
+ })));
2722
+ };
2723
+
2724
+ var _path$v;
2725
+ 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); }
2726
+ var SvgIconSpeechBubblesLarge = function SvgIconSpeechBubblesLarge(props) {
2727
+ return /*#__PURE__*/React.createElement("svg", _extends$v({
2728
+ xmlns: "http://www.w3.org/2000/svg",
2729
+ width: 25,
2730
+ height: 24
2731
+ }, props), _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
2732
+ fillRule: "evenodd",
2733
+ d: "M19.69.927A.927.927 0 0 0 18.762 0H.927A.927.927 0 0 0 0 .927v13.516c0 .512.415.927.927.927h2.357v3.226a.927.927 0 0 0 1.555.683l4.255-3.909h.89v1.84c0 .512.416.927.928.927h6.136l2.75 2.79c.581.59 1.587.178 1.587-.652v-2.138h1.721a.927.927 0 0 0 .927-.927V5.441a.927.927 0 0 0-.927-.927H19.69zm0 5.147h2.796v10.504h-2.649v2.183l-2.152-2.183h-6.153V15.37h7.23a.927.927 0 0 0 .928-.927zM18.142 1.56H1.548v12.277h3.284v3.346l3.672-3.346h9.638zm-6.396 8.272c.302 0 .546.245.546.546v.443a.545.545 0 0 1-.546.546H5.212a.545.545 0 0 1-.545-.546v-.443c0-.301.244-.546.545-.546zM6.621 7.236c.301 0 .546.245.546.546v.443a.545.545 0 0 1-.546.546H5.212a.545.545 0 0 1-.545-.546v-.443c0-.301.244-.546.545-.546zm8.2 0c.301 0 .546.245.546.546v.443a.546.546 0 0 1-.546.546h-1.106a.545.545 0 0 1-.546-.546v-.443c0-.301.245-.546.546-.546zm-5.446 0c.302 0 .546.245.546.546v.443a.545.545 0 0 1-.546.546H8.086a.545.545 0 0 1-.545-.546v-.443c0-.301.244-.546.545-.546h1.29Zm2.875 0c.3 0 .545.245.545.546v.443a.545.545 0 0 1-.545.546h-1.41a.545.545 0 0 1-.545-.546v-.443c0-.301.244-.546.546-.546zm2.544-2.57c.302 0 .546.245.546.546v.443a.545.545 0 0 1-.546.546H5.212a.545.545 0 0 1-.545-.546v-.443c0-.301.244-.545.545-.545h9.582Z"
2734
+ })));
2735
+ };
2736
+
2737
+ var _path$u;
2738
+ 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); }
2739
+ var SvgIconSquareOnDashedSquareLarge = function SvgIconSquareOnDashedSquareLarge(props) {
2740
+ return /*#__PURE__*/React.createElement("svg", _extends$u({
2741
+ xmlns: "http://www.w3.org/2000/svg",
2742
+ width: 24,
2743
+ height: 24
2744
+ }, props), _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
2745
+ fillRule: "evenodd",
2746
+ d: "M9.103 9.226v4.845c0 .232.087.45.244.62.114.122.26.213.409.257l.089.021.074.01 4.94.003v4.844a1.18 1.18 0 0 1-.953 1.16l-.118.017-.111.005H4.259a1.18 1.18 0 0 1-1.159-.953l-.017-.118-.006-.11v-9.419A1.18 1.18 0 0 1 4.03 9.25l.118-.017.111-.006zm-1.396 1.4h-3.23v8.98h8.988v-3.23H9.879a2.2 2.2 0 0 1-1.168-.418l-.125-.097-.195-.187-.09-.09a2.22 2.22 0 0 1-.573-1.213l-.016-.153-.005-.15v-3.441Zm9.372 4.343c.371 0 .677.292.677.65a.66.66 0 0 1-.524.633l-.078.013-.075.004h-.66a.66.66 0 0 1-.672-.65c0-.3.213-.558.513-.63l.076-.015.082-.005zm2.405-.431c.175-.29.501-.413.813-.272a.613.613 0 0 1 .318.842c-.258.566-.78.93-1.401.99-.37.036-.66-.156-.696-.525a.67.67 0 0 1 .448-.698l.075-.022.127-.02a.4.4 0 0 0 .213-.123l.036-.048zm.789-4.29c.3 0 .558.212.63.512l.015.077.005.082v1.58c0 .37-.291.671-.65.671a.655.655 0 0 1-.63-.513l-.015-.076-.005-.082v-1.58a.66.66 0 0 1 .65-.672Zm0-4.07c.3 0 .558.212.63.512l.015.077.005.082v1.58c0 .37-.291.671-.65.671a.655.655 0 0 1-.63-.513l-.015-.076-.005-.082v-1.58a.66.66 0 0 1 .65-.672ZM8.54 5.927c.312 0 .58.212.655.512l.014.077.006.082V7.67a.675.675 0 0 1-1.33.159l-.015-.077-.005-.082V6.599c0-.371.302-.672.675-.672m1.084-2.73a.672.672 0 0 1 .202 1.317l-.076.017-.129.012a.4.4 0 0 0-.22.11l-.039.045-.074.12a.672.672 0 0 1-1.144-.7 1.74 1.74 0 0 1 1.48-.921m9.585-.065a1.75 1.75 0 0 1 1.48.922.671.671 0 0 1-1.096.76l-.053-.067-.036-.06a.4.4 0 0 0-.228-.193l-.057-.014-.055-.005a.672.672 0 0 1 .044-1.343Zm-5.915-.141c.371 0 .672.291.672.65a.655.655 0 0 1-.513.63l-.077.015-.082.005h-1.58a.66.66 0 0 1-.67-.65c0-.301.212-.558.512-.63l.077-.015.082-.005h1.58Zm3.793 0c.371 0 .672.291.672.65a.655.655 0 0 1-.513.63l-.077.015-.082.005h-1.58a.66.66 0 0 1-.671-.65c0-.301.212-.558.513-.63l.076-.015.082-.005z"
2747
+ })));
2748
+ };
2749
+
2750
+ var _path$t;
2751
+ 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); }
2752
+ var SvgIconStarburstSmall = function SvgIconStarburstSmall(props) {
2753
+ return /*#__PURE__*/React.createElement("svg", _extends$t({
2754
+ xmlns: "http://www.w3.org/2000/svg",
2755
+ width: 16,
2756
+ height: 16
2757
+ }, props), _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
2758
+ fillRule: "evenodd",
2759
+ d: "m.91 6.341 1.513-.908a.8.8 0 0 0 .388-.672l.03-1.764a.8.8 0 0 1 .926-.777l1.743.277a.8.8 0 0 0 .729-.266L7.396.9a.8.8 0 0 1 1.208 0L9.76 2.231a.8.8 0 0 0 .73.266l1.742-.277a.8.8 0 0 1 .925.777l.03 1.764a.8.8 0 0 0 .388.672l1.513.908a.8.8 0 0 1 .21 1.19l-1.11 1.37a.8.8 0 0 0-.136.765l.575 1.668a.8.8 0 0 1-.604 1.046l-1.732.336a.8.8 0 0 0-.594.499c-.441-.186-1.4-.537-1.4-.537a2.3 2.3 0 0 1 1.708-1.435l.942-.182-.313-.907a2.3 2.3 0 0 1 .388-2.197l.603-.745-.822-.493a2.3 2.3 0 0 1-1.115-1.933l-.017-.958-.947.15a2.3 2.3 0 0 1-2.096-.763L8 2.491l-.629.724a2.3 2.3 0 0 1-2.096.763l-.947-.15-.017.959a2.3 2.3 0 0 1-1.115 1.932l-.822.493.603.745a2.3 2.3 0 0 1 .388 2.197l-.313.907.942.182a2.3 2.3 0 0 1 1.709 1.435l.343.895.838-.465.728 1.311-1.543.856a.8.8 0 0 1-1.135-.413l-.632-1.647a.8.8 0 0 0-.594-.499l-1.732-.336a.8.8 0 0 1-.604-1.046l.575-1.668a.8.8 0 0 0-.135-.765l-1.11-1.37A.8.8 0 0 1 .91 6.34Zm9.044 7.232.343-.895s.96.35 1.4.537l-.631 1.647a.8.8 0 0 1-1.135.413l-1.543-.856a.8.8 0 0 0-.776 0l-.728-1.311a2.3 2.3 0 0 1 2.232 0z"
2760
+ })));
2761
+ };
2762
+
2763
+ var _path$s, _path2$8;
2764
+ 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); }
2765
+ var SvgIconStarLarge = function SvgIconStarLarge(props) {
2766
+ return /*#__PURE__*/React.createElement("svg", _extends$s({
2767
+ xmlns: "http://www.w3.org/2000/svg",
2768
+ width: 24,
2769
+ height: 24
2770
+ }, props), _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
2771
+ fillRule: "evenodd",
2772
+ d: "m11.992 8.712-.64 1.538a1.86 1.86 0 0 1-1.563 1.136l-1.66.133 1.264 1.084c.528.452.759 1.162.598 1.838l-.387 1.62 1.422-.868a1.86 1.86 0 0 1 1.933 0l1.421.868-.386-1.62a1.85 1.85 0 0 1 .597-1.838l1.265-1.084-1.66-.133a1.86 1.86 0 0 1-1.564-1.136zM13 7.015c-.372-.896-1.641-.896-2.014 0L9.892 9.642a.27.27 0 0 1-.23.167l-2.837.228c-.967.077-1.36 1.284-.622 1.916l2.161 1.851a.27.27 0 0 1 .088.27l-.66 2.769c-.225.944.801 1.69 1.63 1.184l2.428-1.484a.27.27 0 0 1 .284 0l2.43 1.484c.827.505 1.854-.24 1.629-1.184l-.66-2.769a.27.27 0 0 1 .087-.27l2.162-1.851c.737-.632.344-1.839-.623-1.916l-2.837-.228a.27.27 0 0 1-.23-.167z"
2773
+ })), _path2$8 || (_path2$8 = /*#__PURE__*/React.createElement("path", {
2774
+ d: "M11.201 2.111a.79.79 0 1 1 1.582 0v1.69a.791.791 0 0 1-1.582 0zm11.055 9.091a.79.79 0 0 1 0 1.582h-1.691a.79.79 0 0 1 0-1.582zm-3.466-7.13a.791.791 0 0 1 1.119 1.119l-1.196 1.195a.79.79 0 1 1-1.119-1.118zm1.945 14.727a.79.79 0 1 1-1.119 1.118l-1.195-1.195a.79.79 0 1 1 1.118-1.119zm-9.534 1.386a.79.79 0 0 1 1.582 0v1.69a.791.791 0 0 1-1.582 0zM3.42 11.202a.79.79 0 1 1 0 1.582H1.73a.79.79 0 1 1 0-1.582zm1.028 6.401a.79.79 0 1 1 1.119 1.119L4.37 19.917A.791.791 0 0 1 3.253 18.8zM6.39 5.268a.79.79 0 1 1-1.12 1.118L4.076 5.191a.79.79 0 1 1 1.119-1.119z"
2775
+ })));
2776
+ };
2777
+
2778
+ var _path$r;
2779
+ 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); }
2780
+ var SvgIconTableSmall = function SvgIconTableSmall(props) {
2781
+ return /*#__PURE__*/React.createElement("svg", _extends$r({
2782
+ xmlns: "http://www.w3.org/2000/svg",
2783
+ width: 16,
2784
+ height: 16
2785
+ }, props), _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
2786
+ fillRule: "evenodd",
2787
+ d: "M14.5 1.143h-13a1.5 1.5 0 0 0-1.5 1.5v11a1.5 1.5 0 0 0 1.5 1.5h13a1.5 1.5 0 0 0 1.5-1.5v-11a1.5 1.5 0 0 0-1.5-1.5m-7.071 12.2h-6V10h6zm0-5.2h-6v-3.4h6zm7.142 5.2h-6V10h6zm0-5.2h-6v-3.4h6z"
2788
+ })));
2789
+ };
2790
+
2791
+ var _path$q, _path2$7, _path3$2;
2792
+ 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); }
2793
+ var SvgIconTrashCanLarge = function SvgIconTrashCanLarge(props) {
2794
+ return /*#__PURE__*/React.createElement("svg", _extends$q({
2795
+ xmlns: "http://www.w3.org/2000/svg",
2796
+ width: 24,
2797
+ height: 24
2798
+ }, props), _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
2799
+ fillRule: "evenodd",
2800
+ d: "M9.188 2.202a2.18 2.18 0 0 0-2.181 2.181v.648H4.102a.49.49 0 0 0-.49.491v.557c0 .27.219.49.49.49h15.796a.49.49 0 0 0 .491-.49v-.557a.49.49 0 0 0-.49-.49h-2.903v-.649a2.18 2.18 0 0 0-2.182-2.181zm-.64 2.201c0-.361.293-.654.655-.654h5.594c.362 0 .655.293.655.654v.62H8.548z"
2801
+ })), _path2$7 || (_path2$7 = /*#__PURE__*/React.createElement("path", {
2802
+ d: "M17.714 7.828a.22.22 0 0 1 .218-.209h1.103c.124 0 .223.103.218.227l-.492 12.336c-.023.411-.213 1.007-.528 1.29s-.732.44-1.166.44H6.929c-.434 0-.852-.157-1.167-.44s-.501-.88-.524-1.29L4.733 7.845a.22.22 0 0 1 .218-.227h1.117c.117 0 .213.093.218.21l.506 12.296s.047.293.363.292l9.698.008c.308 0 .353-.316.353-.316z"
2803
+ })), _path3$2 || (_path3$2 = /*#__PURE__*/React.createElement("path", {
2804
+ d: "M8.496 9.62a.44.44 0 0 1 .418-.454l.436-.02a.436.436 0 0 1 .454.418l.369 9.175a.44.44 0 0 1-.418.454l-.436.02a.435.435 0 0 1-.454-.418zm3.286-.469a.436.436 0 0 0-.436.437v9.15c0 .241.195.437.436.437h.437c.24 0 .436-.196.436-.437v-9.15a.436.436 0 0 0-.436-.437zm2.424.413a.435.435 0 0 1 .454-.417l.436.019c.24.01.428.214.418.455l-.378 9.174a.435.435 0 0 1-.454.417l-.436-.02a.44.44 0 0 1-.418-.454z"
2805
+ })));
2806
+ };
2807
+
2808
+ var _path$p;
2809
+ 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); }
2810
+ var SvgIconTrashCanSmall = function SvgIconTrashCanSmall(props) {
2811
+ return /*#__PURE__*/React.createElement("svg", _extends$p({
2812
+ xmlns: "http://www.w3.org/2000/svg",
2813
+ width: 16,
2814
+ height: 16
2815
+ }, props), _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
2816
+ fillRule: "evenodd",
2817
+ d: "M10.633 1.6v.525h3.756a1.058 1.058 0 1 1 0 2.115h-.503l-.856 10.293A1.6 1.6 0 0 1 11.436 16H4.36a1.6 1.6 0 0 1-1.595-1.467L1.91 4.24h-.315a1.058 1.058 0 0 1 0-2.115h3.53V1.6a1.6 1.6 0 0 1 1.6-1.6h2.308a1.6 1.6 0 0 1 1.6 1.6m-1.44-.32H6.585v.826h2.608zM5.037 13.434a.574.574 0 0 0 1.147-.062l-.39-7.183a.574.574 0 1 0-1.146.062l.39 7.183Zm2.71.514a.573.573 0 0 0 .574-.574V6.211a.573.573 0 1 0-1.147 0v7.163c0 .317.257.574.574.574Zm2.11.01a.574.574 0 0 0 .6-.543l.39-7.182A.574.574 0 1 0 9.7 6.17l-.389 7.183a.574.574 0 0 0 .545.604Z"
2818
+ })));
2819
+ };
2820
+
2821
+ var _path$o;
2822
+ 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); }
2823
+ var SvgIconTreeDendogramLarge = function SvgIconTreeDendogramLarge(props) {
2824
+ return /*#__PURE__*/React.createElement("svg", _extends$o({
2825
+ xmlns: "http://www.w3.org/2000/svg",
2826
+ width: 24,
2827
+ height: 24
2828
+ }, props), _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
2829
+ d: "M20.812 6.325a1.4 1.4 0 1 0-1.158-2.188H12a.79.79 0 0 0-.788.788v2.842H7.8a.787.787 0 0 0-.788.788v4.138H4.425a1.4 1.4 0 1 0 0 1.575h2.587v4.657c0 .435.353.787.788.787h11.854a1.399 1.399 0 0 0 2.558-.787 1.4 1.4 0 0 0-2.557-.788H8.587V9.342h2.625v2.324c0 .435.353.787.788.787h7.655a1.4 1.4 0 1 0 0-1.575h-6.868V5.712h6.868c.252.37.676.613 1.157.613"
2830
+ })));
2831
+ };
2832
+
2833
+ var _path$n;
2834
+ 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); }
2835
+ var SvgIconTreeHorizontalLarge = function SvgIconTreeHorizontalLarge(props) {
2836
+ return /*#__PURE__*/React.createElement("svg", _extends$n({
2837
+ xmlns: "http://www.w3.org/2000/svg",
2838
+ width: 24,
2839
+ height: 24
2840
+ }, props), _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
2841
+ fillRule: "evenodd",
2842
+ d: "M18.784 17.275c.85 0 1.517.663 1.517 1.51 0 .854-.667 1.524-1.517 1.524a1.53 1.53 0 0 1-1.531-1.525c0-.846.673-1.509 1.531-1.509M5.232 13.527c-.85 0-1.517-.67-1.517-1.524 0-.847.667-1.51 1.517-1.51.859 0 1.532.663 1.532 1.51a1.53 1.53 0 0 1-1.532 1.524M18.784 3.69c.85 0 1.517.67 1.517 1.525 0 .846-.667 1.509-1.517 1.509-.858 0-1.531-.663-1.531-1.51 0-.84.686-1.524 1.531-1.524m0 6.803c.85 0 1.517.663 1.517 1.51 0 .854-.667 1.524-1.517 1.524a1.53 1.53 0 0 1-1.531-1.524c0-.847.673-1.51 1.531-1.51M15.84 12.84c.345 1.323 1.608 2.345 2.944 2.345 1.636 0 3.078-1.547 3.078-3.182s-1.442-3.189-3.078-3.189c-1.343 0-2.605 1.036-2.944 2.368h-2.978V6.109h3c.365 1.286 1.617 2.182 2.922 2.182 1.636 0 3.078-1.44 3.078-3.076 0-1.635-1.442-3.077-3.078-3.077-1.353 0-2.64.967-2.955 2.313h-3.805c-.192 0-.486.117-.622.25-.14.135-.218.385-.22.59v5.89H8.17C7.832 9.85 6.574 8.815 5.23 8.815c-1.642 0-3.093 1.55-3.093 3.189 0 1.595 1.492 3.182 3.094 3.182 1.337 0 2.595-1.022 2.939-2.345h3.01v5.892c.007.393.449.817.842.817h3.806c.316 1.343 1.604 2.313 2.955 2.313 1.636 0 3.078-1.443 3.078-3.078s-1.442-3.075-3.078-3.075c-1.305 0-2.557.895-2.922 2.182h-3V12.84z"
2843
+ })));
2844
+ };
2845
+
2846
+ var _path$m, _path2$6;
2847
+ 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); }
2848
+ var SvgIconTreeHorizontalPrivateLarge = function SvgIconTreeHorizontalPrivateLarge(props) {
2849
+ return /*#__PURE__*/React.createElement("svg", _extends$m({
2850
+ xmlns: "http://www.w3.org/2000/svg",
2851
+ width: 24,
2852
+ height: 24
2853
+ }, props), _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
2854
+ fill: "#CCC",
2855
+ fillRule: "evenodd",
2856
+ d: "M13.71 15.9H9.652v-4.8h2.987a2.68 2.68 0 0 0 2.605 2.025c1.531 0 2.757-1.2 2.757-2.7s-1.226-2.7-2.757-2.7a2.68 2.68 0 0 0-2.605 2.025H9.651v-4.8h2.987c.307 1.2 1.379 1.95 2.605 1.95C16.774 6.9 18 5.7 18 4.2s-1.226-2.7-2.757-2.7c-1.226 0-2.375.9-2.605 2.1h-3.6q-.23 0-.46.225-.229.225-.23.45V9.75H5.363a2.68 2.68 0 0 0-2.605-2.025c-1.531 0-2.757 1.2-2.757 2.7v.075c.077 1.425 1.302 2.625 2.757 2.625A2.68 2.68 0 0 0 5.362 11.1h2.987v5.475a.68.68 0 0 0 .69.675h4.059c.076-.525.306-.9.613-1.35Zm1.533-6.825c.766 0 1.378.6 1.378 1.35s-.612 1.425-1.378 1.425-1.38-.6-1.38-1.425c-.076-.75.537-1.35 1.38-1.35m0-6.225c.766 0 1.378.6 1.378 1.425 0 .75-.612 1.35-1.378 1.35s-1.38-.6-1.38-1.35c-.076-.75.614-1.425 1.38-1.425m-12.562 9c-.766 0-1.379-.6-1.379-1.425 0-.75.613-1.35 1.379-1.35s1.455.6 1.455 1.35-.69 1.425-1.455 1.425"
2857
+ })), _path2$6 || (_path2$6 = /*#__PURE__*/React.createElement("path", {
2858
+ fillRule: "evenodd",
2859
+ 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"
2860
+ })));
2861
+ };
2862
+
2863
+ var _path$l, _path2$5;
2864
+ 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); }
2865
+ var SvgIconTreeHorizontalPublicLarge = function SvgIconTreeHorizontalPublicLarge(props) {
2866
+ return /*#__PURE__*/React.createElement("svg", _extends$l({
2867
+ xmlns: "http://www.w3.org/2000/svg",
2868
+ width: 24,
2869
+ height: 24
2870
+ }, props), _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
2871
+ fill: "#CCC",
2872
+ fillRule: "evenodd",
2873
+ d: "M13.94 15.9H9.651v-4.8h2.987a2.68 2.68 0 0 0 2.605 2.025c1.531 0 2.757-1.2 2.757-2.7s-1.226-2.7-2.757-2.7a2.68 2.68 0 0 0-2.605 2.025H9.651v-4.8h2.987c.307 1.2 1.379 1.95 2.605 1.95C16.774 6.9 18 5.7 18 4.2s-1.226-2.7-2.757-2.7c-1.226 0-2.375.9-2.605 2.1h-3.6q-.23 0-.46.225-.229.225-.23.45V9.75H5.363a2.68 2.68 0 0 0-2.605-2.025c-1.531 0-2.757 1.2-2.757 2.7v.075c.077 1.425 1.302 2.625 2.757 2.625A2.68 2.68 0 0 0 5.362 11.1h2.987v5.475a.68.68 0 0 0 .69.675h4.289a2.75 2.75 0 0 1 .612-1.35m1.303-6.825c.766 0 1.378.6 1.378 1.35s-.612 1.425-1.378 1.425-1.38-.6-1.38-1.425c-.076-.75.537-1.35 1.38-1.35m0-6.225c.766 0 1.378.6 1.378 1.425 0 .75-.612 1.35-1.378 1.35s-1.38-.6-1.38-1.35c-.076-.75.614-1.425 1.38-1.425m-12.562 9c-.766 0-1.379-.6-1.379-1.425 0-.75.613-1.35 1.379-1.35s1.455.6 1.455 1.35-.69 1.425-1.455 1.425"
2874
+ })), _path2$5 || (_path2$5 = /*#__PURE__*/React.createElement("path", {
2875
+ fillRule: "evenodd",
2876
+ 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"
2877
+ })));
2878
+ };
2879
+
2880
+ var _path$k;
2881
+ 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); }
2882
+ var SvgIconTreeHorizontalSmall = function SvgIconTreeHorizontalSmall(props) {
2883
+ return /*#__PURE__*/React.createElement("svg", _extends$k({
2884
+ xmlns: "http://www.w3.org/2000/svg",
2885
+ width: 16,
2886
+ height: 16
2887
+ }, props), _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
2888
+ fillRule: "evenodd",
2889
+ d: "M13.162 1.143c1.121 0 2 .874 2 1.99 0 1.127-.879 2.01-2 2.01A2.02 2.02 0 0 1 11.341 4H8.286v3.143h3.042A2 2 0 0 1 13.162 6c1.121 0 2 .874 2 1.99 0 1.127-.879 2.01-2 2.01a2.02 2.02 0 0 1-1.821-1.142H8.286V12h3.042a2 2 0 0 1 1.834-1.143c1.121 0 2 .875 2 1.99 0 1.127-.879 2.01-2 2.01a2.02 2.02 0 0 1-1.821-1.142H7.429a.86.86 0 0 1-.85-.742l-.008-.116v-4l-2.17.001c-.317.681-1 1.142-1.81 1.142A2.016 2.016 0 0 1 .57 7.99C.571 6.875 1.46 6 2.591 6c.815 0 1.502.462 1.816 1.143H6.57v-4c0-.434.323-.793.741-.85l.117-.007h3.9a2 2 0 0 1 1.833-1.143Z"
2890
+ })));
2891
+ };
2892
+
2893
+ var _path$j;
2894
+ 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); }
2895
+ var SvgIconTreeHorizontalTopRightFilledLarge = function SvgIconTreeHorizontalTopRightFilledLarge(props) {
2896
+ return /*#__PURE__*/React.createElement("svg", _extends$j({
2897
+ xmlns: "http://www.w3.org/2000/svg",
2898
+ width: 24,
2899
+ height: 24
2900
+ }, props), _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
2901
+ fillRule: "evenodd",
2902
+ d: "M18.784 17.276c.85 0 1.517.663 1.517 1.508 0 .855-.667 1.525-1.517 1.525a1.53 1.53 0 0 1-1.531-1.525c0-.845.673-1.508 1.531-1.508m-13.552-3.75c-.85 0-1.517-.67-1.517-1.523 0-.847.667-1.51 1.517-1.51.859 0 1.532.663 1.532 1.51a1.53 1.53 0 0 1-1.532 1.524Zm13.552-3.033c.85 0 1.517.663 1.517 1.51 0 .854-.667 1.524-1.517 1.524a1.53 1.53 0 0 1-1.531-1.524c0-.847.673-1.51 1.531-1.51M15.84 12.84c.345 1.323 1.608 2.345 2.944 2.345 1.636 0 3.078-1.547 3.078-3.182s-1.442-3.188-3.078-3.188c-1.343 0-2.605 1.035-2.944 2.367h-2.978V6.109h3c.365 1.287 1.617 2.182 2.922 2.182 1.636 0 3.078-1.44 3.078-3.076 0-1.635-1.442-3.077-3.078-3.077-1.353 0-2.64.967-2.955 2.313h-3.805c-.192 0-.486.117-.622.25-.14.135-.218.385-.22.59v5.89H8.17c-.339-1.33-1.597-2.366-2.94-2.366-1.642 0-3.093 1.549-3.093 3.188 0 1.595 1.492 3.182 3.094 3.182 1.337 0 2.595-1.022 2.939-2.345h3.01v5.892c.008.393.449.817.842.817h3.806c.316 1.343 1.604 2.313 2.955 2.313 1.636 0 3.078-1.443 3.078-3.078s-1.442-3.075-3.078-3.075c-1.305 0-2.557.895-2.922 2.182h-3V12.84z"
2903
+ })));
2904
+ };
2905
+
2906
+ var _path$i;
2907
+ 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); }
2908
+ var SvgIconTreeVerticalSmall = function SvgIconTreeVerticalSmall(props) {
2909
+ return /*#__PURE__*/React.createElement("svg", _extends$i({
2910
+ xmlns: "http://www.w3.org/2000/svg",
2911
+ width: 16,
2912
+ height: 16
2913
+ }, props), _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
2914
+ fillRule: "evenodd",
2915
+ d: "M5.571 1.143a2.142 2.142 0 0 1 .807 4.128l.008.012v3.595l.177-.064c.39-.129.838-.2 1.538-.271l.744-.073c1.008-.113 1.43-.248 1.696-.579q.233-.285.256-.887A2.155 2.155 0 0 1 9.43 5a2.142 2.142 0 1 1 4.285 0 2.15 2.15 0 0 1-1.457 2.033l.161-.063.01.02c-.012.701-.173 1.282-.49 1.752l-.126.17c-.665.826-1.473 1.059-3.284 1.226l-.667.07c-.515.063-.797.131-1.041.255a.8.8 0 0 0-.318.27l-.028.039a2.142 2.142 0 1 1-3.046 1.943c0-.96.63-1.771 1.5-2.047l-.13.046-.04-.093V5.283l.004-.013a2.141 2.141 0 0 1 .81-4.127Z"
2916
+ })));
2917
+ };
2918
+
2919
+ var _path$h;
2920
+ 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); }
2921
+ var SvgIconTriangleDownSmall = function SvgIconTriangleDownSmall(props) {
2922
+ return /*#__PURE__*/React.createElement("svg", _extends$h({
2923
+ xmlns: "http://www.w3.org/2000/svg",
2924
+ width: 16,
2925
+ height: 16
2926
+ }, props), _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
2927
+ d: "M3.29 4.8h9.42a.7.7 0 0 1 .495 1.195l-4.71 4.71a.7.7 0 0 1-.99 0l-4.71-4.71A.7.7 0 0 1 3.29 4.8"
2928
+ })));
2929
+ };
2930
+
2931
+ var _path$g;
2932
+ 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); }
2933
+ var SvgIconTriangleLeftSmall = function SvgIconTriangleLeftSmall(props) {
2934
+ return /*#__PURE__*/React.createElement("svg", _extends$g({
2935
+ xmlns: "http://www.w3.org/2000/svg",
2936
+ width: 16,
2937
+ height: 16
2938
+ }, props), _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
2939
+ d: "M11.2 3.29v9.42a.7.7 0 0 1-1.195.495l-4.71-4.71a.7.7 0 0 1 0-.99l4.71-4.71a.7.7 0 0 1 1.195.495"
2940
+ })));
2941
+ };
2942
+
2943
+ var _path$f;
2944
+ 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); }
2945
+ var SvgIconTriangleRightSmall = function SvgIconTriangleRightSmall(props) {
2946
+ return /*#__PURE__*/React.createElement("svg", _extends$f({
2947
+ xmlns: "http://www.w3.org/2000/svg",
2948
+ width: 16,
2949
+ height: 16
2950
+ }, props), _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
2951
+ d: "M4.8 12.71V3.29a.7.7 0 0 1 1.195-.495l4.71 4.71a.7.7 0 0 1 0 .99l-4.71 4.71A.7.7 0 0 1 4.8 12.71"
2952
+ })));
2953
+ };
2954
+
2955
+ var _path$e;
2956
+ 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); }
2957
+ var SvgIconTriangleUpSmall = function SvgIconTriangleUpSmall(props) {
2958
+ return /*#__PURE__*/React.createElement("svg", _extends$e({
2959
+ xmlns: "http://www.w3.org/2000/svg",
2960
+ width: 16,
2961
+ height: 16
2962
+ }, props), _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
2963
+ d: "M12.71 11.2H3.29a.7.7 0 0 1-.495-1.195l4.71-4.71a.7.7 0 0 1 .99 0l4.71 4.71a.7.7 0 0 1-.495 1.195"
2964
+ })));
2965
+ };
2966
+
2967
+ var _path$d;
2968
+ function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
2969
+ var SvgIconUpdateLarge = function SvgIconUpdateLarge(props) {
2970
+ return /*#__PURE__*/React.createElement("svg", _extends$d({
2971
+ xmlns: "http://www.w3.org/2000/svg",
2972
+ width: 24,
2973
+ height: 24
2974
+ }, props), _path$d || (_path$d = /*#__PURE__*/React.createElement("path", {
2975
+ fillRule: "evenodd",
2976
+ d: "M18.772 7.79a.873.873 0 0 1 1.21.239q.35.521.63 1.087a.873.873 0 1 1-1.565.773A8 8 0 0 0 18.532 9a.873.873 0 0 1 .24-1.21m1.88 4.131a.873.873 0 0 1 .928.815 10 10 0 0 1 0 1.255.873.873 0 0 1-1.742-.112 8 8 0 0 0 0-1.03.873.873 0 0 1 .815-.928Zm-.436 4.52c.432.215.61.738.396 1.17a10 10 0 0 1-.63 1.087.873.873 0 0 1-1.45-.97q.285-.428.515-.89a.873.873 0 0 1 1.169-.396Zm-16.431 0a.873.873 0 0 1 1.169.397q.228.462.514.89a.873.873 0 0 1-1.45.97 10 10 0 0 1-.63-1.087.873.873 0 0 1 .397-1.17m13.79 3.694c.268.4.16.943-.24 1.211q-.521.349-1.087.629a.873.873 0 0 1-.774-1.565q.464-.229.89-.514a.873.873 0 0 1 1.21.24Zm-11.149 0a.873.873 0 0 1 1.21-.24q.428.286.89.515a.873.873 0 1 1-.773 1.565 10 10 0 0 1-1.087-.629.873.873 0 0 1-.24-1.21Zm4.132 1.881a.873.873 0 0 1 .927-.814 8 8 0 0 0 1.03 0 .873.873 0 1 1 .113 1.741 10 10 0 0 1-1.255 0 .873.873 0 0 1-.815-.927m5.332-10.36c.34.34.34.893 0 1.234l-3.273 3.273a.873.873 0 0 1-1.234 0L9.201 13.98a.873.873 0 0 1 1.234-1.234L12 14.31l2.656-2.655a.873.873 0 0 1 1.234 0Zm1.091-6.402a.873.873 0 0 0 0-1.235l-2.717-2.716a.873.873 0 1 0-1.234 1.234l1.227 1.227H12a9.6 9.6 0 0 0-9.6 9.6.873.873 0 0 0 1.746 0A7.855 7.855 0 0 1 12 5.509h2.257L13.03 6.736a.873.873 0 0 0 1.235 1.234z"
2977
+ })));
2978
+ };
2979
+
2980
+ var _path$c;
2981
+ function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
2982
+ var SvgIconUploadLarge = function SvgIconUploadLarge(props) {
2983
+ return /*#__PURE__*/React.createElement("svg", _extends$c({
2984
+ xmlns: "http://www.w3.org/2000/svg",
2985
+ width: 24,
2986
+ height: 24
2987
+ }, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
2988
+ fillRule: "evenodd",
2989
+ d: "M10.667 3.75c-2.942 0-5.408 2.128-6 4.956C2.042 9.044 0 11.306 0 14.069c0 2.995 2.393 5.43 5.333 5.43h.8a.8.8 0 0 0 .703-.403.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.338 13.03a.8.8 0 0 0 .566-.248.82.82 0 0 0 .226-.584v-4.344l.467.543a.793.793 0 0 0 1.362-.25.83.83 0 0 0-.162-.828l-1.867-2.172a.794.794 0 0 0-1.2 0L9.53 11.069a.83.83 0 0 0-.166.803.792.792 0 0 0 1.366.275l.467-.543v4.345a.82.82 0 0 0 .231.59c.152.156.36.243.577.241m-3.213-.556a.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"
2990
+ })));
2991
+ };
2992
+
2993
+ var _path$b, _path2$4;
2994
+ function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
2995
+ var SvgIconUploadSmall = function SvgIconUploadSmall(props) {
2996
+ return /*#__PURE__*/React.createElement("svg", _extends$b({
2997
+ xmlns: "http://www.w3.org/2000/svg",
2998
+ width: 16,
2999
+ height: 16
3000
+ }, props), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
3001
+ d: "M8.006 11.976a.98.98 0 0 1-.713-.299 1.02 1.02 0 0 1-.288-.735v-6.1L5.892 6.139a.98.98 0 0 1-.942.334 1 1 0 0 1-.75-.674 1.03 1.03 0 0 1 .208-1.001l2.847-3.314a.98.98 0 0 1 .74-.34c.284 0 .554.124.742.341l2.844 3.31c.254.282.332.68.205 1.036a.98.98 0 0 1-1.685.31L8.986 4.844v6.094c.006.276-.096.538-.28.733a1 1 0 0 1-.57.296z"
3002
+ })), _path2$4 || (_path2$4 = /*#__PURE__*/React.createElement("path", {
3003
+ d: "M12.526 11.253c0-.554.417-1.012.956-1.074l.126-.008c.597 0 1.082.485 1.082 1.082l-.002 2.484-.01.178c-.062.538-.52.956-1.074.956H2.396a1.083 1.083 0 0 1-1.081-1.09v-2.527a1.082 1.082 0 1 1 2.163 0l-.001 1.452h9.048z"
3004
+ })));
3005
+ };
3006
+
3007
+ var _path$a, _path2$3, _path3$1, _path4;
3008
+ function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
3009
+ var SvgIconVirusCircleSLarge = function SvgIconVirusCircleSLarge(props) {
3010
+ return /*#__PURE__*/React.createElement("svg", _extends$a({
3011
+ xmlns: "http://www.w3.org/2000/svg",
3012
+ width: 24,
3013
+ height: 24
3014
+ }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
3015
+ d: "M20.62 10.487c0-.382.308-.803.807-.803.498 0 .785.421.785.803v2.764c0 .28-.15.536-.36.672a6.7 6.7 0 0 0-1.231-.852v-.405h-1.047a5.6 5.6 0 0 0-1.454-.19c-.06 0-.23-.002-.289 0 .014-.167.02-.441.02-.61a6.095 6.095 0 0 0-6.106-6.112c-3.336 0-6.115 2.777-6.115 6.115a6.104 6.104 0 0 0 6.115 6.115c.253 0 .604-.025.852-.055l.001.203c0 .413.068 1.011.153 1.399-.064.008-.15.023-.213.029v1.185h.66c.178.34.445.755.686 1.049-.136.345-.447.57-.749.545h-2.763c-.382 0-.809-.307-.809-.801s.417-.793.799-.793h.586V19.56a7.17 7.17 0 0 1-4.025-1.708l-.89.854.414.415c.268.27.35.765 0 1.117s-.861.268-1.13 0l-1.942-1.942a.8.8 0 0 1-.072-1.202c.382-.382.94-.242 1.189.085l.41.41.862-.896a7.18 7.18 0 0 1-1.677-4.027H2.864v.585c0 .381-.288.797-.793.797a.79.79 0 0 1-.796-.797v-2.764c0-.382.306-.802.796-.802s.793.42.793.802v.585h1.223A7.2 7.2 0 0 1 5.768 7.04l-.852-.889-.416.416a.793.793 0 0 1-1.12 0c-.35-.35-.27-.867-.003-1.137L5.32 3.49c.249-.338.832-.43 1.2-.062s.25.936-.077 1.185l-.415.415.894.86a7.2 7.2 0 0 1 4.027-1.676v-1.22h-.586a.8.8 0 0 1-.795-.796c0-.486.413-.797.795-.797h2.763c.382 0 .797.31.797.797s-.415.796-.797.796h-.588v1.22a7.2 7.2 0 0 1 4.032 1.682l.89-.852-.415-.415c-.305-.261-.393-.82-.038-1.175s.906-.249 1.162.05l1.956 1.942c.267.27.348.777.001 1.127-.347.349-.856.265-1.126-.002l-.412-.413-.828.893a7.2 7.2 0 0 1 1.678 4.027h1.184v-.589Z"
3016
+ })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
3017
+ fillRule: "evenodd",
3018
+ d: "M22.726 17.988c0 2.486-2.014 4.62-4.598 4.62a4.6 4.6 0 0 1-4.61-4.624 4.584 4.584 0 0 1 4.602-4.59c2.55 0 4.606 2.109 4.606 4.594m-3.396 2.284c.293-.264.426-.6.426-1.014 0-.413-.072-.528-.24-.808q-.277-.363-1.029-.722a8 8 0 0 1-.721-.373.8.8 0 0 1-.22-.216.9.9 0 0 1-.112-.361.64.64 0 0 1 .265-.49c.114-.1.31-.145.525-.145q.27 0 .55.07c.187.046.355.105.64.222l.283-.695a4.3 4.3 0 0 0-.705-.243 3.2 3.2 0 0 0-.8-.092c-.573.027-.965.179-1.288.45-.285.326-.358.603-.358 1.016 0 .251.025.364.122.552q.147.282.392.495c.164.141.405.285.736.443.35.166.565.278.678.353.114.076.295.216.318.31.058.081.06.193.06.298 0 .226-.127.452-.303.523q-.197.142-.571.142-.312 0-.688-.099a5 5 0 0 1-.815-.293v.814c.44.215.844.292 1.415.292.62 0 1.147-.164 1.44-.429"
3019
+ })), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
3020
+ d: "M12.789 16.578a5.9 5.9 0 0 1 .967-1.97c-.085-.68-.797-1.448-1.753-1.448a1.79 1.79 0 0 0-1.792 1.803c0 1.04.86 1.79 1.792 1.79.248 0 .574-.08.786-.175m-3.055-4.709a1.31 1.31 0 0 0-1.314-1.313c-.746 0-1.311.567-1.311 1.313s.583 1.312 1.333 1.312 1.292-.605 1.292-1.312"
3021
+ })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
3022
+ fillRule: "evenodd",
3023
+ d: "M13.575 11.997a2.3 2.3 0 0 1-2.427-2.304c.002-1.35 1.117-2.345 2.427-2.299s2.18 1.13 2.18 2.299a2.296 2.296 0 0 1-2.18 2.304m0-3.23c-.515 0-.962.387-.965.926-.003.538.477.955.965.948.487-.008.91-.436.91-.948a.91.91 0 0 0-.91-.927Z"
3024
+ })));
3025
+ };
3026
+
3027
+ var _path$9, _path2$2, _path3;
3028
+ function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
3029
+ var SvgIconVirusLarge = function SvgIconVirusLarge(props) {
3030
+ return /*#__PURE__*/React.createElement("svg", _extends$9({
3031
+ xmlns: "http://www.w3.org/2000/svg",
3032
+ width: 24,
3033
+ height: 24
3034
+ }, props), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
3035
+ fillRule: "evenodd",
3036
+ d: "M20.874 10.618c0-.381.297-.8.796-.8s.793.419.793.8v2.764c0 .381-.29.796-.793.796a.79.79 0 0 1-.796-.796v-.585h-1.185c-.155 1.528-.7 2.874-1.692 4.046l.83.87.413-.412c.274-.234.71-.347 1.09.033s.265.813.03 1.087l-.988 1.016-.974.974a.787.787 0 0 1-1.134-.012c-.373-.373-.254-.838.014-1.108l.401-.429-.85-.85a7.2 7.2 0 0 1-4.034 1.68v1.185h.584c.382 0 .802.286.802.796s-.42.793-.802.793h-2.763a.785.785 0 0 1-.791-.793c0-.503.409-.796.79-.796h.586v-1.185a7.23 7.23 0 0 1-4.04-1.717l-.882.852.417.416a.79.79 0 0 1-.002 1.122c-.355.355-.857.26-1.126-.008l-.981-.967-.96-.974a.785.785 0 0 1-.052-1.2c.4-.395.916-.242 1.165.086l.424.41.846-.888a7.15 7.15 0 0 1-1.67-4.019H3.12v.577c0 .381-.25.796-.796.796s-.798-.448-.798-.83v-2.763c0-.381.304-.763.798-.763.493 0 .796.415.796.796v.585h1.22a7.2 7.2 0 0 1 1.679-4.03l-.856-.887-.417.418a.79.79 0 0 1-1.114-.007.8.8 0 0 1 0-1.121l.967-.981.974-.96c.25-.338.826-.453 1.2-.079s.242.943-.086 1.193l-.406.406.905.85c1.177-.98 2.49-1.518 4.015-1.663V3.124h-.585c-.382 0-.803-.303-.803-.793s.421-.801.803-.801h2.763c.382 0 .8.31.8.801 0 .49-.418.793-.8.793h-.585v1.218c1.525.145 2.875.672 4.052 1.653l.861-.825-.419-.419a.8.8 0 0 1-.019-1.165.78.78 0 0 1 1.147.038l.98.967.975.974c.268.27.384.751.016 1.12a.803.803 0 0 1-1.143.008l-.416-.402-.813.873a7.2 7.2 0 0 1 1.674 4.04h1.185zM5.887 12c0 3.312 2.811 6.103 6.107 6.103 3.295 0 6.118-2.645 6.118-6.079s-2.68-6.139-6.115-6.139S5.887 8.689 5.887 12"
3037
+ })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
3038
+ d: "M8.674 10.683c.822 0 1.312.649 1.312 1.317s-.52 1.321-1.312 1.321S7.361 12.669 7.361 12s.491-1.317 1.313-1.317m3.583 2.607c1.046 0 1.792.864 1.792 1.796 0 .933-.74 1.801-1.792 1.801-1.05 0-1.791-.868-1.791-1.8 0-.933.745-1.798 1.791-1.798Z"
3039
+ })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
3040
+ fillRule: "evenodd",
3041
+ d: "M13.828 12.132a2.3 2.3 0 0 0 2.188-2.305 2.29 2.29 0 0 0-2.188-2.301c-1.224-.069-2.427.895-2.427 2.301s1.214 2.373 2.427 2.305m0-3.239a.925.925 0 0 1 .914.934.93.93 0 0 1-.914.937c-.5 0-.97-.417-.97-.937s.454-.947.97-.934"
3042
+ })));
3043
+ };
3044
+
3045
+ var _path$8;
3046
+ function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
3047
+ var SvgIconWidgetLarge = function SvgIconWidgetLarge(props) {
3048
+ return /*#__PURE__*/React.createElement("svg", _extends$8({
3049
+ xmlns: "http://www.w3.org/2000/svg",
3050
+ width: 24,
3051
+ height: 24
3052
+ }, props), _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
3053
+ fillRule: "evenodd",
3054
+ d: "M1.404 3.785c0-.481.391-.872.873-.872h6.695c.482 0 .873.39.873.873v6.695a.87.87 0 0 1-.873.872H2.277a.873.873 0 0 1-.873-.872zm1.746.873v4.95H8.1v-4.95zM1.404 14.905c0-.482.391-.873.873-.873h6.695c.482 0 .873.391.873.873V21.6a.873.873 0 0 1-.873.873H2.277a.873.873 0 0 1-.873-.873zm1.746.873v4.95H8.1v-4.95zm9.62-.873c0-.482.392-.873.874-.873h6.695c.482 0 .873.391.873.873V21.6a.873.873 0 0 1-.873.873h-6.695a.873.873 0 0 1-.873-.873zm1.746.873v4.95h4.95v-4.95zm-2.878-8.027a.873.873 0 0 1 0-1.234l4.734-4.734a.873.873 0 0 1 1.234 0l4.734 4.734c.34.34.34.893 0 1.234l-4.734 4.734a.873.873 0 0 1-1.234 0zm1.851-.617 3.5 3.5 3.5-3.5-3.5-3.5z"
3055
+ })));
3056
+ };
3057
+
3058
+ var _path$7;
3059
+ function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
3060
+ var SvgIconXMarkCircleSmall = function SvgIconXMarkCircleSmall(props) {
3061
+ return /*#__PURE__*/React.createElement("svg", _extends$7({
3062
+ xmlns: "http://www.w3.org/2000/svg",
3063
+ width: 16,
3064
+ height: 16
3065
+ }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
3066
+ fillRule: "evenodd",
3067
+ d: "M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m0 1.951A6.056 6.056 0 0 0 1.951 8 6.056 6.056 0 0 0 8 14.049 6.056 6.056 0 0 0 14.049 8 6.056 6.056 0 0 0 8 1.951m.966 3.703a.976.976 0 0 1 1.467 1.28l-.088.1L9.38 8l.966.966c.318.317.37.8.16 1.171l-.072.109-.088.1a.976.976 0 0 1-1.28.087l-.1-.088L8 9.38l-.966.966a.976.976 0 0 1-1.172.16l-.108-.072-.1-.088a.976.976 0 0 1-.087-1.28l.087-.1L6.621 8l-.967-.966a.976.976 0 0 1-.158-1.172l.071-.108.087-.1a.976.976 0 0 1 1.28-.087l.1.087.966.967z"
3068
+ })));
3069
+ };
3070
+
3071
+ var _path$6;
3072
+ function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
3073
+ var SvgIconXMarkLarge = function SvgIconXMarkLarge(props) {
3074
+ return /*#__PURE__*/React.createElement("svg", _extends$6({
3075
+ xmlns: "http://www.w3.org/2000/svg",
3076
+ width: 24,
3077
+ height: 24
3078
+ }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
3079
+ fillRule: "evenodd",
3080
+ d: "m12.002 13.544 6.871 6.872a1 1 0 0 0 1.414 0l.129-.129a1 1 0 0 0 0-1.414l-6.872-6.871 6.872-6.872a1 1 0 0 0 0-1.414l-.129-.129a1 1 0 0 0-1.414 0l-6.871 6.872L5.13 3.587a1 1 0 0 0-1.414 0l-.129.129a1 1 0 0 0 0 1.414l6.872 6.872-6.872 6.871a1 1 0 0 0 0 1.415l.129.128a1 1 0 0 0 1.414 0z"
3081
+ })));
3082
+ };
3083
+
3084
+ var _path$5;
3085
+ function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
3086
+ var SvgIconXMarkSmall = function SvgIconXMarkSmall(props) {
3087
+ return /*#__PURE__*/React.createElement("svg", _extends$5({
3088
+ xmlns: "http://www.w3.org/2000/svg",
3089
+ width: 16,
3090
+ height: 16
3091
+ }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
3092
+ fillRule: "evenodd",
3093
+ d: "M13.007 2.99a1 1 0 0 0-1.414 0L7.998 6.585 4.407 2.993a1 1 0 1 0-1.414 1.414l3.592 3.591-3.595 3.595a1 1 0 1 0 1.414 1.414l3.594-3.595 3.595 3.595a1 1 0 1 0 1.414-1.414L9.412 7.998l3.595-3.594a1 1 0 0 0 0-1.414"
3094
+ })));
3095
+ };
3096
+
1108
3097
  var iconMap = {
1109
3098
  Bacteria: {
1110
- largeIcon: ReactComponent,
1111
- smallIcon: ReactComponent$1,
3099
+ largeIcon: SvgIconBacteriaLarge,
3100
+ smallIcon: SvgIconBacteriaSmall,
1112
3101
  },
1113
3102
  BarChartHorizontal3: {
1114
3103
  largeIcon: null,
1115
- smallIcon: ReactComponent$2,
3104
+ smallIcon: SvgIconBarChartHorizontal3Small,
1116
3105
  },
1117
3106
  BarChartVertical3: {
1118
3107
  largeIcon: null,
1119
- smallIcon: ReactComponent$3,
3108
+ smallIcon: SvgIconBarChartVertical3Small,
1120
3109
  },
1121
3110
  BarChartVertical4: {
1122
3111
  largeIcon: null,
1123
- smallIcon: ReactComponent$4,
3112
+ smallIcon: SvgIconBarChartVertical4Small,
1124
3113
  },
1125
3114
  Book: {
1126
- largeIcon: ReactComponent$5,
3115
+ largeIcon: SvgIconBookLarge,
1127
3116
  smallIcon: null,
1128
3117
  },
1129
3118
  Check: {
1130
3119
  largeIcon: null,
1131
- smallIcon: ReactComponent$6,
3120
+ smallIcon: SvgIconCheckSmall,
1132
3121
  },
1133
3122
  CheckCircle: {
1134
- largeIcon: ReactComponent$7,
1135
- smallIcon: ReactComponent$8,
3123
+ largeIcon: SvgIconCheckCircleLarge,
3124
+ smallIcon: SvgIconCheckCircleSmall,
1136
3125
  },
1137
3126
  ChevronDown: {
1138
- largeIcon: ReactComponent$9,
1139
- smallIcon: ReactComponent$a,
3127
+ largeIcon: SvgIconChevronDownLarge,
3128
+ smallIcon: SvgIconChevronDownSmall,
1140
3129
  },
1141
3130
  ChevronDown2: {
1142
3131
  largeIcon: null,
1143
- smallIcon: ReactComponent$b,
3132
+ smallIcon: SvgIconChevronDown2Small,
1144
3133
  },
1145
3134
  ChevronLeft: {
1146
- largeIcon: ReactComponent$c,
1147
- smallIcon: ReactComponent$d,
3135
+ largeIcon: SvgIconChevronLeftLarge,
3136
+ smallIcon: SvgIconChevronLeftSmall,
1148
3137
  },
1149
3138
  ChevronLeft2: {
1150
3139
  largeIcon: null,
1151
- smallIcon: ReactComponent$e,
3140
+ smallIcon: SvgIconChevronLeft2Small,
1152
3141
  },
1153
3142
  ChevronRight: {
1154
- largeIcon: ReactComponent$f,
1155
- smallIcon: ReactComponent$g,
3143
+ largeIcon: SvgIconChevronRightLarge,
3144
+ smallIcon: SvgIconChevronRightSmall,
1156
3145
  },
1157
3146
  ChevronRight2: {
1158
3147
  largeIcon: null,
1159
- smallIcon: ReactComponent$h,
3148
+ smallIcon: SvgIconChevronRight2Small,
1160
3149
  },
1161
3150
  ChevronUp: {
1162
- largeIcon: ReactComponent$i,
1163
- smallIcon: ReactComponent$j,
3151
+ largeIcon: SvgIconChevronUpLarge,
3152
+ smallIcon: SvgIconChevronUpSmall,
1164
3153
  },
1165
3154
  ChevronUp2: {
1166
3155
  largeIcon: null,
1167
- smallIcon: ReactComponent$k,
3156
+ smallIcon: SvgIconChevronUp2Small,
1168
3157
  },
1169
3158
  CirclesOverlap2: {
1170
- largeIcon: ReactComponent$l,
1171
- smallIcon: ReactComponent$m,
3159
+ largeIcon: SvgIconCirclesOverlap2Large,
3160
+ smallIcon: SvgIconCirclesOverlap2Small,
1172
3161
  },
1173
3162
  Code: {
1174
- largeIcon: ReactComponent$n,
3163
+ largeIcon: SvgIconCodeLarge,
1175
3164
  smallIcon: null,
1176
3165
  },
1177
3166
  Compass: {
1178
- largeIcon: ReactComponent$o,
3167
+ largeIcon: SvgIconCompassLarge,
1179
3168
  smallIcon: null,
1180
3169
  },
1181
3170
  Copy: {
1182
- largeIcon: ReactComponent$p,
1183
- smallIcon: ReactComponent$q,
3171
+ largeIcon: SvgIconCopyLarge,
3172
+ smallIcon: SvgIconCopySmall,
1184
3173
  },
1185
3174
  Cube: {
1186
- largeIcon: ReactComponent$r,
1187
- smallIcon: ReactComponent$s,
3175
+ largeIcon: SvgIconCubeLarge,
3176
+ smallIcon: SvgIconCubeSmall,
1188
3177
  },
1189
3178
  DNA: {
1190
- largeIcon: ReactComponent$t,
3179
+ largeIcon: SvgIconDnaLarge,
1191
3180
  smallIcon: null,
1192
3181
  },
1193
3182
  Document: {
1194
3183
  largeIcon: null,
1195
- smallIcon: ReactComponent$u,
3184
+ smallIcon: SvgIconDocumentSmall,
1196
3185
  },
1197
3186
  DotsHorizontal: {
1198
- largeIcon: ReactComponent$v,
1199
- smallIcon: ReactComponent$w,
3187
+ largeIcon: SvgIconDotsHorizontal3Large,
3188
+ smallIcon: SvgIconDotsHorizontal3Small,
1200
3189
  },
1201
3190
  Download: {
1202
- largeIcon: ReactComponent$x,
1203
- smallIcon: ReactComponent$y,
3191
+ largeIcon: SvgIconDownloadLarge,
3192
+ smallIcon: SvgIconDownloadSmall,
1204
3193
  },
1205
3194
  Edit: {
1206
- largeIcon: ReactComponent$z,
1207
- smallIcon: ReactComponent$A,
3195
+ largeIcon: SvgIconEditLarge,
3196
+ smallIcon: SvgIconEditSmall,
1208
3197
  },
1209
3198
  Envelope: {
1210
3199
  largeIcon: null,
1211
- smallIcon: ReactComponent$B,
3200
+ smallIcon: SvgIconEnvelopeSmall,
1212
3201
  },
1213
3202
  ExclamationMarkCircle: {
1214
- largeIcon: ReactComponent$C,
1215
- smallIcon: ReactComponent$D,
3203
+ largeIcon: SvgIconExclamationMarkCircleLarge,
3204
+ smallIcon: SvgIconExclamationMarkCircleSmall,
1216
3205
  },
1217
3206
  ExclamationMarkSpeechBubble: {
1218
- largeIcon: ReactComponent$E,
3207
+ largeIcon: SvgIconExclamationMarkSpeechBubbleLarge,
1219
3208
  smallIcon: null,
1220
3209
  },
1221
3210
  EyeClosed: {
1222
3211
  largeIcon: null,
1223
- smallIcon: ReactComponent$F,
3212
+ smallIcon: SvgIconEyeClosedSmall,
1224
3213
  },
1225
3214
  EyeOpen: {
1226
3215
  largeIcon: null,
1227
- smallIcon: ReactComponent$G,
3216
+ smallIcon: SvgIconEyeOpenSmall,
1228
3217
  },
1229
3218
  Filter: {
1230
3219
  largeIcon: null,
1231
- smallIcon: ReactComponent$H,
3220
+ smallIcon: SvgIconFilterSmall,
1232
3221
  },
1233
3222
  FlagCheck: {
1234
3223
  largeIcon: null,
1235
- smallIcon: ReactComponent$I,
3224
+ smallIcon: SvgIconFlagCheckSmall,
1236
3225
  },
1237
3226
  FlagOutline: {
1238
3227
  largeIcon: null,
1239
- smallIcon: ReactComponent$J,
3228
+ smallIcon: SvgIconFlagOutlineSmall,
1240
3229
  },
1241
3230
  FlagQuestionMark: {
1242
3231
  largeIcon: null,
1243
- smallIcon: ReactComponent$K,
3232
+ smallIcon: SvgIconFlagQuestionMarkSmall,
1244
3233
  },
1245
3234
  FlagXMark: {
1246
3235
  largeIcon: null,
1247
- smallIcon: ReactComponent$L,
3236
+ smallIcon: SvgIconFlagXMarkSmall,
1248
3237
  },
1249
3238
  Flask: {
1250
- largeIcon: ReactComponent$M,
3239
+ largeIcon: SvgIconFlaskLarge,
1251
3240
  smallIcon: null,
1252
3241
  },
1253
3242
  FlaskPrivate: {
1254
- largeIcon: ReactComponent$N,
3243
+ largeIcon: SvgIconFlaskPrivateLarge,
1255
3244
  smallIcon: null,
1256
3245
  },
1257
3246
  FlaskPublic: {
1258
- largeIcon: ReactComponent$O,
3247
+ largeIcon: SvgIconFlaskPublicLarge,
1259
3248
  smallIcon: null,
1260
3249
  },
1261
3250
  Gear: {
1262
3251
  largeIcon: null,
1263
- smallIcon: ReactComponent$P,
3252
+ smallIcon: SvgIconGearSmall,
1264
3253
  },
1265
3254
  Globe: {
1266
3255
  largeIcon: null,
1267
- smallIcon: ReactComponent$Q,
3256
+ smallIcon: SvgIconGlobeSmall,
1268
3257
  },
1269
3258
  GlobeBasic: {
1270
- largeIcon: ReactComponent$R,
3259
+ largeIcon: SvgIconGlobeBasicLarge,
1271
3260
  smallIcon: null,
1272
3261
  },
1273
3262
  Grid: {
1274
- largeIcon: ReactComponent$S,
3263
+ largeIcon: SvgIconGridLarge,
1275
3264
  smallIcon: null,
1276
3265
  },
1277
3266
  GridDots3: {
1278
- largeIcon: ReactComponent$T,
3267
+ largeIcon: SvgIconGridDots3Large,
1279
3268
  smallIcon: null,
1280
3269
  },
1281
3270
  GridPrivate: {
1282
- largeIcon: ReactComponent$U,
3271
+ largeIcon: SvgIconGridPrivateLarge,
1283
3272
  smallIcon: null,
1284
3273
  },
1285
3274
  GridPublic: {
1286
- largeIcon: ReactComponent$V,
3275
+ largeIcon: SvgIconGridPublicLarge,
1287
3276
  smallIcon: null,
1288
3277
  },
1289
3278
  House: {
1290
3279
  largeIcon: null,
1291
- smallIcon: ReactComponent$W,
3280
+ smallIcon: SvgIconHouseSmall,
1292
3281
  },
1293
3282
  InfoCircle: {
1294
- largeIcon: ReactComponent$X,
1295
- smallIcon: ReactComponent$Y,
3283
+ largeIcon: SvgIconInfoCircleLarge,
3284
+ smallIcon: SvgIconInfoCircleSmall,
1296
3285
  },
1297
3286
  InfoSpeechBubble: {
1298
- largeIcon: ReactComponent$Z,
3287
+ largeIcon: SvgIconInfoSpeechBubbleLarge,
1299
3288
  smallIcon: null,
1300
3289
  },
1301
3290
  LifeRing: {
1302
3291
  largeIcon: null,
1303
- smallIcon: ReactComponent$_,
3292
+ smallIcon: SvgIconLifeRingSmall,
1304
3293
  },
1305
3294
  LightBulb: {
1306
- largeIcon: ReactComponent$$,
1307
- smallIcon: ReactComponent$10,
3295
+ largeIcon: SvgIconLightBulbLarge,
3296
+ smallIcon: SvgIconLightBulbSmall,
1308
3297
  },
1309
3298
  LinesDashed3Solid1: {
1310
3299
  largeIcon: null,
1311
- smallIcon: ReactComponent$11,
3300
+ smallIcon: SvgIconLinesDashed3Solid1Small,
1312
3301
  },
1313
3302
  LinesHorizontal3: {
1314
- largeIcon: ReactComponent$12,
1315
- smallIcon: ReactComponent$13,
3303
+ largeIcon: SvgIconLinesHorizontal3Large,
3304
+ smallIcon: SvgIconLinesHorizontal3Small,
1316
3305
  },
1317
3306
  Link: {
1318
3307
  largeIcon: null,
1319
- smallIcon: ReactComponent$14,
3308
+ smallIcon: SvgIconLinkSmall,
1320
3309
  },
1321
3310
  List: {
1322
3311
  largeIcon: null,
1323
- smallIcon: ReactComponent$15,
3312
+ smallIcon: SvgIconListSmall,
1324
3313
  },
1325
3314
  Loading: {
1326
- largeIcon: ReactComponent$16,
1327
- smallIcon: ReactComponent$17,
3315
+ largeIcon: SvgIconLoadingLarge,
3316
+ smallIcon: SvgIconLoadingSmall,
1328
3317
  },
1329
3318
  Lock: {
1330
- largeIcon: ReactComponent$18,
1331
- smallIcon: ReactComponent$19,
3319
+ largeIcon: SvgIconLockLarge,
3320
+ smallIcon: SvgIconLockSmall,
1332
3321
  },
1333
3322
  LockCircle: {
1334
3323
  largeIcon: null,
1335
- smallIcon: ReactComponent$1a,
3324
+ smallIcon: SvgIconLockCircleSmall,
1336
3325
  },
1337
3326
  Minus: {
1338
3327
  largeIcon: null,
1339
- smallIcon: ReactComponent$1b,
3328
+ smallIcon: SvgIconMinusSmall,
1340
3329
  },
1341
3330
  Open: {
1342
3331
  largeIcon: null,
1343
- smallIcon: ReactComponent$1c,
3332
+ smallIcon: SvgIconOpenSmall,
1344
3333
  },
1345
3334
  People: {
1346
- largeIcon: ReactComponent$1d,
1347
- smallIcon: ReactComponent$1e,
3335
+ largeIcon: SvgIconPeopleLarge,
3336
+ smallIcon: SvgIconPeopleSmall,
1348
3337
  },
1349
3338
  Percentage: {
1350
3339
  largeIcon: null,
1351
- smallIcon: ReactComponent$1f,
3340
+ smallIcon: SvgIconPercentageSmall,
1352
3341
  },
1353
3342
  Person: {
1354
- largeIcon: ReactComponent$1g,
1355
- smallIcon: ReactComponent$1h,
3343
+ largeIcon: SvgIconPersonLarge,
3344
+ smallIcon: SvgIconPersonSmall,
1356
3345
  },
1357
3346
  Pin: {
1358
3347
  largeIcon: null,
1359
- smallIcon: ReactComponent$1i,
3348
+ smallIcon: SvgIconPinSmall,
1360
3349
  },
1361
3350
  PinLocation: {
1362
3351
  largeIcon: null,
1363
- smallIcon: ReactComponent$1j,
3352
+ smallIcon: SvgIconPinLocationSmall,
1364
3353
  },
1365
3354
  Play: {
1366
- largeIcon: ReactComponent$1k,
3355
+ largeIcon: SvgIconPlayLarge,
1367
3356
  smallIcon: null,
1368
3357
  },
1369
3358
  Plus: {
1370
3359
  largeIcon: null,
1371
- smallIcon: ReactComponent$1l,
3360
+ smallIcon: SvgIconPlusSmall,
1372
3361
  },
1373
3362
  PlusCircle: {
1374
3363
  largeIcon: null,
1375
- smallIcon: ReactComponent$1m,
3364
+ smallIcon: SvgIconPlusCircleSmall,
1376
3365
  },
1377
3366
  ProjectPrivate: {
1378
- largeIcon: ReactComponent$1n,
3367
+ largeIcon: SvgIconProjectPrivateLarge,
1379
3368
  smallIcon: null,
1380
3369
  },
1381
3370
  ProjectPublic: {
1382
- largeIcon: ReactComponent$1o,
3371
+ largeIcon: SvgIconProjectPublicLarge,
1383
3372
  smallIcon: null,
1384
3373
  },
1385
3374
  PuzzlePiece: {
1386
3375
  largeIcon: null,
1387
- smallIcon: ReactComponent$1p,
3376
+ smallIcon: SvgIconPuzzlePieceSmall,
1388
3377
  },
1389
3378
  QuestionMark: {
1390
- largeIcon: ReactComponent$1q,
3379
+ largeIcon: SvgIconQuestionMarkLarge,
1391
3380
  smallIcon: null,
1392
3381
  },
1393
3382
  Quote: {
1394
- largeIcon: ReactComponent$1r,
3383
+ largeIcon: SvgIconQuoteLarge,
1395
3384
  smallIcon: null,
1396
3385
  },
1397
3386
  Read: {
1398
- largeIcon: ReactComponent$1s,
3387
+ largeIcon: SvgIconReadLarge,
1399
3388
  smallIcon: null,
1400
3389
  },
1401
3390
  Refresh: {
1402
- largeIcon: ReactComponent$1t,
1403
- smallIcon: ReactComponent$1u,
3391
+ largeIcon: SvgIconRefreshLarge,
3392
+ smallIcon: SvgIconRefreshSmall,
1404
3393
  },
1405
3394
  Report: {
1406
- largeIcon: ReactComponent$1v,
3395
+ largeIcon: SvgIconReportLarge,
1407
3396
  smallIcon: null,
1408
3397
  },
1409
3398
  Rocket: {
1410
- largeIcon: ReactComponent$1w,
3399
+ largeIcon: SvgIconRocketLarge,
1411
3400
  smallIcon: null,
1412
3401
  },
1413
3402
  Save: {
1414
- largeIcon: ReactComponent$1x,
3403
+ largeIcon: SvgIconSaveLarge,
1415
3404
  smallIcon: null,
1416
3405
  },
1417
3406
  Search: {
1418
- largeIcon: ReactComponent$1y,
1419
- smallIcon: ReactComponent$1z,
3407
+ largeIcon: SvgIconSearchLarge,
3408
+ smallIcon: SvgIconSearchSmall,
1420
3409
  },
1421
3410
  SearchLinesHorizontal3: {
1422
- largeIcon: ReactComponent$1A,
1423
- smallIcon: ReactComponent$1B,
3411
+ largeIcon: SvgIconSearchLinesHorizontal3Large,
3412
+ smallIcon: SvgIconSearchLinesHorizontal3Small,
1424
3413
  },
1425
3414
  Share: {
1426
- largeIcon: ReactComponent$1C,
3415
+ largeIcon: SvgIconShareLarge,
1427
3416
  smallIcon: null,
1428
3417
  },
1429
3418
  SlidersHorizontal: {
1430
- largeIcon: ReactComponent$1D,
3419
+ largeIcon: SvgIconSlidersHorizontalLarge,
1431
3420
  smallIcon: null,
1432
3421
  },
1433
3422
  SpeechBubbles: {
1434
- largeIcon: ReactComponent$1E,
3423
+ largeIcon: SvgIconSpeechBubblesLarge,
1435
3424
  smallIcon: null,
1436
3425
  },
1437
3426
  SquareOnDashedSquare: {
1438
- largeIcon: ReactComponent$1F,
3427
+ largeIcon: SvgIconSquareOnDashedSquareLarge,
1439
3428
  smallIcon: null,
1440
3429
  },
1441
3430
  Star: {
1442
- largeIcon: ReactComponent$1G,
3431
+ largeIcon: SvgIconStarLarge,
1443
3432
  smallIcon: null,
1444
3433
  },
1445
3434
  Starburst: {
1446
3435
  largeIcon: null,
1447
- smallIcon: ReactComponent$1H,
3436
+ smallIcon: SvgIconStarburstSmall,
1448
3437
  },
1449
3438
  Table: {
1450
3439
  largeIcon: null,
1451
- smallIcon: ReactComponent$1I,
3440
+ smallIcon: SvgIconTableSmall,
1452
3441
  },
1453
3442
  TrashCan: {
1454
- largeIcon: ReactComponent$1J,
1455
- smallIcon: ReactComponent$1K,
3443
+ largeIcon: SvgIconTrashCanLarge,
3444
+ smallIcon: SvgIconTrashCanSmall,
1456
3445
  },
1457
3446
  TreeDendogram: {
1458
- largeIcon: ReactComponent$1L,
3447
+ largeIcon: SvgIconTreeDendogramLarge,
1459
3448
  smallIcon: null,
1460
3449
  },
1461
3450
  TreeHorizontal: {
1462
- largeIcon: ReactComponent$1M,
1463
- smallIcon: ReactComponent$1N,
3451
+ largeIcon: SvgIconTreeHorizontalLarge,
3452
+ smallIcon: SvgIconTreeHorizontalSmall,
1464
3453
  },
1465
3454
  TreeHorizontalPrivate: {
1466
- largeIcon: ReactComponent$1O,
3455
+ largeIcon: SvgIconTreeHorizontalPrivateLarge,
1467
3456
  smallIcon: null,
1468
3457
  },
1469
3458
  TreeHorizontalPublic: {
1470
- largeIcon: ReactComponent$1P,
3459
+ largeIcon: SvgIconTreeHorizontalPublicLarge,
1471
3460
  smallIcon: null,
1472
3461
  },
1473
3462
  TreeHorizontalTopRightFilled: {
1474
- largeIcon: ReactComponent$1Q,
3463
+ largeIcon: SvgIconTreeHorizontalTopRightFilledLarge,
1475
3464
  smallIcon: null,
1476
3465
  },
1477
3466
  TreeVertical: {
1478
3467
  largeIcon: null,
1479
- smallIcon: ReactComponent$1R,
3468
+ smallIcon: SvgIconTreeVerticalSmall,
1480
3469
  },
1481
3470
  TriangleDown: {
1482
3471
  largeIcon: null,
1483
- smallIcon: ReactComponent$1S,
3472
+ smallIcon: SvgIconTriangleDownSmall,
1484
3473
  },
1485
3474
  TriangleLeft: {
1486
3475
  largeIcon: null,
1487
- smallIcon: ReactComponent$1T,
3476
+ smallIcon: SvgIconTriangleLeftSmall,
1488
3477
  },
1489
3478
  TriangleRight: {
1490
3479
  largeIcon: null,
1491
- smallIcon: ReactComponent$1U,
3480
+ smallIcon: SvgIconTriangleRightSmall,
1492
3481
  },
1493
3482
  TriangleUp: {
1494
3483
  largeIcon: null,
1495
- smallIcon: ReactComponent$1V,
3484
+ smallIcon: SvgIconTriangleUpSmall,
1496
3485
  },
1497
3486
  Update: {
1498
- largeIcon: ReactComponent$1W,
3487
+ largeIcon: SvgIconUpdateLarge,
1499
3488
  smallIcon: null,
1500
3489
  },
1501
3490
  Upload: {
1502
- largeIcon: ReactComponent$1X,
1503
- smallIcon: ReactComponent$1Y,
3491
+ largeIcon: SvgIconUploadLarge,
3492
+ smallIcon: SvgIconUploadSmall,
1504
3493
  },
1505
3494
  Virus: {
1506
- largeIcon: ReactComponent$1Z,
3495
+ largeIcon: SvgIconVirusLarge,
1507
3496
  smallIcon: null,
1508
3497
  },
1509
3498
  VirusCircleS: {
1510
- largeIcon: ReactComponent$1_,
3499
+ largeIcon: SvgIconVirusCircleSLarge,
1511
3500
  smallIcon: null,
1512
3501
  },
1513
3502
  Widget: {
1514
- largeIcon: ReactComponent$1$,
3503
+ largeIcon: SvgIconWidgetLarge,
1515
3504
  smallIcon: null,
1516
3505
  },
1517
3506
  XMark: {
1518
- largeIcon: ReactComponent$20,
1519
- smallIcon: ReactComponent$21,
3507
+ largeIcon: SvgIconXMarkLarge,
3508
+ smallIcon: SvgIconXMarkSmall,
1520
3509
  },
1521
3510
  XMarkCircle: {
1522
3511
  largeIcon: null,
1523
- smallIcon: ReactComponent$22,
3512
+ smallIcon: SvgIconXMarkCircleSmall,
1524
3513
  },
1525
3514
  };
1526
3515
 
@@ -1549,15 +3538,15 @@ function interactive(props) {
1549
3538
  var semanticComponentColors = getSemanticComponentColors(props);
1550
3539
  return 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 = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.icon, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.iconHover, (_c = colors === null || colors === void 0 ? void 0 : colors[iconColor]) === null || _c === void 0 ? void 0 : _c[shade], (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.iconDisabled);
1551
3540
  }
1552
- var doNotForwardProps$p = ["sdsIcon", "sdsSize", "sdsType", "iconColor"];
3541
+ var doNotForwardProps$q = ["sdsIcon", "sdsSize", "sdsType", "iconColor"];
1553
3542
  var StyledSvgIcon = styled(SvgIcon, {
1554
- shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
3543
+ shouldForwardProp: function (prop) { return !doNotForwardProps$q.includes(prop); },
1555
3544
  })(templateObject_6$c || (templateObject_6$c = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
1556
3545
  var sdsType = props.sdsType;
1557
3546
  return 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());
1558
3547
  });
1559
- var StyledIcon = styled("div")(templateObject_7$9 || (templateObject_7$9 = __makeTemplateObject(["\n /* display: contents causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques. */\n display: contents;\n"], ["\n /* display: contents causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques. */\n display: contents;\n"])));
1560
- var templateObject_1$R, templateObject_2$y, templateObject_3$q, templateObject_4$m, templateObject_5$g, templateObject_6$c, templateObject_7$9;
3548
+ 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"])));
3549
+ var templateObject_1$R, templateObject_2$y, templateObject_3$q, templateObject_4$m, templateObject_5$g, templateObject_6$c, templateObject_7$a;
1561
3550
 
1562
3551
  /**
1563
3552
  * @see https://mui.com/material-ui/icons/#icons
@@ -1583,10 +3572,10 @@ var AccordionHeader = function (props) {
1583
3572
  return (jsxs(StyledAccordionHeader, { "aria-controls": "".concat(id, "-panel-content"), id: id, expandIcon: jsx(Icon, { sdsIcon: "ChevronDown", sdsSize: "xs", sdsType: "static" }), children: [children, subtitle && jsx(StyledSubtitle, { children: subtitle })] }));
1584
3573
  };
1585
3574
 
1586
- var sdsPropNames$4 = ["useDivider", "togglePosition"];
3575
+ var sdsPropNames$3 = ["useDivider", "togglePosition"];
1587
3576
  var StyledAccordion = styled(Accordion$1, {
1588
3577
  shouldForwardProp: function (prop) {
1589
- return !sdsPropNames$4.includes(prop.toString());
3578
+ return !sdsPropNames$3.includes(prop.toString());
1590
3579
  },
1591
3580
  })(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
1592
3581
  var _a, _b;
@@ -1610,9 +3599,9 @@ var templateObject_1$Q, templateObject_2$x, templateObject_3$p;
1610
3599
  /**
1611
3600
  * @see https://mui.com/material-ui/react-accordion/
1612
3601
  */
1613
- var Accordion = React.forwardRef(function (props, ref) {
3602
+ var Accordion = React__default.forwardRef(function (props, ref) {
1614
3603
  var children = props.children, useDivider = props.useDivider, _a = props.togglePosition, togglePosition = _a === void 0 ? "right" : _a, id = props.id;
1615
- var _b = React.useState(false), expanded = _b[0], setExpanded = _b[1];
3604
+ var _b = React__default.useState(false), expanded = _b[0], setExpanded = _b[1];
1616
3605
  var handleChange = function (panel) {
1617
3606
  return function (_event, isExpanded) {
1618
3607
  setExpanded(isExpanded ? panel : false);
@@ -1650,6 +3639,10 @@ var templateObject_1$P;
1650
3639
 
1651
3640
  /**
1652
3641
  * @see https://mui.com/material-ui/react-alert/
3642
+ *
3643
+ * @deprecated
3644
+ * This component is deprecated and will be removed in the next major version.
3645
+ * Please use `Callout` or `Notification` instead.
1653
3646
  */
1654
3647
  var Alert$1 = function (props) {
1655
3648
  return jsx(StyledAlert, __assign({}, props));
@@ -1660,23 +3653,42 @@ var toKebabCase = function (str) {
1660
3653
  return str.replace(/[\s_]+/g, "-").toLowerCase();
1661
3654
  };
1662
3655
  var EMPTY_OBJECT = {};
3656
+ function filterProps(props, excludeProps) {
3657
+ var result = {};
3658
+ for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
3659
+ var key = _a[_i];
3660
+ if (!excludeProps.includes(key)) {
3661
+ result[key] = props[key];
3662
+ }
3663
+ }
3664
+ return result;
3665
+ }
1663
3666
 
1664
3667
  var _a;
1665
3668
  var SDSWarningTypes;
1666
3669
  (function (SDSWarningTypes) {
3670
+ SDSWarningTypes["ButtonMinimalIsAllCaps"] = "buttonMinimalIsAllCaps";
1667
3671
  SDSWarningTypes["ButtonMissingSDSProps"] = "buttonMissingProps";
3672
+ SDSWarningTypes["ButtonIconMissingIconProp"] = "buttonIconMissingIconProp";
1668
3673
  SDSWarningTypes["ChipDeprecated"] = "chipDeprecated";
1669
3674
  SDSWarningTypes["MenuSelectDeprecated"] = "menuSelectDeprecated";
1670
- SDSWarningTypes["ButtonIconMediumSize"] = "buttonIconMediumSize";
1671
3675
  SDSWarningTypes["TooltipSubtitle"] = "tooltipSubtitle";
1672
3676
  SDSWarningTypes["TooltipWidth"] = "tooltipWidth";
1673
3677
  SDSWarningTypes["TooltipInverted"] = "tooltipInverted";
1674
3678
  })(SDSWarningTypes || (SDSWarningTypes = {}));
1675
3679
  var SDS_WARNINGS = (_a = {},
3680
+ _a[SDSWarningTypes.ButtonMinimalIsAllCaps] = {
3681
+ hasWarned: false,
3682
+ message: "Warning: isAllCaps is only applied to buttons with sdsStyle='minimal'.",
3683
+ },
1676
3684
  _a[SDSWarningTypes.ButtonMissingSDSProps] = {
1677
3685
  hasWarned: false,
1678
3686
  message: "Warning: Buttons without sdsStyle or sdsType props will be deprecated.",
1679
3687
  },
3688
+ _a[SDSWarningTypes.ButtonIconMissingIconProp] = {
3689
+ hasWarned: false,
3690
+ message: "Warning: Buttons with an SDS type of icon require an icon prop to be provided.",
3691
+ },
1680
3692
  _a[SDSWarningTypes.ChipDeprecated] = {
1681
3693
  hasWarned: false,
1682
3694
  message: "Warning: <Chip /> will be deprecated and replaced with <Tag />",
@@ -1685,10 +3697,6 @@ var SDS_WARNINGS = (_a = {},
1685
3697
  hasWarned: false,
1686
3698
  message: "Warning: MenuSelect will be deprecated and replaced with <DropdownMenu />",
1687
3699
  },
1688
- _a[SDSWarningTypes.ButtonIconMediumSize] = {
1689
- hasWarned: false,
1690
- message: "Warning: A medium size ButtonIcon can only be of type tertiary!",
1691
- },
1692
3700
  _a[SDSWarningTypes.TooltipSubtitle] = {
1693
3701
  hasWarned: false,
1694
3702
  message: "Warning: The 'subtitle' text is only available for dark tooltips!",
@@ -1718,46 +3726,128 @@ var showWarningIfFirstOccurence = function (warningType) {
1718
3726
  SDS_WARNINGS[warningType].hasWarned = true;
1719
3727
  };
1720
3728
 
1721
- var isOn = function (props) {
1722
- var sdsType = props.sdsType;
1723
- var colors = getColors(props);
1724
- return css(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), sdsType !== "tertiary" &&
1725
- "\n color: ".concat(sdsType === "primary" ? colors === null || colors === void 0 ? void 0 : colors.blue[600] : colors === null || colors === void 0 ? void 0 : colors.blue[400], ";\n\n &:hover {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.blue[600], ";\n }\n "));
3729
+ var doNotForwardProps$p = [
3730
+ "isAllCaps",
3731
+ "isRounded",
3732
+ "sdsStyle",
3733
+ "sdsType",
3734
+ "sdsSize",
3735
+ ];
3736
+ // Rounded + Square Button Styles
3737
+ var ButtonStyles = function (props) {
3738
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
3739
+ var variant = props.variant, startIcon = props.startIcon, endIcon = props.endIcon;
3740
+ var spaces = getSpaces(props);
3741
+ var shadows = getShadows(props);
3742
+ var iconSizes = getIconSizes(props);
3743
+ var semanticTextColors = getSemanticTextColors(props);
3744
+ var semanticComponentColors = getSemanticComponentColors(props);
3745
+ var hasIcon = !!startIcon || !!endIcon;
3746
+ // (masoudmanson): The padding depends on the presence of an icon.
3747
+ // If the component has either a startIcon or endIcon, the padding will be spaces?.m pixels.
3748
+ // If the component doesn't have any icon at all, the padding will be spaces?.l pixels.
3749
+ var padding = hasIcon
3750
+ ? "".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px")
3751
+ : "".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px");
3752
+ var contentColor = variant === "outlined"
3753
+ ? (_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.action) === null || _a === void 0 ? void 0 : _a.default
3754
+ : (_b = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _b === void 0 ? void 0 : _b.onFill;
3755
+ return css(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n border: none;\n box-shadow: inset 0 0 0 1px ", ";\n padding: ", ";\n 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\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\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 .", ", .", " {\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n max-width: ", "px;\n max-height: ", "px;\n }\n }\n\n .", " {\n margin-right: ", "px;\n margin-left: 0;\n }\n\n .", " {\n margin-left: ", "px;\n margin-right: 0;\n }\n "], ["\n border: none;\n box-shadow: inset 0 0 0 1px ", ";\n padding: ", ";\n 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\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\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 .", ", .", " {\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n max-width: ", "px;\n max-height: ", "px;\n }\n }\n\n .", " {\n margin-right: ", "px;\n margin-left: 0;\n }\n\n .", " {\n margin-left: ", "px;\n margin-right: 0;\n }\n "])), (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _c === void 0 ? void 0 : _c.border, padding, contentColor, contentColor, (_d = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _d === void 0 ? void 0 : _d.onFill, (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _e === void 0 ? void 0 : _e.fillHover, (_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _f === void 0 ? void 0 : _f.borderHover, (_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _g === void 0 ? void 0 : _g.fill, (_h = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _h === void 0 ? void 0 : _h.onFill, (_j = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _j === void 0 ? void 0 : _j.fillPressed, (_k = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _k === void 0 ? void 0 : _k.fillPressed, (_l = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _l === void 0 ? void 0 : _l.fill, (_m = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _m === void 0 ? void 0 : _m.onFillDisabled, (_o = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _o === void 0 ? void 0 : _o.fillDisabled, shadows === null || shadows === void 0 ? void 0 : shadows.none, (_p = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _p === void 0 ? void 0 : _p.onFillDisabled, buttonClasses.startIcon, buttonClasses.endIcon, (_q = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _q === void 0 ? void 0 : _q.width, (_r = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _r === void 0 ? void 0 : _r.width, (_s = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _s === void 0 ? void 0 : _s.width, buttonClasses.startIcon, spaces === null || spaces === void 0 ? void 0 : spaces.s, buttonClasses.endIcon, spaces === null || spaces === void 0 ? void 0 : spaces.s);
1726
3756
  };
1727
- var isDisabled$1 = function (props) {
3757
+ var Rounded = function (props) {
3758
+ var corners = getCorners(props);
3759
+ return css(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n border-radius: ", "px;\n "], ["\n border-radius: ", "px;\n "])), corners === null || corners === void 0 ? void 0 : corners.l);
3760
+ };
3761
+ var DestructiveButton = function (props) {
3762
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
3763
+ var variant = props.variant;
3764
+ var shadows = getShadows(props);
3765
+ var semanticTextColors = getSemanticTextColors(props);
3766
+ var semanticComponentColors = getSemanticComponentColors(props);
3767
+ var contentColor = variant === "outlined"
3768
+ ? (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _a === void 0 ? void 0 : _a.icon
3769
+ : (_b = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _b === void 0 ? void 0 : _b.onFill;
3770
+ var backgroundColor = variant === "outlined"
3771
+ ? "transparent"
3772
+ : (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _c === void 0 ? void 0 : _c.fill;
3773
+ return 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\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\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\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\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 "])), (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _d === void 0 ? void 0 : _d.border, contentColor, backgroundColor, contentColor, (_e = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _e === void 0 ? void 0 : _e.onFill, (_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _f === void 0 ? void 0 : _f.fillHover, (_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _g === void 0 ? void 0 : _g.fillHover, (_h = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _h === void 0 ? void 0 : _h.fill, (_j = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _j === void 0 ? void 0 : _j.onFill, (_k = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _k === void 0 ? void 0 : _k.fillPressed, (_l = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _l === void 0 ? void 0 : _l.fillPressed, (_m = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _m === void 0 ? void 0 : _m.fill, (_o = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _o === void 0 ? void 0 : _o.onFillDisabled, (_p = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _p === void 0 ? void 0 : _p.fillDisabled, shadows === null || shadows === void 0 ? void 0 : shadows.none, (_q = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _q === void 0 ? void 0 : _q.onFillDisabled);
3774
+ };
3775
+ var StyledButton$3 = styled(Button$1, {
3776
+ shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
3777
+ })(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontBodySemiboldXs, focusVisibleA11yStyle, function (props) {
3778
+ var sdsStyle = props.sdsStyle, sdsType = props.sdsType;
3779
+ return css(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n "])), ButtonStyles(props), sdsStyle === "rounded" && Rounded(props), sdsType === "destructive" && DestructiveButton(props));
3780
+ });
3781
+ // Minimal Button Styles
3782
+ var Minimal = function (props) {
3783
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
3784
+ var spaces = getSpaces(props);
3785
+ var iconSizes = getIconSizes(props);
3786
+ var semanticTextColors = getSemanticTextColors(props);
3787
+ var semanticComponentColors = getSemanticComponentColors(props);
3788
+ return css(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n ", "\n ", "\n\n min-width: unset;\n padding: ", "px 0;\n\n &:hover,\n &:focus-visible {\n background-color: transparent;\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n &:active {\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n &:disabled {\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n .", ", .", " {\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n max-width: ", "px;\n max-height: ", "px;\n }\n }\n\n .", " {\n margin-right: ", "px;\n margin-left: 0;\n }\n\n .", " {\n margin-left: ", "px;\n margin-right: 0;\n }\n "], ["\n ", "\n ", "\n\n min-width: unset;\n padding: ", "px 0;\n\n &:hover,\n &:focus-visible {\n background-color: transparent;\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n &:active {\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n &:disabled {\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n .", ", .", " {\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n max-width: ", "px;\n max-height: ", "px;\n }\n }\n\n .", " {\n margin-right: ", "px;\n margin-left: 0;\n }\n\n .", " {\n margin-left: ", "px;\n margin-right: 0;\n }\n "])), focusVisibleA11yStyle(), fontCapsXxxs(props), spaces === null || spaces === void 0 ? void 0 : spaces.xxs, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _a === void 0 ? void 0 : _a.fillHover, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _b === void 0 ? void 0 : _b.fillHover, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _c === void 0 ? void 0 : _c.fillPressed, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _d === void 0 ? void 0 : _d.fillPressed, (_e = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _e === void 0 ? void 0 : _e.onFillDisabled, (_f = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _f === void 0 ? void 0 : _f.onFillDisabled, buttonClasses.startIcon, buttonClasses.endIcon, (_g = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _g === void 0 ? void 0 : _g.width, (_h = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _h === void 0 ? void 0 : _h.width, (_j = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _j === void 0 ? void 0 : _j.width, buttonClasses.startIcon, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, buttonClasses.endIcon, spaces === null || spaces === void 0 ? void 0 : spaces.xxs);
3789
+ };
3790
+ var PrimaryMinimalButton = function (props) {
1728
3791
  var _a;
1729
- var palette = getPalette(props);
1730
- return css(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n svg {\n color: ", ";\n }\n "], ["\n svg {\n color: ", ";\n }\n "])), (_a = palette === null || palette === void 0 ? void 0 : palette.text) === null || _a === void 0 ? void 0 : _a.disabled);
3792
+ var semanticTextColors = getSemanticTextColors(props);
3793
+ return css(templateObject_7$9 || (templateObject_7$9 = __makeTemplateObject(["\n ", "\n color: ", ";\n "], ["\n ", "\n color: ", ";\n "])), Minimal(props), (_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.action) === null || _a === void 0 ? void 0 : _a.default);
3794
+ };
3795
+ var SecondaryMinimalButton = function (props) {
3796
+ var _a;
3797
+ var semanticTextColors = getSemanticTextColors(props);
3798
+ return css(templateObject_8$8 || (templateObject_8$8 = __makeTemplateObject(["\n ", "\n color: ", ";\n "], ["\n ", "\n color: ", ";\n "])), Minimal(props), (_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.primary);
3799
+ };
3800
+ var StyledMinimalButton = styled(Button$1, {
3801
+ shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
3802
+ })(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
3803
+ var sdsType = props.sdsType;
3804
+ return css(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject(["\n ", "\n ", "\n "], ["\n ", "\n ", "\n "])), sdsType === "primary" && PrimaryMinimalButton(props), sdsType === "secondary" && SecondaryMinimalButton(props));
3805
+ });
3806
+ var StyledButtonLegacy = styled(Button$1, {
3807
+ shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
3808
+ })(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), focusVisibleA11yStyle, function (props) {
3809
+ if (!props.isRounded)
3810
+ return "";
3811
+ var corners = getCorners(props);
3812
+ var spaces = getSpaces(props);
3813
+ 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 ");
3814
+ });
3815
+ var templateObject_1$O, templateObject_2$w, templateObject_3$o, templateObject_4$l, templateObject_5$f, templateObject_6$b, templateObject_7$9, templateObject_8$8, templateObject_9$4, templateObject_10$2, templateObject_11$1;
3816
+
3817
+ var isDisabled$1 = function (props) {
3818
+ var _a, _b;
3819
+ var semanticComponentColors = getSemanticComponentColors(props);
3820
+ return css(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n color: ", ";\n\n svg {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n svg {\n color: ", ";\n }\n "])), (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.fillDisabled, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.fillDisabled);
1731
3821
  };
1732
3822
  var primary$2 = function (props) {
1733
- var colors = getColors(props);
1734
- var sdsSize = props.sdsSize;
1735
- return css(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n color: ", ";\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n "])), colors === null || colors === void 0 ? void 0 : colors.blue[400], colors === null || colors === void 0 ? void 0 : colors.gray[200], sdsSize === "small" ? colors === null || colors === void 0 ? void 0 : colors.blue[600] : colors === null || colors === void 0 ? void 0 : colors.blue[400], colors === null || colors === void 0 ? void 0 : colors.blue[600]);
3823
+ var _a, _b, _c, _d, _e, _f, _g, _h;
3824
+ var semanticComponentColors = getSemanticComponentColors(props);
3825
+ return css(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n background: ", ";\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n background: ", ";\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n "], ["\n color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n background: ", ";\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n background: ", ";\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n "])), (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _a === void 0 ? void 0 : _a.fill, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _b === void 0 ? void 0 : _b.fill, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _d === void 0 ? void 0 : _d.fillHover, (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _e === void 0 ? void 0 : _e.fillHover, (_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _f === void 0 ? void 0 : _f.fillPressed, (_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _g === void 0 ? void 0 : _g.fillPressed, (_h = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _h === void 0 ? void 0 : _h.fillPressed);
1736
3826
  };
1737
3827
  var secondary$2 = function (props) {
1738
- var colors = getColors(props);
1739
- return css(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n color: ", ";\n\n &:hover,\n &:active {\n background: none;\n color: ", ";\n }\n "], ["\n color: ", ";\n\n &:hover,\n &:active {\n background: none;\n color: ", ";\n }\n "])), colors === null || colors === void 0 ? void 0 : colors.gray[500], colors === null || colors === void 0 ? void 0 : colors.blue[400]);
3828
+ var _a, _b, _c, _d, _e, _f, _g, _h;
3829
+ var semanticComponentColors = getSemanticComponentColors(props);
3830
+ return css(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n background: ", ";\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n background: ", ";\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n "], ["\n color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n background: ", ";\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n background: ", ";\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n "])), (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.icon, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.icon, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _d === void 0 ? void 0 : _d.fillHover, (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _e === void 0 ? void 0 : _e.fillHover, (_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _f === void 0 ? void 0 : _f.fillPressed, (_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _g === void 0 ? void 0 : _g.fillPressed, (_h = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _h === void 0 ? void 0 : _h.fillPressed);
1740
3831
  };
1741
3832
  var tertiary = function (props) {
1742
- var colors = getColors(props);
1743
- return css(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n color: ", ";\n\n &:hover {\n background: none;\n color: black;\n }\n\n &:active {\n color: black;\n }\n "], ["\n color: ", ";\n\n &:hover {\n background: none;\n color: black;\n }\n\n &:active {\n color: black;\n }\n "])), colors === null || colors === void 0 ? void 0 : colors.gray[500]);
3833
+ var _a, _b, _c, _d, _e, _f;
3834
+ var semanticComponentColors = getSemanticComponentColors(props);
3835
+ return css(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n background: none;\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n background: none;\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n "], ["\n color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n background: none;\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n background: none;\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n "])), (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.icon, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.icon, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.iconHover, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.iconHover, (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _e === void 0 ? void 0 : _e.iconPressed, (_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _f === void 0 ? void 0 : _f.iconPressed);
1744
3836
  };
1745
3837
  var small$1 = function (props) {
3838
+ var sdsType = props.sdsType;
1746
3839
  var iconSizes = getIconSizes(props);
1747
- return css(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n &:hover {\n background: none;\n }\n\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n }\n "], ["\n &:hover {\n background: none;\n }\n\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n }\n "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width);
3840
+ return 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: 7px;" : "");
1748
3841
  };
1749
3842
  var medium$1 = function (props) {
1750
3843
  var sdsType = props.sdsType;
1751
3844
  var iconSizes = getIconSizes(props);
1752
- if (sdsType === "primary" || sdsType === "secondary") {
1753
- showWarningIfFirstOccurence(SDSWarningTypes.ButtonIconMediumSize);
1754
- }
1755
- return css(templateObject_7$8 || (templateObject_7$8 = __makeTemplateObject(["\n &:hover {\n background: none;\n }\n\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n }\n "], ["\n &:hover {\n background: none;\n }\n\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n }\n "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.width);
3845
+ return css(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "], ["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.width, sdsType !== "tertiary" ? "margin: 7px;" : "");
1756
3846
  };
1757
3847
  var large = function (props) {
1758
3848
  var sdsType = props.sdsType;
1759
3849
  var iconSizes = getIconSizes(props);
1760
- return css(templateObject_8$7 || (templateObject_8$7 = __makeTemplateObject(["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "], ["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xl.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xl.height, sdsType === "primary" ? "margin: 5px;" : "");
3850
+ return css(templateObject_7$8 || (templateObject_7$8 = __makeTemplateObject(["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "], ["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xl.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xl.height, sdsType !== "tertiary" ? "margin: 5px;" : "");
1761
3851
  };
1762
3852
  var doNotForwardProps$o = [
1763
3853
  "on",
@@ -1766,13 +3856,13 @@ var doNotForwardProps$o = [
1766
3856
  "sdsIcon",
1767
3857
  "sdsIconProps",
1768
3858
  ];
1769
- var StyledButtonIcon$2 = styled(IconButton, {
3859
+ var StyledButtonIcon = styled(IconButton, {
1770
3860
  shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
1771
- })(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n padding: 0;\n ", "\n\n ", "\n"], ["\n padding: 0;\n ", "\n\n ", "\n"])), focusVisibleA11yStyle, function (props) {
1772
- var on = props.on, disabled = props.disabled, sdsSize = props.sdsSize, sdsType = props.sdsType;
1773
- return css(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), sdsType === "primary" && primary$2(props), sdsType === "secondary" && secondary$2(props), sdsType === "tertiary" && tertiary(props), on && isOn(props), disabled && isDisabled$1(props), sdsSize === "small" && small$1(props), sdsSize === "medium" && medium$1(props), sdsSize === "large" && large(props));
3861
+ })(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n padding: 0;\n ", "\n\n ", "\n"], ["\n padding: 0;\n ", "\n\n ", "\n"])), focusVisibleA11yStyle, function (props) {
3862
+ var disabled = props.disabled, _a = props.sdsSize, sdsSize = _a === void 0 ? "medium" : _a, _b = props.sdsType, sdsType = _b === void 0 ? "primary" : _b;
3863
+ return css(templateObject_8$7 || (templateObject_8$7 = __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));
1774
3864
  });
1775
- var templateObject_1$O, templateObject_2$w, templateObject_3$o, templateObject_4$l, templateObject_5$f, templateObject_6$b, templateObject_7$8, templateObject_8$7, templateObject_9$3, templateObject_10$2;
3865
+ var templateObject_1$N, templateObject_2$v, templateObject_3$n, templateObject_4$k, templateObject_5$e, templateObject_6$a, templateObject_7$8, templateObject_8$7, templateObject_9$3;
1776
3866
 
1777
3867
  var ButtonIconSizeToSdsIconSize = {
1778
3868
  large: "xl",
@@ -1781,6 +3871,10 @@ var ButtonIconSizeToSdsIconSize = {
1781
3871
  };
1782
3872
  /**
1783
3873
  * @see https://mui.com/material-ui/react-button/#icon-buttons
3874
+ *
3875
+ * @deprecated
3876
+ * This component is deprecated and will be removed in the next major version.
3877
+ * Please use `Button` or `ButtonDropdown` with `sdsStyle: icon` instead.
1784
3878
  */
1785
3879
  var ButtonIcon = forwardRef(function ButtonIcon(props, ref) {
1786
3880
  /**
@@ -1805,25 +3899,77 @@ var ButtonIcon = forwardRef(function ButtonIcon(props, ref) {
1805
3899
  }
1806
3900
  }
1807
3901
  };
1808
- return (jsx(StyledButtonIcon$2, __assign({}, props, { ref: ref, children: iconItem() })));
3902
+ return (jsx(StyledButtonIcon, __assign({}, props, { ref: ref, children: iconItem() })));
1809
3903
  });
1810
3904
 
1811
- var sdsPropNames$3 = ["sdsStyle", "sdsStage", "intent", "handleSubmit"];
3905
+ /**
3906
+ * (masoudmanson): The MUI variant prop is determined by the sdsType prop.
3907
+ */
3908
+ var MUI_VARIANT_MAP = {
3909
+ destructive: "contained",
3910
+ primary: "contained",
3911
+ secondary: "outlined",
3912
+ tertiary: "text",
3913
+ };
3914
+ /**
3915
+ * @see https://mui.com/material-ui/react-button/
3916
+ */
3917
+ var Button = React__default.forwardRef(function (props, ref) {
3918
+ var sdsStyle = props.sdsStyle, sdsType = props.sdsType;
3919
+ if (!sdsStyle || !sdsType) {
3920
+ showWarningIfFirstOccurence(SDSWarningTypes.ButtonMissingSDSProps);
3921
+ }
3922
+ if (typeof (props === null || props === void 0 ? void 0 : props.isAllCaps) === "boolean" && sdsStyle !== "minimal") {
3923
+ showWarningIfFirstOccurence(SDSWarningTypes.ButtonMinimalIsAllCaps);
3924
+ }
3925
+ // isAllCaps is only used for the Minimal Button. It defaults to true.
3926
+ var isAllCaps = typeof (props === null || props === void 0 ? void 0 : props.isAllCaps) === "boolean" ? props === null || props === void 0 ? void 0 : props.isAllCaps : true;
3927
+ var propsWithDefault = __assign(__assign({}, props), { isAllCaps: isAllCaps });
3928
+ switch (true) {
3929
+ case sdsStyle === "icon":
3930
+ if ((props === null || props === void 0 ? void 0 : props.icon) !== undefined) {
3931
+ // (masoudmanson): We need to remove the props that are not supported by
3932
+ // the ButtonIcon component.
3933
+ var excludedProps = [
3934
+ "startIcon",
3935
+ "endIcon",
3936
+ "sdsStyle",
3937
+ "isAllCaps",
3938
+ "sdsType",
3939
+ ];
3940
+ var finalProps = filterProps(propsWithDefault, excludedProps);
3941
+ return (jsx(ButtonIcon, __assign({ icon: props === null || props === void 0 ? void 0 : props.icon }, finalProps, { sdsType: sdsType, ref: ref })));
3942
+ }
3943
+ else {
3944
+ showWarningIfFirstOccurence(SDSWarningTypes.ButtonIconMissingIconProp);
3945
+ return null;
3946
+ }
3947
+ case sdsStyle === "minimal":
3948
+ return (jsx(StyledMinimalButton, __assign({ color: "primary", variant: "text" }, propsWithDefault, { ref: ref })));
3949
+ case sdsStyle === "rounded":
3950
+ case sdsStyle === "square":
3951
+ return (jsx(StyledButton$3, __assign({ color: "primary", variant: sdsType ? MUI_VARIANT_MAP[sdsType] : "text" }, propsWithDefault, { ref: ref })));
3952
+ default:
3953
+ return jsx(StyledButtonLegacy, __assign({}, propsWithDefault, { ref: ref }));
3954
+ }
3955
+ });
3956
+
3957
+ var sdsPropNames$2 = ["sdsStyle", "sdsStage", "intent", "handleSubmit"];
1812
3958
  var rounded$3 = function (props) {
1813
3959
  var _a;
1814
3960
  var corners = getCorners(props);
1815
3961
  var semanticComponentColors = getSemanticComponentColors(props);
1816
- return css(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n .", " {\n border-radius: ", "px;\n\n .", " {\n border-radius: ", "px;\n border: 1px solid ", ";\n }\n }\n "], ["\n .", " {\n border-radius: ", "px;\n\n .", " {\n border-radius: ", "px;\n border: 1px solid ", ";\n }\n }\n "])), outlinedInputClasses.root, corners === null || corners === void 0 ? void 0 : corners.l, outlinedInputClasses.notchedOutline, corners === null || corners === void 0 ? void 0 : corners.l, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.border);
3962
+ return css(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n .", " {\n border-radius: ", "px;\n\n .", " {\n border-radius: ", "px;\n border: 1px solid ", ";\n }\n }\n "], ["\n .", " {\n border-radius: ", "px;\n\n .", " {\n border-radius: ", "px;\n border: 1px solid ", ";\n }\n }\n "])), outlinedInputClasses.root, corners === null || corners === void 0 ? void 0 : corners.l, outlinedInputClasses.notchedOutline, corners === null || corners === void 0 ? void 0 : corners.l, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.border);
1817
3963
  };
1818
3964
  var error$3 = function (props) {
1819
3965
  var _a, _b, _c, _d;
1820
3966
  var semanticComponentColors = getSemanticComponentColors(props);
1821
- return css(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n .", " .", " {\n border: 1px solid ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", ".", " {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "], ["\n .", " .", " {\n border: 1px solid ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", ".", " {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "])), outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _a === void 0 ? void 0 : _a.border, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _b === void 0 ? void 0 : _b.border, outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _c === void 0 ? void 0 : _c.border, inputAdornmentClasses.root, buttonBaseClasses.root, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.icon);
3967
+ return css(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n .", " .", " {\n border: 1px solid ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", ".", " {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "], ["\n .", " .", " {\n border: 1px solid ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", ".", " {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "])), outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _a === void 0 ? void 0 : _a.border, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _b === void 0 ? void 0 : _b.border, outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _c === void 0 ? void 0 : _c.border, inputAdornmentClasses.root, buttonBaseClasses.root, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.icon);
1822
3968
  };
1823
3969
  var warning$3 = function (props) {
1824
3970
  var _a, _b, _c, _d;
1825
3971
  var semanticComponentColors = getSemanticComponentColors(props);
1826
- return css(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n .", " .", " {\n border: 1px solid ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", ".", " {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "], ["\n .", " .", " {\n border: 1px solid ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", ".", " {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "])), outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.notice) === null || _a === void 0 ? void 0 : _a.border, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.notice) === null || _b === void 0 ? void 0 : _b.border, outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.notice) === null || _c === void 0 ? void 0 : _c.border, inputAdornmentClasses.root, buttonBaseClasses.root, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.icon);
3972
+ return css(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n .", " .", " {\n border: 1px solid ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", ".", " {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "], ["\n .", " .", " {\n border: 1px solid ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", ".", " {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "])), outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.notice) === null || _a === void 0 ? void 0 : _a.border, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.notice) === null || _b === void 0 ? void 0 : _b.border, outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.notice) === null || _c === void 0 ? void 0 : _c.border, inputAdornmentClasses.root, buttonBaseClasses.root, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.icon);
1827
3973
  };
1828
3974
  var userInput$2 = function (props) {
1829
3975
  var _a, _b, _c, _d, _e;
@@ -1837,21 +3983,21 @@ var userInput$2 = function (props) {
1837
3983
  var color = intent === "default"
1838
3984
  ? (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _d === void 0 ? void 0 : _d.icon
1839
3985
  : (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _e === void 0 ? void 0 : _e.icon;
1840
- return css(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n .", " .", " {\n border: 1px solid ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", " svg {\n color: ", ";\n }\n "], ["\n .", " .", " {\n border: 1px solid ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", " svg {\n color: ", ";\n }\n "])), outlinedInputClasses.root, outlinedInputClasses.notchedOutline, border, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, border, inputAdornmentClasses.root, color);
3986
+ return css(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n .", " .", " {\n border: 1px solid ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", " svg {\n color: ", ";\n }\n "], ["\n .", " .", " {\n border: 1px solid ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", " svg {\n color: ", ";\n }\n "])), outlinedInputClasses.root, outlinedInputClasses.notchedOutline, border, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, border, inputAdornmentClasses.root, color);
1841
3987
  };
1842
3988
  var disabledStyled$2 = function (props) {
1843
3989
  var _a, _b, _c;
1844
3990
  var colors = getColors(props);
1845
3991
  var semanticComponentColors = getSemanticComponentColors(props);
1846
- return css(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n .", " {\n .", " {\n border: 1px solid ", ";\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 ", ";\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 "])), outlinedInputClasses.disabled, outlinedInputClasses.notchedOutline, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.borderDisabled, inputAdornmentClasses.root, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.iconDisabled, outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled, colors === null || colors === void 0 ? void 0 : colors.gray[300]);
3992
+ return css(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n .", " {\n .", " {\n border: 1px solid ", ";\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 ", ";\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 "])), outlinedInputClasses.disabled, outlinedInputClasses.notchedOutline, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.borderDisabled, inputAdornmentClasses.root, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.iconDisabled, outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled, colors === null || colors === void 0 ? void 0 : colors.gray[300]);
1847
3993
  };
1848
- var StyledLabel$2 = styled("label")(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyM$1, function (props) {
3994
+ var StyledLabel$2 = styled("label")(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyM$1, function (props) {
1849
3995
  var spaces = getSpaces(props);
1850
3996
  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 ");
1851
3997
  });
1852
3998
  var StyledSearchBase = styled(TextField, {
1853
3999
  shouldForwardProp: function (prop) {
1854
- return !sdsPropNames$3.includes(prop.toString());
4000
+ return !sdsPropNames$2.includes(prop.toString());
1855
4001
  },
1856
4002
  })(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
1857
4003
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
@@ -1862,9 +4008,9 @@ var StyledSearchBase = styled(TextField, {
1862
4008
  return css(templateObject_7$7 || (templateObject_7$7 = __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: ", ";\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 .", " {\n border: 1px solid ", ";\n }\n\n .", ".", " {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n margin-top: ", "px;\n margin-bottom: ", "px;\n margin-right: ", "px;\n min-width: 120px;\n display: block;\n\n [type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n appearance: none;\n }\n\n & .input-search-clear-icon {\n opacity: 0;\n cursor: pointer;\n\n svg {\n height: ", "px;\n width: ", "px;\n }\n }\n\n .", " {\n padding: 0 ", "px;\n background-color: ", ";\n\n .", " {\n border: 1px solid ", ";\n }\n\n &:hover .input-search-clear-icon,\n &:focus-within .input-search-clear-icon {\n opacity: ", ";\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 .", " {\n border: 1px solid ", ";\n }\n\n .", ".", " {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xl, (_a = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _a === void 0 ? void 0 : _a.height, (_b = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _b === void 0 ? void 0 : _b.width, outlinedInputClasses.root, spaces === null || spaces === void 0 ? void 0 : spaces.m, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.surface, outlinedInputClasses.notchedOutline, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.border, value ? 1 : 0, (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _e === void 0 ? void 0 : _e.icon, (_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _f === void 0 ? void 0 : _f.fillHover, (_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _g === void 0 ? void 0 : _g.fillPressed, inputBaseClasses.inputSizeSmall, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.xs, spaces === null || spaces === void 0 ? void 0 : spaces.s, (_h = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _h === void 0 ? void 0 : _h.surface, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_j = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _j === void 0 ? void 0 : _j.borderHover, outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, (_k = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _k === void 0 ? void 0 : _k.border, inputAdornmentClasses.root, buttonBaseClasses.root, (_l = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _l === void 0 ? void 0 : _l.icon, sdsStyle === "rounded" && rounded$3(props), intent === "error" && error$3(props), intent === "warning" && warning$3(props), disabled && disabledStyled$2(props), sdsStage === "userInput" && userInput$2(props));
1863
4009
  });
1864
4010
  var StyledInputAdornment = styled(InputAdornment)(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n position: relative;\n height: unset;\n margin: 0;\n"], ["\n position: relative;\n height: unset;\n margin: 0;\n"])));
1865
- var templateObject_1$N, templateObject_2$v, templateObject_3$n, templateObject_4$k, templateObject_5$e, templateObject_6$a, templateObject_7$7, templateObject_8$6, templateObject_9$2;
4011
+ var templateObject_1$M, templateObject_2$u, templateObject_3$m, templateObject_4$j, templateObject_5$d, templateObject_6$9, templateObject_7$7, templateObject_8$6, templateObject_9$2;
1866
4012
 
1867
- var StyledMenuItem$1 = styled(MenuItem$1)(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4013
+ var StyledMenuItem$1 = styled(MenuItem$1)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
1868
4014
  var _a, _b, _c, _d, _e, _f, _g;
1869
4015
  var selected = props.selected;
1870
4016
  var colors = getColors(props);
@@ -1874,7 +4020,7 @@ var StyledMenuItem$1 = styled(MenuItem$1)(templateObject_1$M || (templateObject_
1874
4020
  var primary = colors === null || colors === void 0 ? void 0 : colors.blue[400];
1875
4021
  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(menuItemClasses.focusVisible, " {\n background-color: ").concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.fillHover, ";\n\n &[aria-selected=\"true\"] {\n background-color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.fillHover, ";\n }\n }\n }\n\n &.").concat(menuItemClasses.root, " .MuiSvgIcon-root {\n align-self: flex-start;\n }\n\n &.").concat(menuItemClasses.root, " .").concat(menuItemClasses.disabled, " {\n opacity: 1 !important;\n }\n\n &.MuiAutocomplete-option[aria-selected=\"true\"] {\n &:hover {\n background-color: ").concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, " !important;\n }\n\n svg.check-icon {\n color: ").concat(selected ? primary : (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.icon, ";\n }\n }\n\n &.MuiAutocomplete-option[aria-disabled=\"true\"] {\n opacity: 1;\n }\n\n &:hover {\n background-color: ").concat((_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _e === void 0 ? void 0 : _e.fillHover, ";\n svg.check-icon {\n color: ").concat(selected ? primary : (_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _f === void 0 ? void 0 : _f.icon, ";\n }\n }\n\n &.Mui-selected.MuiListItem-root.MuiListItem-button {\n background-color: white;\n &:hover {\n background-color: ").concat((_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _g === void 0 ? void 0 : _g.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(primary, ";\n }\n\n &:active {\n svg.check-icon {\n color: ").concat(primary, ";\n }\n\n .primary-text {\n font-weight: ").concat(fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold, ";\n }\n }\n }\n ");
1876
4022
  });
1877
- var ContentWrapper = styled("span")(templateObject_2$u || (templateObject_2$u = __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"])));
4023
+ 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"])));
1878
4024
  var disabledStyles = function (props) {
1879
4025
  var _a;
1880
4026
  var disabled = props.disabled;
@@ -1883,12 +4029,12 @@ var disabledStyles = function (props) {
1883
4029
  var semanticComponentColors = getSemanticComponentColors(props);
1884
4030
  return "\n color: ".concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.iconDisabled, ";\n cursor: default;\n ");
1885
4031
  };
1886
- var TextWrapper = styled("span")(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n ", "\n\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
4032
+ 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) {
1887
4033
  var _a;
1888
4034
  var semanticTextColors = getSemanticTextColors(props);
1889
4035
  return "\n color: ".concat((_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.primary, ";\n display: flex;\n white-space: pre-wrap;\n ");
1890
4036
  }, disabledStyles);
1891
- var StyledMenuItemIcon = styled("span")(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4037
+ var StyledMenuItemIcon = styled("span")(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
1892
4038
  var _a;
1893
4039
  var disabled = props.disabled;
1894
4040
  var spaces = getSpaces(props);
@@ -1896,13 +4042,13 @@ var StyledMenuItemIcon = styled("span")(templateObject_4$j || (templateObject_4$
1896
4042
  var semanticComponentColors = getSemanticComponentColors(props);
1897
4043
  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 = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.iconDisabled, ";") : null, "\n }\n ");
1898
4044
  });
1899
- 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) {
4045
+ var ColumnWrapper = 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) {
1900
4046
  var _a;
1901
4047
  var semanticTextColors = getSemanticTextColors(props);
1902
4048
  var spaces = getSpaces(props);
1903
4049
  return "\n text-align: right;\n color: ".concat((_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.primary, ";\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n ");
1904
4050
  }, disabledStyles);
1905
- var StyledIconWrapper = styled("span")(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4051
+ var StyledIconWrapper = styled("span")(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
1906
4052
  var spaces = getSpaces(props);
1907
4053
  var iconSizes = getIconSizes(props);
1908
4054
  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 ");
@@ -1931,7 +4077,7 @@ var StyledMinus = styled(Remove, {
1931
4077
  : (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _b === void 0 ? void 0 : _b.icon;
1932
4078
  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 ");
1933
4079
  });
1934
- var templateObject_1$M, templateObject_2$u, templateObject_3$m, templateObject_4$j, templateObject_5$d, templateObject_6$9, templateObject_7$6, templateObject_8$5;
4080
+ var templateObject_1$L, templateObject_2$t, templateObject_3$l, templateObject_4$i, templateObject_5$c, templateObject_6$8, templateObject_7$6, templateObject_8$5;
1935
4081
 
1936
4082
  /**
1937
4083
  * @see https://mui.com/material-ui/react-menu/
@@ -2024,10 +4170,10 @@ var InputSearch = forwardRef(function InputSearch(props, ref) {
2024
4170
  return (jsxs(Fragment, { children: [jsx(StyledLabel$2, { htmlFor: id, children: label }), jsx(StyledSearchBase, __assign({ ref: ref,
2025
4171
  // passed to mui Input
2026
4172
  InputProps: {
2027
- endAdornment: (jsx(StyledInputAdornment, { position: "end", children: jsx(ButtonIcon, { "aria-label": "clear-button", className: "input-search-clear-icon", onClick: clearInput, sdsType: "primary", sdsSize: "small", sdsIconProps: {
4173
+ endAdornment: (jsx(StyledInputAdornment, { position: "end", children: jsx(Button, { "aria-label": "clear-button", className: "input-search-clear-icon", onClick: clearInput, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
2028
4174
  sdsType: "iconButton",
2029
4175
  }, icon: "XMarkCircle" }) })),
2030
- startAdornment: (jsx(StyledInputAdornment, { position: "start", children: jsx(ButtonIcon, { "aria-label": "search-button", onClick: localHandleSubmit, sdsType: "secondary", sdsSize: "small", sdsIconProps: {
4176
+ startAdornment: (jsx(StyledInputAdornment, { position: "start", children: jsx(Button, { "aria-label": "search-button", onClick: localHandleSubmit, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
2031
4177
  sdsType: "interactive",
2032
4178
  }, icon: "Search" }) })),
2033
4179
  }, type: "search", id: id, variant: "outlined", size: "small", placeholder: placeholder, value: value, sdsStyle: sdsStyle, sdsStage: hasValue ? "userInput" : "default", onChange: handleChange, onKeyDown: handleKeyPress, intent: intent,
@@ -2048,7 +4194,7 @@ var doNotForwardProps$n = [
2048
4194
  ];
2049
4195
  var StyledAutocompleteBase = styled(Autocomplete$1, {
2050
4196
  shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
2051
- })(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n + .", "\n > .", "\n .", " {\n ", "\n }\n\n ", "\n"], ["\n + .", "\n > .", "\n .", " {\n ", "\n }\n\n ", "\n"])), autocompleteClasses.popper, autocompleteClasses.paper, autocompleteClasses.groupLabel, fontCapsXxxxs, function (props) {
4197
+ })(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n + .", "\n > .", "\n .", " {\n ", "\n }\n\n ", "\n"], ["\n + .", "\n > .", "\n .", " {\n ", "\n }\n\n ", "\n"])), autocompleteClasses.popper, autocompleteClasses.paper, autocompleteClasses.groupLabel, fontCapsXxxxs, function (props) {
2052
4198
  var _a, _b, _c, _d, _e;
2053
4199
  var search = props.search;
2054
4200
  var spaces = getSpaces(props);
@@ -2059,7 +4205,7 @@ var StyledAutocompleteBase = styled(Autocomplete$1, {
2059
4205
  });
2060
4206
  var InputBaseWrapper$1 = styled("div", {
2061
4207
  shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
2062
- })(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4208
+ })(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
2063
4209
  var search = props.search;
2064
4210
  if (!search) {
2065
4211
  // (thuang): We cannot use `display: none;` here, since
@@ -2070,11 +4216,11 @@ var InputBaseWrapper$1 = styled("div", {
2070
4216
  });
2071
4217
  var StyledMenuInputSearch$1 = styled(InputSearch, {
2072
4218
  shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
2073
- })(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n margin: 0;\n .MuiInputBase-root {\n width: 100%;\n }\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n"], ["\n margin: 0;\n .MuiInputBase-root {\n width: 100%;\n }\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n"])), function (_a) {
4219
+ })(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) {
2074
4220
  var search = _a.search;
2075
4221
  return (search ? "auto" : "transparent");
2076
4222
  });
2077
- var StyledPaper$3 = styled(Paper)(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4223
+ var StyledPaper$3 = styled(Paper)(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
2078
4224
  var _a;
2079
4225
  var spaces = getSpaces(props);
2080
4226
  var corners = getCorners(props);
@@ -2083,13 +4229,13 @@ var StyledPaper$3 = styled(Paper)(templateObject_4$i || (templateObject_4$i = __
2083
4229
  var semanticComponentColors = getSemanticComponentColors(props);
2084
4230
  return "\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 = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.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 ");
2085
4231
  });
2086
- var StyledMenuItemDetails = styled("div")(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyXxs$1, function (props) {
4232
+ var StyledMenuItemDetails = styled("div")(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyXxs$1, function (props) {
2087
4233
  var _a;
2088
4234
  var semanticTextColors = getSemanticTextColors(props);
2089
4235
  return "\n color: ".concat((_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.secondary, ";\n white-space: pre-wrap;\n ");
2090
4236
  });
2091
- var StyledMenuItemText = styled("div")(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
2092
- var templateObject_1$L, templateObject_2$t, templateObject_3$l, templateObject_4$i, templateObject_5$c, templateObject_6$8;
4237
+ 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"])));
4238
+ var templateObject_1$K, templateObject_2$s, templateObject_3$k, templateObject_4$h, templateObject_5$b, templateObject_6$7;
2093
4239
 
2094
4240
  var AutocompleteBase = function (props) {
2095
4241
  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;
@@ -2142,9 +4288,9 @@ var AutocompleteBase = function (props) {
2142
4288
  * (thuang): Works with css caret-color: "transparent" to hide
2143
4289
  * mobile keyboard
2144
4290
  */
2145
- inputMode: search ? "text" : "none" }, params.InputProps.ref), { endAdornment: (jsx(StyledInputAdornment, { position: "end", children: inputValue && (jsx(ButtonIcon, { "aria-label": "clear-button", className: "input-search-clear-icon", onClick: clearInput, sdsType: "primary", sdsSize: "small", sdsIconProps: {
4291
+ inputMode: search ? "text" : "none" }, params.InputProps.ref), { endAdornment: (jsx(StyledInputAdornment, { position: "end", children: inputValue && (jsx(Button, { "aria-label": "clear-button", className: "input-search-clear-icon", onClick: clearInput, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
2146
4292
  sdsType: "iconButton",
2147
- }, icon: "XMarkCircle" })) })), inputProps: params.inputProps, startAdornment: (jsx(StyledInputAdornment, { position: "start", children: jsx(ButtonIcon, { "aria-label": "search-button", onClick: clearInput, sdsType: "secondary", sdsSize: "small", sdsIconProps: {
4293
+ }, icon: "XMarkCircle" })) })), inputProps: params.inputProps, startAdornment: (jsx(StyledInputAdornment, { position: "start", children: jsx(Button, { "aria-label": "search-button", onClick: clearInput, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
2148
4294
  sdsType: "interactive",
2149
4295
  }, icon: "Search" }) })) }) }, InputBaseProps)) }));
2150
4296
  }
@@ -2210,27 +4356,27 @@ var AutocompleteBase = function (props) {
2210
4356
  }
2211
4357
  };
2212
4358
 
2213
- var StyledColumn = styled("div")(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4359
+ var StyledColumn = styled("div")(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
2214
4360
  var _a;
2215
4361
  var _b = props.width, width = _b === void 0 ? 280 : _b;
2216
4362
  var spaces = getSpaces(props);
2217
4363
  var borders = getBorders(props);
2218
4364
  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 ");
2219
4365
  });
2220
- var StyledColumnTitle = styled("p")(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontCapsXxxxs, function (props) {
4366
+ var StyledColumnTitle = styled("p")(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontCapsXxxxs, function (props) {
2221
4367
  var _a;
2222
4368
  var spaces = getSpaces(props);
2223
4369
  var semanticTextColors = getSemanticTextColors(props);
2224
4370
  return "\n color: ".concat((_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.secondary, ";\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 ");
2225
4371
  });
2226
- var StyledColumnIcon = styled("span")(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4372
+ var StyledColumnIcon = styled("span")(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
2227
4373
  var _a, _b;
2228
4374
  var spaces = getSpaces(props);
2229
4375
  var iconSizes = getIconSizes(props);
2230
4376
  var semanticComponentColors = getSemanticComponentColors(props);
2231
4377
  return "\n background-color: ".concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, ";\n position: absolute;\n right: -").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n top: -2px;\n padding-bottom: 2px;\n\n svg {\n color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.icon, ";\n width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs.width, "px;\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs.height, "px;\n }\n ");
2232
4378
  });
2233
- var templateObject_1$K, templateObject_2$s, templateObject_3$k;
4379
+ var templateObject_1$J, templateObject_2$r, templateObject_3$j;
2234
4380
 
2235
4381
  var AutocompleteGroup = function (props) {
2236
4382
  var autocompleteProps = props.autocompleteProps, onValueChange = props.onValueChange, propValue = props.value, multiple = props.multiple, label = props.label, InputBaseProps = props.InputBaseProps, popperOpen = props.popperOpen, inputValue = props.inputValue, PaperComponent = props.PaperComponent, rest = __rest(props, ["autocompleteProps", "onValueChange", "value", "multiple", "label", "InputBaseProps", "popperOpen", "inputValue", "PaperComponent"]);
@@ -2285,7 +4431,7 @@ var StyledPopper$2 = styled(Popper, {
2285
4431
  shouldForwardProp: function (prop) {
2286
4432
  return !doNotForwardProps$m.includes(prop) || prop === "anchorEl";
2287
4433
  },
2288
- })(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4434
+ })(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
2289
4435
  var _a;
2290
4436
  var corners = getCorners(props);
2291
4437
  var shadows = getShadows(props);
@@ -2296,21 +4442,21 @@ var StyledPopper$2 = styled(Popper, {
2296
4442
  });
2297
4443
  var StyledPaper$2 = styled(Paper, {
2298
4444
  shouldForwardProp: function (prop) { return !doNotForwardProps$m.includes(prop); },
2299
- })(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4445
+ })(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
2300
4446
  var shadows = getShadows(props);
2301
4447
  return "\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 ");
2302
4448
  });
2303
- var StyledAutocompleteGroupWrapper = styled("div")(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
4449
+ var StyledAutocompleteGroupWrapper = styled("div")(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
2304
4450
  var StyledAutocompleteInput = styled(InputSearch, {
2305
4451
  shouldForwardProp: function (prop) { return !doNotForwardProps$m.includes(prop); },
2306
- })(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n ", "\n\n margin: 0;\n .MuiInputBase-root {\n width: 100%;\n }\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n"], ["\n ", "\n\n margin: 0;\n .MuiInputBase-root {\n width: 100%;\n }\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n"])), function (_a) {
4452
+ })(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) {
2307
4453
  var search = _a.search;
2308
4454
  return !search && "height: 0; display: none;";
2309
4455
  }, function (_a) {
2310
4456
  var search = _a.search;
2311
4457
  return (search ? "auto" : "transparent");
2312
4458
  });
2313
- var templateObject_1$J, templateObject_2$r, templateObject_3$j, templateObject_4$h;
4459
+ var templateObject_1$I, templateObject_2$q, templateObject_3$i, templateObject_4$g;
2314
4460
 
2315
4461
  var AutocompleteMultiColumn = function (props) {
2316
4462
  var _a;
@@ -2319,7 +4465,7 @@ var AutocompleteMultiColumn = function (props) {
2319
4465
  var _h = useState(""), inputValue = _h[0], setInputValue = _h[1];
2320
4466
  var _j = useState(open), popperOpen = _j[0], setPopperOpen = _j[1];
2321
4467
  var anchorRef = useRef(null);
2322
- var _k = React.useState(null), anchorEl = _k[0], setAnchorEl = _k[1];
4468
+ var _k = React__default.useState(null), anchorEl = _k[0], setAnchorEl = _k[1];
2323
4469
  useEffect(function () {
2324
4470
  setAnchorEl(anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current);
2325
4471
  }, [anchorRef]);
@@ -2337,14 +4483,14 @@ var AutocompleteMultiColumn = function (props) {
2337
4483
  });
2338
4484
  onChange === null || onChange === void 0 ? void 0 : onChange(event, __assign(__assign({}, autocompleteMultiColumnValue), (_a = {}, _a[column] = val, _a)), reason, details);
2339
4485
  };
2340
- return (jsx(ClickAwayListener, __assign({ onClickAway: onClickAway }, ClickAwayListenerProps, { children: jsxs("div", { children: [jsx(StyledAutocompleteInput, __assign({ id: "location-search", label: label, placeholder: label, value: inputValue, onChange: handleInputChange, onClick: handleInputClick, onBlur: handleInputBlur, ref: anchorRef, search: search, onKeyDown: handleInputKeyDown, InputProps: __assign(__assign({}, InputBaseProps === null || InputBaseProps === void 0 ? void 0 : InputBaseProps.ref), { endAdornment: (jsx(StyledInputAdornment, { position: "end", children: inputValue && (jsx(ButtonIcon, { "aria-label": "clear-button", className: "input-search-clear-icon", sdsType: "primary", sdsSize: "small", sdsIconProps: {
4486
+ return (jsx(ClickAwayListener, __assign({ onClickAway: onClickAway }, ClickAwayListenerProps, { children: jsxs("div", { children: [jsx(StyledAutocompleteInput, __assign({ id: "location-search", label: label, placeholder: label, value: inputValue, onChange: handleInputChange, onClick: handleInputClick, onBlur: handleInputBlur, ref: anchorRef, search: search, onKeyDown: handleInputKeyDown, InputProps: __assign(__assign({}, InputBaseProps === null || InputBaseProps === void 0 ? void 0 : InputBaseProps.ref), { endAdornment: (jsx(StyledInputAdornment, { position: "end", children: inputValue && (jsx(Button, { "aria-label": "clear-button", className: "input-search-clear-icon", sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
2341
4487
  sdsType: "iconButton",
2342
4488
  }, icon: "XMarkCircle", onClick: clearInput })) })),
2343
4489
  /**
2344
4490
  * (thuang): Works with css caret-color: "transparent" to hide
2345
4491
  * mobile keyboard
2346
4492
  */
2347
- inputMode: "text", startAdornment: (jsx(StyledInputAdornment, { position: "start", children: jsx(ButtonIcon, { "aria-label": "search-button", sdsType: "secondary", sdsSize: "small", sdsIconProps: {
4493
+ inputMode: "text", startAdornment: (jsx(StyledInputAdornment, { position: "start", children: jsx(Button, { "aria-label": "search-button", sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
2348
4494
  sdsType: "interactive",
2349
4495
  }, icon: "Search" }) })) }) }, InputBaseProps)), anchorEl && (jsx(PopperComponent, __assign({ modifiers: [
2350
4496
  {
@@ -2417,25 +4563,25 @@ var Autocomplete = function (props) {
2417
4563
  }
2418
4564
  };
2419
4565
 
2420
- var Centered = styled("div")(templateObject_1$I || (templateObject_1$I = __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"])));
2421
- var IconWrapper$1 = styled("div")(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4566
+ 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"])));
4567
+ var IconWrapper$1 = styled("div")(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
2422
4568
  var iconSizes = getIconSizes(props);
2423
4569
  var spaces = getSpaces(props);
2424
4570
  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 ");
2425
4571
  });
2426
4572
  var doNotForwardPropsButtonIcon = ["bannerType", "textChild"];
2427
- var StyledButtonIcon$1 = styled(ButtonIcon, {
4573
+ var StyledButton$2 = styled(Button, {
2428
4574
  shouldForwardProp: function (prop) {
2429
4575
  return !doNotForwardPropsButtonIcon.includes(prop);
2430
4576
  },
2431
- })(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n flex: 0 0 auto;\n\n ", "\n"], ["\n flex: 0 0 auto;\n\n ", "\n"])), function (props) {
4577
+ })(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n flex: 0 0 auto;\n\n ", "\n"], ["\n flex: 0 0 auto;\n\n ", "\n"])), function (props) {
2432
4578
  var bannerType = props.bannerType;
2433
4579
  var colors = getColors(props);
2434
4580
  if (bannerType !== "primary")
2435
4581
  return "";
2436
4582
  return "\n svg:hover {\n fill: ".concat(colors === null || colors === void 0 ? void 0 : colors.blue[300], ";\n }\n ");
2437
4583
  });
2438
- styled("div")(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), fontBodyS$1);
4584
+ styled("div")(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), fontBodyS$1);
2439
4585
  var primary$1 = function (props) {
2440
4586
  var _a, _b, _c;
2441
4587
  var semanticComponentColors = getSemanticComponentColors(props);
@@ -2451,12 +4597,12 @@ var secondary$1 = function (props) {
2451
4597
  var doNotForwardProps$l = ["sdsType", "textChild"];
2452
4598
  var StyledBanner = styled("div", {
2453
4599
  shouldForwardProp: function (prop) { return !doNotForwardProps$l.includes(prop); },
2454
- })(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
4600
+ })(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
2455
4601
  var sdsType = props.sdsType;
2456
4602
  var spaces = getSpaces(props);
2457
4603
  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 ");
2458
4604
  });
2459
- var templateObject_1$I, templateObject_2$q, templateObject_3$i, templateObject_4$g, templateObject_5$b;
4605
+ var templateObject_1$H, templateObject_2$p, templateObject_3$h, templateObject_4$f, templateObject_5$a;
2460
4606
 
2461
4607
  var Banner = forwardRef(function Banner(props, ref) {
2462
4608
  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"]);
@@ -2484,124 +4630,44 @@ var Banner = forwardRef(function Banner(props, ref) {
2484
4630
  return (jsx(Icon, __assign({ sdsIcon: "InfoCircle", sdsSize: "l", sdsType: "static" }, sdsIconProps)));
2485
4631
  }
2486
4632
  };
2487
- return (jsxs(StyledBanner, __assign({ role: "banner", sdsType: sdsType, ref: ref }, rest, { children: [jsxs(Centered, { children: [jsx(IconWrapper$1, { children: iconItem() }), children] }), dismissible && (jsx(StyledButtonIcon$1, { "aria-label": "Close", bannerType: sdsType, sdsType: "tertiary", sdsSize: "small", onClick: handleClose, icon: "XMark" }))] })));
4633
+ return (jsxs(StyledBanner, __assign({ role: "banner", sdsType: sdsType, ref: ref }, rest, { children: [jsxs(Centered, { children: [jsx(IconWrapper$1, { children: iconItem() }), children] }), dismissible && (jsx(StyledButton$2, { "aria-label": "Close", bannerType: sdsType, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", onClick: handleClose, icon: "XMark" }))] })));
2488
4634
  });
2489
4635
 
2490
- var sdsPropNames$2 = ["isAllCaps", "isRounded", "sdsStyle", "sdsType"];
2491
- var ButtonBase = styled(Button$1, {
2492
- shouldForwardProp: function (prop) { return !sdsPropNames$2.includes(prop); },
2493
- })(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n"])), fontBodySemiboldXs, focusVisibleA11yStyle, function (props) {
2494
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
2495
- var variant = props.variant, startIcon = props.startIcon, endIcon = props.endIcon;
2496
- var spaces = getSpaces(props);
2497
- var shadows = getShadows(props);
2498
- var iconSizes = getIconSizes(props);
2499
- var semanticTextColors = getSemanticTextColors(props);
2500
- var semanticComponentColors = getSemanticComponentColors(props);
2501
- var hasIcon = !!startIcon || !!endIcon;
2502
- // (masoudmanson): The padding for the contained variant depends on the presence of an icon.
2503
- // If the component has either a startIcon or endIcon, the padding will be different.
2504
- // If the component doesn't have any icon at all, the padding will be different.
2505
- var containedPadding = hasIcon
2506
- ? "".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px")
2507
- : "".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px");
2508
- // (thuang): outline variant has border 1px, so padding needs to be smaller
2509
- var outlinedPadding = hasIcon
2510
- ? "".concat(((spaces === null || spaces === void 0 ? void 0 : spaces.xxs) || 0) - 1, "px ").concat(((spaces === null || spaces === void 0 ? void 0 : spaces.m) || 0) - 1, "px")
2511
- : "".concat(((spaces === null || spaces === void 0 ? void 0 : spaces.xs) || 0) - 1, "px ").concat(((spaces === null || spaces === void 0 ? void 0 : spaces.m) || 0) - 1, "px");
2512
- var padding = variant === "outlined" ? outlinedPadding : containedPadding;
2513
- var outlineBorder = variant === "outlined"
2514
- ? "border-color: ".concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _a === void 0 ? void 0 : _a.border, ";")
2515
- : "";
2516
- return "\n ".concat(outlineBorder, "\n padding: ").concat(padding, ";\n min-width: 120px;\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, ";\n\n &:hover {\n color: ").concat((_b = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _b === void 0 ? void 0 : _b.onFill, ";\n background-color: ").concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _c === void 0 ? void 0 : _c.fillHover, ";\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, ";\n }\n\n &:active {\n color: ").concat((_d = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _d === void 0 ? void 0 : _d.onFill, ";\n background-color: ").concat((_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _e === void 0 ? void 0 : _e.fillPressed, ";\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, ";\n }\n\n &:disabled {\n color: ").concat((_f = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _f === void 0 ? void 0 : _f.onFillDisabled, ";\n background-color: ").concat((_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _g === void 0 ? void 0 : _g.fillDisabled, ";\n border-color: ").concat((_h = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _h === void 0 ? void 0 : _h.borderDisabled, ";\n }\n\n .").concat(buttonClasses.startIcon, ", .").concat(buttonClasses.endIcon, " {\n width: ").concat((_j = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _j === void 0 ? void 0 : _j.width, "px;\n height: ").concat((_k = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _k === void 0 ? void 0 : _k.width, "px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n max-width: ").concat((_l = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _l === void 0 ? void 0 : _l.width, "px;\n max-height: ").concat((_m = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _m === void 0 ? void 0 : _m.width, "px;\n }\n }\n\n .").concat(buttonClasses.startIcon, " {\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n margin-left: 0;\n }\n\n .").concat(buttonClasses.endIcon, " {\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n margin-right: 0;\n }\n ");
2517
- });
2518
- var RoundedButton = styled(ButtonBase, {
2519
- shouldForwardProp: function (prop) { return !sdsPropNames$2.includes(prop); },
2520
- })(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
2521
- var corners = getCorners(props);
2522
- return "\n border-radius: ".concat(corners === null || corners === void 0 ? void 0 : corners.l, "px;\n ");
2523
- });
2524
- var SquareButton = ButtonBase;
2525
- var MinimalButton = styled(Button$1, {
2526
- shouldForwardProp: function (prop) { return !sdsPropNames$2.includes(prop); },
2527
- })(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n ", "\n\n ", "\n\n ", "\n &:hover, &:focus-visible {\n background-color: transparent;\n }\n"], ["\n ", "\n\n ", "\n\n ", "\n &:hover, &:focus-visible {\n background-color: transparent;\n }\n"])), focusVisibleA11yStyle, function (props) {
2528
- var spaces = getSpaces(props);
2529
- return "\n padding: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px 0;\n ");
2530
- }, function (props) {
2531
- if (props === null || props === void 0 ? void 0 : props.isAllCaps) {
2532
- return fontCapsXxxs;
2533
- }
2534
- return "";
2535
- });
2536
- var minimal$2 = function (props) {
2537
- var _a, _b, _c, _d, _e, _f, _g;
2538
- var spaces = getSpaces(props);
2539
- var iconSizes = getIconSizes(props);
2540
- var semanticTextColors = getSemanticTextColors(props);
2541
- var semanticComponentColors = getSemanticComponentColors(props);
2542
- return "\n &:hover, &:focus-visible {\n color: ".concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _a === void 0 ? void 0 : _a.fillHover, ";\n }\n &:active {\n color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _b === void 0 ? void 0 : _b.fillPressed, ";\n }\n &:disabled { \n color: ").concat((_c = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _c === void 0 ? void 0 : _c.onFillDisabled, ";\n }\n\n .").concat(buttonClasses.startIcon, ", .").concat(buttonClasses.endIcon, " {\n width: ").concat((_d = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _d === void 0 ? void 0 : _d.width, "px;\n height: ").concat((_e = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _e === void 0 ? void 0 : _e.width, "px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n max-width: ").concat((_f = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _f === void 0 ? void 0 : _f.width, "px;\n max-height: ").concat((_g = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _g === void 0 ? void 0 : _g.width, "px;\n }\n }\n\n .").concat(buttonClasses.startIcon, " {\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n }\n\n .").concat(buttonClasses.endIcon, " {\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n }\n ");
4636
+ var BUTTON_ICON_SIZE_TO_SDS_ICON_SIZE = {
4637
+ large: "xl",
4638
+ medium: "l",
4639
+ small: "s",
2543
4640
  };
2544
- var PrimaryMinimalButton = styled(MinimalButton)(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), minimal$2);
2545
- var SecondaryMinimalButton = styled(MinimalButton)(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), minimal$2, function (props) {
2546
- var _a;
2547
- var semanticTextColors = getSemanticTextColors(props);
2548
- return "\n color: ".concat((_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.primary, ";\n ");
2549
- });
2550
- var StyledButton$1 = styled(Button$1, {
2551
- shouldForwardProp: function (prop) { return !sdsPropNames$2.includes(prop); },
2552
- })(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), focusVisibleA11yStyle, function (props) {
2553
- if (!props.isRounded)
2554
- return "";
2555
- var corners = getCorners(props);
2556
- var spaces = getSpaces(props);
2557
- 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.l, "px;\n min-width: 120px;\n ");
2558
- });
2559
- var templateObject_1$H, templateObject_2$p, templateObject_3$h, templateObject_4$f, templateObject_5$a, templateObject_6$7;
2560
-
2561
4641
  /**
2562
4642
  * @see https://mui.com/material-ui/react-button/
2563
4643
  */
2564
- var Button = React.forwardRef(function (props, ref) {
2565
- var sdsStyle = props === null || props === void 0 ? void 0 : props.sdsStyle;
2566
- var sdsType = props === null || props === void 0 ? void 0 : props.sdsType;
2567
- if (!sdsStyle || !sdsType) {
2568
- showWarningIfFirstOccurence(SDSWarningTypes.ButtonMissingSDSProps);
2569
- }
2570
- if (typeof (props === null || props === void 0 ? void 0 : props.isAllCaps) === "boolean" && sdsStyle !== "minimal") {
2571
- // eslint-disable-next-line no-console
2572
- console.warn("Warning: isAllCaps is only applied to buttons with sdsStyle='minimal'.");
4644
+ var ButtonDropdown = React__default.forwardRef(function (props, ref) {
4645
+ var icon = props.icon, sdsStyle = props.sdsStyle, sdsType = props.sdsType, _a = props.sdsSize, sdsSize = _a === void 0 ? "medium" : _a, sdsIconProps = props.sdsIconProps;
4646
+ var iconSize = BUTTON_ICON_SIZE_TO_SDS_ICON_SIZE[sdsSize];
4647
+ var iconItem = function () {
4648
+ if (icon) {
4649
+ if (typeof icon !== "string") {
4650
+ return icon;
4651
+ }
4652
+ else {
4653
+ return (jsx(Icon, __assign({ sdsType: "iconButton" }, sdsIconProps, { sdsIcon: icon, sdsSize: iconSize })));
4654
+ }
4655
+ }
4656
+ };
4657
+ if (sdsStyle === "icon") {
4658
+ if (icon !== undefined) {
4659
+ return jsx(ButtonIcon, __assign({ icon: icon }, props, { ref: ref }));
4660
+ }
4661
+ else {
4662
+ showWarningIfFirstOccurence(SDSWarningTypes.ButtonIconMissingIconProp);
4663
+ return null;
4664
+ }
2573
4665
  }
2574
- // isAllCaps is only used for the Minimal Button. It defaults to true.
2575
- var isAllCaps = typeof (props === null || props === void 0 ? void 0 : props.isAllCaps) === "boolean" ? props === null || props === void 0 ? void 0 : props.isAllCaps : true;
2576
- var propsWithDefault = __assign(__assign({}, props), { isAllCaps: isAllCaps });
2577
- switch (true) {
2578
- case sdsStyle === "rounded" && sdsType === "primary":
2579
- return (jsx(RoundedButton, __assign({ color: "primary", ref: ref, variant: "contained" }, propsWithDefault)));
2580
- case sdsStyle === "rounded" && sdsType === "secondary":
2581
- return (jsx(RoundedButton, __assign({ color: "primary", ref: ref, variant: "outlined" }, propsWithDefault)));
2582
- case sdsStyle === "square" && sdsType === "primary":
2583
- return (jsx(SquareButton, __assign({ color: "primary", ref: ref, variant: "contained" }, propsWithDefault)));
2584
- case sdsStyle === "square" && sdsType === "secondary":
2585
- return (jsx(SquareButton, __assign({ color: "primary", ref: ref, variant: "outlined" }, propsWithDefault)));
2586
- case sdsStyle === "minimal" && sdsType === "primary":
2587
- return (jsx(PrimaryMinimalButton, __assign({ color: "primary", ref: ref, variant: "text" }, propsWithDefault)));
2588
- case sdsStyle === "minimal" && sdsType === "secondary":
2589
- return (jsx(SecondaryMinimalButton, __assign({ color: "primary", ref: ref, variant: "text" }, propsWithDefault)));
2590
- default:
2591
- return jsx(StyledButton$1, __assign({}, propsWithDefault, { ref: ref }));
4666
+ else {
4667
+ return (jsx(Button, __assign({}, props, { endIcon: jsx(Icon, { sdsIcon: "ChevronDown", sdsSize: "xs", sdsType: "button" }), sdsStyle: sdsStyle, ref: ref, sdsType: sdsType, startIcon: iconItem() })));
2592
4668
  }
2593
4669
  });
2594
4670
 
2595
- /**
2596
- * @see https://mui.com/material-ui/react-button/
2597
- */
2598
- var ButtonDropdown = React.forwardRef(function (props, ref) {
2599
- var icon = props === null || props === void 0 ? void 0 : props.icon;
2600
- var sdsStyle = props === null || props === void 0 ? void 0 : props.sdsStyle;
2601
- var sdsType = props === null || props === void 0 ? void 0 : props.sdsType;
2602
- return (jsx(Button, __assign({}, props, { endIcon: jsx(Icon, { sdsIcon: "ChevronDown", sdsSize: "xs", sdsType: "button" }), sdsStyle: sdsStyle, ref: ref, sdsType: sdsType, startIcon: icon })));
2603
- });
2604
-
2605
4671
  var CALLOUT_TITLE_DISPLAY_NAME = "CalloutTitle";
2606
4672
 
2607
4673
  var doNotForwardProps$k = ["calloutTitle", "collapsed", "severity"];
@@ -2678,11 +4744,11 @@ var Callout = function (_a) {
2678
4744
  };
2679
4745
  var getAction = function (collapsed) {
2680
4746
  if (expandable) {
2681
- return (jsx(ButtonIcon, { "aria-label": collapsed ? "open" : "close", onClick: function () {
4747
+ return (jsx(Button, { "aria-label": collapsed ? "open" : "close", onClick: function () {
2682
4748
  setStage(collapsed ? SDS_STAGE_OPEN : SDS_STAGE_CLOSED);
2683
- }, sdsSize: "small", sdsType: "tertiary", icon: collapsed ? "ChevronDown" : "ChevronUp" }));
4749
+ }, sdsSize: "small", sdsType: "tertiary", sdsStyle: "icon", icon: collapsed ? "ChevronDown" : "ChevronUp" }));
2684
4750
  }
2685
- return onClose ? (jsx(ButtonIcon, { "aria-label": "Dismiss", onClick: handleClose, sdsSize: "small", sdsType: "tertiary", size: "large", icon: "XMark" })) : null;
4751
+ return onClose ? (jsx(Button, { "aria-label": "Dismiss", onClick: handleClose, sdsSize: "small", sdsType: "tertiary", sdsStyle: "icon", size: "large", icon: "XMark" })) : null;
2686
4752
  };
2687
4753
  var collapsed = (expandable && stage === SDS_STAGE_CLOSED) || false;
2688
4754
  // when there is no CalloutTitlecomponent, or there is a single child element
@@ -3070,6 +5136,10 @@ var templateObject_1$A, templateObject_2$l, templateObject_3$d, templateObject_4
3070
5136
 
3071
5137
  /**
3072
5138
  * @see https://mui.com/material-ui/react-chip/
5139
+ *
5140
+ * @deprecated
5141
+ * This component is deprecated and will be removed in the next major version.
5142
+ * Please use `Tag` or `TagFilter` instead.
3073
5143
  */
3074
5144
  var Chip = function (props) {
3075
5145
  showWarningIfFirstOccurence(SDSWarningTypes.ChipDeprecated);
@@ -3159,6 +5229,17 @@ var DropdownMenu = function (props) {
3159
5229
  sx: dropdownMenuPopperSx, children: jsx(PaperComponent, { children: jsx(ClickAwayListener, __assign({ onClickAway: onClickAway }, ClickAwayListenerProps, { children: jsxs(StyledDropdownMenuAutocompleteWrapper, { children: [title && (jsx(StyledHeaderTitle, { search: search, children: title })), anchorEl && (jsx(Autocomplete, __assign({ label: label, search: search, title: title, open: open, options: options, PopperBaseProps: DEFAULT_POPPER_BASE_PROPS, disablePortal: true, onClickAway: noop }, rest, { InputBaseProps: DefaultInputBaseProps }))), children] }) })) }) })));
3160
5230
  };
3161
5231
 
5232
+ var doNotForwardProps$e = [
5233
+ "intent",
5234
+ "state",
5235
+ "sdsStage",
5236
+ "sdsType",
5237
+ "isMinimal",
5238
+ "shouldTruncateMinimalDetails",
5239
+ "shouldPutAColonAfterLabel",
5240
+ "value",
5241
+ "sdsStyle",
5242
+ ];
3162
5243
  var labelFontBodyS = fontBody("s", "regular");
3163
5244
  var labelFontBodyXs = fontBody("xs", "regular");
3164
5245
  var inputDropdownStyles = function (props) {
@@ -3219,15 +5300,14 @@ var isDisabled = function (props) {
3219
5300
  var semanticCommonColors = getSemanticComponentColors(props);
3220
5301
  return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n cursor: default;\n border-color: ", ";\n\n span {\n color: ", ";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n path {\n fill: ", ";\n }\n "], ["\n cursor: default;\n border-color: ", ";\n\n span {\n color: ", ";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n path {\n fill: ", ";\n }\n "])), (_a = semanticCommonColors === null || semanticCommonColors === void 0 ? void 0 : semanticCommonColors.base) === null || _a === void 0 ? void 0 : _a.borderDisabled, (_b = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _b === void 0 ? void 0 : _b.disabled, (_c = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _c === void 0 ? void 0 : _c.disabled, (_d = semanticCommonColors === null || semanticCommonColors === void 0 ? void 0 : semanticCommonColors.base) === null || _d === void 0 ? void 0 : _d.fillDisabled);
3221
5302
  };
3222
- var doNotForwardProps$e = [
3223
- "intent",
3224
- "state",
3225
- "sdsStage",
3226
- "sdsType",
3227
- "isMinimal",
3228
- "shouldTruncateMinimalDetails",
3229
- "shouldPutAColonAfterLabel",
3230
- ];
5303
+ /**
5304
+ * (masoudmanson): `Button as React.ComponentType<InputDropdownProps>` is a
5305
+ * temporary fix for the issue where the props are not correctly passed to
5306
+ * the underlying Button component. This is a workaround until a more permanent
5307
+ * solution is implemented. As a result of this fix, the style prop is not
5308
+ * passed to the underlying Button component. So we have added the style prop
5309
+ * to the InputDropdownProps interface.
5310
+ */
3231
5311
  var StyledInputDropdown = styled(Button, {
3232
5312
  shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
3233
5313
  })(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", "\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 /* (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, function (props) {
@@ -3492,7 +5572,7 @@ var templateObject_1$w, templateObject_2$h;
3492
5572
  * @see https://mui.com/material-ui/react-chip/
3493
5573
  */
3494
5574
  var TagFilter = function (props) {
3495
- return (jsx(StyledTag, __assign({ role: "none presentation" }, props, { deleteIcon: jsx(ButtonIcon, { "aria-label": "Delete Tag", icon: "XMark", sdsSize: "small", sdsType: "tertiary" }), color: "info" })));
5575
+ return (jsx(StyledTag, __assign({ role: "none presentation" }, props, { deleteIcon: jsx(Button, { "aria-label": "Delete Tag", icon: "XMark", sdsSize: "small", sdsType: "tertiary", sdsStyle: "icon" }), color: "info" })));
3496
5576
  };
3497
5577
 
3498
5578
  var Chips = function (_a) {
@@ -3664,7 +5744,7 @@ function DialogContent(props, ref) {
3664
5744
  return jsx(StyledDialogContent, __assign({ ref: ref }, props));
3665
5745
  });
3666
5746
 
3667
- var StyledButtonIcon = styled(ButtonIcon)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n position: absolute;\n\n ", "\n"], ["\n position: absolute;\n\n ", "\n"])), function (props) {
5747
+ 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) {
3668
5748
  var spaces = getSpaces(props);
3669
5749
  return "\n right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxl, "px;\n ");
3670
5750
  });
@@ -3680,7 +5760,7 @@ var CloseButton = forwardRef(function CloseButton(props, ref) {
3680
5760
  return (jsx(DialogContext.Consumer, { children: function (_a) {
3681
5761
  var sdsSize = _a.sdsSize;
3682
5762
  var size = SDS_SIZE_TO_COMPONENT_SIZE[sdsSize];
3683
- return (jsx(StyledButtonIcon, __assign({ "aria-label": "Close", ref: ref, sdsType: "tertiary", sdsSize: size }, props, { icon: "XMark" })));
5763
+ return (jsx(StyledButton$1, __assign({ "aria-label": "Close", ref: ref, sdsSize: size }, props, { icon: "XMark", sdsStyle: "icon", sdsType: "tertiary" })));
3684
5764
  } }));
3685
5765
  });
3686
5766
 
@@ -3760,7 +5840,7 @@ var Dropdown = function (props) {
3760
5840
  setValue(propValue);
3761
5841
  }
3762
5842
  }, [isControlled, propValue]);
3763
- return (jsxs(Fragment, { children: [jsx(InputDropdownComponent, __assign({ disabled: disabled, label: label, onClick: handleClick, sdsStage: open ? "userInput" : "default" }, InputDropdownProps, { "data-testid": "dropdown" })), jsx(DropdownMenu, __assign({ anchorEl: anchorEl, open: open, search: search, onClose: handleClose, multiple: multiple, disableCloseOnSelect: multiple, options: options, onClickAway: handleClickAway, width: 250, onChange: handleChange, value: isMultiColumn ? value : multiple ? pendingValue : value }, DropdownMenuProps, rest, { children: shouldShowButtons ? (jsx(StyledButtonsWrapper, { buttonPosition: buttonPosition, children: buttonPosition === "left" ? (jsxs("div", { children: [jsx(StyledButton, { onClick: handleClose, sdsStyle: "square", sdsType: "primary", children: "Apply" }), jsx(StyledButton, { onClick: handleCancel, sdsStyle: "square", sdsType: "secondary", children: "Cancel" })] })) : (jsxs("div", { children: [jsx(StyledButton, { onClick: handleCancel, sdsStyle: "square", sdsType: "secondary", children: "Cancel" }), jsx(StyledButton, { onClick: handleClose, sdsStyle: "square", sdsType: "primary", children: "Apply" })] })) })) : null }))] }));
5843
+ return (jsxs(Fragment, { children: [jsx(InputDropdownComponent, __assign({ disabled: disabled, label: label, onClick: handleClick, sdsStage: open ? "userInput" : "default" }, InputDropdownProps, { "data-testid": "dropdown" })), jsx(DropdownMenu, __assign({ anchorEl: anchorEl, open: open, search: search, onClose: handleClose, multiple: multiple, disableCloseOnSelect: multiple, options: options, onClickAway: handleClickAway, width: 250, onChange: handleChange, value: isMultiColumn ? value : multiple ? pendingValue : value }, DropdownMenuProps, rest, { children: shouldShowButtons ? (jsx(StyledButtonsWrapper, { buttonPosition: buttonPosition, children: buttonPosition === "left" ? (jsxs("div", { children: [jsx(StyledButton, { onClick: handleButtonClose, sdsStyle: "square", sdsType: "primary", children: "Apply" }), jsx(StyledButton, { onClick: handleCancel, sdsStyle: "square", sdsType: "secondary", children: "Cancel" })] })) : (jsxs("div", { children: [jsx(StyledButton, { onClick: handleCancel, sdsStyle: "square", sdsType: "secondary", children: "Cancel" }), jsx(StyledButton, { onClick: handleButtonClose, sdsStyle: "square", sdsType: "primary", children: "Apply" })] })) })) : null }))] }));
3764
5844
  function getInitialValue() {
3765
5845
  return multiple
3766
5846
  ? []
@@ -3835,6 +5915,9 @@ var Dropdown = function (props) {
3835
5915
  setOpen(false);
3836
5916
  }
3837
5917
  }
5918
+ function handleButtonClose(event) {
5919
+ handleClose(event, "selectOption");
5920
+ }
3838
5921
  function handleCancel() {
3839
5922
  if (multiple) {
3840
5923
  // (masoudmanson): To undo the latest actions made on the selections,
@@ -3853,6 +5936,49 @@ var Dropdown = function (props) {
3853
5936
  }
3854
5937
  };
3855
5938
 
5939
+ var _path$4, _path2$1;
5940
+ function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
5941
+ var SvgIconCheckboxChecked = function SvgIconCheckboxChecked(props) {
5942
+ return /*#__PURE__*/React.createElement("svg", _extends$4({
5943
+ xmlns: "http://www.w3.org/2000/svg",
5944
+ width: 16,
5945
+ height: 16
5946
+ }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
5947
+ d: "M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2z"
5948
+ })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
5949
+ fill: "#fff",
5950
+ fillRule: "evenodd",
5951
+ d: "M11.744 3.962a.56.56 0 0 0-.346.239L6.91 10.284 4.59 7.663c-.147-.205-.392-.285-.614-.185-.21.095-.355.33-.382.606-.027.272.062.543.238.703l2.733 3.09c.235.264.594.241.808-.047l4.874-6.612c.167-.22.21-.553.11-.833-.106-.294-.352-.472-.614-.423Z"
5952
+ })));
5953
+ };
5954
+
5955
+ var _path$3, _path2;
5956
+ function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
5957
+ var SvgIconCheckboxIndeterminate = function SvgIconCheckboxIndeterminate(props) {
5958
+ return /*#__PURE__*/React.createElement("svg", _extends$3({
5959
+ xmlns: "http://www.w3.org/2000/svg",
5960
+ width: 16,
5961
+ height: 16
5962
+ }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
5963
+ d: "M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2z"
5964
+ })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
5965
+ fill: "#fff",
5966
+ d: "M12.286 8.004a.625.625 0 0 0-.625-.625H4.339a.625.625 0 0 0 0 1.25h7.322c.345 0 .625-.28.625-.625"
5967
+ })));
5968
+ };
5969
+
5970
+ var _path$2;
5971
+ function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
5972
+ var SvgIconCheckboxUnchecked = function SvgIconCheckboxUnchecked(props) {
5973
+ return /*#__PURE__*/React.createElement("svg", _extends$2({
5974
+ xmlns: "http://www.w3.org/2000/svg",
5975
+ width: 16,
5976
+ height: 16
5977
+ }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
5978
+ d: "M0 2C.022 1.484.251.92.586.586.92.251 1.484.022 2 0h12c.516.022 1.08.251 1.414.586.335.334.564.898.586 1.414v12c-.022.516-.251 1.08-.586 1.414-.334.335-.898.564-1.414.586H2c-.516-.022-1.08-.251-1.414-.586C.251 15.08.022 14.516 0 14Zm1 12c-.022.312.084.499.293.707.208.209.395.315.707.293h12c.312.022.499-.084.707-.293.209-.208.315-.395.293-.707V2c.022-.312-.084-.499-.293-.707C14.499 1.084 14.312.978 14 1H2c-.312-.022-.499.084-.707.293C1.084 1.501.978 1.688 1 2Z"
5979
+ })));
5980
+ };
5981
+
3856
5982
  var StyledCheckbox = styled(Checkbox)(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
3857
5983
  var _a, _b, _c, _d, _e, _f;
3858
5984
  var _g = props.intent, intent = _g === void 0 ? "default" : _g;
@@ -3904,7 +6030,33 @@ var InputCheckbox = function (props) {
3904
6030
  newProps = rest;
3905
6031
  }
3906
6032
  var finalLabel = caption ? (jsxs(StyledLabelContainer$1, { children: [jsx(StyledCheckboxLabel, { children: label }), jsx(StyledCheckboxCaption, { disabled: disabled, children: caption })] })) : (jsx(StyledLabelContainer$1, { children: jsx(StyledCheckboxLabel, { children: label }) }));
3907
- return (jsx(StyledFormControlLabel$1, { control: jsx(StyledCheckbox, __assign({ disabled: disabled, checkedIcon: jsx(SvgIcon, { fillcontrast: "white", component: ReactComponent$23, viewBox: "0 0 16 16" }), icon: jsx(SvgIcon, { fillcontrast: "white", component: ReactComponent$24, viewBox: "0 0 16 16" }), indeterminateIcon: jsx(SvgIcon, { fillcontrast: "white", component: ReactComponent$25, viewBox: "0 0 16 16" }), intent: intent }, checkboxProps, newProps)), disabled: disabled, label: finalLabel, value: value }));
6033
+ return (jsx(StyledFormControlLabel$1, { control: jsx(StyledCheckbox, __assign({ disabled: disabled, checkedIcon: jsx(SvgIcon, { fillcontrast: "white", component: SvgIconCheckboxChecked, viewBox: "0 0 16 16" }), icon: jsx(SvgIcon, { fillcontrast: "white", component: SvgIconCheckboxUnchecked, viewBox: "0 0 16 16" }), indeterminateIcon: jsx(SvgIcon, { fillcontrast: "white", component: SvgIconCheckboxIndeterminate, viewBox: "0 0 16 16" }), intent: intent }, checkboxProps, newProps)), disabled: disabled, label: finalLabel, value: value }));
6034
+ };
6035
+
6036
+ var _path$1;
6037
+ 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); }
6038
+ var SvgIconRadioChecked = function SvgIconRadioChecked(props) {
6039
+ return /*#__PURE__*/React.createElement("svg", _extends$1({
6040
+ xmlns: "http://www.w3.org/2000/svg",
6041
+ width: 16,
6042
+ height: 16
6043
+ }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
6044
+ fillRule: "evenodd",
6045
+ d: "M5 8a3 3 0 1 0 6 0 3 3 0 0 0-6 0m3-8a8 8 0 1 0 0 16A8 8 0 0 0 8 0"
6046
+ })));
6047
+ };
6048
+
6049
+ var _path;
6050
+ 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); }
6051
+ var SvgIconRadioUnchecked = function SvgIconRadioUnchecked(props) {
6052
+ return /*#__PURE__*/React.createElement("svg", _extends({
6053
+ xmlns: "http://www.w3.org/2000/svg",
6054
+ width: 16,
6055
+ height: 16
6056
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
6057
+ fillRule: "evenodd",
6058
+ d: "M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m7-8a8 8 0 1 0 0 16A8 8 0 0 0 8 0"
6059
+ })));
3908
6060
  };
3909
6061
 
3910
6062
  var StyledRadioButton = styled(Radio)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
@@ -3955,7 +6107,7 @@ var InputRadio = function (props) {
3955
6107
  newProps = props;
3956
6108
  }
3957
6109
  var finalLabel = caption ? (jsxs(StyledLabelContainer, { children: [jsx(StyledRadioLabel, { children: label }), jsx(StyledRadioCaption, { disabled: disabled, children: caption })] })) : (jsx(StyledLabelContainer, { children: jsx(StyledRadioLabel, { children: label }) }));
3958
- return (jsx(StyledFormControlLabel, { control: jsx(StyledRadioButton, __assign({ disabled: disabled, checkedIcon: jsx(SvgIcon, { fillcontrast: "white", component: ReactComponent$26, viewBox: "0 0 16 16" }), icon: jsx(SvgIcon, { fillcontrast: "white", component: ReactComponent$27, viewBox: "0 0 16 16" }), intent: intent }, radioProps, newProps)), disabled: disabled, label: finalLabel, value: value }));
6110
+ return (jsx(StyledFormControlLabel, { control: jsx(StyledRadioButton, __assign({ disabled: disabled, checkedIcon: jsx(SvgIcon, { fillcontrast: "white", component: SvgIconRadioChecked, viewBox: "0 0 16 16" }), icon: jsx(SvgIcon, { fillcontrast: "white", component: SvgIconRadioUnchecked, viewBox: "0 0 16 16" }), intent: intent }, radioProps, newProps)), disabled: disabled, label: finalLabel, value: value }));
3959
6111
  };
3960
6112
 
3961
6113
  var inputSlider = function (props) {
@@ -4352,6 +6504,10 @@ var templateObject_1$d, templateObject_2$7, templateObject_3$3, templateObject_4
4352
6504
 
4353
6505
  /**
4354
6506
  * @see https://mui.com/material-ui/react-autocomplete/
6507
+ *
6508
+ * @deprecated
6509
+ * This component is deprecated and will be removed in the next major version.
6510
+ * Please use `Autocomplete` or `Dropdown` instead.
4355
6511
  */
4356
6512
  var MenuSelect = function (props) {
4357
6513
  var _a = props.keepSearchOnSelect, keepSearchOnSelect = _a === void 0 ? true : _a, _b = props.multiple, multiple = _b === void 0 ? false : _b, _c = props.getOptionLabel, getOptionLabel = _c === void 0 ? defaultGetOptionLabel : _c, _d = props.renderTags, renderTags = _d === void 0 ? defaultRenderTags : _d, _e = props.renderOption, renderOption = _e === void 0 ? defaultRenderOption : _e, _f = props.disableCloseOnSelect, disableCloseOnSelect = _f === void 0 ? multiple : _f, _g = props.noOptionsText, noOptionsText = _g === void 0 ? "No options" : _g, _h = props.search, search = _h === void 0 ? false : _h, _j = props.InputBaseProps, InputBaseProps = _j === void 0 ? {} : _j, _k = props.onInputChange, onInputChange = _k === void 0 ? noop : _k;
@@ -4370,7 +6526,7 @@ var MenuSelect = function (props) {
4370
6526
  * (thuang): Works with css caret-color: "transparent" to hide
4371
6527
  * mobile keyboard
4372
6528
  */
4373
- inputMode: search ? "text" : "none" }, params.InputProps.ref), { endAdornment: (jsx(InputAdornment, { position: "end", children: jsx(ButtonIcon, { sdsType: "secondary", sdsSize: "small", sdsIconProps: {
6529
+ inputMode: search ? "text" : "none" }, params.InputProps.ref), { endAdornment: (jsx(InputAdornment, { position: "end", children: jsx(Button, { sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
4374
6530
  sdsType: "interactive",
4375
6531
  }, icon: "Search" }) })), inputProps: params.inputProps }) }, InputBaseProps)) })); } }, props, { onInputChange: function (event, value, reason) {
4376
6532
  if (event && event.type === "blur") {
@@ -4684,7 +6840,7 @@ var Notification = function (_a) {
4684
6840
  }
4685
6841
  }
4686
6842
  };
4687
- return (jsx(Fragment, { children: jsx(Slide, { in: !hide, direction: slideDirection, mountOnEnter: true, unmountOnExit: true, timeout: 250, children: jsx(Box, { children: jsxs(StyledNotification, __assign({ onClose: onClose ? handleClose : undefined, action: onClose ? (jsx(ButtonIcon, { onClick: handleClose, sdsSize: "small", sdsType: "tertiary", "data-testid": "notificationCloseButton", icon: "XMark" })) : null, icon: getIcon(), className: "elevated", intent: intent, slideDirection: slideDirection }, passedProps, { children: [children, buttonOnClick !== undefined && (jsx(StyledButtonWrapper, { buttonPosition: buttonPosition, children: jsx(Button, { sdsStyle: "minimal", sdsType: "secondary", onClick: buttonOnClick, children: buttonText }) }))] })) }) }) }));
6843
+ return (jsx(Fragment, { children: jsx(Slide, { in: !hide, direction: slideDirection, mountOnEnter: true, unmountOnExit: true, timeout: 250, children: jsx(Box, { children: jsxs(StyledNotification, __assign({ onClose: onClose ? handleClose : undefined, action: onClose ? (jsx(Button, { onClick: handleClose, sdsSize: "small", sdsType: "tertiary", sdsStyle: "icon", "data-testid": "notificationCloseButton", icon: "XMark" })) : null, icon: getIcon(), className: "elevated", intent: intent, slideDirection: slideDirection }, passedProps, { children: [children, buttonOnClick !== undefined && (jsx(StyledButtonWrapper, { buttonPosition: buttonPosition, children: jsx(Button, { sdsStyle: "minimal", sdsType: "secondary", onClick: buttonOnClick, children: buttonText }) }))] })) }) }) }));
4688
6844
  };
4689
6845
 
4690
6846
  var doNotForwardProps$2 = [
@@ -4700,13 +6856,10 @@ var doNotForwardProps$2 = [
4700
6856
  "pageSize",
4701
6857
  "truncateDropdown",
4702
6858
  ];
4703
- var StyledPaginationButtonIcon = styled(ButtonIcon, {
4704
- shouldForwardProp: function (prop) { return !doNotForwardProps$2.includes(prop); },
4705
- })(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
6859
+ var StyledPaginationButton = styled(Button)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
4706
6860
  var _a, _b, _c;
4707
- var disabled = props.disabled;
4708
6861
  var semanticComponentColors = getSemanticComponentColors(props);
4709
- return "\n width: 32px;\n height: 32px;\n cursor: ".concat(disabled ? "auto" : "pointer", ";\n\n & .MuiSvgIcon-root {\n width: 10px;\n color: ").concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.icon, "\n }\n\n &:hover {\n background-color: ").concat(disabled ? "transparent" : (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.fillHover, ";\n\n & .MuiSvgIcon-root {\n color: ").concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.iconHover, "\n }\n }\n ");
6862
+ return "\n width: 32px;\n height: 32px;\n cursor: \"pointer\";\n\n & .MuiSvgIcon-root {\n width: 10px;\n color: ".concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.icon, "\n }\n\n &:hover {\n background-color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.fillHover, ";\n\n & .MuiSvgIcon-root {\n color: ").concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.iconHover, "\n }\n }\n ");
4710
6863
  });
4711
6864
  var StyledPaginationChevronList = styled("li", {
4712
6865
  shouldForwardProp: function (prop) { return !doNotForwardProps$2.includes(prop); },
@@ -4751,7 +6904,7 @@ var PageListDropdown = function (props) {
4751
6904
  var handleClose = function () {
4752
6905
  setAnchorEl(null);
4753
6906
  };
4754
- return (jsxs(Page, { sdsStyle: sdsStyle, children: [jsx(StyledPaginationButtonIcon, { "aria-label": "Go to a page", onClick: handleClick, icon: "DotsHorizontal", sdsSize: "small" }), jsx(StyledPaginationDropdownMenu, { anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose, children: pageList.map(function (page) {
6907
+ return (jsxs(Page, { sdsStyle: sdsStyle, children: [jsx(StyledPaginationButton, { "aria-label": "Go to a page", onClick: handleClick, icon: "DotsHorizontal", sdsSize: "small", sdsStyle: "icon", sdsType: "tertiary" }), jsx(StyledPaginationDropdownMenu, { anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose, children: pageList.map(function (page) {
4755
6908
  return (jsx(MenuItem, { onClick: function () {
4756
6909
  onPageChange(page);
4757
6910
  handleClose();
@@ -4834,7 +6987,7 @@ var Pagination = forwardRef(function (props, ref) {
4834
6987
  if (truncateDropdown) {
4835
6988
  return (jsx(PageListDropdown, { pageList: pageNumber, onPageChange: onPageChange, sdsStyle: sdsStyle }, pageNumber.join("-")));
4836
6989
  }
4837
- return (jsx(Page, { sdsStyle: sdsStyle, children: jsx(StyledPaginationButtonIcon, { "aria-label": "Go to a page", disabled: true, icon: "DotsHorizontal", sdsSize: "small" }) }, pageNumber.join("-")));
6990
+ return (jsx(Page, { sdsStyle: sdsStyle, children: jsx(StyledPaginationButton, { "aria-label": "Go to a page", disabled: true, icon: "DotsHorizontal", sdsSize: "small", sdsStyle: "icon", sdsType: "tertiary" }) }, pageNumber.join("-")));
4838
6991
  }
4839
6992
  return (jsx(Page, { onClick: function () { return onPageChange(pageNumber); }, selected: pageNumber === currentPage, sdsStyle: sdsStyle, children: pageNumber }, pageNumber));
4840
6993
  }), jsx(StyledPaginationChevronList, { "data-order": "last", disabled: currentPage === lastPage, onClick: function () { return currentPage !== lastPage && onNextPage(); }, children: jsx(Icon, { "aria-label": "Next page", sdsIcon: "ChevronRight", sdsSize: "xs", sdsType: "button" }) }, "onNextPage")] })));
@@ -4855,7 +7008,7 @@ var SegmentedControl = function (props) {
4855
7008
  var _a;
4856
7009
  var buttonDefinition = props.buttonDefinition;
4857
7010
  var leftmost = (_a = buttonDefinition[0]) === null || _a === void 0 ? void 0 : _a.value;
4858
- var _b = React.useState(leftmost), active = _b[0], setActive = _b[1];
7011
+ var _b = React__default.useState(leftmost), active = _b[0], setActive = _b[1];
4859
7012
  var handleActive = function (event, newActive) {
4860
7013
  if (newActive !== null) {
4861
7014
  setActive(newActive);
@@ -5018,7 +7171,7 @@ var TabIndicator = function (theme) {
5018
7171
  var Tabs = forwardRef(function Tabs(props, ref) {
5019
7172
  var _a = props.sdsSize, sdsSize = _a === void 0 ? "large" : _a, rest = __rest(props, ["sdsSize"]);
5020
7173
  var theme = useTheme$1();
5021
- var contextValue = React.useMemo(function () { return ({ sdsSize: sdsSize }); }, [sdsSize]);
7174
+ var contextValue = React__default.useMemo(function () { return ({ sdsSize: sdsSize }); }, [sdsSize]);
5022
7175
  var indicatorProps = useMemo(function () {
5023
7176
  return { className: TabIndicator(theme) };
5024
7177
  }, [theme]);
@@ -5130,4 +7283,4 @@ var TooltipTableContent = function (props) {
5130
7283
  return (jsxs(TableContainer, __assign({}, rest, { children: [contentAlert && jsx(Alert, { children: contentAlert }), data === null || data === void 0 ? void 0 : data.map(function (section, index) { return (jsxs(Section, { disabled: section.disabled, children: [jsx(SectionLabel, { disabled: section.disabled, label: section.label, children: section.label }), jsx(Table$1, { size: "small", children: jsx(TableBody, { children: section.dataRows.map(function (row, rowIndex) { return (jsxs(TableRow$1, { children: [jsx(RowLabel, { disabled: section.disabled, align: "left", children: row.label }), jsx(RowValue, { disabled: section.disabled, align: itemAlign, children: row.value })] }, row.label + String(rowIndex))); }) }) })] }, "".concat(section.label + String(index)))); })] })));
5131
7284
  };
5132
7285
 
5133
- export { Accordion, AccordionDetails, AccordionHeader, Alert$1 as Alert, Autocomplete, StyledPopper$2 as AutocompleteMultiColumnStyledPopper, StyledPaper$3 as AutocompleteSingleColumnStyledPaper, Banner, Button, ButtonDropdown, ButtonIcon, Callout, CalloutTitle, CellBasic, CellComponent, CellHeader, Chip, ComplexFilter, InputDropdown as ComplexFilterInputDropdown, StyledPopper as ComplexFilterPopper, Dialog, DialogActions, index as DialogContent, DialogContext, DialogPaper, DialogTitle, Overline as DialogTitleOverline, Subtitle as DialogTitleSubtitle, Title as DialogTitleTitle, Dropdown, InputDropdown as DropdownInputDropdown, DropdownMenu, StyledPaper$1 as DropdownPaper, StyledPopper as DropdownPopper, Icon, InputCheckbox, InputDropdown, InputRadio, InputSearch, InputSlider, InputText, InputToggle, Link, List, ListItem, ListItemLabel, ListSubheader, LoadingIndicator, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, Menu, MenuItem, MenuSelect, NavigationJumpTo, Notification, Pagination, SDSAppTheme, SegmentedControl, Tab, Table, TableHeader, TableRow, Tabs, Tag, TagFilter, Tooltip, TooltipCondensed, TooltipTableContent as TooltipTable, defaultTheme, focusVisibleA11yStyle, fontBody, fontBodyL$1 as fontBodyL, fontBodyM$1 as fontBodyM, fontBodyS$1 as fontBodyS, fontBodySemiboldL, fontBodySemiboldM, fontBodySemiboldS, fontBodySemiboldXs, fontBodySemiboldXxs, fontBodySemiboldXxxs, fontBodyXs$2 as fontBodyXs, fontBodyXxs$1 as fontBodyXxs, fontBodyXxxs$1 as fontBodyXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontCode, fontCodeS, fontCodeSemiboldS, fontCodeSemiboldXs, fontCodeXs, fontHeader, fontHeaderL, fontHeaderM$1 as fontHeaderM, fontHeaderS, fontHeaderXl, fontHeaderXs, fontHeaderXxl, fontHeaderXxs, fontHeaderXxxs, fontTabular, fontTabularS, fontTabularSemiboldS, fontTabularSemiboldXs, fontTabularXs, getBorders, getColors, getCorners, getFontWeights, getIconSizes, getPalette, getSemanticComponentColors, getSemanticTextColors, getShadows, getSpaces, getSpacings, getTypography };
7286
+ export { Accordion, AccordionDetails, AccordionHeader, Alert$1 as Alert, Autocomplete, StyledPopper$2 as AutocompleteMultiColumnStyledPopper, StyledPaper$3 as AutocompleteSingleColumnStyledPaper, Banner, Button, ButtonDropdown, ButtonIcon, Callout, CalloutTitle, CellBasic, CellComponent, CellHeader, Chip, ComplexFilter, InputDropdown as ComplexFilterInputDropdown, StyledPopper as ComplexFilterPopper, Dialog, DialogActions, index as DialogContent, DialogContext, DialogPaper, DialogTitle, Overline as DialogTitleOverline, Subtitle as DialogTitleSubtitle, Title as DialogTitleTitle, Dropdown, InputDropdown as DropdownInputDropdown, DropdownMenu, StyledPaper$1 as DropdownPaper, StyledPopper as DropdownPopper, Icon, InputCheckbox, InputDropdown, InputRadio, InputSearch, InputSlider, InputText, InputToggle, Link, List, ListItem, ListItemLabel, ListSubheader, LoadingIndicator, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, Menu, MenuItem, MenuSelect, NavigationJumpTo, Notification, Pagination, SDSAppTheme, SegmentedControl, Tab, Table, TableHeader, TableRow, Tabs, Tag, TagFilter, Tooltip, TooltipCondensed, TooltipTableContent as TooltipTable, defaultAppTheme, defaultTheme, focusVisibleA11yStyle, fontBody, fontBodyL$1 as fontBodyL, fontBodyM$1 as fontBodyM, fontBodyS$1 as fontBodyS, fontBodySemiboldL, fontBodySemiboldM, fontBodySemiboldS, fontBodySemiboldXs, fontBodySemiboldXxs, fontBodySemiboldXxxs, fontBodyXs$2 as fontBodyXs, fontBodyXxs$1 as fontBodyXxs, fontBodyXxxs$1 as fontBodyXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontCode, fontCodeS, fontCodeSemiboldS, fontCodeSemiboldXs, fontCodeXs, fontHeader, fontHeaderL, fontHeaderM$1 as fontHeaderM, fontHeaderS, fontHeaderXl, fontHeaderXs, fontHeaderXxl, fontHeaderXxs, fontHeaderXxxs, fontTabular, fontTabularS, fontTabularSemiboldS, fontTabularSemiboldXs, fontTabularXs, getBorders, getColors, getCorners, getFontWeights, getIconSizes, getPalette, getSemanticComponentColors, getSemanticTextColors, getShadows, getSpaces, getSpacings, getTypography, makeThemeOptions };