react-minolith 1.3.0 → 2.0.0

package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js

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