@lotte-innovate/ui-component-test 0.1.34 → 0.1.36
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +5 -5
- package/dist/globals.css +2 -2
- package/package.json +19 -15
- package/dist/lib/Typography/Header/index.d.ts +0 -13
- package/dist/lib/Typography/Header/index.js +0 -55
- package/dist/lib/Typography/Text/index.d.ts +0 -15
- package/dist/lib/Typography/Text/index.js +0 -44
- package/dist/lib/Typography/index.d.ts +0 -2
- package/dist/lib/Typography/index.js +0 -2
- package/dist/lib/color/alpha.d.ts +0 -784
- package/dist/lib/color/alpha.js +0 -784
- package/dist/lib/color/constants.d.ts +0 -29
- package/dist/lib/color/constants.js +0 -296
- package/dist/lib/color/dark.d.ts +0 -392
- package/dist/lib/color/dark.js +0 -392
- package/dist/lib/color/krdsColors.d.ts +0 -309
- package/dist/lib/color/krdsColors.js +0 -309
- package/dist/lib/color/light.d.ts +0 -392
- package/dist/lib/color/light.js +0 -393
- package/dist/lib/components/Accordion/index.d.ts +0 -22
- package/dist/lib/components/Accordion/index.js +0 -64
- package/dist/lib/components/AlertDialog/AlertDialogAction.d.ts +0 -14
- package/dist/lib/components/AlertDialog/AlertDialogAction.js +0 -61
- package/dist/lib/components/AlertDialog/AlertDialogCancel.d.ts +0 -13
- package/dist/lib/components/AlertDialog/AlertDialogCancel.js +0 -60
- package/dist/lib/components/AlertDialog/AlertDialogContent.d.ts +0 -11
- package/dist/lib/components/AlertDialog/AlertDialogContent.js +0 -51
- package/dist/lib/components/AlertDialog/AlertDialogDescription.d.ts +0 -10
- package/dist/lib/components/AlertDialog/AlertDialogDescription.js +0 -47
- package/dist/lib/components/AlertDialog/AlertDialogRoot.d.ts +0 -16
- package/dist/lib/components/AlertDialog/AlertDialogRoot.js +0 -46
- package/dist/lib/components/AlertDialog/AlertDialogTitle.d.ts +0 -10
- package/dist/lib/components/AlertDialog/AlertDialogTitle.js +0 -47
- package/dist/lib/components/AlertDialog/AlertDialogTrigger.d.ts +0 -17
- package/dist/lib/components/AlertDialog/AlertDialogTrigger.js +0 -55
- package/dist/lib/components/AlertDialog/index.d.ts +0 -11
- package/dist/lib/components/AlertDialog/index.js +0 -17
- package/dist/lib/components/AspectRatio/index.d.ts +0 -10
- package/dist/lib/components/AspectRatio/index.js +0 -42
- package/dist/lib/components/Avatar/index.d.ts +0 -20
- package/dist/lib/components/Avatar/index.js +0 -58
- package/dist/lib/components/Badge/index.d.ts +0 -18
- package/dist/lib/components/Badge/index.js +0 -54
- package/dist/lib/components/BarChart/index.d.ts +0 -37
- package/dist/lib/components/BarChart/index.js +0 -60
- package/dist/lib/components/BubbleChart/index.d.ts +0 -35
- package/dist/lib/components/BubbleChart/index.js +0 -54
- package/dist/lib/components/Button/index.d.ts +0 -16
- package/dist/lib/components/Button/index.js +0 -56
- package/dist/lib/components/Callout/CalloutIcon.d.ts +0 -12
- package/dist/lib/components/Callout/CalloutIcon.js +0 -57
- package/dist/lib/components/Callout/CalloutRoot.d.ts +0 -18
- package/dist/lib/components/Callout/CalloutRoot.js +0 -72
- package/dist/lib/components/Callout/CalloutText.d.ts +0 -10
- package/dist/lib/components/Callout/CalloutText.js +0 -52
- package/dist/lib/components/Callout/index.d.ts +0 -7
- package/dist/lib/components/Callout/index.js +0 -9
- package/dist/lib/components/Card/index.d.ts +0 -14
- package/dist/lib/components/Card/index.js +0 -64
- package/dist/lib/components/Checkbox/index.d.ts +0 -17
- package/dist/lib/components/Checkbox/index.js +0 -89
- package/dist/lib/components/CheckboxCard/index.d.ts +0 -20
- package/dist/lib/components/CheckboxCard/index.js +0 -58
- package/dist/lib/components/CheckboxGroup/CheckboxGroupItem.d.ts +0 -5
- package/dist/lib/components/CheckboxGroup/CheckboxGroupItem.js +0 -33
- package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.d.ts +0 -16
- package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.js +0 -34
- package/dist/lib/components/CheckboxGroup/index.d.ts +0 -6
- package/dist/lib/components/CheckboxGroup/index.js +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuCheckboxItem.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuCheckboxItem.js +0 -42
- package/dist/lib/components/ContextMenu/ContextMenuContent.d.ts +0 -11
- package/dist/lib/components/ContextMenu/ContextMenuContent.js +0 -56
- package/dist/lib/components/ContextMenu/ContextMenuGroup.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuGroup.js +0 -30
- package/dist/lib/components/ContextMenu/ContextMenuItem.d.ts +0 -13
- package/dist/lib/components/ContextMenu/ContextMenuItem.js +0 -59
- package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.d.ts +0 -10
- package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.js +0 -50
- package/dist/lib/components/ContextMenu/ContextMenuLabel.d.ts +0 -11
- package/dist/lib/components/ContextMenu/ContextMenuLabel.js +0 -48
- package/dist/lib/components/ContextMenu/ContextMenuRadioGroup.d.ts +0 -8
- package/dist/lib/components/ContextMenu/ContextMenuRadioGroup.js +0 -31
- package/dist/lib/components/ContextMenu/ContextMenuRadioItem.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuRadioItem.js +0 -44
- package/dist/lib/components/ContextMenu/ContextMenuRoot.d.ts +0 -13
- package/dist/lib/components/ContextMenu/ContextMenuRoot.js +0 -42
- package/dist/lib/components/ContextMenu/ContextMenuSeparator.d.ts +0 -3
- package/dist/lib/components/ContextMenu/ContextMenuSeparator.js +0 -31
- package/dist/lib/components/ContextMenu/ContextMenuSubContent.d.ts +0 -11
- package/dist/lib/components/ContextMenu/ContextMenuSubContent.js +0 -54
- package/dist/lib/components/ContextMenu/ContextMenuSubTrigger.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuSubTrigger.js +0 -40
- package/dist/lib/components/ContextMenu/ContextMenuTrigger.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuTrigger.js +0 -31
- package/dist/lib/components/ContextMenu/index.d.ts +0 -17
- package/dist/lib/components/ContextMenu/index.js +0 -29
- package/dist/lib/components/DataList/DataListItem.d.ts +0 -9
- package/dist/lib/components/DataList/DataListItem.js +0 -43
- package/dist/lib/components/DataList/DataListLabel.d.ts +0 -10
- package/dist/lib/components/DataList/DataListLabel.js +0 -49
- package/dist/lib/components/DataList/DataListRoot.d.ts +0 -14
- package/dist/lib/components/DataList/DataListRoot.js +0 -54
- package/dist/lib/components/DataList/DataListValue.d.ts +0 -11
- package/dist/lib/components/DataList/DataListValue.js +0 -51
- package/dist/lib/components/DataList/index.d.ts +0 -8
- package/dist/lib/components/DataList/index.js +0 -6
- package/dist/lib/components/Dialog/DialogAction.d.ts +0 -13
- package/dist/lib/components/Dialog/DialogAction.js +0 -59
- package/dist/lib/components/Dialog/DialogCancel.d.ts +0 -11
- package/dist/lib/components/Dialog/DialogCancel.js +0 -55
- package/dist/lib/components/Dialog/DialogContent.d.ts +0 -11
- package/dist/lib/components/Dialog/DialogContent.js +0 -57
- package/dist/lib/components/Dialog/DialogDescription.d.ts +0 -9
- package/dist/lib/components/Dialog/DialogDescription.js +0 -47
- package/dist/lib/components/Dialog/DialogRoot.d.ts +0 -15
- package/dist/lib/components/Dialog/DialogRoot.js +0 -37
- package/dist/lib/components/Dialog/DialogSlot.d.ts +0 -9
- package/dist/lib/components/Dialog/DialogSlot.js +0 -46
- package/dist/lib/components/Dialog/DialogTitle.d.ts +0 -11
- package/dist/lib/components/Dialog/DialogTitle.js +0 -47
- package/dist/lib/components/Dialog/DialogTrigger.d.ts +0 -3
- package/dist/lib/components/Dialog/DialogTrigger.js +0 -30
- package/dist/lib/components/Dialog/index.d.ts +0 -15
- package/dist/lib/components/Dialog/index.js +0 -19
- package/dist/lib/components/DoughnutChart/index.d.ts +0 -22
- package/dist/lib/components/DoughnutChart/index.js +0 -65
- package/dist/lib/components/DropdownMenu/DropdonMenuRadioGroup.d.ts +0 -3
- package/dist/lib/components/DropdownMenu/DropdonMenuRadioGroup.js +0 -30
- package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.d.ts +0 -11
- package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.js +0 -60
- package/dist/lib/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts +0 -7
- package/dist/lib/components/DropdownMenu/DropdownMenuCheckboxItem.js +0 -41
- package/dist/lib/components/DropdownMenu/DropdownMenuContent.d.ts +0 -11
- package/dist/lib/components/DropdownMenu/DropdownMenuContent.js +0 -56
- package/dist/lib/components/DropdownMenu/DropdownMenuItem.d.ts +0 -15
- package/dist/lib/components/DropdownMenu/DropdownMenuItem.js +0 -58
- package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.d.ts +0 -10
- package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.js +0 -48
- package/dist/lib/components/DropdownMenu/DropdownMenuLable.d.ts +0 -10
- package/dist/lib/components/DropdownMenu/DropdownMenuLable.js +0 -45
- package/dist/lib/components/DropdownMenu/DropdownMenuRadioItem.d.ts +0 -6
- package/dist/lib/components/DropdownMenu/DropdownMenuRadioItem.js +0 -41
- package/dist/lib/components/DropdownMenu/DropdownMenuRoot.d.ts +0 -15
- package/dist/lib/components/DropdownMenu/DropdownMenuRoot.js +0 -38
- package/dist/lib/components/DropdownMenu/DropdownMenuSeparator.d.ts +0 -3
- package/dist/lib/components/DropdownMenu/DropdownMenuSeparator.js +0 -31
- package/dist/lib/components/DropdownMenu/DropdownMenuSub.d.ts +0 -3
- package/dist/lib/components/DropdownMenu/DropdownMenuSub.js +0 -30
- package/dist/lib/components/DropdownMenu/DropdownMenuSubTrigger.d.ts +0 -4
- package/dist/lib/components/DropdownMenu/DropdownMenuSubTrigger.js +0 -40
- package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.d.ts +0 -14
- package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.js +0 -53
- package/dist/lib/components/DropdownMenu/index.d.ts +0 -20
- package/dist/lib/components/DropdownMenu/index.js +0 -29
- package/dist/lib/components/HoverCard/HoverCardContent.d.ts +0 -14
- package/dist/lib/components/HoverCard/HoverCardContent.js +0 -61
- package/dist/lib/components/HoverCard/HoverCardRoot.d.ts +0 -11
- package/dist/lib/components/HoverCard/HoverCardRoot.js +0 -38
- package/dist/lib/components/HoverCard/HoverCardTrigger.d.ts +0 -3
- package/dist/lib/components/HoverCard/HoverCardTrigger.js +0 -30
- package/dist/lib/components/HoverCard/index.d.ts +0 -10
- package/dist/lib/components/HoverCard/index.js +0 -9
- package/dist/lib/components/IconButton/index.d.ts +0 -15
- package/dist/lib/components/IconButton/index.js +0 -63
- package/dist/lib/components/Inset/index.d.ts +0 -10
- package/dist/lib/components/Inset/index.js +0 -50
- package/dist/lib/components/Label/index.d.ts +0 -17
- package/dist/lib/components/Label/index.js +0 -53
- package/dist/lib/components/LineChart/index.d.ts +0 -43
- package/dist/lib/components/LineChart/index.js +0 -59
- package/dist/lib/components/Menubar/MenubarCheckboxItem.d.ts +0 -4
- package/dist/lib/components/Menubar/MenubarCheckboxItem.js +0 -38
- package/dist/lib/components/Menubar/MenubarContent.d.ts +0 -11
- package/dist/lib/components/Menubar/MenubarContent.js +0 -60
- package/dist/lib/components/Menubar/MenubarItem.d.ts +0 -13
- package/dist/lib/components/Menubar/MenubarItem.js +0 -54
- package/dist/lib/components/Menubar/MenubarItemIndicator.d.ts +0 -10
- package/dist/lib/components/Menubar/MenubarItemIndicator.js +0 -49
- package/dist/lib/components/Menubar/MenubarMenu.d.ts +0 -2
- package/dist/lib/components/Menubar/MenubarMenu.js +0 -30
- package/dist/lib/components/Menubar/MenubarRadioGroup.d.ts +0 -8
- package/dist/lib/components/Menubar/MenubarRadioGroup.js +0 -31
- package/dist/lib/components/Menubar/MenubarRadioItem.d.ts +0 -4
- package/dist/lib/components/Menubar/MenubarRadioItem.js +0 -40
- package/dist/lib/components/Menubar/MenubarRoot.d.ts +0 -19
- package/dist/lib/components/Menubar/MenubarRoot.js +0 -61
- package/dist/lib/components/Menubar/MenubarSeparator.d.ts +0 -3
- package/dist/lib/components/Menubar/MenubarSeparator.js +0 -31
- package/dist/lib/components/Menubar/MenubarSub.d.ts +0 -3
- package/dist/lib/components/Menubar/MenubarSub.js +0 -30
- package/dist/lib/components/Menubar/MenubarSubContent.d.ts +0 -10
- package/dist/lib/components/Menubar/MenubarSubContent.js +0 -51
- package/dist/lib/components/Menubar/MenubarSubTrigger.d.ts +0 -4
- package/dist/lib/components/Menubar/MenubarSubTrigger.js +0 -41
- package/dist/lib/components/Menubar/MenubarTrigger.d.ts +0 -12
- package/dist/lib/components/Menubar/MenubarTrigger.js +0 -57
- package/dist/lib/components/Menubar/index.d.ts +0 -17
- package/dist/lib/components/Menubar/index.js +0 -29
- package/dist/lib/components/NavigationMenu/NavigationMenuContent.d.ts +0 -11
- package/dist/lib/components/NavigationMenu/NavigationMenuContent.js +0 -48
- package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.d.ts +0 -3
- package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.js +0 -31
- package/dist/lib/components/NavigationMenu/NavigationMenuItem.d.ts +0 -3
- package/dist/lib/components/NavigationMenu/NavigationMenuItem.js +0 -30
- package/dist/lib/components/NavigationMenu/NavigationMenuLink.d.ts +0 -13
- package/dist/lib/components/NavigationMenu/NavigationMenuLink.js +0 -51
- package/dist/lib/components/NavigationMenu/NavigationMenuList.d.ts +0 -12
- package/dist/lib/components/NavigationMenu/NavigationMenuList.js +0 -47
- package/dist/lib/components/NavigationMenu/NavigationMenuRoot.d.ts +0 -14
- package/dist/lib/components/NavigationMenu/NavigationMenuRoot.js +0 -43
- package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.d.ts +0 -13
- package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.js +0 -58
- package/dist/lib/components/NavigationMenu/NavigationMenuViewport.d.ts +0 -12
- package/dist/lib/components/NavigationMenu/NavigationMenuViewport.js +0 -53
- package/dist/lib/components/NavigationMenu/index.d.ts +0 -12
- package/dist/lib/components/NavigationMenu/index.js +0 -10
- package/dist/lib/components/PieChart/index.d.ts +0 -22
- package/dist/lib/components/PieChart/index.js +0 -65
- package/dist/lib/components/Popover/PopoverClose.d.ts +0 -9
- package/dist/lib/components/Popover/PopoverClose.js +0 -48
- package/dist/lib/components/Popover/PopoverContent.d.ts +0 -11
- package/dist/lib/components/Popover/PopoverContent.js +0 -65
- package/dist/lib/components/Popover/PopoverRoot.d.ts +0 -12
- package/dist/lib/components/Popover/PopoverRoot.js +0 -36
- package/dist/lib/components/Popover/PopoverTrigger.d.ts +0 -3
- package/dist/lib/components/Popover/PopoverTrigger.js +0 -30
- package/dist/lib/components/Popover/index.d.ts +0 -11
- package/dist/lib/components/Popover/index.js +0 -11
- package/dist/lib/components/Progress/index.d.ts +0 -16
- package/dist/lib/components/Progress/index.js +0 -57
- package/dist/lib/components/RadarChart/index.d.ts +0 -39
- package/dist/lib/components/RadarChart/index.js +0 -54
- package/dist/lib/components/Radio/index.d.ts +0 -14
- package/dist/lib/components/Radio/index.js +0 -51
- package/dist/lib/components/RadioCards/RadioCardsItem.d.ts +0 -10
- package/dist/lib/components/RadioCards/RadioCardsItem.js +0 -54
- package/dist/lib/components/RadioCards/RadioCardsRoot.d.ts +0 -14
- package/dist/lib/components/RadioCards/RadioCardsRoot.js +0 -46
- package/dist/lib/components/RadioCards/index.d.ts +0 -6
- package/dist/lib/components/RadioCards/index.js +0 -7
- package/dist/lib/components/RadioGroup/RadioGroupItem.d.ts +0 -13
- package/dist/lib/components/RadioGroup/RadioGroupItem.js +0 -46
- package/dist/lib/components/RadioGroup/RadioGroupRoot.d.ts +0 -16
- package/dist/lib/components/RadioGroup/RadioGroupRoot.js +0 -53
- package/dist/lib/components/RadioGroup/index.d.ts +0 -6
- package/dist/lib/components/RadioGroup/index.js +0 -7
- package/dist/lib/components/ScrollArea/index.d.ts +0 -9
- package/dist/lib/components/ScrollArea/index.js +0 -36
- package/dist/lib/components/SegmentedControl/SegmentedControlItem.d.ts +0 -6
- package/dist/lib/components/SegmentedControl/SegmentedControlItem.js +0 -35
- package/dist/lib/components/SegmentedControl/SegmentedControlRoot.d.ts +0 -14
- package/dist/lib/components/SegmentedControl/SegmentedControlRoot.js +0 -47
- package/dist/lib/components/SegmentedControl/index.d.ts +0 -6
- package/dist/lib/components/SegmentedControl/index.js +0 -7
- package/dist/lib/components/Select/index.d.ts +0 -34
- package/dist/lib/components/Select/index.js +0 -92
- package/dist/lib/components/Separator/index.d.ts +0 -11
- package/dist/lib/components/Separator/index.js +0 -47
- package/dist/lib/components/Skeleton/index.d.ts +0 -14
- package/dist/lib/components/Skeleton/index.js +0 -42
- package/dist/lib/components/Slider/index.d.ts +0 -14
- package/dist/lib/components/Slider/index.js +0 -49
- package/dist/lib/components/Spinner/index.d.ts +0 -15
- package/dist/lib/components/Spinner/index.js +0 -47
- package/dist/lib/components/TabNav/index.d.ts +0 -15
- package/dist/lib/components/TabNav/index.js +0 -50
- package/dist/lib/components/Table/index.d.ts +0 -30
- package/dist/lib/components/Table/index.js +0 -98
- package/dist/lib/components/Tabs/index.d.ts +0 -22
- package/dist/lib/components/Tabs/index.js +0 -65
- package/dist/lib/components/TextArea/index.d.ts +0 -16
- package/dist/lib/components/TextArea/index.js +0 -58
- package/dist/lib/components/TextField/index.d.ts +0 -21
- package/dist/lib/components/TextField/index.js +0 -56
- package/dist/lib/components/Toast/ToastActionButton.d.ts +0 -14
- package/dist/lib/components/Toast/ToastActionButton.js +0 -67
- package/dist/lib/components/Toast/ToastDescription.d.ts +0 -13
- package/dist/lib/components/Toast/ToastDescription.js +0 -53
- package/dist/lib/components/Toast/ToastRoot.d.ts +0 -27
- package/dist/lib/components/Toast/ToastRoot.js +0 -90
- package/dist/lib/components/Toast/ToastTitle.d.ts +0 -13
- package/dist/lib/components/Toast/ToastTitle.js +0 -53
- package/dist/lib/components/Toast/index.d.ts +0 -8
- package/dist/lib/components/Toast/index.js +0 -11
- package/dist/lib/components/Toggle/ToggleWithText.d.ts +0 -21
- package/dist/lib/components/Toggle/ToggleWithText.js +0 -57
- package/dist/lib/components/Toggle/index.d.ts +0 -21
- package/dist/lib/components/Toggle/index.js +0 -58
- package/dist/lib/components/ToggleGroup/ToggleGroupItem.d.ts +0 -17
- package/dist/lib/components/ToggleGroup/ToggleGroupItem.js +0 -54
- package/dist/lib/components/ToggleGroup/ToggleGroupRoot.d.ts +0 -15
- package/dist/lib/components/ToggleGroup/ToggleGroupRoot.js +0 -48
- package/dist/lib/components/ToggleGroup/index.d.ts +0 -6
- package/dist/lib/components/ToggleGroup/index.js +0 -7
- package/dist/lib/components/ToggleSwitch/index.d.ts +0 -13
- package/dist/lib/components/ToggleSwitch/index.js +0 -71
- package/dist/lib/components/Tooltip/index.d.ts +0 -20
- package/dist/lib/components/Tooltip/index.js +0 -50
- package/dist/lib/components/index.d.ts +0 -49
- package/dist/lib/components/index.js +0 -51
- package/dist/lib/constants.d.ts +0 -655
- package/dist/lib/constants.js +0 -914
- package/dist/lib/index.d.ts +0 -2
- package/dist/lib/index.js +0 -2
- package/dist/lib/types.d.ts +0 -69
- package/dist/lib/types.js +0 -1
- package/dist/lib/utils/utils.d.ts +0 -2
- package/dist/lib/utils/utils.js +0 -10
- package/dist/tailwind.config.d.ts +0 -3
- package/dist/tailwind.config.js +0 -144
@@ -1,16 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { VariantProps } from 'class-variance-authority';
|
3
|
-
import { IColor } from '../../../lib/types';
|
4
|
-
export interface TextAreaProps extends VariantProps<typeof textAreaNavVariants> {
|
5
|
-
color?: IColor;
|
6
|
-
href?: string;
|
7
|
-
appearance?: 'classic' | 'soft' | 'surface';
|
8
|
-
size?: 'small' | 'medium' | 'large' | 'x-large';
|
9
|
-
}
|
10
|
-
declare const textAreaNavVariants: (props?: ({
|
11
|
-
size?: "small" | "medium" | "large" | "x-large" | null | undefined;
|
12
|
-
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
13
|
-
radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
|
14
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
15
|
-
export declare const TextArea: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").TextAreaProps & React.RefAttributes<HTMLTextAreaElement>, "ref"> & TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
16
|
-
export default TextArea;
|
@@ -1,58 +0,0 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
-
import React from 'react';
|
25
|
-
import { cva } from 'class-variance-authority';
|
26
|
-
import { TextArea as TextAreaTheme, Theme } from '@radix-ui/themes';
|
27
|
-
import { cn } from '../../../lib/utils/utils';
|
28
|
-
import { radiusVariants, scalingVariants } from '../../../lib/constants';
|
29
|
-
var textAreaNavVariants = cva('w-[250px]', {
|
30
|
-
variants: {
|
31
|
-
size: {
|
32
|
-
small: 'text-xs h-[48px]',
|
33
|
-
medium: 'text-sm h-[64px]',
|
34
|
-
large: 'text-base h-[80px]',
|
35
|
-
'x-large': 'text-lg h-[96px]',
|
36
|
-
},
|
37
|
-
scaling: __assign({}, scalingVariants),
|
38
|
-
radius: __assign({}, radiusVariants['extra-large']),
|
39
|
-
},
|
40
|
-
defaultVariants: {
|
41
|
-
size: 'medium',
|
42
|
-
scaling: '100%',
|
43
|
-
radius: 'medium',
|
44
|
-
},
|
45
|
-
});
|
46
|
-
export var TextArea = React.forwardRef(function (_a, forwardedRef) {
|
47
|
-
var className = _a.className, children = _a.children, size = _a.size, appearance = _a.appearance, scaling = _a.scaling, radius = _a.radius, color = _a.color, textAreaProps = __rest(_a, ["className", "children", "size", "appearance", "scaling", "radius", "color"]);
|
48
|
-
var sizeTheme = '2';
|
49
|
-
if (size === 'small')
|
50
|
-
sizeTheme = '1';
|
51
|
-
if (size === 'large')
|
52
|
-
sizeTheme = '3';
|
53
|
-
if (!color)
|
54
|
-
color = 'red';
|
55
|
-
return (_jsx(Theme, { hasBackground: false, accentColor: color, children: _jsx(TextAreaTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, className: cn(textAreaNavVariants({ size: size, scaling: scaling, radius: radius }), size === 'x-large' && 'rt-r-size-4', className) }, textAreaProps)) }));
|
56
|
-
});
|
57
|
-
TextArea.displayName = 'TextArea';
|
58
|
-
export default TextArea;
|
@@ -1,21 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { VariantProps } from 'class-variance-authority';
|
3
|
-
import { TextField as TextFieldTheme } from '@radix-ui/themes';
|
4
|
-
import { IScaling } from '../../../lib/types';
|
5
|
-
export interface TextFieldProps extends VariantProps<typeof textFieldVariants> {
|
6
|
-
appearance?: 'classic' | 'soft' | 'surface';
|
7
|
-
label?: string;
|
8
|
-
size?: 'small' | 'medium' | 'large';
|
9
|
-
scaling?: IScaling;
|
10
|
-
}
|
11
|
-
declare const textFieldVariants: (props?: ({
|
12
|
-
radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
|
13
|
-
color?: string | null | undefined;
|
14
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
15
|
-
export declare const Root: React.ForwardRefExoticComponent<Omit<TextFieldTheme.RootProps & React.RefAttributes<HTMLInputElement>, "ref"> & TextFieldProps & React.RefAttributes<HTMLInputElement>>;
|
16
|
-
export declare const Slot: React.ForwardRefExoticComponent<Omit<TextFieldTheme.SlotProps & React.RefAttributes<HTMLDivElement>, "ref"> & TextFieldProps & React.RefAttributes<HTMLDivElement>>;
|
17
|
-
declare const TextField: {
|
18
|
-
Root: React.ForwardRefExoticComponent<Omit<TextFieldTheme.RootProps & React.RefAttributes<HTMLInputElement>, "ref"> & TextFieldProps & React.RefAttributes<HTMLInputElement>>;
|
19
|
-
Slot: React.ForwardRefExoticComponent<Omit<TextFieldTheme.SlotProps & React.RefAttributes<HTMLDivElement>, "ref"> & TextFieldProps & React.RefAttributes<HTMLDivElement>>;
|
20
|
-
};
|
21
|
-
export default TextField;
|
@@ -1,56 +0,0 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
-
import React from 'react';
|
25
|
-
import { cva } from 'class-variance-authority';
|
26
|
-
import { cn } from '../../../lib/utils/utils';
|
27
|
-
import { bgColorStyle, radiusVariants } from '../../../lib/constants';
|
28
|
-
import { Theme, TextField as TextFieldTheme } from '@radix-ui/themes';
|
29
|
-
var textFieldVariants = cva('', {
|
30
|
-
variants: {
|
31
|
-
radius: __assign({}, radiusVariants['base']),
|
32
|
-
color: bgColorStyle(),
|
33
|
-
},
|
34
|
-
});
|
35
|
-
export var Root = React.forwardRef(function (_a, forwardedRef) {
|
36
|
-
var className = _a.className, color = _a.color, size = _a.size, appearance = _a.appearance, _b = _a.scaling, scaling = _b === void 0 ? '100%' : _b, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, ["className", "color", "size", "appearance", "scaling", "radius", "children"]);
|
37
|
-
if (!color)
|
38
|
-
color = 'red';
|
39
|
-
var sizeTheme = '2';
|
40
|
-
if (size === 'small')
|
41
|
-
sizeTheme = '1';
|
42
|
-
if (size === 'large')
|
43
|
-
sizeTheme = '3';
|
44
|
-
return (_jsx(Theme, { scaling: scaling, accentColor: color, hasBackground: false, children: _jsx(TextFieldTheme.Root, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: radius, color: color, className: cn(textFieldVariants({ radius: radius }), className) }, sliderProps, { children: children })) }));
|
45
|
-
});
|
46
|
-
Root.displayName = 'TextField.Root';
|
47
|
-
export var Slot = React.forwardRef(function (_a, forwardedRef) {
|
48
|
-
var className = _a.className, color = _a.color, side = _a.side, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, ["className", "color", "side", "radius", "children"]);
|
49
|
-
return (_jsx(TextFieldTheme.Slot, __assign({ ref: forwardedRef, color: color, side: side, className: cn(textFieldVariants({ radius: radius }), className) }, sliderProps, { children: children })));
|
50
|
-
});
|
51
|
-
Slot.displayName = 'TextField.Slot';
|
52
|
-
var TextField = {
|
53
|
-
Root: Root,
|
54
|
-
Slot: Slot,
|
55
|
-
};
|
56
|
-
export default TextField;
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import * as ToastPrimitive from '@radix-ui/react-toast';
|
3
|
-
import { VariantProps } from 'class-variance-authority';
|
4
|
-
import { IAppearance } from '../../../lib/types';
|
5
|
-
export interface ToastActionButtonProps extends VariantProps<typeof toastActionButtonVariants> {
|
6
|
-
altText?: string;
|
7
|
-
appearance?: IAppearance;
|
8
|
-
}
|
9
|
-
export declare const toastActionButtonVariants: (props?: ({
|
10
|
-
radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
|
11
|
-
size?: "small" | "medium" | "large" | "x-large" | null | undefined;
|
12
|
-
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
13
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
14
|
-
export declare const ToastActionButton: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToastActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
@@ -1,67 +0,0 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
-
import { forwardRef } from 'react';
|
25
|
-
import * as ToastPrimitive from '@radix-ui/react-toast';
|
26
|
-
import { cva } from 'class-variance-authority';
|
27
|
-
import { cn } from '../../../lib/utils/utils';
|
28
|
-
import Button from '../../../lib/components/Button';
|
29
|
-
import { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';
|
30
|
-
import { useToastContext } from './ToastRoot';
|
31
|
-
export var toastActionButtonVariants = cva("absolute items-center justify-center", {
|
32
|
-
variants: {
|
33
|
-
radius: __assign({}, radiusVariants['base']),
|
34
|
-
size: {
|
35
|
-
small: 'text-xs min-w-[56px] h-[25px] font-normal right-3',
|
36
|
-
medium: 'text-xs min-w-[56px] h-[25px] font-normal right-3',
|
37
|
-
large: 'text-[15px] min-w-[76px] h-[35px] font-medium right-4',
|
38
|
-
'x-large': 'text-[15px] min-w-[76px] h-[35px] font-medium right-4',
|
39
|
-
},
|
40
|
-
scaling: __assign({}, scalingVariants),
|
41
|
-
},
|
42
|
-
defaultVariants: {
|
43
|
-
radius: 'medium',
|
44
|
-
scaling: '100%',
|
45
|
-
size: 'medium',
|
46
|
-
},
|
47
|
-
});
|
48
|
-
export var ToastActionButton = forwardRef(function (_a, ref) {
|
49
|
-
var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.altText, altText = _c === void 0 ? 'altText' : _c, props = __rest(_a, ["className", "children", "radius", "appearance", "altText"]);
|
50
|
-
var _d = useToastContext(), scaling = _d.scaling, size = _d.size, _e = _d.color, color = _e === void 0 ? 'danger' : _e;
|
51
|
-
var semantics = ['danger', 'warning', 'success', 'information'];
|
52
|
-
var colorMap = {
|
53
|
-
danger: 'red',
|
54
|
-
information: 'sky',
|
55
|
-
success: 'green',
|
56
|
-
warning: 'amber',
|
57
|
-
};
|
58
|
-
var getSemanticsStyle = function (color) {
|
59
|
-
var mappedColor = colorMap[color];
|
60
|
-
return mappedColor ? appearanceStyle('outline', mappedColor) : undefined;
|
61
|
-
};
|
62
|
-
var buttonClassName = cn(toastActionButtonVariants({ size: size, radius: radius, scaling: scaling }), color && semantics.includes(color)
|
63
|
-
? getSemanticsStyle(color)
|
64
|
-
: appearanceStyle(appearance, color !== null && color !== void 0 ? color : 'red'), className);
|
65
|
-
return (_jsx(ToastPrimitive.Action, __assign({ ref: ref, altText: altText }, props, { className: buttonClassName, asChild: true, children: _jsx(Button, { children: children }) })));
|
66
|
-
});
|
67
|
-
ToastActionButton.displayName = 'Toast.ActionButton';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import * as ToastPrimitive from '@radix-ui/react-toast';
|
3
|
-
import { VariantProps } from 'class-variance-authority';
|
4
|
-
import { IAppearance } from '../../../lib/types';
|
5
|
-
export interface ToastDescriptionProps extends VariantProps<typeof toastDescriptionVariants> {
|
6
|
-
contentText?: string;
|
7
|
-
appearance?: IAppearance;
|
8
|
-
}
|
9
|
-
export declare const toastDescriptionVariants: (props?: ({
|
10
|
-
size?: "small" | "medium" | "large" | "x-large" | null | undefined;
|
11
|
-
color?: "danger" | "warning" | "success" | "information" | null | undefined;
|
12
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
13
|
-
export declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & ToastDescriptionProps & React.RefAttributes<HTMLDivElement>>;
|
@@ -1,53 +0,0 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
-
import { forwardRef } from 'react';
|
25
|
-
import * as ToastPrimitive from '@radix-ui/react-toast';
|
26
|
-
import { cva } from 'class-variance-authority';
|
27
|
-
import { cn } from '../../../lib/utils/utils';
|
28
|
-
import { useToastContext } from './ToastRoot';
|
29
|
-
export var toastDescriptionVariants = cva('flex m-0 text-wrap text-slate-11 dark:text-slateDark-11', {
|
30
|
-
variants: {
|
31
|
-
size: {
|
32
|
-
small: 'text-xs font-normal w-[220px]',
|
33
|
-
medium: 'text-xs font-normal w-[312px]',
|
34
|
-
large: 'text-base font-medium w-[284px]',
|
35
|
-
'x-large': 'text-base font-medium w-[284px]',
|
36
|
-
},
|
37
|
-
color: {
|
38
|
-
danger: 'text-red-11',
|
39
|
-
warning: 'text-amber-11',
|
40
|
-
success: 'text-green-11',
|
41
|
-
information: 'text-sky-11',
|
42
|
-
},
|
43
|
-
},
|
44
|
-
defaultVariants: {
|
45
|
-
size: 'medium',
|
46
|
-
},
|
47
|
-
});
|
48
|
-
export var ToastDescription = forwardRef(function (_a, ref) {
|
49
|
-
var className = _a.className, children = _a.children, contentText = _a.contentText, props = __rest(_a, ["className", "children", "contentText"]);
|
50
|
-
var _b = useToastContext(), size = _b.size, color = _b.color;
|
51
|
-
return (_jsx(ToastPrimitive.Description, __assign({ ref: ref }, props, { children: _jsx("p", { className: cn(toastDescriptionVariants({ size: size, color: color }), className), children: contentText !== null && contentText !== void 0 ? contentText : children }) })));
|
52
|
-
});
|
53
|
-
ToastDescription.displayName = 'Toast.Description';
|
@@ -1,27 +0,0 @@
|
|
1
|
-
import React, { Dispatch, SetStateAction } from 'react';
|
2
|
-
import { VariantProps } from 'class-variance-authority';
|
3
|
-
import * as ToastPrimitive from '@radix-ui/react-toast';
|
4
|
-
import { toastTitleVariants } from './ToastTitle';
|
5
|
-
import { toastDescriptionVariants } from './ToastDescription';
|
6
|
-
import { toastActionButtonVariants } from './ToastActionButton';
|
7
|
-
export interface ToastProps extends VariantProps<typeof toastVariants>, VariantProps<typeof toastTitleVariants>, VariantProps<typeof toastDescriptionVariants>, VariantProps<typeof toastActionButtonVariants>, VariantProps<typeof toastViewportVariants> {
|
8
|
-
className?: string;
|
9
|
-
openToast?: boolean;
|
10
|
-
duration?: number;
|
11
|
-
titleText?: string;
|
12
|
-
contentText?: string;
|
13
|
-
color?: 'danger' | 'warning' | 'success' | 'information' | null;
|
14
|
-
setOpenToast?: Dispatch<SetStateAction<boolean>>;
|
15
|
-
}
|
16
|
-
export declare const toastVariants: (props?: ({
|
17
|
-
radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
|
18
|
-
size?: "small" | "medium" | "large" | "x-large" | null | undefined;
|
19
|
-
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
20
|
-
color?: "danger" | "warning" | "success" | "information" | null | undefined;
|
21
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
22
|
-
export declare const toastViewportVariants: (props?: ({
|
23
|
-
toastPosition?: "top_center" | "top_left" | "top_right" | "bottom_center" | "bottom_left" | "bottom_right" | null | undefined;
|
24
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
25
|
-
export declare const useToastContext: () => ToastProps;
|
26
|
-
export declare const ToastRoot: React.ForwardRefExoticComponent<ToastPrimitive.ToastProviderProps & ToastProps & React.RefAttributes<never>>;
|
27
|
-
export default ToastRoot;
|
@@ -1,90 +0,0 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
-
import { forwardRef, createContext, useContext, useMemo, } from 'react';
|
25
|
-
import { cva } from 'class-variance-authority';
|
26
|
-
import { cn } from '../../../lib/utils/utils';
|
27
|
-
import { scalingVariants } from '../../../lib/constants';
|
28
|
-
import * as ToastPrimitive from '@radix-ui/react-toast';
|
29
|
-
export var toastVariants = cva('flex bg-white dark:bg-slateDark-1', {
|
30
|
-
variants: {
|
31
|
-
radius: {
|
32
|
-
none: 'rounded-none',
|
33
|
-
small: 'rounded-[3px]',
|
34
|
-
medium: 'rounded',
|
35
|
-
large: 'rounded-md',
|
36
|
-
full: 'rounded-md',
|
37
|
-
},
|
38
|
-
size: {
|
39
|
-
small: 'w-[300px] min-h-[55px] p-3',
|
40
|
-
medium: 'w-[400px] min-h-[63px] p-3',
|
41
|
-
large: 'w-[400px] min-h-[84px] p-4',
|
42
|
-
'x-large': 'w-[400px] min-h-[88px] p-4',
|
43
|
-
},
|
44
|
-
scaling: __assign({}, scalingVariants),
|
45
|
-
color: {
|
46
|
-
danger: 'bg-red-3 dark:bg-redDark-3',
|
47
|
-
warning: 'bg-amber-3 dark:bg-amberDark-3',
|
48
|
-
success: 'bg-green-3 dark:bg-greenDark-3',
|
49
|
-
information: 'bg-sky-3 dark:bg-skyDark-3',
|
50
|
-
},
|
51
|
-
},
|
52
|
-
defaultVariants: {
|
53
|
-
radius: 'medium',
|
54
|
-
scaling: '100%',
|
55
|
-
size: 'medium',
|
56
|
-
},
|
57
|
-
});
|
58
|
-
export var toastViewportVariants = cva("[--viewport-padding:_25px] fixed flex flex-col outline-none gap-[10px]\n p-[var(--viewport-padding)] m-0 list-none z-[987654321]", {
|
59
|
-
variants: {
|
60
|
-
toastPosition: {
|
61
|
-
top_center: 'top-0 left-1/2 transform -translate-x-1/2',
|
62
|
-
top_left: 'top-0 left-0',
|
63
|
-
top_right: 'top-0 right-0',
|
64
|
-
bottom_center: 'bottom-0 left-1/2 transform -translate-x-1/2',
|
65
|
-
bottom_left: 'bottom-0 left-0',
|
66
|
-
bottom_right: 'bottom-0 right-0',
|
67
|
-
},
|
68
|
-
},
|
69
|
-
defaultVariants: {
|
70
|
-
toastPosition: 'top_right',
|
71
|
-
},
|
72
|
-
});
|
73
|
-
var ToastContext = createContext({
|
74
|
-
radius: 'medium',
|
75
|
-
scaling: '100%',
|
76
|
-
size: 'medium',
|
77
|
-
color: null,
|
78
|
-
});
|
79
|
-
export var useToastContext = function () {
|
80
|
-
return useContext(ToastContext);
|
81
|
-
};
|
82
|
-
export var ToastRoot = forwardRef(function (_a, ref) {
|
83
|
-
var className = _a.className, children = _a.children, openToast = _a.openToast, radius = _a.radius, scaling = _a.scaling, size = _a.size, color = _a.color, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, _c = _a.toastPosition, toastPosition = _c === void 0 ? 'top_right' : _c, setOpenToast = _a.setOpenToast, props = __rest(_a, ["className", "children", "openToast", "radius", "scaling", "size", "color", "duration", "toastPosition", "setOpenToast"]);
|
84
|
-
var contextValue = useMemo(function () { return ({ radius: radius, size: size, scaling: scaling, color: color }); }, [radius, size, scaling, color]);
|
85
|
-
var toastRootStyle = "\n shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] \n flex flex-col px-[15px] relative justify-center\n data-[state=open]:animate-slideIn \n data-[state=closed]:animate-hide \n data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] \n data-[swipe=cancel]:translate-x-0 \n data-[swipe=cancel]:transition-[transform_200ms_ease-out] \n data-[swipe=end]:animate-swipeOut\n ";
|
86
|
-
var toastClassName = cn(toastVariants({ radius: radius, scaling: scaling, size: size, color: color }), toastRootStyle, className);
|
87
|
-
return (_jsx(ToastContext.Provider, { value: contextValue, children: _jsxs(ToastPrimitive.Provider, { swipeDirection: "right", duration: duration, children: [_jsx(ToastPrimitive.Root, __assign({ ref: ref, className: toastClassName, open: openToast, onOpenChange: setOpenToast }, props, { children: children })), _jsx(ToastPrimitive.Viewport, { className: cn(toastViewportVariants({ toastPosition: toastPosition })) })] }) }));
|
88
|
-
});
|
89
|
-
ToastRoot.displayName = 'Toast.Root';
|
90
|
-
export default ToastRoot;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import * as ToastPrimitive from '@radix-ui/react-toast';
|
3
|
-
import { VariantProps } from 'class-variance-authority';
|
4
|
-
import { IAppearance } from '../../../lib/types';
|
5
|
-
export interface ToastTitleProps extends VariantProps<typeof toastTitleVariants> {
|
6
|
-
titleText?: string;
|
7
|
-
appearance?: IAppearance;
|
8
|
-
}
|
9
|
-
export declare const toastTitleVariants: (props?: ({
|
10
|
-
size?: "small" | "medium" | "large" | "x-large" | null | undefined;
|
11
|
-
color?: "danger" | "warning" | "success" | "information" | null | undefined;
|
12
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
13
|
-
export declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & ToastTitleProps & React.RefAttributes<HTMLDivElement>>;
|
@@ -1,53 +0,0 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
-
import { forwardRef } from 'react';
|
25
|
-
import * as ToastPrimitive from '@radix-ui/react-toast';
|
26
|
-
import { cva } from 'class-variance-authority';
|
27
|
-
import { cn } from '../../../lib/utils/utils';
|
28
|
-
import { useToastContext } from './ToastRoot';
|
29
|
-
export var toastTitleVariants = cva('flex mb-[5px] text-slate-12 dark:text-slateDark-12 text-wrap break-words font-medium', {
|
30
|
-
variants: {
|
31
|
-
size: {
|
32
|
-
small: 'text-sm w-[220px]',
|
33
|
-
medium: 'text-sm w-[312px]',
|
34
|
-
large: 'text-xl w-[284px]',
|
35
|
-
'x-large': 'text-2xl w-[284px]',
|
36
|
-
},
|
37
|
-
color: {
|
38
|
-
danger: 'text-red-11',
|
39
|
-
warning: 'text-amber-11',
|
40
|
-
success: 'text-green-11',
|
41
|
-
information: 'text-sky-11',
|
42
|
-
},
|
43
|
-
},
|
44
|
-
defaultVariants: {
|
45
|
-
size: 'medium',
|
46
|
-
},
|
47
|
-
});
|
48
|
-
export var ToastTitle = forwardRef(function (_a, ref) {
|
49
|
-
var className = _a.className, children = _a.children, titleText = _a.titleText, props = __rest(_a, ["className", "children", "titleText"]);
|
50
|
-
var _b = useToastContext(), size = _b.size, color = _b.color;
|
51
|
-
return (_jsx(ToastPrimitive.Title, __assign({ ref: ref }, props, { children: _jsx("p", { className: cn(toastTitleVariants({ size: size, color: color }), className), children: titleText !== null && titleText !== void 0 ? titleText : children }) })));
|
52
|
-
});
|
53
|
-
ToastTitle.displayName = 'Toast.Title';
|
@@ -1,8 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
declare const Toast: {
|
3
|
-
Root: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toast").ToastProviderProps & import("./ToastRoot").ToastProps & import("react").RefAttributes<never>>;
|
4
|
-
Title: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastTitleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./ToastTitle").ToastTitleProps & import("react").RefAttributes<HTMLDivElement>>;
|
5
|
-
Description: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastDescriptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./ToastDescription").ToastDescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
|
6
|
-
ActionButton: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastActionProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./ToastActionButton").ToastActionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
7
|
-
};
|
8
|
-
export default Toast;
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import { ToastRoot as Root } from './ToastRoot';
|
2
|
-
import { ToastTitle as Title } from './ToastTitle';
|
3
|
-
import { ToastDescription as Description } from './ToastDescription';
|
4
|
-
import { ToastActionButton as ActionButton } from './ToastActionButton';
|
5
|
-
var Toast = {
|
6
|
-
Root: Root,
|
7
|
-
Title: Title,
|
8
|
-
Description: Description,
|
9
|
-
ActionButton: ActionButton,
|
10
|
-
};
|
11
|
-
export default Toast;
|
@@ -1,21 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { VariantProps } from 'class-variance-authority';
|
3
|
-
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
4
|
-
import { IAppearance } from '../../../lib/types';
|
5
|
-
export interface ToggleWithTextProps extends VariantProps<typeof toggleWithTextVariants> {
|
6
|
-
text?: string;
|
7
|
-
appearance?: IAppearance;
|
8
|
-
size?: 'small' | 'medium' | 'large';
|
9
|
-
}
|
10
|
-
declare const toggleWithTextVariants: (props?: ({
|
11
|
-
radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
|
12
|
-
size?: "small" | "medium" | "large" | null | undefined;
|
13
|
-
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
14
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
15
|
-
export declare const IconScaling: {
|
16
|
-
small: string;
|
17
|
-
medium: string;
|
18
|
-
large: string;
|
19
|
-
};
|
20
|
-
export declare const ToggleWithText: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleWithTextProps & React.RefAttributes<HTMLButtonElement>>;
|
21
|
-
export {};
|
@@ -1,57 +0,0 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
-
import React, { Children, forwardRef } from 'react';
|
25
|
-
import { cva } from 'class-variance-authority';
|
26
|
-
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
27
|
-
import { radiusVariants, toggleAppearanceStyle } from '../../../lib/constants';
|
28
|
-
import { scalingVariants } from '../../../lib/constants';
|
29
|
-
import { cn } from '../../../lib/utils/utils';
|
30
|
-
var toggleWithTextVariants = cva('flex items-center justify-center box-border font-medium', {
|
31
|
-
variants: {
|
32
|
-
radius: __assign({}, radiusVariants['base']),
|
33
|
-
size: {
|
34
|
-
small: 'h-6 px-2 text-xs gap-1',
|
35
|
-
medium: 'h-8 px-3 text-sm gap-2',
|
36
|
-
large: 'h-10 px-4 text-base gap-3',
|
37
|
-
},
|
38
|
-
scaling: __assign({}, scalingVariants),
|
39
|
-
},
|
40
|
-
defaultVariants: {
|
41
|
-
radius: 'medium',
|
42
|
-
size: 'medium',
|
43
|
-
scaling: '100%',
|
44
|
-
},
|
45
|
-
});
|
46
|
-
export var IconScaling = {
|
47
|
-
small: 'w-[14px]',
|
48
|
-
medium: 'w-4',
|
49
|
-
large: 'w-[18px]',
|
50
|
-
};
|
51
|
-
export var ToggleWithText = forwardRef(function (_a, ref) {
|
52
|
-
var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, text = _a.text, props = __rest(_a, ["className", "children", "radius", "size", "scaling", "color", "appearance", "text"]);
|
53
|
-
return (_jsxs(TogglePrimitive.Root, __assign({ ref: ref, className: cn(toggleWithTextVariants({ radius: radius, size: size, scaling: scaling }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className) }, props, { children: [Children.map(children, function (child) {
|
54
|
-
return React.cloneElement(child, { className: IconScaling[size] });
|
55
|
-
}), text] })));
|
56
|
-
});
|
57
|
-
ToggleWithText.displayName = 'ToggleWithText';
|
@@ -1,21 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { VariantProps } from 'class-variance-authority';
|
3
|
-
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
4
|
-
import { IAppearance } from '../../../lib/types';
|
5
|
-
export * from './ToggleWithText';
|
6
|
-
export interface ToggleProps extends VariantProps<typeof toggleVariants> {
|
7
|
-
size?: 'small' | 'medium' | 'large';
|
8
|
-
appearance?: IAppearance;
|
9
|
-
}
|
10
|
-
declare const toggleVariants: (props?: ({
|
11
|
-
radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
|
12
|
-
size?: "small" | "medium" | "large" | null | undefined;
|
13
|
-
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
14
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
15
|
-
export declare const IconScaling: {
|
16
|
-
small: string;
|
17
|
-
medium: string;
|
18
|
-
large: string;
|
19
|
-
};
|
20
|
-
export declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleProps & React.RefAttributes<HTMLButtonElement>>;
|
21
|
-
export default Toggle;
|