-
Notifications
You must be signed in to change notification settings - Fork 5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[ShadCN]: Move Color Stories to Tailwind #14915
[ShadCN]: Move Color Stories to Tailwind #14915
Conversation
✅ Deploy Preview for ethereumorg ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
.storybook/main.ts
Outdated
@@ -17,8 +17,9 @@ import type { StorybookConfig } from "@storybook/nextjs" | |||
const config: StorybookConfig = { | |||
stories: [ | |||
"../src/components/**/*.stories.{ts,tsx}", | |||
"../src/@chakra-ui/stories/*.stories.tsx", | |||
// "../src/@chakra-ui/stories/*.stories.tsx", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
is there a reason why you left it commented?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nope! 😅
* | ||
* Used to search CSS Variables and retrieve their values. | ||
* | ||
* NOTE: Function created with AI assistance |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
😆 nice!
src/styles/colors.stories.tsx
Outdated
import { cn } from "@/lib/utils/cn" | ||
|
||
const meta = { | ||
title: "Design System/ShadCN Colors", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
title: "Design System/ShadCN Colors", | |
title: "Design System / Colors", |
@pettinarip should be good to go now! |
Description
Move color stories to Tailwind.
Had to create a function to retrieve the CSS variables via accessing the document, to then apply in rendering colors and labels.