@yamada-ui/number-input 0.3.18 → 0.3.20

package/dist/{chunk-RFBCX25F.mjs → chunk-NDEQKLFJ.mjs}

@@ -487,7 +487,7 @@ var NumberInputField = forwardRef(
       ui.input,
       {
         ref,
-        className: cx("ui-number-input-field", className),
+        className: cx("ui-number-input__field", className),
         __css: css,
         ...rest
       }
@@ -512,7 +512,7 @@ var NumberInputAddon = forwardRef(
       ui.div,
       {
         ref,
-        className: cx("ui-number-input-addon", className),
+        className: cx("ui-number-input__addon", className),
         "aria-hidden": true,
         __css: css,
         ...rest
@@ -540,7 +540,7 @@ var NumberIncrementStepper = forwardRef(
     return /* @__PURE__ */ jsx(
       Stepper,
       {
-        className: cx("ui-number-input-stepper", className),
+        className: cx("ui-number-input__stepper--up", className),
         ...getIncrementProps(rest, ref),
         __css: css,
         children: children != null ? children : /* @__PURE__ */ jsx(ChevronIcon, { __css: { transform: "rotate(180deg)" } })
@@ -555,7 +555,7 @@ var NumberDecrementStepper = forwardRef(
     return /* @__PURE__ */ jsx(
       Stepper,
       {
-        className: cx("ui-number-input-stepper", className),
+        className: cx("ui-number-input__stepper--down", className),
         ...getDecrementProps(rest, ref),
         __css: css,
         children: children != null ? children : /* @__PURE__ */ jsx(ChevronIcon, {})

package/dist/index.js

@@ -489,7 +489,7 @@ var NumberInputField = (0, import_core.forwardRef)(
       import_core.ui.input,
       {
         ref,
-        className: (0, import_utils.cx)("ui-number-input-field", className),
+        className: (0, import_utils.cx)("ui-number-input__field", className),
         __css: css,
         ...rest
       }
@@ -514,7 +514,7 @@ var NumberInputAddon = (0, import_core.forwardRef)(
       import_core.ui.div,
       {
         ref,
-        className: (0, import_utils.cx)("ui-number-input-addon", className),
+        className: (0, import_utils.cx)("ui-number-input__addon", className),
         "aria-hidden": true,
         __css: css,
         ...rest
@@ -542,7 +542,7 @@ var NumberIncrementStepper = (0, import_core.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Stepper,
       {
-        className: (0, import_utils.cx)("ui-number-input-stepper", className),
+        className: (0, import_utils.cx)("ui-number-input__stepper--up", className),
         ...getIncrementProps(rest, ref),
         __css: css,
         children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.ChevronIcon, { __css: { transform: "rotate(180deg)" } })
@@ -557,7 +557,7 @@ var NumberDecrementStepper = (0, import_core.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Stepper,
       {
-        className: (0, import_utils.cx)("ui-number-input-stepper", className),
+        className: (0, import_utils.cx)("ui-number-input__stepper--down", className),
         ...getDecrementProps(rest, ref),
         __css: css,
         children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.ChevronIcon, {})

package/dist/index.mjs

@@ -2,7 +2,7 @@
 import {
   NumberInput,
   useNumberInput
-} from "./chunk-RFBCX25F.mjs";
+} from "./chunk-NDEQKLFJ.mjs";
 export {
   NumberInput,
   useNumberInput

package/dist/number-input.d.mts

@@ -5,7 +5,7 @@ import { UseCounterProps } from '@yamada-ui/use-counter';
 import { PropGetter } from '@yamada-ui/utils';
 import { InputHTMLAttributes } from 'react';
 
-type ValidityState = 'rangeUnderflow' | 'rangeOverflow';
+type ValidityState = "rangeUnderflow" | "rangeOverflow";
 type UseNumberInputProps = UseFormControlProps<HTMLInputElement> & UseCounterProps & {
     /**
      * The HTML `name` attribute used for forms.
@@ -17,13 +17,13 @@ type UseNumberInputProps = UseFormControlProps<HTMLInputElement> & UseCounterPro
      *
      * @default 'decimal'
      */
-    inputMode?: InputHTMLAttributes<any>['inputMode'];
+    inputMode?: InputHTMLAttributes<any>["inputMode"];
     /**
      * The pattern used to check the <input> element's value against on form submission.
      *
      * @default '[0-9]*(.[0-9]+)?'
      */
-    pattern?: InputHTMLAttributes<any>['pattern'];
+    pattern?: InputHTMLAttributes<any>["pattern"];
     /**
      * If `true`, the input will be focused as you increment or decrement the value with the stepper.
      *
@@ -89,11 +89,11 @@ type NumberInputOptions = {
     /**
      * Props for container element.
      */
-    containerProps?: HTMLUIProps<'div'>;
+    containerProps?: HTMLUIProps<"div">;
     /**
      * Props for addon component.
      */
-    addonProps?: HTMLUIProps<'div'>;
+    addonProps?: HTMLUIProps<"div">;
     /**
      * Props for increment component.
      */
@@ -105,15 +105,15 @@ type NumberInputOptions = {
     /**
      * The border color when the input is focused.
      */
-    focusBorderColor?: ColorModeToken<CSS.Property.BorderColor, 'colors'>;
+    focusBorderColor?: ColorModeToken<CSS.Property.BorderColor, "colors">;
     /**
      * The border color when the input is invalid.
      */
-    errorBorderColor?: ColorModeToken<CSS.Property.BorderColor, 'colors'>;
+    errorBorderColor?: ColorModeToken<CSS.Property.BorderColor, "colors">;
 };
-type NumberInputProps = Omit<HTMLUIProps<'input'>, 'disabled' | 'required' | 'readOnly' | 'size' | 'onChange'> & ThemeProps<'NumberInput'> & Omit<UseNumberInputProps, 'disabled' | 'required' | 'readOnly'> & NumberInputOptions;
+type NumberInputProps = Omit<HTMLUIProps<"input">, "disabled" | "required" | "readOnly" | "size" | "onChange"> & ThemeProps<"NumberInput"> & Omit<UseNumberInputProps, "disabled" | "required" | "readOnly"> & NumberInputOptions;
 declare const NumberInput: _yamada_ui_core.Component<"input", NumberInputProps>;
-type NumberIncrementStepperProps = HTMLUIProps<'div'>;
-type NumberDecrementStepperProps = HTMLUIProps<'div'>;
+type NumberIncrementStepperProps = HTMLUIProps<"div">;
+type NumberDecrementStepperProps = HTMLUIProps<"div">;
 
 export { NumberInput, NumberInputProps, UseNumberInputProps, UseNumberInputReturn, useNumberInput };

package/dist/number-input.d.ts

@@ -5,7 +5,7 @@ import { UseCounterProps } from '@yamada-ui/use-counter';
 import { PropGetter } from '@yamada-ui/utils';
 import { InputHTMLAttributes } from 'react';
 
-type ValidityState = 'rangeUnderflow' | 'rangeOverflow';
+type ValidityState = "rangeUnderflow" | "rangeOverflow";
 type UseNumberInputProps = UseFormControlProps<HTMLInputElement> & UseCounterProps & {
     /**
      * The HTML `name` attribute used for forms.
@@ -17,13 +17,13 @@ type UseNumberInputProps = UseFormControlProps<HTMLInputElement> & UseCounterPro
      *
      * @default 'decimal'
      */
-    inputMode?: InputHTMLAttributes<any>['inputMode'];
+    inputMode?: InputHTMLAttributes<any>["inputMode"];
     /**
      * The pattern used to check the <input> element's value against on form submission.
      *
      * @default '[0-9]*(.[0-9]+)?'
      */
-    pattern?: InputHTMLAttributes<any>['pattern'];
+    pattern?: InputHTMLAttributes<any>["pattern"];
     /**
      * If `true`, the input will be focused as you increment or decrement the value with the stepper.
      *
@@ -89,11 +89,11 @@ type NumberInputOptions = {
     /**
      * Props for container element.
      */
-    containerProps?: HTMLUIProps<'div'>;
+    containerProps?: HTMLUIProps<"div">;
     /**
      * Props for addon component.
      */
-    addonProps?: HTMLUIProps<'div'>;
+    addonProps?: HTMLUIProps<"div">;
     /**
      * Props for increment component.
      */
@@ -105,15 +105,15 @@ type NumberInputOptions = {
     /**
      * The border color when the input is focused.
      */
-    focusBorderColor?: ColorModeToken<CSS.Property.BorderColor, 'colors'>;
+    focusBorderColor?: ColorModeToken<CSS.Property.BorderColor, "colors">;
     /**
      * The border color when the input is invalid.
      */
-    errorBorderColor?: ColorModeToken<CSS.Property.BorderColor, 'colors'>;
+    errorBorderColor?: ColorModeToken<CSS.Property.BorderColor, "colors">;
 };
-type NumberInputProps = Omit<HTMLUIProps<'input'>, 'disabled' | 'required' | 'readOnly' | 'size' | 'onChange'> & ThemeProps<'NumberInput'> & Omit<UseNumberInputProps, 'disabled' | 'required' | 'readOnly'> & NumberInputOptions;
+type NumberInputProps = Omit<HTMLUIProps<"input">, "disabled" | "required" | "readOnly" | "size" | "onChange"> & ThemeProps<"NumberInput"> & Omit<UseNumberInputProps, "disabled" | "required" | "readOnly"> & NumberInputOptions;
 declare const NumberInput: _yamada_ui_core.Component<"input", NumberInputProps>;
-type NumberIncrementStepperProps = HTMLUIProps<'div'>;
-type NumberDecrementStepperProps = HTMLUIProps<'div'>;
+type NumberIncrementStepperProps = HTMLUIProps<"div">;
+type NumberDecrementStepperProps = HTMLUIProps<"div">;
 
 export { NumberInput, NumberInputProps, UseNumberInputProps, UseNumberInputReturn, useNumberInput };

package/dist/number-input.js

@@ -487,7 +487,7 @@ var NumberInputField = (0, import_core.forwardRef)(
       import_core.ui.input,
       {
         ref,
-        className: (0, import_utils.cx)("ui-number-input-field", className),
+        className: (0, import_utils.cx)("ui-number-input__field", className),
         __css: css,
         ...rest
       }
@@ -512,7 +512,7 @@ var NumberInputAddon = (0, import_core.forwardRef)(
       import_core.ui.div,
       {
         ref,
-        className: (0, import_utils.cx)("ui-number-input-addon", className),
+        className: (0, import_utils.cx)("ui-number-input__addon", className),
         "aria-hidden": true,
         __css: css,
         ...rest
@@ -540,7 +540,7 @@ var NumberIncrementStepper = (0, import_core.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Stepper,
       {
-        className: (0, import_utils.cx)("ui-number-input-stepper", className),
+        className: (0, import_utils.cx)("ui-number-input__stepper--up", className),
         ...getIncrementProps(rest, ref),
         __css: css,
         children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.ChevronIcon, { __css: { transform: "rotate(180deg)" } })
@@ -555,7 +555,7 @@ var NumberDecrementStepper = (0, import_core.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Stepper,
       {
-        className: (0, import_utils.cx)("ui-number-input-stepper", className),
+        className: (0, import_utils.cx)("ui-number-input__stepper--down", className),
         ...getDecrementProps(rest, ref),
         __css: css,
         children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.ChevronIcon, {})

package/dist/number-input.mjs

@@ -2,7 +2,7 @@
 import {
   NumberInput,
   useNumberInput
-} from "./chunk-RFBCX25F.mjs";
+} from "./chunk-NDEQKLFJ.mjs";
 export {
   NumberInput,
   useNumberInput

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/number-input",
-  "version": "0.3.18",
+  "version": "0.3.20",
   "description": "Yamada UI number input component",
   "keywords": [
     "yamada",
@@ -35,10 +35,10 @@
     "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
   },
   "dependencies": {
-    "@yamada-ui/core": "0.12.5",
+    "@yamada-ui/core": "0.12.6",
     "@yamada-ui/utils": "0.3.3",
-    "@yamada-ui/form-control": "0.3.18",
-    "@yamada-ui/icon": "0.3.15",
+    "@yamada-ui/form-control": "0.3.19",
+    "@yamada-ui/icon": "0.3.16",
     "@yamada-ui/use-counter": "0.3.5",
     "@yamada-ui/use-interval": "0.2.5",
     "@yamada-ui/use-event-listener": "0.2.5"