@noraent/nora-datagrid 0.0.286 → 0.0.288

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.
Files changed (9) hide show
  1. package/dist/buildPackage.json +1 -1
  2. package/dist/common/constants/utils.d.ts +1 -0
  3. package/dist/common/foundation/palette.d.ts +237 -6
  4. package/dist/nora_datagrid.cjs.js +4 -2
  5. package/dist/nora_datagrid.es.js +114 -58
  6. package/dist/provider/ThemeProvider.d.ts +5 -5
  7. package/dist/types/index.d.ts +4 -0
  8. package/dist/types/palette.d.ts +85 -48
  9. package/package.json +1 -1
package/dist/buildPackage.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@noraent/nora-datagrid",
3
- "version": "0.0.286",
3
+ "version": "0.0.288",
4
4
  "module": "./dist/nora_datagrid.es.js",
5
5
  "main": "./dist/nora_datagrid.cjs.js",
6
6
  "private": false,
package/dist/common/constants/utils.d.ts CHANGED
@@ -37,3 +37,4 @@ export declare function adjustSaturation(hex: string, amount: number): string;
37
37
  * @returns 'rgba(r,g,b,a)' 문자열
38
38
  */
39
39
  export declare function alpha(hex: string, opacity: number): string;
40
+ export declare function deepMerge<T>(target: T, source: Partial<T>): T;
package/dist/common/foundation/palette.d.ts CHANGED
@@ -1,10 +1,241 @@
1
- import { ColorMode, ComponentColors, GridTheme, Palette } from '../../types/palette';
1
+ import { ColorMode, GridTheme, GridThemeOptions } from '../../types/palette';
2
2
  export declare const defaultDarkTheme: {
3
- palette: Palette;
4
- components: ComponentColors;
3
+ palette: {
4
+ mode: ColorMode;
5
+ primary: {
6
+ main: string;
7
+ light: string;
8
+ dark: string;
9
+ contrastText: string;
10
+ };
11
+ secondary: {
12
+ main: string;
13
+ light: string;
14
+ dark: string;
15
+ contrastText: string;
16
+ };
17
+ error: {
18
+ main: string;
19
+ light: string;
20
+ dark: string;
21
+ contrastText: string;
22
+ };
23
+ warning: {
24
+ main: string;
25
+ light: string;
26
+ dark: string;
27
+ contrastText: string;
28
+ };
29
+ info: {
30
+ main: string;
31
+ light: string;
32
+ dark: string;
33
+ contrastText: string;
34
+ };
35
+ success: {
36
+ main: string;
37
+ light: string;
38
+ dark: string;
39
+ contrastText: string;
40
+ };
41
+ background: {
42
+ default: string;
43
+ paper: string;
44
+ };
45
+ text: {
46
+ primary: string;
47
+ secondary: string;
48
+ disabled: string;
49
+ hint: string;
50
+ };
51
+ divider: string;
52
+ };
53
+ components: {
54
+ mode: ColorMode;
55
+ HeaderCell: {
56
+ default: {
57
+ text: {
58
+ main: string;
59
+ };
60
+ backgroundColor: string;
61
+ borderStyle: string;
62
+ borderColor: string;
63
+ };
64
+ };
65
+ Row: {
66
+ default: {
67
+ borderStyle: string;
68
+ borderColor: string;
69
+ text: {
70
+ main: string;
71
+ };
72
+ };
73
+ hover: {
74
+ background: string;
75
+ borderColor: string;
76
+ text: {
77
+ main: string;
78
+ };
79
+ };
80
+ "focus-hover": {
81
+ background: string;
82
+ };
83
+ disabled: {
84
+ background: string;
85
+ borderColor: string;
86
+ text: {
87
+ main: string;
88
+ };
89
+ };
90
+ };
91
+ Scrollbar: {
92
+ default: {
93
+ thumbBackgroundColor: string;
94
+ };
95
+ hover: {
96
+ thumbBackgroundColor: string;
97
+ };
98
+ active: {
99
+ thumbBackgroundColor: string;
100
+ };
101
+ };
102
+ Skeleton: {
103
+ default: {
104
+ backgroundColor: string;
105
+ scope: {
106
+ 0: string;
107
+ 50: string;
108
+ 100: string;
109
+ };
110
+ };
111
+ };
112
+ };
113
+ customVars: {
114
+ ":root": {
115
+ "--noraDataGrid-skeleton-bg-1": string;
116
+ "--noraDataGrid-skeleton-bg-2": string;
117
+ "--noraDataGrid-skeleton-bg-3": string;
118
+ };
119
+ };
5
120
  };
