@bookklik/senangstart-icons 1.0.8 → 1.0.12

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 (532) hide show
  1. package/.agent/skills/build-scripts/SKILL.md +155 -0
  2. package/.agent/skills/icon-development/SKILL.md +154 -0
  3. package/.agent/skills/senangstart-icons-architecture/SKILL.md +123 -0
  4. package/.agent/skills/testing/SKILL.md +202 -0
  5. package/.agent/skills/web-components/SKILL.md +209 -0
  6. package/.agent/workflows/add-icon.md +85 -0
  7. package/.agent/workflows/build.md +73 -0
  8. package/.agent/workflows/dev.md +52 -0
  9. package/.agent/workflows/docs.md +77 -0
  10. package/.agent/workflows/publish.md +80 -0
  11. package/.agent/workflows/test.md +56 -0
  12. package/README.md +13 -5
  13. package/dist/icons.min.js +2 -0
  14. package/dist/icons.min.js.map +1 -0
  15. package/dist/senangstart-icon.min.js +1 -1
  16. package/dist/senangstart-icon.min.js.map +1 -1
  17. package/docs/.vitepress/config.mjs +15 -13
  18. package/docs/guide/configuration.md +3 -48
  19. package/docs/guide/getting-started.md +10 -3
  20. package/docs/guide/installation.md +1 -1
  21. package/docs/guide/styling.md +10 -10
  22. package/docs/guide/usage.md +53 -44
  23. package/docs/icons/alert.md +12 -8
  24. package/docs/icons/align-bottom-object.md +12 -8
  25. package/docs/icons/align-center-object.md +12 -8
  26. package/docs/icons/align-left-object.md +12 -8
  27. package/docs/icons/align-middle-object.md +12 -8
  28. package/docs/icons/align-right-object.md +12 -8
  29. package/docs/icons/align-top-object.md +12 -8
  30. package/docs/icons/ar.md +12 -8
  31. package/docs/icons/archive-box.md +12 -8
  32. package/docs/icons/arrow-down.md +12 -8
  33. package/docs/icons/arrow-left-arrow-right.md +12 -8
  34. package/docs/icons/arrow-left-on-rectangle.md +12 -8
  35. package/docs/icons/arrow-left-right.md +12 -8
  36. package/docs/icons/arrow-left.md +12 -8
  37. package/docs/icons/arrow-long-down.md +12 -8
  38. package/docs/icons/arrow-long-left.md +12 -8
  39. package/docs/icons/arrow-long-right.md +12 -8
  40. package/docs/icons/arrow-long-up.md +12 -8
  41. package/docs/icons/arrow-path.md +12 -8
  42. package/docs/icons/arrow-right-on-rectangle.md +12 -8
  43. package/docs/icons/arrow-right.md +12 -8
  44. package/docs/icons/arrow-rotate-ccw.md +12 -8
  45. package/docs/icons/arrow-rotate-cw.md +12 -8
  46. package/docs/icons/arrow-top-right-on-square.md +12 -8
  47. package/docs/icons/arrow-up-arrow-down.md +12 -8
  48. package/docs/icons/arrow-up-down-left-right.md +12 -8
  49. package/docs/icons/arrow-up-down.md +12 -8
  50. package/docs/icons/arrow-up.md +12 -8
  51. package/docs/icons/banknotes.md +12 -8
  52. package/docs/icons/bars-3.md +12 -8
  53. package/docs/icons/basket.md +12 -8
  54. package/docs/icons/battery-0.md +12 -8
  55. package/docs/icons/battery-10.md +12 -8
  56. package/docs/icons/battery-100.md +12 -8
  57. package/docs/icons/battery-50.md +12 -8
  58. package/docs/icons/bell-alert.md +12 -8
  59. package/docs/icons/bell.md +12 -8
  60. package/docs/icons/bolt.md +12 -8
  61. package/docs/icons/book-close.md +12 -8
  62. package/docs/icons/book-open.md +12 -8
  63. package/docs/icons/book-stacked.md +12 -8
  64. package/docs/icons/bookmark.md +12 -8
  65. package/docs/icons/briefcase.md +12 -8
  66. package/docs/icons/brush.md +12 -8
  67. package/docs/icons/cake.md +12 -8
  68. package/docs/icons/calendar-approve.md +12 -8
  69. package/docs/icons/calendar-days.md +12 -8
  70. package/docs/icons/calendar-minus.md +12 -8
  71. package/docs/icons/calendar-plus.md +12 -8
  72. package/docs/icons/calendar-reject.md +12 -8
  73. package/docs/icons/calendar.md +12 -8
  74. package/docs/icons/camera.md +12 -8
  75. package/docs/icons/carousel.md +12 -8
  76. package/docs/icons/chart-bar.md +12 -8
  77. package/docs/icons/chart-line.md +12 -8
  78. package/docs/icons/chart-pie.md +12 -8
  79. package/docs/icons/chat-bubble-left-ellipsis.md +12 -8
  80. package/docs/icons/chat-bubble-left-right.md +12 -8
  81. package/docs/icons/chat-bubble-left.md +12 -8
  82. package/docs/icons/chat-bubble-right-ellipsis.md +12 -8
  83. package/docs/icons/chat-bubble-right.md +12 -8
  84. package/docs/icons/chatbot.md +12 -8
  85. package/docs/icons/check.md +12 -8
  86. package/docs/icons/chevron-double-down.md +12 -8
  87. package/docs/icons/chevron-double-left.md +12 -8
  88. package/docs/icons/chevron-double-right.md +12 -8
  89. package/docs/icons/chevron-double-up.md +12 -8
  90. package/docs/icons/chevron-down.md +12 -8
  91. package/docs/icons/chevron-left.md +12 -8
  92. package/docs/icons/chevron-right.md +12 -8
  93. package/docs/icons/chevron-up.md +12 -8
  94. package/docs/icons/circle.md +12 -8
  95. package/docs/icons/clipboard-document-check.md +12 -8
  96. package/docs/icons/clipboard.md +12 -8
  97. package/docs/icons/clock.md +12 -8
  98. package/docs/icons/cloud.md +12 -8
  99. package/docs/icons/code.md +12 -8
  100. package/docs/icons/cog-6-tooth.md +12 -8
  101. package/docs/icons/compress.md +12 -8
  102. package/docs/icons/computer-code.md +12 -8
  103. package/docs/icons/computer-desktop.md +12 -8
  104. package/docs/icons/computer-laptop.md +12 -8
  105. package/docs/icons/cone.md +12 -8
  106. package/docs/icons/console.md +12 -8
  107. package/docs/icons/container.md +12 -8
  108. package/docs/icons/contrast.md +12 -8
  109. package/docs/icons/controller.md +12 -8
  110. package/docs/icons/credit-card.md +12 -8
  111. package/docs/icons/crop.md +12 -8
  112. package/docs/icons/crosshair.md +12 -8
  113. package/docs/icons/cube.md +12 -8
  114. package/docs/icons/currency-dollar.md +12 -8
  115. package/docs/icons/currency-euro.md +12 -8
  116. package/docs/icons/currency-pound.md +12 -8
  117. package/docs/icons/currency-ringgit.md +12 -8
  118. package/docs/icons/currency-yen.md +12 -8
  119. package/docs/icons/cursor.md +12 -8
  120. package/docs/icons/cylinder-half.md +12 -8
  121. package/docs/icons/cylinder.md +12 -8
  122. package/docs/icons/device-phone-mobile.md +12 -8
  123. package/docs/icons/device-tablet.md +12 -8
  124. package/docs/icons/diamond.md +12 -8
  125. package/docs/icons/document-duplicate.md +12 -8
  126. package/docs/icons/document-text.md +12 -8
  127. package/docs/icons/document.md +12 -8
  128. package/docs/icons/dodecahedron.md +12 -8
  129. package/docs/icons/double-tick.md +12 -8
  130. package/docs/icons/draw-curve.md +12 -8
  131. package/docs/icons/draw-line.md +12 -8
  132. package/docs/icons/envelope-open.md +12 -8
  133. package/docs/icons/envelope.md +12 -8
  134. package/docs/icons/eraser.md +12 -8
  135. package/docs/icons/exclamation-circle.md +12 -8
  136. package/docs/icons/exclamation-triangle.md +12 -8
  137. package/docs/icons/expand.md +12 -8
  138. package/docs/icons/eye-slash.md +12 -8
  139. package/docs/icons/eye.md +12 -8
  140. package/docs/icons/flag.md +12 -8
  141. package/docs/icons/flip-horizontal.md +12 -8
  142. package/docs/icons/flip-vertical.md +12 -8
  143. package/docs/icons/focus.md +12 -8
  144. package/docs/icons/folder-minus.md +12 -8
  145. package/docs/icons/folder-open.md +12 -8
  146. package/docs/icons/folder-plus.md +12 -8
  147. package/docs/icons/folder.md +12 -8
  148. package/docs/icons/font.md +12 -8
  149. package/docs/icons/game.md +12 -8
  150. package/docs/icons/gift.md +12 -8
  151. package/docs/icons/globe-alt.md +12 -8
  152. package/docs/icons/gradient.md +12 -8
  153. package/docs/icons/grid.md +12 -8
  154. package/docs/icons/group-object.md +12 -8
  155. package/docs/icons/hand-grab.md +12 -8
  156. package/docs/icons/hand-thumb-down.md +12 -8
  157. package/docs/icons/hand-thumb-up.md +12 -8
  158. package/docs/icons/hand.md +12 -8
  159. package/docs/icons/heart-extruded.md +12 -8
  160. package/docs/icons/heart.md +12 -8
  161. package/docs/icons/hexagon.md +12 -8
  162. package/docs/icons/home.md +12 -8
  163. package/docs/icons/horizontal-3-dots.md +12 -8
  164. package/docs/icons/hourglass-0.md +12 -8
  165. package/docs/icons/hourglass-100.md +12 -8
  166. package/docs/icons/hourglass-50.md +12 -8
  167. package/docs/icons/hourglass-80.md +12 -8
  168. package/docs/icons/icosahedron.md +12 -8
  169. package/docs/icons/inbox.md +12 -8
  170. package/docs/icons/information-circle.md +12 -8
  171. package/docs/icons/key.md +12 -8
  172. package/docs/icons/layer-stacks.md +12 -8
  173. package/docs/icons/layout.md +12 -8
  174. package/docs/icons/light-bulb.md +12 -8
  175. package/docs/icons/lock-closed.md +12 -8
  176. package/docs/icons/lock-open.md +12 -8
  177. package/docs/icons/magic-wand.md +12 -8
  178. package/docs/icons/magnifying-glass-focus.md +12 -8
  179. package/docs/icons/magnifying-glass-minus.md +12 -8
  180. package/docs/icons/magnifying-glass-plus.md +12 -8
  181. package/docs/icons/magnifying-glass.md +12 -8
  182. package/docs/icons/map-pin.md +12 -8
  183. package/docs/icons/map.md +12 -8
  184. package/docs/icons/marquee.md +12 -8
  185. package/docs/icons/maximize.md +12 -8
  186. package/docs/icons/medal.md +12 -8
  187. package/docs/icons/microphone-mute.md +12 -8
  188. package/docs/icons/microphone.md +12 -8
  189. package/docs/icons/minimize.md +12 -8
  190. package/docs/icons/minus.md +12 -8
  191. package/docs/icons/moon.md +12 -8
  192. package/docs/icons/musical-note.md +12 -8
  193. package/docs/icons/octahedron.md +12 -8
  194. package/docs/icons/panorama.md +12 -8
  195. package/docs/icons/paper-clip.md +12 -8
  196. package/docs/icons/pause-circle.md +12 -8
  197. package/docs/icons/pause.md +12 -8
  198. package/docs/icons/pencil.md +12 -8
  199. package/docs/icons/phone-x-mark.md +12 -8
  200. package/docs/icons/phone.md +12 -8
  201. package/docs/icons/photo.md +12 -8
  202. package/docs/icons/plane.md +12 -8
  203. package/docs/icons/play-circle.md +12 -8
  204. package/docs/icons/play.md +12 -8
  205. package/docs/icons/plus.md +12 -8
  206. package/docs/icons/polygon.md +12 -8
  207. package/docs/icons/presentation-chart-line.md +12 -8
  208. package/docs/icons/presentation-media.md +12 -8
  209. package/docs/icons/pyramid.md +12 -8
  210. package/docs/icons/qr-code.md +12 -8
  211. package/docs/icons/question-mark-circle.md +12 -8
  212. package/docs/icons/rectangle.md +12 -8
  213. package/docs/icons/reel.md +12 -8
  214. package/docs/icons/robot.md +12 -8
  215. package/docs/icons/roof.md +12 -8
  216. package/docs/icons/rotate-add.md +12 -8
  217. package/docs/icons/rotate-minus.md +12 -8
  218. package/docs/icons/save.md +12 -8
  219. package/docs/icons/scissor.md +12 -8
  220. package/docs/icons/shapes.md +12 -8
  221. package/docs/icons/shield-check.md +12 -8
  222. package/docs/icons/shield-exclamation.md +12 -8
  223. package/docs/icons/shopping-bag.md +12 -8
  224. package/docs/icons/shopping-cart.md +12 -8
  225. package/docs/icons/sliders-horizontal.md +12 -8
  226. package/docs/icons/sliders-vertical.md +12 -8
  227. package/docs/icons/sparkles.md +12 -8
  228. package/docs/icons/speaker-wave.md +12 -8
  229. package/docs/icons/speaker-x-mark.md +12 -8
  230. package/docs/icons/sphere-half.md +12 -8
  231. package/docs/icons/sphere.md +12 -8
  232. package/docs/icons/square.md +12 -8
  233. package/docs/icons/star.md +12 -8
  234. package/docs/icons/stop-circle.md +12 -8
  235. package/docs/icons/stop.md +12 -8
  236. package/docs/icons/sun.md +12 -8
  237. package/docs/icons/table.md +12 -8
  238. package/docs/icons/tabs.md +12 -8
  239. package/docs/icons/tetrahedron.md +12 -8
  240. package/docs/icons/text-align-center.md +12 -8
  241. package/docs/icons/text-align-justify.md +12 -8
  242. package/docs/icons/text-align-left.md +12 -8
  243. package/docs/icons/text-align-right.md +12 -8
  244. package/docs/icons/text.md +12 -8
  245. package/docs/icons/thunder.md +12 -8
  246. package/docs/icons/tic-tac-toe.md +12 -8
  247. package/docs/icons/time-reset.md +12 -8
  248. package/docs/icons/torus-knot.md +12 -8
  249. package/docs/icons/torus.md +12 -8
  250. package/docs/icons/trash.md +12 -8
  251. package/docs/icons/trophy.md +12 -8
  252. package/docs/icons/truck.md +12 -8
  253. package/docs/icons/tube.md +12 -8
  254. package/docs/icons/ungroup-object.md +12 -8
  255. package/docs/icons/user-circle.md +12 -8
  256. package/docs/icons/user-group.md +12 -8
  257. package/docs/icons/user-minus.md +12 -8
  258. package/docs/icons/user-plus.md +12 -8
  259. package/docs/icons/user.md +12 -8
  260. package/docs/icons/users.md +12 -8
  261. package/docs/icons/vertical-3-dots.md +12 -8
  262. package/docs/icons/video-camera.md +12 -8
  263. package/docs/icons/vr.md +12 -8
  264. package/docs/icons/wedge.md +12 -8
  265. package/docs/icons/whiteboard.md +12 -8
  266. package/docs/icons/wifi.md +12 -8
  267. package/docs/icons/window.md +12 -8
  268. package/docs/icons/x-mark.md +12 -8
  269. package/docs/index.md +12 -5
  270. package/docs/ms/guide/configuration.md +3 -48
  271. package/docs/ms/guide/getting-started.md +10 -3
  272. package/docs/ms/guide/installation.md +1 -1
  273. package/docs/ms/guide/styling.md +10 -10
  274. package/docs/ms/guide/usage.md +52 -44
  275. package/docs/ms/icons/alert.md +12 -8
  276. package/docs/ms/icons/align-bottom-object.md +12 -8
  277. package/docs/ms/icons/align-center-object.md +12 -8
  278. package/docs/ms/icons/align-left-object.md +12 -8
  279. package/docs/ms/icons/align-middle-object.md +12 -8
  280. package/docs/ms/icons/align-right-object.md +12 -8
  281. package/docs/ms/icons/align-top-object.md +12 -8
  282. package/docs/ms/icons/ar.md +12 -8
  283. package/docs/ms/icons/archive-box.md +12 -8
  284. package/docs/ms/icons/arrow-down.md +12 -8
  285. package/docs/ms/icons/arrow-left-arrow-right.md +12 -8
  286. package/docs/ms/icons/arrow-left-on-rectangle.md +12 -8
  287. package/docs/ms/icons/arrow-left-right.md +12 -8
  288. package/docs/ms/icons/arrow-left.md +12 -8
  289. package/docs/ms/icons/arrow-long-down.md +12 -8
  290. package/docs/ms/icons/arrow-long-left.md +12 -8
  291. package/docs/ms/icons/arrow-long-right.md +12 -8
  292. package/docs/ms/icons/arrow-long-up.md +12 -8
  293. package/docs/ms/icons/arrow-path.md +12 -8
  294. package/docs/ms/icons/arrow-right-on-rectangle.md +12 -8
  295. package/docs/ms/icons/arrow-right.md +12 -8
  296. package/docs/ms/icons/arrow-rotate-ccw.md +12 -8
  297. package/docs/ms/icons/arrow-rotate-cw.md +12 -8
  298. package/docs/ms/icons/arrow-top-right-on-square.md +12 -8
  299. package/docs/ms/icons/arrow-up-arrow-down.md +12 -8
  300. package/docs/ms/icons/arrow-up-down-left-right.md +12 -8
  301. package/docs/ms/icons/arrow-up-down.md +12 -8
  302. package/docs/ms/icons/arrow-up.md +12 -8
  303. package/docs/ms/icons/banknotes.md +12 -8
  304. package/docs/ms/icons/bars-3.md +12 -8
  305. package/docs/ms/icons/basket.md +12 -8
  306. package/docs/ms/icons/battery-0.md +12 -8
  307. package/docs/ms/icons/battery-10.md +12 -8
  308. package/docs/ms/icons/battery-100.md +12 -8
  309. package/docs/ms/icons/battery-50.md +12 -8
  310. package/docs/ms/icons/bell-alert.md +12 -8
  311. package/docs/ms/icons/bell.md +12 -8
  312. package/docs/ms/icons/bolt.md +12 -8
  313. package/docs/ms/icons/book-close.md +12 -8
  314. package/docs/ms/icons/book-open.md +12 -8
  315. package/docs/ms/icons/book-stacked.md +12 -8
  316. package/docs/ms/icons/bookmark.md +12 -8
  317. package/docs/ms/icons/briefcase.md +12 -8
  318. package/docs/ms/icons/brush.md +12 -8
  319. package/docs/ms/icons/cake.md +12 -8
  320. package/docs/ms/icons/calendar-approve.md +12 -8
  321. package/docs/ms/icons/calendar-days.md +12 -8
  322. package/docs/ms/icons/calendar-minus.md +12 -8
  323. package/docs/ms/icons/calendar-plus.md +12 -8
  324. package/docs/ms/icons/calendar-reject.md +12 -8
  325. package/docs/ms/icons/calendar.md +12 -8
  326. package/docs/ms/icons/camera.md +12 -8
  327. package/docs/ms/icons/carousel.md +12 -8
  328. package/docs/ms/icons/chart-bar.md +12 -8
  329. package/docs/ms/icons/chart-line.md +12 -8
  330. package/docs/ms/icons/chart-pie.md +12 -8
  331. package/docs/ms/icons/chat-bubble-left-ellipsis.md +12 -8
  332. package/docs/ms/icons/chat-bubble-left-right.md +12 -8
  333. package/docs/ms/icons/chat-bubble-left.md +12 -8
  334. package/docs/ms/icons/chat-bubble-right-ellipsis.md +12 -8
  335. package/docs/ms/icons/chat-bubble-right.md +12 -8
  336. package/docs/ms/icons/chatbot.md +12 -8
  337. package/docs/ms/icons/check.md +12 -8
  338. package/docs/ms/icons/chevron-double-down.md +12 -8
  339. package/docs/ms/icons/chevron-double-left.md +12 -8
  340. package/docs/ms/icons/chevron-double-right.md +12 -8
  341. package/docs/ms/icons/chevron-double-up.md +12 -8
  342. package/docs/ms/icons/chevron-down.md +12 -8
  343. package/docs/ms/icons/chevron-left.md +12 -8
  344. package/docs/ms/icons/chevron-right.md +12 -8
  345. package/docs/ms/icons/chevron-up.md +12 -8
  346. package/docs/ms/icons/circle.md +12 -8
  347. package/docs/ms/icons/clipboard-document-check.md +12 -8
  348. package/docs/ms/icons/clipboard.md +12 -8
  349. package/docs/ms/icons/clock.md +12 -8
  350. package/docs/ms/icons/cloud.md +12 -8
  351. package/docs/ms/icons/code.md +12 -8
  352. package/docs/ms/icons/cog-6-tooth.md +12 -8
  353. package/docs/ms/icons/compress.md +12 -8
  354. package/docs/ms/icons/computer-code.md +12 -8
  355. package/docs/ms/icons/computer-desktop.md +12 -8
  356. package/docs/ms/icons/computer-laptop.md +12 -8
  357. package/docs/ms/icons/cone.md +12 -8
  358. package/docs/ms/icons/console.md +12 -8
  359. package/docs/ms/icons/container.md +12 -8
  360. package/docs/ms/icons/contrast.md +12 -8
  361. package/docs/ms/icons/controller.md +12 -8
  362. package/docs/ms/icons/credit-card.md +12 -8
  363. package/docs/ms/icons/crop.md +12 -8
  364. package/docs/ms/icons/crosshair.md +12 -8
  365. package/docs/ms/icons/cube.md +12 -8
  366. package/docs/ms/icons/currency-dollar.md +12 -8
  367. package/docs/ms/icons/currency-euro.md +12 -8
  368. package/docs/ms/icons/currency-pound.md +12 -8
  369. package/docs/ms/icons/currency-ringgit.md +12 -8
  370. package/docs/ms/icons/currency-yen.md +12 -8
  371. package/docs/ms/icons/cursor.md +12 -8
  372. package/docs/ms/icons/cylinder-half.md +12 -8
  373. package/docs/ms/icons/cylinder.md +12 -8
  374. package/docs/ms/icons/device-phone-mobile.md +12 -8
  375. package/docs/ms/icons/device-tablet.md +12 -8
  376. package/docs/ms/icons/diamond.md +12 -8
  377. package/docs/ms/icons/document-duplicate.md +12 -8
  378. package/docs/ms/icons/document-text.md +12 -8
  379. package/docs/ms/icons/document.md +12 -8
  380. package/docs/ms/icons/dodecahedron.md +12 -8
  381. package/docs/ms/icons/double-tick.md +12 -8
  382. package/docs/ms/icons/draw-curve.md +12 -8
  383. package/docs/ms/icons/draw-line.md +12 -8
  384. package/docs/ms/icons/envelope-open.md +12 -8
  385. package/docs/ms/icons/envelope.md +12 -8
  386. package/docs/ms/icons/eraser.md +12 -8
  387. package/docs/ms/icons/exclamation-circle.md +12 -8
  388. package/docs/ms/icons/exclamation-triangle.md +12 -8
  389. package/docs/ms/icons/expand.md +12 -8
  390. package/docs/ms/icons/eye-slash.md +12 -8
  391. package/docs/ms/icons/eye.md +12 -8
  392. package/docs/ms/icons/flag.md +12 -8
  393. package/docs/ms/icons/flip-horizontal.md +12 -8
  394. package/docs/ms/icons/flip-vertical.md +12 -8
  395. package/docs/ms/icons/focus.md +12 -8
  396. package/docs/ms/icons/folder-minus.md +12 -8
  397. package/docs/ms/icons/folder-open.md +12 -8
  398. package/docs/ms/icons/folder-plus.md +12 -8
  399. package/docs/ms/icons/folder.md +12 -8
  400. package/docs/ms/icons/font.md +12 -8
  401. package/docs/ms/icons/game.md +12 -8
  402. package/docs/ms/icons/gift.md +12 -8
  403. package/docs/ms/icons/globe-alt.md +12 -8
  404. package/docs/ms/icons/gradient.md +12 -8
  405. package/docs/ms/icons/grid.md +12 -8
  406. package/docs/ms/icons/group-object.md +12 -8
  407. package/docs/ms/icons/hand-grab.md +12 -8
  408. package/docs/ms/icons/hand-thumb-down.md +12 -8
  409. package/docs/ms/icons/hand-thumb-up.md +12 -8
  410. package/docs/ms/icons/hand.md +12 -8
  411. package/docs/ms/icons/heart-extruded.md +12 -8
  412. package/docs/ms/icons/heart.md +12 -8
  413. package/docs/ms/icons/hexagon.md +12 -8
  414. package/docs/ms/icons/home.md +12 -8
  415. package/docs/ms/icons/horizontal-3-dots.md +12 -8
  416. package/docs/ms/icons/hourglass-0.md +12 -8
  417. package/docs/ms/icons/hourglass-100.md +12 -8
  418. package/docs/ms/icons/hourglass-50.md +12 -8
  419. package/docs/ms/icons/hourglass-80.md +12 -8
  420. package/docs/ms/icons/icosahedron.md +12 -8
  421. package/docs/ms/icons/inbox.md +12 -8
  422. package/docs/ms/icons/information-circle.md +12 -8
  423. package/docs/ms/icons/key.md +12 -8
  424. package/docs/ms/icons/layer-stacks.md +12 -8
  425. package/docs/ms/icons/layout.md +12 -8
  426. package/docs/ms/icons/light-bulb.md +12 -8
  427. package/docs/ms/icons/lock-closed.md +12 -8
  428. package/docs/ms/icons/lock-open.md +12 -8
  429. package/docs/ms/icons/magic-wand.md +12 -8
  430. package/docs/ms/icons/magnifying-glass-focus.md +12 -8
  431. package/docs/ms/icons/magnifying-glass-minus.md +12 -8
  432. package/docs/ms/icons/magnifying-glass-plus.md +12 -8
  433. package/docs/ms/icons/magnifying-glass.md +12 -8
  434. package/docs/ms/icons/map-pin.md +12 -8
  435. package/docs/ms/icons/map.md +12 -8
  436. package/docs/ms/icons/marquee.md +12 -8
  437. package/docs/ms/icons/maximize.md +12 -8
  438. package/docs/ms/icons/medal.md +12 -8
  439. package/docs/ms/icons/microphone-mute.md +12 -8
  440. package/docs/ms/icons/microphone.md +12 -8
  441. package/docs/ms/icons/minimize.md +12 -8
  442. package/docs/ms/icons/minus.md +12 -8
  443. package/docs/ms/icons/moon.md +12 -8
  444. package/docs/ms/icons/musical-note.md +12 -8
  445. package/docs/ms/icons/octahedron.md +12 -8
  446. package/docs/ms/icons/panorama.md +12 -8
  447. package/docs/ms/icons/paper-clip.md +12 -8
  448. package/docs/ms/icons/pause-circle.md +12 -8
  449. package/docs/ms/icons/pause.md +12 -8
  450. package/docs/ms/icons/pencil.md +12 -8
  451. package/docs/ms/icons/phone-x-mark.md +12 -8
  452. package/docs/ms/icons/phone.md +12 -8
  453. package/docs/ms/icons/photo.md +12 -8
  454. package/docs/ms/icons/plane.md +12 -8
  455. package/docs/ms/icons/play-circle.md +12 -8
  456. package/docs/ms/icons/play.md +12 -8
  457. package/docs/ms/icons/plus.md +12 -8
  458. package/docs/ms/icons/polygon.md +12 -8
  459. package/docs/ms/icons/presentation-chart-line.md +12 -8
  460. package/docs/ms/icons/presentation-media.md +12 -8
  461. package/docs/ms/icons/pyramid.md +12 -8
  462. package/docs/ms/icons/qr-code.md +12 -8
  463. package/docs/ms/icons/question-mark-circle.md +12 -8
  464. package/docs/ms/icons/rectangle.md +12 -8
  465. package/docs/ms/icons/reel.md +12 -8
  466. package/docs/ms/icons/robot.md +12 -8
  467. package/docs/ms/icons/roof.md +12 -8
  468. package/docs/ms/icons/rotate-add.md +12 -8
  469. package/docs/ms/icons/rotate-minus.md +12 -8
  470. package/docs/ms/icons/save.md +12 -8
  471. package/docs/ms/icons/scissor.md +12 -8
  472. package/docs/ms/icons/shapes.md +12 -8
  473. package/docs/ms/icons/shield-check.md +12 -8
  474. package/docs/ms/icons/shield-exclamation.md +12 -8
  475. package/docs/ms/icons/shopping-bag.md +12 -8
  476. package/docs/ms/icons/shopping-cart.md +12 -8
  477. package/docs/ms/icons/sliders-horizontal.md +12 -8
  478. package/docs/ms/icons/sliders-vertical.md +12 -8
  479. package/docs/ms/icons/sparkles.md +12 -8
  480. package/docs/ms/icons/speaker-wave.md +12 -8
  481. package/docs/ms/icons/speaker-x-mark.md +12 -8
  482. package/docs/ms/icons/sphere-half.md +12 -8
  483. package/docs/ms/icons/sphere.md +12 -8
  484. package/docs/ms/icons/square.md +12 -8
  485. package/docs/ms/icons/star.md +12 -8
  486. package/docs/ms/icons/stop-circle.md +12 -8
  487. package/docs/ms/icons/stop.md +12 -8
  488. package/docs/ms/icons/sun.md +12 -8
  489. package/docs/ms/icons/table.md +12 -8
  490. package/docs/ms/icons/tabs.md +12 -8
  491. package/docs/ms/icons/tetrahedron.md +12 -8
  492. package/docs/ms/icons/text-align-center.md +12 -8
  493. package/docs/ms/icons/text-align-justify.md +12 -8
  494. package/docs/ms/icons/text-align-left.md +12 -8
  495. package/docs/ms/icons/text-align-right.md +12 -8
  496. package/docs/ms/icons/text.md +12 -8
  497. package/docs/ms/icons/thunder.md +12 -8
  498. package/docs/ms/icons/tic-tac-toe.md +12 -8
  499. package/docs/ms/icons/time-reset.md +12 -8
  500. package/docs/ms/icons/torus-knot.md +12 -8
  501. package/docs/ms/icons/torus.md +12 -8
  502. package/docs/ms/icons/trash.md +12 -8
  503. package/docs/ms/icons/trophy.md +12 -8
  504. package/docs/ms/icons/truck.md +12 -8
  505. package/docs/ms/icons/tube.md +12 -8
  506. package/docs/ms/icons/ungroup-object.md +12 -8
  507. package/docs/ms/icons/user-circle.md +12 -8
  508. package/docs/ms/icons/user-group.md +12 -8
  509. package/docs/ms/icons/user-minus.md +12 -8
  510. package/docs/ms/icons/user-plus.md +12 -8
  511. package/docs/ms/icons/user.md +12 -8
  512. package/docs/ms/icons/users.md +12 -8
  513. package/docs/ms/icons/vertical-3-dots.md +12 -8
  514. package/docs/ms/icons/video-camera.md +12 -8
  515. package/docs/ms/icons/vr.md +12 -8
  516. package/docs/ms/icons/wedge.md +12 -8
  517. package/docs/ms/icons/whiteboard.md +12 -8
  518. package/docs/ms/icons/wifi.md +12 -8
  519. package/docs/ms/icons/window.md +12 -8
  520. package/docs/ms/icons/x-mark.md +12 -8
  521. package/docs/ms/index.md +12 -5
  522. package/docs/public/assets/senangstart-icons-logo.svg +1 -0
  523. package/docs/public/assets/ss-logo.svg +83 -0
  524. package/docs/public/llms.txt +285 -0
  525. package/package.json +6 -1
  526. package/scripts/build-icon-docs.js +24 -16
  527. package/scripts/build-svgs.js +14 -6
  528. package/scripts/build.js +11 -0
  529. package/scripts/generate-llms-txt.js +70 -0
  530. package/src/index.js +1 -2
  531. package/tests/build-icon-docs.test.js +3 -1
  532. package/webpack.config.js +44 -39
