@mvf/external-components 3.20.2 → 3.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (350) hide show
  1. package/Components/Atoms/CardButton/CardButton.js +17 -7
  2. package/Components/Atoms/CardButton/CardButton.js.map +1 -1
  3. package/Components/Atoms/CardButton/CardButtonStory.js +17 -7
  4. package/Components/Atoms/CardButton/CardButtonStory.js.map +1 -1
  5. package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +17 -7
  6. package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
  7. package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +17 -7
  8. package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
  9. package/Components/Atoms/InfoPanel/InfoPanelStory.js +17 -7
  10. package/Components/Atoms/InfoPanel/InfoPanelStory.js.map +1 -1
  11. package/Components/Atoms/Input/Input.js +17 -7
  12. package/Components/Atoms/Input/Input.js.map +1 -1
  13. package/Components/Molecules/CheckBox/CheckBox.js +17 -7
  14. package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
  15. package/Components/Molecules/DatePicker/DatePickerStory.js +17 -7
  16. package/Components/Molecules/DatePicker/DatePickerStory.js.map +1 -1
  17. package/Components/Molecules/DropDownSelect/DropDownSelectStory.js +17 -7
  18. package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map +1 -1
  19. package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +17 -7
  20. package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -1
  21. package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +17 -7
  22. package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -1
  23. package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +17 -7
  24. package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
  25. package/Components/Molecules/ScrollContainer/ScrollContainer.js +17 -7
  26. package/Components/Molecules/ScrollContainer/ScrollContainer.js.map +1 -1
  27. package/Components/Organisms/RadioGroup/RadioGroup.js +17 -7
  28. package/Components/Organisms/RadioGroup/RadioGroup.js.map +1 -1
  29. package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js +17 -7
  30. package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js.map +1 -1
  31. package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js +17 -7
  32. package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js.map +1 -1
  33. package/Components/Organisms/__helpers__/Options.js +19 -7
  34. package/Components/Organisms/__helpers__/Options.js.map +1 -1
  35. package/Experiments/CRO584/Atoms/CardButton/CardButton.d.ts +7 -0
  36. package/Experiments/CRO584/Atoms/CardButton/CardButton.js +81 -0
  37. package/Experiments/CRO584/Atoms/CardButton/CardButton.js.map +1 -0
  38. package/Experiments/CRO584/Atoms/CardButton/CardButton.test.d.ts +1 -0
  39. package/Experiments/CRO584/Atoms/CardButton/CardButton.test.js +24 -0
  40. package/Experiments/CRO584/Atoms/CardButton/CardButton.test.js.map +1 -0
  41. package/Experiments/CRO584/Atoms/CardButton/CardButtonStory.d.ts +7 -0
  42. package/Experiments/CRO584/Atoms/CardButton/CardButtonStory.js +57 -0
  43. package/Experiments/CRO584/Atoms/CardButton/CardButtonStory.js.map +1 -0
  44. package/Experiments/CRO584/Atoms/CardButton/ICardButtonProps.d.ts +11 -0
  45. package/Experiments/CRO584/Atoms/CardButton/ICardButtonProps.js +3 -0
  46. package/Experiments/CRO584/Atoms/CardButton/ICardButtonProps.js.map +1 -0
  47. package/Experiments/CRO584/Atoms/CardButton/defaultProps.d.ts +4 -0
  48. package/Experiments/CRO584/Atoms/CardButton/defaultProps.js +7 -0
  49. package/Experiments/CRO584/Atoms/CardButton/defaultProps.js.map +1 -0
  50. package/Experiments/CRO584/Atoms/CardButton/index.d.ts +1 -0
  51. package/Experiments/CRO584/Atoms/CardButton/index.js +9 -0
  52. package/Experiments/CRO584/Atoms/CardButton/index.js.map +1 -0
  53. package/Experiments/CRO584/Atoms/CardButton/makeCardButtonStyling.d.ts +12 -0
  54. package/Experiments/CRO584/Atoms/CardButton/makeCardButtonStyling.js +58 -0
  55. package/Experiments/CRO584/Atoms/CardButton/makeCardButtonStyling.js.map +1 -0
  56. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.d.ts +15 -0
  57. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +57 -0
  58. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -0
  59. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.d.ts +1 -0
  60. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +74 -0
  61. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -0
  62. package/Experiments/CRO584/Atoms/ErrorMessageProvider/index.d.ts +1 -0
  63. package/Experiments/CRO584/Atoms/ErrorMessageProvider/index.js +10 -0
  64. package/Experiments/CRO584/Atoms/ErrorMessageProvider/index.js.map +1 -0
  65. package/Experiments/CRO584/Atoms/FormControl/FormControl.d.ts +7 -0
  66. package/Experiments/CRO584/Atoms/FormControl/FormControl.js +39 -0
  67. package/Experiments/CRO584/Atoms/FormControl/FormControl.js.map +1 -0
  68. package/Experiments/CRO584/Atoms/FormControl/FormControl.test.d.ts +1 -0
  69. package/Experiments/CRO584/Atoms/FormControl/FormControl.test.js +21 -0
  70. package/Experiments/CRO584/Atoms/FormControl/FormControl.test.js.map +1 -0
  71. package/Experiments/CRO584/Atoms/FormControl/FormControlStory.d.ts +7 -0
  72. package/Experiments/CRO584/Atoms/FormControl/FormControlStory.js +15 -0
  73. package/Experiments/CRO584/Atoms/FormControl/FormControlStory.js.map +1 -0
  74. package/Experiments/CRO584/Atoms/FormControl/IFormControlProps.d.ts +6 -0
  75. package/Experiments/CRO584/Atoms/FormControl/IFormControlProps.js +3 -0
  76. package/Experiments/CRO584/Atoms/FormControl/IFormControlProps.js.map +1 -0
  77. package/Experiments/CRO584/Atoms/FormControl/defaultProps.d.ts +2 -0
  78. package/Experiments/CRO584/Atoms/FormControl/defaultProps.js +5 -0
  79. package/Experiments/CRO584/Atoms/FormControl/defaultProps.js.map +1 -0
  80. package/Experiments/CRO584/Atoms/FormControl/index.d.ts +1 -0
  81. package/Experiments/CRO584/Atoms/FormControl/index.js +9 -0
  82. package/Experiments/CRO584/Atoms/FormControl/index.js.map +1 -0
  83. package/Experiments/CRO584/Atoms/FormControl/makeFormControlStyles.d.ts +5 -0
  84. package/Experiments/CRO584/Atoms/FormControl/makeFormControlStyles.js +57 -0
  85. package/Experiments/CRO584/Atoms/FormControl/makeFormControlStyles.js.map +1 -0
  86. package/Experiments/CRO584/Atoms/Input/IInputProps.d.ts +26 -0
  87. package/Experiments/CRO584/Atoms/Input/IInputProps.js +3 -0
  88. package/Experiments/CRO584/Atoms/Input/IInputProps.js.map +1 -0
  89. package/Experiments/CRO584/Atoms/Input/Input.d.ts +7 -0
  90. package/Experiments/CRO584/Atoms/Input/Input.js +103 -0
  91. package/Experiments/CRO584/Atoms/Input/Input.js.map +1 -0
  92. package/Experiments/CRO584/Atoms/Input/Input.test.d.ts +1 -0
  93. package/Experiments/CRO584/Atoms/Input/Input.test.js +79 -0
  94. package/Experiments/CRO584/Atoms/Input/Input.test.js.map +1 -0
  95. package/Experiments/CRO584/Atoms/Input/InputStory.d.ts +18 -0
  96. package/Experiments/CRO584/Atoms/Input/InputStory.js +15 -0
  97. package/Experiments/CRO584/Atoms/Input/InputStory.js.map +1 -0
  98. package/Experiments/CRO584/Atoms/Input/defaultProps.d.ts +12 -0
  99. package/Experiments/CRO584/Atoms/Input/defaultProps.js +21 -0
  100. package/Experiments/CRO584/Atoms/Input/defaultProps.js.map +1 -0
  101. package/Experiments/CRO584/Atoms/Input/icons.d.ts +29 -0
  102. package/Experiments/CRO584/Atoms/Input/icons.js +32 -0
  103. package/Experiments/CRO584/Atoms/Input/icons.js.map +1 -0
  104. package/Experiments/CRO584/Atoms/Input/index.d.ts +1 -0
  105. package/Experiments/CRO584/Atoms/Input/index.js +9 -0
  106. package/Experiments/CRO584/Atoms/Input/index.js.map +1 -0
  107. package/Experiments/CRO584/Atoms/Input/makeInputStyles.d.ts +14 -0
  108. package/Experiments/CRO584/Atoms/Input/makeInputStyles.js +129 -0
  109. package/Experiments/CRO584/Atoms/Input/makeInputStyles.js.map +1 -0
  110. package/Experiments/CRO584/Atoms/InputLabel/IInputLabelProps.d.ts +7 -0
  111. package/Experiments/CRO584/Atoms/InputLabel/IInputLabelProps.js +3 -0
  112. package/Experiments/CRO584/Atoms/InputLabel/IInputLabelProps.js.map +1 -0
  113. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.d.ts +7 -0
  114. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.js +39 -0
  115. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.js.map +1 -0
  116. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.test.d.ts +1 -0
  117. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.test.js +18 -0
  118. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.test.js.map +1 -0
  119. package/Experiments/CRO584/Atoms/InputLabel/InputLabelStory.d.ts +4 -0
  120. package/Experiments/CRO584/Atoms/InputLabel/InputLabelStory.js +12 -0
  121. package/Experiments/CRO584/Atoms/InputLabel/InputLabelStory.js.map +1 -0
  122. package/Experiments/CRO584/Atoms/InputLabel/defaultProps.d.ts +2 -0
  123. package/Experiments/CRO584/Atoms/InputLabel/defaultProps.js +5 -0
  124. package/Experiments/CRO584/Atoms/InputLabel/defaultProps.js.map +1 -0
  125. package/Experiments/CRO584/Atoms/InputLabel/index.d.ts +1 -0
  126. package/Experiments/CRO584/Atoms/InputLabel/index.js +9 -0
  127. package/Experiments/CRO584/Atoms/InputLabel/index.js.map +1 -0
  128. package/Experiments/CRO584/Atoms/InputLabel/makeInputLabelStyles.d.ts +5 -0
  129. package/Experiments/CRO584/Atoms/InputLabel/makeInputLabelStyles.js +33 -0
  130. package/Experiments/CRO584/Atoms/InputLabel/makeInputLabelStyles.js.map +1 -0
  131. package/Experiments/CRO584/Atoms/Text/ITextProps.d.ts +8 -0
  132. package/Experiments/CRO584/Atoms/Text/ITextProps.js +3 -0
  133. package/Experiments/CRO584/Atoms/Text/ITextProps.js.map +1 -0
  134. package/Experiments/CRO584/Atoms/Text/Text.d.ts +7 -0
  135. package/Experiments/CRO584/Atoms/Text/Text.js +30 -0
  136. package/Experiments/CRO584/Atoms/Text/Text.js.map +1 -0
  137. package/Experiments/CRO584/Atoms/Text/Text.test.d.ts +1 -0
  138. package/Experiments/CRO584/Atoms/Text/Text.test.js +15 -0
  139. package/Experiments/CRO584/Atoms/Text/Text.test.js.map +1 -0
  140. package/Experiments/CRO584/Atoms/Text/TextStory.d.ts +8 -0
  141. package/Experiments/CRO584/Atoms/Text/TextStory.js +15 -0
  142. package/Experiments/CRO584/Atoms/Text/TextStory.js.map +1 -0
  143. package/Experiments/CRO584/Atoms/Text/defaultProps.d.ts +4 -0
  144. package/Experiments/CRO584/Atoms/Text/defaultProps.js +7 -0
  145. package/Experiments/CRO584/Atoms/Text/defaultProps.js.map +1 -0
  146. package/Experiments/CRO584/Atoms/Text/index.d.ts +1 -0
  147. package/Experiments/CRO584/Atoms/Text/index.js +9 -0
  148. package/Experiments/CRO584/Atoms/Text/index.js.map +1 -0
  149. package/Experiments/CRO584/Atoms/Text/makeTextStyling.d.ts +5 -0
  150. package/Experiments/CRO584/Atoms/Text/makeTextStyling.js +227 -0
  151. package/Experiments/CRO584/Atoms/Text/makeTextStyling.js.map +1 -0
  152. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.d.ts +7 -0
  153. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.js +129 -0
  154. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.js.map +1 -0
  155. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.test.d.ts +1 -0
  156. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.test.js +279 -0
  157. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.test.js.map +1 -0
  158. package/Experiments/CRO584/Molecules/CheckBox/CheckBoxStory.d.ts +17 -0
  159. package/Experiments/CRO584/Molecules/CheckBox/CheckBoxStory.js +25 -0
  160. package/Experiments/CRO584/Molecules/CheckBox/CheckBoxStory.js.map +1 -0
  161. package/Experiments/CRO584/Molecules/CheckBox/ICheckboxProps.d.ts +22 -0
  162. package/Experiments/CRO584/Molecules/CheckBox/ICheckboxProps.js +3 -0
  163. package/Experiments/CRO584/Molecules/CheckBox/ICheckboxProps.js.map +1 -0
  164. package/Experiments/CRO584/Molecules/CheckBox/__helpers__/renderCheckbox.d.ts +3 -0
  165. package/Experiments/CRO584/Molecules/CheckBox/__helpers__/renderCheckbox.js +13 -0
  166. package/Experiments/CRO584/Molecules/CheckBox/__helpers__/renderCheckbox.js.map +1 -0
  167. package/Experiments/CRO584/Molecules/CheckBox/defaultProps.d.ts +14 -0
  168. package/Experiments/CRO584/Molecules/CheckBox/defaultProps.js +25 -0
  169. package/Experiments/CRO584/Molecules/CheckBox/defaultProps.js.map +1 -0
  170. package/Experiments/CRO584/Molecules/CheckBox/index.d.ts +1 -0
  171. package/Experiments/CRO584/Molecules/CheckBox/index.js +9 -0
  172. package/Experiments/CRO584/Molecules/CheckBox/index.js.map +1 -0
  173. package/Experiments/CRO584/Molecules/CheckBox/makeCheckBoxStyling.d.ts +13 -0
  174. package/Experiments/CRO584/Molecules/CheckBox/makeCheckBoxStyling.js +100 -0
  175. package/Experiments/CRO584/Molecules/CheckBox/makeCheckBoxStyling.js.map +1 -0
  176. package/Experiments/CRO584/Molecules/IconTileCheckBox/IComponentProps.d.ts +21 -0
  177. package/Experiments/CRO584/Molecules/IconTileCheckBox/IComponentProps.js +3 -0
  178. package/Experiments/CRO584/Molecules/IconTileCheckBox/IComponentProps.js.map +1 -0
  179. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.d.ts +7 -0
  180. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.js +93 -0
  181. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -0
  182. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.test.d.ts +1 -0
  183. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +188 -0
  184. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -0
  185. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.d.ts +18 -0
  186. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +24 -0
  187. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -0
  188. package/Experiments/CRO584/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.d.ts +3 -0
  189. package/Experiments/CRO584/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.js +14 -0
  190. package/Experiments/CRO584/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.js.map +1 -0
  191. package/Experiments/CRO584/Molecules/IconTileCheckBox/defaultProps.d.ts +12 -0
  192. package/Experiments/CRO584/Molecules/IconTileCheckBox/defaultProps.js +21 -0
  193. package/Experiments/CRO584/Molecules/IconTileCheckBox/defaultProps.js.map +1 -0
  194. package/Experiments/CRO584/Molecules/IconTileCheckBox/index.d.ts +1 -0
  195. package/Experiments/CRO584/Molecules/IconTileCheckBox/index.js +9 -0
  196. package/Experiments/CRO584/Molecules/IconTileCheckBox/index.js.map +1 -0
  197. package/Experiments/CRO584/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.d.ts +10 -0
  198. package/Experiments/CRO584/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js +91 -0
  199. package/Experiments/CRO584/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js.map +1 -0
  200. package/Experiments/CRO584/Molecules/IconTileRadioButton/IComponentProps.d.ts +16 -0
  201. package/Experiments/CRO584/Molecules/IconTileRadioButton/IComponentProps.js +3 -0
  202. package/Experiments/CRO584/Molecules/IconTileRadioButton/IComponentProps.js.map +1 -0
  203. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.d.ts +7 -0
  204. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.js +80 -0
  205. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -0
  206. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.test.d.ts +1 -0
  207. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +211 -0
  208. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -0
  209. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButtonStory.d.ts +14 -0
  210. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +60 -0
  211. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -0
  212. package/Experiments/CRO584/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.d.ts +3 -0
  213. package/Experiments/CRO584/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js +14 -0
  214. package/Experiments/CRO584/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js.map +1 -0
  215. package/Experiments/CRO584/Molecules/IconTileRadioButton/defaultProps.d.ts +9 -0
  216. package/Experiments/CRO584/Molecules/IconTileRadioButton/defaultProps.js +18 -0
  217. package/Experiments/CRO584/Molecules/IconTileRadioButton/defaultProps.js.map +1 -0
  218. package/Experiments/CRO584/Molecules/IconTileRadioButton/index.d.ts +1 -0
  219. package/Experiments/CRO584/Molecules/IconTileRadioButton/index.js +9 -0
  220. package/Experiments/CRO584/Molecules/IconTileRadioButton/index.js.map +1 -0
  221. package/Experiments/CRO584/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.d.ts +7 -0
  222. package/Experiments/CRO584/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.js +71 -0
  223. package/Experiments/CRO584/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.js.map +1 -0
  224. package/Experiments/CRO584/Molecules/RadioButton/IRadioButtonProps.d.ts +17 -0
  225. package/Experiments/CRO584/Molecules/RadioButton/IRadioButtonProps.js +3 -0
  226. package/Experiments/CRO584/Molecules/RadioButton/IRadioButtonProps.js.map +1 -0
  227. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.d.ts +7 -0
  228. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.js +86 -0
  229. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.js.map +1 -0
  230. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.test.d.ts +1 -0
  231. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.test.js +123 -0
  232. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.test.js.map +1 -0
  233. package/Experiments/CRO584/Molecules/RadioButton/RadioButtonStory.d.ts +12 -0
  234. package/Experiments/CRO584/Molecules/RadioButton/RadioButtonStory.js +28 -0
  235. package/Experiments/CRO584/Molecules/RadioButton/RadioButtonStory.js.map +1 -0
  236. package/Experiments/CRO584/Molecules/RadioButton/__helpers__/renderRadioButton.d.ts +3 -0
  237. package/Experiments/CRO584/Molecules/RadioButton/__helpers__/renderRadioButton.js +13 -0
  238. package/Experiments/CRO584/Molecules/RadioButton/__helpers__/renderRadioButton.js.map +1 -0
  239. package/Experiments/CRO584/Molecules/RadioButton/defaultProps.d.ts +10 -0
  240. package/Experiments/CRO584/Molecules/RadioButton/defaultProps.js +21 -0
  241. package/Experiments/CRO584/Molecules/RadioButton/defaultProps.js.map +1 -0
  242. package/Experiments/CRO584/Molecules/RadioButton/index.d.ts +1 -0
  243. package/Experiments/CRO584/Molecules/RadioButton/index.js +9 -0
  244. package/Experiments/CRO584/Molecules/RadioButton/index.js.map +1 -0
  245. package/Experiments/CRO584/Molecules/RadioButton/makeRadioButtonStyling.d.ts +10 -0
  246. package/Experiments/CRO584/Molecules/RadioButton/makeRadioButtonStyling.js +76 -0
  247. package/Experiments/CRO584/Molecules/RadioButton/makeRadioButtonStyling.js.map +1 -0
  248. package/Experiments/CRO584/Molecules/TextField/ITextFieldProps.d.ts +25 -0
  249. package/Experiments/CRO584/Molecules/TextField/ITextFieldProps.js +3 -0
  250. package/Experiments/CRO584/Molecules/TextField/ITextFieldProps.js.map +1 -0
  251. package/Experiments/CRO584/Molecules/TextField/TextField.d.ts +7 -0
  252. package/Experiments/CRO584/Molecules/TextField/TextField.js +40 -0
  253. package/Experiments/CRO584/Molecules/TextField/TextField.js.map +1 -0
  254. package/Experiments/CRO584/Molecules/TextField/TextField.test.d.ts +1 -0
  255. package/Experiments/CRO584/Molecules/TextField/TextField.test.js +63 -0
  256. package/Experiments/CRO584/Molecules/TextField/TextField.test.js.map +1 -0
  257. package/Experiments/CRO584/Molecules/TextField/TextFieldStory.d.ts +17 -0
  258. package/Experiments/CRO584/Molecules/TextField/TextFieldStory.js +13 -0
  259. package/Experiments/CRO584/Molecules/TextField/TextFieldStory.js.map +1 -0
  260. package/Experiments/CRO584/Molecules/TextField/defaultProps.d.ts +16 -0
  261. package/Experiments/CRO584/Molecules/TextField/defaultProps.js +25 -0
  262. package/Experiments/CRO584/Molecules/TextField/defaultProps.js.map +1 -0
  263. package/Experiments/CRO584/Molecules/TextField/index.d.ts +1 -0
  264. package/Experiments/CRO584/Molecules/TextField/index.js +9 -0
  265. package/Experiments/CRO584/Molecules/TextField/index.js.map +1 -0
  266. package/Experiments/CRO584/Organisms/ListLayout/IComponentProps.d.ts +5 -0
  267. package/Experiments/CRO584/Organisms/ListLayout/IComponentProps.js +3 -0
  268. package/Experiments/CRO584/Organisms/ListLayout/IComponentProps.js.map +1 -0
  269. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.d.ts +7 -0
  270. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.js +19 -0
  271. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.js.map +1 -0
  272. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.test.d.ts +1 -0
  273. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.test.js +26 -0
  274. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.test.js.map +1 -0
  275. package/Experiments/CRO584/Organisms/ListLayout/ListLayoutStory.d.ts +12 -0
  276. package/Experiments/CRO584/Organisms/ListLayout/ListLayoutStory.js +16 -0
  277. package/Experiments/CRO584/Organisms/ListLayout/ListLayoutStory.js.map +1 -0
  278. package/Experiments/CRO584/Organisms/ListLayout/index.d.ts +1 -0
  279. package/Experiments/CRO584/Organisms/ListLayout/index.js +9 -0
  280. package/Experiments/CRO584/Organisms/ListLayout/index.js.map +1 -0
  281. package/Experiments/CRO584/Organisms/ListLayout/makeListLayoutStyling.d.ts +5 -0
  282. package/Experiments/CRO584/Organisms/ListLayout/makeListLayoutStyling.js +21 -0
  283. package/Experiments/CRO584/Organisms/ListLayout/makeListLayoutStyling.js.map +1 -0
  284. package/Experiments/CRO584/Organisms/RadioGroup/IComponentProps.d.ts +7 -0
  285. package/Experiments/CRO584/Organisms/RadioGroup/IComponentProps.js +3 -0
  286. package/Experiments/CRO584/Organisms/RadioGroup/IComponentProps.js.map +1 -0
  287. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.d.ts +7 -0
  288. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.js +57 -0
  289. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.js.map +1 -0
  290. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.test.d.ts +1 -0
  291. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.test.js +103 -0
  292. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.test.js.map +1 -0
  293. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupContext.d.ts +6 -0
  294. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupContext.js +9 -0
  295. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupContext.js.map +1 -0
  296. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupStory.d.ts +13 -0
  297. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupStory.js +20 -0
  298. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupStory.js.map +1 -0
  299. package/Experiments/CRO584/Organisms/RadioGroup/defaultProps.d.ts +4 -0
  300. package/Experiments/CRO584/Organisms/RadioGroup/defaultProps.js +9 -0
  301. package/Experiments/CRO584/Organisms/RadioGroup/defaultProps.js.map +1 -0
  302. package/Experiments/CRO584/Organisms/RadioGroup/index.d.ts +1 -0
  303. package/Experiments/CRO584/Organisms/RadioGroup/index.js +9 -0
  304. package/Experiments/CRO584/Organisms/RadioGroup/index.js.map +1 -0
  305. package/Experiments/CRO584/Organisms/TileLayout/IComponentProps.d.ts +5 -0
  306. package/Experiments/CRO584/Organisms/TileLayout/IComponentProps.js +3 -0
  307. package/Experiments/CRO584/Organisms/TileLayout/IComponentProps.js.map +1 -0
  308. package/Experiments/CRO584/Organisms/TileLayout/IconTileCheckBoxStory.d.ts +9 -0
  309. package/Experiments/CRO584/Organisms/TileLayout/IconTileCheckBoxStory.js +80 -0
  310. package/Experiments/CRO584/Organisms/TileLayout/IconTileCheckBoxStory.js.map +1 -0
  311. package/Experiments/CRO584/Organisms/TileLayout/IconTileRadioButtonStory.d.ts +9 -0
  312. package/Experiments/CRO584/Organisms/TileLayout/IconTileRadioButtonStory.js +83 -0
  313. package/Experiments/CRO584/Organisms/TileLayout/IconTileRadioButtonStory.js.map +1 -0
  314. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.d.ts +6 -0
  315. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.js +19 -0
  316. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.js.map +1 -0
  317. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.test.d.ts +1 -0
  318. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.test.js +22 -0
  319. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.test.js.map +1 -0
  320. package/Experiments/CRO584/Organisms/TileLayout/index.d.ts +1 -0
  321. package/Experiments/CRO584/Organisms/TileLayout/index.js +9 -0
  322. package/Experiments/CRO584/Organisms/TileLayout/index.js.map +1 -0
  323. package/Experiments/CRO584/Organisms/TileLayout/makeTileLayoutStyling.d.ts +9 -0
  324. package/Experiments/CRO584/Organisms/TileLayout/makeTileLayoutStyling.js +129 -0
  325. package/Experiments/CRO584/Organisms/TileLayout/makeTileLayoutStyling.js.map +1 -0
  326. package/Experiments/CRO584/Organisms/__helpers__/Options.d.ts +10 -0
  327. package/Experiments/CRO584/Organisms/__helpers__/Options.js +142 -0
  328. package/Experiments/CRO584/Organisms/__helpers__/Options.js.map +1 -0
  329. package/Experiments/CRO584/Organisms/__helpers__/generateMenuItems.d.ts +6 -0
  330. package/Experiments/CRO584/Organisms/__helpers__/generateMenuItems.js +15 -0
  331. package/Experiments/CRO584/Organisms/__helpers__/generateMenuItems.js.map +1 -0
  332. package/Experiments/Example/Atoms/CardButton/CardButton.js +17 -7
  333. package/Experiments/Example/Atoms/CardButton/CardButton.js.map +1 -1
  334. package/Experiments/Example/Atoms/CardButton/CardButtonStory.js +17 -7
  335. package/Experiments/Example/Atoms/CardButton/CardButtonStory.js.map +1 -1
  336. package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +17 -7
  337. package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
  338. package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +17 -7
  339. package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
  340. package/Experiments/Example/Atoms/Input/Input.js +17 -7
  341. package/Experiments/Example/Atoms/Input/Input.js.map +1 -1
  342. package/Experiments/Example/Molecules/CheckBox/CheckBox.js +17 -7
  343. package/Experiments/Example/Molecules/CheckBox/CheckBox.js.map +1 -1
  344. package/Interfaces/Molecules/CheckBox/CheckBox.js +3 -0
  345. package/Interfaces/Molecules/CheckBox/CheckBox.js.map +1 -1
  346. package/Interfaces/Molecules/RadioButton/RadioButton.js +3 -0
  347. package/Interfaces/Molecules/RadioButton/RadioButton.js.map +1 -1
  348. package/Themes/themes.js +17 -7
  349. package/Themes/themes.js.map +1 -1
  350. package/package.json +1 -1
