@lotte-innovate/ui-component-test 0.0.49 → 0.0.50
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +18 -0
- package/package.json +14 -4
- package/dist/lib/Typography/Header/index.d.ts +0 -13
- package/dist/lib/Typography/Header/index.jsx +0 -58
- package/dist/lib/Typography/Text/index.d.ts +0 -15
- package/dist/lib/Typography/Text/index.jsx +0 -47
- 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.jsx +0 -76
- package/dist/lib/components/AlertDialog/AlertDialogAction.d.ts +0 -14
- package/dist/lib/components/AlertDialog/AlertDialogAction.jsx +0 -62
- package/dist/lib/components/AlertDialog/AlertDialogCancel.d.ts +0 -13
- package/dist/lib/components/AlertDialog/AlertDialogCancel.jsx +0 -61
- package/dist/lib/components/AlertDialog/AlertDialogContent.d.ts +0 -11
- package/dist/lib/components/AlertDialog/AlertDialogContent.jsx +0 -55
- package/dist/lib/components/AlertDialog/AlertDialogDescription.d.ts +0 -10
- package/dist/lib/components/AlertDialog/AlertDialogDescription.jsx +0 -37
- package/dist/lib/components/AlertDialog/AlertDialogRoot.d.ts +0 -16
- package/dist/lib/components/AlertDialog/AlertDialogRoot.jsx +0 -38
- package/dist/lib/components/AlertDialog/AlertDialogTitle.d.ts +0 -10
- package/dist/lib/components/AlertDialog/AlertDialogTitle.jsx +0 -37
- package/dist/lib/components/AlertDialog/AlertDialogTrigger.d.ts +0 -17
- package/dist/lib/components/AlertDialog/AlertDialogTrigger.jsx +0 -56
- package/dist/lib/components/AlertDialog/index.d.ts +0 -11
- package/dist/lib/components/AlertDialog/index.jsx +0 -17
- package/dist/lib/components/AspectRatio/index.d.ts +0 -10
- package/dist/lib/components/AspectRatio/index.jsx +0 -43
- package/dist/lib/components/Avatar/index.d.ts +0 -21
- package/dist/lib/components/Avatar/index.jsx +0 -62
- package/dist/lib/components/Badge/index.d.ts +0 -18
- package/dist/lib/components/Badge/index.jsx +0 -55
- package/dist/lib/components/BarChart/index.d.ts +0 -38
- package/dist/lib/components/BarChart/index.jsx +0 -62
- package/dist/lib/components/BubbleChart/index.d.ts +0 -29
- package/dist/lib/components/BubbleChart/index.jsx +0 -73
- package/dist/lib/components/Button/index.d.ts +0 -16
- package/dist/lib/components/Button/index.jsx +0 -57
- package/dist/lib/components/Callout/CalloutIcon.d.ts +0 -13
- package/dist/lib/components/Callout/CalloutIcon.jsx +0 -62
- package/dist/lib/components/Callout/CalloutRoot.d.ts +0 -18
- package/dist/lib/components/Callout/CalloutRoot.jsx +0 -75
- package/dist/lib/components/Callout/CalloutText.d.ts +0 -10
- package/dist/lib/components/Callout/CalloutText.jsx +0 -42
- package/dist/lib/components/Callout/index.d.ts +0 -7
- package/dist/lib/components/Callout/index.jsx +0 -9
- package/dist/lib/components/Card/index.d.ts +0 -14
- package/dist/lib/components/Card/index.jsx +0 -65
- package/dist/lib/components/Checkbox/index.d.ts +0 -17
- package/dist/lib/components/Checkbox/index.jsx +0 -97
- package/dist/lib/components/CheckboxCard/index.d.ts +0 -20
- package/dist/lib/components/CheckboxCard/index.jsx +0 -60
- package/dist/lib/components/CheckboxGroup/CheckboxGroupItem.d.ts +0 -5
- package/dist/lib/components/CheckboxGroup/CheckboxGroupItem.jsx +0 -25
- package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.d.ts +0 -17
- package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.jsx +0 -37
- package/dist/lib/components/CheckboxGroup/index.d.ts +0 -6
- package/dist/lib/components/CheckboxGroup/index.jsx +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuCheckboxItem.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuCheckboxItem.jsx +0 -35
- package/dist/lib/components/ContextMenu/ContextMenuContent.d.ts +0 -11
- package/dist/lib/components/ContextMenu/ContextMenuContent.jsx +0 -59
- package/dist/lib/components/ContextMenu/ContextMenuGroup.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuGroup.jsx +0 -20
- package/dist/lib/components/ContextMenu/ContextMenuItem.d.ts +0 -13
- package/dist/lib/components/ContextMenu/ContextMenuItem.jsx +0 -61
- package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.d.ts +0 -10
- package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.jsx +0 -51
- package/dist/lib/components/ContextMenu/ContextMenuLabel.d.ts +0 -11
- package/dist/lib/components/ContextMenu/ContextMenuLabel.jsx +0 -49
- package/dist/lib/components/ContextMenu/ContextMenuRadioGroup.d.ts +0 -8
- package/dist/lib/components/ContextMenu/ContextMenuRadioGroup.jsx +0 -23
- package/dist/lib/components/ContextMenu/ContextMenuRadioItem.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuRadioItem.jsx +0 -37
- package/dist/lib/components/ContextMenu/ContextMenuRoot.d.ts +0 -13
- package/dist/lib/components/ContextMenu/ContextMenuRoot.jsx +0 -34
- package/dist/lib/components/ContextMenu/ContextMenuSeparator.d.ts +0 -3
- package/dist/lib/components/ContextMenu/ContextMenuSeparator.jsx +0 -21
- package/dist/lib/components/ContextMenu/ContextMenuSubContent.d.ts +0 -11
- package/dist/lib/components/ContextMenu/ContextMenuSubContent.jsx +0 -57
- package/dist/lib/components/ContextMenu/ContextMenuSubTrigger.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuSubTrigger.jsx +0 -35
- package/dist/lib/components/ContextMenu/ContextMenuTrigger.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuTrigger.jsx +0 -21
- package/dist/lib/components/ContextMenu/index.d.ts +0 -17
- package/dist/lib/components/ContextMenu/index.jsx +0 -29
- package/dist/lib/components/DataList/DataListItem.d.ts +0 -9
- package/dist/lib/components/DataList/DataListItem.jsx +0 -44
- package/dist/lib/components/DataList/DataListLabel.d.ts +0 -10
- package/dist/lib/components/DataList/DataListLabel.jsx +0 -50
- package/dist/lib/components/DataList/DataListRoot.d.ts +0 -14
- package/dist/lib/components/DataList/DataListRoot.jsx +0 -46
- package/dist/lib/components/DataList/DataListValue.d.ts +0 -11
- package/dist/lib/components/DataList/DataListValue.jsx +0 -52
- package/dist/lib/components/DataList/index.d.ts +0 -8
- package/dist/lib/components/DataList/index.jsx +0 -6
- package/dist/lib/components/Dialog/DialogAction.d.ts +0 -13
- package/dist/lib/components/Dialog/DialogAction.jsx +0 -49
- package/dist/lib/components/Dialog/DialogCancel.d.ts +0 -11
- package/dist/lib/components/Dialog/DialogCancel.jsx +0 -45
- package/dist/lib/components/Dialog/DialogContent.d.ts +0 -11
- package/dist/lib/components/Dialog/DialogContent.jsx +0 -58
- package/dist/lib/components/Dialog/DialogDescription.d.ts +0 -9
- package/dist/lib/components/Dialog/DialogDescription.jsx +0 -37
- package/dist/lib/components/Dialog/DialogRoot.d.ts +0 -15
- package/dist/lib/components/Dialog/DialogRoot.jsx +0 -29
- package/dist/lib/components/Dialog/DialogSlot.d.ts +0 -9
- package/dist/lib/components/Dialog/DialogSlot.jsx +0 -36
- package/dist/lib/components/Dialog/DialogTitle.d.ts +0 -11
- package/dist/lib/components/Dialog/DialogTitle.jsx +0 -37
- package/dist/lib/components/Dialog/DialogTrigger.d.ts +0 -3
- package/dist/lib/components/Dialog/DialogTrigger.jsx +0 -20
- package/dist/lib/components/Dialog/index.d.ts +0 -15
- package/dist/lib/components/Dialog/index.jsx +0 -19
- package/dist/lib/components/DoughnutChart/index.d.ts +0 -23
- package/dist/lib/components/DoughnutChart/index.jsx +0 -65
- package/dist/lib/components/DropdownMenu/DropdonMenuRadioGroup.d.ts +0 -3
- package/dist/lib/components/DropdownMenu/DropdonMenuRadioGroup.jsx +0 -20
- package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.d.ts +0 -11
- package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.jsx +0 -63
- package/dist/lib/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts +0 -7
- package/dist/lib/components/DropdownMenu/DropdownMenuCheckboxItem.jsx +0 -34
- package/dist/lib/components/DropdownMenu/DropdownMenuContent.d.ts +0 -11
- package/dist/lib/components/DropdownMenu/DropdownMenuContent.jsx +0 -59
- package/dist/lib/components/DropdownMenu/DropdownMenuItem.d.ts +0 -15
- package/dist/lib/components/DropdownMenu/DropdownMenuItem.jsx +0 -60
- package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.d.ts +0 -10
- package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.jsx +0 -49
- package/dist/lib/components/DropdownMenu/DropdownMenuLable.d.ts +0 -10
- package/dist/lib/components/DropdownMenu/DropdownMenuLable.jsx +0 -35
- package/dist/lib/components/DropdownMenu/DropdownMenuRadioItem.d.ts +0 -6
- package/dist/lib/components/DropdownMenu/DropdownMenuRadioItem.jsx +0 -34
- package/dist/lib/components/DropdownMenu/DropdownMenuRoot.d.ts +0 -15
- package/dist/lib/components/DropdownMenu/DropdownMenuRoot.jsx +0 -28
- package/dist/lib/components/DropdownMenu/DropdownMenuSeparator.d.ts +0 -3
- package/dist/lib/components/DropdownMenu/DropdownMenuSeparator.jsx +0 -19
- package/dist/lib/components/DropdownMenu/DropdownMenuSub.d.ts +0 -3
- package/dist/lib/components/DropdownMenu/DropdownMenuSub.jsx +0 -18
- package/dist/lib/components/DropdownMenu/DropdownMenuSubTrigger.d.ts +0 -4
- package/dist/lib/components/DropdownMenu/DropdownMenuSubTrigger.jsx +0 -33
- package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.d.ts +0 -14
- package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.jsx +0 -43
- package/dist/lib/components/DropdownMenu/index.d.ts +0 -20
- package/dist/lib/components/DropdownMenu/index.jsx +0 -29
- package/dist/lib/components/HoverCard/HoverCardContent.d.ts +0 -14
- package/dist/lib/components/HoverCard/HoverCardContent.jsx +0 -62
- package/dist/lib/components/HoverCard/HoverCardRoot.d.ts +0 -11
- package/dist/lib/components/HoverCard/HoverCardRoot.jsx +0 -30
- package/dist/lib/components/HoverCard/HoverCardTrigger.d.ts +0 -3
- package/dist/lib/components/HoverCard/HoverCardTrigger.jsx +0 -20
- package/dist/lib/components/HoverCard/index.d.ts +0 -10
- package/dist/lib/components/HoverCard/index.jsx +0 -9
- package/dist/lib/components/IconButton/index.d.ts +0 -15
- package/dist/lib/components/IconButton/index.jsx +0 -64
- package/dist/lib/components/Inset/index.d.ts +0 -10
- package/dist/lib/components/Inset/index.jsx +0 -53
- package/dist/lib/components/Label/index.d.ts +0 -17
- package/dist/lib/components/Label/index.jsx +0 -54
- package/dist/lib/components/LineChart/index.d.ts +0 -44
- package/dist/lib/components/LineChart/index.jsx +0 -60
- package/dist/lib/components/Menubar/MenubarCheckboxItem.d.ts +0 -4
- package/dist/lib/components/Menubar/MenubarCheckboxItem.jsx +0 -31
- package/dist/lib/components/Menubar/MenubarContent.d.ts +0 -11
- package/dist/lib/components/Menubar/MenubarContent.jsx +0 -63
- package/dist/lib/components/Menubar/MenubarItem.d.ts +0 -13
- package/dist/lib/components/Menubar/MenubarItem.jsx +0 -56
- package/dist/lib/components/Menubar/MenubarItemIndicator.d.ts +0 -10
- package/dist/lib/components/Menubar/MenubarItemIndicator.jsx +0 -50
- package/dist/lib/components/Menubar/MenubarMenu.d.ts +0 -5
- package/dist/lib/components/Menubar/MenubarMenu.jsx +0 -18
- package/dist/lib/components/Menubar/MenubarRadioGroup.d.ts +0 -8
- package/dist/lib/components/Menubar/MenubarRadioGroup.jsx +0 -23
- package/dist/lib/components/Menubar/MenubarRadioItem.d.ts +0 -4
- package/dist/lib/components/Menubar/MenubarRadioItem.jsx +0 -33
- package/dist/lib/components/Menubar/MenubarRoot.d.ts +0 -19
- package/dist/lib/components/Menubar/MenubarRoot.jsx +0 -64
- package/dist/lib/components/Menubar/MenubarSeparator.d.ts +0 -3
- package/dist/lib/components/Menubar/MenubarSeparator.jsx +0 -21
- package/dist/lib/components/Menubar/MenubarSub.d.ts +0 -3
- package/dist/lib/components/Menubar/MenubarSub.jsx +0 -18
- package/dist/lib/components/Menubar/MenubarSubContent.d.ts +0 -10
- package/dist/lib/components/Menubar/MenubarSubContent.jsx +0 -52
- package/dist/lib/components/Menubar/MenubarSubTrigger.d.ts +0 -4
- package/dist/lib/components/Menubar/MenubarSubTrigger.jsx +0 -34
- package/dist/lib/components/Menubar/MenubarTrigger.d.ts +0 -12
- package/dist/lib/components/Menubar/MenubarTrigger.jsx +0 -58
- package/dist/lib/components/Menubar/index.d.ts +0 -19
- package/dist/lib/components/Menubar/index.jsx +0 -29
- package/dist/lib/components/NavigationMenu/NavigationMenuContent.d.ts +0 -11
- package/dist/lib/components/NavigationMenu/NavigationMenuContent.jsx +0 -49
- package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.d.ts +0 -3
- package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.jsx +0 -22
- package/dist/lib/components/NavigationMenu/NavigationMenuItem.d.ts +0 -3
- package/dist/lib/components/NavigationMenu/NavigationMenuItem.jsx +0 -20
- package/dist/lib/components/NavigationMenu/NavigationMenuLink.d.ts +0 -13
- package/dist/lib/components/NavigationMenu/NavigationMenuLink.jsx +0 -52
- package/dist/lib/components/NavigationMenu/NavigationMenuList.d.ts +0 -12
- package/dist/lib/components/NavigationMenu/NavigationMenuList.jsx +0 -49
- package/dist/lib/components/NavigationMenu/NavigationMenuRoot.d.ts +0 -14
- package/dist/lib/components/NavigationMenu/NavigationMenuRoot.jsx +0 -35
- package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.d.ts +0 -13
- package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.jsx +0 -60
- package/dist/lib/components/NavigationMenu/NavigationMenuViewport.d.ts +0 -12
- package/dist/lib/components/NavigationMenu/NavigationMenuViewport.jsx +0 -54
- package/dist/lib/components/NavigationMenu/index.d.ts +0 -12
- package/dist/lib/components/NavigationMenu/index.jsx +0 -10
- package/dist/lib/components/PieChart/index.d.ts +0 -23
- package/dist/lib/components/PieChart/index.jsx +0 -65
- package/dist/lib/components/Popover/PopoverClose.d.ts +0 -9
- package/dist/lib/components/Popover/PopoverClose.jsx +0 -38
- package/dist/lib/components/Popover/PopoverContent.d.ts +0 -11
- package/dist/lib/components/Popover/PopoverContent.jsx +0 -66
- package/dist/lib/components/Popover/PopoverRoot.d.ts +0 -12
- package/dist/lib/components/Popover/PopoverRoot.jsx +0 -28
- package/dist/lib/components/Popover/PopoverTrigger.d.ts +0 -3
- package/dist/lib/components/Popover/PopoverTrigger.jsx +0 -20
- package/dist/lib/components/Popover/index.d.ts +0 -11
- package/dist/lib/components/Popover/index.jsx +0 -11
- package/dist/lib/components/Progress/index.d.ts +0 -13
- package/dist/lib/components/Progress/index.jsx +0 -57
- package/dist/lib/components/RadarChart/index.d.ts +0 -33
- package/dist/lib/components/RadarChart/index.jsx +0 -76
- package/dist/lib/components/Radio/index.d.ts +0 -13
- package/dist/lib/components/Radio/index.jsx +0 -48
- package/dist/lib/components/RadioCards/RadioCardsItem.d.ts +0 -10
- package/dist/lib/components/RadioCards/RadioCardsItem.jsx +0 -44
- package/dist/lib/components/RadioCards/RadioCardsRoot.d.ts +0 -13
- package/dist/lib/components/RadioCards/RadioCardsRoot.jsx +0 -51
- package/dist/lib/components/RadioCards/index.d.ts +0 -6
- package/dist/lib/components/RadioCards/index.jsx +0 -7
- package/dist/lib/components/RadioGroup/RadioGroupItem.d.ts +0 -13
- package/dist/lib/components/RadioGroup/RadioGroupItem.jsx +0 -36
- package/dist/lib/components/RadioGroup/RadioGroupRoot.d.ts +0 -15
- package/dist/lib/components/RadioGroup/RadioGroupRoot.jsx +0 -47
- package/dist/lib/components/RadioGroup/index.d.ts +0 -6
- package/dist/lib/components/RadioGroup/index.jsx +0 -7
- package/dist/lib/components/ScrollArea/index.d.ts +0 -9
- package/dist/lib/components/ScrollArea/index.jsx +0 -28
- package/dist/lib/components/SegmentedControl/SegmentedControlItem.d.ts +0 -6
- package/dist/lib/components/SegmentedControl/SegmentedControlItem.jsx +0 -25
- package/dist/lib/components/SegmentedControl/SegmentedControlRoot.d.ts +0 -14
- package/dist/lib/components/SegmentedControl/SegmentedControlRoot.jsx +0 -50
- package/dist/lib/components/SegmentedControl/index.d.ts +0 -6
- package/dist/lib/components/SegmentedControl/index.jsx +0 -7
- package/dist/lib/components/Select/index.d.ts +0 -34
- package/dist/lib/components/Select/index.jsx +0 -109
- package/dist/lib/components/Separator/index.d.ts +0 -11
- package/dist/lib/components/Separator/index.jsx +0 -50
- package/dist/lib/components/Skeleton/index.d.ts +0 -14
- package/dist/lib/components/Skeleton/index.jsx +0 -45
- package/dist/lib/components/Slider/index.d.ts +0 -14
- package/dist/lib/components/Slider/index.jsx +0 -50
- package/dist/lib/components/Spinner/index.d.ts +0 -15
- package/dist/lib/components/Spinner/index.jsx +0 -50
- package/dist/lib/components/TabNav/index.d.ts +0 -15
- package/dist/lib/components/TabNav/index.jsx +0 -44
- package/dist/lib/components/Table/index.d.ts +0 -30
- package/dist/lib/components/Table/index.jsx +0 -113
- package/dist/lib/components/Tabs/index.d.ts +0 -22
- package/dist/lib/components/Tabs/index.jsx +0 -74
- package/dist/lib/components/TextArea/index.d.ts +0 -16
- package/dist/lib/components/TextArea/index.jsx +0 -59
- package/dist/lib/components/TextField/index.d.ts +0 -21
- package/dist/lib/components/TextField/index.jsx +0 -61
- package/dist/lib/components/Toast/ToastActionButton.d.ts +0 -14
- package/dist/lib/components/Toast/ToastActionButton.jsx +0 -68
- package/dist/lib/components/Toast/ToastDescription.d.ts +0 -13
- package/dist/lib/components/Toast/ToastDescription.jsx +0 -45
- package/dist/lib/components/Toast/ToastRoot.d.ts +0 -27
- package/dist/lib/components/Toast/ToastRoot.jsx +0 -96
- package/dist/lib/components/Toast/ToastTitle.d.ts +0 -13
- package/dist/lib/components/Toast/ToastTitle.jsx +0 -43
- package/dist/lib/components/Toast/index.d.ts +0 -8
- package/dist/lib/components/Toast/index.jsx +0 -11
- package/dist/lib/components/Toggle/ToggleWithText.d.ts +0 -21
- package/dist/lib/components/Toggle/ToggleWithText.jsx +0 -60
- package/dist/lib/components/Toggle/index.d.ts +0 -21
- package/dist/lib/components/Toggle/index.jsx +0 -59
- package/dist/lib/components/ToggleGroup/ToggleGroupItem.d.ts +0 -17
- package/dist/lib/components/ToggleGroup/ToggleGroupItem.jsx +0 -44
- package/dist/lib/components/ToggleGroup/ToggleGroupRoot.d.ts +0 -15
- package/dist/lib/components/ToggleGroup/ToggleGroupRoot.jsx +0 -53
- package/dist/lib/components/ToggleGroup/index.d.ts +0 -6
- package/dist/lib/components/ToggleGroup/index.jsx +0 -7
- package/dist/lib/components/ToggleSwitch/index.d.ts +0 -13
- package/dist/lib/components/ToggleSwitch/index.jsx +0 -75
- package/dist/lib/components/Tooltip/index.d.ts +0 -19
- package/dist/lib/components/Tooltip/index.jsx +0 -58
- package/dist/lib/components/index.d.ts +0 -50
- package/dist/lib/components/index.js +0 -52
- 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 -81
- package/dist/lib/types.js +0 -1
- package/dist/lib/utils/useDarkMode.d.ts +0 -1
- package/dist/lib/utils/useDarkMode.js +0 -49
- package/dist/lib/utils/utils.d.ts +0 -2
- package/dist/lib/utils/utils.js +0 -10
@@ -1,113 +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 React from 'react';
|
24
|
-
import { cva } from 'class-variance-authority';
|
25
|
-
import { Table as TableTheme, Theme } from '@radix-ui/themes';
|
26
|
-
import { cn } from 'lib/utils/utils';
|
27
|
-
import { radiusVariants, scalingVariants } from 'lib/constants';
|
28
|
-
var tableVariants = cva('', {
|
29
|
-
variants: {
|
30
|
-
scaling: __assign({}, scalingVariants),
|
31
|
-
radius: __assign({}, radiusVariants['base']),
|
32
|
-
},
|
33
|
-
defaultVariants: {
|
34
|
-
scaling: '100%',
|
35
|
-
},
|
36
|
-
});
|
37
|
-
var tableRowVariants = cva('', {
|
38
|
-
variants: {
|
39
|
-
size: {
|
40
|
-
small: 'h-[36px]',
|
41
|
-
medium: 'h-[44px]',
|
42
|
-
large: 'h-[48px] p-3',
|
43
|
-
},
|
44
|
-
},
|
45
|
-
});
|
46
|
-
export var Root = React.forwardRef(function (_a, ref) {
|
47
|
-
var className = _a.className, children = _a.children, appearance = _a.appearance, scaling = _a.scaling, size = _a.size, radius = _a.radius, tableProps = __rest(_a, ["className", "children", "appearance", "scaling", "size", "radius"]);
|
48
|
-
var sizeTheme = '2';
|
49
|
-
if (size === 'small')
|
50
|
-
sizeTheme = '1';
|
51
|
-
if (size === 'large')
|
52
|
-
sizeTheme = '3';
|
53
|
-
if (radius === 'full')
|
54
|
-
radius = 'large';
|
55
|
-
return (<Theme hasBackground={false}>
|
56
|
-
<TableTheme.Root ref={ref} className={cn('', tableVariants({ scaling: scaling, radius: radius }), className)} variant={appearance} size={sizeTheme} {...tableProps}>
|
57
|
-
{children}
|
58
|
-
</TableTheme.Root>
|
59
|
-
</Theme>);
|
60
|
-
});
|
61
|
-
Root.displayName = 'Table.Root';
|
62
|
-
export var Header = React.forwardRef(function (_a, forwardedRef) {
|
63
|
-
var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
|
64
|
-
return (<TableTheme.Header ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), className)} {...props}>
|
65
|
-
{children}
|
66
|
-
</TableTheme.Header>);
|
67
|
-
});
|
68
|
-
Header.displayName = 'Table.Header';
|
69
|
-
export var Body = React.forwardRef(function (_a, forwardedRef) {
|
70
|
-
var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
|
71
|
-
return (<TableTheme.Body ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), className)} {...props}>
|
72
|
-
{children}
|
73
|
-
</TableTheme.Body>);
|
74
|
-
});
|
75
|
-
Body.displayName = 'Table.Body';
|
76
|
-
export var Row = React.forwardRef(function (_a, forwardedRef) {
|
77
|
-
var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
|
78
|
-
return (<TableTheme.Row ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), className)} {...props}>
|
79
|
-
{children}
|
80
|
-
</TableTheme.Row>);
|
81
|
-
});
|
82
|
-
Row.displayName = 'Table.Row';
|
83
|
-
export var Cell = React.forwardRef(function (_a, forwardedRef) {
|
84
|
-
var className = _a.className, children = _a.children, scaling = _a.scaling, cellProps = __rest(_a, ["className", "children", "scaling"]);
|
85
|
-
return (<TableTheme.Cell className={cn('', tableVariants({ scaling: scaling }), className)} {...cellProps} ref={forwardedRef}>
|
86
|
-
{children}
|
87
|
-
</TableTheme.Cell>);
|
88
|
-
});
|
89
|
-
Cell.displayName = 'Table.Cell';
|
90
|
-
export var ColumnHeaderCell = React.forwardRef(function (_a, forwardedRef) {
|
91
|
-
var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, props = __rest(_a, ["className", "children", "scaling", "size"]);
|
92
|
-
return (<TableTheme.ColumnHeaderCell ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), tableRowVariants({ size: size }), className)} {...props}>
|
93
|
-
{children}
|
94
|
-
</TableTheme.ColumnHeaderCell>);
|
95
|
-
});
|
96
|
-
ColumnHeaderCell.displayName = 'Table.ColumnHeaderCell';
|
97
|
-
export var RowHeaderCell = React.forwardRef(function (_a, forwardedRef) {
|
98
|
-
var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
|
99
|
-
return (<TableTheme.RowHeaderCell ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), className)} {...props}>
|
100
|
-
{children}
|
101
|
-
</TableTheme.RowHeaderCell>);
|
102
|
-
});
|
103
|
-
RowHeaderCell.displayName = 'Table.RowHeaderCell';
|
104
|
-
var Table = {
|
105
|
-
Root: Root,
|
106
|
-
Header: Header,
|
107
|
-
Body: Body,
|
108
|
-
Row: Row,
|
109
|
-
Cell: Cell,
|
110
|
-
ColumnHeaderCell: ColumnHeaderCell,
|
111
|
-
RowHeaderCell: RowHeaderCell,
|
112
|
-
};
|
113
|
-
export default Table;
|
@@ -1,22 +0,0 @@
|
|
1
|
-
import { Tabs as TabsTheme } from '@radix-ui/themes';
|
2
|
-
import React from 'react';
|
3
|
-
import { VariantProps } from 'class-variance-authority';
|
4
|
-
export interface TabsProps extends VariantProps<typeof tabsVariants> {
|
5
|
-
defaultValue?: string;
|
6
|
-
size?: 'small' | 'medium';
|
7
|
-
color?: any;
|
8
|
-
}
|
9
|
-
declare const tabsVariants: (props?: ({
|
10
|
-
weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
|
11
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
12
|
-
export declare const Root: React.ForwardRefExoticComponent<Omit<TabsTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
|
13
|
-
export declare const List: React.ForwardRefExoticComponent<Omit<TabsTheme.ListProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
|
14
|
-
export declare const Trigger: React.ForwardRefExoticComponent<Omit<TabsTheme.TriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & TabsProps & React.RefAttributes<HTMLButtonElement>>;
|
15
|
-
export declare const Content: React.ForwardRefExoticComponent<Omit<TabsTheme.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
|
16
|
-
declare const Tabs: {
|
17
|
-
Root: React.ForwardRefExoticComponent<Omit<TabsTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
|
18
|
-
List: React.ForwardRefExoticComponent<Omit<TabsTheme.ListProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
|
19
|
-
Trigger: React.ForwardRefExoticComponent<Omit<TabsTheme.TriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & TabsProps & React.RefAttributes<HTMLButtonElement>>;
|
20
|
-
Content: React.ForwardRefExoticComponent<Omit<TabsTheme.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
|
21
|
-
};
|
22
|
-
export default Tabs;
|
@@ -1,74 +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 { Theme, Tabs as TabsTheme } from '@radix-ui/themes';
|
24
|
-
import React from 'react';
|
25
|
-
import { cn } from 'lib/utils/utils';
|
26
|
-
import { cva } from 'class-variance-authority';
|
27
|
-
import { weightVariants } from 'lib/constants';
|
28
|
-
var tabsVariants = cva('', {
|
29
|
-
variants: {
|
30
|
-
weight: __assign({}, weightVariants),
|
31
|
-
},
|
32
|
-
});
|
33
|
-
export var Root = React.forwardRef(function (_a, forwardedRef) {
|
34
|
-
var className = _a.className, children = _a.children, color = _a.color, rootProps = __rest(_a, ["className", "children", "color"]);
|
35
|
-
if (!color)
|
36
|
-
color = 'red';
|
37
|
-
return (<Theme accentColor={color} hasBackground={false}>
|
38
|
-
<TabsTheme.Root {...rootProps} ref={forwardedRef} className={cn('', className)}>
|
39
|
-
{children}
|
40
|
-
</TabsTheme.Root>
|
41
|
-
</Theme>);
|
42
|
-
});
|
43
|
-
Root.displayName = 'Tabs.Root';
|
44
|
-
export var List = React.forwardRef(function (_a, forwardedRef) {
|
45
|
-
var className = _a.className, weight = _a.weight, children = _a.children, size = _a.size, listProps = __rest(_a, ["className", "weight", "children", "size"]);
|
46
|
-
var sizeTheme = '2';
|
47
|
-
if (size === 'small')
|
48
|
-
sizeTheme = '1';
|
49
|
-
return (<TabsTheme.List ref={forwardedRef} size={sizeTheme} {...listProps} className={cn('', className)}>
|
50
|
-
{children}
|
51
|
-
</TabsTheme.List>);
|
52
|
-
});
|
53
|
-
List.displayName = 'Tabs.List';
|
54
|
-
export var Trigger = React.forwardRef(function (_a, forwardedRef) {
|
55
|
-
var className = _a.className, weight = _a.weight, children = _a.children, triggerProps = __rest(_a, ["className", "weight", "children"]);
|
56
|
-
return (<TabsTheme.Trigger ref={forwardedRef} className={cn('text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12', className)} {...triggerProps}>
|
57
|
-
{children}
|
58
|
-
</TabsTheme.Trigger>);
|
59
|
-
});
|
60
|
-
Trigger.displayName = 'Tabs.Trigger';
|
61
|
-
export var Content = React.forwardRef(function (_a, forwardedRef) {
|
62
|
-
var className = _a.className, weight = _a.weight, children = _a.children, contentProps = __rest(_a, ["className", "weight", "children"]);
|
63
|
-
return (<TabsTheme.Content ref={forwardedRef} {...contentProps} className={cn('mt-3', className)}>
|
64
|
-
{children}
|
65
|
-
</TabsTheme.Content>);
|
66
|
-
});
|
67
|
-
Content.displayName = 'Tabs.Content';
|
68
|
-
var Tabs = {
|
69
|
-
Root: Root,
|
70
|
-
List: List,
|
71
|
-
Trigger: Trigger,
|
72
|
-
Content: Content,
|
73
|
-
};
|
74
|
-
export default Tabs;
|
@@ -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,59 +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 React from 'react';
|
24
|
-
import { cva } from 'class-variance-authority';
|
25
|
-
import { TextArea as TextAreaTheme, Theme } from '@radix-ui/themes';
|
26
|
-
import { cn } from 'lib/utils/utils';
|
27
|
-
import { radiusVariants, scalingVariants } from 'lib/constants';
|
28
|
-
var textAreaNavVariants = cva('w-[250px]', {
|
29
|
-
variants: {
|
30
|
-
size: {
|
31
|
-
small: 'text-xs h-[48px]',
|
32
|
-
medium: 'text-sm h-[64px]',
|
33
|
-
large: 'text-base h-[80px]',
|
34
|
-
'x-large': 'text-lg h-[96px]',
|
35
|
-
},
|
36
|
-
scaling: __assign({}, scalingVariants),
|
37
|
-
radius: __assign({}, radiusVariants['extra-large']),
|
38
|
-
},
|
39
|
-
defaultVariants: {
|
40
|
-
size: 'medium',
|
41
|
-
scaling: '100%',
|
42
|
-
radius: 'medium',
|
43
|
-
},
|
44
|
-
});
|
45
|
-
export var TextArea = React.forwardRef(function (_a, forwardedRef) {
|
46
|
-
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"]);
|
47
|
-
var sizeTheme = '2';
|
48
|
-
if (size === 'small')
|
49
|
-
sizeTheme = '1';
|
50
|
-
if (size === 'large')
|
51
|
-
sizeTheme = '3';
|
52
|
-
if (!color)
|
53
|
-
color = 'red';
|
54
|
-
return (<Theme hasBackground={false} accentColor={color}>
|
55
|
-
<TextAreaTheme ref={forwardedRef} variant={appearance} size={sizeTheme} className={cn(textAreaNavVariants({ size: size, scaling: scaling, radius: radius }), size === 'x-large' && 'rt-r-size-4', className)} {...textAreaProps}></TextAreaTheme>
|
56
|
-
</Theme>);
|
57
|
-
});
|
58
|
-
TextArea.displayName = 'TextArea';
|
59
|
-
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,61 +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 React from 'react';
|
24
|
-
import { cva } from 'class-variance-authority';
|
25
|
-
import { cn } from 'lib/utils/utils';
|
26
|
-
import { bgColorStyle, radiusVariants } from 'lib/constants';
|
27
|
-
import { Theme, TextField as TextFieldTheme } from '@radix-ui/themes';
|
28
|
-
var textFieldVariants = cva('', {
|
29
|
-
variants: {
|
30
|
-
radius: __assign({}, radiusVariants['base']),
|
31
|
-
color: bgColorStyle(),
|
32
|
-
},
|
33
|
-
});
|
34
|
-
export var Root = React.forwardRef(function (_a, forwardedRef) {
|
35
|
-
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"]);
|
36
|
-
if (!color)
|
37
|
-
color = 'red';
|
38
|
-
var sizeTheme = '2';
|
39
|
-
if (size === 'small')
|
40
|
-
sizeTheme = '1';
|
41
|
-
if (size === 'large')
|
42
|
-
sizeTheme = '3';
|
43
|
-
return (<Theme scaling={scaling} accentColor={color} hasBackground={false}>
|
44
|
-
<TextFieldTheme.Root ref={forwardedRef} variant={appearance} size={sizeTheme} radius={radius} color={color} className={cn(textFieldVariants({ radius: radius }), className)} {...sliderProps}>
|
45
|
-
{children}
|
46
|
-
</TextFieldTheme.Root>
|
47
|
-
</Theme>);
|
48
|
-
});
|
49
|
-
Root.displayName = 'TextField.Root';
|
50
|
-
export var Slot = React.forwardRef(function (_a, forwardedRef) {
|
51
|
-
var className = _a.className, color = _a.color, side = _a.side, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, ["className", "color", "side", "radius", "children"]);
|
52
|
-
return (<TextFieldTheme.Slot ref={forwardedRef} color={color} side={side} className={cn(textFieldVariants({ radius: radius }), className)} {...sliderProps}>
|
53
|
-
{children}
|
54
|
-
</TextFieldTheme.Slot>);
|
55
|
-
});
|
56
|
-
Slot.displayName = 'TextField.Slot';
|
57
|
-
var TextField = {
|
58
|
-
Root: Root,
|
59
|
-
Slot: Slot,
|
60
|
-
};
|
61
|
-
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,68 +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 React, { forwardRef } from 'react';
|
24
|
-
import * as ToastPrimitive from '@radix-ui/react-toast';
|
25
|
-
import { cva } from 'class-variance-authority';
|
26
|
-
import { cn } from 'lib/utils/utils';
|
27
|
-
import Button from 'lib/components/Button';
|
28
|
-
import { appearanceStyle, radiusVariants, scalingVariants } from 'lib/constants';
|
29
|
-
import { useToastContext } from './ToastRoot';
|
30
|
-
export var toastActionButtonVariants = cva("absolute items-center justify-center", {
|
31
|
-
variants: {
|
32
|
-
radius: __assign({}, radiusVariants['base']),
|
33
|
-
size: {
|
34
|
-
small: 'text-xs min-w-[56px] h-[25px] font-normal right-3',
|
35
|
-
medium: 'text-xs min-w-[56px] h-[25px] font-normal right-3',
|
36
|
-
large: 'text-[15px] min-w-[76px] h-[35px] font-medium right-4',
|
37
|
-
'x-large': 'text-[15px] min-w-[76px] h-[35px] font-medium right-4',
|
38
|
-
},
|
39
|
-
scaling: __assign({}, scalingVariants),
|
40
|
-
},
|
41
|
-
defaultVariants: {
|
42
|
-
radius: 'medium',
|
43
|
-
scaling: '100%',
|
44
|
-
size: 'medium',
|
45
|
-
},
|
46
|
-
});
|
47
|
-
export var ToastActionButton = forwardRef(function (_a, ref) {
|
48
|
-
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"]);
|
49
|
-
var _d = useToastContext(), scaling = _d.scaling, size = _d.size, _e = _d.color, color = _e === void 0 ? 'danger' : _e;
|
50
|
-
var semantics = ['danger', 'warning', 'success', 'information'];
|
51
|
-
var colorMap = {
|
52
|
-
danger: 'red',
|
53
|
-
information: 'sky',
|
54
|
-
success: 'green',
|
55
|
-
warning: 'amber',
|
56
|
-
};
|
57
|
-
var getSemanticsStyle = function (color) {
|
58
|
-
var mappedColor = colorMap[color];
|
59
|
-
return mappedColor ? appearanceStyle('outline', mappedColor) : undefined;
|
60
|
-
};
|
61
|
-
var buttonClassName = cn(toastActionButtonVariants({ size: size, radius: radius, scaling: scaling }), color && semantics.includes(color)
|
62
|
-
? getSemanticsStyle(color)
|
63
|
-
: appearanceStyle(appearance, color !== null && color !== void 0 ? color : 'red'), className);
|
64
|
-
return (<ToastPrimitive.Action ref={ref} altText={altText} {...props} className={buttonClassName} asChild>
|
65
|
-
<Button>{children}</Button>
|
66
|
-
</ToastPrimitive.Action>);
|
67
|
-
});
|
68
|
-
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,45 +0,0 @@
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
-
var t = {};
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
-
t[p] = s[p];
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
-
t[p[i]] = s[p[i]];
|
9
|
-
}
|
10
|
-
return t;
|
11
|
-
};
|
12
|
-
import React, { forwardRef } from 'react';
|
13
|
-
import * as ToastPrimitive from '@radix-ui/react-toast';
|
14
|
-
import { cva } from 'class-variance-authority';
|
15
|
-
import { cn } from 'lib/utils/utils';
|
16
|
-
import { useToastContext } from './ToastRoot';
|
17
|
-
export var toastDescriptionVariants = cva('flex m-0 text-wrap text-slate-11 dark:text-slateDark-11', {
|
18
|
-
variants: {
|
19
|
-
size: {
|
20
|
-
small: 'text-xs font-normal w-[220px]',
|
21
|
-
medium: 'text-xs font-normal w-[312px]',
|
22
|
-
large: 'text-base font-medium w-[284px]',
|
23
|
-
'x-large': 'text-base font-medium w-[284px]',
|
24
|
-
},
|
25
|
-
color: {
|
26
|
-
danger: 'text-red-11',
|
27
|
-
warning: 'text-amber-11',
|
28
|
-
success: 'text-green-11',
|
29
|
-
information: 'text-sky-11',
|
30
|
-
},
|
31
|
-
},
|
32
|
-
defaultVariants: {
|
33
|
-
size: 'medium',
|
34
|
-
},
|
35
|
-
});
|
36
|
-
export var ToastDescription = forwardRef(function (_a, ref) {
|
37
|
-
var className = _a.className, children = _a.children, contentText = _a.contentText, props = __rest(_a, ["className", "children", "contentText"]);
|
38
|
-
var _b = useToastContext(), size = _b.size, color = _b.color;
|
39
|
-
return (<ToastPrimitive.Description ref={ref} {...props}>
|
40
|
-
<p className={cn(toastDescriptionVariants({ size: size, color: color }), className)}>
|
41
|
-
{contentText !== null && contentText !== void 0 ? contentText : children}
|
42
|
-
</p>
|
43
|
-
</ToastPrimitive.Description>);
|
44
|
-
});
|
45
|
-
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,96 +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 React, { forwardRef, createContext, useContext, useMemo, } from 'react';
|
24
|
-
import { cva } from 'class-variance-authority';
|
25
|
-
import { cn } from 'lib/utils/utils';
|
26
|
-
import { scalingVariants } from 'lib/constants';
|
27
|
-
import * as ToastPrimitive from '@radix-ui/react-toast';
|
28
|
-
export var toastVariants = cva('flex bg-white dark:bg-slateDark-1', {
|
29
|
-
variants: {
|
30
|
-
radius: {
|
31
|
-
none: 'rounded-none',
|
32
|
-
small: 'rounded-[3px]',
|
33
|
-
medium: 'rounded',
|
34
|
-
large: 'rounded-md',
|
35
|
-
full: 'rounded-md',
|
36
|
-
},
|
37
|
-
size: {
|
38
|
-
small: 'w-[300px] min-h-[55px] p-3',
|
39
|
-
medium: 'w-[400px] min-h-[63px] p-3',
|
40
|
-
large: 'w-[400px] min-h-[84px] p-4',
|
41
|
-
'x-large': 'w-[400px] min-h-[88px] p-4',
|
42
|
-
},
|
43
|
-
scaling: __assign({}, scalingVariants),
|
44
|
-
color: {
|
45
|
-
danger: 'bg-red-3 dark:bg-redDark-3',
|
46
|
-
warning: 'bg-amber-3 dark:bg-amberDark-3',
|
47
|
-
success: 'bg-green-3 dark:bg-greenDark-3',
|
48
|
-
information: 'bg-sky-3 dark:bg-skyDark-3',
|
49
|
-
},
|
50
|
-
},
|
51
|
-
defaultVariants: {
|
52
|
-
radius: 'medium',
|
53
|
-
scaling: '100%',
|
54
|
-
size: 'medium',
|
55
|
-
},
|
56
|
-
});
|
57
|
-
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]", {
|
58
|
-
variants: {
|
59
|
-
toastPosition: {
|
60
|
-
top_center: 'top-0 left-1/2 transform -translate-x-1/2',
|
61
|
-
top_left: 'top-0 left-0',
|
62
|
-
top_right: 'top-0 right-0',
|
63
|
-
bottom_center: 'bottom-0 left-1/2 transform -translate-x-1/2',
|
64
|
-
bottom_left: 'bottom-0 left-0',
|
65
|
-
bottom_right: 'bottom-0 right-0',
|
66
|
-
},
|
67
|
-
},
|
68
|
-
defaultVariants: {
|
69
|
-
toastPosition: 'top_right',
|
70
|
-
},
|
71
|
-
});
|
72
|
-
var ToastContext = createContext({
|
73
|
-
radius: 'medium',
|
74
|
-
scaling: '100%',
|
75
|
-
size: 'medium',
|
76
|
-
color: null,
|
77
|
-
});
|
78
|
-
export var useToastContext = function () {
|
79
|
-
return useContext(ToastContext);
|
80
|
-
};
|
81
|
-
export var ToastRoot = forwardRef(function (_a, ref) {
|
82
|
-
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"]);
|
83
|
-
var contextValue = useMemo(function () { return ({ radius: radius, size: size, scaling: scaling, color: color }); }, [radius, size, scaling, color]);
|
84
|
-
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 ";
|
85
|
-
var toastClassName = cn(toastVariants({ radius: radius, scaling: scaling, size: size, color: color }), toastRootStyle, className);
|
86
|
-
return (<ToastContext.Provider value={contextValue}>
|
87
|
-
<ToastPrimitive.Provider swipeDirection="right" duration={duration}>
|
88
|
-
<ToastPrimitive.Root ref={ref} className={toastClassName} open={openToast} onOpenChange={setOpenToast} {...props}>
|
89
|
-
{children}
|
90
|
-
</ToastPrimitive.Root>
|
91
|
-
<ToastPrimitive.Viewport className={cn(toastViewportVariants({ toastPosition: toastPosition }))}/>
|
92
|
-
</ToastPrimitive.Provider>
|
93
|
-
</ToastContext.Provider>);
|
94
|
-
});
|
95
|
-
ToastRoot.displayName = 'Toast.Root';
|
96
|
-
export default ToastRoot;
|