@fle-ui/next 1.0.5-alpha.4 → 1.0.5-alpha.7

package/lib/pagination/style/index.less

@@ -61,10 +61,21 @@
       }
     }
 
-    &:focus-visible,
     &:hover {
       border-color: @primary-color;
       transition: all 0.3s;
+
+      a {
+        color: @primary-color;
+      }
+    }
+
+    // cannot merge with `&:hover`
+    // see https://github.com/ant-design/ant-design/pull/34002
+    &:focus-visible {
+      border-color: @primary-color;
+      transition: all 0.3s;
+
       a {
         color: @primary-color;
       }
@@ -76,21 +87,23 @@
       border-color: @primary-color;
 
       a {
-        color: @pagination-item-color-active;
+        color: #fff;
       }
 
-      &:focus-visible,
       &:hover {
         border-color: @primary-5;
       }
 
-      &:focus-visible a,
-      &:hover a {
-        color: @primary-5;
+      &:focus-visible {
+        border-color: @primary-5;
       }
 
       &:hover a {
-        color: @pagination-item-color-active;
+        color: #fff;
+      }
+
+      &:focus-visible a {
+        color: #fff;
       }
     }
   }
@@ -107,6 +120,7 @@
         letter-spacing: -1px;
         opacity: 0;
         transition: all 0.2s;
+
         &-svg {
           top: 0;
           right: 0;
@@ -134,7 +148,6 @@
       }
     }
 
-    &:focus-visible,
     &:hover {
       .@{pagination-prefix-cls}-item-link-icon {
         opacity: 1;
@@ -143,6 +156,15 @@
         opacity: 0;
       }
     }
+
+    &:focus-visible {
+      .@{pagination-prefix-cls}-item-link-icon {
+        opacity: 1;
+      }
+      .@{pagination-prefix-cls}-item-ellipsis {
+        opacity: 0;
+      }
+    }
   }
 
   &-prev,
@@ -150,6 +172,7 @@
   &-jump-next {
     margin-right: 8px;
   }
+
   &-prev,
   &-next,
   &-jump-prev,
@@ -197,7 +220,11 @@
       transition: all 0.3s;
     }
 
