@coinbase/cds-mobile 9.1.2 → 9.1.3

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 (13) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dts/sticky-footer/StickyFooter.d.ts +8 -0
  3. package/dts/sticky-footer/StickyFooter.d.ts.map +1 -1
  4. package/esm/dates/DatePicker.js +0 -2
  5. package/esm/overlays/__stories__/TrayAction.stories.js +0 -1
  6. package/esm/overlays/__stories__/TrayInformational.stories.js +0 -2
  7. package/esm/overlays/__stories__/TrayMessaging.stories.js +0 -1
  8. package/esm/overlays/__stories__/TrayPromotional.stories.js +0 -1
  9. package/esm/overlays/__stories__/TrayRedesign.stories.js +0 -7
  10. package/esm/overlays/tray/__figma__/Tray.figma.js +0 -3
  11. package/esm/sticky-footer/StickyFooter.js +6 -3
  12. package/esm/sticky-footer/__figma__/StickyFooter.figma.js +2 -1
  13. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -8,6 +8,12 @@ All notable changes to this project will be documented in this file.
8
8
 
9
9
  <!-- template-start -->
10
10
 
11
+ ## 9.1.3 (5/28/2026 PST)
12
+
13
+ #### 🐞 Fixes
14
+
15
+ - Fix: adjust StickyFooter padding to match design. [[#728](https://github.com/coinbase/cds/pull/728)]
16
+
11
17
  ## 9.1.2 ((5/28/2026, 06:59 AM PST))
12
18
 
13
19
  This is an artificial version bump with no new change.
package/dts/sticky-footer/StickyFooter.d.ts CHANGED
@@ -2,6 +2,10 @@ import React from 'react';
2
2
  import { View } from 'react-native';
3
3
  import { type BoxProps } from '../layout';
4
4
  export type StickyFooterProps = BoxProps & {
5
+ /**
6
+ * Compact variant of StickyFooter
7
+ */
8
+ compact?: boolean;
5
9
  /**
6
10
  * Whether to apply a box shadow to the StickyFooter element.
7
11
  * @deprecated Use `elevation` instead. This will be removed in a future major release.
@@ -29,6 +33,10 @@ export declare const StickyFooter: React.NamedExoticComponent<
29
33
  borderedVertical?: boolean;
30
34
  dangerouslySetBackground?: string;
31
35
  } & Omit<import('react-native').ViewProps, 'style'> & {
36
+ /**
37
+ * Compact variant of StickyFooter
38
+ */
39
+ compact?: boolean;
32
40
  /**
33
41
  * Whether to apply a box shadow to the StickyFooter element.
34
42
  * @deprecated Use `elevation` instead. This will be removed in a future major release.
package/dts/sticky-footer/StickyFooter.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StickyFooter.d.ts","sourceRoot":"","sources":["../../src/sticky-footer/StickyFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG;IACzC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;IARvB;;;;OAIG;eACQ,OAAO;8BAmCnB,CAAC"}
1
+ {"version":3,"file":"StickyFooter.d.ts","sourceRoot":"","sources":["../../src/sticky-footer/StickyFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;IAZvB;;OAEG;cACO,OAAO;IACjB;;;;OAIG;eACQ,OAAO;8BAsCnB,CAAC"}
package/esm/dates/DatePicker.js CHANGED
@@ -146,8 +146,6 @@ export const DatePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props, ref
146
146
  handleClose
147
147
  } = _ref;
148
148
  return /*#__PURE__*/_jsx(StickyFooter, {
149
- paddingTop: 3,
150
- paddingX: 3,
151
149
  role: "none",
152
150
  children: /*#__PURE__*/_jsx(Button, {
153
151
  block: true,
package/esm/overlays/__stories__/TrayAction.stories.js CHANGED
@@ -147,7 +147,6 @@ export const WithStickyFooter = () => {
147
147
  handleClose
148
148
  } = _ref3;
149
149
  return /*#__PURE__*/_jsx(StickyFooter, {
150
- paddingX: 3,
151
150
  children: /*#__PURE__*/_jsx(Button, {
152
151
  block: true,
153
152
  onPress: handleClose,
package/esm/overlays/__stories__/TrayInformational.stories.js CHANGED
@@ -27,7 +27,6 @@ export const Default = () => {
27
27
  handleClose
28
28
  } = _ref;
29
29
  return /*#__PURE__*/_jsx(StickyFooter, {
30
- paddingX: 3,
31
30
  children: /*#__PURE__*/_jsx(Button, {
32
31
  block: true,
33
32
  onPress: handleClose,
@@ -128,7 +127,6 @@ export const WithProgressBar = () => {
128
127
  })]
129
128
  })]
130
129
  }), /*#__PURE__*/_jsx(StickyFooter, {
131
- paddingX: 3,
132
130
  children: /*#__PURE__*/_jsx(Button, {
133
131
  block: true,
134
132
  onPress: handleClose,
package/esm/overlays/__stories__/TrayMessaging.stories.js CHANGED
@@ -26,7 +26,6 @@ export const Default = () => {
26
26
  handleClose
27
27
  } = _ref;
28
28
  return /*#__PURE__*/_jsx(StickyFooter, {
29
- paddingX: 3,
30
29
  children: /*#__PURE__*/_jsx(Button, {
31
30
  block: true,
32
31
  onPress: handleClose,
package/esm/overlays/__stories__/TrayPromotional.stories.js CHANGED
@@ -36,7 +36,6 @@ export const Default = () => {
36
36
  handleClose
37
37
  } = _ref;
38
38
  return /*#__PURE__*/_jsx(StickyFooter, {
39
- paddingX: 3,
40
39
  children: /*#__PURE__*/_jsx(Button, {
41
40
  block: true,
42
41
  onPress: handleClose,
package/esm/overlays/__stories__/TrayRedesign.stories.js CHANGED
@@ -126,7 +126,6 @@ const TrayWithStickyFooter = () => {
126
126
  } = _ref;
127
127
  return /*#__PURE__*/_jsx(StickyFooter, {
128
128
  background: "bgElevation2",
129
- paddingX: 3,
130
129
  children: /*#__PURE__*/_jsx(Button, {
131
130
  block: true,
132
131
  onPress: handleClose,
@@ -222,7 +221,6 @@ const TrayWithListCellsStickyFooter = () => {
222
221
  return /*#__PURE__*/_jsx(StickyFooter, {
223
222
  background: "bgElevation2",
224
223
  elevation: isScrolled ? 2 : 0,
225
- paddingX: 3,
226
224
  children: /*#__PURE__*/_jsx(Button, {
227
225
  block: true,
228
226
  onPress: handleClose,
@@ -376,7 +374,6 @@ const IllustrationTrayWithStickyFooter = () => {
376
374
  } = _ref3;
377
375
  return /*#__PURE__*/_jsx(StickyFooter, {
378
376
  background: "bgElevation2",
379
- paddingX: 3,
380
377
  children: /*#__PURE__*/_jsx(Button, {
381
378
  block: true,
382
379
  onPress: handleClose,
@@ -433,7 +430,6 @@ const IllustrationTrayWithListCellsStickyFooter = () => {
433
430
  return /*#__PURE__*/_jsx(StickyFooter, {
434
431
  background: "bgElevation2",
435
432
  elevation: isScrolled ? 2 : 0,
436
- paddingX: 3,
437
433
  children: /*#__PURE__*/_jsx(Button, {
438
434
  block: true,
439
435
  onPress: handleClose,
@@ -639,7 +635,6 @@ const FullBleedImageTrayWithStickyFooter = () => {
639
635
  } = _ref5;
640
636
  return /*#__PURE__*/_jsx(StickyFooter, {
641
637
  background: "bgElevation2",
642
- paddingX: 3,
643
638
  children: /*#__PURE__*/_jsx(Button, {
644
639
  block: true,
645
640
  onPress: handleClose,
@@ -720,7 +715,6 @@ const FullBleedImageTrayWithListCellsStickyFooter = () => {
720
715
  return /*#__PURE__*/_jsx(StickyFooter, {
721
716
  background: "bgElevation2",
722
717
  elevation: isScrolled ? 2 : 0,
723
- paddingX: 3,
724
718
  children: /*#__PURE__*/_jsx(Button, {
725
719
  block: true,
726
720
  onPress: handleClose,
@@ -1023,7 +1017,6 @@ function ResponsiveTray(_ref1) {
1023
1017
  } = _ref10;
1024
1018
  return /*#__PURE__*/_jsx(StickyFooter, {
1025
1019
  background: "bgElevation2",
1026
- paddingX: 3,
1027
1020
  children: /*#__PURE__*/_jsx(Button, {
1028
1021
  block: true,
1029
1022
  onPress: handleClose,
package/esm/overlays/tray/__figma__/Tray.figma.js CHANGED
@@ -32,7 +32,6 @@ figma.connect(Tray, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS
32
32
  } = _ref2;
33
33
  return /*#__PURE__*/_jsx(StickyFooter, {
34
34
  background: "bgElevation2",
35
- paddingX: 3,
36
35
  children: /*#__PURE__*/_jsx(Button, {
37
36
  block: true,
38
37
  onPress: handleClose,
@@ -120,7 +119,6 @@ figma.connect(Tray, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS
120
119
  } = _ref5;
121
120
  return /*#__PURE__*/_jsx(StickyFooter, {
122
121
  background: "bgElevation2",
123
- paddingX: 3,
124
122
  children: /*#__PURE__*/_jsx(Button, {
125
123
  block: true,
126
124
  onPress: handleClose,
@@ -202,7 +200,6 @@ figma.connect(Tray, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS
202
200
  } = _ref8;
203
201
  return /*#__PURE__*/_jsx(StickyFooter, {
204
202
  background: "bgElevation2",
205
- paddingX: 3,
206
203
  children: /*#__PURE__*/_jsx(Button, {
207
204
  block: true,
208
205
  onPress: handleClose,
package/esm/sticky-footer/StickyFooter.js CHANGED
@@ -1,4 +1,4 @@
1
- const _excluded = ["elevated", "elevation", "children", "testID", "role", "accessibilityLabel", "padding", "flexShrink"];
1
+ const _excluded = ["elevated", "elevation", "children", "testID", "role", "accessibilityLabel", "compact", "paddingX", "paddingTop", "flexShrink"];
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, { forwardRef, memo } from 'react';
@@ -13,7 +13,9 @@ export const StickyFooter = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, for
13
13
  testID = 'sticky-footer',
14
14
  role = 'toolbar',
15
15
  accessibilityLabel = 'footer',
16
- padding = 2,
16
+ compact,
17
+ paddingX = 3,
18
+ paddingTop = compact ? 2 : 3,
17
19
  flexShrink = 0
18
20
  } = _ref,
19
21
  props = _objectWithoutPropertiesLoose(_ref, _excluded);
@@ -22,7 +24,8 @@ export const StickyFooter = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, for
22
24
  accessibilityLabel: accessibilityLabel,
23
25
  elevation: elevation,
24
26
  flexShrink: flexShrink,
25
- padding: padding,
27
+ paddingTop: paddingTop,
28
+ paddingX: paddingX,
26
29
  role: role,
27
30
  testID: testID
28
31
  }, props, {
package/esm/sticky-footer/__figma__/StickyFooter.figma.js CHANGED
@@ -15,10 +15,11 @@ figma.connect(StickyFooter, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g
15
15
  // none: 'none',
16
16
  // }),
17
17
  elevated: figma.boolean('floating'),
18
- // compact: figma.boolean('compact'),
18
+ compact: figma.boolean('compact'),
19
19
  children: figma.children(['Button', 'ButtonGroup'])
20
20
  },
21
21
  example: props => /*#__PURE__*/_jsx(StickyFooter, {
22
+ compact: props.compact,
22
23
  elevated: props.elevated,
23
24
  children: props.children
24
25
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coinbase/cds-mobile",
3
- "version": "9.1.2",
3
+ "version": "9.1.3",
4
4
  "description": "Coinbase Design System - Mobile",
5
5
  "repository": {
6
6
  "type": "git",
@@ -202,7 +202,7 @@
202
202
  "react-native-worklets": "0.5.2"
203
203
  },
204
204
  "dependencies": {
205
- "@coinbase/cds-common": "^9.1.2",
205
+ "@coinbase/cds-common": "^9.1.3",
206
206
  "@coinbase/cds-icons": "^5.17.0",
207
207
  "@coinbase/cds-illustrations": "^4.40.1",
208
208
  "@coinbase/cds-lottie-files": "^3.3.4",