@salutejs/plasma-new-hope 0.80.0-canary.1194.9064180211.0 → 0.80.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (535) hide show
  1. package/cjs/components/Checkbox/Checkbox.css +13 -0
  2. package/cjs/components/Checkbox/Checkbox.js +22 -59
  3. package/cjs/components/Checkbox/Checkbox.js.map +1 -1
  4. package/cjs/components/Checkbox/Checkbox.styles.js +47 -0
  5. package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -0
  6. package/cjs/components/Checkbox/Checkbox.styles_1266095.css +7 -0
  7. package/cjs/components/Checkbox/Checkbox.tokens.js +41 -0
  8. package/cjs/components/Checkbox/Checkbox.tokens.js.map +1 -0
  9. package/cjs/components/Checkbox/IconsSvg.js +9 -9
  10. package/cjs/components/Checkbox/IconsSvg.js.map +1 -1
  11. package/cjs/components/Checkbox/{_disabled → variations/_disabled}/base.js +2 -2
  12. package/cjs/components/Checkbox/variations/_disabled/base.js.map +1 -0
  13. package/cjs/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
  14. package/cjs/components/Checkbox/variations/_focused/base.js +14 -0
  15. package/cjs/components/Checkbox/variations/_focused/base.js.map +1 -0
  16. package/cjs/components/Checkbox/variations/_focused/base_hr4zpz.css +1 -0
  17. package/cjs/components/{Radiobox → Checkbox/variations}/_size/base.js +1 -1
  18. package/cjs/components/Checkbox/variations/_size/base.js.map +1 -0
  19. package/cjs/components/Checkbox/{_size → variations/_view}/base.js +2 -2
  20. package/cjs/components/Checkbox/variations/_view/base.js.map +1 -0
  21. package/cjs/components/Checkbox/variations/_view/base_x252cy.css +1 -0
  22. package/cjs/components/Combobox/hooks/useFocusController.js +0 -1
  23. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  24. package/cjs/components/Radiobox/Radiobox.css +16 -0
  25. package/cjs/components/Radiobox/Radiobox.js +23 -32
  26. package/cjs/components/Radiobox/Radiobox.js.map +1 -1
  27. package/cjs/components/Radiobox/Radiobox.styles.js +19 -0
  28. package/cjs/components/Radiobox/Radiobox.styles.js.map +1 -0
  29. package/cjs/components/Radiobox/Radiobox.styles_1skfuon.css +2 -0
  30. package/cjs/components/Radiobox/Radiobox.tokens.js +41 -0
  31. package/cjs/components/Radiobox/Radiobox.tokens.js.map +1 -0
  32. package/cjs/components/{Checkbox/_focused → Radiobox/variations/_disabled}/base.js +2 -2
  33. package/cjs/components/Radiobox/variations/_disabled/base.js.map +1 -0
  34. package/cjs/components/Radiobox/variations/_disabled/base_6ae9j2.css +1 -0
  35. package/cjs/components/{Checkbox/_view → Radiobox/variations/_focused}/base.js +2 -2
  36. package/cjs/components/Radiobox/variations/_focused/base.js.map +1 -0
  37. package/cjs/components/Radiobox/{_focused/base_1nruwxa.css → variations/_focused/base_1d7o4za.css} +1 -1
  38. package/cjs/components/{Slider/variations/_disabled → Radiobox/variations/_size}/base.js +1 -1
  39. package/cjs/components/Radiobox/variations/_size/base.js.map +1 -0
  40. package/cjs/components/Radiobox/variations/_view/base.js +9 -0
  41. package/cjs/components/Radiobox/variations/_view/base.js.map +1 -0
  42. package/cjs/components/Radiobox/{_view/base_wj0ueq.css → variations/_view/base_11n1fn3.css} +1 -1
  43. package/cjs/components/TextField/TextField.js +3 -12
  44. package/cjs/components/TextField/TextField.js.map +1 -1
  45. package/cjs/engines/common.js +0 -4
  46. package/cjs/engines/common.js.map +1 -1
  47. package/cjs/engines/index.js.map +1 -1
  48. package/cjs/index.css +15 -40
  49. package/cjs/index.js +4 -14
  50. package/cjs/index.js.map +1 -1
  51. package/cjs/utils/index.js.map +1 -1
  52. package/es/components/Checkbox/Checkbox.css +13 -0
  53. package/es/components/Checkbox/Checkbox.js +12 -43
  54. package/es/components/Checkbox/Checkbox.js.map +1 -1
  55. package/es/components/Checkbox/Checkbox.styles.js +37 -0
  56. package/es/components/Checkbox/Checkbox.styles.js.map +1 -0
  57. package/es/components/Checkbox/Checkbox.styles_1266095.css +7 -0
  58. package/es/components/Checkbox/Checkbox.tokens.js +36 -0
  59. package/es/components/Checkbox/Checkbox.tokens.js.map +1 -0
  60. package/es/components/Checkbox/IconsSvg.js +9 -9
  61. package/es/components/Checkbox/IconsSvg.js.map +1 -1
  62. package/es/components/Checkbox/{_focused → variations/_disabled}/base.js +2 -2
  63. package/es/components/Checkbox/variations/_disabled/base.js.map +1 -0
  64. package/es/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
  65. package/es/components/Checkbox/variations/_focused/base.js +10 -0
  66. package/es/components/Checkbox/variations/_focused/base.js.map +1 -0
  67. package/es/components/Checkbox/variations/_focused/base_hr4zpz.css +1 -0
  68. package/es/components/{Radiobox → Checkbox/variations}/_size/base.js +1 -1
  69. package/es/components/Checkbox/variations/_size/base.js.map +1 -0
  70. package/es/components/Checkbox/{_view → variations/_view}/base.js +2 -2
  71. package/es/components/Checkbox/variations/_view/base.js.map +1 -0
  72. package/es/components/Checkbox/variations/_view/base_x252cy.css +1 -0
  73. package/es/components/Combobox/hooks/useFocusController.js +0 -1
  74. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  75. package/es/components/Radiobox/Radiobox.css +16 -0
  76. package/es/components/Radiobox/Radiobox.js +12 -21
  77. package/es/components/Radiobox/Radiobox.js.map +1 -1
  78. package/es/components/Radiobox/Radiobox.styles.js +14 -0
  79. package/es/components/Radiobox/Radiobox.styles.js.map +1 -0
  80. package/es/components/Radiobox/Radiobox.styles_1skfuon.css +2 -0
  81. package/es/components/Radiobox/Radiobox.tokens.js +36 -0
  82. package/es/components/Radiobox/Radiobox.tokens.js.map +1 -0
  83. package/es/components/{Checkbox → Radiobox/variations}/_disabled/base.js +2 -2
  84. package/es/components/Radiobox/variations/_disabled/base.js.map +1 -0
  85. package/es/components/Radiobox/variations/_disabled/base_6ae9j2.css +1 -0
  86. package/es/components/Radiobox/variations/_focused/base.js +5 -0
  87. package/es/components/Radiobox/variations/_focused/base.js.map +1 -0
  88. package/es/components/Radiobox/{_focused/base_1nruwxa.css → variations/_focused/base_1d7o4za.css} +1 -1
  89. package/es/components/{Checkbox → Radiobox/variations}/_size/base.js +1 -1
  90. package/es/components/Radiobox/variations/_size/base.js.map +1 -0
  91. package/es/components/Radiobox/variations/_view/base.js +5 -0
  92. package/es/components/Radiobox/variations/_view/base.js.map +1 -0
  93. package/es/components/Radiobox/{_view/base_wj0ueq.css → variations/_view/base_11n1fn3.css} +1 -1
  94. package/es/components/TextField/TextField.js +3 -12
  95. package/es/components/TextField/TextField.js.map +1 -1
  96. package/es/engines/common.js +0 -4
  97. package/es/engines/common.js.map +1 -1
  98. package/es/engines/index.js.map +1 -1
  99. package/es/index.css +15 -40
  100. package/es/index.js +2 -8
  101. package/es/index.js.map +1 -1
  102. package/es/utils/index.js.map +1 -1
  103. package/package.json +2 -3
  104. package/styled-components/cjs/components/Checkbox/Checkbox.js +20 -40
  105. package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +33 -0
  106. package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +39 -0
  107. package/styled-components/cjs/components/Checkbox/IconsSvg.js +9 -9
  108. package/styled-components/cjs/components/Checkbox/index.js +8 -1
  109. package/styled-components/cjs/components/Checkbox/variations/_disabled/base.js +10 -0
  110. package/styled-components/cjs/components/Checkbox/variations/_focused/base.js +32 -0
  111. package/styled-components/cjs/components/Checkbox/variations/_view/base.js +10 -0
  112. package/styled-components/cjs/components/Checkbox/variations/_view/tokens.json +1 -0
  113. package/styled-components/cjs/components/Radiobox/Radiobox.js +15 -22
  114. package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +19 -0
  115. package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +39 -0
  116. package/styled-components/cjs/components/Radiobox/index.js +8 -1
  117. package/styled-components/cjs/components/{Checkbox → Radiobox/variations}/_disabled/base.js +2 -1
  118. package/styled-components/cjs/components/Radiobox/variations/_focused/base.js +27 -0
  119. package/styled-components/cjs/components/Radiobox/variations/_view/base.js +9 -0
  120. package/styled-components/cjs/components/TextField/TextField.js +3 -12
  121. package/styled-components/cjs/engines/common.js +0 -4
  122. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
  123. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -0
  124. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
  125. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
  126. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -0
  127. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
  128. package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
  129. package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +13 -12
  130. package/styled-components/cjs/hooks/index.js +1 -8
  131. package/styled-components/cjs/index.js +0 -11
  132. package/styled-components/cjs/utils/index.js +0 -7
  133. package/styled-components/es/components/Checkbox/Checkbox.js +12 -33
  134. package/styled-components/es/components/Checkbox/Checkbox.styles.js +25 -0
  135. package/styled-components/es/components/Checkbox/Checkbox.tokens.js +33 -0
  136. package/styled-components/es/components/Checkbox/IconsSvg.js +9 -9
  137. package/styled-components/es/components/Checkbox/index.js +2 -1
  138. package/styled-components/es/components/Checkbox/variations/_disabled/base.js +4 -0
  139. package/styled-components/es/components/Checkbox/variations/_focused/base.js +27 -0
  140. package/styled-components/es/components/Checkbox/variations/_view/base.js +4 -0
  141. package/styled-components/es/components/Checkbox/variations/_view/tokens.json +1 -0
  142. package/styled-components/es/components/Radiobox/Radiobox.js +13 -22
  143. package/styled-components/es/components/Radiobox/Radiobox.styles.js +12 -0
  144. package/styled-components/es/components/Radiobox/Radiobox.tokens.js +33 -0
  145. package/styled-components/es/components/Radiobox/index.js +2 -1
  146. package/styled-components/es/components/Radiobox/variations/_disabled/base.js +3 -0
  147. package/styled-components/es/components/Radiobox/variations/_focused/base.js +21 -0
  148. package/styled-components/es/components/Radiobox/variations/_view/base.js +3 -0
  149. package/styled-components/es/components/TextField/TextField.js +3 -12
  150. package/styled-components/es/engines/common.js +0 -4
  151. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
  152. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -0
  153. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
  154. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
  155. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -0
  156. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
  157. package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
  158. package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +13 -12
  159. package/styled-components/es/hooks/index.js +1 -2
  160. package/styled-components/es/index.js +1 -2
  161. package/styled-components/es/utils/index.js +0 -1
  162. package/types/components/Checkbox/Checkbox.d.ts +4 -37
  163. package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
  164. package/types/components/Checkbox/Checkbox.styles.d.ts +9 -0
  165. package/types/components/Checkbox/Checkbox.styles.d.ts.map +1 -0
  166. package/types/components/Checkbox/Checkbox.tokens.d.ts +34 -0
  167. package/types/components/Checkbox/Checkbox.tokens.d.ts.map +1 -0
  168. package/types/components/Checkbox/Checkbox.types.d.ts +29 -0
  169. package/types/components/Checkbox/Checkbox.types.d.ts.map +1 -0
  170. package/types/components/Checkbox/IconsSvg.d.ts.map +1 -1
  171. package/types/components/Checkbox/index.d.ts +2 -1
  172. package/types/components/Checkbox/index.d.ts.map +1 -1
  173. package/types/components/Checkbox/variations/_disabled/base.d.ts.map +1 -0
  174. package/types/components/Checkbox/variations/_focused/base.d.ts +6 -0
  175. package/types/components/Checkbox/variations/_focused/base.d.ts.map +1 -0
  176. package/types/components/Checkbox/variations/_size/base.d.ts.map +1 -0
  177. package/types/components/Checkbox/variations/_view/base.d.ts.map +1 -0
  178. package/types/components/Radiobox/Radiobox.d.ts +1 -1
  179. package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
  180. package/types/components/Radiobox/Radiobox.styles.d.ts +4 -0
  181. package/types/components/Radiobox/Radiobox.styles.d.ts.map +1 -0
  182. package/types/components/Radiobox/Radiobox.tokens.d.ts +34 -0
  183. package/types/components/Radiobox/Radiobox.tokens.d.ts.map +1 -0
  184. package/types/components/Radiobox/index.d.ts +1 -0
  185. package/types/components/Radiobox/index.d.ts.map +1 -1
  186. package/types/components/Radiobox/variations/_disabled/base.d.ts.map +1 -0
  187. package/types/components/Radiobox/variations/_focused/base.d.ts.map +1 -0
  188. package/types/components/Radiobox/variations/_size/base.d.ts.map +1 -0
  189. package/types/components/Radiobox/variations/_view/base.d.ts.map +1 -0
  190. package/types/components/TextField/TextField.d.ts.map +1 -1
  191. package/types/engines/common.d.ts +3 -3
  192. package/types/engines/common.d.ts.map +1 -1
  193. package/types/engines/index.d.ts +1 -1
  194. package/types/engines/index.d.ts.map +1 -1
  195. package/types/engines/types.d.ts +0 -4
  196. package/types/engines/types.d.ts.map +1 -1
  197. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts +0 -1
  198. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  199. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts +1 -1
  200. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts.map +1 -1
  201. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  202. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts +0 -1
  203. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  204. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts +1 -1
  205. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts.map +1 -1
  206. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  207. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts +0 -1
  208. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  209. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts +1 -1
  210. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts.map +1 -1
  211. package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  212. package/types/hooks/index.d.ts +0 -1
  213. package/types/hooks/index.d.ts.map +1 -1
  214. package/types/index.d.ts +0 -1
  215. package/types/index.d.ts.map +1 -1
  216. package/types/utils/index.d.ts +0 -1
  217. package/types/utils/index.d.ts.map +1 -1
  218. package/cjs/components/Checkbox/Checkbox_1q4l832.css +0 -7
  219. package/cjs/components/Checkbox/_disabled/base.js.map +0 -1
  220. package/cjs/components/Checkbox/_disabled/base_fyu17z.css +0 -1
  221. package/cjs/components/Checkbox/_focused/base.js.map +0 -1
  222. package/cjs/components/Checkbox/_focused/base_po5iiu.css +0 -1
  223. package/cjs/components/Checkbox/_size/base.js.map +0 -1
  224. package/cjs/components/Checkbox/_view/base.js.map +0 -1
  225. package/cjs/components/Checkbox/_view/base_1vqr3f.css +0 -1
  226. package/cjs/components/Radiobox/Radiobox_1ri2eqv.css +0 -2
  227. package/cjs/components/Radiobox/_disabled/base.js +0 -9
  228. package/cjs/components/Radiobox/_disabled/base.js.map +0 -1
  229. package/cjs/components/Radiobox/_disabled/base_1jca5bk.css +0 -1
  230. package/cjs/components/Radiobox/_focused/base.js +0 -9
  231. package/cjs/components/Radiobox/_focused/base.js.map +0 -1
  232. package/cjs/components/Radiobox/_size/base.js.map +0 -1
  233. package/cjs/components/Radiobox/_view/base.js +0 -9
  234. package/cjs/components/Radiobox/_view/base.js.map +0 -1
  235. package/cjs/components/Slider/Slider.css +0 -69
  236. package/cjs/components/Slider/Slider.js +0 -53
  237. package/cjs/components/Slider/Slider.js.map +0 -1
  238. package/cjs/components/Slider/Slider.tokens.js +0 -79
  239. package/cjs/components/Slider/Slider.tokens.js.map +0 -1
  240. package/cjs/components/Slider/components/Double/Double.css +0 -62
  241. package/cjs/components/Slider/components/Double/Double.js +0 -274
  242. package/cjs/components/Slider/components/Double/Double.js.map +0 -1
  243. package/cjs/components/Slider/components/Double/Double.styles.js +0 -61
  244. package/cjs/components/Slider/components/Double/Double.styles.js.map +0 -1
  245. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  246. package/cjs/components/Slider/components/Single/Single.css +0 -16
  247. package/cjs/components/Slider/components/Single/Single.js +0 -160
  248. package/cjs/components/Slider/components/Single/Single.js.map +0 -1
  249. package/cjs/components/Slider/components/Single/Single.styles.js +0 -45
  250. package/cjs/components/Slider/components/Single/Single.styles.js.map +0 -1
  251. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  252. package/cjs/components/Slider/components/SliderBase/SliderBase.css +0 -4
  253. package/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -82
  254. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  255. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -33
  256. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  257. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  258. package/cjs/components/Slider/ui/Handle/Handle.css +0 -4
  259. package/cjs/components/Slider/ui/Handle/Handle.js +0 -174
  260. package/cjs/components/Slider/ui/Handle/Handle.js.map +0 -1
  261. package/cjs/components/Slider/ui/Handle/Handle.styles.js +0 -21
  262. package/cjs/components/Slider/ui/Handle/Handle.styles.js.map +0 -1
  263. package/cjs/components/Slider/ui/Handle/Handle.styles_9m0x33.css +0 -2
  264. package/cjs/components/Slider/ui/Thumb/Thumb.css +0 -1
  265. package/cjs/components/Slider/ui/Thumb/Thumb.js +0 -31
  266. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  267. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -15
  268. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  269. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  270. package/cjs/components/Slider/utils/index.js +0 -56
  271. package/cjs/components/Slider/utils/index.js.map +0 -1
  272. package/cjs/components/Slider/variations/_disabled/base.js.map +0 -1
  273. package/cjs/components/Slider/variations/_size/base.js +0 -9
  274. package/cjs/components/Slider/variations/_size/base.js.map +0 -1
  275. package/cjs/components/Slider/variations/_view/base.js +0 -9
  276. package/cjs/components/Slider/variations/_view/base.js.map +0 -1
  277. package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
  278. package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -15
  279. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  280. package/cjs/utils/canUseDOM.js +0 -12
  281. package/cjs/utils/canUseDOM.js.map +0 -1
  282. package/es/components/Checkbox/Checkbox_1q4l832.css +0 -7
  283. package/es/components/Checkbox/_disabled/base.js.map +0 -1
  284. package/es/components/Checkbox/_disabled/base_fyu17z.css +0 -1
  285. package/es/components/Checkbox/_focused/base.js.map +0 -1
  286. package/es/components/Checkbox/_focused/base_po5iiu.css +0 -1
  287. package/es/components/Checkbox/_size/base.js.map +0 -1
  288. package/es/components/Checkbox/_size/base_x642ct.css +0 -1
  289. package/es/components/Checkbox/_view/base.js.map +0 -1
  290. package/es/components/Checkbox/_view/base_1vqr3f.css +0 -1
  291. package/es/components/Radiobox/Radiobox_1ri2eqv.css +0 -2
  292. package/es/components/Radiobox/_disabled/base.js +0 -5
  293. package/es/components/Radiobox/_disabled/base.js.map +0 -1
  294. package/es/components/Radiobox/_disabled/base_1jca5bk.css +0 -1
  295. package/es/components/Radiobox/_focused/base.js +0 -5
  296. package/es/components/Radiobox/_focused/base.js.map +0 -1
  297. package/es/components/Radiobox/_size/base.js.map +0 -1
  298. package/es/components/Radiobox/_size/base_x642ct.css +0 -1
  299. package/es/components/Radiobox/_view/base.js +0 -5
  300. package/es/components/Radiobox/_view/base.js.map +0 -1
  301. package/es/components/Slider/Slider.css +0 -69
  302. package/es/components/Slider/Slider.js +0 -48
  303. package/es/components/Slider/Slider.js.map +0 -1
  304. package/es/components/Slider/Slider.tokens.js +0 -74
  305. package/es/components/Slider/Slider.tokens.js.map +0 -1
  306. package/es/components/Slider/components/Double/Double.css +0 -62
  307. package/es/components/Slider/components/Double/Double.js +0 -270
  308. package/es/components/Slider/components/Double/Double.js.map +0 -1
  309. package/es/components/Slider/components/Double/Double.styles.js +0 -51
  310. package/es/components/Slider/components/Double/Double.styles.js.map +0 -1
  311. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  312. package/es/components/Slider/components/Single/Single.css +0 -16
  313. package/es/components/Slider/components/Single/Single.js +0 -156
  314. package/es/components/Slider/components/Single/Single.js.map +0 -1
  315. package/es/components/Slider/components/Single/Single.styles.js +0 -36
  316. package/es/components/Slider/components/Single/Single.styles.js.map +0 -1
  317. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  318. package/es/components/Slider/components/SliderBase/SliderBase.css +0 -4
  319. package/es/components/Slider/components/SliderBase/SliderBase.js +0 -78
  320. package/es/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  321. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -26
  322. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  323. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  324. package/es/components/Slider/ui/Handle/Handle.css +0 -4
  325. package/es/components/Slider/ui/Handle/Handle.js +0 -170
  326. package/es/components/Slider/ui/Handle/Handle.js.map +0 -1
  327. package/es/components/Slider/ui/Handle/Handle.styles.js +0 -16
  328. package/es/components/Slider/ui/Handle/Handle.styles.js.map +0 -1
  329. package/es/components/Slider/ui/Handle/Handle.styles_9m0x33.css +0 -2
  330. package/es/components/Slider/ui/Thumb/Thumb.css +0 -1
  331. package/es/components/Slider/ui/Thumb/Thumb.js +0 -27
  332. package/es/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  333. package/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  334. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  335. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  336. package/es/components/Slider/utils/index.js +0 -50
  337. package/es/components/Slider/utils/index.js.map +0 -1
  338. package/es/components/Slider/variations/_disabled/base.js +0 -5
  339. package/es/components/Slider/variations/_disabled/base.js.map +0 -1
  340. package/es/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  341. package/es/components/Slider/variations/_size/base.js +0 -5
  342. package/es/components/Slider/variations/_size/base.js.map +0 -1
  343. package/es/components/Slider/variations/_size/base_x642ct.css +0 -1
  344. package/es/components/Slider/variations/_view/base.js +0 -5
  345. package/es/components/Slider/variations/_view/base.js.map +0 -1
  346. package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
  347. package/es/hooks/useIsomorphicLayoutEffect.js +0 -11
  348. package/es/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  349. package/es/utils/canUseDOM.js +0 -8
  350. package/es/utils/canUseDOM.js.map +0 -1
  351. package/styled-components/cjs/components/Checkbox/_focused/base.js +0 -26
  352. package/styled-components/cjs/components/Checkbox/_view/base.js +0 -8
  353. package/styled-components/cjs/components/Checkbox/_view/tokens.json +0 -1
  354. package/styled-components/cjs/components/Radiobox/_disabled/base.js +0 -8
  355. package/styled-components/cjs/components/Radiobox/_focused/base.js +0 -26
  356. package/styled-components/cjs/components/Radiobox/_view/base.js +0 -8
  357. package/styled-components/cjs/components/Slider/Slider.js +0 -52
  358. package/styled-components/cjs/components/Slider/Slider.tokens.js +0 -77
  359. package/styled-components/cjs/components/Slider/components/Double/Double.js +0 -286
  360. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +0 -36
  361. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +0 -5
  362. package/styled-components/cjs/components/Slider/components/Single/Single.js +0 -172
  363. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +0 -27
  364. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +0 -5
  365. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -83
  366. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -21
  367. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +0 -5
  368. package/styled-components/cjs/components/Slider/components/index.js +0 -27
  369. package/styled-components/cjs/components/Slider/index.js +0 -32
  370. package/styled-components/cjs/components/Slider/ui/Handle/Handle.js +0 -183
  371. package/styled-components/cjs/components/Slider/ui/Handle/Handle.styles.js +0 -15
  372. package/styled-components/cjs/components/Slider/ui/Handle/Handle.types.js +0 -5
  373. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +0 -32
  374. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -18
  375. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +0 -5
  376. package/styled-components/cjs/components/Slider/ui/index.js +0 -63
  377. package/styled-components/cjs/components/Slider/utils/index.js +0 -55
  378. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +0 -8
  379. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +0 -4
  380. package/styled-components/cjs/components/Slider/variations/_size/base.js +0 -8
  381. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  382. package/styled-components/cjs/components/Slider/variations/_view/base.js +0 -8
  383. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  384. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +0 -29
  385. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +0 -16
  386. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -150
  387. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +0 -29
  388. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +0 -16
  389. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -150
  390. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +0 -12
  391. package/styled-components/cjs/utils/canUseDOM.js +0 -11
  392. package/styled-components/es/components/Checkbox/_disabled/base.js +0 -2
  393. package/styled-components/es/components/Checkbox/_focused/base.js +0 -20
  394. package/styled-components/es/components/Checkbox/_view/base.js +0 -2
  395. package/styled-components/es/components/Checkbox/_view/tokens.json +0 -1
  396. package/styled-components/es/components/Radiobox/_disabled/base.js +0 -2
  397. package/styled-components/es/components/Radiobox/_focused/base.js +0 -20
  398. package/styled-components/es/components/Radiobox/_view/base.js +0 -2
  399. package/styled-components/es/components/Slider/Slider.js +0 -43
  400. package/styled-components/es/components/Slider/Slider.tokens.js +0 -71
  401. package/styled-components/es/components/Slider/components/Double/Double.js +0 -278
  402. package/styled-components/es/components/Slider/components/Double/Double.styles.js +0 -29
  403. package/styled-components/es/components/Slider/components/Double/Double.types.js +0 -1
  404. package/styled-components/es/components/Slider/components/Single/Single.js +0 -164
  405. package/styled-components/es/components/Slider/components/Single/Single.styles.js +0 -20
  406. package/styled-components/es/components/Slider/components/Single/Single.types.js +0 -1
  407. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +0 -74
  408. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -14
  409. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +0 -1
  410. package/styled-components/es/components/Slider/components/index.js +0 -3
  411. package/styled-components/es/components/Slider/index.js +0 -3
  412. package/styled-components/es/components/Slider/ui/Handle/Handle.js +0 -174
  413. package/styled-components/es/components/Slider/ui/Handle/Handle.styles.js +0 -8
  414. package/styled-components/es/components/Slider/ui/Handle/Handle.types.js +0 -1
  415. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +0 -25
  416. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  417. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +0 -1
  418. package/styled-components/es/components/Slider/ui/index.js +0 -5
  419. package/styled-components/es/components/Slider/utils/index.js +0 -47
  420. package/styled-components/es/components/Slider/variations/_disabled/base.js +0 -2
  421. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +0 -4
  422. package/styled-components/es/components/Slider/variations/_size/base.js +0 -2
  423. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  424. package/styled-components/es/components/Slider/variations/_view/base.js +0 -2
  425. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  426. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +0 -23
  427. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +0 -10
  428. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -150
  429. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +0 -23
  430. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +0 -10
  431. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -150
  432. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +0 -7
  433. package/styled-components/es/utils/canUseDOM.js +0 -5
  434. package/types/components/Checkbox/_disabled/base.d.ts.map +0 -1
  435. package/types/components/Checkbox/_focused/base.d.ts.map +0 -1
  436. package/types/components/Checkbox/_size/base.d.ts.map +0 -1
  437. package/types/components/Checkbox/_view/base.d.ts.map +0 -1
  438. package/types/components/Radiobox/_disabled/base.d.ts.map +0 -1
  439. package/types/components/Radiobox/_focused/base.d.ts.map +0 -1
  440. package/types/components/Radiobox/_size/base.d.ts.map +0 -1
  441. package/types/components/Radiobox/_view/base.d.ts +0 -2
  442. package/types/components/Radiobox/_view/base.d.ts.map +0 -1
  443. package/types/components/Slider/Slider.d.ts +0 -27
  444. package/types/components/Slider/Slider.d.ts.map +0 -1
  445. package/types/components/Slider/Slider.tokens.d.ts +0 -72
  446. package/types/components/Slider/Slider.tokens.d.ts.map +0 -1
  447. package/types/components/Slider/Slider.types.d.ts +0 -3
  448. package/types/components/Slider/Slider.types.d.ts.map +0 -1
  449. package/types/components/Slider/components/Double/Double.d.ts +0 -4
  450. package/types/components/Slider/components/Double/Double.d.ts.map +0 -1
  451. package/types/components/Slider/components/Double/Double.styles.d.ts +0 -43
  452. package/types/components/Slider/components/Double/Double.styles.d.ts.map +0 -1
  453. package/types/components/Slider/components/Double/Double.types.d.ts +0 -65
  454. package/types/components/Slider/components/Double/Double.types.d.ts.map +0 -1
  455. package/types/components/Slider/components/Single/Single.d.ts +0 -4
  456. package/types/components/Slider/components/Single/Single.d.ts.map +0 -1
  457. package/types/components/Slider/components/Single/Single.styles.d.ts +0 -8
  458. package/types/components/Slider/components/Single/Single.styles.d.ts.map +0 -1
  459. package/types/components/Slider/components/Single/Single.types.d.ts +0 -55
  460. package/types/components/Slider/components/Single/Single.types.d.ts.map +0 -1
  461. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +0 -4
  462. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +0 -1
  463. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +0 -6
  464. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +0 -1
  465. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -45
  466. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +0 -1
  467. package/types/components/Slider/components/index.d.ts +0 -6
  468. package/types/components/Slider/components/index.d.ts.map +0 -1
  469. package/types/components/Slider/index.d.ts +0 -6
  470. package/types/components/Slider/index.d.ts.map +0 -1
  471. package/types/components/Slider/ui/Handle/Handle.d.ts +0 -9
  472. package/types/components/Slider/ui/Handle/Handle.d.ts.map +0 -1
  473. package/types/components/Slider/ui/Handle/Handle.styles.d.ts +0 -4
  474. package/types/components/Slider/ui/Handle/Handle.styles.d.ts.map +0 -1
  475. package/types/components/Slider/ui/Handle/Handle.types.d.ts +0 -24
  476. package/types/components/Slider/ui/Handle/Handle.types.d.ts.map +0 -1
  477. package/types/components/Slider/ui/Thumb/Thumb.d.ts +0 -4
  478. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +0 -1
  479. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +0 -5
  480. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +0 -1
  481. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -12
  482. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +0 -1
  483. package/types/components/Slider/ui/index.d.ts +0 -6
  484. package/types/components/Slider/ui/index.d.ts.map +0 -1
  485. package/types/components/Slider/utils/index.d.ts +0 -33
  486. package/types/components/Slider/utils/index.d.ts.map +0 -1
  487. package/types/components/Slider/variations/_disabled/base.d.ts +0 -2
  488. package/types/components/Slider/variations/_disabled/base.d.ts.map +0 -1
  489. package/types/components/Slider/variations/_size/base.d.ts +0 -2
  490. package/types/components/Slider/variations/_size/base.d.ts.map +0 -1
  491. package/types/components/Slider/variations/_view/base.d.ts +0 -2
  492. package/types/components/Slider/variations/_view/base.d.ts.map +0 -1
  493. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +0 -22
  494. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +0 -1
  495. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +0 -21
  496. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +0 -1
  497. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +0 -22
  498. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +0 -1
  499. package/types/examples/plasma_web/components/Slider/Slider.d.ts +0 -21
  500. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +0 -1
  501. package/types/hooks/useIsomorphicLayoutEffect.d.ts +0 -6
  502. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +0 -1
  503. package/types/utils/canUseDOM.d.ts +0 -6
  504. package/types/utils/canUseDOM.d.ts.map +0 -1
  505. /package/cjs/components/Checkbox/{_size → variations/_size}/base_x642ct.css +0 -0
  506. /package/cjs/components/Radiobox/{_size → variations/_size}/base_x642ct.css +0 -0
  507. /package/{cjs/components/Slider/variations/_disabled → es/components/Checkbox/variations/_size}/base_x642ct.css +0 -0
  508. /package/{cjs/components/Slider → es/components/Radiobox}/variations/_size/base_x642ct.css +0 -0
  509. /package/styled-components/cjs/components/{Slider/Slider.types.js → Checkbox/Checkbox.types.js} +0 -0
  510. /package/styled-components/cjs/components/Checkbox/{_disabled → variations/_disabled}/tokens.json +0 -0
  511. /package/styled-components/cjs/components/Checkbox/{_focused → variations/_focused}/tokens.json +0 -0
  512. /package/styled-components/cjs/components/Checkbox/{_size → variations/_size}/base.js +0 -0
  513. /package/styled-components/cjs/components/Checkbox/{_size → variations/_size}/tokens.json +0 -0
  514. /package/styled-components/cjs/components/Radiobox/{_disabled → variations/_disabled}/tokens.json +0 -0
  515. /package/styled-components/cjs/components/Radiobox/{_focused → variations/_focused}/tokens.json +0 -0
  516. /package/styled-components/cjs/components/Radiobox/{_size → variations/_size}/base.js +0 -0
  517. /package/styled-components/cjs/components/Radiobox/{_size → variations/_size}/tokens.json +0 -0
  518. /package/styled-components/cjs/components/Radiobox/{_view → variations/_view}/tokens.json +0 -0
  519. /package/styled-components/es/components/{Slider/Slider.types.js → Checkbox/Checkbox.types.js} +0 -0
  520. /package/styled-components/es/components/Checkbox/{_disabled → variations/_disabled}/tokens.json +0 -0
  521. /package/styled-components/es/components/Checkbox/{_focused → variations/_focused}/tokens.json +0 -0
  522. /package/styled-components/es/components/Checkbox/{_size → variations/_size}/base.js +0 -0
  523. /package/styled-components/es/components/Checkbox/{_size → variations/_size}/tokens.json +0 -0
  524. /package/styled-components/es/components/Radiobox/{_disabled → variations/_disabled}/tokens.json +0 -0
  525. /package/styled-components/es/components/Radiobox/{_focused → variations/_focused}/tokens.json +0 -0
  526. /package/styled-components/es/components/Radiobox/{_size → variations/_size}/base.js +0 -0
  527. /package/styled-components/es/components/Radiobox/{_size → variations/_size}/tokens.json +0 -0
  528. /package/styled-components/es/components/Radiobox/{_view → variations/_view}/tokens.json +0 -0
  529. /package/types/components/Checkbox/{_disabled → variations/_disabled}/base.d.ts +0 -0
  530. /package/types/components/Checkbox/{_focused → variations/_size}/base.d.ts +0 -0
  531. /package/types/components/Checkbox/{_size → variations/_view}/base.d.ts +0 -0
  532. /package/types/components/{Checkbox/_view → Radiobox/variations/_disabled}/base.d.ts +0 -0
  533. /package/types/components/Radiobox/{_disabled → variations/_focused}/base.d.ts +0 -0
  534. /package/types/components/Radiobox/{_focused → variations/_size}/base.d.ts +0 -0
  535. /package/types/components/Radiobox/{_size → variations/_view}/base.d.ts +0 -0
