@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/calendar.md CHANGED
@@ -10,26 +10,30 @@ title: Calendar
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="calendar"></ss-icon>
16
+ <ss-icon icon="calendar"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="calendar" size="32"></ss-icon>
22
+ <i class="ss ss-calendar"></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" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="calendar" 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" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['calendar'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/camera.md CHANGED
@@ -10,26 +10,30 @@ title: Camera
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="camera"></ss-icon>
16
+ <ss-icon icon="camera"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="camera" size="32"></ss-icon>
22
+ <i class="ss ss-camera"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="camera" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="camera" 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="camera" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['camera'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/carousel.md CHANGED
@@ -10,26 +10,30 @@ title: Carousel
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="carousel"></ss-icon>
16
+ <ss-icon icon="carousel"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="carousel" size="32"></ss-icon>
22
+ <i class="ss ss-carousel"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="carousel" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="carousel" 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="carousel" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['carousel'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/chart-bar.md CHANGED
@@ -10,26 +10,30 @@ title: Chart Bar
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="chart-bar"></ss-icon>
16
+ <ss-icon icon="chart-bar"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="chart-bar" size="32"></ss-icon>
22
+ <i class="ss ss-chart-bar"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="chart-bar" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="chart-bar" 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="chart-bar" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['chart-bar'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/chart-line.md CHANGED
@@ -10,26 +10,30 @@ title: Chart Line
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="chart-line"></ss-icon>
16
+ <ss-icon icon="chart-line"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="chart-line" size="32"></ss-icon>
22
+ <i class="ss ss-chart-line"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="chart-line" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="chart-line" 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="chart-line" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['chart-line'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/chart-pie.md CHANGED
@@ -10,26 +10,30 @@ title: Chart Pie
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="chart-pie"></ss-icon>
16
+ <ss-icon icon="chart-pie"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="chart-pie" size="32"></ss-icon>
22
+ <i class="ss ss-chart-pie"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="chart-pie" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="chart-pie" 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="chart-pie" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['chart-pie'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/chat-bubble-left-ellipsis.md CHANGED
@@ -10,26 +10,30 @@ title: Chat Bubble Left Ellipsis
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="chat-bubble-left-ellipsis"></ss-icon>
16
+ <ss-icon icon="chat-bubble-left-ellipsis"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="chat-bubble-left-ellipsis" size="32"></ss-icon>
22
+ <i class="ss ss-chat-bubble-left-ellipsis"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="chat-bubble-left-ellipsis" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="chat-bubble-left-ellipsis" 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="chat-bubble-left-ellipsis" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['chat-bubble-left-ellipsis'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/chat-bubble-left-right.md CHANGED
@@ -10,26 +10,30 @@ title: Chat Bubble Left Right
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="chat-bubble-left-right"></ss-icon>
16
+ <ss-icon icon="chat-bubble-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="chat-bubble-left-right" size="32"></ss-icon>
22
+ <i class="ss ss-chat-bubble-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="chat-bubble-left-right" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="chat-bubble-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="chat-bubble-left-right" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['chat-bubble-left-right'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/chat-bubble-left.md CHANGED
@@ -10,26 +10,30 @@ title: Chat Bubble Left
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="chat-bubble-left"></ss-icon>
16
+ <ss-icon icon="chat-bubble-left"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="chat-bubble-left" size="32"></ss-icon>
22
+ <i class="ss ss-chat-bubble-left"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="chat-bubble-left" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="chat-bubble-left" 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="chat-bubble-left" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['chat-bubble-left'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/chat-bubble-right-ellipsis.md CHANGED
@@ -10,26 +10,30 @@ title: Chat Bubble Right Ellipsis
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="chat-bubble-right-ellipsis"></ss-icon>
16
+ <ss-icon icon="chat-bubble-right-ellipsis"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="chat-bubble-right-ellipsis" size="32"></ss-icon>
22
+ <i class="ss ss-chat-bubble-right-ellipsis"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="chat-bubble-right-ellipsis" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="chat-bubble-right-ellipsis" 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="chat-bubble-right-ellipsis" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['chat-bubble-right-ellipsis'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/chat-bubble-right.md CHANGED
@@ -10,26 +10,30 @@ title: Chat Bubble Right
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="chat-bubble-right"></ss-icon>
16
+ <ss-icon icon="chat-bubble-right"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="chat-bubble-right" size="32"></ss-icon>
22
+ <i class="ss ss-chat-bubble-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="chat-bubble-right" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="chat-bubble-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="chat-bubble-right" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['chat-bubble-right'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/chatbot.md CHANGED
@@ -10,26 +10,30 @@ title: Chatbot
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="chatbot"></ss-icon>
16
+ <ss-icon icon="chatbot"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="chatbot" size="32"></ss-icon>
22
+ <i class="ss ss-chatbot"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="chatbot" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="chatbot" 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="chatbot" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['chatbot'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/check.md CHANGED
@@ -10,26 +10,30 @@ title: Check
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="check"></ss-icon>
16
+ <ss-icon icon="check"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="check" size="32"></ss-icon>
22
+ <i class="ss ss-check"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="check" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="check" 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="check" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['check'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/chevron-double-down.md CHANGED
@@ -10,26 +10,30 @@ title: Chevron Double Down
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="chevron-double-down"></ss-icon>
16
+ <ss-icon icon="chevron-double-down"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="chevron-double-down" size="32"></ss-icon>
22
+ <i class="ss ss-chevron-double-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="chevron-double-down" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="chevron-double-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="chevron-double-down" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['chevron-double-down'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/chevron-double-left.md CHANGED
@@ -10,26 +10,30 @@ title: Chevron Double Left
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="chevron-double-left"></ss-icon>
16
+ <ss-icon icon="chevron-double-left"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="chevron-double-left" size="32"></ss-icon>
22
+ <i class="ss ss-chevron-double-left"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="chevron-double-left" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="chevron-double-left" 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="chevron-double-left" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['chevron-double-left'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/chevron-double-right.md CHANGED
@@ -10,26 +10,30 @@ title: Chevron Double Right
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="chevron-double-right"></ss-icon>
16
+ <ss-icon icon="chevron-double-right"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="chevron-double-right" size="32"></ss-icon>
22
+ <i class="ss ss-chevron-double-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="chevron-double-right" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="chevron-double-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="chevron-double-right" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['chevron-double-right'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details