-    &:focus-visible .@{pagination-prefix-cls}-item-link,
+    &:focus-visible .@{pagination-prefix-cls}-item-link {
+      color: @primary-color;
+      border-color: @primary-color;
+    }
+
     &:hover .@{pagination-prefix-cls}-item-link {
       color: @primary-color;
       border-color: @primary-color;
@@ -206,7 +233,15 @@
 
   &-disabled {
     &,
-    &:hover,
+    &:hover {
+      cursor: not-allowed;
+      .@{pagination-prefix-cls}-item-link {
+        color: @disabled-color;
+        border-color: @border-color-base;
+        cursor: not-allowed;
+      }
+    }
+
     &:focus-visible {
       cursor: not-allowed;
       .@{pagination-prefix-cls}-item-link {
@@ -265,6 +300,7 @@
       height: @pagination-item-size-sm;
       background-color: transparent;
       border: 0;
+
       &::after {
         height: @pagination-item-size-sm;
         line-height: @pagination-item-size-sm;
@@ -293,6 +329,11 @@
         border-color: @primary-color;
       }
 
+      &:focus {
+        border-color: @primary-color-hover;
+        box-shadow: @input-outline-offset @outline-blur-size @outline-width @primary-color-outline;
+      }
+
       &[disabled] {
         color: @disabled-color;
         background: @disabled-bg;
@@ -302,50 +343,51 @@
     }
   }
 
-  &.mini &-total-text,
-  &.mini &-simple-pager {
+  &&-mini &-total-text,
+  &&-mini &-simple-pager {
     height: @pagination-item-size-sm;
     line-height: @pagination-item-size-sm;
   }
 
-  &.mini &-item {
+  &&-mini &-item {
     min-width: @pagination-item-size-sm;
     height: @pagination-item-size-sm;
     margin: 0;
     line-height: @pagination-item-size-sm - 2px;
   }
 
-  &.mini &-item:not(&-item-active) {
+  &&-mini &-item:not(&-item-active) {
     background: transparent;
     border-color: transparent;
   }
 
-  &.mini &-prev,
-  &.mini &-next {
+  &&-mini &-prev,
+  &&-mini &-next {
     min-width: @pagination-item-size-sm;
     height: @pagination-item-size-sm;
     margin: 0;
     line-height: @pagination-item-size-sm;
   }
 
-  &.mini &-prev &-item-link,
-  &.mini &-next &-item-link {
+  &&-mini &-prev &-item-link,
+  &&-mini &-next &-item-link {
     background: transparent;
     border-color: transparent;
+
     &::after {
       height: @pagination-item-size-sm;
       line-height: @pagination-item-size-sm;
     }
   }
 
-  &.mini &-jump-prev,
-  &.mini &-jump-next {
+  &&-mini &-jump-prev,
+  &&-mini &-jump-next {
     height: @pagination-item-size-sm;
     margin-right: 0;
     line-height: @pagination-item-size-sm;
   }
 
-  &.mini &-options {
+  &&-mini &-options {
     margin-left: 2px;
 
     &-size-changer {
@@ -383,6 +425,7 @@
 
       &-active {
         background: @pagination-item-disabled-bg-active;
+
         a {
           color: @pagination-item-disabled-color-active;
         }

package/lib/popconfirm/style/index.css

@@ -2,48 +2,6 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-html {
-  --ant-primary-color: #2c68ff;
-  --ant-primary-color-hover: #548aff;
-  --ant-primary-color-active: #1a4ad9;
-  --ant-primary-color-outline: rgba(44, 104, 255, 0.2);
-  --ant-primary-1: #f0f7ff;
-  --ant-primary-2: #cfe3ff;
-  --ant-primary-3: #a6c8ff;
-  --ant-primary-4: #7daaff;
-  --ant-primary-5: #548aff;
-  --ant-primary-6: #2c68ff;
-  --ant-primary-7: #1a4ad9;
-  --ant-primary-color-deprecated-pure: ;
-  --ant-primary-color-deprecated-l-35: #dfe8ff;
-  --ant-primary-color-deprecated-l-20: #92b1ff;
-  --ant-primary-color-deprecated-t-20: #5686ff;
-  --ant-primary-color-deprecated-t-50: #96b4ff;
-  --ant-primary-color-deprecated-f-12: rgba(44, 104, 255, 0.12);
-  --ant-primary-color-active-deprecated-f-30: rgba(240, 247, 255, 0.3);
-  --ant-primary-color-active-deprecated-d-02: #e6f2ff;
-  --ant-success-color: #36c626;
-  --ant-success-color-hover: #5cd44a;
-  --ant-success-color-active: #20a116;
-  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
-  --ant-success-color-deprecated-bg: #f4fff0;
-  --ant-success-color-deprecated-border: #afed9f;
-  --ant-error-color: #ff5c57;
-  --ant-error-color-hover: #ff8880;
-  --ant-error-color-active: #d93f3f;
-  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
-  --ant-error-color-deprecated-bg: #fff3f0;
-  --ant-error-color-deprecated-border: #ffd7d1;
-  --ant-warning-color: #ffab00;
-  --ant-warning-color-hover: #ffbf29;
-  --ant-warning-color-active: #d98900;
-  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
-  --ant-warning-color-deprecated-bg: #fffbe6;
-  --ant-warning-color-deprecated-border: #ffe07a;
-  --ant-info-color: #2c68ff;
-  --ant-info-color-deprecated-bg: #f0f7ff;
-  --ant-info-color-deprecated-border: #a6c8ff;
-}
 .ant-popconfirm {
   z-index: 1060;
 }

package/lib/popover/index.js

@@ -55,7 +55,11 @@ var Popover = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     transitionName: (0, _motion.getTransitionName)(rootPrefixCls, 'zoom-big', otherProps.transitionName)
   }));
 });
-Popover.displayName = 'Popover';
+
+if (process.env.NODE_ENV !== 'production') {
+  Popover.displayName = 'Popover';
+}
+
 Popover.defaultProps = {
   placement: 'top',
   trigger: 'hover',

package/lib/popover/style/index.css

@@ -2,53 +2,11 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-html {
-  --ant-primary-color: #2c68ff;
-  --ant-primary-color-hover: #548aff;
-  --ant-primary-color-active: #1a4ad9;
-  --ant-primary-color-outline: rgba(44, 104, 255, 0.2);
-  --ant-primary-1: #f0f7ff;
-  --ant-primary-2: #cfe3ff;
-  --ant-primary-3: #a6c8ff;
-  --ant-primary-4: #7daaff;
-  --ant-primary-5: #548aff;
-  --ant-primary-6: #2c68ff;
-  --ant-primary-7: #1a4ad9;
-  --ant-primary-color-deprecated-pure: ;
-  --ant-primary-color-deprecated-l-35: #dfe8ff;
-  --ant-primary-color-deprecated-l-20: #92b1ff;
-  --ant-primary-color-deprecated-t-20: #5686ff;
-  --ant-primary-color-deprecated-t-50: #96b4ff;
-  --ant-primary-color-deprecated-f-12: rgba(44, 104, 255, 0.12);
-  --ant-primary-color-active-deprecated-f-30: rgba(240, 247, 255, 0.3);
-  --ant-primary-color-active-deprecated-d-02: #e6f2ff;
-  --ant-success-color: #36c626;
-  --ant-success-color-hover: #5cd44a;
-  --ant-success-color-active: #20a116;
-  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
-  --ant-success-color-deprecated-bg: #f4fff0;
-  --ant-success-color-deprecated-border: #afed9f;
-  --ant-error-color: #ff5c57;
-  --ant-error-color-hover: #ff8880;
-  --ant-error-color-active: #d93f3f;
-  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
-  --ant-error-color-deprecated-bg: #fff3f0;
-  --ant-error-color-deprecated-border: #ffd7d1;
-  --ant-warning-color: #ffab00;
-  --ant-warning-color-hover: #ffbf29;
-  --ant-warning-color-active: #d98900;
-  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
-  --ant-warning-color-deprecated-bg: #fffbe6;
-  --ant-warning-color-deprecated-border: #ffe07a;
-  --ant-info-color: #2c68ff;
-  --ant-info-color-deprecated-bg: #f0f7ff;
-  --ant-info-color-deprecated-border: #a6c8ff;
-}
 .ant-popover {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -118,24 +76,24 @@ html {
   min-height: 32px;
   margin: 0;
   padding: 5px 16px 4px;
-  color: rgba(0, 0, 0, 0.85);
+  color: #262626;
   font-weight: 500;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  border-bottom: 1px solid #eeeeee;
 }
 .ant-popover-inner-content {
   padding: 12px 16px;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
 }
 .ant-popover-message {
   position: relative;
   padding: 4px 0 12px;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
 }
 .ant-popover-message > .anticon {
   position: absolute;
   top: 8.0005px;
-  color: var(--ant-warning-color);
+  color: #ffab00;
   font-size: 14px;
 }
 .ant-popover-message-title {
@@ -170,7 +128,7 @@ html {
   background-color: #fff;
   content: '';
   pointer-events: auto;
-  border-radius: 0 0 4px;
+  border-radius: 0 0 2px;
   pointer-events: none;
 }
 .ant-popover-arrow-content::before {
@@ -183,8 +141,8 @@ html {
   background-repeat: no-repeat;
   background-position: -10px -10px;
   content: '';
-  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 18.627416997969522 22.627416997969522 A 4 4 0 0 0 22.627416997969522 18.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
-          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 18.627416997969522 22.627416997969522 A 4 4 0 0 0 22.627416997969522 18.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
+  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
+          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
 }
 .ant-popover-placement-top .ant-popover-arrow,
 .ant-popover-placement-topLeft .ant-popover-arrow,
@@ -335,10 +293,10 @@ html {
   background-color: #36c626;
 }
 .ant-popover-blue .ant-popover-inner {
-  background-color: #2c68ff;
+  background-color: #1890ff;
 }
 .ant-popover-blue .ant-popover-arrow-content {
-  background-color: #2c68ff;
+  background-color: #1890ff;
 }
 .ant-popover-geekblue .ant-popover-inner {
   background-color: #2f54eb;

package/lib/progress/style/index.css

@@ -2,53 +2,11 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-html {
-  --ant-primary-color: #2c68ff;
-  --ant-primary-color-hover: #548aff;
-  --ant-primary-color-active: #1a4ad9;
-  --ant-primary-color-outline: rgba(44, 104, 255, 0.2);
-  --ant-primary-1: #f0f7ff;
-  --ant-primary-2: #cfe3ff;
-  --ant-primary-3: #a6c8ff;
-  --ant-primary-4: #7daaff;
-  --ant-primary-5: #548aff;
-  --ant-primary-6: #2c68ff;
-  --ant-primary-7: #1a4ad9;
-  --ant-primary-color-deprecated-pure: ;
-  --ant-primary-color-deprecated-l-35: #dfe8ff;
-  --ant-primary-color-deprecated-l-20: #92b1ff;
-  --ant-primary-color-deprecated-t-20: #5686ff;
-  --ant-primary-color-deprecated-t-50: #96b4ff;
-  --ant-primary-color-deprecated-f-12: rgba(44, 104, 255, 0.12);
-  --ant-primary-color-active-deprecated-f-30: rgba(240, 247, 255, 0.3);
-  --ant-primary-color-active-deprecated-d-02: #e6f2ff;
-  --ant-success-color: #36c626;
-  --ant-success-color-hover: #5cd44a;
-  --ant-success-color-active: #20a116;
-  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
-  --ant-success-color-deprecated-bg: #f4fff0;
-  --ant-success-color-deprecated-border: #afed9f;
-  --ant-error-color: #ff5c57;
-  --ant-error-color-hover: #ff8880;
-  --ant-error-color-active: #d93f3f;
-  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
-  --ant-error-color-deprecated-bg: #fff3f0;
-  --ant-error-color-deprecated-border: #ffd7d1;
-  --ant-warning-color: #ffab00;
-  --ant-warning-color-hover: #ffbf29;
-  --ant-warning-color-active: #d98900;
-  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
-  --ant-warning-color-deprecated-bg: #fffbe6;
-  --ant-warning-color-deprecated-border: #ffe07a;
-  --ant-info-color: #2c68ff;
-  --ant-info-color-deprecated-bg: #f0f7ff;
-  --ant-info-color-deprecated-border: #a6c8ff;
-}
 .ant-progress {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -77,7 +35,7 @@ html {
   transition: all 0.3s;
 }
 .ant-progress-steps-item-active {
-  background: var(--ant-primary-color);
+  background: #1890ff;
 }
 .ant-progress-small.ant-progress-line,
 .ant-progress-small.ant-progress-line .ant-progress-text .anticon {
@@ -99,23 +57,23 @@ html {
   width: 100%;
   overflow: hidden;
   vertical-align: middle;
-  background-color: rgba(0, 0, 0, 0.04);
+  background-color: #f5f5f5;
   border-radius: 100px;
 }
 .ant-progress-circle-trail {
-  stroke: rgba(0, 0, 0, 0.04);
+  stroke: #f5f5f5;
 }
 .ant-progress-circle-path {
   -webkit-animation: ant-progress-appear 0.3s;
           animation: ant-progress-appear 0.3s;
 }
 .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
-  stroke: var(--ant-primary-color);
+  stroke: #1890ff;
 }
 .ant-progress-success-bg,
 .ant-progress-bg {
   position: relative;
-  background-color: var(--ant-primary-color);
+  background-color: #1890ff;
   border-radius: 100px;
   transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
 }
@@ -123,13 +81,13 @@ html {
   position: absolute;
   top: 0;
   left: 0;
-  background-color: var(--ant-success-color);
+  background-color: #36c626;
 }
 .ant-progress-text {
   display: inline-block;
   width: 2em;
   margin-left: 8px;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 1em;
   line-height: 1;
   white-space: nowrap;
@@ -154,22 +112,22 @@ html {
   content: '';
 }
 .ant-progress-status-exception .ant-progress-bg {
-  background-color: var(--ant-error-color);
+  background-color: #f42d2d;
 }
 .ant-progress-status-exception .ant-progress-text {
-  color: var(--ant-error-color);
+  color: #f42d2d;
 }
 .ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
-  stroke: var(--ant-error-color);
+  stroke: #f42d2d;
 }
 .ant-progress-status-success .ant-progress-bg {
-  background-color: var(--ant-success-color);
+  background-color: #36c626;
 }
 .ant-progress-status-success .ant-progress-text {
-  color: var(--ant-success-color);
+  color: #36c626;
 }
 .ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
-  stroke: var(--ant-success-color);
+  stroke: #36c626;
 }
 .ant-progress-circle .ant-progress-inner {
   position: relative;
@@ -183,7 +141,7 @@ html {
   width: 100%;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 1em;
   line-height: 1;
   white-space: normal;
@@ -194,10 +152,10 @@ html {
   font-size: 1.16666667em;
 }
 .ant-progress-circle.ant-progress-status-exception .ant-progress-text {
-  color: var(--ant-error-color);
+  color: #f42d2d;
 }
 .ant-progress-circle.ant-progress-status-success .ant-progress-text {
-  color: var(--ant-success-color);
+  color: #36c626;
 }
 @-webkit-keyframes ant-progress-active {
   0% {

package/lib/radio/radio.js

@@ -15,24 +15,24 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _tslib = require("tslib");
 
-var React = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
 var _rcCheckbox = _interopRequireDefault(require("rc-checkbox"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _ref = require("rc-util/lib/ref");
 
-var _context = require("../form/context");
+var React = _interopRequireWildcard(require("react"));
 
 var _configProvider = require("../config-provider");
 
-var _context2 = _interopRequireWildcard(require("./context"));
-
 var _DisabledContext = _interopRequireDefault(require("../config-provider/DisabledContext"));
 
+var _context = require("../form/context");
+
 var _warning = _interopRequireDefault(require("../_util/warning"));
 
+var _context2 = _interopRequireWildcard(require("./context"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -101,6 +101,10 @@ var InternalRadio = function InternalRadio(props, ref) {
 };
 
 var Radio = /*#__PURE__*/React.forwardRef(InternalRadio);
-Radio.displayName = 'Radio';
+
+if (process.env.NODE_ENV !== 'production') {
+  Radio.displayName = 'Radio';
+}
+
 var _default = Radio;
 exports["default"] = _default;