Theme colors
- {Object.entries(tailwindColors.getThemeColors).map((color) => (
+ {Object.entries(getThemeColors).map((color) => (
))}
Font colors
- {Object.entries(tailwindColors.getThemeTextColors).map((textColor) => (
+ {Object.entries(getThemeTextColors).map((textColor) => (
))}
diff --git a/packages/ui-components/src/docs/ColorPalette/JunoColorPalette.jsx b/packages/ui-components/src/docs/ColorPalette/JunoColorPalette.jsx
index abab7985f..ab2c6a187 100644
--- a/packages/ui-components/src/docs/ColorPalette/JunoColorPalette.jsx
+++ b/packages/ui-components/src/docs/ColorPalette/JunoColorPalette.jsx
@@ -4,7 +4,7 @@
*/
import React from "react"
-import tailwindColors from "./TailwindColors"
+import { getJunoColors } from "./TailwindColors"
import { ColorCard } from "./ColorCard"
import { ContentArea } from "../../components/ContentArea/index"
@@ -16,7 +16,7 @@ export function JunoColorPalette() {
return (
- {Object.entries(tailwindColors.getJunoColors).map((color) => (
+ {Object.entries(getJunoColors).map((color) => (
))}