@stn-uiux/pub-ui 0.1.74 → 0.1.76
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/chunk-3CYSR7V4.js +149 -0
- package/dist/chunk-3CYSR7V4.js.map +1 -0
- package/dist/chunk-RY53LLWK.js +9 -0
- package/dist/chunk-RY53LLWK.js.map +1 -0
- package/dist/data/index.js +2 -2
- package/dist/data/stnLogin.d.ts +2 -2
- package/dist/data/stnLogin.js +2 -1
- package/dist/data/stnPackageVersion.d.ts +2 -2
- package/dist/data/stnPackageVersion.js +1 -1
- package/dist/index.js +2 -2
- package/package.json +1 -1
- package/dist/chunk-AWJXDCX2.js +0 -151
- package/dist/chunk-AWJXDCX2.js.map +0 -1
- package/dist/chunk-DOD5KA5Y.js +0 -9
- package/dist/chunk-DOD5KA5Y.js.map +0 -1
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
import {
|
|
2
|
+
STN_LAYER0_BACKGROUND_DEMO_IMAGES
|
|
3
|
+
} from "./chunk-NGUMR3D6.js";
|
|
4
|
+
|
|
5
|
+
// src/data/stnLogin.ts
|
|
6
|
+
var STN_LOGIN_FIGMA = "40004209:78293";
|
|
7
|
+
var STN_LOGIN_ASSETS = {
|
|
8
|
+
backgroundLight: STN_LAYER0_BACKGROUND_DEMO_IMAGES.loginLight,
|
|
9
|
+
backgroundDark: STN_LAYER0_BACKGROUND_DEMO_IMAGES.loginDark
|
|
10
|
+
};
|
|
11
|
+
var STN_LOGIN_INTRO = "\uB85C\uADF8\uC778 \uD398\uC774\uC9C0\uB294 LoginPageScaffold(\uD398\uC774\uC9C0) + StnLayer0BackgroundPreset(\uBC14\uB2E5) + StnLoginCard(\uCE74\uB4DC)\uC785\uB2C8\uB2E4. \uBC30\uACBD\xB7\uB85C\uACE0\uB294 \uAC01 \uCEF4\uD3EC\uB10C\uD2B8\uC758 variant\uB97C \uBC14\uAFD4 \uC7A1\uC2B5\uB2C8\uB2E4. onLogin\uB9CC \uB118\uAE30\uBA74 \uAE30\uBCF8 \uC870\uB9BD(login \uBC30\uACBD \xB7 \uAC00\uB85C XL \uB85C\uACE0)\uC774 \uB4E4\uC5B4\uAC11\uB2C8\uB2E4.";
|
|
12
|
+
var STN_LOGIN_USAGE = `import { useState, type FormEvent } from 'react'
|
|
13
|
+
import {
|
|
14
|
+
LoginPageScaffold,
|
|
15
|
+
StnLayer0BackgroundPreset,
|
|
16
|
+
StnLoginCard,
|
|
17
|
+
StnLoginBrandStack,
|
|
18
|
+
StnLoginFormStack,
|
|
19
|
+
StnLoginFormFields,
|
|
20
|
+
StnLoginFormLinks,
|
|
21
|
+
StnLoginTextField,
|
|
22
|
+
StnLogo,
|
|
23
|
+
StnSegmented,
|
|
24
|
+
StnButton,
|
|
25
|
+
} from '@stn-uiux/pub-ui-react'
|
|
26
|
+
|
|
27
|
+
function LoginPage() {
|
|
28
|
+
const [mode, setMode] = useState<'normal' | 'social'>('normal')
|
|
29
|
+
const [userId, setUserId] = useState('')
|
|
30
|
+
const [password, setPassword] = useState('')
|
|
31
|
+
|
|
32
|
+
function handleSubmit(e: FormEvent) {
|
|
33
|
+
e.preventDefault()
|
|
34
|
+
// \uB85C\uADF8\uC778 API \uD638\uCD9C
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
return (
|
|
38
|
+
<LoginPageScaffold
|
|
39
|
+
layer0={<StnLayer0BackgroundPreset variant="login" />}
|
|
40
|
+
cardGlow={true}
|
|
41
|
+
>
|
|
42
|
+
<StnLoginCard
|
|
43
|
+
glow={true}
|
|
44
|
+
brand={
|
|
45
|
+
<StnLoginBrandStack>
|
|
46
|
+
<StnLogo variant="vertical" size="xl" />
|
|
47
|
+
<p className="stn-login-card__caption">Server Resource Monitoring</p>
|
|
48
|
+
</StnLoginBrandStack>
|
|
49
|
+
}
|
|
50
|
+
>
|
|
51
|
+
<StnLoginFormStack onSubmit={handleSubmit}>
|
|
52
|
+
<StnSegmented
|
|
53
|
+
aria-label="\uB85C\uADF8\uC778 \uBC29\uC2DD"
|
|
54
|
+
value={mode}
|
|
55
|
+
onChange={(v) => setMode(v as 'normal' | 'social')}
|
|
56
|
+
options={[
|
|
57
|
+
{ value: 'normal', label: '\uC77C\uBC18 \uB85C\uADF8\uC778' },
|
|
58
|
+
{ value: 'social', label: '\uC18C\uC15C \uB85C\uADF8\uC778' },
|
|
59
|
+
]}
|
|
60
|
+
/>
|
|
61
|
+
{mode === 'normal' && (
|
|
62
|
+
<StnLoginFormFields>
|
|
63
|
+
<StnLoginTextField
|
|
64
|
+
icon="line/user"
|
|
65
|
+
name="username"
|
|
66
|
+
autoComplete="username"
|
|
67
|
+
placeholder="\uC544\uC774\uB514"
|
|
68
|
+
value={userId}
|
|
69
|
+
onChange={(e) => setUserId(e.target.value)}
|
|
70
|
+
aria-label="\uC544\uC774\uB514"
|
|
71
|
+
/>
|
|
72
|
+
<StnLoginTextField
|
|
73
|
+
icon="line/lock"
|
|
74
|
+
type="password"
|
|
75
|
+
name="password"
|
|
76
|
+
autoComplete="current-password"
|
|
77
|
+
placeholder="\uBE44\uBC00\uBC88\uD638"
|
|
78
|
+
value={password}
|
|
79
|
+
onChange={(e) => setPassword(e.target.value)}
|
|
80
|
+
aria-label="\uBE44\uBC00\uBC88\uD638"
|
|
81
|
+
/>
|
|
82
|
+
</StnLoginFormFields>
|
|
83
|
+
)}
|
|
84
|
+
<StnButton type="submit" size="xl" fullWidth>
|
|
85
|
+
\uB85C\uADF8\uC778
|
|
86
|
+
</StnButton>
|
|
87
|
+
<StnLoginFormLinks>
|
|
88
|
+
<a href="#signup">\uD68C\uC6D0\uAC00\uC785</a>
|
|
89
|
+
<a href="#recover">\uC544\uC774\uB514 / \uBE44\uBC00\uBC88\uD638 \uCC3E\uAE30</a>
|
|
90
|
+
</StnLoginFormLinks>
|
|
91
|
+
</StnLoginFormStack>
|
|
92
|
+
</StnLoginCard>
|
|
93
|
+
</LoginPageScaffold>
|
|
94
|
+
)
|
|
95
|
+
}`;
|
|
96
|
+
var STN_LOGIN_HTML = `<div class="stn-wrap stn-page--login" data-stn-layer-mode="v2">
|
|
97
|
+
<div class="stn-layer0-bg image" aria-hidden="true"><!-- L0 login --></div>
|
|
98
|
+
<main class="stn-elev-1" data-stn-layer-role="content">
|
|
99
|
+
<div class="stn-login">
|
|
100
|
+
<div class="stn-login-card">
|
|
101
|
+
<div class="stn-login-card__brand">
|
|
102
|
+
<div class="stn-login-brand-stack">
|
|
103
|
+
<span class="stn-logo horizontal xl">
|
|
104
|
+
<img class="stn-logo__img light" src="/@assets/svg/brand/infomap-logo-full.png" alt="InfoMap SRM" />
|
|
105
|
+
<img class="stn-logo__img dark" src="/@assets/svg/brand/infomap-logo-full-dark.png" alt="" />
|
|
106
|
+
</span>
|
|
107
|
+
<p class="stn-login-card__caption">Server Resource Monitoring</p>
|
|
108
|
+
</div>
|
|
109
|
+
</div>
|
|
110
|
+
<div class="stn-login-card__form">
|
|
111
|
+
<form class="stn-login-form-stack">
|
|
112
|
+
<div class="stn-segmented" role="radiogroup" aria-label="\uB85C\uADF8\uC778 \uBC29\uC2DD">
|
|
113
|
+
<button type="button" class="stn-segmented__item active" role="radio" aria-checked="true">\uC77C\uBC18 \uB85C\uADF8\uC778</button>
|
|
114
|
+
<button type="button" class="stn-segmented__item" role="radio" aria-checked="false">\uC18C\uC15C \uB85C\uADF8\uC778</button>
|
|
115
|
+
</div>
|
|
116
|
+
<div class="stn-login-form-fields">
|
|
117
|
+
<div class="stn-login-text-field">
|
|
118
|
+
<span class="stn-icon-box md stn-login-text-field__icon-box" aria-hidden>
|
|
119
|
+
<span class="stn-icon stn-icon--masked" style="background-color: currentColor; width: 16px; height: 16px;"></span>
|
|
120
|
+
</span>
|
|
121
|
+
<input type="text" class="stn-login-text-field__control" placeholder="\uC544\uC774\uB514" autocomplete="username" />
|
|
122
|
+
</div>
|
|
123
|
+
<div class="stn-login-text-field">
|
|
124
|
+
<span class="stn-icon-box md stn-login-text-field__icon-box" aria-hidden>
|
|
125
|
+
<span class="stn-icon stn-icon--masked" style="background-color: currentColor; width: 16px; height: 16px;"></span>
|
|
126
|
+
</span>
|
|
127
|
+
<input type="password" class="stn-login-text-field__control" placeholder="\uBE44\uBC00\uBC88\uD638" autocomplete="current-password" />
|
|
128
|
+
</div>
|
|
129
|
+
</div>
|
|
130
|
+
<button type="submit" class="stn-btn contained xl full">\uB85C\uADF8\uC778</button>
|
|
131
|
+
<nav class="stn-login-form-links" aria-label="\uACC4\uC815 \uAD00\uB9AC \uB9C1\uD06C">
|
|
132
|
+
<a href="#signup">\uD68C\uC6D0\uAC00\uC785</a>
|
|
133
|
+
<a href="#recover">\uC544\uC774\uB514 / \uBE44\uBC00\uBC88\uD638 \uCC3E\uAE30</a>
|
|
134
|
+
</nav>
|
|
135
|
+
</form>
|
|
136
|
+
</div>
|
|
137
|
+
</div>
|
|
138
|
+
</div>
|
|
139
|
+
</main>
|
|
140
|
+
</div>`;
|
|
141
|
+
|
|
142
|
+
export {
|
|
143
|
+
STN_LOGIN_FIGMA,
|
|
144
|
+
STN_LOGIN_ASSETS,
|
|
145
|
+
STN_LOGIN_INTRO,
|
|
146
|
+
STN_LOGIN_USAGE,
|
|
147
|
+
STN_LOGIN_HTML
|
|
148
|
+
};
|
|
149
|
+
//# sourceMappingURL=chunk-3CYSR7V4.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/data/stnLogin.ts"],"sourcesContent":["/**\n * Pub login screen — Figma 40004209:78293\n * L0 image + L1 centered card · no L2 GNB\n */\n\nimport { STN_LAYER0_BACKGROUND_DEMO_IMAGES } from './stnLayer0BackgroundAssets'\n\nexport const STN_LOGIN_FIGMA = '40004209:78293'\n\nexport const STN_LOGIN_ASSETS = {\n backgroundLight: STN_LAYER0_BACKGROUND_DEMO_IMAGES.loginLight,\n backgroundDark: STN_LAYER0_BACKGROUND_DEMO_IMAGES.loginDark,\n} as const\n\nexport const STN_LOGIN_INTRO =\n '로그인 페이지는 LoginPageScaffold(페이지) + StnLayer0BackgroundPreset(바닥) + StnLoginCard(카드)입니다. 배경·로고는 각 컴포넌트의 variant를 바꿔 잡습니다. onLogin만 넘기면 기본 조립(login 배경 · 가로 XL 로고)이 들어갑니다.'\n\nexport const STN_LOGIN_USAGE = `import { useState, type FormEvent } from 'react'\nimport {\n LoginPageScaffold,\n StnLayer0BackgroundPreset,\n StnLoginCard,\n StnLoginBrandStack,\n StnLoginFormStack,\n StnLoginFormFields,\n StnLoginFormLinks,\n StnLoginTextField,\n StnLogo,\n StnSegmented,\n StnButton,\n} from '@stn-uiux/pub-ui-react'\n\nfunction LoginPage() {\n const [mode, setMode] = useState<'normal' | 'social'>('normal')\n const [userId, setUserId] = useState('')\n const [password, setPassword] = useState('')\n\n function handleSubmit(e: FormEvent) {\n e.preventDefault()\n // 로그인 API 호출\n }\n\n return (\n <LoginPageScaffold\n layer0={<StnLayer0BackgroundPreset variant=\"login\" />}\n cardGlow={true}\n >\n <StnLoginCard\n glow={true}\n brand={\n <StnLoginBrandStack>\n <StnLogo variant=\"vertical\" size=\"xl\" />\n <p className=\"stn-login-card__caption\">Server Resource Monitoring</p>\n </StnLoginBrandStack>\n }\n >\n <StnLoginFormStack onSubmit={handleSubmit}>\n <StnSegmented\n aria-label=\"로그인 방식\"\n value={mode}\n onChange={(v) => setMode(v as 'normal' | 'social')}\n options={[\n { value: 'normal', label: '일반 로그인' },\n { value: 'social', label: '소셜 로그인' },\n ]}\n />\n {mode === 'normal' && (\n <StnLoginFormFields>\n <StnLoginTextField\n icon=\"line/user\"\n name=\"username\"\n autoComplete=\"username\"\n placeholder=\"아이디\"\n value={userId}\n onChange={(e) => setUserId(e.target.value)}\n aria-label=\"아이디\"\n />\n <StnLoginTextField\n icon=\"line/lock\"\n type=\"password\"\n name=\"password\"\n autoComplete=\"current-password\"\n placeholder=\"비밀번호\"\n value={password}\n onChange={(e) => setPassword(e.target.value)}\n aria-label=\"비밀번호\"\n />\n </StnLoginFormFields>\n )}\n <StnButton type=\"submit\" size=\"xl\" fullWidth>\n 로그인\n </StnButton>\n <StnLoginFormLinks>\n <a href=\"#signup\">회원가입</a>\n <a href=\"#recover\">아이디 / 비밀번호 찾기</a>\n </StnLoginFormLinks>\n </StnLoginFormStack>\n </StnLoginCard>\n </LoginPageScaffold>\n )\n}`\n\nexport const STN_LOGIN_HTML = `<div class=\"stn-wrap stn-page--login\" data-stn-layer-mode=\"v2\">\n <div class=\"stn-layer0-bg image\" aria-hidden=\"true\"><!-- L0 login --></div>\n <main class=\"stn-elev-1\" data-stn-layer-role=\"content\">\n <div class=\"stn-login\">\n <div class=\"stn-login-card\">\n <div class=\"stn-login-card__brand\">\n <div class=\"stn-login-brand-stack\">\n <span class=\"stn-logo horizontal xl\">\n <img class=\"stn-logo__img light\" src=\"/@assets/svg/brand/infomap-logo-full.png\" alt=\"InfoMap SRM\" />\n <img class=\"stn-logo__img dark\" src=\"/@assets/svg/brand/infomap-logo-full-dark.png\" alt=\"\" />\n </span>\n <p class=\"stn-login-card__caption\">Server Resource Monitoring</p>\n </div>\n </div>\n <div class=\"stn-login-card__form\">\n <form class=\"stn-login-form-stack\">\n <div class=\"stn-segmented\" role=\"radiogroup\" aria-label=\"로그인 방식\">\n <button type=\"button\" class=\"stn-segmented__item active\" role=\"radio\" aria-checked=\"true\">일반 로그인</button>\n <button type=\"button\" class=\"stn-segmented__item\" role=\"radio\" aria-checked=\"false\">소셜 로그인</button>\n </div>\n <div class=\"stn-login-form-fields\">\n <div class=\"stn-login-text-field\">\n <span class=\"stn-icon-box md stn-login-text-field__icon-box\" aria-hidden>\n <span class=\"stn-icon stn-icon--masked\" style=\"background-color: currentColor; width: 16px; height: 16px;\"></span>\n </span>\n <input type=\"text\" class=\"stn-login-text-field__control\" placeholder=\"아이디\" autocomplete=\"username\" />\n </div>\n <div class=\"stn-login-text-field\">\n <span class=\"stn-icon-box md stn-login-text-field__icon-box\" aria-hidden>\n <span class=\"stn-icon stn-icon--masked\" style=\"background-color: currentColor; width: 16px; height: 16px;\"></span>\n </span>\n <input type=\"password\" class=\"stn-login-text-field__control\" placeholder=\"비밀번호\" autocomplete=\"current-password\" />\n </div>\n </div>\n <button type=\"submit\" class=\"stn-btn contained xl full\">로그인</button>\n <nav class=\"stn-login-form-links\" aria-label=\"계정 관리 링크\">\n <a href=\"#signup\">회원가입</a>\n <a href=\"#recover\">아이디 / 비밀번호 찾기</a>\n </nav>\n </form>\n </div>\n </div>\n </div>\n </main>\n</div>`\n"],"mappings":";;;;;AAOO,IAAM,kBAAkB;AAExB,IAAM,mBAAmB;AAAA,EAC9B,iBAAiB,kCAAkC;AAAA,EACnD,gBAAgB,kCAAkC;AACpD;AAEO,IAAM,kBACX;AAEK,IAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqFxB,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/data/stnPackageVersion.ts"],"sourcesContent":["/** Package version constants */\nexport const STN_UI_VERSION = '0.1.76'\nexport const STN_UI_VERSION_LABEL = 'v0.1.76'\n"],"mappings":";AACO,IAAM,iBAAiB;AACvB,IAAM,uBAAuB;","names":[]}
|
package/dist/data/index.js
CHANGED
|
@@ -118,7 +118,7 @@ import {
|
|
|
118
118
|
STN_LOGIN_HTML,
|
|
119
119
|
STN_LOGIN_INTRO,
|
|
120
120
|
STN_LOGIN_USAGE
|
|
121
|
-
} from "../chunk-
|
|
121
|
+
} from "../chunk-3CYSR7V4.js";
|
|
122
122
|
import {
|
|
123
123
|
STN_MAP_DASHBOARD_OPTION_ROWS
|
|
124
124
|
} from "../chunk-3DAZMM4T.js";
|
|
@@ -136,7 +136,7 @@ import {
|
|
|
136
136
|
import {
|
|
137
137
|
STN_UI_VERSION,
|
|
138
138
|
STN_UI_VERSION_LABEL
|
|
139
|
-
} from "../chunk-
|
|
139
|
+
} from "../chunk-RY53LLWK.js";
|
|
140
140
|
import {
|
|
141
141
|
STN_PAGE_ENTER_MOTION_INTRO,
|
|
142
142
|
STN_PAGE_ENTER_MOTION_ROWS,
|
package/dist/data/stnLogin.d.ts
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
*/
|
|
5
5
|
declare const STN_LOGIN_FIGMA = "40004209:78293";
|
|
6
6
|
declare const STN_LOGIN_ASSETS: {
|
|
7
|
-
readonly backgroundLight:
|
|
8
|
-
readonly backgroundDark:
|
|
7
|
+
readonly backgroundLight: "https://stn-design.vercel.app/images/layer0/login-light.png";
|
|
8
|
+
readonly backgroundDark: "https://stn-design.vercel.app/images/layer0/login-dark.png";
|
|
9
9
|
};
|
|
10
10
|
declare const STN_LOGIN_INTRO = "\uB85C\uADF8\uC778 \uD398\uC774\uC9C0\uB294 LoginPageScaffold(\uD398\uC774\uC9C0) + StnLayer0BackgroundPreset(\uBC14\uB2E5) + StnLoginCard(\uCE74\uB4DC)\uC785\uB2C8\uB2E4. \uBC30\uACBD\u00B7\uB85C\uACE0\uB294 \uAC01 \uCEF4\uD3EC\uB10C\uD2B8\uC758 variant\uB97C \uBC14\uAFD4 \uC7A1\uC2B5\uB2C8\uB2E4. onLogin\uB9CC \uB118\uAE30\uBA74 \uAE30\uBCF8 \uC870\uB9BD(login \uBC30\uACBD \u00B7 \uAC00\uB85C XL \uB85C\uACE0)\uC774 \uB4E4\uC5B4\uAC11\uB2C8\uB2E4.";
|
|
11
11
|
declare const STN_LOGIN_USAGE = "import { useState, type FormEvent } from 'react'\nimport {\n LoginPageScaffold,\n StnLayer0BackgroundPreset,\n StnLoginCard,\n StnLoginBrandStack,\n StnLoginFormStack,\n StnLoginFormFields,\n StnLoginFormLinks,\n StnLoginTextField,\n StnLogo,\n StnSegmented,\n StnButton,\n} from '@stn-uiux/pub-ui-react'\n\nfunction LoginPage() {\n const [mode, setMode] = useState<'normal' | 'social'>('normal')\n const [userId, setUserId] = useState('')\n const [password, setPassword] = useState('')\n\n function handleSubmit(e: FormEvent) {\n e.preventDefault()\n // \uB85C\uADF8\uC778 API \uD638\uCD9C\n }\n\n return (\n <LoginPageScaffold\n layer0={<StnLayer0BackgroundPreset variant=\"login\" />}\n cardGlow={true}\n >\n <StnLoginCard\n glow={true}\n brand={\n <StnLoginBrandStack>\n <StnLogo variant=\"vertical\" size=\"xl\" />\n <p className=\"stn-login-card__caption\">Server Resource Monitoring</p>\n </StnLoginBrandStack>\n }\n >\n <StnLoginFormStack onSubmit={handleSubmit}>\n <StnSegmented\n aria-label=\"\uB85C\uADF8\uC778 \uBC29\uC2DD\"\n value={mode}\n onChange={(v) => setMode(v as 'normal' | 'social')}\n options={[\n { value: 'normal', label: '\uC77C\uBC18 \uB85C\uADF8\uC778' },\n { value: 'social', label: '\uC18C\uC15C \uB85C\uADF8\uC778' },\n ]}\n />\n {mode === 'normal' && (\n <StnLoginFormFields>\n <StnLoginTextField\n icon=\"line/user\"\n name=\"username\"\n autoComplete=\"username\"\n placeholder=\"\uC544\uC774\uB514\"\n value={userId}\n onChange={(e) => setUserId(e.target.value)}\n aria-label=\"\uC544\uC774\uB514\"\n />\n <StnLoginTextField\n icon=\"line/lock\"\n type=\"password\"\n name=\"password\"\n autoComplete=\"current-password\"\n placeholder=\"\uBE44\uBC00\uBC88\uD638\"\n value={password}\n onChange={(e) => setPassword(e.target.value)}\n aria-label=\"\uBE44\uBC00\uBC88\uD638\"\n />\n </StnLoginFormFields>\n )}\n <StnButton type=\"submit\" size=\"xl\" fullWidth>\n \uB85C\uADF8\uC778\n </StnButton>\n <StnLoginFormLinks>\n <a href=\"#signup\">\uD68C\uC6D0\uAC00\uC785</a>\n <a href=\"#recover\">\uC544\uC774\uB514 / \uBE44\uBC00\uBC88\uD638 \uCC3E\uAE30</a>\n </StnLoginFormLinks>\n </StnLoginFormStack>\n </StnLoginCard>\n </LoginPageScaffold>\n )\n}";
|
package/dist/data/stnLogin.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/** Package version constants */
|
|
2
|
-
declare const STN_UI_VERSION = "0.1.
|
|
3
|
-
declare const STN_UI_VERSION_LABEL = "v0.1.
|
|
2
|
+
declare const STN_UI_VERSION = "0.1.76";
|
|
3
|
+
declare const STN_UI_VERSION_LABEL = "v0.1.76";
|
|
4
4
|
|
|
5
5
|
export { STN_UI_VERSION, STN_UI_VERSION_LABEL };
|
package/dist/index.js
CHANGED
|
@@ -123,7 +123,7 @@ import {
|
|
|
123
123
|
STN_LOGIN_HTML,
|
|
124
124
|
STN_LOGIN_INTRO,
|
|
125
125
|
STN_LOGIN_USAGE
|
|
126
|
-
} from "./chunk-
|
|
126
|
+
} from "./chunk-3CYSR7V4.js";
|
|
127
127
|
import {
|
|
128
128
|
STN_MAP_DASHBOARD_OPTION_ROWS
|
|
129
129
|
} from "./chunk-3DAZMM4T.js";
|
|
@@ -141,7 +141,7 @@ import {
|
|
|
141
141
|
import {
|
|
142
142
|
STN_UI_VERSION,
|
|
143
143
|
STN_UI_VERSION_LABEL
|
|
144
|
-
} from "./chunk-
|
|
144
|
+
} from "./chunk-RY53LLWK.js";
|
|
145
145
|
import {
|
|
146
146
|
STN_PAGE_ENTER_MOTION_INTRO,
|
|
147
147
|
STN_PAGE_ENTER_MOTION_ROWS,
|