@lotte-innovate/ui-component-test 0.0.36 → 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (62) hide show
  1. package/README.md +163 -163
  2. package/dist/lib/Typography/Header/index.d.ts +1 -1
  3. package/dist/lib/Typography/Text/index.d.ts +1 -1
  4. package/dist/lib/components/AlertDialog/AlertDialogAction.d.ts +2 -2
  5. package/dist/lib/components/AlertDialog/AlertDialogCancel.d.ts +2 -2
  6. package/dist/lib/components/AlertDialog/AlertDialogContent.d.ts +1 -1
  7. package/dist/lib/components/AlertDialog/AlertDialogTrigger.d.ts +2 -2
  8. package/dist/lib/components/Avatar/index.d.ts +1 -1
  9. package/dist/lib/components/Badge/index.d.ts +2 -2
  10. package/dist/lib/components/Button/index.d.ts +2 -2
  11. package/dist/lib/components/Callout/index.d.ts +1 -1
  12. package/dist/lib/components/Card/index.d.ts +2 -2
  13. package/dist/lib/components/Checkbox/index.d.ts +1 -1
  14. package/dist/lib/components/CheckboxCard/index.d.ts +1 -1
  15. package/dist/lib/components/ContextMenu/ContextMenuContent.d.ts +1 -1
  16. package/dist/lib/components/ContextMenu/ContextMenuItem.d.ts +1 -1
  17. package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.d.ts +1 -1
  18. package/dist/lib/components/ContextMenu/ContextMenuSubContent.d.ts +1 -1
  19. package/dist/lib/components/DataList/DataListLabel.d.ts +1 -1
  20. package/dist/lib/components/DataList/DataListValue.d.ts +1 -1
  21. package/dist/lib/components/Dialog/DialogAction.d.ts +1 -1
  22. package/dist/lib/components/Dialog/DialogCancel.d.ts +1 -1
  23. package/dist/lib/components/Dialog/DialogContent.d.ts +1 -1
  24. package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.d.ts +1 -1
  25. package/dist/lib/components/DropdownMenu/DropdownMenuContent.d.ts +1 -1
  26. package/dist/lib/components/DropdownMenu/DropdownMenuItem.d.ts +1 -1
  27. package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.d.ts +1 -1
  28. package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.d.ts +1 -1
  29. package/dist/lib/components/HoverCard/HoverCardContent.d.ts +2 -2
  30. package/dist/lib/components/IconButton/index.d.ts +1 -1
  31. package/dist/lib/components/Inset/index.d.ts +1 -1
  32. package/dist/lib/components/Label/index.d.ts +1 -1
  33. package/dist/lib/components/Menubar/MenubarContent.d.ts +1 -1
  34. package/dist/lib/components/Menubar/MenubarItem.d.ts +1 -1
  35. package/dist/lib/components/Menubar/MenubarItemIndicator.d.ts +1 -1
  36. package/dist/lib/components/Menubar/MenubarSubContent.d.ts +1 -1
  37. package/dist/lib/components/Menubar/MenubarTrigger.d.ts +1 -1
  38. package/dist/lib/components/Menubar/index.d.ts +1 -1
  39. package/dist/lib/components/NavigationMenu/NavigationMenuContent.d.ts +1 -1
  40. package/dist/lib/components/NavigationMenu/NavigationMenuLink.d.ts +1 -1
  41. package/dist/lib/components/NavigationMenu/NavigationMenuList.d.ts +1 -1
  42. package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.d.ts +1 -1
  43. package/dist/lib/components/NavigationMenu/NavigationMenuViewport.d.ts +2 -2
  44. package/dist/lib/components/Popover/PopoverClose.d.ts +1 -1
  45. package/dist/lib/components/Popover/PopoverContent.d.ts +1 -1
  46. package/dist/lib/components/Progress/index.d.ts +1 -1
  47. package/dist/lib/components/RadioCards/RadioCardsItem.d.ts +1 -1
  48. package/dist/lib/components/Select/index.d.ts +1 -1
  49. package/dist/lib/components/Skeleton/index.d.ts +1 -1
  50. package/dist/lib/components/Slider/index.d.ts +1 -1
  51. package/dist/lib/components/Table/index.d.ts +1 -1
  52. package/dist/lib/components/Tabs/index.d.ts +1 -1
  53. package/dist/lib/components/TextArea/index.d.ts +1 -1
  54. package/dist/lib/components/TextField/index.d.ts +1 -1
  55. package/dist/lib/components/Toast/ToastActionButton.d.ts +1 -1
  56. package/dist/lib/components/Toast/index.d.ts +1 -1
  57. package/dist/lib/components/Toggle/ToggleWithText.d.ts +1 -1
  58. package/dist/lib/components/Toggle/index.d.ts +1 -1
  59. package/dist/lib/components/ToggleSwitch/index.d.ts +1 -1
  60. package/dist/lib/components/Tooltip/index.d.ts +3 -3
  61. package/dist/tailwind.config.js +2 -2
  62. package/package.json +126 -124
