@lotte-innovate/ui-component-test 0.0.36 → 0.0.40
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +133 -163
- package/dist/globals.css +4 -0
- package/dist/lib/Typography/Header/index.d.ts +1 -1
- package/dist/lib/Typography/Text/index.d.ts +1 -1
- package/dist/lib/color/constants.d.ts +9 -0
- package/dist/lib/components/Accordion/index.d.ts +10 -4
- package/dist/lib/components/AlertDialog/AlertDialogAction.d.ts +2 -2
- package/dist/lib/components/AlertDialog/AlertDialogCancel.d.ts +2 -2
- package/dist/lib/components/AlertDialog/AlertDialogContent.d.ts +1 -1
- package/dist/lib/components/AlertDialog/AlertDialogRoot.d.ts +16 -0
- package/dist/lib/components/AlertDialog/AlertDialogTrigger.d.ts +2 -2
- package/dist/lib/components/AlertDialog/index.d.ts +10 -19
- package/dist/lib/components/Avatar/index.d.ts +5 -1
- package/dist/lib/components/Badge/index.d.ts +2 -2
- package/dist/lib/components/BarChart/index.d.ts +37 -0
- package/dist/lib/components/BubbleChart/index.d.ts +15 -18
- package/dist/lib/components/Button/index.d.ts +2 -2
- package/dist/lib/components/Callout/CalloutIcon.d.ts +2 -1
- package/dist/lib/components/Callout/CalloutRoot.d.ts +18 -0
- package/dist/lib/components/Callout/index.d.ts +6 -19
- package/dist/lib/components/Card/index.d.ts +2 -2
- package/dist/lib/components/Checkbox/index.d.ts +1 -1
- package/dist/lib/components/CheckboxCard/index.d.ts +1 -1
- package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.d.ts +17 -0
- package/dist/lib/components/CheckboxGroup/index.d.ts +5 -16
- package/dist/lib/components/ContextMenu/ContextMenuCheckboxItem.d.ts +1 -1
- package/dist/lib/components/ContextMenu/ContextMenuContent.d.ts +1 -1
- package/dist/lib/components/ContextMenu/ContextMenuGroup.d.ts +1 -1
- package/dist/lib/components/ContextMenu/ContextMenuItem.d.ts +1 -1
- package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.d.ts +1 -1
- package/dist/lib/components/ContextMenu/ContextMenuRadioItem.d.ts +1 -1
- package/dist/lib/components/ContextMenu/ContextMenuRoot.d.ts +13 -0
- package/dist/lib/components/ContextMenu/ContextMenuSubContent.d.ts +1 -1
- package/dist/lib/components/ContextMenu/ContextMenuTrigger.d.ts +1 -1
- package/dist/lib/components/ContextMenu/index.d.ts +16 -24
- package/dist/lib/components/DataList/DataListLabel.d.ts +1 -1
- package/dist/lib/components/DataList/DataListRoot.d.ts +14 -0
- package/dist/lib/components/DataList/DataListValue.d.ts +1 -1
- package/dist/lib/components/DataList/index.d.ts +7 -16
- package/dist/lib/components/Dialog/DialogAction.d.ts +1 -3
- package/dist/lib/components/Dialog/DialogCancel.d.ts +1 -1
- package/dist/lib/components/Dialog/DialogContent.d.ts +1 -1
- package/dist/lib/components/Dialog/DialogRoot.d.ts +15 -0
- package/dist/lib/components/Dialog/index.d.ts +14 -17
- package/dist/lib/components/DoughnutChart/index.d.ts +12 -13
- package/dist/lib/components/DropdownMenu/DropdonMenuRadioGroup.d.ts +0 -5
- package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.d.ts +1 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts +1 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuContent.d.ts +1 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuItem.d.ts +3 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.d.ts +1 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuLable.d.ts +0 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuRadioItem.d.ts +4 -2
- package/dist/lib/components/DropdownMenu/DropdownMenuRoot.d.ts +15 -0
- package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.d.ts +3 -2
- package/dist/lib/components/DropdownMenu/index.d.ts +19 -22
- package/dist/lib/components/HoverCard/HoverCardContent.d.ts +2 -2
- package/dist/lib/components/HoverCard/HoverCardRoot.d.ts +11 -0
- package/dist/lib/components/HoverCard/index.d.ts +9 -9
- package/dist/lib/components/IconButton/index.d.ts +1 -1
- package/dist/lib/components/Inset/index.d.ts +1 -1
- package/dist/lib/components/Label/index.d.ts +1 -1
- package/dist/lib/components/LineChart/index.d.ts +43 -0
- package/dist/lib/components/Menubar/MenubarContent.d.ts +1 -1
- package/dist/lib/components/Menubar/MenubarItem.d.ts +1 -1
- package/dist/lib/components/Menubar/MenubarItemIndicator.d.ts +1 -1
- package/dist/lib/components/Menubar/MenubarMenu.d.ts +4 -1
- package/dist/lib/components/Menubar/MenubarRoot.d.ts +19 -0
- package/dist/lib/components/Menubar/MenubarSubContent.d.ts +1 -1
- package/dist/lib/components/Menubar/MenubarTrigger.d.ts +1 -1
- package/dist/lib/components/Menubar/index.d.ts +18 -30
- package/dist/lib/components/NavigationMenu/NavigationMenuContent.d.ts +1 -1
- package/dist/lib/components/NavigationMenu/NavigationMenuLink.d.ts +1 -1
- package/dist/lib/components/NavigationMenu/NavigationMenuList.d.ts +1 -1
- package/dist/lib/components/NavigationMenu/NavigationMenuRoot.d.ts +14 -0
- package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.d.ts +1 -1
- package/dist/lib/components/NavigationMenu/NavigationMenuViewport.d.ts +2 -2
- package/dist/lib/components/NavigationMenu/index.d.ts +11 -20
- package/dist/lib/components/PieChart/index.d.ts +12 -13
- package/dist/lib/components/Popover/PopoverClose.d.ts +1 -1
- package/dist/lib/components/Popover/PopoverContent.d.ts +1 -1
- package/dist/lib/components/Popover/PopoverRoot.d.ts +12 -0
- package/dist/lib/components/Popover/index.d.ts +10 -11
- package/dist/lib/components/Progress/index.d.ts +2 -5
- package/dist/lib/components/RadarChart/index.d.ts +19 -21
- package/dist/lib/components/Radio/index.d.ts +0 -1
- package/dist/lib/components/RadioCards/RadioCardsItem.d.ts +1 -1
- package/dist/lib/components/RadioCards/RadioCardsRoot.d.ts +13 -0
- package/dist/lib/components/RadioCards/index.d.ts +5 -13
- package/dist/lib/components/RadioGroup/RadioGroupRoot.d.ts +15 -0
- package/dist/lib/components/RadioGroup/index.d.ts +5 -15
- package/dist/lib/components/SegmentedControl/SegmentedControlRoot.d.ts +14 -0
- package/dist/lib/components/SegmentedControl/index.d.ts +5 -14
- package/dist/lib/components/Select/index.d.ts +17 -8
- package/dist/lib/components/Skeleton/index.d.ts +1 -2
- package/dist/lib/components/Slider/index.d.ts +1 -2
- package/dist/lib/components/TabNav/index.d.ts +6 -2
- package/dist/lib/components/Table/index.d.ts +17 -8
- package/dist/lib/components/Tabs/index.d.ts +11 -5
- package/dist/lib/components/TextArea/index.d.ts +1 -1
- package/dist/lib/components/TextField/index.d.ts +7 -4
- package/dist/lib/components/Toast/ToastActionButton.d.ts +1 -1
- package/dist/lib/components/Toast/ToastRoot.d.ts +27 -0
- package/dist/lib/components/Toast/index.d.ts +7 -29
- package/dist/lib/components/Toggle/ToggleWithText.d.ts +2 -2
- package/dist/lib/components/Toggle/index.d.ts +1 -1
- package/dist/lib/components/ToggleGroup/ToggleGroupRoot.d.ts +15 -0
- package/dist/lib/components/ToggleGroup/index.d.ts +5 -19
- package/dist/lib/components/ToggleSwitch/index.d.ts +1 -1
- package/dist/lib/components/Tooltip/index.d.ts +4 -5
- package/dist/lib/components/index.d.ts +4 -0
- package/dist/lib/constants.d.ts +470 -0
- package/dist/lib/types.d.ts +70 -0
- package/dist/lib/utils/useDarkMode.d.ts +1 -0
- package/dist/lib/utils/utils.d.ts +0 -1
- package/package.json +137 -124
- package/dist/lib/Typography/Header/index.js +0 -55
- package/dist/lib/Typography/Text/index.js +0 -44
- package/dist/lib/Typography/index.js +0 -2
- package/dist/lib/color/alpha.js +0 -784
- package/dist/lib/color/constants.js +0 -200
- package/dist/lib/color/dark.js +0 -392
- package/dist/lib/color/krdsColors.js +0 -309
- package/dist/lib/color/light.js +0 -393
- package/dist/lib/components/Accordion/index.js +0 -58
- package/dist/lib/components/AlertDialog/AlertDialogAction.js +0 -59
- package/dist/lib/components/AlertDialog/AlertDialogCancel.js +0 -56
- package/dist/lib/components/AlertDialog/AlertDialogContent.js +0 -49
- package/dist/lib/components/AlertDialog/AlertDialogDescription.js +0 -45
- package/dist/lib/components/AlertDialog/AlertDialogTitle.js +0 -45
- package/dist/lib/components/AlertDialog/AlertDialogTrigger.js +0 -55
- package/dist/lib/components/AlertDialog/index.js +0 -37
- package/dist/lib/components/AspectRatio/index.js +0 -42
- package/dist/lib/components/Avatar/index.js +0 -57
- package/dist/lib/components/Badge/index.js +0 -54
- package/dist/lib/components/BubbleChart/index.js +0 -43
- package/dist/lib/components/Button/index.js +0 -56
- package/dist/lib/components/Callout/CalloutIcon.js +0 -57
- package/dist/lib/components/Callout/CalloutText.js +0 -52
- package/dist/lib/components/Callout/index.js +0 -75
- package/dist/lib/components/Card/index.js +0 -64
- package/dist/lib/components/Checkbox/index.js +0 -89
- package/dist/lib/components/CheckboxCard/index.js +0 -58
- package/dist/lib/components/CheckboxGroup/CheckboxGroupItem.js +0 -33
- package/dist/lib/components/CheckboxGroup/index.js +0 -35
- package/dist/lib/components/ContextMenu/ContextMenuCheckboxItem.js +0 -40
- package/dist/lib/components/ContextMenu/ContextMenuContent.js +0 -56
- package/dist/lib/components/ContextMenu/ContextMenuGroup.js +0 -30
- package/dist/lib/components/ContextMenu/ContextMenuItem.js +0 -59
- package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.js +0 -50
- package/dist/lib/components/ContextMenu/ContextMenuLabel.js +0 -48
- package/dist/lib/components/ContextMenu/ContextMenuRadioGroup.js +0 -31
- package/dist/lib/components/ContextMenu/ContextMenuRadioItem.js +0 -41
- package/dist/lib/components/ContextMenu/ContextMenuSeparator.js +0 -31
- package/dist/lib/components/ContextMenu/ContextMenuSubContent.js +0 -53
- package/dist/lib/components/ContextMenu/ContextMenuSubTrigger.js +0 -40
- package/dist/lib/components/ContextMenu/ContextMenuTrigger.js +0 -31
- package/dist/lib/components/ContextMenu/index.js +0 -54
- package/dist/lib/components/DataList/DataListItem.js +0 -43
- package/dist/lib/components/DataList/DataListLabel.js +0 -49
- package/dist/lib/components/DataList/DataListValue.js +0 -51
- package/dist/lib/components/DataList/index.js +0 -57
- package/dist/lib/components/Dialog/DialogAction.js +0 -57
- package/dist/lib/components/Dialog/DialogCancel.js +0 -53
- package/dist/lib/components/Dialog/DialogContent.js +0 -55
- package/dist/lib/components/Dialog/DialogDescription.js +0 -45
- package/dist/lib/components/Dialog/DialogSlot.js +0 -44
- package/dist/lib/components/Dialog/DialogTitle.js +0 -45
- package/dist/lib/components/Dialog/DialogTrigger.js +0 -30
- package/dist/lib/components/Dialog/index.js +0 -38
- package/dist/lib/components/DoughnutChart/index.js +0 -46
- package/dist/lib/components/DropdownMenu/DropdonMenuRadioGroup.js +0 -31
- package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.js +0 -58
- package/dist/lib/components/DropdownMenu/DropdownMenuCheckboxItem.js +0 -38
- package/dist/lib/components/DropdownMenu/DropdownMenuContent.js +0 -54
- package/dist/lib/components/DropdownMenu/DropdownMenuItem.js +0 -56
- package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.js +0 -46
- package/dist/lib/components/DropdownMenu/DropdownMenuLable.js +0 -46
- package/dist/lib/components/DropdownMenu/DropdownMenuRadioItem.js +0 -39
- package/dist/lib/components/DropdownMenu/DropdownMenuSeparator.js +0 -31
- package/dist/lib/components/DropdownMenu/DropdownMenuSub.js +0 -30
- package/dist/lib/components/DropdownMenu/DropdownMenuSubTrigger.js +0 -38
- package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.js +0 -51
- package/dist/lib/components/DropdownMenu/index.js +0 -43
- package/dist/lib/components/HoverCard/HoverCardContent.js +0 -59
- package/dist/lib/components/HoverCard/HoverCardTrigger.js +0 -30
- package/dist/lib/components/HoverCard/index.js +0 -33
- package/dist/lib/components/IconButton/index.js +0 -63
- package/dist/lib/components/Inset/index.js +0 -50
- package/dist/lib/components/Label/index.js +0 -53
- package/dist/lib/components/Menubar/MenubarCheckboxItem.js +0 -38
- package/dist/lib/components/Menubar/MenubarContent.js +0 -60
- package/dist/lib/components/Menubar/MenubarItem.js +0 -54
- package/dist/lib/components/Menubar/MenubarItemIndicator.js +0 -49
- package/dist/lib/components/Menubar/MenubarMenu.js +0 -30
- package/dist/lib/components/Menubar/MenubarRadioGroup.js +0 -31
- package/dist/lib/components/Menubar/MenubarRadioItem.js +0 -40
- package/dist/lib/components/Menubar/MenubarSeparator.js +0 -31
- package/dist/lib/components/Menubar/MenubarSub.js +0 -30
- package/dist/lib/components/Menubar/MenubarSubContent.js +0 -51
- package/dist/lib/components/Menubar/MenubarSubTrigger.js +0 -41
- package/dist/lib/components/Menubar/MenubarTrigger.js +0 -57
- package/dist/lib/components/Menubar/index.js +0 -73
- package/dist/lib/components/NavigationMenu/NavigationMenuContent.js +0 -48
- package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.js +0 -31
- package/dist/lib/components/NavigationMenu/NavigationMenuItem.js +0 -30
- package/dist/lib/components/NavigationMenu/NavigationMenuLink.js +0 -51
- package/dist/lib/components/NavigationMenu/NavigationMenuList.js +0 -47
- package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.js +0 -58
- package/dist/lib/components/NavigationMenu/NavigationMenuViewport.js +0 -53
- package/dist/lib/components/NavigationMenu/index.js +0 -50
- package/dist/lib/components/PieChart/index.js +0 -46
- package/dist/lib/components/Popover/PopoverClose.js +0 -46
- package/dist/lib/components/Popover/PopoverContent.js +0 -63
- package/dist/lib/components/Popover/PopoverTrigger.js +0 -30
- package/dist/lib/components/Popover/index.js +0 -34
- package/dist/lib/components/Progress/index.js +0 -57
- package/dist/lib/components/RadarChart/index.js +0 -43
- package/dist/lib/components/Radio/index.js +0 -51
- package/dist/lib/components/RadioCards/RadioCardsItem.js +0 -52
- package/dist/lib/components/RadioCards/index.js +0 -43
- package/dist/lib/components/RadioGroup/RadioGroupItem.js +0 -44
- package/dist/lib/components/RadioGroup/index.js +0 -51
- package/dist/lib/components/ScrollArea/index.js +0 -36
- package/dist/lib/components/SegmentedControl/SegmentedControlItem.js +0 -35
- package/dist/lib/components/SegmentedControl/index.js +0 -48
- package/dist/lib/components/Select/index.js +0 -83
- package/dist/lib/components/Separator/index.js +0 -47
- package/dist/lib/components/Skeleton/index.js +0 -43
- package/dist/lib/components/Slider/index.js +0 -50
- package/dist/lib/components/Spinner/index.js +0 -47
- package/dist/lib/components/TabNav/index.js +0 -46
- package/dist/lib/components/Table/index.js +0 -89
- package/dist/lib/components/Tabs/index.js +0 -59
- package/dist/lib/components/TextArea/index.js +0 -58
- package/dist/lib/components/TextField/index.js +0 -53
- package/dist/lib/components/Toast/ToastActionButton.js +0 -67
- package/dist/lib/components/Toast/ToastDescription.js +0 -53
- package/dist/lib/components/Toast/ToastTitle.js +0 -53
- package/dist/lib/components/Toast/index.js +0 -94
- package/dist/lib/components/Toggle/ToggleWithText.js +0 -57
- package/dist/lib/components/Toggle/index.js +0 -58
- package/dist/lib/components/ToggleGroup/index.js +0 -43
- package/dist/lib/components/ToggleGroup/toggleGroupItem.js +0 -52
- package/dist/lib/components/ToggleSwitch/index.js +0 -71
- package/dist/lib/components/Tooltip/index.js +0 -49
- package/dist/lib/components/index.js +0 -48
- package/dist/lib/constants.js +0 -569
- package/dist/lib/index.js +0 -2
- package/dist/lib/types.js +0 -1
- package/dist/lib/utils/utils.js +0 -27
- package/dist/tailwind.config.js +0 -144
- /package/dist/lib/components/ToggleGroup/{toggleGroupItem.d.ts → ToggleGroupItem.d.ts} +0 -0
@@ -1,47 +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 { Spinner as SpinnerTheme, Theme } from '@radix-ui/themes';
|
27
|
-
import { cn } from '../../../lib/utils/utils';
|
28
|
-
import { scalingVariants } from '../../../lib/constants';
|
29
|
-
var spinnerVariants = cva('', {
|
30
|
-
variants: {
|
31
|
-
scaling: __assign({}, scalingVariants),
|
32
|
-
},
|
33
|
-
defaultVariants: {
|
34
|
-
scaling: '100%',
|
35
|
-
},
|
36
|
-
});
|
37
|
-
export var Spinner = React.forwardRef(function (_a, forwardedRef) {
|
38
|
-
var className = _a.className, children = _a.children, size = _a.size, scaling = _a.scaling, loading = _a.loading, spinnerProps = __rest(_a, ["className", "children", "size", "scaling", "loading"]);
|
39
|
-
var sizeTheme = '2';
|
40
|
-
if (size === 'small')
|
41
|
-
sizeTheme = '1';
|
42
|
-
if (size === 'large')
|
43
|
-
sizeTheme = '3';
|
44
|
-
return (_jsx(Theme, { hasBackground: false, children: _jsx(SpinnerTheme, __assign({ ref: forwardedRef, loading: loading, size: sizeTheme, className: cn('', spinnerVariants({ scaling: scaling }), className) }, spinnerProps, { children: children })) }));
|
45
|
-
});
|
46
|
-
Spinner.displayName = 'Spinner';
|
47
|
-
export default Spinner;
|
@@ -1,46 +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 { TabNav as TabNavTheme, Theme } from '@radix-ui/themes';
|
27
|
-
import { cn } from '../../../lib/utils/utils';
|
28
|
-
var tabNavVariants = cva('', {
|
29
|
-
variants: {},
|
30
|
-
});
|
31
|
-
export var TabNav = React.forwardRef(function (_a, ref) {
|
32
|
-
var className = _a.className, children = _a.children, size = _a.size, color = _a.color, rootProps = __rest(_a, ["className", "children", "size", "color"]);
|
33
|
-
if (!color)
|
34
|
-
color = 'red';
|
35
|
-
var sizeTheme = '2';
|
36
|
-
if (size === 'small')
|
37
|
-
sizeTheme = '1';
|
38
|
-
return (_jsx(Theme, { accentColor: color, hasBackground: false, children: _jsx(TabNavTheme.Root, __assign({ ref: ref, size: sizeTheme, className: cn('', tabNavVariants({}), className) }, rootProps, { children: children })) }));
|
39
|
-
});
|
40
|
-
TabNav.displayName = 'TabNav';
|
41
|
-
export var TabNavLink = React.forwardRef(function (_a, ref) {
|
42
|
-
var className = _a.className, children = _a.children, href = _a.href, linkProps = __rest(_a, ["className", "children", "href"]);
|
43
|
-
return (_jsx(TabNavTheme.Link, __assign({ ref: ref, className: cn('text-slateA-11 dark:text-slateDarkA-11 data-[state=active]:text-slateA-12 dark:data-[state=active]:text-slateDarkA-12', tabNavVariants({}), className), href: href }, linkProps, { children: children })));
|
44
|
-
});
|
45
|
-
TabNavLink.displayName = 'TabNav.Link';
|
46
|
-
export default TabNav;
|
@@ -1,89 +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 { Table as TableTheme, Theme } from '@radix-ui/themes';
|
27
|
-
import { cn } from '../../../lib/utils/utils';
|
28
|
-
import { radiusVariants, scalingVariants } from '../../../lib/constants';
|
29
|
-
var tableVariants = cva('', {
|
30
|
-
variants: {
|
31
|
-
scaling: __assign({}, scalingVariants),
|
32
|
-
radius: __assign({}, radiusVariants['base']),
|
33
|
-
},
|
34
|
-
defaultVariants: {
|
35
|
-
scaling: '100%',
|
36
|
-
},
|
37
|
-
});
|
38
|
-
var tableRowVariants = cva('', {
|
39
|
-
variants: {
|
40
|
-
size: {
|
41
|
-
small: 'h-[36px]',
|
42
|
-
medium: 'h-[44px]',
|
43
|
-
large: 'h-[48px] p-3',
|
44
|
-
},
|
45
|
-
},
|
46
|
-
});
|
47
|
-
export var Table = React.forwardRef(function (_a, ref) {
|
48
|
-
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"]);
|
49
|
-
var sizeTheme = '2';
|
50
|
-
if (size === 'small')
|
51
|
-
sizeTheme = '1';
|
52
|
-
if (size === 'large')
|
53
|
-
sizeTheme = '3';
|
54
|
-
if (radius === 'full')
|
55
|
-
radius = 'large';
|
56
|
-
return (_jsx(Theme, { hasBackground: false, children: _jsx(TableTheme.Root, __assign({ ref: ref, className: cn('', tableVariants({ scaling: scaling, radius: radius }), className), variant: appearance, size: sizeTheme }, tableProps, { children: children })) }));
|
57
|
-
});
|
58
|
-
Table.displayName = 'Table';
|
59
|
-
export var TableHeader = React.forwardRef(function (_a, forwardedRef) {
|
60
|
-
var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
|
61
|
-
return (_jsx(TableTheme.Header, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
|
62
|
-
});
|
63
|
-
TableHeader.displayName = 'TableHeader';
|
64
|
-
export var TableBody = React.forwardRef(function (_a, forwardedRef) {
|
65
|
-
var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
|
66
|
-
return (_jsx(TableTheme.Body, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
|
67
|
-
});
|
68
|
-
TableBody.displayName = 'TableBody';
|
69
|
-
export var TableRow = React.forwardRef(function (_a, forwardedRef) {
|
70
|
-
var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
|
71
|
-
return (_jsx(TableTheme.Row, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
|
72
|
-
});
|
73
|
-
TableRow.displayName = 'TableRow';
|
74
|
-
export var TableCell = React.forwardRef(function (_a, forwardedRef) {
|
75
|
-
var className = _a.className, children = _a.children, scaling = _a.scaling, cellProps = __rest(_a, ["className", "children", "scaling"]);
|
76
|
-
return (_jsx(TableTheme.Cell, __assign({ className: cn('', tableVariants({ scaling: scaling }), className) }, cellProps, { ref: forwardedRef, children: children })));
|
77
|
-
});
|
78
|
-
TableCell.displayName = 'TableCell';
|
79
|
-
export var TableColumnHeaderCell = React.forwardRef(function (_a, forwardedRef) {
|
80
|
-
var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, props = __rest(_a, ["className", "children", "scaling", "size"]);
|
81
|
-
return (_jsx(TableTheme.ColumnHeaderCell, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), tableRowVariants({ size: size }), className) }, props, { children: children })));
|
82
|
-
});
|
83
|
-
TableColumnHeaderCell.displayName = 'TableColumnHeaderCell';
|
84
|
-
export var TableRowHeaderCell = React.forwardRef(function (_a, forwardedRef) {
|
85
|
-
var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
|
86
|
-
return (_jsx(TableTheme.RowHeaderCell, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
|
87
|
-
});
|
88
|
-
TableRowHeaderCell.displayName = 'TableRowHeaderCell';
|
89
|
-
export default Table;
|
@@ -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 { jsx as _jsx } from "react/jsx-runtime";
|
24
|
-
import { Theme, Tabs as TabsTheme } from '@radix-ui/themes';
|
25
|
-
import React from 'react';
|
26
|
-
import { cn } from '../../../lib/utils/utils';
|
27
|
-
import { cva } from 'class-variance-authority';
|
28
|
-
import { weightVariants } from '../../../lib/constants';
|
29
|
-
var tabsVariants = cva('', {
|
30
|
-
variants: {
|
31
|
-
weight: __assign({}, weightVariants),
|
32
|
-
},
|
33
|
-
});
|
34
|
-
export var Tabs = React.forwardRef(function (_a, forwardedRef) {
|
35
|
-
var className = _a.className, children = _a.children, color = _a.color, rootProps = __rest(_a, ["className", "children", "color"]);
|
36
|
-
if (!color)
|
37
|
-
color = 'red';
|
38
|
-
return (_jsx(Theme, { accentColor: color, hasBackground: false, children: _jsx(TabsTheme.Root, __assign({}, rootProps, { ref: forwardedRef, className: cn('', className), children: children })) }));
|
39
|
-
});
|
40
|
-
Tabs.displayName = 'Tabs';
|
41
|
-
export var TabsList = React.forwardRef(function (_a, forwardedRef) {
|
42
|
-
var className = _a.className, weight = _a.weight, children = _a.children, size = _a.size, listProps = __rest(_a, ["className", "weight", "children", "size"]);
|
43
|
-
var sizeTheme = '2';
|
44
|
-
if (size === 'small')
|
45
|
-
sizeTheme = '1';
|
46
|
-
return (_jsx(TabsTheme.List, __assign({ ref: forwardedRef, size: sizeTheme }, listProps, { className: cn('', className), children: children })));
|
47
|
-
});
|
48
|
-
TabsList.displayName = 'TabsList';
|
49
|
-
export var TabsTrigger = React.forwardRef(function (_a, forwardedRef) {
|
50
|
-
var className = _a.className, weight = _a.weight, children = _a.children, triggerProps = __rest(_a, ["className", "weight", "children"]);
|
51
|
-
return (_jsx(TabsTheme.Trigger, __assign({ ref: forwardedRef, className: cn('text-slateA-11 dark:text-slateDarkA-11 data-[state=active]:text-slateA-12 dark:data-[state=active]:text-slateDarkA-12', className) }, triggerProps, { children: children })));
|
52
|
-
});
|
53
|
-
TabsTrigger.displayName = 'TabsTrigger';
|
54
|
-
export var TabsContent = React.forwardRef(function (_a, forwardedRef) {
|
55
|
-
var className = _a.className, weight = _a.weight, children = _a.children, contentProps = __rest(_a, ["className", "weight", "children"]);
|
56
|
-
return (_jsx(TabsTheme.Content, __assign({ ref: forwardedRef }, contentProps, { className: cn('mt-3', className), children: children })));
|
57
|
-
});
|
58
|
-
TabsContent.displayName = 'TabsTrigger';
|
59
|
-
export default Tabs;
|
@@ -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,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 React from 'react';
|
25
|
-
import '@radix-ui/themes/styles.css';
|
26
|
-
import { cva } from 'class-variance-authority';
|
27
|
-
import { cn } from '../../../lib/utils/utils';
|
28
|
-
import { bgColorStyle, radiusVariants } from '../../../lib/constants';
|
29
|
-
import { Theme, TextField as TextFieldTheme } from '@radix-ui/themes';
|
30
|
-
var textFieldVariants = cva('', {
|
31
|
-
variants: {
|
32
|
-
radius: __assign({}, radiusVariants['base']),
|
33
|
-
color: bgColorStyle(),
|
34
|
-
},
|
35
|
-
});
|
36
|
-
export var TextField = React.forwardRef(function (_a, forwardedRef) {
|
37
|
-
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"]);
|
38
|
-
if (!color)
|
39
|
-
color = 'red';
|
40
|
-
var sizeTheme = '2';
|
41
|
-
if (size === 'small')
|
42
|
-
sizeTheme = '1';
|
43
|
-
if (size === 'large')
|
44
|
-
sizeTheme = '3';
|
45
|
-
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 })) }));
|
46
|
-
});
|
47
|
-
TextField.displayName = 'TextField';
|
48
|
-
export var TextFieldSlot = React.forwardRef(function (_a, forwardedRef) {
|
49
|
-
var className = _a.className, color = _a.color, side = _a.side, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, ["className", "color", "side", "radius", "children"]);
|
50
|
-
return (_jsx(TextFieldTheme.Slot, __assign({ ref: forwardedRef, color: color, side: side, className: cn(textFieldVariants({ radius: radius }), className) }, sliderProps, { children: children })));
|
51
|
-
});
|
52
|
-
TextFieldSlot.displayName = 'TextFieldSlot';
|
53
|
-
export default TextField;
|
@@ -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 '.';
|
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 = 'ToastActionButton';
|
@@ -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 '.';
|
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 = 'ToastDescription';
|
@@ -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 '.';
|
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 = 'ToastTitle';
|
@@ -1,94 +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, } from 'react';
|
25
|
-
import ReactDOM from 'react-dom';
|
26
|
-
import { cva } from 'class-variance-authority';
|
27
|
-
import { cn } from '../../../lib/utils/utils';
|
28
|
-
import * as ToastPrimitive from '@radix-ui/react-toast';
|
29
|
-
import { scalingVariants } from '../../../lib/constants';
|
30
|
-
export * from './ToastTitle';
|
31
|
-
export * from './ToastDescription';
|
32
|
-
export * from './ToastActionButton';
|
33
|
-
export var toastVariants = cva('flex bg-white dark:bg-slateDark-1', {
|
34
|
-
variants: {
|
35
|
-
radius: {
|
36
|
-
none: 'rounded-none',
|
37
|
-
small: 'rounded-[3px]',
|
38
|
-
medium: 'rounded',
|
39
|
-
large: 'rounded-md',
|
40
|
-
full: 'rounded-md',
|
41
|
-
},
|
42
|
-
size: {
|
43
|
-
small: 'w-[300px] min-h-[55px] p-3',
|
44
|
-
medium: 'w-[400px] min-h-[63px] p-3',
|
45
|
-
large: 'w-[400px] min-h-[84px] p-4',
|
46
|
-
'x-large': 'w-[400px] min-h-[88px] p-4',
|
47
|
-
},
|
48
|
-
scaling: __assign({}, scalingVariants),
|
49
|
-
color: {
|
50
|
-
danger: 'bg-red-3 dark:bg-redDark-3',
|
51
|
-
warning: 'bg-amber-3 dark:bg-amberDark-3',
|
52
|
-
success: 'bg-green-3 dark:bg-greenDark-3',
|
53
|
-
information: 'bg-sky-3 dark:bg-skyDark-3',
|
54
|
-
},
|
55
|
-
},
|
56
|
-
defaultVariants: {
|
57
|
-
radius: 'medium',
|
58
|
-
scaling: '100%',
|
59
|
-
size: 'medium',
|
60
|
-
},
|
61
|
-
});
|
62
|
-
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]", {
|
63
|
-
variants: {
|
64
|
-
toastPosition: {
|
65
|
-
top_center: 'top-0 left-1/2 transform -translate-x-1/2',
|
66
|
-
top_left: 'top-0 left-0',
|
67
|
-
top_right: 'top-0 right-0',
|
68
|
-
bottom_center: 'bottom-0 left-1/2 transform -translate-x-1/2',
|
69
|
-
bottom_left: 'bottom-0 left-0',
|
70
|
-
bottom_right: 'bottom-0 right-0',
|
71
|
-
},
|
72
|
-
},
|
73
|
-
defaultVariants: {
|
74
|
-
toastPosition: 'top_right',
|
75
|
-
},
|
76
|
-
});
|
77
|
-
var ToastContext = createContext({
|
78
|
-
radius: 'medium',
|
79
|
-
scaling: '100%',
|
80
|
-
size: 'medium',
|
81
|
-
color: null,
|
82
|
-
});
|
83
|
-
export var useToastContext = function () {
|
84
|
-
return useContext(ToastContext);
|
85
|
-
};
|
86
|
-
export var Toast = forwardRef(function (_a, ref) {
|
87
|
-
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"]);
|
88
|
-
var contextValue = { radius: radius, size: size, scaling: scaling, color: color };
|
89
|
-
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 ";
|
90
|
-
var toastClassName = cn(toastVariants({ radius: radius, scaling: scaling, size: size, color: color }), toastRootStyle, className);
|
91
|
-
return ReactDOM.createPortal(_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 })) })] }) }), document.body);
|
92
|
-
});
|
93
|
-
Toast.displayName = 'Toast';
|
94
|
-
export default Toast;
|