@coinbase/cds-web 8.13.1 → 8.13.5

package/dts/pagination/Pagination.d.ts

@@ -3,80 +3,99 @@ import type { Polymorphic } from '../core/polymorphism';
 import type { HStackDefaultElement, HStackProps } from '../layout/HStack';
 import type { PaginationOptions } from './usePagination';
 export type PaginationPageButtonProps = {
-    /** The page number */
-    page: number;
-    /** Click handler for the page button */
-    onClick: (page: number) => void;
-    /** A data attribute for the page number, used for focus management */
-    'data-pagenumber': number;
-    /** Whether this is the current active page */
-    isCurrentPage?: boolean;
-    /** Whether the button is disabled */
-    disabled?: boolean;
-    /** Accessibility label for the button */
-    accessibilityLabel?: string;
-    /** Test ID for the button */
-    testID?: string;
+  /** The page number */
+  page: number;
+  /** Click handler for the page button */
+  onClick: (page: number) => void;
+  /** A data attribute for the page number, used for focus management */
+  'data-pagenumber': number;
+  /** Whether this is the current active page */
+  isCurrentPage?: boolean;
+  /** Whether the button is disabled */
+  disabled?: boolean;
+  /** Accessibility label for the button */
+  accessibilityLabel?: string;
+  /** Test ID for the button */
+  testID?: string;
 };
 export type PaginationNavigationButtonProps = {
-    /** Which navigation button this is */
-    direction: 'first' | 'previous' | 'next' | 'last';
-    /** Click handler for the button */
-    onClick: () => void;
-    /** Whether the button is disabled */
-    disabled?: boolean;
-    /** Accessibility label for the button */
-    accessibilityLabel?: string;
-    /** Test ID for the button */
-    testID?: string;
+  /** Which navigation button this is */
+  direction: 'first' | 'previous' | 'next' | 'last';
+  /** Click handler for the button */
+  onClick: () => void;
+  /** Whether the button is disabled */
+  disabled?: boolean;
+  /** Accessibility label for the button */
+  accessibilityLabel?: string;
+  /** Test ID for the button */
+  testID?: string;
 };
 export type PaginationEllipsisProps = {
-    /** Custom content to display instead of default "..." */
-    content?: string;
-    /** Test ID for the ellipsis element */
-    testID?: string;
+  /** Custom content to display instead of default "..." */
+  content?: string;
+  /** Test ID for the ellipsis element */
+  testID?: string;
 };
 export type PaginationPageButtonComponent = React.FC<PaginationPageButtonProps>;
 export type PaginationNavigationButtonComponent = React.FC<PaginationNavigationButtonProps>;
 export type PaginationEllipsisComponent = React.FC<PaginationEllipsisProps>;
 export type PaginationBaseProps = Omit<PaginationOptions, 'initialPage'> & {
-    /** Current active page number (1-based) */
-    activePage: number;
-    /** Whether to show first and last page navigation buttons */
-    showFirstLastButtons?: boolean;
-    disabled?: boolean;
-    /** Custom test IDs for specific elements within pagination */
-    testIDMap?: {
-        nav?: string;
-        nextButton?: string;
-        prevButton?: string;
-        firstButton?: string;
-        lastButton?: string;
-    };
-    /** Custom accessibility labels for navigation buttons */
-    accessibilityLabels?: {
-        next?: string;
-        previous?: string;
-        first?: string;
-        last?: string;
-        page?: (page: number) => string;
-    };
-    accessibilityLabel?: string;
-    /**
-     * Custom component for rendering page buttons.
-     * Must use forwardRef to properly receive and forward the ref to a focusable DOM element
-     * for focus management to work correctly.
-     */
-    PaginationPageButtonComponent?: PaginationPageButtonComponent;
-    /**
-     * Custom component for rendering navigation buttons.
-     * Must use forwardRef to properly receive and forward the ref to a focusable DOM element
-     * for focus management to work correctly.
-     */
-    PaginationNavigationButtonComponent?: PaginationNavigationButtonComponent;
-    /** Custom component for rendering ellipsis */
-    PaginationEllipsisComponent?: PaginationEllipsisComponent;
+  /** Current active page number (1-based) */
+  activePage: number;
+  /** Whether to show first and last page navigation buttons */
+  showFirstLastButtons?: boolean;
+  disabled?: boolean;
+  /** Custom test IDs for specific elements within pagination */
+  testIDMap?: {
+    nav?: string;
+    nextButton?: string;
+    prevButton?: string;
+    firstButton?: string;
+    lastButton?: string;
+  };
+  /** Custom accessibility labels for navigation buttons */
+  accessibilityLabels?: {
+    next?: string;
+    previous?: string;
+    first?: string;
+    last?: string;
+    page?: (page: number) => string;
+  };
+  accessibilityLabel?: string;
+  /**
+   * Custom component for rendering page buttons.
+   * Must use forwardRef to properly receive and forward the ref to a focusable DOM element
+   * for focus management to work correctly.
+   */
+  PaginationPageButtonComponent?: PaginationPageButtonComponent;
+  /**
+   * Custom component for rendering navigation buttons.
+   * Must use forwardRef to properly receive and forward the ref to a focusable DOM element
+   * for focus management to work correctly.
+   */
+  PaginationNavigationButtonComponent?: PaginationNavigationButtonComponent;
+  /** Custom component for rendering ellipsis */
+  PaginationEllipsisComponent?: PaginationEllipsisComponent;
 };
