npm - react-minolith - Versions diffs - 0.0.30 → 1.0.0 - Mend

react-minolith 0.0.30 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (232) hide show

package/dist/utilities/classNameUtility.js CHANGED Viewed

@@ -1,313 +1,232 @@
-function h(i) {
-  const e = [], t = (o, a, l, c) => {
-    l && e.push(
-      `${o}${c ? `-${c}` : ""}${a === "default" ? "" : `-${a}`}-${l.name}-${l.lightness === 5 ? "05" : l.lightness}`
+function a(i) {
+  const o = [], e = (t, h, l, c) => {
+    l && l.name === "rainbow" && o.push(
+      `${t}${c ? `-${c}` : ""}${h === "default" ? "" : `-${h}`}-${l.name}-${l.lightness === 5 ? "05" : l.lightness}`
     );
   };
   if (i.fore) {
     if (i.fore.color) {
-      if (t("forecolor", "default", i.fore.color.default), t("forecolor", "hover", i.fore.color.hover), t("forecolor", "focus", i.fore.color.focus), t("forecolor", "active", i.fore.color.active), t("forecolor", "disabled", i.fore.color.disabled), i.fore.color.light) {
-        const o = i.fore.color.light;
-        t(
+      if (e("forecolor", "default", i.fore.color.default), e("forecolor", "hover", i.fore.color.hover), e("forecolor", "focus", i.fore.color.focus), e("forecolor", "active", i.fore.color.active), e("forecolor", "disabled", i.fore.color.disabled), i.fore.color.light) {
+        const t = i.fore.color.light;
+        e(
           "forecolor",
           "default",
-          o.default,
+          t.default,
           "light"
-        ), t("forecolor", "hover", o.hover, "light"), t("forecolor", "focus", o.focus, "light"), t("forecolor", "active", o.active, "light"), t(
+        ), e("forecolor", "hover", t.hover, "light"), e("forecolor", "focus", t.focus, "light"), e("forecolor", "active", t.active, "light"), e(
           "forecolor",
           "disabled",
-          o.disabled,
+          t.disabled,
           "light"
         );
       }
       if (i.fore.color.dark) {
-        const o = i.fore.color.dark;
-        t("forecolor", "default", o.default, "dark"), t("forecolor", "hover", o.hover, "dark"), t("forecolor", "focus", o.focus, "dark"), t("forecolor", "active", o.active, "dark"), t(
+        const t = i.fore.color.dark;
+        e("forecolor", "default", t.default, "dark"), e("forecolor", "hover", t.hover, "dark"), e("forecolor", "focus", t.focus, "dark"), e("forecolor", "active", t.active, "dark"), e(
           "forecolor",
           "disabled",
-          o.disabled,
+          t.disabled,
           "dark"
         );
       }
     }
-    i.fore.fontSize && e.push(`font-size-${i.fore.fontSize}`), i.fore.fontWeight && e.push(`font-weight-${i.fore.fontWeight}`), i.fore.isItalic && e.push("italic");
+    i.fore.isItalic && o.push("italic");
   }
   if (i.back && i.back.color) {
-    if (t("backcolor", "default", i.back.color.default), t("backcolor", "hover", i.back.color.hover), t("backcolor", "focus", i.back.color.focus), t("backcolor", "active", i.back.color.active), t("backcolor", "disabled", i.back.color.disabled), i.back.color.light) {
-      const o = i.back.color.light;
-      t(
+    if (e("backcolor", "default", i.back.color.default), e("backcolor", "hover", i.back.color.hover), e("backcolor", "focus", i.back.color.focus), e("backcolor", "active", i.back.color.active), e("backcolor", "disabled", i.back.color.disabled), i.back.color.light) {
+      const t = i.back.color.light;
+      e(
         "backcolor",
         "default",
-        o.default,
+        t.default,
         "light"
-      ), t("backcolor", "hover", o.hover, "light"), t("backcolor", "focus", o.focus, "light"), t("backcolor", "active", o.active, "light"), t(
+      ), e("backcolor", "hover", t.hover, "light"), e("backcolor", "focus", t.focus, "light"), e("backcolor", "active", t.active, "light"), e(
         "backcolor",
         "disabled",
-        o.disabled,
+        t.disabled,
         "light"
       );
     }
     if (i.back.color.dark) {
-      const o = i.back.color.dark;
-      t("backcolor", "default", o.default, "dark"), t("backcolor", "hover", o.hover, "dark"), t("backcolor", "focus", o.focus, "dark"), t("backcolor", "active", o.active, "dark"), t(
+      const t = i.back.color.dark;
+      e("backcolor", "default", t.default, "dark"), e("backcolor", "hover", t.hover, "dark"), e("backcolor", "focus", t.focus, "dark"), e("backcolor", "active", t.active, "dark"), e(
         "backcolor",
         "disabled",
-        o.disabled,
+        t.disabled,
         "dark"
       );
     }
   }
   if (i.highlighter && i.highlighter.color) {
-    if (t(
+    if (e(
       "highlighter",
       "default",
       i.highlighter.color.default
-    ), t("highlighter", "hover", i.highlighter.color.hover), t("highlighter", "focus", i.highlighter.color.focus), t("highlighter", "active", i.highlighter.color.active), t(
+    ), e("highlighter", "hover", i.highlighter.color.hover), e("highlighter", "focus", i.highlighter.color.focus), e("highlighter", "active", i.highlighter.color.active), e(
       "highlighter",
       "disabled",
       i.highlighter.color.disabled
     ), i.highlighter.color.light) {
-      const o = i.highlighter.color.light;
-      t(
+      const t = i.highlighter.color.light;
+      e(
         "highlighter",
         "default",
-        o.default,
+        t.default,
         "light"
-      ), t(
+      ), e(
         "highlighter",
         "hover",
-        o.hover,
+        t.hover,
         "light"
-      ), t(
+      ), e(
         "highlighter",
         "focus",
-        o.focus,
+        t.focus,
         "light"
-      ), t(
+      ), e(
         "highlighter",
         "active",
-        o.active,
+        t.active,
         "light"
-      ), t(
+      ), e(
         "highlighter",
         "disabled",
-        o.disabled,
+        t.disabled,
         "light"
       );
     }
     if (i.highlighter.color.dark) {
-      const o = i.highlighter.color.dark;
-      t(
+      const t = i.highlighter.color.dark;
+      e(
         "highlighter",
         "default",
-        o.default,
+        t.default,
         "dark"
-      ), t(
+      ), e(
         "highlighter",
         "hover",
-        o.hover,
+        t.hover,
         "dark"
-      ), t(
+      ), e(
         "highlighter",
         "focus",
-        o.focus,
+        t.focus,
         "dark"
-      ), t(
+      ), e(
         "highlighter",
         "active",
-        o.active,
+        t.active,
         "dark"
-      ), t(
+      ), e(
         "highlighter",
         "disabled",
-        o.disabled,
+        t.disabled,
         "dark"
       );
     }
   }
-  if (i.border) {
-    if (e.push(`border-${i.border.style}`), i.border.color) {
-      if (t("bordercolor", "default", i.border.color.default), t("bordercolor", "hover", i.border.color.hover), t("bordercolor", "focus", i.border.color.focus), t("bordercolor", "active", i.border.color.active), t("bordercolor", "disabled", i.border.color.disabled), i.border.color.light) {
-        const a = i.border.color.light;
-        t(
-          "bordercolor",
-          "default",
-          a.default,
-          "light"
-        ), t(
-          "bordercolor",
-          "hover",
-          a.hover,
-          "light"
-        ), t(
-          "bordercolor",
-          "focus",
-          a.focus,
-          "light"
-        ), t(
-          "bordercolor",
-          "active",
-          a.active,
-          "light"
-        ), t(
-          "bordercolor",
-          "disabled",
-          a.disabled,
-          "light"
-        );
-      }
-      if (i.border.color.dark) {
-        const a = i.border.color.dark;
-        t(
-          "bordercolor",
-          "default",
-          a.default,
-          "dark"
-        ), t("bordercolor", "hover", a.hover, "dark"), t("bordercolor", "focus", a.focus, "dark"), t(
-          "bordercolor",
-          "active",
-          a.active,
-          "dark"
-        ), t(
-          "bordercolor",
-          "disabled",
-          a.disabled,
-          "dark"
-        );
-      }
-    }
-    i.border.width && e.push(`border-width-${i.border.width}`), i.border.collapse && e.push(`border-${i.border.collapse}`), i.border.radius && e.push(`border-radius-${i.border.radius}`);
-    const o = (a, l) => {
-      a.color && (t(
-        `bordercolor-${l}`,
-        "default",
-        a.color.default
-      ), t(
-        `bordercolor-${l}`,
-        "hover",
-        a.color.hover
-      ), t(
-        `bordercolor-${l}`,
-        "focus",
-        a.color.focus
-      ), t(
-        `bordercolor-${l}`,
-        "active",
-        a.color.active
-      ), t(
-        `bordercolor-${l}`,
-        "disabled",
-        a.color.disabled
-      )), a.style && e.push(
-        `border-${l}-style-${a.style}`
-      ), a.width && e.push(
-        `border-${l}-width-${a.width}`
-      );
-    };
-    i.border.top && o(i.border.top, "top"), i.border.right && o(i.border.right, "right"), i.border.bottom && o(i.border.bottom, "bottom"), i.border.left && o(i.border.left, "left");
-  }
   if (i.positioning) {
-    if (i.positioning.display && e.push(`display-${i.positioning.display}`), i.positioning.position && e.push(`position-${i.positioning.position}`), i.positioning.top) {
+    if (i.positioning.display && o.push(`display-${i.positioning.display}`), i.positioning.position && o.push(`position-${i.positioning.position}`), i.positioning.top) {
       if (typeof i.positioning.top == "number")
-        e.push(`top-${i.positioning.top}rem`);
+        o.push(`top-${i.positioning.top}rem`);
       else if (typeof i.positioning.top == "string")
         if (i.positioning.top.includes("%")) {
-          const o = i.positioning.top.replace("%", "");
-          e.push(`top-${o}percent`);
+          const t = i.positioning.top.replace("%", "");
+          o.push(`top-${t}percent`);
         } else
-          e.push(`top-${i.positioning.top}`);
+          o.push(`top-${i.positioning.top}`);
     }
     if (i.positioning.bottom) {
       if (typeof i.positioning.bottom == "number")
-        e.push(`bottom-${i.positioning.bottom}rem`);
+        o.push(`bottom-${i.positioning.bottom}rem`);
       else if (typeof i.positioning.bottom == "string")
         if (i.positioning.bottom.includes("%")) {
-          const o = i.positioning.bottom.replace("%", "");
-          e.push(`bottom-${o}percent`);
+          const t = i.positioning.bottom.replace("%", "");
+          o.push(`bottom-${t}percent`);
         } else
-          e.push(`bottom-${i.positioning.bottom}`);
+          o.push(`bottom-${i.positioning.bottom}`);
     }
     if (i.positioning.left) {
       if (typeof i.positioning.left == "number")
-        e.push(`left-${i.positioning.left}rem`);
+        o.push(`left-${i.positioning.left}rem`);
       else if (typeof i.positioning.left == "string")
         if (i.positioning.left.includes("%")) {
-          const o = i.positioning.left.replace("%", "");
-          e.push(`left-${o}percent`);
+          const t = i.positioning.left.replace("%", "");
+          o.push(`left-${t}percent`);
         } else
-          e.push(`left-${i.positioning.left}`);
+          o.push(`left-${i.positioning.left}`);
     }
     if (i.positioning.right) {
       if (typeof i.positioning.right == "number")
-        e.push(`right-${i.positioning.right}rem`);
+        o.push(`right-${i.positioning.right}rem`);
       else if (typeof i.positioning.right == "string")
         if (i.positioning.right.includes("%")) {
-          const o = i.positioning.right.replace("%", "");
-          e.push(`right-${o}percent`);
+          const t = i.positioning.right.replace("%", "");
+          o.push(`right-${t}percent`);
         } else
-          e.push(`right-${i.positioning.right}`);
+          o.push(`right-${i.positioning.right}`);
     }
-    i.positioning.translateMiddle && e.push("translate-middle"), i.positioning.translateMiddleX && e.push("translate-middle-x"), i.positioning.translateMiddleY && e.push("translate-middle-y");
+    i.positioning.translateMiddle && o.push("translate-middle"), i.positioning.translateMiddleX && o.push("translate-middle-x"), i.positioning.translateMiddleY && o.push("translate-middle-y");
   }
   if (i.sizing) {
     if (i.sizing.width) {
       if (typeof i.sizing.width == "number")
-        e.push(`width-${i.sizing.width}rem`);
+        o.push(`width-${i.sizing.width}rem`);
       else if (typeof i.sizing.width == "string")
         switch (i.sizing.width) {
           case "0%":
-            e.push("width-0percent");
+            o.push("width-0percent");
             break;
           case "25%":
-            e.push("width-25percent");
+            o.push("width-25percent");
             break;
           case "50%":
-            e.push("width-50percent");
+            o.push("width-50percent");
             break;
           case "75%":
-            e.push("width-75percent");
+            o.push("width-75percent");
             break;
           case "100%":
-            e.push("width-100percent");
+            o.push("width-100percent");
             break;
           case "auto":
-            e.push("width-auto");
+            o.push("width-auto");
             break;
         }
     }
     if (i.sizing.height) {
       if (typeof i.sizing.height == "number")
-        e.push(`height-${i.sizing.height}rem`);
+        o.push(`height-${i.sizing.height}rem`);
       else if (typeof i.sizing.height == "string")
         switch (i.sizing.height) {
           case "0%":
-            e.push("height-0percent");
+            o.push("height-0percent");
             break;
           case "25%":
-            e.push("height-25percent");
+            o.push("height-25percent");
             break;
           case "50%":
-            e.push("height-50percent");
+            o.push("height-50percent");
             break;
           case "75%":
-            e.push("height-75percent");
+            o.push("height-75percent");
             break;
           case "100%":
-            e.push("height-100percent");
+            o.push("height-100percent");
             break;
           case "auto":
-            e.push("height-auto");
+            o.push("height-auto");
             break;
         }
     }
-    i.sizing.aspectRatio && (i.sizing.aspectRatio.includes(":") ? e.push(
+    i.sizing.aspectRatio && (i.sizing.aspectRatio.includes(":") ? o.push(
       `aspect-ratio-${i.sizing.aspectRatio.replace(":", "-")}`
-    ) : e.push(`aspect-ratio-${i.sizing.aspectRatio}`));
+    ) : o.push(`aspect-ratio-${i.sizing.aspectRatio}`));
   }
-  return i.spacing && (i.spacing.margin && (typeof i.spacing.margin == "number" ? e.push(`m-${i.spacing.margin}rem`) : typeof i.spacing.margin == "string" ? e.push("m-auto") : (i.spacing.margin.x && (i.spacing.margin.x === "auto" ? e.push("mx-auto") : e.push(`mx-${i.spacing.margin.x}rem`)), i.spacing.margin.y && (i.spacing.margin.y === "auto" ? e.push("my-auto") : e.push(`my-${i.spacing.margin.y}rem`)), i.spacing.margin.top && (i.spacing.margin.top === "auto" ? e.push("mt-auto") : e.push(`mt-${i.spacing.margin.top}rem`)), i.spacing.margin.right && (i.spacing.margin.right === "auto" ? e.push("mr-auto") : e.push(`mr-${i.spacing.margin.right}rem`)), i.spacing.margin.bottom && (i.spacing.margin.bottom === "auto" ? e.push("mb-auto") : e.push(`mb-${i.spacing.margin.bottom}rem`)), i.spacing.margin.left && (i.spacing.margin.left === "auto" ? e.push("ml-auto") : e.push(`ml-${i.spacing.margin.left}rem`)))), i.spacing.padding && (typeof i.spacing.padding == "number" ? e.push(`p-${i.spacing.padding}rem`) : typeof i.spacing.padding == "string" ? e.push("p-auto") : (i.spacing.padding.x && (i.spacing.padding.x === "auto" ? e.push("px-auto") : e.push(`px-${i.spacing.padding.x}rem`)), i.spacing.padding.y && (i.spacing.padding.y === "auto" ? e.push("py-auto") : e.push(`py-${i.spacing.padding.y}rem`)), i.spacing.padding.top && (i.spacing.padding.top === "auto" ? e.push("pt-auto") : e.push(`pt-${i.spacing.padding.top}rem`)), i.spacing.padding.right && (i.spacing.padding.right === "auto" ? e.push("pr-auto") : e.push(`pr-${i.spacing.padding.right}rem`)), i.spacing.padding.bottom && (i.spacing.padding.bottom === "auto" ? e.push("pb-auto") : e.push(`pb-${i.spacing.padding.bottom}rem`)), i.spacing.padding.left && (i.spacing.padding.left === "auto" ? e.push("pl-auto") : e.push(`pl-${i.spacing.padding.left}rem`))))), e;
+  return o;
 }
 const g = {
-  getUtilityClassNames: h
+  getUtilityClassNames: a
 };
 export {
   g as default

package/dist/utilities/classNameUtility.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"classNameUtility.js","sources":["../../src/utilities/classNameUtility.ts"],"sourcesContent":["import BaseComponentProps from \"../common/models/BaseComponentProps\";\r\nimport { BorderDetailProps, ColorAttributes, ColorName } from \"../common/literalTypes\";\r\n\r\nfunction getUtilityClassNames(props: BaseComponentProps): string[] {\r\n const assignedClassNames: string[] = [];\r\n const assignStateColor = <ColorNameType = ColorName>(\r\n name: string,\r\n stateStr: string,\r\n state?: ColorAttributes<ColorNameType>,\r\n colorScheme?: string\r\n ) => {\r\n state &&\r\n assignedClassNames.push(\r\n `${name}${colorScheme ? `-${colorScheme}` : \"\"}${\r\n stateStr === \"default\" ? \"\" : `-${stateStr}`\r\n }-${state.name}-${state.lightness === 5 ? `05` : state.lightness}`\r\n );\r\n };\r\n\r\n if (props.fore) {\r\n if (props.fore.color) {\r\n assignStateColor(\"forecolor\", \"default\", props.fore.color.default);\r\n assignStateColor(\"forecolor\", \"hover\", props.fore.color.hover);\r\n assignStateColor(\"forecolor\", \"focus\", props.fore.color.focus);\r\n assignStateColor(\"forecolor\", \"active\", props.fore.color.active);\r\n assignStateColor(\"forecolor\", \"disabled\", props.fore.color.disabled);\r\n\r\n if (props.fore.color.light) {\r\n const foreColorLight = props.fore.color.light;\r\n\r\n assignStateColor(\r\n \"forecolor\",\r\n \"default\",\r\n foreColorLight.default,\r\n \"light\"\r\n );\r\n assignStateColor(\"forecolor\", \"hover\", foreColorLight.hover, \"light\");\r\n assignStateColor(\"forecolor\", \"focus\", foreColorLight.focus, \"light\");\r\n assignStateColor(\"forecolor\", \"active\", foreColorLight.active, \"light\");\r\n assignStateColor(\r\n \"forecolor\",\r\n \"disabled\",\r\n foreColorLight.disabled,\r\n \"light\"\r\n );\r\n }\r\n if (props.fore.color.dark) {\r\n const foreColorDark = props.fore.color.dark;\r\n\r\n assignStateColor(\"forecolor\", \"default\", foreColorDark.default, \"dark\");\r\n assignStateColor(\"forecolor\", \"hover\", foreColorDark.hover, \"dark\");\r\n assignStateColor(\"forecolor\", \"focus\", foreColorDark.focus, \"dark\");\r\n assignStateColor(\"forecolor\", \"active\", foreColorDark.active, \"dark\");\r\n assignStateColor(\r\n \"forecolor\",\r\n \"disabled\",\r\n foreColorDark.disabled,\r\n \"dark\"\r\n );\r\n }\r\n }\r\n\r\n props.fore.fontSize &&\r\n assignedClassNames.push(`font-size-${props.fore.fontSize}`);\r\n props.fore.fontWeight &&\r\n assignedClassNames.push(`font-weight-${props.fore.fontWeight}`);\r\n props.fore.isItalic && assignedClassNames.push(`italic`);\r\n }\r\n\r\n if (props.back) {\r\n if (props.back.color) {\r\n assignStateColor(\"backcolor\", \"default\", props.back.color.default);\r\n assignStateColor(\"backcolor\", \"hover\", props.back.color.hover);\r\n assignStateColor(\"backcolor\", \"focus\", props.back.color.focus);\r\n assignStateColor(\"backcolor\", \"active\", props.back.color.active);\r\n assignStateColor(\"backcolor\", \"disabled\", props.back.color.disabled);\r\n if (props.back.color.light) {\r\n const backColorLight = props.back.color.light;\r\n\r\n assignStateColor(\r\n \"backcolor\",\r\n \"default\",\r\n backColorLight.default,\r\n \"light\"\r\n );\r\n assignStateColor(\"backcolor\", \"hover\", backColorLight.hover, \"light\");\r\n assignStateColor(\"backcolor\", \"focus\", backColorLight.focus, \"light\");\r\n assignStateColor(\"backcolor\", \"active\", backColorLight.active, \"light\");\r\n assignStateColor(\r\n \"backcolor\",\r\n \"disabled\",\r\n backColorLight.disabled,\r\n \"light\"\r\n );\r\n }\r\n if (props.back.color.dark) {\r\n const backColorDark = props.back.color.dark;\r\n\r\n assignStateColor(\"backcolor\", \"default\", backColorDark.default, \"dark\");\r\n assignStateColor(\"backcolor\", \"hover\", backColorDark.hover, \"dark\");\r\n assignStateColor(\"backcolor\", \"focus\", backColorDark.focus, \"dark\");\r\n assignStateColor(\"backcolor\", \"active\", backColorDark.active, \"dark\");\r\n assignStateColor(\r\n \"backcolor\",\r\n \"disabled\",\r\n backColorDark.disabled,\r\n \"dark\"\r\n );\r\n }\r\n }\r\n }\r\n\r\n if (props.highlighter) {\r\n if (props.highlighter.color) {\r\n assignStateColor(\r\n \"highlighter\",\r\n \"default\",\r\n props.highlighter.color.default\r\n );\r\n assignStateColor(\"highlighter\", \"hover\", props.highlighter.color.hover);\r\n assignStateColor(\"highlighter\", \"focus\", props.highlighter.color.focus);\r\n assignStateColor(\"highlighter\", \"active\", props.highlighter.color.active);\r\n assignStateColor(\r\n \"highlighter\",\r\n \"disabled\",\r\n props.highlighter.color.disabled\r\n );\r\n if (props.highlighter.color.light) {\r\n const highlighterColorLight = props.highlighter.color.light;\r\n\r\n assignStateColor(\r\n \"highlighter\",\r\n \"default\",\r\n highlighterColorLight.default,\r\n \"light\"\r\n );\r\n assignStateColor(\r\n \"highlighter\",\r\n \"hover\",\r\n highlighterColorLight.hover,\r\n \"light\"\r\n );\r\n assignStateColor(\r\n \"highlighter\",\r\n \"focus\",\r\n highlighterColorLight.focus,\r\n \"light\"\r\n );\r\n assignStateColor(\r\n \"highlighter\",\r\n \"active\",\r\n highlighterColorLight.active,\r\n \"light\"\r\n );\r\n assignStateColor(\r\n \"highlighter\",\r\n \"disabled\",\r\n highlighterColorLight.disabled,\r\n \"light\"\r\n );\r\n }\r\n if (props.highlighter.color.dark) {\r\n const highlighterColorDark = props.highlighter.color.dark;\r\n\r\n assignStateColor(\r\n \"highlighter\",\r\n \"default\",\r\n highlighterColorDark.default,\r\n \"dark\"\r\n );\r\n assignStateColor(\r\n \"highlighter\",\r\n \"hover\",\r\n highlighterColorDark.hover,\r\n \"dark\"\r\n );\r\n assignStateColor(\r\n \"highlighter\",\r\n \"focus\",\r\n highlighterColorDark.focus,\r\n \"dark\"\r\n );\r\n assignStateColor(\r\n \"highlighter\",\r\n \"active\",\r\n highlighterColorDark.active,\r\n \"dark\"\r\n );\r\n assignStateColor(\r\n \"highlighter\",\r\n \"disabled\",\r\n highlighterColorDark.disabled,\r\n \"dark\"\r\n );\r\n }\r\n }\r\n }\r\n\r\n if (props.border) {\r\n assignedClassNames.push(`border-${props.border.style}`);\r\n\r\n if (props.border.color) {\r\n assignStateColor(\"bordercolor\", \"default\", props.border.color.default);\r\n assignStateColor(\"bordercolor\", \"hover\", props.border.color.hover);\r\n assignStateColor(\"bordercolor\", \"focus\", props.border.color.focus);\r\n assignStateColor(\"bordercolor\", \"active\", props.border.color.active);\r\n assignStateColor(\"bordercolor\", \"disabled\", props.border.color.disabled);\r\n if (props.border.color.light) {\r\n const borderColorLight = props.border.color.light;\r\n\r\n assignStateColor(\r\n \"bordercolor\",\r\n \"default\",\r\n borderColorLight.default,\r\n \"light\"\r\n );\r\n assignStateColor(\r\n \"bordercolor\",\r\n \"hover\",\r\n borderColorLight.hover,\r\n \"light\"\r\n );\r\n assignStateColor(\r\n \"bordercolor\",\r\n \"focus\",\r\n borderColorLight.focus,\r\n \"light\"\r\n );\r\n assignStateColor(\r\n \"bordercolor\",\r\n \"active\",\r\n borderColorLight.active,\r\n \"light\"\r\n );\r\n assignStateColor(\r\n \"bordercolor\",\r\n \"disabled\",\r\n borderColorLight.disabled,\r\n \"light\"\r\n );\r\n }\r\n if (props.border.color.dark) {\r\n const borderColorDark = props.border.color.dark;\r\n\r\n assignStateColor(\r\n \"bordercolor\",\r\n \"default\",\r\n borderColorDark.default,\r\n \"dark\"\r\n );\r\n assignStateColor(\"bordercolor\", \"hover\", borderColorDark.hover, \"dark\");\r\n assignStateColor(\"bordercolor\", \"focus\", borderColorDark.focus, \"dark\");\r\n assignStateColor(\r\n \"bordercolor\",\r\n \"active\",\r\n borderColorDark.active,\r\n \"dark\"\r\n );\r\n assignStateColor(\r\n \"bordercolor\",\r\n \"disabled\",\r\n borderColorDark.disabled,\r\n \"dark\"\r\n );\r\n }\r\n }\r\n\r\n props.border.width &&\r\n assignedClassNames.push(`border-width-${props.border.width}`);\r\n\r\n props.border.collapse &&\r\n assignedClassNames.push(`border-${props.border.collapse}`);\r\n\r\n props.border.radius &&\r\n assignedClassNames.push(`border-radius-${props.border.radius}`);\r\n\r\n const assignBorderDetail = (\r\n borderDetailProps: BorderDetailProps,\r\n position: \"top\" \| \"bottom\" \| \"left\" \| \"right\"\r\n ) => {\r\n if (borderDetailProps.color) {\r\n assignStateColor(\r\n `bordercolor-${position}`,\r\n \"default\",\r\n borderDetailProps.color.default\r\n );\r\n assignStateColor(\r\n `bordercolor-${position}`,\r\n \"hover\",\r\n borderDetailProps.color.hover\r\n );\r\n assignStateColor(\r\n `bordercolor-${position}`,\r\n \"focus\",\r\n borderDetailProps.color.focus\r\n );\r\n assignStateColor(\r\n `bordercolor-${position}`,\r\n \"active\",\r\n borderDetailProps.color.active\r\n );\r\n assignStateColor(\r\n `bordercolor-${position}`,\r\n \"disabled\",\r\n borderDetailProps.color.disabled\r\n );\r\n }\r\n borderDetailProps.style &&\r\n assignedClassNames.push(\r\n `border-${position}-style-${borderDetailProps.style}`\r\n );\r\n\r\n borderDetailProps.width &&\r\n assignedClassNames.push(\r\n `border-${position}-width-${borderDetailProps.width}`\r\n );\r\n };\r\n\r\n if (props.border.top) {\r\n assignBorderDetail(props.border.top, \"top\");\r\n }\r\n if (props.border.right) {\r\n assignBorderDetail(props.border.right, \"right\");\r\n }\r\n if (props.border.bottom) {\r\n assignBorderDetail(props.border.bottom, \"bottom\");\r\n }\r\n if (props.border.left) {\r\n assignBorderDetail(props.border.left, \"left\");\r\n }\r\n }\r\n\r\n if (props.positioning) {\r\n if (props.positioning.display) {\r\n assignedClassNames.push(`display-${props.positioning.display}`);\r\n }\r\n if (props.positioning.position) {\r\n assignedClassNames.push(`position-${props.positioning.position}`);\r\n }\r\n if (props.positioning.top) {\r\n if (typeof props.positioning.top === \"number\") {\r\n assignedClassNames.push(`top-${props.positioning.top}rem`);\r\n } else if (typeof props.positioning.top === \"string\") {\r\n if (props.positioning.top.includes(\"%\")) {\r\n const val = props.positioning.top.replace(\"%\", \"\");\r\n assignedClassNames.push(`top-${val}percent`);\r\n } else {\r\n assignedClassNames.push(`top-${props.positioning.top}`);\r\n }\r\n }\r\n }\r\n if (props.positioning.bottom) {\r\n if (typeof props.positioning.bottom === \"number\") {\r\n assignedClassNames.push(`bottom-${props.positioning.bottom}rem`);\r\n } else if (typeof props.positioning.bottom === \"string\") {\r\n if (props.positioning.bottom.includes(\"%\")) {\r\n const val = props.positioning.bottom.replace(\"%\", \"\");\r\n assignedClassNames.push(`bottom-${val}percent`);\r\n } else {\r\n assignedClassNames.push(`bottom-${props.positioning.bottom}`);\r\n }\r\n }\r\n }\r\n if (props.positioning.left) {\r\n if (typeof props.positioning.left === \"number\") {\r\n assignedClassNames.push(`left-${props.positioning.left}rem`);\r\n } else if (typeof props.positioning.left === \"string\") {\r\n if (props.positioning.left.includes(\"%\")) {\r\n const val = props.positioning.left.replace(\"%\", \"\");\r\n assignedClassNames.push(`left-${val}percent`);\r\n } else {\r\n assignedClassNames.push(`left-${props.positioning.left}`);\r\n }\r\n }\r\n }\r\n if (props.positioning.right) {\r\n if (typeof props.positioning.right === \"number\") {\r\n assignedClassNames.push(`right-${props.positioning.right}rem`);\r\n } else if (typeof props.positioning.right === \"string\") {\r\n if (props.positioning.right.includes(\"%\")) {\r\n const val = props.positioning.right.replace(\"%\", \"\");\r\n assignedClassNames.push(`right-${val}percent`);\r\n } else {\r\n assignedClassNames.push(`right-${props.positioning.right}`);\r\n }\r\n }\r\n }\r\n if (props.positioning.translateMiddle) {\r\n assignedClassNames.push(`translate-middle`);\r\n }\r\n if (props.positioning.translateMiddleX) {\r\n assignedClassNames.push(`translate-middle-x`);\r\n }\r\n if (props.positioning.translateMiddleY) {\r\n assignedClassNames.push(`translate-middle-y`);\r\n }\r\n }\r\n\r\n if (props.sizing) {\r\n if (props.sizing.width) {\r\n if (typeof props.sizing.width === \"number\") {\r\n assignedClassNames.push(`width-${props.sizing.width}rem`);\r\n } else if (typeof props.sizing.width === \"string\") {\r\n switch (props.sizing.width) {\r\n case \"0%\":\r\n assignedClassNames.push(`width-0percent`);\r\n break;\r\n case \"25%\":\r\n assignedClassNames.push(`width-25percent`);\r\n break;\r\n case \"50%\":\r\n assignedClassNames.push(`width-50percent`);\r\n break;\r\n case \"75%\":\r\n assignedClassNames.push(`width-75percent`);\r\n break;\r\n case \"100%\":\r\n assignedClassNames.push(`width-100percent`);\r\n break;\r\n case \"auto\":\r\n assignedClassNames.push(`width-auto`);\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (props.sizing.height) {\r\n if (typeof props.sizing.height === \"number\") {\r\n assignedClassNames.push(`height-${props.sizing.height}rem`);\r\n } else if (typeof props.sizing.height === \"string\") {\r\n switch (props.sizing.height) {\r\n case \"0%\":\r\n assignedClassNames.push(`height-0percent`);\r\n break;\r\n case \"25%\":\r\n assignedClassNames.push(`height-25percent`);\r\n break;\r\n case \"50%\":\r\n assignedClassNames.push(`height-50percent`);\r\n break;\r\n case \"75%\":\r\n assignedClassNames.push(`height-75percent`);\r\n break;\r\n case \"100%\":\r\n assignedClassNames.push(`height-100percent`);\r\n break;\r\n case \"auto\":\r\n assignedClassNames.push(`height-auto`);\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (props.sizing.aspectRatio) {\r\n if (props.sizing.aspectRatio.includes(\":\")) {\r\n assignedClassNames.push(\r\n `aspect-ratio-${props.sizing.aspectRatio.replace(\":\", \"-\")}`\r\n );\r\n } else {\r\n assignedClassNames.push(`aspect-ratio-${props.sizing.aspectRatio}`);\r\n }\r\n }\r\n }\r\n\r\n if (props.spacing) {\r\n if (props.spacing.margin) {\r\n if (typeof props.spacing.margin === \"number\") {\r\n assignedClassNames.push(`m-${props.spacing.margin}rem`);\r\n } else if (typeof props.spacing.margin === \"string\") {\r\n assignedClassNames.push(`m-auto`);\r\n } else {\r\n if (props.spacing.margin.x) {\r\n if (props.spacing.margin.x === \"auto\") {\r\n assignedClassNames.push(`mx-auto`);\r\n } else {\r\n assignedClassNames.push(`mx-${props.spacing.margin.x}rem`);\r\n }\r\n }\r\n\r\n if (props.spacing.margin.y) {\r\n if (props.spacing.margin.y === \"auto\") {\r\n assignedClassNames.push(`my-auto`);\r\n } else {\r\n assignedClassNames.push(`my-${props.spacing.margin.y}rem`);\r\n }\r\n }\r\n\r\n if (props.spacing.margin.top) {\r\n if (props.spacing.margin.top === \"auto\") {\r\n assignedClassNames.push(`mt-auto`);\r\n } else {\r\n assignedClassNames.push(`mt-${props.spacing.margin.top}rem`);\r\n }\r\n }\r\n\r\n if (props.spacing.margin.right) {\r\n if (props.spacing.margin.right === \"auto\") {\r\n assignedClassNames.push(`mr-auto`);\r\n } else {\r\n assignedClassNames.push(`mr-${props.spacing.margin.right}rem`);\r\n }\r\n }\r\n\r\n if (props.spacing.margin.bottom) {\r\n if (props.spacing.margin.bottom === \"auto\") {\r\n assignedClassNames.push(`mb-auto`);\r\n } else {\r\n assignedClassNames.push(`mb-${props.spacing.margin.bottom}rem`);\r\n }\r\n }\r\n\r\n if (props.spacing.margin.left) {\r\n if (props.spacing.margin.left === \"auto\") {\r\n assignedClassNames.push(`ml-auto`);\r\n } else {\r\n assignedClassNames.push(`ml-${props.spacing.margin.left}rem`);\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (props.spacing.padding) {\r\n if (typeof props.spacing.padding === \"number\") {\r\n assignedClassNames.push(`p-${props.spacing.padding}rem`);\r\n } else if (typeof props.spacing.padding === \"string\") {\r\n assignedClassNames.push(`p-auto`);\r\n } else {\r\n if (props.spacing.padding.x) {\r\n if (props.spacing.padding.x === \"auto\") {\r\n assignedClassNames.push(`px-auto`);\r\n } else {\r\n assignedClassNames.push(`px-${props.spacing.padding.x}rem`);\r\n }\r\n }\r\n\r\n if (props.spacing.padding.y) {\r\n if (props.spacing.padding.y === \"auto\") {\r\n assignedClassNames.push(`py-auto`);\r\n } else {\r\n assignedClassNames.push(`py-${props.spacing.padding.y}rem`);\r\n }\r\n }\r\n\r\n if (props.spacing.padding.top) {\r\n if (props.spacing.padding.top === \"auto\") {\r\n assignedClassNames.push(`pt-auto`);\r\n } else {\r\n assignedClassNames.push(`pt-${props.spacing.padding.top}rem`);\r\n }\r\n }\r\n\r\n if (props.spacing.padding.right) {\r\n if (props.spacing.padding.right === \"auto\") {\r\n assignedClassNames.push(`pr-auto`);\r\n } else {\r\n assignedClassNames.push(`pr-${props.spacing.padding.right}rem`);\r\n }\r\n }\r\n\r\n if (props.spacing.padding.bottom) {\r\n if (props.spacing.padding.bottom === \"auto\") {\r\n assignedClassNames.push(`pb-auto`);\r\n } else {\r\n assignedClassNames.push(`pb-${props.spacing.padding.bottom}rem`);\r\n }\r\n }\r\n\r\n if (props.spacing.padding.left) {\r\n if (props.spacing.padding.left === \"auto\") {\r\n assignedClassNames.push(`pl-auto`);\r\n } else {\r\n assignedClassNames.push(`pl-${props.spacing.padding.left}rem`);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n return assignedClassNames;\r\n}\r\n\r\nconst classNameUtility = {\r\n getUtilityClassNames,\r\n};\r\n\r\nexport default classNameUtility;\r\n"],"names":["getUtilityClassNames","props","assignedClassNames","assignStateColor","name","stateStr","state","colorScheme","foreColorLight","foreColorDark","backColorLight","backColorDark","highlighterColorLight","highlighterColorDark","borderColorLight","borderColorDark","assignBorderDetail","borderDetailProps","position","val","classNameUtility"],"mappings":"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"}
1	+ {"version":3,"file":"classNameUtility.js","sources":["../../src/utilities/classNameUtility.ts"],"sourcesContent":["import BaseComponentProps from \"../common/models/BaseComponentProps\";\r\nimport { BorderDetailProps, ColorAttributes, ColorName } from \"../common/literalTypes\";\r\n\r\nfunction getUtilityClassNames(props: BaseComponentProps): string[] {\r\n const assignedClassNames: string[] = [];\r\n const assignStateColor = <ColorNameType = ColorName>(\r\n name: string,\r\n stateStr: string,\r\n state?: ColorAttributes<ColorNameType>,\r\n colorScheme?: string\r\n ) => {\r\n (state && state.name === \"rainbow\") &&\r\n assignedClassNames.push(\r\n `${name}${colorScheme ? `-${colorScheme}` : \"\"}${\r\n stateStr === \"default\" ? \"\" : `-${stateStr}`\r\n }-${state.name}-${state.lightness === 5 ? `05` : state.lightness}`\r\n );\r\n };\r\n\r\n if (props.fore) {\r\n if (props.fore.color) {\r\n assignStateColor(\"forecolor\", \"default\", props.fore.color.default);\r\n assignStateColor(\"forecolor\", \"hover\", props.fore.color.hover);\r\n assignStateColor(\"forecolor\", \"focus\", props.fore.color.focus);\r\n assignStateColor(\"forecolor\", \"active\", props.fore.color.active);\r\n assignStateColor(\"forecolor\", \"disabled\", props.fore.color.disabled);\r\n\r\n if (props.fore.color.light) {\r\n const foreColorLight = props.fore.color.light;\r\n\r\n assignStateColor(\r\n \"forecolor\",\r\n \"default\",\r\n foreColorLight.default,\r\n \"light\"\r\n );\r\n assignStateColor(\"forecolor\", \"hover\", foreColorLight.hover, \"light\");\r\n assignStateColor(\"forecolor\", \"focus\", foreColorLight.focus, \"light\");\r\n assignStateColor(\"forecolor\", \"active\", foreColorLight.active, \"light\");\r\n assignStateColor(\r\n \"forecolor\",\r\n \"disabled\",\r\n foreColorLight.disabled,\r\n \"light\"\r\n );\r\n }\r\n if (props.fore.color.dark) {\r\n const foreColorDark = props.fore.color.dark;\r\n\r\n assignStateColor(\"forecolor\", \"default\", foreColorDark.default, \"dark\");\r\n assignStateColor(\"forecolor\", \"hover\", foreColorDark.hover, \"dark\");\r\n assignStateColor(\"forecolor\", \"focus\", foreColorDark.focus, \"dark\");\r\n assignStateColor(\"forecolor\", \"active\", foreColorDark.active, \"dark\");\r\n assignStateColor(\r\n \"forecolor\",\r\n \"disabled\",\r\n foreColorDark.disabled,\r\n \"dark\"\r\n );\r\n }\r\n }\r\n\r\n // props.fore.fontSize &&\r\n // assignedClassNames.push(`font-size-${props.fore.fontSize}`);\r\n // props.fore.fontWeight &&\r\n // assignedClassNames.push(`font-weight-${props.fore.fontWeight}`);\r\n props.fore.isItalic && assignedClassNames.push(`italic`);\r\n }\r\n\r\n if (props.back) {\r\n if (props.back.color) {\r\n assignStateColor(\"backcolor\", \"default\", props.back.color.default);\r\n assignStateColor(\"backcolor\", \"hover\", props.back.color.hover);\r\n assignStateColor(\"backcolor\", \"focus\", props.back.color.focus);\r\n assignStateColor(\"backcolor\", \"active\", props.back.color.active);\r\n assignStateColor(\"backcolor\", \"disabled\", props.back.color.disabled);\r\n if (props.back.color.light) {\r\n const backColorLight = props.back.color.light;\r\n\r\n assignStateColor(\r\n \"backcolor\",\r\n \"default\",\r\n backColorLight.default,\r\n \"light\"\r\n );\r\n assignStateColor(\"backcolor\", \"hover\", backColorLight.hover, \"light\");\r\n assignStateColor(\"backcolor\", \"focus\", backColorLight.focus, \"light\");\r\n assignStateColor(\"backcolor\", \"active\", backColorLight.active, \"light\");\r\n assignStateColor(\r\n \"backcolor\",\r\n \"disabled\",\r\n backColorLight.disabled,\r\n \"light\"\r\n );\r\n }\r\n if (props.back.color.dark) {\r\n const backColorDark = props.back.color.dark;\r\n\r\n assignStateColor(\"backcolor\", \"default\", backColorDark.default, \"dark\");\r\n assignStateColor(\"backcolor\", \"hover\", backColorDark.hover, \"dark\");\r\n assignStateColor(\"backcolor\", \"focus\", backColorDark.focus, \"dark\");\r\n assignStateColor(\"backcolor\", \"active\", backColorDark.active, \"dark\");\r\n assignStateColor(\r\n \"backcolor\",\r\n \"disabled\",\r\n backColorDark.disabled,\r\n \"dark\"\r\n );\r\n }\r\n }\r\n }\r\n\r\n if (props.highlighter) {\r\n if (props.highlighter.color) {\r\n assignStateColor(\r\n \"highlighter\",\r\n \"default\",\r\n props.highlighter.color.default\r\n );\r\n assignStateColor(\"highlighter\", \"hover\", props.highlighter.color.hover);\r\n assignStateColor(\"highlighter\", \"focus\", props.highlighter.color.focus);\r\n assignStateColor(\"highlighter\", \"active\", props.highlighter.color.active);\r\n assignStateColor(\r\n \"highlighter\",\r\n \"disabled\",\r\n props.highlighter.color.disabled\r\n );\r\n if (props.highlighter.color.light) {\r\n const highlighterColorLight = props.highlighter.color.light;\r\n\r\n assignStateColor(\r\n \"highlighter\",\r\n \"default\",\r\n highlighterColorLight.default,\r\n \"light\"\r\n );\r\n assignStateColor(\r\n \"highlighter\",\r\n \"hover\",\r\n highlighterColorLight.hover,\r\n \"light\"\r\n );\r\n assignStateColor(\r\n \"highlighter\",\r\n \"focus\",\r\n highlighterColorLight.focus,\r\n \"light\"\r\n );\r\n assignStateColor(\r\n \"highlighter\",\r\n \"active\",\r\n highlighterColorLight.active,\r\n \"light\"\r\n );\r\n assignStateColor(\r\n \"highlighter\",\r\n \"disabled\",\r\n highlighterColorLight.disabled,\r\n \"light\"\r\n );\r\n }\r\n if (props.highlighter.color.dark) {\r\n const highlighterColorDark = props.highlighter.color.dark;\r\n\r\n assignStateColor(\r\n \"highlighter\",\r\n \"default\",\r\n highlighterColorDark.default,\r\n \"dark\"\r\n );\r\n assignStateColor(\r\n \"highlighter\",\r\n \"hover\",\r\n highlighterColorDark.hover,\r\n \"dark\"\r\n );\r\n assignStateColor(\r\n \"highlighter\",\r\n \"focus\",\r\n highlighterColorDark.focus,\r\n \"dark\"\r\n );\r\n assignStateColor(\r\n \"highlighter\",\r\n \"active\",\r\n highlighterColorDark.active,\r\n \"dark\"\r\n );\r\n assignStateColor(\r\n \"highlighter\",\r\n \"disabled\",\r\n highlighterColorDark.disabled,\r\n \"dark\"\r\n );\r\n }\r\n }\r\n }\r\n\r\n if (props.positioning) {\r\n if (props.positioning.display) {\r\n assignedClassNames.push(`display-${props.positioning.display}`);\r\n }\r\n if (props.positioning.position) {\r\n assignedClassNames.push(`position-${props.positioning.position}`);\r\n }\r\n if (props.positioning.top) {\r\n if (typeof props.positioning.top === \"number\") {\r\n assignedClassNames.push(`top-${props.positioning.top}rem`);\r\n } else if (typeof props.positioning.top === \"string\") {\r\n if (props.positioning.top.includes(\"%\")) {\r\n const val = props.positioning.top.replace(\"%\", \"\");\r\n assignedClassNames.push(`top-${val}percent`);\r\n } else {\r\n assignedClassNames.push(`top-${props.positioning.top}`);\r\n }\r\n }\r\n }\r\n if (props.positioning.bottom) {\r\n if (typeof props.positioning.bottom === \"number\") {\r\n assignedClassNames.push(`bottom-${props.positioning.bottom}rem`);\r\n } else if (typeof props.positioning.bottom === \"string\") {\r\n if (props.positioning.bottom.includes(\"%\")) {\r\n const val = props.positioning.bottom.replace(\"%\", \"\");\r\n assignedClassNames.push(`bottom-${val}percent`);\r\n } else {\r\n assignedClassNames.push(`bottom-${props.positioning.bottom}`);\r\n }\r\n }\r\n }\r\n if (props.positioning.left) {\r\n if (typeof props.positioning.left === \"number\") {\r\n assignedClassNames.push(`left-${props.positioning.left}rem`);\r\n } else if (typeof props.positioning.left === \"string\") {\r\n if (props.positioning.left.includes(\"%\")) {\r\n const val = props.positioning.left.replace(\"%\", \"\");\r\n assignedClassNames.push(`left-${val}percent`);\r\n } else {\r\n assignedClassNames.push(`left-${props.positioning.left}`);\r\n }\r\n }\r\n }\r\n if (props.positioning.right) {\r\n if (typeof props.positioning.right === \"number\") {\r\n assignedClassNames.push(`right-${props.positioning.right}rem`);\r\n } else if (typeof props.positioning.right === \"string\") {\r\n if (props.positioning.right.includes(\"%\")) {\r\n const val = props.positioning.right.replace(\"%\", \"\");\r\n assignedClassNames.push(`right-${val}percent`);\r\n } else {\r\n assignedClassNames.push(`right-${props.positioning.right}`);\r\n }\r\n }\r\n }\r\n if (props.positioning.translateMiddle) {\r\n assignedClassNames.push(`translate-middle`);\r\n }\r\n if (props.positioning.translateMiddleX) {\r\n assignedClassNames.push(`translate-middle-x`);\r\n }\r\n if (props.positioning.translateMiddleY) {\r\n assignedClassNames.push(`translate-middle-y`);\r\n }\r\n }\r\n\r\n if (props.sizing) {\r\n if (props.sizing.width) {\r\n if (typeof props.sizing.width === \"number\") {\r\n assignedClassNames.push(`width-${props.sizing.width}rem`);\r\n } else if (typeof props.sizing.width === \"string\") {\r\n switch (props.sizing.width) {\r\n case \"0%\":\r\n assignedClassNames.push(`width-0percent`);\r\n break;\r\n case \"25%\":\r\n assignedClassNames.push(`width-25percent`);\r\n break;\r\n case \"50%\":\r\n assignedClassNames.push(`width-50percent`);\r\n break;\r\n case \"75%\":\r\n assignedClassNames.push(`width-75percent`);\r\n break;\r\n case \"100%\":\r\n assignedClassNames.push(`width-100percent`);\r\n break;\r\n case \"auto\":\r\n assignedClassNames.push(`width-auto`);\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (props.sizing.height) {\r\n if (typeof props.sizing.height === \"number\") {\r\n assignedClassNames.push(`height-${props.sizing.height}rem`);\r\n } else if (typeof props.sizing.height === \"string\") {\r\n switch (props.sizing.height) {\r\n case \"0%\":\r\n assignedClassNames.push(`height-0percent`);\r\n break;\r\n case \"25%\":\r\n assignedClassNames.push(`height-25percent`);\r\n break;\r\n case \"50%\":\r\n assignedClassNames.push(`height-50percent`);\r\n break;\r\n case \"75%\":\r\n assignedClassNames.push(`height-75percent`);\r\n break;\r\n case \"100%\":\r\n assignedClassNames.push(`height-100percent`);\r\n break;\r\n case \"auto\":\r\n assignedClassNames.push(`height-auto`);\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (props.sizing.aspectRatio) {\r\n if (props.sizing.aspectRatio.includes(\":\")) {\r\n assignedClassNames.push(\r\n `aspect-ratio-${props.sizing.aspectRatio.replace(\":\", \"-\")}`\r\n );\r\n } else {\r\n assignedClassNames.push(`aspect-ratio-${props.sizing.aspectRatio}`);\r\n }\r\n }\r\n }\r\n\r\n return assignedClassNames;\r\n}\r\n\r\nconst classNameUtility = {\r\n getUtilityClassNames,\r\n};\r\n\r\nexport default classNameUtility;\r\n"],"names":["getUtilityClassNames","props","assignedClassNames","assignStateColor","name","stateStr","state","colorScheme","foreColorLight","foreColorDark","backColorLight","backColorDark","highlighterColorLight","highlighterColorDark","val","classNameUtility"],"mappings":"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"}

package/dist/utilities/minolithStyleUtility/minolithStyleUtility.d.ts CHANGED Viewed

@@ -1,13 +1,16 @@
 import { default as MinolithCssVariable } from '../../common/models/MinolithCssVariable';
+import { BaseComponentProps } from '../../common/models';
+import { Interpolation, Theme } from '@emotion/react';
+import { ColorAttributes, ColorName } from '../../react-minolith';
 declare function getMinolithCssVariableStyles(cssVariableSetting?: MinolithCssVariable): string[];
 declare function getRootStyles(cssVariableSetting?: MinolithCssVariable): string[];
-declare function getLightSchemeStyles(cssVariableSetting?: MinolithCssVariable): string[];
-declare function getDarkSchemeStyles(cssVariableSetting?: MinolithCssVariable): string[];
+declare function getColorVariable<ColorNameType = ColorName>(colorAttributes?: ColorAttributes<ColorNameType>): string | undefined;
+declare function getEmotionCss(props: BaseComponentProps): Interpolation<Theme>;
 declare const minolithStyleUtility: {
     getMinolithCssVariableStyles: typeof getMinolithCssVariableStyles;
     getRootStyles: typeof getRootStyles;
-    getLightSchemeStyles: typeof getLightSchemeStyles;
-    getDarkSchemeStyles: typeof getDarkSchemeStyles;
+    getColorVariable: typeof getColorVariable;
+    getEmotionCss: typeof getEmotionCss;
 };
 export default minolithStyleUtility;
 //# sourceMappingURL=minolithStyleUtility.d.ts.map

package/dist/utilities/minolithStyleUtility/minolithStyleUtility.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"minolithStyleUtility.d.ts","sourceRoot":"","sources":["../../../src/utilities/minolithStyleUtility/minolithStyleUtility.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;~~AAkc1E~~,iBAAS,4BAA4B,CACnC,kBAAkB,CAAC,EAAE,mBAAmB,GACvC,MAAM,EAAE,CAoBV;AAED,iBAAS,aAAa,CAAC,kBAAkB,CAAC,EAAE,mBAAmB,GAAG,MAAM,EAAE,CAsoBzE;~~AAED~~,iBAAS,~~oBAAoB~~,~~CAC3B~~,~~kBAAkB~~,CAAC,EAAE,~~mBAAmB~~,~~GACvC~~,MAAM,~~EAAE~~,~~CAgGV~~;~~AAED~~,iBAAS,~~mBAAmB~~,~~CAC1B~~,kBAAkB,~~CAAC~~,~~EAAE~~,~~mBAAmB~~,~~GACvC~~,~~MAAM~~,~~EAAE,CAuGV~~;AAED,QAAA,MAAM,oBAAoB;;;;;CAKzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
1	+ {"version":3,"file":"minolithStyleUtility.d.ts","sourceRoot":"","sources":["../../../src/utilities/minolithStyleUtility/minolithStyleUtility.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EACL,kBAAkB,EAInB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAkB,aAAa,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAoclE,iBAAS,4BAA4B,CACnC,kBAAkB,CAAC,EAAE,mBAAmB,GACvC,MAAM,EAAE,CAoBV;AAED,iBAAS,aAAa,CAAC,kBAAkB,CAAC,EAAE,mBAAmB,GAAG,MAAM,EAAE,CAsoBzE;AAwPD,iBAAS,gBAAgB,CAAC,aAAa,GAAG,SAAS,EACjD,eAAe,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAC/C,MAAM,GAAG,SAAS,CAYpB;AA8HD,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,aAAa,CAAC,KAAK,CAAC,CAiXtE;AAED,QAAA,MAAM,oBAAoB;;;;;CAKzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}