@salutejs/plasma-new-hope 0.339.0-canary.2299.18865993815.0 → 0.339.0-canary.2301.18868987022.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (324) hide show
  1. package/cjs/components/Attach/Attach.css +68 -24
  2. package/cjs/components/Attach/Attach.js +177 -32
  3. package/cjs/components/Attach/Attach.js.map +1 -1
  4. package/cjs/components/Attach/Attach.styles.js +46 -5
  5. package/cjs/components/Attach/Attach.styles.js.map +1 -1
  6. package/cjs/components/Attach/Attach.styles_17eum4v.css +8 -0
  7. package/cjs/components/Attach/Attach.tokens.js +21 -6
  8. package/cjs/components/Attach/Attach.tokens.js.map +1 -1
  9. package/cjs/components/Attach/components/AttachButton/AttachButton.css +82 -15
  10. package/cjs/components/Attach/components/AttachButton/AttachButton.js.map +1 -1
  11. package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.css +105 -0
  12. package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +29 -0
  13. package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js.map +1 -0
  14. package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +21 -0
  15. package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js.map +1 -0
  16. package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles_3t6n6e.css +2 -0
  17. package/cjs/components/Attach/ui/Cell/Cell.css +60 -0
  18. package/cjs/components/Attach/ui/Cell/Cell.js +46 -0
  19. package/cjs/components/Attach/ui/Cell/Cell.js.map +1 -0
  20. package/cjs/components/Attach/ui/Cell/Cell.styles.js +1 -1
  21. package/{es/components/Attach/ui/Cell/Cell.styles_69w962.css → cjs/components/Attach/ui/Cell/Cell.styles_lpj30y.css} +1 -1
  22. package/cjs/components/Attach/ui/Dropdown/Dropdown.css +100 -0
  23. package/cjs/components/Attach/ui/Dropdown/Dropdown.js +69 -0
  24. package/cjs/components/Attach/ui/Dropdown/Dropdown.js.map +1 -0
  25. package/cjs/components/Attach/ui/Dropdown/Dropdown.styles.js +22 -0
  26. package/cjs/components/Attach/ui/Dropdown/Dropdown.styles.js.map +1 -0
  27. package/cjs/components/Attach/ui/Dropdown/Dropdown.styles_1ge65dg.css +1 -0
  28. package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.css +3 -0
  29. package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.js +23 -0
  30. package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.js.map +1 -0
  31. package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +15 -0
  32. package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js.map +1 -0
  33. package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles_5yseaa.css +1 -0
  34. package/cjs/components/Attach/utils/getFilenameParts.js +21 -0
  35. package/cjs/components/Attach/utils/getFilenameParts.js.map +1 -0
  36. package/cjs/components/Attach/variations/_size/base.js +1 -1
  37. package/cjs/components/Attach/variations/_size/base.js.map +1 -1
  38. package/cjs/components/Attach/variations/_size/base_1x0gzlt.css +1 -0
  39. package/cjs/components/Attach/variations/_view/base.js +1 -1
  40. package/cjs/components/Attach/variations/_view/base_d9xz7t.css +1 -0
  41. package/cjs/components/ProgressBarCircular/ProgressBarCircular.css +5 -5
  42. package/cjs/components/ProgressBarCircular/ProgressBarCircular.js +5 -7
  43. package/cjs/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -1
  44. package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +1 -1
  45. package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js.map +1 -1
  46. package/cjs/components/ProgressBarCircular/{ProgressBarCircular.styles_16hxdvd.css → ProgressBarCircular.styles_1cnlydo.css} +1 -1
  47. package/cjs/components/_Icon/Icon.assets/DotsHorizontalOutline.js +27 -0
  48. package/cjs/components/_Icon/Icon.assets/DotsHorizontalOutline.js.map +1 -0
  49. package/cjs/components/_Icon/Icons/IconDotsHorizontalOutline.js +31 -0
  50. package/cjs/components/_Icon/Icons/IconDotsHorizontalOutline.js.map +1 -0
  51. package/cjs/index.css +22 -18
  52. package/cjs/index.js +0 -5
  53. package/cjs/index.js.map +1 -1
  54. package/emotion/cjs/components/Attach/Attach.js +190 -28
  55. package/emotion/cjs/components/Attach/Attach.styles.js +33 -14
  56. package/emotion/cjs/components/Attach/Attach.tokens.js +21 -6
  57. package/emotion/cjs/components/Attach/components/AttachButton/AttachButton.js +3 -4
  58. package/emotion/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +64 -0
  59. package/emotion/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +33 -0
  60. package/emotion/cjs/components/Attach/components/HiddenWidthHelper/index.js +11 -0
  61. package/emotion/cjs/components/Attach/components/index.js +19 -0
  62. package/emotion/cjs/components/Attach/ui/Cell/Cell.js +67 -2
  63. package/{styled-components/cjs/components/Loader/Loader.js → emotion/cjs/components/Attach/ui/Dropdown/Dropdown.js} +96 -78
  64. package/emotion/cjs/components/Attach/ui/Dropdown/Dropdown.styles.js +26 -0
  65. package/emotion/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.js +26 -0
  66. package/emotion/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +21 -0
  67. package/emotion/cjs/components/Attach/ui/index.js +29 -0
  68. package/emotion/cjs/components/Attach/utils/getFilenameParts.js +23 -0
  69. package/emotion/cjs/components/Attach/utils/index.js +4 -0
  70. package/emotion/cjs/components/Attach/variations/_size/base.js +1 -1
  71. package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.js +5 -6
  72. package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +9 -9
  73. package/emotion/cjs/examples/components/Attach/Attach.config.js +18 -18
  74. package/emotion/cjs/index.js +0 -1
  75. package/emotion/es/components/Attach/Attach.js +193 -31
  76. package/emotion/es/components/Attach/Attach.styles.js +30 -14
  77. package/emotion/es/components/Attach/Attach.tokens.js +21 -6
  78. package/emotion/es/components/Attach/components/AttachButton/AttachButton.js +1 -2
  79. package/emotion/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +13 -0
  80. package/emotion/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +10 -0
  81. package/emotion/es/components/Attach/components/HiddenWidthHelper/index.js +1 -0
  82. package/emotion/es/components/Attach/components/index.js +2 -0
  83. package/emotion/es/components/Attach/ui/Cell/Cell.js +25 -1
  84. package/emotion/es/components/Attach/ui/Dropdown/Dropdown.js +174 -0
  85. package/emotion/es/components/Attach/ui/Dropdown/Dropdown.styles.js +11 -0
  86. package/emotion/es/components/Attach/ui/MoreTrigger/MoreTrigger.js +11 -0
  87. package/emotion/es/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +6 -0
  88. package/emotion/es/components/Attach/ui/index.js +6 -0
  89. package/emotion/es/components/Attach/utils/getFilenameParts.js +13 -0
  90. package/emotion/es/components/Attach/utils/index.js +1 -0
  91. package/emotion/es/components/Attach/variations/_size/base.js +1 -1
  92. package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.js +5 -6
  93. package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +9 -9
  94. package/emotion/es/examples/components/Attach/Attach.config.js +18 -18
  95. package/emotion/es/index.js +0 -1
  96. package/es/components/Attach/Attach.css +68 -24
  97. package/es/components/Attach/Attach.js +180 -35
  98. package/es/components/Attach/Attach.js.map +1 -1
  99. package/es/components/Attach/Attach.styles.js +46 -6
  100. package/es/components/Attach/Attach.styles.js.map +1 -1
  101. package/es/components/Attach/Attach.styles_17eum4v.css +8 -0
  102. package/es/components/Attach/Attach.tokens.js +21 -6
  103. package/es/components/Attach/Attach.tokens.js.map +1 -1
  104. package/es/components/Attach/components/AttachButton/AttachButton.css +82 -15
  105. package/es/components/Attach/components/AttachButton/AttachButton.js.map +1 -1
  106. package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.css +105 -0
  107. package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +21 -0
  108. package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js.map +1 -0
  109. package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +16 -0
  110. package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js.map +1 -0
  111. package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles_3t6n6e.css +2 -0
  112. package/es/components/Attach/ui/Cell/Cell.css +60 -0
  113. package/es/components/Attach/ui/Cell/Cell.js +38 -0
  114. package/es/components/Attach/ui/Cell/Cell.js.map +1 -0
  115. package/es/components/Attach/ui/Cell/Cell.styles.js +1 -1
  116. package/{cjs/components/Attach/ui/Cell/Cell.styles_69w962.css → es/components/Attach/ui/Cell/Cell.styles_lpj30y.css} +1 -1
  117. package/es/components/Attach/ui/Dropdown/Dropdown.css +100 -0
  118. package/es/components/Attach/ui/Dropdown/Dropdown.js +61 -0
  119. package/es/components/Attach/ui/Dropdown/Dropdown.js.map +1 -0
  120. package/es/components/Attach/ui/Dropdown/Dropdown.styles.js +18 -0
  121. package/es/components/Attach/ui/Dropdown/Dropdown.styles.js.map +1 -0
  122. package/es/components/Attach/ui/Dropdown/Dropdown.styles_1ge65dg.css +1 -0
  123. package/es/components/Attach/ui/MoreTrigger/MoreTrigger.css +3 -0
  124. package/es/components/Attach/ui/MoreTrigger/MoreTrigger.js +15 -0
  125. package/es/components/Attach/ui/MoreTrigger/MoreTrigger.js.map +1 -0
  126. package/es/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +11 -0
  127. package/es/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js.map +1 -0
  128. package/es/components/Attach/ui/MoreTrigger/MoreTrigger.styles_5yseaa.css +1 -0
  129. package/es/components/Attach/utils/getFilenameParts.js +17 -0
  130. package/es/components/Attach/utils/getFilenameParts.js.map +1 -0
  131. package/es/components/Attach/variations/_size/base.js +1 -1
  132. package/es/components/Attach/variations/_size/base.js.map +1 -1
  133. package/es/components/Attach/variations/_size/base_1x0gzlt.css +1 -0
  134. package/es/components/Attach/variations/_view/base.js +1 -1
  135. package/es/components/Attach/variations/_view/base_d9xz7t.css +1 -0
  136. package/es/components/ProgressBarCircular/ProgressBarCircular.css +5 -5
  137. package/es/components/ProgressBarCircular/ProgressBarCircular.js +5 -7
  138. package/es/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -1
  139. package/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +1 -1
  140. package/es/components/ProgressBarCircular/ProgressBarCircular.styles.js.map +1 -1
  141. package/es/components/ProgressBarCircular/{ProgressBarCircular.styles_16hxdvd.css → ProgressBarCircular.styles_1cnlydo.css} +1 -1
  142. package/es/components/_Icon/Icon.assets/DotsHorizontalOutline.js +19 -0
  143. package/es/components/_Icon/Icon.assets/DotsHorizontalOutline.js.map +1 -0
  144. package/es/components/_Icon/Icons/IconDotsHorizontalOutline.js +23 -0
  145. package/es/components/_Icon/Icons/IconDotsHorizontalOutline.js.map +1 -0
  146. package/es/index.css +22 -18
  147. package/es/index.js +0 -2
  148. package/es/index.js.map +1 -1
  149. package/package.json +4 -4
  150. package/styled-components/cjs/components/Attach/Attach.js +190 -28
  151. package/styled-components/cjs/components/Attach/Attach.styles.js +40 -12
  152. package/styled-components/cjs/components/Attach/Attach.tokens.js +21 -6
  153. package/styled-components/cjs/components/Attach/components/AttachButton/AttachButton.js +3 -4
  154. package/styled-components/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +64 -0
  155. package/styled-components/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +39 -0
  156. package/styled-components/cjs/components/Attach/components/HiddenWidthHelper/index.js +11 -0
  157. package/styled-components/cjs/components/Attach/components/index.js +19 -0
  158. package/styled-components/cjs/components/Attach/ui/Cell/Cell.js +67 -2
  159. package/{emotion/cjs/components/Loader/Loader.js → styled-components/cjs/components/Attach/ui/Dropdown/Dropdown.js} +96 -78
  160. package/styled-components/cjs/components/Attach/ui/Dropdown/Dropdown.styles.js +45 -0
  161. package/styled-components/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.js +26 -0
  162. package/styled-components/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +24 -0
  163. package/styled-components/cjs/components/Attach/ui/index.js +29 -0
  164. package/styled-components/cjs/components/Attach/utils/getFilenameParts.js +23 -0
  165. package/styled-components/cjs/components/Attach/utils/index.js +4 -0
  166. package/styled-components/cjs/components/Attach/variations/_size/base.js +5 -2
  167. package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.js +5 -6
  168. package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +5 -5
  169. package/styled-components/cjs/examples/components/Attach/Attach.config.js +64 -32
  170. package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
  171. package/styled-components/cjs/index.js +0 -1
  172. package/styled-components/es/components/Attach/Attach.js +193 -31
  173. package/styled-components/es/components/Attach/Attach.styles.js +37 -12
  174. package/styled-components/es/components/Attach/Attach.tokens.js +21 -6
  175. package/styled-components/es/components/Attach/components/AttachButton/AttachButton.js +1 -2
  176. package/styled-components/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +13 -0
  177. package/styled-components/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +16 -0
  178. package/styled-components/es/components/Attach/components/HiddenWidthHelper/index.js +1 -0
  179. package/styled-components/es/components/Attach/components/index.js +2 -0
  180. package/styled-components/es/components/Attach/ui/Cell/Cell.js +25 -1
  181. package/styled-components/es/components/Attach/ui/Dropdown/Dropdown.js +174 -0
  182. package/styled-components/es/components/Attach/ui/Dropdown/Dropdown.styles.js +30 -0
  183. package/styled-components/es/components/Attach/ui/MoreTrigger/MoreTrigger.js +11 -0
  184. package/styled-components/es/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +9 -0
  185. package/styled-components/es/components/Attach/ui/index.js +6 -0
  186. package/styled-components/es/components/Attach/utils/getFilenameParts.js +13 -0
  187. package/styled-components/es/components/Attach/utils/index.js +1 -0
  188. package/styled-components/es/components/Attach/variations/_size/base.js +5 -2
  189. package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.js +5 -6
  190. package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +5 -5
  191. package/styled-components/es/examples/components/Attach/Attach.config.js +64 -32
  192. package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
  193. package/styled-components/es/index.js +0 -1
  194. package/types/components/Attach/Attach.d.ts.map +1 -1
  195. package/types/components/Attach/Attach.styles.d.ts +9 -2
  196. package/types/components/Attach/Attach.styles.d.ts.map +1 -1
  197. package/types/components/Attach/Attach.tokens.d.ts +13 -0
  198. package/types/components/Attach/Attach.tokens.d.ts.map +1 -1
  199. package/types/components/Attach/Attach.types.d.ts +85 -9
  200. package/types/components/Attach/Attach.types.d.ts.map +1 -1
  201. package/types/components/Attach/components/AttachButton/AttachButton.d.ts.map +1 -1
  202. package/types/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.d.ts +10 -0
  203. package/types/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.d.ts.map +1 -0
  204. package/types/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.d.ts +3 -0
  205. package/types/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.d.ts.map +1 -0
  206. package/types/components/Attach/components/HiddenWidthHelper/index.d.ts +2 -0
  207. package/types/components/Attach/components/HiddenWidthHelper/index.d.ts.map +1 -0
  208. package/types/components/Attach/components/index.d.ts +3 -0
  209. package/types/components/Attach/components/index.d.ts.map +1 -0
  210. package/types/components/Attach/ui/Cell/Cell.d.ts +14 -1
  211. package/types/components/Attach/ui/Cell/Cell.d.ts.map +1 -1
  212. package/types/components/Attach/ui/Dropdown/Dropdown.d.ts +12 -0
  213. package/types/components/Attach/ui/Dropdown/Dropdown.d.ts.map +1 -0
  214. package/types/components/Attach/ui/Dropdown/Dropdown.styles.d.ts +31 -0
  215. package/types/components/Attach/ui/Dropdown/Dropdown.styles.d.ts.map +1 -0
  216. package/types/components/Attach/ui/MoreTrigger/MoreTrigger.d.ts +6 -0
  217. package/types/components/Attach/ui/MoreTrigger/MoreTrigger.d.ts.map +1 -0
  218. package/types/components/Attach/ui/MoreTrigger/MoreTrigger.styles.d.ts +2 -0
  219. package/types/components/Attach/ui/MoreTrigger/MoreTrigger.styles.d.ts.map +1 -0
  220. package/types/components/Attach/ui/index.d.ts +7 -0
  221. package/types/components/Attach/ui/index.d.ts.map +1 -0
  222. package/types/components/Attach/utils/getFilenameParts.d.ts +8 -0
  223. package/types/components/Attach/utils/getFilenameParts.d.ts.map +1 -0
  224. package/types/components/Attach/utils/index.d.ts +1 -0
  225. package/types/components/Attach/utils/index.d.ts.map +1 -1
  226. package/types/components/Attach/variations/_size/base.d.ts.map +1 -1
  227. package/types/components/ProgressBarCircular/ProgressBarCircular.d.ts.map +1 -1
  228. package/types/components/ProgressBarCircular/ProgressBarCircular.types.d.ts +13 -14
  229. package/types/components/ProgressBarCircular/ProgressBarCircular.types.d.ts.map +1 -1
  230. package/types/examples/components/Attach/Attach.config.d.ts.map +1 -1
  231. package/types/examples/components/Attach/Attach.d.ts +448 -16
  232. package/types/examples/components/Attach/Attach.d.ts.map +1 -1
  233. package/types/index.d.ts +0 -1
  234. package/types/index.d.ts.map +1 -1
  235. package/types/types/MakeNever.d.ts +4 -0
  236. package/types/types/MakeNever.d.ts.map +1 -0
  237. package/types/types/index.d.ts +1 -0
  238. package/types/types/index.d.ts.map +1 -1
  239. package/cjs/components/Attach/Attach.styles_pso18d.css +0 -7
  240. package/cjs/components/Attach/variations/_size/base_kpo9at.css +0 -1
  241. package/cjs/components/Attach/variations/_view/base_1nvsg1b.css +0 -1
  242. package/cjs/components/Loader/Loader.css +0 -16
  243. package/cjs/components/Loader/Loader.js +0 -85
  244. package/cjs/components/Loader/Loader.js.map +0 -1
  245. package/cjs/components/Loader/Loader.styles.js +0 -36
  246. package/cjs/components/Loader/Loader.styles.js.map +0 -1
  247. package/cjs/components/Loader/Loader.styles_1i0a33d.css +0 -3
  248. package/cjs/components/Loader/Loader.tokens.js +0 -35
  249. package/cjs/components/Loader/Loader.tokens.js.map +0 -1
  250. package/cjs/components/Loader/variations/_size/base.js +0 -9
  251. package/cjs/components/Loader/variations/_size/base.js.map +0 -1
  252. package/cjs/components/Loader/variations/_size/base_x642ct.css +0 -1
  253. package/cjs/components/Loader/variations/_view/base.js +0 -9
  254. package/cjs/components/Loader/variations/_view/base.js.map +0 -1
  255. package/cjs/components/Loader/variations/_view/base_x642ct.css +0 -1
  256. package/emotion/cjs/components/Loader/Loader.styles.js +0 -46
  257. package/emotion/cjs/components/Loader/Loader.tokens.js +0 -52
  258. package/emotion/cjs/components/Loader/index.js +0 -23
  259. package/emotion/cjs/components/Loader/variations/_size/base.js +0 -12
  260. package/emotion/cjs/components/Loader/variations/_view/base.js +0 -12
  261. package/emotion/cjs/examples/components/Loader/Loader.config.js +0 -38
  262. package/emotion/cjs/examples/components/Loader/Loader.js +0 -15
  263. package/emotion/es/components/Loader/Loader.js +0 -143
  264. package/emotion/es/components/Loader/Loader.styles.js +0 -20
  265. package/emotion/es/components/Loader/Loader.tokens.js +0 -31
  266. package/emotion/es/components/Loader/index.js +0 -2
  267. package/emotion/es/components/Loader/variations/_size/base.js +0 -2
  268. package/emotion/es/components/Loader/variations/_view/base.js +0 -2
  269. package/emotion/es/examples/components/Loader/Loader.config.js +0 -28
  270. package/emotion/es/examples/components/Loader/Loader.js +0 -5
  271. package/es/components/Attach/Attach.styles_pso18d.css +0 -7
  272. package/es/components/Attach/variations/_size/base_kpo9at.css +0 -1
  273. package/es/components/Attach/variations/_view/base_1nvsg1b.css +0 -1
  274. package/es/components/Loader/Loader.css +0 -16
  275. package/es/components/Loader/Loader.js +0 -75
  276. package/es/components/Loader/Loader.js.map +0 -1
  277. package/es/components/Loader/Loader.styles.js +0 -30
  278. package/es/components/Loader/Loader.styles.js.map +0 -1
  279. package/es/components/Loader/Loader.styles_1i0a33d.css +0 -3
  280. package/es/components/Loader/Loader.tokens.js +0 -30
  281. package/es/components/Loader/Loader.tokens.js.map +0 -1
  282. package/es/components/Loader/variations/_size/base.js +0 -5
  283. package/es/components/Loader/variations/_size/base.js.map +0 -1
  284. package/es/components/Loader/variations/_size/base_x642ct.css +0 -1
  285. package/es/components/Loader/variations/_view/base.js +0 -5
  286. package/es/components/Loader/variations/_view/base.js.map +0 -1
  287. package/es/components/Loader/variations/_view/base_x642ct.css +0 -1
  288. package/styled-components/cjs/components/Loader/Loader.styles.js +0 -129
  289. package/styled-components/cjs/components/Loader/Loader.tokens.js +0 -52
  290. package/styled-components/cjs/components/Loader/index.js +0 -23
  291. package/styled-components/cjs/components/Loader/variations/_size/base.js +0 -14
  292. package/styled-components/cjs/components/Loader/variations/_view/base.js +0 -14
  293. package/styled-components/cjs/examples/components/Loader/Loader.config.js +0 -199
  294. package/styled-components/cjs/examples/components/Loader/Loader.js +0 -15
  295. package/styled-components/es/components/Loader/Loader.js +0 -143
  296. package/styled-components/es/components/Loader/Loader.styles.js +0 -68
  297. package/styled-components/es/components/Loader/Loader.tokens.js +0 -31
  298. package/styled-components/es/components/Loader/index.js +0 -2
  299. package/styled-components/es/components/Loader/variations/_size/base.js +0 -4
  300. package/styled-components/es/components/Loader/variations/_view/base.js +0 -4
  301. package/styled-components/es/examples/components/Loader/Loader.config.js +0 -189
  302. package/styled-components/es/examples/components/Loader/Loader.js +0 -5
  303. package/types/components/Loader/Loader.d.ts +0 -23
  304. package/types/components/Loader/Loader.d.ts.map +0 -1
  305. package/types/components/Loader/Loader.styles.d.ts +0 -19
  306. package/types/components/Loader/Loader.styles.d.ts.map +0 -1
  307. package/types/components/Loader/Loader.tokens.d.ts +0 -32
  308. package/types/components/Loader/Loader.tokens.d.ts.map +0 -1
  309. package/types/components/Loader/Loader.types.d.ts +0 -58
  310. package/types/components/Loader/Loader.types.d.ts.map +0 -1
  311. package/types/components/Loader/index.d.ts +0 -4
  312. package/types/components/Loader/index.d.ts.map +0 -1
  313. package/types/components/Loader/variations/_size/base.d.ts +0 -2
  314. package/types/components/Loader/variations/_size/base.d.ts.map +0 -1
  315. package/types/components/Loader/variations/_view/base.d.ts +0 -2
  316. package/types/components/Loader/variations/_view/base.d.ts.map +0 -1
  317. package/types/examples/components/Loader/Loader.config.d.ts +0 -27
  318. package/types/examples/components/Loader/Loader.config.d.ts.map +0 -1
  319. package/types/examples/components/Loader/Loader.d.ts +0 -21
  320. package/types/examples/components/Loader/Loader.d.ts.map +0 -1
  321. /package/emotion/cjs/{components/Loader/Loader.types.js → types/MakeNever.js} +0 -0
  322. /package/emotion/es/{components/Loader/Loader.types.js → types/MakeNever.js} +0 -0
  323. /package/styled-components/cjs/{components/Loader/Loader.types.js → types/MakeNever.js} +0 -0
  324. /package/styled-components/es/{components/Loader/Loader.types.js → types/MakeNever.js} +0 -0
