@zohodesk/components 1.6.25 → 1.6.26

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 (216) hide show
  1. package/CHANGELOG.md +2042 -0
  2. package/README.md +16 -2031
  3. package/assets/Appearance/dark/mode/Component_v1_DarkMode.module.css +5 -20
  4. package/assets/Appearance/light/mode/Component_v1_LightMode.module.css +5 -20
  5. package/assets/Appearance/pureDark/mode/Component_v1_PureDarkMode.module.css +5 -20
  6. package/es/Accordion/Accordion.js +1 -6
  7. package/es/Accordion/AccordionItem.js +1 -6
  8. package/es/Animation/Animation.js +1 -8
  9. package/es/AppContainer/AppContainer.js +1 -6
  10. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  11. package/es/Avatar/Avatar.js +1 -6
  12. package/es/AvatarTeam/AvatarTeam.js +1 -7
  13. package/es/Button/Button.js +1 -6
  14. package/es/Buttongroup/Buttongroup.js +1 -14
  15. package/es/Card/Card.js +1 -9
  16. package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  17. package/es/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  18. package/es/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  19. package/es/CheckBox/CheckBox.js +1 -6
  20. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +88 -88
  21. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +48 -48
  22. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +30 -30
  23. package/es/DateTime/DateWidget.js +0 -10
  24. package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  25. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +93 -93
  26. package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  27. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +8 -8
  28. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +7 -7
  29. package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  30. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +28 -28
  31. package/es/DropDown/DropDownHeading.js +1 -6
  32. package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  33. package/es/Heading/Heading.js +1 -6
  34. package/es/Label/Label.js +1 -6
  35. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +4 -4
  36. package/es/ListItem/ListContainer.js +1 -6
  37. package/es/ListItem/ListItem.js +1 -6
  38. package/es/ListItem/ListItemWithAvatar.js +1 -6
  39. package/es/ListItem/ListItemWithCheckBox.js +1 -6
  40. package/es/ListItem/ListItemWithIcon.js +1 -6
  41. package/es/ListItem/ListItemWithRadio.js +1 -6
  42. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  43. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  44. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  45. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -62
  46. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  47. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +62 -62
  48. package/es/Modal/Modal.js +1 -8
  49. package/es/MultiSelect/AdvancedGroupMultiSelect.js +1 -7
  50. package/es/MultiSelect/AdvancedMultiSelect.js +1 -9
  51. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +3 -3
  52. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  53. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  54. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +35 -35
  55. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +7 -7
  56. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  57. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  58. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  59. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +94 -94
  60. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  61. package/es/RippleEffect/RippleEffect.js +1 -6
  62. package/es/Select/GroupSelect.js +1 -8
  63. package/es/Select/Select.js +1 -10
  64. package/es/Select/SelectWithAvatar.js +1 -9
  65. package/es/Select/SelectWithIcon.js +1 -7
  66. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +7 -7
  67. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +831 -831
  68. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  69. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +10 -10
  70. package/es/Switch/Switch.js +1 -6
  71. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +44 -44
  72. package/es/Tab/Tab.js +1 -6
  73. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  74. package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  75. package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  76. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +40 -40
  77. package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  78. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  79. package/es/Tag/Tag.js +1 -6
  80. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +94 -94
  81. package/es/TextBox/TextBox.js +1 -8
  82. package/es/TextBoxIcon/TextBoxIcon.js +1 -8
  83. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +167 -167
  84. package/es/Textarea/Textarea.js +1 -8
  85. package/es/Tooltip/Tooltip.js +1 -8
  86. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -5
  87. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +1 -5
  88. package/es/semantic/Button/Button.js +1 -6
  89. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +20 -20
  90. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  91. package/es/v1/Button/Button.js +197 -113
  92. package/es/v1/Button/README.md +110 -44
  93. package/es/v1/Button/__tests__/Button.spec.js +139 -48
  94. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +1236 -340
  95. package/es/v1/Button/constants/index.js +29 -23
  96. package/es/v1/Button/constants/presets.js +160 -0
  97. package/es/v1/Button/css/Button_v1.module.css +33 -16
  98. package/es/v1/Button/css/cssJSLogic.js +56 -29
  99. package/es/v1/Button/props/defaultProps.js +5 -6
  100. package/es/v1/Button/props/propTypes.js +26 -8
  101. package/es/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  102. package/es/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +14 -14
  103. package/es/v1/helpers/colorHelpers/__tests__/colorHelper.spec.js +357 -0
  104. package/es/v1/helpers/colorHelpers/background/backgroundColor.module.css +38 -534
  105. package/es/v1/helpers/colorHelpers/border/borderColor.module.css +28 -412
  106. package/es/v1/helpers/colorHelpers/colorHelper.js +120 -139
  107. package/es/v1/helpers/colorHelpers/constants/index.js +45 -4
  108. package/es/v1/helpers/colorHelpers/index.js +0 -1
  109. package/es/v1/helpers/colorHelpers/paletteUtilities.README.md +141 -336
  110. package/es/v1/helpers/colorHelpers/text/textColor.module.css +79 -295
  111. package/lib/Accordion/Accordion.js +1 -6
  112. package/lib/Accordion/AccordionItem.js +1 -6
  113. package/lib/Animation/Animation.js +1 -8
  114. package/lib/AppContainer/AppContainer.js +1 -6
  115. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  116. package/lib/Avatar/Avatar.js +1 -6
  117. package/lib/AvatarTeam/AvatarTeam.js +1 -7
  118. package/lib/Button/Button.js +1 -7
  119. package/lib/Buttongroup/Buttongroup.js +1 -14
  120. package/lib/Card/Card.js +1 -8
  121. package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  122. package/lib/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  123. package/lib/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  124. package/lib/CheckBox/CheckBox.js +1 -6
  125. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +88 -88
  126. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +48 -48
  127. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +30 -30
  128. package/lib/DateTime/DateWidget.js +0 -10
  129. package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  130. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +93 -93
  131. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  132. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +8 -8
  133. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +7 -7
  134. package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  135. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +28 -28
  136. package/lib/DropDown/DropDownHeading.js +1 -6
  137. package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  138. package/lib/Heading/Heading.js +1 -6
  139. package/lib/Label/Label.js +1 -6
  140. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +4 -4
  141. package/lib/ListItem/ListContainer.js +1 -7
  142. package/lib/ListItem/ListItem.js +1 -6
  143. package/lib/ListItem/ListItemWithAvatar.js +1 -6
  144. package/lib/ListItem/ListItemWithCheckBox.js +1 -6
  145. package/lib/ListItem/ListItemWithIcon.js +1 -6
  146. package/lib/ListItem/ListItemWithRadio.js +1 -6
  147. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  148. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  149. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  150. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -62
  151. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  152. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +62 -62
  153. package/lib/Modal/Modal.js +1 -8
  154. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +1 -7
  155. package/lib/MultiSelect/AdvancedMultiSelect.js +1 -9
  156. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +3 -3
  157. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  158. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  159. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +35 -35
  160. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +7 -7
  161. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  162. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  163. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  164. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +94 -94
  165. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  166. package/lib/RippleEffect/RippleEffect.js +1 -6
  167. package/lib/Select/GroupSelect.js +1 -9
  168. package/lib/Select/Select.js +1 -11
  169. package/lib/Select/SelectWithAvatar.js +1 -9
  170. package/lib/Select/SelectWithIcon.js +1 -7
  171. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +7 -7
  172. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +831 -831
  173. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  174. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +10 -10
  175. package/lib/Switch/Switch.js +1 -6
  176. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +44 -44
  177. package/lib/Tab/Tab.js +1 -6
  178. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  179. package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  180. package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  181. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +40 -40
  182. package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  183. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  184. package/lib/Tag/Tag.js +1 -6
  185. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +94 -94
  186. package/lib/TextBox/TextBox.js +1 -8
  187. package/lib/TextBoxIcon/TextBoxIcon.js +1 -8
  188. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +167 -167
  189. package/lib/Textarea/Textarea.js +1 -8
  190. package/lib/Tooltip/Tooltip.js +1 -8
  191. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -5
  192. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +1 -5
  193. package/lib/semantic/Button/Button.js +1 -6
  194. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +20 -20
  195. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  196. package/lib/v1/Button/Button.js +207 -123
  197. package/lib/v1/Button/README.md +110 -44
  198. package/lib/v1/Button/__tests__/Button.spec.js +195 -88
  199. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +1236 -340
  200. package/lib/v1/Button/constants/index.js +34 -31
  201. package/lib/v1/Button/constants/presets.js +179 -0
  202. package/lib/v1/Button/css/Button_v1.module.css +33 -16
  203. package/lib/v1/Button/css/cssJSLogic.js +45 -25
  204. package/lib/v1/Button/props/defaultProps.js +4 -5
  205. package/lib/v1/Button/props/propTypes.js +41 -7
  206. package/lib/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  207. package/lib/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +14 -14
  208. package/lib/v1/helpers/colorHelpers/__tests__/colorHelper.spec.js +363 -0
  209. package/lib/v1/helpers/colorHelpers/background/backgroundColor.module.css +38 -534
  210. package/lib/v1/helpers/colorHelpers/border/borderColor.module.css +28 -412
  211. package/lib/v1/helpers/colorHelpers/colorHelper.js +130 -153
  212. package/lib/v1/helpers/colorHelpers/constants/index.js +45 -4
  213. package/lib/v1/helpers/colorHelpers/index.js +2 -24
  214. package/lib/v1/helpers/colorHelpers/paletteUtilities.README.md +141 -336
  215. package/lib/v1/helpers/colorHelpers/text/textColor.module.css +79 -295
  216. package/package.json +16 -16
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="d-flex d-flex-row d-items-center list medium default withBorder"
7
7
  data-a11y-inset-focus="true"
