@coinbase/cds-common 8.62.0 → 8.66.0

package/CHANGELOG.md

@@ -8,6 +8,52 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 8.66.0 ((4/16/2026, 01:57 PM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.65.0 ((4/16/2026, 10:06 AM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.64.5 ((4/16/2026, 06:50 AM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.64.4 ((4/10/2026, 01:20 PM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.64.3 ((4/8/2026, 05:54 PM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.64.2 ((4/8/2026, 11:26 AM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.64.1 (4/7/2026 PST)
+
+#### 🐞 Fixes
+
+- Adds deprecations to several types for the Tour web/mobile components. [[#592](https://github.com/coinbase/cds/pull/592)]
+
+## 8.64.0 (4/2/2026 PST)
+
+#### 🚀 Updates
+
+- UseTabs: Added an optional second generic TTab extends TabValue<TabId> so tabs, activeTab, and onChange can be typed with custom tab row shapes (defaults preserve the old behavior). [[#558](https://github.com/coinbase/cds/pull/558)]
+
+## 8.63.0 ((4/1/2026, 03:43 PM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.62.1 (4/1/2026 PST)
+
+#### 🐞 Fixes
+
+- Remove usage of Array.prototype.at(). [[#575](https://github.com/coinbase/cds/pull/575)]
+
 ## 8.62.0 ((3/30/2026, 06:52 PM PST))
 
 This is an artificial version bump with no new change.

package/dts/tabs/TabsContext.d.ts

@@ -1,5 +1,13 @@
-import { type TabsApi } from './useTabs';
-export type TabsContextValue<TabId extends string = string> = TabsApi<TabId>;
-export declare const TabsContext: import('react').Context<TabsContextValue<string> | undefined>;
-export declare const useTabsContext: <TabId extends string>() => TabsContextValue<TabId>;
+import { type TabsApi, type TabValue } from './useTabs';
+export type TabsContextValue<
+  TabId extends string = string,
+  TTab extends TabValue<TabId> = TabValue<TabId>,
+> = TabsApi<TabId, TTab>;
+export declare const TabsContext: import('react').Context<
+  TabsContextValue<string, TabValue<string>> | undefined
+>;
+export declare const useTabsContext: <
+  TabId extends string,
+  TTab extends TabValue<TabId> = TabValue<TabId>,
+>() => TabsContextValue<TabId, TTab>;
 //# sourceMappingURL=TabsContext.d.ts.map

package/dts/tabs/TabsContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsContext.d.ts","sourceRoot":"","sources":["../../src/tabs/TabsContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;AAE7E,eAAO,MAAM,WAAW,+DAAyD,CAAC;AAElF,eAAO,MAAM,cAAc,GAAI,KAAK,SAAS,MAAM,OAAK,gBAAgB,CAAC,KAAK,CAI7E,CAAC"}
+{"version":3,"file":"TabsContext.d.ts","sourceRoot":"","sources":["../../src/tabs/TabsContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAExD,MAAM,MAAM,gBAAgB,CAC1B,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7B,IAAI,SAAS,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,IAC5C,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AAEzB,eAAO,MAAM,WAAW,iFAAyD,CAAC;AAElF,eAAO,MAAM,cAAc,GACzB,KAAK,SAAS,MAAM,EACpB,IAAI,SAAS,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,OAC3C,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAIhC,CAAC"}

package/dts/tabs/useTabs.d.ts

@@ -6,17 +6,23 @@ export type TabValue<TabId extends string = string> = {
   /** Disable interactions on the tab. */
   disabled?: boolean;
 };
-export type TabsOptions<TabId extends string = string> = {
+export type TabsOptions<
+  TabId extends string = string,
+  TTab extends TabValue<TabId> = TabValue<TabId>,
+> = {
   /** The array of tabs data. */
-  tabs: TabValue<TabId>[];
+  tabs: TTab[];
   /** React state for the currently active tab. Setting it to `null` results in no active tab. */
-  activeTab: TabValue<TabId> | null;
+  activeTab: TTab | null;
   /** Callback that is fired when the active tab changes. Use this callback to update the `activeTab` state. */
-  onChange: (activeTab: TabValue<TabId> | null) => void;
+  onChange: (activeTab: TTab | null) => void;
   /** Disable interactions on all the tabs. */
   disabled?: boolean;
 };
-export type TabsApi<TabId extends string = string> = Omit<TabsOptions<TabId>, 'onChange'> & {
+export type TabsApi<
+  TabId extends string = string,
+  TTab extends TabValue<TabId> = TabValue<TabId>,
+> = Omit<TabsOptions<TabId, TTab>, 'onChange'> & {
   /** Update the currently active tab to the tab with `tabId`. */
   updateActiveTab: (tabId: TabId | null) => void;
   /** Update the currently active tab to the next enabled tab in the tabs array. Does nothing if the last tab is already active. */
@@ -25,10 +31,13 @@ export type TabsApi<TabId extends string = string> = Omit<TabsOptions<TabId>, 'o
   goPreviousTab: () => void;
 };
 /** A controlled hook for managing tabs state, such as the currently active tab. */
-export declare const useTabs: <TabId extends string>({
+export declare const useTabs: <
+  TabId extends string,
+  TTab extends TabValue<TabId> = TabValue<TabId>,
+>({
   tabs,
   activeTab,
   disabled,
   onChange,
-}: TabsOptions<TabId>) => TabsApi<TabId>;
+}: TabsOptions<TabId, TTab>) => TabsApi<TabId, TTab>;
 //# sourceMappingURL=useTabs.d.ts.map

package/dts/tabs/useTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTabs.d.ts","sourceRoot":"","sources":["../../src/tabs/useTabs.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI;IACpD,kBAAkB;IAClB,EAAE,EAAE,KAAK,CAAC;IACV,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI;IACvD,8BAA8B;IAC9B,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,+FAA+F;IAC/F,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;IAClC,6GAA6G;IAC7G,QAAQ,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,OAAO,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC1F,+DAA+D;IAC/D,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,iIAAiI;IACjI,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,sIAAsI;IACtI,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,OAAO,GAAI,KAAK,SAAS,MAAM,EAAE,0CAK3C,WAAW,CAAC,KAAK,CAAC,KAAG,OAAO,CAAC,KAAK,CA2CpC,CAAC"}
+{"version":3,"file":"useTabs.d.ts","sourceRoot":"","sources":["../../src/tabs/useTabs.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI;IACpD,kBAAkB;IAClB,EAAE,EAAE,KAAK,CAAC;IACV,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,CACrB,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7B,IAAI,SAAS,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,IAC5C;IACF,8BAA8B;IAC9B,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,+FAA+F;IAC/F,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,6GAA6G;IAC7G,QAAQ,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,OAAO,CACjB,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7B,IAAI,SAAS,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,IAC5C,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,UAAU,CAAC,GAAG;IAC/C,+DAA+D;IAC/D,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,iIAAiI;IACjI,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,sIAAsI;IACtI,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,OAAO,GAAI,KAAK,SAAS,MAAM,EAAE,IAAI,SAAS,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,EAAE,0CAK3F,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,KAAG,OAAO,CAAC,KAAK,EAAE,IAAI,CA2ChD,CAAC"}

package/dts/tour/TourContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TourContext.d.ts","sourceRoot":"","sources":["../../src/tour/TourContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAA6B,MAAM,OAAO,CAAC;AAGhE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,MAAM,MAAM,gBAAgB,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC;AAEvF,eAAO,MAAM,WAAW,+CAAyD,CAAC;AAElF,eAAO,MAAM,cAAc,GACzB,UAAU,SAAS,MAAM,GAAG,MAAM,OAC/B,gBAAgB,CAAC,UAAU,CAI/B,CAAC"}
+{"version":3,"file":"TourContext.d.ts","sourceRoot":"","sources":["../../src/tour/TourContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAA6B,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,MAAM,MAAM,gBAAgB,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC;AAEvF,eAAO,MAAM,WAAW,+CAAyD,CAAC;AAElF,eAAO,MAAM,cAAc,GACzB,UAAU,SAAS,MAAM,GAAG,MAAM,OAC/B,gBAAgB,CAAC,UAAU,CAI/B,CAAC"}

package/dts/tour/useTour.d.ts

@@ -1,6 +1,10 @@
 import type React from 'react';
 import type { View } from 'react-native';
 import { type Coords, type Placement } from '@floating-ui/react-dom';
+/**
+ * @deprecated Import from `@coinbase/cds-web` or `@coinbase/cds-mobile` instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v10
+ */
 export type TourStepArrowComponentProps = {
   arrow?: Partial<Coords> & {
     centerOffset: number;
@@ -10,7 +14,8 @@ export type TourStepArrowComponentProps = {
   style?: Record<string, string | number>;
 };
 /**
- * The TourStepArrowComponent must forwardRef onto the underlying element for `@floating-ui` to correctly position the element.
+ * @deprecated Import from `@coinbase/cds-web` or `@coinbase/cds-mobile` instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v10
  */
 export type TourStepArrowComponent = React.ForwardRefExoticComponent<
   TourStepArrowComponentProps & {
@@ -18,9 +23,6 @@ export type TourStepArrowComponent = React.ForwardRefExoticComponent<
   }
 >;
 export type TourStepComponent = React.FC<Omit<TourStepValue, 'Component'>>;
-/**
- * Web only.
- */
 export type TourScrollOptions = {
   behavior?: ScrollBehavior;
   marginX?: number;
@@ -72,7 +74,9 @@ export type TourStepValue<TourStepId extends string = string> = {
    */
   tourMaskBorderRadius?: string | number;
   /**
-   * Add styles to the TourStepArrowComponent for this tour step.
+   * Add styles to the TourStepArrowComponent for this tour step. Use `styles.arrow` instead.
+   * @deprecated Use Tour's `styles.stepArrow` prop instead. This will be removed in a future major release.
+   * @deprecationExpectedRemoval v10
    */
   arrowStyle?: Record<string, string | number>;
   /**
@@ -101,7 +105,10 @@ export type TourApi<TourStepId extends string = string> = Omit<
   goNextTourStep: () => void;
   goPreviousTourStep: () => void;
 };
-/** A controlled hook for managing tour state, such as the currently active tour step. */
+/**
+ * A controlled hook for managing tour state, such as the currently active tour step.
+ * @see {@link https://linear.app/coinbase/issue/CDS-1878 CDS-1878} for planned refactor to make this API platform agnostic.
+ */
 export declare const useTour: <TourStepId extends string = string>({
   steps,
   activeTourStep,

package/dts/tour/useTour.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTour.d.ts","sourceRoot":"","sources":["../../src/tour/useTour.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTour.d.ts","sourceRoot":"","sources":["../../src/tour/useTour.ts"],"names":[],"mappings":"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"}

package/esm/tabs/useTabs.js

@@ -16,7 +16,7 @@ export const useTabs = _ref => {
     if (newActiveTab !== activeTab) onChange(newActiveTab);
   }, [activeTab, tabs, onChange]);
   const goNextTab = useCallback(() => {
-    if (!activeTab || activeTab === tabs.at(-1)) return;
+    if (!activeTab || activeTab === tabs[tabs.length - 1]) return;
     const activeTabIndex = tabs.indexOf(activeTab);
     // Find next tab that isn't disabled
     for (let i = activeTabIndex + 1; i < tabs.length; i++) {

package/esm/tour/useTour.js

@@ -1,14 +1,19 @@
 import { useCallback, useMemo, useState } from 'react';
 
 /**
- * The TourStepArrowComponent must forwardRef onto the underlying element for `@floating-ui` to correctly position the element.
+ * @deprecated Import from `@coinbase/cds-web` or `@coinbase/cds-mobile` instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v10
  */
 
 /**
- * Web only.
+ * @deprecated Import from `@coinbase/cds-web` or `@coinbase/cds-mobile` instead. This will be removed in a future major release.
+ * @deprecationExpectedRemoval v10
  */
 
-/** A controlled hook for managing tour state, such as the currently active tour step. */
+/**
+ * A controlled hook for managing tour state, such as the currently active tour step.
+ * @see {@link https://linear.app/coinbase/issue/CDS-1878 CDS-1878} for planned refactor to make this API platform agnostic.
+ */
 export const useTour = _ref => {
   let {
     steps,
@@ -39,9 +44,9 @@ export const useTour = _ref => {
     await ((_activeTourStep$onIna2 = activeTourStep.onInactive) === null || _activeTourStep$onIna2 === void 0 ? void 0 : _activeTourStep$onIna2.call(activeTourStep));
   }, [activeTourStep, onChange]);
   const goNextTourStep = useCallback(async () => {
-    var _steps$at;
+    var _steps;
     // If no active step, or active step is the last step, or there are 0 - 1 steps, do nothing
-    if (!activeTourStep || activeTourStep.id === ((_steps$at = steps.at(-1)) === null || _steps$at === void 0 ? void 0 : _steps$at.id) || steps.length < 2) return;
+    if (!activeTourStep || activeTourStep.id === ((_steps = steps[steps.length - 1]) === null || _steps === void 0 ? void 0 : _steps.id) || steps.length < 2) return;
     const activeStepIndex = steps.findIndex(step => step.id === activeTourStep.id);
     // Find next step that isn't disabled
     for (let i = activeStepIndex + 1; i < steps.length; i++) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-common",
-  "version": "8.62.0",
+  "version": "8.66.0",
   "description": "Coinbase Design System - Common",
   "repository": {
     "type": "git",
@@ -38,9 +38,9 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@coinbase/cds-icons": "^5.13.0",
-    "@coinbase/cds-illustrations": "^4.36.0",
-    "@coinbase/cds-mcp-server": "^8.62.0",
+    "@coinbase/cds-icons": "^5.15.0",
+    "@coinbase/cds-illustrations": "^4.38.0",
+    "@coinbase/cds-mcp-server": "^8.66.0",
     "@coinbase/cds-utils": "^2.3.5",
     "@modelcontextprotocol/sdk": "^1.13.1",
     "d3-array": "^3.2.4",