@veracity/vui 0.0.1 → 0.0.2
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/avatar/avatar.d.ts +6 -0
- package/avatar/avatar.js +86 -0
- package/avatar/avatar.types.d.ts +17 -0
- package/avatar/avatar.types.js +2 -0
- package/avatar/index.d.ts +3 -0
- package/avatar/index.js +20 -0
- package/avatar/theme.d.ts +56 -0
- package/avatar/theme.js +94 -0
- package/button/button.js +4 -2
- package/button/buttonGroup.d.ts +6 -0
- package/button/buttonGroup.js +75 -0
- package/button/buttonGroup.types.d.ts +9 -0
- package/button/buttonGroup.types.js +2 -0
- package/button/context.d.ts +4 -0
- package/button/context.js +23 -0
- package/button/index.d.ts +2 -0
- package/button/index.js +2 -0
- package/button/theme.d.ts +1 -0
- package/button/theme.js +1 -0
- package/checkbox/checkbox.d.ts +7 -0
- package/checkbox/checkbox.js +97 -0
- package/checkbox/checkbox.types.d.ts +25 -0
- package/checkbox/checkbox.types.js +2 -0
- package/checkbox/index.d.ts +3 -0
- package/checkbox/index.js +20 -0
- package/checkbox/theme.d.ts +24 -0
- package/checkbox/theme.js +31 -0
- package/controlLabel/controlLabel.d.ts +6 -0
- package/controlLabel/controlLabel.js +55 -0
- package/controlLabel/controlLabel.types.d.ts +10 -0
- package/controlLabel/controlLabel.types.js +2 -0
- package/controlLabel/index.d.ts +3 -0
- package/controlLabel/index.js +20 -0
- package/controlLabel/theme.d.ts +11 -0
- package/controlLabel/theme.js +15 -0
- package/core/types.d.ts +4 -0
- package/core/utils.js +2 -2
- package/divider/divider.d.ts +6 -0
- package/divider/divider.js +57 -0
- package/divider/divider.types.d.ts +10 -0
- package/divider/divider.types.js +2 -0
- package/divider/index.d.ts +3 -0
- package/divider/index.js +20 -0
- package/divider/theme.d.ts +6 -0
- package/divider/theme.js +10 -0
- package/heading/heading.js +1 -1
- package/index.d.ts +4 -0
- package/index.js +4 -0
- package/input/consts.d.ts +4 -0
- package/input/consts.js +4 -0
- package/input/input.js +10 -9
- package/input/input.types.d.ts +2 -1
- package/input/theme.d.ts +7 -0
- package/input/theme.js +9 -2
- package/label/label.js +1 -1
- package/label/theme.d.ts +16 -0
- package/label/theme.js +34 -1
- package/link/link.js +1 -1
- package/list/list.js +35 -6
- package/list/list.types.d.ts +6 -3
- package/list/listItem.js +8 -7
- package/list/listItem.types.d.ts +3 -2
- package/list/theme.d.ts +13 -5
- package/list/theme.js +27 -5
- package/package.json +1 -1
- package/system/typography.d.ts +9 -5
- package/t/t.types.d.ts +4 -4
- package/textarea/textarea.js +5 -3
- package/textarea/textarea.types.d.ts +2 -2
- package/theme/components.d.ts +120 -5
- package/theme/components.js +34 -26
- package/theme/defaultTheme.d.ts +120 -5
package/theme/defaultTheme.d.ts
CHANGED
|
@@ -139,6 +139,57 @@ declare const defaultTheme: {
|
|
|
139
139
|
space: (value: string | number) => string;
|
|
140
140
|
};
|
|
141
141
|
components: {
|
|
142
|
+
Avatar: {
|
|
143
|
+
defaultProps: {
|
|
144
|
+
colorScheme: string;
|
|
145
|
+
size: string;
|
|
146
|
+
variant: string;
|
|
147
|
+
};
|
|
148
|
+
sizes: {
|
|
149
|
+
xs: {
|
|
150
|
+
fontSize: string;
|
|
151
|
+
h: number;
|
|
152
|
+
iconSize: string;
|
|
153
|
+
};
|
|
154
|
+
sm: {
|
|
155
|
+
fontSize: string;
|
|
156
|
+
h: number;
|
|
157
|
+
iconSize: string;
|
|
158
|
+
};
|
|
159
|
+
md: {
|
|
160
|
+
fontSize: string;
|
|
161
|
+
h: number;
|
|
162
|
+
iconSize: string;
|
|
163
|
+
};
|
|
164
|
+
lg: {
|
|
165
|
+
fontSize: string;
|
|
166
|
+
h: number;
|
|
167
|
+
iconSize: string;
|
|
168
|
+
};
|
|
169
|
+
};
|
|
170
|
+
variants: {
|
|
171
|
+
outlined: (props: import("..").Dict<any>) => {
|
|
172
|
+
borderColor: string;
|
|
173
|
+
borderWidth: number;
|
|
174
|
+
hoverBg: string;
|
|
175
|
+
activeBg: string;
|
|
176
|
+
bg: string;
|
|
177
|
+
color: string;
|
|
178
|
+
};
|
|
179
|
+
solid: (props: import("..").Dict<any>) => {
|
|
180
|
+
hoverBg: string;
|
|
181
|
+
activeBg: string;
|
|
182
|
+
bg: string;
|
|
183
|
+
color: string;
|
|
184
|
+
};
|
|
185
|
+
subtle: (props: import("..").Dict<any>) => {
|
|
186
|
+
hoverBg: string;
|
|
187
|
+
activeBg: string;
|
|
188
|
+
bg: string;
|
|
189
|
+
color: string;
|
|
190
|
+
};
|
|
191
|
+
};
|
|
192
|
+
};
|
|
142
193
|
Box: {
|
|
143
194
|
defaultProps: {};
|
|
144
195
|
sizes: {};
|
|
@@ -190,6 +241,7 @@ declare const defaultTheme: {
|
|
|
190
241
|
borderWidth: number;
|
|
191
242
|
};
|
|
192
243
|
solid: (props: import("..").Dict<any>) => {
|
|
244
|
+
borderColor: string;
|
|
193
245
|
hoverBg: string;
|
|
194
246
|
activeBg: string;
|
|
195
247
|
bg: string;
|
|
@@ -203,6 +255,42 @@ declare const defaultTheme: {
|
|
|
203
255
|
};
|
|
204
256
|
};
|
|
205
257
|
};
|
|
258
|
+
Checkbox: {
|
|
259
|
+
defaultProps: {
|
|
260
|
+
colorScheme: string;
|
|
261
|
+
size: string;
|
|
262
|
+
variant: string;
|
|
263
|
+
};
|
|
264
|
+
sizes: {
|
|
265
|
+
sm: {
|
|
266
|
+
h: number;
|
|
267
|
+
};
|
|
268
|
+
md: {
|
|
269
|
+
h: number;
|
|
270
|
+
};
|
|
271
|
+
};
|
|
272
|
+
variants: {
|
|
273
|
+
default: (props: import("..").Dict<any>) => {
|
|
274
|
+
color: string;
|
|
275
|
+
hoverColor: string;
|
|
276
|
+
};
|
|
277
|
+
};
|
|
278
|
+
};
|
|
279
|
+
ControlLabel: {
|
|
280
|
+
defaultProps: {
|
|
281
|
+
size: string;
|
|
282
|
+
};
|
|
283
|
+
sizes: {
|
|
284
|
+
sm: {};
|
|
285
|
+
md: {};
|
|
286
|
+
};
|
|
287
|
+
variants: {};
|
|
288
|
+
};
|
|
289
|
+
Divider: {
|
|
290
|
+
defaultProps: {};
|
|
291
|
+
sizes: {};
|
|
292
|
+
variants: {};
|
|
293
|
+
};
|
|
206
294
|
Heading: {
|
|
207
295
|
defaultProps: {
|
|
208
296
|
size: string;
|
|
@@ -272,13 +360,20 @@ declare const defaultTheme: {
|
|
|
272
360
|
variant: string;
|
|
273
361
|
};
|
|
274
362
|
sizes: {
|
|
363
|
+
sm: {
|
|
364
|
+
fontSize: string;
|
|
365
|
+
h: number;
|
|
366
|
+
iconSize: string;
|
|
367
|
+
};
|
|
275
368
|
md: {
|
|
276
369
|
fontSize: string;
|
|
277
370
|
h: number;
|
|
371
|
+
iconSize: string;
|
|
278
372
|
};
|
|
279
373
|
lg: {
|
|
280
374
|
fontSize: string;
|
|
281
375
|
h: number;
|
|
376
|
+
iconSize: string;
|
|
282
377
|
};
|
|
283
378
|
};
|
|
284
379
|
variants: {
|
|
@@ -317,6 +412,14 @@ declare const defaultTheme: {
|
|
|
317
412
|
};
|
|
318
413
|
};
|
|
319
414
|
variants: {
|
|
415
|
+
outlined: (props: import("..").Dict<any>) => {
|
|
416
|
+
hoverBg: string;
|
|
417
|
+
activeBg: string;
|
|
418
|
+
bg: string;
|
|
419
|
+
color: string;
|
|
420
|
+
borderColor: string;
|
|
421
|
+
borderWidth: number;
|
|
422
|
+
};
|
|
320
423
|
solid: (props: import("..").Dict<any>) => {
|
|
321
424
|
hoverBg: string;
|
|
322
425
|
activeBg: string;
|
|
@@ -329,6 +432,12 @@ declare const defaultTheme: {
|
|
|
329
432
|
bg: string;
|
|
330
433
|
color: string;
|
|
331
434
|
};
|
|
435
|
+
text: (props: import("..").Dict<any>) => {
|
|
436
|
+
hoverBg: string;
|
|
437
|
+
activeBg: string;
|
|
438
|
+
bg: string;
|
|
439
|
+
color: string;
|
|
440
|
+
};
|
|
332
441
|
};
|
|
333
442
|
};
|
|
334
443
|
Link: {
|
|
@@ -338,6 +447,7 @@ declare const defaultTheme: {
|
|
|
338
447
|
};
|
|
339
448
|
List: {
|
|
340
449
|
defaultProps: {
|
|
450
|
+
colorScheme: string;
|
|
341
451
|
size: string;
|
|
342
452
|
variant: string;
|
|
343
453
|
};
|
|
@@ -363,12 +473,17 @@ declare const defaultTheme: {
|
|
|
363
473
|
};
|
|
364
474
|
};
|
|
365
475
|
variants: {
|
|
366
|
-
default: {
|
|
476
|
+
default: (props: import("..").Dict<any>) => {
|
|
477
|
+
item: import("..").Dict<any>;
|
|
478
|
+
list: import("..").Dict<any>;
|
|
479
|
+
};
|
|
480
|
+
unstyled: {
|
|
367
481
|
item: {
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
482
|
+
display: string;
|
|
483
|
+
h: undefined;
|
|
484
|
+
};
|
|
485
|
+
list: {
|
|
486
|
+
pl: number;
|
|
372
487
|
};
|
|
373
488
|
};
|
|
374
489
|
};
|