@wistia/ui 0.4.8-beta.d9bacfdc.e51055f → 0.4.8

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.mts CHANGED
@@ -122,14 +122,6 @@ type BaseProps = {
122
122
  * Disables the link
123
123
  */
124
124
  disabled?: boolean;
125
- /**
126
- * Icon to display on the left side of the link, Must be an instance of [Icon](?path=/docs/components-icon--docs)
127
- */
128
- leftIcon?: JSX.Element | undefined;
129
- /**
130
- * Icon to display on the right side of the link, Must be an instance of [Icon](?path=/docs/components-icon--docs)
131
- */
132
- rightIcon?: JSX.Element | undefined;
133
125
  /**
134
126
  * Type of link to display
135
127
  *
@@ -324,7 +316,7 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
324
316
  * Changes the secondary icon for different use cases
325
317
  */
326
318
  variant?: "default" | "gated" | "menu-down" | "menu-up";
327
- } & Omit<ButtonAsButtonProps, "size" | "leftIcon" | "rightIcon" | "isLoading" | "fullWidth" | "unstyled" | "variant">, "ref"> | Omit<{
319
+ } & Omit<ButtonAsButtonProps, "size" | "isLoading" | "leftIcon" | "fullWidth" | "unstyled" | "rightIcon" | "variant">, "ref"> | Omit<{
328
320
  /**
329
321
  * The Icon component to use, e.g. `<Icon type="favorite" />`
330
322
  */
@@ -341,7 +333,7 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
341
333
  * Changes the secondary icon for different use cases
342
334
  */
343
335
  variant?: "default" | "gated" | "menu-down" | "menu-up";
344
- } & Omit<ButtonAsLinkProps, "size" | "leftIcon" | "rightIcon" | "isLoading" | "fullWidth" | "unstyled" | "variant">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
336
+ } & Omit<ButtonAsLinkProps, "size" | "isLoading" | "leftIcon" | "fullWidth" | "unstyled" | "rightIcon" | "variant">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
345
337
 
346
338
  type AvatarInstanceType = 'image' | 'initials';
347
339
  type AvatarImageLoadStateType = 'error' | 'loaded' | 'loading';
@@ -1267,7 +1259,7 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
1267
1259
  * The Icon component to use, e.g. `<Icon type="favorite" />`
1268
1260
  */
1269
1261
  children: JSX.Element;
1270
- } & Omit<ButtonAsButtonProps, "leftIcon" | "rightIcon" | "fullWidth">, "ref"> | Omit<{
1262
+ } & Omit<ButtonAsButtonProps, "leftIcon" | "fullWidth" | "rightIcon">, "ref"> | Omit<{
1271
1263
  /**
1272
1264
  * Accessible text for screen readers. Also shows up in a tooltip unless `disableTooltip` is true.
1273
1265
  */
@@ -1276,7 +1268,7 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
1276
1268
  * The Icon component to use, e.g. `<Icon type="favorite" />`
1277
1269
  */
1278
1270
  children: JSX.Element;
1279
- } & Omit<ButtonAsLinkProps, "leftIcon" | "rightIcon" | "fullWidth">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
1271
+ } & Omit<ButtonAsLinkProps, "leftIcon" | "fullWidth" | "rightIcon">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
1280
1272
 
1281
1273
  type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, 'type'> & {
1282
1274
  /**
@@ -2176,75 +2168,4 @@ declare const WistiaLogo: {
2176
2168
  displayName: string;
2177
2169
  };
2178
2170
 
2179
- type SelectProps = {
2180
- /**
2181
- * Sets the validity status of the input
2182
- *
2183
- * @default false
2184
- */
2185
- 'aria-invalid'?: boolean;
2186
- /**
2187
- * A group of `Option` or `OptionGroup`s
2188
- */
2189
- children: ReactNode;
2190
- colorScheme?: ColorSchemeTypes;
2191
- /**
2192
- * When true, the select can't be interacted with.
2193
- *
2194
- * @default false
2195
- */
2196
- disabled?: boolean;
2197
- /**
2198
- * If true, the select will fill its container
2199
- */
2200
- fullWidth?: ResponsiveObject<boolean> | boolean;
2201
- /**
2202
- * Called when a value is changed.
2203
- */
2204
- onChange?: (value: string) => void;
2205
- /**
2206
- * Text shown when no value is selected
2207
- */
2208
- placeholder?: string;
2209
- /**
2210
- * The controlled value. Must be used in conjunction with `onChange`.
2211
- */
2212
- value?: string;
2213
- };
2214
- /**
2215
- * Display a list of options and choose one of them. Replacement for the native Select HTML element.
2216
- */
2217
- declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLButtonElement>>;
2218
-
2219
- type SelectOptionProps = {
2220
- /**
2221
- * The visual content of the select
2222
- */
2223
- children: ReactNode;
2224
- /**
2225
- * The value to set
2226
- */
2227
- value: string;
2228
- /**
2229
- * When true, this option will not be selectable
2230
- *
2231
- * @default false
2232
- */
2233
- disabled?: boolean;
2234
- /**
2235
- * Optional text used for typeahead purposes. By default the typeahead behavior will use the `.textContent` of the Option.
2236
- * Use this when the content is complex, or you have non-textual content inside.
2237
- */
2238
- textValue?: string;
2239
- };
2240
- declare const SelectOption: react.ForwardRefExoticComponent<SelectOptionProps & react.RefAttributes<HTMLDivElement>>;
2241
-
2242
- type SelectOptionGroupProps = {
2243
- /** The label of the group */
2244
- label: string;
2245
- /** At least one `Option` */
2246
- children: ReactNode;
2247
- };
2248
- declare const SelectOptionGroup: ({ children, label, ...props }: SelectOptionGroupProps) => react_jsx_runtime.JSX.Element;
2249
-
2250
- 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, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, useToast, useWindowSize };
2171
+ 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, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, useToast, useWindowSize };
package/dist/index.d.ts CHANGED
@@ -122,14 +122,6 @@ type BaseProps = {
122
122
  * Disables the link
123
123
  */
124
124
  disabled?: boolean;
125
- /**
126
- * Icon to display on the left side of the link, Must be an instance of [Icon](?path=/docs/components-icon--docs)
127
- */
128
- leftIcon?: JSX.Element | undefined;
129
- /**
130
- * Icon to display on the right side of the link, Must be an instance of [Icon](?path=/docs/components-icon--docs)
131
- */
132
- rightIcon?: JSX.Element | undefined;
133
125
  /**
134
126
  * Type of link to display
135
127
  *
@@ -324,7 +316,7 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
324
316
  * Changes the secondary icon for different use cases
325
317
  */
326
318
  variant?: "default" | "gated" | "menu-down" | "menu-up";
327
- } & Omit<ButtonAsButtonProps, "size" | "leftIcon" | "rightIcon" | "isLoading" | "fullWidth" | "unstyled" | "variant">, "ref"> | Omit<{
319
+ } & Omit<ButtonAsButtonProps, "size" | "isLoading" | "leftIcon" | "fullWidth" | "unstyled" | "rightIcon" | "variant">, "ref"> | Omit<{
328
320
  /**
329
321
  * The Icon component to use, e.g. `<Icon type="favorite" />`
330
322
  */
@@ -341,7 +333,7 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
341
333
  * Changes the secondary icon for different use cases
342
334
  */
343
335
  variant?: "default" | "gated" | "menu-down" | "menu-up";
344
- } & Omit<ButtonAsLinkProps, "size" | "leftIcon" | "rightIcon" | "isLoading" | "fullWidth" | "unstyled" | "variant">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
336
+ } & Omit<ButtonAsLinkProps, "size" | "isLoading" | "leftIcon" | "fullWidth" | "unstyled" | "rightIcon" | "variant">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
345
337
 
