@dlightjs/emotion - npm Package Compare versions

Comparing version 0.7.3 to 0.7.5

dist/index.d.ts

@@ -1,2 +0,2 @@
-export { styled } from "./tag";
+export { styled } from "./styled.view";
 export { css } from "@emotion/css";

dist/index.js

@@ -1,28 +0,28 @@
-var b = Object.defineProperty;
-var h = (s, e, o) => e in s ? b(s, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : s[e] = o;
-var l = (s, e, o) => (h(s, typeof e != "symbol" ? e + "" : e, o), o);
-import f, { View as m } from "@dlightjs/dlight";
-import { css as y } from "@emotion/css";
-import { css as P } from "@emotion/css";
-const t = (s) => (e, ...o) => {
-  const c = (p, d) => {
-    const r = [...new Set(Object.getOwnPropertyNames(d).filter((a) => d[a] === "prop").map((a) => a.replace(/^_\$\$\$/, "")))];
-    p._$addProp("className", () => {
-      const a = {};
-      for (const i of r)
-        a[i] = d[`_$$${i}`];
-      let n = "";
-      const u = Math.max(e.length, o.length);
-      for (const i of [...Array(u).keys()])
-        e[i] && (n += e[i]), o[i] && (typeof o[i] == "function" ? n += o[i](a) : n += o[i]);
-      return y`${n}`;
-    }, d, r);
+var y = Object.defineProperty;
+var _ = (n, t, e) => t in n ? y(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var $ = (n, t, e) => (_(n, typeof t != "symbol" ? t + "" : t, e), e);
+import h, { View as l } from "@dlightjs/dlight";
+import { css as a } from "@emotion/css";
+import { css as O } from "@emotion/css";
+const P = (n) => function(t, ...e) {
+  const i = (d, f) => {
+    const o = [...new Set(Object.getOwnPropertyNames(f).filter((r) => f[r] === "prop").map((r) => r.replace(/^_\$\$\$/, "")))];
+    d._$addProp("className", () => {
+      const r = {};
+      for (const s of o)
+        r[s] = f[`_$$${s}`];
+      let c = "";
+      const p = Math.max(t.length, e.length);
+      for (const s of [...Array(p).keys()])
+        t[s] && (c += t[s]), e[s] && (typeof e[s] == "function" ? c += e[s](r) : c += e[s]);
+      return a`${c}`;
+    }, f, o);
   };
-  return typeof s == "string" ? class extends m {
+  return typeof n == "string" ? class extends l {
     constructor() {
       super(...arguments);
-      l(this, "_$forwardProps", !0);
+      $(this, "_$forwardProps", !0);
       // @ts-ignore
-      l(this, "_$$$_$content", "prop");
-      l(this, "_$content");
+      $(this, "_$$$_$content", "prop");
+      $(this, "_$content");
     }
@@ -33,135 +33,23 @@ Afterset() {
     Body() {
-      const r = new f.HtmlNode(s);
-      return r._$addProp("innerText", this._$content), this.forwardProps(r), ((a) => {
-        c(a, this);
-      })(r), [r];
+      const o = new h.HtmlNode(n);
+      return o._$addProp("innerText", this._$content), this.forwardProps(o), ((r) => {
+        i(r, this);
+      })(o), [o];
     }
-  } : class extends m {
+  } : class extends l {
     constructor() {
       super(...arguments);
-      l(this, "_$forwardProps", !0);
+      $(this, "_$forwardProps", !0);
     }
     Body() {
-      const r = new s();
-      return this.forwardProps(r), ((a) => {
-        c(a, this);
-      })(r), [r];
+      const o = new n();
+      return this.forwardProps(o), ((r) => {
+        i(r, this);
+      })(o), [o];
     }
   };
 };
-t.a = t("a");
-t.abbr = t("abbr");
-t.address = t("address");
-t.area = t("area");
-t.article = t("article");
-t.aside = t("aside");
-t.audio = t("audio");
-t.b = t("b");
-t.base = t("base");
-t.bdi = t("bdi");
-t.bdo = t("bdo");
-t.blockquote = t("blockquote");
-t.body = t("body");
-t.br = t("br");
-t.button = t("button");
-t.canvas = t("canvas");
-t.caption = t("caption");
-t.cite = t("cite");
-t.code = t("code");
-t.col = t("col");
-t.colgroup = t("colgroup");
-t.data = t("data");
-t.datalist = t("datalist");
-t.dd = t("dd");
-t.del = t("del");
-t.details = t("details");
-t.dfn = t("dfn");
-t.dialog = t("dialog");
-t.div = t("div");
-t.dl = t("dl");
-t.dt = t("dt");
-t.em = t("em");
-t.embed = t("embed");
-t.fieldset = t("fieldset");
-t.figcaption = t("figcaption");
-t.figure = t("figure");
-t.footer = t("footer");
-t.form = t("form");
-t.h1 = t("h1");
-t.h2 = t("h2");
-t.h3 = t("h3");
-t.h4 = t("h4");
-t.h5 = t("h5");
-t.h6 = t("h6");
-t.head = t("head");
-t.header = t("header");
-t.hgroup = t("hgroup");
-t.hr = t("hr");
-t.html = t("html");
-t.i = t("i");
-t.iframe = t("iframe");
-t.img = t("img");
-t.input = t("input");
-t.ins = t("ins");
-t.kbd = t("kbd");
-t.label = t("label");
-t.legend = t("legend");
-t.li = t("li");
-t.link = t("link");
-t.main = t("main");
-t.map = t("map");
-t.mark = t("mark");
-t.menu = t("menu");
-t.meta = t("meta");
-t.meter = t("meter");
-t.nav = t("nav");
-t.noscript = t("noscript");
-t.object = t("object");
-t.ol = t("ol");
-t.optgroup = t("optgroup");
-t.option = t("option");
-t.output = t("output");
-t.p = t("p");
-t.param = t("param");
-t.picture = t("picture");
-t.pre = t("pre");
-t.progress = t("progress");
-t.q = t("q");
-t.rp = t("rp");
-t.rt = t("rt");
-t.ruby = t("ruby");
-t.s = t("s");
-t.samp = t("samp");
-t.script = t("script");
-t.section = t("section");
-t.select = t("select");
-t.slot = t("slot");
-t.small = t("small");
-t.source = t("source");
-t.span = t("span");
-t.strong = t("strong");
-t.style = t("style");
-t.sub = t("sub");
-t.summary = t("summary");
-t.sup = t("sup");
-t.table = t("table");
-t.tbody = t("tbody");
-t.td = t("td");
-t.template = t("template");
-t.textarea = t("textarea");
-t.tfoot = t("tfoot");
-t.th = t("th");
-t.thead = t("thead");
-t.time = t("time");
-t.title = t("title");
-t.tr = t("tr");
-t.track = t("track");
-t.u = t("u");
-t.ul = t("ul");
-t.var = t("var");
-t.video = t("video");
-t.wbr = t("wbr");
 export {
-  P as css,
-  t as styled
+  O as css,
+  P as styled
 };

dist/styled.view.d.ts

@@ -1,1 +0,7 @@
-export declare const styled: any;
+import { type Typed, type Prop, type RequiredProp, type UnTyped, type UnPropWrapper } from "@dlightjs/types";
+type PropWrapper<T> = {
+    [key in keyof T]-?: undefined extends T[key] ? Prop<T[key]> : RequiredProp<T[key]>;
+};
+type Styled<T, G> = Typed<PropWrapper<T & UnPropWrapper<UnTyped<G>>>>;
+export declare const styled: <G>(innerTag: G) => <T = any>(strings: any, ...args: ((props: T) => string)[]) => Styled<T, G>;
+export {};

package.json

 {
   "name": "@dlightjs/emotion",
-  "version": "0.7.3",
+  "version": "0.7.5",
   "type": "module",
@@ -19,3 +19,3 @@ "files": [
     "@emotion/css": "^11.10.6",
-    "@dlightjs/dlight": "0.7.2",
+    "@dlightjs/dlight": "0.7.4",
     "@dlightjs/types": "0.7.2"
@@ -22,0 +22,0 @@ },

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

5247

decreased by-42.72%

Number of package files

7

decreased by-12.5%

Lines of code

69

decreased by-62.5%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@dlightjs/dlight@0.7.4(transitive)

• Updated@dlightjs/dlight@0.7.4