6
121
  export declare const defaultLightTheme: {
7
- palette: Palette;
8
- components: ComponentColors;
122
+ palette: {
123
+ mode: ColorMode;
124
+ primary: {
125
+ main: string;
126
+ light: string;
127
+ dark: string;
128
+ contrastText: string;
129
+ };
130
+ secondary: {
131
+ main: string;
132
+ light: string;
133
+ dark: string;
134
+ contrastText: string;
135
+ };
136
+ error: {
137
+ main: string;
138
+ light: string;
139
+ dark: string;
140
+ contrastText: string;
141
+ };
142
+ warning: {
143
+ main: string;
144
+ light: string;
145
+ dark: string;
146
+ contrastText: string;
147
+ };
148
+ info: {
149
+ main: string;
150
+ light: string;
151
+ dark: string;
152
+ contrastText: string;
153
+ };
154
+ success: {
155
+ main: string;
156
+ light: string;
157
+ dark: string;
158
+ contrastText: string;
159
+ };
160
+ background: {
161
+ default: string;
162
+ paper: string;
163
+ };
164
+ text: {
165
+ primary: string;
166
+ secondary: string;
167
+ disabled: string;
168
+ hint: string;
169
+ };
170
+ divider: string;
171
+ };
172
+ components: {
173
+ mode: ColorMode;
174
+ HeaderCell: {
175
+ default: {
176
+ text: {
177
+ main: string;
178
+ };
179
+ backgroundColor: string;
180
+ borderStyle: string;
181
+ borderColor: string;
182
+ };
183
+ };
184
+ Row: {
185
+ default: {
186
+ borderStyle: string;
187
+ borderColor: string;
188
+ text: {
189
+ main: string;
190
+ };
191
+ };
192
+ hover: {
193
+ background: string;
194
+ borderColor: string;
195
+ text: {
196
+ main: string;
197
+ };
198
+ };
199
+ "focus-hover": {
200
+ background: string;
201
+ };
202
+ disabled: {
203
+ background: string;
204
+ borderColor: string;
205
+ text: {
206
+ main: string;
207
+ };
208
+ };
209
+ };
210
+ Scrollbar: {
211
+ default: {
212
+ thumbBackgroundColor: string;
213
+ };
214
+ hover: {
215
+ thumbBackgroundColor: string;
216
+ };
217
+ active: {
218
+ thumbBackgroundColor: string;
219
+ };
220
+ };
221
+ Skeleton: {
222
+ default: {
223
+ backgroundColor: string;
224
+ scope: {
225
+ 0: string;
226
+ 50: string;
227
+ 100: string;
228
+ };
229
+ };
230
+ };
231
+ };
232
+ customVars: {
233
+ ":root": {
234
+ "--noraDataGrid-skeleton-bg-1": string;
235
+ "--noraDataGrid-skeleton-bg-2": string;
236
+ "--noraDataGrid-skeleton-bg-3": string;
237
+ };
238
+ };
9
239
  };
10
- export declare const createTheme: (mode: ColorMode) => GridTheme;
240
+ export declare const createTheme: (theme: GridThemeOptions | GridTheme) => GridTheme;
241
+ export declare const generateGridTheme: (mode: ColorMode) => GridTheme;