react-minolith 2.0.5 → 2.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CA4CrE"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAG9C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CA8DrE"}

package/dist/components/Accordion/Accordion.js

@@ -1,55 +1,51 @@
 "use client";
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import t from "../../utilities/classNameUtility/classNameUtility.js";
-import l from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Accordion.css';const n = "_check_11457_1", d = "_chevron_11457_47", r = "_accordion_11457_88", a = {
-  check: n,
-  "is-gray": "_is-gray_11457_13",
-  "is-red": "_is-red_11457_16",
-  "is-coral": "_is-coral_11457_19",
-  "is-orange": "_is-orange_11457_22",
-  "is-yellow": "_is-yellow_11457_25",
-  "is-lime": "_is-lime_11457_28",
-  "is-green": "_is-green_11457_31",
-  "is-cyan": "_is-cyan_11457_34",
-  "is-blue": "_is-blue_11457_37",
-  "is-violet": "_is-violet_11457_40",
-  "is-magenta": "_is-magenta_11457_43",
-  chevron: d,
-  accordion: r,
-  "accordion-summary": "_accordion-summary_11457_100",
-  "is-focus": "_is-focus_11457_163",
-  "is-focused": "_is-focused_11457_163",
-  "is-hovered": "_is-hovered_11457_167",
-  "is-active": "_is-active_11457_171",
-  "is-disabled": "_is-disabled_11457_176",
-  "accordion-details": "_accordion-details_11457_180"
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import e from "../../utilities/classNameUtility/classNameUtility.js";
+import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Accordion.css';const t = "_accordion_o0qf7_88", d = {
+  accordion: t
 };
-function h(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 = [a.accordion];
-  s.colorName && i.push(a[`is-${s.colorName}`]);
-  const _ = t.getUtilityClassNames(s);
-  _ && i.push(..._), s.className && i.push(s.className);
-  const c = l.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ o(
-    s.as,
+function u(o) {
+  const c = { ...o };
+  delete c.colorName, delete c.fore, delete c.back, delete c.highlighter, delete c.border, delete c.positioning, delete c.sizing, delete c.spacing, delete c.css, delete c.as;
+  const r = [d.accordion], m = o.colorName ? {
+    "--minolith-accordion-color-fore": `var(--minolith-color-${o.colorName}-accordion-fore)`,
+    "--minolith-accordion-color-back": `var(--minolith-color-${o.colorName}-accordion-back)`,
+    "--minolith-accordion-color-border": `var(--minolith-color-${o.colorName}-accordion-border)`,
+    "--minolith-accordion-summary-color-fore": `var(--minolith-color-${o.colorName}-accordion-summary-fore)`,
+    "--minolith-accordion-summary-color-back": `var(--minolith-color-${o.colorName}-accordion-summary-back)`,
+    "--minolith-accordion-summary-color-border": `var(--minolith-color-${o.colorName}-accordion-summary-border)`,
+    "--minolith-accordion-details-color-fore": `var(--minolith-color-${o.colorName}-accordion-details-fore)`,
+    "--minolith-accordion-details-color-back": `var(--minolith-color-${o.colorName}-accordion-details-back)`,
+    "--minolith-accordion-details-color-border": `var(--minolith-color-${o.colorName}-accordion-details-border)`,
+    "--minolith-accordion-summary-color-focus-back": `var(--minolith-color-${o.colorName}-accordion-summary-focus-back)`,
+    "--minolith-accordion-summary-color-focus-border": `var(--minolith-color-${o.colorName}-accordion-summary-focus-border)`,
+    "--minolith-accordion-summary-color-hover-back": `var(--minolith-color-${o.colorName}-accordion-summary-hover-back)`,
+    "--minolith-accordion-summary-color-hover-border": `var(--minolith-color-${o.colorName}-accordion-summary-hover-border)`,
+    "--minolith-accordion-summary-color-active-back": `var(--minolith-color-${o.colorName}-accordion-summary-active-back)`,
+    "--minolith-accordion-summary-color-active-border": `var(--minolith-color-${o.colorName}-accordion-summary-active-border)`,
+    "--minolith-accordion-summary-color-disabled-back": `var(--minolith-color-${o.colorName}-accordion-summary-disabled-back)`,
+    "--minolith-accordion-summary-color-disabled-border": `var(--minolith-color-${o.colorName}-accordion-summary-active-border)`
+  } : void 0, a = e.getUtilityClassNames(o);
+  a && r.push(...a), o.className && r.push(o.className);
+  const i = n.getEmotionCss(o, m);
+  return o.as ? /* @__PURE__ */ l(
+    o.as,
     {
-      ...e,
-      className: i.join(" "),
-      css: c
+      ...c,
+      className: r.join(" "),
+      css: i
     }
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ l(
     "details",
     {
-      ...e,
-      className: i.join(" "),
-      css: c
+      ...c,
+      className: r.join(" "),
+      css: i
     }
   );
 }
 export {
-  h as default
+  u as default
 };
 //# sourceMappingURL=Accordion.js.map

package/dist/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.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 \"./Accordion.module.scss\";\r\nimport AccordionProps from \"./AccordionProps\";\r\n\r\nexport default function Accordion(props: AccordionProps): 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\r\n  const assignedClassNames = [classNames[\"accordion\"]];\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\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    <details\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Accordion","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAwBA,EAAUC,GAAqC;AACrE,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;AAGrB,QAAMC,IAAqB,CAACC,EAAW,SAAY;AAEnD,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;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":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.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 \"./Accordion.module.scss\";\r\nimport AccordionProps from \"./AccordionProps\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Accordion(props: AccordionProps): 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\r\n  const assignedClassNames = [classNames[\"accordion\"]];\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-accordion-color-fore\"]: `var(--minolith-color-${props.colorName}-accordion-fore)`,\r\n        [\"--minolith-accordion-color-back\"]: `var(--minolith-color-${props.colorName}-accordion-back)`,\r\n        [\"--minolith-accordion-color-border\"]: `var(--minolith-color-${props.colorName}-accordion-border)`,\r\n        [\"--minolith-accordion-summary-color-fore\"]: `var(--minolith-color-${props.colorName}-accordion-summary-fore)`,\r\n        [\"--minolith-accordion-summary-color-back\"]: `var(--minolith-color-${props.colorName}-accordion-summary-back)`,\r\n        [\"--minolith-accordion-summary-color-border\"]: `var(--minolith-color-${props.colorName}-accordion-summary-border)`,\r\n        [\"--minolith-accordion-details-color-fore\"]: `var(--minolith-color-${props.colorName}-accordion-details-fore)`,\r\n        [\"--minolith-accordion-details-color-back\"]: `var(--minolith-color-${props.colorName}-accordion-details-back)`,\r\n        [\"--minolith-accordion-details-color-border\"]: `var(--minolith-color-${props.colorName}-accordion-details-border)`,\r\n        [\"--minolith-accordion-summary-color-focus-back\"]: `var(--minolith-color-${props.colorName}-accordion-summary-focus-back)`,\r\n        [\"--minolith-accordion-summary-color-focus-border\"]: `var(--minolith-color-${props.colorName}-accordion-summary-focus-border)`,\r\n        [\"--minolith-accordion-summary-color-hover-back\"]: `var(--minolith-color-${props.colorName}-accordion-summary-hover-back)`,\r\n        [\"--minolith-accordion-summary-color-hover-border\"]: `var(--minolith-color-${props.colorName}-accordion-summary-hover-border)`,\r\n        [\"--minolith-accordion-summary-color-active-back\"]: `var(--minolith-color-${props.colorName}-accordion-summary-active-back)`,\r\n        [\"--minolith-accordion-summary-color-active-border\"]: `var(--minolith-color-${props.colorName}-accordion-summary-active-border)`,\r\n        [\"--minolith-accordion-summary-color-disabled-back\"]: `var(--minolith-color-${props.colorName}-accordion-summary-disabled-back)`,\r\n        [\"--minolith-accordion-summary-color-disabled-border\"]: `var(--minolith-color-${props.colorName}-accordion-summary-active-border)`,\r\n      }\r\n    : undefined;\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 css = emotionStyleUtility.getEmotionCss(props, colorNameCss);\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    <details\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Accordion","props","assignedProps","assignedClassNames","classNames","colorNameCss","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAQA,SAAwBA,EAAUC,GAAqC;AACrE,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;AAGrB,QAAMC,IAAqB,CAACC,EAAW,SAAY,GAE7CC,IAAqCJ,EAAM,YAC7C;AAAA,IACG,mCAAoC,wBAAwBA,EAAM,SAAS;AAAA,IAC3E,mCAAoC,wBAAwBA,EAAM,SAAS;AAAA,IAC3E,qCAAsC,wBAAwBA,EAAM,SAAS;AAAA,IAC7E,2CAA4C,wBAAwBA,EAAM,SAAS;AAAA,IACnF,2CAA4C,wBAAwBA,EAAM,SAAS;AAAA,IACnF,6CAA8C,wBAAwBA,EAAM,SAAS;AAAA,IACrF,2CAA4C,wBAAwBA,EAAM,SAAS;AAAA,IACnF,2CAA4C,wBAAwBA,EAAM,SAAS;AAAA,IACnF,6CAA8C,wBAAwBA,EAAM,SAAS;AAAA,IACrF,iDAAkD,wBAAwBA,EAAM,SAAS;AAAA,IACzF,mDAAoD,wBAAwBA,EAAM,SAAS;AAAA,IAC3F,iDAAkD,wBAAwBA,EAAM,SAAS;AAAA,IACzF,mDAAoD,wBAAwBA,EAAM,SAAS;AAAA,IAC3F,kDAAmD,wBAAwBA,EAAM,SAAS;AAAA,IAC1F,oDAAqD,wBAAwBA,EAAM,SAAS;AAAA,IAC5F,oDAAqD,wBAAwBA,EAAM,SAAS;AAAA,IAC5F,sDAAuD,wBAAwBA,EAAM,SAAS;AAAA,EAAA,IAEjG,QAEEK,IAAoBC,EAAiB,qBAAqBN,CAAK;AACrE,EAAIK,KACFH,EAAmB,KAAK,GAAGG,CAAiB,GAE1CL,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMO,IAAMC,EAAoB,cAAcR,GAAOI,CAAY;AAEjE,SAAOJ,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/Accordion/AccordionProps.d.ts

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

package/dist/components/Accordion/AccordionProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionProps.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,OAAO,WAAW,cACvB,SACE,iBAAiB,CACf,qBAAqB,CAAC,kBAAkB,CAAC,EACzC,kBAAkB,CACnB,EACD,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}
+{"version":3,"file":"AccordionProps.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,CAAC,OAAO,WAAW,cACvB,SACE,iBAAiB,CACf,qBAAqB,CAAC,kBAAkB,CAAC,EACzC,kBAAkB,CACnB,EACD,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;CAC3C"}

package/dist/components/AccordionDetails/AccordionDetails.js

@@ -3,9 +3,9 @@ import { jsx as l } from "@emotion/react/jsx-runtime";
 import o from "../../utilities/classNameUtility/classNameUtility.js";
 import c from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
 import '../../assets/Accordion.css';const n = {
-  "accordion-details": "_accordion-details_11457_180"
+  "accordion-details": "_accordion-details_o0qf7_246"
 };
-function g(s) {
+function f(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["accordion-details"]], i = o.getUtilityClassNames(s);
@@ -28,6 +28,6 @@ function g(s) {
   );
 }
 export {
-  g as default
+  f as default
 };
 //# sourceMappingURL=AccordionDetails.js.map

package/dist/components/AccordionSummary/AccordionSummary.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as m } from "@emotion/react/jsx-runtime";
-import l from "../../utilities/classNameUtility/classNameUtility.js";
-import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import o from "../../utilities/classNameUtility/classNameUtility.js";
+import l from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
 import '../../assets/Accordion.css';const c = {
-  "accordion-summary": "_accordion-summary_11457_100"
+  "accordion-summary": "_accordion-summary_o0qf7_164"
 };
 function u(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 = [c["accordion-summary"]], a = l.getUtilityClassNames(s);
+  const t = [c["accordion-summary"]], a = o.getUtilityClassNames(s);
   a && t.push(...a), s.className && t.push(s.className);
-  const i = o.getEmotionCss(s);
+  const i = l.getEmotionCss(s);
   return s.as ? /* @__PURE__ */ m(
     s.as,
     {

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.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,CAoD7D"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.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,CA0E7D"}

package/dist/components/Badge/Badge.js

@@ -1,54 +1,60 @@
 "use client";
-import { jsx as _ } from "@emotion/react/jsx-runtime";
+import { jsx as r } from "@emotion/react/jsx-runtime";
 import t from "../../utilities/classNameUtility/classNameUtility.js";
-import c from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Badge.css';const o = "_badge_1resr_1", l = {
-  badge: o,
-  "is-small": "_is-small_1resr_18",
-  "is-gray": "_is-gray_1resr_23",
-  "is-red": "_is-red_1resr_28",
-  "is-coral": "_is-coral_1resr_33",
-  "is-orange": "_is-orange_1resr_38",
-  "is-yellow": "_is-yellow_1resr_43",
-  "is-lime": "_is-lime_1resr_48",
-  "is-green": "_is-green_1resr_53",
-  "is-cyan": "_is-cyan_1resr_58",
-  "is-blue": "_is-blue_1resr_63",
-  "is-violet": "_is-violet_1resr_68",
-  "is-magenta": "_is-magenta_1resr_73",
-  "is-clickable": "_is-clickable_1resr_78",
-  "is-focus": "_is-focus_1resr_83",
-  "is-focused": "_is-focused_1resr_83",
-  "is-hovered": "_is-hovered_1resr_88",
-  "is-active": "_is-active_1resr_93",
-  "is-disabled": "_is-disabled_1resr_99",
-  "is-hover": "_is-hover_1resr_88"
+import s from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Badge.css';const m = "_badge_1h7k4_1", a = {
+  badge: m,
+  "is-small": "_is-small_1h7k4_63",
+  "is-clickable": "_is-clickable_1h7k4_68",
+  "is-focus": "_is-focus_1h7k4_73",
+  "is-focused": "_is-focused_1h7k4_73",
+  "is-hovered": "_is-hovered_1h7k4_78",
+  "is-active": "_is-active_1h7k4_83",
+  "is-disabled": "_is-disabled_1h7k4_89"
 };
-function g(s) {
-  const e = { ...s };
+function v(o) {
+  const e = { ...o };
   delete e.colorName, delete e.isSmall, delete e.isClickable, 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 = [l.badge];
-  s.colorName && i.push(l[`is-${s.colorName}`]), s.isSmall && i.push(l["is-small"]), s.isClickable && i.push(l["is-clickable"]);
-  const a = t.getUtilityClassNames(s);
-  a && i.push(...a), s.className && i.push(s.className);
-  const r = c.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ _(
-    s.as,
+  const l = [a.badge];
+  o.isSmall && l.push(a["is-small"]), o.isClickable && l.push(a["is-clickable"]);
+  const i = t.getUtilityClassNames(o);
+  i && l.push(...i), o.className && l.push(o.className);
+  const d = {
+    ...o.colorName ? {
+      "--minolith-badge-color-fore": `var(--minolith-color-${o.colorName}-badge-fore)`,
+      "--minolith-badge-color-back": `var(--minolith-color-${o.colorName}-badge-back)`,
+      "--minolith-badge-color-border": `var(--minolith-color-${o.colorName}-badge-border)`,
+      "--minolith-badge-color-focus-fore": `var(--minolith-color-${o.colorName}-badge-focus-fore)`,
+      "--minolith-badge-color-focus-back": `var(--minolith-color-${o.colorName}-badge-focus-back)`,
+      "--minolith-badge-color-focus-border": `var(--minolith-color-${o.colorName}-badge-focus-border)`,
+      "--minolith-badge-color-hover-fore": `var(--minolith-color-${o.colorName}-badge-hover-fore)`,
+      "--minolith-badge-color-hover-back": `var(--minolith-color-${o.colorName}-badge-hover-back)`,
+      "--minolith-badge-color-hover-border": `var(--minolith-color-${o.colorName}-badge-hover-border)`,
+      "--minolith-badge-color-active-fore": `var(--minolith-color-${o.colorName}-badge-active-fore)`,
+      "--minolith-badge-color-active-back": `var(--minolith-color-${o.colorName}-badge-active-back)`,
+      "--minolith-badge-color-active-border": `var(--minolith-color-${o.colorName}-badge-active-border)`,
+      "--minolith-badge-color-disabled-fore": `var(--minolith-color-${o.colorName}-badge-disabled-fore)`,
+      "--minolith-badge-color-disabled-back": `var(--minolith-color-${o.colorName}-badge-disabled-back)`,
+      "--minolith-badge-color-disabled-border": `var(--minolith-color-${o.colorName}-badge-disabled-border)`
+    } : void 0
+  }, c = s.getEmotionCss(o, d);
+  return o.as ? /* @__PURE__ */ r(
+    o.as,
     {
       ...e,
-      className: i.join(" "),
-      css: r
+      className: l.join(" "),
+      css: c
     }
-  ) : /* @__PURE__ */ _(
+  ) : /* @__PURE__ */ r(
     "span",
     {
       ...e,
-      className: i.join(" "),
-      css: r
+      className: l.join(" "),
+      css: c
     }
   );
 }
 export {
-  g as default
+  v as default
 };
 //# sourceMappingURL=Badge.js.map

package/dist/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.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 \"./Badge.module.scss\";\r\nimport BadgeProps from \"./BadgeProps\";\r\n\r\nexport default function Badge(props: BadgeProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isSmall\"];\r\n  delete assignedProps[\"isClickable\"];\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[\"badge\"]];\r\n\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  if (props.isSmall) {\r\n    assignedClassNames.push(classNames[`is-small`]);\r\n  }\r\n\r\n  if (props.isClickable) {\r\n    assignedClassNames.push(classNames[`is-clickable`]);\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    <span\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Badge","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAwBA,EAAMC,GAAiC;AAC7D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,aAErB,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;AAE/C,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAGzDA,EAAM,WACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC,GAG5CH,EAAM,eACRE,EAAmB,KAAKC,EAAW,cAAc,CAAC;AAGpD,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":"Badge.js","sources":["../../../src/components/Badge/Badge.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 \"./Badge.module.scss\";\r\nimport BadgeProps from \"./BadgeProps\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Badge(props: BadgeProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isSmall\"];\r\n  delete assignedProps[\"isClickable\"];\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[\"badge\"]];\r\n\r\n  if (props.isSmall) {\r\n    assignedClassNames.push(classNames[`is-small`]);\r\n  }\r\n\r\n  if (props.isClickable) {\r\n    assignedClassNames.push(classNames[`is-clickable`]);\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\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-badge-color-fore\"]: `var(--minolith-color-${props.colorName}-badge-fore)`,\r\n        [\"--minolith-badge-color-back\"]: `var(--minolith-color-${props.colorName}-badge-back)`,\r\n        [\"--minolith-badge-color-border\"]: `var(--minolith-color-${props.colorName}-badge-border)`,\r\n        [\"--minolith-badge-color-focus-fore\"]: `var(--minolith-color-${props.colorName}-badge-focus-fore)`,\r\n        [\"--minolith-badge-color-focus-back\"]: `var(--minolith-color-${props.colorName}-badge-focus-back)`,\r\n        [\"--minolith-badge-color-focus-border\"]: `var(--minolith-color-${props.colorName}-badge-focus-border)`,\r\n        [\"--minolith-badge-color-hover-fore\"]: `var(--minolith-color-${props.colorName}-badge-hover-fore)`,\r\n        [\"--minolith-badge-color-hover-back\"]: `var(--minolith-color-${props.colorName}-badge-hover-back)`,\r\n        [\"--minolith-badge-color-hover-border\"]: `var(--minolith-color-${props.colorName}-badge-hover-border)`,\r\n        [\"--minolith-badge-color-active-fore\"]: `var(--minolith-color-${props.colorName}-badge-active-fore)`,\r\n        [\"--minolith-badge-color-active-back\"]: `var(--minolith-color-${props.colorName}-badge-active-back)`,\r\n        [\"--minolith-badge-color-active-border\"]: `var(--minolith-color-${props.colorName}-badge-active-border)`,\r\n        [\"--minolith-badge-color-disabled-fore\"]: `var(--minolith-color-${props.colorName}-badge-disabled-fore)`,\r\n        [\"--minolith-badge-color-disabled-back\"]: `var(--minolith-color-${props.colorName}-badge-disabled-back)`,\r\n        [\"--minolith-badge-color-disabled-border\"]: `var(--minolith-color-${props.colorName}-badge-disabled-border)`,\r\n      }\r\n    : undefined;\r\n\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    <span\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Badge","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;AAQA,SAAwBA,EAAMC,GAAiC;AAC7D,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,aAErB,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;AAE/C,EAAIH,EAAM,WACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC,GAG5CH,EAAM,eACRE,EAAmB,KAAKC,EAAW,cAAc,CAAC;AAGpD,QAAMC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAwBzC,QAAMM,IAAc;AAAA,IAClB,GAtByCN,EAAM,YAC7C;AAAA,MACG,+BAAgC,wBAAwBA,EAAM,SAAS;AAAA,MACvE,+BAAgC,wBAAwBA,EAAM,SAAS;AAAA,MACvE,iCAAkC,wBAAwBA,EAAM,SAAS;AAAA,MACzE,qCAAsC,wBAAwBA,EAAM,SAAS;AAAA,MAC7E,qCAAsC,wBAAwBA,EAAM,SAAS;AAAA,MAC7E,uCAAwC,wBAAwBA,EAAM,SAAS;AAAA,MAC/E,qCAAsC,wBAAwBA,EAAM,SAAS;AAAA,MAC7E,qCAAsC,wBAAwBA,EAAM,SAAS;AAAA,MAC7E,uCAAwC,wBAAwBA,EAAM,SAAS;AAAA,MAC/E,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA,MAC9E,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA,MAC9E,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,MAChF,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,MAChF,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,MAChF,0CAA2C,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAErF;AAAA,EAIC,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/Badge/BadgeProps.d.ts

@@ -1,8 +1,8 @@
 import { DetailedHTMLProps, HTMLAttributes } from 'react';
 import { BaseComponentProps } from '../../models';
-import { ColorName } from '../../types';
+import { ColorName, SemanticColorName } from '../../types';
 export default interface BadgeProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, BaseComponentProps {
-    colorName?: ColorName;
+    colorName?: ColorName | SemanticColorName;
     isSmall?: boolean;
     isClickable?: boolean;
 }

package/dist/components/Badge/BadgeProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeProps.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/BadgeProps.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,UACvB,SACE,iBAAiB,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,EAC3D,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}
+{"version":3,"file":"BadgeProps.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/BadgeProps.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,UACvB,SACE,iBAAiB,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,EAC3D,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.d.ts","sourceRoot":"","sources":["../../../src/components/Blockquote/Blockquote.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CAkEvE"}
+{"version":3,"file":"Blockquote.d.ts","sourceRoot":"","sources":["../../../src/components/Blockquote/Blockquote.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CA2EvE"}

package/dist/components/Blockquote/Blockquote.js

@@ -1,52 +1,58 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
+import { jsx as a } from "@emotion/react/jsx-runtime";
 import _ from "../../utilities/classNameUtility/classNameUtility.js";
-import c from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Blockquote.css';const f = "_check_o3q1f_1", u = "_chevron_o3q1f_47", n = "_blockquote_o3q1f_88", t = {
-  check: f,
-  "is-gray": "_is-gray_o3q1f_13",
-  "is-red": "_is-red_o3q1f_16",
-  "is-coral": "_is-coral_o3q1f_19",
-  "is-orange": "_is-orange_o3q1f_22",
-  "is-yellow": "_is-yellow_o3q1f_25",
-  "is-lime": "_is-lime_o3q1f_28",
-  "is-green": "_is-green_o3q1f_31",
-  "is-cyan": "_is-cyan_o3q1f_34",
-  "is-blue": "_is-blue_o3q1f_37",
-  "is-violet": "_is-violet_o3q1f_40",
-  "is-magenta": "_is-magenta_o3q1f_43",
+import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Blockquote.css';const r = "_check_2xpxi_1", u = "_chevron_2xpxi_47", x = "_blockquote_2xpxi_88", t = {
+  check: r,
+  "is-gray": "_is-gray_2xpxi_13",
+  "is-red": "_is-red_2xpxi_16",
+  "is-coral": "_is-coral_2xpxi_19",
+  "is-orange": "_is-orange_2xpxi_22",
+  "is-yellow": "_is-yellow_2xpxi_25",
+  "is-lime": "_is-lime_2xpxi_28",
+  "is-green": "_is-green_2xpxi_31",
+  "is-cyan": "_is-cyan_2xpxi_34",
+  "is-blue": "_is-blue_2xpxi_37",
+  "is-violet": "_is-violet_2xpxi_40",
+  "is-magenta": "_is-magenta_2xpxi_43",
   chevron: u,
-  blockquote: n,
-  "is-italic": "_is-italic_o3q1f_109",
-  "has-quote": "_has-quote_o3q1f_112",
-  "has-quote-before": "_has-quote-before_o3q1f_112",
-  "has-quote-after": "_has-quote-after_o3q1f_129"
+  blockquote: x,
+  "is-italic": "_is-italic_2xpxi_130",
+  "has-quote": "_has-quote_2xpxi_133",
+  "has-quote-before": "_has-quote-before_2xpxi_133",
+  "has-quote-after": "_has-quote-after_2xpxi_150"
 };
-function r(e) {
-  const s = { ...e };
-  delete s.colorName, delete s.isItalic, delete s.hasQuote, 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 o = [t.blockquote];
-  e.colorName && o.push(t[`is-${e.colorName}`]), e.isItalic && o.push(t["is-italic"]), e.hasQuote && (typeof e.hasQuote == "boolean" ? e.hasQuote && o.push(t["has-quote"]) : (e.hasQuote.before && o.push(t["has-quote-before"]), e.hasQuote.after && o.push(t["has-quote-after"])));
-  const i = _.getUtilityClassNames(e);
-  i && o.push(...i), e.className && o.push(e.className);
-  const a = c.getEmotionCss(e);
-  return e.as ? /* @__PURE__ */ l(
+function d(e) {
+  const o = { ...e };
+  delete o.colorName, delete o.isItalic, delete o.hasQuote, 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 i = [t.blockquote];
+  e.isItalic && i.push(t["is-italic"]), e.hasQuote && (typeof e.hasQuote == "boolean" ? e.hasQuote && i.push(t["has-quote"]) : (e.hasQuote.before && i.push(t["has-quote-before"]), e.hasQuote.after && i.push(t["has-quote-after"])));
+  const s = _.getUtilityClassNames(e);
+  s && i.push(...s), e.className && i.push(e.className);
+  const c = {
+    ...e.colorName ? {
+      "--minolith-blockquote-color-fore": `var(--minolith-color-${e.colorName}-blockquote-fore)`,
+      "--minolith-blockquote-color-back": `var(--minolith-color-${e.colorName}-blockquote-back)`,
+      "--minolith-blockquote-color-border": `var(--minolith-color-${e.colorName}-blockquote-border)`
+    } : void 0
+  }, l = n.getEmotionCss(e, c);
+  return e.as ? /* @__PURE__ */ a(
     e.as,
     {
-      ...s,
-      className: o.join(" "),
-      css: a
+      ...o,
+      className: i.join(" "),
+      css: l
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ a(
     "blockquote",
     {
-      ...s,
-      className: o.join(" "),
-      css: a
+      ...o,
+      className: i.join(" "),
+      css: l
     }
   );
 }
 export {
-  r as default
+  d as default
 };
 //# sourceMappingURL=Blockquote.js.map

package/dist/components/Blockquote/Blockquote.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.js","sources":["../../../src/components/Blockquote/Blockquote.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 \"./Blockquote.module.scss\";\r\nimport BlockquoteProps from \"./BlockquoteProps\";\r\n\r\nexport default function Blockquote(props: BlockquoteProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isItalic\"];\r\n  delete assignedProps[\"hasQuote\"];\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[\"blockquote\"]];\r\n\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  if (props.isItalic) {\r\n    assignedClassNames.push(classNames[`is-italic`]);\r\n  }\r\n\r\n  if (props.hasQuote) {\r\n    if (typeof props.hasQuote === \"boolean\") {\r\n      if (props.hasQuote) {\r\n        assignedClassNames.push(classNames[`has-quote`]);\r\n      }\r\n    } else {\r\n      if (props.hasQuote.before) {\r\n        assignedClassNames.push(classNames[`has-quote-before`]);\r\n      }\r\n\r\n      if (props.hasQuote.after) {\r\n        assignedClassNames.push(classNames[`has-quote-after`]);\r\n      }\r\n    }\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    <blockquote\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Blockquote","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAwBA,EAAWC,GAAsC;AACvE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,UACrB,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,UAAa;AAE9D,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAGzDA,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAG7CH,EAAM,aACJ,OAAOA,EAAM,YAAa,YACxBA,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,KAG7CH,EAAM,SAAS,UACjBE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,SAAS,SACjBE,EAAmB,KAAKC,EAAW,iBAAiB,CAAC;AAK3D,QAAMC,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":"Blockquote.js","sources":["../../../src/components/Blockquote/Blockquote.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 \"./Blockquote.module.scss\";\r\nimport BlockquoteProps from \"./BlockquoteProps\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Blockquote(props: BlockquoteProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  delete assignedProps[\"isItalic\"];\r\n  delete assignedProps[\"hasQuote\"];\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[\"blockquote\"]];\r\n\r\n  if (props.isItalic) {\r\n    assignedClassNames.push(classNames[`is-italic`]);\r\n  }\r\n\r\n  if (props.hasQuote) {\r\n    if (typeof props.hasQuote === \"boolean\") {\r\n      if (props.hasQuote) {\r\n        assignedClassNames.push(classNames[`has-quote`]);\r\n      }\r\n    } else {\r\n      if (props.hasQuote.before) {\r\n        assignedClassNames.push(classNames[`has-quote-before`]);\r\n      }\r\n\r\n      if (props.hasQuote.after) {\r\n        assignedClassNames.push(classNames[`has-quote-after`]);\r\n      }\r\n    }\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-blockquote-color-fore\"]: `var(--minolith-color-${props.colorName}-blockquote-fore)`,\r\n        [\"--minolith-blockquote-color-back\"]: `var(--minolith-color-${props.colorName}-blockquote-back)`,\r\n        [\"--minolith-blockquote-color-border\"]: `var(--minolith-color-${props.colorName}-blockquote-border)`,\r\n      }\r\n    : undefined;\r\n\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    <blockquote\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Blockquote","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAWC,GAAsC;AACvE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,UACrB,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,UAAa;AAE9D,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,GAG7CH,EAAM,aACJ,OAAOA,EAAM,YAAa,YACxBA,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC,KAG7CH,EAAM,SAAS,UACjBE,EAAmB,KAAKC,EAAW,kBAAkB,CAAC,GAGpDH,EAAM,SAAS,SACjBE,EAAmB,KAAKC,EAAW,iBAAiB,CAAC;AAK3D,QAAMC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAG1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAYzC,QAAMM,IAAc;AAAA,IAClB,GAVyCN,EAAM,YAC7C;AAAA,MACG,oCAAqC,wBAAwBA,EAAM,SAAS;AAAA,MAC5E,oCAAqC,wBAAwBA,EAAM,SAAS;AAAA,MAC5E,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAEjF;AAAA,EAIC,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/Blockquote/BlockquoteProps.d.ts

@@ -1,8 +1,8 @@
 import { DetailedHTMLProps, HTMLAttributes } from 'react';
 import { BaseComponentProps } from '../../models';
-import { ColorName } from '../../types';
+import { ColorName, SemanticColorName } from '../../types';
 export default interface BlockquoteProps extends DetailedHTMLProps<HTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, BaseComponentProps {
-    colorName?: ColorName;
+    colorName?: ColorName | SemanticColorName;
     isItalic?: boolean;
     hasQuote?: boolean | {
         before?: boolean;

package/dist/components/Blockquote/BlockquoteProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockquoteProps.d.ts","sourceRoot":"","sources":["../../../src/components/Blockquote/BlockquoteProps.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,eACvB,SACE,iBAAiB,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EACrE,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EACL,OAAO,GACP;QACE,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB,CAAC;CACP"}
+{"version":3,"file":"BlockquoteProps.d.ts","sourceRoot":"","sources":["../../../src/components/Blockquote/BlockquoteProps.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,eACvB,SACE,iBAAiB,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EACrE,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EACL,OAAO,GACP;QACE,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB,CAAC;CACP"}

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -2,7 +2,7 @@
 import { jsx as l } from "@emotion/react/jsx-runtime";
 import c from "../../utilities/classNameUtility/classNameUtility.js";
 import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Breadcrumb.css';const n = "_breadcrumb_1v1g0_1", o = {
+import '../../assets/Breadcrumb.css';const n = "_breadcrumb_4qscy_1", o = {
   breadcrumb: n
 };
 function b(s) {

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAGlD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAwCzE"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAIlD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAiDzE"}

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,41 +1,33 @@
 "use client";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import r from "../../utilities/classNameUtility/classNameUtility.js";
-import c from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Breadcrumb.css';const m = "_breadcrumbs_1v1g0_1", o = "_breadcrumb_1v1g0_1", _ = {
-  breadcrumbs: m,
-  breadcrumb: o,
-  "is-gray": "_is-gray_1v1g0_25",
-  "is-red": "_is-red_1v1g0_31",
-  "is-coral": "_is-coral_1v1g0_37",
-  "is-orange": "_is-orange_1v1g0_43",
-  "is-yellow": "_is-yellow_1v1g0_49",
-  "is-lime": "_is-lime_1v1g0_55",
-  "is-green": "_is-green_1v1g0_61",
-  "is-cyan": "_is-cyan_1v1g0_67",
-  "is-blue": "_is-blue_1v1g0_73",
-  "is-violet": "_is-violet_1v1g0_79",
-  "is-magenta": "_is-magenta_1v1g0_85",
-  "breadcrumbs-nav": "_breadcrumbs-nav_1v1g0_92"
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import i from "../../utilities/classNameUtility/classNameUtility.js";
+import t from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Breadcrumb.css';const m = "_breadcrumbs_4qscy_1", n = {
+  breadcrumbs: m
 };
-function b(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 = [_.breadcrumbs];
-  s.colorName && i.push(_[`is-${s.colorName}`]);
-  const a = r.getUtilityClassNames(s);
-  a && i.push(...a), s.className && i.push(s.className);
-  const t = c.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ l(
-    s.as,
+function f(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 l = [n.breadcrumbs], r = i.getUtilityClassNames(e);
+  r && l.push(...r), e.className && l.push(e.className);
+  const a = {
+    ...e.colorName ? {
+      "--minolith-breadcrumb-color-fore": `var(--minolith-color-${e.colorName}-breadcrumb-fore)`,
+      "--minolith-breadcrumb-color-selection-fore": `var(--minolith-color-${e.colorName}-breadcrumb-selection-fore)`,
+      "--minolith-breadcrumb-color-selection-back": `var(--minolith-color-${e.colorName}-breadcrumb-selection-back)`,
+      "--minolith-breadcrumb-divider-color-fore": `var(--minolith-color-${e.colorName}-breadcrumb-divider-fore)`
+    } : void 0
+  }, s = t.getEmotionCss(e, a);
+  return e.as ? /* @__PURE__ */ c(
+    e.as,
     {
-      ...e,
-      className: i.join(" "),
-      css: t
+      ...o,
+      className: l.join(" "),
+      css: s
     }
-  ) : /* @__PURE__ */ l("ul", { ...e, className: i.join(" "), css: t });
+  ) : /* @__PURE__ */ c("ul", { ...o, className: l.join(" "), css: s });
 }
 export {
-  b as default
+  f as default
 };
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport BreadcrumbsProps from \"./BreadcrumbsProps\";\r\nimport classNames from \"./Breadcrumbs.module.scss\";\r\n\r\nexport default function Breadcrumbs(props: BreadcrumbsProps): 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[\"breadcrumbs\"]];\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    <ul {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Breadcrumbs","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOA,SAAwBA,EAAYC,GAAuC;AACzE,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,WAAc;AAE/D,EAAIH,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,EAAC,MAAA,EAAI,GAAGP,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAI,GAAU;AAE9E;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport BreadcrumbsProps from \"./BreadcrumbsProps\";\r\nimport classNames from \"./Breadcrumbs.module.scss\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Breadcrumbs(props: BreadcrumbsProps): 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[\"breadcrumbs\"]];\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-breadcrumb-color-fore\"]: `var(--minolith-color-${props.colorName}-breadcrumb-fore)`,\r\n        [\"--minolith-breadcrumb-color-selection-fore\"]: `var(--minolith-color-${props.colorName}-breadcrumb-selection-fore)`,\r\n        [\"--minolith-breadcrumb-color-selection-back\"]: `var(--minolith-color-${props.colorName}-breadcrumb-selection-back)`,\r\n        [\"--minolith-breadcrumb-divider-color-fore\"]: `var(--minolith-color-${props.colorName}-breadcrumb-divider-fore)`,\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    <ul {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n  );\r\n}\r\n"],"names":["Breadcrumbs","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAQA,SAAwBA,EAAYC,GAAuC;AACzE,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,WAAc,GAEzDC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAG1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAYzC,QAAMM,IAAc;AAAA,IAClB,GAVyCN,EAAM,YAC7C;AAAA,MACG,oCAAqC,wBAAwBA,EAAM,SAAS;AAAA,MAC5E,8CAA+C,wBAAwBA,EAAM,SAAS;AAAA,MACtF,8CAA+C,wBAAwBA,EAAM,SAAS;AAAA,MACtF,4CAA6C,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAEvF;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,EAAC,MAAA,EAAI,GAAGR,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAK,GAAU;AAE9E;"}

package/dist/components/Breadcrumbs/BreadcrumbsProps.d.ts

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

package/dist/components/Breadcrumbs/BreadcrumbsProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsProps.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,CAAC,OAAO,WAAW,gBACvB,SACE,iBAAiB,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EACrE,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}
+{"version":3,"file":"BreadcrumbsProps.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,CAAC,OAAO,WAAW,gBACvB,SACE,iBAAiB,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EACrE,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;CAC3C"}