package/docs/icons/arrow-path.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Path
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-path"></ss-icon>
16
+ <ss-icon icon="arrow-path"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="arrow-path" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-path"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="arrow-path" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-path" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### With custom stroke width
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="arrow-path" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-path'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-right-on-rectangle.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Right On Rectangle
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-right-on-rectangle"></ss-icon>
16
+ <ss-icon icon="arrow-right-on-rectangle"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="arrow-right-on-rectangle" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-right-on-rectangle"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="arrow-right-on-rectangle" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-right-on-rectangle" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### With custom stroke width
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="arrow-right-on-rectangle" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-right-on-rectangle'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-right.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Right
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-right"></ss-icon>
16
+ <ss-icon icon="arrow-right"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="arrow-right" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-right"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="arrow-right" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-right" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### With custom stroke width
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="arrow-right" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-right'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-rotate-ccw.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Rotate Ccw
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-rotate-ccw"></ss-icon>
16
+ <ss-icon icon="arrow-rotate-ccw"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="arrow-rotate-ccw" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-rotate-ccw"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="arrow-rotate-ccw" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-rotate-ccw" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### With custom stroke width
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="arrow-rotate-ccw" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-rotate-ccw'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-rotate-cw.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Rotate Cw
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-rotate-cw"></ss-icon>
16
+ <ss-icon icon="arrow-rotate-cw"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="arrow-rotate-cw" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-rotate-cw"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="arrow-rotate-cw" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-rotate-cw" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### With custom stroke width
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="arrow-rotate-cw" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-rotate-cw'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-top-right-on-square.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Top Right On Square
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-top-right-on-square"></ss-icon>
16
+ <ss-icon icon="arrow-top-right-on-square"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="arrow-top-right-on-square" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-top-right-on-square"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="arrow-top-right-on-square" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-top-right-on-square" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### With custom stroke width
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="arrow-top-right-on-square" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-top-right-on-square'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-up-arrow-down.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Up Arrow Down
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-up-arrow-down"></ss-icon>
16
+ <ss-icon icon="arrow-up-arrow-down"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="arrow-up-arrow-down" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-up-arrow-down"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="arrow-up-arrow-down" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-up-arrow-down" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### With custom stroke width
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="arrow-up-arrow-down" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-up-arrow-down'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-up-down-left-right.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Up Down Left Right
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-up-down-left-right"></ss-icon>
16
+ <ss-icon icon="arrow-up-down-left-right"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="arrow-up-down-left-right" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-up-down-left-right"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="arrow-up-down-left-right" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-up-down-left-right" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### With custom stroke width
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="arrow-up-down-left-right" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-up-down-left-right'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-up-down.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Up Down
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-up-down"></ss-icon>
16
+ <ss-icon icon="arrow-up-down"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="arrow-up-down" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-up-down"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="arrow-up-down" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-up-down" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### With custom stroke width
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="arrow-up-down" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-up-down'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-up.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Up
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-up"></ss-icon>
16
+ <ss-icon icon="arrow-up"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="arrow-up" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-up"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="arrow-up" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-up" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### With custom stroke width
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="arrow-up" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-up'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/banknotes.md CHANGED
@@ -10,26 +10,30 @@ title: Banknotes
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="banknotes"></ss-icon>
16
+ <ss-icon icon="banknotes"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="banknotes" size="32"></ss-icon>
22
+ <i class="ss ss-banknotes"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="banknotes" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="banknotes" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### With custom stroke width
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="banknotes" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['banknotes'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/bars-3.md CHANGED
@@ -10,26 +10,30 @@ title: Bars 3
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="bars-3"></ss-icon>
16
+ <ss-icon icon="bars-3"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="bars-3" size="32"></ss-icon>
22
+ <i class="ss ss-bars-3"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="bars-3" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="bars-3" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### With custom stroke width
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="bars-3" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['bars-3'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/basket.md CHANGED
@@ -10,26 +10,30 @@ title: Basket
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="basket"></ss-icon>
16
+ <ss-icon icon="basket"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="basket" size="32"></ss-icon>
22
+ <i class="ss ss-basket"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="basket" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="basket" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### With custom stroke width
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="basket" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['basket'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/battery-0.md CHANGED
@@ -10,26 +10,30 @@ title: Battery 0
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="battery-0"></ss-icon>
16
+ <ss-icon icon="battery-0"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="battery-0" size="32"></ss-icon>
22
+ <i class="ss ss-battery-0"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="battery-0" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="battery-0" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### With custom stroke width
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="battery-0" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['battery-0'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/battery-10.md CHANGED
@@ -10,26 +10,30 @@ title: Battery 10
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="battery-10"></ss-icon>
16
+ <ss-icon icon="battery-10"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="battery-10" size="32"></ss-icon>
22
+ <i class="ss ss-battery-10"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="battery-10" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="battery-10" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### With custom stroke width
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="battery-10" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['battery-10'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/battery-100.md CHANGED
@@ -10,26 +10,30 @@ title: Battery 100
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="battery-100"></ss-icon>
16
+ <ss-icon icon="battery-100"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="battery-100" size="32"></ss-icon>
22
+ <i class="ss ss-battery-100"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="battery-100" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="battery-100" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### With custom stroke width
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="battery-100" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['battery-100'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details