@wistia/ui 0.15.10-beta.11712723.03b370a → 0.15.10-beta.1b2ddec0.ec8b5b2

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.
Files changed (7) hide show
  1. package/dist/index.cjs +1171 -1150
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.mts +62 -61
  4. package/dist/index.d.ts +62 -61
  5. package/dist/index.mjs +886 -865
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +7 -4
package/dist/index.d.mts CHANGED
@@ -1071,7 +1071,7 @@ declare const Center: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLPro
1071
1071
  } & react.RefAttributes<HTMLDivElement>>;
1072
1072
 
1073
1073
  type CheckboxSizeType = 'lg' | 'md' | 'sm';
1074
- declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "label" | "onChange" | "hideLabel"> & {
1074
+ declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "onChange" | "size" | "hideLabel"> & {
1075
1075
  /**
1076
1076
  * Indicates the state of the checkbox
1077
1077
  */
@@ -1264,6 +1264,7 @@ declare const iconMap: {
1264
1264
  import: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1265
1265
  info: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1266
1266
  integrations: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1267
+ keyboard: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1267
1268
  layout: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1268
1269
  leave: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1269
1270
  'light-bulb': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -1777,18 +1778,18 @@ declare const DataListItem: {
1777
1778
 
1778
1779
  type AlignmentTypes$1 = 'center' | 'justify' | 'left' | 'right';
1779
1780
  declare const variantStyleMap$1: {
1780
- body1: styled_components.RuleSet<object>;
1781
- body2: styled_components.RuleSet<object>;
1782
- body3: styled_components.RuleSet<object>;
1783
- body4: styled_components.RuleSet<object>;
1784
- body1Mono: styled_components.RuleSet<object>;
1785
- body2Mono: styled_components.RuleSet<object>;
1786
- body3Mono: styled_components.RuleSet<object>;
1787
- body4Mono: styled_components.RuleSet<object>;
1788
- label1: styled_components.RuleSet<object>;
1789
- label2: styled_components.RuleSet<object>;
1790
- label3: styled_components.RuleSet<object>;
1791
- label4: styled_components.RuleSet<object>;
1781
+ body1: styled_components.FlattenSimpleInterpolation;
1782
+ body2: styled_components.FlattenSimpleInterpolation;
1783
+ body3: styled_components.FlattenSimpleInterpolation;
1784
+ body4: styled_components.FlattenSimpleInterpolation;
1785
+ body1Mono: styled_components.FlattenSimpleInterpolation;
1786
+ body2Mono: styled_components.FlattenSimpleInterpolation;
1787
+ body3Mono: styled_components.FlattenSimpleInterpolation;
1788
+ body4Mono: styled_components.FlattenSimpleInterpolation;
1789
+ label1: styled_components.FlattenSimpleInterpolation;
1790
+ label2: styled_components.FlattenSimpleInterpolation;
1791
+ label3: styled_components.FlattenSimpleInterpolation;
1792
+ label4: styled_components.FlattenSimpleInterpolation;
1792
1793
  };
1793
1794
  type TextProps = ComponentPropsWithoutRef<'div'> & {
1794
1795
  /**
@@ -1874,13 +1875,13 @@ declare const Divider: {
1874
1875
 
1875
1876
  type AlignmentTypes = 'center' | 'justify' | 'left' | 'right';
1876
1877
  declare const variantStyleMap: {
1877
- hero: styled_components.RuleSet<object>;
1878
- heading1: styled_components.RuleSet<object>;
1879
- heading2: styled_components.RuleSet<object>;
1880
- heading3: styled_components.RuleSet<object>;
1881
- heading4: styled_components.RuleSet<object>;
1882
- heading5: styled_components.RuleSet<object>;
1883
- heading6: styled_components.RuleSet<object>;
1878
+ hero: styled_components.FlattenSimpleInterpolation;
1879
+ heading1: styled_components.FlattenSimpleInterpolation;
1880
+ heading2: styled_components.FlattenSimpleInterpolation;
1881
+ heading3: styled_components.FlattenSimpleInterpolation;
1882
+ heading4: styled_components.FlattenSimpleInterpolation;
1883
+ heading5: styled_components.FlattenSimpleInterpolation;
1884
+ heading6: styled_components.FlattenSimpleInterpolation;
1884
1885
  };
1885
1886
  declare const DEFAULT_ELEMENT = "h1";
1886
1887
  type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
@@ -1980,25 +1981,25 @@ type EditableHeadingProps = {
1980
1981
  declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, variant, __forceEditing, editingDisabled, }: EditableHeadingProps) => JSX$1.Element;
1981
1982
 
1982
1983
  declare const typographicVariantStyleMap: {
1983
- hero: styled_components.RuleSet<object>;
1984
- heading1: styled_components.RuleSet<object>;
1985
- heading2: styled_components.RuleSet<object>;
1986
- heading3: styled_components.RuleSet<object>;
1987
- heading4: styled_components.RuleSet<object>;
1988
- heading5: styled_components.RuleSet<object>;
1989
- heading6: styled_components.RuleSet<object>;
1990
- body1: styled_components.RuleSet<object>;
1991
- body2: styled_components.RuleSet<object>;
1992
- body3: styled_components.RuleSet<object>;
1993
- body4: styled_components.RuleSet<object>;
1994
- body1Mono: styled_components.RuleSet<object>;
1995
- body2Mono: styled_components.RuleSet<object>;
1996
- body3Mono: styled_components.RuleSet<object>;
1997
- body4Mono: styled_components.RuleSet<object>;
1998
- label1: styled_components.RuleSet<object>;
1999
- label2: styled_components.RuleSet<object>;
2000
- label3: styled_components.RuleSet<object>;
2001
- label4: styled_components.RuleSet<object>;
1984
+ hero: styled_components.FlattenSimpleInterpolation;
1985
+ heading1: styled_components.FlattenSimpleInterpolation;
1986
+ heading2: styled_components.FlattenSimpleInterpolation;
1987
+ heading3: styled_components.FlattenSimpleInterpolation;
1988
+ heading4: styled_components.FlattenSimpleInterpolation;
1989
+ heading5: styled_components.FlattenSimpleInterpolation;
1990
+ heading6: styled_components.FlattenSimpleInterpolation;
1991
+ body1: styled_components.FlattenSimpleInterpolation;
1992
+ body2: styled_components.FlattenSimpleInterpolation;
1993
+ body3: styled_components.FlattenSimpleInterpolation;
1994
+ body4: styled_components.FlattenSimpleInterpolation;
1995
+ body1Mono: styled_components.FlattenSimpleInterpolation;
1996
+ body2Mono: styled_components.FlattenSimpleInterpolation;
1997
+ body3Mono: styled_components.FlattenSimpleInterpolation;
1998
+ body4Mono: styled_components.FlattenSimpleInterpolation;
1999
+ label1: styled_components.FlattenSimpleInterpolation;
2000
+ label2: styled_components.FlattenSimpleInterpolation;
2001
+ label3: styled_components.FlattenSimpleInterpolation;
2002
+ label4: styled_components.FlattenSimpleInterpolation;
2002
2003
  };
2003
2004
  type TypographicVariant = keyof typeof typographicVariantStyleMap;
2004
2005
 
@@ -2207,7 +2208,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElemen
2207
2208
  /**
2208
2209
  * Capture user input with a text field. Should be used within a [Form]() and [FormField]().
2209
2210
  */
2210
- declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLTextAreaElement | HTMLInputElement>, "type"> & {
2211
+ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, "type"> & {
2211
2212
  /**
2212
2213
  * When enabled, focusing the input will select the entire text within
2213
2214
  */
@@ -2240,7 +2241,7 @@ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HT
2240
2241
  * The type of the input
2241
2242
  */
2242
2243
  type?: "email" | "multiline" | "number" | "password" | "phone" | "search" | "text" | "url";
2243
- } & react.RefAttributes<HTMLTextAreaElement | HTMLInputElement>>;
2244
+ } & react.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
2244
2245
 
2245
2246
  type EditableTextInputProps = Pick<InputProps, 'autoSelect'>;
2246
2247
  declare const EditableTextInput: (props: EditableTextInputProps) => JSX$1.Element | null;
@@ -2550,7 +2551,7 @@ type InputClickToCopyProps = Omit<InputProps, 'autoSelect' | 'disabled' | 'right
2550
2551
  /**
2551
2552
  * Provides a readonly input that copies the text to the clipboard when clicked.
2552
2553
  */
2553
- declare const InputClickToCopy: react.ForwardRefExoticComponent<Omit<InputProps, "disabled" | "value" | "type" | "rightIcon" | "autoSelect"> & {
2554
+ declare const InputClickToCopy: react.ForwardRefExoticComponent<Omit<InputProps, "type" | "disabled" | "value" | "rightIcon" | "autoSelect"> & {
2554
2555
  /**
2555
2556
  * When disabled, the copy action will not be triggered
2556
2557
  */
@@ -2578,7 +2579,7 @@ type InputPasswordProps = Omit<InputProps, 'leftIcon' | 'monospace' | 'rightIcon
2578
2579
  /**
2579
2580
  * A password input component with a toggle button to show or hide the password text.
2580
2581
  */
2581
- declare const InputPassword: react.ForwardRefExoticComponent<Omit<InputProps, "monospace" | "type" | "leftIcon" | "rightIcon"> & {
2582
+ declare const InputPassword: react.ForwardRefExoticComponent<Omit<InputProps, "type" | "monospace" | "leftIcon" | "rightIcon"> & {
2582
2583
  /**
2583
2584
  * Set the disabled state of the input
2584
2585
  */
@@ -3293,7 +3294,7 @@ type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'hideLabel' | 'label'
3293
3294
  */
3294
3295
  hideLabel?: boolean;
3295
3296
  };
3296
- declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "value" | "label" | "onChange" | "hideLabel"> & {
3297
+ declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "onChange" | "value" | "size" | "hideLabel"> & {
3297
3298
  /**
3298
3299
  * Indicates the state of the radio
3299
3300
  */
@@ -3826,7 +3827,7 @@ type SwitchProps = Omit<ComponentPropsWithoutRef<'input'>, 'hideLabel' | 'label'
3826
3827
  */
3827
3828
  hideLabel?: boolean;
3828
3829
  };
3829
- declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "label" | "hideLabel"> & {
3830
+ declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "size" | "hideLabel"> & {
3830
3831
  /**
3831
3832
  * The alignment of the switch relative to the label
3832
3833
  */
@@ -4054,22 +4055,22 @@ declare const ThumbnailBadge: {
4054
4055
  };
4055
4056
 
4056
4057
  declare const gradients: {
4057
- defaultDarkOne: styled_components.RuleSet<object>;
4058
- defaultDarkTwo: styled_components.RuleSet<object>;
4059
- defaultLightOne: styled_components.RuleSet<object>;
4060
- defaultLightTwo: styled_components.RuleSet<object>;
4061
- defaultMidOne: styled_components.RuleSet<object>;
4062
- defaultMidTwo: styled_components.RuleSet<object>;
4063
- green: styled_components.RuleSet<object>;
4064
- greenWithPop: styled_components.RuleSet<object>;
4065
- pink: styled_components.RuleSet<object>;
4066
- pinkWithPop: styled_components.RuleSet<object>;
4067
- playfulGradientOne: styled_components.RuleSet<object>;
4068
- playfulGradientTwo: styled_components.RuleSet<object>;
4069
- purple: styled_components.RuleSet<object>;
4070
- purpleWithPop: styled_components.RuleSet<object>;
4071
- yellow: styled_components.RuleSet<object>;
4072
- yellowWithPop: styled_components.RuleSet<object>;
4058
+ defaultDarkOne: styled_components.FlattenSimpleInterpolation;
4059
+ defaultDarkTwo: styled_components.FlattenSimpleInterpolation;
4060
+ defaultLightOne: styled_components.FlattenSimpleInterpolation;
4061
+ defaultLightTwo: styled_components.FlattenSimpleInterpolation;
4062
+ defaultMidOne: styled_components.FlattenSimpleInterpolation;
4063
+ defaultMidTwo: styled_components.FlattenSimpleInterpolation;
4064
+ green: styled_components.FlattenSimpleInterpolation;
4065
+ greenWithPop: styled_components.FlattenSimpleInterpolation;
4066
+ pink: styled_components.FlattenSimpleInterpolation;
4067
+ pinkWithPop: styled_components.FlattenSimpleInterpolation;
4068
+ playfulGradientOne: styled_components.FlattenSimpleInterpolation;
4069
+ playfulGradientTwo: styled_components.FlattenSimpleInterpolation;
4070
+ purple: styled_components.FlattenSimpleInterpolation;
4071
+ purpleWithPop: styled_components.FlattenSimpleInterpolation;
4072
+ yellow: styled_components.FlattenSimpleInterpolation;
4073
+ yellowWithPop: styled_components.FlattenSimpleInterpolation;
4073
4074
  };
4074
4075
  type GradientNameType = keyof typeof gradients;
4075
4076
 
package/dist/index.d.ts CHANGED
@@ -1071,7 +1071,7 @@ declare const Center: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLPro
1071
1071
  } & react.RefAttributes<HTMLDivElement>>;
1072
1072
 
1073
1073
  type CheckboxSizeType = 'lg' | 'md' | 'sm';
1074
- declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "label" | "onChange" | "hideLabel"> & {
1074
+ declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "onChange" | "size" | "hideLabel"> & {
1075
1075
  /**
1076
1076
  * Indicates the state of the checkbox
1077
1077
  */
@@ -1264,6 +1264,7 @@ declare const iconMap: {
1264
1264
  import: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1265
1265
  info: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1266
1266
  integrations: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1267
+ keyboard: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1267
1268
  layout: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1268
1269
  leave: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1269
1270
  'light-bulb': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -1777,18 +1778,18 @@ declare const DataListItem: {
1777
1778
 
1778
1779
  type AlignmentTypes$1 = 'center' | 'justify' | 'left' | 'right';
1779
1780
  declare const variantStyleMap$1: {
1780
- body1: styled_components.RuleSet<object>;
1781
- body2: styled_components.RuleSet<object>;
1782
- body3: styled_components.RuleSet<object>;
1783
- body4: styled_components.RuleSet<object>;
1784
- body1Mono: styled_components.RuleSet<object>;
1785
- body2Mono: styled_components.RuleSet<object>;
1786
- body3Mono: styled_components.RuleSet<object>;
1787
- body4Mono: styled_components.RuleSet<object>;
1788
- label1: styled_components.RuleSet<object>;
1789
- label2: styled_components.RuleSet<object>;
1790
- label3: styled_components.RuleSet<object>;
1791
- label4: styled_components.RuleSet<object>;
1781
+ body1: styled_components.FlattenSimpleInterpolation;
1782
+ body2: styled_components.FlattenSimpleInterpolation;
1783
+ body3: styled_components.FlattenSimpleInterpolation;
1784
+ body4: styled_components.FlattenSimpleInterpolation;
1785
+ body1Mono: styled_components.FlattenSimpleInterpolation;
1786
+ body2Mono: styled_components.FlattenSimpleInterpolation;
1787
+ body3Mono: styled_components.FlattenSimpleInterpolation;
1788
+ body4Mono: styled_components.FlattenSimpleInterpolation;
1789
+ label1: styled_components.FlattenSimpleInterpolation;
1790
+ label2: styled_components.FlattenSimpleInterpolation;
1791
+ label3: styled_components.FlattenSimpleInterpolation;
1792
+ label4: styled_components.FlattenSimpleInterpolation;
1792
1793
  };
1793
1794
  type TextProps = ComponentPropsWithoutRef<'div'> & {
1794
1795
  /**
@@ -1874,13 +1875,13 @@ declare const Divider: {
1874
1875
 
1875
1876
  type AlignmentTypes = 'center' | 'justify' | 'left' | 'right';
1876
1877
  declare const variantStyleMap: {
1877
- hero: styled_components.RuleSet<object>;
1878
- heading1: styled_components.RuleSet<object>;
1879
- heading2: styled_components.RuleSet<object>;
1880
- heading3: styled_components.RuleSet<object>;
1881
- heading4: styled_components.RuleSet<object>;
1882
- heading5: styled_components.RuleSet<object>;
1883
- heading6: styled_components.RuleSet<object>;
1878
+ hero: styled_components.FlattenSimpleInterpolation;
1879
+ heading1: styled_components.FlattenSimpleInterpolation;
1880
+ heading2: styled_components.FlattenSimpleInterpolation;
1881
+ heading3: styled_components.FlattenSimpleInterpolation;
1882
+ heading4: styled_components.FlattenSimpleInterpolation;
1883
+ heading5: styled_components.FlattenSimpleInterpolation;
1884
+ heading6: styled_components.FlattenSimpleInterpolation;
1884
1885
  };
1885
1886
  declare const DEFAULT_ELEMENT = "h1";
1886
1887
  type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
@@ -1980,25 +1981,25 @@ type EditableHeadingProps = {
1980
1981
  declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, variant, __forceEditing, editingDisabled, }: EditableHeadingProps) => JSX$1.Element;
1981
1982
 
1982
1983
  declare const typographicVariantStyleMap: {
1983
- hero: styled_components.RuleSet<object>;
1984
- heading1: styled_components.RuleSet<object>;
1985
- heading2: styled_components.RuleSet<object>;
1986
- heading3: styled_components.RuleSet<object>;
1987
- heading4: styled_components.RuleSet<object>;
1988
- heading5: styled_components.RuleSet<object>;
1989
- heading6: styled_components.RuleSet<object>;
1990
- body1: styled_components.RuleSet<object>;
1991
- body2: styled_components.RuleSet<object>;
1992
- body3: styled_components.RuleSet<object>;
1993
- body4: styled_components.RuleSet<object>;
1994
- body1Mono: styled_components.RuleSet<object>;
1995
- body2Mono: styled_components.RuleSet<object>;
1996
- body3Mono: styled_components.RuleSet<object>;
1997
- body4Mono: styled_components.RuleSet<object>;
1998
- label1: styled_components.RuleSet<object>;
1999
- label2: styled_components.RuleSet<object>;
2000
- label3: styled_components.RuleSet<object>;
2001
- label4: styled_components.RuleSet<object>;
1984
+ hero: styled_components.FlattenSimpleInterpolation;
1985
+ heading1: styled_components.FlattenSimpleInterpolation;
1986
+ heading2: styled_components.FlattenSimpleInterpolation;
1987
+ heading3: styled_components.FlattenSimpleInterpolation;
1988
+ heading4: styled_components.FlattenSimpleInterpolation;
1989
+ heading5: styled_components.FlattenSimpleInterpolation;
1990
+ heading6: styled_components.FlattenSimpleInterpolation;
1991
+ body1: styled_components.FlattenSimpleInterpolation;
1992
+ body2: styled_components.FlattenSimpleInterpolation;
1993
+ body3: styled_components.FlattenSimpleInterpolation;
1994
+ body4: styled_components.FlattenSimpleInterpolation;
1995
+ body1Mono: styled_components.FlattenSimpleInterpolation;
1996
+ body2Mono: styled_components.FlattenSimpleInterpolation;
1997
+ body3Mono: styled_components.FlattenSimpleInterpolation;
1998
+ body4Mono: styled_components.FlattenSimpleInterpolation;
1999
+ label1: styled_components.FlattenSimpleInterpolation;
2000
+ label2: styled_components.FlattenSimpleInterpolation;
2001
+ label3: styled_components.FlattenSimpleInterpolation;
2002
+ label4: styled_components.FlattenSimpleInterpolation;
2002
2003
  };
2003
2004
  type TypographicVariant = keyof typeof typographicVariantStyleMap;
2004
2005
 
@@ -2207,7 +2208,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElemen
2207
2208
  /**
2208
2209
  * Capture user input with a text field. Should be used within a [Form]() and [FormField]().
2209
2210
  */
2210
- declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLTextAreaElement | HTMLInputElement>, "type"> & {
2211
+ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, "type"> & {
2211
2212
  /**
2212
2213
  * When enabled, focusing the input will select the entire text within
2213
2214
  */
@@ -2240,7 +2241,7 @@ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HT
2240
2241
  * The type of the input
2241
2242
  */
2242
2243
  type?: "email" | "multiline" | "number" | "password" | "phone" | "search" | "text" | "url";
2243
- } & react.RefAttributes<HTMLTextAreaElement | HTMLInputElement>>;
2244
+ } & react.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
2244
2245
 
2245
2246
  type EditableTextInputProps = Pick<InputProps, 'autoSelect'>;
2246
2247
  declare const EditableTextInput: (props: EditableTextInputProps) => JSX$1.Element | null;
@@ -2550,7 +2551,7 @@ type InputClickToCopyProps = Omit<InputProps, 'autoSelect' | 'disabled' | 'right
2550
2551
  /**
2551
2552
  * Provides a readonly input that copies the text to the clipboard when clicked.
2552
2553
  */
2553
- declare const InputClickToCopy: react.ForwardRefExoticComponent<Omit<InputProps, "disabled" | "value" | "type" | "rightIcon" | "autoSelect"> & {
2554
+ declare const InputClickToCopy: react.ForwardRefExoticComponent<Omit<InputProps, "type" | "disabled" | "value" | "rightIcon" | "autoSelect"> & {
2554
2555
  /**
2555
2556
  * When disabled, the copy action will not be triggered
2556
2557
  */
@@ -2578,7 +2579,7 @@ type InputPasswordProps = Omit<InputProps, 'leftIcon' | 'monospace' | 'rightIcon
2578
2579
  /**
2579
2580
  * A password input component with a toggle button to show or hide the password text.
2580
2581
  */
2581
- declare const InputPassword: react.ForwardRefExoticComponent<Omit<InputProps, "monospace" | "type" | "leftIcon" | "rightIcon"> & {
2582
+ declare const InputPassword: react.ForwardRefExoticComponent<Omit<InputProps, "type" | "monospace" | "leftIcon" | "rightIcon"> & {
2582
2583
  /**
2583
2584
  * Set the disabled state of the input
2584
2585
  */
@@ -3293,7 +3294,7 @@ type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'hideLabel' | 'label'
3293
3294
  */
3294
3295
  hideLabel?: boolean;
3295
3296
  };
3296
- declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "value" | "label" | "onChange" | "hideLabel"> & {
3297
+ declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "onChange" | "value" | "size" | "hideLabel"> & {
3297
3298
  /**
3298
3299
  * Indicates the state of the radio
3299
3300
  */
@@ -3826,7 +3827,7 @@ type SwitchProps = Omit<ComponentPropsWithoutRef<'input'>, 'hideLabel' | 'label'
3826
3827
  */
3827
3828
  hideLabel?: boolean;
3828
3829
  };
3829
- declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "label" | "hideLabel"> & {
3830
+ declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "size" | "hideLabel"> & {
3830
3831
  /**
3831
3832
  * The alignment of the switch relative to the label
3832
3833
  */
@@ -4054,22 +4055,22 @@ declare const ThumbnailBadge: {
4054
4055
  };
4055
4056
 
4056
4057
  declare const gradients: {
4057
- defaultDarkOne: styled_components.RuleSet<object>;
4058
- defaultDarkTwo: styled_components.RuleSet<object>;
4059
- defaultLightOne: styled_components.RuleSet<object>;
4060
- defaultLightTwo: styled_components.RuleSet<object>;
4061
- defaultMidOne: styled_components.RuleSet<object>;
4062
- defaultMidTwo: styled_components.RuleSet<object>;
4063
- green: styled_components.RuleSet<object>;
4064
- greenWithPop: styled_components.RuleSet<object>;
4065
- pink: styled_components.RuleSet<object>;
4066
- pinkWithPop: styled_components.RuleSet<object>;
4067
- playfulGradientOne: styled_components.RuleSet<object>;
4068
- playfulGradientTwo: styled_components.RuleSet<object>;
4069
- purple: styled_components.RuleSet<object>;
4070
- purpleWithPop: styled_components.RuleSet<object>;
4071
- yellow: styled_components.RuleSet<object>;
4072
- yellowWithPop: styled_components.RuleSet<object>;
4058
+ defaultDarkOne: styled_components.FlattenSimpleInterpolation;
4059
+ defaultDarkTwo: styled_components.FlattenSimpleInterpolation;
4060
+ defaultLightOne: styled_components.FlattenSimpleInterpolation;
4061
+ defaultLightTwo: styled_components.FlattenSimpleInterpolation;
4062
+ defaultMidOne: styled_components.FlattenSimpleInterpolation;
4063
+ defaultMidTwo: styled_components.FlattenSimpleInterpolation;
4064
+ green: styled_components.FlattenSimpleInterpolation;
4065
+ greenWithPop: styled_components.FlattenSimpleInterpolation;
4066
+ pink: styled_components.FlattenSimpleInterpolation;
4067
+ pinkWithPop: styled_components.FlattenSimpleInterpolation;
4068
+ playfulGradientOne: styled_components.FlattenSimpleInterpolation;
4069
+ playfulGradientTwo: styled_components.FlattenSimpleInterpolation;
4070
+ purple: styled_components.FlattenSimpleInterpolation;
4071
+ purpleWithPop: styled_components.FlattenSimpleInterpolation;
4072
+ yellow: styled_components.FlattenSimpleInterpolation;
4073
+ yellowWithPop: styled_components.FlattenSimpleInterpolation;
4073
4074
  };
4074
4075
  type GradientNameType = keyof typeof gradients;
4075
4076