8
8
  data-id="listItemWithRadioComp"
9
9
  data-selector-id="listItemWithRadio"
@@ -12,7 +12,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
12
12
  tabindex="0"
13
13
  >
14
14
  <div
15
- class="noShrink contentWrapper"
15
+ class="d-flex-shrink-0 contentWrapper"
16
16
  data-id="boxComponent"
17
17
  data-selector-id="box"
18
18
  data-test-id="boxComponent"
@@ -23,7 +23,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
23
23
  data-test-id="listItemWithRadioComp_radio"
24
24
  >
25
25
  <div
26
- class="noShrink alignSelf_start lhsBoxInner"
26
+ class="d-flex-shrink-0 d-self-start lhsBoxInner"
27
27
  data-id="boxComponent"
28
28
  data-selector-id="box"
29
29
  data-test-id="boxComponent"
@@ -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="d-inline-flex d-flex-row d-items-center d-justify-center container pointer hoverEfffect"
36
36
  data-id="RadioComp"
37
37
  data-selector-id="container"
38
38
  data-test-id="RadioComp"
@@ -40,7 +40,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
40
40
  tabindex="-1"
41
41
  >
42
42
  <div
43
- class="noShrink radio hoverprimary medium filled centerPathprimary"
43
+ class="d-flex-shrink-0 radio hoverprimary medium filled centerPathprimary"
44
44
  data-id="boxComponent"
