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 (