@wistia/ui 0.5.7-beta.7ca8b66e.6f0667b → 0.6.0

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.
Files changed (7) hide show
  1. package/dist/index.cjs +9 -2
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.mts +6 -1
  4. package/dist/index.d.ts +6 -1
  5. package/dist/index.mjs +9 -2
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*
3
- * @license @wistia/ui v0.5.7-beta.7ca8b66e.6f0667b
3
+ * @license @wistia/ui v0.6.0
4
4
  *
5
5
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
6
6
  *
@@ -6757,7 +6757,12 @@ var ButtonGroupComponent = import_styled_components28.default.div`
6757
6757
  display: flex;
6758
6758
 
6759
6759
  /* this helps ensure that primary buttons appear at the top of the column */
6760
- flex-direction: ${({ $align }) => $align === "right" ? "column-reverse" : "column"};
6760
+ flex-direction: ${({ $collapse, $align }) => {
6761
+ if (!$collapse) {
6762
+ return "row";
6763
+ }
6764
+ return $align === "right" ? "column-reverse" : "column";
6765
+ }};
6761
6766
  gap: var(--wui-space-02);
6762
6767
  align-items: center;
6763
6768
  justify-content: ${({ $align }) => getAlignment($align)};
@@ -6777,6 +6782,7 @@ var ButtonGroup = ({
6777
6782
  children,
6778
6783
  align = "left",
6779
6784
  fullWidth = false,
6785
+ collapseOnSmallScreens = true,
6780
6786
  ...otherProps
6781
6787
  }) => {
6782
6788
  if ((0, import_type_guards18.isNil)(children)) {
@@ -6786,6 +6792,7 @@ var ButtonGroup = ({
6786
6792
  ButtonGroupComponent,
6787
6793
  {
6788
6794
  $align: align,
6795
+ $collapse: collapseOnSmallScreens,
6789
6796
  $fullWidth: fullWidth,
6790
6797
  ...otherProps,
6791
6798
  children