@code-coaching/vuetiful 0.26.0 → 0.28.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 (266) hide show
  1. package/README.md +47 -55
  2. package/dist/css/animations.css +2 -0
  3. package/{src → dist}/css/overrides/quasar.css +73 -58
  4. package/dist/css/transitions/fade.css +9 -0
  5. package/{src/styles → dist/css}/transitions/slide.css +0 -24
  6. package/dist/favicon.ico +0 -0
  7. package/dist/types/components/atoms/VAvatar.vue.d.ts +39 -90
  8. package/dist/types/components/atoms/VBadge.vue.d.ts +34 -21
  9. package/dist/types/components/atoms/VButton.vue.d.ts +42 -48
  10. package/dist/types/components/atoms/VChip.vue.d.ts +33 -21
  11. package/dist/types/components/atoms/VRadio/VRadioDescription.vue.d.ts +7 -12
  12. package/dist/types/components/atoms/VRadio/VRadioGroup.vue.d.ts +54 -83
  13. package/dist/types/components/atoms/VRadio/VRadioItem.vue.d.ts +46 -12
  14. package/dist/types/components/atoms/VRadio/VRadioLabel.vue.d.ts +7 -12
  15. package/dist/types/components/atoms/VSwitch/VSwitch.vue.d.ts +52 -73
  16. package/dist/types/components/atoms/VSwitch/VSwitchDescription.vue.d.ts +32 -11
  17. package/dist/types/components/atoms/VSwitch/VSwitchGroup.vue.d.ts +32 -11
  18. package/dist/types/components/atoms/VSwitch/VSwitchLabel.vue.d.ts +33 -20
  19. package/dist/types/components/atoms/index.d.ts +1 -2
  20. package/dist/types/components/molecules/VAccordion/VAccordion.vue.d.ts +39 -28
  21. package/dist/types/components/molecules/VAccordion/VAccordionItem.vue.d.ts +35 -19
  22. package/dist/types/components/molecules/VAlert.vue.d.ts +50 -73
  23. package/dist/types/components/molecules/VCard/VCard.vue.d.ts +37 -48
  24. package/dist/types/components/molecules/VCard/VCardBody.vue.d.ts +33 -12
  25. package/dist/types/components/molecules/VCard/VCardFooter.vue.d.ts +36 -20
  26. package/dist/types/components/molecules/VCard/VCardHeader.vue.d.ts +36 -20
  27. package/dist/types/components/molecules/VCodeBlock.vue.d.ts +15 -16
  28. package/dist/types/components/molecules/VDrawer.vue.d.ts +13 -7
  29. package/dist/types/components/molecules/VListbox/VListbox.vue.d.ts +54 -132
  30. package/dist/types/components/molecules/VListbox/VListboxButton.vue.d.ts +22 -21
  31. package/dist/types/components/molecules/VListbox/VListboxItem.vue.d.ts +22 -19
  32. package/dist/types/components/molecules/VListbox/VListboxItems.vue.d.ts +19 -30
  33. package/dist/types/components/molecules/VListbox/VListboxLabel.vue.d.ts +7 -12
  34. package/dist/types/components/molecules/VPreview.vue.d.ts +57 -74
  35. package/dist/types/components/molecules/VRail/VRail.vue.d.ts +28 -13
  36. package/dist/types/components/molecules/VRail/VRailTile.vue.d.ts +49 -16
  37. package/dist/types/components/molecules/VShell.vue.d.ts +76 -44
  38. package/dist/types/components/molecules/VShellConfigurator.vue.d.ts +99 -0
  39. package/dist/types/components/molecules/VTabs/VTab.vue.d.ts +52 -20
  40. package/dist/types/components/molecules/VTabs/VTabPanel.vue.d.ts +8 -1
  41. package/dist/types/components/molecules/VTabs/VTabs.vue.d.ts +43 -101
  42. package/dist/types/components/molecules/Vuetiful.vue.d.ts +22 -0
  43. package/dist/types/components/molecules/index.d.ts +3 -4
  44. package/dist/types/directives/click-outside-group.d.ts +1 -1
  45. package/dist/types/directives/click-outside.d.ts +1 -1
  46. package/dist/types/directives/clipboard.d.ts +1 -1
  47. package/dist/types/index.d.ts +1 -8
  48. package/dist/types/props/props.d.ts +1 -14
  49. package/dist/types/services/drawer.service.d.ts +2 -2
  50. package/dist/types/services/index.d.ts +3 -4
  51. package/dist/types/utils/id-generator.d.ts +1 -0
  52. package/dist/types/utils/index.d.ts +7 -5
  53. package/dist/types/utils/tailwind-merge.d.ts +1 -0
  54. package/dist/types/utils/theme/VLightSwitch.vue.d.ts +16 -0
  55. package/dist/types/utils/theme/VThemeSwitch.vue.d.ts +41 -0
  56. package/dist/types/{services → utils/theme}/dark-mode.service.d.ts +1 -1
  57. package/dist/types/utils/theme/rocket.theme.d.ts +223 -0
  58. package/dist/types/utils/theme/theme.service.d.ts +6 -9
  59. package/dist/types/utils/theme/themes.d.ts +3 -39
  60. package/dist/types/utils/theme/vuetiful.theme.d.ts +224 -0
  61. package/dist/vuetiful.es.mjs +54782 -49507
  62. package/dist/vuetiful.umd.cjs +189 -0
  63. package/package.json +53 -37
  64. package/dist/style.css +0 -10
  65. package/dist/types/components/VBootstrap.vue.d.ts +0 -15
  66. package/dist/types/components/atoms/VAvatar.test.d.ts +0 -1
  67. package/dist/types/components/atoms/VBadge.test.d.ts +0 -1
  68. package/dist/types/components/atoms/VButton.test.d.ts +0 -1
  69. package/dist/types/components/atoms/VChip.test.d.ts +0 -1
  70. package/dist/types/components/atoms/VLightSwitch.test.d.ts +0 -1
  71. package/dist/types/components/atoms/VLightSwitch.vue.d.ts +0 -95
  72. package/dist/types/components/atoms/VRadio/VRadioDescription.test.d.ts +0 -1
  73. package/dist/types/components/atoms/VRadio/VRadioGroup.test.d.ts +0 -1
  74. package/dist/types/components/atoms/VRadio/VRadioItem.test.d.ts +0 -1
  75. package/dist/types/components/atoms/VRadio/VRadioLabel.test.d.ts +0 -1
  76. package/dist/types/components/atoms/VSwitch/VSwitch.test.d.ts +0 -1
  77. package/dist/types/components/atoms/VSwitch/VSwitchDescription.test.d.ts +0 -1
  78. package/dist/types/components/atoms/VSwitch/VSwitchGroup.test.d.ts +0 -1
  79. package/dist/types/components/atoms/VSwitch/VSwitchLabel.test.d.ts +0 -1
  80. package/dist/types/components/molecules/VAccordion/VAccordion.test.d.ts +0 -1
  81. package/dist/types/components/molecules/VAccordion/VAccordionItem.test.d.ts +0 -1
  82. package/dist/types/components/molecules/VAlert.test.d.ts +0 -1
  83. package/dist/types/components/molecules/VCard/VCard.test.d.ts +0 -1
  84. package/dist/types/components/molecules/VCard/VCardBody.test.d.ts +0 -1
  85. package/dist/types/components/molecules/VCard/VCardFooter.test.d.ts +0 -1
  86. package/dist/types/components/molecules/VCard/VCardHeader.test.d.ts +0 -1
  87. package/dist/types/components/molecules/VCodeBlock.test.d.ts +0 -1
  88. package/dist/types/components/molecules/VDrawer.test.d.ts +0 -1
  89. package/dist/types/components/molecules/VListbox/VListbox.test.d.ts +0 -1
  90. package/dist/types/components/molecules/VListbox/VListboxButton.test.d.ts +0 -1
  91. package/dist/types/components/molecules/VListbox/VListboxItem.test.d.ts +0 -1
  92. package/dist/types/components/molecules/VListbox/VListboxItems.test.d.ts +0 -1
  93. package/dist/types/components/molecules/VListbox/VListboxLabel.test.d.ts +0 -1
  94. package/dist/types/components/molecules/VPreview.test.d.ts +0 -1
  95. package/dist/types/components/molecules/VRail/VRail.test.d.ts +0 -1
  96. package/dist/types/components/molecules/VRail/VRailTile.test.d.ts +0 -1
  97. package/dist/types/components/molecules/VShell.test.d.ts +0 -1
  98. package/dist/types/components/molecules/VTabs/VTab.test.d.ts +0 -1
  99. package/dist/types/components/molecules/VTabs/VTabPanel.test.d.ts +0 -1
  100. package/dist/types/components/molecules/VTabs/VTabs.test.d.ts +0 -1
  101. package/dist/types/directives/click-outside-group.test.d.ts +0 -1
  102. package/dist/types/directives/click-outside.test.d.ts +0 -1
  103. package/dist/types/directives/clipboard.test.d.ts +0 -1
  104. package/dist/types/services/dark-mode.service.test.d.ts +0 -1
  105. package/dist/types/services/drawer.service.test.d.ts +0 -1
  106. package/dist/types/services/highlight.service.test.d.ts +0 -1
  107. package/dist/types/services/rail.service.test.d.ts +0 -1
  108. package/dist/types/services/settings.service.test.d.ts +0 -1
  109. package/dist/types/types/index.d.ts +0 -54
  110. package/dist/types/types/tailwind.d.ts +0 -4
  111. package/dist/types/utils/colors/colors.service.d.ts +0 -69
  112. package/dist/types/utils/platform/platform.service.test.d.ts +0 -1
  113. package/dist/types/utils/theme/callback.test.d.ts +0 -1
  114. package/dist/types/utils/theme/remove.test.d.ts +0 -1
  115. package/dist/types/utils/theme/theme-switcher.vue.d.ts +0 -69
  116. package/dist/types/utils/theme/theme.service.test.d.ts +0 -1
  117. package/dist/vuetiful.umd.js +0 -99
  118. package/src/assets/fonts/myfont.woff +0 -0
  119. package/src/assets/main.css +0 -17
  120. package/src/components/VBootstrap.vue +0 -62
  121. package/src/components/atoms/VAvatar.test.ts +0 -175
  122. package/src/components/atoms/VAvatar.vue +0 -89
  123. package/src/components/atoms/VBadge.test.ts +0 -28
  124. package/src/components/atoms/VBadge.vue +0 -17
  125. package/src/components/atoms/VButton.test.ts +0 -180
  126. package/src/components/atoms/VButton.vue +0 -76
  127. package/src/components/atoms/VChip.test.ts +0 -33
  128. package/src/components/atoms/VChip.vue +0 -17
  129. package/src/components/atoms/VLightSwitch.test.ts +0 -69
  130. package/src/components/atoms/VLightSwitch.vue +0 -121
  131. package/src/components/atoms/VRadio/VRadioDescription.test.ts +0 -55
  132. package/src/components/atoms/VRadio/VRadioDescription.vue +0 -14
  133. package/src/components/atoms/VRadio/VRadioGroup.test.ts +0 -81
  134. package/src/components/atoms/VRadio/VRadioGroup.vue +0 -88
  135. package/src/components/atoms/VRadio/VRadioItem.test.ts +0 -183
  136. package/src/components/atoms/VRadio/VRadioItem.vue +0 -36
  137. package/src/components/atoms/VRadio/VRadioLabel.test.ts +0 -55
  138. package/src/components/atoms/VRadio/VRadioLabel.vue +0 -16
  139. package/src/components/atoms/VSwitch/VSwitch.test.ts +0 -100
  140. package/src/components/atoms/VSwitch/VSwitch.vue +0 -106
  141. package/src/components/atoms/VSwitch/VSwitchDescription.test.ts +0 -55
  142. package/src/components/atoms/VSwitch/VSwitchDescription.vue +0 -16
  143. package/src/components/atoms/VSwitch/VSwitchGroup.test.ts +0 -26
  144. package/src/components/atoms/VSwitch/VSwitchGroup.vue +0 -16
  145. package/src/components/atoms/VSwitch/VSwitchLabel.test.ts +0 -89
  146. package/src/components/atoms/VSwitch/VSwitchLabel.vue +0 -20
  147. package/src/components/atoms/index.ts +0 -31
  148. package/src/components/index.ts +0 -2
  149. package/src/components/molecules/VAccordion/VAccordion.test.ts +0 -27
  150. package/src/components/molecules/VAccordion/VAccordion.vue +0 -32
  151. package/src/components/molecules/VAccordion/VAccordionItem.test.ts +0 -134
  152. package/src/components/molecules/VAccordion/VAccordionItem.vue +0 -68
  153. package/src/components/molecules/VAlert.test.ts +0 -100
  154. package/src/components/molecules/VAlert.vue +0 -137
  155. package/src/components/molecules/VCard/VCard.test.ts +0 -47
  156. package/src/components/molecules/VCard/VCard.vue +0 -74
  157. package/src/components/molecules/VCard/VCardBody.test.ts +0 -39
  158. package/src/components/molecules/VCard/VCardBody.vue +0 -16
  159. package/src/components/molecules/VCard/VCardFooter.test.ts +0 -63
  160. package/src/components/molecules/VCard/VCardFooter.vue +0 -31
  161. package/src/components/molecules/VCard/VCardHeader.test.ts +0 -86
  162. package/src/components/molecules/VCard/VCardHeader.vue +0 -53
  163. package/src/components/molecules/VCodeBlock.test.ts +0 -133
  164. package/src/components/molecules/VCodeBlock.vue +0 -113
  165. package/src/components/molecules/VDrawer.test.ts +0 -14
  166. package/src/components/molecules/VDrawer.vue +0 -87
  167. package/src/components/molecules/VListbox/VListbox.test.ts +0 -146
  168. package/src/components/molecules/VListbox/VListbox.vue +0 -149
  169. package/src/components/molecules/VListbox/VListboxButton.test.ts +0 -66
  170. package/src/components/molecules/VListbox/VListboxButton.vue +0 -57
  171. package/src/components/molecules/VListbox/VListboxItem.test.ts +0 -51
  172. package/src/components/molecules/VListbox/VListboxItem.vue +0 -39
  173. package/src/components/molecules/VListbox/VListboxItems.test.ts +0 -44
  174. package/src/components/molecules/VListbox/VListboxItems.vue +0 -42
  175. package/src/components/molecules/VListbox/VListboxLabel.test.ts +0 -30
  176. package/src/components/molecules/VListbox/VListboxLabel.vue +0 -14
  177. package/src/components/molecules/VPreview.test.ts +0 -73
  178. package/src/components/molecules/VPreview.vue +0 -230
  179. package/src/components/molecules/VRail/VRail.test.ts +0 -14
  180. package/src/components/molecules/VRail/VRail.vue +0 -33
  181. package/src/components/molecules/VRail/VRailTile.test.ts +0 -97
  182. package/src/components/molecules/VRail/VRailTile.vue +0 -49
  183. package/src/components/molecules/VShell.test.ts +0 -14
  184. package/src/components/molecules/VShell.vue +0 -63
  185. package/src/components/molecules/VTabs/VTab.test.ts +0 -143
  186. package/src/components/molecules/VTabs/VTab.vue +0 -50
  187. package/src/components/molecules/VTabs/VTabPanel.test.ts +0 -24
  188. package/src/components/molecules/VTabs/VTabPanel.vue +0 -9
  189. package/src/components/molecules/VTabs/VTabs.test.ts +0 -92
  190. package/src/components/molecules/VTabs/VTabs.vue +0 -104
  191. package/src/components/molecules/index.ts +0 -51
  192. package/src/directives/click-outside-group.test.ts +0 -44
  193. package/src/directives/click-outside-group.ts +0 -39
  194. package/src/directives/click-outside.test.ts +0 -38
  195. package/src/directives/click-outside.ts +0 -28
  196. package/src/directives/clipboard.test.ts +0 -26
  197. package/src/directives/clipboard.ts +0 -9
  198. package/src/directives/index.ts +0 -5
  199. package/src/env.d.ts +0 -8
  200. package/src/index.ts +0 -21
  201. package/src/props/index.ts +0 -1
  202. package/src/props/props.ts +0 -62
  203. package/src/services/dark-mode.service.test.ts +0 -104
  204. package/src/services/dark-mode.service.ts +0 -75
  205. package/src/services/drawer.service.test.ts +0 -45
  206. package/src/services/drawer.service.ts +0 -46
  207. package/src/services/highlight.service.test.ts +0 -24
  208. package/src/services/highlight.service.ts +0 -19
  209. package/src/services/index.ts +0 -8
  210. package/src/services/rail.service.test.ts +0 -13
  211. package/src/services/rail.service.ts +0 -11
  212. package/src/services/settings.service.test.ts +0 -17
  213. package/src/services/settings.service.ts +0 -136
  214. package/src/styles/all.css +0 -24
  215. package/src/styles/core.css +0 -66
  216. package/src/styles/elements/alerts.css +0 -17
  217. package/src/styles/elements/badges.css +0 -31
  218. package/src/styles/elements/breadcrumbs.css +0 -26
  219. package/src/styles/elements/buttons.css +0 -103
  220. package/src/styles/elements/cards.css +0 -32
  221. package/src/styles/elements/chips.css +0 -22
  222. package/src/styles/elements/forms.css +0 -269
  223. package/src/styles/elements/lists.css +0 -48
  224. package/src/styles/elements/logo-clouds.css +0 -29
  225. package/src/styles/elements/modals.css +0 -15
  226. package/src/styles/elements/placeholders.css +0 -17
  227. package/src/styles/elements/popups.css +0 -16
  228. package/src/styles/elements/tables.css +0 -102
  229. package/src/styles/elements.css +0 -19
  230. package/src/styles/highlight-js.css +0 -116
  231. package/src/styles/tailwind.css +0 -16
  232. package/src/styles/transitions/fade.css +0 -14
  233. package/src/styles/transitions.css +0 -2
  234. package/src/styles/typography.css +0 -101
  235. package/src/styles/variants.css +0 -156
  236. package/src/tailwind/core.cjs +0 -37
  237. package/src/tailwind/generated/intellisense-classes.cjs +0 -558
  238. package/src/tailwind/intellisense.cjs +0 -21
  239. package/src/tailwind/settings.cjs +0 -20
  240. package/src/tailwind/theme/colors.cjs +0 -20
  241. package/src/tailwind/tokens/backgrounds.cjs +0 -48
  242. package/src/tailwind/tokens/border-radius.cjs +0 -21
  243. package/src/tailwind/tokens/borders.cjs +0 -24
  244. package/src/tailwind/tokens/fills.cjs +0 -20
  245. package/src/tailwind/tokens/rings.cjs +0 -50
  246. package/src/tailwind/tokens/text.cjs +0 -35
  247. package/src/tailwind/vuetiful.cjs +0 -19
  248. package/src/themes/theme-rocket.css +0 -119
  249. package/src/themes/theme-sahara.css +0 -128
  250. package/src/themes/theme-seafoam.css +0 -120
  251. package/src/themes/theme-seasonal.css +0 -115
  252. package/src/themes/theme-skeleton.css +0 -115
  253. package/src/themes/theme-vintage.css +0 -125
  254. package/src/themes/theme-vuetiful.css +0 -136
  255. package/src/types/index.ts +0 -59
  256. package/src/types/tailwind.ts +0 -7
  257. package/src/utils/colors/colors.service.ts +0 -293
  258. package/src/utils/index.ts +0 -8
  259. package/src/utils/platform/platform.service.test.ts +0 -19
  260. package/src/utils/platform/platform.service.ts +0 -8
  261. package/src/utils/theme/callback.test.ts +0 -28
  262. package/src/utils/theme/remove.test.ts +0 -27
  263. package/src/utils/theme/theme-switcher.vue +0 -78
  264. package/src/utils/theme/theme.service.test.ts +0 -269
  265. package/src/utils/theme/theme.service.ts +0 -173
  266. package/src/utils/theme/themes.ts +0 -282
