@wistia/ui 0.17.1 → 0.18.0-beta.3a151a03.96acbe5
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 +322 -315
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +72 -61
- package/dist/index.d.ts +72 -61
- package/dist/index.mjs +130 -123
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -9
package/dist/index.d.mts
CHANGED
|
@@ -1087,7 +1087,7 @@ declare const Center: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLPro
|
|
|
1087
1087
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1088
1088
|
|
|
1089
1089
|
type CheckboxSizeType = 'lg' | 'md' | 'sm';
|
|
1090
|
-
declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "
|
|
1090
|
+
declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "label" | "onChange" | "hideLabel"> & {
|
|
1091
1091
|
/**
|
|
1092
1092
|
* Indicates the state of the checkbox
|
|
1093
1093
|
*/
|
|
@@ -1798,18 +1798,18 @@ declare const DataListItem: {
|
|
|
1798
1798
|
|
|
1799
1799
|
type AlignmentTypes$1 = 'center' | 'justify' | 'left' | 'right';
|
|
1800
1800
|
declare const variantStyleMap$1: {
|
|
1801
|
-
body1: styled_components.
|
|
1802
|
-
body2: styled_components.
|
|
1803
|
-
body3: styled_components.
|
|
1804
|
-
body4: styled_components.
|
|
1805
|
-
body1Mono: styled_components.
|
|
1806
|
-
body2Mono: styled_components.
|
|
1807
|
-
body3Mono: styled_components.
|
|
1808
|
-
body4Mono: styled_components.
|
|
1809
|
-
label1: styled_components.
|
|
1810
|
-
label2: styled_components.
|
|
1811
|
-
label3: styled_components.
|
|
1812
|
-
label4: styled_components.
|
|
1801
|
+
body1: styled_components.RuleSet<object>;
|
|
1802
|
+
body2: styled_components.RuleSet<object>;
|
|
1803
|
+
body3: styled_components.RuleSet<object>;
|
|
1804
|
+
body4: styled_components.RuleSet<object>;
|
|
1805
|
+
body1Mono: styled_components.RuleSet<object>;
|
|
1806
|
+
body2Mono: styled_components.RuleSet<object>;
|
|
1807
|
+
body3Mono: styled_components.RuleSet<object>;
|
|
1808
|
+
body4Mono: styled_components.RuleSet<object>;
|
|
1809
|
+
label1: styled_components.RuleSet<object>;
|
|
1810
|
+
label2: styled_components.RuleSet<object>;
|
|
1811
|
+
label3: styled_components.RuleSet<object>;
|
|
1812
|
+
label4: styled_components.RuleSet<object>;
|
|
1813
1813
|
};
|
|
1814
1814
|
type TextProps = ComponentPropsWithoutRef<'div'> & {
|
|
1815
1815
|
/**
|
|
@@ -1900,13 +1900,13 @@ declare const Divider: {
|
|
|
1900
1900
|
|
|
1901
1901
|
type AlignmentTypes = 'center' | 'justify' | 'left' | 'right';
|
|
1902
1902
|
declare const variantStyleMap: {
|
|
1903
|
-
hero: styled_components.
|
|
1904
|
-
heading1: styled_components.
|
|
1905
|
-
heading2: styled_components.
|
|
1906
|
-
heading3: styled_components.
|
|
1907
|
-
heading4: styled_components.
|
|
1908
|
-
heading5: styled_components.
|
|
1909
|
-
heading6: styled_components.
|
|
1903
|
+
hero: styled_components.RuleSet<object>;
|
|
1904
|
+
heading1: styled_components.RuleSet<object>;
|
|
1905
|
+
heading2: styled_components.RuleSet<object>;
|
|
1906
|
+
heading3: styled_components.RuleSet<object>;
|
|
1907
|
+
heading4: styled_components.RuleSet<object>;
|
|
1908
|
+
heading5: styled_components.RuleSet<object>;
|
|
1909
|
+
heading6: styled_components.RuleSet<object>;
|
|
1910
1910
|
};
|
|
1911
1911
|
declare const DEFAULT_ELEMENT = "h1";
|
|
1912
1912
|
type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
|
|
@@ -2011,25 +2011,25 @@ type EditableHeadingProps = {
|
|
|
2011
2011
|
declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, variant, __forceEditing, editingDisabled, }: EditableHeadingProps) => JSX$1.Element;
|
|
2012
2012
|
|
|
2013
2013
|
declare const typographicVariantStyleMap: {
|
|
2014
|
-
hero: styled_components.
|
|
2015
|
-
heading1: styled_components.
|
|
2016
|
-
heading2: styled_components.
|
|
2017
|
-
heading3: styled_components.
|
|
2018
|
-
heading4: styled_components.
|
|
2019
|
-
heading5: styled_components.
|
|
2020
|
-
heading6: styled_components.
|
|
2021
|
-
body1: styled_components.
|
|
2022
|
-
body2: styled_components.
|
|
2023
|
-
body3: styled_components.
|
|
2024
|
-
body4: styled_components.
|
|
2025
|
-
body1Mono: styled_components.
|
|
2026
|
-
body2Mono: styled_components.
|
|
2027
|
-
body3Mono: styled_components.
|
|
2028
|
-
body4Mono: styled_components.
|
|
2029
|
-
label1: styled_components.
|
|
2030
|
-
label2: styled_components.
|
|
2031
|
-
label3: styled_components.
|
|
2032
|
-
label4: styled_components.
|
|
2014
|
+
hero: styled_components.RuleSet<object>;
|
|
2015
|
+
heading1: styled_components.RuleSet<object>;
|
|
2016
|
+
heading2: styled_components.RuleSet<object>;
|
|
2017
|
+
heading3: styled_components.RuleSet<object>;
|
|
2018
|
+
heading4: styled_components.RuleSet<object>;
|
|
2019
|
+
heading5: styled_components.RuleSet<object>;
|
|
2020
|
+
heading6: styled_components.RuleSet<object>;
|
|
2021
|
+
body1: styled_components.RuleSet<object>;
|
|
2022
|
+
body2: styled_components.RuleSet<object>;
|
|
2023
|
+
body3: styled_components.RuleSet<object>;
|
|
2024
|
+
body4: styled_components.RuleSet<object>;
|
|
2025
|
+
body1Mono: styled_components.RuleSet<object>;
|
|
2026
|
+
body2Mono: styled_components.RuleSet<object>;
|
|
2027
|
+
body3Mono: styled_components.RuleSet<object>;
|
|
2028
|
+
body4Mono: styled_components.RuleSet<object>;
|
|
2029
|
+
label1: styled_components.RuleSet<object>;
|
|
2030
|
+
label2: styled_components.RuleSet<object>;
|
|
2031
|
+
label3: styled_components.RuleSet<object>;
|
|
2032
|
+
label4: styled_components.RuleSet<object>;
|
|
2033
2033
|
};
|
|
2034
2034
|
type TypographicVariant = keyof typeof typographicVariantStyleMap;
|
|
2035
2035
|
|
|
@@ -2238,7 +2238,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElemen
|
|
|
2238
2238
|
/**
|
|
2239
2239
|
* Capture user input with a text field. Should be used within a [Form]() and [FormField]().
|
|
2240
2240
|
*/
|
|
2241
|
-
declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<
|
|
2241
|
+
declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLTextAreaElement | HTMLInputElement>, "type"> & {
|
|
2242
2242
|
/**
|
|
2243
2243
|
* When enabled, focusing the input will select the entire text within
|
|
2244
2244
|
*/
|
|
@@ -2271,7 +2271,7 @@ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HT
|
|
|
2271
2271
|
* The type of the input
|
|
2272
2272
|
*/
|
|
2273
2273
|
type?: "email" | "multiline" | "number" | "password" | "phone" | "search" | "text" | "url";
|
|
2274
|
-
} & react.RefAttributes<
|
|
2274
|
+
} & react.RefAttributes<HTMLTextAreaElement | HTMLInputElement>>;
|
|
2275
2275
|
|
|
2276
2276
|
type EditableTextInputProps = Pick<InputProps, 'autoSelect'>;
|
|
2277
2277
|
declare const EditableTextInput: (props: EditableTextInputProps) => JSX$1.Element | null;
|
|
@@ -2585,7 +2585,7 @@ type InputClickToCopyProps = Omit<InputProps, 'autoSelect' | 'disabled' | 'right
|
|
|
2585
2585
|
/**
|
|
2586
2586
|
* Provides a readonly input that copies the text to the clipboard when clicked.
|
|
2587
2587
|
*/
|
|
2588
|
-
declare const InputClickToCopy: react.ForwardRefExoticComponent<Omit<InputProps, "
|
|
2588
|
+
declare const InputClickToCopy: react.ForwardRefExoticComponent<Omit<InputProps, "disabled" | "value" | "type" | "rightIcon" | "autoSelect"> & {
|
|
2589
2589
|
/**
|
|
2590
2590
|
* When disabled, the copy action will not be triggered
|
|
2591
2591
|
*/
|
|
@@ -2613,7 +2613,7 @@ type InputPasswordProps = Omit<InputProps, 'leftIcon' | 'monospace' | 'rightIcon
|
|
|
2613
2613
|
/**
|
|
2614
2614
|
* A password input component with a toggle button to show or hide the password text.
|
|
2615
2615
|
*/
|
|
2616
|
-
declare const InputPassword: react.ForwardRefExoticComponent<Omit<InputProps, "
|
|
2616
|
+
declare const InputPassword: react.ForwardRefExoticComponent<Omit<InputProps, "monospace" | "type" | "leftIcon" | "rightIcon"> & {
|
|
2617
2617
|
/**
|
|
2618
2618
|
* Set the disabled state of the input
|
|
2619
2619
|
*/
|
|
@@ -3328,7 +3328,7 @@ type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'hideLabel' | 'label'
|
|
|
3328
3328
|
*/
|
|
3329
3329
|
hideLabel?: boolean;
|
|
3330
3330
|
};
|
|
3331
|
-
declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "
|
|
3331
|
+
declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "value" | "label" | "onChange" | "hideLabel"> & {
|
|
3332
3332
|
/**
|
|
3333
3333
|
* Indicates the state of the radio
|
|
3334
3334
|
*/
|
|
@@ -3861,7 +3861,7 @@ type SwitchProps = Omit<ComponentPropsWithoutRef<'input'>, 'hideLabel' | 'label'
|
|
|
3861
3861
|
*/
|
|
3862
3862
|
hideLabel?: boolean;
|
|
3863
3863
|
};
|
|
3864
|
-
declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "
|
|
3864
|
+
declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "label" | "hideLabel"> & {
|
|
3865
3865
|
/**
|
|
3866
3866
|
* The alignment of the switch relative to the label
|
|
3867
3867
|
*/
|
|
@@ -4089,25 +4089,26 @@ declare const ThumbnailBadge: {
|
|
|
4089
4089
|
};
|
|
4090
4090
|
|
|
4091
4091
|
declare const gradients: {
|
|
4092
|
-
defaultDarkOne: styled_components.
|
|
4093
|
-
defaultDarkTwo: styled_components.
|
|
4094
|
-
defaultLightOne: styled_components.
|
|
4095
|
-
defaultLightTwo: styled_components.
|
|
4096
|
-
defaultMidOne: styled_components.
|
|
4097
|
-
defaultMidTwo: styled_components.
|
|
4098
|
-
green: styled_components.
|
|
4099
|
-
greenWithPop: styled_components.
|
|
4100
|
-
pink: styled_components.
|
|
4101
|
-
pinkWithPop: styled_components.
|
|
4102
|
-
playfulGradientOne: styled_components.
|
|
4103
|
-
playfulGradientTwo: styled_components.
|
|
4104
|
-
purple: styled_components.
|
|
4105
|
-
purpleWithPop: styled_components.
|
|
4106
|
-
yellow: styled_components.
|
|
4107
|
-
yellowWithPop: styled_components.
|
|
4092
|
+
defaultDarkOne: styled_components.RuleSet<object>;
|
|
4093
|
+
defaultDarkTwo: styled_components.RuleSet<object>;
|
|
4094
|
+
defaultLightOne: styled_components.RuleSet<object>;
|
|
4095
|
+
defaultLightTwo: styled_components.RuleSet<object>;
|
|
4096
|
+
defaultMidOne: styled_components.RuleSet<object>;
|
|
4097
|
+
defaultMidTwo: styled_components.RuleSet<object>;
|
|
4098
|
+
green: styled_components.RuleSet<object>;
|
|
4099
|
+
greenWithPop: styled_components.RuleSet<object>;
|
|
4100
|
+
pink: styled_components.RuleSet<object>;
|
|
4101
|
+
pinkWithPop: styled_components.RuleSet<object>;
|
|
4102
|
+
playfulGradientOne: styled_components.RuleSet<object>;
|
|
4103
|
+
playfulGradientTwo: styled_components.RuleSet<object>;
|
|
4104
|
+
purple: styled_components.RuleSet<object>;
|
|
4105
|
+
purpleWithPop: styled_components.RuleSet<object>;
|
|
4106
|
+
yellow: styled_components.RuleSet<object>;
|
|
4107
|
+
yellowWithPop: styled_components.RuleSet<object>;
|
|
4108
4108
|
};
|
|
4109
4109
|
type GradientNameType = keyof typeof gradients;
|
|
4110
4110
|
|
|
4111
|
+
type AspectRatioType = 'square' | 'wide';
|
|
4111
4112
|
type Storyboard = {
|
|
4112
4113
|
__typename?: string;
|
|
4113
4114
|
aspectRatio: number;
|
|
@@ -4150,6 +4151,11 @@ type ThumbnailProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & {
|
|
|
4150
4151
|
* Example: '180px'
|
|
4151
4152
|
*/
|
|
4152
4153
|
height?: string;
|
|
4154
|
+
/**
|
|
4155
|
+
* The aspect ratio of the thumbnail container.
|
|
4156
|
+
* 'wide' maps to 16:9 ratio, 'square' maps to 1:1 ratio.
|
|
4157
|
+
*/
|
|
4158
|
+
aspectRatio?: AspectRatioType;
|
|
4153
4159
|
};
|
|
4154
4160
|
/**
|
|
4155
4161
|
* A `Thumbnail` is a small, reduced-size version of an image or video used as a preview or representative image.
|
|
@@ -4185,6 +4191,11 @@ declare const Thumbnail: react.ForwardRefExoticComponent<Omit<Omit<react.Detaile
|
|
|
4185
4191
|
* Example: '180px'
|
|
4186
4192
|
*/
|
|
4187
4193
|
height?: string;
|
|
4194
|
+
/**
|
|
4195
|
+
* The aspect ratio of the thumbnail container.
|
|
4196
|
+
* 'wide' maps to 16:9 ratio, 'square' maps to 1:1 ratio.
|
|
4197
|
+
*/
|
|
4198
|
+
aspectRatio?: AspectRatioType;
|
|
4188
4199
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
4189
4200
|
|
|
4190
4201
|
type ThumbnailCollageProps = {
|
package/dist/index.d.ts
CHANGED
|
@@ -1087,7 +1087,7 @@ declare const Center: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLPro
|
|
|
1087
1087
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1088
1088
|
|
|
1089
1089
|
type CheckboxSizeType = 'lg' | 'md' | 'sm';
|
|
1090
|
-
declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "
|
|
1090
|
+
declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "label" | "onChange" | "hideLabel"> & {
|
|
1091
1091
|
/**
|
|
1092
1092
|
* Indicates the state of the checkbox
|
|
1093
1093
|
*/
|
|
@@ -1798,18 +1798,18 @@ declare const DataListItem: {
|
|
|
1798
1798
|
|
|
1799
1799
|
type AlignmentTypes$1 = 'center' | 'justify' | 'left' | 'right';
|
|
1800
1800
|
declare const variantStyleMap$1: {
|
|
1801
|
-
body1: styled_components.
|
|
1802
|
-
body2: styled_components.
|
|
1803
|
-
body3: styled_components.
|
|
1804
|
-
body4: styled_components.
|
|
1805
|
-
body1Mono: styled_components.
|
|
1806
|
-
body2Mono: styled_components.
|
|
1807
|
-
body3Mono: styled_components.
|
|
1808
|
-
body4Mono: styled_components.
|
|
1809
|
-
label1: styled_components.
|
|
1810
|
-
label2: styled_components.
|
|
1811
|
-
label3: styled_components.
|
|
1812
|
-
label4: styled_components.
|
|
1801
|
+
body1: styled_components.RuleSet<object>;
|
|
1802
|
+
body2: styled_components.RuleSet<object>;
|
|
1803
|
+
body3: styled_components.RuleSet<object>;
|
|
1804
|
+
body4: styled_components.RuleSet<object>;
|
|
1805
|
+
body1Mono: styled_components.RuleSet<object>;
|
|
1806
|
+
body2Mono: styled_components.RuleSet<object>;
|
|
1807
|
+
body3Mono: styled_components.RuleSet<object>;
|
|
1808
|
+
body4Mono: styled_components.RuleSet<object>;
|
|
1809
|
+
label1: styled_components.RuleSet<object>;
|
|
1810
|
+
label2: styled_components.RuleSet<object>;
|
|
1811
|
+
label3: styled_components.RuleSet<object>;
|
|
1812
|
+
label4: styled_components.RuleSet<object>;
|
|
1813
1813
|
};
|
|
1814
1814
|
type TextProps = ComponentPropsWithoutRef<'div'> & {
|
|
1815
1815
|
/**
|
|
@@ -1900,13 +1900,13 @@ declare const Divider: {
|
|
|
1900
1900
|
|
|
1901
1901
|
type AlignmentTypes = 'center' | 'justify' | 'left' | 'right';
|
|
1902
1902
|
declare const variantStyleMap: {
|
|
1903
|
-
hero: styled_components.
|
|
1904
|
-
heading1: styled_components.
|
|
1905
|
-
heading2: styled_components.
|
|
1906
|
-
heading3: styled_components.
|
|
1907
|
-
heading4: styled_components.
|
|
1908
|
-
heading5: styled_components.
|
|
1909
|
-
heading6: styled_components.
|
|
1903
|
+
hero: styled_components.RuleSet<object>;
|
|
1904
|
+
heading1: styled_components.RuleSet<object>;
|
|
1905
|
+
heading2: styled_components.RuleSet<object>;
|
|
1906
|
+
heading3: styled_components.RuleSet<object>;
|
|
1907
|
+
heading4: styled_components.RuleSet<object>;
|
|
1908
|
+
heading5: styled_components.RuleSet<object>;
|
|
1909
|
+
heading6: styled_components.RuleSet<object>;
|
|
1910
1910
|
};
|
|
1911
1911
|
declare const DEFAULT_ELEMENT = "h1";
|
|
1912
1912
|
type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
|
|
@@ -2011,25 +2011,25 @@ type EditableHeadingProps = {
|
|
|
2011
2011
|
declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, variant, __forceEditing, editingDisabled, }: EditableHeadingProps) => JSX$1.Element;
|
|
2012
2012
|
|
|
2013
2013
|
declare const typographicVariantStyleMap: {
|
|
2014
|
-
hero: styled_components.
|
|
2015
|
-
heading1: styled_components.
|
|
2016
|
-
heading2: styled_components.
|
|
2017
|
-
heading3: styled_components.
|
|
2018
|
-
heading4: styled_components.
|
|
2019
|
-
heading5: styled_components.
|
|
2020
|
-
heading6: styled_components.
|
|
2021
|
-
body1: styled_components.
|
|
2022
|
-
body2: styled_components.
|
|
2023
|
-
body3: styled_components.
|
|
2024
|
-
body4: styled_components.
|
|
2025
|
-
body1Mono: styled_components.
|
|
2026
|
-
body2Mono: styled_components.
|
|
2027
|
-
body3Mono: styled_components.
|
|
2028
|
-
body4Mono: styled_components.
|
|
2029
|
-
label1: styled_components.
|
|
2030
|
-
label2: styled_components.
|
|
2031
|
-
label3: styled_components.
|
|
2032
|
-
label4: styled_components.
|
|
2014
|
+
hero: styled_components.RuleSet<object>;
|
|
2015
|
+
heading1: styled_components.RuleSet<object>;
|
|
2016
|
+
heading2: styled_components.RuleSet<object>;
|
|
2017
|
+
heading3: styled_components.RuleSet<object>;
|
|
2018
|
+
heading4: styled_components.RuleSet<object>;
|
|
2019
|
+
heading5: styled_components.RuleSet<object>;
|
|
2020
|
+
heading6: styled_components.RuleSet<object>;
|
|
2021
|
+
body1: styled_components.RuleSet<object>;
|
|
2022
|
+
body2: styled_components.RuleSet<object>;
|
|
2023
|
+
body3: styled_components.RuleSet<object>;
|
|
2024
|
+
body4: styled_components.RuleSet<object>;
|
|
2025
|
+
body1Mono: styled_components.RuleSet<object>;
|
|
2026
|
+
body2Mono: styled_components.RuleSet<object>;
|
|
2027
|
+
body3Mono: styled_components.RuleSet<object>;
|
|
2028
|
+
body4Mono: styled_components.RuleSet<object>;
|
|
2029
|
+
label1: styled_components.RuleSet<object>;
|
|
2030
|
+
label2: styled_components.RuleSet<object>;
|
|
2031
|
+
label3: styled_components.RuleSet<object>;
|
|
2032
|
+
label4: styled_components.RuleSet<object>;
|
|
2033
2033
|
};
|
|
2034
2034
|
type TypographicVariant = keyof typeof typographicVariantStyleMap;
|
|
2035
2035
|
|
|
@@ -2238,7 +2238,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElemen
|
|
|
2238
2238
|
/**
|
|
2239
2239
|
* Capture user input with a text field. Should be used within a [Form]() and [FormField]().
|
|
2240
2240
|
*/
|
|
2241
|
-
declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<
|
|
2241
|
+
declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLTextAreaElement | HTMLInputElement>, "type"> & {
|
|
2242
2242
|
/**
|
|
2243
2243
|
* When enabled, focusing the input will select the entire text within
|
|
2244
2244
|
*/
|
|
@@ -2271,7 +2271,7 @@ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HT
|
|
|
2271
2271
|
* The type of the input
|
|
2272
2272
|
*/
|
|
2273
2273
|
type?: "email" | "multiline" | "number" | "password" | "phone" | "search" | "text" | "url";
|
|
2274
|
-
} & react.RefAttributes<
|
|
2274
|
+
} & react.RefAttributes<HTMLTextAreaElement | HTMLInputElement>>;
|
|
2275
2275
|
|
|
2276
2276
|
type EditableTextInputProps = Pick<InputProps, 'autoSelect'>;
|
|
2277
2277
|
declare const EditableTextInput: (props: EditableTextInputProps) => JSX$1.Element | null;
|
|
@@ -2585,7 +2585,7 @@ type InputClickToCopyProps = Omit<InputProps, 'autoSelect' | 'disabled' | 'right
|
|
|
2585
2585
|
/**
|
|
2586
2586
|
* Provides a readonly input that copies the text to the clipboard when clicked.
|
|
2587
2587
|
*/
|
|
2588
|
-
declare const InputClickToCopy: react.ForwardRefExoticComponent<Omit<InputProps, "
|
|
2588
|
+
declare const InputClickToCopy: react.ForwardRefExoticComponent<Omit<InputProps, "disabled" | "value" | "type" | "rightIcon" | "autoSelect"> & {
|
|
2589
2589
|
/**
|
|
2590
2590
|
* When disabled, the copy action will not be triggered
|
|
2591
2591
|
*/
|
|
@@ -2613,7 +2613,7 @@ type InputPasswordProps = Omit<InputProps, 'leftIcon' | 'monospace' | 'rightIcon
|
|
|
2613
2613
|
/**
|
|
2614
2614
|
* A password input component with a toggle button to show or hide the password text.
|
|
2615
2615
|
*/
|
|
2616
|
-
declare const InputPassword: react.ForwardRefExoticComponent<Omit<InputProps, "
|
|
2616
|
+
declare const InputPassword: react.ForwardRefExoticComponent<Omit<InputProps, "monospace" | "type" | "leftIcon" | "rightIcon"> & {
|
|
2617
2617
|
/**
|
|
2618
2618
|
* Set the disabled state of the input
|
|
2619
2619
|
*/
|
|
@@ -3328,7 +3328,7 @@ type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'hideLabel' | 'label'
|
|
|
3328
3328
|
*/
|
|
3329
3329
|
hideLabel?: boolean;
|
|
3330
3330
|
};
|
|
3331
|
-
declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "
|
|
3331
|
+
declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "value" | "label" | "onChange" | "hideLabel"> & {
|
|
3332
3332
|
/**
|
|
3333
3333
|
* Indicates the state of the radio
|
|
3334
3334
|
*/
|
|
@@ -3861,7 +3861,7 @@ type SwitchProps = Omit<ComponentPropsWithoutRef<'input'>, 'hideLabel' | 'label'
|
|
|
3861
3861
|
*/
|
|
3862
3862
|
hideLabel?: boolean;
|
|
3863
3863
|
};
|
|
3864
|
-
declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "
|
|
3864
|
+
declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "label" | "hideLabel"> & {
|
|
3865
3865
|
/**
|
|
3866
3866
|
* The alignment of the switch relative to the label
|
|
3867
3867
|
*/
|
|
@@ -4089,25 +4089,26 @@ declare const ThumbnailBadge: {
|
|
|
4089
4089
|
};
|
|
4090
4090
|
|
|
4091
4091
|
declare const gradients: {
|
|
4092
|
-
defaultDarkOne: styled_components.
|
|
4093
|
-
defaultDarkTwo: styled_components.
|
|
4094
|
-
defaultLightOne: styled_components.
|
|
4095
|
-
defaultLightTwo: styled_components.
|
|
4096
|
-
defaultMidOne: styled_components.
|
|
4097
|
-
defaultMidTwo: styled_components.
|
|
4098
|
-
green: styled_components.
|
|
4099
|
-
greenWithPop: styled_components.
|
|
4100
|
-
pink: styled_components.
|
|
4101
|
-
pinkWithPop: styled_components.
|
|
4102
|
-
playfulGradientOne: styled_components.
|
|
4103
|
-
playfulGradientTwo: styled_components.
|
|
4104
|
-
purple: styled_components.
|
|
4105
|
-
purpleWithPop: styled_components.
|
|
4106
|
-
yellow: styled_components.
|
|
4107
|
-
yellowWithPop: styled_components.
|
|
4092
|
+
defaultDarkOne: styled_components.RuleSet<object>;
|
|
4093
|
+
defaultDarkTwo: styled_components.RuleSet<object>;
|
|
4094
|
+
defaultLightOne: styled_components.RuleSet<object>;
|
|
4095
|
+
defaultLightTwo: styled_components.RuleSet<object>;
|
|
4096
|
+
defaultMidOne: styled_components.RuleSet<object>;
|
|
4097
|
+
defaultMidTwo: styled_components.RuleSet<object>;
|
|
4098
|
+
green: styled_components.RuleSet<object>;
|
|
4099
|
+
greenWithPop: styled_components.RuleSet<object>;
|
|
4100
|
+
pink: styled_components.RuleSet<object>;
|
|
4101
|
+
pinkWithPop: styled_components.RuleSet<object>;
|
|
4102
|
+
playfulGradientOne: styled_components.RuleSet<object>;
|
|
4103
|
+
playfulGradientTwo: styled_components.RuleSet<object>;
|
|
4104
|
+
purple: styled_components.RuleSet<object>;
|
|
4105
|
+
purpleWithPop: styled_components.RuleSet<object>;
|
|
4106
|
+
yellow: styled_components.RuleSet<object>;
|
|
4107
|
+
yellowWithPop: styled_components.RuleSet<object>;
|
|
4108
4108
|
};
|
|
4109
4109
|
type GradientNameType = keyof typeof gradients;
|
|
4110
4110
|
|
|
4111
|
+
type AspectRatioType = 'square' | 'wide';
|
|
4111
4112
|
type Storyboard = {
|
|
4112
4113
|
__typename?: string;
|
|
4113
4114
|
aspectRatio: number;
|
|
@@ -4150,6 +4151,11 @@ type ThumbnailProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & {
|
|
|
4150
4151
|
* Example: '180px'
|
|
4151
4152
|
*/
|
|
4152
4153
|
height?: string;
|
|
4154
|
+
/**
|
|
4155
|
+
* The aspect ratio of the thumbnail container.
|
|
4156
|
+
* 'wide' maps to 16:9 ratio, 'square' maps to 1:1 ratio.
|
|
4157
|
+
*/
|
|
4158
|
+
aspectRatio?: AspectRatioType;
|
|
4153
4159
|
};
|
|
4154
4160
|
/**
|
|
4155
4161
|
* A `Thumbnail` is a small, reduced-size version of an image or video used as a preview or representative image.
|
|
@@ -4185,6 +4191,11 @@ declare const Thumbnail: react.ForwardRefExoticComponent<Omit<Omit<react.Detaile
|
|
|
4185
4191
|
* Example: '180px'
|
|
4186
4192
|
*/
|
|
4187
4193
|
height?: string;
|
|
4194
|
+
/**
|
|
4195
|
+
* The aspect ratio of the thumbnail container.
|
|
4196
|
+
* 'wide' maps to 16:9 ratio, 'square' maps to 1:1 ratio.
|
|
4197
|
+
*/
|
|
4198
|
+
aspectRatio?: AspectRatioType;
|
|
4188
4199
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
4189
4200
|
|
|
4190
4201
|
type ThumbnailCollageProps = {
|