@code-coaching/vuetiful 0.27.0 → 0.29.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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@code-coaching/vuetiful",
3
3
  "type": "module",
4
- "version": "0.27.0",
4
+ "version": "0.29.0",
5
5
  "license": "MIT",
6
6
  "scripts": {
7
7
  "dev": "vite",
@@ -1,2 +0,0 @@
1
- @import './transitions/slide.css';
2
- @import './transitions/fade.css';
@@ -1,14 +0,0 @@
1
- .fade-150-enter-active,
2
- .fade-150-leave-active {
3
- transition: opacity 150ms;
4
- }
5
- .fade-300-enter-active,
6
- .fade-300-leave-active {
7
- transition: opacity 300ms;
8
- }
9
- .fade-150-enter-from,
10
- .fade-150-leave-to,
11
- .fade-300-enter-from,
12
- .fade-300-leave-to {
13
- opacity: 0;
14
- }
@@ -1,89 +0,0 @@
1
- .slide-left-150-enter-active {
2
- animation: slide-left 150ms;
3
- }
4
- .slide-left-150-leave-active {
5
- animation: slide-left 150ms reverse;
6
- }
7
- .slide-left-300-enter-active {
8
- animation: slide-left 300ms;
9
- }
10
- .slide-left-300-leave-active {
11
- animation: slide-left 300ms reverse;
12
- }
13
- .slide-left-900-enter-active {
14
- animation: slide-left 900ms;
15
- }
16
- .slide-left-900-leave-active {
17
- animation: slide-left 900ms reverse;
18
- }
19
- @keyframes slide-left {
20
- 0% {
21
- transform: translateX(-100%);
22
- }
23
- 100% {
24
- transform: translateX(0);
25
- }
26
- }
27
-
28
- .slide-top-150-enter-active {
29
- animation: slide-top 150ms;
30
- }
31
- .slide-top-150-leave-active {
32
- animation: slide-top 150ms reverse;
33
- }
34
- .slide-top-300-enter-active {
35
- animation: slide-top 300ms;
36
- }
37
- .slide-top-300-leave-active {
38
- animation: slide-top 300ms reverse;
39
- }
40
- @keyframes slide-top {
41
- 0% {
42
- transform: translateY(-100%);
43
- }
44
- 100% {
45
- transform: translateY(0);
46
- }
47
- }
48
-
49
- .slide-right-150-enter-active {
50
- animation: slide-right 150ms;
51
- }
52
- .slide-right-150-leave-active {
53
- animation: slide-right 150ms reverse;
54
- }
55
- .slide-right-300-enter-active {
56
- animation: slide-right 300ms;
57
- }
58
- .slide-right-300-leave-active {
59
- animation: slide-right 300ms reverse;
60
- }
61
- @keyframes slide-right {
62
- 0% {
63
- transform: translateX(100%);
64
- }
65
- 100% {
66
- transform: translateX(0);
67
- }
68
- }
69
-
70
- .slide-bottom-150-enter-active {
71
- animation: slide-bottom 150ms;
72
- }
73
- .slide-bottom-150-leave-active {
74
- animation: slide-bottom 150ms reverse;
75
- }
76
- .slide-bottom-300-enter-active {
77
- animation: slide-bottom 300ms;
78
- }
79
- .slide-bottom-300-leave-active {
80
- animation: slide-bottom 300ms reverse;
81
- }
82
- @keyframes slide-bottom {
83
- 0% {
84
- transform: translateY(100%);
85
- }
86
- 100% {
87
- transform: translateY(0);
88
- }
89
- }
@@ -1,95 +0,0 @@
1
- import { type CssClasses } from '@/lib';
2
- import { type 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").PublicProps, 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
- rounded: string;
87
- bgLight: string;
88
- bgDark: string;
89
- textLight: string;
90
- textDark: string;
91
- width: string;
92
- height: string;
93
- ring: string;
94
- }, {}>;
95
- export default _default;
@@ -1,78 +0,0 @@
1
- import { type CssClasses } from '@/lib';
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
- classListItemActive: {
32
- type: () => CssClasses;
33
- default: string;
34
- };
35
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
36
- background: {
37
- type: () => CssClasses;
38
- default: string;
39
- };
40
- text: {
41
- type: () => CssClasses;
42
- default: string;
43
- };
44
- widthPopup: {
45
- type: () => CssClasses;
46
- default: string;
47
- };
48
- heightList: {
49
- type: () => CssClasses;
50
- default: string;
51
- };
52
- classButton: {
53
- type: () => CssClasses;
54
- default: string;
55
- };
56
- classList: {
57
- type: () => CssClasses;
58
- default: string;
59
- };
60
- classListItem: {
61
- type: () => CssClasses;
62
- default: string;
63
- };
64
- classListItemActive: {
65
- type: () => CssClasses;
66
- default: string;
67
- };
68
- }>>, {
69
- text: string;
70
- background: string;
71
- widthPopup: string;
72
- heightList: string;
73
- classButton: string;
74
- classList: string;
75
- classListItem: string;
76
- classListItemActive: string;
77
- }, {}>;
78
- export default _default;