45
45
  data-selector-id="box"
46
46
  data-test-id="boxComponent"
@@ -69,19 +69,19 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
69
69
  </div>
70
70
  </div>
71
71
  <div
72
- class="flexible basis_zero noShrink leftBox selfAlign_center"
72
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
73
73
  data-id="boxComponent"
74
74
  data-selector-id="box"
75
75
  data-test-id="boxComponent"
76
76
  >
77
77
  <div
78
- class="noShrink titleBox"
78
+ class="d-flex-shrink-0 titleBox"
79
79
  data-id="boxComponent"
80
80
  data-selector-id="box"
81
81
  data-test-id="boxComponent"
82
82
  >
83
83
  <div
84
- class="basis_auto shrink value"
84
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
85
85
  data-id="boxComponent"
86
86
  data-selector-id="box"
87
87
  data-test-id="boxComponent"
@@ -89,7 +89,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
89
89
  List
90
90
  </div>
91
91
  <div
92
- class="noShrink customValueRightPlaceholderClass"
92
+ class="d-flex-shrink-0 customValueRightPlaceholderClass"
93
93
  data-id="boxComponent"
94
94
  data-selector-id="box"
95
95
  data-test-id="boxComponent"
@@ -108,7 +108,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
108
108
  exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNode 1`] = `
109
109
  <DocumentFragment>
110
110
  <li
111
- class="flex row alignItems_center list medium default withBorder"
111
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
112
112
  data-a11y-inset-focus="true"
113
113
  data-id="listItemWithRadioComp"
114
114
  data-selector-id="listItemWithRadio"
@@ -117,7 +117,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
117
117
  tabindex="0"
118
118
  >
119
119
  <div
120
- class="noShrink contentWrapper"
120
+ class="d-flex-shrink-0 contentWrapper"
121
121
  data-id="boxComponent"
122
122
  data-selector-id="box"
123
123
  data-test-id="boxComponent"
@@ -128,7 +128,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
128
128
  data-test-id="listItemWithRadioComp_radio"
129
129
  >
130
130
  <div
131
- class="noShrink alignSelf_start lhsBoxInner"
131
+ class="d-flex-shrink-0 d-self-start lhsBoxInner"
132
132
  data-id="boxComponent"
133
133
  data-selector-id="box"
