27 lines
696 B
JavaScript
27 lines
696 B
JavaScript
import { genStyleHooks } from '../../theme/internal';
|
|
const genSearchStyle = token => {
|
|
const {
|
|
componentCls
|
|
} = token;
|
|
const btnCls = `${componentCls}-btn`;
|
|
return {
|
|
[componentCls]: {
|
|
width: '100%',
|
|
// =========================== Button ===========================
|
|
[btnCls]: {
|
|
'&-filled': {
|
|
background: token.colorFillTertiary,
|
|
'&:not(:disabled)': {
|
|
'&:hover': {
|
|
background: token.colorFillSecondary
|
|
},
|
|
'&:active': {
|
|
background: token.colorFill
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
export default genStyleHooks(['Input', 'Search'], genSearchStyle); |