@wistia/ui 0.15.9 → 0.15.10-beta.11712723.03b370a

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 +1319 -1289
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.mts +71 -62
  4. package/dist/index.d.ts +71 -62
  5. package/dist/index.mjs +1034 -1004
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +4 -7
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">, "label" | "onChange" | "size" | "hideLabel"> & {
1074
+ declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "label" | "onChange" | "hideLabel"> & {
1075
1075
  /**
1076
1076
  * Indicates the state of the checkbox
1077
1077
  */
@@ -1218,6 +1218,7 @@ declare const iconMap: {
1218
1218
  close: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1219
1219
  'close-octagon': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1220
1220
  'closed-captions': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1221
+ cmd: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1221
1222
  collapse: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1222
1223
  'collapse-diagonal': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1223
1224
  collection: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -1565,8 +1566,16 @@ declare const ValueNameOrHexCode: {
1565
1566
  displayName: string;
1566
1567
  };
1567
1568
 
1569
+ type ColorSwatchProps = PropsWithChildren<{
1570
+ derivativeIsSelected?: boolean;
1571
+ diameterPx?: number;
1572
+ isSelected?: boolean;
1573
+ value: string;
1574
+ }>;
1575
+
1576
+ type ValueSwatchProps = Pick<ColorSwatchProps, 'diameterPx'>;
1568
1577
  declare const ValueSwatch: {
1569
- (): JSX$1.Element;
1578
+ ({ diameterPx, }: ValueSwatchProps): JSX$1.Element;
1570
1579
  displayName: string;
1571
1580
  };
1572
1581
 
@@ -1768,18 +1777,18 @@ declare const DataListItem: {
1768
1777
 
1769
1778
  type AlignmentTypes$1 = 'center' | 'justify' | 'left' | 'right';
1770
1779
  declare const variantStyleMap$1: {
1771
- body1: styled_components.FlattenSimpleInterpolation;
1772
- body2: styled_components.FlattenSimpleInterpolation;
1773
- body3: styled_components.FlattenSimpleInterpolation;
1774
- body4: styled_components.FlattenSimpleInterpolation;
1775
- body1Mono: styled_components.FlattenSimpleInterpolation;
1776
- body2Mono: styled_components.FlattenSimpleInterpolation;
1777
- body3Mono: styled_components.FlattenSimpleInterpolation;
1778
- body4Mono: styled_components.FlattenSimpleInterpolation;
1779
- label1: styled_components.FlattenSimpleInterpolation;
1780
- label2: styled_components.FlattenSimpleInterpolation;
1781
- label3: styled_components.FlattenSimpleInterpolation;
1782
- label4: styled_components.FlattenSimpleInterpolation;
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>;
1783
1792
  };
1784
1793
  type TextProps = ComponentPropsWithoutRef<'div'> & {
1785
1794
  /**
@@ -1865,13 +1874,13 @@ declare const Divider: {
1865
1874
 
1866
1875
  type AlignmentTypes = 'center' | 'justify' | 'left' | 'right';
1867
1876
  declare const variantStyleMap: {
1868
- hero: styled_components.FlattenSimpleInterpolation;
1869
- heading1: styled_components.FlattenSimpleInterpolation;
1870
- heading2: styled_components.FlattenSimpleInterpolation;
1871
- heading3: styled_components.FlattenSimpleInterpolation;
1872
- heading4: styled_components.FlattenSimpleInterpolation;
1873
- heading5: styled_components.FlattenSimpleInterpolation;
1874
- heading6: styled_components.FlattenSimpleInterpolation;
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>;
1875
1884
  };
1876
1885
  declare const DEFAULT_ELEMENT = "h1";
1877
1886
  type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
@@ -1971,25 +1980,25 @@ type EditableHeadingProps = {
1971
1980
  declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, variant, __forceEditing, editingDisabled, }: EditableHeadingProps) => JSX$1.Element;
1972
1981
 
1973
1982
  declare const typographicVariantStyleMap: {
1974
- hero: styled_components.FlattenSimpleInterpolation;
1975
- heading1: styled_components.FlattenSimpleInterpolation;
1976
- heading2: styled_components.FlattenSimpleInterpolation;
1977
- heading3: styled_components.FlattenSimpleInterpolation;
1978
- heading4: styled_components.FlattenSimpleInterpolation;
1979
- heading5: styled_components.FlattenSimpleInterpolation;
1980
- heading6: styled_components.FlattenSimpleInterpolation;
1981
- body1: styled_components.FlattenSimpleInterpolation;
1982
- body2: styled_components.FlattenSimpleInterpolation;
1983
- body3: styled_components.FlattenSimpleInterpolation;
1984
- body4: styled_components.FlattenSimpleInterpolation;
1985
- body1Mono: styled_components.FlattenSimpleInterpolation;
1986
- body2Mono: styled_components.FlattenSimpleInterpolation;
1987
- body3Mono: styled_components.FlattenSimpleInterpolation;
1988
- body4Mono: styled_components.FlattenSimpleInterpolation;
1989
- label1: styled_components.FlattenSimpleInterpolation;
1990
- label2: styled_components.FlattenSimpleInterpolation;
1991
- label3: styled_components.FlattenSimpleInterpolation;
1992
- label4: styled_components.FlattenSimpleInterpolation;
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>;
1993
2002
  };
1994
2003
  type TypographicVariant = keyof typeof typographicVariantStyleMap;
1995
2004
 
@@ -2198,7 +2207,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElemen
2198
2207
  /**
2199
2208
  * Capture user input with a text field. Should be used within a [Form]() and [FormField]().
2200
2209
  */
2201
- declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, "type"> & {
2210
+ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLTextAreaElement | HTMLInputElement>, "type"> & {
2202
2211
  /**
2203
2212
  * When enabled, focusing the input will select the entire text within
2204
2213
  */
@@ -2231,7 +2240,7 @@ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HT
2231
2240
  * The type of the input
2232
2241
  */
2233
2242
  type?: "email" | "multiline" | "number" | "password" | "phone" | "search" | "text" | "url";
2234
- } & react.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
2243
+ } & react.RefAttributes<HTMLTextAreaElement | HTMLInputElement>>;
2235
2244
 
2236
2245
  type EditableTextInputProps = Pick<InputProps, 'autoSelect'>;
2237
2246
  declare const EditableTextInput: (props: EditableTextInputProps) => JSX$1.Element | null;
@@ -2541,7 +2550,7 @@ type InputClickToCopyProps = Omit<InputProps, 'autoSelect' | 'disabled' | 'right
2541
2550
  /**
2542
2551
  * Provides a readonly input that copies the text to the clipboard when clicked.
2543
2552
  */
2544
- declare const InputClickToCopy: react.ForwardRefExoticComponent<Omit<InputProps, "type" | "disabled" | "value" | "rightIcon" | "autoSelect"> & {
2553
+ declare const InputClickToCopy: react.ForwardRefExoticComponent<Omit<InputProps, "disabled" | "value" | "type" | "rightIcon" | "autoSelect"> & {
2545
2554
  /**
2546
2555
  * When disabled, the copy action will not be triggered
2547
2556
  */
@@ -2569,7 +2578,7 @@ type InputPasswordProps = Omit<InputProps, 'leftIcon' | 'monospace' | 'rightIcon
2569
2578
  /**
2570
2579
  * A password input component with a toggle button to show or hide the password text.
2571
2580
  */
2572
- declare const InputPassword: react.ForwardRefExoticComponent<Omit<InputProps, "type" | "monospace" | "leftIcon" | "rightIcon"> & {
2581
+ declare const InputPassword: react.ForwardRefExoticComponent<Omit<InputProps, "monospace" | "type" | "leftIcon" | "rightIcon"> & {
2573
2582
  /**
2574
2583
  * Set the disabled state of the input
2575
2584
  */
@@ -3284,7 +3293,7 @@ type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'hideLabel' | 'label'
3284
3293
  */
3285
3294
  hideLabel?: boolean;
3286
3295
  };
3287
- declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "onChange" | "value" | "size" | "hideLabel"> & {
3296
+ declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "value" | "label" | "onChange" | "hideLabel"> & {
3288
3297
  /**
3289
3298
  * Indicates the state of the radio
3290
3299
  */
@@ -3817,7 +3826,7 @@ type SwitchProps = Omit<ComponentPropsWithoutRef<'input'>, 'hideLabel' | 'label'
3817
3826
  */
3818
3827
  hideLabel?: boolean;
3819
3828
  };
3820
- declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "size" | "hideLabel"> & {
3829
+ declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "label" | "hideLabel"> & {
3821
3830
  /**
3822
3831
  * The alignment of the switch relative to the label
3823
3832
  */
@@ -4045,22 +4054,22 @@ declare const ThumbnailBadge: {
4045
4054
  };
4046
4055
 
4047
4056
  declare const gradients: {
4048
- defaultDarkOne: styled_components.FlattenSimpleInterpolation;
4049
- defaultDarkTwo: styled_components.FlattenSimpleInterpolation;
4050
- defaultLightOne: styled_components.FlattenSimpleInterpolation;
4051
- defaultLightTwo: styled_components.FlattenSimpleInterpolation;
4052
- defaultMidOne: styled_components.FlattenSimpleInterpolation;
4053
- defaultMidTwo: styled_components.FlattenSimpleInterpolation;
4054
- green: styled_components.FlattenSimpleInterpolation;
4055
- greenWithPop: styled_components.FlattenSimpleInterpolation;
4056
- pink: styled_components.FlattenSimpleInterpolation;
4057
- pinkWithPop: styled_components.FlattenSimpleInterpolation;
4058
- playfulGradientOne: styled_components.FlattenSimpleInterpolation;
4059
- playfulGradientTwo: styled_components.FlattenSimpleInterpolation;
4060
- purple: styled_components.FlattenSimpleInterpolation;
4061
- purpleWithPop: styled_components.FlattenSimpleInterpolation;
4062
- yellow: styled_components.FlattenSimpleInterpolation;
4063
- yellowWithPop: styled_components.FlattenSimpleInterpolation;
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>;
4064
4073
  };
4065
4074
  type GradientNameType = keyof typeof gradients;
4066
4075
 
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">, "label" | "onChange" | "size" | "hideLabel"> & {
1074
+ declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "label" | "onChange" | "hideLabel"> & {
1075
1075
  /**
1076
1076
  * Indicates the state of the checkbox
1077
1077
  */
@@ -1218,6 +1218,7 @@ declare const iconMap: {
1218
1218
  close: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1219
1219
  'close-octagon': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1220
1220
  'closed-captions': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1221
+ cmd: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1221
1222
  collapse: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1222
1223
  'collapse-diagonal': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1223
1224
  collection: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -1565,8 +1566,16 @@ declare const ValueNameOrHexCode: {
1565
1566
  displayName: string;
1566
1567
  };
1567
1568
 
1569
+ type ColorSwatchProps = PropsWithChildren<{
1570
+ derivativeIsSelected?: boolean;
1571
+ diameterPx?: number;
1572
+ isSelected?: boolean;
1573
+ value: string;
1574
+ }>;
1575
+
1576
+ type ValueSwatchProps = Pick<ColorSwatchProps, 'diameterPx'>;
1568
1577
  declare const ValueSwatch: {
1569
- (): JSX$1.Element;
1578
+ ({ diameterPx, }: ValueSwatchProps): JSX$1.Element;
1570
1579
  displayName: string;
1571
1580
  };
1572
1581
 
@@ -1768,18 +1777,18 @@ declare const DataListItem: {
1768
1777
 
1769
1778
  type AlignmentTypes$1 = 'center' | 'justify' | 'left' | 'right';
1770
1779
  declare const variantStyleMap$1: {
1771
- body1: styled_components.FlattenSimpleInterpolation;
1772
- body2: styled_components.FlattenSimpleInterpolation;
1773
- body3: styled_components.FlattenSimpleInterpolation;
1774
- body4: styled_components.FlattenSimpleInterpolation;
1775
- body1Mono: styled_components.FlattenSimpleInterpolation;
1776
- body2Mono: styled_components.FlattenSimpleInterpolation;
1777
- body3Mono: styled_components.FlattenSimpleInterpolation;
1778
- body4Mono: styled_components.FlattenSimpleInterpolation;
1779
- label1: styled_components.FlattenSimpleInterpolation;
1780
- label2: styled_components.FlattenSimpleInterpolation;
1781
- label3: styled_components.FlattenSimpleInterpolation;
1782
- label4: styled_components.FlattenSimpleInterpolation;
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>;
1783
1792
  };
1784
1793
  type TextProps = ComponentPropsWithoutRef<'div'> & {
1785
1794
  /**
@@ -1865,13 +1874,13 @@ declare const Divider: {
1865
1874
 
1866
1875
  type AlignmentTypes = 'center' | 'justify' | 'left' | 'right';
1867
1876
  declare const variantStyleMap: {
1868
- hero: styled_components.FlattenSimpleInterpolation;
1869
- heading1: styled_components.FlattenSimpleInterpolation;
1870
- heading2: styled_components.FlattenSimpleInterpolation;
1871
- heading3: styled_components.FlattenSimpleInterpolation;
1872
- heading4: styled_components.FlattenSimpleInterpolation;
1873
- heading5: styled_components.FlattenSimpleInterpolation;
1874
- heading6: styled_components.FlattenSimpleInterpolation;
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>;
1875
1884
  };
1876
1885
  declare const DEFAULT_ELEMENT = "h1";
1877
1886
  type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
@@ -1971,25 +1980,25 @@ type EditableHeadingProps = {
1971
1980
  declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, variant, __forceEditing, editingDisabled, }: EditableHeadingProps) => JSX$1.Element;
1972
1981
 
1973
1982
  declare const typographicVariantStyleMap: {
1974
- hero: styled_components.FlattenSimpleInterpolation;
1975
- heading1: styled_components.FlattenSimpleInterpolation;
1976
- heading2: styled_components.FlattenSimpleInterpolation;
1977
- heading3: styled_components.FlattenSimpleInterpolation;
1978
- heading4: styled_components.FlattenSimpleInterpolation;
1979
- heading5: styled_components.FlattenSimpleInterpolation;
1980
- heading6: styled_components.FlattenSimpleInterpolation;
1981
- body1: styled_components.FlattenSimpleInterpolation;
1982
- body2: styled_components.FlattenSimpleInterpolation;
1983
- body3: styled_components.FlattenSimpleInterpolation;
1984
- body4: styled_components.FlattenSimpleInterpolation;
1985
- body1Mono: styled_components.FlattenSimpleInterpolation;
1986
- body2Mono: styled_components.FlattenSimpleInterpolation;
1987
- body3Mono: styled_components.FlattenSimpleInterpolation;
1988
- body4Mono: styled_components.FlattenSimpleInterpolation;
1989
- label1: styled_components.FlattenSimpleInterpolation;
1990
- label2: styled_components.FlattenSimpleInterpolation;
1991
- label3: styled_components.FlattenSimpleInterpolation;
1992
- label4: styled_components.FlattenSimpleInterpolation;
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>;
1993
2002
  };
1994
2003
  type TypographicVariant = keyof typeof typographicVariantStyleMap;
1995
2004
 
@@ -2198,7 +2207,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElemen
2198
2207
  /**
2199
2208
  * Capture user input with a text field. Should be used within a [Form]() and [FormField]().
2200
2209
  */
2201
- declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, "type"> & {
2210
+ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLTextAreaElement | HTMLInputElement>, "type"> & {
2202
2211
  /**
2203
2212
  * When enabled, focusing the input will select the entire text within
2204
2213
  */
@@ -2231,7 +2240,7 @@ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HT
2231
2240
  * The type of the input
2232
2241
  */
2233
2242
  type?: "email" | "multiline" | "number" | "password" | "phone" | "search" | "text" | "url";
2234
- } & react.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
2243
+ } & react.RefAttributes<HTMLTextAreaElement | HTMLInputElement>>;
2235
2244
 
2236
2245
  type EditableTextInputProps = Pick<InputProps, 'autoSelect'>;
2237
2246
  declare const EditableTextInput: (props: EditableTextInputProps) => JSX$1.Element | null;
@@ -2541,7 +2550,7 @@ type InputClickToCopyProps = Omit<InputProps, 'autoSelect' | 'disabled' | 'right
2541
2550
  /**
2542
2551
  * Provides a readonly input that copies the text to the clipboard when clicked.
2543
2552
  */
2544
- declare const InputClickToCopy: react.ForwardRefExoticComponent<Omit<InputProps, "type" | "disabled" | "value" | "rightIcon" | "autoSelect"> & {
2553
+ declare const InputClickToCopy: react.ForwardRefExoticComponent<Omit<InputProps, "disabled" | "value" | "type" | "rightIcon" | "autoSelect"> & {
2545
2554
  /**
2546
2555
  * When disabled, the copy action will not be triggered
2547
2556
  */
@@ -2569,7 +2578,7 @@ type InputPasswordProps = Omit<InputProps, 'leftIcon' | 'monospace' | 'rightIcon
2569
2578
  /**
2570
2579
  * A password input component with a toggle button to show or hide the password text.
2571
2580
  */
2572
- declare const InputPassword: react.ForwardRefExoticComponent<Omit<InputProps, "type" | "monospace" | "leftIcon" | "rightIcon"> & {
2581
+ declare const InputPassword: react.ForwardRefExoticComponent<Omit<InputProps, "monospace" | "type" | "leftIcon" | "rightIcon"> & {
2573
2582
  /**
2574
2583
  * Set the disabled state of the input
2575
2584
  */
@@ -3284,7 +3293,7 @@ type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'hideLabel' | 'label'
3284
3293
  */
3285
3294
  hideLabel?: boolean;
3286
3295
  };
3287
- declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "onChange" | "value" | "size" | "hideLabel"> & {
3296
+ declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "value" | "label" | "onChange" | "hideLabel"> & {
3288
3297
  /**
3289
3298
  * Indicates the state of the radio
3290
3299
  */
@@ -3817,7 +3826,7 @@ type SwitchProps = Omit<ComponentPropsWithoutRef<'input'>, 'hideLabel' | 'label'
3817
3826
  */
3818
3827
  hideLabel?: boolean;
3819
3828
  };
3820
- declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "size" | "hideLabel"> & {
3829
+ declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "label" | "hideLabel"> & {
3821
3830
  /**
3822
3831
  * The alignment of the switch relative to the label
3823
3832
  */
@@ -4045,22 +4054,22 @@ declare const ThumbnailBadge: {
4045
4054
  };
4046
4055
 
4047
4056
  declare const gradients: {
4048
- defaultDarkOne: styled_components.FlattenSimpleInterpolation;
4049
- defaultDarkTwo: styled_components.FlattenSimpleInterpolation;
4050
- defaultLightOne: styled_components.FlattenSimpleInterpolation;
4051
- defaultLightTwo: styled_components.FlattenSimpleInterpolation;
4052
- defaultMidOne: styled_components.FlattenSimpleInterpolation;
4053
- defaultMidTwo: styled_components.FlattenSimpleInterpolation;
4054
- green: styled_components.FlattenSimpleInterpolation;
4055
- greenWithPop: styled_components.FlattenSimpleInterpolation;
4056
- pink: styled_components.FlattenSimpleInterpolation;
4057
- pinkWithPop: styled_components.FlattenSimpleInterpolation;
4058
- playfulGradientOne: styled_components.FlattenSimpleInterpolation;
4059
- playfulGradientTwo: styled_components.FlattenSimpleInterpolation;
4060
- purple: styled_components.FlattenSimpleInterpolation;
4061
- purpleWithPop: styled_components.FlattenSimpleInterpolation;
4062
- yellow: styled_components.FlattenSimpleInterpolation;
4063
- yellowWithPop: styled_components.FlattenSimpleInterpolation;
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>;
4064
4073
  };
4065
4074
  type GradientNameType = keyof typeof gradients;
4066
4075