@omni-design/components 0.14.1 → 0.14.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 (46) hide show
  1. package/dist/index.esm.js +4 -4
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +4 -4
  4. package/dist/index.js.map +1 -1
  5. package/dist/types/components/FieldGroup/FieldGroup.d.ts +16 -0
  6. package/dist/types/components/FieldGroup/index.d.ts +1 -0
  7. package/dist/types/components/FormHelper/FormHelper.d.ts +29 -0
  8. package/dist/types/components/FormHelper/index.d.ts +1 -0
  9. package/dist/types/components/FormLabel/FormLabel.d.ts +16 -0
  10. package/dist/types/components/FormLabel/index.d.ts +1 -0
  11. package/dist/types/components/InputMessage/InputMessage.d.ts +20 -0
  12. package/dist/types/components/InputMessage/index.d.ts +1 -0
  13. package/dist/types/components/Player/Player.d.ts +33 -0
  14. package/dist/types/components/Player/index.d.ts +1 -0
  15. package/dist/types/components/Radio/Radio.d.ts +2 -1
  16. package/dist/types/components/Select/Select.d.ts +2 -1
  17. package/dist/types/components/Sheet/Sheet.d.ts +12 -0
  18. package/dist/types/components/Sheet/SheetShowcase.d.ts +2 -0
  19. package/dist/types/components/Sheet/index.d.ts +2 -0
  20. package/dist/types/components/SpeedDial/SpeedDial.d.ts +3 -1
  21. package/dist/types/components/Swatch/Swatch.d.ts +2 -1
  22. package/dist/types/components/TextAreaField/TextAreaField.d.ts +11 -0
  23. package/dist/types/components/TextAreaField/index.d.ts +1 -0
  24. package/dist/types/components/Toolbar/Toolbar.d.ts +4 -1
  25. package/dist/types/components/TransferList/TransferList.d.ts +17 -0
  26. package/dist/types/components/TransferList/TransferListShowcase.d.ts +2 -0
  27. package/dist/types/components/TransferList/index.d.ts +2 -0
  28. package/dist/types/components/Typography/Typography.d.ts +11 -0
  29. package/dist/types/components/Typography/index.d.ts +1 -1
  30. package/dist/types/components/colorChoices.d.ts +16 -0
  31. package/dist/types/components/index.d.ts +7 -1
  32. package/dist/types/docs/DocPanels.d.ts +21 -0
  33. package/dist/types/docs/components.d.ts +67 -12
  34. package/dist/types/docs/componentsForms.d.ts +292 -124
  35. package/dist/types/docs/componentsNav.d.ts +23 -11
  36. package/dist/types/docs/componentsRest.d.ts +346 -2
  37. package/dist/types/docs/componentsSurfaces.d.ts +262 -71
  38. package/dist/types/docs/examples.d.ts +21 -0
  39. package/dist/types/docs/examples.lead.d.ts +4 -0
  40. package/dist/types/docs/samples.core.d.ts +68 -39
  41. package/dist/types/docs/samples.forms.d.ts +42 -22
  42. package/dist/types/docs/samples.nav.d.ts +13 -6
  43. package/dist/types/docs/samples.surfaces.d.ts +40 -12
  44. package/docs/figma-parity.md +143 -0
  45. package/package.json +1 -1
  46. package/public/styles/theme.json +1 -0
