@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/microphone-mute.md CHANGED
@@ -10,26 +10,30 @@ title: Microphone Mute
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="microphone-mute"></ss-icon>
16
+ <ss-icon icon="microphone-mute"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="microphone-mute" size="32"></ss-icon>
22
+ <i class="ss ss-microphone-mute"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="microphone-mute" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="microphone-mute" 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="microphone-mute" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['microphone-mute'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/microphone.md CHANGED
@@ -10,26 +10,30 @@ title: Microphone
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="microphone"></ss-icon>
16
+ <ss-icon icon="microphone"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="microphone" size="32"></ss-icon>
22
+ <i class="ss ss-microphone"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="microphone" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="microphone" 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="microphone" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['microphone'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/minimize.md CHANGED
@@ -10,26 +10,30 @@ title: Minimize
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="minimize"></ss-icon>
16
+ <ss-icon icon="minimize"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="minimize" size="32"></ss-icon>
22
+ <i class="ss ss-minimize"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="minimize" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="minimize" 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="minimize" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['minimize'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/minus.md CHANGED
@@ -10,26 +10,30 @@ title: Minus
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="minus"></ss-icon>
16
+ <ss-icon icon="minus"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="minus" size="32"></ss-icon>
22
+ <i class="ss ss-minus"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="minus" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="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="minus" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['minus'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/moon.md CHANGED
@@ -10,26 +10,30 @@ title: Moon
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="moon"></ss-icon>
16
+ <ss-icon icon="moon"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="moon" size="32"></ss-icon>
22
+ <i class="ss ss-moon"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="moon" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="moon" 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="moon" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['moon'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/musical-note.md CHANGED
@@ -10,26 +10,30 @@ title: Musical Note
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="musical-note"></ss-icon>
16
+ <ss-icon icon="musical-note"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="musical-note" size="32"></ss-icon>
22
+ <i class="ss ss-musical-note"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="musical-note" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="musical-note" 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="musical-note" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['musical-note'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/octahedron.md CHANGED
@@ -10,26 +10,30 @@ title: Octahedron
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="octahedron"></ss-icon>
16
+ <ss-icon icon="octahedron"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="octahedron" size="32"></ss-icon>
22
+ <i class="ss ss-octahedron"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="octahedron" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="octahedron" 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="octahedron" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['octahedron'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/panorama.md CHANGED
@@ -10,26 +10,30 @@ title: Panorama
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="panorama"></ss-icon>
16
+ <ss-icon icon="panorama"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="panorama" size="32"></ss-icon>
22
+ <i class="ss ss-panorama"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="panorama" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="panorama" 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="panorama" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['panorama'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/paper-clip.md CHANGED
@@ -10,26 +10,30 @@ title: Paper Clip
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="paper-clip"></ss-icon>
16
+ <ss-icon icon="paper-clip"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="paper-clip" size="32"></ss-icon>
22
+ <i class="ss ss-paper-clip"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="paper-clip" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="paper-clip" 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="paper-clip" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['paper-clip'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/pause-circle.md CHANGED
@@ -10,26 +10,30 @@ title: Pause Circle
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="pause-circle"></ss-icon>
16
+ <ss-icon icon="pause-circle"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="pause-circle" size="32"></ss-icon>
22
+ <i class="ss ss-pause-circle"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="pause-circle" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="pause-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="pause-circle" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['pause-circle'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/pause.md CHANGED
@@ -10,26 +10,30 @@ title: Pause
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="pause"></ss-icon>
16
+ <ss-icon icon="pause"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="pause" size="32"></ss-icon>
22
+ <i class="ss ss-pause"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="pause" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="pause" 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="pause" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['pause'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/pencil.md CHANGED
@@ -10,26 +10,30 @@ title: Pencil
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="pencil"></ss-icon>
16
+ <ss-icon icon="pencil"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="pencil" size="32"></ss-icon>
22
+ <i class="ss ss-pencil"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="pencil" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="pencil" 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="pencil" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['pencil'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/phone-x-mark.md CHANGED
@@ -10,26 +10,30 @@ title: Phone X Mark
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="phone-x-mark"></ss-icon>
16
+ <ss-icon icon="phone-x-mark"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="phone-x-mark" size="32"></ss-icon>
22
+ <i class="ss ss-phone-x-mark"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="phone-x-mark" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="phone-x-mark" 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="phone-x-mark" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['phone-x-mark'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/phone.md CHANGED
@@ -10,26 +10,30 @@ title: Phone
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="phone"></ss-icon>
16
+ <ss-icon icon="phone"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="phone" size="32"></ss-icon>
22
+ <i class="ss ss-phone"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="phone" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="phone" 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="phone" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['phone'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/photo.md CHANGED
@@ -10,26 +10,30 @@ title: Photo
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="photo"></ss-icon>
16
+ <ss-icon icon="photo"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="photo" size="32"></ss-icon>
22
+ <i class="ss ss-photo"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="photo" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="photo" 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="photo" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['photo'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon
package/docs/ms/icons/plane.md CHANGED
@@ -10,26 +10,30 @@ title: Plane
10
10
 
11
11
  ## Penggunaan
12
12
 
13
+ ### Dengan Komponen Web
14
+
13
15
  ```html
14
- <ss-icon name="plane"></ss-icon>
16
+ <ss-icon icon="plane"></ss-icon>
15
17
  ```
16
18
 
17
- ### Dengan saiz tersuai
19
+ ### Dengan tag ikon
18
20
 
19
21
  ```html
20
- <ss-icon name="plane" size="32"></ss-icon>
22
+ <i class="ss ss-plane"></i>
21
23
  ```
22
24
 
23
- ### Dengan warna tersuai
25
+ ### Dengan ketebalan garisan tersuai
24
26
 
25
27
  ```html
26
- <ss-icon name="plane" color="#3b82f6"></ss-icon>
28
+ <ss-icon icon="plane" 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="plane" stroke="2"></ss-icon>
33
+ ```javascript
34
+ const icons = require('@bookklik/senangstart-icons/icons');
35
+ const svg = icons['plane'];
36
+ console.log(svg);
33
37
  ```
34
38
 
35
39
  ## Butiran Ikon