@iyulab/flex-table 0.23.0 → 0.23.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.
@@ -20,24 +20,24 @@ var s = t`
20
20
  --ft-cell-padding-inline: 12px;
21
21
  --ft-header-font-size: var(--ft-font-size);
22
22
  --ft-header-font-weight: 600;
23
- --ft-border-color: var(--u-border-color, #e0e0e0);
24
- --ft-bg: var(--u-bg-color, #fff);
25
- --ft-text-color: var(--u-txt-color, #202124);
26
- --ft-header-bg: var(--u-bg-color-raised, #f8f9fa);
27
- --ft-header-hover-bg: var(--u-bg-color-active, #e8eaed);
28
- --ft-header-text-color: var(--u-txt-color, #202124);
29
- --ft-row-even-bg: var(--u-bg-color, #fff);
30
- --ft-row-odd-bg: var(--u-bg-color-raised, #fafafa);
31
- --ft-row-hover-bg: var(--u-bg-color-hover, #f0f4ff);
32
- --ft-active-color: var(--u-primary-color, #1a73e8);
33
- --ft-selection-bg: var(--u-primary-bg-color, #e8f0fe);
34
- --ft-bool-color: var(--u-primary-color, #2196f3);
35
- --ft-sort-indicator-color: var(--u-txt-color-weak, #5f6368);
36
- --ft-editor-bg: var(--u-input-bg-color, #fff);
23
+ --ft-border-color: var(--u-border-color, #E0E0E0);
24
+ --ft-bg: var(--u-bg-color, #FFFFFF);
25
+ --ft-text-color: var(--u-txt-color, #212121);
26
+ --ft-header-bg: var(--u-bg-color-raised, #FAFAFA);
27
+ --ft-header-hover-bg: var(--u-bg-color-active, #EEEEEE);
28
+ --ft-header-text-color: var(--u-txt-color, #212121);
29
+ --ft-row-even-bg: var(--u-bg-color, #FFFFFF);
30
+ --ft-row-odd-bg: var(--u-bg-color-raised, #FAFAFA);
31
+ --ft-row-hover-bg: var(--u-bg-color-hover, #F5F5F5);
32
+ --ft-active-color: var(--u-primary-color, #1976D2);
33
+ --ft-selection-bg: var(--u-primary-bg-color, #E3F2FD);
34
+ --ft-bool-color: var(--u-primary-color, #1976D2);
35
+ --ft-sort-indicator-color: var(--u-txt-color-weak, #757575);
36
+ --ft-editor-bg: var(--u-input-bg-color, #FFFFFF);
37
37
  /* #999 was 2.85 against --ft-bg (#fff); AA needs 4.5. The dark value (#9aa0a6 on
38
38
  #1e1e2e = 6.31) was already fine, so this was a light-only defect. #5f6368 is the
39
39
  same grey the sort indicator uses, which keeps the palette to one family. */
40
- --ft-empty-color: var(--u-txt-color-weak, #5f6368);
40
+ --ft-empty-color: var(--u-txt-color-weak, #757575);
41
41
 
42
42
  /* 상태 색 — 종전에는 규칙 안에 리터럴로 박혀 있어 소비자가 덮을 경로가 없었고
43
43
  테마도 따라오지 않았다(다크에서 라이트용 값 그대로).
@@ -46,11 +46,11 @@ var s = t`
46
46
  아래에 있고 그것이 비쳐야 "어느 행의 어떤 셀"인지 읽힌다. 그래서 면 토큰
47
47
  (--u-*-bg-color)이 아니라 **상태 색에서 알파를 뽑는다** — 부수 효과로 두 테마
48
48
  모두에서 성립하므로 아래 다크 블록에 이 셋을 다시 적을 필요가 없다. */
