@salutejs/plasma-new-hope 0.80.0-canary.1176.9060349970.0 → 0.80.0-canary.1194.9058672177.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (536) hide show
  1. package/cjs/components/Checkbox/Checkbox.js +59 -22
  2. package/cjs/components/Checkbox/Checkbox.js.map +1 -1
  3. package/cjs/components/Checkbox/Checkbox_1q4l832.css +7 -0
  4. package/cjs/components/Checkbox/IconsSvg.js +9 -9
  5. package/cjs/components/Checkbox/IconsSvg.js.map +1 -1
  6. package/cjs/components/{Radiobox/variations → Checkbox}/_disabled/base.js +2 -2
  7. package/cjs/components/Checkbox/_disabled/base.js.map +1 -0
  8. package/cjs/components/Checkbox/_disabled/base_fyu17z.css +1 -0
  9. package/cjs/components/Checkbox/{variations/_disabled → _focused}/base.js +2 -2
  10. package/cjs/components/Checkbox/_focused/base.js.map +1 -0
  11. package/cjs/components/Checkbox/_focused/base_po5iiu.css +1 -0
  12. package/cjs/components/{Radiobox/variations → Checkbox}/_size/base.js +1 -1
  13. package/cjs/components/Checkbox/_size/base.js.map +1 -0
  14. package/cjs/components/Checkbox/{variations/_view → _view}/base.js +2 -2
  15. package/cjs/components/Checkbox/_view/base.js.map +1 -0
  16. package/cjs/components/Checkbox/_view/base_1vqr3f.css +1 -0
  17. package/cjs/components/Combobox/hooks/useFocusController.js +1 -0
  18. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  19. package/cjs/components/Radiobox/Radiobox.js +32 -23
  20. package/cjs/components/Radiobox/Radiobox.js.map +1 -1
  21. package/cjs/components/Radiobox/Radiobox_1ri2eqv.css +2 -0
  22. package/cjs/components/Radiobox/_disabled/base.js +9 -0
  23. package/cjs/components/Radiobox/_disabled/base.js.map +1 -0
  24. package/cjs/components/Radiobox/_disabled/base_1jca5bk.css +1 -0
  25. package/cjs/components/Radiobox/_focused/base.js +9 -0
  26. package/cjs/components/Radiobox/_focused/base.js.map +1 -0
  27. package/cjs/components/Radiobox/{variations/_focused/base_1d7o4za.css → _focused/base_1nruwxa.css} +1 -1
  28. package/cjs/components/{Checkbox/variations → Radiobox}/_size/base.js +1 -1
  29. package/cjs/components/Radiobox/_size/base.js.map +1 -0
  30. package/cjs/components/Radiobox/_view/base.js +9 -0
  31. package/cjs/components/Radiobox/_view/base.js.map +1 -0
  32. package/cjs/components/Radiobox/{variations/_view/base_11n1fn3.css → _view/base_wj0ueq.css} +1 -1
  33. package/cjs/components/Slider/Slider.css +69 -0
  34. package/cjs/components/Slider/Slider.js +53 -0
  35. package/cjs/components/Slider/Slider.js.map +1 -0
  36. package/cjs/components/Slider/Slider.tokens.js +79 -0
  37. package/cjs/components/Slider/Slider.tokens.js.map +1 -0
  38. package/cjs/components/Slider/components/Double/Double.css +62 -0
  39. package/cjs/components/Slider/components/Double/Double.js +274 -0
  40. package/cjs/components/Slider/components/Double/Double.js.map +1 -0
  41. package/cjs/components/Slider/components/Double/Double.styles.js +61 -0
  42. package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -0
  43. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
  44. package/cjs/components/Slider/components/Single/Single.css +16 -0
  45. package/cjs/components/Slider/components/Single/Single.js +160 -0
  46. package/cjs/components/Slider/components/Single/Single.js.map +1 -0
  47. package/cjs/components/Slider/components/Single/Single.styles.js +45 -0
  48. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -0
  49. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  50. package/cjs/components/Slider/components/SliderBase/SliderBase.css +4 -0
  51. package/cjs/components/Slider/components/SliderBase/SliderBase.js +82 -0
  52. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
  53. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +33 -0
  54. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
  55. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
  56. package/cjs/components/Slider/ui/Handle/Handle.css +4 -0
  57. package/cjs/components/Slider/ui/Handle/Handle.js +174 -0
  58. package/cjs/components/Slider/ui/Handle/Handle.js.map +1 -0
  59. package/cjs/components/Slider/ui/Handle/Handle.styles.js +21 -0
  60. package/cjs/components/Slider/ui/Handle/Handle.styles.js.map +1 -0
  61. package/cjs/components/Slider/ui/Handle/Handle.styles_9m0x33.css +2 -0
  62. package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -0
  63. package/cjs/components/Slider/ui/Thumb/Thumb.js +31 -0
  64. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -0
  65. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +15 -0
  66. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
  67. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  68. package/cjs/components/Slider/utils/index.js +56 -0
  69. package/cjs/components/Slider/utils/index.js.map +1 -0
  70. package/cjs/components/Slider/variations/_disabled/base.js +9 -0
  71. package/cjs/components/Slider/variations/_disabled/base.js.map +1 -0
  72. package/cjs/components/Slider/variations/_size/base.js +9 -0
  73. package/cjs/components/Slider/variations/_size/base.js.map +1 -0
  74. package/cjs/components/Slider/variations/_view/base.js +9 -0
  75. package/cjs/components/Slider/variations/_view/base.js.map +1 -0
  76. package/cjs/components/Slider/variations/_view/base_x642ct.css +1 -0
  77. package/cjs/components/TextField/TextField.js +12 -3
  78. package/cjs/components/TextField/TextField.js.map +1 -1
  79. package/cjs/engines/common.js +4 -0
  80. package/cjs/engines/common.js.map +1 -1
  81. package/cjs/engines/index.js.map +1 -1
  82. package/cjs/hooks/useIsomorphicLayoutEffect.js +15 -0
  83. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  84. package/cjs/index.css +40 -15
  85. package/cjs/index.js +14 -4
  86. package/cjs/index.js.map +1 -1
  87. package/cjs/utils/canUseDOM.js +12 -0
  88. package/cjs/utils/canUseDOM.js.map +1 -0
  89. package/cjs/utils/index.js.map +1 -1
  90. package/es/components/Checkbox/Checkbox.js +43 -12
  91. package/es/components/Checkbox/Checkbox.js.map +1 -1
  92. package/es/components/Checkbox/Checkbox_1q4l832.css +7 -0
  93. package/es/components/Checkbox/IconsSvg.js +9 -9
  94. package/es/components/Checkbox/IconsSvg.js.map +1 -1
  95. package/es/components/{Radiobox/variations → Checkbox}/_disabled/base.js +2 -2
  96. package/es/components/Checkbox/_disabled/base.js.map +1 -0
  97. package/es/components/Checkbox/_disabled/base_fyu17z.css +1 -0
  98. package/es/components/Checkbox/{variations/_disabled → _focused}/base.js +2 -2
  99. package/es/components/Checkbox/_focused/base.js.map +1 -0
  100. package/es/components/Checkbox/_focused/base_po5iiu.css +1 -0
  101. package/es/components/{Radiobox/variations → Checkbox}/_size/base.js +1 -1
  102. package/es/components/Checkbox/_size/base.js.map +1 -0
  103. package/es/components/Checkbox/_size/base_x642ct.css +1 -0
  104. package/es/components/Checkbox/{variations/_view → _view}/base.js +2 -2
  105. package/es/components/Checkbox/_view/base.js.map +1 -0
  106. package/es/components/Checkbox/_view/base_1vqr3f.css +1 -0
  107. package/es/components/Combobox/hooks/useFocusController.js +1 -0
  108. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  109. package/es/components/Radiobox/Radiobox.js +21 -12
  110. package/es/components/Radiobox/Radiobox.js.map +1 -1
  111. package/es/components/Radiobox/Radiobox_1ri2eqv.css +2 -0
  112. package/es/components/Radiobox/_disabled/base.js +5 -0
  113. package/es/components/Radiobox/_disabled/base.js.map +1 -0
  114. package/es/components/Radiobox/_disabled/base_1jca5bk.css +1 -0
  115. package/es/components/Radiobox/_focused/base.js +5 -0
  116. package/es/components/Radiobox/_focused/base.js.map +1 -0
  117. package/es/components/Radiobox/{variations/_focused/base_1d7o4za.css → _focused/base_1nruwxa.css} +1 -1
  118. package/es/components/{Checkbox/variations → Radiobox}/_size/base.js +1 -1
  119. package/es/components/Radiobox/_size/base.js.map +1 -0
  120. package/es/components/Radiobox/_size/base_x642ct.css +1 -0
  121. package/es/components/Radiobox/_view/base.js +5 -0
  122. package/es/components/Radiobox/_view/base.js.map +1 -0
  123. package/es/components/Radiobox/{variations/_view/base_11n1fn3.css → _view/base_wj0ueq.css} +1 -1
  124. package/es/components/Slider/Slider.css +69 -0
  125. package/es/components/Slider/Slider.js +48 -0
  126. package/es/components/Slider/Slider.js.map +1 -0
  127. package/es/components/Slider/Slider.tokens.js +74 -0
  128. package/es/components/Slider/Slider.tokens.js.map +1 -0
  129. package/es/components/Slider/components/Double/Double.css +62 -0
  130. package/es/components/Slider/components/Double/Double.js +270 -0
  131. package/es/components/Slider/components/Double/Double.js.map +1 -0
  132. package/es/components/Slider/components/Double/Double.styles.js +51 -0
  133. package/es/components/Slider/components/Double/Double.styles.js.map +1 -0
  134. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
  135. package/es/components/Slider/components/Single/Single.css +16 -0
  136. package/es/components/Slider/components/Single/Single.js +156 -0
  137. package/es/components/Slider/components/Single/Single.js.map +1 -0
  138. package/es/components/Slider/components/Single/Single.styles.js +36 -0
  139. package/es/components/Slider/components/Single/Single.styles.js.map +1 -0
  140. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  141. package/es/components/Slider/components/SliderBase/SliderBase.css +4 -0
  142. package/es/components/Slider/components/SliderBase/SliderBase.js +78 -0
  143. package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
  144. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +26 -0
  145. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
  146. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
  147. package/es/components/Slider/ui/Handle/Handle.css +4 -0
  148. package/es/components/Slider/ui/Handle/Handle.js +170 -0
  149. package/es/components/Slider/ui/Handle/Handle.js.map +1 -0
  150. package/es/components/Slider/ui/Handle/Handle.styles.js +16 -0
  151. package/es/components/Slider/ui/Handle/Handle.styles.js.map +1 -0
  152. package/es/components/Slider/ui/Handle/Handle.styles_9m0x33.css +2 -0
  153. package/es/components/Slider/ui/Thumb/Thumb.css +1 -0
  154. package/es/components/Slider/ui/Thumb/Thumb.js +27 -0
  155. package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -0
  156. package/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
  157. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
  158. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  159. package/es/components/Slider/utils/index.js +50 -0
  160. package/es/components/Slider/utils/index.js.map +1 -0
  161. package/es/components/Slider/variations/_disabled/base.js +5 -0
  162. package/es/components/Slider/variations/_disabled/base.js.map +1 -0
  163. package/es/components/Slider/variations/_disabled/base_x642ct.css +1 -0
  164. package/es/components/Slider/variations/_size/base.js +5 -0
  165. package/es/components/Slider/variations/_size/base.js.map +1 -0
  166. package/es/components/Slider/variations/_size/base_x642ct.css +1 -0
  167. package/es/components/Slider/variations/_view/base.js +5 -0
  168. package/es/components/Slider/variations/_view/base.js.map +1 -0
  169. package/es/components/Slider/variations/_view/base_x642ct.css +1 -0
  170. package/es/components/TextField/TextField.js +12 -3
  171. package/es/components/TextField/TextField.js.map +1 -1
  172. package/es/engines/common.js +4 -0
  173. package/es/engines/common.js.map +1 -1
  174. package/es/engines/index.js.map +1 -1
  175. package/es/hooks/useIsomorphicLayoutEffect.js +11 -0
  176. package/es/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  177. package/es/index.css +40 -15
  178. package/es/index.js +8 -2
  179. package/es/index.js.map +1 -1
  180. package/es/utils/canUseDOM.js +8 -0
  181. package/es/utils/canUseDOM.js.map +1 -0
  182. package/es/utils/index.js.map +1 -1
  183. package/package.json +3 -2
  184. package/styled-components/cjs/components/Checkbox/Checkbox.js +40 -20
  185. package/styled-components/cjs/components/Checkbox/IconsSvg.js +9 -9
  186. package/styled-components/cjs/components/{Radiobox/variations → Checkbox}/_disabled/base.js +1 -2
  187. package/styled-components/cjs/components/Checkbox/_focused/base.js +26 -0
  188. package/styled-components/cjs/components/Checkbox/_view/base.js +8 -0
  189. package/styled-components/cjs/components/Checkbox/_view/tokens.json +1 -0
  190. package/styled-components/cjs/components/Checkbox/index.js +1 -8
  191. package/styled-components/cjs/components/Radiobox/Radiobox.js +22 -15
  192. package/styled-components/cjs/components/Radiobox/_disabled/base.js +8 -0
  193. package/styled-components/cjs/components/Radiobox/_focused/base.js +26 -0
  194. package/styled-components/cjs/components/Radiobox/_view/base.js +8 -0
  195. package/styled-components/cjs/components/Radiobox/index.js +1 -8
  196. package/styled-components/cjs/components/Slider/Slider.js +52 -0
  197. package/styled-components/cjs/components/Slider/Slider.tokens.js +77 -0
  198. package/styled-components/cjs/components/Slider/components/Double/Double.js +286 -0
  199. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +36 -0
  200. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +5 -0
  201. package/styled-components/cjs/components/Slider/components/Single/Single.js +172 -0
  202. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +27 -0
  203. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +5 -0
  204. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +83 -0
  205. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +21 -0
  206. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +5 -0
  207. package/styled-components/cjs/components/Slider/components/index.js +27 -0
  208. package/styled-components/cjs/components/Slider/index.js +32 -0
  209. package/styled-components/cjs/components/Slider/ui/Handle/Handle.js +183 -0
  210. package/styled-components/cjs/components/Slider/ui/Handle/Handle.styles.js +15 -0
  211. package/styled-components/cjs/components/Slider/ui/Handle/Handle.types.js +5 -0
  212. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +32 -0
  213. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +18 -0
  214. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +5 -0
  215. package/styled-components/cjs/components/Slider/ui/index.js +63 -0
  216. package/styled-components/cjs/components/Slider/utils/index.js +55 -0
  217. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +8 -0
  218. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +4 -0
  219. package/styled-components/cjs/components/Slider/variations/_size/base.js +8 -0
  220. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  221. package/styled-components/cjs/components/Slider/variations/_view/base.js +8 -0
  222. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  223. package/styled-components/cjs/components/TextField/TextField.js +12 -3
  224. package/styled-components/cjs/engines/common.js +4 -0
  225. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
  226. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +0 -1
  227. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -13
  228. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +29 -0
  229. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +16 -0
  230. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +150 -0
  231. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
  232. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +0 -1
  233. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -13
  234. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +29 -0
  235. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +16 -0
  236. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +150 -0
  237. package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
  238. package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -13
  239. package/styled-components/cjs/hooks/index.js +8 -1
  240. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +12 -0
  241. package/styled-components/cjs/index.js +11 -0
  242. package/styled-components/cjs/utils/canUseDOM.js +11 -0
  243. package/styled-components/cjs/utils/index.js +7 -0
  244. package/styled-components/es/components/Checkbox/Checkbox.js +33 -12
  245. package/styled-components/es/components/Checkbox/IconsSvg.js +9 -9
  246. package/styled-components/es/components/Checkbox/_disabled/base.js +2 -0
  247. package/styled-components/es/components/Checkbox/_focused/base.js +20 -0
  248. package/styled-components/es/components/Checkbox/_view/base.js +2 -0
  249. package/styled-components/es/components/Checkbox/_view/tokens.json +1 -0
  250. package/styled-components/es/components/Checkbox/index.js +1 -2
  251. package/styled-components/es/components/Radiobox/Radiobox.js +22 -13
  252. package/styled-components/es/components/Radiobox/_disabled/base.js +2 -0
  253. package/styled-components/es/components/Radiobox/_focused/base.js +20 -0
  254. package/styled-components/es/components/Radiobox/_view/base.js +2 -0
  255. package/styled-components/es/components/Radiobox/index.js +1 -2
  256. package/styled-components/es/components/Slider/Slider.js +43 -0
  257. package/styled-components/es/components/Slider/Slider.tokens.js +71 -0
  258. package/styled-components/es/components/Slider/components/Double/Double.js +278 -0
  259. package/styled-components/es/components/Slider/components/Double/Double.styles.js +29 -0
  260. package/styled-components/es/components/Slider/components/Double/Double.types.js +1 -0
  261. package/styled-components/es/components/Slider/components/Single/Single.js +164 -0
  262. package/styled-components/es/components/Slider/components/Single/Single.styles.js +20 -0
  263. package/styled-components/es/components/Slider/components/Single/Single.types.js +1 -0
  264. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +74 -0
  265. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +14 -0
  266. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +1 -0
  267. package/styled-components/es/components/Slider/components/index.js +3 -0
  268. package/styled-components/es/components/Slider/index.js +3 -0
  269. package/styled-components/es/components/Slider/ui/Handle/Handle.js +174 -0
  270. package/styled-components/es/components/Slider/ui/Handle/Handle.styles.js +8 -0
  271. package/styled-components/es/components/Slider/ui/Handle/Handle.types.js +1 -0
  272. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +25 -0
  273. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
  274. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +1 -0
  275. package/styled-components/es/components/Slider/ui/index.js +5 -0
  276. package/styled-components/es/components/Slider/utils/index.js +47 -0
  277. package/styled-components/es/components/Slider/variations/_disabled/base.js +2 -0
  278. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +4 -0
  279. package/styled-components/es/components/Slider/variations/_size/base.js +2 -0
  280. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  281. package/styled-components/es/components/Slider/variations/_view/base.js +2 -0
  282. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  283. package/styled-components/es/components/TextField/TextField.js +12 -3
  284. package/styled-components/es/engines/common.js +4 -0
  285. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
  286. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +0 -1
  287. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -13
  288. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +23 -0
  289. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +10 -0
  290. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +150 -0
  291. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
  292. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +0 -1
  293. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -13
  294. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +23 -0
  295. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +10 -0
  296. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +150 -0
  297. package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
  298. package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -13
  299. package/styled-components/es/hooks/index.js +2 -1
  300. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +7 -0
  301. package/styled-components/es/index.js +2 -1
  302. package/styled-components/es/utils/canUseDOM.js +5 -0
  303. package/styled-components/es/utils/index.js +1 -0
  304. package/types/components/Checkbox/Checkbox.d.ts +37 -4
  305. package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
  306. package/types/components/Checkbox/IconsSvg.d.ts.map +1 -1
  307. package/types/components/Checkbox/_disabled/base.d.ts.map +1 -0
  308. package/types/components/Checkbox/_focused/base.d.ts.map +1 -0
  309. package/types/components/Checkbox/_size/base.d.ts.map +1 -0
  310. package/types/components/Checkbox/_view/base.d.ts.map +1 -0
  311. package/types/components/Checkbox/index.d.ts +1 -2
  312. package/types/components/Checkbox/index.d.ts.map +1 -1
  313. package/types/components/Radiobox/Radiobox.d.ts +1 -1
  314. package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
  315. package/types/components/Radiobox/_disabled/base.d.ts.map +1 -0
  316. package/types/components/Radiobox/_focused/base.d.ts.map +1 -0
  317. package/types/components/Radiobox/_size/base.d.ts.map +1 -0
  318. package/types/components/Radiobox/_view/base.d.ts +2 -0
  319. package/types/components/Radiobox/_view/base.d.ts.map +1 -0
  320. package/types/components/Radiobox/index.d.ts +0 -1
  321. package/types/components/Radiobox/index.d.ts.map +1 -1
  322. package/types/components/Slider/Slider.d.ts +27 -0
  323. package/types/components/Slider/Slider.d.ts.map +1 -0
  324. package/types/components/Slider/Slider.tokens.d.ts +72 -0
  325. package/types/components/Slider/Slider.tokens.d.ts.map +1 -0
  326. package/types/components/Slider/Slider.types.d.ts +3 -0
  327. package/types/components/Slider/Slider.types.d.ts.map +1 -0
  328. package/types/components/Slider/components/Double/Double.d.ts +4 -0
  329. package/types/components/Slider/components/Double/Double.d.ts.map +1 -0
  330. package/types/components/Slider/components/Double/Double.styles.d.ts +43 -0
  331. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -0
  332. package/types/components/Slider/components/Double/Double.types.d.ts +65 -0
  333. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -0
  334. package/types/components/Slider/components/Single/Single.d.ts +4 -0
  335. package/types/components/Slider/components/Single/Single.d.ts.map +1 -0
  336. package/types/components/Slider/components/Single/Single.styles.d.ts +8 -0
  337. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -0
  338. package/types/components/Slider/components/Single/Single.types.d.ts +55 -0
  339. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -0
  340. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +4 -0
  341. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -0
  342. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +6 -0
  343. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -0
  344. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +45 -0
  345. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -0
  346. package/types/components/Slider/components/index.d.ts +6 -0
  347. package/types/components/Slider/components/index.d.ts.map +1 -0
  348. package/types/components/Slider/index.d.ts +6 -0
  349. package/types/components/Slider/index.d.ts.map +1 -0
  350. package/types/components/Slider/ui/Handle/Handle.d.ts +9 -0
  351. package/types/components/Slider/ui/Handle/Handle.d.ts.map +1 -0
  352. package/types/components/Slider/ui/Handle/Handle.styles.d.ts +4 -0
  353. package/types/components/Slider/ui/Handle/Handle.styles.d.ts.map +1 -0
  354. package/types/components/Slider/ui/Handle/Handle.types.d.ts +24 -0
  355. package/types/components/Slider/ui/Handle/Handle.types.d.ts.map +1 -0
  356. package/types/components/Slider/ui/Thumb/Thumb.d.ts +4 -0
  357. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -0
  358. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +5 -0
  359. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -0
  360. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +12 -0
  361. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -0
  362. package/types/components/Slider/ui/index.d.ts +6 -0
  363. package/types/components/Slider/ui/index.d.ts.map +1 -0
  364. package/types/components/Slider/utils/index.d.ts +33 -0
  365. package/types/components/Slider/utils/index.d.ts.map +1 -0
  366. package/types/components/Slider/variations/_disabled/base.d.ts +2 -0
  367. package/types/components/Slider/variations/_disabled/base.d.ts.map +1 -0
  368. package/types/components/Slider/variations/_size/base.d.ts +2 -0
  369. package/types/components/Slider/variations/_size/base.d.ts.map +1 -0
  370. package/types/components/Slider/variations/_view/base.d.ts +2 -0
  371. package/types/components/Slider/variations/_view/base.d.ts.map +1 -0
  372. package/types/components/TextField/TextField.d.ts.map +1 -1
  373. package/types/engines/common.d.ts +3 -3
  374. package/types/engines/common.d.ts.map +1 -1
  375. package/types/engines/index.d.ts +1 -1
  376. package/types/engines/index.d.ts.map +1 -1
  377. package/types/engines/types.d.ts +4 -0
  378. package/types/engines/types.d.ts.map +1 -1
  379. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts +1 -0
  380. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  381. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts +1 -1
  382. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts.map +1 -1
  383. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  384. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +22 -0
  385. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -0
  386. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +21 -0
  387. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -0
  388. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts +1 -0
  389. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  390. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts +1 -1
  391. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts.map +1 -1
  392. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  393. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +22 -0
  394. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -0
  395. package/types/examples/plasma_web/components/Slider/Slider.d.ts +21 -0
  396. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -0
  397. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts +1 -0
  398. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  399. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts +1 -1
  400. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts.map +1 -1
  401. package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  402. package/types/hooks/index.d.ts +1 -0
  403. package/types/hooks/index.d.ts.map +1 -1
  404. package/types/hooks/useIsomorphicLayoutEffect.d.ts +6 -0
  405. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +1 -0
  406. package/types/index.d.ts +1 -0
  407. package/types/index.d.ts.map +1 -1
  408. package/types/utils/canUseDOM.d.ts +6 -0
  409. package/types/utils/canUseDOM.d.ts.map +1 -0
  410. package/types/utils/index.d.ts +1 -0
  411. package/types/utils/index.d.ts.map +1 -1
  412. package/cjs/components/Checkbox/Checkbox.css +0 -13
  413. package/cjs/components/Checkbox/Checkbox.styles.js +0 -47
  414. package/cjs/components/Checkbox/Checkbox.styles.js.map +0 -1
  415. package/cjs/components/Checkbox/Checkbox.styles_1266095.css +0 -7
  416. package/cjs/components/Checkbox/Checkbox.tokens.js +0 -41
  417. package/cjs/components/Checkbox/Checkbox.tokens.js.map +0 -1
  418. package/cjs/components/Checkbox/variations/_disabled/base.js.map +0 -1
  419. package/cjs/components/Checkbox/variations/_disabled/base_1krdtt6.css +0 -1
  420. package/cjs/components/Checkbox/variations/_focused/base.js +0 -14
  421. package/cjs/components/Checkbox/variations/_focused/base.js.map +0 -1
  422. package/cjs/components/Checkbox/variations/_focused/base_hr4zpz.css +0 -1
  423. package/cjs/components/Checkbox/variations/_size/base.js.map +0 -1
  424. package/cjs/components/Checkbox/variations/_view/base.js.map +0 -1
  425. package/cjs/components/Checkbox/variations/_view/base_x252cy.css +0 -1
  426. package/cjs/components/Radiobox/Radiobox.css +0 -16
  427. package/cjs/components/Radiobox/Radiobox.styles.js +0 -19
  428. package/cjs/components/Radiobox/Radiobox.styles.js.map +0 -1
  429. package/cjs/components/Radiobox/Radiobox.styles_1skfuon.css +0 -2
  430. package/cjs/components/Radiobox/Radiobox.tokens.js +0 -41
  431. package/cjs/components/Radiobox/Radiobox.tokens.js.map +0 -1
  432. package/cjs/components/Radiobox/variations/_disabled/base.js.map +0 -1
  433. package/cjs/components/Radiobox/variations/_disabled/base_6ae9j2.css +0 -1
  434. package/cjs/components/Radiobox/variations/_focused/base.js +0 -9
  435. package/cjs/components/Radiobox/variations/_focused/base.js.map +0 -1
  436. package/cjs/components/Radiobox/variations/_size/base.js.map +0 -1
  437. package/cjs/components/Radiobox/variations/_view/base.js +0 -9
  438. package/cjs/components/Radiobox/variations/_view/base.js.map +0 -1
  439. package/es/components/Checkbox/Checkbox.css +0 -13
  440. package/es/components/Checkbox/Checkbox.styles.js +0 -37
  441. package/es/components/Checkbox/Checkbox.styles.js.map +0 -1
  442. package/es/components/Checkbox/Checkbox.styles_1266095.css +0 -7
  443. package/es/components/Checkbox/Checkbox.tokens.js +0 -36
  444. package/es/components/Checkbox/Checkbox.tokens.js.map +0 -1
  445. package/es/components/Checkbox/variations/_disabled/base.js.map +0 -1
  446. package/es/components/Checkbox/variations/_disabled/base_1krdtt6.css +0 -1
  447. package/es/components/Checkbox/variations/_focused/base.js +0 -10
  448. package/es/components/Checkbox/variations/_focused/base.js.map +0 -1
  449. package/es/components/Checkbox/variations/_focused/base_hr4zpz.css +0 -1
  450. package/es/components/Checkbox/variations/_size/base.js.map +0 -1
  451. package/es/components/Checkbox/variations/_view/base.js.map +0 -1
  452. package/es/components/Checkbox/variations/_view/base_x252cy.css +0 -1
  453. package/es/components/Radiobox/Radiobox.css +0 -16
  454. package/es/components/Radiobox/Radiobox.styles.js +0 -14
  455. package/es/components/Radiobox/Radiobox.styles.js.map +0 -1
  456. package/es/components/Radiobox/Radiobox.styles_1skfuon.css +0 -2
  457. package/es/components/Radiobox/Radiobox.tokens.js +0 -36
  458. package/es/components/Radiobox/Radiobox.tokens.js.map +0 -1
  459. package/es/components/Radiobox/variations/_disabled/base.js.map +0 -1
  460. package/es/components/Radiobox/variations/_disabled/base_6ae9j2.css +0 -1
  461. package/es/components/Radiobox/variations/_focused/base.js +0 -5
  462. package/es/components/Radiobox/variations/_focused/base.js.map +0 -1
  463. package/es/components/Radiobox/variations/_size/base.js.map +0 -1
  464. package/es/components/Radiobox/variations/_view/base.js +0 -5
  465. package/es/components/Radiobox/variations/_view/base.js.map +0 -1
  466. package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +0 -33
  467. package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +0 -39
  468. package/styled-components/cjs/components/Checkbox/variations/_disabled/base.js +0 -10
  469. package/styled-components/cjs/components/Checkbox/variations/_focused/base.js +0 -32
  470. package/styled-components/cjs/components/Checkbox/variations/_view/base.js +0 -10
  471. package/styled-components/cjs/components/Checkbox/variations/_view/tokens.json +0 -1
  472. package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +0 -19
  473. package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +0 -39
  474. package/styled-components/cjs/components/Radiobox/variations/_focused/base.js +0 -27
  475. package/styled-components/cjs/components/Radiobox/variations/_view/base.js +0 -9
  476. package/styled-components/es/components/Checkbox/Checkbox.styles.js +0 -25
  477. package/styled-components/es/components/Checkbox/Checkbox.tokens.js +0 -33
  478. package/styled-components/es/components/Checkbox/variations/_disabled/base.js +0 -4
  479. package/styled-components/es/components/Checkbox/variations/_focused/base.js +0 -27
  480. package/styled-components/es/components/Checkbox/variations/_view/base.js +0 -4
  481. package/styled-components/es/components/Checkbox/variations/_view/tokens.json +0 -1
  482. package/styled-components/es/components/Radiobox/Radiobox.styles.js +0 -12
  483. package/styled-components/es/components/Radiobox/Radiobox.tokens.js +0 -33
  484. package/styled-components/es/components/Radiobox/variations/_disabled/base.js +0 -3
  485. package/styled-components/es/components/Radiobox/variations/_focused/base.js +0 -21
  486. package/styled-components/es/components/Radiobox/variations/_view/base.js +0 -3
  487. package/types/components/Checkbox/Checkbox.styles.d.ts +0 -9
  488. package/types/components/Checkbox/Checkbox.styles.d.ts.map +0 -1
  489. package/types/components/Checkbox/Checkbox.tokens.d.ts +0 -34
  490. package/types/components/Checkbox/Checkbox.tokens.d.ts.map +0 -1
  491. package/types/components/Checkbox/Checkbox.types.d.ts +0 -29
  492. package/types/components/Checkbox/Checkbox.types.d.ts.map +0 -1
  493. package/types/components/Checkbox/variations/_disabled/base.d.ts.map +0 -1
  494. package/types/components/Checkbox/variations/_focused/base.d.ts +0 -6
  495. package/types/components/Checkbox/variations/_focused/base.d.ts.map +0 -1
  496. package/types/components/Checkbox/variations/_size/base.d.ts.map +0 -1
  497. package/types/components/Checkbox/variations/_view/base.d.ts.map +0 -1
  498. package/types/components/Radiobox/Radiobox.styles.d.ts +0 -4
  499. package/types/components/Radiobox/Radiobox.styles.d.ts.map +0 -1
  500. package/types/components/Radiobox/Radiobox.tokens.d.ts +0 -34
  501. package/types/components/Radiobox/Radiobox.tokens.d.ts.map +0 -1
  502. package/types/components/Radiobox/variations/_disabled/base.d.ts.map +0 -1
  503. package/types/components/Radiobox/variations/_focused/base.d.ts.map +0 -1
  504. package/types/components/Radiobox/variations/_size/base.d.ts.map +0 -1
  505. package/types/components/Radiobox/variations/_view/base.d.ts.map +0 -1
  506. /package/cjs/components/Checkbox/{variations/_size → _size}/base_x642ct.css +0 -0
  507. /package/cjs/components/Radiobox/{variations/_size → _size}/base_x642ct.css +0 -0
  508. /package/{es/components/Checkbox/variations/_size → cjs/components/Slider/variations/_disabled}/base_x642ct.css +0 -0
  509. /package/{es/components/Radiobox → cjs/components/Slider}/variations/_size/base_x642ct.css +0 -0
  510. /package/styled-components/cjs/components/Checkbox/{variations/_disabled → _disabled}/tokens.json +0 -0
  511. /package/styled-components/cjs/components/Checkbox/{variations/_focused → _focused}/tokens.json +0 -0
  512. /package/styled-components/cjs/components/Checkbox/{variations/_size → _size}/base.js +0 -0
  513. /package/styled-components/cjs/components/Checkbox/{variations/_size → _size}/tokens.json +0 -0
  514. /package/styled-components/cjs/components/Radiobox/{variations/_disabled → _disabled}/tokens.json +0 -0
  515. /package/styled-components/cjs/components/Radiobox/{variations/_focused → _focused}/tokens.json +0 -0
  516. /package/styled-components/cjs/components/Radiobox/{variations/_size → _size}/base.js +0 -0
  517. /package/styled-components/cjs/components/Radiobox/{variations/_size → _size}/tokens.json +0 -0
  518. /package/styled-components/cjs/components/Radiobox/{variations/_view → _view}/tokens.json +0 -0
  519. /package/styled-components/cjs/components/{Checkbox/Checkbox.types.js → Slider/Slider.types.js} +0 -0
  520. /package/styled-components/es/components/Checkbox/{variations/_disabled → _disabled}/tokens.json +0 -0
  521. /package/styled-components/es/components/Checkbox/{variations/_focused → _focused}/tokens.json +0 -0
  522. /package/styled-components/es/components/Checkbox/{variations/_size → _size}/base.js +0 -0
  523. /package/styled-components/es/components/Checkbox/{variations/_size → _size}/tokens.json +0 -0
  524. /package/styled-components/es/components/Radiobox/{variations/_disabled → _disabled}/tokens.json +0 -0
  525. /package/styled-components/es/components/Radiobox/{variations/_focused → _focused}/tokens.json +0 -0
  526. /package/styled-components/es/components/Radiobox/{variations/_size → _size}/base.js +0 -0
  527. /package/styled-components/es/components/Radiobox/{variations/_size → _size}/tokens.json +0 -0
  528. /package/styled-components/es/components/Radiobox/{variations/_view → _view}/tokens.json +0 -0
  529. /package/styled-components/es/components/{Checkbox/Checkbox.types.js → Slider/Slider.types.js} +0 -0
  530. /package/types/components/Checkbox/{variations/_disabled → _disabled}/base.d.ts +0 -0
  531. /package/types/components/Checkbox/{variations/_size → _focused}/base.d.ts +0 -0
  532. /package/types/components/Checkbox/{variations/_view → _size}/base.d.ts +0 -0
  533. /package/types/components/{Radiobox/variations/_disabled → Checkbox/_view}/base.d.ts +0 -0
  534. /package/types/components/Radiobox/{variations/_focused → _disabled}/base.d.ts +0 -0
  535. /package/types/components/Radiobox/{variations/_size → _focused}/base.d.ts +0 -0
  536. /package/types/components/Radiobox/{variations/_view → _size}/base.d.ts +0 -0
