@lotte-innovate/ui-component-test 0.0.47 → 0.0.49
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +281 -78
- package/dist/lib/Typography/Header/index.d.ts +1 -1
- package/dist/lib/Typography/Header/{index.js → index.jsx} +7 -4
- package/dist/lib/Typography/Text/index.d.ts +1 -1
- package/dist/lib/Typography/Text/{index.js → index.jsx} +8 -5
- package/dist/lib/components/Accordion/index.d.ts +1 -1
- package/dist/lib/components/Accordion/{index.js → index.jsx} +19 -7
- package/dist/lib/components/AlertDialog/AlertDialogAction.d.ts +1 -1
- package/dist/lib/components/AlertDialog/{AlertDialogAction.js → AlertDialogAction.jsx} +6 -5
- package/dist/lib/components/AlertDialog/AlertDialogCancel.d.ts +1 -1
- package/dist/lib/components/AlertDialog/{AlertDialogCancel.js → AlertDialogCancel.jsx} +6 -5
- package/dist/lib/components/AlertDialog/{AlertDialogContent.js → AlertDialogContent.jsx} +9 -5
- package/dist/lib/components/AlertDialog/{AlertDialogDescription.js → AlertDialogDescription.jsx} +5 -15
- package/dist/lib/components/AlertDialog/AlertDialogRoot.d.ts +1 -1
- package/dist/lib/components/AlertDialog/{AlertDialogRoot.js → AlertDialogRoot.jsx} +6 -14
- package/dist/lib/components/AlertDialog/{AlertDialogTitle.js → AlertDialogTitle.jsx} +5 -15
- package/dist/lib/components/AlertDialog/AlertDialogTrigger.d.ts +1 -1
- package/dist/lib/components/AlertDialog/{AlertDialogTrigger.js → AlertDialogTrigger.jsx} +6 -5
- package/dist/lib/components/AspectRatio/{index.js → index.jsx} +6 -5
- package/dist/lib/components/Avatar/{index.js → index.jsx} +9 -5
- package/dist/lib/components/Badge/index.d.ts +1 -1
- package/dist/lib/components/Badge/{index.js → index.jsx} +6 -5
- package/dist/lib/components/BarChart/index.d.ts +3 -2
- package/dist/lib/components/BarChart/{index.js → index.jsx} +6 -7
- package/dist/lib/components/BubbleChart/index.d.ts +3 -2
- package/dist/lib/components/BubbleChart/{index.js → index.jsx} +7 -7
- package/dist/lib/components/Button/index.d.ts +1 -1
- package/dist/lib/components/Button/{index.js → index.jsx} +6 -5
- package/dist/lib/components/Callout/{CalloutIcon.js → CalloutIcon.jsx} +10 -5
- package/dist/lib/components/Callout/CalloutRoot.d.ts +1 -1
- package/dist/lib/components/Callout/{CalloutRoot.js → CalloutRoot.jsx} +8 -5
- package/dist/lib/components/Callout/{CalloutText.js → CalloutText.jsx} +5 -15
- package/dist/lib/components/Card/index.d.ts +1 -1
- package/dist/lib/components/Card/{index.js → index.jsx} +6 -5
- package/dist/lib/components/Checkbox/index.d.ts +1 -1
- package/dist/lib/components/Checkbox/{index.js → index.jsx} +14 -6
- package/dist/lib/components/CheckboxCard/index.d.ts +2 -2
- package/dist/lib/components/CheckboxCard/{index.js → index.jsx} +9 -7
- package/dist/lib/components/CheckboxGroup/CheckboxGroupItem.d.ts +1 -1
- package/dist/lib/components/CheckboxGroup/{CheckboxGroupItem.js → CheckboxGroupItem.jsx} +7 -15
- package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.d.ts +2 -2
- package/dist/lib/components/CheckboxGroup/{CheckboxGroupRoot.js → CheckboxGroupRoot.jsx} +6 -3
- package/dist/lib/components/CheckboxGroup/index.d.ts +1 -1
- package/dist/lib/components/ContextMenu/{ContextMenuCheckboxItem.js → ContextMenuCheckboxItem.jsx} +9 -16
- package/dist/lib/components/ContextMenu/{ContextMenuContent.js → ContextMenuContent.jsx} +8 -5
- package/dist/lib/components/ContextMenu/{ContextMenuGroup.js → ContextMenuGroup.jsx} +4 -14
- package/dist/lib/components/ContextMenu/{ContextMenuItem.js → ContextMenuItem.jsx} +7 -5
- package/dist/lib/components/ContextMenu/{ContextMenuItemIndicator.js → ContextMenuItemIndicator.jsx} +6 -5
- package/dist/lib/components/ContextMenu/{ContextMenuLabel.js → ContextMenuLabel.jsx} +6 -5
- package/dist/lib/components/ContextMenu/{ContextMenuRadioGroup.js → ContextMenuRadioGroup.jsx} +6 -14
- package/dist/lib/components/ContextMenu/{ContextMenuRadioItem.js → ContextMenuRadioItem.jsx} +9 -16
- package/dist/lib/components/ContextMenu/ContextMenuRoot.d.ts +1 -1
- package/dist/lib/components/ContextMenu/{ContextMenuRoot.js → ContextMenuRoot.jsx} +6 -14
- package/dist/lib/components/ContextMenu/{ContextMenuSeparator.js → ContextMenuSeparator.jsx} +5 -15
- package/dist/lib/components/ContextMenu/{ContextMenuSubContent.js → ContextMenuSubContent.jsx} +12 -9
- package/dist/lib/components/ContextMenu/{ContextMenuSubTrigger.js → ContextMenuSubTrigger.jsx} +11 -16
- package/dist/lib/components/ContextMenu/{ContextMenuTrigger.js → ContextMenuTrigger.jsx} +5 -15
- package/dist/lib/components/DataList/{DataListItem.js → DataListItem.jsx} +6 -5
- package/dist/lib/components/DataList/{DataListLabel.js → DataListLabel.jsx} +6 -5
- package/dist/lib/components/DataList/{DataListRoot.js → DataListRoot.jsx} +7 -15
- package/dist/lib/components/DataList/{DataListValue.js → DataListValue.jsx} +6 -5
- package/dist/lib/components/Dialog/{DialogAction.js → DialogAction.jsx} +6 -16
- package/dist/lib/components/Dialog/{DialogCancel.js → DialogCancel.jsx} +5 -15
- package/dist/lib/components/Dialog/{DialogContent.js → DialogContent.jsx} +6 -5
- package/dist/lib/components/Dialog/{DialogDescription.js → DialogDescription.jsx} +5 -15
- package/dist/lib/components/Dialog/DialogRoot.d.ts +1 -1
- package/dist/lib/components/Dialog/{DialogRoot.js → DialogRoot.jsx} +6 -14
- package/dist/lib/components/Dialog/{DialogSlot.js → DialogSlot.jsx} +5 -15
- package/dist/lib/components/Dialog/{DialogTitle.js → DialogTitle.jsx} +5 -15
- package/dist/lib/components/Dialog/{DialogTrigger.js → DialogTrigger.jsx} +4 -14
- package/dist/lib/components/Dialog/index.d.ts +1 -1
- package/dist/lib/components/DoughnutChart/index.d.ts +3 -2
- package/dist/lib/components/DoughnutChart/{index.js → index.jsx} +6 -6
- package/dist/lib/components/DropdownMenu/{DropdonMenuRadioGroup.js → DropdonMenuRadioGroup.jsx} +3 -13
- package/dist/lib/components/DropdownMenu/{DropdonMenuSubContent.js → DropdonMenuSubContent.jsx} +12 -9
- package/dist/lib/components/DropdownMenu/{DropdownMenuCheckboxItem.js → DropdownMenuCheckboxItem.jsx} +9 -16
- package/dist/lib/components/DropdownMenu/{DropdownMenuContent.js → DropdownMenuContent.jsx} +8 -5
- package/dist/lib/components/DropdownMenu/DropdownMenuItem.d.ts +1 -1
- package/dist/lib/components/DropdownMenu/{DropdownMenuItem.js → DropdownMenuItem.jsx} +7 -5
- package/dist/lib/components/DropdownMenu/{DropdownMenuItemIndicator.js → DropdownMenuItemIndicator.jsx} +6 -5
- package/dist/lib/components/DropdownMenu/{DropdownMenuLable.js → DropdownMenuLable.jsx} +5 -15
- package/dist/lib/components/DropdownMenu/{DropdownMenuRadioItem.js → DropdownMenuRadioItem.jsx} +9 -16
- package/dist/lib/components/DropdownMenu/DropdownMenuRoot.d.ts +2 -2
- package/dist/lib/components/DropdownMenu/{DropdownMenuRoot.js → DropdownMenuRoot.jsx} +4 -14
- package/dist/lib/components/DropdownMenu/{DropdownMenuSeparator.js → DropdownMenuSeparator.jsx} +3 -15
- package/dist/lib/components/DropdownMenu/{DropdownMenuSub.js → DropdownMenuSub.jsx} +2 -14
- package/dist/lib/components/DropdownMenu/{DropdownMenuSubTrigger.js → DropdownMenuSubTrigger.jsx} +9 -16
- package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.d.ts +1 -1
- package/dist/lib/components/DropdownMenu/{DropdownMenuTrigger.js → DropdownMenuTrigger.jsx} +5 -15
- package/dist/lib/components/DropdownMenu/index.d.ts +1 -1
- package/dist/lib/components/HoverCard/{HoverCardContent.js → HoverCardContent.jsx} +6 -5
- package/dist/lib/components/HoverCard/HoverCardRoot.d.ts +1 -1
- package/dist/lib/components/HoverCard/{HoverCardRoot.js → HoverCardRoot.jsx} +6 -14
- package/dist/lib/components/HoverCard/{HoverCardTrigger.js → HoverCardTrigger.jsx} +4 -14
- package/dist/lib/components/HoverCard/index.d.ts +1 -1
- package/dist/lib/components/IconButton/index.d.ts +1 -1
- package/dist/lib/components/IconButton/{index.js → index.jsx} +5 -4
- package/dist/lib/components/Inset/{index.js → index.jsx} +8 -5
- package/dist/lib/components/Label/index.d.ts +1 -1
- package/dist/lib/components/Label/{index.js → index.jsx} +5 -4
- package/dist/lib/components/LineChart/index.d.ts +3 -2
- package/dist/lib/components/LineChart/{index.js → index.jsx} +6 -7
- package/dist/lib/components/Menubar/{MenubarCheckboxItem.js → MenubarCheckboxItem.jsx} +9 -16
- package/dist/lib/components/Menubar/{MenubarContent.js → MenubarContent.jsx} +12 -9
- package/dist/lib/components/Menubar/{MenubarItem.js → MenubarItem.jsx} +7 -5
- package/dist/lib/components/Menubar/{MenubarItemIndicator.js → MenubarItemIndicator.jsx} +6 -5
- package/dist/lib/components/Menubar/{MenubarMenu.js → MenubarMenu.jsx} +2 -14
- package/dist/lib/components/Menubar/{MenubarRadioGroup.js → MenubarRadioGroup.jsx} +6 -14
- package/dist/lib/components/Menubar/{MenubarRadioItem.js → MenubarRadioItem.jsx} +9 -16
- package/dist/lib/components/Menubar/MenubarRoot.d.ts +1 -1
- package/dist/lib/components/Menubar/{MenubarRoot.js → MenubarRoot.jsx} +8 -5
- package/dist/lib/components/Menubar/{MenubarSeparator.js → MenubarSeparator.jsx} +5 -15
- package/dist/lib/components/Menubar/{MenubarSub.js → MenubarSub.jsx} +2 -14
- package/dist/lib/components/Menubar/{MenubarSubContent.js → MenubarSubContent.jsx} +7 -6
- package/dist/lib/components/Menubar/{MenubarSubTrigger.js → MenubarSubTrigger.jsx} +9 -16
- package/dist/lib/components/Menubar/{MenubarTrigger.js → MenubarTrigger.jsx} +6 -5
- package/dist/lib/components/NavigationMenu/{NavigationMenuContent.js → NavigationMenuContent.jsx} +6 -5
- package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.jsx +22 -0
- package/dist/lib/components/NavigationMenu/{NavigationMenuItem.js → NavigationMenuItem.jsx} +4 -14
- package/dist/lib/components/NavigationMenu/{NavigationMenuLink.js → NavigationMenuLink.jsx} +6 -5
- package/dist/lib/components/NavigationMenu/{NavigationMenuList.js → NavigationMenuList.jsx} +7 -5
- package/dist/lib/components/NavigationMenu/NavigationMenuRoot.d.ts +1 -1
- package/dist/lib/components/NavigationMenu/{NavigationMenuRoot.js → NavigationMenuRoot.jsx} +7 -15
- package/dist/lib/components/NavigationMenu/{NavigationMenuTrigger.js → NavigationMenuTrigger.jsx} +7 -5
- package/dist/lib/components/NavigationMenu/{NavigationMenuViewport.js → NavigationMenuViewport.jsx} +6 -5
- package/dist/lib/components/PieChart/index.d.ts +3 -2
- package/dist/lib/components/PieChart/{index.js → index.jsx} +6 -6
- package/dist/lib/components/Popover/{PopoverClose.js → PopoverClose.jsx} +5 -15
- package/dist/lib/components/Popover/{PopoverContent.js → PopoverContent.jsx} +6 -5
- package/dist/lib/components/Popover/PopoverRoot.d.ts +1 -1
- package/dist/lib/components/Popover/{PopoverRoot.js → PopoverRoot.jsx} +6 -14
- package/dist/lib/components/Popover/{PopoverTrigger.js → PopoverTrigger.jsx} +4 -14
- package/dist/lib/components/Popover/index.d.ts +1 -1
- package/dist/lib/components/Progress/{index.js → index.jsx} +6 -5
- package/dist/lib/components/RadarChart/index.d.ts +3 -2
- package/dist/lib/components/RadarChart/{index.js → index.jsx} +7 -7
- package/dist/lib/components/Radio/index.d.ts +1 -1
- package/dist/lib/components/Radio/{index.js → index.jsx} +10 -15
- package/dist/lib/components/RadioCards/{RadioCardsItem.js → RadioCardsItem.jsx} +5 -15
- package/dist/lib/components/RadioCards/{RadioCardsRoot.js → RadioCardsRoot.jsx} +10 -5
- package/dist/lib/components/RadioGroup/{RadioGroupItem.js → RadioGroupItem.jsx} +5 -15
- package/dist/lib/components/RadioGroup/RadioGroupRoot.d.ts +1 -1
- package/dist/lib/components/RadioGroup/{RadioGroupRoot.js → RadioGroupRoot.jsx} +9 -15
- package/dist/lib/components/ScrollArea/{index.js → index.jsx} +6 -14
- package/dist/lib/components/SegmentedControl/{SegmentedControlItem.js → SegmentedControlItem.jsx} +5 -15
- package/dist/lib/components/SegmentedControl/SegmentedControlRoot.d.ts +1 -1
- package/dist/lib/components/SegmentedControl/{SegmentedControlRoot.js → SegmentedControlRoot.jsx} +7 -4
- package/dist/lib/components/SegmentedControl/index.d.ts +1 -1
- package/dist/lib/components/Select/index.d.ts +1 -1
- package/dist/lib/components/Select/{index.js → index.jsx} +27 -10
- package/dist/lib/components/Separator/{index.js → index.jsx} +7 -4
- package/dist/lib/components/Skeleton/index.d.ts +1 -1
- package/dist/lib/components/Skeleton/{index.js → index.jsx} +7 -4
- package/dist/lib/components/Slider/index.d.ts +1 -1
- package/dist/lib/components/Slider/{index.js → index.jsx} +5 -4
- package/dist/lib/components/Spinner/index.d.ts +1 -1
- package/dist/lib/components/Spinner/{index.js → index.jsx} +7 -4
- package/dist/lib/components/TabNav/{index.js → index.jsx} +9 -15
- package/dist/lib/components/Table/index.d.ts +1 -1
- package/dist/lib/components/Table/{index.js → index.jsx} +25 -10
- package/dist/lib/components/Tabs/{index.js → index.jsx} +16 -7
- package/dist/lib/components/TextArea/index.d.ts +1 -1
- package/dist/lib/components/TextArea/{index.js → index.jsx} +5 -4
- package/dist/lib/components/TextField/index.d.ts +1 -1
- package/dist/lib/components/TextField/{index.js → index.jsx} +10 -5
- package/dist/lib/components/Toast/ToastActionButton.d.ts +1 -1
- package/dist/lib/components/Toast/{ToastActionButton.js → ToastActionButton.jsx} +7 -6
- package/dist/lib/components/Toast/ToastDescription.d.ts +1 -1
- package/dist/lib/components/Toast/{ToastDescription.js → ToastDescription.jsx} +7 -15
- package/dist/lib/components/Toast/{ToastRoot.js → ToastRoot.jsx} +11 -5
- package/dist/lib/components/Toast/ToastTitle.d.ts +1 -1
- package/dist/lib/components/Toast/{ToastTitle.js → ToastTitle.jsx} +5 -15
- package/dist/lib/components/Toggle/ToggleWithText.d.ts +1 -1
- package/dist/lib/components/Toggle/{ToggleWithText.js → ToggleWithText.jsx} +9 -7
- package/dist/lib/components/Toggle/index.d.ts +1 -1
- package/dist/lib/components/Toggle/{index.js → index.jsx} +6 -5
- package/dist/lib/components/ToggleGroup/ToggleGroupItem.d.ts +1 -1
- package/dist/lib/components/ToggleGroup/{ToggleGroupItem.js → ToggleGroupItem.jsx} +6 -16
- package/dist/lib/components/ToggleGroup/ToggleGroupRoot.d.ts +1 -1
- package/dist/lib/components/ToggleGroup/{ToggleGroupRoot.js → ToggleGroupRoot.jsx} +10 -5
- package/dist/lib/components/ToggleSwitch/{index.js → index.jsx} +9 -5
- package/dist/lib/components/Tooltip/index.d.ts +1 -1
- package/dist/lib/components/Tooltip/{index.js → index.jsx} +13 -4
- package/dist/lib/constants.js +2 -2
- package/dist/lib/index.d.ts +2 -2
- package/dist/lib/index.js +2 -2
- package/dist/lib/utils/useDarkMode.js +1 -1
- package/package.json +2 -4
- package/dist/globals.css +0 -4
- package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.js +0 -31
- package/dist/tailwind.config.d.ts +0 -3
- package/dist/tailwind.config.js +0 -141
- /package/dist/lib/components/AlertDialog/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/Callout/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/CheckboxGroup/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/ContextMenu/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/DataList/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/Dialog/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/DropdownMenu/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/HoverCard/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/Menubar/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/NavigationMenu/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/Popover/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/RadioCards/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/RadioGroup/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/SegmentedControl/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/Toast/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/ToggleGroup/{index.js → index.jsx} +0 -0
@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
24
|
-
import { forwardRef } from 'react';
|
23
|
+
import React, { forwardRef } from 'react';
|
25
24
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
26
|
-
import { cn } from '
|
25
|
+
import { cn } from 'lib/utils/utils';
|
27
26
|
import { cva } from 'class-variance-authority';
|
28
|
-
import { appearanceStyle, radiusVariants, scalingVariants } from '
|
27
|
+
import { appearanceStyle, radiusVariants, scalingVariants } from 'lib/constants';
|
29
28
|
import { NavigationMenuIndicator } from './NavigationMenuIndicator';
|
30
29
|
import { useNavigationMenuContext } from './NavigationMenuRoot';
|
31
30
|
export var navigationMenuListVariants = cva('flex p-1 space-x-1 shadow-slate-4 shadow dark:shadow-slateDark-4 bg-white dark:bg-slateDark-1', {
|
@@ -42,6 +41,9 @@ export var NavigationMenuList = forwardRef(function (_a, ref) {
|
|
42
41
|
var children = _a.children, className = _a.className, _b = _a.isShowIndicator, isShowIndicator = _b === void 0 ? true : _b, props = __rest(_a, ["children", "className", "isShowIndicator"]);
|
43
42
|
var _c = useNavigationMenuContext(), scaling = _c.scaling, radius = _c.radius, _d = _c.appearance, appearance = _d === void 0 ? 'ghost' : _d, _e = _c.color, color = _e === void 0 ? 'red' : _e;
|
44
43
|
var navigationMenuListClassName = cn(navigationMenuListVariants({ scaling: scaling, radius: radius }), appearanceStyle(appearance, color, false), 'border-none', appearance === 'ghost' && 'bg-white', className);
|
45
|
-
return (
|
44
|
+
return (<NavigationMenuPrimitive.List ref={ref} className={navigationMenuListClassName} {...props}>
|
45
|
+
{children}
|
46
|
+
{isShowIndicator && <NavigationMenuIndicator />}
|
47
|
+
</NavigationMenuPrimitive.List>);
|
46
48
|
});
|
47
49
|
NavigationMenuList.displayName = 'NavigationMenu.List';
|
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
import { navigationMenuListVariants } from './NavigationMenuList';
|
5
5
|
import { navigationMenuTriggerVariants } from './NavigationMenuTrigger';
|
6
6
|
import { navigationMenuLinkVariants } from './NavigationMenuLink';
|
7
|
-
import { IColor } from '
|
7
|
+
import { IColor } from 'lib/types';
|
8
8
|
export interface NavigationMenuProps extends VariantProps<typeof navigationMenuListVariants>, VariantProps<typeof navigationMenuTriggerVariants>, VariantProps<typeof navigationMenuLinkVariants> {
|
9
9
|
appearance?: 'ghost' | 'solid';
|
10
10
|
color?: IColor;
|
@@ -1,14 +1,3 @@
|
|
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
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,10 +9,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef, createContext, useContext, useMemo, } from 'react';
|
12
|
+
import React, { forwardRef, createContext, useContext, useMemo, } from 'react';
|
25
13
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
26
|
-
import { cn } from '
|
14
|
+
import { cn } from 'lib/utils/utils';
|
27
15
|
var NavigationMenuContext = createContext({
|
28
16
|
radius: 'medium',
|
29
17
|
scaling: '100%',
|
@@ -37,7 +25,11 @@ export var useNavigationMenuContext = function () {
|
|
37
25
|
export var NavigationMenuRoot = forwardRef(function (_a, ref) {
|
38
26
|
var className = _a.className, children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["className", "children", "radius", "size", "scaling", "color", "appearance"]);
|
39
27
|
var contextValue = useMemo(function () { return ({ radius: radius, size: size, scaling: scaling, color: color, appearance: appearance }); }, [radius, size, scaling, color, appearance]);
|
40
|
-
return (
|
28
|
+
return (<NavigationMenuContext.Provider value={contextValue}>
|
29
|
+
<NavigationMenuPrimitive.Root ref={ref} className={cn('relative flex', className)} {...props}>
|
30
|
+
{children}
|
31
|
+
</NavigationMenuPrimitive.Root>
|
32
|
+
</NavigationMenuContext.Provider>);
|
41
33
|
});
|
42
34
|
NavigationMenuRoot.displayName = 'NavigationMenu.Root';
|
43
35
|
export default NavigationMenuRoot;
|
package/dist/lib/components/NavigationMenu/{NavigationMenuTrigger.js → NavigationMenuTrigger.jsx}
RENAMED
@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
24
|
-
import { forwardRef } from 'react';
|
23
|
+
import React, { forwardRef } from 'react';
|
25
24
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
26
|
-
import { cn } from '
|
25
|
+
import { cn } from 'lib/utils/utils';
|
27
26
|
import { cva } from 'class-variance-authority';
|
28
|
-
import { appearanceStyle, scalingVariants } from '
|
27
|
+
import { appearanceStyle, scalingVariants } from 'lib/constants';
|
29
28
|
import { CaretDownIcon } from '@radix-ui/react-icons';
|
30
29
|
import { useNavigationMenuContext } from './NavigationMenuRoot';
|
31
30
|
export var navigationMenuTriggerVariants = cva("flex items-center justify-between outline-none select-none leading-none py-1 px-3 font-medium", {
|
@@ -53,6 +52,9 @@ export var NavigationMenuTrigger = forwardRef(function (_a, ref) {
|
|
53
52
|
var children = _a.children, className = _a.className, _b = _a.isShowIcon, isShowIcon = _b === void 0 ? true : _b, props = __rest(_a, ["children", "className", "isShowIcon"]);
|
54
53
|
var _c = useNavigationMenuContext(), scaling = _c.scaling, size = _c.size, radius = _c.radius, _d = _c.color, color = _d === void 0 ? 'red' : _d, _e = _c.appearance, appearance = _e === void 0 ? 'ghost' : _e;
|
55
54
|
var triggerClassName = cn(navigationMenuTriggerVariants({ scaling: scaling, size: size, radius: radius }), appearanceStyle(appearance, color), className);
|
56
|
-
return (
|
55
|
+
return (<NavigationMenuPrimitive.Trigger ref={ref} className={triggerClassName} {...props}>
|
56
|
+
{children}
|
57
|
+
{isShowIcon && (<CaretDownIcon className={cn("relative top-[1px] transition-transform duration-[250] ease-in group-data-[state=open]:-rotate-180")} aria-hidden/>)}
|
58
|
+
</NavigationMenuPrimitive.Trigger>);
|
57
59
|
});
|
58
60
|
NavigationMenuTrigger.displayName = 'NavigationMenu.Trigger';
|
package/dist/lib/components/NavigationMenu/{NavigationMenuViewport.js → NavigationMenuViewport.jsx}
RENAMED
@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
23
|
+
import React, { forwardRef } from 'react';
|
25
24
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
26
|
-
import { cn } from '
|
25
|
+
import { cn } from 'lib/utils/utils';
|
27
26
|
import { cva } from 'class-variance-authority';
|
28
|
-
import { radiusVariants, scalingVariants, weightVariants } from '
|
27
|
+
import { radiusVariants, scalingVariants, weightVariants } from 'lib/constants';
|
29
28
|
import { useNavigationMenuContext } from './NavigationMenuRoot';
|
30
29
|
export var navigationViewportVariants = cva("data-[state=open]:animate-scaleIn data-[state=closed]:animate-scaleOut relative mt-[10px] \n h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden \n transition-[width,_height] duration-300 shadow-slate-4 shadow dark:shadow-slateDark-4\n sm:w-[var(--radix-navigation-menu-viewport-width)]", {
|
31
30
|
variants: {
|
@@ -48,6 +47,8 @@ export var NavigationMenuViewport = forwardRef(function (_a, ref) {
|
|
48
47
|
var className = _a.className, props = __rest(_a, ["className"]);
|
49
48
|
var _b = useNavigationMenuContext(), size = _b.size, scaling = _b.scaling, radius = _b.radius;
|
50
49
|
var viewportClassName = cn(navigationViewportVariants({ size: size, scaling: scaling, radius: radius }), className);
|
51
|
-
return (
|
50
|
+
return (<div className="perspective-[2000px] absolute left-0 top-full flex w-full">
|
51
|
+
<NavigationMenuPrimitive.Viewport ref={ref} className={viewportClassName} {...props}/>
|
52
|
+
</div>);
|
52
53
|
});
|
53
54
|
NavigationMenuViewport.displayName = 'NavigationMenu.Viewport';
|
@@ -1,5 +1,6 @@
|
|
1
|
+
import React from 'react';
|
1
2
|
import { VariantProps } from 'class-variance-authority';
|
2
|
-
import { IChartDataLabels, IChartDatasets, IChartLegend, IChartTitle } from '
|
3
|
+
import { IChartDataLabels, IChartDatasets, IChartLegend, IChartTitle } from 'lib/types';
|
3
4
|
export interface PieChartProps extends VariantProps<typeof PieVariants> {
|
4
5
|
labels?: string[];
|
5
6
|
appearance?: 'solid' | 'soft';
|
@@ -16,7 +17,7 @@ declare const PieVariants: (props?: ({
|
|
16
17
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
17
18
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
18
19
|
declare const PieChart: {
|
19
|
-
({ labels, title, legend, datasets, datalabels, scaling, className, appearance, isColorMixed, ...rest }: PieChartProps):
|
20
|
+
({ labels, title, legend, datasets, datalabels, scaling, className, appearance, isColorMixed, ...rest }: PieChartProps): React.JSX.Element;
|
20
21
|
displayName: string;
|
21
22
|
};
|
22
23
|
export default PieChart;
|
@@ -20,14 +20,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import React from 'react';
|
24
24
|
import { Pie } from 'react-chartjs-2';
|
25
25
|
import { Chart as ChartJS, ArcElement, Tooltip, Legend, plugins } from 'chart.js';
|
26
26
|
import ChartDataLabels from 'chartjs-plugin-datalabels';
|
27
|
-
import { cn } from '
|
27
|
+
import { cn } from 'lib/utils/utils';
|
28
28
|
import { cva } from 'class-variance-authority';
|
29
|
-
import { scalingVariants } from '
|
30
|
-
import { chartColorList, chartAlphaColorList } from '
|
29
|
+
import { scalingVariants } from 'lib/constants';
|
30
|
+
import { chartColorList, chartAlphaColorList } from 'lib/color/constants';
|
31
31
|
ChartJS.register(ArcElement, Tooltip, Legend, plugins, ChartDataLabels);
|
32
32
|
ChartJS.defaults.set('plugins.datalabels', {
|
33
33
|
display: false,
|
@@ -53,13 +53,13 @@ var PieChart = function (_a) {
|
|
53
53
|
datasets.forEach(function (dataset, index) {
|
54
54
|
datasets[index] = __assign(__assign({}, dataset), { backgroundColor: getChartColor(isColorMixed, appearance), borderColor: getChartColor(isColorMixed, 'solid') });
|
55
55
|
});
|
56
|
-
return (
|
56
|
+
return (<Pie data={{ labels: labels, datasets: datasets }} options={{
|
57
57
|
plugins: {
|
58
58
|
title: title,
|
59
59
|
legend: legend,
|
60
60
|
datalabels: datalabels,
|
61
61
|
},
|
62
|
-
}
|
62
|
+
}} className={cn(PieVariants({ scaling: scaling }), className)} {...rest}/>);
|
63
63
|
};
|
64
64
|
PieChart.displayName = 'PieChart';
|
65
65
|
export default PieChart;
|
@@ -1,14 +1,3 @@
|
|
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
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,12 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef, useContext } from 'react';
|
12
|
+
import React, { forwardRef, useContext } from 'react';
|
25
13
|
import { cva } from 'class-variance-authority';
|
26
14
|
import { Popover as PopoverTheme } from '@radix-ui/themes';
|
27
15
|
import { PopoverContext } from './PopoverRoot';
|
28
|
-
import { cn } from '
|
16
|
+
import { cn } from 'lib/utils/utils';
|
29
17
|
export var popoverCloseVariants = cva('', {
|
30
18
|
variants: {
|
31
19
|
radius: {
|
@@ -43,6 +31,8 @@ export var popoverCloseVariants = cva('', {
|
|
43
31
|
export var PopoverClose = forwardRef(function (_a, ref) {
|
44
32
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
45
33
|
var radius = useContext(PopoverContext).radius;
|
46
|
-
return (
|
34
|
+
return (<PopoverTheme.Close ref={ref} className={cn(popoverCloseVariants({ radius: radius }), className)} {...props}>
|
35
|
+
{children}
|
36
|
+
</PopoverTheme.Close>);
|
47
37
|
});
|
48
38
|
PopoverClose.displayName = 'Popover.Close';
|
@@ -20,13 +20,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import {
|
24
|
-
import {
|
25
|
-
import { scalingVariants } from '../../../lib/constants';
|
23
|
+
import React, { forwardRef, useContext } from 'react';
|
24
|
+
import { scalingVariants } from 'lib/constants';
|
26
25
|
import { Popover as PopoverTheme } from '@radix-ui/themes';
|
27
26
|
import { cva } from 'class-variance-authority';
|
28
27
|
import { PopoverContext } from './PopoverRoot';
|
29
|
-
import { cn } from '
|
28
|
+
import { cn } from 'lib/utils/utils';
|
30
29
|
export var popoverContentVariants = cva('flex gap-2 bg-white dark:bg-slateDark-1 border-slateA-6 dark:border-slateDarkA-6', {
|
31
30
|
variants: {
|
32
31
|
radius: {
|
@@ -60,6 +59,8 @@ export var PopoverContent = forwardRef(function (_a, ref) {
|
|
60
59
|
sizeTheme = '3';
|
61
60
|
if (size === 'x-large')
|
62
61
|
sizeTheme = '4';
|
63
|
-
return (
|
62
|
+
return (<PopoverTheme.Content ref={ref} size={sizeTheme} className={cn(popoverContentVariants({ size: size, radius: radius, scaling: scaling }), className)} {...props}>
|
63
|
+
{children}
|
64
|
+
</PopoverTheme.Content>);
|
64
65
|
});
|
65
66
|
PopoverContent.displayName = 'Popover.Content';
|
@@ -7,6 +7,6 @@ export interface PopoverProps extends VariantProps<typeof popoverContentVariants
|
|
7
7
|
}
|
8
8
|
export declare const PopoverContext: React.Context<PopoverProps>;
|
9
9
|
export declare const PopoverRoot: {
|
10
|
-
({ children, radius, size, scaling, ...props }: ComponentPropsWithoutRef<typeof PopoverTheme.Root> & PopoverProps):
|
10
|
+
({ children, radius, size, scaling, ...props }: ComponentPropsWithoutRef<typeof PopoverTheme.Root> & PopoverProps): React.JSX.Element;
|
11
11
|
displayName: string;
|
12
12
|
};
|
@@ -1,14 +1,3 @@
|
|
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
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { createContext } from 'react';
|
12
|
+
import React, { createContext } from 'react';
|
25
13
|
import { Theme, Popover as PopoverTheme } from '@radix-ui/themes';
|
26
14
|
export var PopoverContext = createContext({
|
27
15
|
radius: 'medium',
|
@@ -31,6 +19,10 @@ export var PopoverContext = createContext({
|
|
31
19
|
export var PopoverRoot = function (_a) {
|
32
20
|
var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, props = __rest(_a, ["children", "radius", "size", "scaling"]);
|
33
21
|
var contextValue = { radius: radius, size: size, scaling: scaling };
|
34
|
-
return (
|
22
|
+
return (<Theme>
|
23
|
+
<PopoverContext.Provider value={contextValue}>
|
24
|
+
<PopoverTheme.Root {...props}>{children}</PopoverTheme.Root>
|
25
|
+
</PopoverContext.Provider>
|
26
|
+
</Theme>);
|
35
27
|
};
|
36
28
|
PopoverRoot.displayName = 'Popover.Root';
|
@@ -1,14 +1,3 @@
|
|
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
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,11 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
12
|
+
import React, { forwardRef } from 'react';
|
25
13
|
import { Popover as PopoverTheme } from '@radix-ui/themes';
|
26
14
|
export var PopoverTrigger = forwardRef(function (_a, ref) {
|
27
15
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
28
|
-
return (
|
16
|
+
return (<PopoverTheme.Trigger ref={ref} {...props} className={className}>
|
17
|
+
{children}
|
18
|
+
</PopoverTheme.Trigger>);
|
29
19
|
});
|
30
20
|
PopoverTrigger.displayName = 'Popover.Trigger';
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
declare const Popover: {
|
3
3
|
Root: {
|
4
|
-
({ children, radius, size, scaling, ...props }: import("@radix-ui/themes/dist/cjs/components/popover").RootProps & import("./PopoverRoot").PopoverProps): import("react
|
4
|
+
({ children, radius, size, scaling, ...props }: import("@radix-ui/themes/dist/cjs/components/popover").RootProps & import("./PopoverRoot").PopoverProps): import("react").JSX.Element;
|
5
5
|
displayName: string;
|
6
6
|
};
|
7
7
|
Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/popover").TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
23
|
+
import React, { forwardRef } from 'react';
|
25
24
|
import { cva } from 'class-variance-authority';
|
26
|
-
import { scalingVariants } from '
|
25
|
+
import { scalingVariants } from 'lib/constants';
|
27
26
|
import { Theme, Progress as ProgressTheme } from '@radix-ui/themes';
|
28
|
-
import { cn } from '
|
27
|
+
import { cn } from 'lib/utils/utils';
|
29
28
|
var progressVariants = cva('w-[300px]', {
|
30
29
|
variants: {
|
31
30
|
radius: {
|
@@ -50,7 +49,9 @@ var progressVariants = cva('w-[300px]', {
|
|
50
49
|
});
|
51
50
|
export var Progress = forwardRef(function (_a, ref) {
|
52
51
|
var className = _a.className, radius = _a.radius, size = _a.size, value = _a.value, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.color, color = _c === void 0 ? 'red' : _c, scaling = _a.scaling, props = __rest(_a, ["className", "radius", "size", "value", "appearance", "color", "scaling"]);
|
53
|
-
return (
|
52
|
+
return (<Theme accentColor={color}>
|
53
|
+
<ProgressTheme ref={ref} value={value} variant={appearance} className={cn(progressVariants({ radius: radius, size: size, scaling: scaling }), className)} {...props}/>
|
54
|
+
</Theme>);
|
54
55
|
});
|
55
56
|
Progress.displayName = 'Progress';
|
56
57
|
export default Progress;
|
@@ -1,5 +1,6 @@
|
|
1
|
+
import React from 'react';
|
1
2
|
import { VariantProps } from 'class-variance-authority';
|
2
|
-
import { IChartDataLabels, IChartDatasets, IChartLegend, IChartTitle } from '
|
3
|
+
import { IChartDataLabels, IChartDatasets, IChartLegend, IChartTitle } from 'lib/types';
|
3
4
|
type IRadarChartDataset = IChartDatasets & {
|
4
5
|
data: number[];
|
5
6
|
pointBackgroundColor?: string;
|
@@ -26,7 +27,7 @@ declare const radarChartVariants: (props?: ({
|
|
26
27
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
27
28
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
28
29
|
export declare const RadarChart: {
|
29
|
-
({ className, title, legend, datalabels, datasets, labels, width, height, scaling, appearance, isColorMixed, ...props }: RadarChartProps):
|
30
|
+
({ className, title, legend, datalabels, datasets, labels, width, height, scaling, appearance, isColorMixed, ...props }: RadarChartProps): React.JSX.Element;
|
30
31
|
displayName: string;
|
31
32
|
};
|
32
33
|
export default RadarChart;
|
@@ -20,14 +20,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import React from 'react';
|
24
24
|
import { cva } from 'class-variance-authority';
|
25
|
-
import { scalingVariants } from '
|
25
|
+
import { scalingVariants } from 'lib/constants';
|
26
26
|
import { Radar } from 'react-chartjs-2';
|
27
|
-
import { cn } from '
|
27
|
+
import { cn } from 'lib/utils/utils';
|
28
28
|
import { Chart as ChartJS, RadialLinearScale, PointElement, LineElement, Filler, Tooltip, Legend, plugins, } from 'chart.js/auto';
|
29
|
-
import { chartColorList, chartAlphaColorList } from '
|
30
|
-
import { useDarkMode } from '
|
29
|
+
import { chartColorList, chartAlphaColorList } from 'lib/color/constants';
|
30
|
+
import { useDarkMode } from 'lib/utils/useDarkMode';
|
31
31
|
import ChartDataLabels from 'chartjs-plugin-datalabels';
|
32
32
|
ChartJS.register(RadialLinearScale, PointElement, LineElement, Filler, Tooltip, Legend, plugins, ChartDataLabels);
|
33
33
|
ChartJS.defaults.set('plugins.datalabels', {
|
@@ -60,7 +60,7 @@ export var RadarChart = function (_a) {
|
|
60
60
|
dataset.backgroundColor = ChartColor[index];
|
61
61
|
dataset.borderColor = BorderColor[index];
|
62
62
|
});
|
63
|
-
return (
|
63
|
+
return (<Radar data={{ labels: labels, datasets: datasets }} options={{
|
64
64
|
plugins: {
|
65
65
|
title: title,
|
66
66
|
legend: legend,
|
@@ -70,7 +70,7 @@ export var RadarChart = function (_a) {
|
|
70
70
|
suggestedMin: 50,
|
71
71
|
suggestedMax: 100,
|
72
72
|
} }, defaultScales.linescale),
|
73
|
-
}
|
73
|
+
}} className={cn(radarChartVariants({ scaling: scaling }), className)} width={width} height={height} {...props}/>);
|
74
74
|
};
|
75
75
|
RadarChart.displayName = 'RadarChart';
|
76
76
|
export default RadarChart;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
3
|
-
import { IScaling } from '
|
3
|
+
import { IScaling } from 'lib/types';
|
4
4
|
export interface RadioProps extends VariantProps<typeof radioVariants> {
|
5
5
|
size?: any;
|
6
6
|
scaling?: IScaling;
|
@@ -1,14 +1,3 @@
|
|
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
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,12 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
12
|
import React from 'react';
|
25
13
|
import { cva } from 'class-variance-authority';
|
26
14
|
import { Theme, Radio as RadioTheme, Flex } from '@radix-ui/themes';
|
27
|
-
import { Text } from '
|
28
|
-
import { cn } from '
|
15
|
+
import { Text } from 'lib/Typography/Text';
|
16
|
+
import { cn } from 'lib/utils/utils';
|
29
17
|
var radioVariants = cva('font-normal', {
|
30
18
|
variants: {
|
31
19
|
size: {
|
@@ -47,7 +35,14 @@ export var Radio = React.forwardRef(function (_a, ref) {
|
|
47
35
|
sizeTheme = '1';
|
48
36
|
if (size === 'large')
|
49
37
|
sizeTheme = '3';
|
50
|
-
return (
|
38
|
+
return (<Theme accentColor={color} scaling={scaling}>
|
39
|
+
<Flex asChild className={cn(radioVariants({ size: size }), className)}>
|
40
|
+
<Text as="label" size={sizeTheme}>
|
41
|
+
<RadioTheme ref={ref} value={value} variant={appearance} size={sizeTheme} {...props}/>
|
42
|
+
{children}
|
43
|
+
</Text>
|
44
|
+
</Flex>
|
45
|
+
</Theme>);
|
51
46
|
});
|
52
47
|
Radio.displayName = 'Radio';
|
53
48
|
export default Radio;
|
@@ -1,14 +1,3 @@
|
|
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
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,11 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef, useContext } from 'react';
|
12
|
+
import React, { forwardRef, useContext } from 'react';
|
25
13
|
import { cva } from 'class-variance-authority';
|
26
14
|
import { RadioCards as RadioCardsTheme } from '@radix-ui/themes';
|
27
|
-
import { cn } from '
|
15
|
+
import { cn } from 'lib/utils/utils';
|
28
16
|
import { RadioCardsContext } from './RadioCardsRoot';
|
29
17
|
export var radioCardsItemVariants = cva('min-w-[200px] bg-white dark:bg-slateDark-1 text-slateA-12 dark:text-slateDarkA-12 border-slateA-6 dark:border-slateDarkA-6 font-normal disabled:text-slateA-9 dark:disabled:text-slateDarkA-9', {
|
30
18
|
variants: {
|
@@ -49,6 +37,8 @@ export var radioCardsItemVariants = cva('min-w-[200px] bg-white dark:bg-slateDar
|
|
49
37
|
export var RadioCardsItem = forwardRef(function (_a, ref) {
|
50
38
|
var children = _a.children, className = _a.className, value = _a.value, props = __rest(_a, ["children", "className", "value"]);
|
51
39
|
var _b = useContext(RadioCardsContext), radius = _b.radius, size = _b.size;
|
52
|
-
return (
|
40
|
+
return (<RadioCardsTheme.Item ref={ref} value={value} className={cn(radioCardsItemVariants({ radius: radius, size: size }), className)} {...props}>
|
41
|
+
{children}
|
42
|
+
</RadioCardsTheme.Item>);
|
53
43
|
});
|
54
44
|
RadioCardsItem.displayName = 'RadioCards.Item';
|
@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import {
|
24
|
-
import { createContext, forwardRef } from 'react';
|
23
|
+
import React, { createContext, forwardRef } from 'react';
|
25
24
|
import { cva } from 'class-variance-authority';
|
26
|
-
import { scalingVariants } from '
|
25
|
+
import { scalingVariants } from 'lib/constants';
|
27
26
|
import { Theme, RadioCards as RadioCardsTheme } from '@radix-ui/themes';
|
28
|
-
import { cn } from '
|
27
|
+
import { cn } from 'lib/utils/utils';
|
29
28
|
var radioCardsVariants = cva('flex items-center gap-2', {
|
30
29
|
variants: {
|
31
30
|
scaling: __assign({}, scalingVariants),
|
@@ -41,6 +40,12 @@ export var RadioCardsContext = createContext({
|
|
41
40
|
export var RadioCardsRoot = forwardRef(function (_a, ref) {
|
42
41
|
var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "color", "appearance"]);
|
43
42
|
var contextValue = { radius: radius, size: size };
|
44
|
-
return (
|
43
|
+
return (<Theme accentColor={color}>
|
44
|
+
<RadioCardsContext.Provider value={contextValue}>
|
45
|
+
<RadioCardsTheme.Root ref={ref} variant={appearance} className={cn(radioCardsVariants({ scaling: scaling }), className)} {...props}>
|
46
|
+
{children}
|
47
|
+
</RadioCardsTheme.Root>
|
48
|
+
</RadioCardsContext.Provider>
|
49
|
+
</Theme>);
|
45
50
|
});
|
46
51
|
RadioCardsRoot.displayName = 'RadioCards.Root';
|
@@ -1,14 +1,3 @@
|
|
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
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,12 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef, useContext } from 'react';
|
12
|
+
import React, { forwardRef, useContext } from 'react';
|
25
13
|
import { cva } from 'class-variance-authority';
|
26
14
|
import { RadioGroup as RadioGroupTheme } from '@radix-ui/themes';
|
27
15
|
import { RadioGroupContext } from './RadioGroupRoot';
|
28
|
-
import { cn } from '
|
16
|
+
import { cn } from 'lib/utils/utils';
|
29
17
|
var radioGroupItemVariants = cva('font-normal text-slate-12 dark:text-slateDark-12', {
|
30
18
|
variants: {
|
31
19
|
size: {
|
@@ -41,6 +29,8 @@ var radioGroupItemVariants = cva('font-normal text-slate-12 dark:text-slateDark-
|
|
41
29
|
export var RadioGroupItem = forwardRef(function (_a, ref) {
|
42
30
|
var className = _a.className, children = _a.children, value = _a.value, props = __rest(_a, ["className", "children", "value"]);
|
43
31
|
var size = useContext(RadioGroupContext).size;
|
44
|
-
return (
|
32
|
+
return (<RadioGroupTheme.Item ref={ref} value={value} className={cn(radioGroupItemVariants({ size: size }), className)} {...props}>
|
33
|
+
{children}
|
34
|
+
</RadioGroupTheme.Item>);
|
45
35
|
});
|
46
36
|
RadioGroupItem.displayName = 'RadioGroup.Item';
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { RadioGroup as RadioGroupTheme } from '@radix-ui/themes';
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
4
|
-
import { IScaling } from '
|
4
|
+
import { IScaling } from 'lib/types';
|
5
5
|
export interface RadioGroupProps extends VariantProps<typeof radioGroupVariants> {
|
6
6
|
scaling?: IScaling;
|
7
7
|
size?: 'small' | 'medium' | 'large';
|