@@ -77,12 +77,6 @@ export namespace FAB_DOC {
77
77
  default: string;
78
78
  note: string;
79
79
  values?: undefined;
80
- } | {
81
- name: string;
82
- type: string;
83
- values: string[];
84
- default: string;
85
- note?: undefined;
86
80
  } | {
87
81
  name: string;
88
82
  type: string;
@@ -296,81 +290,185 @@ export namespace BRANDICON_DOC {
296
290
  export { gotchas_4 as gotchas };
297
291
  export let changes: any[];
298
292
  }
299
- export const SURFACE_DOCS: ({
300
- name: string;
301
- summary: string;
302
- insteadUse: {
293
+ export namespace BOX_DOC {
294
+ let name_5: string;
295
+ export { name_5 as name };
296
+ let summary_5: string;
297
+ export { summary_5 as summary };
298
+ let insteadUse_5: {
303
299
  when: string;
304
300
  use: string;
305
301
  }[];
306
- props: ({
302
+ export { insteadUse_5 as insteadUse };
303
+ let props_5: ({
307
304
  name: string;
308
305
  type: string;
309
306
  default: string;
310
- note?: undefined;
307
+ note: string;
311
308
  values?: undefined;
312
309
  } | {
313
310
  name: string;
314
311
  type: string;
312
+ values: string[];
315
313
  default: string;
316
314
  note: string;
317
- values?: undefined;
315
+ })[];
316
+ export { props_5 as props };
317
+ let composition_5: string[];
318
+ export { composition_5 as composition };
319
+ let accessibility_5: string[];
320
+ export { accessibility_5 as accessibility };
321
+ let gotchas_5: string[];
322
+ export { gotchas_5 as gotchas };
323
+ }
324
+ export namespace FOOTER_DOC {
325
+ let name_6: string;
326
+ export { name_6 as name };
327
+ let summary_6: string;
328
+ export { summary_6 as summary };
329
+ let insteadUse_6: {
330
+ when: string;
331
+ use: string;
332
+ }[];
333
+ export { insteadUse_6 as insteadUse };
334
+ let props_6: ({
335
+ name: string;
336
+ type: string;
337
+ default: string;
338
+ note?: undefined;
318
339
  } | {
319
340
  name: string;
320
341
  type: string;
321
- values: string[];
342
+ default: string;
343
+ note: string;
344
+ })[];
345
+ export { props_6 as props };
346
+ let composition_6: string[];
347
+ export { composition_6 as composition };
348
+ let accessibility_6: string[];
349
+ export { accessibility_6 as accessibility };
350
+ let gotchas_6: string[];
351
+ export { gotchas_6 as gotchas };
352
+ }
353
+ export namespace COPYRIGHT_DOC {
354
+ let name_7: string;
355
+ export { name_7 as name };
356
+ let summary_7: string;
357
+ export { summary_7 as summary };
358
+ let insteadUse_7: {
359
+ when: string;
360
+ use: string;
361
+ }[];
362
+ export { insteadUse_7 as insteadUse };
363
+ let props_7: ({
364
+ name: string;
365
+ type: string;
322
366
  default: string;
323
367
  note?: undefined;
324
368
  } | {
325
369
  name: string;
326
370
  type: string;
327
- values: string[];
328
371
  default: string;
329
372
  note: string;
330
373
  })[];
331
- states: ({
332
- state: string;
333
- setBy: string;
374
+ export { props_7 as props };
375
+ let composition_7: string[];
376
+ export { composition_7 as composition };
377
+ let accessibility_7: string[];
378
+ export { accessibility_7 as accessibility };
379
+ let gotchas_7: string[];
380
+ export { gotchas_7 as gotchas };
381
+ }
382
+ export namespace SPEED_DIAL_DOC {
383
+ let name_8: string;
384
+ export { name_8 as name };
385
+ let summary_8: string;
386
+ export { summary_8 as summary };
387
+ let insteadUse_8: {
388
+ when: string;
389
+ use: string;
390
+ }[];
391
+ export { insteadUse_8 as insteadUse };
392
+ let props_8: ({
393
+ name: string;
394
+ type: string;
395
+ default: string;
334
396
  note: string;
397
+ values?: undefined;
335
398
  } | {
336
- state: string;
337
- setBy: string;
399
+ name: string;
400
+ type: string;
401
+ default: string;
338
402
  note?: undefined;
403
+ values?: undefined;
404
+ } | {
405
+ name: string;
406
+ type: string;
407
+ values: string[];
408
+ default: string;
409
+ note: string;
339
410
  })[];
340
- theming: {
411
+ export { props_8 as props };
412
+ let theming_5: {
341
413
  collection: string;
342
414
  inCode: string;
343
415
  inFigma: string;
344
416
  }[];
345
- themingNotes: string[];
346
- tokens: {
417
+ export { theming_5 as theming };
418
+ let composition_8: string[];
419
+ export { composition_8 as composition };
420
+ let accessibility_8: string[];
421
+ export { accessibility_8 as accessibility };
422
+ let tokens_5: {
347
423
  name: string;
348
424
  sets: string;
349
425
  variesWith: string;
350
426
  figma: string;
351
427
  }[];
352
- composition: string[];
353
- accessibility: string[];
354
- gotchas: string[];
355
- } | {
356
- name: string;
357
- summary: string;
358
- insteadUse: {
428
+ export { tokens_5 as tokens };
429
+ let gotchas_8: string[];
430
+ export { gotchas_8 as gotchas };
431
+ }
432
+ export namespace SECTION_DOC {
433
+ let name_9: string;
434
+ export { name_9 as name };
435
+ let summary_9: string;
436
+ export { summary_9 as summary };
437
+ let insteadUse_9: {
359
438
  when: string;
360
439
  use: string;
361
440
  }[];
362
- props: ({
441
+ export { insteadUse_9 as insteadUse };
442
+ let props_9: {
363
443
  name: string;
364
444
  type: string;
365
445
  default: string;
366
- values?: undefined;
367
- note?: undefined;
368
- } | {
446
+ note: string;
447
+ }[];
448
+ export { props_9 as props };
449
+ let composition_9: string[];
450
+ export { composition_9 as composition };
451
+ let accessibility_9: string[];
452
+ export { accessibility_9 as accessibility };
453
+ let gotchas_9: string[];
454
+ export { gotchas_9 as gotchas };
455
+ }
456
+ export namespace STACK_DOC {
457
+ let name_10: string;
458
+ export { name_10 as name };
459
+ let summary_10: string;
460
+ export { summary_10 as summary };
461
+ let insteadUse_10: {
462
+ when: string;
463
+ use: string;
464
+ }[];
465
+ export { insteadUse_10 as insteadUse };
466
+ let props_10: ({
369
467
  name: string;
370
468
  type: string;
371
469
  values: string[];
372
470
  default: string;
373
- note?: undefined;
471
+ note: string;
374
472
  } | {
375
473
  name: string;
376
474
  type: string;
@@ -378,65 +476,158 @@ export const SURFACE_DOCS: ({
378
476
  note: string;
379
477
  values?: undefined;
380
478
  })[];
381
- states: ({
382
- state: string;
383
- setBy: string;
384
- note?: undefined;
479
+ export { props_10 as props };
480
+ let composition_10: string[];
481
+ export { composition_10 as composition };
482
+ let accessibility_10: string[];
483
+ export { accessibility_10 as accessibility };
484
+ let gotchas_10: string[];
485
+ export { gotchas_10 as gotchas };
486
+ }
487
+ export namespace CONTAINER_DOC {
488
+ let name_11: string;
489
+ export { name_11 as name };
490
+ let summary_11: string;
491
+ export { summary_11 as summary };
492
+ let insteadUse_11: {
493
+ when: string;
494
+ use: string;
495
+ }[];
496
+ export { insteadUse_11 as insteadUse };
497
+ let props_11: {
498
+ name: string;
499
+ type: string;
500
+ default: string;
501
+ note: string;
502
+ }[];
503
+ export { props_11 as props };
504
+ let composition_11: string[];
505
+ export { composition_11 as composition };
506
+ let accessibility_11: string[];
507
+ export { accessibility_11 as accessibility };
508
+ let gotchas_11: string[];
509
+ export { gotchas_11 as gotchas };
510
+ }
511
+ export namespace SHEET_DOC {
512
+ let name_12: string;
513
+ export { name_12 as name };
514
+ let summary_12: string;
515
+ export { summary_12 as summary };
516
+ let insteadUse_12: {
517
+ when: string;
518
+ use: string;
519
+ }[];
520
+ export { insteadUse_12 as insteadUse };
521
+ let props_12: ({
522
+ name: string;
523
+ type: string;
524
+ values: string[];
525
+ default: string;
526
+ note: string;
385
527
  } | {
528
+ name: string;
529
+ type: string;
530
+ default: string;
531
+ note: string;
532
+ values?: undefined;
533
+ })[];
534
+ export { props_12 as props };
535
+ let states_5: {
386
536
  state: string;
387
537
  setBy: string;
388
538
  note: string;
389
- })[];
390
- theming: {
391
- collection: string;
392
- inCode: string;
393
- inFigma: string;
394
539
  }[];
395
- tokens: {
540
+ export { states_5 as states };
541
+ let tokens_6: {
396
542
  name: any;
397
543
  sets: any;
398
544
  variesWith: string;
399
545
  figma: string;
400
546
  }[];
401
- composition: string[];
402
- accessibility: string[];
403
- gotchas: string[];
404
- } | {
405
- name: string;
406
- summary: string;
407
- links: {
408
- label: string;
409
- href: string;
410
- }[];
411
- insteadUse: {
547
+ export { tokens_6 as tokens };
548
+ let composition_12: string[];
549
+ export { composition_12 as composition };
550
+ let accessibility_12: string[];
551
+ export { accessibility_12 as accessibility };
552
+ let gotchas_12: string[];
553
+ export { gotchas_12 as gotchas };
554
+ }
555
+ export namespace TRANSFER_LIST_DOC {
556
+ let name_13: string;
557
+ export { name_13 as name };
558
+ let summary_13: string;
559
+ export { summary_13 as summary };
560
+ let insteadUse_13: {
412
561
  when: string;
413
562
  use: string;
414
563
  }[];
415
- props: {
564
+ export { insteadUse_13 as insteadUse };
565
+ let props_13: ({
416
566
  name: string;
417
567
  type: string;
568
+ values: string[];
418
569
  default: string;
419
570
  note: string;
420
- }[];
421
- states: {
571
+ } | {
572
+ name: string;
573
+ type: string;
574
+ default: string;
575
+ note: string;
576
+ values?: undefined;
577
+ } | {
578
+ name: string;
579
+ type: string;
580
+ default: string;
581
+ values?: undefined;
582
+ note?: undefined;
583
+ })[];
584
+ export { props_13 as props };
585
+ let states_6: ({
422
586
  state: string;
423
587
  setBy: string;
424
588
  note: string;
425
- }[];
426
- theming: {
427
- collection: string;
428
- inCode: string;
429
- inFigma: string;
430
- }[];
431
- themingNotes: string[];
432
- tokens: {
433
- name: string;
434
- sets: string;
589
+ } | {
590
+ state: string;
591
+ setBy: string;
592
+ note?: undefined;
593
+ })[];
594
+ export { states_6 as states };
595
+ let tokens_7: ({
596
+ name: any;
597
+ sets: any;
435
598
  variesWith: string;
436
599
  figma: string;
600
+ } | {
601
+ token: string;
602
+ role: string;
603
+ })[];
604
+ export { tokens_7 as tokens };
605
+ let composition_13: string[];
606
+ export { composition_13 as composition };
607
+ let accessibility_13: string[];
608
+ export { accessibility_13 as accessibility };
609
+ let gotchas_13: string[];
610
+ export { gotchas_13 as gotchas };
611
+ }
612
+ export const SURFACE_DOCS: {
613
+ name: string;
614
+ summary: string;
615
+ insteadUse: {
616
+ when: string;
617
+ use: string;
437
618
  }[];
619
+ props: ({
620
+ name: string;
621
+ type: string;
622
+ default: string;
623
+ note?: undefined;
624
+ } | {
625
+ name: string;
626
+ type: string;
627
+ default: string;
628
+ note: string;
629
+ })[];
438
630
  composition: string[];
439
631
  accessibility: string[];
440
632
  gotchas: string[];
441
- changes: any[];
442
- })[];
633
+ }[];
@@ -18,11 +18,30 @@ export const EXAMPLES: {
18
18
  Input: () => JSX.Element;
19
19
  SwitchInput: () => JSX.Element;
20
20
  Slider: () => JSX.Element;
21
+ Box: () => JSX.Element;
22
+ Copyright: () => JSX.Element;
23
+ Grid: () => JSX.Element;
24
+ MiniSwatch: () => JSX.Element;
25
+ Gradient: () => JSX.Element;
26
+ BevelText: () => JSX.Element;
27
+ CurvedText: () => JSX.Element;
28
+ Typography: () => JSX.Element;
29
+ Section: () => JSX.Element;
30
+ Stack: () => JSX.Element;
31
+ Container: () => JSX.Element;
32
+ Footer: () => JSX.Element;
33
+ SpeedDial: () => JSX.Element;
34
+ CircularProgress: () => JSX.Element;
35
+ LinearProgress: () => JSX.Element;
36
+ NumberField: () => JSX.Element;
37
+ RadioGroup: () => JSX.Element;
21
38
  Rating: () => JSX.Element;
22
39
  Breadcrumbs: () => JSX.Element;
23
40
  Pagination: () => JSX.Element;
24
41
  Accordion: () => JSX.Element;
25
42
  Tabs: () => JSX.Element;
43
+ ToggleButton: () => JSX.Element;
44
+ Player: () => JSX.Element;
26
45
  ButtonGroup: () => JSX.Element;
27
46
  ToggleButtonGroup: () => JSX.Element;
28
47
  AppBar: () => JSX.Element;
@@ -39,6 +58,8 @@ export const EXAMPLES: {
39
58
  Modal: () => JSX.Element;
40
59
  Paper: () => JSX.Element;
41
60
  Popover: () => JSX.Element;
61
+ Sheet: () => JSX.Element;
62
+ TransferList: () => JSX.Element;
42
63
  Rail: () => JSX.Element;
43
64
  Ratio: () => JSX.Element;
44
65
  SearchField: () => JSX.Element;
@@ -55,6 +55,8 @@ export const TREE_ITEMS: ({
55
55
  children?: undefined;
56
56
  })[];
57
57
  export namespace LEAD_EXAMPLES {
58
+ function ToggleButton(): JSX.Element;
59
+ function Player(): JSX.Element;
58
60
  function ButtonGroup(): JSX.Element;
59
61
  function ToggleButtonGroup(): JSX.Element;
60
62
  function AppBar(): JSX.Element;
@@ -71,6 +73,8 @@ export namespace LEAD_EXAMPLES {
71
73
  function Modal(): JSX.Element;
72
74
  function Paper(): JSX.Element;
73
75
  function Popover(): JSX.Element;
76
+ function Sheet(): JSX.Element;
77
+ function TransferList(): JSX.Element;
74
78
  function Rail(): JSX.Element;
75
79
  function Ratio(): JSX.Element;
76
80
  function SearchField(): JSX.Element;
@@ -1,14 +1,39 @@
1
1
  export namespace CORE_SAMPLES {
2
- namespace Button {
2
+ namespace Typography {
3
+ function textStyle(): JSX.Element;
4
+ function color(): JSX.Element;
5
+ function noWrap(): JSX.Element;
6
+ function altMode(): JSX.Element;
7
+ function width(): JSX.Element;
8
+ function gutterBottom(): JSX.Element;
9
+ }
10
+ namespace ToggleButton {
3
11
  function selected(): JSX.Element;
4
- function avatar(): JSX.Element;
5
- function letterNumber(): JSX.Element;
6
- function swatch(): JSX.Element;
7
12
  }
8
- namespace Chip {
9
- export function variant(): JSX.Element;
13
+ namespace CircularProgress {
14
+ function size(): JSX.Element;
15
+ function showValue(): JSX.Element;
16
+ }
17
+ namespace LinearProgress {
18
+ export function size_1(): JSX.Element;
19
+ export { size_1 as size };
20
+ }
21
+ let Player: {
22
+ size: () => JSX.Element;
23
+ 'playing / defaultPlaying': () => JSX.Element;
24
+ showTime: () => JSX.Element;
25
+ disabled: () => JSX.Element;
26
+ };
27
+ namespace Button {
10
28
  export function selected_1(): JSX.Element;
11
29
  export { selected_1 as selected };
30
+ export function avatar(): JSX.Element;
31
+ export function letterNumber(): JSX.Element;
32
+ }
33
+ namespace Chip {
34
+ export function variant(): JSX.Element;
35
+ export function selected_2(): JSX.Element;
36
+ export { selected_2 as selected };
12
37
  export function clickable(): JSX.Element;
13
38
  export function disabled(): JSX.Element;
14
39
  }
@@ -21,79 +46,83 @@ export namespace CORE_SAMPLES {
21
46
  export function overlap(): JSX.Element;
22
47
  }
23
48
  namespace Alert {
24
- function color(): JSX.Element;
25
- function size(): JSX.Element;
49
+ export function color_1(): JSX.Element;
50
+ export { color_1 as color };
51
+ export function size_2(): JSX.Element;
52
+ export { size_2 as size };
26
53
  }
27
54
  namespace Avatar {
28
55
  export function defaultPhoto(): JSX.Element;
29
- export function size_1(): JSX.Element;
30
- export { size_1 as size };
56
+ export function size_3(): JSX.Element;
57
+ export { size_3 as size };
31
58
  export function clickable_1(): JSX.Element;
32
59
  export { clickable_1 as clickable };
33
60
  }
34
61
  namespace Icon {
35
- export function color_1(): JSX.Element;
36
- export { color_1 as color };
37
- export function size_2(): JSX.Element;
38
- export { size_2 as size };
62
+ export function color_2(): JSX.Element;
63
+ export { color_2 as color };
64
+ export function size_4(): JSX.Element;
65
+ export { size_4 as size };
39
66
  export function twoTone(): JSX.Element;
40
67
  export function disabled_1(): JSX.Element;
41
68
  export { disabled_1 as disabled };
42
69
  }
43
70
  namespace Swatch {
44
- export function size_3(): JSX.Element;
45
- export { size_3 as size };
46
- export function selected_2(): JSX.Element;
47
- export { selected_2 as selected };
71
+ export function fit(): JSX.Element;
72
+ export function size_5(): JSX.Element;
73
+ export { size_5 as size };
74
+ export function selected_3(): JSX.Element;
75
+ export { selected_3 as selected };
48
76
  export function disabled_2(): JSX.Element;
49
77
  export { disabled_2 as disabled };
50
78
  export function radio(): JSX.Element;
51
79
  }
52
80
  namespace Tag {
53
- export function color_2(): JSX.Element;
54
- export { color_2 as color };
55
- export function width(): JSX.Element;
81
+ export function color_3(): JSX.Element;
82
+ export { color_3 as color };
83
+ export function width_1(): JSX.Element;
84
+ export { width_1 as width };
56
85
  export function allCaps(): JSX.Element;
57
86
  }
58
87
  namespace IconBadge {
59
- export function color_3(): JSX.Element;
60
- export { color_3 as color };
61
- export function size_4(): JSX.Element;
62
- export { size_4 as size };
88
+ export function color_4(): JSX.Element;
89
+ export { color_4 as color };
90
+ export function size_6(): JSX.Element;
91
+ export { size_6 as size };
63
92
  }
64
93
  namespace Link {
65
94
  export function disabled_3(): JSX.Element;
66
95
  export { disabled_3 as disabled };
67
96
  }
68
97
  namespace Divider {
69
- export function color_4(): JSX.Element;
70
- export { color_4 as color };
98
+ export function color_5(): JSX.Element;
99
+ export { color_5 as color };
71
100
  export function orientation(): JSX.Element;
72
- export function size_5(): JSX.Element;
73
- export { size_5 as size };
101
+ export function size_7(): JSX.Element;
102
+ export { size_7 as size };
74
103
  export function indicatorStyle(): JSX.Element;
75
104
  export function textAlign(): JSX.Element;
76
105
  }
77
106
  namespace Loader {
78
- export function color_5(): JSX.Element;
79
- export { color_5 as color };
80
- export function size_6(): JSX.Element;
81
- export { size_6 as size };
107
+ export function color_6(): JSX.Element;
108
+ export { color_6 as color };
109
+ export function size_8(): JSX.Element;
110
+ export { size_8 as size };
82
111
  }
83
112
  namespace StateMessage {
84
113
  export function type(): JSX.Element;
85
- export function size_7(): JSX.Element;
86
- export { size_7 as size };
114
+ export function size_9(): JSX.Element;
115
+ export { size_9 as size };
87
116
  }
88
117
  namespace Fab {
89
118
  export function variant_2(): JSX.Element;
90
119
  export { variant_2 as variant };
91
120
  }
92
121
  namespace Rating {
93
- export function color_6(): JSX.Element;
94
- export { color_6 as color };
95
- export function size_8(): JSX.Element;
96
- export { size_8 as size };
122
+ export function color_7(): JSX.Element;
123
+ export { color_7 as color };
124
+ export function size_10(): JSX.Element;
125
+ export { size_10 as size };
97
126
  export function readOnly(): JSX.Element;
98
127
  }
99
128
  namespace CodeBlock {