@uniai-fe/uds-templates 0.12.8 → 0.12.9
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/dist/styles.css
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniai-fe/uds-templates",
|
|
3
|
-
"version": "0.12.
|
|
3
|
+
"version": "0.12.9",
|
|
4
4
|
"description": "UNIAI Design System; UI Templates Package",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"private": false,
|
|
@@ -62,22 +62,22 @@
|
|
|
62
62
|
"@types/react-dom": "^19.2.5",
|
|
63
63
|
"eslint": "^9.39.5",
|
|
64
64
|
"jotai": "^2.20.3",
|
|
65
|
-
"next": "16.
|
|
66
|
-
"prettier": "^3.9.
|
|
65
|
+
"next": "16.4.2",
|
|
66
|
+
"prettier": "^3.9.10",
|
|
67
67
|
"react-hook-form": "^7.86.0",
|
|
68
68
|
"sass": "^1.102.0",
|
|
69
69
|
"typescript": "6.0.3",
|
|
70
|
-
"@uniai-fe/eslint-config": "0.4.4",
|
|
71
70
|
"@uniai-fe/next-devkit": "0.4.1",
|
|
72
|
-
"@uniai-fe/uds-primitives": "0.13.1",
|
|
73
|
-
"@uniai-fe/uds-foundation": "0.6.0",
|
|
74
|
-
"@uniai-fe/tsconfig": "0.2.0",
|
|
75
|
-
"@uniai-fe/react-hooks": "0.3.0",
|
|
76
71
|
"@uniai-fe/util-api": "0.2.1",
|
|
77
72
|
"@uniai-fe/util-functions": "0.4.3",
|
|
78
|
-
"@uniai-fe/
|
|
73
|
+
"@uniai-fe/uds-foundation": "0.6.0",
|
|
74
|
+
"@uniai-fe/uds-primitives": "0.13.2",
|
|
79
75
|
"@uniai-fe/util-next": "0.5.0",
|
|
80
|
-
"@uniai-fe/util-
|
|
76
|
+
"@uniai-fe/util-jotai": "0.3.0",
|
|
77
|
+
"@uniai-fe/util-rtc": "0.2.1",
|
|
78
|
+
"@uniai-fe/eslint-config": "0.4.5",
|
|
79
|
+
"@uniai-fe/tsconfig": "0.2.0",
|
|
80
|
+
"@uniai-fe/react-hooks": "0.3.0"
|
|
81
81
|
},
|
|
82
82
|
"scripts": {
|
|
83
83
|
"check:pre-commit": "pnpm --dir ../../.. run check:pre-commit",
|
|
@@ -1,17 +1,29 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import Image from "next/image";
|
|
4
3
|
import Link, { type LinkProps } from "next/link";
|
|
5
|
-
import
|
|
4
|
+
import LogoutIcon from "../../../img/logout-v2.svg";
|
|
6
5
|
import PageHeaderUtilityItem from "./Item";
|
|
7
6
|
import PageHeaderUtilityButton from "./Button";
|
|
8
7
|
import clsx from "clsx";
|
|
9
8
|
|
|
9
|
+
/**
|
|
10
|
+
* Page Header; 로그아웃 링크 버튼
|
|
11
|
+
* @component
|
|
12
|
+
* @property {string} [className] 최상위 유틸리티 항목의 추가 클래스
|
|
13
|
+
* @property {string} [path="/logout"] 로그아웃 이동 경로
|
|
14
|
+
* @desc 로그아웃 경로의 prefetch를 막고 rem 크기의 SVG 아이콘을 표시한다
|
|
15
|
+
*/
|
|
10
16
|
export default function PageHeaderLogoutButton({
|
|
11
17
|
className,
|
|
12
18
|
path = "/logout",
|
|
13
19
|
}: {
|
|
20
|
+
/**
|
|
21
|
+
* 최상위 유틸리티 항목의 추가 클래스
|
|
22
|
+
*/
|
|
14
23
|
className?: string;
|
|
24
|
+
/**
|
|
25
|
+
* 로그아웃 이동 경로. 기본값은 `/logout`이다.
|
|
26
|
+
*/
|
|
15
27
|
path?: string;
|
|
16
28
|
}) {
|
|
17
29
|
return (
|
|
@@ -23,14 +35,15 @@ export default function PageHeaderLogoutButton({
|
|
|
23
35
|
as={Link}
|
|
24
36
|
className="page-header-logout-button"
|
|
25
37
|
prefetch={false}
|
|
38
|
+
aria-label="로그아웃"
|
|
26
39
|
>
|
|
27
40
|
<figure>
|
|
28
|
-
<
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
41
|
+
<LogoutIcon
|
|
42
|
+
width={24}
|
|
43
|
+
height={24}
|
|
44
|
+
viewBox="0 0 24 24"
|
|
45
|
+
aria-hidden="true"
|
|
46
|
+
focusable="false"
|
|
34
47
|
/>
|
|
35
48
|
</figure>
|
|
36
49
|
</PageHeaderUtilityButton>
|