react-minolith 0.0.28 → 0.0.29

package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js

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