@wistia/ui 0.20.18 → 0.20.19-beta.00946a78.22e4b5f
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.d.ts +34 -20
- package/dist/index.js +517 -481
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -9,7 +9,6 @@ import * as Ariakit from '@ariakit/react';
|
|
|
9
9
|
import * as styled_components from 'styled-components';
|
|
10
10
|
import { Schema } from 'yup';
|
|
11
11
|
import ReactMarkdown from 'react-markdown';
|
|
12
|
-
import * as _radix_ui_react_dropdown_menu from '@radix-ui/react-dropdown-menu';
|
|
13
12
|
import { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';
|
|
14
13
|
import { PopoverContentProps } from '@radix-ui/react-popover';
|
|
15
14
|
import { ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
|
|
@@ -1462,7 +1461,8 @@ type IconProps = ComponentPropsWithoutRef<'svg'> & {
|
|
|
1462
1461
|
invertColor?: boolean;
|
|
1463
1462
|
/**
|
|
1464
1463
|
* The size of the icon to display
|
|
1465
|
-
*
|
|
1464
|
+
* @type
|
|
1465
|
+
* ResponsiveObject<'sm' | 'md' | 'lg' | 'xl' | 'xxl'> | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
|
|
1466
1466
|
*/
|
|
1467
1467
|
size?: ResponsiveObject<keyof typeof iconSizeMap> | keyof typeof iconSizeMap;
|
|
1468
1468
|
/**
|
|
@@ -1604,8 +1604,9 @@ declare const ColorPickerTrigger: react.ForwardRefExoticComponent<{
|
|
|
1604
1604
|
children?: react.ReactNode | undefined;
|
|
1605
1605
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1606
1606
|
|
|
1607
|
+
type ContrastControlsProps = object;
|
|
1607
1608
|
declare const ContrastControls: {
|
|
1608
|
-
(): JSX.Element;
|
|
1609
|
+
(props: ContrastControlsProps): JSX.Element;
|
|
1609
1610
|
displayName: string;
|
|
1610
1611
|
};
|
|
1611
1612
|
|
|
@@ -1620,8 +1621,9 @@ declare const HexColorInput: {
|
|
|
1620
1621
|
displayName: string;
|
|
1621
1622
|
};
|
|
1622
1623
|
|
|
1624
|
+
type HueSliderProps = object;
|
|
1623
1625
|
declare const HueSlider: {
|
|
1624
|
-
(): JSX.Element;
|
|
1626
|
+
(props: HueSliderProps): JSX.Element;
|
|
1625
1627
|
displayName: string;
|
|
1626
1628
|
};
|
|
1627
1629
|
|
|
@@ -1633,8 +1635,9 @@ declare const SaturationAndValuePicker: {
|
|
|
1633
1635
|
displayName: string;
|
|
1634
1636
|
};
|
|
1635
1637
|
|
|
1638
|
+
type ValueNameOrHexCodeProps = object;
|
|
1636
1639
|
declare const ValueNameOrHexCode: {
|
|
1637
|
-
(): JSX.Element;
|
|
1640
|
+
(props: ValueNameOrHexCodeProps): JSX.Element;
|
|
1638
1641
|
displayName: string;
|
|
1639
1642
|
};
|
|
1640
1643
|
|
|
@@ -1824,8 +1827,9 @@ type DataCardTrendProps = {
|
|
|
1824
1827
|
};
|
|
1825
1828
|
declare const DataCardTrend: ({ direction, outlook, children, ...props }: DataCardTrendProps) => JSX.Element;
|
|
1826
1829
|
|
|
1830
|
+
type DataCardHoverArrowProps = object;
|
|
1827
1831
|
declare const DataCardHoverArrow: {
|
|
1828
|
-
(): react_jsx_runtime.JSX.Element;
|
|
1832
|
+
(props: DataCardHoverArrowProps): react_jsx_runtime.JSX.Element;
|
|
1829
1833
|
displayName: string;
|
|
1830
1834
|
};
|
|
1831
1835
|
|
|
@@ -1941,19 +1945,21 @@ type TextProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
1941
1945
|
*/
|
|
1942
1946
|
declare const Text: (<C extends ElementType = "p">(props: PolymorphicComponentProps<C, TextProps>) => react.ReactElement | null) & UnknownRecord;
|
|
1943
1947
|
|
|
1948
|
+
type DataListItemLabelProps = TextProps;
|
|
1944
1949
|
/**
|
|
1945
1950
|
* The label of the `DataListItem`. Extends the [Text]() component.
|
|
1946
1951
|
*/
|
|
1947
1952
|
declare const DataListItemLabel: {
|
|
1948
|
-
(props:
|
|
1953
|
+
(props: DataListItemLabelProps): JSX.Element;
|
|
1949
1954
|
displayName: string;
|
|
1950
1955
|
};
|
|
1951
1956
|
|
|
1957
|
+
type DataListItemValueProps = TextProps;
|
|
1952
1958
|
/**
|
|
1953
1959
|
* The value of the `DataListItem`. Extends the [Text]() component.
|
|
1954
1960
|
*/
|
|
1955
1961
|
declare const DataListItemValue: {
|
|
1956
|
-
(props:
|
|
1962
|
+
(props: DataListItemValueProps): JSX.Element;
|
|
1957
1963
|
displayName: string;
|
|
1958
1964
|
};
|
|
1959
1965
|
|
|
@@ -2258,9 +2264,10 @@ declare const Label: {
|
|
|
2258
2264
|
type EditableTextLabelProps = Omit<LabelProps, 'disabled' | 'htmlFor' | 'required'>;
|
|
2259
2265
|
declare const EditableTextLabel: ({ ...props }: EditableTextLabelProps) => react_jsx_runtime.JSX.Element;
|
|
2260
2266
|
|
|
2261
|
-
|
|
2267
|
+
type EditableTextSubmitButtonProps = {
|
|
2262
2268
|
children: ReactElement;
|
|
2263
|
-
}
|
|
2269
|
+
};
|
|
2270
|
+
declare const EditableTextSubmitButton: ({ children, }: EditableTextSubmitButtonProps) => JSX.Element | null;
|
|
2264
2271
|
|
|
2265
2272
|
type EditableTextCancelButtonProps = {
|
|
2266
2273
|
/**
|
|
@@ -3126,13 +3133,14 @@ type MenuItemLabelProps = {
|
|
|
3126
3133
|
*/
|
|
3127
3134
|
children: ReactNode;
|
|
3128
3135
|
};
|
|
3136
|
+
declare const MenuItemLabel: ({ children }: MenuItemLabelProps) => react_jsx_runtime.JSX.Element;
|
|
3137
|
+
|
|
3129
3138
|
type MenuItemDescriptionProps = {
|
|
3130
3139
|
/**
|
|
3131
3140
|
* The content of the description
|
|
3132
3141
|
*/
|
|
3133
3142
|
children: ReactNode;
|
|
3134
3143
|
};
|
|
3135
|
-
declare const MenuItemLabel: ({ children }: MenuItemLabelProps) => react_jsx_runtime.JSX.Element;
|
|
3136
3144
|
declare const MenuItemDescription: ({ children }: MenuItemDescriptionProps) => react_jsx_runtime.JSX.Element;
|
|
3137
3145
|
|
|
3138
3146
|
type MenuRadioGroupProps = DropdownMenuRadioGroupProps & {
|
|
@@ -3225,14 +3233,7 @@ type FilterMenuProps = MenuProps & {
|
|
|
3225
3233
|
onSearchValueChange: (value: string) => void;
|
|
3226
3234
|
};
|
|
3227
3235
|
declare const FilterMenuItem: {
|
|
3228
|
-
({ onSelect, checked, onCheckedChange, ...props }:
|
|
3229
|
-
onCheckedChange: (checked: boolean) => void;
|
|
3230
|
-
indicator?: react.ReactNode;
|
|
3231
|
-
checked: boolean;
|
|
3232
|
-
href?: never;
|
|
3233
|
-
isLoading?: never;
|
|
3234
|
-
ref?: never;
|
|
3235
|
-
})): react_jsx_runtime.JSX.Element;
|
|
3236
|
+
({ onSelect, checked, onCheckedChange, ...props }: CheckboxMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
3236
3237
|
displayName: string;
|
|
3237
3238
|
};
|
|
3238
3239
|
declare const FilterMenu: react.ForwardRefExoticComponent<FilterMenuProps & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -3620,6 +3621,10 @@ type RadioCardDefaultLayoutProps = {
|
|
|
3620
3621
|
* Whether to show the indicator
|
|
3621
3622
|
*/
|
|
3622
3623
|
showIndicator?: boolean | undefined;
|
|
3624
|
+
/**
|
|
3625
|
+
* Whether to show the sparkle icon and gated styles
|
|
3626
|
+
*/
|
|
3627
|
+
isGated?: boolean | undefined;
|
|
3623
3628
|
};
|
|
3624
3629
|
|
|
3625
3630
|
type BaseRadioCardProps = Omit<ComponentPropsWithoutRef<'input'>, 'checked' | 'disabled' | 'id' | 'name' | 'onChange' | 'value'> & {
|
|
@@ -3657,6 +3662,7 @@ type RadioCardWithChildren = BaseRadioCardProps & {
|
|
|
3657
3662
|
label?: never;
|
|
3658
3663
|
description?: never;
|
|
3659
3664
|
showIndicator?: never;
|
|
3665
|
+
isGated?: never;
|
|
3660
3666
|
};
|
|
3661
3667
|
type RadioCardWithDefaultLayout = BaseRadioCardProps & RadioCardDefaultLayoutProps & {
|
|
3662
3668
|
children?: never;
|
|
@@ -3772,6 +3778,14 @@ declare const ScreenReaderOnly: {
|
|
|
3772
3778
|
displayName: string;
|
|
3773
3779
|
};
|
|
3774
3780
|
|
|
3781
|
+
type ScrollAreaProps = HTMLAttributes<HTMLDivElement> & {
|
|
3782
|
+
/**
|
|
3783
|
+
* When true, disables scrolling. Useful to temporarily prevent scrolling,
|
|
3784
|
+
* like when drag-and-dropping an item from inside to outside of the scroll
|
|
3785
|
+
* area.
|
|
3786
|
+
*/
|
|
3787
|
+
locked?: boolean;
|
|
3788
|
+
};
|
|
3775
3789
|
/**
|
|
3776
3790
|
* ScrollArea is a simple scrollable container with shadow effects to indicate
|
|
3777
3791
|
* scrollability.
|
|
@@ -4578,4 +4592,4 @@ declare const WistiaLogo: {
|
|
|
4578
4592
|
displayName: string;
|
|
4579
4593
|
};
|
|
4580
4594
|
|
|
4581
|
-
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, BannerImage, 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, CustomizableThemeWrapper, type CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, type DataListProps, Divider, EditableHeading, type EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, type EditableTextProps, EditableTextRoot, type EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, type EllipsisProps, FeatureCard, FeatureCardImage, type FeatureCardProps, 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, ListItem, type ListItemProps, type ListProps, Mark, type MarkProps, Markdown, type MarkdownProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, type MeterProps, type MeterSegment, Modal, ModalCallout, ModalCallouts, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, SplitButton, type SplitButtonProps, 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 UseActiveMqReturnType, type UseIsHoveredReturnType, type UseMqReturnType, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
|
|
4595
|
+
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, BannerImage, 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, CustomizableThemeWrapper, type CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, type DataListProps, Divider, EditableHeading, type EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, type EditableTextProps, EditableTextRoot, type EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, type EllipsisProps, FeatureCard, FeatureCardImage, type FeatureCardProps, 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, ListItem, type ListItemProps, type ListProps, Mark, type MarkProps, Markdown, type MarkdownProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, type MeterProps, type MeterSegment, Modal, ModalCallout, ModalCallouts, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, type ScrollAreaProps, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, SplitButton, type SplitButtonProps, 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 UseActiveMqReturnType, type UseIsHoveredReturnType, type UseMqReturnType, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
|