@uniai-fe/uds-primitives 0.1.13 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/styles.css +1112 -385
- package/package.json +12 -15
- package/src/components/button/index.scss +1 -0
- package/src/components/button/markup/{ButtonRounded.tsx → Rounded.tsx} +1 -1
- package/src/components/button/markup/{ButtonText.tsx → Text.tsx} +1 -1
- package/src/components/button/markup/index.ts +3 -3
- package/src/components/button/styles/button.scss +113 -229
- package/src/components/button/styles/round-button.scss +11 -14
- package/src/components/button/styles/text-button.scss +23 -23
- package/src/components/button/styles/variables.scss +145 -0
- package/src/components/dropdown/index.tsx +3 -3
- package/src/components/dropdown/markup/Template.tsx +57 -0
- package/src/components/dropdown/markup/foundation/Container.tsx +125 -0
- package/src/components/dropdown/markup/foundation/MenuItem.tsx +107 -0
- package/src/components/dropdown/markup/foundation/MenuList.tsx +27 -0
- package/src/components/dropdown/markup/foundation/Provider.tsx +46 -0
- package/src/components/dropdown/markup/foundation/Root.tsx +30 -0
- package/src/components/dropdown/markup/foundation/Trigger.tsx +34 -0
- package/src/components/dropdown/markup/foundation/index.tsx +25 -0
- package/src/components/dropdown/markup/index.tsx +8 -2
- package/src/components/dropdown/styles/dropdown.scss +166 -0
- package/src/components/dropdown/styles/index.scss +2 -0
- package/src/components/dropdown/styles/variables.scss +40 -0
- package/src/components/dropdown/types/base.ts +31 -0
- package/src/components/dropdown/types/index.ts +2 -4
- package/src/components/dropdown/types/props.ts +170 -0
- package/src/components/dropdown/utils/index.ts +1 -4
- package/src/components/dropdown/utils/refs.ts +20 -0
- package/src/components/form/index.scss +1 -0
- package/src/components/form/index.tsx +18 -2
- package/src/components/form/markup/form-field/Body.tsx +18 -0
- package/src/components/form/markup/form-field/Container.tsx +58 -0
- package/src/components/form/markup/form-field/Footer.tsx +21 -0
- package/src/components/form/markup/form-field/Header.tsx +39 -0
- package/src/components/form/markup/form-field/Template.tsx +56 -0
- package/src/components/form/markup/form-field/index.tsx +22 -0
- package/src/components/form/styles/form-field/layout.scss +67 -0
- package/src/components/form/styles/form-field/variables.scss +17 -0
- package/src/components/form/styles/index.scss +2 -0
- package/src/components/form/types/index.ts +1 -0
- package/src/components/form/types/props.ts +125 -0
- package/src/components/form/utils/form-field.ts +42 -0
- package/src/components/input/hooks/index.ts +1 -4
- package/src/components/input/hooks/useDigitField.ts +63 -0
- package/src/components/input/img/calendar/calendar.svg +7 -0
- package/src/components/input/img/calendar/chevron-down.svg +3 -0
- package/src/components/input/img/calendar/chevron-left.svg +3 -0
- package/src/components/input/img/calendar/chevron-right.svg +3 -0
- package/src/components/input/img/calendar/chevron-up.svg +3 -0
- package/src/components/input/index.tsx +2 -1
- package/src/components/input/markup/calendar/Base.tsx +329 -0
- package/src/components/input/markup/calendar/index.tsx +8 -0
- package/src/components/input/markup/{text/InputUtilityButton.tsx → foundation/Button.tsx} +5 -15
- package/src/components/input/markup/foundation/Input.tsx +245 -0
- package/src/components/input/markup/foundation/SideSlot.tsx +30 -0
- package/src/components/input/markup/foundation/StatusIcon.tsx +21 -0
- package/src/components/input/markup/foundation/Utility.tsx +103 -0
- package/src/components/input/markup/foundation/index.tsx +15 -0
- package/src/components/input/markup/index.tsx +11 -1
- package/src/components/input/markup/text/AuthCode.tsx +41 -59
- package/src/components/input/markup/text/Email.tsx +25 -115
- package/src/components/input/markup/text/Password.tsx +30 -39
- package/src/components/input/markup/text/Phone.tsx +35 -122
- package/src/components/input/markup/text/Search.tsx +17 -18
- package/src/components/input/markup/text/index.ts +15 -12
- package/src/components/input/styles/calendar.scss +110 -0
- package/src/components/input/styles/foundation.scss +345 -0
- package/src/components/input/styles/index.scss +4 -476
- package/src/components/input/styles/text.scss +89 -0
- package/src/components/input/styles/variables.scss +41 -0
- package/src/components/input/types/calendar.ts +208 -0
- package/src/components/input/types/foundation.ts +194 -0
- package/src/components/input/types/hooks.ts +43 -0
- package/src/components/input/types/index.ts +5 -87
- package/src/components/input/types/text.ts +203 -0
- package/src/components/input/types/verification.ts +23 -0
- package/src/components/input/utils/index.tsx +1 -0
- package/src/components/input/utils/verification.tsx +35 -0
- package/src/components/select/hooks/index.ts +43 -2
- package/src/components/select/img/chevron/primary/large.svg +3 -0
- package/src/components/select/img/chevron/primary/medium.svg +3 -0
- package/src/components/select/img/chevron/primary/small.svg +3 -0
- package/src/components/select/img/chevron/secondary/large.svg +3 -0
- package/src/components/select/img/chevron/secondary/medium.svg +3 -0
- package/src/components/select/img/chevron/secondary/small.svg +3 -0
- package/src/components/select/img/remove.svg +3 -0
- package/src/components/select/index.scss +2 -1
- package/src/components/select/index.tsx +5 -0
- package/src/components/select/markup/Default.tsx +154 -0
- package/src/components/select/markup/foundation/Base.tsx +90 -0
- package/src/components/select/markup/foundation/Container.tsx +30 -0
- package/src/components/select/markup/foundation/Icon.tsx +78 -0
- package/src/components/select/markup/foundation/Selected.tsx +34 -0
- package/src/components/select/markup/foundation/index.ts +2 -0
- package/src/components/select/markup/index.tsx +36 -2
- package/src/components/select/markup/multiple/Multiple.tsx +205 -0
- package/src/components/select/markup/multiple/SelectedChip.tsx +58 -0
- package/src/components/select/markup/multiple/index.ts +2 -0
- package/src/components/select/styles/select.scss +316 -0
- package/src/components/select/styles/variables.scss +91 -0
- package/src/components/select/types/base.ts +34 -0
- package/src/components/select/types/icon.ts +45 -0
- package/src/components/select/types/index.ts +6 -4
- package/src/components/select/types/multiple.ts +57 -0
- package/src/components/select/types/option.ts +43 -0
- package/src/components/select/types/props.ts +209 -0
- package/src/components/select/types/trigger.ts +196 -0
- package/src/index.scss +3 -2
- package/src/components/input/markup/text/Base.tsx +0 -454
- package/src/components/input/utils/index.ts +0 -60
- package/src/components/select/styles/index.scss +0 -0
- /package/src/components/button/markup/{ButtonDefault.tsx → Base.tsx} +0 -0
- /package/src/components/form/{Provider.tsx → markup/Provider.tsx} +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniai-fe/uds-primitives",
|
|
3
|
-
"version": "0.1
|
|
3
|
+
"version": "0.2.1",
|
|
4
4
|
"description": "UNIAI Design System; Primitives Components Package",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"private": false,
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"publishConfig": {
|
|
15
15
|
"access": "public"
|
|
16
16
|
},
|
|
17
|
-
"packageManager": "pnpm@10.28.
|
|
17
|
+
"packageManager": "pnpm@10.28.2",
|
|
18
18
|
"engines": {
|
|
19
19
|
"node": ">=24",
|
|
20
20
|
"pnpm": ">=10"
|
|
@@ -53,23 +53,20 @@
|
|
|
53
53
|
"design-primitives:dev": "pnpm run dev"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
|
+
"@radix-ui/react-visually-hidden": "^1.2.4",
|
|
56
57
|
"@uniai-fe/uds-foundation": "^0.1.0",
|
|
57
58
|
"@uniai-fe/util-functions": "^0.2.3",
|
|
58
|
-
"@radix-ui/react-visually-hidden": "^1.2.4",
|
|
59
59
|
"react": "^19",
|
|
60
60
|
"react-dom": "^19",
|
|
61
61
|
"react-hook-form": "^7"
|
|
62
62
|
},
|
|
63
63
|
"dependencies": {
|
|
64
|
-
"@mantine/
|
|
65
|
-
"@mantine/
|
|
66
|
-
"@mantine/hooks": "^8.3.12",
|
|
64
|
+
"@mantine/dates": "^8.3.14",
|
|
65
|
+
"@mantine/hooks": "^8.3.14",
|
|
67
66
|
"@radix-ui/react-checkbox": "^1.3.3",
|
|
68
|
-
"@radix-ui/react-
|
|
69
|
-
"@radix-ui/react-toggle-group": "^1.1.11",
|
|
70
|
-
"@radix-ui/react-primitive": "^2.1.4",
|
|
67
|
+
"@radix-ui/react-dropdown-menu": "^2.1.16",
|
|
71
68
|
"@radix-ui/react-radio-group": "^1.3.8",
|
|
72
|
-
"@radix-ui/react-
|
|
69
|
+
"@radix-ui/react-tabs": "^1.1.13",
|
|
73
70
|
"clsx": "^2.1.1",
|
|
74
71
|
"dayjs": "^1.11.19"
|
|
75
72
|
},
|
|
@@ -77,17 +74,17 @@
|
|
|
77
74
|
"@radix-ui/react-visually-hidden": "^1.2.4",
|
|
78
75
|
"@svgr/webpack": "^8.1.0",
|
|
79
76
|
"@types/node": "^24.10.2",
|
|
80
|
-
"@types/react": "^19.2.
|
|
77
|
+
"@types/react": "^19.2.11",
|
|
81
78
|
"@types/react-dom": "^19.2.3",
|
|
82
79
|
"@uniai-fe/eslint-config": "workspace:*",
|
|
83
80
|
"@uniai-fe/next-devkit": "workspace:*",
|
|
84
|
-
"@uniai-fe/uds-foundation": "workspace:*",
|
|
85
81
|
"@uniai-fe/tsconfig": "workspace:*",
|
|
82
|
+
"@uniai-fe/uds-foundation": "workspace:*",
|
|
86
83
|
"@uniai-fe/util-functions": "workspace:*",
|
|
87
84
|
"eslint": "^9.39.2",
|
|
88
|
-
"prettier": "^3.
|
|
89
|
-
"react-hook-form": "^7.71.
|
|
90
|
-
"sass": "^1.97.
|
|
85
|
+
"prettier": "^3.8.1",
|
|
86
|
+
"react-hook-form": "^7.71.1",
|
|
87
|
+
"sass": "^1.97.3",
|
|
91
88
|
"typescript": "~5.9.3"
|
|
92
89
|
}
|
|
93
90
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { forwardRef } from "react";
|
|
2
2
|
import clsx from "clsx";
|
|
3
3
|
import type { RoundButtonProps } from "../types";
|
|
4
|
-
import { ButtonDefault } from "./
|
|
4
|
+
import { ButtonDefault } from "./Base";
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* 원형 버튼 템플릿. size만 받으면 적절한 scale을 선택하고 라운드 전용 className을 적용한다.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { forwardRef } from "react";
|
|
2
2
|
import clsx from "clsx";
|
|
3
3
|
import type { TextButtonProps } from "../types";
|
|
4
|
-
import { ButtonDefault } from "./
|
|
4
|
+
import { ButtonDefault } from "./Base";
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* 텍스트 링크형 버튼 템플릿. size/priority 조합만 노출하고 나머지는 ButtonDefault에서 처리한다.
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { ButtonDefault } from "./
|
|
2
|
-
export { ButtonText } from "./
|
|
3
|
-
export { ButtonRounded } from "./
|
|
1
|
+
export { ButtonDefault } from "./Base";
|
|
2
|
+
export { ButtonText } from "./Text";
|
|
3
|
+
export { ButtonRounded } from "./Rounded";
|