@crisp-ui-kit/crisp 0.33.5 → 0.34.0

package/dist/cjs/product/recordpage/recordpage.js

@@ -392,7 +392,7 @@ function RecordPage({ record, columns, collection = "Records", labels, onBack, o
                 return ((0, jsx_runtime_1.jsx)("div", { className: "crisp-recordpage-panel", children: (0, jsx_runtime_1.jsx)(EmptyCard, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Folder, { size: 22, strokeWidth: 1.5 }), children: t.nothingHereYet }) }));
         }
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, recordpage_recipe_1.recordpageRecipe)({ className }), ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { className: "crisp-recordpage-topbar", children: [(0, jsx_runtime_1.jsxs)("nav", { className: "crisp-recordpage-crumbs", "aria-label": t.breadcrumb, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-crumb", onClick: onBack, "aria-label": `Back to ${collection}`, children: collection }), (0, jsx_runtime_1.jsx)("span", { className: "crisp-recordpage-crumb-sep", children: "/" }), (0, jsx_runtime_1.jsx)("span", { className: "crisp-recordpage-crumb-name", children: name })] }), (0, jsx_runtime_1.jsxs)("div", { className: "crisp-recordpage-actions", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", className: "crisp-recordpage-action crisp-recordpage-action--ghost", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Sparkles, { size: 14, strokeWidth: 1.75, color: "var(--bg-brand-solid)" }), t.askAttio] }), onToggleFull && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-action crisp-recordpage-action--icon", onClick: onToggleFull, "aria-label": full ? t.exitFullScreen : t.fullScreen, children: full ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Minimize2, { size: 15, strokeWidth: 1.75 })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.Maximize2, { size: 15, strokeWidth: 1.75 })) })), (0, jsx_runtime_1.jsxs)(menu_1.Menu, { align: "end", "aria-label": t.recordActions, trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-action crisp-recordpage-action--icon", "aria-label": t.recordActions, children: (0, jsx_runtime_1.jsx)(lucide_react_1.MoreHorizontal, { size: 16, strokeWidth: 1.75 }) }), children: [(0, jsx_runtime_1.jsx)(menu_1.MenuItem, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { size: 15, strokeWidth: 1.75 }), shortcut: "\u2318C", children: t.copyRecordLink }), (0, jsx_runtime_1.jsx)(menu_1.MenuItem, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Plus, { size: 15, strokeWidth: 1.75 }), children: t.addToList }), (0, jsx_runtime_1.jsx)(menu_1.MenuItem, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Star, { size: 15, strokeWidth: 1.75 }), onSelect: () => setFavorite((f) => !f), children: favorite ? t.removeFromFavourites : t.addToFavourites }), (0, jsx_runtime_1.jsx)(menu_1.MenuSeparator, {}), (0, jsx_runtime_1.jsx)(menu_1.MenuItem, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Trash2, { size: 15, strokeWidth: 1.75 }), danger: true, shortcut: "\u232B", children: t.deleteRecord })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "crisp-recordpage-body", children: [(0, jsx_runtime_1.jsxs)("aside", { className: "crisp-recordpage-details", style: { width: detailsW }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "crisp-recordpage-entity", children: [entity?.avatar ? ((0, jsx_runtime_1.jsx)("img", { className: "crisp-recordpage-entity-logo", src: entity.avatar, alt: "" })) : ((0, jsx_runtime_1.jsx)(avatar_1.Avatar, { size: "lg", shape: "rounded", tone: "brand", children: name.charAt(0) })), (0, jsx_runtime_1.jsx)("span", { className: "crisp-recordpage-entity-name", children: name }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-entity-iconbtn", "aria-label": t.editRecord, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Pencil, { size: 15, strokeWidth: 1.75 }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-entity-iconbtn", "data-active": favorite ? "" : undefined, "aria-pressed": favorite, onClick: () => setFavorite((f) => !f), "aria-label": favorite ? t.removeFromFavourites : t.addToFavourites, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Star, { size: 15, strokeWidth: 1.75 }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "crisp-recordpage-quickactions", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", className: "crisp-recordpage-compose", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Mail, { size: 16, strokeWidth: 1.75 }), t.composeEmail] }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-quickbtn", "aria-label": t.copyRecordLink, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { size: 15, strokeWidth: 1.75 }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-quickbtn", "aria-label": t.logANote, children: (0, jsx_runtime_1.jsx)(lucide_react_1.FileText, { size: 15, strokeWidth: 1.75 }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-quickbtn", "aria-label": t.linkRecords, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Share2, { size: 15, strokeWidth: 1.75 }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-quickbtn", "aria-label": t.createATask, children: (0, jsx_runtime_1.jsx)(lucide_react_1.SquareCheck, { size: 15, strokeWidth: 1.75 }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "crisp-recordpage-section", children: [(0, jsx_runtime_1.jsxs)("div", { className: "crisp-recordpage-detailhead", children: [searchOpen ? ((0, jsx_runtime_1.jsx)("input", { 
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, recordpage_recipe_1.recordpageRecipe)({ className }), ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { className: "crisp-recordpage-topbar", children: [(0, jsx_runtime_1.jsxs)("nav", { className: "crisp-recordpage-crumbs", "aria-label": t.breadcrumb, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-crumb", onClick: onBack, "aria-label": `Back to ${collection}`, children: collection }), (0, jsx_runtime_1.jsx)("span", { className: "crisp-recordpage-crumb-sep", children: "/" }), (0, jsx_runtime_1.jsx)("span", { className: "crisp-recordpage-crumb-name", children: name })] }), (0, jsx_runtime_1.jsxs)("div", { className: "crisp-recordpage-actions", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", className: "crisp-recordpage-action crisp-recordpage-action--ghost", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Sparkles, { size: 14, strokeWidth: 1.75, color: "var(--crisp-bg-brand-solid)" }), t.askAttio] }), onToggleFull && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-action crisp-recordpage-action--icon", onClick: onToggleFull, "aria-label": full ? t.exitFullScreen : t.fullScreen, children: full ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Minimize2, { size: 15, strokeWidth: 1.75 })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.Maximize2, { size: 15, strokeWidth: 1.75 })) })), (0, jsx_runtime_1.jsxs)(menu_1.Menu, { align: "end", "aria-label": t.recordActions, trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-action crisp-recordpage-action--icon", "aria-label": t.recordActions, children: (0, jsx_runtime_1.jsx)(lucide_react_1.MoreHorizontal, { size: 16, strokeWidth: 1.75 }) }), children: [(0, jsx_runtime_1.jsx)(menu_1.MenuItem, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { size: 15, strokeWidth: 1.75 }), shortcut: "\u2318C", children: t.copyRecordLink }), (0, jsx_runtime_1.jsx)(menu_1.MenuItem, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Plus, { size: 15, strokeWidth: 1.75 }), children: t.addToList }), (0, jsx_runtime_1.jsx)(menu_1.MenuItem, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Star, { size: 15, strokeWidth: 1.75 }), onSelect: () => setFavorite((f) => !f), children: favorite ? t.removeFromFavourites : t.addToFavourites }), (0, jsx_runtime_1.jsx)(menu_1.MenuSeparator, {}), (0, jsx_runtime_1.jsx)(menu_1.MenuItem, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Trash2, { size: 15, strokeWidth: 1.75 }), danger: true, shortcut: "\u232B", children: t.deleteRecord })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "crisp-recordpage-body", children: [(0, jsx_runtime_1.jsxs)("aside", { className: "crisp-recordpage-details", style: { width: detailsW }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "crisp-recordpage-entity", children: [entity?.avatar ? ((0, jsx_runtime_1.jsx)("img", { className: "crisp-recordpage-entity-logo", src: entity.avatar, alt: "" })) : ((0, jsx_runtime_1.jsx)(avatar_1.Avatar, { size: "lg", shape: "rounded", tone: "brand", children: name.charAt(0) })), (0, jsx_runtime_1.jsx)("span", { className: "crisp-recordpage-entity-name", children: name }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-entity-iconbtn", "aria-label": t.editRecord, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Pencil, { size: 15, strokeWidth: 1.75 }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-entity-iconbtn", "data-active": favorite ? "" : undefined, "aria-pressed": favorite, onClick: () => setFavorite((f) => !f), "aria-label": favorite ? t.removeFromFavourites : t.addToFavourites, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Star, { size: 15, strokeWidth: 1.75 }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "crisp-recordpage-quickactions", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", className: "crisp-recordpage-compose", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Mail, { size: 16, strokeWidth: 1.75 }), t.composeEmail] }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-quickbtn", "aria-label": t.copyRecordLink, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { size: 15, strokeWidth: 1.75 }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-quickbtn", "aria-label": t.logANote, children: (0, jsx_runtime_1.jsx)(lucide_react_1.FileText, { size: 15, strokeWidth: 1.75 }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-quickbtn", "aria-label": t.linkRecords, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Share2, { size: 15, strokeWidth: 1.75 }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "crisp-recordpage-quickbtn", "aria-label": t.createATask, children: (0, jsx_runtime_1.jsx)(lucide_react_1.SquareCheck, { size: 15, strokeWidth: 1.75 }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "crisp-recordpage-section", children: [(0, jsx_runtime_1.jsxs)("div", { className: "crisp-recordpage-detailhead", children: [searchOpen ? ((0, jsx_runtime_1.jsx)("input", { 
                                                 // biome-ignore lint/a11y/noAutofocus: focusing the just-opened field search is expected
                                                 autoFocus: true, type: "text", className: "crisp-recordpage-fieldsearch", placeholder: t.searchPlaceholder, "aria-label": t.searchFields, value: fieldQuery, onChange: (e) => setFieldQuery(e.target.value), onKeyDown: (e) => {
                                                     if (e.key === "Escape") {

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

@@ -355,7 +355,7 @@ export function RecordPage({ record, columns, collection = "Records", labels, on
                 return (_jsx("div", { className: "crisp-recordpage-panel", children: _jsx(EmptyCard, { icon: _jsx(Folder, { size: 22, strokeWidth: 1.5 }), children: t.nothingHereYet }) }));
         }
     };
-    return (_jsxs("div", { className: recordpageRecipe({ className }), ...rest, children: [_jsxs("div", { className: "crisp-recordpage-topbar", children: [_jsxs("nav", { className: "crisp-recordpage-crumbs", "aria-label": t.breadcrumb, children: [_jsx("button", { type: "button", className: "crisp-recordpage-crumb", onClick: onBack, "aria-label": `Back to ${collection}`, children: collection }), _jsx("span", { className: "crisp-recordpage-crumb-sep", children: "/" }), _jsx("span", { className: "crisp-recordpage-crumb-name", children: name })] }), _jsxs("div", { className: "crisp-recordpage-actions", children: [_jsxs("button", { type: "button", className: "crisp-recordpage-action crisp-recordpage-action--ghost", children: [_jsx(Sparkles, { size: 14, strokeWidth: 1.75, color: "var(--bg-brand-solid)" }), t.askAttio] }), onToggleFull && (_jsx("button", { type: "button", className: "crisp-recordpage-action crisp-recordpage-action--icon", onClick: onToggleFull, "aria-label": full ? t.exitFullScreen : t.fullScreen, children: full ? (_jsx(Minimize2, { size: 15, strokeWidth: 1.75 })) : (_jsx(Maximize2, { size: 15, strokeWidth: 1.75 })) })), _jsxs(Menu, { align: "end", "aria-label": t.recordActions, trigger: _jsx("button", { type: "button", className: "crisp-recordpage-action crisp-recordpage-action--icon", "aria-label": t.recordActions, children: _jsx(MoreHorizontal, { size: 16, strokeWidth: 1.75 }) }), children: [_jsx(MenuItem, { icon: _jsx(Copy, { size: 15, strokeWidth: 1.75 }), shortcut: "\u2318C", children: t.copyRecordLink }), _jsx(MenuItem, { icon: _jsx(Plus, { size: 15, strokeWidth: 1.75 }), children: t.addToList }), _jsx(MenuItem, { icon: _jsx(Star, { size: 15, strokeWidth: 1.75 }), onSelect: () => setFavorite((f) => !f), children: favorite ? t.removeFromFavourites : t.addToFavourites }), _jsx(MenuSeparator, {}), _jsx(MenuItem, { icon: _jsx(Trash2, { size: 15, strokeWidth: 1.75 }), danger: true, shortcut: "\u232B", children: t.deleteRecord })] })] })] }), _jsxs("div", { className: "crisp-recordpage-body", children: [_jsxs("aside", { className: "crisp-recordpage-details", style: { width: detailsW }, children: [_jsxs("div", { className: "crisp-recordpage-entity", children: [entity?.avatar ? (_jsx("img", { className: "crisp-recordpage-entity-logo", src: entity.avatar, alt: "" })) : (_jsx(Avatar, { size: "lg", shape: "rounded", tone: "brand", children: name.charAt(0) })), _jsx("span", { className: "crisp-recordpage-entity-name", children: name }), _jsx("button", { type: "button", className: "crisp-recordpage-entity-iconbtn", "aria-label": t.editRecord, children: _jsx(Pencil, { size: 15, strokeWidth: 1.75 }) }), _jsx("button", { type: "button", className: "crisp-recordpage-entity-iconbtn", "data-active": favorite ? "" : undefined, "aria-pressed": favorite, onClick: () => setFavorite((f) => !f), "aria-label": favorite ? t.removeFromFavourites : t.addToFavourites, children: _jsx(Star, { size: 15, strokeWidth: 1.75 }) })] }), _jsxs("div", { className: "crisp-recordpage-quickactions", children: [_jsxs("button", { type: "button", className: "crisp-recordpage-compose", children: [_jsx(Mail, { size: 16, strokeWidth: 1.75 }), t.composeEmail] }), _jsx("button", { type: "button", className: "crisp-recordpage-quickbtn", "aria-label": t.copyRecordLink, children: _jsx(Copy, { size: 15, strokeWidth: 1.75 }) }), _jsx("button", { type: "button", className: "crisp-recordpage-quickbtn", "aria-label": t.logANote, children: _jsx(FileText, { size: 15, strokeWidth: 1.75 }) }), _jsx("button", { type: "button", className: "crisp-recordpage-quickbtn", "aria-label": t.linkRecords, children: _jsx(Share2, { size: 15, strokeWidth: 1.75 }) }), _jsx("button", { type: "button", className: "crisp-recordpage-quickbtn", "aria-label": t.createATask, children: _jsx(SquareCheck, { size: 15, strokeWidth: 1.75 }) })] }), _jsxs("div", { className: "crisp-recordpage-section", children: [_jsxs("div", { className: "crisp-recordpage-detailhead", children: [searchOpen ? (_jsx("input", { 
+    return (_jsxs("div", { className: recordpageRecipe({ className }), ...rest, children: [_jsxs("div", { className: "crisp-recordpage-topbar", children: [_jsxs("nav", { className: "crisp-recordpage-crumbs", "aria-label": t.breadcrumb, children: [_jsx("button", { type: "button", className: "crisp-recordpage-crumb", onClick: onBack, "aria-label": `Back to ${collection}`, children: collection }), _jsx("span", { className: "crisp-recordpage-crumb-sep", children: "/" }), _jsx("span", { className: "crisp-recordpage-crumb-name", children: name })] }), _jsxs("div", { className: "crisp-recordpage-actions", children: [_jsxs("button", { type: "button", className: "crisp-recordpage-action crisp-recordpage-action--ghost", children: [_jsx(Sparkles, { size: 14, strokeWidth: 1.75, color: "var(--crisp-bg-brand-solid)" }), t.askAttio] }), onToggleFull && (_jsx("button", { type: "button", className: "crisp-recordpage-action crisp-recordpage-action--icon", onClick: onToggleFull, "aria-label": full ? t.exitFullScreen : t.fullScreen, children: full ? (_jsx(Minimize2, { size: 15, strokeWidth: 1.75 })) : (_jsx(Maximize2, { size: 15, strokeWidth: 1.75 })) })), _jsxs(Menu, { align: "end", "aria-label": t.recordActions, trigger: _jsx("button", { type: "button", className: "crisp-recordpage-action crisp-recordpage-action--icon", "aria-label": t.recordActions, children: _jsx(MoreHorizontal, { size: 16, strokeWidth: 1.75 }) }), children: [_jsx(MenuItem, { icon: _jsx(Copy, { size: 15, strokeWidth: 1.75 }), shortcut: "\u2318C", children: t.copyRecordLink }), _jsx(MenuItem, { icon: _jsx(Plus, { size: 15, strokeWidth: 1.75 }), children: t.addToList }), _jsx(MenuItem, { icon: _jsx(Star, { size: 15, strokeWidth: 1.75 }), onSelect: () => setFavorite((f) => !f), children: favorite ? t.removeFromFavourites : t.addToFavourites }), _jsx(MenuSeparator, {}), _jsx(MenuItem, { icon: _jsx(Trash2, { size: 15, strokeWidth: 1.75 }), danger: true, shortcut: "\u232B", children: t.deleteRecord })] })] })] }), _jsxs("div", { className: "crisp-recordpage-body", children: [_jsxs("aside", { className: "crisp-recordpage-details", style: { width: detailsW }, children: [_jsxs("div", { className: "crisp-recordpage-entity", children: [entity?.avatar ? (_jsx("img", { className: "crisp-recordpage-entity-logo", src: entity.avatar, alt: "" })) : (_jsx(Avatar, { size: "lg", shape: "rounded", tone: "brand", children: name.charAt(0) })), _jsx("span", { className: "crisp-recordpage-entity-name", children: name }), _jsx("button", { type: "button", className: "crisp-recordpage-entity-iconbtn", "aria-label": t.editRecord, children: _jsx(Pencil, { size: 15, strokeWidth: 1.75 }) }), _jsx("button", { type: "button", className: "crisp-recordpage-entity-iconbtn", "data-active": favorite ? "" : undefined, "aria-pressed": favorite, onClick: () => setFavorite((f) => !f), "aria-label": favorite ? t.removeFromFavourites : t.addToFavourites, children: _jsx(Star, { size: 15, strokeWidth: 1.75 }) })] }), _jsxs("div", { className: "crisp-recordpage-quickactions", children: [_jsxs("button", { type: "button", className: "crisp-recordpage-compose", children: [_jsx(Mail, { size: 16, strokeWidth: 1.75 }), t.composeEmail] }), _jsx("button", { type: "button", className: "crisp-recordpage-quickbtn", "aria-label": t.copyRecordLink, children: _jsx(Copy, { size: 15, strokeWidth: 1.75 }) }), _jsx("button", { type: "button", className: "crisp-recordpage-quickbtn", "aria-label": t.logANote, children: _jsx(FileText, { size: 15, strokeWidth: 1.75 }) }), _jsx("button", { type: "button", className: "crisp-recordpage-quickbtn", "aria-label": t.linkRecords, children: _jsx(Share2, { size: 15, strokeWidth: 1.75 }) }), _jsx("button", { type: "button", className: "crisp-recordpage-quickbtn", "aria-label": t.createATask, children: _jsx(SquareCheck, { size: 15, strokeWidth: 1.75 }) })] }), _jsxs("div", { className: "crisp-recordpage-section", children: [_jsxs("div", { className: "crisp-recordpage-detailhead", children: [searchOpen ? (_jsx("input", { 
                                                 // biome-ignore lint/a11y/noAutofocus: focusing the just-opened field search is expected
                                                 autoFocus: true, type: "text", className: "crisp-recordpage-fieldsearch", placeholder: t.searchPlaceholder, "aria-label": t.searchFields, value: fieldQuery, onChange: (e) => setFieldQuery(e.target.value), onKeyDown: (e) => {
                                                     if (e.key === "Escape") {

package/dist/styles.css

@@ -122,90 +122,6 @@
   --crisp-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
 }
 
-/* -----------------------------------------------------------------
- * Deprecated unprefixed aliases (issue #276) — SCHEDULED FOR REMOVAL in
- * the next major version. Prefer the --crisp-* custom property
- * above; these only forward to it so an existing override keeps working.
- * ----------------------------------------------------------------- */
-:root {
-  --bg-brand-solid: var(--crisp-bg-brand-solid);
-  --bg-brand-solid-pressed: var(--crisp-bg-brand-solid-pressed);
-  --fg-on-brand: var(--crisp-fg-on-brand);
-  --fg-on-tone: var(--crisp-fg-on-tone);
-  --bg-surface: var(--crisp-bg-surface);
-  --bg-raised: var(--crisp-bg-raised);
-  --border-default: var(--crisp-border-default);
-  --border-subtle: var(--crisp-border-subtle);
-  --ring-neutral: var(--crisp-ring-neutral);
-  --bg-tile-active: var(--crisp-bg-tile-active);
-  --shadow-tile-active: var(--crisp-shadow-tile-active);
-  --bg-overlay-frost: var(--crisp-bg-overlay-frost);
-  --shadow-overlay1: var(--crisp-shadow-overlay1);
-  --shadow-overlay2: var(--crisp-shadow-overlay2);
-  --shadow-overlay3: var(--crisp-shadow-overlay3);
-  --bg-popover: var(--crisp-bg-popover);
-  --ring-popover: var(--crisp-ring-popover);
-  --shadow-popover1: var(--crisp-shadow-popover1);
-  --shadow-popover2: var(--crisp-shadow-popover2);
-  --shadow-popover3: var(--crisp-shadow-popover3);
-  --fg-primary: var(--crisp-fg-primary);
-  --fg-muted: var(--crisp-fg-muted);
-  --bg-danger: var(--crisp-bg-danger);
-  --bg-danger-solid: var(--crisp-bg-danger-solid);
-  --stroke-field-focus: var(--crisp-stroke-field-focus);
-  --fg-disabled: var(--crisp-fg-disabled);
-  --bg-neutral-weak: var(--crisp-bg-neutral-weak);
-  --bg-neutral-inverted: var(--crisp-bg-neutral-inverted);
-  --fg-on-neutral-inverted: var(--crisp-fg-on-neutral-inverted);
-  --fg-neutral-subtle: var(--crisp-fg-neutral-subtle);
-  --fg-neutral-muted: var(--crisp-fg-neutral-muted);
-  --stroke-focus-ring: var(--crisp-stroke-focus-ring);
-  --bg-success: var(--crisp-bg-success);
-  --bg-warning: var(--crisp-bg-warning);
-  --bg-orange: var(--crisp-bg-orange);
-  --bg-cyan: var(--crisp-bg-cyan);
-  --bg-purple: var(--crisp-bg-purple);
-  --bg-sidebar: var(--crisp-bg-sidebar);
-  --bg-subtle: var(--crisp-bg-subtle);
-  --space-1: var(--crisp-space-1);
-  --space-2: var(--crisp-space-2);
-  --space-3: var(--crisp-space-3);
-  --space-4: var(--crisp-space-4);
-  --space-5: var(--crisp-space-5);
-  --space-6: var(--crisp-space-6);
-  --space-8: var(--crisp-space-8);
-  --space-px: var(--crisp-space-px);
-  --space-0-5: var(--crisp-space-0-5);
-  --space-1-5: var(--crisp-space-1-5);
-  --space-2-5: var(--crisp-space-2-5);
-  --radius-chip: var(--crisp-radius-chip);
-  --radius-sm: var(--crisp-radius-sm);
-  --radius-md: var(--crisp-radius-md);
-  --radius-lg: var(--crisp-radius-lg);
-  --radius-xl: var(--crisp-radius-xl);
-  --radius-2xl: var(--crisp-radius-2xl);
-  --radius-full: var(--crisp-radius-full);
-  --size-icon: var(--crisp-size-icon);
-  --size-chip: var(--crisp-size-chip);
-  --size-row: var(--crisp-size-row);
-  --size-menuRow: var(--crisp-size-menuRow);
-  --size-tableRow: var(--crisp-size-tableRow);
-  --size-tableHeader: var(--crisp-size-tableHeader);
-  --size-header: var(--crisp-size-header);
-  --size-calendarCell: var(--crisp-size-calendarCell);
-  --size-calendarPill: var(--crisp-size-calendarPill);
-  --text-xs: var(--crisp-text-xs);
-  --text-sm: var(--crisp-text-sm);
-  --text-md: var(--crisp-text-md);
-  --text-lg: var(--crisp-text-lg);
-  --text-xl: var(--crisp-text-xl);
-  --weight-regular: var(--crisp-weight-regular);
-  --weight-medium: var(--crisp-weight-medium);
-  --weight-semibold: var(--crisp-weight-semibold);
-  --weight-bold: var(--crisp-weight-bold);
-  --font-sans: var(--crisp-font-sans);
-}
-
 .crisp-accordion {
   display: flex; flex-direction: column; font-family: var(--crisp-font-sans);
     & .crisp-accordion-item { border-bottom: 1px solid var(--crisp-border-subtle); }

package/dist/styles.layered.css

@@ -122,90 +122,6 @@
   --crisp-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
 }
 
-/* -----------------------------------------------------------------
- * Deprecated unprefixed aliases (issue #276) — SCHEDULED FOR REMOVAL in
- * the next major version. Prefer the --crisp-* custom property
- * above; these only forward to it so an existing override keeps working.
- * ----------------------------------------------------------------- */
-:root {
-  --bg-brand-solid: var(--crisp-bg-brand-solid);
-  --bg-brand-solid-pressed: var(--crisp-bg-brand-solid-pressed);
-  --fg-on-brand: var(--crisp-fg-on-brand);
-  --fg-on-tone: var(--crisp-fg-on-tone);
-  --bg-surface: var(--crisp-bg-surface);
-  --bg-raised: var(--crisp-bg-raised);
-  --border-default: var(--crisp-border-default);
-  --border-subtle: var(--crisp-border-subtle);
-  --ring-neutral: var(--crisp-ring-neutral);
-  --bg-tile-active: var(--crisp-bg-tile-active);
-  --shadow-tile-active: var(--crisp-shadow-tile-active);
-  --bg-overlay-frost: var(--crisp-bg-overlay-frost);
-  --shadow-overlay1: var(--crisp-shadow-overlay1);
-  --shadow-overlay2: var(--crisp-shadow-overlay2);
-  --shadow-overlay3: var(--crisp-shadow-overlay3);
-  --bg-popover: var(--crisp-bg-popover);
-  --ring-popover: var(--crisp-ring-popover);
-  --shadow-popover1: var(--crisp-shadow-popover1);
-  --shadow-popover2: var(--crisp-shadow-popover2);
-  --shadow-popover3: var(--crisp-shadow-popover3);
-  --fg-primary: var(--crisp-fg-primary);
-  --fg-muted: var(--crisp-fg-muted);
-  --bg-danger: var(--crisp-bg-danger);
-  --bg-danger-solid: var(--crisp-bg-danger-solid);
-  --stroke-field-focus: var(--crisp-stroke-field-focus);
-  --fg-disabled: var(--crisp-fg-disabled);
-  --bg-neutral-weak: var(--crisp-bg-neutral-weak);
-  --bg-neutral-inverted: var(--crisp-bg-neutral-inverted);
-  --fg-on-neutral-inverted: var(--crisp-fg-on-neutral-inverted);
-  --fg-neutral-subtle: var(--crisp-fg-neutral-subtle);
-  --fg-neutral-muted: var(--crisp-fg-neutral-muted);
-  --stroke-focus-ring: var(--crisp-stroke-focus-ring);
-  --bg-success: var(--crisp-bg-success);
-  --bg-warning: var(--crisp-bg-warning);
-  --bg-orange: var(--crisp-bg-orange);
-  --bg-cyan: var(--crisp-bg-cyan);
-  --bg-purple: var(--crisp-bg-purple);
-  --bg-sidebar: var(--crisp-bg-sidebar);
-  --bg-subtle: var(--crisp-bg-subtle);
-  --space-1: var(--crisp-space-1);
-  --space-2: var(--crisp-space-2);
-  --space-3: var(--crisp-space-3);
-  --space-4: var(--crisp-space-4);
-  --space-5: var(--crisp-space-5);
-  --space-6: var(--crisp-space-6);
-  --space-8: var(--crisp-space-8);
-  --space-px: var(--crisp-space-px);
-  --space-0-5: var(--crisp-space-0-5);
-  --space-1-5: var(--crisp-space-1-5);
-  --space-2-5: var(--crisp-space-2-5);
-  --radius-chip: var(--crisp-radius-chip);
-  --radius-sm: var(--crisp-radius-sm);
-  --radius-md: var(--crisp-radius-md);
-  --radius-lg: var(--crisp-radius-lg);
-  --radius-xl: var(--crisp-radius-xl);
-  --radius-2xl: var(--crisp-radius-2xl);
-  --radius-full: var(--crisp-radius-full);
-  --size-icon: var(--crisp-size-icon);
-  --size-chip: var(--crisp-size-chip);
-  --size-row: var(--crisp-size-row);
-  --size-menuRow: var(--crisp-size-menuRow);
-  --size-tableRow: var(--crisp-size-tableRow);
-  --size-tableHeader: var(--crisp-size-tableHeader);
-  --size-header: var(--crisp-size-header);
-  --size-calendarCell: var(--crisp-size-calendarCell);
-  --size-calendarPill: var(--crisp-size-calendarPill);
-  --text-xs: var(--crisp-text-xs);
-  --text-sm: var(--crisp-text-sm);
-  --text-md: var(--crisp-text-md);
-  --text-lg: var(--crisp-text-lg);
-  --text-xl: var(--crisp-text-xl);
-  --weight-regular: var(--crisp-weight-regular);
-  --weight-medium: var(--crisp-weight-medium);
-  --weight-semibold: var(--crisp-weight-semibold);
-  --weight-bold: var(--crisp-weight-bold);
-  --font-sans: var(--crisp-font-sans);
-}
-
 @layer crisp-components {
 .crisp-accordion {
   display: flex; flex-direction: column; font-family: var(--crisp-font-sans);

package/dist/tokens.css

@@ -121,87 +121,3 @@
   --crisp-weight-bold: 700;
   --crisp-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
 }
-
-/* -----------------------------------------------------------------
- * Deprecated unprefixed aliases (issue #276) — SCHEDULED FOR REMOVAL in
- * the next major version. Prefer the --crisp-* custom property
- * above; these only forward to it so an existing override keeps working.
- * ----------------------------------------------------------------- */
-:root {
-  --bg-brand-solid: var(--crisp-bg-brand-solid);
-  --bg-brand-solid-pressed: var(--crisp-bg-brand-solid-pressed);
-  --fg-on-brand: var(--crisp-fg-on-brand);
-  --fg-on-tone: var(--crisp-fg-on-tone);
-  --bg-surface: var(--crisp-bg-surface);
-  --bg-raised: var(--crisp-bg-raised);
-  --border-default: var(--crisp-border-default);
-  --border-subtle: var(--crisp-border-subtle);
-  --ring-neutral: var(--crisp-ring-neutral);
-  --bg-tile-active: var(--crisp-bg-tile-active);
-  --shadow-tile-active: var(--crisp-shadow-tile-active);
-  --bg-overlay-frost: var(--crisp-bg-overlay-frost);
-  --shadow-overlay1: var(--crisp-shadow-overlay1);
-  --shadow-overlay2: var(--crisp-shadow-overlay2);
-  --shadow-overlay3: var(--crisp-shadow-overlay3);
-  --bg-popover: var(--crisp-bg-popover);
-  --ring-popover: var(--crisp-ring-popover);
-  --shadow-popover1: var(--crisp-shadow-popover1);
-  --shadow-popover2: var(--crisp-shadow-popover2);
-  --shadow-popover3: var(--crisp-shadow-popover3);
-  --fg-primary: var(--crisp-fg-primary);
-  --fg-muted: var(--crisp-fg-muted);
-  --bg-danger: var(--crisp-bg-danger);
-  --bg-danger-solid: var(--crisp-bg-danger-solid);
-  --stroke-field-focus: var(--crisp-stroke-field-focus);
-  --fg-disabled: var(--crisp-fg-disabled);
-  --bg-neutral-weak: var(--crisp-bg-neutral-weak);
-  --bg-neutral-inverted: var(--crisp-bg-neutral-inverted);
-  --fg-on-neutral-inverted: var(--crisp-fg-on-neutral-inverted);
-  --fg-neutral-subtle: var(--crisp-fg-neutral-subtle);
-  --fg-neutral-muted: var(--crisp-fg-neutral-muted);
-  --stroke-focus-ring: var(--crisp-stroke-focus-ring);
-  --bg-success: var(--crisp-bg-success);
-  --bg-warning: var(--crisp-bg-warning);
-  --bg-orange: var(--crisp-bg-orange);
-  --bg-cyan: var(--crisp-bg-cyan);
-  --bg-purple: var(--crisp-bg-purple);
-  --bg-sidebar: var(--crisp-bg-sidebar);
-  --bg-subtle: var(--crisp-bg-subtle);
-  --space-1: var(--crisp-space-1);
-  --space-2: var(--crisp-space-2);
-  --space-3: var(--crisp-space-3);
-  --space-4: var(--crisp-space-4);
-  --space-5: var(--crisp-space-5);
-  --space-6: var(--crisp-space-6);
-  --space-8: var(--crisp-space-8);
-  --space-px: var(--crisp-space-px);
-  --space-0-5: var(--crisp-space-0-5);
-  --space-1-5: var(--crisp-space-1-5);
-  --space-2-5: var(--crisp-space-2-5);
-  --radius-chip: var(--crisp-radius-chip);
-  --radius-sm: var(--crisp-radius-sm);
-  --radius-md: var(--crisp-radius-md);
-  --radius-lg: var(--crisp-radius-lg);
-  --radius-xl: var(--crisp-radius-xl);
-  --radius-2xl: var(--crisp-radius-2xl);
-  --radius-full: var(--crisp-radius-full);
-  --size-icon: var(--crisp-size-icon);
-  --size-chip: var(--crisp-size-chip);
-  --size-row: var(--crisp-size-row);
-  --size-menuRow: var(--crisp-size-menuRow);
-  --size-tableRow: var(--crisp-size-tableRow);
-  --size-tableHeader: var(--crisp-size-tableHeader);
-  --size-header: var(--crisp-size-header);
-  --size-calendarCell: var(--crisp-size-calendarCell);
-  --size-calendarPill: var(--crisp-size-calendarPill);
-  --text-xs: var(--crisp-text-xs);
-  --text-sm: var(--crisp-text-sm);
-  --text-md: var(--crisp-text-md);
-  --text-lg: var(--crisp-text-lg);
-  --text-xl: var(--crisp-text-xl);
-  --weight-regular: var(--crisp-weight-regular);
-  --weight-medium: var(--crisp-weight-medium);
-  --weight-semibold: var(--crisp-weight-semibold);
-  --weight-bold: var(--crisp-weight-bold);
-  --font-sans: var(--crisp-font-sans);
-}

package/package.json

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