@umami/react-zen 0.1.0 → 0.3.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/dist/index.d.ts +2 -1
- package/dist/index.js +7123 -6704
- package/dist/index.mjs +6757 -6154
- package/dist/{index.css → styles.css} +109 -109
- package/dist/zen.css +122 -0
- package/package.json +13 -4
package/dist/zen.css
ADDED
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
/* Base values */
|
|
3
|
+
|
|
4
|
+
--spacing-1: 0.25rem;
|
|
5
|
+
--spacing-2: 0.5rem;
|
|
6
|
+
--spacing-3: 1rem;
|
|
7
|
+
--spacing-4: 1.25rem;
|
|
8
|
+
--spacing-5: 1.5rem;
|
|
9
|
+
--spacing-6: 1.75rem;
|
|
10
|
+
--spacing-7: 2rem;
|
|
11
|
+
--spacing-8: 3rem;
|
|
12
|
+
--spacing-9: 4rem;
|
|
13
|
+
--spacing-10: 5rem;
|
|
14
|
+
--spacing-11: 7.5rem;
|
|
15
|
+
--spacing-12: 10rem;
|
|
16
|
+
|
|
17
|
+
--font-size-xs: 0.75rem;
|
|
18
|
+
--font-size-sm: 0.875rem;
|
|
19
|
+
--font-size-md: 1rem;
|
|
20
|
+
--font-size-lg: 1.125rem;
|
|
21
|
+
--font-size-xl: 1.250rem;
|
|
22
|
+
|
|
23
|
+
--border-radius-sm: 0.125rem;
|
|
24
|
+
--border-radius-md: 0.25rem;
|
|
25
|
+
--border-radius-lg: 0.5rem;
|
|
26
|
+
--border-radius-full: 100%;
|
|
27
|
+
|
|
28
|
+
--box-shadow-1: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
29
|
+
--box-shadow-2: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
30
|
+
--box-shadow-3: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
31
|
+
--box-shadow-4: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
32
|
+
--box-shadow-5: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
33
|
+
--box-shadow-6: 0 25px 50px -12px rgb(0 0 0 / 0.25);
|
|
34
|
+
|
|
35
|
+
--base-color-50: #fafafa;
|
|
36
|
+
--base-color-100: #f5f5f5;
|
|
37
|
+
--base-color-200: #e5e5e5;
|
|
38
|
+
--base-color-300: #d4d4d4;
|
|
39
|
+
--base-color-400: #a3a3a3;
|
|
40
|
+
--base-color-500: #737373;
|
|
41
|
+
--base-color-600: #525252;
|
|
42
|
+
--base-color-700: #404040;
|
|
43
|
+
--base-color-800: #262626;
|
|
44
|
+
--base-color-900: #171717;
|
|
45
|
+
--base-color-950: #0a0a0a;
|
|
46
|
+
|
|
47
|
+
--success-bg-color: #22c55e;
|
|
48
|
+
--success-fg-color: var(--base-color-50);
|
|
49
|
+
|
|
50
|
+
--danger-bg-color: #ef4444;
|
|
51
|
+
--danger-fg-color: var(--base-color-50);
|
|
52
|
+
|
|
53
|
+
--warning-bg-color: #f97316;
|
|
54
|
+
--warning-fg-color: var(--base-color-50);
|
|
55
|
+
|
|
56
|
+
--active-bg-color: #3b82f6;
|
|
57
|
+
--active-fg-color: var(--base-color-50);
|
|
58
|
+
|
|
59
|
+
--inactive-bg-color: var(--base-color-400);
|
|
60
|
+
--inactive-fg-color: var(--base-color-900);
|
|
61
|
+
|
|
62
|
+
/* Default settings */
|
|
63
|
+
|
|
64
|
+
--font-size: 14px;
|
|
65
|
+
|
|
66
|
+
--border-radius: var(--border-radius-md);
|
|
67
|
+
|
|
68
|
+
--gap: var(--spacing-5);
|
|
69
|
+
|
|
70
|
+
--padding: var(--spacing-2) var(--spacing-3);
|
|
71
|
+
|
|
72
|
+
--box-shadow-: var(--box-shadow-1);
|
|
73
|
+
|
|
74
|
+
--light-color: var(--base-color-50);
|
|
75
|
+
--dark-color: var(--base-color-950);
|
|
76
|
+
|
|
77
|
+
/* Theme settings */
|
|
78
|
+
|
|
79
|
+
--font-color: var(--base-color-900);
|
|
80
|
+
--font-muted-color: var(--base-color-500);
|
|
81
|
+
--font-faded-color: var(--base-color-400);
|
|
82
|
+
|
|
83
|
+
--background-color: #fff;
|
|
84
|
+
|
|
85
|
+
--border-color: var(--base-color-300);
|
|
86
|
+
--border: 1px solid var(--border-color);
|
|
87
|
+
|
|
88
|
+
--primary-fg-color: var(--base-color-50);
|
|
89
|
+
--primary-bg-color: var(--base-color-900);
|
|
90
|
+
|
|
91
|
+
--secondary-fg-color: var(--font-color);
|
|
92
|
+
--secondary-bg-color: var(--base-color-100);
|
|
93
|
+
|
|
94
|
+
--highlight-fg-color: var(--font-color);
|
|
95
|
+
--highlight-bg-color: var(--base-color-50);
|
|
96
|
+
|
|
97
|
+
--input-bg-color: var(--base-color-200);
|
|
98
|
+
--input-disabled-color: var(--base-color-100);
|
|
99
|
+
|
|
100
|
+
[data-theme='dark'] {
|
|
101
|
+
--font-color: var(--base-color-100);
|
|
102
|
+
--font-muted-color: var(--base-color-400);
|
|
103
|
+
--font-faded-color: var(--base-color-500);
|
|
104
|
+
|
|
105
|
+
--background-color: var(--base-color-950);
|
|
106
|
+
|
|
107
|
+
--border-color: var(--base-color-700);
|
|
108
|
+
--border: 1px solid var(--border-color);
|
|
109
|
+
|
|
110
|
+
--primary-bg-color: var(--base-color-50);
|
|
111
|
+
--primary-fg-color: var(--base-color-900);
|
|
112
|
+
|
|
113
|
+
--secondary-bg-color: var(--base-color-800);
|
|
114
|
+
--secondary-fg-color: var(--font-color);
|
|
115
|
+
|
|
116
|
+
--highlight-bg-color: var(--base-color-800);
|
|
117
|
+
--highlight-fg-color: var(--font-color);
|
|
118
|
+
|
|
119
|
+
--input-bg-color: var(--base-color-700);
|
|
120
|
+
--input-disabled-color: var(--base-color-800);
|
|
121
|
+
}
|
|
122
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umami/react-zen",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "React components built by Umami.",
|
|
5
5
|
"author": "Umami <hello@umami.is>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -24,8 +24,9 @@
|
|
|
24
24
|
"start": "next start",
|
|
25
25
|
"lint": "next lint",
|
|
26
26
|
"dts": "tsc -p tsconfig.build.json",
|
|
27
|
-
"
|
|
28
|
-
"
|
|
27
|
+
"esbuild": "node esbuild.mjs",
|
|
28
|
+
"rollup": "rollup -c",
|
|
29
|
+
"bundle": "npm-run-all dts esbuild"
|
|
29
30
|
},
|
|
30
31
|
"lint-staged": {
|
|
31
32
|
"**/*.{js,jsx,ts,tsx}": [
|
|
@@ -92,6 +93,8 @@
|
|
|
92
93
|
"zustand": "^4.5.0"
|
|
93
94
|
},
|
|
94
95
|
"devDependencies": {
|
|
96
|
+
"@deanc/esbuild-plugin-postcss": "^1.0.2",
|
|
97
|
+
"@hyrious/esbuild-plugin-commonjs": "^0.2.4",
|
|
95
98
|
"@rollup/plugin-alias": "^5.1.0",
|
|
96
99
|
"@rollup/plugin-commonjs": "^25.0.7",
|
|
97
100
|
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
@@ -102,7 +105,9 @@
|
|
|
102
105
|
"@types/react-dom": "^18",
|
|
103
106
|
"babel-plugin-inline-react-svg": "^2.0.2",
|
|
104
107
|
"babel-plugin-syntax-hermes-parser": "^0.21.1",
|
|
105
|
-
"esbuild": "^0.
|
|
108
|
+
"esbuild": "^0.24.0",
|
|
109
|
+
"esbuild-css-modules-plugin": "^3.1.2",
|
|
110
|
+
"esbuild-postcss": "^0.0.4",
|
|
106
111
|
"eslint": "^8",
|
|
107
112
|
"eslint-config-next": "14.2.3",
|
|
108
113
|
"eslint-config-prettier": "^9.1.0",
|
|
@@ -112,8 +117,12 @@
|
|
|
112
117
|
"husky": "^9.1.1",
|
|
113
118
|
"lint-staged": "^15.2.7",
|
|
114
119
|
"npm-run-all": "^4.1.5",
|
|
120
|
+
"postcss": "^8.4.47",
|
|
121
|
+
"postcss-modules": "^6.0.0",
|
|
122
|
+
"postcss-selector-parser": "^6.1.2",
|
|
115
123
|
"prettier": "^3.2.5",
|
|
116
124
|
"rollup": "^4.17.2",
|
|
125
|
+
"rollup-plugin-copy": "^3.5.0",
|
|
117
126
|
"rollup-plugin-delete": "^2.0.0",
|
|
118
127
|
"rollup-plugin-dts": "^6.1.1",
|
|
119
128
|
"rollup-plugin-esbuild": "^6.1.1",
|