@wistia/ui 0.13.2 → 0.13.3
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 +3367 -1588
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +138 -2
- package/dist/index.d.ts +138 -2
- package/dist/index.mjs +3266 -1490
- package/dist/index.mjs.map +1 -1
- package/package.json +15 -12
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 react__default, { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, Ref, SyntheticEvent, InputHTMLAttributes, ForwardRefExoticComponent, RefAttributes, HTMLAttributes,
|
|
3
|
+
import react__default, { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, PropsWithChildren, Ref, SyntheticEvent, InputHTMLAttributes, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, ReactElement } from 'react';
|
|
4
4
|
import { UseFilePickerConfig, FilePickerReturnTypes, ExtractContentTypeFromConfig, useImperativeFilePickerConfig, ImperativeFilePickerReturnTypes } from 'use-file-picker/types';
|
|
5
5
|
export * from 'use-file-picker/types';
|
|
6
6
|
import * as react_router from 'react-router';
|
|
@@ -1408,6 +1408,138 @@ type CollapsibleContentProps = {
|
|
|
1408
1408
|
};
|
|
1409
1409
|
declare const CollapsibleContent: ({ clamp, children }: CollapsibleContentProps) => react_jsx_runtime.JSX.Element;
|
|
1410
1410
|
|
|
1411
|
+
type ColorGridProps = PropsWithChildren;
|
|
1412
|
+
declare const ColorGrid: {
|
|
1413
|
+
({ children }: ColorGridProps): JSX.Element;
|
|
1414
|
+
displayName: string;
|
|
1415
|
+
};
|
|
1416
|
+
|
|
1417
|
+
type ColorPickerOption = {
|
|
1418
|
+
/**
|
|
1419
|
+
* The human-readable name of the color, if available.
|
|
1420
|
+
*/
|
|
1421
|
+
name?: string | undefined;
|
|
1422
|
+
/**
|
|
1423
|
+
* The color value in hex format (e.g., "#54bbff").
|
|
1424
|
+
*/
|
|
1425
|
+
value: string;
|
|
1426
|
+
};
|
|
1427
|
+
|
|
1428
|
+
type ColorGridOptionProps = ColorPickerOption;
|
|
1429
|
+
declare const ColorGridOption: {
|
|
1430
|
+
({ value, name }: ColorGridOptionProps): JSX.Element;
|
|
1431
|
+
displayName: string;
|
|
1432
|
+
};
|
|
1433
|
+
|
|
1434
|
+
type ColorListProps = PropsWithChildren;
|
|
1435
|
+
declare const ColorList: {
|
|
1436
|
+
({ children }: ColorListProps): JSX.Element;
|
|
1437
|
+
displayName: string;
|
|
1438
|
+
};
|
|
1439
|
+
|
|
1440
|
+
type ColorListGroupProps = PropsWithChildren<{
|
|
1441
|
+
label: string;
|
|
1442
|
+
}>;
|
|
1443
|
+
declare const ColorListGroup: {
|
|
1444
|
+
({ label, children }: ColorListGroupProps): JSX.Element;
|
|
1445
|
+
displayName: string;
|
|
1446
|
+
};
|
|
1447
|
+
|
|
1448
|
+
type ColorListOptionProps = ColorPickerOption;
|
|
1449
|
+
declare const ColorListOption: {
|
|
1450
|
+
({ value, name }: ColorListOptionProps): JSX.Element;
|
|
1451
|
+
displayName: string;
|
|
1452
|
+
};
|
|
1453
|
+
|
|
1454
|
+
type ColorPickerProps = PropsWithChildren<{
|
|
1455
|
+
/**
|
|
1456
|
+
* The current color value in hex format (e.g., "#ff0000").
|
|
1457
|
+
*/
|
|
1458
|
+
value: string;
|
|
1459
|
+
/**
|
|
1460
|
+
* Callback function invoked when the color value changes.
|
|
1461
|
+
*/
|
|
1462
|
+
onValueChange: (value: string) => void;
|
|
1463
|
+
/**
|
|
1464
|
+
* Whether to enforce minimum contrast ratio for the selected color.
|
|
1465
|
+
*/
|
|
1466
|
+
shouldEnforceMinContrast?: boolean;
|
|
1467
|
+
/**
|
|
1468
|
+
* The minimum contrast ratio to enforce when `shouldEnforceMinContrast` is true.
|
|
1469
|
+
*/
|
|
1470
|
+
minimumContrastRatio?: number;
|
|
1471
|
+
/**
|
|
1472
|
+
* The color to compare against when checking contrast ratio.
|
|
1473
|
+
*/
|
|
1474
|
+
colorForComparison?: string;
|
|
1475
|
+
}>;
|
|
1476
|
+
/**
|
|
1477
|
+
* ColorPicker is a composable component that allows you to create a color
|
|
1478
|
+
* picker with various controls and options. Choose the parts you need, leave
|
|
1479
|
+
* out the ones you don't, and include any custom UI you need alongside its
|
|
1480
|
+
* subcomponents.
|
|
1481
|
+
*/
|
|
1482
|
+
declare const ColorPicker: {
|
|
1483
|
+
({ value, onValueChange, children, shouldEnforceMinContrast, minimumContrastRatio, colorForComparison, }: ColorPickerProps): JSX.Element;
|
|
1484
|
+
displayName: string;
|
|
1485
|
+
};
|
|
1486
|
+
|
|
1487
|
+
type ColorPickerPopoverContentProps = PropsWithChildren;
|
|
1488
|
+
declare const ColorPickerPopoverContent: {
|
|
1489
|
+
({ children, }: ColorPickerPopoverContentProps): JSX.Element;
|
|
1490
|
+
displayName: string;
|
|
1491
|
+
};
|
|
1492
|
+
|
|
1493
|
+
type ColorPickerSectionProps = PropsWithChildren;
|
|
1494
|
+
declare const ColorPickerSection: {
|
|
1495
|
+
({ children }: ColorPickerSectionProps): JSX.Element;
|
|
1496
|
+
displayName: string;
|
|
1497
|
+
};
|
|
1498
|
+
|
|
1499
|
+
type ColorPickerTriggerProps = PropsWithChildren;
|
|
1500
|
+
declare const ColorPickerTrigger: react.ForwardRefExoticComponent<{
|
|
1501
|
+
children?: react.ReactNode | undefined;
|
|
1502
|
+
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1503
|
+
|
|
1504
|
+
declare const ContrastControls: {
|
|
1505
|
+
(): JSX.Element;
|
|
1506
|
+
displayName: string;
|
|
1507
|
+
};
|
|
1508
|
+
|
|
1509
|
+
type HexColorInputProps = {
|
|
1510
|
+
/**
|
|
1511
|
+
* Whether the input should recieve focus automatically on mount.
|
|
1512
|
+
*/
|
|
1513
|
+
autoFocus?: boolean;
|
|
1514
|
+
};
|
|
1515
|
+
declare const HexColorInput: {
|
|
1516
|
+
({ autoFocus }: HexColorInputProps): JSX.Element;
|
|
1517
|
+
displayName: string;
|
|
1518
|
+
};
|
|
1519
|
+
|
|
1520
|
+
declare const HueSlider: {
|
|
1521
|
+
(): JSX.Element;
|
|
1522
|
+
displayName: string;
|
|
1523
|
+
};
|
|
1524
|
+
|
|
1525
|
+
type SaturationAndValuePickerProps = {
|
|
1526
|
+
dataTestId?: string;
|
|
1527
|
+
};
|
|
1528
|
+
declare const SaturationAndValuePicker: {
|
|
1529
|
+
({ dataTestId, }: SaturationAndValuePickerProps): JSX.Element;
|
|
1530
|
+
displayName: string;
|
|
1531
|
+
};
|
|
1532
|
+
|
|
1533
|
+
declare const ValueNameOrHexCode: {
|
|
1534
|
+
(): JSX.Element;
|
|
1535
|
+
displayName: string;
|
|
1536
|
+
};
|
|
1537
|
+
|
|
1538
|
+
declare const ValueSwatch: {
|
|
1539
|
+
(): JSX.Element;
|
|
1540
|
+
displayName: string;
|
|
1541
|
+
};
|
|
1542
|
+
|
|
1411
1543
|
type ComboboxOptionProps = {
|
|
1412
1544
|
value: string;
|
|
1413
1545
|
children: ReactNode;
|
|
@@ -1562,6 +1694,10 @@ type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
|
|
|
1562
1694
|
* Display the text as inline content
|
|
1563
1695
|
*/
|
|
1564
1696
|
inline?: boolean;
|
|
1697
|
+
/**
|
|
1698
|
+
* Text prominence affects color. Use 'primary' for main non-interactive text, 'secondary' for supporting text, and 'button' in specific cases where text is used in an interactive component.
|
|
1699
|
+
*/
|
|
1700
|
+
prominence?: 'button' | 'primary' | 'secondary';
|
|
1565
1701
|
/**
|
|
1566
1702
|
* Prevents text from being highlighted and copied
|
|
1567
1703
|
*/
|
|
@@ -3743,4 +3879,4 @@ type ContextMenuProps = {
|
|
|
3743
3879
|
*/
|
|
3744
3880
|
declare const ContextMenu: ({ position, triggerRef, children, onRequestClose, }: ContextMenuProps) => react_jsx_runtime.JSX.Element | null;
|
|
3745
3881
|
|
|
3746
|
-
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, type ListProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
|
|
3882
|
+
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, type ListProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, 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 react__default, { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, Ref, SyntheticEvent, InputHTMLAttributes, ForwardRefExoticComponent, RefAttributes, HTMLAttributes,
|
|
3
|
+
import react__default, { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, PropsWithChildren, Ref, SyntheticEvent, InputHTMLAttributes, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, ReactElement } from 'react';
|
|
4
4
|
import { UseFilePickerConfig, FilePickerReturnTypes, ExtractContentTypeFromConfig, useImperativeFilePickerConfig, ImperativeFilePickerReturnTypes } from 'use-file-picker/types';
|
|
5
5
|
export * from 'use-file-picker/types';
|
|
6
6
|
import * as react_router from 'react-router';
|
|
@@ -1408,6 +1408,138 @@ type CollapsibleContentProps = {
|
|
|
1408
1408
|
};
|
|
1409
1409
|
declare const CollapsibleContent: ({ clamp, children }: CollapsibleContentProps) => react_jsx_runtime.JSX.Element;
|
|
1410
1410
|
|
|
1411
|
+
type ColorGridProps = PropsWithChildren;
|
|
1412
|
+
declare const ColorGrid: {
|
|
1413
|
+
({ children }: ColorGridProps): JSX.Element;
|
|
1414
|
+
displayName: string;
|
|
1415
|
+
};
|
|
1416
|
+
|
|
1417
|
+
type ColorPickerOption = {
|
|
1418
|
+
/**
|
|
1419
|
+
* The human-readable name of the color, if available.
|
|
1420
|
+
*/
|
|
1421
|
+
name?: string | undefined;
|
|
1422
|
+
/**
|
|
1423
|
+
* The color value in hex format (e.g., "#54bbff").
|
|
1424
|
+
*/
|
|
1425
|
+
value: string;
|
|
1426
|
+
};
|
|
1427
|
+
|
|
1428
|
+
type ColorGridOptionProps = ColorPickerOption;
|
|
1429
|
+
declare const ColorGridOption: {
|
|
1430
|
+
({ value, name }: ColorGridOptionProps): JSX.Element;
|
|
1431
|
+
displayName: string;
|
|
1432
|
+
};
|
|
1433
|
+
|
|
1434
|
+
type ColorListProps = PropsWithChildren;
|
|
1435
|
+
declare const ColorList: {
|
|
1436
|
+
({ children }: ColorListProps): JSX.Element;
|
|
1437
|
+
displayName: string;
|
|
1438
|
+
};
|
|
1439
|
+
|
|
1440
|
+
type ColorListGroupProps = PropsWithChildren<{
|
|
1441
|
+
label: string;
|
|
1442
|
+
}>;
|
|
1443
|
+
declare const ColorListGroup: {
|
|
1444
|
+
({ label, children }: ColorListGroupProps): JSX.Element;
|
|
1445
|
+
displayName: string;
|
|
1446
|
+
};
|
|
1447
|
+
|
|
1448
|
+
type ColorListOptionProps = ColorPickerOption;
|
|
1449
|
+
declare const ColorListOption: {
|
|
1450
|
+
({ value, name }: ColorListOptionProps): JSX.Element;
|
|
1451
|
+
displayName: string;
|
|
1452
|
+
};
|
|
1453
|
+
|
|
1454
|
+
type ColorPickerProps = PropsWithChildren<{
|
|
1455
|
+
/**
|
|
1456
|
+
* The current color value in hex format (e.g., "#ff0000").
|
|
1457
|
+
*/
|
|
1458
|
+
value: string;
|
|
1459
|
+
/**
|
|
1460
|
+
* Callback function invoked when the color value changes.
|
|
1461
|
+
*/
|
|
1462
|
+
onValueChange: (value: string) => void;
|
|
1463
|
+
/**
|
|
1464
|
+
* Whether to enforce minimum contrast ratio for the selected color.
|
|
1465
|
+
*/
|
|
1466
|
+
shouldEnforceMinContrast?: boolean;
|
|
1467
|
+
/**
|
|
1468
|
+
* The minimum contrast ratio to enforce when `shouldEnforceMinContrast` is true.
|
|
1469
|
+
*/
|
|
1470
|
+
minimumContrastRatio?: number;
|
|
1471
|
+
/**
|
|
1472
|
+
* The color to compare against when checking contrast ratio.
|
|
1473
|
+
*/
|
|
1474
|
+
colorForComparison?: string;
|
|
1475
|
+
}>;
|
|
1476
|
+
/**
|
|
1477
|
+
* ColorPicker is a composable component that allows you to create a color
|
|
1478
|
+
* picker with various controls and options. Choose the parts you need, leave
|
|
1479
|
+
* out the ones you don't, and include any custom UI you need alongside its
|
|
1480
|
+
* subcomponents.
|
|
1481
|
+
*/
|
|
1482
|
+
declare const ColorPicker: {
|
|
1483
|
+
({ value, onValueChange, children, shouldEnforceMinContrast, minimumContrastRatio, colorForComparison, }: ColorPickerProps): JSX.Element;
|
|
1484
|
+
displayName: string;
|
|
1485
|
+
};
|
|
1486
|
+
|
|
1487
|
+
type ColorPickerPopoverContentProps = PropsWithChildren;
|
|
1488
|
+
declare const ColorPickerPopoverContent: {
|
|
1489
|
+
({ children, }: ColorPickerPopoverContentProps): JSX.Element;
|
|
1490
|
+
displayName: string;
|
|
1491
|
+
};
|
|
1492
|
+
|
|
1493
|
+
type ColorPickerSectionProps = PropsWithChildren;
|
|
1494
|
+
declare const ColorPickerSection: {
|
|
1495
|
+
({ children }: ColorPickerSectionProps): JSX.Element;
|
|
1496
|
+
displayName: string;
|
|
1497
|
+
};
|
|
1498
|
+
|
|
1499
|
+
type ColorPickerTriggerProps = PropsWithChildren;
|
|
1500
|
+
declare const ColorPickerTrigger: react.ForwardRefExoticComponent<{
|
|
1501
|
+
children?: react.ReactNode | undefined;
|
|
1502
|
+
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1503
|
+
|
|
1504
|
+
declare const ContrastControls: {
|
|
1505
|
+
(): JSX.Element;
|
|
1506
|
+
displayName: string;
|
|
1507
|
+
};
|
|
1508
|
+
|
|
1509
|
+
type HexColorInputProps = {
|
|
1510
|
+
/**
|
|
1511
|
+
* Whether the input should recieve focus automatically on mount.
|
|
1512
|
+
*/
|
|
1513
|
+
autoFocus?: boolean;
|
|
1514
|
+
};
|
|
1515
|
+
declare const HexColorInput: {
|
|
1516
|
+
({ autoFocus }: HexColorInputProps): JSX.Element;
|
|
1517
|
+
displayName: string;
|
|
1518
|
+
};
|
|
1519
|
+
|
|
1520
|
+
declare const HueSlider: {
|
|
1521
|
+
(): JSX.Element;
|
|
1522
|
+
displayName: string;
|
|
1523
|
+
};
|
|
1524
|
+
|
|
1525
|
+
type SaturationAndValuePickerProps = {
|
|
1526
|
+
dataTestId?: string;
|
|
1527
|
+
};
|
|
1528
|
+
declare const SaturationAndValuePicker: {
|
|
1529
|
+
({ dataTestId, }: SaturationAndValuePickerProps): JSX.Element;
|
|
1530
|
+
displayName: string;
|
|
1531
|
+
};
|
|
1532
|
+
|
|
1533
|
+
declare const ValueNameOrHexCode: {
|
|
1534
|
+
(): JSX.Element;
|
|
1535
|
+
displayName: string;
|
|
1536
|
+
};
|
|
1537
|
+
|
|
1538
|
+
declare const ValueSwatch: {
|
|
1539
|
+
(): JSX.Element;
|
|
1540
|
+
displayName: string;
|
|
1541
|
+
};
|
|
1542
|
+
|
|
1411
1543
|
type ComboboxOptionProps = {
|
|
1412
1544
|
value: string;
|
|
1413
1545
|
children: ReactNode;
|
|
@@ -1562,6 +1694,10 @@ type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
|
|
|
1562
1694
|
* Display the text as inline content
|
|
1563
1695
|
*/
|
|
1564
1696
|
inline?: boolean;
|
|
1697
|
+
/**
|
|
1698
|
+
* Text prominence affects color. Use 'primary' for main non-interactive text, 'secondary' for supporting text, and 'button' in specific cases where text is used in an interactive component.
|
|
1699
|
+
*/
|
|
1700
|
+
prominence?: 'button' | 'primary' | 'secondary';
|
|
1565
1701
|
/**
|
|
1566
1702
|
* Prevents text from being highlighted and copied
|
|
1567
1703
|
*/
|
|
@@ -3743,4 +3879,4 @@ type ContextMenuProps = {
|
|
|
3743
3879
|
*/
|
|
3744
3880
|
declare const ContextMenu: ({ position, triggerRef, children, onRequestClose, }: ContextMenuProps) => react_jsx_runtime.JSX.Element | null;
|
|
3745
3881
|
|
|
3746
|
-
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, type ListProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
|
|
3882
|
+
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, type ListProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
|