smarthr-ui 16.0.2 → 17.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (878) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/esm/components/AccordionPanel/AccordionPanel.js +19 -42
  3. package/esm/components/AccordionPanel/AccordionPanel.js.map +1 -1
  4. package/esm/components/AccordionPanel/AccordionPanelContent.js +26 -43
  5. package/esm/components/AccordionPanel/AccordionPanelContent.js.map +1 -1
  6. package/esm/components/AccordionPanel/AccordionPanelItem.js +5 -28
  7. package/esm/components/AccordionPanel/AccordionPanelItem.js.map +1 -1
  8. package/esm/components/AccordionPanel/AccordionPanelTrigger.js +63 -47
  9. package/esm/components/AccordionPanel/AccordionPanelTrigger.js.map +1 -1
  10. package/esm/components/AccordionPanel/accordionPanelHelper.js +20 -20
  11. package/esm/components/AccordionPanel/accordionPanelHelper.js.map +1 -1
  12. package/esm/components/AccordionPanel/useClassNames.js +3 -3
  13. package/esm/components/AccordionPanel/useClassNames.js.map +1 -1
  14. package/esm/components/AppNavi/AppNavi.d.ts +1 -1
  15. package/esm/components/AppNavi/AppNavi.js +42 -48
  16. package/esm/components/AppNavi/AppNavi.js.map +1 -1
  17. package/esm/components/AppNavi/AppNaviAnchor.js +5 -6
  18. package/esm/components/AppNavi/AppNaviAnchor.js.map +1 -1
  19. package/esm/components/AppNavi/AppNaviButton.js +5 -6
  20. package/esm/components/AppNavi/AppNaviButton.js.map +1 -1
  21. package/esm/components/AppNavi/AppNaviCustomTag.js +11 -43
  22. package/esm/components/AppNavi/AppNaviCustomTag.js.map +1 -1
  23. package/esm/components/AppNavi/AppNaviDropdown.js +15 -24
  24. package/esm/components/AppNavi/AppNaviDropdown.js.map +1 -1
  25. package/esm/components/AppNavi/appNaviHelper.js +47 -26
  26. package/esm/components/AppNavi/appNaviHelper.js.map +1 -1
  27. package/esm/components/AppNavi/useClassNames.js +3 -3
  28. package/esm/components/AppNavi/useClassNames.js.map +1 -1
  29. package/esm/components/BackgroundJobsPanel/BackgroundJobsList.js +24 -16
  30. package/esm/components/BackgroundJobsPanel/BackgroundJobsList.js.map +1 -1
  31. package/esm/components/BackgroundJobsPanel/BackgroundJobsPanel.js +88 -54
  32. package/esm/components/BackgroundJobsPanel/BackgroundJobsPanel.js.map +1 -1
  33. package/esm/components/BackgroundJobsPanel/JobIcon.js +5 -6
  34. package/esm/components/BackgroundJobsPanel/JobIcon.js.map +1 -1
  35. package/esm/components/BackgroundJobsPanel/OmittableJobText.js +18 -16
  36. package/esm/components/BackgroundJobsPanel/OmittableJobText.js.map +1 -1
  37. package/esm/components/BackgroundJobsPanel/useClassNames.js +5 -5
  38. package/esm/components/BackgroundJobsPanel/useClassNames.js.map +1 -1
  39. package/esm/components/Balloon/Balloon.d.ts +2 -6
  40. package/esm/components/Balloon/Balloon.js +117 -49
  41. package/esm/components/Balloon/Balloon.js.map +1 -1
  42. package/esm/components/Balloon/useClassNames.js +3 -3
  43. package/esm/components/Balloon/useClassNames.js.map +1 -1
  44. package/esm/components/Base/Base.js +15 -38
  45. package/esm/components/Base/Base.js.map +1 -1
  46. package/esm/components/Base/DialogBase.js +14 -37
  47. package/esm/components/Base/DialogBase.js.map +1 -1
  48. package/esm/components/Base/useClassNames.js +5 -5
  49. package/esm/components/Base/useClassNames.js.map +1 -1
  50. package/esm/components/BottomFixedArea/BottomFixedArea.d.ts +6 -0
  51. package/esm/components/BottomFixedArea/BottomFixedArea.js +62 -48
  52. package/esm/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
  53. package/esm/components/BottomFixedArea/TertiaryLink.js +38 -42
  54. package/esm/components/BottomFixedArea/TertiaryLink.js.map +1 -1
  55. package/esm/components/BottomFixedArea/bottomFixedAreaHelper.js +3 -3
  56. package/esm/components/BottomFixedArea/bottomFixedAreaHelper.js.map +1 -1
  57. package/esm/components/BottomFixedArea/useClassNames.js +3 -3
  58. package/esm/components/BottomFixedArea/useClassNames.js.map +1 -1
  59. package/esm/components/Button/BaseButton.js +82 -44
  60. package/esm/components/Button/BaseButton.js.map +1 -1
  61. package/esm/components/Button/DangerButton.js +43 -48
  62. package/esm/components/Button/DangerButton.js.map +1 -1
  63. package/esm/components/Button/PrimaryButton.js +44 -48
  64. package/esm/components/Button/PrimaryButton.js.map +1 -1
  65. package/esm/components/Button/SecondaryButton.js +44 -48
  66. package/esm/components/Button/SecondaryButton.js.map +1 -1
  67. package/esm/components/Button/SkeletonButton.js +44 -48
  68. package/esm/components/Button/SkeletonButton.js.map +1 -1
  69. package/esm/components/Button/TextButton.js +41 -48
  70. package/esm/components/Button/TextButton.js.map +1 -1
  71. package/esm/components/Button/UnstyledButton.js +28 -6
  72. package/esm/components/Button/UnstyledButton.js.map +1 -1
  73. package/esm/components/Button/useClassNames.js +13 -13
  74. package/esm/components/Button/useClassNames.js.map +1 -1
  75. package/esm/components/Calendar/Calendar.js +53 -57
  76. package/esm/components/Calendar/Calendar.js.map +1 -1
  77. package/esm/components/Calendar/CalendarTable.js +78 -58
  78. package/esm/components/Calendar/CalendarTable.js.map +1 -1
  79. package/esm/components/Calendar/YearPicker.js +74 -61
  80. package/esm/components/Calendar/YearPicker.js.map +1 -1
  81. package/esm/components/Calendar/calendarHelper.js +14 -14
  82. package/esm/components/Calendar/calendarHelper.js.map +1 -1
  83. package/esm/components/Calendar/useClassNames.js +6 -6
  84. package/esm/components/Calendar/useClassNames.js.map +1 -1
  85. package/esm/components/CheckBox/CheckBox.js +40 -43
  86. package/esm/components/CheckBox/CheckBox.js.map +1 -1
  87. package/esm/components/CheckBox/CheckBoxInput.js +90 -55
  88. package/esm/components/CheckBox/CheckBoxInput.js.map +1 -1
  89. package/esm/components/CheckBox/useClassNames.js +3 -3
  90. package/esm/components/CheckBox/useClassNames.js.map +1 -1
  91. package/esm/components/ComboBox/MultiComboBox.js +149 -104
  92. package/esm/components/ComboBox/MultiComboBox.js.map +1 -1
  93. package/esm/components/ComboBox/MultiSelectedItem.js +3 -14
  94. package/esm/components/ComboBox/MultiSelectedItem.js.map +1 -1
  95. package/esm/components/ComboBox/MultiSelectedItemInner.js +60 -29
  96. package/esm/components/ComboBox/MultiSelectedItemInner.js.map +1 -1
  97. package/esm/components/ComboBox/SingleComboBox.js +90 -86
  98. package/esm/components/ComboBox/SingleComboBox.js.map +1 -1
  99. package/esm/components/ComboBox/comboBoxHelper.d.ts +1 -0
  100. package/esm/components/ComboBox/comboBoxHelper.js +14 -0
  101. package/esm/components/ComboBox/comboBoxHelper.js.map +1 -0
  102. package/esm/components/ComboBox/multiComboBoxHelper.js +2 -2
  103. package/esm/components/ComboBox/multiComboBoxHelper.js.map +1 -1
  104. package/esm/components/ComboBox/useClassNames.js +4 -4
  105. package/esm/components/ComboBox/useClassNames.js.map +1 -1
  106. package/esm/components/ComboBox/useListBox.js +161 -123
  107. package/esm/components/ComboBox/useListBox.js.map +1 -1
  108. package/esm/components/CompactInformationPanel/CompactInformationPanel.js +32 -49
  109. package/esm/components/CompactInformationPanel/CompactInformationPanel.js.map +1 -1
  110. package/esm/components/CompactInformationPanel/useClassNames.js +3 -3
  111. package/esm/components/CompactInformationPanel/useClassNames.js.map +1 -1
  112. package/esm/components/DatePicker/DatePicker.js +61 -74
  113. package/esm/components/DatePicker/DatePicker.js.map +1 -1
  114. package/esm/components/DatePicker/Portal.js +24 -33
  115. package/esm/components/DatePicker/Portal.js.map +1 -1
  116. package/esm/components/DatePicker/datePickerHelper.js +31 -34
  117. package/esm/components/DatePicker/datePickerHelper.js.map +1 -1
  118. package/esm/components/DatePicker/useClassNames.js +4 -4
  119. package/esm/components/DatePicker/useClassNames.js.map +1 -1
  120. package/esm/components/DatePicker/useGlobalKeyDown.js +2 -2
  121. package/esm/components/DatePicker/useGlobalKeyDown.js.map +1 -1
  122. package/esm/components/DefinitionList/DefinitionList.js +69 -28
  123. package/esm/components/DefinitionList/DefinitionList.js.map +1 -1
  124. package/esm/components/DefinitionList/DefinitionListItem.js +25 -20
  125. package/esm/components/DefinitionList/DefinitionListItem.js.map +1 -1
  126. package/esm/components/DefinitionList/useClassNames.js +5 -5
  127. package/esm/components/DefinitionList/useClassNames.js.map +1 -1
  128. package/esm/components/Dialog/ActionDialog.js +8 -31
  129. package/esm/components/Dialog/ActionDialog.js.map +1 -1
  130. package/esm/components/Dialog/ActionDialogContent.js +5 -28
  131. package/esm/components/Dialog/ActionDialogContent.js.map +1 -1
  132. package/esm/components/Dialog/ActionDialogContentInner.js +62 -39
  133. package/esm/components/Dialog/ActionDialogContentInner.js.map +1 -1
  134. package/esm/components/Dialog/BodyScrollSuppressor.js +15 -15
  135. package/esm/components/Dialog/BodyScrollSuppressor.js.map +1 -1
  136. package/esm/components/Dialog/Dialog.js +6 -29
  137. package/esm/components/Dialog/Dialog.js.map +1 -1
  138. package/esm/components/Dialog/DialogCloser.js +5 -9
  139. package/esm/components/Dialog/DialogCloser.js.map +1 -1
  140. package/esm/components/Dialog/DialogContent.js +6 -29
  141. package/esm/components/Dialog/DialogContent.js.map +1 -1
  142. package/esm/components/Dialog/DialogContentInner.js +51 -54
  143. package/esm/components/Dialog/DialogContentInner.js.map +1 -1
  144. package/esm/components/Dialog/DialogOverlap.js +29 -13
  145. package/esm/components/Dialog/DialogOverlap.js.map +1 -1
  146. package/esm/components/Dialog/DialogPositionProvider.js +4 -5
  147. package/esm/components/Dialog/DialogPositionProvider.js.map +1 -1
  148. package/esm/components/Dialog/DialogTrigger.js +5 -9
  149. package/esm/components/Dialog/DialogTrigger.js.map +1 -1
  150. package/esm/components/Dialog/DialogWrapper.js +15 -16
  151. package/esm/components/Dialog/DialogWrapper.js.map +1 -1
  152. package/esm/components/Dialog/FocusTrap.js +18 -19
  153. package/esm/components/Dialog/FocusTrap.js.map +1 -1
  154. package/esm/components/Dialog/MessageDialog.js +7 -30
  155. package/esm/components/Dialog/MessageDialog.js.map +1 -1
  156. package/esm/components/Dialog/MessageDialogContent.js +4 -27
  157. package/esm/components/Dialog/MessageDialogContent.js.map +1 -1
  158. package/esm/components/Dialog/MessageDialogContentInner.js +30 -23
  159. package/esm/components/Dialog/MessageDialogContentInner.js.map +1 -1
  160. package/esm/components/Dialog/ModelessDialog.js +107 -88
  161. package/esm/components/Dialog/ModelessDialog.js.map +1 -1
  162. package/esm/components/Dialog/dialogHelper.js +16 -16
  163. package/esm/components/Dialog/dialogHelper.js.map +1 -1
  164. package/esm/components/Dialog/useClassNames.js +4 -4
  165. package/esm/components/Dialog/useClassNames.js.map +1 -1
  166. package/esm/components/DropZone/DropZone.d.ts +7 -0
  167. package/esm/components/DropZone/DropZone.js +31 -25
  168. package/esm/components/DropZone/DropZone.js.map +1 -1
  169. package/esm/components/DropZone/useClassNames.js +3 -3
  170. package/esm/components/DropZone/useClassNames.js.map +1 -1
  171. package/esm/components/Dropdown/Dropdown.js +27 -28
  172. package/esm/components/Dropdown/Dropdown.js.map +1 -1
  173. package/esm/components/Dropdown/DropdownCloser.js +18 -17
  174. package/esm/components/Dropdown/DropdownCloser.js.map +1 -1
  175. package/esm/components/Dropdown/DropdownContent.d.ts +6 -0
  176. package/esm/components/Dropdown/DropdownContent.js +7 -8
  177. package/esm/components/Dropdown/DropdownContent.js.map +1 -1
  178. package/esm/components/Dropdown/DropdownContentInner.js +48 -31
  179. package/esm/components/Dropdown/DropdownContentInner.js.map +1 -1
  180. package/esm/components/Dropdown/DropdownScrollArea.js +14 -32
  181. package/esm/components/Dropdown/DropdownScrollArea.js.map +1 -1
  182. package/esm/components/Dropdown/DropdownTrigger.d.ts +1 -0
  183. package/esm/components/Dropdown/DropdownTrigger.js +15 -19
  184. package/esm/components/Dropdown/DropdownTrigger.js.map +1 -1
  185. package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +40 -28
  186. package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
  187. package/esm/components/Dropdown/dropdownHelper.js +14 -14
  188. package/esm/components/Dropdown/dropdownHelper.js.map +1 -1
  189. package/esm/components/Dropdown/useClassNames.js +4 -4
  190. package/esm/components/Dropdown/useClassNames.js.map +1 -1
  191. package/esm/components/Dropdown/useKeyboardNavigation.js +14 -14
  192. package/esm/components/Dropdown/useKeyboardNavigation.js.map +1 -1
  193. package/esm/components/FieldSet/FieldSet.d.ts +7 -0
  194. package/esm/components/FieldSet/FieldSet.js +50 -55
  195. package/esm/components/FieldSet/FieldSet.js.map +1 -1
  196. package/esm/components/FieldSet/useClassNames.js +3 -3
  197. package/esm/components/FieldSet/useClassNames.js.map +1 -1
  198. package/esm/components/FlashMessage/FlashMessage.d.ts +7 -0
  199. package/esm/components/FlashMessage/FlashMessage.js +105 -59
  200. package/esm/components/FlashMessage/FlashMessage.js.map +1 -1
  201. package/esm/components/FlashMessage/FlashMessageList/FlashMessageList.js +17 -24
  202. package/esm/components/FlashMessage/FlashMessageList/FlashMessageList.js.map +1 -1
  203. package/esm/components/FlashMessage/FlashMessageList/FlashMessageListProvider.js +11 -32
  204. package/esm/components/FlashMessage/FlashMessageList/FlashMessageListProvider.js.map +1 -1
  205. package/esm/components/FlashMessage/FlashMessageList/Item.js +16 -38
  206. package/esm/components/FlashMessage/FlashMessageList/Item.js.map +1 -1
  207. package/esm/components/FlashMessage/FlashMessageList/useFlashMessageList.js +2 -2
  208. package/esm/components/FlashMessage/FlashMessageList/useFlashMessageList.js.map +1 -1
  209. package/esm/components/FlashMessage/useClassNames.js +4 -4
  210. package/esm/components/FlashMessage/useClassNames.js.map +1 -1
  211. package/esm/components/FloatArea/FloatArea.d.ts +12 -0
  212. package/esm/components/FloatArea/FloatArea.js +29 -40
  213. package/esm/components/FloatArea/FloatArea.js.map +1 -1
  214. package/esm/components/FloatArea/useClassNames.js +4 -4
  215. package/esm/components/FloatArea/useClassNames.js.map +1 -1
  216. package/esm/components/Footer/Footer.js +46 -51
  217. package/esm/components/Footer/Footer.js.map +1 -1
  218. package/esm/components/Footer/useClassNames.js +3 -3
  219. package/esm/components/Footer/useClassNames.js.map +1 -1
  220. package/esm/components/FormGroup/FormGroup.d.ts +10 -0
  221. package/esm/components/FormGroup/FormGroup.js +64 -70
  222. package/esm/components/FormGroup/FormGroup.js.map +1 -1
  223. package/esm/components/Heading/Heading.js +45 -37
  224. package/esm/components/Heading/Heading.js.map +1 -1
  225. package/esm/components/Heading/useClassNames.js +3 -3
  226. package/esm/components/Heading/useClassNames.js.map +1 -1
  227. package/esm/components/HeadlineArea/HeadlineArea.js +20 -38
  228. package/esm/components/HeadlineArea/HeadlineArea.js.map +1 -1
  229. package/esm/components/HeadlineArea/useClassNames.js +3 -3
  230. package/esm/components/HeadlineArea/useClassNames.js.map +1 -1
  231. package/esm/components/Icon/Icon.js +318 -344
  232. package/esm/components/Icon/Icon.js.map +1 -1
  233. package/esm/components/Icon/useClassNames.js +3 -3
  234. package/esm/components/Icon/useClassNames.js.map +1 -1
  235. package/esm/components/Image/BlankImage.js +26 -33
  236. package/esm/components/Image/BlankImage.js.map +1 -1
  237. package/esm/components/Image/useClassNames.js +3 -3
  238. package/esm/components/Image/useClassNames.js.map +1 -1
  239. package/esm/components/IndexNav/IndexNav.js +43 -44
  240. package/esm/components/IndexNav/IndexNav.js.map +1 -1
  241. package/esm/components/IndexNav/useClassNames.js +3 -3
  242. package/esm/components/IndexNav/useClassNames.js.map +1 -1
  243. package/esm/components/InformationPanel/InformationPanel.js +68 -68
  244. package/esm/components/InformationPanel/InformationPanel.js.map +1 -1
  245. package/esm/components/InformationPanel/useClassNames.js +3 -3
  246. package/esm/components/InformationPanel/useClassNames.js.map +1 -1
  247. package/esm/components/Input/CurrencyInput/CurrencyInput.js +12 -36
  248. package/esm/components/Input/CurrencyInput/CurrencyInput.js.map +1 -1
  249. package/esm/components/Input/CurrencyInput/currencyInputHelper.js +8 -8
  250. package/esm/components/Input/CurrencyInput/currencyInputHelper.js.map +1 -1
  251. package/esm/components/Input/CurrencyInput/useClassNames.js +3 -3
  252. package/esm/components/Input/CurrencyInput/useClassNames.js.map +1 -1
  253. package/esm/components/Input/Input.js +74 -51
  254. package/esm/components/Input/Input.js.map +1 -1
  255. package/esm/components/Input/useClassNames.js +3 -3
  256. package/esm/components/Input/useClassNames.js.map +1 -1
  257. package/esm/components/InputFile/InputFile.js +146 -68
  258. package/esm/components/InputFile/InputFile.js.map +1 -1
  259. package/esm/components/InputFile/useClassNames.js +3 -3
  260. package/esm/components/InputFile/useClassNames.js.map +1 -1
  261. package/esm/components/Layout/Cluster/Cluster.js +34 -16
  262. package/esm/components/Layout/Cluster/Cluster.js.map +1 -1
  263. package/esm/components/Layout/LineUp/LineUp.d.ts +1 -1
  264. package/esm/components/Layout/LineUp/LineUp.js +26 -9
  265. package/esm/components/Layout/LineUp/LineUp.js.map +1 -1
  266. package/esm/components/Layout/Sidebar/Sidebar.js +32 -13
  267. package/esm/components/Layout/Sidebar/Sidebar.js.map +1 -1
  268. package/esm/components/Layout/Stack/Stack.d.ts +1 -1
  269. package/esm/components/Layout/Stack/Stack.js +25 -9
  270. package/esm/components/Layout/Stack/Stack.js.map +1 -1
  271. package/esm/components/LineClamp/LineClamp.d.ts +0 -3
  272. package/esm/components/LineClamp/LineClamp.js +40 -48
  273. package/esm/components/LineClamp/LineClamp.js.map +1 -1
  274. package/esm/components/LineClamp/useClassNames.js +3 -3
  275. package/esm/components/LineClamp/useClassNames.js.map +1 -1
  276. package/esm/components/Loader/Loader.js +135 -59
  277. package/esm/components/Loader/Loader.js.map +1 -1
  278. package/esm/components/Loader/loaderAnimation.js +127 -16
  279. package/esm/components/Loader/loaderAnimation.js.map +1 -1
  280. package/esm/components/Loader/useClassNames.js +3 -3
  281. package/esm/components/Loader/useClassNames.js.map +1 -1
  282. package/esm/components/MessageScreen/MessageScreen.js +72 -59
  283. package/esm/components/MessageScreen/MessageScreen.js.map +1 -1
  284. package/esm/components/MessageScreen/useClassNames.js +3 -3
  285. package/esm/components/MessageScreen/useClassNames.js.map +1 -1
  286. package/esm/components/Pagination/Pagination.js +52 -52
  287. package/esm/components/Pagination/Pagination.js.map +1 -1
  288. package/esm/components/Pagination/PaginationControllerItem.js +5 -17
  289. package/esm/components/Pagination/PaginationControllerItem.js.map +1 -1
  290. package/esm/components/Pagination/PaginationItem.js +17 -15
  291. package/esm/components/Pagination/PaginationItem.js.map +1 -1
  292. package/esm/components/Pagination/useClassNames.js +3 -3
  293. package/esm/components/Pagination/useClassNames.js.map +1 -1
  294. package/esm/components/RadioButton/RadioButton.js +40 -51
  295. package/esm/components/RadioButton/RadioButton.js.map +1 -1
  296. package/esm/components/RadioButton/RadioButtonInput.js +89 -50
  297. package/esm/components/RadioButton/RadioButtonInput.js.map +1 -1
  298. package/esm/components/RadioButton/useClassNames.js +3 -3
  299. package/esm/components/RadioButton/useClassNames.js.map +1 -1
  300. package/esm/components/RightFixedNote/RightFixedNote.js +54 -56
  301. package/esm/components/RightFixedNote/RightFixedNote.js.map +1 -1
  302. package/esm/components/RightFixedNote/RightFixedNoteItem.js +44 -28
  303. package/esm/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
  304. package/esm/components/RightFixedNote/useClassNames.js +3 -3
  305. package/esm/components/RightFixedNote/useClassNames.js.map +1 -1
  306. package/esm/components/SegmentedControl/SegmentedControl.js +52 -53
  307. package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
  308. package/esm/components/SegmentedControl/useClassNames.js +3 -3
  309. package/esm/components/SegmentedControl/useClassNames.js.map +1 -1
  310. package/esm/components/Select/Select.js +109 -54
  311. package/esm/components/Select/Select.js.map +1 -1
  312. package/esm/components/Select/useClassNames.js +3 -3
  313. package/esm/components/Select/useClassNames.js.map +1 -1
  314. package/esm/components/SideNav/SideNav.js +14 -15
  315. package/esm/components/SideNav/SideNav.js.map +1 -1
  316. package/esm/components/SideNav/SideNavItem.js +70 -27
  317. package/esm/components/SideNav/SideNavItem.js.map +1 -1
  318. package/esm/components/SideNav/useClassNames.js +3 -3
  319. package/esm/components/SideNav/useClassNames.js.map +1 -1
  320. package/esm/components/SmartHRLogo/SmartHRLogo.js +19 -35
  321. package/esm/components/SmartHRLogo/SmartHRLogo.js.map +1 -1
  322. package/esm/components/SmartHRLogo/useClassNames.js +3 -3
  323. package/esm/components/SmartHRLogo/useClassNames.js.map +1 -1
  324. package/esm/components/StatusLabel/StatusLabel.d.ts +2 -2
  325. package/esm/components/StatusLabel/StatusLabel.js +63 -37
  326. package/esm/components/StatusLabel/StatusLabel.js.map +1 -1
  327. package/esm/components/StatusLabel/useClassNames.js +3 -3
  328. package/esm/components/StatusLabel/useClassNames.js.map +1 -1
  329. package/esm/components/TabBar/TabBar.js +26 -38
  330. package/esm/components/TabBar/TabBar.js.map +1 -1
  331. package/esm/components/TabBar/TabItem.js +46 -40
  332. package/esm/components/TabBar/TabItem.js.map +1 -1
  333. package/esm/components/TabBar/useClassNames.js +4 -4
  334. package/esm/components/TabBar/useClassNames.js.map +1 -1
  335. package/esm/components/Table/Body.js +7 -36
  336. package/esm/components/Table/Body.js.map +1 -1
  337. package/esm/components/Table/Cell.js +69 -47
  338. package/esm/components/Table/Cell.js.map +1 -1
  339. package/esm/components/Table/Head.js +21 -40
  340. package/esm/components/Table/Head.js.map +1 -1
  341. package/esm/components/Table/Row.js +3 -26
  342. package/esm/components/Table/Row.js.map +1 -1
  343. package/esm/components/Table/Table.js +20 -38
  344. package/esm/components/Table/Table.js.map +1 -1
  345. package/esm/components/Table/useClassNames.js +7 -7
  346. package/esm/components/Table/useClassNames.js.map +1 -1
  347. package/esm/components/Text/Text.js +12 -34
  348. package/esm/components/Text/Text.js.map +1 -1
  349. package/esm/components/TextLink/TextLink.js +33 -48
  350. package/esm/components/TextLink/TextLink.js.map +1 -1
  351. package/esm/components/Textarea/Textarea.js +68 -53
  352. package/esm/components/Textarea/Textarea.js.map +1 -1
  353. package/esm/components/Textarea/useClassNames.js +3 -3
  354. package/esm/components/Textarea/useClassNames.js.map +1 -1
  355. package/esm/components/Tooltip/Tooltip.d.ts +2 -6
  356. package/esm/components/Tooltip/Tooltip.js +54 -80
  357. package/esm/components/Tooltip/Tooltip.js.map +1 -1
  358. package/esm/components/Tooltip/TooltipPortal.d.ts +0 -2
  359. package/esm/components/Tooltip/TooltipPortal.js +62 -62
  360. package/esm/components/Tooltip/TooltipPortal.js.map +1 -1
  361. package/esm/components/Tooltip/tooltipHelper.js +15 -18
  362. package/esm/components/Tooltip/tooltipHelper.js.map +1 -1
  363. package/esm/components/Tooltip/useClassNames.js +3 -3
  364. package/esm/components/Tooltip/useClassNames.js.map +1 -1
  365. package/esm/constants.js +14 -7
  366. package/esm/constants.js.map +1 -1
  367. package/esm/hocs/hoverable.js +47 -79
  368. package/esm/hocs/hoverable.js.map +1 -1
  369. package/esm/hooks/useClassNameGenerator.js +4 -4
  370. package/esm/hooks/useClassNameGenerator.js.map +1 -1
  371. package/esm/hooks/useHandleEscape.js +4 -4
  372. package/esm/hooks/useHandleEscape.js.map +1 -1
  373. package/esm/hooks/useId.js +7 -8
  374. package/esm/hooks/useId.js.map +1 -1
  375. package/esm/hooks/useOuterClick.js +10 -16
  376. package/esm/hooks/useOuterClick.js.map +1 -1
  377. package/esm/hooks/usePortal.js +26 -34
  378. package/esm/hooks/usePortal.js.map +1 -1
  379. package/esm/hooks/useSpacing.js +2 -2
  380. package/esm/hooks/useSpacing.js.map +1 -1
  381. package/esm/hooks/useTheme.js +2 -2
  382. package/esm/hooks/useTheme.js.map +1 -1
  383. package/esm/index.d.ts +2 -2
  384. package/esm/index.js +2 -2
  385. package/esm/index.js.map +1 -1
  386. package/esm/libs/lodash.js +2 -2
  387. package/esm/libs/lodash.js.map +1 -1
  388. package/esm/libs/map.js +5 -5
  389. package/esm/libs/map.js.map +1 -1
  390. package/esm/libs/tabbable.js +9 -17
  391. package/esm/libs/tabbable.js.map +1 -1
  392. package/esm/libs/ua.js +8 -8
  393. package/esm/libs/ua.js.map +1 -1
  394. package/esm/themes/ThemeProvider.js +3 -4
  395. package/esm/themes/ThemeProvider.js.map +1 -1
  396. package/esm/themes/__tests__/createBorder.js +11 -11
  397. package/esm/themes/__tests__/createBorder.js.map +1 -1
  398. package/esm/themes/__tests__/createBreakpoint.js +6 -6
  399. package/esm/themes/__tests__/createBreakpoint.js.map +1 -1
  400. package/esm/themes/__tests__/createColor.js +6 -6
  401. package/esm/themes/__tests__/createColor.js.map +1 -1
  402. package/esm/themes/__tests__/createFontSize.js +30 -30
  403. package/esm/themes/__tests__/createFontSize.js.map +1 -1
  404. package/esm/themes/__tests__/createLeading.js +5 -5
  405. package/esm/themes/__tests__/createLeading.js.map +1 -1
  406. package/esm/themes/__tests__/createRadius.js +6 -6
  407. package/esm/themes/__tests__/createRadius.js.map +1 -1
  408. package/esm/themes/__tests__/createSpacing.js +16 -16
  409. package/esm/themes/__tests__/createSpacing.js.map +1 -1
  410. package/esm/themes/__tests__/createTheme.js +68 -68
  411. package/esm/themes/__tests__/createTheme.js.map +1 -1
  412. package/esm/themes/createBorder.js +11 -21
  413. package/esm/themes/createBorder.js.map +1 -1
  414. package/esm/themes/createBreakpoint.js +3 -15
  415. package/esm/themes/createBreakpoint.js.map +1 -1
  416. package/esm/themes/createColor.js +8 -19
  417. package/esm/themes/createColor.js.map +1 -1
  418. package/esm/themes/createFontSize.js +22 -37
  419. package/esm/themes/createFontSize.js.map +1 -1
  420. package/esm/themes/createFrame.js +15 -24
  421. package/esm/themes/createFrame.js.map +1 -1
  422. package/esm/themes/createInteraction.js +8 -18
  423. package/esm/themes/createInteraction.js.map +1 -1
  424. package/esm/themes/createLeading.js +4 -16
  425. package/esm/themes/createLeading.js.map +1 -1
  426. package/esm/themes/createPalette.js +8 -18
  427. package/esm/themes/createPalette.js.map +1 -1
  428. package/esm/themes/createRadius.js +3 -15
  429. package/esm/themes/createRadius.js.map +1 -1
  430. package/esm/themes/createShadow.js +9 -22
  431. package/esm/themes/createShadow.js.map +1 -1
  432. package/esm/themes/createSize.js +18 -30
  433. package/esm/themes/createSize.js.map +1 -1
  434. package/esm/themes/createSpacing.js +13 -22
  435. package/esm/themes/createSpacing.js.map +1 -1
  436. package/esm/themes/createTheme.js +56 -53
  437. package/esm/themes/createTheme.js.map +1 -1
  438. package/esm/themes/createZIndex.js +5 -15
  439. package/esm/themes/createZIndex.js.map +1 -1
  440. package/lib/components/AccordionPanel/AccordionPanel.js +22 -45
  441. package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
  442. package/lib/components/AccordionPanel/AccordionPanelContent.js +33 -50
  443. package/lib/components/AccordionPanel/AccordionPanelContent.js.map +1 -1
  444. package/lib/components/AccordionPanel/AccordionPanelItem.js +6 -29
  445. package/lib/components/AccordionPanel/AccordionPanelItem.js.map +1 -1
  446. package/lib/components/AccordionPanel/AccordionPanelTrigger.js +73 -57
  447. package/lib/components/AccordionPanel/AccordionPanelTrigger.js.map +1 -1
  448. package/lib/components/AccordionPanel/accordionPanelHelper.js +19 -19
  449. package/lib/components/AccordionPanel/accordionPanelHelper.js.map +1 -1
  450. package/lib/components/AccordionPanel/useClassNames.js +6 -6
  451. package/lib/components/AccordionPanel/useClassNames.js.map +1 -1
  452. package/lib/components/AppNavi/AppNavi.d.ts +1 -1
  453. package/lib/components/AppNavi/AppNavi.js +51 -57
  454. package/lib/components/AppNavi/AppNavi.js.map +1 -1
  455. package/lib/components/AppNavi/AppNaviAnchor.js +10 -11
  456. package/lib/components/AppNavi/AppNaviAnchor.js.map +1 -1
  457. package/lib/components/AppNavi/AppNaviButton.js +10 -11
  458. package/lib/components/AppNavi/AppNaviButton.js.map +1 -1
  459. package/lib/components/AppNavi/AppNaviCustomTag.js +16 -48
  460. package/lib/components/AppNavi/AppNaviCustomTag.js.map +1 -1
  461. package/lib/components/AppNavi/AppNaviDropdown.js +21 -30
  462. package/lib/components/AppNavi/AppNaviDropdown.js.map +1 -1
  463. package/lib/components/AppNavi/appNaviHelper.js +49 -28
  464. package/lib/components/AppNavi/appNaviHelper.js.map +1 -1
  465. package/lib/components/AppNavi/useClassNames.js +5 -5
  466. package/lib/components/AppNavi/useClassNames.js.map +1 -1
  467. package/lib/components/BackgroundJobsPanel/BackgroundJobsList.js +28 -20
  468. package/lib/components/BackgroundJobsPanel/BackgroundJobsList.js.map +1 -1
  469. package/lib/components/BackgroundJobsPanel/BackgroundJobsPanel.js +98 -64
  470. package/lib/components/BackgroundJobsPanel/BackgroundJobsPanel.js.map +1 -1
  471. package/lib/components/BackgroundJobsPanel/JobIcon.js +8 -9
  472. package/lib/components/BackgroundJobsPanel/JobIcon.js.map +1 -1
  473. package/lib/components/BackgroundJobsPanel/OmittableJobText.js +20 -18
  474. package/lib/components/BackgroundJobsPanel/OmittableJobText.js.map +1 -1
  475. package/lib/components/BackgroundJobsPanel/useClassNames.js +9 -9
  476. package/lib/components/BackgroundJobsPanel/useClassNames.js.map +1 -1
  477. package/lib/components/Balloon/Balloon.d.ts +2 -6
  478. package/lib/components/Balloon/Balloon.js +123 -54
  479. package/lib/components/Balloon/Balloon.js.map +1 -1
  480. package/lib/components/Balloon/useClassNames.js +5 -5
  481. package/lib/components/Balloon/useClassNames.js.map +1 -1
  482. package/lib/components/Base/Base.js +17 -40
  483. package/lib/components/Base/Base.js.map +1 -1
  484. package/lib/components/Base/DialogBase.js +18 -41
  485. package/lib/components/Base/DialogBase.js.map +1 -1
  486. package/lib/components/Base/useClassNames.js +9 -9
  487. package/lib/components/Base/useClassNames.js.map +1 -1
  488. package/lib/components/BottomFixedArea/BottomFixedArea.d.ts +6 -0
  489. package/lib/components/BottomFixedArea/BottomFixedArea.js +69 -55
  490. package/lib/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
  491. package/lib/components/BottomFixedArea/TertiaryLink.js +42 -46
  492. package/lib/components/BottomFixedArea/TertiaryLink.js.map +1 -1
  493. package/lib/components/BottomFixedArea/bottomFixedAreaHelper.js +3 -3
  494. package/lib/components/BottomFixedArea/bottomFixedAreaHelper.js.map +1 -1
  495. package/lib/components/BottomFixedArea/useClassNames.js +5 -5
  496. package/lib/components/BottomFixedArea/useClassNames.js.map +1 -1
  497. package/lib/components/Button/BaseButton.js +85 -47
  498. package/lib/components/Button/BaseButton.js.map +1 -1
  499. package/lib/components/Button/DangerButton.js +48 -53
  500. package/lib/components/Button/DangerButton.js.map +1 -1
  501. package/lib/components/Button/PrimaryButton.js +49 -53
  502. package/lib/components/Button/PrimaryButton.js.map +1 -1
  503. package/lib/components/Button/SecondaryButton.js +49 -53
  504. package/lib/components/Button/SecondaryButton.js.map +1 -1
  505. package/lib/components/Button/SkeletonButton.js +49 -53
  506. package/lib/components/Button/SkeletonButton.js.map +1 -1
  507. package/lib/components/Button/TextButton.js +46 -53
  508. package/lib/components/Button/TextButton.js.map +1 -1
  509. package/lib/components/Button/UnstyledButton.js +29 -7
  510. package/lib/components/Button/UnstyledButton.js.map +1 -1
  511. package/lib/components/Button/useClassNames.js +20 -20
  512. package/lib/components/Button/useClassNames.js.map +1 -1
  513. package/lib/components/Calendar/Calendar.js +64 -68
  514. package/lib/components/Calendar/Calendar.js.map +1 -1
  515. package/lib/components/Calendar/CalendarTable.js +85 -65
  516. package/lib/components/Calendar/CalendarTable.js.map +1 -1
  517. package/lib/components/Calendar/YearPicker.js +79 -66
  518. package/lib/components/Calendar/YearPicker.js.map +1 -1
  519. package/lib/components/Calendar/calendarHelper.js +14 -14
  520. package/lib/components/Calendar/calendarHelper.js.map +1 -1
  521. package/lib/components/Calendar/useClassNames.js +11 -11
  522. package/lib/components/Calendar/useClassNames.js.map +1 -1
  523. package/lib/components/CheckBox/CheckBox.js +46 -49
  524. package/lib/components/CheckBox/CheckBox.js.map +1 -1
  525. package/lib/components/CheckBox/CheckBoxInput.js +96 -61
  526. package/lib/components/CheckBox/CheckBoxInput.js.map +1 -1
  527. package/lib/components/CheckBox/useClassNames.js +6 -6
  528. package/lib/components/CheckBox/useClassNames.js.map +1 -1
  529. package/lib/components/ComboBox/MultiComboBox.js +158 -113
  530. package/lib/components/ComboBox/MultiComboBox.js.map +1 -1
  531. package/lib/components/ComboBox/MultiSelectedItem.js +6 -17
  532. package/lib/components/ComboBox/MultiSelectedItem.js.map +1 -1
  533. package/lib/components/ComboBox/MultiSelectedItemInner.js +66 -35
  534. package/lib/components/ComboBox/MultiSelectedItemInner.js.map +1 -1
  535. package/lib/components/ComboBox/SingleComboBox.js +99 -95
  536. package/lib/components/ComboBox/SingleComboBox.js.map +1 -1
  537. package/lib/components/ComboBox/comboBoxHelper.d.ts +1 -0
  538. package/lib/components/ComboBox/comboBoxHelper.js +18 -0
  539. package/lib/components/ComboBox/comboBoxHelper.js.map +1 -0
  540. package/lib/components/ComboBox/multiComboBoxHelper.js +2 -2
  541. package/lib/components/ComboBox/multiComboBoxHelper.js.map +1 -1
  542. package/lib/components/ComboBox/useClassNames.js +7 -7
  543. package/lib/components/ComboBox/useClassNames.js.map +1 -1
  544. package/lib/components/ComboBox/useListBox.js +169 -131
  545. package/lib/components/ComboBox/useListBox.js.map +1 -1
  546. package/lib/components/CompactInformationPanel/CompactInformationPanel.js +38 -55
  547. package/lib/components/CompactInformationPanel/CompactInformationPanel.js.map +1 -1
  548. package/lib/components/CompactInformationPanel/useClassNames.js +6 -6
  549. package/lib/components/CompactInformationPanel/useClassNames.js.map +1 -1
  550. package/lib/components/DatePicker/DatePicker.js +74 -87
  551. package/lib/components/DatePicker/DatePicker.js.map +1 -1
  552. package/lib/components/DatePicker/Portal.js +31 -40
  553. package/lib/components/DatePicker/Portal.js.map +1 -1
  554. package/lib/components/DatePicker/datePickerHelper.js +32 -35
  555. package/lib/components/DatePicker/datePickerHelper.js.map +1 -1
  556. package/lib/components/DatePicker/useClassNames.js +7 -7
  557. package/lib/components/DatePicker/useClassNames.js.map +1 -1
  558. package/lib/components/DatePicker/useGlobalKeyDown.js +3 -3
  559. package/lib/components/DatePicker/useGlobalKeyDown.js.map +1 -1
  560. package/lib/components/DefinitionList/DefinitionList.js +74 -33
  561. package/lib/components/DefinitionList/DefinitionList.js.map +1 -1
  562. package/lib/components/DefinitionList/DefinitionListItem.js +30 -25
  563. package/lib/components/DefinitionList/DefinitionListItem.js.map +1 -1
  564. package/lib/components/DefinitionList/useClassNames.js +9 -9
  565. package/lib/components/DefinitionList/useClassNames.js.map +1 -1
  566. package/lib/components/Dialog/ActionDialog.js +12 -35
  567. package/lib/components/Dialog/ActionDialog.js.map +1 -1
  568. package/lib/components/Dialog/ActionDialogContent.js +9 -32
  569. package/lib/components/Dialog/ActionDialogContent.js.map +1 -1
  570. package/lib/components/Dialog/ActionDialogContentInner.js +72 -49
  571. package/lib/components/Dialog/ActionDialogContentInner.js.map +1 -1
  572. package/lib/components/Dialog/BodyScrollSuppressor.js +17 -17
  573. package/lib/components/Dialog/BodyScrollSuppressor.js.map +1 -1
  574. package/lib/components/Dialog/Dialog.js +9 -32
  575. package/lib/components/Dialog/Dialog.js.map +1 -1
  576. package/lib/components/Dialog/DialogCloser.js +8 -12
  577. package/lib/components/Dialog/DialogCloser.js.map +1 -1
  578. package/lib/components/Dialog/DialogContent.js +8 -31
  579. package/lib/components/Dialog/DialogContent.js.map +1 -1
  580. package/lib/components/Dialog/DialogContentInner.js +60 -63
  581. package/lib/components/Dialog/DialogContentInner.js.map +1 -1
  582. package/lib/components/Dialog/DialogOverlap.js +33 -17
  583. package/lib/components/Dialog/DialogOverlap.js.map +1 -1
  584. package/lib/components/Dialog/DialogPositionProvider.js +4 -5
  585. package/lib/components/Dialog/DialogPositionProvider.js.map +1 -1
  586. package/lib/components/Dialog/DialogTrigger.js +8 -12
  587. package/lib/components/Dialog/DialogTrigger.js.map +1 -1
  588. package/lib/components/Dialog/DialogWrapper.js +16 -17
  589. package/lib/components/Dialog/DialogWrapper.js.map +1 -1
  590. package/lib/components/Dialog/FocusTrap.js +20 -21
  591. package/lib/components/Dialog/FocusTrap.js.map +1 -1
  592. package/lib/components/Dialog/MessageDialog.js +11 -34
  593. package/lib/components/Dialog/MessageDialog.js.map +1 -1
  594. package/lib/components/Dialog/MessageDialogContent.js +8 -31
  595. package/lib/components/Dialog/MessageDialogContent.js.map +1 -1
  596. package/lib/components/Dialog/MessageDialogContentInner.js +38 -31
  597. package/lib/components/Dialog/MessageDialogContentInner.js.map +1 -1
  598. package/lib/components/Dialog/ModelessDialog.js +120 -101
  599. package/lib/components/Dialog/ModelessDialog.js.map +1 -1
  600. package/lib/components/Dialog/dialogHelper.js +19 -19
  601. package/lib/components/Dialog/dialogHelper.js.map +1 -1
  602. package/lib/components/Dialog/useClassNames.js +7 -7
  603. package/lib/components/Dialog/useClassNames.js.map +1 -1
  604. package/lib/components/DropZone/DropZone.d.ts +7 -0
  605. package/lib/components/DropZone/DropZone.js +37 -31
  606. package/lib/components/DropZone/DropZone.js.map +1 -1
  607. package/lib/components/DropZone/useClassNames.js +6 -6
  608. package/lib/components/DropZone/useClassNames.js.map +1 -1
  609. package/lib/components/Dropdown/Dropdown.js +31 -32
  610. package/lib/components/Dropdown/Dropdown.js.map +1 -1
  611. package/lib/components/Dropdown/DropdownCloser.js +23 -22
  612. package/lib/components/Dropdown/DropdownCloser.js.map +1 -1
  613. package/lib/components/Dropdown/DropdownContent.d.ts +6 -0
  614. package/lib/components/Dropdown/DropdownContent.js +10 -11
  615. package/lib/components/Dropdown/DropdownContent.js.map +1 -1
  616. package/lib/components/Dropdown/DropdownContentInner.js +53 -36
  617. package/lib/components/Dropdown/DropdownContentInner.js.map +1 -1
  618. package/lib/components/Dropdown/DropdownScrollArea.js +17 -35
  619. package/lib/components/Dropdown/DropdownScrollArea.js.map +1 -1
  620. package/lib/components/Dropdown/DropdownTrigger.d.ts +1 -0
  621. package/lib/components/Dropdown/DropdownTrigger.js +20 -24
  622. package/lib/components/Dropdown/DropdownTrigger.js.map +1 -1
  623. package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js +50 -38
  624. package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
  625. package/lib/components/Dropdown/dropdownHelper.js +15 -15
  626. package/lib/components/Dropdown/dropdownHelper.js.map +1 -1
  627. package/lib/components/Dropdown/useClassNames.js +7 -7
  628. package/lib/components/Dropdown/useClassNames.js.map +1 -1
  629. package/lib/components/Dropdown/useKeyboardNavigation.js +18 -18
  630. package/lib/components/Dropdown/useKeyboardNavigation.js.map +1 -1
  631. package/lib/components/FieldSet/FieldSet.d.ts +7 -0
  632. package/lib/components/FieldSet/FieldSet.js +59 -64
  633. package/lib/components/FieldSet/FieldSet.js.map +1 -1
  634. package/lib/components/FieldSet/useClassNames.js +6 -6
  635. package/lib/components/FieldSet/useClassNames.js.map +1 -1
  636. package/lib/components/FlashMessage/FlashMessage.d.ts +7 -0
  637. package/lib/components/FlashMessage/FlashMessage.js +108 -62
  638. package/lib/components/FlashMessage/FlashMessage.js.map +1 -1
  639. package/lib/components/FlashMessage/FlashMessageList/FlashMessageList.js +22 -29
  640. package/lib/components/FlashMessage/FlashMessageList/FlashMessageList.js.map +1 -1
  641. package/lib/components/FlashMessage/FlashMessageList/FlashMessageListProvider.js +12 -33
  642. package/lib/components/FlashMessage/FlashMessageList/FlashMessageListProvider.js.map +1 -1
  643. package/lib/components/FlashMessage/FlashMessageList/Item.js +21 -43
  644. package/lib/components/FlashMessage/FlashMessageList/Item.js.map +1 -1
  645. package/lib/components/FlashMessage/FlashMessageList/useFlashMessageList.js +4 -4
  646. package/lib/components/FlashMessage/FlashMessageList/useFlashMessageList.js.map +1 -1
  647. package/lib/components/FlashMessage/useClassNames.js +7 -7
  648. package/lib/components/FlashMessage/useClassNames.js.map +1 -1
  649. package/lib/components/FloatArea/FloatArea.d.ts +12 -0
  650. package/lib/components/FloatArea/FloatArea.js +36 -47
  651. package/lib/components/FloatArea/FloatArea.js.map +1 -1
  652. package/lib/components/FloatArea/useClassNames.js +7 -7
  653. package/lib/components/FloatArea/useClassNames.js.map +1 -1
  654. package/lib/components/Footer/Footer.js +50 -55
  655. package/lib/components/Footer/Footer.js.map +1 -1
  656. package/lib/components/Footer/useClassNames.js +6 -6
  657. package/lib/components/Footer/useClassNames.js.map +1 -1
  658. package/lib/components/FormGroup/FormGroup.d.ts +10 -0
  659. package/lib/components/FormGroup/FormGroup.js +71 -77
  660. package/lib/components/FormGroup/FormGroup.js.map +1 -1
  661. package/lib/components/Heading/Heading.js +49 -41
  662. package/lib/components/Heading/Heading.js.map +1 -1
  663. package/lib/components/Heading/useClassNames.js +6 -6
  664. package/lib/components/Heading/useClassNames.js.map +1 -1
  665. package/lib/components/HeadlineArea/HeadlineArea.js +25 -43
  666. package/lib/components/HeadlineArea/HeadlineArea.js.map +1 -1
  667. package/lib/components/HeadlineArea/useClassNames.js +6 -6
  668. package/lib/components/HeadlineArea/useClassNames.js.map +1 -1
  669. package/lib/components/Icon/Icon.js +20 -46
  670. package/lib/components/Icon/Icon.js.map +1 -1
  671. package/lib/components/Icon/useClassNames.js +5 -5
  672. package/lib/components/Icon/useClassNames.js.map +1 -1
  673. package/lib/components/Image/BlankImage.js +29 -36
  674. package/lib/components/Image/BlankImage.js.map +1 -1
  675. package/lib/components/Image/useClassNames.js +6 -6
  676. package/lib/components/Image/useClassNames.js.map +1 -1
  677. package/lib/components/IndexNav/IndexNav.js +47 -48
  678. package/lib/components/IndexNav/IndexNav.js.map +1 -1
  679. package/lib/components/IndexNav/useClassNames.js +6 -6
  680. package/lib/components/IndexNav/useClassNames.js.map +1 -1
  681. package/lib/components/InformationPanel/InformationPanel.js +77 -77
  682. package/lib/components/InformationPanel/InformationPanel.js.map +1 -1
  683. package/lib/components/InformationPanel/useClassNames.js +6 -6
  684. package/lib/components/InformationPanel/useClassNames.js.map +1 -1
  685. package/lib/components/Input/CurrencyInput/CurrencyInput.js +16 -40
  686. package/lib/components/Input/CurrencyInput/CurrencyInput.js.map +1 -1
  687. package/lib/components/Input/CurrencyInput/currencyInputHelper.js +8 -8
  688. package/lib/components/Input/CurrencyInput/currencyInputHelper.js.map +1 -1
  689. package/lib/components/Input/CurrencyInput/useClassNames.js +6 -6
  690. package/lib/components/Input/CurrencyInput/useClassNames.js.map +1 -1
  691. package/lib/components/Input/Input.js +78 -55
  692. package/lib/components/Input/Input.js.map +1 -1
  693. package/lib/components/Input/useClassNames.js +6 -6
  694. package/lib/components/Input/useClassNames.js.map +1 -1
  695. package/lib/components/InputFile/InputFile.js +153 -75
  696. package/lib/components/InputFile/InputFile.js.map +1 -1
  697. package/lib/components/InputFile/useClassNames.js +6 -6
  698. package/lib/components/InputFile/useClassNames.js.map +1 -1
  699. package/lib/components/Layout/Cluster/Cluster.js +37 -19
  700. package/lib/components/Layout/Cluster/Cluster.js.map +1 -1
  701. package/lib/components/Layout/LineUp/LineUp.d.ts +1 -1
  702. package/lib/components/Layout/LineUp/LineUp.js +28 -11
  703. package/lib/components/Layout/LineUp/LineUp.js.map +1 -1
  704. package/lib/components/Layout/Sidebar/Sidebar.js +34 -15
  705. package/lib/components/Layout/Sidebar/Sidebar.js.map +1 -1
  706. package/lib/components/Layout/Stack/Stack.d.ts +1 -1
  707. package/lib/components/Layout/Stack/Stack.js +27 -11
  708. package/lib/components/Layout/Stack/Stack.js.map +1 -1
  709. package/lib/components/LineClamp/LineClamp.d.ts +0 -3
  710. package/lib/components/LineClamp/LineClamp.js +43 -51
  711. package/lib/components/LineClamp/LineClamp.js.map +1 -1
  712. package/lib/components/LineClamp/useClassNames.js +6 -6
  713. package/lib/components/LineClamp/useClassNames.js.map +1 -1
  714. package/lib/components/Loader/Loader.js +141 -65
  715. package/lib/components/Loader/Loader.js.map +1 -1
  716. package/lib/components/Loader/loaderAnimation.js +125 -14
  717. package/lib/components/Loader/loaderAnimation.js.map +1 -1
  718. package/lib/components/Loader/useClassNames.js +6 -6
  719. package/lib/components/Loader/useClassNames.js.map +1 -1
  720. package/lib/components/MessageScreen/MessageScreen.js +79 -66
  721. package/lib/components/MessageScreen/MessageScreen.js.map +1 -1
  722. package/lib/components/MessageScreen/useClassNames.js +6 -6
  723. package/lib/components/MessageScreen/useClassNames.js.map +1 -1
  724. package/lib/components/Pagination/Pagination.js +59 -59
  725. package/lib/components/Pagination/Pagination.js.map +1 -1
  726. package/lib/components/Pagination/PaginationControllerItem.js +9 -21
  727. package/lib/components/Pagination/PaginationControllerItem.js.map +1 -1
  728. package/lib/components/Pagination/PaginationItem.js +20 -18
  729. package/lib/components/Pagination/PaginationItem.js.map +1 -1
  730. package/lib/components/Pagination/useClassNames.js +6 -6
  731. package/lib/components/Pagination/useClassNames.js.map +1 -1
  732. package/lib/components/RadioButton/RadioButton.js +46 -57
  733. package/lib/components/RadioButton/RadioButton.js.map +1 -1
  734. package/lib/components/RadioButton/RadioButtonInput.js +93 -54
  735. package/lib/components/RadioButton/RadioButtonInput.js.map +1 -1
  736. package/lib/components/RadioButton/useClassNames.js +6 -6
  737. package/lib/components/RadioButton/useClassNames.js.map +1 -1
  738. package/lib/components/RightFixedNote/RightFixedNote.js +63 -65
  739. package/lib/components/RightFixedNote/RightFixedNote.js.map +1 -1
  740. package/lib/components/RightFixedNote/RightFixedNoteItem.js +51 -35
  741. package/lib/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
  742. package/lib/components/RightFixedNote/useClassNames.js +6 -6
  743. package/lib/components/RightFixedNote/useClassNames.js.map +1 -1
  744. package/lib/components/SegmentedControl/SegmentedControl.js +57 -58
  745. package/lib/components/SegmentedControl/SegmentedControl.js.map +1 -1
  746. package/lib/components/SegmentedControl/useClassNames.js +6 -6
  747. package/lib/components/SegmentedControl/useClassNames.js.map +1 -1
  748. package/lib/components/Select/Select.js +115 -60
  749. package/lib/components/Select/Select.js.map +1 -1
  750. package/lib/components/Select/useClassNames.js +6 -6
  751. package/lib/components/Select/useClassNames.js.map +1 -1
  752. package/lib/components/SideNav/SideNav.js +19 -20
  753. package/lib/components/SideNav/SideNav.js.map +1 -1
  754. package/lib/components/SideNav/SideNavItem.js +76 -33
  755. package/lib/components/SideNav/SideNavItem.js.map +1 -1
  756. package/lib/components/SideNav/useClassNames.js +6 -6
  757. package/lib/components/SideNav/useClassNames.js.map +1 -1
  758. package/lib/components/SmartHRLogo/SmartHRLogo.js +22 -38
  759. package/lib/components/SmartHRLogo/SmartHRLogo.js.map +1 -1
  760. package/lib/components/SmartHRLogo/useClassNames.js +6 -6
  761. package/lib/components/SmartHRLogo/useClassNames.js.map +1 -1
  762. package/lib/components/StatusLabel/StatusLabel.d.ts +2 -2
  763. package/lib/components/StatusLabel/StatusLabel.js +67 -41
  764. package/lib/components/StatusLabel/StatusLabel.js.map +1 -1
  765. package/lib/components/StatusLabel/useClassNames.js +6 -6
  766. package/lib/components/StatusLabel/useClassNames.js.map +1 -1
  767. package/lib/components/TabBar/TabBar.js +30 -42
  768. package/lib/components/TabBar/TabBar.js.map +1 -1
  769. package/lib/components/TabBar/TabItem.js +51 -45
  770. package/lib/components/TabBar/TabItem.js.map +1 -1
  771. package/lib/components/TabBar/useClassNames.js +7 -7
  772. package/lib/components/TabBar/useClassNames.js.map +1 -1
  773. package/lib/components/Table/Body.js +12 -41
  774. package/lib/components/Table/Body.js.map +1 -1
  775. package/lib/components/Table/Cell.js +75 -53
  776. package/lib/components/Table/Cell.js.map +1 -1
  777. package/lib/components/Table/Head.js +26 -45
  778. package/lib/components/Table/Head.js.map +1 -1
  779. package/lib/components/Table/Row.js +5 -28
  780. package/lib/components/Table/Row.js.map +1 -1
  781. package/lib/components/Table/Table.js +23 -41
  782. package/lib/components/Table/Table.js.map +1 -1
  783. package/lib/components/Table/useClassNames.js +10 -10
  784. package/lib/components/Table/useClassNames.js.map +1 -1
  785. package/lib/components/Text/Text.js +15 -37
  786. package/lib/components/Text/Text.js.map +1 -1
  787. package/lib/components/TextLink/TextLink.js +37 -52
  788. package/lib/components/TextLink/TextLink.js.map +1 -1
  789. package/lib/components/Textarea/Textarea.js +72 -57
  790. package/lib/components/Textarea/Textarea.js.map +1 -1
  791. package/lib/components/Textarea/useClassNames.js +6 -6
  792. package/lib/components/Textarea/useClassNames.js.map +1 -1
  793. package/lib/components/Tooltip/Tooltip.d.ts +2 -6
  794. package/lib/components/Tooltip/Tooltip.js +62 -87
  795. package/lib/components/Tooltip/Tooltip.js.map +1 -1
  796. package/lib/components/Tooltip/TooltipPortal.d.ts +0 -2
  797. package/lib/components/Tooltip/TooltipPortal.js +67 -67
  798. package/lib/components/Tooltip/TooltipPortal.js.map +1 -1
  799. package/lib/components/Tooltip/tooltipHelper.js +15 -18
  800. package/lib/components/Tooltip/tooltipHelper.js.map +1 -1
  801. package/lib/components/Tooltip/useClassNames.js +5 -5
  802. package/lib/components/Tooltip/useClassNames.js.map +1 -1
  803. package/lib/constants.js +14 -7
  804. package/lib/constants.js.map +1 -1
  805. package/lib/hocs/hoverable.js +49 -81
  806. package/lib/hocs/hoverable.js.map +1 -1
  807. package/lib/hooks/useClassNameGenerator.js +5 -5
  808. package/lib/hooks/useClassNameGenerator.js.map +1 -1
  809. package/lib/hooks/useHandleEscape.js +5 -5
  810. package/lib/hooks/useHandleEscape.js.map +1 -1
  811. package/lib/hooks/useId.js +8 -9
  812. package/lib/hooks/useId.js.map +1 -1
  813. package/lib/hooks/useOuterClick.js +11 -17
  814. package/lib/hooks/useOuterClick.js.map +1 -1
  815. package/lib/hooks/usePortal.js +27 -35
  816. package/lib/hooks/usePortal.js.map +1 -1
  817. package/lib/hooks/useSpacing.js +3 -3
  818. package/lib/hooks/useSpacing.js.map +1 -1
  819. package/lib/hooks/useTheme.js +4 -4
  820. package/lib/hooks/useTheme.js.map +1 -1
  821. package/lib/index.d.ts +2 -2
  822. package/lib/index.js +3 -7
  823. package/lib/index.js.map +1 -1
  824. package/lib/libs/lodash.js +2 -2
  825. package/lib/libs/lodash.js.map +1 -1
  826. package/lib/libs/map.js +5 -5
  827. package/lib/libs/map.js.map +1 -1
  828. package/lib/libs/tabbable.js +9 -17
  829. package/lib/libs/tabbable.js.map +1 -1
  830. package/lib/libs/ua.js +1 -1
  831. package/lib/libs/ua.js.map +1 -1
  832. package/lib/themes/ThemeProvider.js +4 -5
  833. package/lib/themes/ThemeProvider.js.map +1 -1
  834. package/lib/themes/__tests__/createBorder.js +13 -13
  835. package/lib/themes/__tests__/createBorder.js.map +1 -1
  836. package/lib/themes/__tests__/createBreakpoint.js +8 -8
  837. package/lib/themes/__tests__/createBreakpoint.js.map +1 -1
  838. package/lib/themes/__tests__/createColor.js +8 -8
  839. package/lib/themes/__tests__/createColor.js.map +1 -1
  840. package/lib/themes/__tests__/createFontSize.js +32 -32
  841. package/lib/themes/__tests__/createFontSize.js.map +1 -1
  842. package/lib/themes/__tests__/createLeading.js +6 -6
  843. package/lib/themes/__tests__/createLeading.js.map +1 -1
  844. package/lib/themes/__tests__/createRadius.js +8 -8
  845. package/lib/themes/__tests__/createRadius.js.map +1 -1
  846. package/lib/themes/__tests__/createSpacing.js +17 -17
  847. package/lib/themes/__tests__/createSpacing.js.map +1 -1
  848. package/lib/themes/__tests__/createTheme.js +75 -75
  849. package/lib/themes/__tests__/createTheme.js.map +1 -1
  850. package/lib/themes/createBorder.js +12 -22
  851. package/lib/themes/createBorder.js.map +1 -1
  852. package/lib/themes/createBreakpoint.js +3 -15
  853. package/lib/themes/createBreakpoint.js.map +1 -1
  854. package/lib/themes/createColor.js +10 -21
  855. package/lib/themes/createColor.js.map +1 -1
  856. package/lib/themes/createFontSize.js +22 -37
  857. package/lib/themes/createFontSize.js.map +1 -1
  858. package/lib/themes/createFrame.js +16 -25
  859. package/lib/themes/createFrame.js.map +1 -1
  860. package/lib/themes/createInteraction.js +8 -18
  861. package/lib/themes/createInteraction.js.map +1 -1
  862. package/lib/themes/createLeading.js +4 -16
  863. package/lib/themes/createLeading.js.map +1 -1
  864. package/lib/themes/createPalette.js +9 -19
  865. package/lib/themes/createPalette.js.map +1 -1
  866. package/lib/themes/createRadius.js +3 -15
  867. package/lib/themes/createRadius.js.map +1 -1
  868. package/lib/themes/createShadow.js +11 -24
  869. package/lib/themes/createShadow.js.map +1 -1
  870. package/lib/themes/createSize.js +18 -30
  871. package/lib/themes/createSize.js.map +1 -1
  872. package/lib/themes/createSpacing.js +12 -21
  873. package/lib/themes/createSpacing.js.map +1 -1
  874. package/lib/themes/createTheme.js +69 -66
  875. package/lib/themes/createTheme.js.map +1 -1
  876. package/lib/themes/createZIndex.js +5 -15
  877. package/lib/themes/createZIndex.js.map +1 -1
  878. package/package.json +17 -17
