@wistia/ui 0.18.0-beta.6b0e0e1f.6fda0f8 → 0.18.0-beta.782f3b36.e196b15
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 +4 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +9 -2
- package/dist/index.d.ts +9 -2
- package/dist/index.mjs +4 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -5
package/dist/index.d.mts
CHANGED
|
@@ -711,11 +711,18 @@ type AlignContentType =
|
|
|
711
711
|
| 'center'
|
|
712
712
|
| 'flex-end'
|
|
713
713
|
| 'flex-start'
|
|
714
|
+
| 'normal'
|
|
714
715
|
| 'space-around'
|
|
715
716
|
| 'space-between'
|
|
716
717
|
| 'stretch';
|
|
717
718
|
|
|
718
|
-
type AlignItemsType =
|
|
719
|
+
type AlignItemsType =
|
|
720
|
+
| 'baseline'
|
|
721
|
+
| 'center'
|
|
722
|
+
| 'flex-end'
|
|
723
|
+
| 'flex-start'
|
|
724
|
+
| 'normal'
|
|
725
|
+
| 'stretch';
|
|
719
726
|
|
|
720
727
|
type AlignSelfType = 'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
|
|
721
728
|
|
|
@@ -1041,7 +1048,7 @@ type CardProps = BoxProps & ComponentPropsWithoutRef<'div'> & {
|
|
|
1041
1048
|
* Cards can be used to visually distinguish content sections. Extends the [Box component.](https://wistia.github.io/vhs/storybook-ui/?path=/docs/components-box--docs)
|
|
1042
1049
|
*/
|
|
1043
1050
|
declare const Card: {
|
|
1044
|
-
({ children, border, borderRadius, colorScheme, direction, gap, height, paddingSize, prominence, width, ...props }: CardProps): JSX$1.Element;
|
|
1051
|
+
({ children, alignItems, border, borderRadius, colorScheme, direction, gap, height, paddingSize, prominence, width, ...props }: CardProps): JSX$1.Element;
|
|
1045
1052
|
displayName: string;
|
|
1046
1053
|
};
|
|
1047
1054
|
|
package/dist/index.d.ts
CHANGED
|
@@ -711,11 +711,18 @@ type AlignContentType =
|
|
|
711
711
|
| 'center'
|
|
712
712
|
| 'flex-end'
|
|
713
713
|
| 'flex-start'
|
|
714
|
+
| 'normal'
|
|
714
715
|
| 'space-around'
|
|
715
716
|
| 'space-between'
|
|
716
717
|
| 'stretch';
|
|
717
718
|
|
|
718
|
-
type AlignItemsType =
|
|
719
|
+
type AlignItemsType =
|
|
720
|
+
| 'baseline'
|
|
721
|
+
| 'center'
|
|
722
|
+
| 'flex-end'
|
|
723
|
+
| 'flex-start'
|
|
724
|
+
| 'normal'
|
|
725
|
+
| 'stretch';
|
|
719
726
|
|
|
720
727
|
type AlignSelfType = 'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
|
|
721
728
|
|
|
@@ -1041,7 +1048,7 @@ type CardProps = BoxProps & ComponentPropsWithoutRef<'div'> & {
|
|
|
1041
1048
|
* Cards can be used to visually distinguish content sections. Extends the [Box component.](https://wistia.github.io/vhs/storybook-ui/?path=/docs/components-box--docs)
|
|
1042
1049
|
*/
|
|
1043
1050
|
declare const Card: {
|
|
1044
|
-
({ children, border, borderRadius, colorScheme, direction, gap, height, paddingSize, prominence, width, ...props }: CardProps): JSX$1.Element;
|
|
1051
|
+
({ children, alignItems, border, borderRadius, colorScheme, direction, gap, height, paddingSize, prominence, width, ...props }: CardProps): JSX$1.Element;
|
|
1045
1052
|
displayName: string;
|
|
1046
1053
|
};
|
|
1047
1054
|
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.18.0-beta.
|
|
3
|
+
* @license @wistia/ui v0.18.0-beta.782f3b36.e196b15
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -8420,7 +8420,7 @@ var DEFAULT_ELEMENT = "div";
|
|
|
8420
8420
|
var BoxComponent = forwardRef5(
|
|
8421
8421
|
({
|
|
8422
8422
|
alignContent = "stretch",
|
|
8423
|
-
alignItems = "
|
|
8423
|
+
alignItems = "stretch",
|
|
8424
8424
|
alignSelf,
|
|
8425
8425
|
basis,
|
|
8426
8426
|
children,
|
|
@@ -9301,6 +9301,7 @@ var prominenceMap = {
|
|
|
9301
9301
|
};
|
|
9302
9302
|
var Card = ({
|
|
9303
9303
|
children,
|
|
9304
|
+
alignItems = "flex-start",
|
|
9304
9305
|
border = false,
|
|
9305
9306
|
borderRadius = "border-radius-04",
|
|
9306
9307
|
colorScheme = "inherit",
|
|
@@ -9314,6 +9315,7 @@ var Card = ({
|
|
|
9314
9315
|
}) => /* @__PURE__ */ jsx214(
|
|
9315
9316
|
StyledCard,
|
|
9316
9317
|
{
|
|
9318
|
+
$alignItems: alignItems,
|
|
9317
9319
|
$backgroundColor: prominenceMap[prominence].backgroundColor,
|
|
9318
9320
|
$borderColor: border ? prominenceMap[prominence].borderColor : "transparent",
|
|
9319
9321
|
$borderRadius: borderRadius,
|