feat: ✨ added first color palette to the colorsdocumentation

frameless · Sep 13, 2024 · 7853157 · 7853157
1 parent 0def7ea
commit 7853157
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/packages/storybook/src/documentation/color.mdx b/packages/storybook/src/documentation/color.mdx
@@ -0,0 +1,12 @@
+import { ColorItem, ColorPalette, Meta } from "@storybook/blocks";
+import tokens from "../../../../proprietary/design-tokens/figma/figma.tokens.json";
+
+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]} />
+  ))}
+</ColorPalette>