@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
@@ -10,26 +10,30 @@ title: Battery 50
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="battery-50"></ss-icon>
16
+ <ss-icon icon="battery-50"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="battery-50" size="32"></ss-icon>
22
+ <i class="ss ss-battery-50"></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-50" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="battery-50" 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-50" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['battery-50'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
@@ -10,26 +10,30 @@ title: Bell Alert
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="bell-alert"></ss-icon>
16
+ <ss-icon icon="bell-alert"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="bell-alert" size="32"></ss-icon>
22
+ <i class="ss ss-bell-alert"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="bell-alert" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="bell-alert" 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="bell-alert" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['bell-alert'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
@@ -10,26 +10,30 @@ title: Bell
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="bell"></ss-icon>
16
+ <ss-icon icon="bell"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="bell" size="32"></ss-icon>
22
+ <i class="ss ss-bell"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="bell" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="bell" 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="bell" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['bell'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
@@ -10,26 +10,30 @@ title: Bolt
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="bolt"></ss-icon>
16
+ <ss-icon icon="bolt"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="bolt" size="32"></ss-icon>
22
+ <i class="ss ss-bolt"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="bolt" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="bolt" 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="bolt" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['bolt'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
@@ -10,26 +10,30 @@ title: Book Close
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="book-close"></ss-icon>
16
+ <ss-icon icon="book-close"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="book-close" size="32"></ss-icon>
22
+ <i class="ss ss-book-close"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="book-close" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="book-close" 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="book-close" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['book-close'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
@@ -10,26 +10,30 @@ title: Book Open
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="book-open"></ss-icon>
16
+ <ss-icon icon="book-open"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="book-open" size="32"></ss-icon>
22
+ <i class="ss ss-book-open"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="book-open" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="book-open" 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="book-open" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['book-open'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
@@ -10,26 +10,30 @@ title: Book Stacked
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="book-stacked"></ss-icon>
16
+ <ss-icon icon="book-stacked"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="book-stacked" size="32"></ss-icon>
22
+ <i class="ss ss-book-stacked"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="book-stacked" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="book-stacked" 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="book-stacked" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['book-stacked'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
@@ -10,26 +10,30 @@ title: Bookmark
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="bookmark"></ss-icon>
16
+ <ss-icon icon="bookmark"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="bookmark" size="32"></ss-icon>
22
+ <i class="ss ss-bookmark"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="bookmark" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="bookmark" 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="bookmark" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['bookmark'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
@@ -10,26 +10,30 @@ title: Briefcase
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="briefcase"></ss-icon>
16
+ <ss-icon icon="briefcase"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="briefcase" size="32"></ss-icon>
22
+ <i class="ss ss-briefcase"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="briefcase" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="briefcase" 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="briefcase" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['briefcase'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
@@ -10,26 +10,30 @@ title: Brush
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="brush"></ss-icon>
16
+ <ss-icon icon="brush"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="brush" size="32"></ss-icon>
22
+ <i class="ss ss-brush"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="brush" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="brush" 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="brush" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['brush'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
@@ -10,26 +10,30 @@ title: Cake
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="cake"></ss-icon>
16
+ <ss-icon icon="cake"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="cake" size="32"></ss-icon>
22
+ <i class="ss ss-cake"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="cake" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="cake" 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="cake" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['cake'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
@@ -10,26 +10,30 @@ title: Calendar Approve
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="calendar-approve"></ss-icon>
16
+ <ss-icon icon="calendar-approve"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="calendar-approve" size="32"></ss-icon>
22
+ <i class="ss ss-calendar-approve"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="calendar-approve" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="calendar-approve" 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="calendar-approve" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['calendar-approve'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
@@ -10,26 +10,30 @@ title: Calendar Days
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="calendar-days"></ss-icon>
16
+ <ss-icon icon="calendar-days"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="calendar-days" size="32"></ss-icon>
22
+ <i class="ss ss-calendar-days"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="calendar-days" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="calendar-days" 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="calendar-days" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['calendar-days'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
@@ -10,26 +10,30 @@ title: Calendar Minus
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="calendar-minus"></ss-icon>
16
+ <ss-icon icon="calendar-minus"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="calendar-minus" size="32"></ss-icon>
22
+ <i class="ss ss-calendar-minus"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="calendar-minus" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="calendar-minus" 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="calendar-minus" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['calendar-minus'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
@@ -10,26 +10,30 @@ title: Calendar Plus
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="calendar-plus"></ss-icon>
16
+ <ss-icon icon="calendar-plus"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="calendar-plus" size="32"></ss-icon>
22
+ <i class="ss ss-calendar-plus"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="calendar-plus" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="calendar-plus" 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="calendar-plus" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['calendar-plus'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
@@ -10,26 +10,30 @@ title: Calendar Reject
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="calendar-reject"></ss-icon>
16
+ <ss-icon icon="calendar-reject"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="calendar-reject" size="32"></ss-icon>
22
+ <i class="ss ss-calendar-reject"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="calendar-reject" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="calendar-reject" 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="calendar-reject" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['calendar-reject'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details