react-minolith 0.0.19 → 0.0.20
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.
package/README.md
CHANGED
|
@@ -4,6 +4,8 @@
|
|
|
4
4
|
[](https://www.npmjs.com/package/react-minolith)
|
|
5
5
|
[](https://www.npmjs.com/package/react-minolith)
|
|
6
6
|
|
|
7
|
+
[](https://nodei.co/npm/react-minolith/)
|
|
8
|
+
|
|
7
9
|
## Overview
|
|
8
10
|
|
|
9
11
|
react-minolith is an open-source react wrapper for [minolith](https://github.com/minominolyly/minolith).
|
package/dist/assets/Message.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._message_1r712_1{display:block;background-color:var(--minolith-color-default-message-back);border-color:var(--minolith-color-default-message-border);border-radius:var(--minolith-border-radius-medium);border-style:solid;border-width:var(--minolith-border-width-thin);color:var(--minolith-color-default-messaage-fore)}._message_1r712_1>._message-header_1r712_10{background-color:var(--minolith-color-default-message-header-back);border-radius:var(--minolith-border-radius-medium) var(--minolith-border-radius-medium) 0 0;color:var(--minolith-color-default-message-header-fore);display:block;font-size:var(--minolith-font-size-medium);font-weight:var(--minolith-font-weight-semibold);padding:.5rem}._message_1r712_1>._message-body_1r712_19{background-color:var(--minolith-color-default-message-body-back);border-radius:0 0 var(--minolith-border-radius-medium) var(--minolith-border-radius-medium);color:var(--minolith-color-default-message-body-fore);display:block;padding:.5rem}._message_1r712_1>._message-body_1r712_19:first-child{border-radius:var(--minolith-border-radius-medium)}._message_1r712_1._is-gray_1r712_29{background-color:var(--minolith-color-gray-message-back);border-color:var(--minolith-color-gray-message-border);color:var(--minolith-color-gray-message-fore)}._message_1r712_1._is-gray_1r712_29>._message-header_1r712_10{background-color:var(--minolith-color-gray-message-header-back);color:var(--minolith-color-gray-message-header-fore)}._message_1r712_1._is-gray_1r712_29>._message-body_1r712_19{background-color:var(--minolith-color-gray-message-body-back);color:var(--minolith-color-gray-message-body-fore)}._message_1r712_1._is-red_1r712_42{background-color:var(--minolith-color-red-message-back);border-color:var(--minolith-color-red-message-border);color:var(--minolith-color-red-message-fore)}._message_1r712_1._is-red_1r712_42>._message-header_1r712_10{background-color:var(--minolith-color-red-message-header-back);color:var(--minolith-color-red-message-header-fore)}._message_1r712_1._is-red_1r712_42>._message-body_1r712_19{background-color:var(--minolith-color-red-message-body-back);color:var(--minolith-color-red-message-body-fore)}._message_1r712_1._is-orange_1r712_55{background-color:var(--minolith-color-orange-message-back);border-color:var(--minolith-color-orange-message-border);color:var(--minolith-color-orange-message-fore)}._message_1r712_1._is-orange_1r712_55>._message-header_1r712_10{background-color:var(--minolith-color-orange-message-header-back);color:var(--minolith-color-orange-message-header-fore)}._message_1r712_1._is-orange_1r712_55>._message-body_1r712_19{background-color:var(--minolith-color-orange-message-body-back);color:var(--minolith-color-orange-message-body-fore)}._message_1r712_1._is-yellow_1r712_68{background-color:var(--minolith-color-yellow-message-back);border-color:var(--minolith-color-yellow-message-border);color:var(--minolith-color-yellow-message-fore)}._message_1r712_1._is-yellow_1r712_68>._message-header_1r712_10{background-color:var(--minolith-color-yellow-message-header-back);color:var(--minolith-color-yellow-message-header-fore)}._message_1r712_1._is-yellow_1r712_68>._message-body_1r712_19{background-color:var(--minolith-color-yellow-message-body-back);color:var(--minolith-color-yellow-message-body-fore)}._message_1r712_1._is-green_1r712_81{background-color:var(--minolith-color-green-message-back);border-color:var(--minolith-color-green-message-border);color:var(--minolith-color-green-message-fore)}._message_1r712_1._is-green_1r712_81>._message-header_1r712_10{background-color:var(--minolith-color-green-message-header-back);color:var(--minolith-color-green-message-header-fore)}._message_1r712_1._is-green_1r712_81>._message-body_1r712_19{background-color:var(--minolith-color-green-message-body-back);color:var(--minolith-color-green-message-body-fore)}._message_1r712_1._is-cyan_1r712_94{background-color:var(--minolith-color-cyan-message-back);border-color:var(--minolith-color-cyan-message-border);color:var(--minolith-color-cyan-message-fore)}._message_1r712_1._is-cyan_1r712_94>._message-header_1r712_10{background-color:var(--minolith-color-cyan-message-header-back);color:var(--minolith-color-cyan-message-header-fore)}._message_1r712_1._is-cyan_1r712_94>._message-body_1r712_19{background-color:var(--minolith-color-cyan-message-body-back);color:var(--minolith-color-cyan-message-body-fore)}._message_1r712_1._is-blue_1r712_107{background-color:var(--minolith-color-blue-message-back);border-color:var(--minolith-color-blue-message-border);color:var(--minolith-color-blue-message-fore)}._message_1r712_1._is-blue_1r712_107>._message-header_1r712_10{background-color:var(--minolith-color-blue-message-header-back);color:var(--minolith-color-blue-message-header-fore)}._message_1r712_1._is-blue_1r712_107>._message-body_1r712_19{background-color:var(--minolith-color-blue-message-body-back);color:var(--minolith-color-blue-message-body-fore)}._message_1r712_1._is-violet_1r712_120{background-color:var(--minolith-color-violet-message-back);border-color:var(--minolith-color-violet-message-border);color:var(--minolith-color-violet-message-fore)}._message_1r712_1._is-violet_1r712_120>._message-header_1r712_10{background-color:var(--minolith-color-violet-message-header-back);color:var(--minolith-color-violet-message-header-fore)}._message_1r712_1._is-violet_1r712_120>._message-body_1r712_19{background-color:var(--minolith-color-violet-message-body-back);color:var(--minolith-color-violet-message-body-fore)}._message_1r712_1._is-magenta_1r712_133{background-color:var(--minolith-color-magenta-message-back);border-color:var(--minolith-color-magenta-message-border);color:var(--minolith-color-magenta-message-fore)}._message_1r712_1._is-magenta_1r712_133>._message-header_1r712_10{background-color:var(--minolith-color-magenta-message-header-back);color:var(--minolith-color-magenta-message-header-fore)}._message_1r712_1._is-magenta_1r712_133>._message-body_1r712_19{background-color:var(--minolith-color-magenta-message-body-back);color:var(--minolith-color-magenta-message-body-fore)}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import '../../assets/Message.css';const
|
|
4
|
-
message:
|
|
5
|
-
"message-header": "_message-
|
|
6
|
-
"message-body": "_message-
|
|
7
|
-
"is-gray": "_is-
|
|
8
|
-
"is-red": "_is-
|
|
9
|
-
"is-orange": "_is-
|
|
10
|
-
"is-yellow": "_is-
|
|
11
|
-
"is-green": "_is-
|
|
12
|
-
"is-cyan": "_is-
|
|
13
|
-
"is-blue": "_is-
|
|
14
|
-
"is-violet": "_is-
|
|
15
|
-
"is-magenta": "_is-
|
|
2
|
+
import l from "../../utilities/classNameUtility.js";
|
|
3
|
+
import '../../assets/Message.css';const r = "_message_1r712_1", _ = {
|
|
4
|
+
message: r,
|
|
5
|
+
"message-header": "_message-header_1r712_10",
|
|
6
|
+
"message-body": "_message-body_1r712_19",
|
|
7
|
+
"is-gray": "_is-gray_1r712_29",
|
|
8
|
+
"is-red": "_is-red_1r712_42",
|
|
9
|
+
"is-orange": "_is-orange_1r712_55",
|
|
10
|
+
"is-yellow": "_is-yellow_1r712_68",
|
|
11
|
+
"is-green": "_is-green_1r712_81",
|
|
12
|
+
"is-cyan": "_is-cyan_1r712_94",
|
|
13
|
+
"is-blue": "_is-blue_1r712_107",
|
|
14
|
+
"is-violet": "_is-violet_1r712_120",
|
|
15
|
+
"is-magenta": "_is-magenta_1r712_133"
|
|
16
16
|
};
|
|
17
|
-
function
|
|
17
|
+
function m(s) {
|
|
18
18
|
const e = { ...s };
|
|
19
19
|
delete e.colorName, delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
|
|
20
|
-
const a = [
|
|
21
|
-
return s.colorName && a.push(
|
|
20
|
+
const a = [_.message];
|
|
21
|
+
return s.colorName && a.push(_[`is-${s.colorName}`]), a.push(...l.getUtilityClassNames(s)), s.className && a.push(s.className), s.as ? /* @__PURE__ */ i(
|
|
22
22
|
s.as,
|
|
23
23
|
{
|
|
24
24
|
...e,
|
|
@@ -33,6 +33,6 @@ function g(s) {
|
|
|
33
33
|
);
|
|
34
34
|
}
|
|
35
35
|
export {
|
|
36
|
-
|
|
36
|
+
m as default
|
|
37
37
|
};
|
|
38
38
|
//# sourceMappingURL=Message.js.map
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import _ from "../../utilities/classNameUtility.js";
|
|
3
|
-
import '../../assets/Message.css';const
|
|
4
|
-
message:
|
|
5
|
-
"message-header": "_message-
|
|
6
|
-
"message-body": "_message-
|
|
7
|
-
"is-gray": "_is-
|
|
8
|
-
"is-red": "_is-
|
|
9
|
-
"is-orange": "_is-
|
|
10
|
-
"is-yellow": "_is-
|
|
11
|
-
"is-green": "_is-
|
|
12
|
-
"is-cyan": "_is-
|
|
13
|
-
"is-blue": "_is-
|
|
14
|
-
"is-violet": "_is-
|
|
15
|
-
"is-magenta": "_is-
|
|
3
|
+
import '../../assets/Message.css';const r = "_message_1r712_1", t = {
|
|
4
|
+
message: r,
|
|
5
|
+
"message-header": "_message-header_1r712_10",
|
|
6
|
+
"message-body": "_message-body_1r712_19",
|
|
7
|
+
"is-gray": "_is-gray_1r712_29",
|
|
8
|
+
"is-red": "_is-red_1r712_42",
|
|
9
|
+
"is-orange": "_is-orange_1r712_55",
|
|
10
|
+
"is-yellow": "_is-yellow_1r712_68",
|
|
11
|
+
"is-green": "_is-green_1r712_81",
|
|
12
|
+
"is-cyan": "_is-cyan_1r712_94",
|
|
13
|
+
"is-blue": "_is-blue_1r712_107",
|
|
14
|
+
"is-violet": "_is-violet_1r712_120",
|
|
15
|
+
"is-magenta": "_is-magenta_1r712_133"
|
|
16
16
|
};
|
|
17
|
-
function
|
|
17
|
+
function n(s) {
|
|
18
18
|
const e = { ...s };
|
|
19
19
|
delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
|
|
20
|
-
const a = [
|
|
20
|
+
const a = [t["message-body"]];
|
|
21
21
|
return a.push(..._.getUtilityClassNames(s)), s.className && a.push(s.className), s.as ? /* @__PURE__ */ i(
|
|
22
22
|
s.as,
|
|
23
23
|
{
|
|
@@ -33,6 +33,6 @@ function g(s) {
|
|
|
33
33
|
);
|
|
34
34
|
}
|
|
35
35
|
export {
|
|
36
|
-
|
|
36
|
+
n as default
|
|
37
37
|
};
|
|
38
38
|
//# sourceMappingURL=MessageBody.js.map
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import _ from "../../utilities/classNameUtility.js";
|
|
3
|
-
import '../../assets/Message.css';const
|
|
4
|
-
message:
|
|
5
|
-
"message-header": "_message-
|
|
6
|
-
"message-body": "_message-
|
|
7
|
-
"is-gray": "_is-
|
|
8
|
-
"is-red": "_is-
|
|
9
|
-
"is-orange": "_is-
|
|
10
|
-
"is-yellow": "_is-
|
|
11
|
-
"is-green": "_is-
|
|
12
|
-
"is-cyan": "_is-
|
|
13
|
-
"is-blue": "_is-
|
|
14
|
-
"is-violet": "_is-
|
|
15
|
-
"is-magenta": "_is-
|
|
3
|
+
import '../../assets/Message.css';const r = "_message_1r712_1", t = {
|
|
4
|
+
message: r,
|
|
5
|
+
"message-header": "_message-header_1r712_10",
|
|
6
|
+
"message-body": "_message-body_1r712_19",
|
|
7
|
+
"is-gray": "_is-gray_1r712_29",
|
|
8
|
+
"is-red": "_is-red_1r712_42",
|
|
9
|
+
"is-orange": "_is-orange_1r712_55",
|
|
10
|
+
"is-yellow": "_is-yellow_1r712_68",
|
|
11
|
+
"is-green": "_is-green_1r712_81",
|
|
12
|
+
"is-cyan": "_is-cyan_1r712_94",
|
|
13
|
+
"is-blue": "_is-blue_1r712_107",
|
|
14
|
+
"is-violet": "_is-violet_1r712_120",
|
|
15
|
+
"is-magenta": "_is-magenta_1r712_133"
|
|
16
16
|
};
|
|
17
|
-
function
|
|
17
|
+
function n(s) {
|
|
18
18
|
const e = { ...s };
|
|
19
19
|
delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
|
|
20
|
-
const a = [
|
|
20
|
+
const a = [t["message-header"]];
|
|
21
21
|
return a.push(..._.getUtilityClassNames(s)), s.className && a.push(s.className), s.as ? /* @__PURE__ */ i(
|
|
22
22
|
s.as,
|
|
23
23
|
{
|
|
@@ -33,6 +33,6 @@ function g(s) {
|
|
|
33
33
|
);
|
|
34
34
|
}
|
|
35
35
|
export {
|
|
36
|
-
|
|
36
|
+
n as default
|
|
37
37
|
};
|
|
38
38
|
//# sourceMappingURL=MessageHeader.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-minolith",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.20",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/react-minolith.js",
|
|
6
6
|
"types": "./dist/react-minolith.d.ts",
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"eslint-plugin-react-refresh": "^0.4.16",
|
|
72
72
|
"eslint-plugin-storybook": "^0.11.1",
|
|
73
73
|
"glob": "^11.0.0",
|
|
74
|
-
"minolith": "^0.0.
|
|
74
|
+
"minolith": "^0.0.21",
|
|
75
75
|
"react": "^19.0.0",
|
|
76
76
|
"react-dom": "^19.0.0",
|
|
77
77
|
"rimraf": "^6.0.1",
|