346
338
  type AvatarInstanceType = 'image' | 'initials';
347
339
  type AvatarImageLoadStateType = 'error' | 'loaded' | 'loading';
@@ -1267,7 +1259,7 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
1267
1259
  * The Icon component to use, e.g. `<Icon type="favorite" />`
1268
1260
  */
1269
1261
  children: JSX.Element;
1270
- } & Omit<ButtonAsButtonProps, "leftIcon" | "rightIcon" | "fullWidth">, "ref"> | Omit<{
1262
+ } & Omit<ButtonAsButtonProps, "leftIcon" | "fullWidth" | "rightIcon">, "ref"> | Omit<{
1271
1263
  /**
1272
1264
  * Accessible text for screen readers. Also shows up in a tooltip unless `disableTooltip` is true.
1273
1265
  */
@@ -1276,7 +1268,7 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
1276
1268
  * The Icon component to use, e.g. `<Icon type="favorite" />`
1277
1269
  */
1278
1270
  children: JSX.Element;
1279
- } & Omit<ButtonAsLinkProps, "leftIcon" | "rightIcon" | "fullWidth">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
1271
+ } & Omit<ButtonAsLinkProps, "leftIcon" | "fullWidth" | "rightIcon">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
1280
1272
 
1281
1273
  type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, 'type'> & {
1282
1274
  /**
@@ -2176,75 +2168,4 @@ declare const WistiaLogo: {
2176
2168
  displayName: string;
2177
2169
  };
2178
2170
 
2179
- type SelectProps = {
2180
- /**
2181
- * Sets the validity status of the input
2182
- *
2183
- * @default false
2184
- */
2185
- 'aria-invalid'?: boolean;
2186
- /**
2187
- * A group of `Option` or `OptionGroup`s
2188
- */
2189
- children: ReactNode;
2190
- colorScheme?: ColorSchemeTypes;
2191
- /**
2192
- * When true, the select can't be interacted with.
2193
- *
2194
- * @default false
2195
- */
2196
- disabled?: boolean;
2197
- /**
2198
- * If true, the select will fill its container
2199
- */
2200
- fullWidth?: ResponsiveObject<boolean> | boolean;
2201
- /**
2202
- * Called when a value is changed.
2203
- */
2204
- onChange?: (value: string) => void;
2205
- /**
2206
- * Text shown when no value is selected
2207
- */
2208
- placeholder?: string;
2209
- /**
2210
- * The controlled value. Must be used in conjunction with `onChange`.
2211
- */
2212
- value?: string;
2213
- };
2214
- /**
2215
- * Display a list of options and choose one of them. Replacement for the native Select HTML element.
2216
- */
2217
- declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLButtonElement>>;
2218
-
2219
- type SelectOptionProps = {
2220
- /**
2221
- * The visual content of the select
2222
- */
2223
- children: ReactNode;
2224
- /**
2225
- * The value to set
2226
- */
2227
- value: string;
2228
- /**
2229
- * When true, this option will not be selectable
2230
- *
2231
- * @default false
2232
- */
2233
- disabled?: boolean;
2234
- /**
2235
- * Optional text used for typeahead purposes. By default the typeahead behavior will use the `.textContent` of the Option.
2236
- * Use this when the content is complex, or you have non-textual content inside.
2237
- */
2238
- textValue?: string;
2239
- };
2240
- declare const SelectOption: react.ForwardRefExoticComponent<SelectOptionProps & react.RefAttributes<HTMLDivElement>>;
2241
-
2242
- type SelectOptionGroupProps = {
2243
- /** The label of the group */
2244
- label: string;
2245
- /** At least one `Option` */
2246
- children: ReactNode;
2247
- };
2248
- declare const SelectOptionGroup: ({ children, label, ...props }: SelectOptionGroupProps) => react_jsx_runtime.JSX.Element;
2249
-
2250
- 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, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, useToast, useWindowSize };
2171
+ 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, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, useToast, useWindowSize };