cybercore-css 0.2.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 (381) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +479 -0
  3. package/dist/cybercore.css +3546 -0
  4. package/dist/cybercore.css.map +1 -0
  5. package/dist/cybercore.min.css +3 -0
  6. package/dist/cybercore.min.css.map +1 -0
  7. package/package.json +214 -0
  8. package/src/cybercore.d.ts +107 -0
  9. package/src/icons/README.md +378 -0
  10. package/src/icons/defs/_template.ts +27 -0
  11. package/src/icons/defs/actions/check.ts +36 -0
  12. package/src/icons/defs/actions/copy.ts +37 -0
  13. package/src/icons/defs/actions/cut.ts +44 -0
  14. package/src/icons/defs/actions/delete.ts +42 -0
  15. package/src/icons/defs/actions/download.ts +36 -0
  16. package/src/icons/defs/actions/drag.ts +60 -0
  17. package/src/icons/defs/actions/edit.ts +36 -0
  18. package/src/icons/defs/actions/filter.ts +33 -0
  19. package/src/icons/defs/actions/index.ts +28 -0
  20. package/src/icons/defs/actions/link.ts +40 -0
  21. package/src/icons/defs/actions/minus.ts +42 -0
  22. package/src/icons/defs/actions/paste.ts +39 -0
  23. package/src/icons/defs/actions/pin.ts +36 -0
  24. package/src/icons/defs/actions/plus.ts +46 -0
  25. package/src/icons/defs/actions/redo.ts +37 -0
  26. package/src/icons/defs/actions/refresh.ts +36 -0
  27. package/src/icons/defs/actions/save.ts +36 -0
  28. package/src/icons/defs/actions/search.ts +37 -0
  29. package/src/icons/defs/actions/share.ts +45 -0
  30. package/src/icons/defs/actions/sort.ts +39 -0
  31. package/src/icons/defs/actions/undo.ts +37 -0
  32. package/src/icons/defs/actions/unlink.ts +44 -0
  33. package/src/icons/defs/actions/upload.ts +36 -0
  34. package/src/icons/defs/actions/x.ts +40 -0
  35. package/src/icons/defs/communication/at-sign.ts +37 -0
  36. package/src/icons/defs/communication/bell-off.ts +44 -0
  37. package/src/icons/defs/communication/bell.ts +37 -0
  38. package/src/icons/defs/communication/inbox.ts +40 -0
  39. package/src/icons/defs/communication/index.ts +15 -0
  40. package/src/icons/defs/communication/mail.ts +40 -0
  41. package/src/icons/defs/communication/message.ts +42 -0
  42. package/src/icons/defs/communication/phone-off.ts +35 -0
  43. package/src/icons/defs/communication/phone.ts +36 -0
  44. package/src/icons/defs/communication/send.ts +37 -0
  45. package/src/icons/defs/communication/video-call.ts +44 -0
  46. package/src/icons/defs/data/calendar.ts +55 -0
  47. package/src/icons/defs/data/chart-bar.ts +48 -0
  48. package/src/icons/defs/data/chart-line.ts +41 -0
  49. package/src/icons/defs/data/chart-pie.ts +42 -0
  50. package/src/icons/defs/data/clock.ts +37 -0
  51. package/src/icons/defs/data/cloud-download.ts +41 -0
  52. package/src/icons/defs/data/cloud-upload.ts +41 -0
  53. package/src/icons/defs/data/cloud.ts +36 -0
  54. package/src/icons/defs/data/database.ts +50 -0
  55. package/src/icons/defs/data/hash.ts +43 -0
  56. package/src/icons/defs/data/index.ts +19 -0
  57. package/src/icons/defs/data/percent.ts +39 -0
  58. package/src/icons/defs/data/sync.ts +43 -0
  59. package/src/icons/defs/data/table.ts +50 -0
  60. package/src/icons/defs/data/timer.ts +47 -0
  61. package/src/icons/defs/files/archive.ts +39 -0
  62. package/src/icons/defs/files/attachment.ts +34 -0
  63. package/src/icons/defs/files/clipboard.ts +45 -0
  64. package/src/icons/defs/files/file-archive.ts +45 -0
  65. package/src/icons/defs/files/file-audio.ts +41 -0
  66. package/src/icons/defs/files/file-code.ts +41 -0
  67. package/src/icons/defs/files/file-image.ts +41 -0
  68. package/src/icons/defs/files/file-minus.ts +37 -0
  69. package/src/icons/defs/files/file-plus.ts +41 -0
  70. package/src/icons/defs/files/file-text.ts +41 -0
  71. package/src/icons/defs/files/file-video.ts +37 -0
  72. package/src/icons/defs/files/file.ts +34 -0
  73. package/src/icons/defs/files/folder-open.ts +34 -0
  74. package/src/icons/defs/files/folder-plus.ts +38 -0
  75. package/src/icons/defs/files/folder.ts +30 -0
  76. package/src/icons/defs/files/index.ts +20 -0
  77. package/src/icons/defs/index.ts +58 -0
  78. package/src/icons/defs/media/camera-off.ts +39 -0
  79. package/src/icons/defs/media/camera.ts +34 -0
  80. package/src/icons/defs/media/fast-forward.ts +34 -0
  81. package/src/icons/defs/media/image.ts +39 -0
  82. package/src/icons/defs/media/index.ts +22 -0
  83. package/src/icons/defs/media/mic-off.ts +44 -0
  84. package/src/icons/defs/media/mic.ts +39 -0
  85. package/src/icons/defs/media/music.ts +39 -0
  86. package/src/icons/defs/media/pause.ts +36 -0
  87. package/src/icons/defs/media/play.ts +34 -0
  88. package/src/icons/defs/media/rewind.ts +34 -0
  89. package/src/icons/defs/media/skip-back.ts +34 -0
  90. package/src/icons/defs/media/skip-forward.ts +34 -0
  91. package/src/icons/defs/media/stop.ts +34 -0
  92. package/src/icons/defs/media/video.ts +39 -0
  93. package/src/icons/defs/media/volume-high.ts +39 -0
  94. package/src/icons/defs/media/volume-low.ts +34 -0
  95. package/src/icons/defs/media/volume-off.ts +34 -0
  96. package/src/icons/defs/navigation/arrow-down.ts +34 -0
  97. package/src/icons/defs/navigation/arrow-left.ts +34 -0
  98. package/src/icons/defs/navigation/arrow-right.ts +34 -0
  99. package/src/icons/defs/navigation/arrow-up.ts +34 -0
  100. package/src/icons/defs/navigation/chevron-down.ts +31 -0
  101. package/src/icons/defs/navigation/chevron-left.ts +31 -0
  102. package/src/icons/defs/navigation/chevron-right.ts +31 -0
  103. package/src/icons/defs/navigation/chevron-up.ts +31 -0
  104. package/src/icons/defs/navigation/external-link.ts +37 -0
  105. package/src/icons/defs/navigation/home.ts +34 -0
  106. package/src/icons/defs/navigation/index.ts +19 -0
  107. package/src/icons/defs/navigation/maximize.ts +36 -0
  108. package/src/icons/defs/navigation/menu-dots.ts +42 -0
  109. package/src/icons/defs/navigation/menu.ts +42 -0
  110. package/src/icons/defs/navigation/minimize.ts +32 -0
  111. package/src/icons/defs/security/eye-off.ts +42 -0
  112. package/src/icons/defs/security/eye.ts +37 -0
  113. package/src/icons/defs/security/fingerprint.ts +51 -0
  114. package/src/icons/defs/security/index.ts +20 -0
  115. package/src/icons/defs/security/key.ts +43 -0
  116. package/src/icons/defs/security/lock.ts +40 -0
  117. package/src/icons/defs/security/log-in.ts +40 -0
  118. package/src/icons/defs/security/log-out.ts +40 -0
  119. package/src/icons/defs/security/shield-check.ts +34 -0
  120. package/src/icons/defs/security/shield-x.ts +38 -0
  121. package/src/icons/defs/security/shield.ts +36 -0
  122. package/src/icons/defs/security/unlock.ts +40 -0
  123. package/src/icons/defs/security/user-minus.ts +39 -0
  124. package/src/icons/defs/security/user-plus.ts +43 -0
  125. package/src/icons/defs/security/user.ts +41 -0
  126. package/src/icons/defs/security/users.ts +43 -0
  127. package/src/icons/defs/social/award.ts +41 -0
  128. package/src/icons/defs/social/bookmark-filled.ts +24 -0
  129. package/src/icons/defs/social/bookmark.ts +25 -0
  130. package/src/icons/defs/social/flag.ts +35 -0
  131. package/src/icons/defs/social/heart-filled.ts +24 -0
  132. package/src/icons/defs/social/heart.ts +25 -0
  133. package/src/icons/defs/social/index.ts +11 -0
  134. package/src/icons/defs/social/star-filled.ts +24 -0
  135. package/src/icons/defs/social/star.ts +25 -0
  136. package/src/icons/defs/social/thumbs-down.ts +42 -0
  137. package/src/icons/defs/social/thumbs-up.ts +42 -0
  138. package/src/icons/defs/social/trending.ts +36 -0
  139. package/src/icons/defs/status/battery-charging.ts +30 -0
  140. package/src/icons/defs/status/battery-full.ts +30 -0
  141. package/src/icons/defs/status/battery-low.ts +31 -0
  142. package/src/icons/defs/status/error.ts +31 -0
  143. package/src/icons/defs/status/help.ts +30 -0
  144. package/src/icons/defs/status/index.ts +12 -0
  145. package/src/icons/defs/status/info.ts +30 -0
  146. package/src/icons/defs/status/loading.ts +52 -0
  147. package/src/icons/defs/status/offline.ts +28 -0
  148. package/src/icons/defs/status/online.ts +30 -0
  149. package/src/icons/defs/status/progress.ts +31 -0
  150. package/src/icons/defs/status/success.ts +27 -0
  151. package/src/icons/defs/status/warning.ts +30 -0
  152. package/src/icons/defs/tech/api.ts +55 -0
  153. package/src/icons/defs/tech/bluetooth.ts +33 -0
  154. package/src/icons/defs/tech/bug.ts +58 -0
  155. package/src/icons/defs/tech/chip.ts +80 -0
  156. package/src/icons/defs/tech/circuit.ts +57 -0
  157. package/src/icons/defs/tech/code.ts +36 -0
  158. package/src/icons/defs/tech/cpu.ts +58 -0
  159. package/src/icons/defs/tech/git-branch.ts +41 -0
  160. package/src/icons/defs/tech/git-commit.ts +38 -0
  161. package/src/icons/defs/tech/git-merge.ts +46 -0
  162. package/src/icons/defs/tech/git-pull.ts +50 -0
  163. package/src/icons/defs/tech/globe.ts +36 -0
  164. package/src/icons/defs/tech/index.ts +27 -0
  165. package/src/icons/defs/tech/memory.ts +61 -0
  166. package/src/icons/defs/tech/qr-code.ts +81 -0
  167. package/src/icons/defs/tech/server.ts +45 -0
  168. package/src/icons/defs/tech/settings.ts +33 -0
  169. package/src/icons/defs/tech/signal.ts +43 -0
  170. package/src/icons/defs/tech/sliders.ts +63 -0
  171. package/src/icons/defs/tech/terminal.ts +36 -0
  172. package/src/icons/defs/tech/wifi-off.ts +43 -0
  173. package/src/icons/defs/tech/wifi.ts +38 -0
  174. package/src/icons/defs/tech/zap.ts +30 -0
  175. package/src/icons/icon-list.ts +305 -0
  176. package/src/icons/index.ts +95 -0
  177. package/src/icons/individual.ts +210 -0
  178. package/src/icons/registry.ts +2276 -0
  179. package/src/icons/svg/actions/check.svg +5 -0
  180. package/src/icons/svg/actions/copy.svg +6 -0
  181. package/src/icons/svg/actions/cut.svg +7 -0
  182. package/src/icons/svg/actions/delete.svg +7 -0
  183. package/src/icons/svg/actions/download.svg +5 -0
  184. package/src/icons/svg/actions/drag.svg +8 -0
  185. package/src/icons/svg/actions/edit.svg +5 -0
  186. package/src/icons/svg/actions/filter.svg +4 -0
  187. package/src/icons/svg/actions/link.svg +6 -0
  188. package/src/icons/svg/actions/minus.svg +7 -0
  189. package/src/icons/svg/actions/paste.svg +6 -0
  190. package/src/icons/svg/actions/pin.svg +5 -0
  191. package/src/icons/svg/actions/plus.svg +8 -0
  192. package/src/icons/svg/actions/redo.svg +5 -0
  193. package/src/icons/svg/actions/refresh.svg +5 -0
  194. package/src/icons/svg/actions/save.svg +5 -0
  195. package/src/icons/svg/actions/search.svg +5 -0
  196. package/src/icons/svg/actions/share.svg +7 -0
  197. package/src/icons/svg/actions/sort.svg +6 -0
  198. package/src/icons/svg/actions/undo.svg +5 -0
  199. package/src/icons/svg/actions/unlink.svg +7 -0
  200. package/src/icons/svg/actions/upload.svg +5 -0
  201. package/src/icons/svg/actions/x.svg +6 -0
  202. package/src/icons/svg/communication/at-sign.svg +5 -0
  203. package/src/icons/svg/communication/bell-off.svg +8 -0
  204. package/src/icons/svg/communication/bell.svg +5 -0
  205. package/src/icons/svg/communication/inbox.svg +6 -0
  206. package/src/icons/svg/communication/mail.svg +6 -0
  207. package/src/icons/svg/communication/message.svg +6 -0
  208. package/src/icons/svg/communication/phone-off.svg +4 -0
  209. package/src/icons/svg/communication/phone.svg +5 -0
  210. package/src/icons/svg/communication/send.svg +5 -0
  211. package/src/icons/svg/communication/video-call.svg +7 -0
  212. package/src/icons/svg/data/calendar.svg +11 -0
  213. package/src/icons/svg/data/chart-bar.svg +6 -0
  214. package/src/icons/svg/data/chart-line.svg +5 -0
  215. package/src/icons/svg/data/chart-pie.svg +6 -0
  216. package/src/icons/svg/data/clock.svg +5 -0
  217. package/src/icons/svg/data/cloud-download.svg +5 -0
  218. package/src/icons/svg/data/cloud-upload.svg +5 -0
  219. package/src/icons/svg/data/cloud.svg +4 -0
  220. package/src/icons/svg/data/database.svg +7 -0
  221. package/src/icons/svg/data/hash.svg +6 -0
  222. package/src/icons/svg/data/percent.svg +5 -0
  223. package/src/icons/svg/data/sync.svg +6 -0
  224. package/src/icons/svg/data/table.svg +7 -0
  225. package/src/icons/svg/data/timer.svg +7 -0
  226. package/src/icons/svg/files/archive.svg +5 -0
  227. package/src/icons/svg/files/attachment.svg +4 -0
  228. package/src/icons/svg/files/clipboard.svg +6 -0
  229. package/src/icons/svg/files/file-archive.svg +7 -0
  230. package/src/icons/svg/files/file-audio.svg +6 -0
  231. package/src/icons/svg/files/file-code.svg +6 -0
  232. package/src/icons/svg/files/file-image.svg +6 -0
  233. package/src/icons/svg/files/file-minus.svg +5 -0
  234. package/src/icons/svg/files/file-plus.svg +6 -0
  235. package/src/icons/svg/files/file-text.svg +6 -0
  236. package/src/icons/svg/files/file-video.svg +5 -0
  237. package/src/icons/svg/files/file.svg +4 -0
  238. package/src/icons/svg/files/folder-open.svg +4 -0
  239. package/src/icons/svg/files/folder-plus.svg +5 -0
  240. package/src/icons/svg/files/folder.svg +3 -0
  241. package/src/icons/svg/media/camera-off.svg +5 -0
  242. package/src/icons/svg/media/camera.svg +4 -0
  243. package/src/icons/svg/media/fast-forward.svg +4 -0
  244. package/src/icons/svg/media/image.svg +5 -0
  245. package/src/icons/svg/media/mic-off.svg +6 -0
  246. package/src/icons/svg/media/mic.svg +5 -0
  247. package/src/icons/svg/media/music.svg +5 -0
  248. package/src/icons/svg/media/pause.svg +4 -0
  249. package/src/icons/svg/media/play.svg +4 -0
  250. package/src/icons/svg/media/rewind.svg +4 -0
  251. package/src/icons/svg/media/skip-back.svg +4 -0
  252. package/src/icons/svg/media/skip-forward.svg +4 -0
  253. package/src/icons/svg/media/stop.svg +4 -0
  254. package/src/icons/svg/media/video.svg +5 -0
  255. package/src/icons/svg/media/volume-high.svg +5 -0
  256. package/src/icons/svg/media/volume-low.svg +4 -0
  257. package/src/icons/svg/media/volume-off.svg +4 -0
  258. package/src/icons/svg/navigation/arrow-down.svg +4 -0
  259. package/src/icons/svg/navigation/arrow-left.svg +4 -0
  260. package/src/icons/svg/navigation/arrow-right.svg +4 -0
  261. package/src/icons/svg/navigation/arrow-up.svg +4 -0
  262. package/src/icons/svg/navigation/chevron-down.svg +3 -0
  263. package/src/icons/svg/navigation/chevron-left.svg +3 -0
  264. package/src/icons/svg/navigation/chevron-right.svg +3 -0
  265. package/src/icons/svg/navigation/chevron-up.svg +3 -0
  266. package/src/icons/svg/navigation/external-link.svg +5 -0
  267. package/src/icons/svg/navigation/home.svg +4 -0
  268. package/src/icons/svg/navigation/maximize.svg +3 -0
  269. package/src/icons/svg/navigation/menu-dots.svg +5 -0
  270. package/src/icons/svg/navigation/menu.svg +5 -0
  271. package/src/icons/svg/navigation/minimize.svg +3 -0
  272. package/src/icons/svg/security/eye-off.svg +6 -0
  273. package/src/icons/svg/security/eye.svg +5 -0
  274. package/src/icons/svg/security/fingerprint.svg +9 -0
  275. package/src/icons/svg/security/key.svg +7 -0
  276. package/src/icons/svg/security/lock.svg +6 -0
  277. package/src/icons/svg/security/log-in.svg +6 -0
  278. package/src/icons/svg/security/log-out.svg +6 -0
  279. package/src/icons/svg/security/shield-check.svg +4 -0
  280. package/src/icons/svg/security/shield-x.svg +5 -0
  281. package/src/icons/svg/security/shield.svg +5 -0
  282. package/src/icons/svg/security/unlock.svg +6 -0
  283. package/src/icons/svg/security/user-minus.svg +5 -0
  284. package/src/icons/svg/security/user-plus.svg +6 -0
  285. package/src/icons/svg/security/user.svg +6 -0
  286. package/src/icons/svg/security/users.svg +6 -0
  287. package/src/icons/svg/social/award.svg +5 -0
  288. package/src/icons/svg/social/bookmark-filled.svg +3 -0
  289. package/src/icons/svg/social/bookmark.svg +3 -0
  290. package/src/icons/svg/social/flag.svg +4 -0
  291. package/src/icons/svg/social/heart-filled.svg +3 -0
  292. package/src/icons/svg/social/heart.svg +3 -0
  293. package/src/icons/svg/social/star-filled.svg +3 -0
  294. package/src/icons/svg/social/star.svg +3 -0
  295. package/src/icons/svg/social/thumbs-down.svg +5 -0
  296. package/src/icons/svg/social/thumbs-up.svg +5 -0
  297. package/src/icons/svg/social/trending.svg +4 -0
  298. package/src/icons/svg/status/battery-charging.svg +5 -0
  299. package/src/icons/svg/status/battery-full.svg +5 -0
  300. package/src/icons/svg/status/battery-low.svg +5 -0
  301. package/src/icons/svg/status/error.svg +5 -0
  302. package/src/icons/svg/status/help.svg +5 -0
  303. package/src/icons/svg/status/info.svg +5 -0
  304. package/src/icons/svg/status/loading.svg +10 -0
  305. package/src/icons/svg/status/offline.svg +4 -0
  306. package/src/icons/svg/status/online.svg +5 -0
  307. package/src/icons/svg/status/progress.svg +5 -0
  308. package/src/icons/svg/status/success.svg +4 -0
  309. package/src/icons/svg/status/warning.svg +5 -0
  310. package/src/icons/svg/tech/api.svg +10 -0
  311. package/src/icons/svg/tech/bluetooth.svg +4 -0
  312. package/src/icons/svg/tech/bug.svg +11 -0
  313. package/src/icons/svg/tech/chip.svg +16 -0
  314. package/src/icons/svg/tech/circuit.svg +15 -0
  315. package/src/icons/svg/tech/code.svg +5 -0
  316. package/src/icons/svg/tech/cpu.svg +12 -0
  317. package/src/icons/svg/tech/git-branch.svg +6 -0
  318. package/src/icons/svg/tech/git-commit.svg +5 -0
  319. package/src/icons/svg/tech/git-merge.svg +7 -0
  320. package/src/icons/svg/tech/git-pull.svg +8 -0
  321. package/src/icons/svg/tech/globe.svg +5 -0
  322. package/src/icons/svg/tech/memory.svg +12 -0
  323. package/src/icons/svg/tech/qr-code.svg +9 -0
  324. package/src/icons/svg/tech/server.svg +7 -0
  325. package/src/icons/svg/tech/settings.svg +4 -0
  326. package/src/icons/svg/tech/signal.svg +7 -0
  327. package/src/icons/svg/tech/sliders.svg +11 -0
  328. package/src/icons/svg/tech/terminal.svg +5 -0
  329. package/src/icons/svg/tech/wifi-off.svg +7 -0
  330. package/src/icons/svg/tech/wifi.svg +6 -0
  331. package/src/icons/svg/tech/zap.svg +3 -0
  332. package/src/icons/types.ts +73 -0
  333. package/src/icons/utils.ts +216 -0
  334. package/src/scss/components/_alerts.scss +76 -0
  335. package/src/scss/components/_badges.scss +198 -0
  336. package/src/scss/components/_buttons.scss +180 -0
  337. package/src/scss/components/_cards.scss +178 -0
  338. package/src/scss/components/_dropdown.scss +213 -0
  339. package/src/scss/components/_index.scss +19 -0
  340. package/src/scss/components/_inputs.scss +193 -0
  341. package/src/scss/components/_modal.scss +303 -0
  342. package/src/scss/components/_nav.scss +116 -0
  343. package/src/scss/components/_progress.scss +218 -0
  344. package/src/scss/components/_skeleton.scss +337 -0
  345. package/src/scss/components/_spinner.scss +300 -0
  346. package/src/scss/components/_tables.scss +244 -0
  347. package/src/scss/components/_tabs.scss +327 -0
  348. package/src/scss/components/_terminal.scss +259 -0
  349. package/src/scss/core/_base.scss +25 -0
  350. package/src/scss/core/_index.scss +6 -0
  351. package/src/scss/core/_layers.scss +5 -0
  352. package/src/scss/core/_mixins.scss +96 -0
  353. package/src/scss/core/_reset.scss +26 -0
  354. package/src/scss/core/_typography.scss +43 -0
  355. package/src/scss/core/_variables.scss +163 -0
  356. package/src/scss/cybercore.scss +46 -0
  357. package/src/scss/effects/_datastream.scss +43 -0
  358. package/src/scss/effects/_glitch.scss +389 -0
  359. package/src/scss/effects/_index.scss +9 -0
  360. package/src/scss/effects/_neon-border.scss +107 -0
  361. package/src/scss/effects/_noise.scss +75 -0
  362. package/src/scss/effects/_scanlines.scss +86 -0
  363. package/src/scss/utilities/_accessibility.scss +57 -0
  364. package/src/scss/utilities/_animation.scss +246 -0
  365. package/src/scss/utilities/_backgrounds.scss +201 -0
  366. package/src/scss/utilities/_borders.scss +198 -0
  367. package/src/scss/utilities/_display.scss +33 -0
  368. package/src/scss/utilities/_filters.scss +279 -0
  369. package/src/scss/utilities/_flex.scss +95 -0
  370. package/src/scss/utilities/_grid.scss +68 -0
  371. package/src/scss/utilities/_icons.scss +152 -0
  372. package/src/scss/utilities/_index.scss +35 -0
  373. package/src/scss/utilities/_interactivity.scss +186 -0
  374. package/src/scss/utilities/_layout.scss +202 -0
  375. package/src/scss/utilities/_position.scss +168 -0
  376. package/src/scss/utilities/_shadows.scss +164 -0
  377. package/src/scss/utilities/_sizing.scss +229 -0
  378. package/src/scss/utilities/_spacing.scss +185 -0
  379. package/src/scss/utilities/_text.scss +177 -0
  380. package/src/scss/utilities/_transforms.scss +212 -0
  381. package/src/scss/utilities/_transitions.scss +174 -0
