@opencxh/ui-kit 3.136.1 → 3.136.3

package/dist/src/content/List.d.ts

@@ -8,14 +8,24 @@ export interface ListGroup {
     count?: number;
     /** Start collapsed (only with `collapsible`) */
     defaultCollapsed?: boolean;
+    /**
+     * `danger` tints the label and its count — for a section that is a problem
+     * by definition (overdue, failed), where the rows themselves carry no
+     * marker that the group is the bad one.
+     */
+    tone?: "default" | "danger" | "muted";
 }
 export interface ListProps<T> {
     /** Rows to render */
     items: T[];
     /** Stable key per row */
     getRowKey?: (item: T, index: number) => string | number;
-    /** Row separation */
-    variant?: "plain" | "divided" | "bulleted";
+    /**
+     * Row separation. `inset` gives each row a rounded hover plate held off the
+     * edge instead of a rule — the treatment for a list of things you tick off
+     * (tasks) rather than a table you scan across (the inbox).
+     */
+    variant?: "plain" | "divided" | "bulleted" | "inset";
     /** Leading slot — channel tile, avatar, status dot */
     leading?: (item: T, index: number) => React.ReactNode;
     /** Main content; defaults to `String(item)` */
@@ -77,6 +87,24 @@ export interface ListProps<T> {
     className?: string;
     "aria-label"?: string;
 }
+/**
+ * One action in the bulk dock. Its own component rather than a `Button`
+ * variant: the dock is an ink surface, so every ordinary button variant is a
+ * light plate on a dark bar. Use it for the `bulkActions` slot.
+ *
+ * @example
+ * ```tsx
+ * bulkActions={<>
+ *   <ListBulkAction icon={<Icon icon={UserPlus} size="sm" />} onClick={assign}>Toewijzen</ListBulkAction>
+ *   <ListBulkAction icon={<Icon icon={Archive} size="sm" />} onClick={archive}>Archiveren</ListBulkAction>
+ * </>}
+ * ```
+ */
+export declare function ListBulkAction({ icon, onClick, children, }: {
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    children: React.ReactNode;
+}): React.JSX.Element;
 /**
  * List — one row is one object you open, with content of varying length
  * (inbox conversations, notifications, search results). No column headers:

package/dist/src/index.d.ts

@@ -1,4 +1,5 @@
 export { cn, createSizes, createVariants } from './utils/cn';
+export { catTone, type CatTone } from './utils/catTone';
 export { MeetingGrid, type MeetingGridProps } from './meeting/MeetingGrid';
 export { ParticipantTile, type ParticipantTileProps } from './meeting/ParticipantTile';
 export { VideoSurface, type VideoSurfaceProps } from './meeting/VideoSurface';
@@ -36,7 +37,7 @@ export { AvatarStack, type AvatarStackPerson, type AvatarStackProps } from './co
 export { ChannelBadge, type ChannelBadgeProps, type ChannelKey } from './content/ChannelBadge';
 export { Icon, type IconProps } from './content/Icon';
 export { Image, type ImageProps } from './content/Image';
-export { List, type ListProps } from './content/List';
+export { List, ListBulkAction, type ListGroup, type ListProps } from './content/List';
 export { MessageBubble, type MessageBubbleProps } from './content/MessageBubble';
 export { KpiCard, type KpiCardProps } from './content/KpiCard';
 export { PageHeader, type PageHeaderAction, type PageHeaderProps } from './content/PageHeader';

package/dist/src/utils/catTone.d.ts

@@ -0,0 +1,12 @@
+/** The categorical set — identity without status. See --color-cat-*. */
+export type CatTone = "cat-1" | "cat-2" | "cat-3" | "cat-4" | "cat-5";
+/**
+ * A stable colour for a thing that has an identity but no state — a knowledge
+ * base, an inbox, a team, a transcript speaker.
+ *
+ * Derived from the id, so the colour survives reloads and is the same for every
+ * user. Storing one would mean a column per entity that wants a dot; a hash
+ * gets the same result for free, and the categorical tokens are equal-weight by
+ * construction so no entry can accidentally outrank another.
+ */
+export declare function catTone(id: string): CatTone;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencxh/ui-kit",
-  "version": "3.136.1",
+  "version": "3.136.3",
   "description": "Theme-aware UI component library for OpenCXH platform",
   "type": "module",
   "exports": {