@kubit-ui-web/react-components 1.7.1 → 1.8.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 (364) hide show
  1. package/dist/cjs/components/carousel/hooks/useCarousel.js +1 -1
  2. package/dist/cjs/components/carousel/hooks/useCarousel.js.map +1 -1
  3. package/dist/cjs/components/checkbox/checkboxStandAlone.js +1 -1
  4. package/dist/cjs/components/checkbox/checkboxStandAlone.js.map +1 -1
  5. package/dist/cjs/components/drawer/drawerStandAlone.js +1 -1
  6. package/dist/cjs/components/drawer/drawerStandAlone.js.map +1 -1
  7. package/dist/cjs/components/footer/components/footerSection.js +22 -0
  8. package/dist/cjs/components/footer/components/footerSection.js.map +1 -0
  9. package/dist/cjs/components/footer/components/index.js +1 -1
  10. package/dist/cjs/components/footer/footer.styled.js +63 -19
  11. package/dist/cjs/components/footer/footer.styled.js.map +1 -1
  12. package/dist/cjs/components/footer/footerStandAlone.js +49 -36
  13. package/dist/cjs/components/footer/footerStandAlone.js.map +1 -1
  14. package/dist/cjs/components/index.js +1 -0
  15. package/dist/cjs/components/index.js.map +1 -1
  16. package/dist/cjs/components/input/inputStandAlone.js +1 -5
  17. package/dist/cjs/components/input/inputStandAlone.js.map +1 -1
  18. package/dist/cjs/components/input/inputUnControlled.js +5 -3
  19. package/dist/cjs/components/input/inputUnControlled.js.map +1 -1
  20. package/dist/cjs/components/input/types/input.js +2 -0
  21. package/dist/cjs/components/input/types/input.js.map +1 -1
  22. package/dist/cjs/components/input/utils/extraStyles.utils.js +4 -4
  23. package/dist/cjs/components/input/utils/extraStyles.utils.js.map +1 -1
  24. package/dist/cjs/components/inputCounter/inputCounter.js +5 -3
  25. package/dist/cjs/components/inputCounter/inputCounter.js.map +1 -1
  26. package/dist/cjs/components/inputCurrency/inputCurrency.js +5 -3
  27. package/dist/cjs/components/inputCurrency/inputCurrency.js.map +1 -1
  28. package/dist/cjs/components/inputCurrency/inputCurrencyStandAlone.js +5 -1
  29. package/dist/cjs/components/inputCurrency/inputCurrencyStandAlone.js.map +1 -1
  30. package/dist/cjs/components/inputDate/hooks/useInputDate.js +5 -2
  31. package/dist/cjs/components/inputDate/hooks/useInputDate.js.map +1 -1
  32. package/dist/cjs/components/inputDigitSequence/components/index.js +20 -0
  33. package/dist/cjs/components/inputDigitSequence/components/index.js.map +1 -0
  34. package/dist/cjs/components/inputDigitSequence/components/inputDigit.js +24 -0
  35. package/dist/cjs/components/inputDigitSequence/components/inputDigit.js.map +1 -0
  36. package/dist/cjs/components/inputDigitSequence/components/inputDigitSequenceHelpText.js +14 -0
  37. package/dist/cjs/components/inputDigitSequence/components/inputDigitSequenceHelpText.js.map +1 -0
  38. package/dist/cjs/components/inputDigitSequence/components/inputDigitSquenceTooltip.js +17 -0
  39. package/dist/cjs/components/inputDigitSequence/components/inputDigitSquenceTooltip.js.map +1 -0
  40. package/dist/cjs/components/inputDigitSequence/hooks/index.js +18 -0
  41. package/dist/cjs/components/inputDigitSequence/hooks/index.js.map +1 -0
  42. package/dist/cjs/components/inputDigitSequence/hooks/useAnimation.js +100 -0
  43. package/dist/cjs/components/inputDigitSequence/hooks/useAnimation.js.map +1 -0
  44. package/dist/cjs/components/inputDigitSequence/index.js +21 -0
  45. package/dist/cjs/components/inputDigitSequence/index.js.map +1 -0
  46. package/dist/cjs/components/inputDigitSequence/inputDigitSequence.styled.js +156 -0
  47. package/dist/cjs/components/inputDigitSequence/inputDigitSequence.styled.js.map +1 -0
  48. package/dist/cjs/components/inputDigitSequence/inputDigitSequenceControlled.js +117 -0
  49. package/dist/cjs/components/inputDigitSequence/inputDigitSequenceControlled.js.map +1 -0
  50. package/dist/cjs/components/inputDigitSequence/inputDigitSequenceStandAlone.js +45 -0
  51. package/dist/cjs/components/inputDigitSequence/inputDigitSequenceStandAlone.js.map +1 -0
  52. package/dist/cjs/components/inputDigitSequence/inputDigitSequenceUncontrolled.js +10 -0
  53. package/dist/cjs/components/inputDigitSequence/inputDigitSequenceUncontrolled.js.map +1 -0
  54. package/dist/cjs/components/inputDigitSequence/types/index.js +20 -0
  55. package/dist/cjs/components/inputDigitSequence/types/index.js.map +1 -0
  56. package/dist/cjs/components/inputDigitSequence/types/inputDigitSequence.js +3 -0
  57. package/dist/cjs/components/inputDigitSequence/types/inputDigitSequence.js.map +1 -0
  58. package/dist/cjs/components/inputDigitSequence/types/inputDigitSequenceTheme.js +3 -0
  59. package/dist/cjs/components/inputDigitSequence/types/inputDigitSequenceTheme.js.map +1 -0
  60. package/dist/cjs/components/inputDigitSequence/types/state.js +10 -0
  61. package/dist/cjs/components/inputDigitSequence/types/state.js.map +1 -0
  62. package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js +4 -1
  63. package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
  64. package/dist/cjs/components/inputPassword/inputPassword.js +5 -3
  65. package/dist/cjs/components/inputPassword/inputPassword.js.map +1 -1
  66. package/dist/cjs/components/inputPhone/inputPhone.js +5 -3
  67. package/dist/cjs/components/inputPhone/inputPhone.js.map +1 -1
  68. package/dist/cjs/components/inputPhone/inputPhoneStandAlone.js +5 -1
  69. package/dist/cjs/components/inputPhone/inputPhoneStandAlone.js.map +1 -1
  70. package/dist/cjs/components/inputSearch/hooks/useInputSearch.js +9 -1
  71. package/dist/cjs/components/inputSearch/hooks/useInputSearch.js.map +1 -1
  72. package/dist/cjs/components/inputSearch/inputSearch.js +3 -2
  73. package/dist/cjs/components/inputSearch/inputSearch.js.map +1 -1
  74. package/dist/cjs/components/mediaButton/mediaButtonStandAlone.js +2 -2
  75. package/dist/cjs/components/mediaButton/mediaButtonStandAlone.js.map +1 -1
  76. package/dist/cjs/components/message/index.js +1 -1
  77. package/dist/cjs/components/message/index.js.map +1 -1
  78. package/dist/cjs/components/message/message.styled.js +4 -1
  79. package/dist/cjs/components/message/message.styled.js.map +1 -1
  80. package/dist/cjs/components/message/messageStandAlone.js +1 -1
  81. package/dist/cjs/components/message/messageStandAlone.js.map +1 -1
  82. package/dist/cjs/components/modal/modalControlled.js +1 -2
  83. package/dist/cjs/components/modal/modalControlled.js.map +1 -1
  84. package/dist/cjs/components/navigationCard/fragments/navigationCardInfo.js +4 -2
  85. package/dist/cjs/components/navigationCard/fragments/navigationCardInfo.js.map +1 -1
  86. package/dist/cjs/components/navigationCard/navigationCard.js.map +1 -1
  87. package/dist/cjs/components/navigationCard/navigationCardStandAlone.js +8 -2
  88. package/dist/cjs/components/navigationCard/navigationCardStandAlone.js.map +1 -1
  89. package/dist/cjs/components/oliveMenu/oliveMenu.js +24 -8
  90. package/dist/cjs/components/oliveMenu/oliveMenu.js.map +1 -1
  91. package/dist/cjs/components/oliveMenu/oliveMenu.styled.js +3 -0
  92. package/dist/cjs/components/oliveMenu/oliveMenu.styled.js.map +1 -1
  93. package/dist/cjs/components/oliveMenu/oliveMenuStandAlone.js +10 -3
  94. package/dist/cjs/components/oliveMenu/oliveMenuStandAlone.js.map +1 -1
  95. package/dist/cjs/components/option/optionStandAlone.js +1 -1
  96. package/dist/cjs/components/option/optionStandAlone.js.map +1 -1
  97. package/dist/cjs/components/pillSelector/pillSelectorStandAlone.js +8 -6
  98. package/dist/cjs/components/pillSelector/pillSelectorStandAlone.js.map +1 -1
  99. package/dist/cjs/components/popover/popoverStandAlone.js +3 -1
  100. package/dist/cjs/components/popover/popoverStandAlone.js.map +1 -1
  101. package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButton.styled.js.map +1 -1
  102. package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js +1 -1
  103. package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js.map +1 -1
  104. package/dist/cjs/components/table/hooks/useContent.js +2 -2
  105. package/dist/cjs/components/table/hooks/useContent.js.map +1 -1
  106. package/dist/cjs/components/tabs/tabs.styled.js +1 -0
  107. package/dist/cjs/components/tabs/tabs.styled.js.map +1 -1
  108. package/dist/cjs/components/tabs/tabsStandAlone.js +14 -3
  109. package/dist/cjs/components/tabs/tabsStandAlone.js.map +1 -1
  110. package/dist/cjs/components/tagV2/tagStandAlone.js +1 -1
  111. package/dist/cjs/components/tagV2/tagStandAlone.js.map +1 -1
  112. package/dist/cjs/components/toggle/components/toggleThreePosition.js +3 -3
  113. package/dist/cjs/components/toggle/components/toggleThreePosition.js.map +1 -1
  114. package/dist/cjs/components/toggle/components/toggleTwoPositions.js +1 -1
  115. package/dist/cjs/components/toggle/components/toggleTwoPositions.js.map +1 -1
  116. package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js +1 -1
  117. package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
  118. package/dist/cjs/components/tooltip/positioning/utils/detectOverflow.js.map +1 -1
  119. package/dist/cjs/designSystem/kubit/components/footer/styles.js +1 -0
  120. package/dist/cjs/designSystem/kubit/components/footer/styles.js.map +1 -1
  121. package/dist/cjs/designSystem/kubit/components/inputDigitSequence/index.js +19 -0
  122. package/dist/cjs/designSystem/kubit/components/inputDigitSequence/index.js.map +1 -0
  123. package/dist/cjs/designSystem/kubit/components/inputDigitSequence/styles.js +109 -0
  124. package/dist/cjs/designSystem/kubit/components/inputDigitSequence/styles.js.map +1 -0
  125. package/dist/cjs/designSystem/kubit/components/inputDigitSequence/variants.js +8 -0
  126. package/dist/cjs/designSystem/kubit/components/inputDigitSequence/variants.js.map +1 -0
  127. package/dist/cjs/designSystem/kubit/components/oliveMenu/styles.js +5 -0
  128. package/dist/cjs/designSystem/kubit/components/oliveMenu/styles.js.map +1 -1
  129. package/dist/cjs/designSystem/kubit/components/styles.js +1 -0
  130. package/dist/cjs/designSystem/kubit/components/styles.js.map +1 -1
  131. package/dist/cjs/designSystem/kubit/components/variants.js +1 -0
  132. package/dist/cjs/designSystem/kubit/components/variants.js.map +1 -1
  133. package/dist/cjs/designSystem/kubit/fonts/Digit_Password_Large_Square.ttf +0 -0
  134. package/dist/cjs/designSystem/kubit/fonts/Digit_Password_Small_Square.ttf +0 -0
  135. package/dist/cjs/designSystem/kubit/foundations/typography.js +2 -0
  136. package/dist/cjs/designSystem/kubit/foundations/typography.js.map +1 -1
  137. package/dist/cjs/designSystem/kubit/globalStyles/font.css +12 -0
  138. package/dist/cjs/designSystem/kubit/globalStyles/fonts.js +14 -0
  139. package/dist/cjs/designSystem/kubit/globalStyles/fonts.js.map +1 -1
  140. package/dist/cjs/hooks/index.js +3 -1
  141. package/dist/cjs/hooks/index.js.map +1 -1
  142. package/dist/cjs/hooks/useElementBoundingClientRect/useElementBoundingClientRect.js +57 -0
  143. package/dist/cjs/hooks/useElementBoundingClientRect/useElementBoundingClientRect.js.map +1 -0
  144. package/dist/cjs/hooks/useInput/useInput.js +10 -0
  145. package/dist/cjs/hooks/useInput/useInput.js.map +1 -1
  146. package/dist/cjs/hooks/useZoomEffect/useZoomEffect.js +4 -7
  147. package/dist/cjs/hooks/useZoomEffect/useZoomEffect.js.map +1 -1
  148. package/dist/cjs/styles/mixins/input.mixin.js +4 -4
  149. package/dist/cjs/styles/mixins/input.mixin.js.map +1 -1
  150. package/dist/esm/components/carousel/hooks/useCarousel.js +1 -1
  151. package/dist/esm/components/carousel/hooks/useCarousel.js.map +1 -1
  152. package/dist/esm/components/checkbox/checkboxStandAlone.js +1 -1
  153. package/dist/esm/components/checkbox/checkboxStandAlone.js.map +1 -1
  154. package/dist/esm/components/checkbox/types/checkbox.d.ts +2 -1
  155. package/dist/esm/components/drawer/drawerStandAlone.js +1 -1
  156. package/dist/esm/components/drawer/drawerStandAlone.js.map +1 -1
  157. package/dist/esm/components/drawer/types/drawer.d.ts +3 -0
  158. package/dist/esm/components/footer/components/footerSection.d.ts +11 -0
  159. package/dist/esm/components/footer/components/footerSection.js +18 -0
  160. package/dist/esm/components/footer/components/footerSection.js.map +1 -0
  161. package/dist/esm/components/footer/components/index.d.ts +1 -1
  162. package/dist/esm/components/footer/components/index.js +1 -1
  163. package/dist/esm/components/footer/footer.styled.d.ts +7 -8
  164. package/dist/esm/components/footer/footer.styled.js +40 -16
  165. package/dist/esm/components/footer/footer.styled.js.map +1 -1
  166. package/dist/esm/components/footer/footerStandAlone.js +52 -39
  167. package/dist/esm/components/footer/footerStandAlone.js.map +1 -1
  168. package/dist/esm/components/footer/types/footer.d.ts +17 -1
  169. package/dist/esm/components/index.d.ts +1 -0
  170. package/dist/esm/components/index.js +1 -0
  171. package/dist/esm/components/index.js.map +1 -1
  172. package/dist/esm/components/input/inputStandAlone.d.ts +1 -0
  173. package/dist/esm/components/input/inputStandAlone.js +1 -5
  174. package/dist/esm/components/input/inputStandAlone.js.map +1 -1
  175. package/dist/esm/components/input/inputUnControlled.js +5 -3
  176. package/dist/esm/components/input/inputUnControlled.js.map +1 -1
  177. package/dist/esm/components/input/types/input.d.ts +5 -2
  178. package/dist/esm/components/input/types/input.js +2 -0
  179. package/dist/esm/components/input/types/input.js.map +1 -1
  180. package/dist/esm/components/input/utils/extraStyles.utils.d.ts +1 -1
  181. package/dist/esm/components/input/utils/extraStyles.utils.js +4 -4
  182. package/dist/esm/components/input/utils/extraStyles.utils.js.map +1 -1
  183. package/dist/esm/components/inputCounter/inputCounter.js +5 -3
  184. package/dist/esm/components/inputCounter/inputCounter.js.map +1 -1
  185. package/dist/esm/components/inputCurrency/inputCurrency.js +5 -3
  186. package/dist/esm/components/inputCurrency/inputCurrency.js.map +1 -1
  187. package/dist/esm/components/inputCurrency/inputCurrencyStandAlone.js +5 -1
  188. package/dist/esm/components/inputCurrency/inputCurrencyStandAlone.js.map +1 -1
  189. package/dist/esm/components/inputDate/hooks/useInputDate.d.ts +1 -1
  190. package/dist/esm/components/inputDate/hooks/useInputDate.js +5 -2
  191. package/dist/esm/components/inputDate/hooks/useInputDate.js.map +1 -1
  192. package/dist/esm/components/inputDigitSequence/components/index.d.ts +3 -0
  193. package/dist/esm/components/inputDigitSequence/components/index.js +4 -0
  194. package/dist/esm/components/inputDigitSequence/components/index.js.map +1 -0
  195. package/dist/esm/components/inputDigitSequence/components/inputDigit.d.ts +21 -0
  196. package/dist/esm/components/inputDigitSequence/components/inputDigit.js +20 -0
  197. package/dist/esm/components/inputDigitSequence/components/inputDigit.js.map +1 -0
  198. package/dist/esm/components/inputDigitSequence/components/inputDigitSequenceHelpText.d.ts +8 -0
  199. package/dist/esm/components/inputDigitSequence/components/inputDigitSequenceHelpText.js +10 -0
  200. package/dist/esm/components/inputDigitSequence/components/inputDigitSequenceHelpText.js.map +1 -0
  201. package/dist/esm/components/inputDigitSequence/components/inputDigitSquenceTooltip.d.ts +9 -0
  202. package/dist/esm/components/inputDigitSequence/components/inputDigitSquenceTooltip.js +13 -0
  203. package/dist/esm/components/inputDigitSequence/components/inputDigitSquenceTooltip.js.map +1 -0
  204. package/dist/esm/components/inputDigitSequence/hooks/index.d.ts +1 -0
  205. package/dist/esm/components/inputDigitSequence/hooks/index.js +2 -0
  206. package/dist/esm/components/inputDigitSequence/hooks/index.js.map +1 -0
  207. package/dist/esm/components/inputDigitSequence/hooks/useAnimation.d.ts +11 -0
  208. package/dist/esm/components/inputDigitSequence/hooks/useAnimation.js +96 -0
  209. package/dist/esm/components/inputDigitSequence/hooks/useAnimation.js.map +1 -0
  210. package/dist/esm/components/inputDigitSequence/index.d.ts +2 -0
  211. package/dist/esm/components/inputDigitSequence/index.js +3 -0
  212. package/dist/esm/components/inputDigitSequence/index.js.map +1 -0
  213. package/dist/esm/components/inputDigitSequence/inputDigitSequence.styled.d.ts +39 -0
  214. package/dist/esm/components/inputDigitSequence/inputDigitSequence.styled.js +130 -0
  215. package/dist/esm/components/inputDigitSequence/inputDigitSequence.styled.js.map +1 -0
  216. package/dist/esm/components/inputDigitSequence/inputDigitSequenceControlled.d.ts +2 -0
  217. package/dist/esm/components/inputDigitSequence/inputDigitSequenceControlled.js +91 -0
  218. package/dist/esm/components/inputDigitSequence/inputDigitSequenceControlled.js.map +1 -0
  219. package/dist/esm/components/inputDigitSequence/inputDigitSequenceStandAlone.d.ts +3 -0
  220. package/dist/esm/components/inputDigitSequence/inputDigitSequenceStandAlone.js +19 -0
  221. package/dist/esm/components/inputDigitSequence/inputDigitSequenceStandAlone.js.map +1 -0
  222. package/dist/esm/components/inputDigitSequence/inputDigitSequenceUncontrolled.d.ts +2 -0
  223. package/dist/esm/components/inputDigitSequence/inputDigitSequenceUncontrolled.js +6 -0
  224. package/dist/esm/components/inputDigitSequence/inputDigitSequenceUncontrolled.js.map +1 -0
  225. package/dist/esm/components/inputDigitSequence/types/index.d.ts +3 -0
  226. package/dist/esm/components/inputDigitSequence/types/index.js +4 -0
  227. package/dist/esm/components/inputDigitSequence/types/index.js.map +1 -0
  228. package/dist/esm/components/inputDigitSequence/types/inputDigitSequence.d.ts +63 -0
  229. package/dist/esm/components/inputDigitSequence/types/inputDigitSequence.js +2 -0
  230. package/dist/esm/components/inputDigitSequence/types/inputDigitSequence.js.map +1 -0
  231. package/dist/esm/components/inputDigitSequence/types/inputDigitSequenceTheme.d.ts +33 -0
  232. package/dist/esm/components/inputDigitSequence/types/inputDigitSequenceTheme.js +2 -0
  233. package/dist/esm/components/inputDigitSequence/types/inputDigitSequenceTheme.js.map +1 -0
  234. package/dist/esm/components/inputDigitSequence/types/state.d.ts +5 -0
  235. package/dist/esm/components/inputDigitSequence/types/state.js +7 -0
  236. package/dist/esm/components/inputDigitSequence/types/state.js.map +1 -0
  237. package/dist/esm/components/inputDropdown/hooks/useInputDropdown.d.ts +4 -1
  238. package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js +4 -1
  239. package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
  240. package/dist/esm/components/inputPassword/inputPassword.js +5 -3
  241. package/dist/esm/components/inputPassword/inputPassword.js.map +1 -1
  242. package/dist/esm/components/inputPhone/inputPhone.js +5 -3
  243. package/dist/esm/components/inputPhone/inputPhone.js.map +1 -1
  244. package/dist/esm/components/inputPhone/inputPhoneStandAlone.js +5 -1
  245. package/dist/esm/components/inputPhone/inputPhoneStandAlone.js.map +1 -1
  246. package/dist/esm/components/inputSearch/hooks/useInputSearch.d.ts +6 -1
  247. package/dist/esm/components/inputSearch/hooks/useInputSearch.js +9 -1
  248. package/dist/esm/components/inputSearch/hooks/useInputSearch.js.map +1 -1
  249. package/dist/esm/components/inputSearch/inputSearch.js +3 -2
  250. package/dist/esm/components/inputSearch/inputSearch.js.map +1 -1
  251. package/dist/esm/components/inputSearch/types/inputSearch.d.ts +1 -2
  252. package/dist/esm/components/mediaButton/mediaButtonStandAlone.js +2 -2
  253. package/dist/esm/components/mediaButton/mediaButtonStandAlone.js.map +1 -1
  254. package/dist/esm/components/message/index.d.ts +1 -1
  255. package/dist/esm/components/message/index.js +1 -1
  256. package/dist/esm/components/message/index.js.map +1 -1
  257. package/dist/esm/components/message/message.styled.d.ts +3 -0
  258. package/dist/esm/components/message/message.styled.js +3 -0
  259. package/dist/esm/components/message/message.styled.js.map +1 -1
  260. package/dist/esm/components/message/messageStandAlone.js +3 -3
  261. package/dist/esm/components/message/messageStandAlone.js.map +1 -1
  262. package/dist/esm/components/message/types/messageTheme.d.ts +1 -0
  263. package/dist/esm/components/modal/modalControlled.js +1 -2
  264. package/dist/esm/components/modal/modalControlled.js.map +1 -1
  265. package/dist/esm/components/navigationCard/fragments/navigationCardInfo.d.ts +1 -0
  266. package/dist/esm/components/navigationCard/fragments/navigationCardInfo.js +4 -2
  267. package/dist/esm/components/navigationCard/fragments/navigationCardInfo.js.map +1 -1
  268. package/dist/esm/components/navigationCard/navigationCard.d.ts +2 -2
  269. package/dist/esm/components/navigationCard/navigationCard.js.map +1 -1
  270. package/dist/esm/components/navigationCard/navigationCardStandAlone.d.ts +1 -1
  271. package/dist/esm/components/navigationCard/navigationCardStandAlone.js +9 -3
  272. package/dist/esm/components/navigationCard/navigationCardStandAlone.js.map +1 -1
  273. package/dist/esm/components/navigationCard/types/navigationCard.d.ts +5 -1
  274. package/dist/esm/components/oliveMenu/oliveMenu.js +24 -8
  275. package/dist/esm/components/oliveMenu/oliveMenu.js.map +1 -1
  276. package/dist/esm/components/oliveMenu/oliveMenu.styled.js +3 -0
  277. package/dist/esm/components/oliveMenu/oliveMenu.styled.js.map +1 -1
  278. package/dist/esm/components/oliveMenu/oliveMenuStandAlone.js +13 -6
  279. package/dist/esm/components/oliveMenu/oliveMenuStandAlone.js.map +1 -1
  280. package/dist/esm/components/oliveMenu/types/oliveMenu.d.ts +5 -3
  281. package/dist/esm/components/oliveMenu/types/oliveMenuTheme.d.ts +1 -0
  282. package/dist/esm/components/option/optionStandAlone.js +1 -1
  283. package/dist/esm/components/option/optionStandAlone.js.map +1 -1
  284. package/dist/esm/components/pillSelector/pillSelectorStandAlone.js +3 -1
  285. package/dist/esm/components/pillSelector/pillSelectorStandAlone.js.map +1 -1
  286. package/dist/esm/components/pillSelector/types/pillSelector.d.ts +2 -1
  287. package/dist/esm/components/popover/popoverStandAlone.js +3 -1
  288. package/dist/esm/components/popover/popoverStandAlone.js.map +1 -1
  289. package/dist/esm/components/popover/types/popover.d.ts +1 -0
  290. package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.styled.d.ts +19 -17
  291. package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.styled.js +1 -1
  292. package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.styled.js.map +1 -1
  293. package/dist/esm/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js +1 -1
  294. package/dist/esm/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js.map +1 -1
  295. package/dist/esm/components/radioButtonGroup/components/radioButton/types/radioButton.d.ts +14 -12
  296. package/dist/esm/components/radioButtonGroup/components/radioButton/types/radioButtonTheme.d.ts +4 -3
  297. package/dist/esm/components/table/hooks/useContent.js +2 -2
  298. package/dist/esm/components/table/hooks/useContent.js.map +1 -1
  299. package/dist/esm/components/tabs/tabs.styled.d.ts +3 -1
  300. package/dist/esm/components/tabs/tabs.styled.js +1 -0
  301. package/dist/esm/components/tabs/tabs.styled.js.map +1 -1
  302. package/dist/esm/components/tabs/tabsStandAlone.js +14 -3
  303. package/dist/esm/components/tabs/tabsStandAlone.js.map +1 -1
  304. package/dist/esm/components/tabs/types/tabs.d.ts +1 -0
  305. package/dist/esm/components/tagV2/tagStandAlone.js +1 -1
  306. package/dist/esm/components/tagV2/tagStandAlone.js.map +1 -1
  307. package/dist/esm/components/tagV2/types/tag.d.ts +1 -0
  308. package/dist/esm/components/toggle/components/toggleThreePosition.js +3 -3
  309. package/dist/esm/components/toggle/components/toggleThreePosition.js.map +1 -1
  310. package/dist/esm/components/toggle/components/toggleTwoPositions.js +1 -1
  311. package/dist/esm/components/toggle/components/toggleTwoPositions.js.map +1 -1
  312. package/dist/esm/components/toggleWithLabel/toggleWithLabelStandAlone.js +1 -1
  313. package/dist/esm/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
  314. package/dist/esm/components/toggleWithLabel/types/toggleWithLabel.d.ts +1 -1
  315. package/dist/esm/components/tooltip/positioning/utils/detectOverflow.js.map +1 -1
  316. package/dist/esm/designSystem/kubit/components/footer/styles.js +1 -0
  317. package/dist/esm/designSystem/kubit/components/footer/styles.js.map +1 -1
  318. package/dist/esm/designSystem/kubit/components/inputDigitSequence/index.d.ts +2 -0
  319. package/dist/esm/designSystem/kubit/components/inputDigitSequence/index.js +3 -0
  320. package/dist/esm/designSystem/kubit/components/inputDigitSequence/index.js.map +1 -0
  321. package/dist/esm/designSystem/kubit/components/inputDigitSequence/styles.d.ts +3 -0
  322. package/dist/esm/designSystem/kubit/components/inputDigitSequence/styles.js +106 -0
  323. package/dist/esm/designSystem/kubit/components/inputDigitSequence/styles.js.map +1 -0
  324. package/dist/esm/designSystem/kubit/components/inputDigitSequence/variants.d.ts +3 -0
  325. package/dist/esm/designSystem/kubit/components/inputDigitSequence/variants.js +5 -0
  326. package/dist/esm/designSystem/kubit/components/inputDigitSequence/variants.js.map +1 -0
  327. package/dist/esm/designSystem/kubit/components/oliveMenu/styles.js +5 -0
  328. package/dist/esm/designSystem/kubit/components/oliveMenu/styles.js.map +1 -1
  329. package/dist/esm/designSystem/kubit/components/styles.d.ts +1 -0
  330. package/dist/esm/designSystem/kubit/components/styles.js +1 -0
  331. package/dist/esm/designSystem/kubit/components/styles.js.map +1 -1
  332. package/dist/esm/designSystem/kubit/components/variants.d.ts +1 -0
  333. package/dist/esm/designSystem/kubit/components/variants.js +1 -0
  334. package/dist/esm/designSystem/kubit/components/variants.js.map +1 -1
  335. package/dist/esm/designSystem/kubit/fonts/Digit_Password_Large_Square.ttf +0 -0
  336. package/dist/esm/designSystem/kubit/fonts/Digit_Password_Small_Square.ttf +0 -0
  337. package/dist/esm/designSystem/kubit/foundations/typography.d.ts +2 -0
  338. package/dist/esm/designSystem/kubit/foundations/typography.js +2 -0
  339. package/dist/esm/designSystem/kubit/foundations/typography.js.map +1 -1
  340. package/dist/esm/designSystem/kubit/globalStyles/font.css +12 -0
  341. package/dist/esm/designSystem/kubit/globalStyles/fonts.js +14 -0
  342. package/dist/esm/designSystem/kubit/globalStyles/fonts.js.map +1 -1
  343. package/dist/esm/designSystem/kubit/index.d.ts +4 -0
  344. package/dist/esm/designSystem/variants.d.ts +1 -1
  345. package/dist/esm/hooks/index.d.ts +1 -0
  346. package/dist/esm/hooks/index.js +1 -0
  347. package/dist/esm/hooks/index.js.map +1 -1
  348. package/dist/esm/hooks/useElementBoundingClientRect/useElementBoundingClientRect.d.ts +18 -0
  349. package/dist/esm/hooks/useElementBoundingClientRect/useElementBoundingClientRect.js +30 -0
  350. package/dist/esm/hooks/useElementBoundingClientRect/useElementBoundingClientRect.js.map +1 -0
  351. package/dist/esm/hooks/useInput/types/inputHook.d.ts +3 -0
  352. package/dist/esm/hooks/useInput/useInput.js +10 -0
  353. package/dist/esm/hooks/useInput/useInput.js.map +1 -1
  354. package/dist/esm/hooks/useZoomEffect/useZoomEffect.js +4 -7
  355. package/dist/esm/hooks/useZoomEffect/useZoomEffect.js.map +1 -1
  356. package/dist/esm/styles/mixins/input.mixin.d.ts +1 -1
  357. package/dist/esm/styles/mixins/input.mixin.js +4 -4
  358. package/dist/esm/styles/mixins/input.mixin.js.map +1 -1
  359. package/package.json +31 -31
  360. package/dist/cjs/components/footer/components/footerContent.js +0 -15
  361. package/dist/cjs/components/footer/components/footerContent.js.map +0 -1
  362. package/dist/esm/components/footer/components/footerContent.d.ts +0 -13
  363. package/dist/esm/components/footer/components/footerContent.js +0 -11
  364. package/dist/esm/components/footer/components/footerContent.js.map +0 -1
