@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
package/core/components/organisms/datePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap CHANGED
@@ -32,6 +32,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:disabledAfter
32
32
  <i
33
33
  class="material-icons material-icons-round Icon Icon--default"
34
34
  data-test="DesignSystem-Button--Icon"
35
+ role="button"
35
36
  style="font-size: 16px; width: 16px;"
36
37
  >
37
38
  arrow_back_round
@@ -52,6 +53,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:disabledAfter
52
53
  </h5>
53
54
  <i
54
55
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
56
+ role="button"
55
57
  style="font-size: 16px; width: 16px;"
56
58
  >
57
59
  keyboard_arrow_down_round
@@ -68,6 +70,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:disabledAfter
68
70
  </h5>
69
71
  <i
70
72
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
73
+ role="button"
71
74
  style="font-size: 16px; width: 16px;"
72
75
  >
73
76
  keyboard_arrow_down_round
@@ -86,6 +89,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:disabledAfter
86
89
  <i
87
90
  class="material-icons material-icons-round Icon Icon--default"
88
91
  data-test="DesignSystem-Button--Icon"
92
+ role="button"
89
93
  style="font-size: 16px; width: 16px;"
90
94
  >
91
95
  arrow_forward_round
@@ -690,6 +694,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:disabledBefore
690
694
  <i
691
695
  class="material-icons material-icons-round Icon Icon--disabled"
692
696
  data-test="DesignSystem-Button--Icon"
697
+ role="button"
693
698
  style="font-size: 16px; width: 16px;"
694
699
  >
695
700
  arrow_back_round
@@ -710,6 +715,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:disabledBefore
710
715
  </h5>
711
716
  <i
712
717
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
718
+ role="button"
713
719
  style="font-size: 16px; width: 16px;"
714
720
  >
715
721
  keyboard_arrow_down_round
@@ -726,6 +732,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:disabledBefore
726
732
  </h5>
727
733
  <i
728
734
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
735
+ role="button"
729
736
  style="font-size: 16px; width: 16px;"
730
737
  >
731
738
  keyboard_arrow_down_round
@@ -744,6 +751,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:disabledBefore
744
751
  <i
745
752
  class="material-icons material-icons-round Icon Icon--default"
746
753
  data-test="DesignSystem-Button--Icon"
754
+ role="button"
747
755
  style="font-size: 16px; width: 16px;"
748
756
  >
749
757
  arrow_forward_round
@@ -1348,6 +1356,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:disabledBefore
1348
1356
  <i
1349
1357
  class="material-icons material-icons-round Icon Icon--disabled"
1350
1358
  data-test="DesignSystem-Button--Icon"
1359
+ role="button"
1351
1360
  style="font-size: 16px; width: 16px;"
1352
1361
  >
1353
1362
  arrow_back_round
@@ -1368,6 +1377,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:disabledBefore
1368
1377
  </h5>
1369
1378
  <i
1370
1379
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
1380
+ role="button"
1371
1381
  style="font-size: 16px; width: 16px;"
1372
1382
  >
1373
1383
  keyboard_arrow_down_round
@@ -1384,6 +1394,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:disabledBefore
1384
1394
  </h5>
1385
1395
  <i
1386
1396
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
1397
+ role="button"
1387
1398
  style="font-size: 16px; width: 16px;"
1388
1399
  >
1389
1400
  keyboard_arrow_down_round
@@ -1402,6 +1413,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:disabledBefore
1402
1413
  <i
1403
1414
  class="material-icons material-icons-round Icon Icon--default"
1404
1415
  data-test="DesignSystem-Button--Icon"
1416
+ role="button"
1405
1417
  style="font-size: 16px; width: 16px;"
1406
1418
  >
1407
1419
  arrow_forward_round
@@ -2005,6 +2017,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:open
2005
2017
  <i
2006
2018
  class="material-icons material-icons-round Icon Icon--default"
2007
2019
  data-test="DesignSystem-Button--Icon"
2020
+ role="button"
2008
2021
  style="font-size: 16px; width: 16px;"
2009
2022
  >
2010
2023
  arrow_back_round
@@ -2025,6 +2038,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:open
2025
2038
  </h5>
2026
2039
  <i
2027
2040
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
2041
+ role="button"
2028
2042
  style="font-size: 16px; width: 16px;"
2029
2043
  >
2030
2044
  keyboard_arrow_down_round
@@ -2041,6 +2055,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:open
2041
2055
  </h5>
2042
2056
  <i
2043
2057
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
2058
+ role="button"
2044
2059
  style="font-size: 16px; width: 16px;"
2045
2060
  >
2046
2061
  keyboard_arrow_down_round
@@ -2059,6 +2074,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:open
2059
2074
  <i
2060
2075
  class="material-icons material-icons-round Icon Icon--default"
2061
2076
  data-test="DesignSystem-Button--Icon"
2077
+ role="button"
2062
2078
  style="font-size: 16px; width: 16px;"
2063
2079
  >
2064
2080
  arrow_forward_round
@@ -2662,6 +2678,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:open
2662
2678
  <i
2663
2679
  class="material-icons material-icons-round Icon Icon--default"
2664
2680
  data-test="DesignSystem-Button--Icon"
2681
+ role="button"
2665
2682
  style="font-size: 16px; width: 16px;"
2666
2683
  >
2667
2684
  arrow_back_round
@@ -2682,6 +2699,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:open
2682
2699
  </h5>
2683
2700
  <i
2684
2701
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
2702
+ role="button"
2685
2703
  style="font-size: 16px; width: 16px;"
2686
2704
  >
2687
2705
  keyboard_arrow_down_round
@@ -2698,6 +2716,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:open
2698
2716
  </h5>
2699
2717
  <i
2700
2718
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
2719
+ role="button"
2701
2720
  style="font-size: 16px; width: 16px;"
2702
2721
  >
2703
2722
  keyboard_arrow_down_round
@@ -2716,6 +2735,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:open
2716
2735
  <i
2717
2736
  class="material-icons material-icons-round Icon Icon--default"
2718
2737
  data-test="DesignSystem-Button--Icon"
2738
+ role="button"
2719
2739
  style="font-size: 16px; width: 16px;"
2720
2740
  >
2721
2741
  arrow_forward_round
@@ -3319,6 +3339,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:view
3319
3339
  <i
3320
3340
  class="material-icons material-icons-round Icon Icon--default"
3321
3341
  data-test="DesignSystem-Button--Icon"
3342
+ role="button"
3322
3343
  style="font-size: 16px; width: 16px;"
3323
3344
  >
3324
3345
  arrow_back_round
@@ -3339,6 +3360,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:view
3339
3360
  </h5>
3340
3361
  <i
3341
3362
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
3363
+ role="button"
3342
3364
  style="font-size: 16px; width: 16px;"
3343
3365
  >
3344
3366
  keyboard_arrow_down_round
@@ -3355,6 +3377,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:view
3355
3377
  </h5>
3356
3378
  <i
3357
3379
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
3380
+ role="button"
3358
3381
  style="font-size: 16px; width: 16px;"
3359
3382
  >
3360
3383
  keyboard_arrow_down_round
@@ -3373,6 +3396,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:view
3373
3396
  <i
3374
3397
  class="material-icons material-icons-round Icon Icon--default"
3375
3398
  data-test="DesignSystem-Button--Icon"
3399
+ role="button"
3376
3400
  style="font-size: 16px; width: 16px;"
3377
3401
  >
3378
3402
  arrow_forward_round
@@ -3976,6 +4000,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:view
3976
4000
  <i
3977
4001
  class="material-icons material-icons-round Icon Icon--default"
3978
4002
  data-test="DesignSystem-Button--Icon"
4003
+ role="button"
3979
4004
  style="font-size: 16px; width: 16px;"
3980
4005
  >
3981
4006
  arrow_back_round
@@ -3996,6 +4021,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:view
3996
4021
  </h5>
3997
4022
  <i
3998
4023
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
4024
+ role="button"
3999
4025
  style="font-size: 16px; width: 16px;"
4000
4026
  >
4001
4027
  keyboard_arrow_down_round
@@ -4014,6 +4040,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:view
4014
4040
  <i
4015
4041
  class="material-icons material-icons-round Icon Icon--default"
4016
4042
  data-test="DesignSystem-Button--Icon"
4043
+ role="button"
4017
4044
  style="font-size: 16px; width: 16px;"
4018
4045
  >
4019
4046
  arrow_forward_round
@@ -4229,6 +4256,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:view
4229
4256
  <i
4230
4257
  class="material-icons material-icons-round Icon Icon--default"
4231
4258
  data-test="DesignSystem-Button--Icon"
4259
+ role="button"
4232
4260
  style="font-size: 16px; width: 16px;"
4233
4261
  >
4234
4262
  arrow_back_round
@@ -4261,6 +4289,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:view
4261
4289
  <i
4262
4290
  class="material-icons material-icons-round Icon Icon--default"
4263
4291
  data-test="DesignSystem-Button--Icon"
4292
+ role="button"
4264
4293
  style="font-size: 16px; width: 16px;"
4265
4294
  >
4266
4295
  arrow_forward_round
@@ -4476,6 +4505,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:withInput
4476
4505
  <i
4477
4506
  class="material-icons material-icons-round Icon Icon--default"
4478
4507
  data-test="DesignSystem-Button--Icon"
4508
+ role="button"
4479
4509
  style="font-size: 16px; width: 16px;"
4480
4510
  >
4481
4511
  arrow_back_round
@@ -4496,6 +4526,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:withInput
4496
4526
  </h5>
4497
4527
  <i
4498
4528
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
4529
+ role="button"
4499
4530
  style="font-size: 16px; width: 16px;"
4500
4531
  >
4501
4532
  keyboard_arrow_down_round
@@ -4512,6 +4543,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:withInput
4512
4543
  </h5>
4513
4544
  <i
4514
4545
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
4546
+ role="button"
4515
4547
  style="font-size: 16px; width: 16px;"
4516
4548
  >
4517
4549
  keyboard_arrow_down_round
@@ -4530,6 +4562,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:withInput
4530
4562
  <i
4531
4563
  class="material-icons material-icons-round Icon Icon--default"
4532
4564
  data-test="DesignSystem-Button--Icon"
4565
+ role="button"
4533
4566
  style="font-size: 16px; width: 16px;"
4534
4567
  >
4535
4568
  arrow_forward_round
@@ -5124,6 +5157,7 @@ exports[`DatePicker component snapshots renders snapshot for prop:withInput
5124
5157
  >
5125
5158
  <i
5126
5159
  class="material-icons material-icons-round Icon"
5160
+ role="button"
5127
5161
  style="font-size: 16px; width: 16px;"
5128
5162
  >
5129
5163
  events_round