@plitzi/sdk-style 0.37.2 → 0.37.3

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 (4) hide show
  1. package/CHANGELOG.md +1151 -0
  2. package/dist/components/StyleInspector/categories/Effects/Transition/TransitionItem.mjs +1 -1
  3. package/dist/helpers/processSelector.mjs +52 -46
  4. package/package.json +6 -6
package/dist/components/StyleInspector/categories/Effects/Transition/TransitionItem.mjs CHANGED
@@ -41,7 +41,7 @@ var h = ({ value: h = "", onRemove: g, onChange: _ }) => {
41
41
  n[e] = `cubic-bezier(${r[0]}, ${r[1]}, ${r[2]}, ${r[3]})`;
42
42
  } else n[e] = e === "easing" && Array.isArray(t) ? `cubic-bezier(${t[0]}, ${t[1]}, ${t[2]}, ${t[3]})` : t;
43
43
  let { duration: r, delay: i, property: a, easing: o } = n;
44
- console.log("called", e, o, t), _?.(`${a} ${r} ${o} ${i}`);
44
+ _?.(`${a} ${r} ${o} ${i}`);
45
45
  }, [_]), A = o((e) => k("easing")(e), [k]), j = [];
46
46
  return j = E in e ? e[E] : E.match(/[0-9.]+/gim), /* @__PURE__ */ u(d, {
47
47
  className: "w-full",
package/dist/helpers/processSelector.mjs CHANGED
@@ -1,64 +1,70 @@
1
1
  import e from "./processSelectorAttributes.mjs";
2
2
  import t from "./processSelectorName.mjs";
3
3
  import n from "./processSelectorVariables.mjs";
4
- import { inCascadeOrder as r } from "@plitzi/sdk-shared/style/styleStates";
4
+ import { inCascadeOrder as r, isStartingState as i, stateSuffix as a } from "@plitzi/sdk-shared/style/styleStates";
5
5
  //#region src/helpers/processSelector.ts
6
- var i = 2, a = (e = i) => " ".repeat(e), o = (e, t, n) => `${n || !t.length ? e : `${e}\n`}${t.join(n ? "" : "\n")}`, s = (e, t, n = !0, r = i) => {
7
- let o = [], s = a(r), c = a(r + i);
6
+ var o = 2, s = (e = o) => " ".repeat(e), c = (e, t, n) => `${n || !t.length ? e : `${e}\n`}${t.join(n ? "" : "\n")}`, l = (e, t, n = !0, r = o) => {
7
+ let i = [], a = s(r), c = s(r + o);
8
8
  for (let r of ["light", "dark"]) if (t[r].length) {
9
- if (n) o.push(`@media(prefers-color-scheme:${r}){${e}{${t[r].join("")}}}`);
9
+ if (n) i.push(`@media(prefers-color-scheme:${r}){${e}{${t[r].join("")}}}`);
10
10
  else {
11
11
  let n = t[r].map((e) => `${c}${e}`).join("\n").replaceAll(":", ": ");
12
- o.push(`\n@media(prefers-color-scheme: ${r}) {\n${s}${e} {\n${n}\n${s}}\n}`);
12
+ i.push(`\n@media(prefers-color-scheme: ${r}) {\n${a}${e} {\n${n}\n${a}}\n}`);
13
13
  }
14
14
  }
15
- return o;
16
- }, c = (e, t, n = "") => [`${e}[data-variant="${t}"]${n}`, `${e}--${t}${n}`], l = (e, t, n) => {
17
- let i = t ? "," : ", ", a = [];
18
- for (let [o, { default: s, states: l, variants: u }] of Object.entries(e)) {
19
- s?.length && a.push(d(`:where(.${o}) &`, s, {}, t, n));
20
- for (let [e, i] of r(l ?? {})) a.push(d(`:where(.${o}:${e}) &`, i, {}, t, n));
21
- for (let [e, s] of Object.entries(u ?? {})) {
22
- if (s.default.length) {
23
- let r = c(`.${o}`, e).join(i);
24
- a.push(d(`:where(${r}) &`, s.default, {}, t, n));
15
+ return i;
16
+ }, u = (e, t, n = "") => [`${e}[data-variant="${t}"]${n}`, `${e}--${t}${n}`], d = (e, t, n) => {
17
+ let o = t ? "," : ", ", s = [];
18
+ for (let [c, { default: l, states: d, variants: f }] of Object.entries(e)) {
19
+ l?.length && s.push(m(`:where(.${c}) &`, l, {}, t, n));
20
+ for (let [e, o] of r(d ?? {})) s.push(m(`:where(.${c}${a(e)}) &`, o, {}, t, n)), i(e) && s.push(p(`:where(.${c}) &`, o, t, n));
21
+ for (let [e, l] of Object.entries(f ?? {})) {
22
+ if (l.default.length) {
23
+ let r = u(`.${c}`, e).join(o);
24
+ s.push(m(`:where(${r}) &`, l.default, {}, t, n));
25
25
  }
26
- for (let [l, u] of r(s.states ?? {})) {
27
- let r = c(`.${o}`, e, `:${l}`).join(i);
28
- a.push(d(`:where(${r}) &`, u, {}, t, n));
26
+ for (let [d, f] of r(l.states ?? {})) {
27
+ let r = u(`.${c}`, e, a(d)).join(o);
28
+ if (s.push(m(`:where(${r}) &`, f, {}, t, n)), i(d)) {
29
+ let r = u(`.${c}`, e).join(o);
30
+ s.push(p(`:where(${r}) &`, f, t, n));
31
+ }
29
32
  }
30
33
  }
31
34
  }
32
- return a;
33
- }, u = (e, t, n, o = !0, s = i) => {
34
- let { states: c, variants: u, ancestors: f } = n, p = o ? t.join("") : t.map((e) => `${a(s + i)}${e}`).join("\n").replaceAll(":", ": "), m = c ? r(c).map(([e, t]) => d(`&:${e}`, t, {}, o, s + i)) : [], h = e.replace("plitzi__", ""), g = u ? Object.entries(u).map(([e, t]) => d(`&[data-variant="${e}"]${o ? "," : ", "}&${h}--${e}`, t.default, { states: t.states }, o, s + i)) : [], _ = f ? l(f, o, s + i) : [];
35
- if (o) return `${p}${m.join("")}${g.join("")}${_.join("")}`;
36
- let v = p ? [p] : [];
35
+ return s;
36
+ }, f = (e, t, n, c = !0, l = o) => {
37
+ let { states: u, variants: f, ancestors: h } = n, g = c ? t.join("") : t.map((e) => `${s(l + o)}${e}`).join("\n").replaceAll(":", ": "), _ = u ? r(u).flatMap(([e, t]) => {
38
+ let n = m(`&${a(e)}`, t, {}, c, l + o);
39
+ return i(e) ? [n, p("&", t, c, l + o)] : [n];
40
+ }) : [], v = e.replace("plitzi__", ""), y = f ? Object.entries(f).map(([e, t]) => m(`&[data-variant="${e}"]${c ? "," : ", "}&${v}--${e}`, t.default, { states: t.states }, c, l + o)) : [], b = h ? d(h, c, l + o) : [];
41
+ if (c) return `${g}${_.join("")}${y.join("")}${b.join("")}`;
42
+ let x = g ? [g] : [];
37
43
  for (let e of [
38
- m,
39
- g,
40
- _
41
- ]) e.length && v.push(e.join("\n\n"));
42
- return v.join("\n\n");
43
- }, d = (e, t, n, r = !0, o = i) => {
44
- let s = u(e, t, n, r, o);
45
- return r ? `${e}{${s}}` : `${a(o)}${e} {\n${s}\n${a(o)}}`;
46
- }, f = (e, t, n = !0, r = i) => {
47
- let a = [];
48
- for (let [o, s] of Object.entries(t)) {
49
- if (o === "base") {
50
- let t = u(e, s.default, s, n, r);
51
- t && a.push(t);
44
+ _,
45
+ y,
46
+ b
47
+ ]) e.length && x.push(e.join("\n\n"));
48
+ return x.join("\n\n");
49
+ }, p = (e, t, n, r) => n ? `@starting-style{${m(e, t, {}, n, r)}}` : `${s(r)}@starting-style {\n${m(e, t, {}, n, r + o)}\n${s(r)}}`, m = (e, t, n, r = !0, i = o) => {
50
+ let a = f(e, t, n, r, i);
51
+ return r ? `${e}{${a}}` : `${s(i)}${e} {\n${a}\n${s(i)}}`;
52
+ }, h = (e, t, n = !0, r = o) => {
53
+ let i = [];
54
+ for (let [a, s] of Object.entries(t)) {
55
+ if (a === "base") {
56
+ let t = f(e, s.default, s, n, r);
57
+ t && i.push(t);
52
58
  continue;
53
59
  }
54
- a.push(d(`${e}-${o}`, s.default, s, n, r + i));
60
+ i.push(m(`${e}-${a}`, s.default, s, n, r + o));
55
61
  }
56
- return n ? `${e}{${a.join("")}}` : `${e} {\n${a.join("\n\n")}\n}`;
57
- }, p = (r, i = !0) => {
58
- let a = t(r), c = n(r), l = e(r), u = c ? s(a, c, i) : void 0;
59
- c && l.attributes.base.default.push(...c.default);
60
- let d = f(a, l.attributes, i, 0);
61
- return u ? o(d, u, i) : d;
62
- }, m = (e, t = !1) => e.map((e) => p(e, t));
62
+ return n ? `${e}{${i.join("")}}` : `${e} {\n${i.join("\n\n")}\n}`;
63
+ }, g = (r, i = !0) => {
64
+ let a = t(r), o = n(r), s = e(r), u = o ? l(a, o, i) : void 0;
65
+ o && s.attributes.base.default.push(...o.default);
66
+ let d = h(a, s.attributes, i, 0);
67
+ return u ? c(d, u, i) : d;
68
+ }, _ = (e, t = !1) => e.map((e) => g(e, t));
63
69
  //#endregion
64
- export { p as default, m as processSelectors };
70
+ export { g as default, _ as processSelectors };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plitzi/sdk-style",
3
- "version": "0.37.2",
3
+ "version": "0.37.3",
4
4
  "license": "AGPL-3.0",
5
5
  "files": [
6
6
  "dist"
@@ -936,10 +936,10 @@
936
936
  "build:prod": "vite build && node ../sdk-shared/scripts/generate-exports.mjs"
937
937
  },
938
938
  "dependencies": {
939
- "@plitzi/plitzi-ui": "^1.6.22",
940
- "@plitzi/sdk-plugins": "0.37.2",
941
- "@plitzi/sdk-shared": "0.37.2",
942
- "@plitzi/sdk-variables": "0.37.2",
939
+ "@plitzi/plitzi-ui": "^1.6.24",
940
+ "@plitzi/sdk-plugins": "0.37.3",
941
+ "@plitzi/sdk-shared": "0.37.3",
942
+ "@plitzi/sdk-variables": "0.37.3",
943
943
  "clsx": "^2.1.1",
944
944
  "immer": "^11.1.18",
945
945
  "prop-types": "^15.8.1",
@@ -948,7 +948,7 @@
948
948
  "devDependencies": {
949
949
  "eslint": "^9.39.5",
950
950
  "typescript": "^6.0.3",
951
- "vite": "^8.3.0",
951
+ "vite": "^8.3.1",
952
952
  "vitest": "^5.0.1"
953
953
  }
954
954
  }