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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (265) hide show
  1. package/cjs/components/Checkbox/Checkbox.css +13 -0
  2. package/cjs/components/Checkbox/Checkbox.js +22 -59
  3. package/cjs/components/Checkbox/Checkbox.js.map +1 -1
  4. package/cjs/components/Checkbox/Checkbox.styles.js +47 -0
  5. package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -0
  6. package/cjs/components/Checkbox/Checkbox.styles_1266095.css +7 -0
  7. package/cjs/components/Checkbox/Checkbox.tokens.js +41 -0
  8. package/cjs/components/Checkbox/Checkbox.tokens.js.map +1 -0
  9. package/cjs/components/Checkbox/IconsSvg.js +9 -9
  10. package/cjs/components/Checkbox/IconsSvg.js.map +1 -1
  11. package/cjs/components/Checkbox/{_disabled → variations/_disabled}/base.js +2 -2
  12. package/cjs/components/Checkbox/variations/_disabled/base.js.map +1 -0
  13. package/cjs/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
  14. package/cjs/components/Checkbox/variations/_focused/base.js +14 -0
  15. package/cjs/components/Checkbox/variations/_focused/base.js.map +1 -0
  16. package/cjs/components/Checkbox/variations/_focused/base_hr4zpz.css +1 -0
  17. package/cjs/components/{Radiobox → Checkbox/variations}/_size/base.js +1 -1
  18. package/cjs/components/Checkbox/variations/_size/base.js.map +1 -0
  19. package/cjs/components/Checkbox/{_view → variations/_view}/base.js +2 -2
  20. package/cjs/components/Checkbox/variations/_view/base.js.map +1 -0
  21. package/cjs/components/Checkbox/variations/_view/base_x252cy.css +1 -0
  22. package/cjs/components/Radiobox/Radiobox.css +16 -0
  23. package/cjs/components/Radiobox/Radiobox.js +23 -32
  24. package/cjs/components/Radiobox/Radiobox.js.map +1 -1
  25. package/cjs/components/Radiobox/Radiobox.styles.js +19 -0
  26. package/cjs/components/Radiobox/Radiobox.styles.js.map +1 -0
  27. package/cjs/components/Radiobox/Radiobox.styles_1skfuon.css +2 -0
  28. package/cjs/components/Radiobox/Radiobox.tokens.js +41 -0
  29. package/cjs/components/Radiobox/Radiobox.tokens.js.map +1 -0
  30. package/cjs/components/{Checkbox/_focused → Radiobox/variations/_disabled}/base.js +2 -2
  31. package/cjs/components/Radiobox/variations/_disabled/base.js.map +1 -0
  32. package/cjs/components/Radiobox/variations/_disabled/base_6ae9j2.css +1 -0
  33. package/cjs/components/Radiobox/variations/_focused/base.js +9 -0
  34. package/cjs/components/Radiobox/variations/_focused/base.js.map +1 -0
  35. package/cjs/components/Radiobox/{_focused/base_1nruwxa.css → variations/_focused/base_1d7o4za.css} +1 -1
  36. package/cjs/components/{Checkbox → Radiobox/variations}/_size/base.js +1 -1
  37. package/cjs/components/Radiobox/variations/_size/base.js.map +1 -0
  38. package/cjs/components/Radiobox/variations/_view/base.js +9 -0
  39. package/cjs/components/Radiobox/variations/_view/base.js.map +1 -0
  40. package/cjs/components/Radiobox/{_view/base_wj0ueq.css → variations/_view/base_11n1fn3.css} +1 -1
  41. package/cjs/index.css +15 -15
  42. package/cjs/index.js +4 -0
  43. package/cjs/index.js.map +1 -1
  44. package/es/components/Checkbox/Checkbox.css +13 -0
  45. package/es/components/Checkbox/Checkbox.js +12 -43
  46. package/es/components/Checkbox/Checkbox.js.map +1 -1
  47. package/es/components/Checkbox/Checkbox.styles.js +37 -0
  48. package/es/components/Checkbox/Checkbox.styles.js.map +1 -0
  49. package/es/components/Checkbox/Checkbox.styles_1266095.css +7 -0
  50. package/es/components/Checkbox/Checkbox.tokens.js +36 -0
  51. package/es/components/Checkbox/Checkbox.tokens.js.map +1 -0
  52. package/es/components/Checkbox/IconsSvg.js +9 -9
  53. package/es/components/Checkbox/IconsSvg.js.map +1 -1
  54. package/es/components/Checkbox/{_disabled → variations/_disabled}/base.js +2 -2
  55. package/es/components/Checkbox/variations/_disabled/base.js.map +1 -0
  56. package/es/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
  57. package/es/components/Checkbox/variations/_focused/base.js +10 -0
  58. package/es/components/Checkbox/variations/_focused/base.js.map +1 -0
  59. package/es/components/Checkbox/variations/_focused/base_hr4zpz.css +1 -0
  60. package/es/components/Checkbox/{_size → variations/_size}/base.js +1 -1
  61. package/es/components/Checkbox/variations/_size/base.js.map +1 -0
  62. package/es/components/Checkbox/{_view → variations/_view}/base.js +2 -2
  63. package/es/components/Checkbox/variations/_view/base.js.map +1 -0
  64. package/es/components/Checkbox/variations/_view/base_x252cy.css +1 -0
  65. package/es/components/Radiobox/Radiobox.css +16 -0
  66. package/es/components/Radiobox/Radiobox.js +12 -21
  67. package/es/components/Radiobox/Radiobox.js.map +1 -1
  68. package/es/components/Radiobox/Radiobox.styles.js +14 -0
  69. package/es/components/Radiobox/Radiobox.styles.js.map +1 -0
  70. package/es/components/Radiobox/Radiobox.styles_1skfuon.css +2 -0
  71. package/es/components/Radiobox/Radiobox.tokens.js +36 -0
  72. package/es/components/Radiobox/Radiobox.tokens.js.map +1 -0
  73. package/es/components/{Checkbox/_focused → Radiobox/variations/_disabled}/base.js +2 -2
  74. package/es/components/Radiobox/variations/_disabled/base.js.map +1 -0
  75. package/es/components/Radiobox/variations/_disabled/base_6ae9j2.css +1 -0
  76. package/es/components/Radiobox/variations/_focused/base.js +5 -0
  77. package/es/components/Radiobox/variations/_focused/base.js.map +1 -0
  78. package/es/components/Radiobox/{_focused/base_1nruwxa.css → variations/_focused/base_1d7o4za.css} +1 -1
  79. package/es/components/Radiobox/{_size → variations/_size}/base.js +1 -1
  80. package/es/components/Radiobox/variations/_size/base.js.map +1 -0
  81. package/es/components/Radiobox/variations/_view/base.js +5 -0
  82. package/es/components/Radiobox/variations/_view/base.js.map +1 -0
  83. package/es/components/Radiobox/{_view/base_wj0ueq.css → variations/_view/base_11n1fn3.css} +1 -1
  84. package/es/index.css +15 -15
  85. package/es/index.js +2 -0
  86. package/es/index.js.map +1 -1
  87. package/package.json +2 -2
  88. package/styled-components/cjs/components/Checkbox/Checkbox.js +20 -40
  89. package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +33 -0
  90. package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +39 -0
  91. package/styled-components/cjs/components/Checkbox/Checkbox.types.js +5 -0
  92. package/styled-components/cjs/components/Checkbox/IconsSvg.js +9 -9
  93. package/styled-components/cjs/components/Checkbox/index.js +8 -1
  94. package/styled-components/cjs/components/Checkbox/variations/_disabled/base.js +10 -0
  95. package/styled-components/cjs/components/Checkbox/variations/_focused/base.js +32 -0
  96. package/styled-components/cjs/components/Checkbox/variations/_view/base.js +10 -0
  97. package/styled-components/cjs/components/Checkbox/variations/_view/tokens.json +1 -0
  98. package/styled-components/cjs/components/Radiobox/Radiobox.js +15 -22
  99. package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +19 -0
  100. package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +39 -0
  101. package/styled-components/cjs/components/Radiobox/index.js +8 -1
  102. package/styled-components/cjs/components/{Checkbox → Radiobox/variations}/_disabled/base.js +2 -1
  103. package/styled-components/cjs/components/Radiobox/variations/_focused/base.js +27 -0
  104. package/styled-components/cjs/components/Radiobox/variations/_view/base.js +9 -0
  105. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
  106. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -0
  107. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
  108. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
  109. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -0
  110. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
  111. package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
  112. package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +13 -12
  113. package/styled-components/es/components/Checkbox/Checkbox.js +12 -33
  114. package/styled-components/es/components/Checkbox/Checkbox.styles.js +25 -0
  115. package/styled-components/es/components/Checkbox/Checkbox.tokens.js +33 -0
  116. package/styled-components/es/components/Checkbox/Checkbox.types.js +1 -0
  117. package/styled-components/es/components/Checkbox/IconsSvg.js +9 -9
  118. package/styled-components/es/components/Checkbox/index.js +2 -1
  119. package/styled-components/es/components/Checkbox/variations/_disabled/base.js +4 -0
  120. package/styled-components/es/components/Checkbox/variations/_focused/base.js +27 -0
  121. package/styled-components/es/components/Checkbox/variations/_view/base.js +4 -0
  122. package/styled-components/es/components/Checkbox/variations/_view/tokens.json +1 -0
  123. package/styled-components/es/components/Radiobox/Radiobox.js +13 -22
  124. package/styled-components/es/components/Radiobox/Radiobox.styles.js +12 -0
  125. package/styled-components/es/components/Radiobox/Radiobox.tokens.js +33 -0
  126. package/styled-components/es/components/Radiobox/index.js +2 -1
  127. package/styled-components/es/components/Radiobox/variations/_disabled/base.js +3 -0
  128. package/styled-components/es/components/Radiobox/variations/_focused/base.js +21 -0
  129. package/styled-components/es/components/Radiobox/variations/_view/base.js +3 -0
  130. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
  131. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -0
  132. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
  133. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
  134. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -0
  135. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
  136. package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
  137. package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +13 -12
  138. package/types/components/Checkbox/Checkbox.d.ts +4 -37
  139. package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
  140. package/types/components/Checkbox/Checkbox.styles.d.ts +9 -0
  141. package/types/components/Checkbox/Checkbox.styles.d.ts.map +1 -0
  142. package/types/components/Checkbox/Checkbox.tokens.d.ts +34 -0
  143. package/types/components/Checkbox/Checkbox.tokens.d.ts.map +1 -0
  144. package/types/components/Checkbox/Checkbox.types.d.ts +29 -0
  145. package/types/components/Checkbox/Checkbox.types.d.ts.map +1 -0
  146. package/types/components/Checkbox/IconsSvg.d.ts.map +1 -1
  147. package/types/components/Checkbox/index.d.ts +2 -1
  148. package/types/components/Checkbox/index.d.ts.map +1 -1
  149. package/types/components/Checkbox/variations/_disabled/base.d.ts.map +1 -0
  150. package/types/components/Checkbox/variations/_focused/base.d.ts +6 -0
  151. package/types/components/Checkbox/variations/_focused/base.d.ts.map +1 -0
  152. package/types/components/Checkbox/variations/_size/base.d.ts.map +1 -0
  153. package/types/components/Checkbox/variations/_view/base.d.ts.map +1 -0
  154. package/types/components/Radiobox/Radiobox.d.ts +1 -1
  155. package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
  156. package/types/components/Radiobox/Radiobox.styles.d.ts +4 -0
  157. package/types/components/Radiobox/Radiobox.styles.d.ts.map +1 -0
  158. package/types/components/Radiobox/Radiobox.tokens.d.ts +34 -0
  159. package/types/components/Radiobox/Radiobox.tokens.d.ts.map +1 -0
  160. package/types/components/Radiobox/index.d.ts +1 -0
  161. package/types/components/Radiobox/index.d.ts.map +1 -1
  162. package/types/components/Radiobox/variations/_disabled/base.d.ts.map +1 -0
  163. package/types/components/Radiobox/variations/_focused/base.d.ts.map +1 -0
  164. package/types/components/Radiobox/variations/_size/base.d.ts.map +1 -0
  165. package/types/components/Radiobox/variations/_view/base.d.ts.map +1 -0
  166. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts +0 -1
  167. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  168. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts +1 -1
  169. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts.map +1 -1
  170. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  171. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts +0 -1
  172. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  173. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts +1 -1
  174. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts.map +1 -1
  175. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  176. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts +0 -1
  177. package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  178. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts +1 -1
  179. package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts.map +1 -1
  180. package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  181. package/cjs/components/Checkbox/Checkbox_1q4l832.css +0 -7
  182. package/cjs/components/Checkbox/_disabled/base.js.map +0 -1
  183. package/cjs/components/Checkbox/_disabled/base_fyu17z.css +0 -1
  184. package/cjs/components/Checkbox/_focused/base.js.map +0 -1
  185. package/cjs/components/Checkbox/_focused/base_po5iiu.css +0 -1
  186. package/cjs/components/Checkbox/_size/base.js.map +0 -1
  187. package/cjs/components/Checkbox/_view/base.js.map +0 -1
  188. package/cjs/components/Checkbox/_view/base_1vqr3f.css +0 -1
  189. package/cjs/components/Radiobox/Radiobox_1ri2eqv.css +0 -2
  190. package/cjs/components/Radiobox/_disabled/base.js +0 -9
  191. package/cjs/components/Radiobox/_disabled/base.js.map +0 -1
  192. package/cjs/components/Radiobox/_disabled/base_1jca5bk.css +0 -1
  193. package/cjs/components/Radiobox/_focused/base.js +0 -9
  194. package/cjs/components/Radiobox/_focused/base.js.map +0 -1
  195. package/cjs/components/Radiobox/_size/base.js.map +0 -1
  196. package/cjs/components/Radiobox/_view/base.js +0 -9
  197. package/cjs/components/Radiobox/_view/base.js.map +0 -1
  198. package/es/components/Checkbox/Checkbox_1q4l832.css +0 -7
  199. package/es/components/Checkbox/_disabled/base.js.map +0 -1
  200. package/es/components/Checkbox/_disabled/base_fyu17z.css +0 -1
  201. package/es/components/Checkbox/_focused/base.js.map +0 -1
  202. package/es/components/Checkbox/_focused/base_po5iiu.css +0 -1
  203. package/es/components/Checkbox/_size/base.js.map +0 -1
  204. package/es/components/Checkbox/_view/base.js.map +0 -1
  205. package/es/components/Checkbox/_view/base_1vqr3f.css +0 -1
  206. package/es/components/Radiobox/Radiobox_1ri2eqv.css +0 -2
  207. package/es/components/Radiobox/_disabled/base.js +0 -5
  208. package/es/components/Radiobox/_disabled/base.js.map +0 -1
  209. package/es/components/Radiobox/_disabled/base_1jca5bk.css +0 -1
  210. package/es/components/Radiobox/_focused/base.js +0 -5
  211. package/es/components/Radiobox/_focused/base.js.map +0 -1
  212. package/es/components/Radiobox/_size/base.js.map +0 -1
  213. package/es/components/Radiobox/_view/base.js +0 -5
  214. package/es/components/Radiobox/_view/base.js.map +0 -1
  215. package/styled-components/cjs/components/Checkbox/_focused/base.js +0 -26
  216. package/styled-components/cjs/components/Checkbox/_view/base.js +0 -8
  217. package/styled-components/cjs/components/Checkbox/_view/tokens.json +0 -1
  218. package/styled-components/cjs/components/Radiobox/_disabled/base.js +0 -8
  219. package/styled-components/cjs/components/Radiobox/_focused/base.js +0 -26
  220. package/styled-components/cjs/components/Radiobox/_view/base.js +0 -8
  221. package/styled-components/es/components/Checkbox/_disabled/base.js +0 -2
  222. package/styled-components/es/components/Checkbox/_focused/base.js +0 -20
  223. package/styled-components/es/components/Checkbox/_view/base.js +0 -2
  224. package/styled-components/es/components/Checkbox/_view/tokens.json +0 -1
  225. package/styled-components/es/components/Radiobox/_disabled/base.js +0 -2
  226. package/styled-components/es/components/Radiobox/_focused/base.js +0 -20
  227. package/styled-components/es/components/Radiobox/_view/base.js +0 -2
  228. package/types/components/Checkbox/_disabled/base.d.ts.map +0 -1
  229. package/types/components/Checkbox/_focused/base.d.ts.map +0 -1
  230. package/types/components/Checkbox/_size/base.d.ts.map +0 -1
  231. package/types/components/Checkbox/_view/base.d.ts.map +0 -1
  232. package/types/components/Radiobox/_disabled/base.d.ts.map +0 -1
  233. package/types/components/Radiobox/_focused/base.d.ts.map +0 -1
  234. package/types/components/Radiobox/_size/base.d.ts.map +0 -1
  235. package/types/components/Radiobox/_view/base.d.ts +0 -2
  236. package/types/components/Radiobox/_view/base.d.ts.map +0 -1
  237. /package/cjs/components/Checkbox/{_size → variations/_size}/base_x642ct.css +0 -0
  238. /package/cjs/components/Radiobox/{_size → variations/_size}/base_x642ct.css +0 -0
  239. /package/es/components/Checkbox/{_size → variations/_size}/base_x642ct.css +0 -0
  240. /package/es/components/Radiobox/{_size → variations/_size}/base_x642ct.css +0 -0
  241. /package/styled-components/cjs/components/Checkbox/{_disabled → variations/_disabled}/tokens.json +0 -0
  242. /package/styled-components/cjs/components/Checkbox/{_focused → variations/_focused}/tokens.json +0 -0
  243. /package/styled-components/cjs/components/Checkbox/{_size → variations/_size}/base.js +0 -0
  244. /package/styled-components/cjs/components/Checkbox/{_size → variations/_size}/tokens.json +0 -0
  245. /package/styled-components/cjs/components/Radiobox/{_disabled → variations/_disabled}/tokens.json +0 -0
  246. /package/styled-components/cjs/components/Radiobox/{_focused → variations/_focused}/tokens.json +0 -0
  247. /package/styled-components/cjs/components/Radiobox/{_size → variations/_size}/base.js +0 -0
  248. /package/styled-components/cjs/components/Radiobox/{_size → variations/_size}/tokens.json +0 -0
  249. /package/styled-components/cjs/components/Radiobox/{_view → variations/_view}/tokens.json +0 -0
  250. /package/styled-components/es/components/Checkbox/{_disabled → variations/_disabled}/tokens.json +0 -0
  251. /package/styled-components/es/components/Checkbox/{_focused → variations/_focused}/tokens.json +0 -0
  252. /package/styled-components/es/components/Checkbox/{_size → variations/_size}/base.js +0 -0
  253. /package/styled-components/es/components/Checkbox/{_size → variations/_size}/tokens.json +0 -0
  254. /package/styled-components/es/components/Radiobox/{_disabled → variations/_disabled}/tokens.json +0 -0
  255. /package/styled-components/es/components/Radiobox/{_focused → variations/_focused}/tokens.json +0 -0
  256. /package/styled-components/es/components/Radiobox/{_size → variations/_size}/base.js +0 -0
  257. /package/styled-components/es/components/Radiobox/{_size → variations/_size}/tokens.json +0 -0
  258. /package/styled-components/es/components/Radiobox/{_view → variations/_view}/tokens.json +0 -0
  259. /package/types/components/Checkbox/{_disabled → variations/_disabled}/base.d.ts +0 -0
  260. /package/types/components/Checkbox/{_focused → variations/_size}/base.d.ts +0 -0
  261. /package/types/components/Checkbox/{_size → variations/_view}/base.d.ts +0 -0
  262. /package/types/components/{Checkbox/_view → Radiobox/variations/_disabled}/base.d.ts +0 -0
  263. /package/types/components/Radiobox/{_disabled → variations/_focused}/base.d.ts +0 -0
  264. /package/types/components/Radiobox/{_focused → variations/_size}/base.d.ts +0 -0
  265. /package/types/components/Radiobox/{_size → variations/_view}/base.d.ts +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';\nimport type { InputHTMLAttributes } from '@salutejs/plasma-core';\n\nimport { applyNoUserSelect, applyEllipsis } from '../../mixins';\nimport type { Filter, RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './_view/base';\nimport { base as sizeCSS } from './_size/base';\nimport { base as disabledCSS } from './_disabled/base';\nimport { base as focusedCSS } from './_focused/base';\nimport { Done, Indeterminate } from './IconsSvg';\n\nexport const StyledInput = styled.input`\n position: absolute;\n\n &:focus {\n outline: 0 none;\n }\n\n /* Спрятать от IE */\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n`;\n\nexport const StyledTrigger = styled.div`\n margin: var(--plasma-checkbox-trigger-margin);\n\n width: var(--plasma-checkbox-trigger-size);\n height: var(--plasma-checkbox-trigger-size);\n border-radius: var(--plasma-checkbox-trigger-border-radius);\n\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n\n background: transparent;\n border: 0.125rem solid var(--plasma-checkbox-trigger-border-color);\n box-sizing: border-box;\n\n flex-shrink: 0;\n flex-grow: 0;\n\n input:not(:indeterminate) + label & div {\n transform: scale(0);\n transition: transform 0.15s ease-in-out;\n }\n\n input:checked + label & div {\n transform: scale(1);\n }\n`;\n\nexport const StyledContentWrapper = styled.label`\n position: relative;\n align-items: flex-start;\n display: flex;\n width: 100%;\n cursor: inherit;\n`;\n\nexport const StyledContent = styled.div`\n display: flex;\n flex-direction: column;\n\n margin-top: var(--plasma-checkbox-content-top-offset);\n margin-left: var(--plasma-checkbox-content-left-offset);\n`;\n\nexport const StyledLabel = styled.span`\n font-family: var(--plasma-checkbox-label-font-family);\n font-size: var(--plasma-checkbox-label-font-size);\n font-style: var(--plasma-checkbox-label-font-style);\n font-weight: var(--plasma-checkbox-label-font-weight);\n letter-spacing: var(--plasma-checkbox-label-letter-spacing);\n line-height: var(--plasma-checkbox-label-line-height);\n`;\n\nexport const StyledDescription = styled.div`\n margin-top: 0.25rem;\n color: var(--plasma-checkbox-description-color);\n\n font-family: var(--plasma-checkbox-description-font-family);\n font-size: var(--plasma-checkbox-description-font-size);\n font-style: var(--plasma-checkbox-description-font-style);\n font-weight: var(--plasma-checkbox-description-font-weight);\n letter-spacing: var(--plasma-checkbox-description-letter-spacing);\n line-height: var(--plasma-checkbox-description-line-height);\n`;\n\nconst base = css`\n .single-line {\n ${applyEllipsis()};\n }\n\n margin: var(--plasma-checkbox-margin);\n\n &.reset-margins {\n margin: 0;\n }\n\n ${applyNoUserSelect()};\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n`;\n\nexport interface BaseboxProps {\n /**\n * Уникальный идентификатор контрола\n */\n id?: string;\n /**\n * Метка-подпись к элементу\n */\n label?: React.ReactNode;\n /**\n * Описание элемента\n */\n description?: React.ReactNode;\n /**\n * Title и description в одну строку или с переносом строк\n */\n singleLine?: boolean;\n /**\n * Неопределенное состояние компонента - когда часть потомков не выбрана.\n */\n indeterminate?: boolean;\n size?: string;\n view?: string;\n focused?: boolean;\n}\n\ntype CheckboxProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & BaseboxProps;\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n const {\n size,\n view,\n focused,\n disabled,\n id,\n label,\n description,\n indeterminate,\n style,\n className,\n singleLine = false,\n 'aria-label': ariaLabelExternal,\n ...rest\n } = props;\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const forkRef = useForkRef(inputRef, ref);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = Boolean(indeterminate);\n }\n }, [inputRef, indeterminate]);\n\n const uniqId = safeUseId();\n const uniqLabelId = `label-${uniqId}`;\n const uniqDescriptionId = `description-${uniqId}`;\n const checkboxId = id || `input-${uniqId}`;\n\n const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n const isLabelAriaHidden = typeof label === 'string';\n const canFocused = focused ? 0 : -1;\n const hasContent = label || description;\n const singleLineClass = singleLine ? 'single-line' : undefined;\n const resetMargins = !hasContent ? 'reset-margins' : undefined;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n focused={focused}\n style={style}\n className={cx(className, resetMargins)}\n tabIndex={-1}\n >\n <StyledInput\n {...rest}\n id={checkboxId}\n ref={forkRef}\n type=\"checkbox\"\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={uniqDescriptionId}\n tabIndex={canFocused}\n />\n <StyledContentWrapper htmlFor={checkboxId}>\n <StyledTrigger className={cx('checkbox-trigger', resetMargins)}>\n {indeterminate ? <Indeterminate /> : <Done />}\n </StyledTrigger>\n {hasContent && (\n <StyledContent className={singleLineClass}>\n {label && (\n <StyledLabel\n className={singleLineClass}\n id={uniqLabelId}\n aria-hidden={isLabelAriaHidden}\n >\n {label}\n </StyledLabel>\n )}\n {description && (\n <StyledDescription className={singleLineClass} id={uniqDescriptionId}>\n {description}\n </StyledDescription>\n )}\n </StyledContent>\n )}\n </StyledContentWrapper>\n </Root>\n );\n });\n\nexport const checkboxConfig = {\n name: 'Checkbox',\n tag: 'div',\n layout: checkboxRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'accent',\n },\n};\n"],"names":["StyledInput","styled","name","class","propsAsIs","StyledTrigger","StyledContentWrapper","StyledContent","StyledLabel","StyledDescription","base","checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_excluded","inputRef","useRef","forkRef","useForkRef","useEffect","current","Boolean","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","undefined","resetMargins","React","createElement","cx","tabIndex","_extends","type","htmlFor","_Indeterminate","Indeterminate","_Done","Done","checkboxConfig","tag","layout","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":";;;;;;;;;;;;;AAgBO,IAAMA,WAAW,gBAAGC,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYhC,EAAA;AAEM,IAAMC,aAAa,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA2BlC,EAAA;AAEM,IAAME,oBAAoB,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMzC,EAAA;AAEM,IAAMG,aAAa,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMlC,EAAA;AAEM,IAAMI,WAAW,gBAAGP,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC,EAAA;AAEM,IAAMK,iBAAiB,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUtC,EAAA;AAED,IAAMM,IAAI,GAiBT,UAAA,CAAA;IA8BYC,YAAY,GAAGA,SAAfA,YAAYA,CAAIC,IAAgD,EAAA;AAAA,EAAA,oBACzEC,UAAU,CAAkC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxD,IAAA,IACIC,IAAI,GAaJF,KAAK,CAbLE,IAAI;MACJC,IAAI,GAYJH,KAAK,CAZLG,IAAI;MACJC,OAAO,GAWPJ,KAAK,CAXLI,OAAO;MACPC,QAAQ,GAURL,KAAK,CAVLK,QAAQ;MACRC,EAAE,GASFN,KAAK,CATLM,EAAE;MACFC,KAAK,GAQLP,KAAK,CARLO,KAAK;MACLC,WAAW,GAOXR,KAAK,CAPLQ,WAAW;MACXC,aAAa,GAMbT,KAAK,CANLS,aAAa;MACbC,KAAK,GAKLV,KAAK,CALLU,KAAK;MACLC,SAAS,GAITX,KAAK,CAJLW,SAAS;MAAAC,iBAAA,GAITZ,KAAK,CAHLa,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;MACJE,iBAAiB,GAE/Bd,KAAK,CAFL,YAAY,CAAA;AACTe,MAAAA,IAAAA,GAAAA,wBAAAA,CACHf,KAAK,EAAAgB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,QAAQ,GAAGC,MAAM,CAA0B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAMC,OAAO,GAAGC,UAAU,CAACH,QAAQ,EAAEhB,GAAG,CAAC,CAAA;AAEzCoB,IAAAA,SAAS,CAAC,YAAM;MACZ,IAAIJ,QAAQ,CAACK,OAAO,EAAE;QAClBL,QAAQ,CAACK,OAAO,CAACb,aAAa,GAAGc,OAAO,CAACd,aAAa,CAAC,CAAA;AAC3D,OAAA;AACJ,KAAC,EAAE,CAACQ,QAAQ,EAAER,aAAa,CAAC,CAAC,CAAA;AAE7B,IAAA,IAAMe,MAAM,GAAGC,SAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,WAAW,GAAA,QAAA,CAAAC,MAAA,CAAYH,MAAO,CAAC,CAAA;AACrC,IAAA,IAAMI,iBAAiB,GAAA,cAAA,CAAAD,MAAA,CAAkBH,MAAO,CAAC,CAAA;AACjD,IAAA,IAAMK,UAAU,GAAGvB,EAAE,aAAAqB,MAAA,CAAaH,MAAO,CAAC,CAAA;IAE1C,IAAMM,SAAS,GAAGC,OAAO,CAAC,YAAA;AAAA,MAAA,OAAMjB,iBAAiB,IAAIkB,eAAe,CAACzB,KAAK,CAAC,CAAA;AAAA,KAAA,EAAE,CAACO,iBAAiB,EAAEP,KAAK,CAAC,CAAC,CAAA;AACxG,IAAA,IAAM0B,iBAAiB,GAAG,OAAO1B,KAAK,KAAK,QAAQ,CAAA;AACnD,IAAA,IAAM2B,UAAU,GAAG9B,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AACnC,IAAA,IAAM+B,UAAU,GAAG5B,KAAK,IAAIC,WAAW,CAAA;AACvC,IAAA,IAAM4B,eAAe,GAAGvB,UAAU,GAAG,aAAa,GAAGwB,SAAS,CAAA;AAC9D,IAAA,IAAMC,YAAY,GAAG,CAACH,UAAU,GAAG,eAAe,GAAGE,SAAS,CAAA;AAE9D,IAAA,oBACIE,KAAA,CAAAC,aAAA,CAAC1C,IAAI,EAAA;AACDK,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXG,MAAAA,QAAQ,EAAEA,QAAS;AACnBD,MAAAA,OAAO,EAAEA,OAAQ;AACjBM,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,SAAS,EAAE8B,EAAE,CAAC9B,SAAS,EAAE2B,YAAY,CAAE;AACvCI,MAAAA,QAAQ,EAAE,CAAC,CAAA;KAEXH,eAAAA,KAAA,CAAAC,aAAA,CAACtD,WAAW,EAAAyD,QAAA,KACJ5B,IAAI,EAAA;AACRT,MAAAA,EAAE,EAAEuB,UAAW;AACf5B,MAAAA,GAAG,EAAEkB,OAAQ;AACbyB,MAAAA,IAAI,EAAC,UAAU;AACfvC,MAAAA,QAAQ,EAAEA,QAAS;AACnB,MAAA,YAAA,EAAYyB,SAAU;AACtB,MAAA,kBAAA,EAAkBF,iBAAkB;AACpCc,MAAAA,QAAQ,EAAER,UAAAA;AAAW,KAAA,CAAA,CAAA,eAEzBK,KAAA,CAAAC,aAAA,CAAChD,oBAAoB,EAAA;AAACqD,MAAAA,OAAO,EAAEhB,UAAAA;AAAW,KAAA,eACtCU,KAAA,CAAAC,aAAA,CAACjD,aAAa,EAAA;AAACoB,MAAAA,SAAS,EAAE8B,EAAE,CAAC,kBAAkB,EAAEH,YAAY,CAAA;AAAE,KAAA,EAC1D7B,aAAa,GAAAqC,cAAA,KAAAA,cAAA,gBAAGP,KAAA,CAAAC,aAAA,CAACO,aAAa,EAAA,IAAG,CAAA,CAAA,GAAAC,KAAA,KAAAA,KAAA,gBAAGT,KAAA,CAAAC,aAAA,CAACS,IAAI,MAAG,CAAA,CAClC,CAAA,EACdd,UAAU,iBACPI,KAAA,CAAAC,aAAA,CAAC/C,aAAa,EAAA;AAACkB,MAAAA,SAAS,EAAEyB,eAAAA;AAAgB,KAAA,EACrC7B,KAAK,iBACFgC,KAAA,CAAAC,aAAA,CAAC9C,WAAW,EAAA;AACRiB,MAAAA,SAAS,EAAEyB,eAAgB;AAC3B9B,MAAAA,EAAE,EAAEoB,WAAY;MAChB,aAAaO,EAAAA,iBAAAA;KAEZ1B,EAAAA,KACQ,CAChB,EACAC,WAAW,iBACR+B,KAAA,CAAAC,aAAA,CAAC7C,iBAAiB,EAAA;AAACgB,MAAAA,SAAS,EAAEyB,eAAgB;AAAC9B,MAAAA,EAAE,EAAEsB,iBAAAA;AAAkB,KAAA,EAChEpB,WACc,CAEZ,CAED,CACpB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM0C,cAAc,GAAG;AAC1B9D,EAAAA,IAAI,EAAE,UAAU;AAChB+D,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEvD,YAAY;AACpBD,EAAAA,IAAI,EAAJA,IAAI;AACJyD,EAAAA,UAAU,EAAE;AACRnD,IAAAA,IAAI,EAAE;AACFoD,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDpD,IAAAA,IAAI,EAAE;AACFmD,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDnD,IAAAA,QAAQ,EAAE;AACNiD,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDrD,IAAAA,OAAO,EAAE;AACLkD,MAAAA,GAAG,EAAEI,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNzD,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,QAAA;AACV,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate } from './IconsSvg';\nimport {\n StyledContent,\n StyledContentWrapper,\n StyledDescription,\n StyledInput,\n StyledLabel,\n StyledTrigger,\n base,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n const {\n size,\n view,\n focused,\n disabled,\n id,\n label,\n description,\n indeterminate,\n style,\n className,\n singleLine = false,\n 'aria-label': ariaLabelExternal,\n ...rest\n } = props;\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const forkRef = useForkRef(inputRef, ref);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = Boolean(indeterminate);\n }\n }, [inputRef, indeterminate]);\n\n const uniqId = safeUseId();\n const uniqLabelId = `label-${uniqId}`;\n const uniqDescriptionId = `description-${uniqId}`;\n const checkboxId = id || `input-${uniqId}`;\n\n const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n const isLabelAriaHidden = typeof label === 'string';\n const canFocused = focused ? 0 : -1;\n const hasContent = label || description;\n const singleLineClass = singleLine ? classes.singleLine : undefined;\n const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n focused={focused}\n style={style}\n className={className}\n tabIndex={-1}\n >\n <StyledInput\n {...rest}\n id={checkboxId}\n ref={forkRef}\n type=\"checkbox\"\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={uniqDescriptionId}\n tabIndex={canFocused}\n />\n <StyledContentWrapper htmlFor={checkboxId}>\n <StyledTrigger className={classes.checkboxTrigger}>\n {indeterminate ? <Indeterminate /> : <Done />}\n </StyledTrigger>\n {hasContent && (\n <StyledContent className={singleLineClass}>\n {label && (\n <StyledLabel\n className={singleLineClass}\n id={uniqLabelId}\n aria-hidden={isLabelAriaHidden}\n >\n {label}\n </StyledLabel>\n )}\n {description && (\n <StyledDescription\n className={cx(singleLineClass, onlyDescriptionClass)}\n id={uniqDescriptionId}\n >\n {description}\n </StyledDescription>\n )}\n </StyledContent>\n )}\n </StyledContentWrapper>\n </Root>\n );\n });\n\nexport const checkboxConfig = {\n name: 'Checkbox',\n tag: 'div',\n layout: checkboxRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'accent',\n },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","inputRef","useRef","forkRef","useForkRef","useEffect","current","Boolean","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","React","createElement","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTrigger","checkboxTrigger","_Indeterminate","Indeterminate","_Done","Done","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
