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

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