@kubit-ui-web/react-components 1.16.0 → 1.17.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 (537) hide show
  1. package/dist/cjs/components/accordion/accordion.styled.js +17 -7
  2. package/dist/cjs/components/accordion/accordion.styled.js.map +1 -1
  3. package/dist/cjs/components/actionBottomSheet/actionBottomSheet.styled.js +17 -7
  4. package/dist/cjs/components/actionBottomSheet/actionBottomSheet.styled.js.map +1 -1
  5. package/dist/cjs/components/actionBottomSheet/actionBottomSheetStandAlone.js +1 -1
  6. package/dist/cjs/components/actionBottomSheet/actionBottomSheetStandAlone.js.map +1 -1
  7. package/dist/cjs/components/actionBottomSheet/types/actionBottomSheetTheme.d.ts +1 -0
  8. package/dist/cjs/components/avatar/avatar.styled.js +17 -7
  9. package/dist/cjs/components/avatar/avatar.styled.js.map +1 -1
  10. package/dist/cjs/components/backToTop/backToTopControlled.js +1 -1
  11. package/dist/cjs/components/backToTop/backToTopControlled.js.map +1 -1
  12. package/dist/cjs/components/backToTop/backToTopStandAlone.js +2 -2
  13. package/dist/cjs/components/backToTop/backToTopStandAlone.js.map +1 -1
  14. package/dist/cjs/components/badgeV2/index.d.ts +1 -2
  15. package/dist/cjs/components/badgeV2/index.js +16 -4
  16. package/dist/cjs/components/badgeV2/index.js.map +1 -1
  17. package/dist/cjs/components/badgeV2/types/index.d.ts +2 -2
  18. package/dist/cjs/components/badgeV2/types/index.js.map +1 -1
  19. package/dist/cjs/components/breadcrumbs/breadcrumbs.styled.js +17 -7
  20. package/dist/cjs/components/breadcrumbs/breadcrumbs.styled.js.map +1 -1
  21. package/dist/cjs/components/button/button.styled.js +17 -7
  22. package/dist/cjs/components/button/button.styled.js.map +1 -1
  23. package/dist/cjs/components/calendar/calendarStandAlone.js +1 -1
  24. package/dist/cjs/components/calendar/calendarStandAlone.js.map +1 -1
  25. package/dist/cjs/components/calendar/utils/handleKeysmoves.js +2 -1
  26. package/dist/cjs/components/calendar/utils/handleKeysmoves.js.map +1 -1
  27. package/dist/cjs/components/carousel/carousel.styled.js +18 -8
  28. package/dist/cjs/components/carousel/carousel.styled.js.map +1 -1
  29. package/dist/cjs/components/carousel/carouselStandAlone.js +1 -1
  30. package/dist/cjs/components/carousel/carouselStandAlone.js.map +1 -1
  31. package/dist/cjs/components/confirmationMessage/confirmationMessage.styled.js +17 -7
  32. package/dist/cjs/components/confirmationMessage/confirmationMessage.styled.js.map +1 -1
  33. package/dist/cjs/components/cssAnimation/cssAnimation.js +17 -7
  34. package/dist/cjs/components/cssAnimation/cssAnimation.js.map +1 -1
  35. package/dist/cjs/components/dot/dot.js +1 -1
  36. package/dist/cjs/components/dot/dot.js.map +1 -1
  37. package/dist/cjs/components/dot/dotStandAlone.js +2 -2
  38. package/dist/cjs/components/dot/dotStandAlone.js.map +1 -1
  39. package/dist/cjs/components/dot/types/dot.d.ts +1 -0
  40. package/dist/cjs/components/drawer/drawer.styled.js +17 -7
  41. package/dist/cjs/components/drawer/drawer.styled.js.map +1 -1
  42. package/dist/cjs/components/drawer/drawerControlled.js +14 -2
  43. package/dist/cjs/components/drawer/drawerControlled.js.map +1 -1
  44. package/dist/cjs/components/drawer/drawerStandAlone.js +1 -5
  45. package/dist/cjs/components/drawer/drawerStandAlone.js.map +1 -1
  46. package/dist/cjs/components/dropdownSelected/dropdownSelected.styled.js +17 -7
  47. package/dist/cjs/components/dropdownSelected/dropdownSelected.styled.js.map +1 -1
  48. package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +17 -7
  49. package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js.map +1 -1
  50. package/dist/cjs/components/elementOrIcon/elementOrIcon.js.map +1 -1
  51. package/dist/cjs/components/elementOrIllustration/elementOrIllustration.js +2 -2
  52. package/dist/cjs/components/elementOrIllustration/elementOrIllustration.js.map +1 -1
  53. package/dist/cjs/components/footer/footer.styled.js +17 -7
  54. package/dist/cjs/components/footer/footer.styled.js.map +1 -1
  55. package/dist/cjs/components/grid/grid.styled.js +17 -7
  56. package/dist/cjs/components/grid/grid.styled.js.map +1 -1
  57. package/dist/cjs/components/headerStructure/headerStructure.styled.js +17 -7
  58. package/dist/cjs/components/headerStructure/headerStructure.styled.js.map +1 -1
  59. package/dist/cjs/components/icon/icon.styled.js +17 -7
  60. package/dist/cjs/components/icon/icon.styled.js.map +1 -1
  61. package/dist/cjs/components/icon/iconHost.d.ts +0 -7
  62. package/dist/cjs/components/icon/iconHost.js +0 -7
  63. package/dist/cjs/components/icon/iconHost.js.map +1 -1
  64. package/dist/cjs/components/iconHighlighted/iconHighlighted.styled.d.ts +3 -0
  65. package/dist/cjs/components/iconHighlighted/iconHighlighted.styled.js +15 -4
  66. package/dist/cjs/components/iconHighlighted/iconHighlighted.styled.js.map +1 -1
  67. package/dist/cjs/components/iconHighlighted/iconHighlightedStandAlone.js +2 -2
  68. package/dist/cjs/components/iconHighlighted/iconHighlightedStandAlone.js.map +1 -1
  69. package/dist/cjs/components/iconHighlighted/types/iconHighlighted.d.ts +2 -0
  70. package/dist/cjs/components/iconHighlighted/types/iconHighlightedTheme.d.ts +7 -0
  71. package/dist/cjs/components/illustration/illustration.styled.js +17 -7
  72. package/dist/cjs/components/illustration/illustration.styled.js.map +1 -1
  73. package/dist/cjs/components/image/types/image.d.ts +3 -0
  74. package/dist/cjs/components/input/components/inputIcon.js +1 -1
  75. package/dist/cjs/components/input/components/inputIcon.js.map +1 -1
  76. package/dist/cjs/components/input/input.styled.d.ts +4 -0
  77. package/dist/cjs/components/input/input.styled.js +25 -8
  78. package/dist/cjs/components/input/input.styled.js.map +1 -1
  79. package/dist/cjs/components/input/types/input.d.ts +1 -1
  80. package/dist/cjs/components/inputCurrency/inputCurrency.styled.js +17 -7
  81. package/dist/cjs/components/inputCurrency/inputCurrency.styled.js.map +1 -1
  82. package/dist/cjs/components/inputDigitSequence/inputDigitSequence.styled.js +17 -7
  83. package/dist/cjs/components/inputDigitSequence/inputDigitSequence.styled.js.map +1 -1
  84. package/dist/cjs/components/inputDropdown/components/optionsList.js +1 -1
  85. package/dist/cjs/components/inputDropdown/components/optionsList.js.map +1 -1
  86. package/dist/cjs/components/inputDropdown/components/popoverSearchList.js +5 -6
  87. package/dist/cjs/components/inputDropdown/components/popoverSearchList.js.map +1 -1
  88. package/dist/cjs/components/inputDropdown/helpers/filterOptions.d.ts +4 -4
  89. package/dist/cjs/components/inputDropdown/helpers/filterOptions.js.map +1 -1
  90. package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.d.ts +1 -1
  91. package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js +34 -13
  92. package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
  93. package/dist/cjs/components/inputDropdown/index.d.ts +0 -1
  94. package/dist/cjs/components/inputDropdown/index.js +1 -3
  95. package/dist/cjs/components/inputDropdown/index.js.map +1 -1
  96. package/dist/cjs/components/inputDropdown/inputDropdown.js +3 -2
  97. package/dist/cjs/components/inputDropdown/inputDropdown.js.map +1 -1
  98. package/dist/cjs/components/inputDropdown/inputDropdown.styled.js +17 -7
  99. package/dist/cjs/components/inputDropdown/inputDropdown.styled.js.map +1 -1
  100. package/dist/cjs/components/inputDropdown/inputDropdownStandAlone.js +4 -4
  101. package/dist/cjs/components/inputDropdown/inputDropdownStandAlone.js.map +1 -1
  102. package/dist/cjs/components/inputDropdown/types/inputDropdown.d.ts +11 -6
  103. package/dist/cjs/components/inputDropdown/types/inputDropdownTheme.d.ts +3 -0
  104. package/dist/cjs/components/inputSearch/components/popoverSearchList.js +2 -2
  105. package/dist/cjs/components/inputSearch/components/popoverSearchList.js.map +1 -1
  106. package/dist/cjs/components/inputSearch/inputSearch.styled.js +17 -7
  107. package/dist/cjs/components/inputSearch/inputSearch.styled.js.map +1 -1
  108. package/dist/cjs/components/inputSearch/inputSearchStandAlone.js +2 -3
  109. package/dist/cjs/components/inputSearch/inputSearchStandAlone.js.map +1 -1
  110. package/dist/cjs/components/inputSearch/types/inputSearch.d.ts +2 -0
  111. package/dist/cjs/components/link/link.styled.js +17 -7
  112. package/dist/cjs/components/link/link.styled.js.map +1 -1
  113. package/dist/cjs/components/link/linkAsButton/linkAsButton.styled.js +17 -7
  114. package/dist/cjs/components/link/linkAsButton/linkAsButton.styled.js.map +1 -1
  115. package/dist/cjs/components/link/linkAsButton/linkAsButtonStandAlone.d.ts +1 -1
  116. package/dist/cjs/components/link/linkAsButton/linkAsButtonStandAlone.js +4 -2
  117. package/dist/cjs/components/link/linkAsButton/linkAsButtonStandAlone.js.map +1 -1
  118. package/dist/cjs/components/loader/loader.styled.js +17 -7
  119. package/dist/cjs/components/loader/loader.styled.js.map +1 -1
  120. package/dist/cjs/components/mediaButton/mediaButton.styled.js +17 -7
  121. package/dist/cjs/components/mediaButton/mediaButton.styled.js.map +1 -1
  122. package/dist/cjs/components/mediaProgressBar/mediaProgressBar.styled.js +17 -7
  123. package/dist/cjs/components/mediaProgressBar/mediaProgressBar.styled.js.map +1 -1
  124. package/dist/cjs/components/modal/modal.styled.js +17 -7
  125. package/dist/cjs/components/modal/modal.styled.js.map +1 -1
  126. package/dist/cjs/components/modal/modalStandAlone.js +5 -5
  127. package/dist/cjs/components/modal/modalStandAlone.js.map +1 -1
  128. package/dist/cjs/components/modal/modalUnControlled.js +17 -7
  129. package/dist/cjs/components/modal/modalUnControlled.js.map +1 -1
  130. package/dist/cjs/components/modalV2/fragments/modalHeader.js +4 -4
  131. package/dist/cjs/components/modalV2/fragments/modalHeader.js.map +1 -1
  132. package/dist/cjs/components/modalV2/modal.styled.d.ts +2 -0
  133. package/dist/cjs/components/modalV2/modal.styled.js +24 -8
  134. package/dist/cjs/components/modalV2/modal.styled.js.map +1 -1
  135. package/dist/cjs/components/modalV2/modalUnControlled.js +17 -7
  136. package/dist/cjs/components/modalV2/modalUnControlled.js.map +1 -1
  137. package/dist/cjs/components/modalV2/types/modalTheme.d.ts +3 -1
  138. package/dist/cjs/components/navigationCard/navigationCard.styled.js +17 -7
  139. package/dist/cjs/components/navigationCard/navigationCard.styled.js.map +1 -1
  140. package/dist/cjs/components/navigationCard/navigationCardStandAlone.js +1 -5
  141. package/dist/cjs/components/navigationCard/navigationCardStandAlone.js.map +1 -1
  142. package/dist/cjs/components/navigationRow/navigationRowStandAlone.js +1 -1
  143. package/dist/cjs/components/navigationRow/navigationRowStandAlone.js.map +1 -1
  144. package/dist/cjs/components/operativeLayout/operativeLayout.styled.js +17 -7
  145. package/dist/cjs/components/operativeLayout/operativeLayout.styled.js.map +1 -1
  146. package/dist/cjs/components/pageControl/components/arrowControlStandAlone.d.ts +3 -3
  147. package/dist/cjs/components/pageControl/components/arrowControlStandAlone.js +1 -2
  148. package/dist/cjs/components/pageControl/components/arrowControlStandAlone.js.map +1 -1
  149. package/dist/cjs/components/pageControl/components/buttonControlStandAlone.d.ts +8 -0
  150. package/dist/cjs/components/pageControl/components/buttonControlStandAlone.js +13 -0
  151. package/dist/cjs/components/pageControl/components/buttonControlStandAlone.js.map +1 -0
  152. package/dist/cjs/components/pageControl/helper/controlType.d.ts +3 -0
  153. package/dist/cjs/components/pageControl/helper/controlType.js +8 -0
  154. package/dist/cjs/components/pageControl/helper/controlType.js.map +1 -0
  155. package/dist/cjs/components/pageControl/helper/index.d.ts +1 -0
  156. package/dist/cjs/components/pageControl/helper/index.js +1 -0
  157. package/dist/cjs/components/pageControl/helper/index.js.map +1 -1
  158. package/dist/cjs/components/pageControl/index.d.ts +1 -1
  159. package/dist/cjs/components/pageControl/index.js +2 -1
  160. package/dist/cjs/components/pageControl/index.js.map +1 -1
  161. package/dist/cjs/components/pageControl/pageControl.styled.d.ts +5 -1
  162. package/dist/cjs/components/pageControl/pageControl.styled.js +6 -2
  163. package/dist/cjs/components/pageControl/pageControl.styled.js.map +1 -1
  164. package/dist/cjs/components/pageControl/pageControlStandAlone.js +12 -6
  165. package/dist/cjs/components/pageControl/pageControlStandAlone.js.map +1 -1
  166. package/dist/cjs/components/pageControl/types/pageControl.d.ts +19 -2
  167. package/dist/cjs/components/pageControl/types/pageControlTheme.d.ts +2 -0
  168. package/dist/cjs/components/pillSelector/pillSelector.styled.js +17 -7
  169. package/dist/cjs/components/pillSelector/pillSelector.styled.js.map +1 -1
  170. package/dist/cjs/components/pillV2/index.d.ts +1 -3
  171. package/dist/cjs/components/pillV2/index.js +16 -5
  172. package/dist/cjs/components/pillV2/index.js.map +1 -1
  173. package/dist/cjs/components/pillV2/pill.js +1 -5
  174. package/dist/cjs/components/pillV2/pill.js.map +1 -1
  175. package/dist/cjs/components/pillV2/pillStandAlone.d.ts +1 -1
  176. package/dist/cjs/components/pillV2/pillStandAlone.js +3 -1
  177. package/dist/cjs/components/pillV2/pillStandAlone.js.map +1 -1
  178. package/dist/cjs/components/pillV2/types/index.d.ts +4 -4
  179. package/dist/cjs/components/pillV2/types/index.js +5 -18
  180. package/dist/cjs/components/pillV2/types/index.js.map +1 -1
  181. package/dist/cjs/components/pillV2/types/pill.d.ts +2 -1
  182. package/dist/cjs/components/pillV2/types/pillTheme.d.ts +1 -1
  183. package/dist/cjs/components/popover/popover.styled.js +30 -11
  184. package/dist/cjs/components/popover/popover.styled.js.map +1 -1
  185. package/dist/cjs/components/progressBar/progressBar.styled.d.ts +4 -0
  186. package/dist/cjs/components/progressBar/progressBar.styled.js +1 -0
  187. package/dist/cjs/components/progressBar/progressBar.styled.js.map +1 -1
  188. package/dist/cjs/components/progressBar/progressBarStandAlone.js +1 -1
  189. package/dist/cjs/components/progressBar/progressBarStandAlone.js.map +1 -1
  190. package/dist/cjs/components/progressBar/types/progressBar.d.ts +4 -0
  191. package/dist/cjs/components/quickButton/quickButton.styled.js +17 -7
  192. package/dist/cjs/components/quickButton/quickButton.styled.js.map +1 -1
  193. package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButton.styled.js +17 -7
  194. package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButton.styled.js.map +1 -1
  195. package/dist/cjs/components/skeleton/skeleton.styled.js +17 -7
  196. package/dist/cjs/components/skeleton/skeleton.styled.js.map +1 -1
  197. package/dist/cjs/components/slider/slider.styled.js +17 -7
  198. package/dist/cjs/components/slider/slider.styled.js.map +1 -1
  199. package/dist/cjs/components/stepperNumber/stepperNumber.styled.js +17 -7
  200. package/dist/cjs/components/stepperNumber/stepperNumber.styled.js.map +1 -1
  201. package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js +1 -1
  202. package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js.map +1 -1
  203. package/dist/cjs/components/stepperNumber/types/stepperNumber.d.ts +1 -0
  204. package/dist/cjs/components/table/table.js +17 -7
  205. package/dist/cjs/components/table/table.js.map +1 -1
  206. package/dist/cjs/components/table/table.styled.js +17 -7
  207. package/dist/cjs/components/table/table.styled.js.map +1 -1
  208. package/dist/cjs/components/tabs/tabs.styled.js +17 -7
  209. package/dist/cjs/components/tabs/tabs.styled.js.map +1 -1
  210. package/dist/cjs/components/tabs/tabsStandAlone.js +12 -2
  211. package/dist/cjs/components/tabs/tabsStandAlone.js.map +1 -1
  212. package/dist/cjs/components/tabs/types/tabsTheme.d.ts +6 -2
  213. package/dist/cjs/components/text/text.styled.js +27 -7
  214. package/dist/cjs/components/text/text.styled.js.map +1 -1
  215. package/dist/cjs/components/text/textStandAlone.js +2 -2
  216. package/dist/cjs/components/text/textStandAlone.js.map +1 -1
  217. package/dist/cjs/components/text/types/text.d.ts +7 -1
  218. package/dist/cjs/components/text/types/textTheme.d.ts +4 -0
  219. package/dist/cjs/components/toggle/components/threePositions/toggleCenterRadioButton.d.ts +6 -0
  220. package/dist/cjs/components/toggle/components/threePositions/toggleCenterRadioButton.js +14 -0
  221. package/dist/cjs/components/toggle/components/threePositions/toggleCenterRadioButton.js.map +1 -0
  222. package/dist/cjs/components/toggle/components/threePositions/toggleRadioButton.d.ts +8 -0
  223. package/dist/cjs/components/toggle/components/threePositions/toggleRadioButton.js +27 -0
  224. package/dist/cjs/components/toggle/components/threePositions/toggleRadioButton.js.map +1 -0
  225. package/dist/cjs/components/toggle/components/{toggleThreePosition.d.ts → threePositions/toggleThreePosition.d.ts} +2 -2
  226. package/dist/cjs/components/toggle/components/threePositions/toggleThreePosition.js +27 -0
  227. package/dist/cjs/components/toggle/components/threePositions/toggleThreePosition.js.map +1 -0
  228. package/dist/cjs/components/toggle/components/twoPositions/toggleContent.d.ts +7 -0
  229. package/dist/cjs/components/toggle/components/twoPositions/toggleContent.js +13 -0
  230. package/dist/cjs/components/toggle/components/twoPositions/toggleContent.js.map +1 -0
  231. package/dist/{esm/components/toggle/components → cjs/components/toggle/components/twoPositions}/toggleTwoPositions.d.ts +2 -2
  232. package/dist/cjs/components/toggle/components/twoPositions/toggleTwoPositions.js +24 -0
  233. package/dist/cjs/components/toggle/components/twoPositions/toggleTwoPositions.js.map +1 -0
  234. package/dist/cjs/components/toggle/toggle.styled.js +17 -7
  235. package/dist/cjs/components/toggle/toggle.styled.js.map +1 -1
  236. package/dist/cjs/components/toggle/toggleControlled.js +6 -2
  237. package/dist/cjs/components/toggle/toggleControlled.js.map +1 -1
  238. package/dist/cjs/components/toggle/toggleStandAlone.js +4 -4
  239. package/dist/cjs/components/toggle/toggleStandAlone.js.map +1 -1
  240. package/dist/cjs/components/toggle/toggleUnControlled.js +1 -5
  241. package/dist/cjs/components/toggle/toggleUnControlled.js.map +1 -1
  242. package/dist/cjs/components/toggle/types/toggle.d.ts +4 -1
  243. package/dist/cjs/components/toggle/utils/getScreenReaderText.d.ts +4 -0
  244. package/dist/cjs/components/toggle/utils/getScreenReaderText.js +11 -0
  245. package/dist/cjs/components/toggle/utils/getScreenReaderText.js.map +1 -0
  246. package/dist/cjs/components/toggle/utils/getTextOrIcon.d.ts +3 -0
  247. package/dist/cjs/components/toggle/utils/getTextOrIcon.js +11 -0
  248. package/dist/cjs/components/toggle/utils/getTextOrIcon.js.map +1 -0
  249. package/dist/cjs/components/toggle/utils/getValueOfRadioButton.d.ts +3 -0
  250. package/dist/cjs/components/toggle/utils/getValueOfRadioButton.js +15 -0
  251. package/dist/cjs/components/toggle/utils/getValueOfRadioButton.js.map +1 -0
  252. package/dist/cjs/components/toggleWithLabel/toggleWithLabel.styled.js +17 -7
  253. package/dist/cjs/components/toggleWithLabel/toggleWithLabel.styled.js.map +1 -1
  254. package/dist/cjs/components/toggleWithLabel/toggleWithLabelControlled.js +29 -7
  255. package/dist/cjs/components/toggleWithLabel/toggleWithLabelControlled.js.map +1 -1
  256. package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js +3 -3
  257. package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
  258. package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.d.ts +1 -1
  259. package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.js +8 -3
  260. package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.js.map +1 -1
  261. package/dist/cjs/components/toggleWithLabel/types/toggleWithLabel.d.ts +9 -7
  262. package/dist/cjs/components/tooltip/tooltip.styled.js +17 -7
  263. package/dist/cjs/components/tooltip/tooltip.styled.js.map +1 -1
  264. package/dist/cjs/components/tooltip/tooltipStandAlone.js +2 -2
  265. package/dist/cjs/components/tooltip/tooltipStandAlone.js.map +1 -1
  266. package/dist/cjs/components/video/video.styled.js +17 -7
  267. package/dist/cjs/components/video/video.styled.js.map +1 -1
  268. package/dist/cjs/designSystem/kubit/components/drawer/styles.js +0 -17
  269. package/dist/cjs/designSystem/kubit/components/drawer/styles.js.map +1 -1
  270. package/dist/cjs/designSystem/kubit/components/modalV2/styles.js +25 -11
  271. package/dist/cjs/designSystem/kubit/components/modalV2/styles.js.map +1 -1
  272. package/dist/cjs/designSystem/kubit/components/tabs/styles.js +15 -6
  273. package/dist/cjs/designSystem/kubit/components/tabs/styles.js.map +1 -1
  274. package/dist/cjs/designSystem/kubit/components/toggleWithLabel/styles.js +1 -0
  275. package/dist/cjs/designSystem/kubit/components/toggleWithLabel/styles.js.map +1 -1
  276. package/dist/cjs/designSystem/kubit/styles.js +17 -7
  277. package/dist/cjs/designSystem/kubit/styles.js.map +1 -1
  278. package/dist/cjs/designSystem/kubit/variants.js +17 -7
  279. package/dist/cjs/designSystem/kubit/variants.js.map +1 -1
  280. package/dist/cjs/designSystem/kubitWireframe/astra/styles.d.ts +5 -5
  281. package/dist/cjs/designSystem/kubitWireframe/commons/components/drawer/styles.js +0 -5
  282. package/dist/cjs/designSystem/kubitWireframe/commons/components/drawer/styles.js.map +1 -1
  283. package/dist/cjs/designSystem/kubitWireframe/root/styles.d.ts +5 -5
  284. package/dist/cjs/designSystem/kubitWireframe/variants.js +17 -7
  285. package/dist/cjs/designSystem/kubitWireframe/variants.js.map +1 -1
  286. package/dist/cjs/designSystem/kubitWireframe/vulcan/styles.d.ts +5 -5
  287. package/dist/cjs/designSystem/variants/variants.d.ts +2 -0
  288. package/dist/cjs/hooks/useInput/useInput.js +11 -2
  289. package/dist/cjs/hooks/useInput/useInput.js.map +1 -1
  290. package/dist/cjs/hooks/useTrapFocus/useTrapFocus.js +7 -1
  291. package/dist/cjs/hooks/useTrapFocus/useTrapFocus.js.map +1 -1
  292. package/dist/cjs/provider/genericComponents/defaultGenericComponents.d.ts +3 -3
  293. package/dist/cjs/styles/mixins/index.d.ts +1 -0
  294. package/dist/cjs/styles/mixins/index.js +1 -0
  295. package/dist/cjs/styles/mixins/index.js.map +1 -1
  296. package/dist/cjs/styles/mixins/truncate.mixin.d.ts +3 -0
  297. package/dist/cjs/styles/mixins/truncate.mixin.js +17 -0
  298. package/dist/cjs/styles/mixins/truncate.mixin.js.map +1 -0
  299. package/dist/cjs/types/styles/typography.d.ts +2 -0
  300. package/dist/cjs/utils/date/date.d.ts +1 -1
  301. package/dist/cjs/utils/focusHandlers/index.d.ts +1 -0
  302. package/dist/cjs/utils/focusHandlers/index.js +18 -0
  303. package/dist/cjs/utils/focusHandlers/index.js.map +1 -0
  304. package/dist/cjs/utils/getStyles/getStyles.js +4 -3
  305. package/dist/cjs/utils/getStyles/getStyles.js.map +1 -1
  306. package/dist/cjs/utils/index.d.ts +1 -0
  307. package/dist/cjs/utils/index.js +1 -0
  308. package/dist/cjs/utils/index.js.map +1 -1
  309. package/dist/esm/components/actionBottomSheet/actionBottomSheetStandAlone.js +1 -1
  310. package/dist/esm/components/actionBottomSheet/actionBottomSheetStandAlone.js.map +1 -1
  311. package/dist/esm/components/actionBottomSheet/types/actionBottomSheetTheme.d.ts +1 -0
  312. package/dist/esm/components/backToTop/backToTopControlled.js +1 -1
  313. package/dist/esm/components/backToTop/backToTopControlled.js.map +1 -1
  314. package/dist/esm/components/backToTop/backToTopStandAlone.js +1 -1
  315. package/dist/esm/components/backToTop/backToTopStandAlone.js.map +1 -1
  316. package/dist/esm/components/badgeV2/index.d.ts +1 -2
  317. package/dist/esm/components/badgeV2/index.js +1 -2
  318. package/dist/esm/components/badgeV2/index.js.map +1 -1
  319. package/dist/esm/components/badgeV2/types/index.d.ts +2 -2
  320. package/dist/esm/components/badgeV2/types/index.js.map +1 -1
  321. package/dist/esm/components/calendar/calendarStandAlone.js +1 -1
  322. package/dist/esm/components/calendar/calendarStandAlone.js.map +1 -1
  323. package/dist/esm/components/calendar/utils/handleKeysmoves.js +2 -1
  324. package/dist/esm/components/calendar/utils/handleKeysmoves.js.map +1 -1
  325. package/dist/esm/components/carousel/carousel.styled.js +1 -1
  326. package/dist/esm/components/carousel/carousel.styled.js.map +1 -1
  327. package/dist/esm/components/carousel/carouselStandAlone.js +1 -1
  328. package/dist/esm/components/carousel/carouselStandAlone.js.map +1 -1
  329. package/dist/esm/components/dot/dot.js +1 -1
  330. package/dist/esm/components/dot/dot.js.map +1 -1
  331. package/dist/esm/components/dot/dotStandAlone.js +3 -3
  332. package/dist/esm/components/dot/dotStandAlone.js.map +1 -1
  333. package/dist/esm/components/dot/types/dot.d.ts +1 -0
  334. package/dist/esm/components/drawer/drawerControlled.js +14 -2
  335. package/dist/esm/components/drawer/drawerControlled.js.map +1 -1
  336. package/dist/esm/components/drawer/drawerStandAlone.js +1 -5
  337. package/dist/esm/components/drawer/drawerStandAlone.js.map +1 -1
  338. package/dist/esm/components/elementOrIcon/elementOrIcon.js.map +1 -1
  339. package/dist/esm/components/elementOrIllustration/elementOrIllustration.js +1 -1
  340. package/dist/esm/components/elementOrIllustration/elementOrIllustration.js.map +1 -1
  341. package/dist/esm/components/icon/iconHost.d.ts +0 -7
  342. package/dist/esm/components/icon/iconHost.js +0 -7
  343. package/dist/esm/components/icon/iconHost.js.map +1 -1
  344. package/dist/esm/components/iconHighlighted/iconHighlighted.styled.d.ts +3 -0
  345. package/dist/esm/components/iconHighlighted/iconHighlighted.styled.js +15 -4
  346. package/dist/esm/components/iconHighlighted/iconHighlighted.styled.js.map +1 -1
  347. package/dist/esm/components/iconHighlighted/iconHighlightedStandAlone.js +4 -4
  348. package/dist/esm/components/iconHighlighted/iconHighlightedStandAlone.js.map +1 -1
  349. package/dist/esm/components/iconHighlighted/types/iconHighlighted.d.ts +2 -0
  350. package/dist/esm/components/iconHighlighted/types/iconHighlightedTheme.d.ts +7 -0
  351. package/dist/esm/components/image/types/image.d.ts +3 -0
  352. package/dist/esm/components/input/components/inputIcon.js +2 -2
  353. package/dist/esm/components/input/components/inputIcon.js.map +1 -1
  354. package/dist/esm/components/input/input.styled.d.ts +4 -0
  355. package/dist/esm/components/input/input.styled.js +7 -0
  356. package/dist/esm/components/input/input.styled.js.map +1 -1
  357. package/dist/esm/components/input/types/input.d.ts +1 -1
  358. package/dist/esm/components/inputDropdown/components/optionsList.js +1 -1
  359. package/dist/esm/components/inputDropdown/components/optionsList.js.map +1 -1
  360. package/dist/esm/components/inputDropdown/components/popoverSearchList.js +5 -6
  361. package/dist/esm/components/inputDropdown/components/popoverSearchList.js.map +1 -1
  362. package/dist/esm/components/inputDropdown/helpers/filterOptions.d.ts +4 -4
  363. package/dist/esm/components/inputDropdown/helpers/filterOptions.js.map +1 -1
  364. package/dist/esm/components/inputDropdown/hooks/useInputDropdown.d.ts +1 -1
  365. package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js +34 -13
  366. package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
  367. package/dist/esm/components/inputDropdown/index.d.ts +0 -1
  368. package/dist/esm/components/inputDropdown/index.js +0 -1
  369. package/dist/esm/components/inputDropdown/index.js.map +1 -1
  370. package/dist/esm/components/inputDropdown/inputDropdown.js +3 -2
  371. package/dist/esm/components/inputDropdown/inputDropdown.js.map +1 -1
  372. package/dist/esm/components/inputDropdown/inputDropdownStandAlone.js +4 -4
  373. package/dist/esm/components/inputDropdown/inputDropdownStandAlone.js.map +1 -1
  374. package/dist/esm/components/inputDropdown/types/inputDropdown.d.ts +11 -6
  375. package/dist/esm/components/inputDropdown/types/inputDropdownTheme.d.ts +3 -0
  376. package/dist/esm/components/inputSearch/components/popoverSearchList.js +2 -2
  377. package/dist/esm/components/inputSearch/components/popoverSearchList.js.map +1 -1
  378. package/dist/esm/components/inputSearch/inputSearchStandAlone.js +2 -3
  379. package/dist/esm/components/inputSearch/inputSearchStandAlone.js.map +1 -1
  380. package/dist/esm/components/inputSearch/types/inputSearch.d.ts +2 -0
  381. package/dist/esm/components/link/linkAsButton/linkAsButtonStandAlone.d.ts +1 -1
  382. package/dist/esm/components/link/linkAsButton/linkAsButtonStandAlone.js +4 -2
  383. package/dist/esm/components/link/linkAsButton/linkAsButtonStandAlone.js.map +1 -1
  384. package/dist/esm/components/modal/modalStandAlone.js +5 -5
  385. package/dist/esm/components/modal/modalStandAlone.js.map +1 -1
  386. package/dist/esm/components/modalV2/fragments/modalHeader.js +6 -6
  387. package/dist/esm/components/modalV2/fragments/modalHeader.js.map +1 -1
  388. package/dist/esm/components/modalV2/modal.styled.d.ts +2 -0
  389. package/dist/esm/components/modalV2/modal.styled.js +6 -0
  390. package/dist/esm/components/modalV2/modal.styled.js.map +1 -1
  391. package/dist/esm/components/modalV2/types/modalTheme.d.ts +3 -1
  392. package/dist/esm/components/navigationCard/navigationCardStandAlone.js +1 -5
  393. package/dist/esm/components/navigationCard/navigationCardStandAlone.js.map +1 -1
  394. package/dist/esm/components/navigationRow/navigationRowStandAlone.js +1 -1
  395. package/dist/esm/components/navigationRow/navigationRowStandAlone.js.map +1 -1
  396. package/dist/esm/components/pageControl/components/arrowControlStandAlone.d.ts +3 -3
  397. package/dist/esm/components/pageControl/components/arrowControlStandAlone.js +1 -2
  398. package/dist/esm/components/pageControl/components/arrowControlStandAlone.js.map +1 -1
  399. package/dist/esm/components/pageControl/components/buttonControlStandAlone.d.ts +8 -0
  400. package/dist/esm/components/pageControl/components/buttonControlStandAlone.js +9 -0
  401. package/dist/esm/components/pageControl/components/buttonControlStandAlone.js.map +1 -0
  402. package/dist/esm/components/pageControl/helper/controlType.d.ts +3 -0
  403. package/dist/esm/components/pageControl/helper/controlType.js +4 -0
  404. package/dist/esm/components/pageControl/helper/controlType.js.map +1 -0
  405. package/dist/esm/components/pageControl/helper/index.d.ts +1 -0
  406. package/dist/esm/components/pageControl/helper/index.js +1 -0
  407. package/dist/esm/components/pageControl/helper/index.js.map +1 -1
  408. package/dist/esm/components/pageControl/index.d.ts +1 -1
  409. package/dist/esm/components/pageControl/index.js +1 -1
  410. package/dist/esm/components/pageControl/index.js.map +1 -1
  411. package/dist/esm/components/pageControl/pageControl.styled.d.ts +5 -1
  412. package/dist/esm/components/pageControl/pageControl.styled.js +5 -1
  413. package/dist/esm/components/pageControl/pageControl.styled.js.map +1 -1
  414. package/dist/esm/components/pageControl/pageControlStandAlone.js +12 -6
  415. package/dist/esm/components/pageControl/pageControlStandAlone.js.map +1 -1
  416. package/dist/esm/components/pageControl/types/pageControl.d.ts +19 -2
  417. package/dist/esm/components/pageControl/types/pageControlTheme.d.ts +2 -0
  418. package/dist/esm/components/pillV2/index.d.ts +1 -3
  419. package/dist/esm/components/pillV2/index.js +1 -2
  420. package/dist/esm/components/pillV2/index.js.map +1 -1
  421. package/dist/esm/components/pillV2/pill.js +1 -5
  422. package/dist/esm/components/pillV2/pill.js.map +1 -1
  423. package/dist/esm/components/pillV2/pillStandAlone.d.ts +1 -1
  424. package/dist/esm/components/pillV2/pillStandAlone.js +3 -1
  425. package/dist/esm/components/pillV2/pillStandAlone.js.map +1 -1
  426. package/dist/esm/components/pillV2/types/index.d.ts +4 -4
  427. package/dist/esm/components/pillV2/types/index.js +2 -4
  428. package/dist/esm/components/pillV2/types/index.js.map +1 -1
  429. package/dist/esm/components/pillV2/types/pill.d.ts +2 -1
  430. package/dist/esm/components/pillV2/types/pillTheme.d.ts +1 -1
  431. package/dist/esm/components/popover/popover.styled.js +13 -4
  432. package/dist/esm/components/popover/popover.styled.js.map +1 -1
  433. package/dist/esm/components/progressBar/progressBar.styled.d.ts +4 -0
  434. package/dist/esm/components/progressBar/progressBar.styled.js +1 -0
  435. package/dist/esm/components/progressBar/progressBar.styled.js.map +1 -1
  436. package/dist/esm/components/progressBar/progressBarStandAlone.js +1 -1
  437. package/dist/esm/components/progressBar/progressBarStandAlone.js.map +1 -1
  438. package/dist/esm/components/progressBar/types/progressBar.d.ts +4 -0
  439. package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js +1 -1
  440. package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js.map +1 -1
  441. package/dist/esm/components/stepperNumber/types/stepperNumber.d.ts +1 -0
  442. package/dist/esm/components/tabs/tabsStandAlone.js +12 -2
  443. package/dist/esm/components/tabs/tabsStandAlone.js.map +1 -1
  444. package/dist/esm/components/tabs/types/tabsTheme.d.ts +6 -2
  445. package/dist/esm/components/text/text.styled.js +10 -0
  446. package/dist/esm/components/text/text.styled.js.map +1 -1
  447. package/dist/esm/components/text/textStandAlone.js +2 -2
  448. package/dist/esm/components/text/textStandAlone.js.map +1 -1
  449. package/dist/esm/components/text/types/text.d.ts +7 -1
  450. package/dist/esm/components/text/types/textTheme.d.ts +4 -0
  451. package/dist/esm/components/toggle/components/threePositions/toggleCenterRadioButton.d.ts +6 -0
  452. package/dist/esm/components/toggle/components/threePositions/toggleCenterRadioButton.js +10 -0
  453. package/dist/esm/components/toggle/components/threePositions/toggleCenterRadioButton.js.map +1 -0
  454. package/dist/esm/components/toggle/components/threePositions/toggleRadioButton.d.ts +8 -0
  455. package/dist/esm/components/toggle/components/threePositions/toggleRadioButton.js +23 -0
  456. package/dist/esm/components/toggle/components/threePositions/toggleRadioButton.js.map +1 -0
  457. package/dist/esm/components/toggle/components/{toggleThreePosition.d.ts → threePositions/toggleThreePosition.d.ts} +2 -2
  458. package/dist/esm/components/toggle/components/threePositions/toggleThreePosition.js +21 -0
  459. package/dist/esm/components/toggle/components/threePositions/toggleThreePosition.js.map +1 -0
  460. package/dist/esm/components/toggle/components/twoPositions/toggleContent.d.ts +7 -0
  461. package/dist/esm/components/toggle/components/twoPositions/toggleContent.js +9 -0
  462. package/dist/esm/components/toggle/components/twoPositions/toggleContent.js.map +1 -0
  463. package/dist/{cjs/components/toggle/components → esm/components/toggle/components/twoPositions}/toggleTwoPositions.d.ts +2 -2
  464. package/dist/esm/components/toggle/components/twoPositions/toggleTwoPositions.js +18 -0
  465. package/dist/esm/components/toggle/components/twoPositions/toggleTwoPositions.js.map +1 -0
  466. package/dist/esm/components/toggle/toggleControlled.js +6 -2
  467. package/dist/esm/components/toggle/toggleControlled.js.map +1 -1
  468. package/dist/esm/components/toggle/toggleStandAlone.js +4 -4
  469. package/dist/esm/components/toggle/toggleStandAlone.js.map +1 -1
  470. package/dist/esm/components/toggle/toggleUnControlled.js +1 -5
  471. package/dist/esm/components/toggle/toggleUnControlled.js.map +1 -1
  472. package/dist/esm/components/toggle/types/toggle.d.ts +4 -1
  473. package/dist/esm/components/toggle/utils/getScreenReaderText.d.ts +4 -0
  474. package/dist/esm/components/toggle/utils/getScreenReaderText.js +7 -0
  475. package/dist/esm/components/toggle/utils/getScreenReaderText.js.map +1 -0
  476. package/dist/esm/components/toggle/utils/getTextOrIcon.d.ts +3 -0
  477. package/dist/esm/components/toggle/utils/getTextOrIcon.js +7 -0
  478. package/dist/esm/components/toggle/utils/getTextOrIcon.js.map +1 -0
  479. package/dist/esm/components/toggle/utils/getValueOfRadioButton.d.ts +3 -0
  480. package/dist/esm/components/toggle/utils/getValueOfRadioButton.js +11 -0
  481. package/dist/esm/components/toggle/utils/getValueOfRadioButton.js.map +1 -0
  482. package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.js +29 -7
  483. package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.js.map +1 -1
  484. package/dist/esm/components/toggleWithLabel/toggleWithLabelStandAlone.js +3 -3
  485. package/dist/esm/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
  486. package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.d.ts +1 -1
  487. package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.js +8 -3
  488. package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.js.map +1 -1
  489. package/dist/esm/components/toggleWithLabel/types/toggleWithLabel.d.ts +9 -7
  490. package/dist/esm/components/tooltip/tooltipStandAlone.js +1 -1
  491. package/dist/esm/components/tooltip/tooltipStandAlone.js.map +1 -1
  492. package/dist/esm/designSystem/kubit/components/drawer/styles.js +0 -17
  493. package/dist/esm/designSystem/kubit/components/drawer/styles.js.map +1 -1
  494. package/dist/esm/designSystem/kubit/components/modalV2/styles.js +25 -11
  495. package/dist/esm/designSystem/kubit/components/modalV2/styles.js.map +1 -1
  496. package/dist/esm/designSystem/kubit/components/tabs/styles.js +15 -6
  497. package/dist/esm/designSystem/kubit/components/tabs/styles.js.map +1 -1
  498. package/dist/esm/designSystem/kubit/components/toggleWithLabel/styles.js +1 -0
  499. package/dist/esm/designSystem/kubit/components/toggleWithLabel/styles.js.map +1 -1
  500. package/dist/esm/designSystem/kubitWireframe/astra/styles.d.ts +5 -5
  501. package/dist/esm/designSystem/kubitWireframe/commons/components/drawer/styles.js +0 -5
  502. package/dist/esm/designSystem/kubitWireframe/commons/components/drawer/styles.js.map +1 -1
  503. package/dist/esm/designSystem/kubitWireframe/root/styles.d.ts +5 -5
  504. package/dist/esm/designSystem/kubitWireframe/vulcan/styles.d.ts +5 -5
  505. package/dist/esm/designSystem/variants/variants.d.ts +2 -0
  506. package/dist/esm/hooks/useInput/useInput.js +11 -2
  507. package/dist/esm/hooks/useInput/useInput.js.map +1 -1
  508. package/dist/esm/hooks/useTrapFocus/useTrapFocus.js +7 -1
  509. package/dist/esm/hooks/useTrapFocus/useTrapFocus.js.map +1 -1
  510. package/dist/esm/provider/genericComponents/defaultGenericComponents.d.ts +3 -3
  511. package/dist/esm/styles/mixins/index.d.ts +1 -0
  512. package/dist/esm/styles/mixins/index.js +1 -0
  513. package/dist/esm/styles/mixins/index.js.map +1 -1
  514. package/dist/esm/styles/mixins/truncate.mixin.d.ts +3 -0
  515. package/dist/esm/styles/mixins/truncate.mixin.js +13 -0
  516. package/dist/esm/styles/mixins/truncate.mixin.js.map +1 -0
  517. package/dist/esm/types/styles/typography.d.ts +2 -0
  518. package/dist/esm/utils/date/date.d.ts +1 -1
  519. package/dist/esm/utils/focusHandlers/index.d.ts +1 -0
  520. package/dist/esm/utils/focusHandlers/index.js +2 -0
  521. package/dist/esm/utils/focusHandlers/index.js.map +1 -0
  522. package/dist/esm/utils/getStyles/getStyles.js +4 -3
  523. package/dist/esm/utils/getStyles/getStyles.js.map +1 -1
  524. package/dist/esm/utils/index.d.ts +1 -0
  525. package/dist/esm/utils/index.js +1 -0
  526. package/dist/esm/utils/index.js.map +1 -1
  527. package/dist/tsconfig-cjs.tsbuildinfo +1 -1
  528. package/dist/tsconfig-esm.tsbuildinfo +1 -1
  529. package/package.json +35 -33
  530. package/dist/cjs/components/toggle/components/toggleThreePosition.js +0 -61
  531. package/dist/cjs/components/toggle/components/toggleThreePosition.js.map +0 -1
  532. package/dist/cjs/components/toggle/components/toggleTwoPositions.js +0 -31
  533. package/dist/cjs/components/toggle/components/toggleTwoPositions.js.map +0 -1
  534. package/dist/esm/components/toggle/components/toggleThreePosition.js +0 -55
  535. package/dist/esm/components/toggle/components/toggleThreePosition.js.map +0 -1
  536. package/dist/esm/components/toggle/components/toggleTwoPositions.js +0 -25
  537. package/dist/esm/components/toggle/components/toggleTwoPositions.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"tabsStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabsStandAlone.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tabsStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabsStandAlone.tsx"],"names":[],"mappings":"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"}
