@coinbase/cds-mobile 8.55.0 → 8.56.0

package/dts/typography/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/typography/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,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;AAKjE,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,wFAAwF;IACxF,mBAAmB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACzC,wFAAwF;IACxF,wBAAwB,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACxD,+HAA+H;IAC/H,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;AAiBvE,eAAO,MAAM,IAAI;eAxEJ,KAAK,CAAC,SAAS;YAClB,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;eAC7C,OAAO;IAClB;;;OAGG;YACK,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS;IAC9C;;;OAGG;WACI,SAAS,CAAC,UAAU,GAAG,SAAS;IACvC;;OAEG;eACQ,OAAO;IAClB;;OAEG;WACI,OAAO;IACd;;;OAGG;gBACS,OAAO;IACnB;;;OAGG;qBACc,OAAO;IACxB;;OAEG;oBACa,MAAM;IACtB;;;OAGG;gBACS,eAAe,CAAC,eAAe,CAAC;IAC5C;;;OAGG;aACM,OAAO;IAChB,wFAAwF;0BAClE,SAAS,CAAC,OAAO,CAAC;IACxC,wFAAwF;+BAC7D,SAAS,CAAC,iBAAiB,CAAC;IACvD,+HAA+H;sBAC7G,OAAO;IACzB,gEAAgE;aACvD,MAAM;sEAyThB,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/typography/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,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;AAKjE,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,wFAAwF;IACxF,mBAAmB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACzC,wFAAwF;IACxF,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;AAiBvE,eAAO,MAAM,IAAI;eA3EJ,KAAK,CAAC,SAAS;YAClB,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;eAC7C,OAAO;IAClB;;;OAGG;YACK,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS;IAC9C;;;OAGG;WACI,SAAS,CAAC,UAAU,GAAG,SAAS;IACvC;;OAEG;eACQ,OAAO;IAClB;;OAEG;WACI,OAAO;IACd;;;OAGG;gBACS,OAAO;IACnB;;;OAGG;qBACc,OAAO;IACxB;;OAEG;oBACa,MAAM;IACtB;;;OAGG;gBACS,eAAe,CAAC,eAAe,CAAC;IAC5C;;;OAGG;aACM,OAAO;IAChB,wFAAwF;0BAClE,SAAS,CAAC,OAAO,CAAC;IACxC,wFAAwF;+BAC7D,SAAS,CAAC,iBAAiB,CAAC;IACvD;;;OAGG;sBACe,OAAO;IACzB,gEAAgE;aACvD,MAAM;sEAyThB,CAAC"}

package/dts/visualizations/ProgressCircle.d.ts

