@wistia/ui 0.18.18-beta.f646dff0.af8ca00 → 0.18.18-beta.fba14250.ac46dfb

package/dist/index.d.mts

@@ -1723,20 +1723,28 @@ type DataCardsProps = ComponentPropsWithoutRef<'div'> & {
      * Should be at least one `DataCard` component
      */
     children: ReactNode;
+    /**
+     * String to pass to the `min-width` property of its children. [View the syntax on MDN →](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width#syntax)
+     */
+    cardMinWidth?: ResponsiveObject<string> | string;
     /**
      * String to pass to the `max-width` property of its children. [View the syntax on MDN →](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width#syntax)
      */
-    cardMaxWidth?: string;
+    cardMaxWidth?: ResponsiveObject<string> | string;
     /**
      * Sets the color scheme of the cards, can be overriden at the card level
      */
     colorScheme?: ColorSchemeTypes;
+    /**
+     * Desired number of columns to display.
+     */
+    columns?: ResponsiveObject<number | 'auto'> | number | 'auto';
 };
 /**
  * Displays a series of cards tailor made for displaying analytics data
  */
 declare const DataCards: {
-    ({ children, cardMaxWidth, colorScheme, ...props }: DataCardsProps): JSX.Element;
+    ({ children, cardMinWidth, cardMaxWidth, colorScheme, columns, ...props }: DataCardsProps): JSX.Element;
     displayName: string;
 };
 

package/dist/index.d.ts

@@ -1723,20 +1723,28 @@ type DataCardsProps = ComponentPropsWithoutRef<'div'> & {
      * Should be at least one `DataCard` component
      */
     children: ReactNode;
+    /**
+     * String to pass to the `min-width` property of its children. [View the syntax on MDN →](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width#syntax)
+     */
+    cardMinWidth?: ResponsiveObject<string> | string;
     /**
      * String to pass to the `max-width` property of its children. [View the syntax on MDN →](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width#syntax)
      */
-    cardMaxWidth?: string;
+    cardMaxWidth?: ResponsiveObject<string> | string;
     /**
      * Sets the color scheme of the cards, can be overriden at the card level
      */
     colorScheme?: ColorSchemeTypes;
+    /**
+     * Desired number of columns to display.
+     */
+    columns?: ResponsiveObject<number | 'auto'> | number | 'auto';
 };
 /**
  * Displays a series of cards tailor made for displaying analytics data
  */
 declare const DataCards: {
-    ({ children, cardMaxWidth, colorScheme, ...props }: DataCardsProps): JSX.Element;
+    ({ children, cardMinWidth, cardMaxWidth, colorScheme, columns, ...props }: DataCardsProps): JSX.Element;
     displayName: string;
 };