@upstart.gg/style-system 0.0.140-next.0 → 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/.turbo/turbo-build.log +1 -1
- package/biome.json +4 -0
- package/dist/system.d.ts +1 -3
- package/dist/system.js +1 -3
- package/dist/twind-config.js +367 -2
- package/dist/twind-config.js.map +1 -0
- package/dist/twind.d.ts +1 -1
- package/dist/twind.js +1 -1
- package/package.json +10 -8
- package/src/system.ts +0 -2
- package/dist/twind-config-DWuVSa7D.js +0 -368
- package/dist/twind-config-DWuVSa7D.js.map +0 -1
package/.turbo/turbo-build.log
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
> @upstart.gg/style-system@0.0.139 build /home/runner/work/monorepo/monorepo/packages/style-system
|
|
3
3
|
> tsdown
|
|
4
4
|
|
|
5
|
-
[34mℹ[39m tsdown [2mv0.
|
|
5
|
+
[34mℹ[39m tsdown [2mv0.18.3[22m powered by rolldown [2mv1.0.0-beta.57[22m
|
|
6
6
|
[34mℹ[39m config file: [4m/home/runner/work/monorepo/monorepo/packages/style-system/tsdown.config.ts[24m
|
|
7
7
|
[34mℹ[39m Build start
|
package/biome.json
ADDED
package/dist/system.d.ts
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import { useAutoAnimate } from "@formkit/auto-animate/react";
|
|
2
1
|
import * as ToggleGroup from "@radix-ui/react-toggle-group";
|
|
3
2
|
import { FloatingArrow, FloatingPortal, Placement, arrow, autoPlacement, autoUpdate, flip, offset, safePolygon, shift, useClientPoint, useDismiss, useFloating, useHover, useInteractions, useMergeRefs } from "@floating-ui/react";
|
|
4
|
-
import { Toaster, toast } from "react-hot-toast";
|
|
5
3
|
export * from "@radix-ui/themes";
|
|
6
|
-
export { FloatingArrow, FloatingPortal, type Placement,
|
|
4
|
+
export { FloatingArrow, FloatingPortal, type Placement, ToggleGroup, arrow, autoPlacement, autoUpdate, flip, offset, safePolygon, shift, useClientPoint, useDismiss, useFloating, useHover, useInteractions, useMergeRefs };
|
package/dist/system.js
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import { useAutoAnimate } from "@formkit/auto-animate/react";
|
|
2
1
|
import * as ToggleGroup from "@radix-ui/react-toggle-group";
|
|
3
2
|
import { FloatingArrow, FloatingPortal, arrow, autoPlacement, autoUpdate, flip, offset, safePolygon, shift, useClientPoint, useDismiss, useFloating, useHover, useInteractions, useMergeRefs } from "@floating-ui/react";
|
|
4
|
-
import { Toaster, toast } from "react-hot-toast";
|
|
5
3
|
|
|
6
4
|
export * from "@radix-ui/themes"
|
|
7
5
|
|
|
8
|
-
export { FloatingArrow, FloatingPortal,
|
|
6
|
+
export { FloatingArrow, FloatingPortal, ToggleGroup, arrow, autoPlacement, autoUpdate, flip, offset, safePolygon, shift, useClientPoint, useDismiss, useFloating, useHover, useInteractions, useMergeRefs };
|
package/dist/twind-config.js
CHANGED
|
@@ -1,3 +1,368 @@
|
|
|
1
|
-
import { t as
|
|
1
|
+
import { t as colorPalette } from "./colors-d_ljq6nY.js";
|
|
2
|
+
import { defineConfig } from "@twind/core";
|
|
3
|
+
import presetAutoprefix from "@twind/preset-autoprefix";
|
|
4
|
+
import presetContainerQueries from "@twind/preset-container-queries";
|
|
5
|
+
import presetExt from "@twind/preset-ext";
|
|
6
|
+
import presetLineClamp from "@twind/preset-line-clamp";
|
|
7
|
+
import presetTailwind from "@twind/preset-tailwind";
|
|
8
|
+
import presetForms from "@twind/preset-tailwind-forms";
|
|
2
9
|
|
|
3
|
-
|
|
10
|
+
//#region src/twind-config.ts
|
|
11
|
+
var twind_config_default = defineConfig({
|
|
12
|
+
darkMode: "media",
|
|
13
|
+
presets: [
|
|
14
|
+
presetAutoprefix(),
|
|
15
|
+
presetTailwind({ disablePreflight: false }),
|
|
16
|
+
presetContainerQueries(),
|
|
17
|
+
presetExt(),
|
|
18
|
+
presetLineClamp(),
|
|
19
|
+
presetForms({})
|
|
20
|
+
],
|
|
21
|
+
variants: [["hasChildMenudHover", "&:has(.container-menu-wrapper:hover)"], ["empty", "&:not(:has(*))"]],
|
|
22
|
+
rules: [
|
|
23
|
+
["brick", { borderRadius: "inherit" }],
|
|
24
|
+
["dynamic-field", "bg-upstart-200/50 text-black/80 text-[90%] py-0.5 inline-block outline outline-upstart-50 px-1.5 rounded mx-0.5"],
|
|
25
|
+
["btn", "text-nowrap font-semibold min-h-fit max-h-fit flex items-center text-center justify-center flex-wrap text-ellipsis py-[0.55em] px-[1em]"],
|
|
26
|
+
["btn-", ({ $$ }) => ({
|
|
27
|
+
backgroundColor: `var(--color-${$$})`,
|
|
28
|
+
color: `var(--color-${$$}-content)`
|
|
29
|
+
})],
|
|
30
|
+
["rounded-auto", {
|
|
31
|
+
borderRadius: "inherit",
|
|
32
|
+
"&:first-child": {
|
|
33
|
+
borderTopRightRadius: "0px",
|
|
34
|
+
borderBottomRightRadius: "0px"
|
|
35
|
+
},
|
|
36
|
+
"&:last-child": {
|
|
37
|
+
borderTopLeftRadius: "0px",
|
|
38
|
+
borderBottomLeftRadius: "0px"
|
|
39
|
+
},
|
|
40
|
+
"&:not(:first-child):not(:last-child)": { borderRadius: "0px" }
|
|
41
|
+
}],
|
|
42
|
+
["h-dvh", { height: "100dvh" }],
|
|
43
|
+
["w-dvw", { width: "100dvw" }],
|
|
44
|
+
[/^bg-color-\[([\S]+)\]$/, ({ 1: $1 }) => ({
|
|
45
|
+
"--up-bg-color": `${$1}`,
|
|
46
|
+
backgroundColor: "var(--up-bg-color)"
|
|
47
|
+
})],
|
|
48
|
+
["bg-primary", {
|
|
49
|
+
backgroundColor: `var(--up-bg-color)`,
|
|
50
|
+
"--up-bg-color": `var(--color-primary)`
|
|
51
|
+
}],
|
|
52
|
+
["bg-secondary", {
|
|
53
|
+
backgroundColor: `var(--up-bg-color)`,
|
|
54
|
+
"--up-bg-color": `var(--color-secondary)`
|
|
55
|
+
}],
|
|
56
|
+
["bg-accent", {
|
|
57
|
+
backgroundColor: `var(--up-bg-color)`,
|
|
58
|
+
"--up-bg-color": `var(--color-accent)`
|
|
59
|
+
}],
|
|
60
|
+
["bg-neutral", {
|
|
61
|
+
backgroundColor: `var(--up-bg-color)`,
|
|
62
|
+
"--up-bg-color": `var(--color-neutral)`
|
|
63
|
+
}],
|
|
64
|
+
["bg-base-", ({ $$ }) => ({
|
|
65
|
+
backgroundColor: `var(--up-bg-color)`,
|
|
66
|
+
"--up-bg-color": `var(--color-base-${$$})`
|
|
67
|
+
})],
|
|
68
|
+
["bg-neutral-", ({ $$ }) => ({
|
|
69
|
+
backgroundColor: `var(--up-bg-color)`,
|
|
70
|
+
"--up-bg-color": `var(--color-neutral-${$$})`
|
|
71
|
+
})],
|
|
72
|
+
["bg-accent-", ({ $$ }) => ({
|
|
73
|
+
backgroundColor: `var(--up-bg-color)`,
|
|
74
|
+
"--up-bg-color": `var(--color-accent-${$$})`
|
|
75
|
+
})],
|
|
76
|
+
["bg-primary-gradient-", ({ $$ }) => `@(from-primary-${$$} to-primary-${parseInt($$) + 100})`],
|
|
77
|
+
["bg-primary-", ({ $$ }) => ({
|
|
78
|
+
backgroundColor: `var(--up-bg-color)`,
|
|
79
|
+
"--up-bg-color": `var(--color-primary-${$$})`
|
|
80
|
+
})],
|
|
81
|
+
["bg-secondary-", ({ $$ }) => ({
|
|
82
|
+
backgroundColor: `var(--up-bg-color)`,
|
|
83
|
+
"--up-bg-color": `var(--color-secondary-${$$})`
|
|
84
|
+
})],
|
|
85
|
+
["border-base-", ({ $$ }) => ({ borderColor: `color-mix(in lab, var(--color-base-${$$}), black 10%)` })],
|
|
86
|
+
["border-neutral-", ({ $$ }) => ({ borderColor: `var(--color-neutral-${$$})` })],
|
|
87
|
+
["border-accent-", ({ $$ }) => ({ borderColor: `var(--color-accent-${$$})` })],
|
|
88
|
+
["border-primary-", ({ $$ }) => ({ borderColor: `var(--color-primary-${$$})` })],
|
|
89
|
+
["border-secondary-", ({ $$ }) => ({ borderColor: `var(--color-secondary-${$$})` })],
|
|
90
|
+
["border-primary", { borderColor: `var(--color-primary)` }],
|
|
91
|
+
["border-secondary", { borderColor: `var(--color-secondary)` }],
|
|
92
|
+
["border-accent", { borderColor: `var(--color-accent)` }],
|
|
93
|
+
["border-neutral", { borderColor: `var(--color-neutral)` }],
|
|
94
|
+
["text-primary", "@(text-primary-content)"],
|
|
95
|
+
["text-secondary", "@(text-secondary-content)"],
|
|
96
|
+
["text-accent", "@(text-accent-content)"],
|
|
97
|
+
["text-neutral", "@(text-neutral-content)"],
|
|
98
|
+
["text-base", { color: "var(--color-base-content)" }],
|
|
99
|
+
["text-base-content", { color: "var(--color-base-content)" }],
|
|
100
|
+
["text-neutral-", ({ $$ }) => ({ color: `var(--color-neutral-${$$})` })],
|
|
101
|
+
["text-accent-", ({ $$ }) => ({ color: `var(--color-accent-${$$})` })],
|
|
102
|
+
["text-primary-", ({ $$ }) => ({ color: `var(--color-primary-${$$})` })],
|
|
103
|
+
["text-secondary-", ({ $$ }) => ({ color: `var(--color-secondary-${$$})` })],
|
|
104
|
+
["text-base-", ({ $$ }) => ({ color: `var(--color-base-${$$})` })],
|
|
105
|
+
["outline-primary-", ({ $$ }) => ({ outlineColor: `var(--color-primary-${$$})` })],
|
|
106
|
+
["outline-secondary-", ({ $$ }) => ({ outlineColor: `var(--color-secondary-${$$})` })],
|
|
107
|
+
["outline-accent-", ({ $$ }) => ({ outlineColor: `var(--color-accent-${$$})` })],
|
|
108
|
+
["outline-neutral-", ({ $$ }) => ({ outlineColor: `var(--color-neutral-${$$})` })],
|
|
109
|
+
["neutral-", ({ $$ }) => ({
|
|
110
|
+
backgroundColor: `var(--color-neutral-${$$})`,
|
|
111
|
+
color: `var(--text-neutral-${$$})`
|
|
112
|
+
})],
|
|
113
|
+
["accent-", ({ $$ }) => ({
|
|
114
|
+
backgroundColor: `var(--color-accent-${$$})`,
|
|
115
|
+
color: `var(--text-accent-${$$})`
|
|
116
|
+
})],
|
|
117
|
+
["primary-", ({ $$ }) => ({
|
|
118
|
+
backgroundColor: `var(--color-primary-${$$})`,
|
|
119
|
+
color: `var(--text-primary-${$$})`
|
|
120
|
+
})],
|
|
121
|
+
["secondary-", ({ $$ }) => ({
|
|
122
|
+
backgroundColor: `var(--color-secondary-${$$})`,
|
|
123
|
+
color: `var(--text-secondary-${$$})`
|
|
124
|
+
})],
|
|
125
|
+
["w-fill", { width: [
|
|
126
|
+
"fill-available",
|
|
127
|
+
"-webkit-fill-available",
|
|
128
|
+
"-moz-available"
|
|
129
|
+
] }],
|
|
130
|
+
["h-fill", { height: [
|
|
131
|
+
"fill-available",
|
|
132
|
+
"-webkit-fill-available",
|
|
133
|
+
"-moz-available"
|
|
134
|
+
] }],
|
|
135
|
+
["striped-bg", { backgroundImage: `repeating-linear-gradient(
|
|
136
|
+
-45deg,
|
|
137
|
+
rgba(0,0,0,.1) 0px,
|
|
138
|
+
rgba(0,0,0,.1) 4px,
|
|
139
|
+
transparent 4px,
|
|
140
|
+
transparent 12px
|
|
141
|
+
)` }],
|
|
142
|
+
["object-bottom-left", { objectPosition: "bottom left" }],
|
|
143
|
+
["object-bottom-right", { objectPosition: "bottom right" }],
|
|
144
|
+
["object-top-left", { objectPosition: "top left" }],
|
|
145
|
+
["object-top-right", { objectPosition: "top right" }],
|
|
146
|
+
["hero", { "&::first-line": {
|
|
147
|
+
lineHeight: "1",
|
|
148
|
+
margin: "0"
|
|
149
|
+
} }],
|
|
150
|
+
["hero-size-1", {
|
|
151
|
+
fontSize: "clamp(2.5rem, 1.5rem + 3.913cqw, 4rem)",
|
|
152
|
+
lineHeight: "1.05",
|
|
153
|
+
fontWeight: "800"
|
|
154
|
+
}],
|
|
155
|
+
["hero-size-2", {
|
|
156
|
+
fontSize: "clamp(3rem, 2rem + 3.913cqw, 4.5rem)",
|
|
157
|
+
lineHeight: "1.05",
|
|
158
|
+
fontWeight: "bold"
|
|
159
|
+
}],
|
|
160
|
+
["hero-size-3", {
|
|
161
|
+
fontSize: "clamp(3.5rem, 2.5rem + 3.913cqw, 5rem)",
|
|
162
|
+
lineHeight: "1.05",
|
|
163
|
+
fontWeight: "bold"
|
|
164
|
+
}],
|
|
165
|
+
["hero-size-4", {
|
|
166
|
+
fontSize: "clamp(4rem, 3rem + 3.913cqw, 5.5rem)",
|
|
167
|
+
lineHeight: "1.05",
|
|
168
|
+
fontWeight: "bold"
|
|
169
|
+
}],
|
|
170
|
+
["hero-size-5", {
|
|
171
|
+
fontSize: "clamp(4.5rem, 3.5rem + 3.913cqw, 6rem)",
|
|
172
|
+
lineHeight: "1.05",
|
|
173
|
+
fontWeight: "bold"
|
|
174
|
+
}],
|
|
175
|
+
["text-shadow-none", { textShadow: "none" }],
|
|
176
|
+
["text-shadow-sm", { textShadow: "0 1px 2px rgba(0, 0, 0, 0.15)" }],
|
|
177
|
+
["text-shadow-md", { textShadow: "0 2px 4px rgba(0, 0, 0, 0.2)" }],
|
|
178
|
+
["text-shadow-lg", { textShadow: "0 3px 6px rgba(0, 0, 0, 0.2)" }],
|
|
179
|
+
["text-shadow-xl", { textShadow: "0 5px 10px rgba(0, 0, 0, 0.2)" }],
|
|
180
|
+
["text-pretty", { textWrap: "pretty" }],
|
|
181
|
+
["text-balance", { textWrap: "balance" }],
|
|
182
|
+
["text-nowrap", { textWrap: "nowrap" }],
|
|
183
|
+
["scrollbar-thin", { scrollbarWidth: "thin" }],
|
|
184
|
+
["scrollbar-none", { scrollbarWidth: "none" }],
|
|
185
|
+
["scrollbar-gutter-stable", { scrollbarGutter: "stable" }],
|
|
186
|
+
["scrollbar-gutter-stable-both", { scrollbarGutter: "stable both-edges" }],
|
|
187
|
+
["scrollbar-color-", ({ $$ }) => ({ scrollbarColor: `var(--${$$}-8) var(--${$$}-surface)` })]
|
|
188
|
+
],
|
|
189
|
+
theme: { extend: {
|
|
190
|
+
colors: {
|
|
191
|
+
...colorPalette,
|
|
192
|
+
upstart: {
|
|
193
|
+
50: "#f2f4fb",
|
|
194
|
+
100: "#e7ecf8",
|
|
195
|
+
200: "#d3daf2",
|
|
196
|
+
300: "#b8c2e9",
|
|
197
|
+
400: "#9ba3de",
|
|
198
|
+
500: "#8186d3",
|
|
199
|
+
600: "#7270c6",
|
|
200
|
+
700: "#5b57ab",
|
|
201
|
+
800: "#4b498a",
|
|
202
|
+
900: "#40406f",
|
|
203
|
+
950: "#262541"
|
|
204
|
+
},
|
|
205
|
+
dark: {
|
|
206
|
+
50: "#f6f6f6",
|
|
207
|
+
100: "#e7e7e7",
|
|
208
|
+
200: "#d1d1d1",
|
|
209
|
+
300: "#b0b0b0",
|
|
210
|
+
400: "#888888",
|
|
211
|
+
500: "#6d6d6d",
|
|
212
|
+
600: "#5d5d5d",
|
|
213
|
+
700: "#4f4f4f",
|
|
214
|
+
800: "#454545",
|
|
215
|
+
900: "#333333",
|
|
216
|
+
950: "#262626"
|
|
217
|
+
},
|
|
218
|
+
base: {
|
|
219
|
+
default: "var(--color-base-100)",
|
|
220
|
+
100: "var(--color-base-100)",
|
|
221
|
+
200: "var(--color-base-200)",
|
|
222
|
+
300: "var(--color-base-300)"
|
|
223
|
+
},
|
|
224
|
+
primary: {
|
|
225
|
+
default: "var(--color-primary)",
|
|
226
|
+
100: "var(--color-primary-100)",
|
|
227
|
+
200: "var(--color-primary-200)",
|
|
228
|
+
300: "var(--color-primary-300)",
|
|
229
|
+
400: "var(--color-primary-400)",
|
|
230
|
+
500: "var(--color-primary-500)",
|
|
231
|
+
600: "var(--color-primary-600)",
|
|
232
|
+
700: "var(--color-primary-700)",
|
|
233
|
+
800: "var(--color-primary-800)",
|
|
234
|
+
900: "var(--color-primary-900)"
|
|
235
|
+
},
|
|
236
|
+
secondary: {
|
|
237
|
+
default: "var(--color-secondary)",
|
|
238
|
+
100: "var(--color-secondary-100)",
|
|
239
|
+
200: "var(--color-secondary-200)",
|
|
240
|
+
300: "var(--color-secondary-300)",
|
|
241
|
+
400: "var(--color-secondary-400)",
|
|
242
|
+
500: "var(--color-secondary-500)",
|
|
243
|
+
600: "var(--color-secondary-600)",
|
|
244
|
+
700: "var(--color-secondary-700)",
|
|
245
|
+
800: "var(--color-secondary-800)",
|
|
246
|
+
900: "var(--color-secondary-900)"
|
|
247
|
+
},
|
|
248
|
+
accent: {
|
|
249
|
+
default: "var(--color-accent)",
|
|
250
|
+
100: "var(--color-accent-100)",
|
|
251
|
+
200: "var(--color-accent-200)",
|
|
252
|
+
300: "var(--color-accent-300)",
|
|
253
|
+
400: "var(--color-accent-400)",
|
|
254
|
+
500: "var(--color-accent-500)",
|
|
255
|
+
600: "var(--color-accent-600)",
|
|
256
|
+
700: "var(--color-accent-700)",
|
|
257
|
+
800: "var(--color-accent-800)",
|
|
258
|
+
900: "var(--color-accent-900)"
|
|
259
|
+
},
|
|
260
|
+
neutral: {
|
|
261
|
+
default: "var(--color-neutral)",
|
|
262
|
+
100: "var(--color-neutral-100)",
|
|
263
|
+
200: "var(--color-neutral-200)",
|
|
264
|
+
300: "var(--color-neutral-300)",
|
|
265
|
+
400: "var(--color-neutral-400)",
|
|
266
|
+
500: "var(--color-neutral-500)",
|
|
267
|
+
600: "var(--color-neutral-600)",
|
|
268
|
+
700: "var(--color-neutral-700)",
|
|
269
|
+
800: "var(--color-neutral-800)",
|
|
270
|
+
900: "var(--color-neutral-900)"
|
|
271
|
+
}
|
|
272
|
+
},
|
|
273
|
+
fontSize: {
|
|
274
|
+
"fluid-xs": "clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem)",
|
|
275
|
+
"fluid-sm": "clamp(0.875rem, 0.8rem + 0.375vw, 1rem)",
|
|
276
|
+
"fluid-base": "clamp(1rem, 0.9rem + 0.5vw, 1.25rem)",
|
|
277
|
+
"fluid-lg": "clamp(1.125rem, 1rem + 0.625vw, 1.5rem)",
|
|
278
|
+
"fluid-xl": "clamp(1.25rem, 1.1rem + 0.75vw, 1.75rem)",
|
|
279
|
+
"fluid-2xl": "clamp(1.5rem, 1.3rem + 1vw, 2.25rem)",
|
|
280
|
+
"fluid-3xl": "clamp(1.875rem, 1.6rem + 1.375vw, 2.75rem)",
|
|
281
|
+
"fluid-4xl": "clamp(2.25rem, 1.9rem + 1.75vw, 3.5rem)",
|
|
282
|
+
"fluid-5xl": "clamp(3rem, 2.5rem + 2.5vw, 4.5rem)",
|
|
283
|
+
"fluid-6xl": "clamp(3.75rem, 3rem + 3.75vw, 6rem)"
|
|
284
|
+
},
|
|
285
|
+
containers: {
|
|
286
|
+
mobile: "1px",
|
|
287
|
+
desktop: "1024px"
|
|
288
|
+
},
|
|
289
|
+
animation: {
|
|
290
|
+
"fade-in": "fade-in 0.5s",
|
|
291
|
+
"elastic-pop": "elastic-pop 1s cubic-bezier(0.22, 1, 0.36, 1) forwards",
|
|
292
|
+
"reveal-brick": "reveal-brick 1.5s ease forwards",
|
|
293
|
+
"slide-in": "slide-in 0.15s ease-out",
|
|
294
|
+
"slide-back": "slide-back 0.15s ease-out",
|
|
295
|
+
border: "border 4s linear infinite",
|
|
296
|
+
"spin-blob": "spin-blob 20s linear infinite",
|
|
297
|
+
background: "background 15s ease infinite"
|
|
298
|
+
},
|
|
299
|
+
keyframes: {
|
|
300
|
+
background: {
|
|
301
|
+
"0%": { backgroundPosition: "0% 50%" },
|
|
302
|
+
"50%": { backgroundPosition: "100% 50%" },
|
|
303
|
+
"100%": { backgroundPosition: "0% 50%" }
|
|
304
|
+
},
|
|
305
|
+
"spin-blob": {
|
|
306
|
+
"0%": { transform: "rotate(0deg) scale(2)" },
|
|
307
|
+
"25%": { transform: "rotate(.5turn) scale(6)" },
|
|
308
|
+
"50%": { transform: "rotate(0turn) scale(6)" },
|
|
309
|
+
"100%": { transform: "rotate(0deg) scale(2)" }
|
|
310
|
+
},
|
|
311
|
+
"elastic-pop": {
|
|
312
|
+
"0%": {
|
|
313
|
+
transform: "scale(0)",
|
|
314
|
+
opacity: "0"
|
|
315
|
+
},
|
|
316
|
+
"50%": {
|
|
317
|
+
transform: "scale(1.1)",
|
|
318
|
+
opacity: "0.8"
|
|
319
|
+
},
|
|
320
|
+
"70%": {
|
|
321
|
+
transform: "scale(0.98)",
|
|
322
|
+
opacity: "1"
|
|
323
|
+
},
|
|
324
|
+
"100%": {
|
|
325
|
+
transform: "scale(1)",
|
|
326
|
+
opacity: "1"
|
|
327
|
+
}
|
|
328
|
+
},
|
|
329
|
+
"reveal-brick": {
|
|
330
|
+
"0%": {
|
|
331
|
+
transform: "scale(0)",
|
|
332
|
+
opacity: "0",
|
|
333
|
+
filter: "blur(20px)"
|
|
334
|
+
},
|
|
335
|
+
"50%": {
|
|
336
|
+
transform: "scale(1)",
|
|
337
|
+
opacity: "0.7",
|
|
338
|
+
filter: "blur(10px)"
|
|
339
|
+
},
|
|
340
|
+
"100%": {
|
|
341
|
+
transform: "scale(1)",
|
|
342
|
+
opacity: "1",
|
|
343
|
+
filter: "blur(0)"
|
|
344
|
+
}
|
|
345
|
+
},
|
|
346
|
+
"fade-in": {
|
|
347
|
+
from: { opacity: "0" },
|
|
348
|
+
to: { opacity: "1" }
|
|
349
|
+
},
|
|
350
|
+
"slide-in": {
|
|
351
|
+
from: { transform: "translateX(100%)" },
|
|
352
|
+
to: { transform: "translateX(0)" }
|
|
353
|
+
},
|
|
354
|
+
"slide-back": {
|
|
355
|
+
from: { transform: "translateX(-100%)" },
|
|
356
|
+
to: { transform: "translateX(0)" }
|
|
357
|
+
},
|
|
358
|
+
border: {
|
|
359
|
+
from: { "--border-angle": "0deg" },
|
|
360
|
+
to: { "--border-angle": "360deg" }
|
|
361
|
+
}
|
|
362
|
+
}
|
|
363
|
+
} }
|
|
364
|
+
});
|
|
365
|
+
|
|
366
|
+
//#endregion
|
|
367
|
+
export { twind_config_default as default };
|
|
368
|
+
//# sourceMappingURL=twind-config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"twind-config.js","names":[],"sources":["../src/twind-config.ts"],"sourcesContent":["import { defineConfig } from \"@twind/core\";\nimport presetAutoprefix from \"@twind/preset-autoprefix\";\nimport presetContainerQueries from \"@twind/preset-container-queries\";\nimport presetExt from \"@twind/preset-ext\";\nimport presetLineClamp from \"@twind/preset-line-clamp\";\nimport presetTailwind from \"@twind/preset-tailwind\";\nimport presetForms from \"@twind/preset-tailwind-forms\";\nimport presetTypo from \"@twind/preset-typography\";\nimport { colorPalette } from \"./colors\";\n\nexport default defineConfig({\n darkMode: \"media\",\n // ignorelist: [/^btn-*/],\n presets: [\n presetAutoprefix(),\n presetTailwind({ disablePreflight: false }),\n presetContainerQueries(),\n presetExt(),\n presetLineClamp(),\n presetForms({\n // strategy: \"class\",\n // We use the `btn` class for buttons, so we don't want to apply the default button styles\n // to avoid conflicts with our custom button styles.\n //\n }),\n ],\n variants: [\n [\"hasChildMenudHover\", \"&:has(.container-menu-wrapper:hover)\"],\n [\"empty\", \"&:not(:has(*))\"],\n ],\n rules: [\n [\n \"brick\",\n {\n borderRadius: \"inherit\",\n },\n ],\n [\n \"dynamic-field\",\n \"bg-upstart-200/50 text-black/80 text-[90%] py-0.5 inline-block outline outline-upstart-50 px-1.5 rounded mx-0.5\",\n ],\n [\n \"btn\",\n \"text-nowrap font-semibold min-h-fit max-h-fit flex items-center text-center justify-center flex-wrap text-ellipsis py-[0.55em] px-[1em]\",\n ],\n [\n \"btn-\",\n ({ $$ }) => ({\n backgroundColor: `var(--color-${$$})`,\n color: `var(--color-${$$}-content)`,\n }),\n ],\n\n [\n \"rounded-auto\",\n {\n borderRadius: \"inherit\",\n \"&:first-child\": {\n borderTopRightRadius: \"0px\",\n borderBottomRightRadius: \"0px\",\n },\n \"&:last-child\": {\n borderTopLeftRadius: \"0px\",\n borderBottomLeftRadius: \"0px\",\n },\n \"&:not(:first-child):not(:last-child)\": {\n borderRadius: \"0px\",\n },\n },\n ],\n [\n \"h-dvh\",\n {\n height: \"100dvh\",\n },\n ],\n [\n \"w-dvw\",\n {\n width: \"100dvw\",\n },\n ],\n\n [\n /^bg-color-\\[([\\S]+)\\]$/,\n ({ 1: $1 }) => ({ \"--up-bg-color\": `${$1}`, backgroundColor: \"var(--up-bg-color)\" }),\n ],\n\n [\n \"bg-primary\",\n {\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-primary)`,\n },\n ],\n [\n \"bg-secondary\",\n {\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-secondary)`,\n },\n ],\n [\n \"bg-accent\",\n {\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-accent)`,\n },\n ],\n [\n \"bg-neutral\",\n {\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-neutral)`,\n },\n ],\n [\n \"bg-base-\",\n ({ $$ }) => ({\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-base-${$$})`,\n }),\n ],\n [\n \"bg-neutral-\",\n ({ $$ }) => ({\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-neutral-${$$})`,\n }),\n ],\n [\n \"bg-accent-\",\n ({ $$ }) => ({\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-accent-${$$})`,\n }),\n ],\n [\n \"bg-primary-gradient-\",\n ({ $$ }) => `@(from-primary-${$$} to-primary-${parseInt($$) + 100})`, // e.g. from-primary-100 to-primary-200,\n ],\n [\n \"bg-primary-\",\n ({ $$ }) => ({\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-primary-${$$})`,\n }),\n ],\n [\n \"bg-secondary-\",\n ({ $$ }) => ({\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-secondary-${$$})`,\n }),\n ],\n\n [\"border-base-\", ({ $$ }) => ({ borderColor: `color-mix(in lab, var(--color-base-${$$}), black 10%)` })],\n [\"border-neutral-\", ({ $$ }) => ({ borderColor: `var(--color-neutral-${$$})` })],\n [\"border-accent-\", ({ $$ }) => ({ borderColor: `var(--color-accent-${$$})` })],\n [\"border-primary-\", ({ $$ }) => ({ borderColor: `var(--color-primary-${$$})` })],\n [\"border-secondary-\", ({ $$ }) => ({ borderColor: `var(--color-secondary-${$$})` })],\n [\"border-primary\", { borderColor: `var(--color-primary)` }],\n [\"border-secondary\", { borderColor: `var(--color-secondary)` }],\n [\"border-accent\", { borderColor: `var(--color-accent)` }],\n [\"border-neutral\", { borderColor: `var(--color-neutral)` }],\n\n /**\n * Can be used with text-neutral-500, but also text-neutral-500-subtle, text-neutral-500-tonal-subtle, text-neutral-500-strong, etc.\n */\n [\"text-primary\", \"@(text-primary-content)\"],\n [\"text-secondary\", \"@(text-secondary-content)\"],\n [\"text-accent\", \"@(text-accent-content)\"],\n [\"text-neutral\", \"@(text-neutral-content)\"],\n [\"text-base\", { color: \"var(--color-base-content)\" }],\n [\"text-base-content\", { color: \"var(--color-base-content)\" }],\n [\"text-neutral-\", ({ $$ }) => ({ color: `var(--color-neutral-${$$})` })],\n [\"text-accent-\", ({ $$ }) => ({ color: `var(--color-accent-${$$})` })],\n [\"text-primary-\", ({ $$ }) => ({ color: `var(--color-primary-${$$})` })],\n [\"text-secondary-\", ({ $$ }) => ({ color: `var(--color-secondary-${$$})` })],\n [\"text-base-\", ({ $$ }) => ({ color: `var(--color-base-${$$})` })],\n\n [\"outline-primary-\", ({ $$ }) => ({ outlineColor: `var(--color-primary-${$$})` })],\n [\"outline-secondary-\", ({ $$ }) => ({ outlineColor: `var(--color-secondary-${$$})` })],\n [\"outline-accent-\", ({ $$ }) => ({ outlineColor: `var(--color-accent-${$$})` })],\n [\"outline-neutral-\", ({ $$ }) => ({ outlineColor: `var(--color-neutral-${$$})` })],\n\n [\n \"neutral-\",\n ({ $$ }) => ({ backgroundColor: `var(--color-neutral-${$$})`, color: `var(--text-neutral-${$$})` }),\n ],\n [\n \"accent-\",\n ({ $$ }) => ({ backgroundColor: `var(--color-accent-${$$})`, color: `var(--text-accent-${$$})` }),\n ],\n\n [\n \"primary-\",\n ({ $$ }) => ({ backgroundColor: `var(--color-primary-${$$})`, color: `var(--text-primary-${$$})` }),\n ],\n [\n \"secondary-\",\n ({ $$ }) => ({ backgroundColor: `var(--color-secondary-${$$})`, color: `var(--text-secondary-${$$})` }),\n ],\n\n [\"w-fill\", { width: [\"fill-available\", \"-webkit-fill-available\", \"-moz-available\"] }],\n [\"h-fill\", { height: [\"fill-available\", \"-webkit-fill-available\", \"-moz-available\"] }],\n\n [\n \"striped-bg\",\n {\n backgroundImage: `repeating-linear-gradient(\n -45deg,\n rgba(0,0,0,.1) 0px,\n rgba(0,0,0,.1) 4px,\n transparent 4px,\n transparent 12px\n )`,\n },\n ],\n\n // missing object-position presets\n [\"object-bottom-left\", { objectPosition: \"bottom left\" }],\n [\"object-bottom-right\", { objectPosition: \"bottom right\" }],\n [\"object-top-left\", { objectPosition: \"top left\" }],\n [\"object-top-right\", { objectPosition: \"top right\" }],\n\n [\"hero\", { \"&::first-line\": { lineHeight: \"1\", margin: \"0\" } }],\n [\n \"hero-size-1\",\n { fontSize: \"clamp(2.5rem, 1.5rem + 3.913cqw, 4rem)\", lineHeight: \"1.05\", fontWeight: \"800\" },\n ],\n [\n \"hero-size-2\",\n { fontSize: \"clamp(3rem, 2rem + 3.913cqw, 4.5rem)\", lineHeight: \"1.05\", fontWeight: \"bold\" },\n ],\n [\n \"hero-size-3\",\n { fontSize: \"clamp(3.5rem, 2.5rem + 3.913cqw, 5rem)\", lineHeight: \"1.05\", fontWeight: \"bold\" },\n ],\n [\n \"hero-size-4\",\n { fontSize: \"clamp(4rem, 3rem + 3.913cqw, 5.5rem)\", lineHeight: \"1.05\", fontWeight: \"bold\" },\n ],\n [\n \"hero-size-5\",\n { fontSize: \"clamp(4.5rem, 3.5rem + 3.913cqw, 6rem)\", lineHeight: \"1.05\", fontWeight: \"bold\" },\n ],\n\n [\"text-shadow-none\", { textShadow: \"none\" }],\n [\"text-shadow-sm\", { textShadow: \"0 1px 2px rgba(0, 0, 0, 0.15)\" }],\n [\"text-shadow-md\", { textShadow: \"0 2px 4px rgba(0, 0, 0, 0.2)\" }],\n [\"text-shadow-lg\", { textShadow: \"0 3px 6px rgba(0, 0, 0, 0.2)\" }],\n [\"text-shadow-xl\", { textShadow: \"0 5px 10px rgba(0, 0, 0, 0.2)\" }],\n\n [\"text-pretty\", { textWrap: \"pretty\" }],\n [\"text-balance\", { textWrap: \"balance\" }],\n [\"text-nowrap\", { textWrap: \"nowrap\" }],\n\n [\"scrollbar-thin\", { scrollbarWidth: \"thin\" }],\n [\"scrollbar-none\", { scrollbarWidth: \"none\" }],\n [\"scrollbar-gutter-stable\", { scrollbarGutter: \"stable\" }],\n [\"scrollbar-gutter-stable-both\", { scrollbarGutter: \"stable both-edges\" }],\n [\"scrollbar-color-\", ({ $$ }) => ({ scrollbarColor: `var(--${$$}-8) var(--${$$}-surface)` })],\n ],\n\n theme: {\n extend: {\n colors: {\n ...colorPalette,\n upstart: {\n 50: \"#f2f4fb\",\n 100: \"#e7ecf8\",\n 200: \"#d3daf2\",\n 300: \"#b8c2e9\",\n 400: \"#9ba3de\",\n 500: \"#8186d3\",\n 600: \"#7270c6\",\n 700: \"#5b57ab\",\n 800: \"#4b498a\",\n 900: \"#40406f\",\n 950: \"#262541\",\n },\n dark: {\n 50: \"#f6f6f6\",\n 100: \"#e7e7e7\",\n 200: \"#d1d1d1\",\n 300: \"#b0b0b0\",\n 400: \"#888888\",\n 500: \"#6d6d6d\",\n 600: \"#5d5d5d\",\n 700: \"#4f4f4f\",\n 800: \"#454545\",\n 900: \"#333333\",\n 950: \"#262626\",\n },\n base: {\n default: \"var(--color-base-100)\",\n 100: \"var(--color-base-100)\",\n 200: \"var(--color-base-200)\",\n 300: \"var(--color-base-300)\",\n },\n primary: {\n default: \"var(--color-primary)\",\n 100: \"var(--color-primary-100)\",\n 200: \"var(--color-primary-200)\",\n 300: \"var(--color-primary-300)\",\n 400: \"var(--color-primary-400)\",\n 500: \"var(--color-primary-500)\",\n 600: \"var(--color-primary-600)\",\n 700: \"var(--color-primary-700)\",\n 800: \"var(--color-primary-800)\",\n 900: \"var(--color-primary-900)\",\n },\n secondary: {\n default: \"var(--color-secondary)\",\n 100: \"var(--color-secondary-100)\",\n 200: \"var(--color-secondary-200)\",\n 300: \"var(--color-secondary-300)\",\n 400: \"var(--color-secondary-400)\",\n 500: \"var(--color-secondary-500)\",\n 600: \"var(--color-secondary-600)\",\n 700: \"var(--color-secondary-700)\",\n 800: \"var(--color-secondary-800)\",\n 900: \"var(--color-secondary-900)\",\n },\n accent: {\n default: \"var(--color-accent)\",\n 100: \"var(--color-accent-100)\",\n 200: \"var(--color-accent-200)\",\n 300: \"var(--color-accent-300)\",\n 400: \"var(--color-accent-400)\",\n 500: \"var(--color-accent-500)\",\n 600: \"var(--color-accent-600)\",\n 700: \"var(--color-accent-700)\",\n 800: \"var(--color-accent-800)\",\n 900: \"var(--color-accent-900)\",\n },\n neutral: {\n default: \"var(--color-neutral)\",\n 100: \"var(--color-neutral-100)\",\n 200: \"var(--color-neutral-200)\",\n 300: \"var(--color-neutral-300)\",\n 400: \"var(--color-neutral-400)\",\n 500: \"var(--color-neutral-500)\",\n 600: \"var(--color-neutral-600)\",\n 700: \"var(--color-neutral-700)\",\n 800: \"var(--color-neutral-800)\",\n 900: \"var(--color-neutral-900)\",\n },\n },\n fontSize: {\n \"fluid-xs\": \"clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem)\",\n \"fluid-sm\": \"clamp(0.875rem, 0.8rem + 0.375vw, 1rem)\",\n \"fluid-base\": \"clamp(1rem, 0.9rem + 0.5vw, 1.25rem)\",\n \"fluid-lg\": \"clamp(1.125rem, 1rem + 0.625vw, 1.5rem)\",\n \"fluid-xl\": \"clamp(1.25rem, 1.1rem + 0.75vw, 1.75rem)\",\n \"fluid-2xl\": \"clamp(1.5rem, 1.3rem + 1vw, 2.25rem)\",\n \"fluid-3xl\": \"clamp(1.875rem, 1.6rem + 1.375vw, 2.75rem)\",\n \"fluid-4xl\": \"clamp(2.25rem, 1.9rem + 1.75vw, 3.5rem)\",\n \"fluid-5xl\": \"clamp(3rem, 2.5rem + 2.5vw, 4.5rem)\",\n \"fluid-6xl\": \"clamp(3.75rem, 3rem + 3.75vw, 6rem)\",\n },\n containers: {\n mobile: \"1px\",\n desktop: \"1024px\",\n },\n animation: {\n \"fade-in\": \"fade-in 0.5s\",\n \"elastic-pop\": \"elastic-pop 1s cubic-bezier(0.22, 1, 0.36, 1) forwards\",\n \"reveal-brick\": \"reveal-brick 1.5s ease forwards\",\n \"slide-in\": \"slide-in 0.15s ease-out\",\n \"slide-back\": \"slide-back 0.15s ease-out\",\n border: \"border 4s linear infinite\",\n \"spin-blob\": \"spin-blob 20s linear infinite\",\n background: \"background 15s ease infinite\",\n },\n keyframes: {\n background: {\n \"0%\": { backgroundPosition: \"0% 50%\" },\n \"50%\": { backgroundPosition: \"100% 50%\" },\n \"100%\": { backgroundPosition: \"0% 50%\" },\n },\n \"spin-blob\": {\n \"0%\": { transform: \"rotate(0deg) scale(2)\" },\n \"25%\": { transform: \"rotate(.5turn) scale(6)\" },\n \"50%\": { transform: \"rotate(0turn) scale(6)\" },\n \"100%\": { transform: \"rotate(0deg) scale(2)\" },\n },\n \"elastic-pop\": {\n \"0%\": { transform: \"scale(0)\", opacity: \"0\" },\n \"50%\": { transform: \"scale(1.1)\", opacity: \"0.8\" },\n \"70%\": { transform: \"scale(0.98)\", opacity: \"1\" },\n \"100%\": { transform: \"scale(1)\", opacity: \"1\" },\n },\n \"reveal-brick\": {\n \"0%\": { transform: \"scale(0)\", opacity: \"0\", filter: \"blur(20px)\" },\n \"50%\": { transform: \"scale(1)\", opacity: \"0.7\", filter: \"blur(10px)\" },\n \"100%\": { transform: \"scale(1)\", opacity: \"1\", filter: \"blur(0)\" },\n },\n \"fade-in\": {\n from: { opacity: \"0\" },\n to: { opacity: \"1\" },\n },\n \"slide-in\": {\n from: { transform: \"translateX(100%)\" },\n to: { transform: \"translateX(0)\" },\n },\n \"slide-back\": {\n from: { transform: \"translateX(-100%)\" },\n to: { transform: \"translateX(0)\" },\n },\n border: {\n from: { \"--border-angle\": \"0deg\" },\n to: { \"--border-angle\": \"360deg\" },\n },\n },\n },\n },\n});\n\nfunction em(px: number, base: number) {\n return `${(px / base).toFixed(3).replace(/^0|\\.?0+$/g, \"\")}em`;\n}\n"],"mappings":";;;;;;;;;;AAUA,2BAAe,aAAa;CAC1B,UAAU;CAEV,SAAS;EACP,kBAAkB;EAClB,eAAe,EAAE,kBAAkB,OAAO,CAAC;EAC3C,wBAAwB;EACxB,WAAW;EACX,iBAAiB;EACjB,YAAY,EAKX,CAAC;EACH;CACD,UAAU,CACR,CAAC,sBAAsB,uCAAuC,EAC9D,CAAC,SAAS,iBAAiB,CAC5B;CACD,OAAO;EACL,CACE,SACA,EACE,cAAc,WACf,CACF;EACD,CACE,iBACA,kHACD;EACD,CACE,OACA,0IACD;EACD,CACE,SACC,EAAE,UAAU;GACX,iBAAiB,eAAe,GAAG;GACnC,OAAO,eAAe,GAAG;GAC1B,EACF;EAED,CACE,gBACA;GACE,cAAc;GACd,iBAAiB;IACf,sBAAsB;IACtB,yBAAyB;IAC1B;GACD,gBAAgB;IACd,qBAAqB;IACrB,wBAAwB;IACzB;GACD,wCAAwC,EACtC,cAAc,OACf;GACF,CACF;EACD,CACE,SACA,EACE,QAAQ,UACT,CACF;EACD,CACE,SACA,EACE,OAAO,UACR,CACF;EAED,CACE,2BACC,EAAE,GAAG,UAAU;GAAE,iBAAiB,GAAG;GAAM,iBAAiB;GAAsB,EACpF;EAED,CACE,cACA;GACE,iBAAiB;GACjB,iBAAiB;GAClB,CACF;EACD,CACE,gBACA;GACE,iBAAiB;GACjB,iBAAiB;GAClB,CACF;EACD,CACE,aACA;GACE,iBAAiB;GACjB,iBAAiB;GAClB,CACF;EACD,CACE,cACA;GACE,iBAAiB;GACjB,iBAAiB;GAClB,CACF;EACD,CACE,aACC,EAAE,UAAU;GACX,iBAAiB;GACjB,iBAAiB,oBAAoB,GAAG;GACzC,EACF;EACD,CACE,gBACC,EAAE,UAAU;GACX,iBAAiB;GACjB,iBAAiB,uBAAuB,GAAG;GAC5C,EACF;EACD,CACE,eACC,EAAE,UAAU;GACX,iBAAiB;GACjB,iBAAiB,sBAAsB,GAAG;GAC3C,EACF;EACD,CACE,yBACC,EAAE,SAAS,kBAAkB,GAAG,cAAc,SAAS,GAAG,GAAG,IAAI,GACnE;EACD,CACE,gBACC,EAAE,UAAU;GACX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"}
|
package/dist/twind.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ declare const sheet: _twind_core1.Sheet<string[]> | _twind_core1.Sheet<CSSStyleS
|
|
|
11
11
|
declare const tw: _twind_core1.Twind<_twind_core1.BaseTheme & _twind_preset_tailwind0.TailwindTheme & _twind_preset_container_queries0.ContainerQueriesTheme & _twind_preset_line_clamp0.LineClampTheme & {
|
|
12
12
|
extend: never;
|
|
13
13
|
}, string[]>;
|
|
14
|
-
declare function setupTwindReact(prod?:
|
|
14
|
+
declare function setupTwindReact(prod?: any): void;
|
|
15
15
|
declare const tx: _twind_core1.TxFunction;
|
|
16
16
|
declare const css: typeof css$1;
|
|
17
17
|
declare const style: _twind_core1.StyleFunction;
|
package/dist/twind.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import twind_config_default from "./twind-config.js";
|
|
2
2
|
import { apply as apply$1, css as css$1, cssom, getSheet, injectGlobal as injectGlobal$1, keyframes as keyframes$1, observe as observe$1, parse, parseValue, style as style$1, twind, tx as tx$1, virtual } from "@twind/core";
|
|
3
3
|
import install from "@twind/with-react";
|
|
4
4
|
import inline from "@twind/with-react/inline";
|
package/package.json
CHANGED
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@upstart.gg/style-system",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"description": "Base
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "Base style system for Upstart projects",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
7
|
+
"./package.json": "./package.json",
|
|
7
8
|
"./*.css": {
|
|
8
9
|
"import": "./src/*.css"
|
|
9
10
|
},
|
|
10
11
|
"./*": {
|
|
11
12
|
"types": "./dist/*.d.ts",
|
|
12
|
-
"import": "./dist/*.js"
|
|
13
|
+
"import": "./dist/*.js",
|
|
14
|
+
"bun": "./src/*.ts"
|
|
13
15
|
}
|
|
14
16
|
},
|
|
15
17
|
"repository": {
|
|
@@ -28,7 +30,6 @@
|
|
|
28
30
|
"license": "AGPL-3.0-only",
|
|
29
31
|
"dependencies": {
|
|
30
32
|
"@floating-ui/react": "0.27.5",
|
|
31
|
-
"@formkit/auto-animate": "0.8.2",
|
|
32
33
|
"@radix-ui/react-context-menu": "2.2.16",
|
|
33
34
|
"@radix-ui/react-toggle-group": "1.1.0",
|
|
34
35
|
"@radix-ui/themes": "3.2.1",
|
|
@@ -41,12 +42,13 @@
|
|
|
41
42
|
"@twind/preset-tailwind-forms": "1.1.2",
|
|
42
43
|
"@twind/preset-typography": "1.0.7",
|
|
43
44
|
"@twind/with-react": "1.1.3",
|
|
44
|
-
"animate.css": "^4.1.1"
|
|
45
|
-
"react-hot-toast": "2.5.2"
|
|
45
|
+
"animate.css": "^4.1.1"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@types/node": "
|
|
49
|
-
"tsdown": "
|
|
48
|
+
"@types/node": "^24.10.0",
|
|
49
|
+
"tsdown": "0.18.3",
|
|
50
|
+
"@rolldown/binding-linux-arm64-gnu": "1.0.0-beta.53",
|
|
51
|
+
"@rolldown/binding-linux-x64-gnu": "1.0.0-beta.53"
|
|
50
52
|
},
|
|
51
53
|
"publishConfig": {
|
|
52
54
|
"access": "public"
|
package/src/system.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export * from "@radix-ui/themes";
|
|
2
|
-
export { useAutoAnimate } from "@formkit/auto-animate/react";
|
|
3
2
|
// with portal support
|
|
4
3
|
export * as ToggleGroup from "@radix-ui/react-toggle-group";
|
|
5
4
|
export {
|
|
@@ -20,4 +19,3 @@ export {
|
|
|
20
19
|
shift,
|
|
21
20
|
FloatingArrow,
|
|
22
21
|
} from "@floating-ui/react";
|
|
23
|
-
export { toast, Toaster } from "react-hot-toast";
|
|
@@ -1,368 +0,0 @@
|
|
|
1
|
-
import { t as colorPalette } from "./colors-d_ljq6nY.js";
|
|
2
|
-
import { defineConfig } from "@twind/core";
|
|
3
|
-
import presetAutoprefix from "@twind/preset-autoprefix";
|
|
4
|
-
import presetContainerQueries from "@twind/preset-container-queries";
|
|
5
|
-
import presetExt from "@twind/preset-ext";
|
|
6
|
-
import presetLineClamp from "@twind/preset-line-clamp";
|
|
7
|
-
import presetTailwind from "@twind/preset-tailwind";
|
|
8
|
-
import presetForms from "@twind/preset-tailwind-forms";
|
|
9
|
-
|
|
10
|
-
//#region src/twind-config.ts
|
|
11
|
-
var twind_config_default = defineConfig({
|
|
12
|
-
darkMode: "media",
|
|
13
|
-
presets: [
|
|
14
|
-
presetAutoprefix(),
|
|
15
|
-
presetTailwind({ disablePreflight: false }),
|
|
16
|
-
presetContainerQueries(),
|
|
17
|
-
presetExt(),
|
|
18
|
-
presetLineClamp(),
|
|
19
|
-
presetForms({})
|
|
20
|
-
],
|
|
21
|
-
variants: [["hasChildMenudHover", "&:has(.container-menu-wrapper:hover)"], ["empty", "&:not(:has(*))"]],
|
|
22
|
-
rules: [
|
|
23
|
-
["brick", { borderRadius: "inherit" }],
|
|
24
|
-
["dynamic-field", "bg-upstart-200/50 text-black/80 text-[90%] py-0.5 inline-block outline outline-upstart-50 px-1.5 rounded mx-0.5"],
|
|
25
|
-
["btn", "text-nowrap font-semibold min-h-fit max-h-fit flex items-center text-center justify-center flex-wrap text-ellipsis py-[0.55em] px-[1em]"],
|
|
26
|
-
["btn-", ({ $$ }) => ({
|
|
27
|
-
backgroundColor: `var(--color-${$$})`,
|
|
28
|
-
color: `var(--color-${$$}-content)`
|
|
29
|
-
})],
|
|
30
|
-
["rounded-auto", {
|
|
31
|
-
borderRadius: "inherit",
|
|
32
|
-
"&:first-child": {
|
|
33
|
-
borderTopRightRadius: "0px",
|
|
34
|
-
borderBottomRightRadius: "0px"
|
|
35
|
-
},
|
|
36
|
-
"&:last-child": {
|
|
37
|
-
borderTopLeftRadius: "0px",
|
|
38
|
-
borderBottomLeftRadius: "0px"
|
|
39
|
-
},
|
|
40
|
-
"&:not(:first-child):not(:last-child)": { borderRadius: "0px" }
|
|
41
|
-
}],
|
|
42
|
-
["h-dvh", { height: "100dvh" }],
|
|
43
|
-
["w-dvw", { width: "100dvw" }],
|
|
44
|
-
[/^bg-color-\[([\S]+)\]$/, ({ 1: $1 }) => ({
|
|
45
|
-
"--up-bg-color": `${$1}`,
|
|
46
|
-
backgroundColor: "var(--up-bg-color)"
|
|
47
|
-
})],
|
|
48
|
-
["bg-primary", {
|
|
49
|
-
backgroundColor: `var(--up-bg-color)`,
|
|
50
|
-
"--up-bg-color": `var(--color-primary)`
|
|
51
|
-
}],
|
|
52
|
-
["bg-secondary", {
|
|
53
|
-
backgroundColor: `var(--up-bg-color)`,
|
|
54
|
-
"--up-bg-color": `var(--color-secondary)`
|
|
55
|
-
}],
|
|
56
|
-
["bg-accent", {
|
|
57
|
-
backgroundColor: `var(--up-bg-color)`,
|
|
58
|
-
"--up-bg-color": `var(--color-accent)`
|
|
59
|
-
}],
|
|
60
|
-
["bg-neutral", {
|
|
61
|
-
backgroundColor: `var(--up-bg-color)`,
|
|
62
|
-
"--up-bg-color": `var(--color-neutral)`
|
|
63
|
-
}],
|
|
64
|
-
["bg-base-", ({ $$ }) => ({
|
|
65
|
-
backgroundColor: `var(--up-bg-color)`,
|
|
66
|
-
"--up-bg-color": `var(--color-base-${$$})`
|
|
67
|
-
})],
|
|
68
|
-
["bg-neutral-", ({ $$ }) => ({
|
|
69
|
-
backgroundColor: `var(--up-bg-color)`,
|
|
70
|
-
"--up-bg-color": `var(--color-neutral-${$$})`
|
|
71
|
-
})],
|
|
72
|
-
["bg-accent-", ({ $$ }) => ({
|
|
73
|
-
backgroundColor: `var(--up-bg-color)`,
|
|
74
|
-
"--up-bg-color": `var(--color-accent-${$$})`
|
|
75
|
-
})],
|
|
76
|
-
["bg-primary-gradient-", ({ $$ }) => `@(from-primary-${$$} to-primary-${parseInt($$) + 100})`],
|
|
77
|
-
["bg-primary-", ({ $$ }) => ({
|
|
78
|
-
backgroundColor: `var(--up-bg-color)`,
|
|
79
|
-
"--up-bg-color": `var(--color-primary-${$$})`
|
|
80
|
-
})],
|
|
81
|
-
["bg-secondary-", ({ $$ }) => ({
|
|
82
|
-
backgroundColor: `var(--up-bg-color)`,
|
|
83
|
-
"--up-bg-color": `var(--color-secondary-${$$})`
|
|
84
|
-
})],
|
|
85
|
-
["border-base-", ({ $$ }) => ({ borderColor: `color-mix(in lab, var(--color-base-${$$}), black 10%)` })],
|
|
86
|
-
["border-neutral-", ({ $$ }) => ({ borderColor: `var(--color-neutral-${$$})` })],
|
|
87
|
-
["border-accent-", ({ $$ }) => ({ borderColor: `var(--color-accent-${$$})` })],
|
|
88
|
-
["border-primary-", ({ $$ }) => ({ borderColor: `var(--color-primary-${$$})` })],
|
|
89
|
-
["border-secondary-", ({ $$ }) => ({ borderColor: `var(--color-secondary-${$$})` })],
|
|
90
|
-
["border-primary", { borderColor: `var(--color-primary)` }],
|
|
91
|
-
["border-secondary", { borderColor: `var(--color-secondary)` }],
|
|
92
|
-
["border-accent", { borderColor: `var(--color-accent)` }],
|
|
93
|
-
["border-neutral", { borderColor: `var(--color-neutral)` }],
|
|
94
|
-
["text-primary", "@(text-primary-content)"],
|
|
95
|
-
["text-secondary", "@(text-secondary-content)"],
|
|
96
|
-
["text-accent", "@(text-accent-content)"],
|
|
97
|
-
["text-neutral", "@(text-neutral-content)"],
|
|
98
|
-
["text-base", { color: "var(--color-base-content)" }],
|
|
99
|
-
["text-base-content", { color: "var(--color-base-content)" }],
|
|
100
|
-
["text-neutral-", ({ $$ }) => ({ color: `var(--color-neutral-${$$})` })],
|
|
101
|
-
["text-accent-", ({ $$ }) => ({ color: `var(--color-accent-${$$})` })],
|
|
102
|
-
["text-primary-", ({ $$ }) => ({ color: `var(--color-primary-${$$})` })],
|
|
103
|
-
["text-secondary-", ({ $$ }) => ({ color: `var(--color-secondary-${$$})` })],
|
|
104
|
-
["text-base-", ({ $$ }) => ({ color: `var(--color-base-${$$})` })],
|
|
105
|
-
["outline-primary-", ({ $$ }) => ({ outlineColor: `var(--color-primary-${$$})` })],
|
|
106
|
-
["outline-secondary-", ({ $$ }) => ({ outlineColor: `var(--color-secondary-${$$})` })],
|
|
107
|
-
["outline-accent-", ({ $$ }) => ({ outlineColor: `var(--color-accent-${$$})` })],
|
|
108
|
-
["outline-neutral-", ({ $$ }) => ({ outlineColor: `var(--color-neutral-${$$})` })],
|
|
109
|
-
["neutral-", ({ $$ }) => ({
|
|
110
|
-
backgroundColor: `var(--color-neutral-${$$})`,
|
|
111
|
-
color: `var(--text-neutral-${$$})`
|
|
112
|
-
})],
|
|
113
|
-
["accent-", ({ $$ }) => ({
|
|
114
|
-
backgroundColor: `var(--color-accent-${$$})`,
|
|
115
|
-
color: `var(--text-accent-${$$})`
|
|
116
|
-
})],
|
|
117
|
-
["primary-", ({ $$ }) => ({
|
|
118
|
-
backgroundColor: `var(--color-primary-${$$})`,
|
|
119
|
-
color: `var(--text-primary-${$$})`
|
|
120
|
-
})],
|
|
121
|
-
["secondary-", ({ $$ }) => ({
|
|
122
|
-
backgroundColor: `var(--color-secondary-${$$})`,
|
|
123
|
-
color: `var(--text-secondary-${$$})`
|
|
124
|
-
})],
|
|
125
|
-
["w-fill", { width: [
|
|
126
|
-
"fill-available",
|
|
127
|
-
"-webkit-fill-available",
|
|
128
|
-
"-moz-available"
|
|
129
|
-
] }],
|
|
130
|
-
["h-fill", { height: [
|
|
131
|
-
"fill-available",
|
|
132
|
-
"-webkit-fill-available",
|
|
133
|
-
"-moz-available"
|
|
134
|
-
] }],
|
|
135
|
-
["striped-bg", { backgroundImage: `repeating-linear-gradient(
|
|
136
|
-
-45deg,
|
|
137
|
-
rgba(0,0,0,.1) 0px,
|
|
138
|
-
rgba(0,0,0,.1) 4px,
|
|
139
|
-
transparent 4px,
|
|
140
|
-
transparent 12px
|
|
141
|
-
)` }],
|
|
142
|
-
["object-bottom-left", { objectPosition: "bottom left" }],
|
|
143
|
-
["object-bottom-right", { objectPosition: "bottom right" }],
|
|
144
|
-
["object-top-left", { objectPosition: "top left" }],
|
|
145
|
-
["object-top-right", { objectPosition: "top right" }],
|
|
146
|
-
["hero", { "&::first-line": {
|
|
147
|
-
lineHeight: "1",
|
|
148
|
-
margin: "0"
|
|
149
|
-
} }],
|
|
150
|
-
["hero-size-1", {
|
|
151
|
-
fontSize: "clamp(2.5rem, 1.5rem + 3.913cqw, 4rem)",
|
|
152
|
-
lineHeight: "1.05",
|
|
153
|
-
fontWeight: "800"
|
|
154
|
-
}],
|
|
155
|
-
["hero-size-2", {
|
|
156
|
-
fontSize: "clamp(3rem, 2rem + 3.913cqw, 4.5rem)",
|
|
157
|
-
lineHeight: "1.05",
|
|
158
|
-
fontWeight: "bold"
|
|
159
|
-
}],
|
|
160
|
-
["hero-size-3", {
|
|
161
|
-
fontSize: "clamp(3.5rem, 2.5rem + 3.913cqw, 5rem)",
|
|
162
|
-
lineHeight: "1.05",
|
|
163
|
-
fontWeight: "bold"
|
|
164
|
-
}],
|
|
165
|
-
["hero-size-4", {
|
|
166
|
-
fontSize: "clamp(4rem, 3rem + 3.913cqw, 5.5rem)",
|
|
167
|
-
lineHeight: "1.05",
|
|
168
|
-
fontWeight: "bold"
|
|
169
|
-
}],
|
|
170
|
-
["hero-size-5", {
|
|
171
|
-
fontSize: "clamp(4.5rem, 3.5rem + 3.913cqw, 6rem)",
|
|
172
|
-
lineHeight: "1.05",
|
|
173
|
-
fontWeight: "bold"
|
|
174
|
-
}],
|
|
175
|
-
["text-shadow-none", { textShadow: "none" }],
|
|
176
|
-
["text-shadow-sm", { textShadow: "0 1px 2px rgba(0, 0, 0, 0.15)" }],
|
|
177
|
-
["text-shadow-md", { textShadow: "0 2px 4px rgba(0, 0, 0, 0.2)" }],
|
|
178
|
-
["text-shadow-lg", { textShadow: "0 3px 6px rgba(0, 0, 0, 0.2)" }],
|
|
179
|
-
["text-shadow-xl", { textShadow: "0 5px 10px rgba(0, 0, 0, 0.2)" }],
|
|
180
|
-
["text-pretty", { textWrap: "pretty" }],
|
|
181
|
-
["text-balance", { textWrap: "balance" }],
|
|
182
|
-
["text-nowrap", { textWrap: "nowrap" }],
|
|
183
|
-
["scrollbar-thin", { scrollbarWidth: "thin" }],
|
|
184
|
-
["scrollbar-none", { scrollbarWidth: "none" }],
|
|
185
|
-
["scrollbar-gutter-stable", { scrollbarGutter: "stable" }],
|
|
186
|
-
["scrollbar-gutter-stable-both", { scrollbarGutter: "stable both-edges" }],
|
|
187
|
-
["scrollbar-color-", ({ $$ }) => ({ scrollbarColor: `var(--${$$}-8) var(--${$$}-surface)` })]
|
|
188
|
-
],
|
|
189
|
-
theme: { extend: {
|
|
190
|
-
colors: {
|
|
191
|
-
...colorPalette,
|
|
192
|
-
upstart: {
|
|
193
|
-
50: "#f2f4fb",
|
|
194
|
-
100: "#e7ecf8",
|
|
195
|
-
200: "#d3daf2",
|
|
196
|
-
300: "#b8c2e9",
|
|
197
|
-
400: "#9ba3de",
|
|
198
|
-
500: "#8186d3",
|
|
199
|
-
600: "#7270c6",
|
|
200
|
-
700: "#5b57ab",
|
|
201
|
-
800: "#4b498a",
|
|
202
|
-
900: "#40406f",
|
|
203
|
-
950: "#262541"
|
|
204
|
-
},
|
|
205
|
-
dark: {
|
|
206
|
-
50: "#f6f6f6",
|
|
207
|
-
100: "#e7e7e7",
|
|
208
|
-
200: "#d1d1d1",
|
|
209
|
-
300: "#b0b0b0",
|
|
210
|
-
400: "#888888",
|
|
211
|
-
500: "#6d6d6d",
|
|
212
|
-
600: "#5d5d5d",
|
|
213
|
-
700: "#4f4f4f",
|
|
214
|
-
800: "#454545",
|
|
215
|
-
900: "#333333",
|
|
216
|
-
950: "#262626"
|
|
217
|
-
},
|
|
218
|
-
base: {
|
|
219
|
-
default: "var(--color-base-100)",
|
|
220
|
-
100: "var(--color-base-100)",
|
|
221
|
-
200: "var(--color-base-200)",
|
|
222
|
-
300: "var(--color-base-300)"
|
|
223
|
-
},
|
|
224
|
-
primary: {
|
|
225
|
-
default: "var(--color-primary)",
|
|
226
|
-
100: "var(--color-primary-100)",
|
|
227
|
-
200: "var(--color-primary-200)",
|
|
228
|
-
300: "var(--color-primary-300)",
|
|
229
|
-
400: "var(--color-primary-400)",
|
|
230
|
-
500: "var(--color-primary-500)",
|
|
231
|
-
600: "var(--color-primary-600)",
|
|
232
|
-
700: "var(--color-primary-700)",
|
|
233
|
-
800: "var(--color-primary-800)",
|
|
234
|
-
900: "var(--color-primary-900)"
|
|
235
|
-
},
|
|
236
|
-
secondary: {
|
|
237
|
-
default: "var(--color-secondary)",
|
|
238
|
-
100: "var(--color-secondary-100)",
|
|
239
|
-
200: "var(--color-secondary-200)",
|
|
240
|
-
300: "var(--color-secondary-300)",
|
|
241
|
-
400: "var(--color-secondary-400)",
|
|
242
|
-
500: "var(--color-secondary-500)",
|
|
243
|
-
600: "var(--color-secondary-600)",
|
|
244
|
-
700: "var(--color-secondary-700)",
|
|
245
|
-
800: "var(--color-secondary-800)",
|
|
246
|
-
900: "var(--color-secondary-900)"
|
|
247
|
-
},
|
|
248
|
-
accent: {
|
|
249
|
-
default: "var(--color-accent)",
|
|
250
|
-
100: "var(--color-accent-100)",
|
|
251
|
-
200: "var(--color-accent-200)",
|
|
252
|
-
300: "var(--color-accent-300)",
|
|
253
|
-
400: "var(--color-accent-400)",
|
|
254
|
-
500: "var(--color-accent-500)",
|
|
255
|
-
600: "var(--color-accent-600)",
|
|
256
|
-
700: "var(--color-accent-700)",
|
|
257
|
-
800: "var(--color-accent-800)",
|
|
258
|
-
900: "var(--color-accent-900)"
|
|
259
|
-
},
|
|
260
|
-
neutral: {
|
|
261
|
-
default: "var(--color-neutral)",
|
|
262
|
-
100: "var(--color-neutral-100)",
|
|
263
|
-
200: "var(--color-neutral-200)",
|
|
264
|
-
300: "var(--color-neutral-300)",
|
|
265
|
-
400: "var(--color-neutral-400)",
|
|
266
|
-
500: "var(--color-neutral-500)",
|
|
267
|
-
600: "var(--color-neutral-600)",
|
|
268
|
-
700: "var(--color-neutral-700)",
|
|
269
|
-
800: "var(--color-neutral-800)",
|
|
270
|
-
900: "var(--color-neutral-900)"
|
|
271
|
-
}
|
|
272
|
-
},
|
|
273
|
-
fontSize: {
|
|
274
|
-
"fluid-xs": "clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem)",
|
|
275
|
-
"fluid-sm": "clamp(0.875rem, 0.8rem + 0.375vw, 1rem)",
|
|
276
|
-
"fluid-base": "clamp(1rem, 0.9rem + 0.5vw, 1.25rem)",
|
|
277
|
-
"fluid-lg": "clamp(1.125rem, 1rem + 0.625vw, 1.5rem)",
|
|
278
|
-
"fluid-xl": "clamp(1.25rem, 1.1rem + 0.75vw, 1.75rem)",
|
|
279
|
-
"fluid-2xl": "clamp(1.5rem, 1.3rem + 1vw, 2.25rem)",
|
|
280
|
-
"fluid-3xl": "clamp(1.875rem, 1.6rem + 1.375vw, 2.75rem)",
|
|
281
|
-
"fluid-4xl": "clamp(2.25rem, 1.9rem + 1.75vw, 3.5rem)",
|
|
282
|
-
"fluid-5xl": "clamp(3rem, 2.5rem + 2.5vw, 4.5rem)",
|
|
283
|
-
"fluid-6xl": "clamp(3.75rem, 3rem + 3.75vw, 6rem)"
|
|
284
|
-
},
|
|
285
|
-
containers: {
|
|
286
|
-
mobile: "1px",
|
|
287
|
-
desktop: "1024px"
|
|
288
|
-
},
|
|
289
|
-
animation: {
|
|
290
|
-
"fade-in": "fade-in 0.5s",
|
|
291
|
-
"elastic-pop": "elastic-pop 1s cubic-bezier(0.22, 1, 0.36, 1) forwards",
|
|
292
|
-
"reveal-brick": "reveal-brick 1.5s ease forwards",
|
|
293
|
-
"slide-in": "slide-in 0.15s ease-out",
|
|
294
|
-
"slide-back": "slide-back 0.15s ease-out",
|
|
295
|
-
border: "border 4s linear infinite",
|
|
296
|
-
"spin-blob": "spin-blob 20s linear infinite",
|
|
297
|
-
background: "background 15s ease infinite"
|
|
298
|
-
},
|
|
299
|
-
keyframes: {
|
|
300
|
-
background: {
|
|
301
|
-
"0%": { backgroundPosition: "0% 50%" },
|
|
302
|
-
"50%": { backgroundPosition: "100% 50%" },
|
|
303
|
-
"100%": { backgroundPosition: "0% 50%" }
|
|
304
|
-
},
|
|
305
|
-
"spin-blob": {
|
|
306
|
-
"0%": { transform: "rotate(0deg) scale(2)" },
|
|
307
|
-
"25%": { transform: "rotate(.5turn) scale(6)" },
|
|
308
|
-
"50%": { transform: "rotate(0turn) scale(6)" },
|
|
309
|
-
"100%": { transform: "rotate(0deg) scale(2)" }
|
|
310
|
-
},
|
|
311
|
-
"elastic-pop": {
|
|
312
|
-
"0%": {
|
|
313
|
-
transform: "scale(0)",
|
|
314
|
-
opacity: "0"
|
|
315
|
-
},
|
|
316
|
-
"50%": {
|
|
317
|
-
transform: "scale(1.1)",
|
|
318
|
-
opacity: "0.8"
|
|
319
|
-
},
|
|
320
|
-
"70%": {
|
|
321
|
-
transform: "scale(0.98)",
|
|
322
|
-
opacity: "1"
|
|
323
|
-
},
|
|
324
|
-
"100%": {
|
|
325
|
-
transform: "scale(1)",
|
|
326
|
-
opacity: "1"
|
|
327
|
-
}
|
|
328
|
-
},
|
|
329
|
-
"reveal-brick": {
|
|
330
|
-
"0%": {
|
|
331
|
-
transform: "scale(0)",
|
|
332
|
-
opacity: "0",
|
|
333
|
-
filter: "blur(20px)"
|
|
334
|
-
},
|
|
335
|
-
"50%": {
|
|
336
|
-
transform: "scale(1)",
|
|
337
|
-
opacity: "0.7",
|
|
338
|
-
filter: "blur(10px)"
|
|
339
|
-
},
|
|
340
|
-
"100%": {
|
|
341
|
-
transform: "scale(1)",
|
|
342
|
-
opacity: "1",
|
|
343
|
-
filter: "blur(0)"
|
|
344
|
-
}
|
|
345
|
-
},
|
|
346
|
-
"fade-in": {
|
|
347
|
-
from: { opacity: "0" },
|
|
348
|
-
to: { opacity: "1" }
|
|
349
|
-
},
|
|
350
|
-
"slide-in": {
|
|
351
|
-
from: { transform: "translateX(100%)" },
|
|
352
|
-
to: { transform: "translateX(0)" }
|
|
353
|
-
},
|
|
354
|
-
"slide-back": {
|
|
355
|
-
from: { transform: "translateX(-100%)" },
|
|
356
|
-
to: { transform: "translateX(0)" }
|
|
357
|
-
},
|
|
358
|
-
border: {
|
|
359
|
-
from: { "--border-angle": "0deg" },
|
|
360
|
-
to: { "--border-angle": "360deg" }
|
|
361
|
-
}
|
|
362
|
-
}
|
|
363
|
-
} }
|
|
364
|
-
});
|
|
365
|
-
|
|
366
|
-
//#endregion
|
|
367
|
-
export { twind_config_default as t };
|
|
368
|
-
//# sourceMappingURL=twind-config-DWuVSa7D.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"twind-config-DWuVSa7D.js","names":[],"sources":["../src/twind-config.ts"],"sourcesContent":["import { defineConfig } from \"@twind/core\";\nimport presetAutoprefix from \"@twind/preset-autoprefix\";\nimport presetContainerQueries from \"@twind/preset-container-queries\";\nimport presetExt from \"@twind/preset-ext\";\nimport presetLineClamp from \"@twind/preset-line-clamp\";\nimport presetTailwind from \"@twind/preset-tailwind\";\nimport presetForms from \"@twind/preset-tailwind-forms\";\nimport presetTypo from \"@twind/preset-typography\";\nimport { colorPalette } from \"./colors\";\n\nexport default defineConfig({\n darkMode: \"media\",\n // ignorelist: [/^btn-*/],\n presets: [\n presetAutoprefix(),\n presetTailwind({ disablePreflight: false }),\n presetContainerQueries(),\n presetExt(),\n presetLineClamp(),\n presetForms({\n // strategy: \"class\",\n // We use the `btn` class for buttons, so we don't want to apply the default button styles\n // to avoid conflicts with our custom button styles.\n //\n }),\n ],\n variants: [\n [\"hasChildMenudHover\", \"&:has(.container-menu-wrapper:hover)\"],\n [\"empty\", \"&:not(:has(*))\"],\n ],\n rules: [\n [\n \"brick\",\n {\n borderRadius: \"inherit\",\n },\n ],\n [\n \"dynamic-field\",\n \"bg-upstart-200/50 text-black/80 text-[90%] py-0.5 inline-block outline outline-upstart-50 px-1.5 rounded mx-0.5\",\n ],\n [\n \"btn\",\n \"text-nowrap font-semibold min-h-fit max-h-fit flex items-center text-center justify-center flex-wrap text-ellipsis py-[0.55em] px-[1em]\",\n ],\n [\n \"btn-\",\n ({ $$ }) => ({\n backgroundColor: `var(--color-${$$})`,\n color: `var(--color-${$$}-content)`,\n }),\n ],\n\n [\n \"rounded-auto\",\n {\n borderRadius: \"inherit\",\n \"&:first-child\": {\n borderTopRightRadius: \"0px\",\n borderBottomRightRadius: \"0px\",\n },\n \"&:last-child\": {\n borderTopLeftRadius: \"0px\",\n borderBottomLeftRadius: \"0px\",\n },\n \"&:not(:first-child):not(:last-child)\": {\n borderRadius: \"0px\",\n },\n },\n ],\n [\n \"h-dvh\",\n {\n height: \"100dvh\",\n },\n ],\n [\n \"w-dvw\",\n {\n width: \"100dvw\",\n },\n ],\n\n [\n /^bg-color-\\[([\\S]+)\\]$/,\n ({ 1: $1 }) => ({ \"--up-bg-color\": `${$1}`, backgroundColor: \"var(--up-bg-color)\" }),\n ],\n\n [\n \"bg-primary\",\n {\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-primary)`,\n },\n ],\n [\n \"bg-secondary\",\n {\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-secondary)`,\n },\n ],\n [\n \"bg-accent\",\n {\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-accent)`,\n },\n ],\n [\n \"bg-neutral\",\n {\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-neutral)`,\n },\n ],\n [\n \"bg-base-\",\n ({ $$ }) => ({\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-base-${$$})`,\n }),\n ],\n [\n \"bg-neutral-\",\n ({ $$ }) => ({\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-neutral-${$$})`,\n }),\n ],\n [\n \"bg-accent-\",\n ({ $$ }) => ({\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-accent-${$$})`,\n }),\n ],\n [\n \"bg-primary-gradient-\",\n ({ $$ }) => `@(from-primary-${$$} to-primary-${parseInt($$) + 100})`, // e.g. from-primary-100 to-primary-200,\n ],\n [\n \"bg-primary-\",\n ({ $$ }) => ({\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-primary-${$$})`,\n }),\n ],\n [\n \"bg-secondary-\",\n ({ $$ }) => ({\n backgroundColor: `var(--up-bg-color)`,\n \"--up-bg-color\": `var(--color-secondary-${$$})`,\n }),\n ],\n\n [\"border-base-\", ({ $$ }) => ({ borderColor: `color-mix(in lab, var(--color-base-${$$}), black 10%)` })],\n [\"border-neutral-\", ({ $$ }) => ({ borderColor: `var(--color-neutral-${$$})` })],\n [\"border-accent-\", ({ $$ }) => ({ borderColor: `var(--color-accent-${$$})` })],\n [\"border-primary-\", ({ $$ }) => ({ borderColor: `var(--color-primary-${$$})` })],\n [\"border-secondary-\", ({ $$ }) => ({ borderColor: `var(--color-secondary-${$$})` })],\n [\"border-primary\", { borderColor: `var(--color-primary)` }],\n [\"border-secondary\", { borderColor: `var(--color-secondary)` }],\n [\"border-accent\", { borderColor: `var(--color-accent)` }],\n [\"border-neutral\", { borderColor: `var(--color-neutral)` }],\n\n /**\n * Can be used with text-neutral-500, but also text-neutral-500-subtle, text-neutral-500-tonal-subtle, text-neutral-500-strong, etc.\n */\n [\"text-primary\", \"@(text-primary-content)\"],\n [\"text-secondary\", \"@(text-secondary-content)\"],\n [\"text-accent\", \"@(text-accent-content)\"],\n [\"text-neutral\", \"@(text-neutral-content)\"],\n [\"text-base\", { color: \"var(--color-base-content)\" }],\n [\"text-base-content\", { color: \"var(--color-base-content)\" }],\n [\"text-neutral-\", ({ $$ }) => ({ color: `var(--color-neutral-${$$})` })],\n [\"text-accent-\", ({ $$ }) => ({ color: `var(--color-accent-${$$})` })],\n [\"text-primary-\", ({ $$ }) => ({ color: `var(--color-primary-${$$})` })],\n [\"text-secondary-\", ({ $$ }) => ({ color: `var(--color-secondary-${$$})` })],\n [\"text-base-\", ({ $$ }) => ({ color: `var(--color-base-${$$})` })],\n\n [\"outline-primary-\", ({ $$ }) => ({ outlineColor: `var(--color-primary-${$$})` })],\n [\"outline-secondary-\", ({ $$ }) => ({ outlineColor: `var(--color-secondary-${$$})` })],\n [\"outline-accent-\", ({ $$ }) => ({ outlineColor: `var(--color-accent-${$$})` })],\n [\"outline-neutral-\", ({ $$ }) => ({ outlineColor: `var(--color-neutral-${$$})` })],\n\n [\n \"neutral-\",\n ({ $$ }) => ({ backgroundColor: `var(--color-neutral-${$$})`, color: `var(--text-neutral-${$$})` }),\n ],\n [\n \"accent-\",\n ({ $$ }) => ({ backgroundColor: `var(--color-accent-${$$})`, color: `var(--text-accent-${$$})` }),\n ],\n\n [\n \"primary-\",\n ({ $$ }) => ({ backgroundColor: `var(--color-primary-${$$})`, color: `var(--text-primary-${$$})` }),\n ],\n [\n \"secondary-\",\n ({ $$ }) => ({ backgroundColor: `var(--color-secondary-${$$})`, color: `var(--text-secondary-${$$})` }),\n ],\n\n [\"w-fill\", { width: [\"fill-available\", \"-webkit-fill-available\", \"-moz-available\"] }],\n [\"h-fill\", { height: [\"fill-available\", \"-webkit-fill-available\", \"-moz-available\"] }],\n\n [\n \"striped-bg\",\n {\n backgroundImage: `repeating-linear-gradient(\n -45deg,\n rgba(0,0,0,.1) 0px,\n rgba(0,0,0,.1) 4px,\n transparent 4px,\n transparent 12px\n )`,\n },\n ],\n\n // missing object-position presets\n [\"object-bottom-left\", { objectPosition: \"bottom left\" }],\n [\"object-bottom-right\", { objectPosition: \"bottom right\" }],\n [\"object-top-left\", { objectPosition: \"top left\" }],\n [\"object-top-right\", { objectPosition: \"top right\" }],\n\n [\"hero\", { \"&::first-line\": { lineHeight: \"1\", margin: \"0\" } }],\n [\n \"hero-size-1\",\n { fontSize: \"clamp(2.5rem, 1.5rem + 3.913cqw, 4rem)\", lineHeight: \"1.05\", fontWeight: \"800\" },\n ],\n [\n \"hero-size-2\",\n { fontSize: \"clamp(3rem, 2rem + 3.913cqw, 4.5rem)\", lineHeight: \"1.05\", fontWeight: \"bold\" },\n ],\n [\n \"hero-size-3\",\n { fontSize: \"clamp(3.5rem, 2.5rem + 3.913cqw, 5rem)\", lineHeight: \"1.05\", fontWeight: \"bold\" },\n ],\n [\n \"hero-size-4\",\n { fontSize: \"clamp(4rem, 3rem + 3.913cqw, 5.5rem)\", lineHeight: \"1.05\", fontWeight: \"bold\" },\n ],\n [\n \"hero-size-5\",\n { fontSize: \"clamp(4.5rem, 3.5rem + 3.913cqw, 6rem)\", lineHeight: \"1.05\", fontWeight: \"bold\" },\n ],\n\n [\"text-shadow-none\", { textShadow: \"none\" }],\n [\"text-shadow-sm\", { textShadow: \"0 1px 2px rgba(0, 0, 0, 0.15)\" }],\n [\"text-shadow-md\", { textShadow: \"0 2px 4px rgba(0, 0, 0, 0.2)\" }],\n [\"text-shadow-lg\", { textShadow: \"0 3px 6px rgba(0, 0, 0, 0.2)\" }],\n [\"text-shadow-xl\", { textShadow: \"0 5px 10px rgba(0, 0, 0, 0.2)\" }],\n\n [\"text-pretty\", { textWrap: \"pretty\" }],\n [\"text-balance\", { textWrap: \"balance\" }],\n [\"text-nowrap\", { textWrap: \"nowrap\" }],\n\n [\"scrollbar-thin\", { scrollbarWidth: \"thin\" }],\n [\"scrollbar-none\", { scrollbarWidth: \"none\" }],\n [\"scrollbar-gutter-stable\", { scrollbarGutter: \"stable\" }],\n [\"scrollbar-gutter-stable-both\", { scrollbarGutter: \"stable both-edges\" }],\n [\"scrollbar-color-\", ({ $$ }) => ({ scrollbarColor: `var(--${$$}-8) var(--${$$}-surface)` })],\n ],\n\n theme: {\n extend: {\n colors: {\n ...colorPalette,\n upstart: {\n 50: \"#f2f4fb\",\n 100: \"#e7ecf8\",\n 200: \"#d3daf2\",\n 300: \"#b8c2e9\",\n 400: \"#9ba3de\",\n 500: \"#8186d3\",\n 600: \"#7270c6\",\n 700: \"#5b57ab\",\n 800: \"#4b498a\",\n 900: \"#40406f\",\n 950: \"#262541\",\n },\n dark: {\n 50: \"#f6f6f6\",\n 100: \"#e7e7e7\",\n 200: \"#d1d1d1\",\n 300: \"#b0b0b0\",\n 400: \"#888888\",\n 500: \"#6d6d6d\",\n 600: \"#5d5d5d\",\n 700: \"#4f4f4f\",\n 800: \"#454545\",\n 900: \"#333333\",\n 950: \"#262626\",\n },\n base: {\n default: \"var(--color-base-100)\",\n 100: \"var(--color-base-100)\",\n 200: \"var(--color-base-200)\",\n 300: \"var(--color-base-300)\",\n },\n primary: {\n default: \"var(--color-primary)\",\n 100: \"var(--color-primary-100)\",\n 200: \"var(--color-primary-200)\",\n 300: \"var(--color-primary-300)\",\n 400: \"var(--color-primary-400)\",\n 500: \"var(--color-primary-500)\",\n 600: \"var(--color-primary-600)\",\n 700: \"var(--color-primary-700)\",\n 800: \"var(--color-primary-800)\",\n 900: \"var(--color-primary-900)\",\n },\n secondary: {\n default: \"var(--color-secondary)\",\n 100: \"var(--color-secondary-100)\",\n 200: \"var(--color-secondary-200)\",\n 300: \"var(--color-secondary-300)\",\n 400: \"var(--color-secondary-400)\",\n 500: \"var(--color-secondary-500)\",\n 600: \"var(--color-secondary-600)\",\n 700: \"var(--color-secondary-700)\",\n 800: \"var(--color-secondary-800)\",\n 900: \"var(--color-secondary-900)\",\n },\n accent: {\n default: \"var(--color-accent)\",\n 100: \"var(--color-accent-100)\",\n 200: \"var(--color-accent-200)\",\n 300: \"var(--color-accent-300)\",\n 400: \"var(--color-accent-400)\",\n 500: \"var(--color-accent-500)\",\n 600: \"var(--color-accent-600)\",\n 700: \"var(--color-accent-700)\",\n 800: \"var(--color-accent-800)\",\n 900: \"var(--color-accent-900)\",\n },\n neutral: {\n default: \"var(--color-neutral)\",\n 100: \"var(--color-neutral-100)\",\n 200: \"var(--color-neutral-200)\",\n 300: \"var(--color-neutral-300)\",\n 400: \"var(--color-neutral-400)\",\n 500: \"var(--color-neutral-500)\",\n 600: \"var(--color-neutral-600)\",\n 700: \"var(--color-neutral-700)\",\n 800: \"var(--color-neutral-800)\",\n 900: \"var(--color-neutral-900)\",\n },\n },\n fontSize: {\n \"fluid-xs\": \"clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem)\",\n \"fluid-sm\": \"clamp(0.875rem, 0.8rem + 0.375vw, 1rem)\",\n \"fluid-base\": \"clamp(1rem, 0.9rem + 0.5vw, 1.25rem)\",\n \"fluid-lg\": \"clamp(1.125rem, 1rem + 0.625vw, 1.5rem)\",\n \"fluid-xl\": \"clamp(1.25rem, 1.1rem + 0.75vw, 1.75rem)\",\n \"fluid-2xl\": \"clamp(1.5rem, 1.3rem + 1vw, 2.25rem)\",\n \"fluid-3xl\": \"clamp(1.875rem, 1.6rem + 1.375vw, 2.75rem)\",\n \"fluid-4xl\": \"clamp(2.25rem, 1.9rem + 1.75vw, 3.5rem)\",\n \"fluid-5xl\": \"clamp(3rem, 2.5rem + 2.5vw, 4.5rem)\",\n \"fluid-6xl\": \"clamp(3.75rem, 3rem + 3.75vw, 6rem)\",\n },\n containers: {\n mobile: \"1px\",\n desktop: \"1024px\",\n },\n animation: {\n \"fade-in\": \"fade-in 0.5s\",\n \"elastic-pop\": \"elastic-pop 1s cubic-bezier(0.22, 1, 0.36, 1) forwards\",\n \"reveal-brick\": \"reveal-brick 1.5s ease forwards\",\n \"slide-in\": \"slide-in 0.15s ease-out\",\n \"slide-back\": \"slide-back 0.15s ease-out\",\n border: \"border 4s linear infinite\",\n \"spin-blob\": \"spin-blob 20s linear infinite\",\n background: \"background 15s ease infinite\",\n },\n keyframes: {\n background: {\n \"0%\": { backgroundPosition: \"0% 50%\" },\n \"50%\": { backgroundPosition: \"100% 50%\" },\n \"100%\": { backgroundPosition: \"0% 50%\" },\n },\n \"spin-blob\": {\n \"0%\": { transform: \"rotate(0deg) scale(2)\" },\n \"25%\": { transform: \"rotate(.5turn) scale(6)\" },\n \"50%\": { transform: \"rotate(0turn) scale(6)\" },\n \"100%\": { transform: \"rotate(0deg) scale(2)\" },\n },\n \"elastic-pop\": {\n \"0%\": { transform: \"scale(0)\", opacity: \"0\" },\n \"50%\": { transform: \"scale(1.1)\", opacity: \"0.8\" },\n \"70%\": { transform: \"scale(0.98)\", opacity: \"1\" },\n \"100%\": { transform: \"scale(1)\", opacity: \"1\" },\n },\n \"reveal-brick\": {\n \"0%\": { transform: \"scale(0)\", opacity: \"0\", filter: \"blur(20px)\" },\n \"50%\": { transform: \"scale(1)\", opacity: \"0.7\", filter: \"blur(10px)\" },\n \"100%\": { transform: \"scale(1)\", opacity: \"1\", filter: \"blur(0)\" },\n },\n \"fade-in\": {\n from: { opacity: \"0\" },\n to: { opacity: \"1\" },\n },\n \"slide-in\": {\n from: { transform: \"translateX(100%)\" },\n to: { transform: \"translateX(0)\" },\n },\n \"slide-back\": {\n from: { transform: \"translateX(-100%)\" },\n to: { transform: \"translateX(0)\" },\n },\n border: {\n from: { \"--border-angle\": \"0deg\" },\n to: { \"--border-angle\": \"360deg\" },\n },\n },\n },\n },\n});\n\nfunction em(px: number, base: number) {\n return `${(px / base).toFixed(3).replace(/^0|\\.?0+$/g, \"\")}em`;\n}\n"],"mappings":";;;;;;;;;;AAUA,2BAAe,aAAa;CAC1B,UAAU;CAEV,SAAS;EACP,kBAAkB;EAClB,eAAe,EAAE,kBAAkB,OAAO,CAAC;EAC3C,wBAAwB;EACxB,WAAW;EACX,iBAAiB;EACjB,YAAY,EAKX,CAAC;EACH;CACD,UAAU,CACR,CAAC,sBAAsB,uCAAuC,EAC9D,CAAC,SAAS,iBAAiB,CAC5B;CACD,OAAO;EACL,CACE,SACA,EACE,cAAc,WACf,CACF;EACD,CACE,iBACA,kHACD;EACD,CACE,OACA,0IACD;EACD,CACE,SACC,EAAE,UAAU;GACX,iBAAiB,eAAe,GAAG;GACnC,OAAO,eAAe,GAAG;GAC1B,EACF;EAED,CACE,gBACA;GACE,cAAc;GACd,iBAAiB;IACf,sBAAsB;IACtB,yBAAyB;IAC1B;GACD,gBAAgB;IACd,qBAAqB;IACrB,wBAAwB;IACzB;GACD,wCAAwC,EACtC,cAAc,OACf;GACF,CACF;EACD,CACE,SACA,EACE,QAAQ,UACT,CACF;EACD,CACE,SACA,EACE,OAAO,UACR,CACF;EAED,CACE,2BACC,EAAE,GAAG,UAAU;GAAE,iBAAiB,GAAG;GAAM,iBAAiB;GAAsB,EACpF;EAED,CACE,cACA;GACE,iBAAiB;GACjB,iBAAiB;GAClB,CACF;EACD,CACE,gBACA;GACE,iBAAiB;GACjB,iBAAiB;GAClB,CACF;EACD,CACE,aACA;GACE,iBAAiB;GACjB,iBAAiB;GAClB,CACF;EACD,CACE,cACA;GACE,iBAAiB;GACjB,iBAAiB;GAClB,CACF;EACD,CACE,aACC,EAAE,UAAU;GACX,iBAAiB;GACjB,iBAAiB,oBAAoB,GAAG;GACzC,EACF;EACD,CACE,gBACC,EAAE,UAAU;GACX,iBAAiB;GACjB,iBAAiB,uBAAuB,GAAG;GAC5C,EACF;EACD,CACE,eACC,EAAE,UAAU;GACX,iBAAiB;GACjB,iBAAiB,sBAAsB,GAAG;GAC3C,EACF;EACD,CACE,yBACC,EAAE,SAAS,kBAAkB,GAAG,cAAc,SAAS,GAAG,GAAG,IAAI,GACnE;EACD,CACE,gBACC,EAAE,UAAU;GACX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"}
|