@plitzi/sdk-style 0.36.2 → 0.37.1

package/dist/helpers/processSelector.mjs

@@ -1,9 +1,10 @@
 import e from "./processSelectorAttributes.mjs";
 import t from "./processSelectorName.mjs";
 import n from "./processSelectorVariables.mjs";
+import { inCascadeOrder as r } from "@plitzi/sdk-shared/style/styleStates";
 //#region src/helpers/processSelector.ts
-var r = 2, i = (e = r) => " ".repeat(e), a = (e, t, n) => `${n || !t.length ? e : `${e}\n`}${t.join(n ? "" : "\n")}`, o = (e, t, n = !0, a = r) => {
-	let o = [], s = i(a), c = i(a + r);
+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) => {
+	let o = [], s = a(r), c = a(r + i);
 	for (let r of ["light", "dark"]) if (t[r].length) {
 		if (n) o.push(`@media(prefers-color-scheme:${r}){${e}{${t[r].join("")}}}`);
 		else {
@@ -12,30 +13,52 @@ var r = 2, i = (e = r) => " ".repeat(e), a = (e, t, n) => `${n || !t.length ? e
 		}
 	}
 	return o;
-}, s = (e, t, n, a, o = !0, s = r) => {
-	let l = o ? t.join("") : t.map((e) => `${i(s + r)}${e}`).join("\n").replaceAll(":", ": "), u = n ? Object.entries(n).map(([e, t]) => c(`&:${e}`, t, void 0, void 0, o, s + r)) : [], d = e.replace("plitzi__", ""), f = a ? Object.entries(a).map(([e, t]) => c(`&[data-variant="${e}"]${o ? "," : ", "}&${d}--${e}`, t.default, t.states, void 0, o, s + r)) : [];
-	if (o) return `${l}${u.join("")}${f.join("")}`;
-	let p = l ? [l] : [];
-	return u.length && p.push(u.join("\n\n")), f.length && p.push(f.join("\n\n")), p.join("\n\n");
-}, c = (e, t, n, a, o = !0, c = r) => {
-	let l = s(e, t, n, a, o, c);
-	return o ? `${e}{${l}}` : `${i(c)}${e} {\n${l}\n${i(c)}}`;
-}, l = (e, t, n = !0, i = r) => {
+}, c = (e, t, n = "") => [`${e}[data-variant="${t}"]${n}`, `${e}--${t}${n}`], l = (e, t, n) => {
+	let i = t ? "," : ", ", a = [];
+	for (let [o, { default: s, states: l, variants: u }] of Object.entries(e)) {
+		s?.length && a.push(d(`:where(.${o}) &`, s, {}, t, n));
+		for (let [e, i] of r(l ?? {})) a.push(d(`:where(.${o}:${e}) &`, i, {}, t, n));
+		for (let [e, s] of Object.entries(u ?? {})) {
+			if (s.default.length) {
+				let r = c(`.${o}`, e).join(i);
+				a.push(d(`:where(${r}) &`, s.default, {}, t, n));
+			}
+			for (let [l, u] of r(s.states ?? {})) {
+				let r = c(`.${o}`, e, `:${l}`).join(i);
+				a.push(d(`:where(${r}) &`, u, {}, t, n));
+			}
+		}
+	}
+	return a;
+}, u = (e, t, n, o = !0, s = i) => {
+	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) : [];
+	if (o) return `${p}${m.join("")}${g.join("")}${_.join("")}`;
+	let v = p ? [p] : [];
+	for (let e of [
+		m,
+		g,
+		_
+	]) e.length && v.push(e.join("\n\n"));
+	return v.join("\n\n");
+}, d = (e, t, n, r = !0, o = i) => {
+	let s = u(e, t, n, r, o);
+	return r ? `${e}{${s}}` : `${a(o)}${e} {\n${s}\n${a(o)}}`;
+}, f = (e, t, n = !0, r = i) => {
 	let a = [];
-	for (let [o, l] of Object.entries(t)) {
+	for (let [o, s] of Object.entries(t)) {
 		if (o === "base") {
-			let t = s(e, l.default, l.states, l.variants, n, i);
+			let t = u(e, s.default, s, n, r);
 			t && a.push(t);
 			continue;
 		}
-		a.push(c(`${e}-${o}`, l.default, l.states, l.variants, n, i + r));
+		a.push(d(`${e}-${o}`, s.default, s, n, r + i));
 	}
 	return n ? `${e}{${a.join("")}}` : `${e} {\n${a.join("\n\n")}\n}`;
-}, u = (r, i = !0) => {
-	let s = t(r), c = n(r), u = e(r), d = c ? o(s, c, i) : void 0;
-	c && u.attributes.base.default.push(...c.default);
-	let f = l(s, u.attributes, i, 0);
-	return d ? a(f, d, i) : f;
-}, d = (e, t = !1) => e.map((e) => u(e, t));
+}, p = (r, i = !0) => {
+	let a = t(r), c = n(r), l = e(r), u = c ? s(a, c, i) : void 0;
+	c && l.attributes.base.default.push(...c.default);
+	let d = f(a, l.attributes, i, 0);
+	return u ? o(d, u, i) : d;
+}, m = (e, t = !1) => e.map((e) => p(e, t));
 //#endregion
-export { u as default, d as processSelectors };
+export { p as default, m as processSelectors };

package/dist/helpers/processSelectorAttributes.d.ts

@@ -1,11 +1,19 @@
 import { StyleItem, StyleState } from '@plitzi/sdk-shared';
-type Attributes = Record<string, {
+type ProcessedStates = Partial<Record<StyleState, string[]>>;
+type ProcessedVariants = Record<string, {
     default: string[];
-    states?: Record<StyleState, string[]>;
-    variants?: Record<string, {
-        default: string[];
-        states?: Record<StyleState, string[]>;
-    }>;
+    states?: ProcessedStates;
+}>;
+export type ProcessedAncestors = Record<string, {
+    default?: string[];
+    states?: ProcessedStates;
+    variants?: ProcessedVariants;
+}>;
+export type Attributes = Record<string, {
+    default: string[];
+    states?: ProcessedStates;
+    variants?: ProcessedVariants;
+    ancestors?: ProcessedAncestors;
 }>;
 export declare const processCssString: (attribute: string, value?: string) => {
     variables: string[];

package/dist/helpers/processSelectorAttributes.mjs

@@ -60,35 +60,51 @@ var e = (e, t, n = !1) => n ? t : `${e}:${t};`, t = (e) => {
 		variables: Object.keys(n.variables).map((e) => `${e}:${n.variables[e]};`),
 		value: n.value
 	};
+}, o = (e) => {
+	if (!e) return;
+	let n = {};
+	for (let [r, i] of Object.entries(e)) {
+		let e = t(i);
+		e.length && (n[r] = e);
+	}
+	return Object.keys(n).length ? n : void 0;
+}, s = (e) => {
+	if (!e) return;
+	let n = {};
+	for (let [r, i] of Object.entries(e)) {
+		let e = o(i.states);
+		n[r] = {
+			default: t(i.default),
+			...e && { states: e }
+		};
+	}
+	return Object.keys(n).length ? n : void 0;
+}, c = (e) => {
+	if (!e) return;
+	let n = {};
+	for (let [r, i] of Object.entries(e)) {
+		let e = t(i.default), a = o(i.states), c = s(i.variants);
+		(e.length || a || c) && (n[r] = {
+			...e.length && { default: e },
+			...a && { states: a },
+			...c && { variants: c }
+		});
+	}
+	return Object.keys(n).length ? n : void 0;
 };
-function o(e) {
+function l(e) {
 	if (!e?.attributes || !Object.keys(e.attributes).length) return { attributes: { base: { default: [] } } };
 	let n = {};
 	for (let r in e.attributes) {
-		let i = e.attributes[r], a = t(i.default), o = {};
-		if (i.states) for (let [e, n] of Object.entries(i.states)) {
-			let r = t(n);
-			r.length && (o[e] = r);
-		}
-		let s = {};
-		if (i.variants) for (let e in i.variants) {
-			let n = i.variants[e], r = t(n.default), a = {};
-			if (n.states) for (let [e, r] of Object.entries(n.states)) {
-				let n = t(r);
-				n.length && (a[e] = n);
-			}
-			s[e] = {
-				default: r,
-				...Object.keys(a).length && { states: a }
-			};
-		}
+		let i = e.attributes[r], a = o(i.states), l = s(i.variants), u = c(i.ancestors);
 		n[r] = {
-			default: a,
-			...Object.keys(o).length && { states: o },
-			...Object.keys(s).length && { variants: s }
+			default: t(i.default),
+			...a && { states: a },
+			...l && { variants: l },
+			...u && { ancestors: u }
 		};
 	}
 	return { attributes: n };
 }
 //#endregion
-export { o as default, a as processCssString };
+export { l as default, a as processCssString };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-style",
-  "version": "0.36.2",
+  "version": "0.37.1",
   "license": "AGPL-3.0",
   "files": [
     "dist"
@@ -526,6 +526,10 @@
       "types": "./dist/components/StyleInspector/categories/Others/OthersOutline.d.ts",
       "import": "./dist/components/StyleInspector/categories/Others/OthersOutline.mjs"
     },
+    "./components/StyleInspector/categories/Others/OthersScrollbar": {
+      "types": "./dist/components/StyleInspector/categories/Others/OthersScrollbar.d.ts",
+      "import": "./dist/components/StyleInspector/categories/Others/OthersScrollbar.mjs"
+    },
     "./components/StyleInspector/categories/Others/OthersSvg": {
       "types": "./dist/components/StyleInspector/categories/Others/OthersSvg.d.ts",
       "import": "./dist/components/StyleInspector/categories/Others/OthersSvg.mjs"
@@ -654,6 +658,10 @@
       "types": "./dist/components/StyleInspector/categories/Typography/TypographyConstants.d.ts",
       "import": "./dist/components/StyleInspector/categories/Typography/TypographyConstants.mjs"
     },
+    "./components/StyleInspector/categories/Typography/TypographyFigures": {
+      "types": "./dist/components/StyleInspector/categories/Typography/TypographyFigures.d.ts",
+      "import": "./dist/components/StyleInspector/categories/Typography/TypographyFigures.mjs"
+    },
     "./components/StyleInspector/categories/Typography/TypographyFont": {
       "types": "./dist/components/StyleInspector/categories/Typography/TypographyFont.d.ts",
       "import": "./dist/components/StyleInspector/categories/Typography/TypographyFont.mjs"
@@ -786,6 +794,10 @@
       "types": "./dist/components/StyleInspector/components/InspectorLabel/index.d.ts",
       "import": "./dist/components/StyleInspector/components/InspectorLabel/index.mjs"
     },
+    "./components/StyleInspector/helpers": {
+      "types": "./dist/components/StyleInspector/helpers.d.ts",
+      "import": "./dist/components/StyleInspector/helpers.mjs"
+    },
     "./components/StyleInspector/hooks/useInspectorValues": {
       "types": "./dist/components/StyleInspector/hooks/useInspectorValues.d.ts",
       "import": "./dist/components/StyleInspector/hooks/useInspectorValues.mjs"
@@ -909,9 +921,9 @@
   },
   "dependencies": {
     "@plitzi/plitzi-ui": "^1.6.21",
-    "@plitzi/sdk-plugins": "0.36.2",
-    "@plitzi/sdk-shared": "0.36.2",
-    "@plitzi/sdk-variables": "0.36.2",
+    "@plitzi/sdk-plugins": "0.37.1",
+    "@plitzi/sdk-shared": "0.37.1",
+    "@plitzi/sdk-variables": "0.37.1",
     "clsx": "^2.1.1",
     "immer": "^11.1.18",
     "prop-types": "^15.8.1",