@zohodesk/components 1.6.22 → 1.6.23

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 (112) hide show
  1. package/README.md +4 -0
  2. package/es/AppContainer/AppContainer.module.css +9 -3
  3. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
  4. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
  5. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
  6. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  7. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +107 -181
  8. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -39
  9. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  10. package/es/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  11. package/es/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  12. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +60 -60
  13. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  14. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  15. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  16. package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  17. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  18. package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  19. package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  20. package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  21. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  22. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  23. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  24. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  25. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  26. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  27. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  28. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  29. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  30. package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  31. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -31
  32. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  33. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  34. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  35. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  36. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  37. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  38. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  39. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  40. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  41. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  42. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  43. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +55 -67
  44. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  45. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -242
  46. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  47. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  48. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  49. package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  50. package/es/common/basic.module.css +9 -8
  51. package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  52. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  53. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  54. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  55. package/es/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  56. package/es/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  57. package/lib/AppContainer/AppContainer.module.css +9 -3
  58. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
  59. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
  60. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
  61. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  62. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +107 -181
  63. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -39
  64. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  65. package/lib/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  66. package/lib/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  67. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +60 -60
  68. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  69. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  70. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  71. package/lib/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  72. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  73. package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  74. package/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  75. package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  76. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  77. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  78. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  79. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  80. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  81. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  82. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  83. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  84. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  85. package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  86. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -31
  87. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  88. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  89. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  90. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  91. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  92. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  93. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  94. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  95. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  96. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  97. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  98. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +55 -67
  99. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  100. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -242
  101. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  102. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  103. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  104. package/lib/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  105. package/lib/common/basic.module.css +9 -8
  106. package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  107. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  108. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  109. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  110. package/lib/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  111. package/lib/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  112. package/package.json +9 -10
package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlaceholderNode & it's custom class 1`] = `
4
4
  <DocumentFragment>
5
5
  <li
6
- class="flex row alignItems_center list medium default withBorder"
6
+ class="flex row alignItems_center list medium default withBorder"
7
7
  data-a11y-inset-focus="true"
8
8
  data-id="List_ListItemWithCheckBox"
9
9
  data-selector-id="listItemWithCheckBox"
@@ -39,7 +39,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
39
39
  tabindex="-1"
40
40
  >
41
41
  <div
42
- class="noShrink boxContainer medium filled"
42
+ class="noShrink boxContainer medium filled"
43
43
  data-id="boxComponent"
44
44
  data-selector-id="box"
45
45
  data-test-id="boxComponent"
@@ -48,7 +48,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
48
48
  type="hidden"
49
49
  />
50
50
  <label
51
- class="checkbox pointer medium "
51
+ class="checkbox pointer medium"
52
52
  >
53
53
  <svg
54
54
  viewBox="0 0 40 40"
@@ -109,7 +109,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
109
109
  exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlaceholderNode 1`] = `
110
110
  <DocumentFragment>
111
111
  <li
112
- class="flex row alignItems_center list medium default withBorder"
112
+ class="flex row alignItems_center list medium default withBorder"
113
113
  data-a11y-inset-focus="true"
114
114
  data-id="List_ListItemWithCheckBox"
115
115
  data-selector-id="listItemWithCheckBox"
@@ -145,7 +145,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
145
145
  tabindex="-1"
146
146
  >
147
147
  <div
148
- class="noShrink boxContainer medium filled"
148
+ class="noShrink boxContainer medium filled"
149
149
  data-id="boxComponent"
150
150
  data-selector-id="box"
151
151
  data-test-id="boxComponent"
@@ -154,7 +154,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
154
154
  type="hidden"
155
155
  />
156
156
  <label
157
- class="checkbox pointer medium "
157
+ class="checkbox pointer medium"
158
158
  >
159
159
  <svg
160
160
  viewBox="0 0 40 40"
@@ -215,7 +215,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
215
215
  exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and LHS align center 1`] = `
216
216
  <DocumentFragment>
217
217
  <li
218
- class="flex row alignItems_center list medium default withBorder"
218
+ class="flex row alignItems_center list medium default withBorder"
219
219
  data-a11y-inset-focus="true"
