@yuntijs/ui/es/notification/style.js

☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps

import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject;
import { notification } from 'antd';
import { createGlobalStyle } from 'antd-style';
export var NotificationGlobalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.yunti-notification {\n  width: auto;\n  min-width: 360px;\n  max-width: 520px;\n  &-link {\n    color: ", ";\n  }\n  &-link:hover {\n    color: ", ";\n  }\n  &-collapse {\n    &-expand-icon {\n      font-size: 14px !important;\n    }\n    &.ant-collapse > .ant-collapse-item {\n      & > .ant-collapse-header {\n        padding: 6px 16px 6px 24px;\n        & > span {\n          color: rgba(0, 0, 0, 0.7);\n        }\n        &:hover {\n          .yunti-notification-collapse-expand-icon {\n            color: ", ";\n          }\n        }\n        .ant-collapse-expand-icon {\n          position: absolute;\n          top: 3.429px;\n          left: 0%;\n        }\n\n        .ant-collapse-arrow {\n          position: relative;\n          top: 3.429px;\n\n          display: inline-block;\n\n          padding: 6px 0;\n\n          line-height: 0;\n          text-align: center;\n          text-transform: none;\n          text-rendering: optimizelegibility;\n          vertical-align: -0.125em;\n        }\n        & > .ant-collapse-header-text {\n          width: 100%;\n        }\n      }\n      & > .ant-collapse-content > .ant-collapse-content-box {\n        padding: 0;\n      }\n    }\n    &-content-p {\n      position: relative;\n      & > pre {\n        overflow: auto;\n        height: 166px;\n        margin: 0;\n        padding-right: 24px;\n      }\n      & > .ant-typography-copy {\n        position: absolute;\n        right: 16px;\n        bottom: 8px;\n\n        font-size: 14px;\n        color:", ";\n      }\n\n      & > .ant-typography-copy:hover {\n        color:", ";\n      }\n    }\n  }\n  ", "\n}\n"])), function (_ref) {
  var theme = _ref.theme;
  return "".concat(theme === null || theme === void 0 ? void 0 : theme.colorPrimary, " !important");
}, function (_ref2) {
  var theme = _ref2.theme;
  return "".concat(theme === null || theme === void 0 ? void 0 : theme.colorPrimaryHover, " !important");
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme === null || theme === void 0 ? void 0 : theme.colorPrimary;
}, function (_ref4) {
  var theme = _ref4.theme;
  return "".concat(theme === null || theme === void 0 ? void 0 : theme.colorPrimary, " !important");
}, function (_ref5) {
  var theme = _ref5.theme;
  return "".concat(theme === null || theme === void 0 ? void 0 : theme.colorPrimaryHover, " !important");
}, function (_ref6) {
  var theme = _ref6.theme;
  var _ref7 = theme || {},
    prefixCls = _ref7.prefixCls;
  notification.config({
    prefixCls: prefixCls
  });
  return "\n      .".concat(prefixCls, "-notice-message {\n        font-weight: 500 !important;\n      }\n      .").concat(prefixCls, "-notice-description {\n        max-height: ~'calc(100vh - 160px)';\n        overflow: auto;\n      }\n    ");
});