react-minolith 0.0.29 → 1.0.0

package/dist/components/Dialogue/DialogueMessage.js

@@ -1,45 +1,32 @@
-import { jsx as a } from "react/jsx-runtime";
-import _ from "../../utilities/classNameUtility.js";
-import '../../assets/Dialogue.css';const t = "_dialogue_xmpuw_1", d = {
-  dialogue: t,
-  "is-avatar-small": "_is-avatar-small_xmpuw_32",
-  "is-avatar-large": "_is-avatar-large_xmpuw_37",
-  "is-avatar-circle": "_is-avatar-circle_xmpuw_42",
-  "dialogue-avatar-container": "_dialogue-avatar-container_xmpuw_54",
-  "dialogue-avatar": "_dialogue-avatar_xmpuw_54",
-  "is-border-width-xthin": "_is-border-width-xthin_xmpuw_61",
-  "is-border-width-thin": "_is-border-width-thin_xmpuw_66",
-  "is-border-width-medium": "_is-border-width-medium_xmpuw_71",
-  "is-border-width-thick": "_is-border-width-thick_xmpuw_76",
-  "is-border-width-xthick": "_is-border-width-xthick_xmpuw_81",
-  "is-border-width-xxthick": "_is-border-width-xxthick_xmpuw_86",
-  "is-border-width-xxxthick": "_is-border-width-xxxthick_xmpuw_91",
-  "dialogue-content-container": "_dialogue-content-container_xmpuw_97",
-  "dialogue-name": "_dialogue-name_xmpuw_128",
-  "dialogue-message": "_dialogue-message_xmpuw_129",
-  "dialogue-message-inner": "_dialogue-message-inner_xmpuw_162",
-  "is-left": "_is-left_xmpuw_165",
-  "is-right": "_is-right_xmpuw_207",
-  "is-border-style-solid": "_is-border-style-solid_xmpuw_249",
-  "is-border-style-dashed": "_is-border-style-dashed_xmpuw_256",
-  "is-border-style-dotted": "_is-border-style-dotted_xmpuw_263",
-  "is-gray": "_is-gray_xmpuw_270",
-  "is-red": "_is-red_xmpuw_292",
-  "is-orange": "_is-orange_xmpuw_314",
-  "is-yellow": "_is-yellow_xmpuw_336",
-  "is-green": "_is-green_xmpuw_358",
-  "is-cyan": "_is-cyan_xmpuw_380",
-  "is-blue": "_is-blue_xmpuw_402",
-  "is-violet": "_is-violet_xmpuw_424",
-  "is-magenta": "_is-magenta_xmpuw_446"
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import l from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
+import o from "../../utilities/classNameUtility.js";
+import '../../assets/Dialogue.css';const m = {
+  "dialogue-message": "_dialogue-message_wae5a_129"
 };
-function l(i) {
-  const e = { ...i };
-  delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
-  const s = [d["dialogue-message"]];
-  return s.push(..._.getUtilityClassNames(i)), i.className && s.push(i.className), i.as ? /* @__PURE__ */ a(i.as, { ...e, className: s.join(" ") }) : /* @__PURE__ */ a("div", { ...e, className: s.join(" ") });
+function c(s) {
+  const e = { ...s };
+  delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
+  const a = [m["dialogue-message"]];
+  a.push(...o.getUtilityClassNames(s)), s.className && a.push(s.className);
+  const t = l.getEmotionCss(s);
+  return s.as ? /* @__PURE__ */ i(
+    s.as,
+    {
+      ...e,
+      className: a.join(" "),
+      css: t
+    }
+  ) : /* @__PURE__ */ i(
+    "div",
+    {
+      ...e,
+      className: a.join(" "),
+      css: t
+    }
+  );
 }
 export {
-  l as default
+  c as default
 };
 //# sourceMappingURL=DialogueMessage.js.map

package/dist/components/Dialogue/DialogueMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueMessage.js","sources":["../../../src/components/Dialogue/DialogueMessage.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport DialogueMessageProps from \"./DialogueMessageProps\";\r\nimport classNames from \"./DialogueMessage.module.scss\";\r\n\r\nexport default function DialogueMessage(props: DialogueMessageProps): React.ReactElement {\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\"]];\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":["DialogueMessage","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAgBC,GAAiD;AACjF,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,kBAAkB,CAAC;AACpE,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;"}
+{"version":3,"file":"DialogueMessage.js","sources":["../../../src/components/Dialogue/DialogueMessage.tsx"],"sourcesContent":["import { classNameUtility, minolithStyleUtility } from \"../../utilities\";\r\nimport DialogueMessageProps from \"./DialogueMessageProps\";\r\nimport classNames from \"./DialogueMessage.module.scss\";\r\n\r\nexport default function DialogueMessage(\r\n  props: DialogueMessageProps\r\n): React.ReactElement {\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  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"dialogue-message\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = minolithStyleUtility.getEmotionCss(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["DialogueMessage","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","minolithStyleUtility","jsx"],"mappings":";;;;;;AAIA,SAAwBA,EACtBC,GACoB;AACd,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,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,kBAAkB,CAAC;AACpE,EAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAqB,cAAcN,CAAK;AAEpD,SAAOA,EAAM,KACX,gBAAAO;AAAA,IAACP,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Dialogue/DialogueMessageInner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueMessageInner.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueMessageInner.tsx"],"names":[],"mappings":"AACA,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAGpE,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CAsBjG"}
+{"version":3,"file":"DialogueMessageInner.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueMessageInner.tsx"],"names":[],"mappings":"AACA,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAGpE,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAC1C,KAAK,EAAE,yBAAyB,GAC/B,KAAK,CAAC,YAAY,CAiCpB"}

package/dist/components/Dialogue/DialogueMessageInner.js

@@ -1,45 +1,32 @@
-import { jsx as a } from "react/jsx-runtime";
-import _ from "../../utilities/classNameUtility.js";
-import '../../assets/Dialogue.css';const t = "_dialogue_xmpuw_1", r = {
-  dialogue: t,
-  "is-avatar-small": "_is-avatar-small_xmpuw_32",
-  "is-avatar-large": "_is-avatar-large_xmpuw_37",
-  "is-avatar-circle": "_is-avatar-circle_xmpuw_42",
-  "dialogue-avatar-container": "_dialogue-avatar-container_xmpuw_54",
-  "dialogue-avatar": "_dialogue-avatar_xmpuw_54",
-  "is-border-width-xthin": "_is-border-width-xthin_xmpuw_61",
-  "is-border-width-thin": "_is-border-width-thin_xmpuw_66",
-  "is-border-width-medium": "_is-border-width-medium_xmpuw_71",
-  "is-border-width-thick": "_is-border-width-thick_xmpuw_76",
-  "is-border-width-xthick": "_is-border-width-xthick_xmpuw_81",
-  "is-border-width-xxthick": "_is-border-width-xxthick_xmpuw_86",
-  "is-border-width-xxxthick": "_is-border-width-xxxthick_xmpuw_91",
-  "dialogue-content-container": "_dialogue-content-container_xmpuw_97",
-  "dialogue-name": "_dialogue-name_xmpuw_128",
-  "dialogue-message": "_dialogue-message_xmpuw_129",
-  "dialogue-message-inner": "_dialogue-message-inner_xmpuw_162",
-  "is-left": "_is-left_xmpuw_165",
-  "is-right": "_is-right_xmpuw_207",
-  "is-border-style-solid": "_is-border-style-solid_xmpuw_249",
-  "is-border-style-dashed": "_is-border-style-dashed_xmpuw_256",
-  "is-border-style-dotted": "_is-border-style-dotted_xmpuw_263",
-  "is-gray": "_is-gray_xmpuw_270",
-  "is-red": "_is-red_xmpuw_292",
-  "is-orange": "_is-orange_xmpuw_314",
-  "is-yellow": "_is-yellow_xmpuw_336",
-  "is-green": "_is-green_xmpuw_358",
-  "is-cyan": "_is-cyan_xmpuw_380",
-  "is-blue": "_is-blue_xmpuw_402",
-  "is-violet": "_is-violet_xmpuw_424",
-  "is-magenta": "_is-magenta_xmpuw_446"
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import l from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
+import n from "../../utilities/classNameUtility.js";
+import '../../assets/Dialogue.css';const o = {
+  "dialogue-message-inner": "_dialogue-message-inner_wae5a_162"
 };
-function l(i) {
-  const e = { ...i };
-  delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
-  const s = [r["dialogue-message-inner"]];
-  return s.push(..._.getUtilityClassNames(i)), i.className && s.push(i.className), i.as ? /* @__PURE__ */ a(i.as, { ...e, className: s.join(" ") }) : /* @__PURE__ */ a("div", { ...e, className: s.join(" ") });
+function c(s) {
+  const e = { ...s };
+  delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
+  const a = [o["dialogue-message-inner"]];
+  a.push(...n.getUtilityClassNames(s)), s.className && a.push(s.className);
+  const i = l.getEmotionCss(s);
+  return s.as ? /* @__PURE__ */ t(
+    s.as,
+    {
+      ...e,
+      className: a.join(" "),
+      css: i
+    }
+  ) : /* @__PURE__ */ t(
+    "div",
+    {
+      ...e,
+      className: a.join(" "),
+      css: i
+    }
+  );
 }
 export {
-  l as default
+  c as default
 };
 //# sourceMappingURL=DialogueMessageInner.js.map

package/dist/components/Dialogue/DialogueMessageInner.js.map

@@ -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): React.ReactElement {\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,GAAsD;AAC3F,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;"}
+{"version":3,"file":"DialogueMessageInner.js","sources":["../../../src/components/Dialogue/DialogueMessageInner.tsx"],"sourcesContent":["import { classNameUtility, minolithStyleUtility } from \"../../utilities\";\r\nimport DialogueMessageInnerProps from \"./DialogueMessageInnerProps\";\r\nimport classNames from \"./DialogueMessageInner.module.scss\";\r\n\r\nexport default function DialogueMessageInner(\r\n  props: DialogueMessageInnerProps\r\n): React.ReactElement {\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  delete assignedProps[\"css\"];\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  const css = minolithStyleUtility.getEmotionCss(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["DialogueMessageInner","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","minolithStyleUtility","jsx"],"mappings":";;;;;;AAIA,SAAwBA,EACtBC,GACoB;AACd,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,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,wBAAwB,CAAC;AAC1E,EAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAqB,cAAcN,CAAK;AAEpD,SAAOA,EAAM,KACX,gBAAAO;AAAA,IAACP,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Dialogue/DialogueName.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueName.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueName.tsx"],"names":[],"mappings":"AACA,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAGpD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAqBjF"}
+{"version":3,"file":"DialogueName.d.ts","sourceRoot":"","sources":["../../../src/components/Dialogue/DialogueName.tsx"],"names":[],"mappings":"AACA,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAGpD,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,KAAK,EAAE,iBAAiB,GACvB,KAAK,CAAC,YAAY,CAiCpB"}

package/dist/components/Dialogue/DialogueName.js

@@ -1,45 +1,32 @@
-import { jsx as a } from "react/jsx-runtime";
-import _ from "../../utilities/classNameUtility.js";
-import '../../assets/Dialogue.css';const t = "_dialogue_xmpuw_1", d = {
-  dialogue: t,
-  "is-avatar-small": "_is-avatar-small_xmpuw_32",
-  "is-avatar-large": "_is-avatar-large_xmpuw_37",
-  "is-avatar-circle": "_is-avatar-circle_xmpuw_42",
-  "dialogue-avatar-container": "_dialogue-avatar-container_xmpuw_54",
-  "dialogue-avatar": "_dialogue-avatar_xmpuw_54",
-  "is-border-width-xthin": "_is-border-width-xthin_xmpuw_61",
-  "is-border-width-thin": "_is-border-width-thin_xmpuw_66",
-  "is-border-width-medium": "_is-border-width-medium_xmpuw_71",
-  "is-border-width-thick": "_is-border-width-thick_xmpuw_76",
-  "is-border-width-xthick": "_is-border-width-xthick_xmpuw_81",
-  "is-border-width-xxthick": "_is-border-width-xxthick_xmpuw_86",
-  "is-border-width-xxxthick": "_is-border-width-xxxthick_xmpuw_91",
-  "dialogue-content-container": "_dialogue-content-container_xmpuw_97",
-  "dialogue-name": "_dialogue-name_xmpuw_128",
-  "dialogue-message": "_dialogue-message_xmpuw_129",
-  "dialogue-message-inner": "_dialogue-message-inner_xmpuw_162",
-  "is-left": "_is-left_xmpuw_165",
-  "is-right": "_is-right_xmpuw_207",
-  "is-border-style-solid": "_is-border-style-solid_xmpuw_249",
-  "is-border-style-dashed": "_is-border-style-dashed_xmpuw_256",
-  "is-border-style-dotted": "_is-border-style-dotted_xmpuw_263",
-  "is-gray": "_is-gray_xmpuw_270",
-  "is-red": "_is-red_xmpuw_292",
-  "is-orange": "_is-orange_xmpuw_314",
-  "is-yellow": "_is-yellow_xmpuw_336",
-  "is-green": "_is-green_xmpuw_358",
-  "is-cyan": "_is-cyan_xmpuw_380",
-  "is-blue": "_is-blue_xmpuw_402",
-  "is-violet": "_is-violet_xmpuw_424",
-  "is-magenta": "_is-magenta_xmpuw_446"
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import l from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
+import m from "../../utilities/classNameUtility.js";
+import '../../assets/Dialogue.css';const n = {
+  "dialogue-name": "_dialogue-name_wae5a_128"
 };
-function l(i) {
-  const e = { ...i };
-  delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
-  const s = [d["dialogue-name"]];
-  return s.push(..._.getUtilityClassNames(i)), i.className && s.push(i.className), i.as ? /* @__PURE__ */ a(i.as, { ...e, className: s.join(" ") }) : /* @__PURE__ */ a("div", { ...e, className: s.join(" ") });
+function g(s) {
+  const e = { ...s };
+  delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
+  const a = [n["dialogue-name"]];
+  a.push(...m.getUtilityClassNames(s)), s.className && a.push(s.className);
+  const t = l.getEmotionCss(s);
+  return s.as ? /* @__PURE__ */ i(
+    s.as,
+    {
+      ...e,
+      className: a.join(" "),
+      css: t
+    }
+  ) : /* @__PURE__ */ i(
+    "div",
+    {
+      ...e,
+      className: a.join(" "),
+      css: t
+    }
+  );
 }
 export {
-  l as default
+  g as default
 };
 //# sourceMappingURL=DialogueName.js.map

package/dist/components/Dialogue/DialogueName.js.map

@@ -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): React.ReactElement {\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,GAA8C;AAC3E,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;"}
+{"version":3,"file":"DialogueName.js","sources":["../../../src/components/Dialogue/DialogueName.tsx"],"sourcesContent":["import { classNameUtility, minolithStyleUtility } from \"../../utilities\";\r\nimport DialogueNameProps from \"./DialogueNameProps\";\r\nimport classNames from \"./DialogueName.module.scss\";\r\n\r\nexport default function DialogueName(\r\n  props: DialogueNameProps\r\n): React.ReactElement {\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  delete assignedProps[\"css\"];\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\r\n  const css = minolithStyleUtility.getEmotionCss(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["DialogueName","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","minolithStyleUtility","jsx"],"mappings":";;;;;;AAIA,SAAwBA,EACtBC,GACoB;AACd,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,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,eAAe,CAAC;AACjE,EAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAqB,cAAcN,CAAK;AAEpD,SAAOA,EAAM,KACX,gBAAAO;AAAA,IAACP,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Div/Div.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Div.d.ts","sourceRoot":"","sources":["../../../src/components/Div/Div.tsx"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAK,EAAE,QAAQ,GAAG,KAAK,CAAC,YAAY,CAiB/D"}
+{"version":3,"file":"Div.d.ts","sourceRoot":"","sources":["../../../src/components/Div/Div.tsx"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAK,EAAE,QAAQ,GAAG,KAAK,CAAC,YAAY,CA0B/D"}

package/dist/components/Div/Div.js

@@ -1,15 +1,25 @@
-import { jsx as t } from "react/jsx-runtime";
-import a from "../../utilities/classNameUtility.js";
-import '../../assets/Div.css';const l = "_div_1ky7h_1", d = {
-  div: l
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import a from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
+import o from "../../utilities/classNameUtility.js";
+import '../../assets/Div.css';const d = "_div_1ky7h_1", n = {
+  div: d
 };
-function c(s) {
+function g(s) {
   const e = { ...s };
-  delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
-  const i = [d.div];
-  return i.push(...a.getUtilityClassNames(s)), s.className && i.push(s.className), /* @__PURE__ */ t("div", { ...e, className: i.join(" ") });
+  delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
+  const t = [n.div];
+  t.push(...o.getUtilityClassNames(s)), s.className && t.push(s.className);
+  const i = a.getEmotionCss(s);
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      ...e,
+      className: t.join(" "),
+      css: i
+    }
+  );
 }
 export {
-  c as default
+  g as default
 };
 //# sourceMappingURL=Div.js.map

package/dist/components/Div/Div.js.map

@@ -1 +1 @@
-{"version":3,"file":"Div.js","sources":["../../../src/components/Div/Div.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./Div.module.scss\";\r\nimport DivProps from \"./DivProps\";\r\n\r\nexport default function Div(props: DivProps): React.ReactElement {\r\n  const assignedProps = { ...props };\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[\"div\"]];\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":["Div","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;AAIA,SAAwBA,EAAIC,GAAqC;AACzD,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AAEjC,SAAOC,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,GAAM;AACvD,SAAAD,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;"}
+{"version":3,"file":"Div.js","sources":["../../../src/components/Div/Div.tsx"],"sourcesContent":["import { classNameUtility, minolithStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./Div.module.scss\";\r\nimport DivProps from \"./DivProps\";\r\n\r\nexport default function Div(props: DivProps): React.ReactElement {\r\n  const assignedProps = { ...props };\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  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"div\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = minolithStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Div","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","minolithStyleUtility","jsx"],"mappings":";;;;;;AAIA,SAAwBA,EAAIC,GAAqC;AACzD,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AAEjC,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,GAAM;AACvD,EAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAqB,cAAcN,CAAK;AAGlD,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Footer/Footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAoBrE"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CA6BrE"}

package/dist/components/Footer/Footer.js

@@ -1,24 +1,36 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import _ from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
 import a from "../../utilities/classNameUtility.js";
-import '../../assets/Footer.css';const l = "_footer_1vs01_1", o = {
-  footer: l,
-  "is-gray": "_is-gray_1vs01_10",
-  "is-red": "_is-red_1vs01_14",
-  "is-orange": "_is-orange_1vs01_18",
-  "is-yellow": "_is-yellow_1vs01_22",
-  "is-green": "_is-green_1vs01_26",
-  "is-cyan": "_is-cyan_1vs01_30",
-  "is-blue": "_is-blue_1vs01_34",
-  "is-violet": "_is-violet_1vs01_38",
-  "is-magenta": "_is-magenta_1vs01_42"
+import '../../assets/Footer.css';const g = "_footer_uzgwp_1", t = {
+  footer: g,
+  "is-gray": "_is-gray_uzgwp_10",
+  "is-red": "_is-red_uzgwp_14",
+  "is-coral": "_is-coral_uzgwp_18",
+  "is-orange": "_is-orange_uzgwp_22",
+  "is-yellow": "_is-yellow_uzgwp_26",
+  "is-lime": "_is-lime_uzgwp_30",
+  "is-green": "_is-green_uzgwp_34",
+  "is-cyan": "_is-cyan_uzgwp_38",
+  "is-blue": "_is-blue_uzgwp_42",
+  "is-violet": "_is-violet_uzgwp_46",
+  "is-magenta": "_is-magenta_uzgwp_50"
 };
-function n(s) {
+function m(s) {
   const e = { ...s };
-  delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
-  const i = [o.Footer];
-  return s.colorName && i.push(o[`is-${s.colorName}`]), i.push(...a.getUtilityClassNames(s)), s.className && i.push(s.className), /* @__PURE__ */ t("footer", { ...e, className: i.join(" ") });
+  delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
+  const i = [t.Footer];
+  s.colorName && i.push(t[`is-${s.colorName}`]), i.push(...a.getUtilityClassNames(s)), s.className && i.push(s.className);
+  const o = _.getEmotionCss(s);
+  return /* @__PURE__ */ l(
+    "footer",
+    {
+      ...e,
+      className: i.join(" "),
+      css: o
+    }
+  );
 }
 export {
-  n as default
+  m as default
 };
 //# sourceMappingURL=Footer.js.map

package/dist/components/Footer/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./Footer.module.scss\";\r\nimport FooterProps from \"./FooterProps\";\r\n\r\nexport default function Footer(props: FooterProps): React.ReactElement {\r\n  const assignedProps = { ...props };\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: string[] = [classNames[\"Footer\"]];\r\n  props.colorName &&\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 <footer {...assignedProps} className={assignedClassNames.join(\" \")} />;\r\n}\r\n"],"names":["Footer","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;AAIA,SAAwBA,EAAOC,GAAwC;AAC/D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WAErB,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,MAAS;AACpD,SAAAH,EAAA,aACJE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAC7DE,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnD,gBAAAK,EAAC,YAAQ,GAAGJ,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAC7E;"}
+{"version":3,"file":"Footer.js","sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import { classNameUtility, minolithStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./Footer.module.scss\";\r\nimport FooterProps from \"./FooterProps\";\r\n\r\nexport default function Footer(props: FooterProps): React.ReactElement {\r\n  const assignedProps = { ...props };\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  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"Footer\"]];\r\n  props.colorName &&\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  const css = minolithStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <footer\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Footer","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","minolithStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAOC,GAAwC;AAC/D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,MAAS;AACpD,EAAAH,EAAA,aACJE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAC7DE,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAqB,cAAcN,CAAK;AAGlD,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Hamburger/Hamburger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hamburger.d.ts","sourceRoot":"","sources":["../../../src/components/Hamburger/Hamburger.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAoC3E"}
+{"version":3,"file":"Hamburger.d.ts","sourceRoot":"","sources":["../../../src/components/Hamburger/Hamburger.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAwC3E"}

package/dist/components/Hamburger/Hamburger.js

@@ -1,48 +1,54 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import o from "../../utilities/classNameUtility.js";
-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 = {
-  hamburger: l,
-  crown: _,
-  upperpatty: n,
-  club: h,
-  lowerpatty: c,
+import { jsxs as l, jsx as s } from "@emotion/react/jsx-runtime";
+import _ from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
+import n from "../../utilities/classNameUtility.js";
+import '../../assets/Hamburger.css';const c = "_hamburger_yi0b1_1", o = "_crown_yi0b1_12", y = "_upperpatty_yi0b1_13", b = "_club_yi0b1_14", m = "_lowerpatty_yi0b1_15", u = "_heel_yi0b1_16", a = {
+  hamburger: c,
+  crown: o,
+  upperpatty: y,
+  club: b,
+  lowerpatty: m,
   heel: u,
-  "hamburger-upperpatty": "_hamburger-upperpatty_1o9h6_1",
-  "hamburger-lowerpatty": "_hamburger-lowerpatty_1o9h6_1",
-  "is-active": "_is-active_1o9h6_60",
-  "hamburger-upperpatty-is-active": "_hamburger-upperpatty-is-active_1o9h6_1",
-  "hamburger-lowerpatty-is-active": "_hamburger-lowerpatty-is-active_1o9h6_1",
-  "is-gray": "_is-gray_1o9h6_71",
-  "is-red": "_is-red_1o9h6_83",
-  "is-orange": "_is-orange_1o9h6_95",
-  "is-yellow": "_is-yellow_1o9h6_107",
-  "is-green": "_is-green_1o9h6_119",
-  "is-cyan": "_is-cyan_1o9h6_131",
-  "is-blue": "_is-blue_1o9h6_143",
-  "is-violet": "_is-violet_1o9h6_155",
-  "is-magenta": "_is-magenta_1o9h6_167"
+  "hamburger-upperpatty": "_hamburger-upperpatty_yi0b1_1",
+  "hamburger-lowerpatty": "_hamburger-lowerpatty_yi0b1_1",
+  "is-active": "_is-active_yi0b1_60",
+  "hamburger-upperpatty-is-active": "_hamburger-upperpatty-is-active_yi0b1_1",
+  "hamburger-lowerpatty-is-active": "_hamburger-lowerpatty-is-active_yi0b1_1",
+  "is-gray": "_is-gray_yi0b1_71",
+  "is-red": "_is-red_yi0b1_83",
+  "is-coral": "_is-coral_yi0b1_95",
+  "is-orange": "_is-orange_yi0b1_107",
+  "is-yellow": "_is-yellow_yi0b1_119",
+  "is-lime": "_is-lime_yi0b1_131",
+  "is-green": "_is-green_yi0b1_143",
+  "is-cyan": "_is-cyan_yi0b1_155",
+  "is-blue": "_is-blue_yi0b1_167",
+  "is-violet": "_is-violet_yi0b1_179",
+  "is-magenta": "_is-magenta_yi0b1_191"
 };
-function g(a) {
-  const e = { ...a };
-  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;
-  const r = [t.hamburger];
-  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(
+function d(i) {
+  const e = { ...i };
+  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, delete e.css;
+  const t = [a.hamburger];
+  i.colorName && t.push(a[`is-${i.colorName}`]), i.isActive && t.push(a["is-active"]), t.push(...n.getUtilityClassNames(i)), i.className && t.push(i.className);
+  const r = _.getEmotionCss(i);
+  return /* @__PURE__ */ l(
     "div",
     {
       ...e,
       role: "button",
-      className: r.join(" "),
+      className: t.join(" "),
+      css: r,
       children: [
-        /* @__PURE__ */ s("span", { className: t.crown, children: a.crownInner }),
-        /* @__PURE__ */ s("span", { className: t.upperpatty, "aria-hidden": "true" }),
-        /* @__PURE__ */ s("span", { className: t.club, "aria-hidden": "true" }),
-        /* @__PURE__ */ s("span", { className: t.lowerpatty, "aria-hidden": "true" }),
-        /* @__PURE__ */ s("span", { className: t.heel, children: a.heelInner })
+        /* @__PURE__ */ s("span", { className: a.crown, children: i.crownInner }),
+        /* @__PURE__ */ s("span", { className: a.upperpatty, "aria-hidden": "true" }),
+        /* @__PURE__ */ s("span", { className: a.club, "aria-hidden": "true" }),
+        /* @__PURE__ */ s("span", { className: a.lowerpatty, "aria-hidden": "true" }),
+        /* @__PURE__ */ s("span", { className: a.heel, children: i.heelInner })
       ]
     }
   );
 }
 export {
-  g as default
+  d as default
 };
 //# sourceMappingURL=Hamburger.js.map

package/dist/components/Hamburger/Hamburger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hamburger.js","sources":["../../../src/components/Hamburger/Hamburger.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./Hamburger.module.scss\";\r\nimport HamburgerProps from \"./HamburgerProps\";\r\n\r\nexport default function Hamburger(props: HamburgerProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isActive\"];\r\n  delete assignedProps[\"crownInner\"];\r\n  delete assignedProps[\"heelInner\"];\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[\"hamburger\"]];\r\n  props.colorName &&\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  props.isActive && assignedClassNames.push(classNames[\"is-active\"]);\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      role=\"button\"\r\n      className={assignedClassNames.join(\" \")}\r\n    >\r\n      <span className={classNames[\"crown\"]}>{props.crownInner}</span>\r\n      <span className={classNames[\"upperpatty\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"club\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"lowerpatty\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"heel\"]}>{props.heelInner}</span>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Hamburger","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAUC,GAA2C;AACrE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,UACrB,OAAOA,EAAc,YACrB,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,SAAY;AAC7C,SAAAH,EAAA,aACJE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAC7DA,EAAM,YAAYE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GACjED,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAGxD,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,MAAK;AAAA,MACL,WAAWC,EAAmB,KAAK,GAAG;AAAA,MAEtC,UAAA;AAAA,QAAA,gBAAAI,EAAC,UAAK,WAAWH,EAAW,OAAW,YAAM,YAAW;AAAA,0BACvD,QAAK,EAAA,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAK,EAAA,WAAWA,EAAW,MAAS,eAAY,QAAO;AAAA,0BACvD,QAAK,EAAA,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAK,EAAA,WAAWA,EAAW,MAAU,YAAM,UAAU,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACxD;AAEJ;"}
+{"version":3,"file":"Hamburger.js","sources":["../../../src/components/Hamburger/Hamburger.tsx"],"sourcesContent":["import { classNameUtility, minolithStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./Hamburger.module.scss\";\r\nimport HamburgerProps from \"./HamburgerProps\";\r\n\r\nexport default function Hamburger(props: HamburgerProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isActive\"];\r\n  delete assignedProps[\"crownInner\"];\r\n  delete assignedProps[\"heelInner\"];\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  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"hamburger\"]];\r\n  props.colorName &&\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  props.isActive && assignedClassNames.push(classNames[\"is-active\"]);\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = minolithStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <div\r\n      {...assignedProps}\r\n      role=\"button\"\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    >\r\n      <span className={classNames[\"crown\"]}>{props.crownInner}</span>\r\n      <span className={classNames[\"upperpatty\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"club\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"lowerpatty\"]} aria-hidden=\"true\"></span>\r\n      <span className={classNames[\"heel\"]}>{props.heelInner}</span>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Hamburger","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","minolithStyleUtility","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAUC,GAA2C;AACrE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,UACrB,OAAOA,EAAc,YACrB,OAAOA,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,SAAY;AAC7C,EAAAH,EAAA,aACJE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAC7DA,EAAM,YAAYE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GACjED,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAqB,cAAcN,CAAK;AAGlD,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,MAAK;AAAA,MACL,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAG,EAAC,UAAK,WAAWL,EAAW,OAAW,YAAM,YAAW;AAAA,0BACvD,QAAK,EAAA,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAK,EAAA,WAAWA,EAAW,MAAS,eAAY,QAAO;AAAA,0BACvD,QAAK,EAAA,WAAWA,EAAW,YAAe,eAAY,QAAO;AAAA,0BAC7D,QAAK,EAAA,WAAWA,EAAW,MAAU,YAAM,UAAU,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACxD;AAEJ;"}

package/dist/components/Header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAgCrE"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAyCrE"}

package/dist/components/Header/Header.js

@@ -1,26 +1,38 @@
-import { jsx as t } from "react/jsx-runtime";
-import _ from "../../utilities/classNameUtility.js";
-import '../../assets/Header.css';const l = "_header_16ags_1", a = {
-  header: l,
-  "is-sticky": "_is-sticky_16ags_10",
-  "is-fixed": "_is-fixed_16ags_17",
-  "is-gray": "_is-gray_16ags_24",
-  "is-red": "_is-red_16ags_29",
-  "is-orange": "_is-orange_16ags_34",
-  "is-yellow": "_is-yellow_16ags_39",
-  "is-green": "_is-green_16ags_44",
-  "is-cyan": "_is-cyan_16ags_49",
-  "is-blue": "_is-blue_16ags_54",
-  "is-violet": "_is-violet_16ags_59",
-  "is-magenta": "_is-magenta_16ags_64"
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import l from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
+import d from "../../utilities/classNameUtility.js";
+import '../../assets/Header.css';const h = "_header_8j6hv_1", t = {
+  header: h,
+  "is-sticky": "_is-sticky_8j6hv_10",
+  "is-fixed": "_is-fixed_8j6hv_17",
+  "is-gray": "_is-gray_8j6hv_24",
+  "is-red": "_is-red_8j6hv_29",
+  "is-coral": "_is-coral_8j6hv_34",
+  "is-orange": "_is-orange_8j6hv_39",
+  "is-yellow": "_is-yellow_8j6hv_44",
+  "is-lime": "_is-lime_8j6hv_49",
+  "is-green": "_is-green_8j6hv_54",
+  "is-cyan": "_is-cyan_8j6hv_59",
+  "is-blue": "_is-blue_8j6hv_64",
+  "is-violet": "_is-violet_8j6hv_69",
+  "is-magenta": "_is-magenta_8j6hv_74"
 };
-function c(s) {
-  const e = { ...s };
-  delete e.colorName, delete e.isSticky, delete e.isFixed, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
-  const i = [a.header];
-  return s.colorName && i.push(a[`is-${s.colorName}`]), s.isSticky && i.push(a["is-sticky"]), s.isFixed && i.push(a["is-fixed"]), i.push(..._.getUtilityClassNames(s)), s.className && i.push(s.className), /* @__PURE__ */ t("header", { ...e, className: i.join(" ") });
+function r(i) {
+  const e = { ...i };
+  delete e.colorName, delete e.isSticky, delete e.isFixed, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
+  const s = [t.header];
+  i.colorName && s.push(t[`is-${i.colorName}`]), i.isSticky && s.push(t["is-sticky"]), i.isFixed && s.push(t["is-fixed"]), s.push(...d.getUtilityClassNames(i)), i.className && s.push(i.className);
+  const _ = l.getEmotionCss(i);
+  return /* @__PURE__ */ a(
+    "header",
+    {
+      ...e,
+      className: s.join(" "),
+      css: _
+    }
+  );
 }
 export {
-  c as default
+  r as default
 };
 //# sourceMappingURL=Header.js.map

package/dist/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./Header.module.scss\";\r\nimport HeaderProps from \"./HeaderProps\";\r\n\r\nexport default function Header(props: HeaderProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isSticky\"];\r\n  delete assignedProps[\"isFixed\"];\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[\"header\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  if (props.isSticky) {\r\n    assignedClassNames.push(classNames[`is-sticky`]);\r\n  }\r\n\r\n  if (props.isFixed) {\r\n    assignedClassNames.push(classNames[`is-fixed`]);\r\n  }\r\n\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  return <header {...assignedProps} className={assignedClassNames.join(\" \")} />;\r\n}\r\n"],"names":["Header","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAOC,GAAwC;AAC/D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,UACrB,OAAOA,EAAc,SAErB,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,MAAS;AAC1D,SAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAGzDA,EAAM,YACWE,EAAA,KAAKC,EAAW,WAAW,CAAC,GAG7CH,EAAM,WACWE,EAAA,KAAKC,EAAW,UAAU,CAAC,GAGhDD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnD,gBAAAK,EAAC,YAAQ,GAAGJ,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAC7E;"}
+{"version":3,"file":"Header.js","sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":["import { classNameUtility, minolithStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./Header.module.scss\";\r\nimport HeaderProps from \"./HeaderProps\";\r\n\r\nexport default function Header(props: HeaderProps): React.ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isSticky\"];\r\n  delete assignedProps[\"isFixed\"];\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  delete assignedProps[\"css\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"header\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  if (props.isSticky) {\r\n    assignedClassNames.push(classNames[`is-sticky`]);\r\n  }\r\n\r\n  if (props.isFixed) {\r\n    assignedClassNames.push(classNames[`is-fixed`]);\r\n  }\r\n\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  const css = minolithStyleUtility.getEmotionCss(props);\r\n\r\n  return (\r\n    <header\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Header","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","minolithStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAOC,GAAwC;AAC/D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,UACrB,OAAOA,EAAc,SAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,MAAS;AAC1D,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAGzDA,EAAM,YACWE,EAAA,KAAKC,EAAW,WAAW,CAAC,GAG7CH,EAAM,WACWE,EAAA,KAAKC,EAAW,UAAU,CAAC,GAGhDD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAqB,cAAcN,CAAK;AAGlD,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}