@@ -0,0 +1,100 @@
1
+ .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);}
2
+
3
+ .MoreTrigger_styles_5yseaa_i1fc84ks__90d41151{line-height:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--plasma-attach-more-icon-padding);}
4
+
5
+ .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
6
+
7
+ .base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
8
+
9
+ .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
10
+ .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
11
+
12
+ .Button_styles_wo15lb_bzw1898__45fe6281{min-width:4ch;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_wo15lb_bzw1898__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
13
+ .Button_styles_wo15lb_sdfuqwe__45fe6281{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;margin:var(--plasma-button-additional-content-margin);}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonHasValue__45fe6281{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
14
+ .Button_styles_wo15lb_b9ypozh__45fe6281{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
15
+ .Button_styles_wo15lb_l4dfhbg__45fe6281{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
16
+ .Button_styles_wo15lb_lrdlazt__45fe6281{position:absolute;}
17
+ .Button_styles_wo15lb_s7rggv0__45fe6281{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
18
+ .Button_styles_wo15lb_s1rjh7ra__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
19
+ .Button_styles_wo15lb_s9ga1dj__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
20
+ .Button_styles_wo15lb_babf779__45fe6281{position:relative;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;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_wo15lb_babf779__45fe6281{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_buttonSquare__45fe6281{width:var(--plasma-button-height);padding:0;}
21
+
22
+ .base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
23
+
24
+ .base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
25
+
26
+ .base_do83p2_b169l30m__044ccc85[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_do83p2_b169l30m__044ccc85[disabled]:hover,.base_do83p2_b169l30m__044ccc85[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}
27
+
28
+ .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
29
+
30
+ .base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
31
+
32
+ .IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;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;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
33
+
34
+ .IconButton_styles_7clf9d_s1uu1svj__424ea6e4{--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;}
35
+ .IconButton_styles_7clf9d_s17hmg85__424ea6e4{--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);}
36
+
37
+ .Attach_styles_17eum4v_by826kf__a54172eb{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
38
+ .Attach_styles_17eum4v_sw7vb9c__a54172eb{display:none;}
39
+ .Attach_styles_17eum4v_suojwhg__a54172eb{position:relative;}
40
+ .Attach_styles_17eum4v_sjp429d__a54172eb{position:absolute;margin-top:0.25rem;}
41
+ .Attach_styles_17eum4v_fssye98__a54172eb{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;height:var(--fssye98-0);}
42
+ .Attach_styles_17eum4v_f1531dv__a54172eb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:var(--f1531dv-0);}.Attach_styles_17eum4v_f1531dv__a54172eb.Attach_styles_17eum4v_plasmaAttachHorizontal__a54172eb{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Attach_styles_17eum4v_f1531dv__a54172eb.Attach_styles_17eum4v_plasmaAttachVertical__a54172eb{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Attach_styles_17eum4v_f1531dv__a54172eb.Attach_styles_17eum4v_plasmaAttachAuto__a54172eb{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.Attach_styles_17eum4v_f1531dv__a54172eb.Attach_styles_17eum4v_plasmaAttachHorizontalHidden__a54172eb{position:absolute;top:0;left:0;z-index:-999;visibility:hidden;opacity:0;max-width:100%;overflow:hidden;}
43
+ .Attach_styles_17eum4v_t7plw5t__a54172eb{overflow:var(--t7plw5t-0);text-overflow:var(--t7plw5t-1);white-space:nowrap;}
44
+
45
+
46
+ .CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
47
+
48
+ .CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
49
+
50
+ .CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
51
+
52
+ .Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
53
+ .Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
54
+ .Cell_styles_1lali49_cdgokyj__a35afa10{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;height:auto;}
55
+ .Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
56
+ .Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
57
+
58
+ .base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
59
+
60
+ .CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
61
+
62
+ .Cell_styles_lpj30y_si1k6gv__80725697{--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;}.Cell_styles_lpj30y_si1k6gv__80725697.Cell_styles_lpj30y_plasmaAttachCellHidden__80725697{visibility:hidden;}
63
+
64
+ .Dropdown_styles_kkvnr1_ln7uamp__173ef985{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
65
+ .Dropdown_styles_kkvnr1_ujr7fmv__173ef985{max-height:var(--ujr7fmv-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
66
+
67
+
68
+ .DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
69
+
70
+ .DropdownFooter_styles_1j4sg1p_stiw0r3__41ff7287{background:var(--plasma-dropdown-footer-background);font-family:var(--plasma-dropdown-footer-font-family);font-size:var(--plasma-dropdown-footer-font-size);font-style:var(--plasma-dropdown-footer-font-style);font-weight:var(--plasma-dropdown-footer-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-footer-line-height);-moz-letter-spacing:var(--plasma-dropdown-footer-line-height);-ms-letter-spacing:var(--plasma-dropdown-footer-line-height);letter-spacing:var(--plasma-dropdown-footer-line-height);line-height:var(--plasma-dropdown-footer-font-weight);width:var(--plasma-dropdown-footer-width);height:var(--plasma-dropdown-footer-height);padding:var(--plasma-dropdown-footer-padding-top) var(--plasma-dropdown-footer-padding-right) var(--plasma-dropdown-footer-padding-bottom) var(--plasma-dropdown-footer-padding-left);margin:var(--plasma-dropdown-footer-margin-top) var(--plasma-dropdown-footer-margin-right) var(--plasma-dropdown-footer-margin-bottom) var(--plasma-dropdown-footer-margin-left);}
71
+
72
+ .DropdownGroup_styles_1o990eo_scop7qk__fca8c58e{background:var(--plasma-dropdown-group-background);width:var(--plasma-dropdown-group-width);height:var(--plasma-dropdown-group-height);padding:var(--plasma-dropdown-group-padding-top) var(--plasma-dropdown-group-padding-right) var(--plasma-dropdown-group-padding-bottom) var(--plasma-dropdown-group-padding-left);margin:var(--plasma-dropdown-group-margin-top) var(--plasma-dropdown-group-margin-right) var(--plasma-dropdown-group-margin-bottom) var(--plasma-dropdown-group-margin-left);}
73
+ .DropdownGroup_styles_1o990eo_s1oaw95y__fca8c58e{font-family:var(--plasma-dropdown-group-label-font-family);font-size:var(--plasma-dropdown-group-label-font-size);font-style:var(--plasma-dropdown-group-label-font-style);font-weight:var(--plasma-dropdown-group-label-font-weight);-webkit-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);-moz-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);-ms-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);line-height:var(--plasma-dropdown-group-label-line-height);color:var(--plasma-dropdown-group-label-color);padding:var(--plasma-dropdown-group-label-padding-top) var(--plasma-dropdown-group-label-padding-right) var(--plasma-dropdown-group-label-padding-bottom) var(--plasma-dropdown-group-label-padding-left);margin:var(--plasma-dropdown-group-label-margin-top) var(--plasma-dropdown-group-label-margin-right) var(--plasma-dropdown-group-label-margin-bottom) var(--plasma-dropdown-group-label-margin-left);}
74
+
75
+ .DropdownHeader_styles_196gwgm_s133b1g2__3510806e{background:var(--plasma-dropdown-header-background);font-family:var(--plasma-dropdown-header-font-family);font-size:var(--plasma-dropdown-header-font-size);font-style:var(--plasma-dropdown-header-font-style);font-weight:var(--plasma-dropdown-header-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-header-line-height);-moz-letter-spacing:var(--plasma-dropdown-header-line-height);-ms-letter-spacing:var(--plasma-dropdown-header-line-height);letter-spacing:var(--plasma-dropdown-header-line-height);line-height:var(--plasma-dropdown-header-font-weight);width:var(--plasma-dropdown-header-width);height:var(--plasma-dropdown-header-height);padding:var(--plasma-dropdown-header-padding-top) var(--plasma-dropdown-header-padding-right) var(--plasma-dropdown-header-padding-bottom) var(--plasma-dropdown-header-padding-left);margin:var(--plasma-dropdown-header-margin-top) var(--plasma-dropdown-header-margin-right) var(--plasma-dropdown-header-margin-bottom) var(--plasma-dropdown-header-margin-left);}
76
+
77
+ .DropdownItem_styles_1algi32_c1gkzlls__367ba473{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
78
+
79
+ .DropdownItem_styles_1algi32_d1m97l2m__367ba473{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color,var(--text-secondary));}
80
+ .DropdownItem_styles_1algi32_soib72h__367ba473{width:var(--soib72h-0);height:var(--soib72h-0);}
81
+ .DropdownItem_styles_1algi32_d6l2f0g__367ba473{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
82
+ .DropdownItem_styles_1algi32_w1jav4ek__367ba473{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;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:var(--plasma-dropdown-item-margin,0);box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--surface-clear);border-radius:var( --plasma-dropdown-item-border-radius, calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem)) );-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473:hover:not(.DropdownItem_styles_1algi32_dropdownItemIsDisabled__367ba473){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsActive__367ba473{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsDisabled__367ba473{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473:focus{outline:none;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsFocused__367ba473:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
83
+ .DropdownItem_styles_1algi32_r1fqtjio__367ba473{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
84
+
85
+ .DropdownItem_styles_1lyg81y_s1iqs5in__b17ea060{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
86
+ .DropdownItem_styles_1lyg81y_sfg3dyd__b17ea060{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
87
+ .DropdownItem_styles_1lyg81y_s1dea6tl__b17ea060{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
88
+ .DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:auto;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060:focus{outline:none;}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_focusVisible__b17ea060:focus::before,.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060:hover:not(.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsSelected__b17ea060{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsSelected__b17ea060:hover:not(.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
89
+
90
+ .Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
91
+
92
+ .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
93
+ .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
94
+ .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
95
+ .Popover_styles_ji8em4_s16xlixz__439b9cc0{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;box-shadow:var(--plasma-popover-box-shadow);}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverAnimate__439b9cc0{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverOpen__439b9cc0{opacity:1;visibility:visible;}.Popover_styles_ji8em4_s16xlixz__439b9cc0:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
96
+
97
+ .Dropdown_styles_3w3l45_s1rwu6ky__59648b20 .Dropdown_styles_3w3l45_popoverTarget__59648b20{display:block;}
98
+ .Dropdown_styles_3w3l45_s10jhp3l__59648b20{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
99
+
100
+ .Dropdown_styles_1ge65dg_s1qvmnsb__e948565f{--plasma-dropdown-border-width:var(--plasma-attach-dropdown-border-width);--plasma-dropdown-padding:var(--plasma-attach-dropdown-padding);--plasma-dropdown-border-radius:var(--plasma-attach-dropdown-border-radius);--plasma-dropdown-width:var(--plasma-attach-dropdown-width);--plasma-dropdown-item-padding:var(--plasma-attach-dropdown-item-padding);--plasma-dropdown-background:var(--plasma-attach-dropdown-background);--plasma-dropdown-box-shadow:var(--plasma-attach-dropdown-box-shadow);--plasma-dropdown-border-color:var(--plasma-attach-dropdown-border-color);}.Dropdown_styles_1ge65dg_s1qvmnsb__e948565f .Dropdown_styles_1ge65dg_w1jav4ek__e948565f:hover{cursor:default;}
@@ -0,0 +1,61 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React, { useMemo } from 'react';
3
+ import { MoreTrigger } from '../MoreTrigger/MoreTrigger.js';
4
+ import { CellUI } from '../Cell/Cell.js';
5
+ import { StyledDropdown } from './Dropdown.styles.js';
6
+ import { getFilenameParts } from '../../utils/getFilenameParts.js';
7
+ import { getFileIcon } from '../../utils/getFileicon.js';
8
+
9
+ var _excluded = ["rootWrapper", "size", "filesInfo", "customIcon", "handleClear"];
10
+ var DropdownUI = function DropdownUI(_ref) {
11
+ var Root = _ref.rootWrapper,
12
+ size = _ref.size,
13
+ filesInfo = _ref.filesInfo,
14
+ customIcon = _ref.customIcon,
15
+ handleClear = _ref.handleClear,
16
+ rest = _objectWithoutProperties(_ref, _excluded);
17
+ var parsedItems = useMemo(function () {
18
+ return Object.entries(filesInfo).filter(function (_ref2) {
19
+ var _ref3 = _slicedToArray(_ref2, 2),
20
+ isVisible = _ref3[1].isVisible;
21
+ return !isVisible;
22
+ }).map(function (_ref4) {
23
+ var _ref5 = _slicedToArray(_ref4, 2),
24
+ key = _ref5[0],
25
+ _ref5$ = _ref5[1],
26
+ filenameWithoutExtension = _ref5$.filenameWithoutExtension,
27
+ extension = _ref5$.extension;
28
+ return {
29
+ value: "".concat(filenameWithoutExtension, ".").concat(extension),
30
+ label: key
31
+ };
32
+ });
33
+ }, [filesInfo]);
34
+ return /*#__PURE__*/React.createElement(StyledDropdown, _extends({
35
+ items: parsedItems,
36
+ renderItem: function renderItem(_ref6) {
37
+ var value = _ref6.value,
38
+ label = _ref6.label;
39
+ var _getFilenameParts = getFilenameParts(String(value)),
40
+ filenameWithoutExtension = _getFilenameParts.filenameWithoutExtension,
41
+ extension = _getFilenameParts.extension;
42
+ return /*#__PURE__*/React.createElement(Root, null, /*#__PURE__*/React.createElement(CellUI, {
43
+ size: size,
44
+ filenameWithoutExtension: filenameWithoutExtension,
45
+ extension: extension,
46
+ cellContentLeft: customIcon || getFileIcon(extension, size),
47
+ onClick: function onClick() {
48
+ return handleClear(label);
49
+ },
50
+ isInsideDropdown: true
51
+ }));
52
+ }
53
+ }, rest, {
54
+ closeOnSelect: false
55
+ }), /*#__PURE__*/React.createElement(MoreTrigger, {
56
+ size: size
57
+ }));
58
+ };
59
+
60
+ export { DropdownUI };
61
+ //# sourceMappingURL=Dropdown.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Attach/ui/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { PropsWithChildren, ReactNode, useMemo } from 'react';\n\nimport { MoreTrigger } from '../MoreTrigger/MoreTrigger';\nimport type { DropdownOptions, FileInfo } from '../../Attach.types';\nimport { CellUI } from '../Cell/Cell';\nimport { getFileIcon, getFilenameParts } from '../../utils';\n\nimport { StyledDropdown } from './Dropdown.styles';\n\ntype DropdownItemOption = {\n value: string | number;\n label: string;\n filenameWithoutExtension: string;\n extension: string;\n cellContentLeft: ReactNode;\n key: string;\n};\n\ntype DropdownUIProps = {\n rootWrapper: ({ children }: PropsWithChildren) => JSX.Element;\n filesInfo: Record<string, FileInfo>;\n handleClear: (key: string) => void;\n size?: string;\n customIcon?: ReactNode;\n} & DropdownOptions;\n\nexport const DropdownUI = ({\n rootWrapper: Root,\n size,\n filesInfo,\n customIcon,\n handleClear,\n ...rest\n}: DropdownUIProps) => {\n const parsedItems = useMemo(() => {\n return Object.entries(filesInfo)\n .filter(([, { isVisible }]) => !isVisible)\n .map(([key, { filenameWithoutExtension, extension }]) => ({\n value: `${filenameWithoutExtension}.${extension}`,\n label: key,\n }));\n }, [filesInfo]);\n\n return (\n <StyledDropdown\n items={parsedItems as DropdownItemOption[]}\n renderItem={({ value, label }) => {\n const { filenameWithoutExtension, extension } = getFilenameParts(String(value));\n\n return (\n <Root>\n <CellUI\n size={size}\n filenameWithoutExtension={filenameWithoutExtension}\n extension={extension}\n cellContentLeft={customIcon || getFileIcon(extension, size)}\n onClick={() => handleClear(label)}\n isInsideDropdown\n />\n </Root>\n );\n }}\n {...rest}\n closeOnSelect={false}\n >\n <MoreTrigger size={size} />\n </StyledDropdown>\n );\n};\n"],"names":["DropdownUI","_ref","Root","rootWrapper","size","filesInfo","customIcon","handleClear","rest","_objectWithoutProperties","_excluded","parsedItems","useMemo","Object","entries","filter","_ref2","_ref3","_slicedToArray","isVisible","map","_ref4","_ref5","key","_ref5$","filenameWithoutExtension","extension","value","concat","label","React","createElement","StyledDropdown","_extends","items","renderItem","_ref6","_getFilenameParts","getFilenameParts","String","CellUI","cellContentLeft","getFileIcon","onClick","isInsideDropdown","closeOnSelect","MoreTrigger"],"mappings":";;;;;;;;;IA0BaA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAOA;AAAA,EAAA,IANNC,IAAI,GAAAD,IAAA,CAAjBE,WAAW;IACXC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,WAAW,GAAAN,IAAA,CAAXM,WAAW;AACRC,IAAAA,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,WAAW,GAAGC,OAAO,CAAC,YAAM;IAC9B,OAAOC,MAAM,CAACC,OAAO,CAACT,SAAS,CAAC,CAC3BU,MAAM,CAAC,UAAAC,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,KAAA,EAAA,CAAA,CAAA;QAAMG,SAAS,GAAAF,KAAA,CAAA,CAAA,CAAA,CAATE,SAAS,CAAA;AAAA,MAAA,OAAQ,CAACA,SAAS,CAAA;AAAA,KAAA,CAAC,CACzCC,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAJ,cAAA,CAAAG,KAAA,EAAA,CAAA,CAAA;AAAEE,QAAAA,GAAG,GAAAD,KAAA,CAAA,CAAA,CAAA;AAAAE,QAAAA,MAAA,GAAAF,KAAA,CAAA,CAAA,CAAA;QAAIG,wBAAwB,GAAAD,MAAA,CAAxBC,wBAAwB;QAAEC,SAAS,GAAAF,MAAA,CAATE,SAAS,CAAA;MAAA,OAAS;QACtDC,KAAK,EAAA,EAAA,CAAAC,MAAA,CAAKH,wBAAwB,OAAAG,MAAA,CAAIF,SAAS,CAAE;AACjDG,QAAAA,KAAK,EAAEN,GAAAA;OACV,CAAA;AAAA,KAAC,CAAC,CAAA;AACX,GAAC,EAAE,CAAClB,SAAS,CAAC,CAAC,CAAA;AAEf,EAAA,oBACIyB,KAAA,CAAAC,aAAA,CAACC,cAAc,EAAAC,QAAA,CAAA;AACXC,IAAAA,KAAK,EAAEvB,WAAoC;AAC3CwB,IAAAA,UAAU,EAAE,SAAAA,UAAAC,CAAAA,KAAA,EAAsB;AAAA,MAAA,IAAnBT,KAAK,GAAAS,KAAA,CAALT,KAAK;QAAEE,KAAK,GAAAO,KAAA,CAALP,KAAK,CAAA;MACvB,IAAAQ,iBAAA,GAAgDC,gBAAgB,CAACC,MAAM,CAACZ,KAAK,CAAC,CAAC;QAAvEF,wBAAwB,GAAAY,iBAAA,CAAxBZ,wBAAwB;QAAEC,SAAS,GAAAW,iBAAA,CAATX,SAAS,CAAA;MAE3C,oBACII,KAAA,CAAAC,aAAA,CAAC7B,IAAI,qBACD4B,KAAA,CAAAC,aAAA,CAACS,MAAM,EAAA;AACHpC,QAAAA,IAAI,EAAEA,IAAK;AACXqB,QAAAA,wBAAwB,EAAEA,wBAAyB;AACnDC,QAAAA,SAAS,EAAEA,SAAU;QACrBe,eAAe,EAAEnC,UAAU,IAAIoC,WAAW,CAAChB,SAAS,EAAEtB,IAAI,CAAE;QAC5DuC,OAAO,EAAE,SAAAA,OAAA,GAAA;UAAA,OAAMpC,WAAW,CAACsB,KAAK,CAAC,CAAA;SAAC;QAClCe,gBAAgB,EAAA,IAAA;AAAA,OACnB,CACC,CAAC,CAAA;AAEf,KAAA;AAAE,GAAA,EACEpC,IAAI,EAAA;AACRqC,IAAAA,aAAa,EAAE,KAAA;AAAM,GAAA,CAAA,eAErBf,KAAA,CAAAC,aAAA,CAACe,WAAW,EAAA;AAAC1C,IAAAA,IAAI,EAAEA,IAAAA;AAAK,GAAE,CACd,CAAC,CAAA;AAEzB;;;;"}
@@ -0,0 +1,18 @@
1
+ import './Dropdown.styles_1ge65dg.css';
2
+ import { styled } from '@linaria/react';
3
+ import { component, mergeConfig } from '../../../../engines/common.js';
4
+ import { dropdownConfig } from '../../../Dropdown/Dropdown.js';
5
+
6
+ var mergedConfig = /*#__PURE__*/mergeConfig(dropdownConfig);
7
+ var Dropdown = /*#__PURE__*/component(mergedConfig);
8
+ var _exp = function _exp() {
9
+ return Dropdown;
10
+ };
11
+ var StyledDropdown = /*#__PURE__*/styled(_exp())({
12
+ name: "StyledDropdown",
13
+ "class": "s1qvmnsb",
14
+ propsAsIs: true
15
+ });
16
+
17
+ export { StyledDropdown };
18
+ //# sourceMappingURL=Dropdown.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.styles.js","sources":["../../../../../src/components/Attach/ui/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { Wrapper } from 'src/components/Dropdown/ui/DropdownItem/DropdownItem.styles';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { dropdownConfig, dropdownTokens } from '../../../Dropdown';\nimport { tokens } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(dropdownConfig);\nconst Dropdown = component(mergedConfig);\n\nexport const StyledDropdown = styled(Dropdown)`\n ${dropdownTokens.borderWidth}: var(${tokens.dropdownBorderWidth});\n ${dropdownTokens.padding}: var(${tokens.dropdownPadding});\n ${dropdownTokens.borderRadius}: var(${tokens.dropdownBorderRadius});\n ${dropdownTokens.width}: var(${tokens.dropdownWidth});\n ${dropdownTokens.itemPadding}: var(${tokens.dropdownItemPadding});\n\n ${dropdownTokens.background}: var(${tokens.dropdownBackground});\n ${dropdownTokens.boxShadow}: var(${tokens.dropdownBoxShadow});\n ${dropdownTokens.borderColor}: var(${tokens.dropdownBorderColor});\n\n ${Wrapper} {\n &:hover{\n cursor: default;\n }\n }\n`;\n"],"names":["mergedConfig","mergeConfig","dropdownConfig","Dropdown","component","_exp","StyledDropdown","styled","name","class","propsAsIs"],"mappings":";;;;AAOA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,cAAc,CAAC,CAAA;AAChD,IAAMC,QAAQ,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPvBA,SAOuBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMG,cAAc,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAgBnC;;;;"}
@@ -0,0 +1 @@
1
+ .s1qvmnsb{--plasma-dropdown-border-width:var(--plasma-attach-dropdown-border-width);--plasma-dropdown-padding:var(--plasma-attach-dropdown-padding);--plasma-dropdown-border-radius:var(--plasma-attach-dropdown-border-radius);--plasma-dropdown-width:var(--plasma-attach-dropdown-width);--plasma-dropdown-item-padding:var(--plasma-attach-dropdown-item-padding);--plasma-dropdown-background:var(--plasma-attach-dropdown-background);--plasma-dropdown-box-shadow:var(--plasma-attach-dropdown-box-shadow);--plasma-dropdown-border-color:var(--plasma-attach-dropdown-border-color);}.s1qvmnsb .w1jav4ek:hover{cursor:default;}
@@ -0,0 +1,3 @@
1
+ .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);}
2
+
3
+ .MoreTrigger_styles_5yseaa_i1fc84ks__90d41151{line-height:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--plasma-attach-more-icon-padding);}
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { IconWrapper } from './MoreTrigger.styles.js';
3
+ import { IconDotsHorizontalOutline } from '../../../_Icon/Icons/IconDotsHorizontalOutline.js';
4
+
5
+ var MoreTrigger = function MoreTrigger(_ref) {
6
+ var size = _ref.size;
7
+ var iconSize = size === 'xs' ? 'xs' : 's';
8
+ return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(IconDotsHorizontalOutline, {
9
+ size: iconSize,
10
+ color: "inherit"
11
+ }));
12
+ };
13
+
14
+ export { MoreTrigger };
15
+ //# sourceMappingURL=MoreTrigger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MoreTrigger.js","sources":["../../../../../src/components/Attach/ui/MoreTrigger/MoreTrigger.tsx"],"sourcesContent":["import React from 'react';\nimport { IconDotsHorizontalOutline } from 'src/components/_Icon';\n\nimport { IconWrapper } from './MoreTrigger.styles';\n\ntype MoreTriggerProps = {\n size?: string;\n};\n\nexport const MoreTrigger = ({ size }: MoreTriggerProps) => {\n const iconSize = size === 'xs' ? 'xs' : 's';\n\n return (\n <IconWrapper>\n <IconDotsHorizontalOutline size={iconSize} color=\"inherit\" />\n </IconWrapper>\n );\n};\n"],"names":["MoreTrigger","_ref","size","iconSize","React","createElement","IconWrapper","IconDotsHorizontalOutline","color"],"mappings":";;;;IASaA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAmC;AAAA,EAAA,IAA7BC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAA;EAC9B,IAAMC,QAAQ,GAAGD,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;EAE3C,oBACIE,KAAA,CAAAC,aAAA,CAACC,WAAW,qBACRF,KAAA,CAAAC,aAAA,CAACE,yBAAyB,EAAA;AAACL,IAAAA,IAAI,EAAEC,QAAS;AAACK,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAE,CACnD,CAAC,CAAA;AAEtB;;;;"}
@@ -0,0 +1,11 @@
1
+ import './MoreTrigger.styles_5yseaa.css';
2
+ import { styled } from '@linaria/react';
3
+
4
+ var IconWrapper = /*#__PURE__*/styled('div')({
5
+ name: "IconWrapper",
6
+ "class": "i1fc84ks",
7
+ propsAsIs: false
8
+ });
9
+
10
+ export { IconWrapper };
11
+ //# sourceMappingURL=MoreTrigger.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MoreTrigger.styles.js","sources":["../../../../../src/components/Attach/ui/MoreTrigger/MoreTrigger.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Attach.tokens';\n\nexport const IconWrapper = styled.div`\n line-height: 0;\n height: fit-content;\n padding: var(${tokens.moreIconPadding});\n`;\n"],"names":["IconWrapper","styled","name","class","propsAsIs"],"mappings":";;AAIO,IAAMA,WAAW,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIhC;;;;"}
@@ -0,0 +1 @@
1
+ .i1fc84ks{line-height:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--plasma-attach-more-icon-padding);}
@@ -0,0 +1,17 @@
1
+ import { extractExtension } from './extractExtension.js';
2
+ import { getFileIcon } from './getFileicon.js';
3
+
4
+ var getFilenameParts = function getFilenameParts(filename, size, customIcon) {
5
+ var extension = extractExtension(filename) || '';
6
+ var filenameWithoutExtension = filename.slice(0, -1 - ((extension === null || extension === void 0 ? void 0 : extension.length) || 0)) || '';
7
+ var cellContentLeft = customIcon || getFileIcon(extension, size);
8
+ return {
9
+ extension: extension,
10
+ filenameWithoutExtension: filenameWithoutExtension,
11
+ cellContentLeft: cellContentLeft,
12
+ isVisible: true
13
+ };
14
+ };
15
+
16
+ export { getFilenameParts };
17
+ //# sourceMappingURL=getFilenameParts.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getFilenameParts.js","sources":["../../../../src/components/Attach/utils/getFilenameParts.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { extractExtension } from './extractExtension';\nimport { getFileIcon } from './getFileicon';\n\nexport const getFilenameParts = (filename: string, size?: string, customIcon?: ReactNode) => {\n const extension = extractExtension(filename) || '';\n const filenameWithoutExtension = filename.slice(0, -1 - (extension?.length || 0)) || '';\n const cellContentLeft = customIcon || getFileIcon(extension, size);\n\n return { extension, filenameWithoutExtension, cellContentLeft, isVisible: true };\n};\n"],"names":["getFilenameParts","filename","size","customIcon","extension","extractExtension","filenameWithoutExtension","slice","length","cellContentLeft","getFileIcon","isVisible"],"mappings":";;;AAKO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,QAAgB,EAAEC,IAAa,EAAEC,UAAsB,EAAK;AACzF,EAAA,IAAMC,SAAS,GAAGC,gBAAgB,CAACJ,QAAQ,CAAC,IAAI,EAAE,CAAA;EAClD,IAAMK,wBAAwB,GAAGL,QAAQ,CAACM,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAAH,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAEI,MAAM,KAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAA;EACvF,IAAMC,eAAe,GAAGN,UAAU,IAAIO,WAAW,CAACN,SAAS,EAAEF,IAAI,CAAC,CAAA;EAElE,OAAO;AAAEE,IAAAA,SAAS,EAATA,SAAS;AAAEE,IAAAA,wBAAwB,EAAxBA,wBAAwB;AAAEG,IAAAA,eAAe,EAAfA,eAAe;AAAEE,IAAAA,SAAS,EAAE,IAAA;GAAM,CAAA;AACpF;;;;"}
@@ -1,4 +1,4 @@
1
- import './base_kpo9at.css';
1
+ import './base_1x0gzlt.css';
2
2
  var base = "b1pj1390";
3
3
 
4
4
  export { base };
@@ -1 +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';\nimport { FilenameWrapper, StyledHelperText } from '../../Attach.styles';\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 &.${classes.withHelperText} {\n row-gap: var(${tokens.verticalGapWithHelperText});\n }\n\n ${FilenameWrapper} {\n font-family: var(${tokens.cellTitleFontFamily});\n font-size: var(${tokens.cellTitleFontSize});\n font-style: var(${tokens.cellTitleFontStyle});\n font-weight: var(${tokens.cellTitleFontWeight});\n letter-spacing: var(${tokens.cellTitleLetterSpacing});\n line-height: var(${tokens.cellTitleLineHeight});\n\n height: var(${tokens.filenameWrapperHeight});\n }\n\n ${StyledHelperText} {\n font-family: var(--plasma-typo-body-xs-font-family);\n font-size: var(--plasma-typo-body-xs-font-size);\n font-style: var(--plasma-typo-body-xs-font-style);\n font-weight: var(--plasma-typo-body-xs-font-weight);\n letter-spacing: var(--plasma-typo-body-xs-letter-spacing);\n line-height: var(--plasma-typo-body-xs-line-height);\n }\n}\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAsChB;;;;"}
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';\nimport { FilenameWrapper, StyledHelperText } from '../../Attach.styles';\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 .${classes.horizontal} {\n column-gap: var(${tokens.horizontalGap});\n }\n\n .${classes.auto} {\n column-gap: var(${tokens.horizontalGap});\n }\n\n &.${classes.withHelperText} {\n row-gap: var(${tokens.verticalGapWithHelperText});\n }\n\n ${FilenameWrapper} {\n font-family: var(${tokens.cellTitleFontFamily});\n font-size: var(${tokens.cellTitleFontSize});\n font-style: var(${tokens.cellTitleFontStyle});\n font-weight: var(${tokens.cellTitleFontWeight});\n letter-spacing: var(${tokens.cellTitleLetterSpacing});\n line-height: var(${tokens.cellTitleLineHeight});\n }\n\n ${StyledHelperText} {\n font-family: var(--plasma-typo-body-xs-font-family);\n font-size: var(--plasma-typo-body-xs-font-size);\n font-style: var(--plasma-typo-body-xs-font-style);\n font-weight: var(--plasma-typo-body-xs-font-weight);\n letter-spacing: var(--plasma-typo-body-xs-letter-spacing);\n line-height: var(--plasma-typo-body-xs-line-height);\n }\n}\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GA4ChB;;;;"}
@@ -0,0 +1 @@
1
+ .b1pj1390.plasma-attach-horizontal{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.b1pj1390.plasma-attach-vertical{row-gap:var(--plasma-attach-vertical-gap);}.b1pj1390.plasma-attach-auto{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.b1pj1390 .plasma-attach-horizontal{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.b1pj1390 .plasma-attach-auto{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.b1pj1390.plasma-attach-with-helper-text{row-gap:var(--plasma-attach-vertical-gap-with-helper-text);}.b1pj1390 .fssye98{font-family:var(--plasma-attach-cell-title-font-family);font-size:var(--plasma-attach-cell-title-font-size);font-style:var(--plasma-attach-cell-title-font-style);font-weight:var(--plasma-attach-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);letter-spacing:var(--plasma-attach-cell-title-letter-spacing);line-height:var(--plasma-attach-cell-title-line-height);}.b1pj1390 .sjp429d{font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
@@ -1,4 +1,4 @@
1
- import './base_1nvsg1b.css';
1
+ import './base_d9xz7t.css';
2
2
  var base = "b438e2d";
3
3
 
4
4
  export { base };
@@ -0,0 +1 @@
1
+ .b438e2d.plasma-attach-horizontal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.b438e2d.plasma-attach-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.b438e2d.plasma-attach-auto{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
@@ -1,5 +1,5 @@
1
- .ProgressBarCircular_styles_16hxdvd_b18reh89__8bec966a{position:relative;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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-height);height:var(--plasma-progressbar-circular-height);}
2
- .ProgressBarCircular_styles_16hxdvd_s2tt3b5__8bec966a{width:100%;height:100%;}
3
- .ProgressBarCircular_styles_16hxdvd_slvt37h__8bec966a{fill:none;r:var(--slvt37h-0);stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-1);}
4
- .ProgressBarCircular_styles_16hxdvd_s1d8ncmi__8bec966a{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s linear;transition:stroke-dashoffset 0.3s linear;}
5
- .ProgressBarCircular_styles_16hxdvd_sg9aoc4__8bec966a{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
1
+ .ProgressBarCircular_styles_1cnlydo_b18reh89__42dafeea{position:relative;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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-height);height:var(--plasma-progressbar-circular-height);}
2
+ .ProgressBarCircular_styles_1cnlydo_s2tt3b5__42dafeea{width:100%;height:100%;}
3
+ .ProgressBarCircular_styles_1cnlydo_slvt37h__42dafeea{fill:none;r:var(--slvt37h-0);stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-1);}
4
+ .ProgressBarCircular_styles_1cnlydo_s1d8ncmi__42dafeea{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s ease-in-out;transition:stroke-dashoffset 0.3s ease-in-out;}
5
+ .ProgressBarCircular_styles_1cnlydo_sg9aoc4__42dafeea{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
@@ -5,7 +5,7 @@ import { base as base$2 } from './variations/_size/base.js';
5
5
  import { StyledSVG, StyledBackgroundCircle, StyledProgressCircle, StyledContent, base } from './ProgressBarCircular.styles.js';
6
6
  import { classes } from './ProgressBarCircular.tokens.js';
7
7
 
8
- var _excluded = ["value", "maxValue", "size", "view", "children", "className", "strokeSize", "hasTrack"];
8
+ var _excluded = ["value", "maxValue", "size", "view", "children", "className", "strokeWidth"];
9
9
  var progressBarCircularRoot = function progressBarCircularRoot(Root) {
10
10
  return /*#__PURE__*/forwardRef(function (props, ref) {
11
11
  var _props$value = props.value,
@@ -16,9 +16,7 @@ var progressBarCircularRoot = function progressBarCircularRoot(Root) {
16
16
  view = props.view,
17
17
  children = props.children,
18
18
  className = props.className,
19
- strokeSize = props.strokeSize,
20
- _props$hasTrack = props.hasTrack,
21
- hasTrack = _props$hasTrack === void 0 ? true : _props$hasTrack,
19
+ strokeWidth = props.strokeWidth,
22
20
  rest = _objectWithoutProperties(props, _excluded);
23
21
  var clampedValue = Math.min(Math.max(value, 0), maxValue);
24
22
  var percentage = clampedValue / maxValue * 100;
@@ -33,15 +31,15 @@ var progressBarCircularRoot = function progressBarCircularRoot(Root) {
33
31
  height: "100%",
34
32
  viewBox: "0 0 100 100",
35
33
  className: classes.svg
36
- }, hasTrack && /*#__PURE__*/React.createElement(StyledBackgroundCircle, {
37
- customStrokeWidth: strokeSize,
34
+ }, /*#__PURE__*/React.createElement(StyledBackgroundCircle, {
35
+ customStrokeWidth: strokeWidth,
38
36
  cx: center,
39
37
  cy: center,
40
38
  className: classes.backgroundCircle
41
39
  }), /*#__PURE__*/React.createElement(StyledProgressCircle, {
42
40
  cx: center,
43
41
  cy: center,
44
- customStrokeWidth: strokeSize,
42
+ customStrokeWidth: strokeWidth,
45
43
  className: classes.progressCircle,
46
44
  percent: percentage,
47
45
  transform: "rotate(-90 50 50)"
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressBarCircular.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ProgressBarCircularProps } from './ProgressBarCircular.types';\nimport {\n base,\n StyledSVG,\n StyledBackgroundCircle,\n StyledProgressCircle,\n StyledContent,\n} from './ProgressBarCircular.styles';\nimport { classes } from './ProgressBarCircular.tokens';\n\nexport const progressBarCircularRoot = (Root: RootProps<HTMLDivElement, ProgressBarCircularProps>) =>\n forwardRef<HTMLDivElement, ProgressBarCircularProps>((props, ref) => {\n const {\n value = 0,\n maxValue = 100,\n size,\n view,\n children,\n className,\n strokeSize,\n hasTrack = true,\n ...rest\n } = props;\n\n const clampedValue = Math.min(Math.max(value, 0), maxValue);\n const percentage = (clampedValue / maxValue) * 100;\n\n const center = 50;\n\n return (\n <Root ref={ref} view={view} size={size} className={className} {...rest}>\n <StyledSVG width=\"100%\" height=\"100%\" viewBox=\"0 0 100 100\" className={classes.svg}>\n {hasTrack && (\n <StyledBackgroundCircle\n customStrokeWidth={strokeSize}\n cx={center}\n cy={center}\n className={classes.backgroundCircle}\n />\n )}\n <StyledProgressCircle\n cx={center}\n cy={center}\n customStrokeWidth={strokeSize}\n className={classes.progressCircle}\n percent={percentage}\n transform=\"rotate(-90 50 50)\"\n />\n </StyledSVG>\n\n {children && <StyledContent className={classes.content}>{children}</StyledContent>}\n </Root>\n );\n });\n\nexport const progressBarCircularConfig = {\n name: 'ProgressBarCircular',\n tag: 'div',\n layout: progressBarCircularRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["progressBarCircularRoot","Root","forwardRef","props","ref","_props$value","value","_props$maxValue","maxValue","size","view","children","className","strokeSize","_props$hasTrack","hasTrack","rest","_objectWithoutProperties","_excluded","clampedValue","Math","min","max","percentage","center","React","createElement","_extends","StyledSVG","width","height","viewBox","classes","svg","StyledBackgroundCircle","customStrokeWidth","cx","cy","backgroundCircle","StyledProgressCircle","progressCircle","percent","transform","StyledContent","content","progressBarCircularConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"ProgressBarCircular.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ProgressBarCircularProps } from './ProgressBarCircular.types';\nimport {\n base,\n StyledSVG,\n StyledBackgroundCircle,\n StyledProgressCircle,\n StyledContent,\n} from './ProgressBarCircular.styles';\nimport { classes } from './ProgressBarCircular.tokens';\n\nexport const progressBarCircularRoot = (Root: RootProps<HTMLDivElement, ProgressBarCircularProps>) =>\n forwardRef<HTMLDivElement, ProgressBarCircularProps>((props, ref) => {\n const { value = 0, maxValue = 100, size, view, children, className, strokeWidth, ...rest } = props;\n\n const clampedValue = Math.min(Math.max(value, 0), maxValue);\n const percentage = (clampedValue / maxValue) * 100;\n\n const center = 50;\n\n return (\n <Root ref={ref} view={view} size={size} className={className} {...rest}>\n <StyledSVG width=\"100%\" height=\"100%\" viewBox=\"0 0 100 100\" className={classes.svg}>\n <StyledBackgroundCircle\n customStrokeWidth={strokeWidth}\n cx={center}\n cy={center}\n className={classes.backgroundCircle}\n />\n <StyledProgressCircle\n cx={center}\n cy={center}\n customStrokeWidth={strokeWidth}\n className={classes.progressCircle}\n percent={percentage}\n transform=\"rotate(-90 50 50)\"\n />\n </StyledSVG>\n\n {children && <StyledContent className={classes.content}>{children}</StyledContent>}\n </Root>\n );\n });\n\nexport const progressBarCircularConfig = {\n name: 'ProgressBarCircular',\n tag: 'div',\n layout: progressBarCircularRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["progressBarCircularRoot","Root","forwardRef","props","ref","_props$value","value","_props$maxValue","maxValue","size","view","children","className","strokeWidth","rest","_objectWithoutProperties","_excluded","clampedValue","Math","min","max","percentage","center","React","createElement","_extends","StyledSVG","width","height","viewBox","classes","svg","StyledBackgroundCircle","customStrokeWidth","cx","cy","backgroundCircle","StyledProgressCircle","progressCircle","percent","transform","StyledContent","content","progressBarCircularConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import './ProgressBarCircular.styles_16hxdvd.css';
1
+ import './ProgressBarCircular.styles_1cnlydo.css';
2
2
  import { styled } from '@linaria/react';
3
3
  import { tokens } from './ProgressBarCircular.tokens.js';
4
4
 
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressBarCircular.styles.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { tokens } from './ProgressBarCircular.tokens';\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n width: var(${tokens.height});\n height: var(${tokens.height});\n`;\n\nexport const StyledSVG = styled.svg`\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackgroundCircle = styled.circle<{ customStrokeWidth?: number }>`\n fill: none;\n r: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n stroke: var(${tokens.backgroundStroke});\n stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n`;\n\nexport const StyledProgressCircle = styled.circle<{ customStrokeWidth?: number; percent?: number }>`\n --percentage: ${({ percent }) => percent ?? 0};\n --radius: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n --circumference: calc(calc(2 * 3.1415926535) * var(--radius));\n --dashoffset: calc(var(--circumference) - (var(--percentage, 0) * var(--circumference) / 100));\n\n fill: none;\n stroke: var(${tokens.progressStroke});\n stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n stroke-linecap: round;\n r: var(--radius);\n stroke-dasharray: var(--circumference);\n stroke-dashoffset: var(--dashoffset);\n transition: stroke-dashoffset 0.3s linear;\n`;\n\nexport const StyledContent = styled.div`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n color: var(${tokens.contentColor});\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentLetterSpacing});\n line-height: var(${tokens.contentLineHeight});\n\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n"],"names":["base","StyledSVG","styled","name","class","propsAsIs","_exp3","_ref","_ref$customStrokeWidt","customStrokeWidth","concat","tokens","strokeSize","size","_exp5","_ref2","_ref2$customStrokeWid","StyledBackgroundCircle","vars","_exp6","_ref3","percent","_exp7","_ref4","_ref4$customStrokeWid","_exp9","_ref5","_ref5$customStrokeWid","StyledProgressCircle","StyledContent"],"mappings":"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"}
1
+ {"version":3,"file":"ProgressBarCircular.styles.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { tokens } from './ProgressBarCircular.tokens';\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n width: var(${tokens.height});\n height: var(${tokens.height});\n`;\n\nexport const StyledSVG = styled.svg`\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackgroundCircle = styled.circle<{ customStrokeWidth?: number }>`\n fill: none;\n r: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n stroke: var(${tokens.backgroundStroke});\n stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n`;\n\nexport const StyledProgressCircle = styled.circle<{ customStrokeWidth?: number; percent?: number }>`\n --percentage: ${({ percent }) => percent ?? 0};\n --radius: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n --circumference: calc(calc(2 * 3.1415926535) * var(--radius));\n --dashoffset: calc(var(--circumference) - (var(--percentage, 0) * var(--circumference) / 100));\n\n fill: none;\n stroke: var(${tokens.progressStroke});\n stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n stroke-linecap: round;\n r: var(--radius);\n stroke-dasharray: var(--circumference);\n stroke-dashoffset: var(--dashoffset);\n transition: stroke-dashoffset 0.3s ease-in-out;\n`;\n\nexport const StyledContent = styled.div`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n color: var(${tokens.contentColor});\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentLetterSpacing});\n line-height: var(${tokens.contentLineHeight});\n\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n"],"names":["base","StyledSVG","styled","name","class","propsAsIs","_exp3","_ref","_ref$customStrokeWidt","customStrokeWidth","concat","tokens","strokeSize","size","_exp5","_ref2","_ref2$customStrokeWid","StyledBackgroundCircle","vars","_exp6","_ref3","percent","_exp7","_ref4","_ref4$customStrokeWid","_exp9","_ref5","_ref5$customStrokeWid","StyledProgressCircle","StyledContent"],"mappings":";;;AAKO,IAAMA,IAAI,GAShB,WAAA;AAEM,IAAMC,SAAS,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG9B,EAAA;AAAC,IAAAC,KAAA,GAlBgBA,SAkBhBA,KAAAA,GAAA;AAAA,EAAA,OAIO,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAAC,qBAAA,GAAAD,IAAA,CAAGE,iBAAiB;MAAjBA,iBAAiB,GAAAD,qBAAA,KAAAE,KAAAA,CAAAA,GAAAA,MAAAA,CAAAA,MAAA,CAAUC,MAAM,CAACC,UAAU,EAAA,GAAA,CAAA,GAAAJ,qBAAA,CAAA;IAAA,OAAAE,mCAAAA,CAAAA,MAAA,CACZC,MAAM,CAACE,IAAI,EAAAH,OAAAA,CAAAA,CAAAA,MAAA,CAAQD,iBAAiB,EAAA,IAAA,CAAA,CAAA;GAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAK,KAAA,GAvBlEA,SAuBkEA,KAAAA,GAAA;AAAA,EAAA,OAEhE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,qBAAA,GAAAD,KAAA,CAAGN,iBAAiB;MAAjBA,iBAAiB,GAAAO,qBAAA,KAAAN,KAAAA,CAAAA,GAAAA,MAAAA,CAAAA,MAAA,CAAUC,MAAM,CAACC,UAAU,EAAA,GAAA,CAAA,GAAAI,qBAAA,CAAA;IAAA,OAAAN,uBAAAA,CAAAA,MAAA,CACnCC,MAAM,CAACE,IAAI,EAAAH,YAAAA,CAAAA,CAAAA,MAAA,CAAaD,iBAAiB,EAAA,QAAA,CAAA,CAAA;GAAQ,CAAA;AAAA,CAAA,CAAA;AAN1E,IAAMQ,sBAAsB,gBAAGf,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAa,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAEnCZ,KAC2E,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAEhEQ,KAC6D,EAAA,CAAA;AAAA,GAAA;AAAA,CAChF,EAAA;AAAC,IAAAK,KAAA,GA3BgBA,SA2BhBA,KAAAA,GAAA;AAAA,EAAA,OAGkB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,OAAAA,GAAAA,KAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAcA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,OAAO,GAAI,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA9B/BA,SA8B+BA,KAAAA,GAAA;AAAA,EAAA,OACjC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,qBAAA,GAAAD,KAAA,CAAGd,iBAAiB;MAAjBA,iBAAiB,GAAAe,qBAAA,KAAAd,KAAAA,CAAAA,GAAAA,MAAAA,CAAAA,MAAA,CAAUC,MAAM,CAACC,UAAU,EAAA,GAAA,CAAA,GAAAY,qBAAA,CAAA;IAAA,OAAAd,mCAAAA,CAAAA,MAAA,CACnBC,MAAM,CAACE,IAAI,EAAAH,OAAAA,CAAAA,CAAAA,MAAA,CAAQD,iBAAiB,EAAA,IAAA,CAAA,CAAA;GAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAgB,KAAA,GAhClEA,SAgCkEA,KAAAA,GAAA;AAAA,EAAA,OAMhE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,qBAAA,GAAAD,KAAA,CAAGjB,iBAAiB;MAAjBA,iBAAiB,GAAAkB,qBAAA,KAAAjB,KAAAA,CAAAA,GAAAA,MAAAA,CAAAA,MAAA,CAAUC,MAAM,CAACC,UAAU,EAAA,GAAA,CAAA,GAAAe,qBAAA,CAAA;IAAA,OAAAjB,uBAAAA,CAAAA,MAAA,CACnCC,MAAM,CAACE,IAAI,EAAAH,YAAAA,CAAAA,CAAAA,MAAA,CAAaD,iBAAiB,EAAA,QAAA,CAAA,CAAA;GAAQ,CAAA;AAAA,CAAA,CAAA;AAV1E,IAAMmB,oBAAoB,gBAAG1B,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAa,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACtBC,KAA6B,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACjCG,KACoE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAMhEG,KAC6D,EAAA,CAAA;AAAA,GAAA;AAAA,CAMhF,EAAA;AAEM,IAAMI,aAAa,gBAAG3B,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBlC;;;;"}
@@ -1,5 +1,5 @@
1
1
  .b18reh89{position:relative;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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-height);height:var(--plasma-progressbar-circular-height);}
2
2
  .s2tt3b5{width:100%;height:100%;}
3
3
  .slvt37h{fill:none;r:var(--slvt37h-0);stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-1);}
4
- .s1d8ncmi{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s linear;transition:stroke-dashoffset 0.3s linear;}
4
+ .s1d8ncmi{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s ease-in-out;transition:stroke-dashoffset 0.3s ease-in-out;}
5
5
  .sg9aoc4{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
@@ -0,0 +1,19 @@
1
+ import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React from 'react';
3
+
4
+ var _path;
5
+ var DotsHorizontalOutline = function DotsHorizontalOutline(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ width: "100%",
8
+ viewBox: "0 0 16 16",
9
+ fill: "none"
10
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
11
+ fillRule: "evenodd",
12
+ clipRule: "evenodd",
13
+ d: "M3.80039 6.59998C3.03039 6.59998 2.40039 7.22998 2.40039 7.99998C2.40039 8.76998 3.03039 9.39998 3.80039 9.39998C4.57039 9.39998 5.20039 8.76998 5.20039 7.99998C5.20039 7.22998 4.57039 6.59998 3.80039 6.59998ZM12.2004 6.59998C11.4304 6.59998 10.8004 7.22998 10.8004 7.99998C10.8004 8.76998 11.4304 9.39998 12.2004 9.39998C12.9704 9.39998 13.6004 8.76998 13.6004 7.99998C13.6004 7.22998 12.9704 6.59998 12.2004 6.59998ZM8.00039 6.59998C7.23039 6.59998 6.60039 7.22998 6.60039 7.99998C6.60039 8.76998 7.23039 9.39998 8.00039 9.39998C8.77039 9.39998 9.40039 8.76998 9.40039 7.99998C9.40039 7.22998 8.77039 6.59998 8.00039 6.59998Z",
14
+ fill: "currentColor"
15
+ })));
16
+ };
17
+
18
+ export { DotsHorizontalOutline };
19
+ //# sourceMappingURL=DotsHorizontalOutline.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DotsHorizontalOutline.js","sources":["../../../../src/components/_Icon/Icon.assets/DotsHorizontalOutline.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../IconRoot';\n\nexport const DotsHorizontalOutline: React.FC<IconProps> = (props) => (\n <svg width=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M3.80039 6.59998C3.03039 6.59998 2.40039 7.22998 2.40039 7.99998C2.40039 8.76998 3.03039 9.39998 3.80039 9.39998C4.57039 9.39998 5.20039 8.76998 5.20039 7.99998C5.20039 7.22998 4.57039 6.59998 3.80039 6.59998ZM12.2004 6.59998C11.4304 6.59998 10.8004 7.22998 10.8004 7.99998C10.8004 8.76998 11.4304 9.39998 12.2004 9.39998C12.9704 9.39998 13.6004 8.76998 13.6004 7.99998C13.6004 7.22998 12.9704 6.59998 12.2004 6.59998ZM8.00039 6.59998C7.23039 6.59998 6.60039 7.22998 6.60039 7.99998C6.60039 8.76998 7.23039 9.39998 8.00039 9.39998C8.77039 9.39998 9.40039 8.76998 9.40039 7.99998C9.40039 7.22998 8.77039 6.59998 8.00039 6.59998Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n"],"names":["DotsHorizontalOutline","props","React","createElement","_extends","width","viewBox","fill","_path","fillRule","clipRule","d"],"mappings":";;;;IAIaA,qBAA0C,GAAG,SAA7CA,qBAA0CA,CAAIC,KAAK,EAAA;AAAA,EAAA,oBAC5DC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKC,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAA;GAAWN,EAAAA,KAAK,GAAAO,KAAA,KAAAA,KAAA,gBACvDN,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIM,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,CAAC,EAAC,qnBAAqnB;AACvnBJ,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,CACD,CAAC,CAAA;AAAA;;;;"}