@lotte-innovate/ui-component-test 0.0.21 → 0.0.22
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +5 -7
- package/dist/index.d.ts +0 -2
- package/dist/index.js +0 -2
- package/dist/lib/Typography/Header/index.d.ts +0 -13
- package/dist/lib/Typography/Header/index.js +0 -55
- package/dist/lib/Typography/Text/index.d.ts +0 -15
- package/dist/lib/Typography/Text/index.js +0 -44
- package/dist/lib/Typography/index.d.ts +0 -2
- package/dist/lib/Typography/index.js +0 -2
- package/dist/lib/color/alpha.d.ts +0 -784
- package/dist/lib/color/alpha.js +0 -784
- package/dist/lib/color/constants.d.ts +0 -20
- package/dist/lib/color/constants.js +0 -200
- 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 -16
- package/dist/lib/components/Accordion/index.js +0 -58
- package/dist/lib/components/AlertDialog/AlertDialogAction.d.ts +0 -14
- package/dist/lib/components/AlertDialog/AlertDialogAction.js +0 -59
- package/dist/lib/components/AlertDialog/AlertDialogCancel.d.ts +0 -13
- package/dist/lib/components/AlertDialog/AlertDialogCancel.js +0 -56
- package/dist/lib/components/AlertDialog/AlertDialogContent.d.ts +0 -11
- package/dist/lib/components/AlertDialog/AlertDialogContent.js +0 -49
- package/dist/lib/components/AlertDialog/AlertDialogDescription.d.ts +0 -10
- package/dist/lib/components/AlertDialog/AlertDialogDescription.js +0 -45
- package/dist/lib/components/AlertDialog/AlertDialogTitle.d.ts +0 -10
- package/dist/lib/components/AlertDialog/AlertDialogTitle.js +0 -45
- package/dist/lib/components/AlertDialog/AlertDialogTrigger.d.ts +0 -17
- package/dist/lib/components/AlertDialog/AlertDialogTrigger.js +0 -55
- package/dist/lib/components/AlertDialog/index.d.ts +0 -20
- package/dist/lib/components/AlertDialog/index.js +0 -37
- package/dist/lib/components/AspectRatio/index.d.ts +0 -10
- package/dist/lib/components/AspectRatio/index.js +0 -42
- package/dist/lib/components/Avatar/index.d.ts +0 -17
- package/dist/lib/components/Avatar/index.js +0 -57
- package/dist/lib/components/Badge/index.d.ts +0 -18
- package/dist/lib/components/Badge/index.js +0 -54
- package/dist/lib/components/BubbleChart/index.d.ts +0 -31
- package/dist/lib/components/BubbleChart/index.js +0 -43
- package/dist/lib/components/Button/index.d.ts +0 -16
- package/dist/lib/components/Button/index.js +0 -56
- package/dist/lib/components/Callout/CalloutIcon.d.ts +0 -12
- package/dist/lib/components/Callout/CalloutIcon.js +0 -57
- package/dist/lib/components/Callout/CalloutText.d.ts +0 -10
- package/dist/lib/components/Callout/CalloutText.js +0 -52
- package/dist/lib/components/Callout/index.d.ts +0 -20
- package/dist/lib/components/Callout/index.js +0 -75
- package/dist/lib/components/Card/index.d.ts +0 -14
- package/dist/lib/components/Card/index.js +0 -64
- package/dist/lib/components/Checkbox/index.d.ts +0 -17
- package/dist/lib/components/Checkbox/index.js +0 -89
- package/dist/lib/components/CheckboxCard/index.d.ts +0 -20
- package/dist/lib/components/CheckboxCard/index.js +0 -58
- package/dist/lib/components/CheckboxGroup/CheckboxGroupItem.d.ts +0 -5
- package/dist/lib/components/CheckboxGroup/CheckboxGroupItem.js +0 -33
- package/dist/lib/components/CheckboxGroup/index.d.ts +0 -17
- package/dist/lib/components/CheckboxGroup/index.js +0 -35
- package/dist/lib/components/ContextMenu/ContextMenuCheckboxItem.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuCheckboxItem.js +0 -40
- package/dist/lib/components/ContextMenu/ContextMenuContent.d.ts +0 -11
- package/dist/lib/components/ContextMenu/ContextMenuContent.js +0 -56
- package/dist/lib/components/ContextMenu/ContextMenuGroup.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuGroup.js +0 -30
- package/dist/lib/components/ContextMenu/ContextMenuItem.d.ts +0 -13
- package/dist/lib/components/ContextMenu/ContextMenuItem.js +0 -59
- package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.d.ts +0 -10
- package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.js +0 -50
- package/dist/lib/components/ContextMenu/ContextMenuLabel.d.ts +0 -11
- package/dist/lib/components/ContextMenu/ContextMenuLabel.js +0 -48
- package/dist/lib/components/ContextMenu/ContextMenuRadioGroup.d.ts +0 -8
- package/dist/lib/components/ContextMenu/ContextMenuRadioGroup.js +0 -31
- package/dist/lib/components/ContextMenu/ContextMenuRadioItem.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuRadioItem.js +0 -41
- package/dist/lib/components/ContextMenu/ContextMenuSeparator.d.ts +0 -3
- package/dist/lib/components/ContextMenu/ContextMenuSeparator.js +0 -31
- package/dist/lib/components/ContextMenu/ContextMenuSubContent.d.ts +0 -11
- package/dist/lib/components/ContextMenu/ContextMenuSubContent.js +0 -53
- package/dist/lib/components/ContextMenu/ContextMenuSubTrigger.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuSubTrigger.js +0 -40
- package/dist/lib/components/ContextMenu/ContextMenuTrigger.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuTrigger.js +0 -31
- package/dist/lib/components/ContextMenu/index.d.ts +0 -25
- package/dist/lib/components/ContextMenu/index.js +0 -54
- package/dist/lib/components/DataList/DataListItem.d.ts +0 -9
- package/dist/lib/components/DataList/DataListItem.js +0 -43
- package/dist/lib/components/DataList/DataListLabel.d.ts +0 -10
- package/dist/lib/components/DataList/DataListLabel.js +0 -49
- package/dist/lib/components/DataList/DataListValue.d.ts +0 -11
- package/dist/lib/components/DataList/DataListValue.js +0 -51
- package/dist/lib/components/DataList/index.d.ts +0 -17
- package/dist/lib/components/DataList/index.js +0 -57
- package/dist/lib/components/Dialog/DialogAction.d.ts +0 -15
- package/dist/lib/components/Dialog/DialogAction.js +0 -57
- package/dist/lib/components/Dialog/DialogCancel.d.ts +0 -11
- package/dist/lib/components/Dialog/DialogCancel.js +0 -53
- package/dist/lib/components/Dialog/DialogContent.d.ts +0 -11
- package/dist/lib/components/Dialog/DialogContent.js +0 -55
- package/dist/lib/components/Dialog/DialogDescription.d.ts +0 -9
- package/dist/lib/components/Dialog/DialogDescription.js +0 -45
- package/dist/lib/components/Dialog/DialogSlot.d.ts +0 -9
- package/dist/lib/components/Dialog/DialogSlot.js +0 -44
- package/dist/lib/components/Dialog/DialogTitle.d.ts +0 -11
- package/dist/lib/components/Dialog/DialogTitle.js +0 -45
- package/dist/lib/components/Dialog/DialogTrigger.d.ts +0 -3
- package/dist/lib/components/Dialog/DialogTrigger.js +0 -30
- package/dist/lib/components/Dialog/index.d.ts +0 -18
- package/dist/lib/components/Dialog/index.js +0 -38
- package/dist/lib/components/DoughnutChart/index.d.ts +0 -23
- package/dist/lib/components/DoughnutChart/index.js +0 -46
- package/dist/lib/components/DropdownMenu/DropdonMenuRadioGroup.d.ts +0 -8
- package/dist/lib/components/DropdownMenu/DropdonMenuRadioGroup.js +0 -31
- package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.d.ts +0 -11
- package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.js +0 -58
- package/dist/lib/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts +0 -7
- package/dist/lib/components/DropdownMenu/DropdownMenuCheckboxItem.js +0 -38
- package/dist/lib/components/DropdownMenu/DropdownMenuContent.d.ts +0 -11
- package/dist/lib/components/DropdownMenu/DropdownMenuContent.js +0 -54
- package/dist/lib/components/DropdownMenu/DropdownMenuItem.d.ts +0 -13
- package/dist/lib/components/DropdownMenu/DropdownMenuItem.js +0 -56
- package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.d.ts +0 -10
- package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.js +0 -46
- package/dist/lib/components/DropdownMenu/DropdownMenuLable.d.ts +0 -11
- package/dist/lib/components/DropdownMenu/DropdownMenuLable.js +0 -46
- package/dist/lib/components/DropdownMenu/DropdownMenuRadioItem.d.ts +0 -4
- package/dist/lib/components/DropdownMenu/DropdownMenuRadioItem.js +0 -39
- package/dist/lib/components/DropdownMenu/DropdownMenuSeparator.d.ts +0 -3
- package/dist/lib/components/DropdownMenu/DropdownMenuSeparator.js +0 -31
- package/dist/lib/components/DropdownMenu/DropdownMenuSub.d.ts +0 -3
- package/dist/lib/components/DropdownMenu/DropdownMenuSub.js +0 -30
- package/dist/lib/components/DropdownMenu/DropdownMenuSubTrigger.d.ts +0 -4
- package/dist/lib/components/DropdownMenu/DropdownMenuSubTrigger.js +0 -38
- package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.d.ts +0 -13
- package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.js +0 -51
- package/dist/lib/components/DropdownMenu/index.d.ts +0 -23
- package/dist/lib/components/DropdownMenu/index.js +0 -43
- package/dist/lib/components/HoverCard/HoverCardContent.d.ts +0 -14
- package/dist/lib/components/HoverCard/HoverCardContent.js +0 -59
- package/dist/lib/components/HoverCard/HoverCardTrigger.d.ts +0 -3
- package/dist/lib/components/HoverCard/HoverCardTrigger.js +0 -30
- package/dist/lib/components/HoverCard/index.d.ts +0 -10
- package/dist/lib/components/HoverCard/index.js +0 -33
- package/dist/lib/components/IconButton/index.d.ts +0 -15
- package/dist/lib/components/IconButton/index.js +0 -63
- package/dist/lib/components/Inset/index.d.ts +0 -10
- package/dist/lib/components/Inset/index.js +0 -50
- package/dist/lib/components/Label/index.d.ts +0 -17
- package/dist/lib/components/Label/index.js +0 -53
- package/dist/lib/components/Menubar/MenubarCheckboxItem.d.ts +0 -4
- package/dist/lib/components/Menubar/MenubarCheckboxItem.js +0 -38
- package/dist/lib/components/Menubar/MenubarContent.d.ts +0 -11
- package/dist/lib/components/Menubar/MenubarContent.js +0 -60
- package/dist/lib/components/Menubar/MenubarItem.d.ts +0 -13
- package/dist/lib/components/Menubar/MenubarItem.js +0 -54
- package/dist/lib/components/Menubar/MenubarItemIndicator.d.ts +0 -10
- package/dist/lib/components/Menubar/MenubarItemIndicator.js +0 -49
- package/dist/lib/components/Menubar/MenubarMenu.d.ts +0 -2
- package/dist/lib/components/Menubar/MenubarMenu.js +0 -30
- package/dist/lib/components/Menubar/MenubarRadioGroup.d.ts +0 -8
- package/dist/lib/components/Menubar/MenubarRadioGroup.js +0 -31
- package/dist/lib/components/Menubar/MenubarRadioItem.d.ts +0 -4
- package/dist/lib/components/Menubar/MenubarRadioItem.js +0 -40
- package/dist/lib/components/Menubar/MenubarSeparator.d.ts +0 -3
- package/dist/lib/components/Menubar/MenubarSeparator.js +0 -31
- package/dist/lib/components/Menubar/MenubarSub.d.ts +0 -3
- package/dist/lib/components/Menubar/MenubarSub.js +0 -30
- package/dist/lib/components/Menubar/MenubarSubContent.d.ts +0 -10
- package/dist/lib/components/Menubar/MenubarSubContent.js +0 -51
- package/dist/lib/components/Menubar/MenubarSubTrigger.d.ts +0 -4
- package/dist/lib/components/Menubar/MenubarSubTrigger.js +0 -41
- package/dist/lib/components/Menubar/MenubarTrigger.d.ts +0 -12
- package/dist/lib/components/Menubar/MenubarTrigger.js +0 -57
- package/dist/lib/components/Menubar/index.d.ts +0 -31
- package/dist/lib/components/Menubar/index.js +0 -73
- package/dist/lib/components/NavigationMenu/NavigationMenuContent.d.ts +0 -11
- package/dist/lib/components/NavigationMenu/NavigationMenuContent.js +0 -48
- package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.d.ts +0 -3
- package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.js +0 -31
- package/dist/lib/components/NavigationMenu/NavigationMenuItem.d.ts +0 -3
- package/dist/lib/components/NavigationMenu/NavigationMenuItem.js +0 -30
- package/dist/lib/components/NavigationMenu/NavigationMenuLink.d.ts +0 -13
- package/dist/lib/components/NavigationMenu/NavigationMenuLink.js +0 -51
- package/dist/lib/components/NavigationMenu/NavigationMenuList.d.ts +0 -12
- package/dist/lib/components/NavigationMenu/NavigationMenuList.js +0 -47
- package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.d.ts +0 -13
- package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.js +0 -58
- package/dist/lib/components/NavigationMenu/NavigationMenuViewport.d.ts +0 -12
- package/dist/lib/components/NavigationMenu/NavigationMenuViewport.js +0 -53
- package/dist/lib/components/NavigationMenu/index.d.ts +0 -21
- package/dist/lib/components/NavigationMenu/index.js +0 -50
- package/dist/lib/components/PieChart/index.d.ts +0 -23
- package/dist/lib/components/PieChart/index.js +0 -46
- package/dist/lib/components/Popover/PopoverClose.d.ts +0 -9
- package/dist/lib/components/Popover/PopoverClose.js +0 -46
- package/dist/lib/components/Popover/PopoverContent.d.ts +0 -11
- package/dist/lib/components/Popover/PopoverContent.js +0 -63
- package/dist/lib/components/Popover/PopoverTrigger.d.ts +0 -3
- package/dist/lib/components/Popover/PopoverTrigger.js +0 -30
- package/dist/lib/components/Popover/index.d.ts +0 -12
- package/dist/lib/components/Popover/index.js +0 -34
- package/dist/lib/components/Progress/index.d.ts +0 -16
- package/dist/lib/components/Progress/index.js +0 -57
- package/dist/lib/components/RadarChart/index.d.ts +0 -34
- package/dist/lib/components/RadarChart/index.js +0 -43
- package/dist/lib/components/Radio/index.d.ts +0 -14
- package/dist/lib/components/Radio/index.js +0 -51
- package/dist/lib/components/RadioCards/RadioCardsItem.d.ts +0 -10
- package/dist/lib/components/RadioCards/RadioCardsItem.js +0 -52
- package/dist/lib/components/RadioCards/index.d.ts +0 -14
- package/dist/lib/components/RadioCards/index.js +0 -43
- package/dist/lib/components/RadioGroup/RadioGroupItem.d.ts +0 -13
- package/dist/lib/components/RadioGroup/RadioGroupItem.js +0 -44
- package/dist/lib/components/RadioGroup/index.d.ts +0 -16
- package/dist/lib/components/RadioGroup/index.js +0 -51
- package/dist/lib/components/ScrollArea/index.d.ts +0 -9
- package/dist/lib/components/ScrollArea/index.js +0 -36
- package/dist/lib/components/SegmentedControl/SegmentedControlItem.d.ts +0 -6
- package/dist/lib/components/SegmentedControl/SegmentedControlItem.js +0 -35
- package/dist/lib/components/SegmentedControl/index.d.ts +0 -15
- package/dist/lib/components/SegmentedControl/index.js +0 -48
- package/dist/lib/components/Select/index.d.ts +0 -25
- package/dist/lib/components/Select/index.js +0 -83
- package/dist/lib/components/Separator/index.d.ts +0 -11
- package/dist/lib/components/Separator/index.js +0 -47
- package/dist/lib/components/Skeleton/index.d.ts +0 -15
- package/dist/lib/components/Skeleton/index.js +0 -43
- package/dist/lib/components/Slider/index.d.ts +0 -15
- package/dist/lib/components/Slider/index.js +0 -50
- package/dist/lib/components/Spinner/index.d.ts +0 -15
- package/dist/lib/components/Spinner/index.js +0 -47
- package/dist/lib/components/TabNav/index.d.ts +0 -11
- package/dist/lib/components/TabNav/index.js +0 -46
- package/dist/lib/components/Table/index.d.ts +0 -21
- package/dist/lib/components/Table/index.js +0 -89
- package/dist/lib/components/Tabs/index.d.ts +0 -16
- package/dist/lib/components/Tabs/index.js +0 -59
- package/dist/lib/components/TextArea/index.d.ts +0 -16
- package/dist/lib/components/TextArea/index.js +0 -58
- package/dist/lib/components/TextField/index.d.ts +0 -18
- package/dist/lib/components/TextField/index.js +0 -53
- package/dist/lib/components/Toast/ToastActionButton.d.ts +0 -14
- package/dist/lib/components/Toast/ToastActionButton.js +0 -67
- package/dist/lib/components/Toast/ToastDescription.d.ts +0 -13
- package/dist/lib/components/Toast/ToastDescription.js +0 -53
- package/dist/lib/components/Toast/ToastTitle.d.ts +0 -13
- package/dist/lib/components/Toast/ToastTitle.js +0 -53
- package/dist/lib/components/Toast/index.d.ts +0 -30
- package/dist/lib/components/Toast/index.js +0 -94
- package/dist/lib/components/Toggle/ToggleWithText.d.ts +0 -21
- package/dist/lib/components/Toggle/ToggleWithText.js +0 -57
- package/dist/lib/components/Toggle/index.d.ts +0 -21
- package/dist/lib/components/Toggle/index.js +0 -58
- package/dist/lib/components/ToggleGroup/index.d.ts +0 -20
- package/dist/lib/components/ToggleGroup/index.js +0 -43
- package/dist/lib/components/ToggleGroup/toggleGroupItem.d.ts +0 -17
- package/dist/lib/components/ToggleGroup/toggleGroupItem.js +0 -52
- package/dist/lib/components/ToggleSwitch/index.d.ts +0 -13
- package/dist/lib/components/ToggleSwitch/index.js +0 -71
- package/dist/lib/components/Tooltip/index.d.ts +0 -20
- package/dist/lib/components/Tooltip/index.js +0 -49
- package/dist/lib/components/index.d.ts +0 -46
- package/dist/lib/components/index.js +0 -48
- package/dist/lib/constants.d.ts +0 -185
- package/dist/lib/constants.js +0 -569
- package/dist/lib/types.d.ts +0 -11
- package/dist/lib/types.js +0 -1
- package/dist/lib/utils/utils.d.ts +0 -3
- package/dist/lib/utils/utils.js +0 -27
@@ -1,30 +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 * from './ToastTitle';
|
8
|
-
export * from './ToastDescription';
|
9
|
-
export * from './ToastActionButton';
|
10
|
-
export interface ToastProps extends VariantProps<typeof toastVariants>, VariantProps<typeof toastTitleVariants>, VariantProps<typeof toastDescriptionVariants>, VariantProps<typeof toastActionButtonVariants>, VariantProps<typeof toastViewportVariants> {
|
11
|
-
className?: string;
|
12
|
-
openToast?: boolean;
|
13
|
-
duration?: number;
|
14
|
-
titleText?: string;
|
15
|
-
contentText?: string;
|
16
|
-
color?: 'danger' | 'warning' | 'success' | 'information' | null;
|
17
|
-
setOpenToast?: Dispatch<SetStateAction<boolean>>;
|
18
|
-
}
|
19
|
-
export declare const toastVariants: (props?: ({
|
20
|
-
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
21
|
-
size?: "small" | "medium" | "large" | "x-large" | null | undefined;
|
22
|
-
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
23
|
-
color?: "danger" | "warning" | "success" | "information" | null | undefined;
|
24
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
25
|
-
export declare const toastViewportVariants: (props?: ({
|
26
|
-
toastPosition?: "top_center" | "top_left" | "top_right" | "bottom_center" | "bottom_left" | "bottom_right" | null | undefined;
|
27
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
28
|
-
export declare const useToastContext: () => ToastProps;
|
29
|
-
export declare const Toast: React.ForwardRefExoticComponent<ToastPrimitive.ToastProviderProps & ToastProps & React.RefAttributes<never>>;
|
30
|
-
export default Toast;
|
@@ -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;
|
@@ -1,21 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { VariantProps } from 'class-variance-authority';
|
3
|
-
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
4
|
-
import { IAppearance } from 'lib/types';
|
5
|
-
export interface ToggleWithTextProps extends VariantProps<typeof toggleWithTextVariants> {
|
6
|
-
text?: string;
|
7
|
-
appearance?: IAppearance;
|
8
|
-
size?: 'small' | 'medium' | 'large';
|
9
|
-
}
|
10
|
-
declare const toggleWithTextVariants: (props?: ({
|
11
|
-
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
12
|
-
size?: "small" | "medium" | "large" | null | undefined;
|
13
|
-
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
14
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
15
|
-
export declare const IconScaling: {
|
16
|
-
small: string;
|
17
|
-
medium: string;
|
18
|
-
large: string;
|
19
|
-
};
|
20
|
-
export declare const ToggleWithText: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleWithTextProps & React.RefAttributes<HTMLButtonElement>>;
|
21
|
-
export {};
|
@@ -1,57 +0,0 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
-
import React, { Children, forwardRef } from 'react';
|
25
|
-
import { cva } from 'class-variance-authority';
|
26
|
-
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
27
|
-
import { radiusVariants, toggleAppearanceStyle } from 'lib/constants';
|
28
|
-
import { scalingVariants } from 'lib/constants';
|
29
|
-
import { cn } from 'lib/utils/utils';
|
30
|
-
var toggleWithTextVariants = cva('flex items-center justify-center box-border font-medium', {
|
31
|
-
variants: {
|
32
|
-
radius: __assign({}, radiusVariants['base']),
|
33
|
-
size: {
|
34
|
-
small: 'h-6 px-2 text-xs gap-1',
|
35
|
-
medium: 'h-8 px-3 text-sm gap-2',
|
36
|
-
large: 'h-10 px-4 text-base gap-3',
|
37
|
-
},
|
38
|
-
scaling: __assign({}, scalingVariants),
|
39
|
-
},
|
40
|
-
defaultVariants: {
|
41
|
-
radius: 'medium',
|
42
|
-
size: 'medium',
|
43
|
-
scaling: '100%',
|
44
|
-
},
|
45
|
-
});
|
46
|
-
export var IconScaling = {
|
47
|
-
small: 'w-[14px]',
|
48
|
-
medium: 'w-4',
|
49
|
-
large: 'w-[18px]',
|
50
|
-
};
|
51
|
-
export var ToggleWithText = forwardRef(function (_a, ref) {
|
52
|
-
var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, text = _a.text, props = __rest(_a, ["className", "children", "radius", "size", "scaling", "color", "appearance", "text"]);
|
53
|
-
return (_jsxs(TogglePrimitive.Root, __assign({ ref: ref, className: cn(toggleWithTextVariants({ radius: radius, size: size, scaling: scaling }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className) }, props, { children: [Children.map(children, function (child) {
|
54
|
-
return React.cloneElement(child, { className: IconScaling[size] });
|
55
|
-
}), text] })));
|
56
|
-
});
|
57
|
-
ToggleWithText.displayName = 'ToggleWithText';
|
@@ -1,21 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { VariantProps } from 'class-variance-authority';
|
3
|
-
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
4
|
-
import { IAppearance } from 'lib/types';
|
5
|
-
export * from './ToggleWithText';
|
6
|
-
export interface ToggleProps extends VariantProps<typeof toggleVariants> {
|
7
|
-
size?: 'small' | 'medium' | 'large';
|
8
|
-
appearance?: IAppearance;
|
9
|
-
}
|
10
|
-
declare const toggleVariants: (props?: ({
|
11
|
-
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
12
|
-
size?: "small" | "medium" | "large" | null | undefined;
|
13
|
-
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
14
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
15
|
-
export declare const IconScaling: {
|
16
|
-
small: string;
|
17
|
-
medium: string;
|
18
|
-
large: string;
|
19
|
-
};
|
20
|
-
export declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleProps & React.RefAttributes<HTMLButtonElement>>;
|
21
|
-
export default Toggle;
|
@@ -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, { Children, forwardRef } from 'react';
|
25
|
-
import { cva } from 'class-variance-authority';
|
26
|
-
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
27
|
-
import { radiusVariants, scalingVariants, toggleAppearanceStyle } from 'lib/constants';
|
28
|
-
import { cn } from 'lib/utils/utils';
|
29
|
-
export * from './ToggleWithText';
|
30
|
-
var toggleVariants = cva('grid place-content-center items-center justify-center box-border"', {
|
31
|
-
variants: {
|
32
|
-
radius: __assign({}, radiusVariants['base']),
|
33
|
-
size: {
|
34
|
-
small: 'w-6 h-6 p-[6px]',
|
35
|
-
medium: 'w-8 h-8 p-2',
|
36
|
-
large: 'w-10 h-10 p-[11px]',
|
37
|
-
},
|
38
|
-
scaling: __assign({}, scalingVariants),
|
39
|
-
},
|
40
|
-
defaultVariants: {
|
41
|
-
radius: 'medium',
|
42
|
-
size: 'medium',
|
43
|
-
scaling: '100%',
|
44
|
-
},
|
45
|
-
});
|
46
|
-
export var IconScaling = {
|
47
|
-
small: 'w-[14px]',
|
48
|
-
medium: 'w-4',
|
49
|
-
large: 'w-[18px]',
|
50
|
-
};
|
51
|
-
export var Toggle = forwardRef(function (_a, ref) {
|
52
|
-
var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, props = __rest(_a, ["className", "children", "radius", "size", "scaling", "color", "appearance"]);
|
53
|
-
return (_jsx(TogglePrimitive.Root, __assign({ ref: ref, className: cn(toggleVariants({ radius: radius, size: size, scaling: scaling }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className) }, props, { children: Children.map(children, function (child) {
|
54
|
-
return React.cloneElement(child, { className: IconScaling[size] });
|
55
|
-
}) })));
|
56
|
-
});
|
57
|
-
Toggle.displayName = 'Toggle';
|
58
|
-
export default Toggle;
|
@@ -1,20 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
3
|
-
import { VariantProps } from 'class-variance-authority';
|
4
|
-
import { toggleGroupItemVariants } from './toggleGroupItem';
|
5
|
-
import { IAppearance } from 'lib/types';
|
6
|
-
export * from './toggleGroupItem';
|
7
|
-
export interface ToggleGroupSingleProps extends VariantProps<typeof toggleVariants>, VariantProps<typeof toggleGroupItemVariants> {
|
8
|
-
appearance?: IAppearance;
|
9
|
-
defaultValue?: string;
|
10
|
-
value?: string;
|
11
|
-
}
|
12
|
-
export interface ToggleGroupMultipleProps extends VariantProps<typeof toggleVariants>, VariantProps<typeof toggleGroupItemVariants> {
|
13
|
-
defaultValue?: string[];
|
14
|
-
value?: string[];
|
15
|
-
}
|
16
|
-
declare const toggleVariants: (props?: ({
|
17
|
-
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
18
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
19
|
-
export declare const ToggleGroup: React.ForwardRefExoticComponent<(React.ComponentPropsWithoutRef<React.ForwardRefExoticComponent<(ToggleGroupPrimitive.ToggleGroupSingleProps | ToggleGroupPrimitive.ToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>> & ToggleGroupSingleProps & ToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
20
|
-
export default ToggleGroup;
|
@@ -1,43 +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 ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
26
|
-
import { cva } from 'class-variance-authority';
|
27
|
-
import { scalingVariants } from 'lib/constants';
|
28
|
-
import { cn } from 'lib/utils/utils';
|
29
|
-
export * from './toggleGroupItem';
|
30
|
-
var toggleVariants = cva('inline-flex', {
|
31
|
-
variants: {
|
32
|
-
scaling: __assign({}, scalingVariants),
|
33
|
-
},
|
34
|
-
defaultVariants: {
|
35
|
-
scaling: '100%',
|
36
|
-
},
|
37
|
-
});
|
38
|
-
export var ToggleGroup = forwardRef(function (_a, ref) {
|
39
|
-
var className = _a.className, children = _a.children, defaultValue = _a.defaultValue, value = _a.value, type = _a.type, onValueChange = _a.onValueChange, scaling = _a.scaling, props = __rest(_a, ["className", "children", "defaultValue", "value", "type", "onValueChange", "scaling"]);
|
40
|
-
return type === 'single' ? (_jsx(ToggleGroupPrimitive.Root, __assign({ ref: ref, type: type, value: value, defaultValue: defaultValue, className: cn(toggleVariants({ scaling: scaling }), className) }, props, { children: children }))) : (_jsx(ToggleGroupPrimitive.Root, __assign({ ref: ref, type: type, value: value, defaultValue: defaultValue, className: cn(toggleVariants({ scaling: scaling }), className) }, props, { children: children })));
|
41
|
-
});
|
42
|
-
ToggleGroup.displayName = 'ToggleGroup';
|
43
|
-
export default ToggleGroup;
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
3
|
-
import { VariantProps } from 'class-variance-authority';
|
4
|
-
import { IAppearance } from 'lib/types';
|
5
|
-
export interface ToggleGroupItemProps extends VariantProps<typeof toggleGroupItemVariants> {
|
6
|
-
appearance?: IAppearance;
|
7
|
-
size?: 'small' | 'medium' | 'large';
|
8
|
-
}
|
9
|
-
export declare const toggleGroupItemVariants: (props?: ({
|
10
|
-
size?: "small" | "medium" | "large" | null | undefined;
|
11
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
12
|
-
export declare const IconScaling: {
|
13
|
-
small: string;
|
14
|
-
medium: string;
|
15
|
-
large: string;
|
16
|
-
};
|
17
|
-
export declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
|
@@ -1,52 +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, { Children, forwardRef } from 'react';
|
25
|
-
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
26
|
-
import { cva } from 'class-variance-authority';
|
27
|
-
import { toggleAppearanceStyle } from 'lib/constants';
|
28
|
-
import { cn } from 'lib/utils/utils';
|
29
|
-
export var toggleGroupItemVariants = cva('grid place-content-center mr-[-1px] first:rounded-l last:rounded-r', {
|
30
|
-
variants: {
|
31
|
-
size: {
|
32
|
-
small: 'w-6 h-6 p-[6px]',
|
33
|
-
medium: 'w-8 h-8 p-2',
|
34
|
-
large: 'w-10 h-10 p-[11px]',
|
35
|
-
},
|
36
|
-
},
|
37
|
-
defaultVariants: {
|
38
|
-
size: 'medium',
|
39
|
-
},
|
40
|
-
});
|
41
|
-
export var IconScaling = {
|
42
|
-
small: 'w-[14px]',
|
43
|
-
medium: 'w-4',
|
44
|
-
large: 'w-[18px]',
|
45
|
-
};
|
46
|
-
export var ToggleGroupItem = forwardRef(function (_a, ref) {
|
47
|
-
var className = _a.className, children = _a.children, value = _a.value, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, props = __rest(_a, ["className", "children", "value", "size", "color", "appearance"]);
|
48
|
-
return (_jsx(ToggleGroupPrimitive.Item, __assign({ ref: ref, value: value, className: cn(toggleGroupItemVariants({ size: size }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className) }, props, { children: Children.map(children, function (child) {
|
49
|
-
return React.cloneElement(child, { className: IconScaling[size] });
|
50
|
-
}) })));
|
51
|
-
});
|
52
|
-
ToggleGroupItem.displayName = 'ToggleGroupItem';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { VariantProps } from 'class-variance-authority';
|
3
|
-
export interface ToggleSwitchProps extends VariantProps<typeof toggleSwitchVariants> {
|
4
|
-
appearance?: 'classic' | 'soft' | 'surface';
|
5
|
-
children?: any;
|
6
|
-
}
|
7
|
-
declare const toggleSwitchVariants: (props?: ({
|
8
|
-
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
9
|
-
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
10
|
-
size?: "small" | "medium" | "large" | null | undefined;
|
11
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
12
|
-
export declare const ToggleSwitch: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleSwitchProps & React.RefAttributes<HTMLButtonElement>>;
|
13
|
-
export default ToggleSwitch;
|
@@ -1,71 +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 React from 'react';
|
25
|
-
import { cva } from 'class-variance-authority';
|
26
|
-
import { cn } from 'lib/utils/utils';
|
27
|
-
import { radiusVariants, scalingVariants } from 'lib/constants';
|
28
|
-
import { Switch as SwitchTheme, Theme } from '@radix-ui/themes';
|
29
|
-
import { Text } from 'lib/Typography/Text';
|
30
|
-
var toggleSwitchVariants = cva('', {
|
31
|
-
variants: {
|
32
|
-
scaling: __assign({}, scalingVariants),
|
33
|
-
radius: __assign({}, radiusVariants['base']),
|
34
|
-
size: {
|
35
|
-
small: 'w-[28px] h-[16px]',
|
36
|
-
medium: 'w-[35px] h-[20px]',
|
37
|
-
large: 'w-[42px] h-[24px]',
|
38
|
-
},
|
39
|
-
},
|
40
|
-
defaultVariants: {
|
41
|
-
radius: 'full',
|
42
|
-
size: 'medium',
|
43
|
-
},
|
44
|
-
});
|
45
|
-
var SwitchLabelVariants = cva('flex items-center justify-start text-slate-12 font-normal dark:text-white', {
|
46
|
-
variants: {
|
47
|
-
size: {
|
48
|
-
small: 'text-xs gap-2',
|
49
|
-
medium: 'text-sm gap-2',
|
50
|
-
large: 'text-base gap-3',
|
51
|
-
},
|
52
|
-
scaling: __assign({}, scalingVariants),
|
53
|
-
},
|
54
|
-
defaultVariants: {
|
55
|
-
size: 'medium',
|
56
|
-
scaling: '100%',
|
57
|
-
},
|
58
|
-
});
|
59
|
-
export var ToggleSwitch = React.forwardRef(function (_a, forwardedRef) {
|
60
|
-
var className = _a.className, _b = _a.color, color = _b === void 0 ? 'red' : _b, scaling = _a.scaling, size = _a.size, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, radius = _a.radius, tabIndex = _a.tabIndex, children = _a.children, switchProps = __rest(_a, ["className", "color", "scaling", "size", "appearance", "radius", "tabIndex", "children"]);
|
61
|
-
if (radius === 'medium' || radius === 'large')
|
62
|
-
radius = 'full';
|
63
|
-
var sizeTheme = '2';
|
64
|
-
if (size === 'small')
|
65
|
-
sizeTheme = '1';
|
66
|
-
if (size === 'large')
|
67
|
-
sizeTheme = '3';
|
68
|
-
return (_jsx(Theme, { className: "flex", accentColor: color, hasBackground: false, children: _jsxs(Text, { as: "label", className: cn('flex items-center', SwitchLabelVariants({ size: size, scaling: scaling })), children: [_jsx(SwitchTheme, __assign({ ref: forwardedRef }, switchProps, { variant: appearance, radius: radius, size: sizeTheme, color: color, className: cn(toggleSwitchVariants({ scaling: scaling, radius: radius, size: size }), className) })), children] }) }));
|
69
|
-
});
|
70
|
-
ToggleSwitch.displayName = 'ToggleSwitch';
|
71
|
-
export default ToggleSwitch;
|
@@ -1,20 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
3
|
-
import { VariantProps } from 'class-variance-authority';
|
4
|
-
import { IColor } from 'lib/types';
|
5
|
-
export interface TooltipProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof tooltipVariants> {
|
6
|
-
label?: string;
|
7
|
-
defaultValue?: string;
|
8
|
-
selected?: string;
|
9
|
-
disabled?: boolean;
|
10
|
-
color?: IColor;
|
11
|
-
side?: 'top' | 'right' | 'bottom' | 'left';
|
12
|
-
}
|
13
|
-
declare const tooltipVariants: (props?: ({
|
14
|
-
scaling?: number | typeof Symbol.iterator | typeof Symbol.unscopables | "map" | "filter" | "fill" | "values" | "concat" | "indexOf" | "lastIndexOf" | "slice" | "length" | "includes" | "at" | "toLocaleString" | "toString" | "pop" | "push" | "join" | "reverse" | "shift" | "sort" | "splice" | "unshift" | "every" | "some" | "forEach" | "reduce" | "reduceRight" | "find" | "findIndex" | "copyWithin" | "entries" | "keys" | "flatMap" | "flat" | "findLast" | "findLastIndex" | "toReversed" | "toSorted" | "toSpliced" | "with" | null | undefined;
|
15
|
-
weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
|
16
|
-
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
17
|
-
color?: string | null | undefined;
|
18
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
19
|
-
export declare const Tooltip: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipProps & TooltipProps & React.RefAttributes<never>>;
|
20
|
-
export {};
|
@@ -1,49 +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
|
-
// your-tooltip.jsx
|
25
|
-
import React from 'react';
|
26
|
-
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
27
|
-
import { cva } from 'class-variance-authority';
|
28
|
-
import { cn } from 'lib/utils/utils';
|
29
|
-
import { primaryColorStyle, radiusVariants, scalingOptions, weightVariants } from 'lib/constants';
|
30
|
-
var tooltipVariants = cva('bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:text-slateDark-1 data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade select-none rounded-[4px] px-[9px] py-[6px] text-[12px] leading-none shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity]', {
|
31
|
-
variants: {
|
32
|
-
scaling: __assign({}, scalingOptions),
|
33
|
-
weight: __assign({}, weightVariants),
|
34
|
-
radius: __assign({}, radiusVariants['extra-large']),
|
35
|
-
color: primaryColorStyle(),
|
36
|
-
},
|
37
|
-
});
|
38
|
-
export var Tooltip = React.forwardRef(function (_a) {
|
39
|
-
var content = _a.content, scaling = _a.scaling, weight = _a.weight, color = _a.color, radius = _a.radius, children = _a.children, defaultOpen = _a.defaultOpen, open = _a.open, className = _a.className, side = _a.side, onOpenChange = _a.onOpenChange, props = __rest(_a, ["content", "scaling", "weight", "color", "radius", "children", "defaultOpen", "open", "className", "side", "onOpenChange"]);
|
40
|
-
if (!side)
|
41
|
-
side = 'top';
|
42
|
-
if (radius === 'full')
|
43
|
-
radius = 'large';
|
44
|
-
var arrowColor = color
|
45
|
-
? "fill-".concat(color, "-9 dark:fill-").concat(color, "Dark-9")
|
46
|
-
: 'fill-slate-12 dark:fill-slateDark-12';
|
47
|
-
return (_jsx(TooltipPrimitive.Provider, { children: _jsxs(TooltipPrimitive.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [_jsx(TooltipPrimitive.Trigger, { className: "cursor-pointer text-slate-12 dark:text-slateDark-12", asChild: true, children: children }), _jsxs(TooltipPrimitive.Content, __assign({ align: "center" }, props, { side: side, className: cn('mr-2', tooltipVariants({ scaling: scaling, weight: weight, radius: radius, color: color }), className), sideOffset: 5, children: [content, _jsx(TooltipPrimitive.Arrow, { width: 11, height: 5, className: arrowColor })] }))] }) }));
|
48
|
-
});
|
49
|
-
Tooltip.displayName = TooltipPrimitive.Root.displayName;
|
@@ -1,46 +0,0 @@
|
|
1
|
-
export { default as Accordion } from './Accordion';
|
2
|
-
export { default as AlertDialog } from './AlertDialog';
|
3
|
-
export { default as AspectRatio } from './AspectRatio';
|
4
|
-
export { default as Avatar } from './Avatar';
|
5
|
-
export { default as Badge } from './Badge';
|
6
|
-
export { default as Button } from './Button';
|
7
|
-
export { default as Callout } from './Callout';
|
8
|
-
export { default as Card } from './Card';
|
9
|
-
export { default as Checkbox } from './Checkbox';
|
10
|
-
export { default as CheckboxCard } from './CheckboxCard';
|
11
|
-
export { default as CheckboxGroup } from './CheckboxGroup';
|
12
|
-
export { default as ContextMenu } from './ContextMenu';
|
13
|
-
export { default as DataList } from './DataList';
|
14
|
-
export { default as Dialog } from './Dialog';
|
15
|
-
export { default as DropdownMenu } from './DropdownMenu';
|
16
|
-
export { default as HoverCard } from './HoverCard';
|
17
|
-
export { default as IconButton } from './IconButton';
|
18
|
-
export { default as Inset } from './Inset';
|
19
|
-
export { default as Label } from './Label';
|
20
|
-
export { default as Menubar } from './Menubar';
|
21
|
-
export { default as NavigationMenu } from './NavigationMenu';
|
22
|
-
export { default as Popover } from './Popover';
|
23
|
-
export { default as Progress } from './Progress';
|
24
|
-
export { default as Radio } from './Radio';
|
25
|
-
export { default as RadioCards } from './RadioCards';
|
26
|
-
export { default as RadioGroup } from './RadioGroup';
|
27
|
-
export { default as ScrollArea } from './ScrollArea';
|
28
|
-
export { default as SegmentedControl } from './SegmentedControl';
|
29
|
-
export { default as Select } from './Select';
|
30
|
-
export { default as Separator } from './Separator';
|
31
|
-
export { default as Skeleton } from './Skeleton';
|
32
|
-
export { default as Slider } from './Slider';
|
33
|
-
export { default as Spinner } from './Spinner';
|
34
|
-
export { default as Table } from './Table';
|
35
|
-
export { default as TabNav } from './TabNav';
|
36
|
-
export { default as Tabs } from './Tabs';
|
37
|
-
export { default as TextArea } from './TextArea';
|
38
|
-
export { default as TextField } from './TextField';
|
39
|
-
export { default as Toast } from './Toast';
|
40
|
-
export { default as Toggle } from './Toggle';
|
41
|
-
export { default as ToggleGroup } from './ToggleGroup';
|
42
|
-
export { default as ToggleSwitch } from './ToggleSwitch';
|
43
|
-
export { default as BubbleChart } from './BubbleChart';
|
44
|
-
export { default as RadarChart } from './RadarChart';
|
45
|
-
export { default as PieChart } from './PieChart';
|
46
|
-
export { default as DoughnutChart } from './DoughnutChart';
|