134
134
  data-test-id="boxComponent"
@@ -137,7 +137,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
137
137
  aria-checked="false"
138
138
  aria-hidden="true"
139
139
  aria-readonly="false"
140
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
140
+ class="d-inline-flex d-flex-row d-items-center d-justify-center container pointer hoverEfffect"
141
141
  data-id="RadioComp"
142
142
  data-selector-id="container"
143
143
  data-test-id="RadioComp"
@@ -145,7 +145,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
145
145
  tabindex="-1"
146
146
  >
147
147
  <div
148
- class="noShrink radio hoverprimary medium filled centerPathprimary"
148
+ class="d-flex-shrink-0 radio hoverprimary medium filled centerPathprimary"
149
149
  data-id="boxComponent"
150
150
  data-selector-id="box"
151
151
  data-test-id="boxComponent"
@@ -174,19 +174,19 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
174
174
  </div>
175
175
  </div>
176
176
  <div
177
- class="flexible basis_zero noShrink leftBox selfAlign_center"
177
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
178
178
  data-id="boxComponent"
179
179
  data-selector-id="box"
180
180
  data-test-id="boxComponent"
181
181
  >
182
182
  <div
183
- class="noShrink titleBox"
183
+ class="d-flex-shrink-0 titleBox"
184
184
  data-id="boxComponent"
185
185
  data-selector-id="box"
186
186
  data-test-id="boxComponent"
187
187
  >
188
188
  <div
189
- class="basis_auto shrink value"
189
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
190
190
  data-id="boxComponent"
191
191
  data-selector-id="box"
192
192
  data-test-id="boxComponent"
@@ -194,7 +194,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
194
194
  List
195
195
  </div>
196
196
  <div
197
- class="noShrink"
197
+ class="d-flex-shrink-0"
198
198
  data-id="boxComponent"
199
199
  data-selector-id="box"
200
200
  data-test-id="boxComponent"
@@ -213,7 +213,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
213
213
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS align center 1`] = `
214
214
  <DocumentFragment>
215
215
  <li
216
- class="flex row alignItems_center list medium default withBorder"
216
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
217
217
  data-a11y-inset-focus="true"
218
218
  data-id="listItemWithRadioComp"
219
219
  data-selector-id="listItemWithRadio"
@@ -222,7 +222,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
222
222
  tabindex="0"
223
223
  >
224
224
  <div
225
- class="noShrink contentWrapper"
225
+ class="d-flex-shrink-0 contentWrapper"
226
226
  data-id="boxComponent"
227
227
  data-selector-id="box"
228
228
  data-test-id="boxComponent"
@@ -233,7 +233,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
233
233
  data-test-id="listItemWithRadioComp_radio"
234
234
  >
235
235
  <div
236
- class="noShrink alignSelf_center"
236
+ class="d-flex-shrink-0 d-self-center"
237
237
  data-id="boxComponent"
238
238
  data-selector-id="box"
239
239
  data-test-id="boxComponent"
@@ -242,7 +242,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
242
242
  aria-checked="false"
243
243
  aria-hidden="true"
244
244
  aria-readonly="false"
245
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
245
+ class="d-inline-flex d-flex-row d-items-center d-justify-center container pointer hoverEfffect"
246
246
  data-id="RadioComp"
247
247
  data-selector-id="container"
248
248
  data-test-id="RadioComp"
@@ -250,7 +250,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
250
250
  tabindex="-1"
251
251
  >
252
252
  <div
253
- class="noShrink radio hoverprimary medium filled centerPathprimary"
253
+ class="d-flex-shrink-0 radio hoverprimary medium filled centerPathprimary"
254
254
  data-id="boxComponent"
255
255
  data-selector-id="box"
256
256
  data-test-id="boxComponent"
@@ -279,19 +279,19 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
279
279
  </div>
280
280
  </div>
281
281
  <div
282
- class="flexible basis_zero noShrink leftBox selfAlign_center"
282
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
283
283
  data-id="boxComponent"
284
284
  data-selector-id="box"
285
285
  data-test-id="boxComponent"
286
286
  >
287
287
  <div
288
- class="noShrink titleBox"
288
+ class="d-flex-shrink-0 titleBox"
289
289
  data-id="boxComponent"
290
290
  data-selector-id="box"
291
291
  data-test-id="boxComponent"
292
292
  >
293
293
  <div
294
- class="basis_auto shrink value"
294
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
295
295
  data-id="boxComponent"
296
296
  data-selector-id="box"
297
297
  data-test-id="boxComponent"
