@stn-uiux/pub-ui-react 0.1.53 → 0.1.55

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/CHANGELOG.md CHANGED
@@ -1,454 +1,5 @@
1
- # Changelog
1
+ # Changelog
2
2
 
3
- All notable changes to `@stn-uiux/pub-ui` and `@stn-uiux/pub-ui-react` will be documented in this file.
3
+ 모든 패키지(@stn-uiux/pub-ui, @stn-uiux/pub-ui-react)의 통합 버전 변경 이력은 루트 [CHANGELOG.md](../../CHANGELOG.md)에서 단일 SSOT(Single Source of Truth)로 통합 관리됩니다.
4
4
 
5
- ---
6
-
7
- ## [0.1.53] - 2026-09-21
8
-
9
- ### ⚠️ Developer Action Required (개발자 조치 사항)
10
- 1. **패키지 업데이트**:
11
- ```bash
12
- npm install @stn-uiux/pub-ui-react@0.1.53
13
- ```
14
-
15
- ### Changed (변경 및 개선)
16
- - `@stn-uiux/pub-ui` 0.1.53 피어 디펜던시 동기화
17
-
18
- ---
19
-
20
- ## [0.1.52] - 2026-09-21
21
-
22
- ### ⚠️ Developer Action Required (개발자 조치 사항)
23
- 1. **패키지 업데이트**:
24
- ```bash
25
- npm install @stn-uiux/pub-ui-react@0.1.52
26
- ```
27
-
28
- ### Added (추가)
29
- - **`StnSideNavigation.Item` 알림 아이콘 표준화**:
30
- - 알림 메뉴 항목에 `icon={<StnIcon name="line/bell" size={20} />}` 기본 적용
31
-
32
- ### Fixed (버그 수정)
33
- - `StnSideNavigation` 코드 생성기에서 알림 아이콘 누락 버그 해결
34
- - `ComponentsTableDoc` 내 `EquipmentRow` 타입 참조 누락 해결
35
-
36
- ---
37
-
38
- ## [0.1.51] - 2026-09-21
39
-
40
- ### ⚠️ Developer Action Required (개발자 조치 사항)
41
- 1. **패키지 업데이트**:
42
- ```bash
43
- npm install @stn-uiux/pub-ui-react@0.1.51
44
- ```
45
-
46
- ### Added (추가)
47
- - 공식 패키지 문서(README) 개편: 테마 설정(`StnProvider`) 및 카테고리별 주요 컴포넌트 일람 제공
48
-
49
- ### Changed (변경 및 개선)
50
- - 내부 개발 메모 및 미완성 항목 섹션 정리로 문서 완성도 향상
51
-
52
- ---
53
-
54
- ## [0.1.50] - 2026-09-21
55
-
56
- ### ⚠️ Developer Action Required (개발자 조치 사항)
57
- 1. **패키지 업데이트**:
58
- ```bash
59
- npm install @stn-uiux/pub-ui-react@0.1.50
60
- ```
61
-
62
- ### Added (추가)
63
- - **StnTable 고급 인터랙션 기능 및 속성 추가**:
64
- - `resizable`: 테이블 헤더 열 리사이징 기능
65
- - `onColumnResize`: 열 너비 조절 콜백 `(name, newWidth) => void`
66
- - `draggable`: 헤더 열 드래그 앤 드롭 이동 기능
67
- - `onColumnReorder`: 열 순서 변경 콜백 `(sourceName, targetName, position) => void`
68
- - `trackVisited`: 행 클릭 시 직전 방문 행을 자동 추적하여 `.is-visited` 스타일 부여
69
- - `<StnTable.Row>` 상태 prop: `selected`, `visited`, `highlighted`, `rowId` 지원
70
- - **공식 NPM(npmjs.com) 전환 지원**: 공개 배포 규격 반영
71
-
72
- ---
73
-
74
- ## [0.1.49] - 2026-09-18
75
-
76
- ### ⚠️ Developer Action Required (개발자 조치 사항)
77
- 1. **패키지 업데이트**:
78
- ```bash
79
- npm install @stn-uiux/pub-ui-react@0.1.49
80
- ```
81
-
82
- ### Added (추가)
83
- - **대시보드 핸드오프 및 컴포넌트 마크업 정밀 고도화**:
84
- - `DashboardPageScaffold`: 위젯 타이틀 액션(새로고침), 테이블/필터 복합 인터랙션 반영
85
- - `StnWidget`: 시맨틱 토큰 연동 및 반응형 액션 줄바꿈(`wrapActions`) 최적화
86
-
87
- ---
88
-
89
- ## [0.1.48] - 2026-09-18
90
-
91
- ### ⚠️ Developer Action Required (개발자 조치 사항)
92
- 1. **패키지 업데이트**:
93
- ```bash
94
- npm install @stn-uiux/pub-ui@0.1.48 @stn-uiux/pub-ui-react@0.1.48
95
- ```
96
- 2. **`StnCriticalBanner` → `StnEventBanner` 마이그레이션**:
97
- - `StnCriticalBanner` 컴포넌트가 `StnEventBanner`로 명칭 변경 및 기능이 확장되었습니다.
98
- - 기존 `import { StnCriticalBanner } from '@stn-uiux/pub-ui-react'`를 `import { StnEventBanner } from '@stn-uiux/pub-ui-react'`로 교체해 주세요.
99
-
100
- ### Added (추가)
101
- - **`StnEventBanner` React 컴포넌트 신규 출시**:
102
- - `severity`: `'critical' | 'major' | 'minor' | 'warning'` 4단계 위험도 지원
103
- - `placement`: `'top' | 'bottom' | 'inline'` 및 `gap`: `0 | 4 | 8 | 16` prop 지원
104
- - 위젯 및 대시보드 플로팅 알림 배너 연동
105
- - **Side Navigation 모바일 드로어 및 그룹 라벨 기능 강화**:
106
- - 반응형 드로어 인터랙션 및 애니메이션 토큰 개선
107
- - `StnSideNavGroup` 라벨 명세 보강
108
-
109
- ### Changed (변경 및 개선)
110
- - **StnWidget 헤더 및 배너 연동 구조 개선**:
111
- - 위젯 헤더 내 `StnIconBox` 결합 및 줄바꿈 방지 레이아웃 정밀화
112
- - 위젯 상태(`status`)와 이벤트 배너 간의 심각도 자동 상속 연동
113
-
114
- ---
115
-
116
- ## [0.1.47] - 2026-09-11
117
-
118
- ### ⚠️ Developer Action Required (개발자 조치 사항)
119
- 1. **패키지 업데이트**:
120
- ```bash
121
- npm install @stn-uiux/pub-ui@0.1.47 @stn-uiux/pub-ui-react@0.1.47
122
- ```
123
-
124
- ### Added (추가)
125
- - **StnIconBox 컴포넌트 추가**:
126
- - Neumorphism 입체 음영과 5단계 크기 규격(xs, sm, md, lg, xl) 및 시맨틱 컬러(primary, success, warning, error, info) 지원
127
- - **StnLoginTextField `iconColor` prop 지원**:
128
- - `icon="line/user" iconColor="primary"` 등 시맨틱 컬러 직접 지정 지원 및 StnIconBox 전달 시 복제 렌더링을 통한 이중 박스 방지
129
-
130
- ### Changed (변경 및 개선)
131
- - **StnLogo `data-theme` 자동 연동 지원**:
132
- - `theme` prop 생략 시 상위 `data-theme`을 따라 자동 전환되며, `data-theme={theme}` 속성으로 정확하게 렌더링되도록 개선
133
-
134
- ---
135
-
136
- ## [0.1.46] - 2026-09-11
137
-
138
- ### ⚠️ Developer Action Required (개발자 조치 사항)
139
- 1. **패키지 업데이트**:
140
- ```bash
141
- npm install @stn-uiux/pub-ui@0.1.46 @stn-uiux/pub-ui-react@0.1.46
142
- ```
143
-
144
- ### Changed (변경 및 개선)
145
- - `@stn-uiux/pub-ui` 의존성 버전 `0.1.46` 동기화
146
-
147
- ---
148
-
149
- ## [0.1.45] - 2026-09-11
150
-
151
- ### ⚠️ Developer Action Required (개발자 조치 사항)
152
- 1. **패키지 업데이트**:
153
- ```bash
154
- npm install @stn-uiux/pub-ui@0.1.45 @stn-uiux/pub-ui-react@0.1.45
155
- ```
156
-
157
- ### Changed (변경 및 개선)
158
- - `@stn-uiux/pub-ui` 의존성 버전 `0.1.45` 동기화
159
-
160
- ---
161
-
162
- ## [0.1.44] - 2026-09-11
163
-
164
- ### ⚠️ Developer Action Required (개발자 조치 사항)
165
- 1. **패키지 업데이트**:
166
- ```bash
167
- npm install @stn-uiux/pub-ui@0.1.44 @stn-uiux/pub-ui-react@0.1.44
168
- ```
169
-
170
- ### Added (추가)
171
- - **StnLogo 디자인 토큰 SSOT 시스템 구축**:
172
- - `tokens/size/primitive.json`, `tokens/size/semantic.json`에 로고 너비 토큰 정식 등록
173
- - `--stn-logo-vertical-width-xs/sm/md/lg/xl`, `--stn-logo-horizontal-width-*`, `--stn-logo-watermark-width-*`
174
- - **StnSegmented Iconography 연동**:
175
- - `options[].icon`에 문자열 이름(예: `'line/layout-grid'`) 전달 시 `StnIcon` 자동 렌더링 및 `color="currentColor"` 동기화 지원
176
-
177
- ### Changed (변경 및 개선)
178
- - **StnLogo 세로(vertical) 사이즈 스케일 시프트 및 표준화**:
179
- - 1.5배 기반 체계로 재조정: `xl`: 216px, `lg`: 180px, `md`: 144px, `sm`: 108px, `xs`: 72px
180
- - 하드코딩된 px(252px 등) 제거 및 CSS 변수 바인딩
181
- - **StnLogo 레거시 클래스/타입 완전 제거**:
182
- - CSS의 `:is(.lg, .l)` 등 1글자/대문자 레거시 호환 선택자 영구 삭제
183
- - `StnLogoSize` 타입을 순수 `'xs' | 'sm' | 'md' | 'lg' | 'xl'`로 단일화
184
- - **StnSegmented 문서 내 임의 더미 SVG 전면 교체**:
185
- - 비표준 인라인 SVG를 공식 시스템 아이콘(`line/layout-grid`, `line/report`, `line/chart-bar`, `line/file-analytics`)으로 교체
186
- - **메인 홈 패키지 설치 섹션 React 탭 기본 설정**:
187
- - 초기 진입 시 React 설치 명령어가 우선 노출되도록 기본 상태 및 탭 순서 최적화
188
- - **문서 사이드바 Logo 메뉴 [수정중] 뱃지 제거**
189
-
190
- ---
191
-
192
- ## [0.1.43] - 2026-09-11
193
-
194
- ### ⚠️ Developer Action Required (개발자 조치 사항)
195
- 1. **패키지 업데이트**:
196
- ```bash
197
- npm install @stn-uiux/pub-ui@0.1.43 @stn-uiux/pub-ui-react@0.1.43
198
- ```
199
-
200
- ### Changed (변경 및 개선)
201
- - **Elevation 토큰 3단계(L0, L1, L2: 0, 100, 200) 및 `:root` 단일화**:
202
- - 불필요했던 `[data-theme='dark']` 셀렉터 제거 및 레거시 z-3, z-4 영구 삭제
203
- - 팝업/모달 레이어(`stn-pop-stack`)를 L2(`z-index: 200`) 기준으로 일치시켜 화면과의 쌓임 맥락 명확화
204
- - **Iconography 토큰 2글자 표준 규격화 (`xs`, `sm`, `md`, `lg`, `xl`)**:
205
- - 비표준 단어형 네이밍(`xxsmall`, `xxlarge`) 제거
206
- - `xs`(16px), `sm`(20px), `md`(24px), `lg`(32px), `xl`(40px) 5단계 통일
207
- - **Button Radius 시맨틱 토큰화 및 전 사이즈 표준화**:
208
- - 1글자 레거시(`stn-radius-btn-s`) 삭제
209
- - `--stn-radius-btn-xs`(4px) 신규 등록으로 `.stn-btn.xs`의 프리미티브 하드코딩 제거
210
- - `--stn-radius-btn-xl`, `lg`, `md`, `sm`, `xs` 전체 사이즈 시맨틱 토큰화 완료
211
- - **Input Radius 2글자 표준화 (`stn-radius-input-sm/md/lg/xl`)**
212
- - **다크모드 Primary 버튼 Hover/Pressed 그라데이션 톤 개선**:
213
- - hover: `linear-gradient(90deg, var(--stn-blue-400) 0%, var(--stn-cobalt-400) 100%)`
214
- - pressed: `linear-gradient(90deg, var(--stn-blue-450) 0%, var(--stn-cobalt-450) 100%)`
215
-
216
- ---
217
-
218
- ## [0.1.42] - 2026-09-11
219
-
220
- ### ⚠️ Developer Action Required (개발자 조치 사항)
221
- 1. **패키지 업데이트**:
222
- ```bash
223
- npm install @stn-uiux/pub-ui@0.1.42 @stn-uiux/pub-ui-react@0.1.42
224
- ```
225
-
226
- ### Added (추가)
227
- - **`StnCircularProgress` 컴포넌트 신규 추가**: 원형 프로그레스 바 컴포넌트
228
- - **체크박스/칩/라디오/스위치/슬라이더/토글버튼/프로그레스 컴포넌트 Props/API 전면 확장**
229
-
230
- ### Changed (변경 및 개선)
231
- - **Segmented 라이트 테마 수정 및 시맨틱 토큰화**
232
- - **로그인 필드 테두리 조정**: `var(--stn-gray-800)` → `var(--stn-gray-750)`
233
- - **Size/Space 프리미티브 토큰 보강**, **Typography 시맨틱 토큰 추가**
234
-
235
- ---
236
-
237
- ## [0.1.41] - 2026-09-10
238
-
239
- ### ⚠️ Developer Action Required (개발자 조치 사항)
240
- 1. **패키지 업데이트**:
241
- ```bash
242
- npm install @stn-uiux/pub-ui@0.1.41 @stn-uiux/pub-ui-react@0.1.41
243
- ```
244
-
245
- ### Changed (변경 및 개선)
246
- - **로그인 카드 배경 그라데이션 조정 (`--stn-login-card-bg`)**:
247
- - `linear-gradient(116.66deg, #1e2336 3.39%, #1C222C 30.47%, #181E25 50.29%, #141A20 100.59%)`
248
- - 전체적으로 더 밝고 자연스러운 어두운 블루-그레이 계열로 변경
249
- - **로그인 인풋 필드 배경 밝기 상향 (`--stn-login-field-bg`)**:
250
- - `var(--stn-gray-850)` ➔ `var(--stn-gray-800)` 으로 변경 (한 단계 밝게)
251
- - `stn-login-text-field.css` fallback 값도 동일하게 통일
252
-
253
- ---
254
-
255
- ## [0.1.40] - 2026-09-10
256
-
257
- ### ⚠️ Developer Action Required (개발자 조치 사항)
258
- 1. **패키지 업데이트**:
259
- ```bash
260
- npm install @stn-uiux/pub-ui@0.1.40 @stn-uiux/pub-ui-react@0.1.40
261
- ```
262
-
263
- ### Changed (변경 및 개선)
264
- - **Primary 버튼 그라데이션 토큰 톤다운 조정**:
265
- - `--stn-btn-primary-bg`: `linear-gradient(90deg, var(--stn-blue-350) 0%, var(--stn-cobalt-350) 100%)`
266
- - `--stn-btn-primary-bg-hover`: `linear-gradient(90deg, var(--stn-blue-400) 0%, var(--stn-cobalt-350) 100%)`
267
- - `tokens/gradient/gradient.json` SSOT 갱신 및 토큰 자동 빌드 반영
268
- - **1글자 레거시 토큰(-l, -m, -s) 완전 영구 삭제**:
269
- - `tokens/space/semantic.json` 및 `tokens/size/semantic.json`에서 `-l`, `-m`, `-s` 토큰 전면 제거
270
- - 오직 **2글자 규격(xl, lg, md, sm)**만 엄격하게 유지하여 네이밍 일관성 확립
271
- - `stn-text-field.css` 내부 구버전 1글자 폴백 코드 완전 제거
272
- - **로그인 카드 클래스명 간소화**:
273
- - `.stn-login-card--reverse` BEM 클래스를 직관적인 다중 클래스 `.stn-login-card.reverse`로 변경
274
- - **로그인 문서 및 패턴 가이드 정리**:
275
- - `LayoutsLoginDoc.tsx`: 파편화된 예제들을 단일 `Basic` 레이아웃 표준 예제로 대폭 간소화
276
- - `PatternsLoginCardDoc.tsx`: 미요청 소셜 로그인 레시피 및 플레이스홀더 영역 전면 제거, 카드 테두리 회전 레이저 빔(`glow={true}`) 프리뷰 제공
277
-
278
- ---
279
-
280
- ## [0.1.39] - 2026-09-10
281
-
282
- ### ⚠️ Developer Action Required (개발자 조치 사항)
283
- 1. **패키지 업데이트**:
284
- ```bash
285
- npm install @stn-uiux/pub-ui@0.1.39 @stn-uiux/pub-ui-react@0.1.39
286
- ```
287
-
288
- ### Fixed (버그 수정 및 토큰 완전 정제)
289
- - **`tokens/space/semantic.json` 소스 정제 및 하드코딩 px 완전 박멸**:
290
- - 이전 0.1.38에서 누락되었던 Switch, Chip, Progress, Slider, Radio, Checkbox 관련 토큰들을 `tokens/size/semantic.json`으로 100% 이관 완료
291
- - `stn-spacing-semantic.css`에서 남아있던 모든 하드코딩 px(`--stn-switch-track-w: 36px`, `--stn-switch-track-h: 20px`, `--stn-switch-thumb: 16px`, `--stn-chip-height: 16px`, `--stn-chip-line-height: 16px`, `--stn-progress-h-sm: 5px`, `--stn-progress-h-md: 8px`, `--stn-slider-height: 4px`, `--stn-slider-thumb-size: 16px`) 전면 제거
292
- - `stn-switch-pad: var(--stn-space-2)`, `stn-chip-padding-x: var(--stn-space-6)`, `stn-chip-padding-y: var(--stn-space-0)`, `stn-spacing-lnb-search-input-padding-inline-end: var(--stn-space-44)` 로 100% Space Primitive 연결
293
- - 결과적으로 `stn-spacing-semantic.css` 내 하드코딩 px **0개**, 너비/높이 속성 **0개** 달성 (오직 순수 padding/margin/gap 및 `var(--stn-space-*)`만 존재)
294
- - **`tokens/size/semantic.json` 및 `tokens/size/primitive.json` 완성**:
295
- - Size Primitive에 1px, 2px, 4px, 5px, 6px, 8px, 10px, 11px, 18px, 236px, 264px, 800px 등 규격 토큰 전수 추가
296
- - Switch, Chip, Progress, Slider, Radio, Checkbox, Pagination, Header, LNB, Rail, Toast 등 모든 컴포넌트의 크기(width, height) 토큰이 Size Semantic에서 `var(--stn-size-*)`로 100% 매핑되도록 완벽 이관
297
- - **패키지 빌드 파이프라인 자동화 (`prepare:packages`)**:
298
- - `package.json`의 `prepare:packages` 스크립트에 `npm run generate:tokens`를 선행 실행하도록 연동하여, JSON 토큰 변경 사항이 배포 시 무조건 CSS로 자동 재생성되도록 방지책 구축
299
-
300
- ---
301
-
302
- ## [0.1.38] - 2026-09-10
303
-
304
- ### ⚠️ Developer Action Required (개발자 조치 사항)
305
- 1. **패키지 업데이트**:
306
- ```bash
307
- npm install @stn-uiux/pub-ui@0.1.38 @stn-uiux/pub-ui-react@0.1.38
308
- # Vite 캐시 자동 갱신 ("scripts": { "dev": "vite --force" }) 검증 버전
309
- ```
310
-
311
- ### Changed (변경 및 최적화)
312
- - **토큰 SSOT 아키텍처 정비 (Size / Space 시맨틱 분리 및 Primitive 100% 연결)**:
313
- - Spacing 시맨틱(`stn-spacing-semantic.css`)에 남아있던 모든 너비/높이(`width`, `height`, `min-width`) 항목을 Size 시맨틱(`stn-size-semantic.css`)으로 분리 이전
314
- - 하드코딩된 px 단위를 전면 제거하고, 모든 Size 시맨틱은 `var(--stn-size-*)`, 모든 Spacing 시맨틱은 `var(--stn-space-*)` 프리미티브를 참조하도록 엄격 표준화
315
- - **Vite Cache Test Release**: 소비자 프로젝트의 `vite --force` 캐시 바이패스 동작 검증용 최신 릴리즈
316
-
317
- ---
318
-
319
- ## [0.1.37] - 2026-09-10
320
-
321
- ### ⚠️ Developer Action Required (개발자 조치 사항)
322
- 1. **패키지 업데이트 (단 1회 package.json dev 스크립트에 --force 설정 시 캐시 영구 해결)**:
323
- ```bash
324
- npm install @stn-uiux/pub-ui@0.1.37 @stn-uiux/pub-ui-react@0.1.37
325
- # 또는 package.json에 "dev": "vite --force" 등록 시 매번 수동 캐시 삭제 없이 자동 최신화
326
- ```
327
- 2. **Layer0 배경 이미지 경로 수정**:
328
- - `showroom-a.png` ➔ `showroom-a-light.png`
329
- - `showroom-b.png` ➔ `showroom-b-light.png`
330
- - `login.png` ➔ `login-light.png`
331
- *(소비자 프로젝트에서 이전 파일명을 직접 import하거나 참조하던 부분을 `-light`로 변경해 주세요)*
332
- 3. **로그인 카드 레이저 빔 (Glow) 효과 활성화**:
333
- - `<StnLoginCard glow={true}>` 또는 `cardGlow={true}` 속성을 넘기면 4초 회전 블루 레이저 빔 효과가 정상 노출됩니다.
334
-
335
- ### Added (신규 추가)
336
- - **Size Foundation 토큰 SSOT**: `tokens/size/primitive.json`, `tokens/size/semantic.json` 추가 및 `stn-size.css`, `stn-size-semantic.css` 빌드 파이프라인 연동
337
- - **Foundations → Size 토큰 문서 페이지**: `/foundations/size` 신설 및 사이드바 내비게이션 등록
338
- - **로그인 카드 Glow 토큰**: `--stn-login-card-glow-beam` (기본 conic-gradient 블루 레이저 빔) 및 `--stn-login-card-glow-duration: 4s` 토큰 추가
339
-
340
- ### Changed (변경 및 최적화)
341
- - **버튼(`.stn-btn`) CSS 구조 전면 개편**:
342
- - contained 버튼의 투명 border(`1px solid transparent`) 해킹 제거
343
- - 비표준 `.is-hover`, `.is-pressed` 제거 및 네이티브 가상 클래스(`:hover`, `:active`) 활용
344
- - `.contained`, `.outlined`, `.ghost`, `.text` 완전 독립 분리
345
- - 단일 2글자 규격 클래스(`.xl`, `.lg`, `.md`, `.sm`, `.xs`)로 표준화
346
- - **토큰 SSOT 아키텍처 정비 (Size / Space 시맨틱 분리 및 Primitive 100% 연결)**:
347
- - Spacing 시맨틱(`stn-spacing-semantic.css`)에 남아있던 모든 너비/높이(`width`, `height`, `min-width`) 항목을 Size 시맨틱(`stn-size-semantic.css`)으로 분리 이전
348
- - 하드코딩된 px 단위를 전면 제거하고, 모든 Size 시맨틱은 `var(--stn-size-*)`, 모든 Spacing 시맨틱은 `var(--stn-space-*)` 프리미티브를 참조하도록 엄격 표준화
349
- - **Layer0 바닥 배경 이미지 파일명 통일**:
350
- - `showroom-a-light.png`, `showroom-b-light.png`, `login-light.png` 로 변경하여 `-dark.png`와 일관된 규격 확립
351
-
352
- ### Fixed (버그 수정)
353
- - **로그인 카드 다크모드 회전 빔 투명 현상 수정**: 토큰 기본값 누락 해결 및 `.stn-login-card-glow-wrapper` 내부 중복 border 제거
354
- - **Layouts → Login 문서 상단 설명 텍스트 정제**: 코드 블록 중심 가이드로 가독성 개선
355
-
356
- ---
357
-
358
- ## [0.1.34] - 2026-09-10
359
-
360
- ### Added
361
- - `StnLoginPlaceholder` 컴포넌트 추가 및 export (소셜 로그인 등 준비 중 안내 영역의 128px 규격 세로 높이 및 토큰 텍스트 스타일 표준화)
362
- - `LoginPageScaffold`에 `socialContent` prop 추가 (소셜 로그인 탭 선택 시 커스텀 버튼/콘텐츠 주입 지원, 미지정 시 StnLoginPlaceholder 기본 제공)
363
- - Patterns → Login Card 및 Layouts → Login 문서에 소셜 로그인 탭 전환 및 준비 중 안내 / 커스텀 소셜 인증 버튼 배치 예제 코드 수록
364
-
365
- ### Changed
366
- - `StnLoginCard` Basic 및 소셜 로그인 안내 문구와 토큰 스펙 테이블 최신화
367
-
368
- ### Fixed
369
- - Zero-config 에셋 인라인 번들링: tsup loader를 dataurl로 전환하여 로고(StnLogo), L0 바닥 배경(StnLayer0BackgroundPreset), 헤더 프레임 등이 Base64 Data URL로 인라인 번들링되도록 수정 (소비자 앱 404 원천 차단)
370
- - 시스템 아이콘 130종 전체(SVG/PNG) Base64 Data URL 자동 생성 및 resolveSystemIconSrcFromName/systemIconSrc 번들링
371
-
372
- ---
373
-
374
- ## [0.1.33] - 2026-09-10
375
-
376
- ### Added
377
- - `StnLoginCard` 회전 레이저 빔(Glow) 효과 추가 (`glow` prop, `variant="glow"`, `StnLoginCardGlowWrapper`)
378
- - L2 Modal 카탈로그 및 팝업/Dim 연동 데모 추가 (`/layouts/layer/2`)
379
- - 로고 에셋 번들링 지원 (외부 프로젝트 설치 시 이미지 깨짐 방지)
380
-
381
- ### Changed
382
- - Layer 체계를 3단계(L0 바닥 배경, L1 메인 UI [GNB/Header/본문], L2 모달/Dim)로 전면 통합 및 단순화
383
- - Vertical 로고 크기 1.5배 확대 및 로그인 화면 기본 로고를 Vertical XL로 통일
384
- - `LoginPageScaffold` Basic 예시를 실무에 바로 복사 가능한 완성형 코드로 개선
385
-
386
- ### Fixed
387
- - GitHub Actions 패키지 자동 배포 시 중복 빌드 및 퍼블리시 에러(409) 방지 워크플로우 최적화
388
- - 로고 및 바닥 배경 에셋의 외부 패키지 참조 경로를 번들러 import로 일원화
389
- - Layer L1/L2 와이어프레임 및 Elevation 토큰 동기화
390
-
391
- ---
392
-
393
- ## [0.1.32] - 2026-09-10
394
-
395
- ### Added
396
- - `StnLoginCard` 회전 레이저 빔(Glow) 효과 추가
397
- - L2 Modal 카탈로그 추가
398
-
399
- ### Changed
400
- - Layer 체계 3단계 통합
401
-
402
- ### Fixed
403
- - 에셋 번들러 import 전환
404
-
405
- ---
406
-
407
- ## [0.1.31] - 2026-09-10
408
-
409
- ### Added
410
- - type scale에 title-3, body-small, caption-large 역할 추가
411
-
412
- ### Changed
413
- - Background를 Layouts L0로 통합하고 관련 리다이렉트 정리
414
- - stnThemeSemantic을 사용·팔레트 기준 47행으로 정리
415
-
416
- ### Fixed
417
- - 존재하지 않는 STN_THEME_SEMANTIC_STATS import/export 제거
418
-
419
- ---
420
-
421
- ## [0.1.30] - 2026-09-09
422
-
423
- ### Added
424
- - `StnDashboard` (Root, Left, Right, TopRight, Canvas) 컴포넌트 추가
425
- - `StnMapCanvas` (배경 지도 캔버스 및 뷰어 래퍼) 컴포넌트 추가
426
- - 폰트 크기 시맨틱 토큰 추가 (`--stn-font-size-button: 12px`, `--stn-font-size-heading-lg: 20px`)
427
-
428
- ### Changed
429
- - 레거시 컨테이너 ID 및 wrap ID 셀렉터 전면 폐기 및 순수 BEM/시맨틱 클래스 전환
430
- - `stn-dashboard.css` 내 미사용 레거시 코드(420여 라인) 정리 및 스타일 경량화
431
- - `StnLayoutContainer`, `StnLayerShell`에서 기본 containerId 제거
432
-
433
- ### Fixed
434
- - 로그인 페이지 배경 클릭 및 상호작용 불가 문제 수정 (pointer-events 적용)
435
- - 컴포넌트 및 스타일 전반에서 컨테이너 고정 ID 의존성 제거
436
-
437
- ---
438
-
439
- ## [0.1.29] - 2026-09-09
440
-
441
- ### Added
442
- - Button size XL · fullWidth · variant contained/outlined/ghost/text · color 토큰
443
- - LoginPageScaffold · Segmented · Header Chip (StnHeadChip)
444
- - TextField size XL · prefix 아이콘
445
-
446
- ### Changed
447
- - `StnIconButton` 제거 — 레이블 없이 icon만 주면 icon-only
448
- - Button 아이콘 currentColor, disabled는 `--stn-btn-disabled-*` 토큰
449
- - Toast/DatePicker 경로 정리 · 레거시 CSS·셀렉터 정리
450
-
451
- ### Fixed
452
- - styles.css 엔트리를 style-pub.css로 수정
453
- - 버튼 disabled가 variant 색에 가려지던 문제
454
- - 버튼 slug 아이콘이 SVG #40474F로 나오던 문제
5
+ 👉 [전체 변경 이력 보러 가기 (Root CHANGELOG.md)](../../CHANGELOG.md)