@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,122 @@
1
+ export var classes = {
2
+ auto: 'auto',
3
+ horizontal: 'horizontal',
4
+ vertical: 'vertical',
5
+ cellHidden: 'cell-hidden'
6
+ };
7
+ export var tokens = {
8
+ horizontalGap: '--plasma-attach-horizontal-gap',
9
+ verticalGap: '--plasma-attach-vertical-gap',
10
+ // Токены для Button
11
+ buttonColor: '--plasma-attach-button-color',
12
+ buttonValueColor: '--plasma-attach-button-value-color',
13
+ buttonBackgroundColor: '--plasma-attach-button-background-color',
14
+ buttonColorHover: '--plasma-attach-button-color-hover',
15
+ buttonBackgroundColorHover: '--plasma-attach-button-background-color-hover',
16
+ buttonColorActive: '--plasma-attach-button-color-active',
17
+ buttonBackgroundColorActive: '--plasma-attach-button-background-color-active',
18
+ buttonLoadingBackgroundColor: '--plasma-attach-button-loading-background-color',
19
+ buttonScaleHover: '--plasma-attach-button-scale-hover',
20
+ buttonScaleActive: '---plasma-attach-button-scale-active',
21
+ buttonHeight: '--plasma-attach-button-height',
22
+ buttonWidth: '--plasma-attach-button-width',
23
+ buttonPadding: '--plasma-attach-button-padding',
24
+ buttonRadius: '--plasma-attach-button-radius',
25
+ buttonRadiusCircle: '--plasma-attach-button-radius-circle',
26
+ buttonFontFamily: '--plasma-attach-button-font-family',
27
+ buttonFontSize: '--plasma-attach-button-font-size',
28
+ buttonFontStyle: '--plasma-attach-button-font-style',
29
+ buttonFontWeight: '--plasma-attach-button-font-weight',
30
+ buttonLetterSpacing: '--plasma-attach-button-letter-spacing',
31
+ buttonLineHeight: '--plasma-attach-button-line-height',
32
+ buttonLeftContentMargin: '--plasma-attach-button-left-content-margin',
33
+ buttonLeftContentAlignSelf: '--plasma-attach-button-left-content-align-self',
34
+ buttonRightContentMargin: '--plasma-attach-button-right-content-margin',
35
+ buttonRightContentAlignSelf: '--plasma-attach-button-right-content-align-self',
36
+ buttonValueMargin: '--plasma-attach-button-value-margin',
37
+ buttonDisabledOpacity: '--plasma-attach-button-disabled-opacity',
38
+ buttonFocusColor: '--plasma-attach-button-focus-color',
39
+ buttonSpinnerColor: '--plasma-attach-button-spinner-color',
40
+ buttonSpinnerSize: '--plasma-attach-button-spinner-size',
41
+ // Токены для Cell
42
+ cellColor: '--plasma-attach-cell-color',
43
+ cellBackgroundColor: '--plasma-attach-cell-background-color',
44
+ cellPadding: '--plasma-attach-cell-padding',
45
+ cellPaddingLeftContent: '--plasma-attach-cell-padding-left-content',
46
+ cellPaddingContent: '--plasma-attach-cell-padding-content',
47
+ cellPaddingRightContent: '--plasma-attach-cell-padding-right-content',
48
+ cellTextboxGap: '--plasma-attach-cell-textbox-gap',
49
+ cellGap: '--plasma-attach-cell-gap',
50
+ cellWidth: '--plasma-attach-cell-width',
51
+ cellLabelColor: '--plasma-attach-cell-label-color',
52
+ cellLabelFontFamily: '--plasma-attach-cell-label-font-family',
53
+ cellLabelFontSize: '--plasma-attach-cell-label-font-size',
54
+ cellLabelFontStyle: '--plasma-attach-cell-label-font-style',
55
+ cellLabelFontWeight: '--plasma-attach-cell-label-font-weight',
56
+ cellLabelLetterSpacing: '--plasma-attach-cell-label-letter-spacing',
57
+ cellLabelLineHeight: '--plasma-attach-cell-label-line-height',
58
+ cellTitleColor: '--plasma-attach-cell-title-color',
59
+ cellTitleFontFamily: '--plasma-attach-cell-title-font-family',
60
+ cellTitleFontSize: '--plasma-attach-cell-title-font-size',
61
+ cellTitleFontStyle: '--plasma-attach-cell-title-font-style',
62
+ cellTitleFontWeight: '--plasma-attach-cell-title-font-weight',
63
+ cellTitleLetterSpacing: '--plasma-attach-cell-title-letter-spacing',
64
+ cellTitleLineHeight: '--plasma-attach-cell-title-line-height',
65
+ cellSubtitleColor: '--plasma-attach-cell-subtitle-color',
66
+ cellSubtitleFontFamily: '--plasma-attach-cell-subtitle-font-family',
67
+ cellSubtitleFontSize: '--plasma-attach-cell-subtitle-font-size',
68
+ cellSubtitleFontStyle: '--plasma-attach-cell-subtitle-font-style',
69
+ cellSubtitleFontWeight: '--plasma-attach-cell-subtitle-font-weight',
70
+ cellSubtitleLetterSpacing: '--plasma-attach-cell-subtitle-letter-spacing',
71
+ cellSubtitleLineHeight: '--plasma-attach-cell-subtitle-line-height',
72
+ // Токены для IconButton
73
+ iconButtonColor: '--plasma-attach-icon-button-color',
74
+ iconButtonBackgroundColor: '--plasma-attach-icon-button-background-color',
75
+ iconButtonLoadingBackgroundColor: '--plasma-attach-icon-button-loading-background-color',
76
+ iconButtonColorHover: '--plasma-attach-icon-button-color-hover',
77
+ iconButtonBackgroundColorHover: '--plasma-attach-icon-button-background-color-hover',
78
+ iconButtonColorActive: '--plasma-attach-icon-button-color-active',
79
+ iconButtonBackgroundColorActive: '--plasma-attach-icon-button-background-color-active',
80
+ iconButtonScaleHover: '--plasma-attach-icon-button-scale-hover',
81
+ iconButtonScaleActive: '---plasma-attach-icon-button-scale-active',
82
+ iconButtonHeight: '--plasma-attach-icon-button-height',
83
+ iconButtonWidth: '--plasma-attach-icon-button-width',
84
+ iconButtonPadding: '--plasma-attach-icon-button-padding',
85
+ iconButtonRadius: '--plasma-attach-icon-button-radius',
86
+ iconButtonRadiusCircle: '--plasma-attach-icon-button-radius-circle',
87
+ iconButtonFontFamily: '--plasma-attach-icon-button-font-family',
88
+ iconButtonFontSize: '--plasma-attach-icon-button-font-size',
89
+ iconButtonFontStyle: '--plasma-attach-icon-button-font-style',
90
+ iconButtonFontWeight: '--plasma-attach-icon-button-font-weight',
91
+ iconButtonLetterSpacing: '--plasma-attach-icon-button-letter-spacing',
92
+ iconButtonLineHeight: '--plasma-attach-icon-button-line-height',
93
+ iconButtonDisabledOpacity: '--plasma-attach-icon-button-disabled-opacity',
94
+ iconButtonFocusColor: '--plasma-attach-icon-button-focus-color',
95
+ iconButtonSpinnerColor: '--plasma-attach-icon-button-spinner-color',
96
+ iconButtonSpinnerSize: '--plasma-attach-icon-button-spinner-size',
97
+ // Токены для IconButtonCancel
98
+ iconButtonCancelColor: '--plasma-attach-icon-button-cancel-color',
99
+ iconButtonCancelBackgroundColor: '--plasma-attach-icon-button-cancel-background-color',
100
+ iconButtonCancelLoadingBackgroundColor: '--plasma-attach-icon-button-cancel-loading-background-color',
101
+ iconButtonCancelColorHover: '--plasma-attach-icon-button-cancel-color-hover',
102
+ iconButtonCancelBackgroundColorHover: '--plasma-attach-icon-button-cancel-background-color-hover',
103
+ iconButtonCancelColorActive: '--plasma-attach-icon-button-cancel-color-active',
104
+ iconButtonCancelBackgroundColorActive: '--plasma-attach-icon-button-cancel-background-color-active',
105
+ iconButtonCancelScaleHover: '--plasma-attach-icon-button-cancel-scale-hover',
106
+ iconButtonCancelScaleActive: '---plasma-attach-icon-button-cancel-scale-active',
107
+ iconButtonCancelHeight: '--plasma-attach-icon-button-cancel-height',
108
+ iconButtonCancelWidth: '--plasma-attach-icon-button-cancel-width',
109
+ iconButtonCancelPadding: '--plasma-attach-icon-button-cancel-padding',
110
+ iconButtonCancelRadius: '--plasma-attach-icon-button-cancel-radius',
111
+ iconButtonCancelRadiusCircle: '--plasma-attach-icon-button-cancel-radius-circle',
112
+ iconButtonCancelFontFamily: '--plasma-attach-icon-button-cancel-font-family',
113
+ iconButtonCancelFontSize: '--plasma-attach-icon-button-cancel-font-size',
114
+ iconButtonCancelFontStyle: '--plasma-attach-icon-button-cancel-font-style',
115
+ iconButtonCancelFontWeight: '--plasma-attach-icon-button-cancel-font-weight',
116
+ iconButtonCancelLetterSpacing: '--plasma-attach-icon-button-cancel-letter-spacing',
117
+ iconButtonCancelLineHeight: '--plasma-attach-icon-button-cancel-line-height',
118
+ iconButtonCancelDisabledOpacity: '--plasma-attach-icon-button-cancel-disabled-opacity',
119
+ iconButtonCancelFocusColor: '--plasma-attach-icon-button-cancel-focus-color',
120
+ iconButtonCancelSpinnerColor: '--plasma-attach-icon-button-cancel-spinner-color',
121
+ iconButtonCancelSpinnerSize: '--plasma-attach-icon-button-cancel-spinner-size'
122
+ };
@@ -0,0 +1,43 @@
1
+ var _excluded = ["size", "icon"],
2
+ _excluded2 = ["text"];
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 _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; }
5
+ 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; }
6
+ import React, { forwardRef } from 'react';
7
+ import { StyledIconButton } from '../../ui/IconButton/IconButton';
8
+ import { StyledButton } from '../../ui/Button/Button';
9
+ import { IconPlus } from '../../../_Icon';
10
+ var getDefaultIcon = function getDefaultIcon(size) {
11
+ var iconSize;
12
+ switch (size) {
13
+ case 'xs':
14
+ iconSize = 'xs';
15
+ break;
16
+ case 's':
17
+ iconSize = 's';
18
+ break;
19
+ default:
20
+ iconSize = 'm';
21
+ }
22
+ return /*#__PURE__*/React.createElement(IconPlus, {
23
+ size: iconSize,
24
+ color: "inherit"
25
+ });
26
+ };
27
+ export var AttachButton = /*#__PURE__*/forwardRef(function (props, ref) {
28
+ if (props.buttonType === 'iconButton') {
29
+ var size = props.size,
30
+ icon = props.icon,
31
+ _rest = _objectWithoutProperties(props, _excluded);
32
+ return /*#__PURE__*/React.createElement(StyledIconButton, _extends({
33
+ ref: ref
34
+ }, _rest), icon || getDefaultIcon(size));
35
+ }
36
+ var _props$text = props.text,
37
+ text = _props$text === void 0 ? 'Загрузить файл' : _props$text,
38
+ rest = _objectWithoutProperties(props, _excluded2);
39
+ return /*#__PURE__*/React.createElement(StyledButton, _extends({
40
+ ref: ref,
41
+ text: text
42
+ }, rest));
43
+ });
@@ -0,0 +1 @@
1
+ export { AttachButton } from './AttachButton';
@@ -0,0 +1,2 @@
1
+ export { attachRoot, attachConfig } from './Attach';
2
+ export { tokens as attachTokens } from './Attach.tokens';
@@ -0,0 +1 @@
1
+ export { StyledButton } from './Button.styles';
@@ -0,0 +1,10 @@
1
+ import _styled from "@emotion/styled/base";
2
+ import { component, mergeConfig } from '../../../../engines';
3
+ import { buttonConfig, buttonTokens } from '../../../Button';
4
+ import { tokens as attachTokens } from '../../Attach.tokens';
5
+ var mergedConfig = /*#__PURE__*/mergeConfig(buttonConfig);
6
+ var Button = /*#__PURE__*/component(mergedConfig);
7
+ export var StyledButton = /*#__PURE__*/_styled(Button, {
8
+ target: "ecnclho0",
9
+ label: "plasma-new-hope__StyledButton"
10
+ })(buttonTokens.buttonColor, ":var(", attachTokens.buttonColor, ");", buttonTokens.buttonValueColor, ":var(", attachTokens.buttonValueColor, ");", buttonTokens.buttonBackgroundColor, ":var(", attachTokens.buttonBackgroundColor, ");", buttonTokens.buttonColorHover, ":var(", attachTokens.buttonColorHover, ");", buttonTokens.buttonBackgroundColorHover, ":var(", attachTokens.buttonBackgroundColorHover, ");", buttonTokens.buttonColorActive, ":var(", attachTokens.buttonColorActive, ");", buttonTokens.buttonBackgroundColorActive, ":var(", attachTokens.buttonBackgroundColorActive, ");", buttonTokens.buttonLoadingBackgroundColor, ":var(", attachTokens.buttonLoadingBackgroundColor, ");", buttonTokens.buttonScaleHover, ":var(", attachTokens.buttonScaleHover, ");", buttonTokens.buttonScaleActive, ":var(", attachTokens.buttonScaleActive, ");", buttonTokens.buttonHeight, ":var(", attachTokens.buttonHeight, ");", buttonTokens.buttonWidth, ":var(", attachTokens.buttonWidth, ");", buttonTokens.buttonPadding, ":var(", attachTokens.buttonPadding, ");", buttonTokens.buttonRadius, ":var(", attachTokens.buttonRadius, ");", buttonTokens.buttonRadiusCircle, ":var(", attachTokens.buttonRadiusCircle, ");", buttonTokens.buttonFontFamily, ":var(", attachTokens.buttonFontFamily, ");", buttonTokens.buttonFontSize, ":var(", attachTokens.buttonFontSize, ");", buttonTokens.buttonFontStyle, ":var(", attachTokens.buttonFontStyle, ");", buttonTokens.buttonFontWeight, ":var(", attachTokens.buttonFontWeight, ");", buttonTokens.buttonLetterSpacing, ":var(", attachTokens.buttonLetterSpacing, ");", buttonTokens.buttonLineHeight, ":var(", attachTokens.buttonLineHeight, ");", buttonTokens.buttonLeftContentMargin, ":var(", attachTokens.buttonLeftContentMargin, ");", buttonTokens.buttonLeftContentAlignSelf, ":var(", attachTokens.buttonLeftContentAlignSelf, ");", buttonTokens.buttonRightContentMargin, ":var(", attachTokens.buttonRightContentMargin, ");", buttonTokens.buttonRightContentAlignSelf, ":var(", attachTokens.buttonRightContentAlignSelf, ");", buttonTokens.buttonValueMargin, ":var(", attachTokens.buttonValueMargin, ");", buttonTokens.buttonDisabledOpacity, ":var(", attachTokens.buttonDisabledOpacity, ");", buttonTokens.buttonFocusColor, ":var(", attachTokens.buttonFocusColor, ");", buttonTokens.buttonSpinnerColor, ":var(", attachTokens.buttonSpinnerColor, ");", buttonTokens.buttonSpinnerSize, ":var(", attachTokens.buttonSpinnerSize, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3VpL0J1dHRvbi9CdXR0b24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTMEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvdWkvQnV0dG9uL0J1dHRvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vLi4vZW5naW5lcyc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGJ1dHRvblRva2VucyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYXR0YWNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vQXR0YWNoLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZENvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvbkNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uVmFsdWVDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25WYWx1ZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9ySG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uTG9hZGluZ0JhY2tncm91bmRDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25Mb2FkaW5nQmFja2dyb3VuZENvbG9yfSk7XG5cbiAgICAke2J1dHRvblRva2Vucy5idXR0b25TY2FsZUhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvblNjYWxlSG92ZXJ9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25TY2FsZUFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25TY2FsZUFjdGl2ZX0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkhlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25IZWlnaHR9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25XaWR0aH06IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25XaWR0aH0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvblBhZGRpbmd9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uUGFkZGluZ30pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvblJhZGl1c306IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25SYWRpdXN9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25SYWRpdXNDaXJjbGV9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uUmFkaXVzQ2lyY2xlfSk7XG5cbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Gb250RmFtaWx5fTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvbkZvbnRGYW1pbHl9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Gb250U2l6ZX06IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25Gb250U2l6ZX0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkZvbnRTdHlsZX06IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25Gb250U3R5bGV9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Gb250V2VpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvbkZvbnRXZWlnaHR9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25MZXR0ZXJTcGFjaW5nfTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25MaW5lSGVpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvbkxpbmVIZWlnaHR9KTtcblxuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkxlZnRDb250ZW50TWFyZ2lufTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvbkxlZnRDb250ZW50TWFyZ2lufSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uTGVmdENvbnRlbnRBbGlnblNlbGZ9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uTGVmdENvbnRlbnRBbGlnblNlbGZ9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25SaWdodENvbnRlbnRNYXJnaW59OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uUmlnaHRDb250ZW50TWFyZ2lufSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uUmlnaHRDb250ZW50QWxpZ25TZWxmfTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvblJpZ2h0Q29udGVudEFsaWduU2VsZn0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvblZhbHVlTWFyZ2lufTogdmFyKCR7YXR0YWNoVG9rZW5zLmJ1dHRvblZhbHVlTWFyZ2lufSk7XG5cbiAgICAke2J1dHRvblRva2Vucy5idXR0b25EaXNhYmxlZE9wYWNpdHl9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uRGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uRm9jdXNDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5idXR0b25Gb2N1c0NvbG9yfSk7XG5cbiAgICAke2J1dHRvblRva2Vucy5idXR0b25TcGlubmVyQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uU3Bpbm5lckNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uU3Bpbm5lclNpemV9OiB2YXIoJHthdHRhY2hUb2tlbnMuYnV0dG9uU3Bpbm5lclNpemV9KTtcbmA7XG4iXX0= */"));
@@ -0,0 +1 @@
1
+ export { StyledCell } from './Cell.styles';
@@ -0,0 +1,10 @@
1
+ import _styled from "@emotion/styled/base";
2
+ import { component, mergeConfig } from '../../../../engines';
3
+ import { cellConfig, cellTokens } from '../../../Cell';
4
+ import { tokens as attachTokens, classes } from '../../Attach.tokens';
5
+ var mergedConfig = /*#__PURE__*/mergeConfig(cellConfig);
6
+ var Cell = /*#__PURE__*/component(mergedConfig);
7
+ export var StyledCell = /*#__PURE__*/_styled(Cell, {
8
+ target: "e1c9g36u0",
9
+ label: "plasma-new-hope__StyledCell"
10
+ })(cellTokens.cellLabelColor, ":var(", attachTokens.cellLabelColor, ");", cellTokens.cellTitleColor, ":var(", attachTokens.cellTitleColor, ");", cellTokens.cellSubtitleColor, ":var(", attachTokens.cellSubtitleColor, ");", cellTokens.cellBackgroundColor, ":var(", attachTokens.cellBackgroundColor, ");", cellTokens.cellWidth, ":var(", attachTokens.cellWidth, ");", cellTokens.cellPadding, ":var(", attachTokens.cellPadding, ");", cellTokens.cellPaddingLeftContent, ":var(", attachTokens.cellPaddingLeftContent, ");", cellTokens.cellPaddingContent, ":var(", attachTokens.cellPaddingContent, ");", cellTokens.cellPaddingRightContent, ":var(", attachTokens.cellPaddingRightContent, ");", cellTokens.cellTextboxGap, ":var(", attachTokens.cellTextboxGap, ");", cellTokens.cellGap, ":var(", attachTokens.cellGap, ");", cellTokens.cellLabelFontFamily, ":var(", attachTokens.cellLabelFontFamily, ");", cellTokens.cellLabelFontSize, ":var(", attachTokens.cellLabelFontSize, ");", cellTokens.cellLabelFontStyle, ":var(", attachTokens.cellLabelFontStyle, ");", cellTokens.cellLabelFontWeight, ":var(", attachTokens.cellLabelFontWeight, ");", cellTokens.cellLabelLetterSpacing, ":var(", attachTokens.cellLabelLetterSpacing, ");", cellTokens.cellLabelLineHeight, ":var(", attachTokens.cellLabelLineHeight, ");", cellTokens.cellTitleFontFamily, ":var(", attachTokens.cellTitleFontFamily, ");", cellTokens.cellTitleFontSize, ":var(", attachTokens.cellTitleFontSize, ");", cellTokens.cellTitleFontStyle, ":var(", attachTokens.cellTitleFontStyle, ");", cellTokens.cellTitleFontWeight, ":var(", attachTokens.cellTitleFontWeight, ");", cellTokens.cellTitleLetterSpacing, ":var(", attachTokens.cellTitleLetterSpacing, ");", cellTokens.cellTitleLineHeight, ":var(", attachTokens.cellTitleLineHeight, ");", cellTokens.cellSubtitleFontFamily, ":var(", attachTokens.cellSubtitleFontFamily, ");", cellTokens.cellSubtitleFontSize, ":var(", attachTokens.cellSubtitleFontSize, ");", cellTokens.cellSubtitleFontStyle, ":var(", attachTokens.cellSubtitleFontStyle, ");", cellTokens.cellSubtitleFontWeight, ":var(", attachTokens.cellSubtitleFontWeight, ");", cellTokens.cellSubtitleLetterSpacing, ":var(", attachTokens.cellSubtitleLetterSpacing, ");", cellTokens.cellSubtitleLineHeight, ":var(", attachTokens.cellSubtitleLineHeight, ");white-space:nowrap;&.", classes.cellHidden, "{visibility:hidden;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3VpL0NlbGwvQ2VsbC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0F0dGFjaC91aS9DZWxsL0NlbGwuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgY2VsbENvbmZpZywgY2VsbFRva2VucyB9IGZyb20gJy4uLy4uLy4uL0NlbGwnO1xuaW1wb3J0IHsgdG9rZW5zIGFzIGF0dGFjaFRva2VucywgY2xhc3NlcyB9IGZyb20gJy4uLy4uL0F0dGFjaC50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhjZWxsQ29uZmlnKTtcbmNvbnN0IENlbGwgPSBjb21wb25lbnQobWVyZ2VkQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENlbGwgPSBzdHlsZWQoQ2VsbClgXG4gICAgJHtjZWxsVG9rZW5zLmNlbGxMYWJlbENvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxMYWJlbENvbG9yfSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxUaXRsZUNvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxUaXRsZUNvbG9yfSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxTdWJ0aXRsZUNvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxTdWJ0aXRsZUNvbG9yfSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbEJhY2tncm91bmRDb2xvcn0pO1xuXG4gICAgJHtjZWxsVG9rZW5zLmNlbGxXaWR0aH06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsV2lkdGh9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbFBhZGRpbmd9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFBhZGRpbmd9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbFBhZGRpbmdMZWZ0Q29udGVudH06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsUGFkZGluZ0xlZnRDb250ZW50fSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxQYWRkaW5nQ29udGVudH06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsUGFkZGluZ0NvbnRlbnR9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbFBhZGRpbmdSaWdodENvbnRlbnR9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFBhZGRpbmdSaWdodENvbnRlbnR9KTtcblxuICAgICR7Y2VsbFRva2Vucy5jZWxsVGV4dGJveEdhcH06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGV4dGJveEdhcH0pO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsR2FwfTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxHYXB9KTtcblxuICAgICR7Y2VsbFRva2Vucy5jZWxsTGFiZWxGb250RmFtaWx5fTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxMYWJlbEZvbnRGYW1pbHl9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbExhYmVsRm9udFNpemV9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbExhYmVsRm9udFNpemV9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbExhYmVsRm9udFN0eWxlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxMYWJlbEZvbnRTdHlsZX0pO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsTGFiZWxGb250V2VpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxMYWJlbEZvbnRXZWlnaHR9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbExhYmVsTGV0dGVyU3BhY2luZ306IHZhcigke2F0dGFjaFRva2Vucy5jZWxsTGFiZWxMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxMYWJlbExpbmVIZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbExhYmVsTGluZUhlaWdodH0pO1xuXG4gICAgJHtjZWxsVG9rZW5zLmNlbGxUaXRsZUZvbnRGYW1pbHl9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udEZhbWlseX0pO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsVGl0bGVGb250U2l6ZX06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250U2l6ZX0pO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsVGl0bGVGb250U3R5bGV9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFN0eWxlfSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxUaXRsZUZvbnRXZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFdlaWdodH0pO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsVGl0bGVMZXR0ZXJTcGFjaW5nfTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxUaXRsZUxldHRlclNwYWNpbmd9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbFRpdGxlTGluZUhlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMaW5lSGVpZ2h0fSk7XG5cbiAgICAke2NlbGxUb2tlbnMuY2VsbFN1YnRpdGxlRm9udEZhbWlseX06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsU3VidGl0bGVGb250RmFtaWx5fSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxTdWJ0aXRsZUZvbnRTaXplfTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxTdWJ0aXRsZUZvbnRTaXplfSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxTdWJ0aXRsZUZvbnRTdHlsZX06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsU3VidGl0bGVGb250U3R5bGV9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbFN1YnRpdGxlRm9udFdlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5jZWxsU3VidGl0bGVGb250V2VpZ2h0fSk7XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxTdWJ0aXRsZUxldHRlclNwYWNpbmd9OiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFN1YnRpdGxlTGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsU3VidGl0bGVMaW5lSGVpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmNlbGxTdWJ0aXRsZUxpbmVIZWlnaHR9KTtcblxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jZWxsSGlkZGVufSB7XG4gICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICB9XG5gO1xuIl19 */"));
@@ -0,0 +1 @@
1
+ export { StyledIconButton } from './IconButton.styles';
@@ -0,0 +1,14 @@
1
+ import _styled from "@emotion/styled/base";
2
+ import { component, mergeConfig } from '../../../../engines';
3
+ import { iconButtonConfig, iconButtonTokens } from '../../../IconButton';
4
+ import { tokens as attachTokens } from '../../Attach.tokens';
5
+ var mergedConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
6
+ var IconButton = /*#__PURE__*/component(mergedConfig);
7
+ export var StyledIconButton = /*#__PURE__*/_styled(IconButton, {
8
+ target: "e2homon1",
9
+ label: "plasma-new-hope__StyledIconButton"
10
+ })(iconButtonTokens.iconButtonColor, ":var(", attachTokens.iconButtonColor, ");", iconButtonTokens.iconButtonBackgroundColor, ":var(", attachTokens.iconButtonBackgroundColor, ");", iconButtonTokens.iconButtonLoadingBackgroundColor, ":var(", attachTokens.iconButtonLoadingBackgroundColor, ");", iconButtonTokens.iconButtonColorHover, ":var(", attachTokens.iconButtonColorHover, ");", iconButtonTokens.iconButtonBackgroundColorHover, ":var(", attachTokens.iconButtonBackgroundColorHover, ");", iconButtonTokens.iconButtonColorActive, ":var(", attachTokens.iconButtonColorActive, ");", iconButtonTokens.iconButtonBackgroundColorActive, ":var(", attachTokens.iconButtonBackgroundColorActive, ");", iconButtonTokens.iconButtonScaleHover, ":var(", attachTokens.iconButtonScaleHover, ");", iconButtonTokens.iconButtonScaleActive, ":var(", attachTokens.iconButtonScaleActive, ");", iconButtonTokens.iconButtonHeight, ":var(", attachTokens.iconButtonHeight, ");", iconButtonTokens.iconButtonWidth, ":var(", attachTokens.iconButtonWidth, ");", iconButtonTokens.iconButtonPadding, ":var(", attachTokens.iconButtonPadding, ");", iconButtonTokens.iconButtonRadius, ":var(", attachTokens.iconButtonRadius, ");", iconButtonTokens.iconButtonRadiusCircle, ":var(", attachTokens.iconButtonRadiusCircle, ");", iconButtonTokens.iconButtonFontFamily, ":var(", attachTokens.iconButtonFontFamily, ");", iconButtonTokens.iconButtonFontSize, ":var(", attachTokens.iconButtonFontSize, ");", iconButtonTokens.iconButtonFontStyle, ":var(", attachTokens.iconButtonFontStyle, ");", iconButtonTokens.iconButtonFontWeight, ":var(", attachTokens.iconButtonFontWeight, ");", iconButtonTokens.iconButtonLetterSpacing, ":var(", attachTokens.iconButtonLetterSpacing, ");", iconButtonTokens.iconButtonLineHeight, ":var(", attachTokens.iconButtonLineHeight, ");", iconButtonTokens.iconButtonDisabledOpacity, ":var(", attachTokens.iconButtonDisabledOpacity, ");", iconButtonTokens.iconButtonFocusColor, ":var(", attachTokens.iconButtonFocusColor, ");", iconButtonTokens.iconButtonSpinnerColor, ":var(", attachTokens.iconButtonSpinnerColor, ");", iconButtonTokens.iconButtonSpinnerSize, ":var(", attachTokens.iconButtonSpinnerSize, ");flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3VpL0ljb25CdXR0b24vSWNvbkJ1dHRvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNrRCIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0F0dGFjaC91aS9JY29uQnV0dG9uL0ljb25CdXR0b24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgaWNvbkJ1dHRvbkNvbmZpZywgaWNvbkJ1dHRvblRva2VucyB9IGZyb20gJy4uLy4uLy4uL0ljb25CdXR0b24nO1xuaW1wb3J0IHsgdG9rZW5zIGFzIGF0dGFjaFRva2VucyB9IGZyb20gJy4uLy4uL0F0dGFjaC50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhpY29uQnV0dG9uQ29uZmlnKTtcbmNvbnN0IEljb25CdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Mb2FkaW5nQmFja2dyb3VuZENvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Mb2FkaW5nQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvckhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Db2xvckhvdmVyfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9yQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Db2xvckFjdGl2ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU2NhbGVIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uU2NhbGVIb3Zlcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU2NhbGVBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvblNjYWxlQWN0aXZlfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25IZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkhlaWdodH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uV2lkdGh9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbldpZHRofSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25QYWRkaW5nfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25QYWRkaW5nfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25SYWRpdXN9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvblJhZGl1c30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUmFkaXVzQ2lyY2xlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25SYWRpdXNDaXJjbGV9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udEZhbWlseX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uRm9udEZhbWlseX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFNpemV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkZvbnRTaXplfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250U3R5bGV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkZvbnRTdHlsZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFdlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uRm9udFdlaWdodH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTGV0dGVyU3BhY2luZ306IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uTGV0dGVyU3BhY2luZ30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTGluZUhlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uTGluZUhlaWdodH0pO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25EaXNhYmxlZE9wYWNpdHl9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkRpc2FibGVkT3BhY2l0eX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9jdXNDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uRm9jdXNDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU3Bpbm5lckNvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25TcGlubmVyQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNwaW5uZXJTaXplfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25TcGlubmVyU2l6ZX0pO1xuXG4gICAgZmxleC1zaHJpbms6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbkJ1dHRvbkNhbmNlbCA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxvYWRpbmdCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbExvYWRpbmdCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9ySG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbENvbG9ySG92ZXJ9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxCYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbENvbG9yQWN0aXZlfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEJhY2tncm91bmRDb2xvckFjdGl2ZX0pO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TY2FsZUhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxTY2FsZUhvdmVyfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TY2FsZUFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsU2NhbGVBY3RpdmV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkhlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsSGVpZ2h0fSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25XaWR0aH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsV2lkdGh9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblBhZGRpbmd9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFBhZGRpbmd9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblJhZGl1c306IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsUmFkaXVzfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25SYWRpdXNDaXJjbGV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFJhZGl1c0NpcmNsZX0pO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250RmFtaWx5fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxGb250RmFtaWx5fSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250U2l6ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRm9udFNpemV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRTdHlsZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRm9udFN0eWxlfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250V2VpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxGb250V2VpZ2h0fSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25MZXR0ZXJTcGFjaW5nfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25MaW5lSGVpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxMaW5lSGVpZ2h0fSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkRpc2FibGVkT3BhY2l0eX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb2N1c0NvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxGb2N1c0NvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TcGlubmVyQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFNwaW5uZXJDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU3Bpbm5lclNpemV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFNwaW5uZXJTaXplfSk7XG5gO1xuIl19 */"));
11
+ export var StyledIconButtonCancel = /*#__PURE__*/_styled(IconButton, {
12
+ target: "e2homon0",
13
+ label: "plasma-new-hope__StyledIconButtonCancel"
14
+ })(iconButtonTokens.iconButtonColor, ":var(", attachTokens.iconButtonCancelColor, ");", iconButtonTokens.iconButtonBackgroundColor, ":var(", attachTokens.iconButtonCancelBackgroundColor, ");", iconButtonTokens.iconButtonLoadingBackgroundColor, ":var(", attachTokens.iconButtonCancelLoadingBackgroundColor, ");", iconButtonTokens.iconButtonColorHover, ":var(", attachTokens.iconButtonCancelColorHover, ");", iconButtonTokens.iconButtonBackgroundColorHover, ":var(", attachTokens.iconButtonCancelBackgroundColorHover, ");", iconButtonTokens.iconButtonColorActive, ":var(", attachTokens.iconButtonCancelColorActive, ");", iconButtonTokens.iconButtonBackgroundColorActive, ":var(", attachTokens.iconButtonCancelBackgroundColorActive, ");", iconButtonTokens.iconButtonScaleHover, ":var(", attachTokens.iconButtonCancelScaleHover, ");", iconButtonTokens.iconButtonScaleActive, ":var(", attachTokens.iconButtonCancelScaleActive, ");", iconButtonTokens.iconButtonHeight, ":var(", attachTokens.iconButtonCancelHeight, ");", iconButtonTokens.iconButtonWidth, ":var(", attachTokens.iconButtonCancelWidth, ");", iconButtonTokens.iconButtonPadding, ":var(", attachTokens.iconButtonCancelPadding, ");", iconButtonTokens.iconButtonRadius, ":var(", attachTokens.iconButtonCancelRadius, ");", iconButtonTokens.iconButtonRadiusCircle, ":var(", attachTokens.iconButtonCancelRadiusCircle, ");", iconButtonTokens.iconButtonFontFamily, ":var(", attachTokens.iconButtonCancelFontFamily, ");", iconButtonTokens.iconButtonFontSize, ":var(", attachTokens.iconButtonCancelFontSize, ");", iconButtonTokens.iconButtonFontStyle, ":var(", attachTokens.iconButtonCancelFontStyle, ");", iconButtonTokens.iconButtonFontWeight, ":var(", attachTokens.iconButtonCancelFontWeight, ");", iconButtonTokens.iconButtonLetterSpacing, ":var(", attachTokens.iconButtonCancelLetterSpacing, ");", iconButtonTokens.iconButtonLineHeight, ":var(", attachTokens.iconButtonCancelLineHeight, ");", iconButtonTokens.iconButtonDisabledOpacity, ":var(", attachTokens.iconButtonCancelDisabledOpacity, ");", iconButtonTokens.iconButtonFocusColor, ":var(", attachTokens.iconButtonCancelFocusColor, ");", iconButtonTokens.iconButtonSpinnerColor, ":var(", attachTokens.iconButtonCancelSpinnerColor, ");", iconButtonTokens.iconButtonSpinnerSize, ":var(", attachTokens.iconButtonCancelSpinnerSize, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3VpL0ljb25CdXR0b24vSWNvbkJ1dHRvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDd0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvdWkvSWNvbkJ1dHRvbi9JY29uQnV0dG9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGljb25CdXR0b25Db25maWcsIGljb25CdXR0b25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi9JY29uQnV0dG9uJztcbmltcG9ydCB7IHRva2VucyBhcyBhdHRhY2hUb2tlbnMgfSBmcm9tICcuLi8uLi9BdHRhY2gudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoaWNvbkJ1dHRvbkNvbmZpZyk7XG5jb25zdCBJY29uQnV0dG9uID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTG9hZGluZ0JhY2tncm91bmRDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uTG9hZGluZ0JhY2tncm91bmRDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvckFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ29sb3JBY3RpdmV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNjYWxlSG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvblNjYWxlSG92ZXJ9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNjYWxlQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25TY2FsZUFjdGl2ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25IZWlnaHR9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbldpZHRofTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25XaWR0aH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUGFkZGluZ306IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uUGFkZGluZ30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUmFkaXVzfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25SYWRpdXN9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblJhZGl1c0NpcmNsZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uUmFkaXVzQ2lyY2xlfSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRGYW1pbHl9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkZvbnRGYW1pbHl9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRTaXplfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Gb250U2l6ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFN0eWxlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Gb250U3R5bGV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRXZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkZvbnRXZWlnaHR9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxldHRlclNwYWNpbmd9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxpbmVIZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkxpbmVIZWlnaHR9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRGlzYWJsZWRPcGFjaXR5fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25EaXNhYmxlZE9wYWNpdHl9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvY3VzQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkZvY3VzQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNwaW5uZXJDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uU3Bpbm5lckNvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TcGlubmVyU2l6ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uU3Bpbm5lclNpemV9KTtcblxuICAgIGZsZXgtc2hyaW5rOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25CdXR0b25DYW5jZWwgPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Mb2FkaW5nQmFja2dyb3VuZENvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxMb2FkaW5nQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvckhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxDb2xvckhvdmVyfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9yQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxDb2xvckFjdGl2ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxCYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU2NhbGVIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsU2NhbGVIb3Zlcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU2NhbGVBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFNjYWxlQWN0aXZlfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25IZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEhlaWdodH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uV2lkdGh9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFdpZHRofSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25QYWRkaW5nfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxQYWRkaW5nfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25SYWRpdXN9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFJhZGl1c30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUmFkaXVzQ2lyY2xlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxSYWRpdXNDaXJjbGV9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udEZhbWlseX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRm9udEZhbWlseX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFNpemV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEZvbnRTaXplfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250U3R5bGV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEZvbnRTdHlsZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFdlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRm9udFdlaWdodH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTGV0dGVyU3BhY2luZ306IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsTGV0dGVyU3BhY2luZ30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTGluZUhlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsTGluZUhlaWdodH0pO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25EaXNhYmxlZE9wYWNpdHl9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbERpc2FibGVkT3BhY2l0eX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9jdXNDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRm9jdXNDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU3Bpbm5lckNvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxTcGlubmVyQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNwaW5uZXJTaXplfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxTcGlubmVyU2l6ZX0pO1xuYDtcbiJdfQ== */"));
@@ -0,0 +1,3 @@
1
+ export var extractExtension = function extractExtension(filename) {
2
+ return filename.split('.').pop();
3
+ };
@@ -0,0 +1,37 @@
1
+ import React from 'react';
2
+ import { IconBlankCsvOutline, IconBlankDocOutline, IconBlankOutline, IconBlankPdfOutline, IconBlankTxtOutline, IconBlankXlsOutline } from '../../_Icon';
3
+ export var getFileicon = function getFileicon(extension, size) {
4
+ var iconSize = size === 'xs' ? 'xs' : 's';
5
+ switch (extension) {
6
+ case 'pdf':
7
+ return /*#__PURE__*/React.createElement(IconBlankPdfOutline, {
8
+ size: iconSize,
9
+ color: "inherit"
10
+ });
11
+ case 'doc':
12
+ return /*#__PURE__*/React.createElement(IconBlankDocOutline, {
13
+ size: iconSize,
14
+ color: "inherit"
15
+ });
16
+ case 'xls':
17
+ return /*#__PURE__*/React.createElement(IconBlankXlsOutline, {
18
+ size: iconSize,
19
+ color: "inherit"
20
+ });
21
+ case 'txt':
22
+ return /*#__PURE__*/React.createElement(IconBlankTxtOutline, {
23
+ size: iconSize,
24
+ color: "inherit"
25
+ });
26
+ case 'csv':
27
+ return /*#__PURE__*/React.createElement(IconBlankCsvOutline, {
28
+ size: iconSize,
29
+ color: "inherit"
30
+ });
31
+ default:
32
+ return /*#__PURE__*/React.createElement(IconBlankOutline, {
33
+ size: iconSize,
34
+ color: "inherit"
35
+ });
36
+ }
37
+ };
@@ -0,0 +1,3 @@
1
+ export { extractExtension } from './extractExtension';
2
+ export { getFileicon } from './getFileicon';
3
+ export { truncateFilename } from './truncateFilename';
@@ -0,0 +1,17 @@
1
+ export var truncateFilename = function truncateFilename(_ref) {
2
+ var filename = _ref.filename,
3
+ startNameTruncationIndex = _ref.startNameTruncationIndex,
4
+ _ref$separator = _ref.separator,
5
+ separator = _ref$separator === void 0 ? '...' : _ref$separator,
6
+ _ref$minNameLength = _ref.minNameLength,
7
+ minNameLength = _ref$minNameLength === void 0 ? 5 : _ref$minNameLength;
8
+ var strings = filename.split('.');
9
+ var extension = strings.length > 1 ? strings[strings.length - 1] : null;
10
+ var name = strings.length > 1 ? strings.slice(0, -1).join('.') : strings[0];
11
+ if (name.length <= minNameLength || startNameTruncationIndex >= name.length - 1) {
12
+ return filename;
13
+ }
14
+ var lastNameLetter = name[name.length - 1];
15
+ var truncatedName = "".concat(name.substring(0, startNameTruncationIndex)).concat(separator).concat(lastNameLetter);
16
+ return extension ? "".concat(truncatedName, ".").concat(extension) : truncatedName;
17
+ };
@@ -0,0 +1,3 @@
1
+ import { css } from '@emotion/react';
2
+ import { tokens, classes } from '../../Attach.tokens';
3
+ export var base = /*#__PURE__*/css("&.", classes.horizontal, "{column-gap:var(", tokens.horizontalGap, ");}&.", classes.vertical, "{row-gap:var(", tokens.verticalGap, ");}&.", classes.auto, "{row-gap:var(", tokens.verticalGap, ");column-gap:var(", tokens.horizontalGap, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMsIGNsYXNzZXMgfSBmcm9tICcuLi8uLi9BdHRhY2gudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMuaG9yaXpvbnRhbH0ge1xuICAgICAgICBjb2x1bW4tZ2FwOiB2YXIoJHt0b2tlbnMuaG9yaXpvbnRhbEdhcH0pO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgIHJvdy1nYXA6IHZhcigke3Rva2Vucy52ZXJ0aWNhbEdhcH0pO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmF1dG99IHtcbiAgICAgICAgcm93LWdhcDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsR2FwfSk7XG4gICAgICAgIGNvbHVtbi1nYXA6IHZhcigke3Rva2Vucy5ob3Jpem9udGFsR2FwfSk7XG4gICAgfVxufVxuYDtcbiJdfQ== */"));
@@ -0,0 +1,3 @@
1
+ import { css } from '@emotion/react';
2
+ import { classes } from '../../Attach.tokens';
3
+ export var base = /*#__PURE__*/css("&.", classes.horizontal, "{flex-direction:row;}&.", classes.vertical, "{flex-direction:column;}&.", classes.auto, "{flex-wrap:wrap;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi4vLi4vQXR0YWNoLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICYuJHtjbGFzc2VzLmhvcml6b250YWx9IHtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmF1dG99IHtcbiAgICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgIH1cbmA7XG4iXX0= */"));
@@ -22,7 +22,8 @@ export var cellRoot = function cellRoot(Root) {
22
22
  description = _ref.description,
23
23
  content = _ref.content,
24
24
  _ref$stretching = _ref.stretching,
25
- stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
25
+ stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
26
+ className = _ref.className;
26
27
  var stretchingClass = classes["".concat(stretching, "Stretching")];
27
28
 
28
29
  // Импорт старых свойств
@@ -32,7 +33,7 @@ export var cellRoot = function cellRoot(Root) {
32
33
  ref: outerRootRef,
33
34
  size: size,
34
35
  view: view,
35
- className: cx(stretchingClass, classes.cellRoot)
36
+ className: cx(stretchingClass, classes.cellRoot, className)
36
37
  }, contentLeftDeprecated && /*#__PURE__*/React.createElement(CellLeft, {
37
38
  align: alignContentLeft
38
39
  }, contentLeftDeprecated), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, null, titleText || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox, {
@@ -51,7 +51,7 @@ export var chipRoot = function chipRoot(Root) {
51
51
  return /*#__PURE__*/React.createElement(Root, _extends({
52
52
  type: "button",
53
53
  ref: ref,
54
- className: cx(pilledClass, classes.chipItem, className),
54
+ className: cx(pilledClass, className),
55
55
  tabIndex: readOnly ? -1 : 0,
56
56
  onClick: handleClick,
57
57
  disabled: disabled,
@@ -1,6 +1,5 @@
1
1
  export var classes = {
2
- pilled: 'chip-pilled',
3
- chipItem: 'chip-item'
2
+ pilled: 'chip-pilled'
4
3
  };
5
4
  export var tokens = {
6
5
  background: '--plasma-chip-background',
@@ -1,2 +1,2 @@
1
1
  export { chipRoot, chipConfig } from './Chip';
2
- export { tokens as chipTokens, classes as chipClasses } from './Chip.tokens';
2
+ export { tokens as chipTokens } from './Chip.tokens';
@@ -0,0 +1,45 @@
1
+ var _excluded = ["maskFormat"];
2
+ 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); }
3
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
+ 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."); }
5
+ 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); }
6
+ 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; }
7
+ 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; } }
8
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
9
+ 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; }
10
+ 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; }
11
+ import React, { forwardRef, useImperativeHandle, useState } from 'react';
12
+ import maskInputCompose from '@salutejs/react-maskinput';
13
+ var defaultFormatChars = [{
14
+ str: '0',
15
+ regexp: /[0-9]/
16
+ }, {
17
+ str: '*',
18
+ regexp: /./
19
+ }, {
20
+ str: 'a',
21
+ regexp: /[a-zA-Z]/
22
+ }, {
23
+ str: 'я',
24
+ regexp: /[а-яА-ЯёЁ]/
25
+ }];
26
+ export var composeMask = function composeMask(InputComponent) {
27
+ var MaskedInput = maskInputCompose(InputComponent);
28
+ return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
29
+ var _ref$maskFormat = _ref.maskFormat,
30
+ maskFormat = _ref$maskFormat === void 0 ? defaultFormatChars : _ref$maskFormat,
31
+ rest = _objectWithoutProperties(_ref, _excluded);
32
+ // TODO: replace inside react-maskinput 'getReference' on 'forwardRef'
33
+ var _useState = useState(null),
34
+ _useState2 = _slicedToArray(_useState, 2),
35
+ ref = _useState2[0],
36
+ setRef = _useState2[1];
37
+ useImperativeHandle(outerRef, function () {
38
+ return ref;
39
+ }, [ref]);
40
+ return /*#__PURE__*/React.createElement(MaskedInput, _extends({
41
+ getReference: setRef,
42
+ maskFormat: maskFormat
43
+ }, rest));
44
+ });
45
+ };
@@ -0,0 +1,125 @@
1
+ ---
2
+ id: mask
3
+ title: Mask
4
+ ---
5
+
6
+ import { PropsTable, Description } from '@site/src/components';
7
+
8
+ import Tabs from '@theme/Tabs';
9
+ import TabItem from '@theme/TabItem';
10
+
11
+ # Mask
12
+ <Description name="Mask" />
13
+ <PropsTable name="Mask" exclude={['css']} />
14
+
15
+ ## Использование
16
+ Компонент `Mask` представляет собой поле ввода с возможностью маскирования значения.
17
+ Он реализован на компоненте [TextField](https://plasma.sberdevices.ru/b2c/components/textfield/)
18
+ и наследует практически все его свойства (`size`, `view`, `disabled`, `label` и тд.)
19
+
20
+ ```tsx live
21
+ import React from 'react';
22
+ import { Mask } from '@salutejs/{{ package }}';
23
+ import { IconDone } from '@salutejs/plasma-icons';
24
+
25
+ export function App() {
26
+ return (
27
+ <div>
28
+ <Mask
29
+ label="Лейбл"
30
+ leftHelper="Подсказка к полю"
31
+ placeholder="Введите дату"
32
+ mask="00/00/0000"
33
+ maskString="DD/MM/YYYY"
34
+ size="l"
35
+ />
36
+ </div>
37
+ );
38
+ }
39
+ ```
40
+
41
+ ### Маска
42
+ Маска задается с помощью свойства `mask`.
43
+ Поддерживает следующие символы:
44
+
45
+ | Обозначение | Описание |
46
+ |-------------|---------------------------------------|
47
+ | 0 | любая цифра от 0 до 9 |
48
+ | a (англ.) | A-Z, a-z |
49
+ | я | А-Я, а-я, ё, Ё |
50
+ | q | буква "q" |
51
+ | 2 | цифра "2" |
52
+ | * | любой символ |
53
+ | \ | символ экранирования "\a" - буква "a" |
54
+
55
+
56
+ <Tabs>
57
+ <TabItem value="phone" label="Маска телефона">
58
+ Пример маски для ввода телефона
59
+
60
+ ```tsx live
61
+ import React from 'react';
62
+ import { Mask } from '@salutejs/{{ package }}';
63
+
64
+ export function App() {
65
+ return (
66
+ <div>
67
+ <Mask
68
+ label="Маска телефона"
69
+ placeholder="Введите телефон"
70
+ mask="+7 (000) 000 - 00 - 00"
71
+ maskChar="_"
72
+ size="l"
73
+ alwaysShowMask
74
+ />
75
+ </div>
76
+ );
77
+ }
78
+ ```
79
+ </TabItem>
80
+ <TabItem value="date" label="Маска даты">
81
+ Пример маски для ввода даты
82
+
83
+ ```tsx live
84
+ import React from 'react';
85
+ import { Mask } from '@salutejs/{{ package }}';
86
+
87
+ export function App() {
88
+ return (
89
+ <div>
90
+ <Mask
91
+ label="Маска даты"
92
+ placeholder="Введите дату"
93
+ mask="00/00/0000"
94
+ maskString="DD/MM/YYYY"
95
+ size="l"
96
+ />
97
+ </div>
98
+ );
99
+ }
100
+ ```
101
+ </TabItem>
102
+ <TabItem value="time" label="Маска времени">
103
+ Пример маски для ввода даты
104
+
105
+ ```tsx live
106
+ import React from 'react';
107
+ import { Mask } from '@salutejs/{{ package }}';
108
+
109
+ export function App() {
110
+ return (
111
+ <div>
112
+ <Mask
113
+ label="Маска времени"
114
+ placeholder="Введите время"
115
+ mask="1\0:00"
116
+ maskChar="_"
117
+ size="l"
118
+ showPrefix
119
+ />
120
+ </div>
121
+ );
122
+ }
123
+ ```
124
+ </TabItem>
125
+ </Tabs>
@@ -0,0 +1 @@
1
+ export { composeMask } from './Mask';