{"version":3,"file":"index.cjs","sources":["../../../../../../packages/components/message/style/index.ts"],"sourcesContent":["import type { FullToken, GenerateStyle } from '@antdv/theme';\n\n// deps-lint-skip-all\nimport { genComponentStyleHook, Keyframes, mergeToken, resetComponent } from '@antdv/theme';\n\n/** Component only token. Which will handle additional calculation of alias token */\nexport interface ComponentToken {\n  // Component token here\n  height: number\n  zIndexPopup: number\n}\n\ninterface MessageToken extends FullToken<'Message'> {\n  // Custom token here\n  messageNoticeContentPadding: string\n}\n\nconst genMessageStyle: GenerateStyle<MessageToken> = (token) => {\n  const {\n    componentCls,\n    iconCls,\n    boxShadowSecondary,\n    colorBgElevated,\n    colorSuccess,\n    colorError,\n    colorWarning,\n    colorInfo,\n    fontSizeLG,\n    motionEaseInOutCirc,\n    motionDurationSlow,\n    marginXS,\n    paddingXS,\n    borderRadiusLG,\n    zIndexPopup,\n    // Custom token\n    messageNoticeContentPadding,\n  } = token;\n\n  const messageMoveIn = new Keyframes('MessageMoveIn', {\n    '0%': {\n      padding: 0,\n      transform: 'translateY(-100%)',\n      opacity: 0,\n    },\n\n    '100%': {\n      padding: paddingXS,\n      transform: 'translateY(0)',\n      opacity: 1,\n    },\n  });\n\n  const messageMoveOut = new Keyframes('MessageMoveOut', {\n    '0%': {\n      maxHeight: token.height,\n      padding: paddingXS,\n      opacity: 1,\n    },\n    '100%': {\n      maxHeight: 0,\n      padding: 0,\n      opacity: 0,\n    },\n  });\n\n  return [\n    // ============================ Holder ============================\n    {\n      [componentCls]: {\n        ...resetComponent(token),\n        'position': 'fixed',\n        'top': marginXS,\n        'left': '50%',\n        'transform': 'translateX(-50%)',\n        'width': '100%',\n        'pointerEvents': 'none',\n        'zIndex': zIndexPopup,\n\n        [`${componentCls}-move-up`]: {\n          animationFillMode: 'forwards',\n        },\n        [`\n        ${componentCls}-move-up-appear,\n        ${componentCls}-move-up-enter\n      `]: {\n          animationName: messageMoveIn,\n          animationDuration: motionDurationSlow,\n          animationPlayState: 'paused',\n          animationTimingFunction: motionEaseInOutCirc,\n        },\n        [`\n        ${componentCls}-move-up-appear${componentCls}-move-up-appear-active,\n        ${componentCls}-move-up-enter${componentCls}-move-up-enter-active\n      `]: {\n          animationPlayState: 'running',\n        },\n        [`${componentCls}-move-up-leave`]: {\n          animationName: messageMoveOut,\n          animationDuration: motionDurationSlow,\n          animationPlayState: 'paused',\n          animationTimingFunction: motionEaseInOutCirc,\n        },\n        [`${componentCls}-move-up-leave${componentCls}-move-up-leave-active`]: {\n          animationPlayState: 'running',\n        },\n        '&-rtl': {\n          direction: 'rtl',\n          span: {\n            direction: 'rtl',\n          },\n        },\n      },\n    },\n\n    // ============================ Notice ============================\n    {\n      [`${componentCls}-notice`]: {\n        padding: paddingXS,\n        textAlign: 'center',\n\n        [iconCls]: {\n          verticalAlign: 'text-bottom',\n          marginInlineEnd: marginXS, // affected by ltr or rtl\n          fontSize: fontSizeLG,\n        },\n\n        [`${componentCls}-notice-content`]: {\n          display: 'inline-block',\n          padding: messageNoticeContentPadding,\n          background: colorBgElevated,\n          borderRadius: borderRadiusLG,\n          boxShadow: boxShadowSecondary,\n          pointerEvents: 'all',\n        },\n\n        [`${componentCls}-success ${iconCls}`]: {\n          color: colorSuccess,\n        },\n        [`${componentCls}-error ${iconCls}`]: {\n          color: colorError,\n        },\n        [`${componentCls}-warning ${iconCls}`]: {\n          color: colorWarning,\n        },\n        [`\n        ${componentCls}-info ${iconCls},\n        ${componentCls}-loading ${iconCls}`]: {\n          color: colorInfo,\n        },\n      },\n    },\n\n    // ============================= Pure =============================\n    {\n      [`${componentCls}-notice-pure-panel`]: {\n        padding: 0,\n        textAlign: 'start',\n      },\n    },\n  ];\n};\n\n// ============================== Export ==============================\nexport default genComponentStyleHook(\n  'Message',\n  (token) => {\n    // Gen-style functions here\n    const combinedToken = mergeToken<MessageToken>(token, {\n      messageNoticeContentPadding: `${\n        (token.controlHeightLG - token.fontSize * token.lineHeight) / 2\n      }px ${token.paddingSM}px`,\n    });\n    return [genMessageStyle(combinedToken)];\n  },\n  token => ({\n    height: 150,\n    zIndexPopup: token.zIndexPopupBase + 10,\n  }),\n);\n"],"names":["Keyframes","resetComponent","genComponentStyleHook","mergeToken"],"mappings":"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"}