@yamada-ui/alert 0.3.6 → 0.3.7

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 (6) hide show
  1. package/dist/alert.js +55 -15
  2. package/dist/alert.mjs +1 -1
  3. package/dist/{chunk-G632DWL6.mjs → chunk-BS7ANQVW.mjs} +55 -15
  4. package/dist/index.js +55 -15
  5. package/dist/index.mjs +1 -1
  6. package/package.json +5 -5
package/dist/alert.js CHANGED
@@ -49,7 +49,10 @@ var getStatusIcon = (status) => statuses[status].icon;
49
49
  var Alert = (0, import_core.forwardRef)(
50
50
  ({ status = "info", colorScheme, ...props }, ref) => {
51
51
  colorScheme = colorScheme != null ? colorScheme : getStatusColorScheme(status);
52
- const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Alert", { ...props, colorScheme });
52
+ const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Alert", {
53
+ ...props,
54
+ colorScheme
55
+ });
53
56
  const { className, children, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
54
57
  const css = {
55
58
  w: "100%",
@@ -59,7 +62,17 @@ var Alert = (0, import_core.forwardRef)(
59
62
  overflow: "hidden",
60
63
  ...styles.container
61
64
  };
62
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertProvider, { value: { status, styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ui.div, { ref, className: (0, import_utils.cx)("ui-alert", className), role: "alert", __css: css, ...rest, children }) });
65
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertProvider, { value: { status, styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
66
+ import_core.ui.div,
67
+ {
68
+ ref,
69
+ className: (0, import_utils.cx)("ui-alert", className),
70
+ role: "alert",
71
+ __css: css,
72
+ ...rest,
73
+ children
74
+ }
75
+ ) });
63
76
  }
64
77
  );
65
78
  var AlertIcon = ({
@@ -73,28 +86,55 @@ var AlertIcon = ({
73
86
  const css = {
74
87
  ...status === "loading" ? styles.loading : styles.icon
75
88
  };
76
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ui.span, { display: "inherit", className: (0, import_utils.cx)("ui-alert-icon", className), __css: css, ...rest, children: children || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
77
- Icon,
89
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
90
+ import_core.ui.span,
78
91
  {
79
- ...status === "loading" ? { variant, color: "currentcolor" } : { boxSize: "100%" }
92
+ display: "inherit",
93
+ className: (0, import_utils.cx)("ui-alert-icon", className),
94
+ __css: css,
95
+ ...rest,
96
+ children: children || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
97
+ Icon,
98
+ {
99
+ ...status === "loading" ? { variant, color: "currentcolor" } : { boxSize: "100%" }
100
+ }
101
+ )
80
102
  }
81
- ) });
103
+ );
82
104
  };
83
- var AlertTitle = (0, import_core.forwardRef)(({ className, ...rest }, ref) => {
84
- const { styles } = useAlert();
85
- const css = {
86
- display: "block",
87
- ...styles.title
88
- };
89
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ui.p, { ref, className: (0, import_utils.cx)("ui-alert-title", className), __css: css, ...rest });
90
- });
105
+ var AlertTitle = (0, import_core.forwardRef)(
106
+ ({ className, ...rest }, ref) => {
107
+ const { styles } = useAlert();
108
+ const css = {
109
+ display: "block",
110
+ ...styles.title
111
+ };
112
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
113
+ import_core.ui.p,
114
+ {
115
+ ref,
116
+ className: (0, import_utils.cx)("ui-alert-title", className),
117
+ __css: css,
118
+ ...rest
119
+ }
120
+ );
121
+ }
122
+ );
91
123
  var AlertDescription = (0, import_core.forwardRef)(
92
124
  ({ className, ...rest }, ref) => {
93
125
  const { styles } = useAlert();
94
126
  const css = {
95
127
  ...styles.description
96
128
  };
97
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ui.span, { ref, className: (0, import_utils.cx)("ui-alert-desc", className), __css: css, ...rest });
129
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
130
+ import_core.ui.span,
131
+ {
132
+ ref,
133
+ className: (0, import_utils.cx)("ui-alert-desc", className),
134
+ __css: css,
135
+ ...rest
136
+ }
137
+ );
98
138
  }
99
139
  );
100
140
  // Annotate the CommonJS export names for ESM import in node:
package/dist/alert.mjs CHANGED
@@ -5,7 +5,7 @@ import {
5
5
  AlertTitle,
6
6
  getStatusColorScheme,
7
7
  getStatusIcon
8
- } from "./chunk-G632DWL6.mjs";
8
+ } from "./chunk-BS7ANQVW.mjs";
9
9
  export {
10
10
  Alert,
11
11
  AlertDescription,
package/dist/{chunk-G632DWL6.mjs → chunk-BS7ANQVW.mjs} RENAMED
@@ -25,7 +25,10 @@ var getStatusIcon = (status) => statuses[status].icon;
25
25
  var Alert = forwardRef(
26
26
  ({ status = "info", colorScheme, ...props }, ref) => {
27
27
  colorScheme = colorScheme != null ? colorScheme : getStatusColorScheme(status);
28
- const [styles, mergedProps] = useMultiComponentStyle("Alert", { ...props, colorScheme });
28
+ const [styles, mergedProps] = useMultiComponentStyle("Alert", {
29
+ ...props,
30
+ colorScheme
31
+ });
29
32
  const { className, children, ...rest } = omitThemeProps(mergedProps);
30
33
  const css = {
31
34
  w: "100%",
@@ -35,7 +38,17 @@ var Alert = forwardRef(
35
38
  overflow: "hidden",
36
39
  ...styles.container
37
40
  };
38
- return /* @__PURE__ */ jsx(AlertProvider, { value: { status, styles }, children: /* @__PURE__ */ jsx(ui.div, { ref, className: cx("ui-alert", className), role: "alert", __css: css, ...rest, children }) });
41
+ return /* @__PURE__ */ jsx(AlertProvider, { value: { status, styles }, children: /* @__PURE__ */ jsx(
42
+ ui.div,
43
+ {
44
+ ref,
45
+ className: cx("ui-alert", className),
46
+ role: "alert",
47
+ __css: css,
48
+ ...rest,
49
+ children
50
+ }
51
+ ) });
39
52
  }
40
53
  );
41
54
  var AlertIcon = ({
@@ -49,28 +62,55 @@ var AlertIcon = ({
49
62
  const css = {
50
63
  ...status === "loading" ? styles.loading : styles.icon
51
64
  };
52
- return /* @__PURE__ */ jsx(ui.span, { display: "inherit", className: cx("ui-alert-icon", className), __css: css, ...rest, children: children || /* @__PURE__ */ jsx(
53
- Icon,
65
+ return /* @__PURE__ */ jsx(
66
+ ui.span,
54
67
  {
55
- ...status === "loading" ? { variant, color: "currentcolor" } : { boxSize: "100%" }
68
+ display: "inherit",
69
+ className: cx("ui-alert-icon", className),
70
+ __css: css,
71
+ ...rest,
72
+ children: children || /* @__PURE__ */ jsx(
73
+ Icon,
74
+ {
75
+ ...status === "loading" ? { variant, color: "currentcolor" } : { boxSize: "100%" }
76
+ }
77
+ )
56
78
  }
57
- ) });
79
+ );
58
80
  };
59
- var AlertTitle = forwardRef(({ className, ...rest }, ref) => {
60
- const { styles } = useAlert();
61
- const css = {
62
- display: "block",
63
- ...styles.title
64
- };
65
- return /* @__PURE__ */ jsx(ui.p, { ref, className: cx("ui-alert-title", className), __css: css, ...rest });
66
- });
81
+ var AlertTitle = forwardRef(
82
+ ({ className, ...rest }, ref) => {
83
+ const { styles } = useAlert();
84
+ const css = {
85
+ display: "block",
86
+ ...styles.title
87
+ };
88
+ return /* @__PURE__ */ jsx(
89
+ ui.p,
90
+ {
91
+ ref,
92
+ className: cx("ui-alert-title", className),
93
+ __css: css,
94
+ ...rest
95
+ }
96
+ );
97
+ }
98
+ );
67
99
  var AlertDescription = forwardRef(
68
100
  ({ className, ...rest }, ref) => {
69
101
  const { styles } = useAlert();
70
102
  const css = {
71
103
  ...styles.description
72
104
  };
73
- return /* @__PURE__ */ jsx(ui.span, { ref, className: cx("ui-alert-desc", className), __css: css, ...rest });
105
+ return /* @__PURE__ */ jsx(
106
+ ui.span,
107
+ {
108
+ ref,
109
+ className: cx("ui-alert-desc", className),
110
+ __css: css,
111
+ ...rest
112
+ }
113
+ );
74
114
  }
75
115
  );
76
116
 
package/dist/index.js CHANGED
@@ -49,7 +49,10 @@ var getStatusIcon = (status) => statuses[status].icon;
49
49
  var Alert = (0, import_core.forwardRef)(
50
50
  ({ status = "info", colorScheme, ...props }, ref) => {
51
51
  colorScheme = colorScheme != null ? colorScheme : getStatusColorScheme(status);
52
- const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Alert", { ...props, colorScheme });
52
+ const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Alert", {
53
+ ...props,
54
+ colorScheme
55
+ });
53
56
  const { className, children, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
54
57
  const css = {
55
58
  w: "100%",
@@ -59,7 +62,17 @@ var Alert = (0, import_core.forwardRef)(
59
62
  overflow: "hidden",
60
63
  ...styles.container
61
64
  };
62
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertProvider, { value: { status, styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ui.div, { ref, className: (0, import_utils.cx)("ui-alert", className), role: "alert", __css: css, ...rest, children }) });
65
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertProvider, { value: { status, styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
66
+ import_core.ui.div,
67
+ {
68
+ ref,
69
+ className: (0, import_utils.cx)("ui-alert", className),
70
+ role: "alert",
71
+ __css: css,
72
+ ...rest,
73
+ children
74
+ }
75
+ ) });
63
76
  }
64
77
  );
65
78
  var AlertIcon = ({
@@ -73,28 +86,55 @@ var AlertIcon = ({
73
86
  const css = {
74
87
  ...status === "loading" ? styles.loading : styles.icon
75
88
  };
76
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ui.span, { display: "inherit", className: (0, import_utils.cx)("ui-alert-icon", className), __css: css, ...rest, children: children || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
77
- Icon,
89
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
90
+ import_core.ui.span,
78
91
  {
79
- ...status === "loading" ? { variant, color: "currentcolor" } : { boxSize: "100%" }
92
+ display: "inherit",
93
+ className: (0, import_utils.cx)("ui-alert-icon", className),
94
+ __css: css,
95
+ ...rest,
96
+ children: children || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
97
+ Icon,
98
+ {
99
+ ...status === "loading" ? { variant, color: "currentcolor" } : { boxSize: "100%" }
100
+ }
101
+ )
80
102
  }
81
- ) });
103
+ );
82
104
  };
83
- var AlertTitle = (0, import_core.forwardRef)(({ className, ...rest }, ref) => {
84
- const { styles } = useAlert();
85
- const css = {
86
- display: "block",
87
- ...styles.title
88
- };
89
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ui.p, { ref, className: (0, import_utils.cx)("ui-alert-title", className), __css: css, ...rest });
90
- });
105
+ var AlertTitle = (0, import_core.forwardRef)(
106
+ ({ className, ...rest }, ref) => {
107
+ const { styles } = useAlert();
108
+ const css = {
109
+ display: "block",
110
+ ...styles.title
111
+ };
112
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
113
+ import_core.ui.p,
114
+ {
115
+ ref,
116
+ className: (0, import_utils.cx)("ui-alert-title", className),
117
+ __css: css,
118
+ ...rest
119
+ }
120
+ );
121
+ }
122
+ );
91
123
  var AlertDescription = (0, import_core.forwardRef)(
92
124
  ({ className, ...rest }, ref) => {
93
125
  const { styles } = useAlert();
94
126
  const css = {
95
127
  ...styles.description
96
128
  };
97
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ui.span, { ref, className: (0, import_utils.cx)("ui-alert-desc", className), __css: css, ...rest });
129
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
130
+ import_core.ui.span,
131
+ {
132
+ ref,
133
+ className: (0, import_utils.cx)("ui-alert-desc", className),
134
+ __css: css,
135
+ ...rest
136
+ }
137
+ );
98
138
  }
99
139
  );
100
140
  // Annotate the CommonJS export names for ESM import in node:
package/dist/index.mjs CHANGED
@@ -3,7 +3,7 @@ import {
3
3
  AlertDescription,
4
4
  AlertIcon,
5
5
  AlertTitle
6
- } from "./chunk-G632DWL6.mjs";
6
+ } from "./chunk-BS7ANQVW.mjs";
7
7
  export {
8
8
  Alert,
9
9
  AlertDescription,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yamada-ui/alert",
3
- "version": "0.3.6",
3
+ "version": "0.3.7",
4
4
  "description": "Yamada UI alert 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.5.1",
39
- "@yamada-ui/utils": "0.1.3",
40
- "@yamada-ui/icon": "0.2.6",
41
- "@yamada-ui/loading": "0.3.6"
38
+ "@yamada-ui/core": "0.5.2",
39
+ "@yamada-ui/utils": "0.1.4",
40
+ "@yamada-ui/icon": "0.2.7",
41
+ "@yamada-ui/loading": "0.3.7"
42
42
  },
43
43
  "devDependencies": {
44
44
  "react": "^18.0.0",