fix: Storybook build and fix cal brand colors (#9588)

Storybook failed with satisfies operator
Fix cal brand colors in storybook
pull/9306/head
Papageorgiou Nikos 2023-06-19 14:28:49 +03:00 committed by GitHub
parent bb13009e64
commit 8ae54cd7cc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 3 deletions

View File

@ -235,6 +235,7 @@
*/ */
--cal-brand:#111827; --cal-brand:#111827;
--cal-brand-emphasis:#101010; --cal-brand-emphasis:#101010;
--cal-brand-text: white;
} }
.dark { .dark {
/* background */ /* background */
@ -274,7 +275,8 @@
/* Brand shenanigans /* Brand shenanigans
-> These will be computed for the users theme at runtime. -> These will be computed for the users theme at runtime.
*/ */
--cal-brand: #111827; --cal-brand: white;
--cal-brand-emphasis: #101010; --cal-brand-emphasis: #e1e1e1;
--cal-brand-text: black;
} }
} }

View File

@ -22,7 +22,7 @@ const variantClassName = {
const defaultIconProps = { const defaultIconProps = {
className: "text-emphasis h-4 w-4 stroke-[2.5px]", className: "text-emphasis h-4 w-4 stroke-[2.5px]",
"aria-hidden": "true", "aria-hidden": "true",
} satisfies LucideProps; } as LucideProps;
export function TopBanner(props: TopBannerProps) { export function TopBanner(props: TopBannerProps) {
const { Icon, variant = "default", text, actions, onClose } = props; const { Icon, variant = "default", text, actions, onClose } = props;