@salutejs/plasma-new-hope 0.162.3-canary.1374.11254951530.0 → 0.163.0-canary.1452.11263420833.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (785) hide show
  1. package/cjs/components/Slider/Slider.css +15 -13
  2. package/cjs/components/Slider/Slider.js +11 -3
  3. package/cjs/components/Slider/Slider.js.map +1 -1
  4. package/cjs/components/Slider/Slider.tokens.js +17 -5
  5. package/cjs/components/Slider/Slider.tokens.js.map +1 -1
  6. package/cjs/components/Slider/components/Double/Double.css +8 -8
  7. package/cjs/components/Slider/components/Double/Double.js +17 -9
  8. package/cjs/components/Slider/components/Double/Double.js.map +1 -1
  9. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +77 -0
  10. package/cjs/components/Slider/components/Single/Single.css +14 -14
  11. package/cjs/components/Slider/components/Single/Single.js +57 -31
  12. package/cjs/components/Slider/components/Single/Single.js.map +1 -1
  13. package/cjs/components/Slider/components/Single/Single.styles.js +4 -4
  14. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
  15. package/cjs/components/Slider/components/Single/Single.styles_17xv9r0.css +6 -0
  16. package/cjs/components/Slider/components/SliderBase/SliderBase.css +5 -5
  17. package/cjs/components/Slider/components/SliderBase/SliderBase.js +27 -12
  18. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
  19. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  20. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
  21. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +5 -0
  22. package/cjs/components/Slider/ui/Handler/Handler.css +3 -3
  23. package/cjs/components/Slider/ui/Handler/Handler.js +50 -89
  24. package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
  25. package/cjs/components/Slider/ui/Handler/Handler.styles.js +17 -7
  26. package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
  27. package/cjs/components/Slider/ui/Handler/Handler.styles_91c1xv.css +2 -0
  28. package/cjs/components/Slider/ui/Handler/computeKeyPressData.js +122 -0
  29. package/cjs/components/Slider/ui/Handler/computeKeyPressData.js.map +1 -0
  30. package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -1
  31. package/cjs/components/Slider/ui/Thumb/Thumb.js +3 -2
  32. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -1
  33. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
  34. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
  35. package/cjs/components/Slider/ui/Thumb/Thumb.styles_wjaol4.css +1 -0
  36. package/cjs/components/Slider/utils/index.js +28 -10
  37. package/cjs/components/Slider/utils/index.js.map +1 -1
  38. package/cjs/components/Slider/variations/_view/base.js +1 -1
  39. package/cjs/components/Slider/variations/_view/base.js.map +1 -1
  40. package/cjs/components/Slider/variations/_view/base_1s3f6q8.css +1 -0
  41. package/cjs/components/Tabs/createTabsController.js.map +1 -1
  42. package/cjs/components/Tabs/tokens.js +4 -12
  43. package/cjs/components/Tabs/tokens.js.map +1 -1
  44. package/cjs/components/Tabs/ui/TabItem/TabItem.css +12 -0
  45. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +18 -22
  46. package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +1 -0
  47. package/cjs/components/Tabs/ui/{vertical/VerticalTabItem/VerticalTabItem.styles.js → TabItem/TabItem.styles.js} +6 -12
  48. package/cjs/components/Tabs/ui/TabItem/TabItem.styles.js.map +1 -0
  49. package/cjs/components/Tabs/ui/TabItem/TabItem.styles_pj75hv.css +4 -0
  50. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled → TabItem/variations/_disabled}/base.js +2 -2
  51. package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +1 -0
  52. package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +1 -0
  53. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_disabled → TabItem/variations/_pilled}/base.js +2 -2
  54. package/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +1 -0
  55. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css → TabItem/variations/_pilled/base_l36za5.css} +1 -1
  56. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_disabled → TabItem/variations/_size}/base.js +2 -2
  57. package/cjs/components/Tabs/ui/TabItem/variations/_size/base.js.map +1 -0
  58. package/cjs/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +1 -0
  59. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_pilled → TabItem/variations/_view}/base.js +2 -2
  60. package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -0
  61. package/cjs/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
  62. package/cjs/components/Tabs/ui/Tabs/Tabs.css +16 -0
  63. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +21 -21
  64. package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -0
  65. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +10 -10
  66. package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -0
  67. package/cjs/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +4 -0
  68. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +9 -0
  69. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +1 -0
  70. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +1 -0
  71. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +9 -0
  72. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +1 -0
  73. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +1 -0
  74. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → Tabs}/variations/_size/base.js +2 -2
  75. package/cjs/components/Tabs/ui/Tabs/variations/_size/base.js.map +1 -0
  76. package/cjs/components/Tabs/ui/{vertical/VerticalTabs/variations/_size/base_1sekozo.css → Tabs/variations/_size/base_iw773q.css} +1 -1
  77. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_view → Tabs/variations/_stretch}/base.js +2 -2
  78. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -0
  79. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +1 -0
  80. package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +9 -0
  81. package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js.map +1 -0
  82. package/cjs/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +1 -0
  83. package/cjs/index.css +32 -54
  84. package/cjs/index.js +6 -12
  85. package/cjs/index.js.map +1 -1
  86. package/cjs/utils/index.js.map +1 -1
  87. package/emotion/cjs/components/Slider/Slider.js +10 -2
  88. package/emotion/cjs/components/Slider/Slider.tokens.js +17 -5
  89. package/emotion/cjs/components/Slider/components/Double/Double.js +13 -5
  90. package/emotion/cjs/components/Slider/components/Single/Single.js +57 -31
  91. package/emotion/cjs/components/Slider/components/Single/Single.styles.js +18 -9
  92. package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +27 -12
  93. package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +10 -10
  94. package/emotion/cjs/components/Slider/ui/Handler/Handler.js +53 -89
  95. package/emotion/cjs/components/Slider/ui/Handler/Handler.styles.js +9 -15
  96. package/emotion/cjs/components/Slider/ui/Handler/computeKeyPressData.js +121 -0
  97. package/emotion/cjs/components/Slider/ui/Thumb/Thumb.js +3 -2
  98. package/emotion/cjs/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
  99. package/emotion/cjs/components/Slider/utils/index.js +28 -10
  100. package/emotion/cjs/components/Slider/variations/_view/base.js +2 -1
  101. package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +21 -86
  102. package/emotion/cjs/components/Tabs/index.js +10 -36
  103. package/emotion/cjs/components/Tabs/tokens.js +4 -12
  104. package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +15 -19
  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/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +17 -17
  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/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
  118. package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +90 -16
  119. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +39 -0
  120. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +3 -14
  121. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +41 -0
  122. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +3 -14
  123. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +71 -428
  124. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabsController.js +3 -8
  125. package/emotion/cjs/examples/plasma_web/components/Slider/Slider.config.js +7 -7
  126. package/emotion/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +90 -15
  127. package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +39 -0
  128. package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.js +3 -14
  129. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +41 -0
  130. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.js +3 -14
  131. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +71 -428
  132. package/emotion/cjs/examples/plasma_web/components/Tabs/TabsController.js +3 -8
  133. package/emotion/es/components/Slider/Slider.js +11 -2
  134. package/emotion/es/components/Slider/Slider.tokens.js +17 -5
  135. package/emotion/es/components/Slider/components/Double/Double.js +13 -5
  136. package/emotion/es/components/Slider/components/Single/Single.js +58 -32
  137. package/emotion/es/components/Slider/components/Single/Single.styles.js +17 -8
  138. package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +27 -12
  139. package/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +11 -11
  140. package/emotion/es/components/Slider/ui/Handler/Handler.js +52 -87
  141. package/emotion/es/components/Slider/ui/Handler/Handler.styles.js +10 -16
  142. package/emotion/es/components/Slider/ui/Handler/computeKeyPressData.js +115 -0
  143. package/emotion/es/components/Slider/ui/Thumb/Thumb.js +3 -2
  144. package/emotion/es/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
  145. package/emotion/es/components/Slider/utils/index.js +28 -10
  146. package/emotion/es/components/Slider/variations/_view/base.js +2 -1
  147. package/emotion/es/components/Tabs/Tabs.template-doc.mdx +21 -86
  148. package/emotion/es/components/Tabs/index.js +2 -4
  149. package/emotion/es/components/Tabs/tokens.js +4 -12
  150. package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +11 -15
  151. package/emotion/es/components/Tabs/ui/TabItem/TabItem.styles.js +32 -0
  152. package/emotion/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +3 -0
  153. package/emotion/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +3 -0
  154. package/emotion/es/components/Tabs/ui/TabItem/variations/_size/base.js +3 -0
  155. package/emotion/es/components/Tabs/ui/TabItem/variations/_view/base.js +4 -0
  156. package/{styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → emotion/es/components/Tabs/ui/Tabs/Tabs.js} +11 -11
  157. package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +48 -0
  158. package/emotion/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +3 -0
  159. package/emotion/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +3 -0
  160. package/emotion/es/components/Tabs/ui/Tabs/variations/_size/base.js +3 -0
  161. package/emotion/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +4 -0
  162. package/emotion/es/components/Tabs/ui/Tabs/variations/_view/base.js +3 -0
  163. package/emotion/es/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
  164. package/emotion/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +90 -16
  165. package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +33 -0
  166. package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.js +4 -14
  167. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +35 -0
  168. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.js +4 -14
  169. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +71 -428
  170. package/emotion/es/examples/plasma_b2c/components/Tabs/TabsController.js +4 -9
  171. package/emotion/es/examples/plasma_web/components/Slider/Slider.config.js +7 -7
  172. package/emotion/es/examples/plasma_web/components/Slider/Slider.stories.tsx +90 -15
  173. package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +33 -0
  174. package/emotion/es/examples/plasma_web/components/Tabs/TabItem.js +4 -14
  175. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +35 -0
  176. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.js +4 -14
  177. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +71 -428
  178. package/emotion/es/examples/plasma_web/components/Tabs/TabsController.js +4 -9
  179. package/es/components/Slider/Slider.css +15 -13
  180. package/es/components/Slider/Slider.js +11 -3
  181. package/es/components/Slider/Slider.js.map +1 -1
  182. package/es/components/Slider/Slider.tokens.js +17 -5
  183. package/es/components/Slider/Slider.tokens.js.map +1 -1
  184. package/es/components/Slider/components/Double/Double.css +8 -8
  185. package/es/components/Slider/components/Double/Double.js +13 -5
  186. package/es/components/Slider/components/Double/Double.js.map +1 -1
  187. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +77 -0
  188. package/es/components/Slider/components/Single/Single.css +14 -14
  189. package/es/components/Slider/components/Single/Single.js +58 -32
  190. package/es/components/Slider/components/Single/Single.js.map +1 -1
  191. package/es/components/Slider/components/Single/Single.styles.js +4 -4
  192. package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
  193. package/es/components/Slider/components/Single/Single.styles_17xv9r0.css +6 -0
  194. package/es/components/Slider/components/SliderBase/SliderBase.css +5 -5
  195. package/es/components/Slider/components/SliderBase/SliderBase.js +27 -12
  196. package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
  197. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  198. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
  199. package/es/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +5 -0
  200. package/es/components/Slider/ui/Handler/Handler.css +3 -3
  201. package/es/components/Slider/ui/Handler/Handler.js +49 -88
  202. package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
  203. package/es/components/Slider/ui/Handler/Handler.styles.js +17 -7
  204. package/es/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
  205. package/es/components/Slider/ui/Handler/Handler.styles_91c1xv.css +2 -0
  206. package/es/components/Slider/ui/Handler/computeKeyPressData.js +118 -0
  207. package/es/components/Slider/ui/Handler/computeKeyPressData.js.map +1 -0
  208. package/es/components/Slider/ui/Thumb/Thumb.css +1 -1
  209. package/es/components/Slider/ui/Thumb/Thumb.js +3 -2
  210. package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -1
  211. package/es/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
  212. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
  213. package/es/components/Slider/ui/Thumb/Thumb.styles_wjaol4.css +1 -0
  214. package/es/components/Slider/utils/index.js +28 -10
  215. package/es/components/Slider/utils/index.js.map +1 -1
  216. package/es/components/Slider/variations/_view/base.js +1 -1
  217. package/es/components/Slider/variations/_view/base.js.map +1 -1
  218. package/es/components/Slider/variations/_view/base_1s3f6q8.css +1 -0
  219. package/es/components/Tabs/createTabsController.js.map +1 -1
  220. package/es/components/Tabs/tokens.js +4 -12
  221. package/es/components/Tabs/tokens.js.map +1 -1
  222. package/es/components/Tabs/ui/TabItem/TabItem.css +12 -0
  223. package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +14 -18
  224. package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -0
  225. package/es/components/Tabs/ui/TabItem/TabItem.styles.js +22 -0
  226. package/es/components/Tabs/ui/TabItem/TabItem.styles.js.map +1 -0
  227. package/es/components/Tabs/ui/TabItem/TabItem.styles_pj75hv.css +4 -0
  228. package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +5 -0
  229. package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +1 -0
  230. package/es/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +1 -0
  231. package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_disabled → TabItem/variations/_pilled}/base.js +2 -2
  232. package/es/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +1 -0
  233. package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css → TabItem/variations/_pilled/base_l36za5.css} +1 -1
  234. package/es/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_disabled → TabItem/variations/_size}/base.js +2 -2
  235. package/es/components/Tabs/ui/TabItem/variations/_size/base.js.map +1 -0
  236. package/es/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +1 -0
  237. package/es/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_pilled → TabItem/variations/_view}/base.js +2 -2
  238. package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -0
  239. package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
  240. package/es/components/Tabs/ui/Tabs/Tabs.css +16 -0
  241. package/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +15 -15
  242. package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -0
  243. package/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +10 -10
  244. package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -0
  245. package/es/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +4 -0
  246. package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +5 -0
  247. package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +1 -0
  248. package/es/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +1 -0
  249. package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +5 -0
  250. package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +1 -0
  251. package/es/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +1 -0
  252. package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_view → Tabs/variations/_size}/base.js +2 -2
  253. package/es/components/Tabs/ui/Tabs/variations/_size/base.js.map +1 -0
  254. package/es/components/Tabs/ui/{vertical/VerticalTabs/variations/_size/base_1sekozo.css → Tabs/variations/_size/base_iw773q.css} +1 -1
  255. package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_size → Tabs/variations/_stretch}/base.js +2 -2
  256. package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -0
  257. package/es/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +1 -0
  258. package/es/components/Tabs/ui/Tabs/variations/_view/base.js +5 -0
  259. package/es/components/Tabs/ui/Tabs/variations/_view/base.js.map +1 -0
  260. package/es/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +1 -0
  261. package/es/index.css +32 -54
  262. package/es/index.js +2 -4
  263. package/es/index.js.map +1 -1
  264. package/es/utils/index.js.map +1 -1
  265. package/package.json +2 -2
  266. package/styled-components/cjs/components/Slider/Slider.js +10 -2
  267. package/styled-components/cjs/components/Slider/Slider.tokens.js +17 -5
  268. package/styled-components/cjs/components/Slider/components/Double/Double.js +13 -5
  269. package/styled-components/cjs/components/Slider/components/Single/Single.js +57 -31
  270. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +5 -5
  271. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +27 -12
  272. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +6 -6
  273. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +53 -89
  274. package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +7 -4
  275. package/styled-components/cjs/components/Slider/ui/Handler/computeKeyPressData.js +121 -0
  276. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +3 -2
  277. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
  278. package/styled-components/cjs/components/Slider/utils/index.js +28 -10
  279. package/styled-components/cjs/components/Slider/variations/_view/base.js +2 -1
  280. package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +21 -86
  281. package/styled-components/cjs/components/Tabs/index.js +10 -36
  282. package/styled-components/cjs/components/Tabs/tokens.js +4 -12
  283. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +15 -19
  284. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +8 -11
  285. package/styled-components/cjs/components/Tabs/ui/{vertical/VerticalTabItem → TabItem}/variations/_disabled/base.js +2 -2
  286. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.js +2 -2
  287. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.js +1 -1
  288. package/styled-components/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +10 -0
  289. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +17 -17
  290. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +6 -6
  291. package/styled-components/cjs/components/Tabs/ui/{vertical/VerticalTabs → Tabs}/variations/_disabled/base.js +1 -1
  292. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.js +2 -2
  293. package/styled-components/cjs/components/Tabs/ui/{vertical/VerticalTabs → Tabs}/variations/_size/base.js +1 -1
  294. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/base.js +3 -3
  295. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.js +1 -1
  296. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
  297. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +90 -16
  298. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +5 -5
  299. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +3 -14
  300. package/styled-components/cjs/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_b2c/components/Tabs/Tabs.config.js} +1 -1
  301. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +3 -14
  302. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +71 -428
  303. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabsController.js +3 -8
  304. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +3 -3
  305. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +90 -15
  306. package/styled-components/cjs/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +5 -5
  307. package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.js +3 -14
  308. package/styled-components/cjs/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_web/components/Tabs/Tabs.config.js} +1 -1
  309. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.js +3 -14
  310. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +71 -428
  311. package/styled-components/cjs/examples/plasma_web/components/Tabs/TabsController.js +3 -8
  312. package/styled-components/es/components/Slider/Slider.js +11 -2
  313. package/styled-components/es/components/Slider/Slider.tokens.js +17 -5
  314. package/styled-components/es/components/Slider/components/Double/Double.js +13 -5
  315. package/styled-components/es/components/Slider/components/Single/Single.js +58 -32
  316. package/styled-components/es/components/Slider/components/Single/Single.styles.js +4 -4
  317. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +27 -12
  318. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  319. package/styled-components/es/components/Slider/ui/Handler/Handler.js +52 -87
  320. package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +8 -5
  321. package/styled-components/es/components/Slider/ui/Handler/computeKeyPressData.js +115 -0
  322. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +3 -2
  323. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
  324. package/styled-components/es/components/Slider/utils/index.js +28 -10
  325. package/styled-components/es/components/Slider/variations/_view/base.js +2 -1
  326. package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +21 -86
  327. package/styled-components/es/components/Tabs/index.js +2 -4
  328. package/styled-components/es/components/Tabs/tokens.js +4 -12
  329. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +11 -15
  330. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +7 -10
  331. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.js +2 -2
  332. package/styled-components/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +3 -0
  333. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.js +1 -1
  334. package/styled-components/es/components/Tabs/ui/TabItem/variations/_view/base.js +4 -0
  335. package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → styled-components/es/components/Tabs/ui/Tabs/Tabs.js} +11 -11
  336. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +6 -6
  337. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.js +1 -1
  338. package/styled-components/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +3 -0
  339. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/base.js +1 -1
  340. package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +4 -0
  341. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.js +1 -1
  342. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
  343. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +90 -16
  344. package/styled-components/es/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js → plasma_b2c/components/Tabs/TabItem.config.js} +5 -5
  345. package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.js +4 -14
  346. package/styled-components/es/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_b2c/components/Tabs/Tabs.config.js} +1 -1
  347. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.js +4 -14
  348. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +71 -428
  349. package/styled-components/es/examples/plasma_b2c/components/Tabs/TabsController.js +4 -9
  350. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +3 -3
  351. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +90 -15
  352. package/styled-components/es/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js → plasma_web/components/Tabs/TabItem.config.js} +5 -5
  353. package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.js +4 -14
  354. package/styled-components/es/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_web/components/Tabs/Tabs.config.js} +1 -1
  355. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.js +4 -14
  356. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +71 -428
  357. package/styled-components/es/examples/plasma_web/components/Tabs/TabsController.js +4 -9
  358. package/types/components/Slider/Slider.d.ts.map +1 -1
  359. package/types/components/Slider/Slider.tokens.d.ts +16 -4
  360. package/types/components/Slider/Slider.tokens.d.ts.map +1 -1
  361. package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
  362. package/types/components/Slider/components/Double/Double.types.d.ts +1 -0
  363. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
  364. package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
  365. package/types/components/Slider/components/Single/Single.styles.d.ts +1 -1
  366. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
  367. package/types/components/Slider/components/Single/Single.types.d.ts +75 -7
  368. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
  369. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -1
  370. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +1 -1
  371. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -1
  372. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +1 -0
  373. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -1
  374. package/types/components/Slider/ui/Handler/Handler.d.ts.map +1 -1
  375. package/types/components/Slider/ui/Handler/Handler.styles.d.ts +6 -2
  376. package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +1 -1
  377. package/types/components/Slider/ui/Handler/Handler.types.d.ts +4 -1
  378. package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +1 -1
  379. package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts +12 -0
  380. package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts.map +1 -0
  381. package/types/components/Slider/ui/Thumb/Thumb.d.ts +1 -1
  382. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -1
  383. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -1
  384. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +1 -0
  385. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -1
  386. package/types/components/Slider/utils/index.d.ts +26 -8
  387. package/types/components/Slider/utils/index.d.ts.map +1 -1
  388. package/types/components/Slider/variations/_view/base.d.ts.map +1 -1
  389. package/types/components/Tabs/createTabsController.d.ts +4 -5
  390. package/types/components/Tabs/createTabsController.d.ts.map +1 -1
  391. package/types/components/Tabs/index.d.ts +4 -6
  392. package/types/components/Tabs/index.d.ts.map +1 -1
  393. package/types/components/Tabs/tokens.d.ts +4 -12
  394. package/types/components/Tabs/tokens.d.ts.map +1 -1
  395. package/types/components/Tabs/ui/TabItem/TabItem.d.ts +29 -0
  396. package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +1 -0
  397. package/types/components/Tabs/ui/{vertical/VerticalTabItem/VerticalTabItem.styles.d.ts → TabItem/TabItem.styles.d.ts} +1 -2
  398. package/types/components/Tabs/ui/TabItem/TabItem.styles.d.ts.map +1 -0
  399. package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts +54 -0
  400. package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map +1 -0
  401. package/types/components/Tabs/ui/TabItem/variations/_disabled/base.d.ts.map +1 -0
  402. package/types/components/Tabs/ui/TabItem/variations/_pilled/base.d.ts.map +1 -0
  403. package/types/components/Tabs/ui/TabItem/variations/_size/base.d.ts.map +1 -0
  404. package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map +1 -0
  405. package/types/components/Tabs/ui/Tabs/Tabs.d.ts +34 -0
  406. package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -0
  407. package/types/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts → Tabs/Tabs.styles.d.ts} +1 -1
  408. package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +1 -0
  409. package/types/components/Tabs/{Tabs.types.d.ts → ui/Tabs/Tabs.types.d.ts} +9 -36
  410. package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -0
  411. package/types/components/Tabs/ui/Tabs/variations/_disabled/base.d.ts.map +1 -0
  412. package/types/components/Tabs/ui/Tabs/variations/_pilled/base.d.ts.map +1 -0
  413. package/types/components/Tabs/ui/Tabs/variations/_size/base.d.ts.map +1 -0
  414. package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +1 -0
  415. package/types/components/Tabs/ui/Tabs/variations/_view/base.d.ts.map +1 -0
  416. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -1
  417. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +80 -2
  418. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
  419. package/types/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts → plasma_b2c/components/Tabs/TabItem.config.d.ts} +1 -1
  420. package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +1 -0
  421. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +3 -54
  422. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
  423. package/types/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +1 -1
  424. package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +1 -0
  425. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +3 -20
  426. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
  427. package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map +1 -1
  428. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -1
  429. package/types/examples/plasma_web/components/Slider/Slider.d.ts +80 -2
  430. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
  431. package/types/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts → plasma_web/components/Tabs/TabItem.config.d.ts} +1 -1
  432. package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +1 -0
  433. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +3 -54
  434. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
  435. package/types/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +1 -1
  436. package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +1 -0
  437. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +3 -20
  438. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
  439. package/types/examples/plasma_web/components/Tabs/TabsController.d.ts.map +1 -1
  440. package/types/utils/index.d.ts +1 -1
  441. package/types/utils/index.d.ts.map +1 -1
  442. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  443. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +0 -5
  444. package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
  445. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  446. package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
  447. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -13
  448. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +0 -1
  449. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -35
  450. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +0 -1
  451. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css +0 -5
  452. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +0 -1
  453. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +0 -1
  454. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +0 -1
  455. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +0 -1
  456. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +0 -1
  457. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +0 -1
  458. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_4zingj.css +0 -1
  459. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +0 -16
  460. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +0 -1
  461. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +0 -1
  462. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +0 -4
  463. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +0 -1
  464. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +0 -1
  465. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +0 -1
  466. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +0 -1
  467. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
  468. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +0 -1
  469. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +0 -1
  470. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -9
  471. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +0 -1
  472. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +0 -1
  473. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -9
  474. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +0 -1
  475. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +0 -1
  476. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +0 -11
  477. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -126
  478. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +0 -1
  479. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +0 -1
  480. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css +0 -5
  481. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -9
  482. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +0 -1
  483. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +0 -1
  484. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -9
  485. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +0 -1
  486. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +0 -1
  487. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -9
  488. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +0 -1
  489. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_fueiq8.css +0 -1
  490. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +0 -12
  491. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -220
  492. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +0 -1
  493. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -29
  494. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +0 -1
  495. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +0 -4
  496. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -9
  497. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +0 -1
  498. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +0 -1
  499. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -9
  500. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +0 -1
  501. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
  502. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +0 -1
  503. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +0 -1
  504. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -51
  505. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -9
  506. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -9
  507. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +0 -9
  508. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -10
  509. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +0 -55
  510. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -9
  511. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +0 -9
  512. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
  513. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -10
  514. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -9
  515. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -128
  516. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -51
  517. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -9
  518. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -9
  519. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
  520. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -10
  521. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -226
  522. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -46
  523. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -9
  524. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -9
  525. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
  526. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
  527. package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -39
  528. package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +0 -41
  529. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
  530. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -28
  531. package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -39
  532. package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +0 -41
  533. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
  534. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -28
  535. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -44
  536. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -3
  537. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -3
  538. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +0 -3
  539. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -4
  540. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +0 -48
  541. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -3
  542. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +0 -3
  543. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -3
  544. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -4
  545. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -3
  546. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -119
  547. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -44
  548. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -3
  549. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -3
  550. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
  551. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -4
  552. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -217
  553. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -39
  554. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -3
  555. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -3
  556. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
  557. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -3
  558. package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -33
  559. package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +0 -35
  560. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
  561. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -22
  562. package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -33
  563. package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +0 -35
  564. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
  565. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -22
  566. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  567. package/es/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +0 -5
  568. package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
  569. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  570. package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
  571. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -13
  572. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +0 -1
  573. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -27
  574. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +0 -1
  575. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css +0 -5
  576. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +0 -1
  577. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +0 -1
  578. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -5
  579. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +0 -1
  580. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +0 -1
  581. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +0 -1
  582. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +0 -1
  583. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_4zingj.css +0 -1
  584. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +0 -16
  585. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +0 -1
  586. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +0 -1
  587. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +0 -4
  588. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +0 -1
  589. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +0 -1
  590. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +0 -1
  591. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +0 -1
  592. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -5
  593. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +0 -1
  594. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +0 -1
  595. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -5
  596. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +0 -1
  597. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +0 -1
  598. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -5
  599. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +0 -1
  600. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +0 -1
  601. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +0 -11
  602. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -121
  603. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +0 -1
  604. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -27
  605. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +0 -1
  606. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css +0 -5
  607. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -5
  608. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +0 -1
  609. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +0 -1
  610. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -5
  611. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +0 -1
  612. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +0 -1
  613. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -5
  614. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +0 -1
  615. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_fueiq8.css +0 -1
  616. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +0 -12
  617. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -215
  618. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +0 -1
  619. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -22
  620. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +0 -1
  621. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +0 -4
  622. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -5
  623. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +0 -1
  624. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +0 -1
  625. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -5
  626. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +0 -1
  627. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -5
  628. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +0 -1
  629. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +0 -1
  630. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -9
  631. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +0 -4
  632. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -10
  633. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +0 -8
  634. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -9
  635. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +0 -4
  636. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
  637. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +0 -1
  638. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -128
  639. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -33
  640. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +0 -4
  641. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -9
  642. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
  643. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -10
  644. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +0 -8
  645. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -226
  646. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -29
  647. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +0 -4
  648. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
  649. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
  650. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +0 -1
  651. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
  652. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -28
  653. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
  654. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -28
  655. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +0 -4
  656. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -3
  657. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -4
  658. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +0 -8
  659. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +0 -4
  660. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +0 -3
  661. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -4
  662. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +0 -1
  663. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -119
  664. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -25
  665. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -3
  666. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +0 -4
  667. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -3
  668. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
  669. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -4
  670. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +0 -8
  671. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -217
  672. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -21
  673. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -3
  674. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +0 -4
  675. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -3
  676. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
  677. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -3
  678. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +0 -1
  679. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
  680. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -22
  681. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
  682. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -22
  683. package/types/components/Tabs/TabItem.types.d.ts +0 -96
  684. package/types/components/Tabs/TabItem.types.d.ts.map +0 -1
  685. package/types/components/Tabs/Tabs.types.d.ts.map +0 -1
  686. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +0 -29
  687. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +0 -1
  688. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts +0 -7
  689. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +0 -1
  690. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.d.ts.map +0 -1
  691. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.d.ts.map +0 -1
  692. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.d.ts.map +0 -1
  693. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.d.ts.map +0 -1
  694. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +0 -34
  695. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +0 -1
  696. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +0 -1
  697. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.d.ts.map +0 -1
  698. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.d.ts.map +0 -1
  699. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.d.ts.map +0 -1
  700. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.d.ts.map +0 -1
  701. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.d.ts.map +0 -1
  702. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +0 -26
  703. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +0 -1
  704. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +0 -1
  705. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts +0 -2
  706. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts.map +0 -1
  707. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts +0 -2
  708. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts.map +0 -1
  709. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts +0 -2
  710. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts.map +0 -1
  711. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +0 -27
  712. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +0 -1
  713. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts +0 -8
  714. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +0 -1
  715. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts +0 -2
  716. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts.map +0 -1
  717. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts +0 -2
  718. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts.map +0 -1
  719. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts +0 -2
  720. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts.map +0 -1
  721. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +0 -1
  722. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +0 -1
  723. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -21
  724. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +0 -1
  725. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -21
  726. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts.map +0 -1
  727. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +0 -1
  728. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +0 -1
  729. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -21
  730. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +0 -1
  731. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -21
  732. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts.map +0 -1
  733. /package/emotion/cjs/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
  734. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/tokens.json +0 -0
  735. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
  736. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
  737. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/tokens.json +0 -0
  738. /package/emotion/cjs/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
  739. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/tokens.json +0 -0
  740. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
  741. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
  742. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
  743. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/tokens.json +0 -0
  744. /package/emotion/es/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
  745. /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabItem → es/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
  746. /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
  747. /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
  748. /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabItem → es/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
  749. /package/emotion/es/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
  750. /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabs → es/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
  751. /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
  752. /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
  753. /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
  754. /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabs → es/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
  755. /package/styled-components/cjs/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
  756. /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem → styled-components/cjs/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
  757. /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
  758. /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
  759. /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem → styled-components/cjs/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
  760. /package/styled-components/cjs/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
  761. /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs → styled-components/cjs/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
  762. /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
  763. /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
  764. /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
  765. /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs → styled-components/cjs/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
  766. /package/styled-components/es/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
  767. /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabItem → styled-components/es/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
  768. /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
  769. /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
  770. /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabItem → styled-components/es/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
  771. /package/styled-components/es/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
  772. /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabs → styled-components/es/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
  773. /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
  774. /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
  775. /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
  776. /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabs → styled-components/es/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
  777. /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.d.ts +0 -0
  778. /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.d.ts +0 -0
  779. /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.d.ts +0 -0
  780. /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/base.d.ts +0 -0
  781. /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.d.ts +0 -0
  782. /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.d.ts +0 -0
  783. /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/base.d.ts +0 -0
  784. /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/base.d.ts +0 -0
  785. /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.d.ts +0 -0
