@haklex/rich-renderer-alert 0.0.4 → 0.0.6

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 (7) hide show
  1. package/dist/AlertEditRenderer.d.ts.map +1 -1
  2. package/dist/AlertRenderer.d.ts.map +1 -1
  3. package/dist/index.mjs +147 -31
  4. package/dist/rich-renderer-alert.css +58 -72
  5. package/dist/styles.css.d.ts +55 -0
  6. package/dist/styles.css.d.ts.map +1 -1
  7. package/package.json +5 -4
package/dist/AlertEditRenderer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AlertEditRenderer.d.ts","sourceRoot":"","sources":["../src/AlertEditRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAQ7D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAU/B,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,kBAAkB,CAsCpD,CAAA"}
1
+ {"version":3,"file":"AlertEditRenderer.d.ts","sourceRoot":"","sources":["../src/AlertEditRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAQ7D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAU/B,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,kBAAkB,CAwCpD,CAAA"}
package/dist/AlertRenderer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AlertRenderer.d.ts","sourceRoot":"","sources":["../src/AlertRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAQ/C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/B,KAAK,SAAS,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAA;AAE3C,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,CAM1D,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAMlD,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,SAAS,EAMhC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAUhD,CAAA;AAED,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"AlertRenderer.d.ts","sourceRoot":"","sources":["../src/AlertRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAQ/C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/B,KAAK,SAAS,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAA;AAE3C,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,CAM1D,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAMlD,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,SAAS,EAMhC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAchD,CAAA;AAED,eAAe,aAAa,CAAA"}
package/dist/index.mjs CHANGED
@@ -1,12 +1,119 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from "@haklex/rich-editor-ui";
3
3
  import { OctagonAlert, TriangleAlert, MessageSquareWarning, Lightbulb, Info, ChevronDown } from "lucide-react";
4
- var alertHeader = "pq4lod1";
5
- var alertTrigger = "pq4lod2";
6
- var alertChevron = "pq4lod3";
7
- var alertIcon = "pq4lod4";
8
- var alertLabel = "pq4lod5";
9
- var alertMenuIcon = "pq4lod6";
4
+ function toPrimitive(t, r) {
5
+ if ("object" != typeof t || !t) return t;
6
+ var e = t[Symbol.toPrimitive];
7
+ if (void 0 !== e) {
8
+ var i = e.call(t, r);
9
+ if ("object" != typeof i) return i;
10
+ throw new TypeError("@@toPrimitive must return a primitive value.");
11
+ }
12
+ return ("string" === r ? String : Number)(t);
13
+ }
14
+ function toPropertyKey(t) {
15
+ var i = toPrimitive(t, "string");
16
+ return "symbol" == typeof i ? i : String(i);
17
+ }
18
+ function _defineProperty(obj, key, value) {
19
+ key = toPropertyKey(key);
20
+ if (key in obj) {
21
+ Object.defineProperty(obj, key, {
22
+ value,
23
+ enumerable: true,
24
+ configurable: true,
25
+ writable: true
26
+ });
27
+ } else {
28
+ obj[key] = value;
29
+ }
30
+ return obj;
31
+ }
32
+ function ownKeys(e, r) {
33
+ var t = Object.keys(e);
34
+ if (Object.getOwnPropertySymbols) {
35
+ var o = Object.getOwnPropertySymbols(e);
36
+ r && (o = o.filter(function(r2) {
37
+ return Object.getOwnPropertyDescriptor(e, r2).enumerable;
38
+ })), t.push.apply(t, o);
39
+ }
40
+ return t;
41
+ }
42
+ function _objectSpread2(e) {
43
+ for (var r = 1; r < arguments.length; r++) {
44
+ var t = null != arguments[r] ? arguments[r] : {};
45
+ r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
46
+ _defineProperty(e, r2, t[r2]);
47
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
48
+ Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
49
+ });
50
+ }
51
+ return e;
52
+ }
53
+ function mapValues(input, fn) {
54
+ var result = {};
55
+ for (var _key in input) {
56
+ result[_key] = fn(input[_key], _key);
57
+ }
58
+ return result;
59
+ }
60
+ var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
61
+ for (var key of Object.keys(compoundCheck)) {
62
+ var _selections$key;
63
+ if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {
64
+ return false;
65
+ }
66
+ }
67
+ return true;
68
+ };
69
+ var createRuntimeFn = (config) => {
70
+ var runtimeFn = (options) => {
71
+ var className = config.defaultClassName;
72
+ var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
73
+ for (var variantName in selections) {
74
+ var _selections$variantNa;
75
+ var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
76
+ if (variantSelection != null) {
77
+ var selection = variantSelection;
78
+ if (typeof selection === "boolean") {
79
+ selection = selection === true ? "true" : "false";
80
+ }
81
+ var selectionClassName = (
82
+ // @ts-expect-error
83
+ config.variantClassNames[variantName][selection]
84
+ );
85
+ if (selectionClassName) {
86
+ className += " " + selectionClassName;
87
+ }
88
+ }
89
+ }
90
+ for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
91
+ if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
92
+ className += " " + compoundClassName;
93
+ }
94
+ }
95
+ return className;
96
+ };
97
+ runtimeFn.variants = () => Object.keys(config.variantClassNames);
98
+ runtimeFn.classNames = {
99
+ get base() {
100
+ return config.defaultClassName.split(" ")[0];
101
+ },
102
+ get variants() {
103
+ return mapValues(config.variantClassNames, (classNames) => mapValues(classNames, (className) => className.split(" ")[0]));
104
+ }
105
+ };
106
+ return runtimeFn;
107
+ };
108
+ var semanticClassNames = { header: "rich-alert-header", icon: "rich-alert-icon", label: "rich-alert-label" };
109
+ var semanticTypeClassNames = { header: { note: "rich-alert-header-note", tip: "rich-alert-header-tip", important: "rich-alert-header-important", warning: "rich-alert-header-warning", caution: "rich-alert-header-caution" } };
110
+ var alertType = createRuntimeFn({ defaultClassName: "pq4lod1", variantClassNames: { type: { note: "pq4lod2", tip: "pq4lod3", important: "pq4lod4", warning: "pq4lod5", caution: "pq4lod6" } }, defaultVariants: {}, compoundVariants: [] });
111
+ var alertHeader = "pq4lod7";
112
+ var alertTrigger = "pq4lod8";
113
+ var alertChevron = "pq4lod9";
114
+ var alertIcon = "pq4loda";
115
+ var alertLabel = "pq4lodb";
116
+ var alertMenuIcon = "pq4lodc";
10
117
  const ALERT_ICONS = {
11
118
  note: Info,
12
119
  tip: Lightbulb,
@@ -31,10 +138,16 @@ const ALL_TYPES = [
31
138
  const AlertRenderer = ({ type }) => {
32
139
  const Icon = ALERT_ICONS[type];
33
140
  const label = ALERT_LABELS[type];
34
- return /* @__PURE__ */ jsxs("div", { className: alertHeader, "data-alert-type": type, children: [
35
- /* @__PURE__ */ jsx(Icon, { className: alertIcon }),
36
- /* @__PURE__ */ jsx("span", { className: alertLabel, children: label })
37
- ] });
141
+ return /* @__PURE__ */ jsxs(
142
+ "div",
143
+ {
144
+ className: `${alertHeader} ${alertType({ type })} ${semanticClassNames.header} ${semanticTypeClassNames.header[type]}`,
145
+ children: [
146
+ /* @__PURE__ */ jsx(Icon, { className: `${alertIcon} ${semanticClassNames.icon}` }),
147
+ /* @__PURE__ */ jsx("span", { className: `${alertLabel} ${semanticClassNames.label}`, children: label })
148
+ ]
149
+ }
150
+ );
38
151
  };
39
152
  const AlertEditRenderer = ({
40
153
  type,
@@ -46,28 +159,31 @@ const AlertEditRenderer = ({
46
159
  }
47
160
  const Icon = ALERT_ICONS[type];
48
161
  const label = ALERT_LABELS[type];
49
- return /* @__PURE__ */ jsx("div", { className: alertHeader, "data-alert-type": type, children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
50
- /* @__PURE__ */ jsxs(DropdownMenuTrigger, { className: alertTrigger, children: [
51
- /* @__PURE__ */ jsx(Icon, { className: alertIcon }),
52
- /* @__PURE__ */ jsx("span", { className: alertLabel, children: label }),
53
- /* @__PURE__ */ jsx(ChevronDown, { className: alertChevron })
54
- ] }),
55
- /* @__PURE__ */ jsx(DropdownMenuContent, { sideOffset: 6, align: "start", children: ALL_TYPES.map((t) => {
56
- const ItemIcon = ALERT_ICONS[t];
57
- return /* @__PURE__ */ jsxs(
58
- DropdownMenuItem,
59
- {
60
- "data-alert-type": t,
61
- onClick: () => onTypeChange(t),
62
- children: [
63
- /* @__PURE__ */ jsx(ItemIcon, { className: alertMenuIcon }),
162
+ return /* @__PURE__ */ jsx(
163
+ "div",
164
+ {
165
+ className: `${alertHeader} ${alertType({ type })} ${semanticClassNames.header} ${semanticTypeClassNames.header[type]}`,
166
+ children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
167
+ /* @__PURE__ */ jsxs(DropdownMenuTrigger, { className: alertTrigger, children: [
168
+ /* @__PURE__ */ jsx(Icon, { className: `${alertIcon} ${semanticClassNames.icon}` }),
169
+ /* @__PURE__ */ jsx("span", { className: `${alertLabel} ${semanticClassNames.label}`, children: label }),
170
+ /* @__PURE__ */ jsx(ChevronDown, { className: alertChevron })
171
+ ] }),
172
+ /* @__PURE__ */ jsx(DropdownMenuContent, { sideOffset: 6, align: "start", children: ALL_TYPES.map((t) => {
173
+ const ItemIcon = ALERT_ICONS[t];
174
+ return /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => onTypeChange(t), children: [
175
+ /* @__PURE__ */ jsx(
176
+ ItemIcon,
177
+ {
178
+ className: `${alertMenuIcon} ${alertType({ type: t })}`
179
+ }
180
+ ),
64
181
  /* @__PURE__ */ jsx("span", { children: ALERT_LABELS[t] })
65
- ]
66
- },
67
- t
68
- );
69
- }) })
70
- ] }) });
182
+ ] }, t);
183
+ }) })
184
+ ] })
185
+ }
186
+ );
71
187
  };
72
188
  export {
73
189
  AlertEditRenderer,
package/dist/rich-renderer-alert.css CHANGED
@@ -1,4 +1,19 @@
1
- .pq4lod1 {
1
+ .pq4lod2 {
2
+ --pq4lod0: var(--rc-alert-info);
3
+ }
4
+ .pq4lod3 {
5
+ --pq4lod0: var(--rc-alert-tip);
6
+ }
7
+ .pq4lod4 {
8
+ --pq4lod0: var(--rc-alert-important);
9
+ }
10
+ .pq4lod5 {
11
+ --pq4lod0: var(--rc-alert-warning);
12
+ }
13
+ .pq4lod6 {
14
+ --pq4lod0: var(--rc-alert-caution);
15
+ }
16
+ .pq4lod7 {
2
17
  display: flex;
3
18
  align-items: center;
4
19
  gap: 8px;
@@ -9,7 +24,7 @@
9
24
  line-height: 1;
10
25
  margin-bottom: 6px;
11
26
  }
12
- .pq4lod2 {
27
+ .pq4lod8 {
13
28
  display: inline-flex;
14
29
  align-items: center;
15
30
  gap: 6px;
@@ -27,65 +42,36 @@
27
42
  line-height: 1;
28
43
  transition: background-color 0.15s;
29
44
  }
30
- .pq4lod2:hover {
45
+ .pq4lod8:hover {
31
46
  background-color: color-mix(in srgb, var(--rc-text) 5%, transparent);
32
47
  }
33
- .pq4lod3 {
48
+ .pq4lod9 {
34
49
  opacity: 0;
35
50
  transition: opacity 0.15s;
36
51
  width: 14px;
37
52
  height: 14px;
38
53
  flex-shrink: 0;
39
54
  }
40
- .pq4lod2:hover .pq4lod3 {
55
+ .pq4lod8:hover .pq4lod9 {
41
56
  opacity: 0.6;
42
57
  }
43
- .pq4lod2[data-popup-open] .pq4lod3 {
58
+ .pq4lod8[data-popup-open] .pq4lod9 {
44
59
  opacity: 0.8;
45
60
  }
46
- .pq4lod4 {
61
+ .pq4loda {
47
62
  width: 16px;
48
63
  height: 16px;
49
64
  flex-shrink: 0;
50
65
  color: var(--pq4lod0);
51
66
  }
52
- .pq4lod5 {
67
+ .pq4lodb {
53
68
  color: var(--pq4lod0);
54
69
  }
55
- .pq4lod6 {
70
+ .pq4lodc {
56
71
  width: 16px;
57
72
  height: 16px;
58
73
  flex-shrink: 0;
59
- }
60
- [data-alert-type='note'] {
61
- --pq4lod0: var(--rc-alert-info);
62
- }
63
- [data-alert-type='tip'] {
64
- --pq4lod0: var(--rc-alert-tip);
65
- }
66
- [data-alert-type='important'] {
67
- --pq4lod0: var(--rc-alert-important);
68
- }
69
- [data-alert-type='warning'] {
70
- --pq4lod0: var(--rc-alert-warning);
71
- }
72
- [data-alert-type='caution'] {
73
- --pq4lod0: var(--rc-alert-caution);
74
- }
75
- [data-alert-type='note'] .pq4lod6 {
76
- color: var(--rc-alert-info);
77
- }
78
- [data-alert-type='tip'] .pq4lod6 {
79
- color: var(--rc-alert-tip);
80
- }
81
- [data-alert-type='important'] .pq4lod6 {
82
- color: var(--rc-alert-important);
83
- }
84
- [data-alert-type='warning'] .pq4lod6 {
85
- color: var(--rc-alert-warning);
86
- }
87
- [data-alert-type='caution'] .pq4lod6 {
88
- color: var(--rc-alert-caution);
74
+ color: var(--pq4lod0);
89
75
  }
90
76
  .rich-alert {
91
77
  position: relative;
@@ -104,21 +90,6 @@
104
90
  width: 4px;
105
91
  border-radius: var(--rc-radius-sm);
106
92
  }
107
- .rich-alert-note::before {
108
- background-color: var(--rc-alert-info);
109
- }
110
- .rich-alert-tip::before {
111
- background-color: var(--rc-alert-tip);
112
- }
113
- .rich-alert-important::before {
114
- background-color: var(--rc-alert-important);
115
- }
116
- .rich-alert-warning::before {
117
- background-color: var(--rc-alert-warning);
118
- }
119
- .rich-alert-caution::before {
120
- background-color: var(--rc-alert-caution);
121
- }
122
93
  .rich-alert-header {
123
94
  position: relative;
124
95
  display: flex;
@@ -137,37 +108,52 @@
137
108
  height: 16px;
138
109
  flex-shrink: 0;
139
110
  }
140
- .rich-alert-header-note {
141
- color: var(--rc-alert-info);
142
- }
143
- .rich-alert-header-tip {
144
- color: var(--rc-alert-tip);
145
- }
146
- .rich-alert-header-important {
147
- color: var(--rc-alert-important);
148
- }
149
- .rich-alert-header-warning {
150
- color: var(--rc-alert-warning);
151
- }
152
- .rich-alert-header-caution {
153
- color: var(--rc-alert-caution);
154
- }
155
111
  .rich-alert-content {
156
112
  min-height: 1em;
157
113
  }
114
+ .rich-alert-content-editable {
115
+ outline: none;
116
+ }
158
117
  .rich-alert-content > .rich-paragraph:first-child {
159
118
  margin-top: 0;
160
119
  }
161
120
  .rich-alert-content > .rich-paragraph:last-child {
162
121
  margin-bottom: 0;
163
122
  }
164
- .rich-alert-content-editable {
165
- outline: none;
166
- }
167
123
  .rich-alert-content .rich-paragraph {
168
124
  margin: 0;
169
125
  margin-bottom: 0.5em;
170
126
  }
171
127
  .rich-alert-content .rich-paragraph:last-child {
172
128
  margin-bottom: 0;
129
+ }
130
+ .rich-alert-note::before {
131
+ background-color: var(--rc-alert-info);
132
+ }
133
+ .rich-alert-header-note {
134
+ color: var(--rc-alert-info);
135
+ }
136
+ .rich-alert-tip::before {
137
+ background-color: var(--rc-alert-tip);
138
+ }
139
+ .rich-alert-header-tip {
140
+ color: var(--rc-alert-tip);
141
+ }
142
+ .rich-alert-important::before {
143
+ background-color: var(--rc-alert-important);
144
+ }
145
+ .rich-alert-header-important {
146
+ color: var(--rc-alert-important);
147
+ }
148
+ .rich-alert-warning::before {
149
+ background-color: var(--rc-alert-warning);
150
+ }
151
+ .rich-alert-header-warning {
152
+ color: var(--rc-alert-warning);
153
+ }
154
+ .rich-alert-caution::before {
155
+ background-color: var(--rc-alert-caution);
156
+ }
157
+ .rich-alert-header-caution {
158
+ color: var(--rc-alert-caution);
173
159
  }
package/dist/styles.css.d.ts CHANGED
@@ -1,7 +1,62 @@
1
+ declare const alertColor: `var(--${string})`;
2
+ export declare const semanticClassNames: {
3
+ readonly root: "rich-alert";
4
+ readonly header: "rich-alert-header";
5
+ readonly icon: "rich-alert-icon";
6
+ readonly label: "rich-alert-label";
7
+ readonly content: "rich-alert-content";
8
+ readonly contentEditable: "rich-alert-content-editable";
9
+ };
10
+ export declare const semanticTypeClassNames: {
11
+ readonly root: {
12
+ readonly note: "rich-alert-note";
13
+ readonly tip: "rich-alert-tip";
14
+ readonly important: "rich-alert-important";
15
+ readonly warning: "rich-alert-warning";
16
+ readonly caution: "rich-alert-caution";
17
+ };
18
+ readonly header: {
19
+ readonly note: "rich-alert-header-note";
20
+ readonly tip: "rich-alert-header-tip";
21
+ readonly important: "rich-alert-header-important";
22
+ readonly warning: "rich-alert-header-warning";
23
+ readonly caution: "rich-alert-header-caution";
24
+ };
25
+ };
26
+ export declare const alertType: import('@vanilla-extract/recipes').RuntimeFn<{
27
+ type: {
28
+ readonly note: {
29
+ readonly vars: {
30
+ readonly [alertColor]: `var(--${string})`;
31
+ };
32
+ };
33
+ readonly tip: {
34
+ readonly vars: {
35
+ readonly [alertColor]: `var(--${string})`;
36
+ };
37
+ };
38
+ readonly important: {
39
+ readonly vars: {
40
+ readonly [alertColor]: `var(--${string})`;
41
+ };
42
+ };
43
+ readonly warning: {
44
+ readonly vars: {
45
+ readonly [alertColor]: `var(--${string})`;
46
+ };
47
+ };
48
+ readonly caution: {
49
+ readonly vars: {
50
+ readonly [alertColor]: `var(--${string})`;
51
+ };
52
+ };
53
+ };
54
+ }>;
1
55
  export declare const alertHeader: string;
2
56
  export declare const alertTrigger: string;
3
57
  export declare const alertChevron: string;
4
58
  export declare const alertIcon: string;
5
59
  export declare const alertLabel: string;
6
60
  export declare const alertMenuIcon: string;
61
+ export {};
7
62
  //# sourceMappingURL=styles.css.d.ts.map
package/dist/styles.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,QAUtB,CAAA;AAEF,eAAO,MAAM,YAAY,QAsBvB,CAAA;AAEF,eAAO,MAAM,YAAY,QAMvB,CAAA;AAUF,eAAO,MAAM,SAAS,QAKpB,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,UAAU,oBAAc,CAAA;AAkB9B,eAAO,MAAM,kBAAkB;;;;;;;CAOrB,CAAA;AAEV,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;CAezB,CAAA;AAEV,eAAO,MAAM,SAAS;;;;gBAjCJ,SAAA,CAAC,UAAU,CAAC,qBAAsB;;;;;gBACnC,SAAA,CAAC,UAAU,CAAC,qBAAqB;;;;;gBAC3B,SAAA,CAAC,UAAU,CAAC,qBAA2B;;;;;gBACzC,SAAA,CAAC,UAAU,CAAC,qBAAyB;;;;;gBACrC,SAAA,CAAC,UAAU,CAAC,qBAAyB;;;;EAiCxD,CAAA;AAEF,eAAO,MAAM,WAAW,QAUtB,CAAA;AAEF,eAAO,MAAM,YAAY,QAsBvB,CAAA;AAEF,eAAO,MAAM,YAAY,QAcvB,CAAA;AAEF,eAAO,MAAM,SAAS,QAKpB,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAEF,eAAO,MAAM,aAAa,QAKxB,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haklex/rich-renderer-alert",
3
- "version": "0.0.4",
3
+ "version": "0.0.6",
4
4
  "description": "Alert renderer for haklex rich editor",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -17,14 +17,15 @@
17
17
  ],
18
18
  "dependencies": {
19
19
  "lucide-react": "^0.574.0",
20
- "@haklex/rich-editor": "0.0.4",
21
- "@haklex/rich-style-token": "0.0.4",
22
- "@haklex/rich-editor-ui": "0.0.4"
20
+ "@haklex/rich-editor": "0.0.6",
21
+ "@haklex/rich-editor-ui": "0.0.6",
22
+ "@haklex/rich-style-token": "0.0.6"
23
23
  },
24
24
  "devDependencies": {
25
25
  "@types/react": "^19.0.0",
26
26
  "@types/react-dom": "^19.0.0",
27
27
  "@vanilla-extract/css": "^1.18.0",
28
+ "@vanilla-extract/recipes": "^0.5.7",
28
29
  "@vanilla-extract/vite-plugin": "^5.1.4",
29
30
  "react": "19.2.4",
30
31
  "react-dom": "19.2.4",