@opencxh/ui-kit 3.136.0 → 3.136.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.
|
@@ -11,8 +11,9 @@ export interface FilterChipProps {
|
|
|
11
11
|
*/
|
|
12
12
|
tone?: "none" | "default" | "muted" | "warning" | "danger";
|
|
13
13
|
/**
|
|
14
|
-
* `
|
|
15
|
-
*
|
|
14
|
+
* `rect` is the filter-bar shape — the same 9px corner as a button, so a
|
|
15
|
+
* chip and a button in one toolbar line up. `pill` is for a chip that reads
|
|
16
|
+
* as a tag rather than a control.
|
|
16
17
|
*/
|
|
17
18
|
shape?: "pill" | "rect";
|
|
18
19
|
/** `md` is the default control height; `sm` for a dense toolbar. */
|
|
@@ -32,9 +33,9 @@ export interface FilterChipProps {
|
|
|
32
33
|
}
|
|
33
34
|
/**
|
|
34
35
|
* Filter chip — the inbox filter bar and the thread priority/assign/inbox/tags
|
|
35
|
-
* menus. Presentational: it renders the chip (active =
|
|
36
|
-
*
|
|
37
|
-
* with the existing `Dropdown` / `Popover`.
|
|
36
|
+
* menus. Presentational: it renders the chip (active = the blue "you applied
|
|
37
|
+
* this" tint, inactive = a sunk plate) with an optional caret + clear; the
|
|
38
|
+
* consumer wires the actual menu with the existing `Dropdown` / `Popover`.
|
|
38
39
|
*
|
|
39
40
|
* @example
|
|
40
41
|
* ```tsx
|
|
@@ -14,8 +14,9 @@ export interface SegmentedToggleProps<T extends string> {
|
|
|
14
14
|
"aria-label"?: string;
|
|
15
15
|
}
|
|
16
16
|
/**
|
|
17
|
-
* Segmented
|
|
18
|
-
*
|
|
17
|
+
* Segmented toggle (focus "Feed / Eén tegelijk", tasks "Mijn / Mijn teams").
|
|
18
|
+
* Track = surface-sunk, active segment = a raised white plate — the same
|
|
19
|
+
* "lifted off the plane behind it" language as the active nav item.
|
|
19
20
|
*
|
|
20
21
|
* @example
|
|
21
22
|
* ```tsx
|
|
@@ -27,18 +27,18 @@ export interface MenuItem {
|
|
|
27
27
|
defaultCollapsed?: boolean;
|
|
28
28
|
}
|
|
29
29
|
interface SidebarMenuProps {
|
|
30
|
-
title: string;
|
|
31
|
-
actionIcons?: React.ReactNode[];
|
|
32
30
|
items: MenuItem[];
|
|
33
31
|
isSelectedHandler: (path: string | undefined) => boolean;
|
|
34
32
|
onClick?: (path: string | undefined) => void;
|
|
35
33
|
preMenuItemsComponent?: React.ReactNode;
|
|
36
34
|
}
|
|
37
35
|
/**
|
|
38
|
-
* Sidebar —
|
|
39
|
-
*
|
|
40
|
-
*
|
|
41
|
-
*
|
|
36
|
+
* Sidebar — een vrij slot (zoek) en daaronder de nav-items. Secties met
|
|
37
|
+
* children zijn koppen, geen knoppen.
|
|
38
|
+
*
|
|
39
|
+
* Géén titel en géén actie-iconen meer: de app-switcher (titel + `+`) en de
|
|
40
|
+
* gebruikersvoet zijn shell-chrome en staan in `NavigationPanel`. Dit component
|
|
41
|
+
* vult alleen het middenstuk van die kolom.
|
|
42
42
|
*/
|
|
43
43
|
export declare const SidebarMenu: React.FC<SidebarMenuProps>;
|
|
44
44
|
export default SidebarMenu;
|