package/package.json CHANGED
@@ -1,47 +1,65 @@
1
1
  {
2
2
  "name": "@code-coaching/vuetiful",
3
- "version": "0.26.0",
3
+ "type": "module",
4
+ "version": "0.28.0",
4
5
  "license": "MIT",
5
6
  "scripts": {
6
- "dev": "onchange 'src/**/*.vue' 'src/**/*.ts' 'src/**/*.css' -- npm run build",
7
- "prebuild": "node 'scripts/intellisense.js'",
8
- "build": "rimraf dist && vue-tsc && vite build",
9
- "docs:dev": "cd docs && npm run dev",
10
- "docs:build": "cd docs && npm run build",
11
- "docs:serve": "cd docs && npm run serve",
12
- "format": "prettier --write \"**/*.{js,ts,vue,css,html,md,json}\" --ignore-path .gitignore",
13
- "test": "vitest",
14
- "coverage": "vitest run --coverage"
7
+ "dev": "vite",
8
+ "lib:build": "run-p type-check build-only generate-types && mkdir -p dist/css && cp -r src/lib/css/* dist/css/",
9
+ "build": "vite build --config vite.spa.config.ts --outDir build",
10
+ "preview": "vite preview --outDir build",
11
+ "test:unit": "vitest",
12
+ "test:unit:coverage": "vitest --coverage",
13
+ "test:e2e": "playwright test",
14
+ "build-only": "vite build",
15
+ "generate-types": "vue-tsc -p tsconfig.lib.json",
16
+ "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
17
+ "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
18
+ "format": "prettier --write src/",
19
+ "version:patch": "npm version patch && git add package*.json && git commit -m \"version: patch\" && git push",
20
+ "version:minor": "npm version minor && git add package*.json && git commit -m \"version: minor\" && git push",
21
+ "version:major": "npm version major && git add package*.json && git commit -m \"version: major\" && git push",
22
+ "version:publish": "npm publish --scope=code-coaching --access public"
15
23
  },
16
24
  "peerDependencies": {
17
- "vue": "^3.2.25"
25
+ "highlight.js": "^11.10.0",
26
+ "vue": "^3.3.4"
18
27
  },
19
28
  "dependencies": {
20
- "@headlessui/vue": "^1.7.13",
21
- "highlight.js": "^11.7.0"
29
+ "@headlessui/vue": "^1.7.22"
22
30
  },
23
31
  "devDependencies": {
24
- "@types/node": "^17.0.14",
25
- "@vitejs/plugin-vue": "^2.0.0",
26
- "@vitest/coverage-c8": "^0.29.8",
27
- "@vue/test-utils": "^2.3.2",
28
- "autoprefixer": "^10.4.14",
29
- "clean-css": "^5.3.2",
30
- "jsdom": "^21.1.1",
31
- "onchange": "^7.1.0",
32
- "postcss": "^8.4.21",
33
- "prettier": "^2.8.4",
34
- "prettier-plugin-tailwindcss": "^0.2.4",
35
- "rimraf": "^3.0.2",
36
- "tailwindcss": "^3.3.1",
37
- "typescript": "^4.4.4",
38
- "vite": "^2.7.2",
39
- "vitest": "^0.29.8",
40
- "vue": "^3.2.25",
41
- "vue-tsc": "^0.29.8"
32
+ "@playwright/test": "^1.37.0",
33
+ "@rushstack/eslint-patch": "^1.3.2",
34
+ "@skeletonlabs/skeleton": "3.0.0-next.2",
35
+ "@tsconfig/node18": "^18.2.0",
36
+ "@types/jsdom": "^21.1.1",
37
+ "@types/node": "^18.17.5",
38
+ "@vitejs/plugin-vue": "^4.3.1",
39
+ "@vitest/coverage-v8": "^2.0.4",
40
+ "@vue/eslint-config-prettier": "^8.0.0",
41
+ "@vue/eslint-config-typescript": "^11.0.3",
42
+ "@vue/test-utils": "^2.4.1",
43
+ "@vue/tsconfig": "^0.4.0",
44
+ "autoprefixer": "^10.4.19",
45
+ "eslint": "^8.46.0",
46
+ "eslint-plugin-vue": "^9.16.1",
47
+ "jsdom": "^22.1.0",
48
+ "lucide-vue-next": "^0.408.0",
49
+ "npm-run-all": "^4.1.5",
50
+ "postcss": "^8.4.39",
51
+ "prettier": "^3.3.3",
52
+ "prettier-plugin-tailwindcss": "^0.6.5",
53
+ "tailwind-merge": "^2.4.0",
54
+ "tailwindcss": "^3.4.4",
55
+ "typescript": "~5.1.6",
56
+ "vite": "^4.4.9",
57
+ "vite-plugin-copy": "^0.1.6",
58
+ "vitest": "2.0.4",
59
+ "vue-router": "^4.2.4",
60
+ "vue-tsc": "^1.8.8"
42
61
  },
43
62
  "files": [
44
- "src",
45
63
  "dist"
46
64
  ],
47
65
  "types": "./dist/types/index.d.ts",
@@ -49,12 +67,10 @@
49
67
  "exports": {
50
68
  ".": {
51
69
  "import": "./dist/vuetiful.es.mjs",
52
- "require": "./dist/vuetiful.umd.js",
70
+ "require": "./dist/vuetiful.umd.cjs",
53
71
  "types": "./dist/types/index.d.ts"
54
72
  },
55
- "./themes/*": "./src/themes/*",
56
- "./css/*": "./src/css/*",
57
- "./styles/*": "./src/styles/*",
58
- "./tailwind/*": "./src/tailwind/*"
73
+ "./css/*": "./dist/css/*",
74
+ "./css/style.css": "./dist/style.css"
59
75
  }
60
76
  }
