@wistia/ui 0.10.4-beta.cf49eab0.0bfe62d → 0.10.4

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.10.4-beta.cf49eab0.0bfe62d
+ * @license @wistia/ui v0.10.4
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -7828,7 +7828,6 @@ var StyledBadge = import_styled_components26.default.div`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
   align-items: center;
   background-color: var(--wui-color-bg-surface-secondary);
-  box-shadow: ${({ $variant }) => $variant === "outline" ? "inset 0 0 0 1px var(--wui-color-border)" : "none"};
   border-radius: var(--wui-border-radius-rounded);
   color: var(--wui-color-text);
   display: inline-flex;
@@ -7836,21 +7835,17 @@ var StyledBadge = import_styled_components26.default.div`
   font-weight: var(--wui-typography-label-4-weight);
   gap: var(--wui-space-01);
   justify-content: center;
-  line-height: var(--wui-typography-label-3-line-height);
   padding: var(--wui-space-01) var(--wui-space-02);
   width: fit-content;
 
-  /* Icon component size and color */
-  && {
-    svg {
-      color: var(--wui-color-icon);
-      height: 12px;
-      width: 12px;
-    }
+  /* Icon component size */
+  svg {
+    height: 12px;
+    width: 12px;
   }
 `;
 var Badge = (0, import_react26.forwardRef)(
-  ({ colorScheme = "inherit", label, icon, variant = "default", ...props }, ref) => {
+  ({ colorScheme = "inherit", label, icon, ...props }, ref) => {
     const hasIcon = (0, import_type_guards19.isNotNil)(icon);
     return /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)(
       StyledBadge,
@@ -7859,7 +7854,6 @@ var Badge = (0, import_react26.forwardRef)(
         ...props,
         $colorScheme: colorScheme,
         $hasIcon: hasIcon,
-        $variant: variant,
         children: [
           hasIcon ? icon : null,
           /* @__PURE__ */ (0, import_jsx_runtime200.jsx)("span", { children: label })
@@ -9910,6 +9904,7 @@ var StyledForm = import_styled_components51.default.form`
   --form-default-width: 690px;
 
   max-width: ${({ $fullWidth }) => $fullWidth ? "auto" : "var(--form-default-width)"};
+  align-items: ${({ $fullWidth }) => $fullWidth ? "stretch" : "flex-start"};
 `;
 var FormContext = (0, import_react41.createContext)({
   values: {},
@@ -9996,7 +9991,6 @@ var FormComponent = ({
         onBlur: handleBlur2,
         onReset: handleReset,
         onSubmit: handleSubmit,
-        alignItems: fullWidth ? "stretch" : "flex-start",
         children
       }
     ) })