lism-css 0.1.8 → 0.2.0

package/dist/components/Container/index.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import i from "../Lism/index.js";
-function m({ size: t = !0, layout: o, ...r }) {
-  return /* @__PURE__ */ n(o || i, { isContainer: t, ...r });
+function m({ size: t, layout: o, ...r }) {
+  return /* @__PURE__ */ n(o || i, { isContainer: t || !0, ...r });
 }
 export {
   m as default

package/dist/components/Icon/getProps.js

@@ -1,53 +1,60 @@
-import b from "./presets.js";
-import S from "../../lib/helper/atts.js";
-function d(u) {
-  const a = {}, e = u.match(/<svg([^>]*?)>([\s\S]*?)<\/svg>/i);
-  if (e) {
-    const [, r, v] = e, f = /(\w+)=["']([^"']*)["']/g;
-    let l;
-    for (; (l = f.exec(r)) !== null; ) {
-      const [, t, g] = l;
-      a[t] = g;
+import p from "./presets.js";
+import h from "../../lib/helper/atts.js";
+function b(c) {
+  const i = {}, l = c.match(/<svg([^>]*?)>([\s\S]*?)<\/svg>/i);
+  if (l) {
+    const [, g, v] = l, u = /([\w-]+)=["']([^"']*)["']/g;
+    let a;
+    for (; (a = u.exec(g)) !== null; ) {
+      const [, t, f] = a;
+      if (t === "style") {
+        const s = {};
+        f.split(";").forEach((r) => {
+          const [e, o] = r.split(":").map((n) => n.trim());
+          e && o && (s[e] = o);
+        }), i[t] = s;
+      } else
+        i[t] = f;
     }
-    return { svgProps: a, svgContent: v };
+    return { svgProps: i, svgContent: v };
   }
   return {};
 }
-function y({
-  lismClass: u,
-  className: a = "",
-  style: e = {},
+function w({
+  lismClass: c,
+  className: i = "",
+  style: l = {},
   // variant,
-  as: r,
+  as: g,
   tag: v,
-  scale: f,
-  offset: l,
+  scale: u,
+  offset: a,
   icon: t,
-  label: g,
+  label: f,
   exProps: s = {},
-  ...o
+  ...r
 }) {
-  let n = v || "span", m = "";
-  if (o.viewBox)
-    n = "svg";
+  let e = v || "span", o = "";
+  if (r.viewBox)
+    e = "svg";
   else if (t)
     if (typeof t == "string")
       if (t.startsWith("<svg")) {
-        n = "_SVG_";
-        const { svgProps: i = {}, svgContent: c = "" } = d(t), { class: h, style: _, ...C } = i;
-        a = S(a, h), e = { ..._ }, s = { ...s, ...C }, m = c;
+        e = "_SVG_";
+        const { svgProps: n = {}, svgContent: m = "" } = b(t), { class: S, style: C, ..._ } = n;
+        i = h(i, S), l = { ...l, ...C }, s = { ...s, ..._, fill: "currentColor" }, o = m;
       } else {
-        const i = b[t] || null;
-        i != null && (n = "_SVG_", s = { ...s, ...i });
+        const n = p[t] || null;
+        n != null && (e = "_SVG_", s = { ...s, ...n });
       }
     else if (typeof t == "object" && t.as) {
-      const { as: i, ...c } = t;
-      n = i, s = { ...s, ...c };
+      const { as: n, ...m } = t;
+      e = n, s = { ...s, ...m };
     } else
-      n = t;
-  else r && (n = r);
-  return g ? (s["aria-label"] = g, s.role = "img") : s["aria-hidden"] = "true", f && (e["--scale"] = f), l && (e["--offset"] = l), o.lismClass = S(u, "l--icon", a), o.style = { ...e }, { Component: n, lismProps: o, exProps: s, content: m };
+      e = t;
+  else g && (e = g);
+  return f ? (s["aria-label"] = f, s.role = "img") : s["aria-hidden"] = "true", u && (l["--scale"] = u), a && (l["--offset"] = a), r.lismClass = h(c, "l--icon", i), r.style = { ...l }, { Component: e, lismProps: r, exProps: s, content: o };
 }
 export {
-  y as default
+  w as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "lism-css",
-	"version": "0.1.8",
+	"version": "0.2.0",
 	"description": "A layout-first CSS framework for websites.",
 	"author": {
 		"name": "ddryo",

package/packages/astro/Modal/Modal.astro

@@ -15,6 +15,5 @@ const Layout = layout || Lism;
 
 <script>
 	import setModal from '../../../dist/components/Modal/setModal';
-	console.log('modal.astro');
 	setModal();
 </script>