@coinbase/cds-mobile 9.3.1 → 9.4.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 (28) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dts/controls/SearchInput.d.ts +3 -3
  3. package/dts/controls/TextInput.d.ts +2 -2
  4. package/dts/core/theme.d.ts +6 -6
  5. package/dts/core/theme.d.ts.map +1 -1
  6. package/dts/system/ThemeProvider.d.ts.map +1 -1
  7. package/dts/themes/coinbaseDenseTheme.d.ts +2 -0
  8. package/dts/themes/coinbaseDenseTheme.d.ts.map +1 -1
  9. package/dts/themes/coinbaseHighContrastTheme.d.ts +2 -0
  10. package/dts/themes/coinbaseHighContrastTheme.d.ts.map +1 -1
  11. package/dts/themes/coinbaseTheme.d.ts +2 -0
  12. package/dts/themes/coinbaseTheme.d.ts.map +1 -1
  13. package/dts/themes/defaultHighContrastTheme.d.ts +2 -0
  14. package/dts/themes/defaultHighContrastTheme.d.ts.map +1 -1
  15. package/dts/themes/defaultTheme.d.ts +2 -0
  16. package/dts/themes/defaultTheme.d.ts.map +1 -1
  17. package/dts/utils/convertThemedSvgToHex.d.ts +1 -1
  18. package/dts/utils/convertThemedSvgToHex.d.ts.map +1 -1
  19. package/dts/utils/testHelpers.d.ts +2 -0
  20. package/dts/utils/testHelpers.d.ts.map +1 -1
  21. package/esm/illustrations/__stories__/ThemedIllustrations.stories.js +1 -1
  22. package/esm/illustrations/__stories__/illustrationThemes.js +6 -0
  23. package/esm/system/ThemeProvider.js +6 -1
  24. package/esm/themes/coinbaseHighContrastTheme.js +2 -0
  25. package/esm/themes/coinbaseTheme.js +2 -0
  26. package/esm/themes/defaultHighContrastTheme.js +2 -0
  27. package/esm/themes/defaultTheme.js +2 -0
  28. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -8,6 +8,12 @@ All notable changes to this project will be documented in this file.
8
8
 
9
9
  <!-- template-start -->
10
10
 
11
+ ## 9.4.0 (6/15/2026 PST)
12
+
13
+ #### 🚀 Updates
14
+
15
+ - Feat: add gray4 illustration color token. [[#746](https://github.com/coinbase/cds/pull/746)]
16
+
11
17
  ## 9.3.1 (6/12/2026 PST)
12
18
 
13
19
  #### 🐞 Fixes
package/dts/controls/SearchInput.d.ts CHANGED
@@ -78,8 +78,8 @@ export type SearchInputProps = SearchInputBaseProps &
78
78
  export declare const SearchInput: React.NamedExoticComponent<
79
79
  Pick<
80
80
  TextInputBaseProps,
81
- | 'borderRadius'
82
81
  | 'width'
82
+ | 'borderRadius'
83
83
  | 'testID'
84
84
  | 'accessibilityLabel'
85
85
  | 'accessibilityHint'
@@ -141,9 +141,9 @@ export declare const SearchInput: React.NamedExoticComponent<
141
141
  import('@coinbase/cds-common').SharedInputProps &
142
142
  Pick<
143
143
  import('./InputStack').InputStackBaseProps,
144
- | 'borderRadius'
145
- | 'height'
146
144
  | 'width'
145
+ | 'height'
146
+ | 'borderRadius'
147
147
  | 'disabled'
148
148
  | 'variant'
149
149
  | 'enableColorSurge'
package/dts/controls/TextInput.d.ts CHANGED
@@ -97,9 +97,9 @@ export declare const TextInput: React.NamedExoticComponent<
97
97
  SharedInputProps &
98
98
  Pick<
99
99
  InputStackBaseProps,
100
- | 'borderRadius'
101
- | 'height'
102
100
  | 'width'
101
+ | 'height'
102
+ | 'borderRadius'
103
103
  | 'disabled'
104
104
  | 'variant'
105
105
  | 'enableColorSurge'
package/dts/core/theme.d.ts CHANGED
@@ -25,14 +25,14 @@ export type ThemeConfig = {
25
25
  darkColor?: {
26
26
  [key in ThemeVars.Color]: string;
27
27
  };
28
- /** The light illustration color palette. */
29
- lightIllustrationColor?: {
28
+ /** The light illustration color palette. All tokens are optional. */
29
+ lightIllustrationColor?: Partial<{
30
30
  [key in ThemeVars.IllustrationColor]: string;
31
- };
32
- /** The dark illustration color palette. */
33
- darkIllustrationColor?: {
31
+ }>;
32
+ /** The dark illustration color palette. All tokens are optional. */
33
+ darkIllustrationColor?: Partial<{
34
34
  [key in ThemeVars.IllustrationColor]: string;
35
- };
35
+ }>;
36
36
  /** The space values, used for margin and padding. */
37
37
  space: {
38
38
  [key in ThemeVars.Space]: number;
package/dts/core/theme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/core/theme.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/core/theme.ts"],"names":[],"mappings":"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"}
package/dts/system/ThemeProvider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/system/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC;AAEtC,eAAO,MAAM,YAAY,kCAA0D,CAAC;AAGpF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,EAAE,cAAc,KAAK,mBAgB3D,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,WAAW,CAAC;IACnB,iBAAiB,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa,qEAAiD,kBAAkB,6CAuC3F,CAAC;AAEH,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,0GAA0G;AAC1G,eAAO,MAAM,qBAAqB,2CAAuB,0BAA0B,6CAYjF,CAAC"}
1
+ {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/system/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC;AAEtC,eAAO,MAAM,YAAY,kCAA0D,CAAC;AAGpF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,EAAE,cAAc,KAAK,mBAgB3D,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,WAAW,CAAC;IACnB,iBAAiB,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa,qEAAiD,kBAAkB,6CA6C3F,CAAC;AAEH,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,0GAA0G;AAC1G,eAAO,MAAM,qBAAqB,2CAAuB,0BAA0B,6CAYjF,CAAC"}
package/dts/themes/coinbaseDenseTheme.d.ts CHANGED
@@ -562,6 +562,7 @@ export declare const coinbaseDenseTheme: {
562
562
  readonly gray: 'rgb(206,210,219)';
563
563
  readonly gray2: 'rgb(10, 11, 15)';
564
564
  readonly gray3: 'rgb(206, 210, 220)';
565
+ readonly gray4: 'rgb(200, 203, 210)';
565
566
  readonly positive: 'rgb(60,194,138)';
566
567
  readonly negative: 'rgb(225,57,71)';
567
568
  readonly accent1: 'rgb(255, 210, 0)';
@@ -578,6 +579,7 @@ export declare const coinbaseDenseTheme: {
578
579
  readonly gray: 'rgb(70,75,85)';
579
580
  readonly gray2: 'rgb(70,75,85)';
580
581
  readonly gray3: 'rgb(255,255,255)';
582
+ readonly gray4: 'rgb(255,255,255)';
581
583
  readonly positive: 'rgb(68,194,141)';
582
584
  readonly negative: 'rgb(240,97,109)';
583
585
  readonly accent1: 'rgb(236, 208, 105)';
package/dts/themes/coinbaseDenseTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"coinbaseDenseTheme.d.ts","sourceRoot":"","sources":["../../src/themes/coinbaseDenseTheme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB,mBAAmB,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHC,CAAC"}
1
+ {"version":3,"file":"coinbaseDenseTheme.d.ts","sourceRoot":"","sources":["../../src/themes/coinbaseDenseTheme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB,mBAAmB,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHC,CAAC"}
package/dts/themes/coinbaseHighContrastTheme.d.ts CHANGED
@@ -558,6 +558,7 @@ export declare const coinbaseHighContrastTheme: {
558
558
  readonly gray: 'rgb(206,210,219)';
559
559
  readonly gray2: 'rgb(10, 11, 15)';
560
560
  readonly gray3: 'rgb(206, 210, 220)';
561
+ readonly gray4: 'rgb(200, 203, 210)';
561
562
  readonly positive: 'rgb(60,194,138)';
562
563
  readonly negative: 'rgb(225,57,71)';
563
564
  readonly accent1: 'rgb(255, 210, 0)';
@@ -574,6 +575,7 @@ export declare const coinbaseHighContrastTheme: {
574
575
  readonly gray: 'rgb(70,75,85)';
575
576
  readonly gray2: 'rgb(70,75,85)';
576
577
  readonly gray3: 'rgb(255,255,255)';
578
+ readonly gray4: 'rgb(255,255,255)';
577
579
  readonly positive: 'rgb(68,194,141)';
578
580
  readonly negative: 'rgb(240,97,109)';
579
581
  readonly accent1: 'rgb(236, 208, 105)';
package/dts/themes/coinbaseHighContrastTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"coinbaseHighContrastTheme.d.ts","sourceRoot":"","sources":["../../src/themes/coinbaseHighContrastTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B,2BAA2B,CAAC;AAsSpE,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8SN,CAAC"}
1
+ {"version":3,"file":"coinbaseHighContrastTheme.d.ts","sourceRoot":"","sources":["../../src/themes/coinbaseHighContrastTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B,2BAA2B,CAAC;AAsSpE,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgTN,CAAC"}
package/dts/themes/coinbaseTheme.d.ts CHANGED
@@ -558,6 +558,7 @@ export declare const coinbaseTheme: {
558
558
  readonly gray: 'rgb(206,210,219)';
559
559
  readonly gray2: 'rgb(10, 11, 15)';
560
560
  readonly gray3: 'rgb(206, 210, 220)';
561
+ readonly gray4: 'rgb(200, 203, 210)';
561
562
  readonly positive: 'rgb(60,194,138)';
562
563
  readonly negative: 'rgb(225,57,71)';
563
564
  readonly accent1: 'rgb(255, 210, 0)';
@@ -574,6 +575,7 @@ export declare const coinbaseTheme: {
574
575
  readonly gray: 'rgb(70,75,85)';
575
576
  readonly gray2: 'rgb(70,75,85)';
576
577
  readonly gray3: 'rgb(255,255,255)';
578
+ readonly gray4: 'rgb(255,255,255)';
577
579
  readonly positive: 'rgb(68,194,141)';
578
580
  readonly negative: 'rgb(240,97,109)';
579
581
  readonly accent1: 'rgb(236, 208, 105)';
package/dts/themes/coinbaseTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"coinbaseTheme.d.ts","sourceRoot":"","sources":["../../src/themes/coinbaseTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,aAAa,CAAC;AAsS1C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8SM,CAAC"}
1
+ {"version":3,"file":"coinbaseTheme.d.ts","sourceRoot":"","sources":["../../src/themes/coinbaseTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,aAAa,CAAC;AAsS1C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgTM,CAAC"}
package/dts/themes/defaultHighContrastTheme.d.ts CHANGED
@@ -558,6 +558,7 @@ export declare const defaultHighContrastTheme: {
558
558
  readonly gray: 'rgb(206,210,219)';
559
559
  readonly gray2: 'rgb(10, 11, 15)';
560
560
  readonly gray3: 'rgb(206, 210, 220)';
561
+ readonly gray4: 'rgb(200, 203, 210)';
561
562
  readonly positive: 'rgb(60,194,138)';
562
563
  readonly negative: 'rgb(225,57,71)';
563
564
  readonly accent1: 'rgb(255, 210, 0)';
@@ -574,6 +575,7 @@ export declare const defaultHighContrastTheme: {
574
575
  readonly gray: 'rgb(70,75,85)';
575
576
  readonly gray2: 'rgb(70,75,85)';
576
577
  readonly gray3: 'rgb(255,255,255)';
578
+ readonly gray4: 'rgb(255,255,255)';
577
579
  readonly positive: 'rgb(68,194,141)';
578
580
  readonly negative: 'rgb(240,97,109)';
579
581
  readonly accent1: 'rgb(236, 208, 105)';
package/dts/themes/defaultHighContrastTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"defaultHighContrastTheme.d.ts","sourceRoot":"","sources":["../../src/themes/defaultHighContrastTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,8BAA8B,CAAC;AAsStE,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8SL,CAAC"}
1
+ {"version":3,"file":"defaultHighContrastTheme.d.ts","sourceRoot":"","sources":["../../src/themes/defaultHighContrastTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,8BAA8B,CAAC;AAsStE,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgTL,CAAC"}
package/dts/themes/defaultTheme.d.ts CHANGED
@@ -388,6 +388,7 @@ export declare const defaultTheme: {
388
388
  readonly gray: 'rgb(206,210,219)';
389
389
  readonly gray2: 'rgb(10, 11, 15)';
390
390
  readonly gray3: 'rgb(206, 210, 220)';
391
+ readonly gray4: 'rgb(200, 203, 210)';
391
392
  readonly positive: 'rgb(60,194,138)';
392
393
  readonly negative: 'rgb(225,57,71)';
393
394
  readonly accent1: 'rgb(255, 210, 0)';
@@ -404,6 +405,7 @@ export declare const defaultTheme: {
404
405
  readonly gray: 'rgb(70,75,85)';
405
406
  readonly gray2: 'rgb(70,75,85)';
406
407
  readonly gray3: 'rgb(255,255,255)';
408
+ readonly gray4: 'rgb(255,255,255)';
407
409
  readonly positive: 'rgb(68,194,141)';
408
410
  readonly negative: 'rgb(240,97,109)';
409
411
  readonly accent1: 'rgb(236, 208, 105)';
package/dts/themes/defaultTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../src/themes/defaultTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,gBAAgB,CAAC;AAsS5C,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8SO,CAAC"}
1
+ {"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../src/themes/defaultTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,gBAAgB,CAAC;AAsS5C,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgTO,CAAC"}
package/dts/utils/convertThemedSvgToHex.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import type { ThemeVars } from '@coinbase/cds-common/core/theme';
2
2
  export declare const convertThemedSvgToHex: (
3
3
  xml: string,
4
- illustrationPalette: { [key in ThemeVars.IllustrationColor]: string },
4
+ illustrationPalette: Partial<{ [key in ThemeVars.IllustrationColor]: string }>,
5
5
  ) => string;
6
6
  //# sourceMappingURL=convertThemedSvgToHex.d.ts.map
package/dts/utils/convertThemedSvgToHex.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"convertThemedSvgToHex.d.ts","sourceRoot":"","sources":["../../src/utils/convertThemedSvgToHex.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,eAAO,MAAM,qBAAqB,GAChC,KAAK,MAAM,EACX,qBAAqB,GAAG,GAAG,IAAI,SAAS,CAAC,iBAAiB,GAAG,MAAM,GAAE,WAStE,CAAC"}
1
+ {"version":3,"file":"convertThemedSvgToHex.d.ts","sourceRoot":"","sources":["../../src/utils/convertThemedSvgToHex.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,eAAO,MAAM,qBAAqB,GAChC,KAAK,MAAM,EACX,qBAAqB,OAAO,CAAC,GAAG,GAAG,IAAI,SAAS,CAAC,iBAAiB,GAAG,MAAM,GAAE,CAAC,WAS/E,CAAC"}
package/dts/utils/testHelpers.d.ts CHANGED
@@ -409,6 +409,7 @@ export declare const theme: {
409
409
  readonly gray: 'rgb(206,210,219)';
410
410
  readonly gray2: 'rgb(10, 11, 15)';
411
411
  readonly gray3: 'rgb(206, 210, 220)';
412
+ readonly gray4: 'rgb(200, 203, 210)';
412
413
  readonly positive: 'rgb(60,194,138)';
413
414
  readonly negative: 'rgb(225,57,71)';
414
415
  readonly accent1: 'rgb(255, 210, 0)';
@@ -425,6 +426,7 @@ export declare const theme: {
425
426
  readonly gray: 'rgb(70,75,85)';
426
427
  readonly gray2: 'rgb(70,75,85)';
427
428
  readonly gray3: 'rgb(255,255,255)';
429
+ readonly gray4: 'rgb(255,255,255)';
428
430
  readonly positive: 'rgb(68,194,141)';
429
431
  readonly negative: 'rgb(240,97,109)';
430
432
  readonly accent1: 'rgb(236, 208, 105)';
package/dts/utils/testHelpers.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"testHelpers.d.ts","sourceRoot":"","sources":["../../src/utils/testHelpers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAIjD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;CAG7B,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,iBAAiB,CAAC,EAAE,WAAW,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAe,CAAC;AAElC,eAAO,MAAM,oBAAoB,GAAI,yCAIlC,yBAAyB,4CAM3B,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAK3E;AAED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,OAAO,EACb,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,GACrD,OAAO,CAkBT"}
1
+ {"version":3,"file":"testHelpers.d.ts","sourceRoot":"","sources":["../../src/utils/testHelpers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAIjD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;CAG7B,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,iBAAiB,CAAC,EAAE,WAAW,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAe,CAAC;AAElC,eAAO,MAAM,oBAAoB,GAAI,yCAIlC,yBAAyB,4CAM3B,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAK3E;AAED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,OAAO,EACb,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,GACrD,OAAO,CAkBT"}
package/esm/illustrations/__stories__/ThemedIllustrations.stories.js CHANGED
@@ -16,7 +16,7 @@ import { ILLUSTRATION_THEME_TABS, ILLUSTRATION_THEMES } from './illustrationThem
16
16
 
17
17
  // ─── Illustration samples ────────────────────────────────────────────────────
18
18
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
19
- const HERO_SQUARE_SAMPLES = ['accessToAdvancedCharts', 'accountUnderReview', 'add2Fa', 'addBankAccount', 'addCreditCard'];
19
+ const HERO_SQUARE_SAMPLES = ['accessToAdvancedCharts', 'accountUnderReview', 'add2Fa', 'addBankAccount', 'filter'];
20
20
  const SPOT_SQUARE_SAMPLES = ['accessToAdvancedCharts', 'addCard', 'addEth', 'addMultipleCrypto', 'addPasswordProtection'];
21
21
  const PICTOGRAM_SAMPLES = ['accountsNavigation', 'accreditedInvestor', 'add', 'addCard', 'addPayment'];
22
22
  const SPOT_ICON_SAMPLES = ['advancedTradeProduct', 'arrowsUpDown', 'assetEmptyStateAa', 'assetEmptyStateAb', 'assetEmptyStateAc'];
package/esm/illustrations/__stories__/illustrationThemes.js CHANGED
@@ -19,6 +19,7 @@ export const WARM_ILLUSTRATION_THEME = {
19
19
  gray: 'rgb(254, 243, 199)',
20
20
  gray2: 'rgb(254, 243, 199)',
21
21
  gray3: 'rgb(253, 230, 138)',
22
+ gray4: 'rgb(252, 211, 77)',
22
23
  positive: 'rgb(34, 197, 94)',
23
24
  negative: 'rgb(239, 68, 68)',
24
25
  accent1: 'rgb(250, 204, 21)',
@@ -35,6 +36,7 @@ export const WARM_ILLUSTRATION_THEME = {
35
36
  gray: 'rgb(120, 53, 15)',
36
37
  gray2: 'rgb(120, 53, 15)',
37
38
  gray3: 'rgb(154, 52, 18)',
39
+ gray4: 'rgb(180, 83, 9)',
38
40
  positive: 'rgb(74, 222, 128)',
39
41
  negative: 'rgb(248, 113, 113)',
40
42
  accent1: 'rgb(253, 224, 71)',
@@ -53,6 +55,7 @@ export const MONOCHROME_ILLUSTRATION_THEME = {
53
55
  gray: 'rgb(228, 228, 231)',
54
56
  gray2: 'rgb(212, 212, 216)',
55
57
  gray3: 'rgb(196, 196, 202)',
58
+ gray4: 'rgb(180, 180, 186)',
56
59
  positive: 'rgb(161, 161, 170)',
57
60
  negative: 'rgb(82, 82, 91)',
58
61
  accent1: 'rgb(161, 161, 170)',
@@ -69,6 +72,7 @@ export const MONOCHROME_ILLUSTRATION_THEME = {
69
72
  gray: 'rgb(63, 63, 70)',
70
73
  gray2: 'rgb(63, 63, 70)',
71
74
  gray3: 'rgb(82, 82, 91)',
75
+ gray4: 'rgb(100, 100, 108)',
72
76
  positive: 'rgb(113, 113, 122)',
73
77
  negative: 'rgb(212, 212, 216)',
74
78
  accent1: 'rgb(113, 113, 122)',
@@ -89,6 +93,7 @@ export const GARISH_ILLUSTRATION_THEME = {
89
93
  gray: 'rgb(243, 232, 255)',
90
94
  gray2: 'rgb(243, 232, 255)',
91
95
  gray3: 'rgb(219, 234, 254)',
96
+ gray4: 'rgb(34, 211, 238)',
92
97
  positive: 'rgb(34, 197, 94)',
93
98
  negative: 'rgb(185, 28, 28)',
94
99
  accent1: 'rgb(249, 115, 22)',
@@ -105,6 +110,7 @@ export const GARISH_ILLUSTRATION_THEME = {
105
110
  gray: 'rgb(88, 28, 135)',
106
111
  gray2: 'rgb(88, 28, 135)',
107
112
  gray3: 'rgb(30, 58, 138)',
113
+ gray4: 'rgb(103, 232, 249)',
108
114
  positive: 'rgb(74, 222, 128)',
109
115
  negative: 'rgb(252, 165, 165)',
110
116
  accent1: 'rgb(253, 186, 116)',
package/esm/system/ThemeProvider.js CHANGED
@@ -1,5 +1,6 @@
1
1
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
2
2
  import React, { createContext, memo, useContext, useMemo } from 'react';
3
+ import { defaultTheme } from '../themes/defaultTheme';
3
4
  import { jsx as _jsx } from "react/jsx-runtime";
4
5
  export const ThemeContext = /*#__PURE__*/createContext(undefined);
5
6
 
@@ -42,11 +43,15 @@ export const ThemeProvider = /*#__PURE__*/memo(_ref => {
42
43
  if (!theme[activeSpectrumKey]) throw Error("ThemeProvider activeColorScheme is " + activeColorScheme + " but no " + activeSpectrumKey + " values are defined for the theme. See the docs https://cds.coinbase.com/getting-started/theming");
43
44
  if (theme[inverseSpectrumKey] && !theme[inverseColorKey]) throw Error("ThemeProvider theme has " + inverseSpectrumKey + " values defined but no " + inverseColorKey + " colors are defined for the theme. See the docs https://cds.coinbase.com/getting-started/theming");
44
45
  if (theme[inverseColorKey] && !theme[inverseSpectrumKey]) throw Error("ThemeProvider theme has " + inverseColorKey + " colors defined but no " + inverseSpectrumKey + " values are defined for the theme. See the docs https://cds.coinbase.com/getting-started/theming");
46
+
47
+ // All illustration tokens are optional; fill in any omitted tokens from defaultTheme.
48
+ const consumerIllustrationColor = theme[activeIllustrationKey];
49
+ const illustrationColor = consumerIllustrationColor ? _extends({}, defaultTheme[activeIllustrationKey], consumerIllustrationColor) : undefined;
45
50
  return _extends({}, theme, {
46
51
  activeColorScheme: activeColorScheme,
47
52
  spectrum: theme[activeSpectrumKey],
48
53
  color: theme[activeColorKey],
49
- illustrationColor: theme[activeIllustrationKey]
54
+ illustrationColor
50
55
  });
51
56
  }, [theme, activeColorScheme]);
52
57
  return /*#__PURE__*/_jsx(ThemeContext.Provider, {
package/esm/themes/coinbaseHighContrastTheme.js CHANGED
@@ -572,6 +572,7 @@ export const coinbaseHighContrastTheme = {
572
572
  gray: "rgb(" + lightSpectrum.gray20 + ")",
573
573
  gray2: "rgb(10, 11, 15)",
574
574
  gray3: "rgb(206, 210, 220)",
575
+ gray4: "rgb(200, 203, 210)",
575
576
  positive: "rgb(" + lightSpectrum.green30 + ")",
576
577
  negative: "rgb(" + lightSpectrum.red50 + ")",
577
578
  accent1: "rgb(255, 210, 0)",
@@ -588,6 +589,7 @@ export const coinbaseHighContrastTheme = {
588
589
  gray: "rgb(" + darkSpectrum.gray30 + ")",
589
590
  gray2: "rgb(" + darkSpectrum.gray30 + ")",
590
591
  gray3: "rgb(" + darkSpectrum.gray100 + ")",
592
+ gray4: "rgb(" + darkSpectrum.gray100 + ")",
591
593
  positive: "rgb(" + darkSpectrum.green70 + ")",
592
594
  negative: "rgb(" + darkSpectrum.red60 + ")",
593
595
  accent1: "rgb(236, 208, 105)",
package/esm/themes/coinbaseTheme.js CHANGED
@@ -572,6 +572,7 @@ export const coinbaseTheme = {
572
572
  gray: "rgb(" + lightSpectrum.gray20 + ")",
573
573
  gray2: "rgb(10, 11, 15)",
574
574
  gray3: "rgb(206, 210, 220)",
575
+ gray4: "rgb(200, 203, 210)",
575
576
  positive: "rgb(" + lightSpectrum.green30 + ")",
576
577
  negative: "rgb(" + lightSpectrum.red50 + ")",
577
578
  accent1: "rgb(255, 210, 0)",
@@ -588,6 +589,7 @@ export const coinbaseTheme = {
588
589
  gray: "rgb(" + darkSpectrum.gray30 + ")",
589
590
  gray2: "rgb(" + darkSpectrum.gray30 + ")",
590
591
  gray3: "rgb(" + darkSpectrum.gray100 + ")",
592
+ gray4: "rgb(" + darkSpectrum.gray100 + ")",
591
593
  positive: "rgb(" + darkSpectrum.green70 + ")",
592
594
  negative: "rgb(" + darkSpectrum.red60 + ")",
593
595
  accent1: "rgb(236, 208, 105)",
package/esm/themes/defaultHighContrastTheme.js CHANGED
@@ -572,6 +572,7 @@ export const defaultHighContrastTheme = {
572
572
  gray: "rgb(" + lightSpectrum.gray20 + ")",
573
573
  gray2: "rgb(10, 11, 15)",
574
574
  gray3: "rgb(206, 210, 220)",
575
+ gray4: "rgb(200, 203, 210)",
575
576
  positive: "rgb(" + lightSpectrum.green30 + ")",
576
577
  negative: "rgb(" + lightSpectrum.red50 + ")",
577
578
  accent1: "rgb(255, 210, 0)",
@@ -588,6 +589,7 @@ export const defaultHighContrastTheme = {
588
589
  gray: "rgb(" + darkSpectrum.gray30 + ")",
589
590
  gray2: "rgb(" + darkSpectrum.gray30 + ")",
590
591
  gray3: "rgb(" + darkSpectrum.gray100 + ")",
592
+ gray4: "rgb(" + darkSpectrum.gray100 + ")",
591
593
  positive: "rgb(" + darkSpectrum.green70 + ")",
592
594
  negative: "rgb(" + darkSpectrum.red60 + ")",
593
595
  accent1: "rgb(236, 208, 105)",
package/esm/themes/defaultTheme.js CHANGED
@@ -402,6 +402,7 @@ export const defaultTheme = {
402
402
  gray: "rgb(" + lightSpectrum.gray20 + ")",
403
403
  gray2: "rgb(10, 11, 15)",
404
404
  gray3: "rgb(206, 210, 220)",
405
+ gray4: "rgb(200, 203, 210)",
405
406
  positive: "rgb(" + lightSpectrum.green30 + ")",
406
407
  negative: "rgb(" + lightSpectrum.red50 + ")",
407
408
  accent1: "rgb(255, 210, 0)",
@@ -418,6 +419,7 @@ export const defaultTheme = {
418
419
  gray: "rgb(" + darkSpectrum.gray30 + ")",
419
420
  gray2: "rgb(" + darkSpectrum.gray30 + ")",
420
421
  gray3: "rgb(" + darkSpectrum.gray100 + ")",
422
+ gray4: "rgb(" + darkSpectrum.gray100 + ")",
421
423
  positive: "rgb(" + darkSpectrum.green70 + ")",
422
424
  negative: "rgb(" + darkSpectrum.red60 + ")",
423
425
  accent1: "rgb(236, 208, 105)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coinbase/cds-mobile",
3
- "version": "9.3.1",
3
+ "version": "9.4.0",
4
4
  "description": "Coinbase Design System - Mobile",
5
5
  "repository": {
6
6
  "type": "git",
@@ -206,9 +206,9 @@
206
206
  "react-native-worklets": "0.5.2"
207
207
  },
208
208
  "dependencies": {
209
- "@coinbase/cds-common": "^9.3.1",
209
+ "@coinbase/cds-common": "^9.4.0",
210
210
  "@coinbase/cds-icons": "^5.19.0",
211
- "@coinbase/cds-illustrations": "^4.41.0",
211
+ "@coinbase/cds-illustrations": "^4.42.0",
212
212
  "@coinbase/cds-lottie-files": "^3.3.4",
213
213
  "@coinbase/cds-utils": "^2.3.5",
214
214
  "@floating-ui/react-native": "^0.10.5",