@doneisbetter/gds-theme 3.0.4 → 3.0.5

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 (10) hide show
  1. package/dist/{chunk-7XQ45NO6.mjs → chunk-DDAWLOKZ.mjs} +2 -2
  2. package/dist/{chunk-3QN7LJN7.mjs → chunk-H7L27ZEE.mjs} +2 -2
  3. package/dist/client.js +3 -3
  4. package/dist/client.mjs +2 -2
  5. package/dist/index.js +3 -3
  6. package/dist/index.mjs +2 -2
  7. package/dist/server.js +2 -2
  8. package/dist/server.mjs +1 -1
  9. package/package.json +1 -1
  10. package/styles.css +22 -8
package/dist/{chunk-7XQ45NO6.mjs → chunk-DDAWLOKZ.mjs} RENAMED
@@ -5,7 +5,7 @@ import {
5
5
  getGdsThemePresets,
6
6
  getGdsVibeThemeCssVariables,
7
7
  resolveGdsThemePreset
8
- } from "./chunk-3QN7LJN7.mjs";
8
+ } from "./chunk-H7L27ZEE.mjs";
9
9
 
10
10
  // src/theme-runtime.ts
11
11
  import { useCallback, useEffect, useState } from "react";
@@ -20,7 +20,7 @@ function isScheme(value) {
20
20
  return value === "light" || value === "dark" || value === "auto";
21
21
  }
22
22
  function resolveEffectiveScheme(preset, colorScheme) {
23
- if (preset === "dark-public" || preset === "neon-night") {
23
+ if (preset === "dark-public" || preset === "neon-night" || preset === "cosmic") {
24
24
  return "dark";
25
25
  }
26
26
  return colorScheme;
package/dist/{chunk-3QN7LJN7.mjs → chunk-H7L27ZEE.mjs} RENAMED
@@ -579,13 +579,13 @@ var vibeThemes = {
579
579
  canvasDark: "#030018",
580
580
  shellLight: "rgba(10, 18, 70, 0.72)",
581
581
  shellDark: "rgba(8, 10, 42, 0.84)",
582
- surfaceLight: "rgba(10, 18, 70, 0.62)",
582
+ surfaceLight: "rgba(10, 18, 70, 0.82)",
583
583
  surfaceDark: "rgba(9, 14, 54, 0.76)",
584
584
  borderLight: "rgba(190, 160, 255, 0.45)",
585
585
  borderDark: "rgba(190, 160, 255, 0.52)",
586
586
  textLight: "#ffffff",
587
587
  textDark: "#ffffff",
588
- mutedLight: "rgba(235, 238, 255, 0.76)",
588
+ mutedLight: "rgba(245, 247, 255, 0.84)",
589
589
  mutedDark: "rgba(235, 238, 255, 0.78)",
590
590
  gradient: "radial-gradient(circle at 92% 32%, rgba(255, 180, 70, 0.95) 0 8%, transparent 22%), radial-gradient(circle at 84% 42%, rgba(255, 45, 190, 0.75) 0 12%, transparent 28%), radial-gradient(circle at 72% 18%, rgba(0, 220, 255, 0.55) 0 11%, transparent 28%), radial-gradient(circle at 22% 82%, rgba(255, 60, 210, 0.35) 0 5%, transparent 16%), linear-gradient(135deg, #19005c 0%, #071a80 38%, #003fd1 63%, #4d08a8 100%)",
591
591
  hero: "linear-gradient(135deg, rgba(124, 60, 255, 0.84), rgba(224, 24, 255, 0.62), rgba(255, 155, 61, 0.72))"
package/dist/client.js CHANGED
@@ -624,13 +624,13 @@ var vibeThemes = {
624
624
  canvasDark: "#030018",
625
625
  shellLight: "rgba(10, 18, 70, 0.72)",
626
626
  shellDark: "rgba(8, 10, 42, 0.84)",
627
- surfaceLight: "rgba(10, 18, 70, 0.62)",
627
+ surfaceLight: "rgba(10, 18, 70, 0.82)",
628
628
  surfaceDark: "rgba(9, 14, 54, 0.76)",
629
629
  borderLight: "rgba(190, 160, 255, 0.45)",
630
630
  borderDark: "rgba(190, 160, 255, 0.52)",
631
631
  textLight: "#ffffff",
632
632
  textDark: "#ffffff",
633
- mutedLight: "rgba(235, 238, 255, 0.76)",
633
+ mutedLight: "rgba(245, 247, 255, 0.84)",
634
634
  mutedDark: "rgba(235, 238, 255, 0.78)",
635
635
  gradient: "radial-gradient(circle at 92% 32%, rgba(255, 180, 70, 0.95) 0 8%, transparent 22%), radial-gradient(circle at 84% 42%, rgba(255, 45, 190, 0.75) 0 12%, transparent 28%), radial-gradient(circle at 72% 18%, rgba(0, 220, 255, 0.55) 0 11%, transparent 28%), radial-gradient(circle at 22% 82%, rgba(255, 60, 210, 0.35) 0 5%, transparent 16%), linear-gradient(135deg, #19005c 0%, #071a80 38%, #003fd1 63%, #4d08a8 100%)",
636
636
  hero: "linear-gradient(135deg, rgba(124, 60, 255, 0.84), rgba(224, 24, 255, 0.62), rgba(255, 155, 61, 0.72))"
@@ -704,7 +704,7 @@ function isScheme(value) {
704
704
  return value === "light" || value === "dark" || value === "auto";
705
705
  }
706
706
  function resolveEffectiveScheme(preset, colorScheme) {
707
- if (preset === "dark-public" || preset === "neon-night") {
707
+ if (preset === "dark-public" || preset === "neon-night" || preset === "cosmic") {
708
708
  return "dark";
709
709
  }
710
710
  return colorScheme;
package/dist/client.mjs CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  showGdsNotification,
5
5
  useGdsThemePresetState,
6
6
  useGdsTranslation
7
- } from "./chunk-7XQ45NO6.mjs";
7
+ } from "./chunk-DDAWLOKZ.mjs";
8
8
  import {
9
9
  applyGdsFontLane,
10
10
  createPublicBrandTheme,
@@ -21,7 +21,7 @@ import {
21
21
  resolveGdsThemePreset,
22
22
  resolveGdsVibeTheme,
23
23
  withGdsMotion
24
- } from "./chunk-3QN7LJN7.mjs";
24
+ } from "./chunk-H7L27ZEE.mjs";
25
25
  export {
26
26
  GdsProvider,
27
27
  applyGdsFontLane,
package/dist/index.js CHANGED
@@ -624,13 +624,13 @@ var vibeThemes = {
624
624
  canvasDark: "#030018",
625
625
  shellLight: "rgba(10, 18, 70, 0.72)",
626
626
  shellDark: "rgba(8, 10, 42, 0.84)",
627
- surfaceLight: "rgba(10, 18, 70, 0.62)",
627
+ surfaceLight: "rgba(10, 18, 70, 0.82)",
628
628
  surfaceDark: "rgba(9, 14, 54, 0.76)",
629
629
  borderLight: "rgba(190, 160, 255, 0.45)",
630
630
  borderDark: "rgba(190, 160, 255, 0.52)",
631
631
  textLight: "#ffffff",
632
632
  textDark: "#ffffff",
633
- mutedLight: "rgba(235, 238, 255, 0.76)",
633
+ mutedLight: "rgba(245, 247, 255, 0.84)",
634
634
  mutedDark: "rgba(235, 238, 255, 0.78)",
635
635
  gradient: "radial-gradient(circle at 92% 32%, rgba(255, 180, 70, 0.95) 0 8%, transparent 22%), radial-gradient(circle at 84% 42%, rgba(255, 45, 190, 0.75) 0 12%, transparent 28%), radial-gradient(circle at 72% 18%, rgba(0, 220, 255, 0.55) 0 11%, transparent 28%), radial-gradient(circle at 22% 82%, rgba(255, 60, 210, 0.35) 0 5%, transparent 16%), linear-gradient(135deg, #19005c 0%, #071a80 38%, #003fd1 63%, #4d08a8 100%)",
636
636
  hero: "linear-gradient(135deg, rgba(124, 60, 255, 0.84), rgba(224, 24, 255, 0.62), rgba(255, 155, 61, 0.72))"
@@ -704,7 +704,7 @@ function isScheme(value) {
704
704
  return value === "light" || value === "dark" || value === "auto";
705
705
  }
706
706
  function resolveEffectiveScheme(preset, colorScheme) {
707
- if (preset === "dark-public" || preset === "neon-night") {
707
+ if (preset === "dark-public" || preset === "neon-night" || preset === "cosmic") {
708
708
  return "dark";
709
709
  }
710
710
  return colorScheme;
package/dist/index.mjs CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  showGdsNotification,
5
5
  useGdsThemePresetState,
6
6
  useGdsTranslation
7
- } from "./chunk-7XQ45NO6.mjs";
7
+ } from "./chunk-DDAWLOKZ.mjs";
8
8
  import {
9
9
  applyGdsFontLane,
10
10
  createPublicBrandTheme,
@@ -21,7 +21,7 @@ import {
21
21
  resolveGdsThemePreset,
22
22
  resolveGdsVibeTheme,
23
23
  withGdsMotion
24
- } from "./chunk-3QN7LJN7.mjs";
24
+ } from "./chunk-H7L27ZEE.mjs";
25
25
  export {
26
26
  GdsProvider,
27
27
  applyGdsFontLane,
package/dist/server.js CHANGED
@@ -619,13 +619,13 @@ var vibeThemes = {
619
619
  canvasDark: "#030018",
620
620
  shellLight: "rgba(10, 18, 70, 0.72)",
621
621
  shellDark: "rgba(8, 10, 42, 0.84)",
622
- surfaceLight: "rgba(10, 18, 70, 0.62)",
622
+ surfaceLight: "rgba(10, 18, 70, 0.82)",
623
623
  surfaceDark: "rgba(9, 14, 54, 0.76)",
624
624
  borderLight: "rgba(190, 160, 255, 0.45)",
625
625
  borderDark: "rgba(190, 160, 255, 0.52)",
626
626
  textLight: "#ffffff",
627
627
  textDark: "#ffffff",
628
- mutedLight: "rgba(235, 238, 255, 0.76)",
628
+ mutedLight: "rgba(245, 247, 255, 0.84)",
629
629
  mutedDark: "rgba(235, 238, 255, 0.78)",
630
630
  gradient: "radial-gradient(circle at 92% 32%, rgba(255, 180, 70, 0.95) 0 8%, transparent 22%), radial-gradient(circle at 84% 42%, rgba(255, 45, 190, 0.75) 0 12%, transparent 28%), radial-gradient(circle at 72% 18%, rgba(0, 220, 255, 0.55) 0 11%, transparent 28%), radial-gradient(circle at 22% 82%, rgba(255, 60, 210, 0.35) 0 5%, transparent 16%), linear-gradient(135deg, #19005c 0%, #071a80 38%, #003fd1 63%, #4d08a8 100%)",
631
631
  hero: "linear-gradient(135deg, rgba(124, 60, 255, 0.84), rgba(224, 24, 255, 0.62), rgba(255, 155, 61, 0.72))"
package/dist/server.mjs CHANGED
@@ -14,7 +14,7 @@ import {
14
14
  resolveGdsThemePreset,
15
15
  resolveGdsVibeTheme,
16
16
  withGdsMotion
17
- } from "./chunk-3QN7LJN7.mjs";
17
+ } from "./chunk-H7L27ZEE.mjs";
18
18
  export {
19
19
  applyGdsFontLane,
20
20
  createPublicBrandTheme,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@doneisbetter/gds-theme",
3
- "version": "3.0.4",
3
+ "version": "3.0.5",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",
package/styles.css CHANGED
@@ -292,9 +292,9 @@ html[data-gds-theme-preset='cosmic'] .mantine-Paper-root,
292
292
  html[data-gds-theme-preset='cosmic'] .mantine-Card-root {
293
293
  color: #ffffff;
294
294
  background:
295
- radial-gradient(circle at 100% 0%, rgba(224, 24, 255, 0.2), transparent 13rem),
296
- rgba(10, 18, 70, 0.62) !important;
297
- border-color: rgba(190, 160, 255, 0.45) !important;
295
+ radial-gradient(circle at 100% 0%, rgba(224, 24, 255, 0.24), transparent 13rem),
296
+ linear-gradient(145deg, rgba(16, 24, 92, 0.88), rgba(9, 13, 58, 0.78)) !important;
297
+ border-color: rgba(212, 190, 255, 0.58) !important;
298
298
  border-radius: 28px;
299
299
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
300
300
  backdrop-filter: blur(22px) saturate(1.2);
@@ -312,8 +312,8 @@ html[data-gds-theme-preset='cosmic'] .mantine-Input-input,
312
312
  html[data-gds-theme-preset='cosmic'] .mantine-NativeSelect-input,
313
313
  html[data-gds-theme-preset='cosmic'] .mantine-Textarea-input {
314
314
  color: #ffffff;
315
- background: rgba(16, 26, 86, 0.54) !important;
316
- border-color: rgba(190, 160, 255, 0.45) !important;
315
+ background: rgba(16, 26, 86, 0.72) !important;
316
+ border-color: rgba(212, 190, 255, 0.58) !important;
317
317
  }
318
318
 
319
319
  html[data-gds-theme-preset='cosmic'] .mantine-Input-input::placeholder,
@@ -327,12 +327,26 @@ html[data-gds-theme-preset='cosmic'] .mantine-AppShell-main h3,
327
327
  html[data-gds-theme-preset='cosmic'] .mantine-AppShell-main h4,
328
328
  html[data-gds-theme-preset='cosmic'] .mantine-Text-root,
329
329
  html[data-gds-theme-preset='cosmic'] .mantine-InputWrapper-label {
330
- color: #ffffff;
330
+ color: #ffffff !important;
331
331
  }
332
332
 
333
333
  html[data-gds-theme-preset='cosmic'] .mantine-Text-root[data-dimmed],
334
- html[data-gds-theme-preset='cosmic'] .mantine-InputWrapper-description {
335
- color: rgba(235, 238, 255, 0.76);
334
+ html[data-gds-theme-preset='cosmic'] .mantine-InputWrapper-description,
335
+ html[data-gds-theme-preset='cosmic'] [style*='--mantine-color-dimmed'],
336
+ html[data-gds-theme-preset='cosmic'] .mantine-Text-root[style*='color'] {
337
+ color: rgba(245, 247, 255, 0.84) !important;
338
+ }
339
+
340
+ html[data-gds-theme-preset='cosmic'] .mantine-Code-root {
341
+ color: #ffd4ff;
342
+ background: rgba(124, 60, 255, 0.28);
343
+ border: 1px solid rgba(212, 190, 255, 0.24);
344
+ }
345
+
346
+ html[data-gds-theme-preset='cosmic'] .mantine-Badge-root {
347
+ color: #f7d8ff;
348
+ background: rgba(124, 60, 255, 0.34);
349
+ border-color: rgba(224, 24, 255, 0.35);
336
350
  }
337
351
 
338
352
  @media (max-width: 768px) {