@kopexa/callout 13.0.2 → 14.0.0

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/callout.js +28 -17
  2. package/dist/callout.mjs +1 -1
  3. package/dist/{chunk-W7YUHR6W.mjs → chunk-ANKRTK2L.mjs} +28 -17
  4. package/dist/index.js +28 -17
  5. package/dist/index.mjs +1 -1
  6. package/package.json +5 -5
package/dist/callout.js CHANGED
@@ -62,23 +62,34 @@ var Callout = (props) => {
62
62
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ShellIcon, { className: styles.icon() });
63
63
  }
64
64
  };
65
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_shared_utils.cn)(styles.root(), className), ...rest, children: [
66
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.iconContainer(), children: getIcon() }),
67
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.content(), children: [
68
- title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.title(), children: title }),
69
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children })
70
- ] }),
71
- onDismiss && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
72
- "button",
73
- {
74
- type: "button",
75
- onClick: onDismiss,
76
- className: styles.closeButton(),
77
- "aria-label": "Close",
78
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseIcon, { className: "h-4 w-4" })
79
- }
80
- )
81
- ] });
65
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
66
+ "div",
67
+ {
68
+ ...variant === "destructive" && {
69
+ role: "alert",
70
+ "aria-live": "polite"
71
+ },
72
+ className: (0, import_shared_utils.cn)(styles.root(), className),
73
+ ...rest,
74
+ children: [
75
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.iconContainer(), children: getIcon() }),
76
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.content(), children: [
77
+ title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.title(), children: title }),
78
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children })
79
+ ] }),
80
+ onDismiss && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
81
+ "button",
82
+ {
83
+ type: "button",
84
+ onClick: onDismiss,
85
+ className: styles.closeButton(),
86
+ "aria-label": "Close",
87
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseIcon, { className: "h-4 w-4" })
88
+ }
89
+ )
90
+ ]
91
+ }
92
+ );
82
93
  };
83
94
  // Annotate the CommonJS export names for ESM import in node:
84
95
  0 && (module.exports = {
package/dist/callout.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  Callout
4
- } from "./chunk-W7YUHR6W.mjs";
4
+ } from "./chunk-ANKRTK2L.mjs";
5
5
  export {
6
6
  Callout
7
7
  };
package/dist/{chunk-W7YUHR6W.mjs → chunk-ANKRTK2L.mjs} RENAMED
@@ -46,23 +46,34 @@ var Callout = (props) => {
46
46
  return /* @__PURE__ */ jsx(ShellIcon, { className: styles.icon() });
47
47
  }
48
48
  };
49
- return /* @__PURE__ */ jsxs("div", { className: cn(styles.root(), className), ...rest, children: [
50
- /* @__PURE__ */ jsx("div", { className: styles.iconContainer(), children: getIcon() }),
51
- /* @__PURE__ */ jsxs("div", { className: styles.content(), children: [
52
- title && /* @__PURE__ */ jsx("div", { className: styles.title(), children: title }),
53
- /* @__PURE__ */ jsx("div", { children })
54
- ] }),
55
- onDismiss && /* @__PURE__ */ jsx(
56
- "button",
57
- {
58
- type: "button",
59
- onClick: onDismiss,
60
- className: styles.closeButton(),
61
- "aria-label": "Close",
62
- children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-4 w-4" })
63
- }
64
- )
65
- ] });
49
+ return /* @__PURE__ */ jsxs(
50
+ "div",
51
+ {
52
+ ...variant === "destructive" && {
53
+ role: "alert",
54
+ "aria-live": "polite"
55
+ },
56
+ className: cn(styles.root(), className),
57
+ ...rest,
58
+ children: [
59
+ /* @__PURE__ */ jsx("div", { className: styles.iconContainer(), children: getIcon() }),
60
+ /* @__PURE__ */ jsxs("div", { className: styles.content(), children: [
61
+ title && /* @__PURE__ */ jsx("div", { className: styles.title(), children: title }),
62
+ /* @__PURE__ */ jsx("div", { children })
63
+ ] }),
64
+ onDismiss && /* @__PURE__ */ jsx(
65
+ "button",
66
+ {
67
+ type: "button",
68
+ onClick: onDismiss,
69
+ className: styles.closeButton(),
70
+ "aria-label": "Close",
71
+ children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-4 w-4" })
72
+ }
73
+ )
74
+ ]
75
+ }
76
+ );
66
77
  };
67
78
 
68
79
  export {
package/dist/index.js CHANGED
@@ -64,23 +64,34 @@ var Callout = (props) => {
64
64
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ShellIcon, { className: styles.icon() });
65
65
  }
66
66
  };
67
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_shared_utils.cn)(styles.root(), className), ...rest, children: [
68
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.iconContainer(), children: getIcon() }),
69
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.content(), children: [
70
- title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.title(), children: title }),
71
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children })
72
- ] }),
73
- onDismiss && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
74
- "button",
75
- {
76
- type: "button",
77
- onClick: onDismiss,
78
- className: styles.closeButton(),
79
- "aria-label": "Close",
80
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseIcon, { className: "h-4 w-4" })
81
- }
82
- )
83
- ] });
67
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
68
+ "div",
69
+ {
70
+ ...variant === "destructive" && {
71
+ role: "alert",
72
+ "aria-live": "polite"
73
+ },
74
+ className: (0, import_shared_utils.cn)(styles.root(), className),
75
+ ...rest,
76
+ children: [
77
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.iconContainer(), children: getIcon() }),
78
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.content(), children: [
79
+ title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.title(), children: title }),
80
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children })
81
+ ] }),
82
+ onDismiss && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
83
+ "button",
84
+ {
85
+ type: "button",
86
+ onClick: onDismiss,
87
+ className: styles.closeButton(),
88
+ "aria-label": "Close",
89
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseIcon, { className: "h-4 w-4" })
90
+ }
91
+ )
92
+ ]
93
+ }
94
+ );
84
95
  };
85
96
  // Annotate the CommonJS export names for ESM import in node:
86
97
  0 && (module.exports = {
package/dist/index.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  Callout
4
- } from "./chunk-W7YUHR6W.mjs";
4
+ } from "./chunk-ANKRTK2L.mjs";
5
5
  export {
6
6
  Callout
7
7
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kopexa/callout",
3
- "version": "13.0.2",
3
+ "version": "14.0.0",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "callout"
@@ -28,12 +28,12 @@
28
28
  "react": ">=19.0.0-rc.0",
29
29
  "react-dom": ">=19.0.0-rc.0",
30
30
  "motion": ">=12.23.6",
31
- "@kopexa/theme": "13.0.2"
31
+ "@kopexa/theme": "14.0.0"
32
32
  },
33
33
  "dependencies": {
34
- "@kopexa/shared-utils": "13.0.2",
35
- "@kopexa/react-utils": "13.0.2",
36
- "@kopexa/icons": "13.0.2"
34
+ "@kopexa/shared-utils": "14.0.0",
35
+ "@kopexa/react-utils": "14.0.0",
36
+ "@kopexa/icons": "14.0.0"
37
37
  },
38
38
  "clean-package": "../../../clean-package.config.json",
39
39
  "module": "dist/index.mjs",