@assure-one/design-system 1.33.0 → 1.35.0

package/dist/{system-BDU18fVg.d.ts → system-lyhOUTpa.d.ts}

@@ -556,4 +556,4 @@ declare const systemTokens: {
 };
 type SystemTokens = typeof systemTokens;
 
-export { type ColorName as C, type ReferenceTokens as R, type SystemTokens as S, reference as a, spacing as b, colors as c, surfaces as d, systemTokens as e, breakpoints as f, iconSizes as i, layout as l, motion as m, overlays as o, radii as r, shadows as s, typography as t, zIndex as z };
+export { type ColorName as C, type ReferenceTokens as R, type SystemTokens as S, reference as a, breakpoints as b, colors as c, spacing as d, surfaces as e, systemTokens as f, iconSizes as i, layout as l, motion as m, overlays as o, radii as r, shadows as s, typography as t, zIndex as z };

package/dist/testing/index.cjs

@@ -176,11 +176,18 @@ function installDomPolyfills(options = {}) {
 
 // src/testing/toast-recorder.ts
 var REGION = '[role="region"][aria-live]';
+var TITLE_CLASS = "ds:font-semibold";
+var LOADING_CLASS = "ds:animate-spin";
 var VARIANT_CLASSES = [
-  ["bg-success-bg", "success"],
-  ["bg-warning-bg", "warning"],
-  ["bg-info/12", "info"]
+  ["ds:bg-success-bg", "success"],
+  ["ds:bg-warning-bg", "warning"],
+  ["ds:bg-info/12", "info"]
 ];
+function hasClass(root, cls) {
+  if (!root) return false;
+  if (root.classList.contains(cls)) return true;
+  return Array.from(root.querySelectorAll("*")).some((el) => el.classList.contains(cls));
+}
 function text(node) {
   return (node?.textContent ?? "").replace(/\s+/g, " ").trim();
 }
@@ -202,12 +209,12 @@ function read(el) {
   const chip = el.querySelector('span[aria-hidden="true"]');
   const body = chip?.nextElementSibling ?? null;
   const paragraphs = Array.from(body?.querySelectorAll(":scope > p") ?? []);
-  const title = paragraphs.find((p) => p.classList.contains("font-semibold"));
+  const title = paragraphs.find((p) => p.classList.contains(TITLE_CLASS));
   const description = paragraphs.find((p) => p !== title);
   const action = body?.querySelector(":scope > button") ?? null;
   let variant = "default";
   if (role === "alert") variant = "destructive";
-  else if (chip?.querySelector(".animate-spin")) variant = "loading";
+  else if (hasClass(chip, LOADING_CLASS)) variant = "loading";
   else {
     for (const [cls, v] of VARIANT_CLASSES) if (chip?.classList.contains(cls)) variant = v;
   }

package/dist/testing/index.js

@@ -174,11 +174,18 @@ function installDomPolyfills(options = {}) {
 
 // src/testing/toast-recorder.ts
 var REGION = '[role="region"][aria-live]';
+var TITLE_CLASS = "ds:font-semibold";
+var LOADING_CLASS = "ds:animate-spin";
 var VARIANT_CLASSES = [
-  ["bg-success-bg", "success"],
-  ["bg-warning-bg", "warning"],
-  ["bg-info/12", "info"]
+  ["ds:bg-success-bg", "success"],
+  ["ds:bg-warning-bg", "warning"],
+  ["ds:bg-info/12", "info"]
 ];
+function hasClass(root, cls) {
+  if (!root) return false;
+  if (root.classList.contains(cls)) return true;
+  return Array.from(root.querySelectorAll("*")).some((el) => el.classList.contains(cls));
+}
 function text(node) {
   return (node?.textContent ?? "").replace(/\s+/g, " ").trim();
 }
@@ -200,12 +207,12 @@ function read(el) {
   const chip = el.querySelector('span[aria-hidden="true"]');
   const body = chip?.nextElementSibling ?? null;
   const paragraphs = Array.from(body?.querySelectorAll(":scope > p") ?? []);
-  const title = paragraphs.find((p) => p.classList.contains("font-semibold"));
+  const title = paragraphs.find((p) => p.classList.contains(TITLE_CLASS));
   const description = paragraphs.find((p) => p !== title);
   const action = body?.querySelector(":scope > button") ?? null;
   let variant = "default";
   if (role === "alert") variant = "destructive";
-  else if (chip?.querySelector(".animate-spin")) variant = "loading";
+  else if (hasClass(chip, LOADING_CLASS)) variant = "loading";
   else {
     for (const [cls, v] of VARIANT_CLASSES) if (chip?.classList.contains(cls)) variant = v;
   }

package/dist/tokens/index.d.ts

@@ -1,4 +1,4 @@
-export { C as ColorName, R as ReferenceTokens, S as SystemTokens, f as breakpoints, c as colors, i as iconSizes, l as layout, m as motion, o as overlays, r as radii, a as reference, s as shadows, b as spacing, d as surfaces, e as systemTokens, t as typography, z as zIndex } from '../system-BDU18fVg.js';
+export { C as ColorName, R as ReferenceTokens, S as SystemTokens, b as breakpoints, c as colors, i as iconSizes, l as layout, m as motion, o as overlays, r as radii, a as reference, s as shadows, d as spacing, e as surfaces, f as systemTokens, t as typography, z as zIndex } from '../system-lyhOUTpa.js';
 
 /**
  * The seed a host supplies per tenant.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assure-one/design-system",
-  "version": "1.33.0",
+  "version": "1.35.0",
   "description": "Assure One design system — tokens, primitives, and patterns for the Assure Suite.",
   "license": "UNLICENSED",
   "private": false,
@@ -27,6 +27,10 @@
       "types": "./dist/tokens/index.d.ts",
       "import": "./dist/tokens/index.js"
     },
+    "./icons": {
+      "types": "./dist/icons/index.d.ts",
+      "import": "./dist/icons/index.js"
+    },
     "./testing": {
       "import": {
         "types": "./dist/testing/index.d.ts",
@@ -155,7 +159,11 @@
   "scripts": {
     "prebuild": "pnpm tokens:build",
     "build": "tsup && pnpm build:testing && pnpm build:css && pnpm build:css:entries",
-    "build:css": "tailwindcss -i ./src/tokens/consumer.css -o ./dist/styles.css --minify",
+    "build:css": "tailwindcss -i ./src/tokens/consumer.css -o ./dist/styles.css --minify && node scripts/css/compat.mjs",
+    "class-flip": "node scripts/class-flip/run.mjs",
+    "class-flip:check": "node scripts/class-flip/run.mjs --check",
+    "icons:generate": "node scripts/icons/generate.mjs",
+    "icons:check": "node scripts/icons/generate.mjs --check",
     "build:css:entries": "node scripts/build-css-entries.mjs",
     "build:testing": "tsup --config tsup.testing.config.ts",
     "dev": "tsup --watch",