220
220
  data-id="List_ListItemWithCheckBox"
221
221
  data-selector-id="listItemWithCheckBox"
@@ -251,7 +251,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
251
251
  tabindex="-1"
252
252
  >
253
253
  <div
254
- class="noShrink boxContainer medium filled"
254
+ class="noShrink boxContainer medium filled"
255
255
  data-id="boxComponent"
256
256
  data-selector-id="box"
257
257
  data-test-id="boxComponent"
@@ -260,7 +260,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
260
260
  type="hidden"
261
261
  />
262
262
  <label
263
- class="checkbox pointer medium "
263
+ class="checkbox pointer medium"
264
264
  >
265
265
  <svg
266
266
  viewBox="0 0 40 40"
@@ -320,7 +320,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
320
320
  exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and LHS align end 1`] = `
321
321
  <DocumentFragment>
322
322
  <li
323
- class="flex row alignItems_center list medium default withBorder"
323
+ class="flex row alignItems_center list medium default withBorder"
324
324
  data-a11y-inset-focus="true"
325
325
  data-id="List_ListItemWithCheckBox"
326
326
  data-selector-id="listItemWithCheckBox"
@@ -356,7 +356,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
356
356
  tabindex="-1"
357
357
  >
358
358
  <div
359
- class="noShrink boxContainer medium filled"
359
+ class="noShrink boxContainer medium filled"
360
360
  data-id="boxComponent"
361
361
  data-selector-id="box"
362
362
  data-test-id="boxComponent"
@@ -365,7 +365,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
365
365
  type="hidden"
366
366
  />
367
367
  <label
368
- class="checkbox pointer medium "
368
+ class="checkbox pointer medium"
369
369
  >
370
370
  <svg
371
371
  viewBox="0 0 40 40"
@@ -425,7 +425,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
425
425
  exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue 1`] = `
426
426
  <DocumentFragment>
427
427
  <li
428
- class="flex row alignItems_center list medium default withBorder"
428
+ class="flex row alignItems_center list medium default withBorder"
429
429
  data-a11y-inset-focus="true"
430
430
  data-id="List_ListItemWithCheckBox"
431
431
  data-selector-id="listItemWithCheckBox"
@@ -461,7 +461,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue 1`] = `
461
461
  tabindex="-1"
462
462
  >
463
463
  <div
464
- class="noShrink boxContainer medium filled"
464
+ class="noShrink boxContainer medium filled"
465
465
  data-id="boxComponent"
466
466
  data-selector-id="box"
467
467
  data-test-id="boxComponent"
@@ -470,7 +470,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue 1`] = `
470
470
  type="hidden"
471
471
  />
472
472
  <label
473
- class="checkbox pointer medium "
473
+ class="checkbox pointer medium"
474
474
  >
475
475
  <svg
476
476
  viewBox="0 0 40 40"
@@ -530,7 +530,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue 1`] = `
530
530
  exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and LHS align start 1`] = `
531
531
  <DocumentFragment>
532
532
  <li
533
- class="flex row alignItems_center list medium default withBorder"
533
+ class="flex row alignItems_center list medium default withBorder"
534
534
  data-a11y-inset-focus="true"
535
535
  data-id="List_ListItemWithCheckBox"
536
536
  data-selector-id="listItemWithCheckBox"
@@ -566,7 +566,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
566
566
  tabindex="-1"
567
567
  >
568
568
  <div
569
- class="noShrink boxContainer medium filled"
569
+ class="noShrink boxContainer medium filled"
570
570
  data-id="boxComponent"
571
571
  data-selector-id="box"
572
572
  data-test-id="boxComponent"
@@ -575,7 +575,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
575
575
  type="hidden"
576
576
  />
577
577
  <label
578
- class="checkbox pointer medium "
578
+ class="checkbox pointer medium"
579
579
  >
580
580
  <svg
581
581
  viewBox="0 0 40 40"
@@ -635,7 +635,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
635
635
  exports[`ListItemWithCheckBox rendering the defult props 1`] = `
636
636
  <DocumentFragment>
637
637
  <li
638
- class="flex row alignItems_center list medium default withBorder"
638
+ class="flex row alignItems_center list medium default withBorder"
639
639
  data-a11y-inset-focus="true"
640
640
  data-id="List_ListItemWithCheckBox"
641
641
  data-selector-id="listItemWithCheckBox"
@@ -671,7 +671,7 @@ exports[`ListItemWithCheckBox rendering the defult props 1`] = `
671
671
  tabindex="-1"
672
672
  >
673
673
  <div
674
- class="noShrink boxContainer medium filled"
674
+ class="noShrink boxContainer medium filled"
675
675
  data-id="boxComponent"
676
676
  data-selector-id="box"
677
677
  data-test-id="boxComponent"
@@ -680,7 +680,7 @@ exports[`ListItemWithCheckBox rendering the defult props 1`] = `
680
680
  type="hidden"
681
681
  />
682
682
  <label
683
- class="checkbox pointer medium "
683
+ class="checkbox pointer medium"
684
684
  >
685
685
  <svg
686
686
  viewBox="0 0 40 40"
package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode & it's custom class 1`] = `
4
4
  <DocumentFragment>
5
5
  <li
6
- class="flex row alignItems_center list medium default withBorder"
6
+ class="flex row alignItems_center list medium default withBorder"
7
7
  data-a11y-inset-focus="true"
8
8
  data-id="list"
9
9
  data-selector-id="listItemWithIcon"
@@ -57,7 +57,7 @@ exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode
57
57
  exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode 1`] = `
58
58
  <DocumentFragment>
59
59
  <li
60
- class="flex row alignItems_center list medium default withBorder"
60
+ class="flex row alignItems_center list medium default withBorder"
61
61
  data-a11y-inset-focus="true"
62
62
  data-id="list"
63
63
  data-selector-id="listItemWithIcon"
@@ -111,7 +111,7 @@ exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode
111
111
  exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS align center 1`] = `
112
112
  <DocumentFragment>
113
113
  <li
114
- class="flex row alignItems_center list medium default withBorder"
114
+ class="flex row alignItems_center list medium default withBorder"
115
115
  data-a11y-inset-focus="true"
116
116
  data-id="list"
117
117
  data-selector-id="listItemWithIcon"
@@ -164,7 +164,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS ali
164
164
  exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS align end 1`] = `
165
165
  <DocumentFragment>
166
166
  <li
167
- class="flex row alignItems_center list medium default withBorder"
167
+ class="flex row alignItems_center list medium default withBorder"
168
168
  data-a11y-inset-focus="true"
169
169
  data-id="list"
170
170
  data-selector-id="listItemWithIcon"
@@ -217,7 +217,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS ali
217
217
  exports[`ListItemWithIcon ListItemWithIcon with secondaryValue 1`] = `
218
218
  <DocumentFragment>
219
219
  <li
220
- class="flex row alignItems_center list medium default withBorder"
220
+ class="flex row alignItems_center list medium default withBorder"
221
221
  data-a11y-inset-focus="true"
222
222
  data-id="list"
223
223
  data-selector-id="listItemWithIcon"
@@ -270,7 +270,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue 1`] = `
270
270
  exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS align start 1`] = `
271
271
  <DocumentFragment>
272
272
  <li
273
- class="flex row alignItems_center list medium default withBorder"
273
+ class="flex row alignItems_center list medium default withBorder"
274
274
  data-a11y-inset-focus="true"
275
275
  data-id="list"
276
276
  data-selector-id="listItemWithIcon"
