@qn-pandora/pandora-component 5.0.2 → 5.1.1

package/lib/components/RangeInput/style.css

@@ -17,19 +17,20 @@
   border-radius: 2px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
-  /* stylelint-disable-next-line selector-no-vendor-prefix */
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
-.ant-input-affix-wrapper::-moz-placeholder {
-  opacity: 1;
-}
 .ant-input-affix-wrapper::-webkit-input-placeholder {
   color: #bfbfbf;
   -webkit-user-select: none;
           user-select: none;
 }
+.ant-input-affix-wrapper::-moz-placeholder {
+  color: #bfbfbf;
+  -moz-user-select: none;
+       user-select: none;
+}
 .ant-input-affix-wrapper::-ms-input-placeholder {
   color: #bfbfbf;
   -ms-user-select: none;
@@ -47,7 +48,7 @@
 }
 .ant-input-affix-wrapper:hover {
   border-color: #2c6dd2;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input-rtl .ant-input-affix-wrapper:hover {
   border-right-width: 0;
@@ -58,7 +59,7 @@
   border-color: #9ca0a6;
   -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
           box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-  border-right-width: 1px !important;
+  border-right-width: 1px;
   outline: 0;
 }
 .ant-input-rtl .ant-input-affix-wrapper:focus,
@@ -77,7 +78,7 @@
 }
 .ant-input-affix-wrapper-disabled:hover {
   border-color: #bfbfbf;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input-affix-wrapper[disabled] {
   color: rgba(0, 0, 0, 0.25);
@@ -90,7 +91,7 @@
 }
 .ant-input-affix-wrapper[disabled]:hover {
   border-color: #bfbfbf;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input-affix-wrapper-borderless,
 .ant-input-affix-wrapper-borderless:hover,
@@ -124,7 +125,7 @@ textarea.ant-input-affix-wrapper {
 }
 .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
   border-color: #2c6dd2;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
   z-index: 1;
 }
 .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
@@ -139,18 +140,22 @@ textarea.ant-input-affix-wrapper {
   z-index: 1;
 }
 .ant-input-affix-wrapper-disabled .ant-input[disabled] {
-  background: transparent;
+  background: rgba(255, 255, 255, 0);
 }