@@ -300,7 +300,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
300
300
  </div>
301
301
  </div>
302
302
  <div
303
- class="noShrink secondaryField secondaryValue"
303
+ class="d-flex-shrink-0 secondaryField secondaryValue"
304
304
  data-id="boxComponent"
305
305
  data-selector-id="box"
306
306
  data-test-id="boxComponent"
@@ -317,7 +317,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
317
317
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS align end 1`] = `
318
318
  <DocumentFragment>
319
319
  <li
320
- class="flex row alignItems_center list medium default withBorder"
320
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
321
321
  data-a11y-inset-focus="true"
322
322
  data-id="listItemWithRadioComp"
323
323
  data-selector-id="listItemWithRadio"
@@ -326,7 +326,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
326
326
  tabindex="0"
327
327
  >
328
328
  <div
329
- class="noShrink contentWrapper"
329
+ class="d-flex-shrink-0 contentWrapper"
330
330
  data-id="boxComponent"
331
331
  data-selector-id="box"
332
332
  data-test-id="boxComponent"
@@ -337,7 +337,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
337
337
  data-test-id="listItemWithRadioComp_radio"
338
338
  >
339
339
  <div
340
- class="noShrink alignSelf_end lhsBoxInner"
340
+ class="d-flex-shrink-0 d-self-end lhsBoxInner"
341
341
  data-id="boxComponent"
342
342
  data-selector-id="box"
343
343
  data-test-id="boxComponent"
@@ -346,7 +346,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
346
346
  aria-checked="false"
347
347
  aria-hidden="true"
348
348
  aria-readonly="false"
349
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
349
+ class="d-inline-flex d-flex-row d-items-center d-justify-center container pointer hoverEfffect"
350
350
  data-id="RadioComp"
351
351
  data-selector-id="container"
352
352
  data-test-id="RadioComp"
@@ -354,7 +354,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
354
354
  tabindex="-1"
355
355
  >
356
356
  <div
357
- class="noShrink radio hoverprimary medium filled centerPathprimary"
357
+ class="d-flex-shrink-0 radio hoverprimary medium filled centerPathprimary"
358
358
  data-id="boxComponent"
359
359
  data-selector-id="box"
360
360
  data-test-id="boxComponent"
@@ -383,19 +383,19 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
383
383
  </div>
384
384
  </div>
385
385
  <div
386
- class="flexible basis_zero noShrink leftBox selfAlign_center"
386
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
387
387
  data-id="boxComponent"
388
388
  data-selector-id="box"
389
389
  data-test-id="boxComponent"
390
390
  >
391
391
  <div
392
- class="noShrink titleBox"
392
+ class="d-flex-shrink-0 titleBox"
393
393
  data-id="boxComponent"
394
394
  data-selector-id="box"
395
395
  data-test-id="boxComponent"
396
396
  >
397
397
  <div
398
- class="basis_auto shrink value"
398
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
399
399
  data-id="boxComponent"
400
400
  data-selector-id="box"
401
401
  data-test-id="boxComponent"
@@ -404,7 +404,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
404
404
  </div>
405
405
  </div>
406
406
  <div
407
- class="noShrink secondaryField secondaryValue"
407
+ class="d-flex-shrink-0 secondaryField secondaryValue"
408
408
  data-id="boxComponent"
409
409
  data-selector-id="box"
410
410
  data-test-id="boxComponent"
@@ -421,7 +421,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS a
421
421
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
422
422
  <DocumentFragment>
423
423
  <li
424
- class="flex row alignItems_center list medium default withBorder"
424
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
425
425
  data-a11y-inset-focus="true"
426
426
  data-id="listItemWithRadioComp"
427
427
  data-selector-id="listItemWithRadio"
@@ -430,7 +430,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
430
430
  tabindex="0"
431
431
  >
432
432
  <div
433
- class="noShrink contentWrapper"
433
+ class="d-flex-shrink-0 contentWrapper"
434
434
  data-id="boxComponent"
435
435
  data-selector-id="box"
436
436
  data-test-id="boxComponent"
@@ -441,7 +441,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
441
441
  data-test-id="listItemWithRadioComp_radio"
442
442
  >
443
443
  <div
444
- class="noShrink alignSelf_start lhsBoxInner"
444
+ class="d-flex-shrink-0 d-self-start lhsBoxInner"
445
445
  data-id="boxComponent"
446
446
  data-selector-id="box"
447
447
  data-test-id="boxComponent"
@@ -450,7 +450,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
450
450
  aria-checked="false"
451
451
  aria-hidden="true"
