@iyulab/modern-app 0.8.0 → 0.8.1
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,5 +1,22 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.8.1] - 2026-08-02
|
|
4
|
+
|
|
5
|
+
### Fixed
|
|
6
|
+
|
|
7
|
+
- **토큰 폴백 리터럴 7곳이 정본 시트와 어긋나 있던 문제** — `--u-txt-color-hover`(5곳) ·
|
|
8
|
+
`--u-primary-color`(2곳). `@iyulab/components` 1.16.0 이 텍스트 용도를 `-strong` 으로
|
|
9
|
+
라우팅하면서 값이 바뀌었다.
|
|
10
|
+
|
|
11
|
+
### Changed
|
|
12
|
+
|
|
13
|
+
- 셸 활성 메뉴 색이 주색을 따라 한 단 진해진다(`#1E88E5` → `#1976D2`, hover 파생
|
|
14
|
+
`#1A74C3` → `#1564B3`). 업스트림의 AA 수정을 그대로 따르는 것이며 이 패키지의 결정이 아니다.
|
|
15
|
+
|
|
16
|
+
⚠**이 결함은 개발 환경에서 절대 드러나지 않는다.** 토큰 시트가 있으면 폴백은 아예
|
|
17
|
+
평가되지 않는다 — 깨지는 곳은 시트를 로드하지 않은 소비자의 화면이고, 우리가 보지
|
|
18
|
+
못하는 자리다. 모노레포 루트의 `npm run tokens:sync` 가 이제 정본 시트와 대조한다.
|
|
19
|
+
|
|
3
20
|
## [0.8.0] - 2026-08-01
|
|
4
21
|
|
|
5
22
|
### Added
|
|
@@ -3,7 +3,7 @@ import { css as e } from "lit";
|
|
|
3
3
|
var t = e`
|
|
4
4
|
:host {
|
|
5
5
|
/* SidebarLink 과 같은 원천 — 그룹 강조는 활성 링크와 같은 색 계열이어야 한다 */
|
|
6
|
-
--group-accent: var(--app-sidebar-active-bg, var(--u-primary-color, #
|
|
6
|
+
--group-accent: var(--app-sidebar-active-bg, var(--u-primary-color, #1976D2));
|
|
7
7
|
|
|
8
8
|
display: flex;
|
|
9
9
|
flex-direction: column;
|
|
@@ -36,7 +36,7 @@ var t = e`
|
|
|
36
36
|
color: color-mix(in srgb, var(--group-accent) 85%, black);
|
|
37
37
|
}
|
|
38
38
|
button:hover {
|
|
39
|
-
color: var(--u-txt-color-hover, #
|
|
39
|
+
color: var(--u-txt-color-hover, #1565C0);
|
|
40
40
|
background-color: var(--u-bg-color-hover, #F5F5F5);
|
|
41
41
|
}
|
|
42
42
|
button:active {
|
|
@@ -6,7 +6,7 @@ var t = e`
|
|
|
6
6
|
역할 토큰(--u-primary-color) 어느 쪽을 덮어도 hover 파생까지 함께 따라온다.
|
|
7
7
|
팔레트(--u-blue-600)를 직접 읽으면 브랜드를 바꾸려는 소비자가 "진짜 파랑"이
|
|
8
8
|
필요한 배지·차트까지 함께 오염시키는 길밖에 없다. */
|
|
9
|
-
--link-active-bg: var(--app-sidebar-active-bg, var(--u-primary-color, #
|
|
9
|
+
--link-active-bg: var(--app-sidebar-active-bg, var(--u-primary-color, #1976D2));
|
|
10
10
|
|
|
11
11
|
display: block;
|
|
12
12
|
color: var(--app-sidebar-fg, var(--u-txt-color, #212121));
|
|
@@ -16,7 +16,7 @@ var t = e`
|
|
|
16
16
|
cursor: pointer;
|
|
17
17
|
}
|
|
18
18
|
:host(:hover) {
|
|
19
|
-
color: var(--u-txt-color-hover, #
|
|
19
|
+
color: var(--u-txt-color-hover, #1565C0);
|
|
20
20
|
background-color: var(--u-bg-color-hover, #F5F5F5);
|
|
21
21
|
}
|
|
22
22
|
:host([selected]) {
|
|
@@ -21,7 +21,7 @@ var t = e`
|
|
|
21
21
|
cursor: pointer;
|
|
22
22
|
}
|
|
23
23
|
.logo:hover {
|
|
24
|
-
color: var(--u-txt-color-hover, #
|
|
24
|
+
color: var(--u-txt-color-hover, #1565C0);
|
|
25
25
|
}
|
|
26
26
|
img.logo {
|
|
27
27
|
height: 24px;
|
|
@@ -48,7 +48,7 @@ var t = e`
|
|
|
48
48
|
background: transparent;
|
|
49
49
|
}
|
|
50
50
|
.toggler:hover {
|
|
51
|
-
color: var(--u-txt-color-hover, #
|
|
51
|
+
color: var(--u-txt-color-hover, #1565C0);
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
/* Sidebar Container */
|