@coinbase/cds-mobile 8.13.5 → 8.14.0

package/CHANGELOG.md

@@ -8,6 +8,18 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 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.
+
 ## 8.13.5 (10/3/2025 PST)
 
 #### 🐞 Fixes

package/esm/tabs/__stories__/TabNavigation.stories.js

@@ -2,7 +2,7 @@ const _excluded = ["label"],
   _excluded2 = ["label"];
 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, { useCallback, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import { sampleTabs } from '@coinbase/cds-common/internal/data/tabs';
 import { gutter } from '@coinbase/cds-common/tokens/sizing';
 import sample from 'lodash/sample';
@@ -62,10 +62,18 @@ const TabNavigationScreen = () => {
   const [currentTabThree, setCurrentTabThree] = useState();
   const [currentTabFour, setCurrentTabFour] = useState();
   const [currentTabFive, setCurrentTabFive] = useState(enumTabs[0].id);
+  const [currentTabSix, setCurrentTabSix] = useState();
+  const [dotCount, setDotCount] = useState(0);
+  const tabsWithDot = useMemo(() => sampleTabs.map(tab => _extends({}, tab, {
+    count: dotCount
+  })), [dotCount]);
   const randomizeCurrentTabOne = useCallback(() => {
     const randomTabItem = sample(sampleTabs);
     setCurrentTabOne(randomTabItem == null ? void 0 : randomTabItem.id);
   }, []);
+  const randomizeDotCount = useCallback(() => {
+    setDotCount(Number(dotCount ? 0 : sample([2, 14, 99, 100])));
+  }, [dotCount]);
   return /*#__PURE__*/_jsxs(ExampleScreen, {
     children: [/*#__PURE__*/_jsxs(Example, {
       overflow: "visible",
@@ -128,6 +136,18 @@ const TabNavigationScreen = () => {
         tabs: someCustomTabs,
         value: currentTabFour
       })
+    }), /*#__PURE__*/_jsxs(Example, {
+      overflow: "visible",
+      padding: gutter,
+      title: "Tab Navigation with dot count change",
+      children: [/*#__PURE__*/_jsx(TabNavigation, {
+        onChange: setCurrentTabSix,
+        tabs: tabsWithDot,
+        value: currentTabSix
+      }), /*#__PURE__*/_jsx(Button, {
+        onPress: randomizeDotCount,
+        children: "Randomize dot count"
+      })]
     }), /*#__PURE__*/_jsxs(Example, {
       overflow: "visible",
       padding: gutter,

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.5",
+  "version": "8.14.0",
   "description": "Coinbase Design System - Mobile",
   "repository": {
     "type": "git",
@@ -150,11 +150,11 @@
     "react-native-svg": "^14.1.0"
   },
   "dependencies": {
-    "@coinbase/cds-common": "^8.13.5",
-    "@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.0",
+    "@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",