@streamlayer/react-ui 0.30.0 → 0.30.1

package/lib/ui/theme/Typography.js

@@ -1,50 +1,53 @@
-import { jsx as s, jsxs as m } from "react/jsx-runtime";
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
 import { useEffect as g } from "react";
-const f = ["SL-FONT1", "SL-FONT2"], w = () => {
-  const p = (t) => {
-    var r;
-    const e = t.target.name, o = (r = t.target.files) == null ? void 0 : r[0];
-    if (!o)
+const p = ["SL-FONT1", "SL-FONT2"], u = () => {
+  g(() => {
+    const o = window.document.styleSheets[0];
+    for (const t of p) {
+      const e = window.localStorage.getItem(t);
+      e && o.insertRule(
+        `
+          @font-face {
+            font-family: '${t}';
+            src: url(data:application/octet-stream;base64,${e});
+          }
+        `,
+        o.cssRules.length
+      );
+    }
+  }, []);
+}, y = () => {
+  const o = (t) => {
+    var i;
+    const e = t.target.name, a = (i = t.target.files) == null ? void 0 : i[0];
+    if (!a)
       return;
-    const a = new FileReader();
-    a.onloadend = (d) => {
-      var i, l;
-      const n = (l = (i = d.target) == null ? void 0 : i.result) == null ? void 0 : l.toString();
+    const r = new FileReader();
+    r.onloadend = (m) => {
+      var c, l;
+      const n = (l = (c = m.target) == null ? void 0 : c.result) == null ? void 0 : l.toString();
       if (n) {
-        const c = window.document.styleSheets[0];
-        c.insertRule(
+        const f = window.document.styleSheets[0];
+        f.insertRule(
           `
           @font-face {
             font-family: '${e}';
             src: url(data:application/octet-stream;base64,${n});
           }
         `,
-          c.cssRules.length
+          f.cssRules.length
         ), window.localStorage.setItem(e, n);
       }
-    }, a.readAsText(o);
+    }, r.readAsText(a);
   };
-  return g(() => {
-    const t = window.document.styleSheets[0];
-    for (const e of f) {
-      const o = window.localStorage.getItem(e);
-      o && t.insertRule(
-        `
-          @font-face {
-            font-family: '${e}';
-            src: url(data:application/octet-stream;base64,${o});
-          }
-        `,
-        t.cssRules.length
-      );
-    }
-  }, []), /* @__PURE__ */ s("div", { children: f.map((t) => /* @__PURE__ */ m("p", { style: { fontSize: "32px", fontFamily: t, lineHeight: "45px" }, children: [
+  return u(), /* @__PURE__ */ s("div", { children: p.map((t) => /* @__PURE__ */ d("p", { style: { fontSize: "32px", fontFamily: t, lineHeight: "45px" }, children: [
     "[",
     t,
     "] Typography - Desktop/Mobile/App",
-    !window.localStorage.getItem(t) && /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("input", { type: "file", name: t, accept: ".txt", onChange: p }) })
+    !window.localStorage.getItem(t) && /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("input", { type: "file", name: t, accept: ".txt", onChange: o }) })
   ] })) });
 };
 export {
-  w as Typography
+  y as Typography,
+  u as useCustomFonts
 };

package/lib/utils/decorators/container.js

@@ -1,11 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
-import { StreamLayerThemeProvider as i } from "../../ui/theme/index.js";
+import { StreamLayerThemeProvider as t } from "../../ui/theme/index.js";
+import { useCustomFonts as i } from "../../ui/theme/Typography.js";
 import { AppContainer as m } from "./styles.js";
 import "../../ui/theme/theme.js";
 import "@linaria/core";
 import "../../ui/theme/constants.js";
+import "react";
 import "@linaria/react";
-const h = (o) => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(o, {}) }) }) });
+const l = (o) => (i(), /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(o, {}) }) }) }));
 export {
-  h as container
+  l as container
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.30.0",
+  "version": "0.30.1",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",