@codecademy/gamut

Index: package/dist/BarChart/utils/hooks.d.ts
===================================================================
--- package/dist/BarChart/utils/hooks.d.ts
+++ package/dist/BarChart/utils/hooks.d.ts
@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { Colors } from '@codecademy/gamut-styles';
 import { SelectOptions } from '../../Form/inputs/Select';
 import { BarChartContextProps } from '../BarChartProvider';
 import { BarChartTranslations } from '../shared/translations';
@@ -30,13 +29,13 @@
     maxScaleValue: number;
     scaleInterval: number;
     unit: string;
     styleConfig: {
-        textColor: "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary";
-        seriesOneBarColor: "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary";
-        seriesTwoBarColor: "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary";
-        seriesOneLabel: "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary";
-        seriesTwoLabel: "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary";
+        textColor: import("@codecademy/gamut-styles").ColorAlias;
+        seriesOneBarColor: import("@codecademy/gamut-styles").ColorAlias;
+        seriesTwoBarColor: import("@codecademy/gamut-styles").ColorAlias;
+        seriesOneLabel: import("@codecademy/gamut-styles").ColorAlias;
+        seriesTwoLabel: import("@codecademy/gamut-styles").ColorAlias;
     };
     animate: boolean;
     widestCategoryLabelWidth: number | null;
     setWidestCategoryLabelWidth: (width: number) => void;
@@ -53,9 +52,9 @@
  * compares contrast ratios to determine the best border color.
  *
  * @returns A function that takes a background color and returns either 'white' or 'navy-900'
  */
-export declare const useBarBorderColor: () => (bg: Colors) => 'white' | 'navy-900';
+export declare const useBarBorderColor: () => (bg: Colors) => "white" | "navy-900";
 export declare const useMeasureCategoryLabelWidth: ({ ref, }: {
     ref: React.RefObject<HTMLElement>;
 }) => void;
 export declare const useMeasureTotalValueLabelWidth: ({ ref, }: {