@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/align-center-object.md CHANGED
@@ -10,26 +10,30 @@ title: Align Center Object
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="align-center-object"></ss-icon>
16
+ <ss-icon icon="align-center-object"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="align-center-object" size="32"></ss-icon>
22
+ <i class="ss ss-align-center-object"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="align-center-object" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="align-center-object" 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="align-center-object" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['align-center-object'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/align-left-object.md CHANGED
@@ -10,26 +10,30 @@ title: Align Left Object
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="align-left-object"></ss-icon>
16
+ <ss-icon icon="align-left-object"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="align-left-object" size="32"></ss-icon>
22
+ <i class="ss ss-align-left-object"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="align-left-object" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="align-left-object" 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="align-left-object" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['align-left-object'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/align-middle-object.md CHANGED
@@ -10,26 +10,30 @@ title: Align Middle Object
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="align-middle-object"></ss-icon>
16
+ <ss-icon icon="align-middle-object"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="align-middle-object" size="32"></ss-icon>
22
+ <i class="ss ss-align-middle-object"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="align-middle-object" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="align-middle-object" 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="align-middle-object" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['align-middle-object'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/align-right-object.md CHANGED
@@ -10,26 +10,30 @@ title: Align Right Object
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="align-right-object"></ss-icon>
16
+ <ss-icon icon="align-right-object"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="align-right-object" size="32"></ss-icon>
22
+ <i class="ss ss-align-right-object"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="align-right-object" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="align-right-object" 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="align-right-object" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['align-right-object'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/align-top-object.md CHANGED
@@ -10,26 +10,30 @@ title: Align Top Object
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="align-top-object"></ss-icon>
16
+ <ss-icon icon="align-top-object"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="align-top-object" size="32"></ss-icon>
22
+ <i class="ss ss-align-top-object"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="align-top-object" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="align-top-object" 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="align-top-object" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['align-top-object'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/ar.md CHANGED
@@ -10,26 +10,30 @@ title: AR
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="ar"></ss-icon>
16
+ <ss-icon icon="ar"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="ar" size="32"></ss-icon>
22
+ <i class="ss ss-ar"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="ar" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="ar" 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="ar" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['ar'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/archive-box.md CHANGED
@@ -10,26 +10,30 @@ title: Archive Box
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="archive-box"></ss-icon>
16
+ <ss-icon icon="archive-box"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="archive-box" size="32"></ss-icon>
22
+ <i class="ss ss-archive-box"></i>
21
23
  ```
22
24
 
23
- ### With custom color
25
+ ### With custom stroke width / thickness
24
26
 
25
27
  ```html
26
- <ss-icon name="archive-box" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="archive-box" 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="archive-box" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['archive-box'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-down.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Down
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-down"></ss-icon>
16
+ <ss-icon icon="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-down" size="32"></ss-icon>
22
+ <i class="ss ss-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-down" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="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-down" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-down'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-left-arrow-right.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Left Arrow Right
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-left-arrow-right"></ss-icon>
16
+ <ss-icon icon="arrow-left-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-left-arrow-right" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-left-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-left-arrow-right" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-left-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-left-arrow-right" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-left-arrow-right'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-left-on-rectangle.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Left On Rectangle
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-left-on-rectangle"></ss-icon>
16
+ <ss-icon icon="arrow-left-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-left-on-rectangle" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-left-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-left-on-rectangle" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-left-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-left-on-rectangle" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-left-on-rectangle'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-left-right.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Left Right
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-left-right"></ss-icon>
16
+ <ss-icon icon="arrow-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-left-right" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-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-left-right" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-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-left-right" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-left-right'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-left.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Left
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-left"></ss-icon>
16
+ <ss-icon icon="arrow-left"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="arrow-left" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-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="arrow-left" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-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="arrow-left" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-left'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-long-down.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Long Down
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-long-down"></ss-icon>
16
+ <ss-icon icon="arrow-long-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-long-down" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-long-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-long-down" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-long-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-long-down" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-long-down'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-long-left.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Long Left
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-long-left"></ss-icon>
16
+ <ss-icon icon="arrow-long-left"></ss-icon>
15
17
  ```
16
18
 
17
- ### With custom size
19
+ ### With icon tag
18
20
 
19
21
  ```html
20
- <ss-icon name="arrow-long-left" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-long-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="arrow-long-left" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-long-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="arrow-long-left" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-long-left'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-long-right.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Long Right
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-long-right"></ss-icon>
16
+ <ss-icon icon="arrow-long-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-long-right" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-long-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-long-right" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-long-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-long-right" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-long-right'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details
package/docs/icons/arrow-long-up.md CHANGED
@@ -10,26 +10,30 @@ title: Arrow Long Up
10
10
 
11
11
  ## Usage
12
12
 
13
+ ### With Web Components
14
+
13
15
  ```html
14
- <ss-icon name="arrow-long-up"></ss-icon>
16
+ <ss-icon icon="arrow-long-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-long-up" size="32"></ss-icon>
22
+ <i class="ss ss-arrow-long-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-long-up" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="arrow-long-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-long-up" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['arrow-long-up'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Icon Details