@crisp-ui-kit/crisp 0.56.0 → 0.57.0

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

@@ -47,6 +47,10 @@ export declare const palette: {
         readonly light: "#d9dade";
         readonly dark: "#212224";
     };
+    readonly ringBrandSoft: {
+        readonly light: "#d6e5ff";
+        readonly dark: "#212224";
+    };
     readonly tileActive: {
         readonly light: "#ffffff";
         readonly dark: "#101112";
@@ -211,5 +215,37 @@ export declare const palette: {
         readonly light: "#e8ddfe";
         readonly dark: "#45297d";
     };
+    readonly selectListboxBg: {
+        readonly light: "#ffffff";
+        readonly dark: "#1d2025";
+    };
+    readonly selectTriggerStroke: {
+        readonly light: "#dcdee3";
+        readonly dark: "#393d46";
+    };
+    readonly selectPressedTint: {
+        readonly light: "#00000007";
+        readonly dark: "#ffffff0d";
+    };
+    readonly selectDisabledBg: {
+        readonly light: "#f3f4f5";
+        readonly dark: "#2b2e35";
+    };
+    readonly selectInvalidStroke: {
+        readonly light: "#fa342c";
+        readonly dark: "#ff6e60";
+    };
+    readonly selectDivider: {
+        readonly light: "#00000010";
+        readonly dark: "#ffffff17";
+    };
+    readonly selectPlaceholder: {
+        readonly light: "#b0b3ba";
+        readonly dark: "#868b94";
+    };
+    readonly selectShadow: {
+        readonly light: "#0000001f";
+        readonly dark: "#000000cc";
+    };
 };
 export type PaletteKey = keyof typeof palette;

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

@@ -6,6 +6,7 @@ export declare const space: {
     readonly "2": "8px";
     readonly "2.5": "10px";
     readonly "3": "12px";
+    readonly "3.5": "14px";
     readonly "4": "16px";
     readonly "5": "20px";
     readonly "6": "24px";
@@ -18,6 +19,7 @@ export declare const radius: {
     readonly lg: "9px";
     readonly xl: "12px";
     readonly "2xl": "16px";
+    readonly "3xl": "20px";
     readonly full: "999px";
 };
 export declare const size: {
@@ -30,6 +32,9 @@ export declare const size: {
     readonly header: "48px";
     readonly calendarCell: "34px";
     readonly calendarPill: "32px";
+    readonly selectTriggerMd: "40px";
+    readonly selectTriggerLg: "52px";
+    readonly selectIconLg: "20px";
 };
 export declare const font: {
     readonly sans: '"VK Sans Display", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif';

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

@@ -77,5 +77,23 @@ export declare const semantic: {
     bgPurpleSoft: "purpleTint";
     fgPurpleSoft: "softPurpleText";
     ringPurpleSoft: "purpleRing";
+    /** Callout's bordered/banner look (crisp#869) — an opaque measured ring,
+     *  not a `color-mix` tint of `bgBrandSolid` (see palette.ts's own comment). */
+    ringBrandSoft: "ringBrandSoft";
+    /** Select rebuilt to seed-design parity (crisp/#867) — see palette.ts's
+     *  comment above `selectListboxBg` for why these are their own tokens
+     *  rather than a reuse of an Attio-measured one. */
+    /** Seed's neutral ink (gray-1000) used as TEXT/icon colour — same palette
+     *  entry as `strokeFieldFocus` (a ring), aliased separately because the
+     *  role here is content colour, not a focus ring. */
+    fgSelectNeutral: "fieldFocus";
+    bgSelectListbox: "selectListboxBg";
+    strokeSelectTrigger: "selectTriggerStroke";
+    bgSelectPressed: "selectPressedTint";
+    bgSelectDisabled: "selectDisabledBg";
+    strokeSelectInvalid: "selectInvalidStroke";
+    strokeSelectDivider: "selectDivider";
+    fgSelectPlaceholder: "selectPlaceholder";
+    shadowSelect: "selectShadow";
 };
 export type Tokens = typeof semantic;

package/package.json

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