@qn-pandora/pandora-component 3.1.1 → 4.0.0

package/lib/components/InputNumber/style.css

@@ -1,400 +0,0 @@
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable no-duplicate-selectors */
-/* stylelint-disable */
-/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-.ant-input-number {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  color: rgba(0, 0, 0, 0.65);
-  font-variant: tabular-nums;
-  list-style: none;
-  -webkit-font-feature-settings: 'tnum';
-          font-feature-settings: 'tnum';
-  position: relative;
-  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;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-  display: inline-block;
-  width: 90px;
-  margin: 0;
-  padding: 0;
-  border: 1px solid #e5e5e5;
-  border-radius: 2px;
-}
-.ant-input-number::-moz-placeholder {
-  opacity: 1;
-}
-.ant-input-number::-webkit-input-placeholder {
-  color: #bfbfbf;
-}
-.ant-input-number::-ms-input-placeholder {
-  color: #bfbfbf;
-}
-.ant-input-number::placeholder {
-  color: #bfbfbf;
-}
-.ant-input-number:placeholder-shown {
-  text-overflow: ellipsis;
-}
-.ant-input-number:hover {
-  border-color: #2c6dd2;
-  border-right-width: 1px !important;
-}
-.ant-input-number:focus,
-.ant-input-number-focused {
-  border-color: #528cde;
-  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-number-disabled {
-  color: rgba(0, 0, 0, 0.25);
-  background-color: #f5f5f5;
-  cursor: not-allowed;
-  opacity: 1;
-}
-.ant-input-number-disabled:hover {
-  border-color: #bfbfbf;
-  border-right-width: 1px !important;
-}
-.ant-input-number[disabled] {
-  color: rgba(0, 0, 0, 0.25);
-  background-color: #f5f5f5;
-  cursor: not-allowed;
-  opacity: 1;
-}
-.ant-input-number[disabled]:hover {
-  border-color: #bfbfbf;
-  border-right-width: 1px !important;
-}
-.ant-input-number-borderless,
-.ant-input-number-borderless:hover,
-.ant-input-number-borderless:focus,
-.ant-input-number-borderless-focused,
-.ant-input-number-borderless-disabled,
-.ant-input-number-borderless[disabled] {
-  background-color: transparent;
-  border: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-textarea.ant-input-number {
-  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-lg {
-  padding: 6.5px 11px;
-  font-size: 16px;
-}
-.ant-input-number-sm {
-  padding: 1px 7px;
-}
-.ant-input-number-handler {
-  position: relative;
-  display: block;
-  width: 100%;
-  height: 50%;
-  overflow: hidden;
-  color: rgba(0, 0, 0, 0.45);
-  font-weight: bold;
-  line-height: 0;
-  text-align: center;
-  border-left: 1px solid #e5e5e5;
-  -webkit-transition: all 0.1s linear;
-  transition: all 0.1s linear;
-}
-.ant-input-number-handler:active {
-  background: #f4f4f4;
-}
-.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
-.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
-  color: #9ca0a6;
-}
-.ant-input-number-handler-up-inner,
-.ant-input-number-handler-down-inner {
-  display: inline-block;
-  color: #bfbfbf;
-  font-style: normal;
-  line-height: 0;
-  text-align: center;
-  text-transform: none;
-  vertical-align: -0.125em;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  position: absolute;
-  right: 4px;
-  width: 12px;
-  height: 12px;
-  color: rgba(0, 0, 0, 0.45);
-  line-height: 12px;
-  -webkit-transition: all 0.1s linear;
-  transition: all 0.1s linear;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.ant-input-number-handler-up-inner > *,
-.ant-input-number-handler-down-inner > * {
-  line-height: 1;
-}
-.ant-input-number-handler-up-inner svg,
-.ant-input-number-handler-down-inner svg {
-  display: inline-block;
-}
-.ant-input-number-handler-up-inner::before,
-.ant-input-number-handler-down-inner::before {
-  display: none;
-}
-.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
-.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
-.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
-.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
-  display: block;
-}
-.ant-input-number:hover {
-  border-color: #2c6dd2;
-  border-right-width: 1px !important;
-}
-.ant-input-number:hover + .ant-form-item-children-icon {
-  opacity: 0;
-  -webkit-transition: opacity 0.24s linear 0.24s;
-  transition: opacity 0.24s linear 0.24s;
-}
-.ant-input-number-focused {
-  border-color: #528cde;
-  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-number-disabled {
-  color: rgba(0, 0, 0, 0.25);
-  background-color: #f5f5f5;
-  cursor: not-allowed;
-  opacity: 1;
-}
-.ant-input-number-disabled:hover {
-  border-color: #bfbfbf;
-  border-right-width: 1px !important;
-}
-.ant-input-number-disabled .ant-input-number-input {
-  cursor: not-allowed;
-}
-.ant-input-number-disabled .ant-input-number-handler-wrap {
-  display: none;
-}
-.ant-input-number-readonly .ant-input-number-handler-wrap {
-  display: none;
-}
-.ant-input-number-input {
-  width: 100%;
-  height: 30px;
-  padding: 0 11px;
-  text-align: left;
-  background-color: transparent;
-  border: 0;
-  border-radius: 2px;
-  outline: 0;
-  -webkit-transition: all 0.3s linear;
-  transition: all 0.3s linear;
-  -moz-appearance: textfield !important;
-}
-.ant-input-number-input::-moz-placeholder {
-  opacity: 1;
-}
-.ant-input-number-input::-webkit-input-placeholder {
-  color: #bfbfbf;
-}
-.ant-input-number-input::-ms-input-placeholder {
-  color: #bfbfbf;
-}
-.ant-input-number-input::placeholder {
-  color: #bfbfbf;
-}
-.ant-input-number-input:placeholder-shown {
-  text-overflow: ellipsis;
-}
-.ant-input-number-input[type='number']::-webkit-inner-spin-button,
-.ant-input-number-input[type='number']::-webkit-outer-spin-button {
-  margin: 0;
-  -webkit-appearance: none;
-}
-.ant-input-number-lg {
-  padding: 0;
-  font-size: 16px;
-}
-.ant-input-number-lg input {
-  height: 38px;
-}
-.ant-input-number-sm {
-  padding: 0;
-}
-.ant-input-number-sm input {
-  height: 24px;
-  padding: 0 7px;
-}
-.ant-input-number-handler-wrap {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 22px;
-  height: 100%;
-  background: #ffffff;
-  border-radius: 0 2px 2px 0;
-  opacity: 0;
-  -webkit-transition: opacity 0.24s linear 0.1s;
-  transition: opacity 0.24s linear 0.1s;
-}
-.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 {
-  min-width: auto;
-  margin-right: 0;
-  font-size: 7px;
-}
-.ant-input-number-borderless .ant-input-number-handler-wrap {
-  border-left-width: 0;
-}
-.ant-input-number-handler-wrap:hover .ant-input-number-handler {
-  height: 40%;
-}
-.ant-input-number:hover .ant-input-number-handler-wrap {
-  opacity: 1;
-}
-.ant-input-number-handler-up {
-  border-top-right-radius: 2px;
-  cursor: pointer;
-}
-.ant-input-number-handler-up-inner {
-  top: 50%;
-  margin-top: -5px;
-  text-align: center;
-}
-.ant-input-number-handler-up:hover {
-  height: 60% !important;
-}
-.ant-input-number-handler-down {
-  top: 0;
-  border-top: 1px solid #e5e5e5;
-  border-bottom-right-radius: 2px;
-  cursor: pointer;
-}
-.ant-input-number-handler-down-inner {
-  top: 50%;
-  text-align: center;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-}
-.ant-input-number-handler-down:hover {
-  height: 60% !important;
-}
-.ant-input-number-borderless .ant-input-number-handler-down {
-  border-top-width: 0;
-}
-.ant-input-number-handler-up-disabled,
-.ant-input-number-handler-down-disabled {
-  cursor: not-allowed;
-}
-.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
-.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
-  color: rgba(0, 0, 0, 0.25);
-}
-.ant-input-number-borderless {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.ant-input-number-out-of-range input {
-  color: #f5222d;
-}
-.ant-input-number-rtl {
-  direction: rtl;
-}
-.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-input {
-  direction: ltr;
-  text-align: right;
-}
-.ant-btn {
-  padding: 4px 15px;
-}
-.ant-btn-sm {
-  padding: 0 7px;
-}
-.pandora-sdk-input-number-group {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: nowrap;
-      flex-wrap: nowrap;
-  -webkit-box-align: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch;
-}
-.pandora-sdk-input-number-group .pandora-sdk-input-number-group-wrap {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-}
-.pandora-sdk-input-number-group .pandora-sdk-input-number-group-wrap .ant-input-number {
-  width: 100%;
-}
-.pandora-sdk-input-number-group .pandora-sdk-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 #d9d9d9;
-  border-radius: 2px;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.pandora-sdk-input-number-group .pandora-sdk-input-number-group-addon .ant-select {
-  margin: -1px -11px;
-}
-.pandora-sdk-input-number-group .pandora-sdk-input-number-group-addon .ant-select .ant-select-selector {
-  border: 0;
-  background-color: inherit;
-}
-.pandora-sdk-input-number-group .pandora-sdk-input-number-group-addon:first-child {
-  border-right: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.pandora-sdk-input-number-group .pandora-sdk-input-number-group-addon:last-child {
-  border-left: 0;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}

package/lib/components/InputNumber/style.less

@@ -1,45 +0,0 @@
-@import 'antd/lib/input-number/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-input-number-group {
-  display: flex;
-  flex-wrap: nowrap;
-  align-items: stretch;
-  .@{sdk-prefix}-input-number-group-wrap {
-    flex-grow: 1;
-    .@{ant-prefix}-input-number {
-      width: 100%;
-    }
-  }
-  .@{sdk-prefix}-input-number-group-addon {
-    position: relative;
-    padding: 0 11px;
-    color: @input-color;
-    font-weight: normal;
-    font-size: 14px;
-    text-align: center;
-    background-color: @table-row-even-bg;
-    border: 1px solid @border-color-1;
-    border-radius: 2px;
-    transition: all 0.3s;
-    display: flex;
-    align-items: center;
-    .@{ant-prefix}-select {
-      margin: -1px -11px;
-      .@{ant-prefix}-select-selector {
-        border: 0;
-        background-color: inherit;
-      }
-    }
-    &:first-child {
-      border-right: 0;
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-    &:last-child {
-      border-left: 0;
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-    }
-  }
-}