@@ -0,0 +1,56 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ /**
6
+ * Расчитать значение слайдера с учетом его координат и шага изменений.
7
+ * @param {number} handleCenterXRelative
8
+ * @param {number} stepSize
9
+ * @param {number} min
10
+ * @param {number} max
11
+ * @return {number}
12
+ */
13
+ function getSliderThumbValue(handleCenterXRelative, stepSize, min, max) {
14
+ var newValue = Math.round(handleCenterXRelative / stepSize) + min;
15
+ return Math.min(Math.max(newValue, min), max);
16
+ }
17
+
18
+ /**
19
+ * Расчитывает значение отступа слайдера на основе его положения (справа, слева) на отрезке слайдера.
20
+ * Значение используется для правильного расчета ограничения движения слайдера.
21
+ * @param ref
22
+ * @param {'left' | 'right'} side
23
+ * @return Array<number>
24
+ */
25
+ function getOffsets(ref, side) {
26
+ if (!ref || !('current' in ref) || !ref.current || !side) {
27
+ return [0, 0];
28
+ }
29
+ var size = ref.current.clientWidth;
30
+ if (side === 'left') {
31
+ return [0, size];
32
+ }
33
+ if (side === 'right') {
34
+ return [size, 0];
35
+ }
36
+ return [0, 0];
37
+ }
38
+ var sizeData = {
39
+ s: {
40
+ indent: 0.5,
41
+ fontSizeMultiplier: 16
42
+ },
43
+ m: {
44
+ indent: 0.75,
45
+ fontSizeMultiplier: 16
46
+ },
47
+ l: {
48
+ indent: 0.75,
49
+ fontSizeMultiplier: 16
50
+ }
51
+ };
52
+
53
+ exports.getOffsets = getOffsets;
54
+ exports.getSliderThumbValue = getSliderThumbValue;
55
+ exports.sizeData = sizeData;
56
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/Slider/utils/index.ts"],"sourcesContent":["import { MutableRefObject } from 'react';\n\n/**\n * Расчитать значение слайдера с учетом его координат и шага изменений.\n * @param {number} handleCenterXRelative\n * @param {number} stepSize\n * @param {number} min\n * @param {number} max\n * @return {number}\n */\nexport function getSliderThumbValue(handleCenterXRelative: number, stepSize: number, min: number, max: number) {\n const newValue = Math.round(handleCenterXRelative / stepSize) + min;\n\n return Math.min(Math.max(newValue, min), max);\n}\n\n/**\n * Расчитывает значение отступа слайдера на основе его положения (справа, слева) на отрезке слайдера.\n * Значение используется для правильного расчета ограничения движения слайдера.\n * @param ref\n * @param {'left' | 'right'} side\n * @return Array<number>\n */\nexport function getOffsets(\n ref: ((instance: HTMLDivElement | null) => void) | MutableRefObject<HTMLDivElement | null> | null,\n side?: 'left' | 'right',\n): number[] {\n if (!ref || !('current' in ref) || !ref.current || !side) {\n return [0, 0];\n }\n\n const size = ref.current.clientWidth;\n\n if (side === 'left') {\n return [0, size];\n }\n\n if (side === 'right') {\n return [size, 0];\n }\n\n return [0, 0];\n}\n\nexport const sizeData = {\n s: {\n indent: 0.5,\n fontSizeMultiplier: 16,\n },\n m: {\n indent: 0.75,\n fontSizeMultiplier: 16,\n },\n l: {\n indent: 0.75,\n fontSizeMultiplier: 16,\n },\n};\n"],"names":["getSliderThumbValue","handleCenterXRelative","stepSize","min","max","newValue","Math","round","getOffsets","ref","side","current","size","clientWidth","sizeData","s","indent","fontSizeMultiplier","m","l"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAACC,qBAA6B,EAAEC,QAAgB,EAAEC,GAAW,EAAEC,GAAW,EAAE;EAC3G,IAAMC,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAACN,qBAAqB,GAAGC,QAAQ,CAAC,GAAGC,GAAG,CAAA;AAEnE,EAAA,OAAOG,IAAI,CAACH,GAAG,CAACG,IAAI,CAACF,GAAG,CAACC,QAAQ,EAAEF,GAAG,CAAC,EAAEC,GAAG,CAAC,CAAA;AACjD,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,UAAUA,CACtBC,GAAiG,EACjGC,IAAuB,EACf;AACR,EAAA,IAAI,CAACD,GAAG,IAAI,EAAE,SAAS,IAAIA,GAAG,CAAC,IAAI,CAACA,GAAG,CAACE,OAAO,IAAI,CAACD,IAAI,EAAE;AACtD,IAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,GAAA;AAEA,EAAA,IAAME,IAAI,GAAGH,GAAG,CAACE,OAAO,CAACE,WAAW,CAAA;EAEpC,IAAIH,IAAI,KAAK,MAAM,EAAE;AACjB,IAAA,OAAO,CAAC,CAAC,EAAEE,IAAI,CAAC,CAAA;AACpB,GAAA;EAEA,IAAIF,IAAI,KAAK,OAAO,EAAE;AAClB,IAAA,OAAO,CAACE,IAAI,EAAE,CAAC,CAAC,CAAA;AACpB,GAAA;AAEA,EAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,CAAA;AAEO,IAAME,QAAQ,GAAG;AACpBC,EAAAA,CAAC,EAAE;AACCC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,kBAAkB,EAAE,EAAA;GACvB;AACDC,EAAAA,CAAC,EAAE;AACCF,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,kBAAkB,EAAE,EAAA;GACvB;AACDE,EAAAA,CAAC,EAAE;AACCH,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,kBAAkB,EAAE,EAAA;AACxB,GAAA;AACJ;;;;;;"}
@@ -0,0 +1,9 @@
1
+ import './base_x642ct.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "bbio09e";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Slider/variations/_disabled/base.tsx"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -0,0 +1,9 @@
1
+ import './base_x642ct.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "b7iqet7";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Slider/variations/_size/base.tsx"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -0,0 +1,9 @@
1
+ import './base_x642ct.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "b1c93yiw";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Slider/variations/_view/base.tsx"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -17,11 +17,13 @@ var TextField_tokens = require('./TextField.tokens.js');
17
17
  var TextFieldChip = require('./ui/TextFieldChip/TextFieldChip.js');
