aboutsummaryrefslogtreecommitdiffstats
path: root/packages/forms/src/toggle/index.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/forms/src/toggle/index.tsx')
-rw-r--r--packages/forms/src/toggle/index.tsx6
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/forms/src/toggle/index.tsx b/packages/forms/src/toggle/index.tsx
index ea335f281..50716450b 100644
--- a/packages/forms/src/toggle/index.tsx
+++ b/packages/forms/src/toggle/index.tsx
@@ -1,6 +1,6 @@
1import { Theme } from '@meetfranz/theme'; 1import { Theme } from '@meetfranz/theme';
2import classnames from 'classnames'; 2import classnames from 'classnames';
3import CSS from 'csstype'; 3import * as CSS from 'csstype';
4import React, { Component } from 'react'; 4import React, { Component } from 'react';
5import injectStyle from 'react-jss'; 5import injectStyle from 'react-jss';
6 6
@@ -22,7 +22,7 @@ const styles = (theme: Theme) => ({
22 background: theme.toggleBackground, 22 background: theme.toggleBackground,
23 borderRadius: theme.borderRadius, 23 borderRadius: theme.borderRadius,
24 height: theme.toggleHeight, 24 height: theme.toggleHeight,
25 position: 'relative' as CSS.PositionProperty, 25 position: 'relative' as CSS.Property.Position,
26 width: theme.toggleWidth, 26 width: theme.toggleWidth,
27 }, 27 },
28 button: { 28 button: {
@@ -33,7 +33,7 @@ const styles = (theme: Theme) => ({
33 height: theme.toggleHeight - 2, 33 height: theme.toggleHeight - 2,
34 left: 1, 34 left: 1,
35 top: 1, 35 top: 1,
36 position: 'absolute' as CSS.PositionProperty, 36 position: 'absolute' as CSS.Property.Position,
37 transition: 'all .5s', 37 transition: 'all .5s',
38 }, 38 },
39 buttonActive: { 39 buttonActive: {