package/README.md CHANGED
@@ -1,163 +1,163 @@
1
- # radix-ui 라이브러리 활용 Storybook UI Component 만들기
2
-
3
- <br />
4
-
5
- ## 사전 설치 라이브러리
6
-
7
- - radix-ui
8
- - 주요 컴포넌트 사용 시 활용할 Headless UI 라이브러리
9
-
10
- ```shell
11
- npm install @radix-ui/react-popover@latest -E
12
- ```
13
-
14
- - storybook
15
- - 컴포넌트 관리를 위해 사용
16
-
17
- ```shell
18
- npx sb init
19
- npx storybook@latest add @storybook/addon-styling-webpack
20
- ```
21
-
22
- - clsx
23
- - 조건부 className 작성을 위해 사용
24
-
25
- ```shell
26
- npm i clsx
27
- ```
28
-
29
- - tailwind-merge
30
- - 스타일 충돌 없이 자바스크립트에서 tailwind CSS 클래스를 효율적으로 병합하는 기능을 가진 라이브러리
31
-
32
- ```shell
33
- npm i tailwind-merge
34
- ```
35
-
36
- - class-variance-authority (CVA)
37
- - 일관성 있는 UI를 정의하고 사용할 수 있도록 도와주는 툴로써 shadcn/ui 컴포넌트의 핵심 도구
38
-
39
- ```shell
40
- npm i class-variance-authority
41
- ```
42
-
43
- <br />
44
-
45
- ## 실행
46
-
47
- - 스토리북 실행
48
-
49
- ```shell
50
- npm run storybook
51
- ```
52
-
53
- > 접속주소(포트 6006 사용 시): `http://localhost:6006`
54
-
55
- - 웹페이지 실행
56
-
57
- ```shell
58
- npm run dev
59
- ```
60
-
61
- > 접속주소(포트 3000 사용 시): `http://localhost:3000`
62
-
63
- ## package publish
64
-
65
- - 타입스크립트 컴파일
66
-
67
- ```shell
68
- npm run publish:npm
69
- ```
70
-
71
- - npm package 배포 시
72
-
73
- - npm 로그인
74
-
75
- ```shell
76
- npm login
77
- ```
78
-
79
- - package.json 버전 수정 후 컴파일 진행
80
-
81
- ```shell
82
- npm run publish:npm
83
- ```
84
-
85
- - 패키지 배포
86
-
87
- ```shell
88
- npm publish
89
- ```
90
-
91
- - npm scope 배포
92
- - npm 로그인 후, 조직 생성 시 @계정명 으로 scope 생성
93
- scope로 생성된 패키지는 npm publish 시, 아래 옵션 추가
94
-
95
- ```shell
96
- npm publish --access=public
97
- ```
98
-
99
-
100
- - npm package 미배포시
101
-
102
- - package.json 버전 수정 후 컴파일 진행
103
-
104
- ```shell
105
- npm run publish:npm
106
- ```
107
-
108
- - dist/ 파일 및 설정파일 추출 후 전달
109
-
110
- ## 사용자 이용 방법
111
-
112
- ### npm 배포 시
113
-
114
- - npm package 설치
115
-
116
- ```sh
117
- npm install <package_name>
118
- ```
119
-
120
- ### npm 미배포시
121
-
122
- - 전달 받은 package 모듈 파일을 node_modules/ 폴더에 추가
123
-
124
- ### tailwind 설정 방법
125
-
126
- - tailwind config 파일 설정
127
-
128
- ```js
129
- // tailwind.config.ts
130
- import type { Config } from 'tailwindcss';
131
- // UI 라이브러리 tailwind config 파일 호출
132
- // >>>>>>>> 추가
133
- const packageTailwindConfig = require('ui-component-test/tailwind.config.js');
134
- // >>>>>>>>
135
-
136
- const config: Config = {
137
- content: [
138
- './src/pages/**/*.{js,ts,jsx,tsx,mdx,zip}',
139
- './src/components/**/*.{js,ts,jsx,tsx,mdx,zip}',
140
- './src/app/**/*.{js,ts,jsx,tsx,mdx,zip}',
141
- // 해당 프로젝트 css 표준 컴포넌트에 적용 가능
142
- // >>>>>>>> 추가
143
- './node_modules/ui-component-test/**/*.{js,ts,jsx,tsx,mdx,zip}',
144
- // >>>>>>>>
145
- ],
146
- theme: {
147
- extend: {
148
- backgroundImage: {
149
- 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
150
- 'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
151
- },
152
- colors: {},
153
- // UI 라이브러리 tailwind config 파일 적용
154
- // >>>>>>>> 추가
155
- ...packageTailwindConfig?.theme?.extend,
156
- // >>>>>>>>
157
- },
158
- },
159
- plugins: [],
160
- };
161
- export default config;
162
-
163
- ```
1
+ # radix-ui 라이브러리 활용 Storybook UI Component 만들기
2
+
3
+ <br />
4
+
5
+ ## 사전 설치 라이브러리
6
+
7
+ - radix-ui
8
+ - 주요 컴포넌트 사용 시 활용할 Headless UI 라이브러리
9
+
10
+ ```shell
11
+ npm install @radix-ui/react-popover@latest -E
12
+ ```
13
+
14
+ - storybook
15
+ - 컴포넌트 관리를 위해 사용
16
+
17
+ ```shell
18
+ npx sb init
19
+ npx storybook@latest add @storybook/addon-styling-webpack
20
+ ```
21
+
22
+ - clsx
23
+ - 조건부 className 작성을 위해 사용
24
+
25
+ ```shell
26
+ npm i clsx
27
+ ```
28
+
29
+ - tailwind-merge
30
+ - 스타일 충돌 없이 자바스크립트에서 tailwind CSS 클래스를 효율적으로 병합하는 기능을 가진 라이브러리
31
+
32
+ ```shell
33
+ npm i tailwind-merge
34
+ ```
35
+
36
+ - class-variance-authority (CVA)
37
+ - 일관성 있는 UI를 정의하고 사용할 수 있도록 도와주는 툴로써 shadcn/ui 컴포넌트의 핵심 도구
38
+
39
+ ```shell
40
+ npm i class-variance-authority
41
+ ```
42
+
43
+ <br />
44
+
45
+ ## 실행
46
+
47
+ - 스토리북 실행
48
+
49
+ ```shell
50
+ npm run storybook
51
+ ```
52
+
53
+ > 접속주소(포트 6006 사용 시): `http://localhost:6006`
54
+
55
+ - 웹페이지 실행
56
+
57
+ ```shell
58
+ npm run dev
59
+ ```
60
+
61
+ > 접속주소(포트 3000 사용 시): `http://localhost:3000`
62
+
63
+ ## package publish
64
+
65
+ - 타입스크립트 컴파일
66
+
67
+ ```shell
68
+ npm run publish:npm
69
+ ```
70
+
71
+ - npm package 배포 시
72
+
73
+ - npm 로그인
74
+
75
+ ```shell
76
+ npm login
77
+ ```
78
+
79
+ - package.json 버전 수정 후 컴파일 진행
80
+
81
+ ```shell
82
+ npm run publish:npm
83
+ ```
84
+
85
+ - 패키지 배포
86
+
87
+ ```shell
88
+ npm publish
89
+ ```
90
+
91
+ - npm scope 배포
92
+ - npm 로그인 후, 조직 생성 시 @계정명 으로 scope 생성
93
+ scope로 생성된 패키지는 npm publish 시, 아래 옵션 추가
94
+
95
+ ```shell
96
+ npm publish --access=public
97
+ ```
98
+
99
+
100
+ - npm package 미배포시
101
+
102
+ - package.json 버전 수정 후 컴파일 진행
103
+
104
+ ```shell
105
+ npm run publish:npm
106
+ ```
107
+
108
+ - dist/ 파일 및 설정파일 추출 후 전달
109
+
110
+ ## 사용자 이용 방법
111
+
112
+ ### npm 배포 시
113
+
114
+ - npm package 설치
115
+
116
+ ```sh
117
+ npm install <package_name>
118
+ ```
119
+
120
+ ### npm 미배포시
121
+
122
+ - 전달 받은 package 모듈 파일을 node_modules/ 폴더에 추가
123
+
124
+ ### tailwind 설정 방법
125
+
126
+ - tailwind config 파일 설정
127
+
128
+ ```js
129
+ // tailwind.config.ts
130
+ import type { Config } from 'tailwindcss';
131
+ // UI 라이브러리 tailwind config 파일 호출
132
+ // >>>>>>>> 추가
133
+ const packageTailwindConfig = require('ui-component-test/tailwind.config.js');
134
+ // >>>>>>>>
135
+
136
+ const config: Config = {
137
+ content: [
138
+ './src/pages/**/*.{js,ts,jsx,tsx,mdx,zip}',
139
+ './src/components/**/*.{js,ts,jsx,tsx,mdx,zip}',
140
+ './src/app/**/*.{js,ts,jsx,tsx,mdx,zip}',
141
+ // 해당 프로젝트 css 표준 컴포넌트에 적용 가능
142
+ // >>>>>>>> 추가
143
+ './node_modules/ui-component-test/**/*.{js,ts,jsx,tsx,mdx,zip}',
144
+ // >>>>>>>>
145
+ ],
146
+ theme: {
147
+ extend: {
148
+ backgroundImage: {
149
+ 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
150
+ 'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
151
+ },
152
+ colors: {},
153
+ // UI 라이브러리 tailwind config 파일 적용
154
+ // >>>>>>>> 추가
155
+ ...packageTailwindConfig?.theme?.extend,
156
+ // >>>>>>>>
157
+ },
158
+ },
159
+ plugins: [],
160
+ };
161
+ export default config;
162
+
163
+ ```
@@ -5,7 +5,7 @@ export interface HeaderProps extends VariantProps<typeof headerVariants> {
5
5
  color?: IColor;
6
6
  }
7
7
  declare let headerVariants: (props?: ({
8
- weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
8
+ weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
9
9
  headers?: "h2" | "h3" | "h1" | "h4" | "h5" | "h6" | null | undefined;
10
10
  color?: string | null | undefined;
11
11
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -8,7 +8,7 @@ export interface TextProps extends VariantProps<typeof textVariants> {
8
8
  align?: 'left' | 'center' | 'right';
9
9
  }
10
10
  declare const textVariants: (props?: ({
11
- weight?: "medium" | "regular" | "semibold" | "bold" | "light" | null | undefined;
11
+ weight?: "bold" | "medium" | "regular" | "semibold" | "light" | null | undefined;
12
12
  color?: string | null | undefined;
13
13
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
14
14
  export declare const Text: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & TextProps & React.RefAttributes<HTMLSpanElement>>;
@@ -6,9 +6,9 @@ export interface AlertDialogActionProps extends VariantProps<typeof alertDialogA
6
6
  appearance?: IAppearance;
7
7
  }
8
8
  export declare const alertDialogActionVariants: (props?: ({
9
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
9
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
10
10
  size?: "small" | "medium" | "large" | "x-large" | null | undefined;
11
- weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
11
+ weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
12
12
  color?: string | null | undefined;
13
13
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
14
14
  export declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
@@ -6,8 +6,8 @@ export interface AlertDialogCancelProps extends VariantProps<typeof alertDialogC
6
6
  appearance?: IAppearance;
7
7
  }
8
8
  export declare const alertDialogCancelVariants: (props?: ({
9
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
9
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
10
10
  size?: "small" | "medium" | "large" | "x-large" | null | undefined;
11
- weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
11
+ weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
12
12
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
13
13
  export declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
@@ -6,6 +6,6 @@ export interface AlertDialogContentProps extends VariantProps<typeof alertDialog
6
6
  export declare const alertDialogContentVariants: (props?: ({
7
7
  size?: "small" | "medium" | "large" | "x-large" | null | undefined;
8
8
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
9
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
9
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
10
10
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
11
11
  export declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;
@@ -7,10 +7,10 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
7
7
  appearance?: IAppearance;
8
8
  }
9
9
  declare const buttonVariants: (props?: ({
10
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
10
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
11
11
  size?: "small" | "medium" | "large" | "x-large" | null | undefined;
12
12
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
13
- weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
13
+ weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
14
14
  color?: string | null | undefined;
15
15
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
16
16
  export declare const AlertDialogTrigger: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -8,7 +8,7 @@ export interface AvatarProps extends VariantProps<typeof AvatarVariants> {
8
8
  fallbackClassName?: string;
9
9
  }
10
10
  declare const AvatarVariants: (props?: ({
11
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
11
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
12
12
  size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | null | undefined;
13
13
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
14
14
  color?: string | null | undefined;
@@ -8,10 +8,10 @@ export interface BadgeProps extends HTMLAttributes<HTMLDivElement>, VariantProps
8
8
  weight?: IWeight;
9
9
  }
10
10
  declare const BadgeVariants: (props?: ({
11
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
11
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
12
12
  size?: "small" | "medium" | "large" | null | undefined;
13
13
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
14
- weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
14
+ weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
15
15
  color?: string | null | undefined;
16
16
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
17
17
  declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & BadgeProps & React.RefAttributes<HTMLDivElement>>;
@@ -6,10 +6,10 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
6
6
  appearance?: IAppearance;
7
7
  }
8
8
  declare const buttonVariants: (props?: ({
9
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
9
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
10
10
  size?: "small" | "medium" | "large" | "x-small" | "x-large" | null | undefined;
11
11
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
12
- weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
12
+ weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
13
13
  color?: string | null | undefined;
14
14
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
15
15
  export declare const Button: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & ButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -10,7 +10,7 @@ export interface CalloutProps extends VariantProps<typeof calloutVariants>, Vari
10
10
  color?: 'danger' | 'warning' | 'success' | 'information' | null;
11
11
  }
12
12
  declare const calloutVariants: (props?: ({
13
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
13
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
14
14
  size?: "small" | "medium" | "large" | null | undefined;
15
15
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
16
16
  color?: "danger" | "warning" | "success" | "information" | null | undefined;
@@ -5,10 +5,10 @@ export interface CardProps extends VariantProps<typeof cardVariants> {
5
5
  appearance?: Exclude<IAppearance, 'solid' | 'outline'>;
6
6
  }
7
7
  declare const cardVariants: (props?: ({
8
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
8
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
9
9
  size?: "small" | "medium" | "large" | null | undefined;
10
10
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
11
- weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
11
+ weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
12
12
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
13
13
  declare const Card: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & CardProps & React.RefAttributes<HTMLDivElement>>;
14
14
  export default Card;
@@ -11,7 +11,7 @@ export interface CheckboxProps extends VariantProps<typeof CheckboxVariants> {
11
11
  export declare const CheckboxVariants: (props?: ({
12
12
  size?: "small" | "medium" | "large" | null | undefined;
13
13
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
14
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
14
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
15
15
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
16
16
  export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
17
17
  export default Checkbox;
@@ -12,7 +12,7 @@ export interface CheckboxCardProps extends React.HTMLAttributes<HTMLDivElement>,
12
12
  ariaDisabled?: boolean;
13
13
  }
14
14
  export declare const CheckboxCardVariants: (props?: ({
15
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
15
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
16
16
  size?: "small" | "medium" | "large" | null | undefined;
17
17
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
18
18
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
4
4
  export interface ContextMenuContentProps extends VariantProps<typeof contextMenuContentVariants> {
5
5
  }
6
6
  export declare const contextMenuContentVariants: (props?: ({
7
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
7
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
8
8
  size?: "small" | "medium" | null | undefined;
9
9
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
10
10
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -6,7 +6,7 @@ export interface ContextMenuItemProps extends VariantProps<typeof contextMenuIte
6
6
  shortcut?: string;
7
7
  }
8
8
  export declare const contextMenuItemVariants: (props?: ({
9
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
9
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
10
10
  size?: "small" | "medium" | null | undefined;
11
11
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
12
12
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
4
4
  export interface ContextMenuItemIndicatorProps extends VariantProps<typeof contextMenuItemIndicatorVariants> {
5
5
  }
6
6
  export declare const contextMenuItemIndicatorVariants: (props?: ({
7
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
7
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
8
8
  size?: "small" | "medium" | null | undefined;
9
9
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
10
10
  export declare const ContextMenuItemIndicator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & ContextMenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
4
4
  export interface ContextMenuSubContentProps extends VariantProps<typeof contextMenuSubContentVariants> {
5
5
  }
6
6
  export declare const contextMenuSubContentVariants: (props?: ({
7
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
7
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
8
8
  size?: "small" | "medium" | null | undefined;
9
9
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
10
10
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -5,6 +5,6 @@ export interface DataListLabelProps extends VariantProps<typeof dataListLabelVar
5
5
  }
6
6
  export declare const dataListLabelVariants: (props?: ({
7
7
  size?: "small" | "medium" | "large" | null | undefined;
8
- weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
8
+ weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
9
9
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
10
10
  export declare const DataListLabel: React.ForwardRefExoticComponent<Omit<DataListTheme.LabelProps & React.RefAttributes<HTMLElement>, "ref"> & DataListLabelProps & React.RefAttributes<HTMLElement>>;
@@ -5,7 +5,7 @@ export interface DataListValueProps extends VariantProps<typeof dataListValueVar
5
5
  }
6
6
  export declare const dataListValueVariants: (props?: ({
7
7
  size?: "small" | "medium" | "large" | null | undefined;
8
- weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
8
+ weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
9
9
  color?: string | null | undefined;
10
10
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
11
11
  export declare const DataListValue: React.ForwardRefExoticComponent<Omit<DataListTheme.ValueProps & React.RefAttributes<HTMLElement>, "ref"> & DataListValueProps & React.RefAttributes<HTMLElement>>;
@@ -8,7 +8,7 @@ export interface DialogActionProps extends VariantProps<typeof dialogActionVaria
8
8
  appearance?: IAppearance;
9
9
  }
10
10
  export declare const dialogActionVariants: (props?: ({
11
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
11
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
12
12
  size?: "small" | "medium" | "large" | "x-large" | null | undefined;
13
13
  color?: string | null | undefined;
14
14
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -5,7 +5,7 @@ export interface DialogCancelProps extends VariantProps<typeof dialogCancelVaria
5
5
  size?: any;
6
6
  }
7
7
  export declare const dialogCancelVariants: (props?: ({
8
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
8
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
9
9
  size?: "small" | "medium" | "large" | "x-large" | null | undefined;
10
10
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
11
11
  export declare const DialogCancel: React.ForwardRefExoticComponent<Omit<DialogTheme.CloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & DialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
@@ -4,7 +4,7 @@ import { Dialog as DialogTheme } from '@radix-ui/themes';
4
4
  export interface DialogContentProps extends VariantProps<typeof dialogContentVariants> {
5
5
  }
6
6
  export declare const dialogContentVariants: (props?: ({
7
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
7
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
8
8
  size?: "small" | "medium" | "large" | "x-large" | null | undefined;
9
9
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
10
10
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
4
4
  export interface DropdownMenuSubContentProps extends VariantProps<typeof dropdownMenuSubContentVariants> {
5
5
  }
6
6
  export declare const dropdownMenuSubContentVariants: (props?: ({
7
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
7
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
8
8
  size?: "small" | "medium" | null | undefined;
9
9
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
10
10
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
4
4
  export interface DropdownMenuContentProps extends VariantProps<typeof dropdownMenuContentVariants> {
5
5
  }
6
6
  export declare const dropdownMenuContentVariants: (props?: ({
7
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
7
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
8
8
  size?: "small" | "medium" | null | undefined;
9
9
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
10
10
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -6,7 +6,7 @@ export interface DropdownMenuItemProps extends VariantProps<typeof dropdownMenuI
6
6
  appearance?: 'solid' | 'soft';
7
7
  }
8
8
  export declare const dropdownMenuItemVariants: (props?: ({
9
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
9
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
10
10
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
11
11
  size?: "small" | "medium" | null | undefined;
12
12
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
4
4
  export interface DropdownMenuItemIndicatorProps extends VariantProps<typeof dropdownMenuItemIndicatorVariants> {
5
5
  }
6
6
  export declare const dropdownMenuItemIndicatorVariants: (props?: ({
7
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
7
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
8
8
  size?: "small" | "medium" | null | undefined;
9
9
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
10
10
  export declare const DropdownMenuItemIndicator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & DropdownMenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
@@ -6,7 +6,7 @@ export interface DropdownMenuTriggerProps extends VariantProps<typeof dropdownMe
6
6
  appearance?: 'classic' | 'surface';
7
7
  }
8
8
  declare const dropdownMenuTriggerVariants: (props?: ({
9
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
9
+ radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
10
10
  size?: "small" | "medium" | null | undefined;
11
11
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
12
12
  export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;