telecop 0.1.12 → 0.1.14
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 +19 -6
- package/tailwind-plugin.js +68 -0
package/package.json
CHANGED
|
@@ -1,21 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "telecop",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.14",
|
|
4
4
|
"description": "Modern React UI Components Library",
|
|
5
|
-
"type": "module",
|
|
6
5
|
"main": "./dist/index.js",
|
|
7
6
|
"module": "./dist/index.mjs",
|
|
8
7
|
"types": "./dist/index.d.ts",
|
|
9
8
|
"exports": {
|
|
10
9
|
".": {
|
|
10
|
+
"types": "./dist/index.d.ts",
|
|
11
11
|
"import": "./dist/index.mjs",
|
|
12
|
-
"require": "./dist/index.js"
|
|
13
|
-
"types": "./dist/index.d.ts"
|
|
12
|
+
"require": "./dist/index.js"
|
|
14
13
|
},
|
|
14
|
+
"./plugin": "./tailwind-plugin.js",
|
|
15
15
|
"./style.css": "./dist/style.css"
|
|
16
16
|
},
|
|
17
17
|
"files": [
|
|
18
|
-
"dist"
|
|
18
|
+
"dist",
|
|
19
|
+
"tailwind-plugin.js",
|
|
20
|
+
"README.md"
|
|
19
21
|
],
|
|
20
22
|
"scripts": {
|
|
21
23
|
"build": "vite build",
|
|
@@ -26,10 +28,21 @@
|
|
|
26
28
|
"ui",
|
|
27
29
|
"components",
|
|
28
30
|
"tailwind",
|
|
29
|
-
"telecop"
|
|
31
|
+
"telecop",
|
|
32
|
+
"buttons",
|
|
33
|
+
"gradient",
|
|
34
|
+
"glass-morphism"
|
|
30
35
|
],
|
|
31
36
|
"author": "Laith Alawad",
|
|
32
37
|
"license": "MIT",
|
|
38
|
+
"repository": {
|
|
39
|
+
"type": "git",
|
|
40
|
+
"url": "https://github.com/yourusername/telecop"
|
|
41
|
+
},
|
|
42
|
+
"bugs": {
|
|
43
|
+
"url": "https://github.com/yourusername/telecop/issues"
|
|
44
|
+
},
|
|
45
|
+
"homepage": "https://github.com/yourusername/telecop#readme",
|
|
33
46
|
"peerDependencies": {
|
|
34
47
|
"react": "^18.0.0 || ^19.0.0",
|
|
35
48
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
// src/tailwind-plugin.js
|
|
2
|
+
|
|
3
|
+
const plugin = require('tailwindcss/plugin');
|
|
4
|
+
|
|
5
|
+
module.exports = plugin(function({ addUtilities }) {
|
|
6
|
+
const newUtilities = {
|
|
7
|
+
// Gradient Animations
|
|
8
|
+
'.animate-gradient-shift': {
|
|
9
|
+
'background-size': '200% 200%',
|
|
10
|
+
'animation': 'gradient-shift 8s ease infinite',
|
|
11
|
+
},
|
|
12
|
+
'.animate-gradient-wave': {
|
|
13
|
+
'background-size': '200% 200%',
|
|
14
|
+
'animation': 'gradient-wave 12s ease infinite',
|
|
15
|
+
},
|
|
16
|
+
'.animate-gradient-pulse': {
|
|
17
|
+
'background-position': 'center',
|
|
18
|
+
'animation': 'gradient-pulse 6s ease infinite',
|
|
19
|
+
},
|
|
20
|
+
'.animate-gradient-rotate': {
|
|
21
|
+
'animation': 'gradient-rotate 10s linear infinite',
|
|
22
|
+
},
|
|
23
|
+
'.animate-gradient-flow': {
|
|
24
|
+
'background-size': '300% 300%',
|
|
25
|
+
'animation': 'gradient-flow 15s ease infinite',
|
|
26
|
+
},
|
|
27
|
+
'.animate-gradient-zoom': {
|
|
28
|
+
'background-position': 'center',
|
|
29
|
+
'animation': 'gradient-zoom 8s ease infinite',
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
addUtilities(newUtilities);
|
|
34
|
+
}, {
|
|
35
|
+
theme: {
|
|
36
|
+
extend: {
|
|
37
|
+
keyframes: {
|
|
38
|
+
'gradient-shift': {
|
|
39
|
+
'0%, 100%': { 'background-position': '0% 50%' },
|
|
40
|
+
'50%': { 'background-position': '100% 50%' },
|
|
41
|
+
},
|
|
42
|
+
'gradient-wave': {
|
|
43
|
+
'0%, 100%': { 'background-position': '0% 0%' },
|
|
44
|
+
'25%': { 'background-position': '100% 0%' },
|
|
45
|
+
'50%': { 'background-position': '100% 100%' },
|
|
46
|
+
'75%': { 'background-position': '0% 100%' },
|
|
47
|
+
},
|
|
48
|
+
'gradient-pulse': {
|
|
49
|
+
'0%, 100%': { 'background-size': '100% 100%', opacity: '1' },
|
|
50
|
+
'50%': { 'background-size': '150% 150%', opacity: '0.8' },
|
|
51
|
+
},
|
|
52
|
+
'gradient-rotate': {
|
|
53
|
+
'0%': { filter: 'hue-rotate(0deg)' },
|
|
54
|
+
'100%': { filter: 'hue-rotate(360deg)' },
|
|
55
|
+
},
|
|
56
|
+
'gradient-flow': {
|
|
57
|
+
'0%': { 'background-position': '0% 50%' },
|
|
58
|
+
'50%': { 'background-position': '100% 50%' },
|
|
59
|
+
'100%': { 'background-position': '0% 50%' },
|
|
60
|
+
},
|
|
61
|
+
'gradient-zoom': {
|
|
62
|
+
'0%, 100%': { 'background-size': '100% 100%' },
|
|
63
|
+
'50%': { 'background-size': '200% 200%' },
|
|
64
|
+
},
|
|
65
|
+
},
|
|
66
|
+
},
|
|
67
|
+
},
|
|
68
|
+
});
|