package/src/icons/defs/files/clipboard.ts ADDED
@@ -0,0 +1,45 @@
1
+ /**
2
+ * Clipboard
3
+ * @category files
4
+ */
5
+ import type { IconDefinition } from '../../types';
6
+
7
+ export const clipboard: IconDefinition = {
8
+ name: 'clipboard',
9
+ category: 'files',
10
+ description: 'Clipboard with content',
11
+ tags: ['clipboard', 'copy', 'paste', 'document'],
12
+ svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
13
+ <rect x="6" y="4" width="12" height="16" rx="2"/>
14
+ <path d="M9 2h6v2H9z"/>
15
+ <line x1="9" y1="11" x2="15" y2="11"/>
16
+ <line x1="9" y1="15" x2="15" y2="15"/>
17
+ </svg>`,
18
+ variants: {
19
+ solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
20
+ <rect x="6" y="4" width="12" height="16" rx="2"/>
21
+ <path d="M9 2h6v2H9z" fill="none" stroke="currentColor" stroke-width="1.5"/>
22
+ <rect x="9" y="10" width="6" height="2" fill="none" stroke="currentColor" stroke-width="1.5"/>
23
+ <rect x="9" y="14" width="6" height="2" fill="none" stroke="currentColor" stroke-width="1.5"/>
24
+ </svg>`,
25
+ duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
26
+ <rect x="6" y="4" width="12" height="16" rx="2" fill="currentColor" opacity="0.3"/>
27
+ <rect x="6" y="4" width="12" height="16" rx="2"/>
28
+ <path d="M9 2h6v2H9z"/>
29
+ <line x1="9" y1="11" x2="15" y2="11"/>
30
+ <line x1="9" y1="15" x2="15" y2="15"/>
31
+ </svg>`,
32
+ glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
33
+ <rect x="6" y="4" width="12" height="16" rx="2" transform="translate(1,-1)" opacity="0.5"/>
34
+ <rect x="6" y="4" width="12" height="16" rx="2"/>
35
+ <path d="M9 2h6v2H9z" transform="translate(-1,1)" opacity="0.5"/>
36
+ <path d="M9 2h6v2H9z"/>
37
+ <line x1="9" y1="11" x2="15" y2="11" transform="translate(1,-1)" opacity="0.5"/>
38
+ <line x1="9" y1="11" x2="15" y2="11"/>
39
+ <line x1="9" y1="15" x2="15" y2="15" transform="translate(-1,1)" opacity="0.5"/>
40
+ <line x1="9" y1="15" x2="15" y2="15"/>
41
+ </svg>`,
42
+ },
43
+ };
44
+
45
+ export default clipboard;
package/src/icons/defs/files/file-archive.ts ADDED
@@ -0,0 +1,45 @@
1
+ /**
2
+ * File Archive
3
+ * @category files
4
+ */
5
+ import type { IconDefinition } from '../../types';
6
+
7
+ export const fileArchive: IconDefinition = {
8
+ name: 'file-archive',
9
+ category: 'files',
10
+ description: 'Archive/zip file with zipper pattern',
11
+ tags: ['file', 'archive', 'zip', 'compressed'],
12
+ svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
13
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
14
+ <path d="M14 2v6h6"/>
15
+ <line x1="10" y1="11" x2="14" y2="11"/>
16
+ <line x1="10" y1="14" x2="14" y2="14"/>
17
+ <line x1="10" y1="17" x2="14" y2="17"/>
18
+ </svg>`,
19
+ variants: {
20
+ solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
21
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm0 1.5L18.5 8H14V3.5zM10 10h4v2h-4v-2zm0 3h4v2h-4v-2zm0 3h4v2h-4v-2z"/>
22
+ </svg>`,
23
+ duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
24
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" fill="currentColor" opacity="0.3"/>
25
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
26
+ <path d="M14 2v6h6"/>
27
+ <line x1="10" y1="11" x2="14" y2="11"/>
28
+ <line x1="10" y1="14" x2="14" y2="14"/>
29
+ <line x1="10" y1="17" x2="14" y2="17"/>
30
+ </svg>`,
31
+ glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
32
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" transform="translate(1,-1)" opacity="0.5"/>
33
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
34
+ <path d="M14 2v6h6"/>
35
+ <line x1="10" y1="11" x2="14" y2="11" transform="translate(-1,1)" opacity="0.5"/>
36
+ <line x1="10" y1="11" x2="14" y2="11"/>
37
+ <line x1="10" y1="14" x2="14" y2="14" transform="translate(1,-1)" opacity="0.5"/>
38
+ <line x1="10" y1="14" x2="14" y2="14"/>
39
+ <line x1="10" y1="17" x2="14" y2="17" transform="translate(-1,1)" opacity="0.5"/>
40
+ <line x1="10" y1="17" x2="14" y2="17"/>
41
+ </svg>`,
42
+ },
43
+ };
44
+
45
+ export default fileArchive;
package/src/icons/defs/files/file-audio.ts ADDED
@@ -0,0 +1,41 @@
1
+ /**
2
+ * File Audio
3
+ * @category files
4
+ */
5
+ import type { IconDefinition } from '../../types';
6
+
7
+ export const fileAudio: IconDefinition = {
8
+ name: 'file-audio',
9
+ category: 'files',
10
+ description: 'Audio file with sound wave',
11
+ tags: ['file', 'audio', 'sound', 'music'],
12
+ svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
13
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
14
+ <path d="M14 2v6h6"/>
15
+ <path d="M14 13v5"/>
16
+ <path d="M10 16v2"/>
17
+ </svg>`,
18
+ variants: {
19
+ solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
20
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm0 1.5L18.5 8H14V3.5zM13 13h2v5h-2v-5zm-4 3h2v2H9v-2z"/>
21
+ </svg>`,
22
+ duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
23
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" fill="currentColor" opacity="0.3"/>
24
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
25
+ <path d="M14 2v6h6"/>
26
+ <path d="M14 13v5"/>
27
+ <path d="M10 16v2"/>
28
+ </svg>`,
29
+ glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
30
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" transform="translate(1,-1)" opacity="0.5"/>
31
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
32
+ <path d="M14 2v6h6"/>
33
+ <path d="M14 13v5" transform="translate(-1,1)" opacity="0.5"/>
34
+ <path d="M14 13v5"/>
35
+ <path d="M10 16v2" transform="translate(1,-1)" opacity="0.5"/>
36
+ <path d="M10 16v2"/>
37
+ </svg>`,
38
+ },
39
+ };
40
+
41
+ export default fileAudio;
package/src/icons/defs/files/file-code.ts ADDED
@@ -0,0 +1,41 @@
1
+ /**
2
+ * File Code
3
+ * @category files
4
+ */
5
+ import type { IconDefinition } from '../../types';
6
+
7
+ export const fileCode: IconDefinition = {
8
+ name: 'file-code',
9
+ category: 'files',
10
+ description: 'Code file with angle brackets',
11
+ tags: ['file', 'code', 'programming', 'source'],
12
+ svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
13
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
14
+ <path d="M14 2v6h6"/>
15
+ <path d="M10 13l-2 2 2 2"/>
16
+ <path d="M14 13l2 2-2 2"/>
17
+ </svg>`,
18
+ variants: {
19
+ solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
20
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm0 1.5L18.5 8H14V3.5zM9.3 13l-1.8 2 1.8 2 .7-.7-1.1-1.3 1.1-1.3-.7-.7zm5.4 0l-.7.7 1.1 1.3-1.1 1.3.7.7 1.8-2-1.8-2z"/>
21
+ </svg>`,
22
+ duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
23
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" fill="currentColor" opacity="0.3"/>
24
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
25
+ <path d="M14 2v6h6"/>
26
+ <path d="M10 13l-2 2 2 2"/>
27
+ <path d="M14 13l2 2-2 2"/>
28
+ </svg>`,
29
+ glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
30
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" transform="translate(1,-1)" opacity="0.5"/>
31
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
32
+ <path d="M14 2v6h6"/>
33
+ <path d="M10 13l-2 2 2 2" transform="translate(-1,1)" opacity="0.5"/>
34
+ <path d="M10 13l-2 2 2 2"/>
35
+ <path d="M14 13l2 2-2 2" transform="translate(1,-1)" opacity="0.5"/>
36
+ <path d="M14 13l2 2-2 2"/>
37
+ </svg>`,
38
+ },
39
+ };
40
+
41
+ export default fileCode;
package/src/icons/defs/files/file-image.ts ADDED
@@ -0,0 +1,41 @@
1
+ /**
2
+ * File Image
3
+ * @category files
4
+ */
5
+ import type { IconDefinition } from '../../types';
6
+
7
+ export const fileImage: IconDefinition = {
8
+ name: 'file-image',
9
+ category: 'files',
10
+ description: 'Image file with picture icon',
11
+ tags: ['file', 'image', 'photo', 'picture'],
12
+ svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
13
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
14
+ <path d="M14 2v6h6"/>
15
+ <circle cx="10" cy="13" r="1.5"/>
16
+ <path d="M17 18l-3-3-4 4"/>
17
+ </svg>`,
18
+ variants: {
19
+ solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
20
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm0 1.5L18.5 8H14V3.5zM10 11.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm7 6.5H7l3-3 2 2 2-2 3 3z"/>
21
+ </svg>`,
22
+ duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
23
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" fill="currentColor" opacity="0.3"/>
24
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
25
+ <path d="M14 2v6h6"/>
26
+ <circle cx="10" cy="13" r="1.5"/>
27
+ <path d="M17 18l-3-3-4 4"/>
28
+ </svg>`,
29
+ glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
30
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" transform="translate(1,-1)" opacity="0.5"/>
31
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
32
+ <path d="M14 2v6h6"/>
33
+ <circle cx="10" cy="13" r="1.5" transform="translate(-1,1)" opacity="0.5"/>
34
+ <circle cx="10" cy="13" r="1.5"/>
35
+ <path d="M17 18l-3-3-4 4" transform="translate(1,-1)" opacity="0.5"/>
36
+ <path d="M17 18l-3-3-4 4"/>
37
+ </svg>`,
38
+ },
39
+ };
40
+
41
+ export default fileImage;
package/src/icons/defs/files/file-minus.ts ADDED
@@ -0,0 +1,37 @@
1
+ /**
2
+ * File Minus
3
+ * @category files
4
+ */
5
+ import type { IconDefinition } from '../../types';
6
+
7
+ export const fileMinus: IconDefinition = {
8
+ name: 'file-minus',
9
+ category: 'files',
10
+ description: 'Remove file with minus icon',
11
+ tags: ['file', 'remove', 'delete', 'subtract'],
12
+ svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
13
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
14
+ <path d="M14 2v6h6"/>
15
+ <line x1="9" y1="16" x2="15" y2="16"/>
16
+ </svg>`,
17
+ variants: {
18
+ solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
19
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm0 1.5L18.5 8H14V3.5zM9 15h6v2H9v-2z"/>
20
+ </svg>`,
21
+ duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
22
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" fill="currentColor" opacity="0.3"/>
23
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
24
+ <path d="M14 2v6h6"/>
25
+ <line x1="9" y1="16" x2="15" y2="16"/>
26
+ </svg>`,
27
+ glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
28
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" transform="translate(1,-1)" opacity="0.5"/>
29
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
30
+ <path d="M14 2v6h6"/>
31
+ <line x1="9" y1="16" x2="15" y2="16" transform="translate(-1,1)" opacity="0.5"/>
32
+ <line x1="9" y1="16" x2="15" y2="16"/>
33
+ </svg>`,
34
+ },
35
+ };
36
+
37
+ export default fileMinus;
package/src/icons/defs/files/file-plus.ts ADDED
@@ -0,0 +1,41 @@
1
+ /**
2
+ * File Plus
3
+ * @category files
4
+ */
5
+ import type { IconDefinition } from '../../types';
6
+
7
+ export const filePlus: IconDefinition = {
8
+ name: 'file-plus',
9
+ category: 'files',
10
+ description: 'New file with plus icon',
11
+ tags: ['file', 'new', 'add', 'create'],
12
+ svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
13
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
14
+ <path d="M14 2v6h6"/>
15
+ <line x1="12" y1="13" x2="12" y2="19"/>
16
+ <line x1="9" y1="16" x2="15" y2="16"/>
17
+ </svg>`,
18
+ variants: {
19
+ solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
20
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm0 1.5L18.5 8H14V3.5zM13 13v2h2v2h-2v2h-2v-2H9v-2h2v-2h2z"/>
21
+ </svg>`,
22
+ duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
23
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" fill="currentColor" opacity="0.3"/>
24
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
25
+ <path d="M14 2v6h6"/>
26
+ <line x1="12" y1="13" x2="12" y2="19"/>
27
+ <line x1="9" y1="16" x2="15" y2="16"/>
28
+ </svg>`,
29
+ glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
30
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" transform="translate(1,-1)" opacity="0.5"/>
31
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
32
+ <path d="M14 2v6h6"/>
33
+ <line x1="12" y1="13" x2="12" y2="19" transform="translate(-1,1)" opacity="0.5"/>
34
+ <line x1="12" y1="13" x2="12" y2="19"/>
35
+ <line x1="9" y1="16" x2="15" y2="16" transform="translate(1,-1)" opacity="0.5"/>
36
+ <line x1="9" y1="16" x2="15" y2="16"/>
37
+ </svg>`,
38
+ },
39
+ };
40
+
41
+ export default filePlus;
package/src/icons/defs/files/file-text.ts ADDED
@@ -0,0 +1,41 @@
1
+ /**
2
+ * File Text
3
+ * @category files
4
+ */
5
+ import type { IconDefinition } from '../../types';
6
+
7
+ export const fileText: IconDefinition = {
8
+ name: 'file-text',
9
+ category: 'files',
10
+ description: 'Text file document with lines',
11
+ tags: ['file', 'text', 'document', 'lines'],
12
+ svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
13
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
14
+ <path d="M14 2v6h6"/>
15
+ <line x1="8" y1="13" x2="16" y2="13"/>
16
+ <line x1="8" y1="17" x2="16" y2="17"/>
17
+ </svg>`,
18
+ variants: {
19
+ solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
20
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm0 1.5L18.5 8H14V3.5zM8 12h8v2H8v-2zm0 4h8v2H8v-2z"/>
21
+ </svg>`,
22
+ duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
23
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" fill="currentColor" opacity="0.3"/>
24
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
25
+ <path d="M14 2v6h6"/>
26
+ <line x1="8" y1="13" x2="16" y2="13"/>
27
+ <line x1="8" y1="17" x2="16" y2="17"/>
28
+ </svg>`,
29
+ glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
30
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" transform="translate(1,-1)" opacity="0.5"/>
31
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
32
+ <path d="M14 2v6h6"/>
33
+ <line x1="8" y1="13" x2="16" y2="13" transform="translate(-1,1)" opacity="0.5"/>
34
+ <line x1="8" y1="13" x2="16" y2="13"/>
35
+ <line x1="8" y1="17" x2="16" y2="17" transform="translate(1,-1)" opacity="0.5"/>
36
+ <line x1="8" y1="17" x2="16" y2="17"/>
37
+ </svg>`,
38
+ },
39
+ };
40
+
41
+ export default fileText;
package/src/icons/defs/files/file-video.ts ADDED
@@ -0,0 +1,37 @@
1
+ /**
2
+ * File Video
3
+ * @category files
4
+ */
5
+ import type { IconDefinition } from '../../types';
6
+
7
+ export const fileVideo: IconDefinition = {
8
+ name: 'file-video',
9
+ category: 'files',
10
+ description: 'Video file with play icon',
11
+ tags: ['file', 'video', 'media', 'play'],
12
+ svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
13
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
14
+ <path d="M14 2v6h6"/>
15
+ <path d="M10 13l4 2.5-4 2.5z"/>
16
+ </svg>`,
17
+ variants: {
18
+ solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
19
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm0 1.5L18.5 8H14V3.5zM10 13v5l4-2.5-4-2.5z"/>
20
+ </svg>`,
21
+ duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
22
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" fill="currentColor" opacity="0.3"/>
23
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
24
+ <path d="M14 2v6h6"/>
25
+ <path d="M10 13l4 2.5-4 2.5z"/>
26
+ </svg>`,
27
+ glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
28
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" transform="translate(1,-1)" opacity="0.5"/>
29
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
30
+ <path d="M14 2v6h6"/>
31
+ <path d="M10 13l4 2.5-4 2.5z" transform="translate(-1,1)" opacity="0.5"/>
32
+ <path d="M10 13l4 2.5-4 2.5z"/>
33
+ </svg>`,
34
+ },
35
+ };
36
+
37
+ export default fileVideo;
package/src/icons/defs/files/file.ts ADDED
@@ -0,0 +1,34 @@
1
+ /**
2
+ * File
3
+ * @category files
4
+ */
5
+ import type { IconDefinition } from '../../types';
6
+
7
+ export const file: IconDefinition = {
8
+ name: 'file',
9
+ category: 'files',
10
+ description: 'Generic file document',
11
+ tags: ['file', 'document', 'blank'],
12
+ svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
13
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
14
+ <path d="M14 2v6h6"/>
15
+ </svg>`,
16
+ variants: {
17
+ solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
18
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm0 1.5L18.5 8H14V3.5z"/>
19
+ </svg>`,
20
+ duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
21
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" fill="currentColor" opacity="0.3"/>
22
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
23
+ <path d="M14 2v6h6"/>
24
+ </svg>`,
25
+ glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
26
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z" transform="translate(1,-1)" opacity="0.5"/>
27
+ <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/>
28
+ <path d="M14 2v6h6"/>
29
+ <path d="M14 2v6h6" transform="translate(-1,1)" opacity="0.5"/>
30
+ </svg>`,
31
+ },
32
+ };
33
+
34
+ export default file;
package/src/icons/defs/files/folder-open.ts ADDED
@@ -0,0 +1,34 @@
1
+ /**
2
+ * Folder Open
3
+ * @category files
4
+ */
5
+ import type { IconDefinition } from '../../types';
6
+
7
+ export const folderOpen: IconDefinition = {
8
+ name: 'folder-open',
9
+ category: 'files',
10
+ description: 'Open folder',
11
+ tags: ['folder', 'directory', 'open', 'expanded'],
12
+ svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
13
+ <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v1"/>
14
+ <path d="M2 11h20v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z"/>
15
+ </svg>`,
16
+ variants: {
17
+ solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
18
+ <path d="M2 5v14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2H2V5a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v1h2V7a2 2 0 0 0-2-2h-7l-2-2H4a2 2 0 0 0-2 2z"/>
19
+ </svg>`,
20
+ duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
21
+ <path d="M2 11h20v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z" fill="currentColor" opacity="0.3"/>
22
+ <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v1"/>
23
+ <path d="M2 11h20v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z"/>
24
+ </svg>`,
25
+ glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
26
+ <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v1" transform="translate(1,-1)" opacity="0.5"/>
27
+ <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v1"/>
28
+ <path d="M2 11h20v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z" transform="translate(-1,1)" opacity="0.5"/>
29
+ <path d="M2 11h20v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z"/>
30
+ </svg>`,
31
+ },
32
+ };
33
+
34
+ export default folderOpen;
package/src/icons/defs/files/folder-plus.ts ADDED
@@ -0,0 +1,38 @@
1
+ /**
2
+ * Folder Plus
3
+ * @category files
4
+ */
5
+ import type { IconDefinition } from '../../types';
6
+
7
+ export const folderPlus: IconDefinition = {
8
+ name: 'folder-plus',
9
+ category: 'files',
10
+ description: 'New folder with plus icon',
11
+ tags: ['folder', 'new', 'add', 'create'],
12
+ svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
13
+ <path d="M3 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-8l-2-2H5a2 2 0 0 0-2 2z"/>
14
+ <line x1="12" y1="11" x2="12" y2="17"/>
15
+ <line x1="9" y1="14" x2="15" y2="14"/>
16
+ </svg>`,
17
+ variants: {
18
+ solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
19
+ <path d="M3 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-8l-2-2H5a2 2 0 0 0-2 2zm10 4v2h2v2h-2v2h-2v-2H9v-2h2v-2h2z"/>
20
+ </svg>`,
21
+ duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
22
+ <path d="M3 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-8l-2-2H5a2 2 0 0 0-2 2z" fill="currentColor" opacity="0.3"/>
23
+ <path d="M3 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-8l-2-2H5a2 2 0 0 0-2 2z"/>
24
+ <line x1="12" y1="11" x2="12" y2="17"/>
25
+ <line x1="9" y1="14" x2="15" y2="14"/>
26
+ </svg>`,
27
+ glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
28
+ <path d="M3 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-8l-2-2H5a2 2 0 0 0-2 2z" transform="translate(1,-1)" opacity="0.5"/>
29
+ <path d="M3 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-8l-2-2H5a2 2 0 0 0-2 2z"/>
30
+ <line x1="12" y1="11" x2="12" y2="17" transform="translate(-1,1)" opacity="0.5"/>
31
+ <line x1="12" y1="11" x2="12" y2="17"/>
32
+ <line x1="9" y1="14" x2="15" y2="14" transform="translate(1,-1)" opacity="0.5"/>
33
+ <line x1="9" y1="14" x2="15" y2="14"/>
34
+ </svg>`,
35
+ },
36
+ };
37
+
38
+ export default folderPlus;
package/src/icons/defs/files/folder.ts ADDED
@@ -0,0 +1,30 @@
1
+ /**
2
+ * Folder
3
+ * @category files
4
+ */
5
+ import type { IconDefinition } from '../../types';
6
+
7
+ export const folder: IconDefinition = {
8
+ name: 'folder',
9
+ category: 'files',
10
+ description: 'Closed folder',
11
+ tags: ['folder', 'directory', 'closed'],
12
+ svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
13
+ <path d="M3 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-8l-2-2H5a2 2 0 0 0-2 2z"/>
14
+ </svg>`,
15
+ variants: {
16
+ solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
17
+ <path d="M3 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-8l-2-2H5a2 2 0 0 0-2 2z"/>
18
+ </svg>`,
19
+ duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
20
+ <path d="M3 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-8l-2-2H5a2 2 0 0 0-2 2z" fill="currentColor" opacity="0.3"/>
21
+ <path d="M3 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-8l-2-2H5a2 2 0 0 0-2 2z"/>
22
+ </svg>`,
23
+ glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
24
+ <path d="M3 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-8l-2-2H5a2 2 0 0 0-2 2z" transform="translate(1,-1)" opacity="0.5"/>
25
+ <path d="M3 7v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-8l-2-2H5a2 2 0 0 0-2 2z"/>
26
+ </svg>`,
27
+ },
28
+ };
29
+
30
+ export default folder;
package/src/icons/defs/files/index.ts ADDED
@@ -0,0 +1,20 @@
1
+ /**
2
+ * Files Category Icons
3
+ * @category files
4
+ */
5
+
6
+ export { file } from './file';
7
+ export { fileText } from './file-text';
8
+ export { fileCode } from './file-code';
9
+ export { fileImage } from './file-image';
10
+ export { fileVideo } from './file-video';
11
+ export { fileAudio } from './file-audio';
12
+ export { fileArchive } from './file-archive';
13
+ export { filePlus } from './file-plus';
14
+ export { fileMinus } from './file-minus';
15
+ export { folder } from './folder';
16
+ export { folderOpen } from './folder-open';
17
+ export { folderPlus } from './folder-plus';
18
+ export { archive } from './archive';
19
+ export { clipboard } from './clipboard';
20
+ export { attachment } from './attachment';
package/src/icons/defs/index.ts ADDED
@@ -0,0 +1,58 @@
1
+ /**
2
+ * Cyber Icons - Definitions Index
3
+ * Auto-exports all icon definitions from category folders
4
+ */
5
+
6
+ // Re-export all icons by category
7
+ export * from './navigation';
8
+ export * from './actions';
9
+ export * from './media';
10
+ export * from './communication';
11
+ export * from './data';
12
+ export * from './security';
13
+ export * from './tech';
14
+ export * from './files';
15
+ export * from './status';
16
+ export * from './social';
17
+
18
+ // Category barrel exports for tree-shaking
19
+ import * as navigation from './navigation';
20
+ import * as actions from './actions';
21
+ import * as media from './media';
22
+ import * as communication from './communication';
23
+ import * as data from './data';
24
+ import * as security from './security';
25
+ import * as tech from './tech';
26
+ import * as files from './files';
27
+ import * as status from './status';
28
+ import * as social from './social';
29
+
30
+ export const categories = {
31
+ navigation,
32
+ actions,
33
+ media,
34
+ communication,
35
+ data,
36
+ security,
37
+ tech,
38
+ files,
39
+ status,
40
+ social,
41
+ };
42
+
43
+ // Build registry from all definitions
44
+ import type { IconRegistry, IconDefinition } from '../types';
45
+
46
+ export function buildRegistry(): IconRegistry {
47
+ const registry: IconRegistry = {};
48
+
49
+ Object.values(categories).forEach((category) => {
50
+ Object.values(category).forEach((icon) => {
51
+ if (icon && typeof icon === 'object' && 'name' in icon && 'svg' in icon) {
52
+ registry[(icon as IconDefinition).name] = icon as IconDefinition;
53
+ }
54
+ });
55
+ });
56
+
57
+ return registry;
58
+ }