package/CHANGELOG.md CHANGED
@@ -2,6 +2,23 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4
4
 
5
+ ## [17.0.0](https://github.com/kufu/smarthr-ui/compare/v16.0.2...v17.0.0) (2021-12-21)
6
+
7
+
8
+ ### ⚠ BREAKING CHANGES
9
+
10
+ * Light/Dark Balloon, Light/Dark Tooltip の削除 (SHRUI-464) (#2121)
11
+ * IE のサポートを終了する (SHRUI-505) (#2116)
12
+
13
+ ### Features
14
+
15
+ * Change `<StatusLabel>`, `<AppNavi>`'s string props to ReactNode ([#2115](https://github.com/kufu/smarthr-ui/issues/2115)) ([a7d6bdc](https://github.com/kufu/smarthr-ui/commit/a7d6bdc4a664a140df078aaa2fa8af590ca5d186))
16
+ * コンボボックスが全半角大小文字を区別せずマッチするように変更 ([#2105](https://github.com/kufu/smarthr-ui/issues/2105)) ([5fb565e](https://github.com/kufu/smarthr-ui/commit/5fb565eab6c306d0933419702e321c9a4ba27110))
17
+
18
+
19
+ * IE のサポートを終了する (SHRUI-505) ([#2116](https://github.com/kufu/smarthr-ui/issues/2116)) ([d31ac97](https://github.com/kufu/smarthr-ui/commit/d31ac976789b915d8281491d5f92f89d036203f9))
20
+ * Light/Dark Balloon, Light/Dark Tooltip の削除 (SHRUI-464) ([#2121](https://github.com/kufu/smarthr-ui/issues/2121)) ([4ef5eed](https://github.com/kufu/smarthr-ui/commit/4ef5eed59692afb52b532be878a2ca4c3e830587))
21
+
5
22
  ### [16.0.2](https://github.com/kufu/smarthr-ui/compare/v16.0.1...v16.0.2) (2021-12-13)
6
23
 
7
24
 
@@ -1,50 +1,27 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
1
  import React, { useCallback, useEffect, useRef, useState } from 'react';
24
2
  import { flatArrayToMap } from '../../libs/map';
25
3
  import { focusFirstSibling, focusLastSibling, focusNextSibling, focusPreviousSibling, getNewExpandedItems, keycodes, } from './accordionPanelHelper';
26
4
  import { useClassNames } from './useClassNames';
27
- export var AccordionPanelContext = React.createContext({
5
+ export const AccordionPanelContext = React.createContext({
28
6
  iconPosition: 'left',
29
7
  displayIcon: true,
30
8
  expandedItems: new Map(),
31
9
  expandableMultiply: false,
32
10
  parentRef: null,
33
11
  });
34
- export var AccordionPanel = function (_a) {
35
- var children = _a.children, _b = _a.iconPosition, iconPosition = _b === void 0 ? 'left' : _b, _c = _a.displayIcon, displayIcon = _c === void 0 ? true : _c, _d = _a.expandableMultiply, expandableMultiply = _d === void 0 ? false : _d, _e = _a.defaultExpanded, defaultExpanded = _e === void 0 ? [] : _e, _f = _a.className, className = _f === void 0 ? '' : _f, onClickProps = _a.onClick, props = __rest(_a, ["children", "iconPosition", "displayIcon", "expandableMultiply", "defaultExpanded", "className", "onClick"]);
36
- var _g = useState(flatArrayToMap(defaultExpanded)), expandedItems = _g[0], setExpanded = _g[1];
37
- var parentRef = useRef(null);
38
- var classNames = useClassNames();
39
- var onClickTrigger = useCallback(function (itemName, isExpanded) {
12
+ export const AccordionPanel = ({ children, iconPosition = 'left', displayIcon = true, expandableMultiply = false, defaultExpanded = [], className = '', onClick: onClickProps, ...props }) => {
13
+ const [expandedItems, setExpanded] = useState(flatArrayToMap(defaultExpanded));
14
+ const parentRef = useRef(null);
15
+ const classNames = useClassNames();
16
+ const onClickTrigger = useCallback((itemName, isExpanded) => {
40
17
  setExpanded(getNewExpandedItems(expandedItems, itemName, isExpanded, expandableMultiply));
41
18
  }, [expandableMultiply, expandedItems]);
42
- var handleKeyPress = function (event) {
43
- if (!(parentRef === null || parentRef === void 0 ? void 0 : parentRef.current)) {
19
+ const handleKeyPress = (event) => {
20
+ if (!parentRef?.current) {
44
21
  return;
45
22
  }
46
- var keyCode = event.keyCode;
47
- var item = event.target;
23
+ const keyCode = event.keyCode;
24
+ const item = event.target;
48
25
  switch (keyCode) {
49
26
  case keycodes.HOME: {
50
27
  event.preventDefault();
@@ -70,19 +47,19 @@ export var AccordionPanel = function (_a) {
70
47
  }
71
48
  }
72
49
  };
73
- useEffect(function () {
50
+ useEffect(() => {
74
51
  if (defaultExpanded.length > 0)
75
52
  setExpanded(flatArrayToMap(defaultExpanded));
76
53
  }, [defaultExpanded]);
77
54
  return (React.createElement(AccordionPanelContext.Provider, { value: {
78
- onClickTrigger: onClickTrigger,
79
- onClickProps: onClickProps,
80
- expandedItems: expandedItems,
81
- iconPosition: iconPosition,
82
- displayIcon: displayIcon,
83
- expandableMultiply: expandableMultiply,
84
- parentRef: parentRef,
55
+ onClickTrigger,
56
+ onClickProps,
57
+ expandedItems,
58
+ iconPosition,
59
+ displayIcon,
60
+ expandableMultiply,
61
+ parentRef,
85
62
  } },
86
- React.createElement("div", __assign({ className: "".concat(className, " ").concat(classNames.wrapper), ref: parentRef, onKeyDown: handleKeyPress }, props), children)));
63
+ React.createElement("div", { className: `${className} ${classNames.wrapper}`, ref: parentRef, onKeyDown: handleKeyPress, ...props }, children)));
87
64
  };
88
65
  //# sourceMappingURL=AccordionPanel.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionPanel.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AccordionPanel.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"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"}
@@ -1,29 +1,3 @@
1
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
- return cooked;
4
- };
5
- var __assign = (this && this.__assign) || function () {
6
- __assign = Object.assign || function(t) {
7
- for (var s, i = 1, n = arguments.length; i < n; i++) {
8
- s = arguments[i];
9
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
10
- t[p] = s[p];
11
- }
12
- return t;
13
- };
14
- return __assign.apply(this, arguments);
15
- };
16
- var __rest = (this && this.__rest) || function (s, e) {
17
- var t = {};
18
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
19
- t[p] = s[p];
20
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
21
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
22
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
23
- t[p[i]] = s[p[i]];
24
- }
25
- return t;
26
- };
27
1
  import React, { useCallback, useContext, useRef } from 'react';
28
2
  import styled from 'styled-components';
29
3
  import { Transition } from 'react-transition-group';
@@ -31,29 +5,38 @@ import { getIsInclude } from '../../libs/map';
31
5
  import { AccordionPanelItemContext } from './AccordionPanelItem';
32
6
  import { AccordionPanelContext } from './AccordionPanel';
33
7
  import { useClassNames } from './useClassNames';
34
- var duration = 200;
35
- export var AccordionPanelContent = function (_a) {
36
- var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, props = __rest(_a, ["children", "className"]);
37
- var name = useContext(AccordionPanelItemContext).name;
38
- var expandedItems = useContext(AccordionPanelContext).expandedItems;
39
- var isInclude = getIsInclude(expandedItems, name);
40
- var wrapperRef = useRef(null);
41
- var classNames = useClassNames();
42
- var recalculateHeight = useCallback(function (node) {
43
- var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
44
- node.style.height = "".concat(wrapperHeight, "px");
8
+ const duration = 200;
9
+ export const AccordionPanelContent = ({ children, className = '', ...props }) => {
10
+ const { name } = useContext(AccordionPanelItemContext);
11
+ const { expandedItems } = useContext(AccordionPanelContext);
12
+ const isInclude = getIsInclude(expandedItems, name);
13
+ const wrapperRef = useRef(null);
14
+ const classNames = useClassNames();
15
+ const recalculateHeight = useCallback((node) => {
16
+ const wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
17
+ node.style.height = `${wrapperHeight}px`;
45
18
  }, [wrapperRef]);
46
- var handleEntered = function (node) {
19
+ const handleEntered = (node) => {
47
20
  node.style.height = 'auto';
48
21
  node.style.visibility = 'visible';
49
22
  };
50
- var handleExited = function (node) {
23
+ const handleExited = (node) => {
51
24
  node.style.height = '0px';
52
25
  node.style.visibility = 'hidden';
53
26
  };
54
- return (React.createElement(Transition, { in: isInclude, onEntering: recalculateHeight, onEntered: handleEntered, onExit: recalculateHeight, onExiting: recalculateHeight, onExited: handleExited, timeout: duration }, function (status) { return (React.createElement(CollapseContainer, __assign({ id: "".concat(name, "-content"), className: "".concat(status, " ").concat(className, " ").concat(classNames.content), "aria-labelledby": "".concat(name, "-trigger"), "aria-hidden": !isInclude }, props),
55
- React.createElement("div", { ref: wrapperRef }, children))); }));
27
+ return (React.createElement(Transition, { in: isInclude, onEntering: recalculateHeight, onEntered: handleEntered, onExit: recalculateHeight, onExiting: recalculateHeight, onExited: handleExited, timeout: duration }, (status) => (React.createElement(CollapseContainer, { id: `${name}-content`, className: `${status} ${className} ${classNames.content}`, "aria-labelledby": `${name}-trigger`, "aria-hidden": !isInclude, ...props },
28
+ React.createElement("div", { ref: wrapperRef }, children)))));
56
29
  };
57
- var CollapseContainer = styled.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 0;\n overflow: hidden;\n transition: height ", "ms ease;\n visibility: hidden;\n\n &.entered {\n height: auto;\n overflow: visible;\n visibility: visible;\n }\n"], ["\n height: 0;\n overflow: hidden;\n transition: height ", "ms ease;\n visibility: hidden;\n\n &.entered {\n height: auto;\n overflow: visible;\n visibility: visible;\n }\n"])), duration);
58
- var templateObject_1;
30
+ const CollapseContainer = styled.section `
31
+ height: 0;
32
+ overflow: hidden;
33
+ transition: height ${duration}ms ease;
34
+ visibility: hidden;
35
+
36
+ &.entered {
37
+ height: auto;
38
+ overflow: visible;
39
+ visibility: visible;
40
+ }
41
+ `;
59
42
  //# sourceMappingURL=AccordionPanelContent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAuB,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAU/C,IAAM,QAAQ,GAAG,GAAG,CAAA;AAEpB,MAAM,CAAC,IAAM,qBAAqB,GAA8B,UAAC,EAIhE;IAHC,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACX,KAAK,cAHuD,yBAIhE,CADS;IAEA,IAAA,IAAI,GAAK,UAAU,CAAC,yBAAyB,CAAC,KAA1C,CAA0C;IAC9C,IAAA,aAAa,GAAK,UAAU,CAAC,qBAAqB,CAAC,cAAtC,CAAsC;IAC3D,IAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,IAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,IAAM,iBAAiB,GAAG,WAAW,CACnC,UAAC,IAAiB;QAChB,IAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC9E,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,UAAG,aAAa,OAAI,CAAA;IAC1C,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,IAAM,aAAa,GAAG,UAAC,IAAiB;QACtC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;IACnC,CAAC,CAAA;IAED,IAAM,YAAY,GAAG,UAAC,IAAiB;QACrC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAA;QACzB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,SAAS,EACb,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,QAAQ,IAEhB,UAAC,MAAM,IAAK,OAAA,CACX,oBAAC,iBAAiB,aAChB,EAAE,EAAE,UAAG,IAAI,aAAU,EACrB,SAAS,EAAE,UAAG,MAAM,cAAI,SAAS,cAAI,UAAU,CAAC,OAAO,CAAE,qBACxC,UAAG,IAAI,aAAU,iBACrB,CAAC,SAAS,IACnB,KAAK;QAET,6BAAK,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAO,CACpB,CACrB,EAVY,CAUZ,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,IAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,+PAAA,4DAGjB,EAAQ,8HAQ9B,KARsB,QAAQ,CAQ9B,CAAA"}
1
+ {"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAU/C,MAAM,QAAQ,GAAG,GAAG,CAAA;AAEpB,MAAM,CAAC,MAAM,qBAAqB,GAA8B,CAAC,EAC/D,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAiB,EAAE,EAAE;QACpB,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC9E,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,aAAa,IAAI,CAAA;IAC1C,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,IAAiB,EAAE,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,IAAiB,EAAE,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAA;QACzB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,SAAS,EACb,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,QAAQ,IAEhB,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,oBAAC,iBAAiB,IAChB,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,qBACxC,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS,KACnB,KAAK;QAET,6BAAK,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAO,CACpB,CACrB,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAA;;;uBAGjB,QAAQ;;;;;;;;CAQ9B,CAAA"}
@@ -1,36 +1,13 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
1
  import React, { createContext } from 'react';
24
2
  import { useClassNames } from './useClassNames';
25
- export var AccordionPanelItemContext = createContext({
3
+ export const AccordionPanelItemContext = createContext({
26
4
  name: '',
27
5
  });
28
- export var AccordionPanelItem = function (_a) {
29
- var name = _a.name, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, props = __rest(_a, ["name", "children", "className"]);
30
- var classNames = useClassNames();
6
+ export const AccordionPanelItem = ({ name, children, className = '', ...props }) => {
7
+ const classNames = useClassNames();
31
8
  return (React.createElement(AccordionPanelItemContext.Provider, { value: {
32
- name: name,
9
+ name,
33
10
  } },
34
- React.createElement("div", __assign({ className: "".concat(className, " ").concat(classNames.item) }, props), children)));
11
+ React.createElement("div", { className: `${className} ${classNames.item}`, ...props }, children)));
35
12
  };
36
13
  //# sourceMappingURL=AccordionPanelItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAuB,aAAa,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAY/C,MAAM,CAAC,IAAM,yBAAyB,GAAG,aAAa,CAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAA8B,UAAC,EAK7D;IAJC,IAAA,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACX,KAAK,cAJoD,iCAK7D,CADS;IAER,IAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI,MAAA;SACL;QAED,sCAAK,SAAS,EAAE,UAAG,SAAS,cAAI,UAAU,CAAC,IAAI,CAAE,IAAM,KAAK,GACzD,QAAQ,CACL,CAC6B,CACtC,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,aAAa,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAY/C,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA8B,CAAC,EAC5D,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,6BAAK,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,EAAE,KAAM,KAAK,IACzD,QAAQ,CACL,CAC6B,CACtC,CAAA;AACH,CAAC,CAAA"}
@@ -1,29 +1,3 @@
1
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
- return cooked;
4
- };
5
- var __assign = (this && this.__assign) || function () {
6
- __assign = Object.assign || function(t) {
7
- for (var s, i = 1, n = arguments.length; i < n; i++) {
8
- s = arguments[i];
9
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
10
- t[p] = s[p];
11
- }
12
- return t;
13
- };
14
- return __assign.apply(this, arguments);
15
- };
16
- var __rest = (this && this.__rest) || function (s, e) {
17
- var t = {};
18
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
19
- t[p] = s[p];
20
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
21
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
22
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
23
- t[p[i]] = s[p[i]];
24
- }
25
- return t;
26
- };
27
1
  import React, { useCallback, useContext } from 'react';
28
2
  import styled, { css } from 'styled-components';
29
3
  import { useTheme } from '../../hooks/useTheme';
@@ -34,36 +8,78 @@ import { AccordionPanelItemContext } from './AccordionPanelItem';
34
8
  import { useClassNames } from './useClassNames';
35
9
  import { Heading } from '../Heading';
36
10
  import { FaCaretRightIcon, FaCaretUpIcon } from '../Icon';
37
- export var AccordionPanelTrigger = function (_a) {
38
- var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.headingType, headingType = _c === void 0 ? 'blockTitle' : _c, headingTag = _a.headingTag, props = __rest(_a, ["children", "className", "headingType", "headingTag"]);
39
- var theme = useTheme();
40
- var name = useContext(AccordionPanelItemContext).name;
41
- var _d = useContext(AccordionPanelContext), iconPosition = _d.iconPosition, displayIcon = _d.displayIcon, expandedItems = _d.expandedItems, onClickTrigger = _d.onClickTrigger, onClickProps = _d.onClickProps, expandableMultiply = _d.expandableMultiply;
42
- var classNames = useClassNames();
43
- var isExpanded = getIsInclude(expandedItems, name);
44
- var buttonClassNames = "".concat(className, " ").concat(classNames.trigger);
45
- var handleClick = useCallback(function () {
11
+ export const AccordionPanelTrigger = ({ children, className = '', headingType = 'blockTitle', headingTag, ...props }) => {
12
+ const theme = useTheme();
13
+ const { name } = useContext(AccordionPanelItemContext);
14
+ const { iconPosition, displayIcon, expandedItems, onClickTrigger, onClickProps, expandableMultiply, } = useContext(AccordionPanelContext);
15
+ const classNames = useClassNames();
16
+ const isExpanded = getIsInclude(expandedItems, name);
17
+ const buttonClassNames = `${className} ${classNames.trigger}`;
18
+ const handleClick = useCallback(() => {
46
19
  if (onClickTrigger)
47
20
  onClickTrigger(name, !isExpanded);
48
21
  if (onClickProps) {
49
- var newExpandedItems = getNewExpandedItems(expandedItems, name, !isExpanded, expandableMultiply);
22
+ const newExpandedItems = getNewExpandedItems(expandedItems, name, !isExpanded, expandableMultiply);
50
23
  onClickProps(mapToKeyArray(newExpandedItems));
51
24
  }
52
25
  }, [onClickTrigger, name, isExpanded, onClickProps, expandedItems, expandableMultiply]);
53
26
  return (React.createElement(Heading, { tag: headingTag, type: headingType },
54
- React.createElement(Button, __assign({ id: "".concat(name, "-trigger"), className: buttonClassNames, "aria-expanded": isExpanded, "aria-controls": "".concat(name, "-content"), themes: theme, onClick: handleClick, type: "button", "data-component": "AccordionHeaderButton" }, props),
27
+ React.createElement(Button, { id: `${name}-trigger`, className: buttonClassNames, "aria-expanded": isExpanded, "aria-controls": `${name}-content`, themes: theme, onClick: handleClick, type: "button", "data-component": "AccordionHeaderButton", ...props },
55
28
  displayIcon && iconPosition === 'left' && React.createElement(LeftIcon, null),
56
29
  React.createElement(TriggerTitle, null, children),
57
30
  displayIcon && iconPosition === 'right' && React.createElement(RightIcon, null))));
58
31
  };
59
- var TriggerTitle = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n flex-grow: 1;\n"], ["\n flex-grow: 1;\n"])));
60
- var resetButtonStyle = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: transparent;\n border: none;\n padding: 0;\n appearance: none;\n"], ["\n background-color: transparent;\n border: none;\n padding: 0;\n appearance: none;\n"])));
61
- var Button = styled.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), resetButtonStyle, function (_a) {
62
- var themes = _a.themes;
63
- var color = themes.color, spacingByChar = themes.spacingByChar, shadow = themes.shadow;
64
- return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n width: 100%;\n padding: ", " ", ";\n cursor: pointer;\n font-size: inherit;\n text-align: left;\n\n &:hover,\n &:focus:not(:focus-visible) {\n background-color: ", ";\n box-shadow: none;\n }\n\n &:focus {\n ", "\n }\n\n /* TODO replace if impremented Layout component */\n & > * + * {\n margin-left: ", ";\n }\n "], ["\n display: flex;\n align-items: center;\n width: 100%;\n padding: ", " ", ";\n cursor: pointer;\n font-size: inherit;\n text-align: left;\n\n &:hover,\n &:focus:not(:focus-visible) {\n background-color: ", ";\n box-shadow: none;\n }\n\n &:focus {\n ", "\n }\n\n /* TODO replace if impremented Layout component */\n & > * + * {\n margin-left: ", ";\n }\n "])), spacingByChar(0.75), spacingByChar(1), color.hoverColor(color.WHITE), shadow.focusIndicatorStyles, spacingByChar(0.5));
65
- });
66
- var LeftIcon = styled(FaCaretRightIcon)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n transition: transform 0.3s;\n\n [aria-expanded='true'] > & {\n transform: rotate(90deg);\n }\n"], ["\n transition: transform 0.3s;\n\n [aria-expanded='true'] > & {\n transform: rotate(90deg);\n }\n"])));
67
- var RightIcon = styled(FaCaretUpIcon)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n transition: transform 0.3s;\n\n [aria-expanded='true'] & {\n transform: rotate(-180deg);\n }\n"], ["\n transition: transform 0.3s;\n\n [aria-expanded='true'] & {\n transform: rotate(-180deg);\n }\n"])));
68
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
32
+ const TriggerTitle = styled.span `
33
+ flex-grow: 1;
34
+ `;
35
+ const resetButtonStyle = css `
36
+ background-color: transparent;
37
+ border: none;
38
+ padding: 0;
39
+ appearance: none;
40
+ `;
41
+ const Button = styled.button `
42
+ ${resetButtonStyle}
43
+ ${({ themes }) => {
44
+ const { color, spacingByChar, shadow } = themes;
45
+ return css `
46
+ display: flex;
47
+ align-items: center;
48
+ width: 100%;
49
+ padding: ${spacingByChar(0.75)} ${spacingByChar(1)};
50
+ cursor: pointer;
51
+ font-size: inherit;
52
+ text-align: left;
53
+
54
+ &:hover,
55
+ &:focus:not(:focus-visible) {
56
+ background-color: ${color.hoverColor(color.WHITE)};
57
+ box-shadow: none;
58
+ }
59
+
60
+ &:focus {
61
+ ${shadow.focusIndicatorStyles}
62
+ }
63
+
64
+ /* TODO replace if impremented Layout component */
65
+ & > * + * {
66
+ margin-left: ${spacingByChar(0.5)};
67
+ }
68
+ `;
69
+ }}
70
+ `;
71
+ const LeftIcon = styled(FaCaretRightIcon) `
72
+ transition: transform 0.3s;
73
+
74
+ [aria-expanded='true'] > & {
75
+ transform: rotate(90deg);
76
+ }
77
+ `;
78
+ const RightIcon = styled(FaCaretUpIcon) `
79
+ transition: transform 0.3s;
80
+
81
+ [aria-expanded='true'] & {
82
+ transform: rotate(-180deg);
83
+ }
84
+ `;
69
85
  //# sourceMappingURL=AccordionPanelTrigger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionPanelTrigger.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAA6B,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACjF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAiC,MAAM,YAAY,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAczD,MAAM,CAAC,IAAM,qBAAqB,GAA8B,UAAC,EAMhE;IALC,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,mBAA0B,EAA1B,WAAW,mBAAG,YAAY,KAAA,EAC1B,UAAU,gBAAA,EACP,KAAK,cALuD,sDAMhE,CADS;IAER,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAChB,IAAA,IAAI,GAAK,UAAU,CAAC,yBAAyB,CAAC,KAA1C,CAA0C;IAChD,IAAA,KAOF,UAAU,CAAC,qBAAqB,CAAC,EANnC,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,kBAAkB,wBACiB,CAAA;IACrC,IAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,IAAM,UAAU,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACpD,IAAM,gBAAgB,GAAG,UAAG,SAAS,cAAI,UAAU,CAAC,OAAO,CAAE,CAAA;IAE7D,IAAM,WAAW,GAAG,WAAW,CAAC;QAC9B,IAAI,cAAc;YAAE,cAAc,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,CAAA;QAErD,IAAI,YAAY,EAAE;YAChB,IAAM,gBAAgB,GAAG,mBAAmB,CAC1C,aAAa,EACb,IAAI,EACJ,CAAC,UAAU,EACX,kBAAkB,CACnB,CAAA;YACD,YAAY,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAA;SAC9C;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAEvF,OAAO,CACL,oBAAC,OAAO,IAAC,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW;QACzC,oBAAC,MAAM,aACL,EAAE,EAAE,UAAG,IAAI,aAAU,EACrB,SAAS,EAAE,gBAAgB,mBACZ,UAAU,mBACV,UAAG,IAAI,aAAU,EAChC,MAAM,EAAE,KAAK,EACb,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ,oBACE,uBAAuB,IAClC,KAAK;YAER,WAAW,IAAI,YAAY,KAAK,MAAM,IAAI,oBAAC,QAAQ,OAAG;YACvD,oBAAC,YAAY,QAAE,QAAQ,CAAgB;YACtC,WAAW,IAAI,YAAY,KAAK,OAAO,IAAI,oBAAC,SAAS,OAAG,CAClD,CACD,CACX,CAAA;AACH,CAAC,CAAA;AAED,IAAM,YAAY,GAAG,MAAM,CAAC,IAAI,wFAAA,qBAE/B,IAAA,CAAA;AAED,IAAM,gBAAgB,GAAG,GAAG,8JAAA,2FAK3B,IAAA,CAAA;AACD,IAAM,MAAM,GAAG,MAAM,CAAC,MAAM,uFAAmB,MAC3C,EAAgB,MAChB,EA2BD,IACF,KA7BG,gBAAgB,EAChB,UAAC,EAAU;QAAR,MAAM,YAAA;IACD,IAAA,KAAK,GAA4B,MAAM,MAAlC,EAAE,aAAa,GAAa,MAAM,cAAnB,EAAE,MAAM,GAAK,MAAM,OAAX,CAAW;IAE/C,OAAO,GAAG,khBAAA,yFAIG,EAAmB,GAAI,EAAgB,kKAO5B,EAA6B,oEAK/C,EAA2B,iHAKd,EAAkB,kBAEpC,KAnBY,aAAa,CAAC,IAAI,CAAC,EAAI,aAAa,CAAC,CAAC,CAAC,EAO5B,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAK/C,MAAM,CAAC,oBAAoB,EAKd,aAAa,CAAC,GAAG,CAAC,EAEpC;AACH,CAAC,CACF,CAAA;AACD,IAAM,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC,4KAAA,yGAMxC,IAAA,CAAA;AAED,IAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,4KAAA,yGAMtC,IAAA,CAAA"}
1
+ {"version":3,"file":"AccordionPanelTrigger.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelTrigger.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
- export var getNewExpandedItems = function (prevExpandedItems, itemName, isExpanded, expandableMultiply) {
2
- var newState;
1
+ export const getNewExpandedItems = (prevExpandedItems, itemName, isExpanded, expandableMultiply) => {
2
+ let newState;
3
3
  if (expandableMultiply) {
4
4
  newState = new Map(prevExpandedItems);
5
5
  isExpanded ? newState.set(itemName, itemName) : newState.delete(itemName);
@@ -9,7 +9,7 @@ export var getNewExpandedItems = function (prevExpandedItems, itemName, isExpand
9
9
  }
10
10
  return newState;
11
11
  };
12
- export var keycodes = {
12
+ export const keycodes = {
13
13
  SPACE: 32,
14
14
  ENTER: 13,
15
15
  HOME: 36,
@@ -19,40 +19,40 @@ export var keycodes = {
19
19
  DOWN: 40,
20
20
  LEFT: 37,
21
21
  };
22
- export var getSiblingButtons = function (parent) {
22
+ export const getSiblingButtons = (parent) => {
23
23
  return Array.from(parent.querySelectorAll('[data-component="AccordionHeaderButton"]'));
24
24
  };
25
- export var focusFirstSibling = function (parent) {
26
- var siblings = getSiblingButtons(parent);
27
- var first = siblings[0];
25
+ export const focusFirstSibling = (parent) => {
26
+ const siblings = getSiblingButtons(parent);
27
+ const first = siblings[0];
28
28
  first.focus();
29
29
  };
30
- export var focusLastSibling = function (parent) {
31
- var siblings = getSiblingButtons(parent);
32
- var last = siblings[siblings.length - 1];
30
+ export const focusLastSibling = (parent) => {
31
+ const siblings = getSiblingButtons(parent);
32
+ const last = siblings[siblings.length - 1];
33
33
  last.focus();
34
34
  };
35
- export var focusNextSibling = function (item, parent) {
36
- var siblings = getSiblingButtons(parent);
37
- var current = siblings.indexOf(item);
35
+ export const focusNextSibling = (item, parent) => {
36
+ const siblings = getSiblingButtons(parent);
37
+ const current = siblings.indexOf(item);
38
38
  if (current === siblings.length - 1) {
39
- var first = siblings[0];
39
+ const first = siblings[0];
40
40
  first.focus();
41
41
  }
42
42
  else if (current !== -1) {
43
- var next = siblings[current + 1];
43
+ const next = siblings[current + 1];
44
44
  next.focus();
45
45
  }
46
46
  };
47
- export var focusPreviousSibling = function (item, parent) {
48
- var siblings = getSiblingButtons(parent);
49
- var current = siblings.indexOf(item);
47
+ export const focusPreviousSibling = (item, parent) => {
48
+ const siblings = getSiblingButtons(parent);
49
+ const current = siblings.indexOf(item);
50
50
  if (current === 0) {
51
- var last = siblings[siblings.length - 1];
51
+ const last = siblings[siblings.length - 1];
52
52
  last.focus();
53
53
  }
54
54
  else if (current !== -1) {
55
- var previous = siblings[current - 1];
55
+ const previous = siblings[current - 1];
56
56
  previous.focus();
57
57
  }
58
58
  };
@@ -1 +1 @@
1
- {"version":3,"file":"accordionPanelHelper.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/accordionPanelHelper.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"accordionPanelHelper.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/accordionPanelHelper.ts"],"names":[],"mappings":"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"}
@@ -2,12 +2,12 @@ import { useMemo } from 'react';
2
2
  import { useClassNameGenerator } from '../../hooks/useClassNameGenerator';
3
3
  import { AccordionPanel } from './AccordionPanel';
4
4
  export function useClassNames() {
5
- var generate = useClassNameGenerator(AccordionPanel.displayName || 'AccordionPanel');
6
- return useMemo(function () { return ({
5
+ const generate = useClassNameGenerator(AccordionPanel.displayName || 'AccordionPanel');
6
+ return useMemo(() => ({
7
7
  wrapper: generate(),
8
8
  item: generate('item'),
9
9
  trigger: generate('trigger'),
10
10
  content: generate('content'),
11
- }); }, [generate]);
11
+ }), [generate]);
12
12
  }
13
13
  //# sourceMappingURL=useClassNames.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,UAAU,aAAa;IAC3B,IAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,CAAC,WAAW,IAAI,gBAAgB,CAAC,CAAA;IACtF,OAAO,OAAO,CACZ,cAAM,OAAA,CAAC;QACL,OAAO,EAAE,QAAQ,EAAE;QACnB,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC;QACtB,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC;QAC5B,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC;KAC7B,CAAC,EALI,CAKJ,EACF,CAAC,QAAQ,CAAC,CACX,CAAA;AACH,CAAC"}
1
+ {"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,UAAU,aAAa;IAC3B,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,CAAC,WAAW,IAAI,gBAAgB,CAAC,CAAA;IACtF,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,QAAQ,EAAE;QACnB,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC;QACtB,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC;QAC5B,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC;KAC7B,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAA;AACH,CAAC"}
@@ -6,7 +6,7 @@ import { AppNaviCustomTagProps } from './AppNaviCustomTag';
6
6
  declare type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
7
7
  declare type Props = {
8
8
  /** ラベルのテキスト */
9
- label?: string;
9
+ label?: ReactNode;
10
10
  /** 表示するボタンの Props の配列 */
11
11
  buttons?: Array<AppNaviButtonProps | AppNaviAnchorProps | AppNaviDropdownProps | AppNaviCustomTagProps>;
12
12
  /** アクティブ状態のボタンがクリック可能かどうか */