@usableapp/cardds 0.7.102 → 0.7.103

package/lint/rules.mjs

@@ -17,6 +17,9 @@ export const CONTROL_NAMES = {
 
 const lineOf = (text, idx) => text.slice(0, idx).split('\n').length;
 
+/** the classes a selector names; a bare state word (`is-open`) is every project's too — it only matters beside a cardds class, which is caught */
+export const selectorClasses = (selector) => [...selector.matchAll(/(?<!\\)\.(-?[a-zA-Z_][\w-]*)/g)].map((m) => m[1]).filter((c) => !/^(is|has)-/.test(c));
+
 /** every class cardds's CSS styles — read from the package's own css/, so the list is never copied by hand */
 let classes;
 export function carddsClasses(dir = CSS_DIR) {
@@ -32,7 +35,7 @@ export function carddsClasses(dir = CSS_DIR) {
     // used to have for numbers (`1.5rem`) is not needed here, and it cost every class that only ever stands second in a compound selector.
     for (const sel of css.matchAll(/([^{};]+)\{/g)) {
       if (sel[1].trimStart().startsWith('@')) continue;
-      for (const m of sel[1].matchAll(/(?<!\\)\.(-?[a-zA-Z_][\w-]*)/g)) if (!/^(is|has)-/.test(m[1])) set.add(m[1]); // a bare state word (`is-open`) is every project's too — it only matters beside a cardds class, which is caught
+      for (const c of selectorClasses(sel[1])) set.add(c);
     }
   }
   if (dir === CSS_DIR) classes = set;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usableapp/cardds",
-  "version": "0.7.102",
+  "version": "0.7.103",
   "license": "UNLICENSED",
   "type": "module",
   "description": "card-first mobile design system, React-first: the components in src/ are thin wrappers over the CSS contract (css/*.css stays the only truth); gallery/ shows every story live (npm run dev), tests/ measures the geometry.",