@coinbase/cds-common 8.13.1 → 8.13.2

package/CHANGELOG.md

@@ -0,0 +1,37 @@
+# @coinbase/cds-common
+
+> [NPM registry](https://www.npmjs.com/package/@coinbase/cds-common)
+
+All notable changes to this project will be documented in this file.
+
+`@coinbase/cds-common` adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+<!-- template-start -->
+
+## 8.13.2 (10/1/2025 PST)
+
+#### 🐞 Fixes
+
+- Update links for new repo. [[#42](https://github.com/coinbase/cds/pull/42)]
+
+## 8.13.1 ((9/26/2025, 01:47 PM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.13.0 (9/25/2025 PST)
+
+#### 🚀 Updates
+
+- Added IntlNumberFormat class, and getWidthInEm util.
+
+## 8.12.2 ((9/25/2025, 10:10 AM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.12.1 ((9/24/2025, 09:42 AM PST))
+
+This is an artificial version bump with no new change.
+
+## 8.12.0 (9/18/2025 PST)
+
+- Prepare for open source release.

package/dts/accordion/AccordionProvider.d.ts

@@ -1,24 +1,30 @@
 import React from 'react';
 export type AccordionContextValue = {
-    activeKey: string | null;
-    setActiveKey: (activeKey: string | null) => void;
+  activeKey: string | null;
+  setActiveKey: (activeKey: string | null) => void;
 };
 export declare const AccordionContext: React.Context<AccordionContextValue>;
 export declare const useAccordionContext: () => AccordionContextValue;
 export type AccordionProviderProps = {
-    activeKey?: AccordionContextValue['activeKey'];
-    children?: React.ReactNode;
-    /**
-     * Default active accordion item key.
-     * If not specified or does not exist in the accordion items,
-     * all items will be closed on mount
-     */
-    defaultActiveKey?: string;
-    /**
-     * Callback function fired when any of accordion items is pressed
-     */
-    onChange?: AccordionContextValue['setActiveKey'];
-    setActiveKey?: AccordionContextValue['setActiveKey'];
+  activeKey?: AccordionContextValue['activeKey'];
+  children?: React.ReactNode;
+  /**
+   * Default active accordion item key.
+   * If not specified or does not exist in the accordion items,
+   * all items will be closed on mount
+   */
+  defaultActiveKey?: string;
+  /**
+   * Callback function fired when any of accordion items is pressed
+   */
+  onChange?: AccordionContextValue['setActiveKey'];
+  setActiveKey?: AccordionContextValue['setActiveKey'];
 };
-export declare const AccordionProvider: ({ activeKey, children, defaultActiveKey, setActiveKey, onChange, }: AccordionProviderProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AccordionProvider.d.ts.map
+export declare const AccordionProvider: ({
+  activeKey,
+  children,
+  defaultActiveKey,
+  setActiveKey,
+  onChange,
+}: AccordionProviderProps) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=AccordionProvider.d.ts.map

package/dts/animation/accordion.d.ts

@@ -1,4 +1,4 @@
 export declare const accordionVisibleMaxHeight = 400;
 export declare const accordionIconHiddenRotate = -180;
 export declare const accordionIconVisibleRotate = 0;
-//# sourceMappingURL=accordion.d.ts.map
+//# sourceMappingURL=accordion.d.ts.map

package/dts/animation/border.d.ts

@@ -1,4 +1,10 @@
 import type { MotionBaseSpec } from '../types';
-export declare const animateInputBorderInConfig: Omit<MotionBaseSpec, 'property' | 'useNativeDriver'>;
-export declare const animateInputBorderOutConfig: Omit<MotionBaseSpec, 'property' | 'useNativeDriver'>;
-//# sourceMappingURL=border.d.ts.map
+export declare const animateInputBorderInConfig: Omit<
+  MotionBaseSpec,
+  'property' | 'useNativeDriver'
+>;
+export declare const animateInputBorderOutConfig: Omit<
+  MotionBaseSpec,
+  'property' | 'useNativeDriver'
+>;
+//# sourceMappingURL=border.d.ts.map

package/dts/animation/carousel.d.ts

@@ -5,4 +5,4 @@ export declare const carouselVisibleSize = 1;
 export declare const carouselDismissSize = 0;
 export declare const animateOpacityConfig: MotionBaseSpec;
 export declare const animateSizeConfig: MotionBaseSpec;
-//# sourceMappingURL=carousel.d.ts.map
+//# sourceMappingURL=carousel.d.ts.map

package/dts/animation/collapsible.d.ts

@@ -4,12 +4,12 @@ export declare const collapsibleHiddenOpacity = 0;
 export declare const collapsibleVisibleOpacity = 1;
 export declare const collapsibleHiddenMaxSize = 0;
 export declare const collapsibleVisibleMaxSize = 1000;
-export declare const easing = "global";
-export declare const inDuration = "slow1";
-export declare const outDuration = "moderate3";
+export declare const easing = 'global';
+export declare const inDuration = 'slow1';
+export declare const outDuration = 'moderate3';
 export declare const animateInOpacityConfig: CollapsibleMotionSpec;
 export declare const animateOutOpacityConfig: CollapsibleMotionSpec;
 export declare const animateInMaxSizeConfig: CollapsibleMotionSpec;
 export declare const animateOutMaxSizeConfig: CollapsibleMotionSpec;
 export {};
-//# sourceMappingURL=collapsible.d.ts.map
+//# sourceMappingURL=collapsible.d.ts.map

package/dts/animation/dot.d.ts

@@ -3,4 +3,4 @@ export declare const dotHidden = 0;
 export declare const dotVisible = 1;
 export declare const animateDotWidthConfig: Omit<MotionBaseSpec, 'toValue' | 'fromValue'>;
 export declare const animateDotOpacityConfig: Omit<MotionBaseSpec, 'toValue' | 'fromValue'>;
-//# sourceMappingURL=dot.d.ts.map
+//# sourceMappingURL=dot.d.ts.map

package/dts/animation/drawer.d.ts

@@ -6,15 +6,15 @@ export declare const DISMISSAL_DRAG_THRESHOLD = 150;
 export declare const DISMISSAL_VELOCITY_THRESHOLD = 0.8;
 /** Minimum panning distance required to capture pan gesture */
 export declare const MIN_PAN_DISTANCE = 2;
-export declare const drawerAnimationDefaultDuration = "moderate3";
+export declare const drawerAnimationDefaultDuration = 'moderate3';
 export declare const animateDrawerInConfig: {
-    toValue: number;
-    easing: string;
-    duration: string;
+  toValue: number;
+  easing: string;
+  duration: string;
 };
 export declare const animateDrawerOutConfig: {
-    toValue: number;
-    easing: string;
-    duration: string;
+  toValue: number;
+  easing: string;
+  duration: string;
 };
-//# sourceMappingURL=drawer.d.ts.map
+//# sourceMappingURL=drawer.d.ts.map

package/dts/animation/dropdown.d.ts

@@ -1,27 +1,27 @@
 export declare const animateDropdownOpacityInConfig: {
-    easing: import("..").MotionCurve;
-    duration?: import("..").MotionDuration | undefined;
-    property: string;
-    fromValue: number;
-    toValue: number;
+  easing: import('..').MotionCurve;
+  duration?: import('..').MotionDuration | undefined;
+  property: string;
+  fromValue: number;
+  toValue: number;
 };
 export declare const animateDropdownOpacityOutConfig: {
-    easing: import("..").MotionCurve;
-    duration?: import("..").MotionDuration | undefined;
-    property: string;
-    fromValue: number;
-    toValue: number;
+  easing: import('..').MotionCurve;
+  duration?: import('..').MotionDuration | undefined;
+  property: string;
+  fromValue: number;
+  toValue: number;
 };
 export declare const animateDropdownTransformInConfig: {
-    easing: import("..").MotionCurve;
-    duration?: import("..").MotionDuration | undefined;
-    fromValue: number;
-    toValue: number;
+  easing: import('..').MotionCurve;
+  duration?: import('..').MotionDuration | undefined;
+  fromValue: number;
+  toValue: number;
 };
 export declare const animateDropdownTransformOutConfig: {
-    easing: import("..").MotionCurve;
-    duration?: import("..").MotionDuration | undefined;
-    fromValue: number;
-    toValue: number;
+  easing: import('..').MotionCurve;
+  duration?: import('..').MotionDuration | undefined;
+  fromValue: number;
+  toValue: number;
 };
-//# sourceMappingURL=dropdown.d.ts.map
+//# sourceMappingURL=dropdown.d.ts.map

package/dts/animation/fullscreenModal.d.ts

@@ -9,4 +9,4 @@ export declare const animateInTranslateYConfig: MotionBaseSpec;
 export declare const animateOutTranslateYConfig: MotionBaseSpec;
 export declare const animateInOverlayOpacityConfig: MotionBaseSpec;
 export declare const animateOutOverlayOpacityConfig: MotionBaseSpec;
-//# sourceMappingURL=fullscreenModal.d.ts.map
+//# sourceMappingURL=fullscreenModal.d.ts.map

package/dts/animation/likeButton.d.ts

@@ -3,4 +3,4 @@ export declare const activeScale = 1.2;
 export declare const inactiveScale = 1;
 export declare const scaleInConfig: MotionBaseSpec;
 export declare const scaleOutConfig: MotionBaseSpec;
-//# sourceMappingURL=likeButton.d.ts.map
+//# sourceMappingURL=likeButton.d.ts.map

package/dts/animation/menu.d.ts

@@ -1,29 +1,29 @@
 export declare const animateMenuOpacityInConfig: {
-    easing: import("..").MotionCurve;
-    duration?: import("..").MotionDuration | undefined;
-    property: string;
-    fromValue: number;
-    toValue: number;
+  easing: import('..').MotionCurve;
+  duration?: import('..').MotionDuration | undefined;
+  property: string;
+  fromValue: number;
+  toValue: number;
 };
 export declare const animateMenuOpacityOutConfig: {
-    easing: import("..").MotionCurve;
-    duration?: import("..").MotionDuration | undefined;
-    property: string;
-    fromValue: number;
-    toValue: number;
+  easing: import('..').MotionCurve;
+  duration?: import('..').MotionDuration | undefined;
+  property: string;
+  fromValue: number;
+  toValue: number;
 };
 export declare const animateMenuTransformInConfig: {
-    easing: import("..").MotionCurve;
-    duration?: import("..").MotionDuration | undefined;
-    property: string;
-    fromValue: number;
-    toValue: number;
+  easing: import('..').MotionCurve;
+  duration?: import('..').MotionDuration | undefined;
+  property: string;
+  fromValue: number;
+  toValue: number;
 };
 export declare const animateMenuTransformOutConfig: {
-    easing: import("..").MotionCurve;
-    duration?: import("..").MotionDuration | undefined;
-    property: string;
-    fromValue: number;
-    toValue: number;
+  easing: import('..').MotionCurve;
+  duration?: import('..').MotionDuration | undefined;
+  property: string;
+  fromValue: number;
+  toValue: number;
 };
-//# sourceMappingURL=menu.d.ts.map
+//# sourceMappingURL=menu.d.ts.map

package/dts/animation/modal.d.ts

@@ -7,4 +7,4 @@ export declare const animateInOpacityConfig: MotionBaseSpec;
 export declare const animateOutOpacityConfig: MotionBaseSpec;
 export declare const animateInScaleConfig: MotionBaseSpec;
 export declare const animateOutScaleConfig: MotionBaseSpec;
-//# sourceMappingURL=modal.d.ts.map
+//# sourceMappingURL=modal.d.ts.map

package/dts/animation/overlay.d.ts

@@ -3,4 +3,4 @@ export declare const overlayHiddenOpacity = 0;
 export declare const overlayVisibleOpacity = 1;
 export declare const animateInOpacityConfig: MotionBaseSpec;
 export declare const animateOutOpacityConfig: MotionBaseSpec;
-//# sourceMappingURL=overlay.d.ts.map
+//# sourceMappingURL=overlay.d.ts.map

package/dts/animation/paddle.d.ts

@@ -4,4 +4,4 @@ export declare const paddleVisible = 1;
 export declare const animateGradientScaleConfig: Omit<MotionBaseSpec, 'toValue' | 'fromValue'>;
 export declare const animatePaddleOpacityConfig: Omit<MotionBaseSpec, 'toValue' | 'fromValue'>;
 export declare const animatePaddleScaleConfig: Omit<MotionBaseSpec, 'toValue' | 'fromValue'>;
-//# sourceMappingURL=paddle.d.ts.map
+//# sourceMappingURL=paddle.d.ts.map

package/dts/animation/progress.d.ts

@@ -1,3 +1,3 @@
 import type { MotionTransition } from '../types';
 export declare const animateProgressBaseSpec: MotionTransition;
-//# sourceMappingURL=progress.d.ts.map
+//# sourceMappingURL=progress.d.ts.map

package/dts/animation/rotate.d.ts

@@ -1,3 +1,3 @@
 import type { MotionBaseSpec } from '../types';
 export declare const baseConfig: Pick<MotionBaseSpec, 'property' | 'easing' | 'duration'>;
-//# sourceMappingURL=rotate.d.ts.map
+//# sourceMappingURL=rotate.d.ts.map

package/dts/animation/select.d.ts

@@ -1,4 +1,4 @@
 import type { MotionBaseSpec } from '../types';
 export declare const animateCaretInConfig: MotionBaseSpec;
 export declare const animateCaretOutConfig: MotionBaseSpec;
-//# sourceMappingURL=select.d.ts.map
+//# sourceMappingURL=select.d.ts.map

package/dts/animation/sparkline.d.ts

@@ -1,7 +1,7 @@
 declare function easeOutQuint(x: number): number;
 export declare const animatedPathConfig: {
-    easing: typeof easeOutQuint;
-    duration: number;
+  easing: typeof easeOutQuint;
+  duration: number;
 };
 export {};
-//# sourceMappingURL=sparkline.d.ts.map
+//# sourceMappingURL=sparkline.d.ts.map

package/dts/animation/tabs.d.ts

@@ -2,4 +2,4 @@ import type { MotionBaseSpec } from '../types';
 type TabIndicatorMotionBaseSpec = Pick<MotionBaseSpec, 'easing' | 'duration' | 'property'>;
 export declare const animateTabIndicatorBaseSpec: TabIndicatorMotionBaseSpec;
 export {};
-//# sourceMappingURL=tabs.d.ts.map
+//# sourceMappingURL=tabs.d.ts.map

package/dts/animation/toast.d.ts

@@ -9,4 +9,4 @@ export declare const animateInBottomConfig: MotionBaseSpec;
 export declare const animateOutBottomConfig: MotionBaseSpec;
 export declare const horizontalPanThreshold = 50;
 export declare const bottomPanThreshold = 10;
-//# sourceMappingURL=toast.d.ts.map
+//# sourceMappingURL=toast.d.ts.map

package/dts/animation/tooltip.d.ts

@@ -11,8 +11,11 @@ export declare const animateOutOpacityConfig: MotionBaseSpec;
  * @param transitionType animation type
  * @returns Motion config
  */
-export declare const getTranslateConfigByPlacement: ({ placement, isExiting, }: {
-    placement: BaseTooltipPlacement;
-    isExiting?: boolean;
+export declare const getTranslateConfigByPlacement: ({
+  placement,
+  isExiting,
+}: {
+  placement: BaseTooltipPlacement;
+  isExiting?: boolean;
 }) => MotionBaseSpec;
-//# sourceMappingURL=tooltip.d.ts.map
+//# sourceMappingURL=tooltip.d.ts.map

package/dts/cards/getCardBodySpacingProps.d.ts

@@ -1,5 +1,17 @@
 import type { PaddingProps } from '../types';
-export declare const getCardBodySpacingProps: ({ padding, paddingX, paddingY, paddingTop, paddingEnd, paddingBottom, paddingStart, compact, }: {
-    compact?: boolean;
-} & PaddingProps) => Pick<PaddingProps, "paddingTop" | "paddingBottom" | "paddingStart" | "paddingEnd">;
-//# sourceMappingURL=getCardBodySpacingProps.d.ts.map
+export declare const getCardBodySpacingProps: ({
+  padding,
+  paddingX,
+  paddingY,
+  paddingTop,
+  paddingEnd,
+  paddingBottom,
+  paddingStart,
+  compact,
+}: {
+  compact?: boolean;
+} & PaddingProps) => Pick<
+  PaddingProps,
+  'paddingTop' | 'paddingBottom' | 'paddingStart' | 'paddingEnd'
+>;
+//# sourceMappingURL=getCardBodySpacingProps.d.ts.map

package/dts/color/blendColors.d.ts

@@ -1,13 +1,16 @@
 import { type ColorCommonInstance, type RGBColor } from 'd3-color';
-export type ColorValue = string | {
-    r: number;
-    g: number;
-    b: number;
-    opacity?: number;
-} | ColorCommonInstance;
+export type ColorValue =
+  | string
+  | {
+      r: number;
+      g: number;
+      b: number;
+      opacity?: number;
+    }
+  | ColorCommonInstance;
 type BlendColorsParams = {
-    underlayColor: ColorValue;
-    overlayColor: ColorValue;
+  underlayColor: ColorValue;
+  overlayColor: ColorValue;
 };
 export declare const getRGBColor: (color: ColorValue) => RGBColor;
 /**
@@ -18,4 +21,4 @@ export declare const getRGBColor: (color: ColorValue) => RGBColor;
  */
 export declare const blendColors: ({ underlayColor, overlayColor }: BlendColorsParams) => RGBColor;
 export {};
-//# sourceMappingURL=blendColors.d.ts.map
+//# sourceMappingURL=blendColors.d.ts.map

package/dts/color/colorToHex.d.ts

@@ -4,4 +4,4 @@
  * @website https://github.com/d3/d3-color#color
  */
 export declare const colorToHex: (value: string) => string;
-//# sourceMappingURL=colorToHex.d.ts.map
+//# sourceMappingURL=colorToHex.d.ts.map

package/dts/color/darkenColor.d.ts

@@ -1,2 +1,2 @@
 export declare const darkenColor: (value: string) => string | undefined;
-//# sourceMappingURL=darkenColor.d.ts.map
+//# sourceMappingURL=darkenColor.d.ts.map

package/dts/color/getAccessibleForegroundGradient.d.ts

@@ -1,13 +1,18 @@
 import type { ColorScheme } from '../core/theme';
 import type { A11yColorUsage, GradientArray } from '../types/Color';
 type GetAccessibleForegroundGradientParams = {
-    background: string;
-    color: string;
-    /** Active colorScheme (light or dark) */
-    colorScheme: ColorScheme;
-    /** Where the foreground color is being applied. */
-    usage: A11yColorUsage;
+  background: string;
+  color: string;
+  /** Active colorScheme (light or dark) */
+  colorScheme: ColorScheme;
+  /** Where the foreground color is being applied. */
+  usage: A11yColorUsage;
 };
-export declare const getAccessibleForegroundGradient: ({ background, color, colorScheme, usage, }: GetAccessibleForegroundGradientParams) => GradientArray;
+export declare const getAccessibleForegroundGradient: ({
+  background,
+  color,
+  colorScheme,
+  usage,
+}: GetAccessibleForegroundGradientParams) => GradientArray;
 export {};
-//# sourceMappingURL=getAccessibleForegroundGradient.d.ts.map
+//# sourceMappingURL=getAccessibleForegroundGradient.d.ts.map

package/dts/color/getBlendedColor.d.ts

@@ -8,14 +8,14 @@ import type { ColorScheme } from '../core/theme';
  * or below (in light color scheme) which the overlay color is considered in high contrast to the underlay color.
  */
 export type ColorBlendConfigByColorScheme = {
-    light: {
-        underlayColor: string;
-        highContrastLuminanceThreshold: number;
-    };
-    dark: {
-        underlayColor: string;
-        highContrastLuminanceThreshold: number;
-    };
+  light: {
+    underlayColor: string;
+    highContrastLuminanceThreshold: number;
+  };
+  dark: {
+    underlayColor: string;
+    highContrastLuminanceThreshold: number;
+  };
 };
 /**
  * The type of easing function to use for opacity adjustment.
@@ -28,55 +28,55 @@ export type BlendOpacityAdjustmentEasingFunction = 'linear' | 'ease-in' | 'ease-
  * Configuration for fine-tuning the automatic blend opacity adjustment.
  */
 export type BlendOpacityAdjustmentConfig = {
-    /**
-     * The minimum luminance difference between the overlay and underlay colors, below which no opacity adjustment occurs.
-     * A value between 0 and 1.
-     * @default 0.2
-     */
-    noAdjustmentLuminanceDelta: number;
-    /**
-     * This ratio controls the maximum strength of the opacity adjustment. It is a proportion of the "available
-     * room for increase" (the difference between the starting blend opacity and 1.0).
-     * @default 0.75
-     */
-    adjustmentStrengthRatio: number;
-    /**
-     * The easing function to use for the opacity adjustment.
-     * @default 'ease-out'
-     */
-    adjustmentEasingFunction?: BlendOpacityAdjustmentEasingFunction;
+  /**
+   * The minimum luminance difference between the overlay and underlay colors, below which no opacity adjustment occurs.
+   * A value between 0 and 1.
+   * @default 0.2
+   */
+  noAdjustmentLuminanceDelta: number;
+  /**
+   * This ratio controls the maximum strength of the opacity adjustment. It is a proportion of the "available
+   * room for increase" (the difference between the starting blend opacity and 1.0).
+   * @default 0.75
+   */
+  adjustmentStrengthRatio: number;
+  /**
+   * The easing function to use for the opacity adjustment.
+   * @default 'ease-out'
+   */
+  adjustmentEasingFunction?: BlendOpacityAdjustmentEasingFunction;
 };
 /**
  * Configuration for the `getBlendedColor` function.
  */
 export type ColorBlendConfig = {
-    /**
-     * The overlay color to create a variation of (CSS color string, hex, rgb, hsl, etc.).
-     */
-    overlayColor: string;
-    /**
-     * The opacity of the overlay color when blending (0-1).
-     * A value of `1` means the color is fully opaque (no blending).
-     * Lower values result in more blending with the background.
-     */
-    blendOpacity: number;
-    /**
-     * Optional configuration to fine-tune the automatic opacity adjustment logic.
-     */
-    blendOpacityAdjustmentConfig?: BlendOpacityAdjustmentConfig;
-    /**
-     * The current color scheme ('light' or 'dark').
-     */
-    colorScheme: ColorScheme;
-    /**
-     * Optional configuration for the color schemes, including underlay colors and luminance thresholds.
-     */
-    configByColorScheme?: ColorBlendConfigByColorScheme;
-    /**
-     * If true, disables automatic contrast optimization and always uses the current color scheme for blending.
-     * @default false
-     */
-    skipContrastOptimization?: boolean;
+  /**
+   * The overlay color to create a variation of (CSS color string, hex, rgb, hsl, etc.).
+   */
+  overlayColor: string;
+  /**
+   * The opacity of the overlay color when blending (0-1).
+   * A value of `1` means the color is fully opaque (no blending).
+   * Lower values result in more blending with the background.
+   */
+  blendOpacity: number;
+  /**
+   * Optional configuration to fine-tune the automatic opacity adjustment logic.
+   */
+  blendOpacityAdjustmentConfig?: BlendOpacityAdjustmentConfig;
+  /**
+   * The current color scheme ('light' or 'dark').
+   */
+  colorScheme: ColorScheme;
+  /**
+   * Optional configuration for the color schemes, including underlay colors and luminance thresholds.
+   */
+  configByColorScheme?: ColorBlendConfigByColorScheme;
+  /**
+   * If true, disables automatic contrast optimization and always uses the current color scheme for blending.
+   * @default false
+   */
+  skipContrastOptimization?: boolean;
 };
 /**
  * Creates subtle color variations by blending overlay color with underlay color based on the input color's luminance
@@ -110,5 +110,12 @@ export type ColorBlendConfig = {
  * });
  * ```
  */
-export declare const getBlendedColor: ({ overlayColor, blendOpacity, blendOpacityAdjustmentConfig, colorScheme, configByColorScheme, skipContrastOptimization, }: ColorBlendConfig) => string;
-//# sourceMappingURL=getBlendedColor.d.ts.map
+export declare const getBlendedColor: ({
+  overlayColor,
+  blendOpacity,
+  blendOpacityAdjustmentConfig,
+  colorScheme,
+  configByColorScheme,
+  skipContrastOptimization,
+}: ColorBlendConfig) => string;
+//# sourceMappingURL=getBlendedColor.d.ts.map

package/dts/color/getContrastRatio.d.ts

@@ -3,4 +3,4 @@
  * For example, black on yellow has a high contrast ratio (19.56) and therefore should be easier to read, whereas blue on blue is low contrast (2.31) and harder to read.
  */
 export declare const getContrastRatio: (background: string, foreground: string) => number;
-//# sourceMappingURL=getContrastRatio.d.ts.map
+//# sourceMappingURL=getContrastRatio.d.ts.map

package/dts/color/getLuminance.d.ts

@@ -10,4 +10,4 @@
  * @see https://contrastchecker.online/color-relative-luminance-calculator
  */
 export declare const getLuminance: (value: string) => number | undefined;
-//# sourceMappingURL=getLuminance.d.ts.map
+//# sourceMappingURL=getLuminance.d.ts.map

package/dts/color/isAccessibleColor.d.ts

@@ -1,9 +1,9 @@
 import { type A11yColorUsage } from '../types/Color';
 type AccessibleColorParams = {
-    background: string;
-    foreground: string;
-    usage: A11yColorUsage;
-    enhanced?: boolean;
+  background: string;
+  foreground: string;
+  usage: A11yColorUsage;
+  enhanced?: boolean;
 };
 /**
  * isAccessibleColor will default to using "minimum" contrast ratios
@@ -13,6 +13,11 @@ type AccessibleColorParams = {
  * 3 - minimum contrast for "large scale" text (18 pt or 14 pt bold, or larger) under WCAG 2.0 1.4.3 (Level AA)
  * https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html
  */
-export declare const isAccessibleColor: ({ background, foreground, usage, enhanced, }: AccessibleColorParams) => boolean;
+export declare const isAccessibleColor: ({
+  background,
+  foreground,
+  usage,
+  enhanced,
+}: AccessibleColorParams) => boolean;
 export {};
-//# sourceMappingURL=isAccessibleColor.d.ts.map
+//# sourceMappingURL=isAccessibleColor.d.ts.map