@coinbase/cds-mobile 9.17.2 → 9.18.0

package/CHANGELOG.md

@@ -8,6 +8,16 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 9.18.0 (8/19/2026 PST)
+
+#### 🚀 Updates
+
+- Feat: support PeriodSelector in component theming. [[#852](https://github.com/coinbase/cds/pull/852)]
+
+#### 🐞 Fixes
+
+- Fix: use correct border radius for PeriodSelector from SegmentedTabs. [[#852](https://github.com/coinbase/cds/pull/852)]
+
 ## 9.17.2 (8/19/2026 PST)
 
 #### 🐞 Fixes

package/dts/core/componentConfig.d.ts

@@ -73,6 +73,7 @@ import type { TourBaseProps } from '../tour/Tour';
 import type { LinkBaseProps } from '../typography/Link';
 import type { TextBaseProps } from '../typography/Text';
 import type { TextFallbackBaseProps } from '../typography/TextFallback';
+import type { PeriodSelectorBaseProps } from '../visualizations/chart/PeriodSelector';
 import type { ProgressBaseProps } from '../visualizations/ProgressBar';
 import type { ProgressBarWithFixedLabelsBaseProps } from '../visualizations/ProgressBarWithFixedLabels';
 import type { ProgressBarWithFloatLabelBaseProps } from '../visualizations/ProgressBarWithFloatLabel';
@@ -140,6 +141,7 @@ export type ComponentConfig = {
   Overlay?: ConfigResolver<OverlayBaseProps>;
   PageFooter?: ConfigResolver<PageFooterBaseProps>;
   PageHeader?: ConfigResolver<PageHeaderBaseProps>;
+  PeriodSelector?: ConfigResolver<PeriodSelectorBaseProps>;
   ProgressBar?: ConfigResolver<ProgressBaseProps>;
   ProgressBarWithFixedLabels?: ConfigResolver<ProgressBarWithFixedLabelsBaseProps>;
   ProgressBarWithFloatLabel?: ConfigResolver<ProgressBarWithFloatLabelBaseProps>;

package/dts/core/componentConfig.d.ts.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentedTab.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AACrE,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAMlE,OAAO,EAAa,KAAK,kBAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC9F,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAI9D,MAAM,MAAM,qBAAqB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,GAChF,IAAI,CACF,aAAa,EACb,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,eAAe,CACnF,GACD,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC,GAAG;IACxE;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CACzB,CAAC;AAEJ,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,qBAAqB,CAAC,KAAK,CAAC,GACzF,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC,GAAG;IACpE,+DAA+D;IAC/D,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC5D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAIJ,KAAK,cAAc,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAClD,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KACjE,KAAK,CAAC,YAAY,CAAC;AAqGxB,eAAO,MAAM,YAAY,EAA4B,cAAc,CAAC"}
+{"version":3,"file":"SegmentedTab.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AACrE,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAMlE,OAAO,EAAa,KAAK,kBAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC9F,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAI9D,MAAM,MAAM,qBAAqB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,GAChF,IAAI,CACF,aAAa,EACb,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,eAAe,CACnF,GACD,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC,GAAG;IACxE;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CACzB,CAAC;AAEJ,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,qBAAqB,CAAC,KAAK,CAAC,GACzF,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC,GAAG;IACpE,+DAA+D;IAC/D,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC5D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAIJ,KAAK,cAAc,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAClD,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KACjE,KAAK,CAAC,YAAY,CAAC;AAuGxB,eAAO,MAAM,YAAY,EAA4B,cAAc,CAAC"}

package/dts/visualizations/chart/PeriodSelector.d.ts

@@ -1,14 +1,19 @@
 import React from 'react';
 import { View } from 'react-native';
-import { type SegmentedTabsProps } from '../../tabs/SegmentedTabs';
+import { type SegmentedTabsBaseProps, type SegmentedTabsProps } from '../../tabs/SegmentedTabs';
 import { type TabsActiveIndicatorProps } from '../../tabs/Tabs';
 import { type TextBaseProps } from '../../typography/Text';
-export declare const PeriodSelectorActiveIndicator: ({
-  activeTabRect,
-  background,
-  position,
-  borderRadius,
-}: TabsActiveIndicatorProps) => import('react/jsx-runtime').JSX.Element | undefined;
+export declare const PeriodSelectorActiveIndicator: React.MemoExoticComponent<
+  ({
+    activeTabRect,
+    background,
+    position,
+    borderRadius,
+    style,
+    testID,
+    ...props
+  }: TabsActiveIndicatorProps) => import('react/jsx-runtime').JSX.Element | null
+>;
 export type LiveTabLabelBaseProps = TextBaseProps & {
   /**
    * The label to display.
@@ -38,7 +43,8 @@ export declare const LiveTabLabel: React.MemoExoticComponent<
     ref?: React.Ref<View>;
   }) => import('react/jsx-runtime').JSX.Element
 >;
-export type PeriodSelectorProps = SegmentedTabsProps;
+export type PeriodSelectorBaseProps<TabId extends string = string> = SegmentedTabsBaseProps<TabId>;
+export type PeriodSelectorProps<TabId extends string = string> = SegmentedTabsProps<TabId>;
 /**
  * PeriodSelector is a specialized version of SegmentedTabs optimized for chart period selection.
  * It provides transparent background, primary wash active state, and full-width layout by default.
@@ -46,14 +52,7 @@ export type PeriodSelectorProps = SegmentedTabsProps;
 export declare const PeriodSelector: React.MemoExoticComponent<
   ({
     ref,
-    background,
-    activeBackground,
-    activeColor,
-    width,
-    justifyContent,
-    TabComponent,
-    TabsActiveIndicatorComponent,
-    ...props
+    ..._props
   }: PeriodSelectorProps & {
     ref?: React.Ref<any>;
   }) => import('react/jsx-runtime').JSX.Element

package/dts/visualizations/chart/PeriodSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PeriodSelector.d.ts","sourceRoot":"","sources":["../../../src/visualizations/chart/PeriodSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAc,IAAI,EAAkB,MAAM,cAAc,CAAC;AAKhE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EAAqB,KAAK,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAEnF,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEjE,eAAO,MAAM,6BAA6B,GAAI,wDAK3C,wBAAwB,wDA+C1B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG;IAClD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAStD,eAAO,MAAM,YAAY,oFASpB,iBAAiB,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB,6CA0BF,CAAC;AAWF,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,cAAc,8JAWtB,mBAAmB,GAAG;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACtB,6CAaF,CAAC"}
+{"version":3,"file":"PeriodSelector.d.ts","sourceRoot":"","sources":["../../../src/visualizations/chart/PeriodSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAOhD,OAAO,EAEL,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAqB,KAAK,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAEnF,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIjE,eAAO,MAAM,6BAA6B,6GASrC,wBAAwB,oDAiD5B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG;IAClD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAStD,eAAO,MAAM,YAAY,oFASpB,iBAAiB,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB,6CA0BF,CAAC;AAWF,MAAM,MAAM,uBAAuB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,sBAAsB,CAAC,KAAK,CAAC,CAAC;AAEnG,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAE3F;;;GAGG;AACH,eAAO,MAAM,cAAc,iDAItB,mBAAmB,GAAG;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACtB,6CA2BF,CAAC"}

package/esm/system/__stories__/componentConfigStickerSheet/StickerSheet.js

@@ -13,7 +13,6 @@ import { IconExample } from './examples/Icon';
 import { InputChipExample } from './examples/InputChip';
 import { ListCellExample } from './examples/ListCell';
 import { SearchExample } from './examples/Search';
-import { SegmentedTabsExample } from './examples/SegmentedTabs';
 import { SelectExample } from './examples/Select';
 import { SelectChipExample } from './examples/SelectChip';
 import { TabsExample } from './examples/Tabs';
@@ -37,9 +36,6 @@ export const StickerSheet = /*#__PURE__*/memo(() => {
         children: [/*#__PURE__*/_jsx(Container, {
           title: "Switch / Checkbox / Radio",
           children: /*#__PURE__*/_jsx(ControlsExample, {})
-        }), /*#__PURE__*/_jsx(Container, {
-          title: "Segmented Tabs",
-          children: /*#__PURE__*/_jsx(SegmentedTabsExample, {})
         }), /*#__PURE__*/_jsx(Container, {
           title: "Tabs",
           children: /*#__PURE__*/_jsx(TabsExample, {})

package/esm/system/__stories__/componentConfigStickerSheet/examples/Tabs.js

@@ -1,7 +1,11 @@
 import React, { memo, useState } from 'react';
+import { PeriodSelector } from '@coinbase/cds-mobile/visualizations/chart';
+import { VStack } from '../../../../layout';
+import { SegmentedTabs } from '../../../../tabs/SegmentedTabs';
 import { Tabs } from '../../../../tabs/Tabs';
-import { jsx as _jsx } from "react/jsx-runtime";
-const tabs = [{
+import { Text } from '../../../../typography/Text';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const navigationTabs = [{
   id: 'orderBook',
   label: 'Order book'
 }, {
@@ -11,14 +15,59 @@ const tabs = [{
   id: 'orders',
   label: 'Orders'
 }];
+const segmentedTabs = [{
+  id: 'buy',
+  label: 'Buy'
+}, {
+  id: 'sell',
+  label: 'Sell'
+}, {
+  id: 'convert',
+  label: 'Convert'
+}];
 export const TabsExample = /*#__PURE__*/memo(() => {
-  const [activeTab, setActiveTab] = useState(tabs[0]);
-  return /*#__PURE__*/_jsx(Tabs, {
-    accessibilityLabel: "Market views",
-    activeTab: activeTab,
-    background: "bg",
-    gap: 4,
-    onChange: setActiveTab,
-    tabs: tabs
+  const [activeNavigationTab, setActiveNavigationTab] = useState(navigationTabs[0]);
+  const [activeSegmentedTab, setActiveSegmentedTab] = useState(segmentedTabs[0]);
+  const [activePeriodTab, setActivePeriodTab] = useState(segmentedTabs[0]);
+  return /*#__PURE__*/_jsxs(VStack, {
+    gap: 2,
+    width: "100%",
+    children: [/*#__PURE__*/_jsxs(VStack, {
+      gap: 0.5,
+      width: "100%",
+      children: [/*#__PURE__*/_jsx(Text, {
+        font: "caption",
+        children: "Tabs"
+      }), /*#__PURE__*/_jsx(Tabs, {
+        accessibilityLabel: "Market views",
+        activeTab: activeNavigationTab,
+        background: "bg",
+        gap: 4,
+        onChange: setActiveNavigationTab,
+        tabs: navigationTabs
+      })]
+    }), /*#__PURE__*/_jsxs(VStack, {
+      gap: 0.5,
+      width: "100%",
+      children: [/*#__PURE__*/_jsx(Text, {
+        font: "caption",
+        children: "Segmented"
+      }), /*#__PURE__*/_jsx(SegmentedTabs, {
+        activeTab: activeSegmentedTab,
+        onChange: setActiveSegmentedTab,
+        tabs: segmentedTabs
+      })]
+    }), /*#__PURE__*/_jsxs(VStack, {
+      gap: 0.5,
+      width: "100%",
+      children: [/*#__PURE__*/_jsx(Text, {
+        font: "caption",
+        children: "Period"
+      }), /*#__PURE__*/_jsx(PeriodSelector, {
+        activeTab: activePeriodTab,
+        onChange: setActivePeriodTab,
+        tabs: segmentedTabs
+      })]
+    })]
   });
 });

package/esm/system/__stories__/componentConfigStickerSheet/examples/constants.js

@@ -10,24 +10,4 @@ export const stickerSheetSelectOptions = [{
 }, {
   value: 'sol',
   label: 'Solana'
-}];
-export const segmentedTabs = [{
-  id: 'buy',
-  label: 'Buy'
-}, {
-  id: 'sell',
-  label: 'Sell'
-}, {
-  id: 'convert',
-  label: 'Convert'
-}];
-export const tabNavigationTabs = [{
-  id: 'overview',
-  label: 'Overview'
-}, {
-  id: 'activity',
-  label: 'Activity'
-}, {
-  id: 'details',
-  label: 'Details'
 }];

package/esm/tabs/SegmentedTab.js

@@ -1,5 +1,5 @@
 const _excluded = ["ref"],
-  _excluded2 = ["id", "label", "disabled", "onPress", "color", "activeColor", "style", "aria-selected", "accessibilityRole", "testID", "font", "fontFamily", "fontSize", "fontWeight", "lineHeight", "textTransform"];
+  _excluded2 = ["id", "label", "disabled", "onPress", "color", "activeColor", "style", "aria-selected", "accessibilityRole", "testID", "borderRadius", "font", "fontFamily", "fontSize", "fontWeight", "lineHeight", "textTransform"];
 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, useCallback, useEffect, useMemo } from 'react';
@@ -31,6 +31,7 @@ const SegmentedTabComponent = /*#__PURE__*/memo(_ref => {
       'aria-selected': ariaSelected,
       accessibilityRole = 'button',
       testID,
+      borderRadius = 1000,
       font = 'headline',
       fontFamily,
       fontSize,
@@ -62,13 +63,14 @@ const SegmentedTabComponent = /*#__PURE__*/memo(_ref => {
     color: animatedColor.value
   }), [animatedColor]);
   const pressableStyle = useMemo(() => ({
-    borderRadius: theme.borderRadius[1000],
+    borderRadius: theme.borderRadius[borderRadius],
     opacity: disabledProp && !allTabsDisabled ? accessibleOpacityDisabled : undefined
-  }), [theme.borderRadius, disabledProp, allTabsDisabled]);
+  }), [theme.borderRadius, borderRadius, disabledProp, allTabsDisabled]);
   return /*#__PURE__*/_jsx(Pressable, _extends({
     ref: ref,
     accessibilityRole: accessibilityRole,
     "aria-selected": ariaSelected != null ? ariaSelected : isActive,
+    borderRadius: borderRadius,
     disabled: isDisabled,
     onPress: handlePress,
     style: [pressableStyle, style],

package/esm/visualizations/chart/PeriodSelector.js

@@ -1,24 +1,32 @@
-const _excluded = ["ref", "color", "label", "font", "hideDot", "style"],
-  _excluded2 = ["ref"],
-  _excluded3 = ["ref", "background", "activeBackground", "activeColor", "width", "justifyContent", "TabComponent", "TabsActiveIndicatorComponent"];
+const _excluded = ["activeTabRect", "background", "position", "borderRadius", "style", "testID"],
+  _excluded2 = ["ref", "color", "label", "font", "hideDot", "style"],
+  _excluded3 = ["ref"],
+  _excluded4 = ["ref"],
+  _excluded5 = ["background", "activeBackground", "activeColor", "width", "justifyContent", "TabComponent", "TabsActiveIndicatorComponent"];
 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, useEffect, useMemo, useRef } from 'react';
 import { StyleSheet, View } from 'react-native';
 import Animated, { useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
+import { useComponentConfig } from '../../hooks/useComponentConfig';
 import { useTheme } from '../../hooks/useTheme';
+import { Box } from '../../layout/Box';
 import { SegmentedTab } from '../../tabs/SegmentedTab';
 import { SegmentedTabs } from '../../tabs/SegmentedTabs';
 import { tabsSpringConfig } from '../../tabs/Tabs';
 import { Text } from '../../typography/Text';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const PeriodSelectorActiveIndicator = _ref => {
+const AnimatedBox = Animated.createAnimatedComponent(Box);
+export const PeriodSelectorActiveIndicator = /*#__PURE__*/memo(_ref => {
   let {
-    activeTabRect,
-    background = 'bgPrimaryWash',
-    position = 'absolute',
-    borderRadius = 1000
-  } = _ref;
+      activeTabRect,
+      background = 'bgPrimaryWash',
+      position = 'absolute',
+      borderRadius = 1000,
+      style,
+      testID = 'period-selector-active-indicator'
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   const theme = useTheme();
   const {
     width,
@@ -59,16 +67,18 @@ export const PeriodSelectorActiveIndicator = _ref => {
     width: animatedValues.value.width,
     backgroundColor: animatedValues.value.backgroundColor
   }), [animatedValues]);
-  if (!width) return;
-  return /*#__PURE__*/_jsx(Animated.View, {
-    style: [{
-      position: position,
-      height,
-      borderRadius
-    }, animatedStyles],
-    testID: "period-selector-active-indicator"
-  });
-};
+  const indicatorStyle = useMemo(() => [animatedStyles, style], [animatedStyles, style]);
+  if (!width) return null;
+  return /*#__PURE__*/_jsx(AnimatedBox, _extends({
+    animated: true,
+    borderRadius: borderRadius,
+    height: height,
+    position: position,
+    role: "none",
+    style: indicatorStyle,
+    testID: testID
+  }, props));
+});
 const styles = StyleSheet.create({
   liveContainer: {
     flexDirection: 'row',
@@ -84,7 +94,7 @@ export const LiveTabLabel = /*#__PURE__*/memo(_ref2 => {
       hideDot,
       style
     } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded);
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   const theme = useTheme();
   const colorKey = color;
   const textColor = theme.color[colorKey] || color;
@@ -112,7 +122,7 @@ const PeriodSelectorTab = /*#__PURE__*/memo(_ref3 => {
   let {
       ref
     } = _ref3,
-    props = _objectWithoutPropertiesLoose(_ref3, _excluded2);
+    props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
   return /*#__PURE__*/_jsx(SegmentedTab, _extends({
     ref: ref,
     font: "label1"
@@ -124,7 +134,11 @@ const PeriodSelectorTab = /*#__PURE__*/memo(_ref3 => {
  */
 export const PeriodSelector = /*#__PURE__*/memo(_ref4 => {
   let {
-      ref,
+      ref
+    } = _ref4,
+    _props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
+  const mergedProps = useComponentConfig('PeriodSelector', _props);
+  const {
       background = 'transparent',
       activeBackground = 'bgPrimaryWash',
       activeColor = 'fgPrimary',
@@ -132,8 +146,8 @@ export const PeriodSelector = /*#__PURE__*/memo(_ref4 => {
       justifyContent = 'space-between',
       TabComponent = PeriodSelectorTab,
       TabsActiveIndicatorComponent = PeriodSelectorActiveIndicator
-    } = _ref4,
-    props = _objectWithoutPropertiesLoose(_ref4, _excluded3);
+    } = mergedProps,
+    props = _objectWithoutPropertiesLoose(mergedProps, _excluded5);
   return /*#__PURE__*/_jsx(SegmentedTabs, _extends({
     ref: ref,
     TabComponent: TabComponent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-mobile",
-  "version": "9.17.2",
+  "version": "9.18.0",
   "description": "Coinbase Design System - Mobile",
   "repository": {
     "type": "git",
@@ -218,7 +218,7 @@
     "react-native-worklets": "0.5.2"
   },
   "dependencies": {
-    "@coinbase/cds-common": "^9.17.2",
+    "@coinbase/cds-common": "^9.18.0",
     "@coinbase/cds-icons": "^5.21.0",
     "@coinbase/cds-illustrations": "^4.48.0",
     "@coinbase/cds-lottie-files": "^3.3.4",

package/esm/system/__stories__/componentConfigStickerSheet/examples/SegmentedTabs.js

@@ -1,12 +0,0 @@
-import React, { memo, useState } from 'react';
-import { SegmentedTabs } from '../../../../tabs/SegmentedTabs';
-import { segmentedTabs } from './constants';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const SegmentedTabsExample = /*#__PURE__*/memo(() => {
-  const [activeTab, setActiveTab] = useState(segmentedTabs[0]);
-  return /*#__PURE__*/_jsx(SegmentedTabs, {
-    activeTab: activeTab,
-    onChange: setActiveTab,
-    tabs: segmentedTabs
-  });
-});