{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/page-header/style/index.ts"],"sourcesContent":["import type { CSSObject, FullToken, GenerateStyle } from '@antdv/theme';\nimport { genComponentStyleHook, mergeToken, operationUnit, resetComponent, textEllipsis } from '@antdv/theme';\n\ninterface PageHeaderToken extends FullToken<'PageHeader'> {\n  pageHeaderPadding: number\n  pageHeaderPaddingVertical: number\n  pageHeaderPaddingBreadcrumb: number\n  pageHeaderGhostBg: string\n  pageHeaderBackColor: string\n  pageHeaderHeadingTitle: number\n  pageHeaderHeadingSubTitle: number\n  pageHeaderContentPaddingVertical: number\n  pageHeaderTabFontSize: number\n}\n\nconst genPageHeaderStyle: GenerateStyle<PageHeaderToken, CSSObject> = (token) => {\n  const { componentCls, antCls } = token;\n\n  return {\n    [componentCls]: {\n      ...resetComponent(token),\n      'position': 'relative',\n      'padding': `${token.pageHeaderPaddingVertical}px ${token.pageHeaderPadding}px`,\n      'backgroundColor': token.colorBgContainer,\n\n      [`&${componentCls}-ghost`]: {\n        backgroundColor: token.pageHeaderGhostBg,\n      },\n\n      '&.has-footer': {\n        paddingBottom: 0,\n      },\n\n      [`${componentCls}-back`]: {\n        'marginRight': token.marginMD,\n        'fontSize': token.fontSizeLG,\n        'lineHeight': 1,\n\n        '&-button': {\n          ...operationUnit(token),\n          color: token.pageHeaderBackColor,\n          cursor: 'pointer',\n        },\n      },\n\n      [`${antCls}-divider-vertical`]: {\n        height: '14px',\n        margin: `0 ${token.marginSM}`,\n        verticalAlign: 'middle',\n      },\n\n      [`${antCls}-breadcrumb + &-heading`]: {\n        marginTop: token.marginXS,\n      },\n\n      [`${componentCls}-heading`]: {\n        'display': 'flex',\n        'justifyContent': 'space-between',\n\n        '&-left': {\n          display: 'flex',\n          alignItems: 'center',\n          margin: `${token.marginXS / 2}px 0`,\n          overflow: 'hidden',\n        },\n\n        '&-title': {\n          marginRight: token.marginSM,\n          marginBottom: 0,\n          color: token.colorTextHeading,\n          fontWeight: 600,\n          fontSize: token.pageHeaderHeadingTitle,\n          lineHeight: `${token.controlHeight}px`,\n          ...textEllipsis,\n        },\n\n        [`${antCls}-avatar`]: {\n          marginRight: token.marginSM,\n        },\n\n        '&-sub-title': {\n          marginRight: token.marginSM,\n          color: token.colorTextDescription,\n          fontSize: token.pageHeaderHeadingSubTitle,\n          lineHeight: token.lineHeight,\n          ...textEllipsis,\n        },\n\n        '&-extra': {\n          'margin': `${token.marginXS / 2}px 0`,\n          'whiteSpace': 'nowrap',\n\n          '> *': {\n            marginLeft: token.marginSM,\n            whiteSpace: 'unset',\n          },\n\n          '> *:first-child': {\n            marginLeft: 0,\n          },\n        },\n      },\n\n      [`${componentCls}-content`]: {\n        paddingTop: token.pageHeaderContentPaddingVertical,\n      },\n\n      [`${componentCls}-footer`]: {\n        marginTop: token.marginMD,\n        [`${antCls}-tabs`]: {\n          [`> ${antCls}-tabs-nav`]: {\n            'margin': 0,\n\n            '&::before': {\n              border: 'none',\n            },\n          },\n          [`${antCls}-tabs-tab`]: {\n            paddingTop: token.paddingXS,\n            paddingBottom: token.paddingXS,\n            fontSize: token.pageHeaderTabFontSize,\n          },\n        },\n      },\n\n      [`${componentCls}-compact ${componentCls}-heading`]: {\n        flexWrap: 'wrap',\n      },\n\n      // rtl style\n      [`&${token.componentCls}-rtl`]: {\n        direction: 'rtl',\n      },\n    },\n  };\n};\n\n// ============================== Export ==============================\nexport default genComponentStyleHook('PageHeader', (token) => {\n  const PageHeaderToken = mergeToken<PageHeaderToken>(token, {\n    pageHeaderPadding: token.paddingLG,\n    pageHeaderPaddingVertical: token.paddingMD,\n    pageHeaderPaddingBreadcrumb: token.paddingSM,\n    pageHeaderContentPaddingVertical: token.paddingSM,\n    pageHeaderBackColor: token.colorTextBase,\n    pageHeaderGhostBg: 'transparent',\n    pageHeaderHeadingTitle: token.fontSizeHeading4,\n    pageHeaderHeadingSubTitle: token.fontSize,\n    pageHeaderTabFontSize: token.fontSizeLG,\n  });\n\n  return [genPageHeaderStyle(PageHeaderToken)];\n});\n"],"names":["mergeToken"],"mappings":"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"}