@opencxh/ui-kit 3.112.0 → 3.112.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -13,9 +13,12 @@ export interface MessageBubbleProps {
13
13
  */
14
14
  tone?: "default" | "warning" | "note";
15
15
  /**
16
- * Layout only — width and padding. Those differ per surface (a chat bubble
17
- * hugs its text, an email card fills the column and pads its own sections),
18
- * so the component owns the shape and the caller owns the box.
16
+ * Layout only — padding, flex behaviour, margins.
17
+ *
18
+ * Not width: the bubble caps its own, because `cn` is plain clsx with no
19
+ * tailwind-merge, so a `max-w-*` passed here would not reliably beat the
20
+ * default — both land in the class list and CSS order decides. A message
21
+ * that runs the full width of the thread stops reading as a message.
19
22
  */
20
23
  className?: string;
21
24
  children: React.ReactNode;
@@ -1,4 +1,5 @@
1
1
  import { default as React } from 'react';
2
+ import { ButtonProps } from '../action/Button';
2
3
  import { SplitButtonOption } from '../action/SplitButton';
3
4
  export interface PageHeaderAction {
4
5
  /** Action identifier */
@@ -9,8 +10,8 @@ export interface PageHeaderAction {
9
10
  icon?: React.ReactNode;
10
11
  /** Action handler */
11
12
  onClick: () => void;
12
- /** Action variant */
13
- variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive";
13
+ /** Action variant. Tracks Button, so the two cannot drift apart. */
14
+ variant?: ButtonProps["variant"];
14
15
  /** Whether action is disabled */
15
16
  disabled?: boolean;
16
17
  /** Dropdown options for split button */
@@ -20,6 +20,12 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
20
20
  * Whether the checkbox is in an indeterminate state
21
21
  */
22
22
  indeterminate?: boolean;
23
+ /**
24
+ * `circle` marks a completion tick — a task, a subtask — as opposed to the
25
+ * square used for selecting rows. The shape is the whole signal, so a user
26
+ * can tell "done" from "selected" at a glance.
27
+ */
28
+ shape?: "square" | "circle";
23
29
  /**
24
30
  * Additional class name for the container
25
31
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opencxh/ui-kit",
3
- "version": "3.112.0",
3
+ "version": "3.112.2",
4
4
  "description": "Theme-aware UI component library for OpenCXH platform",
5
5
  "type": "module",
6
6
  "exports": {