@pingux/astro 1.42.2 → 2.0.0-alpha.4

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 (1022) hide show
  1. package/CHANGELOG.md +0 -24
  2. package/README.md +25 -2
  3. package/lib/Patterns/AttributeMappingDisplayViewPattern.stories.hidden.js +11 -11
  4. package/lib/Patterns/AttributeMappingEditViewPattern.stories.hidden.js +4 -4
  5. package/lib/Patterns/ListAndPanelPattern.stories.hidden.js +9 -12
  6. package/lib/Patterns/MessagesPattern.stories.hidden.js +3 -7
  7. package/lib/Patterns/SaveBarPattern.stories.hidden.js +5 -6
  8. package/lib/Patterns/UnsavedChangesPattern.stories.hidden.js +12 -20
  9. package/lib/cjs/Patterns/AttributeMappingDisplayViewPattern.stories.hidden.js +10 -20
  10. package/lib/cjs/Patterns/AttributeMappingEditViewPattern.stories.hidden.js +4 -16
  11. package/lib/cjs/Patterns/ListAndPanelPattern.stories.hidden.js +8 -33
  12. package/lib/cjs/Patterns/MessagesPattern.stories.hidden.js +3 -22
  13. package/lib/cjs/Patterns/SaveBarPattern.stories.hidden.js +5 -21
  14. package/lib/cjs/Patterns/UnsavedChangesPattern.stories.hidden.js +11 -34
  15. package/lib/cjs/components/AccordionGridGroup/AccordionGrid.styles.js +70 -0
  16. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js +21 -74
  17. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +13 -65
  18. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.test.js +26 -106
  19. package/lib/cjs/components/AccordionGridGroup/index.js +0 -4
  20. package/lib/cjs/components/AccordionGridItem/AccordionGridItem.js +27 -61
  21. package/lib/cjs/components/AccordionGridItem/AccordionGridItemBody.js +24 -57
  22. package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +37 -78
  23. package/lib/cjs/components/AccordionGridItem/index.js +0 -4
  24. package/lib/cjs/components/AccordionGroup/Accordion.styles.js +69 -0
  25. package/lib/cjs/components/AccordionGroup/AccordionGroup.js +16 -55
  26. package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +12 -44
  27. package/lib/cjs/components/AccordionGroup/AccordionGroup.test.js +30 -129
  28. package/lib/cjs/components/AccordionGroup/index.js +0 -4
  29. package/lib/cjs/components/AccordionItem/AccordionItem.js +42 -77
  30. package/lib/cjs/components/AccordionItem/index.js +0 -4
  31. package/lib/cjs/components/ArrayField/ArrayField.js +43 -113
  32. package/lib/cjs/components/ArrayField/ArrayField.stories.js +11 -46
  33. package/lib/cjs/components/ArrayField/ArrayField.test.js +2 -31
  34. package/lib/cjs/components/ArrayField/ArrayFieldDeleteButton.js +3 -14
  35. package/lib/cjs/components/ArrayField/index.js +0 -6
  36. package/lib/cjs/components/AstroWrapper/AstroWrapper.js +19 -48
  37. package/lib/cjs/components/AstroWrapper/AstroWrapper.stories.js +0 -13
  38. package/lib/cjs/components/AstroWrapper/AstroWrapper.test.js +4 -12
  39. package/lib/cjs/components/AstroWrapper/PageWrapper.test.js +6 -13
  40. package/lib/cjs/components/AstroWrapper/index.js +0 -14
  41. package/lib/cjs/components/Avatar/Avatar.js +0 -15
  42. package/lib/cjs/components/Avatar/Avatar.stories.js +3 -15
  43. package/lib/cjs/components/Avatar/Avatar.test.js +2 -15
  44. package/lib/cjs/components/Avatar/index.js +0 -4
  45. package/lib/cjs/components/{Chip → Badge}/Badge.js +15 -55
  46. package/lib/cjs/components/{Chip → Badge}/Badge.stories.js +43 -77
  47. package/lib/cjs/components/Badge/Badge.styles.js +162 -0
  48. package/lib/cjs/components/{Chip → Badge}/Badge.test.js +10 -27
  49. package/lib/cjs/components/{Chip → Badge}/index.js +2 -6
  50. package/lib/cjs/components/Box/Box.js +22 -64
  51. package/lib/cjs/components/Box/Box.stories.js +47 -71
  52. package/lib/cjs/{styles/variants/tooltip.js → components/Box/Box.styles.js} +3 -5
  53. package/lib/cjs/components/Box/Box.test.js +11 -28
  54. package/lib/cjs/components/Box/index.js +0 -4
  55. package/lib/cjs/components/Bracket/Bracket.js +4 -22
  56. package/lib/cjs/components/Bracket/Bracket.stories.js +8 -19
  57. package/lib/cjs/components/Bracket/Bracket.styles.js +17 -0
  58. package/lib/cjs/components/Bracket/Bracket.test.js +3 -13
  59. package/lib/cjs/components/Bracket/index.js +0 -4
  60. package/lib/cjs/components/Breadcrumbs/Breadcrumb.styles.js +50 -0
  61. package/lib/cjs/components/Breadcrumbs/BreadcrumbItem.js +11 -55
  62. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.js +12 -44
  63. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +5 -21
  64. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.test.js +10 -28
  65. package/lib/cjs/components/Breadcrumbs/index.js +2 -8
  66. package/lib/cjs/components/Button/Button.js +37 -96
  67. package/lib/cjs/components/Button/Button.stories.js +5 -31
  68. package/lib/cjs/components/Button/Button.test.js +6 -43
  69. package/lib/cjs/components/Button/Buttons.styles.js +248 -0
  70. package/lib/cjs/components/Button/constants.js +0 -2
  71. package/lib/cjs/components/Button/index.js +0 -4
  72. package/lib/cjs/components/Callout/Callout.js +3 -19
  73. package/lib/cjs/components/Callout/Callout.stories.js +3 -22
  74. package/lib/cjs/components/Callout/Callout.test.js +0 -20
  75. package/lib/cjs/components/Callout/index.js +0 -4
  76. package/lib/cjs/components/Card/Card.js +35 -69
  77. package/lib/cjs/components/Card/Card.stories.js +1 -17
  78. package/lib/cjs/components/Card/Card.styles.js +21 -0
  79. package/lib/cjs/components/Card/Card.test.js +4 -33
  80. package/lib/cjs/components/Card/index.js +0 -4
  81. package/lib/cjs/components/Checkbox/Checkbox.js +0 -13
  82. package/lib/cjs/{styles/forms/checkbox.js → components/Checkbox/Checkbox.styles.js} +1 -2
  83. package/lib/cjs/components/Checkbox/Checkbox.test.js +5 -13
  84. package/lib/cjs/components/Checkbox/CheckboxBase.js +2 -19
  85. package/lib/cjs/components/Checkbox/index.js +0 -4
  86. package/lib/cjs/components/CheckboxField/CheckboxField.js +31 -94
  87. package/lib/cjs/components/CheckboxField/CheckboxField.stories.js +38 -98
  88. package/lib/cjs/components/CheckboxField/CheckboxField.test.js +24 -60
  89. package/lib/cjs/components/CheckboxField/index.js +0 -4
  90. package/lib/cjs/components/CodeView/CodeView.js +26 -68
  91. package/lib/cjs/components/CodeView/CodeView.stories.js +15 -26
  92. package/lib/cjs/{styles/variants/codeView.js → components/CodeView/CodeView.styles.js} +0 -2
  93. package/lib/cjs/components/CodeView/CodeView.test.js +20 -57
  94. package/lib/cjs/components/CodeView/index.js +0 -4
  95. package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.js +34 -69
  96. package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.stories.js +13 -59
  97. package/lib/cjs/{styles/variants/collapsiblePanel.js → components/CollapsiblePanel/CollapsiblePanel.styles.js} +64 -28
  98. package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.test.js +2 -14
  99. package/lib/cjs/components/CollapsiblePanel/index.js +0 -4
  100. package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js +4 -15
  101. package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelBadge.test.js +2 -14
  102. package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelContainer.js +20 -51
  103. package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelContainer.test.js +2 -31
  104. package/lib/cjs/components/CollapsiblePanelContainer/index.js +0 -4
  105. package/lib/cjs/components/CollapsiblePanelItem/CollapsiblePanelItem.js +4 -20
  106. package/lib/cjs/components/CollapsiblePanelItem/CollapsiblePanelItem.test.js +2 -18
  107. package/lib/cjs/components/CollapsiblePanelItem/index.js +0 -4
  108. package/lib/cjs/components/ColorField/ColorField.js +53 -117
  109. package/lib/cjs/components/ColorField/ColorField.stories.js +13 -56
  110. package/lib/cjs/{styles/forms/comboBox.js → components/ColorField/ColorField.styles.js} +8 -24
  111. package/lib/cjs/components/ColorField/ColorField.test.js +2 -41
  112. package/lib/cjs/components/ColorField/index.js +0 -4
  113. package/lib/cjs/{styles/forms/radio.js → components/ComboBox/ComboBox.styles.js} +25 -34
  114. package/lib/cjs/components/ComboBox/ComboBoxInput.js +49 -89
  115. package/lib/cjs/components/ComboBox/index.js +0 -4
  116. package/lib/cjs/components/ComboBoxField/ComboBoxField.js +67 -162
  117. package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js +53 -144
  118. package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js +148 -361
  119. package/lib/cjs/components/ComboBoxField/index.js +0 -4
  120. package/lib/cjs/components/CopyText/CopyButton.js +3 -21
  121. package/lib/cjs/components/CopyText/CopyText.js +36 -81
  122. package/lib/cjs/components/CopyText/CopyText.stories.js +1 -19
  123. package/lib/cjs/components/CopyText/CopyText.styles.js +54 -0
  124. package/lib/cjs/components/CopyText/CopyText.test.js +333 -414
  125. package/lib/cjs/components/CopyText/index.js +0 -4
  126. package/lib/cjs/components/DataTable/DataTable.js +98 -172
  127. package/lib/cjs/components/DataTable/DataTable.stories.js +25 -73
  128. package/lib/cjs/components/DataTable/DataTable.styles.js +3 -21
  129. package/lib/cjs/components/DataTable/DataTable.test.js +88 -228
  130. package/lib/cjs/components/DataTable/{DataTableChip.js → DataTableBadge.js} +6 -21
  131. package/lib/cjs/components/DataTable/{DataTableChip.test.js → DataTableBadge.test.js} +1 -7
  132. package/lib/cjs/components/DataTable/DataTableMenu.js +0 -13
  133. package/lib/cjs/components/DataTable/DataTableMenu.test.js +0 -6
  134. package/lib/cjs/components/DataTable/DataTableMultiLine.js +1 -17
  135. package/lib/cjs/components/DataTable/DataTableMultiLine.test.js +0 -7
  136. package/lib/cjs/components/DataTable/DataTableVirtualizer.js +31 -52
  137. package/lib/cjs/components/DataTable/index.js +5 -17
  138. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +68 -150
  139. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +65 -140
  140. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js +28 -98
  141. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentalBreadcrumb.styles.js +54 -0
  142. package/lib/cjs/components/EnvironmentBreadcrumb/index.js +0 -4
  143. package/lib/cjs/components/FieldHelperText/FieldHelperText.js +5 -28
  144. package/lib/cjs/components/FieldHelperText/FieldHelperText.stories.js +1 -17
  145. package/lib/cjs/{styles/variants/bidirectionalIconButton.js → components/FieldHelperText/FieldHelperText.styles.js} +20 -32
  146. package/lib/cjs/components/FieldHelperText/FieldHelperText.test.js +6 -24
  147. package/lib/cjs/components/FieldHelperText/index.js +0 -4
  148. package/lib/cjs/components/FileInputField/FileInputField.js +51 -123
  149. package/lib/cjs/components/FileInputField/FileInputField.stories.js +23 -67
  150. package/lib/cjs/components/FileInputField/FileInputField.styles.js +63 -0
  151. package/lib/cjs/components/FileInputField/FileInputField.test.js +2 -47
  152. package/lib/cjs/components/FileInputField/FileItem.js +13 -39
  153. package/lib/cjs/components/FileInputField/FileSelect.js +7 -32
  154. package/lib/cjs/components/FileInputField/index.js +0 -4
  155. package/lib/cjs/components/HelpHint/HelpHint.js +7 -29
  156. package/lib/cjs/components/HelpHint/HelpHint.stories.js +2 -16
  157. package/lib/cjs/components/HelpHint/HelpHint.styles.js +59 -0
  158. package/lib/cjs/components/HelpHint/HelpHint.test.js +3 -23
  159. package/lib/cjs/components/HelpHint/index.js +0 -4
  160. package/lib/cjs/components/Icon/Icon.js +4 -32
  161. package/lib/cjs/components/Icon/Icon.stories.js +5 -36
  162. package/lib/cjs/components/Icon/Icon.test.js +4 -21
  163. package/lib/cjs/components/Icon/NoticeIcon.js +2 -23
  164. package/lib/cjs/components/Icon/NoticeIcon.test.js +0 -10
  165. package/lib/cjs/components/Icon/index.js +0 -4
  166. package/lib/cjs/components/IconBadge/IconBadge.js +8 -36
  167. package/lib/cjs/components/IconBadge/IconBadge.stories.js +2 -15
  168. package/lib/cjs/components/IconBadge/IconBadge.test.js +2 -14
  169. package/lib/cjs/components/IconBadge/index.js +0 -4
  170. package/lib/cjs/components/IconButton/IconButton.js +37 -86
  171. package/lib/cjs/components/IconButton/IconButton.stories.js +9 -31
  172. package/lib/cjs/components/IconButton/IconButton.styles.js +165 -0
  173. package/lib/cjs/components/IconButton/IconButton.test.js +6 -53
  174. package/lib/cjs/components/IconButton/index.js +0 -4
  175. package/lib/cjs/components/IconButtonToggle/IconButtonToggle.js +10 -30
  176. package/lib/cjs/components/IconButtonToggle/IconButtonToggle.stories.js +4 -26
  177. package/lib/cjs/components/IconButtonToggle/IconButtonToggle.test.js +3 -18
  178. package/lib/cjs/components/IconButtonToggle/index.js +0 -4
  179. package/lib/cjs/components/Image/Image.js +28 -84
  180. package/lib/cjs/components/Image/Image.stories.js +8 -43
  181. package/lib/cjs/{styles/variants/images.js → components/Image/Image.styles.js} +0 -2
  182. package/lib/cjs/components/Image/Image.test.js +5 -41
  183. package/lib/cjs/components/Image/index.js +0 -4
  184. package/lib/cjs/components/ImageUploadField/ImagePreviewButton.js +19 -46
  185. package/lib/cjs/components/ImageUploadField/ImageUploadField.js +12 -59
  186. package/lib/cjs/components/ImageUploadField/ImageUploadField.stories.js +61 -108
  187. package/lib/cjs/components/ImageUploadField/ImageUploadField.test.js +34 -97
  188. package/lib/cjs/components/ImageUploadField/ImageUploadFieldBase.js +24 -63
  189. package/lib/cjs/components/ImageUploadField/imageUpload.js +52 -0
  190. package/lib/cjs/components/ImageUploadField/index.js +0 -4
  191. package/lib/cjs/components/Input/Input.js +5 -27
  192. package/lib/cjs/components/Input/Input.stories.js +0 -14
  193. package/lib/cjs/{styles/forms/input.js → components/Input/Input.styles.js} +28 -37
  194. package/lib/cjs/components/Input/Input.test.js +3 -25
  195. package/lib/cjs/components/Input/index.js +0 -4
  196. package/lib/cjs/components/Label/Label.js +19 -48
  197. package/lib/cjs/components/Label/Label.stories.js +1 -16
  198. package/lib/cjs/{styles/forms/label.js → components/Label/Label.styles.js} +11 -24
  199. package/lib/cjs/components/Label/Label.test.js +4 -26
  200. package/lib/cjs/components/Label/constants.js +0 -2
  201. package/lib/cjs/components/Label/index.js +0 -4
  202. package/lib/cjs/components/Link/Link.js +24 -58
  203. package/lib/cjs/components/Link/Link.stories.js +6 -18
  204. package/lib/cjs/{styles/variants/links.js → components/Link/Link.styles.js} +3 -20
  205. package/lib/cjs/components/Link/Link.test.js +2 -26
  206. package/lib/cjs/components/Link/index.js +0 -4
  207. package/lib/cjs/components/LinkSelectField/LinkSelectField.js +32 -99
  208. package/lib/cjs/components/LinkSelectField/LinkSelectField.stories.js +26 -80
  209. package/lib/cjs/components/LinkSelectField/LinkSelectField.test.js +24 -58
  210. package/lib/cjs/components/LinkSelectField/index.js +0 -4
  211. package/lib/cjs/components/ListBox/ListBox.js +41 -83
  212. package/lib/cjs/{styles/variants/listBox.js → components/ListBox/ListBox.styles.js} +11 -18
  213. package/lib/cjs/components/ListBox/ListBox.test.js +20 -45
  214. package/lib/cjs/components/ListBox/ListBoxContext.js +0 -6
  215. package/lib/cjs/components/ListBox/ListBoxSection.js +14 -37
  216. package/lib/cjs/components/ListBox/Option.js +24 -62
  217. package/lib/cjs/components/ListBox/index.js +0 -6
  218. package/lib/cjs/components/ListItem/ListItem.js +22 -69
  219. package/lib/cjs/components/ListItem/ListItem.stories.js +26 -125
  220. package/lib/cjs/components/ListItem/ListItem.styles.js +29 -0
  221. package/lib/cjs/components/ListItem/ListItem.test.js +14 -70
  222. package/lib/cjs/components/ListItem/index.js +0 -4
  223. package/lib/cjs/components/ListView/ListView.js +23 -85
  224. package/lib/cjs/components/ListView/ListView.stories.js +58 -105
  225. package/lib/cjs/components/ListView/ListView.test.js +41 -100
  226. package/lib/cjs/components/ListView/ListViewContext.js +0 -6
  227. package/lib/cjs/components/ListView/index.js +0 -4
  228. package/lib/cjs/components/ListViewItem/ListViewItem.js +42 -75
  229. package/lib/cjs/components/ListViewItem/ListViewItem.styles.js +72 -0
  230. package/lib/cjs/components/ListViewItem/index.js +0 -4
  231. package/lib/cjs/components/Loader/Loader.js +2 -18
  232. package/lib/cjs/components/Loader/Loader.stories.js +2 -17
  233. package/lib/cjs/{styles/variants/loader.js → components/Loader/Loader.styles.js} +0 -22
  234. package/lib/cjs/components/Loader/Loader.test.js +2 -12
  235. package/lib/cjs/components/Loader/index.js +0 -4
  236. package/lib/cjs/components/Menu/Menu.js +25 -92
  237. package/lib/cjs/components/Menu/Menu.stories.js +11 -44
  238. package/lib/cjs/{styles/variants/menu.js → components/Menu/Menu.styles.js} +0 -2
  239. package/lib/cjs/components/Menu/Menu.test.js +20 -67
  240. package/lib/cjs/components/Menu/index.js +0 -4
  241. package/lib/cjs/components/MenuItem/MenuItem.js +50 -91
  242. package/lib/cjs/{styles/variants/menuItem.js → components/MenuItem/MenuItem.styles.js} +0 -2
  243. package/lib/cjs/components/MenuItem/MenuItem.test.js +7 -65
  244. package/lib/cjs/components/MenuItem/index.js +0 -4
  245. package/lib/cjs/components/Messages/Message.js +29 -67
  246. package/lib/cjs/components/Messages/Message.styles.js +108 -0
  247. package/lib/cjs/components/Messages/Messages.js +6 -29
  248. package/lib/cjs/components/Messages/Messages.reducer.js +0 -18
  249. package/lib/cjs/components/Messages/Messages.stories.js +32 -91
  250. package/lib/cjs/components/Messages/Messages.test.js +10 -63
  251. package/lib/cjs/components/Messages/index.js +2 -16
  252. package/lib/cjs/components/Messages/utils/index.js +0 -6
  253. package/lib/cjs/components/Messages/utils/messagesReducer.js +9 -51
  254. package/lib/cjs/components/Messages/utils/multiMessagesReducer.js +7 -43
  255. package/lib/cjs/components/Messages/utils/tests/messagesReducer.test.js +5 -23
  256. package/lib/cjs/components/Messages/utils/tests/multiMessagesReducer.test.js +7 -26
  257. package/lib/cjs/components/Modal/Modal.js +37 -103
  258. package/lib/cjs/components/Modal/Modal.stories.js +2 -12
  259. package/lib/cjs/{styles/variants/modal.js → components/Modal/Modal.styles.js} +13 -33
  260. package/lib/cjs/components/Modal/index.js +0 -4
  261. package/lib/cjs/components/Modal/tests/Modal.integration.test.js +11 -26
  262. package/lib/cjs/components/Modal/tests/Modal.unit.test.js +14 -52
  263. package/lib/cjs/components/MultivaluesField/MultivaluesField.js +92 -215
  264. package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js +64 -133
  265. package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +41 -232
  266. package/lib/cjs/components/MultivaluesField/index.js +0 -4
  267. package/lib/cjs/components/NavBar/NavBar.js +14 -46
  268. package/lib/cjs/components/NavBar/NavBar.stories.js +5 -36
  269. package/lib/cjs/{styles/variants/navBar.js → components/NavBar/NavBar.styles.js} +89 -27
  270. package/lib/cjs/components/NavBar/NavBar.test.js +27 -145
  271. package/lib/cjs/components/NavBar/index.js +0 -4
  272. package/lib/cjs/components/NavBarSection/NavBarItem.js +37 -71
  273. package/lib/cjs/components/NavBarSection/NavBarItemBody.js +10 -34
  274. package/lib/cjs/components/NavBarSection/NavBarItemBody.test.js +2 -9
  275. package/lib/cjs/components/NavBarSection/NavBarItemButton.js +12 -40
  276. package/lib/cjs/components/NavBarSection/NavBarItemHeader.js +11 -36
  277. package/lib/cjs/components/NavBarSection/NavBarItemLink.js +12 -41
  278. package/lib/cjs/components/NavBarSection/NavBarSection.js +17 -65
  279. package/lib/cjs/components/NavBarSection/index.js +2 -12
  280. package/lib/cjs/components/NumberField/NumberField.js +46 -115
  281. package/lib/cjs/components/NumberField/NumberField.stories.js +7 -49
  282. package/lib/cjs/{styles/variants/numberField.js → components/NumberField/NumberField.styles.js} +11 -20
  283. package/lib/cjs/components/NumberField/NumberField.test.js +5 -48
  284. package/lib/cjs/components/NumberField/index.js +0 -4
  285. package/lib/cjs/components/OverlayPanel/OverlayPanel.js +17 -50
  286. package/lib/cjs/components/OverlayPanel/OverlayPanel.stories.js +62 -104
  287. package/lib/cjs/{styles/variants/overlayPanel.js → components/OverlayPanel/OverlayPanel.styles.js} +6 -8
  288. package/lib/cjs/components/OverlayPanel/OverlayPanel.test.js +2 -33
  289. package/lib/cjs/components/OverlayPanel/index.js +0 -4
  290. package/lib/cjs/components/PageHeader/PageHeader.js +5 -22
  291. package/lib/cjs/components/PageHeader/PageHeader.stories.js +4 -15
  292. package/lib/cjs/components/PageHeader/PageHeader.test.js +3 -13
  293. package/lib/cjs/components/PasswordField/PasswordField.js +54 -138
  294. package/lib/cjs/components/PasswordField/PasswordField.stories.js +74 -161
  295. package/lib/cjs/components/PasswordField/PasswordField.test.js +41 -75
  296. package/lib/cjs/components/PasswordField/index.js +0 -4
  297. package/lib/cjs/components/PopoverContainer/PopoverContainer.js +39 -99
  298. package/lib/cjs/components/PopoverContainer/PopoverContainer.test.js +4 -16
  299. package/lib/cjs/components/PopoverContainer/index.js +0 -14
  300. package/lib/cjs/components/PopoverMenu/PopoverMenu.js +35 -84
  301. package/lib/cjs/components/PopoverMenu/PopoverMenu.stories.js +19 -42
  302. package/lib/cjs/{styles/variants/popoverMenu.js → components/PopoverMenu/PopoverMenu.styles.js} +0 -2
  303. package/lib/cjs/components/PopoverMenu/PopoverMenu.test.js +14 -69
  304. package/lib/cjs/components/PopoverMenu/index.js +0 -4
  305. package/lib/cjs/components/Radio/Radio.js +0 -13
  306. package/lib/cjs/components/Radio/Radio.styles.js +63 -0
  307. package/lib/cjs/components/Radio/index.js +0 -4
  308. package/lib/cjs/components/RadioField/RadioField.js +34 -93
  309. package/lib/cjs/components/RadioField/RadioField.test.js +2 -27
  310. package/lib/cjs/components/RadioField/index.js +0 -14
  311. package/lib/cjs/components/RadioGroupField/RadioGroupField.js +26 -69
  312. package/lib/cjs/components/RadioGroupField/RadioGroupField.stories.js +5 -43
  313. package/lib/cjs/components/RadioGroupField/RadioGroupField.test.js +22 -55
  314. package/lib/cjs/components/RadioGroupField/index.js +0 -4
  315. package/lib/cjs/components/RequirementsList/RequirementsList.js +5 -33
  316. package/lib/cjs/components/RequirementsList/RequirementsList.stories.js +1 -12
  317. package/lib/cjs/components/RequirementsList/RequirementsList.test.js +13 -26
  318. package/lib/cjs/components/RequirementsList/index.js +0 -4
  319. package/lib/cjs/components/RockerButton/RockerButton.js +19 -52
  320. package/lib/cjs/components/RockerButton/RockerButton.styles.js +55 -0
  321. package/lib/cjs/components/RockerButton/index.js +0 -14
  322. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.js +13 -52
  323. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.js +12 -37
  324. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js +7 -34
  325. package/lib/cjs/components/RockerButtonGroup/index.js +0 -14
  326. package/lib/cjs/components/ScrollBox/ScrollBox.js +26 -63
  327. package/lib/cjs/components/ScrollBox/ScrollBox.stories.js +1 -12
  328. package/lib/cjs/components/ScrollBox/ScrollBox.styles.js +51 -0
  329. package/lib/cjs/components/ScrollBox/ScrollBox.test.js +0 -24
  330. package/lib/cjs/components/ScrollBox/index.js +0 -4
  331. package/lib/cjs/{styles/forms/search.js → components/SearchField/Search.styles.js} +4 -6
  332. package/lib/cjs/components/SearchField/SearchField.js +35 -116
  333. package/lib/cjs/components/SearchField/SearchField.stories.js +11 -57
  334. package/lib/cjs/components/SearchField/SearchField.test.js +4 -73
  335. package/lib/cjs/components/SearchField/index.js +0 -4
  336. package/lib/cjs/{styles/forms/select.js → components/SelectField/Select.styles.js} +8 -25
  337. package/lib/cjs/components/SelectField/SelectField.js +8 -68
  338. package/lib/cjs/components/SelectField/SelectField.stories.js +28 -90
  339. package/lib/cjs/components/SelectField/SelectField.test.js +13 -43
  340. package/lib/cjs/components/SelectField/index.js +0 -4
  341. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.js +38 -93
  342. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js +39 -143
  343. package/lib/cjs/components/SelectFieldBase/index.js +0 -4
  344. package/lib/cjs/components/Separator/Separator.js +10 -32
  345. package/lib/cjs/components/Separator/Separator.stories.js +3 -15
  346. package/lib/cjs/{styles/variants/separator.js → components/Separator/Separator.styles.js} +0 -17
  347. package/lib/cjs/components/Separator/Separator.test.js +2 -13
  348. package/lib/cjs/components/Separator/index.js +0 -4
  349. package/lib/cjs/components/Stepper/Line.js +5 -20
  350. package/lib/cjs/components/Stepper/Step.js +7 -27
  351. package/lib/cjs/components/Stepper/Stepper.constants.js +0 -2
  352. package/lib/cjs/components/Stepper/Stepper.js +12 -49
  353. package/lib/cjs/components/Stepper/Stepper.stories.js +12 -32
  354. package/lib/cjs/{styles/variants/stepper.js → components/Stepper/Stepper.styles.js} +6 -21
  355. package/lib/cjs/components/Stepper/Stepper.test.js +30 -62
  356. package/lib/cjs/components/Stepper/index.js +2 -8
  357. package/lib/cjs/components/Switch/Switch.js +2 -17
  358. package/lib/cjs/{styles/forms/switch.js → components/Switch/Switch.styles.js} +2 -17
  359. package/lib/cjs/components/Switch/index.js +0 -4
  360. package/lib/cjs/components/SwitchField/SwitchField.js +47 -116
  361. package/lib/cjs/components/SwitchField/SwitchField.stories.js +8 -51
  362. package/lib/cjs/components/SwitchField/SwitchField.test.js +2 -44
  363. package/lib/cjs/components/SwitchField/index.js +0 -4
  364. package/lib/cjs/components/Tab/Tab.js +45 -82
  365. package/lib/cjs/components/Tab/index.js +0 -14
  366. package/lib/cjs/components/TabPicker/TabPicker.js +40 -88
  367. package/lib/cjs/components/TabPicker/index.js +0 -4
  368. package/lib/cjs/components/Table/Table.js +3 -13
  369. package/lib/cjs/components/Table/Table.stories.js +4 -22
  370. package/lib/cjs/{styles/variants/table.js → components/Table/Table.styles.js} +15 -32
  371. package/lib/cjs/components/Table/Table.test.js +7 -25
  372. package/lib/cjs/components/Table/index.js +0 -4
  373. package/lib/cjs/components/TableBody/TableBody.js +3 -13
  374. package/lib/cjs/components/TableBody/index.js +0 -4
  375. package/lib/cjs/components/TableCaption/TableCaption.js +3 -13
  376. package/lib/cjs/components/TableCaption/index.js +0 -4
  377. package/lib/cjs/components/TableCell/TableCell.js +4 -15
  378. package/lib/cjs/components/TableCell/TableCell.test.js +4 -19
  379. package/lib/cjs/components/TableCell/index.js +0 -4
  380. package/lib/cjs/components/TableHead/TableHead.js +2 -12
  381. package/lib/cjs/components/TableHead/index.js +0 -4
  382. package/lib/cjs/components/TableRow/TableRow.js +3 -13
  383. package/lib/cjs/components/TableRow/index.js +0 -4
  384. package/lib/cjs/components/Tabs/Tabs.js +21 -81
  385. package/lib/cjs/components/Tabs/Tabs.stories.js +7 -52
  386. package/lib/cjs/{styles/variants/tabs.js → components/Tabs/Tabs.style.js} +15 -19
  387. package/lib/cjs/components/Tabs/Tabs.test.js +87 -180
  388. package/lib/cjs/components/Tabs/index.js +0 -14
  389. package/lib/cjs/components/Text/Text.js +3 -15
  390. package/lib/cjs/components/Text/Text.stories.js +17 -42
  391. package/lib/cjs/{styles/variants/text.js → components/Text/Text.styles.js} +4 -215
  392. package/lib/cjs/components/Text/Text.test.js +11 -38
  393. package/lib/cjs/components/Text/index.js +0 -4
  394. package/lib/cjs/components/TextArea/TextArea.js +3 -14
  395. package/lib/cjs/{styles/forms/textarea.js → components/TextArea/TextArea.styles.js} +28 -20
  396. package/lib/cjs/components/TextArea/TextArea.test.js +3 -13
  397. package/lib/cjs/components/TextArea/index.js +0 -4
  398. package/lib/cjs/components/TextAreaField/TextAreaField.js +34 -104
  399. package/lib/cjs/components/TextAreaField/TextAreaField.stories.js +26 -81
  400. package/lib/cjs/components/TextAreaField/TextAreaField.test.js +4 -43
  401. package/lib/cjs/components/TextAreaField/index.js +0 -4
  402. package/lib/cjs/components/TextField/TextField.js +20 -88
  403. package/lib/cjs/components/TextField/TextField.stories.js +43 -113
  404. package/lib/cjs/components/TextField/TextField.test.js +4 -48
  405. package/lib/cjs/components/TextField/index.js +0 -4
  406. package/lib/cjs/components/TimeZonePicker/TimeZone.styles.js +38 -0
  407. package/lib/cjs/components/TimeZonePicker/TimeZonePicker.js +25 -84
  408. package/lib/cjs/components/TimeZonePicker/TimeZonePicker.stories.js +0 -11
  409. package/lib/cjs/components/TimeZonePicker/TimeZonePicker.test.js +3 -27
  410. package/lib/cjs/components/TimeZonePicker/index.js +0 -4
  411. package/lib/cjs/components/TimeZonePicker/timezones.js +0 -2
  412. package/lib/cjs/components/TooltipTrigger/Tooltip.js +8 -29
  413. package/lib/cjs/components/TooltipTrigger/Tooltip.styles.js +73 -0
  414. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.js +41 -88
  415. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js +7 -40
  416. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.test.js +6 -41
  417. package/lib/cjs/components/TooltipTrigger/index.js +2 -8
  418. package/lib/cjs/context/AccordionContext/index.js +0 -7
  419. package/lib/cjs/context/AccordionGridContext/index.js +0 -6
  420. package/lib/cjs/context/BadgeContext/index.js +0 -4
  421. package/lib/cjs/context/DataTableContext/index.js +0 -12
  422. package/lib/cjs/context/MenuContext/index.js +0 -6
  423. package/lib/cjs/context/NavBarContext/index.js +0 -6
  424. package/lib/cjs/context/TooltipContext/index.js +0 -7
  425. package/lib/cjs/docs/design/ColorDocumentation.stories.js +2 -12
  426. package/lib/cjs/docs/design/ContainerSizes.stories.js +3 -14
  427. package/lib/cjs/docs/design/Spacing.stories.js +4 -21
  428. package/lib/cjs/docs/design/Typography.stories.js +19 -37
  429. package/lib/cjs/docs/theme/ThemeDocumentation.js +0 -9
  430. package/lib/cjs/hooks/index.js +1 -37
  431. package/lib/cjs/hooks/useAriaLabelWarning/index.js +0 -4
  432. package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.js +0 -6
  433. package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +1 -5
  434. package/lib/cjs/hooks/useColumnStyles/index.js +0 -4
  435. package/lib/cjs/hooks/useColumnStyles/useColumnStyles.js +3 -12
  436. package/lib/cjs/hooks/useComponentToggle/index.js +0 -4
  437. package/lib/cjs/hooks/useComponentToggle/useComponentToggle.js +7 -21
  438. package/lib/cjs/hooks/useComponentToggle/useComponentToggle.test.js +23 -44
  439. package/lib/cjs/hooks/useCopyToClipboard/index.js +0 -4
  440. package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.js +12 -20
  441. package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.test.js +11 -22
  442. package/lib/cjs/hooks/useDebounce/index.js +0 -4
  443. package/lib/cjs/hooks/useDebounce/useDebounce.js +4 -14
  444. package/lib/cjs/hooks/useDebounce/useDebounce.test.js +14 -18
  445. package/lib/cjs/hooks/useDeprecationWarning/index.js +0 -4
  446. package/lib/cjs/hooks/useDeprecationWarning/useDeprecationWarning.js +7 -18
  447. package/lib/cjs/hooks/useDeprecationWarning/useDeprecationWarning.test.js +9 -20
  448. package/lib/cjs/hooks/useDevelopmentWarning/index.js +0 -4
  449. package/lib/cjs/hooks/useDevelopmentWarning/useDevelopmentWarning.js +1 -6
  450. package/lib/cjs/hooks/useDevelopmentWarning/useDevelopmentWarning.test.js +1 -5
  451. package/lib/cjs/hooks/useFallbackImage/index.js +0 -4
  452. package/lib/cjs/hooks/useFallbackImage/useFallbackImage.js +4 -11
  453. package/lib/cjs/hooks/useFallbackImage/useFallbackImage.test.js +8 -24
  454. package/lib/cjs/hooks/useField/index.js +0 -4
  455. package/lib/cjs/hooks/useField/useField.js +129 -150
  456. package/lib/cjs/hooks/useField/useField.test.js +112 -89
  457. package/lib/cjs/hooks/useImageUploadState/index.js +0 -4
  458. package/lib/cjs/hooks/useImageUploadState/useImageUploadState.js +21 -43
  459. package/lib/cjs/hooks/useLabelHeight/index.js +0 -4
  460. package/lib/cjs/hooks/useLabelHeight/useLabelHeight.js +4 -15
  461. package/lib/cjs/hooks/useModalState/index.js +0 -4
  462. package/lib/cjs/hooks/useModalState/useModalState.js +4 -9
  463. package/lib/cjs/hooks/useModalState/useModalState.test.js +23 -32
  464. package/lib/cjs/hooks/useNavBarPress/index.js +0 -4
  465. package/lib/cjs/hooks/useNavBarPress/useNavBarPress.js +1 -8
  466. package/lib/cjs/hooks/useNavBarPress/useNavBarPress.test.js +16 -23
  467. package/lib/cjs/hooks/useOverlayPanelState/index.js +0 -4
  468. package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.js +4 -13
  469. package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.test.js +5 -8
  470. package/lib/cjs/hooks/useProgressiveState/index.js +0 -4
  471. package/lib/cjs/hooks/useProgressiveState/useProgressiveState.js +0 -7
  472. package/lib/cjs/hooks/useProgressiveState/useProgressiveState.test.js +13 -42
  473. package/lib/cjs/hooks/usePropWarning/index.js +0 -4
  474. package/lib/cjs/hooks/usePropWarning/usePropWarning.js +3 -13
  475. package/lib/cjs/hooks/usePropWarning/usePropWarning.test.js +1 -5
  476. package/lib/cjs/hooks/useRockerButton/index.js +0 -4
  477. package/lib/cjs/hooks/useRockerButton/useRockerButton.js +8 -27
  478. package/lib/cjs/hooks/useSelectField/index.js +0 -4
  479. package/lib/cjs/hooks/useSelectField/useSelectField.js +79 -119
  480. package/lib/cjs/hooks/useStatusClasses/index.js +0 -4
  481. package/lib/cjs/hooks/useStatusClasses/useStatusClasses.js +1 -9
  482. package/lib/cjs/hooks/useStatusClasses/useStatusClasses.test.js +12 -21
  483. package/lib/cjs/hooks/useTShirtSize/index.js +0 -4
  484. package/lib/cjs/hooks/useTShirtSize/useTShirtSize.js +1 -7
  485. package/lib/cjs/hooks/useTShirtSize/useTShirtSize.test.js +10 -20
  486. package/lib/cjs/index.js +187 -573
  487. package/lib/cjs/recipes/ApplicationSearchDropdown.stories.js +26 -73
  488. package/lib/cjs/recipes/Arrow.stories.js +0 -10
  489. package/lib/cjs/recipes/AttributeMappingReadOnlyField.stories.js +9 -25
  490. package/lib/cjs/recipes/AttributesAndPingOneMapping.stories.js +16 -51
  491. package/lib/cjs/recipes/CollapsiblePanel.stories.js +16 -58
  492. package/lib/cjs/recipes/ConditionalFilter.stories.js +24 -39
  493. package/lib/cjs/recipes/CopyToClipboard.stories.js +1 -11
  494. package/lib/cjs/recipes/CountryPicker.stories.js +18 -56
  495. package/lib/cjs/recipes/DatePicker.stories.js +70 -61
  496. package/lib/cjs/recipes/DraggableBox.stories.js +0 -13
  497. package/lib/cjs/recipes/EditableInput.stories.js +32 -80
  498. package/lib/cjs/recipes/FlippableCaretMenuButton.stories.js +18 -64
  499. package/lib/cjs/recipes/LinkedListView.stories.js +53 -67
  500. package/lib/cjs/recipes/ListAndPanel.stories.js +66 -159
  501. package/lib/cjs/recipes/LogoTabs.stories.js +9 -42
  502. package/lib/cjs/recipes/MaskedValue.stories.js +21 -33
  503. package/lib/cjs/recipes/NeutralInput.stories.js +0 -9
  504. package/lib/cjs/recipes/OneWayToBidirectionalArrow.stories.js +4 -21
  505. package/lib/cjs/recipes/PageHeader.stories.js +0 -10
  506. package/lib/cjs/recipes/PanelHeader.stories.js +2 -19
  507. package/lib/cjs/recipes/RadioButtonsWithLinks.stories.js +6 -30
  508. package/lib/cjs/recipes/RowLineChart.stories.js +178 -124
  509. package/lib/cjs/recipes/ScrollableListView.stories.js +11 -38
  510. package/lib/cjs/recipes/SelectedFieldOverlay.story.js +0 -12
  511. package/lib/cjs/recipes/Slider.stories.js +32 -78
  512. package/lib/cjs/recipes/StatsCircle.stories.js +0 -11
  513. package/lib/cjs/recipes/TrialExperienceIndustryButtons.stories.js +1 -25
  514. package/lib/cjs/recipes/TrialExperienceStatusBar.stories.js +13 -51
  515. package/lib/cjs/styles/ColorDocumentation.js +49 -93
  516. package/lib/cjs/styles/breakpoints.js +0 -2
  517. package/lib/cjs/styles/colors.js +15 -39
  518. package/lib/cjs/styles/forms/index.js +22 -41
  519. package/lib/cjs/styles/spacing.js +1 -3
  520. package/lib/cjs/styles/templates/Nav/HeaderBar.js +4 -26
  521. package/lib/cjs/styles/templates/Nav/Nav.stories.js +19 -39
  522. package/lib/cjs/styles/templates/Nav/NavData.js +4 -24
  523. package/lib/cjs/styles/text.js +0 -9
  524. package/lib/cjs/styles/theme-ui/ThemeView.js +18 -0
  525. package/lib/cjs/styles/theme.js +6 -30
  526. package/lib/cjs/styles/themeOverrides/index.js +2 -6
  527. package/lib/cjs/styles/themeOverrides/stories/AccordionGroup.chromatic.stories.js +27 -0
  528. package/lib/cjs/styles/themeOverrides/stories/Button.chromatic.stories.js +52 -0
  529. package/lib/cjs/styles/themeOverrides/stories/EnvironmentBreadcrumb.chromatic.stories.js +114 -0
  530. package/lib/cjs/styles/themeOverrides/stories/IconButton.chromatic.stories.js +36 -0
  531. package/lib/cjs/styles/themeOverrides/stories/Label.chromatic.stories.js +22 -0
  532. package/lib/cjs/styles/themeOverrides/stories/Link.chromatic.stories.js +24 -0
  533. package/lib/cjs/styles/themeOverrides/stories/NavBar.chromatic.stories.js +373 -0
  534. package/lib/cjs/styles/themeOverrides/stories/NumberField.chromatic.stories.js +22 -0
  535. package/lib/cjs/styles/themeOverrides/stories/RockerButtonGroup.chromatic.stories.js +31 -0
  536. package/lib/cjs/styles/themeOverrides/stories/SearchField.chromatic.stories.js +28 -0
  537. package/lib/cjs/styles/themeOverrides/stories/SelectField.chromatic.stories.js +31 -0
  538. package/lib/cjs/styles/themeOverrides/uiLibraryOverride.js +69 -67
  539. package/lib/cjs/{components/List/List.js → styles/themeOverrides/withUiLibraryCss.js} +23 -38
  540. package/lib/cjs/styles/themes/astro-nano/astro-nano.js +20 -39
  541. package/lib/cjs/styles/themes/astro-nano/index.js +0 -4
  542. package/lib/cjs/styles/themes/end-user/end-user.js +1 -22
  543. package/lib/cjs/styles/themes/end-user/index.js +0 -4
  544. package/lib/cjs/styles/useAstroTheme.js +0 -11
  545. package/lib/cjs/styles/variants/callout.js +0 -18
  546. package/lib/cjs/styles/variants/index.js +38 -41
  547. package/lib/cjs/styles/variants/variants.js +63 -91
  548. package/lib/cjs/utils/devUtils/constants/animals.js +0 -2
  549. package/lib/cjs/utils/devUtils/constants/firstNames.js +0 -2
  550. package/lib/cjs/utils/devUtils/constants/htmlElements.js +1 -3
  551. package/lib/cjs/utils/devUtils/constants/images.js +0 -2
  552. package/lib/cjs/utils/devUtils/constants/loadingStates.js +0 -2
  553. package/lib/cjs/utils/devUtils/constants/orientation.js +0 -2
  554. package/lib/cjs/utils/devUtils/constants/panelSizes.js +0 -2
  555. package/lib/cjs/utils/devUtils/constants/statuses.js +0 -2
  556. package/lib/cjs/utils/devUtils/constants/tShirtSizes.js +0 -2
  557. package/lib/cjs/utils/devUtils/constants/text.js +0 -2
  558. package/lib/cjs/utils/devUtils/constants/variants.js +5 -15
  559. package/lib/cjs/utils/devUtils/createMockData.js +0 -31
  560. package/lib/cjs/utils/devUtils/decorators/withDeprecationWarning.js +1 -11
  561. package/lib/cjs/utils/devUtils/props/ariaAttributes.js +2 -28
  562. package/lib/cjs/utils/devUtils/props/ariaAttributes.test.js +4 -22
  563. package/lib/cjs/utils/devUtils/props/{hoverProps.js → fieldAttributes.js} +30 -40
  564. package/lib/cjs/utils/devUtils/props/isIterable.js +6 -21
  565. package/lib/cjs/utils/devUtils/props/isValidPositiveInt.js +2 -13
  566. package/lib/cjs/utils/devUtils/styledSystemUtils.js +8 -32
  567. package/lib/cjs/utils/styleUtils/index.js +0 -4
  568. package/lib/cjs/utils/testUtils/setupTests.js +5 -11
  569. package/lib/cjs/utils/testUtils/testAxe.js +15 -19
  570. package/lib/cjs/utils/testUtils/testTheme.js +0 -2
  571. package/lib/cjs/utils/testUtils/testWrapper.js +13 -39
  572. package/lib/components/AccordionGridGroup/AccordionGrid.styles.js +62 -0
  573. package/lib/components/AccordionGridGroup/AccordionGridGroup.js +16 -38
  574. package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +11 -38
  575. package/lib/components/AccordionGridGroup/AccordionGridGroup.test.js +18 -12
  576. package/lib/components/AccordionGridItem/AccordionGridItem.js +26 -36
  577. package/lib/components/AccordionGridItem/AccordionGridItemBody.js +23 -34
  578. package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +35 -51
  579. package/lib/components/AccordionGroup/Accordion.styles.js +61 -0
  580. package/lib/components/AccordionGroup/AccordionGroup.js +16 -28
  581. package/lib/components/AccordionGroup/AccordionGroup.stories.js +6 -7
  582. package/lib/components/AccordionGroup/AccordionGroup.test.js +13 -21
  583. package/lib/components/AccordionItem/AccordionItem.js +41 -52
  584. package/lib/components/ArrayField/ArrayField.js +42 -73
  585. package/lib/components/ArrayField/ArrayField.stories.js +8 -18
  586. package/lib/components/ArrayField/ArrayField.test.js +2 -5
  587. package/lib/components/ArrayField/ArrayFieldDeleteButton.js +3 -5
  588. package/lib/components/AstroWrapper/AstroWrapper.js +17 -26
  589. package/lib/components/AstroWrapper/AstroWrapper.test.js +4 -4
  590. package/lib/components/AstroWrapper/PageWrapper.test.js +7 -6
  591. package/lib/components/Avatar/Avatar.js +0 -1
  592. package/lib/components/Avatar/Avatar.stories.js +3 -3
  593. package/lib/components/Avatar/Avatar.test.js +2 -3
  594. package/lib/components/{Chip → Badge}/Badge.js +15 -28
  595. package/lib/components/{Chip → Badge}/Badge.stories.js +45 -53
  596. package/lib/components/Badge/Badge.styles.js +150 -0
  597. package/lib/components/{Chip → Badge}/Badge.test.js +8 -12
  598. package/lib/components/Badge/index.js +1 -0
  599. package/lib/components/Box/Box.js +16 -33
  600. package/lib/components/Box/Box.stories.js +7 -11
  601. package/lib/components/Box/Box.styles.js +6 -0
  602. package/lib/components/Box/Box.test.js +7 -7
  603. package/lib/components/Bracket/Bracket.js +5 -7
  604. package/lib/components/Bracket/Bracket.stories.js +8 -7
  605. package/lib/components/Bracket/Bracket.styles.js +9 -0
  606. package/lib/components/Bracket/Bracket.test.js +3 -4
  607. package/lib/components/Breadcrumbs/Breadcrumb.styles.js +42 -0
  608. package/lib/components/Breadcrumbs/BreadcrumbItem.js +10 -30
  609. package/lib/components/Breadcrumbs/Breadcrumbs.js +11 -21
  610. package/lib/components/Breadcrumbs/Breadcrumbs.stories.js +2 -3
  611. package/lib/components/Breadcrumbs/Breadcrumbs.test.js +7 -8
  612. package/lib/components/Breadcrumbs/index.js +2 -2
  613. package/lib/components/Button/Button.js +36 -68
  614. package/lib/components/Button/Button.stories.js +7 -6
  615. package/lib/components/Button/Button.test.js +6 -5
  616. package/lib/components/Button/Buttons.styles.js +234 -0
  617. package/lib/components/Callout/Callout.js +3 -6
  618. package/lib/components/Callout/Callout.stories.js +6 -4
  619. package/lib/components/Callout/Callout.test.js +0 -4
  620. package/lib/components/Card/Card.js +35 -49
  621. package/lib/components/Card/Card.stories.js +1 -1
  622. package/lib/components/Card/Card.styles.js +13 -0
  623. package/lib/components/Card/Card.test.js +4 -8
  624. package/lib/components/Checkbox/Checkbox.js +1 -1
  625. package/lib/{styles/forms/checkbox.js → components/Checkbox/Checkbox.styles.js} +1 -0
  626. package/lib/components/Checkbox/Checkbox.test.js +5 -6
  627. package/lib/components/Checkbox/CheckboxBase.js +3 -5
  628. package/lib/components/CheckboxField/CheckboxField.js +31 -66
  629. package/lib/components/CheckboxField/CheckboxField.stories.js +37 -60
  630. package/lib/components/CheckboxField/CheckboxField.test.js +23 -23
  631. package/lib/components/CodeView/CodeView.js +25 -37
  632. package/lib/components/CodeView/CodeView.stories.js +15 -7
  633. package/lib/components/CodeView/CodeView.test.js +20 -24
  634. package/lib/components/CollapsiblePanel/CollapsiblePanel.js +25 -39
  635. package/lib/components/CollapsiblePanel/CollapsiblePanel.stories.js +15 -23
  636. package/lib/{styles/variants/collapsiblePanel.js → components/CollapsiblePanel/CollapsiblePanel.styles.js} +61 -14
  637. package/lib/components/CollapsiblePanel/CollapsiblePanel.test.js +2 -3
  638. package/lib/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js +4 -7
  639. package/lib/components/CollapsiblePanelContainer/CollapsiblePanelBadge.test.js +2 -3
  640. package/lib/components/CollapsiblePanelContainer/CollapsiblePanelContainer.js +19 -29
  641. package/lib/components/CollapsiblePanelContainer/CollapsiblePanelContainer.test.js +2 -3
  642. package/lib/components/CollapsiblePanelItem/CollapsiblePanelItem.js +4 -9
  643. package/lib/components/CollapsiblePanelItem/CollapsiblePanelItem.test.js +2 -3
  644. package/lib/components/ColorField/ColorField.js +48 -77
  645. package/lib/components/ColorField/ColorField.stories.js +13 -31
  646. package/lib/{styles/forms/comboBox.js → components/ColorField/ColorField.styles.js} +8 -12
  647. package/lib/components/ColorField/ColorField.test.js +2 -18
  648. package/lib/{styles/variants/bidirectionalIconButton.js → components/ComboBox/ComboBox.styles.js} +24 -22
  649. package/lib/components/ComboBox/ComboBoxInput.js +48 -57
  650. package/lib/components/ComboBoxField/ComboBoxField.js +63 -121
  651. package/lib/components/ComboBoxField/ComboBoxField.stories.js +52 -70
  652. package/lib/components/ComboBoxField/ComboBoxField.test.js +153 -159
  653. package/lib/components/CopyText/CopyButton.js +3 -4
  654. package/lib/components/CopyText/CopyText.js +31 -57
  655. package/lib/components/CopyText/CopyText.stories.js +1 -1
  656. package/lib/components/CopyText/CopyText.styles.js +45 -0
  657. package/lib/components/CopyText/CopyText.test.js +333 -372
  658. package/lib/components/DataTable/DataTable.js +84 -125
  659. package/lib/components/DataTable/DataTable.stories.js +23 -34
  660. package/lib/components/DataTable/DataTable.styles.js +1 -8
  661. package/lib/components/DataTable/DataTable.test.js +83 -173
  662. package/lib/components/DataTable/{DataTableChip.js → DataTableBadge.js} +6 -6
  663. package/lib/components/DataTable/{DataTableChip.test.js → DataTableBadge.test.js} +2 -4
  664. package/lib/components/DataTable/DataTableMenu.test.js +0 -2
  665. package/lib/components/DataTable/DataTableMultiLine.js +1 -2
  666. package/lib/components/DataTable/DataTableMultiLine.test.js +0 -2
  667. package/lib/components/DataTable/DataTableVirtualizer.js +31 -35
  668. package/lib/components/DataTable/index.js +3 -3
  669. package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +63 -106
  670. package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +65 -103
  671. package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js +23 -26
  672. package/lib/components/EnvironmentBreadcrumb/EnvironmentalBreadcrumb.styles.js +46 -0
  673. package/lib/components/FieldHelperText/FieldHelperText.js +6 -9
  674. package/lib/components/FieldHelperText/FieldHelperText.stories.js +1 -1
  675. package/lib/{styles/forms/textarea.js → components/FieldHelperText/FieldHelperText.styles.js} +21 -12
  676. package/lib/components/FieldHelperText/FieldHelperText.test.js +6 -12
  677. package/lib/components/FileInputField/FileInputField.js +50 -83
  678. package/lib/components/FileInputField/FileInputField.stories.js +14 -20
  679. package/lib/components/FileInputField/FileInputField.styles.js +55 -0
  680. package/lib/components/FileInputField/FileInputField.test.js +2 -7
  681. package/lib/components/FileInputField/FileItem.js +13 -20
  682. package/lib/components/FileInputField/FileSelect.js +7 -14
  683. package/lib/components/HelpHint/HelpHint.js +7 -12
  684. package/lib/components/HelpHint/HelpHint.stories.js +2 -2
  685. package/lib/components/HelpHint/HelpHint.styles.js +50 -0
  686. package/lib/components/HelpHint/HelpHint.test.js +3 -4
  687. package/lib/components/Icon/Icon.js +4 -11
  688. package/lib/components/Icon/Icon.stories.js +5 -7
  689. package/lib/components/Icon/Icon.test.js +3 -4
  690. package/lib/components/Icon/NoticeIcon.js +2 -5
  691. package/lib/components/Icon/NoticeIcon.test.js +0 -2
  692. package/lib/components/IconBadge/IconBadge.js +8 -18
  693. package/lib/components/IconBadge/IconBadge.stories.js +2 -2
  694. package/lib/components/IconBadge/IconBadge.test.js +3 -6
  695. package/lib/components/IconButton/IconButton.js +37 -59
  696. package/lib/components/IconButton/IconButton.stories.js +10 -9
  697. package/lib/components/IconButton/IconButton.styles.js +155 -0
  698. package/lib/components/IconButton/IconButton.test.js +6 -7
  699. package/lib/components/IconButtonToggle/IconButtonToggle.js +10 -20
  700. package/lib/components/IconButtonToggle/IconButtonToggle.stories.js +4 -6
  701. package/lib/components/IconButtonToggle/IconButtonToggle.test.js +3 -7
  702. package/lib/components/Image/Image.js +30 -60
  703. package/lib/components/Image/Image.stories.js +8 -10
  704. package/lib/components/Image/Image.test.js +5 -13
  705. package/lib/components/ImageUploadField/ImagePreviewButton.js +17 -27
  706. package/lib/components/ImageUploadField/ImageUploadField.js +13 -32
  707. package/lib/components/ImageUploadField/ImageUploadField.stories.js +61 -71
  708. package/lib/components/ImageUploadField/ImageUploadField.test.js +34 -44
  709. package/lib/components/ImageUploadField/ImageUploadFieldBase.js +19 -29
  710. package/lib/components/ImageUploadField/imageUpload.js +44 -0
  711. package/lib/components/Input/Input.js +4 -11
  712. package/lib/{styles/forms/input.js → components/Input/Input.styles.js} +26 -19
  713. package/lib/components/Input/Input.test.js +3 -4
  714. package/lib/components/Label/Label.js +18 -28
  715. package/lib/components/Label/Label.stories.js +1 -1
  716. package/lib/{styles/forms/label.js → components/Label/Label.styles.js} +9 -8
  717. package/lib/components/Label/Label.test.js +4 -7
  718. package/lib/components/Link/Link.js +22 -37
  719. package/lib/components/Link/Link.stories.js +5 -5
  720. package/lib/{styles/variants/links.js → components/Link/Link.styles.js} +1 -6
  721. package/lib/components/Link/Link.test.js +2 -3
  722. package/lib/components/LinkSelectField/LinkSelectField.js +32 -73
  723. package/lib/components/LinkSelectField/LinkSelectField.stories.js +22 -29
  724. package/lib/components/LinkSelectField/LinkSelectField.test.js +24 -21
  725. package/lib/components/ListBox/ListBox.js +41 -49
  726. package/lib/{styles/variants/listBox.js → components/ListBox/ListBox.styles.js} +9 -4
  727. package/lib/components/ListBox/ListBox.test.js +17 -15
  728. package/lib/components/ListBox/ListBoxSection.js +15 -20
  729. package/lib/components/ListBox/Option.js +25 -36
  730. package/lib/components/ListItem/ListItem.js +21 -45
  731. package/lib/components/ListItem/ListItem.stories.js +8 -74
  732. package/lib/components/ListItem/ListItem.styles.js +21 -0
  733. package/lib/components/ListItem/ListItem.test.js +14 -50
  734. package/lib/components/ListView/ListView.js +24 -53
  735. package/lib/components/ListView/ListView.stories.js +30 -48
  736. package/lib/components/ListView/ListView.test.js +36 -49
  737. package/lib/components/ListViewItem/ListViewItem.js +39 -53
  738. package/lib/components/ListViewItem/ListViewItem.styles.js +64 -0
  739. package/lib/components/Loader/Loader.js +2 -4
  740. package/lib/components/Loader/Loader.stories.js +2 -3
  741. package/lib/{styles/variants/loader.js → components/Loader/Loader.styles.js} +0 -9
  742. package/lib/components/Loader/Loader.test.js +2 -3
  743. package/lib/components/Menu/Menu.js +20 -55
  744. package/lib/components/Menu/Menu.stories.js +6 -21
  745. package/lib/components/Menu/Menu.test.js +21 -15
  746. package/lib/components/MenuItem/MenuItem.js +48 -69
  747. package/lib/components/MenuItem/MenuItem.test.js +8 -13
  748. package/lib/components/Messages/Message.js +30 -46
  749. package/lib/components/Messages/Message.styles.js +99 -0
  750. package/lib/components/Messages/Messages.js +6 -9
  751. package/lib/components/Messages/Messages.reducer.js +0 -6
  752. package/lib/components/Messages/Messages.stories.js +20 -38
  753. package/lib/components/Messages/Messages.test.js +7 -18
  754. package/lib/components/Messages/index.js +2 -2
  755. package/lib/components/Messages/utils/messagesReducer.js +10 -26
  756. package/lib/components/Messages/utils/multiMessagesReducer.js +8 -20
  757. package/lib/components/Messages/utils/tests/messagesReducer.test.js +6 -10
  758. package/lib/components/Messages/utils/tests/multiMessagesReducer.test.js +8 -13
  759. package/lib/components/Modal/Modal.js +32 -69
  760. package/lib/components/Modal/Modal.stories.js +3 -2
  761. package/lib/{styles/variants/modal.js → components/Modal/Modal.styles.js} +10 -19
  762. package/lib/components/Modal/tests/Modal.integration.test.js +13 -12
  763. package/lib/components/Modal/tests/Modal.unit.test.js +16 -22
  764. package/lib/components/MultivaluesField/MultivaluesField.js +91 -175
  765. package/lib/components/MultivaluesField/MultivaluesField.stories.js +64 -92
  766. package/lib/components/MultivaluesField/MultivaluesField.test.js +41 -48
  767. package/lib/components/NavBar/NavBar.js +14 -27
  768. package/lib/components/NavBar/NavBar.stories.js +5 -11
  769. package/lib/{styles/variants/navBar.js → components/NavBar/NavBar.styles.js} +89 -15
  770. package/lib/components/NavBar/NavBar.test.js +12 -28
  771. package/lib/components/NavBarSection/NavBarItem.js +35 -49
  772. package/lib/components/NavBarSection/NavBarItemBody.js +11 -20
  773. package/lib/components/NavBarSection/NavBarItemBody.test.js +2 -5
  774. package/lib/components/NavBarSection/NavBarItemButton.js +13 -23
  775. package/lib/components/NavBarSection/NavBarItemHeader.js +11 -21
  776. package/lib/components/NavBarSection/NavBarItemLink.js +13 -24
  777. package/lib/components/NavBarSection/NavBarSection.js +17 -49
  778. package/lib/components/NavBarSection/index.js +2 -2
  779. package/lib/components/NumberField/NumberField.js +43 -80
  780. package/lib/components/NumberField/NumberField.stories.js +7 -10
  781. package/lib/{styles/variants/numberField.js → components/NumberField/NumberField.styles.js} +11 -8
  782. package/lib/components/NumberField/NumberField.test.js +5 -6
  783. package/lib/components/OverlayPanel/OverlayPanel.js +18 -31
  784. package/lib/components/OverlayPanel/OverlayPanel.stories.js +56 -73
  785. package/lib/{styles/variants/overlayPanel.js → components/OverlayPanel/OverlayPanel.styles.js} +6 -6
  786. package/lib/components/OverlayPanel/OverlayPanel.test.js +2 -3
  787. package/lib/components/PageHeader/PageHeader.js +5 -6
  788. package/lib/components/PageHeader/PageHeader.stories.js +4 -4
  789. package/lib/components/PageHeader/PageHeader.test.js +3 -4
  790. package/lib/components/PasswordField/PasswordField.js +54 -104
  791. package/lib/components/PasswordField/PasswordField.stories.js +74 -112
  792. package/lib/components/PasswordField/PasswordField.test.js +24 -21
  793. package/lib/components/PopoverContainer/PopoverContainer.js +36 -73
  794. package/lib/components/PopoverContainer/PopoverContainer.test.js +4 -6
  795. package/lib/components/PopoverMenu/PopoverMenu.js +30 -52
  796. package/lib/components/PopoverMenu/PopoverMenu.stories.js +20 -13
  797. package/lib/components/PopoverMenu/PopoverMenu.test.js +15 -16
  798. package/lib/components/Radio/Radio.js +1 -1
  799. package/lib/{styles/forms/radio.js → components/Radio/Radio.styles.js} +28 -6
  800. package/lib/components/RadioField/RadioField.js +34 -66
  801. package/lib/components/RadioField/RadioField.test.js +2 -3
  802. package/lib/components/RadioGroupField/RadioGroupField.js +27 -41
  803. package/lib/components/RadioGroupField/RadioGroupField.stories.js +5 -9
  804. package/lib/components/RadioGroupField/RadioGroupField.test.js +21 -13
  805. package/lib/components/RequirementsList/RequirementsList.js +5 -11
  806. package/lib/components/RequirementsList/RequirementsList.stories.js +1 -1
  807. package/lib/components/RequirementsList/RequirementsList.test.js +7 -7
  808. package/lib/components/RockerButton/RockerButton.js +18 -27
  809. package/lib/components/RockerButton/RockerButton.styles.js +47 -0
  810. package/lib/components/RockerButtonGroup/RockerButtonGroup.js +11 -21
  811. package/lib/components/RockerButtonGroup/RockerButtonGroup.stories.js +6 -7
  812. package/lib/components/RockerButtonGroup/RockerButtonGroup.test.js +7 -12
  813. package/lib/components/ScrollBox/ScrollBox.js +26 -40
  814. package/lib/components/ScrollBox/ScrollBox.stories.js +1 -1
  815. package/lib/components/ScrollBox/ScrollBox.styles.js +43 -0
  816. package/lib/components/ScrollBox/ScrollBox.test.js +0 -3
  817. package/lib/{styles/forms/search.js → components/SearchField/Search.styles.js} +2 -2
  818. package/lib/components/SearchField/SearchField.js +34 -89
  819. package/lib/components/SearchField/SearchField.stories.js +15 -23
  820. package/lib/components/SearchField/SearchField.test.js +4 -5
  821. package/lib/{styles/forms/select.js → components/SelectField/Select.styles.js} +5 -7
  822. package/lib/components/SelectField/SelectField.js +9 -45
  823. package/lib/components/SelectField/SelectField.stories.js +22 -29
  824. package/lib/components/SelectField/SelectField.test.js +12 -17
  825. package/lib/components/SelectFieldBase/SelectFieldBase.js +39 -61
  826. package/lib/components/SelectFieldBase/SelectFieldBase.test.js +40 -39
  827. package/lib/components/Separator/Separator.js +10 -13
  828. package/lib/components/Separator/Separator.stories.js +3 -3
  829. package/lib/{styles/variants/separator.js → components/Separator/Separator.styles.js} +0 -6
  830. package/lib/components/Separator/Separator.test.js +2 -3
  831. package/lib/components/Stepper/Line.js +5 -9
  832. package/lib/components/Stepper/Step.js +7 -9
  833. package/lib/components/Stepper/Stepper.js +12 -29
  834. package/lib/components/Stepper/Stepper.stories.js +6 -6
  835. package/lib/{styles/variants/stepper.js → components/Stepper/Stepper.styles.js} +5 -8
  836. package/lib/components/Stepper/Stepper.test.js +32 -37
  837. package/lib/components/Stepper/index.js +2 -2
  838. package/lib/components/Switch/Switch.js +2 -2
  839. package/lib/{styles/forms/switch.js → components/Switch/Switch.styles.js} +1 -4
  840. package/lib/components/SwitchField/SwitchField.js +48 -87
  841. package/lib/components/SwitchField/SwitchField.stories.js +8 -14
  842. package/lib/components/SwitchField/SwitchField.test.js +2 -3
  843. package/lib/components/Tab/Tab.js +41 -54
  844. package/lib/components/TabPicker/TabPicker.js +40 -61
  845. package/lib/components/Table/Table.js +3 -6
  846. package/lib/components/Table/Table.stories.js +4 -5
  847. package/lib/{styles/variants/table.js → components/Table/Table.styles.js} +15 -21
  848. package/lib/components/Table/Table.test.js +7 -9
  849. package/lib/components/TableBody/TableBody.js +3 -6
  850. package/lib/components/TableCaption/TableCaption.js +3 -6
  851. package/lib/components/TableCell/TableCell.js +4 -7
  852. package/lib/components/TableCell/TableCell.test.js +4 -5
  853. package/lib/components/TableHead/TableHead.js +2 -5
  854. package/lib/components/TableRow/TableRow.js +3 -6
  855. package/lib/components/Tabs/Tabs.js +18 -47
  856. package/lib/components/Tabs/Tabs.stories.js +7 -13
  857. package/lib/{styles/variants/tabs.js → components/Tabs/Tabs.style.js} +12 -5
  858. package/lib/components/Tabs/Tabs.test.js +88 -122
  859. package/lib/components/Text/Text.js +3 -4
  860. package/lib/components/Text/Text.stories.js +18 -28
  861. package/lib/{styles/variants/text.js → components/Text/Text.styles.js} +3 -205
  862. package/lib/components/Text/Text.test.js +11 -17
  863. package/lib/components/TextArea/TextArea.js +2 -2
  864. package/lib/components/TextArea/TextArea.styles.js +45 -0
  865. package/lib/components/TextArea/TextArea.test.js +3 -4
  866. package/lib/components/TextAreaField/TextAreaField.js +36 -83
  867. package/lib/components/TextAreaField/TextAreaField.stories.js +11 -18
  868. package/lib/components/TextAreaField/TextAreaField.test.js +5 -10
  869. package/lib/components/TextField/TextField.js +22 -64
  870. package/lib/components/TextField/TextField.stories.js +21 -28
  871. package/lib/components/TextField/TextField.test.js +4 -8
  872. package/lib/components/TimeZonePicker/TimeZone.styles.js +30 -0
  873. package/lib/components/TimeZonePicker/TimeZonePicker.js +25 -55
  874. package/lib/components/TimeZonePicker/TimeZonePicker.test.js +3 -7
  875. package/lib/components/TooltipTrigger/Tooltip.js +7 -10
  876. package/lib/components/TooltipTrigger/Tooltip.styles.js +64 -0
  877. package/lib/components/TooltipTrigger/TooltipTrigger.js +39 -64
  878. package/lib/components/TooltipTrigger/TooltipTrigger.stories.js +5 -5
  879. package/lib/components/TooltipTrigger/TooltipTrigger.test.js +6 -7
  880. package/lib/components/TooltipTrigger/index.js +2 -2
  881. package/lib/context/AccordionContext/index.js +0 -1
  882. package/lib/context/TooltipContext/index.js +0 -1
  883. package/lib/docs/design/ColorDocumentation.stories.js +1 -1
  884. package/lib/docs/design/ContainerSizes.stories.js +3 -5
  885. package/lib/docs/design/Spacing.stories.js +3 -6
  886. package/lib/docs/design/Typography.stories.js +6 -10
  887. package/lib/hooks/index.js +1 -1
  888. package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.js +1 -2
  889. package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +1 -2
  890. package/lib/hooks/useColumnStyles/useColumnStyles.js +3 -7
  891. package/lib/hooks/useComponentToggle/useComponentToggle.js +7 -14
  892. package/lib/hooks/useComponentToggle/useComponentToggle.test.js +25 -25
  893. package/lib/hooks/useCopyToClipboard/useCopyToClipboard.js +13 -15
  894. package/lib/hooks/useCopyToClipboard/useCopyToClipboard.test.js +11 -10
  895. package/lib/hooks/useDebounce/useDebounce.js +4 -9
  896. package/lib/hooks/useDebounce/useDebounce.test.js +14 -15
  897. package/lib/hooks/useDeprecationWarning/useDeprecationWarning.js +7 -12
  898. package/lib/hooks/useDeprecationWarning/useDeprecationWarning.test.js +11 -16
  899. package/lib/hooks/useDevelopmentWarning/useDevelopmentWarning.js +2 -3
  900. package/lib/hooks/useDevelopmentWarning/useDevelopmentWarning.test.js +1 -2
  901. package/lib/hooks/useFallbackImage/useFallbackImage.js +4 -6
  902. package/lib/hooks/useFallbackImage/useFallbackImage.test.js +8 -13
  903. package/lib/hooks/useField/useField.js +126 -124
  904. package/lib/hooks/useField/useField.test.js +111 -74
  905. package/lib/hooks/useImageUploadState/useImageUploadState.js +21 -37
  906. package/lib/hooks/useLabelHeight/useLabelHeight.js +4 -10
  907. package/lib/hooks/useModalState/useModalState.js +4 -5
  908. package/lib/hooks/useModalState/useModalState.test.js +24 -30
  909. package/lib/hooks/useNavBarPress/useNavBarPress.js +1 -5
  910. package/lib/hooks/useNavBarPress/useNavBarPress.test.js +16 -20
  911. package/lib/hooks/useOverlayPanelState/useOverlayPanelState.js +4 -9
  912. package/lib/hooks/useOverlayPanelState/useOverlayPanelState.test.js +5 -5
  913. package/lib/hooks/useProgressiveState/useProgressiveState.js +1 -4
  914. package/lib/hooks/useProgressiveState/useProgressiveState.test.js +13 -20
  915. package/lib/hooks/usePropWarning/usePropWarning.js +3 -6
  916. package/lib/hooks/usePropWarning/usePropWarning.test.js +1 -2
  917. package/lib/hooks/useRockerButton/useRockerButton.js +8 -15
  918. package/lib/hooks/useSelectField/useSelectField.js +73 -86
  919. package/lib/hooks/useStatusClasses/useStatusClasses.js +2 -3
  920. package/lib/hooks/useStatusClasses/useStatusClasses.test.js +12 -18
  921. package/lib/hooks/useTShirtSize/useTShirtSize.js +1 -2
  922. package/lib/hooks/useTShirtSize/useTShirtSize.test.js +10 -17
  923. package/lib/index.js +30 -34
  924. package/lib/recipes/ApplicationSearchDropdown.stories.js +26 -43
  925. package/lib/recipes/AttributeMappingReadOnlyField.stories.js +10 -13
  926. package/lib/recipes/AttributesAndPingOneMapping.stories.js +18 -33
  927. package/lib/recipes/CollapsiblePanel.stories.js +18 -28
  928. package/lib/recipes/ConditionalFilter.stories.js +25 -28
  929. package/lib/recipes/CopyToClipboard.stories.js +1 -1
  930. package/lib/recipes/CountryPicker.stories.js +18 -35
  931. package/lib/recipes/DatePicker.stories.js +70 -37
  932. package/lib/recipes/EditableInput.stories.js +34 -57
  933. package/lib/recipes/FlippableCaretMenuButton.stories.js +18 -33
  934. package/lib/recipes/LinkedListView.stories.js +49 -47
  935. package/lib/recipes/ListAndPanel.stories.js +31 -102
  936. package/lib/recipes/LogoTabs.stories.js +9 -17
  937. package/lib/recipes/MaskedValue.stories.js +21 -14
  938. package/lib/recipes/OneWayToBidirectionalArrow.stories.js +5 -8
  939. package/lib/recipes/PageHeader.stories.js +1 -1
  940. package/lib/recipes/PanelHeader.stories.js +2 -2
  941. package/lib/recipes/RadioButtonsWithLinks.stories.js +6 -11
  942. package/lib/recipes/RowLineChart.stories.js +177 -107
  943. package/lib/recipes/ScrollableListView.stories.js +11 -17
  944. package/lib/recipes/Slider.stories.js +23 -43
  945. package/lib/recipes/TrialExperienceIndustryButtons.stories.js +1 -12
  946. package/lib/recipes/TrialExperienceStatusBar.stories.js +14 -32
  947. package/lib/styles/ColorDocumentation.js +48 -62
  948. package/lib/styles/colors.js +17 -25
  949. package/lib/styles/forms/index.js +22 -16
  950. package/lib/styles/spacing.js +1 -1
  951. package/lib/styles/templates/Nav/HeaderBar.js +4 -9
  952. package/lib/styles/templates/Nav/Nav.stories.js +6 -9
  953. package/lib/styles/templates/Nav/NavData.js +5 -11
  954. package/lib/styles/text.js +1 -5
  955. package/lib/styles/theme-ui/ThemeView.js +9 -0
  956. package/lib/styles/theme.js +7 -10
  957. package/lib/styles/themeOverrides/index.js +1 -1
  958. package/lib/styles/themeOverrides/stories/AccordionGroup.chromatic.stories.js +17 -0
  959. package/lib/styles/themeOverrides/stories/Button.chromatic.stories.js +37 -0
  960. package/lib/styles/themeOverrides/stories/EnvironmentBreadcrumb.chromatic.stories.js +101 -0
  961. package/lib/styles/themeOverrides/stories/IconButton.chromatic.stories.js +25 -0
  962. package/lib/styles/themeOverrides/stories/Label.chromatic.stories.js +12 -0
  963. package/lib/styles/themeOverrides/stories/Link.chromatic.stories.js +14 -0
  964. package/lib/styles/themeOverrides/stories/NavBar.chromatic.stories.js +363 -0
  965. package/lib/styles/themeOverrides/stories/NumberField.chromatic.stories.js +12 -0
  966. package/lib/styles/themeOverrides/stories/RockerButtonGroup.chromatic.stories.js +21 -0
  967. package/lib/styles/themeOverrides/stories/SearchField.chromatic.stories.js +18 -0
  968. package/lib/styles/themeOverrides/stories/SelectField.chromatic.stories.js +21 -0
  969. package/lib/styles/themeOverrides/uiLibraryOverride.js +69 -55
  970. package/lib/styles/themeOverrides/withUiLibraryCss.js +25 -0
  971. package/lib/styles/themes/astro-nano/astro-nano.js +20 -23
  972. package/lib/styles/themes/end-user/end-user.js +1 -11
  973. package/lib/styles/variants/callout.js +0 -7
  974. package/lib/styles/variants/index.js +22 -6
  975. package/lib/styles/variants/variants.js +48 -35
  976. package/lib/utils/devUtils/constants/htmlElements.js +1 -0
  977. package/lib/utils/devUtils/constants/variants.js +5 -6
  978. package/lib/utils/devUtils/createMockData.js +2 -13
  979. package/lib/utils/devUtils/decorators/withDeprecationWarning.js +1 -5
  980. package/lib/utils/devUtils/props/ariaAttributes.js +2 -9
  981. package/lib/utils/devUtils/props/ariaAttributes.test.js +4 -11
  982. package/lib/utils/devUtils/props/{hoverProps.js → fieldAttributes.js} +26 -24
  983. package/lib/utils/devUtils/props/isIterable.js +6 -15
  984. package/lib/utils/devUtils/props/isValidPositiveInt.js +2 -8
  985. package/lib/utils/devUtils/styledSystemUtils.js +7 -12
  986. package/lib/utils/testUtils/setupTests.js +5 -4
  987. package/lib/utils/testUtils/testAxe.js +16 -13
  988. package/lib/utils/testUtils/testWrapper.js +7 -14
  989. package/package.json +55 -59
  990. package/NOTICE.html +0 -4707
  991. package/lib/cjs/components/ArrayField/ArrayFieldItem.js +0 -50
  992. package/lib/cjs/components/Chip/Chip.js +0 -58
  993. package/lib/cjs/components/List/List.stories.js +0 -66
  994. package/lib/cjs/components/List/List.test.js +0 -36
  995. package/lib/cjs/components/List/index.js +0 -18
  996. package/lib/cjs/components/PageHeader/index.js +0 -18
  997. package/lib/cjs/styles/variants/accordion.js +0 -92
  998. package/lib/cjs/styles/variants/boxes.js +0 -442
  999. package/lib/cjs/styles/variants/buttons.js +0 -815
  1000. package/lib/cjs/styles/variants/imageUpload.js +0 -29
  1001. package/lib/cjs/styles/variants/messages.js +0 -53
  1002. package/lib/cjs/styles/variants/rockerbutton.js +0 -25
  1003. package/lib/components/ArrayField/ArrayFieldItem.js +0 -31
  1004. package/lib/components/Chip/Chip.js +0 -38
  1005. package/lib/components/Chip/index.js +0 -1
  1006. package/lib/components/List/List.js +0 -26
  1007. package/lib/components/List/List.stories.js +0 -43
  1008. package/lib/components/List/List.test.js +0 -24
  1009. package/lib/components/List/index.js +0 -1
  1010. package/lib/components/PageHeader/index.js +0 -1
  1011. package/lib/styles/variants/accordion.js +0 -82
  1012. package/lib/styles/variants/boxes.js +0 -421
  1013. package/lib/styles/variants/buttons.js +0 -792
  1014. package/lib/styles/variants/imageUpload.js +0 -19
  1015. package/lib/styles/variants/messages.js +0 -43
  1016. package/lib/styles/variants/rockerbutton.js +0 -15
  1017. package/lib/styles/variants/tooltip.js +0 -6
  1018. /package/lib/{styles/variants/codeView.js → components/CodeView/CodeView.styles.js} +0 -0
  1019. /package/lib/{styles/variants/images.js → components/Image/Image.styles.js} +0 -0
  1020. /package/lib/{styles/variants/menu.js → components/Menu/Menu.styles.js} +0 -0
  1021. /package/lib/{styles/variants/menuItem.js → components/MenuItem/MenuItem.styles.js} +0 -0
  1022. /package/lib/{styles/variants/popoverMenu.js → components/PopoverMenu/PopoverMenu.styles.js} +0 -0
