@charstudios/pallet 0.1.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,231 +0,0 @@
1
- // src/presets/flat.ts
2
- var light = {
3
- background: "oklch(1 0 0)",
4
- foreground: "oklch(0.148 0.004 228.8)",
5
- card: "oklch(1 0 0)",
6
- cardForeground: "oklch(0.148 0.004 228.8)",
7
- popover: "oklch(1 0 0)",
8
- popoverForeground: "oklch(0.148 0.004 228.8)",
9
- primary: "oklch(0.514 0.222 16.935)",
10
- primaryForeground: "oklch(0.969 0.015 12.422)",
11
- secondary: "oklch(0.967 0.001 286.375)",
12
- secondaryForeground: "oklch(0.21 0.006 285.885)",
13
- muted: "oklch(0.963 0.002 197.1)",
14
- mutedForeground: "oklch(0.56 0.021 213.5)",
15
- accent: "oklch(0.963 0.002 197.1)",
16
- accentForeground: "oklch(0.218 0.008 223.9)",
17
- destructive: "oklch(0.577 0.245 27.325)",
18
- destructiveForeground: "oklch(0.985 0 0)",
19
- border: "oklch(0.925 0.005 214.3)",
20
- input: "oklch(0.925 0.005 214.3)",
21
- ring: "oklch(0.723 0.014 214.4)",
22
- chart1: "oklch(0.81 0.117 11.638)",
23
- chart2: "oklch(0.645 0.246 16.439)",
24
- chart3: "oklch(0.586 0.253 17.585)",
25
- chart4: "oklch(0.514 0.222 16.935)",
26
- chart5: "oklch(0.455 0.188 13.697)",
27
- sidebar: "oklch(0.987 0.002 197.1)",
28
- sidebarForeground: "oklch(0.148 0.004 228.8)",
29
- sidebarPrimary: "oklch(0.586 0.253 17.585)",
30
- sidebarPrimaryForeground: "oklch(0.969 0.015 12.422)",
31
- sidebarAccent: "oklch(0.963 0.002 197.1)",
32
- sidebarAccentForeground: "oklch(0.218 0.008 223.9)",
33
- sidebarBorder: "oklch(0.925 0.005 214.3)",
34
- sidebarRing: "oklch(0.723 0.014 214.4)"
35
- };
36
- var dark = {
37
- background: "oklch(0.148 0.004 228.8)",
38
- foreground: "oklch(0.987 0.002 197.1)",
39
- card: "oklch(0.218 0.008 223.9)",
40
- cardForeground: "oklch(0.987 0.002 197.1)",
41
- popover: "oklch(0.218 0.008 223.9)",
42
- popoverForeground: "oklch(0.987 0.002 197.1)",
43
- primary: "oklch(0.455 0.188 13.697)",
44
- primaryForeground: "oklch(0.969 0.015 12.422)",
45
- secondary: "oklch(0.274 0.006 286.033)",
46
- secondaryForeground: "oklch(0.985 0 0)",
47
- muted: "oklch(0.275 0.011 216.9)",
48
- mutedForeground: "oklch(0.723 0.014 214.4)",
49
- accent: "oklch(0.275 0.011 216.9)",
50
- accentForeground: "oklch(0.987 0.002 197.1)",
51
- destructive: "oklch(0.704 0.191 22.216)",
52
- destructiveForeground: "oklch(0.985 0 0)",
53
- border: "oklch(1 0 0 / 10%)",
54
- input: "oklch(1 0 0 / 15%)",
55
- ring: "oklch(0.56 0.021 213.5)",
56
- chart1: "oklch(0.81 0.117 11.638)",
57
- chart2: "oklch(0.645 0.246 16.439)",
58
- chart3: "oklch(0.586 0.253 17.585)",
59
- chart4: "oklch(0.514 0.222 16.935)",
60
- chart5: "oklch(0.455 0.188 13.697)",
61
- sidebar: "oklch(0.17 0.006 228.8)",
62
- sidebarForeground: "oklch(0.987 0.002 197.1)",
63
- sidebarPrimary: "oklch(0.514 0.222 16.935)",
64
- sidebarPrimaryForeground: "oklch(0.969 0.015 12.422)",
65
- sidebarAccent: "oklch(0.24 0.008 228.8)",
66
- sidebarAccentForeground: "oklch(0.987 0.002 197.1)",
67
- sidebarBorder: "oklch(1 0 0 / 10%)",
68
- sidebarRing: "oklch(0.56 0.021 213.5)"
69
- };
70
- var flat = {
71
- name: "flat",
72
- variant: "flat",
73
- colors: { light, dark },
74
- typography: {
75
- sans: 'ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
76
- heading: 'ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
77
- mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
78
- googleFonts: []
79
- },
80
- radius: {
81
- base: "0.45rem"
82
- },
83
- elevation: {
84
- shadows: {
85
- xs: "0 1px 2px 0 oklch(0 0 0 / 0.04)",
86
- sm: "0 1px 3px 0 oklch(0 0 0 / 0.06), 0 1px 2px -1px oklch(0 0 0 / 0.06)",
87
- md: "0 2px 6px -1px oklch(0 0 0 / 0.07), 0 1px 4px -2px oklch(0 0 0 / 0.06)",
88
- lg: "0 8px 16px -4px oklch(0 0 0 / 0.08), 0 2px 6px -2px oklch(0 0 0 / 0.06)",
89
- xl: "0 16px 32px -8px oklch(0 0 0 / 0.10), 0 4px 10px -4px oklch(0 0 0 / 0.06)"
90
- },
91
- borderStrength: 0.1,
92
- level: "none"
93
- },
94
- density: {
95
- spacing: "0.25rem",
96
- scale: 1
97
- },
98
- motion: {
99
- duration: 200,
100
- easing: "cubic-bezier(0.22, 1, 0.36, 1)",
101
- intensity: 1
102
- }
103
- };
104
-
105
- // src/presets/launch.ts
106
- var light2 = {
107
- background: "oklch(0.98 0.003 264)",
108
- foreground: "oklch(0.21 0.03 264)",
109
- card: "oklch(1 0 0)",
110
- cardForeground: "oklch(0.21 0.03 264)",
111
- popover: "oklch(1 0 0)",
112
- popoverForeground: "oklch(0.21 0.03 264)",
113
- primary: "oklch(0.7 0.11 264)",
114
- primaryForeground: "oklch(0.99 0.002 264)",
115
- secondary: "oklch(0.965 0.006 264)",
116
- secondaryForeground: "oklch(0.3 0.03 264)",
117
- muted: "oklch(0.965 0.006 264)",
118
- mutedForeground: "oklch(0.55 0.03 264)",
119
- accent: "oklch(0.95 0.03 264)",
120
- accentForeground: "oklch(0.42 0.11 264)",
121
- destructive: "oklch(0.62 0.22 25)",
122
- destructiveForeground: "oklch(0.99 0 0)",
123
- border: "oklch(0.92 0.008 264)",
124
- input: "oklch(0.965 0.006 264)",
125
- ring: "oklch(0.6 0.19 264)",
126
- chart1: "oklch(0.7 0.11 264)",
127
- chart2: "oklch(0.62 0.15 264)",
128
- chart3: "oklch(0.55 0.19 264)",
129
- chart4: "oklch(0.72 0.1 210)",
130
- chart5: "oklch(0.68 0.13 300)",
131
- sidebar: "oklch(0.985 0.003 264)",
132
- sidebarForeground: "oklch(0.21 0.03 264)",
133
- sidebarPrimary: "oklch(0.7 0.11 264)",
134
- sidebarPrimaryForeground: "oklch(0.99 0.002 264)",
135
- sidebarAccent: "oklch(0.95 0.03 264)",
136
- sidebarAccentForeground: "oklch(0.42 0.11 264)",
137
- sidebarBorder: "oklch(0.92 0.008 264)",
138
- sidebarRing: "oklch(0.6 0.19 264)"
139
- };
140
- var dark2 = {
141
- background: "oklch(0.19 0.02 264)",
142
- foreground: "oklch(0.97 0.005 264)",
143
- card: "oklch(0.23 0.024 264)",
144
- cardForeground: "oklch(0.97 0.005 264)",
145
- popover: "oklch(0.23 0.024 264)",
146
- popoverForeground: "oklch(0.97 0.005 264)",
147
- primary: "oklch(0.72 0.12 264)",
148
- primaryForeground: "oklch(0.16 0.03 264)",
149
- secondary: "oklch(0.28 0.02 264)",
150
- secondaryForeground: "oklch(0.97 0.005 264)",
151
- muted: "oklch(0.28 0.02 264)",
152
- mutedForeground: "oklch(0.72 0.02 264)",
153
- accent: "oklch(0.32 0.05 264)",
154
- accentForeground: "oklch(0.9 0.05 264)",
155
- destructive: "oklch(0.7 0.19 22)",
156
- destructiveForeground: "oklch(0.99 0 0)",
157
- border: "oklch(1 0 0 / 10%)",
158
- input: "oklch(1 0 0 / 12%)",
159
- ring: "oklch(0.65 0.17 264)",
160
- chart1: "oklch(0.72 0.12 264)",
161
- chart2: "oklch(0.64 0.15 264)",
162
- chart3: "oklch(0.58 0.18 264)",
163
- chart4: "oklch(0.74 0.1 210)",
164
- chart5: "oklch(0.7 0.13 300)",
165
- sidebar: "oklch(0.21 0.022 264)",
166
- sidebarForeground: "oklch(0.97 0.005 264)",
167
- sidebarPrimary: "oklch(0.72 0.12 264)",
168
- sidebarPrimaryForeground: "oklch(0.16 0.03 264)",
169
- sidebarAccent: "oklch(0.32 0.05 264)",
170
- sidebarAccentForeground: "oklch(0.9 0.05 264)",
171
- sidebarBorder: "oklch(1 0 0 / 10%)",
172
- sidebarRing: "oklch(0.65 0.17 264)"
173
- };
174
- var launch = {
175
- name: "launch",
176
- variant: "launch",
177
- colors: { light: light2, dark: dark2 },
178
- typography: {
179
- sans: '"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
180
- heading: '"Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif',
181
- mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
182
- googleFonts: ["Inter", "Plus Jakarta Sans"]
183
- },
184
- radius: {
185
- base: "1.25rem",
186
- // A slightly gentler ramp so large elements do not over-round.
187
- scale: {
188
- sm: 0.4,
189
- md: 0.6,
190
- lg: 1,
191
- xl: 1.2,
192
- "2xl": 1.5,
193
- "3xl": 1.8,
194
- "4xl": 2.2
195
- }
196
- },
197
- elevation: {
198
- shadows: {
199
- xs: "0 1px 2px 0 oklch(0.55 0.19 264 / 0.06)",
200
- sm: "0 2px 8px -2px oklch(0.55 0.19 264 / 0.10), 0 1px 3px -1px oklch(0 0 0 / 0.05)",
201
- md: "0 6px 20px -6px oklch(0.55 0.19 264 / 0.16), 0 2px 6px -2px oklch(0 0 0 / 0.06)",
202
- lg: "0 14px 34px -10px oklch(0.55 0.19 264 / 0.20), 0 4px 10px -4px oklch(0 0 0 / 0.07)",
203
- xl: "0 24px 56px -16px oklch(0.55 0.19 264 / 0.26), 0 8px 18px -8px oklch(0 0 0 / 0.08)"
204
- },
205
- borderStrength: 0.5,
206
- level: "md"
207
- },
208
- density: {
209
- spacing: "0.26rem",
210
- scale: 1.1
211
- },
212
- motion: {
213
- duration: 240,
214
- easing: "cubic-bezier(0.22, 1, 0.36, 1)",
215
- intensity: 1
216
- }
217
- };
218
-
219
- // src/presets/index.ts
220
- var presets = {
221
- flat,
222
- launch
223
- };
224
- function getPreset(name) {
225
- return presets[name];
226
- }
227
- var defaultPreset = flat;
228
-
229
- export { defaultPreset, flat, getPreset, launch, presets };
230
- //# sourceMappingURL=chunk-4GSIZANE.js.map
231
- //# sourceMappingURL=chunk-4GSIZANE.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/presets/flat.ts","../src/presets/launch.ts","../src/presets/index.ts"],"names":["light","dark"],"mappings":"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","file":"chunk-4GSIZANE.js","sourcesContent":["import type { ColorTokens, ThemeConfig } from \"../core/types\";\r\n\r\nconst light: ColorTokens = {\r\n background: \"oklch(1 0 0)\",\r\n foreground: \"oklch(0.148 0.004 228.8)\",\r\n card: \"oklch(1 0 0)\",\r\n cardForeground: \"oklch(0.148 0.004 228.8)\",\r\n popover: \"oklch(1 0 0)\",\r\n popoverForeground: \"oklch(0.148 0.004 228.8)\",\r\n primary: \"oklch(0.514 0.222 16.935)\",\r\n primaryForeground: \"oklch(0.969 0.015 12.422)\",\r\n secondary: \"oklch(0.967 0.001 286.375)\",\r\n secondaryForeground: \"oklch(0.21 0.006 285.885)\",\r\n muted: \"oklch(0.963 0.002 197.1)\",\r\n mutedForeground: \"oklch(0.56 0.021 213.5)\",\r\n accent: \"oklch(0.963 0.002 197.1)\",\r\n accentForeground: \"oklch(0.218 0.008 223.9)\",\r\n destructive: \"oklch(0.577 0.245 27.325)\",\r\n destructiveForeground: \"oklch(0.985 0 0)\",\r\n border: \"oklch(0.925 0.005 214.3)\",\r\n input: \"oklch(0.925 0.005 214.3)\",\r\n ring: \"oklch(0.723 0.014 214.4)\",\r\n chart1: \"oklch(0.81 0.117 11.638)\",\r\n chart2: \"oklch(0.645 0.246 16.439)\",\r\n chart3: \"oklch(0.586 0.253 17.585)\",\r\n chart4: \"oklch(0.514 0.222 16.935)\",\r\n chart5: \"oklch(0.455 0.188 13.697)\",\r\n sidebar: \"oklch(0.987 0.002 197.1)\",\r\n sidebarForeground: \"oklch(0.148 0.004 228.8)\",\r\n sidebarPrimary: \"oklch(0.586 0.253 17.585)\",\r\n sidebarPrimaryForeground: \"oklch(0.969 0.015 12.422)\",\r\n sidebarAccent: \"oklch(0.963 0.002 197.1)\",\r\n sidebarAccentForeground: \"oklch(0.218 0.008 223.9)\",\r\n sidebarBorder: \"oklch(0.925 0.005 214.3)\",\r\n sidebarRing: \"oklch(0.723 0.014 214.4)\",\r\n};\r\n\r\nconst dark: ColorTokens = {\r\n background: \"oklch(0.148 0.004 228.8)\",\r\n foreground: \"oklch(0.987 0.002 197.1)\",\r\n card: \"oklch(0.218 0.008 223.9)\",\r\n cardForeground: \"oklch(0.987 0.002 197.1)\",\r\n popover: \"oklch(0.218 0.008 223.9)\",\r\n popoverForeground: \"oklch(0.987 0.002 197.1)\",\r\n primary: \"oklch(0.455 0.188 13.697)\",\r\n primaryForeground: \"oklch(0.969 0.015 12.422)\",\r\n secondary: \"oklch(0.274 0.006 286.033)\",\r\n secondaryForeground: \"oklch(0.985 0 0)\",\r\n muted: \"oklch(0.275 0.011 216.9)\",\r\n mutedForeground: \"oklch(0.723 0.014 214.4)\",\r\n accent: \"oklch(0.275 0.011 216.9)\",\r\n accentForeground: \"oklch(0.987 0.002 197.1)\",\r\n destructive: \"oklch(0.704 0.191 22.216)\",\r\n destructiveForeground: \"oklch(0.985 0 0)\",\r\n border: \"oklch(1 0 0 / 10%)\",\r\n input: \"oklch(1 0 0 / 15%)\",\r\n ring: \"oklch(0.56 0.021 213.5)\",\r\n chart1: \"oklch(0.81 0.117 11.638)\",\r\n chart2: \"oklch(0.645 0.246 16.439)\",\r\n chart3: \"oklch(0.586 0.253 17.585)\",\r\n chart4: \"oklch(0.514 0.222 16.935)\",\r\n chart5: \"oklch(0.455 0.188 13.697)\",\r\n sidebar: \"oklch(0.17 0.006 228.8)\",\r\n sidebarForeground: \"oklch(0.987 0.002 197.1)\",\r\n sidebarPrimary: \"oklch(0.514 0.222 16.935)\",\r\n sidebarPrimaryForeground: \"oklch(0.969 0.015 12.422)\",\r\n sidebarAccent: \"oklch(0.24 0.008 228.8)\",\r\n sidebarAccentForeground: \"oklch(0.987 0.002 197.1)\",\r\n sidebarBorder: \"oklch(1 0 0 / 10%)\",\r\n sidebarRing: \"oklch(0.56 0.021 213.5)\",\r\n};\r\n\r\n/**\r\n * The \"flat\" preset: crisp hairline borders, minimal shadows, tighter radius.\r\n * Mirrors the default Quill look and serves as the baseline variant.\r\n */\r\nexport const flat: ThemeConfig = {\r\n name: \"flat\",\r\n variant: \"flat\",\r\n colors: { light, dark },\r\n typography: {\r\n sans: 'ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\r\n heading:\r\n 'ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\r\n mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace',\r\n googleFonts: [],\r\n },\r\n radius: {\r\n base: \"0.45rem\",\r\n },\r\n elevation: {\r\n shadows: {\r\n xs: \"0 1px 2px 0 oklch(0 0 0 / 0.04)\",\r\n sm: \"0 1px 3px 0 oklch(0 0 0 / 0.06), 0 1px 2px -1px oklch(0 0 0 / 0.06)\",\r\n md: \"0 2px 6px -1px oklch(0 0 0 / 0.07), 0 1px 4px -2px oklch(0 0 0 / 0.06)\",\r\n lg: \"0 8px 16px -4px oklch(0 0 0 / 0.08), 0 2px 6px -2px oklch(0 0 0 / 0.06)\",\r\n xl: \"0 16px 32px -8px oklch(0 0 0 / 0.10), 0 4px 10px -4px oklch(0 0 0 / 0.06)\",\r\n },\r\n borderStrength: 0.1,\r\n level: \"none\",\r\n },\r\n density: {\r\n spacing: \"0.25rem\",\r\n scale: 1,\r\n },\r\n motion: {\r\n duration: 200,\r\n easing: \"cubic-bezier(0.22, 1, 0.36, 1)\",\r\n intensity: 1,\r\n },\r\n};\r\n","import type { ColorTokens, ThemeConfig } from \"../core/types\";\r\n\r\n/**\r\n * Light palette from the Launch reference: airy off-white surfaces, near\r\n * borderless inputs, and a soft periwinkle primary with a brighter blue focus\r\n * ring.\r\n */\r\nconst light: ColorTokens = {\r\n background: \"oklch(0.98 0.003 264)\",\r\n foreground: \"oklch(0.21 0.03 264)\",\r\n card: \"oklch(1 0 0)\",\r\n cardForeground: \"oklch(0.21 0.03 264)\",\r\n popover: \"oklch(1 0 0)\",\r\n popoverForeground: \"oklch(0.21 0.03 264)\",\r\n primary: \"oklch(0.7 0.11 264)\",\r\n primaryForeground: \"oklch(0.99 0.002 264)\",\r\n secondary: \"oklch(0.965 0.006 264)\",\r\n secondaryForeground: \"oklch(0.3 0.03 264)\",\r\n muted: \"oklch(0.965 0.006 264)\",\r\n mutedForeground: \"oklch(0.55 0.03 264)\",\r\n accent: \"oklch(0.95 0.03 264)\",\r\n accentForeground: \"oklch(0.42 0.11 264)\",\r\n destructive: \"oklch(0.62 0.22 25)\",\r\n destructiveForeground: \"oklch(0.99 0 0)\",\r\n border: \"oklch(0.92 0.008 264)\",\r\n input: \"oklch(0.965 0.006 264)\",\r\n ring: \"oklch(0.6 0.19 264)\",\r\n chart1: \"oklch(0.7 0.11 264)\",\r\n chart2: \"oklch(0.62 0.15 264)\",\r\n chart3: \"oklch(0.55 0.19 264)\",\r\n chart4: \"oklch(0.72 0.1 210)\",\r\n chart5: \"oklch(0.68 0.13 300)\",\r\n sidebar: \"oklch(0.985 0.003 264)\",\r\n sidebarForeground: \"oklch(0.21 0.03 264)\",\r\n sidebarPrimary: \"oklch(0.7 0.11 264)\",\r\n sidebarPrimaryForeground: \"oklch(0.99 0.002 264)\",\r\n sidebarAccent: \"oklch(0.95 0.03 264)\",\r\n sidebarAccentForeground: \"oklch(0.42 0.11 264)\",\r\n sidebarBorder: \"oklch(0.92 0.008 264)\",\r\n sidebarRing: \"oklch(0.6 0.19 264)\",\r\n};\r\n\r\n/** Dark palette: deep desaturated navy with the same periwinkle accent. */\r\nconst dark: ColorTokens = {\r\n background: \"oklch(0.19 0.02 264)\",\r\n foreground: \"oklch(0.97 0.005 264)\",\r\n card: \"oklch(0.23 0.024 264)\",\r\n cardForeground: \"oklch(0.97 0.005 264)\",\r\n popover: \"oklch(0.23 0.024 264)\",\r\n popoverForeground: \"oklch(0.97 0.005 264)\",\r\n primary: \"oklch(0.72 0.12 264)\",\r\n primaryForeground: \"oklch(0.16 0.03 264)\",\r\n secondary: \"oklch(0.28 0.02 264)\",\r\n secondaryForeground: \"oklch(0.97 0.005 264)\",\r\n muted: \"oklch(0.28 0.02 264)\",\r\n mutedForeground: \"oklch(0.72 0.02 264)\",\r\n accent: \"oklch(0.32 0.05 264)\",\r\n accentForeground: \"oklch(0.9 0.05 264)\",\r\n destructive: \"oklch(0.7 0.19 22)\",\r\n destructiveForeground: \"oklch(0.99 0 0)\",\r\n border: \"oklch(1 0 0 / 10%)\",\r\n input: \"oklch(1 0 0 / 12%)\",\r\n ring: \"oklch(0.65 0.17 264)\",\r\n chart1: \"oklch(0.72 0.12 264)\",\r\n chart2: \"oklch(0.64 0.15 264)\",\r\n chart3: \"oklch(0.58 0.18 264)\",\r\n chart4: \"oklch(0.74 0.1 210)\",\r\n chart5: \"oklch(0.7 0.13 300)\",\r\n sidebar: \"oklch(0.21 0.022 264)\",\r\n sidebarForeground: \"oklch(0.97 0.005 264)\",\r\n sidebarPrimary: \"oklch(0.72 0.12 264)\",\r\n sidebarPrimaryForeground: \"oklch(0.16 0.03 264)\",\r\n sidebarAccent: \"oklch(0.32 0.05 264)\",\r\n sidebarAccentForeground: \"oklch(0.9 0.05 264)\",\r\n sidebarBorder: \"oklch(1 0 0 / 10%)\",\r\n sidebarRing: \"oklch(0.65 0.17 264)\",\r\n};\r\n\r\n/**\r\n * The \"launch\" preset: soft, elevated, and pill-shaped. Large radius, gentle\r\n * layered shadows, subtle borders and a little extra breathing room. Pairs with\r\n * `styles/variant-launch.css` which rounds controls into pills.\r\n */\r\nexport const launch: ThemeConfig = {\r\n name: \"launch\",\r\n variant: \"launch\",\r\n colors: { light, dark },\r\n typography: {\r\n sans: '\"Inter\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif',\r\n heading:\r\n '\"Plus Jakarta Sans\", \"Inter\", ui-sans-serif, system-ui, -apple-system, sans-serif',\r\n mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace',\r\n googleFonts: [\"Inter\", \"Plus Jakarta Sans\"],\r\n },\r\n radius: {\r\n base: \"1.25rem\",\r\n // A slightly gentler ramp so large elements do not over-round.\r\n scale: {\r\n sm: 0.4,\r\n md: 0.6,\r\n lg: 1,\r\n xl: 1.2,\r\n \"2xl\": 1.5,\r\n \"3xl\": 1.8,\r\n \"4xl\": 2.2,\r\n },\r\n },\r\n elevation: {\r\n shadows: {\r\n xs: \"0 1px 2px 0 oklch(0.55 0.19 264 / 0.06)\",\r\n sm: \"0 2px 8px -2px oklch(0.55 0.19 264 / 0.10), 0 1px 3px -1px oklch(0 0 0 / 0.05)\",\r\n md: \"0 6px 20px -6px oklch(0.55 0.19 264 / 0.16), 0 2px 6px -2px oklch(0 0 0 / 0.06)\",\r\n lg: \"0 14px 34px -10px oklch(0.55 0.19 264 / 0.20), 0 4px 10px -4px oklch(0 0 0 / 0.07)\",\r\n xl: \"0 24px 56px -16px oklch(0.55 0.19 264 / 0.26), 0 8px 18px -8px oklch(0 0 0 / 0.08)\",\r\n },\r\n borderStrength: 0.5,\r\n level: \"md\",\r\n },\r\n density: {\r\n spacing: \"0.26rem\",\r\n scale: 1.1,\r\n },\r\n motion: {\r\n duration: 240,\r\n easing: \"cubic-bezier(0.22, 1, 0.36, 1)\",\r\n intensity: 1,\r\n },\r\n};\r\n","import type { ThemeConfig, VariantName } from \"../core/types\";\r\nimport { flat } from \"./flat\";\r\nimport { launch } from \"./launch\";\r\n\r\nexport { flat } from \"./flat\";\r\nexport { launch } from \"./launch\";\r\n\r\n/** All built-in presets, keyed by name. */\r\nexport const presets = {\r\n flat,\r\n launch,\r\n} satisfies Record<string, ThemeConfig>;\r\n\r\nexport type PresetName = keyof typeof presets;\r\n\r\n/** Returns a built-in preset by name, or undefined if it is not registered. */\r\nexport function getPreset(name: VariantName): ThemeConfig | undefined {\r\n return (presets as Record<string, ThemeConfig>)[name];\r\n}\r\n\r\n/** The default preset used when none is specified. */\r\nexport const defaultPreset: ThemeConfig = flat;\r\n"]}
@@ -1,75 +0,0 @@
1
- /*
2
- * Launch variant skin.
3
- *
4
- * Soft, elevated and pill-shaped. Controls (buttons, inputs, selects) become
5
- * fully rounded pills, cards float on gentle tinted shadows, borders soften,
6
- * and focus rings glow. Designed to pair with the `launch` preset tokens.
7
- */
8
-
9
- @layer pallet-variants {
10
- /* Pill-shaped interactive controls. */
11
- [data-pallet-variant="launch"] [data-slot="button"],
12
- [data-pallet-variant="launch"] [data-slot="input"],
13
- [data-pallet-variant="launch"] [data-slot="textarea"],
14
- [data-pallet-variant="launch"] [data-slot="select-trigger"] {
15
- border-radius: 9999px;
16
- }
17
-
18
- /* Textareas stay readable rather than becoming a full pill. */
19
- [data-pallet-variant="launch"] [data-slot="textarea"] {
20
- border-radius: var(--radius-lg);
21
- }
22
-
23
- /* Soft, tactile buttons with a gentle lift. */
24
- [data-pallet-variant="launch"] [data-slot="button"] {
25
- box-shadow: var(--shadow-sm);
26
- transition:
27
- box-shadow var(--motion-duration) var(--motion-ease),
28
- transform var(--motion-duration) var(--motion-ease),
29
- background-color var(--motion-duration) var(--motion-ease);
30
- }
31
-
32
- [data-pallet-variant="launch"] [data-slot="button"]:hover {
33
- box-shadow: var(--shadow-md);
34
- }
35
-
36
- /* Near-borderless, filled inputs with a soft inner surface. */
37
- [data-pallet-variant="launch"] [data-slot="input"],
38
- [data-pallet-variant="launch"] [data-slot="textarea"],
39
- [data-pallet-variant="launch"] [data-slot="select-trigger"] {
40
- background-color: var(--input);
41
- border-color: transparent;
42
- }
43
-
44
- /* Glowing focus ring. */
45
- [data-pallet-variant="launch"] [data-slot="input"]:focus-visible,
46
- [data-pallet-variant="launch"] [data-slot="textarea"]:focus-visible,
47
- [data-pallet-variant="launch"] [data-slot="select-trigger"]:focus-visible {
48
- border-color: var(--ring);
49
- box-shadow: 0 0 0 3px color-mix(in oklch, var(--ring) 30%, transparent);
50
- outline: none;
51
- }
52
-
53
- /* Floating, softly elevated cards with subtle borders. */
54
- [data-pallet-variant="launch"] [data-slot="card"] {
55
- border-radius: var(--radius-2xl);
56
- box-shadow: var(--shadow-md);
57
- --tw-ring-color: var(--pallet-surface-border);
58
- }
59
-
60
- /* Elevated overlays. */
61
- [data-pallet-variant="launch"] [data-slot="popover"],
62
- [data-pallet-variant="launch"] [data-slot="dropdown-menu-content"],
63
- [data-pallet-variant="launch"] [data-slot="select-content"],
64
- [data-pallet-variant="launch"] [data-slot="dialog-content"],
65
- [data-pallet-variant="launch"] [data-slot="sheet-content"] {
66
- border-radius: var(--radius-xl);
67
- box-shadow: var(--shadow-lg);
68
- border-color: var(--pallet-surface-border);
69
- }
70
-
71
- /* Rounded, airy badges. */
72
- [data-pallet-variant="launch"] [data-slot="badge"] {
73
- border-radius: 9999px;
74
- }
75
- }