react-minolith 0.0.11 → 0.0.13

package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js

@@ -1,94 +1,124 @@
 const l = "minolith-";
-function f(h, s, i, t) {
-  const o = [];
-  return s && (s.fore && o.push(
-    `--${l}color-${h}${i ? `-${i}` : ""}${t ? `-${t}` : ""}-fore: ${s.fore.startsWith("--") ? `var(${s.fore});` : `${s.fore};`}`
-  ), s.back && o.push(
-    `--${l}color-${h}${i ? `-${i}` : ""}${t ? `-${t}` : ""}-back: ${s.back.startsWith("--") ? `var(${s.back});` : `${s.back};`}`
-  ), s.border && o.push(
-    `--${l}color-${h}${i ? `-${i}` : ""}${t ? `-${t}` : ""}-border: ${s.border.startsWith("--") ? `var(${s.border});` : `${s.border};`}`
-  ), s.shadow && o.push(
-    `--${l}color-${h}${i ? `-${i}` : ""}${t ? `-${t}` : ""}-shadow: ${s.shadow.startsWith("--") ? `var(${s.shadow});` : `${s.shadow};`}`
-  ), s.placeholder && o.push(
-    `--${l}color-${h}${i ? `-${i}` : ""}${t ? `-${t}` : ""}-placeholder: ${s.placeholder.startsWith("--") ? `var(${s.placeholder});` : `${s.placeholder};`}`
-  )), o;
+function h(a, s, i, t) {
+  const e = [];
+  return s && (s.fore && e.push(
+    `--${l}color-${a}${i ? `-${i}` : ""}${t ? `-${t}` : ""}-fore: ${s.fore.startsWith("--") ? `var(${s.fore});` : `${s.fore};`}`
+  ), s.back && e.push(
+    `--${l}color-${a}${i ? `-${i}` : ""}${t ? `-${t}` : ""}-back: ${s.back.startsWith("--") ? `var(${s.back});` : `${s.back};`}`
+  ), s.border && e.push(
+    `--${l}color-${a}${i ? `-${i}` : ""}${t ? `-${t}` : ""}-border: ${s.border.startsWith("--") ? `var(${s.border});` : `${s.border};`}`
+  ), s.shadow && e.push(
+    `--${l}color-${a}${i ? `-${i}` : ""}${t ? `-${t}` : ""}-shadow: ${s.shadow.startsWith("--") ? `var(${s.shadow});` : `${s.shadow};`}`
+  ), s.placeholder && e.push(
+    `--${l}color-${a}${i ? `-${i}` : ""}${t ? `-${t}` : ""}-placeholder: ${s.placeholder.startsWith("--") ? `var(${s.placeholder});` : `${s.placeholder};`}`
+  )), e;
 }
-function n(h, s, i) {
+function n(a, s, i) {
   const t = [];
   if (s.default) {
-    const o = f(
-      h,
+    const e = h(
+      a,
       s.default,
       void 0,
       i
     );
-    o.length > 0 && t.push(...o);
+    e.length > 0 && t.push(...e);
   }
   if (s.hover) {
-    const o = f(
-      h,
+    const e = h(
+      a,
       s.hover,
       "hover",
       i
     );
-    o.length > 0 && t.push(...o);
+    e.length > 0 && t.push(...e);
   }
   if (s.focus) {
-    const o = f(
-      h,
+    const e = h(
+      a,
       s.focus,
       "focus",
       i
     );
-    o.length > 0 && t.push(...o);
+    e.length > 0 && t.push(...e);
   }
   if (s.active) {
-    const o = f(
-      h,
+    const e = h(
+      a,
       s.active,
       "active",
       i
     );
-    o.length > 0 && t.push(...o);
+    e.length > 0 && t.push(...e);
   }
   if (s.disabled) {
-    const o = f(
-      h,
+    const e = h(
+      a,
       s.disabled,
       "disabled",
       i
     );
-    o.length > 0 && t.push(...o);
+    e.length > 0 && t.push(...e);
   }
   return t;
 }
-function $(h) {
-  const s = [], i = u(h), t = d(h), o = g(h);
+function $(a) {
+  const s = [], i = d(a), t = u(a), e = g(a);
   return i.length > 0 && s.push(`:root{${i.join("")}}`), t.length > 0 && s.push(`:root{${t.join("")}}`), t.length > 0 && s.push(
     `[data-color-scheme="light"]{${t.join("")}}`
-  ), o.length > 0 && s.push(
-    `[data-color-scheme="dark"]{${o.join("")}}`
+  ), e.length > 0 && s.push(
+    `[data-color-scheme="dark"]{${e.join("")}}`
   ), s;
 }
-function u(h) {
+function d(a) {
   const s = [];
-  if (h) {
-    if (h.animation) {
-      const i = h.animation;
-      i.speedHeavey && s.push(`--${l}animation-speed-heavy: ${i.speedHeavey};`), i.speedSlower && s.push(`--${l}animation-speed-slower: ${i.speedSlower};`), i.speedSlow && s.push(`--${l}animation-speed-slow: ${i.speedSlow};`), i.speedNormal && s.push(`--${l}animation-speed-normal: ${i.speedNormal};`), i.speedfFast && s.push(`--${l}animation-speed-fast: ${i.speedfFast};`), i.speedfFaster && s.push(`--${l}animation-speed-faster: ${i.speedfFaster};`), i.speedfFlash && s.push(`--${l}animation-speed-flash: ${i.speedfFlash};`);
+  if (a) {
+    if (a.animation) {
+      const i = a.animation;
+      i.speedHeavey && s.push(
+        `--${l}animation-speed-heavy: ${i.speedHeavey};`
+      ), i.speedSlower && s.push(
+        `--${l}animation-speed-slower: ${i.speedSlower};`
+      ), i.speedSlow && s.push(
+        `--${l}animation-speed-slow: ${i.speedSlow};`
+      ), i.speedNormal && s.push(
+        `--${l}animation-speed-normal: ${i.speedNormal};`
+      ), i.speedfFast && s.push(
+        `--${l}animation-speed-fast: ${i.speedfFast};`
+      ), i.speedfFaster && s.push(
+        `--${l}animation-speed-faster: ${i.speedfFaster};`
+      ), i.speedfFlash && s.push(
+        `--${l}animation-speed-flash: ${i.speedfFlash};`
+      );
     }
-    if (h.border) {
-      const i = h.border;
-      i.borderWidthXThin && s.push(`--${l}border-width-xthin: ${i.borderWidthXThin};`), i.borderWidthThin && s.push(`--${l}border-width-thin: ${i.borderWidthThin};`), i.borderWidthMedium && s.push(`--${l}border-width-medium: ${i.borderWidthMedium};`), i.borderWidthThick && s.push(`--${l}border-width-thick: ${i.borderWidthThick};`), i.borderWidthXThick && s.push(`--${l}border-width-xthick: ${i.borderWidthXThick};`), i.borderRadiusSmall && s.push(`--${l}border-radius-small: ${i.borderRadiusSmall};`), i.borderRadiusMedium && s.push(`--${l}border-radius-medium: ${i.borderRadiusMedium};`), i.borderRadiusLarge && s.push(`--${l}border-radius-large: ${i.borderRadiusLarge};`);
+    if (a.border) {
+      const i = a.border;
+      i.borderWidthXThin && s.push(
+        `--${l}border-width-xthin: ${i.borderWidthXThin};`
+      ), i.borderWidthThin && s.push(
+        `--${l}border-width-thin: ${i.borderWidthThin};`
+      ), i.borderWidthMedium && s.push(
+        `--${l}border-width-medium: ${i.borderWidthMedium};`
+      ), i.borderWidthThick && s.push(
+        `--${l}border-width-thick: ${i.borderWidthThick};`
+      ), i.borderWidthXThick && s.push(
+        `--${l}border-width-xthick: ${i.borderWidthXThick};`
+      ), i.borderRadiusSmall && s.push(
+        `--${l}border-radius-small: ${i.borderRadiusSmall};`
+      ), i.borderRadiusMedium && s.push(
+        `--${l}border-radius-medium: ${i.borderRadiusMedium};`
+      ), i.borderRadiusLarge && s.push(
+        `--${l}border-radius-large: ${i.borderRadiusLarge};`
+      );
     }
-    if (h.color) {
-      const i = h.color, t = (o, e, r) => {
-        if (r) {
-          const a = `${r.lightness}% ${r.chroma} ${r.hue}`;
+    if (a.color) {
+      const i = a.color, t = (e, o, f) => {
+        if (f) {
+          const r = `${f.lightness}% ${f.chroma} ${f.hue}`;
           s.push(
-            `--${l}color-${o}-${e}-oklch: ${a};`
+            `--${l}color-${e}-${o}-oklch: ${r};`
           ), s.push(
-            `--${l}color-${o}-${e}: oklch(${a});`
+            `--${l}color-${e}-${o}: oklch(${r});`
           );
         }
       };
@@ -96,64 +126,108 @@ function u(h) {
         if (typeof i.white == "string")
           s.push(`--${l}color-white: ${i.white};`);
         else {
-          const o = `${i.white.lightness}% ${i.white.chroma} ${i.white.hue}`;
+          const e = `${i.white.lightness}% ${i.white.chroma} ${i.white.hue}`;
           s.push(
-            `--${l}color-white-oklch: ${o};`
-          ), s.push(`--${l}color-white: oklch(${o});`);
+            `--${l}color-white-oklch: ${e};`
+          ), s.push(
+            `--${l}color-white: oklch(${e});`
+          );
         }
       if (i.black)
         if (typeof i.black == "string")
           s.push(`--${l}color-black: ${i.black};`);
         else {
-          const o = `${i.black.lightness}% ${i.black.chroma} ${i.black.hue}`;
+          const e = `${i.black.lightness}% ${i.black.chroma} ${i.black.hue}`;
           s.push(
-            `--${l}color-black-oklch: ${o};`
-          ), s.push(`--${l}color-black: oklch(${o});`);
+            `--${l}color-black-oklch: ${e};`
+          ), s.push(
+            `--${l}color-black: oklch(${e});`
+          );
         }
       if (i.gray) {
-        const o = i.gray, e = "gray";
-        t(e, "95", o[95]), t(e, "90", o[90]), t(e, "85", o[85]), t(e, "80", o[80]), t(e, "75", o[75]), t(e, "70", o[70]), t(e, "65", o[65]), t(e, "60", o[60]), t(e, "55", o[55]), t(e, "50", o[50]), t(e, "45", o[45]), t(e, "40", o[40]), t(e, "35", o[35]), t(e, "30", o[30]), t(e, "25", o[25]), t(e, "20", o[20]), t(e, "15", o[15]), t(e, "10", o[10]), t(e, "05", o[5]);
+        const e = i.gray, o = "gray";
+        t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
       }
       if (i.red) {
-        const o = i.red, e = "red";
-        t(e, "95", o[95]), t(e, "90", o[90]), t(e, "85", o[85]), t(e, "80", o[80]), t(e, "75", o[75]), t(e, "70", o[70]), t(e, "65", o[65]), t(e, "60", o[60]), t(e, "55", o[55]), t(e, "50", o[50]), t(e, "45", o[45]), t(e, "40", o[40]), t(e, "35", o[35]), t(e, "30", o[30]), t(e, "25", o[25]), t(e, "20", o[20]), t(e, "15", o[15]), t(e, "10", o[10]), t(e, "05", o[5]);
+        const e = i.red, o = "red";
+        t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
       }
       if (i.orange) {
-        const o = i.orange, e = "orange";
-        t(e, "95", o[95]), t(e, "90", o[90]), t(e, "85", o[85]), t(e, "80", o[80]), t(e, "75", o[75]), t(e, "70", o[70]), t(e, "65", o[65]), t(e, "60", o[60]), t(e, "55", o[55]), t(e, "50", o[50]), t(e, "45", o[45]), t(e, "40", o[40]), t(e, "35", o[35]), t(e, "30", o[30]), t(e, "25", o[25]), t(e, "20", o[20]), t(e, "15", o[15]), t(e, "10", o[10]), t(e, "05", o[5]);
+        const e = i.orange, o = "orange";
+        t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
       }
       if (i.yellow) {
-        const o = i.yellow, e = "yellow";
-        t(e, "95", o[95]), t(e, "90", o[90]), t(e, "85", o[85]), t(e, "80", o[80]), t(e, "75", o[75]), t(e, "70", o[70]), t(e, "65", o[65]), t(e, "60", o[60]), t(e, "55", o[55]), t(e, "50", o[50]), t(e, "45", o[45]), t(e, "40", o[40]), t(e, "35", o[35]), t(e, "30", o[30]), t(e, "25", o[25]), t(e, "20", o[20]), t(e, "15", o[15]), t(e, "10", o[10]), t(e, "05", o[5]);
+        const e = i.yellow, o = "yellow";
+        t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
       }
       if (i.green) {
-        const o = i.green, e = "green";
-        t(e, "95", o[95]), t(e, "90", o[90]), t(e, "85", o[85]), t(e, "80", o[80]), t(e, "75", o[75]), t(e, "70", o[70]), t(e, "65", o[65]), t(e, "60", o[60]), t(e, "55", o[55]), t(e, "50", o[50]), t(e, "45", o[45]), t(e, "40", o[40]), t(e, "35", o[35]), t(e, "30", o[30]), t(e, "25", o[25]), t(e, "20", o[20]), t(e, "15", o[15]), t(e, "10", o[10]), t(e, "05", o[5]);
+        const e = i.green, o = "green";
+        t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
       }
       if (i.cyan) {
-        const o = i.cyan, e = "cyan";
-        t(e, "95", o[95]), t(e, "90", o[90]), t(e, "85", o[85]), t(e, "80", o[80]), t(e, "75", o[75]), t(e, "70", o[70]), t(e, "65", o[65]), t(e, "60", o[60]), t(e, "55", o[55]), t(e, "50", o[50]), t(e, "45", o[45]), t(e, "40", o[40]), t(e, "35", o[35]), t(e, "30", o[30]), t(e, "25", o[25]), t(e, "20", o[20]), t(e, "15", o[15]), t(e, "10", o[10]), t(e, "05", o[5]);
+        const e = i.cyan, o = "cyan";
+        t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
       }
       if (i.blue) {
-        const o = i.blue, e = "blue";
-        t(e, "95", o[95]), t(e, "90", o[90]), t(e, "85", o[85]), t(e, "80", o[80]), t(e, "75", o[75]), t(e, "70", o[70]), t(e, "65", o[65]), t(e, "60", o[60]), t(e, "55", o[55]), t(e, "50", o[50]), t(e, "45", o[45]), t(e, "40", o[40]), t(e, "35", o[35]), t(e, "30", o[30]), t(e, "25", o[25]), t(e, "20", o[20]), t(e, "15", o[15]), t(e, "10", o[10]), t(e, "05", o[5]);
+        const e = i.blue, o = "blue";
+        t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
       }
       if (i.violet) {
-        const o = i.violet, e = "violet";
-        t(e, "95", o[95]), t(e, "90", o[90]), t(e, "85", o[85]), t(e, "80", o[80]), t(e, "75", o[75]), t(e, "70", o[70]), t(e, "65", o[65]), t(e, "60", o[60]), t(e, "55", o[55]), t(e, "50", o[50]), t(e, "45", o[45]), t(e, "40", o[40]), t(e, "35", o[35]), t(e, "30", o[30]), t(e, "25", o[25]), t(e, "20", o[20]), t(e, "15", o[15]), t(e, "10", o[10]), t(e, "05", o[5]);
+        const e = i.violet, o = "violet";
+        t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
       }
       if (i.magenta) {
-        const o = i.magenta, e = "magenta";
-        t(e, "95", o[95]), t(e, "90", o[90]), t(e, "85", o[85]), t(e, "80", o[80]), t(e, "75", o[75]), t(e, "70", o[70]), t(e, "65", o[65]), t(e, "60", o[60]), t(e, "55", o[55]), t(e, "50", o[50]), t(e, "45", o[45]), t(e, "40", o[40]), t(e, "35", o[35]), t(e, "30", o[30]), t(e, "25", o[25]), t(e, "20", o[20]), t(e, "15", o[15]), t(e, "10", o[10]), t(e, "05", o[5]);
+        const e = i.magenta, o = "magenta";
+        t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
       }
     }
-    if (h.miscellaneous) {
-      const i = h.miscellaneous;
-      i.zIndexTabula && s.push(`--${l}z-index-tabula: ${i.zIndexTabula};`), i.zIndexModal && s.push(`--${l}z-index-modal: ${i.zIndexModal};`), i.zIndexModalContent && s.push(`--${l}z-index-tabula-content: ${i.zIndexModalContent};`), i.zIndexHeaderIsSticky && s.push(`--${l}z-index-header-is-sticky: ${i.zIndexHeaderIsSticky};`);
+    if (a.miscellaneous) {
+      const i = a.miscellaneous;
+      i.zIndexTabula && s.push(
+        `--${l}z-index-tabula: ${i.zIndexTabula};`
+      ), i.zIndexModal && s.push(
+        `--${l}z-index-modal: ${i.zIndexModal};`
+      ), i.zIndexModalContent && s.push(
+        `--${l}z-index-tabula-content: ${i.zIndexModalContent};`
+      ), i.zIndexHeaderIsSticky && s.push(
+        `--${l}z-index-header-is-sticky: ${i.zIndexHeaderIsSticky};`
+      );
     }
-    if (h.typography) {
-      const i = h.typography;
-      i.fontFamily && (i.fontFamily.sansSerif && s.push(`--${l}font-family-sans-serif: ${i.fontFamily.sansSerif};`), i.fontFamily.serif && s.push(`--${l}font-family-serif: ${i.fontFamily.serif};`), i.fontFamily.monospace && s.push(`--${l}font-family-monospace: ${i.fontFamily.monospace};`), i.fontFamily.main && s.push(`--${l}font-family-main: ${i.fontFamily.main};`), i.fontFamily.heading && s.push(`--${l}font-family-heading: ${i.fontFamily.heading};`), i.fontFamily.code && s.push(`--${l}font-family-code: ${i.fontFamily.code};`)), i.fontSize && (i.fontSize.xsmall && s.push(`--${l}font-size-xsmall: ${i.fontSize.xsmall};`), i.fontSize.small && s.push(`--${l}font-size-small: ${i.fontSize.small};`), i.fontSize.normal && s.push(`--${l}font-size-normal: ${i.fontSize.normal};`), i.fontSize.medium && s.push(`--${l}font-size-medium: ${i.fontSize.medium};`), i.fontSize.large && s.push(`--${l}font-size-large: ${i.fontSize.large};`), i.fontSize.xlarge && s.push(`--${l}font-size-xlarge: ${i.fontSize.xlarge};`), i.fontSize.xxlarge && s.push(`--${l}font-size-xxlarge: ${i.fontSize.xxlarge};`), i.fontSize.xxxlarge && s.push(`--${l}font-size-xxxlarge: ${i.fontSize.xxxlarge};`), i.fontSize.xxxxlarge && s.push(`--${l}font-size-xxxxlarge: ${i.fontSize.xxxxlarge};`), i.fontSize.xxxxxlarge && s.push(`--${l}font-size-xxxxxlarge: ${i.fontSize.xxxxxlarge};`)), i.fontWeight && (i.fontWeight.light && s.push(
+    if (a.typography) {
+      const i = a.typography;
+      i.fontFamily && (i.fontFamily.sansSerif && s.push(
+        `--${l}font-family-sans-serif: ${i.fontFamily.sansSerif};`
+      ), i.fontFamily.serif && s.push(
+        `--${l}font-family-serif: ${i.fontFamily.serif};`
+      ), i.fontFamily.monospace && s.push(
+        `--${l}font-family-monospace: ${i.fontFamily.monospace};`
+      ), i.fontFamily.main && s.push(
+        `--${l}font-family-main: ${i.fontFamily.main};`
+      ), i.fontFamily.heading && s.push(
+        `--${l}font-family-heading: ${i.fontFamily.heading};`
+      ), i.fontFamily.code && s.push(
+        `--${l}font-family-code: ${i.fontFamily.code};`
+      )), i.fontSize && (i.fontSize.xsmall && s.push(
+        `--${l}font-size-xsmall: ${i.fontSize.xsmall};`
+      ), i.fontSize.small && s.push(
+        `--${l}font-size-small: ${i.fontSize.small};`
+      ), i.fontSize.normal && s.push(
+        `--${l}font-size-normal: ${i.fontSize.normal};`
+      ), i.fontSize.medium && s.push(
+        `--${l}font-size-medium: ${i.fontSize.medium};`
+      ), i.fontSize.large && s.push(
+        `--${l}font-size-large: ${i.fontSize.large};`
+      ), i.fontSize.xlarge && s.push(
+        `--${l}font-size-xlarge: ${i.fontSize.xlarge};`
+      ), i.fontSize.xxlarge && s.push(
+        `--${l}font-size-xxlarge: ${i.fontSize.xxlarge};`
+      ), i.fontSize.xxxlarge && s.push(
+        `--${l}font-size-xxxlarge: ${i.fontSize.xxxlarge};`
+      ), i.fontSize.xxxxlarge && s.push(
+        `--${l}font-size-xxxxlarge: ${i.fontSize.xxxxlarge};`
+      ), i.fontSize.xxxxxlarge && s.push(
+        `--${l}font-size-xxxxxlarge: ${i.fontSize.xxxxxlarge};`
+      )), i.fontWeight && (i.fontWeight.light && s.push(
         `--${l}font-weight-light: ${i.fontWeight.light};`
       ), i.fontWeight.normal && s.push(
         `--${l}font-weight-normal: ${i.fontWeight.normal};`
@@ -161,15 +235,54 @@ function u(h) {
         `--${l}font-weight-medium: ${i.fontWeight.medium};`
       ), i.fontWeight.semibold && s.push(
         `--${l}font-weight-semibold: ${i.fontWeight.semibold};`
-      ), i.fontWeight.bold && s.push(`--${l}font-weight-bold: ${i.fontWeight.bold};`));
+      ), i.fontWeight.bold && s.push(
+        `--${l}font-weight-bold: ${i.fontWeight.bold};`
+      ));
+    }
+    if (a.components) {
+      const i = a.components;
+      if (i.button) {
+        const t = i.button;
+        t.paddingX && s.push(
+          `--${l}button-padding-x: ${t.paddingX};`
+        ), t.paddingY && s.push(
+          `--${l}button-padding-y: ${t.paddingY};`
+        );
+      }
+      if (i.dialogue) {
+        const t = i.dialogue;
+        t.avatarSizeDefault && s.push(
+          `--${l}dialogue-avatar-size-default: ${t.avatarSizeDefault};`
+        ), t.avatarSizeSmall && s.push(
+          `--${l}dialogue-avatar-size-small: ${t.avatarSizeSmall};`
+        ), t.avatarSizeLarge && s.push(
+          `--${l}dialogue-avatar-size-large: ${t.avatarSizeLarge};`
+        ), t.avatarTopOffset && s.push(
+          `--${l}dialogue-avatar-top-offset: ${t.avatarTopOffset};`
+        ), t.nameFontSize && (t.nameFontSize.includes("rem"), s.push(
+          `--${l}dialogue-name-font-size: ${t.nameFontSize};`
+        )), t.namePaddingX && s.push(
+          `--${l}dialogue-name-padding-x: ${t.namePaddingX};`
+        ), t.namePaddingY && s.push(
+          `--${l}dialogue-name-padding-y: ${t.namePaddingY};`
+        ), t.messageArrowHeight && s.push(
+          `--${l}dialogue-messege-arrow-height: ${t.messageArrowHeight};`
+        ), t.messageArrowWidth && s.push(
+          `--${l}dialogue-messege-arrow-width: ${t.messageArrowWidth};`
+        ), t.messageInnerPaddingX && s.push(
+          `--${l}dialogue-message-inner-padding-x: ${t.messageInnerPaddingX};`
+        ), t.messageInnerPaddingY && s.push(
+          `--${l}dialogue-message-inner-padding-y: ${t.messageInnerPaddingY};`
+        );
+      }
     }
   }
   return s;
 }
-function d(h) {
+function u(a) {
   const s = [];
-  if (h && h.color) {
-    const i = h.color;
+  if (a && a.color) {
+    const i = a.color;
     if (i.light) {
       if (i.light.default) {
         const t = n("default", i.light.default);
@@ -293,10 +406,10 @@ function d(h) {
   }
   return s;
 }
-function g(h) {
+function g(a) {
   const s = [];
-  if (h && h.color) {
-    const i = h.color;
+  if (a && a.color) {
+    const i = a.color;
     if (i.dark) {
       if (i.dark.default) {
         const t = n("default", i.dark.default);
@@ -426,8 +539,8 @@ function g(h) {
 }
 const c = {
   getMinolithCssVariableStyles: $,
-  getRootStyles: u,
-  getLightSchemeStyles: d,
+  getRootStyles: d,
+  getLightSchemeStyles: u,
   getDarkSchemeStyles: g
 };
 export {