@coinbase/cds-web 8.13.1 → 8.13.5

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

@@ -8,217 +8,218 @@ import { type TextBaseProps, type TextDefaultElement, type TextProps } from '../
  * Defines transition overrides for RollingNumber animations.
  */
 type RollingNumberTransitionConfig = {
-    /**
-     * Transition override applied to the vertical translation animation.
-     */
-    y?: Transition;
-    /**
-     * Transition override applied to the color interpolation animation.
-     */
-    color?: Transition;
+  /**
+   * Transition override applied to the vertical translation animation.
+   */
+  y?: Transition;
+  /**
+   * Transition override applied to the color interpolation animation.
+   */
+  color?: Transition;
 };
 export declare const defaultTransitionConfig: {
-    readonly y: {
-        readonly duration: number;
-        readonly ease: import("@coinbase/cds-common/motion/tokens").EasingArray;
-    };
-    readonly color: {
-        readonly duration: number;
-        readonly ease: import("@coinbase/cds-common/motion/tokens").EasingArray;
-    };
+  readonly y: {
+    readonly duration: number;
+    readonly ease: import('@coinbase/cds-common/motion/tokens').EasingArray;
+  };
+  readonly color: {
+    readonly duration: number;
+    readonly ease: import('@coinbase/cds-common/motion/tokens').EasingArray;
+  };
 };
 export type RollingNumberMaskProps = TextProps<TextDefaultElement> & {
-    /**
-     * Content rendered inside the mask container.
-     */
-    children?: React.ReactNode;
-    /**
-     * Ref forwarded to the mask element.
-     */
-    ref?: React.Ref<HTMLSpanElement>;
+  /**
+   * Content rendered inside the mask container.
+   */
+  children?: React.ReactNode;
+  /**
+   * Ref forwarded to the mask element.
+   */
+  ref?: React.Ref<HTMLSpanElement>;
 };
 export type RollingNumberAffixSectionProps = TextProps<TextDefaultElement> & {
+  /**
+   * Content rendered inside the affix section.
+   */
+  children?: React.ReactNode;
+  /**
+   * Ref forwarded to the affix section wrapper element.
+   */
+  ref?: React.Ref<HTMLSpanElement>;
+  /**
+   * Inline style overrides applied to the affix section.
+   */
+  styles?: {
     /**
-     * Content rendered inside the affix section.
+     * Inline style override applied to the affix section container.
      */
-    children?: React.ReactNode;
+    root?: React.CSSProperties;
     /**
-     * Ref forwarded to the affix section wrapper element.
+     * Inline style override applied to the text within the section.
      */
-    ref?: React.Ref<HTMLSpanElement>;
+    text?: React.CSSProperties;
+  };
+  /**
+   * Class name overrides applied to the affix section.
+   */
+  classNames?: {
     /**
-     * Inline style overrides applied to the affix section.
+     * Class name override applied to the affix section container.
      */
-    styles?: {
-        /**
-         * Inline style override applied to the affix section container.
-         */
-        root?: React.CSSProperties;
-        /**
-         * Inline style override applied to the text within the section.
-         */
-        text?: React.CSSProperties;
-    };
+    root?: string;
     /**
-     * Class name overrides applied to the affix section.
+     * Class name override applied to the text within the section.
      */
-    classNames?: {
-        /**
-         * Class name override applied to the affix section container.
-         */
-        root?: string;
-        /**
-         * Class name override applied to the text within the section.
-         */
-        text?: string;
-    };
+    text?: string;
+  };
 };
 export type RollingNumberValueSectionProps = TextProps<TextDefaultElement> & {
-    /**
-     * Parts provided by Intl.NumberFormat used to render the formatted value.
-     */
-    intlNumberParts: KeyedNumberPart[];
-    /**
-     * Component used to render numeric digits within the section.
-     */
-    RollingNumberDigitComponent?: RollingNumberDigitComponent;
-    /**
-     * Component used to render non-digit symbols within the section.
-     */
-    RollingNumberSymbolComponent?: RollingNumberSymbolComponent;
-    /**
-     * Component used to mask and animate digit transitions.
-     */
-    RollingNumberMaskComponent?: RollingNumberMaskComponent;
-    /**
-     * Preformatted string rendered instead of intlNumberParts when provided.
-     */
-    formattedValue?: string;
-    /**
-     * Transition overrides applied to digit and symbol animations.
-     */
-    transitionConfig?: RollingNumberTransitionConfig;
-    /**
-     * Inline style overrides applied to the value section.
-     */
-    styles?: {
-        /**
-         * Inline style override applied to the section container.
-         */
-        root?: React.CSSProperties;
-        /**
-         * Inline style override applied to text within the section.
-         */
-        text?: React.CSSProperties;
-    };
-    /**
-     * Class name overrides applied to the value section.
-     */
-    classNames?: {
-        /**
-         * Class name override applied to the section container.
-         */
-        root?: string;
-        /**
-         * Class name override applied to text within the section.
-         */
-        text?: string;
-    };
-    /**
-     * Ref forwarded to the section container element.
-     */
-    ref?: React.Ref<HTMLSpanElement>;
+  /**
+   * Parts provided by Intl.NumberFormat used to render the formatted value.
+   */
+  intlNumberParts: KeyedNumberPart[];
+  /**
+   * Component used to render numeric digits within the section.
+   */
+  RollingNumberDigitComponent?: RollingNumberDigitComponent;
+  /**
+   * Component used to render non-digit symbols within the section.
+   */
+  RollingNumberSymbolComponent?: RollingNumberSymbolComponent;
+  /**
+   * Component used to mask and animate digit transitions.
+   */
+  RollingNumberMaskComponent?: RollingNumberMaskComponent;
+  /**
+   * Preformatted string rendered instead of intlNumberParts when provided.
+   */
+  formattedValue?: string;
+  /**
+   * Transition overrides applied to digit and symbol animations.
+   */
+  transitionConfig?: RollingNumberTransitionConfig;
+  /**
+   * Inline style overrides applied to the value section.
+   */
+  styles?: {
+    /**
+     * Inline style override applied to the section container.
+     */
+    root?: React.CSSProperties;
+    /**
+     * Inline style override applied to text within the section.
+     */
+    text?: React.CSSProperties;
+  };
+  /**
+   * Class name overrides applied to the value section.
+   */
+  classNames?: {
+    /**
+     * Class name override applied to the section container.
+     */
+    root?: string;
+    /**
+     * Class name override applied to text within the section.
+     */
+    text?: string;
+  };
+  /**
+   * Ref forwarded to the section container element.
+   */
+  ref?: React.Ref<HTMLSpanElement>;
 };
 export type RollingNumberDigitProps = TextProps<TextDefaultElement> & {
-    /**
-     * Digit currently displayed in the animated column.
-     */
-    value: number;
-    /**
-     * Digit displayed during the initial render.
-     */
-    initialValue?: number;
-    /**
-     * Transition overrides applied to the digit animation.
-     */
-    transitionConfig?: RollingNumberTransitionConfig;
-    /**
-     * Component used to mask the digit column.
-     */
-    RollingNumberMaskComponent?: RollingNumberMaskComponent;
-    /**
-     * Inline style overrides applied to the digit component.
-     */
-    styles?: {
-        /**
-         * Inline style override applied to the digit container.
-         */
-        root?: React.CSSProperties;
-        /**
-         * Inline style override applied to the digit text.
-         */
-        text?: React.CSSProperties;
-    };
-    /**
-     * Class name overrides applied to the digit component.
-     */
-    classNames?: {
-        /**
-         * Class name override applied to the digit container.
-         */
-        root?: string;
-        /**
-         * Class name override applied to the digit text.
-         */
-        text?: string;
-    };
-    /**
-     * Ref forwarded to the digit container element.
-     */
-    ref?: React.Ref<HTMLSpanElement>;
+  /**
+   * Digit currently displayed in the animated column.
+   */
+  value: number;
+  /**
+   * Digit displayed during the initial render.
+   */
+  initialValue?: number;
+  /**
+   * Transition overrides applied to the digit animation.
+   */
+  transitionConfig?: RollingNumberTransitionConfig;
+  /**
+   * Component used to mask the digit column.
+   */
+  RollingNumberMaskComponent?: RollingNumberMaskComponent;
+  /**
+   * Inline style overrides applied to the digit component.
+   */
+  styles?: {
+    /**
+     * Inline style override applied to the digit container.
+     */
+    root?: React.CSSProperties;
+    /**
+     * Inline style override applied to the digit text.
+     */
+    text?: React.CSSProperties;
+  };
+  /**
+   * Class name overrides applied to the digit component.
+   */
+  classNames?: {
+    /**
+     * Class name override applied to the digit container.
+     */
+    root?: string;
+    /**
+     * Class name override applied to the digit text.
+     */
+    text?: string;
+  };
+  /**
+   * Ref forwarded to the digit container element.
+   */
+  ref?: React.Ref<HTMLSpanElement>;
 };
 export type RollingNumberSymbolProps = TextProps<TextDefaultElement> & {
+  /**
+   * Literal symbol rendered within the number stream.
+   */
+  value: string;
+  /**
+   * Inline style overrides applied to the symbol component.
+   */
+  styles?: {
     /**
-     * Literal symbol rendered within the number stream.
+     * Inline style override applied to the symbol container.
      */
-    value: string;
+    root?: React.CSSProperties;
     /**
-     * Inline style overrides applied to the symbol component.
+     * Inline style override applied to the symbol text.
      */
-    styles?: {
-        /**
-         * Inline style override applied to the symbol container.
-         */
-        root?: React.CSSProperties;
-        /**
-         * Inline style override applied to the symbol text.
-         */
-        text?: React.CSSProperties;
-    };
+    text?: React.CSSProperties;
+  };
+  /**
+   * Class name overrides applied to the symbol component.
+   */
+  classNames?: {
     /**
-     * Class name overrides applied to the symbol component.
+     * Class name override applied to the symbol container.
      */
-    classNames?: {
-        /**
-         * Class name override applied to the symbol container.
-         */
-        root?: string;
-        /**
-         * Class name override applied to the symbol text.
-         */
-        text?: string;
-    };
+    root?: string;
     /**
-     * Ref forwarded to the symbol container element.
+     * Class name override applied to the symbol text.
      */
-    ref?: React.Ref<HTMLSpanElement>;
+    text?: string;
+  };
+  /**
+   * Ref forwarded to the symbol container element.
+   */
+  ref?: React.Ref<HTMLSpanElement>;
 };
 export type RollingNumberMaskComponent = React.FC<RollingNumberMaskProps>;
 export type RollingNumberAffixSectionComponent = React.FC<RollingNumberAffixSectionProps>;
 export type RollingNumberDigitComponent = React.FC<RollingNumberDigitProps>;
 export type RollingNumberSymbolComponent = React.FC<RollingNumberSymbolProps>;
 export type RollingNumberValueSectionComponent = React.FC<RollingNumberValueSectionProps>;
