diff --git a/src/_labs/ThemeKit/ThemeKit.story.tsx b/src/_labs/ThemeKit/ThemeKit.story.tsx index c6e331f45..5fe518f66 100644 --- a/src/_labs/ThemeKit/ThemeKit.story.tsx +++ b/src/_labs/ThemeKit/ThemeKit.story.tsx @@ -35,7 +35,7 @@ const box = { }; function ThemeKit(props) { - const globalTheme = useContext(ThemeContext); + const { globalTheme } = useContext(ThemeContext); const subTheme = globalTheme.name; const [theme, setTheme] = useState(themes.vimeo); diff --git a/src/components/inputs/Input/Input.props.story.tsx b/src/components/inputs/Input/Input.props.story.tsx index 9e925d3a8..4f860a235 100644 --- a/src/components/inputs/Input/Input.props.story.tsx +++ b/src/components/inputs/Input/Input.props.story.tsx @@ -211,3 +211,9 @@ export function Autosuggest() { ); } Autosuggest.storyName = 'autosuggest'; + +export function Number() { + + + ; +} diff --git a/src/storybook/welcome/Flower.tsx b/src/storybook/welcome/Flower.tsx index 6a9da1d84..f45e62136 100644 --- a/src/storybook/welcome/Flower.tsx +++ b/src/storybook/welcome/Flower.tsx @@ -62,7 +62,7 @@ const Pre = styled.pre` `; function Code({ children, ...props }) { - const theme = useContext(ThemeContext); + const { theme } = useContext(ThemeContext); const saturation = 1; const lightness = theme.name === 'dark' ? 0.667 : 0.4; diff --git a/src/themes/themes.story.tsx b/src/themes/themes.story.tsx index c672af564..a2e0f7ec3 100644 --- a/src/themes/themes.story.tsx +++ b/src/themes/themes.story.tsx @@ -14,7 +14,7 @@ const padding = '2rem'; export const Common = () => ; function HookedStory() { - const theme = useContext(ThemeContext); + const { theme } = useContext(ThemeContext); return (
@@ -109,7 +109,7 @@ function HookedStory() { } function ThemeBlock({ block }) { - const theme = useContext(ThemeContext); + const { theme } = useContext(ThemeContext); const section = Object.entries(theme[block]); return (