aboutsummaryrefslogtreecommitdiffstats
path: root/packages/forms/src/button/index.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/forms/src/button/index.tsx')
-rw-r--r--packages/forms/src/button/index.tsx12
1 files changed, 6 insertions, 6 deletions
diff --git a/packages/forms/src/button/index.tsx b/packages/forms/src/button/index.tsx
index 8eba17415..0d036293a 100644
--- a/packages/forms/src/button/index.tsx
+++ b/packages/forms/src/button/index.tsx
@@ -1,7 +1,7 @@
1import Icon from '@mdi/react'; 1import Icon from '@mdi/react';
2import { Theme } from '@meetfranz/theme'; 2import { Theme } from '@meetfranz/theme';
3import classnames from 'classnames'; 3import classnames from 'classnames';
4import * as CSS from 'csstype'; 4import { Property } from 'csstype';
5import React, { Component } from 'react'; 5import React, { Component } from 'react';
6import injectStyle, { withTheme } from 'react-jss'; 6import injectStyle, { withTheme } from 'react-jss';
7import Loader from 'react-loader'; 7import Loader from 'react-loader';
@@ -34,13 +34,13 @@ const styles = (theme: Theme) => ({
34 borderRadius: theme.borderRadiusSmall, 34 borderRadius: theme.borderRadiusSmall,
35 border: 'none', 35 border: 'none',
36 display: 'inline-flex', 36 display: 'inline-flex',
37 position: 'relative' as CSS.Property.Position, 37 position: 'relative' as Property.Position,
38 transition: 'background .5s, opacity 0.3s', 38 transition: 'background .5s, opacity 0.3s',
39 textAlign: 'center' as CSS.Property.TextAlign, 39 textAlign: 'center' as Property.TextAlign,
40 outline: 'none', 40 outline: 'none',
41 alignItems: 'center', 41 alignItems: 'center',
42 padding: 0, 42 padding: 0,
43 width: (props: IProps) => (props.stretch ? '100%' : 'auto') as CSS.Property.Width<string>, 43 width: (props: IProps) => (props.stretch ? '100%' : 'auto') as Property.Width<string>,
44 fontSize: theme.uiFontSize, 44 fontSize: theme.uiFontSize,
45 textDecoration: 'none', 45 textDecoration: 'none',
46 // height: theme.buttonHeight, 46 // height: theme.buttonHeight,
@@ -113,7 +113,7 @@ const styles = (theme: Theme) => ({
113 opacity: theme.inputDisabledOpacity, 113 opacity: theme.inputDisabledOpacity,
114 }, 114 },
115 loader: { 115 loader: {
116 position: 'relative' as CSS.Property.Position, 116 position: 'relative' as Property.Position,
117 width: 20, 117 width: 20,
118 height: 18, 118 height: 18,
119 zIndex: 9999, 119 zIndex: 9999,
@@ -125,7 +125,7 @@ const styles = (theme: Theme) => ({
125 transition: 'all 0.3s', 125 transition: 'all 0.3s',
126 marginLeft: (props: IProps): number => (!props.busy ? 10 : 20), 126 marginLeft: (props: IProps): number => (!props.busy ? 10 : 20),
127 marginRight: (props: IProps): number => (!props.busy ? -10 : -20), 127 marginRight: (props: IProps): number => (!props.busy ? -10 : -20),
128 position: (props: IProps): CSS.Property.Position => props.stretch ? 'absolute' : 'inherit', 128 position: (props: IProps): Property.Position => props.stretch ? 'absolute' : 'inherit',
129 }, 129 },
130 icon: { 130 icon: {
131 margin: [1, 10, 0, -5], 131 margin: [1, 10, 0, -5],