18
18
  var useKeyNavigation = require('./hooks/useKeyNavigation.js');
19
19
 
20
- var _excluded = ["id", "contentLeft", "contentRight", "label", "labelPlacement", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch"];
20
+ var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
21
21
  var base = "bpunezx";
22
22
  var textFieldRoot = function textFieldRoot(Root) {
23
23
  return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
24
24
  var id = _ref.id,
25
+ className = _ref.className,
26
+ style = _ref.style,
25
27
  contentLeft = _ref.contentLeft,
26
28
  contentRight = _ref.contentRight,
27
29
  label = _ref.label,
@@ -40,6 +42,7 @@ var textFieldRoot = function textFieldRoot(Root) {
40
42
  onChange = _ref.onChange,
41
43
  onChangeChips = _ref.onChangeChips,
42
44
  onSearch = _ref.onSearch,
45
+ onKeyDown = _ref.onKeyDown,
43
46
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
44
47
  var contentRef = React.useRef(null);
45
48
  var inputRef = React.useRef(null);
@@ -119,6 +122,10 @@ var textFieldRoot = function textFieldRoot(Root) {
119
122
  chipsRefs.current[index] = element;
120
123
  }
121
124
  };
125
+ var handleOnKeyDown = function handleOnKeyDown(event) {
126
+ handleInputKeydown(event);
127
+ onKeyDown && onKeyDown(event);
128
+ };
122
129
  React.useEffect(function () {
123
130
  if (!isChipEnumeration && !(values !== null && values !== void 0 && values.length)) {
124
131
  return;
@@ -137,7 +144,9 @@ var textFieldRoot = function textFieldRoot(Root) {
137
144
  disabled: disabled,
138
145
  readOnly: !disabled && readOnly,
139
146
  labelPlacement: innerLabelPlacementValue,
140
- onClick: handleInputFocus
147
+ onClick: handleInputFocus,
148
+ className: className,
149
+ style: style
141
150
  }, labelInside || innerLabelValue && /*#__PURE__*/React.createElement(TextField_styles.Label, {
142
151
  id: labelId,
143
152
  htmlFor: id
@@ -178,7 +187,7 @@ var textFieldRoot = function textFieldRoot(Root) {
178
187
  disabled: disabled,
179
188
  readOnly: !disabled && readOnly,
180
189
  onChange: handleChange,
181
- onKeyDown: handleInputKeydown
190
+ onKeyDown: handleOnKeyDown
182
191
  })), labelInside && /*#__PURE__*/React.createElement(TextField_styles.Label, {
183
192
  id: labelId,
184
193
  htmlFor: innerId
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEventHandler } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport {\n Input,\n LeftHelper,\n Label,\n InputWrapper,\n InputLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledChips,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\n\nexport const base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n overflow: hidden;\n`;\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldProps>) =>\n forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n\n // layout\n contentLeft,\n contentRight,\n label,\n labelPlacement,\n placeholder,\n leftHelper,\n enumerationType = 'plain',\n\n // variations\n view,\n size,\n readOnly = false,\n disabled = false,\n\n // controlled\n chips: values,\n\n // events\n onChange,\n onChangeChips,\n onSearch,\n\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n const [chips, setChips] = useState<Array<ChipValues>>([]);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const labelId = safeUseId();\n const helperTextId = safeUseId();\n\n const isChipEnumeration = enumerationType === 'chip';\n const hideLabel = (size === 'xs' || isChipEnumeration) && labelPlacement === 'inner';\n const labelInside = size !== 'xs' && labelPlacement === 'inner';\n const innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;\n const innerPlaceholderValue = hideLabel ? label : placeholder;\n const innerLabelValue = hideLabel ? undefined : label;\n\n const isChipsVisible = isChipEnumeration && chips?.length;\n const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n const wrapperWithoutRightContent =\n !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const { maxLength, value } = event.target;\n\n if (maxLength !== -1 && value.length > maxLength) {\n return;\n }\n\n onChange?.(event);\n };\n\n const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n setChips(newChips);\n onChangeChips?.(newValues);\n };\n\n const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n controlledRefs,\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onSearch,\n onChange,\n });\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const handleInputFocus = () => {\n if (readOnly || disabled || !inputRef?.current) {\n return;\n }\n\n inputRef.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n\n inputRef.current.focus({ preventScroll: true });\n };\n\n const getRef = (element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs?.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n useEffect(() => {\n if (!isChipEnumeration && !values?.length) {\n return;\n }\n\n const newChips =\n values?.map((value, index) => ({\n id: `${index}_${value}`,\n text: value,\n })) || [];\n\n setChips(newChips);\n }, [isChipEnumeration, values]);\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n labelPlacement={innerLabelPlacementValue}\n onClick={handleInputFocus}\n >\n {labelInside ||\n (innerLabelValue && (\n <Label id={labelId} htmlFor={id}>\n {innerLabelValue}\n </Label>\n ))}\n <InputWrapper className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <InputLabelWrapper\n tabIndex={-1}\n ref={contentRef}\n onKeyDown={handleContentKeyDown}\n className={withHasChips}\n >\n {isChipEnumeration && Boolean(chips?.length) && (\n <StyledChips>\n {chips?.map(({ id: chipId, text }, index) => {\n return (\n <TextFieldChip\n id={chipId}\n ref={(element) => getRef(element, index)}\n key={`${chipId}_${index}`}\n disabled={disabled}\n readOnly={readOnly}\n value={text}\n text={text}\n onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n onClear={() => onChipClear(chipId, index)}\n onClick={onChipClick}\n />\n );\n })}\n </StyledChips>\n )}\n <Input\n {...rest}\n ref={inputForkRef}\n id={innerId}\n aria-labelledby={labelId}\n aria-describedby={helperTextId}\n placeholder={innerPlaceholderValue}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onChange={handleChange}\n onKeyDown={handleInputKeydown}\n />\n {labelInside && (\n <Label id={labelId} htmlFor={innerId}>\n {innerLabelValue}\n </Label>\n )}\n </InputLabelWrapper>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'div',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacementCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["base","textFieldRoot","Root","forwardRef","_ref","ref","id","contentLeft","contentRight","label","labelPlacement","placeholder","leftHelper","_ref$enumerationType","enumerationType","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","values","chips","onChange","onChangeChips","onSearch","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","_useState2","_slicedToArray","setChips","uniqId","safeUseId","innerId","labelId","helperTextId","isChipEnumeration","hideLabel","labelInside","innerLabelPlacementValue","innerPlaceholderValue","innerLabelValue","undefined","isChipsVisible","length","withHasChips","classes","hasChips","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","handleChange","event","_event$target","target","maxLength","value","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","stopPropagation","handleInputFocus","current","scrollIntoView","behavior","block","inline","focus","preventScroll","getRef","element","index","useEffect","map","concat","text","React","createElement","onClick","Label","htmlFor","InputWrapper","className","cx","StyledContentLeft","InputLabelWrapper","tabIndex","onKeyDown","Boolean","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","Input","_extends","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","labelPlacementCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;AA4BO,IAAMA,IAAI,GAIhB,UAAA;IAEYC,aAAa,GAAGA,SAAhBA,aAAaA,CAAIC,IAA+C,EAAA;AAAA,EAAA,oBACzEC,gBAAU,CACN,UAAAC,IAAA,EA6BIC,GAAG,EACF;AAAA,IAAA,IA5BGC,EAAE,GAAAF,IAAA,CAAFE,EAAE;MAGFC,WAAW,GAAAH,IAAA,CAAXG,WAAW;MACXC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;MACZC,KAAK,GAAAL,IAAA,CAALK,KAAK;MACLC,cAAc,GAAAN,IAAA,CAAdM,cAAc;MACdC,WAAW,GAAAP,IAAA,CAAXO,WAAW;MACXC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;MAAAC,oBAAA,GAAAT,IAAA,CACVU,eAAe;AAAfA,MAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,oBAAA;MAGzBE,IAAI,GAAAX,IAAA,CAAJW,IAAI;MACJC,IAAI,GAAAZ,IAAA,CAAJY,IAAI;MAAAC,aAAA,GAAAb,IAAA,CACJc,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,aAAA,GAAAf,IAAA,CAChBgB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAGTE,MAAM,GAAAjB,IAAA,CAAbkB,KAAK;MAGLC,QAAQ,GAAAnB,IAAA,CAARmB,QAAQ;MACRC,aAAa,GAAApB,IAAA,CAAboB,aAAa;MACbC,QAAQ,GAAArB,IAAA,CAARqB,QAAQ;AAELC,MAAAA,IAAAA,GAAAA,iDAAAA,CAAAA,IAAAA,EAAAA,SAAAA,CAAAA,CAAAA;AAIP,IAAA,IAAMC,UAAU,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;AAC/C,IAAA,IAAMC,QAAQ,GAAGD,YAAM,CAAmB,IAAI,CAAC,CAAA;AAC/C,IAAA,IAAME,YAAY,GAAGC,qBAAU,CAACF,QAAQ,EAAExB,GAAG,CAAC,CAAA;AAC9C,IAAA,IAAM2B,SAAS,GAAGJ,YAAM,CAA2B,EAAE,CAAC,CAAA;AAEtD,IAAA,IAAMK,cAAc,GAAG;AAAEN,MAAAA,UAAU,EAAVA,UAAU;AAAEE,MAAAA,QAAQ,EAARA,QAAQ;AAAEG,MAAAA,SAAAA,EAAAA,SAAAA;KAAW,CAAA;AAE1D,IAAA,IAAAE,SAAA,GAA0BC,cAAQ,CAAoB,EAAE,CAAC;MAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAlDZ,MAAAA,KAAK,GAAAc,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEtB,IAAA,IAAMG,MAAM,GAAGC,oBAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,OAAO,GAAGnC,EAAE,IAAIiC,MAAM,CAAA;AAC5B,IAAA,IAAMG,OAAO,GAAGF,oBAAS,EAAE,CAAA;AAC3B,IAAA,IAAMG,YAAY,GAAGH,oBAAS,EAAE,CAAA;AAEhC,IAAA,IAAMI,iBAAiB,GAAG9B,eAAe,KAAK,MAAM,CAAA;IACpD,IAAM+B,SAAS,GAAG,CAAC7B,IAAI,KAAK,IAAI,IAAI4B,iBAAiB,KAAKlC,cAAc,KAAK,OAAO,CAAA;IACpF,IAAMoC,WAAW,GAAG9B,IAAI,KAAK,IAAI,IAAIN,cAAc,KAAK,OAAO,CAAA;AAC/D,IAAA,IAAMqC,wBAAwB,GAAGF,SAAS,GAAG,OAAO,GAAGnC,cAAc,CAAA;AACrE,IAAA,IAAMsC,qBAAqB,GAAGH,SAAS,GAAGpC,KAAK,GAAGE,WAAW,CAAA;AAC7D,IAAA,IAAMsC,eAAe,GAAGJ,SAAS,GAAGK,SAAS,GAAGzC,KAAK,CAAA;IAErD,IAAM0C,cAAc,GAAGP,iBAAiB,KAAItB,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAE8B,MAAM,CAAA,CAAA;IACzD,IAAMC,YAAY,GAAGF,cAAc,GAAGG,wBAAO,CAACC,QAAQ,GAAGL,SAAS,CAAA;IAClE,IAAMM,yBAAyB,GAAG,CAACjD,WAAW,IAAI4C,cAAc,GAAGG,wBAAO,CAACG,mBAAmB,GAAGP,SAAS,CAAA;IAC1G,IAAMQ,0BAA0B,GAC5B,CAAClD,YAAY,IAAI2C,cAAc,GAAGG,wBAAO,CAACK,oBAAoB,GAAGT,SAAS,CAAA;AAE9E,IAAA,IAAMU,YAAkD,GAAIC,SAAtDD,YAAkDA,CAAIC,KAAK,EAAK;MAClE,IAAIzC,QAAQ,IAAIF,QAAQ,EAAE;AACtB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAA4C,aAAA,GAA6BD,KAAK,CAACE,MAAM;QAAjCC,SAAS,GAAAF,aAAA,CAATE,SAAS;QAAEC,KAAAA,GAAAA,aAAAA,CAAAA,KAAAA,CAAAA;MAEnB,IAAID,SAAS,KAAK,CAAC,CAAC,IAAIC,KAAK,CAACb,MAAM,GAAGY,SAAS,EAAE;AAC9C,QAAA,OAAA;AACJ,OAAA;AAEAzC,MAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAGsC,KAAK,CAAC,CAAA;KACpB,CAAA;IAED,IAAMK,WAAW,GAAGA,SAAdA,WAAWA,CAAIC,QAA2B,EAAEC,SAAyC,EAAK;MAC5F9B,QAAQ,CAAC6B,QAAQ,CAAC,CAAA;AAClB3C,MAAAA,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,IAAbA,aAAa,CAAG4C,SAAS,CAAC,CAAA;KAC7B,CAAA;IAED,IAAAC,iBAAA,GAAqFC,iCAAgB,CAAC;AAClGrC,QAAAA,cAAc,EAAdA,cAAc;AACdb,QAAAA,QAAQ,EAARA,QAAQ;AACRF,QAAAA,QAAQ,EAARA,QAAQ;AACRI,QAAAA,KAAK,EAALA,KAAK;AACLR,QAAAA,eAAe,EAAfA,eAAe;AACfoD,QAAAA,WAAW,EAAXA,WAAW;AACXzC,QAAAA,QAAQ,EAARA,QAAQ;AACRF,QAAAA,QAAAA,EAAAA,QAAAA;AACJ,OAAC,CAAC;MATMgD,kBAAkB,GAAAF,iBAAA,CAAlBE,kBAAkB;MAAEC,iBAAiB,GAAAH,iBAAA,CAAjBG,iBAAiB;MAAEC,WAAW,GAAAJ,iBAAA,CAAXI,WAAW;MAAEC,oBAAAA,GAAAA,iBAAAA,CAAAA,oBAAAA,CAAAA;AAW5D,IAAA,IAAMC,WAAW,GAAGA,SAAdA,WAAWA,CAAId,KAA0C,EAAA;AAAA,MAAA,OAAKA,KAAK,CAACe,eAAe,EAAE,CAAA;AAAA,KAAA,CAAA;AAE3F,IAAA,IAAMC,gBAAgB,GAAGA,SAAnBA,gBAAgBA,GAAS;AAC3B,MAAA,IAAI3D,QAAQ,IAAIE,QAAQ,IAAI,EAACS,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,KAARA,KAAAA,CAAAA,IAAAA,QAAQ,CAAEiD,OAAO,CAAE,EAAA;AAC5C,QAAA,OAAA;AACJ,OAAA;AAEAjD,MAAAA,QAAQ,CAACiD,OAAO,CAACC,cAAc,CAAC;AAC5BC,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,KAAK,EAAE,QAAQ;AACfC,QAAAA,MAAM,EAAE,QAAA;AACZ,OAAC,CAAC,CAAA;AAEFrD,MAAAA,QAAQ,CAACiD,OAAO,CAACK,KAAK,CAAC;AAAEC,QAAAA,aAAa,EAAE,IAAA;AAAK,OAAC,CAAC,CAAA;KAClD,CAAA;IAED,IAAMC,MAAM,GAAGA,SAATA,MAAMA,CAAIC,OAAiC,EAAEC,KAAa,EAAK;MACjE,IAAID,OAAO,IAAItD,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,IAAAA,SAAS,CAAE8C,OAAO,EAAE;AAC/B9C,QAAAA,SAAS,CAAC8C,OAAO,CAACS,KAAK,CAAC,GAAGD,OAAO,CAAA;AACtC,OAAA;KACH,CAAA;AAEDE,IAAAA,eAAS,CAAC,YAAM;MACZ,IAAI,CAAC5C,iBAAiB,IAAI,EAACvB,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,IAAAA,MAAM,CAAE+B,MAAM,CAAE,EAAA;AACvC,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAMe,QAAQ,GACV9C,CAAAA,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEoE,GAAG,CAAC,UAACxB,KAAK,EAAEsB,KAAK,EAAA;QAAA,OAAM;UAC3BjF,EAAE,EAAA,EAAA,CAAAoF,MAAA,CAAKH,KAAM,OAAAG,MAAA,CAAGzB,KAAM,CAAC;AACvB0B,UAAAA,IAAI,EAAE1B,KAAAA;SACT,CAAA;OAAC,CAAC,KAAI,EAAE,CAAA;MAEb3B,QAAQ,CAAC6B,QAAQ,CAAC,CAAA;AACtB,KAAC,EAAE,CAACvB,iBAAiB,EAAEvB,MAAM,CAAC,CAAC,CAAA;AAE/B,IAAA,oBACIuE,KAAA,CAAAC,aAAA,CAAC3F,IAAI,EAAA;AACDa,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXI,MAAAA,QAAQ,EAAEA,QAAS;AACnBF,MAAAA,QAAQ,EAAE,CAACE,QAAQ,IAAIF,QAAS;AAChCR,MAAAA,cAAc,EAAEqC,wBAAyB;AACzC+C,MAAAA,OAAO,EAAEjB,gBAAAA;KAER/B,EAAAA,WAAW,IACPG,eAAe,iBACZ2C,KAAA,CAAAC,aAAA,CAACE,sBAAK,EAAA;AAACzF,MAAAA,EAAE,EAAEoC,OAAQ;AAACsD,MAAAA,OAAO,EAAE1F,EAAAA;AAAG,KAAA,EAC3B2C,eACE,CACT,eACN2C,KAAA,CAAAC,aAAA,CAACI,6BAAY,EAAA;AAACC,MAAAA,SAAS,EAAEC,QAAE,CAAC9C,YAAY,EAAEG,yBAAyB,EAAEE,0BAA0B,CAAA;AAAE,KAAA,EAC5FnD,WAAW,iBAAIqF,KAAA,CAAAC,aAAA,CAACO,kCAAiB,EAAE7F,IAAAA,EAAAA,WAA+B,CAAC,eACpEqF,KAAA,CAAAC,aAAA,CAACQ,kCAAiB,EAAA;MACdC,QAAQ,EAAE,CAAC,CAAE;AACbjG,MAAAA,GAAG,EAAEsB,UAAW;AAChB4E,MAAAA,SAAS,EAAE7B,oBAAqB;AAChCwB,MAAAA,SAAS,EAAE7C,YAAAA;AAAa,KAAA,EAEvBT,iBAAiB,IAAI4D,OAAO,CAAClF,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAE8B,MAAM,CAAC,iBACxCwC,KAAA,CAAAC,aAAA,CAACY,4BAAW,EAAA,IAAA,EACPnF,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEmE,GAAG,CAAC,UAAAiB,KAAA,EAAuBnB,KAAK,EAAK;AAAA,MAAA,IAA1BoB,MAAM,GAAAD,KAAA,CAAVpG,EAAE;QAAUqF,IAAAA,GAAAA,KAAAA,CAAAA,IAAAA,CAAAA;AACvB,MAAA,oBACIC,KAAA,CAAAC,aAAA,CAACe,2BAAa,EAAA;AACVtG,QAAAA,EAAE,EAAEqG,MAAO;QACXtG,GAAG,EAAGiF,SAAAA,GAAAA,CAAAA,OAAO,EAAA;AAAA,UAAA,OAAKD,MAAM,CAACC,OAAO,EAAEC,KAAK,CAAC,CAAA;SAAC;QACzCsB,GAAG,EAAA,EAAA,CAAAnB,MAAA,CAAKiB,MAAO,OAAAjB,MAAA,CAAGH,KAAM,CAAE;AAC1BnE,QAAAA,QAAQ,EAAEA,QAAS;AACnBF,QAAAA,QAAQ,EAAEA,QAAS;AACnB+C,QAAAA,KAAK,EAAE0B,IAAK;AACZA,QAAAA,IAAI,EAAEA,IAAK;QACXY,SAAS,EAAG1C,SAAAA,SAAAA,CAAAA,KAAK,EAAA;AAAA,UAAA,OAAKW,iBAAiB,CAACX,KAAK,EAAE8C,MAAM,EAAEpB,KAAK,CAAC,CAAA;SAAC;QAC9DuB,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,UAAA,OAAMrC,WAAW,CAACkC,MAAM,EAAEpB,KAAK,CAAC,CAAA;SAAC;AAC1CO,QAAAA,OAAO,EAAEnB,WAAAA;AAAY,OACvB,CAAA,CAAA;KAET,CACQ,CAChB,eACDiB,KAAA,CAAAC,aAAA,CAACkB,sBAAK,EAAAC,iCAAA,CAAA,EAAA,EACEtF,IAAI,EAAA;AACRrB,MAAAA,GAAG,EAAEyB,YAAa;AAClBxB,MAAAA,EAAE,EAAEmC,OAAQ;AACZ,MAAA,iBAAA,EAAiBC,OAAQ;AACzB,MAAA,kBAAA,EAAkBC,YAAa;AAC/BhC,MAAAA,WAAW,EAAEqC,qBAAsB;AACnC5B,MAAAA,QAAQ,EAAEA,QAAS;AACnBF,MAAAA,QAAQ,EAAE,CAACE,QAAQ,IAAIF,QAAS;AAChCK,MAAAA,QAAQ,EAAEqC,YAAa;AACvB2C,MAAAA,SAAS,EAAEhC,kBAAAA;KAAmB,CAAA,CAAA,EAEjCzB,WAAW,iBACR8C,KAAA,CAAAC,aAAA,CAACE,sBAAK,EAAA;AAACzF,MAAAA,EAAE,EAAEoC,OAAQ;AAACsD,MAAAA,OAAO,EAAEvD,OAAAA;KACxBQ,EAAAA,eACE,CAEI,CAAA,EAClBzC,YAAY,iBAAIoF,KAAA,CAAAC,aAAA,CAACoB,mCAAkB,QAAEzG,YAAiC,CAC7D,CAAA,EACbI,UAAU,iBAAIgF,KAAA,CAAAC,aAAA,CAACqB,2BAAU,EAAA;AAAC5G,MAAAA,EAAE,EAAEqC,YAAAA;KAAe/B,EAAAA,UAAuB,CACnE,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMuG,eAAe,GAAG;AAC3BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAErH,aAAa;AACrBD,EAAAA,IAAI,EAAJA,IAAI;AACJuH,EAAAA,UAAU,EAAE;AACRxG,IAAAA,IAAI,EAAE;AACFyG,MAAAA,GAAG,EAAEC,WAAAA;KACR;AACDzG,IAAAA,IAAI,EAAE;AACFwG,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDtG,IAAAA,QAAQ,EAAE;AACNoG,MAAAA,GAAG,EAAEG,WAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACD1G,IAAAA,QAAQ,EAAE;AACNsG,MAAAA,GAAG,EAAEK,WAAW;AAChBD,MAAAA,KAAK,EAAE,IAAA;KACV;AACDlH,IAAAA,cAAc,EAAE;AACZ8G,MAAAA,GAAG,EAAEM,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN/G,IAAAA,IAAI,EAAE,GAAG;AACTD,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;;;"}
1
+ {"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEventHandler, KeyboardEvent, ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport {\n Input,\n LeftHelper,\n Label,\n InputWrapper,\n InputLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledChips,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\n\nexport const base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n overflow: hidden;\n`;\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldProps>) =>\n forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n className,\n style,\n\n // layout\n contentLeft,\n contentRight,\n label,\n labelPlacement,\n placeholder,\n leftHelper,\n enumerationType = 'plain',\n\n // variations\n view,\n size,\n readOnly = false,\n disabled = false,\n\n // controlled\n chips: values,\n\n // events\n onChange,\n onChangeChips,\n onSearch,\n onKeyDown,\n\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n const [chips, setChips] = useState<Array<ChipValues>>([]);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const labelId = safeUseId();\n const helperTextId = safeUseId();\n\n const isChipEnumeration = enumerationType === 'chip';\n const hideLabel = (size === 'xs' || isChipEnumeration) && labelPlacement === 'inner';\n const labelInside = size !== 'xs' && labelPlacement === 'inner';\n const innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;\n const innerPlaceholderValue = hideLabel ? label : placeholder;\n const innerLabelValue = hideLabel ? undefined : label;\n\n const isChipsVisible = isChipEnumeration && chips?.length;\n const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n const wrapperWithoutRightContent =\n !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const { maxLength, value } = event.target;\n\n if (maxLength !== -1 && value.length > maxLength) {\n return;\n }\n\n onChange?.(event);\n };\n\n const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n setChips(newChips);\n onChangeChips?.(newValues);\n };\n\n const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n controlledRefs,\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onSearch,\n onChange,\n });\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const handleInputFocus = () => {\n if (readOnly || disabled || !inputRef?.current) {\n return;\n }\n\n inputRef.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n\n inputRef.current.focus({ preventScroll: true });\n };\n\n const getRef = (element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs?.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n const handleOnKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n handleInputKeydown(event);\n onKeyDown && onKeyDown(event);\n };\n\n useEffect(() => {\n if (!isChipEnumeration && !values?.length) {\n return;\n }\n\n const newChips =\n values?.map((value, index) => ({\n id: `${index}_${value}`,\n text: value,\n })) || [];\n\n setChips(newChips);\n }, [isChipEnumeration, values]);\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n labelPlacement={innerLabelPlacementValue}\n onClick={handleInputFocus}\n className={className}\n style={style}\n >\n {labelInside ||\n (innerLabelValue && (\n <Label id={labelId} htmlFor={id}>\n {innerLabelValue}\n </Label>\n ))}\n <InputWrapper className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <InputLabelWrapper\n tabIndex={-1}\n ref={contentRef}\n onKeyDown={handleContentKeyDown}\n className={withHasChips}\n >\n {isChipEnumeration && Boolean(chips?.length) && (\n <StyledChips>\n {chips?.map(({ id: chipId, text }, index) => {\n return (\n <TextFieldChip\n id={chipId}\n ref={(element) => getRef(element, index)}\n key={`${chipId}_${index}`}\n disabled={disabled}\n readOnly={readOnly}\n value={text}\n text={text}\n onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n onClear={() => onChipClear(chipId, index)}\n onClick={onChipClick}\n />\n );\n })}\n </StyledChips>\n )}\n <Input\n {...rest}\n ref={inputForkRef}\n id={innerId}\n aria-labelledby={labelId}\n aria-describedby={helperTextId}\n placeholder={innerPlaceholderValue}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onChange={handleChange}\n onKeyDown={handleOnKeyDown}\n />\n {labelInside && (\n <Label id={labelId} htmlFor={innerId}>\n {innerLabelValue}\n </Label>\n )}\n </InputLabelWrapper>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'div',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacementCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["base","textFieldRoot","Root","forwardRef","_ref","ref","id","className","style","contentLeft","contentRight","label","labelPlacement","placeholder","leftHelper","_ref$enumerationType","enumerationType","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","values","chips","onChange","onChangeChips","onSearch","onKeyDown","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","_useState2","_slicedToArray","setChips","uniqId","safeUseId","innerId","labelId","helperTextId","isChipEnumeration","hideLabel","labelInside","innerLabelPlacementValue","innerPlaceholderValue","innerLabelValue","undefined","isChipsVisible","length","withHasChips","classes","hasChips","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","handleChange","event","_event$target","target","maxLength","value","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","stopPropagation","handleInputFocus","current","scrollIntoView","behavior","block","inline","focus","preventScroll","getRef","element","index","handleOnKeyDown","useEffect","map","concat","text","React","createElement","onClick","Label","htmlFor","InputWrapper","cx","StyledContentLeft","InputLabelWrapper","tabIndex","Boolean","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","Input","_extends","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","labelPlacementCSS","defaults"],"mappings":"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"}
@@ -6,6 +6,10 @@ var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.j
6
6
  var React = require('react');
7
7
  var linaria = require('./linaria.js');
8
8
 
9
+ //
10
+ // Тип HTMLAttributesOmitOnChange требуется чтобы использовать компонент с кастомным пропсом onChange
11
+ //
12
+
9
13
  var getStaticVariants = function getStaticVariants(config) {
10
14
  if (!config.variations) {
11
15
  return [];
@@ -1 +1 @@
1
- {"version":3,"file":"common.js","sources":["../../src/engines/common.tsx"],"sourcesContent":["import React from 'react';\n\nimport { _component } from './linaria';\nimport type { ComponentConfig, HTMLAnyAttributes, HTMLTagList, PropsType, Variants } from './types';\n\nexport const getStaticVariants = (config: ComponentConfig) => {\n if (!config.variations) {\n return [];\n }\n const res = [];\n const { variations } = config;\n\n // eslint-disable-next-line guard-for-in\n for (const key in variations) {\n const { css } = variations[key];\n css && res.push(css);\n }\n\n return res;\n};\n\nexport const getDynamicVariants = (config: ComponentConfig) => {\n return (props: HTMLAnyAttributes) => {\n const res = [];\n\n // eslint-disable-next-line guard-for-in\n for (const key in config.variations) {\n if (key in props) {\n const variant = config.variations[key];\n\n const css = variant[props[key]];\n // no css for { modifier: true }\n css && Array.isArray(css) ? res.push(...css) : res.push(css);\n }\n }\n\n return res;\n };\n};\n\nexport const mergeConfig = <\n Tag extends HTMLTagList,\n VariantList extends Variants,\n VariantsProps extends PropsType<VariantList>,\n LayoutPropsBase extends React.HTMLAttributes<HTMLElement>,\n LayoutPropsUser extends React.HTMLAttributes<HTMLElement> | undefined = undefined\n>(\n baseConfig: ComponentConfig<Tag, Variants, PropsType & LayoutPropsBase, LayoutPropsBase>,\n userConfig?: Partial<ComponentConfig<Tag, VariantList, VariantsProps, LayoutPropsUser>>,\n) => {\n const res = { ...baseConfig, ...userConfig };\n\n if (res.variations) {\n // copy variations base css\n // eslint-disable-next-line guard-for-in\n for (const key in res.variations) {\n const variant = baseConfig.variations[key];\n\n res.variations[key].css = variant?.css;\n /* start of bad decision */\n if (!res.variations[key].true && variant?.true) {\n res.variations[key].true = variant.true;\n }\n /* end of bad decision */\n if (variant?.attrs) {\n res.variations[key].attrs = variant.attrs;\n }\n }\n }\n\n // eslint-disable-next-line guard-for-in\n for (const key in baseConfig.defaults || {}) {\n if (!(key in res.defaults)) {\n res.defaults[key] = baseConfig.defaults[key];\n }\n }\n\n return res as ComponentConfig<\n Tag,\n VariantList,\n PropsType<VariantList>,\n LayoutPropsUser extends undefined ? LayoutPropsBase : LayoutPropsUser\n >;\n};\n\nexport function component<\n Tag extends HTMLTagList,\n VariantList extends Variants,\n VariantsProps extends PropsType<VariantList>,\n LayoutProps extends React.HTMLAttributes<HTMLElement>\n>(\n config: ComponentConfig<Tag, VariantList, VariantsProps, LayoutProps>,\n): React.FunctionComponent<VariantsProps & LayoutProps> {\n const Comp = config.layout(_component((config as unknown) as ComponentConfig));\n\n return React.forwardRef<VariantsProps & LayoutProps, any>((props, ref) => (\n <Comp {...config?.defaults} {...props} ref={ref} />\n ));\n}\n"],"names":["getStaticVariants","config","variations","res","key","css","push","getDynamicVariants","props","variant","Array","isArray","apply","_toConsumableArray","mergeConfig","baseConfig","userConfig","_objectSpread","attrs","defaults","component","Comp","layout","_component","React","forwardRef","ref","createElement","_extends"],"mappings":"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"}
1
+ {"version":3,"file":"common.js","sources":["../../src/engines/common.tsx"],"sourcesContent":["import React from 'react';\n\nimport { _component } from './linaria';\nimport type {\n ComponentConfig,\n HTMLAnyAttributes,\n HTMLTagList,\n PropsType,\n Variants,\n HTMLAttributesOmitOnChange,\n} from './types';\n\n//\n// Тип HTMLAttributesOmitOnChange требуется чтобы использовать компонент с кастомным пропсом onChange\n//\n\nexport const getStaticVariants = (config: ComponentConfig) => {\n if (!config.variations) {\n return [];\n }\n const res = [];\n const { variations } = config;\n\n // eslint-disable-next-line guard-for-in\n for (const key in variations) {\n const { css } = variations[key];\n css && res.push(css);\n }\n\n return res;\n};\n\nexport const getDynamicVariants = (config: ComponentConfig) => {\n return (props: HTMLAnyAttributes) => {\n const res = [];\n\n // eslint-disable-next-line guard-for-in\n for (const key in config.variations) {\n if (key in props) {\n const variant = config.variations[key];\n\n const css = variant[props[key]];\n // no css for { modifier: true }\n css && Array.isArray(css) ? res.push(...css) : res.push(css);\n }\n }\n\n return res;\n };\n};\n\nexport const mergeConfig = <\n Tag extends HTMLTagList,\n VariantList extends Variants,\n VariantsProps extends PropsType<VariantList>,\n LayoutPropsBase extends React.HTMLAttributes<HTMLElement> | HTMLAttributesOmitOnChange,\n LayoutPropsUser extends React.HTMLAttributes<HTMLElement> | HTMLAttributesOmitOnChange | undefined = undefined\n>(\n baseConfig: ComponentConfig<Tag, Variants, PropsType & LayoutPropsBase, LayoutPropsBase>,\n userConfig?: Partial<ComponentConfig<Tag, VariantList, VariantsProps, LayoutPropsUser>>,\n) => {\n const res = { ...baseConfig, ...userConfig };\n\n if (res.variations) {\n // copy variations base css\n // eslint-disable-next-line guard-for-in\n for (const key in res.variations) {\n const variant = baseConfig.variations[key];\n\n res.variations[key].css = variant?.css;\n /* start of bad decision */\n if (!res.variations[key].true && variant?.true) {\n res.variations[key].true = variant.true;\n }\n /* end of bad decision */\n if (variant?.attrs) {\n res.variations[key].attrs = variant.attrs;\n }\n }\n }\n\n // eslint-disable-next-line guard-for-in\n for (const key in baseConfig.defaults || {}) {\n if (!(key in res.defaults)) {\n res.defaults[key] = baseConfig.defaults[key];\n }\n }\n\n return res as ComponentConfig<\n Tag,\n VariantList,\n PropsType<VariantList>,\n LayoutPropsUser extends undefined ? LayoutPropsBase : LayoutPropsUser\n >;\n};\n\nexport function component<\n Tag extends HTMLTagList,\n VariantList extends Variants,\n VariantsProps extends PropsType<VariantList>,\n LayoutProps extends React.HTMLAttributes<HTMLElement> | HTMLAttributesOmitOnChange\n>(\n config: ComponentConfig<Tag, VariantList, VariantsProps, LayoutProps>,\n): React.FunctionComponent<VariantsProps & LayoutProps> {\n const Comp = config.layout(_component((config as unknown) as ComponentConfig));\n\n return React.forwardRef<VariantsProps & LayoutProps, any>((props, ref) => (\n <Comp {...config?.defaults} {...props} ref={ref} />\n ));\n}\n"],"names":["getStaticVariants","config","variations","res","key","css","push","getDynamicVariants","props","variant","Array","isArray","apply","_toConsumableArray","mergeConfig","baseConfig","userConfig","_objectSpread","attrs","defaults","component","Comp","layout","_component","React","forwardRef","ref","createElement","_extends"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/engines/index.ts"],"sourcesContent":["import { css as cssLibrary } from '@linaria/core';\n\nimport type { CSS } from './types';\n\nexport const css = cssLibrary as CSS;\nexport { mergeConfig, component } from './common';\n\nexport type { Variant, ComponentConfig, RootProps, CSS } from './types';\n"],"names":["css","cssLibrary"],"mappings":";;;;;;;;AAIO,IAAMA,GAAG,GAAGC;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/engines/index.ts"],"sourcesContent":["import { css as cssLibrary } from '@linaria/core';\n\nimport type { CSS } from './types';\n\nexport const css = cssLibrary as CSS;\nexport { mergeConfig, component } from './common';\n\nexport type { Variant, ComponentConfig, RootProps, CSS, RootPropsOmitOnChange } from './types';\n"],"names":["css","cssLibrary"],"mappings":";;;;;;;;AAIO,IAAMA,GAAG,GAAGC;;;;"}
@@ -0,0 +1,15 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var canUseDOM = require('../utils/canUseDOM.js');
7
+ require('../utils/react.js');
8
+
9
+ /**
10
+ * Runs effect safely on server.
11
+ */
12
+ var useIsomorphicLayoutEffect = canUseDOM.canUseDOM ? React.useLayoutEffect : React.useEffect;
13
+
14
+ exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
15
+ //# sourceMappingURL=useIsomorphicLayoutEffect.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../src/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useLayoutEffect, useEffect } from 'react';\n\nimport { canUseDOM } from '../utils';\n\n/**\n * Runs effect safely on server.\n */\nexport const useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;\n"],"names":["useIsomorphicLayoutEffect","canUseDOM","useLayoutEffect","useEffect"],"mappings":";;;;;;;;AAIA;AACA;AACA;IACaA,yBAAyB,GAAGC,mBAAS,GAAGC,qBAAe,GAAGC;;;;"}
package/cjs/index.css CHANGED
@@ -69,28 +69,28 @@
69
69
  .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
70
70
  .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
71
71
 
72
- .base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
72
+ .base_1vqr3f_bjda290__b2f2c792 input[type='checkbox']:indeterminate + label .base_1vqr3f_checkboxTrigger__b2f2c792{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_1vqr3f_bjda290__b2f2c792 input:checked + label .base_1vqr3f_checkboxTrigger__b2f2c792{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
73
73
 
74
- .base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
74
+ .base_fyu17z_b7dgytu__1e125c64 input:disabled + label{opacity:var(--plasma-checkbox-disabled-opacity);}.base_fyu17z_b7dgytu__1e125c64 input:disabled + label{cursor:not-allowed;}
75
75
 
76
- .base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059.base_hr4zpz_focusVisible__d6390059:focus::before,.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059{border-color:transparent;position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
76
+ .base_po5iiu_brrdlt4__42bc7689 .base_po5iiu_checkboxTrigger__42bc7689{position:relative;}.base_po5iiu_brrdlt4__42bc7689 .base_po5iiu_checkboxTrigger__42bc7689::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_po5iiu_brrdlt4__42bc7689 .base_po5iiu_checkboxTrigger__42bc7689.base_po5iiu_focusVisible__42bc7689:focus::before,.base_po5iiu_brrdlt4__42bc7689 .base_po5iiu_checkboxTrigger__42bc7689[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added] + label .base_po5iiu_checkboxTrigger__42bc7689{border-color:transparent;position:relative;}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added] + label .base_po5iiu_checkboxTrigger__42bc7689::before{content:'';position:absolute;top:-0.188rem;left:-0.188rem;right:-0.188rem;bottom:-0.188rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added] + label .base_po5iiu_checkboxTrigger__42bc7689::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added]:checked + label .base_po5iiu_checkboxTrigger__42bc7689,.base_po5iiu_brrdlt4__42bc7689 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_po5iiu_checkboxTrigger__42bc7689{position:relative;}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added]:checked + label .base_po5iiu_checkboxTrigger__42bc7689::before,.base_po5iiu_brrdlt4__42bc7689 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_po5iiu_checkboxTrigger__42bc7689::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_po5iiu_brrdlt4__42bc7689 input[data-focus-visible-added]:checked + label .base_po5iiu_checkboxTrigger__42bc7689::before,.base_po5iiu_brrdlt4__42bc7689 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_po5iiu_checkboxTrigger__42bc7689::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
77
77
 
78
- .Checkbox_styles_1266095_b1udywkg__e7223270{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_styles_1266095_b1udywkg__e7223270 .Checkbox_styles_1266095_singleLine__e7223270{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
79
- .Checkbox_styles_1266095_s165w87d__e7223270{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_1266095_s165w87d__e7223270:focus{outline:0 none;}
80
- .Checkbox_styles_1266095_sft3zxv__e7223270{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_1266095_sft3zxv__e7223270 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_1266095_sft3zxv__e7223270 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
81
- .Checkbox_styles_1266095_s1u3nd7e__e7223270{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
82
- .Checkbox_styles_1266095_shwv1in__e7223270{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
83
- .Checkbox_styles_1266095_s1my1ay__e7223270{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
84
- .Checkbox_styles_1266095_s14u8fnn__e7223270{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_1266095_s14u8fnn__e7223270.Checkbox_styles_1266095_onlyDescription__e7223270{margin-top:0;}
78
+ .Checkbox_1q4l832_so9l3q2__ea6445d5{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_1q4l832_so9l3q2__ea6445d5:focus{outline:0 none;}
79
+ .Checkbox_1q4l832_s1o5tixe__ea6445d5{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_1q4l832_s1o5tixe__ea6445d5 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_1q4l832_s1o5tixe__ea6445d5 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
80
+ .Checkbox_1q4l832_s136y9ve__ea6445d5{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
81
+ .Checkbox_1q4l832_s8lcvtu__ea6445d5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
82
+ .Checkbox_1q4l832_s1dif9mh__ea6445d5{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
83
+ .Checkbox_1q4l832_s1v492xg__ea6445d5{margin-top:0.25rem;color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}
84
+ .Checkbox_1q4l832_b1kn3qi9__ea6445d5{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_1q4l832_b1kn3qi9__ea6445d5 .Checkbox_1q4l832_singleLine__ea6445d5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Checkbox_1q4l832_b1kn3qi9__ea6445d5.Checkbox_1q4l832_resetMargins__ea6445d5{margin:0;}
85
85
 
86
- .base_11n1fn3_b1yt66an__50fb7cfc input:checked + label .base_11n1fn3_radioboxTrigger__50fb7cfc{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
86
+ .base_wj0ueq_b1lfwhkj__434a3d79 input:checked + label .base_wj0ueq_radioboxTrigger__434a3d79{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
87
87
 
88
- .base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{cursor:not-allowed;}
88
+ .base_1jca5bk_bya1zrj__c42664c9 input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.base_1jca5bk_bya1zrj__c42664c9 input:disabled + label{cursor:not-allowed;}
89
89
 
90
- .base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae{position:relative;}.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae.base_1d7o4za_focusVisible__19288bae:focus::before,.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae{border-color:transparent;position:relative;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae{position:relative;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}
90
+ .base_1nruwxa_bp7016u__13de8fe5 .base_1nruwxa_radioboxTrigger__13de8fe5{position:relative;}.base_1nruwxa_bp7016u__13de8fe5 .base_1nruwxa_radioboxTrigger__13de8fe5::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1nruwxa_bp7016u__13de8fe5 .base_1nruwxa_radioboxTrigger__13de8fe5.base_1nruwxa_focusVisible__13de8fe5:focus::before,.base_1nruwxa_bp7016u__13de8fe5 .base_1nruwxa_radioboxTrigger__13de8fe5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added] + label .base_1nruwxa_radioboxTrigger__13de8fe5{border-color:transparent;position:relative;}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added] + label .base_1nruwxa_radioboxTrigger__13de8fe5::before{content:'';position:absolute;top:-0.188rem;left:-0.188rem;right:-0.188rem;bottom:-0.188rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added] + label .base_1nruwxa_radioboxTrigger__13de8fe5::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added]:checked + label .base_1nruwxa_radioboxTrigger__13de8fe5{position:relative;}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added]:checked + label .base_1nruwxa_radioboxTrigger__13de8fe5::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1nruwxa_bp7016u__13de8fe5 input[data-focus-visible-added]:checked + label .base_1nruwxa_radioboxTrigger__13de8fe5::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}
91
91
 
92
- .Radiobox_styles_1skfuon_s14xglkp__585ca743{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_styles_1skfuon_s14xglkp__585ca743{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
93
- .Radiobox_styles_1skfuon_bdte4ex__585ca743{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-margin-top:var(--plasma-checkbox-description-margin-top);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Radiobox_styles_1skfuon_bdte4ex__585ca743 .Radiobox_styles_1skfuon_singleLine__585ca743{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
92
+ .Radiobox_1ri2eqv_sv18cw2__70e20968{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_1ri2eqv_sv18cw2__70e20968{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
93
+ .Radiobox_1ri2eqv_b1ls92xy__70e20968{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Radiobox_1ri2eqv_b1ls92xy__70e20968 .Radiobox_1ri2eqv_singleLine__70e20968{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Radiobox_1ri2eqv_b1ls92xy__70e20968.Radiobox_1ri2eqv_resetMargins__70e20968{margin:0;}
94
94
 
95
95
  .Popover_styles_rmr9za_s1g1xbt5__0bafa6fb{display:inline-block;}
96
96
  .Popover_styles_rmr9za_s12xwbyh__0bafa6fb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
@@ -532,3 +532,28 @@
532
532
  .Toolbar_styles_iomsh3_bd5aerk__291bdbec{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;border-radius:var(--plasma-toolbar-border-radius);background:var(--plasma-toolbar-background);padding:var(--plasma-toolbar-padding);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarShadow__291bdbec{box-shadow:var(--plasma-toolbar-box-shadow);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarVertical__291bdbec{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--plasma-toolbar-size);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarHorizontal__291bdbec{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:var(--plasma-toolbar-size);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarVertical__291bdbec .Toolbar_styles_iomsh3_plasmaDivider__291bdbec{width:var(--plasma-toolbar-divider-size);height:0.063rem;margin:var(--plasma-toolbar-divider-offset) 0;}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarHorizontal__291bdbec .Toolbar_styles_iomsh3_plasmaDivider__291bdbec{width:0.063rem;height:var(--plasma-toolbar-divider-size);margin:0 var(--plasma-toolbar-divider-offset);}
533
533
 
534
534
  .ToolbarDivider_styles_1ypqhb1_mcdkovg__81732880{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;--plasma-divider-background:var(--plasma-toolbar-divider-color);--plasma-divider-border-radius:var(--plasma-toolbar-divider-border-radius);}
535
+
536
+ .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);}
537
+ .SliderBase_styles_7is2ll_rnaoqfb__0c0959e2{height:100%;}
538
+ .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%);}
539
+ .SliderBase_styles_7is2ll_fdg7yhg__0c0959e2{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
540
+
541
+ .Single_styles_1r9f1e0_l1p4kc08__4db690dd{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
542
+
543
+ .Single_styles_1r9f1e0_lozb535__4db690dd{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
544
+ .Single_styles_1r9f1e0_s1w9icbd__4db690dd{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-range-value-font-family);font-size:var(--plasma-slider-range-value-font-size);font-style:var(--plasma-slider-range-value-font-style);font-weight:var(--plasma-slider-range-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-range-value-letter-spacing);letter-spacing:var(--plasma-slider-range-value-letter-spacing);line-height:var(--plasma-slider-range-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMinValue__4db690dd,.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMaxValue__4db690dd{opacity:0;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderActiveRangeValue__4db690dd{color:var(--plasma-slider-label-color);}
545
+ .Single_styles_1r9f1e0_s1d2sfgl__4db690dd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{position:absolute;bottom:var(--plasma-slider-range-value-bottom-offset);left:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{left:unset;right:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{margin-right:var(--plasma-slider-range-min-value-margin);}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{margin-right:0;margin-left:var(--plasma-slider-range-max-value-margin);}
546
+ .Single_styles_1r9f1e0_ss3ujqx__4db690dd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementInner__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-right:var(--plasma-slider-label-wrapper-margin-right);}
547
+
548
+ .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);}
549
+
550
+ .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);}
551
+ .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);}
552
+ .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);}
553
+ .Double_styles_1jhda4u_d3kvcjo__5dc981f4{opacity:var(--plasma-slider-disabled-opacity);}
554
+
555
+
556
+ .Handle_styles_9m0x33_hhwq33d__55de7a4e{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
557
+ .Handle_styles_9m0x33_shurctf__55de7a4e{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
558
+
559
+ .Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
package/cjs/index.js CHANGED
@@ -17,6 +17,7 @@ var useUniqId = require('./hooks/useUniqId.js');
17
17
  var usePreviousValue = require('./hooks/usePreviousValue.js');
18
18
  var useForceUpdate = require('./hooks/useForceUpdate.js');
19
19
  var useDidMountEffect = require('./hooks/useDidMountEffect.js');
20
+ var useIsomorphicLayoutEffect = require('./hooks/useIsomorphicLayoutEffect.js');
20
21
  var index$1 = require('./utils/index.js');
21
22
  var Button = require('./components/Button/Button.js');
22
23
  var Button_tokens = require('./components/Button/Button.tokens.js');
@@ -36,10 +37,8 @@ var Link = require('./components/Link/Link.js');
36
37
  var Spinner = require('./components/Spinner/Spinner.js');
37
38
  var Spinner_tokens = require('./components/Spinner/Spinner.tokens.js');
38
39
  var Checkbox = require('./components/Checkbox/Checkbox.js');
39
- var Checkbox_tokens = require('./components/Checkbox/Checkbox.tokens.js');
40
40
  var Radiobox = require('./components/Radiobox/Radiobox.js');
41
41
  var RadioGroup = require('./components/Radiobox/RadioGroup.js');
42
- var Radiobox_tokens = require('./components/Radiobox/Radiobox.tokens.js');
43
42
  var Popover = require('./components/Popover/Popover.js');
44
43
  var Popover_tokens = require('./components/Popover/Popover.tokens.js');
45
44
  var TextArea = require('./components/TextArea/TextArea.js');
@@ -169,7 +168,14 @@ var Divider_tokens = require('./components/Divider/Divider.tokens.js');
169
168
  var Toolbar = require('./components/Toolbar/Toolbar.js');
170
169
  var Toolbar_tokens = require('./components/Toolbar/Toolbar.tokens.js');
171
170
  var ToolbarDivider = require('./components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js');
171
+ var Slider = require('./components/Slider/Slider.js');
172
+ var Slider_tokens = require('./components/Slider/Slider.tokens.js');
173
+ require('react');
174
+ require('react-draggable');
175
+ var Thumb_styles = require('./components/Slider/ui/Thumb/Thumb.styles.js');
176
+ require('@linaria/react');
172
177
  var common = require('./engines/common.js');
178
+ var canUseDOM = require('./utils/canUseDOM.js');
173
179
  var extractTextFrom = require('./utils/extractTextFrom.js');
174
180
  var getSizeValueFromProp = require('./utils/getSizeValueFromProp.js');
175
181
  var react = require('./utils/react.js');
@@ -255,6 +261,7 @@ exports.useUniqId = useUniqId.useUniqId;
255
261
  exports.usePreviousValue = usePreviousValue.usePreviousValue;
256
262
  exports.useForceUpdate = useForceUpdate.useForceUpdate;
257
263
  exports.useDidMountEffect = useDidMountEffect.useDidMountEffect;
264
+ exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
258
265
  exports.composableStyle = index$1.composableStyle;
259
266
  exports.cx = index$1.cx;
260
267
  exports.buttonConfig = Button.buttonConfig;
@@ -286,11 +293,9 @@ exports.spinnerRoot = Spinner.spinnerRoot;
286
293
  exports.spinnerTokens = Spinner_tokens.tokens;
287
294
  exports.checkboxConfig = Checkbox.checkboxConfig;
288
295
  exports.checkboxRoot = Checkbox.checkboxRoot;
289
- exports.checkboxTokens = Checkbox_tokens.tokens;
290
296
  exports.radioboxConfig = Radiobox.radioboxConfig;
291
297
  exports.radioboxRoot = Radiobox.radioboxRoot;
292
298
  exports.RadioGroup = RadioGroup.RadioGroup;
293
- exports.radioboxTokens = Radiobox_tokens.tokens;
294
299
  exports.popoverConfig = Popover.popoverConfig;
295
300
  exports.popoverRoot = Popover.popoverRoot;
296
301
  exports.popoverClasses = Popover_tokens.classes;
@@ -506,8 +511,13 @@ exports.toolbarRoot = Toolbar.toolbarRoot;
506
511
  exports.toolbarTokens = Toolbar_tokens.tokens;
507
512
  exports.toolbarDividerConfig = ToolbarDivider.toolbarDividerConfig;
508
513
  exports.toolbarDividerRoot = ToolbarDivider.toolbarDividerRoot;
514
+ exports.sliderConfig = Slider.sliderConfig;
515
+ exports.sliderRoot = Slider.sliderRoot;
516
+ exports.sliderTokens = Slider_tokens.tokens;
517
+ exports.ThumbBase = Thumb_styles.ThumbBase;
509
518
  exports.component = common.component;
510
519
  exports.mergeConfig = common.mergeConfig;
520
+ exports.canUseDOM = canUseDOM.canUseDOM;
511
521
  exports.extractTextFrom = extractTextFrom.extractTextFrom;
512
522
  exports.getSizeValueFromProp = getSizeValueFromProp.getSizeValueFromProp;
513
523
  exports.IS_REACT_18 = react.IS_REACT_18;
package/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ /**
6
+ * This constant tells you whether can DOM be used.
7
+ * https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js
8
+ */
9
+ var canUseDOM = /*#__PURE__*/Boolean(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');
10
+
11
+ exports.canUseDOM = canUseDOM;
12
+ //# sourceMappingURL=canUseDOM.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"canUseDOM.js","sources":["../../src/utils/canUseDOM.ts"],"sourcesContent":["/**\n * This constant tells you whether can DOM be used.\n * https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js\n */\nexport const canUseDOM = Boolean(\n typeof window !== 'undefined' &&\n typeof window.document !== 'undefined' &&\n typeof window.document.createElement !== 'undefined',\n);\n"],"names":["canUseDOM","Boolean","window","document","createElement"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACO,IAAMA,SAAS,gBAAGC,OAAO,CAC5B,OAAOC,MAAM,KAAK,WAAW,IACzB,OAAOA,MAAM,CAACC,QAAQ,KAAK,WAAW,IACtC,OAAOD,MAAM,CAACC,QAAQ,CAACC,aAAa,KAAK,WACjD;;;;"}