@salutejs/plasma-new-hope 0.158.0-canary.1464.11126763959.0 → 0.158.1-canary.1374.11139248605.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (852) hide show
  1. package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -7
  2. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  3. package/cjs/components/DatePicker/{DatePickerBase.styles_mjc9xz.css → DatePickerBase.styles_1whkrlf.css} +0 -1
  4. package/cjs/components/DatePicker/RangeDate/RangeDate.css +68 -71
  5. package/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -48
  6. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  7. package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -2
  8. package/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -15
  9. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  10. package/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
  11. package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  12. package/cjs/components/Slider/Slider.css +5 -6
  13. package/cjs/components/Slider/Slider.js +6 -21
  14. package/cjs/components/Slider/Slider.js.map +1 -1
  15. package/cjs/components/Slider/components/Double/Double.css +5 -6
  16. package/cjs/components/Slider/components/Double/Double.js +3 -22
  17. package/cjs/components/Slider/components/Double/Double.js.map +1 -1
  18. package/cjs/components/Slider/components/Single/Single.css +5 -6
  19. package/cjs/components/Slider/components/Single/Single.js +8 -30
  20. package/cjs/components/Slider/components/Single/Single.js.map +1 -1
  21. package/cjs/components/Slider/components/SliderBase/SliderBase.css +4 -5
  22. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +1 -7
  23. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
  24. package/{es/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css → cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css} +0 -1
  25. package/cjs/components/Tabs/createTabsController.js +1 -1
  26. package/cjs/components/Tabs/createTabsController.js.map +1 -1
  27. package/cjs/components/Tabs/tokens.js +12 -4
  28. package/cjs/components/Tabs/tokens.js.map +1 -1
  29. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +13 -0
  30. package/cjs/components/Tabs/ui/{TabItem/TabItem.js → horizontal/HorizontalTabItem/HorizontalTabItem.js} +22 -18
  31. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -0
  32. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +35 -0
  33. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -0
  34. package/cjs/components/Tabs/ui/{TabItem/TabItem.styles_pj75hv.css → horizontal/HorizontalTabItem/HorizontalTabItem.styles_1x0ujoz.css} +5 -4
  35. package/cjs/components/Tabs/ui/{Tabs/variations/_size → horizontal/HorizontalTabItem/variations/_disabled}/base.js +2 -2
  36. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +1 -0
  37. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +1 -0
  38. package/cjs/components/Tabs/ui/{TabItem/variations/_disabled → horizontal/HorizontalTabItem/variations/_pilled}/base.js +2 -2
  39. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +1 -0
  40. package/cjs/components/Tabs/ui/{TabItem/variations/_pilled/base_l36za5.css → horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css} +1 -1
  41. package/cjs/components/Tabs/ui/{TabItem/variations/_pilled → horizontal/HorizontalTabItem/variations/_size}/base.js +2 -2
  42. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +1 -0
  43. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +1 -0
  44. package/cjs/components/Tabs/ui/{TabItem/variations/_size → horizontal/HorizontalTabItem/variations/_view}/base.js +2 -2
  45. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +1 -0
  46. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_5iqr04.css +1 -0
  47. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +16 -0
  48. package/cjs/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +20 -20
  49. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -0
  50. package/cjs/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +10 -10
  51. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -0
  52. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +4 -0
  53. package/cjs/components/Tabs/ui/{TabItem/variations/_view → horizontal/HorizontalTabs/variations/_disabled}/base.js +2 -2
  54. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +1 -0
  55. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +1 -0
  56. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +9 -0
  57. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +1 -0
  58. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +1 -0
  59. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +9 -0
  60. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +1 -0
  61. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +1 -0
  62. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +9 -0
  63. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +1 -0
  64. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +1 -0
  65. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +9 -0
  66. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -0
  67. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +1 -0
  68. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +11 -0
  69. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +127 -0
  70. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -0
  71. package/cjs/components/Tabs/ui/{TabItem/TabItem.styles.js → vertical/VerticalTabItem/VerticalTabItem.styles.js} +12 -6
  72. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -0
  73. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1fzrmvg.css +5 -0
  74. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +9 -0
  75. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +1 -0
  76. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +1 -0
  77. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +9 -0
  78. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +1 -0
  79. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +1 -0
  80. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +9 -0
  81. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +1 -0
  82. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_1iq8opt.css +1 -0
  83. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +12 -0
  84. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +220 -0
  85. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -0
  86. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +29 -0
  87. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -0
  88. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +4 -0
  89. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +9 -0
  90. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +1 -0
  91. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +1 -0
  92. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +9 -0
  93. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +1 -0
  94. package/cjs/components/Tabs/ui/{Tabs/variations/_size/base_iw773q.css → vertical/VerticalTabs/variations/_size/base_1sekozo.css} +1 -1
  95. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +9 -0
  96. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -0
  97. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
  98. package/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +10 -0
  99. package/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js.map +1 -0
  100. package/cjs/components/TextArea/TextArea.js +25 -19
  101. package/cjs/components/TextArea/TextArea.js.map +1 -1
  102. package/cjs/components/TextArea/TextArea.tokens.js +18 -2
  103. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  104. package/cjs/components/TextArea/variations/_clear/base.js +9 -0
  105. package/cjs/components/TextArea/variations/_clear/base.js.map +1 -0
  106. package/cjs/components/TextArea/variations/_clear/base_vidplj.css +1 -0
  107. package/cjs/components/TextArea/variations/_view/base.js +1 -1
  108. package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
  109. package/cjs/components/TextArea/variations/_view/base_d1s4o7.css +1 -0
  110. package/cjs/index.css +49 -25
  111. package/cjs/index.js +14 -13
  112. package/cjs/index.js.map +1 -1
  113. package/cjs/utils/index.js.map +1 -1
  114. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +3 -8
  115. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -47
  116. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -14
  117. package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
  118. package/emotion/cjs/components/Slider/Slider.js +6 -17
  119. package/emotion/cjs/components/Slider/components/Double/Double.js +11 -29
  120. package/emotion/cjs/components/Slider/components/Single/Single.js +8 -29
  121. package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +9 -14
  122. package/emotion/cjs/components/Slider/components/index.js +0 -11
  123. package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +86 -21
  124. package/emotion/cjs/components/Tabs/createTabsController.js +2 -1
  125. package/emotion/cjs/components/Tabs/index.js +43 -10
  126. package/emotion/cjs/components/Tabs/tokens.js +12 -4
  127. package/{styled-components/cjs/components/Tabs/ui/TabItem/TabItem.js → emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +19 -15
  128. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +51 -0
  129. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +9 -0
  130. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +9 -0
  131. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +9 -0
  132. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +10 -0
  133. package/{styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js → emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js} +16 -16
  134. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +55 -0
  135. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +9 -0
  136. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +9 -0
  137. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +9 -0
  138. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +10 -0
  139. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +9 -0
  140. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +129 -0
  141. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +51 -0
  142. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +9 -0
  143. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +9 -0
  144. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
  145. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +10 -0
  146. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +226 -0
  147. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +46 -0
  148. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +9 -0
  149. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +9 -0
  150. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
  151. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +9 -0
  152. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +8 -0
  153. package/emotion/cjs/components/TextArea/TextArea.js +26 -19
  154. package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
  155. package/emotion/cjs/components/TextArea/TextArea.tokens.js +18 -2
  156. package/emotion/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  157. package/emotion/cjs/components/TextArea/variations/_clear/base.js +10 -0
  158. package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -2
  159. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +14 -3
  160. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +16 -3
  161. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +276 -30
  162. package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +39 -0
  163. package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +41 -0
  164. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
  165. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +28 -0
  166. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  167. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
  168. package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.js +14 -3
  169. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.js +16 -3
  170. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +278 -30
  171. package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +39 -0
  172. package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +41 -0
  173. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
  174. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +28 -0
  175. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
  176. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
  177. package/emotion/cjs/mixins/index.js +0 -11
  178. package/emotion/cjs/utils/index.js +1 -24
  179. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +2 -7
  180. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +5 -48
  181. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +5 -16
  182. package/emotion/es/components/DatePicker/hooks/useDatePicker.js +1 -34
  183. package/emotion/es/components/Slider/Slider.js +6 -18
  184. package/emotion/es/components/Slider/components/Double/Double.js +3 -21
  185. package/emotion/es/components/Slider/components/Single/Single.js +9 -30
  186. package/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +8 -13
  187. package/emotion/es/components/Slider/components/index.js +0 -1
  188. package/emotion/es/components/Tabs/Tabs.template-doc.mdx +86 -21
  189. package/emotion/es/components/Tabs/createTabsController.js +2 -1
  190. package/emotion/es/components/Tabs/index.js +5 -2
  191. package/emotion/es/components/Tabs/tokens.js +12 -4
  192. package/{styled-components/es/components/Tabs/ui/TabItem/TabItem.js → emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +15 -11
  193. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +44 -0
  194. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +3 -0
  195. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +3 -0
  196. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +3 -0
  197. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +4 -0
  198. package/emotion/es/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +10 -10
  199. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +48 -0
  200. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +3 -0
  201. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +3 -0
  202. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +3 -0
  203. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +4 -0
  204. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +3 -0
  205. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +120 -0
  206. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +44 -0
  207. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +3 -0
  208. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +3 -0
  209. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
  210. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +4 -0
  211. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +217 -0
  212. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +39 -0
  213. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +3 -0
  214. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +3 -0
  215. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
  216. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +3 -0
  217. package/emotion/es/components/Tabs/ui/vertical/VerticalTabsContext.js +2 -0
  218. package/emotion/es/components/TextArea/TextArea.js +25 -18
  219. package/emotion/es/components/TextArea/TextArea.template-doc.mdx +29 -0
  220. package/emotion/es/components/TextArea/TextArea.tokens.js +18 -2
  221. package/emotion/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  222. package/emotion/es/components/TextArea/variations/_clear/base.js +4 -0
  223. package/emotion/es/components/TextArea/variations/_view/base.js +2 -2
  224. package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.js +14 -4
  225. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.js +16 -4
  226. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +276 -30
  227. package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +33 -0
  228. package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +35 -0
  229. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
  230. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +22 -0
  231. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  232. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
  233. package/emotion/es/examples/plasma_web/components/Tabs/TabItem.js +14 -4
  234. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.js +16 -4
  235. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +278 -30
  236. package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +33 -0
  237. package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +35 -0
  238. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
  239. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +22 -0
  240. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
  241. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
  242. package/emotion/es/mixins/index.js +1 -2
  243. package/emotion/es/utils/index.js +0 -2
  244. package/es/components/DatePicker/DatePickerBase.styles.js +2 -7
  245. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  246. package/es/components/DatePicker/{DatePickerBase.styles_mjc9xz.css → DatePickerBase.styles_1whkrlf.css} +0 -1
  247. package/es/components/DatePicker/RangeDate/RangeDate.css +68 -71
  248. package/es/components/DatePicker/RangeDate/RangeDate.js +4 -48
  249. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  250. package/es/components/DatePicker/SingleDate/SingleDate.css +1 -2
  251. package/es/components/DatePicker/SingleDate/SingleDate.js +4 -16
  252. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  253. package/es/components/DatePicker/hooks/useDatePicker.js +1 -34
  254. package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  255. package/es/components/Slider/Slider.css +5 -6
  256. package/es/components/Slider/Slider.js +7 -22
  257. package/es/components/Slider/Slider.js.map +1 -1
  258. package/es/components/Slider/components/Double/Double.css +5 -6
  259. package/es/components/Slider/components/Double/Double.js +3 -22
  260. package/es/components/Slider/components/Double/Double.js.map +1 -1
  261. package/es/components/Slider/components/Single/Single.css +5 -6
  262. package/es/components/Slider/components/Single/Single.js +8 -30
  263. package/es/components/Slider/components/Single/Single.js.map +1 -1
  264. package/es/components/Slider/components/SliderBase/SliderBase.css +4 -5
  265. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +2 -7
  266. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
  267. package/{cjs/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css → es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css} +0 -1
  268. package/es/components/Tabs/createTabsController.js +1 -1
  269. package/es/components/Tabs/createTabsController.js.map +1 -1
  270. package/es/components/Tabs/tokens.js +12 -4
  271. package/es/components/Tabs/tokens.js.map +1 -1
  272. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +13 -0
  273. package/es/components/Tabs/ui/{TabItem/TabItem.js → horizontal/HorizontalTabItem/HorizontalTabItem.js} +18 -14
  274. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -0
  275. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +27 -0
  276. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -0
  277. package/es/components/Tabs/ui/{TabItem/TabItem.styles_pj75hv.css → horizontal/HorizontalTabItem/HorizontalTabItem.styles_1x0ujoz.css} +5 -4
  278. package/es/components/Tabs/ui/{Tabs/variations/_size → horizontal/HorizontalTabItem/variations/_disabled}/base.js +2 -2
  279. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +1 -0
  280. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +1 -0
  281. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +5 -0
  282. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +1 -0
  283. package/es/components/Tabs/ui/{TabItem/variations/_pilled/base_l36za5.css → horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css} +1 -1
  284. package/es/components/Tabs/ui/{TabItem/variations/_pilled → horizontal/HorizontalTabItem/variations/_size}/base.js +2 -2
  285. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +1 -0
  286. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +1 -0
  287. package/es/components/Tabs/ui/{TabItem/variations/_size → horizontal/HorizontalTabItem/variations/_view}/base.js +2 -2
  288. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +1 -0
  289. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_5iqr04.css +1 -0
  290. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +16 -0
  291. package/es/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +14 -14
  292. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -0
  293. package/es/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +10 -10
  294. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -0
  295. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +4 -0
  296. package/es/components/Tabs/ui/{TabItem/variations/_view → horizontal/HorizontalTabs/variations/_disabled}/base.js +2 -2
  297. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +1 -0
  298. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +1 -0
  299. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +5 -0
  300. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +1 -0
  301. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +1 -0
  302. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +5 -0
  303. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +1 -0
  304. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +1 -0
  305. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +5 -0
  306. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +1 -0
  307. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +1 -0
  308. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +5 -0
  309. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -0
  310. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +1 -0
  311. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +11 -0
  312. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +122 -0
  313. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -0
  314. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +27 -0
  315. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -0
  316. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1fzrmvg.css +5 -0
  317. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +5 -0
  318. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +1 -0
  319. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +1 -0
  320. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +5 -0
  321. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +1 -0
  322. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +1 -0
  323. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +5 -0
  324. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +1 -0
  325. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_1iq8opt.css +1 -0
  326. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +12 -0
  327. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +215 -0
  328. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -0
  329. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +22 -0
  330. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -0
  331. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +4 -0
  332. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +5 -0
  333. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +1 -0
  334. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +1 -0
  335. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +5 -0
  336. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +1 -0
  337. package/es/components/Tabs/ui/{Tabs/variations/_size/base_iw773q.css → vertical/VerticalTabs/variations/_size/base_1sekozo.css} +1 -1
  338. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +5 -0
  339. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -0
  340. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
  341. package/es/components/Tabs/ui/vertical/VerticalTabsContext.js +6 -0
  342. package/es/components/Tabs/ui/vertical/VerticalTabsContext.js.map +1 -0
  343. package/es/components/TextArea/TextArea.js +25 -19
  344. package/es/components/TextArea/TextArea.js.map +1 -1
  345. package/es/components/TextArea/TextArea.tokens.js +18 -2
  346. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  347. package/es/components/TextArea/variations/_clear/base.js +5 -0
  348. package/es/components/TextArea/variations/_clear/base.js.map +1 -0
  349. package/es/components/TextArea/variations/_clear/base_vidplj.css +1 -0
  350. package/es/components/TextArea/variations/_view/base.js +1 -1
  351. package/es/components/TextArea/variations/_view/base.js.map +1 -1
  352. package/es/components/TextArea/variations/_view/base_d1s4o7.css +1 -0
  353. package/es/index.css +49 -25
  354. package/es/index.js +5 -5
  355. package/es/utils/index.js.map +1 -1
  356. package/package.json +2 -2
  357. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +2 -6
  358. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -47
  359. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -14
  360. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
  361. package/styled-components/cjs/components/Slider/Slider.js +6 -17
  362. package/styled-components/cjs/components/Slider/components/Double/Double.js +11 -29
  363. package/styled-components/cjs/components/Slider/components/Single/Single.js +8 -29
  364. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +2 -6
  365. package/styled-components/cjs/components/Slider/components/index.js +0 -11
  366. package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +86 -21
  367. package/styled-components/cjs/components/Tabs/createTabsController.js +2 -1
  368. package/styled-components/cjs/components/Tabs/index.js +43 -10
  369. package/styled-components/cjs/components/Tabs/tokens.js +12 -4
  370. package/{emotion/cjs/components/Tabs/ui/TabItem/TabItem.js → styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +19 -15
  371. package/styled-components/cjs/components/Tabs/ui/{TabItem/TabItem.styles.js → horizontal/HorizontalTabItem/HorizontalTabItem.styles.js} +10 -7
  372. package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/base.js +2 -2
  373. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +4 -0
  374. package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/base.js +2 -2
  375. package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/base.js +1 -1
  376. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +10 -0
  377. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +8 -0
  378. package/{emotion/cjs/components/Tabs/ui/Tabs/Tabs.js → styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js} +16 -16
  379. package/styled-components/cjs/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +6 -6
  380. package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/base.js +1 -1
  381. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +4 -0
  382. package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/base.js +2 -2
  383. package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/base.js +1 -1
  384. package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/base.js +3 -3
  385. package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/base.js +1 -1
  386. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +1 -0
  387. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +129 -0
  388. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +33 -0
  389. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +9 -0
  390. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +4 -0
  391. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +9 -0
  392. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
  393. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +10 -0
  394. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +8 -0
  395. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +226 -0
  396. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +29 -0
  397. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +9 -0
  398. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +4 -0
  399. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +9 -0
  400. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
  401. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +9 -0
  402. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +1 -0
  403. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +8 -0
  404. package/styled-components/cjs/components/TextArea/TextArea.js +25 -18
  405. package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
  406. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +18 -2
  407. package/styled-components/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  408. package/styled-components/cjs/components/TextArea/variations/_clear/base.js +10 -0
  409. package/styled-components/cjs/components/TextArea/variations/_view/base.js +1 -1
  410. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +14 -3
  411. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +16 -3
  412. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +276 -30
  413. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{TabItem.config.js → horizontal/HorizontalTabItem.config.js} +5 -5
  414. package/styled-components/cjs/examples/{plasma_web/components/Tabs/Tabs.config.js → plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js} +1 -1
  415. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
  416. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +28 -0
  417. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  418. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
  419. package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.js +14 -3
  420. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.js +16 -3
  421. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +278 -30
  422. package/styled-components/cjs/examples/plasma_web/components/Tabs/{TabItem.config.js → horizontal/HorizontalTabItem.config.js} +5 -5
  423. package/styled-components/cjs/examples/{plasma_b2c/components/Tabs/Tabs.config.js → plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js} +1 -1
  424. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
  425. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +28 -0
  426. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
  427. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
  428. package/styled-components/cjs/mixins/index.js +0 -11
  429. package/styled-components/cjs/utils/index.js +1 -24
  430. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -5
  431. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +5 -48
  432. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +5 -16
  433. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +1 -34
  434. package/styled-components/es/components/Slider/Slider.js +6 -18
  435. package/styled-components/es/components/Slider/components/Double/Double.js +3 -21
  436. package/styled-components/es/components/Slider/components/Single/Single.js +9 -30
  437. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +1 -5
  438. package/styled-components/es/components/Slider/components/index.js +0 -1
  439. package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +86 -21
  440. package/styled-components/es/components/Tabs/createTabsController.js +2 -1
  441. package/styled-components/es/components/Tabs/index.js +5 -2
  442. package/styled-components/es/components/Tabs/tokens.js +12 -4
  443. package/{emotion/es/components/Tabs/ui/TabItem/TabItem.js → styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +15 -11
  444. package/styled-components/es/components/Tabs/ui/{TabItem/TabItem.styles.js → horizontal/HorizontalTabItem/HorizontalTabItem.styles.js} +9 -6
  445. package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/base.js +2 -2
  446. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +4 -0
  447. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +3 -0
  448. package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/base.js +1 -1
  449. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +4 -0
  450. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +8 -0
  451. package/styled-components/es/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +10 -10
  452. package/styled-components/es/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +6 -6
  453. package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/base.js +1 -1
  454. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +4 -0
  455. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +3 -0
  456. package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/base.js +1 -1
  457. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +4 -0
  458. package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/base.js +1 -1
  459. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +1 -0
  460. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +120 -0
  461. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +25 -0
  462. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +3 -0
  463. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +4 -0
  464. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +3 -0
  465. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
  466. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +4 -0
  467. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +8 -0
  468. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +217 -0
  469. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +21 -0
  470. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +3 -0
  471. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +4 -0
  472. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +3 -0
  473. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
  474. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +3 -0
  475. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +1 -0
  476. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabsContext.js +2 -0
  477. package/styled-components/es/components/TextArea/TextArea.js +24 -17
  478. package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +29 -0
  479. package/styled-components/es/components/TextArea/TextArea.tokens.js +18 -2
  480. package/styled-components/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  481. package/styled-components/es/components/TextArea/variations/_clear/base.js +4 -0
  482. package/styled-components/es/components/TextArea/variations/_view/base.js +1 -1
  483. package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.js +14 -4
  484. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.js +16 -4
  485. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +276 -30
  486. package/styled-components/es/examples/{plasma_web/components/Tabs/TabItem.config.js → plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js} +5 -5
  487. package/styled-components/es/examples/plasma_b2c/components/Tabs/{Tabs.config.js → horizontal/HorizontalTabs.config.js} +1 -1
  488. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
  489. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +22 -0
  490. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  491. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
  492. package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.js +14 -4
  493. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.js +16 -4
  494. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +278 -30
  495. package/styled-components/es/examples/{plasma_b2c/components/Tabs/TabItem.config.js → plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js} +5 -5
  496. package/styled-components/es/examples/plasma_web/components/Tabs/{Tabs.config.js → horizontal/HorizontalTabs.config.js} +1 -1
  497. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
  498. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +22 -0
  499. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
  500. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
  501. package/styled-components/es/mixins/index.js +1 -2
  502. package/styled-components/es/utils/index.js +0 -2
  503. package/types/components/DatePicker/DatePickerBase.styles.d.ts +0 -1
  504. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  505. package/types/components/DatePicker/DatePickerBase.types.d.ts +0 -7
  506. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  507. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +0 -14
  508. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  509. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +0 -14
  510. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
  511. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  512. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +0 -14
  513. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
  514. package/types/components/DatePicker/hooks/useDatePicker.d.ts +1 -1
  515. package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
  516. package/types/components/Slider/Slider.d.ts.map +1 -1
  517. package/types/components/Slider/Slider.types.d.ts +2 -2
  518. package/types/components/Slider/Slider.types.d.ts.map +1 -1
  519. package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
  520. package/types/components/Slider/components/Double/Double.types.d.ts +0 -2
  521. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
  522. package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
  523. package/types/components/Slider/components/Single/Single.types.d.ts +5 -35
  524. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
  525. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +0 -1
  526. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -1
  527. package/types/components/Slider/components/index.d.ts +0 -2
  528. package/types/components/Slider/components/index.d.ts.map +1 -1
  529. package/types/components/Tabs/TabItem.types.d.ts +96 -0
  530. package/types/components/Tabs/TabItem.types.d.ts.map +1 -0
  531. package/types/components/Tabs/{ui/Tabs/Tabs.types.d.ts → Tabs.types.d.ts} +42 -11
  532. package/types/components/Tabs/Tabs.types.d.ts.map +1 -0
  533. package/types/components/Tabs/createTabsController.d.ts +4 -3
  534. package/types/components/Tabs/createTabsController.d.ts.map +1 -1
  535. package/types/components/Tabs/index.d.ts +7 -4
  536. package/types/components/Tabs/index.d.ts.map +1 -1
  537. package/types/components/Tabs/tokens.d.ts +12 -4
  538. package/types/components/Tabs/tokens.d.ts.map +1 -1
  539. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +29 -0
  540. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -0
  541. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts +7 -0
  542. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -0
  543. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.d.ts.map +1 -0
  544. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.d.ts.map +1 -0
  545. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.d.ts.map +1 -0
  546. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.d.ts.map +1 -0
  547. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +34 -0
  548. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +1 -0
  549. package/types/components/Tabs/ui/{Tabs/Tabs.styles.d.ts → horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts} +1 -1
  550. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +1 -0
  551. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.d.ts.map +1 -0
  552. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.d.ts.map +1 -0
  553. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.d.ts.map +1 -0
  554. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.d.ts.map +1 -0
  555. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.d.ts.map +1 -0
  556. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +26 -0
  557. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -0
  558. package/types/components/Tabs/ui/{TabItem/TabItem.styles.d.ts → vertical/VerticalTabItem/VerticalTabItem.styles.d.ts} +2 -1
  559. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -0
  560. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts +2 -0
  561. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts.map +1 -0
  562. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts +2 -0
  563. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts.map +1 -0
  564. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts +2 -0
  565. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts.map +1 -0
  566. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +27 -0
  567. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +1 -0
  568. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts +8 -0
  569. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +1 -0
  570. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts +2 -0
  571. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts.map +1 -0
  572. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts +2 -0
  573. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts.map +1 -0
  574. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts +2 -0
  575. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts.map +1 -0
  576. package/types/components/Tabs/ui/vertical/VerticalTabsContext.d.ts +3 -0
  577. package/types/components/Tabs/ui/vertical/VerticalTabsContext.d.ts.map +1 -0
  578. package/types/components/TextArea/TextArea.d.ts +4 -0
  579. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  580. package/types/components/TextArea/TextArea.tokens.d.ts +16 -0
  581. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  582. package/types/components/TextArea/TextArea.types.d.ts +15 -3
  583. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  584. package/types/components/TextArea/mixins/applyDynamicLabel.d.ts.map +1 -1
  585. package/types/components/TextArea/variations/_clear/base.d.ts +2 -0
  586. package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -0
  587. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +0 -7
  588. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
  589. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +1 -47
  590. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
  591. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +2 -25
  592. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
  593. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +2 -27
  594. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
  595. package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map +1 -1
  596. package/types/examples/plasma_b2c/components/Tabs/{TabItem.config.d.ts → horizontal/HorizontalTabItem.config.d.ts} +1 -1
  597. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -0
  598. package/types/examples/{plasma_web/components/Tabs/Tabs.config.d.ts → plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts} +1 -1
  599. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -0
  600. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +21 -0
  601. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -0
  602. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts +21 -0
  603. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts.map +1 -0
  604. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +3 -0
  605. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
  606. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +81 -0
  607. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  608. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +0 -7
  609. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
  610. package/types/examples/plasma_web/components/Slider/Slider.d.ts +1 -47
  611. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
  612. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +2 -25
  613. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
  614. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +2 -27
  615. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
  616. package/types/examples/plasma_web/components/Tabs/TabsController.d.ts.map +1 -1
  617. package/types/examples/plasma_web/components/Tabs/{TabItem.config.d.ts → horizontal/HorizontalTabItem.config.d.ts} +1 -1
  618. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -0
  619. package/types/examples/{plasma_b2c/components/Tabs/Tabs.config.d.ts → plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts} +1 -1
  620. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -0
  621. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts +21 -0
  622. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -0
  623. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts +21 -0
  624. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts.map +1 -0
  625. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +3 -0
  626. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
  627. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +81 -0
  628. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
  629. package/types/mixins/index.d.ts +0 -1
  630. package/types/mixins/index.d.ts.map +1 -1
  631. package/types/utils/index.d.ts +0 -2
  632. package/types/utils/index.d.ts.map +1 -1
  633. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -100
  634. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
  635. package/cjs/components/Tabs/ui/TabItem/TabItem.css +0 -12
  636. package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +0 -1
  637. package/cjs/components/Tabs/ui/TabItem/TabItem.styles.js.map +0 -1
  638. package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +0 -1
  639. package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +0 -1
  640. package/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +0 -1
  641. package/cjs/components/Tabs/ui/TabItem/variations/_size/base.js.map +0 -1
  642. package/cjs/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +0 -1
  643. package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js.map +0 -1
  644. package/cjs/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +0 -1
  645. package/cjs/components/Tabs/ui/Tabs/Tabs.css +0 -16
  646. package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +0 -1
  647. package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +0 -1
  648. package/cjs/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +0 -4
  649. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -9
  650. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +0 -1
  651. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +0 -1
  652. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -9
  653. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +0 -1
  654. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +0 -1
  655. package/cjs/components/Tabs/ui/Tabs/variations/_size/base.js.map +0 -1
  656. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -9
  657. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +0 -1
  658. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +0 -1
  659. package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +0 -9
  660. package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js.map +0 -1
  661. package/cjs/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +0 -1
  662. package/cjs/components/TextArea/variations/_view/base_8npjyq.css +0 -1
  663. package/cjs/mixins/applyHidden.js +0 -10
  664. package/cjs/mixins/applyHidden.js.map +0 -1
  665. package/cjs/utils/noop.js +0 -10
  666. package/cjs/utils/noop.js.map +0 -1
  667. package/cjs/utils/setRefList.js +0 -29
  668. package/cjs/utils/setRefList.js.map +0 -1
  669. package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -104
  670. package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
  671. package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.styles.js +0 -39
  672. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js +0 -9
  673. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js +0 -9
  674. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_size/base.js +0 -9
  675. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +0 -10
  676. package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +0 -55
  677. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -9
  678. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -9
  679. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_size/base.js +0 -9
  680. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -10
  681. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +0 -9
  682. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +0 -39
  683. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +0 -41
  684. package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +0 -39
  685. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +0 -41
  686. package/emotion/cjs/mixins/applyHidden.js +0 -9
  687. package/emotion/cjs/types/FormType.js +0 -5
  688. package/emotion/cjs/utils/noop.js +0 -9
  689. package/emotion/cjs/utils/setRefList.js +0 -28
  690. package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -95
  691. package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
  692. package/emotion/es/components/Tabs/ui/TabItem/TabItem.styles.js +0 -32
  693. package/emotion/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +0 -3
  694. package/emotion/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +0 -3
  695. package/emotion/es/components/Tabs/ui/TabItem/variations/_size/base.js +0 -3
  696. package/emotion/es/components/Tabs/ui/TabItem/variations/_view/base.js +0 -4
  697. package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +0 -48
  698. package/emotion/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -3
  699. package/emotion/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -3
  700. package/emotion/es/components/Tabs/ui/Tabs/variations/_size/base.js +0 -3
  701. package/emotion/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -4
  702. package/emotion/es/components/Tabs/ui/Tabs/variations/_view/base.js +0 -3
  703. package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +0 -33
  704. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +0 -35
  705. package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +0 -33
  706. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +0 -35
  707. package/emotion/es/mixins/applyHidden.js +0 -3
  708. package/emotion/es/types/FormType.js +0 -1
  709. package/emotion/es/utils/noop.js +0 -3
  710. package/emotion/es/utils/setRefList.js +0 -21
  711. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -96
  712. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
  713. package/es/components/Tabs/ui/TabItem/TabItem.css +0 -12
  714. package/es/components/Tabs/ui/TabItem/TabItem.js.map +0 -1
  715. package/es/components/Tabs/ui/TabItem/TabItem.styles.js +0 -22
  716. package/es/components/Tabs/ui/TabItem/TabItem.styles.js.map +0 -1
  717. package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +0 -5
  718. package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +0 -1
  719. package/es/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +0 -1
  720. package/es/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +0 -1
  721. package/es/components/Tabs/ui/TabItem/variations/_size/base.js.map +0 -1
  722. package/es/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +0 -1
  723. package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +0 -1
  724. package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +0 -1
  725. package/es/components/Tabs/ui/Tabs/Tabs.css +0 -16
  726. package/es/components/Tabs/ui/Tabs/Tabs.js.map +0 -1
  727. package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +0 -1
  728. package/es/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +0 -4
  729. package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -5
  730. package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +0 -1
  731. package/es/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +0 -1
  732. package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -5
  733. package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +0 -1
  734. package/es/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +0 -1
  735. package/es/components/Tabs/ui/Tabs/variations/_size/base.js.map +0 -1
  736. package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -5
  737. package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +0 -1
  738. package/es/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +0 -1
  739. package/es/components/Tabs/ui/Tabs/variations/_view/base.js +0 -5
  740. package/es/components/Tabs/ui/Tabs/variations/_view/base.js.map +0 -1
  741. package/es/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +0 -1
  742. package/es/components/TextArea/variations/_view/base_8npjyq.css +0 -1
  743. package/es/mixins/applyHidden.js +0 -6
  744. package/es/mixins/applyHidden.js.map +0 -1
  745. package/es/utils/noop.js +0 -6
  746. package/es/utils/noop.js.map +0 -1
  747. package/es/utils/setRefList.js +0 -24
  748. package/es/utils/setRefList.js.map +0 -1
  749. package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -104
  750. package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
  751. package/styled-components/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +0 -10
  752. package/styled-components/cjs/mixins/applyHidden.js +0 -9
  753. package/styled-components/cjs/types/FormType.js +0 -5
  754. package/styled-components/cjs/utils/noop.js +0 -9
  755. package/styled-components/cjs/utils/setRefList.js +0 -28
  756. package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -95
  757. package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
  758. package/styled-components/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +0 -3
  759. package/styled-components/es/components/Tabs/ui/TabItem/variations/_view/base.js +0 -4
  760. package/styled-components/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -3
  761. package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -4
  762. package/styled-components/es/mixins/applyHidden.js +0 -3
  763. package/styled-components/es/types/FormType.js +0 -1
  764. package/styled-components/es/utils/noop.js +0 -3
  765. package/styled-components/es/utils/setRefList.js +0 -21
  766. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +0 -4
  767. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +0 -1
  768. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +0 -40
  769. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +0 -1
  770. package/types/components/Tabs/ui/TabItem/TabItem.d.ts +0 -29
  771. package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +0 -1
  772. package/types/components/Tabs/ui/TabItem/TabItem.styles.d.ts.map +0 -1
  773. package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts +0 -54
  774. package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map +0 -1
  775. package/types/components/Tabs/ui/TabItem/variations/_disabled/base.d.ts.map +0 -1
  776. package/types/components/Tabs/ui/TabItem/variations/_pilled/base.d.ts.map +0 -1
  777. package/types/components/Tabs/ui/TabItem/variations/_size/base.d.ts.map +0 -1
  778. package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map +0 -1
  779. package/types/components/Tabs/ui/Tabs/Tabs.d.ts +0 -34
  780. package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +0 -1
  781. package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +0 -1
  782. package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +0 -1
  783. package/types/components/Tabs/ui/Tabs/variations/_disabled/base.d.ts.map +0 -1
  784. package/types/components/Tabs/ui/Tabs/variations/_pilled/base.d.ts.map +0 -1
  785. package/types/components/Tabs/ui/Tabs/variations/_size/base.d.ts.map +0 -1
  786. package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +0 -1
  787. package/types/components/Tabs/ui/Tabs/variations/_view/base.d.ts.map +0 -1
  788. package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +0 -1
  789. package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +0 -1
  790. package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +0 -1
  791. package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +0 -1
  792. package/types/mixins/applyHidden.d.ts +0 -2
  793. package/types/mixins/applyHidden.d.ts.map +0 -1
  794. package/types/types/FormType.d.ts +0 -13
  795. package/types/types/FormType.d.ts.map +0 -1
  796. package/types/utils/noop.d.ts +0 -4
  797. package/types/utils/noop.d.ts.map +0 -1
  798. package/types/utils/setRefList.d.ts +0 -6
  799. package/types/utils/setRefList.d.ts.map +0 -1
  800. /package/emotion/cjs/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
  801. /package/emotion/cjs/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
  802. /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/tokens.json +0 -0
  803. /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
  804. /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
  805. /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_view/tokens.json +0 -0
  806. /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/tokens.json +0 -0
  807. /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
  808. /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
  809. /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
  810. /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/tokens.json +0 -0
  811. /package/emotion/{es/components/Tabs/ui/TabItem → cjs/components/Tabs/ui/vertical/VerticalTabItem}/variations/_disabled/tokens.json +0 -0
  812. /package/emotion/{es/components/Tabs/ui/TabItem → cjs/components/Tabs/ui/vertical/VerticalTabItem}/variations/_view/tokens.json +0 -0
  813. /package/emotion/{es/components/Tabs/ui/Tabs → cjs/components/Tabs/ui/vertical/VerticalTabs}/variations/_disabled/tokens.json +0 -0
  814. /package/emotion/{es/components/Tabs/ui/Tabs → cjs/components/Tabs/ui/vertical/VerticalTabs}/variations/_view/tokens.json +0 -0
  815. /package/emotion/es/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
  816. /package/emotion/es/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
  817. /package/{styled-components/cjs/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem}/variations/_disabled/tokens.json +0 -0
  818. /package/emotion/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
  819. /package/emotion/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
  820. /package/{styled-components/cjs/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem}/variations/_view/tokens.json +0 -0
  821. /package/{styled-components/cjs/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/horizontal/HorizontalTabs}/variations/_disabled/tokens.json +0 -0
  822. /package/emotion/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
  823. /package/emotion/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
  824. /package/emotion/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
  825. /package/{styled-components/cjs/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/horizontal/HorizontalTabs}/variations/_view/tokens.json +0 -0
  826. /package/{styled-components/es/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/vertical/VerticalTabItem}/variations/_disabled/tokens.json +0 -0
  827. /package/{styled-components/es/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/vertical/VerticalTabItem}/variations/_view/tokens.json +0 -0
  828. /package/{styled-components/es/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/vertical/VerticalTabs}/variations/_disabled/tokens.json +0 -0
  829. /package/{styled-components/es/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/vertical/VerticalTabs}/variations/_view/tokens.json +0 -0
  830. /package/styled-components/cjs/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
  831. /package/styled-components/cjs/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
  832. /package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
  833. /package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
  834. /package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
  835. /package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
  836. /package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
  837. /package/styled-components/es/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
  838. /package/styled-components/es/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
  839. /package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
  840. /package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
  841. /package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
  842. /package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
  843. /package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
  844. /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/base.d.ts +0 -0
  845. /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/base.d.ts +0 -0
  846. /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/base.d.ts +0 -0
  847. /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_view/base.d.ts +0 -0
  848. /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/base.d.ts +0 -0
  849. /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/base.d.ts +0 -0
  850. /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/base.d.ts +0 -0
  851. /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/base.d.ts +0 -0
  852. /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/base.d.ts +0 -0
@@ -0,0 +1,215 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React, { forwardRef, useState, useMemo, useRef, useCallback, useEffect } from 'react';
3
+ import { safeUseId } from '@salutejs/plasma-core';
4
+ import { classes, tokens } from '../../../tokens.js';
5
+ import { cx } from '../../../../../utils/index.js';
6
+ import { TabItemRefs, TabsContext } from '../../../TabsContext.js';
7
+ import { IconDisclosureLeft } from '../../../../_Icon/Icons/IconDisclosureLeft.js';
8
+ import { IconDisclosureRight } from '../../../../_Icon/Icons/IconDisclosureRight.js';
9
+ import '@linaria/react';
10
+ import { StyledContentWrapper, StyledContent, base, StyledArrow } from './VerticalTabs.styles.js';
11
+ import { base as base$1 } from './variations/_size/base.js';
12
+ import { base as base$2 } from './variations/_view/base.js';
13
+ import { base as base$3 } from './variations/_disabled/base.js';
14
+
15
+ var _excluded = ["id", "disabled", "clip", "size", "view", "children", "index", "className", "orientation", "hasDivider"];
16
+ var Keys = /*#__PURE__*/function (Keys) {
17
+ Keys[Keys["end"] = 35] = "end";
18
+ Keys[Keys["home"] = 36] = "home";
19
+ Keys[Keys["up"] = 38] = "up";
20
+ Keys[Keys["down"] = 40] = "down";
21
+ return Keys;
22
+ }(Keys || {});
23
+ var verticalTabsRoot = function verticalTabsRoot(Root) {
24
+ return /*#__PURE__*/forwardRef(function (props, outerRef) {
25
+ var id = props.id,
26
+ _props$disabled = props.disabled,
27
+ disabled = _props$disabled === void 0 ? false : _props$disabled,
28
+ _props$clip = props.clip,
29
+ clip = _props$clip === void 0 ? 'showAll' : _props$clip,
30
+ size = props.size,
31
+ view = props.view,
32
+ children = props.children,
33
+ index = props.index,
34
+ className = props.className,
35
+ orientation = props.orientation,
36
+ _props$hasDivider = props.hasDivider,
37
+ hasDivider = _props$hasDivider === void 0 ? true : _props$hasDivider,
38
+ rest = _objectWithoutProperties(props, _excluded);
39
+ var _useState = useState(true),
40
+ _useState2 = _slicedToArray(_useState, 2),
41
+ firstItemVisible = _useState2[0],
42
+ setFirstItemVisible = _useState2[1];
43
+ var _useState3 = useState(true),
44
+ _useState4 = _slicedToArray(_useState3, 2),
45
+ lastItemVisible = _useState4[0],
46
+ setLastItemVisible = _useState4[1];
47
+ var refs = useMemo(function () {
48
+ return new TabItemRefs(index);
49
+ }, []);
50
+ var uniqId = safeUseId();
51
+ var tabsId = id || uniqId;
52
+ var noDividerClass = !hasDivider ? classes.tabsNoDivider : undefined;
53
+ var hasTopArrowClass = !firstItemVisible ? classes.tabsHasTopArrow : undefined;
54
+ var hasBottomArrowClass = !lastItemVisible ? classes.tabsHasBottomArrow : undefined;
55
+ var clipScrollClass = clip === 'scroll' ? classes.tabsClipScroll : undefined;
56
+ var clipShowAllClass = clip === 'showAll' ? classes.tabsClipShowAll : undefined;
57
+ var scrollRef = useRef(null);
58
+ var trackRef = useRef(null);
59
+ var upArrowRef = useRef(null);
60
+ var onPrev = useCallback(function () {
61
+ var _firstOverflowingTab$;
62
+ if (disabled || !scrollRef.current) {
63
+ return;
64
+ }
65
+ var scrollTop = Math.round(scrollRef.current.scrollTop);
66
+ var firstOverflowingTab = refs.items.slice().reverse().find(function (item) {
67
+ if (!item.current || item.current.offsetTop === undefined) {
68
+ return;
69
+ }
70
+ var tabStartY = item.current.offsetTop;
71
+ return tabStartY < scrollTop;
72
+ });
73
+ firstOverflowingTab === null || firstOverflowingTab === void 0 || (_firstOverflowingTab$ = firstOverflowingTab.current) === null || _firstOverflowingTab$ === void 0 || _firstOverflowingTab$.scrollIntoView({
74
+ block: 'nearest',
75
+ inline: 'nearest'
76
+ });
77
+ }, [disabled, scrollRef, refs]);
78
+ var onNext = useCallback(function () {
79
+ var _lastOverflowingTab$c;
80
+ if (disabled || !scrollRef.current) {
81
+ return;
82
+ }
83
+ var scrollBottom = Math.round(scrollRef.current.scrollTop + scrollRef.current.clientHeight);
84
+ var lastOverflowingTab = refs.items.find(function (item) {
85
+ if (!item.current || item.current.offsetTop === undefined) {
86
+ return;
87
+ }
88
+ var tabEndY = item.current.offsetTop + item.current.offsetHeight;
89
+ return tabEndY > scrollBottom;
90
+ });
91
+ lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c = lastOverflowingTab.current) === null || _lastOverflowingTab$c === void 0 || _lastOverflowingTab$c.scrollIntoView({
92
+ block: 'nearest',
93
+ inline: 'nearest'
94
+ });
95
+ }, [disabled, scrollRef, refs]);
96
+ var PreviousButton = /*#__PURE__*/React.createElement(StyledArrow, {
97
+ type: "button",
98
+ "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0442\u0430\u0431",
99
+ onClick: onPrev,
100
+ tabIndex: disabled ? -1 : 0,
101
+ disabled: disabled,
102
+ ref: upArrowRef
103
+ }, /*#__PURE__*/React.createElement(IconDisclosureLeft, {
104
+ color: "var(".concat(tokens.arrowColor, ")")
105
+ }));
106
+ var NextButton = /*#__PURE__*/React.createElement(StyledArrow, {
107
+ type: "button",
108
+ "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0442\u0430\u0431",
109
+ onClick: onNext,
110
+ tabIndex: disabled ? -1 : 0,
111
+ disabled: disabled
112
+ }, /*#__PURE__*/React.createElement(IconDisclosureRight, {
113
+ color: "var(".concat(tokens.arrowColor, ")")
114
+ }));
115
+ var handleScroll = useCallback(function (event) {
116
+ event.stopPropagation();
117
+ var maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;
118
+ var scrollTop = Math.round(event.currentTarget.scrollTop);
119
+ setFirstItemVisible(scrollTop <= 0);
120
+ setLastItemVisible(scrollTop >= maxScrollTop);
121
+ }, [setFirstItemVisible, setLastItemVisible]);
122
+ var onKeyDown = useCallback(function (event) {
123
+ if (index === undefined) {
124
+ return;
125
+ }
126
+ var minIndex = 0;
127
+ var maxIndex = refs.items.length - 1;
128
+ var nextIndex;
129
+ switch (event.keyCode) {
130
+ case Keys.end:
131
+ nextIndex = maxIndex;
132
+ break;
133
+ case Keys.up:
134
+ nextIndex = index > minIndex ? index - 1 : index;
135
+ break;
136
+ case Keys.down:
137
+ nextIndex = index < maxIndex ? index + 1 : index;
138
+ break;
139
+ case Keys.home:
140
+ nextIndex = minIndex;
141
+ break;
142
+ default:
143
+ return;
144
+ }
145
+ if (nextIndex !== index) {
146
+ var _refs$items$nextIndex, _refs$items$nextIndex2;
147
+ event.preventDefault();
148
+ (_refs$items$nextIndex = refs.items[nextIndex].current) === null || _refs$items$nextIndex === void 0 || _refs$items$nextIndex.focus();
149
+ (_refs$items$nextIndex2 = refs.items[nextIndex].current) === null || _refs$items$nextIndex2 === void 0 || _refs$items$nextIndex2.scrollIntoView({
150
+ block: 'nearest',
151
+ inline: 'nearest',
152
+ behavior: 'smooth'
153
+ });
154
+ }
155
+ }, [index]);
156
+ useEffect(function () {
157
+ var _scrollRef$current, _scrollRef$current2;
158
+ setLastItemVisible(((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollHeight) === ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientHeight));
159
+ }, []);
160
+
161
+ // Этот хук компенсирует появление верхней стрелки при прокрутке
162
+ useEffect(function () {
163
+ if (firstItemVisible || !scrollRef.current || !upArrowRef.current) {
164
+ return;
165
+ }
166
+ scrollRef.current.scrollTo({
167
+ top: Math.round(scrollRef.current.scrollTop + upArrowRef.current.clientHeight)
168
+ });
169
+ }, [firstItemVisible, scrollRef, upArrowRef]);
170
+ return /*#__PURE__*/React.createElement(TabsContext.Provider, {
171
+ value: refs
172
+ }, /*#__PURE__*/React.createElement(Root, _extends({
173
+ view: view,
174
+ role: "tablist",
175
+ size: size,
176
+ id: tabsId,
177
+ ref: outerRef,
178
+ disabled: disabled,
179
+ className: cx(hasTopArrowClass, hasBottomArrowClass, noDividerClass, className),
180
+ onKeyDown: onKeyDown,
181
+ orientation: orientation
182
+ }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/React.createElement(StyledContentWrapper, {
183
+ className: cx(clipScrollClass, clipShowAllClass),
184
+ ref: scrollRef,
185
+ onScroll: handleScroll
186
+ }, /*#__PURE__*/React.createElement(StyledContent, {
187
+ ref: trackRef
188
+ }, children)), !lastItemVisible && NextButton));
189
+ });
190
+ };
191
+ var verticalTabsConfig = {
192
+ name: 'VerticalTabs',
193
+ tag: 'div',
194
+ layout: verticalTabsRoot,
195
+ base: base,
196
+ variations: {
197
+ size: {
198
+ css: base$1
199
+ },
200
+ view: {
201
+ css: base$2
202
+ },
203
+ disabled: {
204
+ css: base$3,
205
+ attrs: true
206
+ }
207
+ },
208
+ defaults: {
209
+ view: 'divider',
210
+ size: 'xs'
211
+ }
212
+ };
213
+
214
+ export { verticalTabsConfig, verticalTabsRoot };
215
+ //# sourceMappingURL=VerticalTabs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VerticalTabs.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef, KeyboardEvent } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../../engines/types';\nimport { classes, tokens } from '../../../tokens';\nimport { cx } from '../../../../../utils';\nimport { TabItemRefs, TabsContext } from '../../../TabsContext';\nimport type { VerticalTabsProps } from '../../../Tabs.types';\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../../_Icon';\n\nimport { base, StyledArrow, StyledContent, StyledContentWrapper } from './VerticalTabs.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nenum Keys {\n end = 35,\n home = 36,\n up = 38,\n down = 40,\n}\n\nexport const verticalTabsRoot = (Root: RootProps<HTMLDivElement, VerticalTabsProps>) =>\n forwardRef<HTMLDivElement, VerticalTabsProps>((props, outerRef) => {\n const {\n id,\n disabled = false,\n clip = 'showAll',\n size,\n view,\n children,\n index,\n className,\n orientation,\n hasDivider = true,\n ...rest\n } = props;\n\n const [firstItemVisible, setFirstItemVisible] = useState(true);\n const [lastItemVisible, setLastItemVisible] = useState(true);\n\n const refs = useMemo(() => new TabItemRefs(index), []);\n\n const uniqId = safeUseId();\n const tabsId = id || uniqId;\n\n const noDividerClass = !hasDivider ? classes.tabsNoDivider : undefined;\n const hasTopArrowClass = !firstItemVisible ? classes.tabsHasTopArrow : undefined;\n const hasBottomArrowClass = !lastItemVisible ? classes.tabsHasBottomArrow : undefined;\n const clipScrollClass = clip === 'scroll' ? classes.tabsClipScroll : undefined;\n const clipShowAllClass = clip === 'showAll' ? classes.tabsClipShowAll : undefined;\n\n const scrollRef = useRef<HTMLElement | null>(null);\n const trackRef = useRef<HTMLElement | null>(null);\n const upArrowRef = useRef<HTMLButtonElement | null>(null);\n\n const onPrev = useCallback(() => {\n if (disabled || !scrollRef.current) {\n return;\n }\n\n const scrollTop = Math.round(scrollRef.current.scrollTop);\n const firstOverflowingTab = refs.items\n .slice()\n .reverse()\n .find((item: MutableRefObject<HTMLElement | null>) => {\n if (!item.current || item.current.offsetTop === undefined) {\n return;\n }\n const tabStartY = item.current.offsetTop;\n\n return tabStartY < scrollTop;\n });\n\n firstOverflowingTab?.current?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }, [disabled, scrollRef, refs]);\n\n const onNext = useCallback(() => {\n if (disabled || !scrollRef.current) {\n return;\n }\n\n const scrollBottom = Math.round(scrollRef.current.scrollTop + scrollRef.current.clientHeight);\n const lastOverflowingTab = refs.items.find((item: MutableRefObject<HTMLElement | null>) => {\n if (!item.current || item.current.offsetTop === undefined) {\n return;\n }\n const tabEndY = item.current.offsetTop + item.current.offsetHeight;\n\n return tabEndY > scrollBottom;\n });\n\n lastOverflowingTab?.current?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }, [disabled, scrollRef, refs]);\n\n const PreviousButton = (\n <StyledArrow\n type=\"button\"\n aria-label=\"Предыдущий таб\"\n onClick={onPrev}\n tabIndex={disabled ? -1 : 0}\n disabled={disabled}\n ref={upArrowRef}\n >\n <IconDisclosureLeft color={`var(${tokens.arrowColor})`} />\n </StyledArrow>\n );\n\n const NextButton = (\n <StyledArrow\n type=\"button\"\n aria-label=\"Следующий таб\"\n onClick={onNext}\n tabIndex={disabled ? -1 : 0}\n disabled={disabled}\n >\n <IconDisclosureRight color={`var(${tokens.arrowColor})`} />\n </StyledArrow>\n );\n\n const handleScroll = useCallback(\n (event: React.UIEvent<HTMLElement>): void => {\n event.stopPropagation();\n const maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;\n const scrollTop = Math.round(event.currentTarget.scrollTop);\n\n setFirstItemVisible(scrollTop <= 0);\n setLastItemVisible(scrollTop >= maxScrollTop);\n },\n [setFirstItemVisible, setLastItemVisible],\n );\n\n const onKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n if (index === undefined) {\n return;\n }\n\n const minIndex = 0;\n const maxIndex = refs.items.length - 1;\n let nextIndex: number;\n\n switch (event.keyCode) {\n case Keys.end:\n nextIndex = maxIndex;\n break;\n case Keys.up:\n nextIndex = index > minIndex ? index - 1 : index;\n break;\n case Keys.down:\n nextIndex = index < maxIndex ? index + 1 : index;\n break;\n case Keys.home:\n nextIndex = minIndex;\n break;\n default:\n return;\n }\n\n if (nextIndex !== index) {\n event.preventDefault();\n refs.items[nextIndex].current?.focus();\n refs.items[nextIndex].current?.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n behavior: 'smooth',\n });\n }\n },\n [index],\n );\n\n useEffect(() => {\n setLastItemVisible(scrollRef.current?.scrollHeight === scrollRef.current?.clientHeight);\n }, []);\n\n // Этот хук компенсирует появление верхней стрелки при прокрутке\n useEffect(() => {\n if (firstItemVisible || !scrollRef.current || !upArrowRef.current) {\n return;\n }\n\n scrollRef.current.scrollTo({\n top: Math.round(scrollRef.current.scrollTop + upArrowRef.current.clientHeight),\n });\n }, [firstItemVisible, scrollRef, upArrowRef]);\n\n return (\n <TabsContext.Provider value={refs}>\n <Root\n view={view}\n role=\"tablist\"\n size={size}\n id={tabsId}\n ref={outerRef}\n disabled={disabled}\n className={cx(hasTopArrowClass, hasBottomArrowClass, noDividerClass, className)}\n onKeyDown={onKeyDown}\n orientation={orientation}\n {...rest}\n >\n {!firstItemVisible && PreviousButton}\n <StyledContentWrapper\n className={cx(clipScrollClass, clipShowAllClass)}\n ref={scrollRef as MutableRefObject<HTMLDivElement | null>}\n onScroll={handleScroll}\n >\n <StyledContent ref={trackRef as MutableRefObject<HTMLDivElement | null>}>\n {children}\n </StyledContent>\n </StyledContentWrapper>\n {!lastItemVisible && NextButton}\n </Root>\n </TabsContext.Provider>\n );\n });\n\nexport const verticalTabsConfig = {\n name: 'VerticalTabs',\n tag: 'div',\n layout: verticalTabsRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'divider',\n size: 'xs',\n },\n};\n"],"names":["Keys","verticalTabsRoot","Root","forwardRef","props","outerRef","id","_props$disabled","disabled","_props$clip","clip","size","view","children","index","className","orientation","_props$hasDivider","hasDivider","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","firstItemVisible","setFirstItemVisible","_useState3","_useState4","lastItemVisible","setLastItemVisible","refs","useMemo","TabItemRefs","uniqId","safeUseId","tabsId","noDividerClass","classes","tabsNoDivider","undefined","hasTopArrowClass","tabsHasTopArrow","hasBottomArrowClass","tabsHasBottomArrow","clipScrollClass","tabsClipScroll","clipShowAllClass","tabsClipShowAll","scrollRef","useRef","trackRef","upArrowRef","onPrev","useCallback","_firstOverflowingTab$","current","scrollTop","Math","round","firstOverflowingTab","items","slice","reverse","find","item","offsetTop","tabStartY","scrollIntoView","block","inline","onNext","_lastOverflowingTab$c","scrollBottom","clientHeight","lastOverflowingTab","tabEndY","offsetHeight","PreviousButton","React","createElement","StyledArrow","type","onClick","tabIndex","ref","IconDisclosureLeft","color","concat","tokens","arrowColor","NextButton","IconDisclosureRight","handleScroll","event","stopPropagation","maxScrollTop","currentTarget","scrollHeight","onKeyDown","minIndex","maxIndex","length","nextIndex","keyCode","end","up","down","home","_refs$items$nextIndex","_refs$items$nextIndex2","preventDefault","focus","behavior","useEffect","_scrollRef$current","_scrollRef$current2","scrollTo","top","TabsContext","Provider","value","_extends","role","cx","StyledContentWrapper","onScroll","StyledContent","verticalTabsConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
@@ -0,0 +1,22 @@
1
+ import './VerticalTabs.styles_1fr5ovg.css';
2
+ import { styled } from '@linaria/react';
3
+
4
+ var base = "b2r261u";
5
+ var StyledContent = /*#__PURE__*/styled('div')({
6
+ name: "StyledContent",
7
+ "class": "s1tfgc53",
8
+ propsAsIs: false
9
+ });
10
+ var StyledContentWrapper = /*#__PURE__*/styled('div')({
11
+ name: "StyledContentWrapper",
12
+ "class": "s16g9t9z",
13
+ propsAsIs: false
14
+ });
15
+ var StyledArrow = /*#__PURE__*/styled('button')({
16
+ name: "StyledArrow",
17
+ "class": "s81cx4",
18
+ propsAsIs: false
19
+ });
20
+
21
+ export { StyledArrow, StyledContent, StyledContentWrapper, base };
22
+ //# sourceMappingURL=VerticalTabs.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VerticalTabs.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const base = css`\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.125rem;\n align-items: center;\n`;\n\nexport const StyledContent = styled.div<{ hasDivider?: boolean }>`\n display: inline-flex;\n flex-direction: column;\n align-items: start;\n`;\n\nexport const StyledContentWrapper = styled.div`\n /* allows correctly display outline focus on tabs item */\n margin: -0.125rem;\n padding: 0.25rem;\n\n box-sizing: content-box;\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n\n z-index: 1;\n\n &.${classes.tabsClipScroll} {\n overflow: scroll;\n scroll-padding: 0.25rem;\n overscroll-behavior: contain;\n\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n\n ${StyledContent} {\n margin-top: auto;\n }\n }\n\n &.${classes.tabsClipShowAll} {\n overflow: visible;\n }\n`;\n\nexport const StyledArrow = styled.button`\n display: flex;\n cursor: pointer;\n border: none;\n background-color: transparent;\n padding: 0;\n outline: none;\n transform: rotate(90deg);\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.outlineFocusColor})`,\n outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)',\n })};\n\n &[disabled] {\n cursor: not-allowed;\n }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledContentWrapper","StyledArrow"],"mappings":";;AAMO,IAAMA,IAAI,GAMhB,UAAA;AAEM,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;AAEM,IAAMC,oBAAoB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgCzC,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBhC;;;;"}
@@ -0,0 +1,4 @@
1
+ .b2r261u{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
2
+ .s1tfgc53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}
3
+ .s16g9t9z{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.s16g9t9z.tabs-clip-scroll{overflow:scroll;-webkit-scroll-padding:0.25rem;-moz-scroll-padding:0.25rem;-ms-scroll-padding:0.25rem;scroll-padding:0.25rem;overscroll-behavior:contain;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.s16g9t9z.tabs-clip-scroll::-webkit-scrollbar{display:none;}.s16g9t9z.tabs-clip-scroll .s1tfgc53{margin-top:auto;}.s16g9t9z.tabs-clip-show-all{overflow:visible;}
4
+ .s81cx4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:relative;}.s81cx4::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s81cx4.focus-visible:focus::before,.s81cx4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.s81cx4[disabled]{cursor:not-allowed;}
@@ -0,0 +1,5 @@
1
+ import './base_do8935.css';
2
+ var base = "b1vdpmya";
3
+
4
+ export { base };
5
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../../../tokens';\n\nexport const base = css`\n opacity: var(${tokens.disabledOpacity});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAEhB;;;;"}
@@ -0,0 +1 @@
1
+ .b1vdpmya{opacity:var(--plasma-tabs-disabled-opacity);}
@@ -0,0 +1,5 @@
1
+ import './base_1sekozo.css';
2
+ var base = "b1t51iwr";
3
+
4
+ export { base };
5
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../../../tokens';\n\nexport const base = css`\n width: var(${tokens.tabsWidth});\n height: var(${tokens.tabsHeight});\n\n --plasma_private-outline-radius: var(${tokens.tabsBorderRadius});\n border-radius: var(${tokens.tabsBorderRadius});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAMhB;;;;"}
@@ -1 +1 @@
1
- .b12fajph{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
1
+ .b1t51iwr{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
@@ -0,0 +1,5 @@
1
+ import './base_rze03c.css';
2
+ var base = "bljnkat";
3
+
4
+ export { base };
5
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../../tokens';\n\nexport const base = css`\n background-color: var(${tokens.tabsBackgroundColor});\n\n &::after {\n content: '';\n position: absolute;\n top: 0.125rem;\n bottom: 0.125rem;\n left: 0;\n background: var(${tokens.tabsDividerColor});\n width: var(${tokens.tabsDividerWidth});\n border-radius: var(${tokens.tabsDividerBorderRadius});\n }\n\n &.${classes.tabsHasTopArrow} {\n &::after {\n top: 1.5rem;\n }\n }\n\n &.${classes.tabsHasBottomArrow} {\n &::after {\n bottom: 1.5rem;\n }\n }\n\n &.${classes.tabsNoDivider} {\n &::after {\n width: 0;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GA+BhB;;;;"}
@@ -0,0 +1 @@
1
+ .bljnkat{background-color:var(--plasma-tabs-background-color);}.bljnkat::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(--plasma-tabs-divider-color);width:var(--plasma-tabs-divider-width);border-radius:var(--plasma-tabs-divider-border-radius);}.bljnkat.tabs-has-top-arrow::after{top:1.5rem;}.bljnkat.tabs-has-bottom-arrow::after{bottom:1.5rem;}.bljnkat.tabs-no-divider::after{width:0;}
@@ -0,0 +1,6 @@
1
+ import { createContext } from 'react';
2
+
3
+ var VerticalTabsContext = /*#__PURE__*/createContext(null);
4
+
5
+ export { VerticalTabsContext };
6
+ //# sourceMappingURL=VerticalTabsContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VerticalTabsContext.js","sources":["../../../../../src/components/Tabs/ui/vertical/VerticalTabsContext.ts"],"sourcesContent":["import { createContext, ReactNode } from 'react';\n\nexport const VerticalTabsContext = createContext<ReactNode | null>(null);\n"],"names":["VerticalTabsContext","createContext"],"mappings":";;IAEaA,mBAAmB,gBAAGC,aAAa,CAAmB,IAAI;;;;"}
@@ -8,10 +8,10 @@ import { StyledLabel, StyledIndicator, StyledContainer, StyledContent, StyledTex
8
8
  import { classes } from './TextArea.tokens.js';
9
9
  import { base as base$2 } from './variations/_view/base.js';
10
10
  import { base as base$1 } from './variations/_size/base.js';
11
- import { base as base$3 } from './variations/_disabled/base.js';
12
- import { mergeRefs } from '../../utils/setRefList.js';
11
+ import { base as base$3 } from './variations/_clear/base.js';
12
+ import { base as base$4 } from './variations/_disabled/base.js';
13
13
 
14
- var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
14
+ var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "clear", "hasDivider", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
15
15
  var innerPlaceholderUp = classes.innerPlaceholderUp,
16
16
  focusedOuterPlaceholderColor = classes.focusedOuterPlaceholderColor,
17
17
  hidePlaceHolder = classes.hidePlaceHolder,
@@ -36,7 +36,6 @@ var getDynamicLabelClasses = function getDynamicLabelClasses(props, focused) {
36
36
  var readOnly = props.readOnly,
37
37
  label = props.label,
38
38
  labelPlacement = props.labelPlacement,
39
- autoResize = props.autoResize,
40
39
  rows = props.rows,
41
40
  value = props.value,
42
41
  size = props.size;
@@ -45,10 +44,10 @@ var getDynamicLabelClasses = function getDynamicLabelClasses(props, focused) {
45
44
  var withFocusedOuterUpPlaceholder = !readOnly && focused && (!label || labelPlacement === 'outer') ? focusedOuterPlaceholderColor : undefined;
46
45
 
47
46
  // Добавить класс отвечающий за поднятие и уменьшение плейсхолдера
48
- var withInnerPlaceholderUp = labelPlacement === 'inner' && label && !autoResize && !rows && size !== 'xs' && (!readOnly && (value || focused) || readOnly && value) ? innerPlaceholderUp : undefined;
47
+ var withInnerPlaceholderUp = labelPlacement === 'inner' && label && !rows && size !== 'xs' && (!readOnly && (value || focused) || readOnly && value) ? innerPlaceholderUp : undefined;
49
48
 
50
49
  // Добавить класс отвечающий за скрытие плейсхолдера
51
- var withHidePlaceholder = value && !label || labelPlacement === 'inner' && (focused && !readOnly || value) && label && (rows || autoResize) || labelPlacement === 'outer' && value || labelPlacement === 'inner' && size === 'xs' && value ? hidePlaceHolder : undefined;
50
+ var withHidePlaceholder = value && !label || labelPlacement === 'inner' && (focused && !readOnly || value) && label && rows || labelPlacement === 'outer' && value || labelPlacement === 'inner' && size === 'xs' && value ? hidePlaceHolder : undefined;
52
51
  return [withFocusedOuterUpPlaceholder, withInnerPlaceholderUp, withHidePlaceholder];
53
52
  };
54
53
  var textAreaRoot = function textAreaRoot(Root) {
@@ -79,6 +78,8 @@ var textAreaRoot = function textAreaRoot(Root) {
79
78
  requiredPlacement = _props$requiredPlacem === void 0 ? 'right' : _props$requiredPlacem,
80
79
  _props$optional = props.optional,
81
80
  optional = _props$optional === void 0 ? false : _props$optional,
81
+ clear = props.clear,
82
+ hasDivider = props.hasDivider,
82
83
  size = props.size,
83
84
  view = props.view,
84
85
  id = props.id,
@@ -101,7 +102,7 @@ var textAreaRoot = function textAreaRoot(Root) {
101
102
  _useState6 = _slicedToArray(_useState5, 2),
102
103
  uncontrolledValue = _useState6[0],
103
104
  setUncontrolledValue = _useState6[1];
104
- var outerRef = /*#__PURE__*/createRef();
105
+ var outerRef = innerRef && 'current' in innerRef ? innerRef : /*#__PURE__*/createRef();
105
106
  var innerOptional = required ? false : optional;
106
107
  var hasHelper = Boolean(leftHelper || rightHelper || helperText);
107
108
  var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
@@ -111,6 +112,9 @@ var textAreaRoot = function textAreaRoot(Root) {
111
112
  var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
112
113
  var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
113
114
  var placeholderLabel = hasInnerLabel ? label : placeholder;
115
+ var clearClass = clear ? classes.clear : undefined;
116
+ var hasRightContentClass = contentRight ? classes.hasRightContent : undefined;
117
+ var hasDividerClass = hasDivider ? classes.hasDivider : undefined;
114
118
  var requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;
115
119
  useResizeObserver(outerRef, function (currentElement) {
116
120
  var inlineWidth = currentElement.style.width;
@@ -120,7 +124,7 @@ var textAreaRoot = function textAreaRoot(Root) {
120
124
  setHelperWidth("".concat(elementWidth / ROOT_FONT_SIZE, "rem"));
121
125
  }
122
126
  });
123
- useAutoResize(autoResize, outerRef, value, minAuto, maxAuto);
127
+ useAutoResize(autoResize || Boolean(clear), outerRef, value, minAuto, maxAuto);
124
128
  var onFocusHandler = useCallback(function () {
125
129
  setFocused(true);
126
130
  }, []);
@@ -134,27 +138,25 @@ var textAreaRoot = function textAreaRoot(Root) {
134
138
  }
135
139
  onChange === null || onChange === void 0 || onChange(event);
136
140
  }, [value, onChange]);
137
- var dynamicLabelClasses = getDynamicLabelClasses(_objectSpread2({
141
+ var dynamicLabelClasses = getDynamicLabelClasses({
138
142
  size: size,
139
143
  readOnly: readOnly,
140
144
  label: label,
141
145
  labelPlacement: labelPlacement,
142
- value: value || uncontrolledValue || defaultValue
143
- }, rows ? {
146
+ value: value || uncontrolledValue || defaultValue,
144
147
  rows: rows
145
- } : {
146
- autoResize: autoResize
147
- }), focused);
148
+ }, focused);
148
149
  var optionalTextNode = innerOptional ? /*#__PURE__*/React.createElement(StyledOptionalText, null, Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\xa0', optionalText) : null;
149
150
  return /*#__PURE__*/React.createElement(Root, {
150
151
  view: overriddenView,
151
152
  size: size,
152
153
  disabled: disabled,
153
154
  readOnly: readOnly,
155
+ clear: clear,
154
156
  style: _objectSpread2({
155
157
  width: helperWidth
156
158
  }, style),
157
- className: className
159
+ className: cx(clearClass, hasDividerClass, className)
158
160
  }, hasOuterLabel && /*#__PURE__*/React.createElement(StyledLabel, null, required && /*#__PURE__*/React.createElement(StyledIndicator, {
159
161
  className: cx(classes.outerLabelPlacement, requiredPlacementClass)
160
162
  }), label, optionalTextNode), /*#__PURE__*/React.createElement(StyledContainer, {
@@ -168,14 +170,14 @@ var textAreaRoot = function textAreaRoot(Root) {
168
170
  className: styledTextAreaWrapper,
169
171
  hasHelper: hasHelper
170
172
  }, /*#__PURE__*/React.createElement(StyledTextArea, _extends({
171
- className: styledTextArea,
173
+ className: cx(styledTextArea, hasRightContentClass),
172
174
  id: id,
173
175
  hasContentRight: Boolean(contentRight),
174
176
  hasHelper: hasHelper,
175
177
  applyCustomWidth: applyCustomWidth,
176
- ref: mergeRefs(outerRef, innerRef),
178
+ ref: outerRef,
177
179
  disabled: disabled,
178
- height: autoResize ? minAuto : height,
180
+ height: autoResize || Boolean(clear) ? minAuto : height,
179
181
  width: width,
180
182
  placeholder: placeholderLabel,
181
183
  "aria-describedby": textareaHelperId,
@@ -208,10 +210,14 @@ var textAreaConfig = {
208
210
  view: {
209
211
  css: base$2
210
212
  },
211
- disabled: {
213
+ clear: {
212
214
  css: base$3,
213
215
  attrs: true
214
216
  },
217
+ disabled: {
218
+ css: base$4,
219
+ attrs: true
220
+ },
215
221
  readOnly: {
216
222
  attrs: true
217
223
  }
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useState, createRef, useCallback } from 'react';\nimport { css } from '@linaria/core';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { cx, mergeRefs } from '../../utils';\nimport type { RootProps } from '../../engines/types';\n\nimport { applyDynamicLabel } from './mixins';\nimport { useAutoResize, ROOT_FONT_SIZE } from './hooks';\nimport {\n StyledContent,\n StyledHelpers,\n StyledLeftHelper,\n StyledRightHelper,\n StyledLabel,\n StyledPlaceholder,\n StyledTextArea,\n StyledTextAreaWrapper,\n StyledContainer,\n StyledIndicator,\n StyledOptionalText,\n} from './TextArea.styles';\nimport { classes } from './TextArea.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { TextAreaProps } from './TextArea.types';\n\nconst {\n innerPlaceholderUp,\n focusedOuterPlaceholderColor,\n hidePlaceHolder,\n styledContainer,\n styledTextArea,\n styledTextAreaWrapper,\n styledPlaceholder,\n styledHelpers,\n} = classes;\n\nconst optionalText = 'optional';\n\nconst base = css`\n ${applyDynamicLabel};\n\n position: relative;\n box-sizing: border-box;\n`;\n\n// TODO: Удалить после отказа от старых библиотек plasma-web / plasma-b2c\nconst fallbackStatusMap = {\n '': 'primary',\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\n\n// TODO: Перенести этот метод в файл applyDynamicLabel.ts\nexport const getDynamicLabelClasses = (props: TextAreaProps, focused: boolean) => {\n const { readOnly, label, labelPlacement, autoResize, rows, value, size } = props;\n\n // Добавить класс отвечающий за изменение цвета плейсхолдера при фокусе\n const withFocusedOuterUpPlaceholder =\n !readOnly && focused && (!label || labelPlacement === 'outer') ? focusedOuterPlaceholderColor : undefined;\n\n // Добавить класс отвечающий за поднятие и уменьшение плейсхолдера\n const withInnerPlaceholderUp =\n labelPlacement === 'inner' &&\n label &&\n !autoResize &&\n !rows &&\n size !== 'xs' &&\n ((!readOnly && (value || focused)) || (readOnly && value))\n ? innerPlaceholderUp\n : undefined;\n\n // Добавить класс отвечающий за скрытие плейсхолдера\n const withHidePlaceholder =\n (value && !label) ||\n (labelPlacement === 'inner' && ((focused && !readOnly) || value) && label && (rows || autoResize)) ||\n (labelPlacement === 'outer' && value) ||\n (labelPlacement === 'inner' && size === 'xs' && value)\n ? hidePlaceHolder\n : undefined;\n\n return [withFocusedOuterUpPlaceholder, withInnerPlaceholderUp, withHidePlaceholder];\n};\n\nexport const textAreaRoot = (Root: RootProps<HTMLTextAreaElement, TextAreaProps>) =>\n forwardRef<HTMLTextAreaElement, TextAreaProps>((props, innerRef) => {\n const {\n helperText,\n status,\n resize,\n rightHelper,\n leftHelper,\n contentRight,\n autoResize = false,\n minAuto = 0,\n maxAuto,\n label,\n labelPlacement = 'inner',\n placeholder,\n defaultValue,\n height,\n width,\n value,\n disabled,\n required = false,\n requiredPlacement = 'right',\n optional = false,\n size,\n view,\n id,\n style,\n className,\n readOnly,\n rows,\n cols,\n onChange,\n ...rest\n } = props;\n\n const [helperWidth, setHelperWidth] = useState<string>(width ? `${width}rem` : '100%');\n const [focused, setFocused] = useState(false);\n const [uncontrolledValue, setUncontrolledValue] = useState<string | undefined>();\n\n const outerRef = createRef<HTMLTextAreaElement>();\n\n const innerOptional = required ? false : optional;\n const hasHelper = Boolean(leftHelper || rightHelper || helperText);\n const hasOuterLabel = Boolean(label && labelPlacement === 'outer');\n const hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');\n const hasPlaceholderOptional = innerOptional && !hasOuterLabel;\n\n const overriddenView = status !== undefined ? fallbackStatusMap[status] : view;\n const textareaHelperId = id ? `${id}-helper` : undefined;\n const applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;\n const placeholderLabel = hasInnerLabel ? label : placeholder;\n\n const requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;\n\n useResizeObserver(outerRef, (currentElement) => {\n const { width: inlineWidth } = currentElement.style;\n\n if (inlineWidth || cols) {\n const { width: elementWidth } = currentElement.getBoundingClientRect();\n setHelperWidth(`${elementWidth / ROOT_FONT_SIZE}rem`);\n }\n });\n\n useAutoResize(autoResize, outerRef, value, minAuto, maxAuto);\n\n const onFocusHandler = useCallback(() => {\n setFocused(true);\n }, []);\n\n const onBlurHandler = useCallback(() => {\n setFocused(false);\n }, []);\n\n const onChangeHandler = useCallback(\n (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n // INFO: Для крайне редких кейсов, когда value снаружи не контролируется\n if (value === undefined) {\n setUncontrolledValue(event?.target.value);\n }\n onChange?.(event);\n },\n [value, onChange],\n );\n\n const dynamicLabelClasses = getDynamicLabelClasses(\n {\n size,\n readOnly,\n label,\n labelPlacement,\n value: value || uncontrolledValue || defaultValue,\n ...(rows ? { rows } : { autoResize }),\n },\n focused,\n );\n\n const optionalTextNode = innerOptional ? (\n <StyledOptionalText>\n {Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\\xa0'}\n {optionalText}\n </StyledOptionalText>\n ) : null;\n\n return (\n <Root\n view={overriddenView}\n size={size}\n disabled={disabled}\n readOnly={readOnly}\n style={{ width: helperWidth, ...style }}\n className={className}\n >\n {hasOuterLabel && (\n <StyledLabel>\n {required && (\n <StyledIndicator className={cx(classes.outerLabelPlacement, requiredPlacementClass)} />\n )}\n {label}\n {optionalTextNode}\n </StyledLabel>\n )}\n <StyledContainer\n className={cx(styledContainer, ...dynamicLabelClasses)}\n width={helperWidth}\n onFocus={onFocusHandler}\n onBlur={onBlurHandler}\n >\n {required && !hasOuterLabel && (\n <StyledIndicator className={cx(classes.innerLabelPlacement, requiredPlacementClass)} />\n )}\n {contentRight && <StyledContent>{contentRight}</StyledContent>}\n <StyledTextAreaWrapper className={styledTextAreaWrapper} hasHelper={hasHelper}>\n <StyledTextArea\n className={styledTextArea}\n id={id}\n hasContentRight={Boolean(contentRight)}\n hasHelper={hasHelper}\n applyCustomWidth={applyCustomWidth}\n ref={mergeRefs(outerRef, innerRef)}\n disabled={disabled}\n height={autoResize ? minAuto : height}\n width={width}\n placeholder={placeholderLabel}\n aria-describedby={textareaHelperId}\n value={value}\n readOnly={readOnly}\n rows={rows}\n cols={cols}\n resize={resize}\n defaultValue={defaultValue}\n onChange={onChangeHandler}\n {...rest}\n />\n </StyledTextAreaWrapper>\n {hasHelper && (\n <StyledHelpers className={styledHelpers} id={textareaHelperId}>\n {(leftHelper || helperText) && (\n <StyledLeftHelper>{leftHelper || helperText}</StyledLeftHelper>\n )}\n {rightHelper && <StyledRightHelper>{rightHelper}</StyledRightHelper>}\n </StyledHelpers>\n )}\n {placeholderLabel && (\n <StyledPlaceholder\n hasContentRight={Boolean(contentRight)}\n className={styledPlaceholder}\n htmlFor={id}\n >\n {placeholderLabel}\n {!hasOuterLabel && optionalTextNode}\n </StyledPlaceholder>\n )}\n </StyledContainer>\n </Root>\n );\n });\n\nexport const textAreaConfig = {\n name: 'TextArea',\n tag: 'div',\n layout: textAreaRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'primary',\n },\n};\n"],"names":["innerPlaceholderUp","classes","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","optionalText","base","fallbackStatusMap","success","warning","error","getDynamicLabelClasses","props","focused","readOnly","label","labelPlacement","autoResize","rows","value","size","withFocusedOuterUpPlaceholder","undefined","withInnerPlaceholderUp","withHidePlaceholder","textAreaRoot","Root","forwardRef","innerRef","helperText","status","resize","rightHelper","leftHelper","contentRight","_props$autoResize","_props$minAuto","minAuto","maxAuto","_props$labelPlacement","placeholder","defaultValue","height","width","disabled","_props$required","required","_props$requiredPlacem","requiredPlacement","_props$optional","optional","view","id","style","className","cols","onChange","rest","_excluded","_useState","useState","concat","_useState2","_slicedToArray","helperWidth","setHelperWidth","_useState3","_useState4","setFocused","_useState5","_useState6","uncontrolledValue","setUncontrolledValue","outerRef","createRef","innerOptional","hasHelper","Boolean","hasOuterLabel","hasInnerLabel","hasPlaceholderOptional","overriddenView","textareaHelperId","applyCustomWidth","placeholderLabel","requiredPlacementClass","useResizeObserver","currentElement","inlineWidth","_currentElement$getBo","getBoundingClientRect","elementWidth","ROOT_FONT_SIZE","useAutoResize","onFocusHandler","useCallback","onBlurHandler","onChangeHandler","event","target","dynamicLabelClasses","_objectSpread","optionalTextNode","React","createElement","StyledOptionalText","StyledLabel","StyledIndicator","cx","outerLabelPlacement","StyledContainer","apply","_toConsumableArray","onFocus","onBlur","innerLabelPlacement","StyledContent","StyledTextAreaWrapper","StyledTextArea","_extends","hasContentRight","ref","mergeRefs","StyledHelpers","StyledLeftHelper","StyledRightHelper","StyledPlaceholder","htmlFor","textAreaConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;;;;;;AA4BA,IACIA,kBAAkB,GAQlBC,OAAO,CARPD,kBAAkB;EAClBE,4BAA4B,GAO5BD,OAAO,CAPPC,4BAA4B;EAC5BC,eAAe,GAMfF,OAAO,CANPE,eAAe;EACfC,eAAe,GAKfH,OAAO,CALPG,eAAe;EACfC,cAAc,GAIdJ,OAAO,CAJPI,cAAc;EACdC,qBAAqB,GAGrBL,OAAO,CAHPK,qBAAqB;EACrBC,iBAAiB,GAEjBN,OAAO,CAFPM,iBAAiB;EACjBC,aAAAA,GACAP,OAAO,CADPO,aAAAA,CAAAA;AAGJ,IAAMC,YAAY,GAAG,UAAU,CAAA;AAE/B,IAAMC,IAAI,GAKT,SAAA,CAAA;;AAED;AACA,IAAMC,iBAAiB,GAAG;AACtB,EAAA,EAAE,EAAE,SAAS;AACbC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,KAAK,EAAE,UAAA;AACX,CAAC,CAAA;;AAED;AACO,IAAMC,sBAAsB,GAAGA,SAAzBA,sBAAsBA,CAAIC,KAAoB,EAAEC,OAAgB,EAAK;AAC9E,EAAA,IAAQC,QAAQ,GAA2DF,KAAK,CAAxEE,QAAQ;IAAEC,KAAK,GAAoDH,KAAK,CAA9DG,KAAK;IAAEC,cAAc,GAAoCJ,KAAK,CAAvDI,cAAc;IAAEC,UAAU,GAAwBL,KAAK,CAAvCK,UAAU;IAAEC,IAAI,GAAkBN,KAAK,CAA3BM,IAAI;IAAEC,KAAK,GAAWP,KAAK,CAArBO,KAAK;IAAEC,IAAAA,GAASR,KAAK,CAAdQ,IAAAA,CAAAA;;AAElE;AACA,EAAA,IAAMC,6BAA6B,GAC/B,CAACP,QAAQ,IAAID,OAAO,KAAK,CAACE,KAAK,IAAIC,cAAc,KAAK,OAAO,CAAC,GAAGlB,4BAA4B,GAAGwB,SAAS,CAAA;;AAE7G;AACA,EAAA,IAAMC,sBAAsB,GACxBP,cAAc,KAAK,OAAO,IAC1BD,KAAK,IACL,CAACE,UAAU,IACX,CAACC,IAAI,IACLE,IAAI,KAAK,IAAI,KACX,CAACN,QAAQ,KAAKK,KAAK,IAAIN,OAAO,CAAC,IAAMC,QAAQ,IAAIK,KAAM,CAAC,GACpDvB,kBAAkB,GAClB0B,SAAS,CAAA;;AAEnB;EACA,IAAME,mBAAmB,GACpBL,KAAK,IAAI,CAACJ,KAAK,IACfC,cAAc,KAAK,OAAO,KAAMH,OAAO,IAAI,CAACC,QAAQ,IAAKK,KAAK,CAAC,IAAIJ,KAAK,KAAKG,IAAI,IAAID,UAAU,CAAE,IACjGD,cAAc,KAAK,OAAO,IAAIG,KAAM,IACpCH,cAAc,KAAK,OAAO,IAAII,IAAI,KAAK,IAAI,IAAID,KAAM,GAChDpB,eAAe,GACfuB,SAAS,CAAA;AAEnB,EAAA,OAAO,CAACD,6BAA6B,EAAEE,sBAAsB,EAAEC,mBAAmB,CAAC,CAAA;AACvF,EAAC;IAEYC,YAAY,GAAGA,SAAfA,YAAYA,CAAIC,IAAmD,EAAA;AAAA,EAAA,oBAC5EC,UAAU,CAAqC,UAACf,KAAK,EAAEgB,QAAQ,EAAK;AAChE,IAAA,IACIC,UAAU,GA8BVjB,KAAK,CA9BLiB,UAAU;MACVC,MAAM,GA6BNlB,KAAK,CA7BLkB,MAAM;MACNC,MAAM,GA4BNnB,KAAK,CA5BLmB,MAAM;MACNC,WAAW,GA2BXpB,KAAK,CA3BLoB,WAAW;MACXC,UAAU,GA0BVrB,KAAK,CA1BLqB,UAAU;MACVC,YAAY,GAyBZtB,KAAK,CAzBLsB,YAAY;MAAAC,iBAAA,GAyBZvB,KAAK,CAxBLK,UAAU;AAAVA,MAAAA,UAAU,GAAAkB,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;MAAAC,cAAA,GAwBlBxB,KAAK,CAvBLyB,OAAO;AAAPA,MAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,cAAA;MACXE,OAAO,GAsBP1B,KAAK,CAtBL0B,OAAO;MACPvB,KAAK,GAqBLH,KAAK,CArBLG,KAAK;MAAAwB,qBAAA,GAqBL3B,KAAK,CApBLI,cAAc;AAAdA,MAAAA,cAAc,GAAAuB,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;MACxBC,WAAW,GAmBX5B,KAAK,CAnBL4B,WAAW;MACXC,YAAY,GAkBZ7B,KAAK,CAlBL6B,YAAY;MACZC,MAAM,GAiBN9B,KAAK,CAjBL8B,MAAM;MACNC,KAAK,GAgBL/B,KAAK,CAhBL+B,KAAK;MACLxB,KAAK,GAeLP,KAAK,CAfLO,KAAK;MACLyB,QAAQ,GAcRhC,KAAK,CAdLgC,QAAQ;MAAAC,eAAA,GAcRjC,KAAK,CAbLkC,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MAAAE,qBAAA,GAahBnC,KAAK,CAZLoC,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;MAAAE,eAAA,GAY3BrC,KAAK,CAXLsC,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MAChB7B,IAAI,GAUJR,KAAK,CAVLQ,IAAI;MACJ+B,IAAI,GASJvC,KAAK,CATLuC,IAAI;MACJC,EAAE,GAQFxC,KAAK,CARLwC,EAAE;MACFC,KAAK,GAOLzC,KAAK,CAPLyC,KAAK;MACLC,SAAS,GAMT1C,KAAK,CANL0C,SAAS;MACTxC,QAAQ,GAKRF,KAAK,CALLE,QAAQ;MACRI,IAAI,GAIJN,KAAK,CAJLM,IAAI;MACJqC,IAAI,GAGJ3C,KAAK,CAHL2C,IAAI;MACJC,QAAQ,GAER5C,KAAK,CAFL4C,QAAQ;AACLC,MAAAA,IAAAA,GAAAA,wBAAAA,CACH7C,KAAK,EAAA8C,SAAA,CAAA,CAAA;IAET,IAAAC,SAAA,GAAsCC,QAAQ,CAASjB,KAAK,GAAAkB,EAAAA,CAAAA,MAAA,CAAMlB,KAAM,EAAO,KAAA,CAAA,GAAA,MAAM,CAAC;MAAAmB,UAAA,GAAAC,cAAA,CAAAJ,SAAA,EAAA,CAAA,CAAA;AAA/EK,MAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAClC,IAAA,IAAAI,UAAA,GAA8BN,QAAQ,CAAC,KAAK,CAAC;MAAAO,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAtCrD,MAAAA,OAAO,GAAAsD,UAAA,CAAA,CAAA,CAAA;AAAEC,MAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA,CAAA;AAC1B,IAAA,IAAAE,UAAA,GAAkDT,QAAQ,EAAsB;MAAAU,UAAA,GAAAP,cAAA,CAAAM,UAAA,EAAA,CAAA,CAAA;AAAzEE,MAAAA,iBAAiB,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,oBAAoB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAE9C,IAAA,IAAMG,QAAQ,gBAAGC,SAAS,EAAuB,CAAA;AAEjD,IAAA,IAAMC,aAAa,GAAG7B,QAAQ,GAAG,KAAK,GAAGI,QAAQ,CAAA;IACjD,IAAM0B,SAAS,GAAGC,OAAO,CAAC5C,UAAU,IAAID,WAAW,IAAIH,UAAU,CAAC,CAAA;IAClE,IAAMiD,aAAa,GAAGD,OAAO,CAAC9D,KAAK,IAAIC,cAAc,KAAK,OAAO,CAAC,CAAA;AAClE,IAAA,IAAM+D,aAAa,GAAGF,OAAO,CAAC9D,KAAK,IAAIC,cAAc,KAAK,OAAO,IAAII,IAAI,KAAK,IAAI,CAAC,CAAA;AACnF,IAAA,IAAM4D,sBAAsB,GAAGL,aAAa,IAAI,CAACG,aAAa,CAAA;IAE9D,IAAMG,cAAc,GAAGnD,MAAM,KAAKR,SAAS,GAAGf,iBAAiB,CAACuB,MAAM,CAAC,GAAGqB,IAAI,CAAA;IAC9E,IAAM+B,gBAAgB,GAAG9B,EAAE,GAAA,EAAA,CAAAS,MAAA,CAAMT,EAAG,eAAW9B,SAAS,CAAA;IACxD,IAAM6D,gBAAgB,GAAGpD,MAAM,KAAK,YAAY,IAAIA,MAAM,KAAK,MAAM,IAAI,CAACwB,IAAI,CAAA;AAC9E,IAAA,IAAM6B,gBAAgB,GAAGL,aAAa,GAAGhE,KAAK,GAAGyB,WAAW,CAAA;IAE5D,IAAM6C,sBAAsB,GAAGrC,iBAAiB,KAAK,OAAO,GAAG,cAAc,GAAG1B,SAAS,CAAA;AAEzFgE,IAAAA,iBAAiB,CAACb,QAAQ,EAAGc,UAAAA,cAAc,EAAK;AAC5C,MAAA,IAAeC,WAAAA,GAAgBD,cAAc,CAAClC,KAAK,CAA3CV,KAAK,CAAA;MAEb,IAAI6C,WAAW,IAAIjC,IAAI,EAAE;AACrB,QAAA,IAAAkC,qBAAA,GAAgCF,cAAc,CAACG,qBAAqB,EAAE;UAAvDC,YAAAA,GAAAA,qBAAAA,CAAPhD,KAAK,CAAA;AACbsB,QAAAA,cAAc,IAAAJ,MAAA,CAAI8B,YAAY,GAAGC,cAAe,QAAI,CAAC,CAAA;AACzD,OAAA;AACJ,KAAC,CAAC,CAAA;IAEFC,aAAa,CAAC5E,UAAU,EAAEwD,QAAQ,EAAEtD,KAAK,EAAEkB,OAAO,EAAEC,OAAO,CAAC,CAAA;AAE5D,IAAA,IAAMwD,cAAc,GAAGC,WAAW,CAAC,YAAM;MACrC3B,UAAU,CAAC,IAAI,CAAC,CAAA;KACnB,EAAE,EAAE,CAAC,CAAA;AAEN,IAAA,IAAM4B,aAAa,GAAGD,WAAW,CAAC,YAAM;MACpC3B,UAAU,CAAC,KAAK,CAAC,CAAA;KACpB,EAAE,EAAE,CAAC,CAAA;AAEN,IAAA,IAAM6B,eAAe,GAAGF,WAAW,CAC/B,UAACG,KAA6C,EAAK;AAC/C;MACA,IAAI/E,KAAK,KAAKG,SAAS,EAAE;QACrBkD,oBAAoB,CAAC0B,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEC,MAAM,CAAChF,KAAK,CAAC,CAAA;AAC7C,OAAA;AACAqC,MAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAG0C,KAAK,CAAC,CAAA;AACrB,KAAC,EACD,CAAC/E,KAAK,EAAEqC,QAAQ,CACpB,CAAC,CAAA;AAED,IAAA,IAAM4C,mBAAmB,GAAGzF,sBAAsB,CAAA0F,cAAA,CAAA;AAE1CjF,MAAAA,IAAI,EAAJA,IAAI;AACJN,MAAAA,QAAQ,EAARA,QAAQ;AACRC,MAAAA,KAAK,EAALA,KAAK;AACLC,MAAAA,cAAc,EAAdA,cAAc;AACdG,MAAAA,KAAK,EAAEA,KAAK,IAAIoD,iBAAiB,IAAI9B,YAAAA;AAAY,KAAA,EAC7CvB,IAAI,GAAG;AAAEA,MAAAA,IAAAA,EAAAA,IAAAA;AAAK,KAAC,GAAG;AAAED,MAAAA,UAAAA,EAAAA,UAAAA;KAAY,CAAA,EAExCJ,OACJ,CAAC,CAAA;IAED,IAAMyF,gBAAgB,GAAG3B,aAAa,gBAClC4B,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAA,IAAA,EACd5B,OAAO,CAACG,sBAAsB,GAAGI,gBAAgB,GAAGrE,KAAK,CAAC,IAAI,MAAM,EACpEV,YACe,CAAC,GACrB,IAAI,CAAA;AAER,IAAA,oBACIkG,KAAA,CAAAC,aAAA,CAAC9E,IAAI,EAAA;AACDyB,MAAAA,IAAI,EAAE8B,cAAe;AACrB7D,MAAAA,IAAI,EAAEA,IAAK;AACXwB,MAAAA,QAAQ,EAAEA,QAAS;AACnB9B,MAAAA,QAAQ,EAAEA,QAAS;AACnBuC,MAAAA,KAAK,EAAAgD,cAAA,CAAA;AAAI1D,QAAAA,KAAK,EAAEqB,WAAAA;AAAW,OAAA,EAAKX,KAAAA,CAAQ;AACxCC,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KAAA,EAEpBwB,aAAa,iBACVyB,KAAA,CAAAC,aAAA,CAACE,WAAW,EACP5D,IAAAA,EAAAA,QAAQ,iBACLyD,KAAA,CAAAC,aAAA,CAACG,eAAe,EAAA;AAACrD,MAAAA,SAAS,EAAEsD,EAAE,CAAC/G,OAAO,CAACgH,mBAAmB,EAAExB,sBAAsB,CAAA;KACrF,CAAA,EACAtE,KAAK,EACLuF,gBACQ,CAChB,eACDC,KAAA,CAAAC,aAAA,CAACM,eAAe,EAAA;AACZxD,MAAAA,SAAS,EAAEsD,EAAE,CAAAG,KAAA,CAAC/G,KAAAA,CAAAA,EAAAA,CAAAA,eAAe,CAAA6D,CAAAA,MAAA,CAAAmD,kBAAA,CAAKZ,mBAAmB,CAAE,CAAA,CAAA;AACvDzD,MAAAA,KAAK,EAAEqB,WAAY;AACnBiD,MAAAA,OAAO,EAAEnB,cAAe;AACxBoB,MAAAA,MAAM,EAAElB,aAAAA;KAEPlD,EAAAA,QAAQ,IAAI,CAACgC,aAAa,iBACvByB,KAAA,CAAAC,aAAA,CAACG,eAAe,EAAA;AAACrD,MAAAA,SAAS,EAAEsD,EAAE,CAAC/G,OAAO,CAACsH,mBAAmB,EAAE9B,sBAAsB,CAAA;AAAE,KACvF,CAAA,EACAnD,YAAY,iBAAIqE,KAAA,CAAAC,aAAA,CAACY,aAAa,EAAA,IAAA,EAAElF,YAA4B,CAAC,eAC9DqE,KAAA,CAAAC,aAAA,CAACa,qBAAqB,EAAA;AAAC/D,MAAAA,SAAS,EAAEpD,qBAAsB;AAAC0E,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KAAA,eAC1E2B,KAAA,CAAAC,aAAA,CAACc,cAAc,EAAAC,QAAA,CAAA;AACXjE,MAAAA,SAAS,EAAErD,cAAe;AAC1BmD,MAAAA,EAAE,EAAEA,EAAG;AACPoE,MAAAA,eAAe,EAAE3C,OAAO,CAAC3C,YAAY,CAAE;AACvC0C,MAAAA,SAAS,EAAEA,SAAU;AACrBO,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCsC,MAAAA,GAAG,EAAEC,SAAS,CAACjD,QAAQ,EAAE7C,QAAQ,CAAE;AACnCgB,MAAAA,QAAQ,EAAEA,QAAS;AACnBF,MAAAA,MAAM,EAAEzB,UAAU,GAAGoB,OAAO,GAAGK,MAAO;AACtCC,MAAAA,KAAK,EAAEA,KAAM;AACbH,MAAAA,WAAW,EAAE4C,gBAAiB;AAC9B,MAAA,kBAAA,EAAkBF,gBAAiB;AACnC/D,MAAAA,KAAK,EAAEA,KAAM;AACbL,MAAAA,QAAQ,EAAEA,QAAS;AACnBI,MAAAA,IAAI,EAAEA,IAAK;AACXqC,MAAAA,IAAI,EAAEA,IAAK;AACXxB,MAAAA,MAAM,EAAEA,MAAO;AACfU,MAAAA,YAAY,EAAEA,YAAa;AAC3Be,MAAAA,QAAQ,EAAEyC,eAAAA;KACNxC,EAAAA,IAAI,CAAC,CAEM,CAAA,EACtBmB,SAAS,iBACN2B,KAAA,CAAAC,aAAA,CAACmB,aAAa,EAAA;AAACrE,MAAAA,SAAS,EAAElD,aAAc;AAACgD,MAAAA,EAAE,EAAE8B,gBAAAA;AAAiB,KAAA,EACzD,CAACjD,UAAU,IAAIJ,UAAU,kBACtB0E,KAAA,CAAAC,aAAA,CAACoB,gBAAgB,EAAE3F,IAAAA,EAAAA,UAAU,IAAIJ,UAA6B,CACjE,EACAG,WAAW,iBAAIuE,KAAA,CAAAC,aAAA,CAACqB,iBAAiB,QAAE7F,WAA+B,CACxD,CAClB,EACAoD,gBAAgB,iBACbmB,KAAA,CAAAC,aAAA,CAACsB,iBAAiB,EAAA;AACdN,MAAAA,eAAe,EAAE3C,OAAO,CAAC3C,YAAY,CAAE;AACvCoB,MAAAA,SAAS,EAAEnD,iBAAkB;AAC7B4H,MAAAA,OAAO,EAAE3E,EAAAA;KAERgC,EAAAA,gBAAgB,EAChB,CAACN,aAAa,IAAIwB,gBACJ,CAEV,CACf,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM0B,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE1G,YAAY;AACpBnB,EAAAA,IAAI,EAAJA,IAAI;AACJ8H,EAAAA,UAAU,EAAE;AACRhH,IAAAA,IAAI,EAAE;AACFiH,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDnF,IAAAA,IAAI,EAAE;AACFkF,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACD3F,IAAAA,QAAQ,EAAE;AACNyF,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACD3H,IAAAA,QAAQ,EAAE;AACN2H,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNtH,IAAAA,IAAI,EAAE,GAAG;AACT+B,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useState, createRef, useCallback } from 'react';\nimport { css } from '@linaria/core';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { cx } from '../../utils';\nimport type { RootProps } from '../../engines/types';\n\nimport { applyDynamicLabel } from './mixins';\nimport { useAutoResize, ROOT_FONT_SIZE } from './hooks';\nimport {\n StyledContent,\n StyledHelpers,\n StyledLeftHelper,\n StyledRightHelper,\n StyledLabel,\n StyledPlaceholder,\n StyledTextArea,\n StyledTextAreaWrapper,\n StyledContainer,\n StyledIndicator,\n StyledOptionalText,\n} from './TextArea.styles';\nimport { classes } from './TextArea.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { TextAreaProps } from './TextArea.types';\n\nconst {\n innerPlaceholderUp,\n focusedOuterPlaceholderColor,\n hidePlaceHolder,\n styledContainer,\n styledTextArea,\n styledTextAreaWrapper,\n styledPlaceholder,\n styledHelpers,\n} = classes;\n\nconst optionalText = 'optional';\n\nconst base = css`\n ${applyDynamicLabel};\n\n position: relative;\n box-sizing: border-box;\n`;\n\n// TODO: Удалить после отказа от старых библиотек plasma-web / plasma-b2c\nconst fallbackStatusMap = {\n '': 'primary',\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\n\n// TODO: Перенести этот метод в файл applyDynamicLabel.ts\nexport const getDynamicLabelClasses = (props: TextAreaProps, focused: boolean) => {\n const { readOnly, label, labelPlacement, rows, value, size } = props;\n\n // Добавить класс отвечающий за изменение цвета плейсхолдера при фокусе\n const withFocusedOuterUpPlaceholder =\n !readOnly && focused && (!label || labelPlacement === 'outer') ? focusedOuterPlaceholderColor : undefined;\n\n // Добавить класс отвечающий за поднятие и уменьшение плейсхолдера\n const withInnerPlaceholderUp =\n labelPlacement === 'inner' &&\n label &&\n !rows &&\n size !== 'xs' &&\n ((!readOnly && (value || focused)) || (readOnly && value))\n ? innerPlaceholderUp\n : undefined;\n\n // Добавить класс отвечающий за скрытие плейсхолдера\n const withHidePlaceholder =\n (value && !label) ||\n (labelPlacement === 'inner' && ((focused && !readOnly) || value) && label && rows) ||\n (labelPlacement === 'outer' && value) ||\n (labelPlacement === 'inner' && size === 'xs' && value)\n ? hidePlaceHolder\n : undefined;\n\n return [withFocusedOuterUpPlaceholder, withInnerPlaceholderUp, withHidePlaceholder];\n};\n\nexport const textAreaRoot = (Root: RootProps<HTMLTextAreaElement, TextAreaProps>) =>\n forwardRef<HTMLTextAreaElement, TextAreaProps>((props, innerRef) => {\n const {\n helperText,\n status,\n resize,\n rightHelper,\n leftHelper,\n contentRight,\n autoResize = false,\n minAuto = 0,\n maxAuto,\n label,\n labelPlacement = 'inner',\n placeholder,\n defaultValue,\n height,\n width,\n value,\n disabled,\n required = false,\n requiredPlacement = 'right',\n optional = false,\n clear,\n hasDivider,\n size,\n view,\n id,\n style,\n className,\n readOnly,\n rows,\n cols,\n onChange,\n ...rest\n } = props;\n\n const [helperWidth, setHelperWidth] = useState<string>(width ? `${width}rem` : '100%');\n const [focused, setFocused] = useState(false);\n const [uncontrolledValue, setUncontrolledValue] = useState<string | undefined>();\n\n const outerRef = innerRef && 'current' in innerRef ? innerRef : createRef<HTMLTextAreaElement>();\n\n const innerOptional = required ? false : optional;\n const hasHelper = Boolean(leftHelper || rightHelper || helperText);\n const hasOuterLabel = Boolean(label && labelPlacement === 'outer');\n const hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');\n const hasPlaceholderOptional = innerOptional && !hasOuterLabel;\n\n const overriddenView = status !== undefined ? fallbackStatusMap[status] : view;\n const textareaHelperId = id ? `${id}-helper` : undefined;\n const applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;\n const placeholderLabel = hasInnerLabel ? label : placeholder;\n\n const clearClass = clear ? classes.clear : undefined;\n const hasRightContentClass = contentRight ? classes.hasRightContent : undefined;\n const hasDividerClass = hasDivider ? classes.hasDivider : undefined;\n const requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;\n\n useResizeObserver(outerRef, (currentElement) => {\n const { width: inlineWidth } = currentElement.style;\n\n if (inlineWidth || cols) {\n const { width: elementWidth } = currentElement.getBoundingClientRect();\n setHelperWidth(`${elementWidth / ROOT_FONT_SIZE}rem`);\n }\n });\n\n useAutoResize(autoResize || Boolean(clear), outerRef, value, minAuto, maxAuto);\n\n const onFocusHandler = useCallback(() => {\n setFocused(true);\n }, []);\n\n const onBlurHandler = useCallback(() => {\n setFocused(false);\n }, []);\n\n const onChangeHandler = useCallback(\n (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n // INFO: Для крайне редких кейсов, когда value снаружи не контролируется\n if (value === undefined) {\n setUncontrolledValue(event?.target.value);\n }\n\n onChange?.(event);\n },\n [value, onChange],\n );\n\n const dynamicLabelClasses = getDynamicLabelClasses(\n {\n size,\n readOnly,\n label,\n labelPlacement,\n value: value || uncontrolledValue || defaultValue,\n rows,\n },\n focused,\n );\n\n const optionalTextNode = innerOptional ? (\n <StyledOptionalText>\n {Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\\xa0'}\n {optionalText}\n </StyledOptionalText>\n ) : null;\n\n return (\n <Root\n view={overriddenView}\n size={size}\n disabled={disabled}\n readOnly={readOnly}\n clear={clear}\n style={{ width: helperWidth, ...style }}\n className={cx(clearClass, hasDividerClass, className)}\n >\n {hasOuterLabel && (\n <StyledLabel>\n {required && (\n <StyledIndicator className={cx(classes.outerLabelPlacement, requiredPlacementClass)} />\n )}\n {label}\n {optionalTextNode}\n </StyledLabel>\n )}\n <StyledContainer\n className={cx(styledContainer, ...dynamicLabelClasses)}\n width={helperWidth}\n onFocus={onFocusHandler}\n onBlur={onBlurHandler}\n >\n {required && !hasOuterLabel && (\n <StyledIndicator className={cx(classes.innerLabelPlacement, requiredPlacementClass)} />\n )}\n {contentRight && <StyledContent>{contentRight}</StyledContent>}\n <StyledTextAreaWrapper className={styledTextAreaWrapper} hasHelper={hasHelper}>\n <StyledTextArea\n className={cx(styledTextArea, hasRightContentClass)}\n id={id}\n hasContentRight={Boolean(contentRight)}\n hasHelper={hasHelper}\n applyCustomWidth={applyCustomWidth}\n ref={outerRef}\n disabled={disabled}\n height={autoResize || Boolean(clear) ? minAuto : height}\n width={width}\n placeholder={placeholderLabel}\n aria-describedby={textareaHelperId}\n value={value}\n readOnly={readOnly}\n rows={rows}\n cols={cols}\n resize={resize}\n defaultValue={defaultValue}\n onChange={onChangeHandler}\n {...rest}\n />\n </StyledTextAreaWrapper>\n {hasHelper && (\n <StyledHelpers className={styledHelpers} id={textareaHelperId}>\n {(leftHelper || helperText) && (\n <StyledLeftHelper>{leftHelper || helperText}</StyledLeftHelper>\n )}\n {rightHelper && <StyledRightHelper>{rightHelper}</StyledRightHelper>}\n </StyledHelpers>\n )}\n {placeholderLabel && (\n <StyledPlaceholder\n hasContentRight={Boolean(contentRight)}\n className={styledPlaceholder}\n htmlFor={id}\n >\n {placeholderLabel}\n {!hasOuterLabel && optionalTextNode}\n </StyledPlaceholder>\n )}\n </StyledContainer>\n </Root>\n );\n });\n\nexport const textAreaConfig = {\n name: 'TextArea',\n tag: 'div',\n layout: textAreaRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n clear: {\n css: clearCSS,\n attrs: true,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'primary',\n },\n};\n"],"names":["innerPlaceholderUp","classes","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","optionalText","base","fallbackStatusMap","success","warning","error","getDynamicLabelClasses","props","focused","readOnly","label","labelPlacement","rows","value","size","withFocusedOuterUpPlaceholder","undefined","withInnerPlaceholderUp","withHidePlaceholder","textAreaRoot","Root","forwardRef","innerRef","helperText","status","resize","rightHelper","leftHelper","contentRight","_props$autoResize","autoResize","_props$minAuto","minAuto","maxAuto","_props$labelPlacement","placeholder","defaultValue","height","width","disabled","_props$required","required","_props$requiredPlacem","requiredPlacement","_props$optional","optional","clear","hasDivider","view","id","style","className","cols","onChange","rest","_excluded","_useState","useState","concat","_useState2","_slicedToArray","helperWidth","setHelperWidth","_useState3","_useState4","setFocused","_useState5","_useState6","uncontrolledValue","setUncontrolledValue","outerRef","createRef","innerOptional","hasHelper","Boolean","hasOuterLabel","hasInnerLabel","hasPlaceholderOptional","overriddenView","textareaHelperId","applyCustomWidth","placeholderLabel","clearClass","hasRightContentClass","hasRightContent","hasDividerClass","requiredPlacementClass","useResizeObserver","currentElement","inlineWidth","_currentElement$getBo","getBoundingClientRect","elementWidth","ROOT_FONT_SIZE","useAutoResize","onFocusHandler","useCallback","onBlurHandler","onChangeHandler","event","target","dynamicLabelClasses","optionalTextNode","React","createElement","StyledOptionalText","_objectSpread","cx","StyledLabel","StyledIndicator","outerLabelPlacement","StyledContainer","apply","_toConsumableArray","onFocus","onBlur","innerLabelPlacement","StyledContent","StyledTextAreaWrapper","StyledTextArea","_extends","hasContentRight","ref","StyledHelpers","StyledLeftHelper","StyledRightHelper","StyledPlaceholder","htmlFor","textAreaConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","clearCSS","attrs","disabledCSS","defaults"],"mappings":"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"}