-.ant-input-affix-wrapper > input.ant-input {
-  padding: 0;
+.ant-input-affix-wrapper > .ant-input {
+  font-size: inherit;
   border: none;
   outline: none;
 }
-.ant-input-affix-wrapper > input.ant-input:focus {
+.ant-input-affix-wrapper > .ant-input:focus {
   -webkit-box-shadow: none !important;
           box-shadow: none !important;
 }
+.ant-input-affix-wrapper > .ant-input:not(textarea) {
+  padding: 0;
+}
 .ant-input-affix-wrapper::before {
+  display: inline-block;
   width: 0;
   visibility: hidden;
   content: '\a0';
@@ -167,13 +172,24 @@ textarea.ant-input-affix-wrapper {
       -ms-flex-align: center;
           align-items: center;
 }
+.ant-input-prefix > *:not(:last-child),
+.ant-input-suffix > *:not(:last-child) {
+  margin-right: 8px;
+}
+.ant-input-show-count-suffix {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-input-show-count-has-suffix {
+  margin-right: 2px;
+}
 .ant-input-prefix {
   margin-right: 4px;
 }
 .ant-input-suffix {
   margin-left: 4px;
 }
-.anticon.ant-input-clear-icon {
+.anticon.ant-input-clear-icon,
+.ant-input-clear-icon {
   margin: 0;
   color: rgba(0, 0, 0, 0.25);
   font-size: 12px;
@@ -182,28 +198,109 @@ textarea.ant-input-affix-wrapper {
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
 }
-.anticon.ant-input-clear-icon:hover {
+.anticon.ant-input-clear-icon:hover,
+.ant-input-clear-icon:hover {
   color: rgba(0, 0, 0, 0.45);
 }
-.anticon.ant-input-clear-icon:active {
+.anticon.ant-input-clear-icon:active,
+.ant-input-clear-icon:active {
   color: rgba(0, 0, 0, 0.65);
 }
-.anticon.ant-input-clear-icon-hidden {
+.anticon.ant-input-clear-icon-hidden,
+.ant-input-clear-icon-hidden {
   visibility: hidden;
 }
-.anticon.ant-input-clear-icon-has-suffix {
+.anticon.ant-input-clear-icon-has-suffix,
+.ant-input-clear-icon-has-suffix {
   margin: 0 4px;
 }
-.ant-input-affix-wrapper-textarea-with-clear-btn {
-  padding: 0 !important;
-  border: 0 !important;
+.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn {
+  padding: 0;
 }
-.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
+.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
   position: absolute;
   top: 8px;
   right: 8px;
   z-index: 1;
 }
+.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: transparent;
+  border-color: #f5222d;
+}
+.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 {
+  border-color: #ff4d4f;
+  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
+          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-status-error .ant-input-prefix {
+  color: #f5222d;
+}
+.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: transparent;
+  border-color: #f0a818;
+}
+.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 {
+  border-color: #fcc442;
+  -webkit-box-shadow: 0 0 0 2px rgba(240, 168, 24, 0.2);
+          box-shadow: 0 0 0 2px rgba(240, 168, 24, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-status-warning .ant-input-prefix {
+  color: #f0a818;
+}
+.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: transparent;
+  border-color: #f5222d;
+}
+.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 {
+  border-color: #ff4d4f;
+  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
+          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-affix-wrapper-status-error .ant-input-prefix {
+  color: #f5222d;
+}
+.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: transparent;
+  border-color: #f0a818;
+}
+.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 {
+  border-color: #fcc442;
+  -webkit-box-shadow: 0 0 0 2px rgba(240, 168, 24, 0.2);
+          box-shadow: 0 0 0 2px rgba(240, 168, 24, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-affix-wrapper-status-warning .ant-input-prefix {
+  color: #f0a818;
+}
+.ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
+.ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
+.ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,
+.ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input {
+  padding-right: 24px;
+}
+.ant-input-group-wrapper-status-error .ant-input-group-addon {
+  color: #f5222d;
+  border-color: #f5222d;
+}
+.ant-input-group-wrapper-status-warning .ant-input-group-addon {
+  color: #f0a818;
+  border-color: #f0a818;
+}
 .ant-input {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -228,16 +325,17 @@ textarea.ant-input-affix-wrapper {
   border-radius: 2px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
-  /* stylelint-disable-next-line selector-no-vendor-prefix */
-}
-.ant-input::-moz-placeholder {
-  opacity: 1;
 }
 .ant-input::-webkit-input-placeholder {
   color: #bfbfbf;
   -webkit-user-select: none;
           user-select: none;
 }
+.ant-input::-moz-placeholder {
+  color: #bfbfbf;
+  -moz-user-select: none;
+       user-select: none;
+}
 .ant-input::-ms-input-placeholder {
   color: #bfbfbf;
   -ms-user-select: none;
@@ -255,7 +353,7 @@ textarea.ant-input-affix-wrapper {
 }
 .ant-input:hover {
   border-color: #2c6dd2;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input-rtl .ant-input:hover {
   border-right-width: 0;
@@ -266,7 +364,7 @@ textarea.ant-input-affix-wrapper {
   border-color: #9ca0a6;
   -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
           box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-  border-right-width: 1px !important;
+  border-right-width: 1px;
   outline: 0;
 }
 .ant-input-rtl .ant-input:focus,
@@ -285,7 +383,7 @@ textarea.ant-input-affix-wrapper {
 }
 .ant-input-disabled:hover {
   border-color: #bfbfbf;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input[disabled] {
   color: rgba(0, 0, 0, 0.25);
@@ -298,7 +396,7 @@ textarea.ant-input-affix-wrapper {
 }
 .ant-input[disabled]:hover {
   border-color: #bfbfbf;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input-borderless,
 .ant-input-borderless:hover,
@@ -526,11 +624,8 @@ textarea.ant-input {
   vertical-align: top;
   border-radius: 0;
 }
-.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
+.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper,
+.ant-input-group.ant-input-group-compact > .ant-input-number-affix-wrapper,
 .ant-input-group.ant-input-group-compact > .ant-picker-range {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -609,6 +704,7 @@ textarea.ant-input {
 .ant-input-group-rtl .ant-input-group-addon:last-child {
   border-right: 0;
   border-left: 1px solid #bfbfbf;
+  border-radius: 2px 0 0 2px;
 }
 .ant-input-group-rtl.ant-input-group > .ant-input:last-child,
 .ant-input-group-rtl.ant-input-group-addon:last-child {
@@ -646,19 +742,35 @@ textarea.ant-input {
 .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
   border-radius: 0 2px 2px 0;
 }
+.ant-input-group > .ant-input-rtl:first-child {
+  border-radius: 0 2px 2px 0;
+}
+.ant-input-group > .ant-input-rtl:last-child {
+  border-radius: 2px 0 0 2px;
+}
+.ant-input-group-rtl .ant-input-group-addon:first-child {
+  border-right: 1px solid #bfbfbf;
+  border-left: 0;
+  border-radius: 0 2px 2px 0;
+}
+.ant-input-group-rtl .ant-input-group-addon:last-child {
+  border-right: 0;
+  border-left: 1px solid #bfbfbf;
+  border-radius: 2px 0 0 2px;
+}
 .ant-input-group-wrapper {
   display: inline-block;
   width: 100%;
   text-align: start;
   vertical-align: top;
 }
-.ant-input-password-icon {
+.ant-input-password-icon.anticon {
   color: rgba(0, 0, 0, 0.45);
   cursor: pointer;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
 }
-.ant-input-password-icon:hover {
+.ant-input-password-icon.anticon:hover {
   color: rgba(0, 0, 0, 0.85);
 }
 .ant-input[type='color'] {
@@ -672,6 +784,9 @@ textarea.ant-input {
   padding-top: 3px;
   padding-bottom: 3px;
 }
+.ant-input-textarea-show-count > .ant-input {
+  height: 100%;
+}
 .ant-input-textarea-show-count::after {
   float: right;
   color: rgba(0, 0, 0, 0.45);
@@ -679,6 +794,56 @@ textarea.ant-input {
   content: attr(data-count);
   pointer-events: none;
 }
+.ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
+  margin-bottom: -22px;
+}
+.ant-input-textarea-suffix {
+  position: absolute;
+  top: 0;
+  right: 11px;
+  bottom: 0;
+  z-index: 1;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin: auto;
+}
+.ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
+  margin-right: -1px;
+}
+.ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl {
+  margin-left: -1px;
+}
+.ant-input-compact-item:hover,
+.ant-input-compact-item:focus,
+.ant-input-compact-item:active {
+  z-index: 2;
+}
+.ant-input-compact-item[disabled] {
+  z-index: 0;
+}
+.ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input {
+  border-radius: 0;
+}
+.ant-input-compact-item.ant-input.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.ant-input-compact-item.ant-input.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
 .ant-input-search .ant-input:hover,
 .ant-input-search .ant-input:focus {
   border-color: #2c6dd2;
@@ -725,6 +890,32 @@ textarea.ant-input {
 .ant-input-search-small .ant-input-search-button {
   height: 26px;
 }
+.ant-input-search.ant-input-compact-item:not(.ant-input-compact-item-rtl):not(.ant-input-compact-last-item) .ant-input-group-addon .ant-input-search-button {
+  margin-right: -1px;
+  border-radius: 0;
+}
+.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input,
+.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper {
+  border-radius: 0;
+}
+.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:hover,
+.ant-input-search.ant-input-compact-item > .ant-input:hover,
+.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover,
+.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:focus,
+.ant-input-search.ant-input-compact-item > .ant-input:focus,
+.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus,
+.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:active,
+.ant-input-search.ant-input-compact-item > .ant-input:active,
+.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active {
+  z-index: 2;
+}
+.ant-input-search.ant-input-compact-item > .ant-input-affix-wrapper-focused {
+  z-index: 2;
+}
+.ant-input-search.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon:last-child .ant-input-search-button {
+  margin-left: -1px;
+  border-radius: 0;
+}
 .ant-input-group-wrapper-rtl {
   direction: rtl;
 }
@@ -760,18 +951,21 @@ 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: #2c6dd2;
   border-left-color: #e5e5e5;
 }
+.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover,
+.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover {
+  border-left-color: #2c6dd2;
+}
 .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
 .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
   border-right-color: #2c6dd2;
 }
-.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
+.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child {
   right: -1px;
   left: auto;
 }
-.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button {
+.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
   border-radius: 2px 0 0 2px;
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -788,6 +982,269 @@ textarea.ant-input {
     height: auto;
   }
 }
+.ant-input-number-affix-wrapper {
+  display: inline-block;
+  width: 100%;
+  min-width: 0;
+  padding: 4px 11px;
+  color: #333333;
+  font-size: 14px;
+  line-height: 1.5715;
+  background-color: transparent;
+  background-image: none;
+  border: 1px solid #bfbfbf;
+  border-radius: 2px;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  position: relative;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  width: 90px;
+  padding: 0;
+  -webkit-padding-start: 11px;
+          padding-inline-start: 11px;
+}
+.ant-input-number-affix-wrapper::-webkit-input-placeholder {
+  color: #bfbfbf;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.ant-input-number-affix-wrapper::-moz-placeholder {
+  color: #bfbfbf;
+  -moz-user-select: none;
+       user-select: none;
+}
+.ant-input-number-affix-wrapper::-ms-input-placeholder {
+  color: #bfbfbf;
+  -ms-user-select: none;
+      user-select: none;
+}
+.ant-input-number-affix-wrapper::placeholder {
+  color: #bfbfbf;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.ant-input-number-affix-wrapper:placeholder-shown {
+  text-overflow: ellipsis;
+}
+.ant-input-number-affix-wrapper:hover {
+  border-color: #2c6dd2;
+  border-right-width: 1px;
+}
+.ant-input-rtl .ant-input-number-affix-wrapper:hover {
+  border-right-width: 0;
+  border-left-width: 1px !important;
+}
+.ant-input-number-affix-wrapper:focus,
+.ant-input-number-affix-wrapper-focused {
+  border-color: #9ca0a6;
+  -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
+          box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-rtl .ant-input-number-affix-wrapper:focus,
+.ant-input-rtl .ant-input-number-affix-wrapper-focused {
+  border-right-width: 0;
+  border-left-width: 1px !important;
+}
+.ant-input-number-affix-wrapper-disabled {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  border-color: #bfbfbf;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  cursor: not-allowed;
+  opacity: 1;
+}
+.ant-input-number-affix-wrapper-disabled:hover {
+  border-color: #bfbfbf;
+  border-right-width: 1px;
+}
+.ant-input-number-affix-wrapper[disabled] {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  border-color: #bfbfbf;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  cursor: not-allowed;
+  opacity: 1;
+}
+.ant-input-number-affix-wrapper[disabled]:hover {
+  border-color: #bfbfbf;
+  border-right-width: 1px;
+}
+.ant-input-number-affix-wrapper-borderless,
+.ant-input-number-affix-wrapper-borderless:hover,
+.ant-input-number-affix-wrapper-borderless:focus,
+.ant-input-number-affix-wrapper-borderless-focused,
+.ant-input-number-affix-wrapper-borderless-disabled,
+.ant-input-number-affix-wrapper-borderless[disabled] {
+  background-color: transparent;
+  border: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+textarea.ant-input-number-affix-wrapper {
+  max-width: 100%;
+  height: auto;
+  min-height: 32px;
+  line-height: 1.5715;
+  vertical-align: bottom;
+  -webkit-transition: all 0.3s, height 0s;
+  transition: all 0.3s, height 0s;
+}
+.ant-input-number-affix-wrapper-lg {
+  padding: 6.5px 11px;
+  font-size: 16px;
+}
+.ant-input-number-affix-wrapper-sm {
+  padding: 1px 7px;
+}
+.ant-input-number-affix-wrapper-rtl {
+  direction: rtl;
+}
+.ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
+  border-color: #2c6dd2;
+  border-right-width: 1px;
+  z-index: 1;
+}
+.ant-input-rtl .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
+  border-right-width: 0;
+  border-left-width: 1px !important;
+}
+.ant-input-number-affix-wrapper-focused,
+.ant-input-number-affix-wrapper:focus {
+  z-index: 1;
+}
+.ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] {
+  background: transparent;
+}
+.ant-input-number-affix-wrapper > div.ant-input-number {
+  width: 100%;
+  border: none;
+  outline: none;
+}
+.ant-input-number-affix-wrapper > div.ant-input-number.ant-input-number-focused {
+  -webkit-box-shadow: none !important;
+          box-shadow: none !important;
+}
+.ant-input-number-affix-wrapper input.ant-input-number-input {
+  padding: 0;
+}
+.ant-input-number-affix-wrapper::before {
+  display: inline-block;
+  width: 0;
+  visibility: hidden;
+  content: '\a0';
+}
+.ant-input-number-affix-wrapper .ant-input-number-handler-wrap {
+  z-index: 2;
+}
+.ant-input-number-prefix,
+.ant-input-number-suffix {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  pointer-events: none;
+}
+.ant-input-number-prefix {
+  -webkit-margin-end: 4px;
+          margin-inline-end: 4px;
+}
+.ant-input-number-suffix {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 1;
+  height: 100%;
+  margin-right: 11px;
+  margin-left: 4px;
+}
+.ant-input-number-group-wrapper .ant-input-number-affix-wrapper {
+  width: 100%;
+}
+.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
+.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
+  background: transparent;
+  border-color: #f5222d;
+}
+.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
+.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
+  border-color: #ff4d4f;
+  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
+          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-number-status-error .ant-input-number-prefix {
+  color: #f5222d;
+}
+.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
+.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
+  background: transparent;
+  border-color: #f0a818;
+}
+.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
+.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
+  border-color: #fcc442;
+  -webkit-box-shadow: 0 0 0 2px rgba(240, 168, 24, 0.2);
+          box-shadow: 0 0 0 2px rgba(240, 168, 24, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-number-status-warning .ant-input-number-prefix {
+  color: #f0a818;
+}
+.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
+.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
+  background: transparent;
+  border-color: #f5222d;
+}
+.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
+.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
+  border-color: #ff4d4f;
+  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
+          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-number-affix-wrapper-status-error .ant-input-number-prefix {
+  color: #f5222d;
+}
+.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
+.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
+  background: transparent;
+  border-color: #f0a818;
+}
+.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
+.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
+  border-color: #fcc442;
+  -webkit-box-shadow: 0 0 0 2px rgba(240, 168, 24, 0.2);
+          box-shadow: 0 0 0 2px rgba(240, 168, 24, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix {
+  color: #f0a818;
+}
+.ant-input-number-group-wrapper-status-error .ant-input-number-group-addon {
+  color: #f5222d;
+  border-color: #f5222d;
+}
+.ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon {
+  color: #f0a818;
+  border-color: #f0a818;
+}
 .ant-input-number {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -805,25 +1262,25 @@ textarea.ant-input {
   line-height: 1.5715;
   background-color: transparent;
   background-image: none;
-  border: 1px solid #bfbfbf;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
-  /* stylelint-disable-next-line selector-no-vendor-prefix */
   display: inline-block;
   width: 90px;
   margin: 0;
   padding: 0;
-  border: 1px solid #e5e5e5;
+  border: 1px solid #bfbfbf;
   border-radius: 2px;
 }
-.ant-input-number::-moz-placeholder {
-  opacity: 1;
-}
 .ant-input-number::-webkit-input-placeholder {
   color: #bfbfbf;
   -webkit-user-select: none;
           user-select: none;
 }
+.ant-input-number::-moz-placeholder {
+  color: #bfbfbf;
+  -moz-user-select: none;
+       user-select: none;
+}
 .ant-input-number::-ms-input-placeholder {
   color: #bfbfbf;
   -ms-user-select: none;
@@ -841,7 +1298,7 @@ textarea.ant-input {
 }
 .ant-input-number:hover {
   border-color: #2c6dd2;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input-rtl .ant-input-number:hover {
   border-right-width: 0;
@@ -852,7 +1309,7 @@ textarea.ant-input {
   border-color: #9ca0a6;
   -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
           box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-  border-right-width: 1px !important;
+  border-right-width: 1px;
   outline: 0;
 }
 .ant-input-rtl .ant-input-number:focus,
@@ -871,7 +1328,7 @@ textarea.ant-input {
 }
 .ant-input-number-disabled:hover {
   border-color: #bfbfbf;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input-number[disabled] {
   color: rgba(0, 0, 0, 0.25);
@@ -884,7 +1341,7 @@ textarea.ant-input {
 }
 .ant-input-number[disabled]:hover {
   border-color: #bfbfbf;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input-number-borderless,
 .ant-input-number-borderless:hover,
@@ -1112,11 +1569,8 @@ textarea.ant-input-number {
   vertical-align: top;
   border-radius: 0;
 }
-.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
+.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper,
+.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-number-affix-wrapper,
 .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -1195,6 +1649,7 @@ textarea.ant-input-number {
 .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
   border-right: 0;
   border-left: 1px solid #bfbfbf;
+  border-radius: 2px 0 0 2px;
 }
 .ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child,
 .ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
@@ -1232,6 +1687,22 @@ textarea.ant-input-number {
 .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
   border-radius: 0 2px 2px 0;
 }
+.ant-input-number-group > .ant-input-number-rtl:first-child {
+  border-radius: 0 2px 2px 0;
+}
+.ant-input-number-group > .ant-input-number-rtl:last-child {
+  border-radius: 2px 0 0 2px;
+}
+.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
+  border-right: 1px solid #bfbfbf;
+  border-left: 0;
+  border-radius: 0 2px 2px 0;
+}
+.ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
+  border-right: 0;
+  border-left: 1px solid #bfbfbf;
+  border-radius: 2px 0 0 2px;
+}
 .ant-input-number-group-wrapper {
   display: inline-block;
   text-align: start;
@@ -1260,14 +1731,19 @@ textarea.ant-input-number {
 }
 .ant-input-number-handler-up-inner,
 .ant-input-number-handler-down-inner {
-  display: inline-block;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   color: #bfbfbf;
   font-style: normal;
   line-height: 0;
   text-align: center;
   text-transform: none;
   vertical-align: -0.125em;
-  text-rendering: optimizeLegibility;
+  text-rendering: optimizelegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   position: absolute;
@@ -1303,7 +1779,7 @@ textarea.ant-input-number {
 }
 .ant-input-number:hover {
   border-color: #2c6dd2;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input-number:hover + .ant-form-item-children-icon {
   opacity: 0;
@@ -1314,7 +1790,7 @@ textarea.ant-input-number {
   border-color: #9ca0a6;
   -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
           box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-  border-right-width: 1px !important;
+  border-right-width: 1px;
   outline: 0;
 }
 .ant-input-rtl .ant-input-number-focused {
@@ -1332,7 +1808,7 @@ textarea.ant-input-number {
 }
 .ant-input-number-disabled:hover {
   border-color: #bfbfbf;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input-number-disabled .ant-input-number-input {
   cursor: not-allowed;
@@ -1357,16 +1833,17 @@ textarea.ant-input-number {
   -webkit-appearance: textfield !important;
      -moz-appearance: textfield !important;
           appearance: textfield !important;
-  /* stylelint-disable-next-line selector-no-vendor-prefix */
-}
-.ant-input-number-input::-moz-placeholder {
-  opacity: 1;
 }
 .ant-input-number-input::-webkit-input-placeholder {
   color: #bfbfbf;
   -webkit-user-select: none;
           user-select: none;
 }
+.ant-input-number-input::-moz-placeholder {
+  color: #bfbfbf;
+  -moz-user-select: none;
+       user-select: none;
+}
 .ant-input-number-input::-ms-input-placeholder {
   color: #bfbfbf;
   -ms-user-select: none;
@@ -1470,6 +1947,10 @@ textarea.ant-input-number {
 .ant-input-number-borderless .ant-input-number-handler-down {
   border-top-width: 0;
 }
+.ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down,
+.ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down {
+  border-top: 1px solid #e5e5e5;
+}
 .ant-input-number-handler-up-disabled,
 .ant-input-number-handler-down-disabled {
   cursor: not-allowed;
@@ -1485,6 +1966,42 @@ textarea.ant-input-number {
 .ant-input-number-out-of-range input {
   color: #f5222d;
 }
+.ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
+  margin-right: -1px;
+}
+.ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-item-rtl {
+  margin-left: -1px;
+}
+.ant-input-number-compact-item:hover,
+.ant-input-number-compact-item:focus,
+.ant-input-number-compact-item:active {
+  z-index: 2;
+}
+.ant-input-number-compact-item.ant-input-number-focused {
+  z-index: 2;
+}
+.ant-input-number-compact-item[disabled] {
+  z-index: 0;
+}
+.ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number {
+  border-radius: 0;
+}
+.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
 .ant-input-number-rtl {
   direction: rtl;
 }