@things-factory/form-ui 10.0.0 → 10.0.8
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/client/themes/form-theme.css +13 -0
- package/package.json +2 -2
|
@@ -17,6 +17,19 @@ body {
|
|
|
17
17
|
--input-field-border-radius: var(--border-radius);
|
|
18
18
|
--input-field-padding: 2px 9px;
|
|
19
19
|
--input-field-font: normal 14px var(--theme-font);
|
|
20
|
+
/*
|
|
21
|
+
* 이 가족에 테두리·여백·폰트는 있었지만 **배경과 글자색이 없었다**. 그래서 native 인풋을
|
|
22
|
+
* 쓰는 화면은 전부 브라우저 기본 필드색으로 떨어졌고, 다크에서는 그 값이 중성 회색이라
|
|
23
|
+
* 청색기가 도는 테마 표면과 어울리지 않았다(같은 화면의 select 만 테마를 따라 서로 달라 보였다).
|
|
24
|
+
*
|
|
25
|
+
* surface 가 아니라 surface-container-highest 를 쓴다. 이 팔레트들은 surface 와 background 가
|
|
26
|
+
* 같은 값이어서, surface 로 두면 필드가 **테두리로만** 구분된다. 테두리 토큰 하나가 어긋나면
|
|
27
|
+
* 필드가 화면에서 사라진다(실제로 패스워드 칸에서 그랬다). 표면 계단의 가장 위를 쓰면
|
|
28
|
+
* 테마 색조를 유지하면서 페이지와 채움으로도 구분되어, 테두리에 의존하지 않는다.
|
|
29
|
+
*/
|
|
30
|
+
--input-field-background: var(--md-sys-color-surface-container-highest);
|
|
31
|
+
--input-field-color: var(--md-sys-color-on-surface);
|
|
32
|
+
--input-field-placeholder-color: var(--md-sys-color-on-surface-variant);
|
|
20
33
|
|
|
21
34
|
--search-form-box-padding: 15px 30px 15px 15px;
|
|
22
35
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@things-factory/form-ui",
|
|
3
|
-
"version": "10.0.
|
|
3
|
+
"version": "10.0.8",
|
|
4
4
|
"main": "dist-server/index.js",
|
|
5
5
|
"browser": "client/index.ts",
|
|
6
6
|
"things-factory": true,
|
|
@@ -26,5 +26,5 @@
|
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@operato/layout": "^10.0.0"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "4a5a29c9c4a8a3e04fd67a5e5a11a42f0131ad4b"
|
|
30
30
|
}
|