react-minolith 0.0.10 → 0.0.12

package/dist/components/Message/MessageBody.js

@@ -16,9 +16,21 @@ import '../../assets/Message.css';const m = "_message_rmz28_1", r = {
 };
 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;
+  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 a = [r["message-body"]];
-  return a.push(..._.getUtilityClassNames(s)), s.className && a.push(s.className), /* @__PURE__ */ i("div", { ...e, className: a.join(" ") });
+  return a.push(..._.getUtilityClassNames(s)), s.className && a.push(s.className), s.as ? /* @__PURE__ */ i(
+    s.as,
+    {
+      ...e,
+      className: a.join(" ")
+    }
+  ) : /* @__PURE__ */ i(
+    "div",
+    {
+      ...e,
+      className: a.join(" ")
+    }
+  );
 }
 export {
   g as default

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

@@ -1 +1 @@
-{"version":3,"file":"MessageBody.js","sources":["../../../src/components/Message/MessageBody.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./MessageBody.module.scss\";\r\nimport MessageBodyProps from \"./MessageBodyProps\";\r\n\r\nexport default function MessageBody(props: MessageBodyProps): JSX.Element {\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[\"message-body\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  return (\r\n    <div {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  );\r\n}\r\n"],"names":["MessageBody","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAYC,GAAsC;AAClE,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,cAAc,CAAC;AAChE,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAGxD,gBAAAK,EAAC,SAAK,GAAGJ,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
+{"version":3,"file":"MessageBody.js","sources":["../../../src/components/Message/MessageBody.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./MessageBody.module.scss\";\r\nimport MessageBodyProps from \"./MessageBodyProps\";\r\n\r\nexport default function MessageBody(props: MessageBodyProps): JSX.Element {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"as\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"message-body\"]];\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\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n    />\r\n  );\r\n}\r\n"],"names":["MessageBody","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAYC,GAAsC;AAClE,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,cAAc,CAAC;AAChE,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnDA,EAAM,KACX,gBAAAK;AAAA,IAACL,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,IAAA;AAAA,EAAA,IAGxC,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,IAAA;AAAA,EACxC;AAEJ;"}

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

@@ -1,4 +1,6 @@
 import { DivProps } from '../Div';
 export default interface MessageBodyProps extends DivProps {
+    as?: React.ElementType | undefined;
+    [key: string]: any;
 }
 //# sourceMappingURL=MessageBodyProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageBodyProps.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageBodyProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,gBAAiB,SAAQ,QAAQ;CAAG"}
+{"version":3,"file":"MessageBodyProps.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageBodyProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,gBAAiB,SAAQ,QAAQ;IACxD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}

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

@@ -1 +1 @@
-{"version":3,"file":"MessageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAmB5E"}
+{"version":3,"file":"MessageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA4B5E"}

package/dist/components/Message/MessageHeader.js

@@ -16,9 +16,21 @@ import '../../assets/Message.css';const m = "_message_rmz28_1", r = {
 };
 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;
+  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 a = [r["message-header"]];
-  return a.push(..._.getUtilityClassNames(s)), s.className && a.push(s.className), /* @__PURE__ */ i("div", { ...e, className: a.join(" ") });
+  return a.push(..._.getUtilityClassNames(s)), s.className && a.push(s.className), s.as ? /* @__PURE__ */ i(
+    s.as,
+    {
+      ...e,
+      className: a.join(" ")
+    }
+  ) : /* @__PURE__ */ i(
+    "div",
+    {
+      ...e,
+      className: a.join(" ")
+    }
+  );
 }
 export {
   g as default

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

@@ -1 +1 @@
-{"version":3,"file":"MessageHeader.js","sources":["../../../src/components/Message/MessageHeader.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./MessageHeader.module.scss\";\r\nimport MessageHeaderProps from \"./MessageHeaderProps\";\r\n\r\nexport default function MessageHeader(props: MessageHeaderProps): JSX.Element {\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[\"message-header\"]];\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  return (\r\n    <div {...assignedProps} className={assignedClassNames.join(\" \")} />\r\n  );\r\n}\r\n"],"names":["MessageHeader","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAcC,GAAwC;AACtE,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,gBAAgB,CAAC;AAClE,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAGxD,gBAAAK,EAAC,SAAK,GAAGJ,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAErE;"}
+{"version":3,"file":"MessageHeader.js","sources":["../../../src/components/Message/MessageHeader.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./MessageHeader.module.scss\";\r\nimport MessageHeaderProps from \"./MessageHeaderProps\";\r\n\r\nexport default function MessageHeader(props: MessageHeaderProps): JSX.Element {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"as\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"message-header\"]];\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\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n    />\r\n  );\r\n}\r\n"],"names":["MessageHeader","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAcC,GAAwC;AACtE,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,gBAAgB,CAAC;AAClE,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnDA,EAAM,KACX,gBAAAK;AAAA,IAACL,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,IAAA;AAAA,EAAA,IAGxC,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,IAAA;AAAA,EACxC;AAEJ;"}

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

@@ -1,4 +1,6 @@
-import { BaseComponentProps } from '../../common/models';
-export default interface MessageHeaderProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BaseComponentProps {
+import { DivProps } from '../Div';
+export default interface MessageHeaderProps extends DivProps {
+    as?: React.ElementType | undefined;
+    [key: string]: any;
 }
 //# sourceMappingURL=MessageHeaderProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageHeaderProps.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageHeaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,CAAC,OAAO,WAAW,kBACvB,SAAQ,KAAK,CAAC,iBAAiB,CAC7B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc,CACf,EAAE,kBAAkB;CACtB"}
+{"version":3,"file":"MessageHeaderProps.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageHeaderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,kBAAmB,SAAQ,QAAQ;IAC1D,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}

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

@@ -2,5 +2,7 @@ import { ColorName } from '../../common/literalTypes';
 import { DivProps } from '../Div';
 export default interface MessageProps extends DivProps {
     colorName?: ColorName;
+    as?: React.ElementType | undefined;
+    [key: string]: any;
 }
 //# 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.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,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.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,YAAa,SAAQ,QAAQ;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAEnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}

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":"AAEA,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAoB5D"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAqB5D"}

package/dist/components/Modal/Modal.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
-import _ from "../../utilities/classNameUtility.js";
-import '../../assets/Modal.css';const l = "_modal_1ivpx_1", a = {
-  modal: l,
+import l from "../../utilities/classNameUtility.js";
+import '../../assets/Modal.css';const _ = "_modal_1ivpx_1", a = {
+  modal: _,
   "is-active": "_is-active_1ivpx_15",
   "modal-content": "_modal-content_1ivpx_18",
   "is-gray": "_is-gray_1ivpx_28",
@@ -14,13 +14,13 @@ import '../../assets/Modal.css';const l = "_modal_1ivpx_1", a = {
   "is-violet": "_is-violet_1ivpx_49",
   "is-magenta": "_is-magenta_1ivpx_52"
 };
-function d(i) {
+function c(i) {
   const e = { ...i };
-  delete e.isActive, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
+  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;
   const s = [a.modal];
-  return i.isActive && s.push(a["is-active"]), s.push(..._.getUtilityClassNames(i)), i.className && s.push(i.className), /* @__PURE__ */ t("div", { ...e, className: s.join(" ") });
+  return i.isActive && s.push(a["is-active"]), i.colorName && s.push(a[`is-${i.colorName}`]), s.push(...l.getUtilityClassNames(i)), i.className && s.push(i.className), /* @__PURE__ */ t("div", { ...e, className: s.join(" ") });
 }
 export {
-  d as default
+  c 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":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./Modal.module.scss\";\r\nimport ModalProps from \"./ModalProps\";\r\n\r\nexport default function Modal(props: ModalProps): JSX.Element {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"isActive\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"modal\"]];\r\n  props.isActive && assignedClassNames.push(classNames[\"is-active\"]);\r\n  // assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  return <div {...assignedProps} className={assignedClassNames.join(\" \")} />;\r\n}\r\n"],"names":["Modal","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAMC,GAAgC;AACtD,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,UAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,KAAQ;AAC/C,SAAAH,EAAM,YAAYE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAEjED,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnD,gBAAAK,EAAC,SAAK,GAAGJ,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAC1E;"}
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./Modal.module.scss\";\r\nimport ModalProps from \"./ModalProps\";\r\n\r\nexport default function Modal(props: ModalProps): JSX.Element {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"isActive\"];\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"modal\"]];\r\n  props.isActive && assignedClassNames.push(classNames[\"is-active\"]);\r\n  props.colorName && assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n  props.className && assignedClassNames.push(props.className);\r\n\r\n  return <div {...assignedProps} className={assignedClassNames.join(\" \")} />;\r\n}\r\n"],"names":["Modal","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAMC,GAAgC;AACtD,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,UACrB,OAAOA,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,KAAQ;AAC/C,SAAAH,EAAM,YAAYE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAC3DH,EAAA,aAAaE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAC9EE,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnD,gBAAAK,EAAC,SAAK,GAAGJ,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAC1E;"}

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

@@ -1,5 +1,7 @@
+import { ColorName } from '../../react-minolith';
 import { DivProps } from '../Div';
 export default interface ModalProps extends DivProps {
+    colorName?: ColorName;
     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,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,UAAW,SAAQ,QAAQ;IAClD,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,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,CAAC,OAAO,WAAW,UAAW,SAAQ,QAAQ;IAClD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC"}