@crisp-ui-kit/crisp 0.31.4 → 0.31.5

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

@@ -1,7 +1,7 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
 import { toolbarChromeBody, toolbarChromeHead } from "./tabletoolbar.chrome.js";
-// Attio's table toolbar, measured: 28px controls, the Sort/Filter buttons and
+// The table toolbar, measured: 28px controls, the Sort/Filter buttons and
 // the menus they open, sort-condition rows, and the filter chips. The chrome
 // itself lives in ./tabletoolbar.chrome.ts because RecordsTable renders the
 // same measured surface under its own class prefix — one source, two prefixes,

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

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// Attio's record-view tabs: a row of segmented tab buttons over a 1px baseline.
+// Record-view tabs: a row of segmented tab buttons over a 1px baseline.
 // The active tab is a light pill — bg #fbfbfb + inset ring borderSubtle, r8 —
 // with a 2px ink underline that slides along the baseline; inactive tabs are
 // muted and fill to a subtle pill on hover. Each tab carries a 16px leading icon

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

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c, elevation as e } from "../../tokens/index.js";
-// A multiline text field, measured from Attio's settings "Personal context": an
+// A multiline text field, measured from a settings "Personal context" field: an
 // inset 1px ring (radius 8), 14px text, 6/10 padding, and an optional character
 // counter pinned bottom-right (12px, muted). Focus rings the field brand.
 const config = defineRecipe({

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

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// The floating bubble for a Tooltip — Attio's dark hint chip. Applied to the
+// The floating bubble for a Tooltip — a dark hint chip. Applied to the
 // portaled bubble itself (not a wrapper), so its styles survive the portal.
 const config = defineRecipe({
     name: "tooltip",

package/dist/esm/product/appshell/appshell.recipe.js

@@ -1,7 +1,7 @@
 import { defineRecipe, resolveRecipe, rtlFlipCss } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
 // App-shell layout: a collapsible + resizable sidebar pane next to a main pane,
-// mirroring how Attio's window works. The sidebar pane clips (never squishes)
+// mirroring a familiar app-window layout. The sidebar pane clips (never squishes)
 // when collapsing, and a drag handle on its edge resizes it.
 const config = defineRecipe({
     name: "appshell",

package/dist/esm/product/authshell/authshell.recipe.js

@@ -1,11 +1,11 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// Attio's welcome/auth surface (app.attio.com/welcome/*) — measured live,
+// A welcome/auth surface — measured live,
 // 2026-09-15. A centered page frame holding a two-pane card: the form on the
 // left, an optional product preview on the right, with an optional top
 // progress bar and a footer under the card. Every value below is measured
 // from the live app, EXCEPT the 1200px preview-hiding breakpoint (called out
-// at the container query below) — Attio drops the pane in JS somewhere between a
+// at the container query below) — the pane drops out in JS somewhere between a
 // measured 954px and 1393px viewport width, so 1200px is chosen, not measured.
 const config = defineRecipe({
     name: "authshell",
@@ -48,7 +48,7 @@ const config = defineRecipe({
     & .authshell-body .button { height: 36px; padding-inline: ${c.space["3"]}; border-radius: 10px; }
     & .authshell-body .button--intent_primary { box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06), 0 2px 4px -2px rgba(38,109,240,0.12), 0 3px 6px -2px rgba(38,109,240,0.08); }
 
-    /* Attio drops the preview pane in JS on narrow viewports (measured: two
+    /* The preview pane drops out in JS on narrow viewports (measured: two
        panes at 1393px, one at 954px), so 1200px is a chosen threshold inside
        that bracket, not a measured value. A CONTAINER query, not a media
        query: the shell is embedded in the docs inside an ~800px column, where

package/dist/esm/product/board/board.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A kanban board — measured from Attio's Deals pipeline: horizontally scrolling
+// A kanban board — measured from a Deals pipeline: horizontally scrolling
 // columns (dot + title + count header, a "New" button, a stack of draggable
 // cards), with the hovered drop column highlighted.
 const config = defineRecipe({

package/dist/esm/product/entitycard/entitycard.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A note / entity card — measured from Attio's Notes grid: a bordered white card
+// A note / entity card — measured from a Notes grid: a bordered white card
 // with an author row (avatar + name) at the top, a title, a clamped excerpt,
 // and a footer row (avatar + name … date). The whole card is clickable.
 const config = defineRecipe({

package/dist/esm/product/flowcanvas/flowcanvas.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A pannable, zoomable node canvas — measured from Attio's Workflows editor:
+// A pannable, zoomable node canvas — measured from a Workflows editor:
 // a dotted-grid background, draggable node cards, and connecting edges with dots.
 const config = defineRecipe({
     name: "flowcanvas",

package/dist/esm/product/inbox/inbox.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A notifications inbox panel — measured from Attio's notification flyout: a
+// A notifications inbox panel — measured from a notification flyout: a
 // ~380px rounded panel with a title, "Notifications / Requests" tabs (with
 // counts), then notification rows (avatar + message + time + unread dot) or a
 // centred empty state. Drop it in a Popover for the flyout, or use standalone.

package/dist/esm/product/listpage/listpage.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// The entity-list page shell — measured from Attio's Reports / Sequences / Tasks
+// The entity-list page shell — measured from Reports / Sequences / Tasks
 // / Notes list views: a view-bar toolbar (leading Sort/Filter, trailing view
 // toggle / settings / New, and a record count), an optional dashed "Favorites"
 // region, then a list with column headers and time-grouped 52px rows.

package/dist/esm/product/onboarding/onboarding.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// An onboarding checklist card — measured from Attio's floating "Getting started"
+// An onboarding checklist card — measured from a floating "Getting started"
 // widget: a title + menu/minimize header, a "N/total steps" subtitle, a
 // segmented progress bar (filled pills brand, rest 4% ink), then step rows with
 // an icon + label; completed rows strike through and show a brand check.

package/dist/esm/product/recordpage/recordpage.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c, elevation as e } from "../../tokens/index.js";
-// The full-page company record view Attio opens when you click into a record —
+// The full-page company record view opened when you click into a record —
 // measured from the live app. A slim top bar (breadcrumb · logo · name 16/600 ·
 // actions), then a two-column body: a 320px left "Record Details" attribute
 // column (transparent, border-right) and a flexible main area whose tab bar
@@ -50,7 +50,7 @@ const config = defineRecipe({
     & .recordpage-section { padding-top: ${c.space["2"]}; }
     & .recordpage-section-title { font-size: ${c.text.sm}; font-weight: ${c.weight.medium}; letter-spacing: -0.12px; color: color-mix(in srgb, ${c.fgPrimary} 63%, transparent); padding: ${c.space["1"]}; }
     /* main-area section headers (Highlights / Activity / Emails / Notes / Tasks)
-       are 14px in Attio; the left column's (Record Details / Lists) stay 12px. */
+       are 14px; the left column's (Record Details / Lists) stay 12px. */
     & .recordpage-main .recordpage-section-title { font-size: ${c.text.lg}; }
     & .recordpage-detailhead { display: flex; align-items: center; gap: ${c.space["0.5"]}; margin-bottom: ${c.space["3"]}; padding-inline-end: ${c.space["0.5"]}; }
     & .recordpage-collapse { display: inline-flex; align-items: center; gap: 2px; flex: 1; min-width: 0; margin: 0; border: none; background: none; padding: ${c.space["1"]}; border-radius: ${c.radius.md}; font-family: inherit; font-size: ${c.text.sm}; font-weight: ${c.weight.medium}; letter-spacing: -0.12px; color: ${c.fgMuted}; cursor: pointer; text-align: start; }

package/dist/esm/product/recordpanel/recordpanel.recipe.js

@@ -2,7 +2,7 @@ import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c, elevation as e } from "../../tokens/index.js";
 import { recordTagCss } from "../recordstable/recordstable.tag.js";
 // A right-side record peek panel — slides in over the main content to show one
-// record's fields, the way Attio opens a row. Positioned absolutely inside a
+// record's fields, the way a row peek panel opens. Positioned absolutely inside a
 // relative container (the app main area); slides in via @starting-style.
 const config = defineRecipe({
     name: "recordpanel",

package/dist/esm/product/recordstable/recordstable.recipe.js

@@ -2,7 +2,7 @@ import { toolbarChromeBody, toolbarChromeHead, } from "../../components/tabletoo
 import { defineRecipe, resolveRecipe, rtlFlipCss } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
 import { recordTagCss } from "./recordstable.tag.js";
-// Attio's record grid, measured: 36px rows, 1px borderSubtle (#eeeff1) grid
+// A record grid, measured: 36px rows, 1px borderSubtle (#eeeff1) grid
 // lines on BOTH axes, sticky checkbox + entity (first) columns, entity = 16px
 // avatar + 14px/500 name, 28px toolbar controls, a floating bulk-action bar.
 //
@@ -112,7 +112,7 @@ ${toolbarChromeBody("recordstable")}
     /* box-shadow has no logical form either: the bleed follows the scrolled
        content, which is the opposite side under RTL. */
     [dir="rtl"] & .recordstable-scroll[data-scrolled] .recordstable-col-entity { box-shadow: -6px 0 16px 4px rgba(0,0,0,0.12); }
-    /* AI-enriched values carry a purple wash. Measured from Attio:
+    /* AI-enriched values carry a purple wash. Measured live:
        a full-bleed overlay at #9b69ff 4% (== bgPurple), composited OVER
        whatever row-state background the cell already has, which is why it
        is an ::after and not a background. */

package/dist/esm/product/recordstable/recordstable.tag.js

@@ -1,6 +1,6 @@
 import { contract as c } from "../../tokens/index.js";
 /**
- * The record tag/chip, measured from Attio: 22px tall, `padding: 0 4px`,
+ * The record tag/chip, measured live: 22px tall, `padding: 0 4px`,
  * `border-radius: ${c.radius.chip}`, 14px/20px at weight 500, and a 1px inset ring in the
  * tone's colour.
  *

package/dist/esm/product/richtext/richtext.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A block rich-text editor — measured from Attio's Notes editor: a large 32/36
+// A block rich-text editor — measured from a Notes editor: a large 32/36
 // title, a 14/20 prose body (headings, lists, quote, code, marks, links), and a
 // floating selection toolbar. Built on contentEditable so it stays dependency-
 // free. Placeholders show via [data-empty]::before.

package/dist/esm/product/settingssection/settingssection.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A settings section — measured from Attio's Settings pages: a 16px/600 title
+// A settings section — measured from Settings pages: a 16px/600 title
 // with an optional subtitle, then a stack of rows (form fields, toggles…). Rows
 // gap evenly; an optional trailing action sits on the title row.
 const config = defineRecipe({

package/dist/esm/product/settingsshell/settingsshell.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe, rtlFlipCss } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// The Settings layout — measured from Attio's Settings: a 256px left nav with a
+// The Settings layout — measured from a Settings screen: a 256px left nav with a
 // back header, a search field, and grouped nav items (active row raised), beside
 // a scrolling content pane. Sits inside whatever height its container gives it.
 const config = defineRecipe({
@@ -15,7 +15,7 @@ const config = defineRecipe({
 
     & .settingsshell-search { display: flex; align-items: center; gap: ${c.space["2"]}; height: 32px; margin-bottom: ${c.space["2"]}; padding: 0 ${c.space["2.5"]}; border-radius: ${c.radius.md}; background: ${c.bgSurface}; box-shadow: inset 0 0 0 1px ${c.borderDefault}; color: ${c.fgMuted}; }
     /* The field box owns the ring, so focus has to move it -- the inner
-       input kills its own outline. Measured on Attio: a focused field's
+       input kills its own outline. Measured live: a focused field's
        input carries box-shadow: none while its wrapper carries
        inset 0 0 0 1px #266df0. */
     & .settingsshell-search:focus-within { box-shadow: inset 0 0 0 1px ${c.bgBrandSolid}; }

package/dist/esm/product/tasklist/tasklist.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A task list — measured from Attio's Tasks page: optional group headers, then
+// A task list — measured from a Tasks page: optional group headers, then
 // rows of a round complete-checkbox + title + trailing meta (due date, record,
 // assignee). Completed rows strike through; overdue due-dates go red.
 const config = defineRecipe({

package/dist/esm/product/trialbanner/trialbanner.recipe.js

@@ -1,8 +1,8 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c, elevation as e } from "../../tokens/index.js";
-// A compact trial / upgrade banner — measured from Attio's sidebar footer: an
+// A compact trial / upgrade banner — measured from a sidebar footer: an
 // icon + a message on the left and a small action pill on the right, in a 28px
-// row. The action uses Attio's soft-glow outlined-button shadow.
+// row. The action uses the measured soft-glow outlined-button shadow.
 const config = defineRecipe({
     name: "trialbanner",
     base: `display: flex; align-items: center; gap: ${c.space["1.5"]}; box-sizing: border-box; min-height: 28px;

package/dist/esm/product/viewtoggle/viewtoggle.recipe.js

@@ -1,6 +1,6 @@
 import { defineRecipe, resolveRecipe } from "../../core/index.js";
 import { contract as c } from "../../tokens/index.js";
-// A compact icon toggle — measured from Attio's list/grid switch: a 28px track
+// A compact icon toggle — measured from a list/grid switch: a 28px track
 // (radius 10, ~5% ink) padded 2px, holding 24px icon tiles (radius 8). The
 // selected tile gets a raised surface with a soft shadow.
 const config = defineRecipe({

package/dist/fileupload.css

@@ -23,12 +23,12 @@
     & .fileupload-zone[data-disabled] { opacity: .5; cursor: not-allowed; }
     & .fileupload-zone[data-invalid] { border-color: var(--bg-danger); }
 
-    /* Attio: "No files" 16/20 weight 600 */
+    /* "No files" 16/20 weight 600 */
     & .fileupload-title {
       color: var(--fg-primary); font-size: var(--text-xl); line-height: 20px;
       font-weight: var(--weight-semibold);
     }
-    /* Attio: the hint line, 14/20 weight 500 at 63% of the foreground */
+    /* The hint line, 14/20 weight 500 at 63% of the foreground */
     & .fileupload-hint {
       color: color-mix(in srgb, var(--fg-primary) 63%, transparent);
       font-size: var(--text-lg); line-height: 20px;

package/dist/recordpage.css

@@ -41,7 +41,7 @@
     & .recordpage-section { padding-top: var(--space-2); }
     & .recordpage-section-title { font-size: var(--text-sm); font-weight: var(--weight-medium); letter-spacing: -0.12px; color: color-mix(in srgb, var(--fg-primary) 63%, transparent); padding: var(--space-1); }
     /* main-area section headers (Highlights / Activity / Emails / Notes / Tasks)
-       are 14px in Attio; the left column's (Record Details / Lists) stay 12px. */
+       are 14px; the left column's (Record Details / Lists) stay 12px. */
     & .recordpage-main .recordpage-section-title { font-size: var(--text-lg); }
     & .recordpage-detailhead { display: flex; align-items: center; gap: var(--space-0-5); margin-bottom: var(--space-3); padding-inline-end: var(--space-0-5); }
     & .recordpage-collapse { display: inline-flex; align-items: center; gap: 2px; flex: 1; min-width: 0; margin: 0; border: none; background: none; padding: var(--space-1); border-radius: var(--radius-md); font-family: inherit; font-size: var(--text-sm); font-weight: var(--weight-medium); letter-spacing: -0.12px; color: var(--fg-muted); cursor: pointer; text-align: start; }

package/dist/recordstable.css

@@ -167,7 +167,7 @@
     /* box-shadow has no logical form either: the bleed follows the scrolled
        content, which is the opposite side under RTL. */
     [dir="rtl"] & .recordstable-scroll[data-scrolled] .recordstable-col-entity { box-shadow: -6px 0 16px 4px rgba(0,0,0,0.12); }
-    /* AI-enriched values carry a purple wash. Measured from Attio:
+    /* AI-enriched values carry a purple wash. Measured live:
        a full-bleed overlay at #9b69ff 4% (== bgPurple), composited OVER
        whatever row-state background the cell already has, which is why it
        is an ::after and not a background. */

package/dist/settingsshell.css

@@ -9,7 +9,7 @@
 
     & .settingsshell-search { display: flex; align-items: center; gap: var(--space-2); height: 32px; margin-bottom: var(--space-2); padding: 0 var(--space-2-5); border-radius: var(--radius-md); background: var(--bg-surface); box-shadow: inset 0 0 0 1px var(--border-default); color: var(--fg-muted); }
     /* The field box owns the ring, so focus has to move it -- the inner
-       input kills its own outline. Measured on Attio: a focused field's
+       input kills its own outline. Measured live: a focused field's
        input carries box-shadow: none while its wrapper carries
        inset 0 0 0 1px #266df0. */
     & .settingsshell-search:focus-within { box-shadow: inset 0 0 0 1px var(--bg-brand-solid); }

package/dist/styles.css

@@ -415,7 +415,7 @@
        shrink the button back to its text. Make the wrapper fill too, so the
        whole cell stays clickable. */
     & .menu { width: 100%; height: 100%; }
-        /* Attio's hit target is the WHOLE summary cell -- measured 246x37 with
+        /* The hit target is the WHOLE summary cell -- measured 246x37 with
        padding 0 12px, not a content-sized chip. Clicking anywhere in the cell
        opens the aggregation menu. */
     & .columncalc-trigger { display: flex; align-items: center; gap: var(--space-1); width: 100%; height: 100%; min-height: var(--size-tableRow); margin: 0; padding: 0 var(--space-3); border: none; border-radius: var(--radius-md); background: transparent; color: var(--fg-muted); font-family: inherit; font-size: var(--text-md); font-weight: var(--weight-medium); white-space: nowrap; cursor: pointer; transition: background-color .12s, color .12s; }
@@ -466,7 +466,7 @@
     & .datatable-search input::placeholder { color: var(--fg-muted); }
     & .datatable-search input:focus { box-shadow: inset 0 0 0 1px var(--bg-brand-solid); }
     & .datatable-count { margin-inline-start: auto; font-size: var(--text-md); color: var(--fg-muted); }
-/* Attio's header cell has no padding of its own -- the button owns the
+/* 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; }
@@ -480,11 +480,11 @@
     & th .menu { width: 100%; height: 100%; }
     & .datatable-th-inner { display: inline-flex; align-items: center; gap: var(--space-1-5); width: 100%; min-width: 0; height: 100%; }
     & .datatable-th-inner > svg { flex-shrink: 0; color: var(--fg-muted); }
-/* Attio's summary cell has NO padding of its own -- the calculation trigger
+/* The summary cell has NO padding of its own -- the calculation trigger
        owns the whole 246x37 area so a click anywhere in the cell opens the
        menu. Zero the cell's inset and let ColumnCalc supply the 12px. */
     & tfoot td { padding: 0; }
-/* Group heading row -- Attio groups a view under a subtle label with the
+/* Group heading row -- a view is grouped under a subtle label with the
        bucket's count beside it. */
 & .datatable-viewsettings { display: inline-flex; align-items: center; gap: var(--space-1-5); height: var(--size-row); margin: 0; padding: 0 var(--space-2); border: none; border-radius: var(--radius-md); background: transparent; color: var(--fg-muted); font-family: inherit; font-size: var(--text-md); font-weight: var(--weight-medium); white-space: nowrap; cursor: pointer; transition: background-color .12s, color .12s; }
     & .datatable-viewsettings:hover { background: color-mix(in srgb, var(--fg-primary) 4%, transparent); color: var(--fg-primary); }
@@ -542,13 +542,13 @@
     & .datatable-tag[data-tone="orange"] { background: color-mix(in srgb, var(--bg-orange) 16%, transparent); color: color-mix(in srgb, var(--bg-orange) 82%, var(--fg-primary)); }
     & .datatable-num { font-variant-numeric: tabular-nums; }
     & .datatable-muted { color: var(--fg-muted); }
-    /* row drag-to-reorder -- Attio's Settings > Objects > Attributes measures
+    /* row drag-to-reorder -- a Settings > Objects > Attributes screen measures
        a leading 20px grip column, a 16px grip icon, and the row's own
        hairline doubling as the drop indicator (it tints toward the brand
        colour as the active drop target). The affordance + geometry are
        measured; the drag MECHANISM is crisp's existing house idiom -- HTML5
        draggable + dataTransfer, the same one column reorder already uses
-       (RecordsTable's reorderColumn) -- not Attio's own proprietary
+       (RecordsTable's reorderColumn) -- not a proprietary
        pointer-events implementation. */
     & .datatable-col-grip { width: 20px; padding: 0; text-align: center; }
     & .datatable-grip { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0; border: none; border-radius: 0; background: none; font-family: inherit; color: var(--fg-muted); cursor: grab; }
@@ -901,12 +901,12 @@
     & .fileupload-zone[data-disabled] { opacity: .5; cursor: not-allowed; }
     & .fileupload-zone[data-invalid] { border-color: var(--bg-danger); }
 
-    /* Attio: "No files" 16/20 weight 600 */
+    /* "No files" 16/20 weight 600 */
     & .fileupload-title {
       color: var(--fg-primary); font-size: var(--text-xl); line-height: 20px;
       font-weight: var(--weight-semibold);
     }
-    /* Attio: the hint line, 14/20 weight 500 at 63% of the foreground */
+    /* The hint line, 14/20 weight 500 at 63% of the foreground */
     & .fileupload-hint {
       color: color-mix(in srgb, var(--fg-primary) 63%, transparent);
       font-size: var(--text-lg); line-height: 20px;
@@ -1926,7 +1926,7 @@
     & .authshell-body .button { height: 36px; padding-inline: var(--space-3); border-radius: 10px; }
     & .authshell-body .button--intent_primary { box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06), 0 2px 4px -2px rgba(38,109,240,0.12), 0 3px 6px -2px rgba(38,109,240,0.08); }
 
-    /* Attio drops the preview pane in JS on narrow viewports (measured: two
+    /* The preview pane drops out in JS on narrow viewports (measured: two
        panes at 1393px, one at 954px), so 1200px is a chosen threshold inside
        that bracket, not a measured value. A CONTAINER query, not a media
        query: the shell is embedded in the docs inside an ~800px column, where
@@ -2248,7 +2248,7 @@
     & .recordpage-section { padding-top: var(--space-2); }
     & .recordpage-section-title { font-size: var(--text-sm); font-weight: var(--weight-medium); letter-spacing: -0.12px; color: color-mix(in srgb, var(--fg-primary) 63%, transparent); padding: var(--space-1); }
     /* main-area section headers (Highlights / Activity / Emails / Notes / Tasks)
-       are 14px in Attio; the left column's (Record Details / Lists) stay 12px. */
+       are 14px; the left column's (Record Details / Lists) stay 12px. */
     & .recordpage-main .recordpage-section-title { font-size: var(--text-lg); }
     & .recordpage-detailhead { display: flex; align-items: center; gap: var(--space-0-5); margin-bottom: var(--space-3); padding-inline-end: var(--space-0-5); }
     & .recordpage-collapse { display: inline-flex; align-items: center; gap: 2px; flex: 1; min-width: 0; margin: 0; border: none; background: none; padding: var(--space-1); border-radius: var(--radius-md); font-family: inherit; font-size: var(--text-sm); font-weight: var(--weight-medium); letter-spacing: -0.12px; color: var(--fg-muted); cursor: pointer; text-align: start; }
@@ -2575,7 +2575,7 @@
     /* box-shadow has no logical form either: the bleed follows the scrolled
        content, which is the opposite side under RTL. */
     [dir="rtl"] & .recordstable-scroll[data-scrolled] .recordstable-col-entity { box-shadow: -6px 0 16px 4px rgba(0,0,0,0.12); }
-    /* AI-enriched values carry a purple wash. Measured from Attio:
+    /* AI-enriched values carry a purple wash. Measured live:
        a full-bleed overlay at #9b69ff 4% (== bgPurple), composited OVER
        whatever row-state background the cell already has, which is why it
        is an ::after and not a background. */
@@ -2685,7 +2685,7 @@
 
     & .settingsshell-search { display: flex; align-items: center; gap: var(--space-2); height: 32px; margin-bottom: var(--space-2); padding: 0 var(--space-2-5); border-radius: var(--radius-md); background: var(--bg-surface); box-shadow: inset 0 0 0 1px var(--border-default); color: var(--fg-muted); }
     /* The field box owns the ring, so focus has to move it -- the inner
-       input kills its own outline. Measured on Attio: a focused field's
+       input kills its own outline. Measured live: a focused field's
        input carries box-shadow: none while its wrapper carries
        inset 0 0 0 1px #266df0. */
     & .settingsshell-search:focus-within { box-shadow: inset 0 0 0 1px var(--bg-brand-solid); }

package/dist/types/product/recordstable/recordstable.tag.d.ts

@@ -1,5 +1,5 @@
 /**
- * The record tag/chip, measured from Attio: 22px tall, `padding: 0 4px`,
+ * The record tag/chip, measured live: 22px tall, `padding: 0 4px`,
  * `border-radius: ${c.radius.chip}`, 14px/20px at weight 500, and a 1px inset ring in the
  * tone's colour.
  *

package/package.json

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