chromia 0.1.12 → 0.1.13

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 (319) hide show
  1. package/dist/icons/ActivityIcon.svelte +4 -3
  2. package/dist/icons/AddImageIcon.svelte +5 -4
  3. package/dist/icons/AddSquare01Icon.svelte +4 -3
  4. package/dist/icons/AddSquare02Icon.svelte +4 -3
  5. package/dist/icons/AddSquare03Icon.svelte +4 -3
  6. package/dist/icons/AddSquare04Icon.svelte +3 -2
  7. package/dist/icons/AddSquareIcon.svelte +4 -3
  8. package/dist/icons/AlertCircleIcon.svelte +4 -3
  9. package/dist/icons/AnnotationXIcon.svelte +3 -3
  10. package/dist/icons/ArrowCalendarIcon.svelte +4 -3
  11. package/dist/icons/ArrowCurveLeftDownIcon.svelte +4 -3
  12. package/dist/icons/ArrowCurveLeftRightIcon.svelte +4 -3
  13. package/dist/icons/ArrowCurveRightUpIcon.svelte +4 -3
  14. package/dist/icons/ArrowCurveUpLeftIcon.svelte +4 -3
  15. package/dist/icons/ArrowCurveUpRightIcon.svelte +4 -3
  16. package/dist/icons/ArrowDownContained01Icon.svelte +3 -2
  17. package/dist/icons/ArrowDownContained02Icon.svelte +3 -2
  18. package/dist/icons/ArrowDownLeft02Icon.svelte +4 -3
  19. package/dist/icons/ArrowDownLeftContainedIcon.svelte +3 -2
  20. package/dist/icons/ArrowDownLeftIcon.svelte +4 -3
  21. package/dist/icons/ArrowDownLeftSmIcon.svelte +4 -3
  22. package/dist/icons/ArrowDownLeftSquareContainedIcon.svelte +4 -3
  23. package/dist/icons/ArrowDownRight02Icon.svelte +4 -3
  24. package/dist/icons/ArrowDownRightContainedIcon.svelte +3 -2
  25. package/dist/icons/ArrowDownRightIcon.svelte +4 -3
  26. package/dist/icons/ArrowDownRightSmIcon.svelte +4 -3
  27. package/dist/icons/ArrowDownRightSquareContainedIcon.svelte +4 -3
  28. package/dist/icons/ArrowDownSquareContainedIcon.svelte +4 -3
  29. package/dist/icons/ArrowExpand01Icon.svelte +4 -3
  30. package/dist/icons/ArrowExpand02Icon.svelte +4 -3
  31. package/dist/icons/ArrowExpand03Icon.svelte +3 -2
  32. package/dist/icons/ArrowExpand04Icon.svelte +4 -3
  33. package/dist/icons/ArrowLeftContained01Icon.svelte +3 -2
  34. package/dist/icons/ArrowLeftContained02Icon.svelte +3 -2
  35. package/dist/icons/ArrowLeftIcon.svelte +4 -3
  36. package/dist/icons/ArrowLeftSmIcon.svelte +4 -3
  37. package/dist/icons/ArrowLeftSquareContainedIcon.svelte +4 -3
  38. package/dist/icons/ArrowRefresh01Icon.svelte +4 -3
  39. package/dist/icons/ArrowRefresh02Icon.svelte +4 -3
  40. package/dist/icons/ArrowRefresh03Icon.svelte +4 -3
  41. package/dist/icons/ArrowRefresh04Icon.svelte +4 -3
  42. package/dist/icons/ArrowRefresh05Icon.svelte +4 -3
  43. package/dist/icons/ArrowRefresh06Icon.svelte +4 -3
  44. package/dist/icons/ArrowRightContained01Icon.svelte +3 -2
  45. package/dist/icons/ArrowRightContained02Icon.svelte +3 -2
  46. package/dist/icons/ArrowRightIcon.svelte +4 -3
  47. package/dist/icons/ArrowRightSmIcon.svelte +4 -3
  48. package/dist/icons/ArrowRightSquareContainedIcon.svelte +4 -3
  49. package/dist/icons/ArrowRotateLeft01Icon.svelte +4 -3
  50. package/dist/icons/ArrowRotateLeft02Icon.svelte +4 -3
  51. package/dist/icons/ArrowRotateLeftIcon.svelte +4 -3
  52. package/dist/icons/ArrowRotateRight01Icon.svelte +4 -3
  53. package/dist/icons/ArrowRotateRight02Icon.svelte +4 -3
  54. package/dist/icons/ArrowSwitchHorizontalIcon.svelte +4 -3
  55. package/dist/icons/ArrowSwitchIcon.svelte +4 -3
  56. package/dist/icons/ArrowSwitchVerticalIcon.svelte +4 -3
  57. package/dist/icons/ArrowUpContained01Icon.svelte +3 -2
  58. package/dist/icons/ArrowUpContained02Icon.svelte +3 -2
  59. package/dist/icons/ArrowUpIcon.svelte +4 -3
  60. package/dist/icons/ArrowUpLeftContainedIcon.svelte +3 -2
  61. package/dist/icons/ArrowUpLeftIcon.svelte +4 -3
  62. package/dist/icons/ArrowUpLeftSmIcon.svelte +4 -3
  63. package/dist/icons/ArrowUpLeftSquareContainedIcon.svelte +4 -3
  64. package/dist/icons/ArrowUpRightContainedIcon.svelte +3 -2
  65. package/dist/icons/ArrowUpRightIcon.svelte +4 -3
  66. package/dist/icons/ArrowUpRightSmIcon.svelte +4 -3
  67. package/dist/icons/ArrowUpRightSquareContainedIcon.svelte +4 -3
  68. package/dist/icons/ArrowUpSmIcon.svelte +4 -3
  69. package/dist/icons/ArrowUpSquareContainedIcon.svelte +4 -3
  70. package/dist/icons/BackArrowIcon.svelte +4 -3
  71. package/dist/icons/Bag01Icon.svelte +4 -3
  72. package/dist/icons/Bag02Icon.svelte +4 -3
  73. package/dist/icons/Bag03Icon.svelte +4 -3
  74. package/dist/icons/Bag04Icon.svelte +4 -3
  75. package/dist/icons/Bag05Icon.svelte +4 -3
  76. package/dist/icons/BankIcon.svelte +4 -3
  77. package/dist/icons/BankNote01Icon.svelte +5 -4
  78. package/dist/icons/BankNote02Icon.svelte +4 -3
  79. package/dist/icons/BankNote03Icon.svelte +4 -3
  80. package/dist/icons/BankNote04Icon.svelte +5 -4
  81. package/dist/icons/BankNote05Icon.svelte +4 -3
  82. package/dist/icons/BankNote06Icon.svelte +4 -3
  83. package/dist/icons/BellIcon.svelte +3 -2
  84. package/dist/icons/BezierIcon.svelte +3 -2
  85. package/dist/icons/BoxIcon.svelte +4 -3
  86. package/dist/icons/BrandIcon.svelte +4 -3
  87. package/dist/icons/Calendar01Icon.svelte +4 -3
  88. package/dist/icons/Calendar02Icon.svelte +4 -3
  89. package/dist/icons/Calendar03Icon.svelte +4 -3
  90. package/dist/icons/CalendarIcon.svelte +4 -3
  91. package/dist/icons/CameraIcon.svelte +3 -2
  92. package/dist/icons/CancelLeftIcon.svelte +4 -3
  93. package/dist/icons/CancelRightIcon.svelte +4 -3
  94. package/dist/icons/Card01Icon.svelte +4 -3
  95. package/dist/icons/Card02Icon.svelte +4 -3
  96. package/dist/icons/CardAddIcon.svelte +4 -3
  97. package/dist/icons/CardCheckIcon.svelte +4 -3
  98. package/dist/icons/CardDownIcon.svelte +4 -3
  99. package/dist/icons/CardEditIcon.svelte +4 -3
  100. package/dist/icons/CardLockIcon.svelte +4 -3
  101. package/dist/icons/CardMinusIcon.svelte +4 -3
  102. package/dist/icons/CardNumberIcon.svelte +4 -3
  103. package/dist/icons/CardShieldIcon.svelte +4 -3
  104. package/dist/icons/CardUpIcon.svelte +4 -3
  105. package/dist/icons/CardXIcon.svelte +4 -3
  106. package/dist/icons/CartIcon.svelte +3 -2
  107. package/dist/icons/CategoryIcon.svelte +4 -3
  108. package/dist/icons/CertificateIcon.svelte +3 -2
  109. package/dist/icons/ChartTrendUp.svelte +4 -3
  110. package/dist/icons/CheckBrokenIcon.svelte +4 -3
  111. package/dist/icons/CheckCircleIcon.svelte +4 -3
  112. package/dist/icons/CheckContainedIcon.svelte +4 -3
  113. package/dist/icons/CheckIcon.svelte +4 -3
  114. package/dist/icons/CheckSemiCircleIcon.svelte +4 -3
  115. package/dist/icons/CheckSquareBrokenIcon.svelte +4 -3
  116. package/dist/icons/CheckSquareContainedIcon.svelte +4 -3
  117. package/dist/icons/ChevronDoubleDownIcon.svelte +4 -3
  118. package/dist/icons/ChevronDoubleLeftIcon.svelte +4 -3
  119. package/dist/icons/ChevronDoubleRightIcon.svelte +4 -3
  120. package/dist/icons/ChevronDoubleUpIcon.svelte +4 -3
  121. package/dist/icons/ChevronDownIcon.svelte +4 -3
  122. package/dist/icons/ChevronLeftIcon.svelte +4 -3
  123. package/dist/icons/ChevronRightIcon.svelte +4 -3
  124. package/dist/icons/ChevronUpIcon.svelte +4 -3
  125. package/dist/icons/CircleLockIcon.svelte +5 -4
  126. package/dist/icons/ClockIcon.svelte +4 -3
  127. package/dist/icons/CloseIcon.svelte +4 -3
  128. package/dist/icons/CoinBrokenIcon.svelte +4 -3
  129. package/dist/icons/CoinHandIcon.svelte +4 -3
  130. package/dist/icons/CoinNumberIcon.svelte +4 -3
  131. package/dist/icons/CoinUnbrokenIcon.svelte +4 -3
  132. package/dist/icons/CoinsIcon.svelte +4 -3
  133. package/dist/icons/CoinsRotateIcon.svelte +4 -3
  134. package/dist/icons/CollectionIcon.svelte +4 -3
  135. package/dist/icons/ColumnHorizontal.svelte +5 -4
  136. package/dist/icons/ComponentIcon.svelte +7 -6
  137. package/dist/icons/CopyIcon.svelte +4 -3
  138. package/dist/icons/CopyLeftIcon.svelte +4 -3
  139. package/dist/icons/CopyRightIcon.svelte +4 -3
  140. package/dist/icons/CrownIcon.svelte +2 -2
  141. package/dist/icons/CurrencyBathIcon.svelte +4 -3
  142. package/dist/icons/CurrencyBitcoinIcon.svelte +4 -3
  143. package/dist/icons/CurrencyCentIcon.svelte +4 -3
  144. package/dist/icons/CurrencyCoinBathIcon.svelte +4 -3
  145. package/dist/icons/CurrencyCoinBitcoinIcon.svelte +4 -3
  146. package/dist/icons/CurrencyCoinCentIcon.svelte +4 -3
  147. package/dist/icons/CurrencyCoinDollarIcon.svelte +3 -2
  148. package/dist/icons/CurrencyCoinEuroIcon.svelte +4 -3
  149. package/dist/icons/CurrencyCoinPoundIcon.svelte +4 -3
  150. package/dist/icons/CurrencyCoinRubelIcon.svelte +4 -3
  151. package/dist/icons/CurrencyCoinRupeeIcon.svelte +4 -3
  152. package/dist/icons/CurrencyCoinYenIcon.svelte +4 -3
  153. package/dist/icons/CurrencyDollarIcon.svelte +4 -3
  154. package/dist/icons/CurrencyEuroIcon.svelte +4 -3
  155. package/dist/icons/CurrencyPoundIcon.svelte +4 -3
  156. package/dist/icons/CurrencyRubelIcon.svelte +4 -3
  157. package/dist/icons/CurrencyRupeeIcon.svelte +4 -3
  158. package/dist/icons/CurrencyYenIcon.svelte +4 -3
  159. package/dist/icons/DarkIcon.svelte +4 -3
  160. package/dist/icons/DashIcon.svelte +4 -3
  161. package/dist/icons/DeliveryIcon.svelte +4 -3
  162. package/dist/icons/DiamondIcon.svelte +4 -3
  163. package/dist/icons/DiscountCircleIcon.svelte +4 -3
  164. package/dist/icons/DiscountSquareIcon.svelte +4 -3
  165. package/dist/icons/DiscountStar01Icon.svelte +4 -3
  166. package/dist/icons/DiscountStar02Icon.svelte +4 -3
  167. package/dist/icons/DiscountStar03Icon.svelte +4 -3
  168. package/dist/icons/DotHorizontalIcon.svelte +6 -5
  169. package/dist/icons/DotVerticalIcon.svelte +6 -5
  170. package/dist/icons/DownArrowIcon.svelte +4 -3
  171. package/dist/icons/DownArrowSmIcon.svelte +4 -3
  172. package/dist/icons/Download01Icon.svelte +4 -3
  173. package/dist/icons/Download02Icon.svelte +4 -3
  174. package/dist/icons/DownloadCloudIcon.svelte +4 -3
  175. package/dist/icons/DownloadIcon.svelte +4 -3
  176. package/dist/icons/Edit01Icon.svelte +4 -3
  177. package/dist/icons/Edit02Icon.svelte +4 -3
  178. package/dist/icons/Edit03Icon.svelte +4 -3
  179. package/dist/icons/Edit04Icon.svelte +4 -3
  180. package/dist/icons/EditContainedIcon.svelte +4 -3
  181. package/dist/icons/EditIcon.svelte +4 -3
  182. package/dist/icons/EmailIcon.svelte +4 -3
  183. package/dist/icons/EmbedIcon.svelte +3 -2
  184. package/dist/icons/EqualsIcon.svelte +4 -3
  185. package/dist/icons/EqualsNotIcon.svelte +4 -3
  186. package/dist/icons/Expand02Icon.svelte +4 -3
  187. package/dist/icons/ExpandIcon.svelte +4 -3
  188. package/dist/icons/EyeClosedIcon.svelte +4 -3
  189. package/dist/icons/EyeOpenIcon.svelte +5 -4
  190. package/dist/icons/FavoriteIcon.svelte +4 -3
  191. package/dist/icons/FileIcon.svelte +4 -3
  192. package/dist/icons/FilterIcon.svelte +4 -3
  193. package/dist/icons/FlameIcon.svelte +4 -3
  194. package/dist/icons/FlipLeftIcon.svelte +4 -3
  195. package/dist/icons/FlipRightIcon.svelte +4 -3
  196. package/dist/icons/FolderIcon.svelte +4 -3
  197. package/dist/icons/FolderPlusIcon.svelte +4 -3
  198. package/dist/icons/GearIcon.svelte +4 -3
  199. package/dist/icons/Gift01Icon.svelte +4 -3
  200. package/dist/icons/Gift02Icon.svelte +4 -3
  201. package/dist/icons/GlobeIcon.svelte +4 -3
  202. package/dist/icons/GridIcon.svelte +7 -6
  203. package/dist/icons/Hash01Icon.svelte +4 -3
  204. package/dist/icons/Hash02Icon.svelte +4 -3
  205. package/dist/icons/HeartIcon.svelte +2 -2
  206. package/dist/icons/HelpCircleContainedIcon.svelte +4 -3
  207. package/dist/icons/HelpIcon.svelte +4 -3
  208. package/dist/icons/HelpSquareContainedIcon.svelte +4 -3
  209. package/dist/icons/Home01Icon.svelte +5 -4
  210. package/dist/icons/Home03Icon.svelte +4 -3
  211. package/dist/icons/Home04Icon.svelte +4 -3
  212. package/dist/icons/Home05Icon.svelte +4 -3
  213. package/dist/icons/HomeIcon.svelte +4 -3
  214. package/dist/icons/HourglassIcon.svelte +4 -3
  215. package/dist/icons/Icon.svelte +3 -2
  216. package/dist/icons/ImageIcon.svelte +3 -2
  217. package/dist/icons/InformationCircleContainedIcon.svelte +5 -4
  218. package/dist/icons/InformationSquareContainedIcon.svelte +4 -3
  219. package/dist/icons/LightBulb01Icon.svelte +3 -3
  220. package/dist/icons/LightIcon.svelte +4 -3
  221. package/dist/icons/LightningCircleContainedIcon.svelte +5 -4
  222. package/dist/icons/LightningFilledIcon.svelte +4 -3
  223. package/dist/icons/LightningSquareContainedIcon.svelte +5 -4
  224. package/dist/icons/LinkAngledIcon.svelte +4 -3
  225. package/dist/icons/LinkBrokenIcon.svelte +4 -3
  226. package/dist/icons/LinkExternalIcon.svelte +4 -3
  227. package/dist/icons/LinkIcon.svelte +4 -3
  228. package/dist/icons/Loader01Icon.svelte +4 -3
  229. package/dist/icons/Loader02Icon.svelte +4 -3
  230. package/dist/icons/LockIcon.svelte +4 -3
  231. package/dist/icons/Login01Icon.svelte +4 -3
  232. package/dist/icons/Logout01Icon.svelte +4 -3
  233. package/dist/icons/Logout02Icon.svelte +4 -3
  234. package/dist/icons/Logout03Icon.svelte +4 -3
  235. package/dist/icons/Logout04Icon.svelte +4 -3
  236. package/dist/icons/LogoutIcon.svelte +4 -3
  237. package/dist/icons/MaterialIcon.svelte +5 -4
  238. package/dist/icons/Menu01Icon.svelte +4 -3
  239. package/dist/icons/Menu02Icon.svelte +4 -3
  240. package/dist/icons/Menu03Icon.svelte +4 -3
  241. package/dist/icons/Menu04Icon.svelte +4 -3
  242. package/dist/icons/Menu05Icon.svelte +4 -3
  243. package/dist/icons/MenuIcon.svelte +6 -5
  244. package/dist/icons/MinimizeIcon.svelte +4 -3
  245. package/dist/icons/MinusCircleContainedIcon.svelte +4 -3
  246. package/dist/icons/MinusSquareContainedIcon.svelte +4 -3
  247. package/dist/icons/NoFolder.svelte +4 -4
  248. package/dist/icons/NotificationIcon.svelte +4 -3
  249. package/dist/icons/OverlapIcon.svelte +4 -3
  250. package/dist/icons/PaperclipIcon.svelte +4 -3
  251. package/dist/icons/Percent01Icon.svelte +4 -3
  252. package/dist/icons/Percent02Icon.svelte +4 -3
  253. package/dist/icons/Percent03Icon.svelte +4 -3
  254. package/dist/icons/Pin1Icon.svelte +4 -3
  255. package/dist/icons/Pin2Icon.svelte +4 -3
  256. package/dist/icons/PinIcon.svelte +4 -3
  257. package/dist/icons/PinnedIcon.svelte +4 -3
  258. package/dist/icons/PlayIcon.svelte +4 -3
  259. package/dist/icons/Plus01Icon.svelte +4 -3
  260. package/dist/icons/Plus02Icon.svelte +4 -3
  261. package/dist/icons/Plus03Icon.svelte +4 -3
  262. package/dist/icons/ProgressIcon.svelte +5 -4
  263. package/dist/icons/QuoteIcon.svelte +4 -3
  264. package/dist/icons/ReceiptIcon.svelte +4 -3
  265. package/dist/icons/ReceiptLinesIcon.svelte +4 -3
  266. package/dist/icons/ReloadIcon.svelte +4 -3
  267. package/dist/icons/ReportIcon.svelte +1 -0
  268. package/dist/icons/Save01Icon.svelte +4 -3
  269. package/dist/icons/Save02Icon.svelte +4 -3
  270. package/dist/icons/Search01Icon.svelte +4 -3
  271. package/dist/icons/Search02Icon.svelte +4 -3
  272. package/dist/icons/SearchIcon.svelte +4 -3
  273. package/dist/icons/SendIcon.svelte +4 -3
  274. package/dist/icons/SettingsIcon.svelte +4 -3
  275. package/dist/icons/ShareIcon.svelte +4 -3
  276. package/dist/icons/SlashBackwardIcon.svelte +4 -3
  277. package/dist/icons/SlashForwardIcon.svelte +4 -3
  278. package/dist/icons/SortHorizontalIcon.svelte +4 -3
  279. package/dist/icons/SortVertical01Icon.svelte +4 -3
  280. package/dist/icons/SortVertical02Icon.svelte +4 -3
  281. package/dist/icons/SparkleIcon.svelte +3 -3
  282. package/dist/icons/StarIcon.svelte +2 -2
  283. package/dist/icons/Story01Icon.svelte +4 -3
  284. package/dist/icons/TagIcon.svelte +4 -3
  285. package/dist/icons/Target01Icon.svelte +4 -3
  286. package/dist/icons/Target02Icon.svelte +3 -2
  287. package/dist/icons/Target03Icon.svelte +4 -3
  288. package/dist/icons/Target04Icon.svelte +3 -2
  289. package/dist/icons/TeamUserIcon.svelte +4 -3
  290. package/dist/icons/TextureIcon.svelte +4 -3
  291. package/dist/icons/ToggleLeftIcon.svelte +4 -3
  292. package/dist/icons/ToggleRightIcon.svelte +4 -3
  293. package/dist/icons/Trash01Icon.svelte +4 -3
  294. package/dist/icons/Trash02Icon.svelte +4 -3
  295. package/dist/icons/Trash03Icon.svelte +4 -3
  296. package/dist/icons/Trash04Icon.svelte +4 -3
  297. package/dist/icons/TrashIcon.svelte +4 -3
  298. package/dist/icons/TrendUpIcon.svelte +4 -3
  299. package/dist/icons/UpgradeIcon.svelte +1 -0
  300. package/dist/icons/Upload01Icon.svelte +4 -3
  301. package/dist/icons/Upload02Icon.svelte +4 -3
  302. package/dist/icons/Upload03Icon.svelte +4 -3
  303. package/dist/icons/Upload04Icon.svelte +4 -3
  304. package/dist/icons/UploadIcon.svelte +4 -3
  305. package/dist/icons/UserProfileIcon.svelte +4 -3
  306. package/dist/icons/VariantIcon.svelte +4 -3
  307. package/dist/icons/ViewModeIcon.svelte +3 -2
  308. package/dist/icons/Wallet01Icon.svelte +4 -3
  309. package/dist/icons/Wallet02Icon.svelte +4 -3
  310. package/dist/icons/Wallet03Icon.svelte +4 -3
  311. package/dist/icons/Wallet04Icon.svelte +4 -3
  312. package/dist/icons/X01Icon.svelte +4 -3
  313. package/dist/icons/X02Icon.svelte +4 -3
  314. package/dist/icons/X03Icon.svelte +4 -3
  315. package/dist/icons/XCircleContainedIcon.svelte +3 -2
  316. package/dist/icons/XSquareContainedIcon.svelte +4 -3
  317. package/dist/icons/ZoomIcon.svelte +3 -2
  318. package/dist/icons/ZoomSliderIcon.svelte +3 -2
  319. package/package.json +1 -1
