aboutsummaryrefslogtreecommitdiffstats
path: root/packages/forms/src/input/styles.ts
diff options
context:
space:
mode:
Diffstat (limited to 'packages/forms/src/input/styles.ts')
-rw-r--r--packages/forms/src/input/styles.ts9
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 @@
1import { Theme } from '@meetfranz/theme'; 1import { Property } from 'csstype';
2import CSS from 'csstype'; 2
3import { Theme } from '../../../theme';
3 4
4const prefixStyles = (theme: Theme) => ({ 5const 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,