@umami/react-zen 0.186.0 → 0.187.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/index.css +37 -34
- package/dist/index.d.mts +30 -21
- package/dist/index.d.ts +30 -21
- package/dist/index.js +150 -135
- package/dist/index.mjs +150 -135
- package/package.json +1 -1
- package/styles.css +37 -34
package/dist/index.css
CHANGED
|
@@ -3912,67 +3912,69 @@ body a.Button_button__NGQyO {
|
|
|
3912
3912
|
}
|
|
3913
3913
|
|
|
3914
3914
|
/* virtual-css:css:eedba9fc7e3d8030bbd07387da49f358 */
|
|
3915
|
-
.
|
|
3915
|
+
.Table_table__NWMxN {
|
|
3916
3916
|
font-size: var(--font-size);
|
|
3917
3917
|
color: var(--font-color);
|
|
3918
3918
|
border-collapse: collapse;
|
|
3919
3919
|
width: 100%;
|
|
3920
3920
|
position: relative;
|
|
3921
|
+
--table-row-height: 40px;
|
|
3921
3922
|
}
|
|
3922
|
-
.
|
|
3923
|
-
.
|
|
3923
|
+
.Table_table__NWMxN th,
|
|
3924
|
+
.Table_table__NWMxN td {
|
|
3924
3925
|
min-width: 0;
|
|
3925
3926
|
}
|
|
3926
|
-
.
|
|
3927
|
-
.
|
|
3927
|
+
.Table_header__YzdmY,
|
|
3928
|
+
.Table_body__Nzg5M {
|
|
3928
3929
|
display: contents;
|
|
3929
3930
|
}
|
|
3930
|
-
.
|
|
3931
|
+
.Table_header__YzdmY {
|
|
3931
3932
|
display: grid;
|
|
3932
3933
|
border-bottom: 1px solid var(--border-color);
|
|
3933
3934
|
}
|
|
3934
|
-
.
|
|
3935
|
+
.Table_header__YzdmY tr {
|
|
3935
3936
|
display: contents;
|
|
3936
3937
|
}
|
|
3937
|
-
.
|
|
3938
|
+
.Table_row__ZWFmM {
|
|
3938
3939
|
display: grid;
|
|
3939
3940
|
border-bottom: 1px solid color-mix(in srgb, var(--border-color), 50% transparent);
|
|
3941
|
+
min-height: var(--table-row-height);
|
|
3940
3942
|
}
|
|
3941
|
-
.
|
|
3942
|
-
.
|
|
3943
|
+
.Table_header__YzdmY .Table_column__YTdhZ:first-child,
|
|
3944
|
+
.Table_row__ZWFmM .Table_cell__MjU3N:first-child {
|
|
3943
3945
|
padding-left: 0;
|
|
3944
3946
|
}
|
|
3945
|
-
.
|
|
3946
|
-
.
|
|
3947
|
+
.Table_header__YzdmY .Table_column__YTdhZ:last-child,
|
|
3948
|
+
.Table_row__ZWFmM .Table_cell__MjU3N:last-child {
|
|
3947
3949
|
padding-right: 0;
|
|
3948
3950
|
}
|
|
3949
|
-
.
|
|
3951
|
+
.Table_column__YTdhZ {
|
|
3950
3952
|
display: flex;
|
|
3951
3953
|
padding: var(--padding);
|
|
3952
3954
|
text-align: left;
|
|
3953
3955
|
font-weight: 700;
|
|
3954
3956
|
flex: 1;
|
|
3955
3957
|
}
|
|
3956
|
-
.
|
|
3958
|
+
.Table_cell__MjU3N {
|
|
3957
3959
|
display: flex;
|
|
3958
3960
|
padding: var(--padding);
|
|
3959
3961
|
flex: 1;
|
|
3960
3962
|
}
|
|
3961
|
-
.
|
|
3963
|
+
.Table_row__ZWFmM .Table_cell__MjU3N a {
|
|
3962
3964
|
font-weight: 500;
|
|
3963
3965
|
text-decoration: underline var(--base-color-6);
|
|
3964
3966
|
text-underline-offset: 4px;
|
|
3965
3967
|
}
|
|
3966
|
-
.
|
|
3968
|
+
.Table_row__ZWFmM .Table_cell__MjU3N a:hover {
|
|
3967
3969
|
text-decoration: underline var(--base-color-10);
|
|
3968
3970
|
}
|
|
3969
|
-
.
|
|
3971
|
+
.Table_start__ZGIyN {
|
|
3970
3972
|
justify-content: flex-start;
|
|
3971
3973
|
}
|
|
3972
|
-
.
|
|
3974
|
+
.Table_center__Yzg5M {
|
|
3973
3975
|
justify-content: center;
|
|
3974
3976
|
}
|
|
3975
|
-
.
|
|
3977
|
+
.Table_end__YjA1Y {
|
|
3976
3978
|
justify-content: flex-end;
|
|
3977
3979
|
}
|
|
3978
3980
|
|
|
@@ -4193,27 +4195,28 @@ body a.Button_button__NGQyO {
|
|
|
4193
4195
|
}
|
|
4194
4196
|
|
|
4195
4197
|
/* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
|
|
4196
|
-
.
|
|
4198
|
+
.Menu_menu__YTM5N {
|
|
4197
4199
|
min-width: 200px;
|
|
4198
4200
|
border: var(--border);
|
|
4199
4201
|
border-radius: var(--border-radius);
|
|
4200
4202
|
padding: var(--spacing-2);
|
|
4201
4203
|
box-shadow: var(--box-shadow-3);
|
|
4202
4204
|
background: var(--background-color);
|
|
4205
|
+
overflow: hidden;
|
|
4203
4206
|
}
|
|
4204
|
-
.
|
|
4207
|
+
.Menu_separator__YjFhN {
|
|
4205
4208
|
border-bottom: var(--border);
|
|
4206
4209
|
margin: var(--spacing-2) calc(-1 * var(--spacing-3));
|
|
4207
4210
|
}
|
|
4208
|
-
.
|
|
4211
|
+
.Menu_section__NWFlM:not(:last-child) {
|
|
4209
4212
|
margin-bottom: var(--spacing-4);
|
|
4210
4213
|
}
|
|
4211
|
-
.
|
|
4214
|
+
.Menu_header__YzJkN {
|
|
4212
4215
|
font-size: var(--font-size-3);
|
|
4213
4216
|
font-weight: var(--font-weight-bold);
|
|
4214
4217
|
padding: var(--padding);
|
|
4215
4218
|
}
|
|
4216
|
-
.
|
|
4219
|
+
.Menu_item__NGRkO {
|
|
4217
4220
|
display: flex;
|
|
4218
4221
|
align-items: center;
|
|
4219
4222
|
justify-content: space-between;
|
|
@@ -4227,37 +4230,37 @@ body a.Button_button__NGQyO {
|
|
|
4227
4230
|
outline: none;
|
|
4228
4231
|
width: 100%;
|
|
4229
4232
|
}
|
|
4230
|
-
.
|
|
4233
|
+
.Menu_item__NGRkO[data-disabled] {
|
|
4231
4234
|
color: var(--font-color-disabled);
|
|
4232
4235
|
}
|
|
4233
|
-
.
|
|
4234
|
-
.
|
|
4236
|
+
.Menu_item__NGRkO[data-focus],
|
|
4237
|
+
.Menu_item__NGRkO[data-focus-visible] {
|
|
4235
4238
|
outline: var(--outline);
|
|
4236
4239
|
background: var(--highlight-color);
|
|
4237
4240
|
}
|
|
4238
|
-
.
|
|
4241
|
+
.Menu_item__NGRkO:hover {
|
|
4239
4242
|
background: var(--highlight-color);
|
|
4240
4243
|
}
|
|
4241
|
-
.
|
|
4244
|
+
.Menu_item__NGRkO[data-selected] {
|
|
4242
4245
|
font-weight: bold;
|
|
4243
|
-
& .
|
|
4246
|
+
& .Menu_checkmark__MWQ1O {
|
|
4244
4247
|
display: flex;
|
|
4245
4248
|
justify-content: flex-end;
|
|
4246
4249
|
}
|
|
4247
4250
|
}
|
|
4248
|
-
.
|
|
4251
|
+
.Menu_checkmark__MWQ1O {
|
|
4249
4252
|
display: none;
|
|
4250
4253
|
}
|
|
4251
|
-
.
|
|
4254
|
+
.Menu_hideCheckmark__YzBhM .Menu_checkmark__MWQ1O {
|
|
4252
4255
|
display: none;
|
|
4253
4256
|
}
|
|
4254
|
-
.
|
|
4257
|
+
.Menu_label__NGMxM {
|
|
4255
4258
|
display: flex;
|
|
4256
4259
|
flex-direction: row;
|
|
4257
4260
|
align-items: center;
|
|
4258
4261
|
gap: var(--gap);
|
|
4259
4262
|
}
|
|
4260
|
-
.
|
|
4263
|
+
.Menu_content__MTA2O {
|
|
4261
4264
|
overflow: auto;
|
|
4262
4265
|
}
|
|
4263
4266
|
|
package/dist/index.d.mts
CHANGED
|
@@ -123,7 +123,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
123
123
|
}
|
|
124
124
|
declare function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderWidth, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, width, minWidth, maxWidth, height, minHeight, maxHeight, position, textAlign, top, right, bottom, left, overflow, overflowX, overflowY, alignSelf, justifySelf, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, zIndex, theme, as, asChild, className, style, children, ...props }: BoxProps): react.JSX.Element;
|
|
125
125
|
|
|
126
|
-
interface FlexboxProps extends Omit<BoxProps, 'display'> {
|
|
126
|
+
interface FlexboxProps extends Omit<BoxProps, 'display' | 'gap'> {
|
|
127
127
|
display?: Responsive<FlexDisplay>;
|
|
128
128
|
direction?: Responsive<FlexDirection>;
|
|
129
129
|
wrap?: Responsive<FlexWrap>;
|
|
@@ -443,7 +443,7 @@ interface HoverButtonProps {
|
|
|
443
443
|
}
|
|
444
444
|
declare function HoverTrigger({ isOpen, onHoverStart, onHoverEnd, closeDelay, children, }: HoverButtonProps): react.JSX.Element;
|
|
445
445
|
|
|
446
|
-
interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
446
|
+
interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'size'> {
|
|
447
447
|
color?: FontColor;
|
|
448
448
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
449
449
|
variant?: 'input';
|
|
@@ -452,7 +452,33 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
452
452
|
strokeColor?: StrokeColor;
|
|
453
453
|
fillColor?: FillColor;
|
|
454
454
|
}
|
|
455
|
-
declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps
|
|
455
|
+
declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps): react.JSX.Element;
|
|
456
|
+
|
|
457
|
+
interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
458
|
+
color?: FontColor;
|
|
459
|
+
size?: Responsive<FontSize>;
|
|
460
|
+
spacing?: Responsive<LetterSpacing>;
|
|
461
|
+
weight?: Responsive<FontWeight>;
|
|
462
|
+
align?: Responsive<TextAlign>;
|
|
463
|
+
wrap?: Responsive<TextWrap>;
|
|
464
|
+
transform?: Responsive<TextTransform>;
|
|
465
|
+
truncate?: Responsive<boolean>;
|
|
466
|
+
italic?: Responsive<boolean>;
|
|
467
|
+
underline?: Responsive<boolean>;
|
|
468
|
+
strikethrough?: Responsive<boolean>;
|
|
469
|
+
as?: 'span' | 'div' | 'label' | 'p';
|
|
470
|
+
asChild?: boolean;
|
|
471
|
+
}
|
|
472
|
+
declare function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps): react.JSX.Element;
|
|
473
|
+
|
|
474
|
+
interface IconLabelProps extends RowProps {
|
|
475
|
+
icon: ReactNode;
|
|
476
|
+
label?: ReactNode;
|
|
477
|
+
iconProps?: IconProps;
|
|
478
|
+
labelProps?: TextProps;
|
|
479
|
+
showLabel?: boolean;
|
|
480
|
+
}
|
|
481
|
+
declare function IconLabel({ icon, label, iconProps, labelProps, showLabel, children, ...props }: IconLabelProps): react.JSX.Element;
|
|
456
482
|
|
|
457
483
|
interface ImageProps extends HTMLAttributes<HTMLImageElement> {
|
|
458
484
|
src: string;
|
|
@@ -679,23 +705,6 @@ declare function TabList({ children, ...props }: TabListProps<any>): react.JSX.E
|
|
|
679
705
|
declare function Tab({ children, ...props }: TabProps): react.JSX.Element;
|
|
680
706
|
declare function TabPanel({ children, ...props }: TabPanelProps): react.JSX.Element;
|
|
681
707
|
|
|
682
|
-
interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
683
|
-
color?: FontColor;
|
|
684
|
-
size?: Responsive<FontSize>;
|
|
685
|
-
spacing?: Responsive<LetterSpacing>;
|
|
686
|
-
weight?: Responsive<FontWeight>;
|
|
687
|
-
align?: Responsive<TextAlign>;
|
|
688
|
-
wrap?: Responsive<TextWrap>;
|
|
689
|
-
transform?: Responsive<TextTransform>;
|
|
690
|
-
truncate?: Responsive<boolean>;
|
|
691
|
-
italic?: Responsive<boolean>;
|
|
692
|
-
underline?: Responsive<boolean>;
|
|
693
|
-
strikethrough?: Responsive<boolean>;
|
|
694
|
-
as?: 'span' | 'div' | 'label' | 'p';
|
|
695
|
-
asChild?: boolean;
|
|
696
|
-
}
|
|
697
|
-
declare function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps): react.JSX.Element;
|
|
698
|
-
|
|
699
708
|
interface TextFieldProps extends TextFieldProps$1 {
|
|
700
709
|
label?: string;
|
|
701
710
|
placeholder?: string;
|
|
@@ -734,4 +743,4 @@ interface ZenProviderProps {
|
|
|
734
743
|
}
|
|
735
744
|
declare function ZenProvider({ children, theme, colorScheme, toast, }: ZenProviderProps): react.JSX.Element;
|
|
736
745
|
|
|
737
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, InlineEditField, type InlineEditFieldProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuGroup, type NavMenuGroupProps, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, ThemeButton, Toast, type ToastOptions, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, useDebounce, useNavigationContext, useTheme, useToast };
|
|
746
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, IconLabel, type IconLabelProps, type IconProps, Image, type ImageProps, InlineEditField, type InlineEditFieldProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuGroup, type NavMenuGroupProps, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, ThemeButton, Toast, type ToastOptions, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, useDebounce, useNavigationContext, useTheme, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -123,7 +123,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
123
123
|
}
|
|
124
124
|
declare function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderWidth, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, width, minWidth, maxWidth, height, minHeight, maxHeight, position, textAlign, top, right, bottom, left, overflow, overflowX, overflowY, alignSelf, justifySelf, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, zIndex, theme, as, asChild, className, style, children, ...props }: BoxProps): react.JSX.Element;
|
|
125
125
|
|
|
126
|
-
interface FlexboxProps extends Omit<BoxProps, 'display'> {
|
|
126
|
+
interface FlexboxProps extends Omit<BoxProps, 'display' | 'gap'> {
|
|
127
127
|
display?: Responsive<FlexDisplay>;
|
|
128
128
|
direction?: Responsive<FlexDirection>;
|
|
129
129
|
wrap?: Responsive<FlexWrap>;
|
|
@@ -443,7 +443,7 @@ interface HoverButtonProps {
|
|
|
443
443
|
}
|
|
444
444
|
declare function HoverTrigger({ isOpen, onHoverStart, onHoverEnd, closeDelay, children, }: HoverButtonProps): react.JSX.Element;
|
|
445
445
|
|
|
446
|
-
interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
446
|
+
interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'size'> {
|
|
447
447
|
color?: FontColor;
|
|
448
448
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
449
449
|
variant?: 'input';
|
|
@@ -452,7 +452,33 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
452
452
|
strokeColor?: StrokeColor;
|
|
453
453
|
fillColor?: FillColor;
|
|
454
454
|
}
|
|
455
|
-
declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps
|
|
455
|
+
declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps): react.JSX.Element;
|
|
456
|
+
|
|
457
|
+
interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
458
|
+
color?: FontColor;
|
|
459
|
+
size?: Responsive<FontSize>;
|
|
460
|
+
spacing?: Responsive<LetterSpacing>;
|
|
461
|
+
weight?: Responsive<FontWeight>;
|
|
462
|
+
align?: Responsive<TextAlign>;
|
|
463
|
+
wrap?: Responsive<TextWrap>;
|
|
464
|
+
transform?: Responsive<TextTransform>;
|
|
465
|
+
truncate?: Responsive<boolean>;
|
|
466
|
+
italic?: Responsive<boolean>;
|
|
467
|
+
underline?: Responsive<boolean>;
|
|
468
|
+
strikethrough?: Responsive<boolean>;
|
|
469
|
+
as?: 'span' | 'div' | 'label' | 'p';
|
|
470
|
+
asChild?: boolean;
|
|
471
|
+
}
|
|
472
|
+
declare function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps): react.JSX.Element;
|
|
473
|
+
|
|
474
|
+
interface IconLabelProps extends RowProps {
|
|
475
|
+
icon: ReactNode;
|
|
476
|
+
label?: ReactNode;
|
|
477
|
+
iconProps?: IconProps;
|
|
478
|
+
labelProps?: TextProps;
|
|
479
|
+
showLabel?: boolean;
|
|
480
|
+
}
|
|
481
|
+
declare function IconLabel({ icon, label, iconProps, labelProps, showLabel, children, ...props }: IconLabelProps): react.JSX.Element;
|
|
456
482
|
|
|
457
483
|
interface ImageProps extends HTMLAttributes<HTMLImageElement> {
|
|
458
484
|
src: string;
|
|
@@ -679,23 +705,6 @@ declare function TabList({ children, ...props }: TabListProps<any>): react.JSX.E
|
|
|
679
705
|
declare function Tab({ children, ...props }: TabProps): react.JSX.Element;
|
|
680
706
|
declare function TabPanel({ children, ...props }: TabPanelProps): react.JSX.Element;
|
|
681
707
|
|
|
682
|
-
interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
683
|
-
color?: FontColor;
|
|
684
|
-
size?: Responsive<FontSize>;
|
|
685
|
-
spacing?: Responsive<LetterSpacing>;
|
|
686
|
-
weight?: Responsive<FontWeight>;
|
|
687
|
-
align?: Responsive<TextAlign>;
|
|
688
|
-
wrap?: Responsive<TextWrap>;
|
|
689
|
-
transform?: Responsive<TextTransform>;
|
|
690
|
-
truncate?: Responsive<boolean>;
|
|
691
|
-
italic?: Responsive<boolean>;
|
|
692
|
-
underline?: Responsive<boolean>;
|
|
693
|
-
strikethrough?: Responsive<boolean>;
|
|
694
|
-
as?: 'span' | 'div' | 'label' | 'p';
|
|
695
|
-
asChild?: boolean;
|
|
696
|
-
}
|
|
697
|
-
declare function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps): react.JSX.Element;
|
|
698
|
-
|
|
699
708
|
interface TextFieldProps extends TextFieldProps$1 {
|
|
700
709
|
label?: string;
|
|
701
710
|
placeholder?: string;
|
|
@@ -734,4 +743,4 @@ interface ZenProviderProps {
|
|
|
734
743
|
}
|
|
735
744
|
declare function ZenProvider({ children, theme, colorScheme, toast, }: ZenProviderProps): react.JSX.Element;
|
|
736
745
|
|
|
737
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, InlineEditField, type InlineEditFieldProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuGroup, type NavMenuGroupProps, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, ThemeButton, Toast, type ToastOptions, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, useDebounce, useNavigationContext, useTheme, useToast };
|
|
746
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, IconLabel, type IconLabelProps, type IconProps, Image, type ImageProps, InlineEditField, type InlineEditFieldProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuGroup, type NavMenuGroupProps, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, ThemeButton, Toast, type ToastOptions, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, useDebounce, useNavigationContext, useTheme, useToast };
|