@ant-design/x/lib/sender/style/header.js

Craft AI-driven interfaces effortlessly

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
const genSenderHeaderStyle = token => {
  const {
    componentCls,
    calc
  } = token;
  const headerCls = `${componentCls}-header`;
  return {
    [componentCls]: {
      [`&${headerCls}-rtl`]: {
        direction: 'rtl'
      },
      [`${headerCls}`]: {
        borderBottomWidth: token.lineWidth,
        borderBottomStyle: 'solid',
        borderBottomColor: token.colorBorderInput,
        // ======================== Header ========================
        [`${headerCls}-header`]: {
          background: token.colorFillAlter,
          fontSize: token.fontSize,
          lineHeight: token.lineHeight,
          paddingBlock: calc(token.paddingSM).sub(token.lineWidthBold).equal(),
          paddingInlineStart: token.padding,
          paddingInlineEnd: token.paddingXS,
          display: 'flex',
          borderRadius: {
            _skip_check_: true,
            value: calc(token.borderRadius).mul(2).equal()
          },
          borderEndStartRadius: 0,
          borderEndEndRadius: 0,
          [`${headerCls}-title`]: {
            flex: 'auto'
          }
        },
        // ======================= Content ========================
        [`${headerCls}-content`]: {
          padding: token.padding
        }
      },
      // ======================== Motion ========================
      [`${headerCls}-motion`]: {
        transition: ['height', 'border'].map(prop => `${prop} ${token.motionDurationSlow}`).join(','),
        overflow: 'hidden',
        '&-enter-start, &-leave-active': {
          borderBottomColor: 'transparent'
        },
        '&-hidden': {
          display: 'none'
        }
      }
    }
  };
};
var _default = exports.default = genSenderHeaderStyle;