@salutejs/plasma-new-hope 0.149.0-canary.1445.10942800137.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 (602) 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/{ChipGroup/variations/_gap → Attach/variations/_size}/base.js +2 -2
  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/{ChipGroup/variations/_size → Attach/variations/_view}/base.js +2 -2
  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/Chip/Chip.js +1 -1
  36. package/cjs/components/Chip/Chip.js.map +1 -1
  37. package/cjs/components/Chip/Chip.tokens.js +1 -2
  38. package/cjs/components/Chip/Chip.tokens.js.map +1 -1
  39. package/cjs/components/Mask/Mask.js +45 -0
  40. package/cjs/components/Mask/Mask.js.map +1 -0
  41. package/cjs/components/TextField/TextField.js +3 -1
  42. package/cjs/components/TextField/TextField.js.map +1 -1
  43. package/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +33 -0
  44. package/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js.map +1 -0
  45. package/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +37 -0
  46. package/cjs/components/_Icon/Icon.assets/BlankDocOutline.js.map +1 -0
  47. package/cjs/components/_Icon/Icon.assets/BlankOutline.js +24 -0
  48. package/cjs/components/_Icon/Icon.assets/BlankOutline.js.map +1 -0
  49. package/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +29 -0
  50. package/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js.map +1 -0
  51. package/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +33 -0
  52. package/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js.map +1 -0
  53. package/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +33 -0
  54. package/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js.map +1 -0
  55. package/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +24 -0
  56. package/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js.map +1 -0
  57. package/cjs/components/_Icon/Icon.assets/Plus.js +24 -0
  58. package/cjs/components/_Icon/Icon.assets/Plus.js.map +1 -0
  59. package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +23 -0
  60. package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js.map +1 -0
  61. package/cjs/components/_Icon/Icons/IconBlankDocOutline.js +23 -0
  62. package/cjs/components/_Icon/Icons/IconBlankDocOutline.js.map +1 -0
  63. package/cjs/components/_Icon/Icons/IconBlankOutline.js +23 -0
  64. package/cjs/components/_Icon/Icons/IconBlankOutline.js.map +1 -0
  65. package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +23 -0
  66. package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js.map +1 -0
  67. package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +23 -0
  68. package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js.map +1 -0
  69. package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +23 -0
  70. package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js.map +1 -0
  71. package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +23 -0
  72. package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js.map +1 -0
  73. package/cjs/components/_Icon/Icons/IconPlus.js +23 -0
  74. package/cjs/components/_Icon/Icons/IconPlus.js.map +1 -0
  75. package/cjs/index.css +15 -8
  76. package/cjs/index.js +7 -7
  77. package/emotion/cjs/components/Attach/Attach.js +186 -0
  78. package/emotion/cjs/components/Attach/Attach.styles.js +36 -0
  79. package/emotion/cjs/components/Attach/Attach.template-doc.mdx +63 -0
  80. package/emotion/cjs/components/Attach/Attach.tokens.js +128 -0
  81. package/{styled-components/cjs/components/ChipGroup/ChipGroup.js → emotion/cjs/components/Attach/components/AttachButton/AttachButton.js} +37 -50
  82. package/emotion/cjs/components/Attach/components/AttachButton/index.js +12 -0
  83. package/emotion/cjs/components/Attach/index.js +25 -0
  84. package/emotion/cjs/components/Attach/ui/Button/Button.js +12 -0
  85. package/emotion/cjs/components/Attach/ui/Button/Button.styles.js +17 -0
  86. package/emotion/cjs/components/Attach/ui/Cell/Cell.js +12 -0
  87. package/emotion/cjs/components/Attach/ui/Cell/Cell.styles.js +17 -0
  88. package/emotion/cjs/components/Attach/ui/IconButton/IconButton.js +12 -0
  89. package/emotion/cjs/components/Attach/ui/IconButton/IconButton.styles.js +21 -0
  90. package/emotion/cjs/components/Attach/utils/extractExtension.js +9 -0
  91. package/emotion/cjs/components/Attach/utils/getFileicon.js +44 -0
  92. package/emotion/cjs/components/Attach/utils/index.js +26 -0
  93. package/emotion/cjs/components/Attach/utils/truncateFilename.js +23 -0
  94. package/emotion/cjs/components/Attach/variations/_size/base.js +9 -0
  95. package/emotion/cjs/components/Attach/variations/_view/base.js +9 -0
  96. package/emotion/cjs/components/Cell/Cell.js +3 -2
  97. package/emotion/cjs/components/Chip/Chip.js +1 -1
  98. package/emotion/cjs/components/Chip/Chip.tokens.js +1 -2
  99. package/emotion/cjs/components/Chip/index.js +0 -6
  100. package/emotion/cjs/components/Mask/Mask.js +55 -0
  101. package/emotion/cjs/components/Mask/Mask.template-doc.mdx +125 -0
  102. package/emotion/cjs/components/Mask/index.js +12 -0
  103. package/emotion/cjs/components/TextField/TextField.js +4 -2
  104. package/emotion/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +32 -0
  105. package/emotion/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +36 -0
  106. package/emotion/cjs/components/_Icon/Icon.assets/BlankOutline.js +23 -0
  107. package/emotion/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +28 -0
  108. package/emotion/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +32 -0
  109. package/emotion/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +32 -0
  110. package/emotion/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +23 -0
  111. package/emotion/cjs/components/_Icon/Icon.assets/Plus.js +23 -0
  112. package/emotion/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +22 -0
  113. package/emotion/cjs/components/_Icon/Icons/IconBlankDocOutline.js +22 -0
  114. package/emotion/cjs/components/_Icon/Icons/IconBlankOutline.js +22 -0
  115. package/emotion/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +22 -0
  116. package/emotion/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +22 -0
  117. package/emotion/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +22 -0
  118. package/emotion/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +22 -0
  119. package/emotion/cjs/components/_Icon/Icons/IconPlus.js +22 -0
  120. package/emotion/cjs/components/_Icon/index.js +57 -1
  121. package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.config.js +37 -0
  122. package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.js +11 -0
  123. package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
  124. package/emotion/cjs/examples/plasma_b2c/components/Mask/Mask.js +9 -0
  125. package/emotion/cjs/examples/plasma_b2c/components/Mask/Mask.stories.tsx +127 -0
  126. package/emotion/cjs/examples/plasma_web/components/Attach/Attach.config.js +37 -0
  127. package/emotion/cjs/examples/plasma_web/components/Attach/Attach.js +11 -0
  128. package/emotion/cjs/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
  129. package/emotion/cjs/examples/plasma_web/components/Mask/Mask.js +9 -0
  130. package/emotion/cjs/examples/plasma_web/components/Mask/Mask.stories.tsx +125 -0
  131. package/emotion/cjs/index.js +22 -11
  132. package/emotion/es/components/Attach/Attach.js +177 -0
  133. package/emotion/es/components/Attach/Attach.styles.js +29 -0
  134. package/emotion/es/components/Attach/Attach.template-doc.mdx +63 -0
  135. package/emotion/es/components/Attach/Attach.tokens.js +122 -0
  136. package/emotion/es/components/Attach/components/AttachButton/AttachButton.js +43 -0
  137. package/emotion/es/components/Attach/components/AttachButton/index.js +1 -0
  138. package/emotion/es/components/Attach/index.js +2 -0
  139. package/emotion/es/components/Attach/ui/Button/Button.js +1 -0
  140. package/emotion/es/components/Attach/ui/Button/Button.styles.js +10 -0
  141. package/emotion/es/components/Attach/ui/Cell/Cell.js +1 -0
  142. package/emotion/es/components/Attach/ui/Cell/Cell.styles.js +10 -0
  143. package/emotion/es/components/Attach/ui/IconButton/IconButton.js +1 -0
  144. package/emotion/es/components/Attach/ui/IconButton/IconButton.styles.js +14 -0
  145. package/emotion/es/components/Attach/utils/extractExtension.js +3 -0
  146. package/emotion/es/components/Attach/utils/getFileicon.js +37 -0
  147. package/emotion/es/components/Attach/utils/index.js +3 -0
  148. package/emotion/es/components/Attach/utils/truncateFilename.js +17 -0
  149. package/emotion/es/components/Attach/variations/_size/base.js +3 -0
  150. package/emotion/es/components/Attach/variations/_view/base.js +3 -0
  151. package/emotion/es/components/Cell/Cell.js +3 -2
  152. package/emotion/es/components/Chip/Chip.js +1 -1
  153. package/emotion/es/components/Chip/Chip.tokens.js +1 -2
  154. package/emotion/es/components/Chip/index.js +1 -1
  155. package/emotion/es/components/Mask/Mask.js +45 -0
  156. package/emotion/es/components/Mask/Mask.template-doc.mdx +125 -0
  157. package/emotion/es/components/Mask/index.js +1 -0
  158. package/emotion/es/components/TextField/TextField.js +4 -2
  159. package/emotion/es/components/_Icon/Icon.assets/BlankCsvOutline.js +25 -0
  160. package/emotion/es/components/_Icon/Icon.assets/BlankDocOutline.js +29 -0
  161. package/emotion/es/components/_Icon/Icon.assets/BlankOutline.js +16 -0
  162. package/emotion/es/components/_Icon/Icon.assets/BlankPdfOutline.js +21 -0
  163. package/emotion/es/components/_Icon/Icon.assets/BlankTxtOutline.js +25 -0
  164. package/emotion/es/components/_Icon/Icon.assets/BlankXlsOutline.js +25 -0
  165. package/emotion/es/components/_Icon/Icon.assets/CloseCircleOutline.js +16 -0
  166. package/emotion/es/components/_Icon/Icon.assets/Plus.js +16 -0
  167. package/emotion/es/components/_Icon/Icons/IconBlankCsvOutline.js +15 -0
  168. package/emotion/es/components/_Icon/Icons/IconBlankDocOutline.js +15 -0
  169. package/emotion/es/components/_Icon/Icons/IconBlankOutline.js +15 -0
  170. package/emotion/es/components/_Icon/Icons/IconBlankPdfOutline.js +15 -0
  171. package/emotion/es/components/_Icon/Icons/IconBlankTxtOutline.js +15 -0
  172. package/emotion/es/components/_Icon/Icons/IconBlankXlsOutline.js +15 -0
  173. package/emotion/es/components/_Icon/Icons/IconCloseCircleOutline.js +15 -0
  174. package/emotion/es/components/_Icon/Icons/IconPlus.js +15 -0
  175. package/emotion/es/components/_Icon/index.js +9 -1
  176. package/emotion/es/examples/plasma_b2c/components/Attach/Attach.config.js +31 -0
  177. package/emotion/es/examples/plasma_b2c/components/Attach/Attach.js +5 -0
  178. package/emotion/es/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
  179. package/emotion/es/examples/plasma_b2c/components/Mask/Mask.js +3 -0
  180. package/emotion/es/examples/plasma_b2c/components/Mask/Mask.stories.tsx +127 -0
  181. package/emotion/es/examples/plasma_web/components/Attach/Attach.config.js +31 -0
  182. package/emotion/es/examples/plasma_web/components/Attach/Attach.js +5 -0
  183. package/emotion/es/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
  184. package/emotion/es/examples/plasma_web/components/Mask/Mask.js +3 -0
  185. package/emotion/es/examples/plasma_web/components/Mask/Mask.stories.tsx +125 -0
  186. package/emotion/es/index.js +3 -2
  187. package/es/components/Attach/Attach.css +48 -0
  188. package/es/components/Attach/Attach.js +176 -0
  189. package/es/components/Attach/Attach.js.map +1 -0
  190. package/es/components/Attach/Attach.styles.js +17 -0
  191. package/es/components/Attach/Attach.styles.js.map +1 -0
  192. package/es/components/Attach/Attach.styles_fl8wha.css +3 -0
  193. package/es/components/Attach/Attach.tokens.js +125 -0
  194. package/es/components/Attach/Attach.tokens.js.map +1 -0
  195. package/es/components/Attach/components/AttachButton/AttachButton.css +34 -0
  196. package/es/components/Attach/components/AttachButton/AttachButton.js +46 -0
  197. package/es/components/Attach/components/AttachButton/AttachButton.js.map +1 -0
  198. package/es/components/Attach/ui/Button/Button.styles.js +19 -0
  199. package/es/components/Attach/ui/Button/Button.styles.js.map +1 -0
  200. package/es/components/Attach/ui/Button/Button.styles_bj69th.css +1 -0
  201. package/es/components/Attach/ui/Cell/Cell.styles.js +21 -0
  202. package/es/components/Attach/ui/Cell/Cell.styles.js.map +1 -0
  203. package/es/components/Attach/ui/Cell/Cell.styles_69w962.css +1 -0
  204. package/es/components/Attach/ui/IconButton/IconButton.styles.js +27 -0
  205. package/es/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -0
  206. package/es/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +2 -0
  207. package/es/components/Attach/utils/extractExtension.js +6 -0
  208. package/es/components/Attach/utils/extractExtension.js.map +1 -0
  209. package/es/components/Attach/utils/getFileicon.js +47 -0
  210. package/es/components/Attach/utils/getFileicon.js.map +1 -0
  211. package/es/components/Attach/utils/truncateFilename.js +20 -0
  212. package/es/components/Attach/utils/truncateFilename.js.map +1 -0
  213. package/es/components/{ChipGroup/variations/_view → Attach/variations/_size}/base.js +2 -2
  214. package/es/components/Attach/variations/_size/base.js.map +1 -0
  215. package/es/components/Attach/variations/_size/base_eax0b8.css +1 -0
  216. package/es/components/{ChipGroup/variations/_size → Attach/variations/_view}/base.js +2 -2
  217. package/es/components/Attach/variations/_view/base.js.map +1 -0
  218. package/es/components/Attach/variations/_view/base_1nvsg1b.css +1 -0
  219. package/es/components/Cell/Cell.js +3 -2
  220. package/es/components/Cell/Cell.js.map +1 -1
  221. package/es/components/Chip/Chip.js +1 -1
  222. package/es/components/Chip/Chip.js.map +1 -1
  223. package/es/components/Chip/Chip.tokens.js +1 -2
  224. package/es/components/Chip/Chip.tokens.js.map +1 -1
  225. package/es/components/Mask/Mask.js +41 -0
  226. package/es/components/Mask/Mask.js.map +1 -0
  227. package/es/components/TextField/TextField.js +3 -1
  228. package/es/components/TextField/TextField.js.map +1 -1
  229. package/es/components/_Icon/Icon.assets/BlankCsvOutline.js +29 -0
  230. package/es/components/_Icon/Icon.assets/BlankCsvOutline.js.map +1 -0
  231. package/es/components/_Icon/Icon.assets/BlankDocOutline.js +33 -0
  232. package/es/components/_Icon/Icon.assets/BlankDocOutline.js.map +1 -0
  233. package/es/components/_Icon/Icon.assets/BlankOutline.js +20 -0
  234. package/es/components/_Icon/Icon.assets/BlankOutline.js.map +1 -0
  235. package/es/components/_Icon/Icon.assets/BlankPdfOutline.js +25 -0
  236. package/es/components/_Icon/Icon.assets/BlankPdfOutline.js.map +1 -0
  237. package/es/components/_Icon/Icon.assets/BlankTxtOutline.js +29 -0
  238. package/es/components/_Icon/Icon.assets/BlankTxtOutline.js.map +1 -0
  239. package/es/components/_Icon/Icon.assets/BlankXlsOutline.js +29 -0
  240. package/es/components/_Icon/Icon.assets/BlankXlsOutline.js.map +1 -0
  241. package/es/components/_Icon/Icon.assets/CloseCircleOutline.js +20 -0
  242. package/es/components/_Icon/Icon.assets/CloseCircleOutline.js.map +1 -0
  243. package/es/components/_Icon/Icon.assets/Plus.js +20 -0
  244. package/es/components/_Icon/Icon.assets/Plus.js.map +1 -0
  245. package/es/components/_Icon/Icons/IconBlankCsvOutline.js +19 -0
  246. package/es/components/_Icon/Icons/IconBlankCsvOutline.js.map +1 -0
  247. package/es/components/_Icon/Icons/IconBlankDocOutline.js +19 -0
  248. package/es/components/_Icon/Icons/IconBlankDocOutline.js.map +1 -0
  249. package/es/components/_Icon/Icons/IconBlankOutline.js +19 -0
  250. package/es/components/_Icon/Icons/IconBlankOutline.js.map +1 -0
  251. package/es/components/_Icon/Icons/IconBlankPdfOutline.js +19 -0
  252. package/es/components/_Icon/Icons/IconBlankPdfOutline.js.map +1 -0
  253. package/es/components/_Icon/Icons/IconBlankTxtOutline.js +19 -0
  254. package/es/components/_Icon/Icons/IconBlankTxtOutline.js.map +1 -0
  255. package/es/components/_Icon/Icons/IconBlankXlsOutline.js +19 -0
  256. package/es/components/_Icon/Icons/IconBlankXlsOutline.js.map +1 -0
  257. package/es/components/_Icon/Icons/IconCloseCircleOutline.js +19 -0
  258. package/es/components/_Icon/Icons/IconCloseCircleOutline.js.map +1 -0
  259. package/es/components/_Icon/Icons/IconPlus.js +19 -0
  260. package/es/components/_Icon/Icons/IconPlus.js.map +1 -0
  261. package/es/index.css +15 -8
  262. package/es/index.js +4 -3
  263. package/es/index.js.map +1 -1
  264. package/package.json +4 -2
  265. package/styled-components/cjs/components/Attach/Attach.js +186 -0
  266. package/styled-components/cjs/components/Attach/Attach.styles.js +18 -0
  267. package/styled-components/cjs/components/Attach/Attach.template-doc.mdx +63 -0
  268. package/styled-components/cjs/components/Attach/Attach.tokens.js +128 -0
  269. package/styled-components/cjs/components/Attach/Attach.types.js +5 -0
  270. package/{emotion/cjs/components/ChipGroup/ChipGroup.js → styled-components/cjs/components/Attach/components/AttachButton/AttachButton.js} +37 -50
  271. package/styled-components/cjs/components/Attach/components/AttachButton/index.js +12 -0
  272. package/styled-components/cjs/components/Attach/index.js +25 -0
  273. package/styled-components/cjs/components/Attach/ui/Button/Button.js +12 -0
  274. package/styled-components/cjs/components/Attach/ui/Button/Button.styles.js +16 -0
  275. package/styled-components/cjs/components/Attach/ui/Cell/Cell.js +12 -0
  276. package/styled-components/cjs/components/Attach/ui/Cell/Cell.styles.js +16 -0
  277. package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.js +12 -0
  278. package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.styles.js +19 -0
  279. package/styled-components/cjs/components/Attach/utils/extractExtension.js +9 -0
  280. package/styled-components/cjs/components/Attach/utils/getFileicon.js +44 -0
  281. package/styled-components/cjs/components/Attach/utils/index.js +26 -0
  282. package/styled-components/cjs/components/Attach/utils/truncateFilename.js +23 -0
  283. package/styled-components/cjs/components/Attach/variations/_size/base.js +9 -0
  284. package/styled-components/cjs/components/{ChipGroup/variations/_gap → Attach/variations/_view}/base.js +2 -2
  285. package/styled-components/cjs/components/Cell/Cell.js +3 -2
  286. package/styled-components/cjs/components/Chip/Chip.js +1 -1
  287. package/styled-components/cjs/components/Chip/Chip.tokens.js +1 -2
  288. package/styled-components/cjs/components/Chip/index.js +0 -6
  289. package/styled-components/cjs/components/Mask/Mask.js +55 -0
  290. package/styled-components/cjs/components/Mask/Mask.template-doc.mdx +125 -0
  291. package/styled-components/cjs/components/Mask/Mask.types.js +5 -0
  292. package/styled-components/cjs/components/Mask/index.js +12 -0
  293. package/styled-components/cjs/components/TextField/TextField.js +3 -1
  294. package/styled-components/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +32 -0
  295. package/styled-components/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +36 -0
  296. package/styled-components/cjs/components/_Icon/Icon.assets/BlankOutline.js +23 -0
  297. package/styled-components/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +28 -0
  298. package/styled-components/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +32 -0
  299. package/styled-components/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +32 -0
  300. package/styled-components/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +23 -0
  301. package/styled-components/cjs/components/_Icon/Icon.assets/Plus.js +23 -0
  302. package/styled-components/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +22 -0
  303. package/styled-components/cjs/components/_Icon/Icons/IconBlankDocOutline.js +22 -0
  304. package/styled-components/cjs/components/_Icon/Icons/IconBlankOutline.js +22 -0
  305. package/styled-components/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +22 -0
  306. package/styled-components/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +22 -0
  307. package/styled-components/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +22 -0
  308. package/styled-components/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +22 -0
  309. package/styled-components/cjs/components/_Icon/Icons/IconPlus.js +22 -0
  310. package/styled-components/cjs/components/_Icon/index.js +57 -1
  311. package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.config.js +37 -0
  312. package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.js +11 -0
  313. package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
  314. package/styled-components/cjs/examples/plasma_b2c/components/Mask/Mask.js +9 -0
  315. package/styled-components/cjs/examples/plasma_b2c/components/Mask/Mask.stories.tsx +127 -0
  316. package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.config.js +37 -0
  317. package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.js +11 -0
  318. package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
  319. package/styled-components/cjs/examples/plasma_web/components/Mask/Mask.js +9 -0
  320. package/styled-components/cjs/examples/plasma_web/components/Mask/Mask.stories.tsx +125 -0
  321. package/styled-components/cjs/index.js +22 -11
  322. package/styled-components/es/components/Attach/Attach.js +177 -0
  323. package/styled-components/es/components/Attach/Attach.styles.js +10 -0
  324. package/styled-components/es/components/Attach/Attach.template-doc.mdx +63 -0
  325. package/styled-components/es/components/Attach/Attach.tokens.js +122 -0
  326. package/styled-components/es/components/Attach/Attach.types.js +1 -0
  327. package/styled-components/es/components/Attach/components/AttachButton/AttachButton.js +43 -0
  328. package/styled-components/es/components/Attach/components/AttachButton/index.js +1 -0
  329. package/styled-components/es/components/Attach/index.js +2 -0
  330. package/styled-components/es/components/Attach/ui/Button/Button.js +1 -0
  331. package/styled-components/es/components/Attach/ui/Button/Button.styles.js +9 -0
  332. package/styled-components/es/components/Attach/ui/Cell/Cell.js +1 -0
  333. package/styled-components/es/components/Attach/ui/Cell/Cell.styles.js +9 -0
  334. package/styled-components/es/components/Attach/ui/IconButton/IconButton.js +1 -0
  335. package/styled-components/es/components/Attach/ui/IconButton/IconButton.styles.js +12 -0
  336. package/styled-components/es/components/Attach/utils/extractExtension.js +3 -0
  337. package/styled-components/es/components/Attach/utils/getFileicon.js +37 -0
  338. package/styled-components/es/components/Attach/utils/index.js +3 -0
  339. package/styled-components/es/components/Attach/utils/truncateFilename.js +17 -0
  340. package/styled-components/es/components/Attach/variations/_size/base.js +3 -0
  341. package/styled-components/es/components/Attach/variations/_view/base.js +3 -0
  342. package/styled-components/es/components/Cell/Cell.js +3 -2
  343. package/styled-components/es/components/Chip/Chip.js +1 -1
  344. package/styled-components/es/components/Chip/Chip.tokens.js +1 -2
  345. package/styled-components/es/components/Chip/index.js +1 -1
  346. package/styled-components/es/components/Mask/Mask.js +45 -0
  347. package/styled-components/es/components/Mask/Mask.template-doc.mdx +125 -0
  348. package/styled-components/es/components/Mask/Mask.types.js +1 -0
  349. package/styled-components/es/components/Mask/index.js +1 -0
  350. package/styled-components/es/components/TextField/TextField.js +3 -1
  351. package/styled-components/es/components/_Icon/Icon.assets/BlankCsvOutline.js +25 -0
  352. package/styled-components/es/components/_Icon/Icon.assets/BlankDocOutline.js +29 -0
  353. package/styled-components/es/components/_Icon/Icon.assets/BlankOutline.js +16 -0
  354. package/styled-components/es/components/_Icon/Icon.assets/BlankPdfOutline.js +21 -0
  355. package/styled-components/es/components/_Icon/Icon.assets/BlankTxtOutline.js +25 -0
  356. package/styled-components/es/components/_Icon/Icon.assets/BlankXlsOutline.js +25 -0
  357. package/styled-components/es/components/_Icon/Icon.assets/CloseCircleOutline.js +16 -0
  358. package/styled-components/es/components/_Icon/Icon.assets/Plus.js +16 -0
  359. package/styled-components/es/components/_Icon/Icons/IconBlankCsvOutline.js +15 -0
  360. package/styled-components/es/components/_Icon/Icons/IconBlankDocOutline.js +15 -0
  361. package/styled-components/es/components/_Icon/Icons/IconBlankOutline.js +15 -0
  362. package/styled-components/es/components/_Icon/Icons/IconBlankPdfOutline.js +15 -0
  363. package/styled-components/es/components/_Icon/Icons/IconBlankTxtOutline.js +15 -0
  364. package/styled-components/es/components/_Icon/Icons/IconBlankXlsOutline.js +15 -0
  365. package/styled-components/es/components/_Icon/Icons/IconCloseCircleOutline.js +15 -0
  366. package/styled-components/es/components/_Icon/Icons/IconPlus.js +15 -0
  367. package/styled-components/es/components/_Icon/index.js +9 -1
  368. package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.config.js +31 -0
  369. package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.js +5 -0
  370. package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
  371. package/styled-components/es/examples/plasma_b2c/components/Mask/Mask.js +3 -0
  372. package/styled-components/es/examples/plasma_b2c/components/Mask/Mask.stories.tsx +127 -0
  373. package/styled-components/es/examples/plasma_web/components/Attach/Attach.config.js +31 -0
  374. package/styled-components/es/examples/plasma_web/components/Attach/Attach.js +5 -0
  375. package/styled-components/es/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
  376. package/styled-components/es/examples/plasma_web/components/Mask/Mask.js +3 -0
  377. package/styled-components/es/examples/plasma_web/components/Mask/Mask.stories.tsx +125 -0
  378. package/styled-components/es/index.js +3 -2
  379. package/types/components/Attach/Attach.d.ts +23 -0
  380. package/types/components/Attach/Attach.d.ts.map +1 -0
  381. package/types/components/Attach/Attach.styles.d.ts +5 -0
  382. package/types/components/Attach/Attach.styles.d.ts.map +1 -0
  383. package/types/components/Attach/Attach.tokens.d.ts +119 -0
  384. package/types/components/Attach/Attach.tokens.d.ts.map +1 -0
  385. package/types/components/Attach/Attach.types.d.ts +43 -0
  386. package/types/components/Attach/Attach.types.d.ts.map +1 -0
  387. package/types/components/Attach/components/AttachButton/AttachButton.d.ts +4 -0
  388. package/types/components/Attach/components/AttachButton/AttachButton.d.ts.map +1 -0
  389. package/types/components/Attach/components/AttachButton/index.d.ts +2 -0
  390. package/types/components/Attach/components/AttachButton/index.d.ts.map +1 -0
  391. package/types/components/Attach/index.d.ts +4 -0
  392. package/types/components/Attach/index.d.ts.map +1 -0
  393. package/types/components/Attach/ui/Button/Button.d.ts +2 -0
  394. package/types/components/Attach/ui/Button/Button.d.ts.map +1 -0
  395. package/types/components/Attach/ui/Button/Button.styles.d.ts +45 -0
  396. package/types/components/Attach/ui/Button/Button.styles.d.ts.map +1 -0
  397. package/types/components/Attach/ui/Cell/Cell.d.ts +2 -0
  398. package/types/components/Attach/ui/Cell/Cell.d.ts.map +1 -0
  399. package/types/components/Attach/ui/Cell/Cell.styles.d.ts +33 -0
  400. package/types/components/Attach/ui/Cell/Cell.styles.d.ts.map +1 -0
  401. package/types/components/Attach/ui/IconButton/IconButton.d.ts +2 -0
  402. package/types/components/Attach/ui/IconButton/IconButton.d.ts.map +1 -0
  403. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +88 -0
  404. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts.map +1 -0
  405. package/types/components/Attach/utils/extractExtension.d.ts +2 -0
  406. package/types/components/Attach/utils/extractExtension.d.ts.map +1 -0
  407. package/types/components/Attach/utils/getFileicon.d.ts +3 -0
  408. package/types/components/Attach/utils/getFileicon.d.ts.map +1 -0
  409. package/types/components/Attach/utils/index.d.ts +4 -0
  410. package/types/components/Attach/utils/index.d.ts.map +1 -0
  411. package/types/components/Attach/utils/truncateFilename.d.ts +7 -0
  412. package/types/components/Attach/utils/truncateFilename.d.ts.map +1 -0
  413. package/types/components/Attach/variations/_size/base.d.ts.map +1 -0
  414. package/types/components/Attach/variations/_view/base.d.ts.map +1 -0
  415. package/types/components/Cell/Cell.d.ts.map +1 -1
  416. package/types/components/Cell/Cell.types.d.ts +1 -1
  417. package/types/components/Cell/Cell.types.d.ts.map +1 -1
  418. package/types/components/Chip/Chip.tokens.d.ts +0 -1
  419. package/types/components/Chip/Chip.tokens.d.ts.map +1 -1
  420. package/types/components/Chip/index.d.ts +1 -1
  421. package/types/components/Chip/index.d.ts.map +1 -1
  422. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts +2 -2
  423. package/types/components/Mask/Mask.d.ts +5 -0
  424. package/types/components/Mask/Mask.d.ts.map +1 -0
  425. package/types/components/Mask/Mask.types.d.ts +62 -0
  426. package/types/components/Mask/Mask.types.d.ts.map +1 -0
  427. package/types/components/Mask/index.d.ts +2 -0
  428. package/types/components/Mask/index.d.ts.map +1 -0
  429. package/types/components/TextField/TextField.d.ts.map +1 -1
  430. package/types/components/_Icon/Icon.assets/BlankCsvOutline.d.ts +4 -0
  431. package/types/components/_Icon/Icon.assets/BlankCsvOutline.d.ts.map +1 -0
  432. package/types/components/_Icon/Icon.assets/BlankDocOutline.d.ts +4 -0
  433. package/types/components/_Icon/Icon.assets/BlankDocOutline.d.ts.map +1 -0
  434. package/types/components/_Icon/Icon.assets/BlankOutline.d.ts +4 -0
  435. package/types/components/_Icon/Icon.assets/BlankOutline.d.ts.map +1 -0
  436. package/types/components/_Icon/Icon.assets/BlankPdfOutline.d.ts +4 -0
  437. package/types/components/_Icon/Icon.assets/BlankPdfOutline.d.ts.map +1 -0
  438. package/types/components/_Icon/Icon.assets/BlankTxtOutline.d.ts +4 -0
  439. package/types/components/_Icon/Icon.assets/BlankTxtOutline.d.ts.map +1 -0
  440. package/types/components/_Icon/Icon.assets/BlankXlsOutline.d.ts +4 -0
  441. package/types/components/_Icon/Icon.assets/BlankXlsOutline.d.ts.map +1 -0
  442. package/types/components/_Icon/Icon.assets/CloseCircleOutline.d.ts +4 -0
  443. package/types/components/_Icon/Icon.assets/CloseCircleOutline.d.ts.map +1 -0
  444. package/types/components/_Icon/Icon.assets/Plus.d.ts +4 -0
  445. package/types/components/_Icon/Icon.assets/Plus.d.ts.map +1 -0
  446. package/types/components/_Icon/Icons/IconBlankCsvOutline.d.ts +4 -0
  447. package/types/components/_Icon/Icons/IconBlankCsvOutline.d.ts.map +1 -0
  448. package/types/components/_Icon/Icons/IconBlankDocOutline.d.ts +4 -0
  449. package/types/components/_Icon/Icons/IconBlankDocOutline.d.ts.map +1 -0
  450. package/types/components/_Icon/Icons/IconBlankOutline.d.ts +4 -0
  451. package/types/components/_Icon/Icons/IconBlankOutline.d.ts.map +1 -0
  452. package/types/components/_Icon/Icons/IconBlankPdfOutline.d.ts +4 -0
  453. package/types/components/_Icon/Icons/IconBlankPdfOutline.d.ts.map +1 -0
  454. package/types/components/_Icon/Icons/IconBlankTxtOutline.d.ts +4 -0
  455. package/types/components/_Icon/Icons/IconBlankTxtOutline.d.ts.map +1 -0
  456. package/types/components/_Icon/Icons/IconBlankXlsOutline.d.ts +4 -0
  457. package/types/components/_Icon/Icons/IconBlankXlsOutline.d.ts.map +1 -0
  458. package/types/components/_Icon/Icons/IconCloseCircleOutline.d.ts +4 -0
  459. package/types/components/_Icon/Icons/IconCloseCircleOutline.d.ts.map +1 -0
  460. package/types/components/_Icon/Icons/IconPlus.d.ts +4 -0
  461. package/types/components/_Icon/Icons/IconPlus.d.ts.map +1 -0
  462. package/types/components/_Icon/index.d.ts +8 -0
  463. package/types/components/_Icon/index.d.ts.map +1 -1
  464. package/types/examples/plasma_b2c/components/Attach/Attach.config.d.ts +30 -0
  465. package/types/examples/plasma_b2c/components/Attach/Attach.config.d.ts.map +1 -0
  466. package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +224 -0
  467. package/types/examples/plasma_b2c/components/Attach/Attach.d.ts.map +1 -0
  468. package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +2 -2
  469. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +191 -0
  470. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -0
  471. package/types/examples/plasma_web/components/Attach/Attach.config.d.ts +30 -0
  472. package/types/examples/plasma_web/components/Attach/Attach.config.d.ts.map +1 -0
  473. package/types/examples/plasma_web/components/Attach/Attach.d.ts +224 -0
  474. package/types/examples/plasma_web/components/Attach/Attach.d.ts.map +1 -0
  475. package/types/examples/plasma_web/components/Cell/Cell.d.ts +2 -2
  476. package/types/examples/plasma_web/components/Mask/Mask.d.ts +191 -0
  477. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -0
  478. package/types/index.d.ts +2 -1
  479. package/types/index.d.ts.map +1 -1
  480. package/cjs/components/ChipGroup/ChipGroup.css +0 -7
  481. package/cjs/components/ChipGroup/ChipGroup.js +0 -63
  482. package/cjs/components/ChipGroup/ChipGroup.js.map +0 -1
  483. package/cjs/components/ChipGroup/ChipGroup.styles.js +0 -9
  484. package/cjs/components/ChipGroup/ChipGroup.styles.js.map +0 -1
  485. package/cjs/components/ChipGroup/ChipGroup.styles_1l3nd6v.css +0 -1
  486. package/cjs/components/ChipGroup/ChipGroup.tokens.js +0 -50
  487. package/cjs/components/ChipGroup/ChipGroup.tokens.js.map +0 -1
  488. package/cjs/components/ChipGroup/variations/_gap/base.js.map +0 -1
  489. package/cjs/components/ChipGroup/variations/_gap/base_vhoe9f.css +0 -1
  490. package/cjs/components/ChipGroup/variations/_size/base.js.map +0 -1
  491. package/cjs/components/ChipGroup/variations/_size/base_eu60ye.css +0 -1
  492. package/cjs/components/ChipGroup/variations/_view/base.js +0 -9
  493. package/cjs/components/ChipGroup/variations/_view/base.js.map +0 -1
  494. package/cjs/components/ChipGroup/variations/_view/base_122089q.css +0 -1
  495. package/emotion/cjs/components/ChipGroup/ChipGroup.styles.js +0 -9
  496. package/emotion/cjs/components/ChipGroup/ChipGroup.template-doc.mdx +0 -93
  497. package/emotion/cjs/components/ChipGroup/ChipGroup.tokens.js +0 -48
  498. package/emotion/cjs/components/ChipGroup/index.js +0 -31
  499. package/emotion/cjs/components/ChipGroup/variations/_gap/base.js +0 -9
  500. package/emotion/cjs/components/ChipGroup/variations/_gap/tokens.json +0 -1
  501. package/emotion/cjs/components/ChipGroup/variations/_size/base.js +0 -10
  502. package/emotion/cjs/components/ChipGroup/variations/_size/tokens.json +0 -22
  503. package/emotion/cjs/components/ChipGroup/variations/_view/base.js +0 -10
  504. package/emotion/cjs/components/ChipGroup/variations/_view/tokens.json +0 -15
  505. package/emotion/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +0 -33
  506. package/emotion/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +0 -11
  507. package/emotion/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +0 -95
  508. package/emotion/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +0 -33
  509. package/emotion/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.js +0 -11
  510. package/emotion/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +0 -95
  511. package/emotion/es/components/ChipGroup/ChipGroup.js +0 -56
  512. package/emotion/es/components/ChipGroup/ChipGroup.styles.js +0 -3
  513. package/emotion/es/components/ChipGroup/ChipGroup.template-doc.mdx +0 -93
  514. package/emotion/es/components/ChipGroup/ChipGroup.tokens.js +0 -42
  515. package/emotion/es/components/ChipGroup/index.js +0 -2
  516. package/emotion/es/components/ChipGroup/variations/_gap/base.js +0 -3
  517. package/emotion/es/components/ChipGroup/variations/_gap/tokens.json +0 -1
  518. package/emotion/es/components/ChipGroup/variations/_size/base.js +0 -4
  519. package/emotion/es/components/ChipGroup/variations/_size/tokens.json +0 -22
  520. package/emotion/es/components/ChipGroup/variations/_view/base.js +0 -4
  521. package/emotion/es/components/ChipGroup/variations/_view/tokens.json +0 -15
  522. package/emotion/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +0 -27
  523. package/emotion/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +0 -5
  524. package/emotion/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +0 -95
  525. package/emotion/es/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +0 -27
  526. package/emotion/es/examples/plasma_web/components/ChipGroup /ChipGroup.js +0 -5
  527. package/emotion/es/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +0 -95
  528. package/es/components/ChipGroup/ChipGroup.css +0 -7
  529. package/es/components/ChipGroup/ChipGroup.js +0 -58
  530. package/es/components/ChipGroup/ChipGroup.js.map +0 -1
  531. package/es/components/ChipGroup/ChipGroup.styles.js +0 -5
  532. package/es/components/ChipGroup/ChipGroup.styles.js.map +0 -1
  533. package/es/components/ChipGroup/ChipGroup.styles_1l3nd6v.css +0 -1
  534. package/es/components/ChipGroup/ChipGroup.tokens.js +0 -45
  535. package/es/components/ChipGroup/ChipGroup.tokens.js.map +0 -1
  536. package/es/components/ChipGroup/variations/_gap/base.js +0 -5
  537. package/es/components/ChipGroup/variations/_gap/base.js.map +0 -1
  538. package/es/components/ChipGroup/variations/_gap/base_vhoe9f.css +0 -1
  539. package/es/components/ChipGroup/variations/_size/base.js.map +0 -1
  540. package/es/components/ChipGroup/variations/_size/base_eu60ye.css +0 -1
  541. package/es/components/ChipGroup/variations/_view/base.js.map +0 -1
  542. package/es/components/ChipGroup/variations/_view/base_122089q.css +0 -1
  543. package/styled-components/cjs/components/ChipGroup/ChipGroup.styles.js +0 -9
  544. package/styled-components/cjs/components/ChipGroup/ChipGroup.template-doc.mdx +0 -93
  545. package/styled-components/cjs/components/ChipGroup/ChipGroup.tokens.js +0 -48
  546. package/styled-components/cjs/components/ChipGroup/index.js +0 -31
  547. package/styled-components/cjs/components/ChipGroup/variations/_gap/tokens.json +0 -1
  548. package/styled-components/cjs/components/ChipGroup/variations/_size/base.js +0 -10
  549. package/styled-components/cjs/components/ChipGroup/variations/_size/tokens.json +0 -22
  550. package/styled-components/cjs/components/ChipGroup/variations/_view/base.js +0 -10
  551. package/styled-components/cjs/components/ChipGroup/variations/_view/tokens.json +0 -15
  552. package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +0 -33
  553. package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +0 -11
  554. package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +0 -95
  555. package/styled-components/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +0 -33
  556. package/styled-components/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.js +0 -11
  557. package/styled-components/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +0 -95
  558. package/styled-components/es/components/ChipGroup/ChipGroup.js +0 -56
  559. package/styled-components/es/components/ChipGroup/ChipGroup.styles.js +0 -3
  560. package/styled-components/es/components/ChipGroup/ChipGroup.template-doc.mdx +0 -93
  561. package/styled-components/es/components/ChipGroup/ChipGroup.tokens.js +0 -42
  562. package/styled-components/es/components/ChipGroup/index.js +0 -2
  563. package/styled-components/es/components/ChipGroup/variations/_gap/base.js +0 -3
  564. package/styled-components/es/components/ChipGroup/variations/_gap/tokens.json +0 -1
  565. package/styled-components/es/components/ChipGroup/variations/_size/base.js +0 -4
  566. package/styled-components/es/components/ChipGroup/variations/_size/tokens.json +0 -22
  567. package/styled-components/es/components/ChipGroup/variations/_view/base.js +0 -4
  568. package/styled-components/es/components/ChipGroup/variations/_view/tokens.json +0 -15
  569. package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +0 -27
  570. package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +0 -5
  571. package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +0 -95
  572. package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.config.js +0 -27
  573. package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.js +0 -5
  574. package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +0 -95
  575. package/types/components/ChipGroup/ChipGroup.d.ts +0 -27
  576. package/types/components/ChipGroup/ChipGroup.d.ts.map +0 -1
  577. package/types/components/ChipGroup/ChipGroup.styles.d.ts +0 -2
  578. package/types/components/ChipGroup/ChipGroup.styles.d.ts.map +0 -1
  579. package/types/components/ChipGroup/ChipGroup.tokens.d.ts +0 -43
  580. package/types/components/ChipGroup/ChipGroup.tokens.d.ts.map +0 -1
  581. package/types/components/ChipGroup/ChipGroup.types.d.ts +0 -42
  582. package/types/components/ChipGroup/ChipGroup.types.d.ts.map +0 -1
  583. package/types/components/ChipGroup/index.d.ts +0 -3
  584. package/types/components/ChipGroup/index.d.ts.map +0 -1
  585. package/types/components/ChipGroup/variations/_gap/base.d.ts.map +0 -1
  586. package/types/components/ChipGroup/variations/_size/base.d.ts.map +0 -1
  587. package/types/components/ChipGroup/variations/_view/base.d.ts +0 -2
  588. package/types/components/ChipGroup/variations/_view/base.d.ts.map +0 -1
  589. package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.d.ts +0 -24
  590. package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.d.ts.map +0 -1
  591. package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.d.ts +0 -19
  592. package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.d.ts.map +0 -1
  593. package/types/examples/plasma_web/components/ChipGroup /ChipGroup.config.d.ts +0 -24
  594. package/types/examples/plasma_web/components/ChipGroup /ChipGroup.config.d.ts.map +0 -1
  595. package/types/examples/plasma_web/components/ChipGroup /ChipGroup.d.ts +0 -19
  596. package/types/examples/plasma_web/components/ChipGroup /ChipGroup.d.ts.map +0 -1
  597. /package/emotion/cjs/components/{ChipGroup/ChipGroup.types.js → Attach/Attach.types.js} +0 -0
  598. /package/{styled-components/cjs/components/ChipGroup/ChipGroup.types.js → emotion/cjs/components/Mask/Mask.types.js} +0 -0
  599. /package/emotion/es/components/{ChipGroup/ChipGroup.types.js → Attach/Attach.types.js} +0 -0
  600. /package/{styled-components/es/components/ChipGroup/ChipGroup.types.js → emotion/es/components/Mask/Mask.types.js} +0 -0
  601. /package/types/components/{ChipGroup/variations/_gap → Attach/variations/_size}/base.d.ts +0 -0
  602. /package/types/components/{ChipGroup/variations/_size → Attach/variations/_view}/base.d.ts +0 -0
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Attach = void 0;
7
+ var _Attach = /*#__PURE__*/require("../../../../components/Attach");
8
+ var _engines = /*#__PURE__*/require("../../../../engines");
9
+ var _Attach2 = /*#__PURE__*/require("./Attach.config");
10
+ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Attach.attachConfig, _Attach2.config);
11
+ var Attach = exports.Attach = /*#__PURE__*/(0, _engines.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
+ };
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Mask = void 0;
7
+ var _Mask = /*#__PURE__*/require("../../../../components/Mask");
8
+ var _TextField = /*#__PURE__*/require("../TextField/TextField");
9
+ var Mask = exports.Mask = /*#__PURE__*/(0, _Mask.composeMask)(_TextField.TextField);
@@ -0,0 +1,125 @@
1
+ import React from 'react';
2
+ import type { ComponentProps } from 'react';
3
+ import type { StoryObj, Meta } from '@storybook/react';
4
+ import { action } from '@storybook/addon-actions';
5
+
6
+ import { WithTheme } from '../../../_helpers';
7
+
8
+ import { Mask } from './Mask';
9
+
10
+ const onChange = action('onChange');
11
+
12
+ const sizes = ['l', 'm', 's', 'xs'];
13
+ const views = ['default', 'positive', 'warning', 'negative'];
14
+
15
+ const meta: Meta<typeof Mask> = {
16
+ title: 'plasma_web/Mask',
17
+ component: Mask,
18
+ decorators: [WithTheme],
19
+ argTypes: {
20
+ view: {
21
+ options: views,
22
+ control: {
23
+ type: 'select',
24
+ },
25
+ },
26
+ size: {
27
+ options: sizes,
28
+ control: {
29
+ type: 'inline-radio',
30
+ },
31
+ },
32
+ },
33
+ };
34
+
35
+ export default meta;
36
+
37
+ type StoryPropsDefault = Omit<
38
+ ComponentProps<typeof Mask>,
39
+ | 'helperBlock'
40
+ | 'contentLeft'
41
+ | 'htmlSize'
42
+ | 'contentRight'
43
+ | 'type'
44
+ | 'name'
45
+ | 'onFocus'
46
+ | 'onBlur'
47
+ | 'onChange'
48
+ | 'value'
49
+ | 'checked'
50
+ | 'maxLength'
51
+ | 'minLength'
52
+ | 'required'
53
+ | 'enumerationType'
54
+ | 'chips'
55
+ | 'onChangeChips'
56
+ >;
57
+
58
+ const StoryDemo = ({ view, ...rest }: StoryPropsDefault) => {
59
+ return (
60
+ <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem', width: '50%' }}>
61
+ <Mask
62
+ label="Маска телефона"
63
+ mask="+7 (000) 000 - 00 - 00"
64
+ maskChar="_"
65
+ showStartChars={false}
66
+ view={view}
67
+ onChange={onChange}
68
+ {...rest}
69
+ />
70
+
71
+ <Mask
72
+ label="Маска телефона: отображается всегда"
73
+ mask="+7 (000) 000 - 00 - 00"
74
+ maskChar="_"
75
+ view={view}
76
+ alwaysShowMask
77
+ onChange={onChange}
78
+ {...rest}
79
+ />
80
+
81
+ <Mask
82
+ label="Маска даты"
83
+ mask="00/00/0000"
84
+ maskString="DD/MM/YYYY"
85
+ alwaysShowMask
86
+ view={view}
87
+ onChange={onChange}
88
+ {...rest}
89
+ />
90
+
91
+ <Mask
92
+ label="Маска даты: значения по умолчанию"
93
+ // eslint-disable-next-line no-octal-escape
94
+ mask="12.\04.0000"
95
+ maskChar="_"
96
+ alwaysShowMask
97
+ view={view}
98
+ onChange={onChange}
99
+ {...rest}
100
+ />
101
+
102
+ <Mask
103
+ label="Маска времени"
104
+ mask="00:00"
105
+ maskChar="_"
106
+ alwaysShowMask
107
+ view={view}
108
+ onChange={onChange}
109
+ {...rest}
110
+ />
111
+ </div>
112
+ );
113
+ };
114
+
115
+ export const Default: StoryObj<StoryPropsDefault> = {
116
+ args: {
117
+ size: 'l',
118
+ view: 'default',
119
+ labelPlacement: 'outer',
120
+ placeholder: 'Заполните поле',
121
+ disabled: false,
122
+ readOnly: false,
123
+ },
124
+ render: (args) => <StoryDemo {...args} />,
125
+ };
@@ -102,17 +102,6 @@ Object.keys(_Chip).forEach(function (key) {
102
102
  }
103
103
  });
104
104
  });
105
- var _ChipGroup = /*#__PURE__*/require("./components/ChipGroup");
106
- Object.keys(_ChipGroup).forEach(function (key) {
107
- if (key === "default" || key === "__esModule") return;
108
- if (key in exports && exports[key] === _ChipGroup[key]) return;
109
- Object.defineProperty(exports, key, {
110
- enumerable: true,
111
- get: function get() {
112
- return _ChipGroup[key];
113
- }
114
- });
115
- });
116
105
  var _Cell = /*#__PURE__*/require("./components/Cell");
117
106
  Object.keys(_Cell).forEach(function (key) {
118
107
  if (key === "default" || key === "__esModule") return;
@@ -640,4 +629,26 @@ Object.keys(_Editable).forEach(function (key) {
640
629
  return _Editable[key];
641
630
  }
642
631
  });
632
+ });
633
+ var _Mask = /*#__PURE__*/require("./components/Mask");
634
+ Object.keys(_Mask).forEach(function (key) {
635
+ if (key === "default" || key === "__esModule") return;
636
+ if (key in exports && exports[key] === _Mask[key]) return;
637
+ Object.defineProperty(exports, key, {
638
+ enumerable: true,
639
+ get: function get() {
640
+ return _Mask[key];
641
+ }
642
+ });
643
+ });
644
+ var _Attach = /*#__PURE__*/require("./components/Attach");
645
+ Object.keys(_Attach).forEach(function (key) {
646
+ if (key === "default" || key === "__esModule") return;
647
+ if (key in exports && exports[key] === _Attach[key]) return;
648
+ Object.defineProperty(exports, key, {
649
+ enumerable: true,
650
+ get: function get() {
651
+ return _Attach[key];
652
+ }
653
+ });
643
654
  });
@@ -0,0 +1,177 @@
1
+ var _IconCloseCircleOutli;
2
+ var _excluded = ["flow", "buttonType", "hasAttachment", "acceptedFileFormats", "size", "view", "className", "style", "isLoading", "disabled"];
3
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
5
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
6
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
7
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
8
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
9
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
10
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
11
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
12
+ import React, { forwardRef, useEffect, useRef, useState } from 'react';
13
+ import { useForkRef, useIsomorphicLayoutEffect } from '@salutejs/plasma-core';
14
+ import { cx } from '../../utils';
15
+ import { IconCloseCircleOutline } from '../_Icon';
16
+ import { base as sizeCSS } from './variations/_size/base';
17
+ import { base as viewCSS } from './variations/_view/base';
18
+ import { base, StyledHiddenInput, StyledHiddenInputHelper } from './Attach.styles';
19
+ import { StyledCell } from './ui/Cell/Cell';
20
+ import { extractExtension, getFileicon, truncateFilename } from './utils';
21
+ import { classes } from './Attach.tokens';
22
+ import { AttachButton } from './components/AttachButton';
23
+ import { StyledIconButtonCancel } from './ui/IconButton/IconButton.styles';
24
+ export var attachRoot = function attachRoot(Root) {
25
+ return /*#__PURE__*/forwardRef(function (props, outerRef) {
26
+ var _props$flow = props.flow,
27
+ flow = _props$flow === void 0 ? 'auto' : _props$flow,
28
+ _props$buttonType = props.buttonType,
29
+ buttonType = _props$buttonType === void 0 ? 'button' : _props$buttonType,
30
+ _props$hasAttachment = props.hasAttachment,
31
+ hasAttachment = _props$hasAttachment === void 0 ? true : _props$hasAttachment,
32
+ acceptedFileFormats = props.acceptedFileFormats,
33
+ size = props.size,
34
+ view = props.view,
35
+ className = props.className,
36
+ style = props.style,
37
+ isLoading = props.isLoading,
38
+ disabled = props.disabled,
39
+ rest = _objectWithoutProperties(props, _excluded);
40
+ var innerRef = useRef(null);
41
+ var ref = useForkRef(outerRef, innerRef);
42
+ var inputRef = useRef(null);
43
+ var inputHelperRef = useRef(null);
44
+ var cellRef = useRef(null);
45
+ var buttonRef = useRef(null);
46
+ var emptyTextCellWidth = useRef(null);
47
+ var _useState = useState(''),
48
+ _useState2 = _slicedToArray(_useState, 2),
49
+ filename = _useState2[0],
50
+ setFilename = _useState2[1];
51
+ var _useState3 = useState(''),
52
+ _useState4 = _slicedToArray(_useState3, 2),
53
+ truncatedFilename = _useState4[0],
54
+ setTruncatedFilename = _useState4[1];
55
+ var horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;
56
+ var verticalClass = flow === 'vertical' ? classes.vertical : undefined;
57
+ var autoClass = flow === 'auto' ? classes.auto : undefined;
58
+ var cellHiddenClass = truncatedFilename.length === 0 ? classes.cellHidden : undefined;
59
+ var accept = acceptedFileFormats === null || acceptedFileFormats === void 0 ? void 0 : acceptedFileFormats.join(',');
60
+ var extension = extractExtension(filename);
61
+ var cellContentLeft = getFileicon(extension, size);
62
+ useEffect(function () {
63
+ var _cellRef$current;
64
+ emptyTextCellWidth.current = ((_cellRef$current = cellRef.current) === null || _cellRef$current === void 0 ? void 0 : _cellRef$current.offsetWidth) || 0;
65
+ }, []);
66
+ useIsomorphicLayoutEffect(function () {
67
+ if (!cellRef.current || !cellRef.current.parentElement || !inputHelperRef.current || !inputHelperRef.current.textContent || !emptyTextCellWidth.current || !buttonRef.current) {
68
+ return;
69
+ }
70
+ var textWidth = inputHelperRef.current.offsetWidth;
71
+ var buttonWidth = buttonRef.current.offsetWidth;
72
+ var _cellRef$current$pare = cellRef.current.parentElement.getBoundingClientRect(),
73
+ parentWidth = _cellRef$current$pare.width,
74
+ parentLeft = _cellRef$current$pare.left;
75
+ var _cellRef$current$getB = cellRef.current.getBoundingClientRect(),
76
+ cellLeft = _cellRef$current$getB.left;
77
+ var leftDiff = cellLeft - parentLeft;
78
+ var currentTextWidth = textWidth;
79
+ var currFilename = filename;
80
+ for (var i = filename.length - 1; i > 0; i -= 1) {
81
+ if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {
82
+ break;
83
+ }
84
+ var newFilename = truncateFilename({
85
+ filename: inputHelperRef.current.textContent,
86
+ startNameTruncationIndex: i
87
+ });
88
+ inputHelperRef.current.textContent = newFilename;
89
+ currentTextWidth = inputHelperRef.current.offsetWidth;
90
+ if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
91
+ break;
92
+ }
93
+ currFilename = newFilename;
94
+ }
95
+ inputHelperRef.current.textContent = filename;
96
+ setTruncatedFilename(currFilename);
97
+ });
98
+ var handleClick = function handleClick() {
99
+ if (!inputRef.current) {
100
+ return;
101
+ }
102
+ inputRef.current.click();
103
+ };
104
+ var handleChange = function handleChange() {
105
+ if (!inputRef.current || !inputRef.current.files) {
106
+ return;
107
+ }
108
+ setFilename(inputRef.current.files[0].name);
109
+ };
110
+ var handleClear = function handleClear() {
111
+ if (!inputRef.current) {
112
+ return;
113
+ }
114
+ inputRef.current.value = '';
115
+ setFilename('');
116
+ setTruncatedFilename('');
117
+ };
118
+ return /*#__PURE__*/React.createElement(Root, {
119
+ className: cx(horizontalClass, verticalClass, autoClass, className),
120
+ style: style,
121
+ size: size,
122
+ view: view,
123
+ ref: ref
124
+ }, /*#__PURE__*/React.createElement(StyledHiddenInput, {
125
+ ref: inputRef,
126
+ accept: accept,
127
+ type: "file",
128
+ id: "attachHiddenInput",
129
+ name: "attachHiddenInput",
130
+ onChange: handleChange
131
+ }), /*#__PURE__*/React.createElement(StyledHiddenInputHelper, {
132
+ ref: inputHelperRef,
133
+ id: "attachHiddenInputHelper"
134
+ }, filename), /*#__PURE__*/React.createElement(AttachButton, _extends({
135
+ buttonType: buttonType,
136
+ view: view,
137
+ size: size,
138
+ onClick: handleClick,
139
+ isLoading: isLoading,
140
+ disabled: disabled,
141
+ ref: buttonRef
142
+ }, rest)), hasAttachment && /*#__PURE__*/React.createElement(StyledCell, {
143
+ stretching: "fixed",
144
+ className: cellHiddenClass,
145
+ ref: cellRef,
146
+ size: size,
147
+ title: truncatedFilename,
148
+ contentLeft: cellContentLeft,
149
+ contentRight: /*#__PURE__*/React.createElement(StyledIconButtonCancel, {
150
+ view: view,
151
+ size: size,
152
+ onClick: handleClear
153
+ }, _IconCloseCircleOutli || (_IconCloseCircleOutli = /*#__PURE__*/React.createElement(IconCloseCircleOutline, {
154
+ size: "xs",
155
+ color: "inherit"
156
+ })))
157
+ }));
158
+ });
159
+ };
160
+ export var attachConfig = {
161
+ name: 'Attach',
162
+ tag: 'div',
163
+ layout: attachRoot,
164
+ base: base,
165
+ variations: {
166
+ view: {
167
+ css: viewCSS
168
+ },
169
+ size: {
170
+ css: sizeCSS
171
+ }
172
+ },
173
+ defaults: {
174
+ view: 'default',
175
+ size: 'm'
176
+ }
177
+ };
@@ -0,0 +1,29 @@
1
+ import _styled from "@emotion/styled/base";
2
+ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
3
+ import { css } from '@emotion/react';
4
+ import { tokens as attachTokens } from './Attach.tokens';
5
+ export var base = process.env.NODE_ENV === "production" ? {
6
+ name: "1yur341-plasma-new-hope__base",
7
+ styles: "position:relative;display:flex;label:plasma-new-hope__base;"
8
+ } : {
9
+ name: "1yur341-plasma-new-hope__base",
10
+ styles: "position:relative;display:flex;label:plasma-new-hope__base;",
11
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyBhcyBhdHRhY2hUb2tlbnMgfSBmcm9tICcuL0F0dGFjaC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIaWRkZW5JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBkaXNwbGF5OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0SGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */",
12
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
13
+ };
14
+ export var StyledHiddenInput = /*#__PURE__*/_styled("input", {
15
+ target: "e3npccl1",
16
+ label: "plasma-new-hope__StyledHiddenInput"
17
+ })(process.env.NODE_ENV === "production" ? {
18
+ name: "eivff4",
19
+ styles: "display:none"
20
+ } : {
21
+ name: "eivff4",
22
+ styles: "display:none",
23
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTZDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyBhcyBhdHRhY2hUb2tlbnMgfSBmcm9tICcuL0F0dGFjaC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIaWRkZW5JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBkaXNwbGF5OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0SGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */",
24
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
25
+ });
26
+ export var StyledHiddenInputHelper = /*#__PURE__*/_styled("div", {
27
+ target: "e3npccl0",
28
+ label: "plasma-new-hope__StyledHiddenInputHelper"
29
+ })("position:absolute;visibility:hidden;font-family:var(", attachTokens.cellTitleFontFamily, ");font-size:var(", attachTokens.cellTitleFontSize, ");font-style:var(", attachTokens.cellTitleFontStyle, ");font-weight:var(", attachTokens.cellTitleFontWeight, ");letter-spacing:var(", attachTokens.cellTitleLetterSpacing, ");line-height:var(", attachTokens.cellTitleLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2lEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyBhcyBhdHRhY2hUb2tlbnMgfSBmcm9tICcuL0F0dGFjaC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIaWRkZW5JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBkaXNwbGF5OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0SGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */"));
@@ -0,0 +1,63 @@
1
+ ---
2
+ id: attach
3
+ title: Attach
4
+ ---
5
+
6
+ import { PropsTable, Description } from '@site/src/components';
7
+
8
+ # Attach
9
+ <Description name="Attach" />
10
+ <PropsTable name="Attach" />
11
+
12
+ ## Примеры
13
+
14
+ ### Вид кнопки
15
+ С помощью свойства `buttonType` можно менять вид кнопки: обычный или с иконкой.
16
+
17
+ ```tsx live
18
+ import React from 'react';
19
+ import { Attach } from '@salutejs/{{ package }}';
20
+
21
+ export function App() {
22
+ return (
23
+ <div style=\{{ display: "flex", flexDirection: "column", gap: "50px"}}>
24
+ <Attach view="accent" buttonType={'button'} />
25
+ <Attach view="secondary" buttonType={'iconButton'} />
26
+ </div>
27
+ );
28
+ }
29
+ ```
30
+
31
+ ### Расположение элементов
32
+ C помощью свойства `flow` можно регулировать расположение элементов в зависимости от ширины контейнера.
33
+
34
+ ```tsx live
35
+ import React from 'react';
36
+ import { Attach } from '@salutejs/{{ package }}';
37
+
38
+ export function App() {
39
+ return (
40
+ <div style=\{{ display: "flex", flexDirection: "column", gap: "50px"}}>
41
+ <Attach style=\{{ width: "400px" }} flow="auto" />
42
+ <Attach style=\{{ width: "400px" }} flow="horizontal" />
43
+ <Attach style=\{{ width: "400px" }} flow="vertical" />
44
+ </div>
45
+ );
46
+ }
47
+ ```
48
+
49
+ ### Фильтр форматов файлов
50
+ Свойство `acceptedFileFormats` устанавливает доступные форматы файлов.
51
+
52
+ ```tsx live
53
+ import React from 'react';
54
+ import { Attach } from '@salutejs/{{ package }}';
55
+
56
+ export function App() {
57
+ return (
58
+ <div>
59
+ <Attach acceptedFileFormats={['.pdf', '.doc']} />
60
+ </div>
61
+ );
62
+ }
63
+ ```