@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.
- package/CHANGELOG.md +10 -0
- package/dts/cards/CardGroup.d.ts +0 -1
- package/dts/cards/CardGroup.d.ts.map +1 -1
- package/dts/cards/ContentCard/ContentCard.d.ts +0 -1
- package/dts/cards/ContentCard/ContentCard.d.ts.map +1 -1
- package/dts/cards/ContentCard/ContentCardBody.d.ts +0 -1
- package/dts/cards/ContentCard/ContentCardBody.d.ts.map +1 -1
- package/dts/cards/ContentCard/ContentCardHeader.d.ts +0 -1
- package/dts/cards/ContentCard/ContentCardHeader.d.ts.map +1 -1
- package/dts/core/theme.d.ts +46 -2
- package/dts/core/theme.d.ts.map +1 -1
- package/dts/layout/Box.d.ts +0 -2
- package/dts/layout/Box.d.ts.map +1 -1
- package/dts/layout/Group.d.ts +0 -1
- package/dts/layout/Group.d.ts.map +1 -1
- package/dts/layout/HStack.d.ts +0 -1
- package/dts/layout/HStack.d.ts.map +1 -1
- package/dts/layout/VStack.d.ts +0 -1
- package/dts/layout/VStack.d.ts.map +1 -1
- package/dts/styles/shadow.d.ts +27 -0
- package/dts/styles/shadow.d.ts.map +1 -0
- package/dts/styles/styleProps.d.ts +1 -0
- package/dts/styles/styleProps.d.ts.map +1 -1
- package/dts/themes/coinbaseDenseTheme.d.ts +1 -1
- package/dts/themes/coinbaseHighContrastTheme.d.ts +1 -1
- package/dts/themes/coinbaseTheme.d.ts +1 -1
- package/dts/themes/defaultHighContrastTheme.d.ts +1 -1
- package/dts/themes/defaultTheme.d.ts +1 -1
- package/dts/typography/Text.d.ts +6 -0
- package/dts/typography/Text.d.ts.map +1 -1
- package/dts/utils/testHelpers.d.ts +1 -1
- package/dts/visualizations/ProgressIndicator.d.ts +0 -1
- package/dts/visualizations/ProgressIndicator.d.ts.map +1 -1
- package/dts/visualizations/chart/text/ChartText.d.ts.map +1 -1
- package/esm/layout/Box.js +19 -7
- package/esm/styles/shadow.js +54 -0
- package/esm/themes/coinbaseHighContrastTheme.js +1 -1
- package/esm/themes/coinbaseTheme.js +1 -1
- package/esm/themes/defaultHighContrastTheme.js +1 -1
- package/esm/themes/defaultTheme.js +1 -1
- package/esm/typography/Text.js +6 -5
- package/esm/visualizations/chart/text/ChartText.js +16 -6
- 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/cards/CardGroup.d.ts
CHANGED
|
@@ -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
|
|
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
|
|
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
|
|
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
|
|
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"}
|
package/dts/core/theme.d.ts
CHANGED
|
@@ -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
|
-
|
|
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
|
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":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE9E,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/core/theme.ts"],"names":[],"mappings":"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"}
|
package/dts/layout/Box.d.ts
CHANGED
|
@@ -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;
|
package/dts/layout/Box.d.ts.map
CHANGED
|
@@ -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,
|
|
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"}
|
package/dts/layout/Group.d.ts
CHANGED
|
@@ -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
|
|
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"}
|
package/dts/layout/HStack.d.ts
CHANGED
|
@@ -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
|
|
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"}
|
package/dts/layout/VStack.d.ts
CHANGED
|
@@ -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
|
|
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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"}
|
|
@@ -533,7 +533,7 @@ export declare const coinbaseHighContrastTheme: {
|
|
|
533
533
|
};
|
|
534
534
|
readonly shadow: {
|
|
535
535
|
readonly elevation1: {
|
|
536
|
-
readonly shadowColor: '#
|
|
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: '#
|
|
536
|
+
readonly shadowColor: '#5B616E';
|
|
537
537
|
readonly shadowOffset: {
|
|
538
538
|
readonly width: 0;
|
|
539
539
|
readonly height: 8;
|
package/dts/typography/Text.d.ts
CHANGED
|
@@ -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;
|
|
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"}
|
|
@@ -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
|
|
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;
|
|
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
|
+
};
|
package/esm/typography/Text.js
CHANGED
|
@@ -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", "
|
|
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,
|
|
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 =
|
|
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:
|
|
294
|
-
color:
|
|
295
|
-
dx:
|
|
296
|
-
dy:
|
|
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.
|
|
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.
|
|
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",
|