@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.cjs +5 -214
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +5 -84
- package/dist/index.d.ts +5 -84
- package/dist/index.mjs +57 -272
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -2
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" | "
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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
|
|
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 };
|