@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.
Files changed (72) hide show
  1. package/avatar/avatar.d.ts +6 -0
  2. package/avatar/avatar.js +86 -0
  3. package/avatar/avatar.types.d.ts +17 -0
  4. package/avatar/avatar.types.js +2 -0
  5. package/avatar/index.d.ts +3 -0
  6. package/avatar/index.js +20 -0
  7. package/avatar/theme.d.ts +56 -0
  8. package/avatar/theme.js +94 -0
  9. package/button/button.js +4 -2
  10. package/button/buttonGroup.d.ts +6 -0
  11. package/button/buttonGroup.js +75 -0
  12. package/button/buttonGroup.types.d.ts +9 -0
  13. package/button/buttonGroup.types.js +2 -0
  14. package/button/context.d.ts +4 -0
  15. package/button/context.js +23 -0
  16. package/button/index.d.ts +2 -0
  17. package/button/index.js +2 -0
  18. package/button/theme.d.ts +1 -0
  19. package/button/theme.js +1 -0
  20. package/checkbox/checkbox.d.ts +7 -0
  21. package/checkbox/checkbox.js +97 -0
  22. package/checkbox/checkbox.types.d.ts +25 -0
  23. package/checkbox/checkbox.types.js +2 -0
  24. package/checkbox/index.d.ts +3 -0
  25. package/checkbox/index.js +20 -0
  26. package/checkbox/theme.d.ts +24 -0
  27. package/checkbox/theme.js +31 -0
  28. package/controlLabel/controlLabel.d.ts +6 -0
  29. package/controlLabel/controlLabel.js +55 -0
  30. package/controlLabel/controlLabel.types.d.ts +10 -0
  31. package/controlLabel/controlLabel.types.js +2 -0
  32. package/controlLabel/index.d.ts +3 -0
  33. package/controlLabel/index.js +20 -0
  34. package/controlLabel/theme.d.ts +11 -0
  35. package/controlLabel/theme.js +15 -0
  36. package/core/types.d.ts +4 -0
  37. package/core/utils.js +2 -2
  38. package/divider/divider.d.ts +6 -0
  39. package/divider/divider.js +57 -0
  40. package/divider/divider.types.d.ts +10 -0
  41. package/divider/divider.types.js +2 -0
  42. package/divider/index.d.ts +3 -0
  43. package/divider/index.js +20 -0
  44. package/divider/theme.d.ts +6 -0
  45. package/divider/theme.js +10 -0
  46. package/heading/heading.js +1 -1
  47. package/index.d.ts +4 -0
  48. package/index.js +4 -0
  49. package/input/consts.d.ts +4 -0
  50. package/input/consts.js +4 -0
  51. package/input/input.js +10 -9
  52. package/input/input.types.d.ts +2 -1
  53. package/input/theme.d.ts +7 -0
  54. package/input/theme.js +9 -2
  55. package/label/label.js +1 -1
  56. package/label/theme.d.ts +16 -0
  57. package/label/theme.js +34 -1
  58. package/link/link.js +1 -1
  59. package/list/list.js +35 -6
  60. package/list/list.types.d.ts +6 -3
  61. package/list/listItem.js +8 -7
  62. package/list/listItem.types.d.ts +3 -2
  63. package/list/theme.d.ts +13 -5
  64. package/list/theme.js +27 -5
  65. package/package.json +1 -1
  66. package/system/typography.d.ts +9 -5
  67. package/t/t.types.d.ts +4 -4
  68. package/textarea/textarea.js +5 -3
  69. package/textarea/textarea.types.d.ts +2 -2
  70. package/theme/components.d.ts +120 -5
  71. package/theme/components.js +34 -26
  72. package/theme/defaultTheme.d.ts +120 -5
@@ -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
- activeBg: string;
369
- borderRadius: string;
370
- hoverBg: string;
371
- hoverColor: string;
482
+ display: string;
483
+ h: undefined;
484
+ };
485
+ list: {
486
+ pl: number;
372
487
  };
373
488
  };
374
489
  };