@coinbase/cds-mobile 8.13.6 → 8.14.2

package/CHANGELOG.md

@@ -8,6 +8,24 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 8.14.2 (10/7/2025 PST)
+
+#### 🐞 Fixes
+
+- Update Accordion Divider color to match default Divider. [[#75](https://github.com/coinbase/cds/pull/75)]
+
+## 8.14.1 ((10/7/2025, 12:59 PM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.14.0 ((10/6/2025, 02:57 PM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.13.7 (10/6/2025 PST)
+
+This is an artificial version bump with no new change.
+
 ## 8.13.6 ((10/3/2025, 01:54 PM PST))
 
 This is an artificial version bump with no new change.

package/dts/accordion/Accordion.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
 import type { ViewProps } from 'react-native';
 import { type AccordionProviderProps } from '@coinbase/cds-common/accordion/AccordionProvider';
 import type { SharedProps } from '@coinbase/cds-common/types';
 export type AccordionBaseProps = SharedProps & AccordionProviderProps;
 export type AccordionProps = AccordionBaseProps & Pick<ViewProps, 'style'>;
-export declare const Accordion: React.MemoExoticComponent<
+export declare const Accordion: import('react').MemoExoticComponent<
   ({
     activeKey,
     children,

package/dts/accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,kDAAkD,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAK9D,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,sBAAsB,CAAC;AAEtE,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAE3E,eAAO,MAAM,SAAS,gHASjB,cAAc,6CAclB,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,kDAAkD,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAK9D,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,sBAAsB,CAAC;AAEtE,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAE3E,eAAO,MAAM,SAAS,0HASjB,cAAc,6CAclB,CAAC"}

package/dts/layout/Divider.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { BoxProps } from './Box';
 export type DividerBaseProps = {
   /**
    * Color of the divider line.
-   * @default line
+   * @default bgLine
    */
   color?: ThemeVars.Color;
   /**
@@ -14,5 +13,5 @@ export type DividerBaseProps = {
   direction?: 'horizontal' | 'vertical';
 };
 export type DividerProps = DividerBaseProps & BoxProps;
-export declare const Divider: React.NamedExoticComponent<DividerProps>;
+export declare const Divider: import('react').NamedExoticComponent<DividerProps>;
 //# sourceMappingURL=Divider.d.ts.map

package/dts/layout/Divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/layout/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,QAAQ,CAAC;AAEvD,eAAO,MAAM,OAAO,0CAqBlB,CAAC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/layout/Divider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,QAAQ,CAAC;AAEvD,eAAO,MAAM,OAAO,oDAqBlB,CAAC"}

package/esm/accordion/Accordion.js

@@ -1,4 +1,4 @@
-import React, { Children, memo } from 'react';
+import { Children, memo } from 'react';
 import { AccordionProvider } from '@coinbase/cds-common/accordion/AccordionProvider';
 import { join } from '@coinbase/cds-common/utils/join';
 import { Divider, VStack } from '../layout';
@@ -22,9 +22,7 @@ export const Accordion = /*#__PURE__*/memo(_ref => {
       style: style,
       testID: testID,
       width: "100%",
-      children: join(Children.toArray(children), /*#__PURE__*/_jsx(Divider, {
-        color: "bgLineHeavy"
-      }))
+      children: join(Children.toArray(children), /*#__PURE__*/_jsx(Divider, {}))
     })
   });
 });

package/esm/layout/Divider.js

@@ -1,7 +1,7 @@
 const _excluded = ["color", "direction"];
 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, { memo, useMemo } from 'react';
+import { memo, useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useTheme } from '../hooks/useTheme';
 import { Box } from './Box';

package/esm/visualizations/__stories__/ProgressCircle.stories.js

@@ -426,6 +426,27 @@ const ProgressBarScreen = () => {
     }), /*#__PURE__*/_jsx(Example, {
       title: "CustomStyles",
       children: /*#__PURE__*/_jsx(CustomStyles, {})
+    }), /*#__PURE__*/_jsx(Example, {
+      title: "Thin",
+      children: /*#__PURE__*/_jsx(ProgressContainerWithButtons, {
+        children: _ref7 => {
+          let {
+            calculateProgress
+          } = _ref7;
+          return /*#__PURE__*/_jsxs(HStack, {
+            gap: 2,
+            children: [/*#__PURE__*/_jsx(ProgressCircle, {
+              progress: calculateProgress(0),
+              size: 100,
+              weight: "thin"
+            }), /*#__PURE__*/_jsx(ProgressCircle, {
+              progress: calculateProgress(0.2),
+              size: 100,
+              weight: "thin"
+            })]
+          });
+        }
+      })
     })]
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-mobile",
-  "version": "8.13.6",
+  "version": "8.14.2",
   "description": "Coinbase Design System - Mobile",
   "repository": {
     "type": "git",
@@ -150,11 +150,11 @@
     "react-native-svg": "^14.1.0"
   },
   "dependencies": {
-    "@coinbase/cds-common": "^8.13.6",
-    "@coinbase/cds-icons": "^5.4.1",
-    "@coinbase/cds-illustrations": "^4.23.0",
-    "@coinbase/cds-lottie-files": "^3.3.1",
-    "@coinbase/cds-utils": "^2.3.2",
+    "@coinbase/cds-common": "^8.14.2",
+    "@coinbase/cds-icons": "^5.4.2",
+    "@coinbase/cds-illustrations": "^4.23.1",
+    "@coinbase/cds-lottie-files": "^3.3.2",
+    "@coinbase/cds-utils": "^2.3.3",
     "@floating-ui/react-native": "^0.10.5",
     "@react-spring/native": "^9.7.4",
     "lodash": "^4.17.21",