@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/eye.md CHANGED
@@ -10,26 +10,30 @@ title: Eye
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="eye"></ss-icon>
16
+ <ss-icon icon="eye"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="eye" size="32"></ss-icon>
22
+ <i class="ss ss-eye"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="eye" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="eye" 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" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['eye'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/flag.md CHANGED
@@ -10,26 +10,30 @@ title: Flag
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="flag"></ss-icon>
16
+ <ss-icon icon="flag"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="flag" size="32"></ss-icon>
22
+ <i class="ss ss-flag"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="flag" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="flag" 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="flag" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['flag'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/flip-horizontal.md CHANGED
@@ -10,26 +10,30 @@ title: Flip Horizontal
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="flip-horizontal"></ss-icon>
16
+ <ss-icon icon="flip-horizontal"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="flip-horizontal" size="32"></ss-icon>
22
+ <i class="ss ss-flip-horizontal"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="flip-horizontal" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="flip-horizontal" 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="flip-horizontal" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['flip-horizontal'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/flip-vertical.md CHANGED
@@ -10,26 +10,30 @@ title: Flip Vertical
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="flip-vertical"></ss-icon>
16
+ <ss-icon icon="flip-vertical"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="flip-vertical" size="32"></ss-icon>
22
+ <i class="ss ss-flip-vertical"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="flip-vertical" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="flip-vertical" 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="flip-vertical" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['flip-vertical'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/focus.md CHANGED
@@ -10,26 +10,30 @@ title: Focus
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="focus"></ss-icon>
16
+ <ss-icon icon="focus"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="focus" size="32"></ss-icon>
22
+ <i class="ss ss-focus"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="focus" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="focus" 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="focus" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['focus'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/folder-minus.md CHANGED
@@ -10,26 +10,30 @@ title: Folder minus
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="folder-minus"></ss-icon>
16
+ <ss-icon icon="folder-minus"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="folder-minus" size="32"></ss-icon>
22
+ <i class="ss ss-folder-minus"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="folder-minus" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="folder-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="folder-minus" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['folder-minus'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/folder-open.md CHANGED
@@ -10,26 +10,30 @@ title: Folder Open
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="folder-open"></ss-icon>
16
+ <ss-icon icon="folder-open"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="folder-open" size="32"></ss-icon>
22
+ <i class="ss ss-folder-open"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="folder-open" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="folder-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="folder-open" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['folder-open'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/folder-plus.md CHANGED
@@ -10,26 +10,30 @@ title: Folder Plus
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="folder-plus"></ss-icon>
16
+ <ss-icon icon="folder-plus"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="folder-plus" size="32"></ss-icon>
22
+ <i class="ss ss-folder-plus"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="folder-plus" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="folder-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="folder-plus" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['folder-plus'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/folder.md CHANGED
@@ -10,26 +10,30 @@ title: Folder
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="folder"></ss-icon>
16
+ <ss-icon icon="folder"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="folder" size="32"></ss-icon>
22
+ <i class="ss ss-folder"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="folder" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="folder" 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="folder" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['folder'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/font.md CHANGED
@@ -10,26 +10,30 @@ title: Font
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="font"></ss-icon>
16
+ <ss-icon icon="font"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="font" size="32"></ss-icon>
22
+ <i class="ss ss-font"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="font" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="font" 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="font" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['font'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/game.md CHANGED
@@ -10,26 +10,30 @@ title: Game
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="game"></ss-icon>
16
+ <ss-icon icon="game"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="game" size="32"></ss-icon>
22
+ <i class="ss ss-game"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="game" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="game" 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="game" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['game'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/gift.md CHANGED
@@ -10,26 +10,30 @@ title: Gift
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="gift"></ss-icon>
16
+ <ss-icon icon="gift"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="gift" size="32"></ss-icon>
22
+ <i class="ss ss-gift"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="gift" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="gift" 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="gift" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['gift'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/globe-alt.md CHANGED
@@ -10,26 +10,30 @@ title: Globe Alt
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="globe-alt"></ss-icon>
16
+ <ss-icon icon="globe-alt"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="globe-alt" size="32"></ss-icon>
22
+ <i class="ss ss-globe-alt"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="globe-alt" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="globe-alt" 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="globe-alt" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['globe-alt'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/gradient.md CHANGED
@@ -10,26 +10,30 @@ title: Gradient
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="gradient"></ss-icon>
16
+ <ss-icon icon="gradient"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="gradient" size="32"></ss-icon>
22
+ <i class="ss ss-gradient"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="gradient" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="gradient" 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="gradient" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['gradient'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/grid.md CHANGED
@@ -10,26 +10,30 @@ title: Grid
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="grid"></ss-icon>
16
+ <ss-icon icon="grid"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="grid" size="32"></ss-icon>
22
+ <i class="ss ss-grid"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="grid" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="grid" 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="grid" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['grid'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/group-object.md CHANGED
@@ -10,26 +10,30 @@ title: Group Object
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="group-object"></ss-icon>
16
+ <ss-icon icon="group-object"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="group-object" size="32"></ss-icon>
22
+ <i class="ss ss-group-object"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="group-object" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="group-object" 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="group-object" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['group-object'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon