@salutejs/plasma-new-hope 0.174.0-canary.1452.11462555994.0 → 0.174.0-canary.1497.11463811587.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (412) hide show
  1. package/cjs/components/Combobox/ComboboxOld/Combobox.css +28 -14
  2. package/cjs/components/Combobox/ComboboxOld/Combobox.js +2 -1
  3. package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +32 -18
  5. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +3 -2
  6. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
  7. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +32 -18
  8. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +3 -2
  9. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
  10. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +32 -18
  11. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +3 -2
  12. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
  13. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +32 -18
  14. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +3 -2
  15. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
  16. package/cjs/components/Dropdown/Dropdown.css +30 -16
  17. package/cjs/components/Dropdown/Dropdown.js +67 -45
  18. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  19. package/cjs/components/Dropdown/Dropdown.styles.js +14 -27
  20. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  21. package/cjs/components/Dropdown/Dropdown.styles_18f0qpm.css +2 -0
  22. package/cjs/components/Dropdown/Dropdown.tokens.js +24 -1
  23. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  24. package/cjs/components/Dropdown/FloatingPopover.js +104 -0
  25. package/cjs/components/Dropdown/FloatingPopover.js.map +1 -0
  26. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -52
  27. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  28. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +46 -6
  29. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
  30. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  31. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +27 -31
  32. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  33. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +5 -0
  34. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
  35. package/cjs/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_12e50g5.css → DropdownItem.styles_1lyg81y.css} +1 -1
  36. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
  37. package/cjs/components/Dropdown/utils/getItemByFocused.js +13 -0
  38. package/cjs/components/Dropdown/utils/getItemByFocused.js.map +1 -0
  39. package/cjs/components/Dropdown/utils/getItemId.js +10 -0
  40. package/cjs/components/Dropdown/utils/getItemId.js.map +1 -0
  41. package/cjs/components/Dropdown/utils/getPlacement.js +16 -0
  42. package/cjs/components/Dropdown/utils/getPlacement.js.map +1 -0
  43. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  44. package/cjs/components/Select/utils/getCorrectHeight.js.map +1 -1
  45. package/cjs/components/Slider/Slider.css +13 -15
  46. package/cjs/components/Slider/Slider.js +3 -11
  47. package/cjs/components/Slider/Slider.js.map +1 -1
  48. package/cjs/components/Slider/Slider.tokens.js +17 -23
  49. package/cjs/components/Slider/Slider.tokens.js.map +1 -1
  50. package/cjs/components/Slider/components/Double/Double.css +8 -8
  51. package/cjs/components/Slider/components/Double/Double.js +23 -58
  52. package/cjs/components/Slider/components/Double/Double.js.map +1 -1
  53. package/cjs/components/Slider/components/Single/Single.css +14 -14
  54. package/cjs/components/Slider/components/Single/Single.js +33 -64
  55. package/cjs/components/Slider/components/Single/Single.js.map +1 -1
  56. package/cjs/components/Slider/components/Single/Single.styles.js +4 -4
  57. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
  58. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  59. package/cjs/components/Slider/components/SliderBase/SliderBase.css +5 -5
  60. package/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
  61. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
  62. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  63. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
  64. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +5 -0
  65. package/cjs/components/Slider/ui/Handler/Handler.css +3 -3
  66. package/cjs/components/Slider/ui/Handler/Handler.js +88 -49
  67. package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
  68. package/cjs/components/Slider/ui/Handler/Handler.styles.js +7 -17
  69. package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
  70. package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
  71. package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -1
  72. package/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
  73. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -1
  74. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
  75. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
  76. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  77. package/cjs/components/Slider/utils/index.js +10 -28
  78. package/cjs/components/Slider/utils/index.js.map +1 -1
  79. package/cjs/components/Slider/variations/_view/base.js +1 -1
  80. package/cjs/components/Slider/variations/_view/base.js.map +1 -1
  81. package/cjs/components/Slider/variations/_view/base_x642ct.css +1 -0
  82. package/cjs/hooks/useOutsideClick.js +1 -1
  83. package/cjs/hooks/useOutsideClick.js.map +1 -1
  84. package/cjs/index.css +24 -28
  85. package/cjs/utils/index.js.map +1 -1
  86. package/emotion/cjs/components/Dropdown/Dropdown.js +58 -37
  87. package/emotion/cjs/components/Dropdown/Dropdown.styles.js +9 -25
  88. package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +36 -2
  89. package/emotion/cjs/components/Dropdown/FloatingPopover.js +109 -0
  90. package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
  91. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
  92. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +21 -41
  93. package/emotion/cjs/components/Dropdown/utils/getItemByFocused.js +12 -0
  94. package/emotion/cjs/components/Dropdown/utils/getItemId.js +9 -0
  95. package/emotion/cjs/components/Dropdown/utils/getPlacement.js +15 -0
  96. package/emotion/cjs/components/Dropdown/utils/index.js +23 -1
  97. package/emotion/cjs/components/Slider/Slider.js +2 -10
  98. package/emotion/cjs/components/Slider/Slider.template-doc.mdx +0 -26
  99. package/emotion/cjs/components/Slider/Slider.tokens.js +17 -23
  100. package/emotion/cjs/components/Slider/components/Double/Double.js +19 -54
  101. package/emotion/cjs/components/Slider/components/Single/Single.js +33 -64
  102. package/emotion/cjs/components/Slider/components/Single/Single.styles.js +9 -18
  103. package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
  104. package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +10 -10
  105. package/emotion/cjs/components/Slider/ui/Handler/Handler.js +88 -52
  106. package/emotion/cjs/components/Slider/ui/Handler/Handler.styles.js +15 -9
  107. package/emotion/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
  108. package/emotion/cjs/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
  109. package/emotion/cjs/components/Slider/utils/index.js +10 -28
  110. package/emotion/cjs/components/Slider/variations/_view/base.js +1 -2
  111. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  112. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  113. package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
  114. package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
  115. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  116. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  117. package/emotion/cjs/examples/plasma_web/components/Slider/Slider.config.js +7 -7
  118. package/emotion/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
  119. package/emotion/cjs/hooks/useOutsideClick.js +1 -1
  120. package/emotion/es/components/Dropdown/Dropdown.js +60 -40
  121. package/emotion/es/components/Dropdown/Dropdown.styles.js +9 -25
  122. package/emotion/es/components/Dropdown/Dropdown.tokens.js +35 -1
  123. package/emotion/es/components/Dropdown/FloatingPopover.js +102 -0
  124. package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
  125. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
  126. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +22 -42
  127. package/emotion/es/components/Dropdown/utils/getItemByFocused.js +6 -0
  128. package/emotion/es/components/Dropdown/utils/getItemId.js +3 -0
  129. package/emotion/es/components/Dropdown/utils/getPlacement.js +9 -0
  130. package/emotion/es/components/Dropdown/utils/index.js +4 -1
  131. package/emotion/es/components/Slider/Slider.js +2 -11
  132. package/emotion/es/components/Slider/Slider.template-doc.mdx +0 -26
  133. package/emotion/es/components/Slider/Slider.tokens.js +17 -23
  134. package/emotion/es/components/Slider/components/Double/Double.js +19 -54
  135. package/emotion/es/components/Slider/components/Single/Single.js +34 -65
  136. package/emotion/es/components/Slider/components/Single/Single.styles.js +8 -17
  137. package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
  138. package/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +11 -11
  139. package/emotion/es/components/Slider/ui/Handler/Handler.js +86 -51
  140. package/emotion/es/components/Slider/ui/Handler/Handler.styles.js +16 -10
  141. package/emotion/es/components/Slider/ui/Thumb/Thumb.js +2 -3
  142. package/emotion/es/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
  143. package/emotion/es/components/Slider/utils/index.js +10 -28
  144. package/emotion/es/components/Slider/variations/_view/base.js +1 -2
  145. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
  146. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  147. package/emotion/es/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
  148. package/emotion/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
  149. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
  150. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  151. package/emotion/es/examples/plasma_web/components/Slider/Slider.config.js +7 -7
  152. package/emotion/es/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
  153. package/emotion/es/hooks/useOutsideClick.js +1 -1
  154. package/es/components/Combobox/ComboboxOld/Combobox.css +28 -14
  155. package/es/components/Combobox/ComboboxOld/Combobox.js +2 -1
  156. package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
  157. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +32 -18
  158. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +3 -2
  159. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
  160. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +32 -18
  161. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +3 -2
  162. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
  163. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +32 -18
  164. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +3 -2
  165. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
  166. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +32 -18
  167. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +3 -2
  168. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
  169. package/es/components/Dropdown/Dropdown.css +30 -16
  170. package/es/components/Dropdown/Dropdown.js +68 -47
  171. package/es/components/Dropdown/Dropdown.js.map +1 -1
  172. package/es/components/Dropdown/Dropdown.styles.js +15 -27
  173. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  174. package/es/components/Dropdown/Dropdown.styles_18f0qpm.css +2 -0
  175. package/es/components/Dropdown/Dropdown.tokens.js +24 -1
  176. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  177. package/es/components/Dropdown/FloatingPopover.js +100 -0
  178. package/es/components/Dropdown/FloatingPopover.js.map +1 -0
  179. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -53
  180. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  181. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +46 -6
  182. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
  183. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  184. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +26 -29
  185. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  186. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +5 -0
  187. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
  188. package/es/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_12e50g5.css → DropdownItem.styles_1lyg81y.css} +1 -1
  189. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
  190. package/es/components/Dropdown/utils/getItemByFocused.js +9 -0
  191. package/es/components/Dropdown/utils/getItemByFocused.js.map +1 -0
  192. package/es/components/Dropdown/utils/getItemId.js +6 -0
  193. package/es/components/Dropdown/utils/getItemId.js.map +1 -0
  194. package/es/components/Dropdown/utils/getPlacement.js +12 -0
  195. package/es/components/Dropdown/utils/getPlacement.js.map +1 -0
  196. package/es/components/Dropdown/utils/index.js.map +1 -1
  197. package/es/components/Select/utils/getCorrectHeight.js.map +1 -1
  198. package/es/components/Slider/Slider.css +13 -15
  199. package/es/components/Slider/Slider.js +3 -11
  200. package/es/components/Slider/Slider.js.map +1 -1
  201. package/es/components/Slider/Slider.tokens.js +17 -23
  202. package/es/components/Slider/Slider.tokens.js.map +1 -1
  203. package/es/components/Slider/components/Double/Double.css +8 -8
  204. package/es/components/Slider/components/Double/Double.js +19 -54
  205. package/es/components/Slider/components/Double/Double.js.map +1 -1
  206. package/es/components/Slider/components/Single/Single.css +14 -14
  207. package/es/components/Slider/components/Single/Single.js +34 -65
  208. package/es/components/Slider/components/Single/Single.js.map +1 -1
  209. package/es/components/Slider/components/Single/Single.styles.js +4 -4
  210. package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
  211. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  212. package/es/components/Slider/components/SliderBase/SliderBase.css +5 -5
  213. package/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
  214. package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
  215. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  216. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
  217. package/es/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +5 -0
  218. package/es/components/Slider/ui/Handler/Handler.css +3 -3
  219. package/es/components/Slider/ui/Handler/Handler.js +87 -48
  220. package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
  221. package/es/components/Slider/ui/Handler/Handler.styles.js +7 -17
  222. package/es/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
  223. package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
  224. package/es/components/Slider/ui/Thumb/Thumb.css +1 -1
  225. package/es/components/Slider/ui/Thumb/Thumb.js +2 -3
  226. package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -1
  227. package/es/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
  228. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
  229. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  230. package/es/components/Slider/utils/index.js +10 -28
  231. package/es/components/Slider/utils/index.js.map +1 -1
  232. package/es/components/Slider/variations/_view/base.js +1 -1
  233. package/es/components/Slider/variations/_view/base.js.map +1 -1
  234. package/es/components/Slider/variations/_view/base_x642ct.css +1 -0
  235. package/es/hooks/useOutsideClick.js +1 -1
  236. package/es/hooks/useOutsideClick.js.map +1 -1
  237. package/es/index.css +24 -28
  238. package/es/utils/index.js.map +1 -1
  239. package/package.json +2 -2
  240. package/styled-components/cjs/components/Dropdown/Dropdown.js +58 -37
  241. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +9 -15
  242. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +36 -2
  243. package/styled-components/cjs/components/Dropdown/FloatingPopover.js +109 -0
  244. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
  245. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
  246. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +17 -19
  247. package/styled-components/cjs/components/Dropdown/utils/getItemByFocused.js +12 -0
  248. package/styled-components/cjs/components/Dropdown/utils/getItemId.js +9 -0
  249. package/styled-components/cjs/components/Dropdown/utils/getPlacement.js +15 -0
  250. package/styled-components/cjs/components/Dropdown/utils/index.js +23 -1
  251. package/styled-components/cjs/components/Slider/Slider.js +2 -10
  252. package/styled-components/cjs/components/Slider/Slider.template-doc.mdx +0 -26
  253. package/styled-components/cjs/components/Slider/Slider.tokens.js +17 -23
  254. package/styled-components/cjs/components/Slider/components/Double/Double.js +19 -54
  255. package/styled-components/cjs/components/Slider/components/Single/Single.js +33 -64
  256. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +6 -6
  257. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
  258. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +6 -6
  259. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +88 -52
  260. package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +4 -7
  261. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
  262. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
  263. package/styled-components/cjs/components/Slider/utils/index.js +10 -28
  264. package/styled-components/cjs/components/Slider/variations/_view/base.js +1 -2
  265. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  266. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  267. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
  268. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
  269. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  270. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  271. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +3 -3
  272. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
  273. package/styled-components/cjs/hooks/useOutsideClick.js +1 -1
  274. package/styled-components/es/components/Dropdown/Dropdown.js +60 -40
  275. package/styled-components/es/components/Dropdown/Dropdown.styles.js +9 -15
  276. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +35 -1
  277. package/styled-components/es/components/Dropdown/FloatingPopover.js +102 -0
  278. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
  279. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
  280. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +18 -20
  281. package/styled-components/es/components/Dropdown/utils/getItemByFocused.js +6 -0
  282. package/styled-components/es/components/Dropdown/utils/getItemId.js +3 -0
  283. package/styled-components/es/components/Dropdown/utils/getPlacement.js +9 -0
  284. package/styled-components/es/components/Dropdown/utils/index.js +4 -1
  285. package/styled-components/es/components/Slider/Slider.js +2 -11
  286. package/styled-components/es/components/Slider/Slider.template-doc.mdx +0 -26
  287. package/styled-components/es/components/Slider/Slider.tokens.js +17 -23
  288. package/styled-components/es/components/Slider/components/Double/Double.js +19 -54
  289. package/styled-components/es/components/Slider/components/Single/Single.js +34 -65
  290. package/styled-components/es/components/Slider/components/Single/Single.styles.js +5 -5
  291. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
  292. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  293. package/styled-components/es/components/Slider/ui/Handler/Handler.js +86 -51
  294. package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +5 -8
  295. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +2 -3
  296. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
  297. package/styled-components/es/components/Slider/utils/index.js +10 -28
  298. package/styled-components/es/components/Slider/variations/_view/base.js +1 -2
  299. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
  300. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  301. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
  302. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
  303. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
  304. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  305. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +3 -3
  306. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
  307. package/styled-components/es/hooks/useOutsideClick.js +1 -1
  308. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts +2 -1
  309. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts.map +1 -1
  310. package/types/components/Dropdown/Dropdown.d.ts +2 -1
  311. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  312. package/types/components/Dropdown/Dropdown.styles.d.ts +1 -6
  313. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  314. package/types/components/Dropdown/Dropdown.tokens.d.ts +25 -0
  315. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  316. package/types/components/Dropdown/Dropdown.types.d.ts +30 -4
  317. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  318. package/types/components/Dropdown/FloatingPopover.d.ts +5 -0
  319. package/types/components/Dropdown/FloatingPopover.d.ts.map +1 -0
  320. package/types/components/Dropdown/index.d.ts +1 -1
  321. package/types/components/Dropdown/index.d.ts.map +1 -1
  322. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
  323. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +1 -12
  324. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
  325. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  326. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +32 -3
  327. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
  328. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +1 -14
  329. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  330. package/types/components/Dropdown/utils/getItemByFocused.d.ts +4 -0
  331. package/types/components/Dropdown/utils/getItemByFocused.d.ts.map +1 -0
  332. package/types/components/Dropdown/utils/getItemId.d.ts +2 -0
  333. package/types/components/Dropdown/utils/getItemId.d.ts.map +1 -0
  334. package/types/components/Dropdown/utils/getPlacement.d.ts +3 -0
  335. package/types/components/Dropdown/utils/getPlacement.d.ts.map +1 -0
  336. package/types/components/Dropdown/utils/index.d.ts +3 -0
  337. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  338. package/types/components/Select/utils/getCorrectHeight.d.ts +2 -2
  339. package/types/components/Select/utils/getCorrectHeight.d.ts.map +1 -1
  340. package/types/components/Slider/Slider.d.ts.map +1 -1
  341. package/types/components/Slider/Slider.tokens.d.ts +16 -22
  342. package/types/components/Slider/Slider.tokens.d.ts.map +1 -1
  343. package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
  344. package/types/components/Slider/components/Double/Double.types.d.ts +0 -1
  345. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
  346. package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
  347. package/types/components/Slider/components/Single/Single.styles.d.ts +1 -1
  348. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
  349. package/types/components/Slider/components/Single/Single.types.d.ts +7 -80
  350. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
  351. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -1
  352. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +1 -1
  353. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -1
  354. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -6
  355. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -1
  356. package/types/components/Slider/ui/Handler/Handler.d.ts.map +1 -1
  357. package/types/components/Slider/ui/Handler/Handler.styles.d.ts +2 -6
  358. package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +1 -1
  359. package/types/components/Slider/ui/Handler/Handler.types.d.ts +1 -5
  360. package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +1 -1
  361. package/types/components/Slider/ui/Thumb/Thumb.d.ts +1 -1
  362. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -1
  363. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -1
  364. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -1
  365. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -1
  366. package/types/components/Slider/utils/index.d.ts +8 -26
  367. package/types/components/Slider/utils/index.d.ts.map +1 -1
  368. package/types/components/Slider/variations/_view/base.d.ts.map +1 -1
  369. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts +3 -3
  370. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +1 -1
  371. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +4 -4
  372. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -1
  373. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -1
  374. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +2 -84
  375. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
  376. package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts +3 -3
  377. package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts.map +1 -1
  378. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts +4 -4
  379. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts.map +1 -1
  380. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -1
  381. package/types/examples/plasma_web/components/Slider/Slider.d.ts +2 -84
  382. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
  383. package/types/hooks/useOutsideClick.d.ts +1 -1
  384. package/types/hooks/useOutsideClick.d.ts.map +1 -1
  385. package/types/utils/index.d.ts +1 -1
  386. package/types/utils/index.d.ts.map +1 -1
  387. package/cjs/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
  388. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +0 -6
  389. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -98
  390. package/cjs/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
  391. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +0 -5
  392. package/cjs/components/Slider/ui/Handler/Handler.styles_irtcgm.css +0 -2
  393. package/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -122
  394. package/cjs/components/Slider/ui/Handler/computeKeyPressData.js.map +0 -1
  395. package/cjs/components/Slider/ui/Thumb/Thumb.styles_uyn20e.css +0 -1
  396. package/cjs/components/Slider/variations/_view/base_1s3f6q8.css +0 -1
  397. package/emotion/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -121
  398. package/emotion/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -115
  399. package/es/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
  400. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +0 -6
  401. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -98
  402. package/es/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
  403. package/es/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +0 -5
  404. package/es/components/Slider/ui/Handler/Handler.styles_irtcgm.css +0 -2
  405. package/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -118
  406. package/es/components/Slider/ui/Handler/computeKeyPressData.js.map +0 -1
  407. package/es/components/Slider/ui/Thumb/Thumb.styles_uyn20e.css +0 -1
  408. package/es/components/Slider/variations/_view/base_1s3f6q8.css +0 -1
  409. package/styled-components/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -121
  410. package/styled-components/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -115
  411. package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts +0 -12
  412. package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts.map +0 -1
@@ -1,4 +1,4 @@
1
- .DropdownItem_styles_12e50g5_s1iqs5in__94ac8eef{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
2
- .DropdownItem_styles_12e50g5_sfg3dyd__94ac8eef{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
3
- .DropdownItem_styles_12e50g5_s1dea6tl__94ac8eef{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
4
- .DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:auto;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef:focus{outline:none;}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_focusVisible__94ac8eef:focus::before,.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef:hover:not(.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsSelected__94ac8eef{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsSelected__94ac8eef:hover:not(.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
1
+ .DropdownItem_styles_1lyg81y_s1iqs5in__b17ea060{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
2
+ .DropdownItem_styles_1lyg81y_sfg3dyd__b17ea060{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
3
+ .DropdownItem_styles_1lyg81y_s1dea6tl__b17ea060{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
4
+ .DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:auto;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060:focus{outline:none;}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_focusVisible__b17ea060:focus::before,.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060:hover:not(.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsSelected__b17ea060{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsSelected__b17ea060:hover:not(.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
@@ -0,0 +1,9 @@
1
+ var getItemByFocused = function getItemByFocused(focusedPath, focusedToValueMap) {
2
+ var focusedPathAsString = focusedPath.reduce(function (acc, n) {
3
+ return "".concat(acc, "/").concat(n);
4
+ }, '').replace(/^(\/)/, '');
5
+ return focusedToValueMap.get(focusedPathAsString);
6
+ };
7
+
8
+ export { getItemByFocused };
9
+ //# sourceMappingURL=getItemByFocused.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getItemByFocused.js","sources":["../../../../src/components/Dropdown/utils/getItemByFocused.ts"],"sourcesContent":["import { FocusedPathState } from '../reducers/focusedPathReducer';\nimport { FocusedToValueMapType } from '../hooks/useHashMaps';\n\nexport const getItemByFocused = (focusedPath: FocusedPathState, focusedToValueMap: FocusedToValueMapType) => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n\n return focusedToValueMap.get(focusedPathAsString);\n};\n"],"names":["getItemByFocused","focusedPath","focusedToValueMap","focusedPathAsString","reduce","acc","n","concat","replace","get"],"mappings":"AAGO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,WAA6B,EAAEC,iBAAwC,EAAK;EACzG,IAAMC,mBAAmB,GAAGF,WAAW,CAACG,MAAM,CAAC,UAACC,GAAG,EAAEC,CAAC,EAAA;AAAA,IAAA,OAAA,EAAA,CAAAC,MAAA,CAAQF,GAAG,EAAAE,GAAAA,CAAAA,CAAAA,MAAA,CAAID,CAAC,CAAA,CAAA;GAAE,EAAE,EAAE,CAAC,CAACE,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;AAElG,EAAA,OAAON,iBAAiB,CAACO,GAAG,CAACN,mBAAmB,CAAC,CAAA;AACrD;;;;"}
@@ -0,0 +1,6 @@
1
+ var getItemId = function getItemId(treeId, value) {
2
+ return "".concat(treeId, "-").concat(value);
3
+ };
4
+
5
+ export { getItemId };
6
+ //# sourceMappingURL=getItemId.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getItemId.js","sources":["../../../../src/components/Dropdown/utils/getItemId.ts"],"sourcesContent":["export const getItemId = (treeId: string, value: string): string => {\n return `${treeId}-${value}`;\n};\n"],"names":["getItemId","treeId","value","concat"],"mappings":"AAAO,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAIC,MAAc,EAAEC,KAAa,EAAa;AAChE,EAAA,OAAA,EAAA,CAAAC,MAAA,CAAUF,MAAM,EAAAE,GAAAA,CAAAA,CAAAA,MAAA,CAAID,KAAK,CAAA,CAAA;AAC7B;;;;"}
@@ -0,0 +1,12 @@
1
+ var getPlacement = function getPlacement(placement) {
2
+ if (!placement) {
3
+ return 'bottom-start';
4
+ }
5
+ if (placement === 'auto') {
6
+ return placement;
7
+ }
8
+ return "".concat(placement, "-start");
9
+ };
10
+
11
+ export { getPlacement };
12
+ //# sourceMappingURL=getPlacement.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getPlacement.js","sources":["../../../../src/components/Dropdown/utils/getPlacement.ts"],"sourcesContent":["import type { DropdownProps, PlacementType } from '../Dropdown.types';\n\nexport const getPlacement = (placement: DropdownProps['placement']): PlacementType => {\n if (!placement) {\n return 'bottom-start';\n }\n\n if (placement === 'auto') {\n return placement;\n }\n\n return `${placement}-start` as PlacementType;\n};\n"],"names":["getPlacement","placement","concat"],"mappings":"IAEaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,SAAqC,EAAoB;EAClF,IAAI,CAACA,SAAS,EAAE;AACZ,IAAA,OAAO,cAAc,CAAA;AACzB,GAAA;EAEA,IAAIA,SAAS,KAAK,MAAM,EAAE;AACtB,IAAA,OAAOA,SAAS,CAAA;AACpB,GAAA;EAEA,OAAAC,EAAAA,CAAAA,MAAA,CAAUD,SAAS,EAAA,QAAA,CAAA,CAAA;AACvB;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/Dropdown/utils/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { Children, HTMLAttributes, ElementType, cloneElement, isValidElement } from 'react';\n\nimport type { DropdownProps } from '../Dropdown.types';\n\nexport const getCorrectHeight = (listHeight: Required<DropdownProps>['listHeight']): string => {\n if (Number.isNaN(Number(listHeight))) {\n return listHeight.toString();\n }\n return `${listHeight}rem`;\n};\n\nexport const childrenWithProps = (children: ReactNode, additionalProps: HTMLAttributes<HTMLLIElement>) =>\n Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n return React.cloneElement(child, additionalProps);\n }\n return child;\n });\n\nconst isReactObject = (element: any): element is ElementType => {\n return typeof element === 'object' || typeof element === 'function';\n};\n\nexport const getValidComponent = (element: ElementType | ReactNode, props: object) => {\n if (isValidElement(element)) {\n return cloneElement(element, props);\n }\n\n if (isReactObject(element)) {\n const Component = element;\n\n return <Component {...props} />;\n }\n\n return element;\n};\n"],"names":["getCorrectHeight","listHeight","Number","isNaN","toString","concat","childrenWithProps","children","additionalProps","Children","map","child","React","isValidElement","cloneElement","isReactObject","element","_typeof","getValidComponent","props","Component","createElement"],"mappings":";;;IAKaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAiD,EAAa;EAC3F,IAAIC,MAAM,CAACC,KAAK,CAACD,MAAM,CAACD,UAAU,CAAC,CAAC,EAAE;AAClC,IAAA,OAAOA,UAAU,CAACG,QAAQ,EAAE,CAAA;AAChC,GAAA;EACA,OAAAC,EAAAA,CAAAA,MAAA,CAAUJ,UAAU,EAAA,KAAA,CAAA,CAAA;AACxB,EAAC;AAEM,IAAMK,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAmB,EAAEC,eAA8C,EAAA;EAAA,OACjGC,QAAQ,CAACC,GAAG,CAACH,QAAQ,EAAE,UAACI,KAAK,EAAK;AAC9B,IAAA,kBAAIC,KAAK,CAACC,cAAc,CAACF,KAAK,CAAC,EAAE;AAC7B,MAAA,oBAAOC,KAAK,CAACE,YAAY,CAACH,KAAK,EAAEH,eAAe,CAAC,CAAA;AACrD,KAAA;AACA,IAAA,OAAOG,KAAK,CAAA;AAChB,GAAC,CAAC,CAAA;AAAA,EAAA;AAEN,IAAMI,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,OAAY,EAA6B;EAC5D,OAAOC,OAAA,CAAOD,OAAO,CAAA,KAAK,QAAQ,IAAI,OAAOA,OAAO,KAAK,UAAU,CAAA;AACvE,CAAC,CAAA;AAEM,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIF,OAAgC,EAAEG,KAAa,EAAK;AAClF,EAAA,kBAAIN,cAAc,CAACG,OAAO,CAAC,EAAE;AACzB,IAAA,oBAAOF,YAAY,CAACE,OAAO,EAAEG,KAAK,CAAC,CAAA;AACvC,GAAA;AAEA,EAAA,IAAIJ,aAAa,CAACC,OAAO,CAAC,EAAE;IACxB,IAAMI,SAAS,GAAGJ,OAAO,CAAA;AAEzB,IAAA,oBAAOJ,KAAA,CAAAS,aAAA,CAACD,SAAS,EAAKD,KAAQ,CAAC,CAAA;AACnC,GAAA;AAEA,EAAA,OAAOH,OAAO,CAAA;AAClB;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/Dropdown/utils/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { Children, HTMLAttributes, ElementType, cloneElement, isValidElement } from 'react';\n\nimport type { DropdownProps } from '../Dropdown.types';\n\nexport const getCorrectHeight = (listHeight: Required<DropdownProps>['listHeight']): string => {\n if (Number.isNaN(Number(listHeight))) {\n return listHeight.toString();\n }\n return `${listHeight}rem`;\n};\n\nexport const childrenWithProps = (children: ReactNode, additionalProps: HTMLAttributes<HTMLLIElement>) =>\n Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n return React.cloneElement(child, additionalProps);\n }\n return child;\n });\n\nconst isReactObject = (element: any): element is ElementType => {\n return typeof element === 'object' || typeof element === 'function';\n};\n\nexport const getValidComponent = (element: ElementType | ReactNode, props: object) => {\n if (isValidElement(element)) {\n return cloneElement(element, props);\n }\n\n if (isReactObject(element)) {\n const Component = element;\n\n return <Component {...props} />;\n }\n\n return element;\n};\n\nexport { getItemId } from './getItemId';\nexport { getItemByFocused } from './getItemByFocused';\nexport { getPlacement } from './getPlacement';\n"],"names":["getCorrectHeight","listHeight","Number","isNaN","toString","concat","childrenWithProps","children","additionalProps","Children","map","child","React","isValidElement","cloneElement","isReactObject","element","_typeof","getValidComponent","props","Component","createElement"],"mappings":";;;IAKaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAiD,EAAa;EAC3F,IAAIC,MAAM,CAACC,KAAK,CAACD,MAAM,CAACD,UAAU,CAAC,CAAC,EAAE;AAClC,IAAA,OAAOA,UAAU,CAACG,QAAQ,EAAE,CAAA;AAChC,GAAA;EACA,OAAAC,EAAAA,CAAAA,MAAA,CAAUJ,UAAU,EAAA,KAAA,CAAA,CAAA;AACxB,EAAC;AAEM,IAAMK,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAmB,EAAEC,eAA8C,EAAA;EAAA,OACjGC,QAAQ,CAACC,GAAG,CAACH,QAAQ,EAAE,UAACI,KAAK,EAAK;AAC9B,IAAA,kBAAIC,KAAK,CAACC,cAAc,CAACF,KAAK,CAAC,EAAE;AAC7B,MAAA,oBAAOC,KAAK,CAACE,YAAY,CAACH,KAAK,EAAEH,eAAe,CAAC,CAAA;AACrD,KAAA;AACA,IAAA,OAAOG,KAAK,CAAA;AAChB,GAAC,CAAC,CAAA;AAAA,EAAA;AAEN,IAAMI,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,OAAY,EAA6B;EAC5D,OAAOC,OAAA,CAAOD,OAAO,CAAA,KAAK,QAAQ,IAAI,OAAOA,OAAO,KAAK,UAAU,CAAA;AACvE,CAAC,CAAA;AAEM,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIF,OAAgC,EAAEG,KAAa,EAAK;AAClF,EAAA,kBAAIN,cAAc,CAACG,OAAO,CAAC,EAAE;AACzB,IAAA,oBAAOF,YAAY,CAACE,OAAO,EAAEG,KAAK,CAAC,CAAA;AACvC,GAAA;AAEA,EAAA,IAAIJ,aAAa,CAACC,OAAO,CAAC,EAAE;IACxB,IAAMI,SAAS,GAAGJ,OAAO,CAAA;AAEzB,IAAA,oBAAOJ,KAAA,CAAAS,aAAA,CAACD,SAAS,EAAKD,KAAQ,CAAC,CAAA;AACnC,GAAA;AAEA,EAAA,OAAOH,OAAO,CAAA;AAClB;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"getCorrectHeight.js","sources":["../../../../src/components/Select/utils/getCorrectHeight.ts"],"sourcesContent":["import type { DropdownProps } from '../../Dropdown';\n\nexport const getCorrectHeight = (listHeight: Required<DropdownProps>['listHeight']): string => {\n if (Number.isNaN(Number(listHeight))) {\n return listHeight.toString();\n }\n return `${listHeight}rem`;\n};\n"],"names":["getCorrectHeight","listHeight","Number","isNaN","toString","concat"],"mappings":"IAEaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAiD,EAAa;EAC3F,IAAIC,MAAM,CAACC,KAAK,CAACD,MAAM,CAACD,UAAU,CAAC,CAAC,EAAE;AAClC,IAAA,OAAOA,UAAU,CAACG,QAAQ,EAAE,CAAA;AAChC,GAAA;EACA,OAAAC,EAAAA,CAAAA,MAAA,CAAUJ,UAAU,EAAA,KAAA,CAAA,CAAA;AACxB;;;;"}
1
+ {"version":3,"file":"getCorrectHeight.js","sources":["../../../../src/components/Select/utils/getCorrectHeight.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\nexport const getCorrectHeight = (listHeight: NonNullable<CSSProperties['height']>): string => {\n if (Number.isNaN(Number(listHeight))) {\n return listHeight.toString();\n }\n return `${listHeight}rem`;\n};\n"],"names":["getCorrectHeight","listHeight","Number","isNaN","toString","concat"],"mappings":"IAEaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAgD,EAAa;EAC1F,IAAIC,MAAM,CAACC,KAAK,CAACD,MAAM,CAACD,UAAU,CAAC,CAAC,EAAE;AAClC,IAAA,OAAOA,UAAU,CAACG,QAAQ,EAAE,CAAA;AAChC,GAAA;EACA,OAAAC,EAAAA,CAAAA,MAAA,CAAUJ,UAAU,EAAA,KAAA,CAAA,CAAA;AACxB;;;;"}
@@ -1,22 +1,20 @@
1
- .base_1s3f6q8_b1c93yiw__8f5ba4a1.base_1s3f6q8_sliderVerticalOrientation__8f5ba4a1{height:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
1
+ .Handler_styles_8crx5z_h1tnrnip__2d4342c7{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
2
+ .Handler_styles_8crx5z_s12uu2lj__2d4342c7{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
2
3
 
3
- .Handler_styles_irtcgm_s1tnrnip__e8f853c5{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);}
4
- .Handler_styles_irtcgm_h12uu2lj__e8f853c5{cursor:pointer;position:absolute;z-index:1;top:0;left:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;--thumb-size:var(--h12uu2lj-0);}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5{right:0;bottom:auto;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{margin:0;top:0;bottom:0;right:0;left:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.25rem);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderValuePlacementLeft__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{left:auto;right:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.3125rem);-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
4
+ .Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
5
5
 
6
- .Thumb_styles_uyn20e_tqbdf8b__de0962c7{width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.0625rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):hover:after,.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_uyn20e_tqbdf8b__de0962c7[disabled]{cursor:not-allowed;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:focus{outline:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7.Thumb_styles_uyn20e_focusVisible__de0962c7:focus::before,.Thumb_styles_uyn20e_tqbdf8b__de0962c7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
6
+ .SliderBase_styles_9s4eb3_s33crq1__d6fac54b{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-height);}
7
+ .SliderBase_styles_9s4eb3_rnaoqfb__d6fac54b{height:100%;}
8
+ .SliderBase_styles_9s4eb3_r1bro5xo__d6fac54b{position:relative;top:50%;height:var(--plasma-slider-rail-height);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
9
+ .SliderBase_styles_9s4eb3_fdg7yhg__d6fac54b{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
10
+ .SliderBase_styles_9s4eb3_i17ya4q3__d6fac54b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
7
11
 
8
- .SliderBase_styles_1qt1224_r33crq1__8fd7c64a{position:relative;top:50%;height:var(--plasma-slider-rail-thickness);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
9
- .SliderBase_styles_1qt1224_snaoqfb__8fd7c64a{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-size);}.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a.SliderBase_styles_1qt1224_sliderVerticalOrientation__8fd7c64a{width:var(--plasma-slider-size);height:auto;}.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a.SliderBase_styles_1qt1224_sliderVerticalOrientation__8fd7c64a .SliderBase_styles_1qt1224_r33crq1__8fd7c64a{top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:var(--plasma-slider-rail-thickness);height:100%;}
10
- .SliderBase_styles_1qt1224_r1bro5xo__8fd7c64a{height:100%;}
11
- .SliderBase_styles_1qt1224_fdg7yhg__8fd7c64a{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
12
- .SliderBase_styles_1qt1224_i17ya4q3__8fd7c64a{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
12
+ .Single_styles_1r9f1e0_l1p4kc08__4db690dd{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
13
13
 
14
- .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
15
- .Single_styles_1h7n2s2_ly2gexi__5fe9b6cf{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
16
- .Single_styles_1h7n2s2_lozb535__5fe9b6cf{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
17
- .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderHideMinValue__5fe9b6cf,.Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderHideMaxValue__5fe9b6cf{opacity:0;}.Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderActiveRangeValue__5fe9b6cf{color:var(--plasma-slider-label-color);}
18
- .Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementOuter__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{position:absolute;bottom:calc(var(--plasma-slider-rail-thickness) * -1.5 - var(--plasma-slider-range-value-bottom-offset));left:0;}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementOuter__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf{left:unset;right:0;}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementInner__5fe9b6cf{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementInner__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementInner__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
19
- .Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementOuter__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementOuter__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementInner__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementBottom__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementBottom__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelContentReversed__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelContentReversed__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf .Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf{width:var(--plasma-slider-size);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementInner__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignLeft__5fe9b6cf{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignLeft__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignRight__5fe9b6cf{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementBottom__5fe9b6cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementBottom__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf .Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignLeft__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf,.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignRight__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{margin-right:0;margin-bottom:0;position:absolute;top:0;right:calc( var(--plasma-slider-rail-thickness) / 2 + var(--plasma-slider-size) / 2 + var(--plasma-slider-range-value-horizontal-offset) );}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignLeft__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf,.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignRight__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf{margin-right:0;margin-left:0;top:auto;bottom:0;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignRight__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{left:calc(var(--plasma-slider-size) + var(--plasma-slider-rail-thickness));}
14
+ .Single_styles_1r9f1e0_lozb535__4db690dd{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
15
+ .Single_styles_1r9f1e0_s1w9icbd__4db690dd{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-range-value-font-family);font-size:var(--plasma-slider-range-value-font-size);font-style:var(--plasma-slider-range-value-font-style);font-weight:var(--plasma-slider-range-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-range-value-letter-spacing);letter-spacing:var(--plasma-slider-range-value-letter-spacing);line-height:var(--plasma-slider-range-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMinValue__4db690dd,.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMaxValue__4db690dd{opacity:0;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderActiveRangeValue__4db690dd{color:var(--plasma-slider-label-color);}
16
+ .Single_styles_1r9f1e0_s1d2sfgl__4db690dd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{position:absolute;bottom:var(--plasma-slider-range-value-bottom-offset);left:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{left:unset;right:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{margin-right:var(--plasma-slider-range-min-value-margin);}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{margin-right:0;margin-left:var(--plasma-slider-range-max-value-margin);}
17
+ .Single_styles_1r9f1e0_ss3ujqx__4db690dd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementInner__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-right:var(--plasma-slider-label-wrapper-margin-right);}
20
18
 
21
19
  .base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i13qvwoy__5f4dd9b9{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i19ry60d__5f4dd9b9{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasChips__5f4dd9b9{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentLeft__5f4dd9b9{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentRight__5f4dd9b9{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l1gjsnfi__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9:not(.base_1xdmaqh_labelPlacementInner__5f4dd9b9) .base_1xdmaqh_s16itze4__5f4dd9b9{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s1skqnhr__5f4dd9b9{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_hgy0im1__5f4dd9b9{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_t600610__5f4dd9b9{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l7hnwwb__5f4dd9b9{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9{margin:var(--plasma-textfield__before-text-margin);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{margin:var(--plasma-textfield__after-text-margin);}
22
20
 
@@ -1,11 +1,10 @@
1
1
  import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, typeof as _typeof } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
2
  import React, { forwardRef } from 'react';
3
- import { cx } from '../../utils/index.js';
4
3
  import { base } from './variations/_view/base.js';
5
4
  import { base as base$1 } from './variations/_size/base.js';
6
5
  import { base as base$2 } from './variations/_disabled/base.js';
7
6
  import { SingleSlider } from './components/Single/Single.js';
8
- import { classes } from './Slider.tokens.js';
7
+ import '../../utils/react.js';
9
8
  import '@linaria/react';
10
9
  import 'react-draggable';
11
10
  import '@linaria/core';
@@ -16,7 +15,6 @@ import 'react-dom';
16
15
  import { DoubleUncontrolled } from './components/DoubleUncontrolled/DoubleUncontrolled.js';
17
16
 
18
17
  var _excluded = ["type"];
19
-
20
18
  // TODO: проверить, можно ли обойтись без каста типов
21
19
 
22
20
  var isSingleValueProps = function isSingleValueProps(props, type) {
@@ -30,15 +28,9 @@ var sliderRoot = function sliderRoot(Root) {
30
28
  var _ref$type = _ref.type,
31
29
  type = _ref$type === void 0 ? 'single' : _ref$type,
32
30
  props = _objectWithoutProperties(_ref, _excluded);
33
- if (isSingleValueProps(props, type)) {
34
- return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
35
- className: cx(props.orientation === 'vertical' && classes.verticalOrientation, props.className),
36
- ref: ref
37
- }), /*#__PURE__*/React.createElement(SingleSlider, props));
38
- }
39
- return /*#__PURE__*/React.createElement(Root, _extends({
31
+ return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
40
32
  ref: ref
41
- }, props), isDoubleValueProps(props, type) && /*#__PURE__*/React.createElement(DoubleUncontrolled, props));
33
+ }), isSingleValueProps(props, type) && /*#__PURE__*/React.createElement(SingleSlider, props), isDoubleValueProps(props, type) && /*#__PURE__*/React.createElement(DoubleUncontrolled, props));
42
34
  });
43
35
  };
44
36
  var sliderConfig = {
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootPropsOmitOnChangeAndDefaultValue } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { SingleSlider, DoubleUncontrolled } from './components';\nimport type { SingleSliderProps, DoubleUncontrolledProps } from './components';\nimport { SliderProps } from './Slider.types';\nimport { classes } from './Slider.tokens';\n\n// TODO: проверить, можно ли обойтись без каста типов\n\nconst isSingleValueProps = (props: SliderProps, type: string): props is SingleSliderProps =>\n typeof props.value === 'number' || (type === 'single' && typeof props.value !== 'object');\n\nconst isDoubleValueProps = (props: SliderProps, type: string): props is DoubleUncontrolledProps =>\n typeof props.value === 'object' || type === 'double';\n\nexport const sliderRoot = (Root: RootPropsOmitOnChangeAndDefaultValue<HTMLDivElement, SliderProps>) =>\n forwardRef<HTMLDivElement, SliderProps>(({ type = 'single', ...props }, ref) => {\n if (isSingleValueProps(props, type)) {\n return (\n <Root\n {...props}\n className={cx(props.orientation === 'vertical' && classes.verticalOrientation, props.className)}\n ref={ref}\n >\n <SingleSlider {...props} />\n </Root>\n );\n }\n\n return (\n <Root ref={ref} {...props}>\n {isDoubleValueProps(props, type) && <DoubleUncontrolled {...props} />}\n </Root>\n );\n });\n\nexport const sliderConfig = {\n name: 'Slider',\n tag: 'div',\n layout: sliderRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["isSingleValueProps","props","type","value","_typeof","isDoubleValueProps","sliderRoot","Root","forwardRef","_ref","ref","_ref$type","_objectWithoutProperties","_excluded","React","createElement","_extends","className","cx","orientation","classes","verticalOrientation","SingleSlider","DoubleUncontrolled","sliderConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","disabled","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;AAaA;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAkB,EAAEC,IAAY,EAAA;AAAA,EAAA,OACxD,OAAOD,KAAK,CAACE,KAAK,KAAK,QAAQ,IAAKD,IAAI,KAAK,QAAQ,IAAIE,OAAA,CAAOH,KAAK,CAACE,KAAK,MAAK,QAAS,CAAA;AAAA,CAAA,CAAA;AAE7F,IAAME,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIJ,KAAkB,EAAEC,IAAY,EAAA;EAAA,OACxDE,OAAA,CAAOH,KAAK,CAACE,KAAK,MAAK,QAAQ,IAAID,IAAI,KAAK,QAAQ,CAAA;AAAA,CAAA,CAAA;IAE3CI,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAuE,EAAA;AAAA,EAAA,oBAC9FC,UAAU,CAA8B,UAAAC,IAAA,EAAgCC,GAAG,EAAK;AAAA,IAAA,IAAAC,SAAA,GAAAF,IAAA,CAArCP,IAAI;AAAJA,MAAAA,IAAI,GAAAS,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;AAAKV,MAAAA,KAAK,GAAAW,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAChE,IAAA,IAAIb,kBAAkB,CAACC,KAAK,EAAEC,IAAI,CAAC,EAAE;MACjC,oBACIY,KAAA,CAAAC,aAAA,CAACR,IAAI,EAAAS,QAAA,KACGf,KAAK,EAAA;AACTgB,QAAAA,SAAS,EAAEC,EAAE,CAACjB,KAAK,CAACkB,WAAW,KAAK,UAAU,IAAIC,OAAO,CAACC,mBAAmB,EAAEpB,KAAK,CAACgB,SAAS,CAAE;AAChGP,QAAAA,GAAG,EAAEA,GAAAA;OAELI,CAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,YAAY,EAAKrB,KAAQ,CACxB,CAAC,CAAA;AAEf,KAAA;AAEA,IAAA,oBACIa,KAAA,CAAAC,aAAA,CAACR,IAAI,EAAAS,QAAA,CAAA;AAACN,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAKT,KAAK,CACpBI,EAAAA,kBAAkB,CAACJ,KAAK,EAAEC,IAAI,CAAC,iBAAIY,KAAA,CAAAC,aAAA,CAACQ,kBAAkB,EAAKtB,KAAQ,CAClE,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMuB,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAErB,UAAU;AAClBsB,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,IAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,GAAG,EAAEK,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNR,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootPropsOmitOnChangeAndDefaultValue } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { SingleSlider, DoubleUncontrolled } from './components';\nimport type { SingleSliderProps, DoubleUncontrolledProps } from './components';\nimport { SliderProps } from './Slider.types';\n\n// TODO: проверить, можно ли обойтись без каста типов\n\nconst isSingleValueProps = (props: SliderProps, type: string): props is SingleSliderProps =>\n typeof props.value === 'number' || (type === 'single' && typeof props.value !== 'object');\n\nconst isDoubleValueProps = (props: SliderProps, type: string): props is DoubleUncontrolledProps =>\n typeof props.value === 'object' || type === 'double';\n\nexport const sliderRoot = (Root: RootPropsOmitOnChangeAndDefaultValue<HTMLDivElement, SliderProps>) =>\n forwardRef<HTMLDivElement, SliderProps>(({ type = 'single', ...props }, ref) => {\n return (\n <Root {...props} ref={ref}>\n {isSingleValueProps(props, type) && <SingleSlider {...props} />}\n {isDoubleValueProps(props, type) && <DoubleUncontrolled {...props} />}\n </Root>\n );\n });\n\nexport const sliderConfig = {\n name: 'Slider',\n tag: 'div',\n layout: sliderRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["isSingleValueProps","props","type","value","_typeof","isDoubleValueProps","sliderRoot","Root","forwardRef","_ref","ref","_ref$type","_objectWithoutProperties","_excluded","React","createElement","_extends","SingleSlider","DoubleUncontrolled","sliderConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","disabled","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;;;;;;;;;;AAWA;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAkB,EAAEC,IAAY,EAAA;AAAA,EAAA,OACxD,OAAOD,KAAK,CAACE,KAAK,KAAK,QAAQ,IAAKD,IAAI,KAAK,QAAQ,IAAIE,OAAA,CAAOH,KAAK,CAACE,KAAK,MAAK,QAAS,CAAA;AAAA,CAAA,CAAA;AAE7F,IAAME,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIJ,KAAkB,EAAEC,IAAY,EAAA;EAAA,OACxDE,OAAA,CAAOH,KAAK,CAACE,KAAK,MAAK,QAAQ,IAAID,IAAI,KAAK,QAAQ,CAAA;AAAA,CAAA,CAAA;IAE3CI,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAuE,EAAA;AAAA,EAAA,oBAC9FC,UAAU,CAA8B,UAAAC,IAAA,EAAgCC,GAAG,EAAK;AAAA,IAAA,IAAAC,SAAA,GAAAF,IAAA,CAArCP,IAAI;AAAJA,MAAAA,IAAI,GAAAS,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;AAAKV,MAAAA,KAAK,GAAAW,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;IAChE,oBACIC,KAAA,CAAAC,aAAA,CAACR,IAAI,EAAAS,QAAA,KAAKf,KAAK,EAAA;AAAES,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CAAA,EACrBV,kBAAkB,CAACC,KAAK,EAAEC,IAAI,CAAC,iBAAIY,KAAA,CAAAC,aAAA,CAACE,YAAY,EAAKhB,KAAQ,CAAC,EAC9DI,kBAAkB,CAACJ,KAAK,EAAEC,IAAI,CAAC,iBAAIY,KAAA,CAAAC,aAAA,CAACG,kBAAkB,EAAKjB,KAAQ,CAClE,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMkB,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEhB,UAAU;AAClBiB,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,IAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,GAAG,EAAEK,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNR,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
@@ -1,12 +1,6 @@
1
1
  var classes = {
2
2
  labelPlacementOuter: 'slider-label-placement-outer',
3
3
  labelPlacementInner: 'slider-label-placement-inner',
4
- labelPlacementBottom: 'slider-label-placement-bottom',
5
- labelAlignLeft: 'slider-label-align-left',
6
- labelAlignCenter: 'slider-label-align-center',
7
- labelAlignRight: 'slider-label-align-right',
8
- labelAlignNone: 'slider-label-align-none',
9
- labelContentReversed: 'slider-label-content-reversed',
10
4
  rangeValuesPlacementOuter: 'slider-range-values-placement-outer',
11
5
  rangeValuesPlacementInner: 'slider-range-values-placement-inner',
12
6
  maxRangeValue: 'slider-max-range-value',
@@ -15,17 +9,13 @@ var classes = {
15
9
  textFieldActive: 'slider-text-field-active',
16
10
  firstTextField: 'slider-first-text-field',
17
11
  secondTextField: 'slider-second-text-field',
18
- activeRangeValue: 'slider-active-range-value',
19
- verticalOrientation: 'slider-vertical-orientation',
20
- valuePlacementLeft: 'slider-value-placement-left',
21
- reversed: 'slider-reversed'
12
+ activeRangeValue: 'slider-active-range-value'
22
13
  };
23
14
  var tokens = {
24
- size: '--plasma-slider-size',
15
+ height: '--plasma-slider-height',
25
16
  labelWrapperGap: '--plasma-slider-label-wrapper-gap',
26
17
  labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',
27
18
  labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',
28
- labelWrapperVerticalMargin: '--plasma-slider-label-wrapper-vertical-margin',
29
19
  labelColor: '--plasma-slider-label-color',
30
20
  labelFontFamily: '--plasma-slider-label-font-family',
31
21
  labelFontSize: '--plasma-slider-label-font-size',
@@ -33,27 +23,31 @@ var tokens = {
33
23
  labelFontWeight: '--plasma-slider-label-font-weight',
34
24
  labelLetterSpacing: '--plasma-slider-label-letter-spacing',
35
25
  labelLineHeight: '--plasma-slider-label-line-height',
26
+ rangeMinValueMargin: '--plasma-slider-range-min-value-margin',
27
+ rangeMaxValueMargin: '--plasma-slider-range-max-value-margin',
36
28
  rangeValueBottomOffset: '--plasma-slider-range-value-bottom-offset',
37
- rangeValueHorizontalMargin: '--plasma-slider-range-value-horizontal-margin',
38
- rangeValueHorizontalOffset: '--plasma-slider-range-value-horizontal-offset',
39
- rangeValueVerticalMargin: '--plasma-slider-range-value-vertical-margin',
40
29
  rangeValueColor: '--plasma-slider-range-value-color',
41
- valueFontFamily: '--plasma-slider-value-font-family',
42
- valueFontSize: '--plasma-slider-value-font-size',
43
- valueFontStyle: '--plasma-slider-value-font-style',
44
- valueFontWeight: '--plasma-slider-value-font-weight',
45
- valueLetterSpacing: '--plasma-slider-value-letter-spacing',
46
- valueLineHeight: '--plasma-slider-value-line-height',
30
+ rangeValueFontFamily: '--plasma-slider-range-value-font-family',
31
+ rangeValueFontSize: '--plasma-slider-range-value-font-size',
32
+ rangeValueFontStyle: '--plasma-slider-range-value-font-style',
33
+ rangeValueFontWeight: '--plasma-slider-range-value-font-weight',
34
+ rangeValueLetterSpacing: '--plasma-slider-range-value-letter-spacing',
35
+ rangeValueLineHeight: '--plasma-slider-range-value-line-height',
47
36
  doubleWrapperGap: '--plasma-slider-double-wrapper-gap',
48
37
  thumbSize: '--plasma-slider-thumb-size',
49
- thumbSizeLarge: '--plasma-slider-thumb-size-large',
50
38
  thumbBorder: '--plasma-slider-thumb-border',
51
39
  thumbBorderColor: '--plasma-slider-thumb-border-color',
52
40
  thumbBackgroundColor: '--plasma-slider-thumb-background-color',
53
41
  thumbFocusBorderColor: '--plasma-slider-thumb-focus-border-color',
54
42
  currentValueTopOffset: '--plasma-slider-current-value-top-offset',
43
+ currentValueFontFamily: '--plasma-slider-current-value-font-family',
44
+ currentValueFontSize: '--plasma-slider-current-value-font-size',
45
+ currentValueFontStyle: '--plasma-slider-current-value-font-style',
46
+ currentValueFontWeight: '--plasma-slider-current-value-font-weight',
47
+ currentValueLetterSpacing: '--plasma-slider-current-value-letter-spacing',
48
+ currentValueLineHeight: '--plasma-slider-current-value-line-height',
55
49
  railBackgroundColor: '--plasma-slider-rail-background-color',
56
- railThickness: '--plasma-slider-rail-thickness',
50
+ railHeight: '--plasma-slider-rail-height',
57
51
  railBorderRadius: '--plasma-slider-rail-border-radius',
58
52
  railIndent: '--plasma-slider-rail-indent',
59
53
  fillColor: '--plasma-slider-fill-color',
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.tokens.js","sources":["../../../src/components/Slider/Slider.tokens.ts"],"sourcesContent":["export const classes = {\n labelPlacementOuter: 'slider-label-placement-outer',\n labelPlacementInner: 'slider-label-placement-inner',\n labelPlacementBottom: 'slider-label-placement-bottom',\n labelAlignLeft: 'slider-label-align-left',\n labelAlignCenter: 'slider-label-align-center',\n labelAlignRight: 'slider-label-align-right',\n labelAlignNone: 'slider-label-align-none',\n labelContentReversed: 'slider-label-content-reversed',\n rangeValuesPlacementOuter: 'slider-range-values-placement-outer',\n rangeValuesPlacementInner: 'slider-range-values-placement-inner',\n maxRangeValue: 'slider-max-range-value',\n hideMinValue: 'slider-hide-min-value',\n hideMaxValue: 'slider-hide-max-value',\n textFieldActive: 'slider-text-field-active',\n firstTextField: 'slider-first-text-field',\n secondTextField: 'slider-second-text-field',\n activeRangeValue: 'slider-active-range-value',\n verticalOrientation: 'slider-vertical-orientation',\n valuePlacementLeft: 'slider-value-placement-left',\n reversed: 'slider-reversed',\n};\n\nexport const tokens = {\n size: '--plasma-slider-size',\n\n labelWrapperGap: '--plasma-slider-label-wrapper-gap',\n labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',\n labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',\n labelWrapperVerticalMargin: '--plasma-slider-label-wrapper-vertical-margin',\n\n labelColor: '--plasma-slider-label-color',\n labelFontFamily: '--plasma-slider-label-font-family',\n labelFontSize: '--plasma-slider-label-font-size',\n labelFontStyle: '--plasma-slider-label-font-style',\n labelFontWeight: '--plasma-slider-label-font-weight',\n labelLetterSpacing: '--plasma-slider-label-letter-spacing',\n labelLineHeight: '--plasma-slider-label-line-height',\n\n rangeValueBottomOffset: '--plasma-slider-range-value-bottom-offset',\n rangeValueHorizontalMargin: '--plasma-slider-range-value-horizontal-margin',\n rangeValueHorizontalOffset: '--plasma-slider-range-value-horizontal-offset',\n rangeValueVerticalMargin: '--plasma-slider-range-value-vertical-margin',\n\n rangeValueColor: '--plasma-slider-range-value-color',\n valueFontFamily: '--plasma-slider-value-font-family',\n valueFontSize: '--plasma-slider-value-font-size',\n valueFontStyle: '--plasma-slider-value-font-style',\n valueFontWeight: '--plasma-slider-value-font-weight',\n valueLetterSpacing: '--plasma-slider-value-letter-spacing',\n valueLineHeight: '--plasma-slider-value-line-height',\n\n doubleWrapperGap: '--plasma-slider-double-wrapper-gap',\n\n thumbSize: '--plasma-slider-thumb-size',\n thumbSizeLarge: '--plasma-slider-thumb-size-large',\n thumbBorder: '--plasma-slider-thumb-border',\n thumbBorderColor: '--plasma-slider-thumb-border-color',\n thumbBackgroundColor: '--plasma-slider-thumb-background-color',\n\n thumbFocusBorderColor: '--plasma-slider-thumb-focus-border-color',\n\n currentValueTopOffset: '--plasma-slider-current-value-top-offset',\n\n railBackgroundColor: '--plasma-slider-rail-background-color',\n railThickness: '--plasma-slider-rail-thickness',\n railBorderRadius: '--plasma-slider-rail-border-radius',\n railIndent: '--plasma-slider-rail-indent',\n\n fillColor: '--plasma-slider-fill-color',\n\n textFieldWrapperGap: '--plasma-slider-text-field-wrapper-gap',\n\n textFieldFontFamily: '--plasma-slider-text-field-font-family',\n textFieldFontSize: '--plasma-slider-text-field-font-size',\n textFieldFontStyle: '--plasma-slider-text-field-font-style',\n textFieldFontWeight: '--plasma-slider-text-field-font-weight',\n textFieldLetterSpacing: '--plasma-slider-text-field-letter-spacing',\n textFieldLineHeight: '--plasma-slider-text-field-line-height',\n\n textFieldHeight: '--plasma-slider-text-field-height',\n textFieldPadding: '--plasma-slider-text-field-padding',\n textFieldBorderRadius: '--plasma-slider-text-field-border-radius',\n\n textFieldColor: '--plasma-slider-text-field-color',\n textFieldActiveColor: '--plasma-slider-text-field-active-color',\n textFieldBackgroundColor: '--plasma-slider-text-field-background-color',\n textFieldCaretColor: '--plasma-slider-text-field-caret-color',\n textFieldPlaceholderColor: '--plasma-slider-text-field-placeholder-color',\n textFiledFocusColor: '--plasma-slider-text-field-focus-color',\n\n disabledOpacity: '--plasma-slider-disabled-opacity',\n};\n"],"names":["classes","labelPlacementOuter","labelPlacementInner","labelPlacementBottom","labelAlignLeft","labelAlignCenter","labelAlignRight","labelAlignNone","labelContentReversed","rangeValuesPlacementOuter","rangeValuesPlacementInner","maxRangeValue","hideMinValue","hideMaxValue","textFieldActive","firstTextField","secondTextField","activeRangeValue","verticalOrientation","valuePlacementLeft","reversed","tokens","size","labelWrapperGap","labelWrapperMarginBottom","labelWrapperMarginRight","labelWrapperVerticalMargin","labelColor","labelFontFamily","labelFontSize","labelFontStyle","labelFontWeight","labelLetterSpacing","labelLineHeight","rangeValueBottomOffset","rangeValueHorizontalMargin","rangeValueHorizontalOffset","rangeValueVerticalMargin","rangeValueColor","valueFontFamily","valueFontSize","valueFontStyle","valueFontWeight","valueLetterSpacing","valueLineHeight","doubleWrapperGap","thumbSize","thumbSizeLarge","thumbBorder","thumbBorderColor","thumbBackgroundColor","thumbFocusBorderColor","currentValueTopOffset","railBackgroundColor","railThickness","railBorderRadius","railIndent","fillColor","textFieldWrapperGap","textFieldFontFamily","textFieldFontSize","textFieldFontStyle","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldHeight","textFieldPadding","textFieldBorderRadius","textFieldColor","textFieldActiveColor","textFieldBackgroundColor","textFieldCaretColor","textFieldPlaceholderColor","textFiledFocusColor","disabledOpacity"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,mBAAmB,EAAE,8BAA8B;AACnDC,EAAAA,mBAAmB,EAAE,8BAA8B;AACnDC,EAAAA,oBAAoB,EAAE,+BAA+B;AACrDC,EAAAA,cAAc,EAAE,yBAAyB;AACzCC,EAAAA,gBAAgB,EAAE,2BAA2B;AAC7CC,EAAAA,eAAe,EAAE,0BAA0B;AAC3CC,EAAAA,cAAc,EAAE,yBAAyB;AACzCC,EAAAA,oBAAoB,EAAE,+BAA+B;AACrDC,EAAAA,yBAAyB,EAAE,qCAAqC;AAChEC,EAAAA,yBAAyB,EAAE,qCAAqC;AAChEC,EAAAA,aAAa,EAAE,wBAAwB;AACvCC,EAAAA,YAAY,EAAE,uBAAuB;AACrCC,EAAAA,YAAY,EAAE,uBAAuB;AACrCC,EAAAA,eAAe,EAAE,0BAA0B;AAC3CC,EAAAA,cAAc,EAAE,yBAAyB;AACzCC,EAAAA,eAAe,EAAE,0BAA0B;AAC3CC,EAAAA,gBAAgB,EAAE,2BAA2B;AAC7CC,EAAAA,mBAAmB,EAAE,6BAA6B;AAClDC,EAAAA,kBAAkB,EAAE,6BAA6B;AACjDC,EAAAA,QAAQ,EAAE,iBAAA;AACd,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,IAAI,EAAE,sBAAsB;AAE5BC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,wBAAwB,EAAE,6CAA6C;AACvEC,EAAAA,uBAAuB,EAAE,4CAA4C;AACrEC,EAAAA,0BAA0B,EAAE,+CAA+C;AAE3EC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,aAAa,EAAE,iCAAiC;AAChDC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,eAAe,EAAE,mCAAmC;AAEpDC,EAAAA,sBAAsB,EAAE,2CAA2C;AACnEC,EAAAA,0BAA0B,EAAE,+CAA+C;AAC3EC,EAAAA,0BAA0B,EAAE,+CAA+C;AAC3EC,EAAAA,wBAAwB,EAAE,6CAA6C;AAEvEC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,aAAa,EAAE,iCAAiC;AAChDC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,eAAe,EAAE,mCAAmC;AAEpDC,EAAAA,gBAAgB,EAAE,oCAAoC;AAEtDC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,oBAAoB,EAAE,wCAAwC;AAE9DC,EAAAA,qBAAqB,EAAE,0CAA0C;AAEjEC,EAAAA,qBAAqB,EAAE,0CAA0C;AAEjEC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,UAAU,EAAE,6BAA6B;AAEzCC,EAAAA,SAAS,EAAE,4BAA4B;AAEvCC,EAAAA,mBAAmB,EAAE,wCAAwC;AAE7DC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzDC,EAAAA,kBAAkB,EAAE,uCAAuC;AAC3DC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,sBAAsB,EAAE,2CAA2C;AACnEC,EAAAA,mBAAmB,EAAE,wCAAwC;AAE7DC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,qBAAqB,EAAE,0CAA0C;AAEjEC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,wBAAwB,EAAE,6CAA6C;AACvEC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,mBAAmB,EAAE,wCAAwC;AAE7DC,EAAAA,eAAe,EAAE,kCAAA;AACrB;;;;"}
1
+ {"version":3,"file":"Slider.tokens.js","sources":["../../../src/components/Slider/Slider.tokens.ts"],"sourcesContent":["export const classes = {\n labelPlacementOuter: 'slider-label-placement-outer',\n labelPlacementInner: 'slider-label-placement-inner',\n rangeValuesPlacementOuter: 'slider-range-values-placement-outer',\n rangeValuesPlacementInner: 'slider-range-values-placement-inner',\n maxRangeValue: 'slider-max-range-value',\n hideMinValue: 'slider-hide-min-value',\n hideMaxValue: 'slider-hide-max-value',\n textFieldActive: 'slider-text-field-active',\n firstTextField: 'slider-first-text-field',\n secondTextField: 'slider-second-text-field',\n activeRangeValue: 'slider-active-range-value',\n};\n\nexport const tokens = {\n height: '--plasma-slider-height',\n\n labelWrapperGap: '--plasma-slider-label-wrapper-gap',\n labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',\n labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',\n\n labelColor: '--plasma-slider-label-color',\n labelFontFamily: '--plasma-slider-label-font-family',\n labelFontSize: '--plasma-slider-label-font-size',\n labelFontStyle: '--plasma-slider-label-font-style',\n labelFontWeight: '--plasma-slider-label-font-weight',\n labelLetterSpacing: '--plasma-slider-label-letter-spacing',\n labelLineHeight: '--plasma-slider-label-line-height',\n\n rangeMinValueMargin: '--plasma-slider-range-min-value-margin',\n rangeMaxValueMargin: '--plasma-slider-range-max-value-margin',\n rangeValueBottomOffset: '--plasma-slider-range-value-bottom-offset',\n\n rangeValueColor: '--plasma-slider-range-value-color',\n rangeValueFontFamily: '--plasma-slider-range-value-font-family',\n rangeValueFontSize: '--plasma-slider-range-value-font-size',\n rangeValueFontStyle: '--plasma-slider-range-value-font-style',\n rangeValueFontWeight: '--plasma-slider-range-value-font-weight',\n rangeValueLetterSpacing: '--plasma-slider-range-value-letter-spacing',\n rangeValueLineHeight: '--plasma-slider-range-value-line-height',\n\n doubleWrapperGap: '--plasma-slider-double-wrapper-gap',\n\n thumbSize: '--plasma-slider-thumb-size',\n thumbBorder: '--plasma-slider-thumb-border',\n thumbBorderColor: '--plasma-slider-thumb-border-color',\n thumbBackgroundColor: '--plasma-slider-thumb-background-color',\n\n thumbFocusBorderColor: '--plasma-slider-thumb-focus-border-color',\n\n currentValueTopOffset: '--plasma-slider-current-value-top-offset',\n\n currentValueFontFamily: '--plasma-slider-current-value-font-family',\n currentValueFontSize: '--plasma-slider-current-value-font-size',\n currentValueFontStyle: '--plasma-slider-current-value-font-style',\n currentValueFontWeight: '--plasma-slider-current-value-font-weight',\n currentValueLetterSpacing: '--plasma-slider-current-value-letter-spacing',\n currentValueLineHeight: '--plasma-slider-current-value-line-height',\n\n railBackgroundColor: '--plasma-slider-rail-background-color',\n railHeight: '--plasma-slider-rail-height',\n railBorderRadius: '--plasma-slider-rail-border-radius',\n railIndent: '--plasma-slider-rail-indent',\n\n fillColor: '--plasma-slider-fill-color',\n\n textFieldWrapperGap: '--plasma-slider-text-field-wrapper-gap',\n\n textFieldFontFamily: '--plasma-slider-text-field-font-family',\n textFieldFontSize: '--plasma-slider-text-field-font-size',\n textFieldFontStyle: '--plasma-slider-text-field-font-style',\n textFieldFontWeight: '--plasma-slider-text-field-font-weight',\n textFieldLetterSpacing: '--plasma-slider-text-field-letter-spacing',\n textFieldLineHeight: '--plasma-slider-text-field-line-height',\n\n textFieldHeight: '--plasma-slider-text-field-height',\n textFieldPadding: '--plasma-slider-text-field-padding',\n textFieldBorderRadius: '--plasma-slider-text-field-border-radius',\n\n textFieldColor: '--plasma-slider-text-field-color',\n textFieldActiveColor: '--plasma-slider-text-field-active-color',\n textFieldBackgroundColor: '--plasma-slider-text-field-background-color',\n textFieldCaretColor: '--plasma-slider-text-field-caret-color',\n textFieldPlaceholderColor: '--plasma-slider-text-field-placeholder-color',\n textFiledFocusColor: '--plasma-slider-text-field-focus-color',\n\n disabledOpacity: '--plasma-slider-disabled-opacity',\n};\n"],"names":["classes","labelPlacementOuter","labelPlacementInner","rangeValuesPlacementOuter","rangeValuesPlacementInner","maxRangeValue","hideMinValue","hideMaxValue","textFieldActive","firstTextField","secondTextField","activeRangeValue","tokens","height","labelWrapperGap","labelWrapperMarginBottom","labelWrapperMarginRight","labelColor","labelFontFamily","labelFontSize","labelFontStyle","labelFontWeight","labelLetterSpacing","labelLineHeight","rangeMinValueMargin","rangeMaxValueMargin","rangeValueBottomOffset","rangeValueColor","rangeValueFontFamily","rangeValueFontSize","rangeValueFontStyle","rangeValueFontWeight","rangeValueLetterSpacing","rangeValueLineHeight","doubleWrapperGap","thumbSize","thumbBorder","thumbBorderColor","thumbBackgroundColor","thumbFocusBorderColor","currentValueTopOffset","currentValueFontFamily","currentValueFontSize","currentValueFontStyle","currentValueFontWeight","currentValueLetterSpacing","currentValueLineHeight","railBackgroundColor","railHeight","railBorderRadius","railIndent","fillColor","textFieldWrapperGap","textFieldFontFamily","textFieldFontSize","textFieldFontStyle","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldHeight","textFieldPadding","textFieldBorderRadius","textFieldColor","textFieldActiveColor","textFieldBackgroundColor","textFieldCaretColor","textFieldPlaceholderColor","textFiledFocusColor","disabledOpacity"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,mBAAmB,EAAE,8BAA8B;AACnDC,EAAAA,mBAAmB,EAAE,8BAA8B;AACnDC,EAAAA,yBAAyB,EAAE,qCAAqC;AAChEC,EAAAA,yBAAyB,EAAE,qCAAqC;AAChEC,EAAAA,aAAa,EAAE,wBAAwB;AACvCC,EAAAA,YAAY,EAAE,uBAAuB;AACrCC,EAAAA,YAAY,EAAE,uBAAuB;AACrCC,EAAAA,eAAe,EAAE,0BAA0B;AAC3CC,EAAAA,cAAc,EAAE,yBAAyB;AACzCC,EAAAA,eAAe,EAAE,0BAA0B;AAC3CC,EAAAA,gBAAgB,EAAE,2BAAA;AACtB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,MAAM,EAAE,wBAAwB;AAEhCC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,wBAAwB,EAAE,6CAA6C;AACvEC,EAAAA,uBAAuB,EAAE,4CAA4C;AAErEC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,aAAa,EAAE,iCAAiC;AAChDC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,eAAe,EAAE,mCAAmC;AAEpDC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,sBAAsB,EAAE,2CAA2C;AAEnEC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,kBAAkB,EAAE,uCAAuC;AAC3DC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,uBAAuB,EAAE,4CAA4C;AACrEC,EAAAA,oBAAoB,EAAE,yCAAyC;AAE/DC,EAAAA,gBAAgB,EAAE,oCAAoC;AAEtDC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,oBAAoB,EAAE,wCAAwC;AAE9DC,EAAAA,qBAAqB,EAAE,0CAA0C;AAEjEC,EAAAA,qBAAqB,EAAE,0CAA0C;AAEjEC,EAAAA,sBAAsB,EAAE,2CAA2C;AACnEC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,qBAAqB,EAAE,0CAA0C;AACjEC,EAAAA,sBAAsB,EAAE,2CAA2C;AACnEC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,sBAAsB,EAAE,2CAA2C;AAEnEC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,UAAU,EAAE,6BAA6B;AAEzCC,EAAAA,SAAS,EAAE,4BAA4B;AAEvCC,EAAAA,mBAAmB,EAAE,wCAAwC;AAE7DC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzDC,EAAAA,kBAAkB,EAAE,uCAAuC;AAC3DC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,sBAAsB,EAAE,2CAA2C;AACnEC,EAAAA,mBAAmB,EAAE,wCAAwC;AAE7DC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,qBAAqB,EAAE,0CAA0C;AAEjEC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,wBAAwB,EAAE,6CAA6C;AACvEC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,mBAAmB,EAAE,wCAAwC;AAE7DC,EAAAA,eAAe,EAAE,kCAAA;AACrB;;;;"}
@@ -1,13 +1,13 @@
1
- .Handler_styles_irtcgm_s1tnrnip__e8f853c5{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);}
2
- .Handler_styles_irtcgm_h12uu2lj__e8f853c5{cursor:pointer;position:absolute;z-index:1;top:0;left:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;--thumb-size:var(--h12uu2lj-0);}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5{right:0;bottom:auto;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{margin:0;top:0;bottom:0;right:0;left:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.25rem);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderValuePlacementLeft__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{left:auto;right:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.3125rem);-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
1
+ .Handler_styles_8crx5z_h1tnrnip__2d4342c7{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
2
+ .Handler_styles_8crx5z_s12uu2lj__2d4342c7{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
3
3
 
4
- .Thumb_styles_uyn20e_tqbdf8b__de0962c7{width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.0625rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):hover:after,.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_uyn20e_tqbdf8b__de0962c7[disabled]{cursor:not-allowed;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:focus{outline:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7.Thumb_styles_uyn20e_focusVisible__de0962c7:focus::before,.Thumb_styles_uyn20e_tqbdf8b__de0962c7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
4
+ .Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
5
5
 
6
- .SliderBase_styles_1qt1224_r33crq1__8fd7c64a{position:relative;top:50%;height:var(--plasma-slider-rail-thickness);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
7
- .SliderBase_styles_1qt1224_snaoqfb__8fd7c64a{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-size);}.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a.SliderBase_styles_1qt1224_sliderVerticalOrientation__8fd7c64a{width:var(--plasma-slider-size);height:auto;}.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a.SliderBase_styles_1qt1224_sliderVerticalOrientation__8fd7c64a .SliderBase_styles_1qt1224_r33crq1__8fd7c64a{top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:var(--plasma-slider-rail-thickness);height:100%;}
8
- .SliderBase_styles_1qt1224_r1bro5xo__8fd7c64a{height:100%;}
9
- .SliderBase_styles_1qt1224_fdg7yhg__8fd7c64a{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
10
- .SliderBase_styles_1qt1224_i17ya4q3__8fd7c64a{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
6
+ .SliderBase_styles_9s4eb3_s33crq1__d6fac54b{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-height);}
7
+ .SliderBase_styles_9s4eb3_rnaoqfb__d6fac54b{height:100%;}
8
+ .SliderBase_styles_9s4eb3_r1bro5xo__d6fac54b{position:relative;top:50%;height:var(--plasma-slider-rail-height);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
9
+ .SliderBase_styles_9s4eb3_fdg7yhg__d6fac54b{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
10
+ .SliderBase_styles_9s4eb3_i17ya4q3__d6fac54b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
11
11
 
12
12
  .base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i13qvwoy__5f4dd9b9{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i19ry60d__5f4dd9b9{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasChips__5f4dd9b9{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentLeft__5f4dd9b9{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentRight__5f4dd9b9{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l1gjsnfi__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9:not(.base_1xdmaqh_labelPlacementInner__5f4dd9b9) .base_1xdmaqh_s16itze4__5f4dd9b9{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s1skqnhr__5f4dd9b9{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_hgy0im1__5f4dd9b9{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_t600610__5f4dd9b9{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l7hnwwb__5f4dd9b9{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9{margin:var(--plasma-textfield__before-text-margin);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{margin:var(--plasma-textfield__after-text-margin);}
13
13
 
@@ -11,7 +11,7 @@ import { DoubleWrapper, LabelWrapper, LabelContentLeft, Label, SliderWrapper, In
11
11
  import { noop } from '../../../../utils/noop.js';
12
12
  import { isNumber } from '../../../../utils/isNumber.js';
13
13
 
14
- var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "pointerSize", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
14
+ var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
15
15
  function getXCenterHandle(handle) {
16
16
  var _handle$parentElement;
17
17
  var containerX = ((_handle$parentElement = handle.parentElement) === null || _handle$parentElement === void 0 || (_handle$parentElement = _handle$parentElement.getBoundingClientRect()) === null || _handle$parentElement === void 0 ? void 0 : _handle$parentElement.x) || 0;
@@ -28,8 +28,6 @@ var DoubleSlider = function DoubleSlider(_ref) {
28
28
  labelContentLeft = _ref.labelContentLeft,
29
29
  _ref$size = _ref.size,
30
30
  size = _ref$size === void 0 ? 'm' : _ref$size,
31
- _ref$pointerSize = _ref.pointerSize,
32
- pointerSize = _ref$pointerSize === void 0 ? 'small' : _ref$pointerSize,
33
31
  onChangeCommitted = _ref.onChangeCommitted,
34
32
  onChangeTextField = _ref.onChangeTextField,
35
33
  onBlurTextField = _ref.onBlurTextField,
@@ -56,30 +54,20 @@ var DoubleSlider = function DoubleSlider(_ref) {
56
54
  setState = _useState2[1];
57
55
  var _useState3 = useState(false),
58
56
  _useState4 = _slicedToArray(_useState3, 2),
59
- firstInputHovered = _useState4[0],
60
- setFirstInputHovered = _useState4[1];
57
+ firstInputActive = _useState4[0],
58
+ setFirstInputActive = _useState4[1];
61
59
  var _useState5 = useState(false),
62
60
  _useState6 = _slicedToArray(_useState5, 2),
63
- firstInputFocused = _useState6[0],
64
- setFirstInputFocused = _useState6[1];
65
- var _useState7 = useState(false),
61
+ secondInputActive = _useState6[0],
62
+ setSecondInputActive = _useState6[1];
63
+ var _useState7 = useState(value[0]),
66
64
  _useState8 = _slicedToArray(_useState7, 2),
67
- secondInputHovered = _useState8[0],
68
- setSecondInputHovered = _useState8[1];
69
- var _useState9 = useState(false),
65
+ firstValue = _useState8[0],
66
+ setFirstValue = _useState8[1];
67
+ var _useState9 = useState(value[1]),
70
68
  _useState10 = _slicedToArray(_useState9, 2),
71
- secondInputFocused = _useState10[0],
72
- setSecondInputFocused = _useState10[1];
73
- var firstInputActive = firstInputHovered || firstInputFocused;
74
- var secondInputActive = secondInputHovered || secondInputFocused;
75
- var _useState11 = useState(value[0]),
76
- _useState12 = _slicedToArray(_useState11, 2),
77
- firstValue = _useState12[0],
78
- setFirstValue = _useState12[1];
79
- var _useState13 = useState(value[1]),
80
- _useState14 = _slicedToArray(_useState13, 2),
81
- secondValue = _useState14[0],
82
- setSecondValue = _useState14[1];
69
+ secondValue = _useState10[0],
70
+ setSecondValue = _useState10[1];
83
71
  var firstHandleRef = useRef(null);
84
72
  var secondHandleRef = useRef(null);
85
73
  var firstHandleValue = useRef(value[0]);
@@ -104,16 +92,6 @@ var DoubleSlider = function DoubleSlider(_ref) {
104
92
  });
105
93
  });
106
94
  }, [value, stepSize, min, max, setFirstValue, setSecondValue]);
107
- useEffect(function () {
108
- var onMouseUp = function onMouseUp() {
109
- setFirstInputFocused(false);
110
- setSecondInputFocused(false);
111
- };
112
- window.addEventListener('mouseup', onMouseUp);
113
- return function () {
114
- window.removeEventListener('mouseup', onMouseUp);
115
- };
116
- }, []);
117
95
  var setStepSize = useCallback(function (newStepSize) {
118
96
  setState(function (prevState) {
119
97
  return _objectSpread2(_objectSpread2({}, prevState), {}, {
@@ -255,20 +233,16 @@ var DoubleSlider = function DoubleSlider(_ref) {
255
233
  ariaLabelLeft = _ref3[0],
256
234
  ariaLabelRight = _ref3[1];
257
235
  var currentFirstSliderValue = Math.max(state.firstValue, min);
258
- var settings = sizeData[size][pointerSize === 'large' ? 'large' : 'small'];
259
236
  return /*#__PURE__*/React.createElement(DoubleWrapper, null, hasLabelContent && /*#__PURE__*/React.createElement(LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Label, null, label)), /*#__PURE__*/React.createElement(SliderWrapper, null, /*#__PURE__*/React.createElement(SliderBase, _extends({
260
237
  min: min,
261
238
  max: max,
262
- size: size,
263
239
  disabled: disabled,
264
240
  setStepSize: setStepSize,
265
241
  railFillWidth: state.railFillWidth,
266
- settings: settings,
267
- railFillXPosition: state.railFillXPosition,
268
- orientation: "horizontal"
242
+ settings: sizeData[size],
243
+ railFillXPosition: state.railFillXPosition
269
244
  }, rest), /*#__PURE__*/React.createElement(Handler, {
270
245
  ref: firstHandleRef,
271
- size: pointerSize,
272
246
  stepSize: state.stepSize,
273
247
  multipleStepSize: multipleStepSize,
274
248
  onChangeCommitted: onFirstHandleChangeCommitted,
@@ -278,23 +252,18 @@ var DoubleSlider = function DoubleSlider(_ref) {
278
252
  disabled: disabled,
279
253
  bounds: [min, state.secondValue],
280
254
  side: "left",
281
- orientation: "horizontal",
282
- position: state.xFirstHandle,
255
+ xPosition: state.xFirstHandle,
283
256
  zIndex: state.firstHandleZIndex,
284
257
  value: currentFirstSliderValue,
285
258
  ariaLabel: ariaLabelLeft,
286
- onMouseDown: function onMouseDown() {
287
- return setFirstInputFocused(true);
288
- },
289
259
  onMouseEnter: function onMouseEnter() {
290
- return setFirstInputHovered(true);
260
+ return setFirstInputActive(true);
291
261
  },
292
262
  onMouseLeave: function onMouseLeave() {
293
- return setFirstInputHovered(false);
263
+ return setFirstInputActive(false);
294
264
  }
295
265
  }), /*#__PURE__*/React.createElement(Handler, {
296
266
  ref: secondHandleRef,
297
- size: pointerSize,
298
267
  stepSize: state.stepSize,
299
268
  multipleStepSize: multipleStepSize,
300
269
  onChangeCommitted: onSecondHandleChangeCommitted,
@@ -305,19 +274,15 @@ var DoubleSlider = function DoubleSlider(_ref) {
305
274
  disabled: disabled,
306
275
  bounds: [state.firstValue, max],
307
276
  side: "right",
308
- orientation: "horizontal",
309
- position: state.xSecondHandle,
277
+ xPosition: state.xSecondHandle,
310
278
  zIndex: state.secondHandleZIndex,
311
279
  value: Math.max(state.secondValue, min),
312
280
  ariaLabel: ariaLabelRight,
313
- onMouseDown: function onMouseDown() {
314
- return setSecondInputFocused(true);
315
- },
316
281
  onMouseEnter: function onMouseEnter() {
317
- return setSecondInputHovered(true);
282
+ return setSecondInputActive(true);
318
283
  },
319
284
  onMouseLeave: function onMouseLeave() {
320
- return setSecondInputHovered(false);
285
+ return setSecondInputActive(false);
321
286
  }
322
287
  })), /*#__PURE__*/React.createElement(InputsWrapper, null, /*#__PURE__*/React.createElement(StyledInput, {
323
288
  className: cx(classes.firstTextField, firstInputActiveClass),