@@ -1,30 +1,21 @@
1
- import './Radiobox_1ri2eqv.css';
2
1
  'use strict';
3
2
 
4
3
  Object.defineProperty(exports, '__esModule', { value: true });
5
4
 
6
5
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
7
6
  var React = require('react');
8
- var react = require('@linaria/react');
9
7
  var plasmaCore = require('@salutejs/plasma-core');
10
- var Checkbox = require('../Checkbox/Checkbox.js');
8
+ var Checkbox_styles = require('../Checkbox/Checkbox.styles.js');
11
9
  var index = require('../../utils/index.js');
12
- var base$2 = require('./_view/base.js');
13
- var base$1 = require('./_size/base.js');
14
- var base$3 = require('./_disabled/base.js');
15
- var base$4 = require('./_focused/base.js');
10
+ var base$1 = require('./variations/_view/base.js');
11
+ var base = require('./variations/_size/base.js');
12
+ var base$2 = require('./variations/_disabled/base.js');
13
+ var base$3 = require('./variations/_focused/base.js');
14
+ var Radiobox_styles = require('./Radiobox.styles.js');
15
+ var Radiobox_tokens = require('./Radiobox.tokens.js');
16
16
 
17
17
  var _StyledEllipse;
18
18
  var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "style", "className", "singleLine", "aria-label"];
