react-minolith 2.0.4 → 2.1.0

package/dist/components/Message/Message.js

@@ -1,48 +1,47 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import o from "../../utilities/classNameUtility/classNameUtility.js";
-import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Message.css';const n = "_message_1e76u_1", _ = {
-  message: n,
-  "message-header": "_message-header_1e76u_13",
-  "message-body": "_message-body_1e76u_25",
-  "is-gray": "_is-gray_1e76u_38",
-  "is-red": "_is-red_1e76u_51",
-  "is-coral": "_is-coral_1e76u_64",
-  "is-orange": "_is-orange_1e76u_77",
-  "is-yellow": "_is-yellow_1e76u_90",
-  "is-lime": "_is-lime_1e76u_103",
-  "is-green": "_is-green_1e76u_116",
-  "is-cyan": "_is-cyan_1e76u_129",
-  "is-blue": "_is-blue_1e76u_142",
-  "is-violet": "_is-violet_1e76u_155",
-  "is-magenta": "_is-magenta_1e76u_168"
+import { jsx as m } from "@emotion/react/jsx-runtime";
+import r from "../../utilities/classNameUtility/classNameUtility.js";
+import c from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Message.css';const t = "_message_ujlmm_1", n = {
+  message: t
 };
-function d(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, delete e.css, delete e.as;
-  const i = [_.message];
-  s.colorName && i.push(_[`is-${s.colorName}`]);
-  const a = o.getUtilityClassNames(s);
-  a && i.push(...a), s.className && i.push(s.className);
-  const t = m.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ l(
-    s.as,
+function b(e) {
+  const o = { ...e };
+  delete o.colorName, delete o.fore, delete o.back, delete o.highlighter, delete o.border, delete o.positioning, delete o.sizing, delete o.spacing, delete o.css, delete o.as;
+  const s = [n.message], a = r.getUtilityClassNames(e);
+  a && s.push(...a), e.className && s.push(e.className);
+  const i = {
+    ...e.colorName ? {
+      "--minolith-message-color-fore": `var(--minolith-color-${e.colorName}-message-fore)`,
+      "--minolith-message-color-back": `var(--minolith-color-${e.colorName}-message-back)`,
+      "--minolith-message-color-border": `var(--minolith-color-${e.colorName}-message-border)`,
+      "--minolith-message-color-selection-fore": `var(--minolith-color-${e.colorName}-message-selection-fore)`,
+      "--minolith-message-color-selection-back": `var(--minolith-color-${e.colorName}-message-selection-back)`,
+      "--minolith-message-header-color-fore": `var(--minolith-color-${e.colorName}-message-header-fore)`,
+      "--minolith-message-header-color-back": `var(--minolith-color-${e.colorName}-message-header-back)`,
+      "--minolith-message-header-color-border": `var(--minolith-color-${e.colorName}-message-header-border)`,
+      "--minolith-message-body-color-fore": `var(--minolith-color-${e.colorName}-message-body-fore)`,
+      "--minolith-message-body-color-back": `var(--minolith-color-${e.colorName}-message-body-back)`,
+      "--minolith-message-body-color-border": `var(--minolith-color-${e.colorName}-message-body-border)`
+    } : void 0
+  }, l = c.getEmotionCss(e, i);
+  return e.as ? /* @__PURE__ */ m(
+    e.as,
     {
-      ...e,
-      className: i.join(" "),
-      css: t
+      ...o,
+      className: s.join(" "),
+      css: l
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ m(
     "div",
     {
-      ...e,
-      className: i.join(" "),
-      css: t
+      ...o,
+      className: s.join(" "),
+      css: l
     }
   );
 }
 export {
-  d as default
+  b as default
 };
 //# sourceMappingURL=Message.js.map

package/dist/components/Message/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../../src/components/Message/Message.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Message.module.scss\";\r\nimport MessageProps from \"./MessageProps\";\r\n\r\nexport default function Message(props: MessageProps): 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  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"message\"]];\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n  const css = emotionStyleUtility.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":["Message","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOA,SAAwBA,EAAQC,GAAmC;AACjE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,OAAU;AAC3D,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAMC,EAAoB,cAAcP,CAAK;AAEnD,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Message.js","sources":["../../../src/components/Message/Message.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Message.module.scss\";\r\nimport MessageProps from \"./MessageProps\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Message(props: MessageProps): 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  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"message\"]];\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-message-color-fore\"]: `var(--minolith-color-${props.colorName}-message-fore)`,\r\n        [\"--minolith-message-color-back\"]: `var(--minolith-color-${props.colorName}-message-back)`,\r\n        [\"--minolith-message-color-border\"]: `var(--minolith-color-${props.colorName}-message-border)`,\r\n        [\"--minolith-message-color-selection-fore\"]: `var(--minolith-color-${props.colorName}-message-selection-fore)`,\r\n        [\"--minolith-message-color-selection-back\"]: `var(--minolith-color-${props.colorName}-message-selection-back)`,\r\n        [\"--minolith-message-header-color-fore\"]: `var(--minolith-color-${props.colorName}-message-header-fore)`,\r\n        [\"--minolith-message-header-color-back\"]: `var(--minolith-color-${props.colorName}-message-header-back)`,\r\n        [\"--minolith-message-header-color-border\"]: `var(--minolith-color-${props.colorName}-message-header-border)`,\r\n        [\"--minolith-message-body-color-fore\"]: `var(--minolith-color-${props.colorName}-message-body-fore)`,\r\n        [\"--minolith-message-body-color-back\"]: `var(--minolith-color-${props.colorName}-message-body-back)`,\r\n        [\"--minolith-message-body-color-border\"]: `var(--minolith-color-${props.colorName}-message-body-border)`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, optionalCss);\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":["Message","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAQA,SAAwBA,EAAQC,GAAmC;AACjE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,OAAU,GAErDC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAmBzC,QAAMM,IAAc;AAAA,IAClB,GAjByCN,EAAM,YAC7C;AAAA,MACG,iCAAkC,wBAAwBA,EAAM,SAAS;AAAA,MACzE,iCAAkC,wBAAwBA,EAAM,SAAS;AAAA,MACzE,mCAAoC,wBAAwBA,EAAM,SAAS;AAAA,MAC3E,2CAA4C,wBAAwBA,EAAM,SAAS;AAAA,MACnF,2CAA4C,wBAAwBA,EAAM,SAAS;AAAA,MACnF,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,MAChF,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,MAChF,0CAA2C,wBAAwBA,EAAM,SAAS;AAAA,MAClF,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA,MAC9E,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA,MAC9E,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAEnF;AAAA,EAGC,GAGCO,IAAMC,EAAoB,cAAcR,GAAOM,CAAW;AAEhE,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Message/MessageProps.d.ts

@@ -1,6 +1,6 @@
-import { ColorName } from '../../types';
+import { ColorName, SemanticColorName } from '../../types';
 import { default as DivProps } from '../Div/DivProps';
 export default interface MessageProps extends DivProps {
-    colorName?: ColorName;
+    colorName?: ColorName | SemanticColorName;
 }
 //# sourceMappingURL=MessageProps.d.ts.map

package/dist/components/Message/MessageProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageProps.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,YAAa,SAAQ,QAAQ;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}
+{"version":3,"file":"MessageProps.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,YAAa,SAAQ,QAAQ;IACpD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;CAC3C"}

package/dist/components/MessageBody/MessageBody.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as l } from "@emotion/react/jsx-runtime";
-import o from "../../utilities/classNameUtility/classNameUtility.js";
-import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import m from "../../utilities/classNameUtility/classNameUtility.js";
+import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
 import '../../assets/Message.css';const n = {
-  "message-body": "_message-body_1e76u_25"
+  "message-body": "_message-body_ujlmm_64"
 };
 function y(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, delete e.css, delete e.as;
-  const t = [n["message-body"]], a = o.getUtilityClassNames(s);
+  const t = [n["message-body"]], a = m.getUtilityClassNames(s);
   a && t.push(...a), s.className && t.push(s.className);
-  const i = m.getEmotionCss(s);
+  const i = o.getEmotionCss(s);
   return s.as ? /* @__PURE__ */ l(
     s.as,
     {

package/dist/components/MessageHeader/MessageHeader.js

@@ -3,7 +3,7 @@ import { jsx as l } from "@emotion/react/jsx-runtime";
 import m from "../../utilities/classNameUtility/classNameUtility.js";
 import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
 import '../../assets/Message.css';const d = {
-  "message-header": "_message-header_1e76u_13"
+  "message-header": "_message-header_ujlmm_52"
 };
 function r(s) {
   const e = { ...s };

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,YAAY,CA+C7D"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,UAAU,MAAM,cAAc,CAAC;AAGtC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,YAAY,CAsD7D"}

package/dist/components/Modal/Modal.js

@@ -1,48 +1,40 @@
 "use client";
 import { jsx as l } from "@emotion/react/jsx-runtime";
-import _ from "../../utilities/classNameUtility/classNameUtility.js";
-import c from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Modal.css';const n = "_modal_r44oq_1", o = {
-  modal: n,
-  "is-active": "_is-active_r44oq_19",
-  "modal-content": "_modal-content_r44oq_22",
-  "is-gray": "_is-gray_r44oq_35",
-  "is-red": "_is-red_r44oq_38",
-  "is-coral": "_is-coral_r44oq_41",
-  "is-orange": "_is-orange_r44oq_44",
-  "is-yellow": "_is-yellow_r44oq_47",
-  "is-lime": "_is-lime_r44oq_50",
-  "is-green": "_is-green_r44oq_53",
-  "is-cyan": "_is-cyan_r44oq_56",
-  "is-blue": "_is-blue_r44oq_59",
-  "is-violet": "_is-violet_r44oq_62",
-  "is-magenta": "_is-magenta_r44oq_65"
+import m from "../../utilities/classNameUtility/classNameUtility.js";
+import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Modal.css';const d = "_modal_fqwz4_1", o = {
+  modal: d,
+  "is-active": "_is-active_fqwz4_23"
 };
-function g(s) {
+function h(s) {
   const e = { ...s };
   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, delete e.css, delete e.as;
-  const i = [o.modal];
-  s.isActive && i.push(o["is-active"]), s.colorName && i.push(o[`is-${s.colorName}`]);
-  const a = _.getUtilityClassNames(s);
-  a && i.push(...a), s.className && i.push(s.className);
-  const t = c.getEmotionCss(s);
+  const t = [o.modal];
+  s.isActive && t.push(o["is-active"]);
+  const a = m.getUtilityClassNames(s);
+  a && t.push(...a), s.className && t.push(s.className);
+  const c = {
+    ...s.colorName ? {
+      "--minolith-modal-color-back": `var(--minolith-color-${s.colorName}-modal-back, var(--minolith-color-${s.colorName}-back))`
+    } : void 0
+  }, i = n.getEmotionCss(s, c);
   return s.as ? /* @__PURE__ */ l(
     s.as,
     {
       ...e,
-      className: i.join(" "),
-      css: t
+      className: t.join(" "),
+      css: i
     }
   ) : /* @__PURE__ */ l(
     "dialog",
     {
       ...e,
-      className: i.join(" "),
-      css: t
+      className: t.join(" "),
+      css: i
     }
   );
 }
 export {
-  g as default
+  h as default
 };
 //# sourceMappingURL=Modal.js.map

package/dist/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Modal.module.scss\";\r\nimport ModalProps from \"./ModalProps\";\r\n\r\nexport default function Modal(props: ModalProps): ReactElement {\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  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames = [classNames[\"modal\"]];\r\n  if (props.isActive) {\r\n    assignedClassNames.push(classNames[\"is-active\"]);\r\n  }\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const css = emotionStyleUtility.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    <dialog\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Modal","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOA,SAAwBA,EAAMC,GAAiC;AAC7D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAAqB,CAACC,EAAW,KAAQ;AAC/C,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAE7CH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAG1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAMC,EAAoB,cAAcP,CAAK;AAEnD,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Modal.module.scss\";\r\nimport ModalProps from \"./ModalProps\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Modal(props: ModalProps): ReactElement {\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  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames = [classNames[\"modal\"]];\r\n  if (props.isActive) {\r\n    assignedClassNames.push(classNames[\"is-active\"]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-modal-color-back\"]: `var(--minolith-color-${props.colorName}-modal-back, var(--minolith-color-${props.colorName}-back))`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, optionalCss);\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    <dialog\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Modal","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;AAQA,SAAwBA,EAAMC,GAAiC;AAC7D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAAqB,CAACC,EAAW,KAAQ;AAC/C,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC;AAGjD,QAAMC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAG1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AASzC,QAAMM,IAAc;AAAA,IAClB,GAPyCN,EAAM,YAC7C;AAAA,MACG,+BAAgC,wBAAwBA,EAAM,SAAS,qCAAqCA,EAAM,SAAS;AAAA,IAAA,IAE9H;AAAA,EAGC,GAGCO,IAAMC,EAAoB,cAAcR,GAAOM,CAAW;AAEhE,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Modal/ModalProps.d.ts

@@ -1,8 +1,8 @@
 import { DetailedHTMLProps, DialogHTMLAttributes } from 'react';
 import { BaseComponentProps } from '../../models';
-import { default as ColorName } from '../../types/ColorName';
+import { ColorName, SemanticColorName } from '../../types';
 export default interface ModalProps extends DetailedHTMLProps<DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, BaseComponentProps {
-    colorName?: ColorName;
+    colorName?: ColorName | SemanticColorName;
     isActive?: boolean | undefined;
 }
 //# sourceMappingURL=ModalProps.d.ts.map

package/dist/components/Modal/ModalProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalProps.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,MAAM,CAAC,OAAO,WAAW,UACvB,SACE,iBAAiB,CACf,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,iBAAiB,CAClB,EACD,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC"}
+{"version":3,"file":"ModalProps.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,CAAC,OAAO,WAAW,UACvB,SACE,iBAAiB,CACf,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,iBAAiB,CAClB,EACD,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC"}

package/dist/components/ModalContent/ModalContent.js

@@ -3,9 +3,9 @@ import { jsx as i } from "@emotion/react/jsx-runtime";
 import n from "../../utilities/classNameUtility/classNameUtility.js";
 import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
 import '../../assets/Modal.css';const c = {
-  "modal-content": "_modal-content_r44oq_22"
+  "modal-content": "_modal-content_fqwz4_26"
 };
-function r(t) {
+function g(t) {
   const e = { ...t };
   delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css, delete e.as;
   const s = [c["modal-content"]], a = n.getUtilityClassNames(t);
@@ -28,6 +28,6 @@ function r(t) {
   );
 }
 export {
-  r as default
+  g as default
 };
 //# sourceMappingURL=ModalContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAK,EAAE,QAAQ,GAAG,YAAY,CA0CzD"}
+{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAK,EAAE,QAAQ,GAAG,YAAY,CA6DzD"}

package/dist/components/Nav/Nav.js

@@ -1,70 +1,49 @@
 "use client";
-import { jsx as i } from "@emotion/react/jsx-runtime";
+import { jsx as m } from "@emotion/react/jsx-runtime";
 import t from "../../utilities/classNameUtility/classNameUtility.js";
-import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Nav.css';const r = "_nav_dpale_1", o = "_left_dpale_29", m = "_center_dpale_30", c = "_right_dpale_31", g = "_icon_dpale_86", n = {
-  nav: r,
-  "nav-static": "_nav-static_dpale_8",
-  "nav-brand": "_nav-brand_dpale_14",
-  "nav-brand-left": "_nav-brand-left_dpale_26",
-  "nav-brand-center": "_nav-brand-center_dpale_27",
-  "nav-brand-right": "_nav-brand-right_dpale_28",
-  left: o,
-  center: m,
-  right: c,
-  "nav-menu": "_nav-menu_dpale_56",
-  "nav-menu-item": "_nav-menu-item_dpale_68",
-  icon: g,
-  "is-xsmall": "_is-xsmall_dpale_108",
-  "is-small-or-less": "_is-small-or-less_dpale_128",
-  "is-small": "_is-small_dpale_128",
-  "is-small-or-more": "_is-small-or-more_dpale_163",
-  "is-medium-or-less": "_is-medium-or-less_dpale_168",
-  "is-medium": "_is-medium_dpale_168",
-  "is-medium-or-more": "_is-medium-or-more_dpale_198",
-  "is-large-or-less": "_is-large-or-less_dpale_208",
-  "is-large": "_is-large_dpale_208",
-  "is-large-or-more": "_is-large-or-more_dpale_233",
-  "is-xlarge": "_is-xlarge_dpale_248",
-  "nav-accordion": "_nav-accordion_dpale_267",
-  "is-active": "_is-active_dpale_318",
-  "is-gray": "_is-gray_dpale_514",
-  "is-red": "_is-red_dpale_561",
-  "is-coral": "_is-coral_dpale_608",
-  "is-orange": "_is-orange_dpale_655",
-  "is-yellow": "_is-yellow_dpale_702",
-  "is-lime": "_is-lime_dpale_749",
-  "is-green": "_is-green_dpale_796",
-  "is-cyan": "_is-cyan_dpale_843",
-  "is-blue": "_is-blue_dpale_890",
-  "is-violet": "_is-violet_dpale_937",
-  "is-magenta": "_is-magenta_dpale_984"
+import r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Nav.css';const c = "_nav_p4ms7_1", v = {
+  nav: c
 };
-function f(a) {
-  const e = { ...a };
+function u(o) {
+  const e = { ...o };
   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, delete e.as;
-  const s = [n.nav];
-  a.colorName && s.push(n[`is-${a.colorName}`]);
-  const l = t.getUtilityClassNames(a);
-  l && s.push(...l), a.className && s.push(a.className);
-  const _ = d.getEmotionCss(a);
-  return a.as ? /* @__PURE__ */ i(
-    a.as,
+  const a = [v.nav], l = t.getUtilityClassNames(o);
+  l && a.push(...l), o.className && a.push(o.className);
+  const n = {
+    ...o.colorName ? {
+      "--minolith-nav-color-fore": `var(--minolith-color-${o.colorName}-nav-fore, var(--minolith-color-${o.colorName}-fore))`,
+      "--minolith-nav-color-back": `var(--minolith-color-${o.colorName}-nav-back, var(--minolith-color-${o.colorName}-back))`,
+      "--minolith-nav-color-border": `var(--minolith-color-${o.colorName}-nav-border, var(--minolith-color-${o.colorName}-border))`,
+      "--minolith-nav-menu-item-color-fore": `var(--minolith-color-${o.colorName}-nav-menu-item-fore, var(--minolith-color-${o.colorName}-fore))`,
+      "--minolith-nav-menu-item-color-shadow": `var(--minolith-color-${o.colorName}-nav-menu-item-shadow, var(--minolith-color-${o.colorName}-shadow))`,
+      "--minolith-nav-menu-item-color-focus-fore": `var(--minolith-color-${o.colorName}-nav-menu-item-focus-fore, var(--minolith-color-${o.colorName}-focus-fore))`,
+      "--minolith-nav-menu-item-color-focus-shadow": `var(--minolith-color-${o.colorName}-nav-menu-item-focus-shadow, var(--minolith-color-${o.colorName}-focus-shadow))`,
+      "--minolith-nav-menu-item-color-hover-fore": `var(--minolith-color-${o.colorName}-nav-menu-item-hover-fore, var(--minolith-color-${o.colorName}-hover-fore))`,
+      "--minolith-nav-menu-item-color-hover-shadow": `var(--minolith-color-${o.colorName}-nav-menu-item-hover-shadow, var(--minolith-color-${o.colorName}-hover-shadow))`,
+      "--minolith-nav-menu-item-color-active-fore": `var(--minolith-color-${o.colorName}-nav-menu-item-active-fore, var(--minolith-color-${o.colorName}-active-fore))`,
+      "--minolith-nav-menu-item-color-active-shadow": `var(--minolith-color-${o.colorName}-nav-menu-item-active-shadow, var(--minolith-color-${o.colorName}-active-shadow))`,
+      "--minolith-nav-menu-item-color-disabled-fore": `var(--minolith-color-${o.colorName}-nav-menu-item-disabled-fore, var(--minolith-color-${o.colorName}-disabled-fore))`,
+      "--minolith-nav-menu-item-color-disabled-shadow": `var(--minolith-color-${o.colorName}-nav-menu-item-disabled-shadow, var(--minolith-color-${o.colorName}-disabled-shadow))`
+    } : void 0
+  }, i = r.getEmotionCss(o, n);
+  return o.as ? /* @__PURE__ */ m(
+    o.as,
     {
       ...e,
-      className: s.join(" "),
-      css: _
+      className: a.join(" "),
+      css: i
     }
-  ) : /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ m(
     "nav",
     {
       ...e,
-      className: s.join(" "),
-      css: _
+      className: a.join(" "),
+      css: i
     }
   );
 }
 export {
-  f as default
+  u as default
 };
 //# sourceMappingURL=Nav.js.map

package/dist/components/Nav/Nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"Nav.js","sources":["../../../src/components/Nav/Nav.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Nav.module.scss\";\r\nimport NavProps from \"./NavProps\";\r\n\r\nexport default function Nav(props: NavProps): 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  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"nav\"]];\r\n\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n  const css = emotionStyleUtility.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    <nav\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Nav","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAwBA,EAAIC,GAA+B;AACzD,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,GAAM;AAEvD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAMC,EAAoB,cAAcP,CAAK;AAEnD,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Nav.js","sources":["../../../src/components/Nav/Nav.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Nav.module.scss\";\r\nimport NavProps from \"./NavProps\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Nav(props: NavProps): 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  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"nav\"]];\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-nav-color-fore\"]: `var(--minolith-color-${props.colorName}-nav-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-nav-color-back\"]: `var(--minolith-color-${props.colorName}-nav-back, var(--minolith-color-${props.colorName}-back))`,\r\n        [\"--minolith-nav-color-border\"]: `var(--minolith-color-${props.colorName}-nav-border, var(--minolith-color-${props.colorName}-border))`,\r\n        [\"--minolith-nav-menu-item-color-fore\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n        [\"--minolith-nav-menu-item-color-shadow\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-shadow, var(--minolith-color-${props.colorName}-shadow))`,\r\n        [\"--minolith-nav-menu-item-color-focus-fore\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-focus-fore, var(--minolith-color-${props.colorName}-focus-fore))`,\r\n        [\"--minolith-nav-menu-item-color-focus-shadow\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-focus-shadow, var(--minolith-color-${props.colorName}-focus-shadow))`,\r\n        [\"--minolith-nav-menu-item-color-hover-fore\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-hover-fore, var(--minolith-color-${props.colorName}-hover-fore))`,\r\n        [\"--minolith-nav-menu-item-color-hover-shadow\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-hover-shadow, var(--minolith-color-${props.colorName}-hover-shadow))`,\r\n        [\"--minolith-nav-menu-item-color-active-fore\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-active-fore, var(--minolith-color-${props.colorName}-active-fore))`,\r\n        [\"--minolith-nav-menu-item-color-active-shadow\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-active-shadow, var(--minolith-color-${props.colorName}-active-shadow))`,\r\n        [\"--minolith-nav-menu-item-color-disabled-fore\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-disabled-fore, var(--minolith-color-${props.colorName}-disabled-fore))`,\r\n        [\"--minolith-nav-menu-item-color-disabled-shadow\"]: `var(--minolith-color-${props.colorName}-nav-menu-item-disabled-shadow, var(--minolith-color-${props.colorName}-disabled-shadow))`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, optionalCss);\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    <nav\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Nav","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAQA,SAAwBA,EAAIC,GAA+B;AACzD,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,GAAM,GAEjDC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAqBzC,QAAMM,IAAc;AAAA,IAClB,GAnByCN,EAAM,YAC7C;AAAA,MACG,6BAA8B,wBAAwBA,EAAM,SAAS,mCAAmCA,EAAM,SAAS;AAAA,MACvH,6BAA8B,wBAAwBA,EAAM,SAAS,mCAAmCA,EAAM,SAAS;AAAA,MACvH,+BAAgC,wBAAwBA,EAAM,SAAS,qCAAqCA,EAAM,SAAS;AAAA,MAC3H,uCAAwC,wBAAwBA,EAAM,SAAS,6CAA6CA,EAAM,SAAS;AAAA,MAC3I,yCAA0C,wBAAwBA,EAAM,SAAS,+CAA+CA,EAAM,SAAS;AAAA,MAC/I,6CAA8C,wBAAwBA,EAAM,SAAS,mDAAmDA,EAAM,SAAS;AAAA,MACvJ,+CAAgD,wBAAwBA,EAAM,SAAS,qDAAqDA,EAAM,SAAS;AAAA,MAC3J,6CAA8C,wBAAwBA,EAAM,SAAS,mDAAmDA,EAAM,SAAS;AAAA,MACvJ,+CAAgD,wBAAwBA,EAAM,SAAS,qDAAqDA,EAAM,SAAS;AAAA,MAC3J,8CAA+C,wBAAwBA,EAAM,SAAS,oDAAoDA,EAAM,SAAS;AAAA,MACzJ,gDAAiD,wBAAwBA,EAAM,SAAS,sDAAsDA,EAAM,SAAS;AAAA,MAC7J,gDAAiD,wBAAwBA,EAAM,SAAS,sDAAsDA,EAAM,SAAS;AAAA,MAC7J,kDAAmD,wBAAwBA,EAAM,SAAS,wDAAwDA,EAAM,SAAS;AAAA,IAAA,IAEpK;AAAA,EAGC,GAGCO,IAAMC,EAAoB,cAAcR,GAAOM,CAAW;AAEhE,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Nav/NavProps.d.ts

@@ -1,7 +1,7 @@
 import { DetailedHTMLProps, HTMLAttributes } from 'react';
 import { BaseComponentProps } from '../../models';
-import { ColorName } from '../../types';
+import { ColorName, SemanticColorName } from '../../types';
 export default interface NavProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, BaseComponentProps {
-    colorName?: ColorName;
+    colorName?: ColorName | SemanticColorName;
 }
 //# sourceMappingURL=NavProps.d.ts.map

package/dist/components/Nav/NavProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavProps.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/NavProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,OAAO,WAAW,QACvB,SACE,iBAAiB,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,EAC3D,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}
+{"version":3,"file":"NavProps.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/NavProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,CAAC,OAAO,WAAW,QACvB,SACE,iBAAiB,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,EAC3D,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;CAC3C"}

package/dist/components/NavAccordion/NavAccordion.js

@@ -1,70 +1,64 @@
 "use client";
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import d from "../../utilities/classNameUtility/classNameUtility.js";
-import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Nav.css';const t = "_nav_dpale_1", n = "_left_dpale_29", o = "_center_dpale_30", c = "_right_dpale_31", g = "_icon_dpale_86", a = {
-  nav: t,
-  "nav-static": "_nav-static_dpale_8",
-  "nav-brand": "_nav-brand_dpale_14",
-  "nav-brand-left": "_nav-brand-left_dpale_26",
-  "nav-brand-center": "_nav-brand-center_dpale_27",
-  "nav-brand-right": "_nav-brand-right_dpale_28",
-  left: n,
+import { jsx as _ } from "@emotion/react/jsx-runtime";
+import r from "../../utilities/classNameUtility/classNameUtility.js";
+import t from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Nav.css';const n = "_nav_p4ms7_1", d = "_left_p4ms7_82", o = "_center_p4ms7_83", c = "_right_p4ms7_84", m = {
+  nav: n,
+  "nav-static": "_nav-static_p4ms7_61",
+  "nav-brand": "_nav-brand_p4ms7_67",
+  "nav-brand-left": "_nav-brand-left_p4ms7_79",
+  "nav-brand-center": "_nav-brand-center_p4ms7_80",
+  "nav-brand-right": "_nav-brand-right_p4ms7_81",
+  left: d,
   center: o,
   right: c,
-  "nav-menu": "_nav-menu_dpale_56",
-  "nav-menu-item": "_nav-menu-item_dpale_68",
-  icon: g,
-  "is-xsmall": "_is-xsmall_dpale_108",
-  "is-small-or-less": "_is-small-or-less_dpale_128",
-  "is-small": "_is-small_dpale_128",
-  "is-small-or-more": "_is-small-or-more_dpale_163",
-  "is-medium-or-less": "_is-medium-or-less_dpale_168",
-  "is-medium": "_is-medium_dpale_168",
-  "is-medium-or-more": "_is-medium-or-more_dpale_198",
-  "is-large-or-less": "_is-large-or-less_dpale_208",
-  "is-large": "_is-large_dpale_208",
-  "is-large-or-more": "_is-large-or-more_dpale_233",
-  "is-xlarge": "_is-xlarge_dpale_248",
-  "nav-accordion": "_nav-accordion_dpale_267",
-  "is-active": "_is-active_dpale_318",
-  "is-gray": "_is-gray_dpale_514",
-  "is-red": "_is-red_dpale_561",
-  "is-coral": "_is-coral_dpale_608",
-  "is-orange": "_is-orange_dpale_655",
-  "is-yellow": "_is-yellow_dpale_702",
-  "is-lime": "_is-lime_dpale_749",
-  "is-green": "_is-green_dpale_796",
-  "is-cyan": "_is-cyan_dpale_843",
-  "is-blue": "_is-blue_dpale_890",
-  "is-violet": "_is-violet_dpale_937",
-  "is-magenta": "_is-magenta_dpale_984"
+  "nav-menu": "_nav-menu_p4ms7_109",
+  "nav-menu-item": "_nav-menu-item_p4ms7_121",
+  "nav-menu-item-icon": "_nav-menu-item-icon_p4ms7_137",
+  "is-clickable": "_is-clickable_p4ms7_143",
+  "is-focus": "_is-focus_p4ms7_146",
+  "is-focused": "_is-focused_p4ms7_146",
+  "is-hovered": "_is-hovered_p4ms7_153",
+  "is-active": "_is-active_p4ms7_160",
+  "is-disabled": "_is-disabled_p4ms7_168",
+  "is-xsmall": "_is-xsmall_p4ms7_181",
+  "is-small-or-less": "_is-small-or-less_p4ms7_201",
+  "is-small": "_is-small_p4ms7_201",
+  "is-small-or-more": "_is-small-or-more_p4ms7_236",
+  "is-medium-or-less": "_is-medium-or-less_p4ms7_241",
+  "is-medium": "_is-medium_p4ms7_241",
+  "is-medium-or-more": "_is-medium-or-more_p4ms7_271",
+  "is-large-or-less": "_is-large-or-less_p4ms7_281",
+  "is-large": "_is-large_p4ms7_281",
+  "is-large-or-more": "_is-large-or-more_p4ms7_306",
+  "is-xlarge": "_is-xlarge_p4ms7_321",
+  "nav-accordion": "_nav-accordion_p4ms7_340"
 };
-function p(s) {
-  const e = { ...s };
-  delete e.isXSmall, delete e.isSmallOrLess, delete e.isSmall, delete e.isSmallOrMore, delete e.isMediumOrLess, delete e.isMedium, delete e.isMediumOrMore, delete e.isLargeOrLess, delete e.isLarge, delete e.isLargeOrMore, delete e.isXLarge, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css, delete e.as;
-  const i = [a["nav-accordion"]];
-  s.isXSmall && i.push(a["is-xsmall"]), s.isSmallOrLess && i.push(a["is-small-or-less"]), s.isSmall && i.push(a["is-small"]), s.isSmallOrMore && i.push(a["is-small-or-more"]), s.isMediumOrLess && i.push(a["is-medium-or-less"]), s.isMedium && i.push(a["is-medium"]), s.isMediumOrMore && i.push(a["is-medium-or-more"]), s.isLargeOrLess && i.push(a["is-large-or-less"]), s.isLarge && i.push(a["is-large"]), s.isLargeOrMore && i.push(a["is-large-or-more"]), s.isXLarge && i.push(a["is-xlarge"]);
-  const l = d.getUtilityClassNames(s);
-  l && i.push(...l), s.className && i.push(s.className);
-  const _ = m.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ r(
-    s.as,
+function v(e) {
+  const s = { ...e };
+  delete s.isXSmall, delete s.isSmallOrLess, delete s.isSmall, delete s.isSmallOrMore, delete s.isMediumOrLess, delete s.isMedium, delete s.isMediumOrMore, delete s.isLargeOrLess, delete s.isLarge, delete s.isLargeOrMore, delete s.isXLarge, delete s.fore, delete s.back, delete s.highlighter, delete s.border, delete s.positioning, delete s.sizing, delete s.spacing, delete s.css, delete s.as;
+  const i = [m["nav-accordion"]];
+  e.isXSmall && i.push(m["is-xsmall"]), e.isSmallOrLess && i.push(m["is-small-or-less"]), e.isSmall && i.push(m["is-small"]), e.isSmallOrMore && i.push(m["is-small-or-more"]), e.isMediumOrLess && i.push(m["is-medium-or-less"]), e.isMedium && i.push(m["is-medium"]), e.isMediumOrMore && i.push(m["is-medium-or-more"]), e.isLargeOrLess && i.push(m["is-large-or-less"]), e.isLarge && i.push(m["is-large"]), e.isLargeOrMore && i.push(m["is-large-or-more"]), e.isXLarge && i.push(m["is-xlarge"]);
+  const a = r.getUtilityClassNames(e);
+  a && i.push(...a), e.className && i.push(e.className);
+  const l = t.getEmotionCss(e);
+  return e.as ? /* @__PURE__ */ _(
+    e.as,
     {
-      ...e,
+      ...s,
       className: i.join(" "),
-      css: _
+      css: l
     }
-  ) : /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ _(
     "div",
     {
-      ...e,
+      ...s,
       className: i.join(" "),
-      css: _
+      css: l
     }
   );
 }
 export {
-  p as default
+  v as default
 };
 //# sourceMappingURL=NavAccordion.js.map

package/dist/components/NavAccordion/NavAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavAccordion.js","sources":["../../../src/components/NavAccordion/NavAccordion.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./NavAccordion.module.scss\";\r\nimport NavAccordionProps from \"./NavAccordionProps\";\r\n\r\nexport default function NavAccordion(\r\n  props: NavAccordionProps\r\n): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"isXSmall\"];\r\n  delete assignedProps[\"isSmallOrLess\"];\r\n  delete assignedProps[\"isSmall\"];\r\n  delete assignedProps[\"isSmallOrMore\"];\r\n  delete assignedProps[\"isMediumOrLess\"];\r\n  delete assignedProps[\"isMedium\"];\r\n  delete assignedProps[\"isMediumOrMore\"];\r\n  delete assignedProps[\"isLargeOrLess\"];\r\n  delete assignedProps[\"isLarge\"];\r\n  delete assignedProps[\"isLargeOrMore\"];\r\n  delete assignedProps[\"isXLarge\"];\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  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"nav-accordion\"]];\r\n\r\n  if (props.isXSmall) {\r\n    assignedClassNames.push(classNames[`is-xsmall`]);\r\n  }\r\n\r\n  if (props.isSmallOrLess) {\r\n    assignedClassNames.push(classNames[`is-small-or-less`]);\r\n  }\r\n\r\n  if (props.isSmall) {\r\n    assignedClassNames.push(classNames[`is-small`]);\r\n  }\r\n\r\n  if (props.isSmallOrMore) {\r\n    assignedClassNames.push(classNames[`is-small-or-more`]);\r\n  }\r\n\r\n  if (props.isMediumOrLess) {\r\n    assignedClassNames.push(classNames[`is-medium-or-less`]);\r\n  }\r\n\r\n  if (props.isMedium) {\r\n    assignedClassNames.push(classNames[`is-medium`]);\r\n  }\r\n\r\n  if (props.isMediumOrMore) {\r\n    assignedClassNames.push(classNames[`is-medium-or-more`]);\r\n  }\r\n\r\n  if (props.isLargeOrLess) {\r\n    assignedClassNames.push(classNames[`is-large-or-less`]);\r\n  }\r\n\r\n  if (props.isLarge) {\r\n    assignedClassNames.push(classNames[`is-large`]);\r\n  }\r\n\r\n  if (props.isLargeOrMore) {\r\n    assignedClassNames.push(classNames[`is-large-or-more`]);\r\n  }\r\n\r\n  if (props.isXLarge) {\r\n    assignedClassNames.push(classNames[`is-xlarge`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n  const css = emotionStyleUtility.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":["NavAccordion","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAwBA,EACtBC,GACc;AACd,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,UACrB,OAAOA,EAAc,eACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,eACrB,OAAOA,EAAc,gBACrB,OAAOA,EAAc,UACrB,OAAOA,EAAc,gBACrB,OAAOA,EAAc,eACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,eACrB,OAAOA,EAAc,UAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,eAAe,CAAC;AAEjE,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAG7CH,EAAM,iBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,WACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC,GAG5CH,EAAM,iBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,kBACRE,EAAmB,KAAKC,EAAW,mBAAmB,CAAC,GAGrDH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAG7CH,EAAM,kBACRE,EAAmB,KAAKC,EAAW,mBAAmB,CAAC,GAGrDH,EAAM,iBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,WACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC,GAG5CH,EAAM,iBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC;AAGjD,QAAMC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAMC,EAAoB,cAAcP,CAAK;AAEnD,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"NavAccordion.js","sources":["../../../src/components/NavAccordion/NavAccordion.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./NavAccordion.module.scss\";\r\nimport NavAccordionProps from \"./NavAccordionProps\";\r\n\r\nexport default function NavAccordion(\r\n  props: NavAccordionProps\r\n): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"isXSmall\"];\r\n  delete assignedProps[\"isSmallOrLess\"];\r\n  delete assignedProps[\"isSmall\"];\r\n  delete assignedProps[\"isSmallOrMore\"];\r\n  delete assignedProps[\"isMediumOrLess\"];\r\n  delete assignedProps[\"isMedium\"];\r\n  delete assignedProps[\"isMediumOrMore\"];\r\n  delete assignedProps[\"isLargeOrLess\"];\r\n  delete assignedProps[\"isLarge\"];\r\n  delete assignedProps[\"isLargeOrMore\"];\r\n  delete assignedProps[\"isXLarge\"];\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  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"nav-accordion\"]];\r\n\r\n  if (props.isXSmall) {\r\n    assignedClassNames.push(classNames[`is-xsmall`]);\r\n  }\r\n\r\n  if (props.isSmallOrLess) {\r\n    assignedClassNames.push(classNames[`is-small-or-less`]);\r\n  }\r\n\r\n  if (props.isSmall) {\r\n    assignedClassNames.push(classNames[`is-small`]);\r\n  }\r\n\r\n  if (props.isSmallOrMore) {\r\n    assignedClassNames.push(classNames[`is-small-or-more`]);\r\n  }\r\n\r\n  if (props.isMediumOrLess) {\r\n    assignedClassNames.push(classNames[`is-medium-or-less`]);\r\n  }\r\n\r\n  if (props.isMedium) {\r\n    assignedClassNames.push(classNames[`is-medium`]);\r\n  }\r\n\r\n  if (props.isMediumOrMore) {\r\n    assignedClassNames.push(classNames[`is-medium-or-more`]);\r\n  }\r\n\r\n  if (props.isLargeOrLess) {\r\n    assignedClassNames.push(classNames[`is-large-or-less`]);\r\n  }\r\n\r\n  if (props.isLarge) {\r\n    assignedClassNames.push(classNames[`is-large`]);\r\n  }\r\n\r\n  if (props.isLargeOrMore) {\r\n    assignedClassNames.push(classNames[`is-large-or-more`]);\r\n  }\r\n\r\n  if (props.isXLarge) {\r\n    assignedClassNames.push(classNames[`is-xlarge`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n  const css = emotionStyleUtility.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":["NavAccordion","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAwBA,EACtBC,GACc;AACd,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,UACrB,OAAOA,EAAc,eACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,eACrB,OAAOA,EAAc,gBACrB,OAAOA,EAAc,UACrB,OAAOA,EAAc,gBACrB,OAAOA,EAAc,eACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,eACrB,OAAOA,EAAc,UAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,eAAe,CAAC;AAEjE,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAG7CH,EAAM,iBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,WACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC,GAG5CH,EAAM,iBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,kBACRE,EAAmB,KAAKC,EAAW,mBAAmB,CAAC,GAGrDH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAG7CH,EAAM,kBACRE,EAAmB,KAAKC,EAAW,mBAAmB,CAAC,GAGrDH,EAAM,iBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,WACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC,GAG5CH,EAAM,iBACRE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC;AAGjD,QAAMC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAMC,EAAoB,cAAcP,CAAK;AAEnD,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}