@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.
Files changed (114) hide show
  1. package/README.md +2 -2
  2. package/dist/styles.css +1112 -385
  3. package/package.json +12 -15
  4. package/src/components/button/index.scss +1 -0
  5. package/src/components/button/markup/{ButtonRounded.tsx → Rounded.tsx} +1 -1
  6. package/src/components/button/markup/{ButtonText.tsx → Text.tsx} +1 -1
  7. package/src/components/button/markup/index.ts +3 -3
  8. package/src/components/button/styles/button.scss +113 -229
  9. package/src/components/button/styles/round-button.scss +11 -14
  10. package/src/components/button/styles/text-button.scss +23 -23
  11. package/src/components/button/styles/variables.scss +145 -0
  12. package/src/components/dropdown/index.tsx +3 -3
  13. package/src/components/dropdown/markup/Template.tsx +57 -0
  14. package/src/components/dropdown/markup/foundation/Container.tsx +125 -0
  15. package/src/components/dropdown/markup/foundation/MenuItem.tsx +107 -0
  16. package/src/components/dropdown/markup/foundation/MenuList.tsx +27 -0
  17. package/src/components/dropdown/markup/foundation/Provider.tsx +46 -0
  18. package/src/components/dropdown/markup/foundation/Root.tsx +30 -0
  19. package/src/components/dropdown/markup/foundation/Trigger.tsx +34 -0
  20. package/src/components/dropdown/markup/foundation/index.tsx +25 -0
  21. package/src/components/dropdown/markup/index.tsx +8 -2
  22. package/src/components/dropdown/styles/dropdown.scss +166 -0
  23. package/src/components/dropdown/styles/index.scss +2 -0
  24. package/src/components/dropdown/styles/variables.scss +40 -0
  25. package/src/components/dropdown/types/base.ts +31 -0
  26. package/src/components/dropdown/types/index.ts +2 -4
  27. package/src/components/dropdown/types/props.ts +170 -0
  28. package/src/components/dropdown/utils/index.ts +1 -4
  29. package/src/components/dropdown/utils/refs.ts +20 -0
  30. package/src/components/form/index.scss +1 -0
  31. package/src/components/form/index.tsx +18 -2
  32. package/src/components/form/markup/form-field/Body.tsx +18 -0
  33. package/src/components/form/markup/form-field/Container.tsx +58 -0
  34. package/src/components/form/markup/form-field/Footer.tsx +21 -0
  35. package/src/components/form/markup/form-field/Header.tsx +39 -0
  36. package/src/components/form/markup/form-field/Template.tsx +56 -0
  37. package/src/components/form/markup/form-field/index.tsx +22 -0
  38. package/src/components/form/styles/form-field/layout.scss +67 -0
  39. package/src/components/form/styles/form-field/variables.scss +17 -0
  40. package/src/components/form/styles/index.scss +2 -0
  41. package/src/components/form/types/index.ts +1 -0
  42. package/src/components/form/types/props.ts +125 -0
  43. package/src/components/form/utils/form-field.ts +42 -0
  44. package/src/components/input/hooks/index.ts +1 -4
  45. package/src/components/input/hooks/useDigitField.ts +63 -0
  46. package/src/components/input/img/calendar/calendar.svg +7 -0
  47. package/src/components/input/img/calendar/chevron-down.svg +3 -0
  48. package/src/components/input/img/calendar/chevron-left.svg +3 -0
  49. package/src/components/input/img/calendar/chevron-right.svg +3 -0
  50. package/src/components/input/img/calendar/chevron-up.svg +3 -0
  51. package/src/components/input/index.tsx +2 -1
  52. package/src/components/input/markup/calendar/Base.tsx +329 -0
  53. package/src/components/input/markup/calendar/index.tsx +8 -0
  54. package/src/components/input/markup/{text/InputUtilityButton.tsx → foundation/Button.tsx} +5 -15
  55. package/src/components/input/markup/foundation/Input.tsx +245 -0
  56. package/src/components/input/markup/foundation/SideSlot.tsx +30 -0
  57. package/src/components/input/markup/foundation/StatusIcon.tsx +21 -0
  58. package/src/components/input/markup/foundation/Utility.tsx +103 -0
  59. package/src/components/input/markup/foundation/index.tsx +15 -0
  60. package/src/components/input/markup/index.tsx +11 -1
  61. package/src/components/input/markup/text/AuthCode.tsx +41 -59
  62. package/src/components/input/markup/text/Email.tsx +25 -115
  63. package/src/components/input/markup/text/Password.tsx +30 -39
  64. package/src/components/input/markup/text/Phone.tsx +35 -122
  65. package/src/components/input/markup/text/Search.tsx +17 -18
  66. package/src/components/input/markup/text/index.ts +15 -12
  67. package/src/components/input/styles/calendar.scss +110 -0
  68. package/src/components/input/styles/foundation.scss +345 -0
  69. package/src/components/input/styles/index.scss +4 -476
  70. package/src/components/input/styles/text.scss +89 -0
  71. package/src/components/input/styles/variables.scss +41 -0
  72. package/src/components/input/types/calendar.ts +208 -0
  73. package/src/components/input/types/foundation.ts +194 -0
  74. package/src/components/input/types/hooks.ts +43 -0
  75. package/src/components/input/types/index.ts +5 -87
  76. package/src/components/input/types/text.ts +203 -0
  77. package/src/components/input/types/verification.ts +23 -0
  78. package/src/components/input/utils/index.tsx +1 -0
  79. package/src/components/input/utils/verification.tsx +35 -0
  80. package/src/components/select/hooks/index.ts +43 -2
  81. package/src/components/select/img/chevron/primary/large.svg +3 -0
  82. package/src/components/select/img/chevron/primary/medium.svg +3 -0
  83. package/src/components/select/img/chevron/primary/small.svg +3 -0
  84. package/src/components/select/img/chevron/secondary/large.svg +3 -0
  85. package/src/components/select/img/chevron/secondary/medium.svg +3 -0
  86. package/src/components/select/img/chevron/secondary/small.svg +3 -0
  87. package/src/components/select/img/remove.svg +3 -0
  88. package/src/components/select/index.scss +2 -1
  89. package/src/components/select/index.tsx +5 -0
  90. package/src/components/select/markup/Default.tsx +154 -0
  91. package/src/components/select/markup/foundation/Base.tsx +90 -0
  92. package/src/components/select/markup/foundation/Container.tsx +30 -0
  93. package/src/components/select/markup/foundation/Icon.tsx +78 -0
  94. package/src/components/select/markup/foundation/Selected.tsx +34 -0
  95. package/src/components/select/markup/foundation/index.ts +2 -0
  96. package/src/components/select/markup/index.tsx +36 -2
  97. package/src/components/select/markup/multiple/Multiple.tsx +205 -0
  98. package/src/components/select/markup/multiple/SelectedChip.tsx +58 -0
  99. package/src/components/select/markup/multiple/index.ts +2 -0
  100. package/src/components/select/styles/select.scss +316 -0
  101. package/src/components/select/styles/variables.scss +91 -0
  102. package/src/components/select/types/base.ts +34 -0
  103. package/src/components/select/types/icon.ts +45 -0
  104. package/src/components/select/types/index.ts +6 -4
  105. package/src/components/select/types/multiple.ts +57 -0
  106. package/src/components/select/types/option.ts +43 -0
  107. package/src/components/select/types/props.ts +209 -0
  108. package/src/components/select/types/trigger.ts +196 -0
  109. package/src/index.scss +3 -2
  110. package/src/components/input/markup/text/Base.tsx +0 -454
  111. package/src/components/input/utils/index.ts +0 -60
  112. package/src/components/select/styles/index.scss +0 -0
  113. /package/src/components/button/markup/{ButtonDefault.tsx → Base.tsx} +0 -0
  114. /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.13",
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.0",
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/core": "^8.3.12",
65
- "@mantine/dates": "^8.3.12",
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-tabs": "^1.1.13",
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-slot": "^1.2.4",
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.8",
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.7.4",
89
- "react-hook-form": "^7.71.0",
90
- "sass": "^1.97.2",
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,3 +1,4 @@
1
+ @use "./styles/variables.scss"; /* 버튼 변수 로딩 */
1
2
  @use "./styles/button.scss";
2
3
  @use "./styles/text-button.scss";
3
4
  @use "./styles/round-button.scss";
@@ -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 "./ButtonDefault";
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 "./ButtonDefault";
4
+ import { ButtonDefault } from "./Base";
5
5
 
6
6
  /**
7
7
  * 텍스트 링크형 버튼 템플릿. size/priority 조합만 노출하고 나머지는 ButtonDefault에서 처리한다.
@@ -1,3 +1,3 @@
1
- export { ButtonDefault } from "./ButtonDefault";
2
- export { ButtonText } from "./ButtonText";
3
- export { ButtonRounded } from "./ButtonRounded";
1
+ export { ButtonDefault } from "./Base";
2
+ export { ButtonText } from "./Text";
3
+ export { ButtonRounded } from "./Rounded";