@salutejs/plasma-new-hope 0.151.0-canary.1449.11009654671.0 → 0.151.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (555) 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/{TextField/variations/_clear → 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/Attach/variations/_view/base.js +9 -0
  31. package/cjs/components/Attach/variations/_view/base.js.map +1 -0
  32. package/cjs/components/Attach/variations/_view/base_1nvsg1b.css +1 -0
  33. package/cjs/components/Autocomplete/Autocomplete.css +15 -17
  34. package/cjs/components/Cell/Cell.js +3 -2
  35. package/cjs/components/Cell/Cell.js.map +1 -1
  36. package/cjs/components/Combobox/ComboboxNew/Combobox.css +15 -17
  37. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +15 -17
  38. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +15 -17
  39. package/cjs/components/DatePicker/RangeDate/RangeDate.css +15 -17
  40. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +15 -17
  41. package/cjs/components/DatePicker/SingleDate/SingleDate.css +15 -17
  42. package/cjs/components/Range/Range.css +15 -17
  43. package/cjs/components/Slider/Slider.css +15 -17
  44. package/cjs/components/Slider/components/Double/Double.css +15 -17
  45. package/cjs/components/TextField/TextField.js +9 -24
  46. package/cjs/components/TextField/TextField.js.map +1 -1
  47. package/cjs/components/TextField/TextField.styles.js +7 -15
  48. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  49. package/cjs/components/TextField/{TextField.styles_1d2ryq.css → TextField.styles_uponva.css} +2 -2
  50. package/cjs/components/TextField/TextField.tokens.js +0 -9
  51. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  52. package/cjs/components/TextField/variations/_disabled/base.js +1 -1
  53. package/cjs/components/TextField/variations/_disabled/base.js.map +1 -1
  54. package/cjs/components/TextField/variations/_disabled/base_1tnjoy9.css +1 -0
  55. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  56. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  57. package/cjs/components/TextField/variations/_label-placement/base_6k17xp.css +1 -0
  58. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  59. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
  60. package/cjs/components/TextField/variations/_read-only/base_8onybn.css +1 -0
  61. package/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +33 -0
  62. package/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js.map +1 -0
  63. package/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +37 -0
  64. package/cjs/components/_Icon/Icon.assets/BlankDocOutline.js.map +1 -0
  65. package/cjs/components/_Icon/Icon.assets/BlankOutline.js +24 -0
  66. package/cjs/components/_Icon/Icon.assets/BlankOutline.js.map +1 -0
  67. package/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +29 -0
  68. package/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js.map +1 -0
  69. package/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +33 -0
  70. package/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js.map +1 -0
  71. package/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +33 -0
  72. package/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js.map +1 -0
  73. package/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +24 -0
  74. package/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js.map +1 -0
  75. package/cjs/components/_Icon/Icon.assets/Plus.js +24 -0
  76. package/cjs/components/_Icon/Icon.assets/Plus.js.map +1 -0
  77. package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +23 -0
  78. package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js.map +1 -0
  79. package/cjs/components/_Icon/Icons/IconBlankDocOutline.js +23 -0
  80. package/cjs/components/_Icon/Icons/IconBlankDocOutline.js.map +1 -0
  81. package/cjs/components/_Icon/Icons/IconBlankOutline.js +23 -0
  82. package/cjs/components/_Icon/Icons/IconBlankOutline.js.map +1 -0
  83. package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +23 -0
  84. package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js.map +1 -0
  85. package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +23 -0
  86. package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js.map +1 -0
  87. package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +23 -0
  88. package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js.map +1 -0
  89. package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +23 -0
  90. package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js.map +1 -0
  91. package/cjs/components/_Icon/Icons/IconPlus.js +23 -0
  92. package/cjs/components/_Icon/Icons/IconPlus.js.map +1 -0
  93. package/cjs/index.css +30 -17
  94. package/cjs/index.js +5 -0
  95. package/cjs/index.js.map +1 -1
  96. package/emotion/cjs/components/Attach/Attach.js +186 -0
  97. package/emotion/cjs/components/Attach/Attach.styles.js +36 -0
  98. package/emotion/cjs/components/Attach/Attach.template-doc.mdx +63 -0
  99. package/emotion/cjs/components/Attach/Attach.tokens.js +128 -0
  100. package/emotion/cjs/components/Attach/Attach.types.js +5 -0
  101. package/emotion/cjs/components/Attach/components/AttachButton/AttachButton.js +52 -0
  102. package/emotion/cjs/components/Attach/components/AttachButton/index.js +12 -0
  103. package/emotion/cjs/components/Attach/index.js +25 -0
  104. package/emotion/cjs/components/Attach/ui/Button/Button.js +12 -0
  105. package/emotion/cjs/components/Attach/ui/Button/Button.styles.js +17 -0
  106. package/emotion/cjs/components/Attach/ui/Cell/Cell.js +12 -0
  107. package/emotion/cjs/components/Attach/ui/Cell/Cell.styles.js +17 -0
  108. package/emotion/cjs/components/Attach/ui/IconButton/IconButton.js +12 -0
  109. package/emotion/cjs/components/Attach/ui/IconButton/IconButton.styles.js +21 -0
  110. package/emotion/cjs/components/Attach/utils/extractExtension.js +9 -0
  111. package/emotion/cjs/components/Attach/utils/getFileicon.js +44 -0
  112. package/emotion/cjs/components/Attach/utils/index.js +26 -0
  113. package/emotion/cjs/components/Attach/utils/truncateFilename.js +23 -0
  114. package/emotion/cjs/components/Attach/variations/_size/base.js +9 -0
  115. package/emotion/cjs/components/Attach/variations/_view/base.js +9 -0
  116. package/emotion/cjs/components/Cell/Cell.js +3 -2
  117. package/emotion/cjs/components/TextField/TextField.js +10 -25
  118. package/emotion/cjs/components/TextField/TextField.styles.js +16 -20
  119. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +17 -50
  120. package/emotion/cjs/components/TextField/TextField.tokens.js +0 -9
  121. package/emotion/cjs/components/TextField/variations/_disabled/base.js +1 -1
  122. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  123. package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
  124. package/emotion/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +32 -0
  125. package/emotion/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +36 -0
  126. package/emotion/cjs/components/_Icon/Icon.assets/BlankOutline.js +23 -0
  127. package/emotion/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +28 -0
  128. package/emotion/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +32 -0
  129. package/emotion/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +32 -0
  130. package/emotion/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +23 -0
  131. package/emotion/cjs/components/_Icon/Icon.assets/Plus.js +23 -0
  132. package/emotion/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +22 -0
  133. package/emotion/cjs/components/_Icon/Icons/IconBlankDocOutline.js +22 -0
  134. package/emotion/cjs/components/_Icon/Icons/IconBlankOutline.js +22 -0
  135. package/emotion/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +22 -0
  136. package/emotion/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +22 -0
  137. package/emotion/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +22 -0
  138. package/emotion/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +22 -0
  139. package/emotion/cjs/components/_Icon/Icons/IconPlus.js +22 -0
  140. package/emotion/cjs/components/_Icon/index.js +57 -1
  141. package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.config.js +37 -0
  142. package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.js +11 -0
  143. package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
  144. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +12 -15
  145. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -8
  146. package/emotion/cjs/examples/plasma_web/components/Attach/Attach.config.js +37 -0
  147. package/emotion/cjs/examples/plasma_web/components/Attach/Attach.js +11 -0
  148. package/emotion/cjs/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
  149. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +12 -15
  150. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -8
  151. package/emotion/cjs/index.js +11 -0
  152. package/emotion/es/components/Attach/Attach.js +177 -0
  153. package/emotion/es/components/Attach/Attach.styles.js +29 -0
  154. package/emotion/es/components/Attach/Attach.template-doc.mdx +63 -0
  155. package/emotion/es/components/Attach/Attach.tokens.js +122 -0
  156. package/emotion/es/components/Attach/Attach.types.js +1 -0
  157. package/emotion/es/components/Attach/components/AttachButton/AttachButton.js +43 -0
  158. package/emotion/es/components/Attach/components/AttachButton/index.js +1 -0
  159. package/emotion/es/components/Attach/index.js +2 -0
  160. package/emotion/es/components/Attach/ui/Button/Button.js +1 -0
  161. package/emotion/es/components/Attach/ui/Button/Button.styles.js +10 -0
  162. package/emotion/es/components/Attach/ui/Cell/Cell.js +1 -0
  163. package/emotion/es/components/Attach/ui/Cell/Cell.styles.js +10 -0
  164. package/emotion/es/components/Attach/ui/IconButton/IconButton.js +1 -0
  165. package/emotion/es/components/Attach/ui/IconButton/IconButton.styles.js +14 -0
  166. package/emotion/es/components/Attach/utils/extractExtension.js +3 -0
  167. package/emotion/es/components/Attach/utils/getFileicon.js +37 -0
  168. package/emotion/es/components/Attach/utils/index.js +3 -0
  169. package/emotion/es/components/Attach/utils/truncateFilename.js +17 -0
  170. package/emotion/es/components/Attach/variations/_size/base.js +3 -0
  171. package/emotion/es/components/Attach/variations/_view/base.js +3 -0
  172. package/emotion/es/components/Cell/Cell.js +3 -2
  173. package/emotion/es/components/TextField/TextField.js +4 -19
  174. package/emotion/es/components/TextField/TextField.styles.js +16 -20
  175. package/emotion/es/components/TextField/TextField.template-doc.mdx +17 -50
  176. package/emotion/es/components/TextField/TextField.tokens.js +0 -9
  177. package/emotion/es/components/TextField/variations/_disabled/base.js +1 -1
  178. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  179. package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
  180. package/emotion/es/components/_Icon/Icon.assets/BlankCsvOutline.js +25 -0
  181. package/emotion/es/components/_Icon/Icon.assets/BlankDocOutline.js +29 -0
  182. package/emotion/es/components/_Icon/Icon.assets/BlankOutline.js +16 -0
  183. package/emotion/es/components/_Icon/Icon.assets/BlankPdfOutline.js +21 -0
  184. package/emotion/es/components/_Icon/Icon.assets/BlankTxtOutline.js +25 -0
  185. package/emotion/es/components/_Icon/Icon.assets/BlankXlsOutline.js +25 -0
  186. package/emotion/es/components/_Icon/Icon.assets/CloseCircleOutline.js +16 -0
  187. package/emotion/es/components/_Icon/Icon.assets/Plus.js +16 -0
  188. package/emotion/es/components/_Icon/Icons/IconBlankCsvOutline.js +15 -0
  189. package/emotion/es/components/_Icon/Icons/IconBlankDocOutline.js +15 -0
  190. package/emotion/es/components/_Icon/Icons/IconBlankOutline.js +15 -0
  191. package/emotion/es/components/_Icon/Icons/IconBlankPdfOutline.js +15 -0
  192. package/emotion/es/components/_Icon/Icons/IconBlankTxtOutline.js +15 -0
  193. package/emotion/es/components/_Icon/Icons/IconBlankXlsOutline.js +15 -0
  194. package/emotion/es/components/_Icon/Icons/IconCloseCircleOutline.js +15 -0
  195. package/emotion/es/components/_Icon/Icons/IconPlus.js +15 -0
  196. package/emotion/es/components/_Icon/index.js +9 -1
  197. package/emotion/es/examples/plasma_b2c/components/Attach/Attach.config.js +31 -0
  198. package/emotion/es/examples/plasma_b2c/components/Attach/Attach.js +5 -0
  199. package/emotion/es/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
  200. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +12 -15
  201. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -8
  202. package/emotion/es/examples/plasma_web/components/Attach/Attach.config.js +31 -0
  203. package/emotion/es/examples/plasma_web/components/Attach/Attach.js +5 -0
  204. package/emotion/es/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
  205. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +12 -15
  206. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -8
  207. package/emotion/es/index.js +2 -1
  208. package/es/components/Attach/Attach.css +48 -0
  209. package/es/components/Attach/Attach.js +176 -0
  210. package/es/components/Attach/Attach.js.map +1 -0
  211. package/es/components/Attach/Attach.styles.js +17 -0
  212. package/es/components/Attach/Attach.styles.js.map +1 -0
  213. package/es/components/Attach/Attach.styles_fl8wha.css +3 -0
  214. package/es/components/Attach/Attach.tokens.js +125 -0
  215. package/es/components/Attach/Attach.tokens.js.map +1 -0
  216. package/es/components/Attach/components/AttachButton/AttachButton.css +34 -0
  217. package/es/components/Attach/components/AttachButton/AttachButton.js +46 -0
  218. package/es/components/Attach/components/AttachButton/AttachButton.js.map +1 -0
  219. package/es/components/Attach/ui/Button/Button.styles.js +19 -0
  220. package/es/components/Attach/ui/Button/Button.styles.js.map +1 -0
  221. package/es/components/Attach/ui/Button/Button.styles_bj69th.css +1 -0
  222. package/es/components/Attach/ui/Cell/Cell.styles.js +21 -0
  223. package/es/components/Attach/ui/Cell/Cell.styles.js.map +1 -0
  224. package/es/components/Attach/ui/Cell/Cell.styles_69w962.css +1 -0
  225. package/es/components/Attach/ui/IconButton/IconButton.styles.js +27 -0
  226. package/es/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -0
  227. package/es/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +2 -0
  228. package/es/components/Attach/utils/extractExtension.js +6 -0
  229. package/es/components/Attach/utils/extractExtension.js.map +1 -0
  230. package/es/components/Attach/utils/getFileicon.js +47 -0
  231. package/es/components/Attach/utils/getFileicon.js.map +1 -0
  232. package/es/components/Attach/utils/truncateFilename.js +20 -0
  233. package/es/components/Attach/utils/truncateFilename.js.map +1 -0
  234. package/es/components/{TextField/variations/_clear → Attach/variations/_size}/base.js +2 -2
  235. package/es/components/Attach/variations/_size/base.js.map +1 -0
  236. package/es/components/Attach/variations/_size/base_eax0b8.css +1 -0
  237. package/es/components/Attach/variations/_view/base.js +5 -0
  238. package/es/components/Attach/variations/_view/base.js.map +1 -0
  239. package/es/components/Attach/variations/_view/base_1nvsg1b.css +1 -0
  240. package/es/components/Autocomplete/Autocomplete.css +15 -17
  241. package/es/components/Cell/Cell.js +3 -2
  242. package/es/components/Cell/Cell.js.map +1 -1
  243. package/es/components/Combobox/ComboboxNew/Combobox.css +15 -17
  244. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +15 -17
  245. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +15 -17
  246. package/es/components/DatePicker/RangeDate/RangeDate.css +15 -17
  247. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +15 -17
  248. package/es/components/DatePicker/SingleDate/SingleDate.css +15 -17
  249. package/es/components/Range/Range.css +15 -17
  250. package/es/components/Slider/Slider.css +15 -17
  251. package/es/components/Slider/components/Double/Double.css +15 -17
  252. package/es/components/TextField/TextField.js +9 -24
  253. package/es/components/TextField/TextField.js.map +1 -1
  254. package/es/components/TextField/TextField.styles.js +7 -15
  255. package/es/components/TextField/TextField.styles.js.map +1 -1
  256. package/es/components/TextField/{TextField.styles_1d2ryq.css → TextField.styles_uponva.css} +2 -2
  257. package/es/components/TextField/TextField.tokens.js +0 -9
  258. package/es/components/TextField/TextField.tokens.js.map +1 -1
  259. package/es/components/TextField/variations/_disabled/base.js +1 -1
  260. package/es/components/TextField/variations/_disabled/base.js.map +1 -1
  261. package/es/components/TextField/variations/_disabled/base_1tnjoy9.css +1 -0
  262. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  263. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  264. package/es/components/TextField/variations/_label-placement/base_6k17xp.css +1 -0
  265. package/es/components/TextField/variations/_read-only/base.js +1 -1
  266. package/es/components/TextField/variations/_read-only/base.js.map +1 -1
  267. package/es/components/TextField/variations/_read-only/base_8onybn.css +1 -0
  268. package/es/components/_Icon/Icon.assets/BlankCsvOutline.js +29 -0
  269. package/es/components/_Icon/Icon.assets/BlankCsvOutline.js.map +1 -0
  270. package/es/components/_Icon/Icon.assets/BlankDocOutline.js +33 -0
  271. package/es/components/_Icon/Icon.assets/BlankDocOutline.js.map +1 -0
  272. package/es/components/_Icon/Icon.assets/BlankOutline.js +20 -0
  273. package/es/components/_Icon/Icon.assets/BlankOutline.js.map +1 -0
  274. package/es/components/_Icon/Icon.assets/BlankPdfOutline.js +25 -0
  275. package/es/components/_Icon/Icon.assets/BlankPdfOutline.js.map +1 -0
  276. package/es/components/_Icon/Icon.assets/BlankTxtOutline.js +29 -0
  277. package/es/components/_Icon/Icon.assets/BlankTxtOutline.js.map +1 -0
  278. package/es/components/_Icon/Icon.assets/BlankXlsOutline.js +29 -0
  279. package/es/components/_Icon/Icon.assets/BlankXlsOutline.js.map +1 -0
  280. package/es/components/_Icon/Icon.assets/CloseCircleOutline.js +20 -0
  281. package/es/components/_Icon/Icon.assets/CloseCircleOutline.js.map +1 -0
  282. package/es/components/_Icon/Icon.assets/Plus.js +20 -0
  283. package/es/components/_Icon/Icon.assets/Plus.js.map +1 -0
  284. package/es/components/_Icon/Icons/IconBlankCsvOutline.js +19 -0
  285. package/es/components/_Icon/Icons/IconBlankCsvOutline.js.map +1 -0
  286. package/es/components/_Icon/Icons/IconBlankDocOutline.js +19 -0
  287. package/es/components/_Icon/Icons/IconBlankDocOutline.js.map +1 -0
  288. package/es/components/_Icon/Icons/IconBlankOutline.js +19 -0
  289. package/es/components/_Icon/Icons/IconBlankOutline.js.map +1 -0
  290. package/es/components/_Icon/Icons/IconBlankPdfOutline.js +19 -0
  291. package/es/components/_Icon/Icons/IconBlankPdfOutline.js.map +1 -0
  292. package/es/components/_Icon/Icons/IconBlankTxtOutline.js +19 -0
  293. package/es/components/_Icon/Icons/IconBlankTxtOutline.js.map +1 -0
  294. package/es/components/_Icon/Icons/IconBlankXlsOutline.js +19 -0
  295. package/es/components/_Icon/Icons/IconBlankXlsOutline.js.map +1 -0
  296. package/es/components/_Icon/Icons/IconCloseCircleOutline.js +19 -0
  297. package/es/components/_Icon/Icons/IconCloseCircleOutline.js.map +1 -0
  298. package/es/components/_Icon/Icons/IconPlus.js +19 -0
  299. package/es/components/_Icon/Icons/IconPlus.js.map +1 -0
  300. package/es/index.css +30 -17
  301. package/es/index.js +2 -0
  302. package/es/index.js.map +1 -1
  303. package/package.json +2 -2
  304. package/styled-components/cjs/components/Attach/Attach.js +186 -0
  305. package/styled-components/cjs/components/Attach/Attach.styles.js +18 -0
  306. package/styled-components/cjs/components/Attach/Attach.template-doc.mdx +63 -0
  307. package/styled-components/cjs/components/Attach/Attach.tokens.js +128 -0
  308. package/styled-components/cjs/components/Attach/Attach.types.js +5 -0
  309. package/styled-components/cjs/components/Attach/components/AttachButton/AttachButton.js +52 -0
  310. package/styled-components/cjs/components/Attach/components/AttachButton/index.js +12 -0
  311. package/styled-components/cjs/components/Attach/index.js +25 -0
  312. package/styled-components/cjs/components/Attach/ui/Button/Button.js +12 -0
  313. package/styled-components/cjs/components/Attach/ui/Button/Button.styles.js +16 -0
  314. package/styled-components/cjs/components/Attach/ui/Cell/Cell.js +12 -0
  315. package/styled-components/cjs/components/Attach/ui/Cell/Cell.styles.js +16 -0
  316. package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.js +12 -0
  317. package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.styles.js +19 -0
  318. package/styled-components/cjs/components/Attach/utils/extractExtension.js +9 -0
  319. package/styled-components/cjs/components/Attach/utils/getFileicon.js +44 -0
  320. package/styled-components/cjs/components/Attach/utils/index.js +26 -0
  321. package/styled-components/cjs/components/Attach/utils/truncateFilename.js +23 -0
  322. package/styled-components/cjs/components/Attach/variations/_size/base.js +9 -0
  323. package/styled-components/cjs/components/Attach/variations/_view/base.js +9 -0
  324. package/styled-components/cjs/components/Cell/Cell.js +3 -2
  325. package/styled-components/cjs/components/TextField/TextField.js +9 -24
  326. package/styled-components/cjs/components/TextField/TextField.styles.js +3 -7
  327. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +17 -50
  328. package/styled-components/cjs/components/TextField/TextField.tokens.js +0 -9
  329. package/styled-components/cjs/components/TextField/variations/_disabled/base.js +1 -1
  330. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  331. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
  332. package/styled-components/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +32 -0
  333. package/styled-components/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +36 -0
  334. package/styled-components/cjs/components/_Icon/Icon.assets/BlankOutline.js +23 -0
  335. package/styled-components/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +28 -0
  336. package/styled-components/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +32 -0
  337. package/styled-components/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +32 -0
  338. package/styled-components/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +23 -0
  339. package/styled-components/cjs/components/_Icon/Icon.assets/Plus.js +23 -0
  340. package/styled-components/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +22 -0
  341. package/styled-components/cjs/components/_Icon/Icons/IconBlankDocOutline.js +22 -0
  342. package/styled-components/cjs/components/_Icon/Icons/IconBlankOutline.js +22 -0
  343. package/styled-components/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +22 -0
  344. package/styled-components/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +22 -0
  345. package/styled-components/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +22 -0
  346. package/styled-components/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +22 -0
  347. package/styled-components/cjs/components/_Icon/Icons/IconPlus.js +22 -0
  348. package/styled-components/cjs/components/_Icon/index.js +57 -1
  349. package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.config.js +37 -0
  350. package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.js +11 -0
  351. package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
  352. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +9 -12
  353. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -8
  354. package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.config.js +37 -0
  355. package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.js +11 -0
  356. package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
  357. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +9 -12
  358. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -8
  359. package/styled-components/cjs/index.js +11 -0
  360. package/styled-components/es/components/Attach/Attach.js +177 -0
  361. package/styled-components/es/components/Attach/Attach.styles.js +10 -0
  362. package/styled-components/es/components/Attach/Attach.template-doc.mdx +63 -0
  363. package/styled-components/es/components/Attach/Attach.tokens.js +122 -0
  364. package/styled-components/es/components/Attach/Attach.types.js +1 -0
  365. package/styled-components/es/components/Attach/components/AttachButton/AttachButton.js +43 -0
  366. package/styled-components/es/components/Attach/components/AttachButton/index.js +1 -0
  367. package/styled-components/es/components/Attach/index.js +2 -0
  368. package/styled-components/es/components/Attach/ui/Button/Button.js +1 -0
  369. package/styled-components/es/components/Attach/ui/Button/Button.styles.js +9 -0
  370. package/styled-components/es/components/Attach/ui/Cell/Cell.js +1 -0
  371. package/styled-components/es/components/Attach/ui/Cell/Cell.styles.js +9 -0
  372. package/styled-components/es/components/Attach/ui/IconButton/IconButton.js +1 -0
  373. package/styled-components/es/components/Attach/ui/IconButton/IconButton.styles.js +12 -0
  374. package/styled-components/es/components/Attach/utils/extractExtension.js +3 -0
  375. package/styled-components/es/components/Attach/utils/getFileicon.js +37 -0
  376. package/styled-components/es/components/Attach/utils/index.js +3 -0
  377. package/styled-components/es/components/Attach/utils/truncateFilename.js +17 -0
  378. package/styled-components/es/components/Attach/variations/_size/base.js +3 -0
  379. package/styled-components/es/components/Attach/variations/_view/base.js +3 -0
  380. package/styled-components/es/components/Cell/Cell.js +3 -2
  381. package/styled-components/es/components/TextField/TextField.js +3 -18
  382. package/styled-components/es/components/TextField/TextField.styles.js +3 -7
  383. package/styled-components/es/components/TextField/TextField.template-doc.mdx +17 -50
  384. package/styled-components/es/components/TextField/TextField.tokens.js +0 -9
  385. package/styled-components/es/components/TextField/variations/_disabled/base.js +1 -1
  386. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  387. package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
  388. package/styled-components/es/components/_Icon/Icon.assets/BlankCsvOutline.js +25 -0
  389. package/styled-components/es/components/_Icon/Icon.assets/BlankDocOutline.js +29 -0
  390. package/styled-components/es/components/_Icon/Icon.assets/BlankOutline.js +16 -0
  391. package/styled-components/es/components/_Icon/Icon.assets/BlankPdfOutline.js +21 -0
  392. package/styled-components/es/components/_Icon/Icon.assets/BlankTxtOutline.js +25 -0
  393. package/styled-components/es/components/_Icon/Icon.assets/BlankXlsOutline.js +25 -0
  394. package/styled-components/es/components/_Icon/Icon.assets/CloseCircleOutline.js +16 -0
  395. package/styled-components/es/components/_Icon/Icon.assets/Plus.js +16 -0
  396. package/styled-components/es/components/_Icon/Icons/IconBlankCsvOutline.js +15 -0
  397. package/styled-components/es/components/_Icon/Icons/IconBlankDocOutline.js +15 -0
  398. package/styled-components/es/components/_Icon/Icons/IconBlankOutline.js +15 -0
  399. package/styled-components/es/components/_Icon/Icons/IconBlankPdfOutline.js +15 -0
  400. package/styled-components/es/components/_Icon/Icons/IconBlankTxtOutline.js +15 -0
  401. package/styled-components/es/components/_Icon/Icons/IconBlankXlsOutline.js +15 -0
  402. package/styled-components/es/components/_Icon/Icons/IconCloseCircleOutline.js +15 -0
  403. package/styled-components/es/components/_Icon/Icons/IconPlus.js +15 -0
  404. package/styled-components/es/components/_Icon/index.js +9 -1
  405. package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.config.js +31 -0
  406. package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.js +5 -0
  407. package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.stories.tsx +177 -0
  408. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +9 -12
  409. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -8
  410. package/styled-components/es/examples/plasma_web/components/Attach/Attach.config.js +31 -0
  411. package/styled-components/es/examples/plasma_web/components/Attach/Attach.js +5 -0
  412. package/styled-components/es/examples/plasma_web/components/Attach/Attach.stories.tsx +168 -0
  413. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +9 -12
  414. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -8
  415. package/styled-components/es/index.js +2 -1
  416. package/types/components/Attach/Attach.d.ts +23 -0
  417. package/types/components/Attach/Attach.d.ts.map +1 -0
  418. package/types/components/Attach/Attach.styles.d.ts +5 -0
  419. package/types/components/Attach/Attach.styles.d.ts.map +1 -0
  420. package/types/components/Attach/Attach.tokens.d.ts +119 -0
  421. package/types/components/Attach/Attach.tokens.d.ts.map +1 -0
  422. package/types/components/Attach/Attach.types.d.ts +43 -0
  423. package/types/components/Attach/Attach.types.d.ts.map +1 -0
  424. package/types/components/Attach/components/AttachButton/AttachButton.d.ts +4 -0
  425. package/types/components/Attach/components/AttachButton/AttachButton.d.ts.map +1 -0
  426. package/types/components/Attach/components/AttachButton/index.d.ts +2 -0
  427. package/types/components/Attach/components/AttachButton/index.d.ts.map +1 -0
  428. package/types/components/Attach/index.d.ts +4 -0
  429. package/types/components/Attach/index.d.ts.map +1 -0
  430. package/types/components/Attach/ui/Button/Button.d.ts +2 -0
  431. package/types/components/Attach/ui/Button/Button.d.ts.map +1 -0
  432. package/types/components/Attach/ui/Button/Button.styles.d.ts +45 -0
  433. package/types/components/Attach/ui/Button/Button.styles.d.ts.map +1 -0
  434. package/types/components/Attach/ui/Cell/Cell.d.ts +2 -0
  435. package/types/components/Attach/ui/Cell/Cell.d.ts.map +1 -0
  436. package/types/components/Attach/ui/Cell/Cell.styles.d.ts +33 -0
  437. package/types/components/Attach/ui/Cell/Cell.styles.d.ts.map +1 -0
  438. package/types/components/Attach/ui/IconButton/IconButton.d.ts +2 -0
  439. package/types/components/Attach/ui/IconButton/IconButton.d.ts.map +1 -0
  440. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +88 -0
  441. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts.map +1 -0
  442. package/types/components/Attach/utils/extractExtension.d.ts +2 -0
  443. package/types/components/Attach/utils/extractExtension.d.ts.map +1 -0
  444. package/types/components/Attach/utils/getFileicon.d.ts +3 -0
  445. package/types/components/Attach/utils/getFileicon.d.ts.map +1 -0
  446. package/types/components/Attach/utils/index.d.ts +4 -0
  447. package/types/components/Attach/utils/index.d.ts.map +1 -0
  448. package/types/components/Attach/utils/truncateFilename.d.ts +7 -0
  449. package/types/components/Attach/utils/truncateFilename.d.ts.map +1 -0
  450. package/types/components/Attach/variations/_size/base.d.ts.map +1 -0
  451. package/types/components/Attach/variations/_view/base.d.ts +2 -0
  452. package/types/components/Attach/variations/_view/base.d.ts.map +1 -0
  453. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +0 -120
  454. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  455. package/types/components/Cell/Cell.d.ts.map +1 -1
  456. package/types/components/Cell/Cell.types.d.ts +1 -1
  457. package/types/components/Cell/Cell.types.d.ts.map +1 -1
  458. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts +2 -2
  459. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +0 -120
  460. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  461. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +0 -120
  462. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  463. package/types/components/Range/Range.styles.d.ts +0 -120
  464. package/types/components/Range/Range.styles.d.ts.map +1 -1
  465. package/types/components/Slider/components/Double/Double.styles.d.ts +0 -120
  466. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  467. package/types/components/TextField/TextField.d.ts +0 -4
  468. package/types/components/TextField/TextField.d.ts.map +1 -1
  469. package/types/components/TextField/TextField.styles.d.ts +4 -5
  470. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  471. package/types/components/TextField/TextField.tokens.d.ts +0 -9
  472. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  473. package/types/components/TextField/TextField.types.d.ts +1 -20
  474. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  475. package/types/components/TextField/variations/_disabled/base.d.ts.map +1 -1
  476. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
  477. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
  478. package/types/components/_Icon/Icon.assets/BlankCsvOutline.d.ts +4 -0
  479. package/types/components/_Icon/Icon.assets/BlankCsvOutline.d.ts.map +1 -0
  480. package/types/components/_Icon/Icon.assets/BlankDocOutline.d.ts +4 -0
  481. package/types/components/_Icon/Icon.assets/BlankDocOutline.d.ts.map +1 -0
  482. package/types/components/_Icon/Icon.assets/BlankOutline.d.ts +4 -0
  483. package/types/components/_Icon/Icon.assets/BlankOutline.d.ts.map +1 -0
  484. package/types/components/_Icon/Icon.assets/BlankPdfOutline.d.ts +4 -0
  485. package/types/components/_Icon/Icon.assets/BlankPdfOutline.d.ts.map +1 -0
  486. package/types/components/_Icon/Icon.assets/BlankTxtOutline.d.ts +4 -0
  487. package/types/components/_Icon/Icon.assets/BlankTxtOutline.d.ts.map +1 -0
  488. package/types/components/_Icon/Icon.assets/BlankXlsOutline.d.ts +4 -0
  489. package/types/components/_Icon/Icon.assets/BlankXlsOutline.d.ts.map +1 -0
  490. package/types/components/_Icon/Icon.assets/CloseCircleOutline.d.ts +4 -0
  491. package/types/components/_Icon/Icon.assets/CloseCircleOutline.d.ts.map +1 -0
  492. package/types/components/_Icon/Icon.assets/Plus.d.ts +4 -0
  493. package/types/components/_Icon/Icon.assets/Plus.d.ts.map +1 -0
  494. package/types/components/_Icon/Icons/IconBlankCsvOutline.d.ts +4 -0
  495. package/types/components/_Icon/Icons/IconBlankCsvOutline.d.ts.map +1 -0
  496. package/types/components/_Icon/Icons/IconBlankDocOutline.d.ts +4 -0
  497. package/types/components/_Icon/Icons/IconBlankDocOutline.d.ts.map +1 -0
  498. package/types/components/_Icon/Icons/IconBlankOutline.d.ts +4 -0
  499. package/types/components/_Icon/Icons/IconBlankOutline.d.ts.map +1 -0
  500. package/types/components/_Icon/Icons/IconBlankPdfOutline.d.ts +4 -0
  501. package/types/components/_Icon/Icons/IconBlankPdfOutline.d.ts.map +1 -0
  502. package/types/components/_Icon/Icons/IconBlankTxtOutline.d.ts +4 -0
  503. package/types/components/_Icon/Icons/IconBlankTxtOutline.d.ts.map +1 -0
  504. package/types/components/_Icon/Icons/IconBlankXlsOutline.d.ts +4 -0
  505. package/types/components/_Icon/Icons/IconBlankXlsOutline.d.ts.map +1 -0
  506. package/types/components/_Icon/Icons/IconCloseCircleOutline.d.ts +4 -0
  507. package/types/components/_Icon/Icons/IconCloseCircleOutline.d.ts.map +1 -0
  508. package/types/components/_Icon/Icons/IconPlus.d.ts +4 -0
  509. package/types/components/_Icon/Icons/IconPlus.d.ts.map +1 -0
  510. package/types/components/_Icon/index.d.ts +8 -0
  511. package/types/components/_Icon/index.d.ts.map +1 -1
  512. package/types/examples/plasma_b2c/components/Attach/Attach.config.d.ts +30 -0
  513. package/types/examples/plasma_b2c/components/Attach/Attach.config.d.ts.map +1 -0
  514. package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +224 -0
  515. package/types/examples/plasma_b2c/components/Attach/Attach.d.ts.map +1 -0
  516. package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +2 -2
  517. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +0 -236
  518. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  519. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +0 -3
  520. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  521. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +0 -123
  522. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  523. package/types/examples/plasma_web/components/Attach/Attach.config.d.ts +30 -0
  524. package/types/examples/plasma_web/components/Attach/Attach.config.d.ts.map +1 -0
  525. package/types/examples/plasma_web/components/Attach/Attach.d.ts +224 -0
  526. package/types/examples/plasma_web/components/Attach/Attach.d.ts.map +1 -0
  527. package/types/examples/plasma_web/components/Cell/Cell.d.ts +2 -2
  528. package/types/examples/plasma_web/components/Mask/Mask.d.ts +0 -236
  529. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  530. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +0 -3
  531. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
  532. package/types/examples/plasma_web/components/TextField/TextField.d.ts +0 -123
  533. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  534. package/types/index.d.ts +1 -0
  535. package/types/index.d.ts.map +1 -1
  536. package/cjs/components/TextField/variations/_clear/base.js.map +0 -1
  537. package/cjs/components/TextField/variations/_clear/base_1v36fe3.css +0 -1
  538. package/cjs/components/TextField/variations/_disabled/base_2tv0nz.css +0 -1
  539. package/cjs/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
  540. package/cjs/components/TextField/variations/_read-only/base_kcc8wi.css +0 -1
  541. package/emotion/cjs/components/TextField/variations/_clear/base.js +0 -10
  542. package/emotion/cjs/components/TextField/variations/_clear/tokens.json +0 -10
  543. package/emotion/es/components/TextField/variations/_clear/base.js +0 -4
  544. package/emotion/es/components/TextField/variations/_clear/tokens.json +0 -10
  545. package/es/components/TextField/variations/_clear/base.js.map +0 -1
  546. package/es/components/TextField/variations/_clear/base_1v36fe3.css +0 -1
  547. package/es/components/TextField/variations/_disabled/base_2tv0nz.css +0 -1
  548. package/es/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
  549. package/es/components/TextField/variations/_read-only/base_kcc8wi.css +0 -1
  550. package/styled-components/cjs/components/TextField/variations/_clear/base.js +0 -10
  551. package/styled-components/cjs/components/TextField/variations/_clear/tokens.json +0 -10
  552. package/styled-components/es/components/TextField/variations/_clear/base.js +0 -4
  553. package/styled-components/es/components/TextField/variations/_clear/tokens.json +0 -10
  554. package/types/components/TextField/variations/_clear/base.d.ts.map +0 -1
  555. /package/types/components/{TextField/variations/_clear → Attach/variations/_size}/base.d.ts +0 -0
@@ -0,0 +1,46 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React, { forwardRef } from 'react';
3
+ import { StyledIconButton } from '../../ui/IconButton/IconButton.styles.js';
4
+ import { StyledButton } from '../../ui/Button/Button.styles.js';
5
+ import '@linaria/react';
6
+ import { IconPlus } from '../../../_Icon/Icons/IconPlus.js';
7
+
8
+ var _excluded = ["size", "icon"],
9
+ _excluded2 = ["text"];
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
+ 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
+ });
44
+
45
+ export { AttachButton };
46
+ //# sourceMappingURL=AttachButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AttachButton.js","sources":["../../../../../src/components/Attach/components/AttachButton/AttachButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { AttachButtonProps } from '../../Attach.types';\nimport { StyledIconButton } from '../../ui/IconButton/IconButton';\nimport { StyledButton } from '../../ui/Button/Button';\nimport { IconPlus } from '../../../_Icon';\n\nconst getDefaultIcon = (size?: string) => {\n let iconSize: 'xs' | 's' | 'm';\n switch (size) {\n case 'xs':\n iconSize = 'xs';\n break;\n case 's':\n iconSize = 's';\n break;\n default:\n iconSize = 'm';\n }\n return <IconPlus size={iconSize} color=\"inherit\" />;\n};\n\nexport const AttachButton = forwardRef<HTMLButtonElement, AttachButtonProps>((props, ref) => {\n if (props.buttonType === 'iconButton') {\n const { size, icon, ...rest } = props;\n\n return (\n <StyledIconButton ref={ref} {...rest}>\n {icon || getDefaultIcon(size)}\n </StyledIconButton>\n );\n }\n\n const { text = 'Загрузить файл', ...rest } = props;\n return <StyledButton ref={ref} text={text} {...rest} />;\n});\n"],"names":["getDefaultIcon","size","iconSize","React","createElement","IconPlus","color","AttachButton","forwardRef","props","ref","buttonType","icon","rest","_objectWithoutProperties","_excluded","StyledIconButton","_extends","_props$text","text","_excluded2","StyledButton"],"mappings":";;;;;;;;;AAOA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAa,EAAK;AACtC,EAAA,IAAIC,QAA0B,CAAA;AAC9B,EAAA,QAAQD,IAAI;AACR,IAAA,KAAK,IAAI;AACLC,MAAAA,QAAQ,GAAG,IAAI,CAAA;AACf,MAAA,MAAA;AACJ,IAAA,KAAK,GAAG;AACJA,MAAAA,QAAQ,GAAG,GAAG,CAAA;AACd,MAAA,MAAA;AACJ,IAAA;AACIA,MAAAA,QAAQ,GAAG,GAAG,CAAA;AACtB,GAAA;AACA,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACJ,IAAAA,IAAI,EAAEC,QAAS;AAACI,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAEM,IAAMC,YAAY,gBAAGC,UAAU,CAAuC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzF,EAAA,IAAID,KAAK,CAACE,UAAU,KAAK,YAAY,EAAE;AACnC,IAAA,IAAQV,IAAI,GAAoBQ,KAAK,CAA7BR,IAAI;MAAEW,IAAI,GAAcH,KAAK,CAAvBG,IAAI;AAAKC,MAAAA,KAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;AAErC,IAAA,oBACIZ,KAAA,CAAAC,aAAA,CAACY,gBAAgB,EAAAC,QAAA,CAAA;AAACP,MAAAA,GAAG,EAAEA,GAAAA;KAASG,EAAAA,KAAI,GAC/BD,IAAI,IAAIZ,cAAc,CAACC,IAAI,CACd,CAAC,CAAA;AAE3B,GAAA;AAEA,EAAA,IAAAiB,WAAA,GAA6CT,KAAK,CAA1CU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,gBAAgB,GAAAA,WAAA;AAAKL,IAAAA,IAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAW,UAAA,CAAA,CAAA;AAClD,EAAA,oBAAOjB,KAAA,CAAAC,aAAA,CAACiB,YAAY,EAAAJ,QAAA,CAAA;AAACP,IAAAA,GAAG,EAAEA,GAAI;AAACS,IAAAA,IAAI,EAAEA,IAAAA;GAAUN,EAAAA,IAAI,CAAG,CAAC,CAAA;AAC3D,CAAC;;;;"}
@@ -0,0 +1,19 @@
1
+ import './Button.styles_bj69th.css';
2
+ import { styled } from '@linaria/react';
3
+ import '@linaria/core';
4
+ import { component, mergeConfig } from '../../../../engines/common.js';
5
+ import { buttonConfig } from '../../../Button/Button.js';
6
+
7
+ var mergedConfig = /*#__PURE__*/mergeConfig(buttonConfig);
8
+ var Button = /*#__PURE__*/component(mergedConfig);
9
+ var _exp = function _exp() {
10
+ return Button;
11
+ };
12
+ var StyledButton = /*#__PURE__*/styled(_exp())({
13
+ name: "StyledButton",
14
+ "class": "sfplb1t",
15
+ propsAsIs: true
16
+ });
17
+
18
+ export { StyledButton };
19
+ //# sourceMappingURL=Button.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.styles.js","sources":["../../../../../src/components/Attach/ui/Button/Button.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../Button';\nimport { tokens as attachTokens } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedConfig);\n\nexport const StyledButton = styled(Button)`\n ${buttonTokens.buttonColor}: var(${attachTokens.buttonColor});\n ${buttonTokens.buttonValueColor}: var(${attachTokens.buttonValueColor});\n ${buttonTokens.buttonBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(${attachTokens.buttonColorHover});\n ${buttonTokens.buttonBackgroundColorHover}: var(${attachTokens.buttonBackgroundColorHover});\n ${buttonTokens.buttonColorActive}: var(${attachTokens.buttonColorActive});\n ${buttonTokens.buttonBackgroundColorActive}: var(${attachTokens.buttonBackgroundColorActive});\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonLoadingBackgroundColor});\n\n ${buttonTokens.buttonScaleHover}: var(${attachTokens.buttonScaleHover});\n ${buttonTokens.buttonScaleActive}: var(${attachTokens.buttonScaleActive});\n ${buttonTokens.buttonHeight}: var(${attachTokens.buttonHeight});\n ${buttonTokens.buttonWidth}: var(${attachTokens.buttonWidth});\n ${buttonTokens.buttonPadding}: var(${attachTokens.buttonPadding});\n ${buttonTokens.buttonRadius}: var(${attachTokens.buttonRadius});\n ${buttonTokens.buttonRadiusCircle}: var(${attachTokens.buttonRadiusCircle});\n\n ${buttonTokens.buttonFontFamily}: var(${attachTokens.buttonFontFamily});\n ${buttonTokens.buttonFontSize}: var(${attachTokens.buttonFontSize});\n ${buttonTokens.buttonFontStyle}: var(${attachTokens.buttonFontStyle});\n ${buttonTokens.buttonFontWeight}: var(${attachTokens.buttonFontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${attachTokens.buttonLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${attachTokens.buttonLineHeight});\n\n ${buttonTokens.buttonLeftContentMargin}: var(${attachTokens.buttonLeftContentMargin});\n ${buttonTokens.buttonLeftContentAlignSelf}: var(${attachTokens.buttonLeftContentAlignSelf});\n ${buttonTokens.buttonRightContentMargin}: var(${attachTokens.buttonRightContentMargin});\n ${buttonTokens.buttonRightContentAlignSelf}: var(${attachTokens.buttonRightContentAlignSelf});\n ${buttonTokens.buttonValueMargin}: var(${attachTokens.buttonValueMargin});\n\n ${buttonTokens.buttonDisabledOpacity}: var(${attachTokens.buttonDisabledOpacity});\n ${buttonTokens.buttonFocusColor}: var(${attachTokens.buttonFocusColor});\n\n ${buttonTokens.buttonSpinnerColor}: var(${attachTokens.buttonSpinnerColor});\n ${buttonTokens.buttonSpinnerSize}: var(${attachTokens.buttonSpinnerSize});\n`;\n"],"names":["mergedConfig","mergeConfig","buttonConfig","Button","component","_exp","StyledButton","styled","name","class","propsAsIs"],"mappings":";;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AAC9C,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANrBA,SAMqBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,MAAM,CAAA;AAAA,CAAA,CAAA;AAAlC,IAAMG,YAAY,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAoCjC;;;;"}
@@ -0,0 +1 @@
1
+ .sfplb1t{--plasma-button-color:var(--plasma-attach-button-color);--plasma-button-value-color:var(--plasma-attach-button-value-color);--plasma-button-background-color:var(--plasma-attach-button-background-color);--plasma-button-color-hover:var(--plasma-attach-button-color-hover);--plasma-button-background-color-hover:var(--plasma-attach-button-background-color-hover);--plasma-button-color-active:var(--plasma-attach-button-color-active);--plasma-button-background-color-active:var(--plasma-attach-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-attach-button-loading-background-color);--plasma-button-scale-hover:var(--plasma-attach-button-scale-hover);---plasma-button-scale-active:var(---plasma-attach-button-scale-active);--plasma-button-height:var(--plasma-attach-button-height);--plasma-button-width:var(--plasma-attach-button-width);--plasma-button-padding:var(--plasma-attach-button-padding);--plasma-button-radius:var(--plasma-attach-button-radius);--plasma-button-radius-circle:var(--plasma-attach-button-radius-circle);--plasma-button-font-family:var(--plasma-attach-button-font-family);--plasma-button-font-size:var(--plasma-attach-button-font-size);--plasma-button-font-style:var(--plasma-attach-button-font-style);--plasma-button-font-weight:var(--plasma-attach-button-font-weight);--plasma-button-letter-spacing:var(--plasma-attach-button-letter-spacing);--plasma-button-line-height:var(--plasma-attach-button-line-height);--plasma-button-left-content-margin:var(--plasma-attach-button-left-content-margin);--plasma-button-left-content-align-self:var(--plasma-attach-button-left-content-align-self);--plasma-button-right-content-margin:var(--plasma-attach-button-right-content-margin);--plasma-button-right-content-align-self:var(--plasma-attach-button-right-content-align-self);--plasma-button-value-margin:var(--plasma-attach-button-value-margin);--plasma-button-disabled-opacity:var(--plasma-attach-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-attach-button-focus-color);--plasma-button-spinner-color:var(--plasma-attach-button-spinner-color);--plasma-button-spinner-size:var(--plasma-attach-button-spinner-size);}
@@ -0,0 +1,21 @@
1
+ import './Cell.styles_69w962.css';
2
+ import { styled } from '@linaria/react';
3
+ import '@linaria/core';
4
+ import { component, mergeConfig } from '../../../../engines/common.js';
5
+ import 'react';
6
+ import 'styled-components';
7
+ import { cellConfig } from '../../../Cell/Cell.js';
8
+
9
+ var mergedConfig = /*#__PURE__*/mergeConfig(cellConfig);
10
+ var Cell = /*#__PURE__*/component(mergedConfig);
11
+ var _exp = function _exp() {
12
+ return Cell;
13
+ };
14
+ var StyledCell = /*#__PURE__*/styled(_exp())({
15
+ name: "StyledCell",
16
+ "class": "si1k6gv",
17
+ propsAsIs: true
18
+ });
19
+
20
+ export { StyledCell };
21
+ //# sourceMappingURL=Cell.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Cell.styles.js","sources":["../../../../../src/components/Attach/ui/Cell/Cell.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { tokens as attachTokens, classes } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedConfig);\n\nexport const StyledCell = styled(Cell)`\n ${cellTokens.cellLabelColor}: var(${attachTokens.cellLabelColor});\n ${cellTokens.cellTitleColor}: var(${attachTokens.cellTitleColor});\n ${cellTokens.cellSubtitleColor}: var(${attachTokens.cellSubtitleColor});\n ${cellTokens.cellBackgroundColor}: var(${attachTokens.cellBackgroundColor});\n\n ${cellTokens.cellWidth}: var(${attachTokens.cellWidth});\n ${cellTokens.cellPadding}: var(${attachTokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${attachTokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${attachTokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${attachTokens.cellPaddingRightContent});\n\n ${cellTokens.cellTextboxGap}: var(${attachTokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${attachTokens.cellGap});\n\n ${cellTokens.cellLabelFontFamily}: var(${attachTokens.cellLabelFontFamily});\n ${cellTokens.cellLabelFontSize}: var(${attachTokens.cellLabelFontSize});\n ${cellTokens.cellLabelFontStyle}: var(${attachTokens.cellLabelFontStyle});\n ${cellTokens.cellLabelFontWeight}: var(${attachTokens.cellLabelFontWeight});\n ${cellTokens.cellLabelLetterSpacing}: var(${attachTokens.cellLabelLetterSpacing});\n ${cellTokens.cellLabelLineHeight}: var(${attachTokens.cellLabelLineHeight});\n\n ${cellTokens.cellTitleFontFamily}: var(${attachTokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${attachTokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${attachTokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${attachTokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${attachTokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${attachTokens.cellTitleLineHeight});\n\n ${cellTokens.cellSubtitleFontFamily}: var(${attachTokens.cellSubtitleFontFamily});\n ${cellTokens.cellSubtitleFontSize}: var(${attachTokens.cellSubtitleFontSize});\n ${cellTokens.cellSubtitleFontStyle}: var(${attachTokens.cellSubtitleFontStyle});\n ${cellTokens.cellSubtitleFontWeight}: var(${attachTokens.cellSubtitleFontWeight});\n ${cellTokens.cellSubtitleLetterSpacing}: var(${attachTokens.cellSubtitleLetterSpacing});\n ${cellTokens.cellSubtitleLineHeight}: var(${attachTokens.cellSubtitleLineHeight});\n\n white-space: nowrap;\n\n &.${classes.cellHidden} {\n visibility: hidden;\n }\n`;\n"],"names":["mergedConfig","mergeConfig","cellConfig","Cell","component","_exp","StyledCell","styled","name","class","propsAsIs"],"mappings":";;;;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANnBA,SAMmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAyC/B;;;;"}
@@ -0,0 +1 @@
1
+ .si1k6gv{--plasma-cell-label-color:var(--plasma-attach-cell-label-color);--plasma-cell-title-color:var(--plasma-attach-cell-title-color);--plasma-cell-subtitle-color:var(--plasma-attach-cell-subtitle-color);--plasma-cell-background-color:var(--plasma-attach-cell-background-color);--plasma-cell-width:var(--plasma-attach-cell-width);--plasma-cell-padding:var(--plasma-attach-cell-padding);--plasma-cell-padding-left-content:var(--plasma-attach-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-attach-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-attach-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-attach-cell-textbox-gap);--plasma-cell-gap:var(--plasma-attach-cell-gap);--plasma-cell-label-font-family:var(--plasma-attach-cell-label-font-family);--plasma-cell-label-font-size:var(--plasma-attach-cell-label-font-size);--plasma-cell-label-font-style:var(--plasma-attach-cell-label-font-style);--plasma-cell-label-font-weight:var(--plasma-attach-cell-label-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-attach-cell-label-letter-spacing);--plasma-cell-label-line-height:var(--plasma-attach-cell-label-line-height);--plasma-cell-title-font-family:var(--plasma-attach-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-attach-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-attach-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-attach-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-attach-cell-title-line-height);--plasma-cell-subtitle-font-family:var(--plasma-attach-cell-subtitle-font-family);--plasma-cell-subtitle-font-size:var(--plasma-attach-cell-subtitle-font-size);--plasma-cell-subtitle-font-style:var(--plasma-attach-cell-subtitle-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-attach-cell-subtitle-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-attach-cell-subtitle-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-attach-cell-subtitle-line-height);white-space:nowrap;}.si1k6gv.cell-hidden{visibility:hidden;}
@@ -0,0 +1,27 @@
1
+ import './IconButton.styles_1q2jfs2.css';
2
+ import { styled } from '@linaria/react';
3
+ import '@linaria/core';
4
+ import { component, mergeConfig } from '../../../../engines/common.js';
5
+ import { iconButtonConfig } from '../../../IconButton/IconButton.js';
6
+
7
+ var mergedConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
8
+ var IconButton = /*#__PURE__*/component(mergedConfig);
9
+ var _exp = function _exp() {
10
+ return IconButton;
11
+ };
12
+ var StyledIconButton = /*#__PURE__*/styled(_exp())({
13
+ name: "StyledIconButton",
14
+ "class": "s15ptif0",
15
+ propsAsIs: true
16
+ });
17
+ var _exp50 = function _exp50() {
18
+ return IconButton;
19
+ };
20
+ var StyledIconButtonCancel = /*#__PURE__*/styled(_exp50())({
21
+ name: "StyledIconButtonCancel",
22
+ "class": "shuaj1a",
23
+ propsAsIs: true
24
+ });
25
+
26
+ export { StyledIconButton, StyledIconButtonCancel };
27
+ //# sourceMappingURL=IconButton.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconButton.styles.js","sources":["../../../../../src/components/Attach/ui/IconButton/IconButton.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { tokens as attachTokens } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedConfig);\n\nexport const StyledIconButton = styled(IconButton)`\n ${iconButtonTokens.iconButtonColor}: var(${attachTokens.iconButtonColor});\n ${iconButtonTokens.iconButtonBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonLoadingBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(${attachTokens.iconButtonColorHover});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${attachTokens.iconButtonBackgroundColorHover});\n ${iconButtonTokens.iconButtonColorActive}: var(${attachTokens.iconButtonColorActive});\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${attachTokens.iconButtonBackgroundColorActive});\n\n ${iconButtonTokens.iconButtonScaleHover}: var(${attachTokens.iconButtonScaleHover});\n ${iconButtonTokens.iconButtonScaleActive}: var(${attachTokens.iconButtonScaleActive});\n ${iconButtonTokens.iconButtonHeight}: var(${attachTokens.iconButtonHeight});\n ${iconButtonTokens.iconButtonWidth}: var(${attachTokens.iconButtonWidth});\n ${iconButtonTokens.iconButtonPadding}: var(${attachTokens.iconButtonPadding});\n ${iconButtonTokens.iconButtonRadius}: var(${attachTokens.iconButtonRadius});\n ${iconButtonTokens.iconButtonRadiusCircle}: var(${attachTokens.iconButtonRadiusCircle});\n\n ${iconButtonTokens.iconButtonFontFamily}: var(${attachTokens.iconButtonFontFamily});\n ${iconButtonTokens.iconButtonFontSize}: var(${attachTokens.iconButtonFontSize});\n ${iconButtonTokens.iconButtonFontStyle}: var(${attachTokens.iconButtonFontStyle});\n ${iconButtonTokens.iconButtonFontWeight}: var(${attachTokens.iconButtonFontWeight});\n ${iconButtonTokens.iconButtonLetterSpacing}: var(${attachTokens.iconButtonLetterSpacing});\n ${iconButtonTokens.iconButtonLineHeight}: var(${attachTokens.iconButtonLineHeight});\n\n ${iconButtonTokens.iconButtonDisabledOpacity}: var(${attachTokens.iconButtonDisabledOpacity});\n ${iconButtonTokens.iconButtonFocusColor}: var(${attachTokens.iconButtonFocusColor});\n ${iconButtonTokens.iconButtonSpinnerColor}: var(${attachTokens.iconButtonSpinnerColor});\n ${iconButtonTokens.iconButtonSpinnerSize}: var(${attachTokens.iconButtonSpinnerSize});\n\n flex-shrink: 0;\n`;\n\nexport const StyledIconButtonCancel = styled(IconButton)`\n ${iconButtonTokens.iconButtonColor}: var(${attachTokens.iconButtonCancelColor});\n ${iconButtonTokens.iconButtonBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelLoadingBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(${attachTokens.iconButtonCancelColorHover});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${attachTokens.iconButtonCancelBackgroundColorHover});\n ${iconButtonTokens.iconButtonColorActive}: var(${attachTokens.iconButtonCancelColorActive});\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${attachTokens.iconButtonCancelBackgroundColorActive});\n\n ${iconButtonTokens.iconButtonScaleHover}: var(${attachTokens.iconButtonCancelScaleHover});\n ${iconButtonTokens.iconButtonScaleActive}: var(${attachTokens.iconButtonCancelScaleActive});\n ${iconButtonTokens.iconButtonHeight}: var(${attachTokens.iconButtonCancelHeight});\n ${iconButtonTokens.iconButtonWidth}: var(${attachTokens.iconButtonCancelWidth});\n ${iconButtonTokens.iconButtonPadding}: var(${attachTokens.iconButtonCancelPadding});\n ${iconButtonTokens.iconButtonRadius}: var(${attachTokens.iconButtonCancelRadius});\n ${iconButtonTokens.iconButtonRadiusCircle}: var(${attachTokens.iconButtonCancelRadiusCircle});\n\n ${iconButtonTokens.iconButtonFontFamily}: var(${attachTokens.iconButtonCancelFontFamily});\n ${iconButtonTokens.iconButtonFontSize}: var(${attachTokens.iconButtonCancelFontSize});\n ${iconButtonTokens.iconButtonFontStyle}: var(${attachTokens.iconButtonCancelFontStyle});\n ${iconButtonTokens.iconButtonFontWeight}: var(${attachTokens.iconButtonCancelFontWeight});\n ${iconButtonTokens.iconButtonLetterSpacing}: var(${attachTokens.iconButtonCancelLetterSpacing});\n ${iconButtonTokens.iconButtonLineHeight}: var(${attachTokens.iconButtonCancelLineHeight});\n\n ${iconButtonTokens.iconButtonDisabledOpacity}: var(${attachTokens.iconButtonCancelDisabledOpacity});\n ${iconButtonTokens.iconButtonFocusColor}: var(${attachTokens.iconButtonCancelFocusColor});\n ${iconButtonTokens.iconButtonSpinnerColor}: var(${attachTokens.iconButtonCancelSpinnerColor});\n ${iconButtonTokens.iconButtonSpinnerSize}: var(${attachTokens.iconButtonCancelSpinnerSize});\n`;\n"],"names":["mergedConfig","mergeConfig","iconButtonConfig","IconButton","component","_exp","StyledIconButton","styled","name","class","propsAsIs","_exp50","StyledIconButtonCancel"],"mappings":";;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,gBAAgB,CAAC,CAAA;AAClD,IAAMC,UAAU,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANzBA,SAMyBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,UAAU,CAAA;AAAA,CAAA,CAAA;AAA1C,IAAMG,gBAAgB,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA8BrC,EAAA;AAAC,IAAAC,MAAA,GAtCgBA,SAsChBA,MAAAA,GAAA;AAAA,EAAA,OAE2CR,UAAU,CAAA;AAAA,CAAA,CAAA;AAAhD,IAAMS,sBAAsB,gBAAGL,MAAM,CAAAI,MAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA4B3C;;;;"}
@@ -0,0 +1,2 @@
1
+ .s15ptif0{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
2
+ .shuaj1a{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
@@ -0,0 +1,6 @@
1
+ var extractExtension = function extractExtension(filename) {
2
+ return filename.split('.').pop();
3
+ };
4
+
5
+ export { extractExtension };
6
+ //# sourceMappingURL=extractExtension.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"extractExtension.js","sources":["../../../../src/components/Attach/utils/extractExtension.ts"],"sourcesContent":["export const extractExtension = (filename: string) => filename.split('.').pop();\n"],"names":["extractExtension","filename","split","pop"],"mappings":"IAAaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,QAAgB,EAAA;EAAA,OAAKA,QAAQ,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,EAAE,CAAA;AAAA;;;;"}
@@ -0,0 +1,47 @@
1
+ import React from 'react';
2
+ import '@linaria/react';
3
+ import { IconBlankCsvOutline } from '../../_Icon/Icons/IconBlankCsvOutline.js';
4
+ import { IconBlankDocOutline } from '../../_Icon/Icons/IconBlankDocOutline.js';
5
+ import { IconBlankOutline } from '../../_Icon/Icons/IconBlankOutline.js';
6
+ import { IconBlankPdfOutline } from '../../_Icon/Icons/IconBlankPdfOutline.js';
7
+ import { IconBlankTxtOutline } from '../../_Icon/Icons/IconBlankTxtOutline.js';
8
+ import { IconBlankXlsOutline } from '../../_Icon/Icons/IconBlankXlsOutline.js';
9
+
10
+ var getFileicon = function getFileicon(extension, size) {
11
+ var iconSize = size === 'xs' ? 'xs' : 's';
12
+ switch (extension) {
13
+ case 'pdf':
14
+ return /*#__PURE__*/React.createElement(IconBlankPdfOutline, {
15
+ size: iconSize,
16
+ color: "inherit"
17
+ });
18
+ case 'doc':
19
+ return /*#__PURE__*/React.createElement(IconBlankDocOutline, {
20
+ size: iconSize,
21
+ color: "inherit"
22
+ });
23
+ case 'xls':
24
+ return /*#__PURE__*/React.createElement(IconBlankXlsOutline, {
25
+ size: iconSize,
26
+ color: "inherit"
27
+ });
28
+ case 'txt':
29
+ return /*#__PURE__*/React.createElement(IconBlankTxtOutline, {
30
+ size: iconSize,
31
+ color: "inherit"
32
+ });
33
+ case 'csv':
34
+ return /*#__PURE__*/React.createElement(IconBlankCsvOutline, {
35
+ size: iconSize,
36
+ color: "inherit"
37
+ });
38
+ default:
39
+ return /*#__PURE__*/React.createElement(IconBlankOutline, {
40
+ size: iconSize,
41
+ color: "inherit"
42
+ });
43
+ }
44
+ };
45
+
46
+ export { getFileicon };
47
+ //# sourceMappingURL=getFileicon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getFileicon.js","sources":["../../../../src/components/Attach/utils/getFileicon.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n IconBlankCsvOutline,\n IconBlankDocOutline,\n IconBlankOutline,\n IconBlankPdfOutline,\n IconBlankTxtOutline,\n IconBlankXlsOutline,\n} from '../../_Icon';\n\nexport const getFileicon = (extension?: string, size?: string) => {\n const iconSize = size === 'xs' ? 'xs' : 's';\n\n switch (extension) {\n case 'pdf':\n return <IconBlankPdfOutline size={iconSize} color=\"inherit\" />;\n case 'doc':\n return <IconBlankDocOutline size={iconSize} color=\"inherit\" />;\n case 'xls':\n return <IconBlankXlsOutline size={iconSize} color=\"inherit\" />;\n case 'txt':\n return <IconBlankTxtOutline size={iconSize} color=\"inherit\" />;\n case 'csv':\n return <IconBlankCsvOutline size={iconSize} color=\"inherit\" />;\n default:\n return <IconBlankOutline size={iconSize} color=\"inherit\" />;\n }\n};\n"],"names":["getFileicon","extension","size","iconSize","React","createElement","IconBlankPdfOutline","color","IconBlankDocOutline","IconBlankXlsOutline","IconBlankTxtOutline","IconBlankCsvOutline","IconBlankOutline"],"mappings":";;;;;;;;;AAWO,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,SAAkB,EAAEC,IAAa,EAAK;EAC9D,IAAMC,QAAQ,GAAGD,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;AAE3C,EAAA,QAAQD,SAAS;AACb,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAA;AAACJ,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACG,mBAAmB,EAAA;AAACN,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACI,mBAAmB,EAAA;AAACP,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACK,mBAAmB,EAAA;AAACR,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACM,mBAAmB,EAAA;AAACT,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA;AACI,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACO,gBAAgB,EAAA;AAACV,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AACnE,GAAA;AACJ;;;;"}
@@ -0,0 +1,20 @@
1
+ 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
+ };
18
+
19
+ export { truncateFilename };
20
+ //# sourceMappingURL=truncateFilename.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"truncateFilename.js","sources":["../../../../src/components/Attach/utils/truncateFilename.ts"],"sourcesContent":["export const truncateFilename = ({\n filename,\n startNameTruncationIndex,\n separator = '...',\n minNameLength = 5,\n}: {\n filename: string;\n startNameTruncationIndex: number;\n separator?: string;\n minNameLength?: number;\n}) => {\n const strings = filename.split('.');\n const extension = strings.length > 1 ? strings[strings.length - 1] : null;\n const name = strings.length > 1 ? strings.slice(0, -1).join('.') : strings[0];\n\n if (name.length <= minNameLength || startNameTruncationIndex >= name.length - 1) {\n return filename;\n }\n\n const lastNameLetter = name[name.length - 1];\n const truncatedName = `${name.substring(0, startNameTruncationIndex)}${separator}${lastNameLetter}`;\n\n return extension ? `${truncatedName}.${extension}` : truncatedName;\n};\n"],"names":["truncateFilename","_ref","filename","startNameTruncationIndex","_ref$separator","separator","_ref$minNameLength","minNameLength","strings","split","extension","length","name","slice","join","lastNameLetter","truncatedName","concat","substring"],"mappings":"IAAaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAUvB;AAAA,EAAA,IATFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,wBAAwB,GAAAF,IAAA,CAAxBE,wBAAwB;IAAAC,cAAA,GAAAH,IAAA,CACxBI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;IAAAE,kBAAA,GAAAL,IAAA,CACjBM,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,kBAAA,CAAA;AAOjB,EAAA,IAAME,OAAO,GAAGN,QAAQ,CAACO,KAAK,CAAC,GAAG,CAAC,CAAA;AACnC,EAAA,IAAMC,SAAS,GAAGF,OAAO,CAACG,MAAM,GAAG,CAAC,GAAGH,OAAO,CAACA,OAAO,CAACG,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,CAAA;EACzE,IAAMC,IAAI,GAAGJ,OAAO,CAACG,MAAM,GAAG,CAAC,GAAGH,OAAO,CAACK,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,GAAGN,OAAO,CAAC,CAAC,CAAC,CAAA;AAE7E,EAAA,IAAII,IAAI,CAACD,MAAM,IAAIJ,aAAa,IAAIJ,wBAAwB,IAAIS,IAAI,CAACD,MAAM,GAAG,CAAC,EAAE;AAC7E,IAAA,OAAOT,QAAQ,CAAA;AACnB,GAAA;EAEA,IAAMa,cAAc,GAAGH,IAAI,CAACA,IAAI,CAACD,MAAM,GAAG,CAAC,CAAC,CAAA;EAC5C,IAAMK,aAAa,MAAAC,MAAA,CAAML,IAAI,CAACM,SAAS,CAAC,CAAC,EAAEf,wBAAwB,CAAC,CAAA,CAAAc,MAAA,CAAGZ,SAAS,EAAAY,MAAA,CAAGF,cAAc,CAAE,CAAA;EAEnG,OAAOL,SAAS,GAAAO,EAAAA,CAAAA,MAAA,CAAMD,aAAa,OAAAC,MAAA,CAAIP,SAAS,CAAA,GAAKM,aAAa,CAAA;AACtE;;;;"}
@@ -1,5 +1,5 @@
1
- import './base_1v36fe3.css';
2
- var base = "bg547ku";
1
+ import './base_eax0b8.css';
2
+ var base = "b1pj1390";
3
3
 
4
4
  export { base };
5
5
  //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Attach/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../Attach.tokens';\n\nexport const base = css`\n &.${classes.horizontal} {\n column-gap: var(${tokens.horizontalGap});\n }\n\n &.${classes.vertical} {\n row-gap: var(${tokens.verticalGap});\n }\n\n &.${classes.auto} {\n row-gap: var(${tokens.verticalGap});\n column-gap: var(${tokens.horizontalGap});\n }\n}\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAchB;;;;"}
@@ -0,0 +1 @@
1
+ .b1pj1390.horizontal{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.b1pj1390.vertical{row-gap:var(--plasma-attach-vertical-gap);}.b1pj1390.auto{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}
@@ -0,0 +1,5 @@
1
+ import './base_1nvsg1b.css';
2
+ var base = "b438e2d";
3
+
4
+ export { base };
5
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Attach/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from '../../Attach.tokens';\n\nexport const base = css`\n &.${classes.horizontal} {\n flex-direction: row;\n }\n\n &.${classes.vertical} {\n flex-direction: column;\n }\n\n &.${classes.auto} {\n flex-wrap: wrap;\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAYhB;;;;"}
@@ -0,0 +1 @@
1
+ .b438e2d.horizontal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.b438e2d.vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.b438e2d.auto{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
@@ -2,29 +2,27 @@
2
2
 
3
3
  .base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_i19ry60d__dc105684{color:var(--plasma-textfield__placeholder-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_io4bpie__dc105684{color:var(--plasma-textfield-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_l1gjsnfi__dc105684{color:var(--plasma-textfield__left-helper-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_ssv2kwg__dc105684{color:var(--plasma-textfield__before-text-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_s190z894__dc105684{color:var(--plasma-textfield__after-text-color);}
4
4
 
5
- .base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1[readonly] .base_1v36fe3_iq39zt5__73112de1,.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_iq39zt5__73112de1{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1[readonly] .base_1v36fe3_iq39zt5__73112de1:hover,.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_iq39zt5__73112de1:hover{background-color:unset;}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_s600610__73112de1{margin-left:0;}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_suk2zst__73112de1{margin-right:0;}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_i19ry60d__73112de1{color:var(--plasma-textfield__clear-placeholder-color);}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1.base_1v36fe3_labelPlacementOuter__73112de1 .base_1v36fe3_lbt1ohz__73112de1{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_io4bpie__73112de1{color:var(--plasma-textfield-clear-color);}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1.base_1v36fe3_hasDivider__73112de1 .base_1v36fe3_iq39zt5__73112de1{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1.base_1v36fe3_hasDivider__73112de1 .base_1v36fe3_iq39zt5__73112de1:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1.base_1v36fe3_hasDivider__73112de1:not([readonly]) .base_1v36fe3_iq39zt5__73112de1:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1.base_1v36fe3_hasDivider__73112de1:not([readonly]) .base_1v36fe3_iq39zt5__73112de1:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}
5
+ .base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
6
6
 
7
- .base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
7
+ .base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_iq39zt5__90d753aa{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_iq39zt5__90d753aa:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_i19ry60d__90d753aa{color:var(--plasma-textfield__placeholder-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_io4bpie__90d753aa{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_l1gjsnfi__90d753aa{color:var(--plasma-textfield__left-helper-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_lbt1ohz__90d753aa{color:var(--plasma-textfield__label-color-readonly);}
8
8
 
9
- .base_kcc8wi_b1w985rt__2a60edf5[readonly] .base_kcc8wi_iq39zt5__2a60edf5{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_kcc8wi_b1w985rt__2a60edf5[readonly].base_kcc8wi_hasDivider__2a60edf5 .base_kcc8wi_iq39zt5__2a60edf5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_kcc8wi_b1w985rt__2a60edf5[readonly] .base_kcc8wi_iq39zt5__2a60edf5:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_kcc8wi_b1w985rt__2a60edf5[readonly] .base_kcc8wi_i19ry60d__2a60edf5{color:var(--plasma-textfield__placeholder-color-readonly);}.base_kcc8wi_b1w985rt__2a60edf5[readonly] .base_kcc8wi_io4bpie__2a60edf5{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_kcc8wi_b1w985rt__2a60edf5[readonly] .base_kcc8wi_l1gjsnfi__2a60edf5{color:var(--plasma-textfield__left-helper-color-readonly);}.base_kcc8wi_b1w985rt__2a60edf5[readonly].base_kcc8wi_labelPlacementOuter__2a60edf5 .base_kcc8wi_lbt1ohz__2a60edf5{color:var(--plasma-textfield__label-color-readonly);}
9
+ .base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementOuter__2804036a .base_6k17xp_lbt1ohz__2804036a{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_i13qvwoy__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_s190z894__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_ssv2kwg__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a:focus ~ .base_6k17xp_lbt1ohz__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a.base_6k17xp_hasValue__2804036a ~ .base_6k17xp_lbt1ohz__2804036a{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_lbt1ohz__2804036a{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
10
10
 
11
- .base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementOuter__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_i13qvwoy__7775bbdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_s190z894__7775bbdc,.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_ssv2kwg__7775bbdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_io4bpie__7775bbdc:focus ~ .base_1ghihns_lbt1ohz__7775bbdc,.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_io4bpie__7775bbdc.base_1ghihns_hasValue__7775bbdc ~ .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc.base_1ghihns_textfieldClear__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__clear-placeholder-color);}
11
+ .TextField_styles_uponva_iq39zt5__bdbe6f89{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
12
+ .TextField_styles_uponva_i1j28rg8__bdbe6f89{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_uponva_i1j28rg8__bdbe6f89::-webkit-scrollbar{display:none;}.TextField_styles_uponva_i1j28rg8__bdbe6f89.TextField_styles_uponva_hasChips__bdbe6f89{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
13
+ .TextField_styles_uponva_s13zudoe__bdbe6f89{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
14
+ .TextField_styles_uponva_io4bpie__bdbe6f89{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_uponva_io4bpie__bdbe6f89::-webkit-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::-moz-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89:-ms-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::placeholder{opacity:0;}
15
+ .TextField_styles_uponva_i13qvwoy__bdbe6f89{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
16
+ .TextField_styles_uponva_i19ry60d__bdbe6f89{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
17
+ .TextField_styles_uponva_lbt1ohz__bdbe6f89{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
18
+ .TextField_styles_uponva_slv9av6__bdbe6f89{color:var(--plasma-textfield-content-slot-color);line-height:0;}
19
+ .TextField_styles_uponva_s600610__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__left-content-margin);}
20
+ .TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
12
21
 
13
- .TextField_styles_1d2ryq_iq39zt5__7c8f1496{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
14
- .TextField_styles_1d2ryq_i1j28rg8__7c8f1496{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1d2ryq_i1j28rg8__7c8f1496::-webkit-scrollbar{display:none;}.TextField_styles_1d2ryq_i1j28rg8__7c8f1496.TextField_styles_1d2ryq_hasChips__7c8f1496{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
15
- .TextField_styles_1d2ryq_s13zudoe__7c8f1496{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
16
- .TextField_styles_1d2ryq_io4bpie__7c8f1496{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::-webkit-input-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::-moz-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496:-ms-input-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::placeholder{opacity:0;}
17
- .TextField_styles_1d2ryq_i13qvwoy__7c8f1496{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
18
- .TextField_styles_1d2ryq_i19ry60d__7c8f1496{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
19
- .TextField_styles_1d2ryq_lbt1ohz__7c8f1496{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
20
- .TextField_styles_1d2ryq_slv9av6__7c8f1496{color:var(--slv9av6-0);line-height:0;}
21
- .TextField_styles_1d2ryq_s600610__7c8f1496.TextField_styles_1d2ryq_slv9av6__7c8f1496{margin:var(--plasma-textfield__left-content-margin);}
22
- .TextField_styles_1d2ryq_suk2zst__7c8f1496{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1d2ryq_suk2zst__7c8f1496:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1d2ryq_suk2zst__7c8f1496:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
23
22
 
24
23
 
25
-
26
- .TextField_styles_1d2ryq_sb3k3v1__7c8f1496{color:var(--plasma-textfield__optional-color);}
27
- .TextField_styles_1d2ryq_s7hnwwb__7c8f1496{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementOuter__7c8f1496{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementOuter__7c8f1496.TextField_styles_1d2ryq_alignRight__7c8f1496{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementInner__7c8f1496{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementInner__7c8f1496.TextField_styles_1d2ryq_alignRight__7c8f1496{inset:var(--plasma-textfield__indicator-placement-inner-right);}
24
+ .TextField_styles_uponva_sb3k3v1__bdbe6f89{color:var(--plasma-textfield__optional-color);}
25
+ .TextField_styles_uponva_s7hnwwb__bdbe6f89{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-inner-right);}
28
26
 
29
27
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
30
28
 
@@ -23,7 +23,8 @@ var cellRoot = function cellRoot(Root) {
23
23
  description = _ref.description,
24
24
  content = _ref.content,
25
25
  _ref$stretching = _ref.stretching,
26
- stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
26
+ stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
27
+ className = _ref.className;
27
28
  var stretchingClass = classes["".concat(stretching, "Stretching")];
28
29
 
29
30
  // Импорт старых свойств
@@ -33,7 +34,7 @@ var cellRoot = function cellRoot(Root) {
33
34
  ref: outerRootRef,
34
35
  size: size,
35
36
  view: view,
36
- className: cx(stretchingClass, classes.cellRoot)
37
+ className: cx(stretchingClass, classes.cellRoot, className)
37
38
  }, contentLeftDeprecated && /*#__PURE__*/React.createElement(CellLeft, {
38
39
  align: alignContentLeft
39
40
  }, contentLeftDeprecated), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, null, titleText || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox, {
@@ -1 +1 @@
1
- {"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { CellTextbox } from './ui/CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLDivElement, CellProps>) =>\n forwardRef<HTMLDivElement, CellProps>(\n (\n {\n size,\n view,\n contentLeft,\n contentRight,\n alignContentLeft = 'center',\n alignContentRight = 'center',\n children,\n title,\n subtitle,\n label,\n description,\n content,\n stretching = 'filled',\n },\n outerRootRef,\n ) => {\n const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n // Импорт старых свойств\n const titleText = title || description;\n const contentLeftDeprecated = contentLeft || content;\n\n return (\n <Root ref={outerRootRef} size={size} view={view} className={cx(stretchingClass, classes.cellRoot)}>\n {contentLeftDeprecated && <CellLeft align={alignContentLeft}>{contentLeftDeprecated}</CellLeft>}\n <CellContentWrapper>\n <CellContent>\n {titleText || subtitle || label ? (\n <CellTextbox label={label} title={titleText} subtitle={subtitle} />\n ) : (\n children\n )}\n </CellContent>\n {contentRight && <CellRight align={alignContentRight}>{contentRight}</CellRight>}\n </CellContentWrapper>\n </Root>\n );\n },\n );\n\nexport const cellConfig = {\n name: 'Cell',\n tag: 'div',\n layout: cellRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","stretchingClass","classes","concat","titleText","contentLeftDeprecated","React","createElement","ref","className","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;IAYaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,UAAU,CACN,UAAAC,IAAA,EAgBIC,YAAY,EACX;AAAA,IAAA,IAfGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MACJC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;MACXC,YAAY,GAAAL,IAAA,CAAZK,YAAY;MAAAC,qBAAA,GAAAN,IAAA,CACZO,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;MAAAE,qBAAA,GAAAR,IAAA,CAC3BS,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;MAC5BE,QAAQ,GAAAV,IAAA,CAARU,QAAQ;MACRC,KAAK,GAAAX,IAAA,CAALW,KAAK;MACLC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;MACRC,KAAK,GAAAb,IAAA,CAALa,KAAK;MACLC,WAAW,GAAAd,IAAA,CAAXc,WAAW;MACXC,OAAO,GAAAf,IAAA,CAAPe,OAAO;MAAAC,eAAA,GAAAhB,IAAA,CACPiB,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA,CAAA;AAIzB,IAAA,IAAME,eAAe,GAAGC,OAAO,IAAAC,MAAA,CAAIH,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;;AAElF;AACA,IAAA,IAAMI,SAAS,GAAGV,KAAK,IAAIG,WAAW,CAAA;AACtC,IAAA,IAAMQ,qBAAqB,GAAGlB,WAAW,IAAIW,OAAO,CAAA;AAEpD,IAAA,oBACIQ,KAAA,CAAAC,aAAA,CAAC1B,IAAI,EAAA;AAAC2B,MAAAA,GAAG,EAAExB,YAAa;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACuB,MAAAA,SAAS,EAAEC,EAAE,CAACT,eAAe,EAAEC,OAAO,CAACtB,QAAQ,CAAA;AAAE,KAAA,EAC7FyB,qBAAqB,iBAAIC,KAAA,CAAAC,aAAA,CAACI,QAAQ,EAAA;AAACC,MAAAA,KAAK,EAAEtB,gBAAAA;KAAmBe,EAAAA,qBAAgC,CAAC,eAC/FC,KAAA,CAAAC,aAAA,CAACM,kBAAkB,EACfP,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,WAAW,EAAA,IAAA,EACPV,SAAS,IAAIT,QAAQ,IAAIC,KAAK,gBAC3BU,KAAA,CAAAC,aAAA,CAACQ,WAAW,EAAA;AAACnB,MAAAA,KAAK,EAAEA,KAAM;AAACF,MAAAA,KAAK,EAAEU,SAAU;AAACT,MAAAA,QAAQ,EAAEA,QAAAA;KAAW,CAAC,GAEnEF,QAEK,CAAC,EACbL,YAAY,iBAAIkB,KAAA,CAAAC,aAAA,CAACS,SAAS,EAAA;AAACJ,MAAAA,KAAK,EAAEpB,iBAAAA;KAAoBJ,EAAAA,YAAwB,CAC/D,CAClB,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM6B,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAExC,QAAQ;AAChByC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRpC,IAAAA,IAAI,EAAE;AACFqC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDvC,IAAAA,IAAI,EAAE;AACFsC,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNxC,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { CellTextbox } from './ui/CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLDivElement, CellProps>) =>\n forwardRef<HTMLDivElement, CellProps>(\n (\n {\n size,\n view,\n contentLeft,\n contentRight,\n alignContentLeft = 'center',\n alignContentRight = 'center',\n children,\n title,\n subtitle,\n label,\n description,\n content,\n stretching = 'filled',\n className,\n },\n outerRootRef,\n ) => {\n const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n // Импорт старых свойств\n const titleText = title || description;\n const contentLeftDeprecated = contentLeft || content;\n\n return (\n <Root\n ref={outerRootRef}\n size={size}\n view={view}\n className={cx(stretchingClass, classes.cellRoot, className)}\n >\n {contentLeftDeprecated && <CellLeft align={alignContentLeft}>{contentLeftDeprecated}</CellLeft>}\n <CellContentWrapper>\n <CellContent>\n {titleText || subtitle || label ? (\n <CellTextbox label={label} title={titleText} subtitle={subtitle} />\n ) : (\n children\n )}\n </CellContent>\n {contentRight && <CellRight align={alignContentRight}>{contentRight}</CellRight>}\n </CellContentWrapper>\n </Root>\n );\n },\n );\n\nexport const cellConfig = {\n name: 'Cell',\n tag: 'div',\n layout: cellRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","className","stretchingClass","classes","concat","titleText","contentLeftDeprecated","React","createElement","ref","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;IAYaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,UAAU,CACN,UAAAC,IAAA,EAiBIC,YAAY,EACX;AAAA,IAAA,IAhBGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MACJC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;MACXC,YAAY,GAAAL,IAAA,CAAZK,YAAY;MAAAC,qBAAA,GAAAN,IAAA,CACZO,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;MAAAE,qBAAA,GAAAR,IAAA,CAC3BS,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;MAC5BE,QAAQ,GAAAV,IAAA,CAARU,QAAQ;MACRC,KAAK,GAAAX,IAAA,CAALW,KAAK;MACLC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;MACRC,KAAK,GAAAb,IAAA,CAALa,KAAK;MACLC,WAAW,GAAAd,IAAA,CAAXc,WAAW;MACXC,OAAO,GAAAf,IAAA,CAAPe,OAAO;MAAAC,eAAA,GAAAhB,IAAA,CACPiB,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;MACrBE,SAAS,GAAAlB,IAAA,CAATkB,SAAS,CAAA;AAIb,IAAA,IAAMC,eAAe,GAAGC,OAAO,IAAAC,MAAA,CAAIJ,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;;AAElF;AACA,IAAA,IAAMK,SAAS,GAAGX,KAAK,IAAIG,WAAW,CAAA;AACtC,IAAA,IAAMS,qBAAqB,GAAGnB,WAAW,IAAIW,OAAO,CAAA;AAEpD,IAAA,oBACIS,KAAA,CAAAC,aAAA,CAAC3B,IAAI,EAAA;AACD4B,MAAAA,GAAG,EAAEzB,YAAa;AAClBC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;MACXe,SAAS,EAAES,EAAE,CAACR,eAAe,EAAEC,OAAO,CAACvB,QAAQ,EAAEqB,SAAS,CAAA;AAAE,KAAA,EAE3DK,qBAAqB,iBAAIC,KAAA,CAAAC,aAAA,CAACG,QAAQ,EAAA;AAACC,MAAAA,KAAK,EAAEtB,gBAAAA;KAAmBgB,EAAAA,qBAAgC,CAAC,eAC/FC,KAAA,CAAAC,aAAA,CAACK,kBAAkB,EACfN,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACM,WAAW,EAAA,IAAA,EACPT,SAAS,IAAIV,QAAQ,IAAIC,KAAK,gBAC3BW,KAAA,CAAAC,aAAA,CAACO,WAAW,EAAA;AAACnB,MAAAA,KAAK,EAAEA,KAAM;AAACF,MAAAA,KAAK,EAAEW,SAAU;AAACV,MAAAA,QAAQ,EAAEA,QAAAA;KAAW,CAAC,GAEnEF,QAEK,CAAC,EACbL,YAAY,iBAAImB,KAAA,CAAAC,aAAA,CAACQ,SAAS,EAAA;AAACJ,MAAAA,KAAK,EAAEpB,iBAAAA;KAAoBJ,EAAAA,YAAwB,CAC/D,CAClB,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM6B,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAExC,QAAQ;AAChByC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRpC,IAAAA,IAAI,EAAE;AACFqC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDvC,IAAAA,IAAI,EAAE;AACFsC,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNxC,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
@@ -38,29 +38,27 @@
38
38
 
39
39
  .base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_i19ry60d__dc105684{color:var(--plasma-textfield__placeholder-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_io4bpie__dc105684{color:var(--plasma-textfield-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_l1gjsnfi__dc105684{color:var(--plasma-textfield__left-helper-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_ssv2kwg__dc105684{color:var(--plasma-textfield__before-text-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_s190z894__dc105684{color:var(--plasma-textfield__after-text-color);}
40
40
 
41
- .base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1[readonly] .base_1v36fe3_iq39zt5__73112de1,.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_iq39zt5__73112de1{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1[readonly] .base_1v36fe3_iq39zt5__73112de1:hover,.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_iq39zt5__73112de1:hover{background-color:unset;}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_s600610__73112de1{margin-left:0;}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_suk2zst__73112de1{margin-right:0;}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_i19ry60d__73112de1{color:var(--plasma-textfield__clear-placeholder-color);}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1.base_1v36fe3_labelPlacementOuter__73112de1 .base_1v36fe3_lbt1ohz__73112de1{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1 .base_1v36fe3_io4bpie__73112de1{color:var(--plasma-textfield-clear-color);}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1.base_1v36fe3_hasDivider__73112de1 .base_1v36fe3_iq39zt5__73112de1{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1.base_1v36fe3_hasDivider__73112de1 .base_1v36fe3_iq39zt5__73112de1:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1.base_1v36fe3_hasDivider__73112de1:not([readonly]) .base_1v36fe3_iq39zt5__73112de1:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1v36fe3_bg547ku__73112de1.base_1v36fe3_textfieldClear__73112de1.base_1v36fe3_hasDivider__73112de1:not([readonly]) .base_1v36fe3_iq39zt5__73112de1:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}
41
+ .base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
42
42
 
43
- .base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
43
+ .base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_iq39zt5__90d753aa{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_iq39zt5__90d753aa:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_i19ry60d__90d753aa{color:var(--plasma-textfield__placeholder-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_io4bpie__90d753aa{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_l1gjsnfi__90d753aa{color:var(--plasma-textfield__left-helper-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_lbt1ohz__90d753aa{color:var(--plasma-textfield__label-color-readonly);}
44
44
 
45
- .base_kcc8wi_b1w985rt__2a60edf5[readonly] .base_kcc8wi_iq39zt5__2a60edf5{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_kcc8wi_b1w985rt__2a60edf5[readonly].base_kcc8wi_hasDivider__2a60edf5 .base_kcc8wi_iq39zt5__2a60edf5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_kcc8wi_b1w985rt__2a60edf5[readonly] .base_kcc8wi_iq39zt5__2a60edf5:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_kcc8wi_b1w985rt__2a60edf5[readonly] .base_kcc8wi_i19ry60d__2a60edf5{color:var(--plasma-textfield__placeholder-color-readonly);}.base_kcc8wi_b1w985rt__2a60edf5[readonly] .base_kcc8wi_io4bpie__2a60edf5{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_kcc8wi_b1w985rt__2a60edf5[readonly] .base_kcc8wi_l1gjsnfi__2a60edf5{color:var(--plasma-textfield__left-helper-color-readonly);}.base_kcc8wi_b1w985rt__2a60edf5[readonly].base_kcc8wi_labelPlacementOuter__2a60edf5 .base_kcc8wi_lbt1ohz__2a60edf5{color:var(--plasma-textfield__label-color-readonly);}
45
+ .base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementOuter__2804036a .base_6k17xp_lbt1ohz__2804036a{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_i13qvwoy__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_s190z894__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_ssv2kwg__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a:focus ~ .base_6k17xp_lbt1ohz__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a.base_6k17xp_hasValue__2804036a ~ .base_6k17xp_lbt1ohz__2804036a{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_lbt1ohz__2804036a{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
46
46
 
47
- .base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementOuter__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_i13qvwoy__7775bbdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_s190z894__7775bbdc,.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_ssv2kwg__7775bbdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_io4bpie__7775bbdc:focus ~ .base_1ghihns_lbt1ohz__7775bbdc,.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_io4bpie__7775bbdc.base_1ghihns_hasValue__7775bbdc ~ .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc.base_1ghihns_textfieldClear__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__clear-placeholder-color);}
47
+ .TextField_styles_uponva_iq39zt5__bdbe6f89{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
48
+ .TextField_styles_uponva_i1j28rg8__bdbe6f89{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_uponva_i1j28rg8__bdbe6f89::-webkit-scrollbar{display:none;}.TextField_styles_uponva_i1j28rg8__bdbe6f89.TextField_styles_uponva_hasChips__bdbe6f89{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
49
+ .TextField_styles_uponva_s13zudoe__bdbe6f89{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
50
+ .TextField_styles_uponva_io4bpie__bdbe6f89{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_uponva_io4bpie__bdbe6f89::-webkit-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::-moz-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89:-ms-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::placeholder{opacity:0;}
51
+ .TextField_styles_uponva_i13qvwoy__bdbe6f89{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
52
+ .TextField_styles_uponva_i19ry60d__bdbe6f89{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
53
+ .TextField_styles_uponva_lbt1ohz__bdbe6f89{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
54
+ .TextField_styles_uponva_slv9av6__bdbe6f89{color:var(--plasma-textfield-content-slot-color);line-height:0;}
55
+ .TextField_styles_uponva_s600610__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__left-content-margin);}
56
+ .TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
48
57
 
49
- .TextField_styles_1d2ryq_iq39zt5__7c8f1496{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
50
- .TextField_styles_1d2ryq_i1j28rg8__7c8f1496{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1d2ryq_i1j28rg8__7c8f1496::-webkit-scrollbar{display:none;}.TextField_styles_1d2ryq_i1j28rg8__7c8f1496.TextField_styles_1d2ryq_hasChips__7c8f1496{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
51
- .TextField_styles_1d2ryq_s13zudoe__7c8f1496{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
52
- .TextField_styles_1d2ryq_io4bpie__7c8f1496{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::-webkit-input-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::-moz-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496:-ms-input-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::placeholder{opacity:0;}
53
- .TextField_styles_1d2ryq_i13qvwoy__7c8f1496{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
54
- .TextField_styles_1d2ryq_i19ry60d__7c8f1496{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
55
- .TextField_styles_1d2ryq_lbt1ohz__7c8f1496{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
56
- .TextField_styles_1d2ryq_slv9av6__7c8f1496{color:var(--slv9av6-0);line-height:0;}
57
- .TextField_styles_1d2ryq_s600610__7c8f1496.TextField_styles_1d2ryq_slv9av6__7c8f1496{margin:var(--plasma-textfield__left-content-margin);}
58
- .TextField_styles_1d2ryq_suk2zst__7c8f1496{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1d2ryq_suk2zst__7c8f1496:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1d2ryq_suk2zst__7c8f1496:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
59
58
 
60
59
 
61
-
62
- .TextField_styles_1d2ryq_sb3k3v1__7c8f1496{color:var(--plasma-textfield__optional-color);}
63
- .TextField_styles_1d2ryq_s7hnwwb__7c8f1496{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementOuter__7c8f1496{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementOuter__7c8f1496.TextField_styles_1d2ryq_alignRight__7c8f1496{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementInner__7c8f1496{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementInner__7c8f1496.TextField_styles_1d2ryq_alignRight__7c8f1496{inset:var(--plasma-textfield__indicator-placement-inner-right);}
60
+ .TextField_styles_uponva_sb3k3v1__bdbe6f89{color:var(--plasma-textfield__optional-color);}
61
+ .TextField_styles_uponva_s7hnwwb__bdbe6f89{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-inner-right);}
64
62
 
65
63
  .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
66
64