@@ -10,7 +10,8 @@ export type ProgressCircleBaseProps = ProgressBaseProps & {
    */
   hideContent?: boolean;
   /**
-   * @deprecated Use hideContent instead
+   * @deprecated Use hideContent instead. This will be removed in a future major release.
+   * @deprecationExpectedRemoval v8
    * Toggle used to hide the text rendered inside the circle.
    */
   hideText?: boolean;
@@ -72,7 +73,8 @@ export declare const ProgressCircle: React.MemoExoticComponent<
          */
         hideContent?: boolean;
         /**
-         * @deprecated Use hideContent instead
+         * @deprecated Use hideContent instead. This will be removed in a future major release.
+         * @deprecationExpectedRemoval v8
          * Toggle used to hide the text rendered inside the circle.
          */
         hideText?: boolean;

package/dts/visualizations/ProgressCircle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAY,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACnF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AASnE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAG/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AASvD,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,GAAG;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GAAG;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,4EAA4E;IAC5E,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,4BAA4B;QAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACpC,kBAAkB;QAClB,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3B,6BAA6B;QAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,yCAAyC;QACzC,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC,gCAAgC;QAChC,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;KAC/B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,uBAAuB,EACvB,UAAU,GAAG,uBAAuB,GAAG,UAAU,CAClD,GACC,QAAQ,GAAG;IACT;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CACzB,CAAC;AAoEJ,eAAO,MAAM,cAAc;;;;;;;;IAvHzB;;OAEG;kBACW,OAAO;IACrB;;;OAGG;eACQ,OAAO;IAClB;;;;;OAKG;WACI,MAAM;IACb;;OAEG;kBACW,KAAK,CAAC,SAAS;;YAIrB,SAAS,CAAC,SAAS,CAAC;IAC5B,4EAA4E;aACnE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,4BAA4B;QAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACpC,kBAAkB;QAClB,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3B,6BAA6B;QAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,yCAAyC;QACzC,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC,gCAAgC;QAChC,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;KAC/B;+BAyMF,CAAC"}
+{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAY,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACnF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AASnE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAG/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AASvD,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,GAAG;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GAAG;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,4EAA4E;IAC5E,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,4BAA4B;QAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACpC,kBAAkB;QAClB,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3B,6BAA6B;QAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,yCAAyC;QACzC,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC,gCAAgC;QAChC,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;KAC/B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,uBAAuB,EACvB,UAAU,GAAG,uBAAuB,GAAG,UAAU,CAClD,GACC,QAAQ,GAAG;IACT;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CACzB,CAAC;AAoEJ,eAAO,MAAM,cAAc;;;;;;;;IAxHzB;;OAEG;kBACW,OAAO;IACrB;;;;OAIG;eACQ,OAAO;IAClB;;;;;OAKG;WACI,MAAM;IACb;;OAEG;kBACW,KAAK,CAAC,SAAS;;YAIrB,SAAS,CAAC,SAAS,CAAC;IAC5B,4EAA4E;aACnE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,4BAA4B;QAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACpC,kBAAkB;QAClB,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3B,6BAA6B;QAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,yCAAyC;QACzC,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC,gCAAgC;QAChC,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;KAC/B;+BAyMF,CAAC"}

package/esm/alpha/carousel/Carousel.js

@@ -13,7 +13,10 @@ import { PROGRESS_INDICATOR_WIDTH, ProgressIndicator } from '../../visualization
 import { CarouselControlsWrapper } from './CarouselControlsWrapper';
 import { CarouselItem } from './CarouselItem';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/** @deprecated This component will be removed in a future version. Use new Carousel component instead. */
+/**
+ * @deprecated Use new Carousel component instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v8
+ */
 export const Carousel = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, forwardedRef) => {
   let {
       carouselRef,

package/esm/cards/AnnouncementCard.js

@@ -5,9 +5,15 @@ import React, { memo } from 'react';
 import { Card } from './Card';
 import { CardBody } from './CardBody';
 
-/** @deprecated Use MessagingCard instead. AnnouncementCard will be removed in a future major release. */
+/**
+ * @deprecated Use MessagingCard instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v6
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
-/** @deprecated Use MessagingCard instead. AnnouncementCard will be removed in a future major release. */
+/**
+ * @deprecated Use MessagingCard instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v6
+ */
 export const AnnouncementCard = /*#__PURE__*/memo(function AnnouncementCard(_ref) {
   let {
       onPress,

package/esm/cards/ContainedAssetCard.js

@@ -5,7 +5,8 @@ import { Pressable } from '../system';
 import { Text } from '../typography/Text';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * @deprecated Use `MediaCard` instead. ContainedAssetCard will be removed in a future major release.
+ * @deprecated Use `MediaCard` instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v9
  *
  * Migration guide:
  * ```tsx

package/esm/cards/FeatureEntryCard.js

@@ -5,9 +5,15 @@ import React, { memo } from 'react';
 import { Card } from './Card';
 import { CardBody } from './CardBody';
 
-/** @deprecated Use MessagingCard instead. FeatureEntryCard will be removed in a future major release. */
+/**
+ * @deprecated Use MessagingCard instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v6
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
-/** @deprecated Use MessagingCard instead. FeatureEntryCard will be removed in a future major release. */
+/**
+ * @deprecated Use MessagingCard instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v6
+ */
 export const FeatureEntryCard = /*#__PURE__*/memo(function FeatureEntryCard(_ref) {
   let {
       onPress,

package/esm/cards/FeedCard.js

@@ -10,11 +10,20 @@ import { CardFooter } from './CardFooter';
 import { CardHeader } from './CardHeader';
 import { LikeButton } from './LikeButton';
 
-/** @deprecated Use the ContentCard component instead. */
+/**
+ * @deprecated Use the ContentCard component instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v9
+ */
 
-/** @deprecated Use the ContentCard component instead. */
+/**
+ * @deprecated Use the ContentCard component instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v8
+ */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/** @deprecated Use the ContentCard component instead. */
+/**
+ * @deprecated Use the ContentCard component instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v8
+ */
 export const FeedCard = /*#__PURE__*/memo(function FeedCard(_ref) {
   let {
       testID = 'feed-card',

package/esm/cards/FloatingAssetCard.js

@@ -5,7 +5,8 @@ import { Pressable } from '../system';
 import { Text } from '../typography/Text';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * @deprecated Use `MediaCard` instead. FloatingAssetCard will be removed in a future major release.
+ * @deprecated Use `MediaCard` instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v9
  *
  * Migration guide:
  * ```tsx

package/esm/cards/NudgeCard.js

@@ -10,7 +10,8 @@ import { Pressable } from '../system/Pressable';
 import { Text } from '../typography/Text';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * @deprecated Use `MessagingCard` with `type="nudge"` instead. NudgeCard will be removed in a future major release.
+ * @deprecated Use `MessagingCard` with `type="nudge"` instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v9
  *
  * Migration guide:
  * ```tsx

package/esm/cards/UpsellCard.js

@@ -6,7 +6,8 @@ import { Pressable } from '../system/Pressable';
 import { Text } from '../typography/Text';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * @deprecated Use `MessagingCard` with `type="upsell"` instead. UpsellCard will be removed in a future major release.
+ * @deprecated Use `MessagingCard` with `type="upsell"` instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v9
  *
  * Migration guide:
  * ```tsx

package/esm/cells/CellMedia.js

@@ -5,7 +5,8 @@ import { Box } from '../layout/Box';
 import { getSource, RemoteImage } from '../media/RemoteImage';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * @deprecated This component will be removed in a future release. Pass media directly via the `media` prop.
+ * @deprecated Pass media directly via the `media` prop. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v9
  * For example: `<Avatar src={...} />`, `<Icon name={...} />`, `<RemoteImage source={...} />`, or a Pictogram.
  */
 export const CellMedia = /*#__PURE__*/memo(function CellMedia(props) {

package/esm/cells/ContentCell.js

@@ -11,7 +11,8 @@ import { CellAccessory } from './CellAccessory';
 import { condensedInnerSpacing, condensedOuterSpacing } from './ListCell';
 
 /**
- * @deprecated this component will be removed in a future version. Use ListCell instead.
+ * @deprecated Use ListCell instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v9
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function generateAccessibilityLabels(userLabel, title, subtitle) {
@@ -28,7 +29,8 @@ function generateAccessibilityLabels(userLabel, title, subtitle) {
 }
 
 /**
- * @deprecated this component will be removed in a future version. Use ListCell instead.
+ * @deprecated Use ListCell instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v9
  */
 export const ContentCell = /*#__PURE__*/memo(function ContentCell(_ref) {
   var _props$borderRadius;

package/esm/chips/SelectChip.js

@@ -13,12 +13,14 @@ import { Tray } from '../overlays';
 import { MediaChip } from './MediaChip';
 
 /**
- * @deprecated This component is deprecated. Please use the new SelectChip alpha component instead.
+ * @deprecated This component is deprecated. Please use the new SelectChip alpha component instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v9
  * @see {@link @coinbase/cds-mobile/alpha/select-chip/SelectChip}
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * @deprecated This component is deprecated. Please use the new SelectChip alpha component instead.
+ * @deprecated This component is deprecated. Please use the new SelectChip alpha component instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v9
  * @see {@link @coinbase/cds-mobile/alpha/select-chip/SelectChip}
  */
 export const SelectChip = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {

package/esm/chips/TabbedChips.js

@@ -87,6 +87,7 @@ const TabbedChipsComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function
 TabbedChipsComponent.displayName = 'TabbedChips';
 
 /**
- * @deprecated Use `TabbedChips(Alpha)` instead.
+ * @deprecated Use `TabbedChips(Alpha)` instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v9
  */
 export const TabbedChips = TabbedChipsComponent;

package/esm/controls/CheckboxGroup.js

@@ -8,7 +8,8 @@ import { Checkbox } from './Checkbox';
 import { ControlGroup } from './ControlGroup';
 
 /**
- * @deprecated CheckboxGroup is deprecated. Use ControlGroup with accessibilityRole="combobox" instead.
+ * @deprecated CheckboxGroup is deprecated. Use ControlGroup with accessibilityRole="combobox" instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v8
  *
  * @example
  * // Instead of:
@@ -27,7 +28,8 @@ import { ControlGroup } from './ControlGroup';
  */
 
 /**
- * @deprecated CheckboxGroup is deprecated. Use ControlGroup with accessibilityRole="combobox" instead.
+ * @deprecated CheckboxGroup is deprecated. Use ControlGroup with accessibilityRole="combobox" instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v8
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 // Follows behavior describe in https://www.w3.org/TR/wai-aria-practices/examples/checkbox/checkbox-2/checkbox-2.html
@@ -97,6 +99,7 @@ const CheckboxGroupWithRef = /*#__PURE__*/forwardRef(function CheckboxGroupWithR
 
 // Make memoized function stay generic function type
 /**
- * @deprecated CheckboxGroup is deprecated. Use ControlGroup with accessibilityRole="combobox" instead.
+ * @deprecated CheckboxGroup is deprecated. Use ControlGroup with accessibilityRole="combobox" instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v8
  */
 export const CheckboxGroup = /*#__PURE__*/memo(CheckboxGroupWithRef);

package/esm/controls/RadioGroup.js

@@ -10,7 +10,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 export { Radio };
 
 /**
- * @deprecated RadioGroup is deprecated. Use ControlGroup with accessibilityRole="radiogroup" instead.
+ * @deprecated RadioGroup is deprecated. Use ControlGroup with accessibilityRole="radiogroup" instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v8
  *
  * @example
  * // Instead of:
@@ -27,7 +28,8 @@ export { Radio };
  */
 
 /**
- * @deprecated RadioGroup is deprecated. Use ControlGroup with accessibilityRole="radiogroup" instead.
+ * @deprecated RadioGroup is deprecated. Use ControlGroup with accessibilityRole="radiogroup" instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v8
  */
 
 const RadioGroupWithRef = /*#__PURE__*/forwardRef(function RadioGroup(_ref, ref) {
@@ -90,6 +92,7 @@ const RadioGroupWithRef = /*#__PURE__*/forwardRef(function RadioGroup(_ref, ref)
 
 // Make memoized function stay generic function type
 /**
- * @deprecated RadioGroup is deprecated. Use ControlGroup with accessibilityRole="radiogroup" instead.
+ * @deprecated RadioGroup is deprecated. Use ControlGroup with accessibilityRole="radiogroup" instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v8
  */
 export const RadioGroup = /*#__PURE__*/memo(RadioGroupWithRef);

package/esm/controls/Select.js

@@ -28,7 +28,8 @@ const variantColorMap = {
   secondary: 'fgMuted'
 };
 /**
- * @deprecated Please use the new Select alpha component instead.
+ * @deprecated Please use the new Select alpha component instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v9
  */
 export const Select = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
   var _ref3;

package/esm/hooks/useStatusBarHeight.js

@@ -4,7 +4,8 @@ const {
   StatusBarManager
 } = NativeModules;
 /**
- * @deprecated Use `useSafeAreaInsets().top` from `react-native-safe-area-context` instead.
+ * @deprecated Use `useSafeAreaInsets().top` from `react-native-safe-area-context` instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v9
  * This approach is recommended by Expo and provides more reliable values across platforms.
  * @see https://docs.expo.dev/versions/latest/sdk/safe-area-context/
  *

package/esm/layout/Group.js

@@ -7,7 +7,8 @@ import { Box } from './Box';
 import { Spacer } from './Spacer';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * @deprecated Use `Box`, `HStack` or `VStack` instead.
+ * @deprecated Use `Box`, `HStack` or `VStack` instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v8
  * @danger Make sure to add a `key` prop to each item.
  */
 export const Group = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Group(_ref, forwardedRef) {

package/esm/media/Carousel/Carousel.js

@@ -10,7 +10,10 @@ import { CarouselItem } from './CarouselItem';
 import { jsx as _jsx } from "react/jsx-runtime";
 const opacityConfig = convertMotionConfig(animateOpacityConfig);
 const sizeConfig = convertMotionConfig(animateSizeConfig);
-/** @deprecated This component will be removed in a future version. Use new Carousel component instead. */
+/**
+ * @deprecated Use new Carousel component instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v8
+ */
 export const Carousel = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, forwardedRef) => {
   let {
       carouselRef,

package/esm/overlays/__stories__/ModalCustomPadding.stories.js

@@ -0,0 +1,48 @@
+import React, { useCallback, useState } from 'react';
+import { Button } from '../../buttons/Button';
+import { Example, ExampleScreen } from '../../examples/ExampleScreen';
+import { LoremIpsum } from '../../layout/__stories__/LoremIpsum';
+import { Modal } from '../modal/Modal';
+import { ModalBody } from '../modal/ModalBody';
+import { ModalFooter } from '../modal/ModalFooter';
+import { ModalHeader } from '../modal/ModalHeader';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function ModalCustomPaddingScreen() {
+  const [visible, setVisible] = useState(true);
+  const handleClose = useCallback(() => setVisible(false), []);
+  const handleOpen = useCallback(() => setVisible(true), []);
+  return /*#__PURE__*/_jsx(ExampleScreen, {
+    children: /*#__PURE__*/_jsxs(Example, {
+      title: "Modal with custom padding",
+      children: [/*#__PURE__*/_jsx(Button, {
+        onPress: handleOpen,
+        children: "Open Modal"
+      }), /*#__PURE__*/_jsxs(Modal, {
+        onRequestClose: handleClose,
+        visible: visible,
+        children: [/*#__PURE__*/_jsx(ModalHeader, {
+          closeAccessibilityLabel: "Close",
+          paddingX: 0,
+          paddingY: 0,
+          title: "Custom Padding Modal"
+        }), /*#__PURE__*/_jsx(ModalBody, {
+          paddingX: 0,
+          paddingY: 0,
+          children: /*#__PURE__*/_jsx(LoremIpsum, {})
+        }), /*#__PURE__*/_jsx(ModalFooter, {
+          paddingX: 0,
+          paddingY: 0,
+          primaryAction: /*#__PURE__*/_jsx(Button, {
+            onPress: handleClose,
+            children: "Save"
+          }),
+          secondaryAction: /*#__PURE__*/_jsx(Button, {
+            onPress: handleClose,
+            variant: "secondary",
+            children: "Cancel"
+          })
+        })]
+      })]
+    })
+  });
+}

package/esm/overlays/modal/ModalBody.js

@@ -1,4 +1,4 @@
-const _excluded = ["children"];
+const _excluded = ["children", "padding", "paddingX", "paddingY", "paddingTop", "paddingBottom", "paddingStart", "paddingEnd"];
 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); }
 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; }
 import React, { useMemo } from 'react';
@@ -6,11 +6,18 @@ import { KeyboardAvoidingView, ScrollView } from 'react-native';
 import { useModalContext } from '@coinbase/cds-common/overlays/ModalContext';
 import { useContentSize } from '../../hooks/useContentSize';
 import { useLayout } from '../../hooks/useLayout';
-import { Box } from '../../layout';
+import { Box } from '../../layout/Box';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const ModalBody = _ref => {
   let {
-      children
+      children,
+      padding,
+      paddingX = 3,
+      paddingY: paddingYProp,
+      paddingTop,
+      paddingBottom,
+      paddingStart,
+      paddingEnd
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   const [{
@@ -25,6 +32,10 @@ export const ModalBody = _ref => {
 
   // dynamically set scrollEnabled base on content height
   const shouldEnableScroll = useMemo(() => contentHeight > scrollHeight, [contentHeight, scrollHeight]);
+  const paddingY = useMemo(() => {
+    if (paddingYProp !== undefined) return paddingYProp;
+    return hideDividers ? 0 : 3;
+  }, [paddingYProp, hideDividers]);
   return /*#__PURE__*/_jsx(KeyboardAvoidingView, {
     behavior: "padding",
     style: {
@@ -37,10 +48,15 @@ export const ModalBody = _ref => {
     }, props, {
       children: /*#__PURE__*/_jsx(Box, {
         flexGrow: 1,
-        paddingX: 3
+        padding: padding,
+        paddingBottom: paddingBottom,
+        paddingEnd: paddingEnd,
+        paddingStart: paddingStart,
+        paddingTop: paddingTop,
+        paddingX: paddingX
         // remove vertical padding when dividers hidden
         ,
-        paddingY: hideDividers ? 0 : 3,
+        paddingY: paddingY,
         children: children
       })
     }))

package/esm/overlays/modal/ModalFooter.js

@@ -1,3 +1,6 @@
+const _excluded = ["primaryAction", "secondaryAction", "direction", "paddingX", "paddingY"];
+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); }
+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; }
 import React, { Fragment } from 'react';
 import { useModalContext } from '@coinbase/cds-common/overlays/ModalContext';
 import { ButtonGroup } from '../../buttons/ButtonGroup';
@@ -5,11 +8,13 @@ import { Box } from '../../layout/Box';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const ModalFooter = _ref => {
   let {
-    primaryAction,
-    secondaryAction,
-    direction = 'horizontal',
-    testID
-  } = _ref;
+      primaryAction,
+      secondaryAction,
+      direction = 'horizontal',
+      paddingX = 3,
+      paddingY = 2
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   const {
     hideDividers = false
   } = useModalContext();
@@ -20,11 +25,11 @@ export const ModalFooter = _ref => {
   if (isVertical) {
     actions.reverse();
   }
-  return /*#__PURE__*/_jsx(Box, {
+  return /*#__PURE__*/_jsx(Box, _extends({
     borderedTop: !hideDividers,
-    paddingX: 3,
-    paddingY: 2,
-    testID: testID,
+    paddingX: paddingX,
+    paddingY: paddingY
+  }, props, {
     children: /*#__PURE__*/_jsx(ButtonGroup, {
       block: !isVertical,
       direction: direction,
@@ -35,5 +40,5 @@ export const ModalFooter = _ref => {
         children: action
       }, i))
     })
-  });
+  }));
 };

package/esm/overlays/modal/ModalHeader.js

@@ -1,30 +1,37 @@
+const _excluded = ["alignItems", "paddingX", "paddingY", "title", "onBackButtonClick", "backAccessibilityLabel", "backAccessibilityHint", "closeAccessibilityLabel", "closeAccessibilityHint"];
+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); }
+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; }
 import React from 'react';
 import { useModalContext } from '@coinbase/cds-common/overlays/ModalContext';
 import { IconButton } from '../../buttons';
-import { Box, HStack } from '../../layout';
+import { Box } from '../../layout/Box';
+import { HStack } from '../../layout/HStack';
 import { Text } from '../../typography/Text';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const ModalHeader = _ref => {
   let {
-    title,
-    onBackButtonClick,
-    backAccessibilityLabel,
-    backAccessibilityHint,
-    closeAccessibilityLabel,
-    closeAccessibilityHint,
-    testID
-  } = _ref;
+      alignItems = 'center',
+      paddingX = 3,
+      paddingY = 2,
+      title,
+      onBackButtonClick,
+      backAccessibilityLabel,
+      backAccessibilityHint,
+      closeAccessibilityLabel,
+      closeAccessibilityHint
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   const {
     onRequestClose,
     hideCloseButton,
     hideDividers
   } = useModalContext();
-  return /*#__PURE__*/_jsxs(HStack, {
-    alignItems: "center",
+  return /*#__PURE__*/_jsxs(HStack, _extends({
+    alignItems: alignItems,
     borderedBottom: !hideDividers,
-    paddingX: 3,
-    paddingY: 2,
-    testID: testID,
+    paddingX: paddingX,
+    paddingY: paddingY
+  }, props, {
     children: [/*#__PURE__*/_jsx(Box, {
       flexBasis: 0,
       flexGrow: 1,
@@ -59,5 +66,5 @@ export const ModalHeader = _ref => {
         testID: "modal-close-button"
       })
     })]
-  });
+  }));
 };

package/esm/overlays/tray/Tray.js

@@ -122,7 +122,8 @@ export const Tray = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Tray(_ref
 }));
 
 /**
- * @deprecated Redundant component.
+ * @deprecated Redundant component. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v9
  */
 export const TrayStickyFooter = _ref4 => {
   let {

package/esm/overlays/useModal.js

@@ -1,6 +1,7 @@
 import { useModal } from '@coinbase/cds-common/overlays/useModal';
 
 /**
- * @deprecated Use the visible and onRequestClose props as outlined in the docs here https://cds.coinbase.com/components/modal#get-started
+ * @deprecated Use the visible and onRequestClose props as outlined in the docs here https://cds.coinbase.com/components/modal#get-started. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v7
  */
 export { useModal };

package/esm/system/PressableOpacity.js

@@ -4,9 +4,15 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React from 'react';
 import { Pressable } from './Pressable';
 
-/** @deprecated This component will be removed in a future version. Use `<Pressable background="transparent">` instead. */
+/**
+ * @deprecated Use `<Pressable background="transparent">` instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v8
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
-/** @deprecated This component will be removed in a future version. Use `<Pressable background="transparent">` instead. */
+/**
+ * @deprecated Use `<Pressable background="transparent">` instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v8
+ */
 export const PressableOpacity = _ref => {
   let {
       children

package/esm/tabs/TabNavigation.js

@@ -145,7 +145,8 @@ const TabNavigationComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref,
 /**
  * TabNavigation renders a horizontal, tab-based navigation bar.
  * This component has a opinionated default style, but allows for customization through custom Component props.
- * @deprecated Use `Tabs` instead.
+ * @deprecated Use `Tabs` instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v9
  */
 export const TabNavigation = TabNavigationComponent;
 TabNavigationComponent.displayName = 'TabNavigation';

package/esm/themes/coinbaseDenseTheme.js

@@ -2,7 +2,10 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import { coinbaseTheme } from './coinbaseTheme';
 export const coinbaseDenseThemeId = 'coinbase-dense';
 
-/** @deprecated This theme was created to test backwards compatibility, it is not officially supported by CDS. Please copy it into your own repo and modify it as needed. Do not import it directly from CDS. */
+/**
+ * @deprecated This theme was created to test backwards compatibility, it is not officially supported by CDS. Please copy it into your own repo and modify it as needed. Do not import it directly from CDS. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v9
+ */
 export const coinbaseDenseTheme = _extends({}, coinbaseTheme, {
   id: coinbaseDenseThemeId,
   space: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-mobile",
-  "version": "8.55.0",
+  "version": "8.56.0",
   "description": "Coinbase Design System - Mobile",
   "repository": {
     "type": "git",
@@ -197,9 +197,9 @@
     "react-native-svg": "^14.1.0"
   },
   "dependencies": {
-    "@coinbase/cds-common": "^8.55.0",
+    "@coinbase/cds-common": "^8.56.0",
     "@coinbase/cds-icons": "^5.13.0",
-    "@coinbase/cds-illustrations": "^4.34.0",
+    "@coinbase/cds-illustrations": "^4.35.0",
     "@coinbase/cds-lottie-files": "^3.3.4",
     "@coinbase/cds-utils": "^2.3.5",
     "@floating-ui/react-native": "^0.10.5",