@coinbase/cds-web 8.13.1 → 8.13.2

package/dts/multi-content-module/MultiContentModule.d.ts

@@ -2,9 +2,11 @@ import React from 'react';
 import type { IllustrationPictogramNames } from '@coinbase/cds-common/types/IllustrationNames';
 import type { Polymorphic } from '../core/polymorphism';
 import type { VStackBaseProps } from '../layout';
-export declare const multiContentModuleDefaultElement = "div";
+export declare const multiContentModuleDefaultElement = 'div';
 export type MultiContentModuleDefaultElement = typeof multiContentModuleDefaultElement;
-export type MultiContentModuleBaseProps = Polymorphic.ExtendableProps<VStackBaseProps, {
+export type MultiContentModuleBaseProps = Polymorphic.ExtendableProps<
+  VStackBaseProps,
+  {
     /** Callback fired when the action button pressed and cannot be used when `action` is a React Element */
     onActionPress?: React.MouseEventHandler;
     /** Illustration pictogram name or ReacNode to be displayed at the start of an module */
@@ -21,9 +23,18 @@ export type MultiContentModuleBaseProps = Polymorphic.ExtendableProps<VStackBase
     actionAccessibilityLabel?: string;
     /** ReactNode to display at the end */
     end?: React.ReactNode;
-}>;
-export type MultiContentModuleProps<AsComponent extends React.ElementType> = Polymorphic.Props<AsComponent, MultiContentModuleBaseProps>;
-type MultiContentModuleComponent = (<AsComponent extends React.ElementType = MultiContentModuleDefaultElement>(props: MultiContentModuleProps<AsComponent>) => Polymorphic.ReactReturn) & Polymorphic.ReactNamed;
+  }
+>;
+export type MultiContentModuleProps<AsComponent extends React.ElementType> = Polymorphic.Props<
+  AsComponent,
+  MultiContentModuleBaseProps
+>;
+type MultiContentModuleComponent = (<
+  AsComponent extends React.ElementType = MultiContentModuleDefaultElement,
+>(
+  props: MultiContentModuleProps<AsComponent>,
+) => Polymorphic.ReactReturn) &
+  Polymorphic.ReactNamed;
 export declare const MultiContentModule: MultiContentModuleComponent;
 export {};
-//# sourceMappingURL=MultiContentModule.d.ts.map
+//# sourceMappingURL=MultiContentModule.d.ts.map

package/dts/multi-content-module/__figma__/MultiContentModule.figma.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=MultiContentModule.figma.d.ts.map
+//# sourceMappingURL=MultiContentModule.figma.d.ts.map

package/dts/navigation/NavLink.d.ts

@@ -1,8 +1,14 @@
 import React from 'react';
 import { type LinkDefaultElement, type LinkProps } from '../typography/Link';
 export type NavLinkProps = {
-    /** Boolean to indicate if the Link represents the current route. */
-    active?: boolean;
+  /** Boolean to indicate if the Link represents the current route. */
+  active?: boolean;
 } & Omit<LinkProps<LinkDefaultElement>, 'color'>;
