@charstudios/pallet 0.2.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.
Files changed (17) hide show
  1. package/README.md +454 -434
  2. package/dist/{chunk-3JRKA6NS.js → chunk-BCQMI6SW.js} +98 -97
  3. package/dist/chunk-BCQMI6SW.js.map +1 -0
  4. package/dist/{index-wWkmeDkd.d.ts → index-C8-t5s-1.d.ts} +3 -3
  5. package/dist/index.d.ts +3 -3
  6. package/dist/index.js +96 -95
  7. package/dist/index.js.map +1 -1
  8. package/dist/presets/index.d.ts +1 -1
  9. package/dist/presets/index.js +1 -1
  10. package/dist/server.d.ts +2 -2
  11. package/dist/server.js +1 -1
  12. package/dist/styles/index.css +16 -16
  13. package/dist/styles/variant-flat.css +215 -215
  14. package/dist/styles/variant-frosted.css +58 -203
  15. package/dist/styles/variant-toon.css +221 -159
  16. package/package.json +79 -79
  17. package/dist/chunk-3JRKA6NS.js.map +0 -1
package/dist/{chunk-3JRKA6NS.js → chunk-BCQMI6SW.js} RENAMED
@@ -182,27 +182,27 @@ var frosted = {
182
182
  googleFonts: ["Inter"]
183
183
  },
184
184
  radius: {
185
- base: "1rem",
185
+ base: "0.75rem",
186
186
  scale: {
187
- sm: 0.5,
188
- md: 0.75,
187
+ sm: 0.55,
188
+ md: 0.8,
189
189
  lg: 1,
190
- xl: 1.25,
191
- "2xl": 1.5,
192
- "3xl": 1.75,
193
- "4xl": 2
190
+ xl: 1.2,
191
+ "2xl": 1.4,
192
+ "3xl": 1.6,
193
+ "4xl": 1.8
194
194
  }
195
195
  },
196
196
  elevation: {
197
197
  shadows: {
198
- xs: "0 1px 2px 0 oklch(0.45 0.08 240 / 0.06)",
199
- sm: "0 2px 10px -2px oklch(0.45 0.08 240 / 0.12), 0 1px 3px -1px oklch(0 0 0 / 0.04)",
200
- md: "0 8px 24px -8px oklch(0.45 0.08 240 / 0.18), 0 2px 8px -2px oklch(0 0 0 / 0.05)",
201
- lg: "0 18px 40px -12px oklch(0.45 0.08 240 / 0.22), 0 6px 14px -6px oklch(0 0 0 / 0.06)",
202
- xl: "0 28px 56px -16px oklch(0.45 0.08 240 / 0.28), 0 10px 20px -8px oklch(0 0 0 / 0.07)"
198
+ xs: "none",
199
+ sm: "none",
200
+ md: "0 4px 16px -8px oklch(0.45 0.08 240 / 0.12)",
201
+ lg: "0 10px 28px -12px oklch(0.45 0.08 240 / 0.16)",
202
+ xl: "0 18px 40px -16px oklch(0.45 0.08 240 / 0.2)"
203
203
  },
204
- borderStrength: 0.65,
205
- level: "lg"
204
+ borderStrength: 0.35,
205
+ level: "sm"
206
206
  },
207
207
  density: {
208
208
  spacing: "0.25rem",
@@ -217,72 +217,72 @@ var frosted = {
217
217
 
218
218
  // src/presets/toon.ts
219
219
  var light3 = {
220
- background: "oklch(0.98 0.003 264)",
221
- foreground: "oklch(0.21 0.03 264)",
220
+ background: "oklch(0.965 0.005 260)",
221
+ foreground: "oklch(0.22 0.02 260)",
222
222
  card: "oklch(1 0 0)",
223
- cardForeground: "oklch(0.21 0.03 264)",
223
+ cardForeground: "oklch(0.22 0.02 260)",
224
224
  popover: "oklch(1 0 0)",
225
- popoverForeground: "oklch(0.21 0.03 264)",
226
- primary: "oklch(0.7 0.11 264)",
227
- primaryForeground: "oklch(0.99 0.002 264)",
228
- secondary: "oklch(0.965 0.006 264)",
229
- secondaryForeground: "oklch(0.3 0.03 264)",
230
- muted: "oklch(0.965 0.006 264)",
231
- mutedForeground: "oklch(0.55 0.03 264)",
232
- accent: "oklch(0.95 0.03 264)",
233
- accentForeground: "oklch(0.42 0.11 264)",
234
- destructive: "oklch(0.62 0.22 25)",
225
+ popoverForeground: "oklch(0.22 0.02 260)",
226
+ primary: "oklch(0.55 0.19 255)",
227
+ primaryForeground: "oklch(0.99 0.005 255)",
228
+ secondary: "oklch(0.96 0.01 260)",
229
+ secondaryForeground: "oklch(0.28 0.03 260)",
230
+ muted: "oklch(0.95 0.008 260)",
231
+ mutedForeground: "oklch(0.52 0.02 260)",
232
+ accent: "oklch(0.94 0.03 255)",
233
+ accentForeground: "oklch(0.4 0.12 255)",
234
+ destructive: "oklch(0.58 0.22 25)",
235
235
  destructiveForeground: "oklch(0.99 0 0)",
236
- border: "oklch(0.92 0.008 264)",
237
- input: "oklch(0.965 0.006 264)",
238
- ring: "oklch(0.6 0.19 264)",
239
- chart1: "oklch(0.7 0.11 264)",
240
- chart2: "oklch(0.62 0.15 264)",
241
- chart3: "oklch(0.55 0.19 264)",
242
- chart4: "oklch(0.72 0.1 210)",
243
- chart5: "oklch(0.68 0.13 300)",
244
- sidebar: "oklch(0.985 0.003 264)",
245
- sidebarForeground: "oklch(0.21 0.03 264)",
246
- sidebarPrimary: "oklch(0.7 0.11 264)",
247
- sidebarPrimaryForeground: "oklch(0.99 0.002 264)",
248
- sidebarAccent: "oklch(0.95 0.03 264)",
249
- sidebarAccentForeground: "oklch(0.42 0.11 264)",
250
- sidebarBorder: "oklch(0.92 0.008 264)",
251
- sidebarRing: "oklch(0.6 0.19 264)"
236
+ border: "oklch(0.82 0.015 260)",
237
+ input: "oklch(1 0 0)",
238
+ ring: "oklch(0.55 0.19 255)",
239
+ chart1: "oklch(0.55 0.19 255)",
240
+ chart2: "oklch(0.62 0.18 300)",
241
+ chart3: "oklch(0.7 0.16 55)",
242
+ chart4: "oklch(0.65 0.17 145)",
243
+ chart5: "oklch(0.6 0.2 25)",
244
+ sidebar: "oklch(1 0 0)",
245
+ sidebarForeground: "oklch(0.22 0.02 260)",
246
+ sidebarPrimary: "oklch(0.55 0.19 255)",
247
+ sidebarPrimaryForeground: "oklch(0.99 0.005 255)",
248
+ sidebarAccent: "oklch(0.94 0.03 255)",
249
+ sidebarAccentForeground: "oklch(0.4 0.12 255)",
250
+ sidebarBorder: "oklch(0.82 0.015 260)",
251
+ sidebarRing: "oklch(0.55 0.19 255)"
252
252
  };
253
253
  var dark3 = {
254
- background: "oklch(0.19 0.02 264)",
255
- foreground: "oklch(0.97 0.005 264)",
256
- card: "oklch(0.23 0.024 264)",
257
- cardForeground: "oklch(0.97 0.005 264)",
258
- popover: "oklch(0.23 0.024 264)",
259
- popoverForeground: "oklch(0.97 0.005 264)",
260
- primary: "oklch(0.72 0.12 264)",
261
- primaryForeground: "oklch(0.16 0.03 264)",
262
- secondary: "oklch(0.28 0.02 264)",
263
- secondaryForeground: "oklch(0.97 0.005 264)",
264
- muted: "oklch(0.28 0.02 264)",
265
- mutedForeground: "oklch(0.72 0.02 264)",
266
- accent: "oklch(0.32 0.05 264)",
267
- accentForeground: "oklch(0.9 0.05 264)",
268
- destructive: "oklch(0.7 0.19 22)",
254
+ background: "oklch(0.18 0.02 260)",
255
+ foreground: "oklch(0.96 0.01 260)",
256
+ card: "oklch(0.24 0.025 260)",
257
+ cardForeground: "oklch(0.96 0.01 260)",
258
+ popover: "oklch(0.24 0.025 260)",
259
+ popoverForeground: "oklch(0.96 0.01 260)",
260
+ primary: "oklch(0.68 0.16 255)",
261
+ primaryForeground: "oklch(0.18 0.03 260)",
262
+ secondary: "oklch(0.3 0.02 260)",
263
+ secondaryForeground: "oklch(0.96 0.01 260)",
264
+ muted: "oklch(0.3 0.02 260)",
265
+ mutedForeground: "oklch(0.7 0.02 260)",
266
+ accent: "oklch(0.32 0.05 255)",
267
+ accentForeground: "oklch(0.85 0.06 255)",
268
+ destructive: "oklch(0.68 0.18 22)",
269
269
  destructiveForeground: "oklch(0.99 0 0)",
270
- border: "oklch(1 0 0 / 10%)",
271
- input: "oklch(1 0 0 / 12%)",
272
- ring: "oklch(0.65 0.17 264)",
273
- chart1: "oklch(0.72 0.12 264)",
274
- chart2: "oklch(0.64 0.15 264)",
275
- chart3: "oklch(0.58 0.18 264)",
276
- chart4: "oklch(0.74 0.1 210)",
277
- chart5: "oklch(0.7 0.13 300)",
278
- sidebar: "oklch(0.21 0.022 264)",
279
- sidebarForeground: "oklch(0.97 0.005 264)",
280
- sidebarPrimary: "oklch(0.72 0.12 264)",
281
- sidebarPrimaryForeground: "oklch(0.16 0.03 264)",
282
- sidebarAccent: "oklch(0.32 0.05 264)",
283
- sidebarAccentForeground: "oklch(0.9 0.05 264)",
284
- sidebarBorder: "oklch(1 0 0 / 10%)",
285
- sidebarRing: "oklch(0.65 0.17 264)"
270
+ border: "oklch(1 0 0 / 16%)",
271
+ input: "oklch(0.24 0.025 260)",
272
+ ring: "oklch(0.68 0.16 255)",
273
+ chart1: "oklch(0.68 0.16 255)",
274
+ chart2: "oklch(0.7 0.15 300)",
275
+ chart3: "oklch(0.75 0.14 55)",
276
+ chart4: "oklch(0.7 0.14 145)",
277
+ chart5: "oklch(0.68 0.18 25)",
278
+ sidebar: "oklch(0.22 0.025 260)",
279
+ sidebarForeground: "oklch(0.96 0.01 260)",
280
+ sidebarPrimary: "oklch(0.68 0.16 255)",
281
+ sidebarPrimaryForeground: "oklch(0.18 0.03 260)",
282
+ sidebarAccent: "oklch(0.32 0.05 255)",
283
+ sidebarAccentForeground: "oklch(0.85 0.06 255)",
284
+ sidebarBorder: "oklch(1 0 0 / 14%)",
285
+ sidebarRing: "oklch(0.68 0.16 255)"
286
286
  };
287
287
  var toon = {
288
288
  name: "toon",
@@ -290,41 +290,42 @@ var toon = {
290
290
  colors: { light: light3, dark: dark3 },
291
291
  typography: {
292
292
  sans: '"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
293
- heading: '"Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif',
293
+ heading: '"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
294
294
  mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
295
- googleFonts: ["Inter", "Plus Jakarta Sans"]
295
+ googleFonts: ["Inter"]
296
296
  },
297
297
  radius: {
298
- base: "1.25rem",
299
- // A slightly gentler ramp so large elements do not over-round.
298
+ base: "0.75rem",
300
299
  scale: {
301
- sm: 0.4,
302
- md: 0.6,
300
+ sm: 0.55,
301
+ md: 0.75,
303
302
  lg: 1,
304
- xl: 1.2,
305
- "2xl": 1.5,
306
- "3xl": 1.8,
307
- "4xl": 2.2
303
+ xl: 1.15,
304
+ "2xl": 1.35,
305
+ "3xl": 1.55,
306
+ "4xl": 1.75
308
307
  }
309
308
  },
310
309
  elevation: {
310
+ // Hard lips live in the variant CSS — keep token shadows empty so utilities
311
+ // like `shadow-sm` do not reintroduce soft elevation.
311
312
  shadows: {
312
- xs: "0 1px 2px 0 oklch(0.55 0.19 264 / 0.06)",
313
- sm: "0 2px 8px -2px oklch(0.55 0.19 264 / 0.10), 0 1px 3px -1px oklch(0 0 0 / 0.05)",
314
- md: "0 6px 20px -6px oklch(0.55 0.19 264 / 0.16), 0 2px 6px -2px oklch(0 0 0 / 0.06)",
315
- lg: "0 14px 34px -10px oklch(0.55 0.19 264 / 0.20), 0 4px 10px -4px oklch(0 0 0 / 0.07)",
316
- xl: "0 24px 56px -16px oklch(0.55 0.19 264 / 0.26), 0 8px 18px -8px oklch(0 0 0 / 0.08)"
313
+ xs: "none",
314
+ sm: "none",
315
+ md: "none",
316
+ lg: "none",
317
+ xl: "none"
317
318
  },
318
- borderStrength: 0.5,
319
- level: "md"
319
+ borderStrength: 1,
320
+ level: "none"
320
321
  },
321
322
  density: {
322
- spacing: "0.26rem",
323
- scale: 1.1
323
+ spacing: "0.25rem",
324
+ scale: 1
324
325
  },
325
326
  motion: {
326
- duration: 240,
327
- easing: "cubic-bezier(0.22, 1, 0.36, 1)",
327
+ duration: 160,
328
+ easing: "cubic-bezier(0.2, 0.8, 0.2, 1)",
328
329
  intensity: 1
329
330
  }
330
331
  };
@@ -341,5 +342,5 @@ function getPreset(name) {
341
342
  var defaultPreset = flat;
342
343
 
343
344
  export { defaultPreset, flat, frosted, getPreset, presets, toon };
344
- //# sourceMappingURL=chunk-3JRKA6NS.js.map
345
- //# sourceMappingURL=chunk-3JRKA6NS.js.map
345
+ //# sourceMappingURL=chunk-BCQMI6SW.js.map
346
+ //# sourceMappingURL=chunk-BCQMI6SW.js.map
package/dist/chunk-BCQMI6SW.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/presets/flat.ts","../src/presets/frosted.ts","../src/presets/toon.ts","../src/presets/index.ts"],"names":["light","dark"],"mappings":"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","file":"chunk-BCQMI6SW.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 for Frosted: cool icy neutrals with translucent surfaces and a\r\n * soft sky-blue accent — designed so backdrop-blur skins can show through.\r\n */\r\nconst light: ColorTokens = {\r\n background: \"oklch(0.94 0.02 240)\",\r\n foreground: \"oklch(0.24 0.03 255)\",\r\n card: \"oklch(1 0.01 240 / 55%)\",\r\n cardForeground: \"oklch(0.24 0.03 255)\",\r\n popover: \"oklch(1 0.01 240 / 62%)\",\r\n popoverForeground: \"oklch(0.24 0.03 255)\",\r\n primary: \"oklch(0.62 0.12 240)\",\r\n primaryForeground: \"oklch(0.99 0.005 240)\",\r\n secondary: \"oklch(0.92 0.02 240 / 70%)\",\r\n secondaryForeground: \"oklch(0.3 0.04 255)\",\r\n muted: \"oklch(0.93 0.015 240 / 65%)\",\r\n mutedForeground: \"oklch(0.5 0.03 250)\",\r\n accent: \"oklch(0.9 0.04 230 / 70%)\",\r\n accentForeground: \"oklch(0.35 0.08 245)\",\r\n destructive: \"oklch(0.6 0.2 25)\",\r\n destructiveForeground: \"oklch(0.99 0 0)\",\r\n border: \"oklch(0.85 0.02 240 / 55%)\",\r\n input: \"oklch(0.97 0.01 240 / 50%)\",\r\n ring: \"oklch(0.62 0.14 235)\",\r\n chart1: \"oklch(0.62 0.12 240)\",\r\n chart2: \"oklch(0.68 0.1 200)\",\r\n chart3: \"oklch(0.58 0.14 280)\",\r\n chart4: \"oklch(0.72 0.08 180)\",\r\n chart5: \"oklch(0.66 0.11 320)\",\r\n sidebar: \"oklch(0.96 0.015 240 / 55%)\",\r\n sidebarForeground: \"oklch(0.24 0.03 255)\",\r\n sidebarPrimary: \"oklch(0.62 0.12 240)\",\r\n sidebarPrimaryForeground: \"oklch(0.99 0.005 240)\",\r\n sidebarAccent: \"oklch(0.9 0.04 230 / 70%)\",\r\n sidebarAccentForeground: \"oklch(0.35 0.08 245)\",\r\n sidebarBorder: \"oklch(0.85 0.02 240 / 50%)\",\r\n sidebarRing: \"oklch(0.62 0.14 235)\",\r\n};\r\n\r\n/** Dark palette: deep indigo glass over a cool night background. */\r\nconst dark: ColorTokens = {\r\n background: \"oklch(0.18 0.03 260)\",\r\n foreground: \"oklch(0.96 0.01 240)\",\r\n card: \"oklch(0.28 0.04 260 / 45%)\",\r\n cardForeground: \"oklch(0.96 0.01 240)\",\r\n popover: \"oklch(0.3 0.04 260 / 52%)\",\r\n popoverForeground: \"oklch(0.96 0.01 240)\",\r\n primary: \"oklch(0.72 0.12 230)\",\r\n primaryForeground: \"oklch(0.18 0.03 260)\",\r\n secondary: \"oklch(0.32 0.03 260 / 55%)\",\r\n secondaryForeground: \"oklch(0.96 0.01 240)\",\r\n muted: \"oklch(0.3 0.03 260 / 50%)\",\r\n mutedForeground: \"oklch(0.72 0.03 250)\",\r\n accent: \"oklch(0.36 0.05 250 / 55%)\",\r\n accentForeground: \"oklch(0.92 0.03 230)\",\r\n destructive: \"oklch(0.68 0.18 22)\",\r\n destructiveForeground: \"oklch(0.99 0 0)\",\r\n border: \"oklch(1 0 0 / 14%)\",\r\n input: \"oklch(1 0 0 / 10%)\",\r\n ring: \"oklch(0.7 0.12 230)\",\r\n chart1: \"oklch(0.72 0.12 230)\",\r\n chart2: \"oklch(0.7 0.1 200)\",\r\n chart3: \"oklch(0.66 0.14 280)\",\r\n chart4: \"oklch(0.74 0.08 180)\",\r\n chart5: \"oklch(0.68 0.11 320)\",\r\n sidebar: \"oklch(0.22 0.035 260 / 50%)\",\r\n sidebarForeground: \"oklch(0.96 0.01 240)\",\r\n sidebarPrimary: \"oklch(0.72 0.12 230)\",\r\n sidebarPrimaryForeground: \"oklch(0.18 0.03 260)\",\r\n sidebarAccent: \"oklch(0.36 0.05 250 / 55%)\",\r\n sidebarAccentForeground: \"oklch(0.92 0.03 230)\",\r\n sidebarBorder: \"oklch(1 0 0 / 12%)\",\r\n sidebarRing: \"oklch(0.7 0.12 230)\",\r\n};\r\n\r\n/**\r\n * The \"frosted\" preset: icy translucent surfaces paired with\r\n * `styles/variant-frosted.css` for backdrop-blur glassmorphism across slots.\r\n */\r\nexport const frosted: ThemeConfig = {\r\n name: \"frosted\",\r\n variant: \"frosted\",\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 '\"Inter\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif',\r\n mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace',\r\n googleFonts: [\"Inter\"],\r\n },\r\n radius: {\r\n base: \"0.75rem\",\r\n scale: {\r\n sm: 0.55,\r\n md: 0.8,\r\n lg: 1,\r\n xl: 1.2,\r\n \"2xl\": 1.4,\r\n \"3xl\": 1.6,\r\n \"4xl\": 1.8,\r\n },\r\n },\r\n elevation: {\r\n shadows: {\r\n xs: \"none\",\r\n sm: \"none\",\r\n md: \"0 4px 16px -8px oklch(0.45 0.08 240 / 0.12)\",\r\n lg: \"0 10px 28px -12px oklch(0.45 0.08 240 / 0.16)\",\r\n xl: \"0 18px 40px -16px oklch(0.45 0.08 240 / 0.2)\",\r\n },\r\n borderStrength: 0.35,\r\n level: \"sm\",\r\n },\r\n density: {\r\n spacing: \"0.25rem\",\r\n scale: 1.05,\r\n },\r\n motion: {\r\n duration: 260,\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 for Toon: clean dashboard neutrals with a solid blue accent.\r\n * Cel-shaded / neo-brutalist — depth comes from thick bottom borders, not shadows.\r\n */\r\nconst light: ColorTokens = {\r\n background: \"oklch(0.965 0.005 260)\",\r\n foreground: \"oklch(0.22 0.02 260)\",\r\n card: \"oklch(1 0 0)\",\r\n cardForeground: \"oklch(0.22 0.02 260)\",\r\n popover: \"oklch(1 0 0)\",\r\n popoverForeground: \"oklch(0.22 0.02 260)\",\r\n primary: \"oklch(0.55 0.19 255)\",\r\n primaryForeground: \"oklch(0.99 0.005 255)\",\r\n secondary: \"oklch(0.96 0.01 260)\",\r\n secondaryForeground: \"oklch(0.28 0.03 260)\",\r\n muted: \"oklch(0.95 0.008 260)\",\r\n mutedForeground: \"oklch(0.52 0.02 260)\",\r\n accent: \"oklch(0.94 0.03 255)\",\r\n accentForeground: \"oklch(0.4 0.12 255)\",\r\n destructive: \"oklch(0.58 0.22 25)\",\r\n destructiveForeground: \"oklch(0.99 0 0)\",\r\n border: \"oklch(0.82 0.015 260)\",\r\n input: \"oklch(1 0 0)\",\r\n ring: \"oklch(0.55 0.19 255)\",\r\n chart1: \"oklch(0.55 0.19 255)\",\r\n chart2: \"oklch(0.62 0.18 300)\",\r\n chart3: \"oklch(0.7 0.16 55)\",\r\n chart4: \"oklch(0.65 0.17 145)\",\r\n chart5: \"oklch(0.6 0.2 25)\",\r\n sidebar: \"oklch(1 0 0)\",\r\n sidebarForeground: \"oklch(0.22 0.02 260)\",\r\n sidebarPrimary: \"oklch(0.55 0.19 255)\",\r\n sidebarPrimaryForeground: \"oklch(0.99 0.005 255)\",\r\n sidebarAccent: \"oklch(0.94 0.03 255)\",\r\n sidebarAccentForeground: \"oklch(0.4 0.12 255)\",\r\n sidebarBorder: \"oklch(0.82 0.015 260)\",\r\n sidebarRing: \"oklch(0.55 0.19 255)\",\r\n};\r\n\r\n/** Dark palette: ink surfaces with the same punched blue accent. */\r\nconst dark: ColorTokens = {\r\n background: \"oklch(0.18 0.02 260)\",\r\n foreground: \"oklch(0.96 0.01 260)\",\r\n card: \"oklch(0.24 0.025 260)\",\r\n cardForeground: \"oklch(0.96 0.01 260)\",\r\n popover: \"oklch(0.24 0.025 260)\",\r\n popoverForeground: \"oklch(0.96 0.01 260)\",\r\n primary: \"oklch(0.68 0.16 255)\",\r\n primaryForeground: \"oklch(0.18 0.03 260)\",\r\n secondary: \"oklch(0.3 0.02 260)\",\r\n secondaryForeground: \"oklch(0.96 0.01 260)\",\r\n muted: \"oklch(0.3 0.02 260)\",\r\n mutedForeground: \"oklch(0.7 0.02 260)\",\r\n accent: \"oklch(0.32 0.05 255)\",\r\n accentForeground: \"oklch(0.85 0.06 255)\",\r\n destructive: \"oklch(0.68 0.18 22)\",\r\n destructiveForeground: \"oklch(0.99 0 0)\",\r\n border: \"oklch(1 0 0 / 16%)\",\r\n input: \"oklch(0.24 0.025 260)\",\r\n ring: \"oklch(0.68 0.16 255)\",\r\n chart1: \"oklch(0.68 0.16 255)\",\r\n chart2: \"oklch(0.7 0.15 300)\",\r\n chart3: \"oklch(0.75 0.14 55)\",\r\n chart4: \"oklch(0.7 0.14 145)\",\r\n chart5: \"oklch(0.68 0.18 25)\",\r\n sidebar: \"oklch(0.22 0.025 260)\",\r\n sidebarForeground: \"oklch(0.96 0.01 260)\",\r\n sidebarPrimary: \"oklch(0.68 0.16 255)\",\r\n sidebarPrimaryForeground: \"oklch(0.18 0.03 260)\",\r\n sidebarAccent: \"oklch(0.32 0.05 255)\",\r\n sidebarAccentForeground: \"oklch(0.85 0.06 255)\",\r\n sidebarBorder: \"oklch(1 0 0 / 14%)\",\r\n sidebarRing: \"oklch(0.68 0.16 255)\",\r\n};\r\n\r\n/**\r\n * The \"toon\" preset: cel-shaded / neo-brutalist. Moderate radius, flat color,\r\n * zero soft shadows. Depth comes from `variant-toon.css` thick bottom borders\r\n * auto-darkened from each surface fill via `--toon-fill`.\r\n */\r\nexport const toon: ThemeConfig = {\r\n name: \"toon\",\r\n variant: \"toon\",\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 '\"Inter\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif',\r\n mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace',\r\n googleFonts: [\"Inter\"],\r\n },\r\n radius: {\r\n base: \"0.75rem\",\r\n scale: {\r\n sm: 0.55,\r\n md: 0.75,\r\n lg: 1,\r\n xl: 1.15,\r\n \"2xl\": 1.35,\r\n \"3xl\": 1.55,\r\n \"4xl\": 1.75,\r\n },\r\n },\r\n elevation: {\r\n // Hard lips live in the variant CSS — keep token shadows empty so utilities\r\n // like `shadow-sm` do not reintroduce soft elevation.\r\n shadows: {\r\n xs: \"none\",\r\n sm: \"none\",\r\n md: \"none\",\r\n lg: \"none\",\r\n xl: \"none\",\r\n },\r\n borderStrength: 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: 160,\r\n easing: \"cubic-bezier(0.2, 0.8, 0.2, 1)\",\r\n intensity: 1,\r\n },\r\n};\r\n","import type { ThemeConfig, VariantName } from \"../core/types\";\nimport { flat } from \"./flat\";\nimport { frosted } from \"./frosted\";\nimport { toon } from \"./toon\";\n\nexport { flat } from \"./flat\";\nexport { frosted } from \"./frosted\";\nexport { toon } from \"./toon\";\n\n/** All built-in presets, keyed by name. */\nexport const presets = {\n flat,\n toon,\n frosted,\n} satisfies Record<string, ThemeConfig>;\n\nexport type PresetName = keyof typeof presets;\n\n/** Returns a built-in preset by name, or undefined if it is not registered. */\nexport function getPreset(name: VariantName): ThemeConfig | undefined {\n return (presets as Record<string, ThemeConfig>)[name];\n}\n\n/** The default preset used when none is specified. */\nexport const defaultPreset: ThemeConfig = flat;\n"]}
package/dist/{index-wWkmeDkd.d.ts → index-C8-t5s-1.d.ts} RENAMED
@@ -158,9 +158,9 @@ declare const flat: ThemeConfig;
158
158
  declare const frosted: ThemeConfig;
159
159
 
160
160
  /**
161
- * The "toon" preset: soft, elevated, and pill-shaped. Large radius, gentle
162
- * layered shadows, subtle borders and a little extra breathing room. Pairs with
163
- * `styles/variant-toon.css` which rounds controls into pills.
161
+ * The "toon" preset: cel-shaded / neo-brutalist. Moderate radius, flat color,
162
+ * zero soft shadows. Depth comes from `variant-toon.css` thick bottom borders
163
+ * auto-darkened from each surface fill via `--toon-fill`.
164
164
  */
165
165
  declare const toon: ThemeConfig;
166
166
 
package/dist/index.d.ts CHANGED
@@ -386,9 +386,9 @@ declare const flat: ThemeConfig;
386
386
  declare const frosted: ThemeConfig;
387
387
 
388
388
  /**
389
- * The "toon" preset: soft, elevated, and pill-shaped. Large radius, gentle
390
- * layered shadows, subtle borders and a little extra breathing room. Pairs with
391
- * `styles/variant-toon.css` which rounds controls into pills.
389
+ * The "toon" preset: cel-shaded / neo-brutalist. Moderate radius, flat color,
390
+ * zero soft shadows. Depth comes from `variant-toon.css` thick bottom borders
391
+ * auto-darkened from each surface fill via `--toon-fill`.
392
392
  */
393
393
  declare const toon: ThemeConfig;
394
394
 
package/dist/index.js CHANGED
@@ -385,27 +385,27 @@ var frosted = {
385
385
  googleFonts: ["Inter"]
386
386
  },
387
387
  radius: {
388
- base: "1rem",
388
+ base: "0.75rem",
389
389
  scale: {
390
- sm: 0.5,
391
- md: 0.75,
390
+ sm: 0.55,
391
+ md: 0.8,
392
392
  lg: 1,
393
- xl: 1.25,
394
- "2xl": 1.5,
395
- "3xl": 1.75,
396
- "4xl": 2
393
+ xl: 1.2,
394
+ "2xl": 1.4,
395
+ "3xl": 1.6,
396
+ "4xl": 1.8
397
397
  }
398
398
  },
399
399
  elevation: {
400
400
  shadows: {
401
- xs: "0 1px 2px 0 oklch(0.45 0.08 240 / 0.06)",
402
- sm: "0 2px 10px -2px oklch(0.45 0.08 240 / 0.12), 0 1px 3px -1px oklch(0 0 0 / 0.04)",
403
- md: "0 8px 24px -8px oklch(0.45 0.08 240 / 0.18), 0 2px 8px -2px oklch(0 0 0 / 0.05)",
404
- lg: "0 18px 40px -12px oklch(0.45 0.08 240 / 0.22), 0 6px 14px -6px oklch(0 0 0 / 0.06)",
405
- xl: "0 28px 56px -16px oklch(0.45 0.08 240 / 0.28), 0 10px 20px -8px oklch(0 0 0 / 0.07)"
401
+ xs: "none",
402
+ sm: "none",
403
+ md: "0 4px 16px -8px oklch(0.45 0.08 240 / 0.12)",
404
+ lg: "0 10px 28px -12px oklch(0.45 0.08 240 / 0.16)",
405
+ xl: "0 18px 40px -16px oklch(0.45 0.08 240 / 0.2)"
406
406
  },
407
- borderStrength: 0.65,
408
- level: "lg"
407
+ borderStrength: 0.35,
408
+ level: "sm"
409
409
  },
410
410
  density: {
411
411
  spacing: "0.25rem",
@@ -420,72 +420,72 @@ var frosted = {
420
420
 
421
421
  // src/presets/toon.ts
422
422
  var light3 = {
423
- background: "oklch(0.98 0.003 264)",
424
- foreground: "oklch(0.21 0.03 264)",
423
+ background: "oklch(0.965 0.005 260)",
424
+ foreground: "oklch(0.22 0.02 260)",
425
425
  card: "oklch(1 0 0)",
426
- cardForeground: "oklch(0.21 0.03 264)",
426
+ cardForeground: "oklch(0.22 0.02 260)",
427
427
  popover: "oklch(1 0 0)",
428
- popoverForeground: "oklch(0.21 0.03 264)",
429
- primary: "oklch(0.7 0.11 264)",
430
- primaryForeground: "oklch(0.99 0.002 264)",
431
- secondary: "oklch(0.965 0.006 264)",
432
- secondaryForeground: "oklch(0.3 0.03 264)",
433
- muted: "oklch(0.965 0.006 264)",
434
- mutedForeground: "oklch(0.55 0.03 264)",
435
- accent: "oklch(0.95 0.03 264)",
436
- accentForeground: "oklch(0.42 0.11 264)",
437
- destructive: "oklch(0.62 0.22 25)",
428
+ popoverForeground: "oklch(0.22 0.02 260)",
429
+ primary: "oklch(0.55 0.19 255)",
430
+ primaryForeground: "oklch(0.99 0.005 255)",
431
+ secondary: "oklch(0.96 0.01 260)",
432
+ secondaryForeground: "oklch(0.28 0.03 260)",
433
+ muted: "oklch(0.95 0.008 260)",
434
+ mutedForeground: "oklch(0.52 0.02 260)",
435
+ accent: "oklch(0.94 0.03 255)",
436
+ accentForeground: "oklch(0.4 0.12 255)",
437
+ destructive: "oklch(0.58 0.22 25)",
438
438
  destructiveForeground: "oklch(0.99 0 0)",
439
- border: "oklch(0.92 0.008 264)",
440
- input: "oklch(0.965 0.006 264)",
441
- ring: "oklch(0.6 0.19 264)",
442
- chart1: "oklch(0.7 0.11 264)",
443
- chart2: "oklch(0.62 0.15 264)",
444
- chart3: "oklch(0.55 0.19 264)",
445
- chart4: "oklch(0.72 0.1 210)",
446
- chart5: "oklch(0.68 0.13 300)",
447
- sidebar: "oklch(0.985 0.003 264)",
448
- sidebarForeground: "oklch(0.21 0.03 264)",
449
- sidebarPrimary: "oklch(0.7 0.11 264)",
450
- sidebarPrimaryForeground: "oklch(0.99 0.002 264)",
451
- sidebarAccent: "oklch(0.95 0.03 264)",
452
- sidebarAccentForeground: "oklch(0.42 0.11 264)",
453
- sidebarBorder: "oklch(0.92 0.008 264)",
454
- sidebarRing: "oklch(0.6 0.19 264)"
439
+ border: "oklch(0.82 0.015 260)",
440
+ input: "oklch(1 0 0)",
441
+ ring: "oklch(0.55 0.19 255)",
442
+ chart1: "oklch(0.55 0.19 255)",
443
+ chart2: "oklch(0.62 0.18 300)",
444
+ chart3: "oklch(0.7 0.16 55)",
445
+ chart4: "oklch(0.65 0.17 145)",
446
+ chart5: "oklch(0.6 0.2 25)",
447
+ sidebar: "oklch(1 0 0)",
448
+ sidebarForeground: "oklch(0.22 0.02 260)",
449
+ sidebarPrimary: "oklch(0.55 0.19 255)",
450
+ sidebarPrimaryForeground: "oklch(0.99 0.005 255)",
451
+ sidebarAccent: "oklch(0.94 0.03 255)",
452
+ sidebarAccentForeground: "oklch(0.4 0.12 255)",
453
+ sidebarBorder: "oklch(0.82 0.015 260)",
454
+ sidebarRing: "oklch(0.55 0.19 255)"
455
455
  };
456
456
  var dark3 = {
457
- background: "oklch(0.19 0.02 264)",
458
- foreground: "oklch(0.97 0.005 264)",
459
- card: "oklch(0.23 0.024 264)",
460
- cardForeground: "oklch(0.97 0.005 264)",
461
- popover: "oklch(0.23 0.024 264)",
462
- popoverForeground: "oklch(0.97 0.005 264)",
463
- primary: "oklch(0.72 0.12 264)",
464
- primaryForeground: "oklch(0.16 0.03 264)",
465
- secondary: "oklch(0.28 0.02 264)",
466
- secondaryForeground: "oklch(0.97 0.005 264)",
467
- muted: "oklch(0.28 0.02 264)",
468
- mutedForeground: "oklch(0.72 0.02 264)",
469
- accent: "oklch(0.32 0.05 264)",
470
- accentForeground: "oklch(0.9 0.05 264)",
471
- destructive: "oklch(0.7 0.19 22)",
457
+ background: "oklch(0.18 0.02 260)",
458
+ foreground: "oklch(0.96 0.01 260)",
459
+ card: "oklch(0.24 0.025 260)",
460
+ cardForeground: "oklch(0.96 0.01 260)",
461
+ popover: "oklch(0.24 0.025 260)",
462
+ popoverForeground: "oklch(0.96 0.01 260)",
463
+ primary: "oklch(0.68 0.16 255)",
464
+ primaryForeground: "oklch(0.18 0.03 260)",
465
+ secondary: "oklch(0.3 0.02 260)",
466
+ secondaryForeground: "oklch(0.96 0.01 260)",
467
+ muted: "oklch(0.3 0.02 260)",
468
+ mutedForeground: "oklch(0.7 0.02 260)",
469
+ accent: "oklch(0.32 0.05 255)",
470
+ accentForeground: "oklch(0.85 0.06 255)",
471
+ destructive: "oklch(0.68 0.18 22)",
472
472
  destructiveForeground: "oklch(0.99 0 0)",
473
- border: "oklch(1 0 0 / 10%)",
474
- input: "oklch(1 0 0 / 12%)",
475
- ring: "oklch(0.65 0.17 264)",
476
- chart1: "oklch(0.72 0.12 264)",
477
- chart2: "oklch(0.64 0.15 264)",
478
- chart3: "oklch(0.58 0.18 264)",
479
- chart4: "oklch(0.74 0.1 210)",
480
- chart5: "oklch(0.7 0.13 300)",
481
- sidebar: "oklch(0.21 0.022 264)",
482
- sidebarForeground: "oklch(0.97 0.005 264)",
483
- sidebarPrimary: "oklch(0.72 0.12 264)",
484
- sidebarPrimaryForeground: "oklch(0.16 0.03 264)",
485
- sidebarAccent: "oklch(0.32 0.05 264)",
486
- sidebarAccentForeground: "oklch(0.9 0.05 264)",
487
- sidebarBorder: "oklch(1 0 0 / 10%)",
488
- sidebarRing: "oklch(0.65 0.17 264)"
473
+ border: "oklch(1 0 0 / 16%)",
474
+ input: "oklch(0.24 0.025 260)",
475
+ ring: "oklch(0.68 0.16 255)",
476
+ chart1: "oklch(0.68 0.16 255)",
477
+ chart2: "oklch(0.7 0.15 300)",
478
+ chart3: "oklch(0.75 0.14 55)",
479
+ chart4: "oklch(0.7 0.14 145)",
480
+ chart5: "oklch(0.68 0.18 25)",
481
+ sidebar: "oklch(0.22 0.025 260)",
482
+ sidebarForeground: "oklch(0.96 0.01 260)",
483
+ sidebarPrimary: "oklch(0.68 0.16 255)",
484
+ sidebarPrimaryForeground: "oklch(0.18 0.03 260)",
485
+ sidebarAccent: "oklch(0.32 0.05 255)",
486
+ sidebarAccentForeground: "oklch(0.85 0.06 255)",
487
+ sidebarBorder: "oklch(1 0 0 / 14%)",
488
+ sidebarRing: "oklch(0.68 0.16 255)"
489
489
  };
490
490
  var toon = {
491
491
  name: "toon",
@@ -493,41 +493,42 @@ var toon = {
493
493
  colors: { light: light3, dark: dark3 },
494
494
  typography: {
495
495
  sans: '"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
496
- heading: '"Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif',
496
+ heading: '"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
497
497
  mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
498
- googleFonts: ["Inter", "Plus Jakarta Sans"]
498
+ googleFonts: ["Inter"]
499
499
  },
500
500
  radius: {
501
- base: "1.25rem",
502
- // A slightly gentler ramp so large elements do not over-round.
501
+ base: "0.75rem",
503
502
  scale: {
504
- sm: 0.4,
505
- md: 0.6,
503
+ sm: 0.55,
504
+ md: 0.75,
506
505
  lg: 1,
507
- xl: 1.2,
508
- "2xl": 1.5,
509
- "3xl": 1.8,
510
- "4xl": 2.2
506
+ xl: 1.15,
507
+ "2xl": 1.35,
508
+ "3xl": 1.55,
509
+ "4xl": 1.75
511
510
  }
512
511
  },
513
512
  elevation: {
513
+ // Hard lips live in the variant CSS — keep token shadows empty so utilities
514
+ // like `shadow-sm` do not reintroduce soft elevation.
514
515
  shadows: {
515
- xs: "0 1px 2px 0 oklch(0.55 0.19 264 / 0.06)",
516
- sm: "0 2px 8px -2px oklch(0.55 0.19 264 / 0.10), 0 1px 3px -1px oklch(0 0 0 / 0.05)",
517
- md: "0 6px 20px -6px oklch(0.55 0.19 264 / 0.16), 0 2px 6px -2px oklch(0 0 0 / 0.06)",
518
- lg: "0 14px 34px -10px oklch(0.55 0.19 264 / 0.20), 0 4px 10px -4px oklch(0 0 0 / 0.07)",
519
- xl: "0 24px 56px -16px oklch(0.55 0.19 264 / 0.26), 0 8px 18px -8px oklch(0 0 0 / 0.08)"
516
+ xs: "none",
517
+ sm: "none",
518
+ md: "none",
519
+ lg: "none",
520
+ xl: "none"
520
521
  },
521
- borderStrength: 0.5,
522
- level: "md"
522
+ borderStrength: 1,
523
+ level: "none"
523
524
  },
524
525
  density: {
525
- spacing: "0.26rem",
526
- scale: 1.1
526
+ spacing: "0.25rem",
527
+ scale: 1
527
528
  },
528
529
  motion: {
529
- duration: 240,
530
- easing: "cubic-bezier(0.22, 1, 0.36, 1)",
530
+ duration: 160,
531
+ easing: "cubic-bezier(0.2, 0.8, 0.2, 1)",
531
532
  intensity: 1
532
533
  }
533
534
  };