@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/stop.md CHANGED
@@ -10,26 +10,30 @@ title: Stop
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="stop"></ss-icon>
16
+ <ss-icon icon="stop"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="stop" size="32"></ss-icon>
22
+ <i class="ss ss-stop"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="stop" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="stop" 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="stop" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['stop'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/sun.md CHANGED
@@ -10,26 +10,30 @@ title: Sun
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="sun"></ss-icon>
16
+ <ss-icon icon="sun"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="sun" size="32"></ss-icon>
22
+ <i class="ss ss-sun"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="sun" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="sun" 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="sun" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['sun'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/table.md CHANGED
@@ -10,26 +10,30 @@ title: Table
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="table"></ss-icon>
16
+ <ss-icon icon="table"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="table" size="32"></ss-icon>
22
+ <i class="ss ss-table"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="table" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="table" 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="table" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['table'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/tabs.md CHANGED
@@ -10,26 +10,30 @@ title: Tabs
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="tabs"></ss-icon>
16
+ <ss-icon icon="tabs"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="tabs" size="32"></ss-icon>
22
+ <i class="ss ss-tabs"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="tabs" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="tabs" 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="tabs" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['tabs'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/tetrahedron.md CHANGED
@@ -10,26 +10,30 @@ title: Tetrahedron
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="tetrahedron"></ss-icon>
16
+ <ss-icon icon="tetrahedron"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="tetrahedron" size="32"></ss-icon>
22
+ <i class="ss ss-tetrahedron"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="tetrahedron" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="tetrahedron" 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="tetrahedron" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['tetrahedron'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/text-align-center.md CHANGED
@@ -10,26 +10,30 @@ title: Text Align Center
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="text-align-center"></ss-icon>
16
+ <ss-icon icon="text-align-center"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="text-align-center" size="32"></ss-icon>
22
+ <i class="ss ss-text-align-center"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="text-align-center" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="text-align-center" 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="text-align-center" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['text-align-center'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/text-align-justify.md CHANGED
@@ -10,26 +10,30 @@ title: Text Align Justify
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="text-align-justify"></ss-icon>
16
+ <ss-icon icon="text-align-justify"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="text-align-justify" size="32"></ss-icon>
22
+ <i class="ss ss-text-align-justify"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="text-align-justify" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="text-align-justify" 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="text-align-justify" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['text-align-justify'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/text-align-left.md CHANGED
@@ -10,26 +10,30 @@ title: Text Align Left
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="text-align-left"></ss-icon>
16
+ <ss-icon icon="text-align-left"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="text-align-left" size="32"></ss-icon>
22
+ <i class="ss ss-text-align-left"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="text-align-left" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="text-align-left" 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="text-align-left" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['text-align-left'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/text-align-right.md CHANGED
@@ -10,26 +10,30 @@ title: Text Align Right
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="text-align-right"></ss-icon>
16
+ <ss-icon icon="text-align-right"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="text-align-right" size="32"></ss-icon>
22
+ <i class="ss ss-text-align-right"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="text-align-right" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="text-align-right" 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="text-align-right" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['text-align-right'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/text.md CHANGED
@@ -10,26 +10,30 @@ title: Text
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="text"></ss-icon>
16
+ <ss-icon icon="text"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="text" size="32"></ss-icon>
22
+ <i class="ss ss-text"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="text" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="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="text" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['text'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/thunder.md CHANGED
@@ -10,26 +10,30 @@ title: Thunder
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="thunder"></ss-icon>
16
+ <ss-icon icon="thunder"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="thunder" size="32"></ss-icon>
22
+ <i class="ss ss-thunder"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="thunder" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="thunder" 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="thunder" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['thunder'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/tic-tac-toe.md CHANGED
@@ -10,26 +10,30 @@ title: Tic Tac Toe
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="tic-tac-toe"></ss-icon>
16
+ <ss-icon icon="tic-tac-toe"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="tic-tac-toe" size="32"></ss-icon>
22
+ <i class="ss ss-tic-tac-toe"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="tic-tac-toe" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="tic-tac-toe" 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="tic-tac-toe" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['tic-tac-toe'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/time-reset.md CHANGED
@@ -10,26 +10,30 @@ title: Time Reset
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="time-reset"></ss-icon>
16
+ <ss-icon icon="time-reset"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="time-reset" size="32"></ss-icon>
22
+ <i class="ss ss-time-reset"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="time-reset" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="time-reset" 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="time-reset" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['time-reset'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/torus-knot.md CHANGED
@@ -10,26 +10,30 @@ title: Torus Knot
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="torus-knot"></ss-icon>
16
+ <ss-icon icon="torus-knot"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="torus-knot" size="32"></ss-icon>
22
+ <i class="ss ss-torus-knot"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="torus-knot" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="torus-knot" 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="torus-knot" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['torus-knot'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/torus.md CHANGED
@@ -10,26 +10,30 @@ title: Torus
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="torus"></ss-icon>
16
+ <ss-icon icon="torus"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="torus" size="32"></ss-icon>
22
+ <i class="ss ss-torus"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="torus" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="torus" 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="torus" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['torus'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/trash.md CHANGED
@@ -10,26 +10,30 @@ title: Trash
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="trash"></ss-icon>
16
+ <ss-icon icon="trash"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="trash" size="32"></ss-icon>
22
+ <i class="ss ss-trash"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="trash" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="trash" 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="trash" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['trash'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon