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

package/lib/input/style/index.css

@@ -3,46 +3,46 @@
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 html {
-  --ant-primary-color: #1890ff;
-  --ant-primary-color-hover: #40a9ff;
-  --ant-primary-color-active: #096dd9;
-  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
-  --ant-primary-1: #e6f7ff;
-  --ant-primary-2: #bae7ff;
-  --ant-primary-3: #91d5ff;
-  --ant-primary-4: #69c0ff;
-  --ant-primary-5: #40a9ff;
-  --ant-primary-6: #1890ff;
-  --ant-primary-7: #096dd9;
+  --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: #cbe6ff;
-  --ant-primary-color-deprecated-l-20: #7ec1ff;
-  --ant-primary-color-deprecated-t-20: #46a6ff;
-  --ant-primary-color-deprecated-t-50: #8cc8ff;
-  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
-  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
-  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
-  --ant-success-color: #52c41a;
-  --ant-success-color-hover: #73d13d;
-  --ant-success-color-active: #389e0d;
-  --ant-success-color-outline: rgba(82, 196, 26, 0.2);
-  --ant-success-color-deprecated-bg: #f6ffed;
-  --ant-success-color-deprecated-border: #b7eb8f;
-  --ant-error-color: #ff4d4f;
-  --ant-error-color-hover: #ff7875;
-  --ant-error-color-active: #d9363e;
-  --ant-error-color-outline: rgba(255, 77, 79, 0.2);
-  --ant-error-color-deprecated-bg: #fff2f0;
-  --ant-error-color-deprecated-border: #ffccc7;
-  --ant-warning-color: #faad14;
-  --ant-warning-color-hover: #ffc53d;
-  --ant-warning-color-active: #d48806;
-  --ant-warning-color-outline: rgba(250, 173, 20, 0.2);
+  --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: #ffe58f;
-  --ant-info-color: #1890ff;
-  --ant-info-color-deprecated-bg: #e6f7ff;
-  --ant-info-color-deprecated-border: #91d5ff;
+  --ant-warning-color-deprecated-border: #ffe07a;
+  --ant-info-color: #2c68ff;
+  --ant-info-color-deprecated-bg: #f0f7ff;
+  --ant-info-color-deprecated-border: #a6c8ff;
 }
 .ant-input-affix-wrapper {
   position: relative;
@@ -50,12 +50,12 @@ html {
   width: 100%;
   min-width: 0;
   padding: 4px 11px;
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   font-size: 14px;
   line-height: 1.5715;
   background-color: #fff;
   background-image: none;
-  border: 1px solid #d2d2d2;
+  border: 1px solid #d9d9d9;
   border-radius: 4px;
   transition: all 0.3s;
   /* stylelint-disable-next-line selector-no-vendor-prefix */
@@ -106,27 +106,27 @@ html {
   border-left-width: 1px !important;
 }
 .ant-input-affix-wrapper-disabled {
-  color: #a9a9a9;
-  background-color: #f1f1f1;
-  border-color: #d2d2d2;
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  border-color: #d9d9d9;
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-affix-wrapper-disabled:hover {
-  border-color: #d2d2d2;
+  border-color: #d9d9d9;
   border-right-width: 1px;
 }
 .ant-input-affix-wrapper[disabled] {
-  color: #a9a9a9;
-  background-color: #f1f1f1;
-  border-color: #d2d2d2;
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  border-color: #d9d9d9;
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-affix-wrapper[disabled]:hover {
-  border-color: #d2d2d2;
+  border-color: #d9d9d9;
   border-right-width: 1px;
 }
 .ant-input-affix-wrapper-borderless,
@@ -200,7 +200,7 @@ textarea.ant-input-affix-wrapper {
   margin-right: 8px;
 }
 .ant-input-show-count-suffix {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.45);
 }
 .ant-input-show-count-has-suffix {
   margin-right: 2px;
@@ -214,7 +214,7 @@ textarea.ant-input-affix-wrapper {
 .anticon.ant-input-clear-icon,
 .ant-input-clear-icon {
   margin: 0;
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.25);
   font-size: 12px;
   vertical-align: -1px;
   cursor: pointer;
@@ -222,11 +222,11 @@ textarea.ant-input-affix-wrapper {
 }
 .anticon.ant-input-clear-icon:hover,
 .ant-input-clear-icon:hover {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.45);
 }
 .anticon.ant-input-clear-icon:active,
 .ant-input-clear-icon:active {
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
 }
 .anticon.ant-input-clear-icon-hidden,
 .ant-input-clear-icon-hidden {
@@ -249,7 +249,7 @@ textarea.ant-input-affix-wrapper {
 .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
 .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
   background: #fff;
-  border-color: #f42d2d;
+  border-color: var(--ant-error-color);
 }
 .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
 .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
@@ -259,12 +259,12 @@ textarea.ant-input-affix-wrapper {
   outline: 0;
 }
 .ant-input-status-error .ant-input-prefix {
-  color: #f42d2d;
+  color: var(--ant-error-color);
 }
 .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
 .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
   background: #fff;
-  border-color: #ffab00;
+  border-color: var(--ant-warning-color);
 }
 .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
 .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
@@ -274,12 +274,12 @@ textarea.ant-input-affix-wrapper {
   outline: 0;
 }
 .ant-input-status-warning .ant-input-prefix {
-  color: #ffab00;
+  color: var(--ant-warning-color);
 }
 .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
 .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
   background: #fff;
-  border-color: #f42d2d;
+  border-color: var(--ant-error-color);
 }
 .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
 .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
@@ -289,12 +289,12 @@ textarea.ant-input-affix-wrapper {
   outline: 0;
 }
 .ant-input-affix-wrapper-status-error .ant-input-prefix {
-  color: #f42d2d;
+  color: var(--ant-error-color);
 }
 .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
 .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
   background: #fff;
-  border-color: #ffab00;
+  border-color: var(--ant-warning-color);
 }
 .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
 .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
@@ -304,7 +304,7 @@ textarea.ant-input-affix-wrapper {
   outline: 0;
 }
 .ant-input-affix-wrapper-status-warning .ant-input-prefix {
-  color: #ffab00;
+  color: var(--ant-warning-color);
 }
 .ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
 .ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
@@ -313,12 +313,12 @@ textarea.ant-input-affix-wrapper {
   padding-right: 24px;
 }
 .ant-input-group-wrapper-status-error .ant-input-group-addon {
-  color: #f42d2d;
-  border-color: #f42d2d;
+  color: var(--ant-error-color);
+  border-color: var(--ant-error-color);
 }
 .ant-input-group-wrapper-status-warning .ant-input-group-addon {
-  color: #ffab00;
-  border-color: #ffab00;
+  color: var(--ant-warning-color);
+  border-color: var(--ant-warning-color);
 }
 .ant-input {
   box-sizing: border-box;
@@ -332,12 +332,12 @@ textarea.ant-input-affix-wrapper {
   width: 100%;
   min-width: 0;
   padding: 4px 11px;
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   font-size: 14px;
   line-height: 1.5715;
   background-color: #fff;
   background-image: none;
-  border: 1px solid #d2d2d2;
+  border: 1px solid #d9d9d9;
   border-radius: 4px;
   transition: all 0.3s;
   /* stylelint-disable-next-line selector-no-vendor-prefix */
@@ -387,27 +387,27 @@ textarea.ant-input-affix-wrapper {
   border-left-width: 1px !important;
 }
 .ant-input-disabled {
-  color: #a9a9a9;
-  background-color: #f1f1f1;
-  border-color: #d2d2d2;
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  border-color: #d9d9d9;
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-disabled:hover {
-  border-color: #d2d2d2;
+  border-color: #d9d9d9;
   border-right-width: 1px;
 }
 .ant-input[disabled] {
-  color: #a9a9a9;
-  background-color: #f1f1f1;
-  border-color: #d2d2d2;
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  border-color: #d9d9d9;
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input[disabled]:hover {
-  border-color: #d2d2d2;
+  border-color: #d9d9d9;
   border-right-width: 1px;
 }
 .ant-input-borderless,
@@ -442,7 +442,7 @@ textarea.ant-input {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -504,12 +504,12 @@ textarea.ant-input {
 .ant-input-group-addon {
   position: relative;
   padding: 0 11px;
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   font-weight: normal;
   font-size: 14px;
   text-align: center;
   background-color: #fafafa;
-  border: 1px solid #d2d2d2;
+  border: 1px solid #d9d9d9;
   border-radius: 4px;
   transition: all 0.3s;
 }
@@ -523,7 +523,7 @@ textarea.ant-input {
 }
 .ant-input-group-addon .ant-select-open .ant-select-selector,
 .ant-input-group-addon .ant-select-focused .ant-select-selector {
-  color: #2c68ff;
+  color: var(--ant-primary-color);
 }
 .ant-input-group-addon .ant-cascader-picker {
   margin: -9px -12px;
@@ -702,12 +702,12 @@ textarea.ant-input {
   border-radius: 0 4px 4px 0;
 }
 .ant-input-group-rtl .ant-input-group-addon:first-child {
-  border-right: 1px solid #d2d2d2;
+  border-right: 1px solid #d9d9d9;
   border-left: 0;
 }
 .ant-input-group-rtl .ant-input-group-addon:last-child {
   border-right: 0;
-  border-left: 1px solid #d2d2d2;
+  border-left: 1px solid #d9d9d9;
   border-radius: 4px 0 0 4px;
 }
 .ant-input-group-rtl.ant-input-group > .ant-input:last-child,
@@ -753,7 +753,7 @@ textarea.ant-input {
   vertical-align: top;
 }
 .ant-input-password-icon.anticon {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.45);
   cursor: pointer;
   transition: all 0.3s;
 }
@@ -776,7 +776,7 @@ textarea.ant-input {
 }
 .ant-input-textarea-show-count::after {
   float: right;
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.45);
   white-space: nowrap;
   content: attr(data-count);
   pointer-events: none;
@@ -819,7 +819,7 @@ textarea.ant-input {
   border-radius: 0 4px 4px 0;
 }
 .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.45);
 }
 .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
   top: 0;
@@ -876,7 +876,7 @@ textarea.ant-input {
 .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
 .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
   border-right-color: var(--ant-primary-5);
-  border-left-color: #d2d2d2;
+  border-left-color: #d9d9d9;
 }
 .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
 .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {