@coinbase/cds-mobile 9.17.2 → 9.19.0

package/CHANGELOG.md

@@ -8,6 +8,22 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 9.19.0 (8/20/2026 PST)
+
+#### 🚀 Updates
+
+- Feat: support custom icon sets in name-prop components. [[#848](https://github.com/coinbase/cds/pull/848)]
+
+## 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/icons/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAGpE,OAAO,EAGL,iBAAiB,EACjB,KAAK,aAAa,IAAI,oBAAoB,EAC1C,KAAK,SAAS,IAAI,gBAAgB,EACnC,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,aAAa,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;AAC3D,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;AAEnD,eAAO,MAAM,IAAI;;;;;;;;;;;YAMitG,CAAC;YAAyE,CAAC;;;;kWAH3yG,CAAC;AAEH,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAGpE,OAAO,EAGL,iBAAiB,EACjB,KAAK,aAAa,IAAI,oBAAoB,EAC1C,KAAK,SAAS,IAAI,gBAAgB,EACnC,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,aAAa,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;AAC3D,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;AAEnD,eAAO,MAAM,IAAI;;;;;;;;;;;YAMohH,CAAC;YAAyE,CAAC;;;;kWAH9mH,CAAC;AAEH,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dts/icons/createIcon.d.ts

@@ -14,31 +14,21 @@ import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
 import type { PaddingProps } from '@coinbase/cds-common/types/SpacingProps';
 /** Default font family for the CDS icon glyph font. */
 export declare const DEFAULT_ICON_FONT_FAMILY = 'CoinbaseIcons';
-/**
- * Shape of the glyph map an icon set must provide. Keys are
- * `${name}-${sourcePixelSize}-${'active' | 'inactive'}` and values are the
- * single Unicode character rendered in the icon font.
- */
+/** Values are the single character to render in the icon font. */
 export type GlyphMap<Name extends string> = Record<
   `${Name}-${IconSourcePixelSize}-${'active' | 'inactive'}`,
   string
 >;
-/** Arguments passed to a glyph resolver to look up an icon's glyph. */
 export type IconGlyphResolverArgs<Name extends string> = {
-  /** Glyph map bound to this icon set. */
   glyphMap: GlyphMap<Name>;
-  /** Icon name requested via the `name` prop. */
   name: Name;
-  /** Size token requested via the `size` prop. */
   size: IconSize;
-  /** Resolved pixel size from the theme (includes device font scaling). */
+  /** Pixel size resolved from the theme, including device font scaling. */
   pixelSize: number;
-  /** Whether the active variant was requested. */
   active: boolean;
 };
-/** Configuration used to bind an icon set to a typed `Icon` component. */
-export type CreateIconConfig<Name extends string> = {
-  /** Generated glyph map for this icon set. */
+/** An icon font and the glyphs it provides. */
+export type IconGlyphSource<Name extends string = string> = {
   glyphMap: GlyphMap<Name>;
   /**
    * Font family registered by the icon set's font (loaded via `expo-font`).
@@ -46,13 +36,30 @@ export type CreateIconConfig<Name extends string> = {
    */
   fontFamily?: string;
   /**
-   * Resolves the glyph to render for an icon from the glyph map. Override to
-   * support a custom key format or size model. Defaults to the CDS scheme:
-   * `${name}-${sourceSize}-${'active' | 'inactive'}`, where `sourceSize` is
-   * `12`, `16`, or `24`.
+   * Override to use a custom key format or size model. Defaults to the CDS
+   * scheme: `${name}-${sourceSize}-${state}`, with `sourceSize` 12, 16, or 24.
    */
   getGlyph?: (args: IconGlyphResolverArgs<Name>) => string | undefined;
 };
+export type IconGlyphSourceProviderProps = {
+  /**
+   * Consulted before the built-in glyphs. A nested provider replaces it. Its
+   * font must be loaded (e.g. via `expo-font`).
+   */
+  source: IconGlyphSource<any>;
+  children: React.ReactNode;
+};
+/**
+ * Adds a custom glyph source to every CDS icon rendered below.
+ *
+ * Scope this to a subtree: a source reusing a built-in name re-skins that icon
+ * everywhere below, including icons CDS renders internally (`close`, `caretUp`,
+ * `checkmark`). Its names must be names the icon component already accepts.
+ */
+export declare function IconGlyphSourceProvider({
+  source,
+  children,
+}: IconGlyphSourceProviderProps): import('react/jsx-runtime').JSX.Element;
 export type IconBaseProps<Name extends string = string> = SharedProps &
   PaddingProps &
   Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityHint'> &
@@ -97,18 +104,10 @@ export type IconProps<Name extends string = string> = IconBaseProps<Name> & {
   };
 };
 declare const getIconSourceSize: (iconSize: number) => IconSourcePixelSize;
-/**
- * Creates a typed `Icon` component bound to a specific icon set (glyph map,
- * font family, and name union). The default CDS `Icon` is created from this
- * factory; consumers with their own icon package can create their own typed
- * icon component that reuses all of the CDS rendering, accessibility, and
- * theming behavior.
- */
-export declare function createIcon<Name extends string>({
-  glyphMap,
-  fontFamily,
-  getGlyph,
-}: CreateIconConfig<Name>): React.MemoExoticComponent<
+/** Creates a typed `Icon` component bound to an icon set. */
+export declare function createIcon<Name extends string>(
+  source: IconGlyphSource<Name>,
+): React.MemoExoticComponent<
   ({
     ref,
     ..._props

package/dts/icons/createIcon.d.ts.map

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

package/dts/icons/index.d.ts

@@ -1,6 +1,11 @@
+export type {
+  GlyphMap,
+  IconGlyphResolverArgs,
+  IconGlyphSource,
+  IconGlyphSourceProviderProps,
+} from './createIcon';
+export { createIcon, DEFAULT_ICON_FONT_FAMILY, IconGlyphSourceProvider } from './createIcon';
 export * from './Icon';
-export { createIcon, DEFAULT_ICON_FONT_FAMILY } from './createIcon';
-export type { CreateIconConfig, GlyphMap, IconGlyphResolverArgs } from './createIcon';
 export * from './LogoMark';
 export * from './LogoWordmark';
 export * from './SubBrandLogoMark';

package/dts/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AACpE,YAAY,EAAE,gBAAgB,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACtF,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,QAAQ,EACR,qBAAqB,EACrB,eAAe,EACf,4BAA4B,GAC7B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC7F,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,YAAY,CAAC"}

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/icons/createIcon.js

@@ -1,6 +1,7 @@
 const _excluded = ["ref"];
 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';
+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); }
+import React, { createContext, memo, useContext, useMemo } from 'react';
 import { Animated, Text, useWindowDimensions } from 'react-native';
 import { isDevelopment } from '@coinbase/cds-utils';
 import { useComponentConfig } from '../hooks/useComponentConfig';
@@ -11,16 +12,28 @@ import { Box } from '../layout/Box';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const DEFAULT_ICON_FONT_FAMILY = 'CoinbaseIcons';
 
-/**
- * Shape of the glyph map an icon set must provide. Keys are
- * `${name}-${sourcePixelSize}-${'active' | 'inactive'}` and values are the
- * single Unicode character rendered in the icon font.
- */
+/** Values are the single character to render in the icon font. */
 
-/** Arguments passed to a glyph resolver to look up an icon's glyph. */
-
-/** Configuration used to bind an icon set to a typed `Icon` component. */
+/** An icon font and the glyphs it provides. */
 
+const IconGlyphSourceContext = /*#__PURE__*/createContext(undefined);
+/**
+ * Adds a custom glyph source to every CDS icon rendered below.
+ *
+ * Scope this to a subtree: a source reusing a built-in name re-skins that icon
+ * everywhere below, including icons CDS renders internally (`close`, `caretUp`,
+ * `checkmark`). Its names must be names the icon component already accepts.
+ */
+export function IconGlyphSourceProvider(_ref) {
+  let {
+    source,
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx(IconGlyphSourceContext.Provider, {
+    value: source,
+    children: children
+  });
+}
 const getIconSourceSize = iconSize => {
   if (iconSize <= 12) return 12;
   if (iconSize <= 16) return 16;
@@ -28,31 +41,35 @@ const getIconSourceSize = iconSize => {
 };
 
 /** Default glyph resolver using the CDS `${name}-${sourceSize}-${state}` key scheme. */
-const defaultGetGlyph = _ref => {
+const defaultGetGlyph = _ref2 => {
   let {
     glyphMap,
     name,
     pixelSize,
     active
-  } = _ref;
+  } = _ref2;
   const sourceSize = getIconSourceSize(pixelSize);
   const key = name + "-" + sourceSize + "-" + (active ? 'active' : 'inactive');
   return glyphMap[key];
 };
+/** Resolves a glyph from one source, with that source's font. */
+const resolveFromSource = (source, args) => {
+  var _source$getGlyph, _source$fontFamily;
+  const char = ((_source$getGlyph = source.getGlyph) != null ? _source$getGlyph : defaultGetGlyph)(_extends({}, args, {
+    glyphMap: source.glyphMap
+  }));
+  return char === undefined ? undefined : {
+    char,
+    fontFamily: (_source$fontFamily = source.fontFamily) != null ? _source$fontFamily : DEFAULT_ICON_FONT_FAMILY
+  };
+};
+const resolveGlyph = (contextSource, boundSource, args) => {
+  const fromContext = contextSource ? resolveFromSource(contextSource, args) : undefined;
+  return fromContext != null ? fromContext : resolveFromSource(boundSource, args);
+};
 
-/**
- * Creates a typed `Icon` component bound to a specific icon set (glyph map,
- * font family, and name union). The default CDS `Icon` is created from this
- * factory; consumers with their own icon package can create their own typed
- * icon component that reuses all of the CDS rendering, accessibility, and
- * theming behavior.
- */
-export function createIcon(_ref2) {
-  let {
-    glyphMap,
-    fontFamily = DEFAULT_ICON_FONT_FAMILY,
-    getGlyph = defaultGetGlyph
-  } = _ref2;
+/** Creates a typed `Icon` component bound to an icon set. */
+export function createIcon(source) {
   const Icon = /*#__PURE__*/memo(_ref3 => {
     let {
         ref
@@ -89,6 +106,15 @@ export function createIcon(_ref2) {
     const iconSize = allowFontScaling ? theme.iconSize[size] * fontScale : theme.iconSize[size];
     const iconColor = theme.color[color];
     const finalColor = dangerouslySetColor != null ? dangerouslySetColor : iconColor;
+
+    // Tried before the bound set, so a source can override a built-in icon.
+    const contextSource = useContext(IconGlyphSourceContext);
+    const resolved = resolveGlyph(contextSource, source, {
+      name,
+      size,
+      pixelSize: iconSize,
+      active: Boolean(active)
+    });
     const rootStyle = useMemo(() => {
       var _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref0, _ref1;
       return [{
@@ -98,22 +124,18 @@ export function createIcon(_ref2) {
         paddingStart: theme.space[(_ref0 = (_ref1 = paddingStart != null ? paddingStart : paddingX) != null ? _ref1 : padding) != null ? _ref0 : 0]
       }, style, styles == null ? void 0 : styles.root];
     }, [style, theme.space, padding, paddingX, paddingY, paddingTop, paddingEnd, paddingBottom, paddingStart, styles == null ? void 0 : styles.root]);
+
+    // The matching source decides the font, so a source covering only some
+    // sizes or states of a name mixes fonts across that name.
     const iconStyle = useMemo(() => [{
-      fontFamily,
+      fontFamily: resolved == null ? void 0 : resolved.fontFamily,
       fontSize: iconSize,
       height: iconSize,
       width: iconSize,
       lineHeight: iconSize,
       color: finalColor
-    }, styles == null ? void 0 : styles.icon], [finalColor, iconSize, styles == null ? void 0 : styles.icon]);
-    const glyph = getGlyph({
-      glyphMap,
-      name,
-      size,
-      pixelSize: iconSize,
-      active: Boolean(active)
-    });
-    if (glyph === undefined) {
+    }, styles == null ? void 0 : styles.icon], [finalColor, iconSize, resolved == null ? void 0 : resolved.fontFamily, styles == null ? void 0 : styles.icon]);
+    if (resolved === undefined) {
       if (isDevelopment()) {
         console.error("Unable to find glyph for icon \"" + name + "\" at size \"" + size + "\"");
       }
@@ -135,7 +157,7 @@ export function createIcon(_ref2) {
         // TODO https://linear.app/coinbase/issue/CDS-1518/audit-potentially-harmful-reactnative-animated-pattern
         ,
         style: iconStyle,
-        children: glyph
+        children: resolved.char
       })
     });
   });

package/esm/icons/index.js

@@ -1,5 +1,5 @@
+export { createIcon, DEFAULT_ICON_FONT_FAMILY, IconGlyphSourceProvider } from './createIcon';
 export * from './Icon';
-export { createIcon, DEFAULT_ICON_FONT_FAMILY } from './createIcon';
 export * from './LogoMark';
 export * from './LogoWordmark';
 export * from './SubBrandLogoMark';

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.19.0",
   "description": "Coinbase Design System - Mobile",
   "repository": {
     "type": "git",
@@ -218,8 +218,8 @@
     "react-native-worklets": "0.5.2"
   },
   "dependencies": {
-    "@coinbase/cds-common": "^9.17.2",
-    "@coinbase/cds-icons": "^5.21.0",
+    "@coinbase/cds-common": "^9.19.0",
+    "@coinbase/cds-icons": "^5.22.0",
     "@coinbase/cds-illustrations": "^4.48.0",
     "@coinbase/cds-lottie-files": "^3.3.4",
     "@coinbase/cds-utils": "^2.3.5",

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
-  });
-});