@coinbase/cds-common 8.13.1 → 8.13.5

package/dts/visualizations/largestTriangleThreeBucket.d.ts

@@ -13,4 +13,4 @@
  * @example https://bl.ocks.org/FraserChapman/649f1aba28f6bc941d5c
  */
 export declare const largestTriangleThreeBucket: (data: number[], threshold: number) => number[];
-//# sourceMappingURL=largestTriangleThreeBucket.d.ts.map
+//# sourceMappingURL=largestTriangleThreeBucket.d.ts.map

package/dts/visualizations/useCounter.d.ts

@@ -1,7 +1,11 @@
 export type UseCounterParams = {
-    startNum: number;
-    endNum: number;
-    durationInMillis: number;
+  startNum: number;
+  endNum: number;
+  durationInMillis: number;
 };
-export declare const useCounter: ({ startNum, endNum, durationInMillis }: UseCounterParams) => number;
-//# sourceMappingURL=useCounter.d.ts.map
+export declare const useCounter: ({
+  startNum,
+  endNum,
+  durationInMillis,
+}: UseCounterParams) => number;
+//# sourceMappingURL=useCounter.d.ts.map

package/dts/visualizations/useDateLookup.d.ts

@@ -1,8 +1,12 @@
 import type { ChartFormatDate, ChartGetMarker } from '../types';
 export type GetFormattedDateParams<Period extends string> = {
-    getMarker: ChartGetMarker;
-    formatDate: ChartFormatDate<Period>;
-    selectedPeriod: Period;
+  getMarker: ChartGetMarker;
+  formatDate: ChartFormatDate<Period>;
+  selectedPeriod: Period;
 };
-export declare function useDateLookup<Period extends string>({ getMarker, formatDate, selectedPeriod, }: GetFormattedDateParams<Period>): (xPos: number) => string;
-//# sourceMappingURL=useDateLookup.d.ts.map
+export declare function useDateLookup<Period extends string>({
+  getMarker,
+  formatDate,
+  selectedPeriod,
+}: GetFormattedDateParams<Period>): (xPos: number) => string;
+//# sourceMappingURL=useDateLookup.d.ts.map

package/dts/visualizations/useProgressSize.d.ts

@@ -1,3 +1,3 @@
 import type { Weight } from '../types/Weight';
 export declare const useProgressSize: (weight: Weight) => 2 | 4 | 8 | 12;
-//# sourceMappingURL=useProgressSize.d.ts.map
+//# sourceMappingURL=useProgressSize.d.ts.map

package/dts/visualizations/useSparklineArea.d.ts

@@ -1,3 +1,3 @@
 import type { UseSparklinePathParams } from './useSparklinePathGenerator';
 export declare const useSparklineArea: ({ height, ...props }: UseSparklinePathParams) => string;
-//# sourceMappingURL=useSparklineArea.d.ts.map
+//# sourceMappingURL=useSparklineArea.d.ts.map

package/dts/visualizations/useSparklineAreaOpacity.d.ts

@@ -1,2 +1,2 @@
 export declare function useSparklineAreaOpacity(colorScheme: 'dark' | 'light'): 0.2 | 0.4;
-//# sourceMappingURL=useSparklineAreaOpacity.d.ts.map
+//# sourceMappingURL=useSparklineAreaOpacity.d.ts.map

package/dts/visualizations/useSparklineCoordinates.d.ts

@@ -1,21 +1,28 @@
 import * as d3Scale from 'd3-scale';
 import type { ChartData } from '../types';
 export type UseSparklineCoordinatesParams = {
-    data: ChartData;
-    width: number;
-    height: number;
-    yAxisScalingFactor?: number;
+  data: ChartData;
+  width: number;
+  height: number;
+  yAxisScalingFactor?: number;
 };
-export declare const useSparklineCoordinates: ({ data, width, height, yAxisScalingFactor, }: UseSparklineCoordinatesParams) => {
-    xFunction: d3Scale.ScaleTime<number, number, never>;
-    yFunction: d3Scale.ScaleLinear<number, number, never>;
-    path: string;
-    area: string;
-    getMarker: (xPos: number) => {
+export declare const useSparklineCoordinates: ({
+  data,
+  width,
+  height,
+  yAxisScalingFactor,
+}: UseSparklineCoordinatesParams) => {
+  xFunction: d3Scale.ScaleTime<number, number, never>;
+  yFunction: d3Scale.ScaleLinear<number, number, never>;
+  path: string;
+  area: string;
+  getMarker: (xPos: number) =>
+    | {
         value: number;
         date: Date;
         x: number;
         y: number;
-    } | undefined;
+      }
+    | undefined;
 };
-//# sourceMappingURL=useSparklineCoordinates.d.ts.map
+//# sourceMappingURL=useSparklineCoordinates.d.ts.map

package/dts/visualizations/useSparklinePath.d.ts

@@ -1,3 +1,3 @@
 import type { UseSparklinePathParams } from './useSparklinePathGenerator';
 export declare const useSparklinePath: (props: UseSparklinePathParams) => string;
-//# sourceMappingURL=useSparklinePath.d.ts.map
+//# sourceMappingURL=useSparklinePath.d.ts.map

package/dts/visualizations/useSparklinePathGenerator.d.ts

@@ -1,18 +1,24 @@
 import { type ScaleLinear } from 'd3-scale';
 export type UseSparklinePathParams = {
-    data: number[] | string[];
-    height: number;
-    width: number;
-    yAxisScalingFactor?: number;
+  data: number[] | string[];
+  height: number;
+  width: number;
+  yAxisScalingFactor?: number;
 };
 export type SparklineGeneratorParams = {
-    xFunction: ScaleLinear<number, number>;
-    yFunction: ScaleLinear<number, number>;
-    data: [number];
+  xFunction: ScaleLinear<number, number>;
+  yFunction: ScaleLinear<number, number>;
+  data: [number];
 };
 type UseSparklinePathGeneratorParams = {
-    generator: (params: SparklineGeneratorParams) => string;
+  generator: (params: SparklineGeneratorParams) => string;
 } & UseSparklinePathParams;
-export declare const useSparklinePathGenerator: ({ data, height, width, yAxisScalingFactor, generator, }: UseSparklinePathGeneratorParams) => string;
+export declare const useSparklinePathGenerator: ({
+  data,
+  height,
+  width,
+  yAxisScalingFactor,
+  generator,
+}: UseSparklinePathGeneratorParams) => string;
 export {};
-//# sourceMappingURL=useSparklinePathGenerator.d.ts.map
+//# sourceMappingURL=useSparklinePathGenerator.d.ts.map

package/dts/visualizations/useTimeseriesPaths.d.ts

@@ -1,11 +1,11 @@
 import type { ChartDataPoint, ChartTimeseries } from '../types/Chart';
 export type UseTimeseriesPathsParams = {
-    data: ChartTimeseries[];
-    width: number;
-    height: number;
+  data: ChartTimeseries[];
+  width: number;
+  height: number;
 };
 export declare function useTimeseriesPaths({ data, width, height }: UseTimeseriesPathsParams): {
-    lineFn: import("d3-shape").Line<ChartDataPoint>;
-    areaFn: import("d3-shape").Area<ChartDataPoint>;
+  lineFn: import('d3-shape').Line<ChartDataPoint>;
+  areaFn: import('d3-shape').Area<ChartDataPoint>;
 };
-//# sourceMappingURL=useTimeseriesPaths.d.ts.map
+//# sourceMappingURL=useTimeseriesPaths.d.ts.map

package/dts/visualizations/useVisualizationDimensions.d.ts

@@ -1,15 +1,20 @@
 import type { DimensionValue } from '../types';
 type VisualizationDimensions = {
-    userDefinedWidth: DimensionValue;
-    userDefinedHeight: DimensionValue;
-    calculatedWidth: number;
-    calculatedHeight: number;
+  userDefinedWidth: DimensionValue;
+  userDefinedHeight: DimensionValue;
+  calculatedWidth: number;
+  calculatedHeight: number;
 };
-export declare const useVisualizationDimensions: ({ userDefinedWidth, userDefinedHeight, calculatedWidth, calculatedHeight, }: VisualizationDimensions) => {
-    width: number;
-    height: number;
-    circleSize: number;
-    shouldObserve: boolean;
+export declare const useVisualizationDimensions: ({
+  userDefinedWidth,
+  userDefinedHeight,
+  calculatedWidth,
+  calculatedHeight,
+}: VisualizationDimensions) => {
+  width: number;
+  height: number;
+  circleSize: number;
+  shouldObserve: boolean;
 };
 export {};
-//# sourceMappingURL=useVisualizationDimensions.d.ts.map
+//# sourceMappingURL=useVisualizationDimensions.d.ts.map

package/esm/internal/data/assets.js

@@ -63,7 +63,7 @@ export const assets = {
 export const squareAssets = {
   human1: 'https://avatars.githubusercontent.com/u/6711590?s=460&v=4',
   human2: 'https://avatars.githubusercontent.com/u/11144645?s=460&v=4',
-  human3: 'https://avatars.githubusercontent.com/u/10675973?s=460&v=4',
+  human3: 'https://avatars.githubusercontent.com/u/198653574?s=460&v=4',
   human4: 'https://avatars.githubusercontent.com/u/147009016?s=460&v=4',
   human5: 'https://avatars.githubusercontent.com/u/180481942?s=460&v=4',
   human6: 'https://avatars3.githubusercontent.com/u/100200?s=460&v=4'