49
- --ft-invalid-color: var(--u-danger-color, #d93025);
49
+ --ft-invalid-color: var(--u-danger-color, #D32F2F);
50
50
  --ft-invalid-bg: color-mix(in srgb, var(--ft-invalid-color) 8%, transparent);
51
- --ft-drop-color: var(--u-primary-color, #1a73e8);
51
+ --ft-drop-color: var(--u-primary-color, #1976D2);
52
52
  --ft-drop-bg: color-mix(in srgb, var(--ft-drop-color) 15%, transparent);
53
- --ft-find-color: var(--u-warning-color, #f9a825);
53
+ --ft-find-color: var(--u-warning-color, #FDD835);
54
54
  --ft-find-bg: color-mix(in srgb, var(--ft-find-color) 25%, transparent);
55
55
  --ft-find-current-bg: color-mix(in srgb, var(--ft-find-color) 50%, transparent);
56
56
  }
@@ -63,41 +63,41 @@ var s = t`
63
63
  ⇒ 즉 이 표는 시트 없이도 종전처럼 자체 테마를 갖는다(그것이 이 패키지의 계약이었다). */
64
64
  @media (prefers-color-scheme: dark) {
65
65
  :host(:not([theme="light"])) {
66
- --ft-border-color: var(--u-border-color, #3c4043);
67
- --ft-bg: var(--u-bg-color, #1e1e1e);
68
- --ft-text-color: var(--u-txt-color, #e8eaed);
69
- --ft-header-bg: var(--u-bg-color-raised, #292a2d);
70
- --ft-header-hover-bg: var(--u-bg-color-active, #3c4043);
71
- --ft-header-text-color: var(--u-txt-color, #e8eaed);
72
- --ft-row-even-bg: var(--u-bg-color, #1e1e1e);
73
- --ft-row-odd-bg: var(--u-bg-color-raised, #252526);
74
- --ft-row-hover-bg: var(--u-bg-color-hover, #2a2d2e);
75
- --ft-active-color: var(--u-primary-color, #4da3ff);
76
- --ft-selection-bg: var(--u-primary-bg-color, #264f78);
77
- --ft-bool-color: var(--u-primary-color, #64b5f6);
78
- --ft-sort-indicator-color: var(--u-txt-color-weak, #9aa0a6);
79
- --ft-editor-bg: var(--u-input-bg-color, #2d2d2d);
80
- --ft-empty-color: var(--u-txt-color-weak, #9aa0a6);
66
+ --ft-border-color: var(--u-border-color, #E0E0E0);
67
+ --ft-bg: var(--u-bg-color, #FFFFFF);
68
+ --ft-text-color: var(--u-txt-color, #212121);
69
+ --ft-header-bg: var(--u-bg-color-raised, #FAFAFA);
70
+ --ft-header-hover-bg: var(--u-bg-color-active, #EEEEEE);
71
+ --ft-header-text-color: var(--u-txt-color, #212121);
72
+ --ft-row-even-bg: var(--u-bg-color, #FFFFFF);
73
+ --ft-row-odd-bg: var(--u-bg-color-raised, #FAFAFA);
74
+ --ft-row-hover-bg: var(--u-bg-color-hover, #F5F5F5);
75
+ --ft-active-color: var(--u-primary-color, #1976D2);
76
+ --ft-selection-bg: var(--u-primary-bg-color, #E3F2FD);
77
+ --ft-bool-color: var(--u-primary-color, #1976D2);
78
+ --ft-sort-indicator-color: var(--u-txt-color-weak, #757575);
79
+ --ft-editor-bg: var(--u-input-bg-color, #FFFFFF);
80
+ --ft-empty-color: var(--u-txt-color-weak, #757575);
81
81
  }
82
82
  }
83
83
 
84
84
  /* --- Force dark via attribute --- */
85
85
  :host([theme="dark"]) {
86
- --ft-border-color: var(--u-border-color, #3c4043);
87
- --ft-bg: var(--u-bg-color, #1e1e1e);
88
- --ft-text-color: var(--u-txt-color, #e8eaed);
89
- --ft-header-bg: var(--u-bg-color-raised, #292a2d);
90
- --ft-header-hover-bg: var(--u-bg-color-active, #3c4043);
91
- --ft-header-text-color: var(--u-txt-color, #e8eaed);
92
- --ft-row-even-bg: var(--u-bg-color, #1e1e1e);
93
- --ft-row-odd-bg: var(--u-bg-color-raised, #252526);
94
- --ft-row-hover-bg: var(--u-bg-color-hover, #2a2d2e);
95
- --ft-active-color: var(--u-primary-color, #4da3ff);
96
- --ft-selection-bg: var(--u-primary-bg-color, #264f78);
97
- --ft-bool-color: var(--u-primary-color, #64b5f6);
98
- --ft-sort-indicator-color: var(--u-txt-color-weak, #9aa0a6);
99
- --ft-editor-bg: var(--u-input-bg-color, #2d2d2d);
100
- --ft-empty-color: var(--u-txt-color-weak, #9aa0a6);
86
+ --ft-border-color: var(--u-border-color, #E0E0E0);
87
+ --ft-bg: var(--u-bg-color, #FFFFFF);
88
+ --ft-text-color: var(--u-txt-color, #212121);
89
+ --ft-header-bg: var(--u-bg-color-raised, #FAFAFA);
90
+ --ft-header-hover-bg: var(--u-bg-color-active, #EEEEEE);
91
+ --ft-header-text-color: var(--u-txt-color, #212121);
92
+ --ft-row-even-bg: var(--u-bg-color, #FFFFFF);
93
+ --ft-row-odd-bg: var(--u-bg-color-raised, #FAFAFA);
94
+ --ft-row-hover-bg: var(--u-bg-color-hover, #F5F5F5);
95
+ --ft-active-color: var(--u-primary-color, #1976D2);
96
+ --ft-selection-bg: var(--u-primary-bg-color, #E3F2FD);
97
+ --ft-bool-color: var(--u-primary-color, #1976D2);
98
+ --ft-sort-indicator-color: var(--u-txt-color-weak, #757575);
99
+ --ft-editor-bg: var(--u-input-bg-color, #FFFFFF);
100
+ --ft-empty-color: var(--u-txt-color-weak, #757575);
101
101
  }
102
102
 
103
103
  /* --- Layout --- */
@@ -1,2 +1,2 @@
1
- import { a as e, i as t, n, r, t as i } from "./flex-table-DReUAeUh.js";
1
+ import { a as e, i as t, n, r, t as i } from "./flex-table-D-OLUYir.js";
2
2
  export { i as FlexTable, t as RowSelectionState, r as UndoStack, n as exportData, e as renderCell };
package/dist/react.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "./flex-table-DReUAeUh.js";
1
+ import { t as e } from "./flex-table-D-OLUYir.js";
2
2
  import t from "react";
3
3
  import { createComponent as n } from "@lit/react";
4
4
  var r = n({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@iyulab/flex-table",
3
- "version": "0.23.0",
3
+ "version": "0.23.1",
4
4
  "description": "A minimalist, input-centric data grid web component",
5
5
  "type": "module",
6
6
  "main": "./dist/flex-table.js",