design-system-dashboard-devmunity 0.3.0 → 1.0.1

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 (57) hide show
  1. package/README.md +33 -31
  2. package/app/app.config.ts +2 -1
  3. package/app/app.vue +21 -3
  4. package/app/assets/css/settings/base.css +33 -33
  5. package/app/assets/css/themes/components/badge.js +7 -0
  6. package/app/assets/css/themes/components/input.js +5 -0
  7. package/app/assets/css/themes/index.js +2 -1
  8. package/app/components/BaseButton.vue +3 -0
  9. package/app/components/Colors.mdx +42 -0
  10. package/app/components/Indroduction.mdx +100 -0
  11. package/app/components/a/button/a-button-avatar-dropdown.stories.ts +83 -0
  12. package/app/components/a/button/a-button-avatar-dropdown.vue +41 -17
  13. package/app/components/a/button/a-button-navigation.stories.ts +66 -0
  14. package/app/components/a/button/a-button-navigation.vue +57 -0
  15. package/app/components/a/card/a-card-inner.stories.ts +89 -0
  16. package/app/components/a/card/a-card-inner.vue +38 -0
  17. package/app/components/a/dropdown/a-dropdown-avatar.stories.ts +160 -0
  18. package/app/components/a/dropdown/a-dropdown-avatar.vue +75 -33
  19. package/app/components/a/pill/a-pill.stories.ts +91 -0
  20. package/app/components/a/pill/a-pill.vue +63 -42
  21. package/app/components/b/badge/b-badge.stories.ts +77 -0
  22. package/app/components/b/badge/b-badge.vue +55 -0
  23. package/app/components/b/card/b-card.stories.ts +120 -0
  24. package/app/components/b/card/b-card.vue +49 -32
  25. package/app/components/b/modal/b-modal.stories.ts +210 -0
  26. package/app/components/b/modal/b-modal.vue +125 -81
  27. package/app/components/c/badge/c-badge-status.stories.ts +72 -0
  28. package/app/components/c/badge/c-badge-status.vue +60 -0
  29. package/app/components/c/modal/c-modal-danger.stories.ts +112 -0
  30. package/app/components/c/modal/c-modal-danger.vue +60 -41
  31. package/app/components/d/action-buttons/d-action-buttons.stories.ts +90 -0
  32. package/app/components/d/action-buttons/d-action-buttons.vue +121 -0
  33. package/app/components/d/card/d-card-header.stories.ts +123 -0
  34. package/app/components/{b/card/b-card-header.vue → d/card/d-card-header.vue} +62 -44
  35. package/app/components/d/upload/d-upload-avatar.stories.ts +66 -0
  36. package/app/components/d/upload/d-upload-avatar.vue +95 -0
  37. package/app/pages/test.vue +27 -16
  38. package/app/types/index.ts +1 -0
  39. package/app/types/semantic-colors.type.ts +3 -0
  40. package/app/utils/util-get-colors-from-css.ts +53 -0
  41. package/nuxt.config.ts +11 -16
  42. package/package.json +84 -68
  43. package/.editorconfig +0 -13
  44. package/.github/workflows/release.yml +0 -36
  45. package/.husky/commit-msg +0 -1
  46. package/.husky/pre-commit +0 -0
  47. package/.prettierrc +0 -24
  48. package/.storybook/main.js +0 -25
  49. package/.storybook/preview.js +0 -13
  50. package/.vscode/settings.json +0 -28
  51. package/CHANGELOG.md +0 -46
  52. package/app/Introduction.mdx +0 -44
  53. package/app/components/a/button/a-button-back.vue +0 -33
  54. package/app/components/b/card/b-card-inner.vue +0 -25
  55. package/app/components/d/d-action-buttons.vue +0 -99
  56. package/commitlint.config.js +0 -8
  57. package/tsconfig.json +0 -8
@@ -1,99 +0,0 @@
1
- <script lang="jsx" setup>
2
- import { twMerge } from 'tailwind-merge'
3
-
4
- const props = defineProps({
5
- class: {
6
- type: [String, Object, Array],
7
- default: () => '',
8
- required: false,
9
- },
10
- classButtons: {
11
- type: [String, Object, Array],
12
- default: () => '',
13
- required: false,
14
- },
15
- primaryButtonText: {
16
- type: String,
17
- default: '',
18
- required: false,
19
- },
20
- primaryButtonIcon: {
21
- type: String,
22
- default: '',
23
- required: false,
24
- },
25
- primaryButtonTo: {
26
- type: String,
27
- default: '',
28
- required: false,
29
- },
30
- primaryButtonColor: {
31
- type: String,
32
- default: 'primary',
33
- required: false,
34
- },
35
- secondaryButtonText: {
36
- type: String,
37
- default: '',
38
- required: false,
39
- },
40
- secondaryButtonTo: {
41
- type: String,
42
- default: '',
43
- required: false,
44
- },
45
- hasButtonsBlock: {
46
- type: Boolean,
47
- default: false,
48
- required: false,
49
- },
50
- isReverse: {
51
- type: Boolean,
52
- default: false,
53
- required: false,
54
- },
55
- isPrimaryButtonDisabled: {
56
- type: Boolean,
57
- default: false,
58
- required: false,
59
- },
60
- isSecondaryButtonDisabled: {
61
- type: Boolean,
62
- default: false,
63
- required: false,
64
- },
65
- })
66
- const emit = defineEmits(['on-click-primary-button', 'on-click-secondary-button'])
67
-
68
- const classCard = computed(() => twMerge('flex gap-x-4', props.class, props.isReverse && 'flex-row-reverse'))
69
- const classButtonsComputed = computed(() =>
70
- twMerge('justify-center w-[150px]', props.hasButtonsBlock && 'flex-auto', props.classButtons)
71
- )
72
- </script>
73
-
74
- <template>
75
- <footer :class="classCard">
76
- <UButton
77
- v-if="secondaryButtonText"
78
- :to="secondaryButtonTo"
79
- :label="secondaryButtonText"
80
- :disabled="isSecondaryButtonDisabled"
81
- :class="classButtonsComputed"
82
- variant="outline"
83
- color="neutral"
84
- @click="$emit('on-click-secondary-button')"
85
- />
86
- <UButton
87
- v-if="primaryButtonText"
88
- :label="primaryButtonText"
89
- :to="primaryButtonTo"
90
- :icon="primaryButtonIcon"
91
- :color="primaryButtonColor"
92
- :disabled="isPrimaryButtonDisabled"
93
- :class="classButtonsComputed"
94
- type="submit"
95
- trailing
96
- @click="$emit('on-click-primary-button')"
97
- />
98
- </footer>
99
- </template>
@@ -1,8 +0,0 @@
1
- export default {
2
- extends: ['@commitlint/config-conventional'],
3
- rules: {
4
- // 'body-max-line-length': [0],
5
- 'body-max-line-length': [2, 'always', 500],
6
- 'header-max-length': [2, 'always', 120],
7
- },
8
- }
package/tsconfig.json DELETED
@@ -1,8 +0,0 @@
1
- {
2
- // "extends": "./tsconfig.json",
3
- "extends": "./.nuxt/tsconfig.json",
4
- // "exclude": [
5
- // ".nuxt",
6
- // "node_modules"
7
- // ]
8
- }