diff options
Diffstat (limited to 'packages/forms/src/input/styles.ts')
-rw-r--r-- | packages/forms/src/input/styles.ts | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/packages/forms/src/input/styles.ts b/packages/forms/src/input/styles.ts index e2ab30a4f..6d56e93b3 100644 --- a/packages/forms/src/input/styles.ts +++ b/packages/forms/src/input/styles.ts | |||
@@ -1,5 +1,6 @@ | |||
1 | import { Theme } from '@meetfranz/theme'; | 1 | import { Property } from 'csstype'; |
2 | import CSS from 'csstype'; | 2 | |
3 | import { Theme } from '../../../theme'; | ||
3 | 4 | ||
4 | const prefixStyles = (theme: Theme) => ({ | 5 | const prefixStyles = (theme: Theme) => ({ |
5 | background: theme.inputPrefixBackground, | 6 | background: theme.inputPrefixBackground, |
@@ -13,7 +14,7 @@ export default (theme: Theme) => ({ | |||
13 | label: { | 14 | label: { |
14 | '& > div': { | 15 | '& > div': { |
15 | marginTop: 5, | 16 | marginTop: 5, |
16 | } | 17 | }, |
17 | }, | 18 | }, |
18 | disabled: { | 19 | disabled: { |
19 | opacity: theme.inputDisabledOpacity, | 20 | opacity: theme.inputDisabledOpacity, |
@@ -85,7 +86,7 @@ export default (theme: Theme) => ({ | |||
85 | background: theme.inputBackground, | 86 | background: theme.inputBackground, |
86 | border: theme.inputBorder, | 87 | border: theme.inputBorder, |
87 | borderRadius: theme.borderRadiusSmall, | 88 | borderRadius: theme.borderRadiusSmall, |
88 | boxSizing: 'border-box' as CSS.BoxSizingProperty, | 89 | boxSizing: 'border-box' as Property.BoxSizing, |
89 | display: 'flex', | 90 | display: 'flex', |
90 | height: theme.inputHeight, | 91 | height: theme.inputHeight, |
91 | order: 1, | 92 | order: 1, |