✨ feat(added color palette)

frameless · Sep 27, 2024 · b613845 · b613845
1 parent 7853157
commit b613845
Showing 1 changed file with 20 additions and 3 deletions.
diff --git a/packages/storybook/src/documentation/color.mdx b/packages/storybook/src/documentation/color.mdx
@@ -6,7 +6,24 @@ export const baseColors = tokens["brand"]["frameless"]["color"];
 <Meta title="Frameless/Color" />
 
 <ColorPalette>
-  {Object.entries(baseColors).map(([key, token]) => (
-    <ColorItem key={key} title={key} colors={[token.value]} />
-  ))}
+  {Object.entries(baseColors).map(([key, token]) => {
+
+    const colorValues = typeof token === 'object' && token !== null
+      ? Object.entries(token).reduce((acc, [shade, colorData]) => {
+          const value = typeof colorData === 'object' && colorData.value ? colorData.value : colorData;
+          acc[`${key}-${shade}`] = value;
+          return acc;
+        }, {})
+      : { [key]: typeof token === 'object' && token.value ? token.value : token };
+
+    return (
+      <ColorItem
+        key={key}
+        title={key}
+        colors={colorValues}
+      />
+    );
+
+})}
+
 </ColorPalette>