@yamada-ui/react 2.3.2-dev-20261104081040 → 2.3.2-dev-20261104093107

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 (17) hide show
  1. package/dist/cjs/components/checkbox/checkbox.style.cjs +1 -0
  2. package/dist/cjs/components/checkbox/checkbox.style.cjs.map +1 -1
  3. package/dist/cjs/components/radio/radio.style.cjs +1 -0
  4. package/dist/cjs/components/radio/radio.style.cjs.map +1 -1
  5. package/dist/cjs/components/switch/switch.style.cjs +1 -0
  6. package/dist/cjs/components/switch/switch.style.cjs.map +1 -1
  7. package/dist/esm/components/checkbox/checkbox.style.js +1 -0
  8. package/dist/esm/components/checkbox/checkbox.style.js.map +1 -1
  9. package/dist/esm/components/radio/radio.style.js +1 -0
  10. package/dist/esm/components/radio/radio.style.js.map +1 -1
  11. package/dist/esm/components/switch/switch.style.js +1 -0
  12. package/dist/esm/components/switch/switch.style.js.map +1 -1
  13. package/dist/types/components/avatar/avatar.d.ts +3 -3
  14. package/dist/types/components/avatar/avatar.style.d.ts +1 -1
  15. package/dist/types/components/chart/cartesian-chart.style.d.ts +1 -1
  16. package/dist/types/components/chart/polar-chart.style.d.ts +1 -1
  17. package/package.json +1 -1
