@wistia/ui 0.10.4-beta.f468ee4b.d928e02 → 0.10.4

package/dist/index.d.mts

@@ -550,7 +550,6 @@ declare const Avatar: {
     displayName: string;
 };
 
-type BadgeVariants = 'default' | 'outline';
 type BadgeProps = ComponentPropsWithoutRef<'div'> & {
     /**
      * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
@@ -564,10 +563,6 @@ type BadgeProps = ComponentPropsWithoutRef<'div'> & {
      * The text to display in the `Badge`
      */
     label: ReactNode;
-    /**
-     * The variant of the `Badge`
-     */
-    variant?: BadgeVariants;
 };
 /**
  * A `Badge` is a compact label, with optional icon, to convey status or context.
@@ -585,10 +580,6 @@ declare const Badge: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
      * The text to display in the `Badge`
      */
     label: ReactNode;
-    /**
-     * The variant of the `Badge`
-     */
-    variant?: BadgeVariants;
 } & react.RefAttributes<HTMLDivElement>>;
 
 type UnknownRecord = Record<string, unknown>;
@@ -3339,7 +3330,7 @@ type ComboboxProps = {
      */
     searchValue: string;
     /**
-     * Callback that fires when a value is selected
+     * vent that fires when a value is selected
      */
     onChange: (value: string[]) => void;
     /**

package/dist/index.d.ts

@@ -550,7 +550,6 @@ declare const Avatar: {
     displayName: string;
 };
 
-type BadgeVariants = 'default' | 'outline';
 type BadgeProps = ComponentPropsWithoutRef<'div'> & {
     /**
      * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
@@ -564,10 +563,6 @@ type BadgeProps = ComponentPropsWithoutRef<'div'> & {
      * The text to display in the `Badge`
      */
     label: ReactNode;
-    /**
-     * The variant of the `Badge`
-     */
-    variant?: BadgeVariants;
 };
 /**
  * A `Badge` is a compact label, with optional icon, to convey status or context.
@@ -585,10 +580,6 @@ declare const Badge: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
      * The text to display in the `Badge`
      */
     label: ReactNode;
-    /**
-     * The variant of the `Badge`
-     */
-    variant?: BadgeVariants;
 } & react.RefAttributes<HTMLDivElement>>;
 
 type UnknownRecord = Record<string, unknown>;
@@ -3339,7 +3330,7 @@ type ComboboxProps = {
      */
     searchValue: string;
     /**
-     * Callback that fires when a value is selected
+     * vent that fires when a value is selected
      */
     onChange: (value: string[]) => void;
     /**

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.10.4-beta.f468ee4b.d928e02
+ * @license @wistia/ui v0.10.4
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -7691,7 +7691,6 @@ var StyledBadge = styled10.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;
@@ -7699,21 +7698,17 @@ var StyledBadge = styled10.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 = forwardRef4(
-  ({ colorScheme = "inherit", label, icon, variant = "default", ...props }, ref) => {
+  ({ colorScheme = "inherit", label, icon, ...props }, ref) => {
     const hasIcon = isNotNil9(icon);
     return /* @__PURE__ */ jsxs11(
       StyledBadge,
@@ -7722,7 +7717,6 @@ var Badge = forwardRef4(
         ...props,
         $colorScheme: colorScheme,
         $hasIcon: hasIcon,
-        $variant: variant,
         children: [
           hasIcon ? icon : null,
           /* @__PURE__ */ jsx200("span", { children: label })
@@ -9774,23 +9768,6 @@ var EditableHeading = ({
 import { forwardRef as forwardRef12, useRef as useRef11, useMemo as useMemo6, createContext as createContext4, useState as useState11, useId as useId2 } from "react";
 import styled34 from "styled-components";
 import { isNotUndefined as isNotUndefined7, isUndefined as isUndefined3 } from "@wistia/type-guards";
-
-// src/components/Form/serializeFormData.tsx
-var ARRAY_SUFFIX = "[]";
-var serializeFormData = (formData) => {
-  const data = {};
-  formData.forEach((value, key) => {
-    if (key.endsWith(ARRAY_SUFFIX)) {
-      const newKey = key.slice(0, -ARRAY_SUFFIX.length);
-      data[newKey] = formData.getAll(key);
-    } else {
-      data[key] = value;
-    }
-  });
-  return data;
-};
-
-// src/components/Form/Form.tsx
 import { jsx as jsx226 } from "react/jsx-runtime";
 var StyledForm = styled34.form`
   --form-default-width: 690px;
@@ -9821,7 +9798,7 @@ var FormComponent = ({
   const autoId = useId2();
   const id = props.id ?? autoId;
   const handleValidate = (nextFormData) => {
-    const nextData = serializeFormData(nextFormData);
+    const nextData = Object.fromEntries(nextFormData.entries());
     if (isUndefined3(validate)) {
       return {};
     }
@@ -9904,7 +9881,7 @@ var useFormState = (action, initialData = {}) => {
         setError(null);
         return;
       }
-      const nextData = serializeFormData(nextFormData);
+      const nextData = Object.fromEntries(nextFormData.entries());
       setIsPending(true);
       try {
         const result = await action(data, nextData);