@things-factory/help 10.0.6 → 10.0.7

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.
@@ -4,7 +4,8 @@ body {
4
4
  --help-panel-margin: 0;
5
5
  --help-panel-border-raidus: 9px;
6
6
  --help-panel-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.15);
7
- --help-panel-border: 2px solid var(--md-sys-color-primary);
7
+ /* 2px 브랜드 테두리는 다크에서 밝은 링이 된다. 분리는 이미 box-shadow 가 담당한다. */
8
+ --help-panel-border: 1px solid var(--md-sys-color-outline-variant);
8
9
 
9
10
  --help-panel-color: var(--md-sys-color-on-surface-variant);
10
11
 
@@ -26,16 +27,25 @@ body {
26
27
  --help-panel-a-color: var(--md-sys-color-secondary);
27
28
  --help-panel-a-icon-size: 1.3em;
28
29
 
29
- --help-icon-color: var(--md-sys-color-secondary);
30
+ /*
31
+ * 도움말 아이콘이 거의 보이지 않았다. secondary(강조색)에 opacity 0.4 를 겹친 조합이라
32
+ * 실효 대비가 1.71~2.70 으로 8개 팔레트 전부, 라이트·다크 모두 UI 기준(3:1) 미달이었다.
33
+ *
34
+ * 역할은 on-surface-variant(본문보다 낮은 강조)로 바꾸고, 투명도는 0.75 로 둔다.
35
+ * 0.4 는 안 보이고 1.0 은 너무 선명했다. 0.75 가 UI 기준 3:1 을 지키는 가장 차분한 선이다
36
+ * (전 팔레트 최저 3.13 — operato-twin 라이트. 0.7 로 내리면 2.88 로 미달).
37
+ */
38
+ --help-icon-color: var(--md-sys-color-on-surface-variant);
30
39
  --help-icon-hover-color: var(--md-sys-color-primary);
31
40
  --help-icon-size: 18px;
32
- --help-icon-opacity: 0.4;
41
+ --help-icon-opacity: 0.75;
33
42
  --help-icon-hover-opacity: 1;
34
43
 
35
44
  --help-navigation-padding: 0;
36
- --help-navigation-bottom: var(--md-sys-color-surface-variant);
45
+ /* border-bottom 에 색만 넘기면 style 이 none 이라 선이 그려지지 않았다 */
46
+ --help-navigation-bottom: 1px solid var(--md-sys-color-outline-variant);
37
47
  --help-navigation-icon-padding: 10px;
38
- --help-navigation-icon-border: 1px solid rgba(0, 0, 0, 0.1);
48
+ --help-navigation-icon-border: 1px solid var(--md-sys-color-outline-variant);
39
49
  }
40
50
 
41
51
  @media only screen and (max-width: 460px) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@things-factory/help",
3
- "version": "10.0.6",
3
+ "version": "10.0.7",
4
4
  "main": "dist-server/index.js",
5
5
  "browser": "dist-client/index.js",
6
6
  "things-factory": true,
@@ -30,7 +30,7 @@
30
30
  "@material/web": "^2.0.0",
31
31
  "@operato/help": "^10.0.0",
32
32
  "@operato/layout": "^10.0.0",
33
- "@things-factory/shell": "^10.0.6"
33
+ "@things-factory/shell": "^10.0.7"
34
34
  },
35
- "gitHead": "b929c16f83f70bfcc9a144ac6a50232efa56cd64"
35
+ "gitHead": "fffd94e886b67ed9019993a572a632054e812fa3"
36
36
  }