antd/es/input/style/search.js

An enterprise-class UI design language and React components implementation

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'], token => {
  return [genSearchStyle(token)];
});