-export declare const NavLink: React.MemoExoticComponent<({ active, className: customClassName, ...props }: NavLinkProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=NavLink.d.ts.map
+export declare const NavLink: React.MemoExoticComponent<
+  ({
+    active,
+    className: customClassName,
+    ...props
+  }: NavLinkProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=NavLink.d.ts.map

package/dts/navigation/NavigationBar.d.ts

@@ -3,52 +3,66 @@ import type { SharedProps } from '@coinbase/cds-common';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { ResponsiveProp } from '../styles/styleProps';
 export type NavigationBarProps = SharedProps & {
-    /**
-     * Node (ie Back button) to display at the start of the nav bar
-     */
-    start?: React.ReactNode;
-    /**
-     * Node (icons, avatar, etc) to display at the end of the nav bar
-     */
-    end?: React.ReactNode;
-    /**
-     * The  bottom content. Use to render tabs
-     */
-    bottom?: React.ReactNode;
-    /**
-     * The middle content. Use the children to render the page title
-     */
-    children: React.ReactNode;
-    /**
-     * Accessibility label for the nav bar
-     */
-    accessibilityLabel?: string;
-    /**
-     * @default 2
-     */
-    paddingX?: ThemeVars.Space;
-    /**
-     * @default 2
-     */
-    paddingTop?: ThemeVars.Space;
-    /**
-     * @default 2
-     */
-    paddingBottom?: ThemeVars.Space;
-    /**
-     * Space between bottom of the nav bar and the rest of its content
-     * @default 2
-     */
-    rowGap?: ResponsiveProp<ThemeVars.Space>;
-    /**
-     * Space between the start, children, and end of the nav bar
-     * @default 2
-     */
-    columnGap?: ResponsiveProp<ThemeVars.Space>;
-    /**
-     * Disable the `overflow: hidden` style from being injected to the child Col
-     */
-    dangerouslyDisableOverflowHidden?: boolean;
+  /**
+   * Node (ie Back button) to display at the start of the nav bar
+   */
+  start?: React.ReactNode;
+  /**
+   * Node (icons, avatar, etc) to display at the end of the nav bar
+   */
+  end?: React.ReactNode;
+  /**
+   * The  bottom content. Use to render tabs
+   */
+  bottom?: React.ReactNode;
+  /**
+   * The middle content. Use the children to render the page title
+   */
+  children: React.ReactNode;
+  /**
+   * Accessibility label for the nav bar
+   */
+  accessibilityLabel?: string;
+  /**
+   * @default 2
+   */
+  paddingX?: ThemeVars.Space;
+  /**
+   * @default 2
+   */
+  paddingTop?: ThemeVars.Space;
+  /**
+   * @default 2
+   */
+  paddingBottom?: ThemeVars.Space;
+  /**
+   * Space between bottom of the nav bar and the rest of its content
+   * @default 2
+   */
+  rowGap?: ResponsiveProp<ThemeVars.Space>;
+  /**
+   * Space between the start, children, and end of the nav bar
+   * @default 2
+   */
+  columnGap?: ResponsiveProp<ThemeVars.Space>;
+  /**
+   * Disable the `overflow: hidden` style from being injected to the child Col
+   */
+  dangerouslyDisableOverflowHidden?: boolean;
 };
-export declare const NavigationBar: React.MemoExoticComponent<({ start, children, end, bottom, accessibilityLabel, paddingX, paddingTop, paddingBottom, dangerouslyDisableOverflowHidden, columnGap, rowGap, }: NavigationBarProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=NavigationBar.d.ts.map
+export declare const NavigationBar: React.MemoExoticComponent<
+  ({
+    start,
+    children,
+    end,
+    bottom,
+    accessibilityLabel,
+    paddingX,
+    paddingTop,
+    paddingBottom,
+    dangerouslyDisableOverflowHidden,
+    columnGap,
+    rowGap,
+  }: NavigationBarProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=NavigationBar.d.ts.map

package/dts/navigation/NavigationTitle.d.ts

@@ -1,5 +1,7 @@
 import { type TextProps } from '../typography/Text';
-export declare const navigationTitleDefaultElement = "h1";
+export declare const navigationTitleDefaultElement = 'h1';
 export type NavigationTitleProps = TextProps<React.ElementType>;
-export declare const NavigationTitle: import("react").MemoExoticComponent<({ as, font, ...props }: NavigationTitleProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=NavigationTitle.d.ts.map
+export declare const NavigationTitle: import('react').MemoExoticComponent<
+  ({ as, font, ...props }: NavigationTitleProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=NavigationTitle.d.ts.map

package/dts/navigation/NavigationTitleSelect.d.ts

@@ -1,12 +1,23 @@
 import React from 'react';
 import { type TextProps } from '../typography/Text';
 export type NavigationTitleSelectProps = Omit<TextProps<React.ElementType>, 'onChange'> & {
-    options: {
-        label: React.ReactNode;
-        id: string;
-    }[];
-    value: string;
-    onChange: (value: string) => void;
+  options: {
+    label: React.ReactNode;
+    id: string;
+  }[];
+  value: string;
+  onChange: (value: string) => void;
 };
-export declare const NavigationTitleSelect: React.MemoExoticComponent<({ options, value, onChange, accessibilityLabel, color, font, as, ...props }: NavigationTitleSelectProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=NavigationTitleSelect.d.ts.map
+export declare const NavigationTitleSelect: React.MemoExoticComponent<
+  ({
+    options,
+    value,
+    onChange,
+    accessibilityLabel,
+    color,
+    font,
+    as,
+    ...props
+  }: NavigationTitleSelectProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=NavigationTitleSelect.d.ts.map

package/dts/navigation/Sidebar.d.ts

@@ -1,36 +1,36 @@
 import React from 'react';
 import { type BoxBaseProps, type BoxProps } from '../layout';
-export declare const sidebarDefaultElement = "nav";
+export declare const sidebarDefaultElement = 'nav';
 export type SidebarDefaultElement = typeof sidebarDefaultElement;
 export type SidebarBaseProps = BoxBaseProps & {
-    /**
-     * The logo to display
-     * @default undefined
-     */
-    logo?: React.ReactElement | ((isCollapsed: boolean) => React.ReactNode);
-    /**
-     * Children are expected to be an array of SidebarItems
-     * @default undefined
-     */
-    children: React.ReactNode[];
-    /**
-     * Use collapsed to show only the logo
-     * @default false
-     */
-    collapsed?: boolean;
-    /**
-     * When set, the sidebar will auto collapse at or below the tablet breakpoint (currently 768px)
-     * @default false
-     */
-    autoCollapse?: boolean;
-    /**
-     * This node will be fixed to the bottom of the sidebar
-     * This is a render prop, and will provide the collapsed state
-     * @default undefined
-     */
-    renderEnd?: (isCollapsed: boolean) => React.ReactNode;
-    variant?: 'default' | 'condensed';
+  /**
+   * The logo to display
+   * @default undefined
+   */
+  logo?: React.ReactElement | ((isCollapsed: boolean) => React.ReactNode);
+  /**
+   * Children are expected to be an array of SidebarItems
+   * @default undefined
+   */
+  children: React.ReactNode[];
+  /**
+   * Use collapsed to show only the logo
+   * @default false
+   */
+  collapsed?: boolean;
+  /**
+   * When set, the sidebar will auto collapse at or below the tablet breakpoint (currently 768px)
+   * @default false
+   */
+  autoCollapse?: boolean;
+  /**
+   * This node will be fixed to the bottom of the sidebar
+   * This is a render prop, and will provide the collapsed state
+   * @default undefined
+   */
+  renderEnd?: (isCollapsed: boolean) => React.ReactNode;
+  variant?: 'default' | 'condensed';
 };
 export type SidebarProps = SidebarBaseProps & Omit<BoxProps<SidebarDefaultElement>, 'children'>;
 export declare const Sidebar: React.FC<SidebarProps>;
-//# sourceMappingURL=Sidebar.d.ts.map
+//# sourceMappingURL=Sidebar.d.ts.map

package/dts/navigation/SidebarContext.d.ts

@@ -1,8 +1,8 @@
 export type SidebarContextType = {
-    collapsed: boolean;
-    variant: 'default' | 'condensed';
+  collapsed: boolean;
+  variant: 'default' | 'condensed';
 };
-export declare const SidebarContext: import("react").Context<SidebarContextType>;
-export declare const SidebarProvider: import("react").Provider<SidebarContextType>;
+export declare const SidebarContext: import('react').Context<SidebarContextType>;
+export declare const SidebarProvider: import('react').Provider<SidebarContextType>;
 export declare const useSidebarContext: () => SidebarContextType;
-//# sourceMappingURL=SidebarContext.d.ts.map
+//# sourceMappingURL=SidebarContext.d.ts.map

package/dts/navigation/SidebarItem.d.ts

@@ -4,44 +4,52 @@ import { type IconProps } from '../icons';
 import type { TooltipProps } from '../overlays/tooltip/TooltipProps';
 import { type PressableDefaultElement, type PressableProps } from '../system/Pressable';
 type CustomSidebarItemProps = {
-    isCollapsed?: boolean;
-    color: ThemeVars.Color;
-    title: string;
-    active?: boolean;
-    icon: IconProps['name'];
+  isCollapsed?: boolean;
+  color: ThemeVars.Color;
+  title: string;
+  active?: boolean;
+  icon: IconProps['name'];
 };
-type ManagedPressableProps = Pick<PressableProps<PressableDefaultElement>, 'background' | 'width' | 'transparentWhileInactive' | 'className' | 'borderWidth'>;
+type ManagedPressableProps = Pick<
+  PressableProps<PressableDefaultElement>,
+  'background' | 'width' | 'transparentWhileInactive' | 'className' | 'borderWidth'
+>;
 export type SidebarItemProps = {
-    /**
-     * The Navigation Icon this item represents
-     * @default undefined
-     */
-    icon: IconProps['name'];
-    /**
-     * The title of the page this item represents
-     * @default undefined
-     */
-    title: string;
-    /**
-     * Use collapsed to show only the logo
-     * @default false
-     */
-    collapsed?: boolean;
-    /**
-     * Use the active prop to identify the current page
-     * @default false
-     */
-    active?: boolean;
-    /** Label or content to display when Sidebar is collapsed and sidebar more menu is hovered */
-    tooltipContent?: React.ReactNode;
-    /**
-     * Optional presentational component to render for the SidebarItem.
-     * By default, the SidebarItem will render as a row with an Icon and Headline Text element
-     *
-     * The component must implement the CustomSidebarItemProps props interface
-     */
-    Component?: React.ElementType<CustomSidebarItemProps>;
-} & Omit<PressableProps<PressableDefaultElement>, keyof ManagedPressableProps> & Pick<TooltipProps, 'disablePortal'>;
-export declare const SidebarItem: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SidebarItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>>;
+  /**
+   * The Navigation Icon this item represents
+   * @default undefined
+   */
+  icon: IconProps['name'];
+  /**
+   * The title of the page this item represents
+   * @default undefined
+   */
+  title: string;
+  /**
+   * Use collapsed to show only the logo
+   * @default false
+   */
+  collapsed?: boolean;
+  /**
+   * Use the active prop to identify the current page
+   * @default false
+   */
+  active?: boolean;
+  /** Label or content to display when Sidebar is collapsed and sidebar more menu is hovered */
+  tooltipContent?: React.ReactNode;
+  /**
+   * Optional presentational component to render for the SidebarItem.
+   * By default, the SidebarItem will render as a row with an Icon and Headline Text element
+   *
+   * The component must implement the CustomSidebarItemProps props interface
+   */
+  Component?: React.ElementType<CustomSidebarItemProps>;
+} & Omit<PressableProps<PressableDefaultElement>, keyof ManagedPressableProps> &
+  Pick<TooltipProps, 'disablePortal'>;
+export declare const SidebarItem: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Omit<SidebarItemProps, 'ref'> & React.RefAttributes<HTMLButtonElement>
+  >
+>;
 export {};
-//# sourceMappingURL=SidebarItem.d.ts.map
+//# sourceMappingURL=SidebarItem.d.ts.map

package/dts/navigation/SidebarMoreMenu.d.ts

@@ -3,12 +3,14 @@ import type { SharedProps } from '@coinbase/cds-common/types';
 import type { DropdownProps } from '../dropdown';
 import type { SidebarItemProps } from './SidebarItem';
 export type SidebarMoreMenuProps = {
-    children: React.ReactNode;
-    /**
-     * Title of the menu trigger. Use this prop to localize the trigger title.
-     * @default More
-     */
-    triggerTitle?: string;
-} & Pick<DropdownProps, 'value' | 'onBlur' | 'disablePortal' | 'onChange'> & Pick<SidebarItemProps, 'active' | 'tooltipContent' | 'onClick' | 'Component' | 'borderRadius'> & SharedProps;
+  children: React.ReactNode;
+  /**
+   * Title of the menu trigger. Use this prop to localize the trigger title.
+   * @default More
+   */
+  triggerTitle?: string;
+} & Pick<DropdownProps, 'value' | 'onBlur' | 'disablePortal' | 'onChange'> &
+  Pick<SidebarItemProps, 'active' | 'tooltipContent' | 'onClick' | 'Component' | 'borderRadius'> &
+  SharedProps;
 export declare const SidebarMoreMenu: React.NamedExoticComponent<SidebarMoreMenuProps>;
-//# sourceMappingURL=SidebarMoreMenu.d.ts.map
+//# sourceMappingURL=SidebarMoreMenu.d.ts.map

package/dts/navigation/__figma__/NavLink.figma.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=NavLink.figma.d.ts.map
+//# sourceMappingURL=NavLink.figma.d.ts.map

package/dts/navigation/__figma__/NavigationBar.figma.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=NavigationBar.figma.d.ts.map
+//# sourceMappingURL=NavigationBar.figma.d.ts.map

package/dts/navigation/__figma__/NavigationTitle.figma.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=NavigationTitle.figma.d.ts.map
+//# sourceMappingURL=NavigationTitle.figma.d.ts.map

package/dts/navigation/__figma__/Sidebar.figma.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Sidebar.figma.d.ts.map
+//# sourceMappingURL=Sidebar.figma.d.ts.map

package/dts/navigation/__figma__/SidebarItem.figma.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=SidebarItem.figma.d.ts.map
+//# sourceMappingURL=SidebarItem.figma.d.ts.map

package/dts/navigation/index.d.ts

@@ -5,4 +5,4 @@ export * from './NavLink';
 export * from './Sidebar';
 export * from './SidebarItem';
 export * from './SidebarMoreMenu';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dts/numbers/RollingNumber/DefaultRollingNumberAffixSection.d.ts

@@ -1,3 +1,3 @@
 import type { RollingNumberAffixSectionComponent } from './RollingNumber';
 export declare const DefaultRollingNumberAffixSection: RollingNumberAffixSectionComponent;
-//# sourceMappingURL=DefaultRollingNumberAffixSection.d.ts.map
+//# sourceMappingURL=DefaultRollingNumberAffixSection.d.ts.map

package/dts/numbers/RollingNumber/DefaultRollingNumberDigit.d.ts

@@ -5,4 +5,4 @@ import { type RollingNumberDigitComponent } from './RollingNumber';
  * This has nearly unnoticeable difference in animation effect.
  *  */
 export declare const DefaultRollingNumberDigit: RollingNumberDigitComponent;
-//# sourceMappingURL=DefaultRollingNumberDigit.d.ts.map
+//# sourceMappingURL=DefaultRollingNumberDigit.d.ts.map

package/dts/numbers/RollingNumber/DefaultRollingNumberMask.d.ts

@@ -1,3 +1,3 @@
 import type { RollingNumberMaskComponent } from './RollingNumber';
 export declare const DefaultRollingNumberMask: RollingNumberMaskComponent;
-//# sourceMappingURL=DefaultRollingNumberMask.d.ts.map
+//# sourceMappingURL=DefaultRollingNumberMask.d.ts.map

package/dts/numbers/RollingNumber/DefaultRollingNumberSymbol.d.ts

@@ -1,3 +1,3 @@
 import type { RollingNumberSymbolComponent } from './RollingNumber';
 export declare const DefaultRollingNumberSymbol: RollingNumberSymbolComponent;
-//# sourceMappingURL=DefaultRollingNumberSymbol.d.ts.map
+//# sourceMappingURL=DefaultRollingNumberSymbol.d.ts.map

package/dts/numbers/RollingNumber/DefaultRollingNumberValueSection.d.ts

@@ -1,3 +1,3 @@
 import type { RollingNumberValueSectionComponent } from './RollingNumber';
 export declare const DefaultRollingNumberValueSection: RollingNumberValueSectionComponent;
-//# sourceMappingURL=DefaultRollingNumberValueSection.d.ts.map
+//# sourceMappingURL=DefaultRollingNumberValueSection.d.ts.map