@qn-pandora/pandora-component 3.1.1 → 4.0.1

package/es/components/RangeInput/style.css

@@ -17,6 +17,7 @@
   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;
@@ -26,12 +27,20 @@
 }
 .ant-input-affix-wrapper::-webkit-input-placeholder {
   color: #bfbfbf;
+  -webkit-user-select: none;
+          user-select: none;
 }
 .ant-input-affix-wrapper::-ms-input-placeholder {
   color: #bfbfbf;
+  -ms-user-select: none;
+      user-select: none;
 }
 .ant-input-affix-wrapper::placeholder {
   color: #bfbfbf;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
 .ant-input-affix-wrapper:placeholder-shown {
   text-overflow: ellipsis;
@@ -46,11 +55,11 @@
 }
 .ant-input-affix-wrapper:focus,
 .ant-input-affix-wrapper-focused {
-  border-color: #528cde;
+  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;
   outline: 0;
-  -webkit-box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
-          box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
 }
 .ant-input-rtl .ant-input-affix-wrapper:focus,
 .ant-input-rtl .ant-input-affix-wrapper-focused {
@@ -60,6 +69,9 @@
 .ant-input-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;
 }
@@ -70,6 +82,9 @@
 .ant-input-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;
 }
@@ -159,7 +174,7 @@ textarea.ant-input-affix-wrapper {
   margin-left: 4px;
 }
 .anticon.ant-input-clear-icon {
-  margin: 0 4px;
+  margin: 0;
   color: rgba(0, 0, 0, 0.25);
   font-size: 12px;
   vertical-align: -1px;
@@ -176,8 +191,8 @@ textarea.ant-input-affix-wrapper {
 .anticon.ant-input-clear-icon-hidden {
   visibility: hidden;
 }
-.anticon.ant-input-clear-icon:last-child {
-  margin-right: 0;
+.anticon.ant-input-clear-icon-has-suffix {
+  margin: 0 4px;
 }
 .ant-input-affix-wrapper-textarea-with-clear-btn {
   padding: 0 !important;
@@ -213,18 +228,27 @@ 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::-ms-input-placeholder {
   color: #bfbfbf;
+  -ms-user-select: none;
+      user-select: none;
 }
 .ant-input::placeholder {
   color: #bfbfbf;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
 .ant-input:placeholder-shown {
   text-overflow: ellipsis;
@@ -239,11 +263,11 @@ textarea.ant-input-affix-wrapper {
 }
 .ant-input:focus,
 .ant-input-focused {
-  border-color: #528cde;
+  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;
   outline: 0;
-  -webkit-box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
-          box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
 }
 .ant-input-rtl .ant-input:focus,
 .ant-input-rtl .ant-input-focused {
@@ -253,6 +277,9 @@ textarea.ant-input-affix-wrapper {
 .ant-input-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;
 }
@@ -263,6 +290,9 @@ textarea.ant-input-affix-wrapper {
 .ant-input[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;
 }
@@ -450,10 +480,6 @@ textarea.ant-input {
 .ant-input-group-sm .ant-select-single .ant-select-selector {
   height: 26px;
 }
-.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
 .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
@@ -462,6 +488,11 @@ textarea.ant-input {
   border-top-left-radius: 2px;
   border-bottom-left-radius: 2px;
 }
+.ant-input-group .ant-input-affix-wrapper:not(:first-child),
+.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
 .ant-input-group.ant-input-group-compact {
   display: block;
 }
@@ -716,9 +747,9 @@ textarea.ant-input {
 .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
   text-align: left;
 }
-.ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child {
-  margin-right: 4px;
-  margin-left: 0;
+.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
+  margin-right: 0;
+  margin-left: 4px;
 }
 .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
   right: auto;
@@ -777,6 +808,7 @@ textarea.ant-input {
   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;
@@ -789,12 +821,20 @@ textarea.ant-input {
 }
 .ant-input-number::-webkit-input-placeholder {
   color: #bfbfbf;
+  -webkit-user-select: none;
+          user-select: none;
 }
 .ant-input-number::-ms-input-placeholder {
   color: #bfbfbf;
+  -ms-user-select: none;
+      user-select: none;
 }
 .ant-input-number::placeholder {
   color: #bfbfbf;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
 .ant-input-number:placeholder-shown {
   text-overflow: ellipsis;
@@ -809,11 +849,11 @@ textarea.ant-input {
 }
 .ant-input-number:focus,
 .ant-input-number-focused {
-  border-color: #528cde;
+  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;
   outline: 0;
-  -webkit-box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
-          box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
 }
 .ant-input-rtl .ant-input-number:focus,
 .ant-input-rtl .ant-input-number-focused {
@@ -823,6 +863,9 @@ textarea.ant-input {
 .ant-input-number-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;
 }
@@ -833,6 +876,9 @@ textarea.ant-input {
 .ant-input-number[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;
 }
@@ -870,6 +916,327 @@ textarea.ant-input-number {
 .ant-input-number-rtl {
   direction: rtl;
 }
+.ant-input-number-group {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.65);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  -webkit-font-feature-settings: 'tnum';
+          font-feature-settings: 'tnum';
+  position: relative;
+  display: table;
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+}
+.ant-input-number-group[class*='col-'] {
+  float: none;
+  padding-right: 0;
+  padding-left: 0;
+}
+.ant-input-number-group > [class*='col-'] {
+  padding-right: 8px;
+}
+.ant-input-number-group > [class*='col-']:last-child {
+  padding-right: 0;
+}
+.ant-input-number-group-addon,
+.ant-input-number-group-wrap,
+.ant-input-number-group > .ant-input-number {
+  display: table-cell;
+}
+.ant-input-number-group-addon:not(:first-child):not(:last-child),
+.ant-input-number-group-wrap:not(:first-child):not(:last-child),
+.ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
+  border-radius: 0;
+}
+.ant-input-number-group-addon,
+.ant-input-number-group-wrap {
+  width: 1px;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+.ant-input-number-group-wrap > * {
+  display: block !important;
+}
+.ant-input-number-group .ant-input-number {
+  float: left;
+  width: 100%;
+  margin-bottom: 0;
+  text-align: inherit;
+}
+.ant-input-number-group .ant-input-number:focus {
+  z-index: 1;
+  border-right-width: 1px;
+}
+.ant-input-number-group .ant-input-number:hover {
+  z-index: 1;
+  border-right-width: 1px;
+}
+.ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
+  z-index: 0;
+}
+.ant-input-number-group-addon {
+  position: relative;
+  padding: 0 11px;
+  color: #333333;
+  font-weight: normal;
+  font-size: 14px;
+  text-align: center;
+  background-color: #fafafa;
+  border: 1px solid #bfbfbf;
+  border-radius: 2px;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+.ant-input-number-group-addon .ant-select {
+  margin: -5px -11px;
+}
+.ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+  background-color: inherit;
+  border: 1px solid transparent;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.ant-input-number-group-addon .ant-select-open .ant-select-selector,
+.ant-input-number-group-addon .ant-select-focused .ant-select-selector {
+  color: #7a869a;
+}
+.ant-input-number-group-addon .ant-cascader-picker {
+  margin: -9px -12px;
+  background-color: transparent;
+}
+.ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
+  text-align: left;
+  border: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.ant-input-number-group > .ant-input-number:first-child,
+.ant-input-number-group-addon:first-child {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
+.ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.ant-input-number-group-addon:first-child {
+  border-right: 0;
+}
+.ant-input-number-group-addon:last-child {
+  border-left: 0;
+}
+.ant-input-number-group > .ant-input-number:last-child,
+.ant-input-number-group-addon:last-child {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
+.ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.ant-input-number-group-lg .ant-input-number,
+.ant-input-number-group-lg > .ant-input-number-group-addon {
+  padding: 6.5px 11px;
+  font-size: 16px;
+}
+.ant-input-number-group-sm .ant-input-number,
+.ant-input-number-group-sm > .ant-input-number-group-addon {
+  padding: 1px 7px;
+}
+.ant-input-number-group-lg .ant-select-single .ant-select-selector {
+  height: 40px;
+}
+.ant-input-number-group-sm .ant-select-single .ant-select-selector {
+  height: 26px;
+}
+.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
+.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.ant-input-number-group.ant-input-number-group-compact {
+  display: block;
+}
+.ant-input-number-group.ant-input-number-group-compact::before {
+  display: table;
+  content: '';
+}
+.ant-input-number-group.ant-input-number-group-compact::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
+.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
+.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
+  border-right-width: 1px;
+}
+.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
+.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
+.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
+  z-index: 1;
+}
+.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
+.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
+.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
+  z-index: 1;
+}
+.ant-input-number-group.ant-input-number-group-compact > * {
+  display: inline-block;
+  float: none;
+  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-picker-range {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+}
+.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
+  margin-right: -1px;
+  border-right-width: 1px;
+}
+.ant-input-number-group.ant-input-number-group-compact .ant-input-number {
+  float: none;
+}
+.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
+.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
+.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
+.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
+  border-right-width: 1px;
+  border-radius: 0;
+}
+.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
+.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
+.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
+.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
+  z-index: 1;
+}
+.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
+.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
+.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
+.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
+  z-index: 1;
+}
+.ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
+  z-index: 1;
+}
+.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
+  z-index: 1;
+}
+.ant-input-number-group.ant-input-number-group-compact > *:first-child,
+.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
+.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
+.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.ant-input-number-group.ant-input-number-group-compact > *:last-child,
+.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
+.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
+.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
+  border-right-width: 1px;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
+  vertical-align: top;
+}
+.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
+  margin-left: -1px;
+}
+.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
+  border-radius: 0;
+}
+.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
+  border-radius: 0;
+}
+.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
+  border-radius: 2px 0 0 2px;
+}
+.ant-input-number-group > .ant-input-number-rtl:first-child,
+.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
+  border-radius: 0 2px 2px 0;
+}
+.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
+  border-right: 1px solid #bfbfbf;
+  border-left: 0;
+}
+.ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
+  border-right: 0;
+  border-left: 1px solid #bfbfbf;
+}
+.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 {
+  border-radius: 2px 0 0 2px;
+}
+.ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
+  border-radius: 2px 0 0 2px;
+}
+.ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
+  border-radius: 0 2px 2px 0;
+}
+.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
+  margin-right: 0;
+  margin-left: -1px;
+  border-left-width: 1px;
+}
+.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child,
+.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
+.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
+.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
+  border-radius: 0 2px 2px 0;
+}
+.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child,
+.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
+.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input,
+.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
+.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
+  border-left-width: 1px;
+  border-radius: 2px 0 0 2px;
+}
+.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
+  margin-right: -1px;
+  margin-left: 0;
+}
+.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-wrapper {
+  display: inline-block;
+  text-align: start;
+  vertical-align: top;
+}
 .ant-input-number-handler {
   position: relative;
   display: block;
@@ -944,11 +1311,11 @@ textarea.ant-input-number {
   transition: opacity 0.24s linear 0.24s;
 }
 .ant-input-number-focused {
-  border-color: #528cde;
+  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;
   outline: 0;
-  -webkit-box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
-          box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
 }
 .ant-input-rtl .ant-input-number-focused {
   border-right-width: 0;
@@ -957,6 +1324,9 @@ textarea.ant-input-number {
 .ant-input-number-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;
 }
@@ -984,19 +1354,30 @@ textarea.ant-input-number {
   outline: 0;
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
-  -moz-appearance: textfield !important;
+  -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::-ms-input-placeholder {
   color: #bfbfbf;
+  -ms-user-select: none;
+      user-select: none;
 }
 .ant-input-number-input::placeholder {
   color: #bfbfbf;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
 .ant-input-number-input:placeholder-shown {
   text-overflow: ellipsis;
@@ -1004,7 +1385,9 @@ textarea.ant-input-number {
 .ant-input-number-input[type='number']::-webkit-inner-spin-button,
 .ant-input-number-input[type='number']::-webkit-outer-spin-button {
   margin: 0;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
   -webkit-appearance: none;
+  appearance: none;
 }
 .ant-input-number-lg {
   padding: 0;
@@ -1034,6 +1417,15 @@ textarea.ant-input-number {
 }
 .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
 .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   min-width: auto;
   margin-right: 0;
   font-size: 7px;
@@ -1044,7 +1436,8 @@ textarea.ant-input-number {
 .ant-input-number-handler-wrap:hover .ant-input-number-handler {
   height: 40%;
 }
-.ant-input-number:hover .ant-input-number-handler-wrap {
+.ant-input-number:hover .ant-input-number-handler-wrap,
+.ant-input-number-focused .ant-input-number-handler-wrap {
   opacity: 1;
 }
 .ant-input-number-handler-up {
@@ -1095,16 +1488,23 @@ textarea.ant-input-number {
 .ant-input-number-rtl {
   direction: rtl;
 }
+.ant-input-number-rtl .ant-input-number-handler {
+  border-right: 1px solid #e5e5e5;
+  border-left: 0;
+}
 .ant-input-number-rtl .ant-input-number-handler-wrap {
   right: auto;
   left: 0;
-  border-right: 1px solid #e5e5e5;
-  border-left: 0;
-  border-radius: 2px 0 0 2px;
 }
 .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
   border-right-width: 0;
 }
+.ant-input-number-rtl .ant-input-number-handler-up {
+  border-top-right-radius: 0;
+}
+.ant-input-number-rtl .ant-input-number-handler-down {
+  border-bottom-right-radius: 0;
+}
 .ant-input-number-rtl .ant-input-number-input {
   direction: ltr;
   text-align: right;