@indielayer/ui 1.2.0 → 1.4.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 (878) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +4 -4
  3. package/docs/App.vue +25 -0
  4. package/docs/assets/css/hljs.css +302 -0
  5. package/docs/assets/css/tailwind.css +46 -0
  6. package/docs/assets/images/error.svg +1 -0
  7. package/docs/assets/images/logo.png +0 -0
  8. package/docs/assets/images/logo_mini.svg +10 -0
  9. package/docs/assets/images/logo_white.png +0 -0
  10. package/docs/assets/images/logo_word.svg +12 -0
  11. package/docs/assets/images/logo_word_dark.svg +12 -0
  12. package/docs/assets/images/photo1.jpeg +0 -0
  13. package/docs/assets/images/photo2.jpeg +0 -0
  14. package/docs/components/Cookies.vue +42 -0
  15. package/docs/components/common/CodePreview.vue +80 -0
  16. package/docs/components/common/CodeSnippet.vue +49 -0
  17. package/docs/components/common/CopyButton.vue +50 -0
  18. package/docs/components/common/DocumentPage.vue +289 -0
  19. package/docs/components/common/Indielayer-theme.json +702 -0
  20. package/docs/components/common/MultiSnippet.vue +26 -0
  21. package/docs/components/menu/DocsMenu.vue +143 -0
  22. package/docs/components/toolbar/PreToolbar.vue +18 -0
  23. package/docs/components/toolbar/Toolbar.vue +63 -0
  24. package/docs/components/toolbar/ToolbarColorToggle.vue +49 -0
  25. package/docs/icons.ts +61 -0
  26. package/docs/layouts/default.vue +29 -0
  27. package/docs/layouts/simple.vue +3 -0
  28. package/docs/main.ts +33 -0
  29. package/docs/pages/colors.vue +125 -0
  30. package/docs/pages/component/accordion/index.vue +29 -0
  31. package/docs/pages/component/accordion/usage.vue +30 -0
  32. package/docs/pages/component/alert/index.vue +29 -0
  33. package/docs/pages/component/alert/usage.vue +18 -0
  34. package/docs/pages/component/avatar/index.vue +43 -0
  35. package/docs/pages/component/avatar/size.vue +9 -0
  36. package/docs/pages/component/avatar/usage.vue +9 -0
  37. package/docs/pages/component/avatar/variants.vue +8 -0
  38. package/docs/pages/component/badge/index.vue +29 -0
  39. package/docs/pages/component/badge/usage.vue +50 -0
  40. package/docs/pages/component/breadcrumbs/index.vue +29 -0
  41. package/docs/pages/component/breadcrumbs/usage.vue +19 -0
  42. package/docs/pages/component/button/button-group.vue +18 -0
  43. package/docs/pages/component/button/icons.vue +9 -0
  44. package/docs/pages/component/button/index.vue +64 -0
  45. package/docs/pages/component/button/size.vue +9 -0
  46. package/docs/pages/component/button/states.vue +6 -0
  47. package/docs/pages/component/button/usage.vue +12 -0
  48. package/docs/pages/component/button/variants.vue +7 -0
  49. package/docs/pages/component/card/index.vue +29 -0
  50. package/docs/pages/component/card/usage.vue +6 -0
  51. package/docs/pages/component/carousel/index.vue +29 -0
  52. package/docs/pages/component/carousel/usage.vue +10 -0
  53. package/docs/pages/component/checkbox/index.vue +50 -0
  54. package/docs/pages/component/checkbox/size.vue +9 -0
  55. package/docs/pages/component/checkbox/states.vue +9 -0
  56. package/docs/pages/component/checkbox/usage.vue +15 -0
  57. package/docs/pages/component/checkbox/variants.vue +8 -0
  58. package/docs/pages/component/container/index.vue +29 -0
  59. package/docs/pages/component/container/usage.vue +3 -0
  60. package/docs/pages/component/divider/index.vue +43 -0
  61. package/docs/pages/component/divider/label.vue +12 -0
  62. package/docs/pages/component/divider/usage.vue +7 -0
  63. package/docs/pages/component/divider/vertical.vue +7 -0
  64. package/docs/pages/component/drawer/index.vue +29 -0
  65. package/docs/pages/component/drawer/usage.vue +56 -0
  66. package/docs/pages/component/form/index.vue +29 -0
  67. package/docs/pages/component/form/usage.vue +96 -0
  68. package/docs/pages/component/formGroup/index.vue +29 -0
  69. package/docs/pages/component/formGroup/usage.vue +46 -0
  70. package/docs/pages/component/icon/index.vue +36 -0
  71. package/docs/pages/component/icon/usage.vue +6 -0
  72. package/docs/pages/component/icon/variants.vue +14 -0
  73. package/docs/pages/component/image/index.vue +29 -0
  74. package/docs/pages/component/image/usage.vue +8 -0
  75. package/docs/pages/component/input/index.vue +50 -0
  76. package/docs/pages/component/input/size.vue +13 -0
  77. package/docs/pages/component/input/states.vue +12 -0
  78. package/docs/pages/component/input/usage.vue +15 -0
  79. package/docs/pages/component/input/variants.vue +18 -0
  80. package/docs/pages/component/link/index.vue +29 -0
  81. package/docs/pages/component/link/usage.vue +12 -0
  82. package/docs/pages/component/loader/index.vue +29 -0
  83. package/docs/pages/component/loader/usage.vue +7 -0
  84. package/docs/pages/component/menu/index.vue +29 -0
  85. package/docs/pages/component/menu/usage.vue +69 -0
  86. package/docs/pages/component/modal/composed.vue +70 -0
  87. package/docs/pages/component/modal/index.vue +36 -0
  88. package/docs/pages/component/modal/usage.vue +61 -0
  89. package/docs/pages/component/notifications/index.vue +29 -0
  90. package/docs/pages/component/notifications/usage.vue +56 -0
  91. package/docs/pages/component/pagination/index.vue +29 -0
  92. package/docs/pages/component/pagination/usage.vue +17 -0
  93. package/docs/pages/component/popover/index.vue +29 -0
  94. package/docs/pages/component/popover/usage.vue +21 -0
  95. package/docs/pages/component/progress/index.vue +36 -0
  96. package/docs/pages/component/progress/usage.vue +7 -0
  97. package/docs/pages/component/progress/variants.vue +18 -0
  98. package/docs/pages/component/radio/index.vue +50 -0
  99. package/docs/pages/component/radio/size.vue +15 -0
  100. package/docs/pages/component/radio/states.vue +13 -0
  101. package/docs/pages/component/radio/usage.vue +14 -0
  102. package/docs/pages/component/radio/variants.vue +39 -0
  103. package/docs/pages/component/scroll/horizontal.vue +14 -0
  104. package/docs/pages/component/scroll/index.vue +36 -0
  105. package/docs/pages/component/scroll/usage.vue +5 -0
  106. package/docs/pages/component/select/index.vue +43 -0
  107. package/docs/pages/component/select/states.vue +22 -0
  108. package/docs/pages/component/select/usage.vue +45 -0
  109. package/docs/pages/component/select/variants.vue +23 -0
  110. package/docs/pages/component/skeleton/index.vue +29 -0
  111. package/docs/pages/component/skeleton/usage.vue +10 -0
  112. package/docs/pages/component/slider/index.vue +29 -0
  113. package/docs/pages/component/slider/usage.vue +15 -0
  114. package/docs/pages/component/spacer/index.vue +29 -0
  115. package/docs/pages/component/spacer/usage.vue +8 -0
  116. package/docs/pages/component/spinner/index.vue +36 -0
  117. package/docs/pages/component/spinner/usage.vue +3 -0
  118. package/docs/pages/component/spinner/variants.vue +9 -0
  119. package/docs/pages/component/stepper/index.vue +29 -0
  120. package/docs/pages/component/stepper/usage.vue +21 -0
  121. package/docs/pages/component/table/index.vue +36 -0
  122. package/docs/pages/component/table/states.vue +28 -0
  123. package/docs/pages/component/table/usage.vue +107 -0
  124. package/docs/pages/component/tabs/index.vue +29 -0
  125. package/docs/pages/component/tabs/usage.vue +137 -0
  126. package/docs/pages/component/tag/index.vue +29 -0
  127. package/docs/pages/component/tag/usage.vue +27 -0
  128. package/docs/pages/component/textarea/index.vue +43 -0
  129. package/docs/pages/component/textarea/states.vue +13 -0
  130. package/docs/pages/component/textarea/usage.vue +22 -0
  131. package/docs/pages/component/textarea/variants.vue +15 -0
  132. package/docs/pages/component/toggle/index.vue +43 -0
  133. package/docs/pages/component/toggle/states.vue +13 -0
  134. package/docs/pages/component/toggle/usage.vue +14 -0
  135. package/docs/pages/component/toggle/variants.vue +15 -0
  136. package/docs/pages/component/tooltip/index.vue +29 -0
  137. package/docs/pages/component/tooltip/usage.vue +16 -0
  138. package/docs/pages/error.vue +6 -0
  139. package/docs/pages/icons.vue +105 -0
  140. package/docs/pages/index.vue +157 -0
  141. package/docs/pages/play.vue +19 -0
  142. package/docs/pages/typography.vue +95 -0
  143. package/docs/router/index.ts +75 -0
  144. package/exports/tailwind.preset.js +31 -45
  145. package/lib/{composables/colors-utils.d.ts → common/colors.d.ts} +1 -1
  146. package/lib/common/icons.d.ts +4 -1
  147. package/lib/common/icons.js +16 -14
  148. package/lib/common/utils.d.ts +6 -4
  149. package/lib/components/accordion/Accordion.vue.d.ts +63 -0
  150. package/lib/components/accordion/Accordion.vue.js +40 -0
  151. package/lib/components/accordion/Accordion.vue2.js +4 -0
  152. package/lib/components/{collapse/Collapse.vue.d.ts → accordion/AccordionItem.vue.d.ts} +35 -16
  153. package/lib/components/accordion/AccordionItem.vue.js +140 -0
  154. package/lib/components/accordion/AccordionItem.vue2.js +4 -0
  155. package/lib/components/accordion/index.d.ts +4 -0
  156. package/lib/components/accordion/theme/Accordion.base.theme.d.ts +3 -0
  157. package/lib/components/{scroll/Scroll.theme.js → accordion/theme/Accordion.base.theme.js} +1 -1
  158. package/lib/components/accordion/theme/Accordion.carbon.theme.d.ts +3 -0
  159. package/lib/components/accordion/theme/Accordion.carbon.theme.js +5 -0
  160. package/lib/components/accordion/theme/AccordionItem.base.theme.d.ts +3 -0
  161. package/lib/components/accordion/theme/AccordionItem.base.theme.js +16 -0
  162. package/lib/components/accordion/theme/AccordionItem.carbon.theme.d.ts +3 -0
  163. package/lib/components/accordion/theme/AccordionItem.carbon.theme.js +5 -0
  164. package/lib/components/alert/Alert.vue.d.ts +10 -6
  165. package/lib/components/alert/Alert.vue2.js +13 -14
  166. package/lib/components/alert/index.d.ts +1 -2
  167. package/lib/components/alert/theme/Alert.base.theme.d.ts +3 -0
  168. package/lib/components/alert/theme/Alert.carbon.theme.d.ts +3 -0
  169. package/lib/components/alert/theme/Alert.carbon.theme.js +41 -0
  170. package/lib/components/avatar/Avatar.vue.d.ts +13 -6
  171. package/lib/components/avatar/Avatar.vue2.js +16 -17
  172. package/lib/components/avatar/index.d.ts +1 -2
  173. package/lib/components/avatar/theme/Avatar.base.theme.d.ts +3 -0
  174. package/lib/components/avatar/theme/Avatar.carbon.theme.d.ts +3 -0
  175. package/lib/components/avatar/theme/Avatar.carbon.theme.js +5 -0
  176. package/lib/components/badge/Badge.vue.d.ts +10 -6
  177. package/lib/components/badge/Badge.vue.js +18 -19
  178. package/lib/components/badge/index.d.ts +1 -2
  179. package/lib/components/badge/theme/Badge.base.theme.d.ts +3 -0
  180. package/lib/components/badge/theme/Badge.base.theme.js +12 -0
  181. package/lib/components/badge/theme/Badge.carbon.theme.d.ts +3 -0
  182. package/lib/components/badge/theme/Badge.carbon.theme.js +5 -0
  183. package/lib/components/breadcrumbs/Breadcrumbs.vue.d.ts +11 -4
  184. package/lib/components/breadcrumbs/Breadcrumbs.vue.js +55 -65
  185. package/lib/components/breadcrumbs/index.d.ts +1 -2
  186. package/lib/components/breadcrumbs/theme/Breadcrumbs.base.theme.d.ts +3 -0
  187. package/lib/components/breadcrumbs/{Breadcrumbs.theme.js → theme/Breadcrumbs.base.theme.js} +2 -2
  188. package/lib/components/breadcrumbs/theme/Breadcrumbs.carbon.theme.d.ts +3 -0
  189. package/lib/components/breadcrumbs/theme/Breadcrumbs.carbon.theme.js +10 -0
  190. package/lib/components/button/Button.vue.d.ts +32 -9
  191. package/lib/components/button/Button.vue.js +2 -2
  192. package/lib/components/button/Button.vue2.js +60 -58
  193. package/lib/components/button/ButtonGroup.vue.d.ts +30 -7
  194. package/lib/components/button/ButtonGroup.vue2.js +13 -14
  195. package/lib/components/button/index.d.ts +2 -4
  196. package/lib/components/button/theme/Button.base.theme.d.ts +3 -0
  197. package/lib/components/button/theme/Button.carbon.theme.d.ts +3 -0
  198. package/lib/components/button/theme/Button.carbon.theme.js +138 -0
  199. package/lib/components/button/theme/ButtonGroup.base.theme.d.ts +3 -0
  200. package/lib/components/button/theme/ButtonGroup.carbon.theme.d.ts +3 -0
  201. package/lib/components/button/theme/ButtonGroup.carbon.theme.js +8 -0
  202. package/lib/components/card/Card.vue.d.ts +4 -0
  203. package/lib/components/card/Card.vue.js +12 -13
  204. package/lib/components/card/index.d.ts +1 -2
  205. package/lib/components/card/theme/Card.base.theme.d.ts +3 -0
  206. package/lib/components/card/{Card.theme.js → theme/Card.base.theme.js} +2 -2
  207. package/lib/components/card/theme/Card.carbon.theme.d.ts +3 -0
  208. package/lib/components/card/theme/Card.carbon.theme.js +5 -0
  209. package/lib/components/carousel/Carousel.vue.d.ts +85 -0
  210. package/lib/components/carousel/Carousel.vue.js +94 -0
  211. package/lib/components/carousel/Carousel.vue2.js +4 -0
  212. package/lib/components/carousel/CarouselSlide.vue.d.ts +33 -0
  213. package/lib/components/carousel/CarouselSlide.vue.js +9 -0
  214. package/lib/components/carousel/CarouselSlide.vue2.js +32 -0
  215. package/lib/components/carousel/CarouselSlide.vue3.js +6 -0
  216. package/lib/components/carousel/__tests__/Carousel.spec.d.ts +1 -0
  217. package/lib/components/carousel/index.d.ts +4 -0
  218. package/lib/components/carousel/theme/Carousel.base.theme.d.ts +3 -0
  219. package/lib/components/carousel/theme/Carousel.base.theme.js +16 -0
  220. package/lib/components/carousel/theme/Carousel.carbon.theme.d.ts +3 -0
  221. package/lib/components/carousel/theme/Carousel.carbon.theme.js +5 -0
  222. package/lib/components/carousel/theme/CarouselSlide.base.theme.d.ts +3 -0
  223. package/lib/components/carousel/theme/CarouselSlide.base.theme.js +8 -0
  224. package/lib/components/carousel/theme/CarouselSlide.carbon.theme.d.ts +3 -0
  225. package/lib/components/carousel/theme/CarouselSlide.carbon.theme.js +5 -0
  226. package/lib/components/checkbox/Checkbox.vue.d.ts +52 -13
  227. package/lib/components/checkbox/Checkbox.vue2.js +108 -74
  228. package/lib/components/checkbox/index.d.ts +1 -2
  229. package/lib/components/checkbox/theme/Checkbox.base.theme.d.ts +3 -0
  230. package/lib/components/checkbox/theme/Checkbox.base.theme.js +59 -0
  231. package/lib/components/checkbox/theme/Checkbox.carbon.theme.d.ts +3 -0
  232. package/lib/components/checkbox/theme/Checkbox.carbon.theme.js +59 -0
  233. package/lib/components/container/Container.vue.d.ts +17 -0
  234. package/lib/components/container/Container.vue.js +18 -15
  235. package/lib/components/container/index.d.ts +1 -2
  236. package/lib/components/container/theme/Container.base.theme.d.ts +3 -0
  237. package/lib/components/container/theme/Container.base.theme.js +11 -0
  238. package/lib/components/container/theme/Container.carbon.theme.d.ts +3 -0
  239. package/lib/components/container/theme/Container.carbon.theme.js +5 -0
  240. package/lib/components/divider/Divider.vue.d.ts +4 -0
  241. package/lib/components/divider/Divider.vue.js +12 -13
  242. package/lib/components/divider/index.d.ts +1 -2
  243. package/lib/components/divider/theme/Divider.base.theme.d.ts +3 -0
  244. package/lib/components/divider/theme/Divider.carbon.theme.d.ts +3 -0
  245. package/lib/components/divider/theme/Divider.carbon.theme.js +5 -0
  246. package/lib/components/drawer/Drawer.vue.d.ts +7 -3
  247. package/lib/components/drawer/Drawer.vue.js +34 -35
  248. package/lib/components/drawer/index.d.ts +1 -2
  249. package/lib/components/drawer/theme/Drawer.base.theme.d.ts +3 -0
  250. package/lib/components/drawer/theme/Drawer.carbon.theme.d.ts +3 -0
  251. package/lib/components/drawer/theme/Drawer.carbon.theme.js +5 -0
  252. package/lib/components/form/Form.vue.d.ts +27 -0
  253. package/lib/components/form/Form.vue.js +67 -37
  254. package/lib/components/form/index.d.ts +1 -2
  255. package/lib/components/form/theme/Form.base.theme.d.ts +3 -0
  256. package/lib/components/form/theme/Form.base.theme.js +12 -0
  257. package/lib/components/form/theme/Form.carbon.theme.d.ts +3 -0
  258. package/lib/components/form/theme/Form.carbon.theme.js +12 -0
  259. package/lib/components/formGroup/FormGroup.vue.d.ts +132 -0
  260. package/lib/components/formGroup/FormGroup.vue.js +82 -0
  261. package/lib/components/formGroup/FormGroup.vue2.js +4 -0
  262. package/lib/components/formGroup/__tests__/FormGroup.spec.d.ts +1 -0
  263. package/lib/components/formGroup/index.d.ts +2 -0
  264. package/lib/components/formGroup/theme/FormGroup.base.theme.d.ts +3 -0
  265. package/lib/components/formGroup/theme/FormGroup.base.theme.js +11 -0
  266. package/lib/components/formGroup/theme/FormGroup.carbon.theme.d.ts +3 -0
  267. package/lib/components/formGroup/theme/FormGroup.carbon.theme.js +11 -0
  268. package/lib/components/icon/Icon.vue.d.ts +15 -5
  269. package/lib/components/icon/Icon.vue.js +16 -17
  270. package/lib/components/icon/index.d.ts +1 -2
  271. package/lib/components/icon/theme/Icon.base.theme.d.ts +3 -0
  272. package/lib/components/icon/{Icon.theme.js → theme/Icon.base.theme.js} +1 -1
  273. package/lib/components/icon/theme/Icon.carbon.theme.d.ts +3 -0
  274. package/lib/components/icon/theme/Icon.carbon.theme.js +11 -0
  275. package/lib/components/image/Image.vue.d.ts +4 -0
  276. package/lib/components/image/Image.vue.js +13 -14
  277. package/lib/components/image/index.d.ts +1 -2
  278. package/lib/components/image/theme/Image.base.theme.d.ts +3 -0
  279. package/lib/components/image/theme/Image.carbon.theme.d.ts +3 -0
  280. package/lib/components/image/theme/Image.carbon.theme.js +5 -0
  281. package/lib/components/index.d.ts +8 -1
  282. package/lib/components/index.js +109 -90
  283. package/lib/components/input/Input.vue.d.ts +55 -17
  284. package/lib/components/input/Input.vue.js +101 -94
  285. package/lib/components/input/index.d.ts +1 -2
  286. package/lib/components/input/theme/Input.base.theme.d.ts +3 -0
  287. package/lib/components/input/theme/Input.base.theme.js +17 -0
  288. package/lib/components/input/theme/Input.carbon.theme.d.ts +3 -0
  289. package/lib/components/input/theme/Input.carbon.theme.js +17 -0
  290. package/lib/components/inputFooter/InputFooter.vue.d.ts +18 -0
  291. package/lib/components/inputFooter/InputFooter.vue.js +27 -0
  292. package/lib/components/inputFooter/InputFooter.vue2.js +4 -0
  293. package/lib/components/inputFooter/__tests__/InputFooter.spec.d.ts +1 -0
  294. package/lib/components/inputFooter/index.d.ts +2 -0
  295. package/lib/components/inputFooter/theme/InputFooter.base.theme.d.ts +3 -0
  296. package/lib/components/inputFooter/theme/InputFooter.base.theme.js +10 -0
  297. package/lib/components/inputFooter/theme/InputFooter.carbon.theme.d.ts +3 -0
  298. package/lib/components/inputFooter/theme/InputFooter.carbon.theme.js +10 -0
  299. package/lib/components/label/Label.vue.d.ts +68 -0
  300. package/lib/components/label/Label.vue.js +48 -0
  301. package/lib/components/label/Label.vue2.js +4 -0
  302. package/lib/components/label/__tests__/Label.spec.d.ts +1 -0
  303. package/lib/components/label/index.d.ts +2 -0
  304. package/lib/components/label/theme/Label.base.theme.d.ts +3 -0
  305. package/lib/components/label/theme/Label.base.theme.js +15 -0
  306. package/lib/components/label/theme/Label.carbon.theme.d.ts +3 -0
  307. package/lib/components/label/theme/Label.carbon.theme.js +12 -0
  308. package/lib/components/link/Link.vue.d.ts +6 -2
  309. package/lib/components/link/Link.vue.js +2 -2
  310. package/lib/components/link/Link.vue2.js +16 -17
  311. package/lib/components/link/index.d.ts +1 -2
  312. package/lib/components/link/theme/Link.base.theme.d.ts +3 -0
  313. package/lib/components/link/theme/Link.carbon.theme.d.ts +3 -0
  314. package/lib/components/link/theme/Link.carbon.theme.js +25 -0
  315. package/lib/components/loader/Loader.vue.d.ts +49 -0
  316. package/lib/components/loader/Loader.vue.js +54 -0
  317. package/lib/components/loader/Loader.vue2.js +4 -0
  318. package/lib/components/loader/__tests__/Loader.spec.d.ts +1 -0
  319. package/lib/components/loader/index.d.ts +2 -0
  320. package/lib/components/loader/theme/Loader.base.theme.d.ts +3 -0
  321. package/lib/components/loader/theme/Loader.base.theme.js +11 -0
  322. package/lib/components/loader/theme/Loader.carbon.theme.d.ts +3 -0
  323. package/lib/components/loader/theme/Loader.carbon.theme.js +11 -0
  324. package/lib/components/menu/Menu.vue.d.ts +9 -4
  325. package/lib/components/menu/Menu.vue.js +43 -41
  326. package/lib/components/menu/MenuItem.vue.d.ts +15 -8
  327. package/lib/components/menu/MenuItem.vue.js +1 -1
  328. package/lib/components/menu/MenuItem.vue2.js +36 -37
  329. package/lib/components/menu/index.d.ts +2 -4
  330. package/lib/components/menu/theme/Menu.base.theme.d.ts +3 -0
  331. package/lib/components/menu/theme/Menu.carbon.theme.d.ts +3 -0
  332. package/lib/components/menu/theme/Menu.carbon.theme.js +5 -0
  333. package/lib/components/menu/theme/MenuItem.base.theme.d.ts +3 -0
  334. package/lib/components/menu/{MenuItem.theme.js → theme/MenuItem.base.theme.js} +3 -3
  335. package/lib/components/menu/theme/MenuItem.carbon.theme.d.ts +3 -0
  336. package/lib/components/menu/theme/MenuItem.carbon.theme.js +5 -0
  337. package/lib/components/modal/Modal.vue.d.ts +100 -1
  338. package/lib/components/modal/Modal.vue.js +153 -101
  339. package/lib/components/modal/index.d.ts +1 -2
  340. package/lib/components/modal/theme/Modal.base.theme.d.ts +3 -0
  341. package/lib/components/modal/theme/Modal.base.theme.js +23 -0
  342. package/lib/components/modal/theme/Modal.carbon.theme.d.ts +3 -0
  343. package/lib/components/modal/theme/Modal.carbon.theme.js +29 -0
  344. package/lib/components/notifications/Notifications.vue.d.ts +17 -5
  345. package/lib/components/notifications/Notifications.vue.js +80 -78
  346. package/lib/components/notifications/index.d.ts +1 -2
  347. package/lib/components/notifications/theme/Notifications.base.theme.d.ts +3 -0
  348. package/lib/components/notifications/{Notifications.theme.js → theme/Notifications.base.theme.js} +1 -1
  349. package/lib/components/notifications/theme/Notifications.carbon.theme.d.ts +3 -0
  350. package/lib/components/notifications/theme/Notifications.carbon.theme.js +10 -0
  351. package/lib/components/pagination/Pagination.vue.d.ts +9 -5
  352. package/lib/components/pagination/Pagination.vue.js +34 -34
  353. package/lib/components/pagination/PaginationItem.vue.d.ts +8 -4
  354. package/lib/components/pagination/PaginationItem.vue.js +13 -14
  355. package/lib/components/pagination/index.d.ts +2 -4
  356. package/lib/components/pagination/theme/Pagination.base.theme.d.ts +3 -0
  357. package/lib/components/pagination/{Pagination.theme.js → theme/Pagination.base.theme.js} +6 -6
  358. package/lib/components/pagination/theme/Pagination.carbon.theme.d.ts +3 -0
  359. package/lib/components/pagination/theme/Pagination.carbon.theme.js +5 -0
  360. package/lib/components/pagination/theme/PaginationItem.base.theme.d.ts +3 -0
  361. package/lib/components/pagination/theme/PaginationItem.carbon.theme.d.ts +3 -0
  362. package/lib/components/pagination/theme/PaginationItem.carbon.theme.js +5 -0
  363. package/lib/components/popover/Popover.vue.d.ts +163 -54
  364. package/lib/components/popover/Popover.vue.js +127 -7
  365. package/lib/components/popover/Popover.vue2.js +2 -104
  366. package/lib/components/popover/Popover.vue3.js +3 -13
  367. package/lib/components/popover/PopoverContainer.vue.d.ts +4 -0
  368. package/lib/components/popover/PopoverContainer.vue.js +10 -11
  369. package/lib/components/popover/index.d.ts +2 -4
  370. package/lib/components/popover/theme/Popover.base.theme.d.ts +3 -0
  371. package/lib/components/popover/theme/Popover.base.theme.js +9 -0
  372. package/lib/components/popover/theme/Popover.carbon.theme.d.ts +3 -0
  373. package/lib/components/popover/theme/Popover.carbon.theme.js +5 -0
  374. package/lib/components/popover/theme/PopoverContainer.base.theme.d.ts +3 -0
  375. package/lib/components/popover/theme/PopoverContainer.carbon.theme.d.ts +3 -0
  376. package/lib/components/popover/theme/PopoverContainer.carbon.theme.js +8 -0
  377. package/lib/components/progress/Progress.vue.d.ts +6 -2
  378. package/lib/components/progress/Progress.vue.js +14 -15
  379. package/lib/components/progress/index.d.ts +1 -2
  380. package/lib/components/progress/theme/Progress.base.theme.d.ts +3 -0
  381. package/lib/components/progress/theme/Progress.carbon.theme.d.ts +3 -0
  382. package/lib/components/progress/theme/Progress.carbon.theme.js +5 -0
  383. package/lib/components/radio/Radio.vue.d.ts +48 -16
  384. package/lib/components/radio/Radio.vue2.js +82 -67
  385. package/lib/components/radio/index.d.ts +1 -2
  386. package/lib/components/radio/theme/Radio.base.theme.d.ts +3 -0
  387. package/lib/components/radio/theme/Radio.base.theme.js +70 -0
  388. package/lib/components/radio/theme/Radio.carbon.theme.d.ts +3 -0
  389. package/lib/components/radio/theme/Radio.carbon.theme.js +64 -0
  390. package/lib/components/scroll/Scroll.vue.d.ts +8 -2
  391. package/lib/components/scroll/Scroll.vue2.js +20 -21
  392. package/lib/components/scroll/index.d.ts +1 -2
  393. package/lib/components/scroll/theme/Scroll.base.theme.d.ts +3 -0
  394. package/lib/components/scroll/theme/Scroll.carbon.theme.d.ts +3 -0
  395. package/lib/components/scroll/theme/Scroll.carbon.theme.js +5 -0
  396. package/lib/components/select/Select.vue.d.ts +48 -14
  397. package/lib/components/select/Select.vue.js +287 -211
  398. package/lib/components/select/index.d.ts +1 -2
  399. package/lib/components/select/theme/Select.base.theme.d.ts +3 -0
  400. package/lib/components/select/theme/Select.base.theme.js +22 -0
  401. package/lib/components/select/theme/Select.carbon.theme.d.ts +3 -0
  402. package/lib/components/select/theme/Select.carbon.theme.js +22 -0
  403. package/lib/components/skeleton/Skeleton.vue.d.ts +23 -1
  404. package/lib/components/skeleton/Skeleton.vue.js +24 -15
  405. package/lib/components/skeleton/index.d.ts +1 -2
  406. package/lib/components/skeleton/theme/Skeleton.base.theme.d.ts +3 -0
  407. package/lib/components/skeleton/theme/Skeleton.base.theme.js +11 -0
  408. package/lib/components/skeleton/theme/Skeleton.carbon.theme.d.ts +3 -0
  409. package/lib/components/skeleton/theme/Skeleton.carbon.theme.js +5 -0
  410. package/lib/components/slider/Slider.vue.d.ts +39 -9
  411. package/lib/components/slider/Slider.vue.js +97 -97
  412. package/lib/components/slider/index.d.ts +1 -1
  413. package/lib/components/slider/theme/Slider.base.theme.d.ts +3 -0
  414. package/lib/components/slider/theme/Slider.base.theme.js +16 -0
  415. package/lib/components/slider/theme/Slider.carbon.theme.d.ts +3 -0
  416. package/lib/components/slider/theme/Slider.carbon.theme.js +16 -0
  417. package/lib/components/spinner/Spinner.vue.d.ts +4 -4
  418. package/lib/components/spinner/Spinner.vue.js +16 -17
  419. package/lib/components/stepper/Stepper.vue.d.ts +137 -0
  420. package/lib/components/stepper/Stepper.vue.js +128 -0
  421. package/lib/components/stepper/Stepper.vue2.js +4 -0
  422. package/lib/components/stepper/__tests__/Stepper.spec.d.ts +1 -0
  423. package/lib/components/stepper/index.d.ts +2 -0
  424. package/lib/components/stepper/theme/Stepper.base.theme.d.ts +3 -0
  425. package/lib/components/stepper/theme/Stepper.base.theme.js +20 -0
  426. package/lib/components/stepper/theme/Stepper.carbon.theme.d.ts +3 -0
  427. package/lib/components/stepper/theme/Stepper.carbon.theme.js +5 -0
  428. package/lib/components/tab/Tab.vue.d.ts +18 -4
  429. package/lib/components/tab/Tab.vue.js +86 -67
  430. package/lib/components/tab/TabGroup.vue.d.ts +23 -6
  431. package/lib/components/tab/TabGroup.vue.js +77 -75
  432. package/lib/components/tab/index.d.ts +2 -2
  433. package/lib/components/tab/theme/Tab.base.theme.d.ts +3 -0
  434. package/lib/components/tab/{Tab.theme.js → theme/Tab.base.theme.js} +6 -4
  435. package/lib/components/tab/theme/Tab.carbon.theme.d.ts +3 -0
  436. package/lib/components/tab/theme/Tab.carbon.theme.js +18 -0
  437. package/lib/components/tab/theme/TabGroup.base.theme.d.ts +3 -0
  438. package/lib/components/tab/{TabGroup.theme.js → theme/TabGroup.base.theme.js} +5 -1
  439. package/lib/components/tab/theme/TabGroup.carbon.theme.d.ts +3 -0
  440. package/lib/components/tab/theme/TabGroup.carbon.theme.js +31 -0
  441. package/lib/components/table/Table.vue.d.ts +323 -229
  442. package/lib/components/table/Table.vue.js +209 -99
  443. package/lib/components/table/TableCell.vue.d.ts +9 -6
  444. package/lib/components/table/TableCell.vue.js +15 -17
  445. package/lib/components/table/TableHead.vue.d.ts +16 -0
  446. package/lib/components/table/TableHead.vue.js +21 -0
  447. package/lib/components/table/TableHead.vue2.js +4 -0
  448. package/lib/components/table/TableHeader.vue.d.ts +5 -1
  449. package/lib/components/table/TableHeader.vue.js +45 -54
  450. package/lib/components/table/TableRow.vue.d.ts +16 -2
  451. package/lib/components/table/TableRow.vue.js +21 -25
  452. package/lib/components/table/index.d.ts +6 -4
  453. package/lib/components/table/theme/Table.base.theme.d.ts +3 -0
  454. package/lib/components/table/theme/Table.base.theme.js +13 -0
  455. package/lib/components/table/theme/Table.carbon.theme.d.ts +3 -0
  456. package/lib/components/table/theme/Table.carbon.theme.js +13 -0
  457. package/lib/components/table/theme/TableCell.base.theme.d.ts +3 -0
  458. package/lib/components/table/theme/TableCell.base.theme.js +11 -0
  459. package/lib/components/table/theme/TableCell.carbon.theme.d.ts +3 -0
  460. package/lib/components/table/theme/TableCell.carbon.theme.js +11 -0
  461. package/lib/components/table/theme/TableHead.base.theme.d.ts +3 -0
  462. package/lib/components/table/theme/TableHead.base.theme.js +9 -0
  463. package/lib/components/table/theme/TableHead.carbon.theme.d.ts +3 -0
  464. package/lib/components/table/theme/TableHead.carbon.theme.js +9 -0
  465. package/lib/components/table/theme/TableHeader.base.theme.d.ts +3 -0
  466. package/lib/components/table/theme/TableHeader.base.theme.js +12 -0
  467. package/lib/components/table/theme/TableHeader.carbon.theme.d.ts +3 -0
  468. package/lib/components/table/theme/TableHeader.carbon.theme.js +12 -0
  469. package/lib/components/table/theme/TableRow.base.theme.d.ts +3 -0
  470. package/lib/components/table/theme/TableRow.base.theme.js +11 -0
  471. package/lib/components/table/theme/TableRow.carbon.theme.d.ts +3 -0
  472. package/lib/components/table/theme/TableRow.carbon.theme.js +11 -0
  473. package/lib/components/tag/Tag.vue.d.ts +10 -6
  474. package/lib/components/tag/Tag.vue.js +29 -30
  475. package/lib/components/tag/index.d.ts +1 -1
  476. package/lib/components/tag/theme/Tag.base.theme.d.ts +3 -0
  477. package/lib/components/tag/theme/Tag.base.theme.js +24 -0
  478. package/lib/components/tag/theme/Tag.carbon.theme.d.ts +3 -0
  479. package/lib/components/tag/theme/Tag.carbon.theme.js +24 -0
  480. package/lib/components/textarea/Textarea.vue.d.ts +59 -28
  481. package/lib/components/textarea/Textarea.vue.js +82 -79
  482. package/lib/components/textarea/index.d.ts +1 -1
  483. package/lib/components/textarea/theme/Textarea.base.theme.d.ts +3 -0
  484. package/lib/components/textarea/theme/Textarea.base.theme.js +12 -0
  485. package/lib/components/textarea/theme/Textarea.carbon.theme.d.ts +3 -0
  486. package/lib/components/textarea/theme/Textarea.carbon.theme.js +12 -0
  487. package/lib/components/themeProvider/ThemeProvider.vue.d.ts +15 -0
  488. package/lib/components/themeProvider/ThemeProvider.vue.js +18 -0
  489. package/lib/components/themeProvider/ThemeProvider.vue2.js +4 -0
  490. package/lib/components/themeProvider/index.d.ts +1 -0
  491. package/lib/components/toggle/Toggle.vue.d.ts +39 -15
  492. package/lib/components/toggle/Toggle.vue.js +46 -48
  493. package/lib/components/toggle/index.d.ts +1 -1
  494. package/lib/components/toggle/theme/Toggle.base.theme.d.ts +3 -0
  495. package/lib/components/toggle/theme/Toggle.carbon.theme.d.ts +3 -0
  496. package/lib/components/toggle/theme/Toggle.carbon.theme.js +5 -0
  497. package/lib/components/tooltip/Tooltip.vue.js +13 -9
  498. package/lib/composables/index.d.ts +6 -6
  499. package/lib/composables/keys.d.ts +14 -6
  500. package/lib/composables/keys.js +10 -8
  501. package/lib/composables/useColors.js +52 -0
  502. package/lib/composables/useFocusTrap.d.ts +6 -0
  503. package/lib/composables/useFocusTrap.js +45 -0
  504. package/lib/composables/{inputtable.d.ts → useInputtable.d.ts} +15 -2
  505. package/lib/composables/useInputtable.js +110 -0
  506. package/lib/composables/{interactive.d.ts → useInteractive.d.ts} +9 -1
  507. package/lib/composables/useInteractive.js +22 -0
  508. package/lib/composables/useNotifications.d.ts +2 -0
  509. package/lib/composables/{theme.d.ts → useTheme.d.ts} +9 -6
  510. package/lib/composables/useTheme.js +59 -0
  511. package/lib/create.d.ts +7 -8
  512. package/lib/create.js +14 -12
  513. package/lib/index.d.ts +4 -2
  514. package/lib/index.js +138 -114
  515. package/lib/index.umd.js +166 -1
  516. package/lib/install.d.ts +1 -1
  517. package/lib/node_modules/.pnpm/@floating-ui_core@1.5.3/node_modules/@floating-ui/core/dist/floating-ui.core.js +497 -0
  518. package/lib/node_modules/.pnpm/@floating-ui_dom@1.1.1/node_modules/@floating-ui/dom/dist/floating-ui.dom.browser.min.js +217 -0
  519. package/lib/node_modules/.pnpm/@floating-ui_utils@0.2.1/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +116 -0
  520. package/lib/node_modules/.pnpm/{@vueuse_core@10.2.0_vue@3.3.4 → @vueuse_core@10.2.0_vue@3.3.9}/node_modules/@vueuse/core/index.js +2 -2
  521. package/lib/node_modules/.pnpm/floating-vue@5.2.0_vue@3.3.9/node_modules/floating-vue/dist/floating-vue.js +1346 -0
  522. package/lib/nuxt.mjs +33 -0
  523. package/lib/nuxt.plugin.js +8 -0
  524. package/lib/tailwind.preset.js +41 -0
  525. package/lib/theme.d.ts +62 -0
  526. package/lib/theme.js +14 -0
  527. package/lib/themes/base/components.d.ts +49 -0
  528. package/lib/themes/base/components.js +100 -0
  529. package/lib/themes/base/index.d.ts +3 -0
  530. package/lib/themes/base/index.js +14 -0
  531. package/lib/themes/base/styles.css.js +87 -0
  532. package/lib/themes/carbon/components.d.ts +49 -0
  533. package/lib/themes/carbon/components.js +100 -0
  534. package/lib/themes/carbon/index.d.ts +3 -0
  535. package/lib/themes/carbon/index.js +14 -0
  536. package/lib/themes/carbon/styles.css.js +86 -0
  537. package/lib/themes/index.d.ts +2 -0
  538. package/lib/version.d.ts +1 -1
  539. package/lib/version.js +1 -1
  540. package/package.json +9 -10
  541. package/src/{composables/colors-utils.ts → common/colors.ts} +1 -1
  542. package/src/common/icons.ts +4 -1
  543. package/src/common/utils.ts +7 -5
  544. package/src/components/accordion/Accordion.vue +55 -0
  545. package/src/components/{collapse/Collapse.vue → accordion/AccordionItem.vue} +54 -34
  546. package/src/components/accordion/__tests__/Accordion.spec.ts +11 -0
  547. package/src/components/accordion/index.ts +4 -0
  548. package/src/components/accordion/theme/Accordion.base.theme.ts +9 -0
  549. package/src/components/accordion/theme/Accordion.carbon.theme.ts +7 -0
  550. package/src/components/accordion/theme/AccordionItem.base.theme.ts +38 -0
  551. package/src/components/accordion/theme/AccordionItem.carbon.theme.ts +7 -0
  552. package/src/components/alert/Alert.vue +6 -6
  553. package/src/components/alert/__tests__/Alert.spec.ts +0 -3
  554. package/src/components/alert/index.ts +1 -2
  555. package/src/components/alert/{Alert.theme.ts → theme/Alert.base.theme.ts} +2 -10
  556. package/src/components/alert/theme/Alert.carbon.theme.ts +59 -0
  557. package/src/components/avatar/Avatar.vue +9 -7
  558. package/src/components/avatar/index.ts +1 -2
  559. package/src/components/avatar/{Avatar.theme.ts → theme/Avatar.base.theme.ts} +2 -12
  560. package/src/components/avatar/theme/Avatar.carbon.theme.ts +7 -0
  561. package/src/components/badge/Badge.vue +7 -6
  562. package/src/components/badge/index.ts +1 -2
  563. package/src/components/badge/theme/Badge.base.theme.ts +15 -0
  564. package/src/components/badge/theme/Badge.carbon.theme.ts +7 -0
  565. package/src/components/breadcrumbs/Breadcrumbs.vue +19 -17
  566. package/src/components/breadcrumbs/index.ts +1 -2
  567. package/src/components/breadcrumbs/theme/Breadcrumbs.base.theme.ts +11 -0
  568. package/src/components/breadcrumbs/theme/Breadcrumbs.carbon.theme.ts +12 -0
  569. package/src/components/button/Button.vue +28 -19
  570. package/src/components/button/ButtonGroup.vue +9 -7
  571. package/src/components/button/index.ts +2 -4
  572. package/src/components/button/{Button.theme.ts → theme/Button.base.theme.ts} +2 -11
  573. package/src/components/button/theme/Button.carbon.theme.ts +237 -0
  574. package/src/components/button/theme/ButtonGroup.base.theme.ts +9 -0
  575. package/src/components/button/theme/ButtonGroup.carbon.theme.ts +9 -0
  576. package/src/components/card/Card.vue +5 -4
  577. package/src/components/card/index.ts +1 -2
  578. package/src/components/card/theme/Card.base.theme.ts +9 -0
  579. package/src/components/card/theme/Card.carbon.theme.ts +7 -0
  580. package/src/components/carousel/Carousel.vue +138 -0
  581. package/src/components/carousel/CarouselSlide.vue +50 -0
  582. package/src/components/carousel/__tests__/Carousel.spec.ts +11 -0
  583. package/src/components/carousel/index.ts +4 -0
  584. package/src/components/carousel/theme/Carousel.base.theme.ts +25 -0
  585. package/src/components/carousel/theme/Carousel.carbon.theme.ts +7 -0
  586. package/src/components/carousel/theme/CarouselSlide.base.theme.ts +9 -0
  587. package/src/components/carousel/theme/CarouselSlide.carbon.theme.ts +7 -0
  588. package/src/components/checkbox/Checkbox.vue +78 -27
  589. package/src/components/checkbox/index.ts +1 -2
  590. package/src/components/checkbox/{Checkbox.theme.ts → theme/Checkbox.base.theme.ts} +16 -12
  591. package/src/components/checkbox/theme/Checkbox.carbon.theme.ts +108 -0
  592. package/src/components/container/Container.vue +9 -4
  593. package/src/components/container/index.ts +1 -2
  594. package/src/components/container/theme/Container.base.theme.ts +15 -0
  595. package/src/components/container/theme/Container.carbon.theme.ts +7 -0
  596. package/src/components/divider/Divider.vue +5 -4
  597. package/src/components/divider/index.ts +1 -2
  598. package/src/components/divider/theme/Divider.base.theme.ts +13 -0
  599. package/src/components/divider/theme/Divider.carbon.theme.ts +7 -0
  600. package/src/components/drawer/Drawer.vue +5 -4
  601. package/src/components/drawer/index.ts +1 -2
  602. package/src/components/drawer/theme/Drawer.base.theme.ts +11 -0
  603. package/src/components/drawer/theme/Drawer.carbon.theme.ts +7 -0
  604. package/src/components/form/Form.vue +30 -8
  605. package/src/components/form/index.ts +1 -2
  606. package/src/components/form/theme/Form.base.theme.ts +17 -0
  607. package/src/components/form/theme/Form.carbon.theme.ts +17 -0
  608. package/src/components/formGroup/FormGroup.vue +116 -0
  609. package/src/components/formGroup/__tests__/FormGroup.spec.ts +11 -0
  610. package/src/components/formGroup/index.ts +2 -0
  611. package/src/components/formGroup/theme/FormGroup.base.theme.ts +16 -0
  612. package/src/components/formGroup/theme/FormGroup.carbon.theme.ts +16 -0
  613. package/src/components/icon/Icon.vue +11 -8
  614. package/src/components/icon/index.ts +1 -2
  615. package/src/components/icon/theme/Icon.base.theme.ts +18 -0
  616. package/src/components/icon/theme/Icon.carbon.theme.ts +17 -0
  617. package/src/components/image/Image.vue +5 -4
  618. package/src/components/image/index.ts +1 -2
  619. package/src/components/image/theme/Image.base.theme.ts +9 -0
  620. package/src/components/image/theme/Image.carbon.theme.ts +7 -0
  621. package/src/components/index.ts +8 -1
  622. package/src/components/input/Input.vue +48 -45
  623. package/src/components/input/index.ts +1 -2
  624. package/src/components/input/{Input.theme.ts → theme/Input.base.theme.ts} +3 -23
  625. package/src/components/input/theme/Input.carbon.theme.ts +37 -0
  626. package/src/components/inputFooter/InputFooter.vue +29 -0
  627. package/src/components/inputFooter/__tests__/InputFooter.spec.ts +11 -0
  628. package/src/components/inputFooter/index.ts +2 -0
  629. package/src/components/inputFooter/theme/InputFooter.base.theme.ts +11 -0
  630. package/src/components/inputFooter/theme/InputFooter.carbon.theme.ts +11 -0
  631. package/src/components/label/Label.vue +54 -0
  632. package/src/components/{collapse/__tests__/Collapse.spec.ts → label/__tests__/Label.spec.ts} +3 -3
  633. package/src/components/label/index.ts +2 -0
  634. package/src/components/label/theme/Label.base.theme.ts +27 -0
  635. package/src/components/label/theme/Label.carbon.theme.ts +18 -0
  636. package/src/components/link/Link.vue +7 -6
  637. package/src/components/link/index.ts +1 -2
  638. package/src/components/link/{Link.theme.ts → theme/Link.base.theme.ts} +2 -10
  639. package/src/components/link/theme/Link.carbon.theme.ts +28 -0
  640. package/src/components/loader/Loader.vue +59 -0
  641. package/src/components/loader/__tests__/Loader.spec.ts +11 -0
  642. package/src/components/loader/index.ts +2 -0
  643. package/src/components/loader/theme/Loader.base.theme.ts +12 -0
  644. package/src/components/loader/theme/Loader.carbon.theme.ts +12 -0
  645. package/src/components/menu/Menu.vue +15 -11
  646. package/src/components/menu/MenuItem.vue +10 -7
  647. package/src/components/menu/index.ts +2 -4
  648. package/src/components/menu/theme/Menu.base.theme.ts +9 -0
  649. package/src/components/menu/theme/Menu.carbon.theme.ts +7 -0
  650. package/src/components/menu/{MenuItem.theme.ts → theme/MenuItem.base.theme.ts} +5 -15
  651. package/src/components/menu/theme/MenuItem.carbon.theme.ts +7 -0
  652. package/src/components/modal/Modal.vue +112 -51
  653. package/src/components/modal/index.ts +1 -2
  654. package/src/components/modal/theme/Modal.base.theme.ts +47 -0
  655. package/src/components/modal/theme/Modal.carbon.theme.ts +60 -0
  656. package/src/components/notifications/Notifications.vue +22 -12
  657. package/src/components/notifications/index.ts +1 -1
  658. package/src/components/notifications/theme/Notifications.base.theme.ts +13 -0
  659. package/src/components/notifications/theme/Notifications.carbon.theme.ts +17 -0
  660. package/src/components/pagination/Pagination.vue +13 -6
  661. package/src/components/pagination/PaginationItem.vue +7 -5
  662. package/src/components/pagination/index.ts +2 -4
  663. package/src/components/pagination/{Pagination.theme.ts → theme/Pagination.base.theme.ts} +3 -11
  664. package/src/components/pagination/theme/Pagination.carbon.theme.ts +7 -0
  665. package/src/components/pagination/{PaginationItem.theme.ts → theme/PaginationItem.base.theme.ts} +2 -10
  666. package/src/components/pagination/theme/PaginationItem.carbon.theme.ts +7 -0
  667. package/src/components/popover/Popover.vue +149 -200
  668. package/src/components/popover/PopoverContainer.vue +5 -4
  669. package/src/components/popover/index.ts +2 -4
  670. package/src/components/popover/theme/Popover.base.theme.ts +11 -0
  671. package/src/components/popover/theme/Popover.carbon.theme.ts +7 -0
  672. package/src/components/popover/theme/PopoverContainer.base.theme.ts +9 -0
  673. package/src/components/popover/theme/PopoverContainer.carbon.theme.ts +9 -0
  674. package/src/components/progress/Progress.vue +6 -5
  675. package/src/components/progress/index.ts +1 -2
  676. package/src/components/progress/{Progress.theme.ts → theme/Progress.base.theme.ts} +2 -10
  677. package/src/components/progress/theme/Progress.carbon.theme.ts +7 -0
  678. package/src/components/radio/Radio.vue +48 -22
  679. package/src/components/radio/index.ts +1 -2
  680. package/src/components/radio/{Radio.theme.ts → theme/Radio.base.theme.ts} +9 -13
  681. package/src/components/radio/theme/Radio.carbon.theme.ts +110 -0
  682. package/src/components/scroll/Scroll.vue +9 -6
  683. package/src/components/scroll/index.ts +1 -2
  684. package/src/components/scroll/theme/Scroll.base.theme.ts +9 -0
  685. package/src/components/scroll/theme/Scroll.carbon.theme.ts +7 -0
  686. package/src/components/select/Select.vue +191 -102
  687. package/src/components/select/index.ts +1 -2
  688. package/src/components/select/theme/Select.base.theme.ts +56 -0
  689. package/src/components/select/theme/Select.carbon.theme.ts +54 -0
  690. package/src/components/skeleton/Skeleton.vue +23 -6
  691. package/src/components/skeleton/index.ts +1 -2
  692. package/src/components/skeleton/theme/Skeleton.base.theme.ts +16 -0
  693. package/src/components/skeleton/theme/Skeleton.carbon.theme.ts +7 -0
  694. package/src/components/slider/Slider.vue +21 -22
  695. package/src/components/slider/index.ts +1 -1
  696. package/src/components/slider/theme/Slider.base.theme.ts +21 -0
  697. package/src/components/slider/theme/Slider.carbon.theme.ts +21 -0
  698. package/src/components/spinner/Spinner.vue +3 -3
  699. package/src/components/stepper/Stepper.vue +153 -0
  700. package/src/components/stepper/__tests__/Stepper.spec.ts +11 -0
  701. package/src/components/stepper/index.ts +6 -0
  702. package/src/components/stepper/theme/Stepper.base.theme.ts +45 -0
  703. package/src/components/stepper/theme/Stepper.carbon.theme.ts +7 -0
  704. package/src/components/tab/Tab.vue +37 -15
  705. package/src/components/tab/TabGroup.vue +18 -14
  706. package/src/components/tab/index.ts +8 -2
  707. package/src/components/tab/theme/Tab.base.theme.ts +28 -0
  708. package/src/components/tab/theme/Tab.carbon.theme.ts +34 -0
  709. package/src/components/tab/{TabGroup.theme.ts → theme/TabGroup.base.theme.ts} +14 -12
  710. package/src/components/tab/theme/TabGroup.carbon.theme.ts +55 -0
  711. package/src/components/table/Table.vue +126 -29
  712. package/src/components/table/TableCell.vue +10 -10
  713. package/src/components/table/TableHead.vue +25 -0
  714. package/src/components/table/TableHeader.vue +35 -56
  715. package/src/components/table/TableRow.vue +19 -17
  716. package/src/components/table/index.ts +6 -4
  717. package/src/components/table/theme/Table.base.theme.ts +23 -0
  718. package/src/components/table/theme/Table.carbon.theme.ts +23 -0
  719. package/src/components/table/{TableCell.theme.ts → theme/TableCell.base.theme.ts} +3 -11
  720. package/src/components/table/theme/TableCell.carbon.theme.ts +29 -0
  721. package/src/components/table/theme/TableHead.base.theme.ts +10 -0
  722. package/src/components/table/theme/TableHead.carbon.theme.ts +10 -0
  723. package/src/components/table/theme/TableHeader.base.theme.ts +28 -0
  724. package/src/components/table/theme/TableHeader.carbon.theme.ts +28 -0
  725. package/src/components/table/theme/TableRow.base.theme.ts +21 -0
  726. package/src/components/table/theme/TableRow.carbon.theme.ts +21 -0
  727. package/src/components/tag/Tag.vue +10 -9
  728. package/src/components/tag/index.ts +1 -1
  729. package/src/components/tag/theme/Tag.base.theme.ts +34 -0
  730. package/src/components/tag/theme/Tag.carbon.theme.ts +33 -0
  731. package/src/components/textarea/Textarea.vue +30 -29
  732. package/src/components/textarea/index.ts +1 -1
  733. package/src/components/textarea/theme/Textarea.base.theme.ts +27 -0
  734. package/src/components/textarea/theme/Textarea.carbon.theme.ts +29 -0
  735. package/src/components/themeProvider/ThemeProvider.vue +28 -0
  736. package/src/components/themeProvider/index.ts +1 -0
  737. package/src/components/toggle/Toggle.vue +13 -14
  738. package/src/components/toggle/index.ts +1 -1
  739. package/src/components/toggle/{Toggle.theme.ts → theme/Toggle.base.theme.ts} +2 -10
  740. package/src/components/toggle/theme/Toggle.carbon.theme.ts +7 -0
  741. package/src/components/tooltip/Tooltip.vue +1 -1
  742. package/src/composables/index.ts +6 -6
  743. package/src/composables/keys.ts +14 -6
  744. package/src/composables/{colors.ts → useColors.ts} +5 -5
  745. package/src/composables/useFocusTrap.ts +106 -0
  746. package/src/composables/{inputtable.ts → useInputtable.ts} +52 -8
  747. package/src/composables/{interactive.ts → useInteractive.ts} +9 -1
  748. package/src/composables/{notifications.ts → useNotifications.ts} +2 -1
  749. package/src/composables/{theme.ts → useTheme.ts} +17 -11
  750. package/src/create.ts +13 -12
  751. package/src/index.ts +4 -2
  752. package/src/theme.ts +131 -0
  753. package/src/themes/base/components.ts +49 -0
  754. package/src/themes/base/index.ts +15 -0
  755. package/src/themes/base/styles.css +83 -0
  756. package/src/themes/carbon/components.ts +49 -0
  757. package/src/themes/carbon/index.ts +15 -0
  758. package/src/themes/carbon/styles.css +82 -0
  759. package/src/themes/index.ts +2 -0
  760. package/src/version.ts +1 -1
  761. package/volar.d.ts +10 -1
  762. package/lib/components/alert/Alert.theme.d.ts +0 -10
  763. package/lib/components/avatar/Avatar.theme.d.ts +0 -14
  764. package/lib/components/badge/Badge.theme.d.ts +0 -10
  765. package/lib/components/badge/Badge.theme.js +0 -12
  766. package/lib/components/breadcrumbs/Breadcrumbs.theme.d.ts +0 -10
  767. package/lib/components/button/Button.theme.d.ts +0 -13
  768. package/lib/components/button/ButtonGroup.theme.d.ts +0 -13
  769. package/lib/components/card/Card.theme.d.ts +0 -10
  770. package/lib/components/checkbox/Checkbox.theme.d.ts +0 -14
  771. package/lib/components/checkbox/Checkbox.theme.js +0 -52
  772. package/lib/components/collapse/Collapse.theme.d.ts +0 -10
  773. package/lib/components/collapse/Collapse.theme.js +0 -10
  774. package/lib/components/collapse/Collapse.vue.js +0 -132
  775. package/lib/components/collapse/Collapse.vue2.js +0 -4
  776. package/lib/components/collapse/index.d.ts +0 -3
  777. package/lib/components/container/Container.theme.d.ts +0 -10
  778. package/lib/components/container/Container.theme.js +0 -8
  779. package/lib/components/divider/Divider.theme.d.ts +0 -10
  780. package/lib/components/drawer/Drawer.theme.d.ts +0 -10
  781. package/lib/components/form/Form.theme.d.ts +0 -10
  782. package/lib/components/helpers/InputError.d.ts +0 -8
  783. package/lib/components/helpers/InputError.js +0 -18
  784. package/lib/components/icon/Icon.theme.d.ts +0 -10
  785. package/lib/components/image/Image.theme.d.ts +0 -10
  786. package/lib/components/input/Input.theme.d.ts +0 -13
  787. package/lib/components/input/Input.theme.js +0 -21
  788. package/lib/components/link/Link.theme.d.ts +0 -10
  789. package/lib/components/menu/Menu.theme.d.ts +0 -10
  790. package/lib/components/menu/MenuItem.theme.d.ts +0 -14
  791. package/lib/components/modal/Modal.theme.d.ts +0 -10
  792. package/lib/components/modal/Modal.theme.js +0 -17
  793. package/lib/components/notifications/Notifications.theme.d.ts +0 -10
  794. package/lib/components/pagination/Pagination.theme.d.ts +0 -10
  795. package/lib/components/pagination/PaginationItem.theme.d.ts +0 -10
  796. package/lib/components/popover/Popover.theme.d.ts +0 -10
  797. package/lib/components/popover/Popover.theme.js +0 -9
  798. package/lib/components/popover/PopoverContainer.theme.d.ts +0 -10
  799. package/lib/components/progress/Progress.theme.d.ts +0 -10
  800. package/lib/components/radio/Radio.theme.d.ts +0 -14
  801. package/lib/components/radio/Radio.theme.js +0 -67
  802. package/lib/components/scroll/Scroll.theme.d.ts +0 -10
  803. package/lib/components/select/Select.theme.d.ts +0 -14
  804. package/lib/components/select/Select.theme.js +0 -23
  805. package/lib/components/skeleton/Skeleton.theme.d.ts +0 -10
  806. package/lib/components/skeleton/Skeleton.theme.js +0 -8
  807. package/lib/components/slider/Slider.theme.d.ts +0 -10
  808. package/lib/components/slider/Slider.theme.js +0 -20
  809. package/lib/components/tab/Tab.theme.d.ts +0 -12
  810. package/lib/components/tab/TabGroup.theme.d.ts +0 -10
  811. package/lib/components/table/Table.theme.d.ts +0 -10
  812. package/lib/components/table/Table.theme.js +0 -12
  813. package/lib/components/table/TableCell.theme.d.ts +0 -10
  814. package/lib/components/table/TableCell.theme.js +0 -11
  815. package/lib/components/table/TableHead.d.ts +0 -2
  816. package/lib/components/table/TableHead.js +0 -19
  817. package/lib/components/tag/Tag.theme.d.ts +0 -10
  818. package/lib/components/tag/Tag.theme.js +0 -23
  819. package/lib/components/textarea/Textarea.theme.d.ts +0 -14
  820. package/lib/components/textarea/Textarea.theme.js +0 -16
  821. package/lib/components/toggle/Toggle.theme.d.ts +0 -10
  822. package/lib/composables/colors.js +0 -52
  823. package/lib/composables/inputtable.js +0 -78
  824. package/lib/composables/interactive.js +0 -17
  825. package/lib/composables/notifications.d.ts +0 -1
  826. package/lib/composables/theme.js +0 -59
  827. package/src/components/badge/Badge.theme.ts +0 -23
  828. package/src/components/breadcrumbs/Breadcrumbs.theme.ts +0 -19
  829. package/src/components/button/ButtonGroup.theme.ts +0 -18
  830. package/src/components/card/Card.theme.ts +0 -17
  831. package/src/components/collapse/Collapse.theme.ts +0 -21
  832. package/src/components/collapse/index.ts +0 -3
  833. package/src/components/container/Container.theme.ts +0 -17
  834. package/src/components/divider/Divider.theme.ts +0 -21
  835. package/src/components/drawer/Drawer.theme.ts +0 -19
  836. package/src/components/form/Form.theme.ts +0 -17
  837. package/src/components/helpers/InputError.tsx +0 -14
  838. package/src/components/icon/Icon.theme.ts +0 -26
  839. package/src/components/image/Image.theme.ts +0 -17
  840. package/src/components/menu/Menu.theme.ts +0 -17
  841. package/src/components/modal/Modal.theme.ts +0 -39
  842. package/src/components/notifications/Notifications.theme.ts +0 -21
  843. package/src/components/popover/Popover.theme.ts +0 -19
  844. package/src/components/popover/PopoverContainer.theme.ts +0 -17
  845. package/src/components/scroll/Scroll.theme.ts +0 -17
  846. package/src/components/select/Select.theme.ts +0 -68
  847. package/src/components/skeleton/Skeleton.theme.ts +0 -17
  848. package/src/components/slider/Slider.theme.ts +0 -40
  849. package/src/components/tab/Tab.theme.ts +0 -34
  850. package/src/components/table/Table.theme.ts +0 -29
  851. package/src/components/table/TableHead.tsx +0 -14
  852. package/src/components/tag/Tag.theme.ts +0 -42
  853. package/src/components/textarea/Textarea.theme.ts +0 -50
  854. /package/lib/{composables/colors-utils.js → common/colors.js} +0 -0
  855. /package/lib/components/{collapse/__tests__/Collapse.spec.d.ts → accordion/__tests__/Accordion.spec.d.ts} +0 -0
  856. /package/lib/components/alert/{Alert.theme.js → theme/Alert.base.theme.js} +0 -0
  857. /package/lib/components/avatar/{Avatar.theme.js → theme/Avatar.base.theme.js} +0 -0
  858. /package/lib/components/button/{Button.theme.js → theme/Button.base.theme.js} +0 -0
  859. /package/lib/components/button/{ButtonGroup.theme.js → theme/ButtonGroup.base.theme.js} +0 -0
  860. /package/lib/components/divider/{Divider.theme.js → theme/Divider.base.theme.js} +0 -0
  861. /package/lib/components/drawer/{Drawer.theme.js → theme/Drawer.base.theme.js} +0 -0
  862. /package/lib/components/{form/Form.theme.js → image/theme/Image.base.theme.js} +0 -0
  863. /package/lib/components/link/{Link.theme.js → theme/Link.base.theme.js} +0 -0
  864. /package/lib/components/{image/Image.theme.js → menu/theme/Menu.base.theme.js} +0 -0
  865. /package/lib/components/pagination/{PaginationItem.theme.js → theme/PaginationItem.base.theme.js} +0 -0
  866. /package/lib/components/popover/{PopoverContainer.theme.js → theme/PopoverContainer.base.theme.js} +0 -0
  867. /package/lib/components/progress/{Progress.theme.js → theme/Progress.base.theme.js} +0 -0
  868. /package/lib/components/{menu/Menu.theme.js → scroll/theme/Scroll.base.theme.js} +0 -0
  869. /package/lib/components/toggle/{Toggle.theme.js → theme/Toggle.base.theme.js} +0 -0
  870. /package/lib/composables/{css.d.ts → useCSS.d.ts} +0 -0
  871. /package/lib/composables/{css.js → useCSS.js} +0 -0
  872. /package/lib/composables/{colors.d.ts → useColors.d.ts} +0 -0
  873. /package/lib/composables/{common.d.ts → useCommon.d.ts} +0 -0
  874. /package/lib/composables/{common.js → useCommon.js} +0 -0
  875. /package/lib/composables/{notifications.js → useNotifications.js} +0 -0
  876. /package/lib/node_modules/.pnpm/{@vueuse_shared@10.2.0_vue@3.3.4 → @vueuse_shared@10.2.0_vue@3.3.9}/node_modules/@vueuse/shared/index.js +0 -0
  877. /package/src/composables/{css.ts → useCSS.ts} +0 -0
  878. /package/src/composables/{common.ts → useCommon.ts} +0 -0