@@ -323,7 +323,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS alig
323
323
  exports[`ListItemWithIcon rendering the defult props 1`] = `
324
324
  <DocumentFragment>
325
325
  <li
326
- class="flex row alignItems_center list medium default withBorder"
326
+ class="flex row alignItems_center list medium default withBorder"
327
327
  data-a11y-inset-focus="true"
328
328
  data-id="list"
329
329
  data-selector-id="listItemWithIcon"
package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNode & it's custom class 1`] = `
4
4
  <DocumentFragment>
5
5
  <li
6
- class="flex row alignItems_center list medium default withBorder"
6
+ class="flex row alignItems_center list medium default withBorder"
7
7
  data-a11y-inset-focus="true"
8
8
  data-id="listItemWithRadioComp"
9
9
  data-selector-id="listItemWithRadio"
@@ -32,7 +32,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
32
32
  aria-checked="false"
33
33
  aria-hidden="true"
34
34
  aria-readonly="false"
35
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
35
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
36
36
  data-id="RadioComp"
37
37
  data-selector-id="container"
38
38
  data-test-id="RadioComp"
@@ -40,8 +40,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
40
40
  tabindex="-1"
41
41
  >
42
42
  <div
43
- class="noShrink radio
44
- hoverprimary medium filled centerPathprimary"
43
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
45
44
  data-id="boxComponent"
46
45
  data-selector-id="box"
47
46
  data-test-id="boxComponent"
@@ -109,7 +108,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
109
108
  exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNode 1`] = `
110
109
  <DocumentFragment>
111
110
  <li
112
- class="flex row alignItems_center list medium default withBorder"
111
+ class="flex row alignItems_center list medium default withBorder"
113
112
  data-a11y-inset-focus="true"
114
113
  data-id="listItemWithRadioComp"
115
114
  data-selector-id="listItemWithRadio"
@@ -138,7 +137,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
138
137
  aria-checked="false"
139
138
  aria-hidden="true"
140
139
  aria-readonly="false"
141
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
140
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
142
141
  data-id="RadioComp"
143
142
  data-selector-id="container"
144
143
  data-test-id="RadioComp"
@@ -146,8 +145,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
146
145
  tabindex="-1"
147
146
  >
148
147
  <div
149
- class="noShrink radio
150
- hoverprimary medium filled centerPathprimary"
148
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
151
149
  data-id="boxComponent"
152
150
  data-selector-id="box"
153
151
  data-test-id="boxComponent"
@@ -215,7 +213,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
215
213
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS align center 1`] = `
216
214
  <DocumentFragment>
217
215
  <li
218
- class="flex row alignItems_center list medium default withBorder"
216
+ class="flex row alignItems_center list medium default withBorder"
219
217
  data-a11y-inset-focus="true"
220
218
  data-id="listItemWithRadioComp"
221
219
  data-selector-id="listItemWithRadio"
@@ -244,7 +242,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
244
242
  aria-checked="false"
245
243
  aria-hidden="true"
246
244
  aria-readonly="false"
247
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
245
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
248
246
  data-id="RadioComp"
249
247
  data-selector-id="container"
250
248
  data-test-id="RadioComp"
@@ -252,8 +250,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
252
250
  tabindex="-1"
253
251
  >
254
252
  <div
255
- class="noShrink radio
256
- hoverprimary medium filled centerPathprimary"
253
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
257
254
  data-id="boxComponent"
258
255
  data-selector-id="box"
259
256
  data-test-id="boxComponent"
@@ -320,7 +317,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
320
317
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS align end 1`] = `
321
318
  <DocumentFragment>
322
319
  <li
323
- class="flex row alignItems_center list medium default withBorder"
320
+ class="flex row alignItems_center list medium default withBorder"
324
321
  data-a11y-inset-focus="true"
325
322
  data-id="listItemWithRadioComp"
326
323
  data-selector-id="listItemWithRadio"
@@ -349,7 +346,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
349
346
  aria-checked="false"
350
347
  aria-hidden="true"
351
348
  aria-readonly="false"
352
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
349
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
353
350
  data-id="RadioComp"
354
351
  data-selector-id="container"
355
352
  data-test-id="RadioComp"
@@ -357,8 +354,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
357
354
  tabindex="-1"
358
355
  >
359
356
  <div
360
- class="noShrink radio
361
- hoverprimary medium filled centerPathprimary"
357
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
362
358
  data-id="boxComponent"
363
359
  data-selector-id="box"
364
360
  data-test-id="boxComponent"
@@ -425,7 +421,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
425
421
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
426
422
  <DocumentFragment>
427
423
  <li
428
- class="flex row alignItems_center list medium default withBorder"
424
+ class="flex row alignItems_center list medium default withBorder"
429
425
  data-a11y-inset-focus="true"
430
426
  data-id="listItemWithRadioComp"
431
427
  data-selector-id="listItemWithRadio"
@@ -454,7 +450,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
454
450
  aria-checked="false"
455
451
  aria-hidden="true"
456
452
  aria-readonly="false"
457
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
453
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
458
454
  data-id="RadioComp"
459
455
  data-selector-id="container"
460
456
  data-test-id="RadioComp"
@@ -462,8 +458,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
462
458
  tabindex="-1"
463
459
  >
464
460
  <div
465
- class="noShrink radio
466
- hoverprimary medium filled centerPathprimary"
461
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
467
462
  data-id="boxComponent"
468
463
  data-selector-id="box"
469
464
  data-test-id="boxComponent"
@@ -530,7 +525,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
530
525
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS align start 1`] = `
531
526
  <DocumentFragment>
532
527
  <li
533
- class="flex row alignItems_center list medium default withBorder"
528
+ class="flex row alignItems_center list medium default withBorder"
534
529
  data-a11y-inset-focus="true"
535
530
  data-id="listItemWithRadioComp"
536
531
  data-selector-id="listItemWithRadio"
@@ -559,7 +554,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
559
554
  aria-checked="false"
560
555
  aria-hidden="true"
561
556
  aria-readonly="false"
562
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
557
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
563
558
  data-id="RadioComp"
564
559
  data-selector-id="container"
565
560
  data-test-id="RadioComp"
@@ -567,8 +562,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
567
562
  tabindex="-1"
568
563
  >
569
564
  <div
570
- class="noShrink radio
571
- hoverprimary medium filled centerPathprimary"
565
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
572
566
  data-id="boxComponent"
573
567
  data-selector-id="box"
574
568
  data-test-id="boxComponent"
@@ -635,7 +629,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
635
629
  exports[`ListItemWithRadio rendering the defult props 1`] = `
