@cytario/design 6.0.0 → 7.0.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/README.md +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +92 -132
- package/dist/index.js +731 -736
- package/dist/index.js.map +1 -1
- package/package.json +2 -8
- package/src/tokens/variables-dark.css +5 -5
- package/src/tokens/variables.css +4 -4
package/dist/index.d.ts
CHANGED
|
@@ -1,52 +1,57 @@
|
|
|
1
|
-
import { ButtonProps as ButtonProps$1, TextFieldProps, TextField, ColorField, SelectProps as SelectProps$1, CellProps, ColumnProps, TableProps, RowProps, TableBodyProps, TableHeaderProps, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, LabelProps as LabelProps$1,
|
|
1
|
+
import { ButtonProps as ButtonProps$1, LinkProps as LinkProps$1, ToggleButtonProps as ToggleButtonProps$1, TextFieldProps, TextField, ColorField, SelectProps as SelectProps$1, CellProps, ColumnProps, TableProps, RowProps, TableBodyProps, TableHeaderProps, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, LabelProps as LabelProps$1, Selection, PopoverProps as PopoverProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, ToggleButtonGroupProps, Key } from 'react-aria-components';
|
|
2
2
|
export { Key, RouterConfig, RouterProvider, Tab as UnstyledTab, TabList as UnstyledTabList, TabPanel as UnstyledTabPanel, Tabs as UnstyledTabs } from 'react-aria-components';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
-
import { LucideIcon } from 'lucide-react';
|
|
5
4
|
import * as React from 'react';
|
|
6
|
-
import React__default, { ReactNode } from 'react';
|
|
5
|
+
import React__default, { ComponentType, ReactNode, InputHTMLAttributes } from 'react';
|
|
6
|
+
import { LucideIcon, LucideProps } from 'lucide-react';
|
|
7
7
|
|
|
8
|
-
type
|
|
8
|
+
type ButtonSize = "xs" | "sm" | "md" | "lg";
|
|
9
9
|
type ButtonVariant = "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "neutral" | "outline" | "ghost";
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
/** Union of every registered icon name. */
|
|
12
|
+
type IconName = "AlertCircle" | "AlertTriangle" | "AlignCenter" | "AlignLeft" | "AlignRight" | "Archive" | "ArrowDown" | "ArrowRight" | "ArrowUp" | "Ban" | "Bookmark" | "BookmarkCheck" | "Braces" | "Check" | "CheckCircle" | "CheckCircle2" | "ChevronDown" | "ChevronRight" | "ChevronUp" | "Circle" | "CircleDot" | "Clock" | "Cloud" | "Columns2" | "Columns3" | "Copy" | "Download" | "Edit" | "EllipsisVertical" | "ExternalLink" | "Eye" | "EyeOff" | "File" | "FileSearch" | "FileSpreadsheet" | "FilterX" | "Folder" | "FolderPlus" | "FolderTree" | "Fullscreen" | "Grid2x2" | "Grid3x3" | "Heart" | "Image" | "ImageOff" | "Inbox" | "Info" | "Lasso" | "Layers" | "Layers2" | "LayoutGrid" | "List" | "ListFilter" | "LogOut" | "Mail" | "MapPin" | "Maximize" | "Microscope" | "Minus" | "MoreVertical" | "PanelLeftClose" | "PanelLeftOpen" | "PanelRightClose" | "PanelRightOpen" | "Pencil" | "Plug" | "Plus" | "RotateCcw" | "Search" | "SearchX" | "Send" | "Settings" | "Shield" | "ShieldCheck" | "Spline" | "Square" | "Star" | "Table" | "Tag" | "Trash2" | "Unplug" | "User" | "UserMinus" | "UserPlus" | "Users" | "UsersRound" | "X" | "XCircle" | "ZoomIn" | "ZoomOut";
|
|
13
|
+
/**
|
|
14
|
+
* Allowlist of icons available by name. Keys mirror the Lucide export name so
|
|
15
|
+
* call sites read `<Icon icon="Search" />`. Add an entry here (and to IconName
|
|
16
|
+
* above) before using a new icon — the explicit map keeps the bundle
|
|
17
|
+
* tree-shakeable (no wildcard import of the full Lucide set).
|
|
18
|
+
*/
|
|
19
|
+
declare const iconRegistry: Record<IconName, LucideIcon>;
|
|
20
|
+
|
|
21
|
+
/** Any Lucide-compatible icon component — a Lucide icon or a custom SVG. */
|
|
22
|
+
type IconComponent = ComponentType<LucideProps>;
|
|
23
|
+
/** A registered icon name, or an icon component passed directly. */
|
|
24
|
+
type IconValue = IconName | IconComponent;
|
|
25
|
+
interface IconProps {
|
|
26
|
+
icon: IconValue;
|
|
27
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
28
|
+
strokeWidth?: number;
|
|
29
|
+
className?: string;
|
|
30
|
+
}
|
|
31
|
+
/** An icon rendered at one of the design system's preset sizes. */
|
|
32
|
+
declare function Icon({ icon, size, strokeWidth, className, }: IconProps): react_jsx_runtime.JSX.Element;
|
|
33
|
+
|
|
34
|
+
/** Shared visual props for the button family (Button, ButtonLink). */
|
|
35
|
+
interface ButtonBaseProps {
|
|
14
36
|
variant?: ButtonVariant;
|
|
15
|
-
|
|
16
|
-
size?: ButtonSize$1;
|
|
17
|
-
/** Shows a spinner and disables interaction */
|
|
37
|
+
size?: ButtonSize;
|
|
18
38
|
isLoading?: boolean;
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
iconRight?: LucideIcon;
|
|
39
|
+
iconLeft?: IconValue;
|
|
40
|
+
iconRight?: IconValue;
|
|
41
|
+
className?: string;
|
|
23
42
|
}
|
|
24
|
-
|
|
43
|
+
type ButtonProps = Omit<ButtonProps$1, "className"> & ButtonBaseProps;
|
|
44
|
+
declare function Button(props: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
45
|
+
type ButtonLinkProps = Omit<LinkProps$1, "className"> & ButtonBaseProps;
|
|
46
|
+
declare function ButtonLink(props: ButtonLinkProps): react_jsx_runtime.JSX.Element;
|
|
25
47
|
|
|
26
48
|
interface SpinnerProps {
|
|
27
|
-
|
|
28
|
-
size?: "sm" | "md" | "lg";
|
|
29
|
-
/** Accessible label — when provided, the spinner is announced to screen readers */
|
|
49
|
+
size?: ButtonSize;
|
|
30
50
|
"aria-label"?: string;
|
|
31
|
-
/** Additional CSS classes */
|
|
32
51
|
className?: string;
|
|
33
52
|
}
|
|
34
53
|
declare function Spinner({ size, "aria-label": ariaLabel, className, }: SpinnerProps): react_jsx_runtime.JSX.Element;
|
|
35
54
|
|
|
36
|
-
interface IconProps {
|
|
37
|
-
/** A Lucide icon component */
|
|
38
|
-
icon: LucideIcon;
|
|
39
|
-
/** Size preset */
|
|
40
|
-
size?: "sm" | "md" | "lg" | "xl";
|
|
41
|
-
/** SVG stroke width */
|
|
42
|
-
strokeWidth?: number;
|
|
43
|
-
/** Accessible label — when provided, the icon is treated as meaningful */
|
|
44
|
-
"aria-label"?: string;
|
|
45
|
-
/** Additional CSS classes */
|
|
46
|
-
className?: string;
|
|
47
|
-
}
|
|
48
|
-
declare function Icon({ icon: LucideComponent, size, strokeWidth, "aria-label": ariaLabel, className, }: IconProps): react_jsx_runtime.JSX.Element;
|
|
49
|
-
|
|
50
55
|
interface TooltipProps {
|
|
51
56
|
/** Tooltip content; `null`/`undefined` disables the tooltip entirely */
|
|
52
57
|
content: ReactNode;
|
|
@@ -86,23 +91,25 @@ interface TruncatedTextProps {
|
|
|
86
91
|
*/
|
|
87
92
|
declare const TruncatedText: ({ children, ellipsis, copyValue }: TruncatedTextProps) => react_jsx_runtime.JSX.Element;
|
|
88
93
|
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
94
|
+
type IconButtonProps = Omit<ButtonProps, "iconLeft" | "iconRight" | "children"> & {
|
|
95
|
+
icon: IconValue;
|
|
96
|
+
label: string;
|
|
97
|
+
};
|
|
98
|
+
declare function IconButton(props: IconButtonProps): react_jsx_runtime.JSX.Element;
|
|
99
|
+
type IconButtonLinkProps = Omit<ButtonLinkProps, "iconLeft" | "iconRight" | "children"> & {
|
|
100
|
+
icon: IconValue;
|
|
101
|
+
label: string;
|
|
102
|
+
};
|
|
103
|
+
declare function IconButtonLink(props: IconButtonLinkProps): react_jsx_runtime.JSX.Element;
|
|
104
|
+
type IconButtonToggleProps = Omit<ToggleButtonProps$1, "className" | "children"> & {
|
|
105
|
+
icon: IconValue;
|
|
106
|
+
label: string;
|
|
95
107
|
variant?: ButtonVariant;
|
|
96
|
-
|
|
97
|
-
size?: "xs" | "sm" | "md" | "lg";
|
|
98
|
-
/** Show tooltip on hover (default true) */
|
|
99
|
-
showTooltip?: boolean;
|
|
100
|
-
/** Shows a spinner and disables interaction */
|
|
108
|
+
size?: ButtonSize;
|
|
101
109
|
isLoading?: boolean;
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
declare function IconButton({ icon, "aria-label": ariaLabel, variant, size, showTooltip, isLoading, isDisabled, className, ...props }: IconButtonProps): react_jsx_runtime.JSX.Element;
|
|
110
|
+
};
|
|
111
|
+
/** Icon button with a persistent on/off state (react-aria ToggleButton): `isSelected` toggles `aria-pressed` and the selected background. */
|
|
112
|
+
declare function IconButtonToggle(props: IconButtonToggleProps): react_jsx_runtime.JSX.Element;
|
|
106
113
|
|
|
107
114
|
interface InputProps extends Omit<TextFieldProps, "children" | "className"> {
|
|
108
115
|
as?: typeof TextField | typeof ColorField;
|
|
@@ -111,13 +118,35 @@ interface InputProps extends Omit<TextFieldProps, "children" | "className"> {
|
|
|
111
118
|
description?: string;
|
|
112
119
|
errorMessage?: string;
|
|
113
120
|
type?: "text" | "email" | "password" | "number";
|
|
114
|
-
size?:
|
|
121
|
+
size?: ButtonSize;
|
|
115
122
|
prefix?: string;
|
|
116
123
|
align?: "left" | "center" | "right";
|
|
117
124
|
className?: string;
|
|
118
125
|
}
|
|
119
126
|
declare function Input({ as: FieldProp, label, placeholder, description, errorMessage, type, size, prefix, align, isDisabled, isRequired, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
|
|
120
127
|
|
|
128
|
+
interface InputPasswordProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
|
|
129
|
+
label?: string;
|
|
130
|
+
description?: string;
|
|
131
|
+
errorMessage?: string;
|
|
132
|
+
size?: ButtonSize;
|
|
133
|
+
isRequired?: boolean;
|
|
134
|
+
isDisabled?: boolean;
|
|
135
|
+
/** Disable only the visibility toggle; the input stays interactive. */
|
|
136
|
+
isToggleDisabled?: boolean;
|
|
137
|
+
showPasswordLabel?: string;
|
|
138
|
+
hidePasswordLabel?: string;
|
|
139
|
+
}
|
|
140
|
+
/**
|
|
141
|
+
* Password field with a built-in show/hide visibility toggle.
|
|
142
|
+
*
|
|
143
|
+
* Built on a native <input> (ref-forwarded, full native attribute/event
|
|
144
|
+
* passthrough) so it works equally in controlled React forms and in
|
|
145
|
+
* server-driven native forms (e.g. Keycloakify login themes). The toggle
|
|
146
|
+
* lives inside the input's border — no InputGroup composition required.
|
|
147
|
+
*/
|
|
148
|
+
declare const InputPassword: React.ForwardRefExoticComponent<InputPasswordProps & React.RefAttributes<HTMLInputElement>>;
|
|
149
|
+
|
|
121
150
|
interface SelectItem {
|
|
122
151
|
id: string;
|
|
123
152
|
name: string;
|
|
@@ -129,7 +158,7 @@ interface SelectProps extends Omit<SelectProps$1<SelectItem>, "children"> {
|
|
|
129
158
|
description?: string;
|
|
130
159
|
errorMessage?: string;
|
|
131
160
|
/** Controls padding and font size */
|
|
132
|
-
size?:
|
|
161
|
+
size?: ButtonSize;
|
|
133
162
|
/** Custom visual renderer for items in the dropdown and trigger.
|
|
134
163
|
* `item.name` remains the accessible label (used for typeahead and screen readers). */
|
|
135
164
|
renderItem?: (item: SelectItem) => React__default.ReactNode;
|
|
@@ -195,7 +224,7 @@ declare function useToast(): {
|
|
|
195
224
|
};
|
|
196
225
|
|
|
197
226
|
interface EmptyStateProps {
|
|
198
|
-
icon?:
|
|
227
|
+
icon?: IconValue;
|
|
199
228
|
title: string;
|
|
200
229
|
description?: string;
|
|
201
230
|
action?: React__default.ReactNode;
|
|
@@ -247,26 +276,6 @@ interface FieldsetProps {
|
|
|
247
276
|
}
|
|
248
277
|
declare function Fieldset({ legend, children, className }: FieldsetProps): react_jsx_runtime.JSX.Element;
|
|
249
278
|
|
|
250
|
-
interface InputGroupProps {
|
|
251
|
-
children: React__default.ReactNode;
|
|
252
|
-
className?: string;
|
|
253
|
-
}
|
|
254
|
-
declare function InputGroup({ children, className }: InputGroupProps): react_jsx_runtime.JSX.Element;
|
|
255
|
-
|
|
256
|
-
type GroupPosition = "start" | "middle" | "end" | "standalone";
|
|
257
|
-
interface InputGroupContextValue {
|
|
258
|
-
inGroup: boolean;
|
|
259
|
-
position: GroupPosition;
|
|
260
|
-
}
|
|
261
|
-
declare const InputGroupContext: React.Context<InputGroupContextValue>;
|
|
262
|
-
declare function useInputGroup(): InputGroupContextValue;
|
|
263
|
-
|
|
264
|
-
interface InputAddonProps {
|
|
265
|
-
children: React__default.ReactNode;
|
|
266
|
-
className?: string;
|
|
267
|
-
}
|
|
268
|
-
declare function InputAddon({ children, className }: InputAddonProps): react_jsx_runtime.JSX.Element;
|
|
269
|
-
|
|
270
279
|
type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
271
280
|
type HeadingSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
|
|
272
281
|
type HeadingWeight = "semibold" | "bold";
|
|
@@ -308,38 +317,8 @@ interface BreadcrumbsProps {
|
|
|
308
317
|
}
|
|
309
318
|
declare function Breadcrumbs({ items, className }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
|
|
310
319
|
|
|
311
|
-
type ButtonSize = Size;
|
|
312
|
-
interface ButtonLinkProps extends Omit<LinkProps$1, "className"> {
|
|
313
|
-
/** Visual style variant */
|
|
314
|
-
variant?: ButtonVariant;
|
|
315
|
-
/** Size preset */
|
|
316
|
-
size?: ButtonSize;
|
|
317
|
-
/** Lucide icon rendered before children */
|
|
318
|
-
iconLeft?: LucideIcon;
|
|
319
|
-
/** Lucide icon rendered after children */
|
|
320
|
-
iconRight?: LucideIcon;
|
|
321
|
-
/** Additional CSS classes */
|
|
322
|
-
className?: string;
|
|
323
|
-
}
|
|
324
|
-
declare function ButtonLink({ variant, size, iconLeft, iconRight, className, children, ...props }: ButtonLinkProps): react_jsx_runtime.JSX.Element;
|
|
325
|
-
interface IconButtonLinkProps extends Omit<LinkProps$1, "className"> {
|
|
326
|
-
/** Lucide icon to render */
|
|
327
|
-
icon: LucideIcon;
|
|
328
|
-
/** Required for accessibility — also used as tooltip content */
|
|
329
|
-
"aria-label": string;
|
|
330
|
-
/** Visual style variant */
|
|
331
|
-
variant?: ButtonVariant;
|
|
332
|
-
/** Size preset */
|
|
333
|
-
size?: "sm" | "md" | "lg";
|
|
334
|
-
/** Show tooltip on hover (default true) */
|
|
335
|
-
showTooltip?: boolean;
|
|
336
|
-
/** Additional CSS classes */
|
|
337
|
-
className?: string;
|
|
338
|
-
}
|
|
339
|
-
declare function IconButtonLink({ icon, "aria-label": ariaLabel, variant, size, showTooltip, className, ...props }: IconButtonLinkProps): react_jsx_runtime.JSX.Element;
|
|
340
|
-
|
|
341
320
|
type ToggleButtonVariant = "default" | "primary" | "outlined";
|
|
342
|
-
type ToggleButtonSize =
|
|
321
|
+
type ToggleButtonSize = ButtonSize;
|
|
343
322
|
interface ToggleButtonProps extends Omit<ToggleButtonProps$1, "className"> {
|
|
344
323
|
/** Visual style variant */
|
|
345
324
|
variant?: ToggleButtonVariant;
|
|
@@ -352,29 +331,10 @@ interface ToggleButtonProps extends Omit<ToggleButtonProps$1, "className"> {
|
|
|
352
331
|
}
|
|
353
332
|
declare function ToggleButton({ variant, size, isSquare, className, ...props }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
|
|
354
333
|
|
|
355
|
-
type ToggleButtonGroupSize = "sm" | "md" | "lg";
|
|
356
|
-
interface ToggleButtonGroupProps extends Omit<RadioGroupProps$1, "className" | "children" | "orientation"> {
|
|
357
|
-
/** Size preset for all items */
|
|
358
|
-
size?: ToggleButtonGroupSize;
|
|
359
|
-
/** Additional CSS classes */
|
|
360
|
-
className?: string;
|
|
361
|
-
children: ReactNode;
|
|
362
|
-
}
|
|
363
|
-
declare function ToggleButtonGroup({ size, className, children, ...props }: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
|
|
364
|
-
interface ToggleButtonGroupItemProps extends Omit<RadioProps$1, "className" | "children"> {
|
|
365
|
-
/** Label content — text or icon */
|
|
366
|
-
children: ReactNode;
|
|
367
|
-
/** When true, applies square icon-only sizing */
|
|
368
|
-
isIconOnly?: boolean;
|
|
369
|
-
/** Additional CSS classes */
|
|
370
|
-
className?: string;
|
|
371
|
-
}
|
|
372
|
-
declare function ToggleButtonGroupItem({ children, isIconOnly, className, ...props }: ToggleButtonGroupItemProps): react_jsx_runtime.JSX.Element;
|
|
373
|
-
|
|
374
334
|
interface MenuItemData {
|
|
375
335
|
id: string;
|
|
376
336
|
label: string;
|
|
377
|
-
icon?:
|
|
337
|
+
icon?: IconValue;
|
|
378
338
|
onAction?: () => void;
|
|
379
339
|
/** When set, renders the menu item as a navigational link */
|
|
380
340
|
href?: string;
|
|
@@ -411,7 +371,7 @@ interface MenuItemProps {
|
|
|
411
371
|
id: string;
|
|
412
372
|
/** Item label */
|
|
413
373
|
children: React__default.ReactNode;
|
|
414
|
-
icon?:
|
|
374
|
+
icon?: IconValue;
|
|
415
375
|
/** End-slot content: badges, shortcuts, chevrons */
|
|
416
376
|
endContent?: React__default.ReactNode;
|
|
417
377
|
onAction?: () => void;
|
|
@@ -519,7 +479,7 @@ declare function TabPanel({ className, ...props }: TabPanelProps): react_jsx_run
|
|
|
519
479
|
|
|
520
480
|
type SegmentedControlSize = "sm" | "md" | "lg";
|
|
521
481
|
type SegmentedControlSelectionMode = "single" | "none";
|
|
522
|
-
interface SegmentedControlProps extends Omit<ToggleButtonGroupProps
|
|
482
|
+
interface SegmentedControlProps extends Omit<ToggleButtonGroupProps, "className" | "selectionMode" | "selectedKeys" | "defaultSelectedKeys" | "onSelectionChange"> {
|
|
523
483
|
/** Size preset for all items */
|
|
524
484
|
size?: SegmentedControlSize;
|
|
525
485
|
/** Selection behavior: "single" keeps one item selected, "none" means buttons fire actions without staying selected */
|
|
@@ -551,11 +511,11 @@ interface BadgeProps {
|
|
|
551
511
|
/** Size preset */
|
|
552
512
|
size?: BadgeSize;
|
|
553
513
|
/** Optional leading icon */
|
|
554
|
-
icon?:
|
|
514
|
+
icon?: IconValue;
|
|
555
515
|
/** Merge override */
|
|
556
516
|
className?: string;
|
|
557
517
|
}
|
|
558
|
-
declare function Badge({ children, variant, size, icon
|
|
518
|
+
declare function Badge({ children, variant, size, icon, className, }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
559
519
|
|
|
560
520
|
type CardPadding = "none" | "sm" | "md" | "lg";
|
|
561
521
|
interface CardProps {
|
|
@@ -631,7 +591,7 @@ interface BannerProps {
|
|
|
631
591
|
/** Bold lead text */
|
|
632
592
|
title?: string;
|
|
633
593
|
/** Leading icon (auto-selected per variant if not set) */
|
|
634
|
-
icon?:
|
|
594
|
+
icon?: IconValue;
|
|
635
595
|
/** Shows dismiss button */
|
|
636
596
|
dismissible?: boolean;
|
|
637
597
|
/** Dismiss callback */
|
|
@@ -848,10 +808,10 @@ declare const ColorPrimary = "#5c2483";
|
|
|
848
808
|
declare const ColorPrimaryForeground = "#ffffff";
|
|
849
809
|
declare const ColorPrimaryHover = "#4a1d6a";
|
|
850
810
|
declare const ColorPrimaryPressed = "#3a1754";
|
|
851
|
-
declare const ColorSecondary = "#
|
|
852
|
-
declare const ColorSecondaryForeground = "#
|
|
853
|
-
declare const ColorSecondaryHover = "#
|
|
854
|
-
declare const ColorSecondaryPressed = "#
|
|
811
|
+
declare const ColorSecondary = "#6dd0d1";
|
|
812
|
+
declare const ColorSecondaryForeground = "#0a2829";
|
|
813
|
+
declare const ColorSecondaryHover = "#44c4c5";
|
|
814
|
+
declare const ColorSecondaryPressed = "#35b7b8";
|
|
855
815
|
declare const ColorDestructive = "#e11d48";
|
|
856
816
|
declare const ColorDestructiveForeground = "#ffffff";
|
|
857
817
|
declare const ColorDestructiveHover = "#be123c";
|
|
@@ -941,4 +901,4 @@ declare const LineHeightTight = 1.25;
|
|
|
941
901
|
declare const LineHeightNormal = 1.5;
|
|
942
902
|
declare const LineHeightRelaxed = 1.625;
|
|
943
903
|
|
|
944
|
-
export { Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Banner, type BannerProps, type BannerVariant, BorderRadiusFull, BorderRadiusLg, BorderRadiusMd, BorderRadiusNone, BorderRadiusSm, BorderRadiusXl, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize
|
|
904
|
+
export { Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Banner, type BannerProps, type BannerVariant, BorderRadiusFull, BorderRadiusLg, BorderRadiusMd, BorderRadiusNone, BorderRadiusSm, BorderRadiusXl, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardPadding, type CardProps, Cell, Checkbox, type CheckboxProps, ColorAccent, ColorAccentForeground, ColorAccentPressed, ColorAlphaBlack06, ColorAlphaBlack40, ColorAlphaBlack60, ColorAlphaBlack80, ColorAlphaWhite06, ColorAlphaWhite10, ColorAmber100, ColorAmber200, ColorAmber300, ColorAmber400, ColorAmber50, ColorAmber500, ColorAmber600, ColorAmber700, ColorAmber800, ColorAmber900, ColorAmber950, ColorBackdrop, ColorBackground, ColorBadgeAmberBg, ColorBadgeAmberText, ColorBadgeGreenBg, ColorBadgeGreenText, ColorBadgeNeutralBg, ColorBadgeNeutralText, ColorBadgePurpleBg, ColorBadgePurpleText, ColorBadgeRoseBg, ColorBadgeRoseText, ColorBadgeSlateBg, ColorBadgeSlateText, ColorBadgeTealBg, ColorBadgeTealText, ColorBlack, ColorBlue100, ColorBlue200, ColorBlue300, ColorBlue400, ColorBlue50, ColorBlue500, ColorBlue600, ColorBlue700, ColorBlue800, ColorBlue900, ColorBlue950, ColorBorder, ColorCard, ColorDeltaDecreaseBg, ColorDeltaDecreaseIcon, ColorDeltaDecreaseText, ColorDeltaFlatBg, ColorDeltaFlatIcon, ColorDeltaFlatText, ColorDeltaIncreaseBg, ColorDeltaIncreaseIcon, ColorDeltaIncreaseText, ColorDestructive, ColorDestructiveBorder, ColorDestructiveForeground, ColorDestructiveHover, ColorDestructivePressed, ColorDestructiveSurface, ColorDestructiveSurfaceForeground, ColorForeground, ColorGreen100, ColorGreen200, ColorGreen300, ColorGreen400, ColorGreen50, ColorGreen500, ColorGreen600, ColorGreen700, ColorGreen800, ColorGreen900, ColorGreen950, ColorInfo, ColorInfoBorder, ColorInfoForeground, ColorInfoHover, ColorInfoPressed, ColorInfoSurface, ColorInfoSurfaceForeground, ColorMuted, ColorMutedForeground, ColorOverlay, ColorPrimary, ColorPrimaryForeground, ColorPrimaryHover, ColorPrimaryPressed, ColorProgressFill, ColorProgressFillDanger, ColorProgressFillSuccess, ColorProgressFillWarning, ColorProgressTrack, ColorPurple100, ColorPurple200, ColorPurple300, ColorPurple400, ColorPurple50, ColorPurple500, ColorPurple600, ColorPurple700, ColorPurple800, ColorPurple900, ColorPurple950, ColorRing, ColorRose100, ColorRose200, ColorRose300, ColorRose400, ColorRose50, ColorRose500, ColorRose600, ColorRose700, ColorRose800, ColorRose900, ColorRose950, ColorSecondary, ColorSecondaryForeground, ColorSecondaryHover, ColorSecondaryPressed, ColorSlate100, ColorSlate200, ColorSlate300, ColorSlate400, ColorSlate50, ColorSlate500, ColorSlate600, ColorSlate700, ColorSlate800, ColorSlate900, ColorSlate950, ColorSuccess, ColorSuccessBorder, ColorSuccessForeground, ColorSuccessHover, ColorSuccessPressed, ColorSuccessSurface, ColorSuccessSurfaceForeground, ColorTeal100, ColorTeal200, ColorTeal300, ColorTeal400, ColorTeal50, ColorTeal500, ColorTeal600, ColorTeal700, ColorTeal800, ColorTeal900, ColorTeal950, ColorWarning, ColorWarningBorder, ColorWarningForeground, ColorWarningHover, ColorWarningPressed, ColorWarningSurface, ColorWarningSurfaceForeground, ColorWhite, Column, type DataTableProps, type DeltaFormat, DeltaIndicator, type DeltaIndicatorProps, type DeltaMode, Dialog, type DialogProps, EmptyState, type EmptyStateProps, Fieldset, type FieldsetProps, FontSize2xl, FontSize3xl, FontSize4xl, FontSize5xl, FontSizeBase, FontSizeLg, FontSizeSm, FontSizeXl, FontSizeXs, FontWeightBold, FontWeightExtrabold, FontWeightLight, FontWeightMedium, FontWeightRegular, FontWeightSemibold, FormWizard, type FormWizardContextValue, FormWizardNav, type FormWizardNavProps, FormWizardProgress, type FormWizardProgressProps, type FormWizardProps, H1, H2, H3, Heading, type HeadingLevel, type HeadingProps, type HeadingSize, Icon, IconButton, IconButtonLink, type IconButtonLinkProps, type IconButtonProps, IconButtonToggle, type IconButtonToggleProps, type IconComponent, type IconName, type IconProps, type IconValue, Input, InputPassword, type InputPasswordProps, type InputProps, Label, type LabelProps, LineHeightNormal, LineHeightRelaxed, LineHeightTight, Link, type LinkProps, type LinkVariant, Menu, MenuCheckboxItem, type MenuCheckboxItemProps, MenuHeader, type MenuHeaderProps, MenuItem, type MenuItemData, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, type MenuSeparatorProps, MetricCard, type MetricCardProps, type MetricCardSize, PathPill, type PathPillProps, Pill, type PillColor, type PillProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant, Radio, RadioButton, type RadioButtonProps, RadioGroup, type RadioGroupProps, type RadioProps, Row, SectionHeader, type SectionHeaderProps, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, type SegmentedControlSelectionMode, type SegmentedControlSize, Select, type SelectItem, type SelectProps, Spacing1, Spacing12, Spacing16, Spacing2, Spacing3, Spacing4, Spacing6, Spacing8, Spinner, type SpinnerProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, TableHeader, type TableSize, Tabs, type TabsProps, type TabsSize, type TabsVariant, type ToastBridge, type ToastContextValue, type ToastData, type ToastPlacement, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleButton, type ToggleButtonProps, type ToggleButtonSize, type ToggleButtonVariant, Tooltip, type TooltipProps, TruncatedText, type TruncatedTextProps, createToastBridge, iconRegistry, pillColorFromName, useFormWizard, useToast };
|