19
-
20
- // NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
21
-
22
- var StyledEllipse = /*#__PURE__*/react.styled('div')({
23
- name: "StyledEllipse",
24
- "class": "sv18cw2",
25
- propsAsIs: false
26
- });
27
- var base = "b1ls92xy";
28
19
  var radioboxRoot = function radioboxRoot(Root) {
29
20
  return /*#__PURE__*/React.forwardRef(function (props, ref) {
30
21
  var size = props.size,
@@ -50,17 +41,17 @@ var radioboxRoot = function radioboxRoot(Root) {
50
41
  var isLabelAriaHidden = typeof label === 'string';
51
42
  var canFocused = focused ? 0 : -1;
52
43
  var hasContent = label || description;
53
- var singleLineClass = singleLine ? 'single-line' : undefined;
54
- var resetMargins = !hasContent ? 'reset-margins' : undefined;
44
+ var singleLineClass = singleLine ? Radiobox_tokens.classes.singleLine : undefined;
45
+ var onlyDescriptionClass = !label && description ? Radiobox_tokens.classes.onlyDescription : undefined;
55
46
  return /*#__PURE__*/React.createElement(Root, {
56
47
  view: view,
57
48
  size: size,
58
49
  disabled: disabled,
59
50
  focused: focused,
60
51
  style: style,
61
- className: index.cx(className, resetMargins),
52
+ className: className,
62
53
  tabIndex: -1
63
- }, /*#__PURE__*/React.createElement(Checkbox.StyledInput, _rollupPluginBabelHelpers.extends({}, rest, {
54
+ }, /*#__PURE__*/React.createElement(Checkbox_styles.StyledInput, _rollupPluginBabelHelpers.extends({}, rest, {
64
55
  id: radioboxId,
65
56
  ref: ref,
66
57
  type: "radio",
@@ -68,17 +59,17 @@ var radioboxRoot = function radioboxRoot(Root) {
68
59
  "aria-label": ariaLabel,
69
60
  "aria-describedby": uniqDescriptionId,
70
61
  tabIndex: canFocused
71
- })), /*#__PURE__*/React.createElement(Checkbox.StyledContentWrapper, {
62
+ })), /*#__PURE__*/React.createElement(Checkbox_styles.StyledContentWrapper, {
72
63
  htmlFor: radioboxId
73
- }, /*#__PURE__*/React.createElement(Checkbox.StyledTrigger, {
74
- className: index.cx('radiobox-trigger', resetMargins)
75
- }, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/React.createElement(StyledEllipse, null))), hasContent && /*#__PURE__*/React.createElement(Checkbox.StyledContent, {
64
+ }, /*#__PURE__*/React.createElement(Checkbox_styles.StyledTrigger, {
65
+ className: Radiobox_tokens.classes.radioboxTrigger
66
+ }, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/React.createElement(Radiobox_styles.StyledEllipse, null))), hasContent && /*#__PURE__*/React.createElement(Checkbox_styles.StyledContent, {
76
67
  className: singleLineClass
77
- }, label && /*#__PURE__*/React.createElement(Checkbox.StyledLabel, {
78
- className: singleLineClass,
68
+ }, label && /*#__PURE__*/React.createElement(Checkbox_styles.StyledLabel, {
69
+ className: index.cx(singleLineClass, onlyDescriptionClass),
79
70
  id: uniqLabelId,
80
71
  "aria-hidden": isLabelAriaHidden
81
- }, label), description && /*#__PURE__*/React.createElement(Checkbox.StyledDescription, {
72
+ }, label), description && /*#__PURE__*/React.createElement(Checkbox_styles.StyledDescription, {
82
73
  className: singleLineClass,
83
74
  id: uniqDescriptionId
84
75
  }, description))));
@@ -88,19 +79,19 @@ var radioboxConfig = {
88
79
  name: 'Radiobox',
89
80
  tag: 'div',
90
81
  layout: radioboxRoot,
91
- base: base,
82
+ base: Radiobox_styles.base,
92
83
  variations: {
93
84
  size: {
94
- css: base$1.base
85
+ css: base.base
95
86
  },
96
87
  view: {
97
- css: base$2.base
88
+ css: base$1.base
98
89
  },
99
90
  disabled: {
100
- css: base$3.base
91
+ css: base$2.base
101
92
  },
102
93
  focused: {
103
- css: base$4.base
94
+ css: base$3.base
104
95
  }
105
96
  },
106
97
  defaults: {
@@ -1 +1 @@
1
- {"version":3,"file":"Radiobox.js","sources":["../../../src/components/Radiobox/Radiobox.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { safeUseId, extractTextFrom } from '@salutejs/plasma-core';\nimport type { InputHTMLAttributes } from '@salutejs/plasma-core';\n\nimport { applyNoUserSelect, applyEllipsis } from '../../mixins';\nimport type { Filter, RootProps } from '../../engines/types';\nimport {\n StyledContentWrapper,\n StyledDescription,\n StyledInput,\n StyledLabel,\n StyledContent,\n StyledTrigger,\n BaseboxProps,\n} from '../Checkbox/Checkbox';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './_view/base';\nimport { base as sizeCSS } from './_size/base';\nimport { base as disabledCSS } from './_disabled/base';\nimport { base as focusedCSS } from './_focused/base';\n\n// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части\nconst mappingOverride = `\n --plasma-checkbox-label-font-family: var(--plasma-radiobox-label-font-family);\n --plasma-checkbox-label-font-size: var(--plasma-radiobox-label-font-size);\n --plasma-checkbox-label-font-style: var(--plasma-radiobox-label-font-style);\n --plasma-checkbox-label-font-weight: var(--plasma-radiobox-label-font-weight);\n --plasma-checkbox-label-letter-spacing: var(--plasma-radiobox-label-letter-spacing);\n --plasma-checkbox-label-line-height: var(--plasma-radiobox-label-line-height);\n --plasma-checkbox-description-font-family: var(--plasma-radiobox-description-font-family);\n --plasma-checkbox-description-font-size: var(--plasma-radiobox-description-font-size);\n --plasma-checkbox-description-font-style: var(--plasma-radiobox-description-font-style);\n --plasma-checkbox-description-font-weight: var(--plasma-radiobox-description-font-weight);\n --plasma-checkbox-description-letter-spacing: var(--plasma-radiobox-description-letter-spacing);\n --plasma-checkbox-description-line-height: var(--plasma-radiobox-description-line-height);\n --plasma-checkbox-fill-color: var(--plasma-radiobox-fill-color);\n --plasma-checkbox-description-color: var(--plasma-radiobox-description-color);\n --plasma-checkbox-trigger-border-color: var(--plasma-radiobox-trigger-border-color);\n --plasma-checkbox-content-top-offset: var(--plasma-radiobox-content-top-offset);\n --plasma-checkbox-content-left-offset: var(--plasma-radiobox-content-left-offset);\n --plasma-checkbox-trigger-size: var(--plasma-radiobox-trigger-size);\n --plasma-checkbox-trigger-border-radius: var(--plasma-radiobox-trigger-border-radius);\n --plasma-checkbox-trigger-margin: var(--plasma-radiobox-trigger-margin); \n`;\n\nconst StyledEllipse = styled.div`\n width: var(--plasma-radiobox-ellipse-size);\n height: var(--plasma-radiobox-ellipse-size);\n border-radius: var(--plasma-radiobox-ellipse-size);\n\n background-color: var(--plasma-radiobox-ellipse-color);\n transition: transform 0.3s ease-in-out;\n transform: scale(0);\n\n input:checked + label & {\n transform: scale(1);\n }\n`;\n\nconst base = css`\n ${mappingOverride};\n\n .single-line {\n ${applyEllipsis()};\n }\n\n margin: var(--plasma-radiobox-margin);\n\n &.reset-margins {\n margin: 0;\n }\n\n ${applyNoUserSelect()};\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n`;\n\ntype RadioboxProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & Omit<BaseboxProps, 'indeterminate'>;\n\nexport const radioboxRoot = (Root: RootProps<HTMLInputElement, RadioboxProps>) =>\n forwardRef<HTMLInputElement, RadioboxProps>((props, ref) => {\n const {\n size,\n view,\n focused,\n disabled,\n id,\n label,\n description,\n style,\n className,\n singleLine = false,\n 'aria-label': ariaLabelExternal,\n ...rest\n } = props;\n\n const uniqId = safeUseId();\n const uniqLabelId = `label-${uniqId}`;\n const uniqDescriptionId = `description-${uniqId}`;\n const radioboxId = id || `input-${uniqId}`;\n\n const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n const isLabelAriaHidden = typeof label === 'string';\n const canFocused = focused ? 0 : -1;\n const hasContent = label || description;\n const singleLineClass = singleLine ? 'single-line' : undefined;\n const resetMargins = !hasContent ? 'reset-margins' : undefined;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n focused={focused}\n style={style}\n className={cx(className, resetMargins)}\n tabIndex={-1}\n >\n <StyledInput\n {...rest}\n id={radioboxId}\n ref={ref}\n type=\"radio\"\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={uniqDescriptionId}\n tabIndex={canFocused}\n />\n <StyledContentWrapper htmlFor={radioboxId}>\n <StyledTrigger className={cx('radiobox-trigger', resetMargins)}>\n <StyledEllipse />\n </StyledTrigger>\n {hasContent && (\n <StyledContent className={singleLineClass}>\n {label && (\n <StyledLabel\n className={singleLineClass}\n id={uniqLabelId}\n aria-hidden={isLabelAriaHidden}\n >\n {label}\n </StyledLabel>\n )}\n {description && (\n <StyledDescription className={singleLineClass} id={uniqDescriptionId}>\n {description}\n </StyledDescription>\n )}\n </StyledContent>\n )}\n </StyledContentWrapper>\n </Root>\n );\n });\n\nexport const radioboxConfig = {\n name: 'Radiobox',\n tag: 'div',\n layout: radioboxRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'accent',\n },\n};\n"],"names":["StyledEllipse","styled","name","class","propsAsIs","base","radioboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_excluded","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","radioboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","undefined","resetMargins","React","createElement","cx","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTrigger","_StyledEllipse","StyledContent","StyledLabel","StyledDescription","radioboxConfig","tag","layout","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Radiobox.js","sources":["../../../src/components/Radiobox/Radiobox.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { safeUseId, extractTextFrom } from '@salutejs/plasma-core';\nimport type { InputHTMLAttributes } from '@salutejs/plasma-core';\n\nimport type { Filter, RootProps } from '../../engines/types';\nimport {\n StyledContentWrapper,\n StyledDescription,\n StyledInput,\n StyledLabel,\n StyledContent,\n StyledTrigger,\n} from '../Checkbox/Checkbox.styles';\nimport { BaseboxProps } from '../Checkbox/Checkbox.types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { StyledEllipse, base } from './Radiobox.styles';\nimport { classes } from './Radiobox.tokens';\n\ntype RadioboxProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & Omit<BaseboxProps, 'indeterminate'>;\n\nexport const radioboxRoot = (Root: RootProps<HTMLInputElement, RadioboxProps>) =>\n forwardRef<HTMLInputElement, RadioboxProps>((props, ref) => {\n const {\n size,\n view,\n focused,\n disabled,\n id,\n label,\n description,\n style,\n className,\n singleLine = false,\n 'aria-label': ariaLabelExternal,\n ...rest\n } = props;\n\n const uniqId = safeUseId();\n const uniqLabelId = `label-${uniqId}`;\n const uniqDescriptionId = `description-${uniqId}`;\n const radioboxId = id || `input-${uniqId}`;\n\n const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n const isLabelAriaHidden = typeof label === 'string';\n const canFocused = focused ? 0 : -1;\n const hasContent = label || description;\n const singleLineClass = singleLine ? classes.singleLine : undefined;\n const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n focused={focused}\n style={style}\n className={className}\n tabIndex={-1}\n >\n <StyledInput\n {...rest}\n id={radioboxId}\n ref={ref}\n type=\"radio\"\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={uniqDescriptionId}\n tabIndex={canFocused}\n />\n <StyledContentWrapper htmlFor={radioboxId}>\n <StyledTrigger className={classes.radioboxTrigger}>\n <StyledEllipse />\n </StyledTrigger>\n {hasContent && (\n <StyledContent className={singleLineClass}>\n {label && (\n <StyledLabel\n className={cx(singleLineClass, onlyDescriptionClass)}\n id={uniqLabelId}\n aria-hidden={isLabelAriaHidden}\n >\n {label}\n </StyledLabel>\n )}\n {description && (\n <StyledDescription className={singleLineClass} id={uniqDescriptionId}>\n {description}\n </StyledDescription>\n )}\n </StyledContent>\n )}\n </StyledContentWrapper>\n </Root>\n );\n });\n\nexport const radioboxConfig = {\n name: 'Radiobox',\n tag: 'div',\n layout: radioboxRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'accent',\n },\n};\n"],"names":["radioboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","radioboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","React","createElement","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTrigger","radioboxTrigger","_StyledEllipse","StyledEllipse","StyledContent","StyledLabel","cx","StyledDescription","radioboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
@@ -0,0 +1,19 @@
1
+ import './Radiobox.styles_1skfuon.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var react = require('@linaria/react');
7
+
8
+ // NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
9
+
10
+ var StyledEllipse = /*#__PURE__*/react.styled('div')({
11
+ name: "StyledEllipse",
12
+ "class": "s14xglkp",
13
+ propsAsIs: false
14
+ });
15
+ var base = "bdte4ex";
16
+
17
+ exports.StyledEllipse = StyledEllipse;
18
+ exports.base = base;
19
+ //# sourceMappingURL=Radiobox.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Radiobox.styles.js","sources":["../../../src/components/Radiobox/Radiobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { checkboxTokens } from '../Checkbox';\nimport { applyEllipsis, applyNoUserSelect } from '../../mixins';\n\nimport { classes, tokens } from './Radiobox.tokens';\n\n// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части\nconst mappingOverride = `\n ${checkboxTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${checkboxTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${checkboxTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${checkboxTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${checkboxTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${checkboxTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n ${checkboxTokens.descriptionMarginTop}: var(${tokens.descriptionMarginTop});\n ${checkboxTokens.descriptionFontFamily}: var(${tokens.descriptionFontFamily});\n ${checkboxTokens.descriptionFontSize}: var(${tokens.descriptionFontSize});\n ${checkboxTokens.descriptionFontStyle}: var(${tokens.descriptionFontStyle});\n ${checkboxTokens.descriptionFontWeight}: var(${tokens.descriptionFontWeight});\n ${checkboxTokens.descriptionLetterSpacing}: var(${tokens.descriptionLetterSpacing});\n ${checkboxTokens.descriptionLineHeight}: var(${tokens.descriptionLineHeight});\n\n ${checkboxTokens.fillColor}: var(${tokens.fillColor});\n ${checkboxTokens.descriptionColor}: var(${tokens.descriptionColor});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.triggerBorderColor});\n\n ${checkboxTokens.contentTopOffset}: var(${tokens.contentTopOffset});\n ${checkboxTokens.contentLeftOffset}: var(${tokens.contentLeftOffset});\n ${checkboxTokens.triggerSize}: var(${tokens.triggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.triggerBorderRadius});\n ${checkboxTokens.triggerMargin}: var(${tokens.triggerMargin});\n`;\n\nexport const StyledEllipse = styled.div`\n width: var(${tokens.ellipseSize});\n height: var(${tokens.ellipseSize});\n border-radius: var(${tokens.ellipseSize});\n\n background-color: var(${tokens.ellipseColor});\n transition: transform 0.3s ease-in-out;\n transform: scale(0);\n\n input:checked + label & {\n transform: scale(1);\n }\n`;\n\nexport const base = css`\n ${mappingOverride};\n\n margin: var(${tokens.margin});\n\n ${applyNoUserSelect()};\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n\n .${classes.singleLine} {\n ${applyEllipsis()};\n }\n`;\n"],"names":["StyledEllipse","styled","name","class","propsAsIs","base"],"mappings":";;;;;;AAQA;;AA2BO,IAAMA,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYlC,EAAA;AAEM,IAAMC,IAAI,GAehB;;;;;"}
@@ -0,0 +1,2 @@
1
+ .s14xglkp{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 .s14xglkp{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
2
+ .bdte4ex{--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;}.bdte4ex .single-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@@ -0,0 +1,41 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var classes = {
6
+ singleLine: 'single-line',
7
+ radioboxTrigger: 'radiobox-trigger',
8
+ onlyDescription: 'only-description'
9
+ };
10
+ var tokens = {
11
+ labelFontFamily: '--plasma-radiobox-label-font-family',
12
+ labelFontSize: '--plasma-radiobox-label-font-size',
13
+ labelFontStyle: '--plasma-radiobox-label-font-style',
14
+ labelFontWeight: '--plasma-radiobox-label-font-weight',
15
+ labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
16
+ labelLineHeight: '--plasma-radiobox-label-line-height',
17
+ descriptionMarginTop: '--plasma-checkbox-description-margin-top',
18
+ descriptionFontFamily: '--plasma-radiobox-description-font-family',
19
+ descriptionFontSize: '--plasma-radiobox-description-font-size',
20
+ descriptionFontStyle: '--plasma-radiobox-description-font-style',
21
+ descriptionFontWeight: '--plasma-radiobox-description-font-weight',
22
+ descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
23
+ descriptionLineHeight: '--plasma-radiobox-description-line-height',
24
+ fillColor: '--plasma-radiobox-fill-color',
25
+ descriptionColor: '--plasma-radiobox-description-color',
26
+ triggerBorderColor: '--plasma-radiobox-trigger-border-color',
27
+ contentTopOffset: '--plasma-radiobox-content-top-offset',
28
+ contentLeftOffset: '--plasma-radiobox-content-left-offset',
29
+ triggerSize: '--plasma-radiobox-trigger-size',
30
+ triggerBorderRadius: '--plasma-radiobox-trigger-border-radius',
31
+ triggerMargin: '--plasma-radiobox-trigger-margin',
32
+ margin: '--plasma-radiobox-margin',
33
+ ellipseSize: '--plasma-radiobox-ellipse-size',
34
+ ellipseColor: '--plasma-radiobox-ellipse-color',
35
+ disabledOpacity: '--plasma-radiobox-disabled-opacity',
36
+ focusColor: '--plasma-radiobox-focus-color'
37
+ };
38
+
39
+ exports.classes = classes;
40
+ exports.tokens = tokens;
41
+ //# sourceMappingURL=Radiobox.tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Radiobox.tokens.js","sources":["../../../src/components/Radiobox/Radiobox.tokens.ts"],"sourcesContent":["export const classes = {\n singleLine: 'single-line',\n radioboxTrigger: 'radiobox-trigger',\n onlyDescription: 'only-description',\n};\n\nexport const tokens = {\n labelFontFamily: '--plasma-radiobox-label-font-family',\n labelFontSize: '--plasma-radiobox-label-font-size',\n labelFontStyle: '--plasma-radiobox-label-font-style',\n labelFontWeight: '--plasma-radiobox-label-font-weight',\n labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',\n labelLineHeight: '--plasma-radiobox-label-line-height',\n descriptionMarginTop: '--plasma-checkbox-description-margin-top',\n descriptionFontFamily: '--plasma-radiobox-description-font-family',\n descriptionFontSize: '--plasma-radiobox-description-font-size',\n descriptionFontStyle: '--plasma-radiobox-description-font-style',\n descriptionFontWeight: '--plasma-radiobox-description-font-weight',\n descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',\n descriptionLineHeight: '--plasma-radiobox-description-line-height',\n\n fillColor: '--plasma-radiobox-fill-color',\n descriptionColor: '--plasma-radiobox-description-color',\n triggerBorderColor: '--plasma-radiobox-trigger-border-color',\n\n contentTopOffset: '--plasma-radiobox-content-top-offset',\n contentLeftOffset: '--plasma-radiobox-content-left-offset',\n triggerSize: '--plasma-radiobox-trigger-size',\n triggerBorderRadius: '--plasma-radiobox-trigger-border-radius',\n triggerMargin: '--plasma-radiobox-trigger-margin',\n margin: '--plasma-radiobox-margin',\n\n ellipseSize: '--plasma-radiobox-ellipse-size',\n ellipseColor: '--plasma-radiobox-ellipse-color',\n\n disabledOpacity: '--plasma-radiobox-disabled-opacity',\n focusColor: '--plasma-radiobox-focus-color',\n};\n"],"names":["classes","singleLine","radioboxTrigger","onlyDescription","tokens","labelFontFamily","labelFontSize","labelFontStyle","labelFontWeight","labelLetterSpacing","labelLineHeight","descriptionMarginTop","descriptionFontFamily","descriptionFontSize","descriptionFontStyle","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","fillColor","descriptionColor","triggerBorderColor","contentTopOffset","contentLeftOffset","triggerSize","triggerBorderRadius","triggerMargin","margin","ellipseSize","ellipseColor","disabledOpacity","focusColor"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,eAAe,EAAE,kBAAkB;AACnCC,EAAAA,eAAe,EAAE,kBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,wBAAwB,EAAE,8CAA8C;AACxEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAElEC,EAAAA,SAAS,EAAE,8BAA8B;AACzCC,EAAAA,gBAAgB,EAAE,qCAAqC;AACvDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAE5DC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,aAAa,EAAE,kCAAkC;AACjDC,EAAAA,MAAM,EAAE,0BAA0B;AAElCC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,YAAY,EAAE,iCAAiC;AAE/CC,EAAAA,eAAe,EAAE,oCAAoC;AACrDC,EAAAA,UAAU,EAAE,+BAAA;AAChB;;;;;"}
@@ -1,9 +1,9 @@
1
- import './base_po5iiu.css';
1
+ import './base_6ae9j2.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var base = "brrdlt4";
6
+ var base = "bmkf7xj";
7
7
 
8
8
  exports.base = base;
9
9
  //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n input:disabled + label {\n opacity: var(${tokens.disabledOpacity});\n }\n\n input:disabled + label {\n cursor: not-allowed;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAQhB;;;;"}
@@ -0,0 +1 @@
1
+ .bmkf7xj input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.bmkf7xj input:disabled + label{cursor:not-allowed;}
@@ -1,9 +1,9 @@
1
- import './base_1vqr3f.css';
1
+ import './base_1d7o4za.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var base = "bjda290";
6
+ var base = "buxu4te";
7
7
 
8
8
  exports.base = base;
9
9
  //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../mixins';\nimport { classes, tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n .${classes.radioboxTrigger} {\n ${addFocus({\n outlineOffset: '0',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: 'transparent',\n })}\n }\n\n input[data-focus-visible-added] + label .${classes.radioboxTrigger} {\n border-color: transparent;\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.125rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n\n input[data-focus-visible-added]:checked + label .${classes.radioboxTrigger} {\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(var(${tokens.triggerBorderRadius}) + 0.125rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.063rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAsChB;;;;"}
@@ -1 +1 @@
1
- .bp7016u .radiobox-trigger{position:relative;}.bp7016u .radiobox-trigger::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;}.bp7016u .radiobox-trigger.focus-visible:focus::before,.bp7016u .radiobox-trigger[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.bp7016u input[data-focus-visible-added] + label .radiobox-trigger{border-color:transparent;position:relative;}.bp7016u input[data-focus-visible-added] + label .radiobox-trigger::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;}.bp7016u input[data-focus-visible-added] + label .radiobox-trigger::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.bp7016u input[data-focus-visible-added]:checked + label .radiobox-trigger{position:relative;}.bp7016u input[data-focus-visible-added]:checked + label .radiobox-trigger::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;}.bp7016u input[data-focus-visible-added]:checked + label .radiobox-trigger::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}
1
+ .buxu4te .radiobox-trigger{position:relative;}.buxu4te .radiobox-trigger::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;}.buxu4te .radiobox-trigger.focus-visible:focus::before,.buxu4te .radiobox-trigger[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.buxu4te input[data-focus-visible-added] + label .radiobox-trigger{border-color:transparent;position:relative;}.buxu4te input[data-focus-visible-added] + label .radiobox-trigger::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;}.buxu4te input[data-focus-visible-added] + label .radiobox-trigger::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.buxu4te input[data-focus-visible-added]:checked + label .radiobox-trigger{position:relative;}.buxu4te input[data-focus-visible-added]:checked + label .radiobox-trigger::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;}.buxu4te input[data-focus-visible-added]:checked + label .radiobox-trigger::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}
@@ -3,7 +3,7 @@ import './base_x642ct.css';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var base = "bbio09e";
6
+ var base = "b1eflyxe";
7
7
 
8
8
  exports.base = base;
9
9
  //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -0,0 +1,9 @@
1
+ import './base_11n1fn3.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "b1yt66an";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n input:checked + label .${classes.radioboxTrigger} {\n border: none;\n background: var(${tokens.fillColor});\n border-color: var(${tokens.fillColor});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAMhB;;;;"}
@@ -1 +1 @@
1
- .b1lfwhkj input:checked + label .radiobox-trigger{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
1
+ .b1yt66an input:checked + label .radiobox-trigger{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
@@ -17,13 +17,11 @@ var TextField_tokens = require('./TextField.tokens.js');
17
17
  var TextFieldChip = require('./ui/TextFieldChip/TextFieldChip.js');
18
18
  var useKeyNavigation = require('./hooks/useKeyNavigation.js');
19
19
 
20
- var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
20
+ var _excluded = ["id", "contentLeft", "contentRight", "label", "labelPlacement", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch"];
21
21
  var base = "bpunezx";
22
22
  var textFieldRoot = function textFieldRoot(Root) {
23
23
  return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
24
24
  var id = _ref.id,
25
- className = _ref.className,
26
- style = _ref.style,
27
25
  contentLeft = _ref.contentLeft,
28
26
  contentRight = _ref.contentRight,
29
27
  label = _ref.label,
@@ -42,7 +40,6 @@ var textFieldRoot = function textFieldRoot(Root) {
42
40
  onChange = _ref.onChange,
43
41
  onChangeChips = _ref.onChangeChips,
44
42
  onSearch = _ref.onSearch,
45
- onKeyDown = _ref.onKeyDown,
46
43
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
47
44
  var contentRef = React.useRef(null);
48
45
  var inputRef = React.useRef(null);
@@ -122,10 +119,6 @@ var textFieldRoot = function textFieldRoot(Root) {
122
119
  chipsRefs.current[index] = element;
123
120
  }
124
121
  };
125
- var handleOnKeyDown = function handleOnKeyDown(event) {
126
- handleInputKeydown(event);
127
- onKeyDown && onKeyDown(event);
128
- };
129
122
  React.useEffect(function () {
130
123
  if (!isChipEnumeration && !(values !== null && values !== void 0 && values.length)) {
131
124
  return;
@@ -144,9 +137,7 @@ var textFieldRoot = function textFieldRoot(Root) {
144
137
  disabled: disabled,
145
138
  readOnly: !disabled && readOnly,
146
139
  labelPlacement: innerLabelPlacementValue,
147
- onClick: handleInputFocus,
148
- className: className,
149
- style: style
140
+ onClick: handleInputFocus
150
141
  }, labelInside || innerLabelValue && /*#__PURE__*/React.createElement(TextField_styles.Label, {
151
142
  id: labelId,
152
143
  htmlFor: id
@@ -187,7 +178,7 @@ var textFieldRoot = function textFieldRoot(Root) {
187
178
  disabled: disabled,
188
179
  readOnly: !disabled && readOnly,
189
180
  onChange: handleChange,
190
- onKeyDown: handleOnKeyDown
181
+ onKeyDown: handleInputKeydown
191
182
  })), labelInside && /*#__PURE__*/React.createElement(TextField_styles.Label, {
192
183
  id: labelId,
193
184
  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, 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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"}
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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"}
@@ -6,10 +6,6 @@ var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.j
6
6
  var React = require('react');
7
7
  var linaria = require('./linaria.js');
8
8
 
9
- //
10
- // Тип HTMLAttributesOmitOnChange требуется чтобы использовать компонент с кастомным пропсом onChange
11
- //
12
-
13
9
  var getStaticVariants = function getStaticVariants(config) {
14
10
  if (!config.variations) {
15
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 {\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
+ {"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":";;;;;;;;IAKaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,MAAuB,EAAK;AAC1D,EAAA,IAAI,CAACA,MAAM,CAACC,UAAU,EAAE;AACpB,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;EACA,IAAMC,GAAG,GAAG,EAAE,CAAA;AACd,EAAA,IAAQD,UAAU,GAAKD,MAAM,CAArBC,UAAU,CAAA;;AAElB;AACA,EAAA,KAAK,IAAME,GAAG,IAAIF,UAAU,EAAE;AAC1B,IAAA,IAAQG,GAAG,GAAKH,UAAU,CAACE,GAAG,CAAC,CAAvBC,GAAG,CAAA;AACXA,IAAAA,GAAG,IAAIF,GAAG,CAACG,IAAI,CAACD,GAAG,CAAC,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOF,GAAG,CAAA;AACd,EAAC;IAEYI,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIN,MAAuB,EAAK;EAC3D,OAAO,UAACO,KAAwB,EAAK;IACjC,IAAML,GAAG,GAAG,EAAE,CAAA;;AAEd;AACA,IAAA,KAAK,IAAMC,GAAG,IAAIH,MAAM,CAACC,UAAU,EAAE;MACjC,IAAIE,GAAG,IAAII,KAAK,EAAE;AACd,QAAA,IAAMC,OAAO,GAAGR,MAAM,CAACC,UAAU,CAACE,GAAG,CAAC,CAAA;QAEtC,IAAMC,GAAG,GAAGI,OAAO,CAACD,KAAK,CAACJ,GAAG,CAAC,CAAC,CAAA;AAC/B;QACAC,GAAG,IAAIK,KAAK,CAACC,OAAO,CAACN,GAAG,CAAC,GAAGF,GAAG,CAACG,IAAI,CAAAM,KAAA,CAART,GAAG,EAAAU,2CAAA,CAASR,GAAG,CAAA,CAAC,GAAGF,GAAG,CAACG,IAAI,CAACD,GAAG,CAAC,CAAA;AAChE,OAAA;AACJ,KAAA;AAEA,IAAA,OAAOF,GAAG,CAAA;GACb,CAAA;AACL,EAAC;AAEM,IAAMW,WAAW,GAAG,SAAdA,WAAWA,CAOpBC,UAAwF,EACxFC,UAAuF,EACtF;EACD,IAAMb,GAAG,GAAAc,uCAAA,CAAAA,uCAAA,CAAQF,EAAAA,EAAAA,UAAU,CAAKC,EAAAA,UAAU,CAAE,CAAA;EAE5C,IAAIb,GAAG,CAACD,UAAU,EAAE;AAChB;AACA;AACA,IAAA,KAAK,IAAME,GAAG,IAAID,GAAG,CAACD,UAAU,EAAE;AAC9B,MAAA,IAAMO,OAAO,GAAGM,UAAU,CAACb,UAAU,CAACE,GAAG,CAAC,CAAA;AAE1CD,MAAAA,GAAG,CAACD,UAAU,CAACE,GAAG,CAAC,CAACC,GAAG,GAAGI,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEJ,GAAG,CAAA;AACtC;AACA,MAAA,IAAI,CAACF,GAAG,CAACD,UAAU,CAACE,GAAG,CAAC,CAAK,MAAA,CAAA,IAAIK,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,QAAM,EAAE;QAC5CN,GAAG,CAACD,UAAU,CAACE,GAAG,CAAC,CAAK,MAAA,CAAA,GAAGK,OAAO,CAAK,MAAA,CAAA,CAAA;AAC3C,OAAA;AACA;AACA,MAAA,IAAIA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAES,KAAK,EAAE;QAChBf,GAAG,CAACD,UAAU,CAACE,GAAG,CAAC,CAACc,KAAK,GAAGT,OAAO,CAACS,KAAK,CAAA;AAC7C,OAAA;AACJ,KAAA;AACJ,GAAA;;AAEA;EACA,KAAK,IAAMd,IAAG,IAAIW,UAAU,CAACI,QAAQ,IAAI,EAAE,EAAE;AACzC,IAAA,IAAI,EAAEf,IAAG,IAAID,GAAG,CAACgB,QAAQ,CAAC,EAAE;MACxBhB,GAAG,CAACgB,QAAQ,CAACf,IAAG,CAAC,GAAGW,UAAU,CAACI,QAAQ,CAACf,IAAG,CAAC,CAAA;AAChD,KAAA;AACJ,GAAA;AAEA,EAAA,OAAOD,GAAG,CAAA;AAMd,EAAC;AAEM,SAASiB,SAASA,CAMrBnB,MAAqE,EACjB;EACpD,IAAMoB,IAAI,GAAGpB,MAAM,CAACqB,MAAM,CAACC,kBAAU,CAAEtB,MAAqC,CAAC,CAAC,CAAA;AAE9E,EAAA,oBAAOuB,KAAK,CAACC,UAAU,CAAmC,UAACjB,KAAK,EAAEkB,GAAG,EAAA;AAAA,IAAA,oBACjEF,KAAA,CAAAG,aAAA,CAACN,IAAI,EAAAO,iCAAA,CAAA,EAAA,EAAK3B,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAEkB,QAAQ,EAAMX,KAAK,EAAA;AAAEkB,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CAAE,CAAC,CAAA;AAAA,GACtD,CAAC,CAAA;AACN;;;;;;;"}
@@ -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, RootPropsOmitOnChange } 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 } from './types';\n"],"names":["css","cssLibrary"],"mappings":";;;;;;;;AAIO,IAAMA,GAAG,GAAGC;;;;"}