@7shifts/sous-chef 1.5.8 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -14,336 +14,6 @@ var startOfDay = _interopDefault(require('date-fns/startOfDay'));
14
14
  var eachDayOfInterval = _interopDefault(require('date-fns/eachDayOfInterval'));
15
15
  var ReactModal = _interopDefault(require('react-modal'));
16
16
 
17
- var ICON_SIZES = {
18
- small: '12px',
19
- medium: '16px',
20
- "default": '20px',
21
- large: '24px'
22
- };
23
-
24
- var getIconStyles = function getIconStyles(size, rotate) {
25
- return {
26
- width: ICON_SIZES[size],
27
- height: ICON_SIZES[size],
28
- transform: rotate && "rotate(" + rotate + "deg)",
29
- verticalAlign: 'middle'
30
- };
31
- };
32
-
33
- var styles = {"icon":"_f-GkY"};
34
-
35
- var IconArrowDown = function IconArrowDown(_ref) {
36
- var _ref$size = _ref.size,
37
- size = _ref$size === void 0 ? 'default' : _ref$size,
38
- color = _ref.color,
39
- rotate = _ref.rotate,
40
- _ref$dataTestId = _ref.dataTestId,
41
- dataTestId = _ref$dataTestId === void 0 ? 'icon-arrow-down' : _ref$dataTestId;
42
- return React__default.createElement("svg", {
43
- viewBox: "0 0 448 512",
44
- xmlns: "http://www.w3.org/2000/svg",
45
- style: getIconStyles(size, rotate),
46
- "data-testid": dataTestId,
47
- className: styles['icon']
48
- }, React__default.createElement("path", {
49
- fill: color != null ? color : '',
50
- d: "M443.5 248.5l-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L241 419.9V44c0-6.6-5.4-12-12-12h-10c-6.6 0-12 5.4-12 12v375.9L28.5 241.4c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.8 4.8-12.3.1-17z"
51
- }));
52
- };
53
-
54
- var IconArrowLeft = function IconArrowLeft(props) {
55
- return React__default.createElement(IconArrowDown, Object.assign({}, props, {
56
- rotate: 90,
57
- dataTestId: "icon-arrow-left"
58
- }));
59
- };
60
-
61
- var IconArrowRight = function IconArrowRight(props) {
62
- return React__default.createElement(IconArrowDown, Object.assign({}, props, {
63
- rotate: -90,
64
- dataTestId: "icon-arrow-right"
65
- }));
66
- };
67
-
68
- var IconArrowUp = function IconArrowUp(props) {
69
- return React__default.createElement(IconArrowDown, Object.assign({}, props, {
70
- rotate: 180,
71
- dataTestId: "icon-arrow-up"
72
- }));
73
- };
74
-
75
- var IconCalendar = function IconCalendar(_ref) {
76
- var _ref$size = _ref.size,
77
- size = _ref$size === void 0 ? 'default' : _ref$size,
78
- color = _ref.color;
79
- return React__default.createElement("svg", {
80
- viewBox: "0 0 30 30",
81
- xmlns: "http://www.w3.org/2000/svg",
82
- style: getIconStyles(size),
83
- "data-testid": "icon-calendar",
84
- className: styles['icon']
85
- }, React__default.createElement("g", null, React__default.createElement("path", {
86
- fill: color != null ? color : '',
87
- d: "M25.214 3.75H22.43V.703A.702.702 0 0 0 21.732 0h-.464a.702.702 0 0 0-.697.703V3.75H9.43V.703A.702.702 0 0 0 8.732 0h-.464a.702.702 0 0 0-.697.703V3.75H4.786C3.248 3.75 2 5.01 2 6.563v20.625C2 28.74 3.248 30 4.786 30h20.428C26.752 30 28 28.74 28 27.187V6.563c0-1.552-1.248-2.812-2.786-2.812zM4.786 5.625h20.428c.511 0 .929.422.929.938v2.812H3.857V6.562c0-.515.418-.937.929-.937zm20.428 22.5H4.786a.936.936 0 0 1-.929-.938V11.25h22.286v15.938a.936.936 0 0 1-.929.937zM10.59 18.75H8.268a.702.702 0 0 1-.697-.703v-2.344c0-.387.314-.703.697-.703h2.321c.383 0 .697.316.697.703v2.344a.702.702 0 0 1-.697.703zm5.572 0h-2.322a.702.702 0 0 1-.696-.703v-2.344c0-.387.313-.703.696-.703h2.322c.383 0 .696.316.696.703v2.344a.702.702 0 0 1-.696.703zm5.571 0h-2.321a.702.702 0 0 1-.697-.703v-2.344c0-.387.314-.703.697-.703h2.321c.383 0 .697.316.697.703v2.344a.702.702 0 0 1-.697.703zm-5.571 5.625h-2.322a.702.702 0 0 1-.696-.703v-2.344c0-.387.313-.703.696-.703h2.322c.383 0 .696.316.696.703v2.344a.702.702 0 0 1-.696.703zm-5.572 0H8.268a.702.702 0 0 1-.697-.703v-2.344c0-.387.314-.703.697-.703h2.321c.383 0 .697.316.697.703v2.344a.702.702 0 0 1-.697.703zm11.143 0h-2.321a.702.702 0 0 1-.697-.703v-2.344c0-.387.314-.703.697-.703h2.321c.383 0 .697.316.697.703v2.344a.702.702 0 0 1-.697.703z"
88
- })));
89
- };
90
-
91
- var IconCheck = function IconCheck(_ref) {
92
- var _ref$size = _ref.size,
93
- size = _ref$size === void 0 ? 'default' : _ref$size,
94
- color = _ref.color;
95
- return React__default.createElement("svg", {
96
- viewBox: "0 0 20 20",
97
- xmlns: "http://www.w3.org/2000/svg",
98
- style: getIconStyles(size),
99
- "data-testid": "icon-check",
100
- className: styles['icon']
101
- }, React__default.createElement("g", null, React__default.createElement("path", {
102
- fill: color != null ? color : '',
103
- d: "M7.32398 16.832C6.99989 17.1535 6.47654 17.1514 6.15507 16.8273L0.239745 10.8642C-0.0817202 10.5401 -0.0796538 10.0168 0.244429 9.69531L0.831292 9.1132C1.15538 8.79173 1.67873 8.7938 2.0002 9.11788L6.7513 13.9074L18.0092 2.73975C18.3333 2.41828 18.8567 2.42035 19.1781 2.74443L19.7602 3.33129C20.0818 3.65538 20.0796 4.17873 19.7555 4.5002L7.32398 16.832Z"
104
- })));
105
- };
106
-
107
- var IconChevronDown = function IconChevronDown(_ref) {
108
- var _ref$size = _ref.size,
109
- size = _ref$size === void 0 ? 'small' : _ref$size,
110
- color = _ref.color,
111
- rotate = _ref.rotate,
112
- _ref$dataTestId = _ref.dataTestId,
113
- dataTestId = _ref$dataTestId === void 0 ? 'icon-chevron-down' : _ref$dataTestId;
114
- return React__default.createElement("svg", {
115
- viewBox: "0 0 448 512",
116
- xmlns: "http://www.w3.org/2000/svg",
117
- style: getIconStyles(size, rotate),
118
- "data-testid": dataTestId,
119
- className: styles['icon']
120
- }, React__default.createElement("path", {
121
- fill: color != null ? color : '',
122
- d: "M443.5 162.6l-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L224 351 28.5 155.5c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.7 4.8-12.3.1-17z"
123
- }));
124
- };
125
-
126
- var IconChevronUp = function IconChevronUp(props) {
127
- return React__default.createElement(IconChevronDown, Object.assign({}, props, {
128
- rotate: 180,
129
- dataTestId: "icon-chevron-up"
130
- }));
131
- };
132
-
133
- var IconClose = function IconClose(_ref) {
134
- var _ref$size = _ref.size,
135
- size = _ref$size === void 0 ? 'default' : _ref$size,
136
- color = _ref.color;
137
- return React__default.createElement("svg", {
138
- viewBox: "0 0 24 24",
139
- xmlns: "http://www.w3.org/2000/svg",
140
- style: getIconStyles(size),
141
- "data-testid": "icon-close",
142
- className: styles['icon']
143
- }, React__default.createElement("path", {
144
- fill: color != null ? color : '',
145
- transform: "translate(11.993600, 11.979816) rotate(-315.000000) translate(-11.993600, -11.979816)",
146
- d: "M26.9457415,10.8753243 L13.1323685,10.8664553 L13.0980917,-2.97232553 C13.0980917,-3.17951303 12.9302792,-3.34732553 12.7230917,-3.34732553 L11.2230917,-3.34732553 C11.0159042,-3.34732553 10.8480917,-3.17951303 10.8480917,-2.97232553 L10.8823685,10.8664553 L-2.95854067,10.8343068 C-3.16572817,10.8343068 -3.33354067,11.0021193 -3.33354067,11.2093068 C-3.33354067,11.3474318 -3.33354067,11.8474318 -3.33354067,12.7093068 C-3.33354067,12.9164943 -3.16572817,13.0843068 -2.95854067,13.0843068 L10.8823685,13.1164553 L10.8891092,26.9319567 C10.8891092,27.1391442 11.0569217,27.3069567 11.2641092,27.3069567 L12.7641092,27.3069567 C12.9712967,27.3069567 13.1391092,27.1391442 13.1391092,26.9319567 L13.1323685,13.1164553 L26.9457415,13.1253243 C27.152929,13.1253243 27.3207415,12.9575118 27.3207415,12.7503243 L27.3207415,11.2503243 C27.3207415,11.0431368 27.152929,10.8753243 26.9457415,10.8753243 Z"
147
- }));
148
- };
149
-
150
- var IconComment = function IconComment(_ref) {
151
- var _ref$size = _ref.size,
152
- size = _ref$size === void 0 ? 'default' : _ref$size,
153
- color = _ref.color;
154
- return React__default.createElement("svg", {
155
- viewBox: "0 0 512 512",
156
- xmlns: "http://www.w3.org/2000/svg",
157
- style: getIconStyles(size),
158
- "data-testid": "icon-comment",
159
- className: styles['icon']
160
- }, React__default.createElement("g", null, React__default.createElement("path", {
161
- fill: color != null ? color : '',
162
- d: "M256 64c123.5 0 224 79 224 176S379.5 416 256 416c-28.3 0-56.3-4.3-83.2-12.8l-15.2-4.8-13 9.2c-23 16.3-58.5 35.3-102.6 39.6 12-15.1 29.8-40.4 40.8-69.6l7.1-18.7-13.7-14.6C47.3 313.7 32 277.6 32 240c0-97 100.5-176 224-176m0-32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26 3.8 8.8 12.4 14.5 22 14.5 61.5 0 110-25.7 139.1-46.3 29 9.1 60.2 14.3 93 14.3 141.4 0 256-93.1 256-208S397.4 32 256 32z"
163
- })));
164
- };
165
-
166
- var IconDelete = function IconDelete(_ref) {
167
- var _ref$size = _ref.size,
168
- size = _ref$size === void 0 ? 'default' : _ref$size,
169
- color = _ref.color;
170
- return React__default.createElement("svg", {
171
- viewBox: "0 0 512 512",
172
- xmlns: "http://www.w3.org/2000/svg",
173
- style: getIconStyles(size),
174
- "data-testid": "icon-delete",
175
- className: styles['icon']
176
- }, React__default.createElement("path", {
177
- fill: color != null ? color : '',
178
- d: "M361.5 14.1c-9-9-21.2-14.1-33.9-14.1H184.5c-12.7 0-24.9 5.1-33.9 14.1L14.1 150.5c-9 9-14.1 21.2-14.1 33.9v143.1c0 12.7 5.1 24.9 14.1 33.9l136.5 136.5c9 9 21.2 14.1 33.9 14.1h143.1c12.7 0 24.9-5.1 33.9-14.1L498 361.4c9-9 14.1-21.2 14.1-33.9v-143c0-12.7-5.1-24.9-14.1-33.9L361.5 14.1zM480 327.5c0 4.3-1.7 8.3-4.7 11.3L338.9 475.3c-3 3-7 4.7-11.3 4.7H184.5c-4.3 0-8.3-1.7-11.3-4.7L36.7 338.9c-3-3-4.7-7-4.7-11.3V184.5c0-4.3 1.7-8.3 4.7-11.3L173.1 36.7c3-3 7-4.7 11.3-4.7h143.1c4.3 0 8.3 1.7 11.3 4.7l136.5 136.5c3 3 4.7 7 4.7 11.3v143zm-129.2 14.8l-8.5 8.5c-4.7 4.7-12.3 4.7-17 0L256 281.5l-69.3 69.3c-4.7 4.7-12.3 4.7-17 0l-8.5-8.5c-4.7-4.7-4.7-12.3 0-17l69.3-69.3-69.3-69.3c-4.7-4.7-4.7-12.3 0-17l8.5-8.5c4.7-4.7 12.3-4.7 17 0l69.3 69.3 69.3-69.3c4.7-4.7 12.3-4.7 17 0l8.5 8.5c4.7 4.7 4.7 12.3 0 17L281.5 256l69.3 69.3c4.6 4.7 4.6 12.3 0 17z"
179
- }));
180
- };
181
-
182
- var IconEdit = function IconEdit(_ref) {
183
- var _ref$size = _ref.size,
184
- size = _ref$size === void 0 ? 'default' : _ref$size,
185
- color = _ref.color;
186
- return React__default.createElement("svg", {
187
- viewBox: "0 0 512 512",
188
- xmlns: "http://www.w3.org/2000/svg",
189
- style: getIconStyles(size),
190
- "data-testid": "icon-edit",
191
- className: styles['icon']
192
- }, React__default.createElement("path", {
193
- fill: color != null ? color : '',
194
- d: "m493.255 56.236-37.49-37.49c-24.993-24.993-65.515-24.994-90.51 0l-352.417 352.416-12.687 114.184c-1.698 15.286 11.22 28.203 26.504 26.504l114.184-12.687 352.417-352.417c24.992-24.994 24.992-65.517-.001-90.51zm-95.196 140.45-224.059 224.059v-34.745h-48v-48h-34.745l224.059-224.059zm-271.912 271.912-58.995 6.555-30.305-30.305 6.555-58.995 19.853-19.853h34.745v48h48v34.745zm344.48-344.48-49.941 49.941-82.745-82.745 49.941-49.941c12.505-12.505 32.748-12.507 45.255 0l37.49 37.49c12.506 12.506 12.507 32.747 0 45.255z"
195
- }));
196
- };
197
-
198
- var IconEye = function IconEye(_ref) {
199
- var _ref$size = _ref.size,
200
- size = _ref$size === void 0 ? 'default' : _ref$size,
201
- color = _ref.color;
202
- return React__default.createElement("svg", {
203
- viewBox: "0 0 16 16",
204
- xmlns: "http://www.w3.org/2000/svg",
205
- style: getIconStyles(size),
206
- "data-testid": "icon-eye",
207
- className: styles['icon']
208
- }, React__default.createElement("path", {
209
- fill: color != null ? color : '',
210
- fillRule: "evenodd",
211
- clipRule: "evenodd",
212
- d: "M8.00001 3C11.328 3 14.2492 4.77633 15.8154 7.43419C16.0615 7.85191 16.0615 8.37031 15.8154 8.78803C14.2499 11.4446 11.3295 13.2222 8.00001 13.2222C4.67201 13.2222 1.7509 11.4459 0.184624 8.78803C-0.0615414 8.37031 -0.0615414 7.85188 0.184624 7.43417C1.75012 4.77761 4.67057 3 8.00001 3ZM8.00007 10.7778C9.96374 10.7778 11.5556 9.23563 11.5556 7.33332C11.5556 5.43101 9.96374 3.88888 8.00007 3.88888C6.03641 3.88888 4.44452 5.43101 4.44452 7.33332C4.44452 9.23563 6.03641 10.7778 8.00007 10.7778ZM15.0495 8.33673C13.6066 10.7855 10.9407 12.3333 7.99998 12.3333C5.04746 12.3333 2.38718 10.7748 0.950428 8.33676C0.868404 8.19751 0.868404 8.02471 0.950428 7.88545C1.75798 6.51509 2.98768 5.37337 4.49654 4.66637C3.91234 5.39418 3.55554 6.32132 3.55554 7.33332C3.55554 9.71715 5.5339 11.6666 7.99998 11.6666C10.4658 11.6666 12.4444 9.71726 12.4444 7.33332C12.4444 6.3219 12.088 5.39459 11.5035 4.66637C12.9968 5.36607 14.2333 6.50029 15.0496 7.88545C15.1316 8.02471 15.1316 8.19749 15.0495 8.33673ZM6.43135 6.3851C6.29794 6.63457 6.22219 6.91954 6.22219 7.22224C6.22219 8.20407 7.01813 9.00001 7.99997 9.00001C8.9818 9.00001 9.77774 8.20407 9.77774 7.22224C9.77774 6.2404 8.9818 5.44446 7.99997 5.44446C7.69727 5.44446 7.4123 5.52021 7.16283 5.65363H7.16338C7.56766 5.65363 7.89541 5.98138 7.89541 6.38565C7.89541 6.78993 7.56766 7.11768 7.16338 7.11768C6.7591 7.11768 6.43135 6.78993 6.43135 6.38565V6.3851Z"
213
- }));
214
- };
215
-
216
- var IconEyeSlash = function IconEyeSlash(_ref) {
217
- var _ref$size = _ref.size,
218
- size = _ref$size === void 0 ? 'default' : _ref$size,
219
- color = _ref.color;
220
- return React__default.createElement("svg", {
221
- viewBox: "0 0 640 512",
222
- xmlns: "http://www.w3.org/2000/svg",
223
- style: getIconStyles(size),
224
- "data-testid": "icon-eye-slash",
225
- className: styles['icon']
226
- }, React__default.createElement("path", {
227
- fill: color != null ? color : '',
228
- d: "M637 485.25L23 1.75A8 8 0 0 0 11.76 3l-10 12.51A8 8 0 0 0 3 26.75l614 483.5a8 8 0 0 0 11.25-1.25l10-12.51a8 8 0 0 0-1.25-11.24zM320 96a128.14 128.14 0 0 1 128 128c0 21.62-5.9 41.69-15.4 59.57l25.45 20C471.65 280.09 480 253.14 480 224c0-36.83-12.91-70.31-33.78-97.33A294.88 294.88 0 0 1 576.05 256a299.73 299.73 0 0 1-67.77 87.16l25.32 19.94c28.47-26.28 52.87-57.26 70.93-92.51a32.35 32.35 0 0 0 0-29.19C550.3 135.59 442.94 64 320 64a311.23 311.23 0 0 0-130.12 28.43l45.77 36C258.24 108.52 287.56 96 320 96zm60.86 146.83A63.15 63.15 0 0 0 320 160c-1 0-1.89.24-2.85.29a45.11 45.11 0 0 1-.24 32.19zm-217.62-49.16A154.29 154.29 0 0 0 160 224a159.39 159.39 0 0 0 226.27 145.29L356.69 346c-11.7 3.53-23.85 6-36.68 6A128.15 128.15 0 0 1 192 224c0-2.44.59-4.72.72-7.12zM320 416c-107.36 0-205.47-61.31-256-160 17.43-34 41.09-62.72 68.31-86.72l-25.86-20.37c-28.48 26.28-52.87 57.25-70.93 92.5a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448a311.25 311.25 0 0 0 130.12-28.43l-29.25-23C389.06 408.84 355.15 416 320 416z"
229
- }));
230
- };
231
-
232
- var IconExclaim = function IconExclaim(_ref) {
233
- var _ref$size = _ref.size,
234
- size = _ref$size === void 0 ? 'default' : _ref$size,
235
- color = _ref.color;
236
- return React__default.createElement("svg", {
237
- viewBox: "0 0 24 24",
238
- xmlns: "http://www.w3.org/2000/svg",
239
- style: getIconStyles(size),
240
- "data-testid": "icon-exclaim",
241
- className: styles['icon']
242
- }, React__default.createElement("path", {
243
- fill: color != null ? color : '',
244
- d: "M10.9785 0H13.0363C13.6473 0 14.1355 0.508836 14.1101 1.1194L13.4832 16.1642C13.4592 16.7398 12.9856 17.194 12.4095 17.194H11.6054C11.0293 17.194 10.5556 16.7397 10.5316 16.1642L9.90478 1.1194C9.87943 0.508836 10.3675 0 10.9785 0ZM12.0075 18.9851C10.6226 18.9851 9.5 20.1077 9.5 21.4925C9.5 22.8774 10.6226 24 12.0075 24C13.3923 24 14.5149 22.8774 14.5149 21.4925C14.5149 20.1077 13.3923 18.9851 12.0075 18.9851Z"
245
- }));
246
- };
247
-
248
- var IconLocation = function IconLocation(_ref) {
249
- var _ref$size = _ref.size,
250
- size = _ref$size === void 0 ? 'default' : _ref$size,
251
- color = _ref.color;
252
- return React__default.createElement("svg", {
253
- viewBox: "0 0 384 512",
254
- xmlns: "http://www.w3.org/2000/svg",
255
- style: getIconStyles(size),
256
- "data-testid": "icon-comment",
257
- className: styles['icon']
258
- }, React__default.createElement("g", null, React__default.createElement("path", {
259
- fill: color != null ? color : '',
260
- d: "M192 96c-52.935 0-96 43.065-96 96s43.065 96 96 96 96-43.065 96-96-43.065-96-96-96zm0 160c-35.29 0-64-28.71-64-64s28.71-64 64-64 64 28.71 64 64-28.71 64-64 64zm0-256C85.961 0 0 85.961 0 192c0 77.413 26.97 99.031 172.268 309.67 9.534 13.772 29.929 13.774 39.465 0C357.03 291.031 384 269.413 384 192 384 85.961 298.039 0 192 0zm0 473.931C52.705 272.488 32 256.494 32 192c0-42.738 16.643-82.917 46.863-113.137S149.262 32 192 32s82.917 16.643 113.137 46.863S352 149.262 352 192c0 64.49-20.692 80.47-160 281.931z"
261
- })));
262
- };
263
-
264
- var IconMinusCircle = function IconMinusCircle(_ref) {
265
- var _ref$size = _ref.size,
266
- size = _ref$size === void 0 ? 'default' : _ref$size,
267
- color = _ref.color;
268
- return React__default.createElement("svg", {
269
- viewBox: "0 0 512 512",
270
- xmlns: "http://www.w3.org/2000/svg",
271
- style: getIconStyles(size),
272
- "data-testid": "icon-comment",
273
- className: styles['icon']
274
- }, React__default.createElement("g", null, React__default.createElement("path", {
275
- fill: color != null ? color : '',
276
- d: "M140 274c-6.6 0-12-5.4-12-12v-12c0-6.6 5.4-12 12-12h232c6.6 0 12 5.4 12 12v12c0 6.6-5.4 12-12 12H140zm364-18c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-32 0c0-119.9-97.3-216-216-216-119.9 0-216 97.3-216 216 0 119.9 97.3 216 216 216 119.9 0 216-97.3 216-216z"
277
- })));
278
- };
279
-
280
- var IconMore = function IconMore(_ref) {
281
- var _ref$size = _ref.size,
282
- size = _ref$size === void 0 ? 'default' : _ref$size,
283
- color = _ref.color;
284
- return React__default.createElement("svg", {
285
- viewBox: "0 0 24 24",
286
- xmlns: "http://www.w3.org/2000/svg",
287
- style: getIconStyles(size),
288
- "data-testid": "icon-eye",
289
- className: styles['icon']
290
- }, React__default.createElement("path", {
291
- fill: color != null ? color : '',
292
- d: "M12,9.5 C13.3828125,9.5 14.5,10.6171875 14.5,12 C14.5,13.3828125 13.3828125,14.5 12,14.5 C10.6171875,14.5 9.5,13.3828125 9.5,12 C9.5,10.6171875 10.6171875,9.5 12,9.5 Z M9.5,2.625 C9.5,4.0078125 10.6171875,5.125 12,5.125 C13.3828125,5.125 14.5,4.0078125 14.5,2.625 C14.5,1.2421875 13.3828125,0.125 12,0.125 C10.6171875,0.125 9.5,1.2421875 9.5,2.625 Z M9.5,21.375 C9.5,22.7578125 10.6171875,23.875 12,23.875 C13.3828125,23.875 14.5,22.7578125 14.5,21.375 C14.5,19.9921875 13.3828125,18.875 12,18.875 C10.6171875,18.875 9.5,19.9921875 9.5,21.375 Z"
293
- }));
294
- };
295
-
296
- var IconRemove = function IconRemove(_ref) {
297
- var _ref$size = _ref.size,
298
- size = _ref$size === void 0 ? 'default' : _ref$size,
299
- color = _ref.color;
300
- return React__default.createElement("svg", {
301
- viewBox: "0 0 448 512",
302
- xmlns: "http://www.w3.org/2000/svg",
303
- style: getIconStyles(size),
304
- "data-testid": "icon-remove",
305
- className: styles['icon']
306
- }, React__default.createElement("path", {
307
- fill: color != null ? color : '',
308
- d: "M336 64l-33.6-44.8C293.3 7.1 279.1 0 264 0h-80c-15.1 0-29.3 7.1-38.4 19.2L112 64H24C10.7 64 0 74.7 0 88v2c0 3.3 2.7 6 6 6h26v368c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V96h26c3.3 0 6-2.7 6-6v-2c0-13.3-10.7-24-24-24h-88zM184 32h80c5 0 9.8 2.4 12.8 6.4L296 64H152l19.2-25.6c3-4 7.8-6.4 12.8-6.4zm200 432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V96h320v368zm-176-44V156c0-6.6 5.4-12 12-12h8c6.6 0 12 5.4 12 12v264c0 6.6-5.4 12-12 12h-8c-6.6 0-12-5.4-12-12zm-80 0V156c0-6.6 5.4-12 12-12h8c6.6 0 12 5.4 12 12v264c0 6.6-5.4 12-12 12h-8c-6.6 0-12-5.4-12-12zm160 0V156c0-6.6 5.4-12 12-12h8c6.6 0 12 5.4 12 12v264c0 6.6-5.4 12-12 12h-8c-6.6 0-12-5.4-12-12z"
309
- }));
310
- };
311
-
312
- var IconUser = function IconUser(_ref) {
313
- var _ref$size = _ref.size,
314
- size = _ref$size === void 0 ? 'default' : _ref$size,
315
- color = _ref.color;
316
- return React__default.createElement("svg", {
317
- viewBox: "0 0 24 24",
318
- xmlns: "http://www.w3.org/2000/svg",
319
- style: getIconStyles(size),
320
- "data-testid": "icon-user",
321
- className: styles['icon']
322
- }, React__default.createElement("path", {
323
- fill: color != null ? color : '',
324
- d: "M12 12C15.1562 12 17.7143 9.31406 17.7143 6C17.7143 2.68594 15.1562 0 12 0C8.84375 0 6.28571 2.68594 6.28571 6C6.28571 9.31406 8.84375 12 12 12ZM16 13.5H15.2545C14.2634 13.9781 13.1607 14.25 12 14.25C10.8393 14.25 9.74107 13.9781 8.74554 13.5H8C4.6875 13.5 2 16.3219 2 19.8V21.75C2 22.9922 2.95982 24 4.14286 24H19.8571C21.0402 24 22 22.9922 22 21.75V19.8C22 16.3219 19.3125 13.5 16 13.5Z"
325
- }));
326
- };
327
-
328
- var IconUserPlus = function IconUserPlus(_ref) {
329
- var _ref$size = _ref.size,
330
- size = _ref$size === void 0 ? 'default' : _ref$size,
331
- color = _ref.color;
332
- return React__default.createElement("svg", {
333
- viewBox: "0 0 24 24",
334
- xmlns: "http://www.w3.org/2000/svg",
335
- style: getIconStyles(size),
336
- "data-testid": "icon-user",
337
- className: styles['icon']
338
- }, React__default.createElement("path", {
339
- fill: color != null ? color : '',
340
- d: "M23.7248 10.875H20.6998V7.78125C20.6998 7.62656 20.5761 7.5 20.4248 7.5H19.8748C19.7236 7.5 19.5998 7.62656 19.5998 7.78125V10.875H16.5748C16.4236 10.875 16.2998 11.0016 16.2998 11.1562V11.7188C16.2998 11.8734 16.4236 12 16.5748 12H19.5998V15.0938C19.5998 15.2484 19.7236 15.375 19.8748 15.375H20.4248C20.5761 15.375 20.6998 15.2484 20.6998 15.0938V12H23.7248C23.8761 12 23.9998 11.8734 23.9998 11.7188V11.1562C23.9998 11.0016 23.8761 10.875 23.7248 10.875Z"
341
- }), React__default.createElement("path", {
342
- fill: color != null ? color : '',
343
- d: "M8 12C10.525 12 12.5714 9.76172 12.5714 7C12.5714 4.23828 10.525 2 8 2C5.475 2 3.42857 4.23828 3.42857 7C3.42857 9.76172 5.475 12 8 12ZM11.2 13.25H10.6036C9.81071 13.6484 8.92857 13.875 8 13.875C7.07143 13.875 6.19286 13.6484 5.39643 13.25H4.8C2.15 13.25 0 15.6016 0 18.5V20.125C0 21.1602 0.767857 22 1.71429 22H14.2857C15.2321 22 16 21.1602 16 20.125V18.5C16 15.6016 13.85 13.25 11.2 13.25Z"
344
- }));
345
- };
346
-
347
17
  function _extends() {
348
18
  _extends = Object.assign || function (target) {
349
19
  for (var i = 1; i < arguments.length; i++) {
@@ -417,7 +87,7 @@ var Menu = function Menu(_ref) {
417
87
  }, children);
418
88
  };
419
89
 
420
- var styles$1 = {"list":"_v0AEt","list--active":"_lxd1B","list-item":"_IRJ4j"};
90
+ var styles = {"list":"_v0AEt","list--active":"_lxd1B","list-item":"_IRJ4j"};
421
91
 
422
92
  var MenuItem = function MenuItem(_ref) {
423
93
  var onClick = _ref.onClick,
@@ -433,7 +103,7 @@ var MenuItem = function MenuItem(_ref) {
433
103
  };
434
104
 
435
105
  return React__default.createElement("li", {
436
- className: styles$1['list-item'],
106
+ className: styles['list-item'],
437
107
  onClick: handleClick,
438
108
  onKeyPress: handleClick,
439
109
  tabIndex: 0,
@@ -441,7 +111,7 @@ var MenuItem = function MenuItem(_ref) {
441
111
  }, children);
442
112
  };
443
113
 
444
- var styles$2 = {"flex":"_3-eyQ","align-center":"_kf0KG","align-end":"_3xCGO","align-start":"_3R2c9","justify-center":"_Zvv8e","justify-end":"_2hBMj","justify-space-between":"_3hKWn","justify-start":"_3ACwY","inline-flex":"_2pujZ"};
114
+ var styles$1 = {"flex":"_3-eyQ","align-center":"_kf0KG","align-end":"_3xCGO","align-start":"_3R2c9","justify-center":"_Zvv8e","justify-end":"_2hBMj","justify-space-between":"_3hKWn","justify-start":"_3ACwY","inline-flex":"_2pujZ"};
445
115
 
446
116
  var Flex = function Flex(_ref) {
447
117
  var _classNames;
@@ -462,7 +132,7 @@ var Flex = function Flex(_ref) {
462
132
  flexItems = _ref$flexItems === void 0 ? false : _ref$flexItems,
463
133
  _ref$flexWrap = _ref.flexWrap,
464
134
  flexWrap = _ref$flexWrap === void 0 ? 'nowrap' : _ref$flexWrap;
465
- var className = classnames(styles$2['flex'], (_classNames = {}, _classNames[styles$2['align-start']] = alignItems === 'flex-start', _classNames[styles$2['align-end']] = alignItems === 'flex-end', _classNames[styles$2['align-center']] = alignItems === 'center', _classNames[styles$2['justify-start']] = justifyContent === 'start', _classNames[styles$2['justify-end']] = justifyContent === 'end', _classNames[styles$2['justify-center']] = justifyContent === 'center', _classNames[styles$2['justify-space-between']] = justifyContent === 'space-between', _classNames[styles$2['inline-flex']] = inlineFlex, _classNames));
135
+ var className = classnames(styles$1['flex'], (_classNames = {}, _classNames[styles$1['align-start']] = alignItems === 'flex-start', _classNames[styles$1['align-end']] = alignItems === 'flex-end', _classNames[styles$1['align-center']] = alignItems === 'center', _classNames[styles$1['justify-start']] = justifyContent === 'start', _classNames[styles$1['justify-end']] = justifyContent === 'end', _classNames[styles$1['justify-center']] = justifyContent === 'center', _classNames[styles$1['justify-space-between']] = justifyContent === 'space-between', _classNames[styles$1['inline-flex']] = inlineFlex, _classNames));
466
136
  var items = React__default.Children.toArray(children).filter(Boolean);
467
137
  var lastItemIndex = items.length - 1;
468
138
  return React__default.createElement("div", {
@@ -491,7 +161,7 @@ var Inline = function Inline(props) {
491
161
  }));
492
162
  };
493
163
 
494
- var styles$3 = {"spinner":"_2wtfD","rotator":"_2Jprn","spinner--block":"_Jmh8M","path":"_3zucL","dash":"_3ZqYM","path--mint":"_3XYKx","path--disabled":"_1pYbs","path--contrast":"_3ofDF"};
164
+ var styles$2 = {"spinner":"_2wtfD","rotator":"_2Jprn","spinner--block":"_Jmh8M","path":"_3zucL","dash":"_3ZqYM","path--mint":"_3XYKx","path--disabled":"_1pYbs","path--contrast":"_3ofDF"};
495
165
 
496
166
  var Spinner = function Spinner(_ref) {
497
167
  var _classnames;
@@ -503,16 +173,16 @@ var Spinner = function Spinner(_ref) {
503
173
  _ref$block = _ref.block,
504
174
  block = _ref$block === void 0 ? false : _ref$block;
505
175
  return React__default.createElement("div", {
506
- className: classnames((_classnames = {}, _classnames[styles$3['spinner--block']] = block, _classnames))
176
+ className: classnames((_classnames = {}, _classnames[styles$2['spinner--block']] = block, _classnames))
507
177
  }, React__default.createElement("svg", {
508
- className: styles$3['spinner'],
178
+ className: styles$2['spinner'],
509
179
  xmlns: "http://www.w3.org/2000/svg",
510
180
  width: size,
511
181
  height: size,
512
182
  viewBox: "0 0 66 66",
513
183
  "data-testid": "spinner"
514
184
  }, React__default.createElement("circle", {
515
- className: classnames(styles$3['path'], styles$3["path--" + theme]),
185
+ className: classnames(styles$2['path'], styles$2["path--" + theme]),
516
186
  fill: "none",
517
187
  strokeWidth: "6",
518
188
  strokeLinecap: "round",
@@ -522,9 +192,9 @@ var Spinner = function Spinner(_ref) {
522
192
  })));
523
193
  };
524
194
 
525
- var styles$4 = {"tooltip":"_1P_xb"};
195
+ var styles$3 = {"tooltip":"_1P_xb"};
526
196
 
527
- var styles$5 = {"tooltip-overlay":"_3h-8V","tooltip-overlay--visible":"_zCaWg","tooltip-overlay--black-theme":"_2fg5c","tooltip-overlay--white-theme":"_1iXKZ","tooltip-overlay__header":"_2K2Xx","tooltip-overlay-arrow":"_3jWYe","tooltip-overlay-arrow--top":"_1zh1g","tooltip-overlay-arrow--bottom":"_Pr0TW","tooltip-overlay-arrow--visible":"_3eQWu","tooltip-overlay-arrow--black-theme":"_2l-Dg","tooltip-overlay-arrow--white-theme":"_2LAWl"};
197
+ var styles$4 = {"tooltip-overlay":"_3h-8V","tooltip-overlay--visible":"_zCaWg","tooltip-overlay--black-theme":"_2fg5c","tooltip-overlay--white-theme":"_1iXKZ","tooltip-overlay__header":"_2K2Xx","tooltip-overlay-arrow":"_3jWYe","tooltip-overlay-arrow--top":"_1zh1g","tooltip-overlay-arrow--bottom":"_Pr0TW","tooltip-overlay-arrow--visible":"_3eQWu","tooltip-overlay-arrow--black-theme":"_2l-Dg","tooltip-overlay-arrow--white-theme":"_2LAWl"};
528
198
 
529
199
  var TOOLTIP_THEME = {
530
200
  BLACK: 'black',
@@ -569,8 +239,8 @@ var updateMisalignedOverlay = function updateMisalignedOverlay(overlayPosition,
569
239
  if (overlayPosition.left > arrowPosition.left) {
570
240
  left = arrowPosition.left - ARROW_MARGIN;
571
241
  } else if (overlayPosition.left + tooltipRectPosition.width < arrowPosition.left + ARROW_WIDTH) {
572
- left = arrowPosition.left - tooltipRectPosition.width + ARROW_WIDTH + ARROW_MARGIN;
573
- }
242
+ left = arrowPosition.left - tooltipRectPosition.width + ARROW_WIDTH + ARROW_MARGIN;
243
+ }
574
244
 
575
245
  return _extends({}, overlayPosition, {
576
246
  left: left
@@ -726,15 +396,15 @@ var TooltipOverlay = function TooltipOverlay(_ref) {
726
396
  style: _extends({}, position.overlay, {
727
397
  zIndex: Z_INDEX_LAYERS.TOOLTIP
728
398
  }),
729
- className: classnames(styles$5['tooltip-overlay'], extraClass, (_classnames = {}, _classnames[styles$5['tooltip-overlay--visible']] = isVisible, _classnames[styles$5['tooltip-overlay--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames[styles$5['tooltip-overlay--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames)),
399
+ className: classnames(styles$4['tooltip-overlay'], extraClass, (_classnames = {}, _classnames[styles$4['tooltip-overlay--visible']] = isVisible, _classnames[styles$4['tooltip-overlay--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames[styles$4['tooltip-overlay--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames)),
730
400
  onMouseEnter: onFocusIn,
731
401
  onMouseLeave: onFocusOut
732
402
  }, React__default.createElement(Stack, {
733
403
  space: 8
734
404
  }, header && React__default.createElement("div", {
735
- className: styles$5['tooltip-overlay__header']
405
+ className: styles$4['tooltip-overlay__header']
736
406
  }, header), children)), React__default.createElement("div", {
737
- className: classnames(styles$5['tooltip-overlay-arrow'], extraClass, (_classnames2 = {}, _classnames2[styles$5['tooltip-overlay-arrow--visible']] = isVisible, _classnames2[styles$5['tooltip-overlay-arrow--top']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP, _classnames2[styles$5['tooltip-overlay-arrow--bottom']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM, _classnames2[styles$5['tooltip-overlay-arrow--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames2[styles$5['tooltip-overlay-arrow--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames2)),
407
+ className: classnames(styles$4['tooltip-overlay-arrow'], extraClass, (_classnames2 = {}, _classnames2[styles$4['tooltip-overlay-arrow--visible']] = isVisible, _classnames2[styles$4['tooltip-overlay-arrow--top']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP, _classnames2[styles$4['tooltip-overlay-arrow--bottom']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM, _classnames2[styles$4['tooltip-overlay-arrow--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames2[styles$4['tooltip-overlay-arrow--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames2)),
738
408
  style: _extends({}, position.arrow, {
739
409
  zIndex: Z_INDEX_LAYERS.TOOLTIP
740
410
  }),
@@ -852,7 +522,7 @@ var Tooltip = function Tooltip(_ref, forwardedRef) {
852
522
  }
853
523
 
854
524
  return React__default.createElement("div", {
855
- className: classnames(styles$4['tooltip']),
525
+ className: classnames(styles$3['tooltip']),
856
526
  onMouseEnter: openTooltip,
857
527
  onMouseLeave: closeTooltipWithDelay,
858
528
  onFocus: openTooltip,
@@ -861,172 +531,2323 @@ var Tooltip = function Tooltip(_ref, forwardedRef) {
861
531
  }, children, React__default.createElement(Overlay, null));
862
532
  };
863
533
 
864
- var Tooltip$1 = React.forwardRef(Tooltip);
534
+ var Tooltip$1 = React.forwardRef(Tooltip);
535
+
536
+ var styles$5 = {"button":"_1SQ_p","button--loading":"_1g1Zw","button__spinner":"_3TAU6","button--wide":"_1R_gC","button--icon-only":"_3ig9y","button--default":"_3OB2g","button--primary":"_2RivT","button--danger":"_3T8M_","button--upsell":"_1AYVC","button--marketing":"_34HiE","button--hollow":"_3BrS0","button--link-contrast":"_1LCBO","button--link-primary":"_23S36","button--link-danger":"_2CzxI","button--link-upsell":"_21e4m","button--link-toolbar":"_2-ESu","button--link-icon":"_1u3kp"};
537
+
538
+ var _excluded$1 = ["id", "onClick", "className", "type", "disabled", "href", "target", "children"];
539
+
540
+ var Button = function Button(_ref, ref) {
541
+ var _classnames;
542
+
543
+ var children = _ref.children,
544
+ _ref$type = _ref.type,
545
+ type = _ref$type === void 0 ? 'button' : _ref$type,
546
+ _ref$theme = _ref.theme,
547
+ theme = _ref$theme === void 0 ? 'default' : _ref$theme,
548
+ _ref$disabled = _ref.disabled,
549
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
550
+ onClick = _ref.onClick,
551
+ id = _ref.id,
552
+ wide = _ref.wide,
553
+ loading = _ref.loading,
554
+ title = _ref.title,
555
+ href = _ref.href,
556
+ _ref$target = _ref.target,
557
+ target = _ref$target === void 0 ? '_self' : _ref$target;
558
+ var contrastSpinner = ['primary', 'danger', 'upsell', 'marketing', 'link-contrast'];
559
+ var childrenArr = React.Children.toArray(children);
560
+ var isIconOnly = childrenArr.length === 1 && typeof childrenArr[0] != 'string';
561
+ return React__default.createElement(Tooltip$1, {
562
+ overlay: title
563
+ }, React__default.createElement(ButtonElement, {
564
+ id: id,
565
+ onClick: onClick,
566
+ className: classnames(styles$5['button'], (_classnames = {}, _classnames[styles$5['button--default']] = theme === 'default', _classnames[styles$5['button--primary']] = theme === 'primary', _classnames[styles$5['button--danger']] = theme === 'danger', _classnames[styles$5['button--upsell']] = theme === 'upsell', _classnames[styles$5['button--marketing']] = theme === 'marketing', _classnames[styles$5['button--hollow']] = theme === 'hollow', _classnames[styles$5['button--link-primary']] = theme === 'link-primary', _classnames[styles$5['button--link-danger']] = theme === 'link-danger', _classnames[styles$5['button--link-upsell']] = theme === 'link-upsell', _classnames[styles$5['button--link-toolbar']] = theme === 'link-toolbar', _classnames[styles$5['button--link-contrast']] = theme === 'link-contrast', _classnames[styles$5['button--link-icon']] = theme === 'link-icon', _classnames[styles$5['button--wide']] = wide, _classnames[styles$5['button--loading']] = loading, _classnames[styles$5['button--icon-only']] = isIconOnly, _classnames)),
567
+ type: type,
568
+ disabled: disabled || loading,
569
+ href: href,
570
+ ref: ref,
571
+ target: target
572
+ }, React__default.createElement(Inline, {
573
+ space: 8,
574
+ alignItems: "center"
575
+ }, children), loading && React__default.createElement("div", {
576
+ className: styles$5['button__spinner']
577
+ }, React__default.createElement(Spinner, {
578
+ theme: contrastSpinner.includes(theme) ? 'contrast' : 'disabled'
579
+ }))));
580
+ };
581
+
582
+ var ButtonElement = React.forwardRef(function (_ref2, ref) {
583
+ var id = _ref2.id,
584
+ onClick = _ref2.onClick,
585
+ className = _ref2.className,
586
+ type = _ref2.type,
587
+ disabled = _ref2.disabled,
588
+ href = _ref2.href,
589
+ target = _ref2.target,
590
+ children = _ref2.children,
591
+ rest = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
592
+
593
+ var commonProps = {
594
+ id: id,
595
+ onClick: onClick,
596
+ className: className,
597
+ disabled: disabled
598
+ };
599
+
600
+ if (href) {
601
+ return React__default.createElement("a", Object.assign({}, commonProps, rest, {
602
+ href: href,
603
+ target: target,
604
+ "aria-disabled": disabled,
605
+ ref: ref
606
+ }), children);
607
+ }
608
+
609
+ return React__default.createElement("button", Object.assign({}, commonProps, rest, {
610
+ type: type,
611
+ ref: ref
612
+ }), children);
613
+ });
614
+ var Button$1 = React.forwardRef(Button);
615
+
616
+ var MenuButton = function MenuButton(_ref) {
617
+ var _ref$theme = _ref.theme,
618
+ theme = _ref$theme === void 0 ? 'link-icon' : _ref$theme,
619
+ children = _ref.children;
620
+
621
+ var _useMenuContext = useMenuContext(),
622
+ onToggleMenu = _useMenuContext.onToggleMenu,
623
+ triggerRef = _useMenuContext.triggerRef;
624
+
625
+ return React__default.createElement(Button$1, {
626
+ onClick: function onClick(e) {
627
+ onToggleMenu();
628
+ e.stopPropagation();
629
+ },
630
+ theme: theme,
631
+ ref: triggerRef
632
+ }, children);
633
+ };
634
+
635
+ function isClickInside(ref, event) {
636
+ return !ref.current || event.target instanceof Node && ref.current.contains(event.target);
637
+ }
638
+
639
+ function useOnClickOutside(ref, cb) {
640
+ React__default.useEffect(function () {
641
+ var listener = function listener(event) {
642
+ if (isClickInside(ref, event)) {
643
+ return;
644
+ }
645
+
646
+ cb(event);
647
+ };
648
+
649
+ document.addEventListener('mousedown', listener);
650
+ document.addEventListener('touchstart', listener);
651
+ return function () {
652
+ document.removeEventListener('mousedown', listener);
653
+ document.removeEventListener('touchstart', listener);
654
+ };
655
+ }, [ref, cb]);
656
+ }
657
+
658
+ var MenuList = function MenuList(_ref) {
659
+ var _classnames;
660
+
661
+ var children = _ref.children;
662
+ var paneElement = React.useRef(null);
663
+
664
+ var _useMenuContext = useMenuContext(),
665
+ isOpen = _useMenuContext.isOpen,
666
+ onToggleMenu = _useMenuContext.onToggleMenu,
667
+ triggerRef = _useMenuContext.triggerRef;
668
+
669
+ var _useState = React.useState({}),
670
+ position = _useState[0],
671
+ setPosition = _useState[1];
672
+
673
+ var clickOutisideCallback = React.useCallback(function () {
674
+ if (isOpen) {
675
+ onToggleMenu();
676
+ }
677
+ }, [isOpen]);
678
+ useOnClickOutside(paneElement, clickOutisideCallback);
679
+ React.useEffect(function () {
680
+ var _paneElement$current;
681
+
682
+ var triggerPosition = triggerRef.current.getBoundingClientRect();
683
+ var panePosition = (_paneElement$current = paneElement.current) === null || _paneElement$current === void 0 ? void 0 : _paneElement$current.getBoundingClientRect();
684
+ var paneWidth = (panePosition === null || panePosition === void 0 ? void 0 : panePosition.width) || 160;
685
+ var pos = {
686
+ left: triggerPosition.left + triggerPosition.width - paneWidth,
687
+ top: triggerPosition.top + window.scrollY + triggerPosition.height + 3
688
+ };
689
+ setPosition(pos);
690
+ }, [isOpen, triggerRef]);
691
+ return React__default.createElement(Portal, null, React__default.createElement("ul", {
692
+ className: classnames(styles['list'], (_classnames = {}, _classnames[styles['list--active']] = isOpen, _classnames)),
693
+ role: "menu",
694
+ style: position,
695
+ ref: paneElement
696
+ }, children));
697
+ };
698
+
699
+ var ICON_SIZES = {
700
+ small: '12px',
701
+ medium: '16px',
702
+ "default": '20px',
703
+ large: '24px'
704
+ };
705
+
706
+ var getIconStyles = function getIconStyles(_ref) {
707
+ var _ref$size = _ref.size,
708
+ size = _ref$size === void 0 ? 'default' : _ref$size,
709
+ _ref$color = _ref.color,
710
+ color = _ref$color === void 0 ? 'currentColor' : _ref$color,
711
+ _ref$styles = _ref.styles,
712
+ styles = _ref$styles === void 0 ? {} : _ref$styles;
713
+ return _extends({
714
+ width: ICON_SIZES[size],
715
+ height: ICON_SIZES[size],
716
+ verticalAlign: 'middle',
717
+ fill: color
718
+ }, styles);
719
+ };
720
+
721
+ var IconInfoCircle = function IconInfoCircle(props) {
722
+ return React__default.createElement("svg", Object.assign({
723
+ viewBox: "0 0 20 20",
724
+ fill: "none",
725
+ xmlns: "http://www.w3.org/2000/svg",
726
+ "data-testid": "icon-info-circle",
727
+ style: getIconStyles(props)
728
+ }, props), React__default.createElement("path", {
729
+ fillRule: "evenodd",
730
+ clipRule: "evenodd",
731
+ d: "M.313 10C.313 4.652 4.65.312 10 .312s9.688 4.34 9.688 9.688A9.687 9.687 0 0 1 10 19.688 9.687 9.687 0 0 1 .312 10Zm18.125 0c0-4.685-3.804-8.438-8.438-8.438A8.437 8.437 0 0 0 1.562 10 8.435 8.435 0 0 0 10 18.438 8.435 8.435 0 0 0 18.438 10Zm-9.844 3.75h.469V9.062h-.47a.469.469 0 0 1-.468-.468V8.28c0-.259.21-.469.469-.469h1.875c.259 0 .469.21.469.47v5.468h.468c.26 0 .469.21.469.469v.312c0 .26-.21.469-.469.469H8.594a.469.469 0 0 1-.469-.469v-.312c0-.26.21-.469.469-.469Zm.156-8.125a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0Z",
732
+ fill: "currentColor"
733
+ }));
734
+ };
735
+
736
+ IconInfoCircle.displayName = 'IconInfoCircle';
737
+
738
+ var IconAnalytics = function IconAnalytics(props) {
739
+ return React__default.createElement("svg", Object.assign({
740
+ viewBox: "0 0 20 20",
741
+ fill: "none",
742
+ xmlns: "http://www.w3.org/2000/svg",
743
+ "data-testid": "icon-analytics",
744
+ style: getIconStyles(props)
745
+ }, props), React__default.createElement("path", {
746
+ fillRule: "evenodd",
747
+ clipRule: "evenodd",
748
+ d: "M18.333 4.444c-.322 0-.62-.095-.876-.254l-3.11 2.489c.059.171.097.352.097.543a1.667 1.667 0 1 1-3.333 0c0-.191.039-.372.098-.543L8.1 4.189a1.652 1.652 0 0 1-.877.255 1.65 1.65 0 0 1-.714-.166l-3.341 3.34c.103.218.166.458.166.715a1.667 1.667 0 1 1-1.666-1.666c.257 0 .497.062.714.166l3.341-3.34a1.65 1.65 0 0 1-.166-.715 1.667 1.667 0 1 1 3.333 0c0 .191-.039.372-.098.543L11.9 5.81c.256-.159.554-.255.877-.255.322 0 .62.096.876.255l3.11-2.49a1.65 1.65 0 0 1-.097-.542 1.667 1.667 0 1 1 1.666 1.666Zm-1.666 3.89c0-.308.248-.556.555-.556h2.222c.307 0 .556.248.556.555v10a.555.555 0 0 1-.556.556h-2.222a.555.555 0 0 1-.555-.556v-10ZM3.333 13.888a.555.555 0 0 0-.555-.556H.556A.555.555 0 0 0 0 13.89v4.444c0 .307.249.556.556.556h2.222a.555.555 0 0 0 .555-.556V13.89Zm-1.11.555v3.334H1.11v-3.334h1.111Zm15.555 3.334v-8.89h1.11v8.89h-1.11Zm.555-15.556a.556.556 0 1 1-.001 1.113.556.556 0 0 1 .001-1.113ZM1.111 8.333a.556.556 0 1 0 1.113-.001.556.556 0 0 0-1.113.001Zm6.111-5a.556.556 0 1 1 .002-1.112.556.556 0 0 1-.002 1.112Zm5 3.89a.556.556 0 1 0 1.113-.002.556.556 0 0 0-1.113.001Zm-3.889.555H6.111a.555.555 0 0 0-.555.555v10c0 .307.248.556.555.556h2.222a.555.555 0 0 0 .556-.556v-10a.555.555 0 0 0-.556-.555Zm-1.666 10h1.11v-8.89h-1.11v8.89Zm7.222-5.556h-2.222a.555.555 0 0 0-.556.556v5.555c0 .307.249.556.556.556h2.222a.555.555 0 0 0 .555-.556v-5.555a.555.555 0 0 0-.555-.556Zm-1.667 1.111v4.445h1.111v-4.445h-1.11Z",
749
+ fill: "currentColor"
750
+ }));
751
+ };
752
+
753
+ IconAnalytics.displayName = 'IconAnalytics';
754
+
755
+ var IconArrowDown = function IconArrowDown(props) {
756
+ return React__default.createElement("svg", Object.assign({
757
+ viewBox: "0 0 20 20",
758
+ fill: "none",
759
+ xmlns: "http://www.w3.org/2000/svg",
760
+ "data-testid": "icon-arrow-down",
761
+ style: getIconStyles(props)
762
+ }, props), React__default.createElement("path", {
763
+ fillRule: "evenodd",
764
+ clipRule: "evenodd",
765
+ d: "m18.574 9.707-.277-.277a.47.47 0 0 0-.664 0l-6.969 6.972V1.72a.47.47 0 0 0-.469-.469h-.39a.47.47 0 0 0-.47.469v14.683L2.364 9.43a.47.47 0 0 0-.664 0l-.277.277a.47.47 0 0 0 0 .664l8.242 8.246a.47.47 0 0 0 .664 0l8.242-8.246a.466.466 0 0 0 .004-.664Z",
766
+ fill: "currentColor"
767
+ }));
768
+ };
769
+
770
+ IconArrowDown.displayName = 'IconArrowDown';
771
+
772
+ var IconArrowLeft = function IconArrowLeft(props) {
773
+ return React__default.createElement("svg", Object.assign({
774
+ viewBox: "0 0 20 20",
775
+ fill: "none",
776
+ xmlns: "http://www.w3.org/2000/svg",
777
+ "data-testid": "icon-arrow-left",
778
+ style: getIconStyles(props)
779
+ }, props), React__default.createElement("path", {
780
+ fillRule: "evenodd",
781
+ clipRule: "evenodd",
782
+ d: "m10.293 18.574.277-.277a.47.47 0 0 0 0-.664l-6.972-6.969H18.28a.47.47 0 0 0 .469-.469v-.39a.47.47 0 0 0-.469-.47H3.598l6.972-6.972a.47.47 0 0 0 0-.664l-.277-.277a.47.47 0 0 0-.664 0L1.383 9.664a.47.47 0 0 0 0 .664l8.246 8.242c.187.188.48.188.664.004Z",
783
+ fill: "currentColor"
784
+ }));
785
+ };
786
+
787
+ IconArrowLeft.displayName = 'IconArrowLeft';
788
+
789
+ var IconArrowRight = function IconArrowRight(props) {
790
+ return React__default.createElement("svg", Object.assign({
791
+ viewBox: "0 0 20 20",
792
+ fill: "none",
793
+ xmlns: "http://www.w3.org/2000/svg",
794
+ "data-testid": "icon-arrow-right",
795
+ style: getIconStyles(props)
796
+ }, props), React__default.createElement("path", {
797
+ fillRule: "evenodd",
798
+ clipRule: "evenodd",
799
+ d: "m9.707 1.426-.277.277a.47.47 0 0 0 0 .664l6.972 6.969H1.72a.47.47 0 0 0-.469.469v.39c0 .258.21.47.469.47h14.683L9.43 17.636a.47.47 0 0 0 0 .664l.277.277a.47.47 0 0 0 .664 0l8.246-8.242a.47.47 0 0 0 0-.664L10.371 1.43a.466.466 0 0 0-.664-.004Z",
800
+ fill: "currentColor"
801
+ }));
802
+ };
803
+
804
+ IconArrowRight.displayName = 'IconArrowRight';
805
+
806
+ var IconArrowToTop = function IconArrowToTop(props) {
807
+ return React__default.createElement("svg", Object.assign({
808
+ viewBox: "0 0 20 20",
809
+ fill: "none",
810
+ xmlns: "http://www.w3.org/2000/svg",
811
+ "data-testid": "icon-arrow-to-top",
812
+ style: getIconStyles(props)
813
+ }, props), React__default.createElement("path", {
814
+ d: "m3.887 9.688 5.781-5.801a.47.47 0 0 1 .664 0l5.781 5.8a.47.47 0 0 1 0 .665l-.277.277a.47.47 0 0 1-.664 0l-4.508-4.531V18.28a.47.47 0 0 1-.469.469h-.39a.47.47 0 0 1-.47-.469V6.098l-4.507 4.527a.47.47 0 0 1-.664 0l-.277-.277a.465.465 0 0 1 0-.66ZM2.5 1.718v.313c0 .258.21.469.469.469H17.03a.47.47 0 0 0 .469-.469V1.72a.47.47 0 0 0-.469-.469H2.97a.47.47 0 0 0-.469.469Z",
815
+ fill: "currentColor"
816
+ }));
817
+ };
818
+
819
+ IconArrowToTop.displayName = 'IconArrowToTop';
820
+
821
+ var IconArrowUp = function IconArrowUp(props) {
822
+ return React__default.createElement("svg", Object.assign({
823
+ viewBox: "0 0 20 20",
824
+ fill: "none",
825
+ xmlns: "http://www.w3.org/2000/svg",
826
+ "data-testid": "icon-arrow-up",
827
+ style: getIconStyles(props)
828
+ }, props), React__default.createElement("path", {
829
+ fillRule: "evenodd",
830
+ clipRule: "evenodd",
831
+ d: "m1.426 10.293.277.277a.47.47 0 0 0 .664 0l6.969-6.972V18.28c0 .258.21.469.469.469h.39a.47.47 0 0 0 .47-.469V3.598l6.972 6.972a.47.47 0 0 0 .664 0l.277-.277a.47.47 0 0 0 0-.664l-8.242-8.246a.47.47 0 0 0-.664 0L1.43 9.629a.466.466 0 0 0-.004.664Z",
832
+ fill: "currentColor"
833
+ }));
834
+ };
835
+
836
+ IconArrowUp.displayName = 'IconArrowUp';
837
+
838
+ var IconAward = function IconAward(props) {
839
+ return React__default.createElement("svg", Object.assign({
840
+ viewBox: "0 0 20 20",
841
+ fill: "none",
842
+ xmlns: "http://www.w3.org/2000/svg",
843
+ "data-testid": "icon-award",
844
+ style: getIconStyles(props)
845
+ }, props), React__default.createElement("path", {
846
+ fillRule: "evenodd",
847
+ clipRule: "evenodd",
848
+ d: "M16.834 10.635a2.246 2.246 0 0 0 .563-2.134l-.05-.188c-.09-.34-.136-.51-.136-.68 0-.171.045-.342.136-.683l.05-.188c.2-.76-.016-1.577-.563-2.135l-.105-.106c-.27-.27-.4-.4-.486-.555-.08-.143-.122-.307-.204-.622l-.058-.218a2.205 2.205 0 0 0-1.545-1.57l-.182-.049c-.327-.087-.494-.132-.64-.216-.153-.089-.28-.221-.544-.493L12.967.69a2.183 2.183 0 0 0-2.122-.576l-.157.044c-.349.097-.52.145-.691.144-.166 0-.331-.046-.657-.137L9.154.115a2.179 2.179 0 0 0-2.12.578L6.907.82c-.25.257-.374.384-.52.469-.143.083-.307.127-.631.214l-.191.052a2.206 2.206 0 0 0-1.547 1.569l-.055.21c-.084.324-.127.489-.208.633-.085.151-.212.278-.47.54l-.12.12a2.245 2.245 0 0 0-.562 2.135l.05.187c.09.34.136.51.136.68 0 .17-.045.341-.136.683l-.05.189c-.2.76.016 1.577.563 2.134l.105.106c.27.27.4.401.485.556.08.143.123.306.205.622l.057.218c.078.297.23.559.414.793l-1.857 4.567a.623.623 0 0 0 .576.858h.002l.45-.017h.006l1.616-.062 1.41 1.49a.62.62 0 0 0 1.029-.193l2.041-5.021a.909.909 0 0 1 .588 0l2.04 5.02a.62.62 0 0 0 1.03.194l1.41-1.49 1.619.062.453.017h.003a.623.623 0 0 0 .575-.858l-1.856-4.567c.184-.234.335-.495.414-.792l.055-.21c.084-.324.127-.49.208-.634.085-.151.211-.278.47-.54l.12-.12ZM6.264 7.508A3.74 3.74 0 0 1 10 3.772a3.74 3.74 0 0 1 3.736 3.736A3.74 3.74 0 0 1 10 11.243a3.74 3.74 0 0 1-3.735-3.735Zm1.246 0A2.493 2.493 0 0 0 10 9.998a2.493 2.493 0 0 0 2.49-2.49A2.493 2.493 0 0 0 10 5.018a2.493 2.493 0 0 0-2.49 2.49ZM5.743 17.01l1.133 1.197 1.317-3.239a2.159 2.159 0 0 1-1.4-.642l-.013-.013c-.174-.178-.268-.273-.379-.34-.13-.08-.283-.12-.615-.207l-.221-.059c-.017-.005-.033-.012-.048-.02-.014-.006-.027-.013-.041-.018l-1.383 3.404 1.136-.044.514-.02Zm10.165.063-1.104-.042-.546-.021-1.134 1.197-1.319-3.245a2.152 2.152 0 0 0 1.402-.636l.015-.015c.18-.184.276-.281.389-.349.126-.075.274-.113.587-.194l.238-.061a.27.27 0 0 0 .047-.02c.014-.006.027-.013.042-.018l1.383 3.404Zm-1.8-4.567a.96.96 0 0 0 .67-.686c.157-.6.231-.894.375-1.148.144-.254.357-.469.793-.91a.995.995 0 0 0 .247-.946l-.002-.005c-.316-1.178-.316-1.18.002-2.366a.994.994 0 0 0-.247-.946c-.854-.861-.855-.866-1.146-1.972l-.022-.086a.96.96 0 0 0-.67-.685c-.585-.159-.875-.234-1.126-.38-.253-.147-.466-.365-.903-.813a.934.934 0 0 0-.907-.248c-.591.164-.882.245-1.172.245-.29 0-.58-.082-1.173-.245a.929.929 0 0 0-.906.25c-.438.444-.645.66-.894.806-.248.146-.536.222-1.135.385a.957.957 0 0 0-.67.685c-.157.6-.231.894-.375 1.148-.144.254-.357.469-.793.91a.995.995 0 0 0-.247.946c.318 1.182.317 1.186.003 2.361l-.003.01c-.089.339.006.7.247.946.854.861.855.866 1.146 1.972l.022.086a.96.96 0 0 0 .67.685l.186.05c.77.205.975.259 1.603.898a.92.92 0 0 0 1.158.137 2.184 2.184 0 0 1 2.322 0 .917.917 0 0 0 1.158-.136c.634-.647.84-.7 1.6-.899l.189-.05Z",
849
+ fill: "currentColor"
850
+ }));
851
+ };
852
+
853
+ IconAward.displayName = 'IconAward';
854
+
855
+ var IconBalanceScaleLeft = function IconBalanceScaleLeft(props) {
856
+ return React__default.createElement("svg", Object.assign({
857
+ viewBox: "0 0 20 20",
858
+ fill: "none",
859
+ xmlns: "http://www.w3.org/2000/svg",
860
+ "data-testid": "icon-balance-scale-left",
861
+ style: getIconStyles(props)
862
+ }, props), React__default.createElement("g", {
863
+ clipPath: "url(#icon-balance-scale-left_svg__a)"
864
+ }, React__default.createElement("path", {
865
+ d: "m19.825 9.722-3.408-5.5A.498.498 0 0 0 16 4a.498.498 0 0 0-.417.223l-3.408 5.499a.97.97 0 0 0-.172.613A4.007 4.007 0 0 0 16 14a4.007 4.007 0 0 0 3.997-3.665.97.97 0 0 0-.172-.613ZM16 13c-1.3 0-2.423-.848-2.837-2h5.663c-.42 1.163-1.536 2-2.826 2Zm-2.82-3L16 5.445 18.843 10H13.18Zm3.57 7H10.5V5.93a1.993 1.993 0 0 0 1.426-1.418l4.634-1.55a.25.25 0 0 0 .158-.317l-.16-.474a.25.25 0 0 0-.316-.158L11.918 3.46a1.994 1.994 0 1 0-3.775 1.263L3.44 6.297a.25.25 0 0 0-.157.316l.158.474a.25.25 0 0 0 .317.158l5.014-1.678c.213.168.458.292.728.362V17.75c0 .138.112.25.25.25h7a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25ZM9 4c0-.551.449-1 1-1 .551 0 1 .449 1 1 0 .551-.449 1-1 1-.551 0-1-.449-1-1ZM4.417 8.223A.498.498 0 0 0 4 8a.498.498 0 0 0-.417.223L.175 13.721a.97.97 0 0 0-.172.613A4.007 4.007 0 0 0 4 18a4.007 4.007 0 0 0 3.997-3.665.97.97 0 0 0-.172-.613l-3.408-5.5ZM4 17c-1.3 0-2.423-.848-2.837-2h5.663C6.406 16.163 5.29 17 4 17Zm-2.82-3L4 9.445 6.843 14H1.18Z",
866
+ fill: "currentColor"
867
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
868
+ id: "icon-balance-scale-left_svg__a"
869
+ }, React__default.createElement("path", {
870
+ fill: "#fff",
871
+ d: "M0 0h20v20H0z"
872
+ }))));
873
+ };
874
+
875
+ IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
876
+
877
+ var IconBalanceScale = function IconBalanceScale(props) {
878
+ return React__default.createElement("svg", Object.assign({
879
+ viewBox: "0 0 20 20",
880
+ fill: "none",
881
+ xmlns: "http://www.w3.org/2000/svg",
882
+ "data-testid": "icon-balance-scale",
883
+ style: getIconStyles(props)
884
+ }, props), React__default.createElement("g", {
885
+ clipPath: "url(#icon-balance-scale_svg__a)"
886
+ }, React__default.createElement("path", {
887
+ d: "m19.825 10.722-3.408-5.5A.498.498 0 0 0 16 5a.498.498 0 0 0-.417.223l-3.408 5.499a.97.97 0 0 0-.172.613A4.007 4.007 0 0 0 16 15a4.007 4.007 0 0 0 3.997-3.665.97.97 0 0 0-.172-.613ZM16 14c-1.3 0-2.423-.848-2.837-2h5.663c-.42 1.163-1.536 2-2.826 2Zm-2.82-3L16 6.445 18.843 11H13.18Zm3.57 6H10.5V5.93A1.995 1.995 0 0 0 12 4h4.75a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-5.035c-.004-.008-.136-.347-.597-.658A1.99 1.99 0 0 0 10 2a1.99 1.99 0 0 0-1.118.342c-.46.31-.593.65-.597.658H3.25a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25H8c0 .93.639 1.706 1.5 1.93V17H3.25a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h13.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25ZM9 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm-1.003 7.335a.97.97 0 0 0-.172-.613l-3.408-5.5A.498.498 0 0 0 4 5a.498.498 0 0 0-.417.223L.175 10.721a.97.97 0 0 0-.172.613A4.007 4.007 0 0 0 4 15a4.007 4.007 0 0 0 3.997-3.665Zm-3.996-4.89L6.843 11H1.18l2.822-4.555ZM1.163 12h5.663C6.406 13.163 5.29 14 4 14c-1.3 0-2.423-.848-2.837-2Z",
888
+ fill: "currentColor"
889
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
890
+ id: "icon-balance-scale_svg__a"
891
+ }, React__default.createElement("path", {
892
+ fill: "#fff",
893
+ d: "M0 0h20v20H0z"
894
+ }))));
895
+ };
896
+
897
+ IconBalanceScale.displayName = 'IconBalanceScale';
898
+
899
+ var IconBan = function IconBan(props) {
900
+ return React__default.createElement("svg", Object.assign({
901
+ viewBox: "0 0 20 20",
902
+ fill: "none",
903
+ xmlns: "http://www.w3.org/2000/svg",
904
+ "data-testid": "icon-ban",
905
+ style: getIconStyles(props)
906
+ }, props), React__default.createElement("path", {
907
+ d: "M10 .313C4.65.313.312 4.65.312 10S4.65 19.688 10 19.688c5.35 0 9.688-4.338 9.688-9.688C19.688 4.65 15.35.312 10 .312ZM4.034 15.966a8.437 8.437 0 0 1-.426-11.474l11.9 11.9a8.437 8.437 0 0 1-11.474-.426Zm12.358-.458-11.9-11.9a8.437 8.437 0 0 1 11.474.426 8.437 8.437 0 0 1 .426 11.474Z",
908
+ fill: "currentColor"
909
+ }));
910
+ };
911
+
912
+ IconBan.displayName = 'IconBan';
913
+
914
+ var IconBarsH = function IconBarsH(props) {
915
+ return React__default.createElement("svg", Object.assign({
916
+ viewBox: "0 0 20 20",
917
+ fill: "none",
918
+ xmlns: "http://www.w3.org/2000/svg",
919
+ "data-testid": "icon-bars-h",
920
+ style: getIconStyles(props)
921
+ }, props), React__default.createElement("path", {
922
+ fillRule: "evenodd",
923
+ clipRule: "evenodd",
924
+ d: "M.313 5h16.875c.172 0 .312-.14.312-.313v-.625a.312.312 0 0 0-.313-.312H.313A.312.312 0 0 0 0 4.063v.625C0 4.86.14 5 .313 5Zm19.375 4.375H2.813a.312.312 0 0 0-.313.313v.624c0 .173.14.313.313.313h16.875c.172 0 .312-.14.312-.313v-.624a.312.312 0 0 0-.313-.313ZM.313 15h16.875c.172 0 .312.14.312.313v.624c0 .173-.14.313-.313.313H.313A.312.312 0 0 1 0 15.937v-.624C0 15.14.14 15 .313 15Z",
925
+ fill: "currentColor"
926
+ }));
927
+ };
928
+
929
+ IconBarsH.displayName = 'IconBarsH';
930
+
931
+ var IconBarsV = function IconBarsV(props) {
932
+ return React__default.createElement("svg", Object.assign({
933
+ viewBox: "0 0 20 20",
934
+ fill: "none",
935
+ xmlns: "http://www.w3.org/2000/svg",
936
+ "data-testid": "icon-bars-v",
937
+ style: getIconStyles(props)
938
+ }, props), React__default.createElement("path", {
939
+ d: "M4.762 2.381a2.38 2.38 0 1 0-4.762 0v15.238a2.381 2.381 0 1 0 4.762 0V2.381ZM12.381 12.857a2.38 2.38 0 1 0-4.762 0v4.762a2.381 2.381 0 1 0 4.762 0v-4.762ZM20 6.19a2.381 2.381 0 0 0-4.762 0v11.43a2.38 2.38 0 1 0 4.762 0V6.19Z",
940
+ fill: "currentColor"
941
+ }));
942
+ };
943
+
944
+ IconBarsV.displayName = 'IconBarsV';
945
+
946
+ var IconBell = function IconBell(props) {
947
+ return React__default.createElement("svg", Object.assign({
948
+ viewBox: "0 0 20 20",
949
+ fill: "none",
950
+ xmlns: "http://www.w3.org/2000/svg",
951
+ "data-testid": "icon-bell",
952
+ style: getIconStyles(props)
953
+ }, props), React__default.createElement("path", {
954
+ fillRule: "evenodd",
955
+ clipRule: "evenodd",
956
+ d: "M17.93 13.079c-1.093-1.04-1.928-2.129-1.928-5.817 0-3.11-2.476-5.645-5.627-5.951V.625a.625.625 0 1 0-1.25 0v.686C5.975 1.618 3.5 4.153 3.5 7.26c0 3.689-.836 4.778-1.928 5.817a1.818 1.818 0 0 0-.44 2.002c.285.71.97 1.17 1.744 1.17h13.75c.775 0 1.46-.46 1.744-1.17a1.817 1.817 0 0 0-.44-2.002Zm-8.18 5.67c-.69 0-1.25-.56-1.25-1.25H7.25a2.504 2.504 0 0 0 2.5 2.5c1.378 0 2.5-1.121 2.5-2.5H11c0 .69-.56 1.25-1.25 1.25ZM2.875 15h13.75c.554 0 .835-.642.442-1.016-1.37-1.304-2.315-2.763-2.315-6.722 0-2.632-2.238-4.762-5.002-4.762S4.75 4.63 4.75 7.262c0 3.974-.954 5.426-2.316 6.722-.391.373-.114 1.016.442 1.016Z",
957
+ fill: "currentColor"
958
+ }));
959
+ };
960
+
961
+ IconBell.displayName = 'IconBell';
962
+
963
+ var IconBold = function IconBold(props) {
964
+ return React__default.createElement("svg", Object.assign({
965
+ viewBox: "0 0 20 20",
966
+ fill: "none",
967
+ xmlns: "http://www.w3.org/2000/svg",
968
+ "data-testid": "icon-bold",
969
+ style: getIconStyles(props)
970
+ }, props), React__default.createElement("path", {
971
+ d: "M13.828 9.145a4.36 4.36 0 0 0 .516-6.614A4.375 4.375 0 0 0 11.25 1.25H3.437a.312.312 0 0 0-.312.313v.625a.312.312 0 0 0 .313.312h.937v15h-.938a.312.312 0 0 0-.312.313v.625a.313.313 0 0 0 .313.312h8.437a5 5 0 0 0 1.953-9.605ZM5.625 2.5h5.625a3.125 3.125 0 1 1 0 6.25H5.625V2.5Zm6.25 15h-6.25V10h6.25a3.75 3.75 0 1 1 0 7.5Z",
972
+ fill: "currentColor"
973
+ }));
974
+ };
975
+
976
+ IconBold.displayName = 'IconBold';
977
+
978
+ var IconBolt = function IconBolt(props) {
979
+ return React__default.createElement("svg", Object.assign({
980
+ viewBox: "0 0 20 20",
981
+ fill: "none",
982
+ xmlns: "http://www.w3.org/2000/svg",
983
+ "data-testid": "icon-bolt",
984
+ style: getIconStyles(props)
985
+ }, props), React__default.createElement("g", {
986
+ clipPath: "url(#icon-bolt_svg__a)"
987
+ }, React__default.createElement("path", {
988
+ d: "M15.313 6.25h-4.508l1.664-5.07A.941.941 0 0 0 11.563 0H5.938a.939.939 0 0 0-.93.813l-1.25 9.374a.94.94 0 0 0 .93 1.063h4.637l-1.801 7.598a.936.936 0 0 0 1.723.683l6.875-11.875a.936.936 0 0 0-.81-1.406Z",
989
+ fill: "currentColor"
990
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
991
+ id: "icon-bolt_svg__a"
992
+ }, React__default.createElement("path", {
993
+ fill: "#fff",
994
+ d: "M0 0h20v20H0z"
995
+ }))));
996
+ };
997
+
998
+ IconBolt.displayName = 'IconBolt';
999
+
1000
+ var IconBook = function IconBook(props) {
1001
+ return React__default.createElement("svg", Object.assign({
1002
+ viewBox: "0 0 20 20",
1003
+ fill: "none",
1004
+ xmlns: "http://www.w3.org/2000/svg",
1005
+ "data-testid": "icon-book",
1006
+ style: getIconStyles(props)
1007
+ }, props), React__default.createElement("path", {
1008
+ fillRule: "evenodd",
1009
+ clipRule: "evenodd",
1010
+ d: "M18.152 18.75h.13a.47.47 0 0 1 .468.469v.312a.47.47 0 0 1-.469.469H4.375a3.124 3.124 0 0 1-3.125-3.125V3.125A3.124 3.124 0 0 1 4.375 0h13.438c.519 0 .937.418.937.938v14.374c0 .391-.242.727-.582.868-.14.629-.172 1.78-.016 2.57ZM8.594 6.25h6.562a.47.47 0 0 0 .469-.469V5.47A.47.47 0 0 0 15.156 5H8.594a.47.47 0 0 0-.469.469v.312c0 .258.21.469.469.469Zm7.031 1.719v.312a.47.47 0 0 1-.469.469H8.594a.47.47 0 0 1-.469-.469V7.97a.47.47 0 0 1 .469-.469h6.562a.47.47 0 0 1 .469.469ZM17.5 15H6.25V1.25H17.5V15Zm-15 .625A3.126 3.126 0 0 1 4.375 15H5V1.25h-.625C3.34 1.25 2.5 2.09 2.5 3.125v12.5Zm14.543.625a8.929 8.929 0 0 0 0 2.5H4.375c-2.5 0-2.5-2.5 0-2.5h12.668Z",
1011
+ fill: "currentColor"
1012
+ }));
1013
+ };
1014
+
1015
+ IconBook.displayName = 'IconBook';
1016
+
1017
+ var IconBriefcase = function IconBriefcase(props) {
1018
+ return React__default.createElement("svg", Object.assign({
1019
+ viewBox: "0 0 20 20",
1020
+ fill: "none",
1021
+ xmlns: "http://www.w3.org/2000/svg",
1022
+ "data-testid": "icon-briefcase",
1023
+ style: getIconStyles(props)
1024
+ }, props), React__default.createElement("path", {
1025
+ d: "M18.125 5H13.75V2.187a.937.937 0 0 0-.938-.937H7.189a.937.937 0 0 0-.938.938V5H1.875C.839 5 0 5.84 0 6.875v10c0 1.035.84 1.875 1.875 1.875h16.25c1.035 0 1.875-.84 1.875-1.875v-10C20 5.839 19.16 5 18.125 5ZM7.5 2.5h5V5h-5V2.5Zm11.25 14.375c0 .345-.28.625-.625.625H1.875a.626.626 0 0 1-.625-.625V11.25H7.5v1.563c0 .517.42.937.938.937h3.124c.518 0 .938-.42.938-.938V11.25h6.25v5.625Zm-10-4.375v-1.25h2.5v1.25h-2.5Zm10-2.5H1.25V6.875c0-.345.28-.625.625-.625h16.25c.345 0 .625.28.625.625V10Z",
1026
+ fill: "currentColor"
1027
+ }));
1028
+ };
1029
+
1030
+ IconBriefcase.displayName = 'IconBriefcase';
1031
+
1032
+ var IconBullseyeArrow = function IconBullseyeArrow(props) {
1033
+ return React__default.createElement("svg", Object.assign({
1034
+ viewBox: "0 0 20 20",
1035
+ fill: "none",
1036
+ xmlns: "http://www.w3.org/2000/svg",
1037
+ "data-testid": "icon-bullseye-arrow",
1038
+ style: getIconStyles(props)
1039
+ }, props), React__default.createElement("path", {
1040
+ fillRule: "evenodd",
1041
+ clipRule: "evenodd",
1042
+ d: "m18.213 8.097 1.022-1.023A9.687 9.687 0 0 1 10 19.687 9.687 9.687 0 0 1 .312 10 9.687 9.687 0 0 1 12.927.764l-1.023 1.023A8.396 8.396 0 0 0 10 1.563c-4.652 0-8.438 3.785-8.438 8.437 0 4.652 3.786 8.438 8.438 8.438 4.652 0 8.438-3.786 8.438-8.438 0-.655-.083-1.29-.225-1.903Zm-5.985-4.24.936 2.095-3.606 3.606a.625.625 0 1 0 .883.884l3.607-3.607 2.094.936a.803.803 0 0 0 .822-.194l2.488-2.487a.803.803 0 0 0-.315-1.33l-2.174-.724L16.24.862a.799.799 0 0 0-1.33-.314l-2.486 2.487a.804.804 0 0 0-.194.822Zm3.054-1.914.496 1.488.198.593.593.198 1.488.496-1.755 1.755-1.918-.857-.856-1.917 1.754-1.756Zm-4.239 2.309a2.072 2.072 0 0 1-.105-.564l-.06-.01A5.961 5.961 0 0 0 10 3.595 6.403 6.403 0 0 0 3.594 10 6.403 6.403 0 0 0 10 16.406 6.403 6.403 0 0 0 16.406 10c0-.314-.045-.615-.09-.916l-.005-.036a2.048 2.048 0 0 1-.584-.098c-.004 0-.007-.002-.01-.003a5.308 5.308 0 0 1-.32-.14l-.457-.204c.126.447.216.91.216 1.397A5.162 5.162 0 0 1 10 15.156 5.162 5.162 0 0 1 4.844 10 5.162 5.162 0 0 1 10 4.844c.488 0 .95.09 1.397.217l-.201-.45c-.122-.273-.134-.3-.143-.328a.327.327 0 0 1-.01-.031ZM6.875 10A3.129 3.129 0 0 1 10 6.875c.125 0 .245.017.366.034l.064.01-1.756 1.755a1.877 1.877 0 0 0 1.325 3.2c.518.001.986-.21 1.326-.549l1.757-1.755.009.064c.017.12.034.241.034.366A3.129 3.129 0 0 1 10 13.125 3.129 3.129 0 0 1 6.875 10Z",
1043
+ fill: "currentColor"
1044
+ }));
1045
+ };
1046
+
1047
+ IconBullseyeArrow.displayName = 'IconBullseyeArrow';
1048
+
1049
+ var IconCalculator = function IconCalculator(props) {
1050
+ return React__default.createElement("svg", Object.assign({
1051
+ viewBox: "0 0 20 20",
1052
+ fill: "none",
1053
+ xmlns: "http://www.w3.org/2000/svg",
1054
+ "data-testid": "icon-calculator",
1055
+ style: getIconStyles(props)
1056
+ }, props), React__default.createElement("path", {
1057
+ fillRule: "evenodd",
1058
+ clipRule: "evenodd",
1059
+ d: "M3.125 0h13.75c1 0 1.875.875 1.875 1.875v16.25c0 1-.875 1.875-1.875 1.875H3.125c-1 0-1.875-.875-1.875-1.875V1.875C1.25.875 2.125 0 3.125 0Zm1.25 17.5h11.25c.345 0 .625-.28.625-.625v-7.5a.625.625 0 0 0-.625-.625H4.375a.625.625 0 0 0-.625.625v7.5c0 .345.28.625.625.625Zm8.125-3.75V10H15v6.25h-2.5v-2.5ZM11.25 10h-2.5v2.5h2.5V10Zm-2.5 3.75h2.5v2.5h-2.5v-2.5ZM7.5 10H5v2.5h2.5V10ZM5 13.75h2.5v2.5H5v-2.5Zm12.5 4.375c0 .31-.315.625-.625.625H3.125c-.31 0-.625-.315-.625-.625V7.5h15v10.625ZM2.5 6.25h15V1.875c0-.31-.315-.625-.625-.625H3.125c-.31 0-.625.315-.625.625V6.25Z",
1060
+ fill: "currentColor"
1061
+ }));
1062
+ };
1063
+
1064
+ IconCalculator.displayName = 'IconCalculator';
1065
+
1066
+ var IconCalendarAlt = function IconCalendarAlt(props) {
1067
+ return React__default.createElement("svg", Object.assign({
1068
+ viewBox: "0 0 20 20",
1069
+ fill: "none",
1070
+ xmlns: "http://www.w3.org/2000/svg",
1071
+ "data-testid": "icon-calendar-alt",
1072
+ style: getIconStyles(props)
1073
+ }, props), React__default.createElement("path", {
1074
+ fillRule: "evenodd",
1075
+ clipRule: "evenodd",
1076
+ d: "M17.292 2.5h-1.875V.469A.47.47 0 0 0 14.948 0h-.312a.47.47 0 0 0-.469.469V2.5h-7.5V.469A.47.47 0 0 0 6.198 0h-.312a.47.47 0 0 0-.469.469V2.5H3.542c-1.035 0-1.875.84-1.875 1.875v13.75c0 1.035.84 1.875 1.875 1.875h13.75c1.035 0 1.875-.84 1.875-1.875V4.375c0-1.035-.84-1.875-1.875-1.875ZM3.542 3.75h13.75c.344 0 .625.281.625.625V6.25h-15V4.375c0-.344.281-.625.625-.625Zm0 15h13.75a.627.627 0 0 0 .625-.625V7.5h-15v10.625c0 .344.281.625.625.625Zm3.906-6.25H5.886a.47.47 0 0 1-.469-.469V10.47A.47.47 0 0 1 5.886 10h1.562a.47.47 0 0 1 .469.469v1.562a.47.47 0 0 1-.469.469Zm2.188 0h1.562a.47.47 0 0 0 .469-.469V10.47a.47.47 0 0 0-.469-.469H9.636a.47.47 0 0 0-.469.469v1.562c0 .258.21.469.469.469Zm5.312 0h-1.562a.47.47 0 0 1-.469-.469V10.47a.47.47 0 0 1 .469-.469h1.562a.47.47 0 0 1 .469.469v1.562a.47.47 0 0 1-.469.469Zm-5.312 3.75h1.562a.47.47 0 0 0 .469-.469V14.22a.47.47 0 0 0-.469-.469H9.636a.47.47 0 0 0-.469.469v1.562c0 .258.21.469.469.469Zm-2.188 0H5.886a.47.47 0 0 1-.469-.469V14.22a.47.47 0 0 1 .469-.469h1.562a.47.47 0 0 1 .469.469v1.562a.47.47 0 0 1-.469.469Zm5.938 0h1.562a.47.47 0 0 0 .469-.469V14.22a.47.47 0 0 0-.469-.469h-1.562a.47.47 0 0 0-.469.469v1.562c0 .258.21.469.469.469Z",
1077
+ fill: "currentColor"
1078
+ }));
1079
+ };
1080
+
1081
+ IconCalendarAlt.displayName = 'IconCalendarAlt';
1082
+
1083
+ var IconCalendarCheck = function IconCalendarCheck(props) {
1084
+ return React__default.createElement("svg", Object.assign({
1085
+ viewBox: "0 0 20 20",
1086
+ fill: "none",
1087
+ xmlns: "http://www.w3.org/2000/svg",
1088
+ "data-testid": "icon-calendar-check",
1089
+ style: getIconStyles(props)
1090
+ }, props), React__default.createElement("path", {
1091
+ fillRule: "evenodd",
1092
+ clipRule: "evenodd",
1093
+ d: "M15 2.5h1.875c1.035 0 1.875.84 1.875 1.875v13.75c0 1.035-.84 1.875-1.875 1.875H3.125a1.875 1.875 0 0 1-1.875-1.875V4.375c0-1.036.84-1.875 1.875-1.875H5V.469C5 .209 5.21 0 5.469 0h.312c.26 0 .469.21.469.469V2.5h7.5V.469c0-.26.21-.469.469-.469h.312c.26 0 .469.21.469.469V2.5Zm1.875 1.25H3.125a.626.626 0 0 0-.625.625V6.25h15V4.375a.626.626 0 0 0-.625-.625Zm0 15H3.125a.626.626 0 0 1-.625-.625V7.5h15v10.625c0 .345-.28.625-.625.625Zm-7.862-2.392 5.266-5.223a.47.47 0 0 0 .002-.663l-.33-.333a.469.469 0 0 0-.664-.003l-4.6 4.564-1.97-1.976a.47.47 0 0 0-.664 0l-.332.33a.47.47 0 0 0-.001.664l2.63 2.639a.469.469 0 0 0 .663.001Z",
1094
+ fill: "currentColor"
1095
+ }));
1096
+ };
1097
+
1098
+ IconCalendarCheck.displayName = 'IconCalendarCheck';
1099
+
1100
+ var IconCalendarDay = function IconCalendarDay(props) {
1101
+ return React__default.createElement("svg", Object.assign({
1102
+ viewBox: "0 0 20 20",
1103
+ fill: "none",
1104
+ xmlns: "http://www.w3.org/2000/svg",
1105
+ "data-testid": "icon-calendar-day",
1106
+ style: getIconStyles(props)
1107
+ }, props), React__default.createElement("g", {
1108
+ clipPath: "url(#icon-calendar-day_svg__a)"
1109
+ }, React__default.createElement("path", {
1110
+ d: "M16.625 2.5H14.75V.312A.313.313 0 0 0 14.437 0h-.624a.313.313 0 0 0-.313.313V2.5H6V.312A.313.313 0 0 0 5.687 0h-.625a.313.313 0 0 0-.312.313V2.5H2.875C1.84 2.5 1 3.34 1 4.375v13.75C1 19.16 1.84 20 2.875 20h13.75c1.035 0 1.875-.84 1.875-1.875V4.375c0-1.035-.84-1.875-1.875-1.875Zm.625 15.625a.627.627 0 0 1-.625.625H2.875a.627.627 0 0 1-.625-.625V7.5h15v10.625Zm0-11.875h-15V4.375c0-.344.281-.625.625-.625h13.75c.344 0 .625.281.625.625V6.25ZM5.375 15h3.75a.627.627 0 0 0 .625-.625v-3.75A.627.627 0 0 0 9.125 10h-3.75a.627.627 0 0 0-.625.625v3.75c0 .344.281.625.625.625ZM6 11.25h2.5v2.5H6v-2.5Z",
1111
+ fill: "currentColor"
1112
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
1113
+ id: "icon-calendar-day_svg__a"
1114
+ }, React__default.createElement("path", {
1115
+ fill: "#fff",
1116
+ transform: "translate(1)",
1117
+ d: "M0 0h17.5v20H0z"
1118
+ }))));
1119
+ };
1120
+
1121
+ IconCalendarDay.displayName = 'IconCalendarDay';
1122
+
1123
+ var IconCalendarExclamation = function IconCalendarExclamation(props) {
1124
+ return React__default.createElement("svg", Object.assign({
1125
+ viewBox: "0 0 20 20",
1126
+ fill: "none",
1127
+ xmlns: "http://www.w3.org/2000/svg",
1128
+ "data-testid": "icon-calendar-exclamation",
1129
+ style: getIconStyles(props)
1130
+ }, props), React__default.createElement("path", {
1131
+ d: "M17.857 2.5h-2.143V.469c0-.258-.24-.469-.535-.469h-.358c-.294 0-.535.21-.535.469V2.5H5.714V.469C5.714.21 5.474 0 5.18 0H4.82c-.294 0-.535.21-.535.469V2.5H2.143C.96 2.5 0 3.34 0 4.375v13.75C0 19.16.96 20 2.143 20h15.714C19.04 20 20 19.16 20 18.125V4.375C20 3.34 19.04 2.5 17.857 2.5ZM2.143 3.75h15.714c.393 0 .714.281.714.625V6.25H1.43V4.375c0-.344.321-.625.714-.625Zm15.714 15H2.143c-.393 0-.714-.281-.714-.625V7.5H18.57v10.625c0 .344-.321.625-.714.625Zm-8.361-10h1.008c.309 0 .554.227.536.496l-.299 4.688c-.018.25-.25.441-.536.441H9.79c-.286 0-.518-.195-.536-.441l-.299-4.688c-.013-.27.232-.496.54-.496Zm1.754 7.5c0 .605-.558 1.094-1.25 1.094s-1.25-.489-1.25-1.094c0-.605.558-1.094 1.25-1.094s1.25.489 1.25 1.094Z",
1132
+ fill: "currentColor"
1133
+ }));
1134
+ };
1135
+
1136
+ IconCalendarExclamation.displayName = 'IconCalendarExclamation';
1137
+
1138
+ var IconCalendarTomorrow = function IconCalendarTomorrow(props) {
1139
+ return React__default.createElement("svg", Object.assign({
1140
+ viewBox: "0 0 20 20",
1141
+ fill: "none",
1142
+ xmlns: "http://www.w3.org/2000/svg",
1143
+ "data-testid": "icon-calendar-tomorrow",
1144
+ style: getIconStyles(props)
1145
+ }, props), React__default.createElement("g", {
1146
+ clipPath: "url(#icon-calendar-tomorrow_svg__a)",
1147
+ fill: "currentColor"
1148
+ }, React__default.createElement("path", {
1149
+ d: "M16.625 2.5H14.75V.312A.313.313 0 0 0 14.437 0h-.624a.313.313 0 0 0-.313.313V2.5H6V.312A.313.313 0 0 0 5.687 0h-.625a.313.313 0 0 0-.312.313V2.5H2.875C1.84 2.5 1 3.34 1 4.375v13.75C1 19.16 1.84 20 2.875 20h13.75c1.035 0 1.875-.84 1.875-1.875V4.375c0-1.035-.84-1.875-1.875-1.875Zm.625 15.625a.627.627 0 0 1-.625.625H2.875a.627.627 0 0 1-.625-.625V7.5h15v10.625Zm0-11.875h-15V4.375c0-.344.281-.625.625-.625h13.75c.344 0 .625.281.625.625V6.25ZM11.375 15h3.75a.627.627 0 0 0 .625-.625v-3.75a.627.627 0 0 0-.625-.625h-3.75a.627.627 0 0 0-.625.625v3.75c0 .344.281.625.625.625ZM12 11.25h2.5v2.5H12v-2.5Z"
1150
+ }), React__default.createElement("path", {
1151
+ d: "M8.125 15h-3.75a.627.627 0 0 1-.625-.625v-3.75c0-.344.281-.625.625-.625h3.75c.344 0 .625.281.625.625v3.75a.627.627 0 0 1-.625.625Z"
1152
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
1153
+ id: "icon-calendar-tomorrow_svg__a"
1154
+ }, React__default.createElement("path", {
1155
+ fill: "#fff",
1156
+ transform: "translate(1)",
1157
+ d: "M0 0h17.5v20H0z"
1158
+ }))));
1159
+ };
1160
+
1161
+ IconCalendarTomorrow.displayName = 'IconCalendarTomorrow';
1162
+
1163
+ var IconCalendar = function IconCalendar(props) {
1164
+ return React__default.createElement("svg", Object.assign({
1165
+ viewBox: "0 0 20 20",
1166
+ fill: "none",
1167
+ xmlns: "http://www.w3.org/2000/svg",
1168
+ "data-testid": "icon-calendar",
1169
+ style: getIconStyles(props)
1170
+ }, props), React__default.createElement("path", {
1171
+ fillRule: "evenodd",
1172
+ clipRule: "evenodd",
1173
+ d: "M16.875 2.5H15V.469A.469.469 0 0 0 14.531 0h-.312a.469.469 0 0 0-.469.469V2.5h-7.5V.469A.469.469 0 0 0 5.781 0H5.47A.469.469 0 0 0 5 .469V2.5H3.125c-1.036 0-1.875.84-1.875 1.875v13.75C1.25 19.16 2.09 20 3.125 20h13.75c1.035 0 1.875-.84 1.875-1.875V4.375c0-1.036-.84-1.875-1.875-1.875ZM3.125 3.75h13.75c.345 0 .625.28.625.625V6.25h-15V4.375c0-.345.28-.625.625-.625Zm0 15h13.75c.345 0 .625-.28.625-.625V7.5h-15v10.625c0 .345.28.625.625.625Z",
1174
+ fill: "currentColor"
1175
+ }));
1176
+ };
1177
+
1178
+ IconCalendar.displayName = 'IconCalendar';
1179
+
1180
+ var IconCameraSlash = function IconCameraSlash(props) {
1181
+ return React__default.createElement("svg", Object.assign({
1182
+ viewBox: "0 0 20 20",
1183
+ fill: "none",
1184
+ xmlns: "http://www.w3.org/2000/svg",
1185
+ "data-testid": "icon-camera-slash",
1186
+ style: getIconStyles(props)
1187
+ }, props), React__default.createElement("path", {
1188
+ d: "m19.905 17.838-1.975-1.702V5.766c0-.906-.671-1.641-1.5-1.641h-2.75l-.446-1.3c-.182-.536-.647-.888-1.17-.888H7.972c-.625 0-1.184.424-1.403 1.063L6.18 4.125H3.984L.718 1.312a.232.232 0 0 0-.35.04l-.313.428a.289.289 0 0 0 .038.383L7.009 8.12c-.004.003-.004.006-.007.006l.788.677c.003-.003.003-.007.006-.007l4.319 3.72c-.003.003-.003.006-.006.006l.787.677c.003-.003.003-.007.006-.007l6.382 5.496c.109.096.265.076.35-.04l.312-.428a.29.29 0 0 0-.04-.383ZM8.572 8.073c.4-.253.866-.397 1.36-.397 1.515 0 2.75 1.35 2.75 3.008 0 .29-.038.571-.11.834l-4-3.445Zm1.36-1.487c-.82 0-1.576.287-2.191.772l-2.485-2.14h1.622l.628-1.832a.505.505 0 0 1 .47-.355h4.093c.103 0 .197.072.234.178l.691 2.01h3.44c.276 0 .5.246.5.547v9.509l-3.527-3.039a4.437 4.437 0 0 0 .278-1.548c-.003-2.263-1.685-4.102-3.754-4.102ZM3.43 16.153c-.274 0-.5-.246-.5-.547V6.005l-1-.79v10.388c0 .906.673 1.64 1.5 1.64h12.55l-1.268-1.093H3.431v.003Z",
1189
+ fill: "currentColor"
1190
+ }), React__default.createElement("path", {
1191
+ d: "M6.487 9.072a4.438 4.438 0 0 0-.303 1.617c0 2.263 1.68 4.102 3.75 4.102.84 0 1.618-.305 2.243-.817l-.825-.711a2.57 2.57 0 0 1-1.418.434c-1.516 0-2.75-1.35-2.75-3.008 0-.314.043-.622.128-.906l-.825-.71Z",
1192
+ fill: "currentColor"
1193
+ }));
1194
+ };
1195
+
1196
+ IconCameraSlash.displayName = 'IconCameraSlash';
1197
+
1198
+ var IconCamera = function IconCamera(props) {
1199
+ return React__default.createElement("svg", Object.assign({
1200
+ viewBox: "0 0 20 20",
1201
+ fill: "none",
1202
+ xmlns: "http://www.w3.org/2000/svg",
1203
+ "data-testid": "icon-camera",
1204
+ style: getIconStyles(props)
1205
+ }, props), React__default.createElement("path", {
1206
+ d: "M12.668 2.5c.129 0 .246.082.293.203L13.824 5h4.301c.344 0 .625.281.625.625v11.25a.627.627 0 0 1-.625.625H1.875a.627.627 0 0 1-.625-.625V5.625c0-.344.281-.625.625-.625H6.18l.785-2.094A.626.626 0 0 1 7.55 2.5h5.117Zm0-1.25H7.551c-.781 0-1.48.484-1.754 1.215L5.313 3.75H1.874C.84 3.75 0 4.59 0 5.625v11.25c0 1.035.84 1.875 1.875 1.875h16.25c1.035 0 1.875-.84 1.875-1.875V5.625c0-1.035-.84-1.875-1.875-1.875h-3.438l-.558-1.484a1.553 1.553 0 0 0-1.461-1.016ZM10 15.938a4.691 4.691 0 0 1-4.688-4.688A4.691 4.691 0 0 1 10 6.562a4.691 4.691 0 0 1 4.688 4.688A4.691 4.691 0 0 1 10 15.938Zm0-8.126a3.443 3.443 0 0 0-3.438 3.438A3.443 3.443 0 0 0 10 14.688a3.443 3.443 0 0 0 3.438-3.438A3.443 3.443 0 0 0 10 7.812Z",
1207
+ fill: "currentColor"
1208
+ }));
1209
+ };
1210
+
1211
+ IconCamera.displayName = 'IconCamera';
1212
+
1213
+ var IconCashRegister = function IconCashRegister(props) {
1214
+ return React__default.createElement("svg", Object.assign({
1215
+ viewBox: "0 0 20 20",
1216
+ fill: "none",
1217
+ xmlns: "http://www.w3.org/2000/svg",
1218
+ "data-testid": "icon-cash-register",
1219
+ style: getIconStyles(props)
1220
+ }, props), React__default.createElement("path", {
1221
+ d: "M9.063 9.688a.627.627 0 0 0-.626-.626h-.624a.627.627 0 0 0-.625.626v.624c0 .344.28.626.625.626h.625a.627.627 0 0 0 .624-.626v-.624Zm-3.75 0a.627.627 0 0 0-.625-.626h-.625a.627.627 0 0 0-.625.626v.624c0 .344.28.626.624.626h.625a.627.627 0 0 0 .625-.626v-.624Zm1.25 1.874h-.625a.627.627 0 0 0-.625.626v.624c0 .344.28.626.625.626h.625a.627.627 0 0 0 .625-.626v-.624a.627.627 0 0 0-.625-.626Zm3.75 0h-.626a.627.627 0 0 0-.624.626v.624c0 .344.28.626.624.626h.626a.627.627 0 0 0 .624-.626v-.624a.627.627 0 0 0-.624-.626Zm2.5-1.874a.627.627 0 0 0-.626-.626h-.624a.627.627 0 0 0-.626.626v.624c0 .344.282.626.626.626h.624a.627.627 0 0 0 .626-.626v-.624Zm7.164 5.136L18.98 7.86a1.876 1.876 0 0 0-1.855-1.609H7.5v-2.5h3.125a.627.627 0 0 0 .625-.625v-2.5A.627.627 0 0 0 10.625 0h-7.5A.627.627 0 0 0 2.5.625v2.5c0 .344.281.625.625.625H6.25v2.5H2.875c-.934 0-1.723.688-1.855 1.61l-.997 6.964A2.673 2.673 0 0 0 0 15.18v2.945C0 19.16.84 20 1.875 20h16.25C19.16 20 20 19.16 20 18.125v-2.95c0-.116-.008-.234-.023-.35ZM3.75 2.5V1.25H10V2.5H3.75ZM2.258 8.035a.626.626 0 0 1 .617-.535h14.246c.309 0 .574.23.617.535l1 6.965H1.262l.996-6.965Zm16.492 10.09a.627.627 0 0 1-.625.625H1.875a.627.627 0 0 1-.625-.625V16.25h17.5v1.875Zm-2.813-9.063h-.624a.627.627 0 0 0-.626.626v.624c0 .344.282.626.626.626h.624a.627.627 0 0 0 .626-.626v-.624a.627.627 0 0 0-.625-.626Zm-1.874 2.5h-.626a.627.627 0 0 0-.624.626v.624c0 .344.28.626.624.626h.626a.627.627 0 0 0 .624-.626v-.624a.627.627 0 0 0-.624-.626Z",
1222
+ fill: "currentColor"
1223
+ }));
1224
+ };
1225
+
1226
+ IconCashRegister.displayName = 'IconCashRegister';
1227
+
1228
+ var IconChartBar = function IconChartBar(props) {
1229
+ return React__default.createElement("svg", Object.assign({
1230
+ viewBox: "0 0 20 20",
1231
+ fill: "none",
1232
+ xmlns: "http://www.w3.org/2000/svg",
1233
+ "data-testid": "icon-chart-bar",
1234
+ style: getIconStyles(props)
1235
+ }, props), React__default.createElement("path", {
1236
+ fillRule: "evenodd",
1237
+ clipRule: "evenodd",
1238
+ d: "M1.25 16.25h18.438c.172 0 .312.14.312.313v.625c0 .172-.14.312-.313.312H.625A.625.625 0 0 1 0 16.875V2.812C0 2.64.14 2.5.313 2.5h.625c.172 0 .312.14.312.313V16.25Zm15.313-2.5h.625c.171 0 .312-.14.312-.313V4.063a.313.313 0 0 0-.313-.313h-.625a.313.313 0 0 0-.312.313v9.375c0 .171.14.312.313.312Zm-3.75 0h.624c.172 0 .313-.14.313-.313V7.814a.313.313 0 0 0-.313-.313h-.624a.313.313 0 0 0-.313.313v5.625c0 .171.14.312.313.312Zm-6.876 0h-.625A.313.313 0 0 1 5 13.437v-3.124c0-.172.14-.313.313-.313h.625c.171 0 .312.14.312.313v3.124c0 .172-.14.313-.313.313Zm3.125 0h.626c.171 0 .312-.14.312-.313V5.313A.313.313 0 0 0 9.687 5h-.624a.313.313 0 0 0-.313.313v8.125c0 .171.14.312.313.312Z",
1239
+ fill: "currentColor"
1240
+ }));
1241
+ };
1242
+
1243
+ IconChartBar.displayName = 'IconChartBar';
1244
+
1245
+ var IconCheck = function IconCheck(props) {
1246
+ return React__default.createElement("svg", Object.assign({
1247
+ viewBox: "0 0 20 20",
1248
+ fill: "none",
1249
+ xmlns: "http://www.w3.org/2000/svg",
1250
+ "data-testid": "icon-check",
1251
+ style: getIconStyles(props)
1252
+ }, props), React__default.createElement("path", {
1253
+ fillRule: "evenodd",
1254
+ clipRule: "evenodd",
1255
+ d: "M7.324 16.832a.827.827 0 0 1-1.169-.005L.24 10.864a.827.827 0 0 1 .004-1.169l.587-.582a.827.827 0 0 1 1.17.005l4.75 4.79L18.01 2.74a.827.827 0 0 1 1.17.004l.581.587a.826.826 0 0 1-.005 1.17L7.325 16.831Z",
1256
+ fill: "currentColor"
1257
+ }));
1258
+ };
1259
+
1260
+ IconCheck.displayName = 'IconCheck';
1261
+
1262
+ var IconChevronDown = function IconChevronDown(props) {
1263
+ return React__default.createElement("svg", Object.assign({
1264
+ viewBox: "0 0 20 20",
1265
+ fill: "none",
1266
+ xmlns: "http://www.w3.org/2000/svg",
1267
+ "data-testid": "icon-chevron-down",
1268
+ style: getIconStyles(props)
1269
+ }, props), React__default.createElement("path", {
1270
+ fillRule: "evenodd",
1271
+ clipRule: "evenodd",
1272
+ d: "M9.502 14.778 1.873 6.57a.783.783 0 0 1-.206-.537c0-.202.073-.393.206-.536l.256-.275a.671.671 0 0 1 .997 0L10 12.62l6.874-7.397A.676.676 0 0 1 17.374 5c.188 0 .365.079.498.222l.256.275a.787.787 0 0 1 .206.536.787.787 0 0 1-.206.537l-7.63 8.208a.67.67 0 0 1-.996 0Z",
1273
+ fill: "currentColor"
1274
+ }));
1275
+ };
1276
+
1277
+ IconChevronDown.displayName = 'IconChevronDown';
1278
+
1279
+ var IconChevronLeft = function IconChevronLeft(props) {
1280
+ return React__default.createElement("svg", Object.assign({
1281
+ viewBox: "0 0 20 20",
1282
+ fill: "none",
1283
+ xmlns: "http://www.w3.org/2000/svg",
1284
+ "data-testid": "icon-chevron-left",
1285
+ style: getIconStyles(props)
1286
+ }, props), React__default.createElement("path", {
1287
+ fillRule: "evenodd",
1288
+ clipRule: "evenodd",
1289
+ d: "m5.222 9.502 8.208-7.629a.783.783 0 0 1 .537-.206c.202 0 .393.073.536.206l.275.256a.671.671 0 0 1 0 .997L7.38 10l7.397 6.875c.143.133.222.31.222.498a.677.677 0 0 1-.222.499l-.275.255a.787.787 0 0 1-.536.206.787.787 0 0 1-.537-.206L5.222 10.5a.671.671 0 0 1 0-.997Z",
1290
+ fill: "currentColor"
1291
+ }));
1292
+ };
1293
+
1294
+ IconChevronLeft.displayName = 'IconChevronLeft';
1295
+
1296
+ var IconChevronRight = function IconChevronRight(props) {
1297
+ return React__default.createElement("svg", Object.assign({
1298
+ viewBox: "0 0 20 20",
1299
+ fill: "none",
1300
+ xmlns: "http://www.w3.org/2000/svg",
1301
+ "data-testid": "icon-chevron-right",
1302
+ style: getIconStyles(props)
1303
+ }, props), React__default.createElement("path", {
1304
+ fillRule: "evenodd",
1305
+ clipRule: "evenodd",
1306
+ d: "M14.778 10.498 6.57 18.127a.784.784 0 0 1-.537.206.784.784 0 0 1-.536-.206l-.275-.256a.671.671 0 0 1 0-.997L12.62 10 5.222 3.125A.676.676 0 0 1 5 2.627c0-.189.079-.366.222-.499l.275-.255a.787.787 0 0 1 .536-.206c.195 0 .389.068.537.206L14.778 9.5a.671.671 0 0 1 0 .997Z",
1307
+ fill: "currentColor"
1308
+ }));
1309
+ };
1310
+
1311
+ IconChevronRight.displayName = 'IconChevronRight';
1312
+
1313
+ var IconChevronUp = function IconChevronUp(props) {
1314
+ return React__default.createElement("svg", Object.assign({
1315
+ viewBox: "0 0 20 20",
1316
+ fill: "none",
1317
+ xmlns: "http://www.w3.org/2000/svg",
1318
+ "data-testid": "icon-chevron-up",
1319
+ style: getIconStyles(props)
1320
+ }, props), React__default.createElement("path", {
1321
+ fillRule: "evenodd",
1322
+ clipRule: "evenodd",
1323
+ d: "M9.502 5.222 1.873 13.43a.783.783 0 0 0-.206.537c0 .202.073.393.206.536l.256.275a.671.671 0 0 0 .997 0L10 7.38l6.874 7.397c.133.143.31.222.499.222a.676.676 0 0 0 .498-.222l.256-.275a.787.787 0 0 0 .206-.536.787.787 0 0 0-.206-.537l-7.63-8.208a.67.67 0 0 0-.996 0Z",
1324
+ fill: "currentColor"
1325
+ }));
1326
+ };
1327
+
1328
+ IconChevronUp.displayName = 'IconChevronUp';
1329
+
1330
+ var IconClipboardList = function IconClipboardList(props) {
1331
+ return React__default.createElement("svg", Object.assign({
1332
+ viewBox: "0 0 20 20",
1333
+ fill: "none",
1334
+ xmlns: "http://www.w3.org/2000/svg",
1335
+ "data-testid": "icon-clipboard-list",
1336
+ style: getIconStyles(props)
1337
+ }, props), React__default.createElement("path", {
1338
+ fillRule: "evenodd",
1339
+ clipRule: "evenodd",
1340
+ d: "M12.164 2.5h3.461c1.035 0 1.875.84 1.875 1.875v13.75c0 1.035-.84 1.875-1.875 1.875H4.375A1.875 1.875 0 0 1 2.5 18.125V4.375C2.5 3.34 3.34 2.5 4.375 2.5h3.46A2.189 2.189 0 0 1 10 0a2.189 2.189 0 0 1 2.165 2.5ZM5.938 10c0-.52.417-.938.937-.938s.938.418.938.938-.418.938-.938.938A.935.935 0 0 1 5.937 10Zm7.5-.625H9.061a.313.313 0 0 0-.312.313v.624c0 .172.14.313.313.313h4.374c.172 0 .313-.14.313-.313v-.624a.313.313 0 0 0-.313-.313Zm0 3.75H9.061a.313.313 0 0 0-.312.313v.624c0 .172.14.313.313.313h4.374c.172 0 .313-.14.313-.313v-.624a.313.313 0 0 0-.313-.313Zm-6.563-.313a.935.935 0 0 0-.938.938c0 .52.418.938.938.938s.938-.418.938-.938a.935.935 0 0 0-.938-.938ZM10 1.25c.52 0 .938.418.938.938 0 .519-.418.937-.938.937a.935.935 0 0 1-.938-.938c0-.519.418-.937.938-.937Zm5.625 17.5a.627.627 0 0 0 .625-.625V4.375a.627.627 0 0 0-.625-.625H13.75v.781a.47.47 0 0 1-.469.469H6.72a.47.47 0 0 1-.469-.469V3.75H4.375a.627.627 0 0 0-.625.625v13.75c0 .344.281.625.625.625h11.25Z",
1341
+ fill: "currentColor"
1342
+ }));
1343
+ };
1344
+
1345
+ IconClipboardList.displayName = 'IconClipboardList';
1346
+
1347
+ var IconClock = function IconClock(props) {
1348
+ return React__default.createElement("svg", Object.assign({
1349
+ viewBox: "0 0 20 20",
1350
+ fill: "none",
1351
+ xmlns: "http://www.w3.org/2000/svg",
1352
+ "data-testid": "icon-clock",
1353
+ style: getIconStyles(props)
1354
+ }, props), React__default.createElement("path", {
1355
+ d: "M10 .313A9.686 9.686 0 0 0 .312 10 9.686 9.686 0 0 0 10 19.688 9.686 9.686 0 0 0 19.688 10 9.686 9.686 0 0 0 10 .312ZM18.438 10c0 4.637-3.754 8.438-8.438 8.438-4.637 0-8.438-3.754-8.438-8.438 0-4.637 3.754-8.438 8.438-8.438 4.637 0 8.438 3.754 8.438 8.438Zm-5.817 3.45L9.45 11.144a.472.472 0 0 1-.191-.38V4.532a.47.47 0 0 1 .469-.468h.546a.47.47 0 0 1 .47.468v5.715l2.753 2.004c.211.152.254.445.102.656l-.32.442a.472.472 0 0 1-.657.101Z",
1356
+ fill: "currentColor"
1357
+ }));
1358
+ };
1359
+
1360
+ IconClock.displayName = 'IconClock';
1361
+
1362
+ var IconCog = function IconCog(props) {
1363
+ return React__default.createElement("svg", Object.assign({
1364
+ viewBox: "0 0 20 20",
1365
+ fill: "none",
1366
+ xmlns: "http://www.w3.org/2000/svg",
1367
+ "data-testid": "icon-cog",
1368
+ style: getIconStyles(props)
1369
+ }, props), React__default.createElement("path", {
1370
+ d: "m18.855 11.69-1.274-.735a7.63 7.63 0 0 0 0-1.91l1.274-.736a.935.935 0 0 0 .432-1.074 9.672 9.672 0 0 0-2.248-3.89.938.938 0 0 0-1.15-.167l-1.271.734a7.584 7.584 0 0 0-1.654-.956v-1.47a.938.938 0 0 0-.722-.912 9.756 9.756 0 0 0-4.484 0 .938.938 0 0 0-.722.912v1.47a7.582 7.582 0 0 0-1.654.956l-1.271-.734a.938.938 0 0 0-1.15.167 9.671 9.671 0 0 0-2.248 3.89.935.935 0 0 0 .432 1.074l1.273.736a7.624 7.624 0 0 0 0 1.91l-1.273.736a.935.935 0 0 0-.432 1.074 9.671 9.671 0 0 0 2.248 3.89.938.938 0 0 0 1.15.168l1.271-.735a7.58 7.58 0 0 0 1.654.956v1.47c0 .434.3.812.722.912a9.754 9.754 0 0 0 4.484 0 .938.938 0 0 0 .722-.912v-1.47a7.59 7.59 0 0 0 1.653-.956l1.272.735a.938.938 0 0 0 1.15-.168 9.672 9.672 0 0 0 2.248-3.89.935.935 0 0 0-.432-1.075Zm-2.558 3.925L14.49 14.57c-1.055.901-1.429 1.128-2.775 1.604v2.09a8.482 8.482 0 0 1-3.428 0v-2.09c-1.313-.464-1.693-.68-2.775-1.604l-1.809 1.045a8.437 8.437 0 0 1-1.716-2.967l1.81-1.045c-.255-1.383-.255-1.822 0-3.206l-1.81-1.045a8.444 8.444 0 0 1 1.716-2.967l1.81 1.045c1.069-.915 1.447-1.135 2.774-1.604v-2.09a8.468 8.468 0 0 1 3.428 0v2.09c1.327.469 1.705.689 2.775 1.604l1.808-1.045a8.444 8.444 0 0 1 1.716 2.967l-1.81 1.045c.256 1.384.256 1.822 0 3.206l1.81 1.045a8.438 8.438 0 0 1-1.716 2.967ZM10 6.25A3.754 3.754 0 0 0 6.25 10 3.754 3.754 0 0 0 10 13.75 3.754 3.754 0 0 0 13.75 10 3.754 3.754 0 0 0 10 6.25Zm0 6.25A2.503 2.503 0 0 1 7.5 10c0-1.379 1.121-2.5 2.5-2.5s2.5 1.121 2.5 2.5-1.121 2.5-2.5 2.5Z",
1371
+ fill: "currentColor"
1372
+ }));
1373
+ };
1374
+
1375
+ IconCog.displayName = 'IconCog';
1376
+
1377
+ var IconCommentLines = function IconCommentLines(props) {
1378
+ return React__default.createElement("svg", Object.assign({
1379
+ viewBox: "0 0 20 20",
1380
+ fill: "none",
1381
+ xmlns: "http://www.w3.org/2000/svg",
1382
+ "data-testid": "icon-comment-lines",
1383
+ style: getIconStyles(props)
1384
+ }, props), React__default.createElement("path", {
1385
+ fillRule: "evenodd",
1386
+ clipRule: "evenodd",
1387
+ d: "M.039 9.376c0-4.48 4.468-8.109 9.98-8.109 5.513 0 9.98 3.63 9.98 8.11 0 4.479-4.467 8.108-9.98 8.108-1.279 0-2.495-.202-3.625-.557-1.135.803-3.026 1.805-5.424 1.805a.936.936 0 0 1-.678-1.579c.02-.016 1.228-1.318 1.81-2.854C.814 12.932.038 11.232.038 9.376Zm18.713 0c0-3.781-3.918-6.861-8.733-6.861s-8.733 3.08-8.733 6.861c0 1.466.597 2.873 1.724 4.067l.534.569-.277.729c-.429 1.138-1.123 2.125-1.59 2.713 1.718-.167 3.102-.908 4-1.544l.506-.358.593.187c1.048.331 2.14.499 3.243.499 4.815 0 8.733-3.08 8.733-6.862Z",
1388
+ fill: "currentColor"
1389
+ }), React__default.createElement("path", {
1390
+ d: "M5.313 10.417h5.625c.171 0 .312.14.312.312v.625c0 .172-.14.313-.313.313H5.314A.313.313 0 0 1 5 11.354v-.625c0-.172.14-.312.313-.312ZM5.313 6.667h9.375c.171 0 .312.14.312.312v.625c0 .172-.14.313-.313.313H5.313A.313.313 0 0 1 5 7.604V6.98c0-.172.14-.312.313-.312Z",
1391
+ fill: "currentColor"
1392
+ }));
1393
+ };
1394
+
1395
+ IconCommentLines.displayName = 'IconCommentLines';
1396
+
1397
+ var IconComment = function IconComment(props) {
1398
+ return React__default.createElement("svg", Object.assign({
1399
+ viewBox: "0 0 20 20",
1400
+ fill: "none",
1401
+ xmlns: "http://www.w3.org/2000/svg",
1402
+ "data-testid": "icon-comment",
1403
+ style: getIconStyles(props)
1404
+ }, props), React__default.createElement("path", {
1405
+ fillRule: "evenodd",
1406
+ clipRule: "evenodd",
1407
+ d: "M.04 9.376c0-4.48 4.468-8.109 9.98-8.109 5.513 0 9.98 3.63 9.98 8.11 0 4.479-4.467 8.108-9.98 8.108-1.279 0-2.495-.202-3.626-.557-1.134.803-3.025 1.805-5.423 1.805a.936.936 0 0 1-.678-1.579c.02-.016 1.228-1.318 1.81-2.854C.815 12.932.04 11.232.04 9.376Zm18.713 0c0-3.781-3.918-6.861-8.733-6.861s-8.733 3.08-8.733 6.861c0 1.466.597 2.873 1.723 4.067l.535.569-.277.729c-.429 1.138-1.123 2.125-1.59 2.713 1.718-.167 3.102-.908 4-1.544l.506-.358.593.187c1.048.331 2.14.499 3.243.499 4.815 0 8.733-3.08 8.733-6.862Z",
1408
+ fill: "currentColor"
1409
+ }));
1410
+ };
1411
+
1412
+ IconComment.displayName = 'IconComment';
1413
+
1414
+ var IconCopy = function IconCopy(props) {
1415
+ return React__default.createElement("svg", Object.assign({
1416
+ viewBox: "0 0 20 20",
1417
+ fill: "none",
1418
+ xmlns: "http://www.w3.org/2000/svg",
1419
+ "data-testid": "icon-copy",
1420
+ style: getIconStyles(props)
1421
+ }, props), React__default.createElement("g", {
1422
+ clipPath: "url(#icon-copy_svg__a)"
1423
+ }, React__default.createElement("path", {
1424
+ d: "M19.372 2.576 17.056.549A2.308 2.308 0 0 0 15.541 0H7.857C6.674 0 5.714.84 5.714 1.875V3.75H2.143C.959 3.75 0 4.59 0 5.625v12.5C0 19.16.96 20 2.143 20h10c1.183 0 2.143-.84 2.143-1.875V16.25h3.571c1.184 0 2.143-.84 2.143-1.875V3.902c0-.498-.226-.975-.628-1.326Zm-3.658-1.307a.74.74 0 0 1 .332.164l2.316 2.027c.092.08.157.18.188.29h-2.836V1.27Zm-2.857 16.856c0 .345-.32.625-.714.625h-10c-.394 0-.714-.28-.714-.625v-12.5c0-.345.32-.625.714-.625h3.571v9.375c0 1.036.96 1.875 2.143 1.875h5v1.875Zm5.714-3.75c0 .345-.32.625-.714.625h-10c-.394 0-.714-.28-.714-.625v-12.5c0-.345.32-.625.714-.625h6.429v2.813c0 .515.482.937 1.071.937h3.214v9.375Z",
1425
+ fill: "currentColor"
1426
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
1427
+ id: "icon-copy_svg__a"
1428
+ }, React__default.createElement("path", {
1429
+ fill: "#fff",
1430
+ d: "M0 0h20v20H0z"
1431
+ }))));
1432
+ };
1433
+
1434
+ IconCopy.displayName = 'IconCopy';
1435
+
1436
+ var IconCreditCardPlus = function IconCreditCardPlus(props) {
1437
+ return React__default.createElement("svg", Object.assign({
1438
+ viewBox: "0 0 20 20",
1439
+ fill: "none",
1440
+ xmlns: "http://www.w3.org/2000/svg",
1441
+ "data-testid": "icon-credit-card-plus",
1442
+ style: getIconStyles(props)
1443
+ }, props), React__default.createElement("g", {
1444
+ clipPath: "url(#icon-credit-card-plus_svg__a)"
1445
+ }, React__default.createElement("path", {
1446
+ fillRule: "evenodd",
1447
+ clipRule: "evenodd",
1448
+ d: "M5.074 3.12a1.017 1.017 0 0 0-.782.678c-.055.153-.054.135-.054 2.483v2.23H2.59c-1.077 0-1.681.005-1.746.014-.43.057-.775.395-.854.836-.027.15-.027 6.53 0 6.682.077.44.431.787.855.838.065.007 1.964.01 5.217.008l5.115-.003.101-.034c.326-.112.559-.345.672-.676.05-.144.05-.21.051-2.476v-2.218l1.721-.003 1.721-.004.1-.034c.384-.13.662-.462.712-.845.016-.12.016-6.461 0-6.597a1.02 1.02 0 0 0-.837-.88c-.163-.026-10.19-.025-10.344 0Zm13.307.465v.485h-.943v.641h.943v.969h.63v-.969h.931V4.07h-.931V3.1h-.63v.484Zm-3.24.604c.118.073.12.081.12.575v.426H5.23l.004-.419c.005-.472.01-.497.105-.57.072-.055-.124-.053 4.946-.051l4.795.001.061.038Zm.12 4.314v1.741l-.03.056a.32.32 0 0 1-.082.093l-.054.037-1.547.004-1.546.003v-.462c0-.51-.009-.623-.055-.757-.132-.376-.428-.633-.795-.689-.094-.014-.61-.017-3.017-.017H5.232v-.867c0-.476.004-.87.008-.874a754.34 754.34 0 0 1 5.015-.009h5.006v1.741Zm-9.023-.426v.258h4.518V7.82H6.238v.258Zm6.519 0v.258h1.51V7.82h-1.51v.258ZM10.876 9.6c.117.073.119.08.119.575v.425H.964l.004-.418c.005-.473.01-.497.105-.57.072-.055-.124-.053 4.946-.051l4.796.001.06.038Zm.116 4.328-.003 1.754-.038.054a.319.319 0 0 1-.093.082l-.056.03H5.988c-4.654 0-4.816-.002-4.865-.024a.242.242 0 0 1-.128-.134c-.022-.048-.044-3.446-.023-3.5.005-.014.984-.017 5.014-.017h5.01l-.004 1.755Zm-9.02-.44v.258H6.49v-.516H1.973v.258Zm6.519 0v.258H10v-.516H8.49v.258Zm-6.515 1.048.003.261 1.5.003 1.501.003v-.528H1.972l.004.26Z",
1449
+ fill: "currentColor"
1450
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
1451
+ id: "icon-credit-card-plus_svg__a"
1452
+ }, React__default.createElement("path", {
1453
+ fill: "#fff",
1454
+ d: "M0 0h20v20H0z"
1455
+ }))));
1456
+ };
1457
+
1458
+ IconCreditCardPlus.displayName = 'IconCreditCardPlus';
1459
+
1460
+ var IconCreditCard = function IconCreditCard(props) {
1461
+ return React__default.createElement("svg", Object.assign({
1462
+ viewBox: "0 0 20 20",
1463
+ fill: "none",
1464
+ xmlns: "http://www.w3.org/2000/svg",
1465
+ "data-testid": "icon-credit-card",
1466
+ style: getIconStyles(props)
1467
+ }, props), React__default.createElement("g", {
1468
+ clipPath: "url(#icon-credit-card_svg__a)"
1469
+ }, React__default.createElement("path", {
1470
+ d: "M18.333 2.21H1.667C.747 2.21 0 2.956 0 3.877v12.222c0 .92.747 1.666 1.667 1.666h16.666c.92 0 1.667-.746 1.667-1.666V3.877c0-.92-.747-1.667-1.667-1.667ZM1.667 3.321h16.666c.306 0 .556.25.556.556v1.666H1.11V3.877c0-.306.25-.556.556-.556Zm16.666 13.333H1.667a.557.557 0 0 1-.556-.555V8.877H18.89v7.222c0 .305-.25.555-.556.555ZM6.667 13.738v.277c0 .23-.188.417-.417.417h-2.5a.418.418 0 0 1-.417-.417v-.277c0-.23.188-.417.417-.417h2.5c.23 0 .417.188.417.417Zm6.666 0v.277c0 .23-.187.417-.416.417H8.194a.418.418 0 0 1-.416-.417v-.277c0-.23.187-.417.416-.417h4.723c.229 0 .416.188.416.417Z",
1471
+ fill: "currentColor"
1472
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
1473
+ id: "icon-credit-card_svg__a"
1474
+ }, React__default.createElement("path", {
1475
+ fill: "#fff",
1476
+ d: "M0 0h20v20H0z"
1477
+ }))));
1478
+ };
1479
+
1480
+ IconCreditCard.displayName = 'IconCreditCard';
1481
+
1482
+ var IconDownload = function IconDownload(props) {
1483
+ return React__default.createElement("svg", Object.assign({
1484
+ viewBox: "0 0 20 20",
1485
+ fill: "none",
1486
+ xmlns: "http://www.w3.org/2000/svg",
1487
+ "data-testid": "icon-download",
1488
+ style: getIconStyles(props)
1489
+ }, props), React__default.createElement("path", {
1490
+ fillRule: "evenodd",
1491
+ clipRule: "evenodd",
1492
+ d: "M18.281 20c.95 0 1.719-.77 1.719-1.719V14.22c0-.95-.77-1.719-1.719-1.719h-3.883l2.204-2.203c.98-.985.285-2.668-1.106-2.668h-2.059V1.563C13.438.699 12.739 0 11.876 0h-3.75c-.863 0-1.563.7-1.563 1.563v6.066H4.505c-1.39 0-2.09 1.684-1.106 2.668L5.602 12.5H1.719C.769 12.5 0 13.27 0 14.219v4.062C0 19.231.77 20 1.719 20H18.28Zm-3.906-3.906a.783.783 0 0 0-.781.781c0 .43.351.781.781.781.43 0 .781-.351.781-.781a.783.783 0 0 0-.781-.781Zm3.281.781c0 .43-.351.781-.781.781a.783.783 0 0 1-.781-.781c0-.43.351-.781.781-.781.43 0 .781.351.781.781ZM9.777 14.91c.121.121.32.121.442 0l5.496-5.496a.314.314 0 0 0-.223-.535h-3.305V1.563a.313.313 0 0 0-.312-.313h-3.75a.313.313 0 0 0-.313.313v7.316H4.504a.315.315 0 0 0-.223.535l5.496 5.496Zm8.504-1.16a.47.47 0 0 1 .469.469v4.062a.47.47 0 0 1-.469.469H1.72a.47.47 0 0 1-.469-.469V14.22a.47.47 0 0 1 .469-.469h5.133l2.043 2.043c.609.61 1.601.61 2.21 0l2.043-2.043h5.133Z",
1493
+ fill: "currentColor"
1494
+ }));
1495
+ };
1496
+
1497
+ IconDownload.displayName = 'IconDownload';
1498
+
1499
+ var IconEdit = function IconEdit(props) {
1500
+ return React__default.createElement("svg", Object.assign({
1501
+ viewBox: "0 0 20 20",
1502
+ fill: "none",
1503
+ xmlns: "http://www.w3.org/2000/svg",
1504
+ "data-testid": "icon-edit",
1505
+ style: getIconStyles(props)
1506
+ }, props), React__default.createElement("path", {
1507
+ d: "m14.507 12.092.694-.703a.207.207 0 0 1 .355.147v5.777c0 .931-.747 1.687-1.667 1.687H1.667C.747 19 0 18.244 0 17.312V4.938C0 4.006.747 3.25 1.667 3.25h10.149c.184 0 .278.229.146.359l-.695.703a.213.213 0 0 1-.146.063H1.667a.56.56 0 0 0-.556.563v12.375c0 .309.25.562.556.562h12.222a.56.56 0 0 0 .555-.563V12.24c0-.056.021-.109.063-.147Zm5.066-6.722L8.723 16.356l-3.47.39a.733.733 0 0 1-.805-.815l.385-3.512L15.684 1.432a1.446 1.446 0 0 1 2.063 0l1.826 1.85a1.49 1.49 0 0 1 0 2.088Zm-3.25 1.701-2.316-2.344-8.111 8.208-.288 2.64 2.607-.291 8.108-8.213Zm2.465-2.995-1.826-1.849a.343.343 0 0 0-.49 0l-1.68 1.702 2.316 2.344 1.68-1.701a.353.353 0 0 0 0-.496Z",
1508
+ fill: "currentColor"
1509
+ }));
1510
+ };
1511
+
1512
+ IconEdit.displayName = 'IconEdit';
1513
+
1514
+ var IconEllipsisV = function IconEllipsisV(props) {
1515
+ return React__default.createElement("svg", Object.assign({
1516
+ viewBox: "0 0 20 20",
1517
+ fill: "none",
1518
+ xmlns: "http://www.w3.org/2000/svg",
1519
+ "data-testid": "icon-ellipsis-v",
1520
+ style: getIconStyles(props)
1521
+ }, props), React__default.createElement("path", {
1522
+ fillRule: "evenodd",
1523
+ clipRule: "evenodd",
1524
+ d: "M8 2.188C8 3.34 8.892 4.27 9.997 4.27c1.104 0 1.996-.931 1.996-2.083 0-1.153-.892-2.084-1.996-2.084C8.892.104 8 1.035 8 2.188Zm1.997 5.729c1.104 0 1.996.93 1.996 2.083 0 1.152-.892 2.083-1.996 2.083C8.892 12.083 8 11.153 8 10c0-1.152.892-2.083 1.997-2.083Zm0 11.979C8.892 19.896 8 18.965 8 17.813c0-1.153.892-2.084 1.997-2.084 1.104 0 1.996.931 1.996 2.084 0 1.152-.892 2.083-1.996 2.083Z",
1525
+ fill: "currentColor"
1526
+ }));
1527
+ };
1528
+
1529
+ IconEllipsisV.displayName = 'IconEllipsisV';
1530
+
1531
+ var IconEnvelope = function IconEnvelope(props) {
1532
+ return React__default.createElement("svg", Object.assign({
1533
+ viewBox: "0 0 20 20",
1534
+ fill: "none",
1535
+ xmlns: "http://www.w3.org/2000/svg",
1536
+ "data-testid": "icon-envelope",
1537
+ style: getIconStyles(props)
1538
+ }, props), React__default.createElement("path", {
1539
+ d: "M18.125 2.5H1.875C.84 2.5 0 3.34 0 4.375v11.25C0 16.66.84 17.5 1.875 17.5h16.25c1.035 0 1.875-.84 1.875-1.875V4.375C20 3.34 19.16 2.5 18.125 2.5ZM1.875 3.75h16.25c.344 0 .625.281.625.625v1.617c-.855.723-2.078 1.719-5.883 4.738-.66.524-1.96 1.786-2.867 1.77-.906.016-2.21-1.246-2.867-1.77C3.328 7.71 2.105 6.715 1.25 5.992V4.375c0-.344.281-.625.625-.625Zm16.25 12.5H1.875a.627.627 0 0 1-.625-.625V7.617c.89.73 2.297 1.86 5.105 4.09.801.64 2.215 2.05 3.645 2.043 1.422.012 2.824-1.387 3.645-2.043 2.808-2.23 4.214-3.36 5.105-4.09v8.008a.627.627 0 0 1-.625.625Z",
1540
+ fill: "currentColor"
1541
+ }));
1542
+ };
1543
+
1544
+ IconEnvelope.displayName = 'IconEnvelope';
1545
+
1546
+ var IconExclaimationTriangle = function IconExclaimationTriangle(props) {
1547
+ return React__default.createElement("svg", Object.assign({
1548
+ viewBox: "0 0 20 20",
1549
+ fill: "none",
1550
+ xmlns: "http://www.w3.org/2000/svg",
1551
+ "data-testid": "icon-exclaimation-triangle",
1552
+ style: getIconStyles(props)
1553
+ }, props), React__default.createElement("path", {
1554
+ fillRule: "evenodd",
1555
+ clipRule: "evenodd",
1556
+ d: "m19.74 16.378-8.315-14.42C10.787.85 9.182.85 8.54 1.958L.225 16.378c-.637 1.105.16 2.495 1.442 2.495h16.635c1.275 0 2.08-1.386 1.438-2.495Zm-9.144-9.706h-1.23a.208.208 0 0 0-.208.215l.26 6.794a.207.207 0 0 0 .208.201h.71a.21.21 0 0 0 .208-.2l.26-6.795a.208.208 0 0 0-.208-.215Zm-1.584 8.874c0-.537.433-.97.97-.97.538 0 .971.433.971.97 0 .537-.433.97-.97.97a.969.969 0 0 1-.97-.97Zm-7.348 2.218h16.638a.554.554 0 0 0 .478-.832L10.461 2.513a.555.555 0 0 0-.96 0l-8.319 14.42a.556.556 0 0 0 .482.831Z",
1557
+ fill: "currentColor"
1558
+ }));
1559
+ };
1560
+
1561
+ IconExclaimationTriangle.displayName = 'IconExclaimationTriangle';
1562
+
1563
+ var IconExclaimation = function IconExclaimation(props) {
1564
+ return React__default.createElement("svg", Object.assign({
1565
+ viewBox: "0 0 20 20",
1566
+ fill: "none",
1567
+ xmlns: "http://www.w3.org/2000/svg",
1568
+ "data-testid": "icon-exclaimation",
1569
+ style: getIconStyles(props)
1570
+ }, props), React__default.createElement("path", {
1571
+ d: "M9.15 0h1.714c.51 0 .916.424.895.933l-.523 12.537a.895.895 0 0 1-.895.858h-.67a.896.896 0 0 1-.894-.858L8.254.933A.896.896 0 0 1 9.15 0Zm.857 15.82a2.09 2.09 0 1 0 0 4.18 2.09 2.09 0 0 0 0-4.18Z",
1572
+ fill: "currentColor"
1573
+ }));
1574
+ };
1575
+
1576
+ IconExclaimation.displayName = 'IconExclaimation';
1577
+
1578
+ var IconExpand = function IconExpand(props) {
1579
+ return React__default.createElement("svg", Object.assign({
1580
+ viewBox: "0 0 20 20",
1581
+ fill: "none",
1582
+ xmlns: "http://www.w3.org/2000/svg",
1583
+ "data-testid": "icon-expand",
1584
+ style: getIconStyles(props)
1585
+ }, props), React__default.createElement("path", {
1586
+ d: "m9.017 10.762.22.221a.469.469 0 0 1 0 .663L3.385 17.5H5.78c.26 0 .469.21.469.469v.312c0 .26-.21.469-.469.469H1.72a.469.469 0 0 1-.469-.469V14.22c0-.26.21-.469.469-.469h.312c.26 0 .469.21.469.469v2.397l5.854-5.854a.469.469 0 0 1 .663 0ZM18.28 1.25H14.22a.469.469 0 0 0-.469.469v.312c0 .26.21.469.469.469h2.397l-5.854 5.854a.469.469 0 0 0 0 .663l.221.22c.183.184.48.184.663 0L17.5 3.385V5.78c0 .26.21.469.469.469h.312c.26 0 .469-.21.469-.469V1.72a.469.469 0 0 0-.469-.469Z",
1587
+ fill: "currentColor"
1588
+ }));
1589
+ };
1590
+
1591
+ IconExpand.displayName = 'IconExpand';
1592
+
1593
+ var IconExternalLink = function IconExternalLink(props) {
1594
+ return React__default.createElement("svg", Object.assign({
1595
+ viewBox: "0 0 20 20",
1596
+ fill: "none",
1597
+ xmlns: "http://www.w3.org/2000/svg",
1598
+ "data-testid": "icon-external-link",
1599
+ style: getIconStyles(props)
1600
+ }, props), React__default.createElement("path", {
1601
+ fillRule: "evenodd",
1602
+ clipRule: "evenodd",
1603
+ d: "M6.789 13.537a.417.417 0 0 0 0 .589l.196.196a.417.417 0 0 0 .59 0l11.22-11.22.024.024-.011 3.124c0 .23.186.417.416.417h.347c.23 0 .417-.187.417-.417L20 1.528a.417.417 0 0 0-.417-.417l-4.722.012a.417.417 0 0 0-.417.417v.347c0 .23.187.417.417.417l3.124-.012.024.024-11.22 11.22ZM14.566 9l.278-.278a.417.417 0 0 1 .712.295v8.205c0 .92-.747 1.667-1.667 1.667H1.667c-.92 0-1.667-.746-1.667-1.667V5c0-.92.746-1.667 1.667-1.667h12.082c.371 0 .557.45.295.712l-.278.277a.416.416 0 0 1-.295.122H1.667A.556.556 0 0 0 1.11 5v12.222c0 .307.249.556.556.556h12.222a.556.556 0 0 0 .555-.556V9.294c0-.11.044-.216.122-.294Z",
1604
+ fill: "currentColor"
1605
+ }));
1606
+ };
1607
+
1608
+ IconExternalLink.displayName = 'IconExternalLink';
1609
+
1610
+ var IconEyeSlash = function IconEyeSlash(props) {
1611
+ return React__default.createElement("svg", Object.assign({
1612
+ viewBox: "0 0 20 20",
1613
+ fill: "none",
1614
+ xmlns: "http://www.w3.org/2000/svg",
1615
+ "data-testid": "icon-eye-slash",
1616
+ style: getIconStyles(props)
1617
+ }, props), React__default.createElement("g", {
1618
+ clipPath: "url(#icon-eye-slash_svg__a)"
1619
+ }, React__default.createElement("g", {
1620
+ clipPath: "url(#icon-eye-slash_svg__b)"
1621
+ }, React__default.createElement("path", {
1622
+ d: "M19.906 16.806.719 2.452a.26.26 0 0 0-.352.037l-.312.371a.23.23 0 0 0 .039.334L19.28 17.548a.256.256 0 0 0 .184.05.257.257 0 0 0 .168-.087l.312-.371a.23.23 0 0 0-.039-.334ZM10 5.25a4.113 4.113 0 0 1 2.827 1.114A3.71 3.71 0 0 1 14 9.05c0 .642-.185 1.238-.482 1.768l.796.594A4.518 4.518 0 0 0 15 9.05c0-1.093-.404-2.087-1.056-2.89 1.747.838 3.168 2.183 4.057 3.84a8.975 8.975 0 0 1-2.118 2.588l.792.592c.89-.78 1.652-1.7 2.216-2.747a.922.922 0 0 0 0-.867A10.085 10.085 0 0 0 10 4.3c-1.404 0-2.791.287-4.066.844l1.43 1.069A4.094 4.094 0 0 1 10 5.25Zm1.902 4.359c.098-.284.123-.585.073-.88a1.826 1.826 0 0 0-.358-.815 1.952 1.952 0 0 0-.711-.568A2.06 2.06 0 0 0 10 7.15c-.031 0-.06.007-.09.009.122.308.12.648-.007.955l1.999 1.495Zm-6.8-1.46a4.36 4.36 0 0 0-.102.9c-.003.797.205 1.58.605 2.28.4.699.98 1.29 1.684 1.72a5.21 5.21 0 0 0 4.781.313l-.924-.69A4.136 4.136 0 0 1 10 12.85a4.114 4.114 0 0 1-2.827-1.114A3.71 3.71 0 0 1 6 9.05c0-.073.018-.14.022-.211l-.92-.69ZM10 14.75A9.065 9.065 0 0 1 2 10c.545-1.008 1.284-1.861 2.135-2.574l-.809-.604c-.89.78-1.652 1.7-2.216 2.746a.922.922 0 0 0 0 .866C2.803 13.575 6.158 15.7 10 15.7c1.403 0 2.79-.287 4.066-.844l-.914-.683A9.147 9.147 0 0 1 10 14.75Z",
1623
+ fill: "currentColor"
1624
+ }))), React__default.createElement("defs", null, React__default.createElement("clipPath", {
1625
+ id: "icon-eye-slash_svg__a"
1626
+ }, React__default.createElement("path", {
1627
+ fill: "#fff",
1628
+ d: "M0 0h20v20H0z"
1629
+ })), React__default.createElement("clipPath", {
1630
+ id: "icon-eye-slash_svg__b"
1631
+ }, React__default.createElement("path", {
1632
+ fill: "#fff",
1633
+ transform: "translate(0 2.4)",
1634
+ d: "M0 0h20v15.2H0z"
1635
+ }))));
1636
+ };
1637
+
1638
+ IconEyeSlash.displayName = 'IconEyeSlash';
1639
+
1640
+ var IconEye = function IconEye(props) {
1641
+ return React__default.createElement("svg", Object.assign({
1642
+ viewBox: "0 0 20 20",
1643
+ fill: "none",
1644
+ xmlns: "http://www.w3.org/2000/svg",
1645
+ "data-testid": "icon-eye",
1646
+ style: getIconStyles(props)
1647
+ }, props), React__default.createElement("g", {
1648
+ clipPath: "url(#icon-eye_svg__a)"
1649
+ }, React__default.createElement("path", {
1650
+ d: "M10 11a2 2 0 0 0 0-4c-.031 0-.059.008-.09.01a1.484 1.484 0 0 1-1.901 1.9C8.01 8.943 8 8.97 8 9a2 2 0 0 0 2 2Zm8.891-1.456C17.197 6.237 13.841 4 10 4 6.158 4 2.802 6.239 1.109 9.544a1.011 1.011 0 0 0 0 .912C2.803 13.763 6.159 16 10 16s7.198-2.239 8.891-5.544a1.01 1.01 0 0 0 0-.912ZM10 5a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 10c-3.355 0-6.42-1.916-8-5a9.212 9.212 0 0 1 4.056-4.042 4.954 4.954 0 0 0 .408 6.578A5 5 0 0 0 15 9c0-1.15-.403-2.197-1.056-3.042A9.212 9.212 0 0 1 18 10c-1.58 3.084-4.645 5-8 5Z",
1651
+ fill: "currentColor"
1652
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
1653
+ id: "icon-eye_svg__a"
1654
+ }, React__default.createElement("path", {
1655
+ fill: "#fff",
1656
+ transform: "translate(1 2)",
1657
+ d: "M0 0h18v16H0z"
1658
+ }))));
1659
+ };
1660
+
1661
+ IconEye.displayName = 'IconEye';
1662
+
1663
+ var IconFilePdf = function IconFilePdf(props) {
1664
+ return React__default.createElement("svg", Object.assign({
1665
+ viewBox: "0 0 20 20",
1666
+ fill: "none",
1667
+ xmlns: "http://www.w3.org/2000/svg",
1668
+ "data-testid": "icon-file-pdf",
1669
+ style: getIconStyles(props)
1670
+ }, props), React__default.createElement("g", {
1671
+ clipPath: "url(#icon-file-pdf_svg__a)"
1672
+ }, React__default.createElement("path", {
1673
+ d: "M16.95 3.49 13.671.213a1.875 1.875 0 0 0-1.324-.55H4.375A1.881 1.881 0 0 0 2.5 1.54v16.25c0 1.035.84 1.875 1.875 1.875h11.25c1.035 0 1.875-.84 1.875-1.875V4.82c0-.496-.2-.977-.55-1.329Zm-.884.887c.082.082.137.18.165.29H12.5V.935c.11.027.207.082.29.164l3.276 3.277Zm-.441 14.04H4.375a.627.627 0 0 1-.625-.626V1.541c0-.343.281-.625.625-.625h6.875V4.98c0 .52.418.937.938.937h4.062v11.875a.627.627 0 0 1-.625.625Zm-.86-6.688c-.527-.52-2.148-.36-2.878-.262-.828-.5-1.375-1.188-1.762-2.21.168-.704.469-1.845.25-2.536-.172-1.098-1.55-.965-1.742-.266-.195.715-.012 1.735.328 3.04-.465 1.109-1.16 2.613-1.645 3.46-.812.418-2.113 1.145-2.296 2.047-.137.656.894 1.54 2.074.25.355-.386.754-.969 1.222-1.777 1.043-.344 2.192-.774 3.204-.938.855.47 1.859.778 2.523.778 1.082.004 1.129-1.18.723-1.586Zm-8.953 3.476c.231-.62 1.118-1.343 1.387-1.593-.863 1.379-1.386 1.62-1.386 1.593Zm3.72-8.683c.34 0 .304 1.465.081 1.86-.203-.638-.195-1.86-.082-1.86Zm-1.11 6.222c.441-.773.82-1.687 1.125-2.488a5.089 5.089 0 0 0 1.371 1.621c-.95.184-1.773.59-2.496.867Zm5.992-.23s-.226.273-1.7-.356c1.602-.117 1.864.25 1.7.356Z",
1674
+ fill: "currentColor"
1675
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
1676
+ id: "icon-file-pdf_svg__a"
1677
+ }, React__default.createElement("path", {
1678
+ fill: "#fff",
1679
+ d: "M0 0h20v20H0z"
1680
+ }))));
1681
+ };
1682
+
1683
+ IconFilePdf.displayName = 'IconFilePdf';
1684
+
1685
+ var IconFile = function IconFile(props) {
1686
+ return React__default.createElement("svg", Object.assign({
1687
+ viewBox: "0 0 20 20",
1688
+ fill: "none",
1689
+ xmlns: "http://www.w3.org/2000/svg",
1690
+ "data-testid": "icon-file",
1691
+ style: getIconStyles(props)
1692
+ }, props), React__default.createElement("g", {
1693
+ clipPath: "url(#icon-file_svg__a)"
1694
+ }, React__default.createElement("path", {
1695
+ d: "M16.95 3.824 13.671.546a1.875 1.875 0 0 0-1.324-.55H4.375A1.881 1.881 0 0 0 2.5 1.875v16.25C2.5 19.16 3.34 20 4.375 20h11.25c1.035 0 1.875-.84 1.875-1.875V5.152c0-.496-.2-.977-.55-1.328Zm-.884.886c.082.082.137.18.165.29H12.5V1.269c.11.027.207.082.29.164l3.276 3.277Zm-.441 14.04H4.375a.627.627 0 0 1-.625-.625V1.875c0-.344.281-.625.625-.625h6.875v4.062c0 .52.418.938.938.938h4.062v11.875a.627.627 0 0 1-.625.625Z",
1696
+ fill: "currentColor"
1697
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
1698
+ id: "icon-file_svg__a"
1699
+ }, React__default.createElement("path", {
1700
+ fill: "#fff",
1701
+ d: "M0 0h20v20H0z"
1702
+ }))));
1703
+ };
1704
+
1705
+ IconFile.displayName = 'IconFile';
1706
+
1707
+ var IconFlag = function IconFlag(props) {
1708
+ return React__default.createElement("svg", Object.assign({
1709
+ viewBox: "0 0 20 20",
1710
+ fill: "none",
1711
+ xmlns: "http://www.w3.org/2000/svg",
1712
+ "data-testid": "icon-flag",
1713
+ style: getIconStyles(props)
1714
+ }, props), React__default.createElement("g", {
1715
+ clipPath: "url(#icon-flag_svg__a)"
1716
+ }, React__default.createElement("path", {
1717
+ d: "M18.457 0a2.03 2.03 0 0 0-.828.18c-1.973.886-3.43 1.183-4.652 1.183-2.582 0-4.082-1.347-7.063-1.347C4.68.016 3.172.27 1.25.922V.625A.627.627 0 0 0 .625 0 .627.627 0 0 0 0 .625v19.063c0 .171.14.312.313.312h.625c.171 0 .312-.14.312-.313v-3.921c1.727-.618 3.188-.86 4.473-.86 3.172 0 5.382 1.344 8.558 1.344 1.38 0 2.934-.254 4.832-.977.547-.21.89-.699.89-1.218V1.305C20 .508 19.274 0 18.458 0Zm-4.18 15c-2.953 0-5.195-1.344-8.558-1.344-1.434 0-2.907.254-4.473.774V2.234c1.797-.652 3.332-.968 4.664-.968 2.715 0 4.235 1.347 7.063 1.347 1.554 0 3.195-.41 5.16-1.293.367-.164.613-.02.613.22v12.503c-.031.098-2.297.957-4.469.957Z",
1718
+ fill: "currentColor"
1719
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
1720
+ id: "icon-flag_svg__a"
1721
+ }, React__default.createElement("path", {
1722
+ fill: "#fff",
1723
+ d: "M0 0h20v20H0z"
1724
+ }))));
1725
+ };
1726
+
1727
+ IconFlag.displayName = 'IconFlag';
1728
+
1729
+ var IconFourDotsCircle = function IconFourDotsCircle(props) {
1730
+ return React__default.createElement("svg", Object.assign({
1731
+ viewBox: "0 0 20 20",
1732
+ fill: "none",
1733
+ xmlns: "http://www.w3.org/2000/svg",
1734
+ "data-testid": "icon-four-dots-circle",
1735
+ style: getIconStyles(props)
1736
+ }, props), React__default.createElement("path", {
1737
+ fillRule: "evenodd",
1738
+ clipRule: "evenodd",
1739
+ d: "M.313 10A9.686 9.686 0 0 1 10 .312 9.686 9.686 0 0 1 19.688 10 9.686 9.686 0 0 1 10 19.688 9.686 9.686 0 0 1 .312 10ZM10 18.438c4.684 0 8.438-3.801 8.438-8.438 0-4.684-3.801-8.438-8.438-8.438-4.684 0-8.438 3.801-8.438 8.438 0 4.684 3.801 8.438 8.438 8.438ZM7.083 9.166a2.083 2.083 0 1 0 0-4.167 2.083 2.083 0 0 0 0 4.167Zm2.084 3.75a2.083 2.083 0 1 1-4.167 0 2.083 2.083 0 0 1 4.167 0Zm3.75-3.75a2.083 2.083 0 1 0 0-4.167 2.083 2.083 0 0 0 0 4.167ZM15 12.917a2.083 2.083 0 1 1-4.167 0 2.083 2.083 0 0 1 4.167 0Z",
1740
+ fill: "currentColor"
1741
+ }));
1742
+ };
1743
+
1744
+ IconFourDotsCircle.displayName = 'IconFourDotsCircle';
1745
+
1746
+ var IconFourSquares = function IconFourSquares(props) {
1747
+ return React__default.createElement("svg", Object.assign({
1748
+ viewBox: "0 0 20 20",
1749
+ fill: "none",
1750
+ xmlns: "http://www.w3.org/2000/svg",
1751
+ "data-testid": "icon-four-squares",
1752
+ style: getIconStyles(props)
1753
+ }, props), React__default.createElement("rect", {
1754
+ x: 0.833,
1755
+ y: 10.573,
1756
+ width: 8.594,
1757
+ height: 8.594,
1758
+ rx: 1,
1759
+ fill: "currentColor"
1760
+ }), React__default.createElement("rect", {
1761
+ x: 10.822,
1762
+ y: 10.823,
1763
+ width: 8.094,
1764
+ height: 8.094,
1765
+ rx: 0.75,
1766
+ stroke: "currentColor",
1767
+ strokeWidth: 0.5
1768
+ }), React__default.createElement("rect", {
1769
+ x: 0.833,
1770
+ y: 0.833,
1771
+ width: 8.594,
1772
+ height: 8.594,
1773
+ rx: 1,
1774
+ fill: "currentColor"
1775
+ }), React__default.createElement("rect", {
1776
+ x: 10.572,
1777
+ y: 0.833,
1778
+ width: 8.594,
1779
+ height: 8.594,
1780
+ rx: 1,
1781
+ fill: "currentColor"
1782
+ }));
1783
+ };
1784
+
1785
+ IconFourSquares.displayName = 'IconFourSquares';
1786
+
1787
+ var IconGift = function IconGift(props) {
1788
+ return React__default.createElement("svg", Object.assign({
1789
+ viewBox: "0 0 20 20",
1790
+ fill: "none",
1791
+ xmlns: "http://www.w3.org/2000/svg",
1792
+ "data-testid": "icon-gift",
1793
+ style: getIconStyles(props)
1794
+ }, props), React__default.createElement("path", {
1795
+ d: "M18.125 6H16.59a3.229 3.229 0 0 0 .598-1.875c0-1.723-1.305-3.125-2.91-3.125-1.653 0-2.61.992-4.278 3.742C8.332 1.992 7.375 1 5.723 1c-1.606 0-2.91 1.402-2.91 3.125 0 .707.226 1.352.597 1.875H1.875C.84 6 0 6.84 0 7.875v3.75c0 .344.281.625.625.625h.625v5.625c0 1.035.84 1.875 1.875 1.875h13.75c1.035 0 1.875-.84 1.875-1.875V12.25h.625a.627.627 0 0 0 .625-.625v-3.75C20 6.84 19.16 6 18.125 6Zm-7.336-.14c1.934-3.255 2.578-3.61 3.488-3.61.914 0 1.66.84 1.66 1.875 0 1.035-.746 1.875-1.66 1.875h-3.574l.086-.14ZM5.723 2.25c.914 0 1.554.355 3.488 3.61l.082.14H5.719c-.914 0-1.66-.84-1.66-1.875.003-1.035.75-1.875 1.664-1.875ZM7.5 18.5H3.125a.627.627 0 0 1-.625-.625V12.25h5v6.25Zm0-7.5H1.25V7.875c0-.344.281-.625.625-.625H7.5V11Zm3.75 7.5h-2.5V7.25h2.5V18.5Zm6.25-.625a.627.627 0 0 1-.625.625H12.5v-6.25h5v5.625ZM18.75 11H12.5V7.25h5.625c.344 0 .625.281.625.625V11Z",
1796
+ fill: "currentColor"
1797
+ }));
1798
+ };
1799
+
1800
+ IconGift.displayName = 'IconGift';
1801
+
1802
+ var IconGrinBeam = function IconGrinBeam(props) {
1803
+ return React__default.createElement("svg", Object.assign({
1804
+ viewBox: "0 0 20 20",
1805
+ fill: "none",
1806
+ xmlns: "http://www.w3.org/2000/svg",
1807
+ "data-testid": "icon-grin-beam",
1808
+ style: getIconStyles(props)
1809
+ }, props), React__default.createElement("path", {
1810
+ fill: "#fff",
1811
+ d: "M0 0h20v20H0z"
1812
+ }), React__default.createElement("path", {
1813
+ d: "M4.746 9.676a.335.335 0 0 0 .375-.145l.383-.664c.31-.535.774-.844 1.27-.844s.96.309 1.27.844l.383.664c.085.145.25.184.375.145a.314.314 0 0 0 .23-.324c-.133-1.645-1.298-2.79-2.258-2.79S4.65 7.707 4.516 9.352a.317.317 0 0 0 .23.324Zm6.452 0a.335.335 0 0 0 .375-.145l.383-.664c.31-.535.774-.844 1.27-.844s.96.309 1.27.844l.383.664c.085.145.25.184.375.145a.314.314 0 0 0 .23-.324c-.133-1.645-1.299-2.79-2.258-2.79-.96 0-2.125 1.145-2.258 2.79a.317.317 0 0 0 .23.324Zm3.766 2.855c-1.218.38-3.029.594-4.964.594-1.935 0-3.746-.215-4.964-.594a.662.662 0 0 0-.617.121.62.62 0 0 0-.213.579c.37 2.148 3.354 3.644 5.798 3.644s5.423-1.496 5.798-3.645a.624.624 0 0 0-.213-.578.66.66 0 0 0-.625-.12ZM10 15.625c-1.411 0-3.105-.637-3.972-1.574 2.319.422 5.63.422 7.948 0-.871.937-2.565 1.574-3.976 1.574ZM10 .312C4.476.313 0 4.649 0 10s4.476 9.688 10 9.688S20 15.351 20 10 15.524.312 10 .312Zm0 18.125c-4.802 0-8.71-3.785-8.71-8.437 0-4.652 3.908-8.438 8.71-8.438 4.802 0 8.71 3.786 8.71 8.438 0 4.652-3.908 8.438-8.71 8.438Z",
1814
+ fill: "currentColor"
1815
+ }));
1816
+ };
1817
+
1818
+ IconGrinBeam.displayName = 'IconGrinBeam';
1819
+
1820
+ var IconGripVertical = function IconGripVertical(props) {
1821
+ return React__default.createElement("svg", Object.assign({
1822
+ viewBox: "0 0 20 20",
1823
+ fill: "none",
1824
+ xmlns: "http://www.w3.org/2000/svg",
1825
+ "data-testid": "icon-grip-vertical",
1826
+ style: getIconStyles(props)
1827
+ }, props), React__default.createElement("circle", {
1828
+ cx: 6.667,
1829
+ cy: 3.333,
1830
+ fill: "currentColor",
1831
+ r: 1.667
1832
+ }), React__default.createElement("circle", {
1833
+ cx: 13,
1834
+ cy: 3.333,
1835
+ fill: "currentColor",
1836
+ r: 1.667
1837
+ }), React__default.createElement("circle", {
1838
+ cx: 6.667,
1839
+ cy: 9.667,
1840
+ fill: "currentColor",
1841
+ r: 1.667
1842
+ }), React__default.createElement("circle", {
1843
+ cx: 13,
1844
+ cy: 9.667,
1845
+ fill: "currentColor",
1846
+ r: 1.667
1847
+ }), React__default.createElement("circle", {
1848
+ cx: 6.667,
1849
+ cy: 16,
1850
+ fill: "currentColor",
1851
+ r: 1.667
1852
+ }), React__default.createElement("circle", {
1853
+ cx: 13,
1854
+ cy: 16,
1855
+ fill: "currentColor",
1856
+ r: 1.667
1857
+ }));
1858
+ };
1859
+
1860
+ IconGripVertical.displayName = 'IconGripVertical';
1861
+
1862
+ var IconHandshake = function IconHandshake(props) {
1863
+ return React__default.createElement("svg", Object.assign({
1864
+ viewBox: "0 0 20 20",
1865
+ fill: "none",
1866
+ xmlns: "http://www.w3.org/2000/svg",
1867
+ "data-testid": "icon-handshake",
1868
+ style: getIconStyles(props)
1869
+ }, props), React__default.createElement("g", {
1870
+ clipPath: "url(#icon-handshake_svg__a)"
1871
+ }, React__default.createElement("path", {
1872
+ d: "M.5 11.994c.275 0 .5-.225.5-.5s-.225-.5-.5-.5-.5.225-.5.5a.5.5 0 0 0 .5.5ZM19.75 6l-3.547.006-1.6-1.56a1.487 1.487 0 0 0-1.06-.44h-3.155c-.325 0-.629.122-.885.313a1.505 1.505 0 0 0-.915-.322H6.415a1.5 1.5 0 0 0-1.06.44L3.794 6H.25a.25.25 0 0 0-.25.25v.5c0 .137.113.25.25.25H2v5.997H.25a.25.25 0 0 0-.25.25v.5c0 .137.113.25.25.25H2c.55 0 .994-.444.997-.99h1.037l2.547 2.437a2.507 2.507 0 0 0 3.157-.007l.225.194a1.662 1.662 0 0 0 2.34-.24l.684-.841c.513.278 1.341.281 1.876-.375l.296-.366c.194-.237.3-.518.329-.803h1.518c.003.547.45.99.997.99h1.75a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-1.75v-5.99L19.753 7a.25.25 0 0 0 .25-.25v-.5A.253.253 0 0 0 19.75 6Zm-5.369 7.175-.297.366a.5.5 0 0 1-.703.072l-.556-.45-1.297 1.593a.66.66 0 0 1-.919.107l-.956-.816-.325.4c-.522.64-1.469.74-2.081.247l-2.81-2.69H3V6.996h1.206L6.06 5.144a.502.502 0 0 1 .353-.147h2.172c.029.069.01.022.035.09L6.775 6.781a2.141 2.141 0 0 0-.131 3.028c.447.488 1.831 1.229 3.028.132l.712-.654 3.925 3.185c.213.175.244.49.072.703ZM17 12.003h-1.787a1.585 1.585 0 0 0-.275-.306l-3.81-3.094.888-.816a.5.5 0 1 0-.675-.737L8.994 9.2c-.45.41-1.207.375-1.616-.069a1.145 1.145 0 0 1 .069-1.615l2.597-2.382a.503.503 0 0 1 .337-.13h3.156a.5.5 0 0 1 .357.15L15.79 7H17v5.003Zm2.5-1.006c-.275 0-.5.225-.5.5s.225.5.5.5.5-.225.5-.5a.5.5 0 0 0-.5-.5Z",
1873
+ fill: "currentColor"
1874
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
1875
+ id: "icon-handshake_svg__a"
1876
+ }, React__default.createElement("path", {
1877
+ fill: "#fff",
1878
+ transform: "translate(0 2)",
1879
+ d: "M0 0h20v16H0z"
1880
+ }))));
1881
+ };
1882
+
1883
+ IconHandshake.displayName = 'IconHandshake';
1884
+
1885
+ var IconImage = function IconImage(props) {
1886
+ return React__default.createElement("svg", Object.assign({
1887
+ viewBox: "0 0 20 20",
1888
+ fill: "none",
1889
+ xmlns: "http://www.w3.org/2000/svg",
1890
+ "data-testid": "icon-image",
1891
+ style: getIconStyles(props)
1892
+ }, props), React__default.createElement("g", {
1893
+ clipPath: "url(#icon-image_svg__a)"
1894
+ }, React__default.createElement("path", {
1895
+ d: "M18.125 2.5H1.875C.839 2.5 0 3.34 0 4.375v11.25C0 16.66.84 17.5 1.875 17.5h16.25c1.035 0 1.875-.84 1.875-1.875V4.375c0-1.036-.84-1.875-1.875-1.875Zm.625 13.125c0 .345-.28.625-.625.625H1.875a.626.626 0 0 1-.625-.625V4.375c0-.345.28-.625.625-.625h16.25c.345 0 .625.28.625.625v11.25ZM4.375 9.062a2.187 2.187 0 1 0 0-4.374 2.187 2.187 0 0 0 0 4.375Zm0-3.124a.939.939 0 0 1 0 1.875.939.939 0 0 1 0-1.875Zm8.087.9L8.75 10.548 7.538 9.337a.937.937 0 0 0-1.326 0l-3.437 3.438a.938.938 0 0 0-.275.662v1.094c0 .26.21.469.469.469H17.03c.26 0 .469-.21.469-.469v-3.594a.938.938 0 0 0-.275-.662l-3.437-3.438a.938.938 0 0 0-1.326 0Zm3.788 6.912H3.75v-.183l3.125-3.125 1.875 1.875 4.375-4.375 3.125 3.125v2.683Z",
1896
+ fill: "currentColor"
1897
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
1898
+ id: "icon-image_svg__a"
1899
+ }, React__default.createElement("path", {
1900
+ fill: "#fff",
1901
+ d: "M0 0h20v20H0z"
1902
+ }))));
1903
+ };
1904
+
1905
+ IconImage.displayName = 'IconImage';
1906
+
1907
+ var IconIslandTropical = function IconIslandTropical(props) {
1908
+ return React__default.createElement("svg", Object.assign({
1909
+ viewBox: "0 0 20 20",
1910
+ fill: "none",
1911
+ xmlns: "http://www.w3.org/2000/svg",
1912
+ "data-testid": "icon-island-tropical",
1913
+ style: getIconStyles(props)
1914
+ }, props), React__default.createElement("path", {
1915
+ fillRule: "evenodd",
1916
+ clipRule: "evenodd",
1917
+ d: "M11.646 1.493a6.69 6.69 0 0 1 1.716-.243c2.939 0 5.372 1.846 5.796 4.252a.645.645 0 0 1-.647.748h-5.895c.247 1.895.453 4.738.074 7.64 2.273.524 3.977 2.555 3.977 4.985A1.127 1.127 0 0 1 15.542 20H2.792a1.127 1.127 0 0 1-1.125-1.125 5.13 5.13 0 0 1 5.125-5.125h.8c.627-1.626 1.283-3.717 1.629-5.943l-3.248 3.247c-.22.221-.707.326-.986-.072C3.82 9.317 3.93 6.948 5.192 5H2.323a.645.645 0 0 1-.647-.748C2.1 1.845 4.533 0 7.472 0c1.635 0 3.11.573 4.173 1.493ZM2.918 18.75h12.496A3.879 3.879 0 0 0 11.542 15h-4.75a3.879 3.879 0 0 0-3.873 3.75Zm8.518-5h-2.51c.697-1.893 1.199-4.563 1.45-7.098l.4-.402h.578c.244 1.822.46 4.648.082 7.5ZM5.66 9.6l4.6-4.6h7.448c-.642-1.466-2.375-2.5-4.346-2.5-.691 0-1.38.189-1.83.312l-.207.056-.498-.43C9.942 1.672 8.75 1.25 7.472 1.25c-1.97 0-3.704 1.034-4.346 2.5h3.12a6.635 6.635 0 0 1 1.785-1.192.313.313 0 0 1 .413.174l.235.583a.312.312 0 0 1-.167.4C5.968 4.858 4.93 7.684 5.66 9.6Z",
1918
+ fill: "currentColor"
1919
+ }));
1920
+ };
1921
+
1922
+ IconIslandTropical.displayName = 'IconIslandTropical';
1923
+
1924
+ var IconItalic = function IconItalic(props) {
1925
+ return React__default.createElement("svg", Object.assign({
1926
+ viewBox: "0 0 20 20",
1927
+ fill: "none",
1928
+ xmlns: "http://www.w3.org/2000/svg",
1929
+ "data-testid": "icon-italic",
1930
+ style: getIconStyles(props)
1931
+ }, props), React__default.createElement("path", {
1932
+ d: "M16.75 1.563v.625a.312.312 0 0 1-.313.312H13.02l-3.75 15h3.418a.313.313 0 0 1 .313.313v.625a.313.313 0 0 1-.313.312H4.563a.312.312 0 0 1-.313-.313v-.625a.313.313 0 0 1 .313-.312H7.98l3.75-15H8.313A.312.312 0 0 1 8 2.187v-.624a.312.312 0 0 1 .313-.313h8.124a.313.313 0 0 1 .313.313Z",
1933
+ fill: "currentColor"
1934
+ }));
1935
+ };
1936
+
1937
+ IconItalic.displayName = 'IconItalic';
1938
+
1939
+ var IconLaptopSearch = function IconLaptopSearch(props) {
1940
+ return React__default.createElement("svg", Object.assign({
1941
+ viewBox: "0 0 20 20",
1942
+ fill: "none",
1943
+ xmlns: "http://www.w3.org/2000/svg",
1944
+ "data-testid": "icon-laptop-search",
1945
+ style: getIconStyles(props)
1946
+ }, props), React__default.createElement("g", {
1947
+ clipPath: "url(#icon-laptop-search_svg__a)"
1948
+ }, React__default.createElement("path", {
1949
+ fillRule: "evenodd",
1950
+ clipRule: "evenodd",
1951
+ d: "M2.903 4.11c-.537.077-1.04.515-1.225 1.066-.083.249-.077-.062-.077 3.724v3.42H.985c-.765 0-.806.012-.913.242l-.036.078v.714c.001.61.004.73.022.833.15.856.762 1.484 1.603 1.648.18.035 12.207.035 12.387 0 .696-.135 1.309-.655 1.512-1.282.023-.074.003-.066.225-.092.499-.058 1.069-.29 1.34-.547.02-.02.063-.055.094-.08l.057-.046.285.277a162.06 162.06 0 0 1 1.073 1.054l.59.579.232.229h.13c.13 0 .131-.001.176-.041l.178-.154.133-.112v-.254l-.34-.336-.561-.556-.767-.756-.546-.538.065-.076c.402-.467.513-.841.515-1.722 0-.635-.083-1.037-.315-1.509a3.917 3.917 0 0 0-.278-.47 1.476 1.476 0 0 1-.083-.106 3.844 3.844 0 0 0-.66-.634 3.528 3.528 0 0 0-.408-.248c-.187-.115-.627-.259-.966-.315-.416-.07-1.195-.014-1.446.103a1.429 1.429 0 0 1-.096.036l-.072.024-.004-1.405c-.005-1.536 0-1.44-.08-1.678a1.613 1.613 0 0 0-1.115-1.05l-.098-.028-4.92-.002a578.43 578.43 0 0 0-4.995.01Zm9.853.81c.255.086.418.24.509.484l.042.113.003 1.59.003 1.59-.081.06c-.503.37-.962 1.086-1.131 1.767-.13.521-.104 1.277.06 1.72a.845.845 0 0 1 .025.071c0 .003-.596.006-1.324.006-1.292 0-1.325 0-1.364.024-.053.033-.096.101-.127.204-.08.264-.264.442-.546.53-.07.023-.13.024-.97.024-.841 0-.9-.001-.97-.023-.283-.089-.467-.267-.547-.531-.031-.103-.074-.171-.127-.204-.04-.024-.076-.024-1.928-.024H2.396l.003-3.402.003-3.402.042-.113a.768.768 0 0 1 .628-.508c.038-.004 2.213-.008 4.833-.007l4.763.002.088.03ZM4.53 6.12c-.327.042-.575.235-.62.481-.028.152-.01 4.378.019 4.443.086.193.225.3.5.384.118.036 6.731.036 6.848 0 .275-.084.415-.191.501-.384.03-.065.047-4.291.02-4.443-.038-.204-.237-.39-.49-.46-.075-.02-6.625-.041-6.778-.021Zm1.746 1.193v.45H4.65v-.9H6.277v.45Zm2.391 0v.45H7.041v-.9H8.668v.45Zm2.391 0v.45H9.432v-.9H11.059v.45ZM6.277 8.778v.45H4.65v-.9H6.277v.45Zm2.391 0v.45H7.041v-.9H8.668v.45Zm2.391 0v.45H9.432v-.9H11.059v.45Zm4.39.1c1.106.108 2.006.948 2.158 2.012l.025.178c.117.809-.376 1.798-1.124 2.257-1.736 1.065-3.958-.37-3.665-2.369.055-.378.26-.92.395-1.039a2.3 2.3 0 0 0 .075-.1c.461-.638 1.324-1.017 2.135-.938Zm-9.172 1.37v.458H4.65v-.914H6.277v.457Zm2.391 0v.458H7.041v-.914H8.668v.457Zm2.391 0v.458H9.432v-.914H11.059v.457ZM5.612 13.21c.166.347.473.594.824.663.122.024.174.025 1.418.025 1.245 0 1.297 0 1.42-.025.35-.07.657-.316.823-.663l.042-.088h2.458l.08.11c.16.216.389.446.598.599a.979.979 0 0 1 .088.068c.012.017.244.158.376.228.264.14.548.243.822.297.074.014.142.029.151.032.02.006-.034.096-.118.196a1.245 1.245 0 0 1-.63.382c-.166.035-12.053.035-12.219 0a1.188 1.188 0 0 1-.782-.616c-.113-.23-.12-.275-.12-.842v-.454H5.57l.042.088Z",
1952
+ fill: "currentColor"
1953
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
1954
+ id: "icon-laptop-search_svg__a"
1955
+ }, React__default.createElement("path", {
1956
+ fill: "#fff",
1957
+ d: "M0 0h20v20H0z"
1958
+ }))));
1959
+ };
1960
+
1961
+ IconLaptopSearch.displayName = 'IconLaptopSearch';
1962
+
1963
+ var IconLink = function IconLink(props) {
1964
+ return React__default.createElement("svg", Object.assign({
1965
+ viewBox: "0 0 20 20",
1966
+ fill: "none",
1967
+ xmlns: "http://www.w3.org/2000/svg",
1968
+ "data-testid": "icon-link",
1969
+ style: getIconStyles(props)
1970
+ }, props), React__default.createElement("g", {
1971
+ clipPath: "url(#icon-link_svg__a)"
1972
+ }, React__default.createElement("path", {
1973
+ d: "M11.764 15.418 8.67 18.512a5.075 5.075 0 0 1-7.181 0 5.075 5.075 0 0 1 0-7.182l3.093-3.094c.045-.045.091-.089.138-.132a.469.469 0 0 1 .79.323c.007.188.023.375.047.562a.47.47 0 0 1-.133.394l-2.941 2.941a3.67 3.67 0 0 0 0 5.193 3.67 3.67 0 0 0 5.193 0l3.093-3.093.014-.014a3.677 3.677 0 0 0-1.091-5.926.47.47 0 0 1-.28-.456 2.43 2.43 0 0 1 .111-.596.465.465 0 0 1 .622-.284c.589.247 1.14.61 1.619 1.088a5.084 5.084 0 0 1 0 7.182Zm-3.528-3.654a5.05 5.05 0 0 0 1.619 1.088c.25.105.54-.026.622-.284.061-.193.098-.394.11-.596a.47.47 0 0 0-.278-.456 3.677 3.677 0 0 1-1.092-5.925l.014-.014 3.093-3.094a3.67 3.67 0 0 1 5.193 0 3.67 3.67 0 0 1 0 5.193l-2.941 2.94a.47.47 0 0 0-.133.395c.024.187.04.374.048.562a.469.469 0 0 0 .79.323c.046-.043.092-.087.137-.132l3.093-3.094a5.075 5.075 0 0 0 0-7.181 5.075 5.075 0 0 0-7.18 0L8.235 4.582a5.084 5.084 0 0 0 0 7.182Z",
1974
+ fill: "currentColor"
1975
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
1976
+ id: "icon-link_svg__a"
1977
+ }, React__default.createElement("path", {
1978
+ fill: "#fff",
1979
+ d: "M0 0h20v20H0z"
1980
+ }))));
1981
+ };
1982
+
1983
+ IconLink.displayName = 'IconLink';
1984
+
1985
+ var IconListOI = function IconListOI(props) {
1986
+ return React__default.createElement("svg", Object.assign({
1987
+ viewBox: "0 0 20 20",
1988
+ fill: "none",
1989
+ xmlns: "http://www.w3.org/2000/svg",
1990
+ "data-testid": "icon-list-o-i",
1991
+ style: getIconStyles(props)
1992
+ }, props), React__default.createElement("g", {
1993
+ clipPath: "url(#icon-list-o-i_svg__a)"
1994
+ }, React__default.createElement("path", {
1995
+ d: "m2.413 15.664.683-.787a.778.778 0 0 0 .199-.554v-.13c0-.287-.15-.443-.443-.443H.625a.312.312 0 0 0-.313.313v.624A.313.313 0 0 0 .625 15h.892a6.029 6.029 0 0 0-.43.48l-.219.274c-.156.198-.205.396-.109.582l.041.075c.117.225.246.308.479.308h.184c.404 0 .623.095.623.355 0 .184-.164.32-.561.32a1.621 1.621 0 0 1-.604-.121c-.254-.151-.459-.137-.61.122l-.218.364c-.146.239-.125.457.102.622.301.183.797.369 1.446.369 1.334 0 1.894-.889 1.894-1.723-.001-.562-.356-1.163-1.122-1.363ZM.473 12.5h2.652a.312.312 0 0 0 .313-.313v-.624a.313.313 0 0 0-.313-.313h-1.51c.128-.402 1.887-.73 1.887-2.205 0-1.135-.976-1.545-1.737-1.545-.834 0-1.32.39-1.58.732-.17.219-.117.424.11.6l.334.27c.22.178.43.096.63-.096a.523.523 0 0 1 .37-.15c.13 0 .362.061.362.342.001.497-1.991.853-1.991 2.7v.156c0 .29.198.446.473.446Zm.152-6.25h2.5a.312.312 0 0 0 .313-.313v-.625A.312.312 0 0 0 3.124 5H2.5V1.562a.312.312 0 0 0-.313-.312H1.25a.312.312 0 0 0-.279.173l-.312.625a.312.312 0 0 0 .278.452h.313V5H.625a.312.312 0 0 0-.313.313v.625a.312.312 0 0 0 .313.312Zm19.063-3.125H6.563a.312.312 0 0 0-.313.313v.624a.312.312 0 0 0 .313.313h13.125A.313.313 0 0 0 20 4.062v-.625a.312.312 0 0 0-.313-.312Zm0 12.5H6.563a.312.312 0 0 0-.313.313v.624a.313.313 0 0 0 .313.313h13.125a.313.313 0 0 0 .312-.313v-.625a.313.313 0 0 0-.313-.312Zm0-6.25H6.563a.312.312 0 0 0-.313.313v.624a.313.313 0 0 0 .313.313h13.125a.313.313 0 0 0 .312-.313v-.624a.312.312 0 0 0-.313-.313Z",
1996
+ fill: "currentColor"
1997
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
1998
+ id: "icon-list-o-i_svg__a"
1999
+ }, React__default.createElement("path", {
2000
+ fill: "#fff",
2001
+ d: "M0 0h20v20H0z"
2002
+ }))));
2003
+ };
2004
+
2005
+ IconListOI.displayName = 'IconListOI';
2006
+
2007
+ var IconList = function IconList(props) {
2008
+ return React__default.createElement("svg", Object.assign({
2009
+ viewBox: "0 0 20 20",
2010
+ fill: "none",
2011
+ xmlns: "http://www.w3.org/2000/svg",
2012
+ "data-testid": "icon-list",
2013
+ style: getIconStyles(props)
2014
+ }, props), React__default.createElement("path", {
2015
+ d: "M3.438 2.188H1.562a.625.625 0 0 0-.625.625v1.875a.625.625 0 0 0 .625.625h1.875a.625.625 0 0 0 .626-.625V2.813a.625.625 0 0 0-.625-.625Zm0 6.25H1.562a.625.625 0 0 0-.625.625v1.875a.625.625 0 0 0 .625.625h1.875a.625.625 0 0 0 .626-.625V9.063a.625.625 0 0 0-.625-.625Zm0 6.25H1.562a.625.625 0 0 0-.625.625v1.875a.625.625 0 0 0 .625.625h1.875a.625.625 0 0 0 .626-.625v-1.875a.625.625 0 0 0-.625-.625Zm16.25.937H6.563a.313.313 0 0 0-.313.313v.625a.313.313 0 0 0 .313.312h13.125a.313.313 0 0 0 .312-.312v-.625a.312.312 0 0 0-.313-.313Zm0-12.5H6.563a.313.313 0 0 0-.313.313v.625a.312.312 0 0 0 .313.312h13.125A.313.313 0 0 0 20 4.063v-.625a.313.313 0 0 0-.313-.313Zm0 6.25H6.563a.313.313 0 0 0-.313.313v.625a.313.313 0 0 0 .313.312h13.125a.313.313 0 0 0 .312-.312v-.625a.313.313 0 0 0-.313-.313Z",
2016
+ fill: "currentColor"
2017
+ }));
2018
+ };
2019
+
2020
+ IconList.displayName = 'IconList';
2021
+
2022
+ var IconLock = function IconLock(props) {
2023
+ return React__default.createElement("svg", Object.assign({
2024
+ viewBox: "0 0 20 20",
2025
+ fill: "none",
2026
+ xmlns: "http://www.w3.org/2000/svg",
2027
+ "data-testid": "icon-lock",
2028
+ style: getIconStyles(props)
2029
+ }, props), React__default.createElement("path", {
2030
+ d: "M16.865 8.75h-.937V5.937A5.945 5.945 0 0 0 9.99 0a5.945 5.945 0 0 0-5.937 5.938V8.75h-.938c-1.035 0-1.875.84-1.875 1.875v7.5C1.24 19.16 2.08 20 3.115 20h13.75c1.035 0 1.875-.84 1.875-1.875v-7.5c0-1.035-.84-1.875-1.875-1.875Zm-4.062 0H7.178V5.937A2.816 2.816 0 0 1 9.99 3.126a2.816 2.816 0 0 1 2.813 2.813V8.75Z",
2031
+ fill: "currentColor"
2032
+ }));
2033
+ };
2034
+
2035
+ IconLock.displayName = 'IconLock';
2036
+
2037
+ var IconMagicSolid = function IconMagicSolid(props) {
2038
+ return React__default.createElement("svg", Object.assign({
2039
+ viewBox: "0 0 20 20",
2040
+ fill: "none",
2041
+ xmlns: "http://www.w3.org/2000/svg",
2042
+ "data-testid": "icon-magic-solid",
2043
+ style: getIconStyles(props)
2044
+ }, props), React__default.createElement("path", {
2045
+ fillRule: "evenodd",
2046
+ clipRule: "evenodd",
2047
+ d: "M19.635 3.059 16.961.385a1.244 1.244 0 0 0-.882-.365c-.32 0-.639.121-.883.365L.405 15.177a1.247 1.247 0 0 0 0 1.764l2.674 2.674a1.243 1.243 0 0 0 1.765 0L19.634 4.823a1.248 1.248 0 0 0 0-1.764ZM3.158 6.257l1.04-2.079 2.08-1.04-2.08-1.04L3.158.02l-1.04 2.079L.04 3.139l2.08 1.04 1.04 2.078Zm5.614-2.495.624-1.247 1.247-.624-1.247-.624L8.772.02l-.624 1.247-1.247.624 1.247.624.624 1.247Zm-4.99-.624a.624.624 0 1 0-1.247 0 .624.624 0 0 0 1.247 0Zm13.1 8.11-1.04 2.079-2.08 1.04 2.08 1.04 1.04 2.078 1.039-2.079 2.08-1.04-2.08-1.04-1.04-2.078Zm-.624 3.119a.624.624 0 1 0 1.247 0 .624.624 0 0 0-1.247 0Zm-4.016-9.264 2.675 2.674 3.836-3.836-2.674-2.674h-.002l-3.835 3.836Z",
2048
+ fill: "currentColor"
2049
+ }));
2050
+ };
2051
+
2052
+ IconMagicSolid.displayName = 'IconMagicSolid';
2053
+
2054
+ var IconMapMarker = function IconMapMarker(props) {
2055
+ return React__default.createElement("svg", Object.assign({
2056
+ viewBox: "0 0 20 20",
2057
+ fill: "none",
2058
+ xmlns: "http://www.w3.org/2000/svg",
2059
+ "data-testid": "icon-map-marker",
2060
+ style: getIconStyles(props)
2061
+ }, props), React__default.createElement("path", {
2062
+ fillRule: "evenodd",
2063
+ clipRule: "evenodd",
2064
+ d: "M10 0a7.5 7.5 0 0 0-7.5 7.5c0 2.485.711 3.498 4.113 8.344a531.627 531.627 0 0 1 2.616 3.752.938.938 0 0 0 1.542 0c1.012-1.467 1.877-2.7 2.616-3.752C16.789 10.998 17.5 9.984 17.5 7.5A7.5 7.5 0 0 0 10 0ZM6.25 7.5A3.754 3.754 0 0 1 10 3.75a3.754 3.754 0 0 1 3.75 3.75A3.754 3.754 0 0 1 10 11.25 3.754 3.754 0 0 1 6.25 7.5Zm1.25 0C7.5 8.879 8.621 10 10 10s2.5-1.121 2.5-2.5S11.379 5 10 5a2.503 2.503 0 0 0-2.5 2.5Zm.068 7.526c.684.976 1.489 2.123 2.432 3.487a608.11 608.11 0 0 1 2.432-3.487C15.698 10.37 16.25 9.582 16.25 7.5c0-1.67-.65-3.239-1.83-4.42A6.209 6.209 0 0 0 10 1.25c-1.67 0-3.239.65-4.42 1.83A6.209 6.209 0 0 0 3.75 7.5c0 2.083.553 2.87 3.818 7.526Z",
2065
+ fill: "currentColor"
2066
+ }));
2067
+ };
2068
+
2069
+ IconMapMarker.displayName = 'IconMapMarker';
2070
+
2071
+ var IconMegaphone = function IconMegaphone(props) {
2072
+ return React__default.createElement("svg", Object.assign({
2073
+ viewBox: "0 0 20 20",
2074
+ fill: "none",
2075
+ xmlns: "http://www.w3.org/2000/svg",
2076
+ "data-testid": "icon-megaphone",
2077
+ style: getIconStyles(props)
2078
+ }, props), React__default.createElement("path", {
2079
+ fillRule: "evenodd",
2080
+ clipRule: "evenodd",
2081
+ d: "M19.722 2.222h-.555a.278.278 0 0 0-.278.278v.671L1.11 7.354v-.41a.278.278 0 0 0-.278-.277H.278A.278.278 0 0 0 0 6.944v6.112c0 .153.124.277.278.277h.555a.278.278 0 0 0 .278-.277v-.41l4.534 1.066a3.26 3.26 0 0 0-.09.732 3.333 3.333 0 0 0 3.334 3.333 3.313 3.313 0 0 0 3.217-2.544l6.783 1.596v.67c0 .154.124.279.278.279h.555A.278.278 0 0 0 20 17.5v-15a.278.278 0 0 0-.278-.278ZM8.89 16.667a2.225 2.225 0 0 1-2.222-2.223c0-.165.025-.323.06-.477l4.31 1.014a2.22 2.22 0 0 1-2.148 1.686ZM1.11 8.495v3.01l17.778 4.182V4.312L1.11 8.495Z",
2082
+ fill: "currentColor"
2083
+ }));
2084
+ };
2085
+
2086
+ IconMegaphone.displayName = 'IconMegaphone';
2087
+
2088
+ var IconMinusCircle = function IconMinusCircle(props) {
2089
+ return React__default.createElement("svg", Object.assign({
2090
+ viewBox: "0 0 20 20",
2091
+ fill: "none",
2092
+ xmlns: "http://www.w3.org/2000/svg",
2093
+ "data-testid": "icon-minus-circle",
2094
+ style: getIconStyles(props)
2095
+ }, props), React__default.createElement("path", {
2096
+ d: "M5.469 10.703A.47.47 0 0 1 5 10.234v-.468a.47.47 0 0 1 .469-.47h9.062a.47.47 0 0 1 .469.47v.468a.47.47 0 0 1-.469.47H5.47ZM19.687 10A9.686 9.686 0 0 1 10 19.688 9.686 9.686 0 0 1 .312 10 9.686 9.686 0 0 1 10 .312 9.686 9.686 0 0 1 19.688 10Zm-1.25 0c0-4.684-3.8-8.438-8.437-8.438-4.684 0-8.438 3.801-8.438 8.438 0 4.684 3.801 8.438 8.438 8.438 4.684 0 8.438-3.801 8.438-8.438Z",
2097
+ fill: "currentColor"
2098
+ }));
2099
+ };
2100
+
2101
+ IconMinusCircle.displayName = 'IconMinusCircle';
2102
+
2103
+ var IconMinus = function IconMinus(props) {
2104
+ return React__default.createElement("svg", Object.assign({
2105
+ viewBox: "0 0 20 20",
2106
+ fill: "none",
2107
+ xmlns: "http://www.w3.org/2000/svg",
2108
+ "data-testid": "icon-minus",
2109
+ style: getIconStyles(props)
2110
+ }, props), React__default.createElement("path", {
2111
+ d: "M17.188 9.063H2.813a.312.312 0 0 0-.313.312v1.25c0 .173.14.313.313.313h14.374c.173 0 .313-.14.313-.313v-1.25a.312.312 0 0 0-.313-.313Z",
2112
+ fill: "currentColor"
2113
+ }));
2114
+ };
2115
+
2116
+ IconMinus.displayName = 'IconMinus';
2117
+
2118
+ var IconMoneyBill = function IconMoneyBill(props) {
2119
+ return React__default.createElement("svg", Object.assign({
2120
+ viewBox: "0 0 20 20",
2121
+ fill: "none",
2122
+ xmlns: "http://www.w3.org/2000/svg",
2123
+ "data-testid": "icon-money-bill",
2124
+ style: getIconStyles(props)
2125
+ }, props), React__default.createElement("path", {
2126
+ d: "M10 5.25c-1.657 0-3 1.79-3 4 0 2.209 1.343 4 3 4 1.656 0 3-1.79 3-4s-1.343-4-3-4Zm0 6.857c-1.103 0-2-1.282-2-2.857 0-1.575.897-2.857 2-2.857s2 1.282 2 2.857c0 1.575-.897 2.857-2 2.857Zm9.411-10.055c-1.212-.58-2.425-.802-3.638-.802-3.849 0-7.697 2.226-11.546 2.226-2.029 0-2.761-.547-3.22-.547C.47 2.929 0 3.404 0 4.065v11.33c0 .451.226.879.589 1.053 1.212.58 2.425.802 3.638.802 3.849 0 7.697-2.227 11.546-2.227 2.029 0 2.761.548 3.22.548.537 0 1.007-.475 1.007-1.136V3.105c0-.452-.226-.879-.589-1.053ZM1.03 4.081c.632.229 1.282.376 1.958.46-.061 1.193-.913 2.144-1.965 2.158l.007-2.618ZM1 15.395l.004-1.519c1.05.003 1.903.94 1.98 2.123A6.94 6.94 0 0 1 1 15.395Zm17.97-.976a8.933 8.933 0 0 0-1.952-.46c.09-1.16.928-2.076 1.96-2.09l-.008 2.55Zm.01-3.698c-1.563.013-2.83 1.405-2.956 3.165-2.21-.051-4.287.565-6.268 1.138-2.346.679-3.955 1.115-5.763 1.067-.039-1.858-1.359-3.358-2.986-3.362l.013-4.881c1.583-.012 2.866-1.44 2.962-3.233 2.204.05 4.281-.565 6.262-1.138 2.337-.677 3.953-1.115 5.757-1.068.006 1.89 1.344 3.427 2.992 3.431l-.013 4.881Zm.016-6.028c-1.07-.003-1.939-.977-1.987-2.192A6.938 6.938 0 0 1 19 3.105l-.004 1.588Z",
2127
+ fill: "currentColor"
2128
+ }));
2129
+ };
2130
+
2131
+ IconMoneyBill.displayName = 'IconMoneyBill';
2132
+
2133
+ var IconNotesMedical = function IconNotesMedical(props) {
2134
+ return React__default.createElement("svg", Object.assign({
2135
+ viewBox: "0 0 20 20",
2136
+ fill: "none",
2137
+ xmlns: "http://www.w3.org/2000/svg",
2138
+ "data-testid": "icon-notes-medical",
2139
+ style: getIconStyles(props)
2140
+ }, props), React__default.createElement("path", {
2141
+ d: "M15.625 2.5h-3.46A2.189 2.189 0 0 0 10 0a2.189 2.189 0 0 0-2.165 2.5H4.375C3.34 2.5 2.5 3.34 2.5 4.375v13.75C2.5 19.16 3.34 20 4.375 20h11.25c1.035 0 1.875-.84 1.875-1.875V4.375c0-1.035-.84-1.875-1.875-1.875ZM10 1.25c.52 0 .938.418.938.938 0 .519-.418.937-.938.937a.935.935 0 0 1-.938-.938c0-.519.418-.937.938-.937Zm6.25 16.875a.627.627 0 0 1-.625.625H4.375a.627.627 0 0 1-.625-.625V4.375c0-.344.281-.625.625-.625H6.25v.781c0 .258.21.469.469.469h6.562a.47.47 0 0 0 .469-.469V3.75h1.875c.344 0 .625.281.625.625v13.75Zm-2.813-6.875H11.25V9.062a.313.313 0 0 0-.313-.312H9.063a.313.313 0 0 0-.313.313v2.187H6.562a.313.313 0 0 0-.312.313v1.874c0 .172.14.313.313.313H8.75v2.188c0 .171.14.312.313.312h1.874c.172 0 .313-.14.313-.313V13.75h2.188c.171 0 .312-.14.312-.313v-1.874a.313.313 0 0 0-.313-.313Z",
2142
+ fill: "currentColor"
2143
+ }));
2144
+ };
2145
+
2146
+ IconNotesMedical.displayName = 'IconNotesMedical';
2147
+
2148
+ var IconOvertime = function IconOvertime(props) {
2149
+ return React__default.createElement("svg", Object.assign({
2150
+ viewBox: "0 0 21 20",
2151
+ fill: "none",
2152
+ xmlns: "http://www.w3.org/2000/svg",
2153
+ "data-testid": "icon-overtime",
2154
+ style: getIconStyles(props)
2155
+ }, props), React__default.createElement("g", {
2156
+ clipPath: "url(#icon-overtime_svg__a)"
2157
+ }, React__default.createElement("path", {
2158
+ d: "M8.89.268A8.42 8.42 0 0 0 .468 8.69a8.42 8.42 0 0 0 10.064 8.262 4.83 4.83 0 1 0 6.62-6.62A8.42 8.42 0 0 0 8.89.268Zm7.335 8.422c0 .403-.033.8-.095 1.185a4.829 4.829 0 0 0-1.444-.22 4.809 4.809 0 0 0-2.845.927L9.535 8.904V3.935a.409.409 0 0 0-.408-.407h-.475a.409.409 0 0 0-.407.407v5.42a.41.41 0 0 0 .166.33l2.485 1.806a4.81 4.81 0 0 0-1.04 2.995c0 .503.077.988.22 1.444a7.409 7.409 0 0 1-1.186.095c-4.031 0-7.336-3.263-7.336-7.335 0-4.031 3.264-7.335 7.336-7.335 4.03 0 7.335 3.263 7.335 7.335Zm-2.114 4.978 1.45.477c.776.255 1.26 1.209.972 2.138a1.533 1.533 0 0 1-1.418 1.098v.727c0 .133-.097.241-.215.241h-.43c-.117 0-.214-.108-.214-.241v-.724a1.768 1.768 0 0 1-1.16-.453.265.265 0 0 1-.025-.37l.467-.513a.192.192 0 0 1 .262-.03.757.757 0 0 0 .459.158h.89c.218 0 .395-.2.395-.445a.444.444 0 0 0-.284-.427l-1.376-.453a1.68 1.68 0 0 1-1.124-1.458c-.08-.98.608-1.805 1.463-1.805h.033v-.725c0-.133.097-.241.215-.241h.43c.117 0 .214.108.214.241v.725c.421.001.832.163 1.16.453.107.092.12.265.025.37l-.467.513a.192.192 0 0 1-.262.03.757.757 0 0 0-.459-.159h-.89c-.218 0-.395.2-.395.446 0 .196.117.372.284.427Z",
2159
+ fill: "currentColor"
2160
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
2161
+ id: "icon-overtime_svg__a"
2162
+ }, React__default.createElement("path", {
2163
+ fill: "#fff",
2164
+ transform: "translate(.2)",
2165
+ d: "M0 0h20v20H0z"
2166
+ }))));
2167
+ };
2168
+
2169
+ IconOvertime.displayName = 'IconOvertime';
2170
+
2171
+ var IconPaperPlaneClock = function IconPaperPlaneClock(props) {
2172
+ return React__default.createElement("svg", Object.assign({
2173
+ viewBox: "0 0 20 20",
2174
+ fill: "none",
2175
+ xmlns: "http://www.w3.org/2000/svg",
2176
+ "data-testid": "icon-paper-plane-clock",
2177
+ style: getIconStyles(props)
2178
+ }, props), React__default.createElement("g", {
2179
+ clipPath: "url(#icon-paper-plane-clock_svg__a)",
2180
+ fill: "currentColor"
2181
+ }, React__default.createElement("path", {
2182
+ d: "m10.306 14.727-3.898-1.61 6.094-7.203c.147-.171-.088-.404-.26-.257l-7.798 6.647-3.467-1.43 13.685-7.896-.773 5.037c.329-.107.671-.185 1.024-.229l.714-4.658c.126-.816-.751-1.402-1.454-.996L.488 10.025a.978.978 0 0 0 .116 1.75l4.283 1.772v3.116c0 .923 1.155 1.323 1.732.62l1.854-2.254 2.375.98a5.453 5.453 0 0 1-.543-1.282Zm-4.441 1.936v-2.712l1.664.687-1.664 2.025Z"
2183
+ }), React__default.createElement("path", {
2184
+ d: "M15.6 8.843a4.396 4.396 0 0 0-4.398 4.399 4.396 4.396 0 0 0 4.399 4.398A4.396 4.396 0 0 0 20 13.242a4.396 4.396 0 0 0-4.4-4.399Zm0 7.82a3.423 3.423 0 0 1-3.42-3.421A3.424 3.424 0 0 1 15.6 9.82a3.423 3.423 0 0 1 3.422 3.42 3.423 3.423 0 0 1-3.421 3.422Z"
2185
+ }), React__default.createElement("path", {
2186
+ d: "M17.26 12.753h-1.17v-1.659a.299.299 0 0 0-.296-.296h-.385a.299.299 0 0 0-.297.296v2.34c0 .162.135.297.297.297h1.85a.299.299 0 0 0 .297-.297v-.385a.299.299 0 0 0-.296-.296Z"
2187
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
2188
+ id: "icon-paper-plane-clock_svg__a"
2189
+ }, React__default.createElement("path", {
2190
+ fill: "#fff",
2191
+ transform: "translate(0 2)",
2192
+ d: "M0 0h20v15.641H0z"
2193
+ }))));
2194
+ };
2195
+
2196
+ IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
2197
+
2198
+ var IconPaperPlane = function IconPaperPlane(props) {
2199
+ return React__default.createElement("svg", Object.assign({
2200
+ viewBox: "0 0 19 20",
2201
+ fill: "none",
2202
+ xmlns: "http://www.w3.org/2000/svg",
2203
+ "data-testid": "icon-paper-plane",
2204
+ style: getIconStyles(props)
2205
+ }, props), React__default.createElement("path", {
2206
+ fillRule: "evenodd",
2207
+ clipRule: "evenodd",
2208
+ d: "M17.188.206.628 10.261c-.85.517-.765 1.836.14 2.23l5.183 2.256v3.969c0 1.175 1.397 1.685 2.096.79l2.244-2.872 4.672 2.031c.706.308 1.505-.163 1.62-.96l2.365-16.23c.151-1.04-.91-1.786-1.76-1.269ZM7.134 18.716V15.26l2.014.875-2.014 2.58Zm.658-4.518 7.622 3.316 2.366-16.23L1.22 11.342l4.195 1.821 9.437-8.467c.207-.186.492.11.314.327l-7.374 9.175Z",
2209
+ fill: "currentColor"
2210
+ }));
2211
+ };
2212
+
2213
+ IconPaperPlane.displayName = 'IconPaperPlane';
2214
+
2215
+ var IconPaperclip = function IconPaperclip(props) {
2216
+ return React__default.createElement("svg", Object.assign({
2217
+ viewBox: "0 0 20 20",
2218
+ fill: "none",
2219
+ xmlns: "http://www.w3.org/2000/svg",
2220
+ "data-testid": "icon-paperclip",
2221
+ style: getIconStyles(props)
2222
+ }, props), React__default.createElement("g", {
2223
+ clipPath: "url(#icon-paperclip_svg__a)"
2224
+ }, React__default.createElement("path", {
2225
+ d: "M5.824 20a5.03 5.03 0 0 1-3.567-1.475 5.051 5.051 0 0 1 0-7.136L12.494 1.152a3.945 3.945 0 0 1 5.573 0 3.945 3.945 0 0 1 0 5.573L9.37 15.42a2.838 2.838 0 0 1-4.01 0 2.839 2.839 0 0 1 0-4.01l6.653-6.652a.469.469 0 0 1 .662 0l.222.221a.469.469 0 0 1 0 .663l-6.653 6.652a1.587 1.587 0 0 0 0 2.242 1.587 1.587 0 0 0 2.242 0l8.696-8.696a2.693 2.693 0 0 0 0-3.805 2.693 2.693 0 0 0-3.804 0L3.14 12.273a3.8 3.8 0 0 0 0 5.367 3.8 3.8 0 0 0 5.367 0l8.506-8.505a.469.469 0 0 1 .663 0l.22.221a.469.469 0 0 1 0 .663l-8.505 8.506A5.03 5.03 0 0 1 5.824 20Z",
2226
+ fill: "currentColor"
2227
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
2228
+ id: "icon-paperclip_svg__a"
2229
+ }, React__default.createElement("path", {
2230
+ fill: "#fff",
2231
+ d: "M0 0h20v20H0z"
2232
+ }))));
2233
+ };
2234
+
2235
+ IconPaperclip.displayName = 'IconPaperclip';
2236
+
2237
+ var IconPencil = function IconPencil(props) {
2238
+ return React__default.createElement("svg", Object.assign({
2239
+ viewBox: "0 0 20 20",
2240
+ fill: "none",
2241
+ xmlns: "http://www.w3.org/2000/svg",
2242
+ "data-testid": "icon-pencil",
2243
+ style: getIconStyles(props)
2244
+ }, props), React__default.createElement("path", {
2245
+ fillRule: "evenodd",
2246
+ clipRule: "evenodd",
2247
+ d: "m17.79.73 1.46 1.462a2.495 2.495 0 0 1 0 3.53L5.512 19.46l-4.451.495a.936.936 0 0 1-1.034-1.033l.495-4.452L14.261.73a2.495 2.495 0 0 1 3.528 0ZM6.802 16.404l8.736-8.735-3.226-3.226-8.736 8.735h1.355v1.872h1.871v1.354ZM4.938 18.27l-2.3.255-1.182-1.181.256-2.3.774-.774H3.84v1.871h1.872v1.355l-.774.774ZM16.42 6.786l1.947-1.947a1.247 1.247 0 0 0 0-1.764l-1.462-1.462a1.247 1.247 0 0 0-1.764 0L13.195 3.56l3.226 3.226Z",
2248
+ fill: "currentColor"
2249
+ }));
2250
+ };
2251
+
2252
+ IconPencil.displayName = 'IconPencil';
2253
+
2254
+ var IconPercentage = function IconPercentage(props) {
2255
+ return React__default.createElement("svg", Object.assign({
2256
+ viewBox: "0 0 20 20",
2257
+ fill: "none",
2258
+ xmlns: "http://www.w3.org/2000/svg",
2259
+ "data-testid": "icon-percentage",
2260
+ style: getIconStyles(props)
2261
+ }, props), React__default.createElement("path", {
2262
+ d: "M16.843 4.63a.347.347 0 0 0 0-.49l-.982-.983a.347.347 0 0 0-.491 0L3.157 15.37a.347.347 0 0 0 0 .49l.983.983a.347.347 0 0 0 .49 0L15.925 5.549l.918-.919ZM5.833 8.611a2.778 2.778 0 1 0-.001-5.555 2.778 2.778 0 0 0 .002 5.555Zm-.981-3.76a1.38 1.38 0 0 1 .982-.406 1.39 1.39 0 0 1 0 2.778 1.39 1.39 0 0 1-.982-2.371Zm9.315 6.538a2.778 2.778 0 1 0 0 5.556 2.778 2.778 0 0 0 0-5.556Zm.982 3.76a1.38 1.38 0 0 1-.982.407 1.39 1.39 0 0 1 0-2.778 1.39 1.39 0 0 1 .982 2.371Z",
2263
+ fill: "currentColor"
2264
+ }));
2265
+ };
2266
+
2267
+ IconPercentage.displayName = 'IconPercentage';
2268
+
2269
+ var IconPhone = function IconPhone(props) {
2270
+ return React__default.createElement("svg", Object.assign({
2271
+ viewBox: "0 0 20 20",
2272
+ xmlns: "http://www.w3.org/2000/svg",
2273
+ "data-testid": "icon-phone",
2274
+ style: getIconStyles(props)
2275
+ }, props), React__default.createElement("path", {
2276
+ fill: "currentColor",
2277
+ fillRule: "evenodd",
2278
+ d: "m19.93 15.126-.909 3.93a1.21 1.21 0 0 1-1.185.944C7.96 20 0 11.996 0 2.163c0-.569.39-1.06.947-1.189L4.873.07a1.217 1.217 0 0 1 1.392.705l1.813 4.227c.214.495.07 1.08-.347 1.423L5.629 8.144a13.645 13.645 0 0 0 6.223 6.222l1.719-2.101a1.223 1.223 0 0 1 1.423-.347l4.23 1.813c.542.233.838.822.706 1.395ZM5.13 1.292l-3.883.897C1.26 11.33 8.667 18.742 17.81 18.75l.896-3.883-4.187-1.793-2.32 2.838c-4.023-1.887-6.218-4.074-8.113-8.113l2.839-2.32L5.13 1.292Z"
2279
+ }));
2280
+ };
2281
+
2282
+ IconPhone.displayName = 'IconPhone';
2283
+
2284
+ var IconPlug = function IconPlug(props) {
2285
+ return React__default.createElement("svg", Object.assign({
2286
+ viewBox: "0 0 20 20",
2287
+ fill: "none",
2288
+ xmlns: "http://www.w3.org/2000/svg",
2289
+ "data-testid": "icon-plug",
2290
+ style: getIconStyles(props)
2291
+ }, props), React__default.createElement("path", {
2292
+ fillRule: "evenodd",
2293
+ clipRule: "evenodd",
2294
+ d: "M13.125 5.625v-5a.625.625 0 1 1 1.25 0v5h-1.25Zm-9.688.625h13.126c.517 0 .937.42.937.938v1.875c0 .517-.42.937-.938.937h-.312a6.25 6.25 0 0 1-5.625 6.219V20h-1.25v-3.781A6.25 6.25 0 0 1 3.75 10h-.313a.937.937 0 0 1-.937-.938V7.188c0-.518.42-.938.938-.938ZM15 8.75h1.25V7.5H3.75v1.25H5V10c0 2.764 2.237 5 5 5 2.764 0 5-2.237 5-5V8.75ZM5.625.625v5h1.25v-5a.625.625 0 1 0-1.25 0Z",
2295
+ fill: "currentColor"
2296
+ }));
2297
+ };
2298
+
2299
+ IconPlug.displayName = 'IconPlug';
2300
+
2301
+ var IconPlus = function IconPlus(props) {
2302
+ return React__default.createElement("svg", Object.assign({
2303
+ viewBox: "0 0 20 20",
2304
+ fill: "none",
2305
+ xmlns: "http://www.w3.org/2000/svg",
2306
+ "data-testid": "icon-plus",
2307
+ style: getIconStyles(props)
2308
+ }, props), React__default.createElement("path", {
2309
+ fillRule: "evenodd",
2310
+ clipRule: "evenodd",
2311
+ d: "M19.672 9.063h-8.734V.336a.312.312 0 0 0-.312-.313h-1.25a.312.312 0 0 0-.313.313v8.727H.33a.312.312 0 0 0-.312.312v1.25c0 .173.14.313.312.313h8.733v8.714c0 .173.14.313.313.313h1.25c.173 0 .312-.14.312-.313v-8.715h8.734c.173 0 .313-.14.313-.312v-1.25a.312.312 0 0 0-.313-.312Z",
2312
+ fill: "currentColor"
2313
+ }));
2314
+ };
2315
+
2316
+ IconPlus.displayName = 'IconPlus';
2317
+
2318
+ var IconPrint = function IconPrint(props) {
2319
+ return React__default.createElement("svg", Object.assign({
2320
+ viewBox: "0 0 20 20",
2321
+ fill: "none",
2322
+ xmlns: "http://www.w3.org/2000/svg",
2323
+ "data-testid": "icon-print",
2324
+ style: getIconStyles(props)
2325
+ }, props), React__default.createElement("path", {
2326
+ fillRule: "evenodd",
2327
+ clipRule: "evenodd",
2328
+ d: "M16.25 7.5h.625C18.601 7.5 20 8.9 20 10.625v3.75c0 .345-.28.625-.625.625H16.25v4.375c0 .345-.28.625-.625.625H4.375a.625.625 0 0 1-.625-.625V15H.625A.625.625 0 0 1 0 14.375v-3.75C0 8.899 1.4 7.5 3.125 7.5h.625V1.25C3.75.56 4.283 0 4.94 0h7.042c.332 0 .65.132.884.366l3.018 3.018c.234.234.366.552.366.884V7.5Zm-1.768-3.75L12.5 1.768V3.75h1.982Zm-9.477-2.5h6.245v2.5c0 .69.56 1.25 1.25 1.25H15v2.5H5l.005-6.25ZM5 18.75h10V15H5v3.75Zm13.75-5H1.25v-3.125c0-1.034.841-1.875 1.875-1.875h13.75c1.034 0 1.875.841 1.875 1.875v3.125Zm-4.063-2.5a.937.937 0 1 1 1.875 0 .937.937 0 0 1-1.875 0Z",
2329
+ fill: "currentColor"
2330
+ }));
2331
+ };
2332
+
2333
+ IconPrint.displayName = 'IconPrint';
2334
+
2335
+ var IconQuestionCircle = function IconQuestionCircle(props) {
2336
+ return React__default.createElement("svg", Object.assign({
2337
+ viewBox: "0 0 20 20",
2338
+ fill: "none",
2339
+ xmlns: "http://www.w3.org/2000/svg",
2340
+ "data-testid": "icon-question-circle",
2341
+ style: getIconStyles(props)
2342
+ }, props), React__default.createElement("path", {
2343
+ d: "M10 13.281a1.094 1.094 0 1 0 0 2.188 1.094 1.094 0 0 0 0-2.188Zm.3-.937h-.625a.469.469 0 0 1-.47-.469v-.015c0-2.748 3.026-2.485 3.026-4.196 0-.781-.694-1.57-2.244-1.57-1.138 0-1.729.377-2.313 1.12a.467.467 0 0 1-.635.093l-.513-.357a.468.468 0 0 1-.103-.671c.83-1.064 1.813-1.748 3.564-1.748 2.044 0 3.806 1.162 3.806 3.133 0 2.634-3.025 2.495-3.025 4.196v.015c0 .259-.21.469-.468.469ZM10 1.563c4.634 0 8.438 3.752 8.438 8.437A8.435 8.435 0 0 1 10 18.438 8.435 8.435 0 0 1 1.562 10 8.437 8.437 0 0 1 10 1.562Zm0-1.25a9.687 9.687 0 1 0 0 19.375A9.687 9.687 0 0 0 19.688 10C19.688 4.652 15.35.312 10 .312Z",
2344
+ fill: "currentColor"
2345
+ }));
2346
+ };
2347
+
2348
+ IconQuestionCircle.displayName = 'IconQuestionCircle';
2349
+
2350
+ var IconRepeat = function IconRepeat(props) {
2351
+ return React__default.createElement("svg", Object.assign({
2352
+ viewBox: "0 0 20 20",
2353
+ fill: "none",
2354
+ xmlns: "http://www.w3.org/2000/svg",
2355
+ "data-testid": "icon-repeat",
2356
+ style: getIconStyles(props)
2357
+ }, props), React__default.createElement("path", {
2358
+ d: "M0 10c0 3.469 2.804 6.29 6.25 6.29h9.429l-2.665 2.682a.474.474 0 0 0 0 .667l.221.223c.184.184.48.184.663 0l3.842-3.867a.474.474 0 0 0 0-.667l-3.842-3.867a.467.467 0 0 0-.663 0l-.22.223a.474.474 0 0 0 0 .667l2.664 2.682H6.25c-2.757 0-5-2.258-5-5.033 0-1.123.367-2.16.987-2.999a.475.475 0 0 0-.043-.616L1.97 6.16a.467.467 0 0 0-.706.05A6.284 6.284 0 0 0 0 10Zm17.763 2.999c.62-.838.987-1.876.987-2.999 0-2.775-2.243-5.033-5-5.033H4.321L6.986 7.65a.474.474 0 0 1 0 .667l-.221.223a.467.467 0 0 1-.663 0L2.26 4.672a.474.474 0 0 1 0-.667L6.102.138a.467.467 0 0 1 .663 0l.22.223a.474.474 0 0 1 0 .667L4.321 3.709h9.429C17.196 3.71 20 6.531 20 10a6.285 6.285 0 0 1-1.265 3.79.468.468 0 0 1-.706.05l-.223-.225a.475.475 0 0 1-.043-.616Z",
2359
+ fill: "currentColor"
2360
+ }));
2361
+ };
2362
+
2363
+ IconRepeat.displayName = 'IconRepeat';
2364
+
2365
+ var IconSearch = function IconSearch(props) {
2366
+ return React__default.createElement("svg", Object.assign({
2367
+ viewBox: "0 0 20 20",
2368
+ fill: "none",
2369
+ xmlns: "http://www.w3.org/2000/svg",
2370
+ "data-testid": "icon-search",
2371
+ style: getIconStyles(props)
2372
+ }, props), React__default.createElement("path", {
2373
+ fillRule: "evenodd",
2374
+ clipRule: "evenodd",
2375
+ d: "m14.795 13.747 5.03 5.029a.468.468 0 0 1 0 .663l-.386.386a.468.468 0 0 1-.663 0l-5.03-5.03a.48.48 0 0 1-.136-.331v-.398A8.108 8.108 0 0 1 0 8.11C0 3.63 3.63 0 8.11 0a8.108 8.108 0 0 1 5.952 13.61h.402c.125 0 .242.047.331.137ZM1.248 8.109a6.857 6.857 0 0 0 6.861 6.862 6.857 6.857 0 0 0 6.862-6.862 6.857 6.857 0 0 0-6.862-6.861 6.857 6.857 0 0 0-6.861 6.861Z",
2376
+ fill: "currentColor"
2377
+ }));
2378
+ };
2379
+
2380
+ IconSearch.displayName = 'IconSearch';
2381
+
2382
+ var IconSignOut = function IconSignOut(props) {
2383
+ return React__default.createElement("svg", Object.assign({
2384
+ viewBox: "0 0 20 20",
2385
+ fill: "none",
2386
+ xmlns: "http://www.w3.org/2000/svg",
2387
+ "data-testid": "icon-sign-out",
2388
+ style: getIconStyles(props)
2389
+ }, props), React__default.createElement("path", {
2390
+ d: "M6.25 9.314c0-.344.281-.625.625-.625H12.5V5.02c0-.278.336-.418.531-.223l5.531 5.59a.625.625 0 0 1 0 .887l-5.53 5.59a.311.311 0 0 1-.532-.223v-3.668H6.875a.627.627 0 0 1-.625-.625V9.314Zm-1.25 0v3.035c0 1.035.84 1.875 1.875 1.875h4.375v2.418c0 1.387 1.68 2.09 2.664 1.105l5.535-5.586a1.877 1.877 0 0 0 0-2.656l-5.535-5.59c-.98-.98-2.664-.285-2.664 1.106v2.418H6.875A1.878 1.878 0 0 0 5 9.314ZM0 5.208v11.25c0 1.035.84 1.875 1.875 1.875h5.156a.47.47 0 0 0 .469-.468v-.313a.47.47 0 0 0-.469-.469H1.875a.627.627 0 0 1-.625-.625V5.208c0-.344.281-.625.625-.625h5.156a.47.47 0 0 0 .469-.469v-.312a.47.47 0 0 0-.469-.469H1.875C.84 3.333 0 4.173 0 5.208Z",
2391
+ fill: "currentColor"
2392
+ }));
2393
+ };
2394
+
2395
+ IconSignOut.displayName = 'IconSignOut';
2396
+
2397
+ var IconSitemap = function IconSitemap(props) {
2398
+ return React__default.createElement("svg", Object.assign({
2399
+ viewBox: "0 0 20 20",
2400
+ fill: "none",
2401
+ xmlns: "http://www.w3.org/2000/svg",
2402
+ "data-testid": "icon-sitemap",
2403
+ style: getIconStyles(props)
2404
+ }, props), React__default.createElement("path", {
2405
+ fillRule: "evenodd",
2406
+ clipRule: "evenodd",
2407
+ d: "M19 12.667h-1v-3.05a.95.95 0 0 0-.95-.95H10.5v-2H12a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h1.5v2H2.95a.95.95 0 0 0-.95.95v3.05H1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1H3v-3h6.5v3h-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-1v-3H17v3h-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1Zm-15 1v3H1v-3h3Zm7.5 3v-3h-3v3h3Zm-3.5-11v-3h4v3H8Zm8 11h3v-3h-3v3Z",
2408
+ fill: "currentColor"
2409
+ }));
2410
+ };
2411
+
2412
+ IconSitemap.displayName = 'IconSitemap';
2413
+
2414
+ var IconSlidersH = function IconSlidersH(props) {
2415
+ return React__default.createElement("svg", Object.assign({
2416
+ viewBox: "0 0 20 20",
2417
+ fill: "none",
2418
+ xmlns: "http://www.w3.org/2000/svg",
2419
+ "data-testid": "icon-sliders-h",
2420
+ style: getIconStyles(props)
2421
+ }, props), React__default.createElement("g", {
2422
+ clipPath: "url(#icon-sliders-h_svg__a)"
2423
+ }, React__default.createElement("path", {
2424
+ d: "M19.688 15H7.5v-1.563a.935.935 0 0 0-.938-.937H4.688a.935.935 0 0 0-.937.938V15H.312a.313.313 0 0 0-.312.313v.624c0 .172.14.313.313.313H3.75v1.563c0 .519.418.937.938.937h1.875c.519 0 .937-.418.937-.938V16.25h12.188c.171 0 .312-.14.312-.313v-.624a.313.313 0 0 0-.313-.313ZM6.25 17.5H5v-3.75h1.25v3.75ZM19.688 3.75H10V2.187a.935.935 0 0 0-.938-.937H7.188a.935.935 0 0 0-.938.938V3.75H.312A.313.313 0 0 0 0 4.063v.625C0 4.859.14 5 .313 5H6.25v1.563c0 .519.418.937.938.937h1.875c.519 0 .937-.418.937-.938V5h9.688c.171 0 .312-.14.312-.313v-.625a.313.313 0 0 0-.313-.312ZM8.75 6.25H7.5V2.5h1.25v3.75Zm10.938 3.125H16.25V7.812a.935.935 0 0 0-.938-.937h-1.874a.935.935 0 0 0-.938.938v1.562H.312A.313.313 0 0 0 0 9.688v.624c0 .172.14.313.313.313H12.5v1.563c0 .519.418.937.938.937h1.874c.52 0 .938-.418.938-.938v-1.562h3.438c.171 0 .312-.14.312-.313v-.624a.313.313 0 0 0-.313-.313ZM15 11.875h-1.25v-3.75H15v3.75Z",
2425
+ fill: "currentColor"
2426
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
2427
+ id: "icon-sliders-h_svg__a"
2428
+ }, React__default.createElement("path", {
2429
+ fill: "#fff",
2430
+ d: "M0 0h20v20H0z"
2431
+ }))));
2432
+ };
2433
+
2434
+ IconSlidersH.displayName = 'IconSlidersH';
2435
+
2436
+ var IconSort = function IconSort(props) {
2437
+ return React__default.createElement("svg", Object.assign({
2438
+ viewBox: "0 0 20 20",
2439
+ fill: "none",
2440
+ xmlns: "http://www.w3.org/2000/svg",
2441
+ "data-testid": "icon-sort",
2442
+ style: getIconStyles(props)
2443
+ }, props), React__default.createElement("path", {
2444
+ d: "m16.74 4.602-3.284-3.215a.466.466 0 0 0-.66 0l-3.28 3.216a.469.469 0 0 0-.004.664l.22.222a.466.466 0 0 0 .66.003l2.11-2.057v15.002a.313.313 0 0 0 .312.313h.625a.312.312 0 0 0 .312-.313V3.441l2.107 2.045a.469.469 0 0 0 .661 0l.22-.222a.469.469 0 0 0 0-.662Zm-6.468 9.912a.464.464 0 0 0-.66-.003l-2.11 2.057V1.562a.312.312 0 0 0-.313-.312h-.625a.312.312 0 0 0-.313.313v14.996l-2.107-2.045a.468.468 0 0 0-.66 0l-.221.222a.47.47 0 0 0 0 .664l3.283 3.214a.467.467 0 0 0 .66 0l3.28-3.215a.468.468 0 0 0 .004-.664l-.218-.22Z",
2445
+ fill: "currentColor"
2446
+ }));
2447
+ };
2448
+
2449
+ IconSort.displayName = 'IconSort';
2450
+
2451
+ var IconStar = function IconStar(props) {
2452
+ return React__default.createElement("svg", Object.assign({
2453
+ viewBox: "0 0 20 20",
2454
+ fill: "none",
2455
+ xmlns: "http://www.w3.org/2000/svg",
2456
+ "data-testid": "icon-star",
2457
+ style: getIconStyles(props)
2458
+ }, props), React__default.createElement("path", {
2459
+ d: "m18.976 6.699-5.462-.832L11.073.696a1.175 1.175 0 0 0-2.146 0L6.486 5.867l-5.462.832c-.98.148-1.372 1.41-.661 2.132l3.951 4.023-.935 5.683c-.168 1.027.868 1.797 1.735 1.317L10 17.17l4.886 2.683c.867.477 1.903-.289 1.735-1.316l-.935-5.683 3.951-4.023c.71-.722.318-1.984-.661-2.132Zm-4.572 5.718 1.039 6.327L10 15.76l-5.44 2.988 1.04-6.327-4.404-4.488 6.083-.922L10 1.251l2.722 5.76 6.082.922-4.4 4.484Z",
2460
+ fill: "currentColor"
2461
+ }));
2462
+ };
2463
+
2464
+ IconStar.displayName = 'IconStar';
2465
+
2466
+ var IconStickyNoteLines = function IconStickyNoteLines(props) {
2467
+ return React__default.createElement("svg", Object.assign({
2468
+ viewBox: "0 0 20 20",
2469
+ fill: "none",
2470
+ xmlns: "http://www.w3.org/2000/svg",
2471
+ "data-testid": "icon-sticky-note-lines",
2472
+ style: getIconStyles(props)
2473
+ }, props), React__default.createElement("path", {
2474
+ d: "M20 14.112V2.142C20 .96 19.04 0 17.857 0H2.143C.959 0 0 .96 0 2.143v15.714C0 19.041.96 20 2.143 20h11.97c.568 0 1.113-.226 1.515-.628l3.744-3.745c.402-.401.628-.946.628-1.515Zm-5.383 4.25a.71.71 0 0 1-.331.188v-4.264h4.263a.708.708 0 0 1-.187.331l-3.744 3.745Zm3.954-16.22v10.715H13.93c-.592 0-1.072.48-1.072 1.071v4.643H2.143a.714.714 0 0 1-.714-.714V2.143c0-.395.32-.714.714-.714h15.714c.395 0 .714.32.714.714Z",
2475
+ fill: "currentColor"
2476
+ }), React__default.createElement("path", {
2477
+ d: "M5.313 9.583h5.625c.171 0 .312.14.312.313v.625c0 .172-.14.312-.313.312H5.314A.313.313 0 0 1 5 10.521v-.625c0-.172.14-.313.313-.313ZM5.313 5.833h9.375c.171 0 .312.14.312.313v.625c0 .172-.14.312-.313.312H5.313A.313.313 0 0 1 5 6.771v-.625c0-.172.14-.313.313-.313Z",
2478
+ fill: "currentColor"
2479
+ }));
2480
+ };
2481
+
2482
+ IconStickyNoteLines.displayName = 'IconStickyNoteLines';
2483
+
2484
+ var IconStopwatch = function IconStopwatch(props) {
2485
+ return React__default.createElement("svg", Object.assign({
2486
+ viewBox: "0 0 20 20",
2487
+ fill: "none",
2488
+ xmlns: "http://www.w3.org/2000/svg",
2489
+ "data-testid": "icon-stopwatch",
2490
+ style: getIconStyles(props)
2491
+ }, props), React__default.createElement("path", {
2492
+ fillRule: "evenodd",
2493
+ clipRule: "evenodd",
2494
+ d: "m16.613 5.52.684-.684a.47.47 0 0 0 0-.664l-.223-.223a.47.47 0 0 0-.664 0l-.683.684a8.72 8.72 0 0 0-5.145-2.117V1.25h.977a.47.47 0 0 0 .468-.469V.47A.47.47 0 0 0 11.56 0H8.434a.47.47 0 0 0-.47.469V.78c0 .258.212.469.47.469h.898v1.273A8.75 8.75 0 0 0 1.25 11.25a8.75 8.75 0 1 0 15.363-5.73ZM10 18.75a7.497 7.497 0 0 1-7.5-7.5c0-4.145 3.355-7.5 7.5-7.5s7.5 3.355 7.5 7.5-3.355 7.5-7.5 7.5Zm-.625-5.469c0 .258.21.469.469.469h.312a.47.47 0 0 0 .469-.469V6.72a.47.47 0 0 0-.469-.469h-.312a.47.47 0 0 0-.469.469v6.562Z",
2495
+ fill: "currentColor"
2496
+ }));
2497
+ };
2498
+
2499
+ IconStopwatch.displayName = 'IconStopwatch';
2500
+
2501
+ var IconStrikethrough = function IconStrikethrough(props) {
2502
+ return React__default.createElement("svg", Object.assign({
2503
+ viewBox: "0 0 20 20",
2504
+ fill: "none",
2505
+ xmlns: "http://www.w3.org/2000/svg",
2506
+ "data-testid": "icon-strikethrough",
2507
+ style: getIconStyles(props)
2508
+ }, props), React__default.createElement("g", {
2509
+ clipPath: "url(#icon-strikethrough_svg__a)"
2510
+ }, React__default.createElement("path", {
2511
+ d: "M14.116 12.5a2.832 2.832 0 0 1 .82 2.666c-.19.898-.842 1.645-1.682 2.012a3.858 3.858 0 0 1-1.538.322H9.141a3.061 3.061 0 0 1-2.914-2.09.315.315 0 0 0-.368-.217l-.611.143a.313.313 0 0 0-.235.39 4.308 4.308 0 0 0 4.128 3.024h2.578a5.115 5.115 0 0 0 2.036-.426c1.31-.57 2.272-1.804 2.46-3.22a4.082 4.082 0 0 0-.52-2.604h-1.58ZM6.61 8.75H9.28L7.74 7.984c-.968-.482-1.563-1.463-1.535-2.606a2.82 2.82 0 0 1 1.571-2.474A3.849 3.849 0 0 1 9.49 2.5h1.87a4.25 4.25 0 0 1 3.73 2.223.312.312 0 0 0 .404.144l.57-.258a.314.314 0 0 0 .153-.43 5.502 5.502 0 0 0-4.858-2.929h-1.87a5.11 5.11 0 0 0-2.271.536c-1.396.698-2.262 2.103-2.262 3.72A3.988 3.988 0 0 0 6.611 8.75ZM19.688 10H.313a.312.312 0 0 0-.313.313v.624a.313.313 0 0 0 .313.313h19.375a.313.313 0 0 0 .312-.313v-.624a.313.313 0 0 0-.313-.313Z",
2512
+ fill: "currentColor"
2513
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
2514
+ id: "icon-strikethrough_svg__a"
2515
+ }, React__default.createElement("path", {
2516
+ fill: "#fff",
2517
+ d: "M0 0h20v20H0z"
2518
+ }))));
2519
+ };
2520
+
2521
+ IconStrikethrough.displayName = 'IconStrikethrough';
2522
+
2523
+ var IconSyncExclaimation = function IconSyncExclaimation(props) {
2524
+ return React__default.createElement("svg", Object.assign({
2525
+ viewBox: "0 0 20 20",
2526
+ xmlns: "http://www.w3.org/2000/svg",
2527
+ "data-testid": "icon-sync-exclaimation",
2528
+ style: getIconStyles(props)
2529
+ }, props), React__default.createElement("path", {
2530
+ d: "M18 10a7.939 7.939 0 0 0-2.351-5.649L13 7.001V1h6l-1.938 1.937A9.93 9.93 0 0 1 20 10c0 5.514-4.486 10-10 10v-2c4.411 0 8-3.589 8-8ZM10 0v2c-4.41 0-8 3.589-8 8a7.94 7.94 0 0 0 2.35 5.649L7 12.999v6H1l1.938-1.937A9.926 9.926 0 0 1 0 10C0 4.486 4.485 0 10 0Zm.084 12.334a.915.915 0 1 1 0 1.833.915.915 0 0 1-.917-.917c0-.507.41-.916.917-.916ZM10.769 5c.13 0 .235.09.231.2l-.29 6.335c-.003.103-.107.187-.23.187h-.792c-.123 0-.228-.08-.231-.187L9.167 5.2c-.004-.11.1-.2.232-.2h1.37Z",
2531
+ fill: "currentColor",
2532
+ fillRule: "evenodd"
2533
+ }));
2534
+ };
2535
+
2536
+ IconSyncExclaimation.displayName = 'IconSyncExclaimation';
2537
+
2538
+ var IconSync = function IconSync(props) {
2539
+ return React__default.createElement("svg", Object.assign({
2540
+ viewBox: "0 0 20 20",
2541
+ xmlns: "http://www.w3.org/2000/svg",
2542
+ "data-testid": "icon-sync",
2543
+ style: getIconStyles(props)
2544
+ }, props), React__default.createElement("path", {
2545
+ d: "M18 10a7.939 7.939 0 0 0-2.351-5.649L13 7.001V1h6l-1.938 1.937A9.93 9.93 0 0 1 20 10c0 5.514-4.486 10-10 10v-2c4.411 0 8-3.589 8-8ZM2 10a7.94 7.94 0 0 0 2.35 5.649L7 12.999v6H1l1.938-1.937A9.926 9.926 0 0 1 0 10C0 4.486 4.485 0 10 0v2c-4.41 0-8 3.589-8 8Z",
2546
+ fill: "currentColor",
2547
+ fillRule: "evenodd"
2548
+ }));
2549
+ };
2550
+
2551
+ IconSync.displayName = 'IconSync';
2552
+
2553
+ var IconTachometer = function IconTachometer(props) {
2554
+ return React__default.createElement("svg", Object.assign({
2555
+ xmlns: "http://www.w3.org/2000/svg",
2556
+ "data-testid": "icon-tachometer",
2557
+ style: getIconStyles(props)
2558
+ }, props), React__default.createElement("path", {
2559
+ fill: "currentColor",
2560
+ fillRule: "evenodd",
2561
+ d: "M0 10.556c0-5.523 4.477-10 10-10s10 4.477 10 10a9.95 9.95 0 0 1-1.356 5.027 1.098 1.098 0 0 1-.953.528H2.309a1.1 1.1 0 0 1-.953-.528A9.948 9.948 0 0 1 0 10.556Zm10-5.834a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666ZM5.278 5a.833.833 0 1 0 0 1.666.833.833 0 0 0 0-1.666Zm8.61.833a.833.833 0 1 1 1.667 0 .833.833 0 0 1-1.666 0Zm2.779 3.89a.833.833 0 1 0 0 1.666.833.833 0 0 0 0-1.667ZM17.69 15l-15.375.024a8.877 8.877 0 0 1-1.205-4.468c0-4.902 3.988-8.89 8.889-8.89s8.889 3.988 8.889 8.89A8.791 8.791 0 0 1 17.69 15ZM2.5 10.556a.833.833 0 1 1 1.666 0 .833.833 0 0 1-1.666 0ZM12.681 3.92a.56.56 0 0 0-.706.343l-1.8 5.2-.069-.009c-.035-.005-.07-.01-.106-.01a2.222 2.222 0 1 0 1.229.372l1.796-5.19a.556.556 0 0 0-.344-.706Zm4.15 13.58c.14 0 .253.14.253.313v.625c0 .172-.113.312-.253.312H3.17c-.14 0-.253-.14-.253-.313v-.625c0-.172.113-.312.253-.312ZM10 10.556a1.112 1.112 0 0 1 0 2.222 1.113 1.113 0 0 1-1.111-1.111c0-.613.498-1.111 1.111-1.111Z"
2562
+ }));
2563
+ };
2564
+
2565
+ IconTachometer.displayName = 'IconTachometer';
2566
+
2567
+ var IconTimesOctagon = function IconTimesOctagon(props) {
2568
+ return React__default.createElement("svg", Object.assign({
2569
+ viewBox: "0 0 20 20",
2570
+ fill: "none",
2571
+ xmlns: "http://www.w3.org/2000/svg",
2572
+ "data-testid": "icon-times-octagon",
2573
+ style: getIconStyles(props)
2574
+ }, props), React__default.createElement("path", {
2575
+ fillRule: "evenodd",
2576
+ clipRule: "evenodd",
2577
+ d: "M14.094.57c-.351-.35-.827-.55-1.322-.55H7.193c-.495 0-.97.2-1.322.55L.55 5.888c-.351.35-.55.826-.55 1.321v5.58c0 .494.199.97.55 1.32l5.321 5.323c.351.35.827.55 1.322.55h5.579c.495 0 .97-.2 1.322-.55l5.321-5.322c.351-.35.55-.827.55-1.322V7.213c0-.495-.199-.97-.55-1.321L14.094.57Zm4.62 12.217a.62.62 0 0 1-.184.441l-5.318 5.322a.619.619 0 0 1-.44.183H7.193a.62.62 0 0 1-.44-.183L1.43 13.232a.62.62 0 0 1-.183-.44v-5.58a.62.62 0 0 1 .183-.44L6.749 1.45a.62.62 0 0 1 .44-.183h5.58a.62.62 0 0 1 .44.183l5.321 5.322a.62.62 0 0 1 .183.44v5.575Zm-5.369.909.331-.332a.475.475 0 0 0 0-.662L10.975 10l2.701-2.702a.468.468 0 0 0 0-.663l-.331-.331a.468.468 0 0 0-.663 0L9.981 9.006 7.279 6.304a.468.468 0 0 0-.663 0l-.331.331a.468.468 0 0 0 0 .663L8.986 10l-2.701 2.702a.468.468 0 0 0 0 .662l.331.332c.183.183.48.183.663 0l2.702-2.702 2.701 2.702c.184.183.48.183.663 0Z",
2578
+ fill: "currentColor"
2579
+ }));
2580
+ };
2581
+
2582
+ IconTimesOctagon.displayName = 'IconTimesOctagon';
2583
+
2584
+ var IconTimes = function IconTimes(props) {
2585
+ return React__default.createElement("svg", Object.assign({
2586
+ viewBox: "0 0 20 20",
2587
+ fill: "none",
2588
+ xmlns: "http://www.w3.org/2000/svg",
2589
+ "data-testid": "icon-times",
2590
+ style: getIconStyles(props)
2591
+ }, props), React__default.createElement("path", {
2592
+ fillRule: "evenodd",
2593
+ clipRule: "evenodd",
2594
+ d: "m19.457 18.143-8.135-8.145 8.135-8.175a.312.312 0 0 0 0-.442l-.884-.884a.312.312 0 0 0-.442 0L9.996 8.672 1.86.497a.312.312 0 0 0-.441 0l-.884.884a.312.312 0 0 0 0 .442L8.67 9.998.534 18.143a.312.312 0 0 0 0 .442l.884.884c.122.122.32.122.441 0l8.137-8.145 8.135 8.145c.122.122.32.122.442 0l.884-.884a.312.312 0 0 0 0-.442Z",
2595
+ fill: "currentColor"
2596
+ }));
2597
+ };
2598
+
2599
+ IconTimes.displayName = 'IconTimes';
2600
+
2601
+ var IconTrash = function IconTrash(props) {
2602
+ return React__default.createElement("svg", Object.assign({
2603
+ viewBox: "0 0 20 20",
2604
+ fill: "none",
2605
+ xmlns: "http://www.w3.org/2000/svg",
2606
+ "data-testid": "icon-trash",
2607
+ style: getIconStyles(props)
2608
+ }, props), React__default.createElement("path", {
2609
+ fillRule: "evenodd",
2610
+ clipRule: "evenodd",
2611
+ d: "m13.063.75 1.312 1.75h3.438c.519 0 .937.418.937.938v.078a.235.235 0 0 1-.234.234H17.5v14.375c0 1.035-.84 1.875-1.875 1.875H4.375A1.875 1.875 0 0 1 2.5 18.125V3.75H1.484a.235.235 0 0 1-.234-.234v-.079c0-.519.418-.937.938-.937h3.437L6.938.75c.355-.473.91-.75 1.5-.75h3.124c.59 0 1.145.277 1.5.75Zm-1.5.5H8.437a.629.629 0 0 0-.5.25l-.75 1h5.625l-.75-1a.63.63 0 0 0-.5-.25Zm4.687 16.875a.627.627 0 0 1-.625.625H4.375a.627.627 0 0 1-.625-.625V3.75h12.5v14.375ZM9.375 6.094v10.312c0 .258.21.469.469.469h.312a.47.47 0 0 0 .469-.469V6.094a.47.47 0 0 0-.469-.469h-.312a.47.47 0 0 0-.469.469ZM6.25 16.406V6.094a.47.47 0 0 1 .469-.469h.312a.47.47 0 0 1 .469.469v10.312a.47.47 0 0 1-.469.469H6.72a.47.47 0 0 1-.469-.469ZM12.5 6.094v10.312c0 .258.21.469.469.469h.312a.47.47 0 0 0 .469-.469V6.094a.47.47 0 0 0-.469-.469h-.312a.47.47 0 0 0-.469.469Z",
2612
+ fill: "currentColor"
2613
+ }));
2614
+ };
2615
+
2616
+ IconTrash.displayName = 'IconTrash';
2617
+
2618
+ var IconUnderline = function IconUnderline(props) {
2619
+ return React__default.createElement("svg", Object.assign({
2620
+ viewBox: "0 0 20 20",
2621
+ fill: "none",
2622
+ xmlns: "http://www.w3.org/2000/svg",
2623
+ "data-testid": "icon-underline",
2624
+ style: getIconStyles(props)
2625
+ }, props), React__default.createElement("path", {
2626
+ d: "M18.196.29h-5.464a.303.303 0 0 0-.303.304V1.2a.304.304 0 0 0 .303.303h2.125v8.5a4.857 4.857 0 1 1-9.714 0v-8.5h2.125a.304.304 0 0 0 .303-.303V.594A.304.304 0 0 0 7.268.29H1.804A.304.304 0 0 0 1.5.594V1.2a.304.304 0 0 0 .304.303h2.125v8.5A6.079 6.079 0 0 0 10 16.076a6.079 6.079 0 0 0 6.071-6.072v-8.5h2.125a.304.304 0 0 0 .304-.303V.594a.304.304 0 0 0-.304-.304Zm0 18.214H1.804a.304.304 0 0 0-.304.304v.607a.303.303 0 0 0 .304.304h16.392a.304.304 0 0 0 .304-.304v-.607a.304.304 0 0 0-.304-.304Z",
2627
+ fill: "currentColor"
2628
+ }));
2629
+ };
2630
+
2631
+ IconUnderline.displayName = 'IconUnderline';
2632
+
2633
+ var IconUndo = function IconUndo(props) {
2634
+ return React__default.createElement("svg", Object.assign({
2635
+ viewBox: "0 0 20 20",
2636
+ fill: "none",
2637
+ xmlns: "http://www.w3.org/2000/svg",
2638
+ "data-testid": "icon-undo",
2639
+ style: getIconStyles(props)
2640
+ }, props), React__default.createElement("path", {
2641
+ d: "M.781.313h.39c.26 0 .47.21.47.468v4.322a9.682 9.682 0 0 1 8.39-4.79c5.328.016 9.665 4.375 9.656 9.702-.008 5.344-4.342 9.672-9.687 9.672a9.652 9.652 0 0 1-6.491-2.496.47.47 0 0 1-.02-.68l.277-.277a.468.468 0 0 1 .644-.018A8.327 8.327 0 0 0 10 18.36c4.6 0 8.36-3.724 8.36-8.359 0-4.6-3.724-8.36-8.36-8.36a8.357 8.357 0 0 0-7.433 4.532H7.03c.26 0 .469.21.469.469v.39c0 .26-.21.469-.469.469H.781a.469.469 0 0 1-.469-.469V.781c0-.259.21-.468.47-.468Z",
2642
+ fill: "currentColor"
2643
+ }));
2644
+ };
2645
+
2646
+ IconUndo.displayName = 'IconUndo';
865
2647
 
866
- var styles$6 = {"button":"_1SQ_p","button--loading":"_1g1Zw","button__spinner":"_3TAU6","button--wide":"_1R_gC","button--icon-only":"_3ig9y","button--default":"_3OB2g","button--primary":"_2RivT","button--danger":"_3T8M_","button--upsell":"_1AYVC","button--marketing":"_34HiE","button--hollow":"_3BrS0","button--link-contrast":"_1LCBO","button--link-primary":"_23S36","button--link-danger":"_2CzxI","button--link-upsell":"_21e4m","button--link-toolbar":"_2-ESu","button--link-icon":"_1u3kp"};
2648
+ var IconUserComputer = function IconUserComputer(props) {
2649
+ return React__default.createElement("svg", Object.assign({
2650
+ viewBox: "0 0 20 20",
2651
+ fill: "none",
2652
+ xmlns: "http://www.w3.org/2000/svg",
2653
+ "data-testid": "icon-user-computer",
2654
+ style: getIconStyles(props)
2655
+ }, props), React__default.createElement("path", {
2656
+ d: "M18.958 2.5H6.25c-.575 0-1.042.466-1.042 1.042v1.172a3.125 3.125 0 1 0 3.125 3.125A3.116 3.116 0 0 0 6.25 4.905V3.542h12.708v9.505H9.94c-.019-.03-.033-.064-.053-.094-.562-.834-1.52-1.273-2.504-1.273-.904 0-1.131.325-2.174.325-1.04 0-1.268-.325-2.174-.325-.984 0-1.942.44-2.503 1.273A3.11 3.11 0 0 0 0 14.696v1.216c0 .719.583 1.301 1.302 1.301h7.813c.719 0 1.302-.582 1.302-1.302v-1.215c0-.208-.028-.41-.067-.607h8.608c.576 0 1.042-.467 1.042-1.042V3.542c0-.576-.466-1.042-1.042-1.042ZM7.292 7.839a2.086 2.086 0 0 1-2.084 2.083 2.086 2.086 0 0 1-2.083-2.083c0-1.15.935-2.084 2.083-2.084 1.15 0 2.084.935 2.084 2.084Zm2.083 8.072a.26.26 0 0 1-.26.26H1.302a.26.26 0 0 1-.26-.26v-1.215c0-.416.122-.818.353-1.16.343-.51.955-.814 1.64-.814.709 0 .975.325 2.173.325s1.465-.325 2.174-.325c.684 0 1.297.304 1.64.813.23.343.353.745.353 1.161v1.216Z",
2657
+ fill: "currentColor"
2658
+ }), React__default.createElement("rect", {
2659
+ x: 10.259,
2660
+ y: 17.051,
2661
+ width: 1.042,
2662
+ height: 4.688,
2663
+ rx: 0.521,
2664
+ transform: "rotate(-90 10.259 17.05)",
2665
+ fill: "currentColor"
2666
+ }), React__default.createElement("path", {
2667
+ fill: "currentColor",
2668
+ d: "M12.083 13.307h1.042v2.702h-1.042z"
2669
+ }));
2670
+ };
867
2671
 
868
- var _excluded$1 = ["id", "onClick", "className", "type", "disabled", "href", "target", "children"];
2672
+ IconUserComputer.displayName = 'IconUserComputer';
869
2673
 
870
- var Button = function Button(_ref, ref) {
871
- var _classnames;
2674
+ var IconUserLight = function IconUserLight(props) {
2675
+ return React__default.createElement("svg", Object.assign({
2676
+ viewBox: "0 0 20 20",
2677
+ fill: "none",
2678
+ xmlns: "http://www.w3.org/2000/svg",
2679
+ "data-testid": "icon-user-light",
2680
+ style: getIconStyles(props)
2681
+ }, props), React__default.createElement("path", {
2682
+ fillRule: "evenodd",
2683
+ clipRule: "evenodd",
2684
+ d: "M10 10a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm2.203 1.505c.426-.135.806-.255 1.297-.255a5.251 5.251 0 0 1 5.25 5.25v1.625c0 1.035-.84 1.875-1.875 1.875H3.125a1.875 1.875 0 0 1-1.875-1.875V16.5a5.251 5.251 0 0 1 5.25-5.25c.494 0 .874.12 1.3.255.546.173 1.168.37 2.2.37 1.033 0 1.656-.197 2.203-.37Zm4.672 7.245a.627.627 0 0 0 .625-.625V16.5c0-2.207-1.793-4-4-4-.294 0-.588.092-.95.206-.581.182-1.337.419-2.55.419-1.215 0-1.971-.237-2.551-.42-.362-.113-.655-.205-.949-.205-2.207 0-4 1.793-4 4v1.625c0 .344.281.625.625.625h13.75ZM13.75 5A3.756 3.756 0 0 0 10 1.25 3.756 3.756 0 0 0 6.25 5 3.756 3.756 0 0 0 10 8.75 3.756 3.756 0 0 0 13.75 5Z",
2685
+ fill: "currentColor"
2686
+ }));
2687
+ };
872
2688
 
873
- var children = _ref.children,
874
- _ref$type = _ref.type,
875
- type = _ref$type === void 0 ? 'button' : _ref$type,
876
- _ref$theme = _ref.theme,
877
- theme = _ref$theme === void 0 ? 'default' : _ref$theme,
878
- _ref$disabled = _ref.disabled,
879
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
880
- onClick = _ref.onClick,
881
- id = _ref.id,
882
- wide = _ref.wide,
883
- loading = _ref.loading,
884
- title = _ref.title,
885
- href = _ref.href,
886
- _ref$target = _ref.target,
887
- target = _ref$target === void 0 ? '_self' : _ref$target;
888
- var contrastSpinner = ['primary', 'danger', 'upsell', 'marketing', 'link-contrast'];
889
- var childrenArr = React.Children.toArray(children);
890
- var isIconOnly = childrenArr.length === 1 && typeof childrenArr[0] != 'string';
891
- return React__default.createElement(Tooltip$1, {
892
- overlay: title
893
- }, React__default.createElement(ButtonElement, {
894
- id: id,
895
- onClick: onClick,
896
- className: classnames(styles$6['button'], (_classnames = {}, _classnames[styles$6['button--default']] = theme === 'default', _classnames[styles$6['button--primary']] = theme === 'primary', _classnames[styles$6['button--danger']] = theme === 'danger', _classnames[styles$6['button--upsell']] = theme === 'upsell', _classnames[styles$6['button--marketing']] = theme === 'marketing', _classnames[styles$6['button--hollow']] = theme === 'hollow', _classnames[styles$6['button--link-primary']] = theme === 'link-primary', _classnames[styles$6['button--link-danger']] = theme === 'link-danger', _classnames[styles$6['button--link-upsell']] = theme === 'link-upsell', _classnames[styles$6['button--link-toolbar']] = theme === 'link-toolbar', _classnames[styles$6['button--link-contrast']] = theme === 'link-contrast', _classnames[styles$6['button--link-icon']] = theme === 'link-icon', _classnames[styles$6['button--wide']] = wide, _classnames[styles$6['button--loading']] = loading, _classnames[styles$6['button--icon-only']] = isIconOnly, _classnames)),
897
- type: type,
898
- disabled: disabled || loading,
899
- href: href,
900
- ref: ref,
901
- target: target
902
- }, React__default.createElement(Inline, {
903
- space: 8,
904
- alignItems: "center"
905
- }, children), loading && React__default.createElement("div", {
906
- className: styles$6['button__spinner']
907
- }, React__default.createElement(Spinner, {
908
- theme: contrastSpinner.includes(theme) ? 'contrast' : 'disabled'
909
- }))));
2689
+ IconUserLight.displayName = 'IconUserLight';
2690
+
2691
+ var IconUserPlus = function IconUserPlus(props) {
2692
+ return React__default.createElement("svg", Object.assign({
2693
+ viewBox: "0 0 20 20",
2694
+ fill: "none",
2695
+ xmlns: "http://www.w3.org/2000/svg",
2696
+ "data-testid": "icon-user-plus",
2697
+ style: getIconStyles(props)
2698
+ }, props), React__default.createElement("path", {
2699
+ d: "M19.77 9.063h-2.52V6.483a.232.232 0 0 0-.23-.234h-.458a.232.232 0 0 0-.229.234v2.579h-2.52a.232.232 0 0 0-.23.234v.469c0 .129.103.234.23.234h2.52v2.578c0 .129.103.235.23.235h.457c.127 0 .23-.106.23-.235V10h2.52c.127 0 .23-.105.23-.234v-.47a.232.232 0 0 0-.23-.233ZM6.667 10c2.104 0 3.81-1.865 3.81-4.167 0-2.301-1.706-4.166-3.81-4.166s-3.81 1.865-3.81 4.166C2.857 8.135 4.562 10 6.667 10Zm2.666 1.042h-.497c-.66.332-1.396.52-2.17.52a4.825 4.825 0 0 1-2.169-.52H4c-2.208 0-4 1.96-4 4.375v1.354c0 .863.64 1.562 1.429 1.562h10.476c.789 0 1.428-.7 1.428-1.562v-1.354c0-2.416-1.791-4.375-4-4.375Z",
2700
+ fill: "currentColor"
2701
+ }));
910
2702
  };
911
2703
 
912
- var ButtonElement = React.forwardRef(function (_ref2, ref) {
913
- var id = _ref2.id,
914
- onClick = _ref2.onClick,
915
- className = _ref2.className,
916
- type = _ref2.type,
917
- disabled = _ref2.disabled,
918
- href = _ref2.href,
919
- target = _ref2.target,
920
- children = _ref2.children,
921
- rest = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
2704
+ IconUserPlus.displayName = 'IconUserPlus';
922
2705
 
923
- var commonProps = {
924
- id: id,
925
- onClick: onClick,
926
- className: className,
927
- disabled: disabled
928
- };
2706
+ var IconUserSlash = function IconUserSlash(props) {
2707
+ return React__default.createElement("svg", Object.assign({
2708
+ viewBox: "0 0 20 20",
2709
+ fill: "none",
2710
+ xmlns: "http://www.w3.org/2000/svg",
2711
+ "data-testid": "icon-user-slash",
2712
+ style: getIconStyles(props)
2713
+ }, props), React__default.createElement("g", {
2714
+ clipPath: "url(#icon-user-slash_svg__a)"
2715
+ }, React__default.createElement("path", {
2716
+ d: "M19.907 17.442.718 1.708a.242.242 0 0 0-.35.04l-.313.406a.27.27 0 0 0 .038.368L19.282 18.26a.242.242 0 0 0 .35-.04l.313-.406a.274.274 0 0 0-.038-.371ZM10 2.692c1.931 0 3.5 1.633 3.5 3.645 0 1.132-.51 2.135-1.29 2.805l.8.658a4.749 4.749 0 0 0 1.49-3.463c0-2.588-2.015-4.687-4.5-4.687-1.706 0-3.169 1-3.935 2.454l.794.65C7.428 3.539 8.616 2.692 10 2.692Zm-7 14.58v-1.04c0-1.723 1.346-3.125 3-3.125h1.15c.7 0 1.26.52 2.85.52.366 0 .728-.036 1.088-.1l-1.154-.948c-1.443-.02-1.853-.514-2.787-.514H6c-2.21 0-4 1.865-4 4.166v1.042c0 .576.446 1.041 1 1.041h13.925l-1.268-1.041H2.999Z",
2717
+ fill: "currentColor"
2718
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
2719
+ id: "icon-user-slash_svg__a"
2720
+ }, React__default.createElement("path", {
2721
+ fill: "#fff",
2722
+ d: "M0 0h20v20H0z"
2723
+ }))));
2724
+ };
929
2725
 
930
- if (href) {
931
- return React__default.createElement("a", Object.assign({}, commonProps, rest, {
932
- href: href,
933
- target: target,
934
- "aria-disabled": disabled,
935
- ref: ref
936
- }), children);
937
- }
2726
+ IconUserSlash.displayName = 'IconUserSlash';
938
2727
 
939
- return React__default.createElement("button", Object.assign({}, commonProps, rest, {
940
- type: type,
941
- ref: ref
942
- }), children);
943
- });
944
- var Button$1 = React.forwardRef(Button);
2728
+ var IconUserSolid = function IconUserSolid(props) {
2729
+ return React__default.createElement("svg", Object.assign({
2730
+ viewBox: "0 0 20 20",
2731
+ fill: "none",
2732
+ xmlns: "http://www.w3.org/2000/svg",
2733
+ "data-testid": "icon-user-solid",
2734
+ style: getIconStyles(props)
2735
+ }, props), React__default.createElement("path", {
2736
+ d: "M10 10c2.63 0 4.762-2.238 4.762-5S12.63 0 10 0C7.37 0 5.238 2.238 5.238 5S7.37 10 10 10Zm3.334 1.25h-.622a6.226 6.226 0 0 1-2.712.625 6.238 6.238 0 0 1-2.712-.625h-.621c-2.76 0-5 2.352-5 5.25v1.625c0 1.035.8 1.875 1.786 1.875h13.095c.986 0 1.786-.84 1.786-1.875V16.5c0-2.898-2.24-5.25-5-5.25Z",
2737
+ fill: "currentColor"
2738
+ }));
2739
+ };
945
2740
 
946
- var MenuButton = function MenuButton(_ref) {
947
- var _ref$theme = _ref.theme,
948
- theme = _ref$theme === void 0 ? 'link-icon' : _ref$theme,
949
- children = _ref.children;
2741
+ IconUserSolid.displayName = 'IconUserSolid';
950
2742
 
951
- var _useMenuContext = useMenuContext(),
952
- onToggleMenu = _useMenuContext.onToggleMenu,
953
- triggerRef = _useMenuContext.triggerRef;
2743
+ var IconUserTag = function IconUserTag(props) {
2744
+ return React__default.createElement("svg", Object.assign({
2745
+ viewBox: "0 0 20 20",
2746
+ fill: "none",
2747
+ xmlns: "http://www.w3.org/2000/svg",
2748
+ "data-testid": "icon-user-tag",
2749
+ style: getIconStyles(props)
2750
+ }, props), React__default.createElement("path", {
2751
+ fillRule: "evenodd",
2752
+ clipRule: "evenodd",
2753
+ d: "M14.18 2c1.363 0 2.467 1.128 2.467 2.519v2.833l3.131 2.664a.638.638 0 0 1 0 .968l-3.13 2.664v2.833c0 1.391-1.105 2.519-2.467 2.519H2.466C1.104 19 0 17.872 0 16.481V4.52C0 3.128 1.104 2 2.466 2h11.715Zm-3.082 5.667c0 1.39-1.104 2.518-2.466 2.518S6.166 9.058 6.166 7.667c0-1.391 1.104-2.519 2.466-2.519s2.466 1.128 2.466 2.519Zm-1.38 3.276c.21-.068.398-.128.64-.128 1.43 0 2.59 1.184 2.59 2.644v.819a.935.935 0 0 1-.925.944H5.241a.935.935 0 0 1-.925-.944v-.819c0-1.46 1.16-2.644 2.59-2.644.243 0 .43.06.64.128.27.088.577.187 1.086.187.51 0 .817-.1 1.086-.187Z",
2754
+ fill: "currentColor"
2755
+ }));
2756
+ };
954
2757
 
955
- return React__default.createElement(Button$1, {
956
- onClick: function onClick(e) {
957
- onToggleMenu();
958
- e.stopPropagation();
959
- },
960
- theme: theme,
961
- ref: triggerRef
962
- }, children);
2758
+ IconUserTag.displayName = 'IconUserTag';
2759
+
2760
+ var IconUserTie = function IconUserTie(props) {
2761
+ return React__default.createElement("svg", Object.assign({
2762
+ viewBox: "0 0 20 20",
2763
+ fill: "none",
2764
+ xmlns: "http://www.w3.org/2000/svg",
2765
+ "data-testid": "icon-user-tie",
2766
+ style: getIconStyles(props)
2767
+ }, props), React__default.createElement("path", {
2768
+ d: "M10 10a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm3.742 1.273-1.867 7.477-1.25-5.313 1.25-2.187h-3.75l1.25 2.188-1.25 5.312-1.867-7.477c-2.785.133-5.008 2.41-5.008 5.227v1.625C1.25 19.16 2.09 20 3.125 20h13.75c1.035 0 1.875-.84 1.875-1.875V16.5c0-2.816-2.223-5.094-5.008-5.227Z",
2769
+ fill: "currentColor"
2770
+ }));
963
2771
  };
964
2772
 
965
- function isClickInside(ref, event) {
966
- return !ref.current || event.target instanceof Node && ref.current.contains(event.target);
967
- }
2773
+ IconUserTie.displayName = 'IconUserTie';
968
2774
 
969
- function useOnClickOutside(ref, cb) {
970
- React__default.useEffect(function () {
971
- var listener = function listener(event) {
972
- if (isClickInside(ref, event)) {
973
- return;
974
- }
2775
+ var IconUsers = function IconUsers(props) {
2776
+ return React__default.createElement("svg", Object.assign({
2777
+ viewBox: "0 0 20 20",
2778
+ fill: "none",
2779
+ xmlns: "http://www.w3.org/2000/svg",
2780
+ "data-testid": "icon-users",
2781
+ style: getIconStyles(props)
2782
+ }, props), React__default.createElement("path", {
2783
+ d: "M17 9a2.5 2.5 0 1 0 .001-4.999A2.5 2.5 0 0 0 17 9Zm0-4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm-7 5c1.934 0 3.5-1.566 3.5-3.5S11.934 3 10 3a3.498 3.498 0 0 0-3.5 3.5C6.5 8.434 8.066 10 10 10Zm0-6c1.378 0 2.5 1.122 2.5 2.5S11.378 9 10 9a2.503 2.503 0 0 1-2.5-2.5C7.5 5.122 8.622 4 10 4Zm7.625 6h-1.25c-.475 0-.916.15-1.284.403.293.2.559.434.793.7.154-.066.32-.103.491-.103h1.25c.756 0 1.375.672 1.375 1.5 0 .275.225.5.5.5s.5-.225.5-.5c0-1.378-1.066-2.5-2.375-2.5ZM3 9a2.5 2.5 0 1 0 .001-4.999A2.5 2.5 0 0 0 3 9Zm0-4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm9.503 5.625C11.46 10.625 11.2 11 10 11c-1.2 0-1.46-.375-2.503-.375-1.135 0-2.238.506-2.885 1.466A3.581 3.581 0 0 0 4 14.1v1.4A1.5 1.5 0 0 0 5.5 17h9a1.5 1.5 0 0 0 1.5-1.5v-1.4c0-.744-.225-1.434-.613-2.01-.646-.959-1.75-1.465-2.884-1.465ZM15 15.5c0 .275-.225.5-.5.5h-9a.501.501 0 0 1-.5-.5v-1.4c0-.519.153-1.022.44-1.45.432-.64 1.2-1.025 2.054-1.025.856 0 1.162.375 2.506.375 1.344 0 1.65-.375 2.503-.375.853 0 1.622.384 2.053 1.025.288.428.44.931.44 1.45v1.4H15ZM4.91 10.403A2.276 2.276 0 0 0 3.624 10h-1.25C1.065 10 0 11.122 0 12.5c0 .275.225.5.5.5s.5-.225.5-.5c0-.828.619-1.5 1.375-1.5h1.25c.172 0 .337.037.49.103.235-.265.504-.5.794-.7Z",
2784
+ fill: "currentColor"
2785
+ }));
2786
+ };
975
2787
 
976
- cb(event);
977
- };
2788
+ IconUsers.displayName = 'IconUsers';
978
2789
 
979
- document.addEventListener('mousedown', listener);
980
- document.addEventListener('touchstart', listener);
981
- return function () {
982
- document.removeEventListener('mousedown', listener);
983
- document.removeEventListener('touchstart', listener);
984
- };
985
- }, [ref, cb]);
986
- }
2790
+ var IconVideo = function IconVideo(props) {
2791
+ return React__default.createElement("svg", Object.assign({
2792
+ viewBox: "0 0 20 20",
2793
+ fill: "none",
2794
+ xmlns: "http://www.w3.org/2000/svg",
2795
+ "data-testid": "icon-video",
2796
+ style: getIconStyles(props)
2797
+ }, props), React__default.createElement("path", {
2798
+ d: "M18.885 4.555c-.215 0-.434.063-.632.198L14.444 7.18V5.104c0-.917-.805-1.66-1.798-1.66H1.799C.806 3.444 0 4.187 0 5.104v10.014c0 .917.806 1.66 1.799 1.66h10.847c.993 0 1.798-.743 1.798-1.66v-2.076l3.806 2.427c.198.139.42.198.632.198.576 0 1.114-.452 1.114-1.094V5.649c.004-.642-.534-1.094-1.11-1.094Zm-5.552 10.563c0 .299-.316.549-.687.549H1.799c-.372 0-.688-.25-.688-.55V5.105c0-.299.316-.549.688-.549h10.847c.371 0 .687.25.687.55v10.013Zm5.556-.545-.042-.045-4.403-2.806V8.496l4.445-2.83v8.907Z",
2799
+ fill: "currentColor"
2800
+ }));
2801
+ };
987
2802
 
988
- var MenuList = function MenuList(_ref) {
989
- var _classnames;
2803
+ IconVideo.displayName = 'IconVideo';
990
2804
 
991
- var children = _ref.children;
992
- var paneElement = React.useRef(null);
2805
+ var IconVolumeMute = function IconVolumeMute(props) {
2806
+ return React__default.createElement("svg", Object.assign({
2807
+ viewBox: "0 0 20 20",
2808
+ fill: "none",
2809
+ xmlns: "http://www.w3.org/2000/svg",
2810
+ "data-testid": "icon-volume-mute",
2811
+ style: getIconStyles(props)
2812
+ }, props), React__default.createElement("path", {
2813
+ d: "m17.759 10 2.15-2.15a.313.313 0 0 0 0-.442l-.442-.441a.313.313 0 0 0-.442 0l-2.15 2.149-2.15-2.15a.313.313 0 0 0-.441 0l-.442.442a.313.313 0 0 0 0 .442L15.99 10l-2.15 2.15a.313.313 0 0 0 0 .441l.442.442c.122.122.32.122.442 0l2.15-2.15 2.15 2.15c.122.122.32.122.441 0l.442-.441a.313.313 0 0 0 0-.442L17.76 10ZM9.055 2.5a.916.916 0 0 0-.655.275L4.924 6.25H.937A.937.937 0 0 0 0 7.187v5.625c0 .518.42.938.938.938h3.986L8.4 17.224a.936.936 0 0 0 1.6-.663V3.438a.936.936 0 0 0-.945-.938ZM8.75 15.807l-2.942-2.941-.366-.366H1.25v-5h4.192l.366-.366L8.75 4.192v11.615Z",
2814
+ fill: "currentColor"
2815
+ }));
2816
+ };
993
2817
 
994
- var _useMenuContext = useMenuContext(),
995
- isOpen = _useMenuContext.isOpen,
996
- onToggleMenu = _useMenuContext.onToggleMenu,
997
- triggerRef = _useMenuContext.triggerRef;
2818
+ IconVolumeMute.displayName = 'IconVolumeMute';
998
2819
 
999
- var _useState = React.useState({}),
1000
- position = _useState[0],
1001
- setPosition = _useState[1];
2820
+ var IconVolume = function IconVolume(props) {
2821
+ return React__default.createElement("svg", Object.assign({
2822
+ viewBox: "0 0 20 20",
2823
+ fill: "none",
2824
+ xmlns: "http://www.w3.org/2000/svg",
2825
+ "data-testid": "icon-volume",
2826
+ style: getIconStyles(props)
2827
+ }, props), React__default.createElement("path", {
2828
+ d: "M13.995 7.561a.625.625 0 1 0-.54 1.127c.552.265.895.767.895 1.312 0 .544-.343 1.047-.895 1.312a.625.625 0 0 0 .54 1.126c.99-.474 1.605-1.408 1.605-2.438 0-1.03-.616-1.964-1.605-2.439ZM9.655 2.5a.916.916 0 0 0-.656.275L5.524 6.25H1.537a.937.937 0 0 0-.937.938v5.625c0 .517.42.937.937.937h3.987l3.475 3.475a.936.936 0 0 0 1.6-.663V3.438a.936.936 0 0 0-.944-.938ZM9.35 15.807 6.04 12.5H1.85v-5H6.04L9.35 4.193v11.614Zm10-5.807c0-2.583-1.33-4.946-3.47-6.167a.635.635 0 0 0-.86.23c-.174.3-.07.681.232.854 1.75.998 2.837 2.945 2.837 5.083 0 2.137-1.088 4.085-2.837 5.082a.623.623 0 0 0-.232.854c.168.289.549.408.86.23 2.14-1.22 3.47-3.583 3.47-6.166Z",
2829
+ fill: "currentColor"
2830
+ }));
2831
+ };
1002
2832
 
1003
- var clickOutisideCallback = React.useCallback(function () {
1004
- if (isOpen) {
1005
- onToggleMenu();
1006
- }
1007
- }, [isOpen]);
1008
- useOnClickOutside(paneElement, clickOutisideCallback);
1009
- React.useEffect(function () {
1010
- var _paneElement$current;
2833
+ IconVolume.displayName = 'IconVolume';
1011
2834
 
1012
- var triggerPosition = triggerRef.current.getBoundingClientRect();
1013
- var panePosition = (_paneElement$current = paneElement.current) === null || _paneElement$current === void 0 ? void 0 : _paneElement$current.getBoundingClientRect();
1014
- var paneWidth = (panePosition === null || panePosition === void 0 ? void 0 : panePosition.width) || 160;
1015
- var pos = {
1016
- left: triggerPosition.left + triggerPosition.width - paneWidth,
1017
- top: triggerPosition.top + window.scrollY + triggerPosition.height + 3
1018
- };
1019
- setPosition(pos);
1020
- }, [isOpen, triggerRef]);
1021
- return React__default.createElement(Portal, null, React__default.createElement("ul", {
1022
- className: classnames(styles$1['list'], (_classnames = {}, _classnames[styles$1['list--active']] = isOpen, _classnames)),
1023
- role: "menu",
1024
- style: position,
1025
- ref: paneElement
1026
- }, children));
2835
+ var IconWrench = function IconWrench(props) {
2836
+ return React__default.createElement("svg", Object.assign({
2837
+ viewBox: "0 0 20 20",
2838
+ fill: "none",
2839
+ xmlns: "http://www.w3.org/2000/svg",
2840
+ "data-testid": "icon-wrench",
2841
+ style: getIconStyles(props)
2842
+ }, props), React__default.createElement("path", {
2843
+ d: "M19.002 4.933a.974.974 0 0 0-1.636-.452l-2.287 2.287-1.585-.264-.264-1.584 2.287-2.287A.976.976 0 0 0 15.06.995 5.376 5.376 0 0 0 9.933 2.42C8.578 3.776 8.063 5.732 8.55 7.6l-6.922 6.922a2.726 2.726 0 0 0 0 3.847 2.704 2.704 0 0 0 1.924.798 2.7 2.7 0 0 0 1.924-.798l6.915-6.914a5.364 5.364 0 0 0 5.188-1.39 5.366 5.366 0 0 0 1.423-5.132ZM16.77 9.255c-1.14 1.139-2.808 1.526-4.36 1.01l-.336-.112-7.407 7.407c-.596.595-1.633.595-2.228 0a1.579 1.579 0 0 1 0-2.228L9.85 7.921l-.11-.335c-.513-1.556-.128-3.225 1.003-4.356a4.225 4.225 0 0 1 3.743-1.186l-2.482 2.483.494 2.973 2.975.495 2.48-2.483a4.225 4.225 0 0 1-1.184 3.743ZM3.698 15.729a.573.573 0 1 0 0 1.146.573.573 0 0 0 0-1.146Z",
2844
+ fill: "currentColor"
2845
+ }));
1027
2846
  };
1028
2847
 
1029
- var styles$7 = {"item":"_3DlpO","clickable":"_2jPpF","selected":"_NS-B9","item-column":"_3ENNn","actions":"_1FTaE"};
2848
+ IconWrench.displayName = 'IconWrench';
2849
+
2850
+ var styles$6 = {"item":"_3DlpO","clickable":"_2jPpF","selected":"_NS-B9","item-column":"_3ENNn","actions":"_1FTaE"};
1030
2851
 
1031
2852
  var ResourceTableRow = function ResourceTableRow(_ref) {
1032
2853
  var _classnames;
@@ -1042,11 +2863,11 @@ var ResourceTableRow = function ResourceTableRow(_ref) {
1042
2863
  columnSizes = _useResourceTableCont.columnSizes,
1043
2864
  showActionMenu = _useResourceTableCont.showActionMenu;
1044
2865
 
1045
- var styleNames = classnames(styles$7['item'], (_classnames = {}, _classnames[styles$7['clickable']] = onClick, _classnames[styles$7['selected']] = isSelected, _classnames));
2866
+ var styleNames = classnames(styles$6['item'], (_classnames = {}, _classnames[styles$6['clickable']] = onClick, _classnames[styles$6['selected']] = isSelected, _classnames));
1046
2867
 
1047
2868
  var renderColumn = function renderColumn(columnElement, index) {
1048
2869
  return React__default.createElement("div", {
1049
- className: styles$7['item-column'],
2870
+ className: styles$6['item-column'],
1050
2871
  style: {
1051
2872
  flex: columnSizes && columnSizes[index] || 1
1052
2873
  },
@@ -1064,9 +2885,9 @@ var ResourceTableRow = function ResourceTableRow(_ref) {
1064
2885
  role: "row",
1065
2886
  tabIndex: 0
1066
2887
  }, columnElements.map(renderColumn), showActionMenu && React__default.createElement("div", {
1067
- className: classnames(styles$7['item-column'], styles$7['actions']),
2888
+ className: classnames(styles$6['item-column'], styles$6['actions']),
1068
2889
  "data-testid": "resource-table-dropdown-menu"
1069
- }, actions.length > 0 && React__default.createElement(Menu, null, React__default.createElement(MenuButton, null, React__default.createElement(IconMore, null)), React__default.createElement(MenuList, null, actions.map(function (action, index) {
2890
+ }, actions.length > 0 && React__default.createElement(Menu, null, React__default.createElement(MenuButton, null, React__default.createElement(IconEllipsisV, null)), React__default.createElement(MenuList, null, actions.map(function (action, index) {
1070
2891
  return React__default.createElement(MenuItem, {
1071
2892
  onClick: action.onAction,
1072
2893
  key: index
@@ -1074,7 +2895,19 @@ var ResourceTableRow = function ResourceTableRow(_ref) {
1074
2895
  })))));
1075
2896
  };
1076
2897
 
1077
- var styles$8 = {"header":"_28AYq","header-item":"_3-nHz","header-item--sortable":"_2Rh0i","header-item--action":"_2fGMK","header-sort-icon":"_W7CnY","body":"_2ygIH","footer":"_2cqhY"};
2898
+ var styles$7 = {"header":"_28AYq","header-item":"_3-nHz","header-item--sortable":"_2Rh0i","header-item--action":"_2fGMK","header-sort-icon":"_W7CnY","body":"_2ygIH","footer":"_2cqhY"};
2899
+
2900
+ var WHITE = '#ffffff';
2901
+ var EGGPLANT200 = '#d3dbf4';
2902
+ var EGGPLANT300 = '#a7b7ea';
2903
+ var EGGPLANT400 = '#6d87dd';
2904
+ var EGGPLANT700 = '#32295c';
2905
+ var RADISH400 = '#e76767';
2906
+ var GREY100 = '#f8f8f8';
2907
+ var GREY200 = '#e0e0e0';
2908
+ var GREY300 = '#c1c1c1';
2909
+ var GREY400 = '#929292';
2910
+ var GREY500 = '#555555';
1078
2911
 
1079
2912
  var SORT_ORDER = {
1080
2913
  ASC: 'asc',
@@ -1105,14 +2938,14 @@ var ResourceTableHeader = function ResourceTableHeader(_ref) {
1105
2938
  };
1106
2939
 
1107
2940
  return React__default.createElement("div", {
1108
- className: styles$8['header']
2941
+ className: styles$7['header']
1109
2942
  }, columns.map(function (column) {
1110
2943
  var _classnames;
1111
2944
 
1112
2945
  var isSortable = column.isSortable;
1113
2946
  var sortDir = column.currentSort;
1114
2947
  return React__default.createElement("div", {
1115
- className: classnames((_classnames = {}, _classnames[styles$8['header-item']] = true, _classnames[styles$8['header-item--sortable']] = isSortable, _classnames)),
2948
+ className: classnames((_classnames = {}, _classnames[styles$7['header-item']] = true, _classnames[styles$7['header-item--sortable']] = isSortable, _classnames)),
1116
2949
  style: {
1117
2950
  flex: column.size || 1
1118
2951
  },
@@ -1126,12 +2959,12 @@ var ResourceTableHeader = function ResourceTableHeader(_ref) {
1126
2959
  role: "columnheader",
1127
2960
  tabIndex: 0
1128
2961
  }, column.label, ' ', isSortable && React__default.createElement("span", {
1129
- className: styles$8['header-sort-icon']
1130
- }, React__default.createElement(IconSort, {
2962
+ className: styles$7['header-sort-icon']
2963
+ }, React__default.createElement(IconSort$1, {
1131
2964
  sortDirection: sortDir
1132
2965
  })));
1133
2966
  }), showActionMenu && React__default.createElement("div", {
1134
- className: classnames(styles$8['header-item'], styles$8['header-item--action'])
2967
+ className: classnames(styles$7['header-item'], styles$7['header-item--action'])
1135
2968
  }));
1136
2969
  };
1137
2970
 
@@ -1148,7 +2981,7 @@ var getNextSort = function getNextSort(column) {
1148
2981
  }
1149
2982
  };
1150
2983
 
1151
- var IconSort = function IconSort(_ref2) {
2984
+ var IconSort$1 = function IconSort(_ref2) {
1152
2985
  var sortDirection = _ref2.sortDirection;
1153
2986
  var sortDir = sortDirection || null;
1154
2987
  return React__default.createElement("div", {
@@ -1157,17 +2990,19 @@ var IconSort = function IconSort(_ref2) {
1157
2990
  flexDirection: 'column'
1158
2991
  }
1159
2992
  }, sortDir !== 'desc' && React__default.createElement(IconChevronUp, {
1160
- size: "small"
2993
+ size: "small",
2994
+ color: GREY400
1161
2995
  }), sortDir !== 'asc' && React__default.createElement("span", {
1162
2996
  style: {
1163
2997
  marginTop: '-4px'
1164
2998
  }
1165
2999
  }, React__default.createElement(IconChevronDown, {
1166
- size: "small"
3000
+ size: "small",
3001
+ color: GREY400
1167
3002
  })));
1168
3003
  };
1169
3004
 
1170
- var styles$9 = {"pagination-controls":"_1IynL"};
3005
+ var styles$8 = {"pagination-controls":"_1IynL"};
1171
3006
 
1172
3007
  var getLocalizedString = function getLocalizedString(key) {
1173
3008
  if (!window.Shifts) {
@@ -1218,7 +3053,7 @@ var PaginationControls = function PaginationControls(_ref) {
1218
3053
  onPreviousClick = _ref.onPreviousClick,
1219
3054
  onNextClick = _ref.onNextClick;
1220
3055
  return React__default.createElement("div", {
1221
- className: styles$9['pagination-controls']
3056
+ className: styles$8['pagination-controls']
1222
3057
  }, React__default.createElement(Button$1, {
1223
3058
  disabled: !hasPrevious,
1224
3059
  onClick: onPreviousClick,
@@ -1273,7 +3108,7 @@ var ResourceTable = function ResourceTable(_ref) {
1273
3108
  onSort: onSort,
1274
3109
  showActionMenu: showActionMenu
1275
3110
  }), React__default.createElement("div", {
1276
- className: styles$8['body'],
3111
+ className: styles$7['body'],
1277
3112
  style: conditionalStyles,
1278
3113
  role: "table"
1279
3114
  }, isLoading && React__default.createElement(Spinner, {
@@ -1286,7 +3121,7 @@ var ResourceTable = function ResourceTable(_ref) {
1286
3121
  index: index
1287
3122
  });
1288
3123
  })), onPreviousClick && onNextClick && (hasPrevious || hasNext) && React__default.createElement("div", {
1289
- className: styles$8['footer'],
3124
+ className: styles$7['footer'],
1290
3125
  "data-testid": "pagination-controls"
1291
3126
  }, React__default.createElement(PaginationControls, {
1292
3127
  hasPrevious: hasPrevious && !isLoading,
@@ -1329,7 +3164,7 @@ var useDataTableContext = function useDataTableContext() {
1329
3164
  return context;
1330
3165
  };
1331
3166
 
1332
- var styles$a = {"item":"_1d8Ci","clickable":"_thFcO","selected":"_3tb7U","item-column":"_OTcMc","item-column--default-padding":"_lNHQ8","item-column--right-align":"_13YLe","item-column--vertical-border":"_1rrRr","actions":"_azbIG"};
3167
+ var styles$9 = {"item":"_1d8Ci","clickable":"_thFcO","selected":"_3tb7U","item-column":"_OTcMc","item-column--default-padding":"_lNHQ8","item-column--right-align":"_13YLe","item-column--vertical-border":"_1rrRr","actions":"_azbIG"};
1333
3168
 
1334
3169
  var DataTableRow = function DataTableRow(_ref) {
1335
3170
  var _classnames;
@@ -1348,7 +3183,7 @@ var DataTableRow = function DataTableRow(_ref) {
1348
3183
  showActionMenu = _useDataTableContext.showActionMenu,
1349
3184
  hasVerticalBorders = _useDataTableContext.hasVerticalBorders;
1350
3185
 
1351
- var styleNames = classnames(styles$a['item'], (_classnames = {}, _classnames[styles$a['clickable']] = onClick, _classnames[styles$a['selected']] = isSelected, _classnames));
3186
+ var styleNames = classnames(styles$9['item'], (_classnames = {}, _classnames[styles$9['clickable']] = onClick, _classnames[styles$9['selected']] = isSelected, _classnames));
1352
3187
 
1353
3188
  var renderColumn = function renderColumn(columnElement, index) {
1354
3189
  var _classnames2;
@@ -1356,7 +3191,7 @@ var DataTableRow = function DataTableRow(_ref) {
1356
3191
  var column = columns === null || columns === void 0 ? void 0 : columns[index];
1357
3192
  var isRightAligned = column === null || column === void 0 ? void 0 : column.isRightAligned;
1358
3193
  return React__default.createElement("div", {
1359
- className: classnames((_classnames2 = {}, _classnames2[styles$a['item-column--right-align']] = isRightAligned, _classnames2[styles$a['item-column--vertical-border']] = hasVerticalBorders, _classnames2[styles$a['item-column--default-padding']] = hasDefaultPadding, _classnames2), styles$a['item-column']),
3194
+ className: classnames((_classnames2 = {}, _classnames2[styles$9['item-column--right-align']] = isRightAligned, _classnames2[styles$9['item-column--vertical-border']] = hasVerticalBorders, _classnames2[styles$9['item-column--default-padding']] = hasDefaultPadding, _classnames2), styles$9['item-column']),
1360
3195
  style: {
1361
3196
  flex: (column === null || column === void 0 ? void 0 : column.size) || 1
1362
3197
  },
@@ -1374,9 +3209,9 @@ var DataTableRow = function DataTableRow(_ref) {
1374
3209
  }, React__default.Children.map(children, function (child, index) {
1375
3210
  return renderColumn(child, index);
1376
3211
  }), showActionMenu && React__default.createElement("div", {
1377
- className: classnames(styles$a['item-column'], styles$a['actions']),
3212
+ className: classnames(styles$9['item-column'], styles$9['actions']),
1378
3213
  "data-testid": "data-table-dropdown-menu"
1379
- }, actions.length > 0 && React__default.createElement(Menu, null, React__default.createElement(MenuButton, null, React__default.createElement(IconMore, null)), React__default.createElement(MenuList, null, actions.map(function (action, index) {
3214
+ }, actions.length > 0 && React__default.createElement(Menu, null, React__default.createElement(MenuButton, null, React__default.createElement(IconEllipsisV, null)), React__default.createElement(MenuList, null, actions.map(function (action, index) {
1380
3215
  return React__default.createElement(MenuItem, {
1381
3216
  onClick: action.onAction,
1382
3217
  key: index
@@ -1384,7 +3219,7 @@ var DataTableRow = function DataTableRow(_ref) {
1384
3219
  })))));
1385
3220
  };
1386
3221
 
1387
- var styles$b = {"header":"_of22N","header-item":"_27x4v","header-item--sortable":"_3gw3Z","header-item--right-align":"_Fjm2n","header-item--action":"_LoIvx","header-sort-icon":"_3VjFP","body":"_1bTmd","footer":"_1opWx","pagination-controls":"_F_spz"};
3222
+ var styles$a = {"header":"_of22N","header-item":"_27x4v","header-item--sortable":"_3gw3Z","header-item--right-align":"_Fjm2n","header-item--action":"_LoIvx","header-sort-icon":"_3VjFP","body":"_1bTmd","footer":"_1opWx","pagination-controls":"_F_spz"};
1388
3223
 
1389
3224
  var SORT_ORDER$1 = {
1390
3225
  ASC: 'asc',
@@ -1415,7 +3250,7 @@ var DataTableHeader = function DataTableHeader(_ref) {
1415
3250
  };
1416
3251
 
1417
3252
  return React__default.createElement("div", {
1418
- className: styles$b['header']
3253
+ className: styles$a['header']
1419
3254
  }, columns.map(function (column) {
1420
3255
  var _classnames;
1421
3256
 
@@ -1423,7 +3258,7 @@ var DataTableHeader = function DataTableHeader(_ref) {
1423
3258
  var sortDir = column.currentSort;
1424
3259
  var isRightAligned = column.isRightAligned;
1425
3260
  return React__default.createElement("div", {
1426
- className: classnames((_classnames = {}, _classnames[styles$b['header-item']] = true, _classnames[styles$b['header-item--sortable']] = isSortable, _classnames[styles$b['header-item--right-align']] = isRightAligned, _classnames)),
3261
+ className: classnames((_classnames = {}, _classnames[styles$a['header-item']] = true, _classnames[styles$a['header-item--sortable']] = isSortable, _classnames[styles$a['header-item--right-align']] = isRightAligned, _classnames)),
1427
3262
  style: {
1428
3263
  flex: column.size || 1
1429
3264
  },
@@ -1437,12 +3272,12 @@ var DataTableHeader = function DataTableHeader(_ref) {
1437
3272
  role: "columnheader",
1438
3273
  tabIndex: 0
1439
3274
  }, column.label, ' ', isSortable && React__default.createElement("span", {
1440
- className: styles$b['header-sort-icon']
1441
- }, React__default.createElement(IconSort$1, {
3275
+ className: styles$a['header-sort-icon']
3276
+ }, React__default.createElement(IconSort$2, {
1442
3277
  sortDirection: sortDir
1443
3278
  })));
1444
3279
  }), showActionMenu && React__default.createElement("div", {
1445
- className: classnames(styles$b['header-item'], styles$b['header-item--action'])
3280
+ className: classnames(styles$a['header-item'], styles$a['header-item--action'])
1446
3281
  }));
1447
3282
  };
1448
3283
 
@@ -1459,7 +3294,7 @@ var getNextSort$1 = function getNextSort(column) {
1459
3294
  }
1460
3295
  };
1461
3296
 
1462
- var IconSort$1 = function IconSort(_ref2) {
3297
+ var IconSort$2 = function IconSort(_ref2) {
1463
3298
  var sortDirection = _ref2.sortDirection;
1464
3299
  var sortDir = sortDirection || null;
1465
3300
  return React__default.createElement("div", {
@@ -1468,13 +3303,15 @@ var IconSort$1 = function IconSort(_ref2) {
1468
3303
  flexDirection: 'column'
1469
3304
  }
1470
3305
  }, sortDir !== 'desc' && React__default.createElement(IconChevronUp, {
1471
- size: "small"
3306
+ size: "small",
3307
+ color: GREY400
1472
3308
  }), sortDir !== 'asc' && React__default.createElement("span", {
1473
3309
  style: {
1474
3310
  marginTop: '-4px'
1475
3311
  }
1476
3312
  }, React__default.createElement(IconChevronDown, {
1477
- size: "small"
3313
+ size: "small",
3314
+ color: GREY400
1478
3315
  })));
1479
3316
  };
1480
3317
 
@@ -1520,7 +3357,7 @@ var DataTable = function DataTable(_ref) {
1520
3357
  onSort: onSort,
1521
3358
  showActionMenu: showActionMenu
1522
3359
  }), React__default.createElement("div", {
1523
- className: styles$b['body'],
3360
+ className: styles$a['body'],
1524
3361
  style: conditionalStyles,
1525
3362
  role: "table"
1526
3363
  }, isLoading && React__default.createElement(Spinner, {
@@ -1533,10 +3370,10 @@ var DataTable = function DataTable(_ref) {
1533
3370
  index: index
1534
3371
  });
1535
3372
  }), footerComponent && !isLoading && React__default.createElement("div", {
1536
- className: styles$b['footer'],
3373
+ className: styles$a['footer'],
1537
3374
  "data-testid": "footer"
1538
3375
  }, footerComponent)), onPreviousClick && onNextClick && (hasPrevious || hasNext) && React__default.createElement("div", {
1539
- className: styles$b['pagination-controls'],
3376
+ className: styles$a['pagination-controls'],
1540
3377
  "data-testid": "pagination-controls"
1541
3378
  }, React__default.createElement(PaginationControls, {
1542
3379
  hasPrevious: hasPrevious && !isLoading,
@@ -1564,7 +3401,7 @@ var DefaultItemComponent$1 = function DefaultItemComponent(_ref2) {
1564
3401
  }));
1565
3402
  };
1566
3403
 
1567
- var styles$c = {"data-table-cell":"_orjDM","data-table-cell--right-aligned":"_3EpfF"};
3404
+ var styles$b = {"data-table-cell":"_orjDM","data-table-cell--right-aligned":"_3EpfF"};
1568
3405
 
1569
3406
  var DataTableCell = function DataTableCell(_ref) {
1570
3407
  var _columns$columnIndex, _classnames;
@@ -1578,7 +3415,7 @@ var DataTableCell = function DataTableCell(_ref) {
1578
3415
  var column = (_columns$columnIndex = columns[columnIndex]) != null ? _columns$columnIndex : null;
1579
3416
  var isRightAligned = column ? column.isRightAligned : false;
1580
3417
  return React__default.createElement("div", {
1581
- className: classnames((_classnames = {}, _classnames[styles$c['data-table-cell--right-aligned']] = isRightAligned, _classnames), styles$c['data-table-cell'])
3418
+ className: classnames((_classnames = {}, _classnames[styles$b['data-table-cell--right-aligned']] = isRightAligned, _classnames), styles$b['data-table-cell'])
1582
3419
  }, children);
1583
3420
  };
1584
3421
 
@@ -1710,53 +3547,40 @@ var useFieldControllers = function useFieldControllers(_ref) {
1710
3547
  return controllers;
1711
3548
  };
1712
3549
 
1713
- var styles$d = {"label":"_h724f"};
3550
+ var styles$c = {"label":"_h724f"};
1714
3551
 
1715
3552
  var Label = function Label(_ref) {
1716
3553
  var htmlFor = _ref.htmlFor,
1717
3554
  children = _ref.children;
1718
3555
  return React__default.createElement("label", {
1719
3556
  htmlFor: htmlFor,
1720
- className: styles$d['label']
3557
+ className: styles$c['label']
1721
3558
  }, children);
1722
3559
  };
1723
3560
 
1724
- var styles$e = {"caption":"_1DWBq"};
3561
+ var styles$d = {"caption":"_1DWBq"};
1725
3562
 
1726
3563
  var Caption = function Caption(_ref) {
1727
3564
  var fieldId = _ref.fieldId,
1728
3565
  children = _ref.children;
1729
3566
  return React__default.createElement("div", {
1730
3567
  id: fieldId && fieldId + "-describer",
1731
- className: styles$e['caption']
3568
+ className: styles$d['caption']
1732
3569
  }, children);
1733
3570
  };
1734
3571
 
1735
- var WHITE = '#ffffff';
1736
- var EGGPLANT200 = '#d3dbf4';
1737
- var EGGPLANT300 = '#a7b7ea';
1738
- var EGGPLANT400 = '#6d87dd';
1739
- var EGGPLANT700 = '#32295c';
1740
- var RADISH400 = '#e76767';
1741
- var GREY100 = '#f8f8f8';
1742
- var GREY200 = '#e0e0e0';
1743
- var GREY300 = '#c1c1c1';
1744
- var GREY400 = '#929292';
1745
- var GREY500 = '#555555';
1746
- var GREY600 = '#464646';
1747
-
1748
- var styles$f = {"error-message":"_nZ2MD"};
3572
+ var styles$e = {"error-message":"_nZ2MD"};
1749
3573
 
1750
3574
  var ErrorMessage = function ErrorMessage(_ref) {
1751
3575
  var fieldId = _ref.fieldId,
1752
3576
  children = _ref.children;
1753
3577
  return React__default.createElement("div", {
1754
3578
  id: fieldId && fieldId + "-error-message",
1755
- className: styles$f['error-message']
3579
+ className: styles$e['error-message']
1756
3580
  }, React__default.createElement(Inline, {
1757
3581
  space: 8,
1758
3582
  alignItems: "center"
1759
- }, React__default.createElement(IconDelete, {
3583
+ }, React__default.createElement(IconTimesOctagon, {
1760
3584
  color: RADISH400,
1761
3585
  size: "medium"
1762
3586
  }), children));
@@ -1768,10 +3592,11 @@ var Field = function Field(_ref) {
1768
3592
  caption = _ref.caption,
1769
3593
  error = _ref.error,
1770
3594
  children = _ref.children;
3595
+ var shouldRenderLabel = label || typeof label === 'string';
1771
3596
  return React__default.createElement(Stack, {
1772
3597
  space: 8,
1773
3598
  flexItems: true
1774
- }, label !== undefined && React__default.createElement(Label, {
3599
+ }, shouldRenderLabel && React__default.createElement(Label, {
1775
3600
  htmlFor: id
1776
3601
  }, label), children, caption && React__default.createElement(Caption, {
1777
3602
  fieldId: id
@@ -1780,7 +3605,7 @@ var Field = function Field(_ref) {
1780
3605
  }, error));
1781
3606
  };
1782
3607
 
1783
- var styles$g = {"affix-container":"_ybKOk","affix-container--prefixed":"_2COk3","affix-container--suffixed":"_1xXXN","prefix":"_eX5OL","suffix":"__YH01"};
3608
+ var styles$f = {"affix-container":"_ybKOk","affix-container--prefixed":"_2COk3","affix-container--suffixed":"_1xXXN","prefix":"_eX5OL","suffix":"__YH01"};
1784
3609
 
1785
3610
  var AffixContainer = function AffixContainer(_ref) {
1786
3611
  var _classnames;
@@ -1817,21 +3642,21 @@ var AffixContainer = function AffixContainer(_ref) {
1817
3642
  return children;
1818
3643
  }
1819
3644
 
1820
- var classes = classnames(styles$g['affix-container'], (_classnames = {}, _classnames[styles$g['affix-container--prefixed']] = hasPrefix, _classnames[styles$g['affix-container--suffixed']] = hasSuffix, _classnames));
3645
+ var classes = classnames(styles$f['affix-container'], (_classnames = {}, _classnames[styles$f['affix-container--prefixed']] = hasPrefix, _classnames[styles$f['affix-container--suffixed']] = hasSuffix, _classnames));
1821
3646
  return React__default.createElement("div", {
1822
3647
  className: classes,
1823
3648
  ref: container,
1824
3649
  "data-testid": "affix-container"
1825
3650
  }, hasPrefix && React__default.createElement("div", {
1826
- className: styles$g['prefix'],
3651
+ className: styles$f['prefix'],
1827
3652
  ref: prefixElement
1828
3653
  }, prefix), children, hasSuffix && React__default.createElement("div", {
1829
- className: styles$g['suffix'],
3654
+ className: styles$f['suffix'],
1830
3655
  ref: suffixElement
1831
3656
  }, suffix));
1832
3657
  };
1833
3658
 
1834
- var styles$h = {"data-table-editable-cell":"_kIngZ","data-table-editable-cell--right-aligned":"_3_QIj","data-table-editable-cell--currency":"_2Kyuc","data-table-editable-cell--invalid":"_y9SBQ","data-table-editable-cell--top-left":"_32mWH","data-table-editable-cell--top-right":"_3Jg2-","data-table-editable-cell--bottom-left":"_1F5fj","data-table-editable-cell--bottom-right":"_1fTTW"};
3659
+ var styles$g = {"data-table-editable-cell":"_kIngZ","data-table-editable-cell--right-aligned":"_3_QIj","data-table-editable-cell--currency":"_2Kyuc","data-table-editable-cell--invalid":"_y9SBQ","data-table-editable-cell--top-left":"_32mWH","data-table-editable-cell--top-right":"_3Jg2-","data-table-editable-cell--bottom-left":"_1F5fj","data-table-editable-cell--bottom-right":"_1fTTW"};
1835
3660
 
1836
3661
  var DataTableEditableCell = function DataTableEditableCell(_ref) {
1837
3662
  var _columns$columnIndex, _classnames, _classnames2;
@@ -1878,14 +3703,14 @@ var DataTableEditableCell = function DataTableEditableCell(_ref) {
1878
3703
  id: controllers.id
1879
3704
  };
1880
3705
  return React__default.createElement("div", {
1881
- className: classnames((_classnames = {}, _classnames[styles$h['data-table-editable-cell--currency']] = type === 'currency', _classnames), styles$h['data-table-editable-cell'])
3706
+ className: classnames((_classnames = {}, _classnames[styles$g['data-table-editable-cell--currency']] = type === 'currency', _classnames), styles$g['data-table-editable-cell'])
1882
3707
  }, React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement(AffixContainer, {
1883
3708
  prefix: prefix,
1884
3709
  suffix: suffix
1885
3710
  }, React__default.createElement("input", {
1886
3711
  name: name,
1887
3712
  id: controllers.id,
1888
- className: classnames((_classnames2 = {}, _classnames2[styles$h['data-table-editable-cell--right-aligned']] = isRightAligned, _classnames2[styles$h['data-table-editable-cell--top-left']] = isTopLeftCell, _classnames2[styles$h['data-table-editable-cell--top-right']] = isTopRightCell, _classnames2[styles$h['data-table-editable-cell--bottom-left']] = isBottomLeftCell, _classnames2[styles$h['data-table-editable-cell--bottom-right']] = isBottomRightCell, _classnames2[styles$h['data-table-editable-cell--invalid']] = hasError, _classnames2)),
3713
+ className: classnames((_classnames2 = {}, _classnames2[styles$g['data-table-editable-cell--right-aligned']] = isRightAligned, _classnames2[styles$g['data-table-editable-cell--top-left']] = isTopLeftCell, _classnames2[styles$g['data-table-editable-cell--top-right']] = isTopRightCell, _classnames2[styles$g['data-table-editable-cell--bottom-left']] = isBottomLeftCell, _classnames2[styles$g['data-table-editable-cell--bottom-right']] = isBottomRightCell, _classnames2[styles$g['data-table-editable-cell--invalid']] = hasError, _classnames2)),
1889
3714
  type: type === 'currency' ? 'number' : 'text',
1890
3715
  step: type === 'currency' ? 'any' : '',
1891
3716
  "data-testid": "text-field-" + name,
@@ -1900,7 +3725,7 @@ var DataTableEditableCell = function DataTableEditableCell(_ref) {
1900
3725
  }))));
1901
3726
  };
1902
3727
 
1903
- var styles$i = {"form--standard-size":"_3CaV0"};
3728
+ var styles$h = {"form--standard-size":"_3CaV0"};
1904
3729
 
1905
3730
  var Form = function Form(_ref) {
1906
3731
  var _classnames;
@@ -1924,7 +3749,7 @@ var Form = function Form(_ref) {
1924
3749
  }
1925
3750
  }, React__default.createElement("form", {
1926
3751
  onSubmit: onSubmit ? handleSubmit : formik === null || formik === void 0 ? void 0 : formik.handleSubmit,
1927
- className: classnames((_classnames = {}, _classnames[styles$i['form--standard-size']] = !wide, _classnames)),
3752
+ className: classnames((_classnames = {}, _classnames[styles$h['form--standard-size']] = !wide, _classnames)),
1928
3753
  "data-testid": "form"
1929
3754
  }, stackContent ? React__default.createElement(Stack, null, children) : children));
1930
3755
  };
@@ -1963,7 +3788,7 @@ var FormRow = function FormRow(_ref) {
1963
3788
  }));
1964
3789
  };
1965
3790
 
1966
- var styles$j = {"text-field":"_BkzdC","text-field--focus":"_Rop31","text-field--disabled":"_2x3Cm","text-field--invalid":"_3zOwV","text-field__toolbar":"_rQqnL"};
3791
+ var styles$i = {"text-field":"_BkzdC","text-field--focus":"_Rop31","text-field--disabled":"_2x3Cm","text-field--invalid":"_3zOwV","text-field__toolbar":"_rQqnL"};
1967
3792
 
1968
3793
  var useGrowTextAreaRef = function useGrowTextAreaRef(minHeight, maxHeight, autoGrow, forwardedRef) {
1969
3794
  var textareaRef = React.useRef(null);
@@ -2038,7 +3863,7 @@ var TextAreaField = function TextAreaField(_ref) {
2038
3863
  updateHeight = _useGrowTextAreaRef.updateHeight;
2039
3864
 
2040
3865
  return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement("div", {
2041
- className: classnames(styles$j['text-field'], (_classnames = {}, _classnames[styles$j['text-field--invalid']] = hasError, _classnames[styles$j['text-field--disabled']] = disabled, _classnames[styles$j['text-field--focus']] = hasFocus, _classnames)),
3866
+ className: classnames(styles$i['text-field'], (_classnames = {}, _classnames[styles$i['text-field--invalid']] = hasError, _classnames[styles$i['text-field--disabled']] = disabled, _classnames[styles$i['text-field--focus']] = hasFocus, _classnames)),
2042
3867
  ref: containerRef,
2043
3868
  onClick: function onClick(event) {
2044
3869
  if (event.target === (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current)) {
@@ -2070,7 +3895,7 @@ var TextAreaField = function TextAreaField(_ref) {
2070
3895
  },
2071
3896
  ref: textAreaRef
2072
3897
  }), toolbar && React__default.createElement("div", {
2073
- className: styles$j['text-field__toolbar'],
3898
+ className: styles$i['text-field__toolbar'],
2074
3899
  id: controllers.id + "-toolbar",
2075
3900
  ref: toolbarRef,
2076
3901
  onClick: function onClick(event) {
@@ -2083,9 +3908,9 @@ var TextAreaField = function TextAreaField(_ref) {
2083
3908
  }, toolbar)));
2084
3909
  };
2085
3910
 
2086
- var styles$k = {"text-field":"_20YOA","text-field--invalid":"_3kUSh","text-field--prefixed":"_3IU3Q","text-field--suffixed":"_QXJOD"};
3911
+ var styles$j = {"text-field":"_20YOA","text-field--invalid":"_3kUSh","text-field--prefixed":"_3IU3Q","text-field--suffixed":"_QXJOD"};
2087
3912
 
2088
- var TextField = function TextField(_ref, ref) {
3913
+ var TextFieldElement = function TextFieldElement(_ref, ref) {
2089
3914
  var _classnames;
2090
3915
 
2091
3916
  var autoComplete = _ref.autoComplete,
@@ -2132,7 +3957,7 @@ var TextField = function TextField(_ref, ref) {
2132
3957
  "aria-invalid": hasError,
2133
3958
  autoComplete: autoComplete,
2134
3959
  autoFocus: autoFocus,
2135
- className: classnames(styles$k['text-field'], (_classnames = {}, _classnames[styles$k['text-field--invalid']] = hasError, _classnames)),
3960
+ className: classnames(styles$j['text-field'], (_classnames = {}, _classnames[styles$j['text-field--invalid']] = hasError, _classnames)),
2136
3961
  "data-testid": "text-field-" + name,
2137
3962
  disabled: disabled,
2138
3963
  defaultValue: defaultValue,
@@ -2151,7 +3976,7 @@ var TextField = function TextField(_ref, ref) {
2151
3976
  })));
2152
3977
  };
2153
3978
 
2154
- var TextField$1 = React.forwardRef(TextField);
3979
+ var TextField = React.forwardRef(TextFieldElement);
2155
3980
 
2156
3981
  var useCheckBoxFieldControllers = function useCheckBoxFieldControllers(_ref) {
2157
3982
  var name = _ref.name,
@@ -2199,7 +4024,7 @@ var useCheckBoxFieldControllers = function useCheckBoxFieldControllers(_ref) {
2199
4024
  return controllers;
2200
4025
  };
2201
4026
 
2202
- var styles$l = {"check-box-field":"_2sg0c","check-box-field__caption":"_2LdrP","check-box-field__custom-input":"_2mA8e"};
4027
+ var styles$k = {"check-box-field":"_2sg0c","check-box-field__caption":"_2LdrP","check-box-field__custom-input":"_2mA8e"};
2203
4028
 
2204
4029
  var CheckboxField = function CheckboxField(_ref) {
2205
4030
  var name = _ref.name,
@@ -2226,7 +4051,7 @@ var CheckboxField = function CheckboxField(_ref) {
2226
4051
  space: 8,
2227
4052
  alignItems: "center"
2228
4053
  }, React__default.createElement("div", {
2229
- className: styles$l['check-box-field']
4054
+ className: styles$k['check-box-field']
2230
4055
  }, React__default.createElement("input", {
2231
4056
  name: name,
2232
4057
  id: controllers.id,
@@ -2239,11 +4064,11 @@ var CheckboxField = function CheckboxField(_ref) {
2239
4064
  onChange: controllers.onChange,
2240
4065
  onBlur: controllers.onBlur
2241
4066
  }), React__default.createElement("span", {
2242
- className: styles$l['check-box-field__custom-input']
4067
+ className: styles$k['check-box-field__custom-input']
2243
4068
  })), label && React__default.createElement(Label, {
2244
4069
  htmlFor: controllers.id
2245
4070
  }, label)), caption && React__default.createElement("div", {
2246
- className: styles$l['check-box-field__caption']
4071
+ className: styles$k['check-box-field__caption']
2247
4072
  }, React__default.createElement(Caption, {
2248
4073
  fieldId: controllers.id
2249
4074
  }, caption)), controllers.error && React__default.createElement(ErrorMessage, {
@@ -2251,7 +4076,7 @@ var CheckboxField = function CheckboxField(_ref) {
2251
4076
  }, controllers.error));
2252
4077
  };
2253
4078
 
2254
- var styles$m = {"pill-select-field":"_g6T-p","pill-select-field__custom-input":"_1i2AX"};
4079
+ var styles$l = {"pill-select-field":"_g6T-p","pill-select-field__custom-input":"_1i2AX"};
2255
4080
 
2256
4081
  var useMultiSelectFieldControllers = function useMultiSelectFieldControllers(_ref) {
2257
4082
  var name = _ref.name,
@@ -2342,7 +4167,7 @@ var PillSelectField = function PillSelectField(_ref) {
2342
4167
  var itemId = controllers.id + "-" + itemIdentifier;
2343
4168
  return React__default.createElement("div", {
2344
4169
  key: itemIdentifier,
2345
- className: styles$m['pill-select-field']
4170
+ className: styles$l['pill-select-field']
2346
4171
  }, React__default.createElement("input", {
2347
4172
  name: name + "-" + itemIdentifier,
2348
4173
  id: itemId,
@@ -2364,7 +4189,7 @@ var PillSelectField = function PillSelectField(_ref) {
2364
4189
  controllers.onChange(newValue);
2365
4190
  }
2366
4191
  }), React__default.createElement("span", {
2367
- className: styles$m['pill-select-field__custom-input']
4192
+ className: styles$l['pill-select-field__custom-input']
2368
4193
  }, option.label));
2369
4194
  })));
2370
4195
  };
@@ -2412,7 +4237,7 @@ var useRadioGroupFieldContext = function useRadioGroupFieldContext() {
2412
4237
  return context;
2413
4238
  };
2414
4239
 
2415
- var styles$n = {"label":"_1WGz2","radio-group-field__label":"_RXyG_"};
4240
+ var styles$m = {"label":"_1WGz2","radio-group-field__label":"_RXyG_"};
2416
4241
 
2417
4242
  var RadioGroupField = function RadioGroupField(_ref) {
2418
4243
  var name = _ref.name,
@@ -2445,7 +4270,7 @@ var RadioGroupField = function RadioGroupField(_ref) {
2445
4270
  }, React__default.createElement(Stack, {
2446
4271
  space: 12
2447
4272
  }, label && React__default.createElement("div", {
2448
- className: styles$n['radio-group-field__label']
4273
+ className: styles$m['radio-group-field__label']
2449
4274
  }, label), React__default.createElement(Stack, {
2450
4275
  space: 8
2451
4276
  }, inline ? React__default.createElement(InlineOptions, null, children) : React__default.createElement(Stack, {
@@ -2479,7 +4304,7 @@ var InlineOptions = function InlineOptions(_ref2) {
2479
4304
  return React__default.createElement(FormRow, null, children);
2480
4305
  };
2481
4306
 
2482
- var styles$o = {"radio-group-option":"_1Clmp","radio-group-option__caption":"_3UmWA","radio-group-option__custom-input":"_1tMq-"};
4307
+ var styles$n = {"radio-group-option":"_1Clmp","radio-group-option__caption":"_3UmWA","radio-group-option__custom-input":"_1tMq-"};
2483
4308
 
2484
4309
  var RadioGroupOption = function RadioGroupOption(_ref) {
2485
4310
  var value = _ref.value,
@@ -2497,7 +4322,7 @@ var RadioGroupOption = function RadioGroupOption(_ref) {
2497
4322
  space: 8,
2498
4323
  alignItems: "center"
2499
4324
  }, React__default.createElement("div", {
2500
- className: styles$o['radio-group-option']
4325
+ className: styles$n['radio-group-option']
2501
4326
  }, React__default.createElement("input", {
2502
4327
  type: "radio",
2503
4328
  id: id,
@@ -2507,19 +4332,19 @@ var RadioGroupOption = function RadioGroupOption(_ref) {
2507
4332
  checked: radioGroupContext.value !== undefined ? radioGroupContext.value === value : undefined,
2508
4333
  disabled: radioGroupContext.disabled
2509
4334
  }), React__default.createElement("span", {
2510
- className: styles$o['radio-group-option__custom-input']
4335
+ className: styles$n['radio-group-option__custom-input']
2511
4336
  })), label && React__default.createElement(Label, {
2512
4337
  htmlFor: id
2513
4338
  }, label)), caption && React__default.createElement("div", {
2514
- className: styles$o['radio-group-option__caption']
4339
+ className: styles$n['radio-group-option__caption']
2515
4340
  }, React__default.createElement(Caption, {
2516
4341
  fieldId: id
2517
4342
  }, caption)));
2518
4343
  };
2519
4344
 
2520
- var styles$p = {"text-field":"_18Rzv","text-field--invalid":"_3eD7t","text-field--prefixed":"_2evrG","text-field--suffixed":"_-MgeO","password-container":"_-Rf3c","password-toggle":"_yinPY"};
4345
+ var styles$o = {"text-field":"_18Rzv","text-field--invalid":"_3eD7t","text-field--prefixed":"_2evrG","text-field--suffixed":"_-MgeO","password-container":"_-Rf3c","password-toggle":"_yinPY"};
2521
4346
 
2522
- var styles$q = {"password-criteria":"_U0krC","password-criteria--invalid":"_2XIl4"};
4347
+ var styles$p = {"password-criteria":"_U0krC","password-criteria--invalid":"_2XIl4"};
2523
4348
 
2524
4349
  var PasswordCriteria = function PasswordCriteria(_ref) {
2525
4350
  var _classnames;
@@ -2527,7 +4352,7 @@ var PasswordCriteria = function PasswordCriteria(_ref) {
2527
4352
  var met = _ref.met,
2528
4353
  children = _ref.children;
2529
4354
  return React__default.createElement("span", {
2530
- className: classnames(styles$q['password-criteria'], (_classnames = {}, _classnames[styles$q['password-criteria--invalid']] = !met, _classnames))
4355
+ className: classnames(styles$p['password-criteria'], (_classnames = {}, _classnames[styles$p['password-criteria--invalid']] = !met, _classnames))
2531
4356
  }, React__default.createElement(Inline, {
2532
4357
  space: met ? 4 : 8
2533
4358
  }, met ? React__default.createElement(IconCheck, {
@@ -2611,11 +4436,11 @@ var PasswordField = function PasswordField(_ref) {
2611
4436
  error: controllers.error
2612
4437
  };
2613
4438
  return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement("div", {
2614
- className: styles$p['password-container']
4439
+ className: styles$o['password-container']
2615
4440
  }, React__default.createElement("input", {
2616
4441
  name: name,
2617
4442
  id: controllers.id,
2618
- className: classnames(styles$p['text-field'], (_classnames = {}, _classnames[styles$p['text-field--invalid']] = hasError, _classnames)),
4443
+ className: classnames(styles$o['text-field'], (_classnames = {}, _classnames[styles$o['text-field--invalid']] = hasError, _classnames)),
2619
4444
  type: type,
2620
4445
  "data-testid": "text-field-" + name,
2621
4446
  "aria-describedby": hasError ? controllers.id + "-error-message" : controllers.id + "-describer",
@@ -2627,19 +4452,21 @@ var PasswordField = function PasswordField(_ref) {
2627
4452
  onChange: controllers.onChange,
2628
4453
  onBlur: controllers.onBlur
2629
4454
  }), React__default.createElement("div", {
2630
- className: styles$p['password-toggle'],
4455
+ className: styles$o['password-toggle'],
2631
4456
  onClick: toggleType,
2632
4457
  onKeyPress: toggleType,
2633
4458
  "data-testid": "password-toggle",
2634
4459
  tabIndex: 0,
2635
4460
  role: "button"
2636
- }, type === 'password' ? React__default.createElement(IconEyeSlash, null) : React__default.createElement(IconEye, null))));
4461
+ }, type === 'password' ? React__default.createElement(IconEyeSlash, {
4462
+ color: GREY400
4463
+ }) : React__default.createElement(IconEye, {
4464
+ color: GREY400
4465
+ }))));
2637
4466
  };
2638
4467
 
2639
4468
  var getSelectStyles = function getSelectStyles(_ref) {
2640
4469
  var isInvalid = _ref.isInvalid,
2641
- _ref$hasPrefix = _ref.hasPrefix,
2642
- hasPrefix = _ref$hasPrefix === void 0 ? false : _ref$hasPrefix,
2643
4470
  _ref$asToolbarFilter = _ref.asToolbarFilter,
2644
4471
  asToolbarFilter = _ref$asToolbarFilter === void 0 ? false : _ref$asToolbarFilter,
2645
4472
  _ref$wrapToNextLine = _ref.wrapToNextLine,
@@ -2651,23 +4478,24 @@ var getSelectStyles = function getSelectStyles(_ref) {
2651
4478
  flexWrap: wrapToNextLine ? 'wrap' : 'nowrap'
2652
4479
  });
2653
4480
  },
2654
- container: function container(base) {
4481
+ container: function container(base, state) {
2655
4482
  return Object.assign({}, base, {
2656
4483
  flex: '1',
2657
4484
  fontFamily: FONT_FAMILY,
2658
- minWidth: '64px'
4485
+ minWidth: '64px',
4486
+ backgroundColor: state.isDisabled && !asToolbarFilter ? GREY100 : WHITE,
4487
+ position: 'initial'
2659
4488
  });
2660
4489
  },
2661
4490
  control: function control(base, state) {
2662
4491
  return Object.assign({}, base, {
2663
4492
  borderColor: state.isFocused ? EGGPLANT400 : borderColor,
2664
- color: state.isDisabled ? GREY200 : GREY500,
4493
+ color: state.isDisabled ? GREY400 : GREY500,
2665
4494
  boxShadow: state.isFocused ? "0 0 8px " + EGGPLANT300 : 'none',
2666
4495
  '&:hover': 'none',
2667
- backgroundColor: state.isDisabled ? GREY100 : state.isFocused ? WHITE : WHITE,
4496
+ background: 'none',
2668
4497
  fontSize: '14px',
2669
4498
  cursor: 'pointer',
2670
- background: hasPrefix && 'transparent',
2671
4499
  border: asToolbarFilter && 'none'
2672
4500
  });
2673
4501
  },
@@ -2676,9 +4504,9 @@ var getSelectStyles = function getSelectStyles(_ref) {
2676
4504
  display: 'none'
2677
4505
  };
2678
4506
  },
2679
- placeholder: function placeholder(base) {
4507
+ placeholder: function placeholder(base, state) {
2680
4508
  return _extends({}, base, {
2681
- color: GREY300,
4509
+ color: state.isDisabled && asToolbarFilter ? GREY300 : GREY400,
2682
4510
  marginRight: 0,
2683
4511
  position: 'static',
2684
4512
  transform: 'initial',
@@ -2697,7 +4525,7 @@ var getSelectStyles = function getSelectStyles(_ref) {
2697
4525
  },
2698
4526
  singleValue: function singleValue(base, state) {
2699
4527
  return Object.assign({}, base, {
2700
- color: state.isDisabled ? GREY300 : null,
4528
+ color: state.isDisabled ? GREY400 : null,
2701
4529
  marginRight: 0,
2702
4530
  position: 'static',
2703
4531
  transform: 'initial',
@@ -2708,14 +4536,14 @@ var getSelectStyles = function getSelectStyles(_ref) {
2708
4536
  },
2709
4537
  dropdownIndicator: function dropdownIndicator(base, state) {
2710
4538
  return Object.assign({}, base, {
2711
- color: state.isDisabled ? GREY200 : GREY400,
4539
+ color: state.isDisabled ? GREY300 : GREY400,
2712
4540
  padding: '8px'
2713
4541
  });
2714
4542
  },
2715
4543
  option: function option(base, state) {
2716
4544
  return Object.assign({}, base, {
2717
4545
  backgroundColor: state.isDisabled ? null : state.isSelected ? EGGPLANT200 : state.isFocused ? GREY100 : WHITE,
2718
- color: state.isDisabled ? GREY300 : state.isSelected ? EGGPLANT700 : GREY500,
4546
+ color: state.isDisabled ? GREY400 : state.isSelected ? EGGPLANT700 : GREY500,
2719
4547
  cursor: 'pointer',
2720
4548
  fontFamily: FONT_FAMILY,
2721
4549
  fontSize: '14px'
@@ -2730,14 +4558,15 @@ var getSelectStyles = function getSelectStyles(_ref) {
2730
4558
  return Object.assign({}, base, {
2731
4559
  ':hover': {
2732
4560
  backgroundColor: 'none',
2733
- color: GREY600
4561
+ color: GREY500
2734
4562
  }
2735
4563
  });
2736
4564
  },
2737
4565
  clearIndicator: function clearIndicator(base) {
2738
4566
  return Object.assign({}, base, {
4567
+ color: GREY400,
2739
4568
  ':hover': {
2740
- color: GREY600
4569
+ color: GREY500
2741
4570
  }
2742
4571
  });
2743
4572
  },
@@ -2872,7 +4701,7 @@ var useSelectFieldControllers = function useSelectFieldControllers(_ref) {
2872
4701
  return controllers;
2873
4702
  };
2874
4703
 
2875
- var styles$r = {"custom-control":"_1cDCR"};
4704
+ var styles$q = {"custom-control":"_1cDCR"};
2876
4705
 
2877
4706
  var _excluded$3 = ["children", "CustomPrefixComponent"];
2878
4707
 
@@ -2885,7 +4714,7 @@ function CustomControl(_ref) {
2885
4714
 
2886
4715
  var selectedOption = (_props$getValue = props.getValue()) === null || _props$getValue === void 0 ? void 0 : _props$getValue[0];
2887
4716
  return React__default.createElement(Select.components.Control, Object.assign({}, props), CustomControl && selectedOption ? React__default.createElement("div", {
2888
- className: styles$r['custom-control'],
4717
+ className: styles$q['custom-control'],
2889
4718
  style: {
2890
4719
  paddingLeft: selectedOption ? 8 : 0
2891
4720
  }
@@ -2951,7 +4780,6 @@ var SelectField = function SelectField(_ref) {
2951
4780
  placeholder: placeholder,
2952
4781
  styles: getSelectStyles({
2953
4782
  isInvalid: hasError,
2954
- hasPrefix: !!prefix,
2955
4783
  asToolbarFilter: asToolbarFilter
2956
4784
  }),
2957
4785
  menuPortalTarget: document.body,
@@ -3041,7 +4869,7 @@ var DatePickerCalendar = function DatePickerCalendar(_ref) {
3041
4869
 
3042
4870
  var inputStyles = {"text-field":"_1btTx","date-field":"_1Sc9D","text-field--invalid":"_2feYp","date-field--invalid":"_2SNat","text-field--prefixed":"_E18JV","date-field--prefixed":"_jLolW","text-field--suffixed":"_27J43","date-field--suffixed":"_3eTNi"};
3043
4871
 
3044
- var styles$s = {"container":"_v1b-5","wrapper":"_3mrLu","interactionDisabled":"_1J9dh","DayPicker-Day":"_8FcQE","navBar":"_1SPuq","todayButton":"_24FJ6","navButtonInteractionDisabled":"_Oxdm9","navButtonPrev":"_20uqc","navButtonNext":"_3C53z","months":"_M_eHz","month":"_3RPpJ","caption":"_1FXNw","weekdays":"_3KcRU","weekdaysRow":"_1fO_e","weekday":"_c1Y-X","body":"_34mA1","week":"_1PmqZ","day":"_1AWH2","disabled":"_3vJkw","selected":"_1DR0N","outside":"_276GV","footer":"_2M5xr","today":"_3N6fj","overlayWrapper":"_3Zqgu","overlay":"_20Ncd","weekNumber":"_2hb-S"};
4872
+ var styles$r = {"container":"_v1b-5","wrapper":"_3mrLu","interactionDisabled":"_1J9dh","DayPicker-Day":"_8FcQE","navBar":"_1SPuq","todayButton":"_24FJ6","navButtonInteractionDisabled":"_Oxdm9","navButtonPrev":"_20uqc","navButtonNext":"_3C53z","months":"_M_eHz","month":"_3RPpJ","caption":"_1FXNw","weekdays":"_3KcRU","weekdaysRow":"_1fO_e","weekday":"_c1Y-X","body":"_34mA1","week":"_1PmqZ","day":"_1AWH2","disabled":"_3vJkw","selected":"_1DR0N","outside":"_276GV","footer":"_2M5xr","today":"_3N6fj","overlayWrapper":"_3Zqgu","overlay":"_20Ncd","weekNumber":"_2hb-S"};
3045
4873
 
3046
4874
  function parseDate(str, format, locale) {
3047
4875
  var parsed = dateFnsParse(str, format, new Date(), {
@@ -3120,7 +4948,7 @@ var DateField = function DateField(_ref) {
3120
4948
  error: controllers.error
3121
4949
  };
3122
4950
  var dayPickerProps = {
3123
- classNames: styles$s,
4951
+ classNames: styles$r,
3124
4952
  disabledDays: function disabledDays(day) {
3125
4953
  return _disabledDays && _disabledDays(setToMidnight(day));
3126
4954
  },
@@ -3132,12 +4960,12 @@ var DateField = function DateField(_ref) {
3132
4960
  })
3133
4961
  };
3134
4962
  return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement(AffixContainer, {
3135
- prefix: React__default.createElement(IconCalendar, {
4963
+ prefix: React__default.createElement(IconCalendarAlt, {
3136
4964
  size: "medium"
3137
4965
  })
3138
4966
  }, React__default.createElement(DayPickerInput, {
3139
4967
  format: format,
3140
- classNames: styles$s,
4968
+ classNames: styles$r,
3141
4969
  formatDate: formatDate,
3142
4970
  parseDate: parseDate,
3143
4971
  placeholder: placeholder || format.toUpperCase(),
@@ -3213,7 +5041,7 @@ var useRangeFieldControllers = function useRangeFieldControllers(_ref) {
3213
5041
  return initialControllers;
3214
5042
  };
3215
5043
 
3216
- var styles$t = {"container":"_1Ini2","wrapper":"_21VnL","interactionDisabled":"_wJ6Cb","DayPicker-Day":"_1c48y","navBar":"_3KwsN","todayButton":"_10CBO","navButtonInteractionDisabled":"_dHL-D","navButtonPrev":"_6kNi3","navButtonNext":"_13W_e","months":"_1FeSY","month":"_wU6A4","caption":"_AMbAo","weekdays":"_1LEst","weekdaysRow":"_2XECo","weekday":"_1C5ry","body":"_11F-Y","week":"_3MAFk","day":"_mG73F","disabled":"_2pgnH","selected":"_MtLaz","outside":"_CRqyX","footer":"_2KG9-","today":"_2JA2y","overlayWrapper":"_1JWbc","overlay":"_2tL6g","weekNumber":"_3u72O","text-field":"_25rf7","date-range-field":"_3qVhi","text-field--invalid":"_2M9Ud","text-field--prefixed":"_3TUb2","text-field--suffixed":"_foqL0","date-range-field--invalid":"_3df9R"};
5044
+ var styles$s = {"container":"_1Ini2","wrapper":"_21VnL","interactionDisabled":"_wJ6Cb","DayPicker-Day":"_1c48y","navBar":"_3KwsN","todayButton":"_10CBO","navButtonInteractionDisabled":"_dHL-D","navButtonPrev":"_6kNi3","navButtonNext":"_13W_e","months":"_1FeSY","month":"_wU6A4","caption":"_AMbAo","weekdays":"_1LEst","weekdaysRow":"_2XECo","weekday":"_1C5ry","body":"_11F-Y","week":"_3MAFk","day":"_mG73F","disabled":"_2pgnH","selected":"_MtLaz","outside":"_CRqyX","footer":"_2KG9-","today":"_2JA2y","overlayWrapper":"_1JWbc","overlay":"_2tL6g","weekNumber":"_3u72O","text-field":"_25rf7","date-range-field":"_3qVhi","text-field--invalid":"_2M9Ud","text-field--prefixed":"_3TUb2","text-field--suffixed":"_foqL0","date-range-field--invalid":"_3df9R","date-range-field--disabled":"_2Nkht"};
3217
5045
 
3218
5046
  var FromDate = function FromDate(_ref) {
3219
5047
  var name = _ref.name,
@@ -3233,7 +5061,7 @@ var FromDate = function FromDate(_ref) {
3233
5061
  to: end
3234
5062
  };
3235
5063
  var dayPickerProps = {
3236
- classNames: styles$t,
5064
+ classNames: styles$s,
3237
5065
  months: MONTH_NAMES,
3238
5066
  weekdaysLong: DAYS,
3239
5067
  weekdaysShort: DAYS.map(function (day) {
@@ -3254,7 +5082,7 @@ var FromDate = function FromDate(_ref) {
3254
5082
  };
3255
5083
  return React__default.createElement(DayPickerInput, {
3256
5084
  format: format,
3257
- classNames: styles$t,
5085
+ classNames: styles$s,
3258
5086
  selectedDay: start,
3259
5087
  value: start,
3260
5088
  formatDate: formatDate,
@@ -3295,7 +5123,7 @@ var ToDate = function ToDate(_ref, ref) {
3295
5123
  to: end
3296
5124
  };
3297
5125
  var dayPickerProps = {
3298
- classNames: styles$t,
5126
+ classNames: styles$s,
3299
5127
  months: MONTH_NAMES,
3300
5128
  weekdaysLong: DAYS,
3301
5129
  weekdaysShort: DAYS.map(function (day) {
@@ -3316,7 +5144,7 @@ var ToDate = function ToDate(_ref, ref) {
3316
5144
  };
3317
5145
  return React__default.createElement(DayPickerInput, {
3318
5146
  format: format,
3319
- classNames: styles$t,
5147
+ classNames: styles$s,
3320
5148
  selectedDay: end,
3321
5149
  value: end,
3322
5150
  formatDate: formatDate,
@@ -3344,7 +5172,7 @@ var ToDate = function ToDate(_ref, ref) {
3344
5172
  var ToDate$1 = React.forwardRef(ToDate);
3345
5173
 
3346
5174
  var DateRangeField = function DateRangeField(_ref) {
3347
- var _classnames;
5175
+ var _classnames, _classnames2;
3348
5176
 
3349
5177
  var name = _ref.name,
3350
5178
  inputId = _ref.id,
@@ -3383,9 +5211,10 @@ var DateRangeField = function DateRangeField(_ref) {
3383
5211
  start = _controllers$value.start,
3384
5212
  end = _controllers$value.end;
3385
5213
  return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement("div", {
3386
- className: classnames(styles$t['date-range-field'], (_classnames = {}, _classnames[styles$t['date-range-field--invalid']] = hasError, _classnames))
3387
- }, React__default.createElement(IconCalendar, {
3388
- size: "medium"
5214
+ className: classnames(styles$s['date-range-field'], (_classnames = {}, _classnames[styles$s['date-range-field--invalid']] = hasError, _classnames), (_classnames2 = {}, _classnames2[styles$s['date-range-field--disabled']] = disabled, _classnames2))
5215
+ }, React__default.createElement(IconCalendarAlt, {
5216
+ size: "medium",
5217
+ color: GREY400
3389
5218
  }), React__default.createElement(FromDate, {
3390
5219
  name: name,
3391
5220
  id: controllers.id,
@@ -3408,7 +5237,8 @@ var DateRangeField = function DateRangeField(_ref) {
3408
5237
  toInputRef === null || toInputRef === void 0 ? void 0 : (_toInputRef$current = toInputRef.current) === null || _toInputRef$current === void 0 ? void 0 : _toInputRef$current.focus();
3409
5238
  }
3410
5239
  }), React__default.createElement(IconArrowRight, {
3411
- size: "medium"
5240
+ size: "medium",
5241
+ color: GREY400
3412
5242
  }), React__default.createElement(ToDate$1, {
3413
5243
  name: name,
3414
5244
  format: format,
@@ -3428,7 +5258,7 @@ var DateRangeField = function DateRangeField(_ref) {
3428
5258
  })));
3429
5259
  };
3430
5260
 
3431
- var styles$u = {"container":"_okDvi","wrapper":"_17XdD","interactionDisabled":"_1O7OT","DayPicker-Day":"_3noGA","navBar":"_1Hl3Q","todayButton":"_m0Vs9","navButtonInteractionDisabled":"_1ULWH","navButtonPrev":"_3gjq8","navButtonNext":"_1m-Kd","months":"_Fq6Xh","month":"_3i0Oo","caption":"_36X9Y","weekdays":"_1aWPn","weekdaysRow":"_3HXCK","weekday":"_t-ctd","body":"_XAbiR","week":"_3Nwep","day":"_3nNcG","disabled":"_1M4ZF","selected":"_2PEs8","outside":"_1PIJa","footer":"_2T_z1","today":"_1hVM6","overlayWrapper":"_1L-hI","overlay":"_dDPZb","weekNumber":"_1alhT"};
5261
+ var styles$t = {"container":"_okDvi","wrapper":"_17XdD","interactionDisabled":"_1O7OT","DayPicker-Day":"_3noGA","navBar":"_1Hl3Q","todayButton":"_m0Vs9","navButtonInteractionDisabled":"_1ULWH","navButtonPrev":"_3gjq8","navButtonNext":"_1m-Kd","months":"_Fq6Xh","month":"_3i0Oo","caption":"_36X9Y","weekdays":"_1aWPn","weekdaysRow":"_3HXCK","weekday":"_t-ctd","body":"_XAbiR","week":"_3Nwep","day":"_3nNcG","disabled":"_1M4ZF","selected":"_2PEs8","outside":"_1PIJa","footer":"_2T_z1","today":"_1hVM6","overlayWrapper":"_1L-hI","overlay":"_dDPZb","weekNumber":"_1alhT"};
3432
5262
 
3433
5263
  var WeekField = function WeekField(_ref) {
3434
5264
  var _classnames;
@@ -3499,7 +5329,7 @@ var WeekField = function WeekField(_ref) {
3499
5329
  };
3500
5330
 
3501
5331
  var dayPickerProps = {
3502
- classNames: styles$u,
5332
+ classNames: styles$t,
3503
5333
  disabledDays: function disabledDays(day) {
3504
5334
  return _disabledDays && _disabledDays(setToMidnight(day));
3505
5335
  },
@@ -3524,12 +5354,12 @@ var WeekField = function WeekField(_ref) {
3524
5354
  };
3525
5355
 
3526
5356
  return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement(AffixContainer, {
3527
- prefix: React__default.createElement(IconCalendar, {
5357
+ prefix: React__default.createElement(IconCalendarAlt, {
3528
5358
  size: "medium"
3529
5359
  })
3530
5360
  }, React__default.createElement(DayPickerInput, {
3531
5361
  format: format,
3532
- classNames: styles$u,
5362
+ classNames: styles$t,
3533
5363
  formatDate: formatDate,
3534
5364
  parseDate: parseDate,
3535
5365
  placeholder: placeholder || format.toUpperCase(),
@@ -3558,7 +5388,7 @@ var WeekField = function WeekField(_ref) {
3558
5388
  })));
3559
5389
  };
3560
5390
 
3561
- var styles$v = {"caption":"_1QDLF","label":"_2wiMV","toggle":"_1ui8X","toggle__label":"_1YRJT","toggle__caption":"_1jEiW","toggle__switch":"_3tNyE"};
5391
+ var styles$u = {"caption":"_1QDLF","label":"_2wiMV","toggle":"_1ui8X","toggle__label":"_1YRJT","toggle__caption":"_1jEiW","toggle__switch":"_3tNyE"};
3562
5392
 
3563
5393
  var Toggle = function Toggle(_ref) {
3564
5394
  var checked = _ref.checked,
@@ -3571,7 +5401,7 @@ var Toggle = function Toggle(_ref) {
3571
5401
  return React__default.createElement(Stack, {
3572
5402
  space: 8
3573
5403
  }, React__default.createElement("label", {
3574
- className: styles$v['toggle']
5404
+ className: styles$u['toggle']
3575
5405
  }, React__default.createElement("input", {
3576
5406
  "data-testid": "toggle",
3577
5407
  type: "checkbox",
@@ -3580,17 +5410,17 @@ var Toggle = function Toggle(_ref) {
3580
5410
  disabled: disabled,
3581
5411
  id: id
3582
5412
  }), React__default.createElement("span", {
3583
- className: styles$v['toggle__switch']
5413
+ className: styles$u['toggle__switch']
3584
5414
  }), label && React__default.createElement("span", {
3585
- className: styles$v['toggle__label']
5415
+ className: styles$u['toggle__label']
3586
5416
  }, label)), caption && React__default.createElement("span", {
3587
- className: styles$v['toggle__caption']
5417
+ className: styles$u['toggle__caption']
3588
5418
  }, caption));
3589
5419
  };
3590
5420
 
3591
- var styles$w = {"overlay":"_2puqJ","overlay--after-open":"_1167h","overlay--before-close":"_t_t7L","content":"_wQQ_2","content--after-open":"_3jwux","content--before-close":"_2c2QP"};
5421
+ var styles$v = {"overlay":"_2puqJ","overlay--after-open":"_1167h","overlay--before-close":"_t_t7L","content":"_wQQ_2","content--after-open":"_3jwux","content--before-close":"_2c2QP"};
3592
5422
 
3593
- var styles$x = {"header":"_36nxW","sub-header":"_2XwRD"};
5423
+ var styles$w = {"header":"_36nxW","sub-header":"_2XwRD"};
3594
5424
 
3595
5425
  var ModalHeader = function ModalHeader(_ref) {
3596
5426
  var header = _ref.header,
@@ -3602,12 +5432,12 @@ var ModalHeader = function ModalHeader(_ref) {
3602
5432
  flex: [1],
3603
5433
  alignItems: "center"
3604
5434
  }, React__default.createElement("span", {
3605
- className: styles$x['header']
5435
+ className: styles$w['header']
3606
5436
  }, header), React__default.createElement(Button$1, {
3607
5437
  theme: "link-icon",
3608
5438
  onClick: onClose
3609
- }, React__default.createElement(IconClose, null))), subHeader && React__default.createElement("div", {
3610
- className: styles$x['sub-header']
5439
+ }, React__default.createElement(IconTimes, null))), subHeader && React__default.createElement("div", {
5440
+ className: styles$w['sub-header']
3611
5441
  }, subHeader));
3612
5442
  };
3613
5443
 
@@ -3643,14 +5473,14 @@ var Modal = function Modal(_ref) {
3643
5473
  contentLabel: "Modal",
3644
5474
  appElement: rootElementId && document.getElementById(rootElementId) || undefined,
3645
5475
  overlayClassName: {
3646
- base: styles$w['overlay'],
3647
- afterOpen: styles$w['overlay--after-open'],
3648
- beforeClose: styles$w['overlay--before-close']
5476
+ base: styles$v['overlay'],
5477
+ afterOpen: styles$v['overlay--after-open'],
5478
+ beforeClose: styles$v['overlay--before-close']
3649
5479
  },
3650
5480
  className: {
3651
- base: styles$w['content'],
3652
- afterOpen: styles$w['content--after-open'],
3653
- beforeClose: styles$w['content--before-close']
5481
+ base: styles$v['content'],
5482
+ afterOpen: styles$v['content--after-open'],
5483
+ beforeClose: styles$v['content--before-close']
3654
5484
  }
3655
5485
  }, React__default.createElement(ModalHeader, {
3656
5486
  header: header,
@@ -3663,16 +5493,16 @@ Modal.setAppElement = function (rootElement) {
3663
5493
  ReactModal.setAppElement(rootElement);
3664
5494
  };
3665
5495
 
3666
- var styles$y = {"modal-body":"_2J-ku"};
5496
+ var styles$x = {"modal-body":"_2J-ku"};
3667
5497
 
3668
5498
  var ModalBody = function ModalBody(_ref) {
3669
5499
  var children = _ref.children;
3670
5500
  return React__default.createElement("div", {
3671
- className: styles$y['modal-body']
5501
+ className: styles$x['modal-body']
3672
5502
  }, children);
3673
5503
  };
3674
5504
 
3675
- var styles$z = {"modal-footer":"_LKOr5","tertiary-container":"_Qktd-"};
5505
+ var styles$y = {"modal-footer":"_LKOr5","tertiary-container":"_Qktd-"};
3676
5506
 
3677
5507
  var ModalFooter = function ModalFooter(_ref) {
3678
5508
  var children = _ref.children,
@@ -3693,7 +5523,7 @@ var ModalFooter = function ModalFooter(_ref) {
3693
5523
  return React__default.createElement(FooterContainer, null, React__default.createElement(Inline, {
3694
5524
  justifyContent: "space-between"
3695
5525
  }, React__default.createElement("div", {
3696
- className: classnames((_classnames = {}, _classnames[styles$z['tertiary-container']] = tertiaryButton && tertiaryButton.props.theme.startsWith('link'), _classnames))
5526
+ className: classnames((_classnames = {}, _classnames[styles$y['tertiary-container']] = tertiaryButton && tertiaryButton.props.theme.startsWith('link'), _classnames))
3697
5527
  }, tertiaryButton || React__default.createElement("div", null)), React__default.createElement(Inline, {
3698
5528
  space: 12
3699
5529
  }, secondaryButton, primaryButton)));
@@ -3721,7 +5551,7 @@ var FooterContainer = function FooterContainer(_ref2) {
3721
5551
  var childrenItens = React__default.Children.toArray(children);
3722
5552
  var hasCustomAlignment = childrenItens.length === 1 && childrenItens[0].type === Inline;
3723
5553
  return React__default.createElement("div", {
3724
- className: styles$z['modal-footer']
5554
+ className: styles$y['modal-footer']
3725
5555
  }, React__default.createElement(Inline, {
3726
5556
  justifyContent: "end",
3727
5557
  space: 12,
@@ -3729,7 +5559,7 @@ var FooterContainer = function FooterContainer(_ref2) {
3729
5559
  }, children));
3730
5560
  };
3731
5561
 
3732
- var styles$A = {"badge":"_2f81N","badge--warning":"_2g1GI","badge--danger":"_2zLnM","badge--success":"_27QOo","badge--info":"_2gmsM"};
5562
+ var styles$z = {"badge":"_2f81N","badge--warning":"_2g1GI","badge--danger":"_2zLnM","badge--success":"_27QOo","badge--info":"_2gmsM"};
3733
5563
 
3734
5564
  var _excluded$5 = ["children", "theme", "title"];
3735
5565
 
@@ -3752,16 +5582,16 @@ var Badge = function Badge(_ref, forwardedRef) {
3752
5582
  overlay: title,
3753
5583
  ref: ref
3754
5584
  }, React__default.createElement("div", Object.assign({
3755
- className: classnames(styles$A['badge'], (_classnames = {}, _classnames[styles$A['badge--success']] = theme === 'success', _classnames[styles$A['badge--danger']] = theme === 'danger', _classnames[styles$A['badge--info']] = theme === 'info', _classnames[styles$A['badge--warning']] = theme === 'warning', _classnames)),
5585
+ className: classnames(styles$z['badge'], (_classnames = {}, _classnames[styles$z['badge--success']] = theme === 'success', _classnames[styles$z['badge--danger']] = theme === 'danger', _classnames[styles$z['badge--info']] = theme === 'info', _classnames[styles$z['badge--warning']] = theme === 'warning', _classnames)),
3756
5586
  ref: ref
3757
5587
  }, otherProps), children));
3758
5588
  };
3759
5589
 
3760
5590
  var Badge$1 = React.forwardRef(Badge);
3761
5591
 
3762
- var styles$B = {"avatar":"_2wJGB","avatar--small":"_3QTSo","avatar__badge":"_2Rl8S","avatar--medium":"_1zwj0","avatar--large":"_3-U6x","avatar--extra-large":"_3qn2q"};
5592
+ var styles$A = {"avatar":"_2wJGB","avatar--small":"_3QTSo","avatar__badge":"_2Rl8S","avatar--medium":"_1zwj0","avatar--large":"_3-U6x","avatar--extra-large":"_3qn2q"};
3763
5593
 
3764
- var styles$C = {"avatar-image":"_GKL9P"};
5594
+ var styles$B = {"avatar-image":"_GKL9P"};
3765
5595
 
3766
5596
  var AvatarImage = function AvatarImage(_ref) {
3767
5597
  var url = _ref.url,
@@ -3786,8 +5616,8 @@ var AvatarImage = function AvatarImage(_ref) {
3786
5616
  }
3787
5617
 
3788
5618
  return React__default.createElement("div", {
3789
- className: styles$C['avatar-image']
3790
- }, React__default.createElement(IconUser, {
5619
+ className: styles$B['avatar-image']
5620
+ }, React__default.createElement(IconUserSolid, {
3791
5621
  size: "flexible",
3792
5622
  color: color
3793
5623
  }));
@@ -3854,7 +5684,7 @@ var Avatar = function Avatar(_ref) {
3854
5684
 
3855
5685
  var backgroundColor = url ? GREY200 : color;
3856
5686
  return React__default.createElement("div", {
3857
- className: classnames(styles$B['avatar'], (_classnames = {}, _classnames[styles$B['avatar--small']] = size === 'small', _classnames[styles$B['avatar--medium']] = size === 'medium', _classnames[styles$B['avatar--large']] = size === 'large', _classnames[styles$B['avatar--extra-large']] = size === 'extra-large', _classnames)),
5687
+ className: classnames(styles$A['avatar'], (_classnames = {}, _classnames[styles$A['avatar--small']] = size === 'small', _classnames[styles$A['avatar--medium']] = size === 'medium', _classnames[styles$A['avatar--large']] = size === 'large', _classnames[styles$A['avatar--extra-large']] = size === 'extra-large', _classnames)),
3858
5688
  style: {
3859
5689
  backgroundColor: children || url && !showIconInsteadOfImage ? backgroundColor : defaultProfilePictureColors.backgroundColor
3860
5690
  }
@@ -3866,7 +5696,7 @@ var Avatar = function Avatar(_ref) {
3866
5696
  return setShowIconInsteadOfImage(true);
3867
5697
  }
3868
5698
  }), badge && size !== 'small' && React__default.createElement("div", {
3869
- className: styles$B['avatar__badge']
5699
+ className: styles$A['avatar__badge']
3870
5700
  }, badge));
3871
5701
  };
3872
5702
 
@@ -3882,27 +5712,124 @@ exports.DateField = DateField;
3882
5712
  exports.DateRangeField = DateRangeField;
3883
5713
  exports.Form = Form;
3884
5714
  exports.FormRow = FormRow;
5715
+ exports.IconAnalytics = IconAnalytics;
3885
5716
  exports.IconArrowDown = IconArrowDown;
3886
5717
  exports.IconArrowLeft = IconArrowLeft;
3887
5718
  exports.IconArrowRight = IconArrowRight;
5719
+ exports.IconArrowToTop = IconArrowToTop;
3888
5720
  exports.IconArrowUp = IconArrowUp;
5721
+ exports.IconAward = IconAward;
5722
+ exports.IconBalanceScale = IconBalanceScale;
5723
+ exports.IconBalanceScaleLeft = IconBalanceScaleLeft;
5724
+ exports.IconBan = IconBan;
5725
+ exports.IconBarsH = IconBarsH;
5726
+ exports.IconBarsV = IconBarsV;
5727
+ exports.IconBell = IconBell;
5728
+ exports.IconBold = IconBold;
5729
+ exports.IconBolt = IconBolt;
5730
+ exports.IconBook = IconBook;
5731
+ exports.IconBriefcase = IconBriefcase;
5732
+ exports.IconBullseyeArrow = IconBullseyeArrow;
5733
+ exports.IconCalculator = IconCalculator;
3889
5734
  exports.IconCalendar = IconCalendar;
5735
+ exports.IconCalendarAlt = IconCalendarAlt;
5736
+ exports.IconCalendarCheck = IconCalendarCheck;
5737
+ exports.IconCalendarDay = IconCalendarDay;
5738
+ exports.IconCalendarExclamation = IconCalendarExclamation;
5739
+ exports.IconCalendarTomorrow = IconCalendarTomorrow;
5740
+ exports.IconCamera = IconCamera;
5741
+ exports.IconCameraSlash = IconCameraSlash;
5742
+ exports.IconCashRegister = IconCashRegister;
5743
+ exports.IconChartBar = IconChartBar;
3890
5744
  exports.IconCheck = IconCheck;
3891
5745
  exports.IconChevronDown = IconChevronDown;
5746
+ exports.IconChevronLeft = IconChevronLeft;
5747
+ exports.IconChevronRight = IconChevronRight;
3892
5748
  exports.IconChevronUp = IconChevronUp;
3893
- exports.IconClose = IconClose;
5749
+ exports.IconClipboardList = IconClipboardList;
5750
+ exports.IconClock = IconClock;
5751
+ exports.IconCog = IconCog;
3894
5752
  exports.IconComment = IconComment;
3895
- exports.IconDelete = IconDelete;
5753
+ exports.IconCommentLines = IconCommentLines;
5754
+ exports.IconCopy = IconCopy;
5755
+ exports.IconCreditCard = IconCreditCard;
5756
+ exports.IconCreditCardPlus = IconCreditCardPlus;
5757
+ exports.IconDownload = IconDownload;
3896
5758
  exports.IconEdit = IconEdit;
3897
- exports.IconExclaim = IconExclaim;
5759
+ exports.IconEllipsisV = IconEllipsisV;
5760
+ exports.IconEnvelope = IconEnvelope;
5761
+ exports.IconExclaimation = IconExclaimation;
5762
+ exports.IconExclaimationTriangle = IconExclaimationTriangle;
5763
+ exports.IconExpand = IconExpand;
5764
+ exports.IconExternalLink = IconExternalLink;
3898
5765
  exports.IconEye = IconEye;
3899
5766
  exports.IconEyeSlash = IconEyeSlash;
3900
- exports.IconLocation = IconLocation;
5767
+ exports.IconFile = IconFile;
5768
+ exports.IconFilePdf = IconFilePdf;
5769
+ exports.IconFlag = IconFlag;
5770
+ exports.IconFourDotsCircle = IconFourDotsCircle;
5771
+ exports.IconFourSquares = IconFourSquares;
5772
+ exports.IconGift = IconGift;
5773
+ exports.IconGrinBeam = IconGrinBeam;
5774
+ exports.IconGripVertical = IconGripVertical;
5775
+ exports.IconHandshake = IconHandshake;
5776
+ exports.IconImage = IconImage;
5777
+ exports.IconInfoCircle = IconInfoCircle;
5778
+ exports.IconIslandTropical = IconIslandTropical;
5779
+ exports.IconItalic = IconItalic;
5780
+ exports.IconLaptopSearch = IconLaptopSearch;
5781
+ exports.IconLink = IconLink;
5782
+ exports.IconList = IconList;
5783
+ exports.IconListOi = IconListOI;
5784
+ exports.IconLock = IconLock;
5785
+ exports.IconMagicSolid = IconMagicSolid;
5786
+ exports.IconMapMarker = IconMapMarker;
5787
+ exports.IconMegaphone = IconMegaphone;
5788
+ exports.IconMinus = IconMinus;
3901
5789
  exports.IconMinusCircle = IconMinusCircle;
3902
- exports.IconMore = IconMore;
3903
- exports.IconRemove = IconRemove;
3904
- exports.IconUser = IconUser;
5790
+ exports.IconMoneyBill = IconMoneyBill;
5791
+ exports.IconNotesMedical = IconNotesMedical;
5792
+ exports.IconOvertime = IconOvertime;
5793
+ exports.IconPaperPlane = IconPaperPlane;
5794
+ exports.IconPaperPlaneClock = IconPaperPlaneClock;
5795
+ exports.IconPaperclip = IconPaperclip;
5796
+ exports.IconPencil = IconPencil;
5797
+ exports.IconPercentage = IconPercentage;
5798
+ exports.IconPhone = IconPhone;
5799
+ exports.IconPlug = IconPlug;
5800
+ exports.IconPlus = IconPlus;
5801
+ exports.IconPrint = IconPrint;
5802
+ exports.IconQuestionCircle = IconQuestionCircle;
5803
+ exports.IconRepeat = IconRepeat;
5804
+ exports.IconSearch = IconSearch;
5805
+ exports.IconSignOut = IconSignOut;
5806
+ exports.IconSitemap = IconSitemap;
5807
+ exports.IconSlidersH = IconSlidersH;
5808
+ exports.IconSort = IconSort;
5809
+ exports.IconStar = IconStar;
5810
+ exports.IconStickyNoteLines = IconStickyNoteLines;
5811
+ exports.IconStopwatch = IconStopwatch;
5812
+ exports.IconStrikethrough = IconStrikethrough;
5813
+ exports.IconSync = IconSync;
5814
+ exports.IconSyncExclaimation = IconSyncExclaimation;
5815
+ exports.IconTachometer = IconTachometer;
5816
+ exports.IconTimes = IconTimes;
5817
+ exports.IconTimesOctagon = IconTimesOctagon;
5818
+ exports.IconTrash = IconTrash;
5819
+ exports.IconUnderline = IconUnderline;
5820
+ exports.IconUndo = IconUndo;
5821
+ exports.IconUserComputer = IconUserComputer;
5822
+ exports.IconUserLight = IconUserLight;
3905
5823
  exports.IconUserPlus = IconUserPlus;
5824
+ exports.IconUserSlash = IconUserSlash;
5825
+ exports.IconUserSolid = IconUserSolid;
5826
+ exports.IconUserTag = IconUserTag;
5827
+ exports.IconUserTie = IconUserTie;
5828
+ exports.IconUsers = IconUsers;
5829
+ exports.IconVideo = IconVideo;
5830
+ exports.IconVolume = IconVolume;
5831
+ exports.IconVolumeMute = IconVolumeMute;
5832
+ exports.IconWrench = IconWrench;
3906
5833
  exports.Inline = Inline;
3907
5834
  exports.Modal = Modal;
3908
5835
  exports.ModalBody = ModalBody;
@@ -3924,7 +5851,7 @@ exports.SelectField = SelectField;
3924
5851
  exports.Spinner = Spinner;
3925
5852
  exports.Stack = Stack;
3926
5853
  exports.TextAreaField = TextAreaField;
3927
- exports.TextField = TextField$1;
5854
+ exports.TextField = TextField;
3928
5855
  exports.Toggle = Toggle;
3929
5856
  exports.Tooltip = Tooltip$1;
3930
5857
  exports.WeekField = WeekField;