@coinbase/cds-web 9.27.0 → 9.28.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 (11) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dts/themes/coinbaseDenseTheme.d.ts +1 -1
  3. package/dts/themes/coinbaseHighContrastTheme.d.ts +1 -1
  4. package/dts/themes/coinbaseTheme.d.ts +1 -1
  5. package/dts/themes/defaultHighContrastTheme.d.ts +1 -1
  6. package/dts/themes/defaultTheme.d.ts +1 -1
  7. package/esm/themes/coinbaseHighContrastTheme.js +1 -1
  8. package/esm/themes/coinbaseTheme.js +1 -1
  9. package/esm/themes/defaultHighContrastTheme.js +1 -1
  10. package/esm/themes/defaultTheme.js +1 -1
  11. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,13 @@
1
+ ## 9.28.0 (2026-09-18)
2
+
3
+ ### 🚀 Features
4
+
5
+ - Support React Native boxShadow property on mobile theme and deprecates individual shadow properties - no default theme changes in this release
6
+
7
+ ### 🩹 Fixes
8
+
9
+ - Fix: the `shadow.elevation1` token now uses a lighter color than `shadow.elevation2` across every built-in theme on web and mobile.
10
+
1
11
  ## 9.27.0 (2026-09-18)
2
12
 
3
13
  ### 🚀 Features
package/dts/themes/coinbaseDenseTheme.d.ts CHANGED
@@ -536,7 +536,7 @@ export declare const coinbaseDenseTheme: {
536
536
  readonly legal: 'none';
537
537
  };
538
538
  readonly shadow: {
539
- readonly elevation1: '0px 8px 12px rgba(0, 0, 0, 0.12)';
539
+ readonly elevation1: '0px 8px 12px rgba(91, 97, 110, 0.12)';
540
540
  readonly elevation2: '0px 8px 24px rgba(0, 0, 0, 0.12)';
541
541
  };
542
542
  readonly lightIllustrationColor: {
package/dts/themes/coinbaseHighContrastTheme.d.ts CHANGED
@@ -566,7 +566,7 @@ export declare const coinbaseHighContrastTheme: {
566
566
  readonly invert2: 'rgb(114,120,134)';
567
567
  };
568
568
  readonly shadow: {
569
- readonly elevation1: '0px 8px 12px rgba(0, 0, 0, 0.12)';
569
+ readonly elevation1: '0px 8px 12px rgba(91, 97, 110, 0.12)';
570
570
  readonly elevation2: '0px 8px 24px rgba(0, 0, 0, 0.12)';
571
571
  };
572
572
  };
package/dts/themes/coinbaseTheme.d.ts CHANGED
@@ -532,7 +532,7 @@ export declare const coinbaseTheme: {
532
532
  readonly legal: 'none';
533
533
  };
534
534
  readonly shadow: {
535
- readonly elevation1: '0px 8px 12px rgba(0, 0, 0, 0.12)';
535
+ readonly elevation1: '0px 8px 12px rgba(91, 97, 110, 0.12)';
536
536
  readonly elevation2: '0px 8px 24px rgba(0, 0, 0, 0.12)';
537
537
  };
538
538
  readonly lightIllustrationColor: {
package/dts/themes/defaultHighContrastTheme.d.ts CHANGED
@@ -566,7 +566,7 @@ export declare const defaultHighContrastTheme: {
566
566
  readonly invert2: 'rgb(114,120,134)';
567
567
  };
568
568
  readonly shadow: {
569
- readonly elevation1: '0px 8px 12px rgba(0, 0, 0, 0.12)';
569
+ readonly elevation1: '0px 8px 12px rgba(91, 97, 110, 0.12)';
570
570
  readonly elevation2: '0px 8px 24px rgba(0, 0, 0, 0.12)';
571
571
  };
572
572
  };
package/dts/themes/defaultTheme.d.ts CHANGED
@@ -566,7 +566,7 @@ export declare const defaultTheme: {
566
566
  readonly legal: 'none';
567
567
  };
568
568
  readonly shadow: {
569
- readonly elevation1: '0px 8px 12px rgba(0, 0, 0, 0.12)';
569
+ readonly elevation1: '0px 8px 12px rgba(91, 97, 110, 0.12)';
570
570
  readonly elevation2: '0px 8px 24px rgba(0, 0, 0, 0.12)';
571
571
  };
572
572
  };
package/esm/themes/coinbaseHighContrastTheme.js CHANGED
@@ -604,7 +604,7 @@ export const coinbaseHighContrastTheme = {
604
604
  invert2: "rgb(".concat(darkSpectrum.gray50, ")")
605
605
  },
606
606
  shadow: {
607
- elevation1: '0px 8px 12px rgba(0, 0, 0, 0.12)',
607
+ elevation1: '0px 8px 12px rgba(91, 97, 110, 0.12)',
608
608
  elevation2: '0px 8px 24px rgba(0, 0, 0, 0.12)'
609
609
  }
610
610
  };
package/esm/themes/coinbaseTheme.js CHANGED
@@ -570,7 +570,7 @@ export const coinbaseTheme = {
570
570
  legal: 'none'
571
571
  },
572
572
  shadow: {
573
- elevation1: '0px 8px 12px rgba(0, 0, 0, 0.12)',
573
+ elevation1: '0px 8px 12px rgba(91, 97, 110, 0.12)',
574
574
  elevation2: '0px 8px 24px rgba(0, 0, 0, 0.12)'
575
575
  },
576
576
  lightIllustrationColor: {
package/esm/themes/defaultHighContrastTheme.js CHANGED
@@ -604,7 +604,7 @@ export const defaultHighContrastTheme = {
604
604
  invert2: "rgb(".concat(darkSpectrum.gray50, ")")
605
605
  },
606
606
  shadow: {
607
- elevation1: '0px 8px 12px rgba(0, 0, 0, 0.12)',
607
+ elevation1: '0px 8px 12px rgba(91, 97, 110, 0.12)',
608
608
  elevation2: '0px 8px 24px rgba(0, 0, 0, 0.12)'
609
609
  }
610
610
  };
package/esm/themes/defaultTheme.js CHANGED
@@ -604,7 +604,7 @@ export const defaultTheme = {
604
604
  legal: 'none'
605
605
  },
606
606
  shadow: {
607
- elevation1: '0px 8px 12px rgba(0, 0, 0, 0.12)',
607
+ elevation1: '0px 8px 12px rgba(91, 97, 110, 0.12)',
608
608
  elevation2: '0px 8px 24px rgba(0, 0, 0, 0.12)'
609
609
  }
610
610
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coinbase/cds-web",
3
- "version": "9.27.0",
3
+ "version": "9.28.0",
4
4
  "description": "Coinbase Design System - Web",
5
5
  "repository": {
6
6
  "type": "git",
@@ -227,7 +227,7 @@
227
227
  "react-dom": "^18.0.0 || ~19.1.2"
228
228
  },
229
229
  "dependencies": {
230
- "@coinbase/cds-common": "^9.27.0",
230
+ "@coinbase/cds-common": "^9.28.0",
231
231
  "@coinbase/cds-icons": "^5.25.0",
232
232
  "@coinbase/cds-illustrations": "^4.48.1",
233
233
  "@coinbase/cds-lottie-files": "^3.3.4",