@wistia/ui 0.20.5 → 0.20.8-beta.26ed9341.000ecec

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
@@ -7,6 +7,7 @@ import { CollapsibleContentProps as CollapsibleContentProps$1 } from '@radix-ui/
7
7
  import { Color } from 'culori/fn';
8
8
  import * as Ariakit from '@ariakit/react';
9
9
  import * as styled_components from 'styled-components';
10
+ import { Schema } from 'yup';
10
11
  import * as _radix_ui_react_dropdown_menu from '@radix-ui/react-dropdown-menu';
11
12
  import { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';
12
13
  import { PopoverContentProps } from '@radix-ui/react-popover';
@@ -479,7 +480,7 @@ type ActionButtonProps = {
479
480
  /**
480
481
  * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `ActionButton` when hovered. By default, it will inherit the `colorScheme` prop.
481
482
  */
482
- hoverColorScheme?: ColorSchemeTypes;
483
+ hoverColorScheme?: ColorSchemeTypes | undefined;
483
484
  /**
484
485
  * Changes the secondary icon for different use cases
485
486
  */
@@ -512,7 +513,7 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
512
513
  /**
513
514
  * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `ActionButton` when hovered. By default, it will inherit the `colorScheme` prop.
514
515
  */
515
- hoverColorScheme?: ColorSchemeTypes;
516
+ hoverColorScheme?: ColorSchemeTypes | undefined;
516
517
  /**
517
518
  * Changes the secondary icon for different use cases
518
519
  */
@@ -541,7 +542,7 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
541
542
  /**
542
543
  * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `ActionButton` when hovered. By default, it will inherit the `colorScheme` prop.
543
544
  */
544
- hoverColorScheme?: ColorSchemeTypes;
545
+ hoverColorScheme?: ColorSchemeTypes | undefined;
545
546
  /**
546
547
  * Changes the secondary icon for different use cases
547
548
  */
@@ -1244,6 +1245,7 @@ declare const iconMap: {
1244
1245
  'checkmark-three-quaters-circle': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1245
1246
  'circle-slashed': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1246
1247
  clapboard: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1248
+ clips: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1247
1249
  close: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1248
1250
  'close-octagon': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1249
1251
  'closed-captions': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -1327,10 +1329,10 @@ declare const iconMap: {
1327
1329
  'open-new': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1328
1330
  overview: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1329
1331
  page: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1330
- 'paper-clip': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1331
1332
  'panel-left': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1332
1333
  'panel-right': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1333
1334
  'panel-up': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1335
+ 'paper-clip': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1334
1336
  password: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1335
1337
  pause: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1336
1338
  pencil: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -1409,6 +1411,7 @@ declare const iconMap: {
1409
1411
  wand: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1410
1412
  waveform: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1411
1413
  webhook: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1414
+ write: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1412
1415
  'zoom-in': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1413
1416
  'zoom-out': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1414
1417
  };
@@ -1922,12 +1925,16 @@ type DividerProps = ComponentPropsWithoutRef<'div'> & {
1922
1925
  * Orientation of the divider.
1923
1926
  */
1924
1927
  orientation?: ResponsiveObject<'horizontal' | 'vertical'> | 'horizontal' | 'vertical';
1928
+ /**
1929
+ * The amount of space to inset the divider.
1930
+ */
1931
+ inset?: ResponsiveObject<Spacings> | Spacings;
1925
1932
  };
1926
1933
  /**
1927
- * A line used to visually separate content; note that dividers have no margin/spacing on their own.
1934
+ * A line used to visually separate content; note that dividers have no external margin/spacing on their own.
1928
1935
  */
1929
1936
  declare const Divider: {
1930
- ({ orientation, ...props }: DividerProps): JSX.Element;
1937
+ ({ orientation, inset, ...props }: DividerProps): JSX.Element;
1931
1938
  displayName: string;
1932
1939
  };
1933
1940
 
@@ -2407,6 +2414,8 @@ type FormErrorSummaryProps = {
2407
2414
  };
2408
2415
  declare const FormErrorSummary: ({ description }: FormErrorSummaryProps) => react_jsx_runtime.JSX.Element | null;
2409
2416
 
2417
+ declare const validateWithYup: <T>(schema: Schema<T>) => (data: object) => {};
2418
+
2410
2419
  type FormFieldProps = ComponentPropsWithoutRef<'div'> & {
2411
2420
  /**
2412
2421
  * This should be a single child that is a valid form field (or can pretend to be one).
@@ -4396,4 +4405,4 @@ declare const CustomizableThemeWrapper: {
4396
4405
  displayName: string;
4397
4406
  };
4398
4407
 
4399
- 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, 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, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, 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, 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 };
4408
+ 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, 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, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, 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, 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, validateWithYup };