Update select button
parent
d28e6bcb7d
commit
e570febe4c
|
@ -1,7 +1,7 @@
|
|||
export default {
|
||||
root: {
|
||||
background: '{content.background}',
|
||||
borderRadius: '{border.radius.xl}',
|
||||
borderRadius: '{border.radius.sm}',
|
||||
color: '{content.color}',
|
||||
shadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)'
|
||||
},
|
||||
|
|
|
@ -1,68 +1,49 @@
|
|||
export default {
|
||||
root: {
|
||||
padding: '0.5rem 1rem',
|
||||
padding: '0.5rem 0.75rem',
|
||||
borderRadius: '{content.border.radius}',
|
||||
gap: '0.5rem',
|
||||
fontWeight: '500',
|
||||
background: '{form.field.background}',
|
||||
borderColor: '{form.field.border.color}',
|
||||
color: '{form.field.color}',
|
||||
hoverColor: '{form.field.color}',
|
||||
checkedBackground: '{highlight.background}',
|
||||
checkedColor: '{highlight.color}',
|
||||
checkedBorderColor: '{highlight.focus.background}',
|
||||
disabledBackground: '{form.field.disabled.background}',
|
||||
disabledBorderColor: '{form.field.disabled.background}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
invalidBorderColor: '{form.field.invalid.border.color}',
|
||||
focusRing: {
|
||||
width: '{focus.ring.width}',
|
||||
style: '{focus.ring.style}',
|
||||
color: '{focus.ring.color}',
|
||||
offset: '{focus.ring.offset}',
|
||||
shadow: '{focus.ring.shadow}'
|
||||
width: '{form.field.focus.ring.width}',
|
||||
style: '{form.field.focus.ring.style}',
|
||||
color: '{form.field.focus.ring.color}',
|
||||
offset: '{form.field.focus.ring.offset}',
|
||||
shadow: '{form.field.focus.ring.shadow}'
|
||||
}
|
||||
},
|
||||
icon: {
|
||||
color: '{text.muted.color}',
|
||||
hoverColor: '{text.muted.color}',
|
||||
checkedColor: '{highlight.color}',
|
||||
disabledColor: '{form.field.disabled.color}'
|
||||
},
|
||||
content: {
|
||||
left: '0.25rem',
|
||||
top: '0.25rem',
|
||||
checkedShadow: '0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04)'
|
||||
checkedBackground: 'transparent',
|
||||
checkedShadow: 'none'
|
||||
},
|
||||
colorScheme: {
|
||||
light: {
|
||||
root: {
|
||||
background: '{surface.100}',
|
||||
checkedBackground: '{surface.100}',
|
||||
hoverBackground: '{surface.100}',
|
||||
borderColor: '{surface.100}',
|
||||
color: '{surface.500}',
|
||||
hoverColor: '{surface.700}',
|
||||
checkedColor: '{surface.900}',
|
||||
checkedBorderColor: '{surface.100}'
|
||||
},
|
||||
content: {
|
||||
checkedBackground: '{surface.0}'
|
||||
},
|
||||
icon: {
|
||||
color: '{surface.500}',
|
||||
hoverColor: '{surface.700}',
|
||||
checkedColor: '{surface.900}'
|
||||
hoverBackground: '{surface.200}'
|
||||
}
|
||||
},
|
||||
dark: {
|
||||
root: {
|
||||
background: '{surface.950}',
|
||||
checkedBackground: '{surface.950}',
|
||||
hoverBackground: '{surface.950}',
|
||||
borderColor: '{surface.950}',
|
||||
color: '{surface.400}',
|
||||
hoverColor: '{surface.300}',
|
||||
checkedColor: '{surface.0}',
|
||||
checkedBorderColor: '{surface.950}'
|
||||
},
|
||||
content: {
|
||||
checkedBackground: '{surface.800}'
|
||||
},
|
||||
icon: {
|
||||
color: '{surface.400}',
|
||||
hoverColor: '{surface.300}',
|
||||
checkedColor: '{surface.0}'
|
||||
hoverBackground: '{surface.700}'
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue