@wistia/ui 0.6.19 → 0.6.20
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 +5 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +27 -5
- package/dist/index.d.ts +27 -5
- package/dist/index.mjs +5 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -523,11 +523,28 @@ type PolymorphicComponentProps<Component extends ElementType, Props = UnknownRec
|
|
|
523
523
|
|
|
524
524
|
type Spacings = 'space-00' | 'space-01' | 'space-02' | 'space-03' | 'space-04' | 'space-05' | 'space-06' | 'space-07' | 'space-08' | 'space-09';
|
|
525
525
|
|
|
526
|
-
type JustifyContentType =
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
526
|
+
type JustifyContentType =
|
|
527
|
+
| 'center'
|
|
528
|
+
| 'flex-end'
|
|
529
|
+
| 'flex-start'
|
|
530
|
+
| 'space-around'
|
|
531
|
+
| 'space-between'
|
|
532
|
+
| 'space-evenly';
|
|
533
|
+
|
|
534
|
+
type AlignContentType =
|
|
535
|
+
| 'center'
|
|
536
|
+
| 'flex-end'
|
|
537
|
+
| 'flex-start'
|
|
538
|
+
| 'space-around'
|
|
539
|
+
| 'space-between'
|
|
540
|
+
| 'stretch';
|
|
541
|
+
|
|
542
|
+
type AlignItemsType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
|
|
543
|
+
|
|
544
|
+
type AlignSelfType = 'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
|
|
545
|
+
|
|
546
|
+
type DirectionType = 'column-reverse' | 'column' | 'row-reverse' | 'row';
|
|
547
|
+
|
|
531
548
|
type FillType = boolean | 'horizontal' | 'vertical';
|
|
532
549
|
type Gap = {
|
|
533
550
|
column: Spacings;
|
|
@@ -2501,6 +2518,11 @@ type StackProps = {
|
|
|
2501
2518
|
* The default behavior is `vertical`. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
|
|
2502
2519
|
*/
|
|
2503
2520
|
direction?: 'horizontal' | 'vertical';
|
|
2521
|
+
/**
|
|
2522
|
+
* Controls how items are aligned along the cross-axis.
|
|
2523
|
+
* Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
|
|
2524
|
+
*/
|
|
2525
|
+
alignItems?: AlignItemsType;
|
|
2504
2526
|
renderAs?: ElementType;
|
|
2505
2527
|
};
|
|
2506
2528
|
/**
|
package/dist/index.d.ts
CHANGED
|
@@ -523,11 +523,28 @@ type PolymorphicComponentProps<Component extends ElementType, Props = UnknownRec
|
|
|
523
523
|
|
|
524
524
|
type Spacings = 'space-00' | 'space-01' | 'space-02' | 'space-03' | 'space-04' | 'space-05' | 'space-06' | 'space-07' | 'space-08' | 'space-09';
|
|
525
525
|
|
|
526
|
-
type JustifyContentType =
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
526
|
+
type JustifyContentType =
|
|
527
|
+
| 'center'
|
|
528
|
+
| 'flex-end'
|
|
529
|
+
| 'flex-start'
|
|
530
|
+
| 'space-around'
|
|
531
|
+
| 'space-between'
|
|
532
|
+
| 'space-evenly';
|
|
533
|
+
|
|
534
|
+
type AlignContentType =
|
|
535
|
+
| 'center'
|
|
536
|
+
| 'flex-end'
|
|
537
|
+
| 'flex-start'
|
|
538
|
+
| 'space-around'
|
|
539
|
+
| 'space-between'
|
|
540
|
+
| 'stretch';
|
|
541
|
+
|
|
542
|
+
type AlignItemsType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
|
|
543
|
+
|
|
544
|
+
type AlignSelfType = 'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
|
|
545
|
+
|
|
546
|
+
type DirectionType = 'column-reverse' | 'column' | 'row-reverse' | 'row';
|
|
547
|
+
|
|
531
548
|
type FillType = boolean | 'horizontal' | 'vertical';
|
|
532
549
|
type Gap = {
|
|
533
550
|
column: Spacings;
|
|
@@ -2501,6 +2518,11 @@ type StackProps = {
|
|
|
2501
2518
|
* The default behavior is `vertical`. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
|
|
2502
2519
|
*/
|
|
2503
2520
|
direction?: 'horizontal' | 'vertical';
|
|
2521
|
+
/**
|
|
2522
|
+
* Controls how items are aligned along the cross-axis.
|
|
2523
|
+
* Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
|
|
2524
|
+
*/
|
|
2525
|
+
alignItems?: AlignItemsType;
|
|
2504
2526
|
renderAs?: ElementType;
|
|
2505
2527
|
};
|
|
2506
2528
|
/**
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.6.
|
|
3
|
+
* @license @wistia/ui v0.6.20
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -8708,15 +8708,18 @@ var StyledStack = styled30.div`
|
|
|
8708
8708
|
display: flex;
|
|
8709
8709
|
flex-direction: ${({ $direction }) => $direction === "horizontal" ? "row" : "column"};
|
|
8710
8710
|
gap: ${({ $gap }) => `var(--wui-${$gap})`};
|
|
8711
|
+
align-items: ${({ $alignItems }) => $alignItems};
|
|
8711
8712
|
`;
|
|
8712
8713
|
var StackComponent = forwardRef10(
|
|
8713
|
-
({ renderAs, direction = "vertical", gap = "space-02", ...props }, ref) => {
|
|
8714
|
+
({ renderAs, direction = "vertical", gap = "space-02", alignItems = "stretch", ...props }, ref) => {
|
|
8714
8715
|
const responsiveGap = useResponsiveProp(gap);
|
|
8715
8716
|
const responsiveDirection = useResponsiveProp(direction);
|
|
8717
|
+
const responsiveAlignItems = useResponsiveProp(alignItems);
|
|
8716
8718
|
return /* @__PURE__ */ jsx215(
|
|
8717
8719
|
StyledStack,
|
|
8718
8720
|
{
|
|
8719
8721
|
ref,
|
|
8722
|
+
$alignItems: responsiveAlignItems,
|
|
8720
8723
|
$direction: responsiveDirection,
|
|
8721
8724
|
$gap: responsiveGap,
|
|
8722
8725
|
as: renderAs ?? DEFAULT_ELEMENT4,
|