@yamada-ui/close-button 0.4.1 → 0.4.3

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 (11) hide show
  1. package/dist/{chunk-EPNX7ZM2.mjs → chunk-6YLRO6IK.mjs} +3 -2
  2. package/dist/chunk-6YLRO6IK.mjs.map +1 -0
  3. package/dist/close-button.js +3 -2
  4. package/dist/close-button.js.map +1 -0
  5. package/dist/close-button.mjs +2 -1
  6. package/dist/close-button.mjs.map +1 -0
  7. package/dist/index.js +3 -2
  8. package/dist/index.js.map +1 -0
  9. package/dist/index.mjs +2 -1
  10. package/dist/index.mjs.map +1 -0
  11. package/package.json +7 -6
package/dist/{chunk-EPNX7ZM2.mjs → chunk-6YLRO6IK.mjs} RENAMED
@@ -15,7 +15,7 @@ var CloseButton = forwardRef(
15
15
  (props, ref) => {
16
16
  const [styles, mergedProps] = useComponentStyle("CloseButton", props);
17
17
  const { className, children, isDisabled, __css, disableRipple, ...rest } = omitThemeProps(mergedProps);
18
- const { onClick, ...rippleProps } = useRipple(rest);
18
+ const { onPointerDown, ...rippleProps } = useRipple(rest);
19
19
  const css = {
20
20
  position: "relative",
21
21
  overflow: "hidden",
@@ -37,7 +37,7 @@ var CloseButton = forwardRef(
37
37
  disabled: isDisabled,
38
38
  __css: css,
39
39
  ...rest,
40
- onClick,
40
+ onPointerDown,
41
41
  children: [
42
42
  children || /* @__PURE__ */ jsx(CloseIcon, { width: "1em", height: "1em" }),
43
43
  /* @__PURE__ */ jsx(Ripple, { isDisabled: disableRipple || isDisabled, ...rippleProps })
@@ -50,3 +50,4 @@ var CloseButton = forwardRef(
50
50
  export {
51
51
  CloseButton
52
52
  };
53
+ //# sourceMappingURL=chunk-6YLRO6IK.mjs.map
package/dist/chunk-6YLRO6IK.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/close-button.tsx"],"sourcesContent":["import type { HTMLUIProps, ThemeProps, CSSUIObject } from \"@yamada-ui/core\"\nimport {\n ui,\n forwardRef,\n useComponentStyle,\n omitThemeProps,\n} from \"@yamada-ui/core\"\nimport { CloseIcon } from \"@yamada-ui/icon\"\nimport { Ripple, useRipple } from \"@yamada-ui/ripple\"\nimport { cx } from \"@yamada-ui/utils\"\n\ntype CloseButtonOptions = {\n /**\n * If `true`, the button is disabled.\n *\n * @default false\n */\n isDisabled?: boolean\n /**\n * If `true`, disable ripple effects when pressing a element.\n *\n * @default false\n */\n disableRipple?: boolean\n}\n\nexport type CloseButtonProps = HTMLUIProps<\"button\"> &\n ThemeProps<\"CloseButton\"> &\n CloseButtonOptions\n\nexport const CloseButton = forwardRef<CloseButtonProps, \"button\">(\n (props, ref) => {\n const [styles, mergedProps] = useComponentStyle(\"CloseButton\", props)\n const { className, children, isDisabled, __css, disableRipple, ...rest } =\n omitThemeProps(mergedProps)\n const { onPointerDown, ...rippleProps } = useRipple(rest)\n\n const css: CSSUIObject = {\n position: \"relative\",\n overflow: \"hidden\",\n outline: 0,\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n flexShrink: 0,\n ...styles,\n ...__css,\n }\n\n return (\n <ui.button\n ref={ref}\n type=\"button\"\n aria-label=\"Close\"\n className={cx(\"ui-close-button\", className)}\n disabled={isDisabled}\n __css={css}\n {...rest}\n onPointerDown={onPointerDown}\n >\n {children || <CloseIcon width=\"1em\" height=\"1em\" />}\n\n <Ripple isDisabled={disableRipple || isDisabled} {...rippleProps} />\n </ui.button>\n )\n },\n)\n"],"mappings":";;;AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,QAAQ,iBAAiB;AAClC,SAAS,UAAU;AAyCb,SAUe,KAVf;AApBC,IAAM,cAAc;AAAA,EACzB,CAAC,OAAO,QAAQ;AACd,UAAM,CAAC,QAAQ,WAAW,IAAI,kBAAkB,eAAe,KAAK;AACpE,UAAM,EAAE,WAAW,UAAU,YAAY,OAAO,eAAe,GAAG,KAAK,IACrE,eAAe,WAAW;AAC5B,UAAM,EAAE,eAAe,GAAG,YAAY,IAAI,UAAU,IAAI;AAExD,UAAM,MAAmB;AAAA,MACvB,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAW,GAAG,mBAAmB,SAAS;AAAA,QAC1C,UAAU;AAAA,QACV,OAAO;AAAA,QACN,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,sBAAY,oBAAC,aAAU,OAAM,OAAM,QAAO,OAAM;AAAA,UAEjD,oBAAC,UAAO,YAAY,iBAAiB,YAAa,GAAG,aAAa;AAAA;AAAA;AAAA,IACpE;AAAA,EAEJ;AACF;","names":[]}
package/dist/close-button.js CHANGED
@@ -33,7 +33,7 @@ var CloseButton = (0, import_core.forwardRef)(
33
33
  (props, ref) => {
34
34
  const [styles, mergedProps] = (0, import_core.useComponentStyle)("CloseButton", props);
35
35
  const { className, children, isDisabled, __css, disableRipple, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
36
- const { onClick, ...rippleProps } = (0, import_ripple.useRipple)(rest);
36
+ const { onPointerDown, ...rippleProps } = (0, import_ripple.useRipple)(rest);
37
37
  const css = {
38
38
  position: "relative",
39
39
  overflow: "hidden",
@@ -55,7 +55,7 @@ var CloseButton = (0, import_core.forwardRef)(
55
55
  disabled: isDisabled,
56
56
  __css: css,
57
57
  ...rest,
58
- onClick,
58
+ onPointerDown,
59
59
  children: [
60
60
  children || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.CloseIcon, { width: "1em", height: "1em" }),
61
61
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ripple.Ripple, { isDisabled: disableRipple || isDisabled, ...rippleProps })
@@ -68,3 +68,4 @@ var CloseButton = (0, import_core.forwardRef)(
68
68
  0 && (module.exports = {
69
69
  CloseButton
70
70
  });
71
+ //# sourceMappingURL=close-button.js.map
package/dist/close-button.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/close-button.tsx"],"sourcesContent":["import type { HTMLUIProps, ThemeProps, CSSUIObject } from \"@yamada-ui/core\"\nimport {\n ui,\n forwardRef,\n useComponentStyle,\n omitThemeProps,\n} from \"@yamada-ui/core\"\nimport { CloseIcon } from \"@yamada-ui/icon\"\nimport { Ripple, useRipple } from \"@yamada-ui/ripple\"\nimport { cx } from \"@yamada-ui/utils\"\n\ntype CloseButtonOptions = {\n /**\n * If `true`, the button is disabled.\n *\n * @default false\n */\n isDisabled?: boolean\n /**\n * If `true`, disable ripple effects when pressing a element.\n *\n * @default false\n */\n disableRipple?: boolean\n}\n\nexport type CloseButtonProps = HTMLUIProps<\"button\"> &\n ThemeProps<\"CloseButton\"> &\n CloseButtonOptions\n\nexport const CloseButton = forwardRef<CloseButtonProps, \"button\">(\n (props, ref) => {\n const [styles, mergedProps] = useComponentStyle(\"CloseButton\", props)\n const { className, children, isDisabled, __css, disableRipple, ...rest } =\n omitThemeProps(mergedProps)\n const { onPointerDown, ...rippleProps } = useRipple(rest)\n\n const css: CSSUIObject = {\n position: \"relative\",\n overflow: \"hidden\",\n outline: 0,\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n flexShrink: 0,\n ...styles,\n ...__css,\n }\n\n return (\n <ui.button\n ref={ref}\n type=\"button\"\n aria-label=\"Close\"\n className={cx(\"ui-close-button\", className)}\n disabled={isDisabled}\n __css={css}\n {...rest}\n onPointerDown={onPointerDown}\n >\n {children || <CloseIcon width=\"1em\" height=\"1em\" />}\n\n <Ripple isDisabled={disableRipple || isDisabled} {...rippleProps} />\n </ui.button>\n )\n },\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAKO;AACP,kBAA0B;AAC1B,oBAAkC;AAClC,mBAAmB;AAyCb;AApBC,IAAM,kBAAc;AAAA,EACzB,CAAC,OAAO,QAAQ;AACd,UAAM,CAAC,QAAQ,WAAW,QAAI,+BAAkB,eAAe,KAAK;AACpE,UAAM,EAAE,WAAW,UAAU,YAAY,OAAO,eAAe,GAAG,KAAK,QACrE,4BAAe,WAAW;AAC5B,UAAM,EAAE,eAAe,GAAG,YAAY,QAAI,yBAAU,IAAI;AAExD,UAAM,MAAmB;AAAA,MACvB,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAEA,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,cAAW;AAAA,QACX,eAAW,iBAAG,mBAAmB,SAAS;AAAA,QAC1C,UAAU;AAAA,QACV,OAAO;AAAA,QACN,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,sBAAY,4CAAC,yBAAU,OAAM,OAAM,QAAO,OAAM;AAAA,UAEjD,4CAAC,wBAAO,YAAY,iBAAiB,YAAa,GAAG,aAAa;AAAA;AAAA;AAAA,IACpE;AAAA,EAEJ;AACF;","names":[]}
package/dist/close-button.mjs CHANGED
@@ -1,7 +1,8 @@
1
1
  "use client"
2
2
  import {
3
3
  CloseButton
4
- } from "./chunk-EPNX7ZM2.mjs";
4
+ } from "./chunk-6YLRO6IK.mjs";
5
5
  export {
6
6
  CloseButton
7
7
  };
8
+ //# sourceMappingURL=close-button.mjs.map
package/dist/close-button.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
package/dist/index.js CHANGED
@@ -35,7 +35,7 @@ var CloseButton = (0, import_core.forwardRef)(
35
35
  (props, ref) => {
36
36
  const [styles, mergedProps] = (0, import_core.useComponentStyle)("CloseButton", props);
37
37
  const { className, children, isDisabled, __css, disableRipple, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
38
- const { onClick, ...rippleProps } = (0, import_ripple.useRipple)(rest);
38
+ const { onPointerDown, ...rippleProps } = (0, import_ripple.useRipple)(rest);
39
39
  const css = {
40
40
  position: "relative",
41
41
  overflow: "hidden",
@@ -57,7 +57,7 @@ var CloseButton = (0, import_core.forwardRef)(
57
57
  disabled: isDisabled,
58
58
  __css: css,
59
59
  ...rest,
60
- onClick,
60
+ onPointerDown,
61
61
  children: [
62
62
  children || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.CloseIcon, { width: "1em", height: "1em" }),
63
63
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ripple.Ripple, { isDisabled: disableRipple || isDisabled, ...rippleProps })
@@ -70,3 +70,4 @@ var CloseButton = (0, import_core.forwardRef)(
70
70
  0 && (module.exports = {
71
71
  CloseButton
72
72
  });
73
+ //# sourceMappingURL=index.js.map
package/dist/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/index.ts","../src/close-button.tsx"],"sourcesContent":["export { CloseButton } from \"./close-button\"\nexport type { CloseButtonProps } from \"./close-button\"\n","import type { HTMLUIProps, ThemeProps, CSSUIObject } from \"@yamada-ui/core\"\nimport {\n ui,\n forwardRef,\n useComponentStyle,\n omitThemeProps,\n} from \"@yamada-ui/core\"\nimport { CloseIcon } from \"@yamada-ui/icon\"\nimport { Ripple, useRipple } from \"@yamada-ui/ripple\"\nimport { cx } from \"@yamada-ui/utils\"\n\ntype CloseButtonOptions = {\n /**\n * If `true`, the button is disabled.\n *\n * @default false\n */\n isDisabled?: boolean\n /**\n * If `true`, disable ripple effects when pressing a element.\n *\n * @default false\n */\n disableRipple?: boolean\n}\n\nexport type CloseButtonProps = HTMLUIProps<\"button\"> &\n ThemeProps<\"CloseButton\"> &\n CloseButtonOptions\n\nexport const CloseButton = forwardRef<CloseButtonProps, \"button\">(\n (props, ref) => {\n const [styles, mergedProps] = useComponentStyle(\"CloseButton\", props)\n const { className, children, isDisabled, __css, disableRipple, ...rest } =\n omitThemeProps(mergedProps)\n const { onPointerDown, ...rippleProps } = useRipple(rest)\n\n const css: CSSUIObject = {\n position: \"relative\",\n overflow: \"hidden\",\n outline: 0,\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n flexShrink: 0,\n ...styles,\n ...__css,\n }\n\n return (\n <ui.button\n ref={ref}\n type=\"button\"\n aria-label=\"Close\"\n className={cx(\"ui-close-button\", className)}\n disabled={isDisabled}\n __css={css}\n {...rest}\n onPointerDown={onPointerDown}\n >\n {children || <CloseIcon width=\"1em\" height=\"1em\" />}\n\n <Ripple isDisabled={disableRipple || isDisabled} {...rippleProps} />\n </ui.button>\n )\n },\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,kBAKO;AACP,kBAA0B;AAC1B,oBAAkC;AAClC,mBAAmB;AAyCb;AApBC,IAAM,kBAAc;AAAA,EACzB,CAAC,OAAO,QAAQ;AACd,UAAM,CAAC,QAAQ,WAAW,QAAI,+BAAkB,eAAe,KAAK;AACpE,UAAM,EAAE,WAAW,UAAU,YAAY,OAAO,eAAe,GAAG,KAAK,QACrE,4BAAe,WAAW;AAC5B,UAAM,EAAE,eAAe,GAAG,YAAY,QAAI,yBAAU,IAAI;AAExD,UAAM,MAAmB;AAAA,MACvB,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAEA,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,cAAW;AAAA,QACX,eAAW,iBAAG,mBAAmB,SAAS;AAAA,QAC1C,UAAU;AAAA,QACV,OAAO;AAAA,QACN,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,sBAAY,4CAAC,yBAAU,OAAM,OAAM,QAAO,OAAM;AAAA,UAEjD,4CAAC,wBAAO,YAAY,iBAAiB,YAAa,GAAG,aAAa;AAAA;AAAA;AAAA,IACpE;AAAA,EAEJ;AACF;","names":[]}
package/dist/index.mjs CHANGED
@@ -1,7 +1,8 @@
1
1
  "use client"
2
2
  import {
3
3
  CloseButton
4
- } from "./chunk-EPNX7ZM2.mjs";
4
+ } from "./chunk-6YLRO6IK.mjs";
5
5
  export {
6
6
  CloseButton
7
7
  };
8
+ //# sourceMappingURL=index.mjs.map
package/dist/index.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yamada-ui/close-button",
3
- "version": "0.4.1",
3
+ "version": "0.4.3",
4
4
  "description": "Yamada UI close button component",
5
5
  "keywords": [
6
6
  "yamada",
@@ -35,10 +35,10 @@
35
35
  "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
36
36
  },
37
37
  "dependencies": {
38
- "@yamada-ui/core": "0.14.0",
39
- "@yamada-ui/utils": "0.4.1",
40
- "@yamada-ui/ripple": "0.1.2",
41
- "@yamada-ui/icon": "0.3.22"
38
+ "@yamada-ui/core": "0.14.2",
39
+ "@yamada-ui/utils": "0.5.0",
40
+ "@yamada-ui/ripple": "0.1.4",
41
+ "@yamada-ui/icon": "0.3.24"
42
42
  },
43
43
  "devDependencies": {
44
44
  "react": "^18.0.0",
@@ -57,7 +57,8 @@
57
57
  ],
58
58
  "banner": {
59
59
  "js": "\"use client\""
60
- }
60
+ },
61
+ "sourcemap": true
61
62
  },
62
63
  "module": "dist/index.mjs",
63
64
  "types": "dist/index.d.ts",