@@ -7,14 +7,20 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.Handler = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
9
  var _reactDraggable = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react-draggable"));
10
- var _utils = /*#__PURE__*/require("../../utils");
10
+ var _utils = /*#__PURE__*/require("../../../../utils");
11
+ var _utils2 = /*#__PURE__*/require("../../utils");
11
12
  var _Thumb = /*#__PURE__*/require("../Thumb/Thumb");
13
+ var _Slider = /*#__PURE__*/require("../../Slider.tokens");
12
14
  var _Handler = /*#__PURE__*/require("./Handler.styles");
13
- var _excluded = ["stepSize", "onChangeCommitted", "onChange", "xPosition", "min", "max", "bounds", "zIndex", "disabled", "side", "showCurrentValue", "startOffset", "endOffset", "value"];
15
+ var _computeKeyPressData = /*#__PURE__*/require("./computeKeyPressData");
16
+ var _excluded = ["size", "orientation", "stepSize", "onChangeCommitted", "onChange", "position", "min", "max", "bounds", "zIndex", "disabled", "side", "showCurrentValue", "startOffset", "endOffset", "value", "valuePlacement"];
14
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
18
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
19
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
17
20
  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); }
21
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
22
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
23
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
18
24
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
19
25
  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."); }
20
26
  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); }
@@ -25,22 +31,14 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
25
31
  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; }
26
32
  // TODO: PLASMA-1707
27
33
 
28
- var KeyboardSupport = {
29
- PageUp: 33,
30
- PageDown: 34,
31
- End: 35,
32
- Home: 36,
33
- ArrowLeft: 37,
34
- ArrowUp: 38,
35
- ArrowRight: 39,
36
- ArrowDown: 40
37
- };
38
34
  var Handler = exports.Handler = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
39
- var stepSize = _ref.stepSize,
35
+ var size = _ref.size,
36
+ orientation = _ref.orientation,
37
+ stepSize = _ref.stepSize,
40
38
  onChangeCommitted = _ref.onChangeCommitted,
41
39
  onChange = _ref.onChange,
42
- _ref$xPosition = _ref.xPosition,
43
- xPosition = _ref$xPosition === void 0 ? 0 : _ref$xPosition,
40
+ _ref$position = _ref.position,
41
+ position = _ref$position === void 0 ? 0 : _ref$position,
44
42
  min = _ref.min,
45
43
  max = _ref.max,
46
44
  _ref$bounds = _ref.bounds,
@@ -55,122 +53,88 @@ var Handler = exports.Handler = /*#__PURE__*/(0, _react.forwardRef)(function (_r
55
53
  _ref$endOffset = _ref.endOffset,
56
54
  endOffset = _ref$endOffset === void 0 ? 0 : _ref$endOffset,
57
55
  value = _ref.value,
56
+ valuePlacement = _ref.valuePlacement,
58
57
  rest = _objectWithoutProperties(_ref, _excluded);
58
+ var isVertical = orientation === 'vertical';
59
59
  var lastOnChangeValue = (0, _react.useRef)();
60
- var _getOffsets = (0, _utils.getOffsets)(ref, side),
60
+ var _getOffsets = (0, _utils2.getOffsets)(ref, side, isVertical),
61
61
  _getOffsets2 = _slicedToArray(_getOffsets, 2),
62
- offsetLeft = _getOffsets2[0],
63
- offsetRight = _getOffsets2[1];
62
+ startClientOffset = _getOffsets2[0],
63
+ endClientOffset = _getOffsets2[1];
64
64
  var _bounds = _slicedToArray(bounds, 2),
65
- leftValueBound = _bounds[0],
66
- rightValueBound = _bounds[1];
67
- var leftPositionBound = leftValueBound ? (leftValueBound - min) * stepSize : null;
68
- var rightPositionBound = rightValueBound ? (rightValueBound - min) * stepSize : null;
69
- var position = typeof xPosition === 'number' ? {
70
- x: xPosition,
71
- y: 0
65
+ startValueBound = _bounds[0],
66
+ endValueBound = _bounds[1];
67
+ var startPositionBound = startValueBound ? (startValueBound - min) * stepSize : null;
68
+ var endPositionBound = endValueBound ? (endValueBound - min) * stepSize : null;
69
+ var dragPosition = typeof position === 'number' ? {
70
+ x: isVertical ? 0 : position,
71
+ y: isVertical ? position : 0
72
72
  } : undefined;
73
73
  var tabIndex = disabled ? -1 : 0;
74
- var computedBounds = {
75
- left: (leftPositionBound !== null && leftPositionBound !== void 0 ? leftPositionBound : 0) - (offsetLeft ? stepSize : 0),
76
- right: (rightPositionBound !== null && rightPositionBound !== void 0 ? rightPositionBound : stepSize * (max - min)) - (offsetRight ? stepSize : 0)
77
- };
78
- var showCurrentValueCondition = showCurrentValue && (xPosition >= startOffset && xPosition <= max * stepSize - endOffset || xPosition === 0 && value !== 0);
74
+ var computedBounds = _defineProperty(_defineProperty({}, isVertical ? 'top' : 'left', (startPositionBound !== null && startPositionBound !== void 0 ? startPositionBound : 0) - (startClientOffset ? stepSize : 0)), isVertical ? 'bottom' : 'right', (endPositionBound !== null && endPositionBound !== void 0 ? endPositionBound : stepSize * (max - min)) - (endClientOffset ? stepSize : 0));
75
+ var showCurrentValueCondition = showCurrentValue && (position >= startOffset && position <= max * stepSize - endOffset || position === 0 && value !== 0);
79
76
  var onDrag = function onDrag(_, data) {
80
- var newValue = (0, _utils.getSliderThumbValue)(data.x, stepSize, min, max);
77
+ var newValue = (0, _utils2.getSliderThumbValue)(isVertical ? data.y : data.x, stepSize, min, max);
81
78
  if (lastOnChangeValue.current !== newValue) {
82
79
  onChange === null || onChange === void 0 || onChange(newValue, data);
83
80
  lastOnChangeValue.current = newValue;
84
81
  }
85
82
  };
86
83
  var onStop = function onStop(_, data) {
87
- var newValue = (0, _utils.getSliderThumbValue)(data.x, stepSize, min, max);
84
+ var newValue = (0, _utils2.getSliderThumbValue)(isVertical ? data.y : data.x, stepSize, min, max);
88
85
  onChangeCommitted && onChangeCommitted(newValue, data);
89
86
  };
90
87
  var onKeyPress = function onKeyPress(event) {
91
88
  event.persist();
92
- var keyCode = event.keyCode,
93
- target = event.target;
94
- if (!Object.values(KeyboardSupport).includes(keyCode)) {
95
- return;
96
- }
97
- var ArrowUp = KeyboardSupport.ArrowUp,
98
- ArrowRight = KeyboardSupport.ArrowRight,
99
- ArrowDown = KeyboardSupport.ArrowDown,
100
- ArrowLeft = KeyboardSupport.ArrowLeft,
101
- Home = KeyboardSupport.Home,
102
- End = KeyboardSupport.End,
103
- PageDown = KeyboardSupport.PageDown,
104
- PageUp = KeyboardSupport.PageUp;
105
89
  var computedMultipleSteps = stepSize * (rest.multipleStepSize / 100 * max);
106
- var data = {
107
- x: 0,
108
- deltaX: stepSize,
109
- lastX: xPosition,
110
- y: 0,
111
- deltaY: 0,
112
- lastY: 0,
113
- node: target
114
- };
115
- switch (keyCode) {
116
- case ArrowUp:
117
- case ArrowRight:
118
- data.x = xPosition + stepSize;
119
- break;
120
- case ArrowDown:
121
- case ArrowLeft:
122
- data.x = xPosition - stepSize;
123
- data.deltaX = -stepSize;
124
- break;
125
- case PageUp:
126
- data.x = xPosition + computedMultipleSteps;
127
- data.deltaX = computedMultipleSteps;
128
- break;
129
- case PageDown:
130
- data.x = xPosition - computedMultipleSteps;
131
- data.deltaX = -computedMultipleSteps;
132
- break;
133
- case End:
134
- data.x = max * stepSize;
135
- break;
136
- case Home:
137
- data.x = 0;
138
- break;
139
- default:
140
- data.x = 0;
90
+ var data = (0, _computeKeyPressData.computeKeyPressData)(event, {
91
+ isVertical: isVertical,
92
+ stepSize: stepSize,
93
+ position: position,
94
+ max: max,
95
+ computedMultipleSteps: computedMultipleSteps
96
+ });
97
+ if (!data) {
98
+ return;
141
99
  }
142
100
  var left = computedBounds.left,
143
- right = computedBounds.right;
101
+ right = computedBounds.right,
102
+ top = computedBounds.top,
103
+ bottom = computedBounds.bottom;
144
104
 
145
105
  /*
146
106
  * INFO: Находим значение в диапазоне между указанными левой и правой границами.
107
+ * Или между верхней и нижней
147
108
  * Необходимо для правильного расчета положения SliderThumb.
148
109
  * см. функция clamp
149
110
  */
150
- var boundedValue = Math.max(Math.min(right, data.x), left);
151
- var computedValue = (0, _utils.getSliderThumbValue)(boundedValue, stepSize, min, max);
111
+ var boundedValue = isVertical ? Math.max(Math.min(bottom, data.y), top) : Math.max(Math.min(right, data.x), left);
112
+ var computedValue = (0, _utils2.getSliderThumbValue)(boundedValue, stepSize, min, max);
152
113
  lastOnChangeValue.current = computedValue;
153
114
  onChangeCommitted && onChangeCommitted(computedValue, data);
154
115
  };
155
116
  return /*#__PURE__*/_react["default"].createElement(_reactDraggable["default"], {
156
- axis: "x",
117
+ axis: isVertical ? 'y' : 'x',
157
118
  bounds: computedBounds,
158
- grid: [stepSize, 1],
119
+ grid: isVertical ? [1, stepSize] : [stepSize, 1],
159
120
  onStop: onStop,
160
121
  onDrag: onDrag,
161
- position: position,
122
+ position: dragPosition,
162
123
  disabled: disabled
163
124
  }, /*#__PURE__*/_react["default"].createElement(_Handler.HandlerStyled, {
164
125
  ref: ref,
165
126
  style: {
166
127
  zIndex: zIndex
167
128
  },
129
+ className: (0, _utils.cx)(isVertical && _Slider.classes.verticalOrientation, valuePlacement === 'left' && _Slider.classes.valuePlacementLeft),
130
+ isLarge: size === 'large',
168
131
  onKeyDown: onKeyPress
169
- }, /*#__PURE__*/_react["default"].createElement(_Thumb.Thumb, _extends({
132
+ }, size !== 'none' && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Thumb.Thumb, _extends({
170
133
  tabIndex: tabIndex,
171
134
  min: min,
172
135
  max: max,
173
136
  value: value,
174
- disabled: disabled
175
- }, rest)), showCurrentValueCondition && /*#__PURE__*/_react["default"].createElement(_Handler.StyledValue, null, value)));
137
+ disabled: disabled,
138
+ orientation: orientation
139
+ }, rest)), showCurrentValueCondition && /*#__PURE__*/_react["default"].createElement(_Handler.StyledValue, null, value))));
176
140
  });
@@ -7,20 +7,14 @@ exports.StyledValue = exports.HandlerStyled = void 0;
7
7
  var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
8
8
  var _Slider = /*#__PURE__*/require("../../Slider.tokens");
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
- function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
11
- var HandlerStyled = exports.HandlerStyled = /*#__PURE__*/(0, _base["default"])("div", {
12
- target: "e1o9stmr1",
13
- label: "plasma-new-hope__HandlerStyled"
14
- })(process.env.NODE_ENV === "production" ? {
15
- name: "1dnu1tq",
16
- styles: "cursor:pointer;position:absolute;z-index:1;top:0;left:0"
17
- } : {
18
- name: "1dnu1tq",
19
- styles: "cursor:pointer;position:absolute;z-index:1;top:0;left:0",
20
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2xpZGVyL3VpL0hhbmRsZXIvSGFuZGxlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2xpZGVyL3VpL0hhbmRsZXIvSGFuZGxlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1NsaWRlci50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgSGFuZGxlclN0eWxlZCA9IHN0eWxlZC5kaXZgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAxO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZhbHVlID0gc3R5bGVkLnNwYW5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDE7XG4gICAgdG9wOiB2YXIoJHt0b2tlbnMuY3VycmVudFZhbHVlVG9wT2Zmc2V0fSk7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1sZWZ0OiAtMC4xMjVyZW07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmN1cnJlbnRWYWx1ZUZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5jdXJyZW50VmFsdWVGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5jdXJyZW50VmFsdWVGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmN1cnJlbnRWYWx1ZUZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmN1cnJlbnRWYWx1ZUxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmN1cnJlbnRWYWx1ZUxpbmVIZWlnaHR9KTtcbmA7XG4iXX0= */",
21
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
22
- });
23
10
  var StyledValue = exports.StyledValue = /*#__PURE__*/(0, _base["default"])("span", {
24
- target: "e1o9stmr0",
11
+ target: "e1o9stmr1",
25
12
  label: "plasma-new-hope__StyledValue"
26
- })("position:absolute;z-index:1;top:var(", _Slider.tokens.currentValueTopOffset, ");text-align:center;width:100%;margin-left:-0.125rem;display:flex;justify-content:center;font-family:var(", _Slider.tokens.currentValueFontFamily, ");font-size:var(", _Slider.tokens.currentValueFontSize, ");font-style:var(", _Slider.tokens.currentValueFontStyle, ");font-weight:var(", _Slider.tokens.currentValueFontWeight, ");letter-spacing:var(", _Slider.tokens.currentValueLetterSpacing, ");line-height:var(", _Slider.tokens.currentValueLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2xpZGVyL3VpL0hhbmRsZXIvSGFuZGxlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXNDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2xpZGVyL3VpL0hhbmRsZXIvSGFuZGxlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1NsaWRlci50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgSGFuZGxlclN0eWxlZCA9IHN0eWxlZC5kaXZgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAxO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZhbHVlID0gc3R5bGVkLnNwYW5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDE7XG4gICAgdG9wOiB2YXIoJHt0b2tlbnMuY3VycmVudFZhbHVlVG9wT2Zmc2V0fSk7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1sZWZ0OiAtMC4xMjVyZW07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmN1cnJlbnRWYWx1ZUZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5jdXJyZW50VmFsdWVGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5jdXJyZW50VmFsdWVGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmN1cnJlbnRWYWx1ZUZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmN1cnJlbnRWYWx1ZUxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmN1cnJlbnRWYWx1ZUxpbmVIZWlnaHR9KTtcbmA7XG4iXX0= */"));
13
+ })("position:absolute;z-index:1;top:var(", _Slider.tokens.currentValueTopOffset, ");text-align:center;width:100%;margin-left:-0.125rem;display:flex;justify-content:center;font-family:var(", _Slider.tokens.currentValueFontFamily, ");font-size:var(", _Slider.tokens.currentValueFontSize, ");font-style:var(", _Slider.tokens.currentValueFontStyle, ");font-weight:var(", _Slider.tokens.currentValueFontWeight, ");letter-spacing:var(", _Slider.tokens.currentValueLetterSpacing, ");line-height:var(", _Slider.tokens.currentValueLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2xpZGVyL3VpL0hhbmRsZXIvSGFuZGxlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWtFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2xpZGVyL3VpL0hhbmRsZXIvSGFuZGxlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL1NsaWRlci50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVmFsdWUgPSBzdHlsZWQuc3Bhbjx7IGlzTGFyZ2VUaHVtYj86IGJvb2xlYW4gfT5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDE7XG4gICAgdG9wOiB2YXIoJHt0b2tlbnMuY3VycmVudFZhbHVlVG9wT2Zmc2V0fSk7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1sZWZ0OiAtMC4xMjVyZW07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmN1cnJlbnRWYWx1ZUZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5jdXJyZW50VmFsdWVGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5jdXJyZW50VmFsdWVGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmN1cnJlbnRWYWx1ZUZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmN1cnJlbnRWYWx1ZUxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmN1cnJlbnRWYWx1ZUxpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBIYW5kbGVyU3R5bGVkID0gc3R5bGVkLmRpdjx7IGlzTGFyZ2U/OiBib29sZWFuIH0+YFxuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICBib3R0b206IDA7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgLS10aHVtYi1zaXplOiAkeyh7IGlzTGFyZ2UgfSkgPT4gKGlzTGFyZ2UgPyBgdmFyKCR7dG9rZW5zLnRodW1iU2l6ZUxhcmdlfSlgIDogYHZhcigke3Rva2Vucy50aHVtYlNpemV9KWApfTtcblxuICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsT3JpZW50YXRpb259IHtcbiAgICAgICAgbGVmdDogMC4xMjVyZW07XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICBib3R0b206IGF1dG87XG4gICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuICAgICAgICAke1N0eWxlZFZhbHVlfSB7XG4gICAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIGxlZnQ6IGNhbGModmFyKCR7dG9rZW5zLnNpemV9KSAtICh2YXIoJHt0b2tlbnMuc2l6ZX0pIC0gdmFyKC0tdGh1bWItc2l6ZSkpIC8gMiArIDAuMjVyZW0pO1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnZhbHVlUGxhY2VtZW50TGVmdH0ge1xuICAgICAgICAke1N0eWxlZFZhbHVlfSB7XG4gICAgICAgICAgICBsZWZ0OiBhdXRvO1xuICAgICAgICAgICAgcmlnaHQ6IGNhbGModmFyKCR7dG9rZW5zLnNpemV9KSAtICh2YXIoJHt0b2tlbnMuc2l6ZX0pIC0gdmFyKC0tdGh1bWItc2l6ZSkpIC8gMiArIDAuMzEyNXJlbSk7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
14
+ var HandlerStyled = exports.HandlerStyled = /*#__PURE__*/(0, _base["default"])("div", {
15
+ target: "e1o9stmr0",
16
+ label: "plasma-new-hope__HandlerStyled"
17
+ })("cursor:pointer;position:absolute;z-index:1;top:0;left:0;bottom:0;display:flex;align-items:center;--thumb-size:", function (_ref) {
18
+ var isLarge = _ref.isLarge;
19
+ return isLarge ? "var(".concat(_Slider.tokens.thumbSizeLarge, ")") : "var(".concat(_Slider.tokens.thumbSize, ")");
20
+ }, ";&.", _Slider.classes.verticalOrientation, "{left:0.125rem;right:0;bottom:auto;align-items:flex-start;justify-content:center;", StyledValue, "{margin:0;top:0;bottom:0;right:0;left:calc(var(", _Slider.tokens.size, ") - (var(", _Slider.tokens.size, ") - var(--thumb-size)) / 2 + 0.25rem);align-items:center;justify-content:flex-start;}}&.", _Slider.classes.valuePlacementLeft, "{", StyledValue, "{left:auto;right:calc(var(", _Slider.tokens.size, ") - (var(", _Slider.tokens.size, ") - var(--thumb-size)) / 2 + 0.3125rem);justify-content:flex-end;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2xpZGVyL3VpL0hhbmRsZXIvSGFuZGxlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUI4RCIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NsaWRlci91aS9IYW5kbGVyL0hhbmRsZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9TbGlkZXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZhbHVlID0gc3R5bGVkLnNwYW48eyBpc0xhcmdlVGh1bWI/OiBib29sZWFuIH0+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAxO1xuICAgIHRvcDogdmFyKCR7dG9rZW5zLmN1cnJlbnRWYWx1ZVRvcE9mZnNldH0pO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBtYXJnaW4tbGVmdDogLTAuMTI1cmVtO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5jdXJyZW50VmFsdWVGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY3VycmVudFZhbHVlRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuY3VycmVudFZhbHVlRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5jdXJyZW50VmFsdWVGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jdXJyZW50VmFsdWVMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5jdXJyZW50VmFsdWVMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSGFuZGxlclN0eWxlZCA9IHN0eWxlZC5kaXY8eyBpc0xhcmdlPzogYm9vbGVhbiB9PmBcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDE7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIC0tdGh1bWItc2l6ZTogJHsoeyBpc0xhcmdlIH0pID0+IChpc0xhcmdlID8gYHZhcigke3Rva2Vucy50aHVtYlNpemVMYXJnZX0pYCA6IGB2YXIoJHt0b2tlbnMudGh1bWJTaXplfSlgKX07XG5cbiAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbE9yaWVudGF0aW9ufSB7XG4gICAgICAgIGxlZnQ6IDAuMTI1cmVtO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgYm90dG9tOiBhdXRvO1xuICAgICAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICAgICAgJHtTdHlsZWRWYWx1ZX0ge1xuICAgICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICBsZWZ0OiBjYWxjKHZhcigke3Rva2Vucy5zaXplfSkgLSAodmFyKCR7dG9rZW5zLnNpemV9KSAtIHZhcigtLXRodW1iLXNpemUpKSAvIDIgKyAwLjI1cmVtKTtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy52YWx1ZVBsYWNlbWVudExlZnR9IHtcbiAgICAgICAgJHtTdHlsZWRWYWx1ZX0ge1xuICAgICAgICAgICAgbGVmdDogYXV0bztcbiAgICAgICAgICAgIHJpZ2h0OiBjYWxjKHZhcigke3Rva2Vucy5zaXplfSkgLSAodmFyKCR7dG9rZW5zLnNpemV9KSAtIHZhcigtLXRodW1iLXNpemUpKSAvIDIgKyAwLjMxMjVyZW0pO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
@@ -0,0 +1,121 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.computeKeyPressData = void 0;
7
+ var KeyboardSupport = {
8
+ PageUp: 33,
9
+ PageDown: 34,
10
+ End: 35,
11
+ Home: 36,
12
+ ArrowLeft: 37,
13
+ ArrowUp: 38,
14
+ ArrowRight: 39,
15
+ ArrowDown: 40
16
+ };
17
+ var ArrowUp = KeyboardSupport.ArrowUp,
18
+ ArrowRight = KeyboardSupport.ArrowRight,
19
+ ArrowDown = KeyboardSupport.ArrowDown,
20
+ ArrowLeft = KeyboardSupport.ArrowLeft,
21
+ Home = KeyboardSupport.Home,
22
+ End = KeyboardSupport.End,
23
+ PageDown = KeyboardSupport.PageDown,
24
+ PageUp = KeyboardSupport.PageUp;
25
+ var computeVerticalMovement = function computeVerticalMovement(event, _ref) {
26
+ var stepSize = _ref.stepSize,
27
+ position = _ref.position,
28
+ max = _ref.max,
29
+ computedMultipleSteps = _ref.computedMultipleSteps;
30
+ var keyCode = event.keyCode,
31
+ target = event.target;
32
+ var data = {
33
+ x: 0,
34
+ deltaX: 0,
35
+ lastX: 0,
36
+ y: 0,
37
+ deltaY: stepSize,
38
+ lastY: position,
39
+ node: target
40
+ };
41
+ switch (keyCode) {
42
+ case ArrowUp:
43
+ case ArrowRight:
44
+ data.y = position - stepSize;
45
+ data.deltaY = -stepSize;
46
+ break;
47
+ case ArrowDown:
48
+ case ArrowLeft:
49
+ data.y = position + stepSize;
50
+ break;
51
+ case PageUp:
52
+ data.y = position - computedMultipleSteps;
53
+ data.deltaY = -computedMultipleSteps;
54
+ break;
55
+ case PageDown:
56
+ data.y = position + computedMultipleSteps;
57
+ data.deltaY = computedMultipleSteps;
58
+ break;
59
+ case End:
60
+ data.y = max * stepSize;
61
+ break;
62
+ case Home:
63
+ data.y = 0;
64
+ break;
65
+ default:
66
+ data.y = 0;
67
+ }
68
+ return data;
69
+ };
70
+ var computeHorizontalMovement = function computeHorizontalMovement(event, _ref2) {
71
+ var stepSize = _ref2.stepSize,
72
+ position = _ref2.position,
73
+ max = _ref2.max,
74
+ computedMultipleSteps = _ref2.computedMultipleSteps;
75
+ var keyCode = event.keyCode,
76
+ target = event.target;
77
+ var data = {
78
+ x: 0,
79
+ deltaX: stepSize,
80
+ lastX: position,
81
+ y: 0,
82
+ deltaY: 0,
83
+ lastY: 0,
84
+ node: target
85
+ };
86
+ switch (keyCode) {
87
+ case ArrowUp:
88
+ case ArrowRight:
89
+ data.x = position + stepSize;
90
+ break;
91
+ case ArrowDown:
92
+ case ArrowLeft:
93
+ data.x = position - stepSize;
94
+ data.deltaX = -stepSize;
95
+ break;
96
+ case PageUp:
97
+ data.x = position + computedMultipleSteps;
98
+ data.deltaX = computedMultipleSteps;
99
+ break;
100
+ case PageDown:
101
+ data.x = position - computedMultipleSteps;
102
+ data.deltaX = -computedMultipleSteps;
103
+ break;
104
+ case End:
105
+ data.x = max * stepSize;
106
+ break;
107
+ case Home:
108
+ data.x = 0;
109
+ break;
110
+ default:
111
+ data.x = 0;
112
+ }
113
+ return data;
114
+ };
115
+ var computeKeyPressData = exports.computeKeyPressData = function computeKeyPressData(event, params) {
116
+ var keyCode = event.keyCode;
117
+ if (!Object.values(KeyboardSupport).includes(keyCode)) {
118
+ return null;
119
+ }
120
+ return params.isVertical ? computeVerticalMovement(event, params) : computeHorizontalMovement(event, params);
121
+ };
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.Thumb = void 0;
7
7
  var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
8
  var _Thumb = /*#__PURE__*/require("./Thumb.styles");
9
- var _excluded = ["min", "max", "value", "ariaValueMin", "ariaLabel", "disabled"];
9
+ var _excluded = ["min", "max", "value", "ariaValueMin", "ariaLabel", "disabled", "orientation"];
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
11
  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); }
