@codecademy/gamut 68.0.1-alpha.4fa3a1.0 → 68.0.1-alpha.7afb48.0

package/dist/BarChart/BarChartProvider.d.ts

@@ -15,6 +15,5 @@ export interface BarChartContextProps {
     isMeasuring: boolean;
     translations: BarChartTranslations;
 }
-export declare const defaultStyleConfig: Required<BarChartStyles>;
 export declare const BarChartContext: import("react").Context<BarChartContextProps>;
 export declare const BarChartProvider: import("react").Provider<BarChartContextProps>;

package/dist/BarChart/BarChartProvider.js

@@ -1,9 +1,9 @@
 import { createContext } from 'react';
 import { defaultBarChartTranslations } from './shared/translations';
-export const defaultStyleConfig = {
+const defaultStyleConfig = {
   textColor: 'text',
-  foregroundBarColor: 'text',
-  backgroundBarColor: 'primary',
+  foregroundBarColor: 'feedback-warning',
+  backgroundBarColor: 'background-primary',
   seriesOneLabel: 'text-secondary',
   seriesTwoLabel: 'primary'
 };

package/dist/BarChart/BarRow/index.js

@@ -198,8 +198,8 @@ export const BarRow = /*#__PURE__*/forwardRef(({
         animate: animate ? {
           width: bgWidthStr
         } : undefined,
-        bg: isStacked ? backgroundBarColor : foregroundBarColor,
-        borderColor: isStacked ? backgroundBorderColor : foregroundBorderColor,
+        bg: backgroundBarColor,
+        borderColor: backgroundBorderColor,
         "data-testid": "background-bar",
         initial: animate ? {
           width: '0%'

package/dist/BarChart/shared/types.d.ts

@@ -24,13 +24,13 @@ type BarChartLabel = BarChartAriaLabel | BarChartAriaLabelledBy;
 export type BarChartStyles = {
     /** Color for text labels. Defaults to 'text' */
     textColor?: ColorAlias;
-    /** Color for the foreground/progress bar. Defaults to 'text' */
+    /** Color for the foreground/progress bar. Defaults to 'feedback-warning' */
     foregroundBarColor?: ColorAlias;
-    /** Color for the background/total bar. Defaults to 'primary' */
+    /** Color for the background/total bar. Defaults to 'paleBlue' */
     backgroundBarColor?: ColorAlias;
-    /** Color for the series one label (first right label when stacked, or displayValue when not stacked). Defaults to 'text-secondary' */
+    /** Color for the series one label (first right label when stacked, or displayValue when not stacked). Defaults to 'text' */
     seriesOneLabel?: ColorAlias;
-    /** Color for the series two label (displayValue when stacked). Defaults to 'primary' */
+    /** Color for the series two label (displayValue when stacked). Defaults to 'text' */
     seriesTwoLabel?: ColorAlias;
 };
 type BarPropsBase = {

package/dist/BarChart/utils/hooks.js

@@ -1,8 +1,16 @@
 import { useColorModes } from '@codecademy/gamut-styles';
 import { getContrast } from 'polished';
 import { useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import { BarChartContext, defaultStyleConfig } from '../BarChartProvider';
+import { BarChartContext } from '../BarChartProvider';
 import { calculatePositionPercent, getLabel, sortBars } from './index';
+const defaultStyleConfig = {
+  textColor: 'text',
+  foregroundBarColor: 'feedback-warning',
+  backgroundBarColor: 'background-primary',
+  seriesOneLabel: 'text-secondary',
+  seriesTwoLabel: 'primary'
+};
+
 /**
  * Hook that calculates label positions for a given range and count
  * Returns an array of { value, positionPercent } objects

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/gamut",
   "description": "Styleguide & Component library for Codecademy",
-  "version": "68.0.1-alpha.4fa3a1.0",
+  "version": "68.0.1-alpha.7afb48.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
     "@codecademy/gamut-icons": "9.54.2",
@@ -56,5 +56,5 @@
     "dist/**/[A-Z]**/[A-Z]*.js",
     "dist/**/[A-Z]**/index.js"
   ],
-  "gitHead": "bcc5f0d8a1a6bb0fa31053767e304e387b8c1683"
+  "gitHead": "e22c45da3f896669cfb2269e9b75a5f32fa764b5"
 }