@natura11y/icons 2.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 (221) hide show
  1. package/.fantasticonrc.js +26 -0
  2. package/README.md +43 -0
  3. package/dist/index.html +987 -0
  4. package/dist/natura11y-icons-sprite.svg +406 -0
  5. package/dist/natura11y-icons.css +342 -0
  6. package/dist/natura11y-icons.json +110 -0
  7. package/dist/natura11y-icons.min.css +1 -0
  8. package/dist/natura11y-icons.ttf +0 -0
  9. package/dist/natura11y-icons.woff +0 -0
  10. package/dist/natura11y-icons.woff2 +0 -0
  11. package/optimized-svg/accessibility.svg +4 -0
  12. package/optimized-svg/arrow-down.svg +3 -0
  13. package/optimized-svg/arrow-left.svg +3 -0
  14. package/optimized-svg/arrow-right.svg +3 -0
  15. package/optimized-svg/arrow-up.svg +3 -0
  16. package/optimized-svg/asterisk.svg +3 -0
  17. package/optimized-svg/bell.svg +3 -0
  18. package/optimized-svg/bluesky.svg +3 -0
  19. package/optimized-svg/bookmark-add.svg +3 -0
  20. package/optimized-svg/bookmark-remove.svg +3 -0
  21. package/optimized-svg/bookmark.svg +3 -0
  22. package/optimized-svg/calendar.svg +4 -0
  23. package/optimized-svg/call.svg +3 -0
  24. package/optimized-svg/car.svg +3 -0
  25. package/optimized-svg/caret-down.svg +3 -0
  26. package/optimized-svg/caret-left.svg +3 -0
  27. package/optimized-svg/caret-right.svg +3 -0
  28. package/optimized-svg/caret-up.svg +3 -0
  29. package/optimized-svg/checkbox-checked.svg +3 -0
  30. package/optimized-svg/checkbox-unchecked.svg +3 -0
  31. package/optimized-svg/chevron-down.svg +3 -0
  32. package/optimized-svg/chevron-left.svg +3 -0
  33. package/optimized-svg/chevron-right.svg +3 -0
  34. package/optimized-svg/chevron-up.svg +3 -0
  35. package/optimized-svg/clear.svg +3 -0
  36. package/optimized-svg/close.svg +3 -0
  37. package/optimized-svg/confirm.svg +3 -0
  38. package/optimized-svg/delete.svg +3 -0
  39. package/optimized-svg/disabled.svg +3 -0
  40. package/optimized-svg/double-chevron-down.svg +4 -0
  41. package/optimized-svg/double-chevron-left.svg +4 -0
  42. package/optimized-svg/double-chevron-right.svg +4 -0
  43. package/optimized-svg/double-chevron-up.svg +4 -0
  44. package/optimized-svg/edit.svg +3 -0
  45. package/optimized-svg/expand.svg +7 -0
  46. package/optimized-svg/facebook.svg +3 -0
  47. package/optimized-svg/figma.svg +3 -0
  48. package/optimized-svg/file-download.svg +4 -0
  49. package/optimized-svg/file-upload.svg +4 -0
  50. package/optimized-svg/github.svg +3 -0
  51. package/optimized-svg/globe.svg +3 -0
  52. package/optimized-svg/grid.svg +3 -0
  53. package/optimized-svg/hashtag.svg +3 -0
  54. package/optimized-svg/heart.svg +3 -0
  55. package/optimized-svg/home.svg +4 -0
  56. package/optimized-svg/info.svg +3 -0
  57. package/optimized-svg/instagram.svg +3 -0
  58. package/optimized-svg/language.svg +3 -0
  59. package/optimized-svg/lightbulb.svg +3 -0
  60. package/optimized-svg/linkedin.svg +3 -0
  61. package/optimized-svg/list.svg +3 -0
  62. package/optimized-svg/loading.svg +3 -0
  63. package/optimized-svg/location.svg +4 -0
  64. package/optimized-svg/lock.svg +3 -0
  65. package/optimized-svg/mail.svg +4 -0
  66. package/optimized-svg/map-pin.svg +3 -0
  67. package/optimized-svg/menu.svg +3 -0
  68. package/optimized-svg/minus.svg +3 -0
  69. package/optimized-svg/mobile.svg +3 -0
  70. package/optimized-svg/mode-light-dark.svg +3 -0
  71. package/optimized-svg/moon.svg +3 -0
  72. package/optimized-svg/more-horizontal.svg +3 -0
  73. package/optimized-svg/more-vertical.svg +3 -0
  74. package/optimized-svg/npm.svg +3 -0
  75. package/optimized-svg/open-new.svg +4 -0
  76. package/optimized-svg/page-end.svg +3 -0
  77. package/optimized-svg/page-start.svg +3 -0
  78. package/optimized-svg/parking.svg +4 -0
  79. package/optimized-svg/pause-circle.svg +4 -0
  80. package/optimized-svg/pause.svg +3 -0
  81. package/optimized-svg/people.svg +4 -0
  82. package/optimized-svg/person.svg +3 -0
  83. package/optimized-svg/plane.svg +3 -0
  84. package/optimized-svg/play-circle.svg +4 -0
  85. package/optimized-svg/play.svg +3 -0
  86. package/optimized-svg/plus.svg +3 -0
  87. package/optimized-svg/print.svg +3 -0
  88. package/optimized-svg/question-mark.svg +3 -0
  89. package/optimized-svg/radio-checked.svg +4 -0
  90. package/optimized-svg/radio-unchecked.svg +3 -0
  91. package/optimized-svg/recycle.svg +4 -0
  92. package/optimized-svg/search.svg +3 -0
  93. package/optimized-svg/settings.svg +3 -0
  94. package/optimized-svg/share.svg +3 -0
  95. package/optimized-svg/shopping-cart.svg +3 -0
  96. package/optimized-svg/shrink.svg +3 -0
  97. package/optimized-svg/sign-in.svg +4 -0
  98. package/optimized-svg/sign-out.svg +4 -0
  99. package/optimized-svg/star-fill.svg +3 -0
  100. package/optimized-svg/star-outline.svg +3 -0
  101. package/optimized-svg/sun.svg +3 -0
  102. package/optimized-svg/switch-off.svg +3 -0
  103. package/optimized-svg/switch-on.svg +3 -0
  104. package/optimized-svg/tiktok.svg +3 -0
  105. package/optimized-svg/twitter-x.svg +3 -0
  106. package/optimized-svg/twitter.svg +3 -0
  107. package/optimized-svg/volume-mute.svg +3 -0
  108. package/optimized-svg/volume.svg +4 -0
  109. package/optimized-svg/warn.svg +3 -0
  110. package/optimized-svg/wheelchair.svg +3 -0
  111. package/optimized-svg/youtube.svg +3 -0
  112. package/optimized-svg/zoom-in.svg +4 -0
  113. package/optimized-svg/zoom-out.svg +4 -0
  114. package/original-svg/accessibility.svg +4 -0
  115. package/original-svg/arrow-down.svg +3 -0
  116. package/original-svg/arrow-left.svg +3 -0
  117. package/original-svg/arrow-right.svg +3 -0
  118. package/original-svg/arrow-up.svg +3 -0
  119. package/original-svg/asterisk.svg +3 -0
  120. package/original-svg/bell.svg +3 -0
  121. package/original-svg/bluesky.svg +3 -0
  122. package/original-svg/bookmark-add.svg +3 -0
  123. package/original-svg/bookmark-remove.svg +3 -0
  124. package/original-svg/bookmark.svg +3 -0
  125. package/original-svg/calendar.svg +4 -0
  126. package/original-svg/call.svg +3 -0
  127. package/original-svg/car.svg +3 -0
  128. package/original-svg/caret-down.svg +3 -0
  129. package/original-svg/caret-left.svg +3 -0
  130. package/original-svg/caret-right.svg +3 -0
  131. package/original-svg/caret-up.svg +3 -0
  132. package/original-svg/checkbox-checked.svg +3 -0
  133. package/original-svg/checkbox-unchecked.svg +3 -0
  134. package/original-svg/chevron-down.svg +3 -0
  135. package/original-svg/chevron-left.svg +3 -0
  136. package/original-svg/chevron-right.svg +3 -0
  137. package/original-svg/chevron-up.svg +3 -0
  138. package/original-svg/clear.svg +3 -0
  139. package/original-svg/close.svg +3 -0
  140. package/original-svg/confirm.svg +3 -0
  141. package/original-svg/delete.svg +3 -0
  142. package/original-svg/disabled.svg +3 -0
  143. package/original-svg/double-chevron-down.svg +4 -0
  144. package/original-svg/double-chevron-left.svg +4 -0
  145. package/original-svg/double-chevron-right.svg +4 -0
  146. package/original-svg/double-chevron-up.svg +4 -0
  147. package/original-svg/edit.svg +3 -0
  148. package/original-svg/expand.svg +7 -0
  149. package/original-svg/facebook.svg +3 -0
  150. package/original-svg/figma.svg +3 -0
  151. package/original-svg/file-download.svg +4 -0
  152. package/original-svg/file-upload.svg +4 -0
  153. package/original-svg/github.svg +3 -0
  154. package/original-svg/globe.svg +3 -0
  155. package/original-svg/grid.svg +3 -0
  156. package/original-svg/hashtag.svg +3 -0
  157. package/original-svg/heart.svg +3 -0
  158. package/original-svg/home.svg +4 -0
  159. package/original-svg/info.svg +3 -0
  160. package/original-svg/instagram.svg +3 -0
  161. package/original-svg/language.svg +3 -0
  162. package/original-svg/lightbulb.svg +3 -0
  163. package/original-svg/linkedin.svg +3 -0
  164. package/original-svg/list.svg +3 -0
  165. package/original-svg/loading.svg +3 -0
  166. package/original-svg/location.svg +4 -0
  167. package/original-svg/lock.svg +3 -0
  168. package/original-svg/mail.svg +4 -0
  169. package/original-svg/map-pin.svg +3 -0
  170. package/original-svg/menu.svg +3 -0
  171. package/original-svg/minus.svg +3 -0
  172. package/original-svg/mobile.svg +3 -0
  173. package/original-svg/mode-light-dark.svg +3 -0
  174. package/original-svg/moon.svg +3 -0
  175. package/original-svg/more-horizontal.svg +3 -0
  176. package/original-svg/more-vertical.svg +3 -0
  177. package/original-svg/npm.svg +3 -0
  178. package/original-svg/open-new.svg +4 -0
  179. package/original-svg/page-end.svg +3 -0
  180. package/original-svg/page-start.svg +3 -0
  181. package/original-svg/parking.svg +4 -0
  182. package/original-svg/pause-circle.svg +4 -0
  183. package/original-svg/pause.svg +3 -0
  184. package/original-svg/people.svg +4 -0
  185. package/original-svg/person.svg +3 -0
  186. package/original-svg/plane.svg +3 -0
  187. package/original-svg/play-circle.svg +4 -0
  188. package/original-svg/play.svg +3 -0
  189. package/original-svg/plus.svg +3 -0
  190. package/original-svg/print.svg +3 -0
  191. package/original-svg/question-mark.svg +3 -0
  192. package/original-svg/radio-checked.svg +4 -0
  193. package/original-svg/radio-unchecked.svg +3 -0
  194. package/original-svg/recycle.svg +4 -0
  195. package/original-svg/search.svg +3 -0
  196. package/original-svg/settings.svg +3 -0
  197. package/original-svg/share.svg +3 -0
  198. package/original-svg/shopping-cart.svg +3 -0
  199. package/original-svg/shrink.svg +3 -0
  200. package/original-svg/sign-in.svg +4 -0
  201. package/original-svg/sign-out.svg +4 -0
  202. package/original-svg/star-fill.svg +3 -0
  203. package/original-svg/star-outline.svg +3 -0
  204. package/original-svg/sun.svg +3 -0
  205. package/original-svg/switch-off.svg +3 -0
  206. package/original-svg/switch-on.svg +3 -0
  207. package/original-svg/tiktok.svg +3 -0
  208. package/original-svg/twitter-x.svg +3 -0
  209. package/original-svg/twitter.svg +3 -0
  210. package/original-svg/volume-mute.svg +3 -0
  211. package/original-svg/volume.svg +4 -0
  212. package/original-svg/warn.svg +3 -0
  213. package/original-svg/wheelchair.svg +3 -0
  214. package/original-svg/youtube.svg +3 -0
  215. package/original-svg/zoom-in.svg +4 -0
  216. package/original-svg/zoom-out.svg +4 -0
  217. package/package.json +48 -0
  218. package/scripts/minify-icons-css.mjs +16 -0
  219. package/src/data/icons.d.mts +12 -0
  220. package/src/data/icons.mjs +1154 -0
  221. package/svgo.config.js +35 -0
@@ -0,0 +1,26 @@
1
+ const codepoints = require('./dist/natura11y-icons.json');
2
+
3
+ module.exports = {
4
+ inputDir: './original-svg', // (required)
5
+ outputDir: './dist', // (required)
6
+ fontTypes: ['ttf', 'woff2', 'woff'],
7
+ assetTypes: ['css', 'json', 'html'],
8
+ name: 'natura11y-icons',
9
+ codepoints: codepoints,
10
+ prefix: 'icon',
11
+ selector: '.icon',
12
+ tag: 'span',
13
+ formatOptions: {
14
+ json: {
15
+ indent: 3
16
+ }
17
+ },
18
+ pathOptions: {
19
+ html: './dist/index.html',
20
+ css: './dist/natura11y-icons.css',
21
+ json: './dist/natura11y-icons.json',
22
+ ttf: './dist/natura11y-icons.ttf',
23
+ woff: './dist/natura11y-icons.woff',
24
+ woff2: './dist/natura11y-icons.woff2'
25
+ }
26
+ };
package/README.md ADDED
@@ -0,0 +1,43 @@
1
+ # Natura11y Icons
2
+
3
+ Use Natura11y's open source icon font, or use this package as the starting point for your own icon library.
4
+
5
+ ---
6
+
7
+ ## CDN
8
+
9
+ ```html
10
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@natura11y/icons@2.2.0/dist/natura11y-icons.min.css">
11
+ ```
12
+
13
+ ---
14
+
15
+ ## Build Icons
16
+
17
+ 1. Save your SVGs to `./original-svg`.
18
+
19
+ 2. Install package dependencies:
20
+
21
+ ```bash
22
+ npm install
23
+ ```
24
+
25
+ 3. Optimize SVGs, build the icon font, and write the minified CDN stylesheet:
26
+
27
+ ```bash
28
+ npm run build:icons
29
+ ```
30
+
31
+ ---
32
+
33
+ ## The icon font
34
+
35
+ The build generates `dist/natura11y-icons.css`, `dist/natura11y-icons.min.css`, font files, a sprite, and icon metadata. You can customize the generated icon font with `.fantasticonrc.js`.
36
+
37
+ ---
38
+
39
+ Related:
40
+
41
+ - [NPM: @natura11y/icons](https://www.npmjs.com/package/@natura11y/icons)
42
+ - [Repo: Natura11y Core](https://github.com/Natura11y/core)
43
+ - [Docs: Natura11y Docs](https://gonatura11y.com)