@memelabui/ui 0.1.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/README.md +104 -0
- package/dist/index.cjs +722 -0
- package/dist/index.d.cts +232 -0
- package/dist/index.d.ts +232 -0
- package/dist/index.js +698 -0
- package/dist/preset/index.cjs +139 -0
- package/dist/preset/index.d.cts +5 -0
- package/dist/preset/index.d.ts +5 -0
- package/dist/preset/index.js +133 -0
- package/dist/styles/index.css +1766 -0
- package/dist/tokens/index.cjs +23 -0
- package/dist/tokens/index.d.cts +32 -0
- package/dist/tokens/index.d.ts +32 -0
- package/dist/tokens/index.js +21 -0
- package/package.json +120 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
// src/tokens/colors.ts
|
|
4
|
+
var colors = {
|
|
5
|
+
bg: "#0a0a0f",
|
|
6
|
+
fg: "#f9fafb",
|
|
7
|
+
surface: {
|
|
8
|
+
0: "#0a0a0f",
|
|
9
|
+
50: "#0f0f18",
|
|
10
|
+
100: "#141420",
|
|
11
|
+
200: "#1a1a2e",
|
|
12
|
+
300: "#24243a",
|
|
13
|
+
400: "#2a2a4a"
|
|
14
|
+
},
|
|
15
|
+
primary: { DEFAULT: "#8b5cf6", light: "#a78bfa", dark: "#7c3aed" },
|
|
16
|
+
accent: { DEFAULT: "#667eea", light: "#8b9cf7", dark: "#4c5fd4" },
|
|
17
|
+
glow: { purple: "#764ba2", pink: "#f093fb" },
|
|
18
|
+
success: "#10b981",
|
|
19
|
+
warning: "#f59e0b",
|
|
20
|
+
danger: "#f43f5e"
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
exports.colors = colors;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
declare const colors: {
|
|
2
|
+
readonly bg: "#0a0a0f";
|
|
3
|
+
readonly fg: "#f9fafb";
|
|
4
|
+
readonly surface: {
|
|
5
|
+
readonly 0: "#0a0a0f";
|
|
6
|
+
readonly 50: "#0f0f18";
|
|
7
|
+
readonly 100: "#141420";
|
|
8
|
+
readonly 200: "#1a1a2e";
|
|
9
|
+
readonly 300: "#24243a";
|
|
10
|
+
readonly 400: "#2a2a4a";
|
|
11
|
+
};
|
|
12
|
+
readonly primary: {
|
|
13
|
+
readonly DEFAULT: "#8b5cf6";
|
|
14
|
+
readonly light: "#a78bfa";
|
|
15
|
+
readonly dark: "#7c3aed";
|
|
16
|
+
};
|
|
17
|
+
readonly accent: {
|
|
18
|
+
readonly DEFAULT: "#667eea";
|
|
19
|
+
readonly light: "#8b9cf7";
|
|
20
|
+
readonly dark: "#4c5fd4";
|
|
21
|
+
};
|
|
22
|
+
readonly glow: {
|
|
23
|
+
readonly purple: "#764ba2";
|
|
24
|
+
readonly pink: "#f093fb";
|
|
25
|
+
};
|
|
26
|
+
readonly success: "#10b981";
|
|
27
|
+
readonly warning: "#f59e0b";
|
|
28
|
+
readonly danger: "#f43f5e";
|
|
29
|
+
};
|
|
30
|
+
type MemelabColors = typeof colors;
|
|
31
|
+
|
|
32
|
+
export { type MemelabColors, colors };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
declare const colors: {
|
|
2
|
+
readonly bg: "#0a0a0f";
|
|
3
|
+
readonly fg: "#f9fafb";
|
|
4
|
+
readonly surface: {
|
|
5
|
+
readonly 0: "#0a0a0f";
|
|
6
|
+
readonly 50: "#0f0f18";
|
|
7
|
+
readonly 100: "#141420";
|
|
8
|
+
readonly 200: "#1a1a2e";
|
|
9
|
+
readonly 300: "#24243a";
|
|
10
|
+
readonly 400: "#2a2a4a";
|
|
11
|
+
};
|
|
12
|
+
readonly primary: {
|
|
13
|
+
readonly DEFAULT: "#8b5cf6";
|
|
14
|
+
readonly light: "#a78bfa";
|
|
15
|
+
readonly dark: "#7c3aed";
|
|
16
|
+
};
|
|
17
|
+
readonly accent: {
|
|
18
|
+
readonly DEFAULT: "#667eea";
|
|
19
|
+
readonly light: "#8b9cf7";
|
|
20
|
+
readonly dark: "#4c5fd4";
|
|
21
|
+
};
|
|
22
|
+
readonly glow: {
|
|
23
|
+
readonly purple: "#764ba2";
|
|
24
|
+
readonly pink: "#f093fb";
|
|
25
|
+
};
|
|
26
|
+
readonly success: "#10b981";
|
|
27
|
+
readonly warning: "#f59e0b";
|
|
28
|
+
readonly danger: "#f43f5e";
|
|
29
|
+
};
|
|
30
|
+
type MemelabColors = typeof colors;
|
|
31
|
+
|
|
32
|
+
export { type MemelabColors, colors };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// src/tokens/colors.ts
|
|
2
|
+
var colors = {
|
|
3
|
+
bg: "#0a0a0f",
|
|
4
|
+
fg: "#f9fafb",
|
|
5
|
+
surface: {
|
|
6
|
+
0: "#0a0a0f",
|
|
7
|
+
50: "#0f0f18",
|
|
8
|
+
100: "#141420",
|
|
9
|
+
200: "#1a1a2e",
|
|
10
|
+
300: "#24243a",
|
|
11
|
+
400: "#2a2a4a"
|
|
12
|
+
},
|
|
13
|
+
primary: { DEFAULT: "#8b5cf6", light: "#a78bfa", dark: "#7c3aed" },
|
|
14
|
+
accent: { DEFAULT: "#667eea", light: "#8b9cf7", dark: "#4c5fd4" },
|
|
15
|
+
glow: { purple: "#764ba2", pink: "#f093fb" },
|
|
16
|
+
success: "#10b981",
|
|
17
|
+
warning: "#f59e0b",
|
|
18
|
+
danger: "#f43f5e"
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { colors };
|
package/package.json
ADDED
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@memelabui/ui",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "MemeLab shared UI component library — React + Tailwind + Glassmorphism",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"*.css"
|
|
8
|
+
],
|
|
9
|
+
"main": "./dist/index.cjs",
|
|
10
|
+
"module": "./dist/index.js",
|
|
11
|
+
"types": "./dist/index.d.ts",
|
|
12
|
+
"exports": {
|
|
13
|
+
".": {
|
|
14
|
+
"import": {
|
|
15
|
+
"types": "./dist/index.d.ts",
|
|
16
|
+
"default": "./dist/index.js"
|
|
17
|
+
},
|
|
18
|
+
"require": {
|
|
19
|
+
"types": "./dist/index.d.cts",
|
|
20
|
+
"default": "./dist/index.cjs"
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
"./styles": "./dist/styles/index.css",
|
|
24
|
+
"./preset": {
|
|
25
|
+
"import": {
|
|
26
|
+
"types": "./dist/preset/index.d.ts",
|
|
27
|
+
"default": "./dist/preset/index.js"
|
|
28
|
+
},
|
|
29
|
+
"require": {
|
|
30
|
+
"types": "./dist/preset/index.d.cts",
|
|
31
|
+
"default": "./dist/preset/index.cjs"
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
"./tokens": {
|
|
35
|
+
"import": {
|
|
36
|
+
"types": "./dist/tokens/index.d.ts",
|
|
37
|
+
"default": "./dist/tokens/index.js"
|
|
38
|
+
},
|
|
39
|
+
"require": {
|
|
40
|
+
"types": "./dist/tokens/index.d.cts",
|
|
41
|
+
"default": "./dist/tokens/index.cjs"
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
"files": [
|
|
46
|
+
"dist",
|
|
47
|
+
"README.md"
|
|
48
|
+
],
|
|
49
|
+
"scripts": {
|
|
50
|
+
"dev": "storybook dev -p 6006",
|
|
51
|
+
"build": "tsup && pnpm build:css",
|
|
52
|
+
"build:css": "postcss src/styles/index.css -o dist/styles/index.css",
|
|
53
|
+
"build:storybook": "storybook build -o storybook-static",
|
|
54
|
+
"test": "vitest",
|
|
55
|
+
"test:ci": "vitest --run",
|
|
56
|
+
"typecheck": "tsc --noEmit",
|
|
57
|
+
"lint": "eslint src --ext ts,tsx --report-unused-disable-directives",
|
|
58
|
+
"lint:fix": "eslint src --ext ts,tsx --fix",
|
|
59
|
+
"format": "prettier --check \"src/**/*.{ts,tsx,css}\"",
|
|
60
|
+
"format:fix": "prettier --write \"src/**/*.{ts,tsx,css}\"",
|
|
61
|
+
"prepublishOnly": "pnpm build"
|
|
62
|
+
},
|
|
63
|
+
"peerDependencies": {
|
|
64
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
65
|
+
"react-dom": "^18.0.0 || ^19.0.0",
|
|
66
|
+
"tailwindcss": "^3.4.0"
|
|
67
|
+
},
|
|
68
|
+
"devDependencies": {
|
|
69
|
+
"@storybook/addon-a11y": "^8.6.4",
|
|
70
|
+
"@storybook/addon-essentials": "^8.6.4",
|
|
71
|
+
"@storybook/addon-interactions": "^8.6.4",
|
|
72
|
+
"@storybook/react": "^8.6.4",
|
|
73
|
+
"@storybook/react-vite": "^8.6.4",
|
|
74
|
+
"@storybook/test": "^8.6.4",
|
|
75
|
+
"@testing-library/jest-dom": "^6.6.3",
|
|
76
|
+
"@testing-library/react": "^16.3.0",
|
|
77
|
+
"@testing-library/user-event": "^14.6.1",
|
|
78
|
+
"@types/react": "^18.3.18",
|
|
79
|
+
"@types/react-dom": "^18.3.5",
|
|
80
|
+
"@typescript-eslint/eslint-plugin": "^8.22.0",
|
|
81
|
+
"@typescript-eslint/parser": "^8.22.0",
|
|
82
|
+
"@vitejs/plugin-react": "^4.3.4",
|
|
83
|
+
"autoprefixer": "^10.4.20",
|
|
84
|
+
"eslint": "^9.19.0",
|
|
85
|
+
"eslint-plugin-react": "^7.37.4",
|
|
86
|
+
"eslint-plugin-react-hooks": "^5.1.0",
|
|
87
|
+
"jsdom": "^25.0.1",
|
|
88
|
+
"postcss": "^8.5.1",
|
|
89
|
+
"postcss-cli": "^11.0.0",
|
|
90
|
+
"postcss-import": "^16.1.0",
|
|
91
|
+
"prettier": "^3.4.2",
|
|
92
|
+
"react": "^18.3.1",
|
|
93
|
+
"react-dom": "^18.3.1",
|
|
94
|
+
"storybook": "^8.6.4",
|
|
95
|
+
"tailwindcss": "^3.4.17",
|
|
96
|
+
"tsup": "^8.3.6",
|
|
97
|
+
"typescript": "^5.7.3",
|
|
98
|
+
"vite": "^6.0.11",
|
|
99
|
+
"vitest": "^3.0.5"
|
|
100
|
+
},
|
|
101
|
+
"publishConfig": {
|
|
102
|
+
"access": "public",
|
|
103
|
+
"registry": "https://registry.npmjs.org/"
|
|
104
|
+
},
|
|
105
|
+
"packageManager": "pnpm@9.15.0",
|
|
106
|
+
"license": "MIT",
|
|
107
|
+
"repository": {
|
|
108
|
+
"type": "git",
|
|
109
|
+
"url": "https://github.com/batalovmv/memelab-ui"
|
|
110
|
+
},
|
|
111
|
+
"keywords": [
|
|
112
|
+
"memelab",
|
|
113
|
+
"ui",
|
|
114
|
+
"react",
|
|
115
|
+
"tailwindcss",
|
|
116
|
+
"glassmorphism",
|
|
117
|
+
"dark-theme",
|
|
118
|
+
"component-library"
|
|
119
|
+
]
|
|
120
|
+
}
|