@coinbase/cds-mobile 8.48.0 → 8.48.2

package/CHANGELOG.md

@@ -8,6 +8,16 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 8.48.2 (2/25/2026 PST)
+
+#### 🐞 Fixes
+
+- Deprecate useStatusBarHeight hook.
+
+## 8.48.1 ((2/25/2026, 01:30 PM PST))
+
+This is an artificial version bump with no new change.
+
 ## 8.48.0 (2/24/2026 PST)
 
 #### 🚀 Updates

package/dts/hooks/useStatusBarHeight.d.ts

@@ -1,6 +1,16 @@
 /**
- * StatusBar api returns weird incorrect values for iOS.
- * This implementation is based off of the implementation identified in this article. https://blog.expo.dev/the-status-bar-manager-in-react-native-6226058ecba
+ * @deprecated Use `useSafeAreaInsets().top` from `react-native-safe-area-context` instead.
+ * This approach is recommended by Expo and provides more reliable values across platforms.
+ * @see https://docs.expo.dev/versions/latest/sdk/safe-area-context/
+ *
+ * @example
+ * // Before (deprecated)
+ * const statusBarHeight = useStatusBarHeight();
+ *
+ * // After (recommended)
+ * import { useSafeAreaInsets } from 'react-native-safe-area-context';
+ * const insets = useSafeAreaInsets();
+ * const statusBarHeight = insets.top;
  */
 export declare const useStatusBarHeight: () => number | undefined;
 //# sourceMappingURL=useStatusBarHeight.d.ts.map

package/dts/hooks/useStatusBarHeight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStatusBarHeight.d.ts","sourceRoot":"","sources":["../../src/hooks/useStatusBarHeight.ts"],"names":[],"mappings":"AAUA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,0BAwB9B,CAAC"}
+{"version":3,"file":"useStatusBarHeight.d.ts","sourceRoot":"","sources":["../../src/hooks/useStatusBarHeight.ts"],"names":[],"mappings":"AAUA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,kBAAkB,0BAwB9B,CAAC"}

package/esm/alpha/select/__stories__/AlphaSelect.stories.js

@@ -102,6 +102,22 @@ const exampleOptionsWithNoLabelOrDescription = [{
 }, {
   value: '4'
 }];
+const exampleOptionsWithLongLabels = [{
+  value: null,
+  label: 'Remove selection'
+}, {
+  value: '1',
+  label: 'Fraction fraction fraction fraction fraction'
+}, {
+  value: '2',
+  label: 'Truncation truncation truncation truncation truncation'
+}, {
+  value: '3',
+  label: 'A A A A A A A A A A A A A A A A'
+}, {
+  value: '4',
+  label: 'Bee Bee Bee Bee Bee Bee Bee Bee Bee Bee'
+}];
 const exampleOptionsWithSomeDisabled = [{
   value: null,
   label: 'Remove selection'
@@ -938,6 +954,22 @@ const MultiSelectCustomSelectAllOptionExample = () => {
     value: value
   });
 };
+const MultiSelectLongLabelOptionsExample = () => {
+  const {
+    value,
+    onChange
+  } = useMultiSelect({
+    initialValue: ['1']
+  });
+  return /*#__PURE__*/_jsx(Select, {
+    label: "Multi select",
+    onChange: onChange,
+    options: exampleOptionsWithLongLabels,
+    placeholder: "Empty value",
+    type: "multi",
+    value: value
+  });
+};
 const MultiSelectDisabledExample = () => {
   const {
     value,
@@ -1447,6 +1479,9 @@ const SelectV3Screen = () => {
     }), /*#__PURE__*/_jsx(Example, {
       title: "Multi Select Custom Select All Option",
       children: /*#__PURE__*/_jsx(MultiSelectCustomSelectAllOptionExample, {})
+    }), /*#__PURE__*/_jsx(Example, {
+      title: "Multi Select Long Label Options",
+      children: /*#__PURE__*/_jsx(MultiSelectLongLabelOptionsExample, {})
     }), /*#__PURE__*/_jsx(Example, {
       title: "Multi Select Disabled",
       children: /*#__PURE__*/_jsx(MultiSelectDisabledExample, {})

package/esm/hooks/useStatusBarHeight.js

@@ -4,8 +4,18 @@ const {
   StatusBarManager
 } = NativeModules;
 /**
- * StatusBar api returns weird incorrect values for iOS.
- * This implementation is based off of the implementation identified in this article. https://blog.expo.dev/the-status-bar-manager-in-react-native-6226058ecba
+ * @deprecated Use `useSafeAreaInsets().top` from `react-native-safe-area-context` instead.
+ * This approach is recommended by Expo and provides more reliable values across platforms.
+ * @see https://docs.expo.dev/versions/latest/sdk/safe-area-context/
+ *
+ * @example
+ * // Before (deprecated)
+ * const statusBarHeight = useStatusBarHeight();
+ *
+ * // After (recommended)
+ * import { useSafeAreaInsets } from 'react-native-safe-area-context';
+ * const insets = useSafeAreaInsets();
+ * const statusBarHeight = insets.top;
  */
 export const useStatusBarHeight = () => {
   const [statusBarHeight, setStatusBarHeight] = useState();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-mobile",
-  "version": "8.48.0",
+  "version": "8.48.2",
   "description": "Coinbase Design System - Mobile",
   "repository": {
     "type": "git",
@@ -198,7 +198,7 @@
     "react-native-svg": "^14.1.0"
   },
   "dependencies": {
-    "@coinbase/cds-common": "^8.48.0",
+    "@coinbase/cds-common": "^8.48.2",
     "@coinbase/cds-icons": "^5.11.0",
     "@coinbase/cds-illustrations": "^4.31.0",
     "@coinbase/cds-lottie-files": "^3.3.4",