@crisp-ui-kit/crisp 0.33.3 → 0.33.4

package/dist/cjs/components/datatable/datatable.recipe.js

@@ -17,12 +17,12 @@ const config = (0, core_1.defineRecipe)({
     & .crisp-datatable-search input::placeholder { color: ${tokens_1.contract.fgMuted}; }
     & .crisp-datatable-search input:focus { box-shadow: inset 0 0 0 1px ${tokens_1.contract.bgBrandSolid}; }
     & .crisp-datatable-count { margin-inline-start: auto; font-size: ${tokens_1.contract.text.md}; color: ${tokens_1.contract.fgMuted}; }
-/* The header cell has no padding of its own -- the button owns the
     /* announced, never drawn */
     & .crisp-datatable-live {
       position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
       overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
     }
+    /* The header cell has no padding of its own -- the button owns the
        full cell so the whole header is clickable (its own inset is 12px).
        Mirrors the summary-row fix. */
     & th { padding: 0; }

package/dist/datatable.css

@@ -7,9 +7,9 @@
     & .crisp-datatable-search input::placeholder { color: var(--crisp-fg-muted); }
     & .crisp-datatable-search input:focus { box-shadow: inset 0 0 0 1px var(--crisp-bg-brand-solid); }
     & .crisp-datatable-count { margin-inline-start: auto; font-size: var(--crisp-text-md); color: var(--crisp-fg-muted); }
-    /* The header cell has no padding of its own -- the button owns the /* announced, never drawn */
+    /* announced, never drawn */
     & .crisp-datatable-live { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
-    full cell so the whole header is clickable (its own inset is 12px). Mirrors the summary-row fix. */
+    /* The header cell has no padding of its own -- the button owns the full cell so the whole header is clickable (its own inset is 12px). Mirrors the summary-row fix. */
     & th { padding: 0; }
     /* Same wrapper trap as AUTHORING.md Lesson 40 (ColumnCalc's summary trigger):
        Menu wraps its trigger in a flex div that sizes to its content, so a

package/dist/datatable.layered.css

@@ -8,9 +8,9 @@
     & .crisp-datatable-search input::placeholder { color: var(--crisp-fg-muted); }
     & .crisp-datatable-search input:focus { box-shadow: inset 0 0 0 1px var(--crisp-bg-brand-solid); }
     & .crisp-datatable-count { margin-inline-start: auto; font-size: var(--crisp-text-md); color: var(--crisp-fg-muted); }
-    /* The header cell has no padding of its own -- the button owns the /* announced, never drawn */
+    /* announced, never drawn */
     & .crisp-datatable-live { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
-    full cell so the whole header is clickable (its own inset is 12px). Mirrors the summary-row fix. */
+    /* The header cell has no padding of its own -- the button owns the full cell so the whole header is clickable (its own inset is 12px). Mirrors the summary-row fix. */
     & th { padding: 0; }
     /* Same wrapper trap as AUTHORING.md Lesson 40 (ColumnCalc's summary trigger):
        Menu wraps its trigger in a flex div that sizes to its content, so a

package/dist/esm/components/datatable/datatable.recipe.js

@@ -14,12 +14,12 @@ const config = defineRecipe({
     & .crisp-datatable-search input::placeholder { color: ${c.fgMuted}; }
     & .crisp-datatable-search input:focus { box-shadow: inset 0 0 0 1px ${c.bgBrandSolid}; }
     & .crisp-datatable-count { margin-inline-start: auto; font-size: ${c.text.md}; color: ${c.fgMuted}; }
-/* The header cell has no padding of its own -- the button owns the
     /* announced, never drawn */
     & .crisp-datatable-live {
       position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
       overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
     }
+    /* The header cell has no padding of its own -- the button owns the
        full cell so the whole header is clickable (its own inset is 12px).
        Mirrors the summary-row fix. */
     & th { padding: 0; }

package/dist/styles.css

@@ -559,9 +559,9 @@
     & .crisp-datatable-search input::placeholder { color: var(--crisp-fg-muted); }
     & .crisp-datatable-search input:focus { box-shadow: inset 0 0 0 1px var(--crisp-bg-brand-solid); }
     & .crisp-datatable-count { margin-inline-start: auto; font-size: var(--crisp-text-md); color: var(--crisp-fg-muted); }
-    /* The header cell has no padding of its own -- the button owns the /* announced, never drawn */
+    /* announced, never drawn */
     & .crisp-datatable-live { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
-    full cell so the whole header is clickable (its own inset is 12px). Mirrors the summary-row fix. */
+    /* The header cell has no padding of its own -- the button owns the full cell so the whole header is clickable (its own inset is 12px). Mirrors the summary-row fix. */
     & th { padding: 0; }
     /* Same wrapper trap as AUTHORING.md Lesson 40 (ColumnCalc's summary trigger):
        Menu wraps its trigger in a flex div that sizes to its content, so a

package/dist/styles.layered.css

@@ -560,9 +560,9 @@
     & .crisp-datatable-search input::placeholder { color: var(--crisp-fg-muted); }
     & .crisp-datatable-search input:focus { box-shadow: inset 0 0 0 1px var(--crisp-bg-brand-solid); }
     & .crisp-datatable-count { margin-inline-start: auto; font-size: var(--crisp-text-md); color: var(--crisp-fg-muted); }
-    /* The header cell has no padding of its own -- the button owns the /* announced, never drawn */
+    /* announced, never drawn */
     & .crisp-datatable-live { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
-    full cell so the whole header is clickable (its own inset is 12px). Mirrors the summary-row fix. */
+    /* The header cell has no padding of its own -- the button owns the full cell so the whole header is clickable (its own inset is 12px). Mirrors the summary-row fix. */
     & th { padding: 0; }
     /* Same wrapper trap as AUTHORING.md Lesson 40 (ColumnCalc's summary trigger):
        Menu wraps its trigger in a flex div that sizes to its content, so a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crisp-ui-kit/crisp",
-  "version": "0.33.3",
+  "version": "0.33.4",
   "description": "A lean React design system, measured pixel-for-pixel from Attio.",
   "license": "MIT",
   "type": "module",
@@ -413,8 +413,9 @@
     "build:css": "bun run build.mjs",
     "build:types": "tsc -p tsconfig.build.json",
     "build": "bun run build:css && bun run build:tokens && bun run build:esm && bun run build:cjs && bun run build:types",
+    "check:css": "bun scripts/check-css.mjs",
     "check:dist": "bun scripts/check-dist.mjs",
-    "prepublishOnly": "bun run build && bun run check:dist",
+    "prepublishOnly": "bun run build && bun run check:dist && bun run check:css",
     "typecheck": "tsc --noEmit",
     "lint": "biome check .",
     "test": "bun test",
@@ -460,6 +461,7 @@
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.5",
     "happy-dom": "^20.11.6",
+    "lightningcss": "^1.33.0",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "typescript": "^7.0.2"