@x-plat/design-system 0.5.10 → 0.5.12
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/Chart/index.cjs +67 -48
- package/dist/components/Chart/index.js +68 -49
- package/dist/components/DatePicker/index.cjs +401 -379
- package/dist/components/DatePicker/index.js +388 -366
- package/dist/components/Dropdown/index.cjs +55 -27
- package/dist/components/Dropdown/index.css +10 -10
- package/dist/components/Dropdown/index.js +54 -26
- package/dist/components/Modal/index.cjs +29 -9
- package/dist/components/Modal/index.d.cts +0 -3
- package/dist/components/Modal/index.d.ts +0 -3
- package/dist/components/Modal/index.js +28 -8
- package/dist/components/PopOver/index.cjs +50 -22
- package/dist/components/PopOver/index.css +7 -10
- package/dist/components/PopOver/index.js +49 -21
- package/dist/components/Select/index.cjs +369 -341
- package/dist/components/Select/index.css +13 -23
- package/dist/components/Select/index.js +368 -340
- package/dist/components/index.cjs +503 -451
- package/dist/components/index.css +30 -43
- package/dist/components/index.js +459 -407
- package/dist/index.cjs +527 -475
- package/dist/index.css +30 -43
- package/dist/index.js +481 -429
- package/package.json +1 -1
|
@@ -36,7 +36,7 @@ __export(Select_exports, {
|
|
|
36
36
|
module.exports = __toCommonJS(Select_exports);
|
|
37
37
|
|
|
38
38
|
// src/components/Select/Select.tsx
|
|
39
|
-
var
|
|
39
|
+
var import_react6 = __toESM(require("react"), 1);
|
|
40
40
|
|
|
41
41
|
// src/tokens/hooks/useAutoPosition.ts
|
|
42
42
|
var import_react = __toESM(require("react"), 1);
|
|
@@ -49,28 +49,38 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
|
|
|
49
49
|
if (!triggerRef.current || !popRef.current) return;
|
|
50
50
|
const triggerRect = triggerRef.current.getBoundingClientRect();
|
|
51
51
|
const popRect = popRef.current.getBoundingClientRect();
|
|
52
|
-
const viewportWidth = window.innerWidth;
|
|
53
52
|
const viewportHeight = window.innerHeight;
|
|
54
|
-
const
|
|
53
|
+
const viewportWidth = window.innerWidth;
|
|
55
54
|
let direction = "bottom";
|
|
56
|
-
|
|
55
|
+
let top;
|
|
56
|
+
let left = triggerRect.left;
|
|
57
|
+
if (triggerRect.bottom + popRect.height > viewportHeight && triggerRect.top - popRect.height > 0) {
|
|
57
58
|
direction = "top";
|
|
59
|
+
top = triggerRect.top - popRect.height;
|
|
60
|
+
} else {
|
|
61
|
+
top = triggerRect.bottom;
|
|
58
62
|
}
|
|
59
|
-
if (
|
|
60
|
-
|
|
61
|
-
}
|
|
62
|
-
if (triggerRect.left < 0) {
|
|
63
|
-
position2["left"] = 10;
|
|
63
|
+
if (left + popRect.width > viewportWidth) {
|
|
64
|
+
left = viewportWidth - popRect.width - 8;
|
|
64
65
|
}
|
|
66
|
+
if (left < 8) left = 8;
|
|
65
67
|
setPosition({
|
|
66
|
-
position:
|
|
68
|
+
position: { top, left, width: triggerRect.width },
|
|
67
69
|
direction
|
|
68
70
|
});
|
|
69
71
|
}, [triggerRef, popRef]);
|
|
70
72
|
import_react.default.useEffect(() => {
|
|
71
|
-
|
|
73
|
+
if (!enabled) return;
|
|
74
|
+
const raf = requestAnimationFrame(() => {
|
|
75
|
+
calculatePosition();
|
|
76
|
+
});
|
|
72
77
|
window.addEventListener("resize", calculatePosition);
|
|
73
|
-
|
|
78
|
+
window.addEventListener("scroll", calculatePosition, true);
|
|
79
|
+
return () => {
|
|
80
|
+
cancelAnimationFrame(raf);
|
|
81
|
+
window.removeEventListener("resize", calculatePosition);
|
|
82
|
+
window.removeEventListener("scroll", calculatePosition, true);
|
|
83
|
+
};
|
|
74
84
|
}, [calculatePosition, enabled]);
|
|
75
85
|
return position;
|
|
76
86
|
};
|
|
@@ -101,129 +111,147 @@ var useClickOutside = (refs, handler, enabled = true) => {
|
|
|
101
111
|
};
|
|
102
112
|
var useClickOutside_default = useClickOutside;
|
|
103
113
|
|
|
104
|
-
// src/tokens/
|
|
114
|
+
// src/tokens/hooks/Portal.tsx
|
|
115
|
+
var import_react3 = __toESM(require("react"), 1);
|
|
116
|
+
var import_react_dom = __toESM(require("react-dom"), 1);
|
|
105
117
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
118
|
+
var PortalContainerContext = import_react3.default.createContext(null);
|
|
119
|
+
var Portal = ({ children }) => {
|
|
120
|
+
const contextContainer = import_react3.default.useContext(PortalContainerContext);
|
|
121
|
+
const [fallback, setFallback] = import_react3.default.useState(null);
|
|
122
|
+
import_react3.default.useEffect(() => {
|
|
123
|
+
if (!contextContainer) setFallback(document.body);
|
|
124
|
+
}, [contextContainer]);
|
|
125
|
+
const container = contextContainer ?? fallback;
|
|
126
|
+
if (!container) return null;
|
|
127
|
+
return import_react_dom.default.createPortal(children, container);
|
|
128
|
+
};
|
|
129
|
+
Portal.displayName = "Portal";
|
|
130
|
+
var Portal_default = Portal;
|
|
106
131
|
|
|
107
|
-
// src/tokens/svg/action/
|
|
132
|
+
// src/tokens/svg/action/CopyIcon.tsx
|
|
108
133
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
109
134
|
|
|
110
|
-
// src/tokens/svg/action/
|
|
135
|
+
// src/tokens/svg/action/CropIcon.tsx
|
|
111
136
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
112
137
|
|
|
113
|
-
// src/tokens/svg/action/
|
|
138
|
+
// src/tokens/svg/action/DeleteIcon.tsx
|
|
114
139
|
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
115
140
|
|
|
116
|
-
// src/tokens/svg/action/
|
|
141
|
+
// src/tokens/svg/action/DownloadCloudIcon.tsx
|
|
117
142
|
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
118
143
|
|
|
119
|
-
// src/tokens/svg/action/
|
|
144
|
+
// src/tokens/svg/action/DownloadIcon.tsx
|
|
120
145
|
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
121
146
|
|
|
122
|
-
// src/tokens/svg/action/
|
|
147
|
+
// src/tokens/svg/action/Edit2Icon.tsx
|
|
123
148
|
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
124
149
|
|
|
125
|
-
// src/tokens/svg/action/
|
|
150
|
+
// src/tokens/svg/action/Edit3Icon.tsx
|
|
126
151
|
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
127
152
|
|
|
128
|
-
// src/tokens/svg/action/
|
|
153
|
+
// src/tokens/svg/action/EditIcon.tsx
|
|
129
154
|
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
130
155
|
|
|
131
|
-
// src/tokens/svg/action/
|
|
156
|
+
// src/tokens/svg/action/ExternalLinkIcon.tsx
|
|
132
157
|
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
133
158
|
|
|
134
|
-
// src/tokens/svg/action/
|
|
159
|
+
// src/tokens/svg/action/FilterIcon.tsx
|
|
135
160
|
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
136
161
|
|
|
137
|
-
// src/tokens/svg/action/
|
|
162
|
+
// src/tokens/svg/action/Link2Icon.tsx
|
|
138
163
|
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
139
164
|
|
|
140
|
-
// src/tokens/svg/action/
|
|
165
|
+
// src/tokens/svg/action/LinkIcon.tsx
|
|
141
166
|
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
142
167
|
|
|
143
|
-
// src/tokens/svg/action/
|
|
168
|
+
// src/tokens/svg/action/MoveIcon.tsx
|
|
144
169
|
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
145
170
|
|
|
146
|
-
// src/tokens/svg/action/
|
|
171
|
+
// src/tokens/svg/action/RefreshCcwIcon.tsx
|
|
147
172
|
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
148
173
|
|
|
149
|
-
// src/tokens/svg/action/
|
|
174
|
+
// src/tokens/svg/action/RefreshCwIcon.tsx
|
|
150
175
|
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
151
176
|
|
|
152
|
-
// src/tokens/svg/action/
|
|
177
|
+
// src/tokens/svg/action/RotateCcwIcon.tsx
|
|
153
178
|
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
154
179
|
|
|
155
|
-
// src/tokens/svg/action/
|
|
180
|
+
// src/tokens/svg/action/RotateCwIcon.tsx
|
|
156
181
|
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
157
182
|
|
|
158
|
-
// src/tokens/svg/action/
|
|
183
|
+
// src/tokens/svg/action/SaveIcon.tsx
|
|
159
184
|
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
160
185
|
|
|
161
|
-
// src/tokens/svg/action/
|
|
186
|
+
// src/tokens/svg/action/ScissorsIcon.tsx
|
|
162
187
|
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
163
188
|
|
|
164
|
-
// src/tokens/svg/action/
|
|
189
|
+
// src/tokens/svg/action/SearchIcon.tsx
|
|
165
190
|
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
166
191
|
|
|
167
|
-
// src/tokens/svg/action/
|
|
192
|
+
// src/tokens/svg/action/Share2Icon.tsx
|
|
168
193
|
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
169
194
|
|
|
170
|
-
// src/tokens/svg/action/
|
|
195
|
+
// src/tokens/svg/action/ShareIcon.tsx
|
|
171
196
|
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
172
197
|
|
|
173
|
-
// src/tokens/svg/action/
|
|
198
|
+
// src/tokens/svg/action/Trash2Icon.tsx
|
|
174
199
|
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
175
200
|
|
|
176
|
-
// src/tokens/svg/action/
|
|
201
|
+
// src/tokens/svg/action/TrashIcon.tsx
|
|
177
202
|
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
178
203
|
|
|
179
|
-
// src/tokens/svg/action/
|
|
204
|
+
// src/tokens/svg/action/UploadCloudIcon.tsx
|
|
180
205
|
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
181
206
|
|
|
182
|
-
// src/tokens/svg/action/
|
|
207
|
+
// src/tokens/svg/action/UploadIcon.tsx
|
|
183
208
|
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
184
209
|
|
|
185
|
-
// src/tokens/svg/action/
|
|
210
|
+
// src/tokens/svg/action/ZoomInIcon.tsx
|
|
186
211
|
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
187
212
|
|
|
188
|
-
// src/tokens/svg/
|
|
213
|
+
// src/tokens/svg/action/ZoomOutIcon.tsx
|
|
189
214
|
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
190
215
|
|
|
191
|
-
// src/tokens/svg/arrow/
|
|
216
|
+
// src/tokens/svg/arrow/ArrowDownCircleIcon.tsx
|
|
192
217
|
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
193
218
|
|
|
194
|
-
// src/tokens/svg/arrow/
|
|
219
|
+
// src/tokens/svg/arrow/ArrowDownIcon.tsx
|
|
195
220
|
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
196
221
|
|
|
197
|
-
// src/tokens/svg/arrow/
|
|
222
|
+
// src/tokens/svg/arrow/ArrowDownLeftIcon.tsx
|
|
198
223
|
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
199
224
|
|
|
200
|
-
// src/tokens/svg/arrow/
|
|
225
|
+
// src/tokens/svg/arrow/ArrowDownRightIcon.tsx
|
|
201
226
|
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
202
227
|
|
|
203
|
-
// src/tokens/svg/arrow/
|
|
228
|
+
// src/tokens/svg/arrow/ArrowLeftCircleIcon.tsx
|
|
204
229
|
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
205
230
|
|
|
206
|
-
// src/tokens/svg/arrow/
|
|
231
|
+
// src/tokens/svg/arrow/ArrowLeftIcon.tsx
|
|
207
232
|
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
208
233
|
|
|
209
|
-
// src/tokens/svg/arrow/
|
|
234
|
+
// src/tokens/svg/arrow/ArrowRightCircleIcon.tsx
|
|
210
235
|
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
211
236
|
|
|
212
|
-
// src/tokens/svg/arrow/
|
|
237
|
+
// src/tokens/svg/arrow/ArrowRightIcon.tsx
|
|
213
238
|
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
214
239
|
|
|
215
|
-
// src/tokens/svg/arrow/
|
|
240
|
+
// src/tokens/svg/arrow/ArrowUpCircleIcon.tsx
|
|
216
241
|
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
217
242
|
|
|
218
|
-
// src/tokens/svg/arrow/
|
|
243
|
+
// src/tokens/svg/arrow/ArrowUpIcon.tsx
|
|
219
244
|
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
220
245
|
|
|
221
|
-
// src/tokens/svg/arrow/
|
|
246
|
+
// src/tokens/svg/arrow/ArrowUpLeftIcon.tsx
|
|
222
247
|
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
223
248
|
|
|
224
|
-
// src/tokens/svg/arrow/
|
|
249
|
+
// src/tokens/svg/arrow/ArrowUpRightIcon.tsx
|
|
225
250
|
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
226
|
-
|
|
251
|
+
|
|
252
|
+
// src/tokens/svg/arrow/ChevronDownIcon.tsx
|
|
253
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
254
|
+
var ChevronDownIcon = () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
227
255
|
"svg",
|
|
228
256
|
{
|
|
229
257
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -231,7 +259,7 @@ var ChevronDownIcon = () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
|
231
259
|
height: "1em",
|
|
232
260
|
viewBox: "0 0 20 20",
|
|
233
261
|
fill: "none",
|
|
234
|
-
children: /* @__PURE__ */ (0,
|
|
262
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
235
263
|
"path",
|
|
236
264
|
{
|
|
237
265
|
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 +271,763 @@ var ChevronDownIcon = () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
|
243
271
|
var ChevronDownIcon_default = ChevronDownIcon;
|
|
244
272
|
|
|
245
273
|
// src/tokens/svg/arrow/ChevronLeftIcon.tsx
|
|
246
|
-
var
|
|
274
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
247
275
|
|
|
248
276
|
// src/tokens/svg/arrow/ChevronRightIcon.tsx
|
|
249
|
-
var
|
|
277
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
250
278
|
|
|
251
279
|
// src/tokens/svg/arrow/ChevronsDownIcon.tsx
|
|
252
|
-
var
|
|
280
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
253
281
|
|
|
254
282
|
// src/tokens/svg/arrow/ChevronsLeftIcon.tsx
|
|
255
|
-
var
|
|
283
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
256
284
|
|
|
257
285
|
// src/tokens/svg/arrow/ChevronsRightIcon.tsx
|
|
258
|
-
var
|
|
286
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
259
287
|
|
|
260
288
|
// src/tokens/svg/arrow/ChevronsUpIcon.tsx
|
|
261
|
-
var
|
|
289
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
262
290
|
|
|
263
291
|
// src/tokens/svg/arrow/ChevronUpIcon.tsx
|
|
264
|
-
var
|
|
292
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
265
293
|
|
|
266
294
|
// src/tokens/svg/arrow/CompassIcon.tsx
|
|
267
|
-
var
|
|
295
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
268
296
|
|
|
269
297
|
// src/tokens/svg/arrow/CornerDownLeftIcon.tsx
|
|
270
|
-
var
|
|
298
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
271
299
|
|
|
272
300
|
// src/tokens/svg/arrow/CornerDownRightIcon.tsx
|
|
273
|
-
var
|
|
301
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
274
302
|
|
|
275
303
|
// src/tokens/svg/arrow/CornerLeftDownIcon.tsx
|
|
276
|
-
var
|
|
304
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
277
305
|
|
|
278
306
|
// src/tokens/svg/arrow/CornerLeftUpIcon.tsx
|
|
279
|
-
var
|
|
307
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
280
308
|
|
|
281
309
|
// src/tokens/svg/arrow/CornerRightDownIcon.tsx
|
|
282
|
-
var
|
|
310
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
283
311
|
|
|
284
312
|
// src/tokens/svg/arrow/CornerRightUpIcon.tsx
|
|
285
|
-
var
|
|
313
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
286
314
|
|
|
287
315
|
// src/tokens/svg/arrow/CornerUpLeftIcon.tsx
|
|
288
|
-
var
|
|
316
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
289
317
|
|
|
290
318
|
// src/tokens/svg/arrow/CornerUpRightIcon.tsx
|
|
291
|
-
var
|
|
319
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
292
320
|
|
|
293
321
|
// src/tokens/svg/arrow/MapIcon.tsx
|
|
294
|
-
var
|
|
322
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
295
323
|
|
|
296
324
|
// src/tokens/svg/arrow/MapPinIcon.tsx
|
|
297
|
-
var
|
|
325
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
298
326
|
|
|
299
327
|
// src/tokens/svg/arrow/Navigation2Icon.tsx
|
|
300
|
-
var
|
|
328
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
301
329
|
|
|
302
330
|
// src/tokens/svg/arrow/NavigationIcon.tsx
|
|
303
|
-
var
|
|
331
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
304
332
|
|
|
305
333
|
// src/tokens/svg/call/CallActiveIcon.tsx
|
|
306
|
-
var
|
|
334
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
307
335
|
|
|
308
336
|
// src/tokens/svg/call/CallForwardedIcon.tsx
|
|
309
|
-
var
|
|
337
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
310
338
|
|
|
311
339
|
// src/tokens/svg/call/CallIcon.tsx
|
|
312
|
-
var
|
|
340
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
313
341
|
|
|
314
342
|
// src/tokens/svg/call/CallIncomingIcon.tsx
|
|
315
|
-
var
|
|
343
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
316
344
|
|
|
317
345
|
// src/tokens/svg/call/CallMissedIcon.tsx
|
|
318
|
-
var
|
|
346
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
319
347
|
|
|
320
348
|
// src/tokens/svg/call/CallOffIcon.tsx
|
|
321
|
-
var
|
|
349
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
322
350
|
|
|
323
351
|
// src/tokens/svg/call/CallOutgoingIcon.tsx
|
|
324
|
-
var
|
|
352
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
325
353
|
|
|
326
354
|
// src/tokens/svg/call/VoicemailIcon.tsx
|
|
327
|
-
var
|
|
355
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
328
356
|
|
|
329
357
|
// src/tokens/svg/chart/BarChart2Icon.tsx
|
|
330
|
-
var
|
|
358
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
331
359
|
|
|
332
360
|
// src/tokens/svg/chart/BarChartIcon.tsx
|
|
333
|
-
var
|
|
361
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
334
362
|
|
|
335
363
|
// src/tokens/svg/chart/PieChartIcon.tsx
|
|
336
|
-
var
|
|
364
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
337
365
|
|
|
338
366
|
// src/tokens/svg/chart/TableIcon.tsx
|
|
339
|
-
var
|
|
367
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
340
368
|
|
|
341
369
|
// src/tokens/svg/chart/TrendingDownIcon.tsx
|
|
342
|
-
var
|
|
370
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
343
371
|
|
|
344
372
|
// src/tokens/svg/chart/TrendingUpIcon.tsx
|
|
345
|
-
var
|
|
373
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
346
374
|
|
|
347
375
|
// src/tokens/svg/commerce/CreditCardIcon.tsx
|
|
348
|
-
var
|
|
376
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
349
377
|
|
|
350
378
|
// src/tokens/svg/commerce/DollarSignIcon.tsx
|
|
351
|
-
var
|
|
379
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
352
380
|
|
|
353
381
|
// src/tokens/svg/commerce/GiftIcon.tsx
|
|
354
|
-
var
|
|
382
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
355
383
|
|
|
356
384
|
// src/tokens/svg/commerce/ShoppingBagIcon.tsx
|
|
357
|
-
var
|
|
385
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
358
386
|
|
|
359
387
|
// src/tokens/svg/commerce/ShoppingCartIcon.tsx
|
|
360
|
-
var
|
|
388
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
361
389
|
|
|
362
390
|
// src/tokens/svg/commerce/TagIcon.tsx
|
|
363
|
-
var
|
|
391
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
364
392
|
|
|
365
393
|
// src/tokens/svg/commerce/TruckIcon.tsx
|
|
366
|
-
var
|
|
394
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
367
395
|
|
|
368
396
|
// src/tokens/svg/communication/BellIcon.tsx
|
|
369
|
-
var
|
|
397
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
370
398
|
|
|
371
399
|
// src/tokens/svg/communication/BellOffIcon.tsx
|
|
372
|
-
var
|
|
400
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
373
401
|
|
|
374
402
|
// src/tokens/svg/communication/InboxIcon.tsx
|
|
375
|
-
var
|
|
403
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
376
404
|
|
|
377
405
|
// src/tokens/svg/communication/MessageCircleIcon.tsx
|
|
378
|
-
var
|
|
406
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
379
407
|
|
|
380
408
|
// src/tokens/svg/communication/MessageSquareIcon.tsx
|
|
381
|
-
var
|
|
409
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
382
410
|
|
|
383
411
|
// src/tokens/svg/communication/PaperclipIcon.tsx
|
|
384
|
-
var
|
|
412
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
385
413
|
|
|
386
414
|
// src/tokens/svg/communication/SendIcon.tsx
|
|
387
|
-
var
|
|
415
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
388
416
|
|
|
389
417
|
// src/tokens/svg/date/CalendarIcon.tsx
|
|
390
|
-
var
|
|
418
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
391
419
|
|
|
392
420
|
// src/tokens/svg/date/CalenderIcon.tsx
|
|
393
|
-
var
|
|
421
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
394
422
|
|
|
395
423
|
// src/tokens/svg/date/ClockIcon.tsx
|
|
396
|
-
var
|
|
424
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
397
425
|
|
|
398
426
|
// src/tokens/svg/date/SunriseIcon.tsx
|
|
399
|
-
var
|
|
427
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
400
428
|
|
|
401
429
|
// src/tokens/svg/date/SunsetIcon.tsx
|
|
402
|
-
var
|
|
430
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
403
431
|
|
|
404
432
|
// src/tokens/svg/dev/CodeIcon.tsx
|
|
405
|
-
var
|
|
433
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
406
434
|
|
|
407
435
|
// src/tokens/svg/dev/GitBranchIcon.tsx
|
|
408
|
-
var
|
|
436
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
409
437
|
|
|
410
438
|
// src/tokens/svg/dev/GitCommitIcon.tsx
|
|
411
|
-
var
|
|
439
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
412
440
|
|
|
413
441
|
// src/tokens/svg/dev/GitMergeIcon.tsx
|
|
414
|
-
var
|
|
442
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
415
443
|
|
|
416
444
|
// src/tokens/svg/dev/GitPullRequestIcon.tsx
|
|
417
|
-
var
|
|
445
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
418
446
|
|
|
419
447
|
// src/tokens/svg/dev/TerminalIcon.tsx
|
|
420
|
-
var
|
|
448
|
+
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
421
449
|
|
|
422
450
|
// src/tokens/svg/device/BatteryChargingIcon.tsx
|
|
423
|
-
var
|
|
451
|
+
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
424
452
|
|
|
425
453
|
// src/tokens/svg/device/BatteryIcon.tsx
|
|
426
|
-
var
|
|
454
|
+
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
427
455
|
|
|
428
456
|
// src/tokens/svg/device/BluetoothIcon.tsx
|
|
429
|
-
var
|
|
457
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
430
458
|
|
|
431
459
|
// src/tokens/svg/device/CommandIcon.tsx
|
|
432
|
-
var
|
|
460
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
433
461
|
|
|
434
462
|
// src/tokens/svg/device/CpuIcon.tsx
|
|
435
|
-
var
|
|
463
|
+
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
436
464
|
|
|
437
465
|
// src/tokens/svg/device/DatabaseIcon.tsx
|
|
438
|
-
var
|
|
466
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
439
467
|
|
|
440
468
|
// src/tokens/svg/device/HardDriveIcon.tsx
|
|
441
|
-
var
|
|
469
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
442
470
|
|
|
443
471
|
// src/tokens/svg/device/MonitorIcon.tsx
|
|
444
|
-
var
|
|
472
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
445
473
|
|
|
446
474
|
// src/tokens/svg/device/PrinterIcon.tsx
|
|
447
|
-
var
|
|
475
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
448
476
|
|
|
449
477
|
// src/tokens/svg/device/ServerIcon.tsx
|
|
450
|
-
var
|
|
478
|
+
var import_jsx_runtime111 = require("react/jsx-runtime");
|
|
451
479
|
|
|
452
480
|
// src/tokens/svg/device/SmartphoneIcon.tsx
|
|
453
|
-
var
|
|
481
|
+
var import_jsx_runtime112 = require("react/jsx-runtime");
|
|
454
482
|
|
|
455
483
|
// src/tokens/svg/device/TabletIcon.tsx
|
|
456
|
-
var
|
|
484
|
+
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
457
485
|
|
|
458
486
|
// src/tokens/svg/device/TvIcon.tsx
|
|
459
|
-
var
|
|
487
|
+
var import_jsx_runtime114 = require("react/jsx-runtime");
|
|
460
488
|
|
|
461
489
|
// src/tokens/svg/device/WatchIcon.tsx
|
|
462
|
-
var
|
|
490
|
+
var import_jsx_runtime115 = require("react/jsx-runtime");
|
|
463
491
|
|
|
464
492
|
// src/tokens/svg/device/WifiIcon.tsx
|
|
465
|
-
var
|
|
493
|
+
var import_jsx_runtime116 = require("react/jsx-runtime");
|
|
466
494
|
|
|
467
495
|
// src/tokens/svg/device/WifiOffIcon.tsx
|
|
468
|
-
var
|
|
496
|
+
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
469
497
|
|
|
470
498
|
// src/tokens/svg/edit/AlignCenterIcon.tsx
|
|
471
|
-
var
|
|
499
|
+
var import_jsx_runtime118 = require("react/jsx-runtime");
|
|
472
500
|
|
|
473
501
|
// src/tokens/svg/edit/AlignJustifyIcon.tsx
|
|
474
|
-
var
|
|
502
|
+
var import_jsx_runtime119 = require("react/jsx-runtime");
|
|
475
503
|
|
|
476
504
|
// src/tokens/svg/edit/AlignLeftIcon.tsx
|
|
477
|
-
var
|
|
505
|
+
var import_jsx_runtime120 = require("react/jsx-runtime");
|
|
478
506
|
|
|
479
507
|
// src/tokens/svg/edit/AlignRightIcon.tsx
|
|
480
|
-
var
|
|
508
|
+
var import_jsx_runtime121 = require("react/jsx-runtime");
|
|
481
509
|
|
|
482
510
|
// src/tokens/svg/edit/BoldIcon.tsx
|
|
483
|
-
var
|
|
511
|
+
var import_jsx_runtime122 = require("react/jsx-runtime");
|
|
484
512
|
|
|
485
513
|
// src/tokens/svg/edit/ItalicIcon.tsx
|
|
486
|
-
var
|
|
514
|
+
var import_jsx_runtime123 = require("react/jsx-runtime");
|
|
487
515
|
|
|
488
516
|
// src/tokens/svg/edit/PenToolIcon.tsx
|
|
489
|
-
var
|
|
517
|
+
var import_jsx_runtime124 = require("react/jsx-runtime");
|
|
490
518
|
|
|
491
519
|
// src/tokens/svg/edit/TypeIcon.tsx
|
|
492
|
-
var
|
|
520
|
+
var import_jsx_runtime125 = require("react/jsx-runtime");
|
|
493
521
|
|
|
494
522
|
// src/tokens/svg/edit/UnderlineIcon.tsx
|
|
495
|
-
var
|
|
523
|
+
var import_jsx_runtime126 = require("react/jsx-runtime");
|
|
496
524
|
|
|
497
525
|
// src/tokens/svg/file/ArchiveIcon.tsx
|
|
498
|
-
var
|
|
526
|
+
var import_jsx_runtime127 = require("react/jsx-runtime");
|
|
499
527
|
|
|
500
528
|
// src/tokens/svg/file/BookIcon.tsx
|
|
501
|
-
var
|
|
529
|
+
var import_jsx_runtime128 = require("react/jsx-runtime");
|
|
502
530
|
|
|
503
531
|
// src/tokens/svg/file/BookmarkIcon.tsx
|
|
504
|
-
var
|
|
532
|
+
var import_jsx_runtime129 = require("react/jsx-runtime");
|
|
505
533
|
|
|
506
534
|
// src/tokens/svg/file/BookOpenIcon.tsx
|
|
507
|
-
var
|
|
535
|
+
var import_jsx_runtime130 = require("react/jsx-runtime");
|
|
508
536
|
|
|
509
537
|
// src/tokens/svg/file/ClipboardIcon.tsx
|
|
510
|
-
var
|
|
538
|
+
var import_jsx_runtime131 = require("react/jsx-runtime");
|
|
511
539
|
|
|
512
540
|
// src/tokens/svg/file/FileIcon.tsx
|
|
513
|
-
var
|
|
541
|
+
var import_jsx_runtime132 = require("react/jsx-runtime");
|
|
514
542
|
|
|
515
543
|
// src/tokens/svg/file/FileMinusIcon.tsx
|
|
516
|
-
var
|
|
544
|
+
var import_jsx_runtime133 = require("react/jsx-runtime");
|
|
517
545
|
|
|
518
546
|
// src/tokens/svg/file/FilePlusIcon.tsx
|
|
519
|
-
var
|
|
547
|
+
var import_jsx_runtime134 = require("react/jsx-runtime");
|
|
520
548
|
|
|
521
549
|
// src/tokens/svg/file/FileTextIcon.tsx
|
|
522
|
-
var
|
|
550
|
+
var import_jsx_runtime135 = require("react/jsx-runtime");
|
|
523
551
|
|
|
524
552
|
// src/tokens/svg/file/FolderIcon.tsx
|
|
525
|
-
var
|
|
553
|
+
var import_jsx_runtime136 = require("react/jsx-runtime");
|
|
526
554
|
|
|
527
555
|
// src/tokens/svg/file/FolderMinusIcon.tsx
|
|
528
|
-
var
|
|
556
|
+
var import_jsx_runtime137 = require("react/jsx-runtime");
|
|
529
557
|
|
|
530
558
|
// src/tokens/svg/file/FolderPlusIcon.tsx
|
|
531
|
-
var
|
|
559
|
+
var import_jsx_runtime138 = require("react/jsx-runtime");
|
|
532
560
|
|
|
533
561
|
// src/tokens/svg/file/PackageIcon.tsx
|
|
534
|
-
var
|
|
562
|
+
var import_jsx_runtime139 = require("react/jsx-runtime");
|
|
535
563
|
|
|
536
564
|
// src/tokens/svg/form/CheckSquareIcon.tsx
|
|
537
|
-
var
|
|
565
|
+
var import_jsx_runtime140 = require("react/jsx-runtime");
|
|
538
566
|
|
|
539
567
|
// src/tokens/svg/form/CloseEyeIcon.tsx
|
|
540
|
-
var
|
|
568
|
+
var import_jsx_runtime141 = require("react/jsx-runtime");
|
|
541
569
|
|
|
542
570
|
// src/tokens/svg/form/EyeIcon.tsx
|
|
543
|
-
var
|
|
571
|
+
var import_jsx_runtime142 = require("react/jsx-runtime");
|
|
544
572
|
|
|
545
573
|
// src/tokens/svg/form/EyeOffIcon.tsx
|
|
546
|
-
var
|
|
574
|
+
var import_jsx_runtime143 = require("react/jsx-runtime");
|
|
547
575
|
|
|
548
576
|
// src/tokens/svg/form/OpenEyeIcon.tsx
|
|
549
|
-
var
|
|
577
|
+
var import_jsx_runtime144 = require("react/jsx-runtime");
|
|
550
578
|
|
|
551
579
|
// src/tokens/svg/form/SettingsIcon.tsx
|
|
552
|
-
var
|
|
580
|
+
var import_jsx_runtime145 = require("react/jsx-runtime");
|
|
553
581
|
|
|
554
582
|
// src/tokens/svg/form/SlidersIcon.tsx
|
|
555
|
-
var
|
|
583
|
+
var import_jsx_runtime146 = require("react/jsx-runtime");
|
|
556
584
|
|
|
557
585
|
// src/tokens/svg/form/ToggleLeftIcon.tsx
|
|
558
|
-
var
|
|
586
|
+
var import_jsx_runtime147 = require("react/jsx-runtime");
|
|
559
587
|
|
|
560
588
|
// src/tokens/svg/form/ToggleRightIcon.tsx
|
|
561
|
-
var
|
|
589
|
+
var import_jsx_runtime148 = require("react/jsx-runtime");
|
|
562
590
|
|
|
563
591
|
// src/tokens/svg/layout/ColumnsIcon.tsx
|
|
564
|
-
var
|
|
592
|
+
var import_jsx_runtime149 = require("react/jsx-runtime");
|
|
565
593
|
|
|
566
594
|
// src/tokens/svg/layout/GridIcon.tsx
|
|
567
|
-
var
|
|
595
|
+
var import_jsx_runtime150 = require("react/jsx-runtime");
|
|
568
596
|
|
|
569
597
|
// src/tokens/svg/layout/LayoutIcon.tsx
|
|
570
|
-
var
|
|
598
|
+
var import_jsx_runtime151 = require("react/jsx-runtime");
|
|
571
599
|
|
|
572
600
|
// src/tokens/svg/layout/ListIcon.tsx
|
|
573
|
-
var
|
|
601
|
+
var import_jsx_runtime152 = require("react/jsx-runtime");
|
|
574
602
|
|
|
575
603
|
// src/tokens/svg/layout/Maximize2Icon.tsx
|
|
576
|
-
var
|
|
604
|
+
var import_jsx_runtime153 = require("react/jsx-runtime");
|
|
577
605
|
|
|
578
606
|
// src/tokens/svg/layout/MaximizeIcon.tsx
|
|
579
|
-
var
|
|
607
|
+
var import_jsx_runtime154 = require("react/jsx-runtime");
|
|
580
608
|
|
|
581
609
|
// src/tokens/svg/layout/MenuIcon.tsx
|
|
582
|
-
var
|
|
610
|
+
var import_jsx_runtime155 = require("react/jsx-runtime");
|
|
583
611
|
|
|
584
612
|
// src/tokens/svg/layout/Minimize2Icon.tsx
|
|
585
|
-
var
|
|
613
|
+
var import_jsx_runtime156 = require("react/jsx-runtime");
|
|
586
614
|
|
|
587
615
|
// src/tokens/svg/layout/MinimizeIcon.tsx
|
|
588
|
-
var
|
|
616
|
+
var import_jsx_runtime157 = require("react/jsx-runtime");
|
|
589
617
|
|
|
590
618
|
// src/tokens/svg/layout/MoreHorizontalIcon.tsx
|
|
591
|
-
var
|
|
619
|
+
var import_jsx_runtime158 = require("react/jsx-runtime");
|
|
592
620
|
|
|
593
621
|
// src/tokens/svg/layout/MoreVerticalIcon.tsx
|
|
594
|
-
var
|
|
622
|
+
var import_jsx_runtime159 = require("react/jsx-runtime");
|
|
595
623
|
|
|
596
624
|
// src/tokens/svg/layout/SidebarIcon.tsx
|
|
597
|
-
var
|
|
625
|
+
var import_jsx_runtime160 = require("react/jsx-runtime");
|
|
598
626
|
|
|
599
627
|
// src/tokens/svg/media/AirplayIcon.tsx
|
|
600
|
-
var
|
|
628
|
+
var import_jsx_runtime161 = require("react/jsx-runtime");
|
|
601
629
|
|
|
602
630
|
// src/tokens/svg/media/CameraIcon.tsx
|
|
603
|
-
var
|
|
631
|
+
var import_jsx_runtime162 = require("react/jsx-runtime");
|
|
604
632
|
|
|
605
633
|
// src/tokens/svg/media/CameraOffIcon.tsx
|
|
606
|
-
var
|
|
634
|
+
var import_jsx_runtime163 = require("react/jsx-runtime");
|
|
607
635
|
|
|
608
636
|
// src/tokens/svg/media/CastIcon.tsx
|
|
609
|
-
var
|
|
637
|
+
var import_jsx_runtime164 = require("react/jsx-runtime");
|
|
610
638
|
|
|
611
639
|
// src/tokens/svg/media/DiscIcon.tsx
|
|
612
|
-
var
|
|
640
|
+
var import_jsx_runtime165 = require("react/jsx-runtime");
|
|
613
641
|
|
|
614
642
|
// src/tokens/svg/media/FastForwardIcon.tsx
|
|
615
|
-
var
|
|
643
|
+
var import_jsx_runtime166 = require("react/jsx-runtime");
|
|
616
644
|
|
|
617
645
|
// src/tokens/svg/media/FilmIcon.tsx
|
|
618
|
-
var
|
|
646
|
+
var import_jsx_runtime167 = require("react/jsx-runtime");
|
|
619
647
|
|
|
620
648
|
// src/tokens/svg/media/HeadphonesIcon.tsx
|
|
621
|
-
var
|
|
649
|
+
var import_jsx_runtime168 = require("react/jsx-runtime");
|
|
622
650
|
|
|
623
651
|
// src/tokens/svg/media/ImageIcon.tsx
|
|
624
|
-
var
|
|
652
|
+
var import_jsx_runtime169 = require("react/jsx-runtime");
|
|
625
653
|
|
|
626
654
|
// src/tokens/svg/media/MicIcon.tsx
|
|
627
|
-
var
|
|
655
|
+
var import_jsx_runtime170 = require("react/jsx-runtime");
|
|
628
656
|
|
|
629
657
|
// src/tokens/svg/media/MicOffIcon.tsx
|
|
630
|
-
var
|
|
658
|
+
var import_jsx_runtime171 = require("react/jsx-runtime");
|
|
631
659
|
|
|
632
660
|
// src/tokens/svg/media/MusicIcon.tsx
|
|
633
|
-
var
|
|
661
|
+
var import_jsx_runtime172 = require("react/jsx-runtime");
|
|
634
662
|
|
|
635
663
|
// src/tokens/svg/media/PauseCircleIcon.tsx
|
|
636
|
-
var
|
|
664
|
+
var import_jsx_runtime173 = require("react/jsx-runtime");
|
|
637
665
|
|
|
638
666
|
// src/tokens/svg/media/PauseIcon.tsx
|
|
639
|
-
var
|
|
667
|
+
var import_jsx_runtime174 = require("react/jsx-runtime");
|
|
640
668
|
|
|
641
669
|
// src/tokens/svg/media/PlayCircleIcon.tsx
|
|
642
|
-
var
|
|
670
|
+
var import_jsx_runtime175 = require("react/jsx-runtime");
|
|
643
671
|
|
|
644
672
|
// src/tokens/svg/media/PlayIcon.tsx
|
|
645
|
-
var
|
|
673
|
+
var import_jsx_runtime176 = require("react/jsx-runtime");
|
|
646
674
|
|
|
647
675
|
// src/tokens/svg/media/RepeatIcon.tsx
|
|
648
|
-
var
|
|
676
|
+
var import_jsx_runtime177 = require("react/jsx-runtime");
|
|
649
677
|
|
|
650
678
|
// src/tokens/svg/media/RewindIcon.tsx
|
|
651
|
-
var
|
|
679
|
+
var import_jsx_runtime178 = require("react/jsx-runtime");
|
|
652
680
|
|
|
653
681
|
// src/tokens/svg/media/SkipBackIcon.tsx
|
|
654
|
-
var
|
|
682
|
+
var import_jsx_runtime179 = require("react/jsx-runtime");
|
|
655
683
|
|
|
656
684
|
// src/tokens/svg/media/SkipForwardIcon.tsx
|
|
657
|
-
var
|
|
685
|
+
var import_jsx_runtime180 = require("react/jsx-runtime");
|
|
658
686
|
|
|
659
687
|
// src/tokens/svg/media/SpeakerIcon.tsx
|
|
660
|
-
var
|
|
688
|
+
var import_jsx_runtime181 = require("react/jsx-runtime");
|
|
661
689
|
|
|
662
690
|
// src/tokens/svg/media/StopCircleIcon.tsx
|
|
663
|
-
var
|
|
691
|
+
var import_jsx_runtime182 = require("react/jsx-runtime");
|
|
664
692
|
|
|
665
693
|
// src/tokens/svg/media/VideoIcon.tsx
|
|
666
|
-
var
|
|
694
|
+
var import_jsx_runtime183 = require("react/jsx-runtime");
|
|
667
695
|
|
|
668
696
|
// src/tokens/svg/media/VideoOffIcon.tsx
|
|
669
|
-
var
|
|
697
|
+
var import_jsx_runtime184 = require("react/jsx-runtime");
|
|
670
698
|
|
|
671
699
|
// src/tokens/svg/media/Volume1Icon.tsx
|
|
672
|
-
var
|
|
700
|
+
var import_jsx_runtime185 = require("react/jsx-runtime");
|
|
673
701
|
|
|
674
702
|
// src/tokens/svg/media/Volume2Icon.tsx
|
|
675
|
-
var
|
|
703
|
+
var import_jsx_runtime186 = require("react/jsx-runtime");
|
|
676
704
|
|
|
677
705
|
// src/tokens/svg/media/VolumeIcon.tsx
|
|
678
|
-
var
|
|
706
|
+
var import_jsx_runtime187 = require("react/jsx-runtime");
|
|
679
707
|
|
|
680
708
|
// src/tokens/svg/media/VolumeXIcon.tsx
|
|
681
|
-
var
|
|
709
|
+
var import_jsx_runtime188 = require("react/jsx-runtime");
|
|
682
710
|
|
|
683
711
|
// src/tokens/svg/misc/AnchorIcon.tsx
|
|
684
|
-
var
|
|
712
|
+
var import_jsx_runtime189 = require("react/jsx-runtime");
|
|
685
713
|
|
|
686
714
|
// src/tokens/svg/misc/ApertureIcon.tsx
|
|
687
|
-
var
|
|
715
|
+
var import_jsx_runtime190 = require("react/jsx-runtime");
|
|
688
716
|
|
|
689
717
|
// src/tokens/svg/misc/AwardIcon.tsx
|
|
690
|
-
var
|
|
718
|
+
var import_jsx_runtime191 = require("react/jsx-runtime");
|
|
691
719
|
|
|
692
720
|
// src/tokens/svg/misc/BoxIcon.tsx
|
|
693
|
-
var
|
|
721
|
+
var import_jsx_runtime192 = require("react/jsx-runtime");
|
|
694
722
|
|
|
695
723
|
// src/tokens/svg/misc/BriefcaseIcon.tsx
|
|
696
|
-
var
|
|
724
|
+
var import_jsx_runtime193 = require("react/jsx-runtime");
|
|
697
725
|
|
|
698
726
|
// src/tokens/svg/misc/CoffeeIcon.tsx
|
|
699
|
-
var
|
|
727
|
+
var import_jsx_runtime194 = require("react/jsx-runtime");
|
|
700
728
|
|
|
701
729
|
// src/tokens/svg/misc/CrosshairIcon.tsx
|
|
702
|
-
var
|
|
730
|
+
var import_jsx_runtime195 = require("react/jsx-runtime");
|
|
703
731
|
|
|
704
732
|
// src/tokens/svg/misc/FeatherIcon.tsx
|
|
705
|
-
var
|
|
733
|
+
var import_jsx_runtime196 = require("react/jsx-runtime");
|
|
706
734
|
|
|
707
735
|
// src/tokens/svg/misc/FlagIcon.tsx
|
|
708
|
-
var
|
|
736
|
+
var import_jsx_runtime197 = require("react/jsx-runtime");
|
|
709
737
|
|
|
710
738
|
// src/tokens/svg/misc/FrownIcon.tsx
|
|
711
|
-
var
|
|
739
|
+
var import_jsx_runtime198 = require("react/jsx-runtime");
|
|
712
740
|
|
|
713
741
|
// src/tokens/svg/misc/GlobeIcon.tsx
|
|
714
|
-
var
|
|
742
|
+
var import_jsx_runtime199 = require("react/jsx-runtime");
|
|
715
743
|
|
|
716
744
|
// src/tokens/svg/misc/HeartIcon.tsx
|
|
717
|
-
var
|
|
745
|
+
var import_jsx_runtime200 = require("react/jsx-runtime");
|
|
718
746
|
|
|
719
747
|
// src/tokens/svg/misc/HomeIcon.tsx
|
|
720
|
-
var
|
|
748
|
+
var import_jsx_runtime201 = require("react/jsx-runtime");
|
|
721
749
|
|
|
722
750
|
// src/tokens/svg/misc/LayersIcon.tsx
|
|
723
|
-
var
|
|
751
|
+
var import_jsx_runtime202 = require("react/jsx-runtime");
|
|
724
752
|
|
|
725
753
|
// src/tokens/svg/misc/LifeBuoyIcon.tsx
|
|
726
|
-
var
|
|
754
|
+
var import_jsx_runtime203 = require("react/jsx-runtime");
|
|
727
755
|
|
|
728
756
|
// src/tokens/svg/misc/MehIcon.tsx
|
|
729
|
-
var
|
|
757
|
+
var import_jsx_runtime204 = require("react/jsx-runtime");
|
|
730
758
|
|
|
731
759
|
// src/tokens/svg/misc/MousePointerIcon.tsx
|
|
732
|
-
var
|
|
760
|
+
var import_jsx_runtime205 = require("react/jsx-runtime");
|
|
733
761
|
|
|
734
762
|
// src/tokens/svg/misc/PocketIcon.tsx
|
|
735
|
-
var
|
|
763
|
+
var import_jsx_runtime206 = require("react/jsx-runtime");
|
|
736
764
|
|
|
737
765
|
// src/tokens/svg/misc/PowerIcon.tsx
|
|
738
|
-
var
|
|
766
|
+
var import_jsx_runtime207 = require("react/jsx-runtime");
|
|
739
767
|
|
|
740
768
|
// src/tokens/svg/misc/RadioIcon.tsx
|
|
741
|
-
var
|
|
769
|
+
var import_jsx_runtime208 = require("react/jsx-runtime");
|
|
742
770
|
|
|
743
771
|
// src/tokens/svg/misc/ShieldIcon.tsx
|
|
744
|
-
var
|
|
772
|
+
var import_jsx_runtime209 = require("react/jsx-runtime");
|
|
745
773
|
|
|
746
774
|
// src/tokens/svg/misc/ShieldOffIcon.tsx
|
|
747
|
-
var
|
|
775
|
+
var import_jsx_runtime210 = require("react/jsx-runtime");
|
|
748
776
|
|
|
749
777
|
// src/tokens/svg/misc/ShuffleIcon.tsx
|
|
750
|
-
var
|
|
778
|
+
var import_jsx_runtime211 = require("react/jsx-runtime");
|
|
751
779
|
|
|
752
780
|
// src/tokens/svg/misc/SmileIcon.tsx
|
|
753
|
-
var
|
|
781
|
+
var import_jsx_runtime212 = require("react/jsx-runtime");
|
|
754
782
|
|
|
755
783
|
// src/tokens/svg/misc/StarIcon.tsx
|
|
756
|
-
var
|
|
784
|
+
var import_jsx_runtime213 = require("react/jsx-runtime");
|
|
757
785
|
|
|
758
786
|
// src/tokens/svg/misc/TargetIcon.tsx
|
|
759
|
-
var
|
|
787
|
+
var import_jsx_runtime214 = require("react/jsx-runtime");
|
|
760
788
|
|
|
761
789
|
// src/tokens/svg/misc/ThumbsDownIcon.tsx
|
|
762
|
-
var
|
|
790
|
+
var import_jsx_runtime215 = require("react/jsx-runtime");
|
|
763
791
|
|
|
764
792
|
// src/tokens/svg/misc/ThumbsUpIcon.tsx
|
|
765
|
-
var
|
|
793
|
+
var import_jsx_runtime216 = require("react/jsx-runtime");
|
|
766
794
|
|
|
767
795
|
// src/tokens/svg/misc/ToolIcon.tsx
|
|
768
|
-
var
|
|
796
|
+
var import_jsx_runtime217 = require("react/jsx-runtime");
|
|
769
797
|
|
|
770
798
|
// src/tokens/svg/misc/ZapIcon.tsx
|
|
771
|
-
var
|
|
799
|
+
var import_jsx_runtime218 = require("react/jsx-runtime");
|
|
772
800
|
|
|
773
801
|
// src/tokens/svg/misc/ZapOffIcon.tsx
|
|
774
|
-
var
|
|
802
|
+
var import_jsx_runtime219 = require("react/jsx-runtime");
|
|
775
803
|
|
|
776
804
|
// src/tokens/svg/shape/AtSignIcon.tsx
|
|
777
|
-
var
|
|
805
|
+
var import_jsx_runtime220 = require("react/jsx-runtime");
|
|
778
806
|
|
|
779
807
|
// src/tokens/svg/shape/CircleIcon.tsx
|
|
780
|
-
var
|
|
808
|
+
var import_jsx_runtime221 = require("react/jsx-runtime");
|
|
781
809
|
|
|
782
810
|
// src/tokens/svg/shape/DivideCircleIcon.tsx
|
|
783
|
-
var
|
|
811
|
+
var import_jsx_runtime222 = require("react/jsx-runtime");
|
|
784
812
|
|
|
785
813
|
// src/tokens/svg/shape/DivideIcon.tsx
|
|
786
|
-
var
|
|
814
|
+
var import_jsx_runtime223 = require("react/jsx-runtime");
|
|
787
815
|
|
|
788
816
|
// src/tokens/svg/shape/DivideSquareIcon.tsx
|
|
789
|
-
var
|
|
817
|
+
var import_jsx_runtime224 = require("react/jsx-runtime");
|
|
790
818
|
|
|
791
819
|
// src/tokens/svg/shape/HashIcon.tsx
|
|
792
|
-
var
|
|
820
|
+
var import_jsx_runtime225 = require("react/jsx-runtime");
|
|
793
821
|
|
|
794
822
|
// src/tokens/svg/shape/HexagonIcon.tsx
|
|
795
|
-
var
|
|
823
|
+
var import_jsx_runtime226 = require("react/jsx-runtime");
|
|
796
824
|
|
|
797
825
|
// src/tokens/svg/shape/OctagonIcon.tsx
|
|
798
|
-
var
|
|
826
|
+
var import_jsx_runtime227 = require("react/jsx-runtime");
|
|
799
827
|
|
|
800
828
|
// src/tokens/svg/shape/PercentIcon.tsx
|
|
801
|
-
var
|
|
829
|
+
var import_jsx_runtime228 = require("react/jsx-runtime");
|
|
802
830
|
|
|
803
831
|
// src/tokens/svg/shape/SlashIcon.tsx
|
|
804
|
-
var
|
|
832
|
+
var import_jsx_runtime229 = require("react/jsx-runtime");
|
|
805
833
|
|
|
806
834
|
// src/tokens/svg/shape/SquareIcon.tsx
|
|
807
|
-
var
|
|
835
|
+
var import_jsx_runtime230 = require("react/jsx-runtime");
|
|
808
836
|
|
|
809
837
|
// src/tokens/svg/shape/TriangleIcon.tsx
|
|
810
|
-
var
|
|
838
|
+
var import_jsx_runtime231 = require("react/jsx-runtime");
|
|
811
839
|
|
|
812
840
|
// src/tokens/svg/social/ChromeIcon.tsx
|
|
813
|
-
var
|
|
841
|
+
var import_jsx_runtime232 = require("react/jsx-runtime");
|
|
814
842
|
|
|
815
843
|
// src/tokens/svg/social/CodepenIcon.tsx
|
|
816
|
-
var
|
|
844
|
+
var import_jsx_runtime233 = require("react/jsx-runtime");
|
|
817
845
|
|
|
818
846
|
// src/tokens/svg/social/CodesandboxIcon.tsx
|
|
819
|
-
var
|
|
847
|
+
var import_jsx_runtime234 = require("react/jsx-runtime");
|
|
820
848
|
|
|
821
849
|
// src/tokens/svg/social/DribbbleIcon.tsx
|
|
822
|
-
var
|
|
850
|
+
var import_jsx_runtime235 = require("react/jsx-runtime");
|
|
823
851
|
|
|
824
852
|
// src/tokens/svg/social/FacebookIcon.tsx
|
|
825
|
-
var
|
|
853
|
+
var import_jsx_runtime236 = require("react/jsx-runtime");
|
|
826
854
|
|
|
827
855
|
// src/tokens/svg/social/FigmaIcon.tsx
|
|
828
|
-
var
|
|
856
|
+
var import_jsx_runtime237 = require("react/jsx-runtime");
|
|
829
857
|
|
|
830
858
|
// src/tokens/svg/social/FramerIcon.tsx
|
|
831
|
-
var
|
|
859
|
+
var import_jsx_runtime238 = require("react/jsx-runtime");
|
|
832
860
|
|
|
833
861
|
// src/tokens/svg/social/GithubIcon.tsx
|
|
834
|
-
var
|
|
862
|
+
var import_jsx_runtime239 = require("react/jsx-runtime");
|
|
835
863
|
|
|
836
864
|
// src/tokens/svg/social/GitlabIcon.tsx
|
|
837
|
-
var
|
|
865
|
+
var import_jsx_runtime240 = require("react/jsx-runtime");
|
|
838
866
|
|
|
839
867
|
// src/tokens/svg/social/InstagramIcon.tsx
|
|
840
|
-
var
|
|
868
|
+
var import_jsx_runtime241 = require("react/jsx-runtime");
|
|
841
869
|
|
|
842
870
|
// src/tokens/svg/social/LinkedinIcon.tsx
|
|
843
|
-
var
|
|
871
|
+
var import_jsx_runtime242 = require("react/jsx-runtime");
|
|
844
872
|
|
|
845
873
|
// src/tokens/svg/social/RssIcon.tsx
|
|
846
|
-
var
|
|
874
|
+
var import_jsx_runtime243 = require("react/jsx-runtime");
|
|
847
875
|
|
|
848
876
|
// src/tokens/svg/social/SlackIcon.tsx
|
|
849
|
-
var
|
|
877
|
+
var import_jsx_runtime244 = require("react/jsx-runtime");
|
|
850
878
|
|
|
851
879
|
// src/tokens/svg/social/TrelloIcon.tsx
|
|
852
|
-
var
|
|
880
|
+
var import_jsx_runtime245 = require("react/jsx-runtime");
|
|
853
881
|
|
|
854
882
|
// src/tokens/svg/social/TwitchIcon.tsx
|
|
855
|
-
var
|
|
883
|
+
var import_jsx_runtime246 = require("react/jsx-runtime");
|
|
856
884
|
|
|
857
885
|
// src/tokens/svg/social/TwitterIcon.tsx
|
|
858
|
-
var
|
|
886
|
+
var import_jsx_runtime247 = require("react/jsx-runtime");
|
|
859
887
|
|
|
860
888
|
// src/tokens/svg/social/YoutubeIcon.tsx
|
|
861
|
-
var
|
|
889
|
+
var import_jsx_runtime248 = require("react/jsx-runtime");
|
|
862
890
|
|
|
863
891
|
// src/tokens/svg/status/ActivityIcon.tsx
|
|
864
|
-
var
|
|
892
|
+
var import_jsx_runtime249 = require("react/jsx-runtime");
|
|
865
893
|
|
|
866
894
|
// src/tokens/svg/status/AlertCircleIcon.tsx
|
|
867
|
-
var
|
|
895
|
+
var import_jsx_runtime250 = require("react/jsx-runtime");
|
|
868
896
|
|
|
869
897
|
// src/tokens/svg/status/AlertOctagonIcon.tsx
|
|
870
|
-
var
|
|
898
|
+
var import_jsx_runtime251 = require("react/jsx-runtime");
|
|
871
899
|
|
|
872
900
|
// src/tokens/svg/status/AlertTriangleIcon.tsx
|
|
873
|
-
var
|
|
901
|
+
var import_jsx_runtime252 = require("react/jsx-runtime");
|
|
874
902
|
|
|
875
903
|
// src/tokens/svg/status/CheckCircleIcon.tsx
|
|
876
|
-
var
|
|
904
|
+
var import_jsx_runtime253 = require("react/jsx-runtime");
|
|
877
905
|
|
|
878
906
|
// src/tokens/svg/status/CheckIcon.tsx
|
|
879
|
-
var
|
|
907
|
+
var import_jsx_runtime254 = require("react/jsx-runtime");
|
|
880
908
|
|
|
881
909
|
// src/tokens/svg/status/ErrorIcon.tsx
|
|
882
|
-
var
|
|
910
|
+
var import_jsx_runtime255 = require("react/jsx-runtime");
|
|
883
911
|
|
|
884
912
|
// src/tokens/svg/status/HelpCircleIcon.tsx
|
|
885
|
-
var
|
|
913
|
+
var import_jsx_runtime256 = require("react/jsx-runtime");
|
|
886
914
|
|
|
887
915
|
// src/tokens/svg/status/InfoIcon.tsx
|
|
888
|
-
var
|
|
916
|
+
var import_jsx_runtime257 = require("react/jsx-runtime");
|
|
889
917
|
|
|
890
918
|
// src/tokens/svg/status/LoaderIcon.tsx
|
|
891
|
-
var
|
|
919
|
+
var import_jsx_runtime258 = require("react/jsx-runtime");
|
|
892
920
|
|
|
893
921
|
// src/tokens/svg/status/MinusCircleIcon.tsx
|
|
894
|
-
var
|
|
922
|
+
var import_jsx_runtime259 = require("react/jsx-runtime");
|
|
895
923
|
|
|
896
924
|
// src/tokens/svg/status/MinusIcon.tsx
|
|
897
|
-
var
|
|
925
|
+
var import_jsx_runtime260 = require("react/jsx-runtime");
|
|
898
926
|
|
|
899
927
|
// src/tokens/svg/status/MinusSquareIcon.tsx
|
|
900
|
-
var
|
|
928
|
+
var import_jsx_runtime261 = require("react/jsx-runtime");
|
|
901
929
|
|
|
902
930
|
// src/tokens/svg/status/PlusCircleIcon.tsx
|
|
903
|
-
var
|
|
931
|
+
var import_jsx_runtime262 = require("react/jsx-runtime");
|
|
904
932
|
|
|
905
933
|
// src/tokens/svg/status/PlusIcon.tsx
|
|
906
|
-
var
|
|
934
|
+
var import_jsx_runtime263 = require("react/jsx-runtime");
|
|
907
935
|
|
|
908
936
|
// src/tokens/svg/status/PlusSquareIcon.tsx
|
|
909
|
-
var
|
|
937
|
+
var import_jsx_runtime264 = require("react/jsx-runtime");
|
|
910
938
|
|
|
911
939
|
// src/tokens/svg/status/SuccessIcon.tsx
|
|
912
|
-
var
|
|
940
|
+
var import_jsx_runtime265 = require("react/jsx-runtime");
|
|
913
941
|
|
|
914
942
|
// src/tokens/svg/status/XCircleIcon.tsx
|
|
915
|
-
var
|
|
943
|
+
var import_jsx_runtime266 = require("react/jsx-runtime");
|
|
916
944
|
|
|
917
945
|
// src/tokens/svg/status/XIcon.tsx
|
|
918
|
-
var
|
|
946
|
+
var import_jsx_runtime267 = require("react/jsx-runtime");
|
|
919
947
|
|
|
920
948
|
// src/tokens/svg/status/XOctagonIcon.tsx
|
|
921
|
-
var
|
|
949
|
+
var import_jsx_runtime268 = require("react/jsx-runtime");
|
|
922
950
|
|
|
923
951
|
// src/tokens/svg/status/XSquareIcon.tsx
|
|
924
|
-
var
|
|
952
|
+
var import_jsx_runtime269 = require("react/jsx-runtime");
|
|
925
953
|
|
|
926
954
|
// src/tokens/svg/user/GierIcon.tsx
|
|
927
|
-
var
|
|
955
|
+
var import_jsx_runtime270 = require("react/jsx-runtime");
|
|
928
956
|
|
|
929
957
|
// src/tokens/svg/user/KeyIcon.tsx
|
|
930
|
-
var
|
|
958
|
+
var import_jsx_runtime271 = require("react/jsx-runtime");
|
|
931
959
|
|
|
932
960
|
// src/tokens/svg/user/LockIcon.tsx
|
|
933
|
-
var
|
|
961
|
+
var import_jsx_runtime272 = require("react/jsx-runtime");
|
|
934
962
|
|
|
935
963
|
// src/tokens/svg/user/LogInIcon.tsx
|
|
936
|
-
var
|
|
964
|
+
var import_jsx_runtime273 = require("react/jsx-runtime");
|
|
937
965
|
|
|
938
966
|
// src/tokens/svg/user/LogOutIcon.tsx
|
|
939
|
-
var
|
|
967
|
+
var import_jsx_runtime274 = require("react/jsx-runtime");
|
|
940
968
|
|
|
941
969
|
// src/tokens/svg/user/MailIcon.tsx
|
|
942
|
-
var
|
|
970
|
+
var import_jsx_runtime275 = require("react/jsx-runtime");
|
|
943
971
|
|
|
944
972
|
// src/tokens/svg/user/ProfileIcon.tsx
|
|
945
|
-
var
|
|
973
|
+
var import_jsx_runtime276 = require("react/jsx-runtime");
|
|
946
974
|
|
|
947
975
|
// src/tokens/svg/user/UnlockIcon.tsx
|
|
948
|
-
var
|
|
976
|
+
var import_jsx_runtime277 = require("react/jsx-runtime");
|
|
949
977
|
|
|
950
978
|
// src/tokens/svg/user/UserCheckIcon.tsx
|
|
951
|
-
var
|
|
979
|
+
var import_jsx_runtime278 = require("react/jsx-runtime");
|
|
952
980
|
|
|
953
981
|
// src/tokens/svg/user/UserIcon.tsx
|
|
954
|
-
var
|
|
982
|
+
var import_jsx_runtime279 = require("react/jsx-runtime");
|
|
955
983
|
|
|
956
984
|
// src/tokens/svg/user/UserMinusIcon.tsx
|
|
957
|
-
var
|
|
985
|
+
var import_jsx_runtime280 = require("react/jsx-runtime");
|
|
958
986
|
|
|
959
987
|
// src/tokens/svg/user/UserPlusIcon.tsx
|
|
960
|
-
var
|
|
988
|
+
var import_jsx_runtime281 = require("react/jsx-runtime");
|
|
961
989
|
|
|
962
990
|
// src/tokens/svg/user/UsersIcon.tsx
|
|
963
|
-
var
|
|
991
|
+
var import_jsx_runtime282 = require("react/jsx-runtime");
|
|
964
992
|
|
|
965
993
|
// src/tokens/svg/user/UserXIcon.tsx
|
|
966
|
-
var
|
|
994
|
+
var import_jsx_runtime283 = require("react/jsx-runtime");
|
|
967
995
|
|
|
968
996
|
// src/tokens/svg/weather/CloudDrizzleIcon.tsx
|
|
969
|
-
var
|
|
997
|
+
var import_jsx_runtime284 = require("react/jsx-runtime");
|
|
970
998
|
|
|
971
999
|
// src/tokens/svg/weather/CloudIcon.tsx
|
|
972
|
-
var
|
|
1000
|
+
var import_jsx_runtime285 = require("react/jsx-runtime");
|
|
973
1001
|
|
|
974
1002
|
// src/tokens/svg/weather/CloudLightningIcon.tsx
|
|
975
|
-
var
|
|
1003
|
+
var import_jsx_runtime286 = require("react/jsx-runtime");
|
|
976
1004
|
|
|
977
1005
|
// src/tokens/svg/weather/CloudOffIcon.tsx
|
|
978
|
-
var
|
|
1006
|
+
var import_jsx_runtime287 = require("react/jsx-runtime");
|
|
979
1007
|
|
|
980
1008
|
// src/tokens/svg/weather/CloudRainIcon.tsx
|
|
981
|
-
var
|
|
1009
|
+
var import_jsx_runtime288 = require("react/jsx-runtime");
|
|
982
1010
|
|
|
983
1011
|
// src/tokens/svg/weather/CloudSnowIcon.tsx
|
|
984
|
-
var
|
|
1012
|
+
var import_jsx_runtime289 = require("react/jsx-runtime");
|
|
985
1013
|
|
|
986
1014
|
// src/tokens/svg/weather/DropletIcon.tsx
|
|
987
|
-
var
|
|
1015
|
+
var import_jsx_runtime290 = require("react/jsx-runtime");
|
|
988
1016
|
|
|
989
1017
|
// src/tokens/svg/weather/MoonIcon.tsx
|
|
990
|
-
var
|
|
1018
|
+
var import_jsx_runtime291 = require("react/jsx-runtime");
|
|
991
1019
|
|
|
992
1020
|
// src/tokens/svg/weather/SunIcon.tsx
|
|
993
|
-
var
|
|
1021
|
+
var import_jsx_runtime292 = require("react/jsx-runtime");
|
|
994
1022
|
|
|
995
1023
|
// src/tokens/svg/weather/ThermometerIcon.tsx
|
|
996
|
-
var
|
|
1024
|
+
var import_jsx_runtime293 = require("react/jsx-runtime");
|
|
997
1025
|
|
|
998
1026
|
// src/tokens/svg/weather/UmbrellaIcon.tsx
|
|
999
|
-
var
|
|
1027
|
+
var import_jsx_runtime294 = require("react/jsx-runtime");
|
|
1000
1028
|
|
|
1001
1029
|
// src/tokens/svg/weather/WindIcon.tsx
|
|
1002
|
-
var
|
|
1030
|
+
var import_jsx_runtime295 = require("react/jsx-runtime");
|
|
1003
1031
|
|
|
1004
1032
|
// ../../node_modules/clsx/dist/clsx.mjs
|
|
1005
1033
|
function r(e) {
|
|
@@ -1018,16 +1046,16 @@ function clsx() {
|
|
|
1018
1046
|
var clsx_default = clsx;
|
|
1019
1047
|
|
|
1020
1048
|
// src/components/Select/context.ts
|
|
1021
|
-
var
|
|
1022
|
-
var SelectContext =
|
|
1049
|
+
var import_react4 = __toESM(require("react"), 1);
|
|
1050
|
+
var SelectContext = import_react4.default.createContext(null);
|
|
1023
1051
|
var context_default = SelectContext;
|
|
1024
1052
|
|
|
1025
1053
|
// src/components/Select/SelectItem.tsx
|
|
1026
|
-
var
|
|
1027
|
-
var
|
|
1054
|
+
var import_react5 = __toESM(require("react"), 1);
|
|
1055
|
+
var import_jsx_runtime296 = require("react/jsx-runtime");
|
|
1028
1056
|
var SelectItem = (props) => {
|
|
1029
1057
|
const { children, value, onClick, disabled = false } = props;
|
|
1030
|
-
const ctx =
|
|
1058
|
+
const ctx = import_react5.default.useContext(context_default);
|
|
1031
1059
|
const handleClick = (e) => {
|
|
1032
1060
|
e.preventDefault();
|
|
1033
1061
|
e.stopPropagation();
|
|
@@ -1036,7 +1064,7 @@ var SelectItem = (props) => {
|
|
|
1036
1064
|
ctx?.close();
|
|
1037
1065
|
onClick?.();
|
|
1038
1066
|
};
|
|
1039
|
-
return /* @__PURE__ */ (0,
|
|
1067
|
+
return /* @__PURE__ */ (0, import_jsx_runtime296.jsx)(
|
|
1040
1068
|
"div",
|
|
1041
1069
|
{
|
|
1042
1070
|
className: clsx_default("select-item", disabled && "disabled"),
|
|
@@ -1057,7 +1085,7 @@ SelectItem.displayName = "Select.Item";
|
|
|
1057
1085
|
var SelectItem_default = SelectItem;
|
|
1058
1086
|
|
|
1059
1087
|
// src/components/Select/Select.tsx
|
|
1060
|
-
var
|
|
1088
|
+
var import_jsx_runtime297 = require("react/jsx-runtime");
|
|
1061
1089
|
var ANIMATION_DURATION_MS = 200;
|
|
1062
1090
|
var SelectRoot = (props) => {
|
|
1063
1091
|
const {
|
|
@@ -1069,26 +1097,26 @@ var SelectRoot = (props) => {
|
|
|
1069
1097
|
error = false,
|
|
1070
1098
|
size = "md"
|
|
1071
1099
|
} = props;
|
|
1072
|
-
const itemChildren =
|
|
1073
|
-
(child) =>
|
|
1100
|
+
const itemChildren = import_react6.default.Children.toArray(children).filter(
|
|
1101
|
+
(child) => import_react6.default.isValidElement(child) && child.type === SelectItem_default
|
|
1074
1102
|
);
|
|
1075
1103
|
const isControlled = valueProp !== void 0;
|
|
1076
|
-
const [isOpen, setOpen] =
|
|
1077
|
-
const [uncontrolledLabel, setUncontrolledLabel] =
|
|
1078
|
-
const controlledLabel =
|
|
1104
|
+
const [isOpen, setOpen] = import_react6.default.useState(false);
|
|
1105
|
+
const [uncontrolledLabel, setUncontrolledLabel] = import_react6.default.useState(null);
|
|
1106
|
+
const controlledLabel = import_react6.default.useMemo(() => {
|
|
1079
1107
|
if (!isControlled) return null;
|
|
1080
1108
|
const match = itemChildren.find((child) => child.props.value === valueProp);
|
|
1081
1109
|
return match ? match.props.children : null;
|
|
1082
1110
|
}, [isControlled, valueProp, itemChildren]);
|
|
1083
1111
|
const selectedLabel = isControlled ? controlledLabel : uncontrolledLabel;
|
|
1084
|
-
const triggerRef =
|
|
1085
|
-
const contentRef =
|
|
1086
|
-
const [mounted, setMounted] =
|
|
1087
|
-
const [visible, setVisible] =
|
|
1088
|
-
|
|
1112
|
+
const triggerRef = import_react6.default.useRef(null);
|
|
1113
|
+
const contentRef = import_react6.default.useRef(null);
|
|
1114
|
+
const [mounted, setMounted] = import_react6.default.useState(false);
|
|
1115
|
+
const [visible, setVisible] = import_react6.default.useState(false);
|
|
1116
|
+
import_react6.default.useEffect(() => {
|
|
1089
1117
|
if (disabled && isOpen) setOpen(false);
|
|
1090
1118
|
}, [disabled, isOpen]);
|
|
1091
|
-
|
|
1119
|
+
import_react6.default.useEffect(() => {
|
|
1092
1120
|
if (isOpen) {
|
|
1093
1121
|
setMounted(true);
|
|
1094
1122
|
const t2 = setTimeout(() => setVisible(true), 1);
|
|
@@ -1098,12 +1126,12 @@ var SelectRoot = (props) => {
|
|
|
1098
1126
|
const t = setTimeout(() => setMounted(false), ANIMATION_DURATION_MS);
|
|
1099
1127
|
return () => clearTimeout(t);
|
|
1100
1128
|
}, [isOpen]);
|
|
1101
|
-
const open =
|
|
1102
|
-
const close =
|
|
1103
|
-
const toggle =
|
|
1129
|
+
const open = import_react6.default.useCallback(() => setOpen(true), []);
|
|
1130
|
+
const close = import_react6.default.useCallback(() => setOpen(false), []);
|
|
1131
|
+
const toggle = import_react6.default.useCallback(() => setOpen((prev) => !prev), []);
|
|
1104
1132
|
useClickOutside_default([contentRef, triggerRef], close, isOpen);
|
|
1105
1133
|
const position = useAutoPosition_default(triggerRef, contentRef, mounted);
|
|
1106
|
-
const setSelected =
|
|
1134
|
+
const setSelected = import_react6.default.useCallback(
|
|
1107
1135
|
(label, itemValue) => {
|
|
1108
1136
|
if (!isControlled) {
|
|
1109
1137
|
setUncontrolledLabel(label);
|
|
@@ -1112,7 +1140,7 @@ var SelectRoot = (props) => {
|
|
|
1112
1140
|
},
|
|
1113
1141
|
[isControlled, onChange]
|
|
1114
1142
|
);
|
|
1115
|
-
const ctxValue =
|
|
1143
|
+
const ctxValue = import_react6.default.useMemo(
|
|
1116
1144
|
() => ({
|
|
1117
1145
|
isOpen,
|
|
1118
1146
|
mounted,
|
|
@@ -1133,7 +1161,7 @@ var SelectRoot = (props) => {
|
|
|
1133
1161
|
if (disabled) return;
|
|
1134
1162
|
toggle();
|
|
1135
1163
|
};
|
|
1136
|
-
return /* @__PURE__ */ (0,
|
|
1164
|
+
return /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(context_default.Provider, { value: ctxValue, children: /* @__PURE__ */ (0, import_jsx_runtime297.jsxs)(
|
|
1137
1165
|
"div",
|
|
1138
1166
|
{
|
|
1139
1167
|
className: clsx_default(
|
|
@@ -1144,7 +1172,7 @@ var SelectRoot = (props) => {
|
|
|
1144
1172
|
mounted && "is-open"
|
|
1145
1173
|
),
|
|
1146
1174
|
children: [
|
|
1147
|
-
/* @__PURE__ */ (0,
|
|
1175
|
+
/* @__PURE__ */ (0, import_jsx_runtime297.jsxs)(
|
|
1148
1176
|
"div",
|
|
1149
1177
|
{
|
|
1150
1178
|
ref: triggerRef,
|
|
@@ -1168,7 +1196,7 @@ var SelectRoot = (props) => {
|
|
|
1168
1196
|
}
|
|
1169
1197
|
},
|
|
1170
1198
|
children: [
|
|
1171
|
-
/* @__PURE__ */ (0,
|
|
1199
|
+
/* @__PURE__ */ (0, import_jsx_runtime297.jsx)(
|
|
1172
1200
|
"span",
|
|
1173
1201
|
{
|
|
1174
1202
|
className: clsx_default(
|
|
@@ -1178,27 +1206,27 @@ var SelectRoot = (props) => {
|
|
|
1178
1206
|
children: selectedLabel ?? placeholder
|
|
1179
1207
|
}
|
|
1180
1208
|
),
|
|
1181
|
-
/* @__PURE__ */ (0,
|
|
1209
|
+
/* @__PURE__ */ (0, import_jsx_runtime297.jsx)(
|
|
1182
1210
|
"span",
|
|
1183
1211
|
{
|
|
1184
1212
|
className: clsx_default("select-trigger-icon", isOpen && "open"),
|
|
1185
1213
|
"aria-hidden": true,
|
|
1186
|
-
children: /* @__PURE__ */ (0,
|
|
1214
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(ChevronDownIcon_default, {})
|
|
1187
1215
|
}
|
|
1188
1216
|
)
|
|
1189
1217
|
]
|
|
1190
1218
|
}
|
|
1191
1219
|
),
|
|
1192
|
-
mounted && /* @__PURE__ */ (0,
|
|
1220
|
+
mounted && /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(Portal_default, { children: /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(
|
|
1193
1221
|
"div",
|
|
1194
1222
|
{
|
|
1195
|
-
className: clsx_default("select-content", position.direction, stateClass),
|
|
1223
|
+
className: clsx_default("lib-xplat-select-content", position.direction, stateClass),
|
|
1196
1224
|
ref: contentRef,
|
|
1197
|
-
style: { ...position.position },
|
|
1225
|
+
style: { ...position.position, minWidth: position.position.width },
|
|
1198
1226
|
role: "listbox",
|
|
1199
|
-
children: itemChildren
|
|
1227
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime297.jsx)(context_default.Provider, { value: ctxValue, children: itemChildren })
|
|
1200
1228
|
}
|
|
1201
|
-
)
|
|
1229
|
+
) })
|
|
1202
1230
|
]
|
|
1203
1231
|
}
|
|
1204
1232
|
) });
|