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

package/lib/list/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-list {
   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;
@@ -80,7 +38,7 @@ html {
 }
 .ant-list-empty-text {
   padding: 16px;
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   font-size: 14px;
   text-align: center;
 }
@@ -94,7 +52,7 @@ html {
   align-items: center;
   justify-content: space-between;
   padding: 12px 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
 }
 .ant-list-item-meta {
   display: flex;
@@ -108,23 +66,23 @@ html {
 .ant-list-item-meta-content {
   flex: 1 0;
   width: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
 }
 .ant-list-item-meta-title {
   margin-bottom: 4px;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   line-height: 1.5715;
 }
 .ant-list-item-meta-title > a {
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   transition: all 0.3s;
 }
 .ant-list-item-meta-title > a:hover {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
 }
 .ant-list-item-meta-description {
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
   font-size: 14px;
   line-height: 1.5715;
 }
@@ -139,7 +97,7 @@ html {
   position: relative;
   display: inline-block;
   padding: 0 8px;
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
   font-size: 14px;
   line-height: 1.5715;
   text-align: center;
@@ -154,7 +112,7 @@ html {
   width: 1px;
   height: 14px;
   margin-top: -7px;
-  background-color: rgba(0, 0, 0, 0.06);
+  background-color: #eeeeee;
 }
 .ant-list-header {
   background: transparent;
@@ -169,27 +127,27 @@ html {
 }
 .ant-list-empty {
   padding: 16px 0;
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
   font-size: 12px;
   text-align: center;
 }
 .ant-list-split .ant-list-item {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  border-bottom: 1px solid #eeeeee;
 }
 .ant-list-split .ant-list-item:last-child {
   border-bottom: none;
 }
 .ant-list-split .ant-list-header {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  border-bottom: 1px solid #eeeeee;
 }
 .ant-list-split.ant-list-empty .ant-list-footer {
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
+  border-top: 1px solid #eeeeee;
 }
 .ant-list-loading .ant-list-spin-nested-loading {
   min-height: 32px;
 }
 .ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  border-bottom: 1px solid #eeeeee;
 }
 .ant-list-lg .ant-list-item {
   padding: 16px 24px;
@@ -212,7 +170,7 @@ html {
 }
 .ant-list-vertical .ant-list-item-meta-title {
   margin-bottom: 12px;
-  color: rgba(0, 0, 0, 0.85);
+  color: #262626;
   font-size: 16px;
   line-height: 24px;
 }
@@ -241,7 +199,7 @@ html {
   float: right;
 }
 .ant-list-bordered {
-  border: 1px solid #d9d9d9;
+  border: 1px solid #d2d2d2;
   border-radius: 4px;
 }
 .ant-list-bordered .ant-list-header {

package/lib/locale-provider/index.d.ts

@@ -54,8 +54,8 @@ export default class LocaleProvider extends React.Component<LocaleProviderProps,
     componentDidMount(): void;
     componentDidUpdate(prevProps: LocaleProviderProps): void;
     componentWillUnmount(): void;
-    getMemoizedContextValue: import("memoize-one").MemoizedFn<(localeValue: Locale) => Locale & {
+    getMemoizedContextValue: (localeValue: Locale) => Locale & {
         exist?: boolean;
-    }>;
+    };
     render(): JSX.Element;
 }

package/lib/locale-provider/style/index.css

@@ -2,45 +2,3 @@
 /* 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;
-}

package/lib/mentions/index.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import type { MentionsProps as RcMentionsProps } from 'rc-mentions/lib/Mentions';
+import * as React from 'react';
 import type { InputStatus } from '../_util/statusUtils';
 export declare const Option: React.FC<import("rc-mentions/lib/Option").OptionProps>;
 export declare type MentionPlacement = 'top' | 'bottom';

package/lib/mentions/index.js

@@ -17,23 +17,23 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _tslib = require("tslib");
 
-var React = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _rcMentions = _interopRequireDefault(require("rc-mentions"));
 
 var _ref = require("rc-util/lib/ref");
 
-var _spin = _interopRequireDefault(require("../spin"));
+var React = _interopRequireWildcard(require("react"));
 
 var _configProvider = require("../config-provider");
 
+var _defaultRenderEmpty = _interopRequireDefault(require("../config-provider/defaultRenderEmpty"));
+
 var _context = require("../form/context");
 
-var _statusUtils = require("../_util/statusUtils");
+var _spin = _interopRequireDefault(require("../spin"));
 
-var _defaultRenderEmpty = _interopRequireDefault(require("../config-provider/defaultRenderEmpty"));
+var _statusUtils = require("../_util/statusUtils");
 
 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); }
 
@@ -151,7 +151,11 @@ var InternalMentions = function InternalMentions(_a, ref) {
 };
 
 var Mentions = /*#__PURE__*/React.forwardRef(InternalMentions);
-Mentions.displayName = 'Mentions';
+
+if (process.env.NODE_ENV !== 'production') {
+  Mentions.displayName = 'Mentions';
+}
+
 Mentions.Option = Option;
 
 Mentions.getMentions = function () {

package/lib/mentions/style/index.css

@@ -2,77 +2,35 @@
 /* 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-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions,
 .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover {
   background: #fff;
-  border-color: var(--ant-error-color);
+  border-color: #f42d2d;
 }
 .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,
 .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused {
-  border-color: var(--ant-error-color-hover);
-  box-shadow: 0 0 0 2px var(--ant-error-color-outline);
+  border-color: #ff5c57;
+  box-shadow: 0 0 0 2px rgba(244, 45, 45, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
 .ant-mentions-status-error .ant-input-prefix {
-  color: var(--ant-error-color);
+  color: #f42d2d;
 }
 .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions,
 .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover {
   background: #fff;
-  border-color: var(--ant-warning-color);
+  border-color: #ffab00;
 }
 .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,
 .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused {
-  border-color: var(--ant-warning-color-hover);
-  box-shadow: 0 0 0 2px var(--ant-warning-color-outline);
+  border-color: #ffbf29;
+  box-shadow: 0 0 0 2px rgba(255, 171, 0, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
 .ant-mentions-status-warning .ant-input-prefix {
-  color: var(--ant-warning-color);
+  color: #ffab00;
 }
 .ant-mentions {
   box-sizing: border-box;
@@ -83,11 +41,11 @@ html {
   width: 100%;
   min-width: 0;
   padding: 4px 11px;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   background-color: #fff;
   background-image: none;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #d2d2d2;
   border-radius: 4px;
   transition: all 0.3s;
   /* stylelint-disable-next-line selector-no-vendor-prefix */
@@ -125,38 +83,38 @@ html {
   text-overflow: ellipsis;
 }
 .ant-mentions:hover {
-  border-color: var(--ant-primary-5);
+  border-color: #548aff;
   border-right-width: 1px;
 }
 .ant-mentions:focus,
 .ant-mentions-focused {
-  border-color: var(--ant-primary-color-hover);
-  box-shadow: 0 0 0 2px var(--ant-primary-color-outline);
+  border-color: #548aff;
+  box-shadow: 0 0 0 2px rgba(44, 104, 255, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
 .ant-mentions-disabled {
-  color: rgba(0, 0, 0, 0.25);
-  background-color: #f5f5f5;
-  border-color: #d9d9d9;
+  color: #a9a9a9;
+  background-color: #f1f1f1;
+  border-color: #d2d2d2;
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-mentions-disabled:hover {
-  border-color: #d9d9d9;
+  border-color: #d2d2d2;
   border-right-width: 1px;
 }
 .ant-mentions[disabled] {
-  color: rgba(0, 0, 0, 0.25);
-  background-color: #f5f5f5;
-  border-color: #d9d9d9;
+  color: #a9a9a9;
+  background-color: #f1f1f1;
+  border-color: #d2d2d2;
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-mentions[disabled]:hover {
-  border-color: #d9d9d9;
+  border-color: #d2d2d2;
   border-right-width: 1px;
 }
 .ant-mentions-borderless,
@@ -185,20 +143,20 @@ textarea.ant-mentions {
   padding: 0px 7px;
 }
 .ant-mentions-disabled > textarea {
-  color: rgba(0, 0, 0, 0.25);
-  background-color: #f5f5f5;
-  border-color: #d9d9d9;
+  color: #a9a9a9;
+  background-color: #f1f1f1;
+  border-color: #d2d2d2;
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-mentions-disabled > textarea:hover {
-  border-color: #d9d9d9;
+  border-color: #d2d2d2;
   border-right-width: 1px;
 }
 .ant-mentions-focused {
-  border-color: var(--ant-primary-color-hover);
-  box-shadow: 0 0 0 2px var(--ant-primary-color-outline);
+  border-color: #548aff;
+  box-shadow: 0 0 0 2px rgba(44, 104, 255, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
@@ -279,7 +237,7 @@ textarea.ant-mentions {
 .ant-mentions-dropdown {
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-variant: tabular-nums;
   line-height: 1.5715;
   list-style: none;
@@ -313,7 +271,7 @@ textarea.ant-mentions {
   min-width: 100px;
   padding: 5px 12px;
   overflow: hidden;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-weight: normal;
   line-height: 1.5715;
   white-space: nowrap;
@@ -331,16 +289,16 @@ textarea.ant-mentions {
   border-radius: 0 0 4px 4px;
 }
 .ant-mentions-dropdown-menu-item-disabled {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   cursor: not-allowed;
 }
 .ant-mentions-dropdown-menu-item-disabled:hover {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   background-color: #fff;
   cursor: not-allowed;
 }
 .ant-mentions-dropdown-menu-item-selected {
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-weight: 600;
   background-color: #fafafa;
 }