@salutejs/plasma-new-hope 0.78.0-canary.1185.8915022482.0 → 0.78.0-canary.1194.8928068974.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (598) hide show
  1. package/cjs/components/Combobox/Combobox.css +7 -17
  2. package/cjs/components/Combobox/hooks/useFocusController.js +1 -0
  3. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  4. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +6 -15
  5. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  6. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +6 -15
  7. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  8. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +6 -15
  9. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  10. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +6 -15
  11. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  12. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +23 -4
  13. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +10 -81
  14. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  15. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +9 -21
  16. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  17. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +1 -0
  18. package/cjs/components/Dropdown/Dropdown.css +2 -25
  19. package/cjs/components/Dropdown/Dropdown.js +54 -138
  20. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  21. package/cjs/components/Dropdown/Dropdown.styles.js +7 -40
  22. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  23. package/cjs/components/Dropdown/Dropdown.styles_1daxhqh.css +2 -0
  24. package/cjs/components/Dropdown/Dropdown.tokens.js +23 -26
  25. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  26. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +4 -7
  27. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +100 -79
  28. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  29. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -90
  30. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  31. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +4 -0
  32. package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +1 -1
  33. package/cjs/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +1 -0
  34. package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +1 -1
  35. package/cjs/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +1 -0
  36. package/cjs/components/Dropdown/utils/index.js +0 -16
  37. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  38. package/cjs/components/Pagination/Pagination.css +7 -14
  39. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +7 -14
  40. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  41. package/cjs/components/Select/Select.css +7 -14
  42. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +6 -15
  43. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  44. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +6 -15
  45. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  46. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +6 -15
  47. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  48. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +6 -15
  49. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  50. package/cjs/components/Select/ui/SelectItem/SelectItem.css +7 -16
  51. package/cjs/components/Select/ui/SelectItem/SelectItem.js +3 -3
  52. package/cjs/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  53. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  54. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  55. package/cjs/components/Select/ui/SelectItem/{SelectItem.styles_vk39mp.css → SelectItem.styles_6h17aw.css} +1 -1
  56. package/cjs/components/Slider/Slider.css +69 -0
  57. package/cjs/components/Slider/Slider.js +58 -0
  58. package/cjs/components/Slider/Slider.js.map +1 -0
  59. package/cjs/components/Slider/Slider.tokens.js +79 -0
  60. package/cjs/components/Slider/Slider.tokens.js.map +1 -0
  61. package/cjs/components/Slider/components/Double/Double.css +62 -0
  62. package/cjs/components/Slider/components/Double/Double.js +274 -0
  63. package/cjs/components/Slider/components/Double/Double.js.map +1 -0
  64. package/cjs/components/Slider/components/Double/Double.styles.js +61 -0
  65. package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -0
  66. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
  67. package/cjs/components/Slider/components/Single/Single.css +16 -0
  68. package/cjs/components/Slider/components/Single/Single.js +160 -0
  69. package/cjs/components/Slider/components/Single/Single.js.map +1 -0
  70. package/cjs/components/Slider/components/Single/Single.styles.js +45 -0
  71. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -0
  72. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  73. package/cjs/components/Slider/components/SliderBase/SliderBase.css +4 -0
  74. package/cjs/components/Slider/components/SliderBase/SliderBase.js +82 -0
  75. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
  76. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +33 -0
  77. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
  78. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
  79. package/cjs/components/Slider/ui/Handle/Handle.css +4 -0
  80. package/cjs/components/Slider/ui/Handle/Handle.js +174 -0
  81. package/cjs/components/Slider/ui/Handle/Handle.js.map +1 -0
  82. package/cjs/components/Slider/ui/Handle/Handle.styles.js +21 -0
  83. package/cjs/components/Slider/ui/Handle/Handle.styles.js.map +1 -0
  84. package/cjs/components/Slider/ui/Handle/Handle.styles_16a5sl.css +2 -0
  85. package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -0
  86. package/cjs/components/Slider/ui/Thumb/Thumb.js +31 -0
  87. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -0
  88. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +15 -0
  89. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
  90. package/cjs/components/Slider/ui/Thumb/Thumb.styles_zwgsh8.css +1 -0
  91. package/cjs/components/Slider/utils/index.js +56 -0
  92. package/cjs/components/Slider/utils/index.js.map +1 -0
  93. package/cjs/components/Slider/variations/_disabled/base.js +9 -0
  94. package/cjs/components/Slider/variations/_disabled/base.js.map +1 -0
  95. package/cjs/components/Slider/variations/_size/base.js +9 -0
  96. package/cjs/components/Slider/variations/_size/base.js.map +1 -0
  97. package/cjs/components/Slider/variations/_view/base.js +9 -0
  98. package/cjs/components/Slider/variations/_view/base.js.map +1 -0
  99. package/cjs/components/Slider/variations/_view/base_x642ct.css +1 -0
  100. package/cjs/components/TextField/TextField.js +6 -2
  101. package/cjs/components/TextField/TextField.js.map +1 -1
  102. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  103. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  104. package/cjs/hooks/useIsomorphicLayoutEffect.js +15 -0
  105. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  106. package/cjs/index.css +33 -18
  107. package/cjs/index.js +16 -8
  108. package/cjs/index.js.map +1 -1
  109. package/cjs/utils/canUseDOM.js +12 -0
  110. package/cjs/utils/canUseDOM.js.map +1 -0
  111. package/cjs/utils/index.js.map +1 -1
  112. package/es/components/Combobox/Combobox.css +7 -17
  113. package/es/components/Combobox/hooks/useFocusController.js +1 -0
  114. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  115. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +6 -15
  116. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  117. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +6 -15
  118. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  119. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +6 -15
  120. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  121. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +6 -15
  122. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  123. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +23 -4
  124. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +11 -82
  125. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  126. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +10 -19
  127. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  128. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +1 -0
  129. package/es/components/Dropdown/Dropdown.css +2 -25
  130. package/es/components/Dropdown/Dropdown.js +60 -144
  131. package/es/components/Dropdown/Dropdown.js.map +1 -1
  132. package/es/components/Dropdown/Dropdown.styles.js +7 -39
  133. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  134. package/es/components/Dropdown/Dropdown.styles_1daxhqh.css +2 -0
  135. package/es/components/Dropdown/Dropdown.tokens.js +23 -26
  136. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  137. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +4 -7
  138. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +100 -80
  139. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  140. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -89
  141. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  142. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +4 -0
  143. package/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +1 -1
  144. package/es/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +1 -0
  145. package/es/components/Dropdown/ui/DropdownItem/variations/_size/base_x642ct.css +1 -0
  146. package/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +1 -1
  147. package/es/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +1 -0
  148. package/es/components/Dropdown/ui/DropdownItem/variations/_view/base_x642ct.css +1 -0
  149. package/es/components/Dropdown/utils/index.js +2 -16
  150. package/es/components/Dropdown/utils/index.js.map +1 -1
  151. package/es/components/Pagination/Pagination.css +7 -14
  152. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +7 -14
  153. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  154. package/es/components/Select/Select.css +7 -14
  155. package/es/components/Select/ui/SelectDivider/SelectDivider.css +6 -15
  156. package/es/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  157. package/es/components/Select/ui/SelectFooter/SelectFooter.css +6 -15
  158. package/es/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  159. package/es/components/Select/ui/SelectGroup/SelectGroup.css +6 -15
  160. package/es/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  161. package/es/components/Select/ui/SelectHeader/SelectHeader.css +6 -15
  162. package/es/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  163. package/es/components/Select/ui/SelectItem/SelectItem.css +7 -16
  164. package/es/components/Select/ui/SelectItem/SelectItem.js +3 -3
  165. package/es/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  166. package/es/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  167. package/es/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  168. package/es/components/Select/ui/SelectItem/{SelectItem.styles_vk39mp.css → SelectItem.styles_6h17aw.css} +1 -1
  169. package/es/components/Slider/Slider.css +69 -0
  170. package/es/components/Slider/Slider.js +53 -0
  171. package/es/components/Slider/Slider.js.map +1 -0
  172. package/es/components/Slider/Slider.tokens.js +74 -0
  173. package/es/components/Slider/Slider.tokens.js.map +1 -0
  174. package/es/components/Slider/components/Double/Double.css +62 -0
  175. package/es/components/Slider/components/Double/Double.js +270 -0
  176. package/es/components/Slider/components/Double/Double.js.map +1 -0
  177. package/es/components/Slider/components/Double/Double.styles.js +51 -0
  178. package/es/components/Slider/components/Double/Double.styles.js.map +1 -0
  179. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
  180. package/es/components/Slider/components/Single/Single.css +16 -0
  181. package/es/components/Slider/components/Single/Single.js +156 -0
  182. package/es/components/Slider/components/Single/Single.js.map +1 -0
  183. package/es/components/Slider/components/Single/Single.styles.js +36 -0
  184. package/es/components/Slider/components/Single/Single.styles.js.map +1 -0
  185. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  186. package/es/components/Slider/components/SliderBase/SliderBase.css +4 -0
  187. package/es/components/Slider/components/SliderBase/SliderBase.js +78 -0
  188. package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
  189. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +26 -0
  190. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
  191. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
  192. package/es/components/Slider/ui/Handle/Handle.css +4 -0
  193. package/es/components/Slider/ui/Handle/Handle.js +170 -0
  194. package/es/components/Slider/ui/Handle/Handle.js.map +1 -0
  195. package/es/components/Slider/ui/Handle/Handle.styles.js +16 -0
  196. package/es/components/Slider/ui/Handle/Handle.styles.js.map +1 -0
  197. package/es/components/Slider/ui/Handle/Handle.styles_16a5sl.css +2 -0
  198. package/es/components/Slider/ui/Thumb/Thumb.css +1 -0
  199. package/es/components/Slider/ui/Thumb/Thumb.js +27 -0
  200. package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -0
  201. package/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
  202. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
  203. package/es/components/Slider/ui/Thumb/Thumb.styles_zwgsh8.css +1 -0
  204. package/es/components/Slider/utils/index.js +50 -0
  205. package/es/components/Slider/utils/index.js.map +1 -0
  206. package/es/components/Slider/variations/_disabled/base.js +5 -0
  207. package/es/components/Slider/variations/_disabled/base.js.map +1 -0
  208. package/es/components/Slider/variations/_disabled/base_x642ct.css +1 -0
  209. package/es/components/Slider/variations/_size/base.js +5 -0
  210. package/es/components/Slider/variations/_size/base.js.map +1 -0
  211. package/es/components/Slider/variations/_size/base_x642ct.css +1 -0
  212. package/es/components/Slider/variations/_view/base.js +5 -0
  213. package/es/components/Slider/variations/_view/base.js.map +1 -0
  214. package/es/components/Slider/variations/_view/base_x642ct.css +1 -0
  215. package/es/components/TextField/TextField.js +6 -2
  216. package/es/components/TextField/TextField.js.map +1 -1
  217. package/es/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  218. package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  219. package/es/hooks/useIsomorphicLayoutEffect.js +11 -0
  220. package/es/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  221. package/es/index.css +33 -18
  222. package/es/index.js +9 -4
  223. package/es/index.js.map +1 -1
  224. package/es/utils/canUseDOM.js +8 -0
  225. package/es/utils/canUseDOM.js.map +1 -0
  226. package/es/utils/index.js.map +1 -1
  227. package/package.json +4 -2
  228. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +2 -91
  229. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +7 -27
  230. package/styled-components/cjs/components/Dropdown/Dropdown.js +54 -140
  231. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +7 -22
  232. package/styled-components/cjs/components/Dropdown/Dropdown.template-doc.mdx +80 -0
  233. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +23 -26
  234. package/styled-components/cjs/components/Dropdown/index.js +1 -9
  235. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +105 -77
  236. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +18 -83
  237. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +19 -0
  238. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +9 -0
  239. package/styled-components/cjs/components/Dropdown/ui/index.js +5 -19
  240. package/styled-components/cjs/components/Dropdown/utils/index.js +1 -15
  241. package/styled-components/cjs/components/Dropdown/variations/_size/tokens.json +9 -1
  242. package/styled-components/cjs/components/Dropdown/variations/_view/tokens.json +1 -1
  243. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.js +1 -1
  244. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  245. package/styled-components/cjs/components/Slider/Slider.js +57 -0
  246. package/styled-components/cjs/components/Slider/Slider.tokens.js +77 -0
  247. package/styled-components/cjs/components/Slider/components/Double/Double.js +286 -0
  248. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +36 -0
  249. package/styled-components/cjs/components/Slider/components/Single/Single.js +172 -0
  250. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +27 -0
  251. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +5 -0
  252. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +83 -0
  253. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +21 -0
  254. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +5 -0
  255. package/styled-components/cjs/components/Slider/components/index.js +27 -0
  256. package/styled-components/cjs/components/Slider/index.js +32 -0
  257. package/styled-components/cjs/components/Slider/ui/Handle/Handle.js +183 -0
  258. package/styled-components/cjs/components/Slider/ui/Handle/Handle.styles.js +15 -0
  259. package/styled-components/cjs/components/Slider/ui/Handle/Handle.types.js +5 -0
  260. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +32 -0
  261. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +12 -0
  262. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +5 -0
  263. package/styled-components/cjs/components/Slider/ui/index.js +63 -0
  264. package/styled-components/cjs/components/Slider/utils/index.js +55 -0
  265. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +8 -0
  266. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +4 -0
  267. package/styled-components/cjs/components/Slider/variations/_size/base.js +8 -0
  268. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  269. package/styled-components/cjs/components/Slider/variations/_view/base.js +8 -0
  270. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  271. package/styled-components/cjs/components/TextField/TextField.js +6 -2
  272. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  273. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +27 -0
  274. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +13 -0
  275. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +194 -0
  276. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +27 -0
  277. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +13 -0
  278. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  279. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +29 -0
  280. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +11 -0
  281. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +131 -0
  282. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +27 -0
  283. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +13 -0
  284. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +195 -0
  285. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +27 -0
  286. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +13 -0
  287. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  288. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +29 -0
  289. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +11 -0
  290. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +131 -0
  291. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.config.js +22 -0
  292. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.js +21 -0
  293. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +277 -0
  294. package/styled-components/cjs/hooks/index.js +8 -1
  295. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +12 -0
  296. package/styled-components/cjs/index.js +11 -0
  297. package/styled-components/cjs/utils/canUseDOM.js +11 -0
  298. package/styled-components/cjs/utils/index.js +7 -0
  299. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +3 -90
  300. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +6 -23
  301. package/styled-components/es/components/Dropdown/Dropdown.js +55 -142
  302. package/styled-components/es/components/Dropdown/Dropdown.styles.js +5 -18
  303. package/styled-components/es/components/Dropdown/Dropdown.template-doc.mdx +80 -0
  304. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +23 -26
  305. package/styled-components/es/components/Dropdown/index.js +0 -1
  306. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +107 -78
  307. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +14 -80
  308. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +19 -0
  309. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +9 -0
  310. package/styled-components/es/components/Dropdown/ui/index.js +1 -3
  311. package/styled-components/es/components/Dropdown/utils/index.js +1 -15
  312. package/styled-components/es/components/Dropdown/variations/_size/tokens.json +9 -1
  313. package/styled-components/es/components/Dropdown/variations/_view/tokens.json +1 -1
  314. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.js +2 -2
  315. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  316. package/styled-components/es/components/Slider/Slider.js +48 -0
  317. package/styled-components/es/components/Slider/Slider.tokens.js +71 -0
  318. package/styled-components/es/components/Slider/components/Double/Double.js +278 -0
  319. package/styled-components/es/components/Slider/components/Double/Double.styles.js +29 -0
  320. package/styled-components/es/components/Slider/components/Single/Single.js +164 -0
  321. package/styled-components/es/components/Slider/components/Single/Single.styles.js +20 -0
  322. package/styled-components/es/components/Slider/components/Single/Single.types.js +1 -0
  323. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +74 -0
  324. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +14 -0
  325. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +1 -0
  326. package/styled-components/es/components/Slider/components/index.js +3 -0
  327. package/styled-components/es/components/Slider/index.js +3 -0
  328. package/styled-components/es/components/Slider/ui/Handle/Handle.js +174 -0
  329. package/styled-components/es/components/Slider/ui/Handle/Handle.styles.js +8 -0
  330. package/styled-components/es/components/Slider/ui/Handle/Handle.types.js +1 -0
  331. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +25 -0
  332. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +5 -0
  333. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +1 -0
  334. package/styled-components/es/components/Slider/ui/index.js +5 -0
  335. package/styled-components/es/components/Slider/utils/index.js +47 -0
  336. package/styled-components/es/components/Slider/variations/_disabled/base.js +2 -0
  337. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +4 -0
  338. package/styled-components/es/components/Slider/variations/_size/base.js +2 -0
  339. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  340. package/styled-components/es/components/Slider/variations/_view/base.js +2 -0
  341. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  342. package/styled-components/es/components/TextField/TextField.js +6 -2
  343. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +2 -1
  344. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +21 -0
  345. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +7 -0
  346. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +194 -0
  347. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +21 -0
  348. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +7 -0
  349. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  350. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +23 -0
  351. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +5 -0
  352. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +131 -0
  353. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +21 -0
  354. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +7 -0
  355. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +195 -0
  356. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +21 -0
  357. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +7 -0
  358. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +195 -0
  359. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +23 -0
  360. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +5 -0
  361. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +131 -0
  362. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.config.js +16 -0
  363. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.js +15 -0
  364. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +277 -0
  365. package/styled-components/es/hooks/index.js +2 -1
  366. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +7 -0
  367. package/styled-components/es/index.js +2 -1
  368. package/styled-components/es/utils/canUseDOM.js +5 -0
  369. package/styled-components/es/utils/index.js +1 -0
  370. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts +13 -15
  371. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts.map +1 -1
  372. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts +1 -5
  373. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts.map +1 -1
  374. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts +2 -59
  375. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts.map +1 -1
  376. package/types/components/Dropdown/Dropdown.d.ts +4 -4
  377. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  378. package/types/components/Dropdown/Dropdown.styles.d.ts +1 -8
  379. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  380. package/types/components/Dropdown/Dropdown.tokens.d.ts +22 -24
  381. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  382. package/types/components/Dropdown/Dropdown.types.d.ts +40 -64
  383. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  384. package/types/components/Dropdown/index.d.ts +1 -3
  385. package/types/components/Dropdown/index.d.ts.map +1 -1
  386. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts +56 -2
  387. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  388. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +2 -5
  389. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
  390. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +38 -44
  391. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  392. package/types/components/Dropdown/ui/DropdownItem/variations/_size/base.d.ts.map +1 -0
  393. package/types/components/Dropdown/ui/DropdownItem/variations/_view/base.d.ts.map +1 -0
  394. package/types/components/Dropdown/ui/index.d.ts +1 -3
  395. package/types/components/Dropdown/ui/index.d.ts.map +1 -1
  396. package/types/components/Dropdown/utils/index.d.ts +2 -5
  397. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  398. package/types/components/Select/ui/SelectItem/SelectItem.d.ts +2 -2
  399. package/types/components/Select/ui/SelectItem/SelectItem.d.ts.map +1 -1
  400. package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts +2 -2
  401. package/types/components/Select/utils/index.d.ts +1 -1
  402. package/types/components/Slider/Slider.d.ts +31 -0
  403. package/types/components/Slider/Slider.d.ts.map +1 -0
  404. package/types/components/Slider/Slider.tokens.d.ts +72 -0
  405. package/types/components/Slider/Slider.tokens.d.ts.map +1 -0
  406. package/types/components/Slider/Slider.types.d.ts +3 -0
  407. package/types/components/Slider/Slider.types.d.ts.map +1 -0
  408. package/types/components/Slider/components/Double/Double.d.ts +4 -0
  409. package/types/components/Slider/components/Double/Double.d.ts.map +1 -0
  410. package/types/components/Slider/components/Double/Double.styles.d.ts +43 -0
  411. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -0
  412. package/types/components/Slider/components/Double/Double.types.d.ts +60 -0
  413. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -0
  414. package/types/components/Slider/components/Single/Single.d.ts +4 -0
  415. package/types/components/Slider/components/Single/Single.d.ts.map +1 -0
  416. package/types/components/Slider/components/Single/Single.styles.d.ts +8 -0
  417. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -0
  418. package/types/components/Slider/components/Single/Single.types.d.ts +62 -0
  419. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -0
  420. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +4 -0
  421. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -0
  422. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +6 -0
  423. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -0
  424. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +45 -0
  425. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -0
  426. package/types/components/Slider/components/index.d.ts +6 -0
  427. package/types/components/Slider/components/index.d.ts.map +1 -0
  428. package/types/components/Slider/index.d.ts +6 -0
  429. package/types/components/Slider/index.d.ts.map +1 -0
  430. package/types/components/Slider/ui/Handle/Handle.d.ts +9 -0
  431. package/types/components/Slider/ui/Handle/Handle.d.ts.map +1 -0
  432. package/types/components/Slider/ui/Handle/Handle.styles.d.ts +4 -0
  433. package/types/components/Slider/ui/Handle/Handle.styles.d.ts.map +1 -0
  434. package/types/components/Slider/ui/Handle/Handle.types.d.ts +24 -0
  435. package/types/components/Slider/ui/Handle/Handle.types.d.ts.map +1 -0
  436. package/types/components/Slider/ui/Thumb/Thumb.d.ts +4 -0
  437. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -0
  438. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +5 -0
  439. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -0
  440. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +12 -0
  441. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -0
  442. package/types/components/Slider/ui/index.d.ts +6 -0
  443. package/types/components/Slider/ui/index.d.ts.map +1 -0
  444. package/types/components/Slider/utils/index.d.ts +33 -0
  445. package/types/components/Slider/utils/index.d.ts.map +1 -0
  446. package/types/components/Slider/variations/_disabled/base.d.ts +2 -0
  447. package/types/components/Slider/variations/_disabled/base.d.ts.map +1 -0
  448. package/types/components/Slider/variations/_size/base.d.ts +2 -0
  449. package/types/components/Slider/variations/_size/base.d.ts.map +1 -0
  450. package/types/components/Slider/variations/_view/base.d.ts +2 -0
  451. package/types/components/Slider/variations/_view/base.d.ts.map +1 -0
  452. package/types/components/TextField/TextField.d.ts.map +1 -1
  453. package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
  454. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.d.ts.map +1 -0
  455. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts +30 -0
  456. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts.map +1 -0
  457. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts +18 -0
  458. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts.map +1 -0
  459. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts +30 -0
  460. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts.map +1 -0
  461. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +22 -0
  462. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -0
  463. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +17 -0
  464. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -0
  465. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts +18 -0
  466. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts.map +1 -0
  467. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts +30 -0
  468. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts.map +1 -0
  469. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts +18 -0
  470. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts.map +1 -0
  471. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts +30 -0
  472. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts.map +1 -0
  473. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +22 -0
  474. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -0
  475. package/types/examples/plasma_web/components/Slider/Slider.d.ts +17 -0
  476. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -0
  477. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts +15 -0
  478. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts.map +1 -0
  479. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts +51 -0
  480. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts.map +1 -0
  481. package/types/hooks/index.d.ts +1 -0
  482. package/types/hooks/index.d.ts.map +1 -1
  483. package/types/hooks/useIsomorphicLayoutEffect.d.ts +6 -0
  484. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +1 -0
  485. package/types/index.d.ts +1 -0
  486. package/types/index.d.ts.map +1 -1
  487. package/types/utils/canUseDOM.d.ts +6 -0
  488. package/types/utils/canUseDOM.d.ts.map +1 -0
  489. package/types/utils/index.d.ts +1 -0
  490. package/types/utils/index.d.ts.map +1 -1
  491. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +0 -4
  492. package/cjs/components/Combobox/utils/index.js +0 -23
  493. package/cjs/components/Combobox/utils/index.js.map +0 -1
  494. package/cjs/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
  495. package/cjs/components/Dropdown/hooks/useHashMaps.js +0 -31
  496. package/cjs/components/Dropdown/hooks/useHashMaps.js.map +0 -1
  497. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +0 -200
  498. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +0 -1
  499. package/cjs/components/Dropdown/reducers/focusedPathReducer.js +0 -37
  500. package/cjs/components/Dropdown/reducers/focusedPathReducer.js.map +0 -1
  501. package/cjs/components/Dropdown/reducers/pathReducer.js +0 -41
  502. package/cjs/components/Dropdown/reducers/pathReducer.js.map +0 -1
  503. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -119
  504. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +0 -1
  505. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +0 -5
  506. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -30
  507. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +0 -1
  508. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +0 -4
  509. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +0 -4
  510. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -112
  511. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +0 -1
  512. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +0 -1
  513. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +0 -1
  514. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +0 -4
  515. package/es/components/Combobox/utils/index.js +0 -19
  516. package/es/components/Combobox/utils/index.js.map +0 -1
  517. package/es/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
  518. package/es/components/Dropdown/hooks/useHashMaps.js +0 -27
  519. package/es/components/Dropdown/hooks/useHashMaps.js.map +0 -1
  520. package/es/components/Dropdown/hooks/useKeyboardNavigation.js +0 -196
  521. package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +0 -1
  522. package/es/components/Dropdown/reducers/focusedPathReducer.js +0 -33
  523. package/es/components/Dropdown/reducers/focusedPathReducer.js.map +0 -1
  524. package/es/components/Dropdown/reducers/pathReducer.js +0 -37
  525. package/es/components/Dropdown/reducers/pathReducer.js.map +0 -1
  526. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -115
  527. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +0 -1
  528. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +0 -5
  529. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -23
  530. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +0 -1
  531. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +0 -4
  532. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +0 -4
  533. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -107
  534. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +0 -1
  535. package/es/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +0 -1
  536. package/es/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +0 -1
  537. package/styled-components/cjs/components/Combobox/utils/index.js +0 -23
  538. package/styled-components/cjs/components/Dropdown/hooks/useHashMaps.js +0 -29
  539. package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +0 -199
  540. package/styled-components/cjs/components/Dropdown/reducers/focusedPathReducer.js +0 -40
  541. package/styled-components/cjs/components/Dropdown/reducers/pathReducer.js +0 -44
  542. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -114
  543. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -33
  544. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -119
  545. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +0 -25
  546. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.js +0 -11
  547. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +0 -294
  548. package/styled-components/es/components/Combobox/utils/index.js +0 -15
  549. package/styled-components/es/components/Dropdown/hooks/useHashMaps.js +0 -23
  550. package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +0 -193
  551. package/styled-components/es/components/Dropdown/reducers/focusedPathReducer.js +0 -34
  552. package/styled-components/es/components/Dropdown/reducers/pathReducer.js +0 -38
  553. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +0 -108
  554. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -25
  555. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +0 -111
  556. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +0 -19
  557. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.js +0 -5
  558. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +0 -294
  559. package/types/components/Combobox/utils/index.d.ts +0 -4
  560. package/types/components/Combobox/utils/index.d.ts.map +0 -1
  561. package/types/components/Dropdown/hooks/useHashMaps.d.ts +0 -6
  562. package/types/components/Dropdown/hooks/useHashMaps.d.ts.map +0 -1
  563. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts +0 -23
  564. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts.map +0 -1
  565. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts +0 -16
  566. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts.map +0 -1
  567. package/types/components/Dropdown/reducers/pathReducer.d.ts +0 -20
  568. package/types/components/Dropdown/reducers/pathReducer.d.ts.map +0 -1
  569. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts +0 -5
  570. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +0 -1
  571. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +0 -26
  572. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +0 -1
  573. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts +0 -7
  574. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts.map +0 -1
  575. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts +0 -60
  576. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts.map +0 -1
  577. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts +0 -58
  578. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts.map +0 -1
  579. package/types/components/Dropdown/ui/DropdownItemOld/variations/_size/base.d.ts.map +0 -1
  580. package/types/components/Dropdown/ui/DropdownItemOld/variations/_view/base.d.ts.map +0 -1
  581. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +0 -1
  582. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +0 -13
  583. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +0 -1
  584. /package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base_x642ct.css +0 -0
  585. /package/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base_x642ct.css +0 -0
  586. /package/{es/components/Dropdown/ui/DropdownItemOld/variations/_size → cjs/components/Slider/variations/_disabled}/base_x642ct.css +0 -0
  587. /package/{es/components/Dropdown/ui/DropdownItemOld/variations/_view → cjs/components/Slider/variations/_size}/base_x642ct.css +0 -0
  588. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +0 -0
  589. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +0 -0
  590. /package/styled-components/cjs/components/{Dropdown/ui/DropdownInner/DropdownInner.type.js → Slider/Slider.types.js} +0 -0
  591. /package/styled-components/cjs/components/{Dropdown/ui/DropdownItemOld/DropdownItem.type.js → Slider/components/Double/Double.types.js} +0 -0
  592. /package/styled-components/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.js +0 -0
  593. /package/styled-components/es/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.js +0 -0
  594. /package/styled-components/es/components/{Dropdown/ui/DropdownInner/DropdownInner.type.js → Slider/Slider.types.js} +0 -0
  595. /package/styled-components/es/components/{Dropdown/ui/DropdownItemOld/DropdownItem.type.js → Slider/components/Double/Double.types.js} +0 -0
  596. /package/types/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_size/base.d.ts +0 -0
  597. /package/types/components/Dropdown/ui/{DropdownItemOld → DropdownItem}/variations/_view/base.d.ts +0 -0
  598. /package/types/examples/plasma_b2c/components/Dropdown/{Dropdown.config.d.ts → Normal/Dropdown.config.d.ts} +0 -0
