From 916461de0a8c9674b57c253d9fbe816d55d3ae0c Mon Sep 17 00:00:00 2001 From: Arne Molland <arne@molland.sh> Date: Wed, 16 Feb 2022 08:50:52 +0100 Subject: [PATCH] storybook: apply styles outside sc theme --- src/lib/components/inputs/DatePicker/DatePicker.styles.tsx | 2 +- src/lib/components/inputs/DatePicker/DatePicker.tsx | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/lib/components/inputs/DatePicker/DatePicker.styles.tsx b/src/lib/components/inputs/DatePicker/DatePicker.styles.tsx index 80163509..038f649a 100644 --- a/src/lib/components/inputs/DatePicker/DatePicker.styles.tsx +++ b/src/lib/components/inputs/DatePicker/DatePicker.styles.tsx @@ -43,7 +43,7 @@ export const NavBtn = styled.div<DatePickerProps>` background-color: ${(props) => props.navBgColor}; border-radius: 4px; cursor: pointer; - box-shadow: ${(props) => props.theme.shadows.xsmall}; + box-shadow: ${(props) => props.shadow}; & > svg { color: ${(props) => props.navTextColor}; diff --git a/src/lib/components/inputs/DatePicker/DatePicker.tsx b/src/lib/components/inputs/DatePicker/DatePicker.tsx index 4117295f..c1c3820e 100644 --- a/src/lib/components/inputs/DatePicker/DatePicker.tsx +++ b/src/lib/components/inputs/DatePicker/DatePicker.tsx @@ -101,6 +101,7 @@ export const DatePicker = ({ navHoverBgColor: navHoverBgColor || theme.colors.calendarOnHover, navHoverTextColor: navHoverTextColor || theme.colors.dateBoxHoverTextColor, inputTypo: theme.typography.body1, + shadow: theme.shadows.xsmall, zIndex }