@sofya-ds/react 1.6.0 → 1.8.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 +7 -2
- package/dist/index.cjs +774 -270
- package/dist/index.css +1 -1
- package/dist/index.d.cts +97 -10
- package/dist/index.d.ts +97 -10
- package/dist/index.js +743 -252
- package/package.json +2 -2
package/dist/index.d.cts
CHANGED
|
@@ -3,13 +3,13 @@ import * as React from 'react';
|
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
5
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
|
+
import { SofyaSurfaceName, SofyaGapName, SofyaMeasureName, HexColor, SofyaTextStyleName, ThemePresetName, SofyaTheme, DeepPartial } from '@sofya-ds/tokens';
|
|
7
|
+
export { DeepPartial, HexColor, SofyaBrandPalette, SofyaColorPalette, SofyaColorScale, SofyaControlSizeScale, SofyaGapName, SofyaGradientToken, SofyaIconButtonSizeScale, SofyaLayoutSizeScale, SofyaMeasureName, SofyaRadiusScale, SofyaResolvedSurfaceToken, SofyaResolvedTextStyle, SofyaRhythmName, SofyaShadowScale, SofyaSpaceName, SofyaSpacingScale, SofyaSurfaceName, SofyaSurfaceScale, SofyaSurfaceToken, SofyaTextStyle, SofyaTextStyleName, SofyaTextStyleScale, SofyaTheme, ThemePresetName, brandPaletteToCssVariables, createWhitelabelTheme, defaultTheme, gradientToCss, hexToHslChannels, mergeTheme, resolveSurfaceToken, resolveTextStyle, resolveTheme, sofyaBrandPalette, sofyaColorPalette, sofyaGapNames, sofyaMeasureNames, sofyaRhythmNames, sofyaSemanticColorHex, sofyaSpaceNames, sofyaSurfaceNames, sofyaTextStyleNames, themePresetNames, themePresets, themeToCssVariables } from '@sofya-ds/tokens';
|
|
6
8
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
7
9
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
8
10
|
import * as input_otp from 'input-otp';
|
|
9
11
|
import { OTPInputProps } from 'input-otp';
|
|
10
12
|
export { OTPInputProps, REGEXP_ONLY_DIGITS } from 'input-otp';
|
|
11
|
-
import { HexColor, ThemePresetName, SofyaTheme, DeepPartial } from '@sofya-ds/tokens';
|
|
12
|
-
export { DeepPartial, HexColor, SofyaBrandPalette, SofyaColorPalette, SofyaGradientToken, SofyaResolvedSurfaceToken, SofyaResolvedTextStyle, SofyaSurfaceName, SofyaSurfaceScale, SofyaSurfaceToken, SofyaTextStyle, SofyaTextStyleName, SofyaTextStyleScale, SofyaTheme, ThemePresetName, brandPaletteToCssVariables, createWhitelabelTheme, defaultTheme, gradientToCss, hexToHslChannels, mergeTheme, resolveSurfaceToken, resolveTextStyle, resolveTheme, sofyaBrandPalette, sofyaColorPalette, sofyaSemanticColorHex, sofyaSurfaceNames, sofyaTextStyleNames, themePresetNames, themePresets, themeToCssVariables } from '@sofya-ds/tokens';
|
|
13
13
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
14
14
|
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
15
15
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
@@ -98,7 +98,7 @@ declare const buttonVariantOptions: readonly ["default", "gradient", "dropdown",
|
|
|
98
98
|
declare const buttonSizeOptions: readonly ["default", "sm", "lg", "icon"];
|
|
99
99
|
|
|
100
100
|
declare const buttonVariants: (props?: ({
|
|
101
|
-
variant?: "default" | "destructive" | "icon" | "
|
|
101
|
+
variant?: "default" | "destructive" | "icon" | "secondary" | "gradient" | "outline" | "dropdown" | "language" | "ghost" | null | undefined;
|
|
102
102
|
size?: "sm" | "default" | "lg" | "icon" | null | undefined;
|
|
103
103
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
104
104
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
@@ -111,7 +111,8 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Var
|
|
|
111
111
|
}
|
|
112
112
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
113
113
|
|
|
114
|
-
type SurfaceVariant =
|
|
114
|
+
type SurfaceVariant = SofyaSurfaceName;
|
|
115
|
+
declare const surfaceVariantOptions: readonly ["appBackground", "auth", "card", "dataTable", "dialog", "documentCard", "documentCardSelected", "focus", "mainContent", "panel", "proseDialog", "rightPanel", "sidebar"];
|
|
115
116
|
type SurfaceBaseProps = {
|
|
116
117
|
variant?: SurfaceVariant;
|
|
117
118
|
asChild?: boolean;
|
|
@@ -216,11 +217,16 @@ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.Dia
|
|
|
216
217
|
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
217
218
|
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
218
219
|
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
220
|
+
type DialogCardStyle = React.CSSProperties & {
|
|
221
|
+
"--sofya-surface-shadow-override"?: string;
|
|
222
|
+
};
|
|
219
223
|
interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
|
|
220
224
|
cardClassName?: string;
|
|
225
|
+
cardStyle?: DialogCardStyle;
|
|
221
226
|
overlayClassName?: string;
|
|
222
227
|
showCloseButton?: boolean;
|
|
223
|
-
|
|
228
|
+
surfaceShadow?: string;
|
|
229
|
+
variant?: SurfaceVariant;
|
|
224
230
|
}
|
|
225
231
|
declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
226
232
|
declare function DialogHeader({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
@@ -231,6 +237,16 @@ declare const DialogCancel: React.ForwardRefExoticComponent<DialogDismissButtonP
|
|
|
231
237
|
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
232
238
|
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
233
239
|
|
|
240
|
+
interface DocumentCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
|
|
241
|
+
actions?: React.ReactNode;
|
|
242
|
+
description?: React.ReactNode;
|
|
243
|
+
leading?: React.ReactNode;
|
|
244
|
+
meta?: React.ReactNode;
|
|
245
|
+
selected?: boolean;
|
|
246
|
+
title: React.ReactNode;
|
|
247
|
+
}
|
|
248
|
+
declare const DocumentCard: React.ForwardRefExoticComponent<DocumentCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
249
|
+
|
|
234
250
|
declare const emptyMediaVariantOptions: readonly ["default", "icon"];
|
|
235
251
|
declare const emptyMediaVariants: (props?: ({
|
|
236
252
|
variant?: "default" | "icon" | null | undefined;
|
|
@@ -436,6 +452,27 @@ declare const InputOTPSeparator: React.ForwardRefExoticComponent<React.HTMLAttri
|
|
|
436
452
|
|
|
437
453
|
declare const Label: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>>;
|
|
438
454
|
|
|
455
|
+
type DivProps = React.HTMLAttributes<HTMLDivElement>;
|
|
456
|
+
interface GapProps {
|
|
457
|
+
gap?: SofyaGapName;
|
|
458
|
+
}
|
|
459
|
+
interface StackProps extends DivProps, GapProps {
|
|
460
|
+
}
|
|
461
|
+
interface ClusterProps extends DivProps, GapProps {
|
|
462
|
+
align?: "start" | "center" | "end" | "stretch";
|
|
463
|
+
justify?: "start" | "center" | "between" | "end";
|
|
464
|
+
}
|
|
465
|
+
interface InlineProps extends DivProps, GapProps {
|
|
466
|
+
align?: "start" | "center" | "end" | "stretch";
|
|
467
|
+
}
|
|
468
|
+
interface ContainerProps extends DivProps {
|
|
469
|
+
measure?: SofyaMeasureName | "none";
|
|
470
|
+
}
|
|
471
|
+
declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
|
|
472
|
+
declare const Cluster: React.ForwardRefExoticComponent<ClusterProps & React.RefAttributes<HTMLDivElement>>;
|
|
473
|
+
declare const Inline: React.ForwardRefExoticComponent<InlineProps & React.RefAttributes<HTMLDivElement>>;
|
|
474
|
+
declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
475
|
+
|
|
439
476
|
declare const linkVariants: (props?: ({
|
|
440
477
|
variant?: "default" | "underlined" | null | undefined;
|
|
441
478
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -488,6 +525,17 @@ declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimit
|
|
|
488
525
|
declare const PopoverTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
|
|
489
526
|
declare const PopoverDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
490
527
|
|
|
528
|
+
interface ProseDialogContentProps extends DialogContentProps {
|
|
529
|
+
}
|
|
530
|
+
declare const ProseDialogContent: React.ForwardRefExoticComponent<ProseDialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
531
|
+
declare function ProseDialogHeader(props: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
532
|
+
declare namespace ProseDialogHeader {
|
|
533
|
+
var displayName: string;
|
|
534
|
+
}
|
|
535
|
+
declare const ProseDialogTitle: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
536
|
+
declare const ProseDialogDescription: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
537
|
+
declare const ProseDialogBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
538
|
+
|
|
491
539
|
declare const progressSizeOptions: readonly ["sm", "default", "lg"];
|
|
492
540
|
type ProgressSize = (typeof progressSizeOptions)[number];
|
|
493
541
|
interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, "max" | "value"> {
|
|
@@ -499,13 +547,13 @@ interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof Progr
|
|
|
499
547
|
declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
|
|
500
548
|
|
|
501
549
|
declare const radioGroupOrientationOptions: readonly ["horizontal", "vertical"];
|
|
502
|
-
declare const radioGroupVariantOptions: readonly ["default", "pill"];
|
|
550
|
+
declare const radioGroupVariantOptions: readonly ["default", "pill", "option"];
|
|
503
551
|
type RadioGroupOrientation = (typeof radioGroupOrientationOptions)[number];
|
|
504
552
|
type RadioGroupVariant = (typeof radioGroupVariantOptions)[number];
|
|
505
553
|
interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
|
|
506
554
|
variant?: RadioGroupVariant;
|
|
507
555
|
}
|
|
508
|
-
declare const
|
|
556
|
+
declare const RadioGroupRoot: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
509
557
|
interface RadioGroupItemProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, "children" | "className"> {
|
|
510
558
|
className?: string;
|
|
511
559
|
controlClassName?: string;
|
|
@@ -516,6 +564,45 @@ interface RadioGroupItemProps extends Omit<React.ComponentPropsWithoutRef<typeof
|
|
|
516
564
|
labelClassName?: string;
|
|
517
565
|
}
|
|
518
566
|
declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
567
|
+
interface RadioGroupOptionProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, "children"> {
|
|
568
|
+
children?: React.ReactNode;
|
|
569
|
+
}
|
|
570
|
+
interface RadioGroupOptionAvatarProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
|
|
571
|
+
alt?: string;
|
|
572
|
+
children?: React.ReactNode;
|
|
573
|
+
name?: string;
|
|
574
|
+
src?: string;
|
|
575
|
+
avatarClassName?: string;
|
|
576
|
+
avatarProps?: Omit<AvatarProps, "alt" | "className" | "name" | "src">;
|
|
577
|
+
}
|
|
578
|
+
interface RadioGroupOptionLabelProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
579
|
+
}
|
|
580
|
+
interface RadioGroupOptionDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
581
|
+
}
|
|
582
|
+
interface RadioGroupOptionIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
583
|
+
}
|
|
584
|
+
declare const RadioGroupOptionAvatar: React.ForwardRefExoticComponent<RadioGroupOptionAvatarProps & React.RefAttributes<HTMLSpanElement>>;
|
|
585
|
+
declare const RadioGroupOptionLabel: React.ForwardRefExoticComponent<RadioGroupOptionLabelProps & React.RefAttributes<HTMLSpanElement>>;
|
|
586
|
+
declare const RadioGroupOptionDescription: React.ForwardRefExoticComponent<RadioGroupOptionDescriptionProps & React.RefAttributes<HTMLSpanElement>>;
|
|
587
|
+
declare const RadioGroupOptionIndicator: React.ForwardRefExoticComponent<RadioGroupOptionIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
|
|
588
|
+
declare const RadioGroupOption: React.ForwardRefExoticComponent<RadioGroupOptionProps & React.RefAttributes<HTMLButtonElement>>;
|
|
589
|
+
type RadioGroupComponent = typeof RadioGroupRoot & {
|
|
590
|
+
Root: typeof RadioGroupRoot;
|
|
591
|
+
Item: typeof RadioGroupItem;
|
|
592
|
+
Option: typeof RadioGroupOption;
|
|
593
|
+
OptionAvatar: typeof RadioGroupOptionAvatar;
|
|
594
|
+
OptionDescription: typeof RadioGroupOptionDescription;
|
|
595
|
+
OptionIndicator: typeof RadioGroupOptionIndicator;
|
|
596
|
+
OptionLabel: typeof RadioGroupOptionLabel;
|
|
597
|
+
};
|
|
598
|
+
declare const RadioGroup: RadioGroupComponent;
|
|
599
|
+
|
|
600
|
+
interface RightRailActionProps extends Omit<ButtonProps, "aria-label" | "children" | "leftIcon" | "rightIcon" | "size" | "variant"> {
|
|
601
|
+
"aria-label": string;
|
|
602
|
+
active?: boolean;
|
|
603
|
+
icon: React.ReactNode;
|
|
604
|
+
}
|
|
605
|
+
declare const RightRailAction: React.ForwardRefExoticComponent<RightRailActionProps & React.RefAttributes<HTMLButtonElement>>;
|
|
519
606
|
|
|
520
607
|
declare const scrollAreaOrientationOptions: readonly ["horizontal", "vertical"];
|
|
521
608
|
type ScrollAreaOrientation = (typeof scrollAreaOrientationOptions)[number];
|
|
@@ -659,11 +746,11 @@ interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
|
|
|
659
746
|
}
|
|
660
747
|
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
661
748
|
|
|
662
|
-
type TextSize =
|
|
749
|
+
type TextSize = SofyaTextStyleName;
|
|
663
750
|
type TextWeight = React.CSSProperties["fontWeight"];
|
|
664
751
|
type TextVariant = "default" | "gradient" | "shiny" | "split";
|
|
665
752
|
type TextSplitType = "chars" | "words" | "words, chars";
|
|
666
|
-
declare const textSizeOptions: readonly ["h1", "h2", "h3", "h4", "h5", "body", "tiny", "extra-tiny"];
|
|
753
|
+
declare const textSizeOptions: readonly ["display-xl", "display-lg", "heading-xl", "heading-lg", "heading-md", "h1", "h2", "h3", "h4", "h5", "encounter-title", "title-md", "title-sm", "body-lg", "body-md", "body-sm", "body", "label-md", "section-label", "eyebrow-md", "overline-md", "sidebar-title", "sidebar-title-regular", "sidebar-title-strong", "sidebar-label", "sidebar-label-strong", "sidebar-body", "sidebar-tag", "encounter-chip", "encounter-history", "caption", "eyebrow", "tiny", "extra-tiny", "code-sm"];
|
|
667
754
|
declare const textVariantOptions: readonly ["default", "gradient", "shiny", "split"];
|
|
668
755
|
declare const textSplitTypeOptions: readonly ["chars", "words", "words, chars"];
|
|
669
756
|
interface TextProps extends React.HTMLAttributes<HTMLElement> {
|
|
@@ -702,4 +789,4 @@ interface SofyaProviderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
702
789
|
}
|
|
703
790
|
declare function SofyaProvider({ preset, overrides, className, style, children, ...props }: SofyaProviderProps): react_jsx_runtime.JSX.Element;
|
|
704
791
|
|
|
705
|
-
export { Accordion, type AccordionAppearance, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertProps, type AlertSize, AlertTitle, type AlertTone, Avatar, type AvatarProps, Badge, type BadgeAlert, type BadgePillTone, type BadgeProps, type BadgeVariant, Button, type ButtonLanguageLocale, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Dialog, DialogBody, DialogCancel, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dropdown, type DropdownAppearance, type DropdownItem, type DropdownProps, DropdownSearch, type DropdownSearchOption, type DropdownSearchProps, type DropdownSubItem, type DropdownTriggerSize, type DropdownVariant, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyMediaProps, type EmptyProps, EmptyTitle, Icon, type IconColor, type IconName, type IconProps, type IconSize, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant, Label, Link, type LinkProps, Logo, type LogoProps, type LogoSize, type LogoVariant, type NotificationVariant, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverDescription, PopoverPortal, PopoverTitle, PopoverTrigger, Progress, type ProgressProps, type ProgressSize, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupOrientation, type RadioGroupProps, type RadioGroupVariant, ScrollArea, ScrollAreaCorner, type ScrollAreaOrientation, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaViewport, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, type SelectSize, SelectTrigger, SelectValue, Separator, Skeleton, type SkeletonProps, Slider, type SliderProps, SofyaProvider, type SofyaProviderProps, Spinner, type SpinnerProps, type SpinnerSize, Surface, type SurfaceVariant, Switch, type SwitchProps, type SwitchSize, Table, TableActionButton, type TableActionButtonProps, TableActions, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, TableRow, TableStatusBadge, type TableStatusBadgeProps, Tabs, type TabsItem, type TabsProps, Text, type TextProps, type TextSize, type TextSplitType, type TextVariant, type TextWeight, Textarea, type TextareaProps, Toaster, type ToasterProps, Toggle, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UploadKind, accordionAppearanceOptions, alertSizeOptions, alertToneOptions, avatarSizeOptions, avatarVariants, badgeAlertOptions, badgeAlertVariants, badgePillToneOptions, badgePillVariants, badgeVariantOptions, badgeVariants, buttonLanguageLocaleOptions, buttonSizeOptions, buttonVariantOptions, buttonVariants, cardVariants, dropdownAppearanceOptions, dropdownLanguageItems, dropdownTriggerSizeOptions, dropdownVariantOptions, emptyMediaVariantOptions, iconColorOptions, iconNames, iconSizeMap, iconSizeOptions, inputVariantOptions, isTextContent, logoSizeOptions, logoVariants, notificationVariantOptions, paginationLinkVariants, progressSizeOptions, radioGroupOrientationOptions, radioGroupVariantOptions, renderTextContent, scrollAreaOrientationOptions, selectSizeOptions, spinnerSizeOptions, switchSizeOptions, tableActionToneOptions, tableCellVariantOptions, tableStatusToneOptions, textSizeOptions, textSplitTypeOptions, textVariantOptions, uploadKindOptions };
|
|
792
|
+
export { Accordion, type AccordionAppearance, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertProps, type AlertSize, AlertTitle, type AlertTone, Avatar, type AvatarProps, Badge, type BadgeAlert, type BadgePillTone, type BadgeProps, type BadgeVariant, Button, type ButtonLanguageLocale, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Cluster, type ClusterProps, Container, type ContainerProps, Dialog, DialogBody, DialogCancel, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocumentCard, type DocumentCardProps, Dropdown, type DropdownAppearance, type DropdownItem, type DropdownProps, DropdownSearch, type DropdownSearchOption, type DropdownSearchProps, type DropdownSubItem, type DropdownTriggerSize, type DropdownVariant, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyMediaProps, type EmptyProps, EmptyTitle, Icon, type IconColor, type IconName, type IconProps, type IconSize, Inline, type InlineProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant, Label, Link, type LinkProps, Logo, type LogoProps, type LogoSize, type LogoVariant, type NotificationVariant, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverDescription, PopoverPortal, PopoverTitle, PopoverTrigger, Progress, type ProgressProps, type ProgressSize, ProseDialogBody, ProseDialogContent, type ProseDialogContentProps, ProseDialogDescription, ProseDialogHeader, ProseDialogTitle, RadioGroup, RadioGroupItem, type RadioGroupItemProps, RadioGroupOption, RadioGroupOptionAvatar, type RadioGroupOptionAvatarProps, RadioGroupOptionDescription, type RadioGroupOptionDescriptionProps, RadioGroupOptionIndicator, type RadioGroupOptionIndicatorProps, RadioGroupOptionLabel, type RadioGroupOptionLabelProps, type RadioGroupOptionProps, type RadioGroupOrientation, type RadioGroupProps, type RadioGroupVariant, RightRailAction, type RightRailActionProps, ScrollArea, ScrollAreaCorner, type ScrollAreaOrientation, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaViewport, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, type SelectSize, SelectTrigger, SelectValue, Separator, Skeleton, type SkeletonProps, Slider, type SliderProps, SofyaProvider, type SofyaProviderProps, Spinner, type SpinnerProps, type SpinnerSize, Stack, type StackProps, Surface, type SurfaceVariant, Switch, type SwitchProps, type SwitchSize, Table, TableActionButton, type TableActionButtonProps, TableActions, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, TableRow, TableStatusBadge, type TableStatusBadgeProps, Tabs, type TabsItem, type TabsProps, Text, type TextProps, type TextSize, type TextSplitType, type TextVariant, type TextWeight, Textarea, type TextareaProps, Toaster, type ToasterProps, Toggle, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UploadKind, accordionAppearanceOptions, alertSizeOptions, alertToneOptions, avatarSizeOptions, avatarVariants, badgeAlertOptions, badgeAlertVariants, badgePillToneOptions, badgePillVariants, badgeVariantOptions, badgeVariants, buttonLanguageLocaleOptions, buttonSizeOptions, buttonVariantOptions, buttonVariants, cardVariants, dropdownAppearanceOptions, dropdownLanguageItems, dropdownTriggerSizeOptions, dropdownVariantOptions, emptyMediaVariantOptions, iconColorOptions, iconNames, iconSizeMap, iconSizeOptions, inputVariantOptions, isTextContent, logoSizeOptions, logoVariants, notificationVariantOptions, paginationLinkVariants, progressSizeOptions, radioGroupOrientationOptions, radioGroupVariantOptions, renderTextContent, scrollAreaOrientationOptions, selectSizeOptions, spinnerSizeOptions, surfaceVariantOptions, switchSizeOptions, tableActionToneOptions, tableCellVariantOptions, tableStatusToneOptions, textSizeOptions, textSplitTypeOptions, textVariantOptions, uploadKindOptions };
|
package/dist/index.d.ts
CHANGED
|
@@ -3,13 +3,13 @@ import * as React from 'react';
|
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
5
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
|
+
import { SofyaSurfaceName, SofyaGapName, SofyaMeasureName, HexColor, SofyaTextStyleName, ThemePresetName, SofyaTheme, DeepPartial } from '@sofya-ds/tokens';
|
|
7
|
+
export { DeepPartial, HexColor, SofyaBrandPalette, SofyaColorPalette, SofyaColorScale, SofyaControlSizeScale, SofyaGapName, SofyaGradientToken, SofyaIconButtonSizeScale, SofyaLayoutSizeScale, SofyaMeasureName, SofyaRadiusScale, SofyaResolvedSurfaceToken, SofyaResolvedTextStyle, SofyaRhythmName, SofyaShadowScale, SofyaSpaceName, SofyaSpacingScale, SofyaSurfaceName, SofyaSurfaceScale, SofyaSurfaceToken, SofyaTextStyle, SofyaTextStyleName, SofyaTextStyleScale, SofyaTheme, ThemePresetName, brandPaletteToCssVariables, createWhitelabelTheme, defaultTheme, gradientToCss, hexToHslChannels, mergeTheme, resolveSurfaceToken, resolveTextStyle, resolveTheme, sofyaBrandPalette, sofyaColorPalette, sofyaGapNames, sofyaMeasureNames, sofyaRhythmNames, sofyaSemanticColorHex, sofyaSpaceNames, sofyaSurfaceNames, sofyaTextStyleNames, themePresetNames, themePresets, themeToCssVariables } from '@sofya-ds/tokens';
|
|
6
8
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
7
9
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
8
10
|
import * as input_otp from 'input-otp';
|
|
9
11
|
import { OTPInputProps } from 'input-otp';
|
|
10
12
|
export { OTPInputProps, REGEXP_ONLY_DIGITS } from 'input-otp';
|
|
11
|
-
import { HexColor, ThemePresetName, SofyaTheme, DeepPartial } from '@sofya-ds/tokens';
|
|
12
|
-
export { DeepPartial, HexColor, SofyaBrandPalette, SofyaColorPalette, SofyaGradientToken, SofyaResolvedSurfaceToken, SofyaResolvedTextStyle, SofyaSurfaceName, SofyaSurfaceScale, SofyaSurfaceToken, SofyaTextStyle, SofyaTextStyleName, SofyaTextStyleScale, SofyaTheme, ThemePresetName, brandPaletteToCssVariables, createWhitelabelTheme, defaultTheme, gradientToCss, hexToHslChannels, mergeTheme, resolveSurfaceToken, resolveTextStyle, resolveTheme, sofyaBrandPalette, sofyaColorPalette, sofyaSemanticColorHex, sofyaSurfaceNames, sofyaTextStyleNames, themePresetNames, themePresets, themeToCssVariables } from '@sofya-ds/tokens';
|
|
13
13
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
14
14
|
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
15
15
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
@@ -98,7 +98,7 @@ declare const buttonVariantOptions: readonly ["default", "gradient", "dropdown",
|
|
|
98
98
|
declare const buttonSizeOptions: readonly ["default", "sm", "lg", "icon"];
|
|
99
99
|
|
|
100
100
|
declare const buttonVariants: (props?: ({
|
|
101
|
-
variant?: "default" | "destructive" | "icon" | "
|
|
101
|
+
variant?: "default" | "destructive" | "icon" | "secondary" | "gradient" | "outline" | "dropdown" | "language" | "ghost" | null | undefined;
|
|
102
102
|
size?: "sm" | "default" | "lg" | "icon" | null | undefined;
|
|
103
103
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
104
104
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
@@ -111,7 +111,8 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Var
|
|
|
111
111
|
}
|
|
112
112
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
113
113
|
|
|
114
|
-
type SurfaceVariant =
|
|
114
|
+
type SurfaceVariant = SofyaSurfaceName;
|
|
115
|
+
declare const surfaceVariantOptions: readonly ["appBackground", "auth", "card", "dataTable", "dialog", "documentCard", "documentCardSelected", "focus", "mainContent", "panel", "proseDialog", "rightPanel", "sidebar"];
|
|
115
116
|
type SurfaceBaseProps = {
|
|
116
117
|
variant?: SurfaceVariant;
|
|
117
118
|
asChild?: boolean;
|
|
@@ -216,11 +217,16 @@ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.Dia
|
|
|
216
217
|
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
217
218
|
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
218
219
|
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
220
|
+
type DialogCardStyle = React.CSSProperties & {
|
|
221
|
+
"--sofya-surface-shadow-override"?: string;
|
|
222
|
+
};
|
|
219
223
|
interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
|
|
220
224
|
cardClassName?: string;
|
|
225
|
+
cardStyle?: DialogCardStyle;
|
|
221
226
|
overlayClassName?: string;
|
|
222
227
|
showCloseButton?: boolean;
|
|
223
|
-
|
|
228
|
+
surfaceShadow?: string;
|
|
229
|
+
variant?: SurfaceVariant;
|
|
224
230
|
}
|
|
225
231
|
declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
226
232
|
declare function DialogHeader({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
@@ -231,6 +237,16 @@ declare const DialogCancel: React.ForwardRefExoticComponent<DialogDismissButtonP
|
|
|
231
237
|
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
232
238
|
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
233
239
|
|
|
240
|
+
interface DocumentCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
|
|
241
|
+
actions?: React.ReactNode;
|
|
242
|
+
description?: React.ReactNode;
|
|
243
|
+
leading?: React.ReactNode;
|
|
244
|
+
meta?: React.ReactNode;
|
|
245
|
+
selected?: boolean;
|
|
246
|
+
title: React.ReactNode;
|
|
247
|
+
}
|
|
248
|
+
declare const DocumentCard: React.ForwardRefExoticComponent<DocumentCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
249
|
+
|
|
234
250
|
declare const emptyMediaVariantOptions: readonly ["default", "icon"];
|
|
235
251
|
declare const emptyMediaVariants: (props?: ({
|
|
236
252
|
variant?: "default" | "icon" | null | undefined;
|
|
@@ -436,6 +452,27 @@ declare const InputOTPSeparator: React.ForwardRefExoticComponent<React.HTMLAttri
|
|
|
436
452
|
|
|
437
453
|
declare const Label: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>>;
|
|
438
454
|
|
|
455
|
+
type DivProps = React.HTMLAttributes<HTMLDivElement>;
|
|
456
|
+
interface GapProps {
|
|
457
|
+
gap?: SofyaGapName;
|
|
458
|
+
}
|
|
459
|
+
interface StackProps extends DivProps, GapProps {
|
|
460
|
+
}
|
|
461
|
+
interface ClusterProps extends DivProps, GapProps {
|
|
462
|
+
align?: "start" | "center" | "end" | "stretch";
|
|
463
|
+
justify?: "start" | "center" | "between" | "end";
|
|
464
|
+
}
|
|
465
|
+
interface InlineProps extends DivProps, GapProps {
|
|
466
|
+
align?: "start" | "center" | "end" | "stretch";
|
|
467
|
+
}
|
|
468
|
+
interface ContainerProps extends DivProps {
|
|
469
|
+
measure?: SofyaMeasureName | "none";
|
|
470
|
+
}
|
|
471
|
+
declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
|
|
472
|
+
declare const Cluster: React.ForwardRefExoticComponent<ClusterProps & React.RefAttributes<HTMLDivElement>>;
|
|
473
|
+
declare const Inline: React.ForwardRefExoticComponent<InlineProps & React.RefAttributes<HTMLDivElement>>;
|
|
474
|
+
declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
475
|
+
|
|
439
476
|
declare const linkVariants: (props?: ({
|
|
440
477
|
variant?: "default" | "underlined" | null | undefined;
|
|
441
478
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -488,6 +525,17 @@ declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimit
|
|
|
488
525
|
declare const PopoverTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
|
|
489
526
|
declare const PopoverDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
490
527
|
|
|
528
|
+
interface ProseDialogContentProps extends DialogContentProps {
|
|
529
|
+
}
|
|
530
|
+
declare const ProseDialogContent: React.ForwardRefExoticComponent<ProseDialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
531
|
+
declare function ProseDialogHeader(props: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
532
|
+
declare namespace ProseDialogHeader {
|
|
533
|
+
var displayName: string;
|
|
534
|
+
}
|
|
535
|
+
declare const ProseDialogTitle: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
536
|
+
declare const ProseDialogDescription: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
537
|
+
declare const ProseDialogBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
538
|
+
|
|
491
539
|
declare const progressSizeOptions: readonly ["sm", "default", "lg"];
|
|
492
540
|
type ProgressSize = (typeof progressSizeOptions)[number];
|
|
493
541
|
interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, "max" | "value"> {
|
|
@@ -499,13 +547,13 @@ interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof Progr
|
|
|
499
547
|
declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
|
|
500
548
|
|
|
501
549
|
declare const radioGroupOrientationOptions: readonly ["horizontal", "vertical"];
|
|
502
|
-
declare const radioGroupVariantOptions: readonly ["default", "pill"];
|
|
550
|
+
declare const radioGroupVariantOptions: readonly ["default", "pill", "option"];
|
|
503
551
|
type RadioGroupOrientation = (typeof radioGroupOrientationOptions)[number];
|
|
504
552
|
type RadioGroupVariant = (typeof radioGroupVariantOptions)[number];
|
|
505
553
|
interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
|
|
506
554
|
variant?: RadioGroupVariant;
|
|
507
555
|
}
|
|
508
|
-
declare const
|
|
556
|
+
declare const RadioGroupRoot: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
509
557
|
interface RadioGroupItemProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, "children" | "className"> {
|
|
510
558
|
className?: string;
|
|
511
559
|
controlClassName?: string;
|
|
@@ -516,6 +564,45 @@ interface RadioGroupItemProps extends Omit<React.ComponentPropsWithoutRef<typeof
|
|
|
516
564
|
labelClassName?: string;
|
|
517
565
|
}
|
|
518
566
|
declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
567
|
+
interface RadioGroupOptionProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, "children"> {
|
|
568
|
+
children?: React.ReactNode;
|
|
569
|
+
}
|
|
570
|
+
interface RadioGroupOptionAvatarProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
|
|
571
|
+
alt?: string;
|
|
572
|
+
children?: React.ReactNode;
|
|
573
|
+
name?: string;
|
|
574
|
+
src?: string;
|
|
575
|
+
avatarClassName?: string;
|
|
576
|
+
avatarProps?: Omit<AvatarProps, "alt" | "className" | "name" | "src">;
|
|
577
|
+
}
|
|
578
|
+
interface RadioGroupOptionLabelProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
579
|
+
}
|
|
580
|
+
interface RadioGroupOptionDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
581
|
+
}
|
|
582
|
+
interface RadioGroupOptionIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
583
|
+
}
|
|
584
|
+
declare const RadioGroupOptionAvatar: React.ForwardRefExoticComponent<RadioGroupOptionAvatarProps & React.RefAttributes<HTMLSpanElement>>;
|
|
585
|
+
declare const RadioGroupOptionLabel: React.ForwardRefExoticComponent<RadioGroupOptionLabelProps & React.RefAttributes<HTMLSpanElement>>;
|
|
586
|
+
declare const RadioGroupOptionDescription: React.ForwardRefExoticComponent<RadioGroupOptionDescriptionProps & React.RefAttributes<HTMLSpanElement>>;
|
|
587
|
+
declare const RadioGroupOptionIndicator: React.ForwardRefExoticComponent<RadioGroupOptionIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
|
|
588
|
+
declare const RadioGroupOption: React.ForwardRefExoticComponent<RadioGroupOptionProps & React.RefAttributes<HTMLButtonElement>>;
|
|
589
|
+
type RadioGroupComponent = typeof RadioGroupRoot & {
|
|
590
|
+
Root: typeof RadioGroupRoot;
|
|
591
|
+
Item: typeof RadioGroupItem;
|
|
592
|
+
Option: typeof RadioGroupOption;
|
|
593
|
+
OptionAvatar: typeof RadioGroupOptionAvatar;
|
|
594
|
+
OptionDescription: typeof RadioGroupOptionDescription;
|
|
595
|
+
OptionIndicator: typeof RadioGroupOptionIndicator;
|
|
596
|
+
OptionLabel: typeof RadioGroupOptionLabel;
|
|
597
|
+
};
|
|
598
|
+
declare const RadioGroup: RadioGroupComponent;
|
|
599
|
+
|
|
600
|
+
interface RightRailActionProps extends Omit<ButtonProps, "aria-label" | "children" | "leftIcon" | "rightIcon" | "size" | "variant"> {
|
|
601
|
+
"aria-label": string;
|
|
602
|
+
active?: boolean;
|
|
603
|
+
icon: React.ReactNode;
|
|
604
|
+
}
|
|
605
|
+
declare const RightRailAction: React.ForwardRefExoticComponent<RightRailActionProps & React.RefAttributes<HTMLButtonElement>>;
|
|
519
606
|
|
|
520
607
|
declare const scrollAreaOrientationOptions: readonly ["horizontal", "vertical"];
|
|
521
608
|
type ScrollAreaOrientation = (typeof scrollAreaOrientationOptions)[number];
|
|
@@ -659,11 +746,11 @@ interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
|
|
|
659
746
|
}
|
|
660
747
|
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
661
748
|
|
|
662
|
-
type TextSize =
|
|
749
|
+
type TextSize = SofyaTextStyleName;
|
|
663
750
|
type TextWeight = React.CSSProperties["fontWeight"];
|
|
664
751
|
type TextVariant = "default" | "gradient" | "shiny" | "split";
|
|
665
752
|
type TextSplitType = "chars" | "words" | "words, chars";
|
|
666
|
-
declare const textSizeOptions: readonly ["h1", "h2", "h3", "h4", "h5", "body", "tiny", "extra-tiny"];
|
|
753
|
+
declare const textSizeOptions: readonly ["display-xl", "display-lg", "heading-xl", "heading-lg", "heading-md", "h1", "h2", "h3", "h4", "h5", "encounter-title", "title-md", "title-sm", "body-lg", "body-md", "body-sm", "body", "label-md", "section-label", "eyebrow-md", "overline-md", "sidebar-title", "sidebar-title-regular", "sidebar-title-strong", "sidebar-label", "sidebar-label-strong", "sidebar-body", "sidebar-tag", "encounter-chip", "encounter-history", "caption", "eyebrow", "tiny", "extra-tiny", "code-sm"];
|
|
667
754
|
declare const textVariantOptions: readonly ["default", "gradient", "shiny", "split"];
|
|
668
755
|
declare const textSplitTypeOptions: readonly ["chars", "words", "words, chars"];
|
|
669
756
|
interface TextProps extends React.HTMLAttributes<HTMLElement> {
|
|
@@ -702,4 +789,4 @@ interface SofyaProviderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
702
789
|
}
|
|
703
790
|
declare function SofyaProvider({ preset, overrides, className, style, children, ...props }: SofyaProviderProps): react_jsx_runtime.JSX.Element;
|
|
704
791
|
|
|
705
|
-
export { Accordion, type AccordionAppearance, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertProps, type AlertSize, AlertTitle, type AlertTone, Avatar, type AvatarProps, Badge, type BadgeAlert, type BadgePillTone, type BadgeProps, type BadgeVariant, Button, type ButtonLanguageLocale, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Dialog, DialogBody, DialogCancel, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dropdown, type DropdownAppearance, type DropdownItem, type DropdownProps, DropdownSearch, type DropdownSearchOption, type DropdownSearchProps, type DropdownSubItem, type DropdownTriggerSize, type DropdownVariant, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyMediaProps, type EmptyProps, EmptyTitle, Icon, type IconColor, type IconName, type IconProps, type IconSize, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant, Label, Link, type LinkProps, Logo, type LogoProps, type LogoSize, type LogoVariant, type NotificationVariant, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverDescription, PopoverPortal, PopoverTitle, PopoverTrigger, Progress, type ProgressProps, type ProgressSize, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupOrientation, type RadioGroupProps, type RadioGroupVariant, ScrollArea, ScrollAreaCorner, type ScrollAreaOrientation, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaViewport, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, type SelectSize, SelectTrigger, SelectValue, Separator, Skeleton, type SkeletonProps, Slider, type SliderProps, SofyaProvider, type SofyaProviderProps, Spinner, type SpinnerProps, type SpinnerSize, Surface, type SurfaceVariant, Switch, type SwitchProps, type SwitchSize, Table, TableActionButton, type TableActionButtonProps, TableActions, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, TableRow, TableStatusBadge, type TableStatusBadgeProps, Tabs, type TabsItem, type TabsProps, Text, type TextProps, type TextSize, type TextSplitType, type TextVariant, type TextWeight, Textarea, type TextareaProps, Toaster, type ToasterProps, Toggle, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UploadKind, accordionAppearanceOptions, alertSizeOptions, alertToneOptions, avatarSizeOptions, avatarVariants, badgeAlertOptions, badgeAlertVariants, badgePillToneOptions, badgePillVariants, badgeVariantOptions, badgeVariants, buttonLanguageLocaleOptions, buttonSizeOptions, buttonVariantOptions, buttonVariants, cardVariants, dropdownAppearanceOptions, dropdownLanguageItems, dropdownTriggerSizeOptions, dropdownVariantOptions, emptyMediaVariantOptions, iconColorOptions, iconNames, iconSizeMap, iconSizeOptions, inputVariantOptions, isTextContent, logoSizeOptions, logoVariants, notificationVariantOptions, paginationLinkVariants, progressSizeOptions, radioGroupOrientationOptions, radioGroupVariantOptions, renderTextContent, scrollAreaOrientationOptions, selectSizeOptions, spinnerSizeOptions, switchSizeOptions, tableActionToneOptions, tableCellVariantOptions, tableStatusToneOptions, textSizeOptions, textSplitTypeOptions, textVariantOptions, uploadKindOptions };
|
|
792
|
+
export { Accordion, type AccordionAppearance, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertProps, type AlertSize, AlertTitle, type AlertTone, Avatar, type AvatarProps, Badge, type BadgeAlert, type BadgePillTone, type BadgeProps, type BadgeVariant, Button, type ButtonLanguageLocale, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Cluster, type ClusterProps, Container, type ContainerProps, Dialog, DialogBody, DialogCancel, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocumentCard, type DocumentCardProps, Dropdown, type DropdownAppearance, type DropdownItem, type DropdownProps, DropdownSearch, type DropdownSearchOption, type DropdownSearchProps, type DropdownSubItem, type DropdownTriggerSize, type DropdownVariant, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyMediaProps, type EmptyProps, EmptyTitle, Icon, type IconColor, type IconName, type IconProps, type IconSize, Inline, type InlineProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant, Label, Link, type LinkProps, Logo, type LogoProps, type LogoSize, type LogoVariant, type NotificationVariant, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverDescription, PopoverPortal, PopoverTitle, PopoverTrigger, Progress, type ProgressProps, type ProgressSize, ProseDialogBody, ProseDialogContent, type ProseDialogContentProps, ProseDialogDescription, ProseDialogHeader, ProseDialogTitle, RadioGroup, RadioGroupItem, type RadioGroupItemProps, RadioGroupOption, RadioGroupOptionAvatar, type RadioGroupOptionAvatarProps, RadioGroupOptionDescription, type RadioGroupOptionDescriptionProps, RadioGroupOptionIndicator, type RadioGroupOptionIndicatorProps, RadioGroupOptionLabel, type RadioGroupOptionLabelProps, type RadioGroupOptionProps, type RadioGroupOrientation, type RadioGroupProps, type RadioGroupVariant, RightRailAction, type RightRailActionProps, ScrollArea, ScrollAreaCorner, type ScrollAreaOrientation, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaViewport, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, type SelectSize, SelectTrigger, SelectValue, Separator, Skeleton, type SkeletonProps, Slider, type SliderProps, SofyaProvider, type SofyaProviderProps, Spinner, type SpinnerProps, type SpinnerSize, Stack, type StackProps, Surface, type SurfaceVariant, Switch, type SwitchProps, type SwitchSize, Table, TableActionButton, type TableActionButtonProps, TableActions, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, TableHeader, TableRow, TableStatusBadge, type TableStatusBadgeProps, Tabs, type TabsItem, type TabsProps, Text, type TextProps, type TextSize, type TextSplitType, type TextVariant, type TextWeight, Textarea, type TextareaProps, Toaster, type ToasterProps, Toggle, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UploadKind, accordionAppearanceOptions, alertSizeOptions, alertToneOptions, avatarSizeOptions, avatarVariants, badgeAlertOptions, badgeAlertVariants, badgePillToneOptions, badgePillVariants, badgeVariantOptions, badgeVariants, buttonLanguageLocaleOptions, buttonSizeOptions, buttonVariantOptions, buttonVariants, cardVariants, dropdownAppearanceOptions, dropdownLanguageItems, dropdownTriggerSizeOptions, dropdownVariantOptions, emptyMediaVariantOptions, iconColorOptions, iconNames, iconSizeMap, iconSizeOptions, inputVariantOptions, isTextContent, logoSizeOptions, logoVariants, notificationVariantOptions, paginationLinkVariants, progressSizeOptions, radioGroupOrientationOptions, radioGroupVariantOptions, renderTextContent, scrollAreaOrientationOptions, selectSizeOptions, spinnerSizeOptions, surfaceVariantOptions, switchSizeOptions, tableActionToneOptions, tableCellVariantOptions, tableStatusToneOptions, textSizeOptions, textSplitTypeOptions, textVariantOptions, uploadKindOptions };
|