@salutejs/plasma-new-hope 0.149.0-dev.0 → 0.150.0-canary.1437.10958276336.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (407) hide show
  1. package/cjs/components/Attach/Attach.css +48 -0
  2. package/cjs/components/Attach/Attach.js +181 -0
  3. package/cjs/components/Attach/Attach.js.map +1 -0
  4. package/cjs/components/Attach/Attach.styles.js +23 -0
  5. package/cjs/components/Attach/Attach.styles.js.map +1 -0
  6. package/cjs/components/Attach/Attach.styles_fl8wha.css +3 -0
  7. package/cjs/components/Attach/Attach.tokens.js +130 -0
  8. package/cjs/components/Attach/Attach.tokens.js.map +1 -0
  9. package/cjs/components/Attach/components/AttachButton/AttachButton.css +34 -0
  10. package/cjs/components/Attach/components/AttachButton/AttachButton.js +50 -0
  11. package/cjs/components/Attach/components/AttachButton/AttachButton.js.map +1 -0
  12. package/cjs/components/Attach/ui/Button/Button.styles.js +23 -0
  13. package/cjs/components/Attach/ui/Button/Button.styles.js.map +1 -0
  14. package/cjs/components/Attach/ui/Button/Button.styles_bj69th.css +1 -0
  15. package/cjs/components/Attach/ui/Cell/Cell.styles.js +25 -0
  16. package/cjs/components/Attach/ui/Cell/Cell.styles.js.map +1 -0
  17. package/cjs/components/Attach/ui/Cell/Cell.styles_69w962.css +1 -0
  18. package/cjs/components/Attach/ui/IconButton/IconButton.styles.js +32 -0
  19. package/cjs/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -0
  20. package/cjs/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +2 -0
  21. package/cjs/components/Attach/utils/extractExtension.js +10 -0
  22. package/cjs/components/Attach/utils/extractExtension.js.map +1 -0
  23. package/cjs/components/Attach/utils/getFileicon.js +51 -0
  24. package/cjs/components/Attach/utils/getFileicon.js.map +1 -0
  25. package/cjs/components/Attach/utils/truncateFilename.js +24 -0
  26. package/cjs/components/Attach/utils/truncateFilename.js.map +1 -0
  27. package/cjs/components/Attach/variations/_size/base.js +9 -0
  28. package/cjs/components/Attach/variations/_size/base.js.map +1 -0
  29. package/cjs/components/Attach/variations/_size/base_eax0b8.css +1 -0
  30. package/cjs/components/Attach/variations/_view/base.js +9 -0
  31. package/cjs/components/Attach/variations/_view/base.js.map +1 -0
  32. package/cjs/components/Attach/variations/_view/base_1nvsg1b.css +1 -0
  33. package/cjs/components/Cell/Cell.js +3 -2
  34. package/cjs/components/Cell/Cell.js.map +1 -1
  35. package/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +33 -0
  36. package/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js.map +1 -0
  37. package/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +37 -0
  38. package/cjs/components/_Icon/Icon.assets/BlankDocOutline.js.map +1 -0
  39. package/cjs/components/_Icon/Icon.assets/BlankOutline.js +24 -0
  40. package/cjs/components/_Icon/Icon.assets/BlankOutline.js.map +1 -0
  41. package/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +29 -0
  42. package/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js.map +1 -0
  43. package/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +33 -0
  44. package/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js.map +1 -0
  45. package/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +33 -0
  46. package/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js.map +1 -0
  47. package/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +24 -0
  48. package/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js.map +1 -0
  49. package/cjs/components/_Icon/Icon.assets/Plus.js +24 -0
  50. package/cjs/components/_Icon/Icon.assets/Plus.js.map +1 -0
  51. package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +23 -0
  52. package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js.map +1 -0
  53. package/cjs/components/_Icon/Icons/IconBlankDocOutline.js +23 -0
  54. package/cjs/components/_Icon/Icons/IconBlankDocOutline.js.map +1 -0
  55. package/cjs/components/_Icon/Icons/IconBlankOutline.js +23 -0
  56. package/cjs/components/_Icon/Icons/IconBlankOutline.js.map +1 -0
  57. package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +23 -0
  58. package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js.map +1 -0
  59. package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +23 -0
  60. package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js.map +1 -0
  61. package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +23 -0
  62. package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js.map +1 -0
  63. package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +23 -0
  64. package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js.map +1 -0
  65. package/cjs/components/_Icon/Icons/IconPlus.js +23 -0
  66. package/cjs/components/_Icon/Icons/IconPlus.js.map +1 -0
  67. package/cjs/index.css +15 -0
  68. package/cjs/index.js +5 -0
  69. package/cjs/index.js.map +1 -1
  70. package/emotion/cjs/components/Attach/Attach.js +186 -0
  71. package/emotion/cjs/components/Attach/Attach.styles.js +36 -0
  72. package/emotion/cjs/components/Attach/Attach.template-doc.mdx +63 -0
  73. package/emotion/cjs/components/Attach/Attach.tokens.js +128 -0
  74. package/emotion/cjs/components/Attach/Attach.types.js +5 -0
  75. package/emotion/cjs/components/Attach/components/AttachButton/AttachButton.js +52 -0
  76. package/emotion/cjs/components/Attach/components/AttachButton/index.js +12 -0
  77. package/emotion/cjs/components/Attach/index.js +25 -0
  78. package/emotion/cjs/components/Attach/ui/Button/Button.js +12 -0
  79. package/emotion/cjs/components/Attach/ui/Button/Button.styles.js +17 -0
  80. package/emotion/cjs/components/Attach/ui/Cell/Cell.js +12 -0
  81. package/emotion/cjs/components/Attach/ui/Cell/Cell.styles.js +17 -0
  82. package/emotion/cjs/components/Attach/ui/IconButton/IconButton.js +12 -0
  83. package/emotion/cjs/components/Attach/ui/IconButton/IconButton.styles.js +21 -0
  84. package/emotion/cjs/components/Attach/utils/extractExtension.js +9 -0
  85. package/emotion/cjs/components/Attach/utils/getFileicon.js +44 -0
  86. package/emotion/cjs/components/Attach/utils/index.js +26 -0
  87. package/emotion/cjs/components/Attach/utils/truncateFilename.js +23 -0
  88. package/emotion/cjs/components/Attach/variations/_size/base.js +9 -0
  89. package/emotion/cjs/components/Attach/variations/_view/base.js +9 -0
  90. package/emotion/cjs/components/Cell/Cell.js +3 -2
  91. package/emotion/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +32 -0
  92. package/emotion/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +36 -0
  93. package/emotion/cjs/components/_Icon/Icon.assets/BlankOutline.js +23 -0
  94. package/emotion/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +28 -0
  95. package/emotion/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +32 -0
  96. package/emotion/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +32 -0
  97. package/emotion/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +23 -0
  98. package/emotion/cjs/components/_Icon/Icon.assets/Plus.js +23 -0
  99. package/emotion/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +22 -0
  100. package/emotion/cjs/components/_Icon/Icons/IconBlankDocOutline.js +22 -0
  101. package/emotion/cjs/components/_Icon/Icons/IconBlankOutline.js +22 -0
  102. package/emotion/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +22 -0
  103. package/emotion/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +22 -0
  104. package/emotion/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +22 -0
  105. package/emotion/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +22 -0
  106. package/emotion/cjs/components/_Icon/Icons/IconPlus.js +22 -0
  107. package/emotion/cjs/components/_Icon/index.js +57 -1
  108. package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.config.js +37 -0
  109. package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.js +11 -0
  110. package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
  111. package/emotion/cjs/examples/plasma_web/components/Attach/Attach.config.js +37 -0
  112. package/emotion/cjs/examples/plasma_web/components/Attach/Attach.js +11 -0
  113. package/emotion/cjs/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
  114. package/emotion/cjs/index.js +11 -0
  115. package/emotion/es/components/Attach/Attach.js +177 -0
  116. package/emotion/es/components/Attach/Attach.styles.js +29 -0
  117. package/emotion/es/components/Attach/Attach.template-doc.mdx +63 -0
  118. package/emotion/es/components/Attach/Attach.tokens.js +122 -0
  119. package/emotion/es/components/Attach/Attach.types.js +1 -0
  120. package/emotion/es/components/Attach/components/AttachButton/AttachButton.js +43 -0
  121. package/emotion/es/components/Attach/components/AttachButton/index.js +1 -0
  122. package/emotion/es/components/Attach/index.js +2 -0
  123. package/emotion/es/components/Attach/ui/Button/Button.js +1 -0
  124. package/emotion/es/components/Attach/ui/Button/Button.styles.js +10 -0
  125. package/emotion/es/components/Attach/ui/Cell/Cell.js +1 -0
  126. package/emotion/es/components/Attach/ui/Cell/Cell.styles.js +10 -0
  127. package/emotion/es/components/Attach/ui/IconButton/IconButton.js +1 -0
  128. package/emotion/es/components/Attach/ui/IconButton/IconButton.styles.js +14 -0
  129. package/emotion/es/components/Attach/utils/extractExtension.js +3 -0
  130. package/emotion/es/components/Attach/utils/getFileicon.js +37 -0
  131. package/emotion/es/components/Attach/utils/index.js +3 -0
  132. package/emotion/es/components/Attach/utils/truncateFilename.js +17 -0
  133. package/emotion/es/components/Attach/variations/_size/base.js +3 -0
  134. package/emotion/es/components/Attach/variations/_view/base.js +3 -0
  135. package/emotion/es/components/Cell/Cell.js +3 -2
  136. package/emotion/es/components/_Icon/Icon.assets/BlankCsvOutline.js +25 -0
  137. package/emotion/es/components/_Icon/Icon.assets/BlankDocOutline.js +29 -0
  138. package/emotion/es/components/_Icon/Icon.assets/BlankOutline.js +16 -0
  139. package/emotion/es/components/_Icon/Icon.assets/BlankPdfOutline.js +21 -0
  140. package/emotion/es/components/_Icon/Icon.assets/BlankTxtOutline.js +25 -0
  141. package/emotion/es/components/_Icon/Icon.assets/BlankXlsOutline.js +25 -0
  142. package/emotion/es/components/_Icon/Icon.assets/CloseCircleOutline.js +16 -0
  143. package/emotion/es/components/_Icon/Icon.assets/Plus.js +16 -0
  144. package/emotion/es/components/_Icon/Icons/IconBlankCsvOutline.js +15 -0
  145. package/emotion/es/components/_Icon/Icons/IconBlankDocOutline.js +15 -0
  146. package/emotion/es/components/_Icon/Icons/IconBlankOutline.js +15 -0
  147. package/emotion/es/components/_Icon/Icons/IconBlankPdfOutline.js +15 -0
  148. package/emotion/es/components/_Icon/Icons/IconBlankTxtOutline.js +15 -0
  149. package/emotion/es/components/_Icon/Icons/IconBlankXlsOutline.js +15 -0
  150. package/emotion/es/components/_Icon/Icons/IconCloseCircleOutline.js +15 -0
  151. package/emotion/es/components/_Icon/Icons/IconPlus.js +15 -0
  152. package/emotion/es/components/_Icon/index.js +9 -1
  153. package/emotion/es/examples/plasma_b2c/components/Attach/Attach.config.js +31 -0
  154. package/emotion/es/examples/plasma_b2c/components/Attach/Attach.js +5 -0
  155. package/emotion/es/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
  156. package/emotion/es/examples/plasma_web/components/Attach/Attach.config.js +31 -0
  157. package/emotion/es/examples/plasma_web/components/Attach/Attach.js +5 -0
  158. package/emotion/es/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
  159. package/emotion/es/index.js +2 -1
  160. package/es/components/Attach/Attach.css +48 -0
  161. package/es/components/Attach/Attach.js +176 -0
  162. package/es/components/Attach/Attach.js.map +1 -0
  163. package/es/components/Attach/Attach.styles.js +17 -0
  164. package/es/components/Attach/Attach.styles.js.map +1 -0
  165. package/es/components/Attach/Attach.styles_fl8wha.css +3 -0
  166. package/es/components/Attach/Attach.tokens.js +125 -0
  167. package/es/components/Attach/Attach.tokens.js.map +1 -0
  168. package/es/components/Attach/components/AttachButton/AttachButton.css +34 -0
  169. package/es/components/Attach/components/AttachButton/AttachButton.js +46 -0
  170. package/es/components/Attach/components/AttachButton/AttachButton.js.map +1 -0
  171. package/es/components/Attach/ui/Button/Button.styles.js +19 -0
  172. package/es/components/Attach/ui/Button/Button.styles.js.map +1 -0
  173. package/es/components/Attach/ui/Button/Button.styles_bj69th.css +1 -0
  174. package/es/components/Attach/ui/Cell/Cell.styles.js +21 -0
  175. package/es/components/Attach/ui/Cell/Cell.styles.js.map +1 -0
  176. package/es/components/Attach/ui/Cell/Cell.styles_69w962.css +1 -0
  177. package/es/components/Attach/ui/IconButton/IconButton.styles.js +27 -0
  178. package/es/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -0
  179. package/es/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +2 -0
  180. package/es/components/Attach/utils/extractExtension.js +6 -0
  181. package/es/components/Attach/utils/extractExtension.js.map +1 -0
  182. package/es/components/Attach/utils/getFileicon.js +47 -0
  183. package/es/components/Attach/utils/getFileicon.js.map +1 -0
  184. package/es/components/Attach/utils/truncateFilename.js +20 -0
  185. package/es/components/Attach/utils/truncateFilename.js.map +1 -0
  186. package/es/components/Attach/variations/_size/base.js +5 -0
  187. package/es/components/Attach/variations/_size/base.js.map +1 -0
  188. package/es/components/Attach/variations/_size/base_eax0b8.css +1 -0
  189. package/es/components/Attach/variations/_view/base.js +5 -0
  190. package/es/components/Attach/variations/_view/base.js.map +1 -0
  191. package/es/components/Attach/variations/_view/base_1nvsg1b.css +1 -0
  192. package/es/components/Cell/Cell.js +3 -2
  193. package/es/components/Cell/Cell.js.map +1 -1
  194. package/es/components/_Icon/Icon.assets/BlankCsvOutline.js +29 -0
  195. package/es/components/_Icon/Icon.assets/BlankCsvOutline.js.map +1 -0
  196. package/es/components/_Icon/Icon.assets/BlankDocOutline.js +33 -0
  197. package/es/components/_Icon/Icon.assets/BlankDocOutline.js.map +1 -0
  198. package/es/components/_Icon/Icon.assets/BlankOutline.js +20 -0
  199. package/es/components/_Icon/Icon.assets/BlankOutline.js.map +1 -0
  200. package/es/components/_Icon/Icon.assets/BlankPdfOutline.js +25 -0
  201. package/es/components/_Icon/Icon.assets/BlankPdfOutline.js.map +1 -0
  202. package/es/components/_Icon/Icon.assets/BlankTxtOutline.js +29 -0
  203. package/es/components/_Icon/Icon.assets/BlankTxtOutline.js.map +1 -0
  204. package/es/components/_Icon/Icon.assets/BlankXlsOutline.js +29 -0
  205. package/es/components/_Icon/Icon.assets/BlankXlsOutline.js.map +1 -0
  206. package/es/components/_Icon/Icon.assets/CloseCircleOutline.js +20 -0
  207. package/es/components/_Icon/Icon.assets/CloseCircleOutline.js.map +1 -0
  208. package/es/components/_Icon/Icon.assets/Plus.js +20 -0
  209. package/es/components/_Icon/Icon.assets/Plus.js.map +1 -0
  210. package/es/components/_Icon/Icons/IconBlankCsvOutline.js +19 -0
  211. package/es/components/_Icon/Icons/IconBlankCsvOutline.js.map +1 -0
  212. package/es/components/_Icon/Icons/IconBlankDocOutline.js +19 -0
  213. package/es/components/_Icon/Icons/IconBlankDocOutline.js.map +1 -0
  214. package/es/components/_Icon/Icons/IconBlankOutline.js +19 -0
  215. package/es/components/_Icon/Icons/IconBlankOutline.js.map +1 -0
  216. package/es/components/_Icon/Icons/IconBlankPdfOutline.js +19 -0
  217. package/es/components/_Icon/Icons/IconBlankPdfOutline.js.map +1 -0
  218. package/es/components/_Icon/Icons/IconBlankTxtOutline.js +19 -0
  219. package/es/components/_Icon/Icons/IconBlankTxtOutline.js.map +1 -0
  220. package/es/components/_Icon/Icons/IconBlankXlsOutline.js +19 -0
  221. package/es/components/_Icon/Icons/IconBlankXlsOutline.js.map +1 -0
  222. package/es/components/_Icon/Icons/IconCloseCircleOutline.js +19 -0
  223. package/es/components/_Icon/Icons/IconCloseCircleOutline.js.map +1 -0
  224. package/es/components/_Icon/Icons/IconPlus.js +19 -0
  225. package/es/components/_Icon/Icons/IconPlus.js.map +1 -0
  226. package/es/index.css +15 -0
  227. package/es/index.js +2 -0
  228. package/es/index.js.map +1 -1
  229. package/package.json +2 -2
  230. package/styled-components/cjs/components/Attach/Attach.js +186 -0
  231. package/styled-components/cjs/components/Attach/Attach.styles.js +18 -0
  232. package/styled-components/cjs/components/Attach/Attach.template-doc.mdx +63 -0
  233. package/styled-components/cjs/components/Attach/Attach.tokens.js +128 -0
  234. package/styled-components/cjs/components/Attach/Attach.types.js +5 -0
  235. package/styled-components/cjs/components/Attach/components/AttachButton/AttachButton.js +52 -0
  236. package/styled-components/cjs/components/Attach/components/AttachButton/index.js +12 -0
  237. package/styled-components/cjs/components/Attach/index.js +25 -0
  238. package/styled-components/cjs/components/Attach/ui/Button/Button.js +12 -0
  239. package/styled-components/cjs/components/Attach/ui/Button/Button.styles.js +16 -0
  240. package/styled-components/cjs/components/Attach/ui/Cell/Cell.js +12 -0
  241. package/styled-components/cjs/components/Attach/ui/Cell/Cell.styles.js +16 -0
  242. package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.js +12 -0
  243. package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.styles.js +19 -0
  244. package/styled-components/cjs/components/Attach/utils/extractExtension.js +9 -0
  245. package/styled-components/cjs/components/Attach/utils/getFileicon.js +44 -0
  246. package/styled-components/cjs/components/Attach/utils/index.js +26 -0
  247. package/styled-components/cjs/components/Attach/utils/truncateFilename.js +23 -0
  248. package/styled-components/cjs/components/Attach/variations/_size/base.js +9 -0
  249. package/styled-components/cjs/components/Attach/variations/_view/base.js +9 -0
  250. package/styled-components/cjs/components/Cell/Cell.js +3 -2
  251. package/styled-components/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +32 -0
  252. package/styled-components/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +36 -0
  253. package/styled-components/cjs/components/_Icon/Icon.assets/BlankOutline.js +23 -0
  254. package/styled-components/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +28 -0
  255. package/styled-components/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +32 -0
  256. package/styled-components/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +32 -0
  257. package/styled-components/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +23 -0
  258. package/styled-components/cjs/components/_Icon/Icon.assets/Plus.js +23 -0
  259. package/styled-components/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +22 -0
  260. package/styled-components/cjs/components/_Icon/Icons/IconBlankDocOutline.js +22 -0
  261. package/styled-components/cjs/components/_Icon/Icons/IconBlankOutline.js +22 -0
  262. package/styled-components/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +22 -0
  263. package/styled-components/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +22 -0
  264. package/styled-components/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +22 -0
  265. package/styled-components/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +22 -0
  266. package/styled-components/cjs/components/_Icon/Icons/IconPlus.js +22 -0
  267. package/styled-components/cjs/components/_Icon/index.js +57 -1
  268. package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.config.js +37 -0
  269. package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.js +11 -0
  270. package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
  271. package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.config.js +37 -0
  272. package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.js +11 -0
  273. package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
  274. package/styled-components/cjs/index.js +11 -0
  275. package/styled-components/es/components/Attach/Attach.js +177 -0
  276. package/styled-components/es/components/Attach/Attach.styles.js +10 -0
  277. package/styled-components/es/components/Attach/Attach.template-doc.mdx +63 -0
  278. package/styled-components/es/components/Attach/Attach.tokens.js +122 -0
  279. package/styled-components/es/components/Attach/Attach.types.js +1 -0
  280. package/styled-components/es/components/Attach/components/AttachButton/AttachButton.js +43 -0
  281. package/styled-components/es/components/Attach/components/AttachButton/index.js +1 -0
  282. package/styled-components/es/components/Attach/index.js +2 -0
  283. package/styled-components/es/components/Attach/ui/Button/Button.js +1 -0
  284. package/styled-components/es/components/Attach/ui/Button/Button.styles.js +9 -0
  285. package/styled-components/es/components/Attach/ui/Cell/Cell.js +1 -0
  286. package/styled-components/es/components/Attach/ui/Cell/Cell.styles.js +9 -0
  287. package/styled-components/es/components/Attach/ui/IconButton/IconButton.js +1 -0
  288. package/styled-components/es/components/Attach/ui/IconButton/IconButton.styles.js +12 -0
  289. package/styled-components/es/components/Attach/utils/extractExtension.js +3 -0
  290. package/styled-components/es/components/Attach/utils/getFileicon.js +37 -0
  291. package/styled-components/es/components/Attach/utils/index.js +3 -0
  292. package/styled-components/es/components/Attach/utils/truncateFilename.js +17 -0
  293. package/styled-components/es/components/Attach/variations/_size/base.js +3 -0
  294. package/styled-components/es/components/Attach/variations/_view/base.js +3 -0
  295. package/styled-components/es/components/Cell/Cell.js +3 -2
  296. package/styled-components/es/components/_Icon/Icon.assets/BlankCsvOutline.js +25 -0
  297. package/styled-components/es/components/_Icon/Icon.assets/BlankDocOutline.js +29 -0
  298. package/styled-components/es/components/_Icon/Icon.assets/BlankOutline.js +16 -0
  299. package/styled-components/es/components/_Icon/Icon.assets/BlankPdfOutline.js +21 -0
  300. package/styled-components/es/components/_Icon/Icon.assets/BlankTxtOutline.js +25 -0
  301. package/styled-components/es/components/_Icon/Icon.assets/BlankXlsOutline.js +25 -0
  302. package/styled-components/es/components/_Icon/Icon.assets/CloseCircleOutline.js +16 -0
  303. package/styled-components/es/components/_Icon/Icon.assets/Plus.js +16 -0
  304. package/styled-components/es/components/_Icon/Icons/IconBlankCsvOutline.js +15 -0
  305. package/styled-components/es/components/_Icon/Icons/IconBlankDocOutline.js +15 -0
  306. package/styled-components/es/components/_Icon/Icons/IconBlankOutline.js +15 -0
  307. package/styled-components/es/components/_Icon/Icons/IconBlankPdfOutline.js +15 -0
  308. package/styled-components/es/components/_Icon/Icons/IconBlankTxtOutline.js +15 -0
  309. package/styled-components/es/components/_Icon/Icons/IconBlankXlsOutline.js +15 -0
  310. package/styled-components/es/components/_Icon/Icons/IconCloseCircleOutline.js +15 -0
  311. package/styled-components/es/components/_Icon/Icons/IconPlus.js +15 -0
  312. package/styled-components/es/components/_Icon/index.js +9 -1
  313. package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.config.js +31 -0
  314. package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.js +5 -0
  315. package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
  316. package/styled-components/es/examples/plasma_web/components/Attach/Attach.config.js +31 -0
  317. package/styled-components/es/examples/plasma_web/components/Attach/Attach.js +5 -0
  318. package/styled-components/es/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
  319. package/styled-components/es/index.js +2 -1
  320. package/types/components/Attach/Attach.d.ts +23 -0
  321. package/types/components/Attach/Attach.d.ts.map +1 -0
  322. package/types/components/Attach/Attach.styles.d.ts +5 -0
  323. package/types/components/Attach/Attach.styles.d.ts.map +1 -0
  324. package/types/components/Attach/Attach.tokens.d.ts +119 -0
  325. package/types/components/Attach/Attach.tokens.d.ts.map +1 -0
  326. package/types/components/Attach/Attach.types.d.ts +43 -0
  327. package/types/components/Attach/Attach.types.d.ts.map +1 -0
  328. package/types/components/Attach/components/AttachButton/AttachButton.d.ts +4 -0
  329. package/types/components/Attach/components/AttachButton/AttachButton.d.ts.map +1 -0
  330. package/types/components/Attach/components/AttachButton/index.d.ts +2 -0
  331. package/types/components/Attach/components/AttachButton/index.d.ts.map +1 -0
  332. package/types/components/Attach/index.d.ts +4 -0
  333. package/types/components/Attach/index.d.ts.map +1 -0
  334. package/types/components/Attach/ui/Button/Button.d.ts +2 -0
  335. package/types/components/Attach/ui/Button/Button.d.ts.map +1 -0
  336. package/types/components/Attach/ui/Button/Button.styles.d.ts +45 -0
  337. package/types/components/Attach/ui/Button/Button.styles.d.ts.map +1 -0
  338. package/types/components/Attach/ui/Cell/Cell.d.ts +2 -0
  339. package/types/components/Attach/ui/Cell/Cell.d.ts.map +1 -0
  340. package/types/components/Attach/ui/Cell/Cell.styles.d.ts +33 -0
  341. package/types/components/Attach/ui/Cell/Cell.styles.d.ts.map +1 -0
  342. package/types/components/Attach/ui/IconButton/IconButton.d.ts +2 -0
  343. package/types/components/Attach/ui/IconButton/IconButton.d.ts.map +1 -0
  344. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +88 -0
  345. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts.map +1 -0
  346. package/types/components/Attach/utils/extractExtension.d.ts +2 -0
  347. package/types/components/Attach/utils/extractExtension.d.ts.map +1 -0
  348. package/types/components/Attach/utils/getFileicon.d.ts +3 -0
  349. package/types/components/Attach/utils/getFileicon.d.ts.map +1 -0
  350. package/types/components/Attach/utils/index.d.ts +4 -0
  351. package/types/components/Attach/utils/index.d.ts.map +1 -0
  352. package/types/components/Attach/utils/truncateFilename.d.ts +7 -0
  353. package/types/components/Attach/utils/truncateFilename.d.ts.map +1 -0
  354. package/types/components/Attach/variations/_size/base.d.ts +2 -0
  355. package/types/components/Attach/variations/_size/base.d.ts.map +1 -0
  356. package/types/components/Attach/variations/_view/base.d.ts +2 -0
  357. package/types/components/Attach/variations/_view/base.d.ts.map +1 -0
  358. package/types/components/Cell/Cell.d.ts.map +1 -1
  359. package/types/components/Cell/Cell.types.d.ts +1 -1
  360. package/types/components/Cell/Cell.types.d.ts.map +1 -1
  361. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts +2 -2
  362. package/types/components/_Icon/Icon.assets/BlankCsvOutline.d.ts +4 -0
  363. package/types/components/_Icon/Icon.assets/BlankCsvOutline.d.ts.map +1 -0
  364. package/types/components/_Icon/Icon.assets/BlankDocOutline.d.ts +4 -0
  365. package/types/components/_Icon/Icon.assets/BlankDocOutline.d.ts.map +1 -0
  366. package/types/components/_Icon/Icon.assets/BlankOutline.d.ts +4 -0
  367. package/types/components/_Icon/Icon.assets/BlankOutline.d.ts.map +1 -0
  368. package/types/components/_Icon/Icon.assets/BlankPdfOutline.d.ts +4 -0
  369. package/types/components/_Icon/Icon.assets/BlankPdfOutline.d.ts.map +1 -0
  370. package/types/components/_Icon/Icon.assets/BlankTxtOutline.d.ts +4 -0
  371. package/types/components/_Icon/Icon.assets/BlankTxtOutline.d.ts.map +1 -0
  372. package/types/components/_Icon/Icon.assets/BlankXlsOutline.d.ts +4 -0
  373. package/types/components/_Icon/Icon.assets/BlankXlsOutline.d.ts.map +1 -0
  374. package/types/components/_Icon/Icon.assets/CloseCircleOutline.d.ts +4 -0
  375. package/types/components/_Icon/Icon.assets/CloseCircleOutline.d.ts.map +1 -0
  376. package/types/components/_Icon/Icon.assets/Plus.d.ts +4 -0
  377. package/types/components/_Icon/Icon.assets/Plus.d.ts.map +1 -0
  378. package/types/components/_Icon/Icons/IconBlankCsvOutline.d.ts +4 -0
  379. package/types/components/_Icon/Icons/IconBlankCsvOutline.d.ts.map +1 -0
  380. package/types/components/_Icon/Icons/IconBlankDocOutline.d.ts +4 -0
  381. package/types/components/_Icon/Icons/IconBlankDocOutline.d.ts.map +1 -0
  382. package/types/components/_Icon/Icons/IconBlankOutline.d.ts +4 -0
  383. package/types/components/_Icon/Icons/IconBlankOutline.d.ts.map +1 -0
  384. package/types/components/_Icon/Icons/IconBlankPdfOutline.d.ts +4 -0
  385. package/types/components/_Icon/Icons/IconBlankPdfOutline.d.ts.map +1 -0
  386. package/types/components/_Icon/Icons/IconBlankTxtOutline.d.ts +4 -0
  387. package/types/components/_Icon/Icons/IconBlankTxtOutline.d.ts.map +1 -0
  388. package/types/components/_Icon/Icons/IconBlankXlsOutline.d.ts +4 -0
  389. package/types/components/_Icon/Icons/IconBlankXlsOutline.d.ts.map +1 -0
  390. package/types/components/_Icon/Icons/IconCloseCircleOutline.d.ts +4 -0
  391. package/types/components/_Icon/Icons/IconCloseCircleOutline.d.ts.map +1 -0
  392. package/types/components/_Icon/Icons/IconPlus.d.ts +4 -0
  393. package/types/components/_Icon/Icons/IconPlus.d.ts.map +1 -0
  394. package/types/components/_Icon/index.d.ts +8 -0
  395. package/types/components/_Icon/index.d.ts.map +1 -1
  396. package/types/examples/plasma_b2c/components/Attach/Attach.config.d.ts +30 -0
  397. package/types/examples/plasma_b2c/components/Attach/Attach.config.d.ts.map +1 -0
  398. package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +224 -0
  399. package/types/examples/plasma_b2c/components/Attach/Attach.d.ts.map +1 -0
  400. package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +2 -2
  401. package/types/examples/plasma_web/components/Attach/Attach.config.d.ts +30 -0
  402. package/types/examples/plasma_web/components/Attach/Attach.config.d.ts.map +1 -0
  403. package/types/examples/plasma_web/components/Attach/Attach.d.ts +224 -0
  404. package/types/examples/plasma_web/components/Attach/Attach.d.ts.map +1 -0
  405. package/types/examples/plasma_web/components/Cell/Cell.d.ts +2 -2
  406. package/types/index.d.ts +1 -0
  407. package/types/index.d.ts.map +1 -1
