luxen-ui 0.11.1 → 0.12.0

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 (348) hide show
  1. package/README.md +48 -29
  2. package/cdn/custom-elements.json +1695 -390
  3. package/cdn/elements/avatar/avatar.d.ts.map +1 -1
  4. package/cdn/elements/avatar/avatar.js +7 -2
  5. package/cdn/elements/avatar/avatar.js.map +1 -1
  6. package/cdn/elements/button/button.meta.d.ts +1 -1
  7. package/cdn/elements/button-group/button-group.d.ts +6 -2
  8. package/cdn/elements/button-group/button-group.d.ts.map +1 -1
  9. package/cdn/elements/button-group/button-group.js +1 -1
  10. package/cdn/elements/button-group/button-group.js.map +1 -1
  11. package/cdn/elements/carousel/carousel.d.ts +32 -2
  12. package/cdn/elements/carousel/carousel.d.ts.map +1 -1
  13. package/cdn/elements/carousel/carousel.js +7 -4
  14. package/cdn/elements/carousel/carousel.js.map +1 -1
  15. package/cdn/elements/dialog/dialog.d.ts +5 -5
  16. package/cdn/elements/dialog/dialog.d.ts.map +1 -1
  17. package/cdn/elements/dialog/dialog.js +10 -5
  18. package/cdn/elements/dialog/dialog.js.map +1 -1
  19. package/cdn/elements/drawer/drawer.d.ts +11 -6
  20. package/cdn/elements/drawer/drawer.d.ts.map +1 -1
  21. package/cdn/elements/drawer/drawer.js +1 -1
  22. package/cdn/elements/drawer/drawer.js.map +1 -1
  23. package/cdn/elements/dropdown/dropdown.d.ts +46 -2
  24. package/cdn/elements/dropdown/dropdown.d.ts.map +1 -1
  25. package/cdn/elements/dropdown/dropdown.js +8 -3
  26. package/cdn/elements/dropdown/dropdown.js.map +1 -1
  27. package/cdn/elements/dropdown-item/dropdown-item.d.ts +23 -1
  28. package/cdn/elements/dropdown-item/dropdown-item.d.ts.map +1 -1
  29. package/cdn/elements/dropdown-item/dropdown-item.js +31 -7
  30. package/cdn/elements/dropdown-item/dropdown-item.js.map +1 -1
  31. package/cdn/elements/input/input.meta.d.ts +52 -0
  32. package/cdn/elements/input/input.meta.d.ts.map +1 -0
  33. package/cdn/elements/input/input.meta.js +0 -0
  34. package/cdn/elements/input-group/index.d.ts +2 -0
  35. package/cdn/elements/input-group/index.d.ts.map +1 -0
  36. package/cdn/elements/input-group/index.js +2 -0
  37. package/cdn/elements/input-group/index.js.map +1 -0
  38. package/cdn/elements/input-group/input-group.d.ts +59 -0
  39. package/cdn/elements/input-group/input-group.d.ts.map +1 -0
  40. package/cdn/elements/input-group/input-group.js +2 -0
  41. package/cdn/elements/input-group/input-group.js.map +1 -0
  42. package/cdn/elements/input-otp/input-otp.d.ts +3 -0
  43. package/cdn/elements/input-otp/input-otp.d.ts.map +1 -1
  44. package/cdn/elements/input-otp/input-otp.js +1 -1
  45. package/cdn/elements/input-otp/input-otp.js.map +1 -1
  46. package/cdn/elements/input-stepper/input-stepper.d.ts +21 -1
  47. package/cdn/elements/input-stepper/input-stepper.d.ts.map +1 -1
  48. package/cdn/elements/input-stepper/input-stepper.js +1 -1
  49. package/cdn/elements/input-stepper/input-stepper.js.map +1 -1
  50. package/cdn/elements/popover/popover.d.ts.map +1 -1
  51. package/cdn/elements/popover/popover.js +1 -1
  52. package/cdn/elements/popover/popover.js.map +1 -1
  53. package/cdn/elements/prose-editor/prose-editor.d.ts +64 -1
  54. package/cdn/elements/prose-editor/prose-editor.d.ts.map +1 -1
  55. package/cdn/elements/prose-editor/prose-editor.js +49 -46
  56. package/cdn/elements/prose-editor/prose-editor.js.map +1 -1
  57. package/cdn/elements/radio/radio.meta.d.ts +31 -0
  58. package/cdn/elements/radio/radio.meta.d.ts.map +1 -0
  59. package/cdn/elements/radio/radio.meta.js +0 -0
  60. package/cdn/elements/rating/rating.d.ts +26 -2
  61. package/cdn/elements/rating/rating.d.ts.map +1 -1
  62. package/cdn/elements/rating/rating.js +2 -2
  63. package/cdn/elements/rating/rating.js.map +1 -1
  64. package/cdn/elements/select/select.meta.d.ts +2 -0
  65. package/cdn/elements/select/select.meta.d.ts.map +1 -1
  66. package/cdn/elements/spinner/spinner.d.ts +1 -0
  67. package/cdn/elements/spinner/spinner.d.ts.map +1 -1
  68. package/cdn/elements/spinner/spinner.js +3 -3
  69. package/cdn/elements/spinner/spinner.js.map +1 -1
  70. package/cdn/elements/sticky-bar/sticky-bar.d.ts +2 -2
  71. package/cdn/elements/sticky-bar/sticky-bar.d.ts.map +1 -1
  72. package/cdn/elements/sticky-bar/sticky-bar.js +1 -1
  73. package/cdn/elements/sticky-bar/sticky-bar.js.map +1 -1
  74. package/cdn/elements/stories/stories.d.ts +12 -1
  75. package/cdn/elements/stories/stories.d.ts.map +1 -1
  76. package/cdn/elements/stories/stories.js +1 -1
  77. package/cdn/elements/stories/stories.js.map +1 -1
  78. package/cdn/elements/stories-viewer/stories-viewer.d.ts +39 -7
  79. package/cdn/elements/stories-viewer/stories-viewer.d.ts.map +1 -1
  80. package/cdn/elements/stories-viewer/stories-viewer.js +10 -9
  81. package/cdn/elements/stories-viewer/stories-viewer.js.map +1 -1
  82. package/cdn/elements/tabs/tabs.d.ts +22 -1
  83. package/cdn/elements/tabs/tabs.d.ts.map +1 -1
  84. package/cdn/elements/tabs/tabs.js +1 -1
  85. package/cdn/elements/tabs/tabs.js.map +1 -1
  86. package/cdn/elements/textarea/textarea.meta.d.ts +37 -0
  87. package/cdn/elements/textarea/textarea.meta.d.ts.map +1 -0
  88. package/cdn/elements/textarea/textarea.meta.js +0 -0
  89. package/cdn/elements/toast/toast.d.ts +37 -4
  90. package/cdn/elements/toast/toast.d.ts.map +1 -1
  91. package/cdn/elements/toast/toast.js +1 -1
  92. package/cdn/elements/toast/toast.js.map +1 -1
  93. package/cdn/elements/tooltip/tooltip.js +1 -1
  94. package/cdn/elements/tooltip/tooltip.js.map +1 -1
  95. package/cdn/elements/tree/tree.d.ts +11 -1
  96. package/cdn/elements/tree/tree.d.ts.map +1 -1
  97. package/cdn/elements/tree/tree.js +2 -2
  98. package/cdn/elements/tree/tree.js.map +1 -1
  99. package/cdn/elements/tree-item/tree-item.d.ts +29 -0
  100. package/cdn/elements/tree-item/tree-item.d.ts.map +1 -1
  101. package/cdn/elements/tree-item/tree-item.js +2 -2
  102. package/cdn/elements/tree-item/tree-item.js.map +1 -1
  103. package/cdn/events/after-hide.d.ts +14 -0
  104. package/cdn/events/after-hide.d.ts.map +1 -0
  105. package/cdn/events/after-hide.js +2 -0
  106. package/cdn/events/after-hide.js.map +1 -0
  107. package/cdn/events/after-show.d.ts +14 -0
  108. package/cdn/events/after-show.d.ts.map +1 -0
  109. package/cdn/events/after-show.js +2 -0
  110. package/cdn/events/after-show.js.map +1 -0
  111. package/cdn/events/hide.d.ts +15 -0
  112. package/cdn/events/hide.d.ts.map +1 -0
  113. package/cdn/events/hide.js +2 -0
  114. package/cdn/events/hide.js.map +1 -0
  115. package/cdn/events/index.d.ts +14 -0
  116. package/cdn/events/index.d.ts.map +1 -0
  117. package/cdn/events/index.js +1 -0
  118. package/cdn/events/show.d.ts +16 -0
  119. package/cdn/events/show.d.ts.map +1 -0
  120. package/cdn/events/show.js +2 -0
  121. package/cdn/events/show.js.map +1 -0
  122. package/cdn/index.d.ts +1 -0
  123. package/cdn/index.d.ts.map +1 -1
  124. package/cdn/index.js +1 -1
  125. package/cdn/registry.d.ts +1 -1
  126. package/cdn/registry.d.ts.map +1 -1
  127. package/cdn/registry.js.map +1 -1
  128. package/cdn/shared/controllers/popover.d.ts +2 -0
  129. package/cdn/shared/controllers/popover.d.ts.map +1 -1
  130. package/cdn/shared/controllers/popover.js +1 -1
  131. package/cdn/shared/controllers/popover.js.map +1 -1
  132. package/cdn/shared/localize.d.ts +113 -0
  133. package/cdn/shared/localize.d.ts.map +1 -0
  134. package/cdn/shared/localize.js +2 -0
  135. package/cdn/shared/localize.js.map +1 -0
  136. package/cdn/shared/luxen-element.d.ts +5 -12
  137. package/cdn/shared/luxen-element.d.ts.map +1 -1
  138. package/cdn/shared/luxen-element.js +1 -1
  139. package/cdn/shared/luxen-element.js.map +1 -1
  140. package/cdn/standalone.css +1380 -553
  141. package/cdn/standalone.js +1082 -172
  142. package/cdn/standalone.js.map +1 -1
  143. package/cdn/styles/elements/button.css +5 -5
  144. package/cdn/styles/elements/form-field.css +2 -0
  145. package/cdn/styles/elements/input-otp.css +197 -158
  146. package/cdn/styles/elements/input-stepper/default.css +11 -7
  147. package/cdn/styles/elements/input-stepper/rounded.css +11 -7
  148. package/cdn/styles/elements/input.css +444 -0
  149. package/cdn/styles/elements/radio.css +84 -0
  150. package/cdn/styles/elements/select.css +28 -0
  151. package/cdn/styles/elements/story.css +162 -141
  152. package/cdn/styles/elements/textarea.css +156 -0
  153. package/cdn/styles/elements/toast.css +220 -193
  154. package/cdn/styles/preset.css +24 -12
  155. package/cdn/styles/tokens/aliases.css +16 -10
  156. package/cdn/styles/tokens/forms.css +8 -2
  157. package/cdn/styles/tokens.css +24 -12
  158. package/cdn/translations/en.d.ts +4 -0
  159. package/cdn/translations/en.d.ts.map +1 -0
  160. package/cdn/translations/en.js +2 -0
  161. package/cdn/translations/en.js.map +1 -0
  162. package/cdn/translations/fr.d.ts +4 -0
  163. package/cdn/translations/fr.d.ts.map +1 -0
  164. package/cdn/translations/fr.js +2 -0
  165. package/cdn/translations/fr.js.map +1 -0
  166. package/dist/css/elements/button.css +5 -5
  167. package/dist/css/elements/form-field.css +2 -0
  168. package/dist/css/elements/input-otp.css +197 -158
  169. package/dist/css/elements/input-stepper/default.css +11 -7
  170. package/dist/css/elements/input-stepper/rounded.css +11 -7
  171. package/dist/css/elements/input.css +444 -0
  172. package/dist/css/elements/radio.css +84 -0
  173. package/dist/css/elements/select.css +28 -0
  174. package/dist/css/elements/story.css +162 -141
  175. package/dist/css/elements/textarea.css +156 -0
  176. package/dist/css/elements/toast.css +220 -193
  177. package/dist/css/preset.css +24 -12
  178. package/dist/css/tokens/aliases.css +16 -10
  179. package/dist/css/tokens/forms.css +8 -2
  180. package/dist/css/tokens.css +24 -12
  181. package/dist/custom-elements.json +1695 -390
  182. package/dist/elements/avatar/avatar.d.ts.map +1 -1
  183. package/dist/elements/avatar/avatar.js +20 -4
  184. package/dist/elements/button/button.meta.d.ts +1 -1
  185. package/dist/elements/button/button.meta.js +1 -1
  186. package/dist/elements/button-group/button-group.d.ts +6 -2
  187. package/dist/elements/button-group/button-group.d.ts.map +1 -1
  188. package/dist/elements/button-group/button-group.js +6 -5
  189. package/dist/elements/carousel/carousel.d.ts +32 -2
  190. package/dist/elements/carousel/carousel.d.ts.map +1 -1
  191. package/dist/elements/carousel/carousel.js +32 -10
  192. package/dist/elements/dialog/dialog.d.ts +5 -5
  193. package/dist/elements/dialog/dialog.d.ts.map +1 -1
  194. package/dist/elements/dialog/dialog.js +29 -12
  195. package/dist/elements/drawer/drawer.css +112 -0
  196. package/dist/elements/drawer/drawer.d.ts +11 -6
  197. package/dist/elements/drawer/drawer.d.ts.map +1 -1
  198. package/dist/elements/drawer/drawer.js +13 -5
  199. package/dist/elements/dropdown/dropdown.css +4 -4
  200. package/dist/elements/dropdown/dropdown.d.ts +46 -2
  201. package/dist/elements/dropdown/dropdown.d.ts.map +1 -1
  202. package/dist/elements/dropdown/dropdown.js +212 -27
  203. package/dist/elements/dropdown-item/dropdown-item.css +55 -1
  204. package/dist/elements/dropdown-item/dropdown-item.d.ts +23 -1
  205. package/dist/elements/dropdown-item/dropdown-item.d.ts.map +1 -1
  206. package/dist/elements/dropdown-item/dropdown-item.js +144 -6
  207. package/dist/elements/input/input.meta.d.ts +52 -0
  208. package/dist/elements/input/input.meta.d.ts.map +1 -0
  209. package/dist/elements/input/input.meta.js +63 -0
  210. package/dist/elements/input-group/index.d.ts +2 -0
  211. package/dist/elements/input-group/index.d.ts.map +1 -0
  212. package/dist/elements/input-group/index.js +4 -0
  213. package/dist/elements/input-group/input-group.d.ts +59 -0
  214. package/dist/elements/input-group/input-group.d.ts.map +1 -0
  215. package/dist/elements/input-group/input-group.js +153 -0
  216. package/dist/elements/input-otp/input-otp.d.ts +3 -0
  217. package/dist/elements/input-otp/input-otp.d.ts.map +1 -1
  218. package/dist/elements/input-otp/input-otp.js +23 -3
  219. package/dist/elements/input-stepper/input-stepper.d.ts +21 -1
  220. package/dist/elements/input-stepper/input-stepper.d.ts.map +1 -1
  221. package/dist/elements/input-stepper/input-stepper.js +48 -9
  222. package/dist/elements/popover/popover.css +3 -3
  223. package/dist/elements/popover/popover.d.ts.map +1 -1
  224. package/dist/elements/popover/popover.js +3 -2
  225. package/dist/elements/prose-editor/prose-editor.d.ts +64 -1
  226. package/dist/elements/prose-editor/prose-editor.d.ts.map +1 -1
  227. package/dist/elements/prose-editor/prose-editor.js +223 -25
  228. package/dist/elements/radio/radio.meta.d.ts +31 -0
  229. package/dist/elements/radio/radio.meta.d.ts.map +1 -0
  230. package/dist/elements/radio/radio.meta.js +41 -0
  231. package/dist/elements/rating/rating.d.ts +26 -2
  232. package/dist/elements/rating/rating.d.ts.map +1 -1
  233. package/dist/elements/rating/rating.js +26 -11
  234. package/dist/elements/select/select.meta.d.ts +2 -0
  235. package/dist/elements/select/select.meta.d.ts.map +1 -1
  236. package/dist/elements/select/select.meta.js +2 -0
  237. package/dist/elements/spinner/spinner.d.ts +1 -0
  238. package/dist/elements/spinner/spinner.d.ts.map +1 -1
  239. package/dist/elements/spinner/spinner.js +6 -1
  240. package/dist/elements/sticky-bar/sticky-bar.d.ts +2 -2
  241. package/dist/elements/sticky-bar/sticky-bar.d.ts.map +1 -1
  242. package/dist/elements/sticky-bar/sticky-bar.js +6 -5
  243. package/dist/elements/stories/stories.d.ts +12 -1
  244. package/dist/elements/stories/stories.d.ts.map +1 -1
  245. package/dist/elements/stories/stories.js +10 -2
  246. package/dist/elements/stories-viewer/stories-viewer.d.ts +39 -7
  247. package/dist/elements/stories-viewer/stories-viewer.d.ts.map +1 -1
  248. package/dist/elements/stories-viewer/stories-viewer.js +87 -27
  249. package/dist/elements/tabs/tabs.d.ts +22 -1
  250. package/dist/elements/tabs/tabs.d.ts.map +1 -1
  251. package/dist/elements/tabs/tabs.js +41 -6
  252. package/dist/elements/textarea/textarea.meta.d.ts +37 -0
  253. package/dist/elements/textarea/textarea.meta.d.ts.map +1 -0
  254. package/dist/elements/textarea/textarea.meta.js +47 -0
  255. package/dist/elements/toast/toast.d.ts +37 -4
  256. package/dist/elements/toast/toast.d.ts.map +1 -1
  257. package/dist/elements/toast/toast.js +38 -8
  258. package/dist/elements/tooltip/tooltip.css +1 -1
  259. package/dist/elements/tree/tree.css +2 -2
  260. package/dist/elements/tree/tree.d.ts +11 -1
  261. package/dist/elements/tree/tree.d.ts.map +1 -1
  262. package/dist/elements/tree/tree.js +12 -6
  263. package/dist/elements/tree-item/tree-item.css +3 -3
  264. package/dist/elements/tree-item/tree-item.d.ts +29 -0
  265. package/dist/elements/tree-item/tree-item.d.ts.map +1 -1
  266. package/dist/elements/tree-item/tree-item.js +33 -7
  267. package/dist/events/after-hide.d.ts +14 -0
  268. package/dist/events/after-hide.d.ts.map +1 -0
  269. package/dist/events/after-hide.js +10 -0
  270. package/dist/events/after-show.d.ts +14 -0
  271. package/dist/events/after-show.d.ts.map +1 -0
  272. package/dist/events/after-show.js +10 -0
  273. package/dist/events/hide.d.ts +15 -0
  274. package/dist/events/hide.d.ts.map +1 -0
  275. package/dist/events/hide.js +11 -0
  276. package/dist/events/index.d.ts +14 -0
  277. package/dist/events/index.d.ts.map +1 -0
  278. package/dist/events/index.js +13 -0
  279. package/dist/events/show.d.ts +16 -0
  280. package/dist/events/show.d.ts.map +1 -0
  281. package/dist/events/show.js +12 -0
  282. package/dist/index.d.ts +1 -0
  283. package/dist/index.d.ts.map +1 -1
  284. package/dist/index.js +1 -0
  285. package/dist/metadata/button-group.json +2 -2
  286. package/dist/metadata/button.json +1 -1
  287. package/dist/metadata/carousel-item.json +1 -1
  288. package/dist/metadata/carousel.json +2 -2
  289. package/dist/metadata/dialog.json +6 -6
  290. package/dist/metadata/drawer.json +30 -12
  291. package/dist/metadata/dropdown-item.json +46 -3
  292. package/dist/metadata/dropdown-label.json +1 -1
  293. package/dist/metadata/dropdown.json +2 -2
  294. package/dist/metadata/index.json +557 -53
  295. package/dist/metadata/input-group.json +65 -0
  296. package/dist/metadata/input-stepper.json +1 -1
  297. package/dist/metadata/input.json +142 -0
  298. package/dist/metadata/prose-editor.json +2 -2
  299. package/dist/metadata/radio.json +95 -0
  300. package/dist/metadata/rating.json +2 -2
  301. package/dist/metadata/select.json +17 -0
  302. package/dist/metadata/sticky-bar.json +2 -2
  303. package/dist/metadata/stories-viewer.json +8 -8
  304. package/dist/metadata/stories.json +1 -1
  305. package/dist/metadata/tabs.json +1 -1
  306. package/dist/metadata/textarea.json +124 -0
  307. package/dist/metadata/toast.json +4 -4
  308. package/dist/metadata/tree.json +1 -1
  309. package/dist/registry.d.ts +1 -1
  310. package/dist/registry.d.ts.map +1 -1
  311. package/dist/shared/controllers/popover.d.ts +2 -0
  312. package/dist/shared/controllers/popover.d.ts.map +1 -1
  313. package/dist/shared/controllers/popover.js +1 -1
  314. package/dist/shared/localize.d.ts +113 -0
  315. package/dist/shared/localize.d.ts.map +1 -0
  316. package/dist/shared/localize.js +88 -0
  317. package/dist/shared/luxen-element.d.ts +5 -12
  318. package/dist/shared/luxen-element.d.ts.map +1 -1
  319. package/dist/shared/luxen-element.js +5 -16
  320. package/dist/templates/elements/button-group.md +3 -1
  321. package/dist/templates/elements/button.md +1 -1
  322. package/dist/templates/elements/carousel.md +2 -2
  323. package/dist/templates/elements/checkbox.md +44 -53
  324. package/dist/templates/elements/dialog.md +5 -5
  325. package/dist/templates/elements/drawer.md +230 -35
  326. package/dist/templates/elements/dropdown.md +89 -11
  327. package/dist/templates/elements/input-otp.md +4 -4
  328. package/dist/templates/elements/input-stepper.md +1 -1
  329. package/dist/templates/elements/input.md +254 -0
  330. package/dist/templates/elements/prose-editor.md +1 -1
  331. package/dist/templates/elements/radio.md +251 -0
  332. package/dist/templates/elements/rating.md +1 -1
  333. package/dist/templates/elements/select.md +2 -0
  334. package/dist/templates/elements/sticky-bar.md +2 -2
  335. package/dist/templates/elements/stories-viewer.md +7 -7
  336. package/dist/templates/elements/stories.md +1 -1
  337. package/dist/templates/elements/tabs.md +1 -1
  338. package/dist/templates/elements/textarea.md +209 -0
  339. package/dist/templates/elements/toast.md +4 -4
  340. package/dist/templates/elements/tree.md +1 -1
  341. package/dist/translations/en.d.ts +4 -0
  342. package/dist/translations/en.d.ts.map +1 -0
  343. package/dist/translations/en.js +41 -0
  344. package/dist/translations/fr.d.ts +4 -0
  345. package/dist/translations/fr.d.ts.map +1 -0
  346. package/dist/translations/fr.js +43 -0
  347. package/elements.json +39 -3
  348. package/package.json +15 -2
package/README.md CHANGED
@@ -20,35 +20,54 @@ Visit https://luxen-ui.com to explore the documentation.
20
20
 
21
21
  ## 📦 Elements
22
22
 
23
- | Name | HTML tag | Type |
24
- | ------------- | ------------------- | --------------------------------------- |
25
- | Avatar | `<l-avatar>` | ⬢ Custom HTML Element (with Shadow DOM) |
26
- | Badge | `<l-badge>` | ◇ Custom HTML Element (no Shadow DOM) |
27
- | Button | `<button>` | ⏣ Native HTML Element |
28
- | Carousel | `<l-carousel>` | ⬢ Custom HTML Element (with Shadow DOM) |
29
- | Carousel Item | `<l-carousel-item>` | ⬢ Custom HTML Element (with Shadow DOM) |
30
- | Close Button | `<button>` | ⏣ Native HTML Element |
31
- | Dialog | `<l-dialog>` | ⬢ Custom HTML Element (with Shadow DOM) |
32
- | Disclosure | `<details>` | ⏣ Native HTML Element |
33
- | Divider | `<l-divider>` | ◇ Custom HTML Element (no Shadow DOM) |
34
- | Drawer | `<l-drawer>` | ⬢ Custom HTML Element (with Shadow DOM) |
35
- | Dropdown | `<l-dropdown>` | ⬢ Custom HTML Element (with Shadow DOM) |
36
- | Dropdown Item | `<l-dropdown-item>` | ⬢ Custom HTML Element (with Shadow DOM) |
37
- | Icon | `<l-icon>` | ⬢ Custom HTML Element (with Shadow DOM) |
38
- | Input OTP | `<l-input-otp>` | ⬡ Progressive Custom HTML Element |
39
- | Input Stepper | `<l-input-stepper>` | ⬡ Progressive Custom HTML Element |
40
- | Kbd | `<kbd>` | ⏣ Native HTML Element |
41
- | Popover | `<l-popover>` | ⬢ Custom HTML Element (with Shadow DOM) |
42
- | Progress | `<progress>` | ⏣ Native HTML Element |
43
- | Rating | `<l-rating>` | ⬢ Custom HTML Element (with Shadow DOM) |
44
- | Select | `<select>` | ⏣ Native HTML Element |
45
- | Skeleton | `<l-skeleton>` | ◇ Custom HTML Element (no Shadow DOM) |
46
- | Spinner | `<l-spinner>` | ⬢ Custom HTML Element (with Shadow DOM) |
47
- | Tabs | `<l-tabs>` | ⬡ Progressive Custom HTML Element |
48
- | Toast | `<l-toast>` | ◇ Custom HTML Element (no Shadow DOM) |
49
- | Tooltip | `<l-tooltip>` | ⬢ Custom HTML Element (with Shadow DOM) |
50
- | Tree | `<l-tree>` | ⬢ Custom HTML Element (with Shadow DOM) |
51
- | Tree Item | `<l-tree-item>` | ⬢ Custom HTML Element (with Shadow DOM) |
23
+ <!-- elements-table:start -->
24
+
25
+ | Name | HTML tag | Type |
26
+ | -------------- | -------------------- | --------------------------------------- |
27
+ | Avatar | `<l-avatar>` | ⬢ Custom HTML Element (with Shadow DOM) |
28
+ | Badge | `<l-badge>` | ◇ Custom HTML Element (no Shadow DOM) |
29
+ | Button | `<button>` | ⏣ Native HTML Element |
30
+ | Button group | `<l-button-group>` | ◇ Custom HTML Element (no Shadow DOM) |
31
+ | Carousel | `<l-carousel>` | ⬢ Custom HTML Element (with Shadow DOM) |
32
+ | Carousel item | `<l-carousel-item>` | ⬢ Custom HTML Element (with Shadow DOM) |
33
+ | Checkbox | `<input>` | ⏣ Native HTML Element |
34
+ | Close button | `<button>` | ⏣ Native HTML Element |
35
+ | Dialog | `<l-dialog>` | ⬢ Custom HTML Element (with Shadow DOM) |
36
+ | Disclosure | `<details>` | ⏣ Native HTML Element |
37
+ | Divider | `<l-divider>` | ◇ Custom HTML Element (no Shadow DOM) |
38
+ | Drawer | `<l-drawer>` | ⬢ Custom HTML Element (with Shadow DOM) |
39
+ | Dropdown | `<l-dropdown>` | ⬢ Custom HTML Element (with Shadow DOM) |
40
+ | Dropdown item | `<l-dropdown-item>` | ⬢ Custom HTML Element (with Shadow DOM) |
41
+ | Dropdown label | `<l-dropdown-label>` | ⬢ Custom HTML Element (with Shadow DOM) |
42
+ | Form field | `<l-form-field>` | ⬡ Progressive Custom HTML Element |
43
+ | Icon | `<l-icon>` | ⬢ Custom HTML Element (with Shadow DOM) |
44
+ | Input | `<input>` | ⏣ Native HTML Element |
45
+ | Input group | `<l-input-group>` | ⬡ Progressive Custom HTML Element |
46
+ | Input OTP | `<l-input-otp>` | ⬡ Progressive Custom HTML Element |
47
+ | Input stepper | `<l-input-stepper>` | ⬡ Progressive Custom HTML Element |
48
+ | Kbd | `<kbd>` | ⏣ Native HTML Element |
49
+ | Popover | `<l-popover>` | ⬢ Custom HTML Element (with Shadow DOM) |
50
+ | Progress | `<progress>` | ⏣ Native HTML Element |
51
+ | Prose editor | `<l-prose-editor>` | ⬢ Custom HTML Element (with Shadow DOM) |
52
+ | Radio | `<input>` | ⏣ Native HTML Element |
53
+ | Rating | `<l-rating>` | ⬢ Custom HTML Element (with Shadow DOM) |
54
+ | Select | `<select>` | ⏣ Native HTML Element |
55
+ | Skeleton | `<l-skeleton>` | ◇ Custom HTML Element (no Shadow DOM) |
56
+ | Spinner | `<l-spinner>` | ⬢ Custom HTML Element (with Shadow DOM) |
57
+ | Sticky bar | `<l-sticky-bar>` | ⬢ Custom HTML Element (with Shadow DOM) |
58
+ | Stories | `<l-stories>` | ◇ Custom HTML Element (no Shadow DOM) |
59
+ | Stories viewer | `<l-stories-viewer>` | ⬢ Custom HTML Element (with Shadow DOM) |
60
+ | Story | `<l-story>` | ◇ Custom HTML Element (no Shadow DOM) |
61
+ | Tabs | `<l-tabs>` | ⬡ Progressive Custom HTML Element |
62
+ | Textarea | `<textarea>` | ⏣ Native HTML Element |
63
+ | Toast | `<l-toast>` | ◇ Custom HTML Element (no Shadow DOM) |
64
+ | Tooltip | `<l-tooltip>` | ⬢ Custom HTML Element (with Shadow DOM) |
65
+ | Tree | `<l-tree>` | ⬢ Custom HTML Element (with Shadow DOM) |
66
+ | Tree item | `<l-tree-item>` | ⬢ Custom HTML Element (with Shadow DOM) |
67
+
68
+ _⏣ Native HTML Element · ⬡ Progressive Custom HTML Element · ◇ Custom HTML Element (no Shadow DOM) · ⬢ Custom HTML Element (with Shadow DOM)_
69
+
70
+ <!-- elements-table:end -->
52
71
 
53
72
  ## Install
54
73