@coinbase/cds-mobile 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 (43) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dts/cards/CardGroup.d.ts +0 -1
  3. package/dts/cards/CardGroup.d.ts.map +1 -1
  4. package/dts/cards/ContentCard/ContentCard.d.ts +0 -1
  5. package/dts/cards/ContentCard/ContentCard.d.ts.map +1 -1
  6. package/dts/cards/ContentCard/ContentCardBody.d.ts +0 -1
  7. package/dts/cards/ContentCard/ContentCardBody.d.ts.map +1 -1
  8. package/dts/cards/ContentCard/ContentCardHeader.d.ts +0 -1
  9. package/dts/cards/ContentCard/ContentCardHeader.d.ts.map +1 -1
  10. package/dts/core/theme.d.ts +46 -2
  11. package/dts/core/theme.d.ts.map +1 -1
  12. package/dts/layout/Box.d.ts +0 -2
  13. package/dts/layout/Box.d.ts.map +1 -1
  14. package/dts/layout/Group.d.ts +0 -1
  15. package/dts/layout/Group.d.ts.map +1 -1
  16. package/dts/layout/HStack.d.ts +0 -1
  17. package/dts/layout/HStack.d.ts.map +1 -1
  18. package/dts/layout/VStack.d.ts +0 -1
  19. package/dts/layout/VStack.d.ts.map +1 -1
  20. package/dts/styles/shadow.d.ts +27 -0
  21. package/dts/styles/shadow.d.ts.map +1 -0
  22. package/dts/styles/styleProps.d.ts +1 -0
  23. package/dts/styles/styleProps.d.ts.map +1 -1
  24. package/dts/themes/coinbaseDenseTheme.d.ts +1 -1
  25. package/dts/themes/coinbaseHighContrastTheme.d.ts +1 -1
  26. package/dts/themes/coinbaseTheme.d.ts +1 -1
  27. package/dts/themes/defaultHighContrastTheme.d.ts +1 -1
  28. package/dts/themes/defaultTheme.d.ts +1 -1
  29. package/dts/typography/Text.d.ts +6 -0
  30. package/dts/typography/Text.d.ts.map +1 -1
  31. package/dts/utils/testHelpers.d.ts +1 -1
  32. package/dts/visualizations/ProgressIndicator.d.ts +0 -1
  33. package/dts/visualizations/ProgressIndicator.d.ts.map +1 -1
  34. package/dts/visualizations/chart/text/ChartText.d.ts.map +1 -1
  35. package/esm/layout/Box.js +19 -7
  36. package/esm/styles/shadow.js +54 -0
  37. package/esm/themes/coinbaseHighContrastTheme.js +1 -1
  38. package/esm/themes/coinbaseTheme.js +1 -1
  39. package/esm/themes/defaultHighContrastTheme.js +1 -1
  40. package/esm/themes/defaultTheme.js +1 -1
  41. package/esm/typography/Text.js +6 -5
  42. package/esm/visualizations/chart/text/ChartText.js +16 -6
  43. 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
@@ -24,7 +24,6 @@ export declare const CardGroup: React.NamedExoticComponent<
24
24
  import('react-native').StyleProp<import('react-native').ViewStyle>
25
25
  >;
26
26
  animated?: boolean;
27
- elevation?: import('@coinbase/cds-common').ElevationLevels;
28
27
  font?: import('@coinbase/cds-common').ThemeVars.FontFamily | 'inherit';
29
28
  pin?: import('@coinbase/cds-common').PinningDirection;
30
29
  bordered?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"CardGroup.d.ts","sourceRoot":"","sources":["../../src/cards/CardGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIzC,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGnE;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC;AAC5C;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAChD,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAUd,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;EAerB,CAAC"}
1
+ {"version":3,"file":"CardGroup.d.ts","sourceRoot":"","sources":["../../src/cards/CardGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIzC,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGnE;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC;AAC5C;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAChD,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAUd,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;EAerB,CAAC"}
@@ -11,7 +11,6 @@ export declare const ContentCard: React.NamedExoticComponent<
11
11
  import('react-native').StyleProp<import('react-native').ViewStyle>
12
12
  >;
13
13
  animated?: boolean;
14
- elevation?: import('@coinbase/cds-common').ElevationLevels;
15
14
  font?: import('@coinbase/cds-common').ThemeVars.FontFamily | 'inherit';
16
15
  pin?: import('@coinbase/cds-common').PinningDirection;
17
16
  bordered?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"ContentCard.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAEpD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;UAWhB,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;EAgBrB,CAAC"}
1
+ {"version":3,"file":"ContentCard.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAEpD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;UAWhB,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;EAgBrB,CAAC"}
@@ -99,7 +99,6 @@ export declare const ContentCardBody: React.NamedExoticComponent<
99
99
  children?: React.ReactNode;
100
100
  style?: import('react-native').Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
101
101
  animated?: boolean;
102
- elevation?: import('@coinbase/cds-common').ElevationLevels;
103
102
  font?: import('@coinbase/cds-common').ThemeVars.FontFamily | 'inherit';
104
103
  pin?: import('@coinbase/cds-common').PinningDirection;
105
104
  bordered?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"ContentCardBody.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAG1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAcvD,MAAM,MAAM,wBAAwB,GAAG,WAAW,GAAG;IACnD,gHAAgH;IAChH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sHAAsH;IACtH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IACpD;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE;QACP,4DAA4D;QAC5D,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,+CAA+C;QAC/C,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACxC,2DAA2D;QAC3D,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,8BAA8B;QAC9B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACvC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,GAAG,WAAW,CAAC;AAE1E,eAAO,MAAM,eAAe;IAhD1B,gHAAgH;YACxG,KAAK,CAAC,SAAS;IACvB;;;;OAIG;WACI,KAAK,CAAC,SAAS;IACtB,sHAAsH;kBACxG,KAAK,CAAC,SAAS;IAC7B;;;;OAIG;YACK,KAAK,CAAC,SAAS;IACvB,2EAA2E;YACnE,KAAK,CAAC,SAAS;IACvB;;;;;OAKG;oBACa,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM;IACnD;;OAEG;qBACc,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK;IACnD;;;OAGG;eACQ,KAAK,CAAC,SAAS;aACjB;QACP,4DAA4D;QAC5D,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,+CAA+C;QAC/C,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACxC,2DAA2D;QAC3D,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,8BAA8B;QAC9B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACvC;;;;;;;;;;;;;;;;;UAqBK,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;EAmFrB,CAAC"}