452
452
  aria-readonly="false"
453
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
453
+ class="d-inline-flex d-flex-row d-items-center d-justify-center container pointer hoverEfffect"
454
454
  data-id="RadioComp"
455
455
  data-selector-id="container"
456
456
  data-test-id="RadioComp"
@@ -458,7 +458,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
458
458
  tabindex="-1"
459
459
  >
460
460
  <div
461
- class="noShrink radio hoverprimary medium filled centerPathprimary"
461
+ class="d-flex-shrink-0 radio hoverprimary medium filled centerPathprimary"
462
462
  data-id="boxComponent"
463
463
  data-selector-id="box"
464
464
  data-test-id="boxComponent"
@@ -487,19 +487,19 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
487
487
  </div>
488
488
  </div>
489
489
  <div
490
- class="flexible basis_zero noShrink leftBox selfAlign_center"
490
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
491
491
  data-id="boxComponent"
492
492
  data-selector-id="box"
493
493
  data-test-id="boxComponent"
494
494
  >
495
495
  <div
496
- class="noShrink titleBox"
496
+ class="d-flex-shrink-0 titleBox"
497
497
  data-id="boxComponent"
498
498
  data-selector-id="box"
499
499
  data-test-id="boxComponent"
500
500
  >
501
501
  <div
502
- class="basis_auto shrink value"
502
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
503
503
  data-id="boxComponent"
504
504
  data-selector-id="box"
505
505
  data-test-id="boxComponent"
@@ -508,7 +508,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
508
508
  </div>
509
509
  </div>
510
510
  <div
511
- class="noShrink secondaryField secondaryValue"
511
+ class="d-flex-shrink-0 secondaryField secondaryValue"
512
512
  data-id="boxComponent"
513
513
  data-selector-id="box"
514
514
  data-test-id="boxComponent"
@@ -525,7 +525,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
525
525
  exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS align start 1`] = `
526
526
  <DocumentFragment>
527
527
  <li
528
- class="flex row alignItems_center list medium default withBorder"
528
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
529
529
  data-a11y-inset-focus="true"
530
530
  data-id="listItemWithRadioComp"
531
531
  data-selector-id="listItemWithRadio"
@@ -534,7 +534,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
534
534
  tabindex="0"
535
535
  >
536
536
  <div
537
- class="noShrink contentWrapper"
537
+ class="d-flex-shrink-0 contentWrapper"
538
538
  data-id="boxComponent"
539
539
  data-selector-id="box"
540
540
  data-test-id="boxComponent"
@@ -545,7 +545,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
545
545
  data-test-id="listItemWithRadioComp_radio"
546
546
  >
547
547
  <div
548
- class="noShrink alignSelf_start lhsBoxInner"
548
+ class="d-flex-shrink-0 d-self-start lhsBoxInner"
549
549
  data-id="boxComponent"
550
550
  data-selector-id="box"
551
551
  data-test-id="boxComponent"
@@ -554,7 +554,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
554
554
  aria-checked="false"
555
555
  aria-hidden="true"
556
556
  aria-readonly="false"
557
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
557
+ class="d-inline-flex d-flex-row d-items-center d-justify-center container pointer hoverEfffect"
558
558
  data-id="RadioComp"
559
559
  data-selector-id="container"
560
560
  data-test-id="RadioComp"
@@ -562,7 +562,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
562
562
  tabindex="-1"
563
563
  >
564
564
  <div
565
- class="noShrink radio hoverprimary medium filled centerPathprimary"
565
+ class="d-flex-shrink-0 radio hoverprimary medium filled centerPathprimary"
566
566
  data-id="boxComponent"
567
567
  data-selector-id="box"
568
568
  data-test-id="boxComponent"
@@ -591,19 +591,19 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
591
591
  </div>
592
592
  </div>
593
593
  <div
594
- class="flexible basis_zero noShrink leftBox selfAlign_center"
594
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
595
595
  data-id="boxComponent"
596
596
  data-selector-id="box"
597
597
  data-test-id="boxComponent"
598
598
  >
599
599
  <div
600
- class="noShrink titleBox"
600
+ class="d-flex-shrink-0 titleBox"
601
601
  data-id="boxComponent"
602
602
  data-selector-id="box"
603
603
  data-test-id="boxComponent"
604
604
  >
605
605
  <div
606
- class="basis_auto shrink value"
606
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
607
607
  data-id="boxComponent"
608
608
  data-selector-id="box"
609
609
  data-test-id="boxComponent"
@@ -612,7 +612,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
612
612
  </div>