@@ -0,0 +1,37 @@
1
+ import './Checkbox.styles_1266095.css';
2
+ import { styled } from '@linaria/react';
3
+
4
+ var base = "b1udywkg";
5
+ var StyledInput = /*#__PURE__*/styled('input')({
6
+ name: "StyledInput",
7
+ "class": "s165w87d",
8
+ propsAsIs: false
9
+ });
10
+ var StyledTrigger = /*#__PURE__*/styled('div')({
11
+ name: "StyledTrigger",
12
+ "class": "sft3zxv",
13
+ propsAsIs: false
14
+ });
15
+ var StyledContentWrapper = /*#__PURE__*/styled('label')({
16
+ name: "StyledContentWrapper",
17
+ "class": "s1u3nd7e",
18
+ propsAsIs: false
19
+ });
20
+ var StyledContent = /*#__PURE__*/styled('div')({
21
+ name: "StyledContent",
22
+ "class": "shwv1in",
23
+ propsAsIs: false
24
+ });
25
+ var StyledLabel = /*#__PURE__*/styled('span')({
26
+ name: "StyledLabel",
27
+ "class": "s1my1ay",
28
+ propsAsIs: false
29
+ });
30
+ var StyledDescription = /*#__PURE__*/styled('div')({
31
+ name: "StyledDescription",
32
+ "class": "s14u8fnn",
33
+ propsAsIs: false
34
+ });
35
+
36
+ export { StyledContent, StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledTrigger, base };
37
+ //# sourceMappingURL=Checkbox.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.styles.js","sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, applyNoUserSelect } from '../../mixins';\n\nimport { classes, tokens } from './Checkbox.tokens';\n\nexport const base = css`\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\nexport const StyledInput = styled.input`\n position: absolute;\n\n &:focus {\n outline: 0 none;\n }\n\n /* Спрятать от IE */\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n`;\n\nexport const StyledTrigger = styled.div`\n margin: var(${tokens.triggerMargin});\n\n width: var(${tokens.triggerSize});\n height: var(${tokens.triggerSize});\n border-radius: var(${tokens.triggerBorderRadius});\n\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n\n background: transparent;\n border: 0.125rem solid var(${tokens.triggerBorderColor});\n box-sizing: border-box;\n\n flex-shrink: 0;\n flex-grow: 0;\n\n input:not(:indeterminate) + label & div {\n transform: scale(0);\n transition: transform 0.15s ease-in-out;\n }\n\n input:checked + label & div {\n transform: scale(1);\n }\n`;\n\nexport const StyledContentWrapper = styled.label`\n position: relative;\n align-items: flex-start;\n display: flex;\n width: 100%;\n cursor: inherit;\n`;\n\nexport const StyledContent = styled.div`\n display: flex;\n flex-direction: column;\n\n margin-top: var(${tokens.contentTopOffset});\n margin-left: var(${tokens.contentLeftOffset});\n`;\n\nexport const StyledLabel = styled.span`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const StyledDescription = styled.div`\n margin-top: var(${tokens.descriptionMarginTop});\n color: var(${tokens.descriptionColor});\n\n font-family: var(${tokens.descriptionFontFamily});\n font-size: var(${tokens.descriptionFontSize});\n font-style: var(${tokens.descriptionFontStyle});\n font-weight: var(${tokens.descriptionFontWeight});\n letter-spacing: var(${tokens.descriptionLetterSpacing});\n line-height: var(${tokens.descriptionLineHeight});\n\n &.${classes.onlyDescription} {\n margin-top: 0;\n }\n`;\n"],"names":["base","StyledInput","styled","name","class","propsAsIs","StyledTrigger","StyledContentWrapper","StyledContent","StyledLabel","StyledDescription"],"mappings":";;AAOO,IAAMA,IAAI,GAahB,WAAA;AAEM,IAAMC,WAAW,gBAAGC,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYhC,EAAA;AAEM,IAAMC,aAAa,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA2BlC,EAAA;AAEM,IAAME,oBAAoB,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMzC,EAAA;AAEM,IAAMG,aAAa,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMlC,EAAA;AAEM,IAAMI,WAAW,gBAAGP,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC,EAAA;AAEM,IAAMK,iBAAiB,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CActC;;;;"}
@@ -0,0 +1,7 @@
1
+ .b1udywkg{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;}.b1udywkg .single-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
2
+ .s165w87d{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.s165w87d:focus{outline:0 none;}
3
+ .sft3zxv{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 .sft3zxv 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 .sft3zxv div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
4
+ .s1u3nd7e{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
+ .shwv1in{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
+ .s1my1ay{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
+ .s14u8fnn{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);}.s14u8fnn.only-description{margin-top:0;}
@@ -0,0 +1,36 @@
1
+ var classes = {
2
+ singleLine: 'single-line',
3
+ checkboxTrigger: 'checkbox-trigger',
4
+ onlyDescription: 'only-description'
5
+ };
6
+ 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
+ };
34
+
35
+ export { classes, tokens };
36
+ //# sourceMappingURL=Checkbox.tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.tokens.js","sources":["../../../src/components/Checkbox/Checkbox.tokens.ts"],"sourcesContent":["export const classes = {\n singleLine: 'single-line',\n checkboxTrigger: 'checkbox-trigger',\n onlyDescription: 'only-description',\n};\n\nexport const tokens = {\n margin: '--plasma-checkbox-margin',\n triggerMargin: '--plasma-checkbox-trigger-margin',\n triggerSize: '--plasma-checkbox-trigger-size',\n triggerBorderRadius: '--plasma-checkbox-trigger-border-radius',\n contentTopOffset: '--plasma-checkbox-content-top-offset',\n contentLeftOffset: '--plasma-checkbox-content-left-offset',\n labelFontFamily: '--plasma-checkbox-label-font-family',\n labelFontSize: '--plasma-checkbox-label-font-size',\n labelFontStyle: '--plasma-checkbox-label-font-style',\n labelFontWeight: '--plasma-checkbox-label-font-weight',\n labelLetterSpacing: '--plasma-checkbox-label-letter-spacing',\n labelLineHeight: '--plasma-checkbox-label-line-height',\n descriptionMarginTop: '--plasma-checkbox-description-margin-top',\n descriptionOnlyMarginTop: '--plasma-checkbox-description-only-margin-top',\n descriptionFontFamily: '--plasma-checkbox-description-font-family',\n descriptionFontSize: '--plasma-checkbox-description-font-size',\n descriptionFontStyle: '--plasma-checkbox-description-font-style',\n descriptionFontWeight: '--plasma-checkbox-description-font-weight',\n descriptionLetterSpacing: '--plasma-checkbox-description-letter-spacing',\n descriptionLineHeight: '--plasma-checkbox-description-line-height',\n\n fillColor: '--plasma-checkbox-fill-color',\n iconColor: '--plasma-checkbox-icon-color',\n descriptionColor: '--plasma-checkbox-description-color',\n triggerBorderColor: '--plasma-checkbox-trigger-border-color',\n\n focusColor: '--plasma-checkbox-focus-color',\n disabledOpacity: '--plasma-checkbox-disabled-opacity',\n};\n"],"names":["classes","singleLine","checkboxTrigger","onlyDescription","tokens","margin","triggerMargin","triggerSize","triggerBorderRadius","contentTopOffset","contentLeftOffset","labelFontFamily","labelFontSize","labelFontStyle","labelFontWeight","labelLetterSpacing","labelLineHeight","descriptionMarginTop","descriptionOnlyMarginTop","descriptionFontFamily","descriptionFontSize","descriptionFontStyle","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","fillColor","iconColor","descriptionColor","triggerBorderColor","focusColor","disabledOpacity"],"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,MAAM,EAAE,0BAA0B;AAClCC,EAAAA,aAAa,EAAE,kCAAkC;AACjDC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,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,wBAAwB,EAAE,+CAA+C;AACzEC,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,SAAS,EAAE,8BAA8B;AACzCC,EAAAA,gBAAgB,EAAE,qCAAqC;AACvDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAE5DC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,eAAe,EAAE,oCAAA;AACrB;;;;"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
+ import { tokens } from './Checkbox.tokens.js';
2
3
 
3
- var _path, _path2;
4
4
  var Done = function Done() {
5
5
  return /*#__PURE__*/React.createElement("div", {
6
6
  style: {
@@ -11,12 +11,12 @@ var Done = function Done() {
11
11
  viewBox: "0 0 18 18",
12
12
  fill: "none",
13
13
  style: {
14
- width: 'var(--plasma-checkbox-trigger-size)'
14
+ width: "var(".concat(tokens.triggerSize, ")")
15
15
  }
16
- }, _path || (_path = /*#__PURE__*/React.createElement("path", {
17
- fill: "var(--plasma-checkbox-icon-color)",
16
+ }, /*#__PURE__*/React.createElement("path", {
17
+ fill: "var(".concat(tokens.iconColor, ")"),
18
18
  d: "m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z"
19
- }))));
19
+ })));
20
20
  };
21
21
  var Indeterminate = function Indeterminate() {
22
22
  return /*#__PURE__*/React.createElement("div", {
@@ -28,14 +28,14 @@ var Indeterminate = function Indeterminate() {
28
28
  viewBox: "0 0 18 18",
29
29
  fill: "none",
30
30
  style: {
31
- width: 'var(--plasma-checkbox-trigger-size)'
31
+ width: "var(".concat(tokens.triggerSize, ")")
32
32
  }
33
- }, _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
33
+ }, /*#__PURE__*/React.createElement("path", {
34
34
  strokeLinecap: "round",
35
35
  strokeWidth: "2",
36
- stroke: "var(--plasma-checkbox-icon-color)",
36
+ stroke: "var(".concat(tokens.iconColor, ")"),
37
37
  d: "m5.09449,9.0315l8,0"
38
- }))));
38
+ })));
39
39
  };