1
+ {"version":3,"file":"ContentCardBody.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCardBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAG1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAcvD,MAAM,MAAM,wBAAwB,GAAG,WAAW,GAAG;IACnD,gHAAgH;IAChH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sHAAsH;IACtH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IACpD;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE;QACP,4DAA4D;QAC5D,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,+CAA+C;QAC/C,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACxC,2DAA2D;QAC3D,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,8BAA8B;QAC9B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACvC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,GAAG,WAAW,CAAC;AAE1E,eAAO,MAAM,eAAe;IAhD1B,gHAAgH;YACxG,KAAK,CAAC,SAAS;IACvB;;;;OAIG;WACI,KAAK,CAAC,SAAS;IACtB,sHAAsH;kBACxG,KAAK,CAAC,SAAS;IAC7B;;;;OAIG;YACK,KAAK,CAAC,SAAS;IACvB,2EAA2E;YACnE,KAAK,CAAC,SAAS;IACvB;;;;;OAKG;oBACa,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM;IACnD;;OAEG;qBACc,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK;IACnD;;;OAGG;eACQ,KAAK,CAAC,SAAS;aACjB;QACP,4DAA4D;QAC5D,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,+CAA+C;QAC/C,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACxC,2DAA2D;QAC3D,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,8BAA8B;QAC9B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACvC;;;;;;;;;;;;;;;;UAqBK,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;EAmFrB,CAAC"}
@@ -73,7 +73,6 @@ export declare const ContentCardHeader: React.NamedExoticComponent<
73
73
  children?: React.ReactNode;
74
74
  style?: import('react-native').Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
75
75
  animated?: boolean;
76
- elevation?: import('@coinbase/cds-common').ElevationLevels;
77
76
  font?: import('@coinbase/cds-common').ThemeVars.FontFamily | 'inherit';
78
77
  pin?: import('@coinbase/cds-common').PinningDirection;
79
78
  bordered?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"ContentCardHeader.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAE1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAMvD,MAAM,MAAM,0BAA0B,GAAG,WAAW,GAAG;IACrD;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mFAAmF;IACnF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,kHAAkH;IAClH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qHAAqH;IACrH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE;QACP,6BAA6B;QAC7B,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,gDAAgD;QAChD,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,mDAAmD;QACnD,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACzC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAAG,WAAW,CAAC;AAE9E,eAAO,MAAM,iBAAiB;IAnC5B;;;OAGG;aACM,KAAK,CAAC,SAAS;IACxB,mFAAmF;gBACvE,KAAK,CAAC,SAAS;IAC3B,kHAAkH;WAC3G,KAAK,CAAC,SAAS;IACtB;;;OAGG;WACI,KAAK,CAAC,SAAS;IACtB,qHAAqH;eAC1G,KAAK,CAAC,SAAS;IAC1B;;;OAGG;UACG,KAAK,CAAC,SAAS;IACrB,+BAA+B;cACrB,KAAK,CAAC,SAAS;aAChB;QACP,6BAA6B;QAC7B,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,gDAAgD;QAChD,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,mDAAmD;QACnD,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACzC;;;;;;;;;;;;;;;;;UAoBK,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;EAyErB,CAAC"}
