@uniai-fe/uds-primitives 0.6.2 → 0.6.4
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniai-fe/uds-primitives",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.4",
|
|
4
4
|
"description": "UNIAI Design System; Primitives Components Package",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"private": false,
|
|
@@ -60,10 +60,10 @@
|
|
|
60
60
|
"@mantine/core": "^8",
|
|
61
61
|
"@mantine/dates": "^8",
|
|
62
62
|
"@mantine/hooks": "^8",
|
|
63
|
-
"@uniai-fe/uds-foundation": "^0.
|
|
63
|
+
"@uniai-fe/uds-foundation": "^0.4.2",
|
|
64
64
|
"@uniai-fe/util-functions": "^0.2.3",
|
|
65
65
|
"react": "^19",
|
|
66
|
-
"react-daum-postcode": "^
|
|
66
|
+
"react-daum-postcode": "^4.0.0",
|
|
67
67
|
"react-dom": "^19",
|
|
68
68
|
"react-hook-form": "^7",
|
|
69
69
|
"@radix-ui/react-checkbox": "^1.3.3",
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"@radix-ui/react-tooltip": "^1.2.8",
|
|
75
75
|
"@radix-ui/react-visually-hidden": "^1.2.4",
|
|
76
76
|
"clsx": "^2.1.1",
|
|
77
|
-
"dayjs": "^1.11.
|
|
77
|
+
"dayjs": "^1.11.20"
|
|
78
78
|
},
|
|
79
79
|
"dependencies": {
|
|
80
80
|
"@radix-ui/react-checkbox": "^1.3.3",
|
|
@@ -6,6 +6,7 @@ import type { AlternateLayoutContainerProps } from "../types";
|
|
|
6
6
|
* @component
|
|
7
7
|
* @param {AlternateLayoutContainerProps} props
|
|
8
8
|
* @param {string} [props.className] 루트 className override다.
|
|
9
|
+
* @param {string} [props.data-edge-case] edge-case variant를 DOM data attribute로 전달하는 값이다.
|
|
9
10
|
* @param {React.ReactNode} [props.children] layout 내부 콘텐츠다.
|
|
10
11
|
* @example
|
|
11
12
|
* <Alternate.Layout.Container>
|
|
@@ -14,10 +15,15 @@ import type { AlternateLayoutContainerProps } from "../types";
|
|
|
14
15
|
*/
|
|
15
16
|
export default function AlternateLayoutContainer({
|
|
16
17
|
className,
|
|
18
|
+
"data-edge-case": dataEdgeCase,
|
|
17
19
|
children,
|
|
18
20
|
}: AlternateLayoutContainerProps) {
|
|
19
21
|
return (
|
|
20
|
-
<section
|
|
22
|
+
<section
|
|
23
|
+
className={clsx("alternate-layout", className)}
|
|
24
|
+
data-edge-case={dataEdgeCase}
|
|
25
|
+
>
|
|
26
|
+
{/* 변경: templates edge-case preset selector가 실제 DOM data attribute를 기준으로 매칭되도록 전달한다. */}
|
|
21
27
|
{children}
|
|
22
28
|
</section>
|
|
23
29
|
);
|
|
@@ -4,6 +4,7 @@ import type { ButtonProps } from "../../button/types";
|
|
|
4
4
|
/**
|
|
5
5
|
* Alternate Layout Container Props; edge-case anatomy 루트 props
|
|
6
6
|
* @property {string} [className] 루트 className override다.
|
|
7
|
+
* @property {string} ["data-edge-case"] edge-case variant를 DOM data attribute로 전달하는 값이다.
|
|
7
8
|
* @property {ReactNode} [children] layout 내부 콘텐츠다.
|
|
8
9
|
*/
|
|
9
10
|
export interface AlternateLayoutContainerProps {
|
|
@@ -11,6 +12,10 @@ export interface AlternateLayoutContainerProps {
|
|
|
11
12
|
* 루트 className override다.
|
|
12
13
|
*/
|
|
13
14
|
className?: string;
|
|
15
|
+
/**
|
|
16
|
+
* edge-case variant를 DOM data attribute로 전달하는 값이다.
|
|
17
|
+
*/
|
|
18
|
+
"data-edge-case"?: string;
|
|
14
19
|
/**
|
|
15
20
|
* layout 내부 콘텐츠다.
|
|
16
21
|
*/
|