react-minolith 1.0.13 → 1.0.16

package/dist/react-minolith.js

@@ -1,135 +1,137 @@
 import { default as o } from "./utilities/minolithStyleUtility/minolithStyleUtility.js";
 import { default as r } from "./utilities/classNameUtility/classNameUtility.js";
-import { default as d } from "./utilities/emotionStyleUtility/emotionStyleUtility.js";
-import { default as u } from "./base/Minolith/Minolith.js";
-import { default as m } from "./base/MinolithStatic/MinolithStatic.js";
-import { default as x } from "./base/Tabula/Tabula.js";
-import { default as n } from "./backgrounds/Dot/Dot.js";
-import { default as c } from "./backgrounds/Gingham/Gingham.js";
-import { default as C } from "./backgrounds/Rhombus/Rhombus.js";
-import { default as M } from "./backgrounds/Stripe/Stripe.js";
-import { default as y } from "./backgrounds/Zigzag/Zigzag.js";
-import { default as b } from "./components/Accordion/Accordion.js";
-import { default as h } from "./components/AccordionDetails/AccordionDetails.js";
-import { default as H } from "./components/AccordionSummary/AccordionSummary.js";
-import { default as R } from "./components/Badge/Badge.js";
-import { default as T } from "./components/Blockquote/Blockquote.js";
-import { default as k } from "./components/Breadcrumb/Breadcrumb.js";
-import { default as P } from "./components/Breadcrumbs/Breadcrumbs.js";
-import { default as z } from "./components/BreadcrumbsNav/BreadcrumbsNav.js";
-import { default as Z } from "./components/Button/Button.js";
-import { default as w } from "./components/Card/Card.js";
-import { default as J } from "./components/CardBody/CardBody.js";
-import { default as O } from "./components/CardFooter/CardFooter.js";
-import { default as V } from "./components/CardHeader/CardHeader.js";
-import { default as X } from "./components/Dialogue/Dialogue.js";
-import { default as _ } from "./components/DialogueAvatar/DialogueAvatar.js";
-import { default as aa } from "./components/DialogueAvatarContainer/DialogueAvatarContainer.js";
-import { default as oa } from "./components/DialogueContentContainer/DialogueContentContainer.js";
-import { default as ra } from "./components/DialogueMessage/DialogueMessage.js";
-import { default as da } from "./components/DialogueMessageInner/DialogueMessageInner.js";
-import { default as ua } from "./components/DialogueName/DialogueName.js";
-import { default as ma } from "./components/Div/Div.js";
-import { default as xa } from "./components/Footer/Footer.js";
-import { default as na } from "./components/Hamburger/Hamburger.js";
-import { default as ca } from "./components/Header/Header.js";
-import { default as Ca } from "./components/Heading/Heading.js";
-import { default as Ma } from "./components/Input/Input.js";
-import { default as ya } from "./components/Label/Label.js";
-import { default as ba } from "./components/Link/Link.js";
-import { default as ha } from "./components/Loader/Loader.js";
-import { default as Ha } from "./components/Main/Main.js";
-import { default as Ra } from "./components/Message/Message.js";
-import { default as Ta } from "./components/MessageBody/MessageBody.js";
-import { default as ka } from "./components/MessageHeader/MessageHeader.js";
-import { default as Pa } from "./components/Modal/Modal.js";
-import { default as za } from "./components/ModalContent/ModalContent.js";
-import { default as Za } from "./components/Nav/Nav.js";
-import { default as wa } from "./components/NavAccordion/NavAccordion.js";
-import { default as Ja } from "./components/NavBrand/NavBrand.js";
-import { default as Oa } from "./components/NavBrandCenter/NavBrandCenter.js";
-import { default as Va } from "./components/NavBrandLeft/NavBrandLeft.js";
-import { default as Xa } from "./components/NavBrandRight/NavBrandRight.js";
-import { default as _a } from "./components/NavMenu/NavMenu.js";
-import { default as ae } from "./components/NavMenuItem/NavMenuItem.js";
-import { default as oe } from "./components/NavStatic/NavStatic.js";
-import { default as re } from "./components/Paragraph/Paragraph.js";
-import { default as de } from "./components/Progress/Progress.js";
-import { default as ue } from "./components/Ruby/Ruby.js";
-import { default as me } from "./components/RubyText/RubyText.js";
-import { default as xe } from "./components/Section/Section.js";
-import { default as ne } from "./components/Span/Span.js";
-import { default as ce } from "./components/Textarea/Textarea.js";
-import { default as Ce } from "./layouts/Centering/Centering.js";
-import { default as Me } from "./layouts/Column/Column.js";
-import { default as ye } from "./layouts/Columns/Columns.js";
-import { default as be } from "./layouts/Container/Container.js";
+import { default as l } from "./utilities/emotionStyleUtility/emotionStyleUtility.js";
+import { default as u } from "./contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
+import { default as m } from "./base/Minolith/Minolith.js";
+import { default as x } from "./base/MinolithStatic/MinolithStatic.js";
+import { default as n } from "./base/Tabula/Tabula.js";
+import { default as c } from "./backgrounds/Dot/Dot.js";
+import { default as v } from "./backgrounds/Gingham/Gingham.js";
+import { default as B } from "./backgrounds/Rhombus/Rhombus.js";
+import { default as y } from "./backgrounds/Stripe/Stripe.js";
+import { default as b } from "./backgrounds/Zigzag/Zigzag.js";
+import { default as S } from "./components/Accordion/Accordion.js";
+import { default as H } from "./components/AccordionDetails/AccordionDetails.js";
+import { default as R } from "./components/AccordionSummary/AccordionSummary.js";
+import { default as T } from "./components/Badge/Badge.js";
+import { default as k } from "./components/Blockquote/Blockquote.js";
+import { default as P } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as z } from "./components/Breadcrumbs/Breadcrumbs.js";
+import { default as Z } from "./components/BreadcrumbsNav/BreadcrumbsNav.js";
+import { default as w } from "./components/Button/Button.js";
+import { default as J } from "./components/Card/Card.js";
+import { default as O } from "./components/CardBody/CardBody.js";
+import { default as V } from "./components/CardFooter/CardFooter.js";
+import { default as X } from "./components/CardHeader/CardHeader.js";
+import { default as _ } from "./components/Dialogue/Dialogue.js";
+import { default as aa } from "./components/DialogueAvatar/DialogueAvatar.js";
+import { default as oa } from "./components/DialogueAvatarContainer/DialogueAvatarContainer.js";
+import { default as ra } from "./components/DialogueContentContainer/DialogueContentContainer.js";
+import { default as la } from "./components/DialogueMessage/DialogueMessage.js";
+import { default as ua } from "./components/DialogueMessageInner/DialogueMessageInner.js";
+import { default as ma } from "./components/DialogueName/DialogueName.js";
+import { default as xa } from "./components/Div/Div.js";
+import { default as na } from "./components/Footer/Footer.js";
+import { default as ca } from "./components/Hamburger/Hamburger.js";
+import { default as va } from "./components/Header/Header.js";
+import { default as Ba } from "./components/Heading/Heading.js";
+import { default as ya } from "./components/Input/Input.js";
+import { default as ba } from "./components/Label/Label.js";
+import { default as Sa } from "./components/Link/Link.js";
+import { default as Ha } from "./components/Loader/Loader.js";
+import { default as Ra } from "./components/Main/Main.js";
+import { default as Ta } from "./components/Message/Message.js";
+import { default as ka } from "./components/MessageBody/MessageBody.js";
+import { default as Pa } from "./components/MessageHeader/MessageHeader.js";
+import { default as za } from "./components/Modal/Modal.js";
+import { default as Za } from "./components/ModalContent/ModalContent.js";
+import { default as wa } from "./components/Nav/Nav.js";
+import { default as Ja } from "./components/NavAccordion/NavAccordion.js";
+import { default as Oa } from "./components/NavBrand/NavBrand.js";
+import { default as Va } from "./components/NavBrandCenter/NavBrandCenter.js";
+import { default as Xa } from "./components/NavBrandLeft/NavBrandLeft.js";
+import { default as _a } from "./components/NavBrandRight/NavBrandRight.js";
+import { default as ae } from "./components/NavMenu/NavMenu.js";
+import { default as oe } from "./components/NavMenuItem/NavMenuItem.js";
+import { default as re } from "./components/NavStatic/NavStatic.js";
+import { default as le } from "./components/Paragraph/Paragraph.js";
+import { default as ue } from "./components/Progress/Progress.js";
+import { default as me } from "./components/Ruby/Ruby.js";
+import { default as xe } from "./components/RubyText/RubyText.js";
+import { default as ne } from "./components/Section/Section.js";
+import { default as ce } from "./components/Span/Span.js";
+import { default as ve } from "./components/Textarea/Textarea.js";
+import { default as Be } from "./layouts/Centering/Centering.js";
+import { default as ye } from "./layouts/Column/Column.js";
+import { default as be } from "./layouts/Columns/Columns.js";
+import { default as Se } from "./layouts/Container/Container.js";
 export {
-  b as Accordion,
-  h as AccordionDetails,
-  H as AccordionSummary,
-  R as Badge,
-  T as Blockquote,
-  k as Breadcrumb,
-  P as Breadcrumbs,
-  z as BreadcrumbsNav,
-  Z as Button,
-  w as Card,
-  J as CardBody,
-  O as CardFooter,
-  V as CardHeader,
-  Ce as Centering,
-  Me as Column,
-  ye as Columns,
-  be as Container,
-  X as Dialogue,
-  _ as DialogueAvatar,
-  aa as DialogueAvatarContainer,
-  oa as DialogueContentContainer,
-  ra as DialogueMessage,
-  da as DialogueMessageInner,
-  ua as DialogueName,
-  ma as Div,
-  n as Dot,
-  xa as Footer,
-  c as Gingham,
-  na as Hamburger,
-  ca as Header,
-  Ca as Heading,
-  Ma as Input,
-  ya as Label,
-  ba as Link,
-  ha as Loader,
-  Ha as Main,
-  Ra as Message,
-  Ta as MessageBody,
-  ka as MessageHeader,
-  u as Minolith,
-  m as MinolithStatic,
-  Pa as Modal,
-  za as ModalContent,
-  Za as Nav,
-  wa as NavAccordion,
-  Ja as NavBrand,
-  Oa as NavBrandCenter,
-  Va as NavBrandLeft,
-  Xa as NavBrandRight,
-  _a as NavMenu,
-  ae as NavMenuItem,
-  oe as NavStatic,
-  re as Paragraph,
-  de as Progress,
-  C as Rhombus,
-  ue as Ruby,
-  me as RubyText,
-  xe as Section,
-  ne as Span,
-  M as Stripe,
-  x as Tabula,
-  ce as Textarea,
-  y as Zigzag,
+  S as Accordion,
+  H as AccordionDetails,
+  R as AccordionSummary,
+  T as Badge,
+  k as Blockquote,
+  P as Breadcrumb,
+  z as Breadcrumbs,
+  Z as BreadcrumbsNav,
+  w as Button,
+  J as Card,
+  O as CardBody,
+  V as CardFooter,
+  X as CardHeader,
+  Be as Centering,
+  ye as Column,
+  be as Columns,
+  Se as Container,
+  _ as Dialogue,
+  aa as DialogueAvatar,
+  oa as DialogueAvatarContainer,
+  ra as DialogueContentContainer,
+  la as DialogueMessage,
+  ua as DialogueMessageInner,
+  ma as DialogueName,
+  xa as Div,
+  c as Dot,
+  na as Footer,
+  v as Gingham,
+  ca as Hamburger,
+  va as Header,
+  Ba as Heading,
+  ya as Input,
+  ba as Label,
+  Sa as Link,
+  Ha as Loader,
+  Ra as Main,
+  Ta as Message,
+  ka as MessageBody,
+  Pa as MessageHeader,
+  m as Minolith,
+  u as MinolithColorSchemeContext,
+  x as MinolithStatic,
+  za as Modal,
+  Za as ModalContent,
+  wa as Nav,
+  Ja as NavAccordion,
+  Oa as NavBrand,
+  Va as NavBrandCenter,
+  Xa as NavBrandLeft,
+  _a as NavBrandRight,
+  ae as NavMenu,
+  oe as NavMenuItem,
+  re as NavStatic,
+  le as Paragraph,
+  ue as Progress,
+  B as Rhombus,
+  me as Ruby,
+  xe as RubyText,
+  ne as Section,
+  ce as Span,
+  y as Stripe,
+  n as Tabula,
+  ve as Textarea,
+  b as Zigzag,
   r as classNameUtility,
-  d as emotionStyleUtility,
+  l as emotionStyleUtility,
   o as minolithStyleUtility
 };
 //# sourceMappingURL=react-minolith.js.map

package/dist/react-minolith.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-minolith.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"react-minolith.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/utilities/classNameUtility/classNameUtility.js

@@ -1,6 +1,6 @@
 function t(o) {
   const a = [], c = (l, i, e, r) => {
-    e && e.name === "rainbow" && a.push(
+    e && typeof e == "object" && e.name === "rainbow" && a.push(
       `${l}${r ? `-${r}` : ""}${i === "default" ? "" : `-${i}`}-${e.name}-${e.lightness === 5 ? "05" : e.lightness}`
     );
   };

package/dist/utilities/classNameUtility/classNameUtility.js.map

@@ -1 +1 @@
-{"version":3,"file":"classNameUtility.js","sources":["../../../src/utilities/classNameUtility/classNameUtility.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-template-expressions */\r\nimport BaseComponentProps from \"../../common/models/BaseComponentProps\";\r\nimport { ColorAttributes, ColorName } from \"../../common/literalTypes\";\r\n\r\nfunction getUtilityClassNames(props: BaseComponentProps): string[] {\r\n  const assignedClassNames: string[] = [];\r\n\r\n  const assignStateColor = <ColorNameType = ColorName>(\r\n    name: string,\r\n    stateStr: string,\r\n    state?: ColorAttributes<ColorNameType>,\r\n    colorScheme?: string\r\n  ) => {\r\n    if (state && state.name === \"rainbow\") {\r\n      assignedClassNames.push(\r\n        `${name}${colorScheme ? `-${colorScheme}` : \"\"}${\r\n          stateStr === \"default\" ? \"\" : `-${stateStr}`\r\n        }-${state.name}-${state.lightness === 5 ? `05` : state.lightness}`\r\n      );\r\n    }\r\n  };\r\n\r\n  if (props.fore) {\r\n    if (props.fore.color) {\r\n      assignStateColor(\"forecolor\", \"default\", props.fore.color.default);\r\n      assignStateColor(\"forecolor\", \"hover\", props.fore.color.hover);\r\n      assignStateColor(\"forecolor\", \"focus\", props.fore.color.focus);\r\n      assignStateColor(\"forecolor\", \"active\", props.fore.color.active);\r\n      assignStateColor(\"forecolor\", \"disabled\", props.fore.color.disabled);\r\n      if (props.fore.color.light) {\r\n        const foreColorLight = props.fore.color.light;\r\n        assignStateColor(\r\n          \"forecolor\",\r\n          \"default\",\r\n          foreColorLight.default,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\"forecolor\", \"hover\", foreColorLight.hover, \"light\");\r\n        assignStateColor(\"forecolor\", \"focus\", foreColorLight.focus, \"light\");\r\n        assignStateColor(\"forecolor\", \"active\", foreColorLight.active, \"light\");\r\n        assignStateColor(\r\n          \"forecolor\",\r\n          \"disabled\",\r\n          foreColorLight.disabled,\r\n          \"light\"\r\n        );\r\n      }\r\n      if (props.fore.color.dark) {\r\n        const foreColorDark = props.fore.color.dark;\r\n        assignStateColor(\"forecolor\", \"default\", foreColorDark.default, \"dark\");\r\n        assignStateColor(\"forecolor\", \"hover\", foreColorDark.hover, \"dark\");\r\n        assignStateColor(\"forecolor\", \"focus\", foreColorDark.focus, \"dark\");\r\n        assignStateColor(\"forecolor\", \"active\", foreColorDark.active, \"dark\");\r\n        assignStateColor(\r\n          \"forecolor\",\r\n          \"disabled\",\r\n          foreColorDark.disabled,\r\n          \"dark\"\r\n        );\r\n      }\r\n    }\r\n  }\r\n\r\n  if (props.back) {\r\n    if (props.back.color) {\r\n      assignStateColor(\"backcolor\", \"default\", props.back.color.default);\r\n      assignStateColor(\"backcolor\", \"hover\", props.back.color.hover);\r\n      assignStateColor(\"backcolor\", \"focus\", props.back.color.focus);\r\n      assignStateColor(\"backcolor\", \"active\", props.back.color.active);\r\n      assignStateColor(\"backcolor\", \"disabled\", props.back.color.disabled);\r\n      if (props.back.color.light) {\r\n        const backColorLight = props.back.color.light;\r\n        assignStateColor(\r\n          \"backcolor\",\r\n          \"default\",\r\n          backColorLight.default,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\"backcolor\", \"hover\", backColorLight.hover, \"light\");\r\n        assignStateColor(\"backcolor\", \"focus\", backColorLight.focus, \"light\");\r\n        assignStateColor(\"backcolor\", \"active\", backColorLight.active, \"light\");\r\n        assignStateColor(\r\n          \"backcolor\",\r\n          \"disabled\",\r\n          backColorLight.disabled,\r\n          \"light\"\r\n        );\r\n      }\r\n      if (props.back.color.dark) {\r\n        const backColorDark = props.back.color.dark;\r\n        assignStateColor(\"backcolor\", \"default\", backColorDark.default, \"dark\");\r\n        assignStateColor(\"backcolor\", \"hover\", backColorDark.hover, \"dark\");\r\n        assignStateColor(\"backcolor\", \"focus\", backColorDark.focus, \"dark\");\r\n        assignStateColor(\"backcolor\", \"active\", backColorDark.active, \"dark\");\r\n        assignStateColor(\r\n          \"backcolor\",\r\n          \"disabled\",\r\n          backColorDark.disabled,\r\n          \"dark\"\r\n        );\r\n      }\r\n    }\r\n  }\r\n\r\n  if (props.positioning) {\r\n    if (props.positioning.translateMiddle) {\r\n      assignedClassNames.push(`translate-middle`);\r\n    }\r\n    if (props.positioning.translateMiddleX) {\r\n      assignedClassNames.push(`translate-middle-x`);\r\n    }\r\n    if (props.positioning.translateMiddleY) {\r\n      assignedClassNames.push(`translate-middle-y`);\r\n    }\r\n  }\r\n\r\n  if (props.sizing) {\r\n    if (props.sizing.aspectRatio) {\r\n      if (props.sizing.aspectRatio.includes(\":\")) {\r\n        assignedClassNames.push(\r\n          `aspect-ratio-${props.sizing.aspectRatio.replace(\":\", \"-\")}`\r\n        );\r\n      } else {\r\n        assignedClassNames.push(`aspect-ratio-${props.sizing.aspectRatio}`);\r\n      }\r\n    }\r\n  }\r\n\r\n  return assignedClassNames;\r\n}\r\n\r\nconst classNameUtility = {\r\n  getUtilityClassNames,\r\n};\r\n\r\nexport default classNameUtility;\r\n"],"names":["getUtilityClassNames","props","assignedClassNames","assignStateColor","name","stateStr","state","colorScheme","foreColorLight","foreColorDark","backColorLight","backColorDark","classNameUtility"],"mappings":"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"}
+{"version":3,"file":"classNameUtility.js","sources":["../../../src/utilities/classNameUtility/classNameUtility.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-template-expressions */\r\nimport BaseComponentProps from \"../../common/models/BaseComponentProps\";\r\nimport { ColorAttributes, ColorName } from \"../../common/literalTypes\";\r\n\r\nfunction getUtilityClassNames(props: BaseComponentProps): string[] {\r\n  const assignedClassNames: string[] = [];\r\n\r\n  const assignStateColor = <ColorNameType = ColorName>(\r\n    name: string,\r\n    stateStr: string,\r\n    state?: ColorAttributes<ColorNameType> | \"transparent\",\r\n    colorScheme?: string\r\n  ) => {\r\n    if (state && typeof state === \"object\" && state.name === \"rainbow\") {\r\n      assignedClassNames.push(\r\n        `${name}${colorScheme ? `-${colorScheme}` : \"\"}${\r\n          stateStr === \"default\" ? \"\" : `-${stateStr}`\r\n        }-${state.name}-${state.lightness === 5 ? `05` : state.lightness}`\r\n      );\r\n    }\r\n  };\r\n\r\n  if (props.fore) {\r\n    if (props.fore.color) {\r\n      assignStateColor(\"forecolor\", \"default\", props.fore.color.default);\r\n      assignStateColor(\"forecolor\", \"hover\", props.fore.color.hover);\r\n      assignStateColor(\"forecolor\", \"focus\", props.fore.color.focus);\r\n      assignStateColor(\"forecolor\", \"active\", props.fore.color.active);\r\n      assignStateColor(\"forecolor\", \"disabled\", props.fore.color.disabled);\r\n      if (props.fore.color.light) {\r\n        const foreColorLight = props.fore.color.light;\r\n        assignStateColor(\r\n          \"forecolor\",\r\n          \"default\",\r\n          foreColorLight.default,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\"forecolor\", \"hover\", foreColorLight.hover, \"light\");\r\n        assignStateColor(\"forecolor\", \"focus\", foreColorLight.focus, \"light\");\r\n        assignStateColor(\"forecolor\", \"active\", foreColorLight.active, \"light\");\r\n        assignStateColor(\r\n          \"forecolor\",\r\n          \"disabled\",\r\n          foreColorLight.disabled,\r\n          \"light\"\r\n        );\r\n      }\r\n      if (props.fore.color.dark) {\r\n        const foreColorDark = props.fore.color.dark;\r\n        assignStateColor(\"forecolor\", \"default\", foreColorDark.default, \"dark\");\r\n        assignStateColor(\"forecolor\", \"hover\", foreColorDark.hover, \"dark\");\r\n        assignStateColor(\"forecolor\", \"focus\", foreColorDark.focus, \"dark\");\r\n        assignStateColor(\"forecolor\", \"active\", foreColorDark.active, \"dark\");\r\n        assignStateColor(\r\n          \"forecolor\",\r\n          \"disabled\",\r\n          foreColorDark.disabled,\r\n          \"dark\"\r\n        );\r\n      }\r\n    }\r\n  }\r\n\r\n  if (props.back) {\r\n    if (props.back.color) {\r\n      assignStateColor(\"backcolor\", \"default\", props.back.color.default);\r\n      assignStateColor(\"backcolor\", \"hover\", props.back.color.hover);\r\n      assignStateColor(\"backcolor\", \"focus\", props.back.color.focus);\r\n      assignStateColor(\"backcolor\", \"active\", props.back.color.active);\r\n      assignStateColor(\"backcolor\", \"disabled\", props.back.color.disabled);\r\n      if (props.back.color.light) {\r\n        const backColorLight = props.back.color.light;\r\n        assignStateColor(\r\n          \"backcolor\",\r\n          \"default\",\r\n          backColorLight.default,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\"backcolor\", \"hover\", backColorLight.hover, \"light\");\r\n        assignStateColor(\"backcolor\", \"focus\", backColorLight.focus, \"light\");\r\n        assignStateColor(\"backcolor\", \"active\", backColorLight.active, \"light\");\r\n        assignStateColor(\r\n          \"backcolor\",\r\n          \"disabled\",\r\n          backColorLight.disabled,\r\n          \"light\"\r\n        );\r\n      }\r\n      if (props.back.color.dark) {\r\n        const backColorDark = props.back.color.dark;\r\n        assignStateColor(\"backcolor\", \"default\", backColorDark.default, \"dark\");\r\n        assignStateColor(\"backcolor\", \"hover\", backColorDark.hover, \"dark\");\r\n        assignStateColor(\"backcolor\", \"focus\", backColorDark.focus, \"dark\");\r\n        assignStateColor(\"backcolor\", \"active\", backColorDark.active, \"dark\");\r\n        assignStateColor(\r\n          \"backcolor\",\r\n          \"disabled\",\r\n          backColorDark.disabled,\r\n          \"dark\"\r\n        );\r\n      }\r\n    }\r\n  }\r\n\r\n  if (props.positioning) {\r\n    if (props.positioning.translateMiddle) {\r\n      assignedClassNames.push(`translate-middle`);\r\n    }\r\n    if (props.positioning.translateMiddleX) {\r\n      assignedClassNames.push(`translate-middle-x`);\r\n    }\r\n    if (props.positioning.translateMiddleY) {\r\n      assignedClassNames.push(`translate-middle-y`);\r\n    }\r\n  }\r\n\r\n  if (props.sizing) {\r\n    if (props.sizing.aspectRatio) {\r\n      if (props.sizing.aspectRatio.includes(\":\")) {\r\n        assignedClassNames.push(\r\n          `aspect-ratio-${props.sizing.aspectRatio.replace(\":\", \"-\")}`\r\n        );\r\n      } else {\r\n        assignedClassNames.push(`aspect-ratio-${props.sizing.aspectRatio}`);\r\n      }\r\n    }\r\n  }\r\n\r\n  return assignedClassNames;\r\n}\r\n\r\nconst classNameUtility = {\r\n  getUtilityClassNames,\r\n};\r\n\r\nexport default classNameUtility;\r\n"],"names":["getUtilityClassNames","props","assignedClassNames","assignStateColor","name","stateStr","state","colorScheme","foreColorLight","foreColorDark","backColorLight","backColorDark","classNameUtility"],"mappings":"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"}

package/dist/utilities/emotionStyleUtility/emotionStyleUtility.d.ts

@@ -1,8 +1,8 @@
 import { BaseComponentProps } from '../../common/models';
 import { Interpolation, Theme } from '@emotion/react';
-import { ColorAttributes, ColorName } from '../../react-minolith';
-declare function getColorVariable<ColorNameType = ColorName>(colorAttributes?: ColorAttributes<ColorNameType>): string | undefined;
-declare function getEmotionCss(props: BaseComponentProps): Interpolation<Theme>;
+import { ColorAttributes, ColorName, ColorScheme } from '../../common/literalTypes';
+declare function getColorVariable<ColorNameType = ColorName>(colorAttributes?: ColorAttributes<ColorNameType> | "transparent"): string | undefined;
+declare function getEmotionCss(props: BaseComponentProps, colorScheme?: ColorScheme): Interpolation<Theme>;
 declare const emotionStyleUtility: {
     getColorVariable: typeof getColorVariable;
     getEmotionCss: typeof getEmotionCss;

package/dist/utilities/emotionStyleUtility/emotionStyleUtility.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"emotionStyleUtility.d.ts","sourceRoot":"","sources":["../../../src/utilities/emotionStyleUtility/emotionStyleUtility.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAkB,aAAa,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAoDlE,iBAAS,gBAAgB,CAAC,aAAa,GAAG,SAAS,EACjD,eAAe,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAC/C,MAAM,GAAG,SAAS,CAYpB;AA8HD,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,aAAa,CAAC,KAAK,CAAC,CAsctE;AAED,QAAA,MAAM,mBAAmB;;;CAGxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"emotionStyleUtility.d.ts","sourceRoot":"","sources":["../../../src/utilities/emotionStyleUtility/emotionStyleUtility.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAGL,aAAa,EACb,KAAK,EACN,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,eAAe,EACf,SAAS,EACT,WAAW,EACZ,MAAM,2BAA2B,CAAC;AAoDnC,iBAAS,gBAAgB,CAAC,aAAa,GAAG,SAAS,EACjD,eAAe,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,GAC/D,MAAM,GAAG,SAAS,CAsBpB;AA2ID,iBAAS,aAAa,CACpB,KAAK,EAAE,kBAAkB,EACzB,WAAW,CAAC,EAAE,WAAW,GACxB,aAAa,CAAC,KAAK,CAAC,CAsdtB;AAED,QAAA,MAAM,mBAAmB;;;CAGxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}