@crisp-ui-kit/crisp 0.31.5 → 0.31.6

package/dist/cjs/core/dialog-description.js

@@ -4,7 +4,7 @@ exports.withDescribedBy = withDescribedBy;
 /**
  * Zag's dialog machine always advertises a description: `getContentProps()`
  * returns an `aria-describedby` pointing at the id of a description element.
- * crisp renders no such element — Attio's modals have a title and a body, no
+ * crisp renders no such element — the measured modals have a title and a body, no
  * description line — so the reference dangles, and a dangling id is not a
  * relationship a screen reader can follow.
  *

package/dist/cjs/index.js

@@ -70,7 +70,7 @@ __exportStar(require("./components/tooltip"), exports);
 __exportStar(require("./components/wheelpicker"), exports);
 __exportStar(require("./core"), exports);
 // product surfaces (product/) — faithful, pixel-measured rebuilds of specific
-// Attio screens (Sidebar, RecordsTable, RecordPage, Inbox, …). Use them as-is
+// product screens (Sidebar, RecordsTable, RecordPage, Inbox, …). Use them as-is
 // or as composition references for your own data; `components/` above holds
 // the generic primitives (Table, DataTable, Button, …) to build your own UI from.
 __exportStar(require("./product/appshell"), exports);

package/dist/cjs/tokens/elevation.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.elevation = void 0;
 const contract_1 = require("./contract");
 /**
- * Attio's measured elevation recipes, written **once**.
+ * The measured elevation recipes, written **once**.
  *
  * The whole product runs on two elevation tiers plus one control shadow
- * (measured live — see `docs/study/attio-panels.md` §4). Before this module each
+ * (measured live — see the panels study §4). Before this module each
  * surface carried its own copy of the string: the tier-1 stack appeared in 9
  * places, the control shadow in 12. Copies drift, and every drift was a real
  * bug — `Drawer`/`RecordPanel` grew invented directional shadows, `BulkBar`'s
@@ -23,14 +23,14 @@ exports.elevation = {
     /**
      * Tier 2 — the modal frosted bezel (Dialog, Command). Sits on the
      * `bgOverlayFrost` 60% + `blur(15px)` surface at radius 16, wrapping an inner
-     * card at radius 12. Attio dims nothing behind it; the blur does the work.
+     * card at radius 12. Nothing is dimmed behind it; the blur does the work.
      */
     modal: `0 8px 28px -6px ${contract_1.contract.shadowOverlay1}, 0 18px 88px -4px ${contract_1.contract.shadowOverlay2}, 0 0 1px ${contract_1.contract.shadowOverlay3}`,
     /**
      * The neutral/outlined control shadow — buttons, inputs, textareas, the
      * sidebar search, record-page actions.
      *
-     * The two raw values **are** the measured Attio value (Lessons 22 and 29) and
+     * The two raw values **are** the measured value (Lessons 22 and 29) and
      * must stay raw. `rgba(0,0,0,0.04)` equals `tileActiveShadow`'s light value by
      * coincidence, not by meaning; tokenizing it would delete a measured layer in
      * dark mode. Only the ring is theme-aware, via `ringNeutral`.

package/dist/cjs/tokens/palette.js

@@ -5,7 +5,7 @@ exports.palette = {
     gray00: { light: "#ffffff", dark: "#0a0a0a" },
     white: { light: "#ffffff", dark: "#ffffff" },
     // the counterpart to `white`: ink that does NOT flip with the theme, for text
-    // on a bright tone fill. Same value as gray900's light side (Attio's measured
+    // on a bright tone fill. Same value as gray900's light side (the measured
     // near-black), named separately because its job is not "primary foreground".
     ink: { light: "#101112", dark: "#101112" },
     gray50: { light: "#f4f4f5", dark: "#101112" },
@@ -31,7 +31,7 @@ exports.palette = {
     // A red dark enough to carry white text. red600 cannot: white on it is
     // 3.91:1 light / 3.05:1 dark, and the solid button's hover DARKENS the fill
     // (filter: brightness), so dark ink fails there instead (4.49 at hover).
-    // Measured from Attio's own stylesheet, which ships this red alongside the
+    // Measured from the reference stylesheet, which ships this red alongside the
     // #EB3B3B it uses for destructive menu TEXT. Does not flip: a filled
     // destructive control needs the same white-bearing fill in both themes.
     red700: { light: "#ba2525", dark: "#ba2525" },

package/dist/cjs/tokens/scale.js

@@ -3,7 +3,7 @@
 // component sizing. Theme-invariant (identical in light/dark), so it is emitted
 // once into :root, unlike the color tokens which flip per theme.
 //
-// Derived by measuring the live Attio app (not taste): its spacing is a
+// Derived by measuring a live production app (not taste): its spacing is a
 // 2px-granular / 4px-base scale — the values 1,2,4,6,8,10,12,16 account for
 // nearly every gap/pad/margin in the sidebar. Radii cluster at 6/8/9 + a pill.
 // Recipes MUST reference these through the contract (`c.space[...]`), never a
@@ -25,10 +25,10 @@ exports.space = {
     "6": "24px",
     "8": "32px", // overlay / empty-state padding
 };
-// Corner radius. sm/md/lg are the three Attio uses on stacked surfaces
+// Corner radius. sm/md/lg are the three used on stacked surfaces
 // (inputs, rows, tiles); full is the pill.
 exports.radius = {
-    chip: "7px", // tag / chip corner — the single most used radius in Attio
+    chip: "7px", // tag / chip corner — the single most used radius
     sm: "6px", // chips, badges
     md: "8px", // inputs, search box
     lg: "9px", // rows, tiles, list items
@@ -40,20 +40,20 @@ exports.radius = {
 // radius (row height, header height, the nav icon box).
 exports.size = {
     icon: "16px", // nav / control glyph box
-    chip: "22px", // tag / chip height — Attio's most repeated small control
+    chip: "22px", // tag / chip height — the most repeated small control
     row: "28px", // nav item · search · control height
     menuRow: "32px", // overlay row: menu item, select option, bulk-bar button
     tableRow: "36px", // data-grid row height
     tableHeader: "40px", // data-grid header row height
     header: "48px", // workspace-switcher header height
-    // Attio's date picker, measured: a 32px day with a 2px gap on both axes, so
+    // The measured date picker: a 32px day with a 2px gap on both axes, so
     // the pitch is 34. The gap is expressed as the cell being 2px taller than the
     // highlight rather than as a grid gap, because crisp's range bridge spans
     // whole cells and a column gap would cut it.
     calendarCell: "34px", // calendar day pitch (32px day + 2px gap)
     calendarPill: "32px", // the day highlight itself
 };
-// Typography — Attio's UI runs entirely on Inter. Sizes measured in the sidebar
+// Typography — the measured UI runs entirely on Inter. Sizes measured in the sidebar
 // collapse onto 11/12/13/14/16 (lg = 14px is the default body/label size);
 // weights are 400/500/600 with 500 the UI default.
 exports.font = {

package/dist/cjs/tokens/semantic.js

@@ -51,7 +51,7 @@ exports.semantic = {
     bgCyan: "cyan600",
     bgPurple: "purple600",
     bgSidebar: "graySidebar",
-    // #fbfbfb — Attio's subtle raised fill; the active tab pill uses the same
+    // #fbfbfb — the subtle raised fill; the active tab pill uses the same
     // value as the sidebar, so it shares the palette entry under a neutral name.
     bgSubtle: "graySidebar",
 };

package/dist/esm/core/dialog-description.js

@@ -1,7 +1,7 @@
 /**
  * Zag's dialog machine always advertises a description: `getContentProps()`
  * returns an `aria-describedby` pointing at the id of a description element.
- * crisp renders no such element — Attio's modals have a title and a body, no
+ * crisp renders no such element — the measured modals have a title and a body, no
  * description line — so the reference dangles, and a dangling id is not a
  * relationship a screen reader can follow.
  *

package/dist/esm/index.js

@@ -54,7 +54,7 @@ export * from "./components/tooltip/index.js";
 export * from "./components/wheelpicker/index.js";
 export * from "./core/index.js";
 // product surfaces (product/) — faithful, pixel-measured rebuilds of specific
-// Attio screens (Sidebar, RecordsTable, RecordPage, Inbox, …). Use them as-is
+// product screens (Sidebar, RecordsTable, RecordPage, Inbox, …). Use them as-is
 // or as composition references for your own data; `components/` above holds
 // the generic primitives (Table, DataTable, Button, …) to build your own UI from.
 export * from "./product/appshell/index.js";

package/dist/esm/tokens/elevation.js

@@ -1,9 +1,9 @@
 import { contract as c } from "./contract.js";
 /**
- * Attio's measured elevation recipes, written **once**.
+ * The measured elevation recipes, written **once**.
  *
  * The whole product runs on two elevation tiers plus one control shadow
- * (measured live — see `docs/study/attio-panels.md` §4). Before this module each
+ * (measured live — see the panels study §4). Before this module each
  * surface carried its own copy of the string: the tier-1 stack appeared in 9
  * places, the control shadow in 12. Copies drift, and every drift was a real
  * bug — `Drawer`/`RecordPanel` grew invented directional shadows, `BulkBar`'s
@@ -20,14 +20,14 @@ export const elevation = {
     /**
      * Tier 2 — the modal frosted bezel (Dialog, Command). Sits on the
      * `bgOverlayFrost` 60% + `blur(15px)` surface at radius 16, wrapping an inner
-     * card at radius 12. Attio dims nothing behind it; the blur does the work.
+     * card at radius 12. Nothing is dimmed behind it; the blur does the work.
      */
     modal: `0 8px 28px -6px ${c.shadowOverlay1}, 0 18px 88px -4px ${c.shadowOverlay2}, 0 0 1px ${c.shadowOverlay3}`,
     /**
      * The neutral/outlined control shadow — buttons, inputs, textareas, the
      * sidebar search, record-page actions.
      *
-     * The two raw values **are** the measured Attio value (Lessons 22 and 29) and
+     * The two raw values **are** the measured value (Lessons 22 and 29) and
      * must stay raw. `rgba(0,0,0,0.04)` equals `tileActiveShadow`'s light value by
      * coincidence, not by meaning; tokenizing it would delete a measured layer in
      * dark mode. Only the ring is theme-aware, via `ringNeutral`.

package/dist/esm/tokens/palette.js

@@ -2,7 +2,7 @@ export const palette = {
     gray00: { light: "#ffffff", dark: "#0a0a0a" },
     white: { light: "#ffffff", dark: "#ffffff" },
     // the counterpart to `white`: ink that does NOT flip with the theme, for text
-    // on a bright tone fill. Same value as gray900's light side (Attio's measured
+    // on a bright tone fill. Same value as gray900's light side (the measured
     // near-black), named separately because its job is not "primary foreground".
     ink: { light: "#101112", dark: "#101112" },
     gray50: { light: "#f4f4f5", dark: "#101112" },
@@ -28,7 +28,7 @@ export const palette = {
     // A red dark enough to carry white text. red600 cannot: white on it is
     // 3.91:1 light / 3.05:1 dark, and the solid button's hover DARKENS the fill
     // (filter: brightness), so dark ink fails there instead (4.49 at hover).
-    // Measured from Attio's own stylesheet, which ships this red alongside the
+    // Measured from the reference stylesheet, which ships this red alongside the
     // #EB3B3B it uses for destructive menu TEXT. Does not flip: a filled
     // destructive control needs the same white-bearing fill in both themes.
     red700: { light: "#ba2525", dark: "#ba2525" },

package/dist/esm/tokens/scale.js

@@ -2,7 +2,7 @@
 // component sizing. Theme-invariant (identical in light/dark), so it is emitted
 // once into :root, unlike the color tokens which flip per theme.
 //
-// Derived by measuring the live Attio app (not taste): its spacing is a
+// Derived by measuring a live production app (not taste): its spacing is a
 // 2px-granular / 4px-base scale — the values 1,2,4,6,8,10,12,16 account for
 // nearly every gap/pad/margin in the sidebar. Radii cluster at 6/8/9 + a pill.
 // Recipes MUST reference these through the contract (`c.space[...]`), never a
@@ -22,10 +22,10 @@ export const space = {
     "6": "24px",
     "8": "32px", // overlay / empty-state padding
 };
-// Corner radius. sm/md/lg are the three Attio uses on stacked surfaces
+// Corner radius. sm/md/lg are the three used on stacked surfaces
 // (inputs, rows, tiles); full is the pill.
 export const radius = {
-    chip: "7px", // tag / chip corner — the single most used radius in Attio
+    chip: "7px", // tag / chip corner — the single most used radius
     sm: "6px", // chips, badges
     md: "8px", // inputs, search box
     lg: "9px", // rows, tiles, list items
@@ -37,20 +37,20 @@ export const radius = {
 // radius (row height, header height, the nav icon box).
 export const size = {
     icon: "16px", // nav / control glyph box
-    chip: "22px", // tag / chip height — Attio's most repeated small control
+    chip: "22px", // tag / chip height — the most repeated small control
     row: "28px", // nav item · search · control height
     menuRow: "32px", // overlay row: menu item, select option, bulk-bar button
     tableRow: "36px", // data-grid row height
     tableHeader: "40px", // data-grid header row height
     header: "48px", // workspace-switcher header height
-    // Attio's date picker, measured: a 32px day with a 2px gap on both axes, so
+    // The measured date picker: a 32px day with a 2px gap on both axes, so
     // the pitch is 34. The gap is expressed as the cell being 2px taller than the
     // highlight rather than as a grid gap, because crisp's range bridge spans
     // whole cells and a column gap would cut it.
     calendarCell: "34px", // calendar day pitch (32px day + 2px gap)
     calendarPill: "32px", // the day highlight itself
 };
-// Typography — Attio's UI runs entirely on Inter. Sizes measured in the sidebar
+// Typography — the measured UI runs entirely on Inter. Sizes measured in the sidebar
 // collapse onto 11/12/13/14/16 (lg = 14px is the default body/label size);
 // weights are 400/500/600 with 500 the UI default.
 export const font = {

package/dist/esm/tokens/semantic.js

@@ -48,7 +48,7 @@ export const semantic = {
     bgCyan: "cyan600",
     bgPurple: "purple600",
     bgSidebar: "graySidebar",
-    // #fbfbfb — Attio's subtle raised fill; the active tab pill uses the same
+    // #fbfbfb — the subtle raised fill; the active tab pill uses the same
     // value as the sidebar, so it shares the palette entry under a neutral name.
     bgSubtle: "graySidebar",
 };

package/dist/types/core/dialog-description.d.ts

@@ -1,7 +1,7 @@
 /**
  * Zag's dialog machine always advertises a description: `getContentProps()`
  * returns an `aria-describedby` pointing at the id of a description element.
- * crisp renders no such element — Attio's modals have a title and a body, no
+ * crisp renders no such element — the measured modals have a title and a body, no
  * description line — so the reference dangles, and a dangling id is not a
  * relationship a screen reader can follow.
  *

package/dist/types/tokens/elevation.d.ts

@@ -1,8 +1,8 @@
 /**
- * Attio's measured elevation recipes, written **once**.
+ * The measured elevation recipes, written **once**.
  *
  * The whole product runs on two elevation tiers plus one control shadow
- * (measured live — see `docs/study/attio-panels.md` §4). Before this module each
+ * (measured live — see the panels study §4). Before this module each
  * surface carried its own copy of the string: the tier-1 stack appeared in 9
  * places, the control shadow in 12. Copies drift, and every drift was a real
  * bug — `Drawer`/`RecordPanel` grew invented directional shadows, `BulkBar`'s
@@ -19,14 +19,14 @@ export declare const elevation: {
     /**
      * Tier 2 — the modal frosted bezel (Dialog, Command). Sits on the
      * `bgOverlayFrost` 60% + `blur(15px)` surface at radius 16, wrapping an inner
-     * card at radius 12. Attio dims nothing behind it; the blur does the work.
+     * card at radius 12. Nothing is dimmed behind it; the blur does the work.
      */
     readonly modal: `0 8px 28px -6px var(--${string}), 0 18px 88px -4px var(--${string}), 0 0 1px var(--${string})`;
     /**
      * The neutral/outlined control shadow — buttons, inputs, textareas, the
      * sidebar search, record-page actions.
      *
-     * The two raw values **are** the measured Attio value (Lessons 22 and 29) and
+     * The two raw values **are** the measured value (Lessons 22 and 29) and
      * must stay raw. `rgba(0,0,0,0.04)` equals `tileActiveShadow`'s light value by
      * coincidence, not by meaning; tokenizing it would delete a measured layer in
      * dark mode. Only the ring is theme-aware, via `ringNeutral`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crisp-ui-kit/crisp",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "description": "A lean React design system, measured pixel-for-pixel from Attio.",
   "license": "MIT",
   "type": "module",