react-minolith 0.0.23 → 0.0.24
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/dist/Breadcrumbs.module-BtQf5S18.js +18 -0
- package/dist/Breadcrumbs.module-BtQf5S18.js.map +1 -0
- package/dist/assets/Accordion.css +1 -1
- package/dist/assets/Badge.css +1 -1
- package/dist/assets/Blockquote.css +1 -1
- package/dist/assets/Breadcrumbs.css +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Card.css +1 -1
- package/dist/assets/Columns.css +1 -1
- package/dist/assets/Container.css +1 -1
- package/dist/assets/Dialogue.css +1 -1
- package/dist/assets/Div.css +1 -1
- package/dist/assets/Dot.css +1 -1
- package/dist/assets/Footer.css +1 -1
- package/dist/assets/Gingham.css +1 -1
- package/dist/assets/Header.css +1 -1
- package/dist/assets/Heading.css +1 -1
- package/dist/assets/Label.css +1 -1
- package/dist/assets/Link.css +1 -1
- package/dist/assets/Loader.css +1 -1
- package/dist/assets/Message.css +1 -1
- package/dist/assets/MinolithCssVariableStylesProvider.css +1 -1
- package/dist/assets/Modal.css +1 -1
- package/dist/assets/Nav.css +1 -1
- package/dist/assets/Paragraph.css +1 -1
- package/dist/assets/Progress.css +1 -1
- package/dist/assets/Section.css +1 -1
- package/dist/assets/Span.css +1 -1
- package/dist/assets/Stripe.css +1 -1
- package/dist/assets/Textarea.css +1 -1
- package/dist/backgrounds/Dot/Dot.js +19 -19
- package/dist/backgrounds/Gingham/Gingham.js +21 -21
- package/dist/backgrounds/Stripe/Stripe.js +26 -26
- package/dist/common/models/ComponentsCssVariable.d.ts +3 -0
- package/dist/common/models/ComponentsCssVariable.d.ts.map +1 -1
- package/dist/components/Accordion/Accordion.js +22 -22
- package/dist/components/Accordion/AccordionDetails.js +23 -23
- package/dist/components/Accordion/AccordionSummary.js +21 -21
- package/dist/components/Badge/Badge.js +21 -21
- package/dist/components/Blockquote/Blockquote.js +22 -22
- package/dist/components/Breadcrumbs/Breadcrumb.d.ts +3 -0
- package/dist/components/Breadcrumbs/Breadcrumb.d.ts.map +1 -0
- package/dist/components/Breadcrumbs/Breadcrumb.js +13 -0
- package/dist/components/Breadcrumbs/Breadcrumb.js.map +1 -0
- package/dist/components/Breadcrumbs/BreadcrumbProps.d.ts +5 -0
- package/dist/components/Breadcrumbs/BreadcrumbProps.d.ts.map +1 -0
- package/dist/components/Breadcrumbs/BreadcrumbProps.js +2 -0
- package/dist/components/Breadcrumbs/BreadcrumbProps.js.map +1 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +3 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.js +13 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts +12 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts.map +1 -0
- package/dist/components/Breadcrumbs/BreadcrumbsNav.d.ts +3 -0
- package/dist/components/Breadcrumbs/BreadcrumbsNav.d.ts.map +1 -0
- package/dist/components/Breadcrumbs/BreadcrumbsNav.js +20 -0
- package/dist/components/Breadcrumbs/BreadcrumbsNav.js.map +1 -0
- package/dist/components/Breadcrumbs/BreadcrumbsNavProps.d.ts +5 -0
- package/dist/components/Breadcrumbs/BreadcrumbsNavProps.d.ts.map +1 -0
- package/dist/components/Breadcrumbs/BreadcrumbsNavProps.js +2 -0
- package/dist/components/Breadcrumbs/BreadcrumbsNavProps.js.map +1 -0
- package/dist/components/Breadcrumbs/BreadcrumbsProps.d.ts +7 -0
- package/dist/components/Breadcrumbs/BreadcrumbsProps.d.ts.map +1 -0
- package/dist/components/Breadcrumbs/BreadcrumbsProps.js +2 -0
- package/dist/components/Breadcrumbs/BreadcrumbsProps.js.map +1 -0
- package/dist/components/Breadcrumbs/index.d.ts +7 -0
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -0
- package/dist/components/Breadcrumbs/index.js +9 -0
- package/dist/components/Breadcrumbs/index.js.map +1 -0
- package/dist/components/Button/Button.js +26 -26
- package/dist/components/Card/Card.js +23 -23
- package/dist/components/Card/CardBody.js +23 -23
- package/dist/components/Card/CardFooter.js +23 -23
- package/dist/components/Card/CardHeader.js +23 -23
- package/dist/components/Dialogue/Dialogue.js +36 -36
- package/dist/components/Dialogue/DialogueAvatar.js +36 -36
- package/dist/components/Dialogue/DialogueAvatarContainer.js +36 -36
- package/dist/components/Dialogue/DialogueContentContainer.js +36 -36
- package/dist/components/Dialogue/DialogueMessage.js +36 -36
- package/dist/components/Dialogue/DialogueMessageInner.js +36 -36
- package/dist/components/Dialogue/DialogueName.js +36 -36
- package/dist/components/Div/Div.js +1 -1
- package/dist/components/Footer/Footer.js +12 -12
- package/dist/components/Header/Header.js +16 -16
- package/dist/components/Heading/Heading.js +6 -6
- package/dist/components/Input/Input.js +37 -37
- package/dist/components/Label/Label.js +13 -13
- package/dist/components/Link/Link.js +15 -15
- package/dist/components/Loader/Loader.js +45 -45
- package/dist/components/Message/Message.js +20 -20
- package/dist/components/Message/MessageBody.js +17 -17
- package/dist/components/Message/MessageHeader.js +17 -17
- package/dist/components/Modal/Modal.js +20 -20
- package/dist/components/Modal/ModalContent.js +18 -18
- package/dist/components/Nav/Nav.js +39 -39
- package/dist/components/Nav/NavAccordion.js +39 -39
- package/dist/components/Nav/NavBrand.js +40 -40
- package/dist/components/Nav/NavBrandCenter.js +39 -39
- package/dist/components/Nav/NavBrandLeft.js +40 -40
- package/dist/components/Nav/NavBrandRight.js +40 -40
- package/dist/components/Nav/NavMenu.js +40 -40
- package/dist/components/Nav/NavMenuItem.js +40 -40
- package/dist/components/Nav/NavStatic.js +39 -39
- package/dist/components/Paragraph/Paragraph.js +1 -1
- package/dist/components/Progress/Progress.js +140 -140
- package/dist/components/Ruby/Ruby.js +1 -1
- package/dist/components/Section/Section.js +1 -1
- package/dist/components/Span/Span.js +3 -3
- package/dist/components/Textarea/Textarea.js +37 -37
- package/dist/layouts/Columns/Column.js +969 -969
- package/dist/layouts/Columns/Columns.js +1107 -1107
- package/dist/layouts/Container/Container.js +764 -764
- package/dist/react-minolith.d.ts +1 -0
- package/dist/react-minolith.d.ts.map +1 -1
- package/dist/react-minolith.js +106 -100
- package/dist/react-minolith.js.map +1 -1
- package/dist/utilities/minolithStyleUtility/minolithStyleUtility.d.ts.map +1 -1
- package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js +97 -91
- package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
import { jsx as _ } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import '../../assets/Button.css';const
|
|
4
|
-
button:
|
|
5
|
-
"is-circle": "_is-
|
|
6
|
-
"is-small": "_is-
|
|
7
|
-
"is-large": "_is-
|
|
8
|
-
"is-xlarge": "_is-
|
|
9
|
-
"is-hovered": "_is-
|
|
10
|
-
"is-focus": "_is-
|
|
11
|
-
"is-focused": "_is-
|
|
12
|
-
"is-active": "_is-
|
|
13
|
-
"is-disabled": "_is-
|
|
14
|
-
"is-gray": "_is-
|
|
15
|
-
"is-hover": "_is-
|
|
16
|
-
"is-red": "_is-
|
|
17
|
-
"is-orange": "_is-
|
|
18
|
-
"is-yellow": "_is-
|
|
19
|
-
"is-green": "_is-
|
|
20
|
-
"is-cyan": "_is-
|
|
21
|
-
"is-blue": "_is-
|
|
22
|
-
"is-violet": "_is-
|
|
23
|
-
"is-magenta": "_is-
|
|
2
|
+
import t from "../../utilities/classNameUtility.js";
|
|
3
|
+
import '../../assets/Button.css';const d = "_button_1yawd_1", a = {
|
|
4
|
+
button: d,
|
|
5
|
+
"is-circle": "_is-circle_1yawd_21",
|
|
6
|
+
"is-small": "_is-small_1yawd_29",
|
|
7
|
+
"is-large": "_is-large_1yawd_36",
|
|
8
|
+
"is-xlarge": "_is-xlarge_1yawd_43",
|
|
9
|
+
"is-hovered": "_is-hovered_1yawd_50",
|
|
10
|
+
"is-focus": "_is-focus_1yawd_56",
|
|
11
|
+
"is-focused": "_is-focused_1yawd_56",
|
|
12
|
+
"is-active": "_is-active_1yawd_62",
|
|
13
|
+
"is-disabled": "_is-disabled_1yawd_68",
|
|
14
|
+
"is-gray": "_is-gray_1yawd_73",
|
|
15
|
+
"is-hover": "_is-hover_1yawd_50",
|
|
16
|
+
"is-red": "_is-red_1yawd_99",
|
|
17
|
+
"is-orange": "_is-orange_1yawd_125",
|
|
18
|
+
"is-yellow": "_is-yellow_1yawd_151",
|
|
19
|
+
"is-green": "_is-green_1yawd_177",
|
|
20
|
+
"is-cyan": "_is-cyan_1yawd_203",
|
|
21
|
+
"is-blue": "_is-blue_1yawd_229",
|
|
22
|
+
"is-violet": "_is-violet_1yawd_255",
|
|
23
|
+
"is-magenta": "_is-magenta_1yawd_281"
|
|
24
24
|
};
|
|
25
|
-
function
|
|
25
|
+
function n(s) {
|
|
26
26
|
const e = { ...s };
|
|
27
27
|
delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
|
|
28
|
-
const i = [
|
|
29
|
-
return s.colorName && i.push(
|
|
28
|
+
const i = [a.button];
|
|
29
|
+
return s.colorName && i.push(a[`is-${s.colorName}`]), i.push(...t.getUtilityClassNames(s)), s.className && i.push(s.className), /* @__PURE__ */ _("button", { ...e, className: i.join(" ") });
|
|
30
30
|
}
|
|
31
31
|
export {
|
|
32
|
-
|
|
32
|
+
n as default
|
|
33
33
|
};
|
|
34
34
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import '../../assets/Card.css';const
|
|
4
|
-
card:
|
|
5
|
-
"has-shadow": "_has-
|
|
6
|
-
"card-header": "_card-
|
|
7
|
-
"card-body": "_card-
|
|
8
|
-
"card-footer": "_card-
|
|
9
|
-
"is-gray": "_is-
|
|
10
|
-
"is-red": "_is-
|
|
11
|
-
"is-orange": "_is-
|
|
12
|
-
"is-yellow": "_is-
|
|
13
|
-
"is-green": "_is-
|
|
14
|
-
"is-cyan": "_is-
|
|
15
|
-
"is-blue": "_is-
|
|
16
|
-
"is-violet": "_is-
|
|
17
|
-
"is-magenta": "_is-
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import i from "../../utilities/classNameUtility.js";
|
|
3
|
+
import '../../assets/Card.css';const b = "_card_1o7bb_1", _ = {
|
|
4
|
+
card: b,
|
|
5
|
+
"has-shadow": "_has-shadow_1o7bb_13",
|
|
6
|
+
"card-header": "_card-header_1o7bb_16",
|
|
7
|
+
"card-body": "_card-body_1o7bb_28",
|
|
8
|
+
"card-footer": "_card-footer_1o7bb_46",
|
|
9
|
+
"is-gray": "_is-gray_1o7bb_56",
|
|
10
|
+
"is-red": "_is-red_1o7bb_73",
|
|
11
|
+
"is-orange": "_is-orange_1o7bb_90",
|
|
12
|
+
"is-yellow": "_is-yellow_1o7bb_107",
|
|
13
|
+
"is-green": "_is-green_1o7bb_124",
|
|
14
|
+
"is-cyan": "_is-cyan_1o7bb_141",
|
|
15
|
+
"is-blue": "_is-blue_1o7bb_158",
|
|
16
|
+
"is-violet": "_is-violet_1o7bb_175",
|
|
17
|
+
"is-magenta": "_is-magenta_1o7bb_192"
|
|
18
18
|
};
|
|
19
|
-
function
|
|
20
|
-
const
|
|
21
|
-
delete
|
|
22
|
-
const s = [
|
|
23
|
-
return
|
|
19
|
+
function t(a) {
|
|
20
|
+
const e = { ...a };
|
|
21
|
+
delete e.as, delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
|
|
22
|
+
const s = [_.card];
|
|
23
|
+
return a.colorName && s.push(_[`is-${a.colorName}`]), s.push(...i.getUtilityClassNames(a)), a.className && s.push(a.className), a.as ? /* @__PURE__ */ o(a.as, { ...e, className: s.join(" ") }) : /* @__PURE__ */ o("div", { ...e, className: s.join(" ") });
|
|
24
24
|
}
|
|
25
25
|
export {
|
|
26
|
-
|
|
26
|
+
t as default
|
|
27
27
|
};
|
|
28
28
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import '../../assets/Card.css';const
|
|
4
|
-
card:
|
|
5
|
-
"has-shadow": "_has-
|
|
6
|
-
"card-header": "_card-
|
|
7
|
-
"card-body": "_card-
|
|
8
|
-
"card-footer": "_card-
|
|
9
|
-
"is-gray": "_is-
|
|
10
|
-
"is-red": "_is-
|
|
11
|
-
"is-orange": "_is-
|
|
12
|
-
"is-yellow": "_is-
|
|
13
|
-
"is-green": "_is-
|
|
14
|
-
"is-cyan": "_is-
|
|
15
|
-
"is-blue": "_is-
|
|
16
|
-
"is-violet": "_is-
|
|
17
|
-
"is-magenta": "_is-
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import _ from "../../utilities/classNameUtility.js";
|
|
3
|
+
import '../../assets/Card.css';const i = "_card_1o7bb_1", b = {
|
|
4
|
+
card: i,
|
|
5
|
+
"has-shadow": "_has-shadow_1o7bb_13",
|
|
6
|
+
"card-header": "_card-header_1o7bb_16",
|
|
7
|
+
"card-body": "_card-body_1o7bb_28",
|
|
8
|
+
"card-footer": "_card-footer_1o7bb_46",
|
|
9
|
+
"is-gray": "_is-gray_1o7bb_56",
|
|
10
|
+
"is-red": "_is-red_1o7bb_73",
|
|
11
|
+
"is-orange": "_is-orange_1o7bb_90",
|
|
12
|
+
"is-yellow": "_is-yellow_1o7bb_107",
|
|
13
|
+
"is-green": "_is-green_1o7bb_124",
|
|
14
|
+
"is-cyan": "_is-cyan_1o7bb_141",
|
|
15
|
+
"is-blue": "_is-blue_1o7bb_158",
|
|
16
|
+
"is-violet": "_is-violet_1o7bb_175",
|
|
17
|
+
"is-magenta": "_is-magenta_1o7bb_192"
|
|
18
18
|
};
|
|
19
|
-
function
|
|
20
|
-
const
|
|
21
|
-
delete
|
|
22
|
-
const
|
|
23
|
-
return
|
|
19
|
+
function r(s) {
|
|
20
|
+
const e = { ...s };
|
|
21
|
+
delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
|
|
22
|
+
const a = [b["card-body"]];
|
|
23
|
+
return a.push(..._.getUtilityClassNames(s)), s.className && a.push(s.className), s.as ? /* @__PURE__ */ o(s.as, { ...e, className: a.join(" ") }) : /* @__PURE__ */ o("div", { ...e, className: a.join(" ") });
|
|
24
24
|
}
|
|
25
25
|
export {
|
|
26
|
-
|
|
26
|
+
r as default
|
|
27
27
|
};
|
|
28
28
|
//# sourceMappingURL=CardBody.js.map
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import '../../assets/Card.css';const
|
|
4
|
-
card:
|
|
5
|
-
"has-shadow": "_has-
|
|
6
|
-
"card-header": "_card-
|
|
7
|
-
"card-body": "_card-
|
|
8
|
-
"card-footer": "_card-
|
|
9
|
-
"is-gray": "_is-
|
|
10
|
-
"is-red": "_is-
|
|
11
|
-
"is-orange": "_is-
|
|
12
|
-
"is-yellow": "_is-
|
|
13
|
-
"is-green": "_is-
|
|
14
|
-
"is-cyan": "_is-
|
|
15
|
-
"is-blue": "_is-
|
|
16
|
-
"is-violet": "_is-
|
|
17
|
-
"is-magenta": "_is-
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import _ from "../../utilities/classNameUtility.js";
|
|
3
|
+
import '../../assets/Card.css';const i = "_card_1o7bb_1", b = {
|
|
4
|
+
card: i,
|
|
5
|
+
"has-shadow": "_has-shadow_1o7bb_13",
|
|
6
|
+
"card-header": "_card-header_1o7bb_16",
|
|
7
|
+
"card-body": "_card-body_1o7bb_28",
|
|
8
|
+
"card-footer": "_card-footer_1o7bb_46",
|
|
9
|
+
"is-gray": "_is-gray_1o7bb_56",
|
|
10
|
+
"is-red": "_is-red_1o7bb_73",
|
|
11
|
+
"is-orange": "_is-orange_1o7bb_90",
|
|
12
|
+
"is-yellow": "_is-yellow_1o7bb_107",
|
|
13
|
+
"is-green": "_is-green_1o7bb_124",
|
|
14
|
+
"is-cyan": "_is-cyan_1o7bb_141",
|
|
15
|
+
"is-blue": "_is-blue_1o7bb_158",
|
|
16
|
+
"is-violet": "_is-violet_1o7bb_175",
|
|
17
|
+
"is-magenta": "_is-magenta_1o7bb_192"
|
|
18
18
|
};
|
|
19
|
-
function
|
|
20
|
-
const
|
|
21
|
-
delete
|
|
22
|
-
const
|
|
23
|
-
return
|
|
19
|
+
function r(s) {
|
|
20
|
+
const e = { ...s };
|
|
21
|
+
delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
|
|
22
|
+
const a = [b["card-footer"]];
|
|
23
|
+
return a.push(..._.getUtilityClassNames(s)), s.className && a.push(s.className), s.as ? /* @__PURE__ */ o(s.as, { ...e, className: a.join(" ") }) : /* @__PURE__ */ o("div", { ...e, className: a.join(" ") });
|
|
24
24
|
}
|
|
25
25
|
export {
|
|
26
|
-
|
|
26
|
+
r as default
|
|
27
27
|
};
|
|
28
28
|
//# sourceMappingURL=CardFooter.js.map
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import '../../assets/Card.css';const
|
|
4
|
-
card:
|
|
5
|
-
"has-shadow": "_has-
|
|
6
|
-
"card-header": "_card-
|
|
7
|
-
"card-body": "_card-
|
|
8
|
-
"card-footer": "_card-
|
|
9
|
-
"is-gray": "_is-
|
|
10
|
-
"is-red": "_is-
|
|
11
|
-
"is-orange": "_is-
|
|
12
|
-
"is-yellow": "_is-
|
|
13
|
-
"is-green": "_is-
|
|
14
|
-
"is-cyan": "_is-
|
|
15
|
-
"is-blue": "_is-
|
|
16
|
-
"is-violet": "_is-
|
|
17
|
-
"is-magenta": "_is-
|
|
1
|
+
import { jsx as _ } from "react/jsx-runtime";
|
|
2
|
+
import i from "../../utilities/classNameUtility.js";
|
|
3
|
+
import '../../assets/Card.css';const o = "_card_1o7bb_1", b = {
|
|
4
|
+
card: o,
|
|
5
|
+
"has-shadow": "_has-shadow_1o7bb_13",
|
|
6
|
+
"card-header": "_card-header_1o7bb_16",
|
|
7
|
+
"card-body": "_card-body_1o7bb_28",
|
|
8
|
+
"card-footer": "_card-footer_1o7bb_46",
|
|
9
|
+
"is-gray": "_is-gray_1o7bb_56",
|
|
10
|
+
"is-red": "_is-red_1o7bb_73",
|
|
11
|
+
"is-orange": "_is-orange_1o7bb_90",
|
|
12
|
+
"is-yellow": "_is-yellow_1o7bb_107",
|
|
13
|
+
"is-green": "_is-green_1o7bb_124",
|
|
14
|
+
"is-cyan": "_is-cyan_1o7bb_141",
|
|
15
|
+
"is-blue": "_is-blue_1o7bb_158",
|
|
16
|
+
"is-violet": "_is-violet_1o7bb_175",
|
|
17
|
+
"is-magenta": "_is-magenta_1o7bb_192"
|
|
18
18
|
};
|
|
19
|
-
function
|
|
20
|
-
const
|
|
21
|
-
delete
|
|
22
|
-
const
|
|
23
|
-
return
|
|
19
|
+
function t(s) {
|
|
20
|
+
const e = { ...s };
|
|
21
|
+
delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
|
|
22
|
+
const a = [b["card-header"]];
|
|
23
|
+
return a.push(...i.getUtilityClassNames(s)), s.className && a.push(s.className), s.as ? /* @__PURE__ */ _(s.as, { ...e, className: a.join(" ") }) : /* @__PURE__ */ _("div", { ...e, className: a.join(" ") });
|
|
24
24
|
}
|
|
25
25
|
export {
|
|
26
|
-
|
|
26
|
+
t as default
|
|
27
27
|
};
|
|
28
28
|
//# sourceMappingURL=CardHeader.js.map
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import '../../assets/Dialogue.css';const
|
|
4
|
-
dialogue:
|
|
5
|
-
"is-avatar-small": "_is-avatar-
|
|
6
|
-
"is-avatar-large": "_is-avatar-
|
|
7
|
-
"is-avatar-circle": "_is-avatar-
|
|
8
|
-
"dialogue-avatar-container": "_dialogue-avatar-
|
|
9
|
-
"dialogue-avatar": "_dialogue-
|
|
10
|
-
"is-border-width-xthin": "_is-border-width-
|
|
11
|
-
"is-border-width-thin": "_is-border-width-
|
|
12
|
-
"is-border-width-medium": "_is-border-width-
|
|
13
|
-
"is-border-width-thick": "_is-border-width-
|
|
14
|
-
"is-border-width-xthick": "_is-border-width-
|
|
15
|
-
"is-border-width-xxthick": "_is-border-width-
|
|
16
|
-
"is-border-width-xxxthick": "_is-border-width-
|
|
17
|
-
"dialogue-content-container": "_dialogue-content-
|
|
18
|
-
"dialogue-name": "_dialogue-
|
|
19
|
-
"dialogue-message": "_dialogue-
|
|
20
|
-
"dialogue-message-inner": "_dialogue-message-
|
|
21
|
-
"is-left": "_is-
|
|
22
|
-
"is-right": "_is-
|
|
23
|
-
"is-border-style-solid": "_is-border-style-
|
|
24
|
-
"is-border-style-dashed": "_is-border-style-
|
|
25
|
-
"is-border-style-dotted": "_is-border-style-
|
|
26
|
-
"is-gray": "_is-
|
|
27
|
-
"is-red": "_is-
|
|
28
|
-
"is-orange": "_is-
|
|
29
|
-
"is-yellow": "_is-
|
|
30
|
-
"is-green": "_is-
|
|
31
|
-
"is-cyan": "_is-
|
|
32
|
-
"is-blue": "_is-
|
|
33
|
-
"is-violet": "_is-
|
|
34
|
-
"is-magenta": "_is-
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import r from "../../utilities/classNameUtility.js";
|
|
3
|
+
import '../../assets/Dialogue.css';const d = "_dialogue_xmpuw_1", s = {
|
|
4
|
+
dialogue: d,
|
|
5
|
+
"is-avatar-small": "_is-avatar-small_xmpuw_32",
|
|
6
|
+
"is-avatar-large": "_is-avatar-large_xmpuw_37",
|
|
7
|
+
"is-avatar-circle": "_is-avatar-circle_xmpuw_42",
|
|
8
|
+
"dialogue-avatar-container": "_dialogue-avatar-container_xmpuw_54",
|
|
9
|
+
"dialogue-avatar": "_dialogue-avatar_xmpuw_54",
|
|
10
|
+
"is-border-width-xthin": "_is-border-width-xthin_xmpuw_61",
|
|
11
|
+
"is-border-width-thin": "_is-border-width-thin_xmpuw_66",
|
|
12
|
+
"is-border-width-medium": "_is-border-width-medium_xmpuw_71",
|
|
13
|
+
"is-border-width-thick": "_is-border-width-thick_xmpuw_76",
|
|
14
|
+
"is-border-width-xthick": "_is-border-width-xthick_xmpuw_81",
|
|
15
|
+
"is-border-width-xxthick": "_is-border-width-xxthick_xmpuw_86",
|
|
16
|
+
"is-border-width-xxxthick": "_is-border-width-xxxthick_xmpuw_91",
|
|
17
|
+
"dialogue-content-container": "_dialogue-content-container_xmpuw_97",
|
|
18
|
+
"dialogue-name": "_dialogue-name_xmpuw_128",
|
|
19
|
+
"dialogue-message": "_dialogue-message_xmpuw_129",
|
|
20
|
+
"dialogue-message-inner": "_dialogue-message-inner_xmpuw_162",
|
|
21
|
+
"is-left": "_is-left_xmpuw_165",
|
|
22
|
+
"is-right": "_is-right_xmpuw_207",
|
|
23
|
+
"is-border-style-solid": "_is-border-style-solid_xmpuw_249",
|
|
24
|
+
"is-border-style-dashed": "_is-border-style-dashed_xmpuw_256",
|
|
25
|
+
"is-border-style-dotted": "_is-border-style-dotted_xmpuw_263",
|
|
26
|
+
"is-gray": "_is-gray_xmpuw_270",
|
|
27
|
+
"is-red": "_is-red_xmpuw_292",
|
|
28
|
+
"is-orange": "_is-orange_xmpuw_314",
|
|
29
|
+
"is-yellow": "_is-yellow_xmpuw_336",
|
|
30
|
+
"is-green": "_is-green_xmpuw_358",
|
|
31
|
+
"is-cyan": "_is-cyan_xmpuw_380",
|
|
32
|
+
"is-blue": "_is-blue_xmpuw_402",
|
|
33
|
+
"is-violet": "_is-violet_xmpuw_424",
|
|
34
|
+
"is-magenta": "_is-magenta_xmpuw_446"
|
|
35
35
|
};
|
|
36
36
|
function o(e) {
|
|
37
37
|
const i = { ...e };
|
|
38
38
|
delete i.as, delete i.colorName, delete i.avatarSize, delete i.borderStyle, delete i.borderWidth, delete i.isRight, delete i.isAvatarCircle, delete i.fore, delete i.back, delete i.highlighter, delete i.border, delete i.positioning, delete i.sizing, delete i.spacing;
|
|
39
|
-
const
|
|
40
|
-
return e.colorName &&
|
|
39
|
+
const a = [s.dialogue];
|
|
40
|
+
return e.colorName && a.push(s[`is-${e.colorName}`]), e.isRight ? a.push(s["is-right"]) : a.push(s["is-left"]), e.avatarSize && a.push(s[`is-avatar-size-${e.avatarSize}`]), e.borderStyle && a.push(s[`is-border-style-${e.borderStyle}`]), e.borderWidth && a.push(s[`is-border-width-${e.borderWidth}`]), e.isAvatarCircle && a.push(s["is-avatar-circle"]), a.push(...r.getUtilityClassNames(e)), e.className && a.push(e.className), e.as ? /* @__PURE__ */ t(e.as, { ...i, className: a.join(" ") }) : /* @__PURE__ */ t("div", { ...i, className: a.join(" ") });
|
|
41
41
|
}
|
|
42
42
|
export {
|
|
43
43
|
o as default
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import '../../assets/Dialogue.css';const
|
|
4
|
-
dialogue:
|
|
5
|
-
"is-avatar-small": "_is-avatar-
|
|
6
|
-
"is-avatar-large": "_is-avatar-
|
|
7
|
-
"is-avatar-circle": "_is-avatar-
|
|
8
|
-
"dialogue-avatar-container": "_dialogue-avatar-
|
|
9
|
-
"dialogue-avatar": "_dialogue-
|
|
10
|
-
"is-border-width-xthin": "_is-border-width-
|
|
11
|
-
"is-border-width-thin": "_is-border-width-
|
|
12
|
-
"is-border-width-medium": "_is-border-width-
|
|
13
|
-
"is-border-width-thick": "_is-border-width-
|
|
14
|
-
"is-border-width-xthick": "_is-border-width-
|
|
15
|
-
"is-border-width-xxthick": "_is-border-width-
|
|
16
|
-
"is-border-width-xxxthick": "_is-border-width-
|
|
17
|
-
"dialogue-content-container": "_dialogue-content-
|
|
18
|
-
"dialogue-name": "_dialogue-
|
|
19
|
-
"dialogue-message": "_dialogue-
|
|
20
|
-
"dialogue-message-inner": "_dialogue-message-
|
|
21
|
-
"is-left": "_is-
|
|
22
|
-
"is-right": "_is-
|
|
23
|
-
"is-border-style-solid": "_is-border-style-
|
|
24
|
-
"is-border-style-dashed": "_is-border-style-
|
|
25
|
-
"is-border-style-dotted": "_is-border-style-
|
|
26
|
-
"is-gray": "_is-
|
|
27
|
-
"is-red": "_is-
|
|
28
|
-
"is-orange": "_is-
|
|
29
|
-
"is-yellow": "_is-
|
|
30
|
-
"is-green": "_is-
|
|
31
|
-
"is-cyan": "_is-
|
|
32
|
-
"is-blue": "_is-
|
|
33
|
-
"is-violet": "_is-
|
|
34
|
-
"is-magenta": "_is-
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import _ from "../../utilities/classNameUtility.js";
|
|
3
|
+
import '../../assets/Dialogue.css';const t = "_dialogue_xmpuw_1", r = {
|
|
4
|
+
dialogue: t,
|
|
5
|
+
"is-avatar-small": "_is-avatar-small_xmpuw_32",
|
|
6
|
+
"is-avatar-large": "_is-avatar-large_xmpuw_37",
|
|
7
|
+
"is-avatar-circle": "_is-avatar-circle_xmpuw_42",
|
|
8
|
+
"dialogue-avatar-container": "_dialogue-avatar-container_xmpuw_54",
|
|
9
|
+
"dialogue-avatar": "_dialogue-avatar_xmpuw_54",
|
|
10
|
+
"is-border-width-xthin": "_is-border-width-xthin_xmpuw_61",
|
|
11
|
+
"is-border-width-thin": "_is-border-width-thin_xmpuw_66",
|
|
12
|
+
"is-border-width-medium": "_is-border-width-medium_xmpuw_71",
|
|
13
|
+
"is-border-width-thick": "_is-border-width-thick_xmpuw_76",
|
|
14
|
+
"is-border-width-xthick": "_is-border-width-xthick_xmpuw_81",
|
|
15
|
+
"is-border-width-xxthick": "_is-border-width-xxthick_xmpuw_86",
|
|
16
|
+
"is-border-width-xxxthick": "_is-border-width-xxxthick_xmpuw_91",
|
|
17
|
+
"dialogue-content-container": "_dialogue-content-container_xmpuw_97",
|
|
18
|
+
"dialogue-name": "_dialogue-name_xmpuw_128",
|
|
19
|
+
"dialogue-message": "_dialogue-message_xmpuw_129",
|
|
20
|
+
"dialogue-message-inner": "_dialogue-message-inner_xmpuw_162",
|
|
21
|
+
"is-left": "_is-left_xmpuw_165",
|
|
22
|
+
"is-right": "_is-right_xmpuw_207",
|
|
23
|
+
"is-border-style-solid": "_is-border-style-solid_xmpuw_249",
|
|
24
|
+
"is-border-style-dashed": "_is-border-style-dashed_xmpuw_256",
|
|
25
|
+
"is-border-style-dotted": "_is-border-style-dotted_xmpuw_263",
|
|
26
|
+
"is-gray": "_is-gray_xmpuw_270",
|
|
27
|
+
"is-red": "_is-red_xmpuw_292",
|
|
28
|
+
"is-orange": "_is-orange_xmpuw_314",
|
|
29
|
+
"is-yellow": "_is-yellow_xmpuw_336",
|
|
30
|
+
"is-green": "_is-green_xmpuw_358",
|
|
31
|
+
"is-cyan": "_is-cyan_xmpuw_380",
|
|
32
|
+
"is-blue": "_is-blue_xmpuw_402",
|
|
33
|
+
"is-violet": "_is-violet_xmpuw_424",
|
|
34
|
+
"is-magenta": "_is-magenta_xmpuw_446"
|
|
35
35
|
};
|
|
36
36
|
function l(i) {
|
|
37
37
|
const e = { ...i };
|
|
38
38
|
delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
|
|
39
|
-
const
|
|
40
|
-
return
|
|
39
|
+
const a = [r["dialogue-avatar"]];
|
|
40
|
+
return a.push(..._.getUtilityClassNames(i)), i.className && a.push(i.className), i.as ? /* @__PURE__ */ s(i.as, { ...e, className: a.join(" ") }) : /* @__PURE__ */ s("img", { ...e, className: a.join(" ") });
|
|
41
41
|
}
|
|
42
42
|
export {
|
|
43
43
|
l as default
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import '../../assets/Dialogue.css';const
|
|
4
|
-
dialogue:
|
|
5
|
-
"is-avatar-small": "_is-avatar-
|
|
6
|
-
"is-avatar-large": "_is-avatar-
|
|
7
|
-
"is-avatar-circle": "_is-avatar-
|
|
8
|
-
"dialogue-avatar-container": "_dialogue-avatar-
|
|
9
|
-
"dialogue-avatar": "_dialogue-
|
|
10
|
-
"is-border-width-xthin": "_is-border-width-
|
|
11
|
-
"is-border-width-thin": "_is-border-width-
|
|
12
|
-
"is-border-width-medium": "_is-border-width-
|
|
13
|
-
"is-border-width-thick": "_is-border-width-
|
|
14
|
-
"is-border-width-xthick": "_is-border-width-
|
|
15
|
-
"is-border-width-xxthick": "_is-border-width-
|
|
16
|
-
"is-border-width-xxxthick": "_is-border-width-
|
|
17
|
-
"dialogue-content-container": "_dialogue-content-
|
|
18
|
-
"dialogue-name": "_dialogue-
|
|
19
|
-
"dialogue-message": "_dialogue-
|
|
20
|
-
"dialogue-message-inner": "_dialogue-message-
|
|
21
|
-
"is-left": "_is-
|
|
22
|
-
"is-right": "_is-
|
|
23
|
-
"is-border-style-solid": "_is-border-style-
|
|
24
|
-
"is-border-style-dashed": "_is-border-style-
|
|
25
|
-
"is-border-style-dotted": "_is-border-style-
|
|
26
|
-
"is-gray": "_is-
|
|
27
|
-
"is-red": "_is-
|
|
28
|
-
"is-orange": "_is-
|
|
29
|
-
"is-yellow": "_is-
|
|
30
|
-
"is-green": "_is-
|
|
31
|
-
"is-cyan": "_is-
|
|
32
|
-
"is-blue": "_is-
|
|
33
|
-
"is-violet": "_is-
|
|
34
|
-
"is-magenta": "_is-
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import _ from "../../utilities/classNameUtility.js";
|
|
3
|
+
import '../../assets/Dialogue.css';const t = "_dialogue_xmpuw_1", r = {
|
|
4
|
+
dialogue: t,
|
|
5
|
+
"is-avatar-small": "_is-avatar-small_xmpuw_32",
|
|
6
|
+
"is-avatar-large": "_is-avatar-large_xmpuw_37",
|
|
7
|
+
"is-avatar-circle": "_is-avatar-circle_xmpuw_42",
|
|
8
|
+
"dialogue-avatar-container": "_dialogue-avatar-container_xmpuw_54",
|
|
9
|
+
"dialogue-avatar": "_dialogue-avatar_xmpuw_54",
|
|
10
|
+
"is-border-width-xthin": "_is-border-width-xthin_xmpuw_61",
|
|
11
|
+
"is-border-width-thin": "_is-border-width-thin_xmpuw_66",
|
|
12
|
+
"is-border-width-medium": "_is-border-width-medium_xmpuw_71",
|
|
13
|
+
"is-border-width-thick": "_is-border-width-thick_xmpuw_76",
|
|
14
|
+
"is-border-width-xthick": "_is-border-width-xthick_xmpuw_81",
|
|
15
|
+
"is-border-width-xxthick": "_is-border-width-xxthick_xmpuw_86",
|
|
16
|
+
"is-border-width-xxxthick": "_is-border-width-xxxthick_xmpuw_91",
|
|
17
|
+
"dialogue-content-container": "_dialogue-content-container_xmpuw_97",
|
|
18
|
+
"dialogue-name": "_dialogue-name_xmpuw_128",
|
|
19
|
+
"dialogue-message": "_dialogue-message_xmpuw_129",
|
|
20
|
+
"dialogue-message-inner": "_dialogue-message-inner_xmpuw_162",
|
|
21
|
+
"is-left": "_is-left_xmpuw_165",
|
|
22
|
+
"is-right": "_is-right_xmpuw_207",
|
|
23
|
+
"is-border-style-solid": "_is-border-style-solid_xmpuw_249",
|
|
24
|
+
"is-border-style-dashed": "_is-border-style-dashed_xmpuw_256",
|
|
25
|
+
"is-border-style-dotted": "_is-border-style-dotted_xmpuw_263",
|
|
26
|
+
"is-gray": "_is-gray_xmpuw_270",
|
|
27
|
+
"is-red": "_is-red_xmpuw_292",
|
|
28
|
+
"is-orange": "_is-orange_xmpuw_314",
|
|
29
|
+
"is-yellow": "_is-yellow_xmpuw_336",
|
|
30
|
+
"is-green": "_is-green_xmpuw_358",
|
|
31
|
+
"is-cyan": "_is-cyan_xmpuw_380",
|
|
32
|
+
"is-blue": "_is-blue_xmpuw_402",
|
|
33
|
+
"is-violet": "_is-violet_xmpuw_424",
|
|
34
|
+
"is-magenta": "_is-magenta_xmpuw_446"
|
|
35
35
|
};
|
|
36
36
|
function l(i) {
|
|
37
37
|
const e = { ...i };
|
|
38
38
|
delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
|
|
39
|
-
const
|
|
40
|
-
return
|
|
39
|
+
const a = [r["dialogue-avatar-container"]];
|
|
40
|
+
return a.push(..._.getUtilityClassNames(i)), i.className && a.push(i.className), i.as ? /* @__PURE__ */ s(i.as, { ...e, className: a.join(" ") }) : /* @__PURE__ */ s("div", { ...e, className: a.join(" ") });
|
|
41
41
|
}
|
|
42
42
|
export {
|
|
43
43
|
l as default
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import '../../assets/Dialogue.css';const
|
|
4
|
-
dialogue:
|
|
5
|
-
"is-avatar-small": "_is-avatar-
|
|
6
|
-
"is-avatar-large": "_is-avatar-
|
|
7
|
-
"is-avatar-circle": "_is-avatar-
|
|
8
|
-
"dialogue-avatar-container": "_dialogue-avatar-
|
|
9
|
-
"dialogue-avatar": "_dialogue-
|
|
10
|
-
"is-border-width-xthin": "_is-border-width-
|
|
11
|
-
"is-border-width-thin": "_is-border-width-
|
|
12
|
-
"is-border-width-medium": "_is-border-width-
|
|
13
|
-
"is-border-width-thick": "_is-border-width-
|
|
14
|
-
"is-border-width-xthick": "_is-border-width-
|
|
15
|
-
"is-border-width-xxthick": "_is-border-width-
|
|
16
|
-
"is-border-width-xxxthick": "_is-border-width-
|
|
17
|
-
"dialogue-content-container": "_dialogue-content-
|
|
18
|
-
"dialogue-name": "_dialogue-
|
|
19
|
-
"dialogue-message": "_dialogue-
|
|
20
|
-
"dialogue-message-inner": "_dialogue-message-
|
|
21
|
-
"is-left": "_is-
|
|
22
|
-
"is-right": "_is-
|
|
23
|
-
"is-border-style-solid": "_is-border-style-
|
|
24
|
-
"is-border-style-dashed": "_is-border-style-
|
|
25
|
-
"is-border-style-dotted": "_is-border-style-
|
|
26
|
-
"is-gray": "_is-
|
|
27
|
-
"is-red": "_is-
|
|
28
|
-
"is-orange": "_is-
|
|
29
|
-
"is-yellow": "_is-
|
|
30
|
-
"is-green": "_is-
|
|
31
|
-
"is-cyan": "_is-
|
|
32
|
-
"is-blue": "_is-
|
|
33
|
-
"is-violet": "_is-
|
|
34
|
-
"is-magenta": "_is-
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import t from "../../utilities/classNameUtility.js";
|
|
3
|
+
import '../../assets/Dialogue.css';const _ = "_dialogue_xmpuw_1", r = {
|
|
4
|
+
dialogue: _,
|
|
5
|
+
"is-avatar-small": "_is-avatar-small_xmpuw_32",
|
|
6
|
+
"is-avatar-large": "_is-avatar-large_xmpuw_37",
|
|
7
|
+
"is-avatar-circle": "_is-avatar-circle_xmpuw_42",
|
|
8
|
+
"dialogue-avatar-container": "_dialogue-avatar-container_xmpuw_54",
|
|
9
|
+
"dialogue-avatar": "_dialogue-avatar_xmpuw_54",
|
|
10
|
+
"is-border-width-xthin": "_is-border-width-xthin_xmpuw_61",
|
|
11
|
+
"is-border-width-thin": "_is-border-width-thin_xmpuw_66",
|
|
12
|
+
"is-border-width-medium": "_is-border-width-medium_xmpuw_71",
|
|
13
|
+
"is-border-width-thick": "_is-border-width-thick_xmpuw_76",
|
|
14
|
+
"is-border-width-xthick": "_is-border-width-xthick_xmpuw_81",
|
|
15
|
+
"is-border-width-xxthick": "_is-border-width-xxthick_xmpuw_86",
|
|
16
|
+
"is-border-width-xxxthick": "_is-border-width-xxxthick_xmpuw_91",
|
|
17
|
+
"dialogue-content-container": "_dialogue-content-container_xmpuw_97",
|
|
18
|
+
"dialogue-name": "_dialogue-name_xmpuw_128",
|
|
19
|
+
"dialogue-message": "_dialogue-message_xmpuw_129",
|
|
20
|
+
"dialogue-message-inner": "_dialogue-message-inner_xmpuw_162",
|
|
21
|
+
"is-left": "_is-left_xmpuw_165",
|
|
22
|
+
"is-right": "_is-right_xmpuw_207",
|
|
23
|
+
"is-border-style-solid": "_is-border-style-solid_xmpuw_249",
|
|
24
|
+
"is-border-style-dashed": "_is-border-style-dashed_xmpuw_256",
|
|
25
|
+
"is-border-style-dotted": "_is-border-style-dotted_xmpuw_263",
|
|
26
|
+
"is-gray": "_is-gray_xmpuw_270",
|
|
27
|
+
"is-red": "_is-red_xmpuw_292",
|
|
28
|
+
"is-orange": "_is-orange_xmpuw_314",
|
|
29
|
+
"is-yellow": "_is-yellow_xmpuw_336",
|
|
30
|
+
"is-green": "_is-green_xmpuw_358",
|
|
31
|
+
"is-cyan": "_is-cyan_xmpuw_380",
|
|
32
|
+
"is-blue": "_is-blue_xmpuw_402",
|
|
33
|
+
"is-violet": "_is-violet_xmpuw_424",
|
|
34
|
+
"is-magenta": "_is-magenta_xmpuw_446"
|
|
35
35
|
};
|
|
36
36
|
function l(i) {
|
|
37
37
|
const e = { ...i };
|
|
38
38
|
delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
|
|
39
|
-
const
|
|
40
|
-
return
|
|
39
|
+
const s = [r["dialogue-content-container"]];
|
|
40
|
+
return s.push(...t.getUtilityClassNames(i)), i.className && s.push(i.className), i.as ? /* @__PURE__ */ a(i.as, { ...e, className: s.join(" ") }) : /* @__PURE__ */ a("div", { ...e, className: s.join(" ") });
|
|
41
41
|
}
|
|
42
42
|
export {
|
|
43
43
|
l as default
|