@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/calendar/__tests__/__snapshots__/Calendar.test.tsx.snap CHANGED
@@ -28,6 +28,7 @@ exports[`Calendar component
28
28
  <i
29
29
  class="material-icons material-icons-round Icon Icon--default"
30
30
  data-test="DesignSystem-Button--Icon"
31
+ role="button"
31
32
  style="font-size: 16px; width: 16px;"
32
33
  >
33
34
  arrow_back_round
@@ -48,6 +49,7 @@ exports[`Calendar component
48
49
  </h5>
49
50
  <i
50
51
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
52
+ role="button"
51
53
  style="font-size: 16px; width: 16px;"
52
54
  >
53
55
  keyboard_arrow_down_round
@@ -64,6 +66,7 @@ exports[`Calendar component
64
66
  </h5>
65
67
  <i
66
68
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
69
+ role="button"
67
70
  style="font-size: 16px; width: 16px;"
68
71
  >
69
72
  keyboard_arrow_down_round
@@ -82,6 +85,7 @@ exports[`Calendar component
82
85
  <i
83
86
  class="material-icons material-icons-round Icon Icon--default"
84
87
  data-test="DesignSystem-Button--Icon"
88
+ role="button"
85
89
  style="font-size: 16px; width: 16px;"
86
90
  >
87
91
  arrow_forward_round
@@ -663,6 +667,7 @@ exports[`Calendar component
663
667
  <i
664
668
  class="material-icons material-icons-round Icon Icon--default"
665
669
  data-test="DesignSystem-Button--Icon"
670
+ role="button"
666
671
  style="font-size: 16px; width: 16px;"
667
672
  >
668
673
  arrow_back_round
@@ -683,6 +688,7 @@ exports[`Calendar component
683
688
  </h5>
684
689
  <i
685
690
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
691
+ role="button"
686
692
  style="font-size: 16px; width: 16px;"
687
693
  >
688
694
  keyboard_arrow_down_round
@@ -699,6 +705,7 @@ exports[`Calendar component
699
705
  </h5>
700
706
  <i
701
707
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
708
+ role="button"
702
709
  style="font-size: 16px; width: 16px;"
703
710
  >
704
711
  keyboard_arrow_down_round
@@ -718,6 +725,7 @@ exports[`Calendar component
718
725
  <i
719
726
  class="material-icons material-icons-round Icon Icon--disabled"
720
727
  data-test="DesignSystem-Button--Icon"
728
+ role="button"
721
729
  style="font-size: 16px; width: 16px;"
722
730
  >
723
731
  arrow_forward_round
@@ -1300,6 +1308,7 @@ exports[`Calendar component
1300
1308
  <i
1301
1309
  class="material-icons material-icons-round Icon Icon--disabled"
1302
1310
  data-test="DesignSystem-Button--Icon"
1311
+ role="button"
1303
1312
  style="font-size: 16px; width: 16px;"
1304
1313
  >
1305
1314
  arrow_back_round
@@ -1320,6 +1329,7 @@ exports[`Calendar component
1320
1329
  </h5>
1321
1330
  <i
1322
1331
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
1332
+ role="button"
1323
1333
  style="font-size: 16px; width: 16px;"
1324
1334
  >
1325
1335
  keyboard_arrow_down_round
@@ -1336,6 +1346,7 @@ exports[`Calendar component
1336
1346
  </h5>
1337
1347
  <i
1338
1348
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
1349
+ role="button"
1339
1350
  style="font-size: 16px; width: 16px;"
1340
1351
  >
1341
1352
  keyboard_arrow_down_round
@@ -1354,6 +1365,7 @@ exports[`Calendar component
1354
1365
  <i
1355
1366
  class="material-icons material-icons-round Icon Icon--default"
1356
1367
  data-test="DesignSystem-Button--Icon"
1368
+ role="button"
1357
1369
  style="font-size: 16px; width: 16px;"
1358
1370
  >
1359
1371
  arrow_forward_round
@@ -1936,6 +1948,7 @@ exports[`Calendar component
1936
1948
  <i
1937
1949
  class="material-icons material-icons-round Icon Icon--disabled"
1938
1950
  data-test="DesignSystem-Button--Icon"
1951
+ role="button"
1939
1952
  style="font-size: 16px; width: 16px;"
1940
1953
  >
1941
1954
  arrow_back_round
@@ -1956,6 +1969,7 @@ exports[`Calendar component
1956
1969
  </h5>
1957
1970
  <i
1958
1971
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
1972
+ role="button"
1959
1973
  style="font-size: 16px; width: 16px;"
1960
1974
  >
1961
1975
  keyboard_arrow_down_round
@@ -1972,6 +1986,7 @@ exports[`Calendar component
1972
1986
  </h5>
1973
1987
  <i
1974
1988
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
1989
+ role="button"
1975
1990
  style="font-size: 16px; width: 16px;"
1976
1991
  >
1977
1992
  keyboard_arrow_down_round
@@ -1991,6 +2006,7 @@ exports[`Calendar component
1991
2006
  <i
1992
2007
  class="material-icons material-icons-round Icon Icon--disabled"
1993
2008
  data-test="DesignSystem-Button--Icon"
2009
+ role="button"
1994
2010
  style="font-size: 16px; width: 16px;"
1995
2011
  >
1996
2012
  arrow_forward_round
@@ -2572,6 +2588,7 @@ exports[`Calendar component
2572
2588
  <i
2573
2589
  class="material-icons material-icons-round Icon Icon--default"
2574
2590
  data-test="DesignSystem-Button--Icon"
2591
+ role="button"
2575
2592
  style="font-size: 16px; width: 16px;"
2576
2593
  >
2577
2594
  arrow_back_round
@@ -2592,6 +2609,7 @@ exports[`Calendar component
2592
2609
  </h5>
2593
2610
  <i
2594
2611
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
2612
+ role="button"
2595
2613
  style="font-size: 16px; width: 16px;"
2596
2614
  >
2597
2615
  keyboard_arrow_down_round
@@ -2608,6 +2626,7 @@ exports[`Calendar component
2608
2626
  </h5>
2609
2627
  <i
2610
2628
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
2629
+ role="button"
2611
2630
  style="font-size: 16px; width: 16px;"
2612
2631
  >
2613
2632
  keyboard_arrow_down_round
@@ -2626,6 +2645,7 @@ exports[`Calendar component
2626
2645
  <i
2627
2646
  class="material-icons material-icons-round Icon Icon--default"
2628
2647
  data-test="DesignSystem-Button--Icon"
2648
+ role="button"
2629
2649
  style="font-size: 16px; width: 16px;"
2630
2650
  >
2631
2651
  arrow_forward_round
@@ -3207,6 +3227,7 @@ exports[`Calendar component
3207
3227
  <i
3208
3228
  class="material-icons material-icons-round Icon Icon--default"
3209
3229
  data-test="DesignSystem-Button--Icon"
3230
+ role="button"
3210
3231
  style="font-size: 16px; width: 16px;"
3211
3232
  >
3212
3233
  arrow_back_round
@@ -3227,6 +3248,7 @@ exports[`Calendar component
3227
3248
  </h5>
3228
3249
  <i
3229
3250
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
3251
+ role="button"
3230
3252
  style="font-size: 16px; width: 16px;"
3231
3253
  >
3232
3254
  keyboard_arrow_down_round
@@ -3243,6 +3265,7 @@ exports[`Calendar component
3243
3265
  </h5>
3244
3266
  <i
3245
3267
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
3268
+ role="button"
3246
3269
  style="font-size: 16px; width: 16px;"
3247
3270
  >
3248
3271
  keyboard_arrow_down_round
@@ -3261,6 +3284,7 @@ exports[`Calendar component
3261
3284
  <i
3262
3285
  class="material-icons material-icons-round Icon Icon--default"
3263
3286
  data-test="DesignSystem-Button--Icon"
3287
+ role="button"
3264
3288
  style="font-size: 16px; width: 16px;"
3265
3289
  >
3266
3290
  arrow_forward_round
@@ -3842,6 +3866,7 @@ exports[`Calendar component
3842
3866
  <i
3843
3867
  class="material-icons material-icons-round Icon Icon--default"
3844
3868
  data-test="DesignSystem-Button--Icon"
3869
+ role="button"
3845
3870
  style="font-size: 16px; width: 16px;"
3846
3871
  >
3847
3872
  arrow_back_round
@@ -3862,6 +3887,7 @@ exports[`Calendar component
3862
3887
  </h5>
3863
3888
  <i
3864
3889
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
3890
+ role="button"
3865
3891
  style="font-size: 16px; width: 16px;"
3866
3892
  >
3867
3893
  keyboard_arrow_down_round
@@ -3878,6 +3904,7 @@ exports[`Calendar component
3878
3904
  </h5>
3879
3905
  <i
3880
3906
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
3907
+ role="button"
3881
3908
  style="font-size: 16px; width: 16px;"
3882
3909
  >
3883
3910
  keyboard_arrow_down_round
@@ -3896,6 +3923,7 @@ exports[`Calendar component
3896
3923
  <i
3897
3924
  class="material-icons material-icons-round Icon Icon--default"
3898
3925
  data-test="DesignSystem-Button--Icon"
3926
+ role="button"
3899
3927
  style="font-size: 16px; width: 16px;"
3900
3928
  >
3901
3929
  arrow_forward_round
@@ -4477,6 +4505,7 @@ exports[`Calendar component
4477
4505
  <i
4478
4506
  class="material-icons material-icons-round Icon Icon--default"
4479
4507
  data-test="DesignSystem-Button--Icon"
4508
+ role="button"
4480
4509
  style="font-size: 16px; width: 16px;"
4481
4510
  >
4482
4511
  arrow_back_round
@@ -4497,6 +4526,7 @@ exports[`Calendar component
4497
4526
  </h5>
4498
4527
  <i
4499
4528
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
4529
+ role="button"
4500
4530
  style="font-size: 16px; width: 16px;"
4501
4531
  >
4502
4532
  keyboard_arrow_down_round
@@ -4513,6 +4543,7 @@ exports[`Calendar component
4513
4543
  </h5>
4514
4544
  <i
4515
4545
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
4546
+ role="button"
4516
4547
  style="font-size: 16px; width: 16px;"
4517
4548
  >
4518
4549
  keyboard_arrow_down_round
@@ -4531,6 +4562,7 @@ exports[`Calendar component
4531
4562
  <i
4532
4563
  class="material-icons material-icons-round Icon Icon--default"
4533
4564
  data-test="DesignSystem-Button--Icon"
4565
+ role="button"
4534
4566
  style="font-size: 16px; width: 16px;"
4535
4567
  >
4536
4568
  arrow_forward_round
@@ -5112,6 +5144,7 @@ exports[`Calendar component
5112
5144
  <i
5113
5145
  class="material-icons material-icons-round Icon Icon--default"
5114
5146
  data-test="DesignSystem-Button--Icon"
5147
+ role="button"
5115
5148
  style="font-size: 16px; width: 16px;"
5116
5149
  >
5117
5150
  arrow_back_round
@@ -5132,6 +5165,7 @@ exports[`Calendar component
5132
5165
  </h5>
5133
5166
  <i
5134
5167
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
5168
+ role="button"
5135
5169
  style="font-size: 16px; width: 16px;"
5136
5170
  >
5137
5171
  keyboard_arrow_down_round
@@ -5148,6 +5182,7 @@ exports[`Calendar component
5148
5182
  </h5>
5149
5183
  <i
5150
5184
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
5185
+ role="button"
5151
5186
  style="font-size: 16px; width: 16px;"
5152
5187
  >
5153
5188
  keyboard_arrow_down_round
@@ -5166,6 +5201,7 @@ exports[`Calendar component
5166
5201
  <i
5167
5202
  class="material-icons material-icons-round Icon Icon--default"
5168
5203
  data-test="DesignSystem-Button--Icon"
5204
+ role="button"
5169
5205
  style="font-size: 16px; width: 16px;"
5170
5206
  >
5171
5207
  arrow_forward_round
@@ -5747,6 +5783,7 @@ exports[`Calendar component
5747
5783
  <i
5748
5784
  class="material-icons material-icons-round Icon Icon--default"
5749
5785
  data-test="DesignSystem-Button--Icon"
5786
+ role="button"
5750
5787
  style="font-size: 16px; width: 16px;"
5751
5788
  >
5752
5789
  arrow_back_round
@@ -5767,6 +5804,7 @@ exports[`Calendar component
5767
5804
  </h5>
5768
5805
  <i
5769
5806
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
5807
+ role="button"
5770
5808
  style="font-size: 16px; width: 16px;"
5771
5809
  >
5772
5810
  keyboard_arrow_down_round
@@ -5783,6 +5821,7 @@ exports[`Calendar component
5783
5821
  </h5>
5784
5822
  <i
5785
5823
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
5824
+ role="button"
5786
5825
  style="font-size: 16px; width: 16px;"
5787
5826
  >
5788
5827
  keyboard_arrow_down_round
@@ -5801,6 +5840,7 @@ exports[`Calendar component
5801
5840
  <i
5802
5841
  class="material-icons material-icons-round Icon Icon--default"
5803
5842
  data-test="DesignSystem-Button--Icon"
5843
+ role="button"
5804
5844
  style="font-size: 16px; width: 16px;"
5805
5845
  >
5806
5846
  arrow_forward_round
@@ -6382,6 +6422,7 @@ exports[`Calendar component
6382
6422
  <i
6383
6423
  class="material-icons material-icons-round Icon Icon--default"
6384
6424
  data-test="DesignSystem-Button--Icon"
6425
+ role="button"
6385
6426
  style="font-size: 16px; width: 16px;"
6386
6427
  >
6387
6428
  arrow_back_round
@@ -6402,6 +6443,7 @@ exports[`Calendar component
6402
6443
  </h5>
6403
6444
  <i
6404
6445
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
6446
+ role="button"
6405
6447
  style="font-size: 16px; width: 16px;"
6406
6448
  >
6407
6449
  keyboard_arrow_down_round
@@ -6418,6 +6460,7 @@ exports[`Calendar component
6418
6460
  </h5>
6419
6461
  <i
6420
6462
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
6463
+ role="button"
6421
6464
  style="font-size: 16px; width: 16px;"
6422
6465
  >
6423
6466
  keyboard_arrow_down_round
@@ -6436,6 +6479,7 @@ exports[`Calendar component
6436
6479
  <i
6437
6480
  class="material-icons material-icons-round Icon Icon--default"
6438
6481
  data-test="DesignSystem-Button--Icon"
6482
+ role="button"
6439
6483
  style="font-size: 16px; width: 16px;"
6440
6484
  >
6441
6485
  arrow_forward_round
@@ -7017,6 +7061,7 @@ exports[`Calendar component
7017
7061
  <i
7018
7062
  class="material-icons material-icons-round Icon Icon--default"
7019
7063
  data-test="DesignSystem-Button--Icon"
7064
+ role="button"
7020
7065
  style="font-size: 16px; width: 16px;"
7021
7066
  >
7022
7067
  arrow_back_round
@@ -7037,6 +7082,7 @@ exports[`Calendar component
7037
7082
  </h5>
7038
7083
  <i
7039
7084
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
7085
+ role="button"
7040
7086
  style="font-size: 16px; width: 16px;"
7041
7087
  >
7042
7088
  keyboard_arrow_down_round
@@ -7053,6 +7099,7 @@ exports[`Calendar component
7053
7099
  </h5>
7054
7100
  <i
7055
7101
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
7102
+ role="button"
7056
7103
  style="font-size: 16px; width: 16px;"
7057
7104
  >
7058
7105
  keyboard_arrow_down_round
@@ -7071,6 +7118,7 @@ exports[`Calendar component
7071
7118
  <i
7072
7119
  class="material-icons material-icons-round Icon Icon--default"
7073
7120
  data-test="DesignSystem-Button--Icon"
7121
+ role="button"
7074
7122
  style="font-size: 16px; width: 16px;"
7075
7123
  >
7076
7124
  arrow_forward_round
@@ -7652,6 +7700,7 @@ exports[`Calendar component
7652
7700
  <i
7653
7701
  class="material-icons material-icons-round Icon Icon--default"
7654
7702
  data-test="DesignSystem-Button--Icon"
7703
+ role="button"
7655
7704
  style="font-size: 16px; width: 16px;"
7656
7705
  >
7657
7706
  arrow_back_round
@@ -7672,6 +7721,7 @@ exports[`Calendar component
7672
7721
  </h5>
7673
7722
  <i
7674
7723
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
7724
+ role="button"
7675
7725
  style="font-size: 16px; width: 16px;"
7676
7726
  >
7677
7727
  keyboard_arrow_down_round
@@ -7688,6 +7738,7 @@ exports[`Calendar component
7688
7738
  </h5>
7689
7739
  <i
7690
7740
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
7741
+ role="button"
7691
7742
  style="font-size: 16px; width: 16px;"
7692
7743
  >
7693
7744
  keyboard_arrow_down_round
@@ -8148,6 +8199,7 @@ exports[`Calendar component
8148
8199
  </h5>
8149
8200
  <i
8150
8201
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
8202
+ role="button"
8151
8203
  style="font-size: 16px; width: 16px;"
8152
8204
  >
8153
8205
  keyboard_arrow_down_round
@@ -8164,6 +8216,7 @@ exports[`Calendar component
8164
8216
  </h5>
8165
8217
  <i
8166
8218
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
8219
+ role="button"
8167
8220
  style="font-size: 16px; width: 16px;"
8168
8221
  >
8169
8222
  keyboard_arrow_down_round
@@ -8182,6 +8235,7 @@ exports[`Calendar component
8182
8235
  <i
8183
8236
  class="material-icons material-icons-round Icon Icon--default"
8184
8237
  data-test="DesignSystem-Button--Icon"
8238
+ role="button"
8185
8239
  style="font-size: 16px; width: 16px;"
8186
8240
  >
8187
8241
  arrow_forward_round
@@ -8661,6 +8715,7 @@ exports[`Calendar component
8661
8715
  <i
8662
8716
  class="material-icons material-icons-round Icon Icon--default"
8663
8717
  data-test="DesignSystem-Button--Icon"
8718
+ role="button"
8664
8719
  style="font-size: 16px; width: 16px;"
8665
8720
  >
8666
8721
  arrow_back_round
@@ -8681,6 +8736,7 @@ exports[`Calendar component
8681
8736
  </h5>
8682
8737
  <i
8683
8738
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
8739
+ role="button"
8684
8740
  style="font-size: 16px; width: 16px;"
8685
8741
  >
8686
8742
  keyboard_arrow_down_round
@@ -8697,6 +8753,7 @@ exports[`Calendar component
8697
8753
  </h5>
8698
8754
  <i
8699
8755
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
8756
+ role="button"
8700
8757
  style="font-size: 16px; width: 16px;"
8701
8758
  >
8702
8759
  keyboard_arrow_down_round
@@ -9157,6 +9214,7 @@ exports[`Calendar component
9157
9214
  </h5>
9158
9215
  <i
9159
9216
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
9217
+ role="button"
9160
9218
  style="font-size: 16px; width: 16px;"
9161
9219
  >
9162
9220
  keyboard_arrow_down_round
@@ -9173,6 +9231,7 @@ exports[`Calendar component
9173
9231
  </h5>
9174
9232
  <i
9175
9233
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
9234
+ role="button"
9176
9235
  style="font-size: 16px; width: 16px;"
9177
9236
  >
9178
9237
  keyboard_arrow_down_round
@@ -9626,6 +9685,7 @@ exports[`Calendar component
9626
9685
  </h5>
9627
9686
  <i
9628
9687
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
9688
+ role="button"
9629
9689
  style="font-size: 16px; width: 16px;"
9630
9690
  >
9631
9691
  keyboard_arrow_down_round
@@ -9642,6 +9702,7 @@ exports[`Calendar component
9642
9702
  </h5>
9643
9703
  <i
9644
9704
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
9705
+ role="button"
9645
9706
  style="font-size: 16px; width: 16px;"
9646
9707
  >
9647
9708
  keyboard_arrow_down_round
@@ -9660,6 +9721,7 @@ exports[`Calendar component
9660
9721
  <i
9661
9722
  class="material-icons material-icons-round Icon Icon--default"
9662
9723
  data-test="DesignSystem-Button--Icon"
9724
+ role="button"
9663
9725
  style="font-size: 16px; width: 16px;"
9664
9726
  >
9665
9727
  arrow_forward_round
@@ -10206,6 +10268,7 @@ exports[`Calendar component
10206
10268
  <i
10207
10269
  class="material-icons material-icons-round Icon Icon--default"
10208
10270
  data-test="DesignSystem-Button--Icon"
10271
+ role="button"
10209
10272
  style="font-size: 16px; width: 16px;"
10210
10273
  >
10211
10274
  arrow_back_round
@@ -10226,6 +10289,7 @@ exports[`Calendar component
10226
10289
  </h5>
10227
10290
  <i
10228
10291
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
10292
+ role="button"
10229
10293
  style="font-size: 16px; width: 16px;"
10230
10294
  >
10231
10295
  keyboard_arrow_down_round
@@ -10242,6 +10306,7 @@ exports[`Calendar component
10242
10306
  </h5>
10243
10307
  <i
10244
10308
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
10309
+ role="button"
10245
10310
  style="font-size: 16px; width: 16px;"
10246
10311
  >
10247
10312
  keyboard_arrow_down_round
@@ -10260,6 +10325,7 @@ exports[`Calendar component
10260
10325
  <i
10261
10326
  class="material-icons material-icons-round Icon Icon--default"
10262
10327
  data-test="DesignSystem-Button--Icon"
10328
+ role="button"
10263
10329
  style="font-size: 16px; width: 16px;"
10264
10330
  >
10265
10331
  arrow_forward_round
@@ -10841,6 +10907,7 @@ exports[`Calendar component
10841
10907
  <i
10842
10908
  class="material-icons material-icons-round Icon Icon--default"
10843
10909
  data-test="DesignSystem-Button--Icon"
10910
+ role="button"
10844
10911
  style="font-size: 16px; width: 16px;"
10845
10912
  >
10846
10913
  arrow_back_round
@@ -10861,6 +10928,7 @@ exports[`Calendar component
10861
10928
  </h5>
10862
10929
  <i
10863
10930
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
10931
+ role="button"
10864
10932
  style="font-size: 16px; width: 16px;"
10865
10933
  >
10866
10934
  keyboard_arrow_down_round
@@ -10879,6 +10947,7 @@ exports[`Calendar component
10879
10947
  <i
10880
10948
  class="material-icons material-icons-round Icon Icon--default"
10881
10949
  data-test="DesignSystem-Button--Icon"
10950
+ role="button"
10882
10951
  style="font-size: 16px; width: 16px;"
10883
10952
  >
10884
10953
  arrow_forward_round
@@ -11072,6 +11141,7 @@ exports[`Calendar component
11072
11141
  <i
11073
11142
  class="material-icons material-icons-round Icon Icon--default"
11074
11143
  data-test="DesignSystem-Button--Icon"
11144
+ role="button"
11075
11145
  style="font-size: 16px; width: 16px;"
11076
11146
  >
11077
11147
  arrow_back_round
@@ -11104,6 +11174,7 @@ exports[`Calendar component
11104
11174
  <i
11105
11175
  class="material-icons material-icons-round Icon Icon--default"
11106
11176
  data-test="DesignSystem-Button--Icon"
11177
+ role="button"
11107
11178
  style="font-size: 16px; width: 16px;"
11108
11179
  >
11109
11180
  arrow_forward_round
@@ -11297,6 +11368,7 @@ exports[`Calendar component
11297
11368
  <i
11298
11369
  class="material-icons material-icons-round Icon Icon--default"
11299
11370
  data-test="DesignSystem-Button--Icon"
11371
+ role="button"
11300
11372
  style="font-size: 12px; width: 12px;"
11301
11373
  >
11302
11374
  arrow_back_round
@@ -11317,6 +11389,7 @@ exports[`Calendar component
11317
11389
  </span>
11318
11390
  <i
11319
11391
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
11392
+ role="button"
11320
11393
  style="font-size: 16px; width: 16px;"
11321
11394
  >
11322
11395
  keyboard_arrow_down_round
@@ -11333,6 +11406,7 @@ exports[`Calendar component
11333
11406
  </span>
11334
11407
  <i
11335
11408
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
11409
+ role="button"
11336
11410
  style="font-size: 16px; width: 16px;"
11337
11411
  >
11338
11412
  keyboard_arrow_down_round
@@ -11351,6 +11425,7 @@ exports[`Calendar component
11351
11425
  <i
11352
11426
  class="material-icons material-icons-round Icon Icon--default"
11353
11427
  data-test="DesignSystem-Button--Icon"
11428
+ role="button"
11354
11429
  style="font-size: 12px; width: 12px;"
11355
11430
  >
11356
11431
  arrow_forward_round
@@ -11932,6 +12007,7 @@ exports[`Calendar component
11932
12007
  <i
11933
12008
  class="material-icons material-icons-round Icon Icon--default"
11934
12009
  data-test="DesignSystem-Button--Icon"
12010
+ role="button"
11935
12011
  style="font-size: 12px; width: 12px;"
11936
12012
  >
11937
12013
  arrow_back_round
@@ -11952,6 +12028,7 @@ exports[`Calendar component
11952
12028
  </span>
11953
12029
  <i
11954
12030
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
12031
+ role="button"
11955
12032
  style="font-size: 16px; width: 16px;"
11956
12033
  >
11957
12034
  keyboard_arrow_down_round
@@ -11968,6 +12045,7 @@ exports[`Calendar component
11968
12045
  </span>
11969
12046
  <i
11970
12047
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
12048
+ role="button"
11971
12049
  style="font-size: 16px; width: 16px;"
11972
12050
  >
11973
12051
  keyboard_arrow_down_round
@@ -12428,6 +12506,7 @@ exports[`Calendar component
12428
12506
  </span>
12429
12507
  <i
12430
12508
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
12509
+ role="button"
12431
12510
  style="font-size: 16px; width: 16px;"
12432
12511
  >
12433
12512
  keyboard_arrow_down_round
@@ -12444,6 +12523,7 @@ exports[`Calendar component
12444
12523
  </span>
12445
12524
  <i
12446
12525
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
12526
+ role="button"
12447
12527
  style="font-size: 16px; width: 16px;"
12448
12528
  >
12449
12529
  keyboard_arrow_down_round
@@ -12462,6 +12542,7 @@ exports[`Calendar component
12462
12542
  <i
12463
12543
  class="material-icons material-icons-round Icon Icon--default"
12464
12544
  data-test="DesignSystem-Button--Icon"
12545
+ role="button"
12465
12546
  style="font-size: 12px; width: 12px;"
12466
12547
  >
12467
12548
  arrow_forward_round
@@ -12941,6 +13022,7 @@ exports[`Calendar component
12941
13022
  <i
12942
13023
  class="material-icons material-icons-round Icon Icon--default"
12943
13024
  data-test="DesignSystem-Button--Icon"
13025
+ role="button"
12944
13026
  style="font-size: 12px; width: 12px;"
12945
13027
  >
12946
13028
  arrow_back_round
@@ -12961,6 +13043,7 @@ exports[`Calendar component
12961
13043
  </span>
12962
13044
  <i
12963
13045
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
13046
+ role="button"
12964
13047
  style="font-size: 16px; width: 16px;"
12965
13048
  >
12966
13049
  keyboard_arrow_down_round
@@ -12977,6 +13060,7 @@ exports[`Calendar component
12977
13060
  </span>
12978
13061
  <i
12979
13062
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
13063
+ role="button"
12980
13064
  style="font-size: 16px; width: 16px;"
12981
13065
  >
12982
13066
  keyboard_arrow_down_round
@@ -13437,6 +13521,7 @@ exports[`Calendar component
13437
13521
  </span>
13438
13522
  <i
13439
13523
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
13524
+ role="button"
13440
13525
  style="font-size: 16px; width: 16px;"
13441
13526
  >
13442
13527
  keyboard_arrow_down_round
@@ -13453,6 +13538,7 @@ exports[`Calendar component
13453
13538
  </span>
13454
13539
  <i
13455
13540
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
13541
+ role="button"
13456
13542
  style="font-size: 16px; width: 16px;"
13457
13543
  >
13458
13544
  keyboard_arrow_down_round
@@ -13906,6 +13992,7 @@ exports[`Calendar component
13906
13992
  </span>
13907
13993
  <i
13908
13994
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
13995
+ role="button"
13909
13996
  style="font-size: 16px; width: 16px;"
13910
13997
  >
13911
13998
  keyboard_arrow_down_round
@@ -13922,6 +14009,7 @@ exports[`Calendar component
13922
14009
  </span>
13923
14010
  <i
13924
14011
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
14012
+ role="button"
13925
14013
  style="font-size: 16px; width: 16px;"
13926
14014
  >
13927
14015
  keyboard_arrow_down_round
@@ -13940,6 +14028,7 @@ exports[`Calendar component
13940
14028
  <i
13941
14029
  class="material-icons material-icons-round Icon Icon--default"
13942
14030
  data-test="DesignSystem-Button--Icon"
14031
+ role="button"
13943
14032
  style="font-size: 12px; width: 12px;"
13944
14033
  >
13945
14034
  arrow_forward_round
@@ -14486,6 +14575,7 @@ exports[`Calendar component
14486
14575
  <i
14487
14576
  class="material-icons material-icons-round Icon Icon--default"
14488
14577
  data-test="DesignSystem-Button--Icon"
14578
+ role="button"
14489
14579
  style="font-size: 12px; width: 12px;"
14490
14580
  >
14491
14581
  arrow_back_round
@@ -14506,6 +14596,7 @@ exports[`Calendar component
14506
14596
  </span>
14507
14597
  <i
14508
14598
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
14599
+ role="button"
14509
14600
  style="font-size: 16px; width: 16px;"
14510
14601
  >
14511
14602
  keyboard_arrow_down_round
@@ -14522,6 +14613,7 @@ exports[`Calendar component
14522
14613
  </span>
14523
14614
  <i
14524
14615
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
14616
+ role="button"
14525
14617
  style="font-size: 16px; width: 16px;"
14526
14618
  >
14527
14619
  keyboard_arrow_down_round
@@ -14540,6 +14632,7 @@ exports[`Calendar component
14540
14632
  <i
14541
14633
  class="material-icons material-icons-round Icon Icon--default"
14542
14634
  data-test="DesignSystem-Button--Icon"
14635
+ role="button"
14543
14636
  style="font-size: 12px; width: 12px;"
14544
14637
  >
14545
14638
  arrow_forward_round
@@ -15121,6 +15214,7 @@ exports[`Calendar component
15121
15214
  <i
15122
15215
  class="material-icons material-icons-round Icon Icon--default"
15123
15216
  data-test="DesignSystem-Button--Icon"
15217
+ role="button"
15124
15218
  style="font-size: 12px; width: 12px;"
15125
15219
  >
15126
15220
  arrow_back_round
@@ -15141,6 +15235,7 @@ exports[`Calendar component
15141
15235
  </span>
15142
15236
  <i
15143
15237
  class="material-icons material-icons-round Icon Icon--inverse pl-3"
15238
+ role="button"
15144
15239
  style="font-size: 16px; width: 16px;"
15145
15240
  >
15146
15241
  keyboard_arrow_down_round
@@ -15159,6 +15254,7 @@ exports[`Calendar component
15159
15254
  <i
15160
15255
  class="material-icons material-icons-round Icon Icon--default"
15161
15256
  data-test="DesignSystem-Button--Icon"
15257
+ role="button"
15162
15258
  style="font-size: 12px; width: 12px;"
15163
15259
  >
15164
15260
  arrow_forward_round
@@ -15352,6 +15448,7 @@ exports[`Calendar component
15352
15448
  <i
15353
15449
  class="material-icons material-icons-round Icon Icon--default"
15354
15450
  data-test="DesignSystem-Button--Icon"
15451
+ role="button"
15355
15452
  style="font-size: 12px; width: 12px;"
15356
15453
  >
15357
15454
  arrow_back_round
@@ -15384,6 +15481,7 @@ exports[`Calendar component
15384
15481
  <i
15385
15482
  class="material-icons material-icons-round Icon Icon--default"
15386
15483
  data-test="DesignSystem-Button--Icon"
15484
+ role="button"
15387
15485
  style="font-size: 12px; width: 12px;"
15388
15486
  >
15389
15487
  arrow_forward_round