613
613
  </div>
614
614
  <div
615
- class="noShrink secondaryField secondaryValue"
615
+ class="d-flex-shrink-0 secondaryField secondaryValue"
616
616
  data-id="boxComponent"
617
617
  data-selector-id="box"
618
618
  data-test-id="boxComponent"
@@ -629,7 +629,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
629
629
  exports[`ListItemWithRadio rendering the defult props 1`] = `
630
630
  <DocumentFragment>
631
631
  <li
632
- class="flex row alignItems_center list medium default withBorder"
632
+ class="d-flex d-flex-row d-items-center list medium default withBorder"
633
633
  data-a11y-inset-focus="true"
634
634
  data-id="listItemWithRadioComp"
635
635
  data-selector-id="listItemWithRadio"
@@ -638,7 +638,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
638
638
  tabindex="0"
639
639
  >
640
640
  <div
641
- class="noShrink contentWrapper"
641
+ class="d-flex-shrink-0 contentWrapper"
642
642
  data-id="boxComponent"
643
643
  data-selector-id="box"
644
644
  data-test-id="boxComponent"
@@ -649,7 +649,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
649
649
  data-test-id="listItemWithRadioComp_radio"
650
650
  >
651
651
  <div
652
- class="noShrink alignSelf_start lhsBoxInner"
652
+ class="d-flex-shrink-0 d-self-start lhsBoxInner"
653
653
  data-id="boxComponent"
654
654
  data-selector-id="box"
655
655
  data-test-id="boxComponent"
@@ -658,7 +658,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
658
658
  aria-checked="false"
659
659
  aria-hidden="true"
660
660
  aria-readonly="false"
661
- class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
661
+ class="d-inline-flex d-flex-row d-items-center d-justify-center container pointer hoverEfffect"
662
662
  data-id="RadioComp"
663
663
  data-selector-id="container"
664
664
  data-test-id="RadioComp"
@@ -666,7 +666,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
666
666
  tabindex="-1"
667
667
  >
668
668
  <div
669
- class="noShrink radio hoverprimary medium filled centerPathprimary"
669
+ class="d-flex-shrink-0 radio hoverprimary medium filled centerPathprimary"
670
670
  data-id="boxComponent"
671
671
  data-selector-id="box"
672
672
  data-test-id="boxComponent"
@@ -695,19 +695,19 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
695
695
  </div>
696
696
  </div>
697
697
  <div
698
- class="flexible basis_zero noShrink leftBox selfAlign_center"
698
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 leftBox selfAlign_center"
699
699
  data-id="boxComponent"
700
700
  data-selector-id="box"
701
701
  data-test-id="boxComponent"
702
702
  >
703
703
  <div
704
- class="noShrink titleBox"
704
+ class="d-flex-shrink-0 titleBox"
705
705
  data-id="boxComponent"
706
706
  data-selector-id="box"
707
707
  data-test-id="boxComponent"
708
708
  >
709
709
  <div
710
- class="basis_auto shrink value"
710
+ class="d-basis-auto d-min-w-0 d-flex-shrink value"
711
711
  data-id="boxComponent"
712
712
  data-selector-id="box"
713
713
  data-test-id="boxComponent"
package/es/Modal/Modal.js CHANGED
@@ -165,11 +165,4 @@ export default class Modal extends React.Component {
165
165
 
166
166
  }
167
167
  Modal.defaultProps = defaultProps;
168
- Modal.propTypes = propTypes; // if (__DOCS__) {
169
- // Modal.docs = {
170
- // componentGroup: 'Atom',
171
- // folderName: 'Style Guide',
172
- // external: false,
173
- // description: ' '
174
- // };
175
- // }
168
+ Modal.propTypes = propTypes;
package/es/MultiSelect/AdvancedGroupMultiSelect.js CHANGED
@@ -1099,11 +1099,5 @@ AdvancedGroupMultiSelect.defaultProps = AdvancedGroupMultiSelect_defaultProps;
1099
1099
  AdvancedGroupMultiSelect.propTypes = AdvancedGroupMultiSelect_propTypes;
1100
1100
  const AdvancedGroupMultiSelectComponent = Popup(AdvancedGroupMultiSelect);
1101
1101
  AdvancedGroupMultiSelectComponent.defaultProps = AdvancedGroupMultiSelect.defaultProps;
1102
- AdvancedGroupMultiSelectComponent.propTypes = AdvancedGroupMultiSelect.propTypes; // if (__DOCS__) {
1103
- // AdvancedGroupMultiSelect.docs = {
1104
- // componentGroup: 'Form Elements',
1105
- // folderName: 'Style Guide'
1106
- // };
1107
- // }
1108
-
1102
+ AdvancedGroupMultiSelectComponent.propTypes = AdvancedGroupMultiSelect.propTypes;
1109
1103
  export default AdvancedGroupMultiSelectComponent;
package/es/MultiSelect/AdvancedMultiSelect.js CHANGED
@@ -592,13 +592,5 @@ AdvancedMultiSelectComponent.defaultProps = AdvancedMultiSelect_defaultProps;
592
592
  AdvancedMultiSelectComponent.displayName = 'AdvancedMultiSelect';
593
593
  const AdvancedMultiSelect = Popup(AdvancedMultiSelectComponent);
594
594
  AdvancedMultiSelect.defaultProps = AdvancedMultiSelectComponent.defaultProps;
595
- AdvancedMultiSelect.propTypes = AdvancedMultiSelectComponent.propTypes; // if (__DOCS__) {
596
- // AdvancedMultiSelectComponent.docs = {
597
- // componentGroup: 'Form Elements',
598
- // folderName: 'Style Guide'
599
- // };
600
- // // eslint-disable-next-line react/forbid-foreign-prop-types
601
- // AdvancedMultiSelect.propTypes = AdvancedMultiSelectComponent.propTypes;
602
- // }
603
-
595
+ AdvancedMultiSelect.propTypes = AdvancedMultiSelectComponent.propTypes;
604
596
  export default AdvancedMultiSelect;
package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap CHANGED
@@ -6,19 +6,19 @@ exports[`MobileHeader rendering the defult props 1`] = `
6
6
  class="container"