-export type PaginationProps = Polymorphic.ExtendableProps<HStackProps<HStackDefaultElement>, PaginationBaseProps>;
-export declare const Pagination: ({ totalPages, activePage, onChange, disabled, showFirstLastButtons, siblingCount, boundaryCount, accessibilityLabel, testID, testIDMap, accessibilityLabels, PaginationPageButtonComponent, PaginationNavigationButtonComponent, PaginationEllipsisComponent, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Pagination.d.ts.map
+export type PaginationProps = Polymorphic.ExtendableProps<
+  HStackProps<HStackDefaultElement>,
+  PaginationBaseProps
+>;
+export declare const Pagination: ({
+  totalPages,
+  activePage,
+  onChange,
+  disabled,
+  showFirstLastButtons,
+  siblingCount,
+  boundaryCount,
+  accessibilityLabel,
+  testID,
+  testIDMap,
+  accessibilityLabels,
+  PaginationPageButtonComponent,
+  PaginationNavigationButtonComponent,
+  PaginationEllipsisComponent,
+  ...props
+}: PaginationProps) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=Pagination.d.ts.map

package/dts/pagination/__figma__/Pagination.figma.d.ts

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

package/dts/pagination/usePagination.d.ts

@@ -1,41 +1,49 @@
-export type PaginationItem = {
-    type: 'page';
-    page: number;
-    selected?: boolean;
-} | {
-    type: 'ellipsis';
-};
+export type PaginationItem =
+  | {
+      type: 'page';
+      page: number;
+      selected?: boolean;
+    }
+  | {
+      type: 'ellipsis';
+    };
 export type PaginationOptions = {
-    /** React state for the currently active page. */
-    activePage: number;
-    /** Total number of pages. */
-    totalPages: number;
-    /** Callback that is fired when the active page changes. Use this callback to update the `activePage` state. */
-    onChange: (activePage: number) => void;
-    /** Number of pages to show on each side of current page. */
-    siblingCount?: number;
-    /** Number of pages to show at the beginning and end of pagination. */
-    boundaryCount?: number;
+  /** React state for the currently active page. */
+  activePage: number;
+  /** Total number of pages. */
+  totalPages: number;
+  /** Callback that is fired when the active page changes. Use this callback to update the `activePage` state. */
+  onChange: (activePage: number) => void;
+  /** Number of pages to show on each side of current page. */
+  siblingCount?: number;
+  /** Number of pages to show at the beginning and end of pagination. */
+  boundaryCount?: number;
 };
 export type PaginationApi = Omit<PaginationOptions, 'onChange'> & {
-    /** React state for the currently active page number. Setting it to `null` results in no active page. */
-    activePage: number;
-    /** Update the currently active page number to `activePage`. Setting it to a number outside of the valid range will not change the active page. */
-    updateActivePage: (activePage: number) => void;
-    /** Update the currently active page to the next page. */
-    goNextPage: () => void;
-    /** Update the currently active page to the previous page. */
-    goPrevPage: () => void;
-    /** Update the currently active page to the first page. */
-    goFirstPage: () => void;
-    /** Update the currently active page to the last page. */
-    goLastPage: () => void;
-    /** State indicating if the activePage is the first page. */
-    isFirstPage: boolean;
-    /** State indicating if the activePage is the last page. */
-    isLastPage: boolean;
-    /** Array of pagination items. */
-    items: PaginationItem[];
+  /** React state for the currently active page number. Setting it to `null` results in no active page. */
+  activePage: number;
+  /** Update the currently active page number to `activePage`. Setting it to a number outside of the valid range will not change the active page. */
+  updateActivePage: (activePage: number) => void;
+  /** Update the currently active page to the next page. */
+  goNextPage: () => void;
+  /** Update the currently active page to the previous page. */
+  goPrevPage: () => void;
+  /** Update the currently active page to the first page. */
+  goFirstPage: () => void;
+  /** Update the currently active page to the last page. */
+  goLastPage: () => void;
+  /** State indicating if the activePage is the first page. */
+  isFirstPage: boolean;
+  /** State indicating if the activePage is the last page. */
+  isLastPage: boolean;
+  /** Array of pagination items. */
+  items: PaginationItem[];
 };
-export declare function usePagination({ activePage, onChange, totalPages, siblingCount, boundaryCount, }: PaginationOptions): PaginationApi;
-//# sourceMappingURL=usePagination.d.ts.map
+export declare function usePagination({
+  activePage,
+  onChange,
+  totalPages,
+  siblingCount,
+  boundaryCount,
+}: PaginationOptions): PaginationApi;
+//# sourceMappingURL=usePagination.d.ts.map

package/dts/section-header/SectionHeader.d.ts

@@ -3,18 +3,25 @@ import type { IconName } from '@coinbase/cds-icons';
 import type { Polymorphic } from '../core/polymorphism';
 import { type HStackDefaultElement, type HStackProps } from '../layout/HStack';
 export type SectionHeaderBaseProps = {
-    /** Text or ReactNode to be displayed in Title */
-    title: React.ReactNode;
-    start?: React.ReactNode;
-    icon?: Exclude<React.ReactNode, 'string'> | IconName;
-    /** Whether the icon is active */
-    iconActive?: boolean;
-    /** ReactNode or IconName to present balances wherever it is necessary */
-    balance?: React.ReactNode;
-    /** ReactNode to display up to 2 lines of copy that frames the section's purpose and relevance */
-    description?: React.ReactNode;
-    end?: React.ReactNode;
+  /** Text or ReactNode to be displayed in Title */
+  title: React.ReactNode;
+  start?: React.ReactNode;
+  icon?: Exclude<React.ReactNode, 'string'> | IconName;
+  /** Whether the icon is active */
+  iconActive?: boolean;
+  /** ReactNode or IconName to present balances wherever it is necessary */
+  balance?: React.ReactNode;
+  /** ReactNode to display up to 2 lines of copy that frames the section's purpose and relevance */
+  description?: React.ReactNode;
+  end?: React.ReactNode;
 };
-export type SectionHeaderProps = Polymorphic.ExtendableProps<HStackProps<HStackDefaultElement>, SectionHeaderBaseProps>;
-export declare const SectionHeader: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SectionHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>>;
-//# sourceMappingURL=SectionHeader.d.ts.map
+export type SectionHeaderProps = Polymorphic.ExtendableProps<
+  HStackProps<HStackDefaultElement>,
+  SectionHeaderBaseProps
+>;
+export declare const SectionHeader: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Omit<SectionHeaderProps, 'ref'> & React.RefAttributes<HTMLDivElement>
+  >
+>;
+//# sourceMappingURL=SectionHeader.d.ts.map

package/dts/section-header/__figma__/SectionHeader.figma.d.ts

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

package/dts/stepper/DefaultStepperHeaderHorizontal.d.ts

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

package/dts/stepper/DefaultStepperIconVertical.d.ts

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

package/dts/stepper/DefaultStepperLabelHorizontal.d.ts

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

package/dts/stepper/DefaultStepperLabelVertical.d.ts

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

package/dts/stepper/DefaultStepperProgressHorizontal.d.ts

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

package/dts/stepper/DefaultStepperProgressVertical.d.ts

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

package/dts/stepper/DefaultStepperStepHorizontal.d.ts

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

package/dts/stepper/DefaultStepperStepVertical.d.ts

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

package/dts/stepper/DefaultStepperSubstepContainerHorizontal.d.ts

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

package/dts/stepper/DefaultStepperSubstepContainerVertical.d.ts

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