@zohodesk/components 1.0.0-temp-257.1 → 1.0.0-temp-259.2

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 (232) hide show
  1. package/CHANGELOG.md +2038 -0
  2. package/README.md +2 -2031
  3. package/assets/Appearance/dark/themes/blue/blue_componentsCTA_DarkModifyCategory.module.css +12 -12
  4. package/assets/Appearance/dark/themes/green/green_componentsCTA_DarkModifyCategory.module.css +12 -12
  5. package/assets/Appearance/dark/themes/orange/orange_componentsCTA_DarkModifyCategory.module.css +12 -12
  6. package/assets/Appearance/dark/themes/red/red_componentsCTA_DarkModifyCategory.module.css +12 -12
  7. package/assets/Appearance/dark/themes/yellow/yellow_componentsCTA_DarkModifyCategory.module.css +12 -12
  8. package/assets/Appearance/light/themes/blue/blue_componentsCTA_LightModifyCategory.module.css +12 -12
  9. package/assets/Appearance/light/themes/green/green_componentsCTA_LightModifyCategory.module.css +12 -12
  10. package/assets/Appearance/light/themes/orange/orange_componentsCTA_LightModifyCategory.module.css +12 -12
  11. package/assets/Appearance/light/themes/red/red_componentsCTA_LightModifyCategory.module.css +12 -12
  12. package/assets/Appearance/light/themes/yellow/yellow_componentsCTA_LightModifyCategory.module.css +12 -12
  13. package/assets/Appearance/pureDark/themes/blue/blue_componentsCTA_PureDarkModifyCategory.module.css +12 -12
  14. package/assets/Appearance/pureDark/themes/green/green_componentsCTA_PureDarkModifyCategory.module.css +12 -12
  15. package/assets/Appearance/pureDark/themes/orange/orange_componentsCTA_PureDarkModifyCategory.module.css +12 -12
  16. package/assets/Appearance/pureDark/themes/red/red_componentsCTA_PureDarkModifyCategory.module.css +12 -12
  17. package/assets/Appearance/pureDark/themes/yellow/yellow_componentsCTA_PureDarkModifyCategory.module.css +12 -12
  18. package/es/Accordion/Accordion.js +1 -6
  19. package/es/Accordion/AccordionItem.js +1 -6
  20. package/es/Animation/Animation.js +1 -8
  21. package/es/AppContainer/AppContainer.js +1 -6
  22. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  23. package/es/Avatar/Avatar.js +1 -6
  24. package/es/AvatarTeam/AvatarTeam.js +1 -7
  25. package/es/Button/Button.js +1 -6
  26. package/es/Buttongroup/Buttongroup.js +1 -14
  27. package/es/Card/Card.js +1 -9
  28. package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  29. package/es/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  30. package/es/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  31. package/es/CheckBox/CheckBox.js +1 -6
  32. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +88 -88
  33. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +45 -45
  34. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +24 -24
  35. package/es/DateTime/DateWidget.js +0 -10
  36. package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  37. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +87 -87
  38. package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  39. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +5 -5
  40. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +6 -6
  41. package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  42. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +25 -25
  43. package/es/DropDown/DropDownHeading.js +1 -6
  44. package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  45. package/es/Heading/Heading.js +1 -6
  46. package/es/Label/Label.js +1 -6
  47. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +4 -4
  48. package/es/ListItem/ListContainer.js +1 -6
  49. package/es/ListItem/ListItem.js +1 -6
  50. package/es/ListItem/ListItemWithAvatar.js +1 -6
  51. package/es/ListItem/ListItemWithCheckBox.js +1 -6
  52. package/es/ListItem/ListItemWithIcon.js +1 -6
  53. package/es/ListItem/ListItemWithRadio.js +1 -6
  54. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  55. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  56. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  57. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -62
  58. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  59. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +62 -62
  60. package/es/Modal/Modal.js +1 -8
  61. package/es/MultiSelect/AdvancedGroupMultiSelect.js +1 -7
  62. package/es/MultiSelect/AdvancedMultiSelect.js +1 -9
  63. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +3 -3
  64. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  65. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  66. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +31 -31
  67. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +6 -6
  68. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  69. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  70. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  71. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +94 -94
  72. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  73. package/es/RippleEffect/RippleEffect.js +1 -6
  74. package/es/Select/GroupSelect.js +1 -8
  75. package/es/Select/Select.js +1 -10
  76. package/es/Select/SelectWithAvatar.js +1 -9
  77. package/es/Select/SelectWithIcon.js +1 -7
  78. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +6 -6
  79. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +756 -756
  80. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  81. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +9 -9
  82. package/es/Switch/Switch.js +1 -6
  83. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +44 -44
  84. package/es/Tab/Tab.js +1 -6
  85. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  86. package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  87. package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  88. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +36 -36
  89. package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  90. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  91. package/es/Tag/Tag.js +1 -6
  92. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +46 -46
  93. package/es/TextBox/TextBox.js +1 -8
  94. package/es/TextBoxIcon/TextBoxIcon.js +1 -8
  95. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +164 -164
  96. package/es/Textarea/Textarea.js +1 -8
  97. package/es/Tooltip/Tooltip.js +1 -8
  98. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -5
  99. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +1 -5
  100. package/es/semantic/Button/Button.js +1 -6
  101. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +10 -10
  102. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  103. package/es/v1/Button/Button.js +7 -12
  104. package/es/v1/Button/README.md +3 -2
  105. package/es/v1/Button/__tests__/Button.spec.js +14 -6
  106. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +298 -218
  107. package/es/v1/Button/constants/index.js +26 -20
  108. package/es/v1/Button/constants/presets.js +147 -0
  109. package/es/v1/Button/css/Button_v1.module.css +17 -8
  110. package/es/v1/Button/css/cssJSLogic.js +39 -26
  111. package/es/v1/Button/props/defaultProps.js +2 -6
  112. package/es/v1/Button/props/propTypes.js +12 -5
  113. package/es/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  114. package/es/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +14 -14
  115. package/es/v1/helpers/colorHelpers/background/backgroundColor.module.css +5 -5
  116. package/es/v1/helpers/colorHelpers/border/borderColor.module.css +5 -5
  117. package/es/v1/helpers/colorHelpers/colorHelper.js +117 -139
  118. package/es/v1/helpers/colorHelpers/constants/index.js +45 -4
  119. package/es/v1/shared/{Loader/Loader.js → Spinner/Spinner.js} +5 -5
  120. package/es/v1/shared/{Loader/__tests__/Loader.spec.js → Spinner/__tests__/Spinner.spec.js} +4 -4
  121. package/{lib/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap → es/v1/shared/Spinner/__tests__/__snapshots__/Spinner.spec.js.snap} +2 -2
  122. package/lib/Accordion/Accordion.js +1 -6
  123. package/lib/Accordion/AccordionItem.js +1 -6
  124. package/lib/Animation/Animation.js +1 -8
  125. package/lib/AppContainer/AppContainer.js +1 -6
  126. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  127. package/lib/Avatar/Avatar.js +1 -6
  128. package/lib/AvatarTeam/AvatarTeam.js +1 -7
  129. package/lib/Button/Button.js +1 -7
  130. package/lib/Buttongroup/Buttongroup.js +1 -14
  131. package/lib/Card/Card.js +1 -8
  132. package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  133. package/lib/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  134. package/lib/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  135. package/lib/CheckBox/CheckBox.js +1 -6
  136. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +88 -88
  137. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +45 -45
  138. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +24 -24
  139. package/lib/DateTime/DateWidget.js +0 -10
  140. package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  141. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +87 -87
  142. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  143. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +5 -5
  144. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +6 -6
  145. package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  146. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +25 -25
  147. package/lib/DropDown/DropDownHeading.js +1 -6
  148. package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  149. package/lib/Heading/Heading.js +1 -6
  150. package/lib/Label/Label.js +1 -6
  151. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +4 -4
  152. package/lib/ListItem/ListContainer.js +1 -7
  153. package/lib/ListItem/ListItem.js +1 -6
  154. package/lib/ListItem/ListItemWithAvatar.js +1 -6
  155. package/lib/ListItem/ListItemWithCheckBox.js +1 -6
  156. package/lib/ListItem/ListItemWithIcon.js +1 -6
  157. package/lib/ListItem/ListItemWithRadio.js +1 -6
  158. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  159. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  160. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  161. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -62
  162. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  163. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +62 -62
  164. package/lib/Modal/Modal.js +1 -8
  165. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +1 -7
  166. package/lib/MultiSelect/AdvancedMultiSelect.js +1 -9
  167. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +3 -3
  168. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  169. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  170. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +31 -31
  171. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +6 -6
  172. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  173. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  174. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  175. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +94 -94
  176. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  177. package/lib/RippleEffect/RippleEffect.js +1 -6
  178. package/lib/Select/GroupSelect.js +1 -9
  179. package/lib/Select/Select.js +1 -11
  180. package/lib/Select/SelectWithAvatar.js +1 -9
  181. package/lib/Select/SelectWithIcon.js +1 -7
  182. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +6 -6
  183. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +756 -756
  184. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  185. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +9 -9
  186. package/lib/Switch/Switch.js +1 -6
  187. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +44 -44
  188. package/lib/Tab/Tab.js +1 -6
  189. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  190. package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  191. package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  192. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +36 -36
  193. package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  194. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  195. package/lib/Tag/Tag.js +1 -6
  196. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +46 -46
  197. package/lib/TextBox/TextBox.js +1 -8
  198. package/lib/TextBoxIcon/TextBoxIcon.js +1 -8
  199. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +164 -164
  200. package/lib/Textarea/Textarea.js +1 -8
  201. package/lib/Tooltip/Tooltip.js +1 -8
  202. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -5
  203. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +1 -5
  204. package/lib/semantic/Button/Button.js +1 -6
  205. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +10 -10
  206. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  207. package/lib/v1/Button/Button.js +7 -12
  208. package/lib/v1/Button/README.md +3 -2
  209. package/lib/v1/Button/__tests__/Button.spec.js +66 -52
  210. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +298 -218
  211. package/lib/v1/Button/constants/index.js +31 -28
  212. package/lib/v1/Button/constants/presets.js +165 -0
  213. package/lib/v1/Button/css/Button_v1.module.css +17 -8
  214. package/lib/v1/Button/css/cssJSLogic.js +26 -15
  215. package/lib/v1/Button/props/defaultProps.js +1 -5
  216. package/lib/v1/Button/props/propTypes.js +27 -4
  217. package/lib/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  218. package/lib/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +14 -14
  219. package/lib/v1/helpers/colorHelpers/background/backgroundColor.module.css +5 -5
  220. package/lib/v1/helpers/colorHelpers/border/borderColor.module.css +5 -5
  221. package/lib/v1/helpers/colorHelpers/colorHelper.js +127 -153
  222. package/lib/v1/helpers/colorHelpers/constants/index.js +45 -4
  223. package/lib/v1/shared/{Loader/Loader.js → Spinner/Spinner.js} +8 -8
  224. package/lib/v1/shared/{Loader/__tests__/Loader.spec.js → Spinner/__tests__/Spinner.spec.js} +4 -4
  225. package/{es/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap → lib/v1/shared/Spinner/__tests__/__snapshots__/Spinner.spec.js.snap} +2 -2
  226. package/package.json +15 -15
  227. /package/es/v1/shared/{Loader/Loader_v1.module.css → Spinner/Spinner_v1.module.css} +0 -0
  228. /package/es/v1/shared/{Loader → Spinner}/props/defaultProps.js +0 -0
  229. /package/es/v1/shared/{Loader → Spinner}/props/propTypes.js +0 -0
  230. /package/lib/v1/shared/{Loader/Loader_v1.module.css → Spinner/Spinner_v1.module.css} +0 -0
  231. /package/lib/v1/shared/{Loader → Spinner}/props/defaultProps.js +0 -0
  232. /package/lib/v1/shared/{Loader → Spinner}/props/propTypes.js +0 -0
