@crisp-ui-kit/crisp 0.57.3 → 0.57.4

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

@@ -0,0 +1,54 @@
+import type { AvatarProps } from "../../components/avatar";
+export type WorkspaceMenuWorkspace = {
+    id: string;
+    name: string;
+    /** Avatar initial/letter. */
+    avatarLabel: string;
+    avatarTone?: NonNullable<AvatarProps["tone"]>;
+};
+export type WorkspaceSwitcherMenuProps = {
+    /** The workspace(s) to list, radio-style (crisp only ever renders one
+     *  checked at a time — Attio's own row is `role="menuitemradio"`, but
+     *  `MenuItem` covers the visible behaviour a single account with one
+     *  workspace needs; a multi-workspace consumer still gets a correct
+     *  checked/unchecked row per workspace). */
+    workspaces: WorkspaceMenuWorkspace[];
+    /** Which `workspaces[].id` is current — gets the leading checkmark. */
+    currentWorkspaceId: string;
+    onSelectWorkspace?: (id: string) => void;
+    onNewWorkspace?: () => void;
+    onAccountSettings?: () => void;
+    onWorkspaceSettings?: () => void;
+    onInviteMembers?: () => void;
+    onUpgradeAttio?: () => void;
+    onReferAnotherTeam?: () => void;
+    onAppsAndIntegrations?: () => void;
+    onSignOut?: () => void;
+    newWorkspaceLabel?: string;
+    accountSettingsLabel?: string;
+    workspaceSettingsLabel?: string;
+    inviteMembersLabel?: string;
+    upgradeAttioLabel?: string;
+    referAnotherTeamLabel?: string;
+    appsAndIntegrationsLabel?: string;
+    signOutLabel?: string;
+};
+/**
+ * The FIXED content of Attio's own workspace-switcher popover (crisp#632) —
+ * live-measured off app.attio.com/techpartners: each workspace as a
+ * checked/unchecked row, then New workspace, then Account settings /
+ * Workspace settings, then Invite members / Upgrade Attio / Refer another
+ * team, then Apps and integrations, then Sign out — each group separated by
+ * a hairline, matching a 280px-wide popover.
+ *
+ * This is CONTENT, not a component with its own trigger/popover: pass it as
+ * `Sidebar`'s own `workspaceMenu` prop (crisp#415 already builds the real
+ * menu-button trigger/popover machinery around whatever children it's
+ * given — the workspace switcher itself has no fixed content of its own by
+ * design, since which settings exist is the consumer's; this is that fixed
+ * content, ready-made, the same way `defaultCommandItems` is for `Command`).
+ */
+export declare function WorkspaceSwitcherMenu({ workspaces, currentWorkspaceId, onSelectWorkspace, onNewWorkspace, onAccountSettings, onWorkspaceSettings, onInviteMembers, onUpgradeAttio, onReferAnotherTeam, onAppsAndIntegrations, onSignOut, newWorkspaceLabel, accountSettingsLabel, workspaceSettingsLabel, inviteMembersLabel, upgradeAttioLabel, referAnotherTeamLabel, appsAndIntegrationsLabel, signOutLabel, }: WorkspaceSwitcherMenuProps): import("react").JSX.Element;
+export declare namespace WorkspaceSwitcherMenu {
+    var displayName: string;
+}

package/dist/types/product/workspaceswitchermenu/workspaceswitchermenu.recipe.d.ts

@@ -0,0 +1,19 @@
+/**
+ * `WorkspaceSwitcherMenu` owns almost no styling of its own — every visible
+ * pixel besides the two rules below is `Menu`/`MenuItem`'s own
+ * already-measured recipe (crisp#632):
+ * - The RTL mirror for its "Sign out" icon: `LogOut` is treated as
+ *   direction-bearing (`build/spec-check.mjs`'s own DIRECTIONAL set), so
+ *   it's marked and mirrored the same way ObjectPageMenu's Notifications
+ *   chevron is (crisp#616) — see that file's identical recipe for why this
+ *   is a plain absolute selector, not `${rtlFlipCss}`'s `&`-nesting form.
+ * - The current-workspace checkmark's colour: `.crisp-menu-item svg` already
+ *   sets every menu icon to `fgMuted` (menu.recipe.ts), which is deliberate
+ *   there but wrong for THIS one glyph — Attio's own is brand-coloured, not
+ *   muted, to read as a status rather than a plain icon. `svg` doubled in
+ *   the selector (not just the class) so it outranks that rule under equal
+ *   source order instead of depending on file concatenation order.
+ */
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const workspaceswitchermenuRecipe: import("../..").RecipeFn<{}>;
+export default config;

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

@@ -71,6 +71,19 @@ export declare const contract: MapLeafNodes<{
     strokeSelectDivider: "selectDivider";
     fgSelectPlaceholder: "selectPlaceholder";
     shadowSelect: "selectShadow";
+    bgTagSwatch1: "tagSwatch1";
+    bgTagSwatch2: "tagSwatch2";
+    bgTagSwatch3: "tagSwatch3";
+    bgTagSwatch4: "tagSwatch4";
+    bgTagSwatch5: "tagSwatch5";
+    bgTagSwatch6: "tagSwatch6";
+    bgTagSwatch7: "tagSwatch7";
+    bgTagSwatch8: "tagSwatch8";
+    bgTagSwatch9: "tagSwatch9";
+    bgTagSwatch10: "tagSwatch10";
+    bgTagSwatch11: "tagSwatch11";
+    bgTagSwatch12: "tagSwatch12";
+    fgTagSwatch: "tagSwatchInk";
 }, `var(--${string})`> & {
     space: Record<"0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "8" | "px", `var(--${string})`>;
     radius: Record<"2xl" | "3xl" | "4xl" | "chip" | "full" | "lg" | "md" | "sm" | "xl" | "xs", `var(--${string})`>;

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

@@ -263,5 +263,57 @@ export declare const palette: {
         readonly light: "#0000001f";
         readonly dark: "#000000cc";
     };
+    readonly tagSwatch1: {
+        readonly light: "#fff3cc";
+        readonly dark: "#fff3cc";
+    };
+    readonly tagSwatch2: {
+        readonly light: "#f4fbcb";
+        readonly dark: "#f4fbcb";
+    };
+    readonly tagSwatch3: {
+        readonly light: "#fdf7c4";
+        readonly dark: "#fdf7c4";
+    };
+    readonly tagSwatch4: {
+        readonly light: "#feecf3";
+        readonly dark: "#feecf3";
+    };
+    readonly tagSwatch5: {
+        readonly light: "#e0fced";
+        readonly dark: "#e0fced";
+    };
+    readonly tagSwatch6: {
+        readonly light: "#ddf7ff";
+        readonly dark: "#ddf7ff";
+    };
+    readonly tagSwatch7: {
+        readonly light: "#f6f7f7";
+        readonly dark: "#f6f7f7";
+    };
+    readonly tagSwatch8: {
+        readonly light: "#ffebeb";
+        readonly dark: "#ffebeb";
+    };
+    readonly tagSwatch9: {
+        readonly light: "#feeee1";
+        readonly dark: "#feeee1";
+    };
+    readonly tagSwatch10: {
+        readonly light: "#e5eeff";
+        readonly dark: "#e5eeff";
+    };
+    readonly tagSwatch11: {
+        readonly light: "#f5f0ff";
+        readonly dark: "#f5f0ff";
+    };
+    readonly tagSwatch12: {
+        readonly light: "#fdedff";
+        readonly dark: "#fdedff";
+    };
+    readonly tagSwatchInk: {
+        readonly light: "#000000";
+        readonly dark: "#000000";
+    };
 };
 export type PaletteKey = keyof typeof palette;

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

@@ -112,5 +112,25 @@ export declare const semantic: {
     strokeSelectDivider: "selectDivider";
     fgSelectPlaceholder: "selectPlaceholder";
     shadowSelect: "selectShadow";
+    /** your-moon/crisp#998: a Select/MultiSelect option's fixed tag colour
+     *  (`swatch`, 1-12) -- see palette.ts's own comment on `tagSwatch1` for
+     *  the measurement. Distinct from `Select`'s existing `color` (an
+     *  arbitrary-CSS status dot) and `MultiSelect`'s existing `tone` (crisp's
+     *  own semantic 7-tone chip family): this is Attio's own enumerable,
+     *  workspace-admin-assigned palette, reproduced verbatim rather than
+     *  mapped onto either existing mechanism. */
+    bgTagSwatch1: "tagSwatch1";
+    bgTagSwatch2: "tagSwatch2";
+    bgTagSwatch3: "tagSwatch3";
+    bgTagSwatch4: "tagSwatch4";
+    bgTagSwatch5: "tagSwatch5";
+    bgTagSwatch6: "tagSwatch6";
+    bgTagSwatch7: "tagSwatch7";
+    bgTagSwatch8: "tagSwatch8";
+    bgTagSwatch9: "tagSwatch9";
+    bgTagSwatch10: "tagSwatch10";
+    bgTagSwatch11: "tagSwatch11";
+    bgTagSwatch12: "tagSwatch12";
+    fgTagSwatch: "tagSwatchInk";
 };
 export type Tokens = typeof semantic;

package/dist/workspaceswitchermenu.css

@@ -0,0 +1,4 @@
+
+    [dir="rtl"] .crisp-menu-item svg[data-rtl-flip] { transform: scaleX(-1); }
+    .crisp-menu-item svg.crisp-workspaceswitchermenu-check { color: var(--crisp-fg-brand-contrast); }
+  

package/dist/workspaceswitchermenu.d.ts

@@ -0,0 +1,7 @@
+import type { RecipeFn } from "../core/types";
+
+export interface WorkspaceswitchermenuVariants {
+
+}
+
+export declare const workspaceswitchermenuRecipe: RecipeFn<{  }>;

package/dist/workspaceswitchermenu.layered.css

@@ -0,0 +1,6 @@
+@layer crisp-components {
+
+    [dir="rtl"] .crisp-menu-item svg[data-rtl-flip] { transform: scaleX(-1); }
+    .crisp-menu-item svg.crisp-workspaceswitchermenu-check { color: var(--crisp-fg-brand-contrast); }
+  
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crisp-ui-kit/crisp",
-  "version": "0.57.3",
+  "version": "0.57.4",
   "description": "A lean React design system, measured pixel-for-pixel from Attio.",
   "license": "MIT",
   "type": "module",
@@ -378,6 +378,11 @@
       "import": "./dist/esm/product/appshell/index.js",
       "require": "./dist/cjs/product/appshell/index.js"
     },
+    "./assigneepicker": {
+      "types": "./dist/types/product/assigneepicker/index.d.ts",
+      "import": "./dist/esm/product/assigneepicker/index.js",
+      "require": "./dist/cjs/product/assigneepicker/index.js"
+    },
     "./authshell": {
       "types": "./dist/types/product/authshell/index.d.ts",
       "import": "./dist/esm/product/authshell/index.js",
@@ -443,11 +448,21 @@
       "import": "./dist/esm/product/navitem/index.js",
       "require": "./dist/cjs/product/navitem/index.js"
     },
+    "./notesgallery": {
+      "types": "./dist/types/product/notesgallery/index.d.ts",
+      "import": "./dist/esm/product/notesgallery/index.js",
+      "require": "./dist/cjs/product/notesgallery/index.js"
+    },
     "./notificationssettings": {
       "types": "./dist/types/product/notificationssettings/index.d.ts",
       "import": "./dist/esm/product/notificationssettings/index.js",
       "require": "./dist/cjs/product/notificationssettings/index.js"
     },
+    "./objectpagemenu": {
+      "types": "./dist/types/product/objectpagemenu/index.d.ts",
+      "import": "./dist/esm/product/objectpagemenu/index.js",
+      "require": "./dist/cjs/product/objectpagemenu/index.js"
+    },
     "./objectsettings": {
       "types": "./dist/types/product/objectsettings/index.d.ts",
       "import": "./dist/esm/product/objectsettings/index.js",
@@ -468,6 +483,11 @@
       "import": "./dist/esm/product/recordpanel/index.js",
       "require": "./dist/cjs/product/recordpanel/index.js"
     },
+    "./recordpicker": {
+      "types": "./dist/types/product/recordpicker/index.d.ts",
+      "import": "./dist/esm/product/recordpicker/index.js",
+      "require": "./dist/cjs/product/recordpicker/index.js"
+    },
     "./richtext": {
       "types": "./dist/types/product/richtext/index.d.ts",
       "import": "./dist/esm/product/richtext/index.js",
@@ -488,6 +508,16 @@
       "import": "./dist/esm/product/settingsshell/index.js",
       "require": "./dist/cjs/product/settingsshell/index.js"
     },
+    "./share": {
+      "types": "./dist/types/product/share/index.d.ts",
+      "import": "./dist/esm/product/share/index.js",
+      "require": "./dist/cjs/product/share/index.js"
+    },
+    "./shortcutssheet": {
+      "types": "./dist/types/product/shortcutssheet/index.d.ts",
+      "import": "./dist/esm/product/shortcutssheet/index.js",
+      "require": "./dist/cjs/product/shortcutssheet/index.js"
+    },
     "./sidebar": {
       "types": "./dist/types/product/sidebar/index.d.ts",
       "import": "./dist/esm/product/sidebar/index.js",
@@ -498,6 +528,11 @@
       "import": "./dist/esm/product/statlist/index.js",
       "require": "./dist/cjs/product/statlist/index.js"
     },
+    "./taskeditpopover": {
+      "types": "./dist/types/product/taskeditpopover/index.d.ts",
+      "import": "./dist/esm/product/taskeditpopover/index.js",
+      "require": "./dist/cjs/product/taskeditpopover/index.js"
+    },
     "./tasklist": {
       "types": "./dist/types/product/tasklist/index.d.ts",
       "import": "./dist/esm/product/tasklist/index.js",
@@ -523,6 +558,11 @@
       "import": "./dist/esm/product/workspacegeneralsettings/index.js",
       "require": "./dist/cjs/product/workspacegeneralsettings/index.js"
     },
+    "./workspaceswitchermenu": {
+      "types": "./dist/types/product/workspaceswitchermenu/index.d.ts",
+      "import": "./dist/esm/product/workspaceswitchermenu/index.js",
+      "require": "./dist/cjs/product/workspaceswitchermenu/index.js"
+    },
     "./tokens": {
       "types": "./dist/types/tokens/index.d.ts",
       "import": "./dist/esm/tokens/index.js",