sprintify-ui 0.0.8 → 0.0.10

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 (19) hide show
  1. package/README.md +157 -41
  2. package/dist/sprintify-ui.es.js +260 -260
  3. package/dist/style.css +1 -1
  4. package/dist/tailwindcss/index.js +274 -0
  5. package/package.json +3 -3
  6. package/src/assets/form.css +1 -10
  7. package/src/assets/main.css +0 -1
  8. package/src/assets/tailwind.css +3 -5
  9. package/src/components/BaseAutocomplete.stories.js +0 -1
  10. package/src/components/BaseAutocompleteFetch.stories.js +0 -1
  11. package/src/components/BaseBelongsTo.stories.js +0 -1
  12. package/src/components/BaseButton.stories.js +11 -3
  13. package/src/components/BaseDatePicker.stories.js +0 -5
  14. package/src/components/BaseDateSelect.stories.js +41 -0
  15. package/src/components/BaseDateSelect.vue +1 -1
  16. package/src/components/BaseDescriptionList.stories.js +35 -0
  17. package/src/components/BaseDescriptionList.vue +3 -1
  18. package/src/components/BaseSkeleton.vue +1 -1
  19. package/src/assets/button.css +0 -80
package/src/assets/button.css DELETED
@@ -1,80 +0,0 @@
1
- .btn {
2
- @apply text-center relative inline-block cursor-pointer select-none rounded-md border px-4 py-2.5 text-sm transition-colors duration-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50;
3
- @apply btn-default;
4
- }
5
-
6
- .btn.btn-xs {
7
- @apply px-2 py-1 text-xs leading-4;
8
- }
9
-
10
- .btn.btn-sm {
11
- @apply px-3 py-2 text-sm leading-4;
12
- }
13
-
14
- .btn.btn-md {
15
- @apply px-4 py-2.5 text-sm;
16
- }
17
-
18
- .btn.btn-lg {
19
- @apply px-5 py-3 text-base;
20
- }
21
-
22
- .btn.btn-xl {
23
- @apply px-6 py-4 text-base;
24
- }
25
-
26
- .btn-default {
27
- @apply border-slate-300 bg-white text-slate-600 hover:bg-slate-100 focus-visible:ring-primary-500 disabled:hover:bg-white;
28
- }
29
-
30
- .btn.btn-primary {
31
- @apply border-transparent bg-primary-500 text-white hover:bg-primary-700 focus-visible:ring-primary-500 disabled:hover:bg-primary-500;
32
- }
33
-
34
- .btn.btn-secondary {
35
- @apply border-transparent bg-primary-200 text-primary-700 hover:bg-primary-100 focus-visible:ring-primary-500 disabled:hover:bg-primary-100;
36
- }
37
-
38
- .btn.btn-secondary-outline {
39
- @apply border-primary-400 bg-primary-200 text-primary-700 hover:bg-primary-100 focus-visible:ring-primary-500 disabled:hover:bg-primary-100;
40
- }
41
-
42
- .btn.btn-slate-100 {
43
- @apply border-transparent bg-slate-100 text-slate-700 hover:bg-slate-200 focus-visible:ring-slate-300 disabled:hover:bg-slate-50;
44
- }
45
-
46
- .btn.btn-slate-100-outline {
47
- @apply border-slate-200 bg-slate-100 text-slate-700 hover:bg-slate-50 focus-visible:ring-slate-300 disabled:hover:bg-slate-50;
48
- }
49
-
50
- .btn.btn-slate-200 {
51
- @apply border-transparent bg-slate-200 text-slate-800 hover:bg-slate-300 focus-visible:ring-slate-300 disabled:hover:bg-slate-50;
52
- }
53
-
54
- .btn.btn-slate-200-outline {
55
- @apply border-slate-300 bg-slate-200 text-slate-800 hover:bg-slate-300 focus-visible:ring-slate-300 disabled:hover:bg-slate-50;
56
- }
57
-
58
- .btn.btn-white {
59
- @apply border-transparent bg-white text-slate-600 hover:bg-slate-100 focus-visible:ring-primary-500 disabled:hover:bg-white;
60
- }
61
-
62
- .btn.btn-white-outline {
63
- @apply btn-default;
64
- }
65
-
66
- .btn.btn-white-outline-primary {
67
- @apply border-primary-400 bg-white text-primary-600 hover:bg-primary-100 focus-visible:ring-primary-500 disabled:hover:bg-white;
68
- }
69
-
70
- .btn.btn-black {
71
- @apply border-transparent bg-slate-900 text-white hover:bg-slate-800 focus-visible:ring-slate-900 disabled:hover:bg-slate-900;
72
- }
73
-
74
- .btn.btn-danger {
75
- @apply border-transparent bg-red-600 text-white hover:bg-red-700 focus-visible:ring-red-300 disabled:hover:bg-red-600;
76
- }
77
-
78
- .btn.btn-warning {
79
- @apply border-transparent bg-yellow-400 text-yellow-900 hover:bg-yellow-200 focus-visible:ring-yellow-300 disabled:hover:bg-yellow-300;
80
- }