12
12
  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; }
@@ -19,6 +19,7 @@ var Thumb = exports.Thumb = function Thumb(_ref) {
19
19
  ariaValueMin = _ref$ariaValueMin === void 0 ? min : _ref$ariaValueMin,
20
20
  ariaLabel = _ref.ariaLabel,
21
21
  disabled = _ref.disabled,
22
+ orientation = _ref.orientation,
22
23
  rest = _objectWithoutProperties(_ref, _excluded);
23
24
  return /*#__PURE__*/_react["default"].createElement(_Thumb.ThumbBase, _extends({
24
25
  role: "slider",
@@ -27,6 +28,6 @@ var Thumb = exports.Thumb = function Thumb(_ref) {
27
28
  "aria-valuemax": max,
28
29
  "aria-valuenow": value,
29
30
  disabled: disabled,
30
- "aria-orientation": "horizontal"
31
+ "aria-orientation": orientation
31
32
  }, rest));
32
33
  };
@@ -11,9 +11,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
11
11
  var ThumbBase = exports.ThumbBase = /*#__PURE__*/(0, _base["default"])("div", {
12
12
  target: "e1lys3110",
13
13
  label: "plasma-new-hope__ThumbBase"
14
- })("width:var(", _Slider.tokens.thumbSize, ");height:var(", _Slider.tokens.thumbSize, ");position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(", _Slider.tokens.thumbBackgroundColor, ");margin:0.125rem;transition:border-color 0.1s ease-in-out;&:after{background:var(", _Slider.tokens.thumbBorderColor, ");margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}&:not([disabled]):hover:after,&:not([disabled]):active:after{background:var(", _Slider.tokens.thumbFocusBorderColor, ");}&[disabled]{cursor:not-allowed;}&:focus{outline:none;}", /*#__PURE__*/(0, _mixins.addFocus)({
15
- outlineOffset: '0.125rem',
14
+ })("width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;left:-0.0625rem;top:-0.0625rem;border-radius:50%;box-sizing:border-box;background:var(", _Slider.tokens.thumbBackgroundColor, ");margin:0.0625rem;transition:border-color 0.1s ease-in-out;&:after{background:var(", _Slider.tokens.thumbBorderColor, ");margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}&:not([disabled]):hover:after,&:not([disabled]):active:after{background:var(", _Slider.tokens.thumbFocusBorderColor, ");}&[disabled]{cursor:not-allowed;}&:focus{outline:none;}", /*#__PURE__*/(0, _mixins.addFocus)({
15
+ outlineOffset: '0.0625rem',
16
16
  outlineSize: '0.125rem',
17
17
  outlineRadius: '50%',
18
18
  outlineColor: /*#__PURE__*/"var(".concat(_Slider.tokens.thumbFocusBorderColor, ")")
19
- }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2xpZGVyL3VpL1RodW1iL1RodW1iLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMkQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TbGlkZXIvdWkvVGh1bWIvVGh1bWIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9TbGlkZXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFRodW1iQmFzZSA9IHN0eWxlZC5kaXY8eyBkaXNhYmxlZD86IGJvb2xlYW4gfT5gXG4gICAgd2lkdGg6IHZhcigke3Rva2Vucy50aHVtYlNpemV9KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy50aHVtYlNpemV9KTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbGVmdDogLTAuMTI1cmVtO1xuICAgIHRvcDogLTAuMTI1cmVtO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy50aHVtYkJhY2tncm91bmRDb2xvcn0pO1xuICAgIG1hcmdpbjogMC4xMjVyZW07XG4gICAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yIDAuMXMgZWFzZS1pbi1vdXQ7XG5cbiAgICAmOmFmdGVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRodW1iQm9yZGVyQ29sb3J9KTtcbiAgICAgICAgbWFyZ2luOiAtMC4xMjVyZW07XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGluc2V0OiAwO1xuICAgICAgICB6LWluZGV4OiAtMTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogaW5oZXJpdDtcbiAgICB9XG5cbiAgICAmOm5vdChbZGlzYWJsZWRdKTpob3ZlcjphZnRlcixcbiAgICAmOm5vdChbZGlzYWJsZWRdKTphY3RpdmU6YWZ0ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMudGh1bWJGb2N1c0JvcmRlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cblxuICAgICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzUwJScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy50aHVtYkZvY3VzQm9yZGVyQ29sb3J9KWAsXG4gICAgfSl9XG5gO1xuIl19 */"));
19
+ }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2xpZGVyL3VpL1RodW1iL1RodW1iLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMkQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TbGlkZXIvdWkvVGh1bWIvVGh1bWIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9TbGlkZXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFRodW1iQmFzZSA9IHN0eWxlZC5kaXY8eyBkaXNhYmxlZD86IGJvb2xlYW4gfT5gXG4gICAgd2lkdGg6IHZhcigtLXRodW1iLXNpemUpO1xuICAgIGhlaWdodDogdmFyKC0tdGh1bWItc2l6ZSk7XG4gICAgbWluLXdpZHRoOiB2YXIoLS10aHVtYi1zaXplKTtcbiAgICBtaW4taGVpZ2h0OiB2YXIoLS10aHVtYi1zaXplKTtcblxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBsZWZ0OiAtMC4wNjI1cmVtO1xuICAgIHRvcDogLTAuMDYyNXJlbTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMudGh1bWJCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICBtYXJnaW46IDAuMDYyNXJlbTtcbiAgICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgMC4xcyBlYXNlLWluLW91dDtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMudGh1bWJCb3JkZXJDb2xvcn0pO1xuICAgICAgICBtYXJnaW46IC0wLjA2MjVyZW07XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGluc2V0OiAwO1xuICAgICAgICB6LWluZGV4OiAtMTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogaW5oZXJpdDtcbiAgICB9XG5cbiAgICAmOm5vdChbZGlzYWJsZWRdKTpob3ZlcjphZnRlcixcbiAgICAmOm5vdChbZGlzYWJsZWRdKTphY3RpdmU6YWZ0ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMudGh1bWJGb2N1c0JvcmRlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cblxuICAgICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnMC4wNjI1cmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICc1MCUnLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMudGh1bWJGb2N1c0JvcmRlckNvbG9yfSlgLFxuICAgIH0pfVxuYDtcbiJdfQ== */"));
@@ -14,8 +14,8 @@ exports.sizeData = void 0;
14
14
  * @param {number} max
15
15
  * @return {number}
16
16
  */
17
- function getSliderThumbValue(handleCenterXRelative, stepSize, min, max) {
18
- var newValue = Math.round(handleCenterXRelative / stepSize) + min;
17
+ function getSliderThumbValue(handleCenterPosRelative, stepSize, min, max) {
18
+ var newValue = Math.round(handleCenterPosRelative / stepSize) + min;
19
19
  return Math.min(Math.max(newValue, min), max);
20
20
  }
21
21
 
@@ -26,11 +26,11 @@ function getSliderThumbValue(handleCenterXRelative, stepSize, min, max) {
26
26
  * @param {'left' | 'right'} side
27
27
  * @return Array<number>
28
28
  */
29
- function getOffsets(ref, side) {
29
+ function getOffsets(ref, side, isVertical) {
30
30
  if (!ref || !('current' in ref) || !ref.current || !side) {
31
31
  return [0, 0];
32
32
  }
33
- var size = ref.current.clientWidth;
33
+ var size = isVertical ? ref.current.clientHeight : ref.current.clientWidth;
34
34
  if (side === 'left') {
35
35
  return [0, size];
36
36
  }
@@ -41,15 +41,33 @@ function getOffsets(ref, side) {
41
41
  }
42
42
  var sizeData = exports.sizeData = {
43
43
  s: {
44
- indent: 0.5,
45
- fontSizeMultiplier: 16
44
+ small: {
45
+ indent: 0.5,
46
+ fontSizeMultiplier: 16
47
+ },
48
+ large: {
49
+ indent: 0.625,
50
+ fontSizeMultiplier: 16
51
+ }
46
52
  },
47
53
  m: {
48
- indent: 0.75,
49
- fontSizeMultiplier: 16
54
+ small: {
55
+ indent: 0.5,
56
+ fontSizeMultiplier: 16
57
+ },
58
+ large: {
59
+ indent: 0.625,
60
+ fontSizeMultiplier: 16
61
+ }
50
62
  },
51
63
  l: {
52
- indent: 0.75,
53
- fontSizeMultiplier: 16
64
+ small: {
65
+ indent: 0.5,
66
+ fontSizeMultiplier: 16
67
+ },
68
+ large: {
69
+ indent: 0.625,
70
+ fontSizeMultiplier: 16
71
+ }
54
72
  }
55
73
  };
@@ -5,4 +5,5 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.base = void 0;
7
7
  var _react = /*#__PURE__*/require("@emotion/react");
8
- var base = exports.base = /*#__PURE__*/(0, _react.css)(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2xpZGVyL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2xpZGVyL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYGA7XG4iXX0= */"));
8
+ var _Slider = /*#__PURE__*/require("../../Slider.tokens");
9
+ var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", _Slider.classes.verticalOrientation, "{height:100%;display:inline-flex;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2xpZGVyL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2xpZGVyL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICcuLi8uLi9TbGlkZXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMudmVydGljYWxPcmllbnRhdGlvbn0ge1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIH1cbmA7XG4iXX0= */"));
@@ -15,11 +15,6 @@ import { PropsTable, Description } from '@site/src/components';
15
15
  <Description name="TabItem" />
16
16
  <PropsTable name="TabItem" />
17
17
 
18
- :::caution Взаимоисключающие свойства
19
- Свойство `value` - это значение таба. Оно отображается справа от основного текста.<br/>
20
- `value` и `contentRight` взаимоисключающие: если передано одно, второе передать нельзя.
21
- :::
22
-
23
18
  ## TabsController (deprecated)
24
19
  Вместо этого используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange.
25
20
 
@@ -61,41 +56,6 @@ export function App() {
61
56
  }
62
57
  ```
63
58
 
64
- ### Расположение табов
65
- Табы могут быть горизонтальными (по умолчанию) и вертикальными. За это отвечает свойство `orientation`.
66
-
67
- ```tsx live
68
- import React, { useState } from 'react';
69
- import { Tabs, TabItem } from '@salutejs/{{ package }}';
70
- import { IconClock } from '@salutejs/plasma-icons';
71
-
72
- export function App() {
73
- const items = Array(8).fill(0);
74
- const [index, setIndex] = useState(0);
75
-
76
- return (
77
- <div>
78
- <Tabs view="divider" orientation="vertical" size="xs" style=\{{ width: '15rem' }}>
79
- {items.map((_, i) => (
80
- <TabItem
81
- view="divider"
82
- orientation="vertical"
83
- key={`item:${i}`}
84
- size="xs"
85
- selected={i === index}
86
- tabIndex={0}
87
- contentLeft={<IconClock size="xs" color="inherit" />}
88
- onClick={() => setIndex(i)}
89
- >
90
- {`Label${i + 1}`}
91
- </TabItem>
92
- ))}
93
- </Tabs>
94
- </div>
95
- );
96
- }
97
- ```
98
-
99
59
  ### Пример с прокруткой
100
60
 
101
61
  ```tsx live
@@ -183,9 +143,8 @@ export function App() {
183
143
  ```
184
144
 
185
145
  ### Подключение клавиатурной навигации
186
- Для этого необходимо дополнительно прокинуть свойства `index, itemIndex, onIndexChange`.<br/>
187
- Для горизонтальных табов: клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.<br/>
188
- Для вертикальных табов: клавиши ArrowUp, ArrowDown, Home, End для навигации по вкладкам.
146
+ Для этого необходимо дополнительно прокинуть свойства `index, itemIndex, onIndexChange`.
147
+ Клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
189
148
 
190
149
  ```tsx live
191
150
  import React, { useState } from 'react';
@@ -194,51 +153,27 @@ import { IconClock } from '@salutejs/plasma-icons';
194
153
 
195
154
  export function App() {
196
155
  const items = Array(4).fill(0);
197
- const [horizontalIndex, setHorizontalIndex] = useState(0);
198
- const [verticalIndex, setVerticalIndex] = useState(0);
156
+ const [index, setIndex] = useState(0);
199
157
 
200
158
  return (
201
- <div style=\{{ display: "flex", flexDirection: "column", gap: "50px"}}>
202
- <div>
203
- <Tabs view="divider" stretch size="xs" index={horizontalIndex}>
204
- {items.map((_, i) => (
205
- <TabItem
206
- view="divider"
207
- key={`item:${i}`}
208
- size="xs"
209
- itemIndex={i}
210
- onIndexChange={(i) => setHorizontalIndex(i)}
211
- selected={i === horizontalIndex}
212
- tabIndex={0}
213
- contentLeft={<IconClock size="xs" color="inherit" />}
214
- onClick={() => setHorizontalIndex(i)}
215
- >
216
- {`Label${i + 1}`}
217
- </TabItem>
218
- ))}
219
- </Tabs>
220
- </div>
221
-
222
- <div>
223
- <Tabs orientation="vertical" view="divider" size="xs" index={verticalIndex}>
224
- {items.map((_, i) => (
225
- <TabItem
226
- orientation="vertical"
227
- view="divider"
228
- key={`item:${i}`}
229
- size="xs"
230
- itemIndex={i}
231
- onIndexChange={(i) => setVerticalIndex(i)}
232
- selected={i === verticalIndex}
233
- tabIndex={0}
234
- contentLeft={<IconClock size="xs" color="inherit" />}
235
- onClick={() => setVerticalIndex(i)}
236
- >
237
- {`Label${i + 1}`}
238
- </TabItem>
239
- ))}
240
- </Tabs>
241
- </div>
159
+ <div>
160
+ <Tabs view="filled" stretch size="xs" index={index}>
161
+ {items.map((_, i) => (
162
+ <TabItem
163
+ view="secondary"
164
+ key={`item:${i}`}
165
+ size="xs"
166
+ itemIndex={i}
167
+ onIndexChange={(i) => setIndex(i)}
168
+ selected={i === index}
169
+ tabIndex={0}
170
+ contentLeft={<IconClock size="xs" color="inherit" />}
171
+ onClick={() => setIndex(i)}
172
+ >
173
+ {`Label${i + 1}`}
174
+ </TabItem>
175
+ ))}
176
+ </Tabs>
242
177
  </div>
243
178
  );
244
179
  }