40
40
 
41
41
  export { Done, Indeterminate };
@@ -1 +1 @@
1
- {"version":3,"file":"IconsSvg.js","sources":["../../../src/components/Checkbox/IconsSvg.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Done = () => (\n <div style={{ display: 'inline-flex' }}>\n <svg width=\"100%\" viewBox=\"0 0 18 18\" fill=\"none\" style={{ width: 'var(--plasma-checkbox-trigger-size)' }}>\n <path\n fill=\"var(--plasma-checkbox-icon-color)\"\n d=\"m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z\"\n />\n </svg>\n </div>\n);\n\nexport const Indeterminate = () => (\n <div style={{ display: 'inline-flex' }}>\n <svg width=\"100%\" viewBox=\"0 0 18 18\" fill=\"none\" style={{ width: 'var(--plasma-checkbox-trigger-size)' }}>\n <path\n strokeLinecap=\"round\"\n strokeWidth=\"2\"\n stroke=\"var(--plasma-checkbox-icon-color)\"\n d=\"m5.09449,9.0315l8,0\"\n />\n </svg>\n </div>\n);\n"],"names":["Done","React","createElement","style","display","width","viewBox","fill","_path","d","Indeterminate","_path2","strokeLinecap","strokeWidth","stroke"],"mappings":";;;AAEaA,IAAAA,IAAI,GAAG,SAAPA,IAAIA,GAAA;EAAA,oBACbC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,aAAA;AAAc,KAAA;GACjCH,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACJ,IAAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAE,qCAAA;AAAsC,KAAA;AAAE,GAAA,EAAAG,KAAA,KAAAA,KAAA,gBACtGP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIK,IAAAA,IAAI,EAAC,mCAAmC;AACxCE,IAAAA,CAAC,EAAC,uRAAA;GACL,CAAC,CACD,CACJ,CAAC,CAAA;AAAA,EACT;AAEYC,IAAAA,aAAa,GAAG,SAAhBA,aAAaA,GAAA;EAAA,oBACtBT,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,aAAA;AAAc,KAAA;GACjCH,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACJ,IAAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAE,qCAAA;AAAsC,KAAA;AAAE,GAAA,EAAAM,MAAA,KAAAA,MAAA,gBACtGV,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIU,IAAAA,aAAa,EAAC,OAAO;AACrBC,IAAAA,WAAW,EAAC,GAAG;AACfC,IAAAA,MAAM,EAAC,mCAAmC;AAC1CL,IAAAA,CAAC,EAAC,qBAAA;GACL,CAAC,CACD,CACJ,CAAC,CAAA;AAAA;;;;"}
1
+ {"version":3,"file":"IconsSvg.js","sources":["../../../src/components/Checkbox/IconsSvg.tsx"],"sourcesContent":["import React from 'react';\n\nimport { tokens } from './Checkbox.tokens';\n\nexport const Done = () => (\n <div style={{ display: 'inline-flex' }}>\n <svg width=\"100%\" viewBox=\"0 0 18 18\" fill=\"none\" style={{ width: `var(${tokens.triggerSize})` }}>\n <path\n fill={`var(${tokens.iconColor})`}\n d=\"m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z\"\n />\n </svg>\n </div>\n);\n\nexport const Indeterminate = () => (\n <div style={{ display: 'inline-flex' }}>\n <svg width=\"100%\" viewBox=\"0 0 18 18\" fill=\"none\" style={{ width: `var(${tokens.triggerSize})` }}>\n <path strokeLinecap=\"round\" strokeWidth=\"2\" stroke={`var(${tokens.iconColor})`} d=\"m5.09449,9.0315l8,0\" />\n </svg>\n </div>\n);\n"],"names":["Done","React","createElement","style","display","width","viewBox","fill","concat","tokens","triggerSize","iconColor","d","Indeterminate","strokeLinecap","strokeWidth","stroke"],"mappings":";;;AAIaA,IAAAA,IAAI,GAAG,SAAPA,IAAIA,GAAA;EAAA,oBACbC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,aAAA;AAAc,KAAA;GACjCH,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACJ,IAAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAAG,MAAAA,CAAAA,MAAA,CAASC,MAAM,CAACC,WAAW,EAAA,GAAA,CAAA;AAAI,KAAA;GAC3FT,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIK,IAAAA,IAAI,SAAAC,MAAA,CAASC,MAAM,CAACE,SAAS,EAAI,GAAA,CAAA;AACjCC,IAAAA,CAAC,EAAC,uRAAA;GACL,CACA,CACJ,CAAC,CAAA;AAAA,EACT;AAEYC,IAAAA,aAAa,GAAG,SAAhBA,aAAaA,GAAA;EAAA,oBACtBZ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,aAAA;AAAc,KAAA;GACjCH,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACJ,IAAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAAG,MAAAA,CAAAA,MAAA,CAASC,MAAM,CAACC,WAAW,EAAA,GAAA,CAAA;AAAI,KAAA;GAC3FT,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMY,IAAAA,aAAa,EAAC,OAAO;AAACC,IAAAA,WAAW,EAAC,GAAG;AAACC,IAAAA,MAAM,SAAAR,MAAA,CAASC,MAAM,CAACE,SAAS,EAAI,GAAA,CAAA;AAACC,IAAAA,CAAC,EAAC,qBAAA;GAAuB,CACxG,CACJ,CAAC,CAAA;AAAA;;;;"}
@@ -1,5 +1,5 @@
1
- import './base_fyu17z.css';
2
- var base = "b7dgytu";
1
+ import './base_1krdtt6.css';
2
+ var base = "bxbqqc3";
3
3
 
