@x-plat/design-system 0.8.0 → 0.8.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/components/DatePicker/index.cjs +388 -400
- package/dist/components/DatePicker/index.css +3 -0
- package/dist/components/DatePicker/index.js +375 -387
- package/dist/components/Dropdown/index.cjs +21 -26
- package/dist/components/Dropdown/index.js +20 -25
- package/dist/components/Modal/index.cjs +18 -28
- package/dist/components/Modal/index.css +3 -0
- package/dist/components/Modal/index.js +17 -27
- package/dist/components/PopOver/index.cjs +18 -23
- package/dist/components/PopOver/index.js +17 -22
- package/dist/components/Select/index.cjs +337 -342
- package/dist/components/Select/index.js +336 -341
- package/dist/components/Tooltip/index.cjs +27 -32
- package/dist/components/Tooltip/index.js +26 -31
- package/dist/components/index.cjs +467 -471
- package/dist/components/index.css +3 -0
- package/dist/components/index.js +418 -422
- package/dist/index.cjs +491 -495
- package/dist/index.css +3 -0
- package/dist/index.js +440 -444
- package/package.json +1 -1
|
@@ -1,28 +1,23 @@
|
|
|
1
1
|
// src/components/Select/Select.tsx
|
|
2
|
-
import
|
|
2
|
+
import React5 from "react";
|
|
3
3
|
|
|
4
4
|
// src/tokens/hooks/Portal.tsx
|
|
5
|
-
import React from "react";
|
|
6
5
|
import ReactDOM from "react-dom";
|
|
7
|
-
import { jsx } from "react/jsx-runtime";
|
|
8
|
-
var PortalContainerContext = React.createContext(null);
|
|
9
6
|
var Portal = ({ children }) => {
|
|
10
|
-
const contextContainer = React.useContext(PortalContainerContext);
|
|
11
7
|
if (typeof document === "undefined") return null;
|
|
12
|
-
|
|
13
|
-
return ReactDOM.createPortal(children, container);
|
|
8
|
+
return ReactDOM.createPortal(children, document.body);
|
|
14
9
|
};
|
|
15
10
|
Portal.displayName = "Portal";
|
|
16
11
|
var Portal_default = Portal;
|
|
17
12
|
|
|
18
13
|
// src/tokens/hooks/useAutoPosition.ts
|
|
19
|
-
import
|
|
14
|
+
import React from "react";
|
|
20
15
|
var useAutoPosition = (triggerRef, popRef, enabled = true) => {
|
|
21
|
-
const [position, setPosition] =
|
|
16
|
+
const [position, setPosition] = React.useState({
|
|
22
17
|
position: {},
|
|
23
18
|
direction: "bottom"
|
|
24
19
|
});
|
|
25
|
-
const calculatePosition =
|
|
20
|
+
const calculatePosition = React.useCallback(() => {
|
|
26
21
|
if (!triggerRef.current || !popRef.current) return;
|
|
27
22
|
const triggerRect = triggerRef.current.getBoundingClientRect();
|
|
28
23
|
const popW = popRef.current.offsetWidth;
|
|
@@ -49,13 +44,13 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
|
|
|
49
44
|
direction
|
|
50
45
|
});
|
|
51
46
|
}, [triggerRef, popRef]);
|
|
52
|
-
|
|
47
|
+
React.useLayoutEffect(() => {
|
|
53
48
|
if (!enabled) return;
|
|
54
49
|
calculatePosition();
|
|
55
50
|
const raf = requestAnimationFrame(calculatePosition);
|
|
56
51
|
return () => cancelAnimationFrame(raf);
|
|
57
52
|
}, [calculatePosition, enabled]);
|
|
58
|
-
|
|
53
|
+
React.useEffect(() => {
|
|
59
54
|
if (!enabled || !popRef.current) return;
|
|
60
55
|
const observer = new ResizeObserver(() => {
|
|
61
56
|
calculatePosition();
|
|
@@ -63,7 +58,7 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
|
|
|
63
58
|
observer.observe(popRef.current);
|
|
64
59
|
return () => observer.disconnect();
|
|
65
60
|
}, [calculatePosition, enabled, popRef]);
|
|
66
|
-
|
|
61
|
+
React.useEffect(() => {
|
|
67
62
|
if (!enabled) return;
|
|
68
63
|
window.addEventListener("resize", calculatePosition);
|
|
69
64
|
window.addEventListener("scroll", calculatePosition, true);
|
|
@@ -77,9 +72,9 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
|
|
|
77
72
|
var useAutoPosition_default = useAutoPosition;
|
|
78
73
|
|
|
79
74
|
// src/tokens/hooks/useClickOutside.ts
|
|
80
|
-
import
|
|
75
|
+
import React2 from "react";
|
|
81
76
|
var useClickOutside = (refs, handler, enabled = true) => {
|
|
82
|
-
|
|
77
|
+
React2.useEffect(() => {
|
|
83
78
|
if (!enabled) return;
|
|
84
79
|
const refArray = Array.isArray(refs) ? refs : [refs];
|
|
85
80
|
const listener = (event) => {
|
|
@@ -102,128 +97,128 @@ var useClickOutside = (refs, handler, enabled = true) => {
|
|
|
102
97
|
var useClickOutside_default = useClickOutside;
|
|
103
98
|
|
|
104
99
|
// src/tokens/svg/action/CopyIcon.tsx
|
|
105
|
-
import { jsx
|
|
100
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
106
101
|
|
|
107
102
|
// src/tokens/svg/action/CropIcon.tsx
|
|
108
|
-
import { jsx as
|
|
103
|
+
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
109
104
|
|
|
110
105
|
// src/tokens/svg/action/DeleteIcon.tsx
|
|
111
|
-
import { jsx as
|
|
106
|
+
import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
112
107
|
|
|
113
108
|
// src/tokens/svg/action/DownloadCloudIcon.tsx
|
|
114
|
-
import { jsx as
|
|
109
|
+
import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
115
110
|
|
|
116
111
|
// src/tokens/svg/action/DownloadIcon.tsx
|
|
117
|
-
import { jsx as
|
|
112
|
+
import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
118
113
|
|
|
119
114
|
// src/tokens/svg/action/Edit2Icon.tsx
|
|
120
|
-
import { jsx as
|
|
115
|
+
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
121
116
|
|
|
122
117
|
// src/tokens/svg/action/Edit3Icon.tsx
|
|
123
|
-
import { jsx as
|
|
118
|
+
import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
124
119
|
|
|
125
120
|
// src/tokens/svg/action/EditIcon.tsx
|
|
126
|
-
import { jsx as
|
|
121
|
+
import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
127
122
|
|
|
128
123
|
// src/tokens/svg/action/ExternalLinkIcon.tsx
|
|
129
|
-
import { jsx as
|
|
124
|
+
import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
130
125
|
|
|
131
126
|
// src/tokens/svg/action/FilterIcon.tsx
|
|
132
|
-
import { jsx as
|
|
127
|
+
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
133
128
|
|
|
134
129
|
// src/tokens/svg/action/Link2Icon.tsx
|
|
135
|
-
import { jsx as
|
|
130
|
+
import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
136
131
|
|
|
137
132
|
// src/tokens/svg/action/LinkIcon.tsx
|
|
138
|
-
import { jsx as
|
|
133
|
+
import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
139
134
|
|
|
140
135
|
// src/tokens/svg/action/MoveIcon.tsx
|
|
141
|
-
import { jsx as
|
|
136
|
+
import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
142
137
|
|
|
143
138
|
// src/tokens/svg/action/RefreshCcwIcon.tsx
|
|
144
|
-
import { jsx as
|
|
139
|
+
import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
145
140
|
|
|
146
141
|
// src/tokens/svg/action/RefreshCwIcon.tsx
|
|
147
|
-
import { jsx as
|
|
142
|
+
import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
148
143
|
|
|
149
144
|
// src/tokens/svg/action/RotateCcwIcon.tsx
|
|
150
|
-
import { jsx as
|
|
145
|
+
import { jsx as jsx16 } from "react/jsx-runtime";
|
|
151
146
|
|
|
152
147
|
// src/tokens/svg/action/RotateCwIcon.tsx
|
|
153
|
-
import { jsx as
|
|
148
|
+
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
154
149
|
|
|
155
150
|
// src/tokens/svg/action/SaveIcon.tsx
|
|
156
|
-
import { jsx as
|
|
151
|
+
import { jsx as jsx18 } from "react/jsx-runtime";
|
|
157
152
|
|
|
158
153
|
// src/tokens/svg/action/ScissorsIcon.tsx
|
|
159
|
-
import { jsx as
|
|
154
|
+
import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
160
155
|
|
|
161
156
|
// src/tokens/svg/action/SearchIcon.tsx
|
|
162
|
-
import { jsx as
|
|
157
|
+
import { jsx as jsx20 } from "react/jsx-runtime";
|
|
163
158
|
|
|
164
159
|
// src/tokens/svg/action/Share2Icon.tsx
|
|
165
|
-
import { jsx as
|
|
160
|
+
import { jsx as jsx21 } from "react/jsx-runtime";
|
|
166
161
|
|
|
167
162
|
// src/tokens/svg/action/ShareIcon.tsx
|
|
168
|
-
import { jsx as
|
|
163
|
+
import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
169
164
|
|
|
170
165
|
// src/tokens/svg/action/Trash2Icon.tsx
|
|
171
|
-
import { jsx as
|
|
166
|
+
import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
172
167
|
|
|
173
168
|
// src/tokens/svg/action/TrashIcon.tsx
|
|
174
|
-
import { jsx as
|
|
169
|
+
import { jsx as jsx24 } from "react/jsx-runtime";
|
|
175
170
|
|
|
176
171
|
// src/tokens/svg/action/UploadCloudIcon.tsx
|
|
177
|
-
import { jsx as
|
|
172
|
+
import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
178
173
|
|
|
179
174
|
// src/tokens/svg/action/UploadIcon.tsx
|
|
180
|
-
import { jsx as
|
|
175
|
+
import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
181
176
|
|
|
182
177
|
// src/tokens/svg/action/ZoomInIcon.tsx
|
|
183
|
-
import { jsx as
|
|
178
|
+
import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
184
179
|
|
|
185
180
|
// src/tokens/svg/action/ZoomOutIcon.tsx
|
|
186
|
-
import { jsx as
|
|
181
|
+
import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
187
182
|
|
|
188
183
|
// src/tokens/svg/arrow/ArrowDownCircleIcon.tsx
|
|
189
|
-
import { jsx as
|
|
184
|
+
import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
190
185
|
|
|
191
186
|
// src/tokens/svg/arrow/ArrowDownIcon.tsx
|
|
192
|
-
import { jsx as
|
|
187
|
+
import { jsx as jsx30 } from "react/jsx-runtime";
|
|
193
188
|
|
|
194
189
|
// src/tokens/svg/arrow/ArrowDownLeftIcon.tsx
|
|
195
|
-
import { jsx as
|
|
190
|
+
import { jsx as jsx31 } from "react/jsx-runtime";
|
|
196
191
|
|
|
197
192
|
// src/tokens/svg/arrow/ArrowDownRightIcon.tsx
|
|
198
|
-
import { jsx as
|
|
193
|
+
import { jsx as jsx32 } from "react/jsx-runtime";
|
|
199
194
|
|
|
200
195
|
// src/tokens/svg/arrow/ArrowLeftCircleIcon.tsx
|
|
201
|
-
import { jsx as
|
|
196
|
+
import { jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
202
197
|
|
|
203
198
|
// src/tokens/svg/arrow/ArrowLeftIcon.tsx
|
|
204
|
-
import { jsx as
|
|
199
|
+
import { jsx as jsx34 } from "react/jsx-runtime";
|
|
205
200
|
|
|
206
201
|
// src/tokens/svg/arrow/ArrowRightCircleIcon.tsx
|
|
207
|
-
import { jsx as
|
|
202
|
+
import { jsx as jsx35, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
208
203
|
|
|
209
204
|
// src/tokens/svg/arrow/ArrowRightIcon.tsx
|
|
210
|
-
import { jsx as
|
|
205
|
+
import { jsx as jsx36 } from "react/jsx-runtime";
|
|
211
206
|
|
|
212
207
|
// src/tokens/svg/arrow/ArrowUpCircleIcon.tsx
|
|
213
|
-
import { jsx as
|
|
208
|
+
import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
214
209
|
|
|
215
210
|
// src/tokens/svg/arrow/ArrowUpIcon.tsx
|
|
216
|
-
import { jsx as
|
|
211
|
+
import { jsx as jsx38 } from "react/jsx-runtime";
|
|
217
212
|
|
|
218
213
|
// src/tokens/svg/arrow/ArrowUpLeftIcon.tsx
|
|
219
|
-
import { jsx as
|
|
214
|
+
import { jsx as jsx39 } from "react/jsx-runtime";
|
|
220
215
|
|
|
221
216
|
// src/tokens/svg/arrow/ArrowUpRightIcon.tsx
|
|
222
|
-
import { jsx as
|
|
217
|
+
import { jsx as jsx40 } from "react/jsx-runtime";
|
|
223
218
|
|
|
224
219
|
// src/tokens/svg/arrow/ChevronDownIcon.tsx
|
|
225
|
-
import { jsx as
|
|
226
|
-
var ChevronDownIcon = () => /* @__PURE__ */
|
|
220
|
+
import { jsx as jsx41 } from "react/jsx-runtime";
|
|
221
|
+
var ChevronDownIcon = () => /* @__PURE__ */ jsx41(
|
|
227
222
|
"svg",
|
|
228
223
|
{
|
|
229
224
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -231,7 +226,7 @@ var ChevronDownIcon = () => /* @__PURE__ */ jsx42(
|
|
|
231
226
|
height: "1em",
|
|
232
227
|
viewBox: "0 0 20 20",
|
|
233
228
|
fill: "none",
|
|
234
|
-
children: /* @__PURE__ */
|
|
229
|
+
children: /* @__PURE__ */ jsx41(
|
|
235
230
|
"path",
|
|
236
231
|
{
|
|
237
232
|
d: "M14.4698 6.96967C14.7627 6.67678 15.2374 6.67678 15.5303 6.96967C15.8232 7.26257 15.8232 7.73734 15.5303 8.03022L10.5303 13.0302C10.2375 13.3231 9.76269 13.3231 9.46979 13.0302L4.46979 8.03022C4.1769 7.73732 4.1769 7.26256 4.46979 6.96967C4.76269 6.67678 5.23745 6.67678 5.53034 6.96967L10.0001 11.4394L14.4698 6.96967Z",
|
|
@@ -243,763 +238,763 @@ var ChevronDownIcon = () => /* @__PURE__ */ jsx42(
|
|
|
243
238
|
var ChevronDownIcon_default = ChevronDownIcon;
|
|
244
239
|
|
|
245
240
|
// src/tokens/svg/arrow/ChevronLeftIcon.tsx
|
|
246
|
-
import { jsx as
|
|
241
|
+
import { jsx as jsx42 } from "react/jsx-runtime";
|
|
247
242
|
|
|
248
243
|
// src/tokens/svg/arrow/ChevronRightIcon.tsx
|
|
249
|
-
import { jsx as
|
|
244
|
+
import { jsx as jsx43 } from "react/jsx-runtime";
|
|
250
245
|
|
|
251
246
|
// src/tokens/svg/arrow/ChevronsDownIcon.tsx
|
|
252
|
-
import { jsx as
|
|
247
|
+
import { jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
253
248
|
|
|
254
249
|
// src/tokens/svg/arrow/ChevronsLeftIcon.tsx
|
|
255
|
-
import { jsx as
|
|
250
|
+
import { jsx as jsx45, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
256
251
|
|
|
257
252
|
// src/tokens/svg/arrow/ChevronsRightIcon.tsx
|
|
258
|
-
import { jsx as
|
|
253
|
+
import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
259
254
|
|
|
260
255
|
// src/tokens/svg/arrow/ChevronsUpIcon.tsx
|
|
261
|
-
import { jsx as
|
|
256
|
+
import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
262
257
|
|
|
263
258
|
// src/tokens/svg/arrow/ChevronUpIcon.tsx
|
|
264
|
-
import { jsx as
|
|
259
|
+
import { jsx as jsx48 } from "react/jsx-runtime";
|
|
265
260
|
|
|
266
261
|
// src/tokens/svg/arrow/CompassIcon.tsx
|
|
267
|
-
import { jsx as
|
|
262
|
+
import { jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
268
263
|
|
|
269
264
|
// src/tokens/svg/arrow/CornerDownLeftIcon.tsx
|
|
270
|
-
import { jsx as
|
|
265
|
+
import { jsx as jsx50 } from "react/jsx-runtime";
|
|
271
266
|
|
|
272
267
|
// src/tokens/svg/arrow/CornerDownRightIcon.tsx
|
|
273
|
-
import { jsx as
|
|
268
|
+
import { jsx as jsx51 } from "react/jsx-runtime";
|
|
274
269
|
|
|
275
270
|
// src/tokens/svg/arrow/CornerLeftDownIcon.tsx
|
|
276
|
-
import { jsx as
|
|
271
|
+
import { jsx as jsx52 } from "react/jsx-runtime";
|
|
277
272
|
|
|
278
273
|
// src/tokens/svg/arrow/CornerLeftUpIcon.tsx
|
|
279
|
-
import { jsx as
|
|
274
|
+
import { jsx as jsx53 } from "react/jsx-runtime";
|
|
280
275
|
|
|
281
276
|
// src/tokens/svg/arrow/CornerRightDownIcon.tsx
|
|
282
|
-
import { jsx as
|
|
277
|
+
import { jsx as jsx54 } from "react/jsx-runtime";
|
|
283
278
|
|
|
284
279
|
// src/tokens/svg/arrow/CornerRightUpIcon.tsx
|
|
285
|
-
import { jsx as
|
|
280
|
+
import { jsx as jsx55 } from "react/jsx-runtime";
|
|
286
281
|
|
|
287
282
|
// src/tokens/svg/arrow/CornerUpLeftIcon.tsx
|
|
288
|
-
import { jsx as
|
|
283
|
+
import { jsx as jsx56 } from "react/jsx-runtime";
|
|
289
284
|
|
|
290
285
|
// src/tokens/svg/arrow/CornerUpRightIcon.tsx
|
|
291
|
-
import { jsx as
|
|
286
|
+
import { jsx as jsx57 } from "react/jsx-runtime";
|
|
292
287
|
|
|
293
288
|
// src/tokens/svg/arrow/MapIcon.tsx
|
|
294
|
-
import { jsx as
|
|
289
|
+
import { jsx as jsx58, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
295
290
|
|
|
296
291
|
// src/tokens/svg/arrow/MapPinIcon.tsx
|
|
297
|
-
import { jsx as
|
|
292
|
+
import { jsx as jsx59, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
298
293
|
|
|
299
294
|
// src/tokens/svg/arrow/Navigation2Icon.tsx
|
|
300
|
-
import { jsx as
|
|
295
|
+
import { jsx as jsx60 } from "react/jsx-runtime";
|
|
301
296
|
|
|
302
297
|
// src/tokens/svg/arrow/NavigationIcon.tsx
|
|
303
|
-
import { jsx as
|
|
298
|
+
import { jsx as jsx61 } from "react/jsx-runtime";
|
|
304
299
|
|
|
305
300
|
// src/tokens/svg/call/CallActiveIcon.tsx
|
|
306
|
-
import { jsx as
|
|
301
|
+
import { jsx as jsx62, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
307
302
|
|
|
308
303
|
// src/tokens/svg/call/CallForwardedIcon.tsx
|
|
309
|
-
import { jsx as
|
|
304
|
+
import { jsx as jsx63, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
310
305
|
|
|
311
306
|
// src/tokens/svg/call/CallIcon.tsx
|
|
312
|
-
import { jsx as
|
|
307
|
+
import { jsx as jsx64 } from "react/jsx-runtime";
|
|
313
308
|
|
|
314
309
|
// src/tokens/svg/call/CallIncomingIcon.tsx
|
|
315
|
-
import { jsx as
|
|
310
|
+
import { jsx as jsx65, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
316
311
|
|
|
317
312
|
// src/tokens/svg/call/CallMissedIcon.tsx
|
|
318
|
-
import { jsx as
|
|
313
|
+
import { jsx as jsx66, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
319
314
|
|
|
320
315
|
// src/tokens/svg/call/CallOffIcon.tsx
|
|
321
|
-
import { jsx as
|
|
316
|
+
import { jsx as jsx67, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
322
317
|
|
|
323
318
|
// src/tokens/svg/call/CallOutgoingIcon.tsx
|
|
324
|
-
import { jsx as
|
|
319
|
+
import { jsx as jsx68, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
325
320
|
|
|
326
321
|
// src/tokens/svg/call/VoicemailIcon.tsx
|
|
327
|
-
import { jsx as
|
|
322
|
+
import { jsx as jsx69 } from "react/jsx-runtime";
|
|
328
323
|
|
|
329
324
|
// src/tokens/svg/chart/BarChart2Icon.tsx
|
|
330
|
-
import { jsx as
|
|
325
|
+
import { jsx as jsx70, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
331
326
|
|
|
332
327
|
// src/tokens/svg/chart/BarChartIcon.tsx
|
|
333
|
-
import { jsx as
|
|
328
|
+
import { jsx as jsx71, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
334
329
|
|
|
335
330
|
// src/tokens/svg/chart/PieChartIcon.tsx
|
|
336
|
-
import { jsx as
|
|
331
|
+
import { jsx as jsx72, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
337
332
|
|
|
338
333
|
// src/tokens/svg/chart/TableIcon.tsx
|
|
339
|
-
import { jsx as
|
|
334
|
+
import { jsx as jsx73 } from "react/jsx-runtime";
|
|
340
335
|
|
|
341
336
|
// src/tokens/svg/chart/TrendingDownIcon.tsx
|
|
342
|
-
import { jsx as
|
|
337
|
+
import { jsx as jsx74 } from "react/jsx-runtime";
|
|
343
338
|
|
|
344
339
|
// src/tokens/svg/chart/TrendingUpIcon.tsx
|
|
345
|
-
import { jsx as
|
|
340
|
+
import { jsx as jsx75 } from "react/jsx-runtime";
|
|
346
341
|
|
|
347
342
|
// src/tokens/svg/commerce/CreditCardIcon.tsx
|
|
348
|
-
import { jsx as
|
|
343
|
+
import { jsx as jsx76 } from "react/jsx-runtime";
|
|
349
344
|
|
|
350
345
|
// src/tokens/svg/commerce/DollarSignIcon.tsx
|
|
351
|
-
import { jsx as
|
|
346
|
+
import { jsx as jsx77 } from "react/jsx-runtime";
|
|
352
347
|
|
|
353
348
|
// src/tokens/svg/commerce/GiftIcon.tsx
|
|
354
|
-
import { jsx as
|
|
349
|
+
import { jsx as jsx78, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
355
350
|
|
|
356
351
|
// src/tokens/svg/commerce/ShoppingBagIcon.tsx
|
|
357
|
-
import { jsx as
|
|
352
|
+
import { jsx as jsx79, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
358
353
|
|
|
359
354
|
// src/tokens/svg/commerce/ShoppingCartIcon.tsx
|
|
360
|
-
import { jsx as
|
|
355
|
+
import { jsx as jsx80, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
361
356
|
|
|
362
357
|
// src/tokens/svg/commerce/TagIcon.tsx
|
|
363
|
-
import { jsx as
|
|
358
|
+
import { jsx as jsx81, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
364
359
|
|
|
365
360
|
// src/tokens/svg/commerce/TruckIcon.tsx
|
|
366
|
-
import { jsx as
|
|
361
|
+
import { jsx as jsx82 } from "react/jsx-runtime";
|
|
367
362
|
|
|
368
363
|
// src/tokens/svg/communication/BellIcon.tsx
|
|
369
|
-
import { jsx as
|
|
364
|
+
import { jsx as jsx83, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
370
365
|
|
|
371
366
|
// src/tokens/svg/communication/BellOffIcon.tsx
|
|
372
|
-
import { jsx as
|
|
367
|
+
import { jsx as jsx84, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
373
368
|
|
|
374
369
|
// src/tokens/svg/communication/InboxIcon.tsx
|
|
375
|
-
import { jsx as
|
|
370
|
+
import { jsx as jsx85 } from "react/jsx-runtime";
|
|
376
371
|
|
|
377
372
|
// src/tokens/svg/communication/MessageCircleIcon.tsx
|
|
378
|
-
import { jsx as
|
|
373
|
+
import { jsx as jsx86 } from "react/jsx-runtime";
|
|
379
374
|
|
|
380
375
|
// src/tokens/svg/communication/MessageSquareIcon.tsx
|
|
381
|
-
import { jsx as
|
|
376
|
+
import { jsx as jsx87 } from "react/jsx-runtime";
|
|
382
377
|
|
|
383
378
|
// src/tokens/svg/communication/PaperclipIcon.tsx
|
|
384
|
-
import { jsx as
|
|
379
|
+
import { jsx as jsx88 } from "react/jsx-runtime";
|
|
385
380
|
|
|
386
381
|
// src/tokens/svg/communication/SendIcon.tsx
|
|
387
|
-
import { jsx as
|
|
382
|
+
import { jsx as jsx89, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
388
383
|
|
|
389
384
|
// src/tokens/svg/date/CalendarIcon.tsx
|
|
390
|
-
import { jsx as
|
|
385
|
+
import { jsx as jsx90 } from "react/jsx-runtime";
|
|
391
386
|
|
|
392
387
|
// src/tokens/svg/date/CalenderIcon.tsx
|
|
393
|
-
import { jsx as
|
|
388
|
+
import { jsx as jsx91 } from "react/jsx-runtime";
|
|
394
389
|
|
|
395
390
|
// src/tokens/svg/date/ClockIcon.tsx
|
|
396
|
-
import { jsx as
|
|
391
|
+
import { jsx as jsx92, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
397
392
|
|
|
398
393
|
// src/tokens/svg/date/SunriseIcon.tsx
|
|
399
|
-
import { jsx as
|
|
394
|
+
import { jsx as jsx93, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
400
395
|
|
|
401
396
|
// src/tokens/svg/date/SunsetIcon.tsx
|
|
402
|
-
import { jsx as
|
|
397
|
+
import { jsx as jsx94, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
403
398
|
|
|
404
399
|
// src/tokens/svg/dev/CodeIcon.tsx
|
|
405
|
-
import { jsx as
|
|
400
|
+
import { jsx as jsx95, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
406
401
|
|
|
407
402
|
// src/tokens/svg/dev/GitBranchIcon.tsx
|
|
408
|
-
import { jsx as
|
|
403
|
+
import { jsx as jsx96 } from "react/jsx-runtime";
|
|
409
404
|
|
|
410
405
|
// src/tokens/svg/dev/GitCommitIcon.tsx
|
|
411
|
-
import { jsx as
|
|
406
|
+
import { jsx as jsx97 } from "react/jsx-runtime";
|
|
412
407
|
|
|
413
408
|
// src/tokens/svg/dev/GitMergeIcon.tsx
|
|
414
|
-
import { jsx as
|
|
409
|
+
import { jsx as jsx98 } from "react/jsx-runtime";
|
|
415
410
|
|
|
416
411
|
// src/tokens/svg/dev/GitPullRequestIcon.tsx
|
|
417
|
-
import { jsx as
|
|
412
|
+
import { jsx as jsx99, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
418
413
|
|
|
419
414
|
// src/tokens/svg/dev/TerminalIcon.tsx
|
|
420
|
-
import { jsx as
|
|
415
|
+
import { jsx as jsx100, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
421
416
|
|
|
422
417
|
// src/tokens/svg/device/BatteryChargingIcon.tsx
|
|
423
|
-
import { jsx as
|
|
418
|
+
import { jsx as jsx101, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
424
419
|
|
|
425
420
|
// src/tokens/svg/device/BatteryIcon.tsx
|
|
426
|
-
import { jsx as
|
|
421
|
+
import { jsx as jsx102, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
427
422
|
|
|
428
423
|
// src/tokens/svg/device/BluetoothIcon.tsx
|
|
429
|
-
import { jsx as
|
|
424
|
+
import { jsx as jsx103 } from "react/jsx-runtime";
|
|
430
425
|
|
|
431
426
|
// src/tokens/svg/device/CommandIcon.tsx
|
|
432
|
-
import { jsx as
|
|
427
|
+
import { jsx as jsx104 } from "react/jsx-runtime";
|
|
433
428
|
|
|
434
429
|
// src/tokens/svg/device/CpuIcon.tsx
|
|
435
|
-
import { jsx as
|
|
430
|
+
import { jsx as jsx105, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
436
431
|
|
|
437
432
|
// src/tokens/svg/device/DatabaseIcon.tsx
|
|
438
|
-
import { jsx as
|
|
433
|
+
import { jsx as jsx106 } from "react/jsx-runtime";
|
|
439
434
|
|
|
440
435
|
// src/tokens/svg/device/HardDriveIcon.tsx
|
|
441
|
-
import { jsx as
|
|
436
|
+
import { jsx as jsx107, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
442
437
|
|
|
443
438
|
// src/tokens/svg/device/MonitorIcon.tsx
|
|
444
|
-
import { jsx as
|
|
439
|
+
import { jsx as jsx108 } from "react/jsx-runtime";
|
|
445
440
|
|
|
446
441
|
// src/tokens/svg/device/PrinterIcon.tsx
|
|
447
|
-
import { jsx as
|
|
442
|
+
import { jsx as jsx109, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
448
443
|
|
|
449
444
|
// src/tokens/svg/device/ServerIcon.tsx
|
|
450
|
-
import { jsx as
|
|
445
|
+
import { jsx as jsx110, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
451
446
|
|
|
452
447
|
// src/tokens/svg/device/SmartphoneIcon.tsx
|
|
453
|
-
import { jsx as
|
|
448
|
+
import { jsx as jsx111, jsxs as jsxs60 } from "react/jsx-runtime";
|
|
454
449
|
|
|
455
450
|
// src/tokens/svg/device/TabletIcon.tsx
|
|
456
|
-
import { jsx as
|
|
451
|
+
import { jsx as jsx112, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
457
452
|
|
|
458
453
|
// src/tokens/svg/device/TvIcon.tsx
|
|
459
|
-
import { jsx as
|
|
454
|
+
import { jsx as jsx113, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
460
455
|
|
|
461
456
|
// src/tokens/svg/device/WatchIcon.tsx
|
|
462
|
-
import { jsx as
|
|
457
|
+
import { jsx as jsx114, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
463
458
|
|
|
464
459
|
// src/tokens/svg/device/WifiIcon.tsx
|
|
465
|
-
import { jsx as
|
|
460
|
+
import { jsx as jsx115, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
466
461
|
|
|
467
462
|
// src/tokens/svg/device/WifiOffIcon.tsx
|
|
468
|
-
import { jsx as
|
|
463
|
+
import { jsx as jsx116, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
469
464
|
|
|
470
465
|
// src/tokens/svg/edit/AlignCenterIcon.tsx
|
|
471
|
-
import { jsx as
|
|
466
|
+
import { jsx as jsx117, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
472
467
|
|
|
473
468
|
// src/tokens/svg/edit/AlignJustifyIcon.tsx
|
|
474
|
-
import { jsx as
|
|
469
|
+
import { jsx as jsx118, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
475
470
|
|
|
476
471
|
// src/tokens/svg/edit/AlignLeftIcon.tsx
|
|
477
|
-
import { jsx as
|
|
472
|
+
import { jsx as jsx119, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
478
473
|
|
|
479
474
|
// src/tokens/svg/edit/AlignRightIcon.tsx
|
|
480
|
-
import { jsx as
|
|
475
|
+
import { jsx as jsx120, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
481
476
|
|
|
482
477
|
// src/tokens/svg/edit/BoldIcon.tsx
|
|
483
|
-
import { jsx as
|
|
478
|
+
import { jsx as jsx121 } from "react/jsx-runtime";
|
|
484
479
|
|
|
485
480
|
// src/tokens/svg/edit/ItalicIcon.tsx
|
|
486
|
-
import { jsx as
|
|
481
|
+
import { jsx as jsx122 } from "react/jsx-runtime";
|
|
487
482
|
|
|
488
483
|
// src/tokens/svg/edit/PenToolIcon.tsx
|
|
489
|
-
import { jsx as
|
|
484
|
+
import { jsx as jsx123, jsxs as jsxs70 } from "react/jsx-runtime";
|
|
490
485
|
|
|
491
486
|
// src/tokens/svg/edit/TypeIcon.tsx
|
|
492
|
-
import { jsx as
|
|
487
|
+
import { jsx as jsx124 } from "react/jsx-runtime";
|
|
493
488
|
|
|
494
489
|
// src/tokens/svg/edit/UnderlineIcon.tsx
|
|
495
|
-
import { jsx as
|
|
490
|
+
import { jsx as jsx125, jsxs as jsxs71 } from "react/jsx-runtime";
|
|
496
491
|
|
|
497
492
|
// src/tokens/svg/file/ArchiveIcon.tsx
|
|
498
|
-
import { jsx as
|
|
493
|
+
import { jsx as jsx126, jsxs as jsxs72 } from "react/jsx-runtime";
|
|
499
494
|
|
|
500
495
|
// src/tokens/svg/file/BookIcon.tsx
|
|
501
|
-
import { jsx as
|
|
496
|
+
import { jsx as jsx127 } from "react/jsx-runtime";
|
|
502
497
|
|
|
503
498
|
// src/tokens/svg/file/BookmarkIcon.tsx
|
|
504
|
-
import { jsx as
|
|
499
|
+
import { jsx as jsx128 } from "react/jsx-runtime";
|
|
505
500
|
|
|
506
501
|
// src/tokens/svg/file/BookOpenIcon.tsx
|
|
507
|
-
import { jsx as
|
|
502
|
+
import { jsx as jsx129 } from "react/jsx-runtime";
|
|
508
503
|
|
|
509
504
|
// src/tokens/svg/file/ClipboardIcon.tsx
|
|
510
|
-
import { jsx as
|
|
505
|
+
import { jsx as jsx130 } from "react/jsx-runtime";
|
|
511
506
|
|
|
512
507
|
// src/tokens/svg/file/FileIcon.tsx
|
|
513
|
-
import { jsx as
|
|
508
|
+
import { jsx as jsx131 } from "react/jsx-runtime";
|
|
514
509
|
|
|
515
510
|
// src/tokens/svg/file/FileMinusIcon.tsx
|
|
516
|
-
import { jsx as
|
|
511
|
+
import { jsx as jsx132, jsxs as jsxs73 } from "react/jsx-runtime";
|
|
517
512
|
|
|
518
513
|
// src/tokens/svg/file/FilePlusIcon.tsx
|
|
519
|
-
import { jsx as
|
|
514
|
+
import { jsx as jsx133, jsxs as jsxs74 } from "react/jsx-runtime";
|
|
520
515
|
|
|
521
516
|
// src/tokens/svg/file/FileTextIcon.tsx
|
|
522
|
-
import { jsx as
|
|
517
|
+
import { jsx as jsx134, jsxs as jsxs75 } from "react/jsx-runtime";
|
|
523
518
|
|
|
524
519
|
// src/tokens/svg/file/FolderIcon.tsx
|
|
525
|
-
import { jsx as
|
|
520
|
+
import { jsx as jsx135 } from "react/jsx-runtime";
|
|
526
521
|
|
|
527
522
|
// src/tokens/svg/file/FolderMinusIcon.tsx
|
|
528
|
-
import { jsx as
|
|
523
|
+
import { jsx as jsx136, jsxs as jsxs76 } from "react/jsx-runtime";
|
|
529
524
|
|
|
530
525
|
// src/tokens/svg/file/FolderPlusIcon.tsx
|
|
531
|
-
import { jsx as
|
|
526
|
+
import { jsx as jsx137, jsxs as jsxs77 } from "react/jsx-runtime";
|
|
532
527
|
|
|
533
528
|
// src/tokens/svg/file/PackageIcon.tsx
|
|
534
|
-
import { jsx as
|
|
529
|
+
import { jsx as jsx138 } from "react/jsx-runtime";
|
|
535
530
|
|
|
536
531
|
// src/tokens/svg/form/CheckSquareIcon.tsx
|
|
537
|
-
import { jsx as
|
|
532
|
+
import { jsx as jsx139, jsxs as jsxs78 } from "react/jsx-runtime";
|
|
538
533
|
|
|
539
534
|
// src/tokens/svg/form/CloseEyeIcon.tsx
|
|
540
|
-
import { jsx as
|
|
535
|
+
import { jsx as jsx140, jsxs as jsxs79 } from "react/jsx-runtime";
|
|
541
536
|
|
|
542
537
|
// src/tokens/svg/form/EyeIcon.tsx
|
|
543
|
-
import { jsx as
|
|
538
|
+
import { jsx as jsx141, jsxs as jsxs80 } from "react/jsx-runtime";
|
|
544
539
|
|
|
545
540
|
// src/tokens/svg/form/EyeOffIcon.tsx
|
|
546
|
-
import { jsx as
|
|
541
|
+
import { jsx as jsx142, jsxs as jsxs81 } from "react/jsx-runtime";
|
|
547
542
|
|
|
548
543
|
// src/tokens/svg/form/OpenEyeIcon.tsx
|
|
549
|
-
import { jsx as
|
|
544
|
+
import { jsx as jsx143, jsxs as jsxs82 } from "react/jsx-runtime";
|
|
550
545
|
|
|
551
546
|
// src/tokens/svg/form/SettingsIcon.tsx
|
|
552
|
-
import { jsx as
|
|
547
|
+
import { jsx as jsx144, jsxs as jsxs83 } from "react/jsx-runtime";
|
|
553
548
|
|
|
554
549
|
// src/tokens/svg/form/SlidersIcon.tsx
|
|
555
|
-
import { jsx as
|
|
550
|
+
import { jsx as jsx145, jsxs as jsxs84 } from "react/jsx-runtime";
|
|
556
551
|
|
|
557
552
|
// src/tokens/svg/form/ToggleLeftIcon.tsx
|
|
558
|
-
import { jsx as
|
|
553
|
+
import { jsx as jsx146, jsxs as jsxs85 } from "react/jsx-runtime";
|
|
559
554
|
|
|
560
555
|
// src/tokens/svg/form/ToggleRightIcon.tsx
|
|
561
|
-
import { jsx as
|
|
556
|
+
import { jsx as jsx147, jsxs as jsxs86 } from "react/jsx-runtime";
|
|
562
557
|
|
|
563
558
|
// src/tokens/svg/layout/ColumnsIcon.tsx
|
|
564
|
-
import { jsx as
|
|
559
|
+
import { jsx as jsx148 } from "react/jsx-runtime";
|
|
565
560
|
|
|
566
561
|
// src/tokens/svg/layout/GridIcon.tsx
|
|
567
|
-
import { jsx as
|
|
562
|
+
import { jsx as jsx149, jsxs as jsxs87 } from "react/jsx-runtime";
|
|
568
563
|
|
|
569
564
|
// src/tokens/svg/layout/LayoutIcon.tsx
|
|
570
|
-
import { jsx as
|
|
565
|
+
import { jsx as jsx150 } from "react/jsx-runtime";
|
|
571
566
|
|
|
572
567
|
// src/tokens/svg/layout/ListIcon.tsx
|
|
573
|
-
import { jsx as
|
|
568
|
+
import { jsx as jsx151, jsxs as jsxs88 } from "react/jsx-runtime";
|
|
574
569
|
|
|
575
570
|
// src/tokens/svg/layout/Maximize2Icon.tsx
|
|
576
|
-
import { jsx as
|
|
571
|
+
import { jsx as jsx152, jsxs as jsxs89 } from "react/jsx-runtime";
|
|
577
572
|
|
|
578
573
|
// src/tokens/svg/layout/MaximizeIcon.tsx
|
|
579
|
-
import { jsx as
|
|
574
|
+
import { jsx as jsx153, jsxs as jsxs90 } from "react/jsx-runtime";
|
|
580
575
|
|
|
581
576
|
// src/tokens/svg/layout/MenuIcon.tsx
|
|
582
|
-
import { jsx as
|
|
577
|
+
import { jsx as jsx154, jsxs as jsxs91 } from "react/jsx-runtime";
|
|
583
578
|
|
|
584
579
|
// src/tokens/svg/layout/Minimize2Icon.tsx
|
|
585
|
-
import { jsx as
|
|
580
|
+
import { jsx as jsx155, jsxs as jsxs92 } from "react/jsx-runtime";
|
|
586
581
|
|
|
587
582
|
// src/tokens/svg/layout/MinimizeIcon.tsx
|
|
588
|
-
import { jsx as
|
|
583
|
+
import { jsx as jsx156, jsxs as jsxs93 } from "react/jsx-runtime";
|
|
589
584
|
|
|
590
585
|
// src/tokens/svg/layout/MoreHorizontalIcon.tsx
|
|
591
|
-
import { jsx as
|
|
586
|
+
import { jsx as jsx157, jsxs as jsxs94 } from "react/jsx-runtime";
|
|
592
587
|
|
|
593
588
|
// src/tokens/svg/layout/MoreVerticalIcon.tsx
|
|
594
|
-
import { jsx as
|
|
589
|
+
import { jsx as jsx158, jsxs as jsxs95 } from "react/jsx-runtime";
|
|
595
590
|
|
|
596
591
|
// src/tokens/svg/layout/SidebarIcon.tsx
|
|
597
|
-
import { jsx as
|
|
592
|
+
import { jsx as jsx159 } from "react/jsx-runtime";
|
|
598
593
|
|
|
599
594
|
// src/tokens/svg/media/AirplayIcon.tsx
|
|
600
|
-
import { jsx as
|
|
595
|
+
import { jsx as jsx160, jsxs as jsxs96 } from "react/jsx-runtime";
|
|
601
596
|
|
|
602
597
|
// src/tokens/svg/media/CameraIcon.tsx
|
|
603
|
-
import { jsx as
|
|
598
|
+
import { jsx as jsx161, jsxs as jsxs97 } from "react/jsx-runtime";
|
|
604
599
|
|
|
605
600
|
// src/tokens/svg/media/CameraOffIcon.tsx
|
|
606
|
-
import { jsx as
|
|
601
|
+
import { jsx as jsx162, jsxs as jsxs98 } from "react/jsx-runtime";
|
|
607
602
|
|
|
608
603
|
// src/tokens/svg/media/CastIcon.tsx
|
|
609
|
-
import { jsx as
|
|
604
|
+
import { jsx as jsx163, jsxs as jsxs99 } from "react/jsx-runtime";
|
|
610
605
|
|
|
611
606
|
// src/tokens/svg/media/DiscIcon.tsx
|
|
612
|
-
import { jsx as
|
|
607
|
+
import { jsx as jsx164, jsxs as jsxs100 } from "react/jsx-runtime";
|
|
613
608
|
|
|
614
609
|
// src/tokens/svg/media/FastForwardIcon.tsx
|
|
615
|
-
import { jsx as
|
|
610
|
+
import { jsx as jsx165, jsxs as jsxs101 } from "react/jsx-runtime";
|
|
616
611
|
|
|
617
612
|
// src/tokens/svg/media/FilmIcon.tsx
|
|
618
|
-
import { jsx as
|
|
613
|
+
import { jsx as jsx166, jsxs as jsxs102 } from "react/jsx-runtime";
|
|
619
614
|
|
|
620
615
|
// src/tokens/svg/media/HeadphonesIcon.tsx
|
|
621
|
-
import { jsx as
|
|
616
|
+
import { jsx as jsx167 } from "react/jsx-runtime";
|
|
622
617
|
|
|
623
618
|
// src/tokens/svg/media/ImageIcon.tsx
|
|
624
|
-
import { jsx as
|
|
619
|
+
import { jsx as jsx168, jsxs as jsxs103 } from "react/jsx-runtime";
|
|
625
620
|
|
|
626
621
|
// src/tokens/svg/media/MicIcon.tsx
|
|
627
|
-
import { jsx as
|
|
622
|
+
import { jsx as jsx169, jsxs as jsxs104 } from "react/jsx-runtime";
|
|
628
623
|
|
|
629
624
|
// src/tokens/svg/media/MicOffIcon.tsx
|
|
630
|
-
import { jsx as
|
|
625
|
+
import { jsx as jsx170, jsxs as jsxs105 } from "react/jsx-runtime";
|
|
631
626
|
|
|
632
627
|
// src/tokens/svg/media/MusicIcon.tsx
|
|
633
|
-
import { jsx as
|
|
628
|
+
import { jsx as jsx171 } from "react/jsx-runtime";
|
|
634
629
|
|
|
635
630
|
// src/tokens/svg/media/PauseCircleIcon.tsx
|
|
636
|
-
import { jsx as
|
|
631
|
+
import { jsx as jsx172, jsxs as jsxs106 } from "react/jsx-runtime";
|
|
637
632
|
|
|
638
633
|
// src/tokens/svg/media/PauseIcon.tsx
|
|
639
|
-
import { jsx as
|
|
634
|
+
import { jsx as jsx173, jsxs as jsxs107 } from "react/jsx-runtime";
|
|
640
635
|
|
|
641
636
|
// src/tokens/svg/media/PlayCircleIcon.tsx
|
|
642
|
-
import { jsx as
|
|
637
|
+
import { jsx as jsx174, jsxs as jsxs108 } from "react/jsx-runtime";
|
|
643
638
|
|
|
644
639
|
// src/tokens/svg/media/PlayIcon.tsx
|
|
645
|
-
import { jsx as
|
|
640
|
+
import { jsx as jsx175 } from "react/jsx-runtime";
|
|
646
641
|
|
|
647
642
|
// src/tokens/svg/media/RepeatIcon.tsx
|
|
648
|
-
import { jsx as
|
|
643
|
+
import { jsx as jsx176, jsxs as jsxs109 } from "react/jsx-runtime";
|
|
649
644
|
|
|
650
645
|
// src/tokens/svg/media/RewindIcon.tsx
|
|
651
|
-
import { jsx as
|
|
646
|
+
import { jsx as jsx177, jsxs as jsxs110 } from "react/jsx-runtime";
|
|
652
647
|
|
|
653
648
|
// src/tokens/svg/media/SkipBackIcon.tsx
|
|
654
|
-
import { jsx as
|
|
649
|
+
import { jsx as jsx178, jsxs as jsxs111 } from "react/jsx-runtime";
|
|
655
650
|
|
|
656
651
|
// src/tokens/svg/media/SkipForwardIcon.tsx
|
|
657
|
-
import { jsx as
|
|
652
|
+
import { jsx as jsx179, jsxs as jsxs112 } from "react/jsx-runtime";
|
|
658
653
|
|
|
659
654
|
// src/tokens/svg/media/SpeakerIcon.tsx
|
|
660
|
-
import { jsx as
|
|
655
|
+
import { jsx as jsx180, jsxs as jsxs113 } from "react/jsx-runtime";
|
|
661
656
|
|
|
662
657
|
// src/tokens/svg/media/StopCircleIcon.tsx
|
|
663
|
-
import { jsx as
|
|
658
|
+
import { jsx as jsx181, jsxs as jsxs114 } from "react/jsx-runtime";
|
|
664
659
|
|
|
665
660
|
// src/tokens/svg/media/VideoIcon.tsx
|
|
666
|
-
import { jsx as
|
|
661
|
+
import { jsx as jsx182 } from "react/jsx-runtime";
|
|
667
662
|
|
|
668
663
|
// src/tokens/svg/media/VideoOffIcon.tsx
|
|
669
|
-
import { jsx as
|
|
664
|
+
import { jsx as jsx183, jsxs as jsxs115 } from "react/jsx-runtime";
|
|
670
665
|
|
|
671
666
|
// src/tokens/svg/media/Volume1Icon.tsx
|
|
672
|
-
import { jsx as
|
|
667
|
+
import { jsx as jsx184, jsxs as jsxs116 } from "react/jsx-runtime";
|
|
673
668
|
|
|
674
669
|
// src/tokens/svg/media/Volume2Icon.tsx
|
|
675
|
-
import { jsx as
|
|
670
|
+
import { jsx as jsx185, jsxs as jsxs117 } from "react/jsx-runtime";
|
|
676
671
|
|
|
677
672
|
// src/tokens/svg/media/VolumeIcon.tsx
|
|
678
|
-
import { jsx as
|
|
673
|
+
import { jsx as jsx186 } from "react/jsx-runtime";
|
|
679
674
|
|
|
680
675
|
// src/tokens/svg/media/VolumeXIcon.tsx
|
|
681
|
-
import { jsx as
|
|
676
|
+
import { jsx as jsx187, jsxs as jsxs118 } from "react/jsx-runtime";
|
|
682
677
|
|
|
683
678
|
// src/tokens/svg/misc/AnchorIcon.tsx
|
|
684
|
-
import { jsx as
|
|
679
|
+
import { jsx as jsx188, jsxs as jsxs119 } from "react/jsx-runtime";
|
|
685
680
|
|
|
686
681
|
// src/tokens/svg/misc/ApertureIcon.tsx
|
|
687
|
-
import { jsx as
|
|
682
|
+
import { jsx as jsx189, jsxs as jsxs120 } from "react/jsx-runtime";
|
|
688
683
|
|
|
689
684
|
// src/tokens/svg/misc/AwardIcon.tsx
|
|
690
|
-
import { jsx as
|
|
685
|
+
import { jsx as jsx190 } from "react/jsx-runtime";
|
|
691
686
|
|
|
692
687
|
// src/tokens/svg/misc/BoxIcon.tsx
|
|
693
|
-
import { jsx as
|
|
688
|
+
import { jsx as jsx191 } from "react/jsx-runtime";
|
|
694
689
|
|
|
695
690
|
// src/tokens/svg/misc/BriefcaseIcon.tsx
|
|
696
|
-
import { jsx as
|
|
691
|
+
import { jsx as jsx192 } from "react/jsx-runtime";
|
|
697
692
|
|
|
698
693
|
// src/tokens/svg/misc/CoffeeIcon.tsx
|
|
699
|
-
import { jsx as
|
|
694
|
+
import { jsx as jsx193, jsxs as jsxs121 } from "react/jsx-runtime";
|
|
700
695
|
|
|
701
696
|
// src/tokens/svg/misc/CrosshairIcon.tsx
|
|
702
|
-
import { jsx as
|
|
697
|
+
import { jsx as jsx194, jsxs as jsxs122 } from "react/jsx-runtime";
|
|
703
698
|
|
|
704
699
|
// src/tokens/svg/misc/FeatherIcon.tsx
|
|
705
|
-
import { jsx as
|
|
700
|
+
import { jsx as jsx195, jsxs as jsxs123 } from "react/jsx-runtime";
|
|
706
701
|
|
|
707
702
|
// src/tokens/svg/misc/FlagIcon.tsx
|
|
708
|
-
import { jsx as
|
|
703
|
+
import { jsx as jsx196 } from "react/jsx-runtime";
|
|
709
704
|
|
|
710
705
|
// src/tokens/svg/misc/FrownIcon.tsx
|
|
711
|
-
import { jsx as
|
|
706
|
+
import { jsx as jsx197, jsxs as jsxs124 } from "react/jsx-runtime";
|
|
712
707
|
|
|
713
708
|
// src/tokens/svg/misc/GlobeIcon.tsx
|
|
714
|
-
import { jsx as
|
|
709
|
+
import { jsx as jsx198, jsxs as jsxs125 } from "react/jsx-runtime";
|
|
715
710
|
|
|
716
711
|
// src/tokens/svg/misc/HeartIcon.tsx
|
|
717
|
-
import { jsx as
|
|
712
|
+
import { jsx as jsx199 } from "react/jsx-runtime";
|
|
718
713
|
|
|
719
714
|
// src/tokens/svg/misc/HomeIcon.tsx
|
|
720
|
-
import { jsx as
|
|
715
|
+
import { jsx as jsx200 } from "react/jsx-runtime";
|
|
721
716
|
|
|
722
717
|
// src/tokens/svg/misc/LayersIcon.tsx
|
|
723
|
-
import { jsx as
|
|
718
|
+
import { jsx as jsx201, jsxs as jsxs126 } from "react/jsx-runtime";
|
|
724
719
|
|
|
725
720
|
// src/tokens/svg/misc/LifeBuoyIcon.tsx
|
|
726
|
-
import { jsx as
|
|
721
|
+
import { jsx as jsx202, jsxs as jsxs127 } from "react/jsx-runtime";
|
|
727
722
|
|
|
728
723
|
// src/tokens/svg/misc/MehIcon.tsx
|
|
729
|
-
import { jsx as
|
|
724
|
+
import { jsx as jsx203, jsxs as jsxs128 } from "react/jsx-runtime";
|
|
730
725
|
|
|
731
726
|
// src/tokens/svg/misc/MousePointerIcon.tsx
|
|
732
|
-
import { jsx as
|
|
727
|
+
import { jsx as jsx204 } from "react/jsx-runtime";
|
|
733
728
|
|
|
734
729
|
// src/tokens/svg/misc/PocketIcon.tsx
|
|
735
|
-
import { jsx as
|
|
730
|
+
import { jsx as jsx205, jsxs as jsxs129 } from "react/jsx-runtime";
|
|
736
731
|
|
|
737
732
|
// src/tokens/svg/misc/PowerIcon.tsx
|
|
738
|
-
import { jsx as
|
|
733
|
+
import { jsx as jsx206, jsxs as jsxs130 } from "react/jsx-runtime";
|
|
739
734
|
|
|
740
735
|
// src/tokens/svg/misc/RadioIcon.tsx
|
|
741
|
-
import { jsx as
|
|
736
|
+
import { jsx as jsx207, jsxs as jsxs131 } from "react/jsx-runtime";
|
|
742
737
|
|
|
743
738
|
// src/tokens/svg/misc/ShieldIcon.tsx
|
|
744
|
-
import { jsx as
|
|
739
|
+
import { jsx as jsx208 } from "react/jsx-runtime";
|
|
745
740
|
|
|
746
741
|
// src/tokens/svg/misc/ShieldOffIcon.tsx
|
|
747
|
-
import { jsx as
|
|
742
|
+
import { jsx as jsx209, jsxs as jsxs132 } from "react/jsx-runtime";
|
|
748
743
|
|
|
749
744
|
// src/tokens/svg/misc/ShuffleIcon.tsx
|
|
750
|
-
import { jsx as
|
|
745
|
+
import { jsx as jsx210, jsxs as jsxs133 } from "react/jsx-runtime";
|
|
751
746
|
|
|
752
747
|
// src/tokens/svg/misc/SmileIcon.tsx
|
|
753
|
-
import { jsx as
|
|
748
|
+
import { jsx as jsx211, jsxs as jsxs134 } from "react/jsx-runtime";
|
|
754
749
|
|
|
755
750
|
// src/tokens/svg/misc/StarIcon.tsx
|
|
756
|
-
import { jsx as
|
|
751
|
+
import { jsx as jsx212 } from "react/jsx-runtime";
|
|
757
752
|
|
|
758
753
|
// src/tokens/svg/misc/TargetIcon.tsx
|
|
759
|
-
import { jsx as
|
|
754
|
+
import { jsx as jsx213, jsxs as jsxs135 } from "react/jsx-runtime";
|
|
760
755
|
|
|
761
756
|
// src/tokens/svg/misc/ThumbsDownIcon.tsx
|
|
762
|
-
import { jsx as
|
|
757
|
+
import { jsx as jsx214 } from "react/jsx-runtime";
|
|
763
758
|
|
|
764
759
|
// src/tokens/svg/misc/ThumbsUpIcon.tsx
|
|
765
|
-
import { jsx as
|
|
760
|
+
import { jsx as jsx215 } from "react/jsx-runtime";
|
|
766
761
|
|
|
767
762
|
// src/tokens/svg/misc/ToolIcon.tsx
|
|
768
|
-
import { jsx as
|
|
763
|
+
import { jsx as jsx216 } from "react/jsx-runtime";
|
|
769
764
|
|
|
770
765
|
// src/tokens/svg/misc/ZapIcon.tsx
|
|
771
|
-
import { jsx as
|
|
766
|
+
import { jsx as jsx217 } from "react/jsx-runtime";
|
|
772
767
|
|
|
773
768
|
// src/tokens/svg/misc/ZapOffIcon.tsx
|
|
774
|
-
import { jsx as
|
|
769
|
+
import { jsx as jsx218, jsxs as jsxs136 } from "react/jsx-runtime";
|
|
775
770
|
|
|
776
771
|
// src/tokens/svg/shape/AtSignIcon.tsx
|
|
777
|
-
import { jsx as
|
|
772
|
+
import { jsx as jsx219, jsxs as jsxs137 } from "react/jsx-runtime";
|
|
778
773
|
|
|
779
774
|
// src/tokens/svg/shape/CircleIcon.tsx
|
|
780
|
-
import { jsx as
|
|
775
|
+
import { jsx as jsx220, jsxs as jsxs138 } from "react/jsx-runtime";
|
|
781
776
|
|
|
782
777
|
// src/tokens/svg/shape/DivideCircleIcon.tsx
|
|
783
|
-
import { jsx as
|
|
778
|
+
import { jsx as jsx221, jsxs as jsxs139 } from "react/jsx-runtime";
|
|
784
779
|
|
|
785
780
|
// src/tokens/svg/shape/DivideIcon.tsx
|
|
786
|
-
import { jsx as
|
|
781
|
+
import { jsx as jsx222, jsxs as jsxs140 } from "react/jsx-runtime";
|
|
787
782
|
|
|
788
783
|
// src/tokens/svg/shape/DivideSquareIcon.tsx
|
|
789
|
-
import { jsx as
|
|
784
|
+
import { jsx as jsx223, jsxs as jsxs141 } from "react/jsx-runtime";
|
|
790
785
|
|
|
791
786
|
// src/tokens/svg/shape/HashIcon.tsx
|
|
792
|
-
import { jsx as
|
|
787
|
+
import { jsx as jsx224 } from "react/jsx-runtime";
|
|
793
788
|
|
|
794
789
|
// src/tokens/svg/shape/HexagonIcon.tsx
|
|
795
|
-
import { jsx as
|
|
790
|
+
import { jsx as jsx225 } from "react/jsx-runtime";
|
|
796
791
|
|
|
797
792
|
// src/tokens/svg/shape/OctagonIcon.tsx
|
|
798
|
-
import { jsx as
|
|
793
|
+
import { jsx as jsx226, jsxs as jsxs142 } from "react/jsx-runtime";
|
|
799
794
|
|
|
800
795
|
// src/tokens/svg/shape/PercentIcon.tsx
|
|
801
|
-
import { jsx as
|
|
796
|
+
import { jsx as jsx227, jsxs as jsxs143 } from "react/jsx-runtime";
|
|
802
797
|
|
|
803
798
|
// src/tokens/svg/shape/SlashIcon.tsx
|
|
804
|
-
import { jsx as
|
|
799
|
+
import { jsx as jsx228, jsxs as jsxs144 } from "react/jsx-runtime";
|
|
805
800
|
|
|
806
801
|
// src/tokens/svg/shape/SquareIcon.tsx
|
|
807
|
-
import { jsx as
|
|
802
|
+
import { jsx as jsx229 } from "react/jsx-runtime";
|
|
808
803
|
|
|
809
804
|
// src/tokens/svg/shape/TriangleIcon.tsx
|
|
810
|
-
import { jsx as
|
|
805
|
+
import { jsx as jsx230 } from "react/jsx-runtime";
|
|
811
806
|
|
|
812
807
|
// src/tokens/svg/social/ChromeIcon.tsx
|
|
813
|
-
import { jsx as
|
|
808
|
+
import { jsx as jsx231, jsxs as jsxs145 } from "react/jsx-runtime";
|
|
814
809
|
|
|
815
810
|
// src/tokens/svg/social/CodepenIcon.tsx
|
|
816
|
-
import { jsx as
|
|
811
|
+
import { jsx as jsx232, jsxs as jsxs146 } from "react/jsx-runtime";
|
|
817
812
|
|
|
818
813
|
// src/tokens/svg/social/CodesandboxIcon.tsx
|
|
819
|
-
import { jsx as
|
|
814
|
+
import { jsx as jsx233 } from "react/jsx-runtime";
|
|
820
815
|
|
|
821
816
|
// src/tokens/svg/social/DribbbleIcon.tsx
|
|
822
|
-
import { jsx as
|
|
817
|
+
import { jsx as jsx234, jsxs as jsxs147 } from "react/jsx-runtime";
|
|
823
818
|
|
|
824
819
|
// src/tokens/svg/social/FacebookIcon.tsx
|
|
825
|
-
import { jsx as
|
|
820
|
+
import { jsx as jsx235 } from "react/jsx-runtime";
|
|
826
821
|
|
|
827
822
|
// src/tokens/svg/social/FigmaIcon.tsx
|
|
828
|
-
import { jsx as
|
|
823
|
+
import { jsx as jsx236 } from "react/jsx-runtime";
|
|
829
824
|
|
|
830
825
|
// src/tokens/svg/social/FramerIcon.tsx
|
|
831
|
-
import { jsx as
|
|
826
|
+
import { jsx as jsx237 } from "react/jsx-runtime";
|
|
832
827
|
|
|
833
828
|
// src/tokens/svg/social/GithubIcon.tsx
|
|
834
|
-
import { jsx as
|
|
829
|
+
import { jsx as jsx238 } from "react/jsx-runtime";
|
|
835
830
|
|
|
836
831
|
// src/tokens/svg/social/GitlabIcon.tsx
|
|
837
|
-
import { jsx as
|
|
832
|
+
import { jsx as jsx239, jsxs as jsxs148 } from "react/jsx-runtime";
|
|
838
833
|
|
|
839
834
|
// src/tokens/svg/social/InstagramIcon.tsx
|
|
840
|
-
import { jsx as
|
|
835
|
+
import { jsx as jsx240, jsxs as jsxs149 } from "react/jsx-runtime";
|
|
841
836
|
|
|
842
837
|
// src/tokens/svg/social/LinkedinIcon.tsx
|
|
843
|
-
import { jsx as
|
|
838
|
+
import { jsx as jsx241, jsxs as jsxs150 } from "react/jsx-runtime";
|
|
844
839
|
|
|
845
840
|
// src/tokens/svg/social/RssIcon.tsx
|
|
846
|
-
import { jsx as
|
|
841
|
+
import { jsx as jsx242, jsxs as jsxs151 } from "react/jsx-runtime";
|
|
847
842
|
|
|
848
843
|
// src/tokens/svg/social/SlackIcon.tsx
|
|
849
|
-
import { jsx as
|
|
844
|
+
import { jsx as jsx243, jsxs as jsxs152 } from "react/jsx-runtime";
|
|
850
845
|
|
|
851
846
|
// src/tokens/svg/social/TrelloIcon.tsx
|
|
852
|
-
import { jsx as
|
|
847
|
+
import { jsx as jsx244, jsxs as jsxs153 } from "react/jsx-runtime";
|
|
853
848
|
|
|
854
849
|
// src/tokens/svg/social/TwitchIcon.tsx
|
|
855
|
-
import { jsx as
|
|
850
|
+
import { jsx as jsx245, jsxs as jsxs154 } from "react/jsx-runtime";
|
|
856
851
|
|
|
857
852
|
// src/tokens/svg/social/TwitterIcon.tsx
|
|
858
|
-
import { jsx as
|
|
853
|
+
import { jsx as jsx246 } from "react/jsx-runtime";
|
|
859
854
|
|
|
860
855
|
// src/tokens/svg/social/YoutubeIcon.tsx
|
|
861
|
-
import { jsx as
|
|
856
|
+
import { jsx as jsx247, jsxs as jsxs155 } from "react/jsx-runtime";
|
|
862
857
|
|
|
863
858
|
// src/tokens/svg/status/ActivityIcon.tsx
|
|
864
|
-
import { jsx as
|
|
859
|
+
import { jsx as jsx248 } from "react/jsx-runtime";
|
|
865
860
|
|
|
866
861
|
// src/tokens/svg/status/AlertCircleIcon.tsx
|
|
867
|
-
import { jsx as
|
|
862
|
+
import { jsx as jsx249, jsxs as jsxs156 } from "react/jsx-runtime";
|
|
868
863
|
|
|
869
864
|
// src/tokens/svg/status/AlertOctagonIcon.tsx
|
|
870
|
-
import { jsx as
|
|
865
|
+
import { jsx as jsx250, jsxs as jsxs157 } from "react/jsx-runtime";
|
|
871
866
|
|
|
872
867
|
// src/tokens/svg/status/AlertTriangleIcon.tsx
|
|
873
|
-
import { jsx as
|
|
868
|
+
import { jsx as jsx251, jsxs as jsxs158 } from "react/jsx-runtime";
|
|
874
869
|
|
|
875
870
|
// src/tokens/svg/status/CheckCircleIcon.tsx
|
|
876
|
-
import { jsx as
|
|
871
|
+
import { jsx as jsx252, jsxs as jsxs159 } from "react/jsx-runtime";
|
|
877
872
|
|
|
878
873
|
// src/tokens/svg/status/CheckIcon.tsx
|
|
879
|
-
import { jsx as
|
|
874
|
+
import { jsx as jsx253 } from "react/jsx-runtime";
|
|
880
875
|
|
|
881
876
|
// src/tokens/svg/status/ErrorIcon.tsx
|
|
882
|
-
import { jsx as
|
|
877
|
+
import { jsx as jsx254, jsxs as jsxs160 } from "react/jsx-runtime";
|
|
883
878
|
|
|
884
879
|
// src/tokens/svg/status/HelpCircleIcon.tsx
|
|
885
|
-
import { jsx as
|
|
880
|
+
import { jsx as jsx255, jsxs as jsxs161 } from "react/jsx-runtime";
|
|
886
881
|
|
|
887
882
|
// src/tokens/svg/status/InfoIcon.tsx
|
|
888
|
-
import { jsx as
|
|
883
|
+
import { jsx as jsx256, jsxs as jsxs162 } from "react/jsx-runtime";
|
|
889
884
|
|
|
890
885
|
// src/tokens/svg/status/LoaderIcon.tsx
|
|
891
|
-
import { jsx as
|
|
886
|
+
import { jsx as jsx257, jsxs as jsxs163 } from "react/jsx-runtime";
|
|
892
887
|
|
|
893
888
|
// src/tokens/svg/status/MinusCircleIcon.tsx
|
|
894
|
-
import { jsx as
|
|
889
|
+
import { jsx as jsx258, jsxs as jsxs164 } from "react/jsx-runtime";
|
|
895
890
|
|
|
896
891
|
// src/tokens/svg/status/MinusIcon.tsx
|
|
897
|
-
import { jsx as
|
|
892
|
+
import { jsx as jsx259 } from "react/jsx-runtime";
|
|
898
893
|
|
|
899
894
|
// src/tokens/svg/status/MinusSquareIcon.tsx
|
|
900
|
-
import { jsx as
|
|
895
|
+
import { jsx as jsx260, jsxs as jsxs165 } from "react/jsx-runtime";
|
|
901
896
|
|
|
902
897
|
// src/tokens/svg/status/PlusCircleIcon.tsx
|
|
903
|
-
import { jsx as
|
|
898
|
+
import { jsx as jsx261, jsxs as jsxs166 } from "react/jsx-runtime";
|
|
904
899
|
|
|
905
900
|
// src/tokens/svg/status/PlusIcon.tsx
|
|
906
|
-
import { jsx as
|
|
901
|
+
import { jsx as jsx262 } from "react/jsx-runtime";
|
|
907
902
|
|
|
908
903
|
// src/tokens/svg/status/PlusSquareIcon.tsx
|
|
909
|
-
import { jsx as
|
|
904
|
+
import { jsx as jsx263, jsxs as jsxs167 } from "react/jsx-runtime";
|
|
910
905
|
|
|
911
906
|
// src/tokens/svg/status/SuccessIcon.tsx
|
|
912
|
-
import { jsx as
|
|
907
|
+
import { jsx as jsx264 } from "react/jsx-runtime";
|
|
913
908
|
|
|
914
909
|
// src/tokens/svg/status/XCircleIcon.tsx
|
|
915
|
-
import { jsx as
|
|
910
|
+
import { jsx as jsx265, jsxs as jsxs168 } from "react/jsx-runtime";
|
|
916
911
|
|
|
917
912
|
// src/tokens/svg/status/XIcon.tsx
|
|
918
|
-
import { jsx as
|
|
913
|
+
import { jsx as jsx266 } from "react/jsx-runtime";
|
|
919
914
|
|
|
920
915
|
// src/tokens/svg/status/XOctagonIcon.tsx
|
|
921
|
-
import { jsx as
|
|
916
|
+
import { jsx as jsx267, jsxs as jsxs169 } from "react/jsx-runtime";
|
|
922
917
|
|
|
923
918
|
// src/tokens/svg/status/XSquareIcon.tsx
|
|
924
|
-
import { jsx as
|
|
919
|
+
import { jsx as jsx268, jsxs as jsxs170 } from "react/jsx-runtime";
|
|
925
920
|
|
|
926
921
|
// src/tokens/svg/user/GierIcon.tsx
|
|
927
|
-
import { jsx as
|
|
922
|
+
import { jsx as jsx269, jsxs as jsxs171 } from "react/jsx-runtime";
|
|
928
923
|
|
|
929
924
|
// src/tokens/svg/user/KeyIcon.tsx
|
|
930
|
-
import { jsx as
|
|
925
|
+
import { jsx as jsx270 } from "react/jsx-runtime";
|
|
931
926
|
|
|
932
927
|
// src/tokens/svg/user/LockIcon.tsx
|
|
933
|
-
import { jsx as
|
|
928
|
+
import { jsx as jsx271 } from "react/jsx-runtime";
|
|
934
929
|
|
|
935
930
|
// src/tokens/svg/user/LogInIcon.tsx
|
|
936
|
-
import { jsx as
|
|
931
|
+
import { jsx as jsx272, jsxs as jsxs172 } from "react/jsx-runtime";
|
|
937
932
|
|
|
938
933
|
// src/tokens/svg/user/LogOutIcon.tsx
|
|
939
|
-
import { jsx as
|
|
934
|
+
import { jsx as jsx273, jsxs as jsxs173 } from "react/jsx-runtime";
|
|
940
935
|
|
|
941
936
|
// src/tokens/svg/user/MailIcon.tsx
|
|
942
|
-
import { jsx as
|
|
937
|
+
import { jsx as jsx274 } from "react/jsx-runtime";
|
|
943
938
|
|
|
944
939
|
// src/tokens/svg/user/ProfileIcon.tsx
|
|
945
|
-
import { jsx as
|
|
940
|
+
import { jsx as jsx275, jsxs as jsxs174 } from "react/jsx-runtime";
|
|
946
941
|
|
|
947
942
|
// src/tokens/svg/user/UnlockIcon.tsx
|
|
948
|
-
import { jsx as
|
|
943
|
+
import { jsx as jsx276 } from "react/jsx-runtime";
|
|
949
944
|
|
|
950
945
|
// src/tokens/svg/user/UserCheckIcon.tsx
|
|
951
|
-
import { jsx as
|
|
946
|
+
import { jsx as jsx277, jsxs as jsxs175 } from "react/jsx-runtime";
|
|
952
947
|
|
|
953
948
|
// src/tokens/svg/user/UserIcon.tsx
|
|
954
|
-
import { jsx as
|
|
949
|
+
import { jsx as jsx278, jsxs as jsxs176 } from "react/jsx-runtime";
|
|
955
950
|
|
|
956
951
|
// src/tokens/svg/user/UserMinusIcon.tsx
|
|
957
|
-
import { jsx as
|
|
952
|
+
import { jsx as jsx279, jsxs as jsxs177 } from "react/jsx-runtime";
|
|
958
953
|
|
|
959
954
|
// src/tokens/svg/user/UserPlusIcon.tsx
|
|
960
|
-
import { jsx as
|
|
955
|
+
import { jsx as jsx280, jsxs as jsxs178 } from "react/jsx-runtime";
|
|
961
956
|
|
|
962
957
|
// src/tokens/svg/user/UsersIcon.tsx
|
|
963
|
-
import { jsx as
|
|
958
|
+
import { jsx as jsx281, jsxs as jsxs179 } from "react/jsx-runtime";
|
|
964
959
|
|
|
965
960
|
// src/tokens/svg/user/UserXIcon.tsx
|
|
966
|
-
import { jsx as
|
|
961
|
+
import { jsx as jsx282, jsxs as jsxs180 } from "react/jsx-runtime";
|
|
967
962
|
|
|
968
963
|
// src/tokens/svg/weather/CloudDrizzleIcon.tsx
|
|
969
|
-
import { jsx as
|
|
964
|
+
import { jsx as jsx283, jsxs as jsxs181 } from "react/jsx-runtime";
|
|
970
965
|
|
|
971
966
|
// src/tokens/svg/weather/CloudIcon.tsx
|
|
972
|
-
import { jsx as
|
|
967
|
+
import { jsx as jsx284 } from "react/jsx-runtime";
|
|
973
968
|
|
|
974
969
|
// src/tokens/svg/weather/CloudLightningIcon.tsx
|
|
975
|
-
import { jsx as
|
|
970
|
+
import { jsx as jsx285, jsxs as jsxs182 } from "react/jsx-runtime";
|
|
976
971
|
|
|
977
972
|
// src/tokens/svg/weather/CloudOffIcon.tsx
|
|
978
|
-
import { jsx as
|
|
973
|
+
import { jsx as jsx286, jsxs as jsxs183 } from "react/jsx-runtime";
|
|
979
974
|
|
|
980
975
|
// src/tokens/svg/weather/CloudRainIcon.tsx
|
|
981
|
-
import { jsx as
|
|
976
|
+
import { jsx as jsx287, jsxs as jsxs184 } from "react/jsx-runtime";
|
|
982
977
|
|
|
983
978
|
// src/tokens/svg/weather/CloudSnowIcon.tsx
|
|
984
|
-
import { jsx as
|
|
979
|
+
import { jsx as jsx288, jsxs as jsxs185 } from "react/jsx-runtime";
|
|
985
980
|
|
|
986
981
|
// src/tokens/svg/weather/DropletIcon.tsx
|
|
987
|
-
import { jsx as
|
|
982
|
+
import { jsx as jsx289 } from "react/jsx-runtime";
|
|
988
983
|
|
|
989
984
|
// src/tokens/svg/weather/MoonIcon.tsx
|
|
990
|
-
import { jsx as
|
|
985
|
+
import { jsx as jsx290 } from "react/jsx-runtime";
|
|
991
986
|
|
|
992
987
|
// src/tokens/svg/weather/SunIcon.tsx
|
|
993
|
-
import { jsx as
|
|
988
|
+
import { jsx as jsx291, jsxs as jsxs186 } from "react/jsx-runtime";
|
|
994
989
|
|
|
995
990
|
// src/tokens/svg/weather/ThermometerIcon.tsx
|
|
996
|
-
import { jsx as
|
|
991
|
+
import { jsx as jsx292 } from "react/jsx-runtime";
|
|
997
992
|
|
|
998
993
|
// src/tokens/svg/weather/UmbrellaIcon.tsx
|
|
999
|
-
import { jsx as
|
|
994
|
+
import { jsx as jsx293, jsxs as jsxs187 } from "react/jsx-runtime";
|
|
1000
995
|
|
|
1001
996
|
// src/tokens/svg/weather/WindIcon.tsx
|
|
1002
|
-
import { jsx as
|
|
997
|
+
import { jsx as jsx294, jsxs as jsxs188 } from "react/jsx-runtime";
|
|
1003
998
|
|
|
1004
999
|
// ../../node_modules/clsx/dist/clsx.mjs
|
|
1005
1000
|
function r(e) {
|
|
@@ -1018,16 +1013,16 @@ function clsx() {
|
|
|
1018
1013
|
var clsx_default = clsx;
|
|
1019
1014
|
|
|
1020
1015
|
// src/components/Select/context.ts
|
|
1021
|
-
import
|
|
1022
|
-
var SelectContext =
|
|
1016
|
+
import React3 from "react";
|
|
1017
|
+
var SelectContext = React3.createContext(null);
|
|
1023
1018
|
var context_default = SelectContext;
|
|
1024
1019
|
|
|
1025
1020
|
// src/components/Select/SelectItem.tsx
|
|
1026
|
-
import
|
|
1027
|
-
import { jsx as
|
|
1021
|
+
import React4 from "react";
|
|
1022
|
+
import { jsx as jsx295 } from "react/jsx-runtime";
|
|
1028
1023
|
var SelectItem = (props) => {
|
|
1029
1024
|
const { children, value, onClick, disabled = false } = props;
|
|
1030
|
-
const ctx =
|
|
1025
|
+
const ctx = React4.useContext(context_default);
|
|
1031
1026
|
const handleClick = (e) => {
|
|
1032
1027
|
e.preventDefault();
|
|
1033
1028
|
e.stopPropagation();
|
|
@@ -1037,7 +1032,7 @@ var SelectItem = (props) => {
|
|
|
1037
1032
|
onClick?.();
|
|
1038
1033
|
};
|
|
1039
1034
|
const isSelected = value !== void 0 ? ctx?.selectedValue === value : ctx?.selectedLabel === children;
|
|
1040
|
-
return /* @__PURE__ */
|
|
1035
|
+
return /* @__PURE__ */ jsx295(
|
|
1041
1036
|
"div",
|
|
1042
1037
|
{
|
|
1043
1038
|
className: clsx_default("select-item", disabled && "disabled", isSelected && "is-selected"),
|
|
@@ -1058,7 +1053,7 @@ SelectItem.displayName = "Select.Item";
|
|
|
1058
1053
|
var SelectItem_default = SelectItem;
|
|
1059
1054
|
|
|
1060
1055
|
// src/components/Select/Select.tsx
|
|
1061
|
-
import { jsx as
|
|
1056
|
+
import { jsx as jsx296, jsxs as jsxs189 } from "react/jsx-runtime";
|
|
1062
1057
|
var ANIMATION_DURATION_MS = 200;
|
|
1063
1058
|
var SelectRoot = (props) => {
|
|
1064
1059
|
const {
|
|
@@ -1070,28 +1065,28 @@ var SelectRoot = (props) => {
|
|
|
1070
1065
|
error = false,
|
|
1071
1066
|
size = "md"
|
|
1072
1067
|
} = props;
|
|
1073
|
-
const itemChildren =
|
|
1074
|
-
(child) =>
|
|
1068
|
+
const itemChildren = React5.Children.toArray(children).filter(
|
|
1069
|
+
(child) => React5.isValidElement(child) && child.type === SelectItem_default
|
|
1075
1070
|
);
|
|
1076
1071
|
const isControlled = valueProp !== void 0;
|
|
1077
|
-
const [isOpen, setOpen] =
|
|
1078
|
-
const [uncontrolledLabel, setUncontrolledLabel] =
|
|
1079
|
-
const [uncontrolledValue, setUncontrolledValue] =
|
|
1080
|
-
const controlledLabel =
|
|
1072
|
+
const [isOpen, setOpen] = React5.useState(false);
|
|
1073
|
+
const [uncontrolledLabel, setUncontrolledLabel] = React5.useState(null);
|
|
1074
|
+
const [uncontrolledValue, setUncontrolledValue] = React5.useState(void 0);
|
|
1075
|
+
const controlledLabel = React5.useMemo(() => {
|
|
1081
1076
|
if (!isControlled) return null;
|
|
1082
1077
|
const match = itemChildren.find((child) => child.props.value === valueProp);
|
|
1083
1078
|
return match ? match.props.children : null;
|
|
1084
1079
|
}, [isControlled, valueProp, itemChildren]);
|
|
1085
1080
|
const selectedLabel = isControlled ? controlledLabel : uncontrolledLabel;
|
|
1086
1081
|
const selectedValue = isControlled ? valueProp : uncontrolledValue;
|
|
1087
|
-
const triggerRef =
|
|
1088
|
-
const contentRef =
|
|
1089
|
-
const [mounted, setMounted] =
|
|
1090
|
-
const [visible, setVisible] =
|
|
1091
|
-
|
|
1082
|
+
const triggerRef = React5.useRef(null);
|
|
1083
|
+
const contentRef = React5.useRef(null);
|
|
1084
|
+
const [mounted, setMounted] = React5.useState(false);
|
|
1085
|
+
const [visible, setVisible] = React5.useState(false);
|
|
1086
|
+
React5.useEffect(() => {
|
|
1092
1087
|
if (disabled && isOpen) setOpen(false);
|
|
1093
1088
|
}, [disabled, isOpen]);
|
|
1094
|
-
|
|
1089
|
+
React5.useEffect(() => {
|
|
1095
1090
|
if (isOpen) {
|
|
1096
1091
|
setMounted(true);
|
|
1097
1092
|
const t2 = setTimeout(() => setVisible(true), 1);
|
|
@@ -1101,12 +1096,12 @@ var SelectRoot = (props) => {
|
|
|
1101
1096
|
const t = setTimeout(() => setMounted(false), ANIMATION_DURATION_MS);
|
|
1102
1097
|
return () => clearTimeout(t);
|
|
1103
1098
|
}, [isOpen]);
|
|
1104
|
-
const open =
|
|
1105
|
-
const close =
|
|
1106
|
-
const toggle =
|
|
1099
|
+
const open = React5.useCallback(() => setOpen(true), []);
|
|
1100
|
+
const close = React5.useCallback(() => setOpen(false), []);
|
|
1101
|
+
const toggle = React5.useCallback(() => setOpen((prev) => !prev), []);
|
|
1107
1102
|
useClickOutside_default([contentRef, triggerRef], close, isOpen);
|
|
1108
1103
|
const position = useAutoPosition_default(triggerRef, contentRef, mounted);
|
|
1109
|
-
const setSelected =
|
|
1104
|
+
const setSelected = React5.useCallback(
|
|
1110
1105
|
(label, itemValue) => {
|
|
1111
1106
|
if (!isControlled) {
|
|
1112
1107
|
setUncontrolledLabel(label);
|
|
@@ -1116,7 +1111,7 @@ var SelectRoot = (props) => {
|
|
|
1116
1111
|
},
|
|
1117
1112
|
[isControlled, onChange]
|
|
1118
1113
|
);
|
|
1119
|
-
const ctxValue =
|
|
1114
|
+
const ctxValue = React5.useMemo(
|
|
1120
1115
|
() => ({
|
|
1121
1116
|
isOpen,
|
|
1122
1117
|
mounted,
|
|
@@ -1138,7 +1133,7 @@ var SelectRoot = (props) => {
|
|
|
1138
1133
|
if (disabled) return;
|
|
1139
1134
|
toggle();
|
|
1140
1135
|
};
|
|
1141
|
-
return /* @__PURE__ */
|
|
1136
|
+
return /* @__PURE__ */ jsx296(context_default.Provider, { value: ctxValue, children: /* @__PURE__ */ jsxs189(
|
|
1142
1137
|
"div",
|
|
1143
1138
|
{
|
|
1144
1139
|
className: clsx_default(
|
|
@@ -1173,7 +1168,7 @@ var SelectRoot = (props) => {
|
|
|
1173
1168
|
}
|
|
1174
1169
|
},
|
|
1175
1170
|
children: [
|
|
1176
|
-
/* @__PURE__ */
|
|
1171
|
+
/* @__PURE__ */ jsx296(
|
|
1177
1172
|
"span",
|
|
1178
1173
|
{
|
|
1179
1174
|
className: clsx_default(
|
|
@@ -1183,25 +1178,25 @@ var SelectRoot = (props) => {
|
|
|
1183
1178
|
children: selectedLabel ?? placeholder
|
|
1184
1179
|
}
|
|
1185
1180
|
),
|
|
1186
|
-
/* @__PURE__ */
|
|
1181
|
+
/* @__PURE__ */ jsx296(
|
|
1187
1182
|
"span",
|
|
1188
1183
|
{
|
|
1189
1184
|
className: clsx_default("select-trigger-icon", isOpen && "open"),
|
|
1190
1185
|
"aria-hidden": true,
|
|
1191
|
-
children: /* @__PURE__ */
|
|
1186
|
+
children: /* @__PURE__ */ jsx296(ChevronDownIcon_default, {})
|
|
1192
1187
|
}
|
|
1193
1188
|
)
|
|
1194
1189
|
]
|
|
1195
1190
|
}
|
|
1196
1191
|
),
|
|
1197
|
-
mounted && /* @__PURE__ */
|
|
1192
|
+
mounted && /* @__PURE__ */ jsx296(Portal_default, { children: /* @__PURE__ */ jsx296(
|
|
1198
1193
|
"div",
|
|
1199
1194
|
{
|
|
1200
1195
|
className: clsx_default("lib-xplat-select-content", size, position.direction, stateClass),
|
|
1201
1196
|
ref: contentRef,
|
|
1202
1197
|
style: { ...position.position, width: triggerRef.current?.offsetWidth },
|
|
1203
1198
|
role: "listbox",
|
|
1204
|
-
children: /* @__PURE__ */
|
|
1199
|
+
children: /* @__PURE__ */ jsx296(context_default.Provider, { value: ctxValue, children: itemChildren })
|
|
1205
1200
|
}
|
|
1206
1201
|
) })
|
|
1207
1202
|
]
|