@wistia/ui 0.6.19 → 0.6.20-beta.c8a0b106.eb6e6a5

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 +397 -415
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.mts +30 -17
  4. package/dist/index.d.ts +30 -17
  5. package/dist/index.mjs +380 -398
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -2
package/dist/index.d.mts CHANGED
@@ -523,11 +523,28 @@ type PolymorphicComponentProps<Component extends ElementType, Props = UnknownRec
523
523
 
524
524
  type Spacings = 'space-00' | 'space-01' | 'space-02' | 'space-03' | 'space-04' | 'space-05' | 'space-06' | 'space-07' | 'space-08' | 'space-09';
525
525
 
526
- type JustifyContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'space-evenly';
527
- type AlignContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'stretch';
528
- type AlignItemsType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
529
- type AlignSelfType = 'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
530
- type DirectionType = 'column-reverse' | 'column' | 'row-reverse' | 'row';
526
+ type JustifyContentType =
527
+ | 'center'
528
+ | 'flex-end'
529
+ | 'flex-start'
530
+ | 'space-around'
531
+ | 'space-between'
532
+ | 'space-evenly';
533
+
534
+ type AlignContentType =
535
+ | 'center'
536
+ | 'flex-end'
537
+ | 'flex-start'
538
+ | 'space-around'
539
+ | 'space-between'
540
+ | 'stretch';
541
+
542
+ type AlignItemsType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
543
+
544
+ type AlignSelfType = 'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
545
+
546
+ type DirectionType = 'column-reverse' | 'column' | 'row-reverse' | 'row';
547
+
531
548
  type FillType = boolean | 'horizontal' | 'vertical';
532
549
  type Gap = {
533
550
  column: Spacings;
@@ -809,7 +826,7 @@ declare const Card: {
809
826
  displayName: string;
810
827
  };
811
828
 
812
- type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
829
+ type CheckboxProps = Omit<ComponentPropsWithRef<'input'>, 'onChange'> & {
813
830
  /**
814
831
  * Indicates the state of the checkbox
815
832
  */
@@ -818,11 +835,6 @@ type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
818
835
  * Disables checkbox
819
836
  */
820
837
  disabled?: boolean;
821
- /**
822
- * @ignore
823
- * Force a Checkbox into a particular css state (for debugging)
824
- */
825
- forceState?: 'focus' | 'hover';
826
838
  /**
827
839
  * Optional ID attribute
828
840
  */
@@ -842,17 +854,13 @@ type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
842
854
  /**
843
855
  * Callback function invoked when the value changes
844
856
  */
845
- onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
846
- /**
847
- * Make Input a required element
848
- */
849
- required?: boolean;
857
+ onChange?: (event: ChangeEvent) => unknown;
850
858
  /**
851
859
  * The value given as data when submitted with a `name`.
852
860
  */
853
861
  value?: string;
854
862
  };
855
- declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
863
+ declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
856
864
 
857
865
  type ClickRegionProps = {
858
866
  /**
@@ -2501,6 +2509,11 @@ type StackProps = {
2501
2509
  * The default behavior is `vertical`. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
2502
2510
  */
2503
2511
  direction?: 'horizontal' | 'vertical';
2512
+ /**
2513
+ * Controls how items are aligned along the cross-axis.
2514
+ * Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
2515
+ */
2516
+ alignItems?: AlignItemsType;
2504
2517
  renderAs?: ElementType;
2505
2518
  };
2506
2519
  /**
package/dist/index.d.ts CHANGED
@@ -523,11 +523,28 @@ type PolymorphicComponentProps<Component extends ElementType, Props = UnknownRec
523
523
 
524
524
  type Spacings = 'space-00' | 'space-01' | 'space-02' | 'space-03' | 'space-04' | 'space-05' | 'space-06' | 'space-07' | 'space-08' | 'space-09';
525
525
 
526
- type JustifyContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'space-evenly';
527
- type AlignContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'stretch';
528
- type AlignItemsType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
529
- type AlignSelfType = 'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
530
- type DirectionType = 'column-reverse' | 'column' | 'row-reverse' | 'row';
526
+ type JustifyContentType =
527
+ | 'center'
528
+ | 'flex-end'
529
+ | 'flex-start'
530
+ | 'space-around'
531
+ | 'space-between'
532
+ | 'space-evenly';
533
+
534
+ type AlignContentType =
535
+ | 'center'
536
+ | 'flex-end'
537
+ | 'flex-start'
538
+ | 'space-around'
539
+ | 'space-between'
540
+ | 'stretch';
541
+
542
+ type AlignItemsType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
543
+
544
+ type AlignSelfType = 'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
545
+
546
+ type DirectionType = 'column-reverse' | 'column' | 'row-reverse' | 'row';
547
+
531
548
  type FillType = boolean | 'horizontal' | 'vertical';
532
549
  type Gap = {
533
550
  column: Spacings;
@@ -809,7 +826,7 @@ declare const Card: {
809
826
  displayName: string;
810
827
  };
811
828
 
812
- type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
829
+ type CheckboxProps = Omit<ComponentPropsWithRef<'input'>, 'onChange'> & {
813
830
  /**
814
831
  * Indicates the state of the checkbox
815
832
  */
@@ -818,11 +835,6 @@ type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
818
835
  * Disables checkbox
819
836
  */
820
837
  disabled?: boolean;
821
- /**
822
- * @ignore
823
- * Force a Checkbox into a particular css state (for debugging)
824
- */
825
- forceState?: 'focus' | 'hover';
826
838
  /**
827
839
  * Optional ID attribute
828
840
  */
@@ -842,17 +854,13 @@ type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
842
854
  /**
843
855
  * Callback function invoked when the value changes
844
856
  */
845
- onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
846
- /**
847
- * Make Input a required element
848
- */
849
- required?: boolean;
857
+ onChange?: (event: ChangeEvent) => unknown;
850
858
  /**
851
859
  * The value given as data when submitted with a `name`.
852
860
  */
853
861
  value?: string;
854
862
  };
855
- declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
863
+ declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
856
864
 
857
865
  type ClickRegionProps = {
858
866
  /**
@@ -2501,6 +2509,11 @@ type StackProps = {
2501
2509
  * The default behavior is `vertical`. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
2502
2510
  */
2503
2511
  direction?: 'horizontal' | 'vertical';
2512
+ /**
2513
+ * Controls how items are aligned along the cross-axis.
2514
+ * Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
2515
+ */
2516
+ alignItems?: AlignItemsType;
2504
2517
  renderAs?: ElementType;
2505
2518
  };
2506
2519
  /**