package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap CHANGED
@@ -25,7 +25,7 @@ exports[`Tag component Should be render closeTitle 1`] = `
25
25
  value="text"
26
26
  >
27
27
  <div
28
- class="flex fullSize column alignItems_center justifyContent_center"
28
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
29
29
  data-id="containerComponent"
30
30
  data-selector-id="container"
31
31
  data-test-id="containerComponent"
@@ -68,7 +68,7 @@ exports[`Tag component Should be render dataId when active if false 1`] = `
68
68
  value="text"
69
69
  >
70
70
  <div
71
- class="flex fullSize column alignItems_center justifyContent_center"
71
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
72
72
  data-id="containerComponent"
73
73
  data-selector-id="container"
74
74
  data-test-id="containerComponent"
@@ -111,7 +111,7 @@ exports[`Tag component Should be render dataId when active if true 1`] = `
111
111
  value="text"
112
112
  >
113
113
  <div
114
- class="flex fullSize column alignItems_center justifyContent_center"
114
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
115
115
  data-id="containerComponent"
116
116
  data-selector-id="container"
117
117
  data-test-id="containerComponent"
@@ -360,7 +360,7 @@ exports[`Tag component Should be render rounded is false 1`] = `
360
360
  value="text"
361
361
  >
362
362
  <div