1
+ {"version":3,"file":"ContentCardHeader.d.ts","sourceRoot":"","sources":["../../../src/cards/ContentCard/ContentCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAE1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAMvD,MAAM,MAAM,0BAA0B,GAAG,WAAW,GAAG;IACrD;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mFAAmF;IACnF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,kHAAkH;IAClH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qHAAqH;IACrH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE;QACP,6BAA6B;QAC7B,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,gDAAgD;QAChD,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,mDAAmD;QACnD,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACzC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAAG,WAAW,CAAC;AAE9E,eAAO,MAAM,iBAAiB;IAnC5B;;;OAGG;aACM,KAAK,CAAC,SAAS;IACxB,mFAAmF;gBACvE,KAAK,CAAC,SAAS;IAC3B,kHAAkH;WAC3G,KAAK,CAAC,SAAS;IACtB;;;OAGG;WACI,KAAK,CAAC,SAAS;IACtB,qHAAqH;eAC1G,KAAK,CAAC,SAAS;IAC1B;;;OAGG;UACG,KAAK,CAAC,SAAS;IACrB,+BAA+B;cACrB,KAAK,CAAC,SAAS;aAChB;QACP,6BAA6B;QAC7B,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,gDAAgD;QAChD,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,mDAAmD;QACnD,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACzC;;;;;;;;;;;;;;;;UAoBK,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;EAyErB,CAAC"}
@@ -1,11 +1,56 @@
1
1
  import type { TextStyle, ViewStyle } from 'react-native';
2
2
  import type { ColorScheme, ThemeVars } from '@coinbase/cds-common/core/theme';
3
- type Shadow = {
3
+ /**
4
+ * The array form of react-native's `boxShadow` view style.
5
+ *
6
+ * The CSS string form is intentionally excluded: react-native parses it in JS and silently drops
7
+ * every shadow in the value when any one unit fails to parse, and the Skia chart text path needs
8
+ * discrete numbers. Accepting strings later would be a non-breaking widening.
9
+ *
10
+ * @note This inherits a known react-native typing bug where `BoxShadowValue.color` is declared
11
+ * `string` (should be `ColorValue`) and `blurRadius` is declared `ColorValue | number` (should be
12
+ * `number | string`). Fixed upstream in react-native 0.84; it self-corrects on upgrade.
13
+ */
14
+ export type BoxShadowStyle = Extract<NonNullable<ViewStyle['boxShadow']>, readonly unknown[]>;
15
+ export type LegacyShadowToken = {
16
+ /**
17
+ * @deprecated Author shadow tokens with `boxShadow` instead. The `shadow*` props only render on iOS. This will be removed in a future major release.
18
+ * @deprecationExpectedRemoval v11
19
+ */
4
20
  shadowColor?: ViewStyle['shadowColor'];
21
+ /**
22
+ * @deprecated Author shadow tokens with `boxShadow` instead. The `shadow*` props only render on iOS. This will be removed in a future major release.
23
+ * @deprecationExpectedRemoval v11
24
+ */
5
25
  shadowOpacity?: ViewStyle['shadowOpacity'];
26
+ /**
27
+ * @deprecated Author shadow tokens with `boxShadow` instead. The `shadow*` props only render on iOS. This will be removed in a future major release.
28
+ * @deprecationExpectedRemoval v11
29
+ */
6
30
  shadowOffset?: ViewStyle['shadowOffset'];
31
+ /**
32
+ * @deprecated Author shadow tokens with `boxShadow` instead. The `shadow*` props only render on iOS. This will be removed in a future major release.
33
+ * @deprecationExpectedRemoval v11
34
+ */
7
35
  shadowRadius?: ViewStyle['shadowRadius'];
36
+ boxShadow?: never;
8
37
  };
38
+ export type BoxShadowToken = {
39
+ /** Cross-platform shadow. Renders on both iOS and Android under the New Architecture. */
40
+ boxShadow: BoxShadowStyle;
41
+ shadowColor?: never;
42
+ shadowOpacity?: never;
43
+ shadowOffset?: never;
44
+ shadowRadius?: never;
45
+ };
46
+ /**
47
+ * A single shadow token. Author either the cross-platform `boxShadow` form or the legacy iOS-only
48
+ * `shadow*` form, never both.
49
+ *
50
+ * Both arms declare the same property names (the unused ones as `never`) so that reading an
51
+ * individual field off a token stays valid without narrowing first.
52
+ */
53
+ export type Shadow = LegacyShadowToken | BoxShadowToken;
9
54
  export type ThemeConfig = {
10
55
  /** A unique identifier for the theme. */
11
56
  id?: string;
@@ -102,5 +147,4 @@ export type Theme = ThemeConfig & {
102
147
  [key in ThemeVars.IllustrationColor]: string;
103
148
  };
104
149
  };
105
- export {};
106
150
  //# sourceMappingURL=theme.d.ts.map
@@ -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":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE9E;;;;;;;;;;GAUG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC,CAAC;AAE9F,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACvC;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAC3C;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,yFAAyF;IACzF,SAAS,EAAE,cAAc,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,MAAM,GAAG,iBAAiB,GAAG,cAAc,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG;IACxB,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uCAAuC;IACvC,aAAa,CAAC,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,aAAa,GAAG,MAAM;KAAE,CAAC;IAC7D,sCAAsC;IACtC,YAAY,CAAC,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,aAAa,GAAG,MAAM;KAAE,CAAC;IAC5D,+BAA+B;IAC/B,UAAU,CAAC,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,KAAK,GAAG,MAAM;KAAE,CAAC;IAClD,8BAA8B;IAC9B,SAAS,CAAC,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,KAAK,GAAG,MAAM;KAAE,CAAC;IACjD,qEAAqE;IACrE,sBAAsB,CAAC,EAAE,OAAO,CAAC;SAAG,GAAG,IAAI,SAAS,CAAC,iBAAiB,GAAG,MAAM;KAAE,CAAC,CAAC;IACnF,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,OAAO,CAAC;SAAG,GAAG,IAAI,SAAS,CAAC,iBAAiB,GAAG,MAAM;KAAE,CAAC,CAAC;IAClF,qDAAqD;IACrD,KAAK,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,KAAK,GAAG,MAAM;KAAE,CAAC;IAC5C,4BAA4B;IAC5B,QAAQ,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,QAAQ,GAAG,MAAM;KAAE,CAAC;IAClD,8BAA8B;IAC9B,UAAU,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,UAAU,GAAG,MAAM;KAAE,CAAC;IACtD,+BAA+B;IAC/B,WAAW,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,WAAW,GAAG,MAAM;KAAE,CAAC;IACxD,gCAAgC;IAChC,YAAY,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,YAAY,GAAG,MAAM;KAAE,CAAC;IAC1D,8BAA8B;IAC9B,UAAU,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,UAAU,GAAG,MAAM;KAAE,CAAC;IACtD,kDAAkD;IAClD,cAAc,CAAC,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,UAAU,GAAG,MAAM;KAAE,CAAC;IAC3D,4BAA4B;IAC5B,QAAQ,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,QAAQ,GAAG,MAAM;KAAE,CAAC;IAClD,wHAAwH;IACxH,UAAU,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC;KAAE,CAAC;IACvE,8BAA8B;IAC9B,UAAU,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,UAAU,GAAG,MAAM;KAAE,CAAC;IACtD,iCAAiC;IACjC,aAAa,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,aAAa,GAAG,SAAS,CAAC,eAAe,CAAC;KAAE,CAAC;IAChF,yBAAyB;IACzB,MAAM,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,MAAM,GAAG,MAAM;KAAE,CAAC;IAC9C,+BAA+B;IAC/B,WAAW,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,WAAW,GAAG,MAAM;KAAE,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG;IAChC,gGAAgG;IAChG,iBAAiB,EAAE,WAAW,CAAC;IAC/B,8FAA8F;IAC9F,QAAQ,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,aAAa,GAAG,MAAM;KAAE,CAAC;IACvD,sFAAsF;IACtF,KAAK,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,KAAK,GAAG,MAAM;KAAE,CAAC;IAC5C,gIAAgI;IAChI,iBAAiB,CAAC,EAAE;SAAG,GAAG,IAAI,SAAS,CAAC,iBAAiB,GAAG,MAAM;KAAE,CAAC;CACtE,CAAC"}
@@ -11,8 +11,6 @@ export type BoxBaseProps = SharedProps &
11
11
  children?: React.ReactNode;
12
12
  style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
13
13
  animated?: boolean;
14
- /** Determines box shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. */
15
- elevation?: ElevationLevels;
16
14
  font?: ThemeVars.FontFamily | 'inherit';
17
15
  /** Direction in which to absolutely pin the box. */
18
16
  pin?: PinningDirection;
@@ -1 +1 @@
1
- {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/layout/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAClF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAE1E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,MAAM,YAAY,GAAG,WAAW,GACpC,UAAU,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iHAAiH;IACjH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,GAAG,SAAS,CAAC;IACxC,oDAAoD;IACpD,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC;AAEJ,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAE/D,eAAO,MAAM,kBAAkB,GAC7B,WAAW,eAAe,EAC1B,OAAO,KAAK,EACZ,aAAa,SAAS,CAAC,KAAK,KAC3B,SAeF,CAAC;AAwEF,eAAO,MAAM,GAAG,kgCAuFX,QAAQ,GAAG;IACZ,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB,6CAuLF,CAAC"}
1
+ {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/layout/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAClF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAE1E,OAAO,KAAK,EAAU,KAAK,EAAE,MAAM,eAAe,CAAC;AAInD,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,MAAM,YAAY,GAAG,WAAW,GACpC,UAAU,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,GAAG,SAAS,CAAC;IACxC,oDAAoD;IACpD,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC;AAEJ,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAkB/D,eAAO,MAAM,kBAAkB,GAC7B,WAAW,eAAe,EAC1B,OAAO,KAAK,EACZ,aAAa,SAAS,CAAC,KAAK,KAC3B,SAeF,CAAC;AAwEF,eAAO,MAAM,GAAG,kgCAuFX,QAAQ,GAAG;IACZ,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB,6CAsLF,CAAC"}
@@ -48,7 +48,6 @@ export declare const Group: React.NamedExoticComponent<
48
48
  import('react-native').StyleProp<import('react-native').ViewStyle>
49
49
  >;
50
50
  animated?: boolean;
51
- elevation?: import('@coinbase/cds-common').ElevationLevels;
52
51
  font?: ThemeVars.FontFamily | 'inherit';
53
52
  pin?: import('@coinbase/cds-common').PinningDirection;
54
53
  bordered?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/layout/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAQ,KAAK,YAAY,EAAW,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC;AAEvD,MAAM,MAAM,cAAc,CAAC,QAAQ,IAAI,QAAQ,GAAG;IAChD,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,iEAAiE;IACjE,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;IACvE,sCAAsC;IACtC,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACtB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QAClB,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC;QAChE,IAAI,EAAE,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;QACrC,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,EAAE,OAAO,CAAC;KACjB,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAC;AACrE,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;IAtChB,yDAAyD;yBACpC,MAAM;IAC3B,kCAAkC;eACvB,KAAK,CAAC,SAAS;IAC1B;;OAEG;gBACS,cAAc;IAC1B,iEAAiE;cACvD,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI;IACtE,sCAAsC;UAChC,SAAS,CAAC,KAAK;IACrB;;;;;;;;OAQG;;;cAGK,YAAY,GAAG,MAAM,GAAG,MAAM;eAC7B,MAAM;iBACJ,OAAO;gBACR,OAAO;UACX,YAAY,GAAG,MAAM,GAAG,MAAM;;UAoB9B,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;EA2BrB,CAAC"}
1
+ {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/layout/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAQ,KAAK,YAAY,EAAW,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC;AAEvD,MAAM,MAAM,cAAc,CAAC,QAAQ,IAAI,QAAQ,GAAG;IAChD,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,iEAAiE;IACjE,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;IACvE,sCAAsC;IACtC,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACtB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QAClB,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC;QAChE,IAAI,EAAE,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;QACrC,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,EAAE,OAAO,CAAC;KACjB,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAC;AACrE,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;IAtChB,yDAAyD;yBACpC,MAAM;IAC3B,kCAAkC;eACvB,KAAK,CAAC,SAAS;IAC1B;;OAEG;gBACS,cAAc;IAC1B,iEAAiE;cACvD,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI;IACtE,sCAAsC;UAChC,SAAS,CAAC,KAAK;IACrB;;;;;;;;OAQG;;;cAGK,YAAY,GAAG,MAAM,GAAG,MAAM;eAC7B,MAAM;iBACJ,OAAO;gBACR,OAAO;UACX,YAAY,GAAG,MAAM,GAAG,MAAM;;UAoB9B,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;EA2BrB,CAAC"}
@@ -10,7 +10,6 @@ export declare const HStack: React.NamedExoticComponent<
10
10
  import('react-native').StyleProp<import('react-native').ViewStyle>
11
11
  >;
12
12
  animated?: boolean;
13
- elevation?: import('@coinbase/cds-common').ElevationLevels;
14
13
  font?: import('@coinbase/cds-common').ThemeVars.FontFamily | 'inherit';
15
14
  pin?: import('@coinbase/cds-common').PinningDirection;
16
15
  bordered?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"HStack.d.ts","sourceRoot":"","sources":["../../src/layout/HStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;AAEnC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;UAKX,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;EAGrB,CAAC"}
1
+ {"version":3,"file":"HStack.d.ts","sourceRoot":"","sources":["../../src/layout/HStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;AAEnC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;UAKX,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;EAGrB,CAAC"}
@@ -10,7 +10,6 @@ export declare const VStack: React.NamedExoticComponent<
10
10
  import('react-native').StyleProp<import('react-native').ViewStyle>
11
11
  >;
12
12
  animated?: boolean;
13
- elevation?: import('@coinbase/cds-common').ElevationLevels;
14
13
  font?: import('@coinbase/cds-common').ThemeVars.FontFamily | 'inherit';
15
14
  pin?: import('@coinbase/cds-common').PinningDirection;
16
15
  bordered?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"VStack.d.ts","sourceRoot":"","sources":["../../src/layout/VStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;AAEnC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;UAKX,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;EAGrB,CAAC"}
1
+ {"version":3,"file":"VStack.d.ts","sourceRoot":"","sources":["../../src/layout/VStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;AAEnC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;UAKX,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;EAGrB,CAAC"}
@@ -0,0 +1,27 @@
1
+ import type { DropShadowImageFilterProps } from '@shopify/react-native-skia';
2
+ import type { BoxShadowToken, Shadow } from '../core/theme';
3
+ /** The subset of Skia's `<Shadow>` props a CDS shadow token can describe. */
4
+ export type SkiaShadowParams = Pick<DropShadowImageFilterProps, 'dx' | 'dy' | 'blur'> & {
5
+ /** Narrowed to the string member of Skia's `Color` so it can be composed with an opacity. */
6
+ color: Extract<DropShadowImageFilterProps['color'], string>;
7
+ /**
8
+ * Skia's `<Shadow>` has no opacity prop, so callers must fold this into `color` themselves —
9
+ * `getColorWithOpacity(color, opacity)`. Doing it here would pull Skia into the styles module.
10
+ *
11
+ * Undefined for `boxShadow` tokens, whose color already carries its own alpha. Folding an
12
+ * opacity in would overwrite that alpha rather than compose with it.
13
+ */
14
+ opacity?: number;
15
+ };
16
+ /** Narrows a shadow token to the cross-platform `boxShadow` form. */
17
+ export declare const isBoxShadowToken: (shadow: Shadow) => shadow is BoxShadowToken;
18
+ /**
19
+ * Resolves either shadow token form into the parameters Skia's `<Shadow>` image filter needs.
20
+ *
21
+ * Skia's `<Shadow>` can express a single shadow with no spread, so `boxShadow` tokens are reduced
22
+ * to their first entry and `spreadDistance` is dropped.
23
+ */
24
+ export declare const getSkiaShadowParams: (
25
+ shadow: Shadow | undefined,
26
+ ) => SkiaShadowParams | undefined;
27
+ //# sourceMappingURL=shadow.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../src/styles/shadow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAE7E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAe5D,6EAA6E;AAC7E,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,0BAA0B,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC,GAAG;IACtF,6FAA6F;IAC7F,KAAK,EAAE,OAAO,CAAC,0BAA0B,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;IAC5D;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,KAAG,MAAM,IAAI,cAC5B,CAAC;AAQjC;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAAI,QAAQ,MAAM,GAAG,SAAS,KAAG,gBAAgB,GAAG,SA4BnF,CAAC"}
@@ -58,6 +58,7 @@ export type StyleProps = {
58
58
  marginBottom?: NegativeSpace;
59
59
  marginStart?: NegativeSpace;
60
60
  marginEnd?: NegativeSpace;
61
+ /** Determines box shadow styles. Parent should have overflow set to visible to ensure styles are not clipped. */
61
62
  elevation?: ElevationLevels;
62
63
  textAlign?: TextStyle['textAlign'];
63
64
  width?: DimensionValue;
@@ -1 +1 @@
1
- {"version":3,"file":"styleProps.d.ts","sourceRoot":"","sources":["../../src/styles/styleProps.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styleProps.d.ts","sourceRoot":"","sources":["../../src/styles/styleProps.ts"],"names":[],"mappings":"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"}
@@ -537,7 +537,7 @@ export declare const coinbaseDenseTheme: {
537
537
  };
538
538
  readonly shadow: {
539
539
  readonly elevation1: {
540
- readonly shadowColor: '#000000';
540
+ readonly shadowColor: '#5B616E';
541
541
  readonly shadowOffset: {
542
542
  readonly width: 0;
543
543
  readonly height: 8;
@@ -533,7 +533,7 @@ export declare const coinbaseHighContrastTheme: {
533
533
  };
534
534
  readonly shadow: {
535
535
  readonly elevation1: {
536
- readonly shadowColor: '#000000';
536
+ readonly shadowColor: '#5B616E';
537
537
  readonly shadowOffset: {
538
538
  readonly width: 0;
539
539
  readonly height: 8;
@@ -533,7 +533,7 @@ export declare const coinbaseTheme: {
533
533
  };
534
534
  readonly shadow: {
535
535
  readonly elevation1: {
536
- readonly shadowColor: '#000000';
536
+ readonly shadowColor: '#5B616E';
537
537
  readonly shadowOffset: {
538
538
  readonly width: 0;
539
539
  readonly height: 8;
@@ -533,7 +533,7 @@ export declare const defaultHighContrastTheme: {
533
533
  };
534
534
  readonly shadow: {
535
535
  readonly elevation1: {
536
- readonly shadowColor: '#000000';
536
+ readonly shadowColor: '#5B616E';
537
537
  readonly shadowOffset: {
538
538
  readonly width: 0;
539
539
  readonly height: 8;
@@ -567,7 +567,7 @@ export declare const defaultTheme: {
567
567
  };
568
568
  readonly shadow: {
569
569
  readonly elevation1: {
570
- readonly shadowColor: '#000000';
570
+ readonly shadowColor: '#5B616E';
571
571
  readonly shadowOffset: {
572
572
  readonly width: 0;
573
573
  readonly height: 8;
@@ -7,6 +7,7 @@ import {
7
7
  type TextStyle,
8
8
  } from 'react-native';
9
9
  import type { ThemeVars } from '@coinbase/cds-common/core/theme';
10
+ import type { ElevationLevels } from '@coinbase/cds-common/types/ElevationLevels';
10
11
  import { type StyleProps } from '../styles/styleProps';
11
12
  export type TextBaseProps = StyleProps & {
12
13
  children?: React.ReactNode;
@@ -64,6 +65,11 @@ export type TextBaseProps = StyleProps & {
64
65
  * @deprecationExpectedRemoval v10
65
66
  */
66
67
  dangerouslySetBackground?: TextStyle['backgroundColor'];
68
+ /**
69
+ * @deprecated Has no effect. `Text` never rendered an elevation shadow — it only emitted a raw native `elevation` on Android. Wrap the text in an elevated `Box` instead. This will be removed in a future major release.
70
+ * @deprecationExpectedRemoval v11
71
+ */
72
+ elevation?: ElevationLevels;
67
73
  /**
68
74
  * @deprecated Do not use this prop, it is a migration escape hatch. This will be removed in a future major release.
69
75
  * @deprecationExpectedRemoval v9
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/typography/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EACL,QAAQ,EACR,KAAK,SAAS,EAEd,IAAI,IAAI,UAAU,EAClB,KAAK,SAAS,IAAI,eAAe,EACjC,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAMjE,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC/C;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,GAAG,SAAS,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC7C;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACzC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACxD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;AAmBvE,eAAO,MAAM,IAAI,qCAEL,SAAS,GAAG;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;CAC7B,oDAwSJ,CAAC"}
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/typography/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EACL,QAAQ,EACR,KAAK,SAAS,EAEd,IAAI,IAAI,UAAU,EAClB,KAAK,SAAS,IAAI,eAAe,EACjC,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAMlF,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC/C;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,GAAG,SAAS,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC7C;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACzC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACxD;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;AAmBvE,eAAO,MAAM,IAAI,qCAEL,SAAS,GAAG;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;CAC7B,oDAuSJ,CAAC"}
@@ -588,7 +588,7 @@ export declare const theme: {
588
588
  };
589
589
  readonly shadow: {
590
590
  readonly elevation1: {
591
- readonly shadowColor: '#000000';
591
+ readonly shadowColor: '#5B616E';
592
592
  readonly shadowOffset: {
593
593
  readonly width: 0;
594
594
  readonly height: 8;
@@ -26,7 +26,6 @@ export declare const ProgressIndicator: React.NamedExoticComponent<
26
26
  children?: React.ReactNode;
27
27
  style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
28
28
  animated?: boolean;
29
- elevation?: import('@coinbase/cds-common').ElevationLevels;
30
29
  font?: import('@coinbase/cds-common').ThemeVars.FontFamily | 'inherit';
31
30
  pin?: import('@coinbase/cds-common').PinningDirection;
32
31
  bordered?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressIndicator.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAc,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAG1E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,MAAM,MAAM,sBAAsB,GAAG;IACnC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACnE;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1D,GAAG,QAAQ,GACV,WAAW,CAAC;AAEd,eAAO,MAAM,iBAAiB;IAT5B,uEAAuE;eAC5D,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC;IAClE;;OAEG;YACK,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;;;;;;;;;;;;;;;;;UAWlD,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;EAwCrB,CAAC"}
1
+ {"version":3,"file":"ProgressIndicator.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAc,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAG1E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,MAAM,MAAM,sBAAsB,GAAG;IACnC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACnE;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1D,GAAG,QAAQ,GACV,WAAW,CAAC;AAEd,eAAO,MAAM,iBAAiB;IAT5B,uEAAuE;eAC5D,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC;IAClE;;OAEG;YACK,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;;;;;;;;;;;;;;;;UAWlD,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;EAwCrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ChartText.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/text/ChartText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EACL,KAAK,YAAY,EAEjB,SAAS,EACT,UAAU,EAOV,KAAK,WAAW,EAEhB,SAAS,EAEV,MAAM,4BAA4B,CAAC;AAKpC,OAAO,EAAE,KAAK,UAAU,EAAsC,MAAM,gBAAgB,CAAC;AAyBrF;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;AAElE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,uBAAuB,CAAC;IACzC;;;;;;;;;OASG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG;IAChD;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,QAAQ,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACxB;;;OAGG;IACH,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACxB;;;OAGG;IACH,EAAE,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,EAAE,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAC;IAC5D;;;OAGG;IACH,iBAAiB,CAAC,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAAC;IACxD;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IACtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,SAAS,sDA4TrB,CAAC"}
1
+ {"version":3,"file":"ChartText.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/text/ChartText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EACL,KAAK,YAAY,EAEjB,SAAS,EACT,UAAU,EAOV,KAAK,WAAW,EAEhB,SAAS,EAEV,MAAM,4BAA4B,CAAC;AAMpC,OAAO,EAAE,KAAK,UAAU,EAAsC,MAAM,gBAAgB,CAAC;AAyBrF;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;AAElE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,uBAAuB,CAAC;IACzC;;;;;;;;;OASG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG;IAChD;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,QAAQ,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACxB;;;OAGG;IACH,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACxB;;;OAGG;IACH,EAAE,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,EAAE,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAC;IAC5D;;;OAGG;IACH,iBAAiB,CAAC,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAAC;IACxD;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IACtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,SAAS,sDAkUrB,CAAC"}
package/esm/layout/Box.js CHANGED
@@ -5,19 +5,32 @@ import React, { memo, useMemo } from 'react';
5
5
  import { Animated, View } from 'react-native';
6
6
  import { useTheme } from '../hooks/useTheme';
7
7
  import { pinStyles } from '../styles/pinStyles';
8
+ import { isBoxShadowToken } from '../styles/shadow';
8
9
  import { getStyles } from '../styles/styleProps';
9
10
  import { jsx as _jsx } from "react/jsx-runtime";
11
+ /** The native Android elevation that paints each CDS elevation level's shadow. */
12
+ const androidElevationByLevel = {
13
+ 0: 0,
14
+ 1: 2,
15
+ 2: 8
16
+ };
17
+
18
+ /**
19
+ * Legacy `shadow*` tokens only render on iOS, so Android needs a native elevation to paint anything.
20
+ * A `boxShadow` token renders on Android by itself, and a native elevation on top of it draws a
21
+ * second, offset shadow. Native elevation does not influence draw order in react-native — z-order
22
+ * follows document order and `zIndex` — so dropping it costs nothing beyond the duplicate shadow.
23
+ */
24
+ const getAndroidElevationStyle = (shadow, elevation) => isBoxShadowToken(shadow) ? {} : {
25
+ elevation: androidElevationByLevel[elevation]
26
+ };
10
27
  export const getElevationStyles = (elevation, theme, background) => {
11
28
  const elevationStyles = {
12
29
  0: {},
13
- 1: _extends({
14
- elevation: 2
15
- }, background === undefined ? {
30
+ 1: _extends({}, getAndroidElevationStyle(theme.shadow.elevation1, 1), background === undefined ? {
16
31
  backgroundColor: theme.color.bgElevation1
17
32
  } : {}, theme.shadow.elevation1),
18
- 2: _extends({
19
- elevation: 8
20
- }, background === undefined ? {
33
+ 2: _extends({}, getAndroidElevationStyle(theme.shadow.elevation2, 2), background === undefined ? {
21
34
  backgroundColor: theme.color.bgElevation2
22
35
  } : {}, theme.shadow.elevation2)
23
36
  };
@@ -197,7 +210,6 @@ export const Box = /*#__PURE__*/memo(_ref2 => {
197
210
  borderEndWidth,
198
211
  borderBottomWidth,
199
212
  borderStartWidth,
200
- elevation,
201
213
  fontFamily,
202
214
  fontSize,
203
215
  fontWeight,
@@ -0,0 +1,54 @@
1
+ /**
2
+ * react-native renders `boxShadow` on iOS as `layer.shadowRadius = blurRadius / 2`, so a
3
+ * `blurRadius` is roughly twice the `shadowRadius` it replaces.
4
+ *
5
+ * @see https://github.com/facebook/react-native/blob/v0.81.5/packages/react-native/React/Fabric/Utils/RCTBoxShadow.mm#L67
6
+ */
7
+ const blurRadiusToShadowRadiusRatio = 2;
8
+
9
+ /** Every legacy token ships an explicit `shadowColor: '#000000'`, so black is the natural fallback. */
10
+ const defaultShadowColor = '#000000';
11
+ const defaultShadowOpacity = 1;
12
+
13
+ /** The subset of Skia's `<Shadow>` props a CDS shadow token can describe. */
14
+
15
+ /** Narrows a shadow token to the cross-platform `boxShadow` form. */
16
+ export const isBoxShadowToken = shadow => shadow.boxShadow !== undefined;
17
+
18
+ /** Coerces react-native's `number | string` dimension values to a number, treating junk as zero. */
19
+ const toNumber = value => {
20
+ const parsed = Number(value);
21
+ return Number.isFinite(parsed) ? parsed : 0;
22
+ };
23
+
24
+ /**
25
+ * Resolves either shadow token form into the parameters Skia's `<Shadow>` image filter needs.
26
+ *
27
+ * Skia's `<Shadow>` can express a single shadow with no spread, so `boxShadow` tokens are reduced
28
+ * to their first entry and `spreadDistance` is dropped.
29
+ */
30
+ export const getSkiaShadowParams = shadow => {
31
+ var _shadow$shadowOffset, _shadow$shadowOffset2, _shadow$shadowColor, _shadow$shadowOpacity;
32
+ if (!shadow) return undefined;
33
+ if (isBoxShadowToken(shadow)) {
34
+ var _firstShadow$color;
35
+ const [firstShadow, ...remainingShadows] = shadow.boxShadow;
36
+ if (!firstShadow) return undefined;
37
+ if (__DEV__ && (remainingShadows.length > 0 || toNumber(firstShadow.spreadDistance) !== 0)) {
38
+ console.warn('[cds-mobile] Skia can only render a single shadow without spread. Additional boxShadow entries and spreadDistance are ignored.');
39
+ }
40
+ return {
41
+ dx: toNumber(firstShadow.offsetX),
42
+ dy: toNumber(firstShadow.offsetY),
43
+ blur: toNumber(firstShadow.blurRadius) / blurRadiusToShadowRadiusRatio,
44
+ color: (_firstShadow$color = firstShadow.color) != null ? _firstShadow$color : defaultShadowColor
45
+ };
46
+ }
47
+ return {
48
+ dx: toNumber((_shadow$shadowOffset = shadow.shadowOffset) == null ? void 0 : _shadow$shadowOffset.width),
49
+ dy: toNumber((_shadow$shadowOffset2 = shadow.shadowOffset) == null ? void 0 : _shadow$shadowOffset2.height),
50
+ blur: toNumber(shadow.shadowRadius),
51
+ color: String((_shadow$shadowColor = shadow.shadowColor) != null ? _shadow$shadowColor : defaultShadowColor),
52
+ opacity: toNumber((_shadow$shadowOpacity = shadow.shadowOpacity) != null ? _shadow$shadowOpacity : defaultShadowOpacity)
53
+ };
54
+ };
@@ -547,7 +547,7 @@ export const coinbaseHighContrastTheme = {
547
547
  },
548
548
  shadow: {
549
549
  elevation1: {
550
- shadowColor: '#000000',
550
+ shadowColor: '#5B616E',
551
551
  shadowOffset: {
552
552
  width: 0,
553
553
  height: 8
@@ -547,7 +547,7 @@ export const coinbaseTheme = {
547
547
  },
548
548
  shadow: {
549
549
  elevation1: {
550
- shadowColor: '#000000',
550
+ shadowColor: '#5B616E',
551
551
  shadowOffset: {
552
552
  width: 0,
553
553
  height: 8
@@ -547,7 +547,7 @@ export const defaultHighContrastTheme = {
547
547
  },
548
548
  shadow: {
549
549
  elevation1: {
550
- shadowColor: '#000000',
550
+ shadowColor: '#5B616E',
551
551
  shadowOffset: {
552
552
  width: 0,
553
553
  height: 8
@@ -581,7 +581,7 @@ export const defaultTheme = {
581
581
  },
582
582
  shadow: {
583
583
  elevation1: {
584
- shadowColor: '#000000',
584
+ shadowColor: '#5B616E',
585
585
  shadowOffset: {
586
586
  width: 0,
587
587
  height: 8
@@ -1,4 +1,4 @@
1
- const _excluded = ["ref", "children", "style", "animated", "disabled", "mono", "underline", "tabularNumbers", "numberOfLines", "ellipsize", "noWrap", "testID", "dangerouslySetColor", "dangerouslySetBackground", "display", "position", "overflow", "zIndex", "gap", "columnGap", "rowGap", "justifyContent", "alignContent", "alignItems", "alignSelf", "flexDirection", "flexWrap", "color", "background", "borderColor", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderTopWidth", "borderEndWidth", "borderBottomWidth", "borderStartWidth", "elevation", "borderWidth", "borderRadius", "font", "fontFamily", "fontSize", "fontWeight", "lineHeight", "align", "textDecorationStyle", "textDecorationLine", "textTransform", "padding", "paddingX", "paddingY", "paddingTop", "paddingBottom", "paddingStart", "paddingEnd", "margin", "marginX", "marginY", "marginTop", "marginBottom", "marginStart", "marginEnd", "userSelect", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "aspectRatio", "top", "bottom", "left", "right", "transform", "flexBasis", "flexShrink", "flexGrow", "opacity", "renderEmptyNode", "accessibilityRole"];
1
+ const _excluded = ["ref", "children", "style", "animated", "disabled", "mono", "underline", "tabularNumbers", "numberOfLines", "ellipsize", "noWrap", "testID", "dangerouslySetColor", "dangerouslySetBackground", "display", "position", "overflow", "zIndex", "gap", "columnGap", "rowGap", "justifyContent", "alignContent", "alignItems", "alignSelf", "flexDirection", "flexWrap", "color", "background", "borderColor", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderTopWidth", "borderEndWidth", "borderBottomWidth", "borderStartWidth", "borderWidth", "borderRadius", "elevation", "font", "fontFamily", "fontSize", "fontWeight", "lineHeight", "align", "textDecorationStyle", "textDecorationLine", "textTransform", "padding", "paddingX", "paddingY", "paddingTop", "paddingBottom", "paddingStart", "paddingEnd", "margin", "marginX", "marginY", "marginTop", "marginBottom", "marginStart", "marginEnd", "userSelect", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "aspectRatio", "top", "bottom", "left", "right", "transform", "flexBasis", "flexShrink", "flexGrow", "opacity", "renderEmptyNode", "accessibilityRole"];
2
2
  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); }
3
3
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
4
4
  import React, { memo, useMemo } from 'react';
@@ -67,9 +67,11 @@ export const Text = /*#__PURE__*/memo(_props => {
67
67
  borderEndWidth,
68
68
  borderBottomWidth,
69
69
  borderStartWidth,
70
- elevation,
71
70
  borderWidth,
72
- borderRadius,
71
+ borderRadius
72
+ // Swallowed: a deprecated no-op kept for type compatibility, never forwarded to the host view.
73
+ ,
74
+
73
75
  font = 'inherit',
74
76
  fontFamily = font,
75
77
  fontSize = font,
@@ -154,7 +156,6 @@ export const Text = /*#__PURE__*/memo(_props => {
154
156
  borderEndWidth,
155
157
  borderBottomWidth,
156
158
  borderStartWidth,
157
- elevation,
158
159
  fontFamily,
159
160
  fontSize,
160
161
  fontWeight,
@@ -193,7 +194,7 @@ export const Text = /*#__PURE__*/memo(_props => {
193
194
  flexShrink,
194
195
  flexGrow,
195
196
  opacity
196
- }, textAlign), theme), propStyles, style], [display, position, overflow, zIndex, gap, columnGap, rowGap, justifyContent, alignContent, alignItems, alignSelf, flexDirection, flexWrap, color, background, borderColor, borderWidth, borderRadius, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, borderTopWidth, borderEndWidth, borderBottomWidth, borderStartWidth, elevation, fontFamily, fontSize, fontWeight, lineHeight, textDecorationStyle, textDecorationLine, textTransformValue, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingStart, paddingEnd, margin, marginX, marginY, marginTop, marginBottom, marginStart, marginEnd, userSelect, width, height, minWidth, minHeight, maxWidth, maxHeight, aspectRatio, top, bottom, left, right, transform, flexBasis, flexShrink, flexGrow, opacity, textAlign, theme, propStyles, style]);
197
+ }, textAlign), theme), propStyles, style], [display, position, overflow, zIndex, gap, columnGap, rowGap, justifyContent, alignContent, alignItems, alignSelf, flexDirection, flexWrap, color, background, borderColor, borderWidth, borderRadius, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, borderTopWidth, borderEndWidth, borderBottomWidth, borderStartWidth, fontFamily, fontSize, fontWeight, lineHeight, textDecorationStyle, textDecorationLine, textTransformValue, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingStart, paddingEnd, margin, marginX, marginY, marginTop, marginBottom, marginStart, marginEnd, userSelect, width, height, minWidth, minHeight, maxWidth, maxHeight, aspectRatio, top, bottom, left, right, transform, flexBasis, flexShrink, flexGrow, opacity, textAlign, theme, propStyles, style]);
197
198
  if (!renderEmptyNode && (children === null || children === undefined || children === '' || Number.isNaN(children))) return null;
198
199
  return /*#__PURE__*/_jsx(Component, _extends({
199
200
  ref: ref,
@@ -1,7 +1,9 @@
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); }
1
2
  import { memo, useMemo } from 'react';
2
3
  import { runOnJS, useAnimatedReaction, useDerivedValue } from 'react-native-reanimated';
3
4
  import { FontSlant, FontWeight, Group, Paint, Paragraph, RoundedRect, Shadow, Skia, TextAlign } from '@shopify/react-native-skia';
4
5
  import { useTheme } from '../../../hooks/useTheme';
6
+ import { getSkiaShadowParams } from '../../../styles/shadow';
5
7
  import { useCartesianChartContext } from '../ChartProvider';
6
8
  import { getChartInset, unwrapAnimatedValue } from '../utils/chart';
7
9
  import { getColorWithOpacity } from '../utils/gradient';
@@ -40,7 +42,6 @@ const getFontWeight = (theme, font) => {
40
42
  */
41
43
 
42
44
  export const ChartText = /*#__PURE__*/memo(_ref => {
43
- var _elevationShadow$shad, _elevationShadow$shad2, _elevationShadow$shad3, _elevationShadow$shad4, _elevationShadow$shad5, _elevationShadow$shad6, _elevationShadow$shad7;
44
45
  let {
45
46
  children,
46
47
  x,
@@ -249,7 +250,16 @@ export const ChartText = /*#__PURE__*/memo(_ref => {
249
250
  const backgroundRectWidth = useDerivedValue(() => backgroundRectWithOffset.value.width, [backgroundRectWithOffset]);
250
251
  const backgroundRectX = useDerivedValue(() => backgroundRectWithOffset.value.x, [backgroundRectWithOffset]);
251
252
  const backgroundRectY = useDerivedValue(() => backgroundRectWithOffset.value.y, [backgroundRectWithOffset]);
252
- const elevationShadow = elevated ? theme.shadow.elevation1 : undefined;
253
+ const elevationShadow = useMemo(() => {
254
+ const shadow = elevated ? getSkiaShadowParams(theme.shadow.elevation1) : undefined;
255
+ if (!shadow) return undefined;
256
+
257
+ // getColorWithOpacity replaces the color's alpha rather than composing with it, so it is only
258
+ // correct for legacy tokens, where the opacity is authored as a separate value.
259
+ return shadow.opacity === undefined ? shadow : _extends({}, shadow, {
260
+ color: getColorWithOpacity(shadow.color, shadow.opacity)
261
+ });
262
+ }, [elevated, theme.shadow.elevation1]);
253
263
 
254
264
  // Calculate the paragraph's internal x offset from line metrics based on text alignment
255
265
  const paragraphTransform = useDerivedValue(() => {
@@ -290,10 +300,10 @@ export const ChartText = /*#__PURE__*/memo(_ref => {
290
300
  x: backgroundRectX,
291
301
  y: backgroundRectY,
292
302
  children: elevationShadow && /*#__PURE__*/_jsx(Shadow, {
293
- blur: Number((_elevationShadow$shad = elevationShadow.shadowRadius) != null ? _elevationShadow$shad : 0),
294
- color: getColorWithOpacity(String((_elevationShadow$shad2 = elevationShadow.shadowColor) != null ? _elevationShadow$shad2 : '#000000'), Number((_elevationShadow$shad3 = elevationShadow.shadowOpacity) != null ? _elevationShadow$shad3 : 1)),
295
- dx: Number((_elevationShadow$shad4 = (_elevationShadow$shad5 = elevationShadow.shadowOffset) == null ? void 0 : _elevationShadow$shad5.width) != null ? _elevationShadow$shad4 : 0),
296
- dy: Number((_elevationShadow$shad6 = (_elevationShadow$shad7 = elevationShadow.shadowOffset) == null ? void 0 : _elevationShadow$shad7.height) != null ? _elevationShadow$shad6 : 0)
303
+ blur: elevationShadow.blur,
304
+ color: elevationShadow.color,
305
+ dx: elevationShadow.dx,
306
+ dy: elevationShadow.dy
297
307
  })
298
308
  }), /*#__PURE__*/_jsx(Group, {
299
309
  transform: paragraphTransform,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coinbase/cds-mobile",
3
- "version": "9.27.0",
3
+ "version": "9.28.0",
4
4
  "description": "Coinbase Design System - Mobile",
5
5
  "repository": {
6
6
  "type": "git",
@@ -218,7 +218,7 @@
218
218
  "react-native-worklets": "0.5.2"
219
219
  },
220
220
  "dependencies": {
221
- "@coinbase/cds-common": "^9.27.0",
221
+ "@coinbase/cds-common": "^9.28.0",
222
222
  "@coinbase/cds-icons": "^5.25.0",
223
223
  "@coinbase/cds-illustrations": "^4.48.1",
224
224
  "@coinbase/cds-lottie-files": "^3.3.4",