@@ -9,16 +9,14 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
9
9
  import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
10
10
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
11
11
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
12
-
13
12
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
-
15
13
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
16
-
17
14
  import React, { useState } from 'react';
18
15
  import isEmpty from 'lodash/isEmpty';
19
- import PasswordField from '.';
20
- import { ariaAttributeBaseArgTypes } from '../../utils/devUtils/props/ariaAttributes';
21
16
  import statuses from '../../utils/devUtils/constants/statuses';
17
+ import { ariaAttributeBaseArgTypes } from '../../utils/devUtils/props/ariaAttributes';
18
+ import { inputFieldAttributeBaseArgTypes } from '../../utils/devUtils/props/fieldAttributes';
19
+ import PasswordField from '.';
22
20
  import { jsx as ___EmotionJSX } from "@emotion/react";
23
21
  export default {
24
22
  title: 'Form/PasswordField',
@@ -30,7 +28,7 @@ export default {
30
28
  }
31
29
  }
32
30
  },
33
- argTypes: _objectSpread({
31
+ argTypes: _objectSpread(_objectSpread({
34
32
  status: {
35
33
  control: {
36
34
  type: 'select',
@@ -43,7 +41,7 @@ export default {
43
41
  type: 'text'
44
42
  }
45
43
  }
46
- }, ariaAttributeBaseArgTypes)
44
+ }, ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
47
45
  };
48
46
  export var Default = function Default(args) {
49
47
  return ___EmotionJSX(PasswordField, _extends({
@@ -52,48 +50,42 @@ export var Default = function Default(args) {
52
50
  };
53
51
  export var WithRequirementsList = function WithRequirementsList() {
54
52
  var _useState = useState({
55
- name: '6 characters',
56
- status: statuses.DEFAULT
57
- }),
58
- _useState2 = _slicedToArray(_useState, 2),
59
- charactersReq = _useState2[0],
60
- setCharactersReq = _useState2[1];
61
-
53
+ name: '6 characters',
54
+ status: statuses.DEFAULT
55
+ }),
56
+ _useState2 = _slicedToArray(_useState, 2),
57
+ charactersReq = _useState2[0],
58
+ setCharactersReq = _useState2[1];
62
59
  var _useState3 = useState({
63
- name: '1 UPPERCASE letter',
64
- status: statuses.DEFAULT
65
- }),
66
- _useState4 = _slicedToArray(_useState3, 2),
67
- uppercaseReq = _useState4[0],
68
- setUppercaseReq = _useState4[1];
69
-
60
+ name: '1 UPPERCASE letter',
61
+ status: statuses.DEFAULT
62
+ }),
63
+ _useState4 = _slicedToArray(_useState3, 2),
64
+ uppercaseReq = _useState4[0],
65
+ setUppercaseReq = _useState4[1];
70
66
  var _useState5 = useState({
71
- name: '1 lowercase letter',
72
- status: statuses.DEFAULT
73
- }),
74
- _useState6 = _slicedToArray(_useState5, 2),
75
- lowercaseReq = _useState6[0],
76
- setLowercaseReq = _useState6[1];
77
-
67
+ name: '1 lowercase letter',
68
+ status: statuses.DEFAULT
69
+ }),
70
+ _useState6 = _slicedToArray(_useState5, 2),
71
+ lowercaseReq = _useState6[0],
72
+ setLowercaseReq = _useState6[1];
78
73
  var _useState7 = useState({
79
- name: '1 number',
80
- status: statuses.DEFAULT
81
- }),
82
- _useState8 = _slicedToArray(_useState7, 2),
83
- numberReq = _useState8[0],
84
- setNumberReq = _useState8[1];
85
-
74
+ name: '1 number',
75
+ status: statuses.DEFAULT
76
+ }),
77
+ _useState8 = _slicedToArray(_useState7, 2),
78
+ numberReq = _useState8[0],
79
+ setNumberReq = _useState8[1];
86
80
  var _useState9 = useState({
87
- name: '1 special character',
88
- status: statuses.DEFAULT
89
- }),
90
- _useState10 = _slicedToArray(_useState9, 2),
91
- specialReq = _useState10[0],
92
- setSpecialReq = _useState10[1];
93
-
81
+ name: '1 special character',
82
+ status: statuses.DEFAULT
83
+ }),
84
+ _useState10 = _slicedToArray(_useState9, 2),
85
+ specialReq = _useState10[0],
86
+ setSpecialReq = _useState10[1];
94
87
  var checkPasswordExample = function checkPasswordExample(string) {
95
88
  var specialCharacters = /[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]+/;
96
-
97
89
  if (string.length > 5) {
98
90
  setCharactersReq(function (prev) {
99
91
  return _objectSpread(_objectSpread({}, prev), {}, {
@@ -107,7 +99,6 @@ export var WithRequirementsList = function WithRequirementsList() {
107
99
  });
108
100
  });
109
101
  }
110
-
111
102
  if (string.match(/[A-Z]/) !== null && string.match(/[A-Z]/).length >= 1) {
112
103
  setUppercaseReq(function (prev) {
113
104
  return _objectSpread(_objectSpread({}, prev), {}, {
@@ -121,7 +112,6 @@ export var WithRequirementsList = function WithRequirementsList() {
121
112
  });
122
113
  });
123
114
  }
124
-
125
115
  if (string.match(/[a-z]/) !== null && string.match(/[a-z]/).length >= 1) {
126
116
  setLowercaseReq(function (prev) {
127
117
  return _objectSpread(_objectSpread({}, prev), {}, {
@@ -135,7 +125,6 @@ export var WithRequirementsList = function WithRequirementsList() {
135
125
  });
136
126
  });
137
127
  }
138
-
139
128
  if (string.match(/[0-9]/) !== null && string.match(/[0-9]/).length >= 1) {
140
129
  setNumberReq(function (prev) {
141
130
  return _objectSpread(_objectSpread({}, prev), {}, {
@@ -149,7 +138,6 @@ export var WithRequirementsList = function WithRequirementsList() {
149
138
  });
150
139
  });
151
140
  }
152
-
153
141
  if (specialCharacters.test(string)) {
154
142
  setSpecialReq(function (prev) {
155
143
  return _objectSpread(_objectSpread({}, prev), {}, {
@@ -164,11 +152,9 @@ export var WithRequirementsList = function WithRequirementsList() {
164
152
  });
165
153
  }
166
154
  };
167
-
168
155
  var onChange = function onChange(event) {
169
156
  checkPasswordExample(event.target.value);
170
157
  };
171
-
172
158
  return ___EmotionJSX(PasswordField, {
173
159
  label: "Example Label",
174
160
  onChange: onChange,
@@ -177,14 +163,12 @@ export var WithRequirementsList = function WithRequirementsList() {
177
163
  };
178
164
  export var WithStateProps = function WithStateProps() {
179
165
  var _useState11 = useState(false),
180
- _useState12 = _slicedToArray(_useState11, 2),
181
- isVisible = _useState12[0],
182
- setPasswordShown = _useState12[1];
183
-
166
+ _useState12 = _slicedToArray(_useState11, 2),
167
+ isVisible = _useState12[0],
168
+ setPasswordShown = _useState12[1];
184
169
  var onVisibleChange = function onVisibleChange() {
185
170
  setPasswordShown(!isVisible);
186
171
  };
187
-
188
172
  return ___EmotionJSX(PasswordField, {
189
173
  onVisibleChange: onVisibleChange,
190
174
  isVisible: isVisible,
@@ -193,14 +177,12 @@ export var WithStateProps = function WithStateProps() {
193
177
  };
194
178
  export var FloatLabel = function FloatLabel() {
195
179
  var _useState13 = useState(false),
196
- _useState14 = _slicedToArray(_useState13, 2),
197
- isVisible = _useState14[0],
198
- setPasswordShown = _useState14[1];
199
-
180
+ _useState14 = _slicedToArray(_useState13, 2),
181
+ isVisible = _useState14[0],
182
+ setPasswordShown = _useState14[1];
200
183
  var onVisibleChange = function onVisibleChange() {
201
184
  setPasswordShown(!isVisible);
202
185
  };
203
-
204
186
  return ___EmotionJSX(PasswordField, {
205
187
  onVisibleChange: onVisibleChange,
206
188
  isVisible: isVisible,
@@ -210,14 +192,12 @@ export var FloatLabel = function FloatLabel() {
210
192
  };
211
193
  export var LeftLabel = function LeftLabel() {
212
194
  var _useState15 = useState(false),
213
- _useState16 = _slicedToArray(_useState15, 2),
214
- isVisible = _useState16[0],
215
- setPasswordShown = _useState16[1];
216
-
195
+ _useState16 = _slicedToArray(_useState15, 2),
196
+ isVisible = _useState16[0],
197
+ setPasswordShown = _useState16[1];
217
198
  var onVisibleChange = function onVisibleChange() {
218
199
  setPasswordShown(!isVisible);
219
200
  };
220
-
221
201
  return ___EmotionJSX(PasswordField, {
222
202
  onVisibleChange: onVisibleChange,
223
203
  isVisible: isVisible,
@@ -227,19 +207,16 @@ export var LeftLabel = function LeftLabel() {
227
207
  };
228
208
  export var Controlled = function Controlled() {
229
209
  var _useState17 = useState(false),
230
- _useState18 = _slicedToArray(_useState17, 2),
231
- isVisible = _useState18[0],
232
- setPasswordShown = _useState18[1];
233
-
210
+ _useState18 = _slicedToArray(_useState17, 2),
211
+ isVisible = _useState18[0],
212
+ setPasswordShown = _useState18[1];
234
213
  var _useState19 = useState(''),
235
- _useState20 = _slicedToArray(_useState19, 2),
236
- value = _useState20[0],
237
- setValue = _useState20[1];
238
-
214
+ _useState20 = _slicedToArray(_useState19, 2),
215
+ value = _useState20[0],
216
+ setValue = _useState20[1];
239
217
  var onVisibleChange = function onVisibleChange() {
240
218
  setPasswordShown(!isVisible);
241
219
  };
242
-
243
220
  return ___EmotionJSX(PasswordField, {
244
221
  onVisibleChange: onVisibleChange,
245
222
  isVisible: isVisible,
@@ -252,14 +229,12 @@ export var Controlled = function Controlled() {
252
229
  };
253
230
  export var Disabled = function Disabled() {
254
231
  var _useState21 = useState(false),
255
- _useState22 = _slicedToArray(_useState21, 2),
256
- isVisible = _useState22[0],
257
- setPasswordShown = _useState22[1];
258
-
232
+ _useState22 = _slicedToArray(_useState21, 2),
233
+ isVisible = _useState22[0],
234
+ setPasswordShown = _useState22[1];
259
235
  var onVisibleChange = function onVisibleChange() {
260
236
  setPasswordShown(!isVisible);
261
237
  };
262
-
263
238
  return ___EmotionJSX(PasswordField, {
264
239
  onVisibleChange: onVisibleChange,
265
240
  isVisible: isVisible,
@@ -269,14 +244,12 @@ export var Disabled = function Disabled() {
269
244
  };
270
245
  export var ReadOnly = function ReadOnly() {
271
246
  var _useState23 = useState(false),
272
- _useState24 = _slicedToArray(_useState23, 2),
273
- isVisible = _useState24[0],
274
- setPasswordShown = _useState24[1];
275
-
247
+ _useState24 = _slicedToArray(_useState23, 2),
248
+ isVisible = _useState24[0],
249
+ setPasswordShown = _useState24[1];
276
250
  var onVisibleChange = function onVisibleChange() {
277
251
  setPasswordShown(!isVisible);
278
252
  };
279
-
280
253
  return ___EmotionJSX(PasswordField, {
281
254
  onVisibleChange: onVisibleChange,
282
255
  isVisible: isVisible,
@@ -286,14 +259,12 @@ export var ReadOnly = function ReadOnly() {
286
259
  };
287
260
  export var Required = function Required() {
288
261
  var _useState25 = useState(false),
289
- _useState26 = _slicedToArray(_useState25, 2),
290
- isVisible = _useState26[0],
291
- setPasswordShown = _useState26[1];
292
-
262
+ _useState26 = _slicedToArray(_useState25, 2),
263
+ isVisible = _useState26[0],
264
+ setPasswordShown = _useState26[1];
293
265
  var onVisibleChange = function onVisibleChange() {
294
266
  setPasswordShown(!isVisible);
295
267
  };
296
-
297
268
  return ___EmotionJSX(PasswordField, {
298
269
  onVisibleChange: onVisibleChange,
299
270
  isVisible: isVisible,
@@ -303,14 +274,12 @@ export var Required = function Required() {
303
274
  };
304
275
  export var Warning = function Warning() {
305
276
  var _useState27 = useState(false),
306
- _useState28 = _slicedToArray(_useState27, 2),
307
- isVisible = _useState28[0],
308
- setPasswordShown = _useState28[1];
309
-
277
+ _useState28 = _slicedToArray(_useState27, 2),
278
+ isVisible = _useState28[0],
279
+ setPasswordShown = _useState28[1];
310
280
  var onVisibleChange = function onVisibleChange() {
311
281
  setPasswordShown(!isVisible);
312
282
  };
313
-
314
283
  return ___EmotionJSX(PasswordField, {
315
284
  onVisibleChange: onVisibleChange,
316
285
  isVisible: isVisible,
@@ -320,14 +289,12 @@ export var Warning = function Warning() {
320
289
  };
321
290
  export var Success = function Success() {
322
291
  var _useState29 = useState(false),
323
- _useState30 = _slicedToArray(_useState29, 2),
324
- isVisible = _useState30[0],
325
- setPasswordShown = _useState30[1];
326
-
292
+ _useState30 = _slicedToArray(_useState29, 2),
293
+ isVisible = _useState30[0],
294
+ setPasswordShown = _useState30[1];
327
295
  var onVisibleChange = function onVisibleChange() {
328
296
  setPasswordShown(!isVisible);
329
297
  };
330
-
331
298
  return ___EmotionJSX(PasswordField, {
332
299
  onVisibleChange: onVisibleChange,
333
300
  isVisible: isVisible,
@@ -337,19 +304,16 @@ export var Success = function Success() {
337
304
  };
338
305
  export var DynamicRequired = function DynamicRequired() {
339
306
  var _useState31 = useState(false),
340
- _useState32 = _slicedToArray(_useState31, 2),
341
- isVisible = _useState32[0],
342
- setPasswordShown = _useState32[1];
343
-
307
+ _useState32 = _slicedToArray(_useState31, 2),
308
+ isVisible = _useState32[0],
309
+ setPasswordShown = _useState32[1];
344
310
  var _useState33 = useState(''),
345
- _useState34 = _slicedToArray(_useState33, 2),
346
- value = _useState34[0],
347
- setValue = _useState34[1];
348
-
311
+ _useState34 = _slicedToArray(_useState33, 2),
312
+ value = _useState34[0],
313
+ setValue = _useState34[1];
349
314
  var onVisibleChange = function onVisibleChange() {
350
315
  setPasswordShown(!isVisible);
351
316
  };
352
-
353
317
  return ___EmotionJSX(PasswordField, {
354
318
  isRequired: isEmpty(value) // isEmpty from lodash
355
319
  ,
@@ -363,14 +327,12 @@ export var DynamicRequired = function DynamicRequired() {
363
327
  };
364
328
  export var MaxLength = function MaxLength() {
365
329
  var _useState35 = useState(false),
366
- _useState36 = _slicedToArray(_useState35, 2),
367
- isVisible = _useState36[0],
368
- setPasswordShown = _useState36[1];
369
-
330
+ _useState36 = _slicedToArray(_useState35, 2),
331
+ isVisible = _useState36[0],
332
+ setPasswordShown = _useState36[1];
370
333
  var onVisibleChange = function onVisibleChange() {
371
334
  setPasswordShown(!isVisible);
372
335
  };
373
-
374
336
  return ___EmotionJSX(PasswordField, {
375
337
  onVisibleChange: onVisibleChange,
376
338
  isVisible: isVisible,
@@ -1,16 +1,27 @@
1
+ import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
2
+ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
3
+ import _Object$create from "@babel/runtime-corejs3/core-js-stable/object/create";
4
+ import _Object$getPrototypeOf from "@babel/runtime-corejs3/core-js-stable/object/get-prototype-of";
5
+ import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
6
+ import _Object$setPrototypeOf from "@babel/runtime-corejs3/core-js-stable/object/set-prototype-of";
7
+ import _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
8
+ import _reverseInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reverse";
9
+ import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
10
+ import _typeof from "@babel/runtime-corejs3/helpers/esm/typeof";
1
11
  import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
2
12
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
3
- import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
13
+ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof _Symbol ? _Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return _Object$defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = _Object$create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = _Object$getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = _Object$create(IteratorPrototype); function defineIteratorMethods(prototype) { var _context4; _forEachInstanceProperty(_context4 = ["next", "throw", "return"]).call(_context4, function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], _forEachInstanceProperty(tryLocsList).call(tryLocsList, pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return _Object$setPrototypeOf ? _Object$setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = _Object$create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = _Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return _reverseInstanceProperty(keys).call(keys), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { var _context5; if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, _forEachInstanceProperty(_context5 = this.tryEntries).call(_context5, resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+_sliceInstanceProperty(name).call(name, 1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
4
14
  import React from 'react';
5
- import { render, screen } from '@testing-library/react';
6
- import { CacheProvider } from '@emotion/react';
7
15
  import createCache from '@emotion/cache';
16
+ import { CacheProvider } from '@emotion/react';
17
+ import { render, screen } from '@testing-library/react';
8
18
  import userEvent from '@testing-library/user-event';
19
+ import axeTest from '../../utils/testUtils/testAxe';
9
20
  import PasswordField from '.';
10
- import axeTest from '../../utils/testUtils/testAxe'; // Emotion Cache added as test fails otherwise, root cause of this failure is unknown.
21
+
22
+ // Emotion Cache added as test fails otherwise, root cause of this failure is unknown.
11
23
  // Failure occured with ThemeUI refactor.
12
24
  // https://github.com/emotion-js/emotion/issues/1105#issuecomment-557726922
13
-
14
25
  import { jsx as ___EmotionJSX } from "@emotion/react";
15
26
  var emotionCache = createCache({
16
27
  key: 'password-field-test'
@@ -58,15 +69,14 @@ var successfultRequirements = [{
58
69
  name: '1 special character',
59
70
  status: 'success'
60
71
  }];
61
-
62
72
  var getComponent = function getComponent() {
63
73
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
64
74
  return render(___EmotionJSX(CacheProvider, {
65
75
  value: emotionCache
66
76
  }, ___EmotionJSX(PasswordField, _extends({}, defaultProps, props))));
67
- }; // Need to be added to each test file to test accessibility using axe.
68
-
77
+ };
69
78
 
79
+ // Need to be added to each test file to test accessibility using axe.
70
80
  axeTest(getComponent);
71
81
  test('default password field', function () {
72
82
  getComponent();
@@ -80,20 +90,18 @@ test('default password field', function () {
80
90
  expect(label).toBeInTheDocument();
81
91
  expect(control).toBeInTheDocument();
82
92
  });
83
- test('renders view icon', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
93
+ test('renders view icon', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
84
94
  var viewIcon;
85
- return _regeneratorRuntime.wrap(function _callee$(_context) {
95
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
86
96
  while (1) {
87
97
  switch (_context.prev = _context.next) {
88
98
  case 0:
89
99
  getComponent();
90
100
  _context.next = 3;
91
101
  return screen.findByTestId(defaultProps.viewHiddenIconTestId);
92
-
93
102
  case 3:
94
103
  viewIcon = _context.sent;
95
104
  expect(viewIcon).toBeInTheDocument();
96
-
97
105
  case 5:
98
106
  case "end":
99
107
  return _context.stop();
@@ -101,9 +109,9 @@ test('renders view icon', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regenera
101
109
  }
102
110
  }, _callee);
103
111
  })));
104
- test('renders view-hidden icon', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
112
+ test('renders view-hidden icon', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
105
113
  var button, viewHiddenIcon, viewIcon;
106
- return _regeneratorRuntime.wrap(function _callee2$(_context2) {
114
+ return _regeneratorRuntime().wrap(function _callee2$(_context2) {
107
115
  while (1) {
108
116
  switch (_context2.prev = _context2.next) {
109
117
  case 0:
@@ -112,18 +120,15 @@ test('renders view-hidden icon', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_r
112
120
  userEvent.click(button);
113
121
  _context2.next = 5;
114
122
  return screen.findByTestId(defaultProps.viewIconTestId);
115
-
116
123
  case 5:
117
124
  viewHiddenIcon = _context2.sent;
118
125
  expect(viewHiddenIcon).toBeInTheDocument();
119
126
  userEvent.click(button);
120
127
  _context2.next = 10;
121
128
  return screen.findByTestId(defaultProps.viewHiddenIconTestId);
122
-
123
129
  case 10:
124
130
  viewIcon = _context2.sent;
125
131
  expect(viewIcon).toBeInTheDocument();
126
-
127
132
  case 12:
128
133
  case "end":
129
134
  return _context2.stop();
@@ -131,9 +136,9 @@ test('renders view-hidden icon', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_r
131
136
  }
132
137
  }, _callee2);
133
138
  })));
134
- test('renders view icon', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
139
+ test('renders view icon', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
135
140
  var button, viewHiddenIcon;
136
- return _regeneratorRuntime.wrap(function _callee3$(_context3) {
141
+ return _regeneratorRuntime().wrap(function _callee3$(_context3) {
137
142
  while (1) {
138
143
  switch (_context3.prev = _context3.next) {
139
144
  case 0:
@@ -142,11 +147,9 @@ test('renders view icon', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regenera
142
147
  userEvent.click(button);
143
148
  _context3.next = 5;
144
149
  return screen.findByTestId(defaultProps.viewIconTestId);
145
-
146
150
  case 5:
147
151
  viewHiddenIcon = _context3.sent;
148
152
  expect(viewHiddenIcon).toBeInTheDocument();
149
-
150
153
  case 7:
151
154
  case "end":
152
155
  return _context3.stop();