@innovaccer/design-system 2.7.0-1 → 2.7.0

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 (47) hide show
  1. package/CHANGELOG.md +15 -1
  2. package/core/accessibility/utils/useAccessibilityProps.ts +30 -6
  3. package/core/components/atoms/_chip/__tests__/__snapshots__/_chip.test.tsx.snap +8 -0
  4. package/core/components/atoms/avatarGroup/AvatarGroup.tsx +1 -0
  5. package/core/components/atoms/avatarGroup/__stories__/index.story.tsx +1 -1
  6. package/core/components/atoms/button/__tests__/__snapshots__/Button.test.tsx.snap +9 -0
  7. package/core/components/atoms/checkbox/__tests__/__snapshots__/Checkbox.test.tsx.snap +6 -0
  8. package/core/components/atoms/chipGroup/__tests__/__snapshots__/chipGroup.test.tsx.snap +4 -0
  9. package/core/components/atoms/dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap +29 -0
  10. package/core/components/atoms/input/__tests__/__snapshots__/Input.test.tsx.snap +5 -0
  11. package/core/components/atoms/message/__tests__/__snapshots__/Message.test.tsx.snap +4 -0
  12. package/core/components/atoms/metaList/__tests__/__snapshots__/MetaList.test.tsx.snap +296 -0
  13. package/core/components/atoms/metricInput/__tests__/__snapshots__/MetricInput.test.tsx.snap +2 -0
  14. package/core/components/atoms/multiSlider/Handle.tsx +1 -0
  15. package/core/components/atoms/toast/__tests__/__snapshots__/Toast.test.tsx.snap +12 -0
  16. package/core/components/molecules/dialog/__tests__/__snapshots__/Dialog.test.tsx.snap +13 -0
  17. package/core/components/molecules/dropzone/Dropzone.tsx +16 -9
  18. package/core/components/molecules/dropzone/__stories__/index.story.tsx +15 -1
  19. package/core/components/molecules/dropzone/__tests__/__snapshots__/Dropzone.test.tsx.snap +68 -70
  20. package/core/components/molecules/editableDropdown/__tests__/__snapshots__/EditableDropdown.test.tsx.snap +1 -0
  21. package/core/components/molecules/fileList/__tests__/__snapshots__/FileList.test.tsx.snap +5 -0
  22. package/core/components/molecules/fileUploader/__tests__/__snapshots__/FileUploader.test.tsx.snap +6 -0
  23. package/core/components/molecules/fileUploader/__tests__/__snapshots__/FileUploaderList.test.tsx.snap +5 -0
  24. package/core/components/molecules/fullscreenModal/__tests__/__snapshots__/Fullscreen.test.tsx.snap +6 -0
  25. package/core/components/molecules/modal/__tests__/__snapshots__/Modal.test.tsx.snap +30 -0
  26. package/core/components/molecules/overlayHeader/__tests__/__snapshots__/OverlayHeader.test.tsx.snap +1 -0
  27. package/core/components/molecules/pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +8 -0
  28. package/core/components/molecules/sidesheet/__tests__/__snapshots__/Sidesheet.test.tsx.snap +2 -0
  29. package/core/components/molecules/stepper/__tests__/__snapshots__/Stepper.test.tsx.snap +4 -0
  30. package/core/components/molecules/tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +2 -0
  31. package/core/components/organisms/calendar/__tests__/__snapshots__/Calendar.test.tsx.snap +98 -0
  32. package/core/components/organisms/datePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +34 -0
  33. package/core/components/organisms/dateRangePicker/__tests__/__snapshots__/DateRangePicker.test.tsx.snap +606 -0
  34. package/core/components/organisms/horizontalNav/__tests__/__snapshots__/HorizontalNav.test.tsx.snap +1 -0
  35. package/core/components/organisms/inlineMessage/__tests__/__snapshots__/InlineMessage.test.tsx.snap +4 -0
  36. package/core/components/organisms/navigation/__tests__/__snapshots__/Navigation.test.tsx.snap +2 -0
  37. package/core/components/organisms/table/__tests__/__snapshots__/Table.test.tsx.snap +1800 -0
  38. package/core/components/organisms/verticalNav/__tests__/__snapshots__/VerticalNav.test.tsx.snap +14 -0
  39. package/core/utils/__tests__/__snapshots__/TS.test.tsx.snap +19 -0
  40. package/dist/core/accessibility/utils/useAccessibilityProps.d.ts +4 -3
  41. package/dist/index.esm.js +40 -18
  42. package/dist/index.js +39 -17
  43. package/dist/index.js.map +1 -1
  44. package/dist/index.umd.js +1 -1
  45. package/dist/index.umd.js.br +0 -0
  46. package/dist/index.umd.js.gz +0 -0
  47. package/package.json +1 -1
