@wistia/ui 0.8.11 → 0.8.12

package/dist/index.d.mts

@@ -1612,7 +1612,7 @@ type IconProps = ComponentPropsWithoutRef<'svg'> & {
     /**
      * The size of the icon to display
      */
-    size?: keyof typeof iconSizeMap;
+    size?: ResponsiveObject<keyof typeof iconSizeMap> | keyof typeof iconSizeMap;
     /**
      * @ignore
      */
@@ -2703,18 +2703,21 @@ type StackProps = {
     /**
      * The gap between each item in the stack. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
      * TODO: add link to Spacing docs
+     *
      */
-    gap?: Spacings;
+    gap?: ResponsiveObject<Spacings> | Spacings;
     /**
      * Vertical is equivalent to `flex-direction: column;`, horizontal is equivalent to `flex-direction: row;`.
      * The default behavior is `vertical`. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
      */
-    direction?: 'horizontal' | 'vertical';
+    direction?: ResponsiveObject<'horizontal' | 'vertical'> | 'horizontal' | 'vertical';
     /**
      * Controls how items are aligned along the cross-axis.
      * Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     *
+     * @type 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch' | ResponsiveObject<'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch'>
      */
-    alignItems?: AlignItemsType;
+    alignItems?: AlignItemsType | ResponsiveObject<AlignItemsType>;
     renderAs?: ElementType;
 };
 /**

package/dist/index.d.ts

@@ -1612,7 +1612,7 @@ type IconProps = ComponentPropsWithoutRef<'svg'> & {
     /**
      * The size of the icon to display
      */
-    size?: keyof typeof iconSizeMap;
+    size?: ResponsiveObject<keyof typeof iconSizeMap> | keyof typeof iconSizeMap;
     /**
      * @ignore
      */
@@ -2703,18 +2703,21 @@ type StackProps = {
     /**
      * The gap between each item in the stack. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
      * TODO: add link to Spacing docs
+     *
      */
-    gap?: Spacings;
+    gap?: ResponsiveObject<Spacings> | Spacings;
     /**
      * Vertical is equivalent to `flex-direction: column;`, horizontal is equivalent to `flex-direction: row;`.
      * The default behavior is `vertical`. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
      */
-    direction?: 'horizontal' | 'vertical';
+    direction?: ResponsiveObject<'horizontal' | 'vertical'> | 'horizontal' | 'vertical';
     /**
      * Controls how items are aligned along the cross-axis.
      * Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     *
+     * @type 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch' | ResponsiveObject<'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch'>
      */
-    alignItems?: AlignItemsType;
+    alignItems?: AlignItemsType | ResponsiveObject<AlignItemsType>;
     renderAs?: ElementType;
 };
 /**

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.8.11
+ * @license @wistia/ui v0.8.12
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *