@wistia/ui 0.18.18-beta.fba14250.ac46dfb → 0.19.0-beta.451c57a1.692126d
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 +83 -47
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +7 -11
- package/dist/index.d.ts +7 -11
- package/dist/index.mjs +149 -113
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1723,28 +1723,20 @@ type DataCardsProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
1723
1723
|
* Should be at least one `DataCard` component
|
|
1724
1724
|
*/
|
|
1725
1725
|
children: ReactNode;
|
|
1726
|
-
/**
|
|
1727
|
-
* 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)
|
|
1728
|
-
*/
|
|
1729
|
-
cardMinWidth?: ResponsiveObject<string> | string;
|
|
1730
1726
|
/**
|
|
1731
1727
|
* 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)
|
|
1732
1728
|
*/
|
|
1733
|
-
cardMaxWidth?:
|
|
1729
|
+
cardMaxWidth?: string;
|
|
1734
1730
|
/**
|
|
1735
1731
|
* Sets the color scheme of the cards, can be overriden at the card level
|
|
1736
1732
|
*/
|
|
1737
1733
|
colorScheme?: ColorSchemeTypes;
|
|
1738
|
-
/**
|
|
1739
|
-
* Desired number of columns to display.
|
|
1740
|
-
*/
|
|
1741
|
-
columns?: ResponsiveObject<number | 'auto'> | number | 'auto';
|
|
1742
1734
|
};
|
|
1743
1735
|
/**
|
|
1744
1736
|
* Displays a series of cards tailor made for displaying analytics data
|
|
1745
1737
|
*/
|
|
1746
1738
|
declare const DataCards: {
|
|
1747
|
-
({ children,
|
|
1739
|
+
({ children, cardMaxWidth, colorScheme, ...props }: DataCardsProps): JSX.Element;
|
|
1748
1740
|
displayName: string;
|
|
1749
1741
|
};
|
|
1750
1742
|
|
|
@@ -4222,13 +4214,17 @@ type ThumbnailCollageProps = {
|
|
|
4222
4214
|
* The type of gradient to show if no `Thumbnail`s are provided
|
|
4223
4215
|
*/
|
|
4224
4216
|
gradientBackground?: GradientNameType;
|
|
4217
|
+
/**
|
|
4218
|
+
* If the collage should have a background or not.
|
|
4219
|
+
*/
|
|
4220
|
+
hasBackground?: boolean;
|
|
4225
4221
|
};
|
|
4226
4222
|
/**
|
|
4227
4223
|
* A `ThumbnailCollage` is a component that displays multiple `Thumbnail` components in a responsive grid layout.
|
|
4228
4224
|
* It supports up to 3 thumbnails arranged in different configurations based on the number of children provided.
|
|
4229
4225
|
* If no thumbnails are provided, it displays a fallback thumbnail with a gradient background.
|
|
4230
4226
|
*/
|
|
4231
|
-
declare const ThumbnailCollage: ({ children, gradientBackground, ...props }: ThumbnailCollageProps) => JSX.Element;
|
|
4227
|
+
declare const ThumbnailCollage: ({ children, gradientBackground, hasBackground, ...props }: ThumbnailCollageProps) => JSX.Element;
|
|
4232
4228
|
|
|
4233
4229
|
type TooltipProps = {
|
|
4234
4230
|
/**
|
package/dist/index.d.ts
CHANGED
|
@@ -1723,28 +1723,20 @@ type DataCardsProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
1723
1723
|
* Should be at least one `DataCard` component
|
|
1724
1724
|
*/
|
|
1725
1725
|
children: ReactNode;
|
|
1726
|
-
/**
|
|
1727
|
-
* 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)
|
|
1728
|
-
*/
|
|
1729
|
-
cardMinWidth?: ResponsiveObject<string> | string;
|
|
1730
1726
|
/**
|
|
1731
1727
|
* 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)
|
|
1732
1728
|
*/
|
|
1733
|
-
cardMaxWidth?:
|
|
1729
|
+
cardMaxWidth?: string;
|
|
1734
1730
|
/**
|
|
1735
1731
|
* Sets the color scheme of the cards, can be overriden at the card level
|
|
1736
1732
|
*/
|
|
1737
1733
|
colorScheme?: ColorSchemeTypes;
|
|
1738
|
-
/**
|
|
1739
|
-
* Desired number of columns to display.
|
|
1740
|
-
*/
|
|
1741
|
-
columns?: ResponsiveObject<number | 'auto'> | number | 'auto';
|
|
1742
1734
|
};
|
|
1743
1735
|
/**
|
|
1744
1736
|
* Displays a series of cards tailor made for displaying analytics data
|
|
1745
1737
|
*/
|
|
1746
1738
|
declare const DataCards: {
|
|
1747
|
-
({ children,
|
|
1739
|
+
({ children, cardMaxWidth, colorScheme, ...props }: DataCardsProps): JSX.Element;
|
|
1748
1740
|
displayName: string;
|
|
1749
1741
|
};
|
|
1750
1742
|
|
|
@@ -4222,13 +4214,17 @@ type ThumbnailCollageProps = {
|
|
|
4222
4214
|
* The type of gradient to show if no `Thumbnail`s are provided
|
|
4223
4215
|
*/
|
|
4224
4216
|
gradientBackground?: GradientNameType;
|
|
4217
|
+
/**
|
|
4218
|
+
* If the collage should have a background or not.
|
|
4219
|
+
*/
|
|
4220
|
+
hasBackground?: boolean;
|
|
4225
4221
|
};
|
|
4226
4222
|
/**
|
|
4227
4223
|
* A `ThumbnailCollage` is a component that displays multiple `Thumbnail` components in a responsive grid layout.
|
|
4228
4224
|
* It supports up to 3 thumbnails arranged in different configurations based on the number of children provided.
|
|
4229
4225
|
* If no thumbnails are provided, it displays a fallback thumbnail with a gradient background.
|
|
4230
4226
|
*/
|
|
4231
|
-
declare const ThumbnailCollage: ({ children, gradientBackground, ...props }: ThumbnailCollageProps) => JSX.Element;
|
|
4227
|
+
declare const ThumbnailCollage: ({ children, gradientBackground, hasBackground, ...props }: ThumbnailCollageProps) => JSX.Element;
|
|
4232
4228
|
|
|
4233
4229
|
type TooltipProps = {
|
|
4234
4230
|
/**
|