react-minolith 0.0.20 → 0.0.21
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/assets/Accordion.css +1 -1
- package/dist/assets/Badge.css +1 -1
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Card.css +1 -1
- package/dist/assets/Dialogue.css +1 -1
- package/dist/assets/Dot.css +1 -0
- 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/Progress.css +1 -1
- package/dist/assets/Span.css +1 -0
- package/dist/assets/Stripe.css +1 -1
- package/dist/assets/Textarea.css +1 -1
- package/dist/backgrounds/Dot/Dot.d.ts +3 -0
- package/dist/backgrounds/Dot/Dot.d.ts.map +1 -0
- package/dist/backgrounds/Dot/Dot.js +27 -0
- package/dist/backgrounds/Dot/Dot.js.map +1 -0
- package/dist/backgrounds/Dot/Dot.stories.d.ts +12 -0
- package/dist/backgrounds/Dot/Dot.stories.d.ts.map +1 -0
- package/dist/backgrounds/Dot/DotProps.d.ts +7 -0
- package/dist/backgrounds/Dot/DotProps.d.ts.map +1 -0
- package/dist/backgrounds/Dot/DotProps.js +2 -0
- package/dist/backgrounds/Dot/DotProps.js.map +1 -0
- package/dist/backgrounds/Dot/index.d.ts +3 -0
- package/dist/backgrounds/Dot/index.d.ts.map +1 -0
- package/dist/backgrounds/Dot/index.js +5 -0
- package/dist/backgrounds/Dot/index.js.map +1 -0
- package/dist/backgrounds/Gingham/Gingham.js +22 -22
- package/dist/backgrounds/Stripe/Stripe.js +28 -28
- package/dist/components/Accordion/Accordion.js +26 -26
- package/dist/components/Accordion/AccordionDetails.js +25 -25
- package/dist/components/Accordion/AccordionSummary.js +25 -25
- package/dist/components/Badge/Badge.js +23 -23
- package/dist/components/Button/Button.js +26 -26
- package/dist/components/Card/Card.js +22 -22
- package/dist/components/Card/CardBody.js +22 -22
- package/dist/components/Card/CardFooter.js +22 -22
- package/dist/components/Card/CardHeader.js +22 -22
- package/dist/components/Dialogue/Dialogue.js +35 -35
- 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.d.ts.map +1 -1
- package/dist/components/Div/Div.js +8 -5
- package/dist/components/Div/Div.js.map +1 -1
- package/dist/components/Footer/Footer.js +17 -17
- package/dist/components/Header/Header.js +17 -17
- package/dist/components/Heading/Heading.js +12 -12
- package/dist/components/Input/Input.js +39 -39
- package/dist/components/Label/Label.js +15 -15
- package/dist/components/Link/Link.js +17 -17
- package/dist/components/Loader/Loader.js +44 -44
- package/dist/components/Message/Message.js +18 -18
- package/dist/components/Message/MessageBody.js +17 -17
- package/dist/components/Message/MessageHeader.js +17 -17
- package/dist/components/Modal/Modal.js +19 -19
- package/dist/components/Modal/ModalContent.js +19 -19
- package/dist/components/Nav/Nav.js +43 -43
- package/dist/components/Nav/NavAccordion.js +39 -39
- package/dist/components/Nav/NavBrand.js +42 -42
- package/dist/components/Nav/NavBrandCenter.js +42 -42
- package/dist/components/Nav/NavBrandLeft.js +42 -42
- package/dist/components/Nav/NavBrandRight.js +42 -42
- package/dist/components/Nav/NavMenu.js +42 -42
- package/dist/components/Nav/NavMenuItem.js +42 -42
- package/dist/components/Nav/NavStatic.js +40 -40
- package/dist/components/Progress/Progress.js +142 -142
- package/dist/components/Ruby/Ruby.d.ts.map +1 -1
- package/dist/components/Ruby/Ruby.js +12 -9
- package/dist/components/Ruby/Ruby.js.map +1 -1
- package/dist/components/Section/Section.d.ts.map +1 -1
- package/dist/components/Section/Section.js +8 -5
- package/dist/components/Section/Section.js.map +1 -1
- package/dist/components/Span/Span.d.ts.map +1 -1
- package/dist/components/Span/Span.js +8 -5
- package/dist/components/Span/Span.js.map +1 -1
- package/dist/components/Textarea/Textarea.js +37 -37
- package/dist/react-minolith.d.ts +1 -0
- package/dist/react-minolith.d.ts.map +1 -1
- package/dist/react-minolith.js +102 -100
- package/dist/react-minolith.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
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-
|
|
2
|
+
import l from "../../utilities/classNameUtility.js";
|
|
3
|
+
import '../../assets/Card.css';const _ = "_card_1rlak_1", i = {
|
|
4
|
+
card: _,
|
|
5
|
+
"has-shadow": "_has-shadow_1rlak_11",
|
|
6
|
+
"card-header": "_card-header_1rlak_14",
|
|
7
|
+
"card-body": "_card-body_1rlak_24",
|
|
8
|
+
"card-footer": "_card-footer_1rlak_40",
|
|
9
|
+
"is-gray": "_is-gray_1rlak_48",
|
|
10
|
+
"is-red": "_is-red_1rlak_65",
|
|
11
|
+
"is-orange": "_is-orange_1rlak_82",
|
|
12
|
+
"is-yellow": "_is-yellow_1rlak_99",
|
|
13
|
+
"is-green": "_is-green_1rlak_116",
|
|
14
|
+
"is-cyan": "_is-cyan_1rlak_133",
|
|
15
|
+
"is-blue": "_is-blue_1rlak_150",
|
|
16
|
+
"is-violet": "_is-violet_1rlak_167",
|
|
17
|
+
"is-magenta": "_is-magenta_1rlak_184"
|
|
18
18
|
};
|
|
19
|
-
function
|
|
20
|
-
const
|
|
21
|
-
delete
|
|
22
|
-
const
|
|
23
|
-
return
|
|
19
|
+
function o(e) {
|
|
20
|
+
const a = { ...e };
|
|
21
|
+
delete a.as, delete a.fore, delete a.back, delete a.highlighter, delete a.border, delete a.positioning, delete a.sizing, delete a.spacing;
|
|
22
|
+
const s = [i["card-header"]];
|
|
23
|
+
return s.push(...l.getUtilityClassNames(e)), e.className && s.push(e.className), e.as ? /* @__PURE__ */ r(e.as, { ...a, className: s.join(" ") }) : /* @__PURE__ */ r("div", { ...a, className: s.join(" ") });
|
|
24
24
|
}
|
|
25
25
|
export {
|
|
26
|
-
|
|
26
|
+
o 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 r = "
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import s from "../../utilities/classNameUtility.js";
|
|
3
|
+
import '../../assets/Dialogue.css';const r = "_dialogue_t1dve_1", d = {
|
|
4
4
|
dialogue: r,
|
|
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-
|
|
5
|
+
"is-avatar-small": "_is-avatar-small_t1dve_30",
|
|
6
|
+
"is-avatar-large": "_is-avatar-large_t1dve_35",
|
|
7
|
+
"is-avatar-circle": "_is-avatar-circle_t1dve_40",
|
|
8
|
+
"dialogue-avatar-container": "_dialogue-avatar-container_t1dve_52",
|
|
9
|
+
"dialogue-avatar": "_dialogue-avatar_t1dve_52",
|
|
10
|
+
"is-border-width-xthin": "_is-border-width-xthin_t1dve_59",
|
|
11
|
+
"is-border-width-thin": "_is-border-width-thin_t1dve_64",
|
|
12
|
+
"is-border-width-medium": "_is-border-width-medium_t1dve_69",
|
|
13
|
+
"is-border-width-thick": "_is-border-width-thick_t1dve_74",
|
|
14
|
+
"is-border-width-xthick": "_is-border-width-xthick_t1dve_79",
|
|
15
|
+
"is-border-width-xxthick": "_is-border-width-xxthick_t1dve_84",
|
|
16
|
+
"is-border-width-xxxthick": "_is-border-width-xxxthick_t1dve_89",
|
|
17
|
+
"dialogue-content-container": "_dialogue-content-container_t1dve_95",
|
|
18
|
+
"dialogue-name": "_dialogue-name_t1dve_122",
|
|
19
|
+
"dialogue-message": "_dialogue-message_t1dve_123",
|
|
20
|
+
"dialogue-message-inner": "_dialogue-message-inner_t1dve_152",
|
|
21
|
+
"is-left": "_is-left_t1dve_155",
|
|
22
|
+
"is-right": "_is-right_t1dve_197",
|
|
23
|
+
"is-border-style-solid": "_is-border-style-solid_t1dve_239",
|
|
24
|
+
"is-border-style-dashed": "_is-border-style-dashed_t1dve_246",
|
|
25
|
+
"is-border-style-dotted": "_is-border-style-dotted_t1dve_253",
|
|
26
|
+
"is-gray": "_is-gray_t1dve_260",
|
|
27
|
+
"is-red": "_is-red_t1dve_282",
|
|
28
|
+
"is-orange": "_is-orange_t1dve_304",
|
|
29
|
+
"is-yellow": "_is-yellow_t1dve_326",
|
|
30
|
+
"is-green": "_is-green_t1dve_348",
|
|
31
|
+
"is-cyan": "_is-cyan_t1dve_370",
|
|
32
|
+
"is-blue": "_is-blue_t1dve_392",
|
|
33
|
+
"is-violet": "_is-violet_t1dve_414",
|
|
34
|
+
"is-magenta": "_is-magenta_t1dve_436"
|
|
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 t = [d.dialogue];
|
|
40
|
+
return e.colorName && t.push(d[`is-${e.colorName}`]), e.isRight ? t.push(d["is-right"]) : t.push(d["is-left"]), e.avatarSize && t.push(d[`is-avatar-size-${e.avatarSize}`]), e.borderStyle && t.push(d[`is-border-style-${e.borderStyle}`]), e.borderWidth && t.push(d[`is-border-width-${e.borderWidth}`]), e.isAvatarCircle && t.push(d["is-avatar-circle"]), t.push(...s.getUtilityClassNames(e)), e.className && t.push(e.className), e.as ? /* @__PURE__ */ a(e.as, { ...i, className: t.join(" ") }) : /* @__PURE__ */ a("div", { ...i, className: t.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 d } from "react/jsx-runtime";
|
|
2
|
+
import a from "../../utilities/classNameUtility.js";
|
|
3
|
+
import '../../assets/Dialogue.css';const s = "_dialogue_t1dve_1", _ = {
|
|
4
|
+
dialogue: s,
|
|
5
|
+
"is-avatar-small": "_is-avatar-small_t1dve_30",
|
|
6
|
+
"is-avatar-large": "_is-avatar-large_t1dve_35",
|
|
7
|
+
"is-avatar-circle": "_is-avatar-circle_t1dve_40",
|
|
8
|
+
"dialogue-avatar-container": "_dialogue-avatar-container_t1dve_52",
|
|
9
|
+
"dialogue-avatar": "_dialogue-avatar_t1dve_52",
|
|
10
|
+
"is-border-width-xthin": "_is-border-width-xthin_t1dve_59",
|
|
11
|
+
"is-border-width-thin": "_is-border-width-thin_t1dve_64",
|
|
12
|
+
"is-border-width-medium": "_is-border-width-medium_t1dve_69",
|
|
13
|
+
"is-border-width-thick": "_is-border-width-thick_t1dve_74",
|
|
14
|
+
"is-border-width-xthick": "_is-border-width-xthick_t1dve_79",
|
|
15
|
+
"is-border-width-xxthick": "_is-border-width-xxthick_t1dve_84",
|
|
16
|
+
"is-border-width-xxxthick": "_is-border-width-xxxthick_t1dve_89",
|
|
17
|
+
"dialogue-content-container": "_dialogue-content-container_t1dve_95",
|
|
18
|
+
"dialogue-name": "_dialogue-name_t1dve_122",
|
|
19
|
+
"dialogue-message": "_dialogue-message_t1dve_123",
|
|
20
|
+
"dialogue-message-inner": "_dialogue-message-inner_t1dve_152",
|
|
21
|
+
"is-left": "_is-left_t1dve_155",
|
|
22
|
+
"is-right": "_is-right_t1dve_197",
|
|
23
|
+
"is-border-style-solid": "_is-border-style-solid_t1dve_239",
|
|
24
|
+
"is-border-style-dashed": "_is-border-style-dashed_t1dve_246",
|
|
25
|
+
"is-border-style-dotted": "_is-border-style-dotted_t1dve_253",
|
|
26
|
+
"is-gray": "_is-gray_t1dve_260",
|
|
27
|
+
"is-red": "_is-red_t1dve_282",
|
|
28
|
+
"is-orange": "_is-orange_t1dve_304",
|
|
29
|
+
"is-yellow": "_is-yellow_t1dve_326",
|
|
30
|
+
"is-green": "_is-green_t1dve_348",
|
|
31
|
+
"is-cyan": "_is-cyan_t1dve_370",
|
|
32
|
+
"is-blue": "_is-blue_t1dve_392",
|
|
33
|
+
"is-violet": "_is-violet_t1dve_414",
|
|
34
|
+
"is-magenta": "_is-magenta_t1dve_436"
|
|
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 t = [_["dialogue-avatar"]];
|
|
40
|
+
return t.push(...a.getUtilityClassNames(i)), i.className && t.push(i.className), i.as ? /* @__PURE__ */ d(i.as, { ...e, className: t.join(" ") }) : /* @__PURE__ */ d("img", { ...e, className: t.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 d } from "react/jsx-runtime";
|
|
2
|
+
import a from "../../utilities/classNameUtility.js";
|
|
3
|
+
import '../../assets/Dialogue.css';const s = "_dialogue_t1dve_1", _ = {
|
|
4
|
+
dialogue: s,
|
|
5
|
+
"is-avatar-small": "_is-avatar-small_t1dve_30",
|
|
6
|
+
"is-avatar-large": "_is-avatar-large_t1dve_35",
|
|
7
|
+
"is-avatar-circle": "_is-avatar-circle_t1dve_40",
|
|
8
|
+
"dialogue-avatar-container": "_dialogue-avatar-container_t1dve_52",
|
|
9
|
+
"dialogue-avatar": "_dialogue-avatar_t1dve_52",
|
|
10
|
+
"is-border-width-xthin": "_is-border-width-xthin_t1dve_59",
|
|
11
|
+
"is-border-width-thin": "_is-border-width-thin_t1dve_64",
|
|
12
|
+
"is-border-width-medium": "_is-border-width-medium_t1dve_69",
|
|
13
|
+
"is-border-width-thick": "_is-border-width-thick_t1dve_74",
|
|
14
|
+
"is-border-width-xthick": "_is-border-width-xthick_t1dve_79",
|
|
15
|
+
"is-border-width-xxthick": "_is-border-width-xxthick_t1dve_84",
|
|
16
|
+
"is-border-width-xxxthick": "_is-border-width-xxxthick_t1dve_89",
|
|
17
|
+
"dialogue-content-container": "_dialogue-content-container_t1dve_95",
|
|
18
|
+
"dialogue-name": "_dialogue-name_t1dve_122",
|
|
19
|
+
"dialogue-message": "_dialogue-message_t1dve_123",
|
|
20
|
+
"dialogue-message-inner": "_dialogue-message-inner_t1dve_152",
|
|
21
|
+
"is-left": "_is-left_t1dve_155",
|
|
22
|
+
"is-right": "_is-right_t1dve_197",
|
|
23
|
+
"is-border-style-solid": "_is-border-style-solid_t1dve_239",
|
|
24
|
+
"is-border-style-dashed": "_is-border-style-dashed_t1dve_246",
|
|
25
|
+
"is-border-style-dotted": "_is-border-style-dotted_t1dve_253",
|
|
26
|
+
"is-gray": "_is-gray_t1dve_260",
|
|
27
|
+
"is-red": "_is-red_t1dve_282",
|
|
28
|
+
"is-orange": "_is-orange_t1dve_304",
|
|
29
|
+
"is-yellow": "_is-yellow_t1dve_326",
|
|
30
|
+
"is-green": "_is-green_t1dve_348",
|
|
31
|
+
"is-cyan": "_is-cyan_t1dve_370",
|
|
32
|
+
"is-blue": "_is-blue_t1dve_392",
|
|
33
|
+
"is-violet": "_is-violet_t1dve_414",
|
|
34
|
+
"is-magenta": "_is-magenta_t1dve_436"
|
|
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 t = [_["dialogue-avatar-container"]];
|
|
40
|
+
return t.push(...a.getUtilityClassNames(i)), i.className && t.push(i.className), i.as ? /* @__PURE__ */ d(i.as, { ...e, className: t.join(" ") }) : /* @__PURE__ */ d("div", { ...e, className: t.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 d } from "react/jsx-runtime";
|
|
2
|
+
import s from "../../utilities/classNameUtility.js";
|
|
3
|
+
import '../../assets/Dialogue.css';const a = "_dialogue_t1dve_1", _ = {
|
|
4
|
+
dialogue: a,
|
|
5
|
+
"is-avatar-small": "_is-avatar-small_t1dve_30",
|
|
6
|
+
"is-avatar-large": "_is-avatar-large_t1dve_35",
|
|
7
|
+
"is-avatar-circle": "_is-avatar-circle_t1dve_40",
|
|
8
|
+
"dialogue-avatar-container": "_dialogue-avatar-container_t1dve_52",
|
|
9
|
+
"dialogue-avatar": "_dialogue-avatar_t1dve_52",
|
|
10
|
+
"is-border-width-xthin": "_is-border-width-xthin_t1dve_59",
|
|
11
|
+
"is-border-width-thin": "_is-border-width-thin_t1dve_64",
|
|
12
|
+
"is-border-width-medium": "_is-border-width-medium_t1dve_69",
|
|
13
|
+
"is-border-width-thick": "_is-border-width-thick_t1dve_74",
|
|
14
|
+
"is-border-width-xthick": "_is-border-width-xthick_t1dve_79",
|
|
15
|
+
"is-border-width-xxthick": "_is-border-width-xxthick_t1dve_84",
|
|
16
|
+
"is-border-width-xxxthick": "_is-border-width-xxxthick_t1dve_89",
|
|
17
|
+
"dialogue-content-container": "_dialogue-content-container_t1dve_95",
|
|
18
|
+
"dialogue-name": "_dialogue-name_t1dve_122",
|
|
19
|
+
"dialogue-message": "_dialogue-message_t1dve_123",
|
|
20
|
+
"dialogue-message-inner": "_dialogue-message-inner_t1dve_152",
|
|
21
|
+
"is-left": "_is-left_t1dve_155",
|
|
22
|
+
"is-right": "_is-right_t1dve_197",
|
|
23
|
+
"is-border-style-solid": "_is-border-style-solid_t1dve_239",
|
|
24
|
+
"is-border-style-dashed": "_is-border-style-dashed_t1dve_246",
|
|
25
|
+
"is-border-style-dotted": "_is-border-style-dotted_t1dve_253",
|
|
26
|
+
"is-gray": "_is-gray_t1dve_260",
|
|
27
|
+
"is-red": "_is-red_t1dve_282",
|
|
28
|
+
"is-orange": "_is-orange_t1dve_304",
|
|
29
|
+
"is-yellow": "_is-yellow_t1dve_326",
|
|
30
|
+
"is-green": "_is-green_t1dve_348",
|
|
31
|
+
"is-cyan": "_is-cyan_t1dve_370",
|
|
32
|
+
"is-blue": "_is-blue_t1dve_392",
|
|
33
|
+
"is-violet": "_is-violet_t1dve_414",
|
|
34
|
+
"is-magenta": "_is-magenta_t1dve_436"
|
|
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 t = [_["dialogue-content-container"]];
|
|
40
|
+
return t.push(...s.getUtilityClassNames(i)), i.className && t.push(i.className), i.as ? /* @__PURE__ */ d(i.as, { ...e, className: t.join(" ") }) : /* @__PURE__ */ d("div", { ...e, className: t.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 d } from "react/jsx-runtime";
|
|
2
|
+
import s from "../../utilities/classNameUtility.js";
|
|
3
|
+
import '../../assets/Dialogue.css';const a = "_dialogue_t1dve_1", _ = {
|
|
4
|
+
dialogue: a,
|
|
5
|
+
"is-avatar-small": "_is-avatar-small_t1dve_30",
|
|
6
|
+
"is-avatar-large": "_is-avatar-large_t1dve_35",
|
|
7
|
+
"is-avatar-circle": "_is-avatar-circle_t1dve_40",
|
|
8
|
+
"dialogue-avatar-container": "_dialogue-avatar-container_t1dve_52",
|
|
9
|
+
"dialogue-avatar": "_dialogue-avatar_t1dve_52",
|
|
10
|
+
"is-border-width-xthin": "_is-border-width-xthin_t1dve_59",
|
|
11
|
+
"is-border-width-thin": "_is-border-width-thin_t1dve_64",
|
|
12
|
+
"is-border-width-medium": "_is-border-width-medium_t1dve_69",
|
|
13
|
+
"is-border-width-thick": "_is-border-width-thick_t1dve_74",
|
|
14
|
+
"is-border-width-xthick": "_is-border-width-xthick_t1dve_79",
|
|
15
|
+
"is-border-width-xxthick": "_is-border-width-xxthick_t1dve_84",
|
|
16
|
+
"is-border-width-xxxthick": "_is-border-width-xxxthick_t1dve_89",
|
|
17
|
+
"dialogue-content-container": "_dialogue-content-container_t1dve_95",
|
|
18
|
+
"dialogue-name": "_dialogue-name_t1dve_122",
|
|
19
|
+
"dialogue-message": "_dialogue-message_t1dve_123",
|
|
20
|
+
"dialogue-message-inner": "_dialogue-message-inner_t1dve_152",
|
|
21
|
+
"is-left": "_is-left_t1dve_155",
|
|
22
|
+
"is-right": "_is-right_t1dve_197",
|
|
23
|
+
"is-border-style-solid": "_is-border-style-solid_t1dve_239",
|
|
24
|
+
"is-border-style-dashed": "_is-border-style-dashed_t1dve_246",
|
|
25
|
+
"is-border-style-dotted": "_is-border-style-dotted_t1dve_253",
|
|
26
|
+
"is-gray": "_is-gray_t1dve_260",
|
|
27
|
+
"is-red": "_is-red_t1dve_282",
|
|
28
|
+
"is-orange": "_is-orange_t1dve_304",
|
|
29
|
+
"is-yellow": "_is-yellow_t1dve_326",
|
|
30
|
+
"is-green": "_is-green_t1dve_348",
|
|
31
|
+
"is-cyan": "_is-cyan_t1dve_370",
|
|
32
|
+
"is-blue": "_is-blue_t1dve_392",
|
|
33
|
+
"is-violet": "_is-violet_t1dve_414",
|
|
34
|
+
"is-magenta": "_is-magenta_t1dve_436"
|
|
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 t = [_["dialogue-message"]];
|
|
40
|
+
return t.push(...s.getUtilityClassNames(i)), i.className && t.push(i.className), i.as ? /* @__PURE__ */ d(i.as, { ...e, className: t.join(" ") }) : /* @__PURE__ */ d("div", { ...e, className: t.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 d } from "react/jsx-runtime";
|
|
2
|
+
import s from "../../utilities/classNameUtility.js";
|
|
3
|
+
import '../../assets/Dialogue.css';const a = "_dialogue_t1dve_1", _ = {
|
|
4
|
+
dialogue: a,
|
|
5
|
+
"is-avatar-small": "_is-avatar-small_t1dve_30",
|
|
6
|
+
"is-avatar-large": "_is-avatar-large_t1dve_35",
|
|
7
|
+
"is-avatar-circle": "_is-avatar-circle_t1dve_40",
|
|
8
|
+
"dialogue-avatar-container": "_dialogue-avatar-container_t1dve_52",
|
|
9
|
+
"dialogue-avatar": "_dialogue-avatar_t1dve_52",
|
|
10
|
+
"is-border-width-xthin": "_is-border-width-xthin_t1dve_59",
|
|
11
|
+
"is-border-width-thin": "_is-border-width-thin_t1dve_64",
|
|
12
|
+
"is-border-width-medium": "_is-border-width-medium_t1dve_69",
|
|
13
|
+
"is-border-width-thick": "_is-border-width-thick_t1dve_74",
|
|
14
|
+
"is-border-width-xthick": "_is-border-width-xthick_t1dve_79",
|
|
15
|
+
"is-border-width-xxthick": "_is-border-width-xxthick_t1dve_84",
|
|
16
|
+
"is-border-width-xxxthick": "_is-border-width-xxxthick_t1dve_89",
|
|
17
|
+
"dialogue-content-container": "_dialogue-content-container_t1dve_95",
|
|
18
|
+
"dialogue-name": "_dialogue-name_t1dve_122",
|
|
19
|
+
"dialogue-message": "_dialogue-message_t1dve_123",
|
|
20
|
+
"dialogue-message-inner": "_dialogue-message-inner_t1dve_152",
|
|
21
|
+
"is-left": "_is-left_t1dve_155",
|
|
22
|
+
"is-right": "_is-right_t1dve_197",
|
|
23
|
+
"is-border-style-solid": "_is-border-style-solid_t1dve_239",
|
|
24
|
+
"is-border-style-dashed": "_is-border-style-dashed_t1dve_246",
|
|
25
|
+
"is-border-style-dotted": "_is-border-style-dotted_t1dve_253",
|
|
26
|
+
"is-gray": "_is-gray_t1dve_260",
|
|
27
|
+
"is-red": "_is-red_t1dve_282",
|
|
28
|
+
"is-orange": "_is-orange_t1dve_304",
|
|
29
|
+
"is-yellow": "_is-yellow_t1dve_326",
|
|
30
|
+
"is-green": "_is-green_t1dve_348",
|
|
31
|
+
"is-cyan": "_is-cyan_t1dve_370",
|
|
32
|
+
"is-blue": "_is-blue_t1dve_392",
|
|
33
|
+
"is-violet": "_is-violet_t1dve_414",
|
|
34
|
+
"is-magenta": "_is-magenta_t1dve_436"
|
|
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 t = [_["dialogue-message-inner"]];
|
|
40
|
+
return t.push(...s.getUtilityClassNames(i)), i.className && t.push(i.className), i.as ? /* @__PURE__ */ d(i.as, { ...e, className: t.join(" ") }) : /* @__PURE__ */ d("div", { ...e, className: t.join(" ") });
|
|
41
41
|
}
|
|
42
42
|
export {
|
|
43
43
|
l as default
|