@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/play-circle.md CHANGED
@@ -10,26 +10,30 @@ title: Play Circle
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="play-circle"></ss-icon>
16
+ <ss-icon icon="play-circle"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="play-circle" size="32"></ss-icon>
22
+ <i class="ss ss-play-circle"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="play-circle" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="play-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="play-circle" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['play-circle'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/play.md CHANGED
@@ -10,26 +10,30 @@ title: Play
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="play"></ss-icon>
16
+ <ss-icon icon="play"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="play" size="32"></ss-icon>
22
+ <i class="ss ss-play"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="play" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="play" 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="play" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['play'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/plus.md CHANGED
@@ -10,26 +10,30 @@ title: Plus
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="plus"></ss-icon>
16
+ <ss-icon icon="plus"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="plus" size="32"></ss-icon>
22
+ <i class="ss ss-plus"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="plus" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="plus" 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="plus" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['plus'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/polygon.md CHANGED
@@ -10,26 +10,30 @@ title: Polygon
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="polygon"></ss-icon>
16
+ <ss-icon icon="polygon"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="polygon" size="32"></ss-icon>
22
+ <i class="ss ss-polygon"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="polygon" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="polygon" 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="polygon" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['polygon'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/presentation-chart-line.md CHANGED
@@ -10,26 +10,30 @@ title: Presentation Chart Line
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="presentation-chart-line"></ss-icon>
16
+ <ss-icon icon="presentation-chart-line"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="presentation-chart-line" size="32"></ss-icon>
22
+ <i class="ss ss-presentation-chart-line"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="presentation-chart-line" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="presentation-chart-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="presentation-chart-line" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['presentation-chart-line'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/presentation-media.md CHANGED
@@ -10,26 +10,30 @@ title: Presentation Media
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="presentation-media"></ss-icon>
16
+ <ss-icon icon="presentation-media"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="presentation-media" size="32"></ss-icon>
22
+ <i class="ss ss-presentation-media"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="presentation-media" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="presentation-media" 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="presentation-media" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['presentation-media'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/pyramid.md CHANGED
@@ -10,26 +10,30 @@ title: Pyramid
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="pyramid"></ss-icon>
16
+ <ss-icon icon="pyramid"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="pyramid" size="32"></ss-icon>
22
+ <i class="ss ss-pyramid"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="pyramid" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="pyramid" 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="pyramid" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['pyramid'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/qr-code.md CHANGED
@@ -10,26 +10,30 @@ title: Qr Code
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="qr-code"></ss-icon>
16
+ <ss-icon icon="qr-code"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="qr-code" size="32"></ss-icon>
22
+ <i class="ss ss-qr-code"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="qr-code" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="qr-code" 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="qr-code" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['qr-code'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/question-mark-circle.md CHANGED
@@ -10,26 +10,30 @@ title: Question Mark Circle
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="question-mark-circle"></ss-icon>
16
+ <ss-icon icon="question-mark-circle"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="question-mark-circle" size="32"></ss-icon>
22
+ <i class="ss ss-question-mark-circle"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="question-mark-circle" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="question-mark-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="question-mark-circle" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['question-mark-circle'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/rectangle.md CHANGED
@@ -10,26 +10,30 @@ title: Rectangle
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="rectangle"></ss-icon>
16
+ <ss-icon icon="rectangle"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="rectangle" size="32"></ss-icon>
22
+ <i class="ss ss-rectangle"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="rectangle" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="rectangle" 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="rectangle" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['rectangle'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/reel.md CHANGED
@@ -10,26 +10,30 @@ title: Reel
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="reel"></ss-icon>
16
+ <ss-icon icon="reel"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="reel" size="32"></ss-icon>
22
+ <i class="ss ss-reel"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="reel" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="reel" 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="reel" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['reel'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/robot.md CHANGED
@@ -10,26 +10,30 @@ title: Robot
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="robot"></ss-icon>
16
+ <ss-icon icon="robot"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="robot" size="32"></ss-icon>
22
+ <i class="ss ss-robot"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="robot" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="robot" 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="robot" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['robot'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/roof.md CHANGED
@@ -10,26 +10,30 @@ title: Roof
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="roof"></ss-icon>
16
+ <ss-icon icon="roof"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="roof" size="32"></ss-icon>
22
+ <i class="ss ss-roof"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="roof" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="roof" 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="roof" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['roof'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/rotate-add.md CHANGED
@@ -10,26 +10,30 @@ title: Rotate Add
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="rotate-add"></ss-icon>
16
+ <ss-icon icon="rotate-add"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="rotate-add" size="32"></ss-icon>
22
+ <i class="ss ss-rotate-add"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="rotate-add" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="rotate-add" 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="rotate-add" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['rotate-add'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/rotate-minus.md CHANGED
@@ -10,26 +10,30 @@ title: Rotate Minus
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="rotate-minus"></ss-icon>
16
+ <ss-icon icon="rotate-minus"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="rotate-minus" size="32"></ss-icon>
22
+ <i class="ss ss-rotate-minus"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="rotate-minus" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="rotate-minus" 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="rotate-minus" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['rotate-minus'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/save.md CHANGED
@@ -10,26 +10,30 @@ title: Save
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="save"></ss-icon>
16
+ <ss-icon icon="save"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="save" size="32"></ss-icon>
22
+ <i class="ss ss-save"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="save" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="save" 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="save" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['save'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon