@opencxh/ui-kit 3.137.3 → 3.137.4
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.
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +249 -230
- package/dist/index.js.map +1 -1
- package/dist/src/content/PageHeader.d.ts +3 -0
- package/dist/src/content/SectionCaption.d.ts +29 -0
- package/dist/src/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -38,6 +38,9 @@ export interface PageHeaderProps {
|
|
|
38
38
|
* Meta line under the title — a contact, a channel, a timestamp. Distinct
|
|
39
39
|
* from `subtitle`, which sits beside the title, and from `children`, which
|
|
40
40
|
* is the full-width row at the bottom of the header.
|
|
41
|
+
*
|
|
42
|
+
* A string is kept to one line and ellipsised; a node is allowed to wrap, so
|
|
43
|
+
* an inline row of properties survives a narrow window.
|
|
41
44
|
*/
|
|
42
45
|
meta?: React.ReactNode;
|
|
43
46
|
/** Breadcrumb items */
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface SectionCaptionProps {
|
|
3
|
+
/** Uppercase label. Short — this is a caption, not a heading. */
|
|
4
|
+
label: string;
|
|
5
|
+
/**
|
|
6
|
+
* The right-hand slot: a count, a progress ("1/3 done") or a summary
|
|
7
|
+
* ("2 on a call · 1 away"). A caption with nothing to its right is a caption
|
|
8
|
+
* that could have been a heading.
|
|
9
|
+
*/
|
|
10
|
+
meta?: string;
|
|
11
|
+
/** Far right — a toggle or an icon button. Sits after `meta` when both are set. */
|
|
12
|
+
action?: React.ReactNode;
|
|
13
|
+
/** Layout only (margins, alignment). Not padding: see the note below. */
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* The section header over rounded plates and cards — the counterpart of the
|
|
18
|
+
* sticky sunk band, which belongs to full-bleed divided rows.
|
|
19
|
+
*
|
|
20
|
+
* The top padding is generous and self-cancelling (`pt-7 first:pt-0`): a caption
|
|
21
|
+
* is what separates two blocks in a scrolling panel, so it carries the gap
|
|
22
|
+
* rather than the blocks around it, and the first one in a panel does not push
|
|
23
|
+
* the content away from the panel header.
|
|
24
|
+
*
|
|
25
|
+
* `className` cannot override that padding — `cn` is plain clsx with no
|
|
26
|
+
* tailwind-merge, so both classes would land in the list and CSS order would
|
|
27
|
+
* decide. Use it for margins and alignment only.
|
|
28
|
+
*/
|
|
29
|
+
export declare const SectionCaption: React.FC<SectionCaptionProps>;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -44,6 +44,7 @@ export { KpiCard, type KpiCardProps } from './content/KpiCard';
|
|
|
44
44
|
export { PageHeader, type PageHeaderAction, type PageHeaderProps } from './content/PageHeader';
|
|
45
45
|
export { PageToolbar, PageToolbarActions, type PageToolbarActionsProps, type PageToolbarProps } from './content/PageToolbar';
|
|
46
46
|
export { RichText, type RichTextProps } from './content/RichText';
|
|
47
|
+
export { SectionCaption, type SectionCaptionProps } from './content/SectionCaption';
|
|
47
48
|
export { SectionDivider, type SectionDividerProps } from './content/SectionDivider';
|
|
48
49
|
export { SettingsRow, SettingsSection, type SettingsRowProps, type SettingsSectionProps } from './content/SettingsRow';
|
|
49
50
|
export { SourceChip, type SourceChipProps } from './content/SourceChip';
|