@salutejs/plasma-new-hope 0.156.1-canary.1374.11107153045.0 → 0.157.0-canary.1421.11113740435.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (806) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +16 -15
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +16 -15
  3. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +16 -15
  4. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +16 -15
  5. package/cjs/components/DatePicker/RangeDate/RangeDate.css +17 -16
  6. package/cjs/components/DatePicker/RangeDate/RangeDate.js +67 -4
  7. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  8. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -15
  9. package/cjs/components/DatePicker/SingleDate/SingleDate.css +17 -16
  10. package/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -3
  11. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  12. package/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
  13. package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  14. package/cjs/components/DatePicker/utils/setInitialValue.js +12 -0
  15. package/cjs/components/DatePicker/utils/setInitialValue.js.map +1 -0
  16. package/cjs/components/Range/Range.css +16 -15
  17. package/cjs/components/Slider/Slider.css +17 -16
  18. package/cjs/components/Slider/Slider.js +19 -6
  19. package/cjs/components/Slider/Slider.js.map +1 -1
  20. package/cjs/components/Slider/components/Double/Double.css +17 -16
  21. package/cjs/components/Slider/components/Double/Double.js +40 -2
  22. package/cjs/components/Slider/components/Double/Double.js.map +1 -1
  23. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +100 -0
  24. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -0
  25. package/cjs/components/Slider/components/Single/Single.css +17 -0
  26. package/cjs/components/Slider/components/Single/Single.js +49 -13
  27. package/cjs/components/Slider/components/Single/Single.js.map +1 -1
  28. package/cjs/components/Slider/utils/index.js +6 -0
  29. package/cjs/components/Slider/utils/index.js.map +1 -1
  30. package/cjs/components/Tabs/createTabsController.js +1 -1
  31. package/cjs/components/Tabs/createTabsController.js.map +1 -1
  32. package/cjs/components/Tabs/tokens.js +4 -12
  33. package/cjs/components/Tabs/tokens.js.map +1 -1
  34. package/cjs/components/Tabs/ui/TabItem/TabItem.css +12 -0
  35. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +17 -18
  36. package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +1 -0
  37. package/cjs/components/Tabs/ui/{vertical/VerticalTabItem/VerticalTabItem.styles.js → TabItem/TabItem.styles.js} +6 -12
  38. package/cjs/components/Tabs/ui/TabItem/TabItem.styles.js.map +1 -0
  39. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles_1x0ujoz.css → TabItem/TabItem.styles_pj75hv.css} +4 -5
  40. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled → TabItem/variations/_disabled}/base.js +2 -2
  41. package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +1 -0
  42. package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +1 -0
  43. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_disabled → TabItem/variations/_pilled}/base.js +2 -2
  44. package/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +1 -0
  45. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css → TabItem/variations/_pilled/base_l36za5.css} +1 -1
  46. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_disabled → TabItem/variations/_size}/base.js +2 -2
  47. package/cjs/components/Tabs/ui/TabItem/variations/_size/base.js.map +1 -0
  48. package/cjs/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +1 -0
  49. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_pilled → TabItem/variations/_view}/base.js +2 -2
  50. package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -0
  51. package/cjs/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
  52. package/cjs/components/Tabs/ui/Tabs/Tabs.css +16 -0
  53. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +19 -19
  54. package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -0
  55. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +10 -10
  56. package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -0
  57. package/cjs/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +4 -0
  58. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +9 -0
  59. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +1 -0
  60. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +1 -0
  61. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +9 -0
  62. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +1 -0
  63. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +1 -0
  64. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → Tabs}/variations/_size/base.js +2 -2
  65. package/cjs/components/Tabs/ui/Tabs/variations/_size/base.js.map +1 -0
  66. package/cjs/components/Tabs/ui/{vertical/VerticalTabs/variations/_size/base_1sekozo.css → Tabs/variations/_size/base_iw773q.css} +1 -1
  67. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_view → Tabs/variations/_stretch}/base.js +2 -2
  68. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -0
  69. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +1 -0
  70. package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +9 -0
  71. package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js.map +1 -0
  72. package/cjs/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +1 -0
  73. package/cjs/components/TextArea/TextArea.js +22 -6
  74. package/cjs/components/TextArea/TextArea.js.map +1 -1
  75. package/cjs/components/TextArea/utils/index.js +12 -0
  76. package/cjs/components/TextArea/utils/index.js.map +1 -0
  77. package/cjs/components/TextField/TextField.js +14 -0
  78. package/cjs/components/TextField/TextField.js.map +1 -1
  79. package/cjs/components/TextField/TextField.styles.js +7 -1
  80. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  81. package/cjs/components/TextField/{TextField.styles_uponva.css → TextField.styles_b1zmrz.css} +1 -0
  82. package/cjs/hooks/useForm.js +134 -0
  83. package/cjs/hooks/useForm.js.map +1 -0
  84. package/cjs/index.css +30 -53
  85. package/cjs/index.js +11 -14
  86. package/cjs/index.js.map +1 -1
  87. package/cjs/utils/index.js.map +1 -1
  88. package/cjs/utils/setRefList.js +29 -0
  89. package/cjs/utils/setRefList.js.map +1 -0
  90. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +67 -4
  91. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -3
  92. package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
  93. package/emotion/cjs/components/DatePicker/utils/setInitialValue.js +11 -0
  94. package/emotion/cjs/components/Slider/Slider.js +15 -6
  95. package/emotion/cjs/components/Slider/components/Double/Double.js +40 -2
  96. package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +104 -0
  97. package/emotion/cjs/components/Slider/components/Single/Single.js +44 -8
  98. package/emotion/cjs/components/Slider/components/index.js +11 -0
  99. package/emotion/cjs/components/Slider/utils/index.js +6 -1
  100. package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +0 -40
  101. package/emotion/cjs/components/Tabs/createTabsController.js +1 -2
  102. package/emotion/cjs/components/Tabs/index.js +10 -43
  103. package/emotion/cjs/components/Tabs/tokens.js +4 -12
  104. package/{styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js → emotion/cjs/components/Tabs/ui/TabItem/TabItem.js} +14 -15
  105. package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.styles.js +39 -0
  106. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js +9 -0
  107. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js +9 -0
  108. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_size/base.js +9 -0
  109. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +10 -0
  110. package/{styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → emotion/cjs/components/Tabs/ui/Tabs/Tabs.js} +15 -15
  111. package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +55 -0
  112. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +9 -0
  113. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +9 -0
  114. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_size/base.js +9 -0
  115. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +10 -0
  116. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +9 -0
  117. package/emotion/cjs/components/TextArea/TextArea.js +18 -3
  118. package/emotion/cjs/components/TextArea/utils/index.js +11 -0
  119. package/emotion/cjs/components/TextField/TextField.js +15 -1
  120. package/emotion/cjs/components/TextField/TextField.styles.js +43 -31
  121. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +39 -0
  122. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +3 -14
  123. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +41 -0
  124. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +3 -16
  125. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +31 -277
  126. package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +39 -0
  127. package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.js +3 -14
  128. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +41 -0
  129. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.js +3 -16
  130. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +31 -279
  131. package/emotion/cjs/hooks/index.js +8 -1
  132. package/emotion/cjs/hooks/useForm.js +140 -0
  133. package/emotion/cjs/utils/index.js +15 -0
  134. package/emotion/cjs/utils/setRefList.js +28 -0
  135. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +67 -4
  136. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +31 -3
  137. package/emotion/es/components/DatePicker/hooks/useDatePicker.js +34 -1
  138. package/emotion/es/components/DatePicker/utils/setInitialValue.js +5 -0
  139. package/emotion/es/components/Slider/Slider.js +16 -6
  140. package/emotion/es/components/Slider/components/Double/Double.js +41 -3
  141. package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +95 -0
  142. package/emotion/es/components/Slider/components/Single/Single.js +45 -9
  143. package/emotion/es/components/Slider/components/index.js +1 -0
  144. package/emotion/es/components/Slider/utils/index.js +5 -0
  145. package/emotion/es/components/Tabs/Tabs.template-doc.mdx +0 -40
  146. package/emotion/es/components/Tabs/createTabsController.js +1 -2
  147. package/emotion/es/components/Tabs/index.js +2 -5
  148. package/emotion/es/components/Tabs/tokens.js +4 -12
  149. package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +10 -11
  150. package/emotion/es/components/Tabs/ui/TabItem/TabItem.styles.js +32 -0
  151. package/emotion/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +3 -0
  152. package/emotion/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +3 -0
  153. package/emotion/es/components/Tabs/ui/TabItem/variations/_size/base.js +3 -0
  154. package/emotion/es/components/Tabs/ui/TabItem/variations/_view/base.js +4 -0
  155. package/{styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → emotion/es/components/Tabs/ui/Tabs/Tabs.js} +9 -9
  156. package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +48 -0
  157. package/emotion/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +3 -0
  158. package/emotion/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +3 -0
  159. package/emotion/es/components/Tabs/ui/Tabs/variations/_size/base.js +3 -0
  160. package/emotion/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +4 -0
  161. package/emotion/es/components/Tabs/ui/Tabs/variations/_view/base.js +3 -0
  162. package/emotion/es/components/TextArea/TextArea.js +20 -5
  163. package/emotion/es/components/TextArea/utils/index.js +5 -0
  164. package/emotion/es/components/TextField/TextField.js +15 -1
  165. package/emotion/es/components/TextField/TextField.styles.js +42 -30
  166. package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +33 -0
  167. package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.js +4 -14
  168. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +35 -0
  169. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.js +4 -16
  170. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +31 -277
  171. package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +33 -0
  172. package/emotion/es/examples/plasma_web/components/Tabs/TabItem.js +4 -14
  173. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +35 -0
  174. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.js +4 -16
  175. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +31 -279
  176. package/emotion/es/hooks/index.js +2 -1
  177. package/emotion/es/hooks/useForm.js +131 -0
  178. package/emotion/es/utils/index.js +1 -0
  179. package/emotion/es/utils/setRefList.js +21 -0
  180. package/es/components/Autocomplete/Autocomplete.css +16 -15
  181. package/es/components/Combobox/ComboboxNew/Combobox.css +16 -15
  182. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +16 -15
  183. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +16 -15
  184. package/es/components/DatePicker/RangeDate/RangeDate.css +17 -16
  185. package/es/components/DatePicker/RangeDate/RangeDate.js +67 -4
  186. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  187. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -15
  188. package/es/components/DatePicker/SingleDate/SingleDate.css +17 -16
  189. package/es/components/DatePicker/SingleDate/SingleDate.js +31 -3
  190. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  191. package/es/components/DatePicker/hooks/useDatePicker.js +34 -1
  192. package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  193. package/es/components/DatePicker/utils/setInitialValue.js +8 -0
  194. package/es/components/DatePicker/utils/setInitialValue.js.map +1 -0
  195. package/es/components/Range/Range.css +16 -15
  196. package/es/components/Slider/Slider.css +17 -16
  197. package/es/components/Slider/Slider.js +20 -7
  198. package/es/components/Slider/Slider.js.map +1 -1
  199. package/es/components/Slider/components/Double/Double.css +17 -16
  200. package/es/components/Slider/components/Double/Double.js +41 -3
  201. package/es/components/Slider/components/Double/Double.js.map +1 -1
  202. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +96 -0
  203. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -0
  204. package/es/components/Slider/components/Single/Single.css +17 -0
  205. package/es/components/Slider/components/Single/Single.js +45 -9
  206. package/es/components/Slider/components/Single/Single.js.map +1 -1
  207. package/es/components/Slider/utils/index.js +6 -1
  208. package/es/components/Slider/utils/index.js.map +1 -1
  209. package/es/components/Tabs/createTabsController.js +1 -1
  210. package/es/components/Tabs/createTabsController.js.map +1 -1
  211. package/es/components/Tabs/tokens.js +4 -12
  212. package/es/components/Tabs/tokens.js.map +1 -1
  213. package/es/components/Tabs/ui/TabItem/TabItem.css +12 -0
  214. package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +13 -14
  215. package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -0
  216. package/es/components/Tabs/ui/TabItem/TabItem.styles.js +22 -0
  217. package/es/components/Tabs/ui/TabItem/TabItem.styles.js.map +1 -0
  218. package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles_1x0ujoz.css → TabItem/TabItem.styles_pj75hv.css} +4 -5
  219. package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +5 -0
  220. package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +1 -0
  221. package/es/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +1 -0
  222. package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_disabled → TabItem/variations/_pilled}/base.js +2 -2
  223. package/es/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +1 -0
  224. package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css → TabItem/variations/_pilled/base_l36za5.css} +1 -1
  225. package/es/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_disabled → TabItem/variations/_size}/base.js +2 -2
  226. package/es/components/Tabs/ui/TabItem/variations/_size/base.js.map +1 -0
  227. package/es/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +1 -0
  228. package/es/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_pilled → TabItem/variations/_view}/base.js +2 -2
  229. package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -0
  230. package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
  231. package/es/components/Tabs/ui/Tabs/Tabs.css +16 -0
  232. package/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +13 -13
  233. package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -0
  234. package/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +10 -10
  235. package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -0
  236. package/es/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +4 -0
  237. package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +5 -0
  238. package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +1 -0
  239. package/es/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +1 -0
  240. package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +5 -0
  241. package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +1 -0
  242. package/es/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +1 -0
  243. package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_view → Tabs/variations/_size}/base.js +2 -2
  244. package/es/components/Tabs/ui/Tabs/variations/_size/base.js.map +1 -0
  245. package/es/components/Tabs/ui/{vertical/VerticalTabs/variations/_size/base_1sekozo.css → Tabs/variations/_size/base_iw773q.css} +1 -1
  246. package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_size → Tabs/variations/_stretch}/base.js +2 -2
  247. package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -0
  248. package/es/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +1 -0
  249. package/es/components/Tabs/ui/Tabs/variations/_view/base.js +5 -0
  250. package/es/components/Tabs/ui/Tabs/variations/_view/base.js.map +1 -0
  251. package/es/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +1 -0
  252. package/es/components/TextArea/TextArea.js +19 -3
  253. package/es/components/TextArea/TextArea.js.map +1 -1
  254. package/es/components/TextArea/utils/index.js +8 -0
  255. package/es/components/TextArea/utils/index.js.map +1 -0
  256. package/es/components/TextField/TextField.js +14 -0
  257. package/es/components/TextField/TextField.js.map +1 -1
  258. package/es/components/TextField/TextField.styles.js +7 -2
  259. package/es/components/TextField/TextField.styles.js.map +1 -1
  260. package/es/components/TextField/{TextField.styles_uponva.css → TextField.styles_b1zmrz.css} +1 -0
  261. package/es/hooks/useForm.js +130 -0
  262. package/es/hooks/useForm.js.map +1 -0
  263. package/es/index.css +30 -53
  264. package/es/index.js +4 -5
  265. package/es/index.js.map +1 -1
  266. package/es/utils/index.js.map +1 -1
  267. package/es/utils/setRefList.js +24 -0
  268. package/es/utils/setRefList.js.map +1 -0
  269. package/package.json +2 -2
  270. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +67 -4
  271. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -3
  272. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
  273. package/styled-components/cjs/components/DatePicker/utils/setInitialValue.js +11 -0
  274. package/styled-components/cjs/components/Slider/Slider.js +15 -6
  275. package/styled-components/cjs/components/Slider/components/Double/Double.js +40 -2
  276. package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +104 -0
  277. package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +5 -0
  278. package/styled-components/cjs/components/Slider/components/Single/Single.js +44 -8
  279. package/styled-components/cjs/components/Slider/components/index.js +11 -0
  280. package/styled-components/cjs/components/Slider/utils/index.js +6 -1
  281. package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +0 -40
  282. package/styled-components/cjs/components/Tabs/createTabsController.js +1 -2
  283. package/styled-components/cjs/components/Tabs/index.js +10 -43
  284. package/styled-components/cjs/components/Tabs/tokens.js +4 -12
  285. package/{emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js → styled-components/cjs/components/Tabs/ui/TabItem/TabItem.js} +14 -15
  286. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +7 -10
  287. package/styled-components/cjs/components/Tabs/ui/TabItem/TabItem.types.js +5 -0
  288. package/styled-components/cjs/components/Tabs/ui/{vertical/VerticalTabItem → TabItem}/variations/_disabled/base.js +1 -1
  289. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.js +1 -1
  290. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.js +1 -1
  291. package/styled-components/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +10 -0
  292. package/{emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js} +15 -15
  293. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +6 -6
  294. package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.types.js +5 -0
  295. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.js +1 -1
  296. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.js +1 -1
  297. package/styled-components/cjs/components/Tabs/ui/{vertical/VerticalTabs → Tabs}/variations/_size/base.js +1 -1
  298. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/base.js +3 -3
  299. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.js +1 -1
  300. package/styled-components/cjs/components/TextArea/TextArea.js +17 -2
  301. package/styled-components/cjs/components/TextArea/utils/index.js +11 -0
  302. package/styled-components/cjs/components/TextField/TextField.js +14 -0
  303. package/styled-components/cjs/components/TextField/TextField.styles.js +5 -2
  304. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +5 -5
  305. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +3 -14
  306. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabs.config.js → Tabs.config.js} +1 -1
  307. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +3 -16
  308. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +31 -277
  309. package/styled-components/cjs/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +5 -5
  310. package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.js +3 -14
  311. package/styled-components/cjs/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabs.config.js → Tabs.config.js} +1 -1
  312. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.js +3 -16
  313. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +31 -279
  314. package/styled-components/cjs/hooks/index.js +8 -1
  315. package/styled-components/cjs/hooks/useForm.js +140 -0
  316. package/styled-components/cjs/types/FormType.js +5 -0
  317. package/styled-components/cjs/utils/index.js +15 -0
  318. package/styled-components/cjs/utils/setRefList.js +28 -0
  319. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +67 -4
  320. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +31 -3
  321. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +34 -1
  322. package/styled-components/es/components/DatePicker/utils/setInitialValue.js +5 -0
  323. package/styled-components/es/components/Slider/Slider.js +16 -6
  324. package/styled-components/es/components/Slider/components/Double/Double.js +41 -3
  325. package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +95 -0
  326. package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +1 -0
  327. package/styled-components/es/components/Slider/components/Single/Single.js +45 -9
  328. package/styled-components/es/components/Slider/components/index.js +1 -0
  329. package/styled-components/es/components/Slider/utils/index.js +5 -0
  330. package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +0 -40
  331. package/styled-components/es/components/Tabs/createTabsController.js +1 -2
  332. package/styled-components/es/components/Tabs/index.js +2 -5
  333. package/styled-components/es/components/Tabs/tokens.js +4 -12
  334. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +10 -11
  335. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +6 -9
  336. package/styled-components/es/components/Tabs/ui/TabItem/TabItem.types.js +1 -0
  337. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.js +1 -1
  338. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.js +1 -1
  339. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.js +1 -1
  340. package/styled-components/es/components/Tabs/ui/TabItem/variations/_view/base.js +4 -0
  341. package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → styled-components/es/components/Tabs/ui/Tabs/Tabs.js} +9 -9
  342. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +6 -6
  343. package/styled-components/es/components/Tabs/ui/Tabs/Tabs.types.js +1 -0
  344. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.js +1 -1
  345. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.js +1 -1
  346. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/base.js +1 -1
  347. package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +4 -0
  348. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.js +1 -1
  349. package/styled-components/es/components/TextArea/TextArea.js +19 -4
  350. package/styled-components/es/components/TextArea/utils/index.js +5 -0
  351. package/styled-components/es/components/TextField/TextField.js +14 -0
  352. package/styled-components/es/components/TextField/TextField.styles.js +4 -1
  353. package/styled-components/es/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js → plasma_b2c/components/Tabs/TabItem.config.js} +5 -5
  354. package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.js +4 -14
  355. package/styled-components/es/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_b2c/components/Tabs/Tabs.config.js} +1 -1
  356. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.js +4 -16
  357. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +31 -277
  358. package/styled-components/es/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js → plasma_web/components/Tabs/TabItem.config.js} +5 -5
  359. package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.js +4 -14
  360. package/styled-components/es/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_web/components/Tabs/Tabs.config.js} +1 -1
  361. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.js +4 -16
  362. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +31 -279
  363. package/styled-components/es/hooks/index.js +2 -1
  364. package/styled-components/es/hooks/useForm.js +131 -0
  365. package/styled-components/es/types/FormType.js +1 -0
  366. package/styled-components/es/utils/index.js +1 -0
  367. package/styled-components/es/utils/setRefList.js +21 -0
  368. package/types/components/DatePicker/DatePickerBase.types.d.ts +7 -0
  369. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  370. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +14 -0
  371. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  372. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +10 -0
  373. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
  374. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  375. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +10 -0
  376. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
  377. package/types/components/DatePicker/hooks/useDatePicker.d.ts +1 -1
  378. package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
  379. package/types/components/DatePicker/utils/setInitialValue.d.ts +2 -0
  380. package/types/components/DatePicker/utils/setInitialValue.d.ts.map +1 -0
  381. package/types/components/Slider/Slider.d.ts.map +1 -1
  382. package/types/components/Slider/Slider.types.d.ts +2 -2
  383. package/types/components/Slider/Slider.types.d.ts.map +1 -1
  384. package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
  385. package/types/components/Slider/components/Double/Double.types.d.ts +2 -0
  386. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
  387. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +4 -0
  388. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +1 -0
  389. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +40 -0
  390. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +1 -0
  391. package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
  392. package/types/components/Slider/components/Single/Single.types.d.ts +35 -5
  393. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
  394. package/types/components/Slider/components/index.d.ts +2 -0
  395. package/types/components/Slider/components/index.d.ts.map +1 -1
  396. package/types/components/Slider/utils/index.d.ts +1 -0
  397. package/types/components/Slider/utils/index.d.ts.map +1 -1
  398. package/types/components/Tabs/createTabsController.d.ts +3 -4
  399. package/types/components/Tabs/createTabsController.d.ts.map +1 -1
  400. package/types/components/Tabs/index.d.ts +4 -7
  401. package/types/components/Tabs/index.d.ts.map +1 -1
  402. package/types/components/Tabs/tokens.d.ts +4 -12
  403. package/types/components/Tabs/tokens.d.ts.map +1 -1
  404. package/types/components/Tabs/ui/TabItem/TabItem.d.ts +29 -0
  405. package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +1 -0
  406. package/types/components/Tabs/ui/{vertical/VerticalTabItem/VerticalTabItem.styles.d.ts → TabItem/TabItem.styles.d.ts} +1 -2
  407. package/types/components/Tabs/ui/TabItem/TabItem.styles.d.ts.map +1 -0
  408. package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts +54 -0
  409. package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map +1 -0
  410. package/types/components/Tabs/ui/TabItem/variations/_disabled/base.d.ts.map +1 -0
  411. package/types/components/Tabs/ui/TabItem/variations/_pilled/base.d.ts.map +1 -0
  412. package/types/components/Tabs/ui/TabItem/variations/_size/base.d.ts.map +1 -0
  413. package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map +1 -0
  414. package/types/components/Tabs/ui/Tabs/Tabs.d.ts +34 -0
  415. package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -0
  416. package/types/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts → Tabs/Tabs.styles.d.ts} +1 -1
  417. package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +1 -0
  418. package/types/components/Tabs/{Tabs.types.d.ts → ui/Tabs/Tabs.types.d.ts} +11 -42
  419. package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -0
  420. package/types/components/Tabs/ui/Tabs/variations/_disabled/base.d.ts.map +1 -0
  421. package/types/components/Tabs/ui/Tabs/variations/_pilled/base.d.ts.map +1 -0
  422. package/types/components/Tabs/ui/Tabs/variations/_size/base.d.ts.map +1 -0
  423. package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +1 -0
  424. package/types/components/Tabs/ui/Tabs/variations/_view/base.d.ts.map +1 -0
  425. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  426. package/types/components/TextArea/utils/index.d.ts +2 -0
  427. package/types/components/TextArea/utils/index.d.ts.map +1 -0
  428. package/types/components/TextField/TextField.d.ts.map +1 -1
  429. package/types/components/TextField/TextField.styles.d.ts +1 -0
  430. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  431. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +7 -0
  432. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
  433. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +47 -1
  434. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
  435. package/types/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabItem.config.d.ts → TabItem.config.d.ts} +1 -1
  436. package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +1 -0
  437. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +25 -2
  438. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
  439. package/types/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +1 -1
  440. package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +1 -0
  441. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +27 -2
  442. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
  443. package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map +1 -1
  444. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +7 -0
  445. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
  446. package/types/examples/plasma_web/components/Slider/Slider.d.ts +47 -1
  447. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
  448. package/types/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabItem.config.d.ts → TabItem.config.d.ts} +1 -1
  449. package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +1 -0
  450. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +25 -2
  451. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
  452. package/types/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +1 -1
  453. package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +1 -0
  454. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +27 -2
  455. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
  456. package/types/examples/plasma_web/components/Tabs/TabsController.d.ts.map +1 -1
  457. package/types/hooks/index.d.ts +1 -0
  458. package/types/hooks/index.d.ts.map +1 -1
  459. package/types/hooks/useForm.d.ts +10 -0
  460. package/types/hooks/useForm.d.ts.map +1 -0
  461. package/types/types/FormType.d.ts +13 -0
  462. package/types/types/FormType.d.ts.map +1 -0
  463. package/types/utils/index.d.ts +1 -0
  464. package/types/utils/index.d.ts.map +1 -1
  465. package/types/utils/setRefList.d.ts +6 -0
  466. package/types/utils/setRefList.d.ts.map +1 -0
  467. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -13
  468. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +0 -1
  469. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -35
  470. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +0 -1
  471. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +0 -1
  472. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +0 -1
  473. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +0 -1
  474. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +0 -1
  475. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +0 -1
  476. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +0 -1
  477. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_5iqr04.css +0 -1
  478. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +0 -16
  479. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +0 -1
  480. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +0 -1
  481. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +0 -4
  482. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +0 -1
  483. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +0 -1
  484. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +0 -1
  485. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +0 -1
  486. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
  487. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +0 -1
  488. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +0 -1
  489. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -9
  490. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +0 -1
  491. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +0 -1
  492. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -9
  493. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +0 -1
  494. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +0 -1
  495. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +0 -11
  496. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -124
  497. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +0 -1
  498. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +0 -1
  499. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1fzrmvg.css +0 -5
  500. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -9
  501. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +0 -1
  502. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +0 -1
  503. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -9
  504. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +0 -1
  505. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +0 -1
  506. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -9
  507. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +0 -1
  508. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_1iq8opt.css +0 -1
  509. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +0 -12
  510. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -220
  511. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +0 -1
  512. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -29
  513. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +0 -1
  514. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +0 -4
  515. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -9
  516. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +0 -1
  517. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +0 -1
  518. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -9
  519. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +0 -1
  520. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
  521. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +0 -1
  522. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +0 -1
  523. package/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -10
  524. package/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js.map +0 -1
  525. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -51
  526. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -9
  527. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -9
  528. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +0 -9
  529. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -10
  530. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +0 -55
  531. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -9
  532. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +0 -9
  533. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
  534. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -10
  535. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -9
  536. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -126
  537. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -51
  538. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -9
  539. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -9
  540. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
  541. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -10
  542. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -226
  543. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -46
  544. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -9
  545. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -9
  546. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
  547. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
  548. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -8
  549. package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -39
  550. package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +0 -41
  551. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
  552. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -28
  553. package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -39
  554. package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +0 -41
  555. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
  556. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -28
  557. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -44
  558. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -3
  559. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -3
  560. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +0 -3
  561. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -4
  562. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +0 -48
  563. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -3
  564. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +0 -3
  565. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -3
  566. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -4
  567. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -3
  568. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -117
  569. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -44
  570. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -3
  571. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -3
  572. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
  573. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -4
  574. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -217
  575. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -39
  576. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -3
  577. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -3
  578. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
  579. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -3
  580. package/emotion/es/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -2
  581. package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -33
  582. package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +0 -35
  583. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
  584. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -22
  585. package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -33
  586. package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +0 -35
  587. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
  588. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -22
  589. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -13
  590. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +0 -1
  591. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -27
  592. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +0 -1
  593. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +0 -1
  594. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +0 -1
  595. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -5
  596. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +0 -1
  597. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +0 -1
  598. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +0 -1
  599. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +0 -1
  600. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_5iqr04.css +0 -1
  601. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +0 -16
  602. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +0 -1
  603. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +0 -1
  604. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +0 -4
  605. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +0 -1
  606. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +0 -1
  607. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +0 -1
  608. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +0 -1
  609. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -5
  610. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +0 -1
  611. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +0 -1
  612. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -5
  613. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +0 -1
  614. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +0 -1
  615. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -5
  616. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +0 -1
  617. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +0 -1
  618. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +0 -11
  619. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -119
  620. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +0 -1
  621. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -27
  622. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +0 -1
  623. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1fzrmvg.css +0 -5
  624. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -5
  625. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +0 -1
  626. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +0 -1
  627. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -5
  628. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +0 -1
  629. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +0 -1
  630. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -5
  631. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +0 -1
  632. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_1iq8opt.css +0 -1
  633. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +0 -12
  634. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -215
  635. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +0 -1
  636. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -22
  637. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +0 -1
  638. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +0 -4
  639. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -5
  640. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +0 -1
  641. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +0 -1
  642. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -5
  643. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +0 -1
  644. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -5
  645. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +0 -1
  646. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +0 -1
  647. package/es/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -6
  648. package/es/components/Tabs/ui/vertical/VerticalTabsContext.js.map +0 -1
  649. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -9
  650. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +0 -4
  651. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -10
  652. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +0 -8
  653. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +0 -4
  654. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
  655. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +0 -1
  656. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -126
  657. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -33
  658. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +0 -4
  659. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -9
  660. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
  661. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -10
  662. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +0 -8
  663. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -226
  664. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -29
  665. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -9
  666. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +0 -4
  667. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
  668. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
  669. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +0 -1
  670. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -8
  671. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
  672. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -28
  673. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
  674. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -28
  675. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +0 -4
  676. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -4
  677. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +0 -8
  678. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +0 -4
  679. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -4
  680. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +0 -1
  681. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -117
  682. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -25
  683. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -3
  684. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +0 -4
  685. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -3
  686. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
  687. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -4
  688. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +0 -8
  689. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -217
  690. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -21
  691. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -3
  692. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +0 -4
  693. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -3
  694. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
  695. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -3
  696. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +0 -1
  697. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -2
  698. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
  699. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -22
  700. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
  701. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -22
  702. package/types/components/Tabs/TabItem.types.d.ts +0 -96
  703. package/types/components/Tabs/TabItem.types.d.ts.map +0 -1
  704. package/types/components/Tabs/Tabs.types.d.ts.map +0 -1
  705. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +0 -29
  706. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +0 -1
  707. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts +0 -7
  708. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +0 -1
  709. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.d.ts.map +0 -1
  710. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.d.ts.map +0 -1
  711. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.d.ts.map +0 -1
  712. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.d.ts.map +0 -1
  713. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +0 -34
  714. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +0 -1
  715. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +0 -1
  716. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.d.ts.map +0 -1
  717. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.d.ts.map +0 -1
  718. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.d.ts.map +0 -1
  719. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.d.ts.map +0 -1
  720. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.d.ts.map +0 -1
  721. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +0 -26
  722. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +0 -1
  723. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +0 -1
  724. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts +0 -2
  725. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts.map +0 -1
  726. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts +0 -2
  727. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts.map +0 -1
  728. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts +0 -2
  729. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts.map +0 -1
  730. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +0 -27
  731. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +0 -1
  732. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts +0 -8
  733. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +0 -1
  734. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts +0 -2
  735. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts.map +0 -1
  736. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts +0 -2
  737. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts.map +0 -1
  738. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts +0 -2
  739. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts.map +0 -1
  740. package/types/components/Tabs/ui/vertical/VerticalTabsContext.d.ts +0 -3
  741. package/types/components/Tabs/ui/vertical/VerticalTabsContext.d.ts.map +0 -1
  742. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +0 -1
  743. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +0 -1
  744. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -21
  745. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +0 -1
  746. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -21
  747. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts.map +0 -1
  748. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +0 -1
  749. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +0 -1
  750. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -21
  751. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +0 -1
  752. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -21
  753. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts.map +0 -1
  754. /package/emotion/cjs/components/{Tabs/TabItem.types.js → Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js} +0 -0
  755. /package/{styled-components/cjs/components/Tabs → emotion/cjs/components/Tabs/ui/TabItem}/TabItem.types.js +0 -0
  756. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/tokens.json +0 -0
  757. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
  758. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
  759. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/tokens.json +0 -0
  760. /package/emotion/cjs/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
  761. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/tokens.json +0 -0
  762. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
  763. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
  764. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
  765. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/tokens.json +0 -0
  766. /package/{styled-components/cjs/components/Tabs/Tabs.types.js → emotion/cjs/types/FormType.js} +0 -0
  767. /package/emotion/es/components/{Tabs/TabItem.types.js → Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js} +0 -0
  768. /package/{styled-components/es/components/Tabs → emotion/es/components/Tabs/ui/TabItem}/TabItem.types.js +0 -0
  769. /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabItem → es/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
  770. /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
  771. /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
  772. /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabItem → es/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
  773. /package/emotion/es/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
  774. /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabs → es/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
  775. /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
  776. /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
  777. /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
  778. /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabs → es/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
  779. /package/{styled-components/es/components/Tabs/Tabs.types.js → emotion/es/types/FormType.js} +0 -0
  780. /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem → styled-components/cjs/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
  781. /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
  782. /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
  783. /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem → styled-components/cjs/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
  784. /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs → styled-components/cjs/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
  785. /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
  786. /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
  787. /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
  788. /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs → styled-components/cjs/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
  789. /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabItem → styled-components/es/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
  790. /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
  791. /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
  792. /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabItem → styled-components/es/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
  793. /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabs → styled-components/es/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
  794. /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
  795. /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
  796. /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
  797. /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabs → styled-components/es/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
  798. /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.d.ts +0 -0
  799. /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.d.ts +0 -0
  800. /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.d.ts +0 -0
  801. /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/base.d.ts +0 -0
  802. /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.d.ts +0 -0
  803. /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.d.ts +0 -0
  804. /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/base.d.ts +0 -0
  805. /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/base.d.ts +0 -0
  806. /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.d.ts +0 -0
