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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (536) hide show
  1. package/cjs/components/Checkbox/Checkbox.js +59 -22
  2. package/cjs/components/Checkbox/Checkbox.js.map +1 -1
  3. package/cjs/components/Checkbox/Checkbox_1q4l832.css +7 -0
  4. package/cjs/components/Checkbox/IconsSvg.js +9 -9
  5. package/cjs/components/Checkbox/IconsSvg.js.map +1 -1
  6. package/cjs/components/{Radiobox/variations → Checkbox}/_disabled/base.js +2 -2
  7. package/cjs/components/Checkbox/_disabled/base.js.map +1 -0
  8. package/cjs/components/Checkbox/_disabled/base_fyu17z.css +1 -0
  9. package/cjs/components/Checkbox/{variations/_disabled → _focused}/base.js +2 -2
  10. package/cjs/components/Checkbox/_focused/base.js.map +1 -0
  11. package/cjs/components/Checkbox/_focused/base_po5iiu.css +1 -0
  12. package/cjs/components/{Radiobox/variations → Checkbox}/_size/base.js +1 -1
  13. package/cjs/components/Checkbox/_size/base.js.map +1 -0
  14. package/cjs/components/Checkbox/{variations/_view → _view}/base.js +2 -2
  15. package/cjs/components/Checkbox/_view/base.js.map +1 -0
  16. package/cjs/components/Checkbox/_view/base_1vqr3f.css +1 -0
  17. package/cjs/components/Combobox/hooks/useFocusController.js +1 -0
  18. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  19. package/cjs/components/Radiobox/Radiobox.js +32 -23
  20. package/cjs/components/Radiobox/Radiobox.js.map +1 -1
  21. package/cjs/components/Radiobox/Radiobox_1ri2eqv.css +2 -0
  22. package/cjs/components/Radiobox/_disabled/base.js +9 -0
  23. package/cjs/components/Radiobox/_disabled/base.js.map +1 -0
  24. package/cjs/components/Radiobox/_disabled/base_1jca5bk.css +1 -0
  25. package/cjs/components/Radiobox/_focused/base.js +9 -0
  26. package/cjs/components/Radiobox/_focused/base.js.map +1 -0
  27. package/cjs/components/Radiobox/{variations/_focused/base_1d7o4za.css → _focused/base_1nruwxa.css} +1 -1
  28. package/cjs/components/{Checkbox/variations → Radiobox}/_size/base.js +1 -1
  29. package/cjs/components/Radiobox/_size/base.js.map +1 -0
  30. package/cjs/components/Radiobox/_view/base.js +9 -0
  31. package/cjs/components/Radiobox/_view/base.js.map +1 -0
  32. package/cjs/components/Radiobox/{variations/_view/base_11n1fn3.css → _view/base_wj0ueq.css} +1 -1
  33. package/cjs/components/Slider/Slider.css +69 -0
  34. package/cjs/components/Slider/Slider.js +53 -0
  35. package/cjs/components/Slider/Slider.js.map +1 -0
  36. package/cjs/components/Slider/Slider.tokens.js +79 -0
  37. package/cjs/components/Slider/Slider.tokens.js.map +1 -0
  38. package/cjs/components/Slider/components/Double/Double.css +62 -0
  39. package/cjs/components/Slider/components/Double/Double.js +274 -0
  40. package/cjs/components/Slider/components/Double/Double.js.map +1 -0
  41. package/cjs/components/Slider/components/Double/Double.styles.js +61 -0
  42. package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -0
  43. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
  44. package/cjs/components/Slider/components/Single/Single.css +16 -0
  45. package/cjs/components/Slider/components/Single/Single.js +160 -0
  46. package/cjs/components/Slider/components/Single/Single.js.map +1 -0
  47. package/cjs/components/Slider/components/Single/Single.styles.js +45 -0
  48. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -0
  49. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  50. package/cjs/components/Slider/components/SliderBase/SliderBase.css +4 -0
  51. package/cjs/components/Slider/components/SliderBase/SliderBase.js +82 -0
  52. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
  53. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +33 -0
  54. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
  55. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
  56. package/cjs/components/Slider/ui/Handle/Handle.css +4 -0
  57. package/cjs/components/Slider/ui/Handle/Handle.js +174 -0
  58. package/cjs/components/Slider/ui/Handle/Handle.js.map +1 -0
  59. package/cjs/components/Slider/ui/Handle/Handle.styles.js +21 -0
  60. package/cjs/components/Slider/ui/Handle/Handle.styles.js.map +1 -0
  61. package/cjs/components/Slider/ui/Handle/Handle.styles_9m0x33.css +2 -0
  62. package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -0
  63. package/cjs/components/Slider/ui/Thumb/Thumb.js +31 -0
  64. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -0
  65. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +15 -0
  66. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
  67. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  68. package/cjs/components/Slider/utils/index.js +56 -0
  69. package/cjs/components/Slider/utils/index.js.map +1 -0
  70. package/cjs/components/Slider/variations/_disabled/base.js +9 -0
  71. package/cjs/components/Slider/variations/_disabled/base.js.map +1 -0
  72. package/cjs/components/Slider/variations/_size/base.js +9 -0
  73. package/cjs/components/Slider/variations/_size/base.js.map +1 -0
  74. package/cjs/components/Slider/variations/_view/base.js +9 -0
  75. package/cjs/components/Slider/variations/_view/base.js.map +1 -0
  76. package/cjs/components/Slider/variations/_view/base_x642ct.css +1 -0
  77. package/cjs/components/TextField/TextField.js +12 -3
  78. package/cjs/components/TextField/TextField.js.map +1 -1
  79. package/cjs/engines/common.js +4 -0
  80. package/cjs/engines/common.js.map +1 -1
  81. package/cjs/engines/index.js.map +1 -1
  82. package/cjs/hooks/useIsomorphicLayoutEffect.js +15 -0
  83. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  84. package/cjs/index.css +40 -15
  85. package/cjs/index.js +14 -4
  86. package/cjs/index.js.map +1 -1
  87. package/cjs/utils/canUseDOM.js +12 -0
  88. package/cjs/utils/canUseDOM.js.map +1 -0
  89. package/cjs/utils/index.js.map +1 -1
  90. package/es/components/Checkbox/Checkbox.js +43 -12
  91. package/es/components/Checkbox/Checkbox.js.map +1 -1
  92. package/es/components/Checkbox/Checkbox_1q4l832.css +7 -0
  93. package/es/components/Checkbox/IconsSvg.js +9 -9
  94. package/es/components/Checkbox/IconsSvg.js.map +1 -1
  95. package/es/components/{Radiobox/variations → Checkbox}/_disabled/base.js +2 -2
  96. package/es/components/Checkbox/_disabled/base.js.map +1 -0
  97. package/es/components/Checkbox/_disabled/base_fyu17z.css +1 -0
  98. package/es/components/Checkbox/{variations/_disabled → _focused}/base.js +2 -2
  99. package/es/components/Checkbox/_focused/base.js.map +1 -0
  100. package/es/components/Checkbox/_focused/base_po5iiu.css +1 -0
  101. package/es/components/{Radiobox/variations → Checkbox}/_size/base.js +1 -1
  102. package/es/components/Checkbox/_size/base.js.map +1 -0
  103. package/es/components/Checkbox/_size/base_x642ct.css +1 -0
  104. package/es/components/Checkbox/{variations/_view → _view}/base.js +2 -2
  105. package/es/components/Checkbox/_view/base.js.map +1 -0
  106. package/es/components/Checkbox/_view/base_1vqr3f.css +1 -0
  107. package/es/components/Combobox/hooks/useFocusController.js +1 -0
  108. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  109. package/es/components/Radiobox/Radiobox.js +21 -12
  110. package/es/components/Radiobox/Radiobox.js.map +1 -1
  111. package/es/components/Radiobox/Radiobox_1ri2eqv.css +2 -0
  112. package/es/components/Radiobox/_disabled/base.js +5 -0
  113. package/es/components/Radiobox/_disabled/base.js.map +1 -0
  114. package/es/components/Radiobox/_disabled/base_1jca5bk.css +1 -0
  115. package/es/components/Radiobox/_focused/base.js +5 -0
  116. package/es/components/Radiobox/_focused/base.js.map +1 -0
  117. package/es/components/Radiobox/{variations/_focused/base_1d7o4za.css → _focused/base_1nruwxa.css} +1 -1
  118. package/es/components/{Checkbox/variations → Radiobox}/_size/base.js +1 -1
  119. package/es/components/Radiobox/_size/base.js.map +1 -0
  120. package/es/components/Radiobox/_size/base_x642ct.css +1 -0
  121. package/es/components/Radiobox/_view/base.js +5 -0
  122. package/es/components/Radiobox/_view/base.js.map +1 -0
  123. package/es/components/Radiobox/{variations/_view/base_11n1fn3.css → _view/base_wj0ueq.css} +1 -1
  124. package/es/components/Slider/Slider.css +69 -0
  125. package/es/components/Slider/Slider.js +48 -0
  126. package/es/components/Slider/Slider.js.map +1 -0
  127. package/es/components/Slider/Slider.tokens.js +74 -0
  128. package/es/components/Slider/Slider.tokens.js.map +1 -0
  129. package/es/components/Slider/components/Double/Double.css +62 -0
  130. package/es/components/Slider/components/Double/Double.js +270 -0
  131. package/es/components/Slider/components/Double/Double.js.map +1 -0
  132. package/es/components/Slider/components/Double/Double.styles.js +51 -0
  133. package/es/components/Slider/components/Double/Double.styles.js.map +1 -0
  134. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
  135. package/es/components/Slider/components/Single/Single.css +16 -0
  136. package/es/components/Slider/components/Single/Single.js +156 -0
  137. package/es/components/Slider/components/Single/Single.js.map +1 -0
  138. package/es/components/Slider/components/Single/Single.styles.js +36 -0
  139. package/es/components/Slider/components/Single/Single.styles.js.map +1 -0
  140. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  141. package/es/components/Slider/components/SliderBase/SliderBase.css +4 -0
  142. package/es/components/Slider/components/SliderBase/SliderBase.js +78 -0
  143. package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
  144. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +26 -0
  145. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
  146. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
  147. package/es/components/Slider/ui/Handle/Handle.css +4 -0
  148. package/es/components/Slider/ui/Handle/Handle.js +170 -0
  149. package/es/components/Slider/ui/Handle/Handle.js.map +1 -0
  150. package/es/components/Slider/ui/Handle/Handle.styles.js +16 -0
  151. package/es/components/Slider/ui/Handle/Handle.styles.js.map +1 -0
  152. package/es/components/Slider/ui/Handle/Handle.styles_9m0x33.css +2 -0
  153. package/es/components/Slider/ui/Thumb/Thumb.css +1 -0
  154. package/es/components/Slider/ui/Thumb/Thumb.js +27 -0
  155. package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -0
  156. package/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
  157. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
  158. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  159. package/es/components/Slider/utils/index.js +50 -0
  160. package/es/components/Slider/utils/index.js.map +1 -0
  161. package/es/components/Slider/variations/_disabled/base.js +5 -0
  162. package/es/components/Slider/variations/_disabled/base.js.map +1 -0
  163. package/es/components/Slider/variations/_disabled/base_x642ct.css +1 -0
  164. package/es/components/Slider/variations/_size/base.js +5 -0
  165. package/es/components/Slider/variations/_size/base.js.map +1 -0
  166. package/es/components/Slider/variations/_size/base_x642ct.css +1 -0
  167. package/es/components/Slider/variations/_view/base.js +5 -0
  168. package/es/components/Slider/variations/_view/base.js.map +1 -0
  169. package/es/components/Slider/variations/_view/base_x642ct.css +1 -0
  170. package/es/components/TextField/TextField.js +12 -3
  171. package/es/components/TextField/TextField.js.map +1 -1
  172. package/es/engines/common.js +4 -0
  173. package/es/engines/common.js.map +1 -1
  174. package/es/engines/index.js.map +1 -1
  175. package/es/hooks/useIsomorphicLayoutEffect.js +11 -0
  176. package/es/hooks/useIsomorphicLayoutEffect.js.map +1 -0
  177. package/es/index.css +40 -15
  178. package/es/index.js +8 -2
  179. package/es/index.js.map +1 -1
  180. package/es/utils/canUseDOM.js +8 -0
  181. package/es/utils/canUseDOM.js.map +1 -0
  182. package/es/utils/index.js.map +1 -1
  183. package/package.json +3 -2
  184. package/styled-components/cjs/components/Checkbox/Checkbox.js +40 -20
  185. package/styled-components/cjs/components/Checkbox/IconsSvg.js +9 -9
  186. package/styled-components/cjs/components/{Radiobox/variations → Checkbox}/_disabled/base.js +1 -2
  187. package/styled-components/cjs/components/Checkbox/_focused/base.js +26 -0
  188. package/styled-components/cjs/components/Checkbox/_view/base.js +8 -0
  189. package/styled-components/cjs/components/Checkbox/_view/tokens.json +1 -0
  190. package/styled-components/cjs/components/Checkbox/index.js +1 -8
  191. package/styled-components/cjs/components/Radiobox/Radiobox.js +22 -15
  192. package/styled-components/cjs/components/Radiobox/_disabled/base.js +8 -0
  193. package/styled-components/cjs/components/Radiobox/_focused/base.js +26 -0
  194. package/styled-components/cjs/components/Radiobox/_view/base.js +8 -0
  195. package/styled-components/cjs/components/Radiobox/index.js +1 -8
  196. package/styled-components/cjs/components/Slider/Slider.js +52 -0
  197. package/styled-components/cjs/components/Slider/Slider.tokens.js +77 -0
  198. package/styled-components/cjs/components/Slider/components/Double/Double.js +286 -0
  199. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +36 -0
  200. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +5 -0
  201. package/styled-components/cjs/components/Slider/components/Single/Single.js +172 -0
  202. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +27 -0
  203. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +5 -0
  204. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +83 -0
  205. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +21 -0
  206. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +5 -0
  207. package/styled-components/cjs/components/Slider/components/index.js +27 -0
  208. package/styled-components/cjs/components/Slider/index.js +32 -0
  209. package/styled-components/cjs/components/Slider/ui/Handle/Handle.js +183 -0
  210. package/styled-components/cjs/components/Slider/ui/Handle/Handle.styles.js +15 -0
  211. package/styled-components/cjs/components/Slider/ui/Handle/Handle.types.js +5 -0
  212. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +32 -0
  213. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +18 -0
  214. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +5 -0
  215. package/styled-components/cjs/components/Slider/ui/index.js +63 -0
  216. package/styled-components/cjs/components/Slider/utils/index.js +55 -0
  217. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +8 -0
  218. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +4 -0
  219. package/styled-components/cjs/components/Slider/variations/_size/base.js +8 -0
  220. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  221. package/styled-components/cjs/components/Slider/variations/_view/base.js +8 -0
  222. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  223. package/styled-components/cjs/components/TextField/TextField.js +12 -3
  224. package/styled-components/cjs/engines/common.js +4 -0
  225. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
  226. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +0 -1
  227. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -13
  228. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +29 -0
  229. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +16 -0
  230. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +150 -0
  231. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
  232. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +0 -1
  233. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -13
  234. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +29 -0
  235. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +16 -0
  236. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +150 -0
  237. package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
  238. package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -13
  239. package/styled-components/cjs/hooks/index.js +8 -1
  240. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +12 -0
  241. package/styled-components/cjs/index.js +11 -0
  242. package/styled-components/cjs/utils/canUseDOM.js +11 -0
  243. package/styled-components/cjs/utils/index.js +7 -0
  244. package/styled-components/es/components/Checkbox/Checkbox.js +33 -12
  245. package/styled-components/es/components/Checkbox/IconsSvg.js +9 -9
  246. package/styled-components/es/components/Checkbox/_disabled/base.js +2 -0
  247. package/styled-components/es/components/Checkbox/_focused/base.js +20 -0
  248. package/styled-components/es/components/Checkbox/_view/base.js +2 -0
  249. package/styled-components/es/components/Checkbox/_view/tokens.json +1 -0
  250. package/styled-components/es/components/Checkbox/index.js +1 -2
  251. package/styled-components/es/components/Radiobox/Radiobox.js +22 -13
  252. package/styled-components/es/components/Radiobox/_disabled/base.js +2 -0
  253. package/styled-components/es/components/Radiobox/_focused/base.js +20 -0
  254. package/styled-components/es/components/Radiobox/_view/base.js +2 -0
  255. package/styled-components/es/components/Radiobox/index.js +1 -2
  256. package/styled-components/es/components/Slider/Slider.js +43 -0
  257. package/styled-components/es/components/Slider/Slider.tokens.js +71 -0
  258. package/styled-components/es/components/Slider/components/Double/Double.js +278 -0
  259. package/styled-components/es/components/Slider/components/Double/Double.styles.js +29 -0
  260. package/styled-components/es/components/Slider/components/Double/Double.types.js +1 -0
  261. package/styled-components/es/components/Slider/components/Single/Single.js +164 -0
  262. package/styled-components/es/components/Slider/components/Single/Single.styles.js +20 -0
  263. package/styled-components/es/components/Slider/components/Single/Single.types.js +1 -0
  264. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +74 -0
  265. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +14 -0
  266. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +1 -0
  267. package/styled-components/es/components/Slider/components/index.js +3 -0
  268. package/styled-components/es/components/Slider/index.js +3 -0
  269. package/styled-components/es/components/Slider/ui/Handle/Handle.js +174 -0
  270. package/styled-components/es/components/Slider/ui/Handle/Handle.styles.js +8 -0
  271. package/styled-components/es/components/Slider/ui/Handle/Handle.types.js +1 -0
  272. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +25 -0
  273. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
  274. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +1 -0
  275. package/styled-components/es/components/Slider/ui/index.js +5 -0
  276. package/styled-components/es/components/Slider/utils/index.js +47 -0
  277. package/styled-components/es/components/Slider/variations/_disabled/base.js +2 -0
  278. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +4 -0
  279. package/styled-components/es/components/Slider/variations/_size/base.js +2 -0
  280. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  281. package/styled-components/es/components/Slider/variations/_view/base.js +2 -0
  282. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  283. package/styled-components/es/components/TextField/TextField.js +12 -3
  284. package/styled-components/es/engines/common.js +4 -0
  285. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
  286. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +0 -1
  287. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -13
  288. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +23 -0
  289. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +10 -0
  290. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +150 -0
  291. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
  292. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +0 -1
  293. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -13
  294. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +23 -0
  295. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +10 -0
  296. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +150 -0
  297. package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
  298. package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -13
  299. package/styled-components/es/hooks/index.js +2 -1
  300. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +7 -0
  301. package/styled-components/es/index.js +2 -1
  302. package/styled-components/es/utils/canUseDOM.js +5 -0
  303. package/styled-components/es/utils/index.js +1 -0
  304. package/types/components/Checkbox/Checkbox.d.ts +37 -4
  305. package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
  306. package/types/components/Checkbox/IconsSvg.d.ts.map +1 -1
  307. package/types/components/Checkbox/_disabled/base.d.ts.map +1 -0
  308. package/types/components/Checkbox/_focused/base.d.ts.map +1 -0
  309. package/types/components/Checkbox/_size/base.d.ts.map +1 -0
  310. package/types/components/Checkbox/_view/base.d.ts.map +1 -0
  311. package/types/components/Checkbox/index.d.ts +1 -2
  312. package/types/components/Checkbox/index.d.ts.map +1 -1
  313. package/types/components/Radiobox/Radiobox.d.ts +1 -1
  314. package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
  315. package/types/components/Radiobox/_disabled/base.d.ts.map +1 -0
  316. package/types/components/Radiobox/_focused/base.d.ts.map +1 -0
  317. package/types/components/Radiobox/_size/base.d.ts.map +1 -0
  318. package/types/components/Radiobox/_view/base.d.ts +2 -0
  319. package/types/components/Radiobox/_view/base.d.ts.map +1 -0
  320. package/types/components/Radiobox/index.d.ts +0 -1
  321. package/types/components/Radiobox/index.d.ts.map +1 -1
  322. package/types/components/Slider/Slider.d.ts +27 -0
  323. package/types/components/Slider/Slider.d.ts.map +1 -0
  324. package/types/components/Slider/Slider.tokens.d.ts +72 -0
  325. package/types/components/Slider/Slider.tokens.d.ts.map +1 -0
  326. package/types/components/Slider/Slider.types.d.ts +3 -0
  327. package/types/components/Slider/Slider.types.d.ts.map +1 -0
  328. package/types/components/Slider/components/Double/Double.d.ts +4 -0
  329. package/types/components/Slider/components/Double/Double.d.ts.map +1 -0
  330. package/types/components/Slider/components/Double/Double.styles.d.ts +43 -0
  331. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -0
  332. package/types/components/Slider/components/Double/Double.types.d.ts +65 -0
  333. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -0
  334. package/types/components/Slider/components/Single/Single.d.ts +4 -0
  335. package/types/components/Slider/components/Single/Single.d.ts.map +1 -0
  336. package/types/components/Slider/components/Single/Single.styles.d.ts +8 -0
  337. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -0
  338. package/types/components/Slider/components/Single/Single.types.d.ts +55 -0
  339. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -0
  340. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +4 -0
  341. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -0
  342. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +6 -0
  343. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -0
  344. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +45 -0
  345. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -0
  346. package/types/components/Slider/components/index.d.ts +6 -0
  347. package/types/components/Slider/components/index.d.ts.map +1 -0
  348. package/types/components/Slider/index.d.ts +6 -0
  349. package/types/components/Slider/index.d.ts.map +1 -0
  350. package/types/components/Slider/ui/Handle/Handle.d.ts +9 -0
  351. package/types/components/Slider/ui/Handle/Handle.d.ts.map +1 -0
  352. package/types/components/Slider/ui/Handle/Handle.styles.d.ts +4 -0
  353. package/types/components/Slider/ui/Handle/Handle.styles.d.ts.map +1 -0
  354. package/types/components/Slider/ui/Handle/Handle.types.d.ts +24 -0
  355. package/types/components/Slider/ui/Handle/Handle.types.d.ts.map +1 -0
  356. package/types/components/Slider/ui/Thumb/Thumb.d.ts +4 -0
  357. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -0
  358. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +5 -0
  359. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -0
  360. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +12 -0
  361. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -0
  362. package/types/components/Slider/ui/index.d.ts +6 -0
  363. package/types/components/Slider/ui/index.d.ts.map +1 -0
  364. package/types/components/Slider/utils/index.d.ts +33 -0
  365. package/types/components/Slider/utils/index.d.ts.map +1 -0
  366. package/types/components/Slider/variations/_disabled/base.d.ts +2 -0
  367. package/types/components/Slider/variations/_disabled/base.d.ts.map +1 -0
  368. package/types/components/Slider/variations/_size/base.d.ts +2 -0
  369. package/types/components/Slider/variations/_size/base.d.ts.map +1 -0
  370. package/types/components/Slider/variations/_view/base.d.ts +2 -0
  371. package/types/components/Slider/variations/_view/base.d.ts.map +1 -0
  372. package/types/components/TextField/TextField.d.ts.map +1 -1
  373. package/types/engines/common.d.ts +3 -3
  374. package/types/engines/common.d.ts.map +1 -1
  375. package/types/engines/index.d.ts +1 -1
  376. package/types/engines/index.d.ts.map +1 -1
  377. package/types/engines/types.d.ts +4 -0
  378. package/types/engines/types.d.ts.map +1 -1
  379. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts +1 -0
  380. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  381. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts +1 -1
  382. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts.map +1 -1
  383. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  384. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +22 -0
  385. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -0
  386. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +21 -0
  387. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -0
  388. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts +1 -0
  389. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  390. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts +1 -1
  391. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts.map +1 -1
  392. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  393. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +22 -0
  394. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -0
  395. package/types/examples/plasma_web/components/Slider/Slider.d.ts +21 -0
  396. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -0
  397. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts +1 -0
  398. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  399. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts +1 -1
  400. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts.map +1 -1
  401. package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  402. package/types/hooks/index.d.ts +1 -0
  403. package/types/hooks/index.d.ts.map +1 -1
  404. package/types/hooks/useIsomorphicLayoutEffect.d.ts +6 -0
  405. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +1 -0
  406. package/types/index.d.ts +1 -0
  407. package/types/index.d.ts.map +1 -1
  408. package/types/utils/canUseDOM.d.ts +6 -0
  409. package/types/utils/canUseDOM.d.ts.map +1 -0
  410. package/types/utils/index.d.ts +1 -0
  411. package/types/utils/index.d.ts.map +1 -1
  412. package/cjs/components/Checkbox/Checkbox.css +0 -13
  413. package/cjs/components/Checkbox/Checkbox.styles.js +0 -47
  414. package/cjs/components/Checkbox/Checkbox.styles.js.map +0 -1
  415. package/cjs/components/Checkbox/Checkbox.styles_1266095.css +0 -7
  416. package/cjs/components/Checkbox/Checkbox.tokens.js +0 -41
  417. package/cjs/components/Checkbox/Checkbox.tokens.js.map +0 -1
  418. package/cjs/components/Checkbox/variations/_disabled/base.js.map +0 -1
  419. package/cjs/components/Checkbox/variations/_disabled/base_1krdtt6.css +0 -1
  420. package/cjs/components/Checkbox/variations/_focused/base.js +0 -14
  421. package/cjs/components/Checkbox/variations/_focused/base.js.map +0 -1
  422. package/cjs/components/Checkbox/variations/_focused/base_hr4zpz.css +0 -1
  423. package/cjs/components/Checkbox/variations/_size/base.js.map +0 -1
  424. package/cjs/components/Checkbox/variations/_view/base.js.map +0 -1
  425. package/cjs/components/Checkbox/variations/_view/base_x252cy.css +0 -1
  426. package/cjs/components/Radiobox/Radiobox.css +0 -16
  427. package/cjs/components/Radiobox/Radiobox.styles.js +0 -19
  428. package/cjs/components/Radiobox/Radiobox.styles.js.map +0 -1
  429. package/cjs/components/Radiobox/Radiobox.styles_1skfuon.css +0 -2
  430. package/cjs/components/Radiobox/Radiobox.tokens.js +0 -41
  431. package/cjs/components/Radiobox/Radiobox.tokens.js.map +0 -1
  432. package/cjs/components/Radiobox/variations/_disabled/base.js.map +0 -1
  433. package/cjs/components/Radiobox/variations/_disabled/base_6ae9j2.css +0 -1
  434. package/cjs/components/Radiobox/variations/_focused/base.js +0 -9
  435. package/cjs/components/Radiobox/variations/_focused/base.js.map +0 -1
  436. package/cjs/components/Radiobox/variations/_size/base.js.map +0 -1
  437. package/cjs/components/Radiobox/variations/_view/base.js +0 -9
  438. package/cjs/components/Radiobox/variations/_view/base.js.map +0 -1
  439. package/es/components/Checkbox/Checkbox.css +0 -13
  440. package/es/components/Checkbox/Checkbox.styles.js +0 -37
  441. package/es/components/Checkbox/Checkbox.styles.js.map +0 -1
  442. package/es/components/Checkbox/Checkbox.styles_1266095.css +0 -7
  443. package/es/components/Checkbox/Checkbox.tokens.js +0 -36
  444. package/es/components/Checkbox/Checkbox.tokens.js.map +0 -1
  445. package/es/components/Checkbox/variations/_disabled/base.js.map +0 -1
  446. package/es/components/Checkbox/variations/_disabled/base_1krdtt6.css +0 -1
  447. package/es/components/Checkbox/variations/_focused/base.js +0 -10
  448. package/es/components/Checkbox/variations/_focused/base.js.map +0 -1
  449. package/es/components/Checkbox/variations/_focused/base_hr4zpz.css +0 -1
  450. package/es/components/Checkbox/variations/_size/base.js.map +0 -1
  451. package/es/components/Checkbox/variations/_view/base.js.map +0 -1
  452. package/es/components/Checkbox/variations/_view/base_x252cy.css +0 -1
  453. package/es/components/Radiobox/Radiobox.css +0 -16
  454. package/es/components/Radiobox/Radiobox.styles.js +0 -14
  455. package/es/components/Radiobox/Radiobox.styles.js.map +0 -1
  456. package/es/components/Radiobox/Radiobox.styles_1skfuon.css +0 -2
  457. package/es/components/Radiobox/Radiobox.tokens.js +0 -36
  458. package/es/components/Radiobox/Radiobox.tokens.js.map +0 -1
  459. package/es/components/Radiobox/variations/_disabled/base.js.map +0 -1
  460. package/es/components/Radiobox/variations/_disabled/base_6ae9j2.css +0 -1
  461. package/es/components/Radiobox/variations/_focused/base.js +0 -5
  462. package/es/components/Radiobox/variations/_focused/base.js.map +0 -1
  463. package/es/components/Radiobox/variations/_size/base.js.map +0 -1
  464. package/es/components/Radiobox/variations/_view/base.js +0 -5
  465. package/es/components/Radiobox/variations/_view/base.js.map +0 -1
  466. package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +0 -33
  467. package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +0 -39
  468. package/styled-components/cjs/components/Checkbox/variations/_disabled/base.js +0 -10
  469. package/styled-components/cjs/components/Checkbox/variations/_focused/base.js +0 -32
  470. package/styled-components/cjs/components/Checkbox/variations/_view/base.js +0 -10
  471. package/styled-components/cjs/components/Checkbox/variations/_view/tokens.json +0 -1
  472. package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +0 -19
  473. package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +0 -39
  474. package/styled-components/cjs/components/Radiobox/variations/_focused/base.js +0 -27
  475. package/styled-components/cjs/components/Radiobox/variations/_view/base.js +0 -9
  476. package/styled-components/es/components/Checkbox/Checkbox.styles.js +0 -25
  477. package/styled-components/es/components/Checkbox/Checkbox.tokens.js +0 -33
  478. package/styled-components/es/components/Checkbox/variations/_disabled/base.js +0 -4
  479. package/styled-components/es/components/Checkbox/variations/_focused/base.js +0 -27
  480. package/styled-components/es/components/Checkbox/variations/_view/base.js +0 -4
  481. package/styled-components/es/components/Checkbox/variations/_view/tokens.json +0 -1
  482. package/styled-components/es/components/Radiobox/Radiobox.styles.js +0 -12
  483. package/styled-components/es/components/Radiobox/Radiobox.tokens.js +0 -33
  484. package/styled-components/es/components/Radiobox/variations/_disabled/base.js +0 -3
  485. package/styled-components/es/components/Radiobox/variations/_focused/base.js +0 -21
  486. package/styled-components/es/components/Radiobox/variations/_view/base.js +0 -3
  487. package/types/components/Checkbox/Checkbox.styles.d.ts +0 -9
  488. package/types/components/Checkbox/Checkbox.styles.d.ts.map +0 -1
  489. package/types/components/Checkbox/Checkbox.tokens.d.ts +0 -34
  490. package/types/components/Checkbox/Checkbox.tokens.d.ts.map +0 -1
  491. package/types/components/Checkbox/Checkbox.types.d.ts +0 -29
  492. package/types/components/Checkbox/Checkbox.types.d.ts.map +0 -1
  493. package/types/components/Checkbox/variations/_disabled/base.d.ts.map +0 -1
  494. package/types/components/Checkbox/variations/_focused/base.d.ts +0 -6
  495. package/types/components/Checkbox/variations/_focused/base.d.ts.map +0 -1
  496. package/types/components/Checkbox/variations/_size/base.d.ts.map +0 -1
  497. package/types/components/Checkbox/variations/_view/base.d.ts.map +0 -1
  498. package/types/components/Radiobox/Radiobox.styles.d.ts +0 -4
  499. package/types/components/Radiobox/Radiobox.styles.d.ts.map +0 -1
  500. package/types/components/Radiobox/Radiobox.tokens.d.ts +0 -34
  501. package/types/components/Radiobox/Radiobox.tokens.d.ts.map +0 -1
  502. package/types/components/Radiobox/variations/_disabled/base.d.ts.map +0 -1
  503. package/types/components/Radiobox/variations/_focused/base.d.ts.map +0 -1
  504. package/types/components/Radiobox/variations/_size/base.d.ts.map +0 -1
  505. package/types/components/Radiobox/variations/_view/base.d.ts.map +0 -1
  506. /package/cjs/components/Checkbox/{variations/_size → _size}/base_x642ct.css +0 -0
  507. /package/cjs/components/Radiobox/{variations/_size → _size}/base_x642ct.css +0 -0
  508. /package/{es/components/Checkbox/variations/_size → cjs/components/Slider/variations/_disabled}/base_x642ct.css +0 -0
  509. /package/{es/components/Radiobox → cjs/components/Slider}/variations/_size/base_x642ct.css +0 -0
  510. /package/styled-components/cjs/components/Checkbox/{variations/_disabled → _disabled}/tokens.json +0 -0
  511. /package/styled-components/cjs/components/Checkbox/{variations/_focused → _focused}/tokens.json +0 -0
  512. /package/styled-components/cjs/components/Checkbox/{variations/_size → _size}/base.js +0 -0
  513. /package/styled-components/cjs/components/Checkbox/{variations/_size → _size}/tokens.json +0 -0
  514. /package/styled-components/cjs/components/Radiobox/{variations/_disabled → _disabled}/tokens.json +0 -0
  515. /package/styled-components/cjs/components/Radiobox/{variations/_focused → _focused}/tokens.json +0 -0
  516. /package/styled-components/cjs/components/Radiobox/{variations/_size → _size}/base.js +0 -0
  517. /package/styled-components/cjs/components/Radiobox/{variations/_size → _size}/tokens.json +0 -0
  518. /package/styled-components/cjs/components/Radiobox/{variations/_view → _view}/tokens.json +0 -0
  519. /package/styled-components/cjs/components/{Checkbox/Checkbox.types.js → Slider/Slider.types.js} +0 -0
  520. /package/styled-components/es/components/Checkbox/{variations/_disabled → _disabled}/tokens.json +0 -0
  521. /package/styled-components/es/components/Checkbox/{variations/_focused → _focused}/tokens.json +0 -0
  522. /package/styled-components/es/components/Checkbox/{variations/_size → _size}/base.js +0 -0
  523. /package/styled-components/es/components/Checkbox/{variations/_size → _size}/tokens.json +0 -0
  524. /package/styled-components/es/components/Radiobox/{variations/_disabled → _disabled}/tokens.json +0 -0
  525. /package/styled-components/es/components/Radiobox/{variations/_focused → _focused}/tokens.json +0 -0
  526. /package/styled-components/es/components/Radiobox/{variations/_size → _size}/base.js +0 -0
  527. /package/styled-components/es/components/Radiobox/{variations/_size → _size}/tokens.json +0 -0
  528. /package/styled-components/es/components/Radiobox/{variations/_view → _view}/tokens.json +0 -0
  529. /package/styled-components/es/components/{Checkbox/Checkbox.types.js → Slider/Slider.types.js} +0 -0
  530. /package/types/components/Checkbox/{variations/_disabled → _disabled}/base.d.ts +0 -0
  531. /package/types/components/Checkbox/{variations/_size → _focused}/base.d.ts +0 -0
  532. /package/types/components/Checkbox/{variations/_view → _size}/base.d.ts +0 -0
  533. /package/types/components/{Radiobox/variations/_disabled → Checkbox/_view}/base.d.ts +0 -0
  534. /package/types/components/Radiobox/{variations/_focused → _disabled}/base.d.ts +0 -0
  535. /package/types/components/Radiobox/{variations/_size → _focused}/base.d.ts +0 -0
  536. /package/types/components/Radiobox/{variations/_view → _size}/base.d.ts +0 -0