7
7
  >
8
8
  <div
9
- class="flex row alignContent_spaceBetween alignItems_center header"
9
+ class="d-flex d-flex-row d-content-between d-items-center header"
10
10
  data-id="containerComponent"
11
11
  data-selector-id="container"
12
12
  data-test-id="containerComponent"
13
13
  >
14
14
  <div
15
- class="flexible basis_zero noShrink cardHeading"
15
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 cardHeading"
16
16
  data-id="boxComponent"
17
17
  data-selector-id="box"
18
18
  data-test-id="boxComponent"
19
19
  />
20
20
  <div
21
- class="shrink"
21
+ class="d-min-w-0 d-flex-shrink"
22
22
  data-id="boxComponent"
23
23
  data-selector-id="box"
24
24
  data-test-id="boxComponent"
package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap CHANGED
@@ -9,13 +9,13 @@ exports[`AdvancedGroupMultiSelect rendering the defult props 1`] = `
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="d-flex d-h-full d-w-full d-flex-row d-flex-wrap d-items-center container medium hasBorder borderColor_default"
13
13
  data-id="containerComponent"
14
14
  data-selector-id="container"
15
15
  data-test-id="containerComponent"
16
16
  >
17
17
  <div
18
- class="flexible basis_auto shrink wrapper"
18
+ class="d-min-h-0 d-flex-grow d-basis-auto d-min-w-0 d-flex-shrink wrapper"
19
19
  data-id="boxComponent"
20
20
  data-selector-id="box"
21
21
  data-test-id="boxComponent"
@@ -24,11 +24,11 @@ exports[`AdvancedGroupMultiSelect rendering the defult props 1`] = `
24
24
  class="custmSpan custmSpanMedium"
25
25
  />
26
26
  <div
27
- class="flex row varClass customContainer effect container custmInputWrapper"
27
+ class="d-flex d-flex-row varClass customContainer effect container custmInputWrapper"
28
28
  data-selector-id="textBoxIcon"
29
29
  >
30
30
  <div
31
- class="flexible basis_zero noShrink"
31
+ class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
32
32
  data-id="boxComponent"
33
33
  data-selector-id="box"
34
34
  data-test-id="boxComponent"
@@ -51,13 +51,13 @@ exports[`AdvancedGroupMultiSelect rendering the defult props 1`] = `
51
51
  />
52
52
  </div>
53
53
  <div
54
- class="noShrink iconContainer"
54
+ class="d-flex-shrink-0 iconContainer"
55
55
  data-id="boxComponent"
56
56
  data-selector-id="box"
57
57
  data-test-id="boxComponent"
58
58
  >
59
59
  <div
60
- class="flex fullSize row"
60
+ class="d-flex d-h-full d-w-full d-flex-row"
61
61
  data-id="containerComponent"
62
62
  data-selector-id="container"
63
63
  data-test-id="containerComponent"