react-minolith 0.0.11 → 0.0.13

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 (80) hide show
  1. package/dist/DialogueAvatar.module-DZkzrwXx.js +37 -0
  2. package/dist/DialogueAvatar.module-DZkzrwXx.js.map +1 -0
  3. package/dist/assets/Badge.css +1 -1
  4. package/dist/assets/Button.css +1 -1
  5. package/dist/assets/Columns.css +1 -1
  6. package/dist/assets/Container.css +1 -1
  7. package/dist/assets/DialogueAvatar.css +1 -1
  8. package/dist/assets/Hamburger.css +1 -1
  9. package/dist/assets/Minolith.css +1 -1
  10. package/dist/assets/MinolithCssVariableStylesProvider.css +1 -1
  11. package/dist/base/MinolithStatic/MinolithStatic.stories.d.ts.map +1 -1
  12. package/dist/common/models/ComponentsCssVariable.d.ts +24 -0
  13. package/dist/common/models/ComponentsCssVariable.d.ts.map +1 -0
  14. package/dist/common/models/ComponentsCssVariable.js +2 -0
  15. package/dist/common/models/ComponentsCssVariable.js.map +1 -0
  16. package/dist/common/models/MinolithCssVariable.d.ts +2 -0
  17. package/dist/common/models/MinolithCssVariable.d.ts.map +1 -1
  18. package/dist/components/Badge/Badge.js +22 -22
  19. package/dist/components/Button/Button.js +23 -23
  20. package/dist/components/Dialogue/Dialogue.d.ts.map +1 -1
  21. package/dist/components/Dialogue/Dialogue.js +40 -29
  22. package/dist/components/Dialogue/Dialogue.js.map +1 -1
  23. package/dist/components/Dialogue/Dialogue.stories.d.ts +1 -2
  24. package/dist/components/Dialogue/Dialogue.stories.d.ts.map +1 -1
  25. package/dist/components/Dialogue/DialogueAvatar.d.ts.map +1 -1
  26. package/dist/components/Dialogue/DialogueAvatar.js +8 -8
  27. package/dist/components/Dialogue/DialogueAvatar.js.map +1 -1
  28. package/dist/components/Dialogue/DialogueAvatarContainer.js +1 -1
  29. package/dist/components/Dialogue/DialogueAvatarProps.d.ts +0 -1
  30. package/dist/components/Dialogue/DialogueAvatarProps.d.ts.map +1 -1
  31. package/dist/components/Dialogue/DialogueContentContainer.js +39 -28
  32. package/dist/components/Dialogue/DialogueContentContainer.js.map +1 -1
  33. package/dist/components/Dialogue/DialogueMessage.js +39 -28
  34. package/dist/components/Dialogue/DialogueMessage.js.map +1 -1
  35. package/dist/components/Dialogue/DialogueMessageInner.d.ts +3 -0
  36. package/dist/components/Dialogue/DialogueMessageInner.d.ts.map +1 -0
  37. package/dist/components/Dialogue/DialogueMessageInner.js +45 -0
  38. package/dist/components/Dialogue/DialogueMessageInner.js.map +1 -0
  39. package/dist/components/Dialogue/DialogueMessageInnerProps.d.ts +7 -0
  40. package/dist/components/Dialogue/DialogueMessageInnerProps.d.ts.map +1 -0
  41. package/dist/components/Dialogue/DialogueMessageInnerProps.js +2 -0
  42. package/dist/components/Dialogue/DialogueMessageInnerProps.js.map +1 -0
  43. package/dist/components/Dialogue/DialogueName.js +39 -28
  44. package/dist/components/Dialogue/DialogueName.js.map +1 -1
  45. package/dist/components/Dialogue/DialogueProps.d.ts +6 -2
  46. package/dist/components/Dialogue/DialogueProps.d.ts.map +1 -1
  47. package/dist/components/Dialogue/index.d.ts +2 -0
  48. package/dist/components/Dialogue/index.d.ts.map +1 -1
  49. package/dist/components/Dialogue/index.js +8 -6
  50. package/dist/components/Dialogue/index.js.map +1 -1
  51. package/dist/components/Hamburger/Hamburger.js +31 -31
  52. package/dist/components/Modal/Modal.d.ts.map +1 -1
  53. package/dist/components/Modal/Modal.js +7 -7
  54. package/dist/components/Modal/Modal.js.map +1 -1
  55. package/dist/components/Modal/ModalProps.d.ts +2 -0
  56. package/dist/components/Modal/ModalProps.d.ts.map +1 -1
  57. package/dist/layouts/Columns/Column.js +279 -216
  58. package/dist/layouts/Columns/Column.js.map +1 -1
  59. package/dist/layouts/Columns/Columns.d.ts.map +1 -1
  60. package/dist/layouts/Columns/Columns.js +302 -239
  61. package/dist/layouts/Columns/Columns.js.map +1 -1
  62. package/dist/layouts/Columns/Columns.stories.d.ts +2 -0
  63. package/dist/layouts/Columns/Columns.stories.d.ts.map +1 -1
  64. package/dist/layouts/Columns/ColumnsProps.d.ts +4 -0
  65. package/dist/layouts/Columns/ColumnsProps.d.ts.map +1 -1
  66. package/dist/layouts/Container/Container.d.ts.map +1 -1
  67. package/dist/layouts/Container/Container.js +74 -10
  68. package/dist/layouts/Container/Container.js.map +1 -1
  69. package/dist/layouts/Container/Container.stories.d.ts +3 -0
  70. package/dist/layouts/Container/Container.stories.d.ts.map +1 -1
  71. package/dist/layouts/Container/ContainerProps.d.ts +5 -0
  72. package/dist/layouts/Container/ContainerProps.d.ts.map +1 -1
  73. package/dist/react-minolith.js +72 -70
  74. package/dist/react-minolith.js.map +1 -1
  75. package/dist/utilities/minolithStyleUtility/minolithStyleUtility.d.ts.map +1 -1
  76. package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js +199 -86
  77. package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js.map +1 -1
  78. package/package.json +2 -2
  79. package/dist/DialogueAvatar.module-uqGI3dA2.js +0 -26
  80. package/dist/DialogueAvatar.module-uqGI3dA2.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DialogueMessageInner.js","sources":["../../../src/components/Dialogue/DialogueMessageInner.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport DialogueMessageInnerProps from \"./DialogueMessageInnerProps\";\r\nimport classNames from \"./DialogueMessageInner.module.scss\";\r\n\r\nexport default function DialogueMessageInner(props: DialogueMessageInnerProps): JSX.Element {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"as\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames: string[] = [classNames[\"dialogue-message-inner\"]];\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n return props.as ? (\r\n <props.as {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n ) : (\r\n <div {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n );\r\n}\r\n"],"names":["DialogueMessageInner","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAqBC,GAA+C;AACpF,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,IAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,wBAAwB,CAAC;AAC1E,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnDA,EAAM,KACV,gBAAAK,EAAAL,EAAM,IAAN,EAAU,GAAGC,GAAe,WAAWC,EAAmB,KAAK,GAAG,EAAG,CAAA,sBAErE,OAAK,EAAA,GAAGD,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ import { DivProps } from '../Div';
3
+ export default interface DialogueMessageInnerProps extends DivProps {
4
+ as?: React.ElementType | undefined;
5
+ [key: string]: any;
6
+ }
7
+ //# sourceMappingURL=DialogueMessageInnerProps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DialogueMessageInnerProps.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueMessageInnerProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,yBAA0B,SAAQ,QAAQ;IACjE,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}
@@ -0,0 +1,2 @@
1
+
2
+ //# sourceMappingURL=DialogueMessageInnerProps.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DialogueMessageInnerProps.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,34 +1,45 @@
1
- import { jsx as i } from "react/jsx-runtime";
2
- import _ from "../../utilities/classNameUtility.js";
3
- import '../../assets/DialogueAvatar.css';const g = "_dialogue_1usgj_1", t = {
4
- dialogue: g,
5
- "dialogue-avatar-container": "_dialogue-avatar-container_1usgj_9",
6
- "dialogue-content-container": "_dialogue-content-container_1usgj_10",
7
- "dialogue-avatar": "_dialogue-avatar_1usgj_9",
8
- "is-circle": "_is-circle_1usgj_34",
9
- "dialogue-name": "_dialogue-name_1usgj_45",
10
- "dialogue-message": "_dialogue-message_1usgj_46",
11
- "is-avatar-right": "_is-avatar-right_1usgj_106",
12
- "is-border-style-solid": "_is-border-style-solid_1usgj_134",
13
- "is-border-style-dashed": "_is-border-style-dashed_1usgj_141",
14
- "is-border-style-dotted": "_is-border-style-dotted_1usgj_148",
15
- "is-gray": "_is-gray_1usgj_155",
16
- "is-red": "_is-red_1usgj_177",
17
- "is-orange": "_is-orange_1usgj_199",
18
- "is-yellow": "_is-yellow_1usgj_221",
19
- "is-green": "_is-green_1usgj_243",
20
- "is-cyan": "_is-cyan_1usgj_265",
21
- "is-blue": "_is-blue_1usgj_287",
22
- "is-violet": "_is-violet_1usgj_309",
23
- "is-magenta": "_is-magenta_1usgj_331"
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import a from "../../utilities/classNameUtility.js";
3
+ import '../../assets/DialogueAvatar.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"
24
35
  };
25
- function d(s) {
26
- const e = { ...s };
36
+ function l(i) {
37
+ const e = { ...i };
27
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;
28
- const a = [t["dialogue-name"]];
29
- return a.push(..._.getUtilityClassNames(s)), s.className && a.push(s.className), s.as ? /* @__PURE__ */ i(s.as, { ...e, className: a.join(" ") }) : /* @__PURE__ */ i("div", { ...e, className: a.join(" ") });
39
+ const d = [t["dialogue-name"]];
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(" ") });
30
41
  }
31
42
  export {
32
- d as default
43
+ l as default
33
44
  };
34
45
  //# sourceMappingURL=DialogueName.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DialogueName.js","sources":["../../../src/components/Dialogue/DialogueName.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport DialogueNameProps from \"./DialogueNameProps\";\r\nimport classNames from \"./DialogueName.module.scss\";\r\n\r\nexport default function DialogueName(props: DialogueNameProps): JSX.Element {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"as\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames: string[] = [classNames[\"dialogue-name\"]];\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n return props.as ? (\r\n <props.as {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n ) : (\r\n <div {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n );\r\n}\r\n"],"names":["DialogueName","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAaC,GAAuC;AACpE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,IAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,eAAe,CAAC;AACjE,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GACnDA,EAAM,KACV,gBAAAK,EAAAL,EAAM,IAAN,EAAU,GAAGC,GAAe,WAAWC,EAAmB,KAAK,GAAG,EAAG,CAAA,sBAErE,OAAK,EAAA,GAAGD,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
1
+ {"version":3,"file":"DialogueName.js","sources":["../../../src/components/Dialogue/DialogueName.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport DialogueNameProps from \"./DialogueNameProps\";\r\nimport classNames from \"./DialogueName.module.scss\";\r\n\r\nexport default function DialogueName(props: DialogueNameProps): JSX.Element {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"as\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames: string[] = [classNames[\"dialogue-name\"]];\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n return props.as ? (\r\n <props.as {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n ) : (\r\n <div {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n );\r\n}\r\n"],"names":["DialogueName","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAaC,GAAuC;AACpE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,IAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,eAAe,CAAC;AACjE,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GACnDA,EAAM,KACV,gBAAAK,EAAAL,EAAM,IAAN,EAAU,GAAGC,GAAe,WAAWC,EAAmB,KAAK,GAAG,EAAG,CAAA,sBAErE,OAAK,EAAA,GAAGD,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
@@ -1,10 +1,14 @@
1
1
  import { default as React } from 'react';
2
- import { ColorName } from '../../common/literalTypes';
2
+ import { BorderStyle, BorderWidth, ColorName } from '../../common/literalTypes';
3
3
  import { DivProps } from '../Div';
4
4
  export default interface DialogueProps extends DivProps {
5
5
  colorName?: ColorName;
6
6
  as?: React.ElementType | undefined;
7
7
  [key: string]: any;
8
- isAvatarRight?: boolean;
8
+ avatarSize?: "large" | "small";
9
+ borderStyle?: BorderStyle;
10
+ borderWidth?: BorderWidth;
11
+ isAvatarCircle?: boolean;
12
+ isRight?: boolean;
9
13
  }
10
14
  //# sourceMappingURL=DialogueProps.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DialogueProps.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,aAAc,SAAQ,QAAQ;IACrD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
1
+ {"version":3,"file":"DialogueProps.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,aAAc,SAAQ,QAAQ;IACrD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
@@ -10,4 +10,6 @@ export { default as DialogueName } from './DialogueName';
10
10
  export type { default as DialogueNameProps } from './DialogueNameProps';
11
11
  export { default as DialogueMessage } from './DialogueMessage';
12
12
  export type { default as DialogueMessageProps } from './DialogueMessageProps';
13
+ export { default as DialogueMessageInner } from './DialogueMessageInner';
14
+ export type { default as DialogueMessageInnerProps } from './DialogueMessageInnerProps';
13
15
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,YAAY,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,YAAY,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,YAAY,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,YAAY,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,YAAY,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}
@@ -1,15 +1,17 @@
1
1
  import { default as o } from "./Dialogue.js";
2
2
  import { default as r } from "./DialogueAvatarContainer.js";
3
3
  import { default as l } from "./DialogueAvatar.js";
4
- import { default as i } from "./DialogueContentContainer.js";
5
- import { default as g } from "./DialogueName.js";
6
- import { default as d } from "./DialogueMessage.js";
4
+ import { default as s } from "./DialogueContentContainer.js";
5
+ import { default as i } from "./DialogueName.js";
6
+ import { default as n } from "./DialogueMessage.js";
7
+ import { default as p } from "./DialogueMessageInner.js";
7
8
  export {
8
9
  o as Dialogue,
9
10
  l as DialogueAvatar,
10
11
  r as DialogueAvatarContainer,
11
- i as DialogueContentContainer,
12
- d as DialogueMessage,
13
- g as DialogueName
12
+ s as DialogueContentContainer,
13
+ n as DialogueMessage,
14
+ p as DialogueMessageInner,
15
+ i as DialogueName
14
16
  };
15
17
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
@@ -1,43 +1,43 @@
1
- import { jsxs as s, jsx as r } from "react/jsx-runtime";
2
- import n from "../../utilities/classNameUtility.js";
3
- import '../../assets/Hamburger.css';const c = "_hamburger_1ulnc_1", i = "_crown_1ulnc_10", _ = "_upperpatty_1ulnc_11", u = "_club_1ulnc_12", o = "_lowerpatty_1ulnc_13", m = "_heel_1ulnc_14", t = {
4
- hamburger: c,
5
- crown: i,
6
- upperpatty: _,
7
- club: u,
8
- lowerpatty: o,
9
- heel: m,
10
- "hamburger-upperpatty": "_hamburger-upperpatty_1ulnc_1",
11
- "hamburger-lowerpatty": "_hamburger-lowerpatty_1ulnc_1",
12
- "is-active": "_is-active_1ulnc_58",
13
- "hamburger-upperpatty-is-active": "_hamburger-upperpatty-is-active_1ulnc_1",
14
- "hamburger-lowerpatty-is-active": "_hamburger-lowerpatty-is-active_1ulnc_1",
15
- "is-gray": "_is-gray_1ulnc_69",
16
- "is-red": "_is-red_1ulnc_81",
17
- "is-orange": "_is-orange_1ulnc_93",
18
- "is-yellow": "_is-yellow_1ulnc_105",
19
- "is-green": "_is-green_1ulnc_117",
20
- "is-cyan": "_is-cyan_1ulnc_129",
21
- "is-blue": "_is-blue_1ulnc_141",
22
- "is-violet": "_is-violet_1ulnc_153",
23
- "is-magenta": "_is-magenta_1ulnc_165"
1
+ import { jsxs as i, jsx as s } from "react/jsx-runtime";
2
+ import o from "../../utilities/classNameUtility.js";
3
+ import '../../assets/Hamburger.css';const l = "_hamburger_1o9h6_1", _ = "_crown_1o9h6_12", n = "_upperpatty_1o9h6_13", h = "_club_1o9h6_14", c = "_lowerpatty_1o9h6_15", u = "_heel_1o9h6_16", t = {
4
+ hamburger: l,
5
+ crown: _,
6
+ upperpatty: n,
7
+ club: h,
8
+ lowerpatty: c,
9
+ heel: u,
10
+ "hamburger-upperpatty": "_hamburger-upperpatty_1o9h6_1",
11
+ "hamburger-lowerpatty": "_hamburger-lowerpatty_1o9h6_1",
12
+ "is-active": "_is-active_1o9h6_60",
13
+ "hamburger-upperpatty-is-active": "_hamburger-upperpatty-is-active_1o9h6_1",
14
+ "hamburger-lowerpatty-is-active": "_hamburger-lowerpatty-is-active_1o9h6_1",
15
+ "is-gray": "_is-gray_1o9h6_71",
16
+ "is-red": "_is-red_1o9h6_83",
17
+ "is-orange": "_is-orange_1o9h6_95",
18
+ "is-yellow": "_is-yellow_1o9h6_107",
19
+ "is-green": "_is-green_1o9h6_119",
20
+ "is-cyan": "_is-cyan_1o9h6_131",
21
+ "is-blue": "_is-blue_1o9h6_143",
22
+ "is-violet": "_is-violet_1o9h6_155",
23
+ "is-magenta": "_is-magenta_1o9h6_167"
24
24
  };
25
25
  function g(a) {
26
26
  const e = { ...a };
27
27
  delete e.colorName, delete e.isActive, delete e.crownInner, delete e.heelInner, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
28
- const l = [t.hamburger];
29
- return a.colorName && l.push(t[`is-${a.colorName}`]), a.isActive && l.push(t["is-active"]), l.push(...n.getUtilityClassNames(a)), a.className && l.push(a.className), /* @__PURE__ */ s(
28
+ const r = [t.hamburger];
29
+ return a.colorName && r.push(t[`is-${a.colorName}`]), a.isActive && r.push(t["is-active"]), r.push(...o.getUtilityClassNames(a)), a.className && r.push(a.className), /* @__PURE__ */ i(
30
30
  "div",
31
31
  {
32
32
  ...e,
33
33
  role: "button",
34
- className: l.join(" "),
34
+ className: r.join(" "),
35
35
  children: [
36
- /* @__PURE__ */ r("span", { className: t.crown, children: a.crownInner }),
37
- /* @__PURE__ */ r("span", { className: t.upperpatty, "aria-hidden": "true" }),
38
- /* @__PURE__ */ r("span", { className: t.club, "aria-hidden": "true" }),
39
- /* @__PURE__ */ r("span", { className: t.lowerpatty, "aria-hidden": "true" }),
40
- /* @__PURE__ */ r("span", { className: t.heel, children: a.heelInner })
36
+ /* @__PURE__ */ s("span", { className: t.crown, children: a.crownInner }),
37
+ /* @__PURE__ */ s("span", { className: t.upperpatty, "aria-hidden": "true" }),
38
+ /* @__PURE__ */ s("span", { className: t.club, "aria-hidden": "true" }),
39
+ /* @__PURE__ */ s("span", { className: t.lowerpatty, "aria-hidden": "true" }),
40
+ /* @__PURE__ */ s("span", { className: t.heel, children: a.heelInner })
41
41
  ]
42
42
  }
43
43
  );
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAoB5D"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAqB5D"}
@@ -1,7 +1,7 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import _ from "../../utilities/classNameUtility.js";
3
- import '../../assets/Modal.css';const l = "_modal_1ivpx_1", a = {
4
- modal: l,
2
+ import l from "../../utilities/classNameUtility.js";
3
+ import '../../assets/Modal.css';const _ = "_modal_1ivpx_1", a = {
4
+ modal: _,
5
5
  "is-active": "_is-active_1ivpx_15",
6
6
  "modal-content": "_modal-content_1ivpx_18",
7
7
  "is-gray": "_is-gray_1ivpx_28",
@@ -14,13 +14,13 @@ import '../../assets/Modal.css';const l = "_modal_1ivpx_1", a = {
14
14
  "is-violet": "_is-violet_1ivpx_49",
15
15
  "is-magenta": "_is-magenta_1ivpx_52"
16
16
  };
17
- function d(i) {
17
+ function c(i) {
18
18
  const e = { ...i };
19
- delete e.isActive, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
19
+ delete e.isActive, delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
20
20
  const s = [a.modal];
21
- return i.isActive && s.push(a["is-active"]), s.push(..._.getUtilityClassNames(i)), i.className && s.push(i.className), /* @__PURE__ */ t("div", { ...e, className: s.join(" ") });
21
+ return i.isActive && s.push(a["is-active"]), i.colorName && s.push(a[`is-${i.colorName}`]), s.push(...l.getUtilityClassNames(i)), i.className && s.push(i.className), /* @__PURE__ */ t("div", { ...e, className: s.join(" ") });
22
22
  }
23
23
  export {
24
- d as default
24
+ c as default
25
25
  };
26
26
  //# sourceMappingURL=Modal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./Modal.module.scss\";\r\nimport ModalProps from \"./ModalProps\";\r\n\r\nexport default function Modal(props: ModalProps): JSX.Element {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"isActive\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames = [classNames[\"modal\"]];\r\n props.isActive && assignedClassNames.push(classNames[\"is-active\"]);\r\n // assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n return <div {...assignedProps} className={assignedClassNames.join(\" \")} />;\r\n}\r\n"],"names":["Modal","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAMC,GAAgC;AACtD,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,UAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,KAAQ;AAC/C,SAAAH,EAAM,YAAYE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAEjED,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnD,gBAAAK,EAAC,SAAK,GAAGJ,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAC1E;"}
1
+ {"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./Modal.module.scss\";\r\nimport ModalProps from \"./ModalProps\";\r\n\r\nexport default function Modal(props: ModalProps): JSX.Element {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"isActive\"];\r\n delete assignedProps[\"colorName\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames = [classNames[\"modal\"]];\r\n props.isActive && assignedClassNames.push(classNames[\"is-active\"]);\r\n props.colorName && assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n return <div {...assignedProps} className={assignedClassNames.join(\" \")} />;\r\n}\r\n"],"names":["Modal","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAMC,GAAgC;AACtD,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,UACrB,OAAOA,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,KAAQ;AAC/C,SAAAH,EAAM,YAAYE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAC3DH,EAAA,aAAaE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAC9EE,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnD,gBAAAK,EAAC,SAAK,GAAGJ,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAC1E;"}
@@ -1,5 +1,7 @@
1
+ import { ColorName } from '../../react-minolith';
1
2
  import { DivProps } from '../Div';
2
3
  export default interface ModalProps extends DivProps {
4
+ colorName?: ColorName;
3
5
  isActive?: boolean | undefined;
4
6
  }
5
7
  //# sourceMappingURL=ModalProps.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModalProps.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,UAAW,SAAQ,QAAQ;IAClD,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC"}
1
+ {"version":3,"file":"ModalProps.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,UAAW,SAAQ,QAAQ;IAClD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC"}