@wistia/ui 0.18.0-beta.782f3b36.e196b15 → 0.18.0-beta.80cfc750.f949e60
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 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +2 -9
- package/dist/index.d.ts +2 -9
- package/dist/index.mjs +2 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -5
package/dist/index.d.mts
CHANGED
|
@@ -711,18 +711,11 @@ type AlignContentType =
|
|
|
711
711
|
| 'center'
|
|
712
712
|
| 'flex-end'
|
|
713
713
|
| 'flex-start'
|
|
714
|
-
| 'normal'
|
|
715
714
|
| 'space-around'
|
|
716
715
|
| 'space-between'
|
|
717
716
|
| 'stretch';
|
|
718
717
|
|
|
719
|
-
type AlignItemsType =
|
|
720
|
-
| 'baseline'
|
|
721
|
-
| 'center'
|
|
722
|
-
| 'flex-end'
|
|
723
|
-
| 'flex-start'
|
|
724
|
-
| 'normal'
|
|
725
|
-
| 'stretch';
|
|
718
|
+
type AlignItemsType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
|
|
726
719
|
|
|
727
720
|
type AlignSelfType = 'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
|
|
728
721
|
|
|
@@ -1048,7 +1041,7 @@ type CardProps = BoxProps & ComponentPropsWithoutRef<'div'> & {
|
|
|
1048
1041
|
* 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)
|
|
1049
1042
|
*/
|
|
1050
1043
|
declare const Card: {
|
|
1051
|
-
({ children,
|
|
1044
|
+
({ children, border, borderRadius, colorScheme, direction, gap, height, paddingSize, prominence, width, ...props }: CardProps): JSX$1.Element;
|
|
1052
1045
|
displayName: string;
|
|
1053
1046
|
};
|
|
1054
1047
|
|
package/dist/index.d.ts
CHANGED
|
@@ -711,18 +711,11 @@ type AlignContentType =
|
|
|
711
711
|
| 'center'
|
|
712
712
|
| 'flex-end'
|
|
713
713
|
| 'flex-start'
|
|
714
|
-
| 'normal'
|
|
715
714
|
| 'space-around'
|
|
716
715
|
| 'space-between'
|
|
717
716
|
| 'stretch';
|
|
718
717
|
|
|
719
|
-
type AlignItemsType =
|
|
720
|
-
| 'baseline'
|
|
721
|
-
| 'center'
|
|
722
|
-
| 'flex-end'
|
|
723
|
-
| 'flex-start'
|
|
724
|
-
| 'normal'
|
|
725
|
-
| 'stretch';
|
|
718
|
+
type AlignItemsType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
|
|
726
719
|
|
|
727
720
|
type AlignSelfType = 'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
|
|
728
721
|
|
|
@@ -1048,7 +1041,7 @@ type CardProps = BoxProps & ComponentPropsWithoutRef<'div'> & {
|
|
|
1048
1041
|
* 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)
|
|
1049
1042
|
*/
|
|
1050
1043
|
declare const Card: {
|
|
1051
|
-
({ children,
|
|
1044
|
+
({ children, border, borderRadius, colorScheme, direction, gap, height, paddingSize, prominence, width, ...props }: CardProps): JSX$1.Element;
|
|
1052
1045
|
displayName: string;
|
|
1053
1046
|
};
|
|
1054
1047
|
|
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.80cfc750.f949e60
|
|
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 = "flex-start",
|
|
8424
8424
|
alignSelf,
|
|
8425
8425
|
basis,
|
|
8426
8426
|
children,
|
|
@@ -9301,7 +9301,6 @@ var prominenceMap = {
|
|
|
9301
9301
|
};
|
|
9302
9302
|
var Card = ({
|
|
9303
9303
|
children,
|
|
9304
|
-
alignItems = "flex-start",
|
|
9305
9304
|
border = false,
|
|
9306
9305
|
borderRadius = "border-radius-04",
|
|
9307
9306
|
colorScheme = "inherit",
|
|
@@ -9315,7 +9314,6 @@ var Card = ({
|
|
|
9315
9314
|
}) => /* @__PURE__ */ jsx214(
|
|
9316
9315
|
StyledCard,
|
|
9317
9316
|
{
|
|
9318
|
-
$alignItems: alignItems,
|
|
9319
9317
|
$backgroundColor: prominenceMap[prominence].backgroundColor,
|
|
9320
9318
|
$borderColor: border ? prominenceMap[prominence].borderColor : "transparent",
|
|
9321
9319
|
$borderRadius: borderRadius,
|