@wistia/ui 0.6.20 → 0.6.21

package/dist/index.d.mts

@@ -439,6 +439,7 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
 
 type AvatarInstanceType = 'image' | 'initials';
 type AvatarImageLoadStateType = 'error' | 'loaded' | 'loading';
+type AvatarSizeType = 'lg' | 'md' | 'sm';
 type AvatarStatus = {
     type: AvatarInstanceType;
     state: AvatarImageLoadStateType;
@@ -461,7 +462,7 @@ type AvatarProps = ComponentPropsWithoutRef<'div'> & {
     /**
      * A predefined size for the avatar
      */
-    size?: 'lg' | 'md' | 'sm';
+    size?: AvatarSizeType;
     /**
      * A callback that is invoked after the image has loaded or failed to load
      */
@@ -826,7 +827,8 @@ declare const Card: {
     displayName: string;
 };
 
-type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
+type CheckboxSizeType = 'lg' | 'md' | 'sm';
+declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "size"> & {
     /**
      * Indicates the state of the checkbox
      */
@@ -835,11 +837,6 @@ type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
      * Disables checkbox
      */
     disabled?: boolean;
-    /**
-     * @ignore
-     * Force a Checkbox into a particular css state (for debugging)
-     */
-    forceState?: 'focus' | 'hover';
     /**
      * Optional ID attribute
      */
@@ -859,17 +856,20 @@ type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
     /**
      * Callback function invoked when the value changes
      */
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (event: ChangeEvent) => unknown;
     /**
-     * Make Input a required element
+     * Indicates if the input is required
      */
     required?: boolean;
+    /**
+     * A predefined size for the checkbox
+     */
+    size?: CheckboxSizeType;
     /**
      * The value given as data when submitted with a `name`.
      */
     value?: string;
-};
-declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+} & react.RefAttributes<HTMLInputElement>>;
 
 type ClickRegionProps = {
     /**
@@ -2247,7 +2247,8 @@ declare const ProgressBar: {
     displayName: string;
 };
 
-type RadioProps = ComponentPropsWithoutRef<'input'> & {
+type RadioSizeType = 'lg' | 'md' | 'sm';
+type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'onChange' | 'size'> & {
     /**
      * Indicates the state of the radio
      */
@@ -2267,7 +2268,7 @@ type RadioProps = ComponentPropsWithoutRef<'input'> & {
     /**
      * The label for the input
      */
-    label: JSX.Element | string;
+    label?: JSX.Element | string;
     /**
      * The description for the radio
      */
@@ -2282,15 +2283,19 @@ type RadioProps = ComponentPropsWithoutRef<'input'> & {
      */
     onChange?: (event: ChangeEvent) => unknown;
     /**
-     * Make Radio a required element
+     * Indicates if the input is required
      */
     required?: boolean;
+    /**
+     * A predefined size for the radio
+     */
+    size?: RadioSizeType;
     /**
      * The value attribute of the input
      */
     value?: string;
 };
-declare const Radio: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "size"> & {
     /**
      * Indicates the state of the radio
      */
@@ -2310,7 +2315,7 @@ declare const Radio: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
     /**
      * The label for the input
      */
-    label: JSX.Element | string;
+    label?: JSX.Element | string;
     /**
      * The description for the radio
      */
@@ -2325,9 +2330,13 @@ declare const Radio: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
      */
     onChange?: (event: ChangeEvent) => unknown;
     /**
-     * Make Radio a required element
+     * Indicates if the input is required
      */
     required?: boolean;
+    /**
+     * A predefined size for the radio
+     */
+    size?: RadioSizeType;
     /**
      * The value attribute of the input
      */
@@ -2680,6 +2689,10 @@ type TagProps = ComponentPropsWithoutRef<'div'> & {
      * Valid URL for the `Tag` label to link to
      */
     href?: string;
+    /**
+     * Optional icon to display before the label
+     */
+    icon?: JSX.Element | undefined;
     /**
      * Text label for the `Tag`
      */
@@ -2705,6 +2718,10 @@ declare const Tag: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<
      * Valid URL for the `Tag` label to link to
      */
     href?: string;
+    /**
+     * Optional icon to display before the label
+     */
+    icon?: JSX.Element | undefined;
     /**
      * Text label for the `Tag`
      */

package/dist/index.d.ts

@@ -439,6 +439,7 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
 
 type AvatarInstanceType = 'image' | 'initials';
 type AvatarImageLoadStateType = 'error' | 'loaded' | 'loading';
+type AvatarSizeType = 'lg' | 'md' | 'sm';
 type AvatarStatus = {
     type: AvatarInstanceType;
     state: AvatarImageLoadStateType;
@@ -461,7 +462,7 @@ type AvatarProps = ComponentPropsWithoutRef<'div'> & {
     /**
      * A predefined size for the avatar
      */
-    size?: 'lg' | 'md' | 'sm';
+    size?: AvatarSizeType;
     /**
      * A callback that is invoked after the image has loaded or failed to load
      */
@@ -826,7 +827,8 @@ declare const Card: {
     displayName: string;
 };
 
-type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
+type CheckboxSizeType = 'lg' | 'md' | 'sm';
+declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "size"> & {
     /**
      * Indicates the state of the checkbox
      */
@@ -835,11 +837,6 @@ type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
      * Disables checkbox
      */
     disabled?: boolean;
-    /**
-     * @ignore
-     * Force a Checkbox into a particular css state (for debugging)
-     */
-    forceState?: 'focus' | 'hover';
     /**
      * Optional ID attribute
      */
@@ -859,17 +856,20 @@ type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
     /**
      * Callback function invoked when the value changes
      */
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (event: ChangeEvent) => unknown;
     /**
-     * Make Input a required element
+     * Indicates if the input is required
      */
     required?: boolean;
+    /**
+     * A predefined size for the checkbox
+     */
+    size?: CheckboxSizeType;
     /**
      * The value given as data when submitted with a `name`.
      */
     value?: string;
-};
-declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+} & react.RefAttributes<HTMLInputElement>>;
 
 type ClickRegionProps = {
     /**
@@ -2247,7 +2247,8 @@ declare const ProgressBar: {
     displayName: string;
 };
 
-type RadioProps = ComponentPropsWithoutRef<'input'> & {
+type RadioSizeType = 'lg' | 'md' | 'sm';
+type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'onChange' | 'size'> & {
     /**
      * Indicates the state of the radio
      */
@@ -2267,7 +2268,7 @@ type RadioProps = ComponentPropsWithoutRef<'input'> & {
     /**
      * The label for the input
      */
-    label: JSX.Element | string;
+    label?: JSX.Element | string;
     /**
      * The description for the radio
      */
@@ -2282,15 +2283,19 @@ type RadioProps = ComponentPropsWithoutRef<'input'> & {
      */
     onChange?: (event: ChangeEvent) => unknown;
     /**
-     * Make Radio a required element
+     * Indicates if the input is required
      */
     required?: boolean;
+    /**
+     * A predefined size for the radio
+     */
+    size?: RadioSizeType;
     /**
      * The value attribute of the input
      */
     value?: string;
 };
-declare const Radio: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "size"> & {
     /**
      * Indicates the state of the radio
      */
@@ -2310,7 +2315,7 @@ declare const Radio: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
     /**
      * The label for the input
      */
-    label: JSX.Element | string;
+    label?: JSX.Element | string;
     /**
      * The description for the radio
      */
@@ -2325,9 +2330,13 @@ declare const Radio: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
      */
     onChange?: (event: ChangeEvent) => unknown;
     /**
-     * Make Radio a required element
+     * Indicates if the input is required
      */
     required?: boolean;
+    /**
+     * A predefined size for the radio
+     */
+    size?: RadioSizeType;
     /**
      * The value attribute of the input
      */
@@ -2680,6 +2689,10 @@ type TagProps = ComponentPropsWithoutRef<'div'> & {
      * Valid URL for the `Tag` label to link to
      */
     href?: string;
+    /**
+     * Optional icon to display before the label
+     */
+    icon?: JSX.Element | undefined;
     /**
      * Text label for the `Tag`
      */
@@ -2705,6 +2718,10 @@ declare const Tag: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<
      * Valid URL for the `Tag` label to link to
      */
     href?: string;
+    /**
+     * Optional icon to display before the label
+     */
+    icon?: JSX.Element | undefined;
     /**
      * Text label for the `Tag`
      */