@opencxh/ui-kit 3.112.1 → 3.113.0

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.
@@ -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
  */
@@ -7,10 +7,18 @@ export interface PopoverProps {
7
7
  * dismiss the popover after acting.
8
8
  */
9
9
  children: React.ReactNode | ((close: () => void) => React.ReactNode);
10
- /** Panel placement relative to the trigger */
10
+ /** Panel placement relative to the trigger. Flips when there is no room. */
11
11
  placement?: "bottom-start" | "bottom-end" | "top-start" | "top-end";
12
12
  /** Additional CSS classes for the panel */
13
13
  className?: string;
14
+ /**
15
+ * Layout classes for the wrapper around the trigger. Needed when the trigger
16
+ * has to fill a positioned box — a calendar event in a week grid, say —
17
+ * because the wrapper is `inline-flex` by default.
18
+ */
19
+ rootClassName?: string;
20
+ /** Layout classes for the trigger button itself. */
21
+ triggerClassName?: string;
14
22
  /** Whether the trigger is disabled */
15
23
  disabled?: boolean;
16
24
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opencxh/ui-kit",
3
- "version": "3.112.1",
3
+ "version": "3.113.0",
4
4
  "description": "Theme-aware UI component library for OpenCXH platform",
5
5
  "type": "module",
6
6
  "exports": {