fix text story

Arize-ai · Sep 21, 2023 · 3b8c9a0 · 3b8c9a0
1 parent c9b8ac3
commit 3b8c9a0
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/src/content/Text.tsx b/src/content/Text.tsx
@@ -62,6 +62,10 @@ const getTextColor = (color: TextColor) => {
   if (textColor) {
     return textColor;
   }
+  if (color.startsWith('text-')) {
+    const [, num] = color.split('-');
+    return `var(--ac-global-text-color-${num})`;
+  }
   return colorValue(color as ColorValue);
 };
 

diff --git a/src/content/types.ts b/src/content/types.ts
@@ -15,6 +15,10 @@ export type TextColor =
   | 'white90'
   | 'white70'
   | 'white30'
+  // non-static colors
+  | 'text-900'
+  | 'text-700'
+  | 'text-300'
   | 'inherit'
   | DesignationColorValue
   | ColorValue;

diff --git a/stories/Text.stories.tsx b/stories/Text.stories.tsx
@@ -27,9 +27,9 @@ const sizes: TextProps['textSize'][] = [
 ];
 
 const colors: TextProps['color'][] = [
-  'white30',
-  'white70',
-  'white90',
+  'text-900',
+  'text-700',
+  'text-300',
   'designationPurple',
   'designationTurquoise',
   'success',