package/dist/cjs/components/checkbox/checkbox.style.cjs CHANGED
@@ -47,6 +47,7 @@ const checkboxStyle = require_config.defineComponentSlotStyle({
47
47
  display: "flex",
48
48
  fontSize: "{label-size}",
49
49
  gap: "2",
50
+ position: "relative",
50
51
  userSelect: "none",
51
52
  _readOnly: { layerStyle: "readOnly" },
52
53
  _disabled: { layerStyle: "disabled" }
package/dist/cjs/components/checkbox/checkbox.style.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.style.cjs","names":["defineComponentSlotStyle","focusRingStyle"],"sources":["../../../../src/components/checkbox/checkbox.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\n\nexport const checkboxStyle = defineComponentSlotStyle({\n base: {\n group: {},\n indicator: {\n alignItems: \"center\",\n bg: \"{indicator-bg}\",\n borderColor: \"{indicator-border-color}\",\n borderWidth: \"2px\",\n boxSize: \"{indicator-size}\",\n display: \"inline-flex\",\n focusRingColor: \"{focus-border-color}\",\n \"input:focus-visible + &\": focusRingStyle.outline,\n justifyContent: \"center\",\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n label: {},\n root: {\n \"--error-border-color\": \"colors.border.error\",\n \"--focus-border-color\": \"colorScheme.outline\",\n \"--indicator-bg\": \"transparent\",\n \"--indicator-border-color\": \"colors.border.emphasized\",\n alignItems: \"center\",\n display: \"flex\",\n fontSize: \"{label-size}\",\n gap: \"2\",\n userSelect: \"none\",\n _readOnly: { layerStyle: \"readOnly\" },\n _disabled: { layerStyle: \"disabled\" },\n },\n },\n\n props: {\n /**\n * The shape of the component\n *\n * @default 'rounded'\n */\n shape: {\n rounded: {\n indicator: { rounded: \"l1\" },\n },\n square: {\n indicator: { rounded: \"0\" },\n },\n },\n },\n\n variants: {\n outline: {\n indicator: { color: \"colorScheme.outline\" },\n root: {\n _checked: { \"--indicator-border-color\": \"colorScheme.outline\" },\n _indeterminate: { \"--indicator-border-color\": \"colorScheme.outline\" },\n },\n },\n solid: {\n indicator: {\n color: \"colorScheme.contrast\",\n _checked: { bg: \"colorScheme.solid\" },\n _indeterminate: { bg: \"colorScheme.solid\" },\n },\n root: {\n _checked: { \"--indicator-border-color\": \"colorScheme.solid\" },\n _indeterminate: { \"--indicator-border-color\": \"colorScheme.solid\" },\n },\n },\n subtle: {\n indicator: { bg: \"colorScheme.subtle\", color: \"colorScheme.fg\" },\n root: { \"--indicator-border-color\": \"transparent\" },\n },\n surface: {\n indicator: { bg: \"colorScheme.subtle\", color: \"colorScheme.fg\" },\n root: { \"--indicator-border-color\": \"colorScheme.muted\" },\n },\n },\n\n sizes: {\n sm: {\n indicator: { fontSize: \"xs\" },\n root: { \"--indicator-size\": \"sizes.3.5\", \"--label-size\": \"fontSizes.sm\" },\n },\n md: {\n indicator: { fontSize: \"sm\" },\n root: { \"--indicator-size\": \"sizes.4\", \"--label-size\": \"fontSizes.md\" },\n },\n lg: {\n indicator: { fontSize: \"md\" },\n root: { \"--indicator-size\": \"sizes.5\", \"--label-size\": \"fontSizes.lg\" },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"solid\",\n shape: \"rounded\",\n },\n})\n\nexport type CheckboxStyle = typeof checkboxStyle\n"],"mappings":";;;AAEA,MAAa,gBAAgBA,eAAAA,yBAAyB;CACpD,MAAM;EACJ,OAAO,CAAC;EACR,WAAW;GACT,YAAY;GACZ,IAAI;GACJ,aAAa;GACb,aAAa;GACb,SAAS;GACT,SAAS;GACT,gBAAgB;GAChB,2BAA2BC,mBAAAA,eAAe;GAC1C,gBAAgB;GAChB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAgC;IAC5D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAsC;GACpE;GACA,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF;EACA,OAAO,CAAC;EACR,MAAM;GACJ,wBAAwB;GACxB,wBAAwB;GACxB,kBAAkB;GAClB,4BAA4B;GAC5B,YAAY;GACZ,SAAS;GACT,UAAU;GACV,KAAK;GACL,YAAY;GACZ,WAAW,EAAE,YAAY,WAAW;GACpC,WAAW,EAAE,YAAY,WAAW;EACtC;CACF;CAEA,OAAO;;;;;;AAML,OAAO;EACL,SAAS,EACP,WAAW,EAAE,SAAS,KAAK,EAC7B;EACA,QAAQ,EACN,WAAW,EAAE,SAAS,IAAI,EAC5B;CACF,EACF;CAEA,UAAU;EACR,SAAS;GACP,WAAW,EAAE,OAAO,sBAAsB;GAC1C,MAAM;IACJ,UAAU,EAAE,4BAA4B,sBAAsB;IAC9D,gBAAgB,EAAE,4BAA4B,sBAAsB;GACtE;EACF;EACA,OAAO;GACL,WAAW;IACT,OAAO;IACP,UAAU,EAAE,IAAI,oBAAoB;IACpC,gBAAgB,EAAE,IAAI,oBAAoB;GAC5C;GACA,MAAM;IACJ,UAAU,EAAE,4BAA4B,oBAAoB;IAC5D,gBAAgB,EAAE,4BAA4B,oBAAoB;GACpE;EACF;EACA,QAAQ;GACN,WAAW;IAAE,IAAI;IAAsB,OAAO;GAAiB;GAC/D,MAAM,EAAE,4BAA4B,cAAc;EACpD;EACA,SAAS;GACP,WAAW;IAAE,IAAI;IAAsB,OAAO;GAAiB;GAC/D,MAAM,EAAE,4BAA4B,oBAAoB;EAC1D;CACF;CAEA,OAAO;EACL,IAAI;GACF,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,oBAAoB;IAAa,gBAAgB;GAAe;EAC1E;EACA,IAAI;GACF,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;EACA,IAAI;GACF,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;CACT;AACF,CAAC"}
1
+ {"version":3,"file":"checkbox.style.cjs","names":["defineComponentSlotStyle","focusRingStyle"],"sources":["../../../../src/components/checkbox/checkbox.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\n\nexport const checkboxStyle = defineComponentSlotStyle({\n base: {\n group: {},\n indicator: {\n alignItems: \"center\",\n bg: \"{indicator-bg}\",\n borderColor: \"{indicator-border-color}\",\n borderWidth: \"2px\",\n boxSize: \"{indicator-size}\",\n display: \"inline-flex\",\n focusRingColor: \"{focus-border-color}\",\n \"input:focus-visible + &\": focusRingStyle.outline,\n justifyContent: \"center\",\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n label: {},\n root: {\n \"--error-border-color\": \"colors.border.error\",\n \"--focus-border-color\": \"colorScheme.outline\",\n \"--indicator-bg\": \"transparent\",\n \"--indicator-border-color\": \"colors.border.emphasized\",\n alignItems: \"center\",\n display: \"flex\",\n fontSize: \"{label-size}\",\n gap: \"2\",\n position: \"relative\",\n userSelect: \"none\",\n _readOnly: { layerStyle: \"readOnly\" },\n _disabled: { layerStyle: \"disabled\" },\n },\n },\n\n props: {\n /**\n * The shape of the component\n *\n * @default 'rounded'\n */\n shape: {\n rounded: {\n indicator: { rounded: \"l1\" },\n },\n square: {\n indicator: { rounded: \"0\" },\n },\n },\n },\n\n variants: {\n outline: {\n indicator: { color: \"colorScheme.outline\" },\n root: {\n _checked: { \"--indicator-border-color\": \"colorScheme.outline\" },\n _indeterminate: { \"--indicator-border-color\": \"colorScheme.outline\" },\n },\n },\n solid: {\n indicator: {\n color: \"colorScheme.contrast\",\n _checked: { bg: \"colorScheme.solid\" },\n _indeterminate: { bg: \"colorScheme.solid\" },\n },\n root: {\n _checked: { \"--indicator-border-color\": \"colorScheme.solid\" },\n _indeterminate: { \"--indicator-border-color\": \"colorScheme.solid\" },\n },\n },\n subtle: {\n indicator: { bg: \"colorScheme.subtle\", color: \"colorScheme.fg\" },\n root: { \"--indicator-border-color\": \"transparent\" },\n },\n surface: {\n indicator: { bg: \"colorScheme.subtle\", color: \"colorScheme.fg\" },\n root: { \"--indicator-border-color\": \"colorScheme.muted\" },\n },\n },\n\n sizes: {\n sm: {\n indicator: { fontSize: \"xs\" },\n root: { \"--indicator-size\": \"sizes.3.5\", \"--label-size\": \"fontSizes.sm\" },\n },\n md: {\n indicator: { fontSize: \"sm\" },\n root: { \"--indicator-size\": \"sizes.4\", \"--label-size\": \"fontSizes.md\" },\n },\n lg: {\n indicator: { fontSize: \"md\" },\n root: { \"--indicator-size\": \"sizes.5\", \"--label-size\": \"fontSizes.lg\" },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"solid\",\n shape: \"rounded\",\n },\n})\n\nexport type CheckboxStyle = typeof checkboxStyle\n"],"mappings":";;;AAEA,MAAa,gBAAgBA,eAAAA,yBAAyB;CACpD,MAAM;EACJ,OAAO,CAAC;EACR,WAAW;GACT,YAAY;GACZ,IAAI;GACJ,aAAa;GACb,aAAa;GACb,SAAS;GACT,SAAS;GACT,gBAAgB;GAChB,2BAA2BC,mBAAAA,eAAe;GAC1C,gBAAgB;GAChB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAgC;IAC5D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAsC;GACpE;GACA,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF;EACA,OAAO,CAAC;EACR,MAAM;GACJ,wBAAwB;GACxB,wBAAwB;GACxB,kBAAkB;GAClB,4BAA4B;GAC5B,YAAY;GACZ,SAAS;GACT,UAAU;GACV,KAAK;GACL,UAAU;GACV,YAAY;GACZ,WAAW,EAAE,YAAY,WAAW;GACpC,WAAW,EAAE,YAAY,WAAW;EACtC;CACF;CAEA,OAAO;;;;;;AAML,OAAO;EACL,SAAS,EACP,WAAW,EAAE,SAAS,KAAK,EAC7B;EACA,QAAQ,EACN,WAAW,EAAE,SAAS,IAAI,EAC5B;CACF,EACF;CAEA,UAAU;EACR,SAAS;GACP,WAAW,EAAE,OAAO,sBAAsB;GAC1C,MAAM;IACJ,UAAU,EAAE,4BAA4B,sBAAsB;IAC9D,gBAAgB,EAAE,4BAA4B,sBAAsB;GACtE;EACF;EACA,OAAO;GACL,WAAW;IACT,OAAO;IACP,UAAU,EAAE,IAAI,oBAAoB;IACpC,gBAAgB,EAAE,IAAI,oBAAoB;GAC5C;GACA,MAAM;IACJ,UAAU,EAAE,4BAA4B,oBAAoB;IAC5D,gBAAgB,EAAE,4BAA4B,oBAAoB;GACpE;EACF;EACA,QAAQ;GACN,WAAW;IAAE,IAAI;IAAsB,OAAO;GAAiB;GAC/D,MAAM,EAAE,4BAA4B,cAAc;EACpD;EACA,SAAS;GACP,WAAW;IAAE,IAAI;IAAsB,OAAO;GAAiB;GAC/D,MAAM,EAAE,4BAA4B,oBAAoB;EAC1D;CACF;CAEA,OAAO;EACL,IAAI;GACF,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,oBAAoB;IAAa,gBAAgB;GAAe;EAC1E;EACA,IAAI;GACF,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;EACA,IAAI;GACF,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;CACT;AACF,CAAC"}
package/dist/cjs/components/radio/radio.style.cjs CHANGED
@@ -48,6 +48,7 @@ const radioStyle = require_config.defineComponentSlotStyle({
48
48
  display: "flex",
49
49
  fontSize: "{label-size}",
50
50
  gap: "2",
51
+ position: "relative",
51
52
  userSelect: "none",
52
53
  _readOnly: { layerStyle: "readOnly" },
53
54
  _disabled: { layerStyle: "disabled" }
package/dist/cjs/components/radio/radio.style.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"radio.style.cjs","names":["defineComponentSlotStyle","focusRingStyle"],"sources":["../../../../src/components/radio/radio.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\n\nexport const radioStyle = defineComponentSlotStyle({\n base: {\n group: {},\n indicator: {\n alignItems: \"center\",\n bg: \"{indicator-bg}\",\n borderColor: \"{indicator-border-color}\",\n borderWidth: \"2px\",\n boxSize: \"{indicator-size}\",\n display: \"inline-flex\",\n focusRingColor: \"{focus-border-color}\",\n \"input:focus-visible + &\": focusRingStyle.outline,\n justifyContent: \"center\",\n _before: { display: \"block\" },\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n label: {},\n root: {\n \"--error-border-color\": \"colors.border.error\",\n \"--focus-border-color\": \"colorScheme.outline\",\n \"--indicator-bg\": \"transparent\",\n \"--indicator-border-color\": \"colors.border.emphasized\",\n alignItems: \"center\",\n display: \"flex\",\n fontSize: \"{label-size}\",\n gap: \"2\",\n userSelect: \"none\",\n _readOnly: { layerStyle: \"readOnly\" },\n _disabled: { layerStyle: \"disabled\" },\n },\n },\n\n props: {\n /**\n * The shape of the component\n *\n * @default 'circle'\n */\n shape: {\n circle: { indicator: { rounded: \"full\", _before: { rounded: \"full\" } } },\n rounded: {\n indicator: {\n rounded: \"l1\",\n _before: { rounded: \"calc({radii.l1} / 2)\" },\n },\n },\n square: {\n indicator: { rounded: \"0\", _before: { rounded: \"0\" } },\n },\n },\n },\n\n variants: {\n base: {\n indicator: { _checked: { _before: { bg: \"colorScheme.solid\" } } },\n },\n outline: {\n indicator: { _checked: { _before: { bg: \"colorScheme.outline\" } } },\n root: { _checked: { \"--indicator-border-color\": \"colorScheme.outline\" } },\n },\n solid: {},\n subtle: {\n indicator: { bg: \"colorScheme.subtle\" },\n root: { \"--indicator-border-color\": \"transparent\" },\n },\n surface: {\n indicator: { bg: \"colorScheme.subtle\" },\n root: { \"--indicator-border-color\": \"colorScheme.muted\" },\n },\n },\n\n sizes: {\n sm: {\n indicator: { _before: { boxSize: \"1.5\" } },\n root: { \"--indicator-size\": \"sizes.3.5\", \"--label-size\": \"fontSizes.sm\" },\n },\n md: {\n indicator: { _before: { boxSize: \"2\" } },\n root: { \"--indicator-size\": \"sizes.4\", \"--label-size\": \"fontSizes.md\" },\n },\n lg: {\n indicator: { _before: { boxSize: \"3\" } },\n root: { \"--indicator-size\": \"sizes.5\", \"--label-size\": \"fontSizes.lg\" },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"solid\",\n shape: \"circle\",\n },\n})\n\nexport type RadioStyle = typeof radioStyle\n"],"mappings":";;;AAEA,MAAa,aAAaA,eAAAA,yBAAyB;CACjD,MAAM;EACJ,OAAO,CAAC;EACR,WAAW;GACT,YAAY;GACZ,IAAI;GACJ,aAAa;GACb,aAAa;GACb,SAAS;GACT,SAAS;GACT,gBAAgB;GAChB,2BAA2BC,mBAAAA,eAAe;GAC1C,gBAAgB;GAChB,SAAS,EAAE,SAAS,QAAQ;GAC5B,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAgC;IAC5D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAsC;GACpE;GACA,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF;EACA,OAAO,CAAC;EACR,MAAM;GACJ,wBAAwB;GACxB,wBAAwB;GACxB,kBAAkB;GAClB,4BAA4B;GAC5B,YAAY;GACZ,SAAS;GACT,UAAU;GACV,KAAK;GACL,YAAY;GACZ,WAAW,EAAE,YAAY,WAAW;GACpC,WAAW,EAAE,YAAY,WAAW;EACtC;CACF;CAEA,OAAO;;;;;;AAML,OAAO;EACL,QAAQ,EAAE,WAAW;GAAE,SAAS;GAAQ,SAAS,EAAE,SAAS,OAAO;EAAE,EAAE;EACvE,SAAS,EACP,WAAW;GACT,SAAS;GACT,SAAS,EAAE,SAAS,uBAAuB;EAC7C,EACF;EACA,QAAQ,EACN,WAAW;GAAE,SAAS;GAAK,SAAS,EAAE,SAAS,IAAI;EAAE,EACvD;CACF,EACF;CAEA,UAAU;EACR,MAAM,EACJ,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,oBAAoB,EAAE,EAAE,EAClE;EACA,SAAS;GACP,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,sBAAsB,EAAE,EAAE;GAClE,MAAM,EAAE,UAAU,EAAE,4BAA4B,sBAAsB,EAAE;EAC1E;EACA,OAAO,CAAC;EACR,QAAQ;GACN,WAAW,EAAE,IAAI,qBAAqB;GACtC,MAAM,EAAE,4BAA4B,cAAc;EACpD;EACA,SAAS;GACP,WAAW,EAAE,IAAI,qBAAqB;GACtC,MAAM,EAAE,4BAA4B,oBAAoB;EAC1D;CACF;CAEA,OAAO;EACL,IAAI;GACF,WAAW,EAAE,SAAS,EAAE,SAAS,MAAM,EAAE;GACzC,MAAM;IAAE,oBAAoB;IAAa,gBAAgB;GAAe;EAC1E;EACA,IAAI;GACF,WAAW,EAAE,SAAS,EAAE,SAAS,IAAI,EAAE;GACvC,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;EACA,IAAI;GACF,WAAW,EAAE,SAAS,EAAE,SAAS,IAAI,EAAE;GACvC,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;CACT;AACF,CAAC"}
1
+ {"version":3,"file":"radio.style.cjs","names":["defineComponentSlotStyle","focusRingStyle"],"sources":["../../../../src/components/radio/radio.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\n\nexport const radioStyle = defineComponentSlotStyle({\n base: {\n group: {},\n indicator: {\n alignItems: \"center\",\n bg: \"{indicator-bg}\",\n borderColor: \"{indicator-border-color}\",\n borderWidth: \"2px\",\n boxSize: \"{indicator-size}\",\n display: \"inline-flex\",\n focusRingColor: \"{focus-border-color}\",\n \"input:focus-visible + &\": focusRingStyle.outline,\n justifyContent: \"center\",\n _before: { display: \"block\" },\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n label: {},\n root: {\n \"--error-border-color\": \"colors.border.error\",\n \"--focus-border-color\": \"colorScheme.outline\",\n \"--indicator-bg\": \"transparent\",\n \"--indicator-border-color\": \"colors.border.emphasized\",\n alignItems: \"center\",\n display: \"flex\",\n fontSize: \"{label-size}\",\n gap: \"2\",\n position: \"relative\",\n userSelect: \"none\",\n _readOnly: { layerStyle: \"readOnly\" },\n _disabled: { layerStyle: \"disabled\" },\n },\n },\n\n props: {\n /**\n * The shape of the component\n *\n * @default 'circle'\n */\n shape: {\n circle: { indicator: { rounded: \"full\", _before: { rounded: \"full\" } } },\n rounded: {\n indicator: {\n rounded: \"l1\",\n _before: { rounded: \"calc({radii.l1} / 2)\" },\n },\n },\n square: {\n indicator: { rounded: \"0\", _before: { rounded: \"0\" } },\n },\n },\n },\n\n variants: {\n base: {\n indicator: { _checked: { _before: { bg: \"colorScheme.solid\" } } },\n },\n outline: {\n indicator: { _checked: { _before: { bg: \"colorScheme.outline\" } } },\n root: { _checked: { \"--indicator-border-color\": \"colorScheme.outline\" } },\n },\n solid: {},\n subtle: {\n indicator: { bg: \"colorScheme.subtle\" },\n root: { \"--indicator-border-color\": \"transparent\" },\n },\n surface: {\n indicator: { bg: \"colorScheme.subtle\" },\n root: { \"--indicator-border-color\": \"colorScheme.muted\" },\n },\n },\n\n sizes: {\n sm: {\n indicator: { _before: { boxSize: \"1.5\" } },\n root: { \"--indicator-size\": \"sizes.3.5\", \"--label-size\": \"fontSizes.sm\" },\n },\n md: {\n indicator: { _before: { boxSize: \"2\" } },\n root: { \"--indicator-size\": \"sizes.4\", \"--label-size\": \"fontSizes.md\" },\n },\n lg: {\n indicator: { _before: { boxSize: \"3\" } },\n root: { \"--indicator-size\": \"sizes.5\", \"--label-size\": \"fontSizes.lg\" },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"solid\",\n shape: \"circle\",\n },\n})\n\nexport type RadioStyle = typeof radioStyle\n"],"mappings":";;;AAEA,MAAa,aAAaA,eAAAA,yBAAyB;CACjD,MAAM;EACJ,OAAO,CAAC;EACR,WAAW;GACT,YAAY;GACZ,IAAI;GACJ,aAAa;GACb,aAAa;GACb,SAAS;GACT,SAAS;GACT,gBAAgB;GAChB,2BAA2BC,mBAAAA,eAAe;GAC1C,gBAAgB;GAChB,SAAS,EAAE,SAAS,QAAQ;GAC5B,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAgC;IAC5D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAsC;GACpE;GACA,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF;EACA,OAAO,CAAC;EACR,MAAM;GACJ,wBAAwB;GACxB,wBAAwB;GACxB,kBAAkB;GAClB,4BAA4B;GAC5B,YAAY;GACZ,SAAS;GACT,UAAU;GACV,KAAK;GACL,UAAU;GACV,YAAY;GACZ,WAAW,EAAE,YAAY,WAAW;GACpC,WAAW,EAAE,YAAY,WAAW;EACtC;CACF;CAEA,OAAO;;;;;;AAML,OAAO;EACL,QAAQ,EAAE,WAAW;GAAE,SAAS;GAAQ,SAAS,EAAE,SAAS,OAAO;EAAE,EAAE;EACvE,SAAS,EACP,WAAW;GACT,SAAS;GACT,SAAS,EAAE,SAAS,uBAAuB;EAC7C,EACF;EACA,QAAQ,EACN,WAAW;GAAE,SAAS;GAAK,SAAS,EAAE,SAAS,IAAI;EAAE,EACvD;CACF,EACF;CAEA,UAAU;EACR,MAAM,EACJ,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,oBAAoB,EAAE,EAAE,EAClE;EACA,SAAS;GACP,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,sBAAsB,EAAE,EAAE;GAClE,MAAM,EAAE,UAAU,EAAE,4BAA4B,sBAAsB,EAAE;EAC1E;EACA,OAAO,CAAC;EACR,QAAQ;GACN,WAAW,EAAE,IAAI,qBAAqB;GACtC,MAAM,EAAE,4BAA4B,cAAc;EACpD;EACA,SAAS;GACP,WAAW,EAAE,IAAI,qBAAqB;GACtC,MAAM,EAAE,4BAA4B,oBAAoB;EAC1D;CACF;CAEA,OAAO;EACL,IAAI;GACF,WAAW,EAAE,SAAS,EAAE,SAAS,MAAM,EAAE;GACzC,MAAM;IAAE,oBAAoB;IAAa,gBAAgB;GAAe;EAC1E;EACA,IAAI;GACF,WAAW,EAAE,SAAS,EAAE,SAAS,IAAI,EAAE;GACvC,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;EACA,IAAI;GACF,WAAW,EAAE,SAAS,EAAE,SAAS,IAAI,EAAE;GACvC,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;CACT;AACF,CAAC"}
package/dist/cjs/components/switch/switch.style.cjs CHANGED
@@ -9,6 +9,7 @@ const switchStyle = require_config.defineComponentSlotStyle({
9
9
  cursor: "pointer",
10
10
  display: "inline-flex",
11
11
  gap: "2",
12
+ position: "relative",
12
13
  _readOnly: {
13
14
  layerStyle: "readOnly",
14
15
  pointerEvents: "none"
package/dist/cjs/components/switch/switch.style.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"switch.style.cjs","names":["defineComponentSlotStyle","focusRingStyle"],"sources":["../../../../src/components/switch/switch.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\n\nexport const switchStyle = defineComponentSlotStyle({\n base: {\n label: {\n userSelect: \"none\",\n },\n root: {\n alignItems: \"center\",\n cursor: \"pointer\",\n display: \"inline-flex\",\n gap: \"2\",\n _readOnly: {\n layerStyle: \"readOnly\",\n pointerEvents: \"none\",\n },\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n thumb: {\n alignItems: \"center\",\n bg: \"white\",\n display: \"inline-flex\",\n justifyContent: \"center\",\n position: \"absolute\",\n rounded: \"inherit\",\n transitionDuration: \"fast\",\n transitionProperty: \"background, transform\",\n _checked: {\n transform: \"translateX(100%)\",\n },\n },\n track: {\n \"--focus-ring-color\": \"{colorScheme.outline}\",\n alignItems: \"center\",\n bg: \"bg.muted\",\n boxSizing: \"content-box\",\n display: \"inline-flex\",\n flexShrink: 0,\n position: \"relative\",\n rounded: \"full\",\n transitionDuration: \"fast\",\n transitionProperty: \"background\",\n _peerFocusVisible: {\n ...focusRingStyle.outline,\n },\n },\n },\n\n variants: {\n thin: {\n thumb: {\n boxShadow: \"2xl\",\n _checked: {\n bg: \"colorScheme.solid\",\n },\n },\n track: {\n \"--focus-ring-offset\": \"4px\",\n _checked: {\n bg: [\"colorScheme.muted\", \"colorScheme.subtle\"],\n },\n },\n },\n thick: {\n thumb: {\n _checked: {\n bg: \"colorScheme.contrast\",\n },\n },\n track: {\n p: \"1\",\n _checked: {\n bg: \"colorScheme.solid\",\n },\n },\n },\n },\n\n sizes: {\n sm: {\n label: { fontSize: \"sm\" },\n thumb: { boxSize: \"3\" },\n track: { w: \"6\" },\n },\n md: {\n label: { fontSize: \"md\" },\n thumb: { boxSize: \"4\" },\n track: { w: \"8\" },\n },\n lg: {\n label: { fontSize: \"lg\" },\n thumb: { boxSize: \"5\" },\n track: { w: \"10\" },\n },\n },\n\n props: {\n /**\n * Change switch label from right to left.\n *\n * @default false\n */\n reverse: {\n false: {\n root: { flexDirection: \"row\" },\n },\n true: {\n root: { flexDirection: \"row-reverse\" },\n },\n },\n /**\n * The shape of the switch.\n *\n * @default circle\n */\n shape: {\n circle: {\n track: { rounded: \"full\" },\n },\n rounded: {\n thumb: { rounded: \"l1\" },\n track: { rounded: \"l2\" },\n },\n square: {\n track: { rounded: \"0\" },\n },\n },\n },\n\n compounds: [\n {\n css: {\n track: { h: \"3\" },\n },\n size: \"sm\",\n variant: \"thick\",\n },\n {\n css: {\n track: { h: \"4\" },\n },\n size: \"md\",\n variant: \"thick\",\n },\n {\n css: {\n track: { h: \"5\" },\n },\n size: \"lg\",\n variant: \"thick\",\n },\n {\n css: {\n track: { h: \"2\" },\n },\n size: \"sm\",\n variant: \"thin\",\n },\n {\n css: {\n track: { h: \"3\" },\n },\n size: \"md\",\n variant: \"thin\",\n },\n {\n css: {\n track: { h: \"4\" },\n },\n size: \"lg\",\n variant: \"thin\",\n },\n ],\n\n defaultProps: {\n size: \"md\",\n variant: \"thick\",\n shape: \"circle\",\n },\n})\n\nexport type SwitchStyle = typeof switchStyle\n"],"mappings":";;;AAEA,MAAa,cAAcA,eAAAA,yBAAyB;CAClD,MAAM;EACJ,OAAO,EACL,YAAY,OACd;EACA,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,KAAK;GACL,WAAW;IACT,YAAY;IACZ,eAAe;GACjB;GACA,WAAW,EACT,YAAY,WACd;EACF;EACA,OAAO;GACL,YAAY;GACZ,IAAI;GACJ,SAAS;GACT,gBAAgB;GAChB,UAAU;GACV,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,UAAU,EACR,WAAW,mBACb;EACF;EACA,OAAO;GACL,sBAAsB;GACtB,YAAY;GACZ,IAAI;GACJ,WAAW;GACX,SAAS;GACT,YAAY;GACZ,UAAU;GACV,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,mBAAmB,EACjB,GAAGC,mBAAAA,eAAe,QACpB;EACF;CACF;CAEA,UAAU;EACR,MAAM;GACJ,OAAO;IACL,WAAW;IACX,UAAU,EACR,IAAI,oBACN;GACF;GACA,OAAO;IACL,uBAAuB;IACvB,UAAU,EACR,IAAI,CAAC,qBAAqB,oBAAoB,EAChD;GACF;EACF;EACA,OAAO;GACL,OAAO,EACL,UAAU,EACR,IAAI,uBACN,EACF;GACA,OAAO;IACL,GAAG;IACH,UAAU,EACR,IAAI,oBACN;GACF;EACF;CACF;CAEA,OAAO;EACL,IAAI;GACF,OAAO,EAAE,UAAU,KAAK;GACxB,OAAO,EAAE,SAAS,IAAI;GACtB,OAAO,EAAE,GAAG,IAAI;EAClB;EACA,IAAI;GACF,OAAO,EAAE,UAAU,KAAK;GACxB,OAAO,EAAE,SAAS,IAAI;GACtB,OAAO,EAAE,GAAG,IAAI;EAClB;EACA,IAAI;GACF,OAAO,EAAE,UAAU,KAAK;GACxB,OAAO,EAAE,SAAS,IAAI;GACtB,OAAO,EAAE,GAAG,KAAK;EACnB;CACF;CAEA,OAAO;;;;;;EAML,SAAS;GACP,OAAO,EACL,MAAM,EAAE,eAAe,MAAM,EAC/B;GACA,MAAM,EACJ,MAAM,EAAE,eAAe,cAAc,EACvC;EACF;;;;;;EAMA,OAAO;GACL,QAAQ,EACN,OAAO,EAAE,SAAS,OAAO,EAC3B;GACA,SAAS;IACP,OAAO,EAAE,SAAS,KAAK;IACvB,OAAO,EAAE,SAAS,KAAK;GACzB;GACA,QAAQ,EACN,OAAO,EAAE,SAAS,IAAI,EACxB;EACF;CACF;CAEA,WAAW;EACT;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;CACT;AACF,CAAC"}
1
+ {"version":3,"file":"switch.style.cjs","names":["defineComponentSlotStyle","focusRingStyle"],"sources":["../../../../src/components/switch/switch.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\n\nexport const switchStyle = defineComponentSlotStyle({\n base: {\n label: {\n userSelect: \"none\",\n },\n root: {\n alignItems: \"center\",\n cursor: \"pointer\",\n display: \"inline-flex\",\n gap: \"2\",\n position: \"relative\",\n _readOnly: {\n layerStyle: \"readOnly\",\n pointerEvents: \"none\",\n },\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n thumb: {\n alignItems: \"center\",\n bg: \"white\",\n display: \"inline-flex\",\n justifyContent: \"center\",\n position: \"absolute\",\n rounded: \"inherit\",\n transitionDuration: \"fast\",\n transitionProperty: \"background, transform\",\n _checked: {\n transform: \"translateX(100%)\",\n },\n },\n track: {\n \"--focus-ring-color\": \"{colorScheme.outline}\",\n alignItems: \"center\",\n bg: \"bg.muted\",\n boxSizing: \"content-box\",\n display: \"inline-flex\",\n flexShrink: 0,\n position: \"relative\",\n rounded: \"full\",\n transitionDuration: \"fast\",\n transitionProperty: \"background\",\n _peerFocusVisible: {\n ...focusRingStyle.outline,\n },\n },\n },\n\n variants: {\n thin: {\n thumb: {\n boxShadow: \"2xl\",\n _checked: {\n bg: \"colorScheme.solid\",\n },\n },\n track: {\n \"--focus-ring-offset\": \"4px\",\n _checked: {\n bg: [\"colorScheme.muted\", \"colorScheme.subtle\"],\n },\n },\n },\n thick: {\n thumb: {\n _checked: {\n bg: \"colorScheme.contrast\",\n },\n },\n track: {\n p: \"1\",\n _checked: {\n bg: \"colorScheme.solid\",\n },\n },\n },\n },\n\n sizes: {\n sm: {\n label: { fontSize: \"sm\" },\n thumb: { boxSize: \"3\" },\n track: { w: \"6\" },\n },\n md: {\n label: { fontSize: \"md\" },\n thumb: { boxSize: \"4\" },\n track: { w: \"8\" },\n },\n lg: {\n label: { fontSize: \"lg\" },\n thumb: { boxSize: \"5\" },\n track: { w: \"10\" },\n },\n },\n\n props: {\n /**\n * Change switch label from right to left.\n *\n * @default false\n */\n reverse: {\n false: {\n root: { flexDirection: \"row\" },\n },\n true: {\n root: { flexDirection: \"row-reverse\" },\n },\n },\n /**\n * The shape of the switch.\n *\n * @default circle\n */\n shape: {\n circle: {\n track: { rounded: \"full\" },\n },\n rounded: {\n thumb: { rounded: \"l1\" },\n track: { rounded: \"l2\" },\n },\n square: {\n track: { rounded: \"0\" },\n },\n },\n },\n\n compounds: [\n {\n css: {\n track: { h: \"3\" },\n },\n size: \"sm\",\n variant: \"thick\",\n },\n {\n css: {\n track: { h: \"4\" },\n },\n size: \"md\",\n variant: \"thick\",\n },\n {\n css: {\n track: { h: \"5\" },\n },\n size: \"lg\",\n variant: \"thick\",\n },\n {\n css: {\n track: { h: \"2\" },\n },\n size: \"sm\",\n variant: \"thin\",\n },\n {\n css: {\n track: { h: \"3\" },\n },\n size: \"md\",\n variant: \"thin\",\n },\n {\n css: {\n track: { h: \"4\" },\n },\n size: \"lg\",\n variant: \"thin\",\n },\n ],\n\n defaultProps: {\n size: \"md\",\n variant: \"thick\",\n shape: \"circle\",\n },\n})\n\nexport type SwitchStyle = typeof switchStyle\n"],"mappings":";;;AAEA,MAAa,cAAcA,eAAAA,yBAAyB;CAClD,MAAM;EACJ,OAAO,EACL,YAAY,OACd;EACA,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,KAAK;GACL,UAAU;GACV,WAAW;IACT,YAAY;IACZ,eAAe;GACjB;GACA,WAAW,EACT,YAAY,WACd;EACF;EACA,OAAO;GACL,YAAY;GACZ,IAAI;GACJ,SAAS;GACT,gBAAgB;GAChB,UAAU;GACV,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,UAAU,EACR,WAAW,mBACb;EACF;EACA,OAAO;GACL,sBAAsB;GACtB,YAAY;GACZ,IAAI;GACJ,WAAW;GACX,SAAS;GACT,YAAY;GACZ,UAAU;GACV,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,mBAAmB,EACjB,GAAGC,mBAAAA,eAAe,QACpB;EACF;CACF;CAEA,UAAU;EACR,MAAM;GACJ,OAAO;IACL,WAAW;IACX,UAAU,EACR,IAAI,oBACN;GACF;GACA,OAAO;IACL,uBAAuB;IACvB,UAAU,EACR,IAAI,CAAC,qBAAqB,oBAAoB,EAChD;GACF;EACF;EACA,OAAO;GACL,OAAO,EACL,UAAU,EACR,IAAI,uBACN,EACF;GACA,OAAO;IACL,GAAG;IACH,UAAU,EACR,IAAI,oBACN;GACF;EACF;CACF;CAEA,OAAO;EACL,IAAI;GACF,OAAO,EAAE,UAAU,KAAK;GACxB,OAAO,EAAE,SAAS,IAAI;GACtB,OAAO,EAAE,GAAG,IAAI;EAClB;EACA,IAAI;GACF,OAAO,EAAE,UAAU,KAAK;GACxB,OAAO,EAAE,SAAS,IAAI;GACtB,OAAO,EAAE,GAAG,IAAI;EAClB;EACA,IAAI;GACF,OAAO,EAAE,UAAU,KAAK;GACxB,OAAO,EAAE,SAAS,IAAI;GACtB,OAAO,EAAE,GAAG,KAAK;EACnB;CACF;CAEA,OAAO;;;;;;EAML,SAAS;GACP,OAAO,EACL,MAAM,EAAE,eAAe,MAAM,EAC/B;GACA,MAAM,EACJ,MAAM,EAAE,eAAe,cAAc,EACvC;EACF;;;;;;EAMA,OAAO;GACL,QAAQ,EACN,OAAO,EAAE,SAAS,OAAO,EAC3B;GACA,SAAS;IACP,OAAO,EAAE,SAAS,KAAK;IACvB,OAAO,EAAE,SAAS,KAAK;GACzB;GACA,QAAQ,EACN,OAAO,EAAE,SAAS,IAAI,EACxB;EACF;CACF;CAEA,WAAW;EACT;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;CACT;AACF,CAAC"}
package/dist/esm/components/checkbox/checkbox.style.js CHANGED
@@ -47,6 +47,7 @@ const checkboxStyle = defineComponentSlotStyle({
47
47
  display: "flex",
48
48
  fontSize: "{label-size}",
49
49
  gap: "2",
50
+ position: "relative",
50
51
  userSelect: "none",
51
52
  _readOnly: { layerStyle: "readOnly" },
52
53
  _disabled: { layerStyle: "disabled" }
package/dist/esm/components/checkbox/checkbox.style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.style.js","names":[],"sources":["../../../../src/components/checkbox/checkbox.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\n\nexport const checkboxStyle = defineComponentSlotStyle({\n base: {\n group: {},\n indicator: {\n alignItems: \"center\",\n bg: \"{indicator-bg}\",\n borderColor: \"{indicator-border-color}\",\n borderWidth: \"2px\",\n boxSize: \"{indicator-size}\",\n display: \"inline-flex\",\n focusRingColor: \"{focus-border-color}\",\n \"input:focus-visible + &\": focusRingStyle.outline,\n justifyContent: \"center\",\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n label: {},\n root: {\n \"--error-border-color\": \"colors.border.error\",\n \"--focus-border-color\": \"colorScheme.outline\",\n \"--indicator-bg\": \"transparent\",\n \"--indicator-border-color\": \"colors.border.emphasized\",\n alignItems: \"center\",\n display: \"flex\",\n fontSize: \"{label-size}\",\n gap: \"2\",\n userSelect: \"none\",\n _readOnly: { layerStyle: \"readOnly\" },\n _disabled: { layerStyle: \"disabled\" },\n },\n },\n\n props: {\n /**\n * The shape of the component\n *\n * @default 'rounded'\n */\n shape: {\n rounded: {\n indicator: { rounded: \"l1\" },\n },\n square: {\n indicator: { rounded: \"0\" },\n },\n },\n },\n\n variants: {\n outline: {\n indicator: { color: \"colorScheme.outline\" },\n root: {\n _checked: { \"--indicator-border-color\": \"colorScheme.outline\" },\n _indeterminate: { \"--indicator-border-color\": \"colorScheme.outline\" },\n },\n },\n solid: {\n indicator: {\n color: \"colorScheme.contrast\",\n _checked: { bg: \"colorScheme.solid\" },\n _indeterminate: { bg: \"colorScheme.solid\" },\n },\n root: {\n _checked: { \"--indicator-border-color\": \"colorScheme.solid\" },\n _indeterminate: { \"--indicator-border-color\": \"colorScheme.solid\" },\n },\n },\n subtle: {\n indicator: { bg: \"colorScheme.subtle\", color: \"colorScheme.fg\" },\n root: { \"--indicator-border-color\": \"transparent\" },\n },\n surface: {\n indicator: { bg: \"colorScheme.subtle\", color: \"colorScheme.fg\" },\n root: { \"--indicator-border-color\": \"colorScheme.muted\" },\n },\n },\n\n sizes: {\n sm: {\n indicator: { fontSize: \"xs\" },\n root: { \"--indicator-size\": \"sizes.3.5\", \"--label-size\": \"fontSizes.sm\" },\n },\n md: {\n indicator: { fontSize: \"sm\" },\n root: { \"--indicator-size\": \"sizes.4\", \"--label-size\": \"fontSizes.md\" },\n },\n lg: {\n indicator: { fontSize: \"md\" },\n root: { \"--indicator-size\": \"sizes.5\", \"--label-size\": \"fontSizes.lg\" },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"solid\",\n shape: \"rounded\",\n },\n})\n\nexport type CheckboxStyle = typeof checkboxStyle\n"],"mappings":";;;AAEA,MAAa,gBAAgB,yBAAyB;CACpD,MAAM;EACJ,OAAO,CAAC;EACR,WAAW;GACT,YAAY;GACZ,IAAI;GACJ,aAAa;GACb,aAAa;GACb,SAAS;GACT,SAAS;GACT,gBAAgB;GAChB,2BAA2B,eAAe;GAC1C,gBAAgB;GAChB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAgC;IAC5D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAsC;GACpE;GACA,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF;EACA,OAAO,CAAC;EACR,MAAM;GACJ,wBAAwB;GACxB,wBAAwB;GACxB,kBAAkB;GAClB,4BAA4B;GAC5B,YAAY;GACZ,SAAS;GACT,UAAU;GACV,KAAK;GACL,YAAY;GACZ,WAAW,EAAE,YAAY,WAAW;GACpC,WAAW,EAAE,YAAY,WAAW;EACtC;CACF;CAEA,OAAO;;;;;;AAML,OAAO;EACL,SAAS,EACP,WAAW,EAAE,SAAS,KAAK,EAC7B;EACA,QAAQ,EACN,WAAW,EAAE,SAAS,IAAI,EAC5B;CACF,EACF;CAEA,UAAU;EACR,SAAS;GACP,WAAW,EAAE,OAAO,sBAAsB;GAC1C,MAAM;IACJ,UAAU,EAAE,4BAA4B,sBAAsB;IAC9D,gBAAgB,EAAE,4BAA4B,sBAAsB;GACtE;EACF;EACA,OAAO;GACL,WAAW;IACT,OAAO;IACP,UAAU,EAAE,IAAI,oBAAoB;IACpC,gBAAgB,EAAE,IAAI,oBAAoB;GAC5C;GACA,MAAM;IACJ,UAAU,EAAE,4BAA4B,oBAAoB;IAC5D,gBAAgB,EAAE,4BAA4B,oBAAoB;GACpE;EACF;EACA,QAAQ;GACN,WAAW;IAAE,IAAI;IAAsB,OAAO;GAAiB;GAC/D,MAAM,EAAE,4BAA4B,cAAc;EACpD;EACA,SAAS;GACP,WAAW;IAAE,IAAI;IAAsB,OAAO;GAAiB;GAC/D,MAAM,EAAE,4BAA4B,oBAAoB;EAC1D;CACF;CAEA,OAAO;EACL,IAAI;GACF,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,oBAAoB;IAAa,gBAAgB;GAAe;EAC1E;EACA,IAAI;GACF,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;EACA,IAAI;GACF,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;CACT;AACF,CAAC"}
1
+ {"version":3,"file":"checkbox.style.js","names":[],"sources":["../../../../src/components/checkbox/checkbox.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\n\nexport const checkboxStyle = defineComponentSlotStyle({\n base: {\n group: {},\n indicator: {\n alignItems: \"center\",\n bg: \"{indicator-bg}\",\n borderColor: \"{indicator-border-color}\",\n borderWidth: \"2px\",\n boxSize: \"{indicator-size}\",\n display: \"inline-flex\",\n focusRingColor: \"{focus-border-color}\",\n \"input:focus-visible + &\": focusRingStyle.outline,\n justifyContent: \"center\",\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n label: {},\n root: {\n \"--error-border-color\": \"colors.border.error\",\n \"--focus-border-color\": \"colorScheme.outline\",\n \"--indicator-bg\": \"transparent\",\n \"--indicator-border-color\": \"colors.border.emphasized\",\n alignItems: \"center\",\n display: \"flex\",\n fontSize: \"{label-size}\",\n gap: \"2\",\n position: \"relative\",\n userSelect: \"none\",\n _readOnly: { layerStyle: \"readOnly\" },\n _disabled: { layerStyle: \"disabled\" },\n },\n },\n\n props: {\n /**\n * The shape of the component\n *\n * @default 'rounded'\n */\n shape: {\n rounded: {\n indicator: { rounded: \"l1\" },\n },\n square: {\n indicator: { rounded: \"0\" },\n },\n },\n },\n\n variants: {\n outline: {\n indicator: { color: \"colorScheme.outline\" },\n root: {\n _checked: { \"--indicator-border-color\": \"colorScheme.outline\" },\n _indeterminate: { \"--indicator-border-color\": \"colorScheme.outline\" },\n },\n },\n solid: {\n indicator: {\n color: \"colorScheme.contrast\",\n _checked: { bg: \"colorScheme.solid\" },\n _indeterminate: { bg: \"colorScheme.solid\" },\n },\n root: {\n _checked: { \"--indicator-border-color\": \"colorScheme.solid\" },\n _indeterminate: { \"--indicator-border-color\": \"colorScheme.solid\" },\n },\n },\n subtle: {\n indicator: { bg: \"colorScheme.subtle\", color: \"colorScheme.fg\" },\n root: { \"--indicator-border-color\": \"transparent\" },\n },\n surface: {\n indicator: { bg: \"colorScheme.subtle\", color: \"colorScheme.fg\" },\n root: { \"--indicator-border-color\": \"colorScheme.muted\" },\n },\n },\n\n sizes: {\n sm: {\n indicator: { fontSize: \"xs\" },\n root: { \"--indicator-size\": \"sizes.3.5\", \"--label-size\": \"fontSizes.sm\" },\n },\n md: {\n indicator: { fontSize: \"sm\" },\n root: { \"--indicator-size\": \"sizes.4\", \"--label-size\": \"fontSizes.md\" },\n },\n lg: {\n indicator: { fontSize: \"md\" },\n root: { \"--indicator-size\": \"sizes.5\", \"--label-size\": \"fontSizes.lg\" },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"solid\",\n shape: \"rounded\",\n },\n})\n\nexport type CheckboxStyle = typeof checkboxStyle\n"],"mappings":";;;AAEA,MAAa,gBAAgB,yBAAyB;CACpD,MAAM;EACJ,OAAO,CAAC;EACR,WAAW;GACT,YAAY;GACZ,IAAI;GACJ,aAAa;GACb,aAAa;GACb,SAAS;GACT,SAAS;GACT,gBAAgB;GAChB,2BAA2B,eAAe;GAC1C,gBAAgB;GAChB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAgC;IAC5D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAsC;GACpE;GACA,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF;EACA,OAAO,CAAC;EACR,MAAM;GACJ,wBAAwB;GACxB,wBAAwB;GACxB,kBAAkB;GAClB,4BAA4B;GAC5B,YAAY;GACZ,SAAS;GACT,UAAU;GACV,KAAK;GACL,UAAU;GACV,YAAY;GACZ,WAAW,EAAE,YAAY,WAAW;GACpC,WAAW,EAAE,YAAY,WAAW;EACtC;CACF;CAEA,OAAO;;;;;;AAML,OAAO;EACL,SAAS,EACP,WAAW,EAAE,SAAS,KAAK,EAC7B;EACA,QAAQ,EACN,WAAW,EAAE,SAAS,IAAI,EAC5B;CACF,EACF;CAEA,UAAU;EACR,SAAS;GACP,WAAW,EAAE,OAAO,sBAAsB;GAC1C,MAAM;IACJ,UAAU,EAAE,4BAA4B,sBAAsB;IAC9D,gBAAgB,EAAE,4BAA4B,sBAAsB;GACtE;EACF;EACA,OAAO;GACL,WAAW;IACT,OAAO;IACP,UAAU,EAAE,IAAI,oBAAoB;IACpC,gBAAgB,EAAE,IAAI,oBAAoB;GAC5C;GACA,MAAM;IACJ,UAAU,EAAE,4BAA4B,oBAAoB;IAC5D,gBAAgB,EAAE,4BAA4B,oBAAoB;GACpE;EACF;EACA,QAAQ;GACN,WAAW;IAAE,IAAI;IAAsB,OAAO;GAAiB;GAC/D,MAAM,EAAE,4BAA4B,cAAc;EACpD;EACA,SAAS;GACP,WAAW;IAAE,IAAI;IAAsB,OAAO;GAAiB;GAC/D,MAAM,EAAE,4BAA4B,oBAAoB;EAC1D;CACF;CAEA,OAAO;EACL,IAAI;GACF,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,oBAAoB;IAAa,gBAAgB;GAAe;EAC1E;EACA,IAAI;GACF,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;EACA,IAAI;GACF,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;CACT;AACF,CAAC"}
package/dist/esm/components/radio/radio.style.js CHANGED
@@ -48,6 +48,7 @@ const radioStyle = defineComponentSlotStyle({
48
48
  display: "flex",
49
49
  fontSize: "{label-size}",
50
50
  gap: "2",
51
+ position: "relative",
51
52
  userSelect: "none",
52
53
  _readOnly: { layerStyle: "readOnly" },
53
54
  _disabled: { layerStyle: "disabled" }
package/dist/esm/components/radio/radio.style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"radio.style.js","names":[],"sources":["../../../../src/components/radio/radio.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\n\nexport const radioStyle = defineComponentSlotStyle({\n base: {\n group: {},\n indicator: {\n alignItems: \"center\",\n bg: \"{indicator-bg}\",\n borderColor: \"{indicator-border-color}\",\n borderWidth: \"2px\",\n boxSize: \"{indicator-size}\",\n display: \"inline-flex\",\n focusRingColor: \"{focus-border-color}\",\n \"input:focus-visible + &\": focusRingStyle.outline,\n justifyContent: \"center\",\n _before: { display: \"block\" },\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n label: {},\n root: {\n \"--error-border-color\": \"colors.border.error\",\n \"--focus-border-color\": \"colorScheme.outline\",\n \"--indicator-bg\": \"transparent\",\n \"--indicator-border-color\": \"colors.border.emphasized\",\n alignItems: \"center\",\n display: \"flex\",\n fontSize: \"{label-size}\",\n gap: \"2\",\n userSelect: \"none\",\n _readOnly: { layerStyle: \"readOnly\" },\n _disabled: { layerStyle: \"disabled\" },\n },\n },\n\n props: {\n /**\n * The shape of the component\n *\n * @default 'circle'\n */\n shape: {\n circle: { indicator: { rounded: \"full\", _before: { rounded: \"full\" } } },\n rounded: {\n indicator: {\n rounded: \"l1\",\n _before: { rounded: \"calc({radii.l1} / 2)\" },\n },\n },\n square: {\n indicator: { rounded: \"0\", _before: { rounded: \"0\" } },\n },\n },\n },\n\n variants: {\n base: {\n indicator: { _checked: { _before: { bg: \"colorScheme.solid\" } } },\n },\n outline: {\n indicator: { _checked: { _before: { bg: \"colorScheme.outline\" } } },\n root: { _checked: { \"--indicator-border-color\": \"colorScheme.outline\" } },\n },\n solid: {},\n subtle: {\n indicator: { bg: \"colorScheme.subtle\" },\n root: { \"--indicator-border-color\": \"transparent\" },\n },\n surface: {\n indicator: { bg: \"colorScheme.subtle\" },\n root: { \"--indicator-border-color\": \"colorScheme.muted\" },\n },\n },\n\n sizes: {\n sm: {\n indicator: { _before: { boxSize: \"1.5\" } },\n root: { \"--indicator-size\": \"sizes.3.5\", \"--label-size\": \"fontSizes.sm\" },\n },\n md: {\n indicator: { _before: { boxSize: \"2\" } },\n root: { \"--indicator-size\": \"sizes.4\", \"--label-size\": \"fontSizes.md\" },\n },\n lg: {\n indicator: { _before: { boxSize: \"3\" } },\n root: { \"--indicator-size\": \"sizes.5\", \"--label-size\": \"fontSizes.lg\" },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"solid\",\n shape: \"circle\",\n },\n})\n\nexport type RadioStyle = typeof radioStyle\n"],"mappings":";;;AAEA,MAAa,aAAa,yBAAyB;CACjD,MAAM;EACJ,OAAO,CAAC;EACR,WAAW;GACT,YAAY;GACZ,IAAI;GACJ,aAAa;GACb,aAAa;GACb,SAAS;GACT,SAAS;GACT,gBAAgB;GAChB,2BAA2B,eAAe;GAC1C,gBAAgB;GAChB,SAAS,EAAE,SAAS,QAAQ;GAC5B,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAgC;IAC5D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAsC;GACpE;GACA,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF;EACA,OAAO,CAAC;EACR,MAAM;GACJ,wBAAwB;GACxB,wBAAwB;GACxB,kBAAkB;GAClB,4BAA4B;GAC5B,YAAY;GACZ,SAAS;GACT,UAAU;GACV,KAAK;GACL,YAAY;GACZ,WAAW,EAAE,YAAY,WAAW;GACpC,WAAW,EAAE,YAAY,WAAW;EACtC;CACF;CAEA,OAAO;;;;;;AAML,OAAO;EACL,QAAQ,EAAE,WAAW;GAAE,SAAS;GAAQ,SAAS,EAAE,SAAS,OAAO;EAAE,EAAE;EACvE,SAAS,EACP,WAAW;GACT,SAAS;GACT,SAAS,EAAE,SAAS,uBAAuB;EAC7C,EACF;EACA,QAAQ,EACN,WAAW;GAAE,SAAS;GAAK,SAAS,EAAE,SAAS,IAAI;EAAE,EACvD;CACF,EACF;CAEA,UAAU;EACR,MAAM,EACJ,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,oBAAoB,EAAE,EAAE,EAClE;EACA,SAAS;GACP,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,sBAAsB,EAAE,EAAE;GAClE,MAAM,EAAE,UAAU,EAAE,4BAA4B,sBAAsB,EAAE;EAC1E;EACA,OAAO,CAAC;EACR,QAAQ;GACN,WAAW,EAAE,IAAI,qBAAqB;GACtC,MAAM,EAAE,4BAA4B,cAAc;EACpD;EACA,SAAS;GACP,WAAW,EAAE,IAAI,qBAAqB;GACtC,MAAM,EAAE,4BAA4B,oBAAoB;EAC1D;CACF;CAEA,OAAO;EACL,IAAI;GACF,WAAW,EAAE,SAAS,EAAE,SAAS,MAAM,EAAE;GACzC,MAAM;IAAE,oBAAoB;IAAa,gBAAgB;GAAe;EAC1E;EACA,IAAI;GACF,WAAW,EAAE,SAAS,EAAE,SAAS,IAAI,EAAE;GACvC,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;EACA,IAAI;GACF,WAAW,EAAE,SAAS,EAAE,SAAS,IAAI,EAAE;GACvC,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;CACT;AACF,CAAC"}
1
+ {"version":3,"file":"radio.style.js","names":[],"sources":["../../../../src/components/radio/radio.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\n\nexport const radioStyle = defineComponentSlotStyle({\n base: {\n group: {},\n indicator: {\n alignItems: \"center\",\n bg: \"{indicator-bg}\",\n borderColor: \"{indicator-border-color}\",\n borderWidth: \"2px\",\n boxSize: \"{indicator-size}\",\n display: \"inline-flex\",\n focusRingColor: \"{focus-border-color}\",\n \"input:focus-visible + &\": focusRingStyle.outline,\n justifyContent: \"center\",\n _before: { display: \"block\" },\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n label: {},\n root: {\n \"--error-border-color\": \"colors.border.error\",\n \"--focus-border-color\": \"colorScheme.outline\",\n \"--indicator-bg\": \"transparent\",\n \"--indicator-border-color\": \"colors.border.emphasized\",\n alignItems: \"center\",\n display: \"flex\",\n fontSize: \"{label-size}\",\n gap: \"2\",\n position: \"relative\",\n userSelect: \"none\",\n _readOnly: { layerStyle: \"readOnly\" },\n _disabled: { layerStyle: \"disabled\" },\n },\n },\n\n props: {\n /**\n * The shape of the component\n *\n * @default 'circle'\n */\n shape: {\n circle: { indicator: { rounded: \"full\", _before: { rounded: \"full\" } } },\n rounded: {\n indicator: {\n rounded: \"l1\",\n _before: { rounded: \"calc({radii.l1} / 2)\" },\n },\n },\n square: {\n indicator: { rounded: \"0\", _before: { rounded: \"0\" } },\n },\n },\n },\n\n variants: {\n base: {\n indicator: { _checked: { _before: { bg: \"colorScheme.solid\" } } },\n },\n outline: {\n indicator: { _checked: { _before: { bg: \"colorScheme.outline\" } } },\n root: { _checked: { \"--indicator-border-color\": \"colorScheme.outline\" } },\n },\n solid: {},\n subtle: {\n indicator: { bg: \"colorScheme.subtle\" },\n root: { \"--indicator-border-color\": \"transparent\" },\n },\n surface: {\n indicator: { bg: \"colorScheme.subtle\" },\n root: { \"--indicator-border-color\": \"colorScheme.muted\" },\n },\n },\n\n sizes: {\n sm: {\n indicator: { _before: { boxSize: \"1.5\" } },\n root: { \"--indicator-size\": \"sizes.3.5\", \"--label-size\": \"fontSizes.sm\" },\n },\n md: {\n indicator: { _before: { boxSize: \"2\" } },\n root: { \"--indicator-size\": \"sizes.4\", \"--label-size\": \"fontSizes.md\" },\n },\n lg: {\n indicator: { _before: { boxSize: \"3\" } },\n root: { \"--indicator-size\": \"sizes.5\", \"--label-size\": \"fontSizes.lg\" },\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"solid\",\n shape: \"circle\",\n },\n})\n\nexport type RadioStyle = typeof radioStyle\n"],"mappings":";;;AAEA,MAAa,aAAa,yBAAyB;CACjD,MAAM;EACJ,OAAO,CAAC;EACR,WAAW;GACT,YAAY;GACZ,IAAI;GACJ,aAAa;GACb,aAAa;GACb,SAAS;GACT,SAAS;GACT,gBAAgB;GAChB,2BAA2B,eAAe;GAC1C,gBAAgB;GAChB,SAAS,EAAE,SAAS,QAAQ;GAC5B,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAgC;IAC5D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAmC;IAC/D;KAAE,KAAK,EAAE,IAAI,KAAK;KAAG,OAAO;IAAsC;GACpE;GACA,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF;EACA,OAAO,CAAC;EACR,MAAM;GACJ,wBAAwB;GACxB,wBAAwB;GACxB,kBAAkB;GAClB,4BAA4B;GAC5B,YAAY;GACZ,SAAS;GACT,UAAU;GACV,KAAK;GACL,UAAU;GACV,YAAY;GACZ,WAAW,EAAE,YAAY,WAAW;GACpC,WAAW,EAAE,YAAY,WAAW;EACtC;CACF;CAEA,OAAO;;;;;;AAML,OAAO;EACL,QAAQ,EAAE,WAAW;GAAE,SAAS;GAAQ,SAAS,EAAE,SAAS,OAAO;EAAE,EAAE;EACvE,SAAS,EACP,WAAW;GACT,SAAS;GACT,SAAS,EAAE,SAAS,uBAAuB;EAC7C,EACF;EACA,QAAQ,EACN,WAAW;GAAE,SAAS;GAAK,SAAS,EAAE,SAAS,IAAI;EAAE,EACvD;CACF,EACF;CAEA,UAAU;EACR,MAAM,EACJ,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,oBAAoB,EAAE,EAAE,EAClE;EACA,SAAS;GACP,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,sBAAsB,EAAE,EAAE;GAClE,MAAM,EAAE,UAAU,EAAE,4BAA4B,sBAAsB,EAAE;EAC1E;EACA,OAAO,CAAC;EACR,QAAQ;GACN,WAAW,EAAE,IAAI,qBAAqB;GACtC,MAAM,EAAE,4BAA4B,cAAc;EACpD;EACA,SAAS;GACP,WAAW,EAAE,IAAI,qBAAqB;GACtC,MAAM,EAAE,4BAA4B,oBAAoB;EAC1D;CACF;CAEA,OAAO;EACL,IAAI;GACF,WAAW,EAAE,SAAS,EAAE,SAAS,MAAM,EAAE;GACzC,MAAM;IAAE,oBAAoB;IAAa,gBAAgB;GAAe;EAC1E;EACA,IAAI;GACF,WAAW,EAAE,SAAS,EAAE,SAAS,IAAI,EAAE;GACvC,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;EACA,IAAI;GACF,WAAW,EAAE,SAAS,EAAE,SAAS,IAAI,EAAE;GACvC,MAAM;IAAE,oBAAoB;IAAW,gBAAgB;GAAe;EACxE;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;CACT;AACF,CAAC"}
package/dist/esm/components/switch/switch.style.js CHANGED
@@ -9,6 +9,7 @@ const switchStyle = defineComponentSlotStyle({
9
9
  cursor: "pointer",
10
10
  display: "inline-flex",
11
11
  gap: "2",
12
+ position: "relative",
12
13
  _readOnly: {
13
14
  layerStyle: "readOnly",
14
15
  pointerEvents: "none"
package/dist/esm/components/switch/switch.style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"switch.style.js","names":[],"sources":["../../../../src/components/switch/switch.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\n\nexport const switchStyle = defineComponentSlotStyle({\n base: {\n label: {\n userSelect: \"none\",\n },\n root: {\n alignItems: \"center\",\n cursor: \"pointer\",\n display: \"inline-flex\",\n gap: \"2\",\n _readOnly: {\n layerStyle: \"readOnly\",\n pointerEvents: \"none\",\n },\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n thumb: {\n alignItems: \"center\",\n bg: \"white\",\n display: \"inline-flex\",\n justifyContent: \"center\",\n position: \"absolute\",\n rounded: \"inherit\",\n transitionDuration: \"fast\",\n transitionProperty: \"background, transform\",\n _checked: {\n transform: \"translateX(100%)\",\n },\n },\n track: {\n \"--focus-ring-color\": \"{colorScheme.outline}\",\n alignItems: \"center\",\n bg: \"bg.muted\",\n boxSizing: \"content-box\",\n display: \"inline-flex\",\n flexShrink: 0,\n position: \"relative\",\n rounded: \"full\",\n transitionDuration: \"fast\",\n transitionProperty: \"background\",\n _peerFocusVisible: {\n ...focusRingStyle.outline,\n },\n },\n },\n\n variants: {\n thin: {\n thumb: {\n boxShadow: \"2xl\",\n _checked: {\n bg: \"colorScheme.solid\",\n },\n },\n track: {\n \"--focus-ring-offset\": \"4px\",\n _checked: {\n bg: [\"colorScheme.muted\", \"colorScheme.subtle\"],\n },\n },\n },\n thick: {\n thumb: {\n _checked: {\n bg: \"colorScheme.contrast\",\n },\n },\n track: {\n p: \"1\",\n _checked: {\n bg: \"colorScheme.solid\",\n },\n },\n },\n },\n\n sizes: {\n sm: {\n label: { fontSize: \"sm\" },\n thumb: { boxSize: \"3\" },\n track: { w: \"6\" },\n },\n md: {\n label: { fontSize: \"md\" },\n thumb: { boxSize: \"4\" },\n track: { w: \"8\" },\n },\n lg: {\n label: { fontSize: \"lg\" },\n thumb: { boxSize: \"5\" },\n track: { w: \"10\" },\n },\n },\n\n props: {\n /**\n * Change switch label from right to left.\n *\n * @default false\n */\n reverse: {\n false: {\n root: { flexDirection: \"row\" },\n },\n true: {\n root: { flexDirection: \"row-reverse\" },\n },\n },\n /**\n * The shape of the switch.\n *\n * @default circle\n */\n shape: {\n circle: {\n track: { rounded: \"full\" },\n },\n rounded: {\n thumb: { rounded: \"l1\" },\n track: { rounded: \"l2\" },\n },\n square: {\n track: { rounded: \"0\" },\n },\n },\n },\n\n compounds: [\n {\n css: {\n track: { h: \"3\" },\n },\n size: \"sm\",\n variant: \"thick\",\n },\n {\n css: {\n track: { h: \"4\" },\n },\n size: \"md\",\n variant: \"thick\",\n },\n {\n css: {\n track: { h: \"5\" },\n },\n size: \"lg\",\n variant: \"thick\",\n },\n {\n css: {\n track: { h: \"2\" },\n },\n size: \"sm\",\n variant: \"thin\",\n },\n {\n css: {\n track: { h: \"3\" },\n },\n size: \"md\",\n variant: \"thin\",\n },\n {\n css: {\n track: { h: \"4\" },\n },\n size: \"lg\",\n variant: \"thin\",\n },\n ],\n\n defaultProps: {\n size: \"md\",\n variant: \"thick\",\n shape: \"circle\",\n },\n})\n\nexport type SwitchStyle = typeof switchStyle\n"],"mappings":";;;AAEA,MAAa,cAAc,yBAAyB;CAClD,MAAM;EACJ,OAAO,EACL,YAAY,OACd;EACA,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,KAAK;GACL,WAAW;IACT,YAAY;IACZ,eAAe;GACjB;GACA,WAAW,EACT,YAAY,WACd;EACF;EACA,OAAO;GACL,YAAY;GACZ,IAAI;GACJ,SAAS;GACT,gBAAgB;GAChB,UAAU;GACV,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,UAAU,EACR,WAAW,mBACb;EACF;EACA,OAAO;GACL,sBAAsB;GACtB,YAAY;GACZ,IAAI;GACJ,WAAW;GACX,SAAS;GACT,YAAY;GACZ,UAAU;GACV,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,mBAAmB,EACjB,GAAG,eAAe,QACpB;EACF;CACF;CAEA,UAAU;EACR,MAAM;GACJ,OAAO;IACL,WAAW;IACX,UAAU,EACR,IAAI,oBACN;GACF;GACA,OAAO;IACL,uBAAuB;IACvB,UAAU,EACR,IAAI,CAAC,qBAAqB,oBAAoB,EAChD;GACF;EACF;EACA,OAAO;GACL,OAAO,EACL,UAAU,EACR,IAAI,uBACN,EACF;GACA,OAAO;IACL,GAAG;IACH,UAAU,EACR,IAAI,oBACN;GACF;EACF;CACF;CAEA,OAAO;EACL,IAAI;GACF,OAAO,EAAE,UAAU,KAAK;GACxB,OAAO,EAAE,SAAS,IAAI;GACtB,OAAO,EAAE,GAAG,IAAI;EAClB;EACA,IAAI;GACF,OAAO,EAAE,UAAU,KAAK;GACxB,OAAO,EAAE,SAAS,IAAI;GACtB,OAAO,EAAE,GAAG,IAAI;EAClB;EACA,IAAI;GACF,OAAO,EAAE,UAAU,KAAK;GACxB,OAAO,EAAE,SAAS,IAAI;GACtB,OAAO,EAAE,GAAG,KAAK;EACnB;CACF;CAEA,OAAO;;;;;;EAML,SAAS;GACP,OAAO,EACL,MAAM,EAAE,eAAe,MAAM,EAC/B;GACA,MAAM,EACJ,MAAM,EAAE,eAAe,cAAc,EACvC;EACF;;;;;;EAMA,OAAO;GACL,QAAQ,EACN,OAAO,EAAE,SAAS,OAAO,EAC3B;GACA,SAAS;IACP,OAAO,EAAE,SAAS,KAAK;IACvB,OAAO,EAAE,SAAS,KAAK;GACzB;GACA,QAAQ,EACN,OAAO,EAAE,SAAS,IAAI,EACxB;EACF;CACF;CAEA,WAAW;EACT;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;CACT;AACF,CAAC"}
1
+ {"version":3,"file":"switch.style.js","names":[],"sources":["../../../../src/components/switch/switch.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\n\nexport const switchStyle = defineComponentSlotStyle({\n base: {\n label: {\n userSelect: \"none\",\n },\n root: {\n alignItems: \"center\",\n cursor: \"pointer\",\n display: \"inline-flex\",\n gap: \"2\",\n position: \"relative\",\n _readOnly: {\n layerStyle: \"readOnly\",\n pointerEvents: \"none\",\n },\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n thumb: {\n alignItems: \"center\",\n bg: \"white\",\n display: \"inline-flex\",\n justifyContent: \"center\",\n position: \"absolute\",\n rounded: \"inherit\",\n transitionDuration: \"fast\",\n transitionProperty: \"background, transform\",\n _checked: {\n transform: \"translateX(100%)\",\n },\n },\n track: {\n \"--focus-ring-color\": \"{colorScheme.outline}\",\n alignItems: \"center\",\n bg: \"bg.muted\",\n boxSizing: \"content-box\",\n display: \"inline-flex\",\n flexShrink: 0,\n position: \"relative\",\n rounded: \"full\",\n transitionDuration: \"fast\",\n transitionProperty: \"background\",\n _peerFocusVisible: {\n ...focusRingStyle.outline,\n },\n },\n },\n\n variants: {\n thin: {\n thumb: {\n boxShadow: \"2xl\",\n _checked: {\n bg: \"colorScheme.solid\",\n },\n },\n track: {\n \"--focus-ring-offset\": \"4px\",\n _checked: {\n bg: [\"colorScheme.muted\", \"colorScheme.subtle\"],\n },\n },\n },\n thick: {\n thumb: {\n _checked: {\n bg: \"colorScheme.contrast\",\n },\n },\n track: {\n p: \"1\",\n _checked: {\n bg: \"colorScheme.solid\",\n },\n },\n },\n },\n\n sizes: {\n sm: {\n label: { fontSize: \"sm\" },\n thumb: { boxSize: \"3\" },\n track: { w: \"6\" },\n },\n md: {\n label: { fontSize: \"md\" },\n thumb: { boxSize: \"4\" },\n track: { w: \"8\" },\n },\n lg: {\n label: { fontSize: \"lg\" },\n thumb: { boxSize: \"5\" },\n track: { w: \"10\" },\n },\n },\n\n props: {\n /**\n * Change switch label from right to left.\n *\n * @default false\n */\n reverse: {\n false: {\n root: { flexDirection: \"row\" },\n },\n true: {\n root: { flexDirection: \"row-reverse\" },\n },\n },\n /**\n * The shape of the switch.\n *\n * @default circle\n */\n shape: {\n circle: {\n track: { rounded: \"full\" },\n },\n rounded: {\n thumb: { rounded: \"l1\" },\n track: { rounded: \"l2\" },\n },\n square: {\n track: { rounded: \"0\" },\n },\n },\n },\n\n compounds: [\n {\n css: {\n track: { h: \"3\" },\n },\n size: \"sm\",\n variant: \"thick\",\n },\n {\n css: {\n track: { h: \"4\" },\n },\n size: \"md\",\n variant: \"thick\",\n },\n {\n css: {\n track: { h: \"5\" },\n },\n size: \"lg\",\n variant: \"thick\",\n },\n {\n css: {\n track: { h: \"2\" },\n },\n size: \"sm\",\n variant: \"thin\",\n },\n {\n css: {\n track: { h: \"3\" },\n },\n size: \"md\",\n variant: \"thin\",\n },\n {\n css: {\n track: { h: \"4\" },\n },\n size: \"lg\",\n variant: \"thin\",\n },\n ],\n\n defaultProps: {\n size: \"md\",\n variant: \"thick\",\n shape: \"circle\",\n },\n})\n\nexport type SwitchStyle = typeof switchStyle\n"],"mappings":";;;AAEA,MAAa,cAAc,yBAAyB;CAClD,MAAM;EACJ,OAAO,EACL,YAAY,OACd;EACA,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,KAAK;GACL,UAAU;GACV,WAAW;IACT,YAAY;IACZ,eAAe;GACjB;GACA,WAAW,EACT,YAAY,WACd;EACF;EACA,OAAO;GACL,YAAY;GACZ,IAAI;GACJ,SAAS;GACT,gBAAgB;GAChB,UAAU;GACV,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,UAAU,EACR,WAAW,mBACb;EACF;EACA,OAAO;GACL,sBAAsB;GACtB,YAAY;GACZ,IAAI;GACJ,WAAW;GACX,SAAS;GACT,YAAY;GACZ,UAAU;GACV,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,mBAAmB,EACjB,GAAG,eAAe,QACpB;EACF;CACF;CAEA,UAAU;EACR,MAAM;GACJ,OAAO;IACL,WAAW;IACX,UAAU,EACR,IAAI,oBACN;GACF;GACA,OAAO;IACL,uBAAuB;IACvB,UAAU,EACR,IAAI,CAAC,qBAAqB,oBAAoB,EAChD;GACF;EACF;EACA,OAAO;GACL,OAAO,EACL,UAAU,EACR,IAAI,uBACN,EACF;GACA,OAAO;IACL,GAAG;IACH,UAAU,EACR,IAAI,oBACN;GACF;EACF;CACF;CAEA,OAAO;EACL,IAAI;GACF,OAAO,EAAE,UAAU,KAAK;GACxB,OAAO,EAAE,SAAS,IAAI;GACtB,OAAO,EAAE,GAAG,IAAI;EAClB;EACA,IAAI;GACF,OAAO,EAAE,UAAU,KAAK;GACxB,OAAO,EAAE,SAAS,IAAI;GACtB,OAAO,EAAE,GAAG,IAAI;EAClB;EACA,IAAI;GACF,OAAO,EAAE,UAAU,KAAK;GACxB,OAAO,EAAE,SAAS,IAAI;GACtB,OAAO,EAAE,GAAG,KAAK;EACnB;CACF;CAEA,OAAO;;;;;;EAML,SAAS;GACP,OAAO,EACL,MAAM,EAAE,eAAe,MAAM,EAC/B;GACA,MAAM,EACJ,MAAM,EAAE,eAAe,cAAc,EACvC;EACF;;;;;;EAMA,OAAO;GACL,QAAQ,EACN,OAAO,EAAE,SAAS,OAAO,EAC3B;GACA,SAAS;IACP,OAAO,EAAE,SAAS,KAAK;IACvB,OAAO,EAAE,SAAS,KAAK;GACzB;GACA,QAAQ,EACN,OAAO,EAAE,SAAS,IAAI,EACxB;EACF;CACF;CAEA,WAAW;EACT;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;EACA;GACE,KAAK,EACH,OAAO,EAAE,GAAG,IAAI,EAClB;GACA,MAAM;GACN,SAAS;EACX;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;CACT;AACF,CAAC"}
package/dist/types/components/avatar/avatar.d.ts CHANGED
@@ -21,7 +21,7 @@ export interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, U
21
21
  */
22
22
  imageProps?: AvatarImageProps;
23
23
  }
24
- declare const component: <H extends As | "fragment" = "div", R extends import("@yamada-ui/utils").Dict = import("@yamada-ui/utils").Dict<any>>(el: H | import("react").FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
24
+ declare const component: <H extends As | "fragment" = "div", R extends import("@yamada-ui/utils").Dict = import("@yamada-ui/utils").Dict<any>>(el: H | import("react").FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
25
25
  shape: {
26
26
  circle: {
27
27
  root: {
@@ -140,7 +140,7 @@ declare const component: <H extends As | "fragment" = "div", R extends import("@
140
140
  };
141
141
  };
142
142
  };
143
- }>>> | undefined, { name, className, ...options }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? import("react").FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: import("react").Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends import("@yamada-ui/utils").Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
143
+ }>>> | undefined, { name, className, ...options }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? import("react").FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: import("react").Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends import("@yamada-ui/utils").Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
144
144
  shape: {
145
145
  circle: {
146
146
  root: {
@@ -259,7 +259,7 @@ declare const component: <H extends As | "fragment" = "div", R extends import("@
259
259
  };
260
260
  };
261
261
  };
262
- }>>> | undefined, { className, withContext, transferProps }?: UseComponentPropsOptions<R>) => [CSSSlotObject, import("@yamada-ui/utils").Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
262
+ }>>> | undefined, { className, withContext, transferProps }?: UseComponentPropsOptions<R>) => [CSSSlotObject, import("@yamada-ui/utils").Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
263
263
  shape: {
264
264
  circle: {
265
265
  root: {
package/dist/types/components/avatar/avatar.style.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.type.js";
2
2
  import "../../index.js";
3
- export declare const avatarStyle: ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
3
+ export declare const avatarStyle: ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
4
4
  /**
5
5
  * The shape of the component
6
6
  *
package/dist/types/components/chart/cartesian-chart.style.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.type.js";
2
2
  import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.type.js";
3
3
  import "../../index.js";
4
- export declare const cartesianChartStyle: ComponentSlotStyle<"area" | "line" | "grid" | "bar" | "dot" | "root" | "activeDot" | "labelList" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine", CSSPropObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "activeDot" | "labelList" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>, CSSModifierObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "activeDot" | "labelList" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>, CSSModifierObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "activeDot" | "labelList" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>>;
4
+ export declare const cartesianChartStyle: ComponentSlotStyle<"area" | "line" | "grid" | "bar" | "dot" | "root" | "labelList" | "activeDot" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine", CSSPropObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "labelList" | "activeDot" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>, CSSModifierObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "labelList" | "activeDot" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>, CSSModifierObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "labelList" | "activeDot" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>>;
5
5
  export type CartesianChartStyle = typeof cartesianChartStyle;
6
6
  //# sourceMappingURL=cartesian-chart.style.d.ts.map
package/dist/types/components/chart/polar-chart.style.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.type.js";
2
2
  import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.type.js";
3
3
  import "../../index.js";
4
- export declare const polarChartStyle: ComponentSlotStyle<"label" | "grid" | "dot" | "root" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "labelList" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector", CSSPropObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "labelList" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "labelList" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "labelList" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>>;
4
+ export declare const polarChartStyle: ComponentSlotStyle<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "radial" | "labelLine" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector", CSSPropObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "radial" | "labelLine" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "radial" | "labelLine" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "radial" | "labelLine" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>>;
5
5
  export type PolarChartStyle = typeof polarChartStyle;
6
6
  //# sourceMappingURL=polar-chart.style.d.ts.map
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@yamada-ui/react",
3
3
  "type": "module",
4
- "version": "2.3.2-dev-20261104081040",
4
+ "version": "2.3.2-dev-20261104093107",
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",