@eyesee/ui-components 0.1.2 → 0.2.0

package/dist/components/icons-v2/createIcon.js

@@ -1,49 +1,50 @@
-import { jsx as m } from "react/jsx-runtime";
-import h from "clsx";
+import { jsx as h } from "react/jsx-runtime";
+import p from "clsx";
 import { getIconDimensions as x } from "./constants.js";
-import r from "./createIcon.module.scss.js";
-const N = (p, u = {}) => {
-  const { animatedByDefault: f = !1 } = u;
+import n from "./createIcon.module.scss.js";
+const j = (u, f = {}) => {
+  const { animatedByDefault: d = !1 } = f;
   return ({
-    iconSize: d = "m",
-    onClick: e = null,
-    fill: n = "none",
-    strokeColor: c = "currentColor",
-    strokeColorOnHover: s,
-    fillOnHover: t,
+    iconSize: y = "m",
+    onClick: r = null,
+    fill: t = "none",
+    strokeColor: s = "currentColor",
+    strokeColorOnHover: l,
+    fillOnHover: e,
     disabled: o,
-    animated: v = f
+    animated: g = d,
+    viewBoxSize: c
   }) => {
-    const { size: l, strokeWidth: y } = x(d), a = o && n !== "none" && n !== "transparent" ? "var(--color--icon--disabled--default)" : n, g = o && c !== "currentColor" ? "var(--color--icon--disabled--default)" : c, k = () => {
-      e && !o && e();
-    }, i = { width: l, height: l };
-    return /* @__PURE__ */ m(
+    const { size: a, strokeWidth: k } = x(y), i = o && t !== "none" && t !== "transparent" ? "var(--color--icon--disabled--default)" : t, v = o && s !== "currentColor" ? "var(--color--icon--disabled--default)" : s, C = () => {
+      r && !o && r();
+    }, m = { width: a, height: a }, I = c ? `0 0 ${c} ${c}` : "0 0 32 32";
+    return /* @__PURE__ */ h(
       "span",
       {
-        className: h(
-          r.iconWrapper,
-          o && r.disabled,
-          e && !o && r.clickable
+        className: p(
+          n.iconWrapper,
+          o && n.disabled,
+          r && !o && n.clickable
         ),
-        style: i,
-        onClick: k,
-        children: /* @__PURE__ */ m(
+        style: m,
+        onClick: C,
+        children: /* @__PURE__ */ h(
           "svg",
           {
-            className: h(r.svg, v && r.spinner),
-            viewBox: "0 0 32 32",
-            fill: a,
-            "data-stroke-on-hover": !!s,
-            "data-fill-on-hover": !!t,
+            className: p(n.svg, g && n.spinner),
+            viewBox: I,
+            fill: i,
+            "data-stroke-on-hover": !!l,
+            "data-fill-on-hover": !!e,
             style: {
-              ...i,
-              "--icon-stroke-hover": t ? "currentColor" : s,
-              "--icon-fill-hover": t || "transparent"
+              ...m,
+              "--icon-stroke-hover": e ? "currentColor" : l,
+              "--icon-fill-hover": e || "transparent"
             },
-            children: p({
-              strokeColor: g,
-              strokeWidth: y,
-              fill: a
+            children: u({
+              strokeColor: v,
+              strokeWidth: k,
+              fill: i
             })
           }
         )
@@ -52,5 +53,5 @@ const N = (p, u = {}) => {
   };
 };
 export {
-  N as createIcon
+  j as createIcon
 };

package/dist/components/icons-v2/createIcon.module.scss.js

@@ -1,15 +1,15 @@
-const s = "_iconWrapper_1nd7s_1", n = "_svg_1nd7s_8", c = "_disabled_1nd7s_12", e = "_clickable_1nd7s_16", _ = "_spinner_1nd7s_20", d = {
-  iconWrapper: s,
-  svg: n,
-  disabled: c,
-  clickable: e,
+const c = "_iconWrapper_1ucv5_3", s = "_svg_1ucv5_10", e = "_disabled_1ucv5_14", n = "_clickable_1ucv5_18", _ = "_spinner_1ucv5_22", i = {
+  iconWrapper: c,
+  svg: s,
+  disabled: e,
+  clickable: n,
   spinner: _
 };
 export {
-  e as clickable,
-  d as default,
-  c as disabled,
-  s as iconWrapper,
+  n as clickable,
+  i as default,
+  e as disabled,
+  c as iconWrapper,
   _ as spinner,
-  n as svg
+  s as svg
 };