@@ -61,6 +61,7 @@ exports[`FileUploaderList component
61
61
  <i
62
62
  class="material-icons material-icons-round Icon Icon--default"
63
63
  data-test="DesignSystem-Button--Icon"
64
+ role="button"
64
65
  style="font-size: 16px; width: 16px;"
65
66
  >
66
67
  close_round
@@ -97,6 +98,7 @@ exports[`FileUploaderList component
97
98
  <i
98
99
  class="material-icons material-icons-round Icon Icon--default"
99
100
  data-test="DesignSystem-Button--Icon"
101
+ role="button"
100
102
  style="font-size: 16px; width: 16px;"
101
103
  >
102
104
  close_round
@@ -133,6 +135,7 @@ exports[`FileUploaderList component
133
135
  <i
134
136
  class="material-icons material-icons-round Icon Icon--default"
135
137
  data-test="DesignSystem-Button--Icon"
138
+ role="button"
136
139
  style="font-size: 16px; width: 16px;"
137
140
  >
138
141
  refresh_round
@@ -150,6 +153,7 @@ exports[`FileUploaderList component
150
153
  <i
151
154
  class="material-icons material-icons-round Icon Icon--default"
152
155
  data-test="DesignSystem-Button--Icon"
156
+ role="button"
153
157
  style="font-size: 16px; width: 16px;"
154
158
  >
155
159
  close_round
@@ -167,6 +171,7 @@ exports[`FileUploaderList component
167
171
  >
168
172
  <i
169
173
  class="material-icons material-icons-round Icon Icon--alert"
174
+ role="button"
170
175
  style="font-size: 14px; width: 14px;"
171
176
  >
172
177
  error_round
@@ -56,6 +56,7 @@ exports[`FullscreenModal component
56
56
  <i
57
57
  class="material-icons material-icons-round Icon Icon--default"
58
58
  data-test="DesignSystem-Button--Icon"
59
+ role="button"
59
60
  style="font-size: 16px; width: 16px;"
60
61
  >
61
62
  close_round
@@ -133,6 +134,7 @@ exports[`FullscreenModal component
133
134
  <i
134
135
  class="material-icons material-icons-round Icon Icon--default"
135
136
  data-test="DesignSystem-Button--Icon"
137
+ role="button"
136
138
  style="font-size: 16px; width: 16px;"
137
139
  >
138
140
  close_round
@@ -244,6 +246,7 @@ exports[`FullscreenModal component
244
246
  <i
245
247
  class="material-icons material-icons-round Icon Icon--default"
246
248
  data-test="DesignSystem-Button--Icon"
249
+ role="button"
247
250
  style="font-size: 16px; width: 16px;"
248
251
  >
249
252
  close_round
@@ -328,6 +331,7 @@ exports[`FullscreenModal component
328
331
  <i
329
332
  class="material-icons material-icons-round Icon Icon--default"
330
333
  data-test="DesignSystem-Button--Icon"
334
+ role="button"
331
335
  style="font-size: 16px; width: 16px;"
332
336
  >
333
337
  close_round
@@ -404,6 +408,7 @@ exports[`FullscreenModal component
404
408
  <i
405
409
  class="material-icons material-icons-round Icon Icon--default"
406
410
  data-test="DesignSystem-Button--Icon"
411
+ role="button"
407
412
  style="font-size: 16px; width: 16px;"
408
413
  >
409
414
  close_round
@@ -515,6 +520,7 @@ exports[`FullscreenModal component
515
520
  <i
516
521
  class="material-icons material-icons-round Icon Icon--default"
517
522
  data-test="DesignSystem-Button--Icon"
523
+ role="button"
518
524
  style="font-size: 16px; width: 16px;"
519
525
  >
520
526
  close_round
@@ -62,6 +62,7 @@ exports[`Modal component
62
62
  <i
63
63
  class="material-icons material-icons-round Icon Icon--default"
64
64
  data-test="DesignSystem-Button--Icon"
65
+ role="button"
65
66
  style="font-size: 16px; width: 16px;"
66
67
  >
67
68
  close_round
@@ -149,6 +150,7 @@ exports[`Modal component
149
150
  <i
150
151
  class="material-icons material-icons-round Icon Icon--default"
151
152
  data-test="DesignSystem-Button--Icon"
153
+ role="button"
152
154
  style="font-size: 16px; width: 16px;"
153
155
  >
154
156
  close_round
@@ -218,6 +220,7 @@ exports[`Modal component
218
220
  <i
219
221
  class="material-icons material-icons-round Icon Icon--default"
220
222
  data-test="DesignSystem-Button--Icon"
223
+ role="button"
221
224
  style="font-size: 16px; width: 16px;"
222
225
  >
223
226
  close_round
@@ -274,6 +277,7 @@ exports[`Modal component
274
277
  <i
275
278
  class="material-icons material-icons-round Icon Icon--default"
276
279
  data-test="DesignSystem-Button--Icon"
280
+ role="button"
277
281
  style="font-size: 16px; width: 16px;"
278
282
  >
279
283
  close_round
@@ -366,6 +370,7 @@ exports[`Modal component
366
370
  <i
367
371
  class="material-icons material-icons-round Icon Icon--default"
368
372
  data-test="DesignSystem-Button--Icon"
373
+ role="button"
369
374
  style="font-size: 16px; width: 16px;"
370
375
  >
371
376
  close_round
@@ -422,6 +427,7 @@ exports[`Modal component
422
427
  <i
423
428
  class="material-icons material-icons-round Icon Icon--default"
424
429
  data-test="DesignSystem-Button--Icon"
430
+ role="button"
425
431
  style="font-size: 16px; width: 16px;"
426
432
  >
427
433
  close_round
@@ -526,6 +532,7 @@ exports[`Modal component
526
532
  <i
527
533
  class="material-icons material-icons-round Icon Icon--default"
528
534
  data-test="DesignSystem-Button--Icon"
535
+ role="button"
529
536
  style="font-size: 16px; width: 16px;"
530
537
  >
531
538
  close_round
@@ -582,6 +589,7 @@ exports[`Modal component
582
589
  <i
583
590
  class="material-icons material-icons-round Icon Icon--default"
584
591
  data-test="DesignSystem-Button--Icon"
592
+ role="button"
585
593
  style="font-size: 16px; width: 16px;"
586
594
  >
587
595
  close_round
@@ -674,6 +682,7 @@ exports[`Modal component
674
682
  <i
675
683
  class="material-icons material-icons-round Icon Icon--default"
676
684
  data-test="DesignSystem-Button--Icon"
685
+ role="button"
677
686
  style="font-size: 16px; width: 16px;"
678
687
  >
679
688
  close_round
@@ -730,6 +739,7 @@ exports[`Modal component
730
739
  <i
731
740
  class="material-icons material-icons-round Icon Icon--default"
732
741
  data-test="DesignSystem-Button--Icon"
742
+ role="button"
733
743
  style="font-size: 16px; width: 16px;"
734
744
  >
735
745
  close_round
@@ -819,6 +829,7 @@ exports[`Modal component
819
829
  <i
820
830
  class="material-icons material-icons-round Icon Icon--default"
821
831
  data-test="DesignSystem-Button--Icon"
832
+ role="button"
822
833
  style="font-size: 16px; width: 16px;"
823
834
  >
824
835
  close_round
@@ -906,6 +917,7 @@ exports[`Modal component
906
917
  <i
907
918
  class="material-icons material-icons-round Icon Icon--default"
908
919
  data-test="DesignSystem-Button--Icon"
920
+ role="button"
909
921
  style="font-size: 16px; width: 16px;"
910
922
  >
911
923
  close_round
@@ -975,6 +987,7 @@ exports[`Modal component
975
987
  <i
976
988
  class="material-icons material-icons-round Icon Icon--default"
977
989
  data-test="DesignSystem-Button--Icon"
990
+ role="button"
978
991
  style="font-size: 16px; width: 16px;"
979
992
  >
980
993
  close_round
@@ -1031,6 +1044,7 @@ exports[`Modal component
1031
1044
  <i
1032
1045
  class="material-icons material-icons-round Icon Icon--default"
1033
1046
  data-test="DesignSystem-Button--Icon"
1047
+ role="button"
1034
1048
  style="font-size: 16px; width: 16px;"
1035
1049
  >
1036
1050
  close_round
@@ -1123,6 +1137,7 @@ exports[`Modal component
1123
1137
  <i
1124
1138
  class="material-icons material-icons-round Icon Icon--default"
1125
1139
  data-test="DesignSystem-Button--Icon"
1140
+ role="button"
1126
1141
  style="font-size: 16px; width: 16px;"
1127
1142
  >
1128
1143
  close_round
@@ -1179,6 +1194,7 @@ exports[`Modal component
1179
1194
  <i
1180
1195
  class="material-icons material-icons-round Icon Icon--default"
1181
1196
  data-test="DesignSystem-Button--Icon"
1197
+ role="button"
1182
1198
  style="font-size: 16px; width: 16px;"
1183
1199
  >
1184
1200
  close_round
@@ -1283,6 +1299,7 @@ exports[`Modal component
1283
1299
  <i
1284
1300
  class="material-icons material-icons-round Icon Icon--default"
1285
1301
  data-test="DesignSystem-Button--Icon"
1302
+ role="button"
1286
1303
  style="font-size: 16px; width: 16px;"
1287
1304
  >
1288
1305
  close_round
@@ -1339,6 +1356,7 @@ exports[`Modal component
1339
1356
  <i
1340
1357
  class="material-icons material-icons-round Icon Icon--default"
1341
1358
  data-test="DesignSystem-Button--Icon"
1359
+ role="button"
1342
1360
  style="font-size: 16px; width: 16px;"
1343
1361
  >
1344
1362
  close_round
@@ -1431,6 +1449,7 @@ exports[`Modal component
1431
1449
  <i
1432
1450
  class="material-icons material-icons-round Icon Icon--default"
1433
1451
  data-test="DesignSystem-Button--Icon"
1452
+ role="button"
1434
1453
  style="font-size: 16px; width: 16px;"
1435
1454
  >
1436
1455
  close_round
@@ -1487,6 +1506,7 @@ exports[`Modal component
1487
1506
  <i
1488
1507
  class="material-icons material-icons-round Icon Icon--default"
1489
1508
  data-test="DesignSystem-Button--Icon"
1509
+ role="button"
1490
1510
  style="font-size: 16px; width: 16px;"
1491
1511
  >
1492
1512
  close_round
@@ -1577,6 +1597,7 @@ exports[`Modal component
1577
1597
  <i
1578
1598
  class="material-icons material-icons-round Icon Icon--default"
1579
1599
  data-test="DesignSystem-Button--Icon"
1600
+ role="button"
1580
1601
  style="font-size: 16px; width: 16px;"
1581
1602
  >
1582
1603
  close_round
@@ -1663,6 +1684,7 @@ exports[`Modal component
1663
1684
  <i
1664
1685
  class="material-icons material-icons-round Icon Icon--default"
1665
1686
  data-test="DesignSystem-Button--Icon"
1687
+ role="button"
1666
1688
  style="font-size: 16px; width: 16px;"
1667
1689
  >
1668
1690
  close_round
@@ -1732,6 +1754,7 @@ exports[`Modal component
1732
1754
  <i
1733
1755
  class="material-icons material-icons-round Icon Icon--default"
1734
1756
  data-test="DesignSystem-Button--Icon"
1757
+ role="button"
1735
1758
  style="font-size: 16px; width: 16px;"
1736
1759
  >
1737
1760
  close_round
@@ -1788,6 +1811,7 @@ exports[`Modal component
1788
1811
  <i
1789
1812
  class="material-icons material-icons-round Icon Icon--default"
1790
1813
  data-test="DesignSystem-Button--Icon"
1814
+ role="button"
1791
1815
  style="font-size: 16px; width: 16px;"
1792
1816
  >
1793
1817
  close_round
@@ -1880,6 +1904,7 @@ exports[`Modal component
1880
1904
  <i
1881
1905
  class="material-icons material-icons-round Icon Icon--default"
1882
1906
  data-test="DesignSystem-Button--Icon"
1907
+ role="button"
1883
1908
  style="font-size: 16px; width: 16px;"
1884
1909
  >
1885
1910
  close_round
@@ -1936,6 +1961,7 @@ exports[`Modal component
1936
1961
  <i
1937
1962
  class="material-icons material-icons-round Icon Icon--default"
1938
1963
  data-test="DesignSystem-Button--Icon"
1964
+ role="button"
1939
1965
  style="font-size: 16px; width: 16px;"
1940
1966
  >
1941
1967
  close_round
@@ -2040,6 +2066,7 @@ exports[`Modal component
2040
2066
  <i
2041
2067
  class="material-icons material-icons-round Icon Icon--default"
2042
2068
  data-test="DesignSystem-Button--Icon"
2069
+ role="button"
2043
2070
  style="font-size: 16px; width: 16px;"
2044
2071
  >
2045
2072
  close_round
@@ -2096,6 +2123,7 @@ exports[`Modal component
2096
2123
  <i
2097
2124
  class="material-icons material-icons-round Icon Icon--default"
2098
2125
  data-test="DesignSystem-Button--Icon"
2126
+ role="button"
2099
2127
  style="font-size: 16px; width: 16px;"
2100
2128
  >
2101
2129
  close_round
@@ -2188,6 +2216,7 @@ exports[`Modal component
2188
2216
  <i
2189
2217
  class="material-icons material-icons-round Icon Icon--default"
2190
2218
  data-test="DesignSystem-Button--Icon"
2219
+ role="button"
2191
2220
  style="font-size: 16px; width: 16px;"
2192
2221
  >
2193
2222
  close_round
@@ -2244,6 +2273,7 @@ exports[`Modal component
2244
2273
  <i
2245
2274
  class="material-icons material-icons-round Icon Icon--default"
2246
2275
  data-test="DesignSystem-Button--Icon"
2276
+ role="button"
2247
2277
  style="font-size: 16px; width: 16px;"
2248
2278
  >
2249
2279
  close_round
@@ -22,6 +22,7 @@ exports[`OverlayHeader component
22
22
  <i
23
23
  class="material-icons material-icons-round Icon Icon--default"
24
24
  data-test="DesignSystem-Button--Icon"
25
+ role="button"
25
26
  style="font-size: 16px; width: 16px;"
26
27
  >
27
28
  keyboard_backspace_round
@@ -22,6 +22,7 @@ exports[`Pagination component
22
22
  <i
23
23
  class="material-icons material-icons-round Icon Icon--default"
24
24
  data-test="DesignSystem-Button--Icon"
25
+ role="button"
25
26
  style="font-size: 16px; width: 16px;"
26
27
  >
27
28
  first_page_round
@@ -39,6 +40,7 @@ exports[`Pagination component
39
40
  <i
40
41
  class="material-icons material-icons-round Icon Icon--default"
41
42
  data-test="DesignSystem-Button--Icon"
43
+ role="button"
42
44
  style="font-size: 16px; width: 16px;"
43
45
  >
44
46
  navigate_before_round
@@ -60,6 +62,7 @@ exports[`Pagination component
60
62
  <i
61
63
  class="material-icons material-icons-round Icon Icon--default"
62
64
  data-test="DesignSystem-Button--Icon"
65
+ role="button"
63
66
  style="font-size: 16px; width: 16px;"
64
67
  >
65
68
  navigate_next_round
@@ -77,6 +80,7 @@ exports[`Pagination component
77
80
  <i
78
81
  class="material-icons material-icons-round Icon Icon--default"
79
82
  data-test="DesignSystem-Button--Icon"
83
+ role="button"
80
84
  style="font-size: 16px; width: 16px;"
81
85
  >
82
86
  last_page_round
@@ -110,6 +114,7 @@ exports[`Pagination component
110
114
  <i
111
115
  class="material-icons material-icons-round Icon Icon--default"
112
116
  data-test="DesignSystem-Button--Icon"
117
+ role="button"
113
118
  style="font-size: 16px; width: 16px;"
114
119
  >
115
120
  first_page_round
@@ -127,6 +132,7 @@ exports[`Pagination component
127
132
  <i
128
133
  class="material-icons material-icons-round Icon Icon--default"
129
134
  data-test="DesignSystem-Button--Icon"
135
+ role="button"
130
136
  style="font-size: 16px; width: 16px;"
131
137
  >
132
138
  navigate_before_round
@@ -193,6 +199,7 @@ exports[`Pagination component
193
199
  <i
194
200
  class="material-icons material-icons-round Icon Icon--default"
195
201
  data-test="DesignSystem-Button--Icon"
202
+ role="button"
196
203
  style="font-size: 16px; width: 16px;"
197
204
  >
198
205
  navigate_next_round
@@ -210,6 +217,7 @@ exports[`Pagination component
210
217
  <i
211
218
  class="material-icons material-icons-round Icon Icon--default"
212
219
  data-test="DesignSystem-Button--Icon"
220
+ role="button"
213
221
  style="font-size: 16px; width: 16px;"
214
222
  >
215
223
  last_page_round
@@ -62,6 +62,7 @@ exports[`Sidesheet component
62
62
  <i
63
63
  class="material-icons material-icons-round Icon Icon--default"
64
64
  data-test="DesignSystem-Button--Icon"
65
+ role="button"
65
66
  style="font-size: 16px; width: 16px;"
66
67
  >
67
68
  close_round
@@ -150,6 +151,7 @@ exports[`Sidesheet component
150
151
  <i
151
152
  class="material-icons material-icons-round Icon Icon--default"
152
153
  data-test="DesignSystem-Button--Icon"
154
+ role="button"
153
155
  style="font-size: 16px; width: 16px;"
154
156
  >
155
157
  close_round
@@ -15,6 +15,7 @@ exports[`Stepper component
15
15
  <i
16
16
  class="material-icons material-icons-round Icon Icon--info mr-3 my-4"
17
17
  data-test="DesignSystem-Step--Icon"
18
+ role="button"
18
19
  style="font-size: 16px; width: 16px;"
19
20
  >
20
21
  check_circle_round
@@ -33,6 +34,7 @@ exports[`Stepper component
33
34
  <i
34
35
  class="material-icons material-icons-round Icon Icon--info mr-3 my-4"
35
36
  data-test="DesignSystem-Step--Icon"
37
+ role="button"
36
38
  style="font-size: 16px; width: 16px;"
37
39
  >
38
40
  radio_button_unchecked_round
@@ -51,6 +53,7 @@ exports[`Stepper component
51
53
  <i
52
54
  class="material-icons material-icons-round Icon Icon--disabled mr-3 my-4"
53
55
  data-test="DesignSystem-Step--Icon"
56
+ role="button"
54
57
  style="font-size: 16px; width: 16px;"
55
58
  >
56
59
  radio_button_unchecked_round
@@ -69,6 +72,7 @@ exports[`Stepper component
69
72
  <i
70
73
  class="material-icons material-icons-round Icon Icon--disabled mr-3 my-4"
71
74
  data-test="DesignSystem-Step--Icon"
75
+ role="button"
72
76
  style="font-size: 16px; width: 16px;"
73
77
  >
74
78
  radio_button_unchecked_round
@@ -37,6 +37,7 @@ exports[`Tabs component
37
37
  <i
38
38
  class="material-icons material-icons-round Icon Icon--subtle mr-4"
39
39
  data-test="DesignSystem-Tabs--Icon"
40
+ role="button"
40
41
  style="font-size: 16px; width: 16px;"
41
42
  >
42
43
  call_received_round
@@ -108,6 +109,7 @@ exports[`Tabs component
108
109
  <i
109
110
  class="material-icons material-icons-round Icon Icon--subtle mr-4"
110
111
  data-test="DesignSystem-Tabs--Icon"
112
+ role="button"
111
113
  style="font-size: 16px; width: 16px;"
112
114
  >
113
115
  call_received_round