@tide-tds/components 0.6.0 → 0.7.0
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/dist/alert-style.js +1 -1
- package/dist/list-style.js +1 -1
- package/package.json +3 -3
package/dist/alert-style.js
CHANGED
|
@@ -26,7 +26,7 @@ const alertCloseClass = "-my-0.5 -me-1";
|
|
|
26
26
|
/**
|
|
27
27
|
* Alert(subtle 표면) 안 닫기 버튼의 색. ghost의 기본(text-accent, bg-hover·bg-active)을 덮어쓴다.
|
|
28
28
|
* subtle 바탕 위라 글자는 on-subtle이고, hover·누름은 같은 색의 subtle-hover·subtle-active다
|
|
29
|
-
* (on-subtle × subtle
|
|
29
|
+
* (on-subtle × subtle 4.5:1, × subtle-hover·subtle-active 4:1 등록, ADR 0022·0023).
|
|
30
30
|
*/
|
|
31
31
|
const alertSubtleCloseClass = "text-accent-on-subtle hover:bg-accent-subtle-hover active:bg-accent-subtle-active";
|
|
32
32
|
const statusIcons = {
|
package/dist/list-style.js
CHANGED
|
@@ -22,7 +22,7 @@ const listPopupClass = `isolate z-popover min-w-40 max-w-80 overflow-auto p-[3px
|
|
|
22
22
|
* 기본 `outline-none`이 outline 모양 변수를 none으로 두므로 `outline-solid`를 함께 쓴다.
|
|
23
23
|
* 항목 안쪽(`-outline-offset-2`)에 그려 이웃 항목·목록 경계와 겹치지 않는다.
|
|
24
24
|
* - `hover`(highlight가 아닐 때): 색 없이 덮는 `bg-hover`(ADR 0022 §3). 키보드로 옮긴 위치가 따로 있을 때
|
|
25
|
-
* 마우스가 다른 항목 위에 있는 경우다. text-default × bg-hover(bg-raised 위 합성)가 4
|
|
25
|
+
* 마우스가 다른 항목 위에 있는 경우다. text-default × bg-hover(bg-raised 위 합성)가 4:1(일시 상태, ADR 0023)로 등록되어 있다.
|
|
26
26
|
* - `data-selected`(highlight가 아닐 때): 선택 유지 `subtle-active`(neutral). 상태를 나타내는 바탕이라 덮기로 바꾸지 않는다.
|
|
27
27
|
* Select·Combobox의 고른 옵션이 쓴다.
|
|
28
28
|
* - `data-disabled`: `text-disabled`, `cursor-not-allowed`. hover 배경이 없다.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tide-tds/components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.0",
|
|
4
4
|
"description": "Tide 디자인 시스템의 React Component",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
"./styles.css": "./dist/styles.css"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@tide-tds/foundation": "0.
|
|
27
|
-
"@tide-tds/icons": "0.
|
|
26
|
+
"@tide-tds/foundation": "0.7.0",
|
|
27
|
+
"@tide-tds/icons": "0.7.0",
|
|
28
28
|
"clsx": "^2.1.1",
|
|
29
29
|
"react-aria": "^3.53.1",
|
|
30
30
|
"react-stately": "^3.51.0",
|