@crewlethq/ui 0.4.1 → 0.4.3
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/Accordion/Accordion.d.ts +3 -3
- package/dist/AddPill/AddPill.d.ts +1 -1
- package/dist/Announcer/Announcer.d.ts +1 -1
- package/dist/AppShell/AppShell.d.ts +5 -5
- package/dist/Avatar/Avatar.d.ts +1 -1
- package/dist/BrandLockup/BrandLockup.d.ts +1 -1
- package/dist/CalendarGrid/CalendarGrid.d.ts +1 -1
- package/dist/Callout/Callout.d.ts +1 -1
- package/dist/Canvas/Canvas.d.ts +1 -1
- package/dist/Card/Card.d.ts +6 -6
- package/dist/Charts/ActivityStrip.d.ts +1 -1
- package/dist/Charts/BarList.d.ts +1 -1
- package/dist/Charts/Legend.d.ts +1 -1
- package/dist/Charts/StackedBar.d.ts +1 -1
- package/dist/Charts/TimeSeries.d.ts +2 -2
- package/dist/CommandPalette/CommandPalette.d.ts +1 -1
- package/dist/Container/Container.d.ts +1 -1
- package/dist/Copyable/CopyButton.d.ts +2 -2
- package/dist/Copyable/Copyable.d.ts +1 -1
- package/dist/Count/Count.d.ts +1 -1
- package/dist/DataTable/CopyableCell.d.ts +1 -1
- package/dist/DataTable/DataTable.d.ts +2 -2
- package/dist/DataTable/RowActionsMenu.d.ts +1 -1
- package/dist/DataView/DataView.d.ts +1 -1
- package/dist/DataView/DataViewToolbar.d.ts +1 -1
- package/dist/DataView/FilterAxisBar.d.ts +2 -2
- package/dist/DateTimePicker/DateTimePicker.d.ts +1 -1
- package/dist/DescriptionList/DescriptionList.d.ts +2 -2
- package/dist/DiffList/DiffList.d.ts +1 -1
- package/dist/Disclosure/Disclosure.d.ts +1 -1
- package/dist/Disclosure/anatomy.d.ts +1 -1
- package/dist/EmptyState/EmptyState.d.ts +1 -1
- package/dist/EmptyValue/EmptyValue.d.ts +1 -1
- package/dist/EntityChip/EntityChip.d.ts +1 -1
- package/dist/Eyebrow/Eyebrow.d.ts +1 -1
- package/dist/FilterChip/FilterChip.d.ts +2 -2
- package/dist/ImageUpload/ImageUpload.d.ts +1 -1
- package/dist/InlineCode/InlineCode.d.ts +1 -1
- package/dist/Input/FormField.d.ts +1 -1
- package/dist/Input/FormRow.d.ts +1 -1
- package/dist/Input/FormSection.d.ts +1 -1
- package/dist/Input/Input.d.ts +1 -1
- package/dist/Input/Label.d.ts +1 -1
- package/dist/Input/ReadOnlyField.d.ts +1 -1
- package/dist/Kbd/Kbd.d.ts +1 -1
- package/dist/Layer/LayerHost.d.ts +1 -1
- package/dist/Layout/Layout.d.ts +4 -4
- package/dist/List/List.d.ts +2 -2
- package/dist/ListInput/ListInput.d.ts +1 -1
- package/dist/ListInput/index.js +2 -2
- package/dist/Menu/Menu.d.ts +1 -1
- package/dist/Meter/Meter.d.ts +1 -1
- package/dist/Modal/ConfirmModal.d.ts +1 -1
- package/dist/Modal/Modal.d.ts +1 -1
- package/dist/NewItemsNotice/NewItemsNotice.d.ts +1 -1
- package/dist/OrgLabel/OrgLabel.d.ts +1 -1
- package/dist/OrgNode/OrgNode.d.ts +3 -3
- package/dist/OrgTable/OrgTable.d.ts +4 -4
- package/dist/PageHeader/PageHeader.d.ts +1 -1
- package/dist/Popover/Popover.d.ts +1 -1
- package/dist/PricingCard/PricingCard.d.ts +10 -10
- package/dist/Prose/Prose.d.ts +1 -1
- package/dist/RelativeTime/RelativeTime.d.ts +1 -1
- package/dist/Section/Section.d.ts +1 -1
- package/dist/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/dist/SidebarNav/SidebarNav.d.ts +3 -3
- package/dist/Skeleton/Skeleton.d.ts +1 -1
- package/dist/StatCard/StatCard.d.ts +1 -1
- package/dist/StatGroup/StatGroup.d.ts +1 -1
- package/dist/StatusDot/StatusDot.d.ts +1 -1
- package/dist/Table/Table.d.ts +1 -1
- package/dist/Tabs/Tabs.d.ts +3 -3
- package/dist/Tag/Tag.d.ts +1 -1
- package/dist/TagGroup/TagGroup.d.ts +1 -1
- package/dist/TagsInput/index.js +2 -2
- package/dist/Text/Text.d.ts +1 -1
- package/dist/ThemeSwitcher/ThemeSwitcher.d.ts +2 -2
- package/dist/TimeWindowPicker/TimeWindowPicker.d.ts +1 -1
- package/dist/Timeline/Timeline.d.ts +2 -2
- package/dist/Toaster/Toaster.d.ts +1 -1
- package/dist/Toolbar/Toolbar.d.ts +3 -3
- package/dist/Tooltip/Tooltip.d.ts +1 -1
- package/dist/TreeCanvas/TreeCanvas.d.ts +1 -1
- package/dist/TreeGrid/TreeGrid.d.ts +1 -1
- package/dist/VisuallyHidden/VisuallyHidden.d.ts +1 -1
- package/dist/generated/index.js +5 -5
- package/dist/index.js +5 -5
- package/dist/utils/headingLevel.d.ts +1 -1
- package/package.json +5 -5
- package/scripts/check-css-variables.mjs +1 -0
- package/dist/{chunk-RDGD7Z7I.js → chunk-BJSKPEZI.js} +1 -1
- package/dist/{chunk-EN6K2IFA.js → chunk-LFJ6UJTI.js} +1 -1
|
@@ -47,8 +47,8 @@ export interface AccordionItemProps extends Omit<HTMLAttributes<HTMLDivElement>,
|
|
|
47
47
|
actions?: ReactNode;
|
|
48
48
|
disabled?: boolean | undefined;
|
|
49
49
|
}
|
|
50
|
-
declare const AccordionItem: ({ value, title, meta, count, mono, actions, disabled, className, children, ...rest }: AccordionItemProps) => import("react
|
|
51
|
-
export declare const Accordion: (({ type, collapsible, defaultValue, value, onValueChange, density, appearance, headingLevel, className, children, ...rest }: AccordionProps) => import("react
|
|
52
|
-
Item: ({ value, title, meta, count, mono, actions, disabled, className, children, ...rest }: AccordionItemProps) => import("react
|
|
50
|
+
declare const AccordionItem: ({ value, title, meta, count, mono, actions, disabled, className, children, ...rest }: AccordionItemProps) => import("react").JSX.Element;
|
|
51
|
+
export declare const Accordion: (({ type, collapsible, defaultValue, value, onValueChange, density, appearance, headingLevel, className, children, ...rest }: AccordionProps) => import("react").JSX.Element) & {
|
|
52
|
+
Item: ({ value, title, meta, count, mono, actions, disabled, className, children, ...rest }: AccordionItemProps) => import("react").JSX.Element;
|
|
53
53
|
};
|
|
54
54
|
export { AccordionItem };
|
|
@@ -111,4 +111,4 @@ export interface AddPillProps {
|
|
|
111
111
|
onOpen?: (() => void) | undefined;
|
|
112
112
|
className?: string | undefined;
|
|
113
113
|
}
|
|
114
|
-
export declare function AddPill({ label, sections, size, layout, tabIndex, onOpen, className, }: AddPillProps): import("react
|
|
114
|
+
export declare function AddPill({ label, sections, size, layout, tabIndex, onOpen, className, }: AddPillProps): import("react").JSX.Element;
|
|
@@ -12,4 +12,4 @@ export interface AnnouncerProps {
|
|
|
12
12
|
label?: string | undefined;
|
|
13
13
|
}
|
|
14
14
|
/** The polite region itself. Mount one, in the shell. */
|
|
15
|
-
export declare function Announcer({ label }: AnnouncerProps): import("react
|
|
15
|
+
export declare function Announcer({ label }: AnnouncerProps): import("react").JSX.Element;
|
|
@@ -88,7 +88,7 @@ export interface AppShellProps extends Omit<HTMLAttributes<HTMLDivElement>, 'tit
|
|
|
88
88
|
skipLabel?: string | undefined;
|
|
89
89
|
children?: ReactNode;
|
|
90
90
|
}
|
|
91
|
-
export declare function AppShell({ sidebar, topbar, banner, footer, mainId, mainRef, fill, navigationKey, toggleLabel, skipLabel, className, style, children, ...rest }: AppShellProps): import("react
|
|
91
|
+
export declare function AppShell({ sidebar, topbar, banner, footer, mainId, mainRef, fill, navigationKey, toggleLabel, skipLabel, className, style, children, ...rest }: AppShellProps): import("react").JSX.Element;
|
|
92
92
|
export declare namespace AppShell {
|
|
93
93
|
var Rail: typeof AppShellRail;
|
|
94
94
|
var RailRow: typeof AppShellRailRow;
|
|
@@ -108,7 +108,7 @@ export interface AppShellRailProps {
|
|
|
108
108
|
children?: ReactNode;
|
|
109
109
|
}
|
|
110
110
|
/** The rail's three regions: a head, a scrolling middle, and a foot. */
|
|
111
|
-
export declare function AppShellRail({ header, footer, className, children }: AppShellRailProps): import("react
|
|
111
|
+
export declare function AppShellRail({ header, footer, className, children }: AppShellRailProps): import("react").JSX.Element;
|
|
112
112
|
/** What a row in the rail's foot holds, whether or not it is a control. */
|
|
113
113
|
interface RailRowContent {
|
|
114
114
|
/**
|
|
@@ -163,7 +163,7 @@ export type AppShellRailRowProps = StaticRailRowProps | ActionRailRowProps;
|
|
|
163
163
|
* toolbar's inset. This is still the one to reach for, because it is also the
|
|
164
164
|
* thing that decides whether the row is a control at all.
|
|
165
165
|
*/
|
|
166
|
-
export declare function AppShellRailRow({ icon, trailing, onClick, label, className, children }: AppShellRailRowProps): import("react
|
|
166
|
+
export declare function AppShellRailRow({ icon, trailing, onClick, label, className, children }: AppShellRailRowProps): import("react").JSX.Element;
|
|
167
167
|
export interface AppShellToggleProps {
|
|
168
168
|
className?: string | undefined;
|
|
169
169
|
}
|
|
@@ -176,7 +176,7 @@ export interface AppShellToggleProps {
|
|
|
176
176
|
* on a desktop put an unstyled veil into the shell's own grid, which took the
|
|
177
177
|
* rail's column and pushed the whole application into the next row.
|
|
178
178
|
*/
|
|
179
|
-
export declare function AppShellToggle({ className }: AppShellToggleProps): import("react
|
|
179
|
+
export declare function AppShellToggle({ className }: AppShellToggleProps): import("react").JSX.Element | null;
|
|
180
180
|
export interface AppShellTopbarProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
|
|
181
181
|
/**
|
|
182
182
|
* The screen's name. It is the page's `h1`, which is why everything below
|
|
@@ -190,4 +190,4 @@ export interface AppShellTopbarProps extends Omit<HTMLAttributes<HTMLElement>, '
|
|
|
190
190
|
children?: ReactNode;
|
|
191
191
|
}
|
|
192
192
|
/** The page's banner: the drawer toggle, the screen's name, and the actions. */
|
|
193
|
-
export declare function AppShellTopbar({ title, titleId, actions, className, children, ...rest }: AppShellTopbarProps): import("react
|
|
193
|
+
export declare function AppShellTopbar({ title, titleId, actions, className, children, ...rest }: AppShellTopbarProps): import("react").JSX.Element;
|
package/dist/Avatar/Avatar.d.ts
CHANGED
|
@@ -101,4 +101,4 @@ export declare function avatarSquareCorner(pixels: number): string;
|
|
|
101
101
|
* If the image fails to load (a stale CDN URL, an expired signature) it
|
|
102
102
|
* degrades to the initials rather than to a broken-image glyph.
|
|
103
103
|
*/
|
|
104
|
-
export declare const Avatar: ({ src, name, size, shape, tone, variant, decorative, colorSeed, className, style, ...rest }: AvatarProps) => import("react
|
|
104
|
+
export declare const Avatar: ({ src, name, size, shape, tone, variant, decorative, colorSeed, className, style, ...rest }: AvatarProps) => import("react").JSX.Element;
|
|
@@ -38,4 +38,4 @@ export interface BrandLockupProps {
|
|
|
38
38
|
* The mark is hidden from assistive technology: a logo beside its own name is
|
|
39
39
|
* the definition of decoration.
|
|
40
40
|
*/
|
|
41
|
-
export declare function BrandLockup({ name, mark, context, href, renderLink, className }: BrandLockupProps): import("react
|
|
41
|
+
export declare function BrandLockup({ name, mark, context, href, renderLink, className }: BrandLockupProps): import("react").JSX.Element;
|
|
@@ -84,4 +84,4 @@ export interface CalendarGridProps {
|
|
|
84
84
|
* (`aria-required-children`) with it. It carries no name, no state and no
|
|
85
85
|
* tab stop, because there is no day there to name, tint or move to.
|
|
86
86
|
*/
|
|
87
|
-
export declare function CalendarGrid({ label, year, month, focused, onFocusedChange, onMonthChange, onSelect, selected, inRange, isDisabled, onHover, firstDayOfWeek, showOutsideDays, dayLabel, monthNames, weekdayNames, weekdayMarks, className, }: CalendarGridProps): import("react
|
|
87
|
+
export declare function CalendarGrid({ label, year, month, focused, onFocusedChange, onMonthChange, onSelect, selected, inRange, isDisabled, onHover, firstDayOfWeek, showOutsideDays, dayLabel, monthNames, weekdayNames, weekdayMarks, className, }: CalendarGridProps): import("react").JSX.Element;
|
|
@@ -44,4 +44,4 @@ export interface CalloutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'titl
|
|
|
44
44
|
* anything that is the OUTCOME of a press they just made should not be a
|
|
45
45
|
* callout they have to go looking for.
|
|
46
46
|
*/
|
|
47
|
-
export declare const Callout: ({ variant, title, icon, layout, action, live, className, children, ...rest }: CalloutProps) => import("react
|
|
47
|
+
export declare const Callout: ({ variant, title, icon, layout, action, live, className, children, ...rest }: CalloutProps) => import("react").JSX.Element;
|
package/dist/Canvas/Canvas.d.ts
CHANGED
|
@@ -231,4 +231,4 @@ export interface CanvasProps {
|
|
|
231
231
|
ref?: Ref<CanvasHandle> | undefined;
|
|
232
232
|
className?: string | undefined;
|
|
233
233
|
}
|
|
234
|
-
export declare function Canvas({ label, content, children, overlay, controls, controlsPlacement, controlsExtra, controlsBelow, hint, largestItemWidth, dimmed, touch, labels, onReady, ref, className, }: CanvasProps): import("react
|
|
234
|
+
export declare function Canvas({ label, content, children, overlay, controls, controlsPlacement, controlsExtra, controlsBelow, hint, largestItemWidth, dimmed, touch, labels, onReady, ref, className, }: CanvasProps): import("react").JSX.Element;
|
package/dist/Card/Card.d.ts
CHANGED
|
@@ -154,11 +154,11 @@ export interface CardTitleProps extends HTMLAttributes<HTMLHeadingElement> {
|
|
|
154
154
|
*/
|
|
155
155
|
truncate?: boolean | undefined;
|
|
156
156
|
}
|
|
157
|
-
export declare const Card: (({ variant, padding, interactive, rail, selected, as, href, asChild, className, children, ...rest }: CardProps) => import("react
|
|
158
|
-
Header: ({ divided, icon, count, subtitle, actions, className, children, ...rest }: CardHeaderProps) => import("react
|
|
159
|
-
Body: ({ padding, className, children, ...rest }: CardSectionProps) => import("react
|
|
160
|
-
Footer: ({ variant, padding, className, children, ...rest }: CardFooterProps) => import("react
|
|
161
|
-
Title: ({ as, truncate, className, children, ...rest }: CardTitleProps) => import("react
|
|
162
|
-
Description: ({ className, children, ...rest }: HTMLAttributes<HTMLParagraphElement>) => import("react
|
|
157
|
+
export declare const Card: (({ variant, padding, interactive, rail, selected, as, href, asChild, className, children, ...rest }: CardProps) => import("react").JSX.Element) & {
|
|
158
|
+
Header: ({ divided, icon, count, subtitle, actions, className, children, ...rest }: CardHeaderProps) => import("react").JSX.Element;
|
|
159
|
+
Body: ({ padding, className, children, ...rest }: CardSectionProps) => import("react").JSX.Element;
|
|
160
|
+
Footer: ({ variant, padding, className, children, ...rest }: CardFooterProps) => import("react").JSX.Element;
|
|
161
|
+
Title: ({ as, truncate, className, children, ...rest }: CardTitleProps) => import("react").JSX.Element;
|
|
162
|
+
Description: ({ className, children, ...rest }: HTMLAttributes<HTMLParagraphElement>) => import("react").JSX.Element;
|
|
163
163
|
};
|
|
164
164
|
export {};
|
|
@@ -42,4 +42,4 @@ export interface ActivityStripProps {
|
|
|
42
42
|
* ONE IMAGE, not sixty. The cells are marks in a single picture, so the
|
|
43
43
|
* strip is the `img` and its label is the sentence.
|
|
44
44
|
*/
|
|
45
|
-
export declare function ActivityStrip({ buckets, label, summary, className }: ActivityStripProps): import("react
|
|
45
|
+
export declare function ActivityStrip({ buckets, label, summary, className }: ActivityStripProps): import("react").JSX.Element;
|
package/dist/Charts/BarList.d.ts
CHANGED
|
@@ -48,4 +48,4 @@ export interface BarListProps {
|
|
|
48
48
|
* so the bar adds a shape to a number that is already readable, and a reader
|
|
49
49
|
* who cannot see it has lost nothing.
|
|
50
50
|
*/
|
|
51
|
-
export declare function BarList({ data, max, limit, moreLabel, emptyLabel, className, }: BarListProps): import("react
|
|
51
|
+
export declare function BarList({ data, max, limit, moreLabel, emptyLabel, className, }: BarListProps): import("react").JSX.Element;
|
package/dist/Charts/Legend.d.ts
CHANGED
|
@@ -29,4 +29,4 @@ export interface LegendProps {
|
|
|
29
29
|
* A list, and read as one, so a screen reader says how many series there are
|
|
30
30
|
* before it reads them.
|
|
31
31
|
*/
|
|
32
|
-
export declare function Legend({ items, className }: LegendProps): import("react
|
|
32
|
+
export declare function Legend({ items, className }: LegendProps): import("react").JSX.Element;
|
|
@@ -35,4 +35,4 @@ export interface StackedBarProps {
|
|
|
35
35
|
* no screen reader, no touch. The summary sentence is what a reader who
|
|
36
36
|
* cannot hover is left with, so it says everything the picture does.
|
|
37
37
|
*/
|
|
38
|
-
export declare function StackedBar({ segments, summary, className }: StackedBarProps): import("react
|
|
38
|
+
export declare function StackedBar({ segments, summary, className }: StackedBarProps): import("react").JSX.Element;
|
|
@@ -66,7 +66,7 @@ export interface TimeSeriesProps {
|
|
|
66
66
|
* contrast floors the palette suite measures, and a library's theming surface
|
|
67
67
|
* is a second design system to keep in step with this one.
|
|
68
68
|
*/
|
|
69
|
-
export declare function TimeSeries({ series, from, to, label, height, format, formatTime, summary, className, }: TimeSeriesProps): import("react
|
|
69
|
+
export declare function TimeSeries({ series, from, to, label, height, format, formatTime, summary, className, }: TimeSeriesProps): import("react").JSX.Element;
|
|
70
70
|
export interface SparklineProps {
|
|
71
71
|
values: readonly number[];
|
|
72
72
|
/** The line's colour. Defaults to the accent, which is what a trend takes. */
|
|
@@ -89,4 +89,4 @@ export interface SparklineProps {
|
|
|
89
89
|
* Fewer than two values draw nothing, and the box keeps its height, so a row
|
|
90
90
|
* of figures does not jump as one of them gains its second point.
|
|
91
91
|
*/
|
|
92
|
-
export declare function Sparkline({ values, color, height, className }: SparklineProps): import("react
|
|
92
|
+
export declare function Sparkline({ values, color, height, className }: SparklineProps): import("react").JSX.Element;
|
|
@@ -74,4 +74,4 @@ export interface CommandPaletteProps extends Omit<HTMLAttributes<HTMLElement>, '
|
|
|
74
74
|
* surface, and closing from there is one line the caller already has the
|
|
75
75
|
* definition for.
|
|
76
76
|
*/
|
|
77
|
-
export declare function CommandPalette({ open, ...rest }: CommandPaletteProps): import("react
|
|
77
|
+
export declare function CommandPalette({ open, ...rest }: CommandPaletteProps): import("react").JSX.Element | null;
|
|
@@ -14,4 +14,4 @@ export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
14
14
|
* consistent measure and horizontal gutter. Pair with Section for the
|
|
15
15
|
* vertical rhythm.
|
|
16
16
|
*/
|
|
17
|
-
export declare const Container: ({ size, className, children, ...rest }: ContainerProps) => import("react
|
|
17
|
+
export declare const Container: ({ size, className, children, ...rest }: ContainerProps) => import("react").JSX.Element;
|
|
@@ -16,7 +16,7 @@ export interface CopyStatusProps {
|
|
|
16
16
|
* "Copied copied to the clipboard", the status text becoming part of what the
|
|
17
17
|
* button claimed to be.
|
|
18
18
|
*/
|
|
19
|
-
export declare function CopyStatus({ state, copiedMessage, failedMessage }: CopyStatusProps): import("react
|
|
19
|
+
export declare function CopyStatus({ state, copiedMessage, failedMessage }: CopyStatusProps): import("react").JSX.Element;
|
|
20
20
|
export interface CopyButtonProps {
|
|
21
21
|
/**
|
|
22
22
|
* The text, or a THUNK that produces it.
|
|
@@ -61,4 +61,4 @@ export interface CopyButtonProps {
|
|
|
61
61
|
* sighted reader gets and the status region is the only evidence anybody else
|
|
62
62
|
* gets. Both are part of the control, not decoration on it.
|
|
63
63
|
*/
|
|
64
|
-
export declare function CopyButton({ text, label, copiedLabel, failedLabel, copiedMessage, failedMessage, size, variant, title, resetMs, failedResetMs, className, }: CopyButtonProps): import("react
|
|
64
|
+
export declare function CopyButton({ text, label, copiedLabel, failedLabel, copiedMessage, failedMessage, size, variant, title, resetMs, failedResetMs, className, }: CopyButtonProps): import("react").JSX.Element;
|
|
@@ -39,4 +39,4 @@ export interface CopyableProps {
|
|
|
39
39
|
* plain http origin anybody reads a remote dashboard at, the tick appeared and
|
|
40
40
|
* the clipboard was empty.
|
|
41
41
|
*/
|
|
42
|
-
export declare const Copyable: ({ value, display, variant, monospace, truncate, truncateLength, ariaLabel, title, copiedMessage, failedMessage, resetMs, failedResetMs, className, }: CopyableProps) => import("react
|
|
42
|
+
export declare const Copyable: ({ value, display, variant, monospace, truncate, truncateLength, ariaLabel, title, copiedMessage, failedMessage, resetMs, failedResetMs, className, }: CopyableProps) => import("react").JSX.Element | null;
|
package/dist/Count/Count.d.ts
CHANGED
|
@@ -21,4 +21,4 @@ export interface CountProps {
|
|
|
21
21
|
* Tabular figures, so a count that ticks up does not shift the heading beside
|
|
22
22
|
* it, and a minimum width so 1 and 10 draw the same pill.
|
|
23
23
|
*/
|
|
24
|
-
export declare function Count({ value, label, className }: CountProps): import("react
|
|
24
|
+
export declare function Count({ value, label, className }: CountProps): import("react").JSX.Element;
|
|
@@ -9,4 +9,4 @@ export interface CopyableCellProps {
|
|
|
9
9
|
/** What it says when the clipboard refused. */
|
|
10
10
|
failedLabel?: string;
|
|
11
11
|
}
|
|
12
|
-
export declare const CopyableCell: ({ value, children, ariaLabel, copiedLabel, failedLabel, }: CopyableCellProps) => import("react
|
|
12
|
+
export declare const CopyableCell: ({ value, children, ariaLabel, copiedLabel, failedLabel, }: CopyableCellProps) => import("react").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ReactNode } from 'react';
|
|
1
|
+
import React, { type ReactNode } from 'react';
|
|
2
2
|
/**
|
|
3
3
|
* DataTable, the sortable table the whole product reads its records from, in
|
|
4
4
|
* two visual variants (default and compact) over one data, sort, pagination
|
|
@@ -612,4 +612,4 @@ export interface DataTableProps<TRow = DataTableRow> {
|
|
|
612
612
|
/** Every string the table renders itself. Merged over the English defaults. */
|
|
613
613
|
labels?: Partial<DataTableLabels>;
|
|
614
614
|
}
|
|
615
|
-
export declare const DataTable: <TRow>({ data, columns, storageKey, defaultColumnOrder, columnOrder: columnOrderProp, onColumnOrderChange, defaultItemsPerPage, itemsPerPage: itemsPerPageProp, onItemsPerPageChange, page: pageProp, onPageChange, pageCount, minColumnWidth, resizable, itemsPerPageOptions, onRowAction, actionLabel, actionIcon, getRowKey, rowKey, emptyMessage, endMessage, showActions, className, variant, density, maxBodyHeight, sort: sortProp, onSortChange, defaultSort, sortCycle, stableOrder, rowActions, archivedPredicate, archivedLabel, loading, skeletonRows, error, paginated, showSettings, onRowClick, getRowHref, rowTone, isSelected, renderAccessoryRow, renderToolbar, renderFilterBar, onClearFilters, filtersActive, clearFiltersLabel, filterKey, visibleColumns: visibleColumnsProp, onVisibleColumnsChange, renderExpandedRow, defaultExpandedKey, hasMore, onLoadMore, loadingMore, loadMoreLabel, title, description, icon, defaultWrapLines, labels: labelOverrides, }: DataTableProps<TRow>) =>
|
|
615
|
+
export declare const DataTable: <TRow>({ data, columns, storageKey, defaultColumnOrder, columnOrder: columnOrderProp, onColumnOrderChange, defaultItemsPerPage, itemsPerPage: itemsPerPageProp, onItemsPerPageChange, page: pageProp, onPageChange, pageCount, minColumnWidth, resizable, itemsPerPageOptions, onRowAction, actionLabel, actionIcon, getRowKey, rowKey, emptyMessage, endMessage, showActions, className, variant, density, maxBodyHeight, sort: sortProp, onSortChange, defaultSort, sortCycle, stableOrder, rowActions, archivedPredicate, archivedLabel, loading, skeletonRows, error, paginated, showSettings, onRowClick, getRowHref, rowTone, isSelected, renderAccessoryRow, renderToolbar, renderFilterBar, onClearFilters, filtersActive, clearFiltersLabel, filterKey, visibleColumns: visibleColumnsProp, onVisibleColumnsChange, renderExpandedRow, defaultExpandedKey, hasMore, onLoadMore, loadingMore, loadMoreLabel, title, description, icon, defaultWrapLines, labels: labelOverrides, }: DataTableProps<TRow>) => React.JSX.Element;
|
|
@@ -4,4 +4,4 @@ export interface RowActionsMenuProps {
|
|
|
4
4
|
/** The trigger's accessible name. */
|
|
5
5
|
label?: string;
|
|
6
6
|
}
|
|
7
|
-
export declare const RowActionsMenu: ({ actions, label }: RowActionsMenuProps) => import("react
|
|
7
|
+
export declare const RowActionsMenu: ({ actions, label }: RowActionsMenuProps) => import("react").JSX.Element | null;
|
|
@@ -105,5 +105,5 @@ export interface DataViewProps<TRow> extends PassedToTable<TRow> {
|
|
|
105
105
|
labels?: Partial<DataViewLabels> | undefined;
|
|
106
106
|
className?: string | undefined;
|
|
107
107
|
}
|
|
108
|
-
export declare function DataView<TRow>({ title, description, badges, headerActions, headingLevel, filters, filterValues, onFilterValuesChange, onApplyFilters, columns, rows, defaultSort, sort: sortProp, onSortChange, archivedPredicate, archivedTimestamp, showArchived: showArchivedProp, onShowArchivedChange, archivedStorageKey, archivedLabel, framed, toolbarActions, stickyToolbar, labels: labelOverrides, className, ...table }: DataViewProps<TRow>): import("react
|
|
108
|
+
export declare function DataView<TRow>({ title, description, badges, headerActions, headingLevel, filters, filterValues, onFilterValuesChange, onApplyFilters, columns, rows, defaultSort, sort: sortProp, onSortChange, archivedPredicate, archivedTimestamp, showArchived: showArchivedProp, onShowArchivedChange, archivedStorageKey, archivedLabel, framed, toolbarActions, stickyToolbar, labels: labelOverrides, className, ...table }: DataViewProps<TRow>): import("react").JSX.Element;
|
|
109
109
|
export {};
|
|
@@ -84,4 +84,4 @@ export interface DataViewToolbarProps<TRow> {
|
|
|
84
84
|
labels?: Partial<DataViewToolbarLabels> | undefined;
|
|
85
85
|
className?: string | undefined;
|
|
86
86
|
}
|
|
87
|
-
export declare function DataViewToolbar<TRow>({ filters, values, onValuesChange, displayed, onAddFilter, onSubmit, columns, sort, onSortChange, onShowArchivedChange, showArchived, archivedLabel, archivedCount, actions, sticky, labels: overrides, className, }: DataViewToolbarProps<TRow>): import("react
|
|
87
|
+
export declare function DataViewToolbar<TRow>({ filters, values, onValuesChange, displayed, onAddFilter, onSubmit, columns, sort, onSortChange, onShowArchivedChange, showArchived, archivedLabel, archivedCount, actions, sticky, labels: overrides, className, }: DataViewToolbarProps<TRow>): import("react").JSX.Element;
|
|
@@ -74,7 +74,7 @@ export interface FilterAxisChipProps<TRow = unknown> {
|
|
|
74
74
|
className?: string | undefined;
|
|
75
75
|
}
|
|
76
76
|
/** One axis, as a chip that opens its own editor. */
|
|
77
|
-
export declare function FilterAxisChip<TRow = unknown>({ def, value, onValueChange, onRemove, autoOpen, onAutoOpenConsumed, labels, className, }: FilterAxisChipProps<TRow>): import("react
|
|
77
|
+
export declare function FilterAxisChip<TRow = unknown>({ def, value, onValueChange, onRemove, autoOpen, onAutoOpenConsumed, labels, className, }: FilterAxisChipProps<TRow>): import("react").JSX.Element;
|
|
78
78
|
export interface FilterAxisBarProps<TRow = unknown> {
|
|
79
79
|
/** Every axis the screen knows about, including the ones not on the list. */
|
|
80
80
|
filters: readonly FilterDef<TRow>[];
|
|
@@ -100,4 +100,4 @@ export interface FilterAxisBarProps<TRow = unknown> {
|
|
|
100
100
|
* The chips under a toolbar. It draws nothing at all while no axis is on, so
|
|
101
101
|
* an unfiltered screen carries no empty band where its data should be.
|
|
102
102
|
*/
|
|
103
|
-
export declare function FilterAxisBar<TRow = unknown>({ filters, values, names, onValuesChange, onSubmit, onRemove, onClearAll, autoOpenName, onAutoOpenConsumed, labels: overrides, className, children, }: FilterAxisBarProps<TRow>): import("react
|
|
103
|
+
export declare function FilterAxisBar<TRow = unknown>({ filters, values, names, onValuesChange, onSubmit, onRemove, onClearAll, autoOpenName, onAutoOpenConsumed, labels: overrides, className, children, }: FilterAxisBarProps<TRow>): import("react").JSX.Element | null;
|
|
@@ -88,4 +88,4 @@ export declare const DEFAULT_DATE_TIME_PICKER_LABELS: DateTimePickerLabels;
|
|
|
88
88
|
* every screen that wanted the shortcut drew a button of its own beside the
|
|
89
89
|
* picker.
|
|
90
90
|
*/
|
|
91
|
-
export declare function DateTimePicker({ value, onChange, placeholder, showTime, minDate, maxDate, firstDayOfWeek, ariaLabel, inline, onDone, className, disabled, size, labels: labelOverrides, }: DateTimePickerProps): import("react
|
|
91
|
+
export declare function DateTimePicker({ value, onChange, placeholder, showTime, minDate, maxDate, firstDayOfWeek, ariaLabel, inline, onDone, className, disabled, size, labels: labelOverrides, }: DateTimePickerProps): import("react").JSX.Element;
|
|
@@ -24,7 +24,7 @@ export interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {
|
|
|
24
24
|
* Each pair is wrapped in a `div`, which HTML allows inside a `dl` and which
|
|
25
25
|
* is what lets one pair be one grid row.
|
|
26
26
|
*/
|
|
27
|
-
export declare function DescriptionList({ dense, items, className, children, ...rest }: DescriptionListProps): import("react
|
|
27
|
+
export declare function DescriptionList({ dense, items, className, children, ...rest }: DescriptionListProps): import("react").JSX.Element;
|
|
28
28
|
export declare namespace DescriptionList {
|
|
29
29
|
var Item: typeof DescriptionListItem;
|
|
30
30
|
}
|
|
@@ -33,4 +33,4 @@ export interface DescriptionListItemProps extends HTMLAttributes<HTMLDivElement>
|
|
|
33
33
|
term: ReactNode;
|
|
34
34
|
}
|
|
35
35
|
/** One term and its detail. */
|
|
36
|
-
export declare function DescriptionListItem({ term, className, children, ...rest }: DescriptionListItemProps): import("react
|
|
36
|
+
export declare function DescriptionListItem({ term, className, children, ...rest }: DescriptionListItemProps): import("react").JSX.Element;
|
|
@@ -44,4 +44,4 @@ export interface DiffListProps {
|
|
|
44
44
|
* configuration document, where an aligned column of characters is the whole
|
|
45
45
|
* point and a proportional face makes two nearly-identical values look alike.
|
|
46
46
|
*/
|
|
47
|
-
export declare function DiffList({ rows, emptyMessage, labels: overrides, className }: DiffListProps): import("react
|
|
47
|
+
export declare function DiffList({ rows, emptyMessage, labels: overrides, className }: DiffListProps): import("react").JSX.Element;
|
|
@@ -53,4 +53,4 @@ export interface DisclosureProps extends Omit<HTMLAttributes<HTMLDivElement>, 't
|
|
|
53
53
|
* controls outside its summary. Two expanders that behave the same and look
|
|
54
54
|
* different is the specific thing a component library exists to stop.
|
|
55
55
|
*/
|
|
56
|
-
export declare function Disclosure({ title, meta, count, mono, actions, open: controlledOpen, defaultOpen, onOpenChange, lazy, variant, size, headingLevel, className, children, ...rest }: DisclosureProps): import("react
|
|
56
|
+
export declare function Disclosure({ title, meta, count, mono, actions, open: controlledOpen, defaultOpen, onOpenChange, lazy, variant, size, headingLevel, className, children, ...rest }: DisclosureProps): import("react").JSX.Element;
|
|
@@ -40,4 +40,4 @@ export interface DisclosureAnatomyProps {
|
|
|
40
40
|
* item at a time, the other stands alone. Written twice, the two came to
|
|
41
41
|
* disagree about where the actions go, which is the half that matters.
|
|
42
42
|
*/
|
|
43
|
-
export declare function DisclosureAnatomy({ open, onToggle, title, meta, count, mono, actions, disabled, headingLevel, triggerId, panelId, triggerClassName, onKeyDown, }: DisclosureAnatomyProps): import("react
|
|
43
|
+
export declare function DisclosureAnatomy({ open, onToggle, title, meta, count, mono, actions, disabled, headingLevel, triggerId, panelId, triggerClassName, onKeyDown, }: DisclosureAnatomyProps): import("react").JSX.Element;
|
|
@@ -36,4 +36,4 @@ export interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 't
|
|
|
36
36
|
* grey "No data", they are indistinguishable, and the fault is the one that
|
|
37
37
|
* gets missed.
|
|
38
38
|
*/
|
|
39
|
-
export declare function EmptyState({ icon, illustration, title, description, action, size, headingLevel, className, ...rest }: EmptyStateProps): import("react
|
|
39
|
+
export declare function EmptyState({ icon, illustration, title, description, action, size, headingLevel, className, ...rest }: EmptyStateProps): import("react").JSX.Element;
|
|
@@ -28,4 +28,4 @@ export interface EmptyValueProps {
|
|
|
28
28
|
* place that would have written a bare dash uses this instead, so the absence
|
|
29
29
|
* carries its own meaning and its own reading.
|
|
30
30
|
*/
|
|
31
|
-
export declare function EmptyValue({ label, className }: EmptyValueProps): import("react
|
|
31
|
+
export declare function EmptyValue({ label, className }: EmptyValueProps): import("react").JSX.Element;
|
|
@@ -37,4 +37,4 @@ export interface EntityChipProps extends Omit<HTMLAttributes<HTMLElement>, 'chil
|
|
|
37
37
|
* The badge is DECORATIVE here: the name is printed right beside it, and a
|
|
38
38
|
* badge that was also read would make every row say the name twice.
|
|
39
39
|
*/
|
|
40
|
-
export declare function EntityChip({ name, href, asChild, variant, size, className, children, ...rest }: EntityChipProps): import("react
|
|
40
|
+
export declare function EntityChip({ name, href, asChild, variant, size, className, children, ...rest }: EntityChipProps): import("react").JSX.Element;
|
|
@@ -15,4 +15,4 @@ export interface EyebrowProps extends HTMLAttributes<HTMLElement> {
|
|
|
15
15
|
* column head in a console read as one system rather than as two ideas of
|
|
16
16
|
* what a small uppercase label is.
|
|
17
17
|
*/
|
|
18
|
-
export declare const Eyebrow: ({ as: As, variant, className, children, ...rest }: EyebrowProps) => import("react
|
|
18
|
+
export declare const Eyebrow: ({ as: As, variant, className, children, ...rest }: EyebrowProps) => import("react").JSX.Element;
|
|
@@ -51,7 +51,7 @@ export interface FilterChipProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
|
|
|
51
51
|
* It is a real `<button type="button">`. The chip this replaces declared no
|
|
52
52
|
* type, so every one of them inside a form submitted it.
|
|
53
53
|
*/
|
|
54
|
-
export declare function FilterChip({ pressed, onPressedChange, count, value, className, onClick, children, ...rest }: FilterChipProps): import("react
|
|
54
|
+
export declare function FilterChip({ pressed, onPressedChange, count, value, className, onClick, children, ...rest }: FilterChipProps): import("react").JSX.Element;
|
|
55
55
|
export interface FilterChipGroupProps {
|
|
56
56
|
/**
|
|
57
57
|
* What the row filters, read before the chips themselves: "Event kind",
|
|
@@ -97,4 +97,4 @@ export interface FilterChipGroupProps {
|
|
|
97
97
|
* asked for. Then the row says which key applies, because a radio group that
|
|
98
98
|
* does not select as it moves is the unusual one.
|
|
99
99
|
*/
|
|
100
|
-
export declare function FilterChipGroup({ label, semantics, activate, activateHint, value, onValueChange, allowNone, hideLabel, className, children, }: FilterChipGroupProps): import("react
|
|
100
|
+
export declare function FilterChipGroup({ label, semantics, activate, activateHint, value, onValueChange, allowNone, hideLabel, className, children, }: FilterChipGroupProps): import("react").JSX.Element;
|
|
@@ -34,4 +34,4 @@ export interface ImageUploadProps extends Omit<HTMLAttributes<HTMLDivElement>, '
|
|
|
34
34
|
* The selection callback hands back the raw File rather than a data URL because
|
|
35
35
|
* the upload now happens over the network.
|
|
36
36
|
*/
|
|
37
|
-
export declare const ImageUpload: ({ src, name, size, shape, readOnly, uploading, accept, onSelect, onRemove, className, style, ...rest }: ImageUploadProps) => import("react
|
|
37
|
+
export declare const ImageUpload: ({ src, name, size, shape, readOnly, uploading, accept, onSelect, onRemove, className, style, ...rest }: ImageUploadProps) => import("react").JSX.Element;
|
|
@@ -34,4 +34,4 @@ export interface InlineCodeProps extends HTMLAttributes<HTMLElement> {
|
|
|
34
34
|
*
|
|
35
35
|
* For a block of code, several lines of it, use `CodeBlock`.
|
|
36
36
|
*/
|
|
37
|
-
export declare function InlineCode({ variant, tone, truncate, className, children, ...rest }: InlineCodeProps): import("react
|
|
37
|
+
export declare function InlineCode({ variant, tone, truncate, className, children, ...rest }: InlineCodeProps): import("react").JSX.Element;
|
|
@@ -58,4 +58,4 @@ export interface FormFieldProps extends Omit<HTMLAttributes<HTMLElement>, 'child
|
|
|
58
58
|
* instant, the only line that said what right looks like disappeared. Both
|
|
59
59
|
* lines are joined into `aria-describedby` in reading order, help first.
|
|
60
60
|
*/
|
|
61
|
-
export declare const FormField: ({ label, required, optional, requiredNews, helper, error, labelAction, as, describedBy, htmlFor, className, children, ...rest }: FormFieldProps) => import("react
|
|
61
|
+
export declare const FormField: ({ label, required, optional, requiredNews, helper, error, labelAction, as, describedBy, htmlFor, className, children, ...rest }: FormFieldProps) => import("react").JSX.Element;
|
package/dist/Input/FormRow.d.ts
CHANGED
|
@@ -3,4 +3,4 @@ export interface FormRowProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
3
3
|
/** Number of columns at desktop width. Collapses to 1 on small screens. */
|
|
4
4
|
columns?: 1 | 2 | 3;
|
|
5
5
|
}
|
|
6
|
-
export declare const FormRow: ({ columns, className, children, ...rest }: FormRowProps) => import("react
|
|
6
|
+
export declare const FormRow: ({ columns, className, children, ...rest }: FormRowProps) => import("react").JSX.Element;
|
|
@@ -25,4 +25,4 @@ export interface FormSectionProps extends Omit<HTMLAttributes<HTMLElement>, 'tit
|
|
|
25
25
|
* is one a screen reader can jump to and announce, which is the difference
|
|
26
26
|
* between "Schedule" as a picture and "Schedule" as a place.
|
|
27
27
|
*/
|
|
28
|
-
export declare function FormSection({ title, hint, actions, divided, className, children, ...rest }: FormSectionProps): import("react
|
|
28
|
+
export declare function FormSection({ title, hint, actions, divided, className, children, ...rest }: FormSectionProps): import("react").JSX.Element;
|
package/dist/Input/Input.d.ts
CHANGED
|
@@ -95,4 +95,4 @@ export interface InputAffixProps {
|
|
|
95
95
|
* alone it is read as punctuation before the box; hidden entirely, the reader
|
|
96
96
|
* is told nothing about a requirement the form enforces.
|
|
97
97
|
*/
|
|
98
|
-
export declare function InputAffix({ text, id, sentence }: InputAffixProps): import("react
|
|
98
|
+
export declare function InputAffix({ text, id, sentence }: InputAffixProps): import("react").JSX.Element;
|
package/dist/Input/Label.d.ts
CHANGED
|
@@ -28,4 +28,4 @@ export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
|
|
|
28
28
|
/** The word for a field whose requiredness is news. */
|
|
29
29
|
requiredLabel?: string | undefined;
|
|
30
30
|
}
|
|
31
|
-
export declare const Label: ({ as: Tag, required, optional, requiredNews, action, optionalLabel, requiredLabel, className, children, ...rest }: LabelProps) => import("react
|
|
31
|
+
export declare const Label: ({ as: Tag, required, optional, requiredNews, action, optionalLabel, requiredLabel, className, children, ...rest }: LabelProps) => import("react").JSX.Element;
|
|
@@ -27,4 +27,4 @@ export interface ReadOnlyFieldProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
27
27
|
* where to go is unreachable by exactly the reader who cannot see it beside
|
|
28
28
|
* the box. This is text, in the same grid as the fields around it.
|
|
29
29
|
*/
|
|
30
|
-
export declare function ReadOnlyField({ label, value, reason, action, mono, className, ...rest }: ReadOnlyFieldProps): import("react
|
|
30
|
+
export declare function ReadOnlyField({ label, value, reason, action, mono, className, ...rest }: ReadOnlyFieldProps): import("react").JSX.Element;
|
package/dist/Kbd/Kbd.d.ts
CHANGED
|
@@ -37,4 +37,4 @@ export interface KbdProps extends HTMLAttributes<HTMLElement> {
|
|
|
37
37
|
* sentence. A hint that says Ctrl+Z to somebody on a Mac names a key they do
|
|
38
38
|
* not press.
|
|
39
39
|
*/
|
|
40
|
-
export declare const Kbd: ({ subtle, keys, apple, className, children, ...rest }: KbdProps) => import("react
|
|
40
|
+
export declare const Kbd: ({ subtle, keys, apple, className, children, ...rest }: KbdProps) => import("react").JSX.Element;
|
|
@@ -12,7 +12,7 @@ export interface LayerHostProps {
|
|
|
12
12
|
* content beneath stays live while nothing is open; each overlay inside takes
|
|
13
13
|
* them back for its own panel.
|
|
14
14
|
*/
|
|
15
|
-
export declare function LayerHost({ children, className }: LayerHostProps): import("react
|
|
15
|
+
export declare function LayerHost({ children, className }: LayerHostProps): import("react").JSX.Element;
|
|
16
16
|
/**
|
|
17
17
|
* The element an overlay rendered here should portal into.
|
|
18
18
|
*
|
package/dist/Layout/Layout.d.ts
CHANGED
|
@@ -57,7 +57,7 @@ export type InlineProps = StackProps;
|
|
|
57
57
|
* one row pushes the whole column wider than its parent and the page grows a
|
|
58
58
|
* horizontal scrollbar nobody asked for.
|
|
59
59
|
*/
|
|
60
|
-
export declare function Stack({ gap, align, justify, wrap, as: Tag, className, children, ...rest }: StackProps): import("react
|
|
60
|
+
export declare function Stack({ gap, align, justify, wrap, as: Tag, className, children, ...rest }: StackProps): import("react").JSX.Element;
|
|
61
61
|
/**
|
|
62
62
|
* A horizontal run of children, centred on the cross axis.
|
|
63
63
|
*
|
|
@@ -65,7 +65,7 @@ export declare function Stack({ gap, align, justify, wrap, as: Tag, className, c
|
|
|
65
65
|
* wants; a row whose items are different heights and must line up at the top
|
|
66
66
|
* passes `align="start"`.
|
|
67
67
|
*/
|
|
68
|
-
export declare function Inline({ gap, align, justify, wrap, as: Tag, className, children, ...rest }: StackProps): import("react
|
|
68
|
+
export declare function Inline({ gap, align, justify, wrap, as: Tag, className, children, ...rest }: StackProps): import("react").JSX.Element;
|
|
69
69
|
export type SpacerProps = HTMLAttributes<HTMLSpanElement>;
|
|
70
70
|
/**
|
|
71
71
|
* The flexible space that pushes what follows it to the far end of a row.
|
|
@@ -76,7 +76,7 @@ export type SpacerProps = HTMLAttributes<HTMLSpanElement>;
|
|
|
76
76
|
* `margin-left: auto` on a child, because the child then carries a rule about
|
|
77
77
|
* where it happens to sit in one particular row.
|
|
78
78
|
*/
|
|
79
|
-
export declare function Spacer({ className, ...rest }: SpacerProps): import("react
|
|
79
|
+
export declare function Spacer({ className, ...rest }: SpacerProps): import("react").JSX.Element;
|
|
80
80
|
/**
|
|
81
81
|
* The smallest column a card may be drawn at, as a named step.
|
|
82
82
|
*
|
|
@@ -101,4 +101,4 @@ export interface AutoGridProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
101
101
|
* short of a full set of cards drawing cards at the width the full row would
|
|
102
102
|
* give them, instead of stretching them over the collapsed tracks.
|
|
103
103
|
*/
|
|
104
|
-
export declare function AutoGrid({ min, gap, className, children, ...rest }: AutoGridProps): import("react
|
|
104
|
+
export declare function AutoGrid({ min, gap, className, children, ...rest }: AutoGridProps): import("react").JSX.Element;
|
package/dist/List/List.d.ts
CHANGED
|
@@ -35,7 +35,7 @@ export interface ListProps extends HTMLAttributes<HTMLElement> {
|
|
|
35
35
|
* means nothing. What a feed does want is alignment, which `template` gives it
|
|
36
36
|
* without the promise.
|
|
37
37
|
*/
|
|
38
|
-
export declare function List({ variant, template, className, style, children, ...rest }: ListProps): import("react
|
|
38
|
+
export declare function List({ variant, template, className, style, children, ...rest }: ListProps): import("react").JSX.Element;
|
|
39
39
|
export declare namespace List {
|
|
40
40
|
var Item: typeof ListItem;
|
|
41
41
|
}
|
|
@@ -70,4 +70,4 @@ export interface ListItemProps extends Omit<LiHTMLAttributes<HTMLLIElement>, 'on
|
|
|
70
70
|
* it, which is what stops a keyboard reader seeing a ring around a row they
|
|
71
71
|
* cannot activate.
|
|
72
72
|
*/
|
|
73
|
-
export declare function ListItem({ href, onClick, leading, trailing, tone, dangerLabel, selected, asChild, className, children, ...rest }: ListItemProps): import("react
|
|
73
|
+
export declare function ListItem({ href, onClick, leading, trailing, tone, dangerLabel, selected, asChild, className, children, ...rest }: ListItemProps): import("react").JSX.Element;
|
|
@@ -65,4 +65,4 @@ export interface ListInputProps {
|
|
|
65
65
|
*
|
|
66
66
|
* Ported from the engine dashboard's `ui/ListField.tsx`.
|
|
67
67
|
*/
|
|
68
|
-
export declare function ListInput({ label, itemName, value, onChange, multiline, helper, error, placeholder, disabled, optional, enterHint, addLabel, itemLabel, newItemLabel, moveUpLabel, moveDownLabel, removeLabel, addedMessage, removedMessage, movedMessage, }: ListInputProps): import("react
|
|
68
|
+
export declare function ListInput({ label, itemName, value, onChange, multiline, helper, error, placeholder, disabled, optional, enterHint, addLabel, itemLabel, newItemLabel, moveUpLabel, moveDownLabel, removeLabel, addedMessage, removedMessage, movedMessage, }: ListInputProps): import("react").JSX.Element;
|
package/dist/ListInput/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export { ListInput } from '../chunk-
|
|
1
|
+
export { ListInput } from '../chunk-LFJ6UJTI.js';
|
|
2
2
|
import '../chunk-SFZOKW2G.js';
|
|
3
3
|
import '../chunk-O6232G37.js';
|
|
4
4
|
import '../chunk-PQADV6P6.js';
|
|
5
|
+
import '../chunk-RSAQOKH3.js';
|
|
5
6
|
import '../chunk-7RPGY3JE.js';
|
|
6
7
|
import '../chunk-ITHXJHBB.js';
|
|
7
8
|
import '../chunk-F27EPQ7D.js';
|
|
8
|
-
import '../chunk-RSAQOKH3.js';
|
|
9
9
|
import '../chunk-BZFWDIV6.js';
|
|
10
10
|
import '../chunk-ODEQTPFM.js';
|
package/dist/Menu/Menu.d.ts
CHANGED
|
@@ -114,5 +114,5 @@ export interface MenuProps {
|
|
|
114
114
|
align?: 'start' | 'end' | undefined;
|
|
115
115
|
className?: string | undefined;
|
|
116
116
|
}
|
|
117
|
-
export declare function Menu({ label, items, icon, trigger, triggerVariant, triggerTabIndex, open: controlled, onOpenChange, align, className, }: MenuProps): import("react
|
|
117
|
+
export declare function Menu({ label, items, icon, trigger, triggerVariant, triggerTabIndex, open: controlled, onOpenChange, align, className, }: MenuProps): import("react").JSX.Element;
|
|
118
118
|
export {};
|
package/dist/Meter/Meter.d.ts
CHANGED
|
@@ -123,4 +123,4 @@ export declare function progressTone(percent: number): MeterTone;
|
|
|
123
123
|
* figures, so nothing is lost: what a reader hears is "140 of 100", not a bar
|
|
124
124
|
* that quietly rounds itself down to exactly the limit it has overrun.
|
|
125
125
|
*/
|
|
126
|
-
export declare function Meter({ value, max, label, valueText, hint, tone, polarity, size, hideLabel, className, ...rest }: MeterProps): import("react
|
|
126
|
+
export declare function Meter({ value, max, label, valueText, hint, tone, polarity, size, hideLabel, className, ...rest }: MeterProps): import("react").JSX.Element;
|
|
@@ -71,4 +71,4 @@ export interface ConfirmModalProps {
|
|
|
71
71
|
* and the two buttons, 420px and centred. `shape="framed"` is the way back
|
|
72
72
|
* for a confirmation that grew a form inside it.
|
|
73
73
|
*/
|
|
74
|
-
export declare function ConfirmModal({ open, onClose, onConfirm, title, message, children, confirmLabel, cancelLabel, destructive, confirmVariant, cancelVariant, confirmDisabled, confirmDisabledReason, submitting, busyReason, shape, size, }: ConfirmModalProps): import("react
|
|
74
|
+
export declare function ConfirmModal({ open, onClose, onConfirm, title, message, children, confirmLabel, cancelLabel, destructive, confirmVariant, cancelVariant, confirmDisabled, confirmDisabledReason, submitting, busyReason, shape, size, }: ConfirmModalProps): import("react").JSX.Element;
|
package/dist/Modal/Modal.d.ts
CHANGED
|
@@ -138,7 +138,7 @@ export interface ModalProps extends FrameAttributes {
|
|
|
138
138
|
* heading: the dialog role announces it already, and a reader moving by
|
|
139
139
|
* heading would meet it twice.
|
|
140
140
|
*/
|
|
141
|
-
export declare function Modal({ open, ...rest }: ModalProps): import("react
|
|
141
|
+
export declare function Modal({ open, ...rest }: ModalProps): import("react").JSX.Element | null;
|
|
142
142
|
/**
|
|
143
143
|
* Whether a slot was handed something to draw.
|
|
144
144
|
*
|
|
@@ -25,4 +25,4 @@ export interface NewItemsNoticeProps extends Omit<ButtonHTMLAttributes<HTMLButto
|
|
|
25
25
|
* stayed on the page for, is the interruption this component exists to
|
|
26
26
|
* prevent. The number on the pill is current for whenever they reach it.
|
|
27
27
|
*/
|
|
28
|
-
export declare function NewItemsNotice({ count, noun, onShow, label, announcement, className, ...rest }: NewItemsNoticeProps): import("react
|
|
28
|
+
export declare function NewItemsNotice({ count, noun, onShow, label, announcement, className, ...rest }: NewItemsNoticeProps): import("react").JSX.Element | null;
|
|
@@ -114,4 +114,4 @@ export interface OrgLabelRowProps extends OrgLabelContent {
|
|
|
114
114
|
}
|
|
115
115
|
export type OrgLabelProps = OrgLabelNodeProps | OrgLabelRowProps;
|
|
116
116
|
/** The mark, the name and the caption of an org chart node or an org table row. */
|
|
117
|
-
export declare function OrgLabel(props: OrgLabelProps): import("react
|
|
117
|
+
export declare function OrgLabel(props: OrgLabelProps): import("react").JSX.Element;
|