@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
@@ -13,11 +13,13 @@ import { classes } from './TextField.tokens.js';
13
13
  import { TextFieldChip } from './ui/TextFieldChip/TextFieldChip.js';
14
14
  import { useKeyNavigation } from './hooks/useKeyNavigation.js';
15
15
 
16
- var _excluded = ["id", "contentLeft", "contentRight", "label", "labelPlacement", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch"];
16
+ var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
17
17
  var base = "bpunezx";
18
18
  var textFieldRoot = function textFieldRoot(Root) {
19
19
  return /*#__PURE__*/forwardRef(function (_ref, ref) {
20
20
  var id = _ref.id,
21
+ className = _ref.className,
22
+ style = _ref.style,
21
23
  contentLeft = _ref.contentLeft,
22
24
  contentRight = _ref.contentRight,
23
25
  label = _ref.label,
@@ -36,6 +38,7 @@ var textFieldRoot = function textFieldRoot(Root) {
36
38
  onChange = _ref.onChange,
37
39
  onChangeChips = _ref.onChangeChips,
38
40
  onSearch = _ref.onSearch,
41
+ onKeyDown = _ref.onKeyDown,
39
42
  rest = _objectWithoutProperties(_ref, _excluded);
40
43
  var contentRef = useRef(null);
41
44
  var inputRef = useRef(null);
@@ -115,6 +118,10 @@ var textFieldRoot = function textFieldRoot(Root) {
115
118
  chipsRefs.current[index] = element;
116
119
  }
117
120
  };
121
+ var handleOnKeyDown = function handleOnKeyDown(event) {
122
+ handleInputKeydown(event);
123
+ onKeyDown && onKeyDown(event);
124
+ };
118
125
  useEffect(function () {
119
126
  if (!isChipEnumeration && !(values !== null && values !== void 0 && values.length)) {
120
127
  return;
@@ -133,7 +140,9 @@ var textFieldRoot = function textFieldRoot(Root) {
133
140
  disabled: disabled,
134
141
  readOnly: !disabled && readOnly,
135
142
  labelPlacement: innerLabelPlacementValue,
136
- onClick: handleInputFocus
143
+ onClick: handleInputFocus,
144
+ className: className,
145
+ style: style
137
146
  }, labelInside || innerLabelValue && /*#__PURE__*/React.createElement(Label, {
138
147
  id: labelId,
139
148
  htmlFor: id
@@ -174,7 +183,7 @@ var textFieldRoot = function textFieldRoot(Root) {
174
183
  disabled: disabled,
175
184
  readOnly: !disabled && readOnly,
176
185
  onChange: handleChange,
177
- onKeyDown: handleInputKeydown
186
+ onKeyDown: handleOnKeyDown
178
187
  })), labelInside && /*#__PURE__*/React.createElement(Label, {
179
188
  id: labelId,
180
189
  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":"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"}
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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"}
@@ -2,6 +2,10 @@ import { objectSpread2 as _objectSpread2, extends as _extends, toConsumableArray
2
2
  import React from 'react';
3
3
  import { _component } from './linaria.js';
4
4
 
5
+ //
6
+ // Тип HTMLAttributesOmitOnChange требуется чтобы использовать компонент с кастомным пропсом onChange
7
+ //
8
+
5
9
  var getStaticVariants = function getStaticVariants(config) {
6
10
  if (!config.variations) {
7
11
  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,11 @@
1
+ import { useLayoutEffect, useEffect } from 'react';
2
+ import { canUseDOM } from '../utils/canUseDOM.js';
3
+ import '../utils/react.js';
4
+
5
+ /**
6
+ * Runs effect safely on server.
7
+ */
8
+ var useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;
9
+
10
+ export { useIsomorphicLayoutEffect };
11
+ //# 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,SAAS,GAAGC,eAAe,GAAGC;;;;"}
package/es/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/es/index.js CHANGED
@@ -13,6 +13,7 @@ export { useUniqId } from './hooks/useUniqId.js';
13
13
  export { usePreviousValue } from './hooks/usePreviousValue.js';
14
14
  export { useForceUpdate } from './hooks/useForceUpdate.js';
15
15
  export { useDidMountEffect } from './hooks/useDidMountEffect.js';
16
+ export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
16
17
  export { composableStyle, cx } from './utils/index.js';
17
18
  export { buttonConfig, buttonRoot } from './components/Button/Button.js';
18
19
  export { classes as buttonClasses, tokens as buttonTokens } from './components/Button/Button.tokens.js';
@@ -32,10 +33,8 @@ export { linkConfig, linkRoot } from './components/Link/Link.js';
32
33
  export { spinnerConfig, spinnerRoot } from './components/Spinner/Spinner.js';
33
34
  export { tokens as spinnerTokens } from './components/Spinner/Spinner.tokens.js';
34
35
  export { checkboxConfig, checkboxRoot } from './components/Checkbox/Checkbox.js';
35
- export { tokens as checkboxTokens } from './components/Checkbox/Checkbox.tokens.js';
36
36
  export { radioboxConfig, radioboxRoot } from './components/Radiobox/Radiobox.js';
37
37
  export { RadioGroup } from './components/Radiobox/RadioGroup.js';
38
- export { tokens as radioboxTokens } from './components/Radiobox/Radiobox.tokens.js';
39
38
  export { popoverConfig, popoverRoot } from './components/Popover/Popover.js';
40
39
  export { classes as popoverClasses, tokens as popoverTokens } from './components/Popover/Popover.tokens.js';
41
40
  export { textAreaConfig, textAreaRoot } from './components/TextArea/TextArea.js';
@@ -165,7 +164,14 @@ export { classes as dividerClasses, tokens as dividerTokens } from './components
165
164
  export { toolbarConfig, toolbarRoot } from './components/Toolbar/Toolbar.js';
166
165
  export { tokens as toolbarTokens } from './components/Toolbar/Toolbar.tokens.js';
167
166
  export { toolbarDividerConfig, toolbarDividerRoot } from './components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js';
167
+ export { sliderConfig, sliderRoot } from './components/Slider/Slider.js';
168
+ export { tokens as sliderTokens } from './components/Slider/Slider.tokens.js';
169
+ import 'react';
170
+ import 'react-draggable';
171
+ export { ThumbBase } from './components/Slider/ui/Thumb/Thumb.styles.js';
172
+ import '@linaria/react';
168
173
  export { component, mergeConfig } from './engines/common.js';
174
+ export { canUseDOM } from './utils/canUseDOM.js';
169
175
  export { extractTextFrom } from './utils/extractTextFrom.js';
170
176
  export { getSizeValueFromProp } from './utils/getSizeValueFromProp.js';
171
177
  export { IS_REACT_18, safeUseId } from './utils/react.js';
package/es/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,8 @@
1
+ /**
2
+ * This constant tells you whether can DOM be used.
3
+ * https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js
4
+ */
5
+ var canUseDOM = /*#__PURE__*/Boolean(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');
6
+
7
+ export { canUseDOM };
8
+ //# 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;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;AAOaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;AAQaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.80.0-canary.1176.9060349970.0",
3
+ "version": "0.80.0-canary.1194.9058672177.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -99,8 +99,9 @@
99
99
  "@popperjs/core": "2.11.8",
100
100
  "@salutejs/plasma-core": "1.159.0",
101
101
  "focus-visible": "5.2.0",
102
+ "react-draggable": "4.4.3",
102
103
  "react-popper": "2.3.0",
103
104
  "storeon": "3.1.5"
104
105
  },
105
- "gitHead": "f34552f766e9293e9d1211c89dbe1edec8d35a75"
106
+ "gitHead": "65f5d87d52c21d5e00871dfba05d83076d06cc19"
106
107
  }
@@ -4,24 +4,44 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.checkboxRoot = exports.checkboxConfig = void 0;
7
+ exports.checkboxRoot = exports.checkboxConfig = exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = exports.StyledDescription = exports.StyledContentWrapper = exports.StyledContent = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
+ var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
9
10
  var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
11
+ var _mixins = /*#__PURE__*/require("../../mixins");
10
12
  var _utils = /*#__PURE__*/require("../../utils");
11
- var _base = /*#__PURE__*/require("./variations/_view/base");
12
- var _base2 = /*#__PURE__*/require("./variations/_size/base");
13
- var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
14
- var _base4 = /*#__PURE__*/require("./variations/_focused/base");
13
+ var _base = /*#__PURE__*/require("./_view/base");
14
+ var _base2 = /*#__PURE__*/require("./_size/base");
15
+ var _base3 = /*#__PURE__*/require("./_disabled/base");
16
+ var _base4 = /*#__PURE__*/require("./_focused/base");
15
17
  var _IconsSvg = /*#__PURE__*/require("./IconsSvg");
16
- var _Checkbox = /*#__PURE__*/require("./Checkbox.styles");
17
- var _Checkbox2 = /*#__PURE__*/require("./Checkbox.tokens");
18
- var _Indeterminate, _Done;
19
18
  var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "style", "className", "singleLine", "aria-label"];
19
+ var _templateObject, _Indeterminate, _Done;
20
20
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
21
21
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
22
22
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
23
23
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
24
24
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
25
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
26
+ var StyledInput = exports.StyledInput = /*#__PURE__*/_styledComponents["default"].input.withConfig({
27
+ componentId: "plasma-new-hope__sc-1lv7grl-0"
28
+ })(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
29
+ var StyledTrigger = exports.StyledTrigger = /*#__PURE__*/_styledComponents["default"].div.withConfig({
30
+ componentId: "plasma-new-hope__sc-1lv7grl-1"
31
+ })(["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:flex;align-items:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"]);
32
+ var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].label.withConfig({
33
+ componentId: "plasma-new-hope__sc-1lv7grl-2"
34
+ })(["position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;"]);
35
+ var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
36
+ componentId: "plasma-new-hope__sc-1lv7grl-3"
37
+ })(["display:flex;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);"]);
38
+ var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].span.withConfig({
39
+ componentId: "plasma-new-hope__sc-1lv7grl-4"
40
+ })(["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);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);"]);
41
+ var StyledDescription = exports.StyledDescription = /*#__PURE__*/_styledComponents["default"].div.withConfig({
42
+ componentId: "plasma-new-hope__sc-1lv7grl-5"
43
+ })(["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);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);"]);
44
+ var base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n .single-line {\n ", ";\n }\n\n margin: var(--plasma-checkbox-margin);\n\n &.reset-margins {\n margin: 0;\n }\n\n ", ";\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n"])), /*#__PURE__*/(0, _mixins.applyEllipsis)(), /*#__PURE__*/(0, _mixins.applyNoUserSelect)());
25
45
  var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
26
46
  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
27
47
  var size = props.size,
@@ -55,17 +75,17 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
55
75
  var isLabelAriaHidden = typeof label === 'string';
56
76
  var canFocused = focused ? 0 : -1;
57
77
  var hasContent = label || description;
58
- var singleLineClass = singleLine ? _Checkbox2.classes.singleLine : undefined;
59
- var onlyDescriptionClass = !label && description ? _Checkbox2.classes.onlyDescription : undefined;
78
+ var singleLineClass = singleLine ? 'single-line' : undefined;
79
+ var resetMargins = !hasContent ? 'reset-margins' : undefined;
60
80
  return /*#__PURE__*/_react["default"].createElement(Root, {
61
81
  view: view,
62
82
  size: size,
63
83
  disabled: disabled,
64
84
  focused: focused,
65
85
  style: style,
66
- className: className,
86
+ className: (0, _utils.cx)(className, resetMargins),
67
87
  tabIndex: -1
68
- }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledInput, _extends({}, rest, {
88
+ }, /*#__PURE__*/_react["default"].createElement(StyledInput, _extends({}, rest, {
69
89
  id: checkboxId,
70
90
  ref: forkRef,
71
91
  type: "checkbox",
@@ -73,18 +93,18 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
73
93
  "aria-label": ariaLabel,
74
94
  "aria-describedby": uniqDescriptionId,
75
95
  tabIndex: canFocused
76
- })), /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContentWrapper, {
96
+ })), /*#__PURE__*/_react["default"].createElement(StyledContentWrapper, {
77
97
  htmlFor: checkboxId
78
- }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
79
- className: _Checkbox2.classes.checkboxTrigger
80
- }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
98
+ }, /*#__PURE__*/_react["default"].createElement(StyledTrigger, {
99
+ className: (0, _utils.cx)('checkbox-trigger', resetMargins)
100
+ }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null))), hasContent && /*#__PURE__*/_react["default"].createElement(StyledContent, {
81
101
  className: singleLineClass
82
- }, label && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledLabel, {
102
+ }, label && /*#__PURE__*/_react["default"].createElement(StyledLabel, {
83
103
  className: singleLineClass,
84
104
  id: uniqLabelId,
85
105
  "aria-hidden": isLabelAriaHidden
86
- }, label), description && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledDescription, {
87
- className: (0, _utils.cx)(singleLineClass, onlyDescriptionClass),
106
+ }, label), description && /*#__PURE__*/_react["default"].createElement(StyledDescription, {
107
+ className: singleLineClass,
88
108
  id: uniqDescriptionId
89
109
  }, description))));
90
110
  });
@@ -93,7 +113,7 @@ var checkboxConfig = exports.checkboxConfig = {
93
113
  name: 'Checkbox',
94
114
  tag: 'div',
95
115
  layout: checkboxRoot,
96
- base: _Checkbox.base,
116
+ base: base,
97
117
  variations: {
98
118
  size: {
99
119
  css: _base2.base