@@ -0,0 +1,31 @@
1
+ import { css } from 'styled-components';
2
+ import { attachTokens } from '../../../../components/Attach';
3
+ export var config = {
4
+ defaults: {
5
+ view: 'default',
6
+ focused: 'true',
7
+ size: 'm'
8
+ },
9
+ variations: {
10
+ view: {
11
+ "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--surface-solid-default);", ":var(", ");", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(", ");", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
12
+ accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-accent);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
13
+ secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-transparent-secondary);", ":var(", ");", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(", ");", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
14
+ clear: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
15
+ positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-positive);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-positive-hover);", ":var(--on-dark-text-primary);", ":var(--surface-positive-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
16
+ success: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-positive-hover);", ":var(--on-dark-text-primary);", ":var(--surface-positive-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
17
+ warning: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-warning);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-warning-hover);", ":var(--on-dark-text-primary);", ":var(--surface-warning-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-warning-hover);", ":var(--on-dark-text-primary);", ":var(--surface-warning-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
18
+ critical: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-negative-hover);", ":var(--on-dark-text-primary);", ":var(--surface-negative-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
19
+ negative: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-negative);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-negative-hover);", ":var(--on-dark-text-primary);", ":var(--surface-negative-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
20
+ dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--on-light-surface-transparent-deep);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
21
+ black: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--on-light-surface-solid-default);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
22
+ white: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-light-text-secondary);", ":var(--on-dark-surface-solid-default);", ":var(", ");", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(", ");", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor)
23
+ },
24
+ size: {
25
+ l: /*#__PURE__*/css(["", ":1.5rem;", ":0.5rem;", ":3.5rem;", ":12.5rem;", ":1.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.375rem;", ":inherit;", ":0 0.5rem 0 -0.125rem;", ":0 -0.125rem 0 0.5rem;", ":0 0 0 0.25rem;", ":fit-content;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.375rem;", ":inherit;", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
26
+ m: /*#__PURE__*/css(["", ":1.25rem;", ":0.5rem;", ":3rem;", ":11.25rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;", ":0 0.375rem 0 -0.125rem;", ":0 -0.125rem 0 0.375rem;", ":0 0 0 0.25rem;", ":fit-content;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":3rem;", ":3rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
27
+ s: /*#__PURE__*/css(["", ":1rem;", ":0.375rem;", ":2.5rem;", ":11.25rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;", ":0 0.25rem 0 -0.125rem;", ":0 -0.125rem 0 0.25rem;", ":0 0 0 0.25rem;", ":fit-content;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
28
+ xs: /*#__PURE__*/css(["", ":0.75rem;", ":0.25rem;", ":2rem;", ":10rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;", ":0 0.25rem 0 -0.125rem;", ":0 -0.125rem 0 0.25rem;", ":0 0 0 0.25rem;", ":fit-content;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor)
29
+ }
30
+ }
31
+ };
@@ -0,0 +1,5 @@
1
+ import { attachConfig } from '../../../../components/Attach';
2
+ import { component, mergeConfig } from '../../../../engines';
3
+ import { config } from './Attach.config';
4
+ var mergedConfig = /*#__PURE__*/mergeConfig(attachConfig, config);
5
+ export var Attach = /*#__PURE__*/component(mergedConfig);
@@ -0,0 +1,177 @@
1
+ import React from 'react';
2
+ import type { ComponentProps } from 'react';
3
+ import type { StoryObj, Meta } from '@storybook/react';
4
+
5
+ import { mergeConfig } from '../../../../engines';
6
+ import { WithTheme, argTypesFromConfig } from '../../../_helpers';
7
+ import { attachConfig } from '../../../../components/Attach';
8
+ import { IconMic } from '../../../../components/_Icon';
9
+
10
+ import { Attach } from './Attach';
11
+ import { config } from './Attach.config';
12
+
13
+ const buttonViewOptions = [
14
+ 'default',
15
+ 'accent',
16
+ 'secondary',
17
+ 'clear',
18
+ 'positive',
19
+ 'warning',
20
+ 'negative',
21
+ 'dark',
22
+ 'black',
23
+ 'white',
24
+ ];
25
+ const iconButtonViewOptions = [
26
+ 'default',
27
+ 'accent',
28
+ 'secondary',
29
+ 'clear',
30
+ 'success',
31
+ 'warning',
32
+ 'critical',
33
+ 'dark',
34
+ 'black',
35
+ 'white',
36
+ ];
37
+ const flowOptions = ['horizontal', 'vertical', 'auto'];
38
+ const fileFormatOptions = ['all', '.doc', '.xls', '.pdf', '.csv', '.txt'];
39
+
40
+ type StoryAttachProps = ComponentProps<typeof Attach> & {
41
+ enableContentLeft: boolean;
42
+ enableContentRight: boolean;
43
+ buttonText?: string;
44
+ buttonValue?: string;
45
+ fileFormat?: string;
46
+ width?: string;
47
+ };
48
+
49
+ const meta: Meta<StoryAttachProps> = {
50
+ title: 'plasma_b2c/Attach',
51
+ decorators: [WithTheme],
52
+ component: Attach,
53
+ argTypes: {
54
+ ...argTypesFromConfig(mergeConfig(attachConfig, config)),
55
+ fileFormat: {
56
+ options: fileFormatOptions,
57
+ control: {
58
+ type: 'select',
59
+ },
60
+ },
61
+ flow: {
62
+ options: flowOptions,
63
+ control: {
64
+ type: 'select',
65
+ },
66
+ },
67
+ },
68
+ };
69
+
70
+ export default meta;
71
+
72
+ const StoryButton = (props: StoryAttachProps) => {
73
+ return <Attach {...props} />;
74
+ };
75
+
76
+ export const Button: StoryObj<StoryAttachProps> = {
77
+ args: {
78
+ fileFormat: 'all',
79
+ flow: 'horizontal',
80
+ hasAttachment: true,
81
+ width: '400px',
82
+ buttonText: 'Загрузить файл',
83
+ buttonValue: '',
84
+ square: false,
85
+ enableContentLeft: false,
86
+ enableContentRight: false,
87
+ size: 'm',
88
+ view: 'accent',
89
+ },
90
+ argTypes: {
91
+ view: {
92
+ options: buttonViewOptions,
93
+ control: {
94
+ type: 'select',
95
+ },
96
+ },
97
+ },
98
+ render: (args) => {
99
+ const {
100
+ buttonText,
101
+ buttonValue,
102
+ width,
103
+ size,
104
+ fileFormat,
105
+ enableContentLeft,
106
+ enableContentRight,
107
+ ...rest
108
+ } = args;
109
+ const accepted = fileFormat && fileFormat !== 'all' ? [fileFormat] : undefined;
110
+ const iconSize = size === 'xs' ? 'xs' : 's';
111
+
112
+ return (
113
+ <StoryButton
114
+ style={{ width }}
115
+ size={size}
116
+ buttonType="button"
117
+ contentLeft={enableContentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined}
118
+ contentRight={enableContentRight ? <IconMic size={iconSize} color="inherit" /> : undefined}
119
+ acceptedFileFormats={accepted}
120
+ text={buttonText}
121
+ value={buttonValue}
122
+ {...rest}
123
+ />
124
+ );
125
+ },
126
+ };
127
+
128
+ const StoryIconButton = (props: StoryAttachProps) => {
129
+ return <Attach {...props} />;
130
+ };
131
+
132
+ export const IconButton: StoryObj<StoryAttachProps> = {
133
+ args: {
134
+ fileFormat: 'all',
135
+ flow: 'horizontal',
136
+ hasAttachment: true,
137
+ width: '400px',
138
+ size: 'm',
139
+ view: 'accent',
140
+ },
141
+ argTypes: {
142
+ view: {
143
+ options: iconButtonViewOptions,
144
+ control: {
145
+ type: 'select',
146
+ },
147
+ },
148
+ },
149
+ render: (args) => {
150
+ const {
151
+ buttonText,
152
+ buttonValue,
153
+ width,
154
+ size,
155
+ fileFormat,
156
+ enableContentLeft,
157
+ enableContentRight,
158
+ ...rest
159
+ } = args;
160
+ const accepted = fileFormat && fileFormat !== 'all' ? [fileFormat] : undefined;
161
+ const iconSize = size === 'xs' ? 'xs' : 's';
162
+
163
+ return (
164
+ <StoryIconButton
165
+ style={{ width }}
166
+ size={size}
167
+ buttonType="iconButton"
168
+ contentLeft={enableContentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined}
169
+ contentRight={enableContentRight ? <IconMic size={iconSize} color="inherit" /> : undefined}
170
+ acceptedFileFormats={accepted}
171
+ text={buttonText}
172
+ value={buttonValue}
173
+ {...rest}
174
+ />
175
+ );
176
+ },
177
+ };
@@ -0,0 +1,31 @@
1
+ import { css } from 'styled-components';
2
+ import { attachTokens } from '../../../../components/Attach';
3
+ export var config = {
4
+ defaults: {
5
+ view: 'default',
6
+ focused: 'true',
7
+ size: 'm'
8
+ },
9
+ variations: {
10
+ view: {
11
+ "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--surface-solid-default);", ":var(", ");", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(", ");", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
12
+ accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-accent);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
13
+ secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-transparent-secondary);", ":var(", ");", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(", ");", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
14
+ clear: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
15
+ positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-positive);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-positive-hover);", ":var(--on-dark-text-primary);", ":var(--surface-positive-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
16
+ success: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-positive-hover);", ":var(--on-dark-text-primary);", ":var(--surface-positive-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
17
+ warning: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-warning);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-warning-hover);", ":var(--on-dark-text-primary);", ":var(--surface-warning-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-warning-hover);", ":var(--on-dark-text-primary);", ":var(--surface-warning-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
18
+ critical: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-negative-hover);", ":var(--on-dark-text-primary);", ":var(--surface-negative-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
19
+ negative: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-negative);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-negative-hover);", ":var(--on-dark-text-primary);", ":var(--surface-negative-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
20
+ dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--on-light-surface-transparent-deep);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
21
+ black: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--on-light-surface-solid-default);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
22
+ white: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-light-text-secondary);", ":var(--on-dark-surface-solid-default);", ":var(", ");", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(", ");", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor)
23
+ },
24
+ size: {
25
+ l: /*#__PURE__*/css(["", ":1.5rem;", ":0.5rem;", ":3.5rem;", ":12.5rem;", ":1.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.375rem;", ":inherit;", ":0 0.5rem 0 -0.125rem;", ":0 -0.125rem 0 0.5rem;", ":0 0 0 0.25rem;", ":fit-content;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.375rem;", ":inherit;", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
26
+ m: /*#__PURE__*/css(["", ":1.25rem;", ":0.5rem;", ":3rem;", ":11.25rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;", ":0 0.375rem 0 -0.125rem;", ":0 -0.125rem 0 0.375rem;", ":0 0 0 0.25rem;", ":fit-content;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":3rem;", ":3rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
27
+ s: /*#__PURE__*/css(["", ":1rem;", ":0.375rem;", ":2.5rem;", ":11.25rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;", ":0 0.25rem 0 -0.125rem;", ":0 -0.125rem 0 0.25rem;", ":0 0 0 0.25rem;", ":fit-content;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
28
+ xs: /*#__PURE__*/css(["", ":0.75rem;", ":0.25rem;", ":2rem;", ":10rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;", ":0 0.25rem 0 -0.125rem;", ":0 -0.125rem 0 0.25rem;", ":0 0 0 0.25rem;", ":fit-content;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor)
29
+ }
30
+ }
31
+ };
@@ -0,0 +1,5 @@
1
+ import { attachConfig } from '../../../../components/Attach';
2
+ import { component, mergeConfig } from '../../../../engines';
3
+ import { config } from './Attach.config';
4
+ var mergedConfig = /*#__PURE__*/mergeConfig(attachConfig, config);
5
+ export var Attach = /*#__PURE__*/component(mergedConfig);
@@ -0,0 +1,168 @@
1
+ import React from 'react';
2
+ import type { ComponentProps } from 'react';
3
+ import type { StoryObj, Meta } from '@storybook/react';
4
+
5
+ import { mergeConfig } from '../../../../engines';
6
+ import { WithTheme, argTypesFromConfig } from '../../../_helpers';
7
+ import { attachConfig } from '../../../../components/Attach';
8
+ import { IconMic } from '../../../../components/_Icon';
9
+
10
+ import { Attach } from './Attach';
11
+ import { config } from './Attach.config';
12
+
13
+ const buttonViewOptions = [
14
+ 'default',
15
+ 'accent',
16
+ 'secondary',
17
+ 'clear',
18
+ 'positive',
19
+ 'warning',
20
+ 'negative',
21
+ 'dark',
22
+ 'black',
23
+ 'white',
24
+ ];
25
+ const iconButtonViewOptions = [
26
+ 'default',
27
+ 'accent',
28
+ 'secondary',
29
+ 'clear',
30
+ 'success',
31
+ 'warning',
32
+ 'critical',
33
+ 'dark',
34
+ 'black',
35
+ 'white',
36
+ ];
37
+ const flowOptions = ['horizontal', 'vertical', 'auto'];
38
+ const fileFormatOptions = ['all', '.doc', '.xls', '.pdf', '.csv', '.txt'];
39
+
40
+ type StoryAttachProps = ComponentProps<typeof Attach> & {
41
+ enableContentLeft: boolean;
42
+ enableContentRight: boolean;
43
+ buttonText?: string;
44
+ buttonValue?: string;
45
+ fileFormat?: string;
46
+ width?: string;
47
+ };
48
+
49
+ const meta: Meta<StoryAttachProps> = {
50
+ title: 'plasma_web/Attach',
51
+ decorators: [WithTheme],
52
+ component: Attach,
53
+ argTypes: {
54
+ ...argTypesFromConfig(mergeConfig(attachConfig, config)),
55
+ fileFormat: {
56
+ options: fileFormatOptions,
57
+ control: {
58
+ type: 'select',
59
+ },
60
+ },
61
+ flow: {
62
+ options: flowOptions,
63
+ control: {
64
+ type: 'select',
65
+ },
66
+ },
67
+ },
68
+ };
69
+
70
+ export default meta;
71
+
72
+ const StoryButton = (props: StoryAttachProps) => {
73
+ return <Attach {...props} />;
74
+ };
75
+
76
+ export const Button: StoryObj<StoryAttachProps> = {
77
+ args: {
78
+ fileFormat: 'all',
79
+ flow: 'horizontal',
80
+ hasAttachment: true,
81
+ width: '400px',
82
+ buttonText: 'Загрузить файл',
83
+ buttonValue: '',
84
+ square: false,
85
+ enableContentLeft: false,
86
+ enableContentRight: false,
87
+ size: 'm',
88
+ view: 'accent',
89
+ },
90
+ argTypes: {
91
+ view: {
92
+ options: buttonViewOptions,
93
+ control: {
94
+ type: 'select',
95
+ },
96
+ },
97
+ },
98
+ render: (args) => {
99
+ const { buttonText, buttonValue, width, size, fileFormat, contentLeft, contentRight, ...rest } = args;
100
+ const accepted = fileFormat && fileFormat !== 'all' ? [fileFormat] : undefined;
101
+ const iconSize = size === 'xs' ? 'xs' : 's';
102
+
103
+ return (
104
+ <StoryButton
105
+ style={{ width }}
106
+ size={size}
107
+ buttonType="button"
108
+ contentLeft={contentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined}
109
+ contentRight={contentRight ? <IconMic size={iconSize} color="inherit" /> : undefined}
110
+ acceptedFileFormats={accepted}
111
+ text={buttonText}
112
+ value={buttonValue}
113
+ {...rest}
114
+ />
115
+ );
116
+ },
117
+ };
118
+
119
+ const StoryIconButton = (props: StoryAttachProps) => {
120
+ return <Attach {...props} />;
121
+ };
122
+
123
+ export const IconButton: StoryObj<StoryAttachProps> = {
124
+ args: {
125
+ fileFormat: 'all',
126
+ flow: 'horizontal',
127
+ hasAttachment: true,
128
+ width: '400px',
129
+ size: 'm',
130
+ view: 'accent',
131
+ },
132
+ argTypes: {
133
+ view: {
134
+ options: iconButtonViewOptions,
135
+ control: {
136
+ type: 'select',
137
+ },
138
+ },
139
+ },
140
+ render: (args) => {
141
+ const {
142
+ buttonText,
143
+ buttonValue,
144
+ width,
145
+ size,
146
+ fileFormat,
147
+ enableContentLeft,
148
+ enableContentRight,
149
+ ...rest
150
+ } = args;
151
+ const accepted = fileFormat && fileFormat !== 'all' ? [fileFormat] : undefined;
152
+ const iconSize = size === 'xs' ? 'xs' : 's';
153
+
154
+ return (
155
+ <StoryIconButton
156
+ style={{ width }}
157
+ size={size}
158
+ buttonType="iconButton"
159
+ contentLeft={enableContentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined}
160
+ contentRight={enableContentRight ? <IconMic size={iconSize} color="inherit" /> : undefined}
161
+ acceptedFileFormats={accepted}
162
+ text={buttonText}
163
+ value={buttonValue}
164
+ {...rest}
165
+ />
166
+ );
167
+ },
168
+ };
@@ -57,4 +57,5 @@ export * from './components/Price';
57
57
  export * from './components/Autocomplete';
58
58
  export * from './components/EmptyState';
59
59
  export * from './components/Editable';
60
- export * from './components/Mask';
60
+ export * from './components/Mask';
61
+ export * from './components/Attach';