@wistia/ui 0.6.9 → 0.6.10-beta.23fd880a.09ca63e
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1656 -893
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +78 -6
- package/dist/index.d.ts +78 -6
- package/dist/index.mjs +1579 -817
- package/dist/index.mjs.map +1 -1
- package/package.json +22 -22
package/dist/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import { ReactNode, Dispatch, SetStateAction, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, ForwardedRef, Ref, InputHTMLAttributes, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
import react__default, { ReactNode, Dispatch, SetStateAction, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, ForwardedRef, Ref, InputHTMLAttributes, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
4
4
|
export * from 'use-file-picker/types';
|
|
5
5
|
export { useFilePicker, useImperativeFilePicker } from 'use-file-picker';
|
|
6
6
|
export { FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, ImageDimensionsValidator, PersistentFileAmountLimitValidator } from 'use-file-picker/validators';
|
|
@@ -521,7 +521,7 @@ type PolymorphicComponentProps<Component extends ElementType, Props = UnknownRec
|
|
|
521
521
|
ref?: ComponentPropsWithRef<Component>['ref'];
|
|
522
522
|
};
|
|
523
523
|
|
|
524
|
-
type Spacings = 'space-01' | 'space-02' | 'space-03' | 'space-04' | 'space-05' | 'space-06' | 'space-07' | 'space-08' | 'space-09';
|
|
524
|
+
type Spacings = 'space-00' | 'space-01' | 'space-02' | 'space-03' | 'space-04' | 'space-05' | 'space-06' | 'space-07' | 'space-08' | 'space-09';
|
|
525
525
|
|
|
526
526
|
type JustifyContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'space-evenly';
|
|
527
527
|
type AlignContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'stretch';
|
|
@@ -1227,6 +1227,7 @@ declare const iconMap: {
|
|
|
1227
1227
|
'ab-test': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1228
1228
|
accessibility: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1229
1229
|
activity: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1230
|
+
'add-layout': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1230
1231
|
'add-media': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1231
1232
|
'annotation-link': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1232
1233
|
appearance: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1261,13 +1262,18 @@ declare const iconMap: {
|
|
|
1261
1262
|
checkmark: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1262
1263
|
'checkmark-three-quaters-circle': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1263
1264
|
'circle-slashed': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1265
|
+
clapboard: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1264
1266
|
close: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1265
1267
|
'close-octagon': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1266
1268
|
'closed-captions': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1267
1269
|
'collapse-diagonal': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1270
|
+
collapse: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1268
1271
|
comments: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1269
1272
|
company: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1270
1273
|
compare: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1274
|
+
'connection-okay': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1275
|
+
'connection-poor': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1276
|
+
'connection-strong': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1271
1277
|
'content-library': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1272
1278
|
controls: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1273
1279
|
'cursor-click': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1281,11 +1287,16 @@ declare const iconMap: {
|
|
|
1281
1287
|
envelope: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1282
1288
|
error: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1283
1289
|
'expand-diagonal': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1290
|
+
'expand-horizontal': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1284
1291
|
expand: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1292
|
+
'fast-forward': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1285
1293
|
favorite: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1286
1294
|
'favorite-outline': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1287
1295
|
'file-tree': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1296
|
+
fill: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1297
|
+
'film-strip': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1288
1298
|
filter: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1299
|
+
fit: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1289
1300
|
fonts: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1290
1301
|
'full-screen': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1291
1302
|
gear: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1302,20 +1313,24 @@ declare const iconMap: {
|
|
|
1302
1313
|
link: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1303
1314
|
list: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1304
1315
|
live: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1316
|
+
localization: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1305
1317
|
lock: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1306
1318
|
logout: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1307
1319
|
maximize: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1308
1320
|
media: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1321
|
+
megaphone: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1309
1322
|
menu: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1310
1323
|
mic: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1311
1324
|
'mic-off': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1312
1325
|
minimize: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1313
1326
|
'minus-circle': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1327
|
+
minus: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1314
1328
|
mobile: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1315
1329
|
'more-options': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1316
1330
|
'move-left': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1317
1331
|
'move-right': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1318
1332
|
music: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1333
|
+
'on-air': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1319
1334
|
'open-new': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1320
1335
|
overview: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1321
1336
|
page: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1323,15 +1338,18 @@ declare const iconMap: {
|
|
|
1323
1338
|
'panel-right': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1324
1339
|
'panel-up': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1325
1340
|
password: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1341
|
+
pause: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1326
1342
|
pencil: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1327
1343
|
people: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1328
1344
|
pin: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1329
1345
|
'pin-slash': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1346
|
+
pip: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1330
1347
|
play: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1331
1348
|
player: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1332
1349
|
plus: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1333
1350
|
podcast: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1334
1351
|
preview: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1352
|
+
'private-chat': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1335
1353
|
'private-user-sessions': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1336
1354
|
project: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1337
1355
|
properties: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1339,8 +1357,11 @@ declare const iconMap: {
|
|
|
1339
1357
|
react: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1340
1358
|
record: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1341
1359
|
redo: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1360
|
+
refresh: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1342
1361
|
replace: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1343
1362
|
reply: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1363
|
+
'revert-to-original': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1364
|
+
rewind: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1344
1365
|
'save-as-copy': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1345
1366
|
save: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1346
1367
|
scissors: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1354,15 +1375,20 @@ declare const iconMap: {
|
|
|
1354
1375
|
simulcast: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1355
1376
|
sort: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1356
1377
|
sparkle: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1378
|
+
speed: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1357
1379
|
spinner: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1358
1380
|
stats: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1359
1381
|
'switch-accounts': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1360
1382
|
tag: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1383
|
+
teleprompter: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1384
|
+
'text-size': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1361
1385
|
thumbnail: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1362
1386
|
'thumbs-down': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1363
1387
|
'thumbs-up': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1364
|
-
transitions: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1365
1388
|
transcript: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1389
|
+
transitions: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1390
|
+
transparency: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1391
|
+
'trial-unlock-clock': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1366
1392
|
trim: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1367
1393
|
turnstile: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1368
1394
|
undo: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1375,6 +1401,7 @@ declare const iconMap: {
|
|
|
1375
1401
|
'volume-up': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1376
1402
|
'volume-x': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1377
1403
|
wand: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1404
|
+
waveform: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1378
1405
|
'zoom-in': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1379
1406
|
'zoom-out': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1380
1407
|
};
|
|
@@ -2384,7 +2411,7 @@ type TagProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
2384
2411
|
/**
|
|
2385
2412
|
* Text label for the `Tag`
|
|
2386
2413
|
*/
|
|
2387
|
-
label:
|
|
2414
|
+
label: string;
|
|
2388
2415
|
/**
|
|
2389
2416
|
* Callback function to be called when the `x` button is clicked
|
|
2390
2417
|
*/
|
|
@@ -2393,6 +2420,10 @@ type TagProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
2393
2420
|
* Accessible label for the `x` button (ie. "Remove tag")
|
|
2394
2421
|
*/
|
|
2395
2422
|
onClickRemoveLabel?: string | undefined;
|
|
2423
|
+
/**
|
|
2424
|
+
* @ignore Whether the tag should not be focusable. For use inside of TagGroup.
|
|
2425
|
+
*/
|
|
2426
|
+
__nonFocusable?: boolean;
|
|
2396
2427
|
};
|
|
2397
2428
|
/**
|
|
2398
2429
|
* A `Tag` is an optionally linked label, with an optional action button, to categorize content.
|
|
@@ -2409,7 +2440,7 @@ declare const Tag: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<
|
|
|
2409
2440
|
/**
|
|
2410
2441
|
* Text label for the `Tag`
|
|
2411
2442
|
*/
|
|
2412
|
-
label:
|
|
2443
|
+
label: string;
|
|
2413
2444
|
/**
|
|
2414
2445
|
* Callback function to be called when the `x` button is clicked
|
|
2415
2446
|
*/
|
|
@@ -2418,6 +2449,10 @@ declare const Tag: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<
|
|
|
2418
2449
|
* Accessible label for the `x` button (ie. "Remove tag")
|
|
2419
2450
|
*/
|
|
2420
2451
|
onClickRemoveLabel?: string | undefined;
|
|
2452
|
+
/**
|
|
2453
|
+
* @ignore Whether the tag should not be focusable. For use inside of TagGroup.
|
|
2454
|
+
*/
|
|
2455
|
+
__nonFocusable?: boolean;
|
|
2421
2456
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
2422
2457
|
|
|
2423
2458
|
type TooltipProps = {
|
|
@@ -2579,6 +2614,43 @@ type SelectOptionGroupProps = {
|
|
|
2579
2614
|
};
|
|
2580
2615
|
declare const SelectOptionGroup: ({ children, label, ...props }: SelectOptionGroupProps) => react_jsx_runtime.JSX.Element;
|
|
2581
2616
|
|
|
2617
|
+
type TagGroupProps = react__default.ComponentPropsWithoutRef<'div'> & {
|
|
2618
|
+
/**
|
|
2619
|
+
* The Tag components to render in the group
|
|
2620
|
+
* */
|
|
2621
|
+
children: react__default.ReactNode;
|
|
2622
|
+
/**
|
|
2623
|
+
* Optional callback when a tag is removed
|
|
2624
|
+
* */
|
|
2625
|
+
onRemove?: (tag: string) => void;
|
|
2626
|
+
/**
|
|
2627
|
+
* Optional custom announcement when a tag is removed
|
|
2628
|
+
* */
|
|
2629
|
+
removeAnnouncement?: (tag: string) => string;
|
|
2630
|
+
/**
|
|
2631
|
+
* Text label for the tag group. Required if labelledBy is not provided
|
|
2632
|
+
* */
|
|
2633
|
+
label?: string;
|
|
2634
|
+
/**
|
|
2635
|
+
* Whether to show the label visually
|
|
2636
|
+
* */
|
|
2637
|
+
labelVisible?: boolean;
|
|
2638
|
+
/**
|
|
2639
|
+
* ID of element that labels this tag group. Required if label is not provided
|
|
2640
|
+
* */
|
|
2641
|
+
labelledBy?: string;
|
|
2642
|
+
} & ({
|
|
2643
|
+
label: string;
|
|
2644
|
+
labelledBy?: never;
|
|
2645
|
+
} | {
|
|
2646
|
+
label?: never;
|
|
2647
|
+
labelledBy: string;
|
|
2648
|
+
});
|
|
2649
|
+
declare const TagGroup: {
|
|
2650
|
+
({ children, label, labelVisible, labelledBy, onRemove, removeAnnouncement, ...props }: TagGroupProps): JSX.Element;
|
|
2651
|
+
displayName: string;
|
|
2652
|
+
};
|
|
2653
|
+
|
|
2582
2654
|
type BorderRadius = 'border-radius-01' | 'border-radius-02' | 'border-radius-03' | 'border-radius-04' | 'border-radius-05' | 'border-radius-rounded';
|
|
2583
2655
|
|
|
2584
2656
|
type ImageProps = ComponentPropsWithoutRef<'img'> & {
|
|
@@ -2621,4 +2693,4 @@ declare const Image: {
|
|
|
2621
2693
|
displayName: string;
|
|
2622
2694
|
};
|
|
2623
2695
|
|
|
2624
|
-
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Checkbox, CheckboxGroup, CheckboxMenuItem, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Tab, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, useToast, useWindowSize };
|
|
2696
|
+
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Checkbox, CheckboxGroup, CheckboxMenuItem, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Tab, type TabProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, useToast, useWindowSize };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import { ReactNode, Dispatch, SetStateAction, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, ForwardedRef, Ref, InputHTMLAttributes, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
import react__default, { ReactNode, Dispatch, SetStateAction, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, ForwardedRef, Ref, InputHTMLAttributes, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
4
4
|
export * from 'use-file-picker/types';
|
|
5
5
|
export { useFilePicker, useImperativeFilePicker } from 'use-file-picker';
|
|
6
6
|
export { FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, ImageDimensionsValidator, PersistentFileAmountLimitValidator } from 'use-file-picker/validators';
|
|
@@ -521,7 +521,7 @@ type PolymorphicComponentProps<Component extends ElementType, Props = UnknownRec
|
|
|
521
521
|
ref?: ComponentPropsWithRef<Component>['ref'];
|
|
522
522
|
};
|
|
523
523
|
|
|
524
|
-
type Spacings = 'space-01' | 'space-02' | 'space-03' | 'space-04' | 'space-05' | 'space-06' | 'space-07' | 'space-08' | 'space-09';
|
|
524
|
+
type Spacings = 'space-00' | 'space-01' | 'space-02' | 'space-03' | 'space-04' | 'space-05' | 'space-06' | 'space-07' | 'space-08' | 'space-09';
|
|
525
525
|
|
|
526
526
|
type JustifyContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'space-evenly';
|
|
527
527
|
type AlignContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'stretch';
|
|
@@ -1227,6 +1227,7 @@ declare const iconMap: {
|
|
|
1227
1227
|
'ab-test': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1228
1228
|
accessibility: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1229
1229
|
activity: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1230
|
+
'add-layout': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1230
1231
|
'add-media': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1231
1232
|
'annotation-link': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1232
1233
|
appearance: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1261,13 +1262,18 @@ declare const iconMap: {
|
|
|
1261
1262
|
checkmark: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1262
1263
|
'checkmark-three-quaters-circle': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1263
1264
|
'circle-slashed': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1265
|
+
clapboard: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1264
1266
|
close: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1265
1267
|
'close-octagon': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1266
1268
|
'closed-captions': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1267
1269
|
'collapse-diagonal': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1270
|
+
collapse: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1268
1271
|
comments: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1269
1272
|
company: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1270
1273
|
compare: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1274
|
+
'connection-okay': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1275
|
+
'connection-poor': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1276
|
+
'connection-strong': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1271
1277
|
'content-library': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1272
1278
|
controls: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1273
1279
|
'cursor-click': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1281,11 +1287,16 @@ declare const iconMap: {
|
|
|
1281
1287
|
envelope: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1282
1288
|
error: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1283
1289
|
'expand-diagonal': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1290
|
+
'expand-horizontal': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1284
1291
|
expand: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1292
|
+
'fast-forward': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1285
1293
|
favorite: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1286
1294
|
'favorite-outline': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1287
1295
|
'file-tree': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1296
|
+
fill: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1297
|
+
'film-strip': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1288
1298
|
filter: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1299
|
+
fit: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1289
1300
|
fonts: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1290
1301
|
'full-screen': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1291
1302
|
gear: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1302,20 +1313,24 @@ declare const iconMap: {
|
|
|
1302
1313
|
link: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1303
1314
|
list: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1304
1315
|
live: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1316
|
+
localization: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1305
1317
|
lock: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1306
1318
|
logout: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1307
1319
|
maximize: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1308
1320
|
media: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1321
|
+
megaphone: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1309
1322
|
menu: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1310
1323
|
mic: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1311
1324
|
'mic-off': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1312
1325
|
minimize: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1313
1326
|
'minus-circle': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1327
|
+
minus: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1314
1328
|
mobile: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1315
1329
|
'more-options': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1316
1330
|
'move-left': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1317
1331
|
'move-right': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1318
1332
|
music: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1333
|
+
'on-air': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1319
1334
|
'open-new': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1320
1335
|
overview: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1321
1336
|
page: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1323,15 +1338,18 @@ declare const iconMap: {
|
|
|
1323
1338
|
'panel-right': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1324
1339
|
'panel-up': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1325
1340
|
password: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1341
|
+
pause: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1326
1342
|
pencil: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1327
1343
|
people: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1328
1344
|
pin: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1329
1345
|
'pin-slash': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1346
|
+
pip: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1330
1347
|
play: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1331
1348
|
player: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1332
1349
|
plus: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1333
1350
|
podcast: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1334
1351
|
preview: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1352
|
+
'private-chat': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1335
1353
|
'private-user-sessions': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1336
1354
|
project: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1337
1355
|
properties: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1339,8 +1357,11 @@ declare const iconMap: {
|
|
|
1339
1357
|
react: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1340
1358
|
record: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1341
1359
|
redo: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1360
|
+
refresh: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1342
1361
|
replace: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1343
1362
|
reply: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1363
|
+
'revert-to-original': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1364
|
+
rewind: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1344
1365
|
'save-as-copy': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1345
1366
|
save: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1346
1367
|
scissors: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1354,15 +1375,20 @@ declare const iconMap: {
|
|
|
1354
1375
|
simulcast: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1355
1376
|
sort: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1356
1377
|
sparkle: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1378
|
+
speed: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1357
1379
|
spinner: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1358
1380
|
stats: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1359
1381
|
'switch-accounts': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1360
1382
|
tag: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1383
|
+
teleprompter: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1384
|
+
'text-size': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1361
1385
|
thumbnail: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1362
1386
|
'thumbs-down': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1363
1387
|
'thumbs-up': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1364
|
-
transitions: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1365
1388
|
transcript: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1389
|
+
transitions: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1390
|
+
transparency: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1391
|
+
'trial-unlock-clock': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1366
1392
|
trim: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1367
1393
|
turnstile: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1368
1394
|
undo: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1375,6 +1401,7 @@ declare const iconMap: {
|
|
|
1375
1401
|
'volume-up': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1376
1402
|
'volume-x': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1377
1403
|
wand: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1404
|
+
waveform: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1378
1405
|
'zoom-in': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1379
1406
|
'zoom-out': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1380
1407
|
};
|
|
@@ -2384,7 +2411,7 @@ type TagProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
2384
2411
|
/**
|
|
2385
2412
|
* Text label for the `Tag`
|
|
2386
2413
|
*/
|
|
2387
|
-
label:
|
|
2414
|
+
label: string;
|
|
2388
2415
|
/**
|
|
2389
2416
|
* Callback function to be called when the `x` button is clicked
|
|
2390
2417
|
*/
|
|
@@ -2393,6 +2420,10 @@ type TagProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
2393
2420
|
* Accessible label for the `x` button (ie. "Remove tag")
|
|
2394
2421
|
*/
|
|
2395
2422
|
onClickRemoveLabel?: string | undefined;
|
|
2423
|
+
/**
|
|
2424
|
+
* @ignore Whether the tag should not be focusable. For use inside of TagGroup.
|
|
2425
|
+
*/
|
|
2426
|
+
__nonFocusable?: boolean;
|
|
2396
2427
|
};
|
|
2397
2428
|
/**
|
|
2398
2429
|
* A `Tag` is an optionally linked label, with an optional action button, to categorize content.
|
|
@@ -2409,7 +2440,7 @@ declare const Tag: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<
|
|
|
2409
2440
|
/**
|
|
2410
2441
|
* Text label for the `Tag`
|
|
2411
2442
|
*/
|
|
2412
|
-
label:
|
|
2443
|
+
label: string;
|
|
2413
2444
|
/**
|
|
2414
2445
|
* Callback function to be called when the `x` button is clicked
|
|
2415
2446
|
*/
|
|
@@ -2418,6 +2449,10 @@ declare const Tag: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<
|
|
|
2418
2449
|
* Accessible label for the `x` button (ie. "Remove tag")
|
|
2419
2450
|
*/
|
|
2420
2451
|
onClickRemoveLabel?: string | undefined;
|
|
2452
|
+
/**
|
|
2453
|
+
* @ignore Whether the tag should not be focusable. For use inside of TagGroup.
|
|
2454
|
+
*/
|
|
2455
|
+
__nonFocusable?: boolean;
|
|
2421
2456
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
2422
2457
|
|
|
2423
2458
|
type TooltipProps = {
|
|
@@ -2579,6 +2614,43 @@ type SelectOptionGroupProps = {
|
|
|
2579
2614
|
};
|
|
2580
2615
|
declare const SelectOptionGroup: ({ children, label, ...props }: SelectOptionGroupProps) => react_jsx_runtime.JSX.Element;
|
|
2581
2616
|
|
|
2617
|
+
type TagGroupProps = react__default.ComponentPropsWithoutRef<'div'> & {
|
|
2618
|
+
/**
|
|
2619
|
+
* The Tag components to render in the group
|
|
2620
|
+
* */
|
|
2621
|
+
children: react__default.ReactNode;
|
|
2622
|
+
/**
|
|
2623
|
+
* Optional callback when a tag is removed
|
|
2624
|
+
* */
|
|
2625
|
+
onRemove?: (tag: string) => void;
|
|
2626
|
+
/**
|
|
2627
|
+
* Optional custom announcement when a tag is removed
|
|
2628
|
+
* */
|
|
2629
|
+
removeAnnouncement?: (tag: string) => string;
|
|
2630
|
+
/**
|
|
2631
|
+
* Text label for the tag group. Required if labelledBy is not provided
|
|
2632
|
+
* */
|
|
2633
|
+
label?: string;
|
|
2634
|
+
/**
|
|
2635
|
+
* Whether to show the label visually
|
|
2636
|
+
* */
|
|
2637
|
+
labelVisible?: boolean;
|
|
2638
|
+
/**
|
|
2639
|
+
* ID of element that labels this tag group. Required if label is not provided
|
|
2640
|
+
* */
|
|
2641
|
+
labelledBy?: string;
|
|
2642
|
+
} & ({
|
|
2643
|
+
label: string;
|
|
2644
|
+
labelledBy?: never;
|
|
2645
|
+
} | {
|
|
2646
|
+
label?: never;
|
|
2647
|
+
labelledBy: string;
|
|
2648
|
+
});
|
|
2649
|
+
declare const TagGroup: {
|
|
2650
|
+
({ children, label, labelVisible, labelledBy, onRemove, removeAnnouncement, ...props }: TagGroupProps): JSX.Element;
|
|
2651
|
+
displayName: string;
|
|
2652
|
+
};
|
|
2653
|
+
|
|
2582
2654
|
type BorderRadius = 'border-radius-01' | 'border-radius-02' | 'border-radius-03' | 'border-radius-04' | 'border-radius-05' | 'border-radius-rounded';
|
|
2583
2655
|
|
|
2584
2656
|
type ImageProps = ComponentPropsWithoutRef<'img'> & {
|
|
@@ -2621,4 +2693,4 @@ declare const Image: {
|
|
|
2621
2693
|
displayName: string;
|
|
2622
2694
|
};
|
|
2623
2695
|
|
|
2624
|
-
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Checkbox, CheckboxGroup, CheckboxMenuItem, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Tab, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, useToast, useWindowSize };
|
|
2696
|
+
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Checkbox, CheckboxGroup, CheckboxMenuItem, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Tab, type TabProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, useToast, useWindowSize };
|