@domphy/ui 0.1.7 → 0.1.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/dist/index.d.cts CHANGED
@@ -1,14 +1,14 @@
1
- import { PartialElement, ValueOrState, DomphyElement, Notifier, Handler } from '@domphy/core';
1
+ import { ValueOrState, PartialElement, DomphyElement, Notifier, Handler } from '@domphy/core';
2
2
  import { ThemeColor } from '@domphy/theme';
3
3
  import { Placement as Placement$1 } from '@floating-ui/dom';
4
4
 
5
5
  declare function abbreviation(props?: {
6
- color?: ThemeColor;
7
- accentColor?: ThemeColor;
6
+ color?: ValueOrState<ThemeColor>;
7
+ accentColor?: ValueOrState<ThemeColor>;
8
8
  }): PartialElement;
9
9
 
10
10
  declare function card(props?: {
11
- color?: ThemeColor;
11
+ color?: ValueOrState<ThemeColor>;
12
12
  }): PartialElement;
13
13
 
14
14
  declare function splitter(props?: {
@@ -31,8 +31,8 @@ declare function commandItem(props?: {
31
31
  }): PartialElement;
32
32
 
33
33
  declare function toggle(props?: {
34
- color?: ThemeColor;
35
- accentColor?: ThemeColor;
34
+ color?: ValueOrState<ThemeColor>;
35
+ accentColor?: ValueOrState<ThemeColor>;
36
36
  }): PartialElement;
37
37
 
38
38
  declare function toggleGroup(props?: {
@@ -44,25 +44,25 @@ declare function toggleGroup(props?: {
44
44
  declare function inputOTP(): PartialElement;
45
45
 
46
46
  declare function alert(props?: {
47
- color?: ThemeColor;
47
+ color?: ValueOrState<ThemeColor>;
48
48
  }): PartialElement;
49
49
 
50
50
  declare function avatar(props?: {
51
- color?: ThemeColor;
51
+ color?: ValueOrState<ThemeColor>;
52
52
  }): PartialElement;
53
53
 
54
54
  declare function badge(props?: {
55
- color?: ThemeColor;
55
+ color?: ValueOrState<ThemeColor>;
56
56
  label?: ValueOrState<string | number>;
57
57
  }): PartialElement;
58
58
 
59
59
  declare function breadcrumb(props?: {
60
- color?: ThemeColor;
60
+ color?: ValueOrState<ThemeColor>;
61
61
  separator?: string;
62
62
  }): PartialElement;
63
63
 
64
64
  declare function breadcrumbEllipsis(props?: {
65
- color?: ThemeColor;
65
+ color?: ValueOrState<ThemeColor>;
66
66
  }): PartialElement;
67
67
 
68
68
  declare function combobox(props: {
@@ -88,30 +88,30 @@ declare function popoverArrow(props?: {
88
88
  }): PartialElement;
89
89
 
90
90
  declare function blockquote(props?: {
91
- color?: ThemeColor;
91
+ color?: ValueOrState<ThemeColor>;
92
92
  }): PartialElement;
93
93
 
94
94
  declare function button(props?: {
95
- color?: ThemeColor;
95
+ color?: ValueOrState<ThemeColor>;
96
96
  }): PartialElement;
97
97
 
98
98
  declare function inputCheckbox(props?: {
99
- color?: ThemeColor;
100
- accentColor?: ThemeColor;
99
+ color?: ValueOrState<ThemeColor>;
100
+ accentColor?: ValueOrState<ThemeColor>;
101
101
  }): PartialElement;
102
102
 
103
103
  declare function code(props?: {
104
- color?: ThemeColor;
104
+ color?: ValueOrState<ThemeColor>;
105
105
  }): PartialElement;
106
106
 
107
107
  declare function details(props?: {
108
- color?: ThemeColor;
109
- accentColor?: ThemeColor;
108
+ color?: ValueOrState<ThemeColor>;
109
+ accentColor?: ValueOrState<ThemeColor>;
110
110
  duration?: number;
111
111
  }): PartialElement;
112
112
 
113
113
  declare function descriptionList(props?: {
114
- color?: ThemeColor;
114
+ color?: ValueOrState<ThemeColor>;
115
115
  }): PartialElement;
116
116
 
117
117
  declare function dialog(props?: {
@@ -120,105 +120,105 @@ declare function dialog(props?: {
120
120
  }): PartialElement;
121
121
 
122
122
  declare function emphasis(props?: {
123
- color?: ThemeColor;
123
+ color?: ValueOrState<ThemeColor>;
124
124
  }): PartialElement;
125
125
 
126
126
  declare function figure(props?: {
127
- color?: ThemeColor;
127
+ color?: ValueOrState<ThemeColor>;
128
128
  }): PartialElement;
129
129
 
130
130
  declare function formGroup(props?: {
131
- color?: ThemeColor;
131
+ color?: ValueOrState<ThemeColor>;
132
132
  layout?: "horizontal" | "vertical";
133
133
  }): PartialElement;
134
134
 
135
135
  declare function heading(props?: {
136
- color?: ThemeColor;
136
+ color?: ValueOrState<ThemeColor>;
137
137
  }): PartialElement;
138
138
 
139
139
  declare function horizontalRule(props?: {
140
- color?: ThemeColor;
140
+ color?: ValueOrState<ThemeColor>;
141
141
  }): PartialElement;
142
142
 
143
143
  declare function image(props?: {
144
- color?: ThemeColor;
144
+ color?: ValueOrState<ThemeColor>;
145
145
  }): PartialElement;
146
146
 
147
147
  declare function icon(props?: {
148
- color?: ThemeColor;
148
+ color?: ValueOrState<ThemeColor>;
149
149
  }): PartialElement;
150
150
 
151
151
  declare function inputColor(props?: {
152
- color?: ThemeColor;
153
- accentColor?: ThemeColor;
152
+ color?: ValueOrState<ThemeColor>;
153
+ accentColor?: ValueOrState<ThemeColor>;
154
154
  }): PartialElement;
155
155
 
156
156
  type InputDateTimeMode = "date" | "time" | "week" | "month" | "datetime-local";
157
157
  declare function inputDateTime(props?: {
158
158
  mode?: InputDateTimeMode;
159
- color?: ThemeColor;
160
- accentColor?: ThemeColor;
159
+ color?: ValueOrState<ThemeColor>;
160
+ accentColor?: ValueOrState<ThemeColor>;
161
161
  }): PartialElement;
162
162
 
163
163
  declare function inputFile(props?: {
164
- color?: ThemeColor;
165
- accentColor?: ThemeColor;
164
+ color?: ValueOrState<ThemeColor>;
165
+ accentColor?: ValueOrState<ThemeColor>;
166
166
  }): PartialElement;
167
167
 
168
168
  declare function inputSearch(props?: {
169
- color?: ThemeColor;
170
- accentColor?: ThemeColor;
169
+ color?: ValueOrState<ThemeColor>;
170
+ accentColor?: ValueOrState<ThemeColor>;
171
171
  }): PartialElement;
172
172
 
173
173
  declare function inputText(props?: {
174
- color?: ThemeColor;
175
- accentColor?: ThemeColor;
174
+ color?: ValueOrState<ThemeColor>;
175
+ accentColor?: ValueOrState<ThemeColor>;
176
176
  }): PartialElement;
177
177
 
178
178
  declare function inputRange(props?: {
179
- color?: ThemeColor;
180
- accentColor?: ThemeColor;
179
+ color?: ValueOrState<ThemeColor>;
180
+ accentColor?: ValueOrState<ThemeColor>;
181
181
  }): PartialElement;
182
182
 
183
183
  declare function inputNumber(props?: {
184
- color?: ThemeColor;
185
- accentColor?: ThemeColor;
184
+ color?: ValueOrState<ThemeColor>;
185
+ accentColor?: ValueOrState<ThemeColor>;
186
186
  }): PartialElement;
187
187
 
188
188
  declare function keyboard(props?: {
189
- color?: ThemeColor;
189
+ color?: ValueOrState<ThemeColor>;
190
190
  }): PartialElement;
191
191
 
192
192
  declare function label(props?: {
193
- color?: ThemeColor;
194
- accentColor?: ThemeColor;
193
+ color?: ValueOrState<ThemeColor>;
194
+ accentColor?: ValueOrState<ThemeColor>;
195
195
  }): PartialElement;
196
196
 
197
197
  declare function link(props?: {
198
- color?: ThemeColor;
199
- accentColor?: ThemeColor;
198
+ color?: ValueOrState<ThemeColor>;
199
+ accentColor?: ValueOrState<ThemeColor>;
200
200
  }): PartialElement;
201
201
 
202
202
  declare function mark(props?: {
203
- accentColor?: ThemeColor;
203
+ accentColor?: ValueOrState<ThemeColor>;
204
204
  }): PartialElement;
205
205
 
206
206
  declare function paragraph(props?: {
207
- color?: ThemeColor;
207
+ color?: ValueOrState<ThemeColor>;
208
208
  }): PartialElement;
209
209
 
210
210
  declare function preformated(props?: {
211
- color?: ThemeColor;
211
+ color?: ValueOrState<ThemeColor>;
212
212
  }): PartialElement;
213
213
 
214
214
  declare function progress(props?: {
215
- color?: ThemeColor;
216
- accentColor?: ThemeColor;
215
+ color?: ValueOrState<ThemeColor>;
216
+ accentColor?: ValueOrState<ThemeColor>;
217
217
  }): PartialElement;
218
218
 
219
219
  declare function inputRadio(props?: {
220
- color?: ThemeColor;
221
- accentColor?: ThemeColor;
220
+ color?: ValueOrState<ThemeColor>;
221
+ accentColor?: ValueOrState<ThemeColor>;
222
222
  }): PartialElement;
223
223
 
224
224
  declare function select(props?: {
@@ -227,11 +227,11 @@ declare function select(props?: {
227
227
  }): PartialElement;
228
228
 
229
229
  declare function skeleton(props?: {
230
- color?: ThemeColor;
230
+ color?: ValueOrState<ThemeColor>;
231
231
  }): PartialElement;
232
232
 
233
233
  declare function spinner(props?: {
234
- color?: ThemeColor;
234
+ color?: ValueOrState<ThemeColor>;
235
235
  }): PartialElement;
236
236
 
237
237
  declare function selectList(props?: {
@@ -262,46 +262,46 @@ declare function selectBox(props: {
262
262
  }): PartialElement;
263
263
 
264
264
  declare function inputSwitch(props?: {
265
- accentColor?: ThemeColor;
265
+ accentColor?: ValueOrState<ThemeColor>;
266
266
  }): PartialElement;
267
267
 
268
268
  declare function buttonSwitch(props?: {
269
269
  checked?: ValueOrState<boolean>;
270
- accentColor?: ThemeColor;
271
- color?: ThemeColor;
270
+ accentColor?: ValueOrState<ThemeColor>;
271
+ color?: ValueOrState<ThemeColor>;
272
272
  }): PartialElement;
273
273
 
274
274
  declare function small(props?: {
275
- color?: ThemeColor;
275
+ color?: ValueOrState<ThemeColor>;
276
276
  }): PartialElement;
277
277
 
278
278
  declare function strong(props?: {
279
- color?: ThemeColor;
279
+ color?: ValueOrState<ThemeColor>;
280
280
  }): PartialElement;
281
281
 
282
282
  declare function subscript(props?: {
283
- color?: ThemeColor;
283
+ color?: ValueOrState<ThemeColor>;
284
284
  }): PartialElement;
285
285
 
286
286
  declare function superscript(props?: {
287
- color?: ThemeColor;
287
+ color?: ValueOrState<ThemeColor>;
288
288
  }): PartialElement;
289
289
 
290
290
  declare function table(props?: {
291
- color?: ThemeColor;
291
+ color?: ValueOrState<ThemeColor>;
292
292
  }): PartialElement;
293
293
 
294
294
  declare function textarea(props?: {
295
- color?: ThemeColor;
296
- accentColor?: ThemeColor;
295
+ color?: ValueOrState<ThemeColor>;
296
+ accentColor?: ValueOrState<ThemeColor>;
297
297
  }): PartialElement;
298
298
 
299
299
  declare function unorderedList(props?: {
300
- color?: ThemeColor;
300
+ color?: ValueOrState<ThemeColor>;
301
301
  }): PartialElement;
302
302
 
303
303
  declare function orderedList(props?: {
304
- color?: ThemeColor;
304
+ color?: ValueOrState<ThemeColor>;
305
305
  }): PartialElement;
306
306
 
307
307
  declare function pagination(props: {
@@ -312,7 +312,7 @@ declare function pagination(props: {
312
312
  }): PartialElement;
313
313
 
314
314
  declare function divider(props?: {
315
- color?: ThemeColor;
315
+ color?: ValueOrState<ThemeColor>;
316
316
  }): PartialElement;
317
317
 
318
318
  type Placement = "left" | "right" | "top" | "bottom";
@@ -360,7 +360,7 @@ declare function tab(props?: {
360
360
  declare function tabPanel(): PartialElement;
361
361
 
362
362
  declare function tag(props?: {
363
- color?: ThemeColor;
363
+ color?: ValueOrState<ThemeColor>;
364
364
  removable?: boolean;
365
365
  }): PartialElement;
366
366
 
package/dist/index.d.ts CHANGED
@@ -1,14 +1,14 @@
1
- import { PartialElement, ValueOrState, DomphyElement, Notifier, Handler } from '@domphy/core';
1
+ import { ValueOrState, PartialElement, DomphyElement, Notifier, Handler } from '@domphy/core';
2
2
  import { ThemeColor } from '@domphy/theme';
3
3
  import { Placement as Placement$1 } from '@floating-ui/dom';
4
4
 
5
5
  declare function abbreviation(props?: {
6
- color?: ThemeColor;
7
- accentColor?: ThemeColor;
6
+ color?: ValueOrState<ThemeColor>;
7
+ accentColor?: ValueOrState<ThemeColor>;
8
8
  }): PartialElement;
9
9
 
10
10
  declare function card(props?: {
11
- color?: ThemeColor;
11
+ color?: ValueOrState<ThemeColor>;
12
12
  }): PartialElement;
13
13
 
14
14
  declare function splitter(props?: {
@@ -31,8 +31,8 @@ declare function commandItem(props?: {
31
31
  }): PartialElement;
32
32
 
33
33
  declare function toggle(props?: {
34
- color?: ThemeColor;
35
- accentColor?: ThemeColor;
34
+ color?: ValueOrState<ThemeColor>;
35
+ accentColor?: ValueOrState<ThemeColor>;
36
36
  }): PartialElement;
37
37
 
38
38
  declare function toggleGroup(props?: {
@@ -44,25 +44,25 @@ declare function toggleGroup(props?: {
44
44
  declare function inputOTP(): PartialElement;
45
45
 
46
46
  declare function alert(props?: {
47
- color?: ThemeColor;
47
+ color?: ValueOrState<ThemeColor>;
48
48
  }): PartialElement;
49
49
 
50
50
  declare function avatar(props?: {
51
- color?: ThemeColor;
51
+ color?: ValueOrState<ThemeColor>;
52
52
  }): PartialElement;
53
53
 
54
54
  declare function badge(props?: {
55
- color?: ThemeColor;
55
+ color?: ValueOrState<ThemeColor>;
56
56
  label?: ValueOrState<string | number>;
57
57
  }): PartialElement;
58
58
 
59
59
  declare function breadcrumb(props?: {
60
- color?: ThemeColor;
60
+ color?: ValueOrState<ThemeColor>;
61
61
  separator?: string;
62
62
  }): PartialElement;
63
63
 
64
64
  declare function breadcrumbEllipsis(props?: {
65
- color?: ThemeColor;
65
+ color?: ValueOrState<ThemeColor>;
66
66
  }): PartialElement;
67
67
 
68
68
  declare function combobox(props: {
@@ -88,30 +88,30 @@ declare function popoverArrow(props?: {
88
88
  }): PartialElement;
89
89
 
90
90
  declare function blockquote(props?: {
91
- color?: ThemeColor;
91
+ color?: ValueOrState<ThemeColor>;
92
92
  }): PartialElement;
93
93
 
94
94
  declare function button(props?: {
95
- color?: ThemeColor;
95
+ color?: ValueOrState<ThemeColor>;
96
96
  }): PartialElement;
97
97
 
98
98
  declare function inputCheckbox(props?: {
99
- color?: ThemeColor;
100
- accentColor?: ThemeColor;
99
+ color?: ValueOrState<ThemeColor>;
100
+ accentColor?: ValueOrState<ThemeColor>;
101
101
  }): PartialElement;
102
102
 
103
103
  declare function code(props?: {
104
- color?: ThemeColor;
104
+ color?: ValueOrState<ThemeColor>;
105
105
  }): PartialElement;
106
106
 
107
107
  declare function details(props?: {
108
- color?: ThemeColor;
109
- accentColor?: ThemeColor;
108
+ color?: ValueOrState<ThemeColor>;
109
+ accentColor?: ValueOrState<ThemeColor>;
110
110
  duration?: number;
111
111
  }): PartialElement;
112
112
 
113
113
  declare function descriptionList(props?: {
114
- color?: ThemeColor;
114
+ color?: ValueOrState<ThemeColor>;
115
115
  }): PartialElement;
116
116
 
117
117
  declare function dialog(props?: {
@@ -120,105 +120,105 @@ declare function dialog(props?: {
120
120
  }): PartialElement;
121
121
 
122
122
  declare function emphasis(props?: {
123
- color?: ThemeColor;
123
+ color?: ValueOrState<ThemeColor>;
124
124
  }): PartialElement;
125
125
 
126
126
  declare function figure(props?: {
127
- color?: ThemeColor;
127
+ color?: ValueOrState<ThemeColor>;
128
128
  }): PartialElement;
129
129
 
130
130
  declare function formGroup(props?: {
131
- color?: ThemeColor;
131
+ color?: ValueOrState<ThemeColor>;
132
132
  layout?: "horizontal" | "vertical";
133
133
  }): PartialElement;
134
134
 
135
135
  declare function heading(props?: {
136
- color?: ThemeColor;
136
+ color?: ValueOrState<ThemeColor>;
137
137
  }): PartialElement;
138
138
 
139
139
  declare function horizontalRule(props?: {
140
- color?: ThemeColor;
140
+ color?: ValueOrState<ThemeColor>;
141
141
  }): PartialElement;
142
142
 
143
143
  declare function image(props?: {
144
- color?: ThemeColor;
144
+ color?: ValueOrState<ThemeColor>;
145
145
  }): PartialElement;
146
146
 
147
147
  declare function icon(props?: {
148
- color?: ThemeColor;
148
+ color?: ValueOrState<ThemeColor>;
149
149
  }): PartialElement;
150
150
 
151
151
  declare function inputColor(props?: {
152
- color?: ThemeColor;
153
- accentColor?: ThemeColor;
152
+ color?: ValueOrState<ThemeColor>;
153
+ accentColor?: ValueOrState<ThemeColor>;
154
154
  }): PartialElement;
155
155
 
156
156
  type InputDateTimeMode = "date" | "time" | "week" | "month" | "datetime-local";
157
157
  declare function inputDateTime(props?: {
158
158
  mode?: InputDateTimeMode;
159
- color?: ThemeColor;
160
- accentColor?: ThemeColor;
159
+ color?: ValueOrState<ThemeColor>;
160
+ accentColor?: ValueOrState<ThemeColor>;
161
161
  }): PartialElement;
162
162
 
163
163
  declare function inputFile(props?: {
164
- color?: ThemeColor;
165
- accentColor?: ThemeColor;
164
+ color?: ValueOrState<ThemeColor>;
165
+ accentColor?: ValueOrState<ThemeColor>;
166
166
  }): PartialElement;
167
167
 
168
168
  declare function inputSearch(props?: {
169
- color?: ThemeColor;
170
- accentColor?: ThemeColor;
169
+ color?: ValueOrState<ThemeColor>;
170
+ accentColor?: ValueOrState<ThemeColor>;
171
171
  }): PartialElement;
172
172
 
173
173
  declare function inputText(props?: {
174
- color?: ThemeColor;
175
- accentColor?: ThemeColor;
174
+ color?: ValueOrState<ThemeColor>;
175
+ accentColor?: ValueOrState<ThemeColor>;
176
176
  }): PartialElement;
177
177
 
178
178
  declare function inputRange(props?: {
179
- color?: ThemeColor;
180
- accentColor?: ThemeColor;
179
+ color?: ValueOrState<ThemeColor>;
180
+ accentColor?: ValueOrState<ThemeColor>;
181
181
  }): PartialElement;
182
182
 
183
183
  declare function inputNumber(props?: {
184
- color?: ThemeColor;
185
- accentColor?: ThemeColor;
184
+ color?: ValueOrState<ThemeColor>;
185
+ accentColor?: ValueOrState<ThemeColor>;
186
186
  }): PartialElement;
187
187
 
188
188
  declare function keyboard(props?: {
189
- color?: ThemeColor;
189
+ color?: ValueOrState<ThemeColor>;
190
190
  }): PartialElement;
191
191
 
192
192
  declare function label(props?: {
193
- color?: ThemeColor;
194
- accentColor?: ThemeColor;
193
+ color?: ValueOrState<ThemeColor>;
194
+ accentColor?: ValueOrState<ThemeColor>;
195
195
  }): PartialElement;
196
196
 
197
197
  declare function link(props?: {
198
- color?: ThemeColor;
199
- accentColor?: ThemeColor;
198
+ color?: ValueOrState<ThemeColor>;
199
+ accentColor?: ValueOrState<ThemeColor>;
200
200
  }): PartialElement;
201
201
 
202
202
  declare function mark(props?: {
203
- accentColor?: ThemeColor;
203
+ accentColor?: ValueOrState<ThemeColor>;
204
204
  }): PartialElement;
205
205
 
206
206
  declare function paragraph(props?: {
207
- color?: ThemeColor;
207
+ color?: ValueOrState<ThemeColor>;
208
208
  }): PartialElement;
209
209
 
210
210
  declare function preformated(props?: {
211
- color?: ThemeColor;
211
+ color?: ValueOrState<ThemeColor>;
212
212
  }): PartialElement;
213
213
 
214
214
  declare function progress(props?: {
215
- color?: ThemeColor;
216
- accentColor?: ThemeColor;
215
+ color?: ValueOrState<ThemeColor>;
216
+ accentColor?: ValueOrState<ThemeColor>;
217
217
  }): PartialElement;
218
218
 
219
219
  declare function inputRadio(props?: {
220
- color?: ThemeColor;
221
- accentColor?: ThemeColor;
220
+ color?: ValueOrState<ThemeColor>;
221
+ accentColor?: ValueOrState<ThemeColor>;
222
222
  }): PartialElement;
223
223
 
224
224
  declare function select(props?: {
@@ -227,11 +227,11 @@ declare function select(props?: {
227
227
  }): PartialElement;
228
228
 
229
229
  declare function skeleton(props?: {
230
- color?: ThemeColor;
230
+ color?: ValueOrState<ThemeColor>;
231
231
  }): PartialElement;
232
232
 
233
233
  declare function spinner(props?: {
234
- color?: ThemeColor;
234
+ color?: ValueOrState<ThemeColor>;
235
235
  }): PartialElement;
236
236
 
237
237
  declare function selectList(props?: {
@@ -262,46 +262,46 @@ declare function selectBox(props: {
262
262
  }): PartialElement;
263
263
 
264
264
  declare function inputSwitch(props?: {
265
- accentColor?: ThemeColor;
265
+ accentColor?: ValueOrState<ThemeColor>;
266
266
  }): PartialElement;
267
267
 
268
268
  declare function buttonSwitch(props?: {
269
269
  checked?: ValueOrState<boolean>;
270
- accentColor?: ThemeColor;
271
- color?: ThemeColor;
270
+ accentColor?: ValueOrState<ThemeColor>;
271
+ color?: ValueOrState<ThemeColor>;
272
272
  }): PartialElement;
273
273
 
274
274
  declare function small(props?: {
275
- color?: ThemeColor;
275
+ color?: ValueOrState<ThemeColor>;
276
276
  }): PartialElement;
277
277
 
278
278
  declare function strong(props?: {
279
- color?: ThemeColor;
279
+ color?: ValueOrState<ThemeColor>;
280
280
  }): PartialElement;
281
281
 
282
282
  declare function subscript(props?: {
283
- color?: ThemeColor;
283
+ color?: ValueOrState<ThemeColor>;
284
284
  }): PartialElement;
285
285
 
286
286
  declare function superscript(props?: {
287
- color?: ThemeColor;
287
+ color?: ValueOrState<ThemeColor>;
288
288
  }): PartialElement;
289
289
 
290
290
  declare function table(props?: {
291
- color?: ThemeColor;
291
+ color?: ValueOrState<ThemeColor>;
292
292
  }): PartialElement;
293
293
 
294
294
  declare function textarea(props?: {
295
- color?: ThemeColor;
296
- accentColor?: ThemeColor;
295
+ color?: ValueOrState<ThemeColor>;
296
+ accentColor?: ValueOrState<ThemeColor>;
297
297
  }): PartialElement;
298
298
 
299
299
  declare function unorderedList(props?: {
300
- color?: ThemeColor;
300
+ color?: ValueOrState<ThemeColor>;
301
301
  }): PartialElement;
302
302
 
303
303
  declare function orderedList(props?: {
304
- color?: ThemeColor;
304
+ color?: ValueOrState<ThemeColor>;
305
305
  }): PartialElement;
306
306
 
307
307
  declare function pagination(props: {
@@ -312,7 +312,7 @@ declare function pagination(props: {
312
312
  }): PartialElement;
313
313
 
314
314
  declare function divider(props?: {
315
- color?: ThemeColor;
315
+ color?: ValueOrState<ThemeColor>;
316
316
  }): PartialElement;
317
317
 
318
318
  type Placement = "left" | "right" | "top" | "bottom";
@@ -360,7 +360,7 @@ declare function tab(props?: {
360
360
  declare function tabPanel(): PartialElement;
361
361
 
362
362
  declare function tag(props?: {
363
- color?: ThemeColor;
363
+ color?: ValueOrState<ThemeColor>;
364
364
  removable?: boolean;
365
365
  }): PartialElement;
366
366