@nexub/react 6.9.0 → 7.0.1

package/accessibility.json

@@ -1,5 +1,5 @@
 {
-  "version": "6.9.0",
+  "version": "7.0.1",
   "standard": "WCAG 2.2 Level AA",
   "method": {
     "automated": "axe-core rules tagged wcag2a, wcag2aa, wcag21a, wcag21aa and wcag22aa, run on every Storybook story in light and dark, and on open popups (menus, listboxes, dialogs), on every pull request; a new violation fails the build.",

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -17,20 +17,13 @@ export interface AutocompleteProps {
      * filtered (fetched for this text), so the built-in filtering is off.
      */
     onInputChange?: (text: string) => void;
-    /**
-     * `'popover'` (default): a field whose list opens below it while typing.
-     * `'inline'`: the list always shows under the input (the 5.x default).
-     * @deprecated `mode` is removed in 7.0 with the inline layout; the popover stays.
-     * For an always-open list, use the Combobox parts.
-     */
-    mode?: 'inline' | 'popover';
     /** Adds a "Create “text”" option when the text matches no option exactly. */
     onCreate?: (text: string) => void;
     disabled?: boolean;
     className?: string;
     'aria-label'?: string;
 }
-export declare function Autocomplete({ options, value, onValueChange, placeholder, emptyText, loading, inputValue, onInputChange, mode, onCreate, disabled, className, 'aria-label': ariaLabel, }: AutocompleteProps): React.JSX.Element;
+export declare function Autocomplete({ options, value, onValueChange, placeholder, emptyText, loading, inputValue, onInputChange, onCreate, disabled, className, 'aria-label': ariaLabel, }: AutocompleteProps): React.JSX.Element;
 export declare namespace Autocomplete {
     var displayName: string;
 }

package/dist/components/Autocomplete/Autocomplete.js

@@ -15,7 +15,6 @@ function Autocomplete({
   loading = false,
   inputValue,
   onInputChange,
-  mode = "popover",
   onCreate,
   disabled,
   className,
@@ -79,21 +78,15 @@ function Autocomplete({
       setOpen(true);
     }
   };
-  if (mode === "popover") {
-    return /* @__PURE__ */ jsx(
-      Combobox.Root,
-      {
-        label: ariaLabel,
-        className: cn("overflow-visible rounded-none bg-transparent", className),
-        shouldFilter: !onInputChange,
-        children: /* @__PURE__ */ jsx(ComboboxPopover, { open: open && !disabled, onOpenChange: setOpen, input, disabled, children: list })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(Combobox.Root, { label: ariaLabel, className, shouldFilter: !onInputChange, children: [
-    /* @__PURE__ */ jsx(Combobox.Input, { ...input, disabled }),
-    list
-  ] });
+  return /* @__PURE__ */ jsx(
+    Combobox.Root,
+    {
+      label: ariaLabel,
+      className: cn("overflow-visible rounded-none bg-transparent", className),
+      shouldFilter: !onInputChange,
+      children: /* @__PURE__ */ jsx(ComboboxPopover, { open: open && !disabled, onOpenChange: setOpen, input, disabled, children: list })
+    }
+  );
 }
 Autocomplete.displayName = "Autocomplete";
 export {

package/dist/components/PasswordInput/PasswordInput.js

@@ -30,10 +30,14 @@ const PasswordInput = React.forwardRef(
       Input,
       {
         ref,
+        autoComplete: "current-password",
+        ...props,
         type: showPassword ? "text" : "password",
         className,
         trailingIcon: toggleButton,
-        ...props
+        spellCheck: false,
+        autoCorrect: "off",
+        autoCapitalize: "off"
       }
     );
   }

package/dist/components/Progress/Progress.js

@@ -48,18 +48,18 @@ const Progress = React.forwardRef(
     className,
     size,
     tone = "neutral",
-    value = 0,
+    value,
     max = 100,
     animated = false,
     ...props
   }, ref) => {
-    const clampedValue = Math.min(Math.max(value, 0), max);
-    const percentage = clampedValue / max * 100;
+    const isIndeterminate = value === void 0 || value === null;
+    const clampedValue = isIndeterminate ? 0 : Math.min(Math.max(value, 0), max);
+    const percentage = isIndeterminate ? 40 : clampedValue / max * 100;
     const fillRef = React.useRef(null);
     useIsomorphicLayoutEffect(() => {
       fillRef.current?.style.setProperty("width", `${percentage}%`);
     }, [percentage]);
-    const isIndeterminate = value === void 0 || value === null;
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -75,10 +75,12 @@ const Progress = React.forwardRef(
           {
             className: cn(
               progressFillVariants({ tone }),
-              animated && "animate-pulse"
+              animated && "animate-pulse",
+              isIndeterminate && "animate-[nx-progress-indeterminate_1.4s_ease-in-out_infinite]"
             ),
             ref: fillRef,
-            "data-part": "fill"
+            "data-part": "fill",
+            "data-indeterminate": isIndeterminate || void 0
           }
         )
       }