4
4
  export { base };
5
5
  //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Checkbox/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { StyledContentWrapper } from '../../Checkbox.styles';\nimport { tokens } from '../../Checkbox.tokens';\n\nexport const base = css`\n input:disabled + ${StyledContentWrapper} {\n opacity: var(${tokens.disabledOpacity});\n }\n\n input:disabled + ${StyledContentWrapper} {\n cursor: not-allowed;\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAQhB;;;;"}
@@ -0,0 +1 @@
1
+ .bxbqqc3 input:disabled + .s1u3nd7e{opacity:var(--plasma-checkbox-disabled-opacity);}.bxbqqc3 input:disabled + .s1u3nd7e{cursor:not-allowed;}
@@ -0,0 +1,10 @@
1
+ import './base_hr4zpz.css';
2
+ /**
3
+ * INFO: на 36 строке нет возможности использвать .${classes.checkboxTrigger},
4
+ * потому что линтер правит селектор и он применяется некорректно
5
+ */
6
+
7
+ var base = "b1y5wkm1";
8
+
9
+ export { base };
10
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Checkbox/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../mixins';\nimport { classes, tokens } from '../../Checkbox.tokens';\n\n/**\n * INFO: на 36 строке нет возможности использвать .${classes.checkboxTrigger},\n * потому что линтер правит селектор и он применяется некорректно\n */\n\nexport const base = css`\n .${classes.checkboxTrigger} {\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.checkboxTrigger} {\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 .checkbox-trigger,\n input[type='checkbox'][data-focus-visible-added]:indeterminate + label .${classes.checkboxTrigger} {\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":"AAKA;AACA;AACA;AACA;;AAEO,IAAMA,IAAI,GAuChB;;;;"}
@@ -0,0 +1 @@
1
+ .b1y5wkm1 .checkbox-trigger{position:relative;}.b1y5wkm1 .checkbox-trigger::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b1y5wkm1 .checkbox-trigger.focus-visible:focus::before,.b1y5wkm1 .checkbox-trigger[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.b1y5wkm1 input[data-focus-visible-added] + label .checkbox-trigger{border-color:transparent;position:relative;}.b1y5wkm1 input[data-focus-visible-added] + label .checkbox-trigger::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b1y5wkm1 input[data-focus-visible-added] + label .checkbox-trigger::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.b1y5wkm1 input[data-focus-visible-added]:checked + label .checkbox-trigger,.b1y5wkm1 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .checkbox-trigger{position:relative;}.b1y5wkm1 input[data-focus-visible-added]:checked + label .checkbox-trigger::before,.b1y5wkm1 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .checkbox-trigger::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b1y5wkm1 input[data-focus-visible-added]:checked + label .checkbox-trigger::before,.b1y5wkm1 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .checkbox-trigger::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
@@ -1,5 +1,5 @@
1
1
  import './base_x642ct.css';
2
- var base = "b17b3eb7";
2
+ var base = "b1pmvrpn";
3
3
 
4
4
  export { base };
5
5
  //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Checkbox/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 +1,5 @@
1
- import './base_1vqr3f.css';
2
- var base = "bjda290";
1
+ import './base_x252cy.css';
2
+ var base = "b17hdes8";
3
3
 
4
4
  export { base };
5
5
  //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Checkbox/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { StyledContentWrapper, StyledTrigger } from '../../Checkbox.styles';\nimport { tokens } from '../../Checkbox.tokens';\n\nexport const base = css`\n input[type='checkbox']:indeterminate + ${StyledContentWrapper} ${StyledTrigger} {\n border: none;\n background: var(${tokens.fillColor});\n border-color: var(${tokens.fillColor});\n }\n\n input:checked + ${StyledContentWrapper} ${StyledTrigger} {\n border: none;\n background: var(${tokens.fillColor});\n border-color: var(${tokens.fillColor});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAYhB;;;;"}
@@ -0,0 +1 @@
1
+ .b17hdes8 input[type='checkbox']:indeterminate + .s1u3nd7e .sft3zxv{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.b17hdes8 input:checked + .s1u3nd7e .sft3zxv{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
@@ -0,0 +1,16 @@
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,26 +1,17 @@
1
- import './Radiobox_1ri2eqv.css';
2
1
  import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
3
2
  import React, { forwardRef, useMemo } from 'react';
4
- import { styled } from '@linaria/react';
5
3
  import { safeUseId, extractTextFrom } from '@salutejs/plasma-core';
6
- import { StyledInput, StyledContentWrapper, StyledTrigger, StyledContent, StyledLabel, StyledDescription } from '../Checkbox/Checkbox.js';
4
+ import { StyledInput, StyledContentWrapper, StyledTrigger, StyledContent, StyledLabel, StyledDescription } from '../Checkbox/Checkbox.styles.js';
7
5
  import { cx } from '../../utils/index.js';
8
- import { base as base$2 } from './_view/base.js';
9
- import { base as base$1 } from './_size/base.js';
10
- import { base as base$3 } from './_disabled/base.js';
11
- import { base as base$4 } from './_focused/base.js';
6
+ import { base as base$2 } from './variations/_view/base.js';
7
+ import { base as base$1 } from './variations/_size/base.js';
8
+ import { base as base$3 } from './variations/_disabled/base.js';
9
+ import { base as base$4 } from './variations/_focused/base.js';
10
+ import { StyledEllipse, base } from './Radiobox.styles.js';
11
+ import { classes } from './Radiobox.tokens.js';
12
12
 
13
13
  var _StyledEllipse;
14
14
  var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "style", "className", "singleLine", "aria-label"];
15
-
16
- // NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
17
-
18
- var StyledEllipse = /*#__PURE__*/styled('div')({
19
- name: "StyledEllipse",
20
- "class": "sv18cw2",
21
- propsAsIs: false
22
- });
23
- var base = "b1ls92xy";
24
15
  var radioboxRoot = function radioboxRoot(Root) {
25
16
  return /*#__PURE__*/forwardRef(function (props, ref) {
26
17
  var size = props.size,
@@ -46,15 +37,15 @@ var radioboxRoot = function radioboxRoot(Root) {
46
37
  var isLabelAriaHidden = typeof label === 'string';
47
38
  var canFocused = focused ? 0 : -1;
48
39
  var hasContent = label || description;
49
- var singleLineClass = singleLine ? 'single-line' : undefined;
50
- var resetMargins = !hasContent ? 'reset-margins' : undefined;
40
+ var singleLineClass = singleLine ? classes.singleLine : undefined;
41
+ var onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;
51
42
  return /*#__PURE__*/React.createElement(Root, {
52
43
  view: view,
53
44
  size: size,
54
45
  disabled: disabled,
55
46
  focused: focused,
56
47
  style: style,
57
- className: cx(className, resetMargins),
48
+ className: className,
58
49
  tabIndex: -1
59
50
  }, /*#__PURE__*/React.createElement(StyledInput, _extends({}, rest, {
60
51
  id: radioboxId,
@@ -67,11 +58,11 @@ var radioboxRoot = function radioboxRoot(Root) {
67
58
  })), /*#__PURE__*/React.createElement(StyledContentWrapper, {
68
59
  htmlFor: radioboxId
69
60
  }, /*#__PURE__*/React.createElement(StyledTrigger, {
70
- className: cx('radiobox-trigger', resetMargins)
61
+ className: classes.radioboxTrigger
71
62
  }, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/React.createElement(StyledEllipse, null))), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
72
63
  className: singleLineClass
73
64
  }, label && /*#__PURE__*/React.createElement(StyledLabel, {
74
- className: singleLineClass,
65
+ className: cx(singleLineClass, onlyDescriptionClass),
75
66
  id: uniqLabelId,
76
67
  "aria-hidden": isLabelAriaHidden
77
68
  }, label), description && /*#__PURE__*/React.createElement(StyledDescription, {
@@ -1 +1 @@
1
- {"version":3,"file":"Radiobox.js","sources":["../../../src/components/Radiobox/Radiobox.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { safeUseId, extractTextFrom } from '@salutejs/plasma-core';\nimport type { InputHTMLAttributes } from '@salutejs/plasma-core';\n\nimport { applyNoUserSelect, applyEllipsis } from '../../mixins';\nimport type { Filter, RootProps } from '../../engines/types';\nimport {\n StyledContentWrapper,\n StyledDescription,\n StyledInput,\n StyledLabel,\n StyledContent,\n StyledTrigger,\n BaseboxProps,\n} from '../Checkbox/Checkbox';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './_view/base';\nimport { base as sizeCSS } from './_size/base';\nimport { base as disabledCSS } from './_disabled/base';\nimport { base as focusedCSS } from './_focused/base';\n\n// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части\nconst mappingOverride = `\n --plasma-checkbox-label-font-family: var(--plasma-radiobox-label-font-family);\n --plasma-checkbox-label-font-size: var(--plasma-radiobox-label-font-size);\n --plasma-checkbox-label-font-style: var(--plasma-radiobox-label-font-style);\n --plasma-checkbox-label-font-weight: var(--plasma-radiobox-label-font-weight);\n --plasma-checkbox-label-letter-spacing: var(--plasma-radiobox-label-letter-spacing);\n --plasma-checkbox-label-line-height: var(--plasma-radiobox-label-line-height);\n --plasma-checkbox-description-font-family: var(--plasma-radiobox-description-font-family);\n --plasma-checkbox-description-font-size: var(--plasma-radiobox-description-font-size);\n --plasma-checkbox-description-font-style: var(--plasma-radiobox-description-font-style);\n --plasma-checkbox-description-font-weight: var(--plasma-radiobox-description-font-weight);\n --plasma-checkbox-description-letter-spacing: var(--plasma-radiobox-description-letter-spacing);\n --plasma-checkbox-description-line-height: var(--plasma-radiobox-description-line-height);\n --plasma-checkbox-fill-color: var(--plasma-radiobox-fill-color);\n --plasma-checkbox-description-color: var(--plasma-radiobox-description-color);\n --plasma-checkbox-trigger-border-color: var(--plasma-radiobox-trigger-border-color);\n --plasma-checkbox-content-top-offset: var(--plasma-radiobox-content-top-offset);\n --plasma-checkbox-content-left-offset: var(--plasma-radiobox-content-left-offset);\n --plasma-checkbox-trigger-size: var(--plasma-radiobox-trigger-size);\n --plasma-checkbox-trigger-border-radius: var(--plasma-radiobox-trigger-border-radius);\n --plasma-checkbox-trigger-margin: var(--plasma-radiobox-trigger-margin); \n`;\n\nconst StyledEllipse = styled.div`\n width: var(--plasma-radiobox-ellipse-size);\n height: var(--plasma-radiobox-ellipse-size);\n border-radius: var(--plasma-radiobox-ellipse-size);\n\n background-color: var(--plasma-radiobox-ellipse-color);\n transition: transform 0.3s ease-in-out;\n transform: scale(0);\n\n input:checked + label & {\n transform: scale(1);\n }\n`;\n\nconst base = css`\n ${mappingOverride};\n\n .single-line {\n ${applyEllipsis()};\n }\n\n margin: var(--plasma-radiobox-margin);\n\n &.reset-margins {\n margin: 0;\n }\n\n ${applyNoUserSelect()};\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n`;\n\ntype RadioboxProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & Omit<BaseboxProps, 'indeterminate'>;\n\nexport const radioboxRoot = (Root: RootProps<HTMLInputElement, RadioboxProps>) =>\n forwardRef<HTMLInputElement, RadioboxProps>((props, ref) => {\n const {\n size,\n view,\n focused,\n disabled,\n id,\n label,\n description,\n style,\n className,\n singleLine = false,\n 'aria-label': ariaLabelExternal,\n ...rest\n } = props;\n\n const uniqId = safeUseId();\n const uniqLabelId = `label-${uniqId}`;\n const uniqDescriptionId = `description-${uniqId}`;\n const radioboxId = id || `input-${uniqId}`;\n\n const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n const isLabelAriaHidden = typeof label === 'string';\n const canFocused = focused ? 0 : -1;\n const hasContent = label || description;\n const singleLineClass = singleLine ? 'single-line' : undefined;\n const resetMargins = !hasContent ? 'reset-margins' : undefined;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n focused={focused}\n style={style}\n className={cx(className, resetMargins)}\n tabIndex={-1}\n >\n <StyledInput\n {...rest}\n id={radioboxId}\n ref={ref}\n type=\"radio\"\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={uniqDescriptionId}\n tabIndex={canFocused}\n />\n <StyledContentWrapper htmlFor={radioboxId}>\n <StyledTrigger className={cx('radiobox-trigger', resetMargins)}>\n <StyledEllipse />\n </StyledTrigger>\n {hasContent && (\n <StyledContent className={singleLineClass}>\n {label && (\n <StyledLabel\n className={singleLineClass}\n id={uniqLabelId}\n aria-hidden={isLabelAriaHidden}\n >\n {label}\n </StyledLabel>\n )}\n {description && (\n <StyledDescription className={singleLineClass} id={uniqDescriptionId}>\n {description}\n </StyledDescription>\n )}\n </StyledContent>\n )}\n </StyledContentWrapper>\n </Root>\n );\n });\n\nexport const radioboxConfig = {\n name: 'Radiobox',\n tag: 'div',\n layout: radioboxRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'accent',\n },\n};\n"],"names":["StyledEllipse","styled","name","class","propsAsIs","base","radioboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_excluded","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","radioboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","undefined","resetMargins","React","createElement","cx","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTrigger","_StyledEllipse","StyledContent","StyledLabel","StyledDescription","radioboxConfig","tag","layout","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Radiobox.js","sources":["../../../src/components/Radiobox/Radiobox.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { safeUseId, extractTextFrom } from '@salutejs/plasma-core';\nimport type { InputHTMLAttributes } from '@salutejs/plasma-core';\n\nimport type { Filter, RootProps } from '../../engines/types';\nimport {\n StyledContentWrapper,\n StyledDescription,\n StyledInput,\n StyledLabel,\n StyledContent,\n StyledTrigger,\n} from '../Checkbox/Checkbox.styles';\nimport { BaseboxProps } from '../Checkbox/Checkbox.types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { StyledEllipse, base } from './Radiobox.styles';\nimport { classes } from './Radiobox.tokens';\n\ntype RadioboxProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & Omit<BaseboxProps, 'indeterminate'>;\n\nexport const radioboxRoot = (Root: RootProps<HTMLInputElement, RadioboxProps>) =>\n forwardRef<HTMLInputElement, RadioboxProps>((props, ref) => {\n const {\n size,\n view,\n focused,\n disabled,\n id,\n label,\n description,\n style,\n className,\n singleLine = false,\n 'aria-label': ariaLabelExternal,\n ...rest\n } = props;\n\n const uniqId = safeUseId();\n const uniqLabelId = `label-${uniqId}`;\n const uniqDescriptionId = `description-${uniqId}`;\n const radioboxId = id || `input-${uniqId}`;\n\n const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n const isLabelAriaHidden = typeof label === 'string';\n const canFocused = focused ? 0 : -1;\n const hasContent = label || description;\n const singleLineClass = singleLine ? classes.singleLine : undefined;\n const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n focused={focused}\n style={style}\n className={className}\n tabIndex={-1}\n >\n <StyledInput\n {...rest}\n id={radioboxId}\n ref={ref}\n type=\"radio\"\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={uniqDescriptionId}\n tabIndex={canFocused}\n />\n <StyledContentWrapper htmlFor={radioboxId}>\n <StyledTrigger className={classes.radioboxTrigger}>\n <StyledEllipse />\n </StyledTrigger>\n {hasContent && (\n <StyledContent className={singleLineClass}>\n {label && (\n <StyledLabel\n className={cx(singleLineClass, onlyDescriptionClass)}\n id={uniqLabelId}\n aria-hidden={isLabelAriaHidden}\n >\n {label}\n </StyledLabel>\n )}\n {description && (\n <StyledDescription className={singleLineClass} id={uniqDescriptionId}>\n {description}\n </StyledDescription>\n )}\n </StyledContent>\n )}\n </StyledContentWrapper>\n </Root>\n );\n });\n\nexport const radioboxConfig = {\n name: 'Radiobox',\n tag: 'div',\n layout: radioboxRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'accent',\n },\n};\n"],"names":["radioboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","radioboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","React","createElement","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTrigger","radioboxTrigger","_StyledEllipse","StyledEllipse","StyledContent","StyledLabel","cx","StyledDescription","radioboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
@@ -0,0 +1,14 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Radiobox.styles.js","sources":["../../../src/components/Radiobox/Radiobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { checkboxTokens } from '../Checkbox';\nimport { applyEllipsis, applyNoUserSelect } from '../../mixins';\n\nimport { classes, tokens } from './Radiobox.tokens';\n\n// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части\nconst mappingOverride = `\n ${checkboxTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${checkboxTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${checkboxTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${checkboxTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${checkboxTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${checkboxTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n ${checkboxTokens.descriptionMarginTop}: var(${tokens.descriptionMarginTop});\n ${checkboxTokens.descriptionFontFamily}: var(${tokens.descriptionFontFamily});\n ${checkboxTokens.descriptionFontSize}: var(${tokens.descriptionFontSize});\n ${checkboxTokens.descriptionFontStyle}: var(${tokens.descriptionFontStyle});\n ${checkboxTokens.descriptionFontWeight}: var(${tokens.descriptionFontWeight});\n ${checkboxTokens.descriptionLetterSpacing}: var(${tokens.descriptionLetterSpacing});\n ${checkboxTokens.descriptionLineHeight}: var(${tokens.descriptionLineHeight});\n\n ${checkboxTokens.fillColor}: var(${tokens.fillColor});\n ${checkboxTokens.descriptionColor}: var(${tokens.descriptionColor});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.triggerBorderColor});\n\n ${checkboxTokens.contentTopOffset}: var(${tokens.contentTopOffset});\n ${checkboxTokens.contentLeftOffset}: var(${tokens.contentLeftOffset});\n ${checkboxTokens.triggerSize}: var(${tokens.triggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.triggerBorderRadius});\n ${checkboxTokens.triggerMargin}: var(${tokens.triggerMargin});\n`;\n\nexport const StyledEllipse = styled.div`\n width: var(${tokens.ellipseSize});\n height: var(${tokens.ellipseSize});\n border-radius: var(${tokens.ellipseSize});\n\n background-color: var(${tokens.ellipseColor});\n transition: transform 0.3s ease-in-out;\n transform: scale(0);\n\n input:checked + label & {\n transform: scale(1);\n }\n`;\n\nexport const base = css`\n ${mappingOverride};\n\n margin: var(${tokens.margin});\n\n ${applyNoUserSelect()};\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n\n .${classes.singleLine} {\n ${applyEllipsis()};\n }\n`;\n"],"names":["StyledEllipse","styled","name","class","propsAsIs","base"],"mappings":";;AAQA;;AA2BO,IAAMA,aAAa,gBAAGC,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;;;;"}
@@ -0,0 +1,2 @@
1
+ .s14xglkp{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .s14xglkp{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
2
+ .bdte4ex{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-margin-top:var(--plasma-checkbox-description-margin-top);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.bdte4ex .single-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@@ -0,0 +1,36 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Radiobox.tokens.js","sources":["../../../src/components/Radiobox/Radiobox.tokens.ts"],"sourcesContent":["export const classes = {\n singleLine: 'single-line',\n radioboxTrigger: 'radiobox-trigger',\n onlyDescription: 'only-description',\n};\n\nexport const tokens = {\n labelFontFamily: '--plasma-radiobox-label-font-family',\n labelFontSize: '--plasma-radiobox-label-font-size',\n labelFontStyle: '--plasma-radiobox-label-font-style',\n labelFontWeight: '--plasma-radiobox-label-font-weight',\n labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',\n labelLineHeight: '--plasma-radiobox-label-line-height',\n descriptionMarginTop: '--plasma-checkbox-description-margin-top',\n descriptionFontFamily: '--plasma-radiobox-description-font-family',\n descriptionFontSize: '--plasma-radiobox-description-font-size',\n descriptionFontStyle: '--plasma-radiobox-description-font-style',\n descriptionFontWeight: '--plasma-radiobox-description-font-weight',\n descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',\n descriptionLineHeight: '--plasma-radiobox-description-line-height',\n\n fillColor: '--plasma-radiobox-fill-color',\n descriptionColor: '--plasma-radiobox-description-color',\n triggerBorderColor: '--plasma-radiobox-trigger-border-color',\n\n contentTopOffset: '--plasma-radiobox-content-top-offset',\n contentLeftOffset: '--plasma-radiobox-content-left-offset',\n triggerSize: '--plasma-radiobox-trigger-size',\n triggerBorderRadius: '--plasma-radiobox-trigger-border-radius',\n triggerMargin: '--plasma-radiobox-trigger-margin',\n margin: '--plasma-radiobox-margin',\n\n ellipseSize: '--plasma-radiobox-ellipse-size',\n ellipseColor: '--plasma-radiobox-ellipse-color',\n\n disabledOpacity: '--plasma-radiobox-disabled-opacity',\n focusColor: '--plasma-radiobox-focus-color',\n};\n"],"names":["classes","singleLine","radioboxTrigger","onlyDescription","tokens","labelFontFamily","labelFontSize","labelFontStyle","labelFontWeight","labelLetterSpacing","labelLineHeight","descriptionMarginTop","descriptionFontFamily","descriptionFontSize","descriptionFontStyle","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","fillColor","descriptionColor","triggerBorderColor","contentTopOffset","contentLeftOffset","triggerSize","triggerBorderRadius","triggerMargin","margin","ellipseSize","ellipseColor","disabledOpacity","focusColor"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,eAAe,EAAE,kBAAkB;AACnCC,EAAAA,eAAe,EAAE,kBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,wBAAwB,EAAE,8CAA8C;AACxEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAElEC,EAAAA,SAAS,EAAE,8BAA8B;AACzCC,EAAAA,gBAAgB,EAAE,qCAAqC;AACvDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAE5DC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,aAAa,EAAE,kCAAkC;AACjDC,EAAAA,MAAM,EAAE,0BAA0B;AAElCC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,YAAY,EAAE,iCAAiC;AAE/CC,EAAAA,eAAe,EAAE,oCAAoC;AACrDC,EAAAA,UAAU,EAAE,+BAAA;AAChB;;;;"}
@@ -1,5 +1,5 @@
1
- import './base_po5iiu.css';
2
- var base = "brrdlt4";
1
+ import './base_6ae9j2.css';
2
+ var base = "bmkf7xj";
3
3
 
4
4
  export { base };
5
5
  //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n input:disabled + label {\n opacity: var(${tokens.disabledOpacity});\n }\n\n input:disabled + label {\n cursor: not-allowed;\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAQhB;;;;"}
@@ -0,0 +1 @@
1
+ .bmkf7xj input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.bmkf7xj input:disabled + label{cursor:not-allowed;}
@@ -0,0 +1,5 @@
1
+ import './base_1d7o4za.css';
2
+ var base = "buxu4te";
3
+
4
+ export { base };
5
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../mixins';\nimport { classes, tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n .${classes.radioboxTrigger} {\n ${addFocus({\n outlineOffset: '0',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: 'transparent',\n })}\n }\n\n input[data-focus-visible-added] + label .${classes.radioboxTrigger} {\n border-color: transparent;\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.125rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n\n input[data-focus-visible-added]:checked + label .${classes.radioboxTrigger} {\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(var(${tokens.triggerBorderRadius}) + 0.125rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.063rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAsChB;;;;"}
@@ -1 +1 @@
1
- .bp7016u .radiobox-trigger{position:relative;}.bp7016u .radiobox-trigger::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.bp7016u .radiobox-trigger.focus-visible:focus::before,.bp7016u .radiobox-trigger[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.bp7016u input[data-focus-visible-added] + label .radiobox-trigger{border-color:transparent;position:relative;}.bp7016u input[data-focus-visible-added] + label .radiobox-trigger::before{content:'';position:absolute;top:-0.188rem;left:-0.188rem;right:-0.188rem;bottom:-0.188rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.bp7016u input[data-focus-visible-added] + label .radiobox-trigger::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.bp7016u input[data-focus-visible-added]:checked + label .radiobox-trigger{position:relative;}.bp7016u input[data-focus-visible-added]:checked + label .radiobox-trigger::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.bp7016u input[data-focus-visible-added]:checked + label .radiobox-trigger::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}
1
+ .buxu4te .radiobox-trigger{position:relative;}.buxu4te .radiobox-trigger::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.buxu4te .radiobox-trigger.focus-visible:focus::before,.buxu4te .radiobox-trigger[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.buxu4te input[data-focus-visible-added] + label .radiobox-trigger{border-color:transparent;position:relative;}.buxu4te input[data-focus-visible-added] + label .radiobox-trigger::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.buxu4te input[data-focus-visible-added] + label .radiobox-trigger::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.buxu4te input[data-focus-visible-added]:checked + label .radiobox-trigger{position:relative;}.buxu4te input[data-focus-visible-added]:checked + label .radiobox-trigger::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.buxu4te input[data-focus-visible-added]:checked + label .radiobox-trigger::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}