Update select button

pull/5756/head
Cagatay Civici 2024-05-14 14:32:19 +03:00
parent d28e6bcb7d
commit e570febe4c
2 changed files with 21 additions and 40 deletions

View File

@ -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)'
},

View File

@ -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}'
}
}
}