@wistia/ui 0.6.42-beta.c71edcd2.f90d494 → 0.6.42
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 +226 -279
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +32 -44
- package/dist/index.d.ts +32 -44
- package/dist/index.mjs +225 -277
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -2
package/dist/index.d.mts
CHANGED
|
@@ -144,7 +144,7 @@ type ColorSchemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
144
144
|
* A wrapper to apply a color scheme to its children.
|
|
145
145
|
*/
|
|
146
146
|
declare const ColorSchemeWrapper: {
|
|
147
|
-
({ __nav, colorScheme, children, ...
|
|
147
|
+
({ __nav, colorScheme, children, ...otherProps }: ColorSchemeWrapperProps): JSX.Element;
|
|
148
148
|
displayName: string;
|
|
149
149
|
};
|
|
150
150
|
|
|
@@ -513,7 +513,7 @@ type AvatarProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
513
513
|
* An avatar uses a photo, initials or icon to represent an entity
|
|
514
514
|
*/
|
|
515
515
|
declare const Avatar: {
|
|
516
|
-
({ imageUrl, heightAndWidth, name, size, onImageLoad, ...
|
|
516
|
+
({ imageUrl, heightAndWidth, name, size, onImageLoad, ...otherProps }: AvatarProps): JSX.Element;
|
|
517
517
|
displayName: string;
|
|
518
518
|
};
|
|
519
519
|
|
|
@@ -795,7 +795,7 @@ type ButtonGroupProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
795
795
|
* with a standardized gap between them.
|
|
796
796
|
*/
|
|
797
797
|
declare const ButtonGroup: {
|
|
798
|
-
({ children, align, fullWidth, collapseOnSmallScreens, ...
|
|
798
|
+
({ children, align, fullWidth, collapseOnSmallScreens, ...otherProps }: ButtonGroupProps): JSX.Element | null;
|
|
799
799
|
displayName: string;
|
|
800
800
|
};
|
|
801
801
|
|
|
@@ -1130,7 +1130,7 @@ type DividerProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
1130
1130
|
* A line used to visually separate content; note that dividers have no margin/spacing on their own.
|
|
1131
1131
|
*/
|
|
1132
1132
|
declare const Divider: {
|
|
1133
|
-
({ orientation, ...
|
|
1133
|
+
({ orientation, ...otherProps }: DividerProps): JSX.Element;
|
|
1134
1134
|
displayName: string;
|
|
1135
1135
|
};
|
|
1136
1136
|
|
|
@@ -1193,7 +1193,7 @@ type EllipsisProps = ComponentPropsWithoutRef<'span'> & {
|
|
|
1193
1193
|
* Truncate text with an ellispsis visble at the end
|
|
1194
1194
|
*/
|
|
1195
1195
|
declare const Ellipsis: {
|
|
1196
|
-
({ children, lines, ...
|
|
1196
|
+
({ children, lines, ...otherProps }: EllipsisProps): JSX.Element;
|
|
1197
1197
|
displayName: string;
|
|
1198
1198
|
};
|
|
1199
1199
|
|
|
@@ -1627,7 +1627,7 @@ type IconProps = ComponentPropsWithoutRef<'svg'> & {
|
|
|
1627
1627
|
* for interactivity. If you need an interactive element, use [IconButton](?path=/docs/components-iconbutton--docs).
|
|
1628
1628
|
*/
|
|
1629
1629
|
declare const Icon: {
|
|
1630
|
-
({ invertColor, colorScheme, size, style, type, ...
|
|
1630
|
+
({ invertColor, colorScheme, size, style, type, ...otherProps }: IconProps): JSX.Element;
|
|
1631
1631
|
displayName: string;
|
|
1632
1632
|
};
|
|
1633
1633
|
|
|
@@ -1703,7 +1703,7 @@ type ImageProps = ComponentPropsWithoutRef<'img'> & {
|
|
|
1703
1703
|
src: string;
|
|
1704
1704
|
};
|
|
1705
1705
|
declare const Image: {
|
|
1706
|
-
({ src, alt, borderRadius, fill: fillContainer, fit: objFit, loading, position: objPosition, ...
|
|
1706
|
+
({ src, alt, borderRadius, fill: fillContainer, fit: objFit, loading, position: objPosition, ...otherProps }: ImageProps): JSX.Element;
|
|
1707
1707
|
displayName: string;
|
|
1708
1708
|
};
|
|
1709
1709
|
|
|
@@ -1806,7 +1806,7 @@ type LabelProps = ComponentPropsWithoutRef<'label'> & {
|
|
|
1806
1806
|
* Labels are used to give a title to a form component (eg. Input, Select, etc.)
|
|
1807
1807
|
*/
|
|
1808
1808
|
declare const Label: {
|
|
1809
|
-
({ children, disabled, htmlFor, required, screenReaderOnly, ...
|
|
1809
|
+
({ children, disabled, htmlFor, required, screenReaderOnly, ...otherProps }: LabelProps): JSX.Element;
|
|
1810
1810
|
displayName: string;
|
|
1811
1811
|
};
|
|
1812
1812
|
|
|
@@ -2498,7 +2498,7 @@ type ScreenReaderOnlyProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
2498
2498
|
* Used to hide content from the visual client, but keep it readable for screen readers.
|
|
2499
2499
|
*/
|
|
2500
2500
|
declare const ScreenReaderOnly: {
|
|
2501
|
-
({ text, children, focusable, ...
|
|
2501
|
+
({ text, children, focusable, ...otherProps }: ScreenReaderOnlyProps): react_jsx_runtime.JSX.Element;
|
|
2502
2502
|
displayName: string;
|
|
2503
2503
|
};
|
|
2504
2504
|
|
|
@@ -2966,38 +2966,6 @@ declare const Tag: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<
|
|
|
2966
2966
|
onClickRemoveLabel?: string | undefined;
|
|
2967
2967
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
2968
2968
|
|
|
2969
|
-
declare const gradients: {
|
|
2970
|
-
defaultDarkOne: FlattenSimpleInterpolation;
|
|
2971
|
-
defaultDarkTwo: FlattenSimpleInterpolation;
|
|
2972
|
-
defaultLightOne: FlattenSimpleInterpolation;
|
|
2973
|
-
defaultLightTwo: FlattenSimpleInterpolation;
|
|
2974
|
-
defaultMidOne: FlattenSimpleInterpolation;
|
|
2975
|
-
defaultMidTwo: FlattenSimpleInterpolation;
|
|
2976
|
-
green: FlattenSimpleInterpolation;
|
|
2977
|
-
greenWithPop: FlattenSimpleInterpolation;
|
|
2978
|
-
pink: FlattenSimpleInterpolation;
|
|
2979
|
-
pinkWithPop: FlattenSimpleInterpolation;
|
|
2980
|
-
playfulGradientOne: FlattenSimpleInterpolation;
|
|
2981
|
-
playfulGradientTwo: FlattenSimpleInterpolation;
|
|
2982
|
-
purple: FlattenSimpleInterpolation;
|
|
2983
|
-
purpleWithPop: FlattenSimpleInterpolation;
|
|
2984
|
-
yellow: FlattenSimpleInterpolation;
|
|
2985
|
-
yellowWithPop: FlattenSimpleInterpolation;
|
|
2986
|
-
};
|
|
2987
|
-
type GradientNameType = keyof typeof gradients;
|
|
2988
|
-
|
|
2989
|
-
type ThumbnailCollageProps = {
|
|
2990
|
-
/**
|
|
2991
|
-
* An array of image urls to show in the thumbnail. Supports up to 3 images
|
|
2992
|
-
*/
|
|
2993
|
-
thumbnailUrls: string[];
|
|
2994
|
-
/**
|
|
2995
|
-
* The type of gradient to show when there are no thumbnail urls
|
|
2996
|
-
*/
|
|
2997
|
-
gradientBackground?: GradientNameType;
|
|
2998
|
-
};
|
|
2999
|
-
declare const ThumbnailCollage: ({ thumbnailUrls, gradientBackground, ...props }: ThumbnailCollageProps) => JSX.Element;
|
|
3000
|
-
|
|
3001
2969
|
type TooltipProps = {
|
|
3002
2970
|
/**
|
|
3003
2971
|
* The content of the tooltip
|
|
@@ -3077,7 +3045,7 @@ type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
|
|
|
3077
3045
|
opticallyCentered?: boolean;
|
|
3078
3046
|
};
|
|
3079
3047
|
declare const WistiaLogo: {
|
|
3080
|
-
({ description, height, hoverColor, href, iconOnly, opticallyCentered, title, variant, ...
|
|
3048
|
+
({ description, height, hoverColor, href, iconOnly, opticallyCentered, title, variant, ...otherProps }: WistiaLogoProps): react_jsx_runtime.JSX.Element;
|
|
3081
3049
|
displayName: string;
|
|
3082
3050
|
};
|
|
3083
3051
|
|
|
@@ -3092,10 +3060,30 @@ type ThumbnailBadgeProps = {
|
|
|
3092
3060
|
label: string;
|
|
3093
3061
|
};
|
|
3094
3062
|
declare const ThumbnailBadge: {
|
|
3095
|
-
({ icon, label, ...
|
|
3063
|
+
({ icon, label, ...otherProps }: ThumbnailBadgeProps): JSX.Element;
|
|
3096
3064
|
displayName: string;
|
|
3097
3065
|
};
|
|
3098
3066
|
|
|
3067
|
+
declare const gradients: {
|
|
3068
|
+
defaultDarkOne: FlattenSimpleInterpolation;
|
|
3069
|
+
defaultDarkTwo: FlattenSimpleInterpolation;
|
|
3070
|
+
defaultLightOne: FlattenSimpleInterpolation;
|
|
3071
|
+
defaultLightTwo: FlattenSimpleInterpolation;
|
|
3072
|
+
defaultMidOne: FlattenSimpleInterpolation;
|
|
3073
|
+
defaultMidTwo: FlattenSimpleInterpolation;
|
|
3074
|
+
green: FlattenSimpleInterpolation;
|
|
3075
|
+
greenWithPop: FlattenSimpleInterpolation;
|
|
3076
|
+
pink: FlattenSimpleInterpolation;
|
|
3077
|
+
pinkWithPop: FlattenSimpleInterpolation;
|
|
3078
|
+
playfulGradientOne: FlattenSimpleInterpolation;
|
|
3079
|
+
playfulGradientTwo: FlattenSimpleInterpolation;
|
|
3080
|
+
purple: FlattenSimpleInterpolation;
|
|
3081
|
+
purpleWithPop: FlattenSimpleInterpolation;
|
|
3082
|
+
yellow: FlattenSimpleInterpolation;
|
|
3083
|
+
yellowWithPop: FlattenSimpleInterpolation;
|
|
3084
|
+
};
|
|
3085
|
+
type GradientNameType = keyof typeof gradients;
|
|
3086
|
+
|
|
3099
3087
|
type ThumbnailProps = ComponentPropsWithoutRef<'div'> & {
|
|
3100
3088
|
/**
|
|
3101
3089
|
* The type of gradient to show either behind the icon or when there is no thumbnail image
|
|
@@ -3141,4 +3129,4 @@ declare const Thumbnail: react.ForwardRefExoticComponent<Omit<react.DetailedHTML
|
|
|
3141
3129
|
children?: ReactNode;
|
|
3142
3130
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
3143
3131
|
|
|
3144
|
-
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, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, 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, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps,
|
|
3132
|
+
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, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, 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, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useFocusTrap, useFormState, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };
|
package/dist/index.d.ts
CHANGED
|
@@ -144,7 +144,7 @@ type ColorSchemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
144
144
|
* A wrapper to apply a color scheme to its children.
|
|
145
145
|
*/
|
|
146
146
|
declare const ColorSchemeWrapper: {
|
|
147
|
-
({ __nav, colorScheme, children, ...
|
|
147
|
+
({ __nav, colorScheme, children, ...otherProps }: ColorSchemeWrapperProps): JSX.Element;
|
|
148
148
|
displayName: string;
|
|
149
149
|
};
|
|
150
150
|
|
|
@@ -513,7 +513,7 @@ type AvatarProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
513
513
|
* An avatar uses a photo, initials or icon to represent an entity
|
|
514
514
|
*/
|
|
515
515
|
declare const Avatar: {
|
|
516
|
-
({ imageUrl, heightAndWidth, name, size, onImageLoad, ...
|
|
516
|
+
({ imageUrl, heightAndWidth, name, size, onImageLoad, ...otherProps }: AvatarProps): JSX.Element;
|
|
517
517
|
displayName: string;
|
|
518
518
|
};
|
|
519
519
|
|
|
@@ -795,7 +795,7 @@ type ButtonGroupProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
795
795
|
* with a standardized gap between them.
|
|
796
796
|
*/
|
|
797
797
|
declare const ButtonGroup: {
|
|
798
|
-
({ children, align, fullWidth, collapseOnSmallScreens, ...
|
|
798
|
+
({ children, align, fullWidth, collapseOnSmallScreens, ...otherProps }: ButtonGroupProps): JSX.Element | null;
|
|
799
799
|
displayName: string;
|
|
800
800
|
};
|
|
801
801
|
|
|
@@ -1130,7 +1130,7 @@ type DividerProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
1130
1130
|
* A line used to visually separate content; note that dividers have no margin/spacing on their own.
|
|
1131
1131
|
*/
|
|
1132
1132
|
declare const Divider: {
|
|
1133
|
-
({ orientation, ...
|
|
1133
|
+
({ orientation, ...otherProps }: DividerProps): JSX.Element;
|
|
1134
1134
|
displayName: string;
|
|
1135
1135
|
};
|
|
1136
1136
|
|
|
@@ -1193,7 +1193,7 @@ type EllipsisProps = ComponentPropsWithoutRef<'span'> & {
|
|
|
1193
1193
|
* Truncate text with an ellispsis visble at the end
|
|
1194
1194
|
*/
|
|
1195
1195
|
declare const Ellipsis: {
|
|
1196
|
-
({ children, lines, ...
|
|
1196
|
+
({ children, lines, ...otherProps }: EllipsisProps): JSX.Element;
|
|
1197
1197
|
displayName: string;
|
|
1198
1198
|
};
|
|
1199
1199
|
|
|
@@ -1627,7 +1627,7 @@ type IconProps = ComponentPropsWithoutRef<'svg'> & {
|
|
|
1627
1627
|
* for interactivity. If you need an interactive element, use [IconButton](?path=/docs/components-iconbutton--docs).
|
|
1628
1628
|
*/
|
|
1629
1629
|
declare const Icon: {
|
|
1630
|
-
({ invertColor, colorScheme, size, style, type, ...
|
|
1630
|
+
({ invertColor, colorScheme, size, style, type, ...otherProps }: IconProps): JSX.Element;
|
|
1631
1631
|
displayName: string;
|
|
1632
1632
|
};
|
|
1633
1633
|
|
|
@@ -1703,7 +1703,7 @@ type ImageProps = ComponentPropsWithoutRef<'img'> & {
|
|
|
1703
1703
|
src: string;
|
|
1704
1704
|
};
|
|
1705
1705
|
declare const Image: {
|
|
1706
|
-
({ src, alt, borderRadius, fill: fillContainer, fit: objFit, loading, position: objPosition, ...
|
|
1706
|
+
({ src, alt, borderRadius, fill: fillContainer, fit: objFit, loading, position: objPosition, ...otherProps }: ImageProps): JSX.Element;
|
|
1707
1707
|
displayName: string;
|
|
1708
1708
|
};
|
|
1709
1709
|
|
|
@@ -1806,7 +1806,7 @@ type LabelProps = ComponentPropsWithoutRef<'label'> & {
|
|
|
1806
1806
|
* Labels are used to give a title to a form component (eg. Input, Select, etc.)
|
|
1807
1807
|
*/
|
|
1808
1808
|
declare const Label: {
|
|
1809
|
-
({ children, disabled, htmlFor, required, screenReaderOnly, ...
|
|
1809
|
+
({ children, disabled, htmlFor, required, screenReaderOnly, ...otherProps }: LabelProps): JSX.Element;
|
|
1810
1810
|
displayName: string;
|
|
1811
1811
|
};
|
|
1812
1812
|
|
|
@@ -2498,7 +2498,7 @@ type ScreenReaderOnlyProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
2498
2498
|
* Used to hide content from the visual client, but keep it readable for screen readers.
|
|
2499
2499
|
*/
|
|
2500
2500
|
declare const ScreenReaderOnly: {
|
|
2501
|
-
({ text, children, focusable, ...
|
|
2501
|
+
({ text, children, focusable, ...otherProps }: ScreenReaderOnlyProps): react_jsx_runtime.JSX.Element;
|
|
2502
2502
|
displayName: string;
|
|
2503
2503
|
};
|
|
2504
2504
|
|
|
@@ -2966,38 +2966,6 @@ declare const Tag: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<
|
|
|
2966
2966
|
onClickRemoveLabel?: string | undefined;
|
|
2967
2967
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
2968
2968
|
|
|
2969
|
-
declare const gradients: {
|
|
2970
|
-
defaultDarkOne: FlattenSimpleInterpolation;
|
|
2971
|
-
defaultDarkTwo: FlattenSimpleInterpolation;
|
|
2972
|
-
defaultLightOne: FlattenSimpleInterpolation;
|
|
2973
|
-
defaultLightTwo: FlattenSimpleInterpolation;
|
|
2974
|
-
defaultMidOne: FlattenSimpleInterpolation;
|
|
2975
|
-
defaultMidTwo: FlattenSimpleInterpolation;
|
|
2976
|
-
green: FlattenSimpleInterpolation;
|
|
2977
|
-
greenWithPop: FlattenSimpleInterpolation;
|
|
2978
|
-
pink: FlattenSimpleInterpolation;
|
|
2979
|
-
pinkWithPop: FlattenSimpleInterpolation;
|
|
2980
|
-
playfulGradientOne: FlattenSimpleInterpolation;
|
|
2981
|
-
playfulGradientTwo: FlattenSimpleInterpolation;
|
|
2982
|
-
purple: FlattenSimpleInterpolation;
|
|
2983
|
-
purpleWithPop: FlattenSimpleInterpolation;
|
|
2984
|
-
yellow: FlattenSimpleInterpolation;
|
|
2985
|
-
yellowWithPop: FlattenSimpleInterpolation;
|
|
2986
|
-
};
|
|
2987
|
-
type GradientNameType = keyof typeof gradients;
|
|
2988
|
-
|
|
2989
|
-
type ThumbnailCollageProps = {
|
|
2990
|
-
/**
|
|
2991
|
-
* An array of image urls to show in the thumbnail. Supports up to 3 images
|
|
2992
|
-
*/
|
|
2993
|
-
thumbnailUrls: string[];
|
|
2994
|
-
/**
|
|
2995
|
-
* The type of gradient to show when there are no thumbnail urls
|
|
2996
|
-
*/
|
|
2997
|
-
gradientBackground?: GradientNameType;
|
|
2998
|
-
};
|
|
2999
|
-
declare const ThumbnailCollage: ({ thumbnailUrls, gradientBackground, ...props }: ThumbnailCollageProps) => JSX.Element;
|
|
3000
|
-
|
|
3001
2969
|
type TooltipProps = {
|
|
3002
2970
|
/**
|
|
3003
2971
|
* The content of the tooltip
|
|
@@ -3077,7 +3045,7 @@ type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
|
|
|
3077
3045
|
opticallyCentered?: boolean;
|
|
3078
3046
|
};
|
|
3079
3047
|
declare const WistiaLogo: {
|
|
3080
|
-
({ description, height, hoverColor, href, iconOnly, opticallyCentered, title, variant, ...
|
|
3048
|
+
({ description, height, hoverColor, href, iconOnly, opticallyCentered, title, variant, ...otherProps }: WistiaLogoProps): react_jsx_runtime.JSX.Element;
|
|
3081
3049
|
displayName: string;
|
|
3082
3050
|
};
|
|
3083
3051
|
|
|
@@ -3092,10 +3060,30 @@ type ThumbnailBadgeProps = {
|
|
|
3092
3060
|
label: string;
|
|
3093
3061
|
};
|
|
3094
3062
|
declare const ThumbnailBadge: {
|
|
3095
|
-
({ icon, label, ...
|
|
3063
|
+
({ icon, label, ...otherProps }: ThumbnailBadgeProps): JSX.Element;
|
|
3096
3064
|
displayName: string;
|
|
3097
3065
|
};
|
|
3098
3066
|
|
|
3067
|
+
declare const gradients: {
|
|
3068
|
+
defaultDarkOne: FlattenSimpleInterpolation;
|
|
3069
|
+
defaultDarkTwo: FlattenSimpleInterpolation;
|
|
3070
|
+
defaultLightOne: FlattenSimpleInterpolation;
|
|
3071
|
+
defaultLightTwo: FlattenSimpleInterpolation;
|
|
3072
|
+
defaultMidOne: FlattenSimpleInterpolation;
|
|
3073
|
+
defaultMidTwo: FlattenSimpleInterpolation;
|
|
3074
|
+
green: FlattenSimpleInterpolation;
|
|
3075
|
+
greenWithPop: FlattenSimpleInterpolation;
|
|
3076
|
+
pink: FlattenSimpleInterpolation;
|
|
3077
|
+
pinkWithPop: FlattenSimpleInterpolation;
|
|
3078
|
+
playfulGradientOne: FlattenSimpleInterpolation;
|
|
3079
|
+
playfulGradientTwo: FlattenSimpleInterpolation;
|
|
3080
|
+
purple: FlattenSimpleInterpolation;
|
|
3081
|
+
purpleWithPop: FlattenSimpleInterpolation;
|
|
3082
|
+
yellow: FlattenSimpleInterpolation;
|
|
3083
|
+
yellowWithPop: FlattenSimpleInterpolation;
|
|
3084
|
+
};
|
|
3085
|
+
type GradientNameType = keyof typeof gradients;
|
|
3086
|
+
|
|
3099
3087
|
type ThumbnailProps = ComponentPropsWithoutRef<'div'> & {
|
|
3100
3088
|
/**
|
|
3101
3089
|
* The type of gradient to show either behind the icon or when there is no thumbnail image
|
|
@@ -3141,4 +3129,4 @@ declare const Thumbnail: react.ForwardRefExoticComponent<Omit<react.DetailedHTML
|
|
|
3141
3129
|
children?: ReactNode;
|
|
3142
3130
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
3143
3131
|
|
|
3144
|
-
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, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, 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, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps,
|
|
3132
|
+
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, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, 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, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useFocusTrap, useFormState, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };
|