@crisp-ui-kit/crisp 0.54.6 → 0.54.8

package/dist/types/product/sidebar/sidebar.d.ts

@@ -1,6 +1,8 @@
 import * as React from "react";
 import type { AvatarProps } from "../../components/avatar";
 import { type CommandItem } from "../command";
+import { type NavItemShortcut } from "../navitem";
+export type { NavItemShortcut };
 type IconProps = {
     className?: string;
 };
@@ -19,6 +21,8 @@ export type SidebarNavItem = {
      * be missing this wiring. */
     href?: string;
     onSelect?: () => void;
+    /** The hotkey hint tooltip (crisp#633, P-108) — see `NavItemShortcut`. */
+    shortcut?: NavItemShortcut;
 };
 /** A row in the Records section — rendered as a tinted 20px glyph avatar. */
 export type SidebarRecordItem = {
@@ -26,6 +30,8 @@ export type SidebarRecordItem = {
     tone: NonNullable<AvatarProps["tone"]>;
     /** 12px glyph, rendered `<Glyph />` inside the tone avatar. */
     glyph: React.ComponentType;
+    /** The hotkey hint tooltip (crisp#633, P-108) — see `NavItemShortcut`. */
+    shortcut?: NavItemShortcut;
 };
 /** The workspace switcher at the top of the sidebar. */
 export type SidebarWorkspace = {
@@ -38,16 +44,24 @@ export type SidebarWorkspace = {
 export type SidebarSection = {
     label: string;
     items: SidebarNavItem[];
+    /** Hover-only icon buttons at the header's right edge (crisp#633, P-109) —
+     * e.g. Attio's own gear ("<Section> options") + add glyph, faded in on
+     * row hover/focus-within. Omit for none (unchanged default). */
+    actions?: React.ReactNode;
 };
 /** The Records section — same shape as SidebarSection but with glyph-avatar rows. */
 export type SidebarRecordsSection = {
     label: string;
     items: SidebarRecordItem[];
+    /** See `SidebarSection.actions`. */
+    actions?: React.ReactNode;
 };
 /** The Lists section — has no item list of its own, just the "+ New list" affordance. */
 export type SidebarListsSection = {
     label: string;
     newListLabel: string;
+    /** See `SidebarSection.actions`. */
+    actions?: React.ReactNode;
 };
 /** A row in a `groups` section (#325). */
 export type SidebarNavGroupItem = {
@@ -66,6 +80,8 @@ export type SidebarNavGroupItem = {
     /** Trailing content — a count, a badge, anything `NavItem`'s own
      * `trailing` slot already takes. */
     count?: React.ReactNode;
+    /** The hotkey hint tooltip (crisp#633, P-108) — see `NavItemShortcut`. */
+    shortcut?: NavItemShortcut;
 };
 /**
  * A named, collapsible group of `SidebarNavGroupItem` rows — navigation as
@@ -84,6 +100,8 @@ export type SidebarNavGroup = {
     /** Starts this group collapsed (default: expanded, matching every
      * existing section). Read once, on mount. */
     defaultCollapsed?: boolean;
+    /** See `SidebarSection.actions`. */
+    actions?: React.ReactNode;
 };
 /** Footer copy: the onboarding pill, the invite row, and the trial banner. */
 export type SidebarFooter = {
@@ -172,13 +190,24 @@ export type SidebarProps = React.ComponentPropsWithoutRef<"nav"> & {
 };
 /** The measured workspace switcher — the default `workspace` prop. */
 export declare const ATTIO_SIDEBAR_WORKSPACE: SidebarWorkspace;
-/** The measured main nav — the default `items` prop. */
+/** The measured main nav — the default `items` prop.
+ *
+ * `shortcut` is set only where a live hover produced Attio's "G then
+ * <letter>" tooltip (crisp#633, P-108) -- Calls/Sequences/Workflows showed
+ * no tooltip at all after a 1.2s hover, tried repeatedly, so they're left
+ * without one rather than guessed. */
 export declare const ATTIO_SIDEBAR_ITEMS: SidebarNavItem[];
-/** The measured Records section — the default `recordsSection` prop. */
+/** The measured Records section — the default `recordsSection` prop. Same
+ * `shortcut` caveat as `ATTIO_SIDEBAR_ITEMS`: Deals/Users/Workspaces showed
+ * no hover tooltip. `actions` is Attio's own gear + add glyph (P-109),
+ * measured aria-labels "Record options" / "Create new objects or enable
+ * standard objects". */
 export declare const ATTIO_SIDEBAR_RECORDS_SECTION: SidebarRecordsSection;
-/** The measured Lists section — the default `listsSection` prop. */
+/** The measured Lists section — the default `listsSection` prop. `actions`
+ * per P-109, measured aria-labels "List options" / "Add list". */
 export declare const ATTIO_SIDEBAR_LISTS_SECTION: SidebarListsSection;
-/** The measured Chats section — the default `chatsSection` prop. */
+/** The measured Chats section — the default `chatsSection` prop. `actions`
+ * per P-109, measured aria-labels "Chat options" / "New chat". */
 export declare const ATTIO_SIDEBAR_CHATS_SECTION: SidebarSection;
 /** The measured footer copy — the default `footer` prop. */
 export declare const ATTIO_SIDEBAR_FOOTER: SidebarFooter;
@@ -260,4 +289,3 @@ export declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.Detaile
      */
     commandShortcut?: boolean;
 } & React.RefAttributes<HTMLElement>>;
-export {};

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

@@ -7,14 +7,18 @@ export declare const contract: MapLeafNodes<{
     fgOnTone: "ink";
     bgSurface: "gray00";
     bgRaised: "gray50";
+    bgSurfaceMuted: "gray25";
     borderDefault: "line200";
     borderSubtle: "line100";
     borderDropzone: "line150";
+    borderDivider: "line150";
     ringNeutral: "ringNeutral";
     ringField: "ringField";
     ringSwitch: "ringSwitch";
     bgTileActive: "tileActive";
     shadowTileActive: "tileActiveShadow";
+    bgScrim: "bgScrim";
+    fgAlertDescription: "fgAlertDescription";
     bgOverlayFrost: "overlayFrost";
     shadowOverlay1: "shadowOverlay1";
     shadowOverlay2: "shadowOverlay2";

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

@@ -31,6 +31,10 @@ export declare const palette: {
         readonly light: "#e6e7ea";
         readonly dark: "#212224";
     };
+    readonly gray25: {
+        readonly light: "#f6f7f7";
+        readonly dark: "#101112";
+    };
     readonly ringNeutral: {
         readonly light: "transparent";
         readonly dark: "#212224";
@@ -51,6 +55,14 @@ export declare const palette: {
         readonly light: "rgba(0,0,0,0.04)";
         readonly dark: "rgba(0,0,0,0)";
     };
+    readonly bgScrim: {
+        readonly light: "rgba(0,0,0,0.25)";
+        readonly dark: "rgba(0,0,0,0.55)";
+    };
+    readonly fgAlertDescription: {
+        readonly light: "rgba(0,0,0,0.63)";
+        readonly dark: "rgba(255,255,255,0.6)";
+    };
     readonly overlayFrost: {
         readonly light: "#ffffff";
         readonly dark: "#1c1d1f";
@@ -184,7 +196,7 @@ export declare const palette: {
         readonly dark: "#ff5a5f";
     };
     readonly softNeutralText: {
-        readonly light: "#686870";
+        readonly light: "#505155";
         readonly dark: "#9a9aa2";
     };
     readonly purpleTint: {

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

@@ -5,15 +5,26 @@ export declare const semantic: {
     fgOnTone: "ink";
     bgSurface: "gray00";
     bgRaised: "gray50";
+    /** A surface lighter than `bgRaised` for content that isn't actionable
+     *  yet — the filter chip's field/value segments before the condition has
+     *  a value (see palette.ts's `gray25`). */
+    bgSurfaceMuted: "gray25";
     borderDefault: "line200";
     borderSubtle: "line100";
     /** ImportDialog's dashed dropzone border — see palette.ts's `line150`. */
     borderDropzone: "line150";
+    /** A hairline between adjacent same-height segments (the filter chip's
+     *  field/operator/value/kebab boxes) — same measured hex as
+     *  `borderDropzone` (`line150`), aliased under its own name because the
+     *  two consumers share nothing but the colour. */
+    borderDivider: "line150";
     ringNeutral: "ringNeutral";
     ringField: "ringField";
     ringSwitch: "ringSwitch";
     bgTileActive: "tileActive";
     shadowTileActive: "tileActiveShadow";
+    bgScrim: "bgScrim";
+    fgAlertDescription: "fgAlertDescription";
     bgOverlayFrost: "overlayFrost";
     shadowOverlay1: "shadowOverlay1";
     shadowOverlay2: "shadowOverlay2";

package/package.json

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