@@ -0,0 +1,74 @@
1
+ var classes = {
2
+ labelPlacementOuter: 'slider-label-placement-outer',
3
+ labelPlacementInner: 'slider-label-placement-inner',
4
+ rangeValuesPlacementOuter: 'slider-range-values-placement-outer',
5
+ rangeValuesPlacementInner: 'slider-range-values-placement-inner',
6
+ maxRangeValue: 'slider-max-range-value',
7
+ hideMinValue: 'slider-hide-min-value',
8
+ hideMaxValue: 'slider-hide-max-value',
9
+ textFieldActive: 'slider-text-field-active',
10
+ firstTextField: 'slider-first-text-field',
11
+ secondTextField: 'slider-second-text-field',
12
+ activeRangeValue: 'slider-active-range-value'
13
+ };
14
+ var tokens = {
15
+ height: '--plasma-slider-height',
16
+ labelWrapperGap: '--plasma-slider-label-wrapper-gap',
17
+ labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',
18
+ labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',
19
+ labelColor: '--plasma-slider-label-color',
20
+ labelFontFamily: '--plasma-slider-label-font-family',
21
+ labelFontSize: '--plasma-slider-label-font-size',
22
+ labelFontStyle: '--plasma-slider-label-font-style',
23
+ labelFontWeight: '--plasma-slider-label-font-weight',
24
+ labelLetterSpacing: '--plasma-slider-label-letter-spacing',
25
+ labelLineHeight: '--plasma-slider-label-line-height',
26
+ rangeMinValueMargin: '--plasma-slider-range-min-value-margin',
27
+ rangeMaxValueMargin: '--plasma-slider-range-max-value-margin',
28
+ rangeValueBottomOffset: '--plasma-slider-range-value-bottom-offset',
29
+ rangeValueColor: '--plasma-slider-range-value-color',
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',
36
+ doubleWrapperGap: '--plasma-slider-double-wrapper-gap',
37
+ thumbSize: '--plasma-slider-thumb-size',
38
+ thumbBorder: '--plasma-slider-thumb-border',
39
+ thumbBorderColor: '--plasma-slider-thumb-border-color',
40
+ thumbBackgroundColor: '--plasma-slider-thumb-background-color',
41
+ thumbFocusBorderColor: '--plasma-slider-thumb-focus-border-color',
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',
49
+ railBackgroundColor: '--plasma-slider-rail-background-color',
50
+ railHeight: '--plasma-slider-rail-height',
51
+ railBorderRadius: '--plasma-slider-rail-border-radius',
52
+ railIndent: '--plasma-slider-rail-indent',
53
+ fillColor: '--plasma-slider-fill-color',
54
+ textFieldWrapperGap: '--plasma-slider-text-field-wrapper-gap',
55
+ textFieldFontFamily: '--plasma-slider-text-field-font-family',
56
+ textFieldFontSize: '--plasma-slider-text-field-font-size',
57
+ textFieldFontStyle: '--plasma-slider-text-field-font-style',
58
+ textFieldFontWeight: '--plasma-slider-text-field-font-weight',
59
+ textFieldLetterSpacing: '--plasma-slider-text-field-letter-spacing',
60
+ textFieldLineHeight: '--plasma-slider-text-field-line-height',
61
+ textFieldHeight: '--plasma-slider-text-field-height',
62
+ textFieldPadding: '--plasma-slider-text-field-padding',
63
+ textFieldBorderRadius: '--plasma-slider-text-field-border-radius',
64
+ textFieldColor: '--plasma-slider-text-field-color',
65
+ textFieldActiveColor: '--plasma-slider-text-field-active-color',
66
+ textFieldBackgroundColor: '--plasma-slider-text-field-background-color',
67
+ textFieldCaretColor: '--plasma-slider-text-field-caret-color',
68
+ textFieldPlaceholderColor: '--plasma-slider-text-field-placeholder-color',
69
+ textFiledFocusColor: '--plasma-slider-text-field-focus-color',
70
+ disabledOpacity: '--plasma-slider-disabled-opacity'
71
+ };
72
+
73
+ export { classes, tokens };
74
+ //# sourceMappingURL=Slider.tokens.js.map
@@ -0,0 +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 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":"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"}
@@ -0,0 +1,62 @@
1
+ .SliderBase_styles_7is2ll_s33crq1__0c0959e2{-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);}
2
+ .SliderBase_styles_7is2ll_rnaoqfb__0c0959e2{height:100%;}
3
+ .SliderBase_styles_7is2ll_r1bro5xo__0c0959e2{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%);}
4
+ .SliderBase_styles_7is2ll_fdg7yhg__0c0959e2{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
5
+
6
+ .Handle_styles_16a5sl_hhwq33d__69fb82a5{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
7
+ .Handle_styles_16a5sl_shurctf__69fb82a5{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-2px;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);}
8
+
9
+ .Thumb_styles_zwgsh8_tqbdf8b__6eb13971{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-2px;top:-2px;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:2px;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;}.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:after{background:var(--plasma-slider-thumb-border-color);margin:-2px;content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;}.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:not([disabled]):hover:after,.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:focus{outline:none;}.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:not([disabled]).Thumb_styles_zwgsh8_focusVisible__6eb13971,.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:not([disabled])[data-focus-visible-added]{border-color:var(--plasma-slider-thumb-focus-border-color);}
10
+
11
+ .inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb{padding:var(--plasma-textfield-placement_inner__content-padding);}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:focus ~ .inner_gqlcj2_l13qvwoy__0d4c77cb,.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:not(:placeholder-shown) ~ .inner_gqlcj2_l13qvwoy__0d4c77cb{height:auto;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:not(:focus)::-webkit-input-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:not(:focus)::-moz-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:not(:focus):-ms-input-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:not(:focus)::placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:focus::-webkit-input-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:focus::-moz-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:focus:-ms-input-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:focus::placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_l13qvwoy__0d4c77cb{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top: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;box-sizing:border-box;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
12
+
13
+ .outer_is41nj_la46t0i__fd2d2cf4 .outer_is41nj_l13qvwoy__fd2d2cf4{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}
14
+
15
+ .base_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_io4bpie__4e32753c{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_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_iq39zt5__4e32753c{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_iq39zt5__4e32753c.base_1khzr9t_hasChips__4e32753c{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_iq39zt5__4e32753c.base_1khzr9t_hasEmptyContentLeft__4e32753c{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_iq39zt5__4e32753c.base_1khzr9t_hasEmptyContentRight__4e32753c{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_l13qvwoy__4e32753c{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_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_llv9av6__4e32753c{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);}
16
+
17
+ .base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_iq39zt5__3c6defb4{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_iq39zt5__3c6defb4:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_iq39zt5__3c6defb4:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_io4bpie__3c6defb4::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_io4bpie__3c6defb4::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_io4bpie__3c6defb4:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_io4bpie__3c6defb4::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_io4bpie__3c6defb4{color:var(--plasma-textfield-color);}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_llv9av6__3c6defb4{color:var(--plasma-textfield__left-helper-color);}
18
+
19
+ .base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
20
+
21
+ .base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_llv9av6__3851a304{color:var(--plasma-textfield__left-helper-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_l13qvwoy__3851a304{color:var(--plasma-textfield__label-color-readonly);}
22
+
23
+ .TextField_styles_1b1mddp_iq39zt5__552d9a4a{position:relative;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;box-sizing:border-box;}
24
+ .TextField_styles_1b1mddp_i1j28rg8__552d9a4a{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1b1mddp_i1j28rg8__552d9a4a::-webkit-scrollbar{display:none;}.TextField_styles_1b1mddp_i1j28rg8__552d9a4a.TextField_styles_1b1mddp_hasChips__552d9a4a{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
25
+ .TextField_styles_1b1mddp_s13zudoe__552d9a4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
26
+ .TextField_styles_1b1mddp_io4bpie__552d9a4a{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
27
+
28
+ .TextField_styles_1b1mddp_s19ry60d__552d9a4a{margin:var(--plasma-textfield__left-content-margin);}
29
+ .TextField_styles_1b1mddp_sbt1ohz__552d9a4a{margin:var(--plasma-textfield__right-content-margin);}
30
+
31
+
32
+ .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
33
+
34
+ .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
35
+
36
+ .base_fcgkys_b1pde8v1__0b4d127a{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding-top:var(--plasma-chip-padding-top);padding-right:var(--plasma-chip-padding-right);padding-bottom:var(--plasma-chip-padding-bottom);padding-left:var(--plasma-chip-padding-left);}.base_fcgkys_b1pde8v1__0b4d127a:hover{scale:var(--plasma-chip-scale-hover);}.base_fcgkys_b1pde8v1__0b4d127a:active{scale:var(--plasma-chip-scale-active);}
37
+
38
+ .base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
39
+
40
+ .base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
41
+
42
+ .base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
43
+
44
+ .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
45
+
46
+ .Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
47
+ .Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
48
+ .Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
49
+ .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
50
+ .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
51
+
52
+ .TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::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.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
53
+
54
+ .TextField_wctd2m_bpunezx__bc8b464c{display:block;overflow:hidden;}
55
+
56
+ .Double_styles_1jhda4u_lcs82cd__5dc981f4{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}
57
+
58
+ .Double_styles_1jhda4u_l1at2q9b__5dc981f4{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);}
59
+ .Double_styles_1jhda4u_i11dc2og__5dc981f4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-text-field-wrapper-gap);margin-top:var(--plasma-slider-double-wrapper-gap);}
60
+ .Double_styles_1jhda4u_s4zvp7i__5dc981f4{-webkit-flex:1;-ms-flex:1;flex:1;--plasma-textfield-color:var(--plasma-slider-text-field-color);--plasma-textfield-bg-color:var(--plasma-slider-text-field-background-color);--plasma-textfield__caret-color:var(--plasma-slider-text-field-caret-color);--plasma-textfield__placeholder-color:var(--plasma-slider-text-field-placeholder-color);--plasma-textfield-disabled-opacity:var(--plasma-slider-disabled-opacity);--plasma-textfield-height:var(--plasma-slider-text-field-height);--plasma-textfield-padding:var(--plasma-slider-text-field-padding);--plasma-textfield-border-radius:var(--plasma-slider-text-field-border-radius);--plasma-textfield-font-family:var(--plasma-slider-text-field-font-family);--plasma-textfield-font-size:var(--plasma-slider-text-field-font-size);--plasma-textfield-font-style:var(--plasma-slider-text-field-font-style);--plasma-textfield-font-weight:var(--plasma-slider-text-field-font-weight);--plasma-textfield-letter-spacing:var(--plasma-slider-text-field-letter-spacing);--plasma-textfield-line-height:var(--plasma-slider-text-field-line-height);}.Double_styles_1jhda4u_s4zvp7i__5dc981f4.Double_styles_1jhda4u_sliderFirstTextField__5dc981f4 > div{border-top-right-radius:0;border-bottom-right-radius:0;}.Double_styles_1jhda4u_s4zvp7i__5dc981f4.Double_styles_1jhda4u_sliderSecondTextField__5dc981f4 > div{border-top-left-radius:0;border-bottom-left-radius:0;}.Double_styles_1jhda4u_s4zvp7i__5dc981f4 input:focus,.Double_styles_1jhda4u_s4zvp7i__5dc981f4.Double_styles_1jhda4u_sliderTextFieldActive__5dc981f4{--plasma-textfield-color:var(--plasma-slider-text-field-focus-color);}
61
+ .Double_styles_1jhda4u_d3kvcjo__5dc981f4{opacity:var(--plasma-slider-disabled-opacity);}
62
+
@@ -0,0 +1,270 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React, { useState, useRef, useEffect, useCallback } from 'react';
3
+ import { SliderBase } from '../SliderBase/SliderBase.js';
4
+ import { Handle } from '../../ui/Handle/Handle.js';
5
+ import '@linaria/react';
6
+ import { sizeData } from '../../utils/index.js';
7
+ import { cx } from '../../../../utils/index.js';
8
+ import { classes } from '../../Slider.tokens.js';
9
+ import { DoubleWrapper, LabelWrapper, LabelContentLeft, Label, SliderWrapper, InputsWrapper, StyledInput } from './Double.styles.js';
10
+ import { isNumber } from '../../../../utils/isNumber.js';
11
+
12
+ var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeDrag", "ariaLabel", "multipleStepSize"];
13
+ function getXCenterHandle(handle) {
14
+ var _handle$parentElement;
15
+ 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;
16
+ var handleRect = handle.getBoundingClientRect();
17
+ var handlePosition = handleRect.x;
18
+ return handlePosition - containerX;
19
+ }
20
+ var DoubleSlider = function DoubleSlider(_ref) {
21
+ var min = _ref.min,
22
+ max = _ref.max,
23
+ value = _ref.value,
24
+ disabled = _ref.disabled,
25
+ label = _ref.label,
26
+ labelContentLeft = _ref.labelContentLeft,
27
+ _ref$size = _ref.size,
28
+ size = _ref$size === void 0 ? 'm' : _ref$size,
29
+ onChangeCommitted = _ref.onChangeCommitted,
30
+ onChangeDrag = _ref.onChangeDrag,
31
+ ariaLabel = _ref.ariaLabel,
32
+ _ref$multipleStepSize = _ref.multipleStepSize,
33
+ multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
34
+ rest = _objectWithoutProperties(_ref, _excluded);
35
+ var _useState = useState({
36
+ stepSize: 0,
37
+ railFillWidth: 0,
38
+ railFillXPosition: 0,
39
+ xFirstHandle: 0,
40
+ xSecondHandle: 0,
41
+ firstHandleZIndex: 100,
42
+ secondHandleZIndex: 101,
43
+ firstValue: value[0],
44
+ secondValue: value[1]
45
+ }),
46
+ _useState2 = _slicedToArray(_useState, 2),
47
+ state = _useState2[0],
48
+ setState = _useState2[1];
49
+ var _useState3 = useState(false),
50
+ _useState4 = _slicedToArray(_useState3, 2),
51
+ firstInputActive = _useState4[0],
52
+ setFirstInputActive = _useState4[1];
53
+ var _useState5 = useState(false),
54
+ _useState6 = _slicedToArray(_useState5, 2),
55
+ secondInputActive = _useState6[0],
56
+ setSecondInputActive = _useState6[1];
57
+ var firstHandleRef = useRef(null);
58
+ var secondHandleRef = useRef(null);
59
+ var firstHandleValue = useRef(value[0]);
60
+ var secondHandleValue = useRef(value[1]);
61
+ var _useState7 = useState(value[0]),
62
+ _useState8 = _slicedToArray(_useState7, 2),
63
+ firstValue = _useState8[0],
64
+ setFirstValue = _useState8[1];
65
+ var _useState9 = useState(value[1]),
66
+ _useState10 = _slicedToArray(_useState9, 2),
67
+ secondValue = _useState10[0],
68
+ setSecondValue = _useState10[1];
69
+ var stepSize = state.stepSize;
70
+ var hasLabelContent = label || labelContentLeft;
71
+ var firstInputActiveClass = firstInputActive && !disabled ? classes.textFieldActive : undefined;
72
+ var secondInputActiveClass = secondInputActive && !disabled ? classes.textFieldActive : undefined;
73
+ useEffect(function () {
74
+ var firstLocalValue = Math.min(Math.max(value[0], min), max) - min;
75
+ var secondLocalValue = Math.min(Math.max(value[1], min), max) - min;
76
+ setState(function (prevState) {
77
+ return _objectSpread2(_objectSpread2({}, prevState), {}, {
78
+ railFillXPosition: stepSize * firstLocalValue,
79
+ railFillWidth: stepSize * secondLocalValue - stepSize * firstLocalValue,
80
+ xFirstHandle: stepSize * firstLocalValue,
81
+ xSecondHandle: stepSize * secondLocalValue
82
+ });
83
+ });
84
+ }, [value, stepSize, min, max]);
85
+ var setStepSize = useCallback(function (newStepSize) {
86
+ setState(function (prevState) {
87
+ return _objectSpread2(_objectSpread2({}, prevState), {}, {
88
+ stepSize: newStepSize
89
+ });
90
+ });
91
+ }, []);
92
+ var onFirstHandleChange = useCallback(function (handleValue, data) {
93
+ if (secondHandleRef !== null && secondHandleRef !== void 0 && secondHandleRef.current) {
94
+ var newHandleXPosition = data.x;
95
+ var secondHandleXPosition = getXCenterHandle(secondHandleRef.current);
96
+ var fillWidth = secondHandleXPosition - newHandleXPosition;
97
+ firstHandleValue.current = handleValue;
98
+ setFirstValue(handleValue);
99
+ setState(function (prevState) {
100
+ return _objectSpread2(_objectSpread2({}, prevState), {}, {
101
+ firstHandleZIndex: 101,
102
+ secondHandleZIndex: 100,
103
+ railFillWidth: fillWidth < 0 ? 0 : fillWidth,
104
+ railFillXPosition: newHandleXPosition
105
+ });
106
+ });
107
+ if (onChangeDrag) {
108
+ onChangeDrag([handleValue, value[1]]);
109
+ }
110
+ }
111
+ }, [onChangeDrag, value]);
112
+ var onFirstHandleChangeCommitted = useCallback(function (handleValue, data) {
113
+ setFirstValue(handleValue);
114
+ onChangeCommitted && onChangeCommitted([handleValue, value[1]]);
115
+ setState(function (prevState) {
116
+ return _objectSpread2(_objectSpread2({}, prevState), {}, {
117
+ firstValue: handleValue,
118
+ xFirstHandle: data.lastX
119
+ });
120
+ });
121
+ }, [onChangeCommitted, value]);
122
+ var onFirstTextfieldChange = useCallback(function (event) {
123
+ if (!isNumber(event.target.value)) return;
124
+ var handleValue = Number(event.target.value);
125
+ setFirstValue(handleValue);
126
+ }, [isNumber, setFirstValue]);
127
+ var onFirstTextfieldEnter = useCallback(function (newValue) {
128
+ if (!isNumber(newValue)) return;
129
+ var handleValue = Math.min(Math.max(Number(newValue), min), value[1]);
130
+ var handleValueLocal = Math.min(Math.max(handleValue, min), max) - min;
131
+ setFirstValue(handleValue);
132
+ setState(function (prevState) {
133
+ return _objectSpread2(_objectSpread2({}, prevState), {}, {
134
+ firstValue: handleValue,
135
+ xFirstHandle: handleValueLocal * stepSize
136
+ });
137
+ });
138
+ onChangeCommitted && onChangeCommitted([handleValue, value[1]]);
139
+ }, [isNumber, onChangeCommitted, setFirstValue, value, min, max, stepSize]);
140
+ var onSecondHandleChange = useCallback(function (handleValue, data) {
141
+ if (firstHandleRef !== null && firstHandleRef !== void 0 && firstHandleRef.current) {
142
+ var firstXHandleXPosition = getXCenterHandle(firstHandleRef.current);
143
+ var newHandleXPosition = data.x;
144
+ var fillWidth = newHandleXPosition - firstXHandleXPosition;
145
+ secondHandleValue.current = handleValue;
146
+ setSecondValue(handleValue);
147
+ setState(function (prevState) {
148
+ return _objectSpread2(_objectSpread2({}, prevState), {}, {
149
+ firstHandleZIndex: 100,
150
+ secondHandleZIndex: 101,
151
+ railFillWidth: fillWidth < 0 ? 0 : fillWidth,
152
+ railFillXPosition: firstXHandleXPosition
153
+ });
154
+ });
155
+ if (onChangeDrag) {
156
+ onChangeDrag([value[0], handleValue]);
157
+ }
158
+ }
159
+ }, [onChangeDrag, value]);
160
+ var onSecondHandleChangeCommitted = useCallback(function (handleValue, data) {
161
+ onChangeCommitted && onChangeCommitted([value[0], handleValue]);
162
+ setSecondValue(handleValue);
163
+ setState(function (prevState) {
164
+ return _objectSpread2(_objectSpread2({}, prevState), {}, {
165
+ secondValue: handleValue,
166
+ xSecondHandle: data.lastX
167
+ });
168
+ });
169
+ }, [onChangeCommitted, value]);
170
+ var onSecondTextfieldChange = useCallback(function (event) {
171
+ if (!isNumber(event.target.value)) return;
172
+ var handleValue = Number(event.target.value);
173
+ setSecondValue(handleValue);
174
+ }, [isNumber, setSecondValue]);
175
+ var onSecondTextfieldEnter = useCallback(function (newValue) {
176
+ if (!isNumber(newValue)) return;
177
+ var handleValue = Math.max(Math.min(Number(newValue), max), value[0]);
178
+ var handleValueLocal = Math.min(Math.max(handleValue, min), max) - min;
179
+ setSecondValue(handleValue);
180
+ setState(function (prevState) {
181
+ return _objectSpread2(_objectSpread2({}, prevState), {}, {
182
+ secondValue: handleValue,
183
+ xSecondHandle: handleValueLocal * stepSize
184
+ });
185
+ });
186
+ onChangeCommitted && onChangeCommitted([value[0], handleValue]);
187
+ }, [isNumber, setSecondValue, onChangeCommitted, value, min, max, stepSize]);
188
+ var _ref2 = ariaLabel || [],
189
+ _ref3 = _slicedToArray(_ref2, 2),
190
+ ariaLabelLeft = _ref3[0],
191
+ ariaLabelRight = _ref3[1];
192
+ var currentFirstSliderValue = Math.max(state.firstValue, min);
193
+ 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({
194
+ min: min,
195
+ max: max,
196
+ disabled: disabled,
197
+ setStepSize: setStepSize,
198
+ railFillWidth: state.railFillWidth,
199
+ settings: sizeData[size],
200
+ railFillXPosition: state.railFillXPosition
201
+ }, rest), /*#__PURE__*/React.createElement(Handle, {
202
+ ref: firstHandleRef,
203
+ stepSize: state.stepSize,
204
+ multipleStepSize: multipleStepSize,
205
+ onChangeCommitted: onFirstHandleChangeCommitted,
206
+ onChange: onFirstHandleChange,
207
+ min: min,
208
+ max: state.secondValue,
209
+ disabled: disabled,
210
+ bounds: [min, state.secondValue],
211
+ side: "left",
212
+ xPosition: state.xFirstHandle,
213
+ zIndex: state.firstHandleZIndex,
214
+ value: currentFirstSliderValue,
215
+ ariaLabel: ariaLabelLeft,
216
+ onMouseEnter: function onMouseEnter() {
217
+ return setFirstInputActive(true);
218
+ },
219
+ onMouseLeave: function onMouseLeave() {
220
+ return setFirstInputActive(false);
221
+ }
222
+ }), /*#__PURE__*/React.createElement(Handle, {
223
+ ref: secondHandleRef,
224
+ stepSize: state.stepSize,
225
+ multipleStepSize: multipleStepSize,
226
+ onChangeCommitted: onSecondHandleChangeCommitted,
227
+ onChange: onSecondHandleChange,
228
+ min: min,
229
+ ariaValueMin: currentFirstSliderValue,
230
+ max: max,
231
+ disabled: disabled,
232
+ bounds: [state.firstValue, max],
233
+ side: "right",
234
+ xPosition: state.xSecondHandle,
235
+ zIndex: state.secondHandleZIndex,
236
+ value: Math.max(state.secondValue, min),
237
+ ariaLabel: ariaLabelRight,
238
+ onMouseEnter: function onMouseEnter() {
239
+ return setSecondInputActive(true);
240
+ },
241
+ onMouseLeave: function onMouseLeave() {
242
+ return setSecondInputActive(false);
243
+ }
244
+ })), /*#__PURE__*/React.createElement(InputsWrapper, null, /*#__PURE__*/React.createElement(StyledInput, {
245
+ className: cx(classes.firstTextField, firstInputActiveClass),
246
+ enumerationType: "plain",
247
+ disabled: disabled,
248
+ value: firstValue,
249
+ onChange: function onChange(e) {
250
+ return onFirstTextfieldChange(e);
251
+ },
252
+ onSearch: function onSearch(e) {
253
+ return onFirstTextfieldEnter(e);
254
+ }
255
+ }), /*#__PURE__*/React.createElement(StyledInput, {
256
+ className: cx(classes.secondTextField, secondInputActiveClass),
257
+ enumerationType: "plain",
258
+ disabled: disabled,
259
+ value: secondValue,
260
+ onChange: function onChange(e) {
261
+ return onSecondTextfieldChange(e);
262
+ },
263
+ onSearch: function onSearch(e) {
264
+ return onSecondTextfieldEnter(e);
265
+ }
266
+ }))));
267
+ };
268
+
269
+ export { DoubleSlider };
270
+ //# sourceMappingURL=Double.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Double.js","sources":["../../../../../src/components/Slider/components/Double/Double.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport type { FC, ChangeEvent } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handle } from '../../ui';\nimport type { HandleProps } from '../../ui';\nimport { sizeData } from '../../utils';\nimport { cx, isNumber } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\n\nimport { DoubleSliderProps } from './Double.types';\nimport {\n SliderWrapper,\n InputsWrapper,\n Label,\n LabelContentLeft,\n LabelWrapper,\n StyledInput,\n DoubleWrapper,\n} from './Double.styles';\n\nfunction getXCenterHandle(handle: HTMLDivElement) {\n const containerX = handle.parentElement?.getBoundingClientRect()?.x || 0;\n const handleRect = handle.getBoundingClientRect();\n const handlePosition = handleRect.x;\n return handlePosition - containerX;\n}\n\nexport const DoubleSlider: FC<DoubleSliderProps> = ({\n min,\n max,\n value,\n disabled,\n label,\n labelContentLeft,\n size = 'm',\n onChangeCommitted,\n onChangeDrag,\n ariaLabel,\n multipleStepSize = 10,\n ...rest\n}) => {\n const [state, setState] = useState({\n stepSize: 0,\n railFillWidth: 0,\n railFillXPosition: 0,\n xFirstHandle: 0,\n xSecondHandle: 0,\n firstHandleZIndex: 100,\n secondHandleZIndex: 101,\n firstValue: value[0],\n secondValue: value[1],\n });\n const [firstInputActive, setFirstInputActive] = useState(false);\n const [secondInputActive, setSecondInputActive] = useState(false);\n\n const firstHandleRef = useRef<HTMLDivElement | null>(null);\n const secondHandleRef = useRef<HTMLDivElement | null>(null);\n\n const firstHandleValue = useRef<number>(value[0]);\n const secondHandleValue = useRef<number>(value[1]);\n\n const [firstValue, setFirstValue] = useState<number>(value[0]);\n const [secondValue, setSecondValue] = useState<number>(value[1]);\n\n const { stepSize } = state;\n\n const hasLabelContent = label || labelContentLeft;\n const firstInputActiveClass = firstInputActive && !disabled ? classes.textFieldActive : undefined;\n const secondInputActiveClass = secondInputActive && !disabled ? classes.textFieldActive : undefined;\n\n useEffect(() => {\n const firstLocalValue = Math.min(Math.max(value[0], min), max) - min;\n const secondLocalValue = Math.min(Math.max(value[1], min), max) - min;\n setState((prevState) => ({\n ...prevState,\n railFillXPosition: stepSize * firstLocalValue,\n railFillWidth: stepSize * secondLocalValue - stepSize * firstLocalValue,\n xFirstHandle: stepSize * firstLocalValue,\n xSecondHandle: stepSize * secondLocalValue,\n }));\n }, [value, stepSize, min, max]);\n\n const setStepSize = useCallback((newStepSize: number) => {\n setState((prevState) => ({\n ...prevState,\n stepSize: newStepSize,\n }));\n }, []);\n\n const onFirstHandleChange = useCallback<NonNullable<HandleProps['onChange']>>(\n (handleValue, data) => {\n if (secondHandleRef?.current) {\n const newHandleXPosition = data.x;\n const secondHandleXPosition = getXCenterHandle(secondHandleRef.current);\n const fillWidth = secondHandleXPosition - newHandleXPosition;\n\n firstHandleValue.current = handleValue;\n\n setFirstValue(handleValue);\n\n setState((prevState) => ({\n ...prevState,\n firstHandleZIndex: 101,\n secondHandleZIndex: 100,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: newHandleXPosition,\n }));\n if (onChangeDrag) {\n onChangeDrag([handleValue, value[1]]);\n }\n }\n },\n [onChangeDrag, value],\n );\n\n const onFirstHandleChangeCommitted = useCallback<NonNullable<HandleProps['onChangeCommitted']>>(\n (handleValue, data) => {\n setFirstValue(handleValue);\n onChangeCommitted && onChangeCommitted([handleValue, value[1]]);\n\n setState((prevState) => ({\n ...prevState,\n firstValue: handleValue,\n xFirstHandle: data.lastX,\n }));\n },\n [onChangeCommitted, value],\n );\n\n const onFirstTextfieldChange = useCallback(\n (event: ChangeEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) return;\n\n const handleValue = Number(event.target.value);\n\n setFirstValue(handleValue);\n },\n [isNumber, setFirstValue],\n );\n\n const onFirstTextfieldEnter = useCallback(\n (newValue: string) => {\n if (!isNumber(newValue)) return;\n\n const handleValue = Math.min(Math.max(Number(newValue), min), value[1]);\n const handleValueLocal = Math.min(Math.max(handleValue, min), max) - min;\n\n setFirstValue(handleValue);\n setState((prevState) => ({\n ...prevState,\n firstValue: handleValue,\n xFirstHandle: handleValueLocal * stepSize,\n }));\n\n onChangeCommitted && onChangeCommitted([handleValue, value[1]]);\n },\n [isNumber, onChangeCommitted, setFirstValue, value, min, max, stepSize],\n );\n\n const onSecondHandleChange = useCallback<NonNullable<HandleProps['onChange']>>(\n (handleValue, data) => {\n if (firstHandleRef?.current) {\n const firstXHandleXPosition = getXCenterHandle(firstHandleRef.current);\n\n const newHandleXPosition = data.x;\n const fillWidth = newHandleXPosition - firstXHandleXPosition;\n\n secondHandleValue.current = handleValue;\n\n setSecondValue(handleValue);\n setState((prevState) => ({\n ...prevState,\n firstHandleZIndex: 100,\n secondHandleZIndex: 101,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: firstXHandleXPosition,\n }));\n if (onChangeDrag) {\n onChangeDrag([value[0], handleValue]);\n }\n }\n },\n [onChangeDrag, value],\n );\n\n const onSecondHandleChangeCommitted = useCallback<NonNullable<HandleProps['onChangeCommitted']>>(\n (handleValue, data) => {\n onChangeCommitted && onChangeCommitted([value[0], handleValue]);\n setSecondValue(handleValue);\n setState((prevState) => ({\n ...prevState,\n secondValue: handleValue,\n xSecondHandle: data.lastX,\n }));\n },\n [onChangeCommitted, value],\n );\n\n const onSecondTextfieldChange = useCallback(\n (event: ChangeEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) return;\n\n const handleValue = Number(event.target.value);\n\n setSecondValue(handleValue);\n },\n [isNumber, setSecondValue],\n );\n\n const onSecondTextfieldEnter = useCallback(\n (newValue: string) => {\n if (!isNumber(newValue)) return;\n\n const handleValue = Math.max(Math.min(Number(newValue), max), value[0]);\n const handleValueLocal = Math.min(Math.max(handleValue, min), max) - min;\n\n setSecondValue(handleValue);\n setState((prevState) => ({\n ...prevState,\n secondValue: handleValue,\n xSecondHandle: handleValueLocal * stepSize,\n }));\n\n onChangeCommitted && onChangeCommitted([value[0], handleValue]);\n },\n [isNumber, setSecondValue, onChangeCommitted, value, min, max, stepSize],\n );\n\n const [ariaLabelLeft, ariaLabelRight] = ariaLabel || [];\n const currentFirstSliderValue = Math.max(state.firstValue, min);\n\n return (\n <DoubleWrapper>\n {hasLabelContent && (\n <LabelWrapper>\n {labelContentLeft && <LabelContentLeft>{labelContentLeft}</LabelContentLeft>}\n {label && <Label>{label}</Label>}\n </LabelWrapper>\n )}\n <SliderWrapper>\n <SliderBase\n min={min}\n max={max}\n disabled={disabled}\n setStepSize={setStepSize}\n railFillWidth={state.railFillWidth}\n settings={sizeData[size]}\n railFillXPosition={state.railFillXPosition}\n {...rest}\n >\n <Handle\n ref={firstHandleRef}\n stepSize={state.stepSize}\n multipleStepSize={multipleStepSize}\n onChangeCommitted={onFirstHandleChangeCommitted}\n onChange={onFirstHandleChange}\n min={min}\n max={state.secondValue}\n disabled={disabled}\n bounds={[min, state.secondValue]}\n side=\"left\"\n xPosition={state.xFirstHandle}\n zIndex={state.firstHandleZIndex}\n value={currentFirstSliderValue}\n ariaLabel={ariaLabelLeft}\n onMouseEnter={() => setFirstInputActive(true)}\n onMouseLeave={() => setFirstInputActive(false)}\n />\n <Handle\n ref={secondHandleRef}\n stepSize={state.stepSize}\n multipleStepSize={multipleStepSize}\n onChangeCommitted={onSecondHandleChangeCommitted}\n onChange={onSecondHandleChange}\n min={min}\n ariaValueMin={currentFirstSliderValue}\n max={max}\n disabled={disabled}\n bounds={[state.firstValue, max]}\n side=\"right\"\n xPosition={state.xSecondHandle}\n zIndex={state.secondHandleZIndex}\n value={Math.max(state.secondValue, min)}\n ariaLabel={ariaLabelRight}\n onMouseEnter={() => setSecondInputActive(true)}\n onMouseLeave={() => setSecondInputActive(false)}\n />\n </SliderBase>\n\n <InputsWrapper>\n <StyledInput\n className={cx(classes.firstTextField, firstInputActiveClass)}\n enumerationType=\"plain\"\n disabled={disabled}\n value={firstValue}\n onChange={(e) => onFirstTextfieldChange(e)}\n onSearch={(e) => onFirstTextfieldEnter(e)}\n />\n <StyledInput\n className={cx(classes.secondTextField, secondInputActiveClass)}\n enumerationType=\"plain\"\n disabled={disabled}\n value={secondValue}\n onChange={(e) => onSecondTextfieldChange(e)}\n onSearch={(e) => onSecondTextfieldEnter(e)}\n />\n </InputsWrapper>\n </SliderWrapper>\n </DoubleWrapper>\n );\n};\n"],"names":["getXCenterHandle","handle","_handle$parentElement","containerX","parentElement","getBoundingClientRect","x","handleRect","handlePosition","DoubleSlider","_ref","min","max","value","disabled","label","labelContentLeft","_ref$size","size","onChangeCommitted","onChangeDrag","ariaLabel","_ref$multipleStepSize","multipleStepSize","rest","_objectWithoutProperties","_excluded","_useState","useState","stepSize","railFillWidth","railFillXPosition","xFirstHandle","xSecondHandle","firstHandleZIndex","secondHandleZIndex","firstValue","secondValue","_useState2","_slicedToArray","state","setState","_useState3","_useState4","firstInputActive","setFirstInputActive","_useState5","_useState6","secondInputActive","setSecondInputActive","firstHandleRef","useRef","secondHandleRef","firstHandleValue","secondHandleValue","_useState7","_useState8","setFirstValue","_useState9","_useState10","setSecondValue","hasLabelContent","firstInputActiveClass","classes","textFieldActive","undefined","secondInputActiveClass","useEffect","firstLocalValue","Math","secondLocalValue","prevState","_objectSpread","setStepSize","useCallback","newStepSize","onFirstHandleChange","handleValue","data","current","newHandleXPosition","secondHandleXPosition","fillWidth","onFirstHandleChangeCommitted","lastX","onFirstTextfieldChange","event","isNumber","target","Number","onFirstTextfieldEnter","newValue","handleValueLocal","onSecondHandleChange","firstXHandleXPosition","onSecondHandleChangeCommitted","onSecondTextfieldChange","onSecondTextfieldEnter","_ref2","_ref3","ariaLabelLeft","ariaLabelRight","currentFirstSliderValue","React","createElement","DoubleWrapper","LabelWrapper","LabelContentLeft","Label","SliderWrapper","SliderBase","_extends","settings","sizeData","Handle","ref","onChange","bounds","side","xPosition","zIndex","onMouseEnter","onMouseLeave","ariaValueMin","InputsWrapper","StyledInput","className","cx","firstTextField","enumerationType","e","onSearch","secondTextField"],"mappings":"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"}
@@ -0,0 +1,51 @@
1
+ import './Double.styles_1jhda4u.css';
2
+ import { styled } from '@linaria/react';
3
+ import '@linaria/core';
4
+ import { component, mergeConfig } from '../../../../engines/common.js';
5
+ import { textFieldConfig } from '../../../TextField/TextField.js';
6
+
7
+ var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
8
+ var TextField = /*#__PURE__*/component(mergedConfig);
9
+ var LabelWrapper = /*#__PURE__*/styled('div')({
10
+ name: "LabelWrapper",
11
+ "class": "lcs82cd",
12
+ propsAsIs: false
13
+ });
14
+ var LabelContentLeft = /*#__PURE__*/styled('div')({
15
+ name: "LabelContentLeft",
16
+ "class": "l1tvgbgq",
17
+ propsAsIs: false
18
+ });
19
+ var Label = /*#__PURE__*/styled('label')({
20
+ name: "Label",
21
+ "class": "l1at2q9b",
22
+ propsAsIs: false
23
+ });
24
+ var InputsWrapper = /*#__PURE__*/styled('div')({
25
+ name: "InputsWrapper",
26
+ "class": "i11dc2og",
27
+ propsAsIs: false
28
+ });
29
+
30
+ // NOTE: переопределение токенов TextField
31
+ var _exp12 = function _exp12() {
32
+ return TextField;
33
+ };
34
+ var StyledInput = /*#__PURE__*/styled(_exp12())({
35
+ name: "StyledInput",
36
+ "class": "s4zvp7i",
37
+ propsAsIs: true
38
+ });
39
+ var DoubleWrapper = /*#__PURE__*/styled('div')({
40
+ name: "DoubleWrapper",
41
+ "class": "d3kvcjo",
42
+ propsAsIs: false
43
+ });
44
+ var SliderWrapper = /*#__PURE__*/styled('div')({
45
+ name: "SliderWrapper",
46
+ "class": "s11ntvbh",
47
+ propsAsIs: false
48
+ });
49
+
50
+ export { DoubleWrapper, InputsWrapper, Label, LabelContentLeft, LabelWrapper, SliderWrapper, StyledInput };
51
+ //# sourceMappingURL=Double.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Double.styles.js","sources":["../../../../../src/components/Slider/components/Double/Double.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../../TextField';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\n margin-bottom: var(${tokens.labelWrapperMarginBottom});\n`;\n\nexport const LabelContentLeft = styled.div``;\n\nexport const Label = styled.label`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const InputsWrapper = styled.div`\n display: flex;\n gap: var(${tokens.textFieldWrapperGap});\n margin-top: var(${tokens.doubleWrapperGap});\n`;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n flex: 1;\n \n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n &.${classes.firstTextField} > div {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.${classes.secondTextField} > div {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n \n input:focus, &.${classes.textFieldActive} {\n ${textFieldTokens.color}: var(${tokens.textFiledFocusColor});\n }\n`;\n\nexport const DoubleWrapper = styled.div`\n opacity: var(${tokens.disabledOpacity});\n`;\n\nexport const SliderWrapper = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","LabelWrapper","styled","name","class","propsAsIs","LabelContentLeft","Label","InputsWrapper","_exp12","StyledInput","DoubleWrapper","SliderWrapper"],"mappings":";;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAElC,IAAMK,YAAY,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMjC,EAAA;AAEM,IAAMC,gBAAgB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAErC,IAAME,KAAK,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,aAAa,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;;AAED;AAAA,IAAAI,MAAA,GAjCkBA,SAiClBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMW,WAAW,gBAAGR,MAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAiChC,EAAA;AAEM,IAAMM,aAAa,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAElC,EAAA;AAEM,IAAMO,aAAa,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}
@@ -0,0 +1,7 @@
1
+ .lcs82cd{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}
2
+
3
+ .l1at2q9b{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);}
4
+ .i11dc2og{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-text-field-wrapper-gap);margin-top:var(--plasma-slider-double-wrapper-gap);}
5
+ .s4zvp7i{-webkit-flex:1;-ms-flex:1;flex:1;--plasma-textfield-color:var(--plasma-slider-text-field-color);--plasma-textfield-bg-color:var(--plasma-slider-text-field-background-color);--plasma-textfield__caret-color:var(--plasma-slider-text-field-caret-color);--plasma-textfield__placeholder-color:var(--plasma-slider-text-field-placeholder-color);--plasma-textfield-disabled-opacity:var(--plasma-slider-disabled-opacity);--plasma-textfield-height:var(--plasma-slider-text-field-height);--plasma-textfield-padding:var(--plasma-slider-text-field-padding);--plasma-textfield-border-radius:var(--plasma-slider-text-field-border-radius);--plasma-textfield-font-family:var(--plasma-slider-text-field-font-family);--plasma-textfield-font-size:var(--plasma-slider-text-field-font-size);--plasma-textfield-font-style:var(--plasma-slider-text-field-font-style);--plasma-textfield-font-weight:var(--plasma-slider-text-field-font-weight);--plasma-textfield-letter-spacing:var(--plasma-slider-text-field-letter-spacing);--plasma-textfield-line-height:var(--plasma-slider-text-field-line-height);}.s4zvp7i.slider-first-text-field > div{border-top-right-radius:0;border-bottom-right-radius:0;}.s4zvp7i.slider-second-text-field > div{border-top-left-radius:0;border-bottom-left-radius:0;}.s4zvp7i input:focus,.s4zvp7i.slider-text-field-active{--plasma-textfield-color:var(--plasma-slider-text-field-focus-color);}
6
+ .d3kvcjo{opacity:var(--plasma-slider-disabled-opacity);}
7
+