react-minolith 0.0.19 → 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.
Files changed (94) hide show
  1. package/README.md +2 -0
  2. package/dist/assets/Accordion.css +1 -1
  3. package/dist/assets/Badge.css +1 -1
  4. package/dist/assets/Button.css +1 -1
  5. package/dist/assets/Card.css +1 -1
  6. package/dist/assets/Dialogue.css +1 -1
  7. package/dist/assets/Dot.css +1 -0
  8. package/dist/assets/Footer.css +1 -1
  9. package/dist/assets/Gingham.css +1 -1
  10. package/dist/assets/Header.css +1 -1
  11. package/dist/assets/Heading.css +1 -1
  12. package/dist/assets/Label.css +1 -1
  13. package/dist/assets/Link.css +1 -1
  14. package/dist/assets/Loader.css +1 -1
  15. package/dist/assets/Message.css +1 -1
  16. package/dist/assets/MinolithCssVariableStylesProvider.css +1 -1
  17. package/dist/assets/Modal.css +1 -1
  18. package/dist/assets/Nav.css +1 -1
  19. package/dist/assets/Progress.css +1 -1
  20. package/dist/assets/Span.css +1 -0
  21. package/dist/assets/Stripe.css +1 -1
  22. package/dist/assets/Textarea.css +1 -1
  23. package/dist/backgrounds/Dot/Dot.d.ts +3 -0
  24. package/dist/backgrounds/Dot/Dot.d.ts.map +1 -0
  25. package/dist/backgrounds/Dot/Dot.js +27 -0
  26. package/dist/backgrounds/Dot/Dot.js.map +1 -0
  27. package/dist/backgrounds/Dot/Dot.stories.d.ts +12 -0
  28. package/dist/backgrounds/Dot/Dot.stories.d.ts.map +1 -0
  29. package/dist/backgrounds/Dot/DotProps.d.ts +7 -0
  30. package/dist/backgrounds/Dot/DotProps.d.ts.map +1 -0
  31. package/dist/backgrounds/Dot/DotProps.js +2 -0
  32. package/dist/backgrounds/Dot/DotProps.js.map +1 -0
  33. package/dist/backgrounds/Dot/index.d.ts +3 -0
  34. package/dist/backgrounds/Dot/index.d.ts.map +1 -0
  35. package/dist/backgrounds/Dot/index.js +5 -0
  36. package/dist/backgrounds/Dot/index.js.map +1 -0
  37. package/dist/backgrounds/Gingham/Gingham.js +22 -22
  38. package/dist/backgrounds/Stripe/Stripe.js +28 -28
  39. package/dist/components/Accordion/Accordion.js +26 -26
  40. package/dist/components/Accordion/AccordionDetails.js +25 -25
  41. package/dist/components/Accordion/AccordionSummary.js +25 -25
  42. package/dist/components/Badge/Badge.js +23 -23
  43. package/dist/components/Button/Button.js +26 -26
  44. package/dist/components/Card/Card.js +22 -22
  45. package/dist/components/Card/CardBody.js +22 -22
  46. package/dist/components/Card/CardFooter.js +22 -22
  47. package/dist/components/Card/CardHeader.js +22 -22
  48. package/dist/components/Dialogue/Dialogue.js +35 -35
  49. package/dist/components/Dialogue/DialogueAvatar.js +36 -36
  50. package/dist/components/Dialogue/DialogueAvatarContainer.js +36 -36
  51. package/dist/components/Dialogue/DialogueContentContainer.js +36 -36
  52. package/dist/components/Dialogue/DialogueMessage.js +36 -36
  53. package/dist/components/Dialogue/DialogueMessageInner.js +36 -36
  54. package/dist/components/Dialogue/DialogueName.js +36 -36
  55. package/dist/components/Div/Div.d.ts.map +1 -1
  56. package/dist/components/Div/Div.js +8 -5
  57. package/dist/components/Div/Div.js.map +1 -1
  58. package/dist/components/Footer/Footer.js +17 -17
  59. package/dist/components/Header/Header.js +17 -17
  60. package/dist/components/Heading/Heading.js +12 -12
  61. package/dist/components/Input/Input.js +39 -39
  62. package/dist/components/Label/Label.js +15 -15
  63. package/dist/components/Link/Link.js +17 -17
  64. package/dist/components/Loader/Loader.js +44 -44
  65. package/dist/components/Message/Message.js +16 -16
  66. package/dist/components/Message/MessageBody.js +18 -18
  67. package/dist/components/Message/MessageHeader.js +18 -18
  68. package/dist/components/Modal/Modal.js +19 -19
  69. package/dist/components/Modal/ModalContent.js +19 -19
  70. package/dist/components/Nav/Nav.js +43 -43
  71. package/dist/components/Nav/NavAccordion.js +39 -39
  72. package/dist/components/Nav/NavBrand.js +42 -42
  73. package/dist/components/Nav/NavBrandCenter.js +42 -42
  74. package/dist/components/Nav/NavBrandLeft.js +42 -42
  75. package/dist/components/Nav/NavBrandRight.js +42 -42
  76. package/dist/components/Nav/NavMenu.js +42 -42
  77. package/dist/components/Nav/NavMenuItem.js +42 -42
  78. package/dist/components/Nav/NavStatic.js +40 -40
  79. package/dist/components/Progress/Progress.js +142 -142
  80. package/dist/components/Ruby/Ruby.d.ts.map +1 -1
  81. package/dist/components/Ruby/Ruby.js +12 -9
  82. package/dist/components/Ruby/Ruby.js.map +1 -1
  83. package/dist/components/Section/Section.d.ts.map +1 -1
  84. package/dist/components/Section/Section.js +8 -5
  85. package/dist/components/Section/Section.js.map +1 -1
  86. package/dist/components/Span/Span.d.ts.map +1 -1
  87. package/dist/components/Span/Span.js +8 -5
  88. package/dist/components/Span/Span.js.map +1 -1
  89. package/dist/components/Textarea/Textarea.js +37 -37
  90. package/dist/react-minolith.d.ts +1 -0
  91. package/dist/react-minolith.d.ts.map +1 -1
  92. package/dist/react-minolith.js +102 -100
  93. package/dist/react-minolith.js.map +1 -1
  94. package/package.json +2 -2
