@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 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: TextProps): JSX.Element;
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: TextProps): JSX.Element;
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
- declare const EditableTextSubmitButton: ({ children, }: {
2267
+ type EditableTextSubmitButtonProps = {
2262
2268
  children: ReactElement;
2263
- }) => JSX.Element | null;
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 }: _radix_ui_react_dropdown_menu.DropdownMenuCheckboxItemProps & (MenuItemButtonProps & {
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 };