-export type RollingNumberBaseProps = SharedProps & TextBaseProps & {
+export type RollingNumberBaseProps = SharedProps &
+  TextBaseProps & {
     /**
      * Number to display.
      */
@@ -227,7 +228,7 @@ export type RollingNumberBaseProps = SharedProps & TextBaseProps & {
      * Intl.NumberFormat options applied when formatting the value. Scientific and engineering notation are not supported.
      */
     format?: Omit<Intl.NumberFormatOptions, 'notation'> & {
-        notation?: Extract<Intl.NumberFormatOptions['notation'], 'standard' | 'compact'>;
+      notation?: Extract<Intl.NumberFormatOptions['notation'], 'standard' | 'compact'>;
     };
     /**
      * Preformatted value rendered instead of formatting {@link value}. {@link value} is still used to determine numeric deltas.
@@ -305,102 +306,110 @@ export type RollingNumberBaseProps = SharedProps & TextBaseProps & {
      * Enables tabular figures on the underlying {@link Text}. Defaults to {@code true}.
      */
     tabularNumbers?: boolean;
-};
-export type RollingNumberProps<AsComponent extends React.ElementType> = Polymorphic.Props<AsComponent, RollingNumberBaseProps & {
+  };
+export type RollingNumberProps<AsComponent extends React.ElementType> = Polymorphic.Props<
+  AsComponent,
+  RollingNumberBaseProps & {
     /**
      * Class name overrides applied to RollingNumber slots.
      */
     classNames?: {
-        /**
-         * Class override applied to the outer container element.
-         */
-        root?: string;
-        /**
-         * Class override applied to the animated content wrapper that is visually rendered.
-         */
-        visibleContent?: string;
-        /**
-         * Class override applied to the wrapper for the formatted numeric value.
-         */
-        formattedValueSection?: string;
-        /**
-         * Class override applied to the prefix section rendered from props.
-         */
-        prefix?: string;
-        /**
-         * Class override applied to the suffix section rendered from props.
-         */
-        suffix?: string;
-        /**
-         * The prefix generated by Intl.NumberFormat, for example, the "$" in "$1,000".
-         */
-        i18nPrefix?: string;
-        /**
-         * The suffix generated by Intl.NumberFormat, for example, the "K" in "100K".
-         */
-        i18nSuffix?: string;
-        /**
-         * Class override applied to the integer portion of the formatted value.
-         */
-        integer?: string;
-        /**
-         * Class override applied to the fractional portion of the formatted value.
-         */
-        fraction?: string;
-        /**
-         * Class override applied to the Text component rendering digits and symbols.
-         */
-        text?: string;
+      /**
+       * Class override applied to the outer container element.
+       */
+      root?: string;
+      /**
+       * Class override applied to the animated content wrapper that is visually rendered.
+       */
+      visibleContent?: string;
+      /**
+       * Class override applied to the wrapper for the formatted numeric value.
+       */
+      formattedValueSection?: string;
+      /**
+       * Class override applied to the prefix section rendered from props.
+       */
+      prefix?: string;
+      /**
+       * Class override applied to the suffix section rendered from props.
+       */
+      suffix?: string;
+      /**
+       * The prefix generated by Intl.NumberFormat, for example, the "$" in "$1,000".
+       */
+      i18nPrefix?: string;
+      /**
+       * The suffix generated by Intl.NumberFormat, for example, the "K" in "100K".
+       */
+      i18nSuffix?: string;
+      /**
+       * Class override applied to the integer portion of the formatted value.
+       */
+      integer?: string;
+      /**
+       * Class override applied to the fractional portion of the formatted value.
+       */
+      fraction?: string;
+      /**
+       * Class override applied to the Text component rendering digits and symbols.
+       */
+      text?: string;
     };
     /**
      * Inline style overrides applied to RollingNumber slots.
      */
     styles?: {
-        /**
-         * Inline style override applied to the outer container element.
-         */
-        root?: React.CSSProperties;
-        /**
-         * Inline style override applied to the animated content wrapper that is visually rendered.
-         */
-        visibleContent?: React.CSSProperties;
-        /**
-         * Inline style override applied to the wrapper for the formatted numeric value.
-         */
-        formattedValueSection?: React.CSSProperties;
-        /**
-         * Inline style override applied to the prefix section rendered from props.
-         */
-        prefix?: React.CSSProperties;
-        /**
-         * Inline style override applied to the suffix section rendered from props.
-         */
-        suffix?: React.CSSProperties;
-        /**
-         * The prefix generated by Intl.NumberFormat, for example, the "$" in "$1,000".
-         */
-        i18nPrefix?: React.CSSProperties;
-        /**
-         * The suffix generated by Intl.NumberFormat, for example, the "K" in "100K".
-         */
-        i18nSuffix?: React.CSSProperties;
-        /**
-         * Inline styles applied to the integer portion of the formatted value.
-         */
-        integer?: React.CSSProperties;
-        /**
-         * Inline styles applied to the fractional portion of the formatted value.
-         */
-        fraction?: React.CSSProperties;
-        /**
-         * Inline styles applied to the Text component rendering digits and symbols.
-         */
-        text?: React.CSSProperties;
+      /**
+       * Inline style override applied to the outer container element.
+       */
+      root?: React.CSSProperties;
+      /**
+       * Inline style override applied to the animated content wrapper that is visually rendered.
+       */
+      visibleContent?: React.CSSProperties;
+      /**
+       * Inline style override applied to the wrapper for the formatted numeric value.
+       */
+      formattedValueSection?: React.CSSProperties;
+      /**
+       * Inline style override applied to the prefix section rendered from props.
+       */
+      prefix?: React.CSSProperties;
+      /**
+       * Inline style override applied to the suffix section rendered from props.
+       */
+      suffix?: React.CSSProperties;
+      /**
+       * The prefix generated by Intl.NumberFormat, for example, the "$" in "$1,000".
+       */
+      i18nPrefix?: React.CSSProperties;
+      /**
+       * The suffix generated by Intl.NumberFormat, for example, the "K" in "100K".
+       */
+      i18nSuffix?: React.CSSProperties;
+      /**
+       * Inline styles applied to the integer portion of the formatted value.
+       */
+      integer?: React.CSSProperties;
+      /**
+       * Inline styles applied to the fractional portion of the formatted value.
+       */
+      fraction?: React.CSSProperties;
+      /**
+       * Inline styles applied to the Text component rendering digits and symbols.
+       */
+      text?: React.CSSProperties;
     };
-}>;
-export declare const rollingNumberDefaultElement = "span";
+  }
+>;
+export declare const rollingNumberDefaultElement = 'span';
 export type RollingNumberDefaultElement = typeof rollingNumberDefaultElement;
-type RollingNumberComponent = (<AsComponent extends React.ElementType = RollingNumberDefaultElement>(props: RollingNumberProps<AsComponent>) => Polymorphic.ReactReturn) & Polymorphic.ReactNamed;
+type RollingNumberComponent = (<
+  AsComponent extends React.ElementType = RollingNumberDefaultElement,
+>(
+  props: RollingNumberProps<AsComponent>,
+) => Polymorphic.ReactReturn) &
+  Polymorphic.ReactNamed;
 export declare const RollingNumber: RollingNumberComponent;
 export {};
-//# sourceMappingURL=RollingNumber.d.ts.map
+//# sourceMappingURL=RollingNumber.d.ts.map

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

@@ -4,4 +4,4 @@ export * from './DefaultRollingNumberMask';
 export * from './DefaultRollingNumberSymbol';
 export * from './DefaultRollingNumberValueSection';
 export * from './RollingNumber';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,10 +1,17 @@
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
-export declare function useColorPulse({ value, formatted, defaultColor, colorPulseOnUpdate, positivePulseColor, negativePulseColor, }: {
-    value: number;
-    formatted: string;
-    defaultColor: ThemeVars.Color;
-    colorPulseOnUpdate: boolean;
-    positivePulseColor: ThemeVars.Color;
-    negativePulseColor: ThemeVars.Color;
-}): import("framer-motion").AnimationControls;
-//# sourceMappingURL=useColorPulse.d.ts.map
+export declare function useColorPulse({
+  value,
+  formatted,
+  defaultColor,
+  colorPulseOnUpdate,
+  positivePulseColor,
+  negativePulseColor,
+}: {
+  value: number;
+  formatted: string;
+  defaultColor: ThemeVars.Color;
+  colorPulseOnUpdate: boolean;
+  positivePulseColor: ThemeVars.Color;
+  negativePulseColor: ThemeVars.Color;
+}): import('framer-motion').AnimationControls;
+//# sourceMappingURL=useColorPulse.d.ts.map

package/dts/numbers/index.d.ts

@@ -1,2 +1,2 @@
 export * from './RollingNumber';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map