@brycks/core-front 0.3.6 → 0.5.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.
- package/dist/components/data/Table/Table.cjs +1 -1
- package/dist/components/data/Table/Table.cjs.map +1 -1
- package/dist/components/data/Table/Table.js +145 -132
- package/dist/components/data/Table/Table.js.map +1 -1
- package/dist/components/data.cjs +1 -1
- package/dist/components/data.js +23 -21
- package/dist/components/feedback/Banner/Banner.cjs +2 -0
- package/dist/components/feedback/Banner/Banner.cjs.map +1 -0
- package/dist/components/feedback/Banner/Banner.js +77 -0
- package/dist/components/feedback/Banner/Banner.js.map +1 -0
- package/dist/components/feedback/ConfirmDialog/ConfirmDialog.cjs +2 -0
- package/dist/components/feedback/ConfirmDialog/ConfirmDialog.cjs.map +1 -0
- package/dist/components/feedback/ConfirmDialog/ConfirmDialog.js +68 -0
- package/dist/components/feedback/ConfirmDialog/ConfirmDialog.js.map +1 -0
- package/dist/components/feedback/Modal/Modal.cjs +1 -1
- package/dist/components/feedback/Modal/Modal.cjs.map +1 -1
- package/dist/components/feedback/Modal/Modal.js +91 -83
- package/dist/components/feedback/Modal/Modal.js.map +1 -1
- package/dist/components/feedback/Popover/Popover.cjs +2 -2
- package/dist/components/feedback/Popover/Popover.cjs.map +1 -1
- package/dist/components/feedback/Popover/Popover.js +43 -44
- package/dist/components/feedback/Popover/Popover.js.map +1 -1
- package/dist/components/feedback.cjs +1 -1
- package/dist/components/feedback.js +17 -13
- package/dist/components/feedback.js.map +1 -1
- package/dist/components/form/Combobox/Combobox.cjs +2 -2
- package/dist/components/form/Combobox/Combobox.cjs.map +1 -1
- package/dist/components/form/Combobox/Combobox.js +166 -146
- package/dist/components/form/Combobox/Combobox.js.map +1 -1
- package/dist/components/form/SearchInput/SearchInput.cjs +2 -0
- package/dist/components/form/SearchInput/SearchInput.cjs.map +1 -0
- package/dist/components/form/SearchInput/SearchInput.js +68 -0
- package/dist/components/form/SearchInput/SearchInput.js.map +1 -0
- package/dist/components/form.cjs +1 -1
- package/dist/components/form.js +15 -13
- package/dist/components/form.js.map +1 -1
- package/dist/components/layout/Card/Card.cjs +1 -1
- package/dist/components/layout/Card/Card.cjs.map +1 -1
- package/dist/components/layout/Card/Card.js +7 -5
- package/dist/components/layout/Card/Card.js.map +1 -1
- package/dist/components/navigation/SegmentedControl/SegmentedControl.cjs +2 -0
- package/dist/components/navigation/SegmentedControl/SegmentedControl.cjs.map +1 -0
- package/dist/components/navigation/SegmentedControl/SegmentedControl.js +90 -0
- package/dist/components/navigation/SegmentedControl/SegmentedControl.js.map +1 -0
- package/dist/components/navigation.cjs +1 -1
- package/dist/components/navigation.js +25 -23
- package/dist/components/navigation.js.map +1 -1
- package/dist/components/utility/Avatar/Avatar.cjs +1 -1
- package/dist/components/utility/Avatar/Avatar.cjs.map +1 -1
- package/dist/components/utility/Avatar/Avatar.js +18 -18
- package/dist/components/utility/Avatar/Avatar.js.map +1 -1
- package/dist/components/utility/Badge/Badge.cjs +1 -1
- package/dist/components/utility/Badge/Badge.cjs.map +1 -1
- package/dist/components/utility/Badge/Badge.js +31 -23
- package/dist/components/utility/Badge/Badge.js.map +1 -1
- package/dist/components/utility/Kbd/Kbd.cjs +2 -0
- package/dist/components/utility/Kbd/Kbd.cjs.map +1 -0
- package/dist/components/utility/Kbd/Kbd.js +20 -0
- package/dist/components/utility/Kbd/Kbd.js.map +1 -0
- package/dist/components/utility/Logo/Logo.cjs +1 -1
- package/dist/components/utility/Logo/Logo.cjs.map +1 -1
- package/dist/components/utility/Logo/Logo.js +19 -19
- package/dist/components/utility/Logo/Logo.js.map +1 -1
- package/dist/components/utility.cjs +1 -1
- package/dist/components/utility.js +9 -7
- package/dist/components/utility.js.map +1 -1
- package/dist/data.d.ts +34 -1
- package/dist/feedback.d.ts +67 -2
- package/dist/form.d.ts +31 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +184 -3
- package/dist/index.js +177 -165
- package/dist/index.js.map +1 -1
- package/dist/navigation.d.ts +39 -0
- package/dist/styles.css +1 -1
- package/dist/utility.d.ts +19 -0
- package/package.json +1 -1
package/dist/data.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
2
|
import { ForwardRefExoticComponent } from 'react';
|
|
3
3
|
import { HTMLAttributes } from 'react';
|
|
4
|
+
import { JSX } from 'react/jsx-runtime';
|
|
4
5
|
import { ReactNode } from 'react';
|
|
5
6
|
import { RefAttributes } from 'react';
|
|
6
7
|
import { TdHTMLAttributes } from 'react';
|
|
@@ -135,6 +136,23 @@ export declare interface TableCellProps extends TdHTMLAttributes<HTMLTableCellEl
|
|
|
135
136
|
className?: string;
|
|
136
137
|
}
|
|
137
138
|
|
|
139
|
+
export declare const TableEmpty: ForwardRefExoticComponent<TableEmptyProps & RefAttributes<HTMLTableRowElement>>;
|
|
140
|
+
|
|
141
|
+
export declare interface TableEmptyProps {
|
|
142
|
+
/** Number of columns to span (match the table's column count) */
|
|
143
|
+
colSpan: number;
|
|
144
|
+
/** Icon or illustration */
|
|
145
|
+
icon?: ReactNode;
|
|
146
|
+
/** Title text */
|
|
147
|
+
title?: ReactNode;
|
|
148
|
+
/** Description text */
|
|
149
|
+
description?: ReactNode;
|
|
150
|
+
/** Action element (button, link) */
|
|
151
|
+
action?: ReactNode;
|
|
152
|
+
/** Custom class name */
|
|
153
|
+
className?: string;
|
|
154
|
+
}
|
|
155
|
+
|
|
138
156
|
export declare const TableFoot: ForwardRefExoticComponent<TableFootProps & RefAttributes<HTMLTableSectionElement>>;
|
|
139
157
|
|
|
140
158
|
export declare interface TableFootProps extends HTMLAttributes<HTMLTableSectionElement> {
|
|
@@ -194,7 +212,22 @@ export declare interface TableRowProps extends HTMLAttributes<HTMLTableRowElemen
|
|
|
194
212
|
|
|
195
213
|
export declare type TableSize = 'sm' | 'md' | 'lg';
|
|
196
214
|
|
|
197
|
-
export declare
|
|
215
|
+
export declare function TableSkeleton({ rows, columns, className }: TableSkeletonProps): JSX.Element;
|
|
216
|
+
|
|
217
|
+
export declare namespace TableSkeleton {
|
|
218
|
+
var displayName: string;
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
export declare interface TableSkeletonProps {
|
|
222
|
+
/** Number of skeleton rows */
|
|
223
|
+
rows?: number;
|
|
224
|
+
/** Number of columns per row (match the table's column count) */
|
|
225
|
+
columns: number;
|
|
226
|
+
/** Custom class name applied to each row */
|
|
227
|
+
className?: string;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
export declare type TableVariant = 'default' | 'bordered';
|
|
198
231
|
|
|
199
232
|
export declare interface TreeNode {
|
|
200
233
|
/** Unique identifier */
|
package/dist/feedback.d.ts
CHANGED
|
@@ -39,6 +39,71 @@ export declare interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>,
|
|
|
39
39
|
|
|
40
40
|
export declare type AlertVariant = 'subtle' | 'solid' | 'outline';
|
|
41
41
|
|
|
42
|
+
export declare const Banner: default_2.ForwardRefExoticComponent<BannerProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
43
|
+
|
|
44
|
+
export declare type BannerIntent = 'info' | 'success' | 'warning' | 'error' | 'neutral';
|
|
45
|
+
|
|
46
|
+
export declare interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
47
|
+
/** Visual intent/status */
|
|
48
|
+
intent?: BannerIntent;
|
|
49
|
+
/** Banner title (stronger weight, sits above the description) */
|
|
50
|
+
title?: ReactNode;
|
|
51
|
+
/** Custom icon (overrides the default per-intent icon) */
|
|
52
|
+
icon?: ReactNode;
|
|
53
|
+
/** Whether to show the leading icon */
|
|
54
|
+
showIcon?: boolean;
|
|
55
|
+
/** Action element (button, link) shown on the trailing edge */
|
|
56
|
+
action?: ReactNode;
|
|
57
|
+
/** Whether the banner can be dismissed */
|
|
58
|
+
isDismissible?: boolean;
|
|
59
|
+
/** Callback when dismissed */
|
|
60
|
+
onDismiss?: () => void;
|
|
61
|
+
/** Accessible label of the dismiss button */
|
|
62
|
+
dismissLabel?: string;
|
|
63
|
+
/**
|
|
64
|
+
* ARIA live-region role. Defaults to `alert` for warning/error and
|
|
65
|
+
* `status` for info/success/neutral. Override when the default is wrong.
|
|
66
|
+
*/
|
|
67
|
+
role?: 'alert' | 'status';
|
|
68
|
+
/** Custom class name */
|
|
69
|
+
className?: string;
|
|
70
|
+
/** Test ID */
|
|
71
|
+
testId?: string;
|
|
72
|
+
/** Banner content (description) */
|
|
73
|
+
children?: ReactNode;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
export declare const ConfirmDialog: ForwardRefExoticComponent<ConfirmDialogProps & RefAttributes<HTMLDivElement>>;
|
|
77
|
+
|
|
78
|
+
export declare interface ConfirmDialogProps {
|
|
79
|
+
/** Whether the dialog is open */
|
|
80
|
+
isOpen: boolean;
|
|
81
|
+
/** Callback when the dialog should close (cancel / overlay / escape) */
|
|
82
|
+
onClose: () => void;
|
|
83
|
+
/** Callback when the user confirms */
|
|
84
|
+
onConfirm: () => void;
|
|
85
|
+
/** Dialog title */
|
|
86
|
+
title: ReactNode;
|
|
87
|
+
/** Body message (use `children` for richer content) */
|
|
88
|
+
message?: ReactNode;
|
|
89
|
+
/** Label of the confirm button */
|
|
90
|
+
confirmLabel?: string;
|
|
91
|
+
/** Label of the cancel button */
|
|
92
|
+
cancelLabel?: string;
|
|
93
|
+
/** Accessible label of the modal close button */
|
|
94
|
+
closeLabel?: string;
|
|
95
|
+
/** Visual variant — `danger` for destructive actions */
|
|
96
|
+
variant?: ConfirmDialogVariant;
|
|
97
|
+
/** Whether the confirm action is in progress (disables cancel, spins confirm) */
|
|
98
|
+
isLoading?: boolean;
|
|
99
|
+
/** Test ID */
|
|
100
|
+
testId?: string;
|
|
101
|
+
/** Richer body content (rendered below `message`) */
|
|
102
|
+
children?: ReactNode;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
export declare type ConfirmDialogVariant = 'default' | 'danger';
|
|
106
|
+
|
|
42
107
|
export declare const Drawer: ForwardRefExoticComponent<DrawerProps & RefAttributes<HTMLDivElement>>;
|
|
43
108
|
|
|
44
109
|
export declare type DrawerPlacement = 'left' | 'right' | 'top' | 'bottom';
|
|
@@ -93,6 +158,8 @@ export declare interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>,
|
|
|
93
158
|
showCloseButton?: boolean;
|
|
94
159
|
/** Accessible label of the close button */
|
|
95
160
|
closeLabel?: string;
|
|
161
|
+
/** Footer content (e.g. action buttons), pinned below the scrollable body */
|
|
162
|
+
footer?: ReactNode;
|
|
96
163
|
/** Custom class name */
|
|
97
164
|
className?: string;
|
|
98
165
|
/** Test ID */
|
|
@@ -130,8 +197,6 @@ export declare interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement
|
|
|
130
197
|
closeDelay?: number;
|
|
131
198
|
/** Whether to close on outside click */
|
|
132
199
|
closeOnOutsideClick?: boolean;
|
|
133
|
-
/** Whether to show arrow */
|
|
134
|
-
showArrow?: boolean;
|
|
135
200
|
/** Custom class name for content */
|
|
136
201
|
className?: string;
|
|
137
202
|
/** Test ID */
|
package/dist/form.d.ts
CHANGED
|
@@ -77,6 +77,10 @@ export declare interface ComboboxProps {
|
|
|
77
77
|
filterFn?: (option: ComboboxOption, inputValue: string) => boolean;
|
|
78
78
|
/** Text to show when no options match */
|
|
79
79
|
emptyText?: string;
|
|
80
|
+
/** Whether options are being loaded asynchronously */
|
|
81
|
+
isLoading?: boolean;
|
|
82
|
+
/** Text to show while loading */
|
|
83
|
+
loadingText?: string;
|
|
80
84
|
/** Whether to allow creating new options */
|
|
81
85
|
creatable?: boolean;
|
|
82
86
|
/** Callback when creating new option */
|
|
@@ -420,6 +424,8 @@ export declare interface MultiSelectProps {
|
|
|
420
424
|
|
|
421
425
|
export declare type MultiSelectSize = 'sm' | 'md' | 'lg';
|
|
422
426
|
|
|
427
|
+
declare type NativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue' | 'onChange' | 'type'>;
|
|
428
|
+
|
|
423
429
|
export declare const Radio: ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLInputElement>>;
|
|
424
430
|
|
|
425
431
|
export declare function RadioGroup({ name, value: controlledValue, defaultValue, onChange, disabled, size, orientation, gap, children, className, style, }: RadioGroupProps): JSX.Element;
|
|
@@ -509,6 +515,31 @@ export declare interface RatingProps {
|
|
|
509
515
|
|
|
510
516
|
export declare type RatingSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
511
517
|
|
|
518
|
+
export declare const SearchInput: ForwardRefExoticComponent<SearchInputProps & RefAttributes<HTMLInputElement>>;
|
|
519
|
+
|
|
520
|
+
export declare interface SearchInputProps extends NativeInputProps {
|
|
521
|
+
/** Current value (controlled) */
|
|
522
|
+
value?: string;
|
|
523
|
+
/** Initial value (uncontrolled) */
|
|
524
|
+
defaultValue?: string;
|
|
525
|
+
/** Callback when the value changes (typing or clearing) */
|
|
526
|
+
onValueChange?: (value: string) => void;
|
|
527
|
+
/** Callback fired when the clear button is pressed */
|
|
528
|
+
onClear?: () => void;
|
|
529
|
+
/** Input size */
|
|
530
|
+
size?: InputSize;
|
|
531
|
+
/** Placeholder text */
|
|
532
|
+
placeholder?: string;
|
|
533
|
+
/** Custom leading element (defaults to a search icon) */
|
|
534
|
+
leftElement?: ReactNode;
|
|
535
|
+
/** Accessible label of the clear button */
|
|
536
|
+
clearLabel?: string;
|
|
537
|
+
/** Custom class name */
|
|
538
|
+
className?: string;
|
|
539
|
+
/** Test ID */
|
|
540
|
+
testId?: string;
|
|
541
|
+
}
|
|
542
|
+
|
|
512
543
|
export declare const Select: ForwardRefExoticComponent<SelectProps & RefAttributes<HTMLSelectElement>>;
|
|
513
544
|
|
|
514
545
|
export declare interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */const i=require("./hooks/useMediaQuery.cjs"),V=require("./hooks/useDisclosure.cjs"),E=require("./hooks/useClickOutside.cjs"),W=require("./hooks/useKeyboardNavigation.cjs"),N=require("./hooks/useFocusTrap.cjs"),D=require("./hooks/useId.cjs"),Q=require("./hooks/useControllable.cjs"),n=require("./utils/styles.cjs"),T=require("./utils/lazyComponent.cjs"),o=require("./design-system/tokens/colors.cjs"),z=require("./design-system/tokens/spacing.cjs"),s=require("./design-system/tokens/typography.cjs"),b=require("./design-system/tokens/shadows.cjs"),I=require("./design-system/tokens/borders.cjs"),y=require("./design-system/tokens/breakpoints.cjs"),K=require("./design-system/tokens/zIndex.cjs"),d=require("./design-system/tokens/motion.cjs"),e=require("./design-system/primitives/sizing.cjs"),r=require("./design-system/primitives/layout.cjs"),h=require("./design-system/primitives/focus.cjs"),c=require("./design-system/primitives/transitions.cjs"),l=require("./design-system/primitives/typography.cjs"),F=require("./design-system/primitives/opacity.cjs"),C=require("./design-system/themes/ThemeProvider.cjs"),Z=require("./design-system/themes/lightTheme.cjs"),X=require("./design-system/themes/darkTheme.cjs"),Y=require("./design-system/themes/cssVariables.cjs"),j=require("./components/layout/Box/Box.cjs"),P=require("./components/layout/Stack/Stack.cjs"),f=require("./components/layout/Grid/Grid.cjs"),$=require("./components/layout/Container/Container.cjs"),p=require("./components/layout/Card/Card.cjs"),J=require("./components/layout/Section/Section.cjs"),U=require("./components/layout/Spacer/Spacer.cjs"),v=require("./components/layout/Flex/Flex.cjs"),_=require("./components/layout/AspectRatio/AspectRatio.cjs"),ee=require("./components/media/Image/Image.cjs"),re=require("./components/media/Video/Video.cjs"),oe=require("./components/media/ImageThumbnail/ImageThumbnail.cjs"),k=require("./components/typography/Text/Text.cjs"),x=require("./components/typography/Heading/Heading.cjs"),L=require("./components/primitives/Button/Button.cjs"),te=require("./components/primitives/Icon/Icon.cjs"),ie=require("./components/primitives/Icon/iconPaths.cjs"),ne=require("./components/form/Input/Input.cjs"),se=require("./components/form/TextField/TextField.cjs"),ae=require("./components/form/Select/Select.cjs"),ce=require("./components/form/Checkbox/Checkbox.cjs"),ue=require("./components/form/Switch/Switch.cjs"),de=require("./components/form/Textarea/Textarea.cjs"),w=require("./components/form/Radio/Radio.cjs"),le=require("./components/form/Slider/Slider.cjs"),pe=require("./components/form/DateInput/DateInput.cjs"),me=require("./components/form/FileInput/FileInput.cjs"),ge=require("./components/form/FormField/FormField.cjs"),qe=require("./components/form/FieldError/FieldError.cjs"),Se=require("./components/form/Form/Form.cjs"),Te=require("./components/form/FormLabel/FormLabel.cjs"),be=require("./components/form/FormGroup/FormGroup.cjs"),Ie=require("./components/form/DropZone/DropZone.cjs"),ye=require("./components/form/FormCard/FormCard.cjs"),he=require("./components/feedback/Modal/Modal.cjs"),Fe=require("./components/feedback/Alert/Alert.cjs"),Ce=require("./components/feedback/Tooltip/Tooltip.cjs"),A=require("./components/feedback/Toast/Toast.cjs"),Pe=require("./components/feedback/Toast/ToastContext.cjs"),De=require("./components/feedback/Drawer/Drawer.cjs"),ze=require("./components/feedback/Popover/Popover.cjs"),fe=require("./components/feedback/Progress/Progress.cjs"),u=require("./components/navigation/Tabs/Tabs.cjs"),m=require("./components/navigation/Accordion/Accordion.cjs"),g=require("./components/navigation/Dropdown/Dropdown.cjs"),q=require("./components/navigation/Menu/Menu.cjs"),ve=require("./components/navigation/Pagination/Pagination.cjs"),M=require("./components/navigation/Breadcrumb/Breadcrumb.cjs"),t=require("./components/data/Table/Table.cjs"),S=require("./components/data/List/List.cjs"),H=require("./components/data/InfoItem/InfoItem.cjs"),ke=require("./components/utility/Badge/Badge.cjs"),R=require("./components/utility/Loader/Loader.cjs"),B=require("./components/utility/Skeleton/Skeleton.cjs"),xe=require("./components/utility/Divider/Divider.cjs"),O=require("./components/utility/EmptyState/EmptyState.cjs"),Le=require("./components/utility/Portal/Portal.cjs"),we=require("./components/utility/FocusTrap/FocusTrap.cjs"),Ae=require("./components/utility/Overlay/Overlay.cjs"),G=require("./components/utility/ScreenReaderOnly/ScreenReaderOnly.cjs"),Me=require("./components/utility/Avatar/Avatar.cjs"),He=require("./components/utility/Logo/Logo.cjs"),a=require("./components/layout/Semantic/Semantic.cjs");exports.useIsDesktop=i.useIsDesktop;exports.useIsMobile=i.useIsMobile;exports.useIsTablet=i.useIsTablet;exports.useMediaQuery=i.useMediaQuery;exports.usePrefersDarkMode=i.usePrefersDarkMode;exports.usePrefersReducedMotion=i.usePrefersReducedMotion;exports.useDisclosure=V.useDisclosure;exports.useClickOutside=E.useClickOutside;exports.useKeyboardNavigation=W.useKeyboardNavigation;exports.useFocusTrap=N.useFocusTrap;exports.useId=D.useId;exports.useIds=D.useIds;exports.useControllable=Q.useControllable;exports.buildSpacingStyles=n.buildSpacingStyles;exports.cx=n.cx;exports.generateId=n.generateId;exports.getSpacingValue=n.getSpacingValue;exports.hexToRgba=n.hexToRgba;exports.spacingToCss=n.spacingToCss;exports.createInteractionLazyComponent=T.createInteractionLazyComponent;exports.createLazyComponent=T.createLazyComponent;exports.preloadComponents=T.preloadComponents;exports.accent=o.accent;exports.colors=o.colors;exports.error=o.error;exports.info=o.info;exports.neutrals=o.neutrals;exports.primary=o.primary;exports.success=o.success;exports.warning=o.warning;exports.semanticSpacing=z.semanticSpacing;exports.spacing=z.spacing;exports.fontFamilies=s.fontFamilies;exports.fontSizes=s.fontSizes;exports.fontWeights=s.fontWeights;exports.letterSpacings=s.letterSpacings;exports.lineHeights=s.lineHeights;exports.textStyles=s.textStyles;exports.focusRings=b.focusRings;exports.glows=b.glows;exports.shadows=b.shadows;exports.borderStyles=I.borderStyles;exports.borderWidths=I.borderWidths;exports.radii=I.radii;exports.breakpoints=y.breakpoints;exports.containers=y.containers;exports.mediaQueries=y.mediaQueries;exports.zIndex=K.zIndex;exports.animations=d.animations;exports.durations=d.durations;exports.easings=d.easings;exports.transitions=d.transitions;exports.componentGap=e.componentGap;exports.componentHeights=e.componentHeights;exports.componentPaddingX=e.componentPaddingX;exports.componentPaddingY=e.componentPaddingY;exports.controlSizes=e.controlSizes;exports.iconSizes=e.iconSizes;exports.modalWidths=e.modalWidths;exports.popoverSizing=e.popoverSizing;exports.switchSizes=e.switchSizes;exports.avatarSizes=r.avatarSizes;exports.contentPadding=r.contentPadding;exports.headerSizes=r.headerSizes;exports.iconButtonSizes=r.iconButtonSizes;exports.pageHeaderSpacing=r.pageHeaderSpacing;exports.quickActionSizes=r.quickActionSizes;exports.searchInputSizes=r.searchInputSizes;exports.sidebarSizes=r.sidebarSizes;exports.statCardSizes=r.statCardSizes;exports.focusRing=h.focusRing;exports.focusRingOffset=h.focusRingOffset;exports.focusStyles=h.focusStyles;exports.duration=c.duration;exports.easing=c.easing;exports.keyframes=c.keyframes;exports.transition=c.transition;exports.transitionProperties=c.transitionProperties;exports.componentFontSize=l.componentFontSize;exports.componentFontWeight=l.componentFontWeight;exports.componentLineHeight=l.componentLineHeight;exports.componentTypography=l.componentTypography;exports.opacity=F.opacity;exports.scale=F.scale;exports.stateOpacity=F.stateOpacity;exports.ThemeProvider=C.ThemeProvider;exports.useTheme=C.useTheme;exports.useThemeColors=C.useThemeColors;exports.lightTheme=Z.lightTheme;exports.darkTheme=X.darkTheme;exports.cssVar=Y.cssVar;exports.Box=j.Box;exports.HStack=P.HStack;exports.Stack=P.Stack;exports.VStack=P.VStack;exports.Grid=f.Grid;exports.GridItem=f.GridItem;exports.Container=$.Container;exports.Card=p.Card;exports.CardBody=p.CardBody;exports.CardFooter=p.CardFooter;exports.CardHeader=p.CardHeader;exports.Section=J.Section;exports.Spacer=U.Spacer;exports.Flex=v.Flex;exports.FlexItem=v.FlexItem;exports.AspectRatio=_.AspectRatio;exports.Image=ee.Image;exports.Video=re.Video;exports.ImageThumbnail=oe.ImageThumbnail;exports.Code=k.Code;exports.Text=k.Text;exports.Display=x.Display;exports.Heading=x.Heading;exports.Button=L.Button;exports.IconButton=L.IconButton;exports.Icon=te.Icon;exports.iconPaths=ie.iconPaths;exports.Input=ne.Input;exports.TextField=se.TextField;exports.Select=ae.Select;exports.Checkbox=ce.Checkbox;exports.Switch=ue.Switch;exports.Textarea=de.Textarea;exports.Radio=w.Radio;exports.RadioGroup=w.RadioGroup;exports.Slider=le.Slider;exports.DateInput=pe.DateInput;exports.FileInput=me.FileInput;exports.FormField=ge.FormField;exports.FieldError=qe.FieldError;exports.Form=Se.Form;exports.FormLabel=Te.FormLabel;exports.FormGroup=be.FormGroup;exports.DropZone=Ie.DropZone;exports.FormCard=ye.FormCard;exports.Modal=he.Modal;exports.Alert=Fe.Alert;exports.Tooltip=Ce.Tooltip;exports.Toast=A.Toast;exports.ToastProvider=A.ToastProvider;exports.useToast=Pe.useToast;exports.Drawer=De.Drawer;exports.Popover=ze.Popover;exports.Progress=fe.Progress;exports.Tab=u.Tab;exports.TabList=u.TabList;exports.TabPanel=u.TabPanel;exports.TabPanels=u.TabPanels;exports.Tabs=u.Tabs;exports.Accordion=m.Accordion;exports.AccordionContent=m.AccordionContent;exports.AccordionItem=m.AccordionItem;exports.AccordionTrigger=m.AccordionTrigger;exports.Dropdown=g.Dropdown;exports.DropdownDivider=g.DropdownDivider;exports.DropdownItem=g.DropdownItem;exports.DropdownLabel=g.DropdownLabel;exports.Menu=q.Menu;exports.MenuDivider=q.MenuDivider;exports.MenuGroup=q.MenuGroup;exports.MenuItem=q.MenuItem;exports.Pagination=ve.Pagination;exports.Breadcrumb=M.Breadcrumb;exports.BreadcrumbItem=M.BreadcrumbItem;exports.Table=t.Table;exports.TableBody=t.TableBody;exports.TableCaption=t.TableCaption;exports.TableCell=t.TableCell;exports.TableFoot=t.TableFoot;exports.TableHead=t.TableHead;exports.TableHeader=t.TableHeader;exports.TableRow=t.TableRow;exports.List=S.List;exports.ListDivider=S.ListDivider;exports.ListHeader=S.ListHeader;exports.ListItem=S.ListItem;exports.InfoItem=H.InfoItem;exports.InfoList=H.InfoList;exports.Badge=ke.Badge;exports.Loader=R.Loader;exports.Spinner=R.Spinner;exports.Skeleton=B.Skeleton;exports.SkeletonText=B.SkeletonText;exports.Divider=xe.Divider;exports.EmptyState=O.EmptyState;exports.EmptyStateIcon=O.EmptyStateIcon;exports.Portal=Le.Portal;exports.FocusTrap=we.FocusTrap;exports.Overlay=Ae.Overlay;exports.ScreenReaderOnly=G.ScreenReaderOnly;exports.SrOnly=G.SrOnly;exports.Avatar=Me.Avatar;exports.Logo=He.Logo;exports.Article=a.Article;exports.Aside=a.Aside;exports.Footer=a.Footer;exports.Header=a.Header;exports.Main=a.Main;exports.Nav=a.Nav;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */const i=require("./hooks/useMediaQuery.cjs"),E=require("./hooks/useDisclosure.cjs"),V=require("./hooks/useClickOutside.cjs"),W=require("./hooks/useKeyboardNavigation.cjs"),K=require("./hooks/useFocusTrap.cjs"),P=require("./hooks/useId.cjs"),N=require("./hooks/useControllable.cjs"),n=require("./utils/styles.cjs"),T=require("./utils/lazyComponent.cjs"),t=require("./design-system/tokens/colors.cjs"),f=require("./design-system/tokens/spacing.cjs"),s=require("./design-system/tokens/typography.cjs"),b=require("./design-system/tokens/shadows.cjs"),I=require("./design-system/tokens/borders.cjs"),y=require("./design-system/tokens/breakpoints.cjs"),Q=require("./design-system/tokens/zIndex.cjs"),d=require("./design-system/tokens/motion.cjs"),r=require("./design-system/primitives/sizing.cjs"),o=require("./design-system/primitives/layout.cjs"),h=require("./design-system/primitives/focus.cjs"),c=require("./design-system/primitives/transitions.cjs"),l=require("./design-system/primitives/typography.cjs"),C=require("./design-system/primitives/opacity.cjs"),F=require("./design-system/themes/ThemeProvider.cjs"),Z=require("./design-system/themes/lightTheme.cjs"),X=require("./design-system/themes/darkTheme.cjs"),Y=require("./design-system/themes/cssVariables.cjs"),j=require("./components/layout/Box/Box.cjs"),D=require("./components/layout/Stack/Stack.cjs"),z=require("./components/layout/Grid/Grid.cjs"),$=require("./components/layout/Container/Container.cjs"),p=require("./components/layout/Card/Card.cjs"),J=require("./components/layout/Section/Section.cjs"),U=require("./components/layout/Spacer/Spacer.cjs"),k=require("./components/layout/Flex/Flex.cjs"),_=require("./components/layout/AspectRatio/AspectRatio.cjs"),ee=require("./components/media/Image/Image.cjs"),re=require("./components/media/Video/Video.cjs"),oe=require("./components/media/ImageThumbnail/ImageThumbnail.cjs"),v=require("./components/typography/Text/Text.cjs"),x=require("./components/typography/Heading/Heading.cjs"),L=require("./components/primitives/Button/Button.cjs"),te=require("./components/primitives/Icon/Icon.cjs"),ie=require("./components/primitives/Icon/iconPaths.cjs"),ne=require("./components/form/Input/Input.cjs"),se=require("./components/form/SearchInput/SearchInput.cjs"),ae=require("./components/form/TextField/TextField.cjs"),ce=require("./components/form/Select/Select.cjs"),ue=require("./components/form/Checkbox/Checkbox.cjs"),de=require("./components/form/Switch/Switch.cjs"),le=require("./components/form/Textarea/Textarea.cjs"),w=require("./components/form/Radio/Radio.cjs"),pe=require("./components/form/Slider/Slider.cjs"),me=require("./components/form/DateInput/DateInput.cjs"),ge=require("./components/form/FileInput/FileInput.cjs"),qe=require("./components/form/FormField/FormField.cjs"),Se=require("./components/form/FieldError/FieldError.cjs"),Te=require("./components/form/Form/Form.cjs"),be=require("./components/form/FormLabel/FormLabel.cjs"),Ie=require("./components/form/FormGroup/FormGroup.cjs"),ye=require("./components/form/DropZone/DropZone.cjs"),he=require("./components/form/FormCard/FormCard.cjs"),Ce=require("./components/feedback/Modal/Modal.cjs"),Fe=require("./components/feedback/Alert/Alert.cjs"),De=require("./components/feedback/Banner/Banner.cjs"),Pe=require("./components/feedback/ConfirmDialog/ConfirmDialog.cjs"),fe=require("./components/feedback/Tooltip/Tooltip.cjs"),B=require("./components/feedback/Toast/Toast.cjs"),ze=require("./components/feedback/Toast/ToastContext.cjs"),ke=require("./components/feedback/Drawer/Drawer.cjs"),ve=require("./components/feedback/Popover/Popover.cjs"),xe=require("./components/feedback/Progress/Progress.cjs"),u=require("./components/navigation/Tabs/Tabs.cjs"),m=require("./components/navigation/Accordion/Accordion.cjs"),g=require("./components/navigation/Dropdown/Dropdown.cjs"),q=require("./components/navigation/Menu/Menu.cjs"),Le=require("./components/navigation/Pagination/Pagination.cjs"),A=require("./components/navigation/Breadcrumb/Breadcrumb.cjs"),we=require("./components/navigation/SegmentedControl/SegmentedControl.cjs"),e=require("./components/data/Table/Table.cjs"),S=require("./components/data/List/List.cjs"),M=require("./components/data/InfoItem/InfoItem.cjs"),Be=require("./components/utility/Badge/Badge.cjs"),H=require("./components/utility/Loader/Loader.cjs"),R=require("./components/utility/Skeleton/Skeleton.cjs"),Ae=require("./components/utility/Divider/Divider.cjs"),O=require("./components/utility/EmptyState/EmptyState.cjs"),Me=require("./components/utility/Portal/Portal.cjs"),He=require("./components/utility/FocusTrap/FocusTrap.cjs"),Re=require("./components/utility/Overlay/Overlay.cjs"),G=require("./components/utility/ScreenReaderOnly/ScreenReaderOnly.cjs"),Oe=require("./components/utility/Avatar/Avatar.cjs"),Ge=require("./components/utility/Logo/Logo.cjs"),Ee=require("./components/utility/Kbd/Kbd.cjs"),a=require("./components/layout/Semantic/Semantic.cjs");exports.useIsDesktop=i.useIsDesktop;exports.useIsMobile=i.useIsMobile;exports.useIsTablet=i.useIsTablet;exports.useMediaQuery=i.useMediaQuery;exports.usePrefersDarkMode=i.usePrefersDarkMode;exports.usePrefersReducedMotion=i.usePrefersReducedMotion;exports.useDisclosure=E.useDisclosure;exports.useClickOutside=V.useClickOutside;exports.useKeyboardNavigation=W.useKeyboardNavigation;exports.useFocusTrap=K.useFocusTrap;exports.useId=P.useId;exports.useIds=P.useIds;exports.useControllable=N.useControllable;exports.buildSpacingStyles=n.buildSpacingStyles;exports.cx=n.cx;exports.generateId=n.generateId;exports.getSpacingValue=n.getSpacingValue;exports.hexToRgba=n.hexToRgba;exports.spacingToCss=n.spacingToCss;exports.createInteractionLazyComponent=T.createInteractionLazyComponent;exports.createLazyComponent=T.createLazyComponent;exports.preloadComponents=T.preloadComponents;exports.accent=t.accent;exports.colors=t.colors;exports.error=t.error;exports.info=t.info;exports.neutrals=t.neutrals;exports.primary=t.primary;exports.success=t.success;exports.warning=t.warning;exports.semanticSpacing=f.semanticSpacing;exports.spacing=f.spacing;exports.fontFamilies=s.fontFamilies;exports.fontSizes=s.fontSizes;exports.fontWeights=s.fontWeights;exports.letterSpacings=s.letterSpacings;exports.lineHeights=s.lineHeights;exports.textStyles=s.textStyles;exports.focusRings=b.focusRings;exports.glows=b.glows;exports.shadows=b.shadows;exports.borderStyles=I.borderStyles;exports.borderWidths=I.borderWidths;exports.radii=I.radii;exports.breakpoints=y.breakpoints;exports.containers=y.containers;exports.mediaQueries=y.mediaQueries;exports.zIndex=Q.zIndex;exports.animations=d.animations;exports.durations=d.durations;exports.easings=d.easings;exports.transitions=d.transitions;exports.componentGap=r.componentGap;exports.componentHeights=r.componentHeights;exports.componentPaddingX=r.componentPaddingX;exports.componentPaddingY=r.componentPaddingY;exports.controlSizes=r.controlSizes;exports.iconSizes=r.iconSizes;exports.modalWidths=r.modalWidths;exports.popoverSizing=r.popoverSizing;exports.switchSizes=r.switchSizes;exports.avatarSizes=o.avatarSizes;exports.contentPadding=o.contentPadding;exports.headerSizes=o.headerSizes;exports.iconButtonSizes=o.iconButtonSizes;exports.pageHeaderSpacing=o.pageHeaderSpacing;exports.quickActionSizes=o.quickActionSizes;exports.searchInputSizes=o.searchInputSizes;exports.sidebarSizes=o.sidebarSizes;exports.statCardSizes=o.statCardSizes;exports.focusRing=h.focusRing;exports.focusRingOffset=h.focusRingOffset;exports.focusStyles=h.focusStyles;exports.duration=c.duration;exports.easing=c.easing;exports.keyframes=c.keyframes;exports.transition=c.transition;exports.transitionProperties=c.transitionProperties;exports.componentFontSize=l.componentFontSize;exports.componentFontWeight=l.componentFontWeight;exports.componentLineHeight=l.componentLineHeight;exports.componentTypography=l.componentTypography;exports.opacity=C.opacity;exports.scale=C.scale;exports.stateOpacity=C.stateOpacity;exports.ThemeProvider=F.ThemeProvider;exports.useTheme=F.useTheme;exports.useThemeColors=F.useThemeColors;exports.lightTheme=Z.lightTheme;exports.darkTheme=X.darkTheme;exports.cssVar=Y.cssVar;exports.Box=j.Box;exports.HStack=D.HStack;exports.Stack=D.Stack;exports.VStack=D.VStack;exports.Grid=z.Grid;exports.GridItem=z.GridItem;exports.Container=$.Container;exports.Card=p.Card;exports.CardBody=p.CardBody;exports.CardFooter=p.CardFooter;exports.CardHeader=p.CardHeader;exports.Section=J.Section;exports.Spacer=U.Spacer;exports.Flex=k.Flex;exports.FlexItem=k.FlexItem;exports.AspectRatio=_.AspectRatio;exports.Image=ee.Image;exports.Video=re.Video;exports.ImageThumbnail=oe.ImageThumbnail;exports.Code=v.Code;exports.Text=v.Text;exports.Display=x.Display;exports.Heading=x.Heading;exports.Button=L.Button;exports.IconButton=L.IconButton;exports.Icon=te.Icon;exports.iconPaths=ie.iconPaths;exports.Input=ne.Input;exports.SearchInput=se.SearchInput;exports.TextField=ae.TextField;exports.Select=ce.Select;exports.Checkbox=ue.Checkbox;exports.Switch=de.Switch;exports.Textarea=le.Textarea;exports.Radio=w.Radio;exports.RadioGroup=w.RadioGroup;exports.Slider=pe.Slider;exports.DateInput=me.DateInput;exports.FileInput=ge.FileInput;exports.FormField=qe.FormField;exports.FieldError=Se.FieldError;exports.Form=Te.Form;exports.FormLabel=be.FormLabel;exports.FormGroup=Ie.FormGroup;exports.DropZone=ye.DropZone;exports.FormCard=he.FormCard;exports.Modal=Ce.Modal;exports.Alert=Fe.Alert;exports.Banner=De.Banner;exports.ConfirmDialog=Pe.ConfirmDialog;exports.Tooltip=fe.Tooltip;exports.Toast=B.Toast;exports.ToastProvider=B.ToastProvider;exports.useToast=ze.useToast;exports.Drawer=ke.Drawer;exports.Popover=ve.Popover;exports.Progress=xe.Progress;exports.Tab=u.Tab;exports.TabList=u.TabList;exports.TabPanel=u.TabPanel;exports.TabPanels=u.TabPanels;exports.Tabs=u.Tabs;exports.Accordion=m.Accordion;exports.AccordionContent=m.AccordionContent;exports.AccordionItem=m.AccordionItem;exports.AccordionTrigger=m.AccordionTrigger;exports.Dropdown=g.Dropdown;exports.DropdownDivider=g.DropdownDivider;exports.DropdownItem=g.DropdownItem;exports.DropdownLabel=g.DropdownLabel;exports.Menu=q.Menu;exports.MenuDivider=q.MenuDivider;exports.MenuGroup=q.MenuGroup;exports.MenuItem=q.MenuItem;exports.Pagination=Le.Pagination;exports.Breadcrumb=A.Breadcrumb;exports.BreadcrumbItem=A.BreadcrumbItem;exports.SegmentedControl=we.SegmentedControl;exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableEmpty=e.TableEmpty;exports.TableFoot=e.TableFoot;exports.TableHead=e.TableHead;exports.TableHeader=e.TableHeader;exports.TableRow=e.TableRow;exports.TableSkeleton=e.TableSkeleton;exports.List=S.List;exports.ListDivider=S.ListDivider;exports.ListHeader=S.ListHeader;exports.ListItem=S.ListItem;exports.InfoItem=M.InfoItem;exports.InfoList=M.InfoList;exports.Badge=Be.Badge;exports.Loader=H.Loader;exports.Spinner=H.Spinner;exports.Skeleton=R.Skeleton;exports.SkeletonText=R.SkeletonText;exports.Divider=Ae.Divider;exports.EmptyState=O.EmptyState;exports.EmptyStateIcon=O.EmptyStateIcon;exports.Portal=Me.Portal;exports.FocusTrap=He.FocusTrap;exports.Overlay=Re.Overlay;exports.ScreenReaderOnly=G.ScreenReaderOnly;exports.SrOnly=G.SrOnly;exports.Avatar=Oe.Avatar;exports.Logo=Ge.Logo;exports.Kbd=Ee.Kbd;exports.Article=a.Article;exports.Aside=a.Aside;exports.Footer=a.Footer;exports.Header=a.Header;exports.Main=a.Main;exports.Nav=a.Nav;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.d.ts
CHANGED
|
@@ -325,6 +325,10 @@ export declare interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
325
325
|
intent?: BadgeIntent;
|
|
326
326
|
/** Size */
|
|
327
327
|
size?: BadgeSize;
|
|
328
|
+
/** Show a leading status dot in the intent color (a non-color status cue) */
|
|
329
|
+
dot?: boolean;
|
|
330
|
+
/** Leading icon (e.g. a HugeIcon). Prefer this over emoji as a label icon */
|
|
331
|
+
leftIcon?: ReactNode;
|
|
328
332
|
/** Custom class name */
|
|
329
333
|
className?: string;
|
|
330
334
|
/** Test ID */
|
|
@@ -337,6 +341,40 @@ export declare type BadgeSize = 'sm' | 'md' | 'lg';
|
|
|
337
341
|
|
|
338
342
|
export declare type BadgeVariant = 'solid' | 'subtle' | 'outline';
|
|
339
343
|
|
|
344
|
+
export declare const Banner: default_2.ForwardRefExoticComponent<BannerProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
345
|
+
|
|
346
|
+
export declare type BannerIntent = 'info' | 'success' | 'warning' | 'error' | 'neutral';
|
|
347
|
+
|
|
348
|
+
export declare interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
349
|
+
/** Visual intent/status */
|
|
350
|
+
intent?: BannerIntent;
|
|
351
|
+
/** Banner title (stronger weight, sits above the description) */
|
|
352
|
+
title?: ReactNode;
|
|
353
|
+
/** Custom icon (overrides the default per-intent icon) */
|
|
354
|
+
icon?: ReactNode;
|
|
355
|
+
/** Whether to show the leading icon */
|
|
356
|
+
showIcon?: boolean;
|
|
357
|
+
/** Action element (button, link) shown on the trailing edge */
|
|
358
|
+
action?: ReactNode;
|
|
359
|
+
/** Whether the banner can be dismissed */
|
|
360
|
+
isDismissible?: boolean;
|
|
361
|
+
/** Callback when dismissed */
|
|
362
|
+
onDismiss?: () => void;
|
|
363
|
+
/** Accessible label of the dismiss button */
|
|
364
|
+
dismissLabel?: string;
|
|
365
|
+
/**
|
|
366
|
+
* ARIA live-region role. Defaults to `alert` for warning/error and
|
|
367
|
+
* `status` for info/success/neutral. Override when the default is wrong.
|
|
368
|
+
*/
|
|
369
|
+
role?: 'alert' | 'status';
|
|
370
|
+
/** Custom class name */
|
|
371
|
+
className?: string;
|
|
372
|
+
/** Test ID */
|
|
373
|
+
testId?: string;
|
|
374
|
+
/** Banner content (description) */
|
|
375
|
+
children?: ReactNode;
|
|
376
|
+
}
|
|
377
|
+
|
|
340
378
|
/** Props that can be spread to elements */
|
|
341
379
|
export declare interface BaseProps {
|
|
342
380
|
/** Custom class name */
|
|
@@ -958,6 +996,37 @@ export declare const componentTypography: {
|
|
|
958
996
|
};
|
|
959
997
|
};
|
|
960
998
|
|
|
999
|
+
export declare const ConfirmDialog: ForwardRefExoticComponent<ConfirmDialogProps & RefAttributes<HTMLDivElement>>;
|
|
1000
|
+
|
|
1001
|
+
export declare interface ConfirmDialogProps {
|
|
1002
|
+
/** Whether the dialog is open */
|
|
1003
|
+
isOpen: boolean;
|
|
1004
|
+
/** Callback when the dialog should close (cancel / overlay / escape) */
|
|
1005
|
+
onClose: () => void;
|
|
1006
|
+
/** Callback when the user confirms */
|
|
1007
|
+
onConfirm: () => void;
|
|
1008
|
+
/** Dialog title */
|
|
1009
|
+
title: ReactNode;
|
|
1010
|
+
/** Body message (use `children` for richer content) */
|
|
1011
|
+
message?: ReactNode;
|
|
1012
|
+
/** Label of the confirm button */
|
|
1013
|
+
confirmLabel?: string;
|
|
1014
|
+
/** Label of the cancel button */
|
|
1015
|
+
cancelLabel?: string;
|
|
1016
|
+
/** Accessible label of the modal close button */
|
|
1017
|
+
closeLabel?: string;
|
|
1018
|
+
/** Visual variant — `danger` for destructive actions */
|
|
1019
|
+
variant?: ConfirmDialogVariant;
|
|
1020
|
+
/** Whether the confirm action is in progress (disables cancel, spins confirm) */
|
|
1021
|
+
isLoading?: boolean;
|
|
1022
|
+
/** Test ID */
|
|
1023
|
+
testId?: string;
|
|
1024
|
+
/** Richer body content (rendered below `message`) */
|
|
1025
|
+
children?: ReactNode;
|
|
1026
|
+
}
|
|
1027
|
+
|
|
1028
|
+
export declare type ConfirmDialogVariant = 'default' | 'danger';
|
|
1029
|
+
|
|
961
1030
|
export declare const Container: ContainerComponent;
|
|
962
1031
|
|
|
963
1032
|
declare interface ContainerComponent {
|
|
@@ -2269,6 +2338,21 @@ export declare type InputVariant = 'outline' | 'filled' | 'flushed';
|
|
|
2269
2338
|
/** Color intent variants */
|
|
2270
2339
|
export declare type Intent = 'primary' | 'accent' | 'success' | 'warning' | 'error' | 'info';
|
|
2271
2340
|
|
|
2341
|
+
export declare const Kbd: ForwardRefExoticComponent<KbdProps & RefAttributes<HTMLElement>>;
|
|
2342
|
+
|
|
2343
|
+
export declare interface KbdProps extends HTMLAttributes<HTMLElement> {
|
|
2344
|
+
/** Size */
|
|
2345
|
+
size?: KbdSize;
|
|
2346
|
+
/** Custom class name */
|
|
2347
|
+
className?: string;
|
|
2348
|
+
/** Test ID */
|
|
2349
|
+
testId?: string;
|
|
2350
|
+
/** Key content */
|
|
2351
|
+
children?: ReactNode;
|
|
2352
|
+
}
|
|
2353
|
+
|
|
2354
|
+
export declare type KbdSize = 'sm' | 'md';
|
|
2355
|
+
|
|
2272
2356
|
/**
|
|
2273
2357
|
* CSS animation keyframes (as strings for style injection).
|
|
2274
2358
|
*/
|
|
@@ -2524,6 +2608,8 @@ export declare interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>,
|
|
|
2524
2608
|
showCloseButton?: boolean;
|
|
2525
2609
|
/** Accessible label of the close button */
|
|
2526
2610
|
closeLabel?: string;
|
|
2611
|
+
/** Footer content (e.g. action buttons), pinned below the scrollable body */
|
|
2612
|
+
footer?: ReactNode;
|
|
2527
2613
|
/** Custom class name */
|
|
2528
2614
|
className?: string;
|
|
2529
2615
|
/** Test ID */
|
|
@@ -2550,6 +2636,8 @@ export declare const modalWidths: {
|
|
|
2550
2636
|
readonly full: "calc(100vw - 48px)";
|
|
2551
2637
|
};
|
|
2552
2638
|
|
|
2639
|
+
declare type NativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue' | 'onChange' | 'type'>;
|
|
2640
|
+
|
|
2553
2641
|
export declare const Nav: ForwardRefExoticComponent<NavProps & RefAttributes<HTMLElement>>;
|
|
2554
2642
|
|
|
2555
2643
|
export declare interface NavProps extends SemanticProps {
|
|
@@ -2721,8 +2809,6 @@ export declare interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement
|
|
|
2721
2809
|
closeDelay?: number;
|
|
2722
2810
|
/** Whether to close on outside click */
|
|
2723
2811
|
closeOnOutsideClick?: boolean;
|
|
2724
|
-
/** Whether to show arrow */
|
|
2725
|
-
showArrow?: boolean;
|
|
2726
2812
|
/** Custom class name for content */
|
|
2727
2813
|
className?: string;
|
|
2728
2814
|
/** Test ID */
|
|
@@ -2955,6 +3041,31 @@ export declare interface ScreenReaderOnlyProps extends HTMLAttributes<HTMLSpanEl
|
|
|
2955
3041
|
testId?: string;
|
|
2956
3042
|
}
|
|
2957
3043
|
|
|
3044
|
+
export declare const SearchInput: ForwardRefExoticComponent<SearchInputProps & RefAttributes<HTMLInputElement>>;
|
|
3045
|
+
|
|
3046
|
+
export declare interface SearchInputProps extends NativeInputProps {
|
|
3047
|
+
/** Current value (controlled) */
|
|
3048
|
+
value?: string;
|
|
3049
|
+
/** Initial value (uncontrolled) */
|
|
3050
|
+
defaultValue?: string;
|
|
3051
|
+
/** Callback when the value changes (typing or clearing) */
|
|
3052
|
+
onValueChange?: (value: string) => void;
|
|
3053
|
+
/** Callback fired when the clear button is pressed */
|
|
3054
|
+
onClear?: () => void;
|
|
3055
|
+
/** Input size */
|
|
3056
|
+
size?: InputSize;
|
|
3057
|
+
/** Placeholder text */
|
|
3058
|
+
placeholder?: string;
|
|
3059
|
+
/** Custom leading element (defaults to a search icon) */
|
|
3060
|
+
leftElement?: ReactNode;
|
|
3061
|
+
/** Accessible label of the clear button */
|
|
3062
|
+
clearLabel?: string;
|
|
3063
|
+
/** Custom class name */
|
|
3064
|
+
className?: string;
|
|
3065
|
+
/** Test ID */
|
|
3066
|
+
testId?: string;
|
|
3067
|
+
}
|
|
3068
|
+
|
|
2958
3069
|
/**
|
|
2959
3070
|
* Search input dimensions
|
|
2960
3071
|
*/
|
|
@@ -2990,6 +3101,44 @@ export declare interface SectionProps extends Omit<HTMLAttributes<HTMLElement>,
|
|
|
2990
3101
|
|
|
2991
3102
|
export declare type SectionSpacing = 'none' | 'sm' | 'md' | 'lg' | 'xl';
|
|
2992
3103
|
|
|
3104
|
+
export declare const SegmentedControl: <T extends string = string>(props: SegmentedControlProps<T> & {
|
|
3105
|
+
ref?: default_2.ForwardedRef<HTMLDivElement>;
|
|
3106
|
+
}) => default_2.JSX.Element;
|
|
3107
|
+
|
|
3108
|
+
export declare interface SegmentedControlOption<T extends string = string> {
|
|
3109
|
+
/** Unique value */
|
|
3110
|
+
value: T;
|
|
3111
|
+
/** Display label */
|
|
3112
|
+
label: ReactNode;
|
|
3113
|
+
/** Optional leading icon */
|
|
3114
|
+
icon?: ReactNode;
|
|
3115
|
+
/** Whether the option is disabled */
|
|
3116
|
+
disabled?: boolean;
|
|
3117
|
+
}
|
|
3118
|
+
|
|
3119
|
+
export declare interface SegmentedControlProps<T extends string = string> {
|
|
3120
|
+
/** Available options */
|
|
3121
|
+
options: SegmentedControlOption<T>[];
|
|
3122
|
+
/** Currently selected value (controlled) */
|
|
3123
|
+
value: T;
|
|
3124
|
+
/** Callback when the selection changes */
|
|
3125
|
+
onValueChange: (value: T) => void;
|
|
3126
|
+
/** Component size */
|
|
3127
|
+
size?: SegmentedControlSize;
|
|
3128
|
+
/** Whether the control should fill its container width */
|
|
3129
|
+
fullWidth?: boolean;
|
|
3130
|
+
/** Accessible label for the group */
|
|
3131
|
+
'aria-label'?: string;
|
|
3132
|
+
/** ID of an element that labels the group */
|
|
3133
|
+
'aria-labelledby'?: string;
|
|
3134
|
+
/** Custom class name */
|
|
3135
|
+
className?: string;
|
|
3136
|
+
/** Test ID */
|
|
3137
|
+
testId?: string;
|
|
3138
|
+
}
|
|
3139
|
+
|
|
3140
|
+
export declare type SegmentedControlSize = 'sm' | 'md' | 'lg';
|
|
3141
|
+
|
|
2993
3142
|
export declare const Select: ForwardRefExoticComponent<SelectProps & RefAttributes<HTMLSelectElement>>;
|
|
2994
3143
|
|
|
2995
3144
|
export declare interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
|
|
@@ -3447,6 +3596,23 @@ export declare interface TableCellProps extends TdHTMLAttributes<HTMLTableCellEl
|
|
|
3447
3596
|
className?: string;
|
|
3448
3597
|
}
|
|
3449
3598
|
|
|
3599
|
+
export declare const TableEmpty: ForwardRefExoticComponent<TableEmptyProps & RefAttributes<HTMLTableRowElement>>;
|
|
3600
|
+
|
|
3601
|
+
export declare interface TableEmptyProps {
|
|
3602
|
+
/** Number of columns to span (match the table's column count) */
|
|
3603
|
+
colSpan: number;
|
|
3604
|
+
/** Icon or illustration */
|
|
3605
|
+
icon?: ReactNode;
|
|
3606
|
+
/** Title text */
|
|
3607
|
+
title?: ReactNode;
|
|
3608
|
+
/** Description text */
|
|
3609
|
+
description?: ReactNode;
|
|
3610
|
+
/** Action element (button, link) */
|
|
3611
|
+
action?: ReactNode;
|
|
3612
|
+
/** Custom class name */
|
|
3613
|
+
className?: string;
|
|
3614
|
+
}
|
|
3615
|
+
|
|
3450
3616
|
export declare const TableFoot: ForwardRefExoticComponent<TableFootProps & RefAttributes<HTMLTableSectionElement>>;
|
|
3451
3617
|
|
|
3452
3618
|
export declare interface TableFootProps extends HTMLAttributes<HTMLTableSectionElement> {
|
|
@@ -3506,7 +3672,22 @@ export declare interface TableRowProps extends HTMLAttributes<HTMLTableRowElemen
|
|
|
3506
3672
|
|
|
3507
3673
|
export declare type TableSize = 'sm' | 'md' | 'lg';
|
|
3508
3674
|
|
|
3509
|
-
export declare
|
|
3675
|
+
export declare function TableSkeleton({ rows, columns, className }: TableSkeletonProps): JSX.Element;
|
|
3676
|
+
|
|
3677
|
+
export declare namespace TableSkeleton {
|
|
3678
|
+
var displayName: string;
|
|
3679
|
+
}
|
|
3680
|
+
|
|
3681
|
+
export declare interface TableSkeletonProps {
|
|
3682
|
+
/** Number of skeleton rows */
|
|
3683
|
+
rows?: number;
|
|
3684
|
+
/** Number of columns per row (match the table's column count) */
|
|
3685
|
+
columns: number;
|
|
3686
|
+
/** Custom class name applied to each row */
|
|
3687
|
+
className?: string;
|
|
3688
|
+
}
|
|
3689
|
+
|
|
3690
|
+
export declare type TableVariant = 'default' | 'bordered';
|
|
3510
3691
|
|
|
3511
3692
|
export declare const TabList: ForwardRefExoticComponent<TabListProps & RefAttributes<HTMLDivElement>>;
|
|
3512
3693
|
|