@@ -1,28 +1,28 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import _ from "../../utilities/classNameUtility.js";
3
- import '../../assets/Card.css';const i = "_card_zrqz2_1", d = {
4
- card: i,
5
- "has-shadow": "_has-shadow_zrqz2_10",
6
- "card-header": "_card-header_zrqz2_13",
7
- "card-body": "_card-body_zrqz2_22",
8
- "card-footer": "_card-footer_zrqz2_37",
9
- "is-gray": "_is-gray_zrqz2_44",
10
- "is-red": "_is-red_zrqz2_61",
11
- "is-orange": "_is-orange_zrqz2_78",
12
- "is-yellow": "_is-yellow_zrqz2_95",
13
- "is-green": "_is-green_zrqz2_112",
14
- "is-cyan": "_is-cyan_zrqz2_129",
15
- "is-blue": "_is-blue_zrqz2_146",
16
- "is-violet": "_is-violet_zrqz2_163",
17
- "is-magenta": "_is-magenta_zrqz2_180"
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 l(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 = [d["card-header"]];
23
- return a.push(..._.getUtilityClassNames(s)), s.className && a.push(s.className), s.as ? /* @__PURE__ */ r(s.as, { ...e, className: a.join(" ") }) : /* @__PURE__ */ r("div", { ...e, className: a.join(" ") });
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
- l as default
26
+ o as default
27
27
  };
28
28
  //# sourceMappingURL=CardHeader.js.map
@@ -1,43 +1,43 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import t from "../../utilities/classNameUtility.js";
3
- import '../../assets/Dialogue.css';const r = "_dialogue_19d92_1", a = {
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-small_19d92_29",
6
- "is-avatar-large": "_is-avatar-large_19d92_34",
7
- "is-avatar-circle": "_is-avatar-circle_19d92_39",
8
- "dialogue-avatar-container": "_dialogue-avatar-container_19d92_51",
9
- "dialogue-avatar": "_dialogue-avatar_19d92_51",
10
- "is-border-width-xthin": "_is-border-width-xthin_19d92_58",
11
- "is-border-width-thin": "_is-border-width-thin_19d92_63",
12
- "is-border-width-medium": "_is-border-width-medium_19d92_68",
13
- "is-border-width-thick": "_is-border-width-thick_19d92_73",
14
- "is-border-width-xthick": "_is-border-width-xthick_19d92_78",
15
- "is-border-width-xxthick": "_is-border-width-xxthick_19d92_83",
16
- "is-border-width-xxxthick": "_is-border-width-xxxthick_19d92_88",
17
- "dialogue-content-container": "_dialogue-content-container_19d92_94",
18
- "dialogue-name": "_dialogue-name_19d92_119",
19
- "dialogue-message": "_dialogue-message_19d92_120",
20
- "dialogue-message-inner": "_dialogue-message-inner_19d92_147",
21
- "is-left": "_is-left_19d92_150",
22
- "is-right": "_is-right_19d92_192",
23
- "is-border-style-solid": "_is-border-style-solid_19d92_234",
24
- "is-border-style-dashed": "_is-border-style-dashed_19d92_241",
25
- "is-border-style-dotted": "_is-border-style-dotted_19d92_248",
26
- "is-gray": "_is-gray_19d92_255",
27
- "is-red": "_is-red_19d92_277",
28
- "is-orange": "_is-orange_19d92_299",
29
- "is-yellow": "_is-yellow_19d92_321",
30
- "is-green": "_is-green_19d92_343",
31
- "is-cyan": "_is-cyan_19d92_365",
32
- "is-blue": "_is-blue_19d92_387",
33
- "is-violet": "_is-violet_19d92_409",
34
- "is-magenta": "_is-magenta_19d92_431"
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 d = [a.dialogue];
40
- return e.colorName && d.push(a[`is-${e.colorName}`]), e.isRight ? d.push(a["is-right"]) : d.push(a["is-left"]), e.avatarSize && d.push(a[`is-avatar-size-${e.avatarSize}`]), e.borderStyle && d.push(a[`is-border-style-${e.borderStyle}`]), e.borderWidth && d.push(a[`is-border-width-${e.borderWidth}`]), e.isAvatarCircle && d.push(a["is-avatar-circle"]), d.push(...t.getUtilityClassNames(e)), e.className && d.push(e.className), e.as ? /* @__PURE__ */ s(e.as, { ...i, className: d.join(" ") }) : /* @__PURE__ */ s("div", { ...i, className: d.join(" ") });
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 a } from "react/jsx-runtime";
2
- import s from "../../utilities/classNameUtility.js";
3
- import '../../assets/Dialogue.css';const _ = "_dialogue_19d92_1", t = {
4
- dialogue: _,
5
- "is-avatar-small": "_is-avatar-small_19d92_29",
6
- "is-avatar-large": "_is-avatar-large_19d92_34",
7
- "is-avatar-circle": "_is-avatar-circle_19d92_39",
8
- "dialogue-avatar-container": "_dialogue-avatar-container_19d92_51",
9
- "dialogue-avatar": "_dialogue-avatar_19d92_51",
10
- "is-border-width-xthin": "_is-border-width-xthin_19d92_58",
11
- "is-border-width-thin": "_is-border-width-thin_19d92_63",
12
- "is-border-width-medium": "_is-border-width-medium_19d92_68",
13
- "is-border-width-thick": "_is-border-width-thick_19d92_73",
14
- "is-border-width-xthick": "_is-border-width-xthick_19d92_78",
15
- "is-border-width-xxthick": "_is-border-width-xxthick_19d92_83",
16
- "is-border-width-xxxthick": "_is-border-width-xxxthick_19d92_88",
17
- "dialogue-content-container": "_dialogue-content-container_19d92_94",
18
- "dialogue-name": "_dialogue-name_19d92_119",
19
- "dialogue-message": "_dialogue-message_19d92_120",
20
- "dialogue-message-inner": "_dialogue-message-inner_19d92_147",
21
- "is-left": "_is-left_19d92_150",
22
- "is-right": "_is-right_19d92_192",
23
- "is-border-style-solid": "_is-border-style-solid_19d92_234",
24
- "is-border-style-dashed": "_is-border-style-dashed_19d92_241",
25
- "is-border-style-dotted": "_is-border-style-dotted_19d92_248",
26
- "is-gray": "_is-gray_19d92_255",
27
- "is-red": "_is-red_19d92_277",
28
- "is-orange": "_is-orange_19d92_299",
29
- "is-yellow": "_is-yellow_19d92_321",
30
- "is-green": "_is-green_19d92_343",
31
- "is-cyan": "_is-cyan_19d92_365",
32
- "is-blue": "_is-blue_19d92_387",
33
- "is-violet": "_is-violet_19d92_409",
34
- "is-magenta": "_is-magenta_19d92_431"
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 d = [t["dialogue-avatar"]];
40
- return d.push(...s.getUtilityClassNames(i)), i.className && d.push(i.className), i.as ? /* @__PURE__ */ a(i.as, { ...e, className: d.join(" ") }) : /* @__PURE__ */ a("img", { ...e, className: d.join(" ") });
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 a } from "react/jsx-runtime";
2
- import s from "../../utilities/classNameUtility.js";
3
- import '../../assets/Dialogue.css';const _ = "_dialogue_19d92_1", t = {
4
- dialogue: _,
5
- "is-avatar-small": "_is-avatar-small_19d92_29",
6
- "is-avatar-large": "_is-avatar-large_19d92_34",
7
- "is-avatar-circle": "_is-avatar-circle_19d92_39",
8
- "dialogue-avatar-container": "_dialogue-avatar-container_19d92_51",
9
- "dialogue-avatar": "_dialogue-avatar_19d92_51",
10
- "is-border-width-xthin": "_is-border-width-xthin_19d92_58",
11
- "is-border-width-thin": "_is-border-width-thin_19d92_63",
12
- "is-border-width-medium": "_is-border-width-medium_19d92_68",
13
- "is-border-width-thick": "_is-border-width-thick_19d92_73",
14
- "is-border-width-xthick": "_is-border-width-xthick_19d92_78",
15
- "is-border-width-xxthick": "_is-border-width-xxthick_19d92_83",
16
- "is-border-width-xxxthick": "_is-border-width-xxxthick_19d92_88",
17
- "dialogue-content-container": "_dialogue-content-container_19d92_94",
18
- "dialogue-name": "_dialogue-name_19d92_119",
19
- "dialogue-message": "_dialogue-message_19d92_120",
20
- "dialogue-message-inner": "_dialogue-message-inner_19d92_147",
21
- "is-left": "_is-left_19d92_150",
22
- "is-right": "_is-right_19d92_192",
23
- "is-border-style-solid": "_is-border-style-solid_19d92_234",
24
- "is-border-style-dashed": "_is-border-style-dashed_19d92_241",
25
- "is-border-style-dotted": "_is-border-style-dotted_19d92_248",
26
- "is-gray": "_is-gray_19d92_255",
27
- "is-red": "_is-red_19d92_277",
28
- "is-orange": "_is-orange_19d92_299",
29
- "is-yellow": "_is-yellow_19d92_321",
30
- "is-green": "_is-green_19d92_343",
31
- "is-cyan": "_is-cyan_19d92_365",
32
- "is-blue": "_is-blue_19d92_387",
33
- "is-violet": "_is-violet_19d92_409",
34
- "is-magenta": "_is-magenta_19d92_431"
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 d = [t["dialogue-avatar-container"]];
40
- return d.push(...s.getUtilityClassNames(i)), i.className && d.push(i.className), i.as ? /* @__PURE__ */ a(i.as, { ...e, className: d.join(" ") }) : /* @__PURE__ */ a("div", { ...e, className: d.join(" ") });
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 s } from "react/jsx-runtime";
2
- import a from "../../utilities/classNameUtility.js";
3
- import '../../assets/Dialogue.css';const t = "_dialogue_19d92_1", _ = {
4
- dialogue: t,
5
- "is-avatar-small": "_is-avatar-small_19d92_29",
6
- "is-avatar-large": "_is-avatar-large_19d92_34",
7
- "is-avatar-circle": "_is-avatar-circle_19d92_39",
8
- "dialogue-avatar-container": "_dialogue-avatar-container_19d92_51",
9
- "dialogue-avatar": "_dialogue-avatar_19d92_51",
10
- "is-border-width-xthin": "_is-border-width-xthin_19d92_58",
11
- "is-border-width-thin": "_is-border-width-thin_19d92_63",
12
- "is-border-width-medium": "_is-border-width-medium_19d92_68",
13
- "is-border-width-thick": "_is-border-width-thick_19d92_73",
14
- "is-border-width-xthick": "_is-border-width-xthick_19d92_78",
15
- "is-border-width-xxthick": "_is-border-width-xxthick_19d92_83",
16
- "is-border-width-xxxthick": "_is-border-width-xxxthick_19d92_88",
17
- "dialogue-content-container": "_dialogue-content-container_19d92_94",
18
- "dialogue-name": "_dialogue-name_19d92_119",
19
- "dialogue-message": "_dialogue-message_19d92_120",
20
- "dialogue-message-inner": "_dialogue-message-inner_19d92_147",
21
- "is-left": "_is-left_19d92_150",
22
- "is-right": "_is-right_19d92_192",
23
- "is-border-style-solid": "_is-border-style-solid_19d92_234",
24
- "is-border-style-dashed": "_is-border-style-dashed_19d92_241",
25
- "is-border-style-dotted": "_is-border-style-dotted_19d92_248",
26
- "is-gray": "_is-gray_19d92_255",
27
- "is-red": "_is-red_19d92_277",
28
- "is-orange": "_is-orange_19d92_299",
29
- "is-yellow": "_is-yellow_19d92_321",
30
- "is-green": "_is-green_19d92_343",
31
- "is-cyan": "_is-cyan_19d92_365",
32
- "is-blue": "_is-blue_19d92_387",
33
- "is-violet": "_is-violet_19d92_409",
34
- "is-magenta": "_is-magenta_19d92_431"
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 d = [_["dialogue-content-container"]];
40
- return d.push(...a.getUtilityClassNames(i)), i.className && d.push(i.className), i.as ? /* @__PURE__ */ s(i.as, { ...e, className: d.join(" ") }) : /* @__PURE__ */ s("div", { ...e, className: d.join(" ") });
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 s } from "react/jsx-runtime";
2
- import a from "../../utilities/classNameUtility.js";
3
- import '../../assets/Dialogue.css';const _ = "_dialogue_19d92_1", t = {
4
- dialogue: _,
5
- "is-avatar-small": "_is-avatar-small_19d92_29",
6
- "is-avatar-large": "_is-avatar-large_19d92_34",
7
- "is-avatar-circle": "_is-avatar-circle_19d92_39",
8
- "dialogue-avatar-container": "_dialogue-avatar-container_19d92_51",
9
- "dialogue-avatar": "_dialogue-avatar_19d92_51",
10
- "is-border-width-xthin": "_is-border-width-xthin_19d92_58",
11
- "is-border-width-thin": "_is-border-width-thin_19d92_63",
12
- "is-border-width-medium": "_is-border-width-medium_19d92_68",
13
- "is-border-width-thick": "_is-border-width-thick_19d92_73",
14
- "is-border-width-xthick": "_is-border-width-xthick_19d92_78",
15
- "is-border-width-xxthick": "_is-border-width-xxthick_19d92_83",
16
- "is-border-width-xxxthick": "_is-border-width-xxxthick_19d92_88",
17
- "dialogue-content-container": "_dialogue-content-container_19d92_94",
18
- "dialogue-name": "_dialogue-name_19d92_119",
19
- "dialogue-message": "_dialogue-message_19d92_120",
20
- "dialogue-message-inner": "_dialogue-message-inner_19d92_147",
21
- "is-left": "_is-left_19d92_150",
22
- "is-right": "_is-right_19d92_192",
23
- "is-border-style-solid": "_is-border-style-solid_19d92_234",
24
- "is-border-style-dashed": "_is-border-style-dashed_19d92_241",
25
- "is-border-style-dotted": "_is-border-style-dotted_19d92_248",
26
- "is-gray": "_is-gray_19d92_255",
27
- "is-red": "_is-red_19d92_277",
28
- "is-orange": "_is-orange_19d92_299",
29
- "is-yellow": "_is-yellow_19d92_321",
30
- "is-green": "_is-green_19d92_343",
31
- "is-cyan": "_is-cyan_19d92_365",
32
- "is-blue": "_is-blue_19d92_387",
33
- "is-violet": "_is-violet_19d92_409",
34
- "is-magenta": "_is-magenta_19d92_431"
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 d = [t["dialogue-message"]];
40
- return d.push(...a.getUtilityClassNames(i)), i.className && d.push(i.className), i.as ? /* @__PURE__ */ s(i.as, { ...e, className: d.join(" ") }) : /* @__PURE__ */ s("div", { ...e, className: d.join(" ") });
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 s } from "react/jsx-runtime";
2
- import a from "../../utilities/classNameUtility.js";
3
- import '../../assets/Dialogue.css';const _ = "_dialogue_19d92_1", t = {
4
- dialogue: _,
5
- "is-avatar-small": "_is-avatar-small_19d92_29",
6
- "is-avatar-large": "_is-avatar-large_19d92_34",
7
- "is-avatar-circle": "_is-avatar-circle_19d92_39",
8
- "dialogue-avatar-container": "_dialogue-avatar-container_19d92_51",
9
- "dialogue-avatar": "_dialogue-avatar_19d92_51",
10
- "is-border-width-xthin": "_is-border-width-xthin_19d92_58",
11
- "is-border-width-thin": "_is-border-width-thin_19d92_63",
12
- "is-border-width-medium": "_is-border-width-medium_19d92_68",
13
- "is-border-width-thick": "_is-border-width-thick_19d92_73",
14
- "is-border-width-xthick": "_is-border-width-xthick_19d92_78",
15
- "is-border-width-xxthick": "_is-border-width-xxthick_19d92_83",
16
- "is-border-width-xxxthick": "_is-border-width-xxxthick_19d92_88",
17
- "dialogue-content-container": "_dialogue-content-container_19d92_94",
18
- "dialogue-name": "_dialogue-name_19d92_119",
19
- "dialogue-message": "_dialogue-message_19d92_120",
20
- "dialogue-message-inner": "_dialogue-message-inner_19d92_147",
21
- "is-left": "_is-left_19d92_150",
22
- "is-right": "_is-right_19d92_192",
23
- "is-border-style-solid": "_is-border-style-solid_19d92_234",
24
- "is-border-style-dashed": "_is-border-style-dashed_19d92_241",
25
- "is-border-style-dotted": "_is-border-style-dotted_19d92_248",
26
- "is-gray": "_is-gray_19d92_255",
27
- "is-red": "_is-red_19d92_277",
28
- "is-orange": "_is-orange_19d92_299",
29
- "is-yellow": "_is-yellow_19d92_321",
30
- "is-green": "_is-green_19d92_343",
31
- "is-cyan": "_is-cyan_19d92_365",
32
- "is-blue": "_is-blue_19d92_387",
33
- "is-violet": "_is-violet_19d92_409",
34
- "is-magenta": "_is-magenta_19d92_431"
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 d = [t["dialogue-message-inner"]];
40
- return d.push(...a.getUtilityClassNames(i)), i.className && d.push(i.className), i.as ? /* @__PURE__ */ s(i.as, { ...e, className: d.join(" ") }) : /* @__PURE__ */ s("div", { ...e, className: d.join(" ") });
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