@@ -1,16 +0,0 @@
1
- .Checkbox_styles_1266095_b1udywkg__e7223270{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_styles_1266095_b1udywkg__e7223270 .Checkbox_styles_1266095_singleLine__e7223270{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
2
- .Checkbox_styles_1266095_s165w87d__e7223270{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_1266095_s165w87d__e7223270:focus{outline:0 none;}
3
- .Checkbox_styles_1266095_sft3zxv__e7223270{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_1266095_sft3zxv__e7223270 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_1266095_sft3zxv__e7223270 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
4
- .Checkbox_styles_1266095_s1u3nd7e__e7223270{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
5
- .Checkbox_styles_1266095_shwv1in__e7223270{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
6
- .Checkbox_styles_1266095_s1my1ay__e7223270{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
7
- .Checkbox_styles_1266095_s14u8fnn__e7223270{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_1266095_s14u8fnn__e7223270.Checkbox_styles_1266095_onlyDescription__e7223270{margin-top:0;}
8
-
9
- .base_11n1fn3_b1yt66an__50fb7cfc input:checked + label .base_11n1fn3_radioboxTrigger__50fb7cfc{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
10
-
11
- .base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{cursor:not-allowed;}
12
-
13
- .base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae{position:relative;}.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae.base_1d7o4za_focusVisible__19288bae:focus::before,.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae{border-color:transparent;position:relative;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae{position:relative;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}
14
-
15
- .Radiobox_styles_1skfuon_s14xglkp__585ca743{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_styles_1skfuon_s14xglkp__585ca743{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
16
- .Radiobox_styles_1skfuon_bdte4ex__585ca743{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-margin-top:var(--plasma-checkbox-description-margin-top);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Radiobox_styles_1skfuon_bdte4ex__585ca743 .Radiobox_styles_1skfuon_singleLine__585ca743{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@@ -1,14 +0,0 @@
1
- import './Radiobox.styles_1skfuon.css';
2
- import { styled } from '@linaria/react';
3
-
4
- // NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
5
-
6
- var StyledEllipse = /*#__PURE__*/styled('div')({
7
- name: "StyledEllipse",
8
- "class": "s14xglkp",
9
- propsAsIs: false
10
- });
11
- var base = "bdte4ex";
12
-
13
- export { StyledEllipse, base };
14
- //# sourceMappingURL=Radiobox.styles.js.map
@@ -1 +0,0 @@
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,MAAM,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;;;;"}
@@ -1,2 +0,0 @@
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;}
@@ -1,36 +0,0 @@
1
- var classes = {
2
- singleLine: 'single-line',
3
- radioboxTrigger: 'radiobox-trigger',
4
- onlyDescription: 'only-description'
5
- };
6
- var tokens = {
7
- labelFontFamily: '--plasma-radiobox-label-font-family',
8
- labelFontSize: '--plasma-radiobox-label-font-size',
9
- labelFontStyle: '--plasma-radiobox-label-font-style',
10
- labelFontWeight: '--plasma-radiobox-label-font-weight',
11
- labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
12
- labelLineHeight: '--plasma-radiobox-label-line-height',
13
- descriptionMarginTop: '--plasma-checkbox-description-margin-top',
14
- descriptionFontFamily: '--plasma-radiobox-description-font-family',
15
- descriptionFontSize: '--plasma-radiobox-description-font-size',
16
- descriptionFontStyle: '--plasma-radiobox-description-font-style',
17
- descriptionFontWeight: '--plasma-radiobox-description-font-weight',
18
- descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
19
- descriptionLineHeight: '--plasma-radiobox-description-line-height',
20
- fillColor: '--plasma-radiobox-fill-color',
21
- descriptionColor: '--plasma-radiobox-description-color',
22
- triggerBorderColor: '--plasma-radiobox-trigger-border-color',
23
- contentTopOffset: '--plasma-radiobox-content-top-offset',
24
- contentLeftOffset: '--plasma-radiobox-content-left-offset',
25
- triggerSize: '--plasma-radiobox-trigger-size',
26
- triggerBorderRadius: '--plasma-radiobox-trigger-border-radius',
27
- triggerMargin: '--plasma-radiobox-trigger-margin',
28
- margin: '--plasma-radiobox-margin',
29
- ellipseSize: '--plasma-radiobox-ellipse-size',
30
- ellipseColor: '--plasma-radiobox-ellipse-color',
31
- disabledOpacity: '--plasma-radiobox-disabled-opacity',
32
- focusColor: '--plasma-radiobox-focus-color'
33
- };
34
-
35
- export { classes, tokens };
36
- //# sourceMappingURL=Radiobox.tokens.js.map
@@ -1 +0,0 @@
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 +0,0 @@
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;;;;"}
@@ -1 +0,0 @@
1
- .bmkf7xj input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.bmkf7xj input:disabled + label{cursor:not-allowed;}
@@ -1,5 +0,0 @@
1
- import './base_1d7o4za.css';
2
- var base = "buxu4te";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
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 +0,0 @@
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;;;;"}
@@ -1,5 +0,0 @@
1
- import './base_11n1fn3.css';
2
- var base = "b1yt66an";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
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,33 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.base = exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = exports.StyledDescription = exports.StyledContentWrapper = exports.StyledContent = void 0;
8
- var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
9
- var _mixins = /*#__PURE__*/require("../../mixins");
10
- var _Checkbox = /*#__PURE__*/require("./Checkbox.tokens");
11
- var _templateObject;
12
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
14
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
15
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n margin: var(", ");\n\n ", ";\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n\n .", " {\n ", ";\n }\n"])), _Checkbox.tokens.margin, /*#__PURE__*/(0, _mixins.applyNoUserSelect)(), _Checkbox.classes.singleLine, /*#__PURE__*/(0, _mixins.applyEllipsis)());
16
- var StyledInput = exports.StyledInput = /*#__PURE__*/_styledComponents["default"].input.withConfig({
17
- componentId: "plasma-new-hope__sc-tydhc1-0"
18
- })(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
19
- var StyledTrigger = exports.StyledTrigger = /*#__PURE__*/_styledComponents["default"].div.withConfig({
20
- componentId: "plasma-new-hope__sc-tydhc1-1"
21
- })(["margin:var(", ");width:var(", ");height:var(", ");border-radius:var(", ");position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:0.125rem solid var(", ");box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"], _Checkbox.tokens.triggerMargin, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerBorderRadius, _Checkbox.tokens.triggerBorderColor);
22
- var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].label.withConfig({
23
- componentId: "plasma-new-hope__sc-tydhc1-2"
24
- })(["position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;"]);
25
- var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
26
- componentId: "plasma-new-hope__sc-tydhc1-3"
27
- })(["display:flex;flex-direction:column;margin-top:var(", ");margin-left:var(", ");"], _Checkbox.tokens.contentTopOffset, _Checkbox.tokens.contentLeftOffset);
28
- var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].span.withConfig({
29
- componentId: "plasma-new-hope__sc-tydhc1-4"
30
- })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Checkbox.tokens.labelFontFamily, _Checkbox.tokens.labelFontSize, _Checkbox.tokens.labelFontStyle, _Checkbox.tokens.labelFontWeight, _Checkbox.tokens.labelLetterSpacing, _Checkbox.tokens.labelLineHeight);
31
- var StyledDescription = exports.StyledDescription = /*#__PURE__*/_styledComponents["default"].div.withConfig({
32
- componentId: "plasma-new-hope__sc-tydhc1-5"
33
- })(["margin-top:var(", ");color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");&.", "{margin-top:0;}"], _Checkbox.tokens.descriptionMarginTop, _Checkbox.tokens.descriptionColor, _Checkbox.tokens.descriptionFontFamily, _Checkbox.tokens.descriptionFontSize, _Checkbox.tokens.descriptionFontStyle, _Checkbox.tokens.descriptionFontWeight, _Checkbox.tokens.descriptionLetterSpacing, _Checkbox.tokens.descriptionLineHeight, _Checkbox.classes.onlyDescription);
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.tokens = exports.classes = void 0;
7
- var classes = exports.classes = {
8
- singleLine: 'single-line',
9
- checkboxTrigger: 'checkbox-trigger',
10
- onlyDescription: 'only-description'
11
- };
12
- var tokens = exports.tokens = {
13
- margin: '--plasma-checkbox-margin',
14
- triggerMargin: '--plasma-checkbox-trigger-margin',
15
- triggerSize: '--plasma-checkbox-trigger-size',
16
- triggerBorderRadius: '--plasma-checkbox-trigger-border-radius',
17
- contentTopOffset: '--plasma-checkbox-content-top-offset',
18
- contentLeftOffset: '--plasma-checkbox-content-left-offset',
19
- labelFontFamily: '--plasma-checkbox-label-font-family',
20
- labelFontSize: '--plasma-checkbox-label-font-size',
21
- labelFontStyle: '--plasma-checkbox-label-font-style',
22
- labelFontWeight: '--plasma-checkbox-label-font-weight',
23
- labelLetterSpacing: '--plasma-checkbox-label-letter-spacing',
24
- labelLineHeight: '--plasma-checkbox-label-line-height',
25
- descriptionMarginTop: '--plasma-checkbox-description-margin-top',
26
- descriptionOnlyMarginTop: '--plasma-checkbox-description-only-margin-top',
27
- descriptionFontFamily: '--plasma-checkbox-description-font-family',
28
- descriptionFontSize: '--plasma-checkbox-description-font-size',
29
- descriptionFontStyle: '--plasma-checkbox-description-font-style',
30
- descriptionFontWeight: '--plasma-checkbox-description-font-weight',
31
- descriptionLetterSpacing: '--plasma-checkbox-description-letter-spacing',
32
- descriptionLineHeight: '--plasma-checkbox-description-line-height',
33
- fillColor: '--plasma-checkbox-fill-color',
34
- iconColor: '--plasma-checkbox-icon-color',
35
- descriptionColor: '--plasma-checkbox-description-color',
36
- triggerBorderColor: '--plasma-checkbox-trigger-border-color',
37
- focusColor: '--plasma-checkbox-focus-color',
38
- disabledOpacity: '--plasma-checkbox-disabled-opacity'
39
- };
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _Checkbox = /*#__PURE__*/require("../../Checkbox.styles");
9
- var _Checkbox2 = /*#__PURE__*/require("../../Checkbox.tokens");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["input:disabled + ", "{opacity:var(", ");}input:disabled + ", "{cursor:not-allowed;}"], _Checkbox.StyledContentWrapper, _Checkbox2.tokens.disabledOpacity, _Checkbox.StyledContentWrapper);
@@ -1,32 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _mixins = /*#__PURE__*/require("../../../../mixins");
9
- var _Checkbox = /*#__PURE__*/require("../../Checkbox.tokens");
10
- /**
11
- * INFO: на 36 строке нет возможности использвать .${classes.checkboxTrigger},
12
- * потому что линтер правит селектор и он применяется некорректно
13
- */
14
-
15
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{", "}input[data-focus-visible-added] + label .", "{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .checkbox-trigger,input[type='checkbox'][data-focus-visible-added]:indeterminate + label .", "{", "}"], _Checkbox.classes.checkboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
16
- outlineOffset: '0',
17
- outlineSize: '0.125rem',
18
- outlineRadius: /*#__PURE__*/"var(".concat(_Checkbox.tokens.triggerBorderRadius, ")"),
19
- outlineColor: 'transparent'
20
- }), _Checkbox.classes.checkboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
21
- outlineOffset: '-0.125rem',
22
- outlineSize: '0.125rem',
23
- outlineRadius: /*#__PURE__*/"var(".concat(_Checkbox.tokens.triggerBorderRadius, ")"),
24
- outlineColor: /*#__PURE__*/"var(".concat(_Checkbox.tokens.focusColor, ")"),
25
- customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.125rem var(".concat(_Checkbox.tokens.focusColor, ");\n }\n ")
26
- }), _Checkbox.classes.checkboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
27
- outlineOffset: '-0.125rem',
28
- outlineSize: '0.063rem',
29
- outlineRadius: /*#__PURE__*/"calc(var(".concat(_Checkbox.tokens.triggerBorderRadius, ") + 0.125rem)"),
30
- outlineColor: /*#__PURE__*/"var(".concat(_Checkbox.tokens.focusColor, ")"),
31
- customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.063rem var(".concat(_Checkbox.tokens.focusColor, ");\n }\n ")
32
- }));
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _Checkbox = /*#__PURE__*/require("../../Checkbox.styles");
9
- var _Checkbox2 = /*#__PURE__*/require("../../Checkbox.tokens");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["input[type='checkbox']:indeterminate + ", " ", "{border:none;background:var(", ");border-color:var(", ");}input:checked + ", " ", "{border:none;background:var(", ");border-color:var(", ");}"], _Checkbox.StyledContentWrapper, _Checkbox.StyledTrigger, _Checkbox2.tokens.fillColor, _Checkbox2.tokens.fillColor, _Checkbox.StyledContentWrapper, _Checkbox.StyledTrigger, _Checkbox2.tokens.fillColor, _Checkbox2.tokens.fillColor);
@@ -1 +0,0 @@
1
- ["--plasma-checkbox-fill-color"]
@@ -1,19 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.base = exports.StyledEllipse = void 0;
8
- var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
9
- var _Checkbox = /*#__PURE__*/require("../Checkbox");
10
- var _mixins = /*#__PURE__*/require("../../mixins");
11
- var _Radiobox = /*#__PURE__*/require("./Radiobox.tokens");
12
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
14
- // NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
15
- var mappingOverride = /*#__PURE__*/"\n ".concat(_Checkbox.checkboxTokens.labelFontFamily, ": var(").concat(_Radiobox.tokens.labelFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.labelFontSize, ": var(").concat(_Radiobox.tokens.labelFontSize, ");\n ").concat(_Checkbox.checkboxTokens.labelFontStyle, ": var(").concat(_Radiobox.tokens.labelFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.labelFontWeight, ": var(").concat(_Radiobox.tokens.labelFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.labelLetterSpacing, ": var(").concat(_Radiobox.tokens.labelLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.labelLineHeight, ": var(").concat(_Radiobox.tokens.labelLineHeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionMarginTop, ": var(").concat(_Radiobox.tokens.descriptionMarginTop, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontFamily, ": var(").concat(_Radiobox.tokens.descriptionFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontSize, ": var(").concat(_Radiobox.tokens.descriptionFontSize, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontStyle, ": var(").concat(_Radiobox.tokens.descriptionFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontWeight, ": var(").concat(_Radiobox.tokens.descriptionFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLetterSpacing, ": var(").concat(_Radiobox.tokens.descriptionLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLineHeight, ": var(").concat(_Radiobox.tokens.descriptionLineHeight, ");\n\n ").concat(_Checkbox.checkboxTokens.fillColor, ": var(").concat(_Radiobox.tokens.fillColor, ");\n ").concat(_Checkbox.checkboxTokens.descriptionColor, ": var(").concat(_Radiobox.tokens.descriptionColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderColor, ": var(").concat(_Radiobox.tokens.triggerBorderColor, ");\n\n ").concat(_Checkbox.checkboxTokens.contentTopOffset, ": var(").concat(_Radiobox.tokens.contentTopOffset, ");\n ").concat(_Checkbox.checkboxTokens.contentLeftOffset, ": var(").concat(_Radiobox.tokens.contentLeftOffset, ");\n ").concat(_Checkbox.checkboxTokens.triggerSize, ": var(").concat(_Radiobox.tokens.triggerSize, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderRadius, ": var(").concat(_Radiobox.tokens.triggerBorderRadius, ");\n ").concat(_Checkbox.checkboxTokens.triggerMargin, ": var(").concat(_Radiobox.tokens.triggerMargin, ");\n");
16
- var StyledEllipse = exports.StyledEllipse = /*#__PURE__*/_styledComponents["default"].div.withConfig({
17
- componentId: "plasma-new-hope__sc-rqiilp-0"
18
- })(["width:var(", ");height:var(", ");border-radius:var(", ");background-color:var(", ");transition:transform 0.3s ease-in-out;transform:scale(0);input:checked + label &{transform:scale(1);}"], _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseColor);
19
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", ";margin:var(", ");", ";position:relative;align-items:flex-start;display:flex;cursor:pointer;.", "{", ";}"], mappingOverride, _Radiobox.tokens.margin, /*#__PURE__*/(0, _mixins.applyNoUserSelect)(), _Radiobox.classes.singleLine, /*#__PURE__*/(0, _mixins.applyEllipsis)());
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.tokens = exports.classes = void 0;
7
- var classes = exports.classes = {
8
- singleLine: 'single-line',
9
- radioboxTrigger: 'radiobox-trigger',
10
- onlyDescription: 'only-description'
11
- };
12
- var tokens = exports.tokens = {
13
- labelFontFamily: '--plasma-radiobox-label-font-family',
14
- labelFontSize: '--plasma-radiobox-label-font-size',
15
- labelFontStyle: '--plasma-radiobox-label-font-style',
16
- labelFontWeight: '--plasma-radiobox-label-font-weight',
17
- labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
18
- labelLineHeight: '--plasma-radiobox-label-line-height',
19
- descriptionMarginTop: '--plasma-checkbox-description-margin-top',
20
- descriptionFontFamily: '--plasma-radiobox-description-font-family',
21
- descriptionFontSize: '--plasma-radiobox-description-font-size',
22
- descriptionFontStyle: '--plasma-radiobox-description-font-style',
23
- descriptionFontWeight: '--plasma-radiobox-description-font-weight',
24
- descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
25
- descriptionLineHeight: '--plasma-radiobox-description-line-height',
26
- fillColor: '--plasma-radiobox-fill-color',
27
- descriptionColor: '--plasma-radiobox-description-color',
28
- triggerBorderColor: '--plasma-radiobox-trigger-border-color',
29
- contentTopOffset: '--plasma-radiobox-content-top-offset',
30
- contentLeftOffset: '--plasma-radiobox-content-left-offset',
31
- triggerSize: '--plasma-radiobox-trigger-size',
32
- triggerBorderRadius: '--plasma-radiobox-trigger-border-radius',
33
- triggerMargin: '--plasma-radiobox-trigger-margin',
34
- margin: '--plasma-radiobox-margin',
35
- ellipseSize: '--plasma-radiobox-ellipse-size',
36
- ellipseColor: '--plasma-radiobox-ellipse-color',
37
- disabledOpacity: '--plasma-radiobox-disabled-opacity',
38
- focusColor: '--plasma-radiobox-focus-color'
39
- };
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _mixins = /*#__PURE__*/require("../../../../mixins");
9
- var _Radiobox = /*#__PURE__*/require("../../Radiobox.tokens");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{", "}input[data-focus-visible-added] + label .", "{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .", "{", "}"], _Radiobox.classes.radioboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
11
- outlineOffset: '0',
12
- outlineSize: '0.125rem',
13
- outlineRadius: /*#__PURE__*/"var(".concat(_Radiobox.tokens.triggerBorderRadius, ")"),
14
- outlineColor: 'transparent'
15
- }), _Radiobox.classes.radioboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
16
- outlineOffset: '-0.125rem',
17
- outlineSize: '0.125rem',
18
- outlineRadius: /*#__PURE__*/"var(".concat(_Radiobox.tokens.triggerBorderRadius, ")"),
19
- outlineColor: /*#__PURE__*/"var(".concat(_Radiobox.tokens.focusColor, ")"),
20
- customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.125rem var(".concat(_Radiobox.tokens.focusColor, ");\n }\n ")
21
- }), _Radiobox.classes.radioboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
22
- outlineOffset: '-0.125rem',
23
- outlineSize: '0.063rem',
24
- outlineRadius: /*#__PURE__*/"calc(var(".concat(_Radiobox.tokens.triggerBorderRadius, ") + 0.125rem)"),
25
- outlineColor: /*#__PURE__*/"var(".concat(_Radiobox.tokens.focusColor, ")"),
26
- customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.063rem var(".concat(_Radiobox.tokens.focusColor, ");\n }\n ")
27
- }));
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _Radiobox = /*#__PURE__*/require("../../Radiobox.tokens");
9
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["input:checked + label .", "{border:none;background:var(", ");border-color:var(", ");}"], _Radiobox.classes.radioboxTrigger, _Radiobox.tokens.fillColor, _Radiobox.tokens.fillColor);
@@ -1,25 +0,0 @@
1
- var _templateObject;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
- import { css } from 'styled-components';
4
- import styled from 'styled-components';
5
- import { applyEllipsis, applyNoUserSelect } from '../../mixins';
6
- import { classes, tokens } from './Checkbox.tokens';
7
- export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n margin: var(", ");\n\n ", ";\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n\n .", " {\n ", ";\n }\n"])), tokens.margin, /*#__PURE__*/applyNoUserSelect(), classes.singleLine, /*#__PURE__*/applyEllipsis());
8
- export var StyledInput = /*#__PURE__*/styled.input.withConfig({
9
- componentId: "plasma-new-hope__sc-tydhc1-0"
10
- })(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
11
- export var StyledTrigger = /*#__PURE__*/styled.div.withConfig({
12
- componentId: "plasma-new-hope__sc-tydhc1-1"
13
- })(["margin:var(", ");width:var(", ");height:var(", ");border-radius:var(", ");position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:0.125rem solid var(", ");box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"], tokens.triggerMargin, tokens.triggerSize, tokens.triggerSize, tokens.triggerBorderRadius, tokens.triggerBorderColor);
14
- export var StyledContentWrapper = /*#__PURE__*/styled.label.withConfig({
15
- componentId: "plasma-new-hope__sc-tydhc1-2"
16
- })(["position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;"]);
17
- export var StyledContent = /*#__PURE__*/styled.div.withConfig({
18
- componentId: "plasma-new-hope__sc-tydhc1-3"
19
- })(["display:flex;flex-direction:column;margin-top:var(", ");margin-left:var(", ");"], tokens.contentTopOffset, tokens.contentLeftOffset);
20
- export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
21
- componentId: "plasma-new-hope__sc-tydhc1-4"
22
- })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight);
23
- export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
24
- componentId: "plasma-new-hope__sc-tydhc1-5"
25
- })(["margin-top:var(", ");color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");&.", "{margin-top:0;}"], tokens.descriptionMarginTop, tokens.descriptionColor, tokens.descriptionFontFamily, tokens.descriptionFontSize, tokens.descriptionFontStyle, tokens.descriptionFontWeight, tokens.descriptionLetterSpacing, tokens.descriptionLineHeight, classes.onlyDescription);
@@ -1,33 +0,0 @@
1
- export var classes = {
2
- singleLine: 'single-line',
3
- checkboxTrigger: 'checkbox-trigger',
4
- onlyDescription: 'only-description'
5
- };
6
- export var tokens = {
7
- margin: '--plasma-checkbox-margin',
8
- triggerMargin: '--plasma-checkbox-trigger-margin',
9
- triggerSize: '--plasma-checkbox-trigger-size',
10
- triggerBorderRadius: '--plasma-checkbox-trigger-border-radius',
11
- contentTopOffset: '--plasma-checkbox-content-top-offset',
12
- contentLeftOffset: '--plasma-checkbox-content-left-offset',
13
- labelFontFamily: '--plasma-checkbox-label-font-family',
14
- labelFontSize: '--plasma-checkbox-label-font-size',
15
- labelFontStyle: '--plasma-checkbox-label-font-style',
16
- labelFontWeight: '--plasma-checkbox-label-font-weight',
17
- labelLetterSpacing: '--plasma-checkbox-label-letter-spacing',
18
- labelLineHeight: '--plasma-checkbox-label-line-height',
19
- descriptionMarginTop: '--plasma-checkbox-description-margin-top',
20
- descriptionOnlyMarginTop: '--plasma-checkbox-description-only-margin-top',
21
- descriptionFontFamily: '--plasma-checkbox-description-font-family',
22
- descriptionFontSize: '--plasma-checkbox-description-font-size',
23
- descriptionFontStyle: '--plasma-checkbox-description-font-style',
24
- descriptionFontWeight: '--plasma-checkbox-description-font-weight',
25
- descriptionLetterSpacing: '--plasma-checkbox-description-letter-spacing',
26
- descriptionLineHeight: '--plasma-checkbox-description-line-height',
27
- fillColor: '--plasma-checkbox-fill-color',
28
- iconColor: '--plasma-checkbox-icon-color',
29
- descriptionColor: '--plasma-checkbox-description-color',
30
- triggerBorderColor: '--plasma-checkbox-trigger-border-color',
31
- focusColor: '--plasma-checkbox-focus-color',
32
- disabledOpacity: '--plasma-checkbox-disabled-opacity'
33
- };
@@ -1,4 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { StyledContentWrapper } from '../../Checkbox.styles';
3
- import { tokens } from '../../Checkbox.tokens';
4
- export var base = /*#__PURE__*/css(["input:disabled + ", "{opacity:var(", ");}input:disabled + ", "{cursor:not-allowed;}"], StyledContentWrapper, tokens.disabledOpacity, StyledContentWrapper);
@@ -1,27 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { addFocus } from '../../../../mixins';
3
- import { classes, tokens } from '../../Checkbox.tokens';
4
-
5
- /**
6
- * INFO: на 36 строке нет возможности использвать .${classes.checkboxTrigger},
7
- * потому что линтер правит селектор и он применяется некорректно
8
- */
9
-
10
- export var base = /*#__PURE__*/css([".", "{", "}input[data-focus-visible-added] + label .", "{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .checkbox-trigger,input[type='checkbox'][data-focus-visible-added]:indeterminate + label .", "{", "}"], classes.checkboxTrigger, /*#__PURE__*/addFocus({
11
- outlineOffset: '0',
12
- outlineSize: '0.125rem',
13
- outlineRadius: /*#__PURE__*/"var(".concat(tokens.triggerBorderRadius, ")"),
14
- outlineColor: 'transparent'
15
- }), classes.checkboxTrigger, /*#__PURE__*/addFocus({
16
- outlineOffset: '-0.125rem',
17
- outlineSize: '0.125rem',
18
- outlineRadius: /*#__PURE__*/"var(".concat(tokens.triggerBorderRadius, ")"),
19
- outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")"),
20
- customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.125rem var(".concat(tokens.focusColor, ");\n }\n ")
21
- }), classes.checkboxTrigger, /*#__PURE__*/addFocus({
22
- outlineOffset: '-0.125rem',
23
- outlineSize: '0.063rem',
24
- outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.triggerBorderRadius, ") + 0.125rem)"),
25
- outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")"),
26
- customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.063rem var(".concat(tokens.focusColor, ");\n }\n ")
27
- }));
@@ -1,4 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { StyledContentWrapper, StyledTrigger } from '../../Checkbox.styles';
3
- import { tokens } from '../../Checkbox.tokens';
4
- export var base = /*#__PURE__*/css(["input[type='checkbox']:indeterminate + ", " ", "{border:none;background:var(", ");border-color:var(", ");}input:checked + ", " ", "{border:none;background:var(", ");border-color:var(", ");}"], StyledContentWrapper, StyledTrigger, tokens.fillColor, tokens.fillColor, StyledContentWrapper, StyledTrigger, tokens.fillColor, tokens.fillColor);
@@ -1 +0,0 @@
1
- ["--plasma-checkbox-fill-color"]
@@ -1,12 +0,0 @@
1
- import styled from 'styled-components';
2
- import { css } from 'styled-components';
3
- import { checkboxTokens } from '../Checkbox';
4
- import { applyEllipsis, applyNoUserSelect } from '../../mixins';
5
- import { classes, tokens } from './Radiobox.tokens';
6
-
7
- // NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
8
- var mappingOverride = /*#__PURE__*/"\n ".concat(checkboxTokens.labelFontFamily, ": var(").concat(tokens.labelFontFamily, ");\n ").concat(checkboxTokens.labelFontSize, ": var(").concat(tokens.labelFontSize, ");\n ").concat(checkboxTokens.labelFontStyle, ": var(").concat(tokens.labelFontStyle, ");\n ").concat(checkboxTokens.labelFontWeight, ": var(").concat(tokens.labelFontWeight, ");\n ").concat(checkboxTokens.labelLetterSpacing, ": var(").concat(tokens.labelLetterSpacing, ");\n ").concat(checkboxTokens.labelLineHeight, ": var(").concat(tokens.labelLineHeight, ");\n ").concat(checkboxTokens.descriptionMarginTop, ": var(").concat(tokens.descriptionMarginTop, ");\n ").concat(checkboxTokens.descriptionFontFamily, ": var(").concat(tokens.descriptionFontFamily, ");\n ").concat(checkboxTokens.descriptionFontSize, ": var(").concat(tokens.descriptionFontSize, ");\n ").concat(checkboxTokens.descriptionFontStyle, ": var(").concat(tokens.descriptionFontStyle, ");\n ").concat(checkboxTokens.descriptionFontWeight, ": var(").concat(tokens.descriptionFontWeight, ");\n ").concat(checkboxTokens.descriptionLetterSpacing, ": var(").concat(tokens.descriptionLetterSpacing, ");\n ").concat(checkboxTokens.descriptionLineHeight, ": var(").concat(tokens.descriptionLineHeight, ");\n\n ").concat(checkboxTokens.fillColor, ": var(").concat(tokens.fillColor, ");\n ").concat(checkboxTokens.descriptionColor, ": var(").concat(tokens.descriptionColor, ");\n ").concat(checkboxTokens.triggerBorderColor, ": var(").concat(tokens.triggerBorderColor, ");\n\n ").concat(checkboxTokens.contentTopOffset, ": var(").concat(tokens.contentTopOffset, ");\n ").concat(checkboxTokens.contentLeftOffset, ": var(").concat(tokens.contentLeftOffset, ");\n ").concat(checkboxTokens.triggerSize, ": var(").concat(tokens.triggerSize, ");\n ").concat(checkboxTokens.triggerBorderRadius, ": var(").concat(tokens.triggerBorderRadius, ");\n ").concat(checkboxTokens.triggerMargin, ": var(").concat(tokens.triggerMargin, ");\n");
9
- export var StyledEllipse = /*#__PURE__*/styled.div.withConfig({
10
- componentId: "plasma-new-hope__sc-rqiilp-0"
11
- })(["width:var(", ");height:var(", ");border-radius:var(", ");background-color:var(", ");transition:transform 0.3s ease-in-out;transform:scale(0);input:checked + label &{transform:scale(1);}"], tokens.ellipseSize, tokens.ellipseSize, tokens.ellipseSize, tokens.ellipseColor);
12
- export var base = /*#__PURE__*/css(["", ";margin:var(", ");", ";position:relative;align-items:flex-start;display:flex;cursor:pointer;.", "{", ";}"], mappingOverride, tokens.margin, /*#__PURE__*/applyNoUserSelect(), classes.singleLine, /*#__PURE__*/applyEllipsis());
@@ -1,33 +0,0 @@
1
- export var classes = {
2
- singleLine: 'single-line',
3
- radioboxTrigger: 'radiobox-trigger',
4
- onlyDescription: 'only-description'
5
- };
6
- export var tokens = {
7
- labelFontFamily: '--plasma-radiobox-label-font-family',
8
- labelFontSize: '--plasma-radiobox-label-font-size',
9
- labelFontStyle: '--plasma-radiobox-label-font-style',
10
- labelFontWeight: '--plasma-radiobox-label-font-weight',
11
- labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
12
- labelLineHeight: '--plasma-radiobox-label-line-height',
13
- descriptionMarginTop: '--plasma-checkbox-description-margin-top',
14
- descriptionFontFamily: '--plasma-radiobox-description-font-family',
15
- descriptionFontSize: '--plasma-radiobox-description-font-size',
16
- descriptionFontStyle: '--plasma-radiobox-description-font-style',
17
- descriptionFontWeight: '--plasma-radiobox-description-font-weight',
18
- descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
19
- descriptionLineHeight: '--plasma-radiobox-description-line-height',
20
- fillColor: '--plasma-radiobox-fill-color',
21
- descriptionColor: '--plasma-radiobox-description-color',
22
- triggerBorderColor: '--plasma-radiobox-trigger-border-color',
23
- contentTopOffset: '--plasma-radiobox-content-top-offset',
24
- contentLeftOffset: '--plasma-radiobox-content-left-offset',
25
- triggerSize: '--plasma-radiobox-trigger-size',
26
- triggerBorderRadius: '--plasma-radiobox-trigger-border-radius',
27
- triggerMargin: '--plasma-radiobox-trigger-margin',
28
- margin: '--plasma-radiobox-margin',
29
- ellipseSize: '--plasma-radiobox-ellipse-size',
30
- ellipseColor: '--plasma-radiobox-ellipse-color',
31
- disabledOpacity: '--plasma-radiobox-disabled-opacity',
32
- focusColor: '--plasma-radiobox-focus-color'
33
- };
@@ -1,3 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { tokens } from '../../Radiobox.tokens';
3
- export var base = /*#__PURE__*/css(["input:disabled + label{opacity:var(", ");}input:disabled + label{cursor:not-allowed;}"], tokens.disabledOpacity);
@@ -1,21 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { addFocus } from '../../../../mixins';
3
- import { classes, tokens } from '../../Radiobox.tokens';
4
- export var base = /*#__PURE__*/css([".", "{", "}input[data-focus-visible-added] + label .", "{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .", "{", "}"], classes.radioboxTrigger, /*#__PURE__*/addFocus({
5
- outlineOffset: '0',
6
- outlineSize: '0.125rem',
7
- outlineRadius: /*#__PURE__*/"var(".concat(tokens.triggerBorderRadius, ")"),
8
- outlineColor: 'transparent'
9
- }), classes.radioboxTrigger, /*#__PURE__*/addFocus({
10
- outlineOffset: '-0.125rem',
11
- outlineSize: '0.125rem',
12
- outlineRadius: /*#__PURE__*/"var(".concat(tokens.triggerBorderRadius, ")"),
13
- outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")"),
14
- customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.125rem var(".concat(tokens.focusColor, ");\n }\n ")
15
- }), classes.radioboxTrigger, /*#__PURE__*/addFocus({
16
- outlineOffset: '-0.125rem',
17
- outlineSize: '0.063rem',
18
- outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.triggerBorderRadius, ") + 0.125rem)"),
19
- outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")"),
20
- customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.063rem var(".concat(tokens.focusColor, ");\n }\n ")
21
- }));
@@ -1,3 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { classes, tokens } from '../../Radiobox.tokens';
3
- export var base = /*#__PURE__*/css(["input:checked + label .", "{border:none;background:var(", ");border-color:var(", ");}"], classes.radioboxTrigger, tokens.fillColor, tokens.fillColor);