@@ -16,13 +16,17 @@ export type TabsVariantStylesType = {
16
16
  focusVisible?: CommonStyleType;
17
17
  };
18
18
  };
19
- leftIcon?: IconTypes;
19
+ leftIcon?: IconTypes & {
20
+ disabled?: IconTypes;
21
+ };
20
22
  arrowRightIconContainer?: Omit<CommonStyleType, 'MOBILE'> & {
21
23
  [DeviceBreakpointsType.MOBILE]?: CommonStyleType & {
22
24
  focusVisible?: CommonStyleType;
23
25
  };
24
26
  };
25
- rightIcon?: IconTypes;
27
+ rightIcon?: IconTypes & {
28
+ disabled?: IconTypes;
29
+ };
26
30
  firstTabButton?: CommonStyleType;
27
31
  lastTabButton?: CommonStyleType;
28
32
  oneTabContainer?: CommonStyleType;
@@ -1,4 +1,5 @@
1
1
  import styled, { css } from 'styled-components';
2
+ import { maxTruncatedLinesMixin, truncateMixin } from '../../styles/mixins/truncate.mixin';
2
3
  import { getTypographyStyles } from '../../utils/getStyles/getStyles';
3
4
  const applyDevicePropsTextStyles = (props) => css `
4
5
  color: ${props.color};
@@ -13,6 +14,15 @@ const applyDevicePropsTextStyles = (props) => css `
13
14
  css `
14
15
  pointer-events: none;
15
16
  `}
17
+ ${!props.$maxTruncatedLines &&
18
+ props.$truncate &&
19
+ css `
20
+ ${truncateMixin}
21
+ `}
22
+ ${props.$maxTruncatedLines &&
23
+ css `
24
+ ${maxTruncatedLinesMixin(props.$maxTruncatedLines)}
25
+ `}
16
26
  `;
17
27
  const applyPropsTextStyles = (props) => css `
18
28
  ${applyDevicePropsTextStyles(props)}
@@ -1 +1 @@
1
- {"version":3,"file":"text.styled.js","sourceRoot":"","sources":["../../../../src/components/text/text.styled.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"text.styled.js","sourceRoot":"","sources":["../../../../src/components/text/text.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAW,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAKlE,MAAM,0BAA0B,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,GAAG,CAAA;WAC3D,KAAK,CAAC,KAAK;YACV,KAAK,CAAC,MAAM;aACX,KAAK,CAAC,OAAO;qBACL,KAAK,CAAC,UAAU;oBACjB,KAAK,CAAC,UAAU;gBACpB,KAAK,CAAC,KAAK;iBACV,KAAK,CAAC,MAAM;YACjB,KAAK,CAAC,MAAM;IACpB,KAAK,CAAC,UAAU;IAClB,GAAG,CAAA;;GAEF;IACC,CAAC,KAAK,CAAC,kBAAkB;IAC3B,KAAK,CAAC,SAAS;IACf,GAAG,CAAA;MACC,aAAa;GAChB;IACC,KAAK,CAAC,kBAAkB;IAC1B,GAAG,CAAA;MACC,sBAAsB,CAAC,KAAK,CAAC,kBAAkB,CAAC;GACnD;CACF,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,GAAG,CAAA;IAC5D,0BAA0B,CAAC,KAAK,CAAC;IACjC,CAAC,EACD,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,GACvD,GACF,EAAE,EAAE,CAAC,GAAG,CAAA;MACL,WAAW;QACT,0BAA0B,CAAC,KAAK,CAAC;;MAEnC,UAAU;QACR,0BAA0B,CAAC,KAAK,CAAC;;MAEnC,UAAU;QACR,0BAA0B,CAAC,KAAK,CAAC;;GAEtC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,UAAgC,EAAW,EAAE;IAC9E,OAAO,GAAG,CAAA;mBACO,UAAU,EAAE,WAAW;mBACvB,UAAU,EAAE,WAAW;iBACzB,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS;mBACxC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW;;;mBAG5C,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS;;;;mBAI/C,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS;;;;MAI5D,CAAC,EACD,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,GACvD,GACF,EAAE,EAAE,CAAC,GAAG,CAAA;QACL,WAAW;qBACE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS;uBACxC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW;;uBAE5C,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS;;;uBAG/C,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS;;;QAG9D,UAAU;qBACG,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS;uBACvC,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW;;uBAE3C,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS;;;uBAG9C,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS;;;QAG7D,UAAU;qBACG,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS;uBACvC,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW;;uBAE3C,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS;;;uBAG9C,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS;;;KAGhE;GACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,2BAA2B,GAAG;IAClC,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,YAAY;IACZ,OAAO;IACP,YAAY;IACZ,QAAQ;IACR,kBAAkB;IAClB,SAAS;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;IAC5C,iBAAiB,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,2BAA2B,CAAC,QAAQ,CAAC,IAAI,CAAC;CACvE,CAAC,CAAa;;;;IAIX,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE;IACjD,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,OAAO;IACT,CAAC;IACD,OAAO,GAAG,CAAA;QACN,kBAAkB,CAAC,WAAW,CAAC,gBAAgB,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC;QACnE,CAAC,EACD,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,GACvD,GACF,EAAE,EAAE,CAAC,GAAG,CAAA;UACL,WAAW;YACT,kBAAkB,CAAC,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,YAAY,IAAI,CAAC,CAAC,CAAC;;UAE9E,UAAU;YACR,kBAAkB,CAAC,WAAW,CAAC,gBAAgB,CAAC,MAAM,EAAE,YAAY,IAAI,CAAC,CAAC,CAAC;;UAE7E,UAAU;YACR,kBAAkB,CAAC,WAAW,CAAC,gBAAgB,CAAC,MAAM,EAAE,YAAY,IAAI,CAAC,CAAC,CAAC;;OAEhF;QACC,mBAAmB,CAAC,gBAAgB,CAAC;KACxC,CAAC;AACJ,CAAC;;IAEC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC;;IAE1C,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC;CACvC,CAAC"}
@@ -3,9 +3,9 @@ import React from 'react';
3
3
  import { pickAriaProps } from '../../utils/aria/aria';
4
4
  import { TextStyled } from './text.styled';
5
5
  import { TextTransformType } from './types/transform';
6
- const TextStandAloneComponent = ({ children, component, dataTestId = 'text', htmlFor, id, onClick, role, styles, weight, isDisabled, align, transform = TextTransformType.NONE, ...props }, ref) => {
6
+ const TextStandAloneComponent = ({ dataTestId = 'text', transform = TextTransformType.NONE, ...props }, ref) => {
7
7
  const ariaProps = pickAriaProps(props);
8
- return (_jsx(TextStyled, { ...props, ...ariaProps, ref: ref, "$transform": transform, align: align, as: component, content: undefined, "data-testid": dataTestId, htmlFor: htmlFor, id: id, isDisabled: isDisabled, role: role, styles: styles, weight: weight, onClick: onClick, children: children }));
8
+ return (_jsx(TextStyled, { ...props, ...ariaProps, ref: ref, "$maxTruncatedLines": props.maxTruncatedLines, "$transform": transform, "$truncate": props.truncate, align: props.align, as: props.component, content: undefined, "data-testid": dataTestId, htmlFor: props.htmlFor, id: props.id, isDisabled: props.isDisabled, role: props.role, styles: props.styles, weight: props.weight, onClick: props.onClick, children: props.children }));
9
9
  };
10
10
  /**
11
11
  * @description
@@ -1 +1 @@
1
- {"version":3,"file":"textStandAlone.js","sourceRoot":"","sources":["../../../../src/components/text/textStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,uBAAuB,GAAG,CAC9B,EACE,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,MAAM,EACnB,OAAO,EACP,EAAE,EACF,OAAO,EACP,IAAI,EACJ,MAAM,EACN,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,GAAG,iBAAiB,CAAC,IAAI,EAClC,GAAG,KAAK,EACQ,EAClB,GAAoD,EACvC,EAAE;IACf,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO,CACL,KAAC,UAAU,OACL,KAAK,KACL,SAAS,EACb,GAAG,EAAE,GAAG,gBACI,SAAS,EACrB,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,SAAS,EACb,OAAO,EAAE,SAAS,iBACL,UAAU,EACvB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,YAEf,QAAQ,GACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}
1
+ {"version":3,"file":"textStandAlone.js","sourceRoot":"","sources":["../../../../src/components/text/textStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,uBAAuB,GAAG,CAC9B,EAAE,UAAU,GAAG,MAAM,EAAE,SAAS,GAAG,iBAAiB,CAAC,IAAI,EAAE,GAAG,KAAK,EAAmB,EACtF,GAAoD,EACvC,EAAE;IACf,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO,CACL,KAAC,UAAU,OACL,KAAK,KACL,SAAS,EACb,GAAG,EAAE,GAAG,wBACY,KAAK,CAAC,iBAAiB,gBAC/B,SAAS,eACV,KAAK,CAAC,QAAQ,EACzB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,SAAS,EACnB,OAAO,EAAE,SAAS,iBACL,UAAU,EACvB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,YAErB,KAAK,CAAC,QAAQ,GACJ,CACd,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}
@@ -14,8 +14,10 @@ export interface ITextStyled {
14
14
  align?: string;
15
15
  $transform?: TextTransformType;
16
16
  customTypography?: TypographyTypes;
17
+ $maxTruncatedLines?: number;
18
+ $truncate?: boolean;
17
19
  }
18
- type TextAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-hidden' | 'aria-level'>;
20
+ type TextAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-hidden' | 'aria-level' | 'aria-live'>;
19
21
  export interface ITextStandAlone extends ITextStyled, TextAriaAttributes {
20
22
  children: React.ReactNode;
21
23
  component?: TextComponentType | GenericLinkType;
@@ -25,12 +27,16 @@ export interface ITextStandAlone extends ITextStyled, TextAriaAttributes {
25
27
  onClick?: React.MouseEventHandler<HTMLElement>;
26
28
  role?: React.AriaRole;
27
29
  color?: string;
30
+ wordBreak?: string;
31
+ wordWrap?: string;
28
32
  filter?: string;
29
33
  display?: TextDisplayType;
30
34
  decoration?: TextDecorationType;
31
35
  cursor?: string;
32
36
  weight?: number;
33
37
  target?: string;
38
+ truncate?: boolean;
39
+ maxTruncatedLines?: number;
34
40
  align?: string;
35
41
  transform?: TextTransformType;
36
42
  url?: string;
@@ -39,7 +39,11 @@ export type TextPropsStylesType = {
39
39
  $transform?: TextTransformType;
40
40
  align?: string;
41
41
  weight?: number;
42
+ wordBreak?: string;
43
+ wordWrap?: string;
42
44
  isDisabled?: boolean;
45
+ $maxTruncatedLines?: number;
46
+ $truncate?: boolean;
43
47
  };
44
48
  /**
45
49
  * @name TextThemeStylesType
@@ -0,0 +1,6 @@
1
+ import { IToggleStandAlone } from '../../types/toggle';
2
+ type ITextOrIcon = Pick<IToggleStandAlone, 'styles' | 'togglePosition' | 'screenReaderId' | 'disabled' | 'inputValues' | 'radioButtonToggleName' | 'onClick' | 'dataTestId' | 'offText' | 'onText'> & {
3
+ block?: boolean;
4
+ };
5
+ export declare const ToggleCenterRadioButton: ({ block, ...props }: ITextOrIcon) => JSX.Element;
6
+ export {};
@@ -0,0 +1,10 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Text } from '../../../../components/text/text';
3
+ import { TextComponentType } from '../../../../components/text/types/component';
4
+ import { POSITIONS } from '../../../../types/positions/positions';
5
+ import { TextLeftWrapperStyled, TextRightWrapperStyled } from '../../toggle.styled';
6
+ import { ToggleRadioButton } from './toggleRadioButton';
7
+ export const ToggleCenterRadioButton = ({ block = false, ...props }) => {
8
+ return (_jsxs(_Fragment, { children: [props.togglePosition === POSITIONS.CENTER && (_jsx(TextLeftWrapperStyled, { margin: props.styles?.label?.margin_left, children: _jsx(Text, { "aria-hidden": true, color: props.styles?.label?.color, component: TextComponentType.LABEL, variant: props.styles?.label?.font_variant, weight: props.styles?.label?.font_weight, children: props.offText?.content }) })), _jsx(ToggleRadioButton, { block: block, dataTestId: props.dataTestId, disabled: props.disabled, inputValues: props.inputValues, position: POSITIONS.CENTER, radioButtonToggleName: props.radioButtonToggleName, screenReaderId: props.screenReaderId, styles: props.styles, togglePosition: props.togglePosition, onClick: props.onClick }), props.togglePosition === POSITIONS.CENTER && (_jsx(TextRightWrapperStyled, { margin: props.styles?.label?.margin_right, children: _jsx(Text, { "aria-hidden": true, color: props.styles?.label?.color, component: TextComponentType.LABEL, variant: props.styles?.label?.font_variant, weight: props.styles?.label?.font_weight, children: props.onText?.content }) }))] }));
9
+ };
10
+ //# sourceMappingURL=toggleCenterRadioButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toggleCenterRadioButton.js","sourceRoot":"","sources":["../../../../../../src/components/toggle/components/threePositions/toggleCenterRadioButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAEpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAgBxD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,KAAK,EAAe,EAAe,EAAE;IAC/F,OAAO,CACL,8BACG,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,MAAM,IAAI,CAC5C,KAAC,qBAAqB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,YAC7D,KAAC,IAAI,mBACU,IAAI,EACjB,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EACjC,SAAS,EAAE,iBAAiB,CAAC,KAAK,EAClC,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,EAC1C,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,YAEvC,KAAK,CAAC,OAAO,EAAE,OAAO,GAClB,GACe,CACzB,EACD,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,SAAS,CAAC,MAAM,EAC1B,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,EAClD,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,OAAO,EAAE,KAAK,CAAC,OAAO,GACtB,EACD,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,MAAM,IAAI,CAC5C,KAAC,sBAAsB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,YAC/D,KAAC,IAAI,mBACU,IAAI,EACjB,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EACjC,SAAS,EAAE,iBAAiB,CAAC,KAAK,EAClC,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,EAC1C,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,YAEvC,KAAK,CAAC,MAAM,EAAE,OAAO,GACjB,GACgB,CAC1B,IACA,CACJ,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { POSITIONS } from '../../../../types/positions/positions';
2
+ import { IToggleStandAlone } from '../../types/toggle';
3
+ type ITextOrIcon = Pick<IToggleStandAlone, 'styles' | 'togglePosition' | 'screenReaderId' | 'disabled' | 'inputValues' | 'radioButtonToggleName' | 'onClick' | 'dataTestId' | 'offText' | 'onText'> & {
4
+ position: POSITIONS;
5
+ block?: boolean;
6
+ };
7
+ export declare const ToggleRadioButton: ({ block, ...props }: ITextOrIcon) => JSX.Element;
8
+ export {};
@@ -0,0 +1,23 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { InputTypeType } from '../../../../components/input/types/inputType';
3
+ import { LabelStandAlone as Label } from '../../../../components/label/labelStandAlone';
4
+ import { POSITIONS } from '../../../../types/positions/positions';
5
+ import { LabelWrapperStyled, ToggleRadioSwitchStyled } from '../../toggle.styled';
6
+ import { getTextOrIcon } from '../../utils/getTextOrIcon';
7
+ import { getValueOfRadioButton } from '../../utils/getValueOfRadioButton';
8
+ export const ToggleRadioButton = ({ block = false, ...props }) => {
9
+ return (_jsxs(_Fragment, { children: [_jsx(ToggleRadioSwitchStyled, { "$height": props.styles?.thumb?.height, "$width": props.styles?.thumb?.width, "aria-describedby": props.screenReaderId, "aria-labelledby": props['aria-describedby'], disabled: props.disabled, id: `${props.position.toLowerCase()}Input`, name: props.radioButtonToggleName, tabIndex: -1, type: InputTypeType.RADIO, value: getValueOfRadioButton(props.position, props.inputValues), onClick: e => {
10
+ if (!block) {
11
+ e.persist();
12
+ props.onClick?.(e, props.position);
13
+ }
14
+ } }), _jsx(LabelWrapperStyled, { hasThreePositions: true, showLabel: props.position !== POSITIONS.CENTER && props.position === props.togglePosition, styles: props.styles, togglePosition: props.togglePosition, children: _jsx(Label, { color: props.styles?.label?.color, dataTestId: `${props.dataTestId}-${props.position === POSITIONS.RIGHT
15
+ ? 'on'
16
+ : props.position === POSITIONS.CENTER
17
+ ? 'Na'
18
+ : 'off'}-label-option`, inputId: `${props.position.toLowerCase()}Input`, textVariant: (props.position === POSITIONS.LEFT && props.offText?.content) ||
19
+ (props.position === POSITIONS.RIGHT && props.onText?.content)
20
+ ? props.styles?.label?.font_variant
21
+ : props.styles?.labelWithIcons?.font_variant, weight: props.styles?.label?.font_weight, children: _jsx(_Fragment, { children: getTextOrIcon(props.position, props.inputValues, props.offText, props.onText) }) }) })] }));
22
+ };
23
+ //# sourceMappingURL=toggleRadioButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toggleRadioButton.js","sourceRoot":"","sources":["../../../../../../src/components/toggle/components/threePositions/toggleRadioButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,eAAe,IAAI,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAElF,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAgB1E,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,KAAK,EAAe,EAAe,EAAE;IACzF,OAAO,CACL,8BACE,KAAC,uBAAuB,eACb,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,YAC5B,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,sBAChB,KAAK,CAAC,cAAc,qBACrB,KAAK,CAAC,kBAAkB,CAAC,EAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,EAAE,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,OAAO,EAC1C,IAAI,EAAE,KAAK,CAAC,qBAAqB,EACjC,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,aAAa,CAAC,KAAK,EACzB,KAAK,EAAE,qBAAqB,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,EAC/D,OAAO,EAAE,CAAC,CAAC,EAAE;oBACX,IAAI,CAAC,KAAK,EAAE,CAAC;wBACX,CAAC,CAAC,OAAO,EAAE,CAAC;wBACZ,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;oBACrC,CAAC;gBACH,CAAC,GACD,EACF,KAAC,kBAAkB,IACjB,iBAAiB,EAAE,IAAI,EACvB,SAAS,EAAE,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,MAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,cAAc,EACzF,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,YAEpC,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EACjC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,IAC7B,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,KAAK;wBAChC,CAAC,CAAC,IAAI;wBACN,CAAC,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,MAAM;4BACnC,CAAC,CAAC,IAAI;4BACN,CAAC,CAAC,KACR,eAAe,EACf,OAAO,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,OAAO,EAC/C,WAAW,EACT,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC;wBAC7D,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC;wBAC3D,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY;wBACnC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,cAAc,EAAE,YAAY,EAEhD,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,YAEvC,4BAAG,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,GAAI,GAC/E,GACW,IACpB,CACJ,CAAC;AACJ,CAAC,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { IToggleStandAlone } from '../types/toggle';
3
- interface IToggleThreePosition extends IToggleStandAlone {
2
+ import { IToggleStandAlone } from '../../types/toggle';
3
+ interface IToggleThreePosition extends Omit<IToggleStandAlone, 'hasThreePositions'> {
4
4
  }
5
5
  export declare const ToggleThreePosition: React.ForwardRefExoticComponent<IToggleThreePosition & React.RefAttributes<HTMLDivElement>>;
6
6
  export {};
@@ -0,0 +1,21 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React from 'react';
3
+ import { AriaLiveOptionType } from '../../../../types/ariaLiveOption/ariaLiveOption';
4
+ import { POSITIONS } from '../../../../types/positions/positions';
5
+ import { ScreenReaderOnly } from '../../../screenReaderOnly/screenReaderOnly';
6
+ import { SliderContainerStyled, ToggleWrapperStyled } from '../../toggle.styled';
7
+ import { getScreenReaderText } from '../../utils/getScreenReaderText';
8
+ import { ToggleCenterRadioButton } from './toggleCenterRadioButton';
9
+ import { ToggleRadioButton } from './toggleRadioButton';
10
+ const ToggleThreePositionComponent = ({ inputValues = {
11
+ rightInputValue: 'on option',
12
+ centerInputValue: 'undeterminated option',
13
+ leftInputValue: 'off option',
14
+ }, radioButtonToggleName = 'groupe-toggle', blockCenter = false, dataTestId = 'toggle', ...props }, ref) => {
15
+ return (_jsxs(ToggleWrapperStyled, { ref: ref, "aria-label": props['aria-label'], "data-testid": dataTestId, disabled: props.disabled, hasThreePositions: true, id: props.id, styles: props.styles, tabIndex: !props.disabled ? (props.tabIndex ?? 0) : undefined, togglePosition: props.togglePosition, onKeyDown: e => {
16
+ e.persist();
17
+ props.onKeyDown?.(e);
18
+ }, children: [_jsx(ScreenReaderOnly, { ariaLive: AriaLiveOptionType.POLITE, children: getScreenReaderText(props.togglePosition, inputValues) }), _jsx(ToggleRadioButton, { dataTestId: dataTestId, disabled: props.disabled, inputValues: inputValues, position: POSITIONS.LEFT, radioButtonToggleName: radioButtonToggleName, screenReaderId: props.screenReaderId, styles: props.styles, togglePosition: props.togglePosition, onClick: props.onClick }), _jsx(ToggleCenterRadioButton, { block: blockCenter, dataTestId: dataTestId, disabled: props.disabled, inputValues: inputValues, offText: props.offText, radioButtonToggleName: radioButtonToggleName, screenReaderId: props.screenReaderId, styles: props.styles, togglePosition: props.togglePosition, onClick: props.onClick, onText: props.onText }), _jsx(ToggleRadioButton, { dataTestId: dataTestId, disabled: props.disabled, inputValues: inputValues, position: POSITIONS.RIGHT, radioButtonToggleName: radioButtonToggleName, screenReaderId: props.screenReaderId, styles: props.styles, togglePosition: props.togglePosition, onClick: props.onClick }), _jsx(SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${dataTestId}-thumb`, hasThreePositions: true, styles: props.styles, togglePosition: props.togglePosition })] }));
19
+ };
20
+ export const ToggleThreePosition = React.forwardRef(ToggleThreePositionComponent);
21
+ //# sourceMappingURL=toggleThreePosition.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toggleThreePosition.js","sourceRoot":"","sources":["../../../../../../src/components/toggle/components/threePositions/toggleThreePosition.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,7 @@
1
+ import { POSITIONS } from '../../../../types/positions/positions';
2
+ import { IToggleStandAlone } from '../../types/toggle';
3
+ type IToggleContent = Pick<IToggleStandAlone, 'styles' | 'onIcon' | 'offIcon' | 'dataTestId' | 'togglePosition'> & {
4
+ position: POSITIONS;
5
+ };
6
+ export declare const ToggleContent: ({ ...props }: IToggleContent) => JSX.Element;
7
+ export {};
@@ -0,0 +1,9 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { POSITIONS } from '../../../../types/positions/positions';
3
+ import { ElementOrIcon } from '../../../elementOrIcon/elementOrIcon';
4
+ import { IconWrapperStyled, ToggleSpanSwitchStyled } from '../../toggle.styled';
5
+ export const ToggleContent = ({ ...props }) => {
6
+ const icon = props.position === POSITIONS.RIGHT ? props.onIcon : props.offIcon;
7
+ return (_jsxs(_Fragment, { children: [_jsx(ToggleSpanSwitchStyled, { "$height": props.styles?.thumb?.height, "$width": props.styles?.thumb?.width }), _jsx(IconWrapperStyled, { "data-testid": `${props.dataTestId}-${props.position === POSITIONS.RIGHT ? 'on' : 'off'}-option`, hasThreePositions: false, showLabel: props.position === props.togglePosition, styles: props.styles, togglePosition: props.togglePosition, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.icon, ...icon }) })] }));
8
+ };
9
+ //# sourceMappingURL=toggleContent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toggleContent.js","sourceRoot":"","sources":["../../../../../../src/components/toggle/components/twoPositions/toggleContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAQhF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,GAAG,KAAK,EAAkB,EAAe,EAAE;IACzE,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;IAE/E,OAAO,CACL,8BACE,KAAC,sBAAsB,eACZ,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,YAC5B,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,GAClC,EACF,KAAC,iBAAiB,mBACH,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,SAAS,EAC9F,iBAAiB,EAAE,KAAK,EACxB,SAAS,EAAE,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,cAAc,EAClD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,YAEpC,KAAC,aAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,KAAM,IAAI,GAAI,GAC/C,IACnB,CACJ,CAAC;AACJ,CAAC,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { IToggleStandAlone } from '../types/toggle';
3
- interface IToggleTwoPosition extends IToggleStandAlone {
2
+ import { IToggleStandAlone } from '../../types/toggle';
3
+ interface IToggleTwoPosition extends Omit<IToggleStandAlone, 'hasThreePositions'> {
4
4
  }
5
5
  export declare const ToggleTwoPosition: React.ForwardRefExoticComponent<IToggleTwoPosition & React.RefAttributes<HTMLDivElement>>;
6
6
  export {};
@@ -0,0 +1,18 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React from 'react';
3
+ import { POSITIONS } from '../../../../types/positions/positions';
4
+ import { ROLES } from '../../../../types/role/role';
5
+ import { SliderContainerStyled, ToggleWrapperStyled } from '../../toggle.styled';
6
+ import { ToggleContent } from './toggleContent';
7
+ const ToggleTwoPositionComponent = ({ dataTestId = 'toggle', ...props }, ref) => {
8
+ return (_jsxs(ToggleWrapperStyled, { ref: ref, "aria-checked": props.togglePosition === POSITIONS.RIGHT, "aria-describedby": props['aria-describedby'], "aria-label": props['aria-label'], "aria-labelledby": props['aria-labelledby'], "data-testid": dataTestId, disabled: props.disabled, hasThreePositions: false, id: props.id, role: ROLES.SWITCH, styles: props.styles, tabIndex: !props.disabled ? (props.tabIndex ?? 0) : undefined, togglePosition: props.togglePosition, onClick: e => {
9
+ e.persist();
10
+ const newPosition = props.togglePosition === POSITIONS.RIGHT ? POSITIONS.LEFT : POSITIONS.RIGHT;
11
+ props.onClick?.(e, newPosition);
12
+ }, onKeyDown: e => {
13
+ e.persist();
14
+ props.onKeyDown?.(e);
15
+ }, children: [_jsx(ToggleContent, { ...props, dataTestId: dataTestId, position: POSITIONS.LEFT }), _jsx(ToggleContent, { ...props, dataTestId: dataTestId, position: POSITIONS.RIGHT }), _jsx(SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${dataTestId}-thumb`, hasThreePositions: false, styles: props.styles, togglePosition: props.togglePosition })] }));
16
+ };
17
+ export const ToggleTwoPosition = React.forwardRef(ToggleTwoPositionComponent);
18
+ //# sourceMappingURL=toggleTwoPositions.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toggleTwoPositions.js","sourceRoot":"","sources":["../../../../../../src/components/toggle/components/twoPositions/toggleTwoPositions.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAEjF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,0BAA0B,GAAG,CACjC,EAAE,UAAU,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAsB,EACvD,GAA0D,EAC7C,EAAE;IACf,OAAO,CACL,MAAC,mBAAmB,IAClB,GAAG,EAAE,GAAG,kBACM,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,KAAK,sBACpC,KAAK,CAAC,kBAAkB,CAAC,gBAC/B,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,iBAC5B,UAAU,EACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,KAAK,EACxB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC7D,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,OAAO,EAAE,CAAC,CAAC,EAAE;YACX,CAAC,CAAC,OAAO,EAAE,CAAC;YACZ,MAAM,WAAW,GACf,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC;YAC9E,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;QAClC,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE;YACb,CAAC,CAAC,OAAO,EAAE,CAAC;YACZ,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC,aAED,KAAC,aAAa,OAAK,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,IAAI,GAAI,EAC9E,KAAC,aAAa,OAAK,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,KAAK,GAAI,EAC/E,KAAC,qBAAqB,mBACR,MAAM,iBACL,GAAG,UAAU,QAAQ,EAClC,iBAAiB,EAAE,KAAK,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,GACpC,IACkB,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC"}
@@ -8,7 +8,7 @@ import { isKeyEnterPressed, isKeySpacePressed } from '../../utils/keyboard/keybo
8
8
  import { ToggleStandAlone } from './toggleStandAlone';
9
9
  import { getToggleState } from './utils/getToggleState';
10
10
  const TOGGLE_STYLES = 'TOGGLE_STYLES';
11
- const ToggleControlledComponent = React.forwardRef(({ variant, ctv, hasThreePositions = false, togglePosition = hasThreePositions ? POSITIONS.CENTER : POSITIONS.LEFT, disabled = false, onChange, onKeyDown, ...props }, ref) => {
11
+ const ToggleControlledComponent = React.forwardRef(({ variant, ctv, hasThreePositions = false, togglePosition = hasThreePositions ? POSITIONS.CENTER : POSITIONS.LEFT, disabled = false, onClick, onChange, onKeyDown, ...props }, ref) => {
12
12
  const styleVariant = useStyles(TOGGLE_STYLES, variant, ctv);
13
13
  const handleKeyDown = e => {
14
14
  if (!disabled && (isKeySpacePressed(e.key) || isKeyEnterPressed(e.key))) {
@@ -24,9 +24,13 @@ const ToggleControlledComponent = React.forwardRef(({ variant, ctv, hasThreePosi
24
24
  onKeyDown?.(e);
25
25
  }
26
26
  };
27
+ const handleClick = (e, position) => {
28
+ onChange?.(position);
29
+ onClick?.(e, position);
30
+ };
27
31
  const state = getToggleState(hasThreePositions, togglePosition, disabled);
28
32
  const styles = styleVariant[state];
29
- return (_jsx(ToggleStandAlone, { ...props, ref: ref, disabled: disabled, hasThreePositions: hasThreePositions, styles: styles, togglePosition: togglePosition, onKeyDown: handleKeyDown }));
33
+ return (_jsx(ToggleStandAlone, { ...props, ref: ref, disabled: disabled, hasThreePositions: hasThreePositions, styles: styles, togglePosition: togglePosition, onClick: handleClick, onKeyDown: handleKeyDown }));
30
34
  });
31
35
  ToggleControlledComponent.displayName = 'ToggleControlledComponent';
32
36
  const ToggleBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(ToggleStandAlone, { ...props, ref: ref }) }), children: _jsx(ToggleControlledComponent, { ...props, ref: ref }) }));
@@ -1 +1 @@
1
- {"version":3,"file":"toggleControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,aAAa,GAAG,eAAe,CAAC;AAEtC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAChD,CACE,EACE,OAAO,EACP,GAAG,EACH,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EACtE,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACa,EACvB,GAA0D,EAC7C,EAAE;IACf,MAAM,YAAY,GAAG,SAAS,CAA0B,aAAa,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAErF,MAAM,aAAa,GAA4C,CAAC,CAAC,EAAE;QACjE,IAAI,CAAC,QAAQ,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YACxE,IAAI,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;YACjC,IACE,CAAC,cAAc,KAAK,SAAS,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC;gBACzD,cAAc,KAAK,SAAS,CAAC,MAAM,EACnC,CAAC;gBACD,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC;YAChC,CAAC;iBAAM,IAAI,cAAc,KAAK,SAAS,CAAC,IAAI,IAAI,iBAAiB,EAAE,CAAC;gBAClE,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC;YACjC,CAAC;YACD,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;YACxB,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,cAAc,CAAC,iBAAiB,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC;IAE1E,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEnC,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,aAAa,GACxB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAEpE,MAAM,cAAc,GAAG,CACrB,KAA2B,EAC3B,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,GACzD,YAGtB,KAAC,yBAAyB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACpC,CACjB,CAAC;AAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAIlB,CAAC;AAEvC;;;;;;GAMG;AACH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"toggleControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleControlled.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +1,9 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import React from 'react';
3
- import { ToggleThreePosition } from './components/toggleThreePosition';
4
- import { ToggleTwoPosition } from './components/toggleTwoPositions';
5
- const ToggleStandAloneComponent = ({ ...props }, ref) => {
6
- return !props.hasThreePositions ? (_jsx(ToggleTwoPosition, { ...props, ref: ref })) : (_jsx(ToggleThreePosition, { ...props, ref: ref }));
3
+ import { ToggleThreePosition } from './components/threePositions/toggleThreePosition';
4
+ import { ToggleTwoPosition } from './components/twoPositions/toggleTwoPositions';
5
+ const ToggleStandAloneComponent = ({ hasThreePositions, ...props }, ref) => {
6
+ return !hasThreePositions ? (_jsx(ToggleTwoPosition, { ...props, ref: ref })) : (_jsx(ToggleThreePosition, { ...props, ref: ref }));
7
7
  };
8
8
  /**
9
9
  * @description
@@ -1 +1 @@
1
- {"version":3,"file":"toggleStandAlone.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAGpE,MAAM,yBAAyB,GAAG,CAChC,EAAE,GAAG,KAAK,EAAqB,EAC/B,GAA0D,EAC7C,EAAE;IACf,OAAO,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAChC,KAAC,iBAAiB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC3C,CAAC,CAAC,CAAC,CACF,KAAC,mBAAmB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC7C,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC"}
1
+ {"version":3,"file":"toggleStandAlone.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AAGjF,MAAM,yBAAyB,GAAG,CAChC,EAAE,iBAAiB,EAAE,GAAG,KAAK,EAAqB,EAClD,GAA0D,EAC7C,EAAE;IACf,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAC1B,KAAC,iBAAiB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC3C,CAAC,CAAC,CAAC,CACF,KAAC,mBAAmB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC7C,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC"}
@@ -8,11 +8,7 @@ const ToggleUnControlledComponent = ({ variant, hasThreePositions = false, defau
8
8
  setTogglePosition(newPosition);
9
9
  onChange?.(newPosition);
10
10
  };
11
- const handleClick = (e, position) => {
12
- handleChange(position);
13
- props.onClick?.(e, position);
14
- };
15
- return (_jsx(ToggleControlled, { ...props, ref: ref, hasThreePositions: hasThreePositions, togglePosition: togglePosition ?? _togglePosition, variant: variant, onChange: handleChange, onClick: handleClick }));
11
+ return (_jsx(ToggleControlled, { ...props, ref: ref, hasThreePositions: hasThreePositions, togglePosition: togglePosition ?? _togglePosition, variant: variant, onChange: handleChange }));
16
12
  };
17
13
  const ToggleUnControlled = React.forwardRef(ToggleUnControlledComponent);
18
14
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"toggleUnControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,2BAA2B,GAAG,CAClC,EACE,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,qBAAqB,GAAG,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAC7E,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACe,EACzB,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,CAAC,WAAsB,EAAE,EAAE;QAC9C,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC/B,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAgC,EAAE,QAAoB,EAAE,EAAE;QAC7E,YAAY,CAAC,QAAS,CAAC,CAAC;QACxB,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,IAAI,eAAe,EACjD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAIpB,CAAC;AAEpD;;;;;;;;;GASG;AACH,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,OAAO,EAAE,kBAAkB,IAAI,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"toggleUnControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,2BAA2B,GAAG,CAClC,EACE,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,qBAAqB,GAAG,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAC7E,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACe,EACzB,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,CAAC,WAAsB,EAAE,EAAE;QAC9C,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC/B,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,IAAI,eAAe,EACjD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAIpB,CAAC;AAEpD;;;;;;;;;GASG;AACH,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,OAAO,EAAE,kBAAkB,IAAI,MAAM,EAAE,CAAC"}
@@ -41,7 +41,10 @@ export interface IToggleStandAlone extends ToggleAriaAttributes {
41
41
  disabled?: boolean;
42
42
  blockCenter?: boolean;
43
43
  tabIndex?: number;
44
- onClick?: (e: React.MouseEvent<HTMLElement>, position?: POSITIONS) => void;
44
+ /**
45
+ * @deprecated The seconda param, position will be removed in the next version
46
+ */
47
+ onClick?: (e: React.MouseEvent<HTMLElement>, position: POSITIONS) => void;
45
48
  onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
46
49
  }
47
50
  type propsToOmit = 'styles' | 'togglePosition' | 'hasThreePositions';
@@ -0,0 +1,4 @@
1
+ import { IElementOrIcon } from '../../../components/elementOrIcon/types/elementOrIcon';
2
+ import { POSITIONS } from '../../../types/positions/positions';
3
+ import { IInputValue } from '../types/toggle';
4
+ export declare const getScreenReaderText: (position: POSITIONS, inputValues: IInputValue, onIcon?: IElementOrIcon, offIcon?: IElementOrIcon) => string | undefined;
@@ -0,0 +1,7 @@
1
+ import { POSITIONS } from '../../../types/positions/positions';
2
+ export const getScreenReaderText = (position, inputValues, onIcon, offIcon) => position === POSITIONS.CENTER
3
+ ? inputValues.centerInputValue
4
+ : position === POSITIONS.RIGHT
5
+ ? (inputValues.rightInputValue ?? onIcon?.altText)
6
+ : (inputValues.leftInputValue ?? offIcon?.altText);
7
+ //# sourceMappingURL=getScreenReaderText.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getScreenReaderText.js","sourceRoot":"","sources":["../../../../../src/components/toggle/utils/getScreenReaderText.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAIxD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,QAAmB,EACnB,WAAwB,EACxB,MAAuB,EACvB,OAAwB,EACJ,EAAE,CACtB,QAAQ,KAAK,SAAS,CAAC,MAAM;IAC3B,CAAC,CAAC,WAAW,CAAC,gBAAgB;IAC9B,CAAC,CAAC,QAAQ,KAAK,SAAS,CAAC,KAAK;QAC5B,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,IAAI,MAAM,EAAE,OAAO,CAAC;QAClD,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,IAAI,OAAO,EAAE,OAAO,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { POSITIONS } from '../../../types/positions/positions';
2
+ import { IInputValue, ToggleOnAndOffTextType } from '../types/toggle';
3
+ export declare const getTextOrIcon: (position: POSITIONS, inputValues?: IInputValue, offText?: ToggleOnAndOffTextType, onText?: ToggleOnAndOffTextType) => string | undefined;
@@ -0,0 +1,7 @@
1
+ import { POSITIONS } from '../../../types/positions/positions';
2
+ export const getTextOrIcon = (position, inputValues, offText, onText) => position === POSITIONS.CENTER
3
+ ? inputValues?.centerInputValue
4
+ : position === POSITIONS.RIGHT
5
+ ? onText?.content
6
+ : offText?.content;
7
+ //# sourceMappingURL=getTextOrIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getTextOrIcon.js","sourceRoot":"","sources":["../../../../../src/components/toggle/utils/getTextOrIcon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAIxD,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,QAAmB,EACnB,WAAyB,EACzB,OAAgC,EAChC,MAA+B,EACX,EAAE,CACtB,QAAQ,KAAK,SAAS,CAAC,MAAM;IAC3B,CAAC,CAAC,WAAW,EAAE,gBAAgB;IAC/B,CAAC,CAAC,QAAQ,KAAK,SAAS,CAAC,KAAK;QAC5B,CAAC,CAAC,MAAM,EAAE,OAAO;QACjB,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { POSITIONS } from '../../../types/positions/positions';
2
+ import { IInputValue } from '../types/toggle';
3
+ export declare const getValueOfRadioButton: (position: POSITIONS, inputValues?: IInputValue) => string | undefined;
@@ -0,0 +1,11 @@
1
+ import { POSITIONS } from '../../../types/positions/positions';
2
+ export const getValueOfRadioButton = (position, inputValues) => {
3
+ if (position === POSITIONS.RIGHT) {
4
+ return inputValues?.rightInputValue;
5
+ }
6
+ else if (position === POSITIONS.LEFT) {
7
+ return inputValues?.leftInputValue;
8
+ }
9
+ return inputValues?.centerInputValue;
10
+ };
11
+ //# sourceMappingURL=getValueOfRadioButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getValueOfRadioButton.js","sourceRoot":"","sources":["../../../../../src/components/toggle/utils/getValueOfRadioButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAIxD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,QAAmB,EACnB,WAAyB,EACL,EAAE;IACtB,IAAI,QAAQ,KAAK,SAAS,CAAC,KAAK,EAAE,CAAC;QACjC,OAAO,WAAW,EAAE,eAAe,CAAC;IACtC,CAAC;SAAM,IAAI,QAAQ,KAAK,SAAS,CAAC,IAAI,EAAE,CAAC;QACvC,OAAO,WAAW,EAAE,cAAc,CAAC;IACrC,CAAC;IACD,OAAO,WAAW,EAAE,gBAAgB,CAAC;AACvC,CAAC,CAAC"}
@@ -1,20 +1,42 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import React from 'react';
3
3
  import { useStyles } from '../../hooks/useStyles/useStyles';
4
+ import { POSITIONS } from '../../types/positions/positions';
4
5
  import { ErrorBoundary } from '../../provider/errorBoundary/errorBoundary';
5
6
  import { FallbackComponent } from '../../provider/errorBoundary/fallbackComponent';
6
7
  import { ToggleWithLabelStandAlone } from './toggleWithLabelStandAlone';
7
8
  const TOGGLE_WITH_LABEL_STYLES = 'TOGGLE_WITH_LABEL_STYLES';
8
- const ToggleWithLabelControlledComponent = React.forwardRef(({ variant, ctv, ...props }, ref) => {
9
+ const ToggleWithLabelControlledComponent = React.forwardRef(({ variant, ctv, onFieldSetClick, onClick, ...props }, ref) => {
9
10
  const styles = useStyles(TOGGLE_WITH_LABEL_STYLES, variant, ctv);
10
- const toggleRef = React.useRef(null);
11
- const handleClick = () => {
12
- if (toggleRef.current) {
13
- toggleRef.current.focus();
14
- toggleRef.current.click();
11
+ const handleFieldSetClick = (e) => {
12
+ if (props.disabled) {
13
+ return;
15
14
  }
15
+ // When comming from handleOnClick, the onChange is already called so we avoid calling it again
16
+ const avoidCallingOnChange = e?.avoidCallingOnChange;
17
+ // Do not use !avoidCallingOnChange to call onChange when avoidCallingOnChange is undefined
18
+ if (avoidCallingOnChange !== true) {
19
+ let newPosition = POSITIONS.LEFT;
20
+ if ((props.togglePosition === POSITIONS.LEFT && !props.hasThreePositions) ||
21
+ props.togglePosition === POSITIONS.CENTER) {
22
+ newPosition = POSITIONS.RIGHT;
23
+ }
24
+ else if (props.togglePosition === POSITIONS.LEFT && props.hasThreePositions) {
25
+ newPosition = POSITIONS.CENTER;
26
+ }
27
+ props.onChange?.(newPosition);
28
+ }
29
+ onFieldSetClick?.(e);
30
+ };
31
+ const handleClick = (e, position) => {
32
+ Object.defineProperties(e, {
33
+ avoidCallingOnChange: {
34
+ value: true,
35
+ },
36
+ });
37
+ onClick?.(e, position);
16
38
  };
17
- return (_jsx(ToggleWithLabelStandAlone, { ref: ref, styles: styles, toggleRef: toggleRef, onClick: handleClick, ...props }));
39
+ return (_jsx(ToggleWithLabelStandAlone, { ref: ref, styles: styles, onClick: handleClick, onFieldSetClick: handleFieldSetClick, ...props }));
18
40
  });
19
41
  ToggleWithLabelControlledComponent.displayName = 'ToggleWithLabelControlledComponent';
20
42
  const ToggleWithLabelBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(ToggleWithLabelStandAlone, { ...props, ref: ref }) }), children: _jsx(ToggleWithLabelControlledComponent, { ...props, ref: ref }) }));
@@ -1 +1 @@
1
- {"version":3,"file":"toggleWithLabelControlled.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAIxE,MAAM,wBAAwB,GAAG,0BAA0B,CAAC;AAE5D,MAAM,kCAAkC,GAAG,KAAK,CAAC,UAAU,CACzD,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAA8B,EACtD,GAA+D,EAClD,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CAAgC,wBAAwB,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAEhG,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEvD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC1B,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,yBAAyB,IACxB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,kCAAkC,CAAC,WAAW,GAAG,oCAAoC,CAAC;AAEtF,MAAM,uBAAuB,GAAG,CAC9B,KAAiC,EACjC,GAA+D,EAClD,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,yBAAyB,OACnB,KAA+C,EACpD,GAAG,EAAE,GAAG,GACR,GACgB,YAGtB,KAAC,kCAAkC,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC7C,CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}
1
+ {"version":3,"file":"toggleWithLabelControlled.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAIxE,MAAM,wBAAwB,GAAG,0BAA0B,CAAC;AAE5D,MAAM,kCAAkC,GAAG,KAAK,CAAC,UAAU,CACzD,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,KAAK,EAA8B,EAChF,GAA+D,EAClD,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CAAgC,wBAAwB,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAEhG,MAAM,mBAAmB,GAAG,CAAC,CAAoD,EAAE,EAAE;QACnF,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,+FAA+F;QAC/F,MAAM,oBAAoB,GACxB,CACD,EAAE,oBAAoB,CAAC;QACxB,2FAA2F;QAC3F,IAAI,oBAAoB,KAAK,IAAI,EAAE,CAAC;YAClC,IAAI,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;YACjC,IACE,CAAC,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC;gBACrE,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,MAAM,EACzC,CAAC;gBACD,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC;YAChC,CAAC;iBAAM,IAAI,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,IAAI,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAC;gBAC9E,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC;YACjC,CAAC;YACD,KAAK,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;QAChC,CAAC;QACD,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAA4C,EAAE,QAAmB,EAAE,EAAE;QACxF,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE;YACzB,oBAAoB,EAAE;gBACpB,KAAK,EAAE,IAAI;aACZ;SACF,CAAC,CAAC;QACH,OAAO,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,yBAAyB,IACxB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,eAAe,EAAE,mBAAmB,KAChC,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,kCAAkC,CAAC,WAAW,GAAG,oCAAoC,CAAC;AAEtF,MAAM,uBAAuB,GAAG,CAC9B,KAAiC,EACjC,GAA+D,EAClD,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,yBAAyB,OACnB,KAA+C,EACpD,GAAG,EAAE,GAAG,GACR,GACgB,YAGtB,KAAC,kCAAkC,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC7C,CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}
@@ -4,15 +4,15 @@ import { Text } from '../../components/text/text';
4
4
  import { useId } from '../../hooks/useId/useId';
5
5
  import { ScreenReaderOnly } from '../screenReaderOnly/screenReaderOnly';
6
6
  import { TextComponentType } from '../text/types/component';
7
- import { ToggleUnControlled as Toggle } from '../toggle/toggleUnControlled';
7
+ import { ToggleControlled } from '../toggle/toggleControlled';
8
8
  import { ToggleWithLabelStyled } from './toggleWithLabel.styled';
9
- const ToggleWithLabelStandAloneComponent = ({ screenReaderText, id, displayRow, styles, label, required, requiredSymbol, textVariant, toggleVariant, labelPosition, onClick, dataTestId = 'toggle-with-label', ...props }, ref) => {
9
+ const ToggleWithLabelStandAloneComponent = ({ screenReaderText, id, displayRow, styles, label, required, requiredSymbol, textVariant, toggleVariant, labelPosition, onFieldSetClick, dataTestId = 'toggle-with-label', ...props }, ref) => {
10
10
  const uniqueId = useId('toggle');
11
11
  const toggleId = id ?? uniqueId;
12
12
  const screenReaderId = `${uniqueId}ScreenReader`;
13
13
  const labelId = `${uniqueId}Label`;
14
14
  const legendStyles = props.disabled && styles?.legend?.disabled ? styles?.legend?.disabled : styles?.legend;
15
- return (_jsxs(ToggleWithLabelStyled, { ref: ref, as: label ? 'fieldset' : 'div', "data-tesid": dataTestId, displayRow: displayRow, labelPosition: labelPosition, styles: styles, onClick: onClick, children: [label && (_jsxs(Text, { component: TextComponentType.LEGEND, customTypography: legendStyles, id: labelId, variant: textVariant ?? styles?.legend?.font_variant, ...label, children: [label.content, required && (_jsx(Text, { "aria-hidden": true, color: styles?.required?.color, component: TextComponentType.SPAN, variant: styles?.required?.font_variant, weight: styles?.required?.font_weight, ...requiredSymbol, children: requiredSymbol?.content }))] })), _jsx(Toggle, { ...props, ref: props.toggleRef, "aria-describedby": labelId, id: toggleId, screenReaderId: screenReaderId, variant: toggleVariant }), _jsx(ScreenReaderOnly, { id: screenReaderId, children: screenReaderText })] }));
15
+ return (_jsxs(ToggleWithLabelStyled, { ref: ref, as: label ? 'fieldset' : 'div', "data-testid": dataTestId, displayRow: displayRow, labelPosition: labelPosition, styles: styles, onClick: onFieldSetClick, children: [label && (_jsxs(Text, { component: TextComponentType.LEGEND, customTypography: legendStyles, id: labelId, variant: textVariant ?? styles?.legend?.font_variant, ...label, children: [label.content, required && (_jsx(Text, { "aria-hidden": true, color: styles?.required?.color, component: TextComponentType.SPAN, variant: styles?.required?.font_variant, weight: styles?.required?.font_weight, ...requiredSymbol, children: requiredSymbol?.content }))] })), _jsx(ToggleControlled, { ...props, "aria-describedby": labelId, id: toggleId, screenReaderId: screenReaderId, variant: toggleVariant }), _jsx(ScreenReaderOnly, { id: screenReaderId, children: screenReaderText })] }));
16
16
  };
17
17
  export const ToggleWithLabelStandAlone = React.forwardRef(ToggleWithLabelStandAloneComponent);
18
18
  //# sourceMappingURL=toggleWithLabelStandAlone.js.map