@wistia/ui 0.6.21 → 0.6.22

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 +150 -143
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.mts +19 -7
  4. package/dist/index.d.ts +19 -7
  5. package/dist/index.mjs +102 -95
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -828,7 +828,7 @@ declare const Card: {
828
828
  };
829
829
 
830
830
  type CheckboxSizeType = 'lg' | 'md' | 'sm';
831
- declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "size"> & {
831
+ declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "onChange" | "size" | "hideLabel"> & {
832
832
  /**
833
833
  * Indicates the state of the checkbox
834
834
  */
@@ -844,7 +844,7 @@ declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
844
844
  /**
845
845
  * The label for the checkbox
846
846
  */
847
- label?: JSX.Element | string | undefined;
847
+ label: JSX.Element | string;
848
848
  /**
849
849
  * The description for the checkbox
850
850
  */
@@ -869,6 +869,10 @@ declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
869
869
  * The value given as data when submitted with a `name`.
870
870
  */
871
871
  value?: string;
872
+ /**
873
+ * Whether to visually hide the label (it will still be available to screen readers)
874
+ */
875
+ hideLabel?: boolean;
872
876
  } & react.RefAttributes<HTMLInputElement>>;
873
877
 
874
878
  type ClickRegionProps = {
@@ -1067,7 +1071,7 @@ declare const EditableHeading: ({ children, onValueChange, onEditingChange, tool
1067
1071
 
1068
1072
  declare const ellipsisStyle: styled_components.FlattenSimpleInterpolation;
1069
1073
  declare const ellipsisFlexParentStyle: styled_components.FlattenSimpleInterpolation;
1070
- type EllipsisProps = ComponentPropsWithoutRef<'div'> & {
1074
+ type EllipsisProps = ComponentPropsWithoutRef<'span'> & {
1071
1075
  /**
1072
1076
  * The text that will be truncated with an ellipsis
1073
1077
  */
@@ -2248,7 +2252,7 @@ declare const ProgressBar: {
2248
2252
  };
2249
2253
 
2250
2254
  type RadioSizeType = 'lg' | 'md' | 'sm';
2251
- type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'onChange' | 'size'> & {
2255
+ type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'hideLabel' | 'label' | 'onChange' | 'size'> & {
2252
2256
  /**
2253
2257
  * Indicates the state of the radio
2254
2258
  */
@@ -2268,7 +2272,7 @@ type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'onChange' | 'size'> &
2268
2272
  /**
2269
2273
  * The label for the input
2270
2274
  */
2271
- label?: JSX.Element | string;
2275
+ label: JSX.Element | string;
2272
2276
  /**
2273
2277
  * The description for the radio
2274
2278
  */
@@ -2294,8 +2298,12 @@ type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'onChange' | 'size'> &
2294
2298
  * The value attribute of the input
2295
2299
  */
2296
2300
  value?: string;
2301
+ /**
2302
+ * Whether to visually hide the label (it will still be available to screen readers)
2303
+ */
2304
+ hideLabel?: boolean;
2297
2305
  };
2298
- declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "size"> & {
2306
+ declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "onChange" | "size" | "hideLabel"> & {
2299
2307
  /**
2300
2308
  * Indicates the state of the radio
2301
2309
  */
@@ -2315,7 +2323,7 @@ declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
2315
2323
  /**
2316
2324
  * The label for the input
2317
2325
  */
2318
- label?: JSX.Element | string;
2326
+ label: JSX.Element | string;
2319
2327
  /**
2320
2328
  * The description for the radio
2321
2329
  */
@@ -2341,6 +2349,10 @@ declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
2341
2349
  * The value attribute of the input
2342
2350
  */
2343
2351
  value?: string;
2352
+ /**
2353
+ * Whether to visually hide the label (it will still be available to screen readers)
2354
+ */
2355
+ hideLabel?: boolean;
2344
2356
  } & react.RefAttributes<HTMLInputElement>>;
2345
2357
 
2346
2358
  type ScreenReaderOnlyProps = ComponentPropsWithoutRef<'div'> & {
package/dist/index.d.ts CHANGED
@@ -828,7 +828,7 @@ declare const Card: {
828
828
  };
829
829
 
830
830
  type CheckboxSizeType = 'lg' | 'md' | 'sm';
831
- declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "size"> & {
831
+ declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "onChange" | "size" | "hideLabel"> & {
832
832
  /**
833
833
  * Indicates the state of the checkbox
834
834
  */
@@ -844,7 +844,7 @@ declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
844
844
  /**
845
845
  * The label for the checkbox
846
846
  */
847
- label?: JSX.Element | string | undefined;
847
+ label: JSX.Element | string;
848
848
  /**
849
849
  * The description for the checkbox
850
850
  */
@@ -869,6 +869,10 @@ declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
869
869
  * The value given as data when submitted with a `name`.
870
870
  */
871
871
  value?: string;
872
+ /**
873
+ * Whether to visually hide the label (it will still be available to screen readers)
874
+ */
875
+ hideLabel?: boolean;
872
876
  } & react.RefAttributes<HTMLInputElement>>;
873
877
 
874
878
  type ClickRegionProps = {
@@ -1067,7 +1071,7 @@ declare const EditableHeading: ({ children, onValueChange, onEditingChange, tool
1067
1071
 
1068
1072
  declare const ellipsisStyle: styled_components.FlattenSimpleInterpolation;
1069
1073
  declare const ellipsisFlexParentStyle: styled_components.FlattenSimpleInterpolation;
1070
- type EllipsisProps = ComponentPropsWithoutRef<'div'> & {
1074
+ type EllipsisProps = ComponentPropsWithoutRef<'span'> & {
1071
1075
  /**
1072
1076
  * The text that will be truncated with an ellipsis
1073
1077
  */
@@ -2248,7 +2252,7 @@ declare const ProgressBar: {
2248
2252
  };
2249
2253
 
2250
2254
  type RadioSizeType = 'lg' | 'md' | 'sm';
2251
- type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'onChange' | 'size'> & {
2255
+ type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'hideLabel' | 'label' | 'onChange' | 'size'> & {
2252
2256
  /**
2253
2257
  * Indicates the state of the radio
2254
2258
  */
@@ -2268,7 +2272,7 @@ type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'onChange' | 'size'> &
2268
2272
  /**
2269
2273
  * The label for the input
2270
2274
  */
2271
- label?: JSX.Element | string;
2275
+ label: JSX.Element | string;
2272
2276
  /**
2273
2277
  * The description for the radio
2274
2278
  */
@@ -2294,8 +2298,12 @@ type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'onChange' | 'size'> &
2294
2298
  * The value attribute of the input
2295
2299
  */
2296
2300
  value?: string;
2301
+ /**
2302
+ * Whether to visually hide the label (it will still be available to screen readers)
2303
+ */
2304
+ hideLabel?: boolean;
2297
2305
  };
2298
- declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "size"> & {
2306
+ declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "onChange" | "size" | "hideLabel"> & {
2299
2307
  /**
2300
2308
  * Indicates the state of the radio
2301
2309
  */
@@ -2315,7 +2323,7 @@ declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
2315
2323
  /**
2316
2324
  * The label for the input
2317
2325
  */
2318
- label?: JSX.Element | string;
2326
+ label: JSX.Element | string;
2319
2327
  /**
2320
2328
  * The description for the radio
2321
2329
  */
@@ -2341,6 +2349,10 @@ declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
2341
2349
  * The value attribute of the input
2342
2350
  */
2343
2351
  value?: string;
2352
+ /**
2353
+ * Whether to visually hide the label (it will still be available to screen readers)
2354
+ */
2355
+ hideLabel?: boolean;
2344
2356
  } & react.RefAttributes<HTMLInputElement>>;
2345
2357
 
2346
2358
  type ScreenReaderOnlyProps = ComponentPropsWithoutRef<'div'> & {