package/dist/style.css DELETED
@@ -1,10 +0,0 @@
1
- .icon[data-v-ef253f90],.icon[data-v-31089628]{@apply my-1 h-4 w-4 fill-current;}.icon[data-v-513d21fc]{@apply my-1 h-4 min-h-[1rem] w-4 min-w-[1rem] fill-current;}.icon[data-v-5d6982bd]{@apply my-1 h-6 min-h-[1.5rem] w-6 min-w-[1.5rem] fill-current;}.vuetiful-card-header{border-top-left-radius:inherit;border-top-right-radius:inherit}.vuetiful-card-header>*{border-top-left-radius:inherit;border-top-right-radius:inherit}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
2
- Theme: GitHub Dark
3
- Description: Dark theme as seen on github.com
4
- Author: github.com
5
- Maintainer: @Hirse
6
- Updated: 2021-05-15
7
-
8
- Outdated base version: https://github.com/primer/github-syntax-dark
9
- Current colors taken from GitHub's CSS
10
- */.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}@font-face{font-family:myfont;src:url(data:font/woff;base64,d09GRgABAAAAAATMAAsAAAAABIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIGBGNtYXAAAAFoAAAAVAAAAFQWfNQ7Z2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAMQAAADE9iu5ZGhlYWQAAAKIAAAANgAAADYfdnyraGhlYQAAAsAAAAAkAAAAJAfCA8ZobXR4AAAC5AAAABQAAAAUCgAAAGxvY2EAAAL4AAAADAAAAAwAKAB2bWF4cAAAAwQAAAAgAAAAIAAHACxuYW1lAAADJAAAAYYAAAGGmUoJ+3Bvc3QAAASsAAAAIAAAACAAAwAAAAMDAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6doDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOna//3//wAAAAAAIOna//3//wAB/+MWKgADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAA/8wEAAOAACkAAAEiBw4BBwYHJicuAScmIyIHDgEHBhUUFx4BFxYXNjc+ATc2NTQnLgEnJgLzKCUlPxkZEBAZGT8lJSg4MTFJFRUzM5lZWk5KWVmbNTQVFUkxMQOADw8yICEiIiEgMg8PFRVJMTE4cU5Pjk5NcG9PT5BOT204MTFJFRUAAAEAAAAAAABxV9/FXw889QALBAAAAAAA3iwcMQAAAADeLBwxAAD/zAQAA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAAAAAAAAACgAUAB4AYgABAAAABQAqAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)}[class^=icon-],[class*=" icon-"]{font-family:myfont!important}.icon-heart:before{content:"\e9da"}.global-example{color:red}@tailwind base;@tailwind components;@tailwind utilities;@tailwind variants;
@@ -1,15 +0,0 @@
1
- import { PropType } from 'vue';
2
- declare const _default: import("vue").DefineComponent<{
3
- variant: {
4
- type: PropType<"" | "variant-filled" | "variant-filled-surface" | "variant-filled-primary" | "variant-filled-secondary" | "variant-filled-tertiary" | "variant-filled-success" | "variant-filled-warning" | "variant-filled-error" | "variant-ringed" | "variant-ringed-primary" | "variant-ringed-secondary" | "variant-ringed-tertiary" | "variant-ringed-success" | "variant-ringed-warning" | "variant-ringed-error" | "variant-ringed-surface" | "variant-ghost" | "variant-ghost-primary" | "variant-ghost-secondary" | "variant-ghost-tertiary" | "variant-ghost-success" | "variant-ghost-warning" | "variant-ghost-error" | "variant-ghost-surface" | "variant-soft" | "variant-soft-primary" | "variant-soft-secondary" | "variant-soft-tertiary" | "variant-soft-success" | "variant-soft-warning" | "variant-soft-error" | "variant-soft-surface" | "variant-glass" | "variant-glass-primary" | "variant-glass-secondary" | "variant-glass-tertiary" | "variant-glass-success" | "variant-glass-warning" | "variant-glass-error" | "variant-glass-surface">;
5
- default: string;
6
- };
7
- }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
8
- variant: {
9
- type: PropType<"" | "variant-filled" | "variant-filled-surface" | "variant-filled-primary" | "variant-filled-secondary" | "variant-filled-tertiary" | "variant-filled-success" | "variant-filled-warning" | "variant-filled-error" | "variant-ringed" | "variant-ringed-primary" | "variant-ringed-secondary" | "variant-ringed-tertiary" | "variant-ringed-success" | "variant-ringed-warning" | "variant-ringed-error" | "variant-ringed-surface" | "variant-ghost" | "variant-ghost-primary" | "variant-ghost-secondary" | "variant-ghost-tertiary" | "variant-ghost-success" | "variant-ghost-warning" | "variant-ghost-error" | "variant-ghost-surface" | "variant-soft" | "variant-soft-primary" | "variant-soft-secondary" | "variant-soft-tertiary" | "variant-soft-success" | "variant-soft-warning" | "variant-soft-error" | "variant-soft-surface" | "variant-glass" | "variant-glass-primary" | "variant-glass-secondary" | "variant-glass-tertiary" | "variant-glass-success" | "variant-glass-warning" | "variant-glass-error" | "variant-glass-surface">;
10
- default: string;
11
- };
12
- }>>, {
13
- variant: "" | "variant-filled" | "variant-filled-surface" | "variant-filled-primary" | "variant-filled-secondary" | "variant-filled-tertiary" | "variant-filled-success" | "variant-filled-warning" | "variant-filled-error" | "variant-ringed" | "variant-ringed-primary" | "variant-ringed-secondary" | "variant-ringed-tertiary" | "variant-ringed-success" | "variant-ringed-warning" | "variant-ringed-error" | "variant-ringed-surface" | "variant-ghost" | "variant-ghost-primary" | "variant-ghost-secondary" | "variant-ghost-tertiary" | "variant-ghost-success" | "variant-ghost-warning" | "variant-ghost-error" | "variant-ghost-surface" | "variant-soft" | "variant-soft-primary" | "variant-soft-secondary" | "variant-soft-tertiary" | "variant-soft-success" | "variant-soft-warning" | "variant-soft-error" | "variant-soft-surface" | "variant-glass" | "variant-glass-primary" | "variant-glass-secondary" | "variant-glass-tertiary" | "variant-glass-success" | "variant-glass-warning" | "variant-glass-error" | "variant-glass-surface";
14
- }>;
15
- export default _default;
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,95 +0,0 @@
1
- import { CssClasses } from '@/index';
2
- import { ComputedRef } from 'vue';
3
- declare const _default: import("vue").DefineComponent<{
4
- bgLight: {
5
- type: () => CssClasses;
6
- default: string;
7
- };
8
- bgDark: {
9
- type: () => CssClasses;
10
- default: string;
11
- };
12
- textLight: {
13
- type: () => CssClasses;
14
- default: string;
15
- };
16
- textDark: {
17
- type: () => CssClasses;
18
- default: string;
19
- };
20
- width: {
21
- type: () => CssClasses;
22
- default: string;
23
- };
24
- height: {
25
- type: () => CssClasses;
26
- default: string;
27
- };
28
- ring: {
29
- type: () => CssClasses;
30
- default: string;
31
- };
32
- rounded: {
33
- type: () => CssClasses;
34
- default: string;
35
- };
36
- }, {
37
- classesTrack: ComputedRef<string>;
38
- classesThumb: ComputedRef<string>;
39
- classesIcon: ComputedRef<string>;
40
- svgPath: {
41
- sun: string;
42
- moon: string;
43
- };
44
- onToggleHandler: () => void;
45
- onKeyDown: (event: KeyboardEvent) => void;
46
- chosenMode: import("vue").Ref<string>;
47
- iconFill: ComputedRef<string>;
48
- MODE: {
49
- LIGHT: string;
50
- DARK: string;
51
- };
52
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
53
- bgLight: {
54
- type: () => CssClasses;
55
- default: string;
56
- };
57
- bgDark: {
58
- type: () => CssClasses;
59
- default: string;
60
- };
61
- textLight: {
62
- type: () => CssClasses;
63
- default: string;
64
- };
65
- textDark: {
66
- type: () => CssClasses;
67
- default: string;
68
- };
69
- width: {
70
- type: () => CssClasses;
71
- default: string;
72
- };
73
- height: {
74
- type: () => CssClasses;
75
- default: string;
76
- };
77
- ring: {
78
- type: () => CssClasses;
79
- default: string;
80
- };
81
- rounded: {
82
- type: () => CssClasses;
83
- default: string;
84
- };
85
- }>>, {
86
- bgLight: string;
87
- bgDark: string;
88
- textLight: string;
89
- textDark: string;
90
- width: string;
91
- height: string;
92
- ring: string;
93
- rounded: string;
94
- }>;
95
- export default _default;
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,54 +0,0 @@
1
- export * from './tailwind';
2
- /**
3
- * The commented string unions are to use in PropType<> for Vue components,
4
- * TypeScript types or enums do not give errors when using a string that is not in the union.
5
- **/
6
- export declare const Variant: {
7
- Filled: string;
8
- FilledPrimary: string;
9
- FilledSecondary: string;
10
- FilledTertiary: string;
11
- FilledSuccess: string;
12
- FilledWarning: string;
13
- FilledError: string;
14
- FilledSurface: string;
15
- Ringed: string;
16
- RingedPrimary: string;
17
- RingedSecondary: string;
18
- RingedTertiary: string;
19
- RingedSuccess: string;
20
- RingedWarning: string;
21
- RingedError: string;
22
- RingedSurface: string;
23
- Ghost: string;
24
- GhostPrimary: string;
25
- GhostSecondary: string;
26
- GhostTertiary: string;
27
- GhostSuccess: string;
28
- GhostWarning: string;
29
- GhostError: string;
30
- GhostSurface: string;
31
- Soft: string;
32
- SoftPrimary: string;
33
- SoftSecondary: string;
34
- SoftTertiary: string;
35
- SoftSuccess: string;
36
- SoftWarning: string;
37
- SoftError: string;
38
- SoftSurface: string;
39
- Glass: string;
40
- GlassPrimary: string;
41
- GlassSecondary: string;
42
- GlassTertiary: string;
43
- GlassSuccess: string;
44
- GlassWarning: string;
45
- GlassError: string;
46
- GlassSurface: string;
47
- };
48
- export declare const Size: {
49
- XS: string;
50
- SM: string;
51
- MD: string;
52
- LG: string;
53
- XL: string;
54
- };
@@ -1,4 +0,0 @@
1
- export declare const tailwindNumbers: readonly ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
2
- export declare type TailwindNumbers = (typeof tailwindNumbers)[number];
3
- export declare const semanticNames: readonly ["primary", "secondary", "tertiary", "success", "warning", "error", "surface"];
4
- export declare type SemanticNames = (typeof semanticNames)[number];
@@ -1,69 +0,0 @@
1
- declare type ContrastLevel = 'AA' | 'AAA';
2
- declare type ContrastSize = 'small' | 'large';
3
- export interface Report {
4
- emoji: string;
5
- note: string;
6
- }
7
- export interface PassReport {
8
- textColor: string;
9
- backgroundColor: string;
10
- contrast: number;
11
- report: Report;
12
- smallAA: boolean;
13
- smallAAA: boolean;
14
- largeAA: boolean;
15
- largeAAA: boolean;
16
- fails: boolean;
17
- }
18
- export declare type Palette = {
19
- [key: number]: {
20
- hex: string;
21
- rgb: string;
22
- on: string;
23
- };
24
- };
25
- export declare const semanticNames: readonly ["primary", "secondary", "tertiary", "success", "warning", "error", "surface"];
26
- export declare type SemanticNames = (typeof semanticNames)[number];
27
- export interface ColorSettings {
28
- key: SemanticNames;
29
- label: string;
30
- hex: string;
31
- rgb: string;
32
- on: string;
33
- }
34
- declare type Rgb = {
35
- r: number;
36
- g: number;
37
- b: number;
38
- };
39
- declare const useColors: () => {
40
- hexToRgb: (hex: string) => Rgb | null;
41
- hexToTailwindRgbString: (hex: string) => string;
42
- rgbToHex: (r: number, g: number, b: number) => string;
43
- generateA11yOnColor: (hex: string) => '255 255 255' | '0 0 0';
44
- lighten: (hex: string, intensity: number) => string;
45
- darken: (hex: string, intensity: number) => string;
46
- generatePalette: (baseColor: string) => Palette;
47
- contrastLevels: Record<ContrastSize, {
48
- AA: number;
49
- AAA: number;
50
- }>;
51
- getLuminance: {
52
- (r: Rgb): number;
53
- (r: number, g: number, b: number): number;
54
- };
55
- destringRgb: (rgbString: string) => Rgb;
56
- handleStringColor: {
57
- (colorString: string): Rgb;
58
- (colorString: string, returnType: 'rgb'): Rgb;
59
- (colorString: string, returnType: 'hex'): string;
60
- (colorString: string, returnType?: "rgb" | "hex" | undefined): string | Rgb;
61
- };
62
- calculateRatio: (luminance1: string | number, luminance2: string | number) => number;
63
- textPasses: (textColor: string, backgroundColor: string, size: ContrastSize, level: ContrastLevel) => boolean;
64
- hexValueIsValid: (textColor: string) => boolean;
65
- getPassReport: (textColor: string, backgroundColor: string) => PassReport;
66
- hexValuesAreValid: (colors: Array<ColorSettings>) => boolean;
67
- semanticNames: readonly ["primary", "secondary", "tertiary", "success", "warning", "error", "surface"];
68
- };
69
- export { useColors };
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,69 +0,0 @@
1
- import { CssClasses } from '@/index';
2
- declare const _default: import("vue").DefineComponent<{
3
- background: {
4
- type: () => CssClasses;
5
- default: string;
6
- };
7
- text: {
8
- type: () => CssClasses;
9
- default: string;
10
- };
11
- widthPopup: {
12
- type: () => CssClasses;
13
- default: string;
14
- };
15
- heightList: {
16
- type: () => CssClasses;
17
- default: string;
18
- };
19
- classButton: {
20
- type: () => CssClasses;
21
- default: string;
22
- };
23
- classList: {
24
- type: () => CssClasses;
25
- default: string;
26
- };
27
- classListItem: {
28
- type: () => CssClasses;
29
- default: string;
30
- };
31
- }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
32
- background: {
33
- type: () => CssClasses;
34
- default: string;
35
- };
36
- text: {
37
- type: () => CssClasses;
38
- default: string;
39
- };
40
- widthPopup: {
41
- type: () => CssClasses;
42
- default: string;
43
- };
44
- heightList: {
45
- type: () => CssClasses;
46
- default: string;
47
- };
48
- classButton: {
49
- type: () => CssClasses;
50
- default: string;
51
- };
52
- classList: {
53
- type: () => CssClasses;
54
- default: string;
55
- };
56
- classListItem: {
57
- type: () => CssClasses;
58
- default: string;
59
- };
60
- }>>, {
61
- background: string;
62
- text: string;
63
- classButton: string;
64
- widthPopup: string;
65
- heightList: string;
66
- classList: string;
67
- classListItem: string;
68
- }>;
69
- export default _default;
@@ -1 +0,0 @@
1
- export {};