@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/ms/icons/device-tablet.md CHANGED
@@ -10,26 +10,30 @@ title: Device Tablet
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="device-tablet"></ss-icon>
16
+ <ss-icon icon="device-tablet"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="device-tablet" size="32"></ss-icon>
22
+ <i class="ss ss-device-tablet"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="device-tablet" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="device-tablet" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### Dengan lebar garisan tersuai
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="device-tablet" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['device-tablet'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/diamond.md CHANGED
@@ -10,26 +10,30 @@ title: Diamond
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="diamond"></ss-icon>
16
+ <ss-icon icon="diamond"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="diamond" size="32"></ss-icon>
22
+ <i class="ss ss-diamond"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="diamond" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="diamond" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### Dengan lebar garisan tersuai
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="diamond" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['diamond'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/document-duplicate.md CHANGED
@@ -10,26 +10,30 @@ title: Document Duplicate
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="document-duplicate"></ss-icon>
16
+ <ss-icon icon="document-duplicate"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="document-duplicate" size="32"></ss-icon>
22
+ <i class="ss ss-document-duplicate"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="document-duplicate" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="document-duplicate" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### Dengan lebar garisan tersuai
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="document-duplicate" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['document-duplicate'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/document-text.md CHANGED
@@ -10,26 +10,30 @@ title: Document Text
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="document-text"></ss-icon>
16
+ <ss-icon icon="document-text"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="document-text" size="32"></ss-icon>
22
+ <i class="ss ss-document-text"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="document-text" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="document-text" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### Dengan lebar garisan tersuai
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="document-text" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['document-text'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/document.md CHANGED
@@ -10,26 +10,30 @@ title: Document
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="document"></ss-icon>
16
+ <ss-icon icon="document"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="document" size="32"></ss-icon>
22
+ <i class="ss ss-document"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="document" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="document" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### Dengan lebar garisan tersuai
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="document" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['document'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/dodecahedron.md CHANGED
@@ -10,26 +10,30 @@ title: Dodecahedron
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="dodecahedron"></ss-icon>
16
+ <ss-icon icon="dodecahedron"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="dodecahedron" size="32"></ss-icon>
22
+ <i class="ss ss-dodecahedron"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="dodecahedron" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="dodecahedron" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### Dengan lebar garisan tersuai
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="dodecahedron" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['dodecahedron'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/double-tick.md CHANGED
@@ -10,26 +10,30 @@ title: Double Tick
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="double-tick"></ss-icon>
16
+ <ss-icon icon="double-tick"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="double-tick" size="32"></ss-icon>
22
+ <i class="ss ss-double-tick"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="double-tick" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="double-tick" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### Dengan lebar garisan tersuai
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="double-tick" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['double-tick'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/draw-curve.md CHANGED
@@ -10,26 +10,30 @@ title: Draw Curve
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="draw-curve"></ss-icon>
16
+ <ss-icon icon="draw-curve"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="draw-curve" size="32"></ss-icon>
22
+ <i class="ss ss-draw-curve"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="draw-curve" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="draw-curve" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### Dengan lebar garisan tersuai
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="draw-curve" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['draw-curve'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/draw-line.md CHANGED
@@ -10,26 +10,30 @@ title: Draw Line
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="draw-line"></ss-icon>
16
+ <ss-icon icon="draw-line"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="draw-line" size="32"></ss-icon>
22
+ <i class="ss ss-draw-line"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="draw-line" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="draw-line" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### Dengan lebar garisan tersuai
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="draw-line" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['draw-line'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/envelope-open.md CHANGED
@@ -10,26 +10,30 @@ title: Envelope Open
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="envelope-open"></ss-icon>
16
+ <ss-icon icon="envelope-open"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="envelope-open" size="32"></ss-icon>
22
+ <i class="ss ss-envelope-open"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="envelope-open" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="envelope-open" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### Dengan lebar garisan tersuai
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="envelope-open" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['envelope-open'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/envelope.md CHANGED
@@ -10,26 +10,30 @@ title: Envelope
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="envelope"></ss-icon>
16
+ <ss-icon icon="envelope"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="envelope" size="32"></ss-icon>
22
+ <i class="ss ss-envelope"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="envelope" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="envelope" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### Dengan lebar garisan tersuai
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="envelope" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['envelope'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/eraser.md CHANGED
@@ -10,26 +10,30 @@ title: Eraser
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="eraser"></ss-icon>
16
+ <ss-icon icon="eraser"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="eraser" size="32"></ss-icon>
22
+ <i class="ss ss-eraser"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="eraser" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="eraser" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### Dengan lebar garisan tersuai
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="eraser" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['eraser'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/exclamation-circle.md CHANGED
@@ -10,26 +10,30 @@ title: Exclamation Circle
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="exclamation-circle"></ss-icon>
16
+ <ss-icon icon="exclamation-circle"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="exclamation-circle" size="32"></ss-icon>
22
+ <i class="ss ss-exclamation-circle"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="exclamation-circle" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="exclamation-circle" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### Dengan lebar garisan tersuai
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="exclamation-circle" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['exclamation-circle'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/exclamation-triangle.md CHANGED
@@ -10,26 +10,30 @@ title: Exclamation Triangle
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="exclamation-triangle"></ss-icon>
16
+ <ss-icon icon="exclamation-triangle"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="exclamation-triangle" size="32"></ss-icon>
22
+ <i class="ss ss-exclamation-triangle"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="exclamation-triangle" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="exclamation-triangle" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### Dengan lebar garisan tersuai
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="exclamation-triangle" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['exclamation-triangle'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/expand.md CHANGED
@@ -10,26 +10,30 @@ title: Expand
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="expand"></ss-icon>
16
+ <ss-icon icon="expand"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="expand" size="32"></ss-icon>
22
+ <i class="ss ss-expand"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="expand" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="expand" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### Dengan lebar garisan tersuai
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="expand" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['expand'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/eye-slash.md CHANGED
@@ -10,26 +10,30 @@ title: Eye Slash
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="eye-slash"></ss-icon>
16
+ <ss-icon icon="eye-slash"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="eye-slash" size="32"></ss-icon>
22
+ <i class="ss ss-eye-slash"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="eye-slash" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="eye-slash" thickness="1.2"></ss-icon>
27
29
  ```
28
30
 
29
- ### Dengan lebar garisan tersuai
31
+ ### Node.js
30
32
 
31
- ```html
32
- <ss-icon name="eye-slash" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['eye-slash'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon