react-minolith 1.2.2 → 1.4.0

package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js

@@ -1,4 +1,4 @@
-const d = "minolith-", o = [
+const d = "minolith-", c = [
   "gray",
   "red",
   "coral",
@@ -11,470 +11,451 @@ const d = "minolith-", o = [
   "violet",
   "magenta"
 ];
-function h(a, e, i, s) {
+function n(s, a, i, e) {
   const f = [];
-  return e && (e.fore && f.push(
-    `--${d}color-${a}${i ? `-${i}` : ""}${s ? `-${s}` : ""}-fore: ${e.fore.startsWith("--") ? `var(${e.fore});` : `${e.fore};`}`
-  ), e.back && f.push(
-    `--${d}color-${a}${i ? `-${i}` : ""}${s ? `-${s}` : ""}-back: ${e.back.startsWith("--") ? `var(${e.back});` : `${e.back};`}`
-  ), e.border && f.push(
-    `--${d}color-${a}${i ? `-${i}` : ""}${s ? `-${s}` : ""}-border: ${e.border.startsWith("--") ? `var(${e.border});` : `${e.border};`}`
-  ), e.shadow && f.push(
-    `--${d}color-${a}${i ? `-${i}` : ""}${s ? `-${s}` : ""}-shadow: ${e.shadow.startsWith("--") ? `var(${e.shadow});` : `${e.shadow};`}`
-  ), e.placeholder && f.push(
-    `--${d}color-${a}${i ? `-${i}` : ""}${s ? `-${s}` : ""}-placeholder: ${e.placeholder.startsWith("--") ? `var(${e.placeholder});` : `${e.placeholder};`}`
-  )), f;
+  if (a) {
+    const t = (l, $) => {
+      if (l) {
+        const y = `--${d}color-${s}${i ? `-${i}` : ""}${e ? `-${e}` : ""}-${$}`;
+        let h = "";
+        if (typeof l.light == "string")
+          h = `${l.light.startsWith("--") ? `var(${l.light})` : `${l.light}`}`;
+        else {
+          const o = `var(--${d}color-${l.light.name}-${l.light.lightness === 5 ? "05" : l.light.lightness})`;
+          l.light.alpha ? h = `oklch(from ${o} l c h / ${l.light.alpha})` : h = o;
+        }
+        let u = "";
+        if (typeof l.dark == "string")
+          u = `${l.dark.startsWith("--") ? `var(${l.dark})` : `${l.dark}`}`;
+        else {
+          const o = `var(--${d}color-${l.dark.name}-${l.dark.lightness === 5 ? "05" : l.dark.lightness})`;
+          l.dark.alpha ? u = `oklch(from ${o} l c h / ${l.dark.alpha})` : u = o;
+        }
+        f.push(`${y}: light-dark(${h}, ${u});`);
+      }
+    };
+    t(a.fore, "fore"), t(a.back, "back"), t(a.border, "border"), t(a.shadow, "shadow"), t(a.placeholder, "placeholder");
+  }
+  return f;
 }
-function r(a, e, i) {
-  const s = [];
-  if (e.default) {
-    const f = h(
-      a,
-      e.default,
+function g(s, a, i) {
+  const e = [];
+  if (a.default) {
+    const f = n(
+      s,
+      a.default,
       void 0,
       i
     );
-    f.length > 0 && s.push(...f);
+    f.length > 0 && e.push(...f);
   }
-  if (e.hover) {
-    const f = h(
-      a,
-      e.hover,
+  if (a.hover) {
+    const f = n(
+      s,
+      a.hover,
       "hover",
       i
     );
-    f.length > 0 && s.push(...f);
+    f.length > 0 && e.push(...f);
   }
-  if (e.focus) {
-    const f = h(
-      a,
-      e.focus,
+  if (a.focus) {
+    const f = n(
+      s,
+      a.focus,
       "focus",
       i
     );
-    f.length > 0 && s.push(...f);
+    f.length > 0 && e.push(...f);
   }
-  if (e.active) {
-    const f = h(
-      a,
-      e.active,
+  if (a.active) {
+    const f = n(
+      s,
+      a.active,
       "active",
       i
     );
-    f.length > 0 && s.push(...f);
+    f.length > 0 && e.push(...f);
   }
-  if (e.disabled) {
-    const f = h(
-      a,
-      e.disabled,
+  if (a.disabled) {
+    const f = n(
+      s,
+      a.disabled,
       "disabled",
       i
     );
-    f.length > 0 && s.push(...f);
+    f.length > 0 && e.push(...f);
   }
-  return s;
+  return e;
 }
-function l(a, e) {
+function r(s, a) {
   const i = [];
-  if (a.default) {
-    const s = r(
+  if (s.default) {
+    const e = g(
       "default",
-      a.default,
-      e
+      s.default,
+      a
     );
-    s.length > 0 && i.push(...s);
+    e.length > 0 && i.push(...e);
   }
-  for (const s of o)
-    if (a[s]) {
-      const f = r(
-        s,
-        a[s],
-        e
+  for (const e of c)
+    if (s[e]) {
+      const f = g(
+        e,
+        s[e],
+        a
       );
       f.length > 0 && i.push(...f);
     }
   return i;
 }
-function g(a) {
-  const e = [];
-  if (a.badge) {
-    const i = l(
-      a.badge,
+function x(s) {
+  const a = [];
+  if (s.badge) {
+    const i = r(
+      s.badge,
       "badge"
     );
-    i.length > 0 && e.push(...i);
+    i.length > 0 && a.push(...i);
   }
-  if (a.accordion) {
-    const i = l(
-      a.accordion,
+  if (s.accordion) {
+    const i = r(
+      s.accordion,
       "accordion"
     );
-    if (i.length > 0 && e.push(...i), a.accordion.accordionSummary) {
-      const s = l(
-        a.accordion.accordionSummary,
+    if (i.length > 0 && a.push(...i), s.accordion.accordionSummary) {
+      const e = r(
+        s.accordion.accordionSummary,
         "accordion-summary"
       );
-      s.length > 0 && e.push(...s);
+      e.length > 0 && a.push(...e);
     }
-    if (a.accordion.accordionDetails) {
-      const s = l(
-        a.accordion.accordionDetails,
+    if (s.accordion.accordionDetails) {
+      const e = r(
+        s.accordion.accordionDetails,
         "accordion-details"
       );
-      s.length > 0 && e.push(...s);
+      e.length > 0 && a.push(...e);
     }
   }
-  if (a.button) {
-    const i = l(
-      a.button,
+  if (s.button) {
+    const i = r(
+      s.button,
       "button"
     );
-    i.length > 0 && e.push(...i);
+    i.length > 0 && a.push(...i);
   }
-  if (a.card) {
-    const i = l(a.card, "card");
-    if (i.length > 0 && e.push(...i), a.card.cardHeader) {
-      const s = l(
-        a.card.cardHeader,
+  if (s.card) {
+    const i = r(s.card, "card");
+    if (i.length > 0 && a.push(...i), s.card.cardHeader) {
+      const e = r(
+        s.card.cardHeader,
         "card-header"
       );
-      s.length > 0 && e.push(...s);
+      e.length > 0 && a.push(...e);
     }
-    if (a.card.cardBody) {
-      const s = l(
-        a.card.cardBody,
+    if (s.card.cardBody) {
+      const e = r(
+        s.card.cardBody,
         "card-body"
       );
-      s.length > 0 && e.push(...s);
+      e.length > 0 && a.push(...e);
     }
-    if (a.card.cardFooter) {
-      const s = l(
-        a.card.cardFooter,
+    if (s.card.cardFooter) {
+      const e = r(
+        s.card.cardFooter,
         "card-footer"
       );
-      s.length > 0 && e.push(...s);
+      e.length > 0 && a.push(...e);
     }
   }
-  if (a.dialogue) {
-    const i = l(
-      a.dialogue,
+  if (s.dialogue) {
+    const i = r(
+      s.dialogue,
       "dialogue"
     );
-    if (i.length > 0 && e.push(...i), a.dialogue.dialogueAvatar) {
-      const s = l(
-        a.dialogue.dialogueAvatar,
+    if (i.length > 0 && a.push(...i), s.dialogue.dialogueAvatar) {
+      const e = r(
+        s.dialogue.dialogueAvatar,
         "dialogue-avatar"
       );
-      s.length > 0 && e.push(...s);
+      e.length > 0 && a.push(...e);
     }
-    if (a.dialogue.dialogueName) {
-      const s = l(
-        a.dialogue.dialogueName,
+    if (s.dialogue.dialogueName) {
+      const e = r(
+        s.dialogue.dialogueName,
         "dialogue-name"
       );
-      s.length > 0 && e.push(...s);
+      e.length > 0 && a.push(...e);
     }
-    if (a.dialogue.dialogueMessage) {
-      const s = l(
-        a.dialogue.dialogueMessage,
+    if (s.dialogue.dialogueMessage) {
+      const e = r(
+        s.dialogue.dialogueMessage,
         "dialogue-message"
       );
-      s.length > 0 && e.push(...s);
+      e.length > 0 && a.push(...e);
     }
   }
-  if (a.header) {
-    const i = l(
-      a.header,
+  if (s.header) {
+    const i = r(
+      s.header,
       "header"
     );
-    i.length > 0 && e.push(...i);
+    i.length > 0 && a.push(...i);
   }
-  if (a.label) {
-    const i = l(
-      a.label,
+  if (s.label) {
+    const i = r(
+      s.label,
       "label"
     );
-    i.length > 0 && e.push(...i);
+    i.length > 0 && a.push(...i);
   }
-  if (a.link) {
-    const i = l(a.link, "link");
-    i.length > 0 && e.push(...i);
+  if (s.link) {
+    const i = r(s.link, "link");
+    i.length > 0 && a.push(...i);
   }
-  if (a.loader) {
-    const i = l(
-      a.loader,
+  if (s.loader) {
+    const i = r(
+      s.loader,
       "loader"
     );
-    i.length > 0 && e.push(...i);
+    i.length > 0 && a.push(...i);
   }
-  if (a.message) {
-    const i = l(
-      a.message,
+  if (s.message) {
+    const i = r(
+      s.message,
       "message"
     );
-    if (i.length > 0 && e.push(...i), a.message.messageHeader) {
-      const s = l(
-        a.message.messageHeader,
+    if (i.length > 0 && a.push(...i), s.message.messageHeader) {
+      const e = r(
+        s.message.messageHeader,
         "message-header"
       );
-      s.length > 0 && e.push(...s);
+      e.length > 0 && a.push(...e);
     }
-    if (a.message.messageBody) {
-      const s = l(
-        a.message.messageBody,
+    if (s.message.messageBody) {
+      const e = r(
+        s.message.messageBody,
         "message-body"
       );
-      s.length > 0 && e.push(...s);
+      e.length > 0 && a.push(...e);
     }
   }
-  if (a.progress) {
-    const i = l(
-      a.progress,
+  if (s.progress) {
+    const i = r(
+      s.progress,
       "progress"
     );
-    i.length > 0 && e.push(...i);
+    i.length > 0 && a.push(...i);
   }
-  return e;
+  return a;
 }
-function c(a) {
-  const e = [], i = $(a), s = y(a), f = p(a);
-  return i.length > 0 && e.push(`:root{${i.join("")}}`), s.length > 0 && e.push(`:root{${s.join("")}}`), s.length > 0 && e.push(
-    `[data-color-scheme="light"]{${s.join("")}}`
-  ), f.length > 0 && e.push(
-    `[data-color-scheme="dark"]{${f.join("")}}`
-  ), e;
+function b(s) {
+  const a = [], i = p(s);
+  return i.length > 0 && a.push(`:root{${i.join("")}}`), a;
 }
-function $(a) {
-  const e = [];
-  if (a) {
-    if (a.animation) {
-      const i = a.animation;
-      i.speedHeavey && e.push(
+function p(s) {
+  const a = [];
+  if (s) {
+    if (s.animation) {
+      const i = s.animation;
+      i.speedHeavey && a.push(
         `--${d}animation-speed-heavy: ${i.speedHeavey};`
-      ), i.speedSlower && e.push(
+      ), i.speedSlower && a.push(
         `--${d}animation-speed-slower: ${i.speedSlower};`
-      ), i.speedSlow && e.push(
+      ), i.speedSlow && a.push(
         `--${d}animation-speed-slow: ${i.speedSlow};`
-      ), i.speedNormal && e.push(
+      ), i.speedNormal && a.push(
         `--${d}animation-speed-normal: ${i.speedNormal};`
-      ), i.speedfFast && e.push(
+      ), i.speedfFast && a.push(
         `--${d}animation-speed-fast: ${i.speedfFast};`
-      ), i.speedfFaster && e.push(
+      ), i.speedfFaster && a.push(
         `--${d}animation-speed-faster: ${i.speedfFaster};`
-      ), i.speedfFlash && e.push(
+      ), i.speedfFlash && a.push(
         `--${d}animation-speed-flash: ${i.speedfFlash};`
       );
     }
-    if (a.border) {
-      const i = a.border;
-      i.borderWidthXThin && e.push(
+    if (s.border) {
+      const i = s.border;
+      i.borderWidthXThin && a.push(
         `--${d}border-width-xthin: ${i.borderWidthXThin};`
-      ), i.borderWidthThin && e.push(
+      ), i.borderWidthThin && a.push(
         `--${d}border-width-thin: ${i.borderWidthThin};`
-      ), i.borderWidthMedium && e.push(
+      ), i.borderWidthMedium && a.push(
         `--${d}border-width-medium: ${i.borderWidthMedium};`
-      ), i.borderWidthThick && e.push(
+      ), i.borderWidthThick && a.push(
         `--${d}border-width-thick: ${i.borderWidthThick};`
-      ), i.borderWidthXThick && e.push(
+      ), i.borderWidthXThick && a.push(
         `--${d}border-width-xthick: ${i.borderWidthXThick};`
-      ), i.borderRadiusSmall && e.push(
+      ), i.borderRadiusSmall && a.push(
         `--${d}border-radius-small: ${i.borderRadiusSmall};`
-      ), i.borderRadiusMedium && e.push(
+      ), i.borderRadiusMedium && a.push(
         `--${d}border-radius-medium: ${i.borderRadiusMedium};`
-      ), i.borderRadiusLarge && e.push(
+      ), i.borderRadiusLarge && a.push(
         `--${d}border-radius-large: ${i.borderRadiusLarge};`
       );
     }
-    if (a.color) {
-      const i = a.color, s = (f, t, u) => {
-        if (u) {
-          const n = `${u.lightness}% ${u.chroma} ${u.hue}`;
-          e.push(
-            `--${d}color-${f}-${t}-oklch: ${n};`
-          ), e.push(
-            `--${d}color-${f}-${t}: oklch(${n});`
+    if (s.color) {
+      const i = s.color, e = (f, t, l) => {
+        if (l) {
+          const $ = `${l.lightness}% ${l.chroma} ${l.hue}`;
+          a.push(
+            `--${d}color-${f}-${t}: oklch(${$});`
           );
         }
       };
-      for (const f of o)
+      for (const f of c)
         if (i[f]) {
           const t = i[f];
-          s(f, "95", t[95]), s(f, "90", t[90]), s(f, "85", t[85]), s(f, "80", t[80]), s(f, "75", t[75]), s(f, "70", t[70]), s(f, "65", t[65]), s(f, "60", t[60]), s(f, "55", t[55]), s(f, "50", t[50]), s(f, "45", t[45]), s(f, "40", t[40]), s(f, "35", t[35]), s(f, "30", t[30]), s(f, "25", t[25]), s(f, "20", t[20]), s(f, "15", t[15]), s(f, "10", t[10]), s(f, "05", t[5]);
+          e(f, "95", t[95]), e(f, "90", t[90]), e(f, "85", t[85]), e(f, "80", t[80]), e(f, "75", t[75]), e(f, "70", t[70]), e(f, "65", t[65]), e(f, "60", t[60]), e(f, "55", t[55]), e(f, "50", t[50]), e(f, "45", t[45]), e(f, "40", t[40]), e(f, "35", t[35]), e(f, "30", t[30]), e(f, "25", t[25]), e(f, "20", t[20]), e(f, "15", t[15]), e(f, "10", t[10]), e(f, "05", t[5]);
+        }
+      if (i.schemeColor) {
+        if (i.schemeColor.default) {
+          const f = g(
+            "default",
+            i.schemeColor.default
+          );
+          f.length > 0 && a.push(...f);
+        }
+        for (const f of c)
+          if (i.schemeColor[f]) {
+            const t = i.schemeColor[f], l = g(f, t);
+            l.length > 0 && a.push(...l);
+          }
+        if (i.schemeColor.components) {
+          const f = i.schemeColor.components, t = x(f);
+          t.length > 0 && a.push(...t);
         }
+      }
     }
-    if (a.miscellaneous) {
-      const i = a.miscellaneous;
-      i.zIndexTabula && e.push(
+    if (s.miscellaneous) {
+      const i = s.miscellaneous;
+      i.zIndexTabula && a.push(
         `--${d}z-index-tabula: ${i.zIndexTabula};`
-      ), i.zIndexModal && e.push(
+      ), i.zIndexModal && a.push(
         `--${d}z-index-modal: ${i.zIndexModal};`
-      ), i.zIndexModalContent && e.push(
+      ), i.zIndexModalContent && a.push(
         `--${d}z-index-tabula-content: ${i.zIndexModalContent};`
-      ), i.zIndexHeaderIsSticky && e.push(
+      ), i.zIndexHeaderIsSticky && a.push(
         `--${d}z-index-header-is-sticky: ${i.zIndexHeaderIsSticky};`
       );
     }
-    if (a.typography) {
-      const i = a.typography;
-      i.fontFamily && (i.fontFamily.sansSerif && e.push(
+    if (s.typography) {
+      const i = s.typography;
+      i.fontFamily && (i.fontFamily.sansSerif && a.push(
         `--${d}font-family-sans-serif: ${i.fontFamily.sansSerif};`
-      ), i.fontFamily.serif && e.push(
+      ), i.fontFamily.serif && a.push(
         `--${d}font-family-serif: ${i.fontFamily.serif};`
-      ), i.fontFamily.monospace && e.push(
+      ), i.fontFamily.monospace && a.push(
         `--${d}font-family-monospace: ${i.fontFamily.monospace};`
-      ), i.fontFamily.main && e.push(
+      ), i.fontFamily.main && a.push(
         `--${d}font-family-main: ${i.fontFamily.main};`
-      ), i.fontFamily.heading && e.push(
+      ), i.fontFamily.heading && a.push(
         `--${d}font-family-heading: ${i.fontFamily.heading};`
-      ), i.fontFamily.code && e.push(
+      ), i.fontFamily.code && a.push(
         `--${d}font-family-code: ${i.fontFamily.code};`
-      )), i.fontSize && (i.fontSize.xsmall && e.push(
+      )), i.fontSize && (i.fontSize.xsmall && a.push(
         `--${d}font-size-xsmall: ${i.fontSize.xsmall};`
-      ), i.fontSize.small && e.push(
+      ), i.fontSize.small && a.push(
         `--${d}font-size-small: ${i.fontSize.small};`
-      ), i.fontSize.normal && e.push(
+      ), i.fontSize.normal && a.push(
         `--${d}font-size-normal: ${i.fontSize.normal};`
-      ), i.fontSize.medium && e.push(
+      ), i.fontSize.medium && a.push(
         `--${d}font-size-medium: ${i.fontSize.medium};`
-      ), i.fontSize.large && e.push(
+      ), i.fontSize.large && a.push(
         `--${d}font-size-large: ${i.fontSize.large};`
-      ), i.fontSize.xlarge && e.push(
+      ), i.fontSize.xlarge && a.push(
         `--${d}font-size-xlarge: ${i.fontSize.xlarge};`
-      ), i.fontSize.xxlarge && e.push(
+      ), i.fontSize.xxlarge && a.push(
         `--${d}font-size-xxlarge: ${i.fontSize.xxlarge};`
-      ), i.fontSize.xxxlarge && e.push(
+      ), i.fontSize.xxxlarge && a.push(
         `--${d}font-size-xxxlarge: ${i.fontSize.xxxlarge};`
-      ), i.fontSize.xxxxlarge && e.push(
+      ), i.fontSize.xxxxlarge && a.push(
         `--${d}font-size-xxxxlarge: ${i.fontSize.xxxxlarge};`
-      ), i.fontSize.xxxxxlarge && e.push(
+      ), i.fontSize.xxxxxlarge && a.push(
         `--${d}font-size-xxxxxlarge: ${i.fontSize.xxxxxlarge};`
-      )), i.fontWeight && (i.fontWeight.light && e.push(
+      )), i.fontWeight && (i.fontWeight.light && a.push(
         `--${d}font-weight-light: ${i.fontWeight.light};`
-      ), i.fontWeight.normal && e.push(
+      ), i.fontWeight.normal && a.push(
         `--${d}font-weight-normal: ${i.fontWeight.normal};`
-      ), i.fontWeight.medium && e.push(
+      ), i.fontWeight.medium && a.push(
         `--${d}font-weight-medium: ${i.fontWeight.medium};`
-      ), i.fontWeight.semibold && e.push(
+      ), i.fontWeight.semibold && a.push(
         `--${d}font-weight-semibold: ${i.fontWeight.semibold};`
-      ), i.fontWeight.bold && e.push(
+      ), i.fontWeight.bold && a.push(
         `--${d}font-weight-bold: ${i.fontWeight.bold};`
       ));
     }
-    if (a.components) {
-      const i = a.components;
+    if (s.components) {
+      const i = s.components;
       if (i.breadcrumbs) {
-        const s = i.breadcrumbs;
-        s.breadcrumbDivider && e.push(
-          `--${d}breadcrumb-divider: ${s.breadcrumbDivider};`
+        const e = i.breadcrumbs;
+        e.breadcrumbDivider && a.push(
+          `--${d}breadcrumb-divider: ${e.breadcrumbDivider};`
         );
       }
       if (i.button) {
-        const s = i.button;
-        s.paddingX && e.push(
-          `--${d}button-padding-x: ${s.paddingX};`
-        ), s.paddingY && e.push(
-          `--${d}button-padding-y: ${s.paddingY};`
+        const e = i.button;
+        e.paddingX && a.push(
+          `--${d}button-padding-x: ${e.paddingX};`
+        ), e.paddingY && a.push(
+          `--${d}button-padding-y: ${e.paddingY};`
         );
       }
       if (i.dialogue) {
-        const s = i.dialogue;
-        s.avatarSizeDefault && e.push(
-          `--${d}dialogue-avatar-size-default: ${s.avatarSizeDefault};`
-        ), s.avatarSizeSmall && e.push(
-          `--${d}dialogue-avatar-size-small: ${s.avatarSizeSmall};`
-        ), s.avatarSizeLarge && e.push(
-          `--${d}dialogue-avatar-size-large: ${s.avatarSizeLarge};`
-        ), s.avatarTopOffset && e.push(
-          `--${d}dialogue-avatar-top-offset: ${s.avatarTopOffset};`
-        ), s.nameFontSize && (s.nameFontSize.includes("rem"), e.push(
-          `--${d}dialogue-name-font-size: ${s.nameFontSize};`
-        )), s.namePaddingX && e.push(
-          `--${d}dialogue-name-padding-x: ${s.namePaddingX};`
-        ), s.namePaddingY && e.push(
-          `--${d}dialogue-name-padding-y: ${s.namePaddingY};`
-        ), s.messageArrowHeight && e.push(
-          `--${d}dialogue-messege-arrow-height: ${s.messageArrowHeight};`
-        ), s.messageArrowWidth && e.push(
-          `--${d}dialogue-messege-arrow-width: ${s.messageArrowWidth};`
-        ), s.messageInnerPaddingX && e.push(
-          `--${d}dialogue-message-inner-padding-x: ${s.messageInnerPaddingX};`
-        ), s.messageInnerPaddingY && e.push(
-          `--${d}dialogue-message-inner-padding-y: ${s.messageInnerPaddingY};`
+        const e = i.dialogue;
+        e.avatarSizeDefault && a.push(
+          `--${d}dialogue-avatar-size-default: ${e.avatarSizeDefault};`
+        ), e.avatarSizeSmall && a.push(
+          `--${d}dialogue-avatar-size-small: ${e.avatarSizeSmall};`
+        ), e.avatarSizeLarge && a.push(
+          `--${d}dialogue-avatar-size-large: ${e.avatarSizeLarge};`
+        ), e.avatarTopOffset && a.push(
+          `--${d}dialogue-avatar-top-offset: ${e.avatarTopOffset};`
+        ), e.nameFontSize && (e.nameFontSize.includes("rem"), a.push(
+          `--${d}dialogue-name-font-size: ${e.nameFontSize};`
+        )), e.namePaddingX && a.push(
+          `--${d}dialogue-name-padding-x: ${e.namePaddingX};`
+        ), e.namePaddingY && a.push(
+          `--${d}dialogue-name-padding-y: ${e.namePaddingY};`
+        ), e.messageArrowHeight && a.push(
+          `--${d}dialogue-messege-arrow-height: ${e.messageArrowHeight};`
+        ), e.messageArrowWidth && a.push(
+          `--${d}dialogue-messege-arrow-width: ${e.messageArrowWidth};`
+        ), e.messageInnerPaddingX && a.push(
+          `--${d}dialogue-message-inner-padding-x: ${e.messageInnerPaddingX};`
+        ), e.messageInnerPaddingY && a.push(
+          `--${d}dialogue-message-inner-padding-y: ${e.messageInnerPaddingY};`
         );
       }
       if (i.header) {
-        const s = i.header;
-        s.backdropFilter && e.push(
-          `--${d}header-backdrop-filter: ${s.backdropFilter};`
-        ), s.zIndexIsSticky && (s.zIndexIsSticky === "auto" ? e.push(
+        const e = i.header;
+        e.backdropFilter && a.push(
+          `--${d}header-backdrop-filter: ${e.backdropFilter};`
+        ), e.zIndexIsSticky && (e.zIndexIsSticky === "auto" ? a.push(
           `--${d}header-z-index-is-sticky: "auto";`
-        ) : e.push(
-          `--${d}header-z-index-is-sticky: ${s.zIndexIsSticky};`
-        )), s.zIndexIsFixed && (s.zIndexIsFixed === "auto" ? e.push(
+        ) : a.push(
+          `--${d}header-z-index-is-sticky: ${e.zIndexIsSticky};`
+        )), e.zIndexIsFixed && (e.zIndexIsFixed === "auto" ? a.push(
           `--${d}header-z-index-is-fixed: "auto";`
-        ) : e.push(
-          `--${d}header-z-index-is-fixed: ${s.zIndexIsFixed};`
+        ) : a.push(
+          `--${d}header-z-index-is-fixed: ${e.zIndexIsFixed};`
         ));
       }
       if (i.heading) {
-        const s = i.heading;
-        s.fontFamily && e.push(
-          `--${d}font-family-heading: ${s.fontFamily};`
+        const e = i.heading;
+        e.fontFamily && a.push(
+          `--${d}font-family-heading: ${e.fontFamily};`
         );
       }
     }
   }
-  return e;
-}
-function y(a) {
-  const e = [];
-  if (a && a.color) {
-    const i = a.color;
-    if (i.light) {
-      if (i.light.default) {
-        const s = r("default", i.light.default);
-        s.length > 0 && e.push(...s);
-      }
-      for (const s of o)
-        if (i.light[s]) {
-          const f = i.light[s], t = r(s, f);
-          t.length > 0 && e.push(...t);
-        }
-      if (i.light.components) {
-        const s = i.light.components, f = g(s);
-        f.length > 0 && e.push(...f);
-      }
-    }
-  }
-  return e;
-}
-function p(a) {
-  const e = [];
-  if (a && a.color) {
-    const i = a.color;
-    if (i.dark) {
-      if (i.dark.default) {
-        const s = r("default", i.dark.default);
-        s.length > 0 && e.push(...s);
-      }
-      for (const s of o)
-        if (i.dark[s]) {
-          const f = i.dark[s], t = r(s, f);
-          t.length > 0 && e.push(...t);
-        }
-      if (i.dark.components) {
-        const s = i.dark.components, f = g(s);
-        f.length > 0 && e.push(...f);
-      }
-    }
-  }
-  return e;
+  return a;
 }
-const x = {
-  getMinolithCssVariableStyles: c,
-  getRootStyles: $
+const z = {
+  getMinolithCssVariableStyles: b,
+  getRootStyles: p
 };
 export {
-  x as default
+  z as default
 };
 //# sourceMappingURL=minolithStyleUtility.js.map