@wistia/ui 0.18.18-beta.5671ee8e.fdf9f16 → 0.18.18-beta.718b4f5b.dc3bc8e
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 +2 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +1 -5
- package/dist/index.d.ts +1 -5
- package/dist/index.mjs +2 -5
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1723,10 +1723,6 @@ 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
|
*/
|
|
@@ -1744,7 +1740,7 @@ type DataCardsProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
1744
1740
|
* Displays a series of cards tailor made for displaying analytics data
|
|
1745
1741
|
*/
|
|
1746
1742
|
declare const DataCards: {
|
|
1747
|
-
({ children,
|
|
1743
|
+
({ children, cardMaxWidth, colorScheme, columns, ...props }: DataCardsProps): JSX.Element;
|
|
1748
1744
|
displayName: string;
|
|
1749
1745
|
};
|
|
1750
1746
|
|
package/dist/index.d.ts
CHANGED
|
@@ -1723,10 +1723,6 @@ 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
|
*/
|
|
@@ -1744,7 +1740,7 @@ type DataCardsProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
1744
1740
|
* Displays a series of cards tailor made for displaying analytics data
|
|
1745
1741
|
*/
|
|
1746
1742
|
declare const DataCards: {
|
|
1747
|
-
({ children,
|
|
1743
|
+
({ children, cardMaxWidth, colorScheme, columns, ...props }: DataCardsProps): JSX.Element;
|
|
1748
1744
|
displayName: string;
|
|
1749
1745
|
};
|
|
1750
1746
|
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.18.18-beta.
|
|
3
|
+
* @license @wistia/ui v0.18.18-beta.718b4f5b.dc3bc8e
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -14170,20 +14170,18 @@ var StyledDataCards = styled59(Box)`
|
|
|
14170
14170
|
);
|
|
14171
14171
|
|
|
14172
14172
|
> * {
|
|
14173
|
-
min-width:
|
|
14173
|
+
min-width: 120px;
|
|
14174
14174
|
flex-basis: var(--wui-data-cards-column-width, 0);
|
|
14175
14175
|
max-width: ${({ $cardMaxWidth }) => $cardMaxWidth};
|
|
14176
14176
|
}
|
|
14177
14177
|
`;
|
|
14178
14178
|
var DataCards = ({
|
|
14179
14179
|
children,
|
|
14180
|
-
cardMinWidth = "120px",
|
|
14181
14180
|
cardMaxWidth = "none",
|
|
14182
14181
|
colorScheme = "inherit",
|
|
14183
14182
|
columns = "auto",
|
|
14184
14183
|
...props
|
|
14185
14184
|
}) => {
|
|
14186
|
-
const responsiveCardMinWidth = useResponsiveProp(cardMinWidth);
|
|
14187
14185
|
const responsiveCardMaxWidth = useResponsiveProp(cardMaxWidth);
|
|
14188
14186
|
const responsiveColumns = useResponsiveProp(columns);
|
|
14189
14187
|
return /* @__PURE__ */ jsx279(
|
|
@@ -14191,7 +14189,6 @@ var DataCards = ({
|
|
|
14191
14189
|
{
|
|
14192
14190
|
...props,
|
|
14193
14191
|
$cardMaxWidth: responsiveCardMaxWidth,
|
|
14194
|
-
$cardMinWidth: responsiveCardMinWidth,
|
|
14195
14192
|
$colorScheme: colorScheme,
|
|
14196
14193
|
$columns: responsiveColumns,
|
|
14197
14194
|
alignItems: "stretch",
|