package/lib/nuxt.mjs ADDED
@@ -0,0 +1,33 @@
1
+ import { defineNuxtModule, addPlugin, createResolver } from '@nuxt/kit'
2
+ import { fileURLToPath } from 'node:url'
3
+
4
+ export default defineNuxtModule({
5
+ meta: {
6
+ name: '@indielayer/ui',
7
+ configKey: 'indielayer',
8
+ compatibility: {
9
+ nuxt: '^3.0.0',
10
+ },
11
+ },
12
+ defaults: {
13
+ prefix: 'X',
14
+ },
15
+ async setup(options, nuxt) {
16
+ // Create resolver to resolve relative paths
17
+ const { resolve } = createResolver(import.meta.url)
18
+
19
+ nuxt.options.runtimeConfig.public.indielayerOptions = options
20
+
21
+ // plugin install
22
+ addPlugin(resolve('./nuxt.plugin.js'))
23
+
24
+ // nuxt install
25
+ nuxt.hook('components:dirs', (dirs) => {
26
+ dirs.push({
27
+ path: fileURLToPath(new URL('../src/components', import.meta.url)),
28
+ extensions: ['vue', 'tsx'],
29
+ prefix: options?.prefix ? options?.prefix : 'X',
30
+ })
31
+ })
32
+ },
33
+ })
@@ -0,0 +1,8 @@
1
+ import { defineNuxtPlugin } from '#app'
2
+ import create from '../src/create'
3
+
4
+ export default defineNuxtPlugin((nuxtApp) => {
5
+ const UI = create(nuxtApp.$config.public?.indielayerOptions)
6
+
7
+ nuxtApp.vueApp.use(UI)
8
+ })
@@ -0,0 +1,41 @@
1
+ function getColorVar(color, level) {
2
+ if (level) return `rgb(var(--${color}-color-${level}))`
3
+
4
+ return `rgb(var(--${color}-color))`
5
+ }
6
+
7
+ function getColorVarPallete(color) {
8
+ return {
9
+ 50: getColorVar(color, 50),
10
+ 100: getColorVar(color, 100),
11
+ 200: getColorVar(color, 200),
12
+ 300: getColorVar(color, 300),
13
+ 400: getColorVar(color, 400),
14
+ 500: getColorVar(color, 500),
15
+ 600: getColorVar(color, 600),
16
+ 700: getColorVar(color, 700),
17
+ 800: getColorVar(color, 800),
18
+ 900: getColorVar(color, 900),
19
+ 950: getColorVar(color, 950),
20
+ }
21
+ }
22
+
23
+ module.exports = () => ({
24
+ theme: {
25
+ extend: {
26
+ colors: {
27
+ primary: getColorVarPallete('primary'),
28
+ secondary: getColorVarPallete('secondary'),
29
+ success: getColorVarPallete('success'),
30
+ warning: getColorVarPallete('warning'),
31
+ danger: getColorVarPallete('error'),
32
+ error: getColorVarPallete('error'),
33
+ },
34
+ borderColor: getColorVar('border'),
35
+ fontFamily: {
36
+ sans: 'var(--font-family-sans)',
37
+ mono: 'var(--font-family-mono)',
38
+ },
39
+ },
40
+ },
41
+ })
package/lib/theme.d.ts ADDED
@@ -0,0 +1,62 @@
1
+ import type { ColorLibrary } from './composables/useColors';
2
+ import type { AccordionTheme, AccordionItemTheme, AlertTheme, AvatarTheme, BadgeTheme, BreadcrumbsTheme, ButtonTheme, ButtonGroupTheme, CardTheme, CarouselTheme, CarouselSlideTheme, CheckboxTheme, ContainerTheme, DividerTheme, DrawerTheme, FormTheme, FormGroupTheme, IconTheme, ImageTheme, InputTheme, InputFooterTheme, LabelTheme, LinkTheme, LoaderTheme, MenuTheme, MenuItemTheme, ModalTheme, NotificationsTheme, PaginationTheme, PaginationItemTheme, PopoverTheme, PopoverContainerTheme, ProgressTheme, RadioTheme, ScrollTheme, SelectTheme, SkeletonTheme, SliderTheme, StepperTheme, TabTheme, TabGroupTheme, TableTheme, TableCellTheme, TableHeadTheme, TableHeaderTheme, TableRowTheme, TagTheme, TextareaTheme, ToggleTheme } from './components';
3
+ export type ComponentThemes = {
4
+ Accordion: AccordionTheme;
5
+ AccordionItem: AccordionItemTheme;
6
+ Alert: AlertTheme;
7
+ Avatar: AvatarTheme;
8
+ Badge: BadgeTheme;
9
+ Breadcrumbs: BreadcrumbsTheme;
10
+ Button: ButtonTheme;
11
+ ButtonGroup: ButtonGroupTheme;
12
+ Card: CardTheme;
13
+ Carousel: CarouselTheme;
14
+ CarouselSlide: CarouselSlideTheme;
15
+ Checkbox: CheckboxTheme;
16
+ Container: ContainerTheme;
17
+ Divider: DividerTheme;
18
+ Drawer: DrawerTheme;
19
+ Form: FormTheme;
20
+ FormGroup: FormGroupTheme;
21
+ Icon: IconTheme;
22
+ Image: ImageTheme;
23
+ Input: InputTheme;
24
+ InputFooter: InputFooterTheme;
25
+ Label: LabelTheme;
26
+ Link: LinkTheme;
27
+ Loader: LoaderTheme;
28
+ Menu: MenuTheme;
29
+ MenuItem: MenuItemTheme;
30
+ Modal: ModalTheme;
31
+ Notifications: NotificationsTheme;
32
+ Pagination: PaginationTheme;
33
+ PaginationItem: PaginationItemTheme;
34
+ Popover: PopoverTheme;
35
+ PopoverContainer: PopoverContainerTheme;
36
+ Progress: ProgressTheme;
37
+ Radio: RadioTheme;
38
+ Scroll: ScrollTheme;
39
+ Select: SelectTheme;
40
+ Skeleton: SkeletonTheme;
41
+ Slider: SliderTheme;
42
+ Stepper: StepperTheme;
43
+ Tab: TabTheme;
44
+ TabGroup: TabGroupTheme;
45
+ Table: TableTheme;
46
+ TableCell: TableCellTheme;
47
+ TableHead: TableHeadTheme;
48
+ TableHeader: TableHeaderTheme;
49
+ TableRow: TableRowTheme;
50
+ Tag: TagTheme;
51
+ Textarea: TextareaTheme;
52
+ Toggle: ToggleTheme;
53
+ };
54
+ export type UITheme = {
55
+ name?: string;
56
+ classPrefix?: string;
57
+ components?: ComponentThemes;
58
+ colors?: ColorLibrary;
59
+ styles?: string;
60
+ rtl?: boolean;
61
+ };
62
+ export declare function injectThemeStyles(name: string, styles: string): void;
package/lib/theme.js ADDED
@@ -0,0 +1,14 @@
1
+ function o(n, d) {
2
+ if (typeof window < "u") {
3
+ const e = document.querySelector("style[data-theme-style]");
4
+ if (e)
5
+ e.setAttribute("data-theme-style", n), e.textContent = d;
6
+ else {
7
+ const t = document.createElement("style");
8
+ t.setAttribute("data-theme-style", n), t.textContent = d, document.head.appendChild(t);
9
+ }
10
+ }
11
+ }
12
+ export {
13
+ o as injectThemeStyles
14
+ };
@@ -0,0 +1,49 @@
1
+ export { default as Accordion } from '../../components/accordion/theme/Accordion.base.theme';
2
+ export { default as AccordionItem } from '../../components/accordion/theme/AccordionItem.base.theme';
3
+ export { default as Alert } from '../../components/alert/theme/Alert.base.theme';
4
+ export { default as Avatar } from '../../components/avatar/theme/Avatar.base.theme';
5
+ export { default as Badge } from '../../components/badge/theme/Badge.base.theme';
6
+ export { default as Breadcrumbs } from '../../components/breadcrumbs/theme/Breadcrumbs.base.theme';
7
+ export { default as Button } from '../../components/button/theme/Button.base.theme';
8
+ export { default as ButtonGroup } from '../../components/button/theme/ButtonGroup.base.theme';
9
+ export { default as Card } from '../../components/card/theme/Card.base.theme';
10
+ export { default as Carousel } from '../../components/carousel/theme/Carousel.base.theme';
11
+ export { default as CarouselSlide } from '../../components/carousel/theme/CarouselSlide.base.theme';
12
+ export { default as Checkbox } from '../../components/checkbox/theme/Checkbox.base.theme';
13
+ export { default as Container } from '../../components/container/theme/Container.base.theme';
14
+ export { default as Divider } from '../../components/divider/theme/Divider.base.theme';
15
+ export { default as Drawer } from '../../components/drawer/theme/Drawer.base.theme';
16
+ export { default as Form } from '../../components/form/theme/Form.base.theme';
17
+ export { default as FormGroup } from '../../components/formGroup/theme/FormGroup.base.theme';
18
+ export { default as Icon } from '../../components/icon/theme/Icon.base.theme';
19
+ export { default as Image } from '../../components/image/theme/Image.base.theme';
20
+ export { default as Input } from '../../components/input/theme/Input.base.theme';
21
+ export { default as InputFooter } from '../../components/inputFooter/theme/InputFooter.base.theme';
22
+ export { default as Label } from '../../components/label/theme/Label.base.theme';
23
+ export { default as Link } from '../../components/link/theme/Link.base.theme';
24
+ export { default as Loader } from '../../components/loader/theme/Loader.base.theme';
25
+ export { default as Menu } from '../../components/menu/theme/Menu.base.theme';
26
+ export { default as MenuItem } from '../../components/menu/theme/MenuItem.base.theme';
27
+ export { default as Modal } from '../../components/modal/theme/Modal.base.theme';
28
+ export { default as Notifications } from '../../components/notifications/theme/Notifications.base.theme';
29
+ export { default as Pagination } from '../../components/pagination/theme/Pagination.base.theme';
30
+ export { default as PaginationItem } from '../../components/pagination/theme/PaginationItem.base.theme';
31
+ export { default as Popover } from '../../components/popover/theme/Popover.base.theme';
32
+ export { default as PopoverContainer } from '../../components/popover/theme/PopoverContainer.base.theme';
33
+ export { default as Progress } from '../../components/progress/theme/Progress.base.theme';
34
+ export { default as Radio } from '../../components/radio/theme/Radio.base.theme';
35
+ export { default as Scroll } from '../../components/scroll/theme/Scroll.base.theme';
36
+ export { default as Select } from '../../components/select/theme/Select.base.theme';
37
+ export { default as Skeleton } from '../../components/skeleton/theme/Skeleton.base.theme';
38
+ export { default as Slider } from '../../components/slider/theme/Slider.base.theme';
39
+ export { default as Stepper } from '../../components/stepper/theme/Stepper.base.theme';
40
+ export { default as Tab } from '../../components/tab/theme/Tab.base.theme';
41
+ export { default as TabGroup } from '../../components/tab/theme/TabGroup.base.theme';
42
+ export { default as Table } from '../../components/table/theme/Table.base.theme';
43
+ export { default as TableCell } from '../../components/table/theme/TableCell.base.theme';
44
+ export { default as TableHead } from '../../components/table/theme/TableHead.base.theme';
45
+ export { default as TableHeader } from '../../components/table/theme/TableHeader.base.theme';
46
+ export { default as TableRow } from '../../components/table/theme/TableRow.base.theme';
47
+ export { default as Tag } from '../../components/tag/theme/Tag.base.theme';
48
+ export { default as Textarea } from '../../components/textarea/theme/Textarea.base.theme';
49
+ export { default as Toggle } from '../../components/toggle/theme/Toggle.base.theme';
@@ -0,0 +1,100 @@
1
+ import { default as a } from "../../components/accordion/theme/Accordion.base.theme.js";
2
+ import { default as t } from "../../components/accordion/theme/AccordionItem.base.theme.js";
3
+ import { default as l } from "../../components/alert/theme/Alert.base.theme.js";
4
+ import { default as u } from "../../components/avatar/theme/Avatar.base.theme.js";
5
+ import { default as m } from "../../components/badge/theme/Badge.base.theme.js";
6
+ import { default as x } from "../../components/breadcrumbs/theme/Breadcrumbs.base.theme.js";
7
+ import { default as i } from "../../components/button/theme/Button.base.theme.js";
8
+ import { default as c } from "../../components/button/theme/ButtonGroup.base.theme.js";
9
+ import { default as g } from "../../components/card/theme/Card.base.theme.js";
10
+ import { default as I } from "../../components/carousel/theme/Carousel.base.theme.js";
11
+ import { default as P } from "../../components/carousel/theme/CarouselSlide.base.theme.js";
12
+ import { default as A } from "../../components/checkbox/theme/Checkbox.base.theme.js";
13
+ import { default as k } from "../../components/container/theme/Container.base.theme.js";
14
+ import { default as G } from "../../components/divider/theme/Divider.base.theme.js";
15
+ import { default as M } from "../../components/drawer/theme/Drawer.base.theme.js";
16
+ import { default as D } from "../../components/form/theme/Form.base.theme.js";
17
+ import { default as R } from "../../components/formGroup/theme/FormGroup.base.theme.js";
18
+ import { default as N } from "../../components/icon/theme/Icon.base.theme.js";
19
+ import { default as q } from "../../components/image/theme/Image.base.theme.js";
20
+ import { default as z } from "../../components/input/theme/Input.base.theme.js";
21
+ import { default as J } from "../../components/inputFooter/theme/InputFooter.base.theme.js";
22
+ import { default as O } from "../../components/label/theme/Label.base.theme.js";
23
+ import { default as U } from "../../components/link/theme/Link.base.theme.js";
24
+ import { default as W } from "../../components/loader/theme/Loader.base.theme.js";
25
+ import { default as Y } from "../../components/menu/theme/Menu.base.theme.js";
26
+ import { default as _ } from "../../components/menu/theme/MenuItem.base.theme.js";
27
+ import { default as ee } from "../../components/modal/theme/Modal.base.theme.js";
28
+ import { default as ae } from "../../components/notifications/theme/Notifications.base.theme.js";
29
+ import { default as te } from "../../components/pagination/theme/Pagination.base.theme.js";
30
+ import { default as le } from "../../components/pagination/theme/PaginationItem.base.theme.js";
31
+ import { default as ue } from "../../components/popover/theme/Popover.base.theme.js";
32
+ import { default as me } from "../../components/popover/theme/PopoverContainer.base.theme.js";
33
+ import { default as xe } from "../../components/progress/theme/Progress.base.theme.js";
34
+ import { default as ie } from "../../components/radio/theme/Radio.base.theme.js";
35
+ import { default as ce } from "../../components/scroll/theme/Scroll.base.theme.js";
36
+ import { default as ge } from "../../components/select/theme/Select.base.theme.js";
37
+ import { default as Ie } from "../../components/skeleton/theme/Skeleton.base.theme.js";
38
+ import { default as Pe } from "../../components/slider/theme/Slider.base.theme.js";
39
+ import { default as Ae } from "../../components/stepper/theme/Stepper.base.theme.js";
40
+ import { default as ke } from "../../components/tab/theme/Tab.base.theme.js";
41
+ import { default as Ge } from "../../components/tab/theme/TabGroup.base.theme.js";
42
+ import { default as Me } from "../../components/table/theme/Table.base.theme.js";
43
+ import { default as De } from "../../components/table/theme/TableCell.base.theme.js";
44
+ import { default as Re } from "../../components/table/theme/TableHead.base.theme.js";
45
+ import { default as Ne } from "../../components/table/theme/TableHeader.base.theme.js";
46
+ import { default as qe } from "../../components/table/theme/TableRow.base.theme.js";
47
+ import { default as ze } from "../../components/tag/theme/Tag.base.theme.js";
48
+ import { default as Je } from "../../components/textarea/theme/Textarea.base.theme.js";
49
+ import { default as Oe } from "../../components/toggle/theme/Toggle.base.theme.js";
50
+ export {
51
+ a as Accordion,
52
+ t as AccordionItem,
53
+ l as Alert,
54
+ u as Avatar,
55
+ m as Badge,
56
+ x as Breadcrumbs,
57
+ i as Button,
58
+ c as ButtonGroup,
59
+ g as Card,
60
+ I as Carousel,
61
+ P as CarouselSlide,
62
+ A as Checkbox,
63
+ k as Container,
64
+ G as Divider,
65
+ M as Drawer,
66
+ D as Form,
67
+ R as FormGroup,
68
+ N as Icon,
69
+ q as Image,
70
+ z as Input,
71
+ J as InputFooter,
72
+ O as Label,
73
+ U as Link,
74
+ W as Loader,
75
+ Y as Menu,
76
+ _ as MenuItem,
77
+ ee as Modal,
78
+ ae as Notifications,
79
+ te as Pagination,
80
+ le as PaginationItem,
81
+ ue as Popover,
82
+ me as PopoverContainer,
83
+ xe as Progress,
84
+ ie as Radio,
85
+ ce as Scroll,
86
+ ge as Select,
87
+ Ie as Skeleton,
88
+ Pe as Slider,
89
+ Ae as Stepper,
90
+ ke as Tab,
91
+ Ge as TabGroup,
92
+ Me as Table,
93
+ De as TableCell,
94
+ Re as TableHead,
95
+ Ne as TableHeader,
96
+ qe as TableRow,
97
+ ze as Tag,
98
+ Je as Textarea,
99
+ Oe as Toggle
100
+ };
@@ -0,0 +1,3 @@
1
+ import type { UITheme } from '../../theme';
2
+ declare const theme: UITheme;
3
+ export default theme;
@@ -0,0 +1,14 @@
1
+ import * as e from "./components.js";
2
+ import s from "./styles.css.js";
3
+ const o = {
4
+ name: "Base",
5
+ colors: {
6
+ primary: { 50: "#ecfdf5", 100: "#d1fae5", 200: "#a7f3d0", 300: "#6ee7b7", 400: "#34d399", 500: "#10b981", 600: "#059669", 700: "#047857", 800: "#065f46", 900: "#064e3b", 950: "#022c22" }
7
+ },
8
+ styles: `${s}`,
9
+ classPrefix: "x-",
10
+ components: e
11
+ }, a = o;
12
+ export {
13
+ a as default
14
+ };
@@ -0,0 +1,87 @@
1
+ const o = `/* stylelint-disable value-keyword-case */
2
+ html {
3
+ color: #111827;
4
+ background-color: white;
5
+ }
6
+
7
+ html.dark {
8
+ color: #f3f4f6;
9
+ background-color: #111827;
10
+ }
11
+
12
+ *,
13
+ ::before,
14
+ ::after {
15
+ border-color: #e5e7eb;
16
+ }
17
+
18
+ .dark *,
19
+ .dark ::before,
20
+ .dark ::after {
21
+ border-color: #374151;
22
+ }
23
+
24
+ :root {
25
+ --font-family-sans: Inter, -apple-system, BlinkMacSystemFont, ui-sans-serif, system-ui, sans-serif;
26
+ --font-family-mono: ui-monospace, monospace;
27
+ --border-color: 226, 232, 240;
28
+ --primary-color-50: 236, 253, 245;
29
+ --primary-color-100: 209, 250, 229;
30
+ --primary-color-200: 167, 243, 208;
31
+ --primary-color-300: 110, 231, 183;
32
+ --primary-color-400: 52, 211, 153;
33
+ --primary-color-500: 16, 185, 129;
34
+ --primary-color-600: 5, 150, 105;
35
+ --primary-color-700: 4, 120, 87;
36
+ --primary-color-800: 6, 95, 70;
37
+ --primary-color-900: 6, 78, 59;
38
+ --primary-color-950: 2, 44, 34;
39
+ --secondary-color-50: 248, 250, 252;
40
+ --secondary-color-100: 241, 245, 249;
41
+ --secondary-color-200: 226, 232, 240;
42
+ --secondary-color-300: 203, 213, 225;
43
+ --secondary-color-400: 148, 163, 184;
44
+ --secondary-color-500: 100, 116, 139;
45
+ --secondary-color-600: 71, 85, 105;
46
+ --secondary-color-700: 51, 65, 85;
47
+ --secondary-color-800: 30, 41, 59;
48
+ --secondary-color-900: 15, 23, 42;
49
+ --secondary-color-950: 2, 6, 23;
50
+ --success-color-50: 240, 253, 244;
51
+ --success-color-100: 220, 252, 231;
52
+ --success-color-200: 187, 247, 208;
53
+ --success-color-300: 134, 239, 172;
54
+ --success-color-400: 74, 222, 128;
55
+ --success-color-500: 34, 197, 94;
56
+ --success-color-600: 22, 163, 74;
57
+ --success-color-700: 21, 128, 61;
58
+ --success-color-800: 22, 101, 52;
59
+ --success-color-900: 20, 83, 45;
60
+ --success-color-950: 5, 46, 22;
61
+ --warning-color-50: 254, 252, 232;
62
+ --warning-color-100: 254, 249, 195;
63
+ --warning-color-200: 254, 240, 138;
64
+ --warning-color-300: 253, 224, 71;
65
+ --warning-color-400: 250, 204, 21;
66
+ --warning-color-500: 234, 179, 8;
67
+ --warning-color-600: 202, 138, 4;
68
+ --warning-color-700: 161, 98, 7;
69
+ --warning-color-800: 133, 77, 14;
70
+ --warning-color-900: 113, 63, 18;
71
+ --warning-color-950: 66, 32, 6;
72
+ --error-color-50: 254, 242, 242;
73
+ --error-color-100: 254, 226, 226;
74
+ --error-color-200: 254, 202, 202;
75
+ --error-color-300: 252, 165, 165;
76
+ --error-color-400: 248, 113, 113;
77
+ --error-color-500: 239, 68, 68;
78
+ --error-color-600: 220, 38, 38;
79
+ --error-color-700: 185, 28, 28;
80
+ --error-color-800: 153, 27, 27;
81
+ --error-color-900: 127, 29, 29;
82
+ --error-color-950: 69, 10, 10;
83
+ }
84
+ `;
85
+ export {
86
+ o as default
87
+ };
@@ -0,0 +1,49 @@
1
+ export { default as Accordion } from '../../components/accordion/theme/Accordion.carbon.theme';
2
+ export { default as AccordionItem } from '../../components/accordion/theme/AccordionItem.carbon.theme';
3
+ export { default as Alert } from '../../components/alert/theme/Alert.carbon.theme';
4
+ export { default as Avatar } from '../../components/avatar/theme/Avatar.carbon.theme';
5
+ export { default as Badge } from '../../components/badge/theme/Badge.carbon.theme';
6
+ export { default as Breadcrumbs } from '../../components/breadcrumbs/theme/Breadcrumbs.carbon.theme';
7
+ export { default as Button } from '../../components/button/theme/Button.carbon.theme';
8
+ export { default as ButtonGroup } from '../../components/button/theme/ButtonGroup.carbon.theme';
9
+ export { default as Card } from '../../components/card/theme/Card.carbon.theme';
10
+ export { default as Carousel } from '../../components/carousel/theme/Carousel.carbon.theme';
11
+ export { default as CarouselSlide } from '../../components/carousel/theme/CarouselSlide.carbon.theme';
12
+ export { default as Checkbox } from '../../components/checkbox/theme/Checkbox.carbon.theme';
13
+ export { default as Container } from '../../components/container/theme/Container.carbon.theme';
14
+ export { default as Divider } from '../../components/divider/theme/Divider.carbon.theme';
15
+ export { default as Drawer } from '../../components/drawer/theme/Drawer.carbon.theme';
16
+ export { default as Form } from '../../components/form/theme/Form.carbon.theme';
17
+ export { default as FormGroup } from '../../components/formGroup/theme/FormGroup.carbon.theme';
18
+ export { default as Icon } from '../../components/icon/theme/Icon.carbon.theme';
19
+ export { default as Image } from '../../components/image/theme/Image.carbon.theme';
20
+ export { default as Input } from '../../components/input/theme/Input.carbon.theme';
21
+ export { default as InputFooter } from '../../components/inputFooter/theme/InputFooter.carbon.theme';
22
+ export { default as Label } from '../../components/label/theme/Label.carbon.theme';
23
+ export { default as Link } from '../../components/link/theme/Link.carbon.theme';
24
+ export { default as Loader } from '../../components/loader/theme/Loader.carbon.theme';
25
+ export { default as Menu } from '../../components/menu/theme/Menu.carbon.theme';
26
+ export { default as MenuItem } from '../../components/menu/theme/MenuItem.carbon.theme';
27
+ export { default as Modal } from '../../components/modal/theme/Modal.carbon.theme';
28
+ export { default as Notifications } from '../../components/notifications/theme/Notifications.carbon.theme';
29
+ export { default as Pagination } from '../../components/pagination/theme/Pagination.carbon.theme';
30
+ export { default as PaginationItem } from '../../components/pagination/theme/PaginationItem.carbon.theme';
31
+ export { default as Popover } from '../../components/popover/theme/Popover.carbon.theme';
32
+ export { default as PopoverContainer } from '../../components/popover/theme/PopoverContainer.carbon.theme';
33
+ export { default as Progress } from '../../components/progress/theme/Progress.carbon.theme';
34
+ export { default as Radio } from '../../components/radio/theme/Radio.carbon.theme';
35
+ export { default as Scroll } from '../../components/scroll/theme/Scroll.carbon.theme';
36
+ export { default as Select } from '../../components/select/theme/Select.carbon.theme';
37
+ export { default as Skeleton } from '../../components/skeleton/theme/Skeleton.carbon.theme';
38
+ export { default as Slider } from '../../components/slider/theme/Slider.carbon.theme';
39
+ export { default as Stepper } from '../../components/stepper/theme/Stepper.carbon.theme';
40
+ export { default as Tab } from '../../components/tab/theme/Tab.carbon.theme';
41
+ export { default as TabGroup } from '../../components/tab/theme/TabGroup.carbon.theme';
42
+ export { default as Table } from '../../components/table/theme/Table.carbon.theme';
43
+ export { default as TableCell } from '../../components/table/theme/TableCell.carbon.theme';
44
+ export { default as TableHead } from '../../components/table/theme/TableHead.carbon.theme';
45
+ export { default as TableHeader } from '../../components/table/theme/TableHeader.carbon.theme';
46
+ export { default as TableRow } from '../../components/table/theme/TableRow.carbon.theme';
47
+ export { default as Tag } from '../../components/tag/theme/Tag.carbon.theme';
48
+ export { default as Textarea } from '../../components/textarea/theme/Textarea.carbon.theme';
49
+ export { default as Toggle } from '../../components/toggle/theme/Toggle.carbon.theme';
@@ -0,0 +1,100 @@
1
+ import { default as a } from "../../components/accordion/theme/Accordion.carbon.theme.js";
2
+ import { default as t } from "../../components/accordion/theme/AccordionItem.carbon.theme.js";
3
+ import { default as l } from "../../components/alert/theme/Alert.carbon.theme.js";
4
+ import { default as u } from "../../components/avatar/theme/Avatar.carbon.theme.js";
5
+ import { default as m } from "../../components/badge/theme/Badge.carbon.theme.js";
6
+ import { default as x } from "../../components/breadcrumbs/theme/Breadcrumbs.carbon.theme.js";
7
+ import { default as i } from "../../components/button/theme/Button.carbon.theme.js";
8
+ import { default as c } from "../../components/button/theme/ButtonGroup.carbon.theme.js";
9
+ import { default as g } from "../../components/card/theme/Card.carbon.theme.js";
10
+ import { default as I } from "../../components/carousel/theme/Carousel.carbon.theme.js";
11
+ import { default as P } from "../../components/carousel/theme/CarouselSlide.carbon.theme.js";
12
+ import { default as A } from "../../components/checkbox/theme/Checkbox.carbon.theme.js";
13
+ import { default as k } from "../../components/container/theme/Container.carbon.theme.js";
14
+ import { default as G } from "../../components/divider/theme/Divider.carbon.theme.js";
15
+ import { default as M } from "../../components/drawer/theme/Drawer.carbon.theme.js";
16
+ import { default as D } from "../../components/form/theme/Form.carbon.theme.js";
17
+ import { default as R } from "../../components/formGroup/theme/FormGroup.carbon.theme.js";
18
+ import { default as N } from "../../components/icon/theme/Icon.carbon.theme.js";
19
+ import { default as q } from "../../components/image/theme/Image.carbon.theme.js";
20
+ import { default as z } from "../../components/input/theme/Input.carbon.theme.js";
21
+ import { default as J } from "../../components/inputFooter/theme/InputFooter.carbon.theme.js";
22
+ import { default as O } from "../../components/label/theme/Label.carbon.theme.js";
23
+ import { default as U } from "../../components/link/theme/Link.carbon.theme.js";
24
+ import { default as W } from "../../components/loader/theme/Loader.carbon.theme.js";
25
+ import { default as Y } from "../../components/menu/theme/Menu.carbon.theme.js";
26
+ import { default as _ } from "../../components/menu/theme/MenuItem.carbon.theme.js";
27
+ import { default as ee } from "../../components/modal/theme/Modal.carbon.theme.js";
28
+ import { default as ae } from "../../components/notifications/theme/Notifications.carbon.theme.js";
29
+ import { default as te } from "../../components/pagination/theme/Pagination.carbon.theme.js";
30
+ import { default as le } from "../../components/pagination/theme/PaginationItem.carbon.theme.js";
31
+ import { default as ue } from "../../components/popover/theme/Popover.carbon.theme.js";
32
+ import { default as me } from "../../components/popover/theme/PopoverContainer.carbon.theme.js";
33
+ import { default as xe } from "../../components/progress/theme/Progress.carbon.theme.js";
34
+ import { default as ie } from "../../components/radio/theme/Radio.carbon.theme.js";
35
+ import { default as ce } from "../../components/scroll/theme/Scroll.carbon.theme.js";
36
+ import { default as ge } from "../../components/select/theme/Select.carbon.theme.js";
37
+ import { default as Ie } from "../../components/skeleton/theme/Skeleton.carbon.theme.js";
38
+ import { default as Pe } from "../../components/slider/theme/Slider.carbon.theme.js";
39
+ import { default as Ae } from "../../components/stepper/theme/Stepper.carbon.theme.js";
40
+ import { default as ke } from "../../components/tab/theme/Tab.carbon.theme.js";
41
+ import { default as Ge } from "../../components/tab/theme/TabGroup.carbon.theme.js";
42
+ import { default as Me } from "../../components/table/theme/Table.carbon.theme.js";
43
+ import { default as De } from "../../components/table/theme/TableCell.carbon.theme.js";
44
+ import { default as Re } from "../../components/table/theme/TableHead.carbon.theme.js";
45
+ import { default as Ne } from "../../components/table/theme/TableHeader.carbon.theme.js";
46
+ import { default as qe } from "../../components/table/theme/TableRow.carbon.theme.js";
47
+ import { default as ze } from "../../components/tag/theme/Tag.carbon.theme.js";
48
+ import { default as Je } from "../../components/textarea/theme/Textarea.carbon.theme.js";
49
+ import { default as Oe } from "../../components/toggle/theme/Toggle.carbon.theme.js";
50
+ export {
51
+ a as Accordion,
52
+ t as AccordionItem,
53
+ l as Alert,
54
+ u as Avatar,
55
+ m as Badge,
56
+ x as Breadcrumbs,
57
+ i as Button,
58
+ c as ButtonGroup,
59
+ g as Card,
60
+ I as Carousel,
61
+ P as CarouselSlide,
62
+ A as Checkbox,
63
+ k as Container,
64
+ G as Divider,
65
+ M as Drawer,
66
+ D as Form,
67
+ R as FormGroup,
68
+ N as Icon,
69
+ q as Image,
70
+ z as Input,
71
+ J as InputFooter,
72
+ O as Label,
73
+ U as Link,
74
+ W as Loader,
75
+ Y as Menu,
76
+ _ as MenuItem,
77
+ ee as Modal,
78
+ ae as Notifications,
79
+ te as Pagination,
80
+ le as PaginationItem,
81
+ ue as Popover,
82
+ me as PopoverContainer,
83
+ xe as Progress,
84
+ ie as Radio,
85
+ ce as Scroll,
86
+ ge as Select,
87
+ Ie as Skeleton,
88
+ Pe as Slider,
89
+ Ae as Stepper,
90
+ ke as Tab,
91
+ Ge as TabGroup,
92
+ Me as Table,
93
+ De as TableCell,
94
+ Re as TableHead,
95
+ Ne as TableHeader,
96
+ qe as TableRow,
97
+ ze as Tag,
98
+ Je as Textarea,
99
+ Oe as Toggle
100
+ };
@@ -0,0 +1,3 @@
1
+ import type { UITheme } from '../../theme';
2
+ declare const theme: UITheme;
3
+ export default theme;
@@ -0,0 +1,14 @@
1
+ import * as e from "./components.js";
2
+ import f from "./styles.css.js";
3
+ const a = {
4
+ name: "Carbon",
5
+ colors: {
6
+ primary: { 50: "#eff6ff", 100: "#dbeafe", 200: "#bfdbfe", 300: "#93c5fd", 400: "#60a5fa", 500: "#3b82f6", 600: "#2563eb", 700: "#1d4ed8", 800: "#1e40af", 900: "#1e3a8a", 950: "#172554" }
7
+ },
8
+ styles: `${f}`,
9
+ classPrefix: "x-",
10
+ components: e
11
+ }, r = a;
12
+ export {
13
+ r as default
14
+ };