636
630
  <DocumentFragment>
637
631
  <li
638
- class="flex row alignItems_center list medium default withBorder"
632
+ class="flex row alignItems_center list medium default withBorder"
639
633
  data-a11y-inset-focus="true"
640
634
  data-id="listItemWithRadioComp"
641
635
  data-selector-id="listItemWithRadio"
@@ -664,7 +658,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
664
658
  aria-checked="false"
665
659
  aria-hidden="true"
666
660
  aria-readonly="false"
667
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
661
+ class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
668
662
  data-id="RadioComp"
669
663
  data-selector-id="container"
670
664
  data-test-id="RadioComp"
@@ -672,8 +666,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
672
666
  tabindex="-1"
673
667
  >
674
668
  <div
675
- class="noShrink radio
676
- hoverprimary medium filled centerPathprimary"
669
+ class="noShrink radio hoverprimary medium filled centerPathprimary"
677
670
  data-id="boxComponent"
678
671
  data-selector-id="box"
679
672
  data-test-id="boxComponent"
package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap CHANGED
@@ -3,13 +3,13 @@
3
3
  exports[`AdvancedGroupMultiSelect rendering the defult props 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="wrapper effect"
6
+ class="wrapper effect"
7
7
  data-id="multiSelect"
8
8
  data-selector-id="advancedGroupMultiSelect"
9
9
  data-test-id="multiSelect"
10
10
  >
11
11
  <div
12
- class="flex fullSize row wrap alignItems_center container medium hasBorder borderColor_default"
12
+ class="flex fullSize row wrap alignItems_center container medium hasBorder borderColor_default"
13
13
  data-id="containerComponent"
14
14
  data-selector-id="container"
15
15
  data-test-id="containerComponent"
@@ -21,11 +21,10 @@ exports[`AdvancedGroupMultiSelect rendering the defult props 1`] = `
21
21
  data-test-id="boxComponent"
22
22
  >
23
23
  <span
24
- class=" custmSpan custmSpanMedium
25
- "
24
+ class="custmSpan custmSpanMedium"
26
25
  />
27
26
  <div
28
- class="flex row varClass customContainer effect container custmInputWrapper"
27
+ class="flex row varClass customContainer effect container custmInputWrapper"
29
28
  data-selector-id="textBoxIcon"
30
29
  >
31
30
  <div
@@ -41,7 +40,7 @@ exports[`AdvancedGroupMultiSelect rendering the defult props 1`] = `
41
40
  aria-haspopup="true"
42
41
  aria-owns="1"
43
42
  autocomplete="off"
44
- class=" container medium default effect borderColor_default "
43
+ class="container medium default effect borderColor_default"
45
44
  data-id="multiSelect_textBox"
46
45
  data-selector-id="textBoxIcon"
47
46
  data-test-id="multiSelect_textBox"
package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap CHANGED
@@ -3,13 +3,13 @@
3
3
  exports[`AdvancedMultiSelect rendering the defult props 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="wrapper effect "
6
+ class="wrapper effect"
7
7
  data-id="multiSelectComp"
8
8
  data-selector-id="advancedMultiSelect"
9
9
  data-test-id="multiSelectComp"
10
10
  >
11
11
  <div
12
- class="flex fullSize row wrap alignItems_center container medium hasBorder borderColor_default"
12
+ class="flex fullSize row wrap alignItems_center container medium hasBorder borderColor_default"
13
13
  data-id="containerComponent"
14
14
  data-selector-id="container"
15
15
  data-test-id="containerComponent"
@@ -21,11 +21,10 @@ exports[`AdvancedMultiSelect rendering the defult props 1`] = `
21
21
  data-test-id="multiSelectComp_textBox"
22
22
  >
23
23
  <span
24
- class=" custmSpan custmSpanMedium
25
- "
24
+ class="custmSpan custmSpanMedium"
26
25
  />
27
26
  <div
28
- class="flex row varClass customContainer effect container custmInputWrapper"
27
+ class="flex row varClass customContainer effect container custmInputWrapper"
29
28
  data-selector-id="textBoxIcon"
30
29
  >
31
30
  <div
@@ -41,7 +40,7 @@ exports[`AdvancedMultiSelect rendering the defult props 1`] = `
41
40
  aria-haspopup="true"
42
41
  aria-owns="1"
43
42
  autocomplete="off"
44
- class=" container medium default effect borderColor_default "
43
+ class="container medium default effect borderColor_default"
45
44
  data-id="textBoxIcon"
46
45
  data-selector-id="textBoxIcon"
47
46
  data-test-id="textBoxIcon"
@@ -74,13 +73,13 @@ exports[`AdvancedMultiSelect rendering the defult props 1`] = `
74
73
  exports[`AdvancedMultiSelect rendering the options array with objects and string 1`] = `
75
74
  <DocumentFragment>
76
75
  <div
77
- class="wrapper effect "
76
+ class="wrapper effect"
78
77
  data-id="multiSelectComp"
79
78
  data-selector-id="advancedMultiSelect"
80
79
  data-test-id="multiSelectComp"
81
80
  >
82
81
  <div
83
- class="flex fullSize row wrap alignItems_center container medium hasBorder borderColor_default"
82
+ class="flex fullSize row wrap alignItems_center container medium hasBorder borderColor_default"
84
83
  data-id="containerComponent"
85
84
  data-selector-id="container"
86
85
  data-test-id="containerComponent"
@@ -92,11 +91,10 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
92
91
  data-test-id="multiSelectComp_textBox"
93
92
  >
94
93
  <span
95
- class=" custmSpan custmSpanMedium
96
- "
94
+ class="custmSpan custmSpanMedium"
97
95
  />
98
96
  <div
99
- class="flex row varClass customContainer effect container custmInputWrapper"
97
+ class="flex row varClass customContainer effect container custmInputWrapper"
100
98
  data-selector-id="textBoxIcon"
101
99
  >
102
100
  <div
@@ -112,7 +110,7 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
112
110
  aria-haspopup="true"
113
111
  aria-owns="1"
114
112
  autocomplete="off"
115
- class=" container medium default effect borderColor_default "
113
+ class="container medium default effect borderColor_default"
116
114
  data-id="textBoxIcon"
117
115
  data-selector-id="textBoxIcon"
118
116
  data-test-id="textBoxIcon"
@@ -200,7 +198,7 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
200
198
  <li
201
199
  aria-label="Apple"
202
200
  aria-selected="false"
203
- class="flex row alignItems_center list medium default defaultHover mediumwithTick withBorder"
201
+ class="flex row alignItems_center list medium default defaultHover mediumwithTick withBorder"
204
202
  data-a11y-inset-focus="true"
205
203
  data-a11y-list-active="true"
206
204
  data-id="Apple"
@@ -236,7 +234,7 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
236
234
  <li
237
235
  aria-label="Orange"
238
236
  aria-selected="false"
239
- class="flex row alignItems_center list medium default mediumwithTick withBorder"
237
+ class="flex row alignItems_center list medium default mediumwithTick withBorder"
240
238
  data-a11y-inset-focus="true"
241
239
  data-a11y-list-active="false"
242
240
  data-id="Orange"
@@ -272,7 +270,7 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
272
270
  <li
273
271
  aria-label="string test"
274
272
  aria-selected="false"
275
- class="flex row alignItems_center list medium default mediumwithTick withBorder"
273
+ class="flex row alignItems_center list medium default mediumwithTick withBorder"
276
274
  data-a11y-inset-focus="true"
277
275
  data-a11y-list-active="false"
278
276
  data-id="string test"
@@ -320,13 +318,13 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
320
318
  exports[`AdvancedMultiSelect rendering the options array with only objects using allowValueFallback 1`] = `
321
319
  <DocumentFragment>
322
320
  <div
323
- class="wrapper effect "
321
+ class="wrapper effect"
324
322
  data-id="multiSelectComp"
325
323
  data-selector-id="advancedMultiSelect"
326
324
  data-test-id="multiSelectComp"
327
325
  >
328
326
  <div
329
- class="flex fullSize row wrap alignItems_center container medium hasBorder borderColor_default"
327
+ class="flex fullSize row wrap alignItems_center container medium hasBorder borderColor_default"
330
328
  data-id="containerComponent"
331
329
  data-selector-id="container"
332
330
  data-test-id="containerComponent"
@@ -338,11 +336,10 @@ exports[`AdvancedMultiSelect rendering the options array with only objects using
338
336
  data-test-id="multiSelectComp_textBox"
339
337
  >
340
338
  <span
341
- class=" custmSpan custmSpanMedium
342
- "
339
+ class="custmSpan custmSpanMedium"
343
340
  />
344
341
  <div
345
- class="flex row varClass customContainer effect container custmInputWrapper"
342
+ class="flex row varClass customContainer effect container custmInputWrapper"
346
343
  data-selector-id="textBoxIcon"
347
344
  >
348
345
  <div
@@ -358,7 +355,7 @@ exports[`AdvancedMultiSelect rendering the options array with only objects using
358
355
  aria-haspopup="true"
359
356
  aria-owns="1"
360
357
  autocomplete="off"
361
- class=" container medium default effect borderColor_default "
358
+ class="container medium default effect borderColor_default"
362
359
  data-id="textBoxIcon"
363
360
  data-selector-id="textBoxIcon"
364
361
  data-test-id="textBoxIcon"
@@ -446,7 +443,7 @@ exports[`AdvancedMultiSelect rendering the options array with only objects using
446
443
  <li
447
444
  aria-label="Apple"
448
445
  aria-selected="false"
449
- class="flex row alignItems_center list medium default defaultHover mediumwithTick withBorder"
446
+ class="flex row alignItems_center list medium default defaultHover mediumwithTick withBorder"
450
447
  data-a11y-inset-focus="true"
451
448
  data-a11y-list-active="true"
452
449
  data-id="Apple"
@@ -482,7 +479,7 @@ exports[`AdvancedMultiSelect rendering the options array with only objects using
482
479
  <li
483
480
  aria-label="Orange"
484
481
  aria-selected="false"
485
- class="flex row alignItems_center list medium default mediumwithTick withBorder"
482
+ class="flex row alignItems_center list medium default mediumwithTick withBorder"
486
483
  data-a11y-inset-focus="true"
487
484
  data-a11y-list-active="false"
488
485
  data-id="Orange"
package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`EmptyState rendering the defult props 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class=" default"
6
+ class="default"
7
7
  data-id="empty_noOptnsMsg"
8
8
  data-test-id="empty_noOptnsMsg"
9
9
  role="alert"