Refactored ToggleSwitch tokens
parent
87b6b38f8c
commit
3920dc14f5
|
@ -2,6 +2,9 @@ export default {
|
||||||
handle: {
|
handle: {
|
||||||
borderRadius: '50%'
|
borderRadius: '50%'
|
||||||
},
|
},
|
||||||
|
root: {
|
||||||
|
borderRadius: '30px'
|
||||||
|
},
|
||||||
colorScheme: {
|
colorScheme: {
|
||||||
light: {
|
light: {
|
||||||
root: {
|
root: {
|
||||||
|
@ -9,8 +12,7 @@ export default {
|
||||||
invalidBackground: '{red.400}',
|
invalidBackground: '{red.400}',
|
||||||
hoverBackground: '{surface.400}',
|
hoverBackground: '{surface.400}',
|
||||||
checkedBackground: '{primary.500}',
|
checkedBackground: '{primary.500}',
|
||||||
checkedHoverBackground: '{primary.600}',
|
checkedHoverBackground: '{primary.600}'
|
||||||
borderRadius: '30px'
|
|
||||||
},
|
},
|
||||||
handle: {
|
handle: {
|
||||||
background: '{surface.0}',
|
background: '{surface.0}',
|
||||||
|
@ -26,8 +28,7 @@ export default {
|
||||||
invalidBackground: '{red.300}',
|
invalidBackground: '{red.300}',
|
||||||
hoverBackground: '{surface.600}',
|
hoverBackground: '{surface.600}',
|
||||||
checkedBackground: '{primary.400}',
|
checkedBackground: '{primary.400}',
|
||||||
checkedHoverBackground: '{primary.300}',
|
checkedHoverBackground: '{primary.300}'
|
||||||
borderRadius: '30px'
|
|
||||||
},
|
},
|
||||||
handle: {
|
handle: {
|
||||||
background: '{surface.400}',
|
background: '{surface.400}',
|
||||||
|
|
Loading…
Reference in New Issue