@yamada-ui/react 2.3.0 → 2.3.1-dev-20261030022105

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 (8) hide show
  1. package/dist/cjs/components/toggle/toggle.style.cjs +2 -0
  2. package/dist/cjs/components/toggle/toggle.style.cjs.map +1 -1
  3. package/dist/esm/components/toggle/toggle.style.js +2 -0
  4. package/dist/esm/components/toggle/toggle.style.js.map +1 -1
  5. package/dist/types/components/field/use-field-props.d.ts +1 -1
  6. package/dist/types/components/toggle/toggle.d.ts +6 -0
  7. package/dist/types/components/toggle/toggle.style.d.ts +2 -0
  8. package/package.json +1 -1
package/dist/cjs/components/toggle/toggle.style.cjs CHANGED
@@ -20,6 +20,7 @@ fullRounded: { true: { root: { rounded: "full" } } } },
20
20
  ghost: { root: {
21
21
  _checked: {
22
22
  layerStyle: "solid",
23
+ borderWidth: "1px",
23
24
  _invalid: {
24
25
  borderColor: "{error-border-color}",
25
26
  borderWidth: "1px"
@@ -84,6 +85,7 @@ fullRounded: { true: { root: { rounded: "full" } } } },
84
85
  surface: { root: {
85
86
  _checked: {
86
87
  layerStyle: "solid",
88
+ borderWidth: "1px",
87
89
  _invalid: { borderColor: "{error-border-color}" }
88
90
  },
89
91
  _notChecked: {
package/dist/cjs/components/toggle/toggle.style.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"toggle.style.cjs","names":["defineComponentSlotStyle","iconButtonStyle"],"sources":["../../../../src/components/toggle/toggle.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { iconButtonStyle } from \"../button\"\n\nexport const toggleStyle = defineComponentSlotStyle({\n base: {\n group: {},\n root: {\n \"--error-border-color\": \"colors.border.error\",\n gap: \"2\",\n },\n },\n\n props: {\n /**\n * If true, the toggle button is full rounded. Else, it'll be slightly round.\n *\n * @default false\n */\n fullRounded: {\n true: {\n root: {\n rounded: \"full\",\n },\n },\n },\n },\n\n variants: {\n ghost: {\n root: {\n _checked: {\n layerStyle: \"solid\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n _notChecked: {\n layerStyle: \"ghost\",\n _hover: {\n layerStyle: \"ghost.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n },\n },\n outline: {\n root: {\n _checked: {\n layerStyle: \"solid\",\n borderColor: \"colorScheme.solid\",\n borderWidth: \"1px\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n },\n },\n _notChecked: {\n layerStyle: \"outline\",\n _hover: {\n layerStyle: \"outline.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n },\n },\n },\n },\n solid: {\n root: {\n _checked: {\n layerStyle: \"subtle\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n _notChecked: {\n layerStyle: \"solid\",\n _hover: {\n layerStyle: \"solid.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n },\n },\n subtle: {\n root: {\n _checked: {\n layerStyle: \"solid\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n _notChecked: {\n layerStyle: \"subtle\",\n _hover: {\n layerStyle: \"subtle.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n },\n },\n surface: {\n root: {\n _checked: {\n layerStyle: \"solid\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n },\n },\n _notChecked: {\n layerStyle: \"surface\",\n _hover: {\n layerStyle: \"surface.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n },\n },\n },\n },\n },\n\n sizes: {\n xs: {\n root: {\n ...iconButtonStyle.sizes?.xs,\n gap: \"1\",\n },\n },\n sm: {\n root: {\n ...iconButtonStyle.sizes?.sm,\n gap: \"2\",\n },\n },\n md: {\n root: {\n ...iconButtonStyle.sizes?.md,\n gap: \"2\",\n },\n },\n lg: {\n root: {\n ...iconButtonStyle.sizes?.lg,\n gap: \"2.5\",\n },\n },\n xl: {\n root: {\n ...iconButtonStyle.sizes?.xl,\n gap: \"3\",\n },\n },\n \"2xl\": {\n root: {\n ...iconButtonStyle.sizes?.[\"2xl\"],\n gap: \"3\",\n },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"ghost\",\n },\n})\n\nexport type ToggleStyle = typeof toggleStyle\n"],"mappings":";;;AAGA,MAAa,cAAcA,eAAAA,yBAAyB;CAClD,MAAM;EACJ,OAAO,CAAC;EACR,MAAM;GACJ,wBAAwB;GACxB,KAAK;EACP;CACF;CAEA,OAAO;;;;;;AAML,aAAa,EACX,MAAM,EACJ,MAAM,EACJ,SAAS,OACX,EACF,EACF,EACF;CAEA,UAAU;EACR,OAAO,EACL,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,cACd;IACA,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;EACF,EACF;EACA,SAAS,EACP,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,aAAa;IACb,aAAa;IACb,UAAU,EACR,aAAa,uBACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,gBACd;IACA,UAAU,EACR,aAAa,uBACf;GACF;EACF,EACF;EACA,OAAO,EACL,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,cACd;IACA,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;EACF,EACF;EACA,QAAQ,EACN,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,eACd;IACA,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;EACF,EACF;EACA,SAAS,EACP,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU,EACR,aAAa,uBACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,gBACd;IACA,UAAU,EACR,aAAa,uBACf;GACF;EACF,EACF;CACF;CAEA,OAAO;EACL,IAAI,EACF,MAAM;GACJ,GAAGC,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,OAAO,EACL,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,QAAQ;GAC3B,KAAK;EACP,EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
1
+ {"version":3,"file":"toggle.style.cjs","names":["defineComponentSlotStyle","iconButtonStyle"],"sources":["../../../../src/components/toggle/toggle.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { iconButtonStyle } from \"../button\"\n\nexport const toggleStyle = defineComponentSlotStyle({\n base: {\n group: {},\n root: {\n \"--error-border-color\": \"colors.border.error\",\n gap: \"2\",\n },\n },\n\n props: {\n /**\n * If true, the toggle button is full rounded. Else, it'll be slightly round.\n *\n * @default false\n */\n fullRounded: {\n true: {\n root: {\n rounded: \"full\",\n },\n },\n },\n },\n\n variants: {\n ghost: {\n root: {\n _checked: {\n layerStyle: \"solid\",\n borderWidth: \"1px\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n _notChecked: {\n layerStyle: \"ghost\",\n _hover: {\n layerStyle: \"ghost.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n },\n },\n outline: {\n root: {\n _checked: {\n layerStyle: \"solid\",\n borderColor: \"colorScheme.solid\",\n borderWidth: \"1px\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n },\n },\n _notChecked: {\n layerStyle: \"outline\",\n _hover: {\n layerStyle: \"outline.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n },\n },\n },\n },\n solid: {\n root: {\n _checked: {\n layerStyle: \"subtle\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n _notChecked: {\n layerStyle: \"solid\",\n _hover: {\n layerStyle: \"solid.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n },\n },\n subtle: {\n root: {\n _checked: {\n layerStyle: \"solid\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n _notChecked: {\n layerStyle: \"subtle\",\n _hover: {\n layerStyle: \"subtle.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n },\n },\n surface: {\n root: {\n _checked: {\n layerStyle: \"solid\",\n borderWidth: \"1px\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n },\n },\n _notChecked: {\n layerStyle: \"surface\",\n _hover: {\n layerStyle: \"surface.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n },\n },\n },\n },\n },\n\n sizes: {\n xs: {\n root: {\n ...iconButtonStyle.sizes?.xs,\n gap: \"1\",\n },\n },\n sm: {\n root: {\n ...iconButtonStyle.sizes?.sm,\n gap: \"2\",\n },\n },\n md: {\n root: {\n ...iconButtonStyle.sizes?.md,\n gap: \"2\",\n },\n },\n lg: {\n root: {\n ...iconButtonStyle.sizes?.lg,\n gap: \"2.5\",\n },\n },\n xl: {\n root: {\n ...iconButtonStyle.sizes?.xl,\n gap: \"3\",\n },\n },\n \"2xl\": {\n root: {\n ...iconButtonStyle.sizes?.[\"2xl\"],\n gap: \"3\",\n },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"ghost\",\n },\n})\n\nexport type ToggleStyle = typeof toggleStyle\n"],"mappings":";;;AAGA,MAAa,cAAcA,eAAAA,yBAAyB;CAClD,MAAM;EACJ,OAAO,CAAC;EACR,MAAM;GACJ,wBAAwB;GACxB,KAAK;EACP;CACF;CAEA,OAAO;;;;;;AAML,aAAa,EACX,MAAM,EACJ,MAAM,EACJ,SAAS,OACX,EACF,EACF,EACF;CAEA,UAAU;EACR,OAAO,EACL,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,aAAa;IACb,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,cACd;IACA,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;EACF,EACF;EACA,SAAS,EACP,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,aAAa;IACb,aAAa;IACb,UAAU,EACR,aAAa,uBACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,gBACd;IACA,UAAU,EACR,aAAa,uBACf;GACF;EACF,EACF;EACA,OAAO,EACL,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,cACd;IACA,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;EACF,EACF;EACA,QAAQ,EACN,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,eACd;IACA,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;EACF,EACF;EACA,SAAS,EACP,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,aAAa;IACb,UAAU,EACR,aAAa,uBACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,gBACd;IACA,UAAU,EACR,aAAa,uBACf;GACF;EACF,EACF;CACF;CAEA,OAAO;EACL,IAAI,EACF,MAAM;GACJ,GAAGC,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,OAAO,EACL,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,QAAQ;GAC3B,KAAK;EACP,EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
package/dist/esm/components/toggle/toggle.style.js CHANGED
@@ -20,6 +20,7 @@ fullRounded: { true: { root: { rounded: "full" } } } },
20
20
  ghost: { root: {
21
21
  _checked: {
22
22
  layerStyle: "solid",
23
+ borderWidth: "1px",
23
24
  _invalid: {
24
25
  borderColor: "{error-border-color}",
25
26
  borderWidth: "1px"
@@ -84,6 +85,7 @@ fullRounded: { true: { root: { rounded: "full" } } } },
84
85
  surface: { root: {
85
86
  _checked: {
86
87
  layerStyle: "solid",
88
+ borderWidth: "1px",
87
89
  _invalid: { borderColor: "{error-border-color}" }
88
90
  },
89
91
  _notChecked: {
package/dist/esm/components/toggle/toggle.style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"toggle.style.js","names":[],"sources":["../../../../src/components/toggle/toggle.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { iconButtonStyle } from \"../button\"\n\nexport const toggleStyle = defineComponentSlotStyle({\n base: {\n group: {},\n root: {\n \"--error-border-color\": \"colors.border.error\",\n gap: \"2\",\n },\n },\n\n props: {\n /**\n * If true, the toggle button is full rounded. Else, it'll be slightly round.\n *\n * @default false\n */\n fullRounded: {\n true: {\n root: {\n rounded: \"full\",\n },\n },\n },\n },\n\n variants: {\n ghost: {\n root: {\n _checked: {\n layerStyle: \"solid\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n _notChecked: {\n layerStyle: \"ghost\",\n _hover: {\n layerStyle: \"ghost.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n },\n },\n outline: {\n root: {\n _checked: {\n layerStyle: \"solid\",\n borderColor: \"colorScheme.solid\",\n borderWidth: \"1px\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n },\n },\n _notChecked: {\n layerStyle: \"outline\",\n _hover: {\n layerStyle: \"outline.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n },\n },\n },\n },\n solid: {\n root: {\n _checked: {\n layerStyle: \"subtle\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n _notChecked: {\n layerStyle: \"solid\",\n _hover: {\n layerStyle: \"solid.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n },\n },\n subtle: {\n root: {\n _checked: {\n layerStyle: \"solid\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n _notChecked: {\n layerStyle: \"subtle\",\n _hover: {\n layerStyle: \"subtle.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n },\n },\n surface: {\n root: {\n _checked: {\n layerStyle: \"solid\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n },\n },\n _notChecked: {\n layerStyle: \"surface\",\n _hover: {\n layerStyle: \"surface.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n },\n },\n },\n },\n },\n\n sizes: {\n xs: {\n root: {\n ...iconButtonStyle.sizes?.xs,\n gap: \"1\",\n },\n },\n sm: {\n root: {\n ...iconButtonStyle.sizes?.sm,\n gap: \"2\",\n },\n },\n md: {\n root: {\n ...iconButtonStyle.sizes?.md,\n gap: \"2\",\n },\n },\n lg: {\n root: {\n ...iconButtonStyle.sizes?.lg,\n gap: \"2.5\",\n },\n },\n xl: {\n root: {\n ...iconButtonStyle.sizes?.xl,\n gap: \"3\",\n },\n },\n \"2xl\": {\n root: {\n ...iconButtonStyle.sizes?.[\"2xl\"],\n gap: \"3\",\n },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"ghost\",\n },\n})\n\nexport type ToggleStyle = typeof toggleStyle\n"],"mappings":";;;AAGA,MAAa,cAAc,yBAAyB;CAClD,MAAM;EACJ,OAAO,CAAC;EACR,MAAM;GACJ,wBAAwB;GACxB,KAAK;EACP;CACF;CAEA,OAAO;;;;;;AAML,aAAa,EACX,MAAM,EACJ,MAAM,EACJ,SAAS,OACX,EACF,EACF,EACF;CAEA,UAAU;EACR,OAAO,EACL,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,cACd;IACA,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;EACF,EACF;EACA,SAAS,EACP,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,aAAa;IACb,aAAa;IACb,UAAU,EACR,aAAa,uBACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,gBACd;IACA,UAAU,EACR,aAAa,uBACf;GACF;EACF,EACF;EACA,OAAO,EACL,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,cACd;IACA,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;EACF,EACF;EACA,QAAQ,EACN,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,eACd;IACA,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;EACF,EACF;EACA,SAAS,EACP,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU,EACR,aAAa,uBACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,gBACd;IACA,UAAU,EACR,aAAa,uBACf;GACF;EACF,EACF;CACF;CAEA,OAAO;EACL,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,OAAO,EACL,MAAM;GACJ,GAAG,gBAAgB,QAAQ;GAC3B,KAAK;EACP,EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
1
+ {"version":3,"file":"toggle.style.js","names":[],"sources":["../../../../src/components/toggle/toggle.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { iconButtonStyle } from \"../button\"\n\nexport const toggleStyle = defineComponentSlotStyle({\n base: {\n group: {},\n root: {\n \"--error-border-color\": \"colors.border.error\",\n gap: \"2\",\n },\n },\n\n props: {\n /**\n * If true, the toggle button is full rounded. Else, it'll be slightly round.\n *\n * @default false\n */\n fullRounded: {\n true: {\n root: {\n rounded: \"full\",\n },\n },\n },\n },\n\n variants: {\n ghost: {\n root: {\n _checked: {\n layerStyle: \"solid\",\n borderWidth: \"1px\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n _notChecked: {\n layerStyle: \"ghost\",\n _hover: {\n layerStyle: \"ghost.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n },\n },\n outline: {\n root: {\n _checked: {\n layerStyle: \"solid\",\n borderColor: \"colorScheme.solid\",\n borderWidth: \"1px\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n },\n },\n _notChecked: {\n layerStyle: \"outline\",\n _hover: {\n layerStyle: \"outline.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n },\n },\n },\n },\n solid: {\n root: {\n _checked: {\n layerStyle: \"subtle\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n _notChecked: {\n layerStyle: \"solid\",\n _hover: {\n layerStyle: \"solid.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n },\n },\n subtle: {\n root: {\n _checked: {\n layerStyle: \"solid\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n _notChecked: {\n layerStyle: \"subtle\",\n _hover: {\n layerStyle: \"subtle.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n borderWidth: \"1px\",\n },\n },\n },\n },\n surface: {\n root: {\n _checked: {\n layerStyle: \"solid\",\n borderWidth: \"1px\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n },\n },\n _notChecked: {\n layerStyle: \"surface\",\n _hover: {\n layerStyle: \"surface.hover\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n },\n },\n },\n },\n },\n\n sizes: {\n xs: {\n root: {\n ...iconButtonStyle.sizes?.xs,\n gap: \"1\",\n },\n },\n sm: {\n root: {\n ...iconButtonStyle.sizes?.sm,\n gap: \"2\",\n },\n },\n md: {\n root: {\n ...iconButtonStyle.sizes?.md,\n gap: \"2\",\n },\n },\n lg: {\n root: {\n ...iconButtonStyle.sizes?.lg,\n gap: \"2.5\",\n },\n },\n xl: {\n root: {\n ...iconButtonStyle.sizes?.xl,\n gap: \"3\",\n },\n },\n \"2xl\": {\n root: {\n ...iconButtonStyle.sizes?.[\"2xl\"],\n gap: \"3\",\n },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"ghost\",\n },\n})\n\nexport type ToggleStyle = typeof toggleStyle\n"],"mappings":";;;AAGA,MAAa,cAAc,yBAAyB;CAClD,MAAM;EACJ,OAAO,CAAC;EACR,MAAM;GACJ,wBAAwB;GACxB,KAAK;EACP;CACF;CAEA,OAAO;;;;;;AAML,aAAa,EACX,MAAM,EACJ,MAAM,EACJ,SAAS,OACX,EACF,EACF,EACF;CAEA,UAAU;EACR,OAAO,EACL,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,aAAa;IACb,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,cACd;IACA,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;EACF,EACF;EACA,SAAS,EACP,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,aAAa;IACb,aAAa;IACb,UAAU,EACR,aAAa,uBACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,gBACd;IACA,UAAU,EACR,aAAa,uBACf;GACF;EACF,EACF;EACA,OAAO,EACL,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,cACd;IACA,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;EACF,EACF;EACA,QAAQ,EACN,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,eACd;IACA,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;EACF,EACF;EACA,SAAS,EACP,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,aAAa;IACb,UAAU,EACR,aAAa,uBACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,gBACd;IACA,UAAU,EACR,aAAa,uBACf;GACF;EACF,EACF;CACF;CAEA,OAAO;EACL,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,OAAO,EACL,MAAM;GACJ,GAAG,gBAAgB,QAAQ;GAC3B,KAAK;EACP,EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
package/dist/types/components/field/use-field-props.d.ts CHANGED
@@ -17,7 +17,7 @@ export declare const useFieldProps: <Y extends HTMLElement, M extends Dict>({ id
17
17
  disabled: boolean | undefined;
18
18
  readOnly: boolean | undefined;
19
19
  required: boolean | undefined;
20
- } & Omit<M & UseFieldProps<Y>, "disabled" | "readOnly" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "invalid" | "name" | "required" | "notSupportReadOnly">;
20
+ } & Omit<M & UseFieldProps<Y>, "disabled" | "readOnly" | "invalid" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "name" | "required" | "notSupportReadOnly">;
21
21
  ariaProps: {
22
22
  "aria-describedby": any;
23
23
  "aria-disabled": (boolean | "true" | "false") | undefined;
package/dist/types/components/toggle/toggle.d.ts CHANGED
@@ -69,6 +69,7 @@ declare const component: <H extends As | "fragment" = "div", R extends import("@
69
69
  root: {
70
70
  _checked: {
71
71
  layerStyle: "solid";
72
+ borderWidth: "1px";
72
73
  _invalid: {
73
74
  borderColor: "{error-border-color}";
74
75
  borderWidth: "1px";
@@ -153,6 +154,7 @@ declare const component: <H extends As | "fragment" = "div", R extends import("@
153
154
  root: {
154
155
  _checked: {
155
156
  layerStyle: "solid";
157
+ borderWidth: "1px";
156
158
  _invalid: {
157
159
  borderColor: "{error-border-color}";
158
160
  };
@@ -224,6 +226,7 @@ declare const component: <H extends As | "fragment" = "div", R extends import("@
224
226
  root: {
225
227
  _checked: {
226
228
  layerStyle: "solid";
229
+ borderWidth: "1px";
227
230
  _invalid: {
228
231
  borderColor: "{error-border-color}";
229
232
  borderWidth: "1px";
@@ -308,6 +311,7 @@ declare const component: <H extends As | "fragment" = "div", R extends import("@
308
311
  root: {
309
312
  _checked: {
310
313
  layerStyle: "solid";
314
+ borderWidth: "1px";
311
315
  _invalid: {
312
316
  borderColor: "{error-border-color}";
313
317
  };
@@ -379,6 +383,7 @@ declare const component: <H extends As | "fragment" = "div", R extends import("@
379
383
  root: {
380
384
  _checked: {
381
385
  layerStyle: "solid";
386
+ borderWidth: "1px";
382
387
  _invalid: {
383
388
  borderColor: "{error-border-color}";
384
389
  borderWidth: "1px";
@@ -463,6 +468,7 @@ declare const component: <H extends As | "fragment" = "div", R extends import("@
463
468
  root: {
464
469
  _checked: {
465
470
  layerStyle: "solid";
471
+ borderWidth: "1px";
466
472
  _invalid: {
467
473
  borderColor: "{error-border-color}";
468
474
  };
package/dist/types/components/toggle/toggle.style.d.ts CHANGED
@@ -62,6 +62,7 @@ export declare const toggleStyle: ComponentSlotStyle<"group" | "root", {
62
62
  root: {
63
63
  _checked: {
64
64
  layerStyle: "solid";
65
+ borderWidth: "1px";
65
66
  _invalid: {
66
67
  borderColor: "{error-border-color}";
67
68
  borderWidth: "1px";
@@ -146,6 +147,7 @@ export declare const toggleStyle: ComponentSlotStyle<"group" | "root", {
146
147
  root: {
147
148
  _checked: {
148
149
  layerStyle: "solid";
150
+ borderWidth: "1px";
149
151
  _invalid: {
150
152
  borderColor: "{error-border-color}";
151
153
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@yamada-ui/react",
3
3
  "type": "module",
4
- "version": "2.3.0",
4
+ "version": "2.3.1-dev-20261030022105",
5
5
  "description": "React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion",
6
6
  "keywords": [
7
7
  "yamada",