npm - @yamada-ui/react - Versions diffs - 2.1.7 → 2.1.8-dev-20260407054700 - Mend

@yamada-ui/react 2.1.7 → 2.1.8-dev-20260407054700

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (232) hide show

package/dist/types/components/number-input/number-input.style.d.ts CHANGED Viewed

@@ -3,14 +3,14 @@ import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import "../../index.js";
 //#region src/components/number-input/number-input.style.d.ts
-declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" | "control" | "decrement" | "increment", CSSPropObject<CSSSlotObject<"button" | "root" | "field" | "control" | "decrement" | "increment">>, {
+declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" | "decrement" | "increment" | "control", CSSPropObject<CSSSlotObject<"button" | "root" | "field" | "decrement" | "increment" | "control">>, {
   xs: {
     control: {
       boxSize: "calc({--height} - {spaces.2})";
       fontSize: "xs" | undefined;
     };
     field: {
-      "&:has(+ [data-input-element])": {
+      "&:has(~ [data-input-element])": {
         pe: string | undefined;
       } | {
         [x: string]: {
@@ -21,16 +21,16 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
         minW: string | undefined;
       };
       "--height": string | undefined;
-      "[data-input-element] + &": {
+      "[data-input-element]:has(~ &)": {
+        minW: string | undefined;
+      };
+      "[data-input-element] ~ &": {
         ps: string | undefined;
       } | {
         [x: string]: {
           ps: string | undefined;
         };
       };
-      "[data-input-element]:has(~ &)": {
-        minW: string | undefined;
-      };
       minH: string | undefined;
       "--space-x": "spaces.2";
       "--space-y": "spaces.1.5";
@@ -38,7 +38,7 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
       px: "{space-x}";
     } | undefined;
     root: {
-      "&:has(+ [data-input-element])": {
+      "&:has(~ [data-input-element])": {
         pe: string | undefined;
       } | {
         [x: string]: {
@@ -49,16 +49,16 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
         minW: string | undefined;
       };
       "--height": string | undefined;
-      "[data-input-element] + &": {
+      "[data-input-element]:has(~ &)": {
+        minW: string | undefined;
+      };
+      "[data-input-element] ~ &": {
         ps: string | undefined;
       } | {
         [x: string]: {
           ps: string | undefined;
         };
       };
-      "[data-input-element]:has(~ &)": {
-        minW: string | undefined;
-      };
       minH: string | undefined;
     };
   };
@@ -68,7 +68,7 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
       fontSize: "sm" | undefined;
     };
     field: {
-      "&:has(+ [data-input-element])": {
+      "&:has(~ [data-input-element])": {
         pe: string | undefined;
       } | {
         [x: string]: {
@@ -79,16 +79,16 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
         minW: string | undefined;
       };
       "--height": string | undefined;
-      "[data-input-element] + &": {
+      "[data-input-element]:has(~ &)": {
+        minW: string | undefined;
+      };
+      "[data-input-element] ~ &": {
         ps: string | undefined;
       } | {
         [x: string]: {
           ps: string | undefined;
         };
       };
-      "[data-input-element]:has(~ &)": {
-        minW: string | undefined;
-      };
       minH: string | undefined;
       "--space-x": "spaces.2.5";
       "--space-y": "spaces.2";
@@ -96,7 +96,7 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
       px: "{space-x}";
     } | undefined;
     root: {
-      "&:has(+ [data-input-element])": {
+      "&:has(~ [data-input-element])": {
         pe: string | undefined;
       } | {
         [x: string]: {
@@ -107,16 +107,16 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
         minW: string | undefined;
       };
       "--height": string | undefined;
-      "[data-input-element] + &": {
+      "[data-input-element]:has(~ &)": {
+        minW: string | undefined;
+      };
+      "[data-input-element] ~ &": {
         ps: string | undefined;
       } | {
         [x: string]: {
           ps: string | undefined;
         };
       };
-      "[data-input-element]:has(~ &)": {
-        minW: string | undefined;
-      };
       minH: string | undefined;
     };
   };
@@ -126,7 +126,7 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
       fontSize: "md" | undefined;
     };
     field: {
-      "&:has(+ [data-input-element])": {
+      "&:has(~ [data-input-element])": {
         pe: string | undefined;
       } | {
         [x: string]: {
@@ -137,16 +137,16 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
         minW: string | undefined;
       };
       "--height": string | undefined;
-      "[data-input-element] + &": {
+      "[data-input-element]:has(~ &)": {
+        minW: string | undefined;
+      };
+      "[data-input-element] ~ &": {
         ps: string | undefined;
       } | {
         [x: string]: {
           ps: string | undefined;
         };
       };
-      "[data-input-element]:has(~ &)": {
-        minW: string | undefined;
-      };
       minH: string | undefined;
       "--space-x": "spaces.3";
       "--space-y": "spaces.2";
@@ -154,7 +154,7 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
       px: "{space-x}";
     } | undefined;
     root: {
-      "&:has(+ [data-input-element])": {
+      "&:has(~ [data-input-element])": {
         pe: string | undefined;
       } | {
         [x: string]: {
@@ -165,16 +165,16 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
         minW: string | undefined;
       };
       "--height": string | undefined;
-      "[data-input-element] + &": {
+      "[data-input-element]:has(~ &)": {
+        minW: string | undefined;
+      };
+      "[data-input-element] ~ &": {
         ps: string | undefined;
       } | {
         [x: string]: {
           ps: string | undefined;
         };
       };
-      "[data-input-element]:has(~ &)": {
-        minW: string | undefined;
-      };
       minH: string | undefined;
     };
   };
@@ -184,7 +184,7 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
       fontSize: "lg" | undefined;
     };
     field: {
-      "&:has(+ [data-input-element])": {
+      "&:has(~ [data-input-element])": {
         pe: string | undefined;
       } | {
         [x: string]: {
@@ -195,16 +195,16 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
         minW: string | undefined;
       };
       "--height": string | undefined;
-      "[data-input-element] + &": {
+      "[data-input-element]:has(~ &)": {
+        minW: string | undefined;
+      };
+      "[data-input-element] ~ &": {
         ps: string | undefined;
       } | {
         [x: string]: {
           ps: string | undefined;
         };
       };
-      "[data-input-element]:has(~ &)": {
-        minW: string | undefined;
-      };
       minH: string | undefined;
       "--space-x": "spaces.3.5";
       "--space-y": "spaces.2.5";
@@ -212,7 +212,7 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
       px: "{space-x}";
     } | undefined;
     root: {
-      "&:has(+ [data-input-element])": {
+      "&:has(~ [data-input-element])": {
         pe: string | undefined;
       } | {
         [x: string]: {
@@ -223,16 +223,16 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
         minW: string | undefined;
       };
       "--height": string | undefined;
-      "[data-input-element] + &": {
+      "[data-input-element]:has(~ &)": {
+        minW: string | undefined;
+      };
+      "[data-input-element] ~ &": {
         ps: string | undefined;
       } | {
         [x: string]: {
           ps: string | undefined;
         };
       };
-      "[data-input-element]:has(~ &)": {
-        minW: string | undefined;
-      };
       minH: string | undefined;
     };
   };
@@ -242,7 +242,7 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
       fontSize: "xl" | undefined;
     };
     field: {
-      "&:has(+ [data-input-element])": {
+      "&:has(~ [data-input-element])": {
         pe: string | undefined;
       } | {
         [x: string]: {
@@ -253,16 +253,16 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
         minW: string | undefined;
       };
       "--height": string | undefined;
-      "[data-input-element] + &": {
+      "[data-input-element]:has(~ &)": {
+        minW: string | undefined;
+      };
+      "[data-input-element] ~ &": {
         ps: string | undefined;
       } | {
         [x: string]: {
           ps: string | undefined;
         };
       };
-      "[data-input-element]:has(~ &)": {
-        minW: string | undefined;
-      };
       minH: string | undefined;
       "--space-x": "spaces.4";
       "--space-y": "spaces.3";
@@ -270,7 +270,7 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
       px: "{space-x}";
     } | undefined;
     root: {
-      "&:has(+ [data-input-element])": {
+      "&:has(~ [data-input-element])": {
         pe: string | undefined;
       } | {
         [x: string]: {
@@ -281,16 +281,16 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
         minW: string | undefined;
       };
       "--height": string | undefined;
-      "[data-input-element] + &": {
+      "[data-input-element]:has(~ &)": {
+        minW: string | undefined;
+      };
+      "[data-input-element] ~ &": {
         ps: string | undefined;
       } | {
         [x: string]: {
           ps: string | undefined;
         };
       };
-      "[data-input-element]:has(~ &)": {
-        minW: string | undefined;
-      };
       minH: string | undefined;
     };
   };
@@ -300,7 +300,7 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
       fontSize: "xl" | undefined;
     };
     field: {
-      "&:has(+ [data-input-element])": {
+      "&:has(~ [data-input-element])": {
         pe: string | undefined;
       } | {
         [x: string]: {
@@ -311,16 +311,16 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
         minW: string | undefined;
       };
       "--height": string | undefined;
-      "[data-input-element] + &": {
+      "[data-input-element]:has(~ &)": {
+        minW: string | undefined;
+      };
+      "[data-input-element] ~ &": {
         ps: string | undefined;
       } | {
         [x: string]: {
           ps: string | undefined;
         };
       };
-      "[data-input-element]:has(~ &)": {
-        minW: string | undefined;
-      };
       minH: string | undefined;
       "--space-x": "spaces.4";
       "--space-y": "spaces.3";
@@ -328,7 +328,7 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
       px: "{space-x}";
     } | undefined;
     root: {
-      "&:has(+ [data-input-element])": {
+      "&:has(~ [data-input-element])": {
         pe: string | undefined;
       } | {
         [x: string]: {
@@ -339,16 +339,16 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
         minW: string | undefined;
       };
       "--height": string | undefined;
-      "[data-input-element] + &": {
+      "[data-input-element]:has(~ &)": {
+        minW: string | undefined;
+      };
+      "[data-input-element] ~ &": {
         ps: string | undefined;
       } | {
         [x: string]: {
           ps: string | undefined;
         };
       };
-      "[data-input-element]:has(~ &)": {
-        minW: string | undefined;
-      };
       minH: string | undefined;
     };
   };
@@ -402,7 +402,7 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
       };
     } | undefined;
     root: {
-      "&:not([data-input-element] + &)": {
+      "&:not([data-input-element] ~ &)": {
         ps: "0px";
       } | {
         [x: string]: {

package/dist/types/components/pagination/pagination.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@ import "../button/index.js";
 import { PaginationStyle } from "./pagination.style.js";
 import { Page, UsePaginationProps } from "./use-pagination.js";
 import "../../index.js";
-import * as react812 from "react";
+import * as react851 from "react";
 import { FC, ReactNode } from "react";
 //#region src/components/pagination/pagination.d.ts
@@ -69,7 +69,7 @@ interface PaginationRootProps extends WithoutThemeProps<Omit<ButtonGroupRootProp
    */
   itemProps?: PaginationItemProps;
 }
-declare const PaginationPropsContext: react812.Context<Partial<PaginationRootProps> | undefined>, usePaginationPropsContext: () => Partial<PaginationRootProps> | undefined;
+declare const PaginationPropsContext: react851.Context<Partial<PaginationRootProps> | undefined>, usePaginationPropsContext: () => Partial<PaginationRootProps> | undefined;
 /**
  * `Pagination` is a component for managing the pagination and navigation of content.
  *

package/dist/types/components/pagination/pagination.style.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import "../../index.js";
 //#region src/components/pagination/pagination.style.d.ts
-declare const paginationStyle: ComponentSlotStyle<"text" | "root" | "item", CSSPropObject<CSSSlotObject<"text" | "root" | "item">>, {
+declare const paginationStyle: ComponentSlotStyle<"text" | "item" | "root", CSSPropObject<CSSSlotObject<"text" | "item" | "root">>, {
   xs: {
     item: {
       fontSize: "{font-size}";

package/dist/types/components/pagination/use-pagination.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import * as react813 from "react";
+import * as react850 from "react";
 //#region src/components/pagination/use-pagination.d.ts
 type Page = "ellipsis" | number;
 interface PaginationContext extends Omit<UsePaginationReturn, "getRootProps"> {}
-declare const PaginationContext: react813.Context<PaginationContext>, usePaginationContext: () => PaginationContext;
+declare const PaginationContext: react850.Context<PaginationContext>, usePaginationContext: () => PaginationContext;
 interface UsePaginationProps extends Omit<HTMLProps, "onChange" | "page"> {
   /**
    * The total number of pages in pagination.

package/dist/types/components/password-input/password-input.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@ import "../input/index.js";
 import { PasswordInputStyle } from "./password-input.style.js";
 import { UsePasswordInputProps } from "./use-password-input.js";
 import "../../index.js";
-import * as react808 from "react";
+import * as react846 from "react";
 import { ReactNode } from "react";
 //#region src/components/password-input/password-input.d.ts
@@ -33,7 +33,7 @@ interface PasswordInputProps extends WithoutThemeProps<InputProps, PasswordInput
    */
   rootProps?: InputGroupRootProps;
 }
-declare const PasswordInputPropsContext: react808.Context<Partial<PasswordInputProps> | undefined>, usePasswordInputPropsContext: () => Partial<PasswordInputProps> | undefined;
+declare const PasswordInputPropsContext: react846.Context<Partial<PasswordInputProps> | undefined>, usePasswordInputPropsContext: () => Partial<PasswordInputProps> | undefined;
 /**
  * `PasswordInput` is a component that allows users to input passwords with a visibility toggle.
  *