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

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

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

Files changed (232) hide show

package/dist/esm/components/input/input.style.js CHANGED Viewed

@@ -3,14 +3,14 @@ import { defineComponentStyle } from "../../core/system/config.js";
 import "../../core/index.js";
 //#region src/components/input/input.style.ts
-const getInputPaddingStartResetStyle = (key) => ({ "&:not([data-input-element] + &)": (0, utils_exports.wrapWithKey)({ ps: "0px" }, key) });
-const getInputPaddingEndResetStyle = (key) => ({ "&:not(:has(+ [data-input-element]))": (0, utils_exports.wrapWithKey)({ pe: "0px" }, key) });
+const getInputPaddingStartResetStyle = (key) => ({ "&:not([data-input-element] ~ &)": (0, utils_exports.wrapWithKey)({ ps: "0px" }, key) });
+const getInputPaddingEndResetStyle = (key) => ({ "&:not(:has(~ [data-input-element]))": (0, utils_exports.wrapWithKey)({ pe: "0px" }, key) });
 const getInputHeightStyle = (height, key) => ({
-	"&:has(+ [data-input-element])": (0, utils_exports.wrapWithKey)({ pe: height }, key),
+	"&:has(~ [data-input-element])": (0, utils_exports.wrapWithKey)({ pe: height }, key),
 	"& ~ [data-input-element]": { minW: height },
 	"--height": height,
-	"[data-input-element] + &": (0, utils_exports.wrapWithKey)({ ps: height }, key),
 	"[data-input-element]:has(~ &)": { minW: height },
+	"[data-input-element] ~ &": (0, utils_exports.wrapWithKey)({ ps: height }, key),
 	minH: height
 });
 const inputStyle = defineComponentStyle({

package/dist/esm/components/input/input.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.style.js","names":[],"sources":["../../../../src/components/input/input.style.ts"],"sourcesContent":["import type { CSSObject } from \"../../core\"\nimport { defineComponentStyle } from \"../../core\"\nimport { wrapWithKey } from \"../../utils\"\n\nexport const getInputPaddingStartResetStyle = (key?: string) =>\n ({\n \"&:not([data-input-element] + &)\": wrapWithKey({ ps: \"0px\" }, key),\n }) satisfies CSSObject\n\nexport const getInputPaddingEndResetStyle = (key?: string) =>\n ({\n \"&:not(:has(+ [data-input-element]))\": wrapWithKey({ pe: \"0px\" }, key),\n }) satisfies CSSObject\n\nexport const getInputHeightStyle = (height?: string, key?: string) =>\n ({\n \"&:has(+ [data-input-element])\": wrapWithKey({ pe: height }, key),\n \"& ~ [data-input-element]\": { minW: height },\n \"--height\": height,\n \"[data-input-element] ~~+ &\~~": ~~wrapWithKey(~~{ ps: height }~~, key)~~,\n \"[data-input-element]~~:has(~~~ ~~&)\~~": { ~~minW~~: height },\n minH: height,\n }) satisfies CSSObject\n\nexport const inputStyle = defineComponentStyle({\n base: {\n \"--error-border-color\": \"colors.border.error\",\n \"--focus-border-color\": \"colorScheme.outline\",\n appearance: \"none\",\n minW: \"0\",\n position: \"relative\",\n rounded: \"l2\",\n textAlign: \"start\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n w: \"full\",\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n\n variants: {\n filled: {\n bg: \"bg.panel\",\n border: \"1px solid transparent\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\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 flushed: {\n bg: \"transparent\",\n borderBottomColor: \"colorScheme.muted\",\n borderBottomWidth: \"1px\",\n rounded: \"0px\",\n _focusVisible: {\n borderColor: \"{focus-border-color}\",\n boxShadow: \"0px 1px 0px 0px {focus-border-color}\",\n outline: \"none\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n _focusVisible: {\n boxShadow: \"0px 1px 0px 0px {error-border-color}\",\n },\n },\n },\n outline: {\n border: \"1px solid {colors.border}\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\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 plain: {\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n },\n\n sizes: {\n xs: {\n \"--space-x\": \"spaces.2\",\n \"--space-y\": \"spaces.1.5\",\n fontSize: \"xs\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.8}\"),\n },\n sm: {\n \"--space-x\": \"spaces.2.5\",\n \"--space-y\": \"spaces.2\",\n fontSize: \"sm\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.9}\"),\n },\n md: {\n \"--space-x\": \"spaces.3\",\n \"--space-y\": \"spaces.2\",\n fontSize: \"md\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.10}\"),\n },\n lg: {\n \"--space-x\": \"spaces.3.5\",\n \"--space-y\": \"spaces.2.5\",\n fontSize: \"lg\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.11}\"),\n },\n xl: {\n \"--space-x\": \"spaces.4\",\n \"--space-y\": \"spaces.3\",\n fontSize: \"xl\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.12}\"),\n },\n \"2xl\": {\n \"--space-x\": \"spaces.4\",\n \"--space-y\": \"spaces.3\",\n fontSize: \"xl\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.14}\"),\n },\n },\n\n compounds: [\n {\n css: {\n ...getInputPaddingStartResetStyle(),\n ...getInputPaddingEndResetStyle(),\n },\n variant: \"flushed\",\n layer: \"variant\",\n },\n ],\n\n defaultProps: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type InputStyle = typeof inputStyle\n"],"mappings":";;;;;AAIA,MAAa,kCAAkC,SAC5C,EACC,kEAA+C,EAAE,IAAI,OAAO,EAAE,IAAI,EACnE;AAEH,MAAa,gCAAgC,SAC1C,EACC,sEAAmD,EAAE,IAAI,OAAO,EAAE,IAAI,EACvE;AAEH,MAAa,uBAAuB,QAAiB,SAClD;CACC,gEAA6C,EAAE,IAAI,QAAQ,EAAE,IAAI;CACjE,4BAA4B,EAAE,MAAM,QAAQ;CAC5C,YAAY;CACZ,~~2DAAwC~~,EAAE,~~IAAI~~,QAAQ,EAAE,IAAI~~;CAC5D~~,~~iCAAiC~~,EAAE,~~MAAM,QAAQ~~;~~CACjD~~,MAAM;CACP;AAEH,MAAa,aAAa,qBAAqB;CAC7C,MAAM;EACJ,wBAAwB;EACxB,wBAAwB;EACxB,YAAY;EACZ,MAAM;EACN,UAAU;EACV,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,WAAW,EACT,YAAY,YACb;EACF;CAED,UAAU;EACR,QAAQ;GACN,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAiC;IAC7D;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAuC;IACpE;GACD,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACD,SAAS;GACP,IAAI;GACJ,mBAAmB;GACnB,mBAAmB;GACnB,SAAS;GACT,eAAe;IACb,aAAa;IACb,WAAW;IACX,SAAS;IACV;GACD,UAAU;IACR,aAAa;IACb,eAAe,EACb,WAAW,wCACZ;IACF;GACF;EACD,SAAS;GACP,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAiC;IAC7D;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAuC;IACpE;GACD,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACD,OAAO;GACL,gBAAgB;GAChB,kBAAkB;GAClB,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACF;CAED,OAAO;EACL,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;GACpC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;GACpC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,OAAO;GACL,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACF;CAED,WAAW,CACT;EACE,KAAK;GACH,GAAG,gCAAgC;GACnC,GAAG,8BAA8B;GAClC;EACD,SAAS;EACT,OAAO;EACR,CACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
1	+ {"version":3,"file":"input.style.js","names":[],"sources":["../../../../src/components/input/input.style.ts"],"sourcesContent":["import type { CSSObject } from \"../../core\"\nimport { defineComponentStyle } from \"../../core\"\nimport { wrapWithKey } from \"../../utils\"\n\nexport const getInputPaddingStartResetStyle = (key?: string) =>\n ({\n \"&:not([data-input-element] ~ &)\": wrapWithKey({ ps: \"0px\" }, key),\n }) satisfies CSSObject\n\nexport const getInputPaddingEndResetStyle = (key?: string) =>\n ({\n \"&:not(:has(~ [data-input-element]))\": wrapWithKey({ pe: \"0px\" }, key),\n }) satisfies CSSObject\n\nexport const getInputHeightStyle = (height?: string, key?: string) =>\n ({\n \"&:has(~ [data-input-element])\": wrapWithKey({ pe: height }, key),\n \"& ~ [data-input-element]\": { minW: height },\n \"--height\": height,\n \"[data-input-element]:has(~ &)\": { minW: height },\n \"[data-input-element] ~ &\": wrapWithKey({ ps: height }, key),\n minH: height,\n }) satisfies CSSObject\n\nexport const inputStyle = defineComponentStyle({\n base: {\n \"--error-border-color\": \"colors.border.error\",\n \"--focus-border-color\": \"colorScheme.outline\",\n appearance: \"none\",\n minW: \"0\",\n position: \"relative\",\n rounded: \"l2\",\n textAlign: \"start\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n w: \"full\",\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n\n variants: {\n filled: {\n bg: \"bg.panel\",\n border: \"1px solid transparent\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\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 flushed: {\n bg: \"transparent\",\n borderBottomColor: \"colorScheme.muted\",\n borderBottomWidth: \"1px\",\n rounded: \"0px\",\n _focusVisible: {\n borderColor: \"{focus-border-color}\",\n boxShadow: \"0px 1px 0px 0px {focus-border-color}\",\n outline: \"none\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n _focusVisible: {\n boxShadow: \"0px 1px 0px 0px {error-border-color}\",\n },\n },\n },\n outline: {\n border: \"1px solid {colors.border}\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\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 plain: {\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n },\n\n sizes: {\n xs: {\n \"--space-x\": \"spaces.2\",\n \"--space-y\": \"spaces.1.5\",\n fontSize: \"xs\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.8}\"),\n },\n sm: {\n \"--space-x\": \"spaces.2.5\",\n \"--space-y\": \"spaces.2\",\n fontSize: \"sm\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.9}\"),\n },\n md: {\n \"--space-x\": \"spaces.3\",\n \"--space-y\": \"spaces.2\",\n fontSize: \"md\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.10}\"),\n },\n lg: {\n \"--space-x\": \"spaces.3.5\",\n \"--space-y\": \"spaces.2.5\",\n fontSize: \"lg\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.11}\"),\n },\n xl: {\n \"--space-x\": \"spaces.4\",\n \"--space-y\": \"spaces.3\",\n fontSize: \"xl\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.12}\"),\n },\n \"2xl\": {\n \"--space-x\": \"spaces.4\",\n \"--space-y\": \"spaces.3\",\n fontSize: \"xl\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.14}\"),\n },\n },\n\n compounds: [\n {\n css: {\n ...getInputPaddingStartResetStyle(),\n ...getInputPaddingEndResetStyle(),\n },\n variant: \"flushed\",\n layer: \"variant\",\n },\n ],\n\n defaultProps: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type InputStyle = typeof inputStyle\n"],"mappings":";;;;;AAIA,MAAa,kCAAkC,SAC5C,EACC,kEAA+C,EAAE,IAAI,OAAO,EAAE,IAAI,EACnE;AAEH,MAAa,gCAAgC,SAC1C,EACC,sEAAmD,EAAE,IAAI,OAAO,EAAE,IAAI,EACvE;AAEH,MAAa,uBAAuB,QAAiB,SAClD;CACC,gEAA6C,EAAE,IAAI,QAAQ,EAAE,IAAI;CACjE,4BAA4B,EAAE,MAAM,QAAQ;CAC5C,YAAY;CACZ,iCAAiC,EAAE,MAAM,QAAQ;CACjD,2DAAwC,EAAE,IAAI,QAAQ,EAAE,IAAI;CAC5D,MAAM;CACP;AAEH,MAAa,aAAa,qBAAqB;CAC7C,MAAM;EACJ,wBAAwB;EACxB,wBAAwB;EACxB,YAAY;EACZ,MAAM;EACN,UAAU;EACV,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,WAAW,EACT,YAAY,YACb;EACF;CAED,UAAU;EACR,QAAQ;GACN,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAiC;IAC7D;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAuC;IACpE;GACD,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACD,SAAS;GACP,IAAI;GACJ,mBAAmB;GACnB,mBAAmB;GACnB,SAAS;GACT,eAAe;IACb,aAAa;IACb,WAAW;IACX,SAAS;IACV;GACD,UAAU;IACR,aAAa;IACb,eAAe,EACb,WAAW,wCACZ;IACF;GACF;EACD,SAAS;GACP,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAiC;IAC7D;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAuC;IACpE;GACD,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACD,OAAO;GACL,gBAAgB;GAChB,kBAAkB;GAClB,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACF;CAED,OAAO;EACL,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;GACpC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;GACpC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,OAAO;GACL,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACF;CAED,WAAW,CACT;EACE,KAAK;GACH,GAAG,gCAAgC;GACnC,GAAG,8BAA8B;GAClC;EACD,SAAS;EACT,OAAO;EACR,CACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}