@@ -5,6 +5,7 @@ export let gradient = {
5
5
  direction: "bottom"
6
6
  };
7
7
  export let size = "1rem";
8
+ export let fill = "none";
8
9
  export let weight = 1;
9
10
  const getGradientDirection = (direction) => {
10
11
  switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
30
31
  class={className}
31
32
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
32
33
  viewBox="0 0 24 24"
33
- fill="none"
34
+ fill={fill}
34
35
  >
35
36
  <g id="id_Upload02Icon">
36
37
  <path d="M19.7849 3.57686C19.3911 3.17972 18.8569 2.95662 18.3 2.95662L5.69999 2.95661C5.14304 2.95661 4.60889 3.17972 4.21507 3.57686M11.9988 21.0433L11.9988 9.04333M11.9988 9.04333L7.19882 13.6285M11.9988 9.04333L16.7988 13.6285" stroke="url(#grad-Upload02Icon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
61
62
  class={className}
62
63
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
63
64
  viewBox="0 0 24 24"
64
- fill="none"
65
+ fill={fill}
65
66
  >
66
67
  <g id="id_Upload02Icon">
67
- <path d="M19.7849 3.57686C19.3911 3.17972 18.8569 2.95662 18.3 2.95662L5.69999 2.95661C5.14304 2.95661 4.60889 3.17972 4.21507 3.57686M11.9988 21.0433L11.9988 9.04333M11.9988 9.04333L7.19882 13.6285M11.9988 9.04333L16.7988 13.6285" stroke="currentColor" stroke-linejoin="round"/>
68
+ <path d="M19.7849 3.57686C19.3911 3.17972 18.8569 2.95662 18.3 2.95662L5.69999 2.95661C5.14304 2.95661 4.60889 3.17972 4.21507 3.57686M11.9988 21.0433L11.9988 9.04333M11.9988 9.04333L7.19882 13.6285M11.9988 9.04333L16.7988 13.6285" stroke={color} stroke-linejoin="round"/>
68
69
  </g>
69
70
  </svg>
70
71
  {/if}
@@ -5,6 +5,7 @@ export let gradient = {
5
5
  direction: "bottom"
6
6
  };
7
7
  export let size = "1rem";
8
+ export let fill = "none";
8
9
  export let weight = 1;
9
10
  const getGradientDirection = (direction) => {
10
11
  switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
30
31
  class={className}
31
32
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
32
33
  viewBox="0 0 24 24"
33
- fill="none"
34
+ fill={fill}
34
35
  >
35
36
  <g id="id_Upload03Icon">
36
37
  <path d="M20.4 8.78014L20.4 5.07426C20.4 4.51263 20.1788 3.974 19.785 3.57686C19.3911 3.17972 18.857 2.95662 18.3 2.95662L5.70003 2.95661C5.14307 2.95661 4.60893 3.17972 4.2151 3.57686C3.82128 3.97399 3.60003 4.51263 3.60003 5.07426L3.60003 8.78014M11.9989 21.0433L11.9989 9.04333M11.9989 9.04333L7.19886 13.6285M11.9989 9.04333L16.7989 13.6285" stroke="url(#grad-Upload03Icon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
61
62
  class={className}
62
63
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
63
64
  viewBox="0 0 24 24"
64
- fill="none"
65
+ fill={fill}
65
66
  >
66
67
  <g id="id_Upload03Icon">
67
- <path d="M20.4 8.78014L20.4 5.07426C20.4 4.51263 20.1788 3.974 19.785 3.57686C19.3911 3.17972 18.857 2.95662 18.3 2.95662L5.70003 2.95661C5.14307 2.95661 4.60893 3.17972 4.2151 3.57686C3.82128 3.97399 3.60003 4.51263 3.60003 5.07426L3.60003 8.78014M11.9989 21.0433L11.9989 9.04333M11.9989 9.04333L7.19886 13.6285M11.9989 9.04333L16.7989 13.6285" stroke="currentColor" stroke-linejoin="round"/>
68
+ <path d="M20.4 8.78014L20.4 5.07426C20.4 4.51263 20.1788 3.974 19.785 3.57686C19.3911 3.17972 18.857 2.95662 18.3 2.95662L5.70003 2.95661C5.14307 2.95661 4.60893 3.17972 4.2151 3.57686C3.82128 3.97399 3.60003 4.51263 3.60003 5.07426L3.60003 8.78014M11.9989 21.0433L11.9989 9.04333M11.9989 9.04333L7.19886 13.6285M11.9989 9.04333L16.7989 13.6285" stroke={color} stroke-linejoin="round"/>
68
69
  </g>
69
70
  </svg>
70
71
  {/if}
@@ -5,6 +5,7 @@ export let gradient = {
5
5
  direction: "bottom"
6
6
  };
7
7
  export let size = "1rem";
8
+ export let fill = "none";
8
9
  export let weight = 1;
9
10
  const getGradientDirection = (direction) => {
10
11
  switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
30
31
  class={className}
31
32
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
32
33
  viewBox="0 0 24 24"
33
- fill="none"
34
+ fill={fill}
34
35
  >
35
36
  <g id="id_Upload04Icon">
36
37
  <path d="M21.6 16.32V19.92C21.6 20.22 21.4923 20.475 21.2769 20.685C21.0616 20.895 20.8 21 20.4923 21H3.50772C3.20002 21 2.93849 20.895 2.7231 20.685C2.50772 20.475 2.40002 20.22 2.40002 19.92V16.32C2.40002 16.02 2.50772 15.765 2.7231 15.555C2.93849 15.345 3.20002 15.24 3.50772 15.24H7.61048C8.10701 15.24 8.52945 15.571 8.86423 15.9377C8.97661 16.0608 9.10457 16.1732 9.2481 16.275C9.62887 16.545 10.0539 16.68 10.5231 16.68H13.4769C13.9462 16.68 14.3712 16.545 14.7519 16.275C14.8955 16.1732 15.0234 16.0608 15.1358 15.9377C15.4706 15.571 15.893 15.24 16.3896 15.24H20.4923C20.8 15.24 21.0616 15.345 21.2769 15.555C21.4923 15.765 21.6 16.02 21.6 16.32ZM17.6996 6.79C17.5689 7.09 17.3419 7.24 17.0189 7.24H14.065V12.28C14.065 12.475 13.9919 12.6438 13.8458 12.7863C13.6996 12.9288 13.5266 13 13.3266 13H10.3727C10.1727 13 9.99963 12.9288 9.85348 12.7863C9.70733 12.6438 9.63425 12.475 9.63425 12.28V7.24H6.6804C6.35733 7.24 6.1304 7.09 5.99963 6.79C5.86886 6.4975 5.92271 6.23875 6.16117 6.01375L11.3304 0.973749C11.4689 0.831249 11.6419 0.759999 11.8496 0.759999C12.0573 0.759999 12.2304 0.831249 12.3689 0.973749L17.5381 6.01375C17.7766 6.23875 17.8304 6.4975 17.6996 6.79Z" stroke="url(#grad-Upload04Icon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
61
62
  class={className}
62
63
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
63
64
  viewBox="0 0 24 24"
64
- fill="none"
65
+ fill={fill}
65
66
  >
66
67
  <g id="id_Upload04Icon">
67
- <path d="M21.6 16.32V19.92C21.6 20.22 21.4923 20.475 21.2769 20.685C21.0616 20.895 20.8 21 20.4923 21H3.50772C3.20002 21 2.93849 20.895 2.7231 20.685C2.50772 20.475 2.40002 20.22 2.40002 19.92V16.32C2.40002 16.02 2.50772 15.765 2.7231 15.555C2.93849 15.345 3.20002 15.24 3.50772 15.24H7.61048C8.10701 15.24 8.52945 15.571 8.86423 15.9377C8.97661 16.0608 9.10457 16.1732 9.2481 16.275C9.62887 16.545 10.0539 16.68 10.5231 16.68H13.4769C13.9462 16.68 14.3712 16.545 14.7519 16.275C14.8955 16.1732 15.0234 16.0608 15.1358 15.9377C15.4706 15.571 15.893 15.24 16.3896 15.24H20.4923C20.8 15.24 21.0616 15.345 21.2769 15.555C21.4923 15.765 21.6 16.02 21.6 16.32ZM17.6996 6.79C17.5689 7.09 17.3419 7.24 17.0189 7.24H14.065V12.28C14.065 12.475 13.9919 12.6438 13.8458 12.7863C13.6996 12.9288 13.5266 13 13.3266 13H10.3727C10.1727 13 9.99963 12.9288 9.85348 12.7863C9.70733 12.6438 9.63425 12.475 9.63425 12.28V7.24H6.6804C6.35733 7.24 6.1304 7.09 5.99963 6.79C5.86886 6.4975 5.92271 6.23875 6.16117 6.01375L11.3304 0.973749C11.4689 0.831249 11.6419 0.759999 11.8496 0.759999C12.0573 0.759999 12.2304 0.831249 12.3689 0.973749L17.5381 6.01375C17.7766 6.23875 17.8304 6.4975 17.6996 6.79Z" stroke="currentColor" stroke-linejoin="round"/>
68
+ <path d="M21.6 16.32V19.92C21.6 20.22 21.4923 20.475 21.2769 20.685C21.0616 20.895 20.8 21 20.4923 21H3.50772C3.20002 21 2.93849 20.895 2.7231 20.685C2.50772 20.475 2.40002 20.22 2.40002 19.92V16.32C2.40002 16.02 2.50772 15.765 2.7231 15.555C2.93849 15.345 3.20002 15.24 3.50772 15.24H7.61048C8.10701 15.24 8.52945 15.571 8.86423 15.9377C8.97661 16.0608 9.10457 16.1732 9.2481 16.275C9.62887 16.545 10.0539 16.68 10.5231 16.68H13.4769C13.9462 16.68 14.3712 16.545 14.7519 16.275C14.8955 16.1732 15.0234 16.0608 15.1358 15.9377C15.4706 15.571 15.893 15.24 16.3896 15.24H20.4923C20.8 15.24 21.0616 15.345 21.2769 15.555C21.4923 15.765 21.6 16.02 21.6 16.32ZM17.6996 6.79C17.5689 7.09 17.3419 7.24 17.0189 7.24H14.065V12.28C14.065 12.475 13.9919 12.6438 13.8458 12.7863C13.6996 12.9288 13.5266 13 13.3266 13H10.3727C10.1727 13 9.99963 12.9288 9.85348 12.7863C9.70733 12.6438 9.63425 12.475 9.63425 12.28V7.24H6.6804C6.35733 7.24 6.1304 7.09 5.99963 6.79C5.86886 6.4975 5.92271 6.23875 6.16117 6.01375L11.3304 0.973749C11.4689 0.831249 11.6419 0.759999 11.8496 0.759999C12.0573 0.759999 12.2304 0.831249 12.3689 0.973749L17.5381 6.01375C17.7766 6.23875 17.8304 6.4975 17.6996 6.79Z" stroke={color} stroke-linejoin="round"/>
68
69
  </g>
69
70
  </svg>
70
71
  {/if}
@@ -5,6 +5,7 @@ export let gradient = {
5
5
  direction: "bottom"
6
6
  };
7
7
  export let size = "1rem";
8
+ export let fill = "none";
8
9
  export let weight = 1;
9
10
  const getGradientDirection = (direction) => {
10
11
  switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
30
31
  class={className}
31
32
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
32
33
  viewBox="0 0 14 15"
33
- fill="none"
34
+ fill={fill}
34
35
  >
35
36
  <g id="id_Upload">
36
37
  <path
@@ -68,13 +69,13 @@ export { className as class };
68
69
  class={className}
69
70
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
70
71
  viewBox="0 0 14 15"
71
- fill="none"
72
+ fill={fill}
72
73
  >
73
74
  <g id="id_Upload">
74
75
  <path
75
76
  id="icon_Upload"
76
77
  d="M12.6 10.52V12.62C12.6 12.795 12.5372 12.9438 12.4116 13.0663C12.2859 13.1888 12.1334 13.25 11.9539 13.25H2.04618C1.86669 13.25 1.71413 13.1888 1.58849 13.0663C1.46284 12.9438 1.40002 12.795 1.40002 12.62V10.52C1.40002 10.345 1.46284 10.1963 1.58849 10.0738C1.71413 9.95127 1.86669 9.89002 2.04618 9.89002H4.43946C4.7291 9.89002 4.97552 10.0831 5.17081 10.297C5.23637 10.3688 5.31101 10.4344 5.39474 10.4938C5.61685 10.6513 5.86477 10.73 6.13849 10.73H7.86156C8.13528 10.73 8.3832 10.6513 8.60531 10.4938C8.68904 10.4344 8.76368 10.3688 8.82924 10.297C9.02453 10.0831 9.27095 9.89002 9.56059 9.89002H11.9539C12.1334 9.89002 12.2859 9.95127 12.4116 10.0738C12.5372 10.1963 12.6 10.345 12.6 10.52ZM10.3248 4.96085C10.2485 5.13585 10.1161 5.22335 9.92768 5.22335H8.20461V8.16335C8.20461 8.2771 8.16198 8.37554 8.07672 8.45867C7.99146 8.54179 7.8905 8.58335 7.77384 8.58335H6.05076C5.93409 8.58335 5.83313 8.54179 5.74787 8.45867C5.66262 8.37554 5.61999 8.2771 5.61999 8.16335V5.22335H3.89691C3.70845 5.22335 3.57608 5.13585 3.4998 4.96085C3.42351 4.79023 3.45492 4.63929 3.59403 4.50804L6.60941 1.56804C6.69018 1.48492 6.79114 1.44335 6.9123 1.44335C7.03345 1.44335 7.13441 1.48492 7.21518 1.56804L10.2306 4.50804C10.3697 4.63929 10.4011 4.79023 10.3248 4.96085Z"
77
- stroke="currentColor"
78
+ stroke={color}
78
79
  stroke-width={weight}
79
80
  stroke-linecap="round"
80
81
  stroke-linejoin="round"
@@ -5,6 +5,7 @@ export let gradient = {
5
5
  direction: "bottom"
6
6
  };
7
7
  export let size = "1rem";
8
+ export let fill = "none";
8
9
  export let weight = 1;
9
10
  const getGradientDirection = (direction) => {
10
11
  switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
30
31
  class={className}
31
32
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
32
33
  viewBox="0 0 14 14"
33
- fill="none"
34
+ fill={fill}
34
35
  >
35
36
  <g id="id_UserProfile">
36
37
  <path
@@ -68,13 +69,13 @@ export { className as class };
68
69
  class={className}
69
70
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
70
71
  viewBox="0 0 14 14"
71
- fill="none"
72
+ fill={fill}
72
73
  >
73
74
  <g id="id_UserProfile">
74
75
  <path
75
76
  id="icon_UserProfile"
76
77
  d="M11.8997 12.5999L11.8999 10.5001C11.9 9.34022 10.9598 8.3999 9.79991 8.3999H4.20033C3.04063 8.3999 2.10046 9.33996 2.10033 10.4997L2.1001 12.5999M9.1001 3.4999C9.1001 4.6597 8.1599 5.5999 7.0001 5.5999C5.8403 5.5999 4.9001 4.6597 4.9001 3.4999C4.9001 2.3401 5.8403 1.3999 7.0001 1.3999C8.1599 1.3999 9.1001 2.3401 9.1001 3.4999Z"
77
- stroke="currentColor"
78
+ stroke={color}
78
79
  stroke-width={weight}
79
80
  stroke-linecap="round"
80
81
  stroke-linejoin="round"
@@ -5,6 +5,7 @@ export let gradient = {
5
5
  direction: "bottom"
6
6
  };
7
7
  export let size = "1rem";
8
+ export let fill = "none";
8
9
  export let weight = 1;
9
10
  const getGradientDirection = (direction) => {
10
11
  switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
30
31
  class={className}
31
32
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
32
33
  viewBox="0 0 24 24"
33
- fill="none"
34
+ fill={fill}
34
35
  >
35
36
  <g id="id_VariantIcon">
36
37
  <path d="M11.2929 3.10713C11.6834 2.71661 12.3166 2.71661 12.7071 3.10713L20.8929 11.2929C21.2834 11.6834 21.2834 12.3166 20.8929 12.7071L12.7071 20.8929C12.3166 21.2834 11.6834 21.2834 11.2929 20.8929L3.10713 12.7071C2.71661 12.3166 2.71661 11.6834 3.10713 11.2929L11.2929 3.10713Z" stroke="url(#grad-VariantIcon)"/>
@@ -61,10 +62,10 @@ export { className as class };
61
62
  class={className}
62
63
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
63
64
  viewBox="0 0 24 24"
64
- fill="none"
65
+ fill={fill}
65
66
  >
66
67
  <g id="id_VariantIcon">
67
- <path d="M11.2929 3.10713C11.6834 2.71661 12.3166 2.71661 12.7071 3.10713L20.8929 11.2929C21.2834 11.6834 21.2834 12.3166 20.8929 12.7071L12.7071 20.8929C12.3166 21.2834 11.6834 21.2834 11.2929 20.8929L3.10713 12.7071C2.71661 12.3166 2.71661 11.6834 3.10713 11.2929L11.2929 3.10713Z" stroke="currentColor"/>
68
+ <path d="M11.2929 3.10713C11.6834 2.71661 12.3166 2.71661 12.7071 3.10713L20.8929 11.2929C21.2834 11.6834 21.2834 12.3166 20.8929 12.7071L12.7071 20.8929C12.3166 21.2834 11.6834 21.2834 11.2929 20.8929L3.10713 12.7071C2.71661 12.3166 2.71661 11.6834 3.10713 11.2929L11.2929 3.10713Z" stroke={color}/>
68
69
  </g>
69
70
  </svg>
70
71
  {/if}
@@ -4,6 +4,7 @@ export let gradient = {
4
4
  direction: "bottom"
5
5
  };
6
6
  export let size = "1rem";
7
+ export let fill = "none";
7
8
  export let weight = 1;
8
9
  const getGradientDirection = (direction) => {
9
10
  switch (direction) {
@@ -29,7 +30,7 @@ export { className as class };
29
30
  class={className}
30
31
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
31
32
  viewBox="0 0 20 21"
32
- fill="none"
33
+ fill={fill}
33
34
  >
34
35
  <g id="id_ViewMode">
35
36
  <path
@@ -65,7 +66,7 @@ export { className as class };
65
66
  class={className}
66
67
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
67
68
  viewBox="0 0 20 21"
68
- fill="none"
69
+ fill={fill}
69
70
  >
70
71
  <g id="id_ViewMode">
71
72
  <path
@@ -5,6 +5,7 @@ export let gradient = {
5
5
  direction: "bottom"
6
6
  };
7
7
  export let size = "1rem";
8
+ export let fill = "none";
8
9
  export let weight = 1;
9
10
  const getGradientDirection = (direction) => {
10
11
  switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
30
31
  class={className}
31
32
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
32
33
  viewBox="0 0 24 24"
33
- fill="none"
34
+ fill={fill}
34
35
  >
35
36
  <g id="id_Wallet01Icon">
36
37
  <path d="M7.68002 6.96L14.4 2.64L17.76 6.96M20.64 17.28V20.4C20.64 20.9302 20.2102 21.36 19.68 21.36H3.36002C2.82983 21.36 2.40002 20.9302 2.40002 20.4V7.92C2.40002 7.38981 2.82983 6.96 3.36002 6.96H19.68C20.2102 6.96 20.64 7.38981 20.64 7.92V10.44M21.6 16.56H18.48C17.022 16.56 15.84 15.378 15.84 13.92C15.84 12.462 17.022 11.28 18.48 11.28H21.6V16.56Z" stroke="url(#grad-Wallet01Icon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
61
62
  class={className}
62
63
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
63
64
  viewBox="0 0 24 24"
64
- fill="none"
65
+ fill={fill}
65
66
  >
66
67
  <g id="id_Wallet01Icon">
67
- <path d="M7.68002 6.96L14.4 2.64L17.76 6.96M20.64 17.28V20.4C20.64 20.9302 20.2102 21.36 19.68 21.36H3.36002C2.82983 21.36 2.40002 20.9302 2.40002 20.4V7.92C2.40002 7.38981 2.82983 6.96 3.36002 6.96H19.68C20.2102 6.96 20.64 7.38981 20.64 7.92V10.44M21.6 16.56H18.48C17.022 16.56 15.84 15.378 15.84 13.92C15.84 12.462 17.022 11.28 18.48 11.28H21.6V16.56Z" stroke="currentColor" stroke-linejoin="round"/>
68
+ <path d="M7.68002 6.96L14.4 2.64L17.76 6.96M20.64 17.28V20.4C20.64 20.9302 20.2102 21.36 19.68 21.36H3.36002C2.82983 21.36 2.40002 20.9302 2.40002 20.4V7.92C2.40002 7.38981 2.82983 6.96 3.36002 6.96H19.68C20.2102 6.96 20.64 7.38981 20.64 7.92V10.44M21.6 16.56H18.48C17.022 16.56 15.84 15.378 15.84 13.92C15.84 12.462 17.022 11.28 18.48 11.28H21.6V16.56Z" stroke={color} stroke-linejoin="round"/>
68
69
  </g>
69
70
  </svg>
70
71
  {/if}
@@ -5,6 +5,7 @@ export let gradient = {
5
5
  direction: "bottom"
6
6
  };
7
7
  export let size = "1rem";
8
+ export let fill = "none";
8
9
  export let weight = 1;
9
10
  const getGradientDirection = (direction) => {
10
11
  switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
30
31
  class={className}
31
32
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
32
33
  viewBox="0 0 24 24"
33
- fill="none"
34
+ fill={fill}
34
35
  >
35
36
  <g id="id_Wallet02Icon">
36
37
  <path d="M17.76 3.04H3.89336C3.06861 3.04 2.4018 3.92664 2.40103 4.84C2.40002 6.04 3.06861 7.22667 3.89336 7.22667H19.4667C20.6449 7.22667 21.6 6.98179 21.6 8.16V18.4C21.6 19.8138 20.4539 20.96 19.04 20.96H4.96002C3.54617 20.96 2.40002 19.8138 2.40002 18.4V5.44M16.4967 13.2633L16.48 13.28" stroke="url(#grad-Wallet02Icon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
61
62
  class={className}
62
63
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
63
64
  viewBox="0 0 24 24"
64
- fill="none"
65
+ fill={fill}
65
66
  >
66
67
  <g id="id_Wallet02Icon">
67
- <path d="M17.76 3.04H3.89336C3.06861 3.04 2.4018 3.92664 2.40103 4.84C2.40002 6.04 3.06861 7.22667 3.89336 7.22667H19.4667C20.6449 7.22667 21.6 6.98179 21.6 8.16V18.4C21.6 19.8138 20.4539 20.96 19.04 20.96H4.96002C3.54617 20.96 2.40002 19.8138 2.40002 18.4V5.44M16.4967 13.2633L16.48 13.28" stroke="currentColor" stroke-linejoin="round"/>
68
+ <path d="M17.76 3.04H3.89336C3.06861 3.04 2.4018 3.92664 2.40103 4.84C2.40002 6.04 3.06861 7.22667 3.89336 7.22667H19.4667C20.6449 7.22667 21.6 6.98179 21.6 8.16V18.4C21.6 19.8138 20.4539 20.96 19.04 20.96H4.96002C3.54617 20.96 2.40002 19.8138 2.40002 18.4V5.44M16.4967 13.2633L16.48 13.28" stroke={color} stroke-linejoin="round"/>
68
69
  </g>
69
70
  </svg>
70
71
  {/if}
@@ -5,6 +5,7 @@ export let gradient = {
5
5
  direction: "bottom"
6
6
  };
7
7
  export let size = "1rem";
8
+ export let fill = "none";
8
9
  export let weight = 1;
9
10
  const getGradientDirection = (direction) => {
10
11
  switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
30
31
  class={className}
31
32
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
32
33
  viewBox="0 0 24 24"
33
- fill="none"
34
+ fill={fill}
34
35
  >
35
36
  <g id="id_Wallet03Icon">
36
37
  <path d="M2.39771 7.54L2.40239 19.9C2.40239 21.3138 3.54854 22.46 4.96239 22.46H19.0424C20.4562 22.46 21.6024 21.3138 21.6024 19.9V9.66C21.6024 8.48179 20.6473 7.52667 19.4691 7.52667H2.41653C2.40806 7.52667 2.40051 7.53201 2.39771 7.54ZM2.39771 7.54C2.39849 7.30037 16.8024 1.54 16.8024 1.54V6.94M16.4991 14.7633L16.4824 14.78" stroke="url(#grad-Wallet03Icon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
61
62
  class={className}
62
63
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
63
64
  viewBox="0 0 24 24"
64
- fill="none"
65
+ fill={fill}
65
66
  >
66
67
  <g id="id_Wallet03Icon">
67
- <path d="M2.39771 7.54L2.40239 19.9C2.40239 21.3138 3.54854 22.46 4.96239 22.46H19.0424C20.4562 22.46 21.6024 21.3138 21.6024 19.9V9.66C21.6024 8.48179 20.6473 7.52667 19.4691 7.52667H2.41653C2.40806 7.52667 2.40051 7.53201 2.39771 7.54ZM2.39771 7.54C2.39849 7.30037 16.8024 1.54 16.8024 1.54V6.94M16.4991 14.7633L16.4824 14.78" stroke="currentColor" stroke-linejoin="round"/>
68
+ <path d="M2.39771 7.54L2.40239 19.9C2.40239 21.3138 3.54854 22.46 4.96239 22.46H19.0424C20.4562 22.46 21.6024 21.3138 21.6024 19.9V9.66C21.6024 8.48179 20.6473 7.52667 19.4691 7.52667H2.41653C2.40806 7.52667 2.40051 7.53201 2.39771 7.54ZM2.39771 7.54C2.39849 7.30037 16.8024 1.54 16.8024 1.54V6.94M16.4991 14.7633L16.4824 14.78" stroke={color} stroke-linejoin="round"/>
68
69
  </g>
69
70
  </svg>
70
71
  {/if}
@@ -5,6 +5,7 @@ export let gradient = {
5
5
  direction: "bottom"
6
6
  };
7
7
  export let size = "1rem";
8
+ export let fill = "none";
8
9
  export let weight = 1;
9
10
  const getGradientDirection = (direction) => {
10
11
  switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
30
31
  class={className}
31
32
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
32
33
  viewBox="0 0 24 24"
33
- fill="none"
34
+ fill={fill}
34
35
  >
35
36
  <g id="id_Wallet04Icon">
36
37
  <path d="M20.6403 14.7599V17.2C20.6403 18.3046 19.7448 19.2 18.6403 19.2H4.40019C3.29564 19.2 2.40022 18.3046 2.40018 17.2001L2.39985 6.80007C2.39981 5.69547 3.29525 4.8 4.39985 4.8H18.6403C19.7448 4.8 20.6403 5.69543 20.6403 6.8V9.17093M21.6002 14.7599H18.4803C17.0222 14.7599 15.8403 13.5779 15.8403 12.1199C15.8403 10.6619 17.0222 9.47989 18.4803 9.47989H21.6002V14.7599Z" stroke="url(#grad-Wallet04Icon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
61
62
  class={className}
62
63
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
63
64
  viewBox="0 0 24 24"
64
- fill="none"
65
+ fill={fill}
65
66
  >
66
67
  <g id="id_Wallet04Icon">
67
- <path d="M20.6403 14.7599V17.2C20.6403 18.3046 19.7448 19.2 18.6403 19.2H4.40019C3.29564 19.2 2.40022 18.3046 2.40018 17.2001L2.39985 6.80007C2.39981 5.69547 3.29525 4.8 4.39985 4.8H18.6403C19.7448 4.8 20.6403 5.69543 20.6403 6.8V9.17093M21.6002 14.7599H18.4803C17.0222 14.7599 15.8403 13.5779 15.8403 12.1199C15.8403 10.6619 17.0222 9.47989 18.4803 9.47989H21.6002V14.7599Z" stroke="currentColor" stroke-linejoin="round"/>
68
+ <path d="M20.6403 14.7599V17.2C20.6403 18.3046 19.7448 19.2 18.6403 19.2H4.40019C3.29564 19.2 2.40022 18.3046 2.40018 17.2001L2.39985 6.80007C2.39981 5.69547 3.29525 4.8 4.39985 4.8H18.6403C19.7448 4.8 20.6403 5.69543 20.6403 6.8V9.17093M21.6002 14.7599H18.4803C17.0222 14.7599 15.8403 13.5779 15.8403 12.1199C15.8403 10.6619 17.0222 9.47989 18.4803 9.47989H21.6002V14.7599Z" stroke={color} stroke-linejoin="round"/>
68
69
  </g>
69
70
  </svg>
70
71
  {/if}
@@ -5,6 +5,7 @@ export let gradient = {
5
5
  direction: "bottom"
6
6
  };
7
7
  export let size = "1rem";
8
+ export let fill = "none";
8
9
  export let weight = 1;
9
10
  const getGradientDirection = (direction) => {
10
11
  switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
30
31
  class={className}
31
32
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
32
33
  viewBox="0 0 24 24"
33
- fill="none"
34
+ fill={fill}
34
35
  >
35
36
  <g id="id_X01Icon">
36
37
  <path d="M19 5L5 19M19 19L5 5" stroke="url(#grad-X01Icon)"/>
@@ -61,10 +62,10 @@ export { className as class };
61
62
  class={className}
62
63
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
63
64
  viewBox="0 0 24 24"
64
- fill="none"
65
+ fill={fill}
65
66
  >
66
67
  <g id="id_X01Icon">
67
- <path d="M19 5L5 19M19 19L5 5" stroke="currentColor"/>
68
+ <path d="M19 5L5 19M19 19L5 5" stroke={color}/>
68
69
  </g>
69
70
  </svg>
70
71
  {/if}
@@ -5,6 +5,7 @@ export let gradient = {
5
5
  direction: "bottom"
6
6
  };
7
7
  export let size = "1rem";
8
+ export let fill = "none";
8
9
  export let weight = 1;
9
10
  const getGradientDirection = (direction) => {
10
11
  switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
30
31
  class={className}
31
32
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
32
33
  viewBox="0 0 24 24"
33
- fill="none"
34
+ fill={fill}
34
35
  >
35
36
  <g id="id_X02Icon">
36
37
  <path d="M18 6L6 18M18 18L6 6" stroke="url(#grad-X02Icon)"/>
@@ -61,10 +62,10 @@ export { className as class };
61
62
  class={className}
62
63
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
63
64
  viewBox="0 0 24 24"
64
- fill="none"
65
+ fill={fill}
65
66
  >
66
67
  <g id="id_X02Icon">
67
- <path d="M18 6L6 18M18 18L6 6" stroke="currentColor"/>
68
+ <path d="M18 6L6 18M18 18L6 6" stroke={color}/>
68
69
  </g>
69
70
  </svg>
70
71
  {/if}
@@ -5,6 +5,7 @@ export let gradient = {
5
5
  direction: "bottom"
6
6
  };
7
7
  export let size = "1rem";
8
+ export let fill = "none";
8
9
  export let weight = 1;
9
10
  const getGradientDirection = (direction) => {
10
11
  switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
30
31
  class={className}
31
32
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
32
33
  viewBox="0 0 24 24"
33
- fill="none"
34
+ fill={fill}
34
35
  >
35
36
  <g id="id_X03Icon">
36
37
  <path d="M17 7L7 17M17 17L7 7" stroke="url(#grad-X03Icon)"/>
@@ -61,10 +62,10 @@ export { className as class };
61
62
  class={className}
62
63
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
63
64
  viewBox="0 0 24 24"
64
- fill="none"
65
+ fill={fill}
65
66
  >
66
67
  <g id="id_X03Icon">
67
- <path d="M17 7L7 17M17 17L7 7" stroke="currentColor"/>
68
+ <path d="M17 7L7 17M17 17L7 7" stroke={color}/>
68
69
  </g>
69
70
  </svg>
70
71
  {/if}
@@ -5,6 +5,7 @@ export let gradient = {
5
5
  direction: "bottom"
6
6
  };
7
7
  export let size = "1rem";
8
+ export let fill = "none";
8
9
  export let weight = 1;
9
10
  const getGradientDirection = (direction) => {
10
11
  switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
30
31
  class={className}
31
32
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
32
33
  viewBox="0 0 24 24"
33
- fill="none"
34
+ fill={fill}
34
35
  >
35
36
  <g id="id_XCircleContainedIcon">
36
37
  <path d="M21.6 12H21.1C21.1 17.0258 17.0258 21.1 12 21.1V21.6V22.1C17.5781 22.1 22.1 17.5781 22.1 12H21.6ZM12 21.6V21.1C6.97423 21.1 2.90002 17.0258 2.90002 12H2.40002H1.90002C1.90002 17.5781 6.42195 22.1 12 22.1V21.6ZM2.40002 12H2.90002C2.90002 6.97423 6.97423 2.90002 12 2.90002V2.40002V1.90002C6.42195 1.90002 1.90002 6.42195 1.90002 12H2.40002ZM12 2.40002V2.90002C17.0258 2.90002 21.1 6.97423 21.1 12H21.6H22.1C22.1 6.42195 17.5781 1.90002 12 1.90002V2.40002ZM15.3941 8.60591L15.0406 8.25236L11.6465 11.6465L12 12L12.3536 12.3536L15.7477 8.95947L15.3941 8.60591ZM12 12L11.6465 11.6465L8.25236 15.0406L8.60591 15.3941L8.95946 15.7477L12.3536 12.3536L12 12ZM15.3941 15.3941L15.7477 15.0406L12.3536 11.6465L12 12L11.6465 12.3536L15.0406 15.7477L15.3941 15.3941ZM12 12L12.3536 11.6465L8.95946 8.25236L8.60591 8.60591L8.25236 8.95946L11.6465 12.3536L12 12Z" fill="url(#grad-XCircleContainedIcon)"/>
@@ -61,7 +62,7 @@ export { className as class };
61
62
  class={className}
62
63
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
63
64
  viewBox="0 0 24 24"
64
- fill="none"
65
+ fill={fill}
65
66
  >
66
67
  <g id="id_XCircleContainedIcon">
67
68
  <path d="M21.6 12H21.1C21.1 17.0258 17.0258 21.1 12 21.1V21.6V22.1C17.5781 22.1 22.1 17.5781 22.1 12H21.6ZM12 21.6V21.1C6.97423 21.1 2.90002 17.0258 2.90002 12H2.40002H1.90002C1.90002 17.5781 6.42195 22.1 12 22.1V21.6ZM2.40002 12H2.90002C2.90002 6.97423 6.97423 2.90002 12 2.90002V2.40002V1.90002C6.42195 1.90002 1.90002 6.42195 1.90002 12H2.40002ZM12 2.40002V2.90002C17.0258 2.90002 21.1 6.97423 21.1 12H21.6H22.1C22.1 6.42195 17.5781 1.90002 12 1.90002V2.40002ZM15.3941 8.60591L15.0406 8.25236L11.6465 11.6465L12 12L12.3536 12.3536L15.7477 8.95947L15.3941 8.60591ZM12 12L11.6465 11.6465L8.25236 15.0406L8.60591 15.3941L8.95946 15.7477L12.3536 12.3536L12 12ZM15.3941 15.3941L15.7477 15.0406L12.3536 11.6465L12 12L11.6465 12.3536L15.0406 15.7477L15.3941 15.3941ZM12 12L12.3536 11.6465L8.95946 8.25236L8.60591 8.60591L8.25236 8.95946L11.6465 12.3536L12 12Z" fill="currentColor"/>
@@ -5,6 +5,7 @@ export let gradient = {
5
5
  direction: "bottom"
6
6
  };
7
7
  export let size = "1rem";
8
+ export let fill = "none";
8
9
  export let weight = 1;
9
10
  const getGradientDirection = (direction) => {
10
11
  switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
30
31
  class={className}
31
32
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
32
33
  viewBox="0 0 24 24"
33
- fill="none"
34
+ fill={fill}
34
35
  >
35
36
  <g id="id_XSquareContainedIcon">
36
37
  <path d="M15.3941 8.60579L12 11.9999M12 11.9999L8.60591 15.394M12 11.9999L15.3941 15.394M12 11.9999L8.60591 8.60579M21.6 5.9999L21.6 18C21.6 19.9882 19.9882 21.6 18 21.6H6.00002C4.0118 21.6 2.40002 19.9882 2.40002 18V5.9999C2.40002 4.01168 4.0118 2.3999 6.00002 2.3999H18C19.9882 2.3999 21.6 4.01168 21.6 5.9999Z" stroke="url(#grad-XSquareContainedIcon)"/>
@@ -61,10 +62,10 @@ export { className as class };
61
62
  class={className}
62
63
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
63
64
  viewBox="0 0 24 24"
64
- fill="none"
65
+ fill={fill}
65
66
  >
66
67
  <g id="id_XSquareContainedIcon">
67
- <path d="M15.3941 8.60579L12 11.9999M12 11.9999L8.60591 15.394M12 11.9999L15.3941 15.394M12 11.9999L8.60591 8.60579M21.6 5.9999L21.6 18C21.6 19.9882 19.9882 21.6 18 21.6H6.00002C4.0118 21.6 2.40002 19.9882 2.40002 18V5.9999C2.40002 4.01168 4.0118 2.3999 6.00002 2.3999H18C19.9882 2.3999 21.6 4.01168 21.6 5.9999Z" stroke="currentColor"/>
68
+ <path d="M15.3941 8.60579L12 11.9999M12 11.9999L8.60591 15.394M12 11.9999L15.3941 15.394M12 11.9999L8.60591 8.60579M21.6 5.9999L21.6 18C21.6 19.9882 19.9882 21.6 18 21.6H6.00002C4.0118 21.6 2.40002 19.9882 2.40002 18V5.9999C2.40002 4.01168 4.0118 2.3999 6.00002 2.3999H18C19.9882 2.3999 21.6 4.01168 21.6 5.9999Z" stroke={color}/>
68
69
  </g>
69
70
  </svg>
70
71
  {/if}
@@ -4,6 +4,7 @@ export let gradient = {
4
4
  direction: "bottom"
5
5
  };
6
6
  export let size = "1rem";
7
+ export let fill = "none";
7
8
  export let weight = 1;
8
9
  const getGradientDirection = (direction) => {
9
10
  switch (direction) {
@@ -29,7 +30,7 @@ export { className as class };
29
30
  class={className}
30
31
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
31
32
  viewBox="0 0 20 21"
32
- fill="none"
33
+ fill={fill}
33
34
  >
34
35
  <g id="id_Zoom">
35
36
  <path
@@ -65,7 +66,7 @@ export { className as class };
65
66
  class={className}
66
67
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
67
68
  viewBox="0 0 20 21"
68
- fill="none"
69
+ fill={fill}
69
70
  >
70
71
  <g id="id_Zoom">
71
72
  <path
@@ -4,6 +4,7 @@ export let gradient = {
4
4
  direction: "bottom"
5
5
  };
6
6
  export let size = "1rem";
7
+ export let fill = "none";
7
8
  export let weight = 1;
8
9
  const getGradientDirection = (direction) => {
9
10
  switch (direction) {
@@ -29,7 +30,7 @@ export { className as class };
29
30
  class={className}
30
31
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
31
32
  viewBox="0 0 20 21"
32
- fill="none"
33
+ fill={fill}
33
34
  >
34
35
  <g id="id_ZoomSlider">
35
36
  <path
@@ -62,7 +63,7 @@ export { className as class };
62
63
  <svg
63
64
  style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
64
65
  viewBox="0 0 18 18"
65
- fill="none"
66
+ fill={fill}
66
67
  xmlns="http://www.w3.org/2000/svg"
67
68
  >
68
69
  <path
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "chromia",
3
- "version": "0.1.12",
3
+ "version": "0.1.13",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vite dev",