363
- class="flex fullSize column alignItems_center justifyContent_center"
363
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
364
364
  data-id="containerComponent"
365
365
  data-selector-id="container"
366
366
  data-test-id="containerComponent"
@@ -464,7 +464,7 @@ exports[`Tag component Should render active - palette danger, size medium , clos
464
464
  value="text"
465
465
  >
466
466
  <div
467
- class="flex fullSize column alignItems_center justifyContent_center"
467
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
468
468
  data-id="containerComponent"
469
469
  data-selector-id="container"
470
470
  data-test-id="containerComponent"
@@ -507,7 +507,7 @@ exports[`Tag component Should render active - palette danger, size medium , clos
507
507
  value="text"
508
508
  >
509
509
  <div
510
- class="flex fullSize column alignItems_center justifyContent_center"
510
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
511
511
  data-id="containerComponent"
512
512
  data-selector-id="container"
513
513
  data-test-id="containerComponent"
@@ -550,7 +550,7 @@ exports[`Tag component Should render active - palette danger, size small , close
550
550
  value="text"
551
551
  >
552
552
  <div
553
- class="flex fullSize column alignItems_center justifyContent_center"
553
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
554
554
  data-id="containerComponent"
555
555
  data-selector-id="container"
556
556
  data-test-id="containerComponent"
@@ -593,7 +593,7 @@ exports[`Tag component Should render active - palette danger, size small , close
593
593
  value="text"
594
594
  >
595
595
  <div
596
- class="flex fullSize column alignItems_center justifyContent_center"
596
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
597
597
  data-id="containerComponent"
598
598
  data-selector-id="container"
599
599
  data-test-id="containerComponent"
@@ -636,7 +636,7 @@ exports[`Tag component Should render active - palette dark, size medium , closeP
636
636
  value="text"
637
637
  >
638
638
  <div
639
- class="flex fullSize column alignItems_center justifyContent_center"
639
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
640
640
  data-id="containerComponent"
641
641
  data-selector-id="container"
642
642
  data-test-id="containerComponent"
@@ -679,7 +679,7 @@ exports[`Tag component Should render active - palette dark, size medium , closeP
679
679
  value="text"
680
680
  >
681
681
  <div
682
- class="flex fullSize column alignItems_center justifyContent_center"
682
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
683
683
  data-id="containerComponent"
684
684
  data-selector-id="container"
685
685
  data-test-id="containerComponent"
@@ -722,7 +722,7 @@ exports[`Tag component Should render active - palette dark, size small , closePa
722
722
  value="text"
723
723
  >
724
724
  <div
725
- class="flex fullSize column alignItems_center justifyContent_center"
725
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
726
726
  data-id="containerComponent"
727
727
  data-selector-id="container"
728
728
  data-test-id="containerComponent"
@@ -765,7 +765,7 @@ exports[`Tag component Should render active - palette dark, size small , closePa
765
765
  value="text"
766
766
  >
767
767
  <div
768
- class="flex fullSize column alignItems_center justifyContent_center"
768
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
769
769
  data-id="containerComponent"
770
770
  data-selector-id="container"
771
771
  data-test-id="containerComponent"
@@ -808,7 +808,7 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size me
808
808
  value="text"
809
809
  >
810
810
  <div
811
- class="flex fullSize column alignItems_center justifyContent_center"
811
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
812
812
  data-id="containerComponent"
813
813
  data-selector-id="container"
814
814
  data-test-id="containerComponent"
@@ -851,7 +851,7 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size me
851
851
  value="text"
852
852
  >
853
853
  <div
854
- class="flex fullSize column alignItems_center justifyContent_center"
854
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
855
855
  data-id="containerComponent"
856
856
  data-selector-id="container"
857
857
  data-test-id="containerComponent"
@@ -894,7 +894,7 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size sm
894
894
  value="text"
895
895
  >
896
896
  <div
897
- class="flex fullSize column alignItems_center justifyContent_center"
897
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
898
898
  data-id="containerComponent"
899
899
  data-selector-id="container"
900
900
  data-test-id="containerComponent"
@@ -937,7 +937,7 @@ exports[`Tag component Should render active - palette darkPrimaryDotted, size sm
937
937
  value="text"
938
938
  >
939
939
  <div
940
- class="flex fullSize column alignItems_center justifyContent_center"
940
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
941
941
  data-id="containerComponent"
942
942
  data-selector-id="container"
943
943
  data-test-id="containerComponent"
@@ -980,7 +980,7 @@ exports[`Tag component Should render active - palette default, size medium , clo
980
980
  value="text"
981
981
  >
982
982
  <div
983
- class="flex fullSize column alignItems_center justifyContent_center"
983
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
984
984
  data-id="containerComponent"
985
985
  data-selector-id="container"
986
986
  data-test-id="containerComponent"
@@ -1023,7 +1023,7 @@ exports[`Tag component Should render active - palette default, size medium , clo
1023
1023
  value="text"
1024
1024
  >
1025
1025
  <div
1026
- class="flex fullSize column alignItems_center justifyContent_center"
1026
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1027
1027
  data-id="containerComponent"
1028
1028
  data-selector-id="container"
1029
1029
  data-test-id="containerComponent"
@@ -1066,7 +1066,7 @@ exports[`Tag component Should render active - palette default, size small , clos
1066
1066
  value="text"
1067
1067
  >
1068
1068
  <div
1069
- class="flex fullSize column alignItems_center justifyContent_center"
1069
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1070
1070
  data-id="containerComponent"
1071
1071
  data-selector-id="container"
1072
1072
  data-test-id="containerComponent"
@@ -1109,7 +1109,7 @@ exports[`Tag component Should render active - palette default, size small , clos
1109
1109
  value="text"
1110
1110
  >
1111
1111
  <div
1112
- class="flex fullSize column alignItems_center justifyContent_center"
1112
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1113
1113
  data-id="containerComponent"
1114
1114
  data-selector-id="container"
1115
1115
  data-test-id="containerComponent"
@@ -1152,7 +1152,7 @@ exports[`Tag component Should render active - palette defaultLink, size medium ,
1152
1152
  value="text"
1153
1153
  >
1154
1154
  <div
1155
- class="flex fullSize column alignItems_center justifyContent_center"
1155
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1156
1156
  data-id="containerComponent"
1157
1157
  data-selector-id="container"
1158
1158
  data-test-id="containerComponent"
@@ -1195,7 +1195,7 @@ exports[`Tag component Should render active - palette defaultLink, size medium ,
1195
1195
  value="text"
1196
1196
  >
1197
1197
  <div
1198
- class="flex fullSize column alignItems_center justifyContent_center"
1198
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1199
1199
  data-id="containerComponent"
1200
1200
  data-selector-id="container"
1201
1201
  data-test-id="containerComponent"
@@ -1238,7 +1238,7 @@ exports[`Tag component Should render active - palette defaultLink, size small ,
1238
1238
  value="text"
1239
1239
  >
1240
1240
  <div
1241
- class="flex fullSize column alignItems_center justifyContent_center"
1241
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1242
1242
  data-id="containerComponent"
1243
1243
  data-selector-id="container"
1244
1244
  data-test-id="containerComponent"
@@ -1281,7 +1281,7 @@ exports[`Tag component Should render active - palette defaultLink, size small ,
1281
1281
  value="text"
1282
1282
  >
1283
1283
  <div
1284
- class="flex fullSize column alignItems_center justifyContent_center"
1284
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1285
1285
  data-id="containerComponent"
1286
1286
  data-selector-id="container"
1287
1287
  data-test-id="containerComponent"
@@ -1324,7 +1324,7 @@ exports[`Tag component Should render active - palette primaryDotted, size medium
1324
1324
  value="text"
1325
1325
  >
1326
1326
  <div
1327
- class="flex fullSize column alignItems_center justifyContent_center"
1327
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1328
1328
  data-id="containerComponent"
1329
1329
  data-selector-id="container"
1330
1330
  data-test-id="containerComponent"
@@ -1367,7 +1367,7 @@ exports[`Tag component Should render active - palette primaryDotted, size medium
1367
1367
  value="text"
1368
1368
  >
1369
1369
  <div
1370
- class="flex fullSize column alignItems_center justifyContent_center"
1370
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1371
1371
  data-id="containerComponent"
1372
1372
  data-selector-id="container"
1373
1373
  data-test-id="containerComponent"
@@ -1410,7 +1410,7 @@ exports[`Tag component Should render active - palette primaryDotted, size small
1410
1410
  value="text"
1411
1411
  >
1412
1412
  <div
1413
- class="flex fullSize column alignItems_center justifyContent_center"
1413
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1414
1414
  data-id="containerComponent"
1415
1415
  data-selector-id="container"
1416
1416
  data-test-id="containerComponent"
@@ -1453,7 +1453,7 @@ exports[`Tag component Should render active - palette primaryDotted, size small
1453
1453
  value="text"
1454
1454
  >
1455
1455
  <div
1456
- class="flex fullSize column alignItems_center justifyContent_center"
1456
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1457
1457
  data-id="containerComponent"
1458
1458
  data-selector-id="container"
1459
1459
  data-test-id="containerComponent"
@@ -1496,7 +1496,7 @@ exports[`Tag component Should render active - palette pureDarkDotted, size mediu
1496
1496
  value="text"
1497
1497
  >
1498
1498
  <div
1499
- class="flex fullSize column alignItems_center justifyContent_center"
1499
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1500
1500
  data-id="containerComponent"
1501
1501
  data-selector-id="container"
1502
1502
  data-test-id="containerComponent"
@@ -1539,7 +1539,7 @@ exports[`Tag component Should render active - palette pureDarkDotted, size mediu
1539
1539
  value="text"
1540
1540
  >
1541
1541
  <div
1542
- class="flex fullSize column alignItems_center justifyContent_center"
1542
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1543
1543
  data-id="containerComponent"
1544
1544
  data-selector-id="container"
1545
1545
  data-test-id="containerComponent"
@@ -1582,7 +1582,7 @@ exports[`Tag component Should render active - palette pureDarkDotted, size small
1582
1582
  value="text"
1583
1583
  >
1584
1584
  <div
1585
- class="flex fullSize column alignItems_center justifyContent_center"
1585
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1586
1586
  data-id="containerComponent"
1587
1587
  data-selector-id="container"
1588
1588
  data-test-id="containerComponent"
@@ -1625,7 +1625,7 @@ exports[`Tag component Should render active - palette pureDarkDotted, size small
1625
1625
  value="text"
1626
1626
  >
1627
1627
  <div
1628
- class="flex fullSize column alignItems_center justifyContent_center"
1628
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1629
1629
  data-id="containerComponent"
1630
1630
  data-selector-id="container"
1631
1631
  data-test-id="containerComponent"
@@ -1668,7 +1668,7 @@ exports[`Tag component Should render active - palette pureDotted, size medium ,
1668
1668
  value="text"
1669
1669
  >
1670
1670
  <div
1671
- class="flex fullSize column alignItems_center justifyContent_center"
1671
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1672
1672
  data-id="containerComponent"
1673
1673
  data-selector-id="container"
1674
1674
  data-test-id="containerComponent"
@@ -1711,7 +1711,7 @@ exports[`Tag component Should render active - palette pureDotted, size medium ,
1711
1711
  value="text"
1712
1712
  >
1713
1713
  <div
1714
- class="flex fullSize column alignItems_center justifyContent_center"
1714
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1715
1715
  data-id="containerComponent"
1716
1716
  data-selector-id="container"
1717
1717
  data-test-id="containerComponent"
@@ -1754,7 +1754,7 @@ exports[`Tag component Should render active - palette pureDotted, size small , c
1754
1754
  value="text"
1755
1755
  >
1756
1756
  <div
1757
- class="flex fullSize column alignItems_center justifyContent_center"
1757
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1758
1758
  data-id="containerComponent"
1759
1759
  data-selector-id="container"
1760
1760
  data-test-id="containerComponent"
@@ -1797,7 +1797,7 @@ exports[`Tag component Should render active - palette pureDotted, size small , c
1797
1797
  value="text"
1798
1798
  >
1799
1799
  <div
1800
- class="flex fullSize column alignItems_center justifyContent_center"
1800
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1801
1801
  data-id="containerComponent"
1802
1802
  data-selector-id="container"
1803
1803
  data-test-id="containerComponent"
@@ -1840,7 +1840,7 @@ exports[`Tag component Should render active - palette secondary, size medium , c
1840
1840
  value="text"
1841
1841
  >
1842
1842
  <div
1843
- class="flex fullSize column alignItems_center justifyContent_center"
1843
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1844
1844
  data-id="containerComponent"
1845
1845
  data-selector-id="container"
1846
1846
  data-test-id="containerComponent"
@@ -1883,7 +1883,7 @@ exports[`Tag component Should render active - palette secondary, size medium , c
1883
1883
  value="text"
1884
1884
  >
1885
1885
  <div
1886
- class="flex fullSize column alignItems_center justifyContent_center"
1886
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1887
1887
  data-id="containerComponent"
1888
1888
  data-selector-id="container"
1889
1889
  data-test-id="containerComponent"
@@ -1926,7 +1926,7 @@ exports[`Tag component Should render active - palette secondary, size small , cl
1926
1926
  value="text"
1927
1927
  >
1928
1928
  <div
1929
- class="flex fullSize column alignItems_center justifyContent_center"
1929
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1930
1930
  data-id="containerComponent"
1931
1931
  data-selector-id="container"
1932
1932
  data-test-id="containerComponent"
@@ -1969,7 +1969,7 @@ exports[`Tag component Should render active - palette secondary, size small , cl
1969
1969
  value="text"
1970
1970
  >
1971
1971
  <div
1972
- class="flex fullSize column alignItems_center justifyContent_center"
1972
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
1973
1973
  data-id="containerComponent"
1974
1974
  data-selector-id="container"
1975
1975
  data-test-id="containerComponent"
@@ -2336,7 +2336,7 @@ exports[`Tag component Should render closePalette - danger 1`] = `
2336
2336
  value="text"
2337
2337
  >
2338
2338
  <div
2339
- class="flex fullSize column alignItems_center justifyContent_center"
2339
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
2340
2340
  data-id="containerComponent"
2341
2341
  data-selector-id="container"
2342
2342
  data-test-id="containerComponent"
@@ -2379,7 +2379,7 @@ exports[`Tag component Should render closePalette - primary 1`] = `
2379
2379
  value="text"
2380
2380
  >
2381
2381
  <div
2382
- class="flex fullSize column alignItems_center justifyContent_center"
2382
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
2383
2383
  data-id="containerComponent"
2384
2384
  data-selector-id="container"
2385
2385
  data-test-id="containerComponent"
@@ -2422,7 +2422,7 @@ exports[`Tag component Should render onRemove - medium 1`] = `
2422
2422
  value="text"
2423
2423
  >
2424
2424
  <div
2425
- class="flex fullSize column alignItems_center justifyContent_center"
2425
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
2426
2426
  data-id="containerComponent"
2427
2427
  data-selector-id="container"
2428
2428
  data-test-id="containerComponent"
@@ -2465,7 +2465,7 @@ exports[`Tag component Should render onRemove - small 1`] = `
2465
2465
  value="text"
2466
2466
  >
2467
2467
  <div
2468
- class="flex fullSize column alignItems_center justifyContent_center"
2468
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
2469
2469
  data-id="containerComponent"
2470
2470
  data-selector-id="container"
2471
2471
  data-test-id="containerComponent"
@@ -2870,7 +2870,7 @@ exports[`Tag component rendering ally clearLabel 1`] = `
2870
2870
  value="text"
2871
2871
  >
2872
2872
  <div
2873
- class="flex fullSize column alignItems_center justifyContent_center"
2873
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
2874
2874
  data-id="containerComponent"
2875
2875
  data-selector-id="container"
2876
2876
  data-test-id="containerComponent"
@@ -2942,7 +2942,7 @@ exports[`Tag component rendering the Custom class 1`] = `
2942
2942
  value="text"
2943
2943
  >
2944
2944
  <div
2945
- class="flex fullSize column alignItems_center justifyContent_center"
2945
+ class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
2946
2946
  data-id="containerComponent"
2947
2947
  data-selector-id="container"
2948
2948
  data-test-id="containerComponent"
package/es/TextBox/TextBox.js CHANGED
@@ -180,11 +180,4 @@ export default class TextBox extends React.PureComponent {
180
180
 
181
181
  }
182
182
  TextBox.defaultProps = defaultProps;
183
- TextBox.propTypes = propTypes; // if (__DOCS__) {
184
- // Textbox.docs = {
185
- // componentGroup: 'Form Elements',
186
- // folderName: 'Style Guide',
187
- // external: true,
188
- // description: ' '
189
- // };
190
- // }
183
+ TextBox.propTypes = propTypes;
package/es/TextBoxIcon/TextBoxIcon.js CHANGED
@@ -199,11 +199,4 @@ export default class TextBoxIcon extends React.Component {
199
199
 
200
200
  }
201
201
  TextBoxIcon.defaultProps = defaultProps;
202
- TextBoxIcon.propTypes = propTypes; // if (__DOCS__) {
203
- // TextBoxIcon.docs = {
204
- // componentGroup: 'Form Elements',
205
- // folderName: 'Style Guide',
206
- // external: true,
207
- // description: ' '
208
- // };
209
- // }
202
+ TextBoxIcon.propTypes = propTypes;