@wistia/ui 0.3.0 → 0.3.2

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.3.0
+ * @license @wistia/ui v0.3.2
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -5963,7 +5963,6 @@ var import_styled_components23 = __toESM(require("styled-components"));
 var import_type_guards14 = require("@wistia/type-guards");
 var import_jsx_runtime167 = require("react/jsx-runtime");
 var isDev = process.env["NODE_ENV"] === "development" || process.env["NODE_ENV"] === "test";
-var propsForFlexChildren = /* @__PURE__ */ new Set(["alignSelf", "basis", "grow", "order", "shrink"]);
 var getGapStyle = (gap) => {
   if ((0, import_type_guards14.isNotNil)(gap)) {
     if ((0, import_type_guards14.isRecord)(gap)) {
@@ -6042,35 +6041,39 @@ var wrapChildren = (children) => {
 var Box = ({
   alignContent = "stretch",
   alignItems = "flex-start",
+  alignSelf,
+  basis,
   children,
   direction = "row",
-  hasBoxParent = false,
   fill = false,
   fillViewport = false,
   gap,
+  grow,
+  hasBoxParent = false,
+  // eslint-disable-line @typescript-eslint/no-unused-vars
   inline = false,
   justifyContent = "flex-start",
+  order,
+  shrink,
   wrapItems = false,
   ...otherProps
 }) => {
-  if (isDev && !hasBoxParent) {
-    Object.keys(otherProps).forEach((prop) => {
-      if (propsForFlexChildren.has(prop)) {
-        console.warn(`${prop} only has an effect on <Box> instances that are children of a <Box>`);
-      }
-    });
-  }
   return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
     BoxComponent,
     {
       $alignContent: alignContent,
       $alignItems: alignItems,
+      $alignSelf: alignSelf,
+      $basis: basis,
       $fillBox: fill,
       $fillViewport: fillViewport,
       $flexDirection: direction,
       $gap: gap,
+      $grow: grow,
       $inline: inline,
       $justifyContent: justifyContent,
+      $order: order,
+      $shrink: shrink,
       $wrapItems: wrapItems,
       as: "div",
       ...otherProps,
@@ -6101,7 +6104,7 @@ var ButtonGroupComponent = import_styled_components24.default.div`
 
   /* this helps ensure that primary buttons appear at the top of the column */
   flex-direction: ${({ $align }) => $align === "right" ? "column-reverse" : "column"};
-  gap: var(--wui-space-04);
+  gap: var(--wui-space-02);
   align-items: center;
   justify-content: ${({ $align }) => getAlignment($align)};
   width: ${({ $fullWidth }) => $fullWidth ? "100%" : "auto"};