@@ -0,0 +1,8 @@
1
+ import { ReactNode } from 'react';
2
+ interface ITextProps {
3
+ children: ReactNode;
4
+ id?: string;
5
+ align: 'center' | 'inherit' | 'justify' | 'left' | 'right';
6
+ variant: 'header' | 'note' | 'summary' | 'question' | 'text' | 'footer' | 'listItem' | 'tileItem' | 'contentWithList' | 'tickedList';
7
+ }
8
+ export default ITextProps;
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=ITextProps.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ITextProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/Text/ITextProps.ts"],"names":[],"mappings":""}
@@ -0,0 +1,7 @@
1
+ import { FunctionComponentWithDefaultProps } from '../../../../Helpers/React/FunctionComponentWithDefaultProps';
2
+ import ITextProps from './ITextProps';
3
+ import defaultProps from './defaultProps';
4
+ import WithExperimentName from '../../../../@types/WithExperimentName';
5
+ export type TextType = FunctionComponentWithDefaultProps<WithExperimentName<ITextProps>, typeof defaultProps>;
6
+ declare const Text: TextType;
7
+ export default Text;
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
7
+ /** @jsxImportSource @emotion/react */
8
+ var Typography_1 = __importDefault(require("@mui/material/Typography"));
9
+ var defaultProps_1 = __importDefault(require("./defaultProps"));
10
+ var makeTextStyling_1 = __importDefault(require("./makeTextStyling"));
11
+ var Text = function (_a) {
12
+ var children = _a.children, id = _a.id, variant = _a.variant, align = _a.align;
13
+ var textStyles = (0, makeTextStyling_1.default)({ variant: variant });
14
+ var muiComponents = {
15
+ footer: 'p',
16
+ header: 'h5',
17
+ summary: 'span',
18
+ note: 'p',
19
+ question: 'h6',
20
+ text: 'p',
21
+ listItem: 'p',
22
+ tileItem: 'p',
23
+ contentWithList: 'span',
24
+ tickedList: 'span',
25
+ };
26
+ return ((0, jsx_runtime_1.jsx)(Typography_1.default, { "data-testid": "text", id: id, align: align, component: muiComponents[variant], css: textStyles, children: children }));
27
+ };
28
+ Text.defaultProps = defaultProps_1.default;
29
+ exports.default = Text;
30
+ //# sourceMappingURL=Text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,wEAAkD;AAGlD,gEAA0C;AAC1C,sEAAgD;AAQhD,IAAM,IAAI,GAAa,UAAC,EAAgC;QAA9B,QAAQ,cAAA,EAAE,EAAE,QAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IACpD,IAAM,UAAU,GAAG,IAAA,yBAAe,EAAC,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC;IAEhD,IAAM,aAAa,GAAG;QACpB,MAAM,EAAE,GAAY;QACpB,MAAM,EAAE,IAAa;QACrB,OAAO,EAAE,MAAe;QACxB,IAAI,EAAE,GAAY;QAClB,QAAQ,EAAE,IAAa;QACvB,IAAI,EAAE,GAAY;QAClB,QAAQ,EAAE,GAAY;QACtB,QAAQ,EAAE,GAAY;QACtB,eAAe,EAAE,MAAe;QAChC,UAAU,EAAE,MAAe;KAC5B,CAAC;IAEF,OAAO,CACL,uBAAC,oBAAU,mBACG,MAAM,EAClB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,EACjC,GAAG,EAAE,UAAU,YAEd,QAAQ,GACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEjC,kBAAe,IAAI,CAAC"}
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
7
+ var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
8
+ var Text_1 = __importDefault(require("./Text"));
9
+ describe('<Text />', function () {
10
+ it('should display children', function () {
11
+ var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Text_1.default, { variant: "note", id: 'id', experimentName: "default", children: "test" })).getByText;
12
+ expect(getByText('test')).toBeTruthy();
13
+ });
14
+ });
15
+ //# sourceMappingURL=Text.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/Text/Text.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sGAAgF;AAChF,gDAA0B;AAE1B,QAAQ,CAAC,UAAU,EAAE;IACnB,EAAE,CAAC,yBAAyB,EAAE;QACpB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,cAAI,IAAC,OAAO,EAAC,MAAM,EAAC,EAAE,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,qBAEhD,CACR,UAJgB,CAIf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ type TextStoryType = React.FunctionComponent<{
3
+ text: string;
4
+ variant: 'header' | 'note' | 'summary' | 'question' | 'text' | 'footer' | 'listItem' | 'tileItem' | 'contentWithList';
5
+ align: 'center' | 'inherit' | 'justify' | 'left' | 'right';
6
+ }>;
7
+ declare const TextStory: TextStoryType;
8
+ export default TextStory;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
7
+ var Text_1 = __importDefault(require("./Text"));
8
+ var TextStory = function (_a) {
9
+ var text = _a.text, variant = _a.variant, align = _a.align;
10
+ return ((0, jsx_runtime_1.jsx)("div", { style: {
11
+ maxWidth: '500px',
12
+ }, children: (0, jsx_runtime_1.jsx)(Text_1.default, { variant: variant, id: "id", align: align, experimentName: "default", children: text }) }));
13
+ };
14
+ exports.default = TextStory;
15
+ //# sourceMappingURL=TextStory.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/Text/TextStory.tsx"],"names":[],"mappings":";;;;;;AACA,gDAA0B;AAiB1B,IAAM,SAAS,GAAkB,UAAC,EAAwB;QAAtB,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAC7D,gCACE,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;SAClB,YAED,uBAAC,cAAI,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAC,SAAS,YACnE,IAAI,GACA,GACH,CACP;AAV8D,CAU9D,CAAC;AAEF,kBAAe,SAAS,CAAC"}
@@ -0,0 +1,4 @@
1
+ declare const defaultProps: {
2
+ align: "center" | "inherit" | "justify" | "left" | "right";
3
+ };
4
+ export default defaultProps;
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var defaultProps = {
4
+ align: 'center',
5
+ };
6
+ exports.default = defaultProps;
7
+ //# sourceMappingURL=defaultProps.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/Text/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,KAAK,EAAE,QAA+D;CACvE,CAAC;AAEF,kBAAe,YAAY,CAAC"}
@@ -0,0 +1 @@
1
+ export { default } from './Text';
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.default = void 0;
7
+ var Text_1 = require("./Text");
8
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Text_1).default; } });
9
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/Text/index.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAiC;AAAxB,gHAAA,OAAO,OAAA"}
@@ -0,0 +1,5 @@
1
+ interface IStyleProps {
2
+ variant: 'header' | 'summary' | 'note' | 'question' | 'text' | 'footer' | 'listItem' | 'tileItem' | 'contentWithList' | 'tickedList';
3
+ }
4
+ declare const makeTextStyling: ({ variant }: IStyleProps) => import("@emotion/react").SerializedStyles;
5
+ export default makeTextStyling;
@@ -0,0 +1,227 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ var react_1 = require("@emotion/react");
15
+ /**
16
+ * getTickIconSvg:
17
+ * Generates a data URL for an SVG tick icon with a customizable fill color.
18
+ *
19
+ * @param {string} color - The color to be used for the fill of the SVG tick icon.
20
+ * @returns {string} A base64-encoded data URL representing the tick icon SVG, which can be used as a background image in CSS.
21
+ *
22
+ * The function creates an SVG string representing a tick (checkmark) icon, with the fill color dynamically set based on the input `color` parameter.
23
+ * The SVG is then converted to a base64-encoded data URL that can be used in CSS as a background image.
24
+ */
25
+ var getTickIconSvg = function (color) {
26
+ var tickIconSvg = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"".concat(color, "\">\n <path d=\"M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z\"/>\n </svg>");
27
+ var tickIconSvgBase64 = Buffer.from(tickIconSvg).toString('base64');
28
+ return "url(data:image/svg+xml;base64,".concat(tickIconSvgBase64, ")");
29
+ };
30
+ var makeTextStyling = function (_a) {
31
+ var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
32
+ var variant = _a.variant;
33
+ var _m = (0, react_1.useTheme)(), mvf = _m.mvf, breakpoints = _m.breakpoints;
34
+ var lineHeight = mvf.lineHeight, palette = mvf.palette, fontSize = mvf.fontSize, typography = mvf.typography, spacing = mvf.spacing;
35
+ var weight = typography.weight;
36
+ return (0, react_1.css)(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ fontFamily: typography.fontFamily, letterSpacing: 'inherit' }, (variant === 'footer' && (_b = {
37
+ fontSize: fontSize.tiny
38
+ },
39
+ _b[breakpoints.up('tabletSmall')] = {
40
+ fontSize: fontSize.little,
41
+ },
42
+ _b.color = palette.text.secondaryTextColor,
43
+ _b.textAlign = 'left',
44
+ _b.lineHeight = lineHeight.small,
45
+ _b))), (variant === 'header' && (_c = {
46
+ fontSize: fontSize.small
47
+ },
48
+ _c[breakpoints.up('mobileMedium')] = {
49
+ fontSize: fontSize.compact,
50
+ },
51
+ _c[breakpoints.up('tabletSmall')] = {
52
+ fontSize: fontSize.medium,
53
+ },
54
+ _c[breakpoints.up('tabletMedium')] = {
55
+ fontSize: fontSize.swoll,
56
+ },
57
+ _c[breakpoints.up('desktopSmall')] = {
58
+ fontSize: fontSize.large,
59
+ },
60
+ _c[breakpoints.up('desktopMedium')] = {
61
+ fontSize: fontSize.big,
62
+ },
63
+ _c.fontWeight = typography.weight.thick,
64
+ _c))), (variant === 'summary' && (_d = {
65
+ fontSize: fontSize.mini
66
+ },
67
+ _d[breakpoints.up('mobileMedium')] = {
68
+ fontSize: fontSize.small,
69
+ },
70
+ _d[breakpoints.up('tabletSmall')] = {
71
+ fontSize: fontSize.compact,
72
+ },
73
+ _d.lineHeight = lineHeight.small,
74
+ _d.textAlign = 'left',
75
+ _d.whiteSpace = 'pre-line',
76
+ _d['& ol'] = {
77
+ counterReset: 'li',
78
+ listStyleType: 'none',
79
+ paddingLeft: '0px',
80
+ marginTop: '0px',
81
+ '& li': {
82
+ position: 'relative',
83
+ padding: '20px 0 0 35px',
84
+ '&::before': {
85
+ counterIncrement: 'li',
86
+ content: 'counter(li)',
87
+ border: "2px solid ".concat(palette.component.answerSelectedColor),
88
+ fontWeight: 'bold',
89
+ borderRadius: '50%',
90
+ position: 'absolute',
91
+ height: '20px',
92
+ width: '20px',
93
+ left: '0',
94
+ top: '18px',
95
+ textAlign: 'center',
96
+ color: palette.component.answerSelectedColor,
97
+ },
98
+ },
99
+ },
100
+ _d))), (variant === 'note' && (_e = {
101
+ fontSize: fontSize.little
102
+ },
103
+ _e[breakpoints.up('tabletSmall')] = {
104
+ fontSize: fontSize.mini,
105
+ },
106
+ _e[breakpoints.up('desktopSmall')] = {
107
+ fontSize: fontSize.small,
108
+ },
109
+ _e.backgroundColor = palette.background.secondaryBackgroundColor,
110
+ _e.color = palette.text.secondaryTextColor,
111
+ _e.paddingLeft = spacing.medium,
112
+ _e.paddingRight = spacing.medium,
113
+ _e.paddingTop = spacing.tiny,
114
+ _e.paddingBottom = spacing.tiny,
115
+ _e.borderRadius = 4,
116
+ _e))), (variant === 'question' && (_f = {
117
+ fontSize: fontSize.medium
118
+ },
119
+ _f[breakpoints.up('mobileMedium')] = {
120
+ fontSize: fontSize.hefty,
121
+ },
122
+ _f[breakpoints.up('tabletSmall')] = {
123
+ fontSize: fontSize.swoll,
124
+ },
125
+ _f[breakpoints.up('tabletMedium')] = {
126
+ fontSize: fontSize.large,
127
+ },
128
+ _f[breakpoints.up('desktopSmall')] = {
129
+ fontSize: fontSize.big,
130
+ },
131
+ _f[breakpoints.up('desktopMedium')] = {
132
+ fontSize: fontSize.huge,
133
+ },
134
+ _f.fontWeight = typography.weight.thick,
135
+ _f))), (variant === 'listItem' && {
136
+ wordBreak: 'break-word',
137
+ fontSize: "clamp(".concat(fontSize.compact, "px, 3vw, ").concat(fontSize.hefty, "px)"),
138
+ lineHeight: lineHeight.small,
139
+ padding: spacing.tiny,
140
+ fontWeight: typography.weight.medium,
141
+ })), (variant === 'tileItem' && (_g = {
142
+ fontSize: fontSize.small
143
+ },
144
+ _g[breakpoints.up('mobileMedium')] = {
145
+ fontSize: fontSize.compact,
146
+ },
147
+ _g[breakpoints.up('tabletSmall')] = {
148
+ fontSize: fontSize.hefty,
149
+ },
150
+ _g.textAlign = 'center',
151
+ _g.margin = spacing.tiny,
152
+ _g.lineHeight = lineHeight.small,
153
+ _g.wordWrap = 'break-word',
154
+ _g.fontWeight = typography.weight.medium,
155
+ _g))), (variant === 'text' && (_h = {
156
+ fontSize: fontSize.mini
157
+ },
158
+ _h[breakpoints.up('mobileMedium')] = {
159
+ fontSize: fontSize.small,
160
+ },
161
+ _h[breakpoints.up('tabletSmall')] = {
162
+ fontSize: fontSize.compact,
163
+ },
164
+ _h.color = palette.text.secondaryTextColor,
165
+ _h.lineHeight = lineHeight.small,
166
+ _h))), (variant === 'contentWithList' && (_j = {
167
+ fontSize: fontSize.little
168
+ },
169
+ _j[breakpoints.up('tabletSmall')] = {
170
+ fontSize: fontSize.mini,
171
+ },
172
+ _j[breakpoints.up('desktopSmall')] = {
173
+ fontSize: fontSize.small,
174
+ },
175
+ _j.backgroundColor = palette.background.secondaryBackgroundColor,
176
+ _j.color = palette.text.secondaryTextColor,
177
+ _j.paddingLeft = spacing.medium,
178
+ _j.paddingRight = spacing.medium,
179
+ _j.paddingTop = spacing.tiny,
180
+ _j.paddingBottom = spacing.tiny,
181
+ _j.borderRadius = 4,
182
+ _j.textAlign = 'center',
183
+ _j['& span, & ol, & ul'] = {
184
+ backgroundColor: 'inherit',
185
+ display: 'block',
186
+ },
187
+ _j['& ol, & ul'] = {
188
+ paddingLeft: '0px',
189
+ marginTop: '0px',
190
+ listStylePosition: 'inside',
191
+ },
192
+ _j['& li'] = {
193
+ margin: '0',
194
+ },
195
+ _j.margin = 0,
196
+ _j.padding = 0,
197
+ _j))), (variant === 'tickedList' && {
198
+ color: palette.text.primaryTextColor,
199
+ fontSize: fontSize.medium,
200
+ fontWeight: weight.thick,
201
+ '& li': (_k = {
202
+ listStyleType: 'none',
203
+ paddingLeft: 33,
204
+ lineHeight: lineHeight.medium,
205
+ fontWeight: weight.medium,
206
+ fontSize: fontSize.compact
207
+ },
208
+ _k[breakpoints.up('tabletSmall')] = {
209
+ fontSize: fontSize.medium,
210
+ fontWeight: weight.thick,
211
+ },
212
+ _k.background = "".concat(getTickIconSvg(palette.component.answerSelectedColor), " no-repeat left 3px"),
213
+ _k.backgroundSize = '20px 20px',
214
+ _k),
215
+ '& ul': (_l = {
216
+ margin: '0 auto',
217
+ width: 'fit-content'
218
+ },
219
+ _l[breakpoints.up('tabletSmall')] = {
220
+ width: '100%',
221
+ },
222
+ _l.padding = 0,
223
+ _l),
224
+ })));
225
+ };
226
+ exports.default = makeTextStyling;
227
+ //# sourceMappingURL=makeTextStyling.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"makeTextStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/Text/makeTextStyling.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,7 @@
1
+ import { FunctionComponentWithDefaultProps } from '../../../../Helpers/React/FunctionComponentWithDefaultProps';
2
+ import ICheckboxProps from './ICheckboxProps';
3
+ import defaultProps from './defaultProps';
4
+ import WithExperimentName from '../../../../@types/WithExperimentName';
5
+ export type CheckBoxType = FunctionComponentWithDefaultProps<WithExperimentName<ICheckboxProps>, typeof defaultProps>;
6
+ declare const CheckBox: CheckBoxType;
7
+ export default CheckBox;
@@ -0,0 +1,129 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
35
+ var __importDefault = (this && this.__importDefault) || function (mod) {
36
+ return (mod && mod.__esModule) ? mod : { "default": mod };
37
+ };
38
+ Object.defineProperty(exports, "__esModule", { value: true });
39
+ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
40
+ /** @jsxImportSource @emotion/react */
41
+ var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
42
+ var Grid_1 = __importDefault(require("@mui/material/Grid"));
43
+ var Box_1 = __importDefault(require("@mui/material/Box"));
44
+ var react_1 = require("react");
45
+ var CheckboxIcon_1 = __importDefault(require("../../../../Assets/CustomIcons/CheckboxIcon"));
46
+ var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"));
47
+ var Text_1 = __importDefault(require("../../Atoms/Text"));
48
+ var TextField_1 = __importDefault(require("../TextField/TextField"));
49
+ var defaultProps_1 = __importDefault(require("./defaultProps"));
50
+ var browserAndDeviceDetection_1 = require("../../../../Helpers/browserAndDeviceDetection");
51
+ var deviceSpecificHandlers_1 = require("../../../../Helpers/deviceSpecificHandlers");
52
+ var makeCheckBoxStyling_1 = __importStar(require("./makeCheckBoxStyling"));
53
+ var CheckBox = function (_a) {
54
+ var showText = _a.showText, Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, selected = _a.selected, text = _a.text, textAlign = _a.textAlign, experimentName = _a.experimentName, hideCheckbox = _a.hideCheckbox, disabled = _a.disabled;
55
+ var _b = (0, react_1.useState)(selected), isSelected = _b[0], setIsSelected = _b[1];
56
+ var _c = (0, react_1.useState)(false), isFocused = _c[0], setIsFocused = _c[1];
57
+ var _d = (0, react_1.useState)(otherInputValue), otherValue = _d[0], setOtherValue = _d[1];
58
+ var styles = (0, makeCheckBoxStyling_1.default)();
59
+ var otherInputRef = (0, react_1.useRef)(null);
60
+ var isIconPresent = !!Icon;
61
+ var isOtherInputPresent = (isOtherOption && isFocused) || !!otherValue;
62
+ var textAlignBasedOnCheckbox = hideCheckbox ? 'center' : textAlign;
63
+ var handleBlur = function (event) {
64
+ if (event) {
65
+ event.stopPropagation();
66
+ }
67
+ if (!isSelected) {
68
+ setIsFocused(false);
69
+ if (!otherValue) {
70
+ setIsSelected(false);
71
+ }
72
+ }
73
+ if (isSelected && isFocused && !otherValue) {
74
+ setTimeout(function () {
75
+ setIsSelected(false);
76
+ setIsFocused(false);
77
+ }, 100);
78
+ }
79
+ };
80
+ var handleClick = function () {
81
+ onClick({ id: id, selected: !selected });
82
+ if (!isSelected && (0, browserAndDeviceDetection_1.isIOS)() && isOtherOption) {
83
+ (0, deviceSpecificHandlers_1.iosFocusHandler)(otherInputRef);
84
+ }
85
+ setIsSelected(!isSelected);
86
+ setIsFocused(true);
87
+ };
88
+ var handleInputClick = function (e) {
89
+ var _a;
90
+ e.stopPropagation();
91
+ (_a = otherInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
92
+ setIsSelected(true);
93
+ onClick({ id: id, selected: true });
94
+ };
95
+ var handleKeyDown = function (event) {
96
+ if (event) {
97
+ onKeyDown(event);
98
+ if (event.key === 'Enter' && otherInputRef.current) {
99
+ if (!otherValue) {
100
+ setIsSelected(false);
101
+ setIsFocused(false);
102
+ }
103
+ otherInputRef.current.blur();
104
+ }
105
+ }
106
+ };
107
+ var onOtherTextFieldChange = function (inputChangeEvent) {
108
+ onChange(inputChangeEvent);
109
+ setOtherValue(inputChangeEvent.value);
110
+ setIsSelected(!!inputChangeEvent.value);
111
+ };
112
+ (0, react_1.useEffect)(function () {
113
+ if (isSelected && otherInputRef.current) {
114
+ otherInputRef.current.focus();
115
+ }
116
+ }, [isSelected]);
117
+ var renderOtherInput = function () { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: styles.textGrid, children: (0, jsx_runtime_1.jsx)(Box_1.default, { css: styles.otherInput, marginRight: isIconPresent ? '45px' : '1.2rem', children: (0, jsx_runtime_1.jsx)(TextField_1.default, { "data-testid": "otherInputTextfield:".concat(id), id: id, placeholder: text, onClick: handleInputClick, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue, experimentName: experimentName, disabled: hideCheckbox }) }) })); };
118
+ var renderTextContent = function () { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: styles.textGrid, "data-testid": "".concat(textAlign, "Text:").concat(id), children: (0, jsx_runtime_1.jsx)(Box_1.default, { children: (0, jsx_runtime_1.jsx)(Text_1.default, { variant: "listItem", align: textAlignBasedOnCheckbox, experimentName: experimentName, children: text }) }) })); };
119
+ var renderIcon = function (location) { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: location === 'center' ? styles.centerIcon : styles.leftIcon, children: (0, jsx_runtime_1.jsx)("div", { css: styles.imgDiv, "data-testid": "".concat(location, "CheckboxIcon"), children: Icon }) })); };
120
+ var renderCheckbox = function (location) { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: location === 'right' && styles.checkboxContainerRight, children: !hideCheckbox && ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { id: "checkbox-".concat(id), css: location === 'left' && styles.checkbox, checked: isSelected, onClick: function (event) { return event.preventDefault(); }, color: "primary", "data-testid": "".concat(location, "Checkbox:").concat(id), icon: (0, jsx_runtime_1.jsx)(CheckboxIcon_1.default, { isChecked: false }), checkedIcon: (0, jsx_runtime_1.jsx)(CheckboxIcon_1.default, { isChecked: true }), onMouseDown: function (event) { return event.preventDefault(); }, disabled: disabled })) })); };
121
+ var renderRightPlaceholder = function () {
122
+ return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: (0, makeCheckBoxStyling_1.getPlaceholderStyles)(textAlign === 'center', isIconPresent) }));
123
+ };
124
+ return ((0, jsx_runtime_1.jsx)(CardButton_1.default, { selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "checkboxCardButton", outlined: isSelected, onBlur: handleBlur, experimentName: experimentName, disabled: disabled, children: (0, jsx_runtime_1.jsxs)(Grid_1.default, { container: true, css: styles.grid, justifyContent: "flex-start", alignItems: "center", wrap: "nowrap", children: [(0, jsx_runtime_1.jsx)(Grid_1.default, { container: true, alignItems: "center", css: styles.innerGrid, children: showText ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isIconPresent ? renderIcon('left') : renderCheckbox('left'), isOtherInputPresent ? renderOtherInput() : renderTextContent(), (textAlign === 'center' || isIconPresent) &&
125
+ renderRightPlaceholder()] })) : (renderIcon('center')) }), isIconPresent && isSelected && renderCheckbox('right')] }) }));
126
+ };
127
+ CheckBox.defaultProps = defaultProps_1.default;
128
+ exports.default = CheckBox;
129
+ //# sourceMappingURL=CheckBox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/CheckBox/CheckBox.tsx"],"names":[],"mappings":"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"}