@@ -1,25 +0,0 @@
1
- var _templateObject;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
- import { css } from 'styled-components';
4
- import styled from 'styled-components';
5
- import { addFocus } from '../../../../../mixins';
6
- import { tokens } from '../../../tokens';
7
- export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n box-sizing: border-box;\n align-items: center;\n\n gap: var(", ");\n padding: var(", ");\n\n appearance: none;\n border: none;\n outline: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n ", ";\n"])), tokens.itemContentGap, tokens.itemPaddingOrientationVertical, /*#__PURE__*/addFocus({
8
- outlineSize: '0.063rem',
9
- outlineOffset: '-0.125rem',
10
- outlineColor: /*#__PURE__*/"var(".concat(tokens.outlineFocusColor, ")"),
11
- outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
12
- customFocusRules: /*#__PURE__*/"\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(".concat(tokens.outlineFocusColor, ");\n }\n }\n ")
13
- }));
14
- export var StyledContent = /*#__PURE__*/styled.div.withConfig({
15
- componentId: "plasma-new-hope__sc-1pflgj8-0"
16
- })(["display:inline-block;width:fit-content;padding:0 var(", ",var(", "));"], tokens.itemContentPaddingClear, tokens.itemContentPadding);
17
- export var TabItemValue = /*#__PURE__*/styled.span.withConfig({
18
- componentId: "plasma-new-hope__sc-1pflgj8-1"
19
- })(["color:var(", ");"], tokens.itemValueColor);
20
- export var RightContent = /*#__PURE__*/styled.div.withConfig({
21
- componentId: "plasma-new-hope__sc-1pflgj8-2"
22
- })(["display:flex;color:inherit;&:hover{color:inherit;}"]);
23
- export var LeftContent = /*#__PURE__*/styled.div.withConfig({
24
- componentId: "plasma-new-hope__sc-1pflgj8-3"
25
- })(["display:flex;color:inherit;&:hover{color:inherit;}"]);
@@ -1,3 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { classes, tokens } from '../../../../../tokens';
3
- export var base = /*#__PURE__*/css(["&[disabled]{cursor:not-allowed;&:hover{color:var(", ");background-color:var(", ");}&.", ":hover{color:var(", ");background-color:var(", ");}}"], tokens.itemColor, tokens.itemBackgroundColor, /*#__PURE__*/String(classes.selectedTabsItem), tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor);
@@ -1,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-tab-disabled-opacity"]
4
- }
@@ -1,3 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { tokens } from '../../../../../tokens';
3
- export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");width:100%;height:var(", ");"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.itemBorderRadius, tokens.itemBorderRadius, tokens.itemHeight);
@@ -1,11 +0,0 @@
1
- [
2
- "--plasma-tab-item-font-family",
3
- "--plasma-tab-item-font-size",
4
- "--plasma-tab-item-font-style",
5
- "--plasma-tab-item-font-weight",
6
- "--plasma-tab-item-letter-spacing",
7
- "--plasma-tab-item-lineheight",
8
- "--plasma-tab-item-border-radius",
9
- "--plasma-tab-item-width",
10
- "--plasma-tab-item-height"
11
- ]
@@ -1,4 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { classes, tokens } from '../../../../../tokens';
3
- import { TabItemValue } from '../../VerticalTabItem.styles';
4
- export var base = /*#__PURE__*/css(["color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}}&:active{color:var(", ");", "{color:var(", ");}}&.", "{transition:var(", ");}&.", "{color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");&::after{background:var(", ");}}", "{color:var(", ");&:hover{color:var(", ");}}&::after{content:'';position:absolute;top:0;left:0;bottom:0;background:var(", ");width:var(", ");border-radius:1px;}}"], tokens.itemColor, tokens.itemBackgroundColor, tokens.itemColorHover, tokens.itemBackgroundColorHover, TabItemValue, tokens.itemValueColorHover, tokens.itemColorActive, TabItemValue, tokens.itemValueColorActive, /*#__PURE__*/String(classes.tabItemAnimated), tokens.itemBackgroundTransition, /*#__PURE__*/String(classes.selectedTabsItem), tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor, tokens.itemSelectedColorHover, tokens.itemSelectedBackgroundColorHover, tokens.itemSelectedDividerColorHover, TabItemValue, tokens.itemSelectedValueColorHover, tokens.itemSelectedValueColorHover, tokens.itemSelectedDividerColor, tokens.itemSelectedDividerWidth);
@@ -1,8 +0,0 @@
1
- [
2
- "--plasma-tabs-underline-height",
3
- "--plasma-tabs-underline-color",
4
- "--plasma-tabs-font-weight",
5
- "--plasma-tabs-font-color",
6
- "--plasma-tabs-font-color-hover",
7
- "--plasma-tabs-cursor"
8
- ]
@@ -1,217 +0,0 @@
1
- var _excluded = ["id", "disabled", "clip", "size", "view", "children", "index", "className", "orientation", "hasDivider"];
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
5
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
6
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
7
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
8
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
9
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
10
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
11
- import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef } from 'react';
12
- import { safeUseId } from '@salutejs/plasma-core';
13
- import { classes, tokens } from '../../../tokens';
14
- import { cx } from '../../../../../utils';
15
- import { TabItemRefs, TabsContext } from '../../../TabsContext';
16
- import { IconDisclosureLeft, IconDisclosureRight } from '../../../../_Icon';
17
- import { base, StyledArrow, StyledContent, StyledContentWrapper } from './VerticalTabs.styles';
18
- import { base as sizeCSS } from './variations/_size/base';
19
- import { base as viewCSS } from './variations/_view/base';
20
- import { base as disabledCSS } from './variations/_disabled/base';
21
- var Keys = /*#__PURE__*/function (Keys) {
22
- Keys[Keys["end"] = 35] = "end";
23
- Keys[Keys["home"] = 36] = "home";
24
- Keys[Keys["up"] = 38] = "up";
25
- Keys[Keys["down"] = 40] = "down";
26
- return Keys;
27
- }(Keys || {});
28
- export var verticalTabsRoot = function verticalTabsRoot(Root) {
29
- return /*#__PURE__*/forwardRef(function (props, outerRef) {
30
- var id = props.id,
31
- _props$disabled = props.disabled,
32
- disabled = _props$disabled === void 0 ? false : _props$disabled,
33
- _props$clip = props.clip,
34
- clip = _props$clip === void 0 ? 'showAll' : _props$clip,
35
- size = props.size,
36
- view = props.view,
37
- children = props.children,
38
- index = props.index,
39
- className = props.className,
40
- orientation = props.orientation,
41
- _props$hasDivider = props.hasDivider,
42
- hasDivider = _props$hasDivider === void 0 ? true : _props$hasDivider,
43
- rest = _objectWithoutProperties(props, _excluded);
44
- var _useState = useState(true),
45
- _useState2 = _slicedToArray(_useState, 2),
46
- firstItemVisible = _useState2[0],
47
- setFirstItemVisible = _useState2[1];
48
- var _useState3 = useState(true),
49
- _useState4 = _slicedToArray(_useState3, 2),
50
- lastItemVisible = _useState4[0],
51
- setLastItemVisible = _useState4[1];
52
- var refs = useMemo(function () {
53
- return new TabItemRefs(index);
54
- }, []);
55
- var uniqId = safeUseId();
56
- var tabsId = id || uniqId;
57
- var noDividerClass = !hasDivider ? classes.tabsNoDivider : undefined;
58
- var hasTopArrowClass = !firstItemVisible ? classes.tabsHasTopArrow : undefined;
59
- var hasBottomArrowClass = !lastItemVisible ? classes.tabsHasBottomArrow : undefined;
60
- var clipScrollClass = clip === 'scroll' ? classes.tabsClipScroll : undefined;
61
- var clipShowAllClass = clip === 'showAll' ? classes.tabsClipShowAll : undefined;
62
- var scrollRef = useRef(null);
63
- var trackRef = useRef(null);
64
- var upArrowRef = useRef(null);
65
- var onPrev = useCallback(function () {
66
- var _firstOverflowingTab$;
67
- if (disabled || !scrollRef.current) {
68
- return;
69
- }
70
- var scrollTop = Math.round(scrollRef.current.scrollTop);
71
- var firstOverflowingTab = refs.items.slice().reverse().find(function (item) {
72
- if (!item.current || item.current.offsetTop === undefined) {
73
- return;
74
- }
75
- var tabStartX = item.current.offsetTop;
76
- return tabStartX < scrollTop;
77
- });
78
- firstOverflowingTab === null || firstOverflowingTab === void 0 || (_firstOverflowingTab$ = firstOverflowingTab.current) === null || _firstOverflowingTab$ === void 0 || _firstOverflowingTab$.scrollIntoView({
79
- block: 'nearest',
80
- inline: 'nearest'
81
- });
82
- }, [disabled, scrollRef, refs]);
83
- var onNext = useCallback(function () {
84
- var _lastOverflowingTab$c;
85
- if (disabled || !scrollRef.current) {
86
- return;
87
- }
88
- var scrollBottom = Math.round(scrollRef.current.scrollTop + scrollRef.current.clientHeight);
89
- var lastOverflowingTab = refs.items.find(function (item) {
90
- if (!item.current || item.current.offsetTop === undefined) {
91
- return;
92
- }
93
- var tabEndX = item.current.offsetTop + item.current.offsetHeight;
94
- return tabEndX > scrollBottom;
95
- });
96
- lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c = lastOverflowingTab.current) === null || _lastOverflowingTab$c === void 0 || _lastOverflowingTab$c.scrollIntoView({
97
- block: 'nearest',
98
- inline: 'nearest'
99
- });
100
- }, [disabled, scrollRef, refs]);
101
- var PreviousButton = /*#__PURE__*/React.createElement(StyledArrow, {
102
- type: "button",
103
- "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0442\u0430\u0431",
104
- onClick: onPrev,
105
- tabIndex: disabled ? -1 : 0,
106
- disabled: disabled,
107
- ref: upArrowRef
108
- }, /*#__PURE__*/React.createElement(IconDisclosureLeft, {
109
- color: "var(".concat(tokens.arrowColor, ")")
110
- }));
111
- var NextButton = /*#__PURE__*/React.createElement(StyledArrow, {
112
- type: "button",
113
- "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0442\u0430\u0431",
114
- onClick: onNext,
115
- tabIndex: disabled ? -1 : 0,
116
- disabled: disabled
117
- }, /*#__PURE__*/React.createElement(IconDisclosureRight, {
118
- color: "var(".concat(tokens.arrowColor, ")")
119
- }));
120
- var handleScroll = useCallback(function (event) {
121
- event.stopPropagation();
122
- var maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;
123
- var scrollTop = Math.round(event.currentTarget.scrollTop);
124
- setFirstItemVisible(scrollTop <= 0);
125
- setLastItemVisible(scrollTop >= maxScrollTop);
126
- }, [setFirstItemVisible, setLastItemVisible]);
127
- var onKeyDown = useCallback(function (event) {
128
- if (index === undefined) {
129
- return;
130
- }
131
- var minIndex = 0;
132
- var maxIndex = refs.items.length - 1;
133
- var nextIndex;
134
- switch (event.keyCode) {
135
- case Keys.end:
136
- nextIndex = maxIndex;
137
- break;
138
- case Keys.up:
139
- nextIndex = index > minIndex ? index - 1 : index;
140
- break;
141
- case Keys.down:
142
- nextIndex = index < maxIndex ? index + 1 : index;
143
- break;
144
- case Keys.home:
145
- nextIndex = minIndex;
146
- break;
147
- default:
148
- return;
149
- }
150
- if (nextIndex !== index) {
151
- var _refs$items$nextIndex, _refs$items$nextIndex2;
152
- event.preventDefault();
153
- (_refs$items$nextIndex = refs.items[nextIndex].current) === null || _refs$items$nextIndex === void 0 || _refs$items$nextIndex.focus();
154
- (_refs$items$nextIndex2 = refs.items[nextIndex].current) === null || _refs$items$nextIndex2 === void 0 || _refs$items$nextIndex2.scrollIntoView({
155
- block: 'center',
156
- inline: 'center',
157
- behavior: 'smooth'
158
- });
159
- }
160
- }, [index]);
161
- useEffect(function () {
162
- var _scrollRef$current, _scrollRef$current2;
163
- 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));
164
- }, []);
165
-
166
- // Этот хук компенсирует появление верхней стрелки при прокрутке
167
- useEffect(function () {
168
- if (firstItemVisible || !scrollRef.current || !upArrowRef.current) {
169
- return;
170
- }
171
- scrollRef.current.scrollTo({
172
- top: Math.round(scrollRef.current.scrollTop + upArrowRef.current.clientHeight)
173
- });
174
- }, [firstItemVisible, scrollRef, upArrowRef]);
175
- return /*#__PURE__*/React.createElement(TabsContext.Provider, {
176
- value: refs
177
- }, /*#__PURE__*/React.createElement(Root, _extends({
178
- view: view,
179
- role: "tablist",
180
- size: size,
181
- id: tabsId,
182
- ref: outerRef,
183
- disabled: disabled,
184
- className: cx(hasTopArrowClass, hasBottomArrowClass, noDividerClass, className),
185
- onKeyDown: onKeyDown,
186
- orientation: orientation
187
- }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/React.createElement(StyledContentWrapper, {
188
- className: cx(clipScrollClass, clipShowAllClass),
189
- ref: scrollRef,
190
- onScroll: handleScroll
191
- }, /*#__PURE__*/React.createElement(StyledContent, {
192
- ref: trackRef
193
- }, children)), !lastItemVisible && NextButton));
194
- });
195
- };
196
- export var verticalTabsConfig = {
197
- name: 'VerticalTabs',
198
- tag: 'div',
199
- layout: verticalTabsRoot,
200
- base: base,
201
- variations: {
202
- size: {
203
- css: sizeCSS
204
- },
205
- view: {
206
- css: viewCSS
207
- },
208
- disabled: {
209
- css: disabledCSS,
210
- attrs: true
211
- }
212
- },
213
- defaults: {
214
- view: 'divider',
215
- size: 'xs'
216
- }
217
- };
@@ -1,21 +0,0 @@
1
- var _templateObject;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
- import { css } from 'styled-components';
4
- import styled from 'styled-components';
5
- import { addFocus } from '../../../../../mixins';
6
- import { classes, tokens } from '../../../tokens';
7
- export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.125rem;\n align-items: center;\n"])));
8
- export var StyledContent = /*#__PURE__*/styled.div.withConfig({
9
- componentId: "plasma-new-hope__sc-gz8fxn-0"
10
- })(["display:inline-flex;flex-direction:column;align-items:start;"]);
11
- export var StyledContentWrapper = /*#__PURE__*/styled.div.withConfig({
12
- componentId: "plasma-new-hope__sc-gz8fxn-1"
13
- })(["margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center;z-index:1;&.", "{overflow:scroll;scroll-padding:0.25rem;overscroll-behavior:contain;scrollbar-width:none;::-webkit-scrollbar{display:none;}", "{margin-top:auto;}}&.", "{overflow:visible;}"], classes.tabsClipScroll, StyledContent, classes.tabsClipShowAll);
14
- export var StyledArrow = /*#__PURE__*/styled.button.withConfig({
15
- componentId: "plasma-new-hope__sc-gz8fxn-2"
16
- })(["display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;transform:rotate(90deg);", ";&[disabled]{cursor:not-allowed;}"], /*#__PURE__*/addFocus({
17
- outlineSize: '0.063rem',
18
- outlineOffset: '-0.125rem',
19
- outlineColor: /*#__PURE__*/"var(".concat(tokens.outlineFocusColor, ")"),
20
- outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)'
21
- }));
@@ -1,3 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { tokens } from '../../../../../tokens';
3
- export var base = /*#__PURE__*/css(["opacity:var(", ");"], tokens.disabledOpacity);
@@ -1,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-tabs-disabled-opacity"]
4
- }
@@ -1,3 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { tokens } from '../../../../../tokens';
3
- export var base = /*#__PURE__*/css(["width:var(", ");height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");"], tokens.tabsWidth, tokens.tabsHeight, tokens.tabsBorderRadius, tokens.tabsBorderRadius);
@@ -1 +0,0 @@
1
- ["--plasma-tabs-width", "--plasma-tabs-height", "--plasma-tabs-border-radius"]
@@ -1,3 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { classes, tokens } from '../../../../../tokens';
3
- export var base = /*#__PURE__*/css(["background-color:var(", ");&::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(", ");width:var(", ");border-radius:var(", ");}&.", "{&::after{top:1.5rem;}}&.", "{&::after{bottom:1.5rem;}}&.", "{&::after{width:0;}}"], tokens.tabsBackgroundColor, tokens.tabsDividerColor, tokens.tabsDividerWidth, tokens.tabsDividerBorderRadius, classes.tabsHasTopArrow, classes.tabsHasBottomArrow, classes.tabsNoDivider);
@@ -1 +0,0 @@
1
- ["--plasma-tabs-background-color", "--plasma-tabs-divider-height", "--plasma-tabs-divider-color"]
@@ -1,2 +0,0 @@
1
- import { createContext } from 'react';
2
- export var VerticalTabsContext = /*#__PURE__*/createContext(null);
@@ -1,22 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { tabsTokens } from '../../../../../components/Tabs';
3
- export var config = {
4
- defaults: {
5
- view: 'divider',
6
- size: 'xs'
7
- },
8
- variations: {
9
- view: {
10
- divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerWidth, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
11
- },
12
- size: {
13
- xs: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":2rem;", ":0 0.5rem;", ":0 0.375rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
14
- s: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":2.5rem;", ":0 0.625rem;", ":0 0.5rem;", ":0.5rem 1rem;", ":0.75rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
15
- m: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":3rem;", ":0 0.625rem;", ":0 0.5rem;", ":0.75rem 1.25rem;", ":1.125rem;", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
16
- l: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":3.5rem;", ":0 0.875rem;", ":0 0.75rem;", ":1rem 1.5rem;", ":1.25rem;", ":0.5rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight)
17
- },
18
- disabled: {
19
- "true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
20
- }
21
- }
22
- };
@@ -1,22 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { tabsTokens } from '../../../../../components/Tabs';
3
- export var config = {
4
- defaults: {
5
- view: 'divider',
6
- size: 'xs'
7
- },
8
- variations: {
9
- view: {
10
- divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--surface-accent);", ":0.0625rem;", ":0.0625rem;", ":var(--surface-transparent-tertiary);", ":0.0625rem;"], tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerWidth, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
11
- },
12
- size: {
13
- xs: /*#__PURE__*/css(["", ":0.5rem;", ":fit-content;", ":auto;", ":0rem;", ":0.125rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
14
- s: /*#__PURE__*/css(["", ":0.625rem;", ":fit-content;", ":auto;", ":0rem;", ":0.25rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
15
- m: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.625rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
16
- l: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.75rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
17
- },
18
- disabled: {
19
- "true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
20
- }
21
- }
22
- };
@@ -1,22 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { tabsTokens } from '../../../../../components/Tabs';
3
- export var config = {
4
- defaults: {
5
- view: 'divider',
6
- size: 'xs'
7
- },
8
- variations: {
9
- view: {
10
- divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerWidth, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
11
- },
12
- size: {
13
- xs: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":2rem;", ":0 0.5rem;", ":0 0.375rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
14
- s: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":2.5rem;", ":0 0.625rem;", ":0 0.5rem;", ":0.5rem 1rem;", ":0.75rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
15
- m: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":3rem;", ":0 0.625rem;", ":0 0.5rem;", ":0.75rem 1.25rem;", ":1.125rem;", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
16
- l: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":3.5rem;", ":0 0.875rem;", ":0 0.75rem;", ":1rem 1.5rem;", ":1.25rem;", ":0.5rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight)
17
- },
18
- disabled: {
19
- "true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
20
- }
21
- }
22
- };
@@ -1,22 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { tabsTokens } from '../../../../../components/Tabs';
3
- export var config = {
4
- defaults: {
5
- view: 'divider',
6
- size: 'xs'
7
- },
8
- variations: {
9
- view: {
10
- divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--surface-accent);", ":0.0625rem;", ":0.0625rem;", ":var(--surface-transparent-tertiary);", ":0.0625rem;"], tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerWidth, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
11
- },
12
- size: {
13
- xs: /*#__PURE__*/css(["", ":0.5rem;", ":fit-content;", ":auto;", ":0rem;", ":0.125rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
14
- s: /*#__PURE__*/css(["", ":0.625rem;", ":fit-content;", ":auto;", ":0rem;", ":0.25rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
15
- m: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.625rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
16
- l: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.75rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
17
- },
18
- disabled: {
19
- "true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
20
- }
21
- }
22
- };
@@ -1,96 +0,0 @@
1
- import type { ButtonHTMLAttributes, ReactNode } from 'react';
2
- import type { AsProps } from '../../types';
3
- declare type RightContent = {
4
- /**
5
- * Значение таба
6
- */
7
- value?: string | number;
8
- /**
9
- * Слот для контента справа, например `Icon`
10
- */
11
- contentRight?: never;
12
- } | {
13
- /**
14
- * Значение таба
15
- */
16
- value?: never;
17
- /**
18
- * Слот для контента справа, например `Icon`
19
- */
20
- contentRight?: ReactNode;
21
- };
22
- export interface BaseTabItemProps extends ButtonHTMLAttributes<HTMLButtonElement>, AsProps {
23
- /**
24
- * Выбран ли TabItem
25
- */
26
- selected?: boolean;
27
- /**
28
- * Скрыт ли TabItem
29
- * @default false
30
- */
31
- disabled?: boolean;
32
- /**
33
- * Контент справа
34
- */
35
- contentRight?: ReactNode;
36
- /**
37
- * Callback, необходимый для клавиатурной навигации
38
- */
39
- onIndexChange?: (index: number) => void;
40
- /**
41
- * Индекс TabItem внутри Tabs - необходим для клавиатурной навигации
42
- */
43
- itemIndex?: number;
44
- }
45
- export declare type CustomHorizontalTabItemProps = {
46
- /**
47
- * Расположение табов
48
- */
49
- orientation?: 'horizontal';
50
- /**
51
- * TabItem c округлым border-radius
52
- * @default false
53
- */
54
- pilled?: boolean;
55
- /**
56
- * Контент слева
57
- */
58
- contentLeft?: ReactNode;
59
- /**
60
- * Фон TabItem меняется с анимацией
61
- * @default true
62
- */
63
- animated?: boolean;
64
- /**
65
- * Вид TabItem
66
- */
67
- view?: 'clear' | 'secondary' | 'divider' | 'default';
68
- /**
69
- * Размер TabItem
70
- */
71
- size?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'xs' | 's' | 'm' | 'l';
72
- /**
73
- * Активен ли TabItem
74
- * @deprecated Используйте свойство `selected`
75
- */
76
- isActive?: boolean;
77
- } & RightContent;
78
- export declare type CustomVerticalTabItemProps = {
79
- /**
80
- * Расположение табов
81
- */
82
- orientation: 'vertical';
83
- /**
84
- * Вид TabItem
85
- */
86
- view?: 'divider';
87
- /**
88
- * Размер TabItem
89
- */
90
- size?: 'xs' | 's' | 'm' | 'l';
91
- } & RightContent;
92
- export declare type HorizontalTabItemProps = BaseTabItemProps & CustomHorizontalTabItemProps;
93
- export declare type VerticalTabItemProps = BaseTabItemProps & CustomVerticalTabItemProps;
94
- export declare type TabItemProps = HorizontalTabItemProps | VerticalTabItemProps;
95
- export {};
96
- //# sourceMappingURL=TabItem.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,aAAK,YAAY,GACX;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAER,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO;IACtF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,oBAAY,4BAA4B,GAAG;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;IACrD;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACjE;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,YAAY,CAAC;AAEjB,oBAAY,0BAA0B,GAAG;IACrC;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACjC,GAAG,YAAY,CAAC;AAEjB,oBAAY,sBAAsB,GAAG,gBAAgB,GAAG,4BAA4B,CAAC;AAErF,oBAAY,oBAAoB,GAAG,gBAAgB,GAAG,0BAA0B,CAAC;AAEjF,oBAAY,YAAY,GAAG,sBAAsB,GAAG,oBAAoB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO;IAC1E;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,oBAAY,yBAAyB,GAAG;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;IACjE;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/D,CAAC;AAEF,oBAAY,uBAAuB,GAAG;IAClC;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACjC,CAAC;AAEF,oBAAY,mBAAmB,GAAG,aAAa,GAAG,yBAAyB,CAAC;AAE5E,oBAAY,iBAAiB,GAAG,aAAa,GAAG,uBAAuB,CAAC;AAExE,oBAAY,SAAS,GAAG,mBAAmB,GAAG,iBAAiB,CAAC"}
@@ -1,29 +0,0 @@
1
- import React from 'react';
2
- import { RootProps } from '../../../../../engines';
3
- import { HorizontalTabItemProps } from '../../../TabItem.types';
4
- export declare const horizontalTabItemRoot: (Root: RootProps<HTMLDivElement, HorizontalTabItemProps>) => React.ForwardRefExoticComponent<HorizontalTabItemProps & React.RefAttributes<HTMLDivElement>>;
5
- export declare const horizontalTabItemConfig: {
6
- name: string;
7
- tag: string;
8
- layout: (Root: RootProps<HTMLDivElement, HorizontalTabItemProps>) => React.ForwardRefExoticComponent<HorizontalTabItemProps & React.RefAttributes<HTMLDivElement>>;
9
- base: import("@linaria/core").LinariaClassName;
10
- variations: {
11
- size: {
12
- css: import("@linaria/core").LinariaClassName;
13
- };
14
- view: {
15
- css: import("@linaria/core").LinariaClassName;
16
- };
17
- disabled: {
18
- css: import("@linaria/core").LinariaClassName;
19
- attrs: boolean;
20
- };
21
- pilled: {
22
- css: import("@linaria/core").LinariaClassName;
23
- };
24
- };
25
- defaults: {
26
- view: string;
27
- };
28
- };
29
- //# sourceMappingURL=HorizontalTabItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HorizontalTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAQhE,eAAO,MAAM,qBAAqB,SAAU,UAAU,cAAc,EAAE,sBAAsB,CAAC,kGAyGvF,CAAC;AAEP,eAAO,MAAM,uBAAuB;;;mBA3GQ,UAAU,cAAc,EAAE,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;CAkI5F,CAAC"}
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const base: import("@linaria/core").LinariaClassName;
3
- export declare const StyledContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
4
- export declare const TabItemValue: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
5
- export declare const RightContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
6
- export declare const LeftContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
7
- //# sourceMappingURL=HorizontalTabItem.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HorizontalTabItem.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAqChB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,uKAExB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAOvB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAchB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAOhB,CAAC"}