react-minolith 1.4.0 → 2.0.0

package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js

@@ -1,4 +1,4 @@
-const d = "minolith-", c = [
+const d = "minolith-", p = [
   "gray",
   "red",
   "coral",
@@ -11,449 +11,449 @@ const d = "minolith-", c = [
   "violet",
   "magenta"
 ];
-function n(s, a, i, e) {
+function u(e, s, i, a) {
   const 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}`}`;
+  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 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;
+          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 u = "";
-        if (typeof l.dark == "string")
-          u = `${l.dark.startsWith("--") ? `var(${l.dark})` : `${l.dark}`}`;
+        let g = "";
+        if (typeof n.dark == "string")
+          g = `${n.dark.startsWith("--") ? `var(${n.dark})` : `${n.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;
+          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(`${y}: light-dark(${h}, ${u});`);
+        f.push(`${c}: light-dark(${r}, ${g});`);
       }
     };
-    t(a.fore, "fore"), t(a.back, "back"), t(a.border, "border"), t(a.shadow, "shadow"), t(a.placeholder, "placeholder");
+    t(s.fore, "fore"), t(s.back, "back"), t(s.border, "border"), t(s.shadow, "shadow"), t(s.placeholder, "placeholder");
   }
   return f;
 }
-function g(s, a, i) {
-  const e = [];
-  if (a.default) {
-    const f = n(
-      s,
-      a.default,
+function $(e, s, i) {
+  const a = [];
+  if (s.default) {
+    const f = u(
+      e,
+      s.default,
       void 0,
       i
     );
-    f.length > 0 && e.push(...f);
+    f.length > 0 && a.push(...f);
   }
-  if (a.hover) {
-    const f = n(
-      s,
-      a.hover,
+  if (s.hover) {
+    const f = u(
+      e,
+      s.hover,
       "hover",
       i
     );
-    f.length > 0 && e.push(...f);
+    f.length > 0 && a.push(...f);
   }
-  if (a.focus) {
-    const f = n(
-      s,
-      a.focus,
+  if (s.focus) {
+    const f = u(
+      e,
+      s.focus,
       "focus",
       i
     );
-    f.length > 0 && e.push(...f);
+    f.length > 0 && a.push(...f);
   }
-  if (a.active) {
-    const f = n(
-      s,
-      a.active,
+  if (s.active) {
+    const f = u(
+      e,
+      s.active,
       "active",
       i
     );
-    f.length > 0 && e.push(...f);
+    f.length > 0 && a.push(...f);
   }
-  if (a.disabled) {
-    const f = n(
-      s,
-      a.disabled,
+  if (s.disabled) {
+    const f = u(
+      e,
+      s.disabled,
       "disabled",
       i
     );
-    f.length > 0 && e.push(...f);
+    f.length > 0 && a.push(...f);
   }
-  return e;
+  return a;
 }
-function r(s, a) {
+function h(e, s) {
   const i = [];
-  if (s.default) {
-    const e = g(
+  if (e.default) {
+    const a = $(
       "default",
-      s.default,
-      a
+      e.default,
+      s
     );
-    e.length > 0 && i.push(...e);
+    a.length > 0 && i.push(...a);
   }
-  for (const e of c)
-    if (s[e]) {
-      const f = g(
-        e,
-        s[e],
-        a
+  for (const a of p)
+    if (e[a]) {
+      const f = $(
+        a,
+        e[a],
+        s
       );
       f.length > 0 && i.push(...f);
     }
   return i;
 }
-function x(s) {
-  const a = [];
-  if (s.badge) {
-    const i = r(
-      s.badge,
+function x(e) {
+  const s = [];
+  if (e.badge) {
+    const i = h(
+      e.badge,
       "badge"
     );
-    i.length > 0 && a.push(...i);
+    i.length > 0 && s.push(...i);
   }
-  if (s.accordion) {
-    const i = r(
-      s.accordion,
+  if (e.accordion) {
+    const i = h(
+      e.accordion,
       "accordion"
     );
-    if (i.length > 0 && a.push(...i), s.accordion.accordionSummary) {
-      const e = r(
-        s.accordion.accordionSummary,
+    if (i.length > 0 && s.push(...i), e.accordion.accordionSummary) {
+      const a = h(
+        e.accordion.accordionSummary,
         "accordion-summary"
       );
-      e.length > 0 && a.push(...e);
+      a.length > 0 && s.push(...a);
     }
-    if (s.accordion.accordionDetails) {
-      const e = r(
-        s.accordion.accordionDetails,
+    if (e.accordion.accordionDetails) {
+      const a = h(
+        e.accordion.accordionDetails,
         "accordion-details"
       );
-      e.length > 0 && a.push(...e);
+      a.length > 0 && s.push(...a);
     }
   }
-  if (s.button) {
-    const i = r(
-      s.button,
+  if (e.button) {
+    const i = h(
+      e.button,
       "button"
     );
-    i.length > 0 && a.push(...i);
+    i.length > 0 && s.push(...i);
   }
-  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,
+  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"
       );
-      e.length > 0 && a.push(...e);
+      a.length > 0 && s.push(...a);
     }
-    if (s.card.cardBody) {
-      const e = r(
-        s.card.cardBody,
+    if (e.card.cardBody) {
+      const a = h(
+        e.card.cardBody,
         "card-body"
       );
-      e.length > 0 && a.push(...e);
+      a.length > 0 && s.push(...a);
     }
-    if (s.card.cardFooter) {
-      const e = r(
-        s.card.cardFooter,
+    if (e.card.cardFooter) {
+      const a = h(
+        e.card.cardFooter,
         "card-footer"
       );
-      e.length > 0 && a.push(...e);
+      a.length > 0 && s.push(...a);
     }
   }
-  if (s.dialogue) {
-    const i = r(
-      s.dialogue,
+  if (e.dialogue) {
+    const i = h(
+      e.dialogue,
       "dialogue"
     );
-    if (i.length > 0 && a.push(...i), s.dialogue.dialogueAvatar) {
-      const e = r(
-        s.dialogue.dialogueAvatar,
+    if (i.length > 0 && s.push(...i), e.dialogue.dialogueAvatar) {
+      const a = h(
+        e.dialogue.dialogueAvatar,
         "dialogue-avatar"
       );
-      e.length > 0 && a.push(...e);
+      a.length > 0 && s.push(...a);
     }
-    if (s.dialogue.dialogueName) {
-      const e = r(
-        s.dialogue.dialogueName,
+    if (e.dialogue.dialogueName) {
+      const a = h(
+        e.dialogue.dialogueName,
         "dialogue-name"
       );
-      e.length > 0 && a.push(...e);
+      a.length > 0 && s.push(...a);
     }
-    if (s.dialogue.dialogueMessage) {
-      const e = r(
-        s.dialogue.dialogueMessage,
+    if (e.dialogue.dialogueMessage) {
+      const a = h(
+        e.dialogue.dialogueMessage,
         "dialogue-message"
       );
-      e.length > 0 && a.push(...e);
+      a.length > 0 && s.push(...a);
     }
   }
-  if (s.header) {
-    const i = r(
-      s.header,
+  if (e.header) {
+    const i = h(
+      e.header,
       "header"
     );
-    i.length > 0 && a.push(...i);
+    i.length > 0 && s.push(...i);
   }
-  if (s.label) {
-    const i = r(
-      s.label,
+  if (e.label) {
+    const i = h(
+      e.label,
       "label"
     );
-    i.length > 0 && a.push(...i);
+    i.length > 0 && s.push(...i);
   }
-  if (s.link) {
-    const i = r(s.link, "link");
-    i.length > 0 && a.push(...i);
+  if (e.link) {
+    const i = h(e.link, "link");
+    i.length > 0 && s.push(...i);
   }
-  if (s.loader) {
-    const i = r(
-      s.loader,
+  if (e.loader) {
+    const i = h(
+      e.loader,
       "loader"
     );
-    i.length > 0 && a.push(...i);
+    i.length > 0 && s.push(...i);
   }
-  if (s.message) {
-    const i = r(
-      s.message,
+  if (e.message) {
+    const i = h(
+      e.message,
       "message"
     );
-    if (i.length > 0 && a.push(...i), s.message.messageHeader) {
-      const e = r(
-        s.message.messageHeader,
+    if (i.length > 0 && s.push(...i), e.message.messageHeader) {
+      const a = h(
+        e.message.messageHeader,
         "message-header"
       );
-      e.length > 0 && a.push(...e);
+      a.length > 0 && s.push(...a);
     }
-    if (s.message.messageBody) {
-      const e = r(
-        s.message.messageBody,
+    if (e.message.messageBody) {
+      const a = h(
+        e.message.messageBody,
         "message-body"
       );
-      e.length > 0 && a.push(...e);
+      a.length > 0 && s.push(...a);
     }
   }
-  if (s.progress) {
-    const i = r(
-      s.progress,
+  if (e.progress) {
+    const i = h(
+      e.progress,
       "progress"
     );
-    i.length > 0 && a.push(...i);
+    i.length > 0 && s.push(...i);
   }
-  return a;
+  return s;
 }
-function b(s) {
-  const a = [], i = p(s);
-  return i.length > 0 && a.push(`:root{${i.join("")}}`), a;
+function b(e) {
+  const s = [], i = y(e);
+  return i.length > 0 && s.push(`:root{${i.join("")}}`), s;
 }
-function p(s) {
-  const a = [];
-  if (s) {
-    if (s.animation) {
-      const i = s.animation;
-      i.speedHeavey && a.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 && a.push(
+      ), i.speedSlower && s.push(
         `--${d}animation-speed-slower: ${i.speedSlower};`
-      ), i.speedSlow && a.push(
+      ), i.speedSlow && s.push(
         `--${d}animation-speed-slow: ${i.speedSlow};`
-      ), i.speedNormal && a.push(
+      ), i.speedNormal && s.push(
         `--${d}animation-speed-normal: ${i.speedNormal};`
-      ), i.speedfFast && a.push(
+      ), i.speedfFast && s.push(
         `--${d}animation-speed-fast: ${i.speedfFast};`
-      ), i.speedfFaster && a.push(
+      ), i.speedfFaster && s.push(
         `--${d}animation-speed-faster: ${i.speedfFaster};`
-      ), i.speedfFlash && a.push(
+      ), i.speedfFlash && s.push(
         `--${d}animation-speed-flash: ${i.speedfFlash};`
       );
     }
-    if (s.border) {
-      const i = s.border;
-      i.borderWidthXThin && a.push(
+    if (e.border) {
+      const i = e.border;
+      i.borderWidthXThin && s.push(
         `--${d}border-width-xthin: ${i.borderWidthXThin};`
-      ), i.borderWidthThin && a.push(
+      ), i.borderWidthThin && s.push(
         `--${d}border-width-thin: ${i.borderWidthThin};`
-      ), i.borderWidthMedium && a.push(
+      ), i.borderWidthMedium && s.push(
         `--${d}border-width-medium: ${i.borderWidthMedium};`
-      ), i.borderWidthThick && a.push(
+      ), i.borderWidthThick && s.push(
         `--${d}border-width-thick: ${i.borderWidthThick};`
-      ), i.borderWidthXThick && a.push(
+      ), i.borderWidthXThick && s.push(
         `--${d}border-width-xthick: ${i.borderWidthXThick};`
-      ), i.borderRadiusSmall && a.push(
+      ), i.borderRadiusSmall && s.push(
         `--${d}border-radius-small: ${i.borderRadiusSmall};`
-      ), i.borderRadiusMedium && a.push(
+      ), i.borderRadiusMedium && s.push(
         `--${d}border-radius-medium: ${i.borderRadiusMedium};`
-      ), i.borderRadiusLarge && a.push(
+      ), i.borderRadiusLarge && s.push(
         `--${d}border-radius-large: ${i.borderRadiusLarge};`
       );
     }
-    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(${$});`
+    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 c)
+      for (const f of p)
         if (i[f]) {
           const t = i[f];
-          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]);
+          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.schemeColor) {
-        if (i.schemeColor.default) {
-          const f = g(
+      if (i.colorScheme) {
+        if (i.colorScheme.default) {
+          const f = $(
             "default",
-            i.schemeColor.default
+            i.colorScheme.default
           );
-          f.length > 0 && a.push(...f);
+          f.length > 0 && s.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);
+        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.schemeColor.components) {
-          const f = i.schemeColor.components, t = x(f);
-          t.length > 0 && a.push(...t);
+        if (i.colorScheme.components) {
+          const f = i.colorScheme.components, t = x(f);
+          t.length > 0 && s.push(...t);
         }
       }
     }
-    if (s.miscellaneous) {
-      const i = s.miscellaneous;
-      i.zIndexTabula && a.push(
+    if (e.miscellaneous) {
+      const i = e.miscellaneous;
+      i.zIndexTabula && s.push(
         `--${d}z-index-tabula: ${i.zIndexTabula};`
-      ), i.zIndexModal && a.push(
+      ), i.zIndexModal && s.push(
         `--${d}z-index-modal: ${i.zIndexModal};`
-      ), i.zIndexModalContent && a.push(
+      ), i.zIndexModalContent && s.push(
         `--${d}z-index-tabula-content: ${i.zIndexModalContent};`
-      ), i.zIndexHeaderIsSticky && a.push(
+      ), i.zIndexHeaderIsSticky && s.push(
         `--${d}z-index-header-is-sticky: ${i.zIndexHeaderIsSticky};`
       );
     }
-    if (s.typography) {
-      const i = s.typography;
-      i.fontFamily && (i.fontFamily.sansSerif && a.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 && a.push(
+      ), i.fontFamily.serif && s.push(
         `--${d}font-family-serif: ${i.fontFamily.serif};`
-      ), i.fontFamily.monospace && a.push(
+      ), i.fontFamily.monospace && s.push(
         `--${d}font-family-monospace: ${i.fontFamily.monospace};`
-      ), i.fontFamily.main && a.push(
+      ), i.fontFamily.main && s.push(
         `--${d}font-family-main: ${i.fontFamily.main};`
-      ), i.fontFamily.heading && a.push(
+      ), i.fontFamily.heading && s.push(
         `--${d}font-family-heading: ${i.fontFamily.heading};`
-      ), i.fontFamily.code && a.push(
+      ), i.fontFamily.code && s.push(
         `--${d}font-family-code: ${i.fontFamily.code};`
-      )), i.fontSize && (i.fontSize.xsmall && a.push(
+      )), i.fontSize && (i.fontSize.xsmall && s.push(
         `--${d}font-size-xsmall: ${i.fontSize.xsmall};`
-      ), i.fontSize.small && a.push(
+      ), i.fontSize.small && s.push(
         `--${d}font-size-small: ${i.fontSize.small};`
-      ), i.fontSize.normal && a.push(
+      ), i.fontSize.normal && s.push(
         `--${d}font-size-normal: ${i.fontSize.normal};`
-      ), i.fontSize.medium && a.push(
+      ), i.fontSize.medium && s.push(
         `--${d}font-size-medium: ${i.fontSize.medium};`
-      ), i.fontSize.large && a.push(
+      ), i.fontSize.large && s.push(
         `--${d}font-size-large: ${i.fontSize.large};`
-      ), i.fontSize.xlarge && a.push(
+      ), i.fontSize.xlarge && s.push(
         `--${d}font-size-xlarge: ${i.fontSize.xlarge};`
-      ), i.fontSize.xxlarge && a.push(
+      ), i.fontSize.xxlarge && s.push(
         `--${d}font-size-xxlarge: ${i.fontSize.xxlarge};`
-      ), i.fontSize.xxxlarge && a.push(
+      ), i.fontSize.xxxlarge && s.push(
         `--${d}font-size-xxxlarge: ${i.fontSize.xxxlarge};`
-      ), i.fontSize.xxxxlarge && a.push(
+      ), i.fontSize.xxxxlarge && s.push(
         `--${d}font-size-xxxxlarge: ${i.fontSize.xxxxlarge};`
-      ), i.fontSize.xxxxxlarge && a.push(
+      ), i.fontSize.xxxxxlarge && s.push(
         `--${d}font-size-xxxxxlarge: ${i.fontSize.xxxxxlarge};`
-      )), i.fontWeight && (i.fontWeight.light && a.push(
+      )), i.fontWeight && (i.fontWeight.light && s.push(
         `--${d}font-weight-light: ${i.fontWeight.light};`
-      ), i.fontWeight.normal && a.push(
+      ), i.fontWeight.normal && s.push(
         `--${d}font-weight-normal: ${i.fontWeight.normal};`
-      ), i.fontWeight.medium && a.push(
+      ), i.fontWeight.medium && s.push(
         `--${d}font-weight-medium: ${i.fontWeight.medium};`
-      ), i.fontWeight.semibold && a.push(
+      ), i.fontWeight.semibold && s.push(
         `--${d}font-weight-semibold: ${i.fontWeight.semibold};`
-      ), i.fontWeight.bold && a.push(
+      ), i.fontWeight.bold && s.push(
         `--${d}font-weight-bold: ${i.fontWeight.bold};`
       ));
     }
-    if (s.components) {
-      const i = s.components;
+    if (e.components) {
+      const i = e.components;
       if (i.breadcrumbs) {
-        const e = i.breadcrumbs;
-        e.breadcrumbDivider && a.push(
-          `--${d}breadcrumb-divider: ${e.breadcrumbDivider};`
+        const a = i.breadcrumbs;
+        a.breadcrumbDivider && s.push(
+          `--${d}breadcrumb-divider: ${a.breadcrumbDivider};`
         );
       }
       if (i.button) {
-        const e = i.button;
-        e.paddingX && a.push(
-          `--${d}button-padding-x: ${e.paddingX};`
-        ), e.paddingY && a.push(
-          `--${d}button-padding-y: ${e.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 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};`
+        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 e = i.header;
-        e.backdropFilter && a.push(
-          `--${d}header-backdrop-filter: ${e.backdropFilter};`
-        ), e.zIndexIsSticky && (e.zIndexIsSticky === "auto" ? a.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";`
-        ) : a.push(
-          `--${d}header-z-index-is-sticky: ${e.zIndexIsSticky};`
-        )), e.zIndexIsFixed && (e.zIndexIsFixed === "auto" ? a.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";`
-        ) : a.push(
-          `--${d}header-z-index-is-fixed: ${e.zIndexIsFixed};`
+        ) : s.push(
+          `--${d}header-z-index-is-fixed: ${a.zIndexIsFixed};`
         ));
       }
       if (i.heading) {
-        const e = i.heading;
-        e.fontFamily && a.push(
-          `--${d}font-family-heading: ${e.fontFamily};`
+        const a = i.heading;
+        a.fontFamily && s.push(
+          `--${d}font-family-heading: ${a.fontFamily};`
         );
       }
     }
   }
-  return a;
+  return s;
 }
 const z = {
   getMinolithCssVariableStyles: b,
-  getRootStyles: p
+  getRootStyles: y
 };
 export {
   z as default