@powerhousedao/config 1.1.1
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/CHANGELOG.md +19 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -0
- package/dist/tailwind.d.ts +213 -0
- package/dist/tailwind.js +157 -0
- package/dist/tailwind.js.map +1 -0
- package/package.json +23 -0
- package/src/index.ts +1 -0
- package/src/tailwind.ts +157 -0
- package/tsconfig.json +25 -0
- package/tsup.config.ts +15 -0
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
## 1.1.1 (2024-12-09)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **config:** added build ([aaeb785f](https://github.com/powerhouse-inc/powerhouse/commit/aaeb785f))
|
|
6
|
+
|
|
7
|
+
### ❤️ Thank You
|
|
8
|
+
|
|
9
|
+
- Guillermo Puente @gpuente
|
|
10
|
+
|
|
11
|
+
## 1.1.0 (2024-12-09)
|
|
12
|
+
|
|
13
|
+
### 🚀 Features
|
|
14
|
+
|
|
15
|
+
- **monorepo:** handle project references ([3b6c046f](https://github.com/powerhouse-inc/powerhouse/commit/3b6c046f))
|
|
16
|
+
|
|
17
|
+
### ❤️ Thank You
|
|
18
|
+
|
|
19
|
+
- ryanwolhuter @ryanwolhuter
|
package/dist/index.d.ts
ADDED
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
|
|
@@ -0,0 +1,213 @@
|
|
|
1
|
+
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
2
|
+
|
|
3
|
+
declare const designSystemPreset: {
|
|
4
|
+
theme: {
|
|
5
|
+
fontFamily: {
|
|
6
|
+
sans: [string, ...string[]];
|
|
7
|
+
};
|
|
8
|
+
fontSize: {
|
|
9
|
+
xs: [string, string];
|
|
10
|
+
sm: [string, string];
|
|
11
|
+
base: [string, string];
|
|
12
|
+
lg: [string, string];
|
|
13
|
+
xl: [string, string];
|
|
14
|
+
"2xl": [string, string];
|
|
15
|
+
"3xl": [string, string];
|
|
16
|
+
"4xl": [string, string];
|
|
17
|
+
"5xl": [string, string];
|
|
18
|
+
"6xl": [string, {
|
|
19
|
+
lineHeight: string;
|
|
20
|
+
}];
|
|
21
|
+
"7xl": [string, {
|
|
22
|
+
lineHeight: string;
|
|
23
|
+
}];
|
|
24
|
+
"8xl": [string, {
|
|
25
|
+
lineHeight: string;
|
|
26
|
+
}];
|
|
27
|
+
"9xl": [string, {
|
|
28
|
+
lineHeight: string;
|
|
29
|
+
}];
|
|
30
|
+
} | {
|
|
31
|
+
xs: [string, string];
|
|
32
|
+
sm: [string, string];
|
|
33
|
+
base: [string, string];
|
|
34
|
+
lg: [string, string];
|
|
35
|
+
xl: [string, string];
|
|
36
|
+
"2xl": [string, string];
|
|
37
|
+
"3xl": [string, string];
|
|
38
|
+
"4xl": [string, string];
|
|
39
|
+
"5xl": [string, string];
|
|
40
|
+
"6xl": [string, {
|
|
41
|
+
lineHeight: string;
|
|
42
|
+
}];
|
|
43
|
+
"7xl": [string, {
|
|
44
|
+
lineHeight: string;
|
|
45
|
+
}];
|
|
46
|
+
"8xl": [string, {
|
|
47
|
+
lineHeight: string;
|
|
48
|
+
}];
|
|
49
|
+
"9xl": [string, {
|
|
50
|
+
lineHeight: string;
|
|
51
|
+
}];
|
|
52
|
+
};
|
|
53
|
+
colors: {
|
|
54
|
+
transparent: string;
|
|
55
|
+
inherit: string;
|
|
56
|
+
white: string;
|
|
57
|
+
black: string;
|
|
58
|
+
"gray-50": string;
|
|
59
|
+
"gray-100": string;
|
|
60
|
+
"gray-200": string;
|
|
61
|
+
"gray-300": string;
|
|
62
|
+
"gray-400": string;
|
|
63
|
+
"gray-500": string;
|
|
64
|
+
"gray-600": string;
|
|
65
|
+
"gray-700": string;
|
|
66
|
+
"gray-800": string;
|
|
67
|
+
"gray-900": string;
|
|
68
|
+
"slate-50": string;
|
|
69
|
+
"slate-100": string;
|
|
70
|
+
"slate-200": string;
|
|
71
|
+
"slate-300": string;
|
|
72
|
+
"slate-400": string;
|
|
73
|
+
"slate-500": string;
|
|
74
|
+
"slate-600": string;
|
|
75
|
+
"slate-700": string;
|
|
76
|
+
"slate-800": string;
|
|
77
|
+
"slate-900": string;
|
|
78
|
+
"slate-950": string;
|
|
79
|
+
"blue-100": string;
|
|
80
|
+
"blue-200": string;
|
|
81
|
+
"blue-300": string;
|
|
82
|
+
"blue-400": string;
|
|
83
|
+
"blue-500": string;
|
|
84
|
+
"blue-600": string;
|
|
85
|
+
"blue-700": string;
|
|
86
|
+
"blue-800": string;
|
|
87
|
+
"blue-900": string;
|
|
88
|
+
"green-100": string;
|
|
89
|
+
"green-200": string;
|
|
90
|
+
"green-300": string;
|
|
91
|
+
"green-400": string;
|
|
92
|
+
"green-500": string;
|
|
93
|
+
"green-600": string;
|
|
94
|
+
"green-700": string;
|
|
95
|
+
"green-800": string;
|
|
96
|
+
"green-900": string;
|
|
97
|
+
"purple-100": string;
|
|
98
|
+
"purple-200": string;
|
|
99
|
+
"purple-300": string;
|
|
100
|
+
"purple-400": string;
|
|
101
|
+
"purple-500": string;
|
|
102
|
+
"purple-600": string;
|
|
103
|
+
"purple-700": string;
|
|
104
|
+
"purple-800": string;
|
|
105
|
+
"purple-900": string;
|
|
106
|
+
"red-100": string;
|
|
107
|
+
"red-200": string;
|
|
108
|
+
"red-300": string;
|
|
109
|
+
"red-400": string;
|
|
110
|
+
"red-500": string;
|
|
111
|
+
"red-600": string;
|
|
112
|
+
"red-700": string;
|
|
113
|
+
"red-800": string;
|
|
114
|
+
"red-900": string;
|
|
115
|
+
"orange-100": string;
|
|
116
|
+
"orange-200": string;
|
|
117
|
+
"orange-300": string;
|
|
118
|
+
"orange-400": string;
|
|
119
|
+
"orange-500": string;
|
|
120
|
+
"orange-600": string;
|
|
121
|
+
"orange-700": string;
|
|
122
|
+
"orange-800": string;
|
|
123
|
+
"orange-900": string;
|
|
124
|
+
"charcoal-100": string;
|
|
125
|
+
"charcoal-200": string;
|
|
126
|
+
"charcoal-300": string;
|
|
127
|
+
"charcoal-400": string;
|
|
128
|
+
"charcoal-500": string;
|
|
129
|
+
"charcoal-600": string;
|
|
130
|
+
"charcoal-700": string;
|
|
131
|
+
"charcoal-800": string;
|
|
132
|
+
"charcoal-900": string;
|
|
133
|
+
};
|
|
134
|
+
boxShadow: {
|
|
135
|
+
sidebar: string;
|
|
136
|
+
tooltip: string;
|
|
137
|
+
button: string;
|
|
138
|
+
DEFAULT: string;
|
|
139
|
+
sm: string;
|
|
140
|
+
md: string;
|
|
141
|
+
lg: string;
|
|
142
|
+
xl: string;
|
|
143
|
+
"2xl": string;
|
|
144
|
+
none: string;
|
|
145
|
+
inner: string;
|
|
146
|
+
} | {
|
|
147
|
+
sidebar: string;
|
|
148
|
+
tooltip: string;
|
|
149
|
+
button: string;
|
|
150
|
+
DEFAULT: string;
|
|
151
|
+
sm: string;
|
|
152
|
+
md: string;
|
|
153
|
+
lg: string;
|
|
154
|
+
xl: string;
|
|
155
|
+
"2xl": string;
|
|
156
|
+
none: string;
|
|
157
|
+
inner: string;
|
|
158
|
+
};
|
|
159
|
+
extend: {
|
|
160
|
+
gridTemplateColumns: {
|
|
161
|
+
"form-columns": string;
|
|
162
|
+
};
|
|
163
|
+
keyframes: {
|
|
164
|
+
"fade-in": {
|
|
165
|
+
"0%": {
|
|
166
|
+
opacity: string;
|
|
167
|
+
};
|
|
168
|
+
"100%": {
|
|
169
|
+
opacity: string;
|
|
170
|
+
};
|
|
171
|
+
};
|
|
172
|
+
"fade-out": {
|
|
173
|
+
"0%": {
|
|
174
|
+
opacity: string;
|
|
175
|
+
};
|
|
176
|
+
"100%": {
|
|
177
|
+
opacity: string;
|
|
178
|
+
};
|
|
179
|
+
};
|
|
180
|
+
"zoom-in": {
|
|
181
|
+
"0%": {
|
|
182
|
+
transform: string;
|
|
183
|
+
};
|
|
184
|
+
"100%": {
|
|
185
|
+
transform: string;
|
|
186
|
+
};
|
|
187
|
+
};
|
|
188
|
+
"zoom-out": {
|
|
189
|
+
"0%": {
|
|
190
|
+
transform: string;
|
|
191
|
+
};
|
|
192
|
+
"100%": {
|
|
193
|
+
transform: string;
|
|
194
|
+
};
|
|
195
|
+
};
|
|
196
|
+
};
|
|
197
|
+
animation: {
|
|
198
|
+
"fade-in": string;
|
|
199
|
+
"fade-out": string;
|
|
200
|
+
"zoom-in": string;
|
|
201
|
+
"zoom-out": string;
|
|
202
|
+
};
|
|
203
|
+
};
|
|
204
|
+
};
|
|
205
|
+
plugins: ({
|
|
206
|
+
handler: () => void;
|
|
207
|
+
} | {
|
|
208
|
+
handler: tailwindcss_types_config.PluginCreator;
|
|
209
|
+
config?: Partial<tailwindcss_types_config.Config>;
|
|
210
|
+
})[];
|
|
211
|
+
};
|
|
212
|
+
|
|
213
|
+
export { designSystemPreset };
|
package/dist/tailwind.js
ADDED
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import animate from 'tailwindcss-animate';
|
|
2
|
+
import defaultTheme from 'tailwindcss/defaultTheme';
|
|
3
|
+
import plugin from 'tailwindcss/plugin';
|
|
4
|
+
import scrollbar from 'tailwind-scrollbar';
|
|
5
|
+
|
|
6
|
+
const theme = {
|
|
7
|
+
fontFamily: {
|
|
8
|
+
sans: ["Inter", ...defaultTheme.fontFamily.sans]
|
|
9
|
+
},
|
|
10
|
+
fontSize: {
|
|
11
|
+
...defaultTheme.fontSize,
|
|
12
|
+
xs: ["0.75rem", "1.125rem"],
|
|
13
|
+
sm: ["0.875rem", "1.5rem"],
|
|
14
|
+
base: ["1rem", "1.5rem"],
|
|
15
|
+
lg: ["1.125rem", "1.75rem"],
|
|
16
|
+
xl: ["1.25rem", "1.875rem"],
|
|
17
|
+
"2xl": ["1.5rem", "2.25rem"],
|
|
18
|
+
"3xl": ["2rem", "3rem"],
|
|
19
|
+
"4xl": ["2.5rem", "4rem"],
|
|
20
|
+
"5xl": ["4rem", "5rem"]
|
|
21
|
+
},
|
|
22
|
+
colors: {
|
|
23
|
+
transparent: "transparent",
|
|
24
|
+
inherit: "inherit",
|
|
25
|
+
white: "hsl(var(--color-white) / <alpha-value>)",
|
|
26
|
+
black: "hsl(var(--color-black) / <alpha-value>)",
|
|
27
|
+
"gray-50": "hsl(var(--color-gray-50) / <alpha-value>)",
|
|
28
|
+
"gray-100": "hsl(var(--color-gray-100) / <alpha-value>)",
|
|
29
|
+
"gray-200": "hsl(var(--color-gray-200) / <alpha-value>)",
|
|
30
|
+
"gray-300": "hsl(var(--color-gray-300) / <alpha-value>)",
|
|
31
|
+
"gray-400": "hsl(var(--color-gray-400) / <alpha-value>)",
|
|
32
|
+
"gray-500": "hsl(var(--color-gray-500) / <alpha-value>)",
|
|
33
|
+
"gray-600": "hsl(var(--color-gray-600) / <alpha-value>)",
|
|
34
|
+
"gray-700": "hsl(var(--color-gray-700) / <alpha-value>)",
|
|
35
|
+
"gray-800": "hsl(var(--color-gray-800) / <alpha-value>)",
|
|
36
|
+
"gray-900": "hsl(var(--color-gray-900) / <alpha-value>)",
|
|
37
|
+
"slate-50": "hsl(var(--color-slate-50) / <alpha-value>)",
|
|
38
|
+
"slate-100": "hsl(var(--color-slate-100) / <alpha-value>)",
|
|
39
|
+
"slate-200": "hsl(var(--color-slate-200) / <alpha-value>)",
|
|
40
|
+
"slate-300": "hsl(var(--color-slate-300) / <alpha-value>)",
|
|
41
|
+
"slate-400": "hsl(var(--color-slate-400) / <alpha-value>)",
|
|
42
|
+
"slate-500": "hsl(var(--color-slate-500) / <alpha-value>)",
|
|
43
|
+
"slate-600": "hsl(var(--color-slate-600) / <alpha-value>)",
|
|
44
|
+
"slate-700": "hsl(var(--color-slate-700) / <alpha-value>)",
|
|
45
|
+
"slate-800": "hsl(var(--color-slate-800) / <alpha-value>)",
|
|
46
|
+
"slate-900": "hsl(var(--color-slate-900) / <alpha-value>)",
|
|
47
|
+
"slate-950": "hsl(var(--color-slate-950) / <alpha-value>)",
|
|
48
|
+
"blue-100": "hsl(var(--color-blue-100) / <alpha-value>)",
|
|
49
|
+
"blue-200": "hsl(var(--color-blue-200) / <alpha-value>)",
|
|
50
|
+
"blue-300": "hsl(var(--color-blue-300) / <alpha-value>)",
|
|
51
|
+
"blue-400": "hsl(var(--color-blue-400) / <alpha-value>)",
|
|
52
|
+
"blue-500": "hsl(var(--color-blue-500) / <alpha-value>)",
|
|
53
|
+
"blue-600": "hsl(var(--color-blue-600) / <alpha-value>)",
|
|
54
|
+
"blue-700": "hsl(var(--color-blue-700) / <alpha-value>)",
|
|
55
|
+
"blue-800": "hsl(var(--color-blue-800) / <alpha-value>)",
|
|
56
|
+
"blue-900": "hsl(var(--color-blue-900) / <alpha-value>)",
|
|
57
|
+
"green-100": "hsl(var(--color-green-100) / <alpha-value>)",
|
|
58
|
+
"green-200": "hsl(var(--color-green-200) / <alpha-value>)",
|
|
59
|
+
"green-300": "hsl(var(--color-green-300) / <alpha-value>)",
|
|
60
|
+
"green-400": "hsl(var(--color-green-400) / <alpha-value>)",
|
|
61
|
+
"green-500": "hsl(var(--color-green-500) / <alpha-value>)",
|
|
62
|
+
"green-600": "hsl(var(--color-green-600) / <alpha-value>)",
|
|
63
|
+
"green-700": "hsl(var(--color-green-700) / <alpha-value>)",
|
|
64
|
+
"green-800": "hsl(var(--color-green-800) / <alpha-value>)",
|
|
65
|
+
"green-900": "hsl(var(--color-green-900) / <alpha-value>)",
|
|
66
|
+
"purple-100": "hsl(var(--color-purple-100) / <alpha-value>)",
|
|
67
|
+
"purple-200": "hsl(var(--color-purple-200) / <alpha-value>)",
|
|
68
|
+
"purple-300": "hsl(var(--color-purple-300) / <alpha-value>)",
|
|
69
|
+
"purple-400": "hsl(var(--color-purple-400) / <alpha-value>)",
|
|
70
|
+
"purple-500": "hsl(var(--color-purple-500) / <alpha-value>)",
|
|
71
|
+
"purple-600": "hsl(var(--color-purple-600) / <alpha-value>)",
|
|
72
|
+
"purple-700": "hsl(var(--color-purple-700) / <alpha-value>)",
|
|
73
|
+
"purple-800": "hsl(var(--color-purple-800) / <alpha-value>)",
|
|
74
|
+
"purple-900": "hsl(var(--color-purple-900) / <alpha-value>)",
|
|
75
|
+
"red-100": "hsl(var(--color-red-100) / <alpha-value>)",
|
|
76
|
+
"red-200": "hsl(var(--color-red-200) / <alpha-value>)",
|
|
77
|
+
"red-300": "hsl(var(--color-red-300) / <alpha-value>)",
|
|
78
|
+
"red-400": "hsl(var(--color-red-400) / <alpha-value>)",
|
|
79
|
+
"red-500": "hsl(var(--color-red-500) / <alpha-value>)",
|
|
80
|
+
"red-600": "hsl(var(--color-red-600) / <alpha-value>)",
|
|
81
|
+
"red-700": "hsl(var(--color-red-700) / <alpha-value>)",
|
|
82
|
+
"red-800": "hsl(var(--color-red-800) / <alpha-value>)",
|
|
83
|
+
"red-900": "hsl(var(--color-red-900) / <alpha-value>)",
|
|
84
|
+
"orange-100": "hsl(var(--color-orange-100) / <alpha-value>)",
|
|
85
|
+
"orange-200": "hsl(var(--color-orange-200) / <alpha-value>)",
|
|
86
|
+
"orange-300": "hsl(var(--color-orange-300) / <alpha-value>)",
|
|
87
|
+
"orange-400": "hsl(var(--color-orange-400) / <alpha-value>)",
|
|
88
|
+
"orange-500": "hsl(var(--color-orange-500) / <alpha-value>)",
|
|
89
|
+
"orange-600": "hsl(var(--color-orange-600) / <alpha-value>)",
|
|
90
|
+
"orange-700": "hsl(var(--color-orange-700) / <alpha-value>)",
|
|
91
|
+
"orange-800": "hsl(var(--color-orange-800) / <alpha-value>)",
|
|
92
|
+
"orange-900": "hsl(var(--color-orange-900) / <alpha-value>)",
|
|
93
|
+
"charcoal-100": "hsl(var(--color-charcoal-100) / <alpha-value>)",
|
|
94
|
+
"charcoal-200": "hsl(var(--color-charcoal-200) / <alpha-value>)",
|
|
95
|
+
"charcoal-300": "hsl(var(--color-charcoal-300) / <alpha-value>)",
|
|
96
|
+
"charcoal-400": "hsl(var(--color-charcoal-400) / <alpha-value>)",
|
|
97
|
+
"charcoal-500": "hsl(var(--color-charcoal-500) / <alpha-value>)",
|
|
98
|
+
"charcoal-600": "hsl(var(--color-charcoal-600) / <alpha-value>)",
|
|
99
|
+
"charcoal-700": "hsl(var(--color-charcoal-700) / <alpha-value>)",
|
|
100
|
+
"charcoal-800": "hsl(var(--color-charcoal-800) / <alpha-value>)",
|
|
101
|
+
"charcoal-900": "hsl(var(--color-charcoal-900) / <alpha-value>)"
|
|
102
|
+
},
|
|
103
|
+
boxShadow: {
|
|
104
|
+
...defaultTheme.boxShadow,
|
|
105
|
+
sidebar: "var(--shadow-sidebar)",
|
|
106
|
+
tooltip: "var(--shadow-tooltip)",
|
|
107
|
+
button: "var(--shadow-button)",
|
|
108
|
+
DEFAULT: "0px 4px 8px -4px rgba(0, 0, 0, 0.02), 0px -1px 1px 0px rgba(0, 0, 0, 0.04) inset"
|
|
109
|
+
},
|
|
110
|
+
extend: {
|
|
111
|
+
gridTemplateColumns: {
|
|
112
|
+
"form-columns": "max-content auto"
|
|
113
|
+
},
|
|
114
|
+
keyframes: {
|
|
115
|
+
"fade-in": {
|
|
116
|
+
"0%": { opacity: "0%" },
|
|
117
|
+
"100%": { opacity: "100%" }
|
|
118
|
+
},
|
|
119
|
+
"fade-out": {
|
|
120
|
+
"0%": { opacity: "100%" },
|
|
121
|
+
"100%": { opacity: "0%" }
|
|
122
|
+
},
|
|
123
|
+
"zoom-in": {
|
|
124
|
+
"0%": { transform: "scale(0.95)" },
|
|
125
|
+
"100%": { transform: "scale(1)" }
|
|
126
|
+
},
|
|
127
|
+
"zoom-out": {
|
|
128
|
+
"0%": { transform: "scale(1)" },
|
|
129
|
+
"100%": { transform: "scale(0.95)" }
|
|
130
|
+
}
|
|
131
|
+
},
|
|
132
|
+
animation: {
|
|
133
|
+
"fade-in": "fade-in 300ms ease-in",
|
|
134
|
+
"fade-out": "fade-out 200ms ease-out",
|
|
135
|
+
"zoom-in": "zoom-in 300ms ease-in",
|
|
136
|
+
"zoom-out": "zoom-out 200ms ease-out"
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
};
|
|
140
|
+
const plugins = [
|
|
141
|
+
animate,
|
|
142
|
+
scrollbar({ nocompatible: true }),
|
|
143
|
+
plugin(function({ addVariant }) {
|
|
144
|
+
addVariant("collapsed", ":merge(.group).collapsed &");
|
|
145
|
+
addVariant("collapsing", ":merge(.group).collapsing &");
|
|
146
|
+
addVariant("expanded", ":merge(.group).expanded &");
|
|
147
|
+
addVariant("expanding", ":merge(.group).expanding &");
|
|
148
|
+
})
|
|
149
|
+
];
|
|
150
|
+
const designSystemPreset = {
|
|
151
|
+
theme,
|
|
152
|
+
plugins
|
|
153
|
+
};
|
|
154
|
+
|
|
155
|
+
export { designSystemPreset };
|
|
156
|
+
//# sourceMappingURL=tailwind.js.map
|
|
157
|
+
//# sourceMappingURL=tailwind.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/tailwind.ts"],"names":[],"mappings":"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","file":"tailwind.js","sourcesContent":["import type { Config } from \"tailwindcss\";\nimport animate from \"tailwindcss-animate\";\nimport defaultTheme from \"tailwindcss/defaultTheme\";\nimport plugin from \"tailwindcss/plugin\";\nimport scrollbar from \"tailwind-scrollbar\";\n\nconst theme = {\n fontFamily: {\n sans: [\"Inter\", ...defaultTheme.fontFamily.sans],\n },\n fontSize: {\n ...defaultTheme.fontSize,\n xs: [\"0.75rem\", \"1.125rem\"],\n sm: [\"0.875rem\", \"1.5rem\"],\n base: [\"1rem\", \"1.5rem\"],\n lg: [\"1.125rem\", \"1.75rem\"],\n xl: [\"1.25rem\", \"1.875rem\"],\n \"2xl\": [\"1.5rem\", \"2.25rem\"],\n \"3xl\": [\"2rem\", \"3rem\"],\n \"4xl\": [\"2.5rem\", \"4rem\"],\n \"5xl\": [\"4rem\", \"5rem\"],\n },\n colors: {\n transparent: \"transparent\",\n inherit: \"inherit\",\n white: \"hsl(var(--color-white) / <alpha-value>)\",\n black: \"hsl(var(--color-black) / <alpha-value>)\",\n \"gray-50\": \"hsl(var(--color-gray-50) / <alpha-value>)\",\n \"gray-100\": \"hsl(var(--color-gray-100) / <alpha-value>)\",\n \"gray-200\": \"hsl(var(--color-gray-200) / <alpha-value>)\",\n \"gray-300\": \"hsl(var(--color-gray-300) / <alpha-value>)\",\n \"gray-400\": \"hsl(var(--color-gray-400) / <alpha-value>)\",\n \"gray-500\": \"hsl(var(--color-gray-500) / <alpha-value>)\",\n \"gray-600\": \"hsl(var(--color-gray-600) / <alpha-value>)\",\n \"gray-700\": \"hsl(var(--color-gray-700) / <alpha-value>)\",\n \"gray-800\": \"hsl(var(--color-gray-800) / <alpha-value>)\",\n \"gray-900\": \"hsl(var(--color-gray-900) / <alpha-value>)\",\n \"slate-50\": \"hsl(var(--color-slate-50) / <alpha-value>)\",\n \"slate-100\": \"hsl(var(--color-slate-100) / <alpha-value>)\",\n \"slate-200\": \"hsl(var(--color-slate-200) / <alpha-value>)\",\n \"slate-300\": \"hsl(var(--color-slate-300) / <alpha-value>)\",\n \"slate-400\": \"hsl(var(--color-slate-400) / <alpha-value>)\",\n \"slate-500\": \"hsl(var(--color-slate-500) / <alpha-value>)\",\n \"slate-600\": \"hsl(var(--color-slate-600) / <alpha-value>)\",\n \"slate-700\": \"hsl(var(--color-slate-700) / <alpha-value>)\",\n \"slate-800\": \"hsl(var(--color-slate-800) / <alpha-value>)\",\n \"slate-900\": \"hsl(var(--color-slate-900) / <alpha-value>)\",\n \"slate-950\": \"hsl(var(--color-slate-950) / <alpha-value>)\",\n \"blue-100\": \"hsl(var(--color-blue-100) / <alpha-value>)\",\n \"blue-200\": \"hsl(var(--color-blue-200) / <alpha-value>)\",\n \"blue-300\": \"hsl(var(--color-blue-300) / <alpha-value>)\",\n \"blue-400\": \"hsl(var(--color-blue-400) / <alpha-value>)\",\n \"blue-500\": \"hsl(var(--color-blue-500) / <alpha-value>)\",\n \"blue-600\": \"hsl(var(--color-blue-600) / <alpha-value>)\",\n \"blue-700\": \"hsl(var(--color-blue-700) / <alpha-value>)\",\n \"blue-800\": \"hsl(var(--color-blue-800) / <alpha-value>)\",\n \"blue-900\": \"hsl(var(--color-blue-900) / <alpha-value>)\",\n \"green-100\": \"hsl(var(--color-green-100) / <alpha-value>)\",\n \"green-200\": \"hsl(var(--color-green-200) / <alpha-value>)\",\n \"green-300\": \"hsl(var(--color-green-300) / <alpha-value>)\",\n \"green-400\": \"hsl(var(--color-green-400) / <alpha-value>)\",\n \"green-500\": \"hsl(var(--color-green-500) / <alpha-value>)\",\n \"green-600\": \"hsl(var(--color-green-600) / <alpha-value>)\",\n \"green-700\": \"hsl(var(--color-green-700) / <alpha-value>)\",\n \"green-800\": \"hsl(var(--color-green-800) / <alpha-value>)\",\n \"green-900\": \"hsl(var(--color-green-900) / <alpha-value>)\",\n \"purple-100\": \"hsl(var(--color-purple-100) / <alpha-value>)\",\n \"purple-200\": \"hsl(var(--color-purple-200) / <alpha-value>)\",\n \"purple-300\": \"hsl(var(--color-purple-300) / <alpha-value>)\",\n \"purple-400\": \"hsl(var(--color-purple-400) / <alpha-value>)\",\n \"purple-500\": \"hsl(var(--color-purple-500) / <alpha-value>)\",\n \"purple-600\": \"hsl(var(--color-purple-600) / <alpha-value>)\",\n \"purple-700\": \"hsl(var(--color-purple-700) / <alpha-value>)\",\n \"purple-800\": \"hsl(var(--color-purple-800) / <alpha-value>)\",\n \"purple-900\": \"hsl(var(--color-purple-900) / <alpha-value>)\",\n \"red-100\": \"hsl(var(--color-red-100) / <alpha-value>)\",\n \"red-200\": \"hsl(var(--color-red-200) / <alpha-value>)\",\n \"red-300\": \"hsl(var(--color-red-300) / <alpha-value>)\",\n \"red-400\": \"hsl(var(--color-red-400) / <alpha-value>)\",\n \"red-500\": \"hsl(var(--color-red-500) / <alpha-value>)\",\n \"red-600\": \"hsl(var(--color-red-600) / <alpha-value>)\",\n \"red-700\": \"hsl(var(--color-red-700) / <alpha-value>)\",\n \"red-800\": \"hsl(var(--color-red-800) / <alpha-value>)\",\n \"red-900\": \"hsl(var(--color-red-900) / <alpha-value>)\",\n \"orange-100\": \"hsl(var(--color-orange-100) / <alpha-value>)\",\n \"orange-200\": \"hsl(var(--color-orange-200) / <alpha-value>)\",\n \"orange-300\": \"hsl(var(--color-orange-300) / <alpha-value>)\",\n \"orange-400\": \"hsl(var(--color-orange-400) / <alpha-value>)\",\n \"orange-500\": \"hsl(var(--color-orange-500) / <alpha-value>)\",\n \"orange-600\": \"hsl(var(--color-orange-600) / <alpha-value>)\",\n \"orange-700\": \"hsl(var(--color-orange-700) / <alpha-value>)\",\n \"orange-800\": \"hsl(var(--color-orange-800) / <alpha-value>)\",\n \"orange-900\": \"hsl(var(--color-orange-900) / <alpha-value>)\",\n \"charcoal-100\": \"hsl(var(--color-charcoal-100) / <alpha-value>)\",\n \"charcoal-200\": \"hsl(var(--color-charcoal-200) / <alpha-value>)\",\n \"charcoal-300\": \"hsl(var(--color-charcoal-300) / <alpha-value>)\",\n \"charcoal-400\": \"hsl(var(--color-charcoal-400) / <alpha-value>)\",\n \"charcoal-500\": \"hsl(var(--color-charcoal-500) / <alpha-value>)\",\n \"charcoal-600\": \"hsl(var(--color-charcoal-600) / <alpha-value>)\",\n \"charcoal-700\": \"hsl(var(--color-charcoal-700) / <alpha-value>)\",\n \"charcoal-800\": \"hsl(var(--color-charcoal-800) / <alpha-value>)\",\n \"charcoal-900\": \"hsl(var(--color-charcoal-900) / <alpha-value>)\",\n },\n boxShadow: {\n ...defaultTheme.boxShadow,\n sidebar: \"var(--shadow-sidebar)\",\n tooltip: \"var(--shadow-tooltip)\",\n button: \"var(--shadow-button)\",\n DEFAULT:\n \"0px 4px 8px -4px rgba(0, 0, 0, 0.02), 0px -1px 1px 0px rgba(0, 0, 0, 0.04) inset\",\n },\n extend: {\n gridTemplateColumns: {\n \"form-columns\": \"max-content auto\",\n },\n keyframes: {\n \"fade-in\": {\n \"0%\": { opacity: \"0%\" },\n \"100%\": { opacity: \"100%\" },\n },\n \"fade-out\": {\n \"0%\": { opacity: \"100%\" },\n \"100%\": { opacity: \"0%\" },\n },\n \"zoom-in\": {\n \"0%\": { transform: \"scale(0.95)\" },\n \"100%\": { transform: \"scale(1)\" },\n },\n \"zoom-out\": {\n \"0%\": { transform: \"scale(1)\" },\n \"100%\": { transform: \"scale(0.95)\" },\n },\n },\n animation: {\n \"fade-in\": \"fade-in 300ms ease-in\",\n \"fade-out\": \"fade-out 200ms ease-out\",\n \"zoom-in\": \"zoom-in 300ms ease-in\",\n \"zoom-out\": \"zoom-out 200ms ease-out\",\n },\n },\n} satisfies Config[\"theme\"];\n\nconst plugins = [\n animate,\n scrollbar({ nocompatible: true }),\n plugin(function ({ addVariant }) {\n addVariant(\"collapsed\", \":merge(.group).collapsed &\");\n addVariant(\"collapsing\", \":merge(.group).collapsing &\");\n addVariant(\"expanded\", \":merge(.group).expanded &\");\n addVariant(\"expanding\", \":merge(.group).expanding &\");\n }),\n] satisfies Config[\"plugins\"];\n\nexport const designSystemPreset = {\n theme,\n plugins,\n};\n"]}
|
package/package.json
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@powerhousedao/config",
|
|
3
|
+
"version": "1.1.1",
|
|
4
|
+
"description": "",
|
|
5
|
+
"license": "AGPL-3.0-only",
|
|
6
|
+
"private": false,
|
|
7
|
+
"type": "module",
|
|
8
|
+
"main": "./dist/index.js",
|
|
9
|
+
"types": "./dist/index.d.ts",
|
|
10
|
+
"publishConfig": {
|
|
11
|
+
"access": "public"
|
|
12
|
+
},
|
|
13
|
+
"nx-release-publish": {
|
|
14
|
+
"options": {
|
|
15
|
+
"packageRoot": "dist/{projectRoot}"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
"scripts": {
|
|
19
|
+
"build": "tsup",
|
|
20
|
+
"clean": "rimraf dist/",
|
|
21
|
+
"clean:node_modules": "rimraf node_modules"
|
|
22
|
+
}
|
|
23
|
+
}
|
package/src/index.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { designSystemPreset } from "./tailwind";
|
package/src/tailwind.ts
ADDED
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import type { Config } from "tailwindcss";
|
|
2
|
+
import animate from "tailwindcss-animate";
|
|
3
|
+
import defaultTheme from "tailwindcss/defaultTheme";
|
|
4
|
+
import plugin from "tailwindcss/plugin";
|
|
5
|
+
import scrollbar from "tailwind-scrollbar";
|
|
6
|
+
|
|
7
|
+
const theme = {
|
|
8
|
+
fontFamily: {
|
|
9
|
+
sans: ["Inter", ...defaultTheme.fontFamily.sans],
|
|
10
|
+
},
|
|
11
|
+
fontSize: {
|
|
12
|
+
...defaultTheme.fontSize,
|
|
13
|
+
xs: ["0.75rem", "1.125rem"],
|
|
14
|
+
sm: ["0.875rem", "1.5rem"],
|
|
15
|
+
base: ["1rem", "1.5rem"],
|
|
16
|
+
lg: ["1.125rem", "1.75rem"],
|
|
17
|
+
xl: ["1.25rem", "1.875rem"],
|
|
18
|
+
"2xl": ["1.5rem", "2.25rem"],
|
|
19
|
+
"3xl": ["2rem", "3rem"],
|
|
20
|
+
"4xl": ["2.5rem", "4rem"],
|
|
21
|
+
"5xl": ["4rem", "5rem"],
|
|
22
|
+
},
|
|
23
|
+
colors: {
|
|
24
|
+
transparent: "transparent",
|
|
25
|
+
inherit: "inherit",
|
|
26
|
+
white: "hsl(var(--color-white) / <alpha-value>)",
|
|
27
|
+
black: "hsl(var(--color-black) / <alpha-value>)",
|
|
28
|
+
"gray-50": "hsl(var(--color-gray-50) / <alpha-value>)",
|
|
29
|
+
"gray-100": "hsl(var(--color-gray-100) / <alpha-value>)",
|
|
30
|
+
"gray-200": "hsl(var(--color-gray-200) / <alpha-value>)",
|
|
31
|
+
"gray-300": "hsl(var(--color-gray-300) / <alpha-value>)",
|
|
32
|
+
"gray-400": "hsl(var(--color-gray-400) / <alpha-value>)",
|
|
33
|
+
"gray-500": "hsl(var(--color-gray-500) / <alpha-value>)",
|
|
34
|
+
"gray-600": "hsl(var(--color-gray-600) / <alpha-value>)",
|
|
35
|
+
"gray-700": "hsl(var(--color-gray-700) / <alpha-value>)",
|
|
36
|
+
"gray-800": "hsl(var(--color-gray-800) / <alpha-value>)",
|
|
37
|
+
"gray-900": "hsl(var(--color-gray-900) / <alpha-value>)",
|
|
38
|
+
"slate-50": "hsl(var(--color-slate-50) / <alpha-value>)",
|
|
39
|
+
"slate-100": "hsl(var(--color-slate-100) / <alpha-value>)",
|
|
40
|
+
"slate-200": "hsl(var(--color-slate-200) / <alpha-value>)",
|
|
41
|
+
"slate-300": "hsl(var(--color-slate-300) / <alpha-value>)",
|
|
42
|
+
"slate-400": "hsl(var(--color-slate-400) / <alpha-value>)",
|
|
43
|
+
"slate-500": "hsl(var(--color-slate-500) / <alpha-value>)",
|
|
44
|
+
"slate-600": "hsl(var(--color-slate-600) / <alpha-value>)",
|
|
45
|
+
"slate-700": "hsl(var(--color-slate-700) / <alpha-value>)",
|
|
46
|
+
"slate-800": "hsl(var(--color-slate-800) / <alpha-value>)",
|
|
47
|
+
"slate-900": "hsl(var(--color-slate-900) / <alpha-value>)",
|
|
48
|
+
"slate-950": "hsl(var(--color-slate-950) / <alpha-value>)",
|
|
49
|
+
"blue-100": "hsl(var(--color-blue-100) / <alpha-value>)",
|
|
50
|
+
"blue-200": "hsl(var(--color-blue-200) / <alpha-value>)",
|
|
51
|
+
"blue-300": "hsl(var(--color-blue-300) / <alpha-value>)",
|
|
52
|
+
"blue-400": "hsl(var(--color-blue-400) / <alpha-value>)",
|
|
53
|
+
"blue-500": "hsl(var(--color-blue-500) / <alpha-value>)",
|
|
54
|
+
"blue-600": "hsl(var(--color-blue-600) / <alpha-value>)",
|
|
55
|
+
"blue-700": "hsl(var(--color-blue-700) / <alpha-value>)",
|
|
56
|
+
"blue-800": "hsl(var(--color-blue-800) / <alpha-value>)",
|
|
57
|
+
"blue-900": "hsl(var(--color-blue-900) / <alpha-value>)",
|
|
58
|
+
"green-100": "hsl(var(--color-green-100) / <alpha-value>)",
|
|
59
|
+
"green-200": "hsl(var(--color-green-200) / <alpha-value>)",
|
|
60
|
+
"green-300": "hsl(var(--color-green-300) / <alpha-value>)",
|
|
61
|
+
"green-400": "hsl(var(--color-green-400) / <alpha-value>)",
|
|
62
|
+
"green-500": "hsl(var(--color-green-500) / <alpha-value>)",
|
|
63
|
+
"green-600": "hsl(var(--color-green-600) / <alpha-value>)",
|
|
64
|
+
"green-700": "hsl(var(--color-green-700) / <alpha-value>)",
|
|
65
|
+
"green-800": "hsl(var(--color-green-800) / <alpha-value>)",
|
|
66
|
+
"green-900": "hsl(var(--color-green-900) / <alpha-value>)",
|
|
67
|
+
"purple-100": "hsl(var(--color-purple-100) / <alpha-value>)",
|
|
68
|
+
"purple-200": "hsl(var(--color-purple-200) / <alpha-value>)",
|
|
69
|
+
"purple-300": "hsl(var(--color-purple-300) / <alpha-value>)",
|
|
70
|
+
"purple-400": "hsl(var(--color-purple-400) / <alpha-value>)",
|
|
71
|
+
"purple-500": "hsl(var(--color-purple-500) / <alpha-value>)",
|
|
72
|
+
"purple-600": "hsl(var(--color-purple-600) / <alpha-value>)",
|
|
73
|
+
"purple-700": "hsl(var(--color-purple-700) / <alpha-value>)",
|
|
74
|
+
"purple-800": "hsl(var(--color-purple-800) / <alpha-value>)",
|
|
75
|
+
"purple-900": "hsl(var(--color-purple-900) / <alpha-value>)",
|
|
76
|
+
"red-100": "hsl(var(--color-red-100) / <alpha-value>)",
|
|
77
|
+
"red-200": "hsl(var(--color-red-200) / <alpha-value>)",
|
|
78
|
+
"red-300": "hsl(var(--color-red-300) / <alpha-value>)",
|
|
79
|
+
"red-400": "hsl(var(--color-red-400) / <alpha-value>)",
|
|
80
|
+
"red-500": "hsl(var(--color-red-500) / <alpha-value>)",
|
|
81
|
+
"red-600": "hsl(var(--color-red-600) / <alpha-value>)",
|
|
82
|
+
"red-700": "hsl(var(--color-red-700) / <alpha-value>)",
|
|
83
|
+
"red-800": "hsl(var(--color-red-800) / <alpha-value>)",
|
|
84
|
+
"red-900": "hsl(var(--color-red-900) / <alpha-value>)",
|
|
85
|
+
"orange-100": "hsl(var(--color-orange-100) / <alpha-value>)",
|
|
86
|
+
"orange-200": "hsl(var(--color-orange-200) / <alpha-value>)",
|
|
87
|
+
"orange-300": "hsl(var(--color-orange-300) / <alpha-value>)",
|
|
88
|
+
"orange-400": "hsl(var(--color-orange-400) / <alpha-value>)",
|
|
89
|
+
"orange-500": "hsl(var(--color-orange-500) / <alpha-value>)",
|
|
90
|
+
"orange-600": "hsl(var(--color-orange-600) / <alpha-value>)",
|
|
91
|
+
"orange-700": "hsl(var(--color-orange-700) / <alpha-value>)",
|
|
92
|
+
"orange-800": "hsl(var(--color-orange-800) / <alpha-value>)",
|
|
93
|
+
"orange-900": "hsl(var(--color-orange-900) / <alpha-value>)",
|
|
94
|
+
"charcoal-100": "hsl(var(--color-charcoal-100) / <alpha-value>)",
|
|
95
|
+
"charcoal-200": "hsl(var(--color-charcoal-200) / <alpha-value>)",
|
|
96
|
+
"charcoal-300": "hsl(var(--color-charcoal-300) / <alpha-value>)",
|
|
97
|
+
"charcoal-400": "hsl(var(--color-charcoal-400) / <alpha-value>)",
|
|
98
|
+
"charcoal-500": "hsl(var(--color-charcoal-500) / <alpha-value>)",
|
|
99
|
+
"charcoal-600": "hsl(var(--color-charcoal-600) / <alpha-value>)",
|
|
100
|
+
"charcoal-700": "hsl(var(--color-charcoal-700) / <alpha-value>)",
|
|
101
|
+
"charcoal-800": "hsl(var(--color-charcoal-800) / <alpha-value>)",
|
|
102
|
+
"charcoal-900": "hsl(var(--color-charcoal-900) / <alpha-value>)",
|
|
103
|
+
},
|
|
104
|
+
boxShadow: {
|
|
105
|
+
...defaultTheme.boxShadow,
|
|
106
|
+
sidebar: "var(--shadow-sidebar)",
|
|
107
|
+
tooltip: "var(--shadow-tooltip)",
|
|
108
|
+
button: "var(--shadow-button)",
|
|
109
|
+
DEFAULT:
|
|
110
|
+
"0px 4px 8px -4px rgba(0, 0, 0, 0.02), 0px -1px 1px 0px rgba(0, 0, 0, 0.04) inset",
|
|
111
|
+
},
|
|
112
|
+
extend: {
|
|
113
|
+
gridTemplateColumns: {
|
|
114
|
+
"form-columns": "max-content auto",
|
|
115
|
+
},
|
|
116
|
+
keyframes: {
|
|
117
|
+
"fade-in": {
|
|
118
|
+
"0%": { opacity: "0%" },
|
|
119
|
+
"100%": { opacity: "100%" },
|
|
120
|
+
},
|
|
121
|
+
"fade-out": {
|
|
122
|
+
"0%": { opacity: "100%" },
|
|
123
|
+
"100%": { opacity: "0%" },
|
|
124
|
+
},
|
|
125
|
+
"zoom-in": {
|
|
126
|
+
"0%": { transform: "scale(0.95)" },
|
|
127
|
+
"100%": { transform: "scale(1)" },
|
|
128
|
+
},
|
|
129
|
+
"zoom-out": {
|
|
130
|
+
"0%": { transform: "scale(1)" },
|
|
131
|
+
"100%": { transform: "scale(0.95)" },
|
|
132
|
+
},
|
|
133
|
+
},
|
|
134
|
+
animation: {
|
|
135
|
+
"fade-in": "fade-in 300ms ease-in",
|
|
136
|
+
"fade-out": "fade-out 200ms ease-out",
|
|
137
|
+
"zoom-in": "zoom-in 300ms ease-in",
|
|
138
|
+
"zoom-out": "zoom-out 200ms ease-out",
|
|
139
|
+
},
|
|
140
|
+
},
|
|
141
|
+
} satisfies Config["theme"];
|
|
142
|
+
|
|
143
|
+
const plugins = [
|
|
144
|
+
animate,
|
|
145
|
+
scrollbar({ nocompatible: true }),
|
|
146
|
+
plugin(function ({ addVariant }) {
|
|
147
|
+
addVariant("collapsed", ":merge(.group).collapsed &");
|
|
148
|
+
addVariant("collapsing", ":merge(.group).collapsing &");
|
|
149
|
+
addVariant("expanded", ":merge(.group).expanded &");
|
|
150
|
+
addVariant("expanding", ":merge(.group).expanding &");
|
|
151
|
+
}),
|
|
152
|
+
] satisfies Config["plugins"];
|
|
153
|
+
|
|
154
|
+
export const designSystemPreset = {
|
|
155
|
+
theme,
|
|
156
|
+
plugins,
|
|
157
|
+
};
|
package/tsconfig.json
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"compilerOptions": {
|
|
3
|
+
"lib": ["es2017"],
|
|
4
|
+
"module": "ESNext",
|
|
5
|
+
"moduleResolution": "Bundler",
|
|
6
|
+
"strict": true,
|
|
7
|
+
"outDir": "./dist",
|
|
8
|
+
"composite": false,
|
|
9
|
+
"esModuleInterop": true,
|
|
10
|
+
"forceConsistentCasingInFileNames": true,
|
|
11
|
+
"inlineSources": false,
|
|
12
|
+
"isolatedModules": true,
|
|
13
|
+
"noUnusedLocals": false,
|
|
14
|
+
"noUnusedParameters": false,
|
|
15
|
+
"preserveWatchOutput": true,
|
|
16
|
+
"skipLibCheck": true,
|
|
17
|
+
"experimentalDecorators": true,
|
|
18
|
+
"declaration": true,
|
|
19
|
+
"resolveJsonModule": true
|
|
20
|
+
},
|
|
21
|
+
"include": [
|
|
22
|
+
"src/**/*.ts",
|
|
23
|
+
],
|
|
24
|
+
"exclude": ["**/*.esm.t"]
|
|
25
|
+
}
|
package/tsup.config.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { defineConfig } from "tsup";
|
|
2
|
+
|
|
3
|
+
export default defineConfig({
|
|
4
|
+
entry: ["src/**/*.ts"],
|
|
5
|
+
splitting: false,
|
|
6
|
+
sourcemap: true,
|
|
7
|
+
clean: true,
|
|
8
|
+
format: "esm",
|
|
9
|
+
treeshake: true,
|
|
10
|
+
bundle: false,
|
|
11
|
+
platform: "node",
|
|
12
|
+
target: "node20",
|
|
13
|
+
cjsInterop: true,
|
|
14
|
+
dts: true,
|
|
15
|
+
});
|