@stn-uiux/pub-ui 0.1.55 → 0.1.57

package/dist/chunk-DFXOZYYY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/stnLayer0BackgroundAssets.ts"],"sourcesContent":["/**\n * L0 preset images — npm 패키지에 번들 (SSOT: styles/@assets/images/layer0).\n */\nimport mapDark from '../../styles/@assets/images/layer0/map-dark.png'\nimport mapLight from '../../styles/@assets/images/layer0/map-light.png'\nimport showroomADark from '../../styles/@assets/images/layer0/showroom-a-dark.png'\nimport showroomA from '../../styles/@assets/images/layer0/showroom-a-light.png'\nimport showroomBDark from '../../styles/@assets/images/layer0/showroom-b-dark.png'\nimport showroomB from '../../styles/@assets/images/layer0/showroom-b-light.png'\nimport loginDark from '../../styles/@assets/images/layer0/login-dark.png'\nimport login from '../../styles/@assets/images/layer0/login-light.png'\nimport dashboardDark from '../../styles/@assets/images/layer0/dashboard-dark.png'\nimport dashboardLight from '../../styles/@assets/images/layer0/dashboard-light.png'\n\nexport const STN_LAYER0_BACKGROUND_DEMO_IMAGES = {\n  dashboard: dashboardLight,\n  dashboardLight,\n  dashboardDark,\n  showroomA,\n  showroomALight: showroomA,\n  showroomADark,\n  showroomB,\n  showroomBLight: showroomB,\n  showroomBDark,\n  mapLight,\n  mapDark,\n  login,\n  loginLight: login,\n  loginDark,\n} as const\n\n/** Pub CSS @assets 경로 — HTML·vanilla 소비자용 */\nexport const STN_LAYER0_BACKGROUND_ASSET_PATHS = {\n  dashboard: '@assets/images/layer0/dashboard-light.png',\n  dashboardLight: '@assets/images/layer0/dashboard-light.png',\n  dashboardDark: '@assets/images/layer0/dashboard-dark.png',\n  showroomA: '@assets/images/layer0/showroom-a-light.png',\n  showroomALight: '@assets/images/layer0/showroom-a-light.png',\n  showroomADark: '@assets/images/layer0/showroom-a-dark.png',\n  showroomB: '@assets/images/layer0/showroom-b-light.png',\n  showroomBLight: '@assets/images/layer0/showroom-b-light.png',\n  showroomBDark: '@assets/images/layer0/showroom-b-dark.png',\n  mapLight: '@assets/images/layer0/map-light.png',\n  mapDark: '@assets/images/layer0/map-dark.png',\n  login: '@assets/images/layer0/login-light.png',\n  loginLight: '@assets/images/layer0/login-light.png',\n  loginDark: '@assets/images/layer0/login-dark.png',\n} as const\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,IAAM,oCAAoC;AAAA,EAC/C,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACF;AAGO,IAAM,oCAAoC;AAAA,EAC/C,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,WAAW;AACb;","names":[]}

package/dist/chunk-NIMEKZW6.js

@@ -1,150 +0,0 @@
-import {
-  login_dark_default,
-  login_light_default
-} from "./chunk-OKSQLPEC.js";
-
-// src/data/stnLogin.ts
-var STN_LOGIN_FIGMA = "40004209:78293";
-var STN_LOGIN_ASSETS = {
-  backgroundLight: login_light_default,
-  backgroundDark: login_dark_default
-};
-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.";
-var STN_LOGIN_USAGE = `import { useState, type FormEvent } from 'react'
-import {
-  LoginPageScaffold,
-  StnLayer0BackgroundPreset,
-  StnLoginCard,
-  StnLoginBrandStack,
-  StnLoginFormStack,
-  StnLoginFormFields,
-  StnLoginFormLinks,
-  StnLoginTextField,
-  StnLogo,
-  StnSegmented,
-  StnButton,
-} from '@stn-uiux/pub-ui-react'
-
-function LoginPage() {
-  const [mode, setMode] = useState<'normal' | 'social'>('normal')
-  const [userId, setUserId] = useState('')
-  const [password, setPassword] = useState('')
-
-  function handleSubmit(e: FormEvent) {
-    e.preventDefault()
-    // \uB85C\uADF8\uC778 API \uD638\uCD9C
-  }
-
-  return (
-    <LoginPageScaffold
-      layer0={<StnLayer0BackgroundPreset variant="login" />}
-      cardGlow={true}
-    >
-      <StnLoginCard
-        glow={true}
-        brand={
-          <StnLoginBrandStack>
-            <StnLogo variant="vertical" size="xl" />
-            <p className="stn-login-card__caption">Server Resource Monitoring</p>
-          </StnLoginBrandStack>
-        }
-      >
-        <StnLoginFormStack onSubmit={handleSubmit}>
-          <StnSegmented
-            aria-label="\uB85C\uADF8\uC778 \uBC29\uC2DD"
-            value={mode}
-            onChange={(v) => setMode(v as 'normal' | 'social')}
-            options={[
-              { value: 'normal', label: '\uC77C\uBC18 \uB85C\uADF8\uC778' },
-              { value: 'social', label: '\uC18C\uC15C \uB85C\uADF8\uC778' },
-            ]}
-          />
-          {mode === 'normal' && (
-            <StnLoginFormFields>
-              <StnLoginTextField
-                icon="line/user"
-                name="username"
-                autoComplete="username"
-                placeholder="\uC544\uC774\uB514"
-                value={userId}
-                onChange={(e) => setUserId(e.target.value)}
-                aria-label="\uC544\uC774\uB514"
-              />
-              <StnLoginTextField
-                icon="line/lock"
-                type="password"
-                name="password"
-                autoComplete="current-password"
-                placeholder="\uBE44\uBC00\uBC88\uD638"
-                value={password}
-                onChange={(e) => setPassword(e.target.value)}
-                aria-label="\uBE44\uBC00\uBC88\uD638"
-              />
-            </StnLoginFormFields>
-          )}
-          <StnButton type="submit" size="xl" fullWidth>
-            \uB85C\uADF8\uC778
-          </StnButton>
-          <StnLoginFormLinks>
-            <a href="#signup">\uD68C\uC6D0\uAC00\uC785</a>
-            <a href="#recover">\uC544\uC774\uB514 / \uBE44\uBC00\uBC88\uD638 \uCC3E\uAE30</a>
-          </StnLoginFormLinks>
-        </StnLoginFormStack>
-      </StnLoginCard>
-    </LoginPageScaffold>
-  )
-}`;
-var STN_LOGIN_HTML = `<div class="stn-wrap stn-page--login" data-stn-layer-mode="v2">
-  <div class="stn-layer0-bg image" aria-hidden="true"><!-- L0 login --></div>
-  <main class="stn-elev-1" data-stn-layer-role="content">
-    <div class="stn-login">
-      <div class="stn-login-card">
-        <div class="stn-login-card__brand">
-          <div class="stn-login-brand-stack">
-            <span class="stn-logo horizontal xl">
-              <img class="stn-logo__img light" src="/@assets/svg/brand/infomap-logo-full.png" alt="InfoMap SRM" />
-              <img class="stn-logo__img dark" src="/@assets/svg/brand/infomap-logo-full-dark.png" alt="" />
-            </span>
-            <p class="stn-login-card__caption">Server Resource Monitoring</p>
-          </div>
-        </div>
-        <div class="stn-login-card__form">
-          <form class="stn-login-form-stack">
-            <div class="stn-segmented" role="radiogroup" aria-label="\uB85C\uADF8\uC778 \uBC29\uC2DD">
-              <button type="button" class="stn-segmented__item active" role="radio" aria-checked="true">\uC77C\uBC18 \uB85C\uADF8\uC778</button>
-              <button type="button" class="stn-segmented__item" role="radio" aria-checked="false">\uC18C\uC15C \uB85C\uADF8\uC778</button>
-            </div>
-            <div class="stn-login-form-fields">
-              <div class="stn-login-text-field">
-                <span class="stn-icon-box md stn-login-text-field__icon-box" aria-hidden>
-                  <span class="stn-icon stn-icon--masked" style="background-color: currentColor; width: 16px; height: 16px;"></span>
-                </span>
-                <input type="text" class="stn-login-text-field__control" placeholder="\uC544\uC774\uB514" autocomplete="username" />
-              </div>
-              <div class="stn-login-text-field">
-                <span class="stn-icon-box md stn-login-text-field__icon-box" aria-hidden>
-                  <span class="stn-icon stn-icon--masked" style="background-color: currentColor; width: 16px; height: 16px;"></span>
-                </span>
-                <input type="password" class="stn-login-text-field__control" placeholder="\uBE44\uBC00\uBC88\uD638" autocomplete="current-password" />
-              </div>
-            </div>
-            <button type="submit" class="stn-btn contained xl full">\uB85C\uADF8\uC778</button>
-            <nav class="stn-login-form-links" aria-label="\uACC4\uC815 \uAD00\uB9AC \uB9C1\uD06C">
-              <a href="#signup">\uD68C\uC6D0\uAC00\uC785</a>
-              <a href="#recover">\uC544\uC774\uB514 / \uBE44\uBC00\uBC88\uD638 \uCC3E\uAE30</a>
-            </nav>
-          </form>
-        </div>
-      </div>
-    </div>
-  </main>
-</div>`;
-
-export {
-  STN_LOGIN_FIGMA,
-  STN_LOGIN_ASSETS,
-  STN_LOGIN_INTRO,
-  STN_LOGIN_USAGE,
-  STN_LOGIN_HTML
-};
-//# sourceMappingURL=chunk-NIMEKZW6.js.map

package/dist/chunk-OKSQLPEC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-ZLMVTZDK.js

@@ -1,9 +0,0 @@
-// src/data/stnPackageVersion.ts
-var STN_UI_VERSION = "0.1.55";
-var STN_UI_VERSION_LABEL = "v0.1.55";
-
-export {
-  STN_UI_VERSION,
-  STN_UI_VERSION_LABEL
-};
-//# sourceMappingURL=chunk-ZLMVTZDK.js.map

package/dist/chunk-ZLMVTZDK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/stnPackageVersion.ts"],"sourcesContent":["/** Package version constants */\nexport const STN_UI_VERSION = '0.1.55'\nexport const STN_UI_VERSION_LABEL = 'v0.1.55'\n"],"mappings":";AACO,IAAM,iBAAiB;AACvB,IAAM,uBAAuB;","names":[]}