@@ -1,4 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
+ import { ButtonType } from '../../../components/button';
2
3
  import { DecorativePropsType } from '../../../components/decorativeElement';
3
4
  import { IElementOrIcon } from '../../../components/elementOrIcon';
4
5
  import { ITag } from '../../../components/tag';
@@ -18,7 +19,7 @@ export type NavigationCardTagType = Omit<ITag, 'variant' | 'option' | 'children'
18
19
  option?: string;
19
20
  screenReaderText?: string;
20
21
  };
21
- export interface INavigationCardStandAlone extends Omit<IGenericLink, 'children' | 'classname'> {
22
+ export interface INavigationCardStandAlone extends Omit<IGenericLink, 'children' | 'classname' | 'url' | 'onClick'> {
22
23
  styles: NavigationCardStylesPropsType;
23
24
  device: DeviceBreakpointsType;
24
25
  component: GenericLinkType;
@@ -28,7 +29,10 @@ export interface INavigationCardStandAlone extends Omit<IGenericLink, 'children'
28
29
  tag?: NavigationCardTagType;
29
30
  arrowIcon?: IElementOrIcon;
30
31
  arrowIconText?: NavigationCardTextType;
32
+ url?: string;
33
+ type?: ButtonType;
31
34
  dataTestId?: string;
35
+ onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
32
36
  }
33
37
  export interface INavigationCard<V = undefined extends string ? unknown : string> extends Omit<INavigationCardStandAlone, 'styles' | 'device' | 'component'>, Omit<CustomTokenTypes<NavigationCardStylesPropsType>, 'cts' | 'extraCt'> {
34
38
  variant: V;
@@ -1,31 +1,47 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import * as React from 'react';
3
+ import { useEscPressed, useMediaDevice } from '../../hooks';
3
4
  import { useStyles } from '../../hooks/useStyles/useStyles';
4
5
  import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
5
6
  import { OliveMenuStandAlone } from './oliveMenuStandAlone';
6
7
  const OLIVE_MENU_STYLES = 'OLIVE_MENU_STYLES';
7
- const OliveMenuComponent = React.forwardRef(({ variant, ctv, trigger, popover, actionBottomSheetStructure, onOpenClose, ...props }, ref) => {
8
+ const OliveMenuComponent = React.forwardRef(({ variant, ctv, trigger, actionBottomSheetStructure, onOpenClose, ...props }, ref) => {
8
9
  const [open, setOpen] = React.useState(false);
9
10
  const styles = useStyles(OLIVE_MENU_STYLES, variant, ctv);
11
+ const device = useMediaDevice();
12
+ const innerRef = React.useRef(null);
13
+ React.useImperativeHandle(ref, () => innerRef.current, []);
14
+ const handlePressScape = React.useCallback(() => {
15
+ // Do nothing if already closed
16
+ if (!open) {
17
+ return;
18
+ }
19
+ setOpen(false);
20
+ onOpenClose?.(false);
21
+ }, [open]);
22
+ useEscPressed({ execute: handlePressScape, element: innerRef });
10
23
  const handleTriggerClick = e => {
11
24
  setOpen(!open);
12
25
  onOpenClose?.(!open, e);
13
26
  trigger?.onClick?.(e);
14
27
  };
15
- const handlePopoverCloseInternally = () => {
16
- setOpen(false);
17
- onOpenClose?.(false);
18
- popover?.onCloseInternally?.();
19
- };
20
28
  const handleCloseIconClick = e => {
21
29
  setOpen(false);
22
30
  onOpenClose?.(false, e);
23
31
  actionBottomSheetStructure?.closeIcon?.onClick?.(e);
24
32
  };
25
- return (_jsx(OliveMenuStandAlone, { ...props, ref: ref, actionBottomSheetStructure: {
33
+ const handleBlur = e => {
34
+ // Do nothing if the new focus is inside the component or already closed
35
+ if (e.currentTarget.contains(e.relatedTarget) || !open) {
36
+ return;
37
+ }
38
+ setOpen(false);
39
+ onOpenClose?.(false, e);
40
+ };
41
+ return (_jsx(OliveMenuStandAlone, { ...props, ref: innerRef, actionBottomSheetStructure: {
26
42
  ...actionBottomSheetStructure,
27
43
  closeIcon: { ...actionBottomSheetStructure?.closeIcon, onClick: handleCloseIconClick },
28
- }, open: open, popover: { ...popover, onCloseInternally: handlePopoverCloseInternally }, styles: styles, trigger: trigger && { ...trigger, onClick: handleTriggerClick } }));
44
+ }, device: device, open: open, styles: styles, trigger: trigger && { ...trigger, onClick: handleTriggerClick }, onBlur: handleBlur }));
29
45
  });
30
46
  OliveMenuComponent.displayName = 'OliveMenuComponent';
31
47
  const OliveMenuBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(OliveMenuStandAlone, { ...props, ref: ref }) }), children: _jsx(OliveMenuComponent, { ...props, ref: ref }) }));
@@ -1 +1 @@
1
- {"version":3,"file":"oliveMenu.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AAE9C,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,EACE,OAAO,EACP,GAAG,EACH,OAAO,EACP,OAAO,EACP,0BAA0B,EAC1B,WAAW,EACX,GAAG,KAAK,EACM,EAChB,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IACvD,MAAM,MAAM,GAAG,SAAS,CAA+B,iBAAiB,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAExF,MAAM,kBAAkB,GAAG,CAAC,CAAC,EAAE;QAC7B,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;QACf,WAAW,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACxB,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,4BAA4B,GAAG,GAAG,EAAE;QACxC,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,EAAE,iBAAiB,EAAE,EAAE,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE;QAC/B,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,WAAW,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACxB,0BAA0B,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,mBAAmB,OACd,KAAK,EACT,GAAG,EAAE,GAAG,EACR,0BAA0B,EAAE;YAC1B,GAAG,0BAA0B;YAC7B,SAAS,EAAE,EAAE,GAAG,0BAA0B,EAAE,SAAS,EAAE,OAAO,EAAE,oBAAoB,EAAE;SACvF,EACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,iBAAiB,EAAE,4BAA4B,EAAE,EACxE,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IAAI,EAAE,GAAG,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,GAC/D,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,MAAM,iBAAiB,GAAG,CACxB,KAAoB,EACpB,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,mBAAmB,OAAM,KAAyC,EAAE,GAAG,EAAE,GAAG,GAAI,GAC/D,YAGtB,KAAC,kBAAkB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC7B,CACjB,CAAC;AAEF,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAIX,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"oliveMenu.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenu.tsx"],"names":[],"mappings":"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"}
@@ -2,6 +2,9 @@ import styled from 'styled-components';
2
2
  import { getStyles } from '../../utils';
3
3
  export const OliveMenuStyled = styled.div `
4
4
  ${({ styles }) => getStyles(styles.container)};
5
+ *[data-popover] {
6
+ ${({ styles }) => getStyles(styles.popover)};
7
+ }
5
8
  `;
6
9
  export const ButtonContainer = styled.div `
7
10
  ${({ styles }) => getStyles(styles.buttonContainer)};
@@ -1 +1 @@
1
- {"version":3,"file":"oliveMenu.styled.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenu.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAQpC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAsB;IAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAsB;IAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;;MAE/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;;CAE7C,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAsB;IACzD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC;CACzD,CAAC"}
1
+ {"version":3,"file":"oliveMenu.styled.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenu.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAQpC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAsB;IAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;;MAEzC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;;CAE9C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAsB;IAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;;MAE/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;;CAE7C,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAsB;IACzD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC;CACzD,CAAC"}
@@ -3,23 +3,30 @@ import * as React from 'react';
3
3
  import { ActionBottomSheetControlledStructure } from '../../components/actionBottomSheet/actionBottomSheetControlled';
4
4
  import { Button } from '../../components/button';
5
5
  import { ListOptions, ListOptionsType } from '../../components/listOptions';
6
- import { PopoverControlled as Popover } from '../../components/popover';
6
+ import { PopoverControlled as Popover, PopoverComponentType } from '../../components/popover';
7
7
  import { ScreenReaderOnly } from '../../components/screenReaderOnly';
8
8
  import { TextComponentType } from '../../components/text/types';
9
- import { useId, useMediaDevice } from '../../hooks';
10
- import { AriaLiveOptionType } from '../../types';
9
+ import { useId } from '../../hooks';
10
+ import { AriaLiveOptionType, DeviceBreakpointsType } from '../../types';
11
11
  import { ButtonContainer, ListboxStyled, OliveMenuStyled } from './oliveMenu.styled';
12
12
  import { getAriaControls } from './utils';
13
13
  const OliveMenuStandAloneComponent = (props, ref) => {
14
14
  const uniqueId = useId('oliveMenu');
15
15
  const buttonRef = React.useRef(null);
16
16
  const ariaControls = `${uniqueId}List`;
17
- const device = useMediaDevice();
17
+ const popoverAsModal = [DeviceBreakpointsType.MOBILE, DeviceBreakpointsType.TABLET].includes(props.device);
18
18
  const { title: actionBottomSheetTitle, ...actionBottomSheet } = props.actionBottomSheetStructure ?? {};
19
- return (_jsxs(OliveMenuStyled, { ref: ref, styles: props.styles, children: [props.trigger?.content && (props.styles.button?.[device]?.size || props.trigger?.size) && (_jsx(ButtonContainer, { ref: buttonRef, styles: props.styles, children: _jsx(Button, { "aria-controls": props.open ? getAriaControls(props.sections, ariaControls) : undefined, "aria-expanded": props.open, dataTestId: `${props.dataTestId}Button`, size: props.styles.button?.[device]?.size, ...props.trigger, children: props.trigger?.content }) })), _jsx(ScreenReaderOnly, { ariaLive: AriaLiveOptionType.POLITE, dataTestId: `${props.dataTestId}ScreenReader`, children: props.screenReaderText }), _jsx(Popover, { dataTestId: `${props.dataTestId}Popover`, extraAlignGap: props.styles.buttonContainer?.[device]?.margin_bottom, hasBackDrop: true, open: props.open, preventCloseOnClickElements: [buttonRef.current], trapFocusInsideModal: true, variant: props.styles.popoverVariant, ...props.popover, children: _jsx(ActionBottomSheetControlledStructure, { dataTestId: `${props.dataTestId}ActionButtonSheet`, title: {
19
+ const titleId = actionBottomSheetTitle?.id ?? `${uniqueId}Title`;
20
+ return (_jsxs(OliveMenuStyled, { ref: ref, "data-testId": `${props.dataTestId}Container`, styles: props.styles, onBlur: props.onBlur, children: [props.trigger?.content &&
21
+ (props.styles.button?.[props.device]?.size || props.trigger?.size) && (_jsx(ButtonContainer, { ref: buttonRef, styles: props.styles, children: _jsx(Button, { "aria-controls": props.open ? getAriaControls(props.sections, ariaControls) : undefined, "aria-expanded": props.open, dataTestId: `${props.dataTestId}Button`, size: props.styles.button?.[props.device]?.size, ...props.trigger, children: props.trigger?.content }) })), _jsx(ScreenReaderOnly, { ariaLive: AriaLiveOptionType.POLITE, dataTestId: `${props.dataTestId}ScreenReader`, children: props.screenReaderText }), _jsx(Popover, { "aria-labelledby": popoverAsModal ? titleId : undefined, "aria-modal": popoverAsModal ? props.open : undefined,
22
+ // It is handled internally by the onBlur function of the container
23
+ clickOverlayClose: false, component: popoverAsModal ? PopoverComponentType.DIALOG : PopoverComponentType.DIV, dataTestId: `${props.dataTestId}Popover`, extraAlignGap: props.styles.buttonContainer?.[props.device]?.margin_bottom, focusFirstDescendantAutomatically: popoverAsModal, focusLastElementFocusedAfterClose: popoverAsModal, hasBackDrop: true, open: props.open,
24
+ // It is handled internally by the controlled component to allow close when the focus is on the button
25
+ pressEscapeClose: false, trapFocusInsideModal: popoverAsModal, variant: props.styles.popoverVariant, ...props.popover, children: _jsx(ActionBottomSheetControlledStructure, { dataTestId: `${props.dataTestId}ActionButtonSheet`, title: {
20
26
  component: TextComponentType.H5,
21
- align: props.styles.actionBottomSheet?.[device]?.alignTitle,
27
+ align: props.styles.actionBottomSheet?.[props.device]?.alignTitle,
22
28
  ...actionBottomSheetTitle,
29
+ id: titleId,
23
30
  }, variant: props.styles.actionBottomSheet?.variant, ...actionBottomSheet, children: _jsx(ListboxStyled, { styles: props.styles, children: props.styles.listOptions?.optionVariant &&
24
31
  props.styles.listOptions?.variant &&
25
32
  props.sections?.map(({ title, ...section }, index) => (_jsx(ListOptions, { dataTestId: props.dataTestId, id: `${ariaControls}${index}`, optionVariant: props.styles.listOptions?.optionVariant, selectedValue: props.selectedValue, title: { component: TextComponentType.H6, ...title }, type: ListOptionsType.NAVIGATION, variant: props.styles.listOptions?.variant, onOptionClick: props.onOptionClick, ...section }, section.id))) }) }) })] }));
@@ -1 +1 @@
1
- {"version":3,"file":"oliveMenuStandAlone.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenuStandAlone.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"oliveMenuStandAlone.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenuStandAlone.tsx"],"names":[],"mappings":"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"}
@@ -3,7 +3,7 @@ import { IActionBottomSheetControlledStructure } from '../../../components/actio
3
3
  import { IButton } from '../../../components/button';
4
4
  import { IListOptions } from '../../../components/listOptions';
5
5
  import { IPopoverControlled } from '../../../components/popover';
6
- import { CustomTokenTypes } from '../../../types';
6
+ import { CustomTokenTypes, DeviceBreakpointsType } from '../../../types';
7
7
  import { OliveMenuGlobalStylesType } from './oliveMenuTheme';
8
8
  export type OliveMenuTriggerType = Omit<IButton, 'children' | 'size'> & {
9
9
  content?: ReactNode;
@@ -19,6 +19,7 @@ export type OliveMenuListOptions = Omit<IListOptions, 'variant' | 'optionVariant
19
19
  export type OliveMenuPopover = Omit<IPopoverControlled, 'children' | 'open'>;
20
20
  export interface IOliveMenuStandAlone {
21
21
  styles: OliveMenuGlobalStylesType;
22
+ device: DeviceBreakpointsType;
22
23
  open?: boolean;
23
24
  trigger?: OliveMenuTriggerType;
24
25
  screenReaderText?: string;
@@ -28,8 +29,9 @@ export interface IOliveMenuStandAlone {
28
29
  selectedValue?: string | number;
29
30
  dataTestId?: string;
30
31
  onOptionClick?: (value?: string | number) => void;
32
+ onBlur?: React.FocusEventHandler<HTMLDivElement>;
31
33
  }
32
- export interface IOliveMenu<V = undefined extends string ? unknown : string> extends Omit<IOliveMenuStandAlone, 'styles' | 'open' | 'active'>, Omit<CustomTokenTypes<OliveMenuGlobalStylesType>, 'cts' | 'extraCt'> {
34
+ export interface IOliveMenu<V = undefined extends string ? unknown : string> extends Omit<IOliveMenuStandAlone, 'styles' | 'device' | 'open' | 'active' | 'onBlur'>, Omit<CustomTokenTypes<OliveMenuGlobalStylesType>, 'cts' | 'extraCt'> {
33
35
  variant: V;
34
- onOpenClose?: (open: boolean, event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
36
+ onOpenClose?: (open: boolean, event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.FocusEvent<HTMLDivElement>) => void;
35
37
  }
@@ -8,6 +8,7 @@ export type OliveMenuGlobalStylesType = {
8
8
  };
9
9
  };
10
10
  listOptionsContainer?: CommonStyleType;
11
+ popover?: CommonStyleType;
11
12
  popoverVariant?: string;
12
13
  actionBottomSheet?: {
13
14
  variant?: string;
@@ -29,7 +29,7 @@ const OptionStandAlone = React.forwardRef((props, ref) => {
29
29
  const _firstNoHighlightedLabel = props.label.substring(0, firstHighlightedIndex);
30
30
  const _highlightedLabel = props.label.substring(firstHighlightedIndex, lastHighlightedIndex);
31
31
  const _lastNoHighlightedLabel = props.label.substring(lastHighlightedIndex);
32
- return (_jsxs(OptionStyled, { ref: ref, "aria-disabled": disabled, ...ariaProps, "$stateStyles": stateStyles, "$styles": props.styles, as: props.url ? props.componentLink : props.as ?? OptionDivStyled, "data-testid": props.dataTestId, role: props.role, tabIndex: props.tabIndex, url: props.url, onBlur: props.onBlur, onClick: handleClickOption, onFocus: props.onFocus, onKeyDown: (event) => {
32
+ return (_jsxs(OptionStyled, { ref: ref, "aria-disabled": disabled, ...ariaProps, "$stateStyles": stateStyles, "$styles": props.styles, as: props.url ? props.componentLink : (props.as ?? OptionDivStyled), "data-testid": props.dataTestId, role: props.role, tabIndex: props.tabIndex, url: props.url, onBlur: props.onBlur, onClick: handleClickOption, onFocus: props.onFocus, onKeyDown: (event) => {
33
33
  if (!disabled && (isKeyEnterPressed(event.key) || isKeySpacePressed(event.key))) {
34
34
  props.onClick?.(event);
35
35
  }
@@ -1 +1 @@
1
- {"version":3,"file":"optionStandAlone.js","sourceRoot":"","sources":["../../../../src/components/option/optionStandAlone.tsx"],"names":[],"mappings":";AAAA,uCAAuC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAsB,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EACL,eAAe,EACf,2BAA2B,EAC3B,kCAAkC,EAClC,sBAAsB,EACtB,YAAY,EACZ,uBAAuB,GACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAqB,eAAe,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAE1D,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CACvC,CAAC,KAAwB,EAAE,GAAgD,EAAE,EAAE;IAC7E,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC,qBAAqB,IAAI,KAAK,CAAC,qBAAqB,EAAE,MAAM,GAAG,CAAC,CAAC;IACzF,MAAM,KAAK,GAAG,QAAQ,CACpB,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,WAAW,EACjB,KAAK,CAAC,KAAK,EACX,OAAO,CACR,CAAC;IACF,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,KAAK,KAAK,eAAe,CAAC,QAAQ,CAAC;IAEpD,MAAM,iBAAiB,GAA4C,KAAK,CAAC,EAAE;QACzE,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,eAAe,CAAC,iBAAiB;QACjC,eAAe,CAAC,uBAAuB;KACxC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElB,MAAM,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,GAAG,qBAAqB,CAC3E,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,qBAAqB,CAC5B,CAAC;IACF,MAAM,wBAAwB,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,qBAAqB,CAAC,CAAC;IACjF,MAAM,iBAAiB,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,qBAAqB,EAAE,oBAAoB,CAAC,CAAC;IAC7F,MAAM,uBAAuB,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAC5E,OAAO,CACL,MAAC,YAAY,IACX,GAAG,EAAE,GAAG,mBACO,QAAQ,KACnB,SAAS,kBACC,WAAW,aAChB,KAAK,CAAC,MAAM,EACrB,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,eAAe,iBACpD,KAAK,CAAC,UAAU,EAC7B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,iBAAiB,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,CAAC,KAA0C,EAAE,EAAE;YACxD,IAAI,CAAC,QAAQ,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;gBAChF,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACH,CAAC,EACD,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,aAEhC,MAAC,2BAA2B,eAC1B,MAAC,sBAAsB,IAAC,WAAW,EAAE,WAAW,aAC9C,KAAC,aAAa,IACZ,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAC/B,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,MAAM,EACrC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EACjC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,KAC3B,KAAK,CAAC,IAAI,GACd,EACD,KAAK,CAAC,QAAQ,EAAE,OAAO,IAAI,CAC1B,KAAC,uBAAuB,IAAC,WAAW,EAAE,WAAW,YAC/C,KAAC,IAAI,IACH,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EACnC,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,UAAU,EACzC,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAqC,EACxE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAC5C,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,KACtC,KAAK,CAAC,QAAQ,YAEjB,KAAK,CAAC,QAAQ,EAAE,OAAO,GACnB,GACiB,CAC3B,EACD,MAAC,kCAAkC,eACjC,KAAC,gBAAgB,IACf,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAChC,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,0BAA0B,EACzD,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,eAAqC,EACrE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EACzC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,YAEtC,wBAAwB,GACR,EACnB,KAAC,gBAAgB,IACf,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAChC,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,kBAAkB,EACjD,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,eAAqC,EACjF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,YAAY,EACrD,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,WAAW,YAElD,iBAAiB,GACD,EACnB,KAAC,gBAAgB,IACf,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAChC,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,yBAAyB,EACxD,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,eAAqC,EACrE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EACzC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,YAEtC,uBAAuB,GACP,IACgB,IACd,EACxB,cAAc,IAAI,CACjB,KAAC,aAAa,IACZ,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EACtC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,aAAa,EAC5C,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EACxC,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,KAClC,KAAK,CAAC,WAAW,GACrB,CACH,IAC2B,EAC7B,KAAK,CAAC,MAAM,IAAI,KAAC,MAAM,OAAK,KAAK,CAAC,MAAM,GAAI,EAC5C,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,IAC5B,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"optionStandAlone.js","sourceRoot":"","sources":["../../../../src/components/option/optionStandAlone.tsx"],"names":[],"mappings":"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"}
@@ -3,10 +3,12 @@ import * as React from 'react';
3
3
  import { Pill } from '../../components/pill';
4
4
  import { useRoveFocus } from '../../hooks';
5
5
  import { ROLES } from '../../types';
6
+ import { pickAriaProps } from '../../utils';
6
7
  import { PillSelectorWrapper, ThumbStyled } from './pillSelector.styled';
7
8
  import { keyLeftMove, keyRightMove } from './utils';
8
9
  const MAX_PILLS = 3;
9
10
  const PillSelectorStandAloneComponent = ({ dataTestId, maxPills = MAX_PILLS, ...props }, ref) => {
11
+ const ariaProps = pickAriaProps(props);
10
12
  const roveFocusProps = React.useMemo(() => ({
11
13
  size: props.pills.length,
12
14
  keyDownMove: keyRightMove(props.pills),
@@ -21,7 +23,7 @@ const PillSelectorStandAloneComponent = ({ dataTestId, maxPills = MAX_PILLS, ...
21
23
  React.useImperativeHandle(ref, () => {
22
24
  return listEl.current;
23
25
  }, []);
24
- return (_jsxs(PillSelectorWrapper, { ref: listEl, "data-testid": `${dataTestId}PillSelector`, hasThumb: !!(!props.multiSelect && props.styles?.thumb), isSelected: isPillSelected, role: ROLES.RADIOGROUP, styles: props.styles, children: [!props.multiSelect && props.styles?.thumb && (_jsx(ThumbStyled, { "data-testid": `${dataTestId}Thumb`, styles: props.styles })), props.pills.length > 1 && props.pills.length <= maxPills
26
+ return (_jsxs(PillSelectorWrapper, { ...ariaProps, ref: listEl, "data-testid": `${dataTestId}PillSelector`, hasThumb: !!(!props.multiSelect && props.styles?.thumb), isSelected: isPillSelected, role: ROLES.RADIOGROUP, styles: props.styles, children: [!props.multiSelect && props.styles?.thumb && (_jsx(ThumbStyled, { "data-testid": `${dataTestId}Thumb`, styles: props.styles })), props.pills.length > 1 && props.pills.length <= maxPills
25
27
  ? props.pills.map((pill, index) => {
26
28
  const pillSelected = props.pillSelected?.includes(pill.value.toString());
27
29
  return ((props.pillSize || pill?.size) && (_jsx(Pill, { dataTestId: `${dataTestId}Pill${index}`, focus: focus === index, multiSelect: props.multiSelect, name: props.name, selected: pillSelected, size: props.pillSize || '', tabIndex: pillSelected || (!isPillSelected && index === 0) ? 0 : -1, ...pill, value: pill.value.toString(), variant: props.pillVariant, onFocus: () => {
@@ -1 +1 @@
1
- {"version":3,"file":"pillSelectorStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pillSelector/pillSelectorStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,MAAM,SAAS,GAAG,CAAC,CAAC;AAEpB,MAAM,+BAA+B,GAAG,CACtC,EAAE,UAAU,EAAE,QAAQ,GAAG,SAAS,EAAE,GAAG,KAAK,EAA2B,EACvE,GAAuC,EACpB,EAAE;IACrB,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM;QACxB,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;QACtC,SAAS,EAAE,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC;QACnC,YAAY,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;QACvC,WAAW,EAAE,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC;QACrC,UAAU,EAAE,IAAI;QAChB,oBAAoB,EAAE,CAAC,CAAC;KACzB,CAAC,EACF,CAAC,KAAK,CAAC,KAAK,CAAC,CACd,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC,CAAC;IAE/D,MAAM,cAAc,GAAG,KAAK,CAAC,YAAY,EAAE,MAAM,KAAK,CAAC,CAAC;IAExD,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE;QAClC,OAAO,MAAM,CAAC,OAAyB,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,MAAC,mBAAmB,IAClB,GAAG,EAAE,MAAyC,iBACjC,GAAG,UAAU,cAAc,EACxC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EACvD,UAAU,EAAE,cAAc,EAC1B,IAAI,EAAE,KAAK,CAAC,UAAU,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,MAAM,EAAE,KAAK,IAAI,CAC5C,KAAC,WAAW,mBAAc,GAAG,UAAU,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CACzE,EACA,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,QAAQ;gBACvD,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;oBAC9B,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;oBACzE,OAAO,CACL,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,EAAE,IAAI,CAAC,IAAI,CAChC,KAAC,IAAI,IAEH,UAAU,EAAE,GAAG,UAAU,OAAO,KAAK,EAAE,EACvC,KAAK,EAAE,KAAK,KAAK,KAAK,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,KAAK,CAAC,QAAQ,IAAI,EAAE,EAC1B,QAAQ,EAAE,YAAY,IAAI,CAAC,CAAC,cAAc,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAC/D,IAAI,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAC5B,OAAO,EAAE,KAAK,CAAC,WAAW,EAC1B,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAI,KAAK,KAAK,KAAK,EAAE,CAAC;gCACpB,QAAQ,CAAC,KAAK,CAAC,CAAC;4BAClB,CAAC;wBACH,CAAC,EACD,YAAY,EAAE,KAAK,CAAC,YAAY,YAE/B,IAAI,CAAC,KAAK,IAlBN,IAAI,CAAC,KAAK,CAmBV,CACR,CACF,CAAC;gBACJ,CAAC,CAAC;gBACJ,CAAC,CAAC,IAAI,IACY,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC"}
1
+ {"version":3,"file":"pillSelectorStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pillSelector/pillSelectorStandAlone.tsx"],"names":[],"mappings":"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"}
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import { IPillUnControlled } from '../../../components/pill/types';
3
3
  import { CustomTokenTypes } from '../../../types';
4
4
  import { PillSelectorStyles } from './pillSelectorTheme';
5
+ type PillSelectorAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-disabled'>;
5
6
  export type PillType = Pick<IPillUnControlled, 'disabled' | 'decorativeIcon' | 'selectedIcon' | 'aria-label' | 'aria-labelledby' | 'aria-checked' | 'aria-describedby' | 'aria-pressed' | 'aria-disabled'> & {
6
7
  value: string | number;
7
8
  label: React.ReactNode;
@@ -10,7 +11,7 @@ type PillSelectedType = number | string;
10
11
  type Pill = Omit<PillType, 'size'> & {
11
12
  size?: string;
12
13
  };
13
- export interface IPillSelectorStandAlone {
14
+ export interface IPillSelectorStandAlone extends PillSelectorAriaAttributes {
14
15
  pillVariant: string;
15
16
  pillSize?: string;
16
17
  pillSelected?: PillSelectedType[];
@@ -7,7 +7,9 @@ import { PopoverAnimationStyled, PopoverStyled } from './popover.styled';
7
7
  const PopoverStandAloneComponent = ({ children, animationExecution, animationConfig, dataTestId, ...props }, ref) => {
8
8
  const ariaProps = pickAriaProps(props);
9
9
  if (props.open) {
10
- return (_jsxs("div", { ref: ref, children: [props.hasBackDrop && _jsx(Overlay, { variant: props.styles[props.device]?.overlay }), _jsx(PopoverAnimationStyled, { ref: props.forwardedRef, as: animationConfig ? CssAnimation : 'div', "data-testid": dataTestId, exec: animationExecution, id: props.id, options: animationConfig?.animationOptions, variant: animationConfig?.animation, children: _jsx(PopoverStyled, { ...ariaProps, align: props.align, as: props.component, autoWidth: props?.autoWidth, bottom: props?.bottom, device: props.device, extraAlignGap: props.extraAlignGap, extraWidth: props.extraWidth || props.styles?.[props.device]?.extraWidth, extraWidthSide: props.extraWidthSide || props.styles?.[props.device]?.extraWidthSide, left: props?.left, open: props.open, positionVariant: props.positionVariant, right: props?.right, role: props.role, tabIndex: props.tabIndex, top: props?.top, onKeyDown: props.onKeyDown, ...props.styles, children: children }) })] }));
10
+ return (_jsxs("div", { ref: ref, children: [props.hasBackDrop && _jsx(Overlay, { variant: props.styles[props.device]?.overlay }), _jsx(PopoverAnimationStyled, { ref: props.forwardedRef, as: animationConfig ? CssAnimation : 'div', "data-testid": dataTestId, exec: animationExecution, id: props.id, options: animationConfig?.animationOptions, variant: animationConfig?.animation, children: _jsx(PopoverStyled
11
+ // Allow to identificate the element
12
+ , { "data-popover": true, ...ariaProps, align: props.align, as: props.component, autoWidth: props?.autoWidth, bottom: props?.bottom, device: props.device, extraAlignGap: props.extraAlignGap, extraWidth: props.extraWidth || props.styles?.[props.device]?.extraWidth, extraWidthSide: props.extraWidthSide || props.styles?.[props.device]?.extraWidthSide, left: props?.left, open: props.open, positionVariant: props.positionVariant, right: props?.right, role: props.role, tabIndex: props.tabIndex, top: props?.top, onKeyDown: props.onKeyDown, ...props.styles, children: children }) })] }));
11
13
  }
12
14
  return _jsx(PopoverAnimationStyled, { id: props.id });
13
15
  };
@@ -1 +1 @@
1
- {"version":3,"file":"popoverStandAlone.js","sourceRoot":"","sources":["../../../../src/components/popover/popoverStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGzE,MAAM,0BAA0B,GAAG,CACjC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,KAAK,EAAsB,EAC3F,GAA0D,EACtC,EAAE;IACtB,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,aACV,KAAK,CAAC,WAAW,IAAI,KAAC,OAAO,IAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,GAAI,EAC/E,KAAC,sBAAsB,IACrB,GAAG,EAAE,KAAK,CAAC,YAAY,EACvB,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,iBAC7B,UAAU,EACvB,IAAI,EAAE,kBAAkB,EACxB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAC1C,OAAO,EAAE,eAAe,EAAE,SAAS,YAEnC,KAAC,aAAa,OACR,SAAS,EACb,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,SAAS,EACnB,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAE,KAAK,EAAE,MAAM,EACrB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,UAAU,EACxE,cAAc,EAAE,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,cAAc,EACpF,IAAI,EAAE,KAAK,EAAE,IAAI,EACjB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,KAAK,EAAE,KAAK,EAAE,KAAK,EACnB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,GAAG,EAAE,KAAK,EAAE,GAAG,EACf,SAAS,EAAE,KAAK,CAAC,SAAS,KACtB,KAAK,CAAC,MAAM,YAEf,QAAQ,GACK,GACO,IACrB,CACP,CAAC;IACJ,CAAC;IACD,OAAO,KAAC,sBAAsB,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC"}
1
+ {"version":3,"file":"popoverStandAlone.js","sourceRoot":"","sources":["../../../../src/components/popover/popoverStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGzE,MAAM,0BAA0B,GAAG,CACjC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,KAAK,EAAsB,EAC3F,GAA0D,EACtC,EAAE;IACtB,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,aACV,KAAK,CAAC,WAAW,IAAI,KAAC,OAAO,IAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,GAAI,EAC/E,KAAC,sBAAsB,IACrB,GAAG,EAAE,KAAK,CAAC,YAAY,EACvB,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,iBAC7B,UAAU,EACvB,IAAI,EAAE,kBAAkB,EACxB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAC1C,OAAO,EAAE,eAAe,EAAE,SAAS,YAEnC,KAAC,aAAa;oBACZ,oCAAoC;iDAEhC,SAAS,EACb,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,SAAS,EACnB,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAE,KAAK,EAAE,MAAM,EACrB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,UAAU,EACxE,cAAc,EAAE,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,cAAc,EACpF,IAAI,EAAE,KAAK,EAAE,IAAI,EACjB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,KAAK,EAAE,KAAK,EAAE,KAAK,EACnB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,GAAG,EAAE,KAAK,EAAE,GAAG,EACf,SAAS,EAAE,KAAK,CAAC,SAAS,KACtB,KAAK,CAAC,MAAM,YAEf,QAAQ,GACK,GACO,IACrB,CACP,CAAC;IACJ,CAAC;IACD,OAAO,KAAC,sBAAsB,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC"}
@@ -22,6 +22,7 @@ export interface IPopoverStandAlone {
22
22
  maxWidth?: string;
23
23
  component?: PopoverComponentType;
24
24
  id?: string;
25
+ ['aria-label']?: string;
25
26
  ['aria-modal']?: boolean;
26
27
  ['aria-description']?: string;
27
28
  ['aria-labelledby']?: string;
@@ -1,22 +1,24 @@
1
- import { VariantStyles } from '../../../../types';
2
- import { IRadioButtonStyled, RadioButtonBaseStyles, RadioButtonStateType, RadioButtonStylesType } from './types';
3
- interface IRadioButtonContentStyled {
4
- styles: VariantStyles<RadioButtonStylesType>;
1
+ import { RadioButtonBaseStyles, RadioButtonStateStylesType, RadioButtonStateType } from './types';
2
+ export declare const RadioButtonContainerInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
3
+ styles: RadioButtonStateStylesType;
4
+ }>> & string;
5
+ export declare const RadioButtonInputStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
6
+ styles: RadioButtonStateStylesType & {
7
+ altVariant?: boolean;
8
+ };
9
+ state?: RadioButtonStateType;
10
+ }>> & string;
11
+ export declare const RadioButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
12
+ styles: RadioButtonStateStylesType;
5
13
  state: RadioButtonStateType;
6
14
  hasLabel?: boolean;
7
15
  lastChild?: boolean;
8
- }
9
- interface IRadioButtonErrorStyled {
10
- styles?: RadioButtonBaseStyles;
11
- }
12
- interface IRadioButtonErrorStyled {
13
- styles?: RadioButtonBaseStyles;
14
- }
15
- export declare const RadioButtonContainerInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IRadioButtonStyled>> & string;
16
- export declare const RadioButtonInputStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, IRadioButtonStyled>> & string;
17
- export declare const RadioButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IRadioButtonContentStyled>> & string;
16
+ }>> & string;
18
17
  export declare const RadioButtonContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
19
18
  export declare const RadioButtonLabelStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
20
- export declare const RadioButtonErrorStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IRadioButtonErrorStyled>> & string;
21
- export declare const ErrorIconWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IRadioButtonErrorStyled>> & string;
22
- export {};
19
+ export declare const RadioButtonErrorStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
20
+ styles?: RadioButtonBaseStyles;
21
+ }>> & string;
22
+ export declare const ErrorIconWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
23
+ styles?: RadioButtonBaseStyles;
24
+ }>> & string;
@@ -1,7 +1,7 @@
1
1
  import styled, { css } from 'styled-components';
2
2
  import { focusVisibleAlt } from '../../../../styles/mixins';
3
3
  import { getStyles } from '../../../../utils';
4
- import { RadioButtonStateType, } from './types';
4
+ import { RadioButtonStateType } from './types';
5
5
  const getDynamicStyles = (styles) => css `
6
6
  ${getStyles(styles?.radioButton)}
7
7
 
@@ -1 +1 @@
1
- {"version":3,"file":"radioButton.styled.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/radioButton/radioButton.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAGL,oBAAoB,GAErB,MAAM,SAAS,CAAC;AAiBjB,MAAM,gBAAgB,GAAG,CAAC,MAA8B,EAAE,EAAE,CAAC,GAAG,CAAA;IAC5D,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC;;;;;;;;MAQ5B,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC;;CAE5B,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAoB;IACnE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CACvF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAoB;;;;;;;IAOlE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,gBAAgB,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;;;;;;IAMjE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,IAAI,eAAe,EAAE;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAA2B;aACzD,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;;IAErD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC;mBAC9C,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;;;;CAI5D,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAErD,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG/C,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAyB;IACrE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,qBAAqB,CAAC;;;;CAI3D,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAyB;IACtE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,yBAAyB,CAAC;CAC/D,CAAC"}
1
+ {"version":3,"file":"radioButton.styled.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/radioButton/radioButton.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAqD,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAMlG,MAAM,gBAAgB,GAAG,CAAC,MAA8B,EAAE,EAAE,CAAC,GAAG,CAAA;IAC5D,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC;;;;;;;;MAQ5B,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC;;CAE5B,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAwC;IACvF,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CACvF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAGhD;;;;;;;IAOE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,gBAAgB,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;;;;;;IAMjE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,IAAI,eAAe,EAAE;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAKzC;aACW,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;;IAErD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC;mBAC9C,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;;;;CAI5D,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAErD,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG/C,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAoC;IAChF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,qBAAqB,CAAC;;;;CAI3D,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAoC;IACjF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,yBAAyB,CAAC;CAC/D,CAAC"}
@@ -22,7 +22,7 @@ export const RadioButtonStandAlone = (props) => {
22
22
  errorMessage: props.errorMessage,
23
23
  errorMessageId,
24
24
  error: props.error,
25
- }), checked: props.checked, "data-testid": `${props.dataTestId}Input`, disabled: props.disabled, id: inputId, name: props.name, state: props.state, styles: props.styles, type: "radio", value: props.value, onBlur: props.onBlur, onChange: props.onChange }) }), props.label?.content && (_jsx(RadioButtonLabelStyled, { children: _jsx(Label, { color: props.styles?.[props.state]?.label?.color, cursor: props.disabled ? CURSOR_DEFAULT : CURSOR_POINTER, dataTestId: `${props.dataTestId}Label`, inputId: inputId, textVariant: props.styles?.[props.state]?.label?.font_variant, weight: getLabelFontWeight(), ...props.label, children: props.label.content }) })), props.subTitle?.content &&
25
+ }), "aria-hidden": props['aria-hidden'], "aria-label": props['aria-label'], "aria-labelledby": props['aria-labelledby'], checked: props.checked, "data-testid": `${props.dataTestId}Input`, disabled: props.disabled, id: inputId, name: props.name, state: props.state, styles: props.styles, tabIndex: props.tabIndex, type: "radio", value: props.value, onBlur: props.onBlur, onChange: props.onChange }) }), props.label?.content && (_jsx(RadioButtonLabelStyled, { children: _jsx(Label, { color: props.styles?.[props.state]?.label?.color, cursor: props.disabled ? CURSOR_DEFAULT : CURSOR_POINTER, dataTestId: `${props.dataTestId}Label`, inputId: inputId, textVariant: props.styles?.[props.state]?.label?.font_variant, weight: getLabelFontWeight(), ...props.label, children: props.label.content }) })), props.subTitle?.content &&
26
26
  (typeof props.subTitle.content === 'string' ? (_jsx(Text, { customTypography: props.styles?.[props.state]?.sublabel, ...props.subTitle, id: descriptionId, children: props.subTitle.content })) : (_jsx(RadioButtonContentStyled, { id: descriptionId, children: props.subTitle.content }))), props.error && props.errorMessage && (_jsx(RadioButtonErrorStyled, { "aria-live": props.errorAriaLiveType, id: errorMessageId, styles: props.styles?.[props.state], children: _jsxs(Text, { customTypography: props.styles?.[props.state]?.errorMessage, dataTestId: `${props.dataTestId}ErrorMessage`, children: [props.errorIcon && (_jsx(ErrorIconWrapperStyled, { styles: props.styles?.[props.state], children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.[props.state]?.errorMessageIcon, ...props.errorIcon }) })), props.errorMessage] }) }))] }));
27
27
  };
28
28
  //# sourceMappingURL=radioButtonStandAlone.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radioButtonStandAlone.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"radioButtonStandAlone.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.tsx"],"names":[],"mappings":"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"}
@@ -6,22 +6,19 @@ import { AriaLiveOptionType } from '../../../../../types';
6
6
  import { VariantStyles } from '../../../../../types/variantStyles';
7
7
  import { RadioButtonStylesType } from './radioButtonTheme';
8
8
  import { RadioButtonStateType } from './state';
9
- export interface IRadioButtonStyled {
10
- styles: VariantStyles<RadioButtonStylesType> & {
11
- altVariant?: boolean;
12
- };
13
- state?: RadioButtonStateType;
14
- hasLabel?: boolean;
15
- }
16
9
  export type RadioButtonLabelType = Omit<ILabelStandAlone, 'children' | 'inputId'> & {
17
10
  content?: string;
18
11
  };
19
12
  export type RadioButtonSubtitleType = Omit<IText<string>, 'children'> & {
20
13
  content?: JSX.Element | string;
21
14
  };
22
- export interface IRadioButtonStandAlone extends IRadioButtonStyled {
23
- checked: boolean;
24
- name: string;
15
+ type RadioButtonAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-hidden'>;
16
+ export interface IRadioButtonStandAlone extends RadioButtonAriaAttributes {
17
+ styles: VariantStyles<RadioButtonStylesType> & {
18
+ altVariant?: boolean;
19
+ };
20
+ checked?: boolean;
21
+ name?: string;
25
22
  label?: RadioButtonLabelType;
26
23
  errorMessage?: string;
27
24
  errorIcon?: IElementOrIcon;
@@ -32,10 +29,11 @@ export interface IRadioButtonStandAlone extends IRadioButtonStyled {
32
29
  state: RadioButtonStateType;
33
30
  error?: boolean;
34
31
  disabled?: boolean;
35
- value: string | number;
32
+ value?: string | number;
36
33
  dataTestId?: string;
37
34
  screenReaderId?: string;
38
35
  id?: string;
36
+ tabIndex?: number;
39
37
  lastChild?: boolean;
40
38
  }
41
39
  /**
@@ -45,10 +43,14 @@ export interface IRadioButtonStandAlone extends IRadioButtonStyled {
45
43
  * @template V
46
44
  * @property {V} variant - Variant of the radio button.
47
45
  */
48
- export interface IRadioButton<V = undefined extends string ? unknown : string> extends Omit<IRadioButtonStandAlone, 'state'> {
46
+ export interface IRadioButton<V = undefined extends string ? unknown : string> extends Omit<IRadioButtonStandAlone, 'state' | 'styles'> {
49
47
  /**
50
48
  * @deprecated `state` is deprecated. Please use `error`, `disabled` or `checked` instead.
51
49
  */
52
50
  state?: RadioButtonStateType;
51
+ styles?: VariantStyles<RadioButtonStylesType> & {
52
+ altVariant?: boolean;
53
+ };
53
54
  variant: V;
54
55
  }
56
+ export {};
@@ -21,8 +21,9 @@ export type RadioButtonBaseStyles = {
21
21
  align?: TooltipAlignType;
22
22
  };
23
23
  };
24
+ export type RadioButtonStateStylesType = {
25
+ [state in RadioButtonStateType]?: RadioButtonBaseStyles;
26
+ };
24
27
  export type RadioButtonStylesType<P extends string = string> = {
25
- [variant in P]: {
26
- [state in RadioButtonStateType]?: RadioButtonBaseStyles;
27
- };
28
+ [variant in P]: RadioButtonStateStylesType;
28
29
  };
@@ -32,8 +32,8 @@ export const useContent = (props) => {
32
32
  };
33
33
  const hasFooter = !!props.footer;
34
34
  const getExpandedAria = () => showExpandedContent
35
- ? props.value.accordionIconExpandedAriaLabel ?? props.accordionIconExpandedAriaLabel
36
- : props.value.accordionIconCollapsedAriaLabel ?? props.accordionIconCollapsedAriaLabel;
35
+ ? (props.value.accordionIconExpandedAriaLabel ?? props.accordionIconExpandedAriaLabel)
36
+ : (props.value.accordionIconCollapsedAriaLabel ?? props.accordionIconCollapsedAriaLabel);
37
37
  const getValue = (headerValue) => {
38
38
  if (headerValue.value) {
39
39
  return headerValue.value(props.value);
@@ -1 +1 @@
1
- {"version":3,"file":"useContent.js","sourceRoot":"","sources":["../../../../../src/components/table/hooks/useContent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsC/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAkB,EAAuB,EAAE;IACpE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAC5F,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;IACzE,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,IAAI,SAAS,CAAC;IAEvD,MAAM,yBAAyB,GAAG,CAAC,KAAc,EAAE,EAAE;QACnD,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QAChD,IAAI,KAAK,CAAC,cAAc,IAAI,OAAO,EAAE,KAAK,EAAE,cAAc,IAAI,OAAO,EAAE,KAAK,EAAE,CAAC;YAC7E,IAAI,OAAO,EAAE,KAAK,YAAY,QAAQ,EAAE,CAAC;gBACvC,MAAM,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBAEhD,OAAO,cAAc,CAAC;YACxB,CAAC;YACD,OAAO,OAAO,EAAE,KAAK,EAAE,cAAc,IAAI,KAAK,CAAC,cAAc,CAAC;QAChE,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QACzC,IAAI,OAAO,EAAE,KAAK,YAAY,QAAQ,EAAE,CAAC;YACvC,OAAO,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;QAED,OAAO,OAAO,EAAE,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAsC,EAAE;QAC3D,IAAI,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC;YACjB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QACvE,MAAM,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAEzD,OAAO,iBAAiB,IAAI,UAAU,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;IACjC,MAAM,eAAe,GAAG,GAAG,EAAE,CAC3B,mBAAmB;QACjB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,8BAA8B,IAAI,KAAK,CAAC,8BAA8B;QACpF,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,+BAA+B,IAAI,KAAK,CAAC,+BAA+B,CAAC;IAE3F,MAAM,QAAQ,GAAG,CAAC,WAAyB,EAAyC,EAAE;QACpF,IAAI,WAAW,CAAC,KAAK,EAAE,CAAC;YACtB,OAAO,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC;QAED,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC;YAC3C,CAAC,CAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAA4C;YACzE,CAAC,CAAC,GAAG,CAAC;QACR,IAAI,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;YACrE,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAQ,SAA6B,CAAC,KAA6B,CAAC;IACtE,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,EACzB,WAAW,EACX,KAAK,GAIN,EAAsB,EAAE;QACvB,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC;YAC3C,CAAC,CAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAA4C;YACzE,CAAC,CAAC,GAAG,CAAC;QACR,IAAI,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;YACrE,OAAO;QACT,CAAC;QACD,OAAQ,SAA6B,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC,KAAK,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;IAEhG,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC;IAExC,OAAO;QACL,OAAO;QACP,SAAS;QACT,YAAY;QACZ,eAAe;QACf,QAAQ;QACR,iBAAiB;QACjB,yBAAyB;QACzB,qBAAqB;QACrB,SAAS;QACT,mBAAmB;QACnB,UAAU;KACX,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"useContent.js","sourceRoot":"","sources":["../../../../../src/components/table/hooks/useContent.ts"],"names":[],"mappings":"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"}
@@ -20,6 +20,8 @@ export declare const TabsRightArrowContainerStyled: import("styled-components/di
20
20
  export declare const TabStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TabStylesType>> & string;
21
21
  export declare const TextWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
22
22
  export declare const LabelHiddenContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
23
- export declare const TabsContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StylesType>> & string;
23
+ export declare const TabsContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StylesType & {
24
+ $display?: string;
25
+ }>> & string;
24
26
  export declare const TabsTabListStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StylesType>> & string;
25
27
  export {};
@@ -116,6 +116,7 @@ export const LabelHiddenContainer = styled.span `
116
116
  `;
117
117
  export const TabsContentStyled = styled.div `
118
118
  ${({ styles }) => getStyles(styles.contentContainer)}
119
+ display: ${({ $display }) => $display};
119
120
  `;
120
121
  export const TabsTabListStyled = styled.div `
121
122
  display: flex;