@quidgest/ui 0.0.7

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 (63) hide show
  1. package/README.md +66 -0
  2. package/dist/ui.esm.js +1326 -0
  3. package/dist/ui.esm.js.map +1 -0
  4. package/dist/ui.js +4 -0
  5. package/dist/ui.js.map +1 -0
  6. package/dist/ui.min.js +276 -0
  7. package/dist/ui.min.js.map +1 -0
  8. package/lib/components/QButton/QButton.vue.d.ts +118 -0
  9. package/lib/components/QButton/QButton.vue.d.ts.map +1 -0
  10. package/lib/components/QButton/index.d.ts +3 -0
  11. package/lib/components/QButton/index.d.ts.map +1 -0
  12. package/lib/components/QButtonGroup/QButtonGroup.vue.d.ts +36 -0
  13. package/lib/components/QButtonGroup/QButtonGroup.vue.d.ts.map +1 -0
  14. package/lib/components/QButtonGroup/index.d.ts +3 -0
  15. package/lib/components/QButtonGroup/index.d.ts.map +1 -0
  16. package/lib/components/QButtonToggle/QButtonToggle.vue.d.ts +57 -0
  17. package/lib/components/QButtonToggle/QButtonToggle.vue.d.ts.map +1 -0
  18. package/lib/components/QButtonToggle/index.d.ts +3 -0
  19. package/lib/components/QButtonToggle/index.d.ts.map +1 -0
  20. package/lib/components/QLineLoader/QLineLoader.vue.d.ts +3 -0
  21. package/lib/components/QLineLoader/QLineLoader.vue.d.ts.map +1 -0
  22. package/lib/components/QLineLoader/index.d.ts +3 -0
  23. package/lib/components/QLineLoader/index.d.ts.map +1 -0
  24. package/lib/components/QOverlay/QOverlay.vue.d.ts +116 -0
  25. package/lib/components/QOverlay/QOverlay.vue.d.ts.map +1 -0
  26. package/lib/components/QOverlay/index.d.ts +3 -0
  27. package/lib/components/QOverlay/index.d.ts.map +1 -0
  28. package/lib/components/QPopover/QPopover.vue.d.ts +88 -0
  29. package/lib/components/QPopover/QPopover.vue.d.ts.map +1 -0
  30. package/lib/components/QPopover/index.d.ts +3 -0
  31. package/lib/components/QPopover/index.d.ts.map +1 -0
  32. package/lib/components/QSpinnerLoader/QSpinnerLoader.vue.d.ts +15 -0
  33. package/lib/components/QSpinnerLoader/QSpinnerLoader.vue.d.ts.map +1 -0
  34. package/lib/components/QSpinnerLoader/index.d.ts +3 -0
  35. package/lib/components/QSpinnerLoader/index.d.ts.map +1 -0
  36. package/lib/components/QTooltip/QTooltip.vue.d.ts +99 -0
  37. package/lib/components/QTooltip/QTooltip.vue.d.ts.map +1 -0
  38. package/lib/components/QTooltip/index.d.ts +3 -0
  39. package/lib/components/QTooltip/index.d.ts.map +1 -0
  40. package/lib/components/index.d.ts +9 -0
  41. package/lib/components/index.d.ts.map +1 -0
  42. package/lib/composables/defaults.d.ts +5 -0
  43. package/lib/composables/defaults.d.ts.map +1 -0
  44. package/lib/composables/overlay.d.ts +13 -0
  45. package/lib/composables/overlay.d.ts.map +1 -0
  46. package/lib/composables/theme.d.ts +35 -0
  47. package/lib/composables/theme.d.ts.map +1 -0
  48. package/lib/framework.d.ts +7 -0
  49. package/lib/framework.d.ts.map +1 -0
  50. package/lib/index.d.ts +4 -0
  51. package/lib/index.d.ts.map +1 -0
  52. package/lib/styles/ui.css +720 -0
  53. package/lib/styles/ui.min.css +1 -0
  54. package/lib/styles/ui.scss +710 -0
  55. package/lib/utils/defineComponent.d.ts +4 -0
  56. package/lib/utils/defineComponent.d.ts.map +1 -0
  57. package/lib/utils/getCurrentInstance.d.ts +2 -0
  58. package/lib/utils/getCurrentInstance.d.ts.map +1 -0
  59. package/lib/utils/getElement.d.ts +7 -0
  60. package/lib/utils/getElement.d.ts.map +1 -0
  61. package/lib/utils/getUid.d.ts +5 -0
  62. package/lib/utils/getUid.d.ts.map +1 -0
  63. package/package.json +108 -0
package/README.md ADDED
@@ -0,0 +1,66 @@
1
+ # Quidgest UI
2
+
3
+ Quidgest Vue 3 component framework.
4
+
5
+ ## Features
6
+
7
+ - A collection of customizable and reusable Vue 3 components.
8
+ - Written in TypeScript for type safety and better developer experience.
9
+ - Easily style components using SCSS.
10
+ - Documentation and examples.
11
+
12
+ ## Install
13
+
14
+ ```cli
15
+ pnpm add @quidgest/ui
16
+ ```
17
+
18
+ ## Usage
19
+
20
+ Once installed, you can import and use components as follows:
21
+
22
+ ```vue
23
+ <template>
24
+ <div>
25
+ <q-button>Click me</q-button>
26
+ </div>
27
+ </template>
28
+
29
+ <script>
30
+ import { QButton } from '@quidgest/ui'
31
+
32
+ export default {
33
+ components: {
34
+ QButton
35
+ }
36
+ }
37
+ </script>
38
+ ```
39
+
40
+ ## Development
41
+
42
+ The package utilizes Storybook for component development and organization. You can view the components locally in the Storybook documentation explorer.
43
+
44
+ First, navigate to the package's directory:
45
+
46
+ ```cli
47
+ cd ui
48
+ ```
49
+
50
+ Next, run Storybook:
51
+
52
+ ```cli
53
+ npm run storybook
54
+ ```
55
+
56
+ (You might need to execute `pnpm install` beforehand if you haven't done so.)
57
+
58
+ By default, Storybook will be running at `http://localhost:6006/`.
59
+
60
+ ## Running Unit Tests
61
+
62
+ It's important to run unit tests during development to ensure code quality and correctness. Execute the following command to run the unit tests:
63
+
64
+ ```cli
65
+ npm run test
66
+ ```