tdesign-react 0.45.6-alpha.1 → 0.45.6-alpha.2

package/es/input-number/style/index.css

@@ -1 +1,419 @@
-@-webkit-keyframes t-fade-in{0%{opacity:0}to{opacity:1}}@keyframes t-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes t-fade-out{0%{opacity:1}to{opacity:0}}@keyframes t-fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes t-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes t-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.t-icon-loading{-webkit-animation:t-spin 1s linear infinite;animation:t-spin 1s linear infinite}@-webkit-keyframes t-zoom-out{0%{-webkit-transform:scale(.2);transform:scale(.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes t-zoom-out{0%{-webkit-transform:scale(.2);transform:scale(.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.t-input-number{font:var(--td-font-body-medium);color:var(--td-text-color-primary);margin:0;padding:0;list-style:none;display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 var(--td-comp-size-m);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:144px}.t-input-number:not(.t-input-number--column)>.t-input-number__decrease+.t-input__wrap{margin-left:var(--td-comp-margin-xs)}.t-input-number input::-webkit-inner-spin-button,.t-input-number input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.t-input-number input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.t-input-number>.t-input__tips{position:absolute;left:0}.t-input-number input+.t-input__suffix{margin-left:var(--td-comp-paddingLR-s)}.t-input-number .t-input__prefix{margin-right:var(--td-comp-paddingLR-s)}.t-input-number .t-input{color:var(--td-text-color-primary)}.t-input-number.t-input-number--auto-width{width:auto}.t-input-number.t-input-number--auto-width.t-is-controls-right{min-width:auto;width:auto}.t-input-number.t-input-number--auto-width .t-input__inner{min-width:42px}.t-input-number.t-input-number--auto-width:not(.t-input-number--column) .t-input-number__increase{right:-4px}.t-input-number .t-input-number__decrease,.t-input-number .t-input-number__increase{width:var(--td-comp-size-m);height:var(--td-comp-size-m);position:absolute;top:0;border:1px solid var(--td-border-level-2-color);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--td-radius-default);background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;cursor:pointer;-webkit-transition:all .2s cubic-bezier(.38,0,.24,1);transition:all .2s cubic-bezier(.38,0,.24,1)}.t-input-number .t-input-number__decrease:hover,.t-input-number .t-input-number__increase:hover{color:var(--td-brand-color);border-color:var(--td-brand-color)}.t-input-number .t-input-number__decrease:hover .t-icon,.t-input-number .t-input-number__increase:hover .t-icon{color:var(--td-brand-color)}.t-input-number .t-input-number__decrease:active,.t-input-number .t-input-number__increase:active{color:var(--td-brand-color);background-color:var(--td-bg-color-container-hover)}.t-input-number .t-input-number__decrease .t-icon,.t-input-number .t-input-number__increase .t-icon{position:relative;z-index:1;font-size:var(--td-font-size-body-large);color:var(--td-text-color-secondary)}.t-input-number .t-input-number__decrease.t-is-disabled,.t-input-number .t-input-number__increase.t-is-disabled{color:var(--td-text-color-disabled);cursor:no-drop;background-color:var(--td-bg-color-component-disabled)}.t-input-number .t-input-number__decrease.t-is-disabled .t-icon,.t-input-number .t-input-number__increase.t-is-disabled .t-icon{color:var(--td-text-color-disabled)}.t-input-number .t-input-number__decrease.t-is-disabled:hover,.t-input-number .t-input-number__increase.t-is-disabled:hover{border-color:var(--td-border-level-2-color)}.t-input-number .t-input-number__decrease.t-is-disabled:hover .t-icon,.t-input-number .t-input-number__increase.t-is-disabled:hover .t-icon{color:var(--td-text-color-disabled)}.t-input-number .t-input-number__decrease.t-is-disabled::-webkit-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-webkit-input-placeholder{color:var(--td-text-color-disabled)}.t-input-number .t-input-number__decrease.t-is-disabled::-moz-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-moz-placeholder{color:var(--td-text-color-disabled)}.t-input-number .t-input-number__decrease.t-is-disabled:-ms-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled:-ms-input-placeholder{color:var(--td-text-color-disabled)}.t-input-number .t-input-number__decrease.t-is-disabled::-ms-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-ms-input-placeholder{color:var(--td-text-color-disabled)}.t-input-number .t-input-number__decrease.t-is-disabled::placeholder,.t-input-number .t-input-number__increase.t-is-disabled::placeholder{color:var(--td-text-color-disabled)}.t-input-number .t-input-number__decrease{left:0}.t-input-number .t-input-number__increase{right:-8px}.t-input-number.t-is-disabled .t-input{cursor:no-drop;background-color:var(--td-bg-color-component-disabled);color:var(--td-text-color-disabled)}.t-input-number.t-is-disabled .t-input:active,.t-input-number.t-is-disabled .t-input:focus,.t-input-number.t-is-disabled .t-input:hover{border-color:var(--td-border-level-2-color)}.t-input-number.t-is-disabled .t-input-number__decrease,.t-input-number.t-is-disabled .t-input-number__increase{color:var(--td-text-color-disabled);cursor:no-drop;background-color:var(--td-bg-color-component-disabled)}.t-input-number.t-is-disabled .t-input-number__decrease .t-icon,.t-input-number.t-is-disabled .t-input-number__increase .t-icon{color:var(--td-text-color-secondary)}.t-input-number.t-size-s{width:120px;padding:0 var(--td-comp-size-xs)}.t-input-number.t-size-s .t-input{font-size:var(--td-font-size-body-small);height:var(--td-comp-size-xs);line-height:var(--td-comp-size-xs)}.t-input-number.t-size-s .t-input-number__decrease,.t-input-number.t-size-s .t-input-number__increase{font-size:var(--td-font-size-body-medium);width:var(--td-comp-size-xs);height:var(--td-comp-size-xs)}.t-input-number.t-size-l{width:168px;padding:0 var(--td-comp-size-xl)}.t-input-number.t-size-l .t-input{height:var(--td-comp-size-xl);line-height:var(--td-comp-size-xl)}.t-input-number.t-size-l .t-input-number__decrease,.t-input-number.t-size-l .t-input-number__increase{font-size:18px;width:var(--td-comp-size-xl);height:var(--td-comp-size-xl)}.t-input-number.t-size-l.t-is-controls-right .t-input{height:var(--td-comp-size-xl);line-height:var(--td-comp-size-xl);padding-right:calc(var(--td-comp-size-xl) + var(--td-comp-paddingLR-s))}.t-input-number.t-size-l.t-is-controls-right .t-input-number__decrease,.t-input-number.t-size-l.t-is-controls-right .t-input-number__increase{width:var(--td-comp-size-xl);font-size:var(--td-font-size-body-large)}.t-input-number.t-input-number--normal{padding:0;border-radius:var(--td-radius-default)}.t-input-number.t-input-number--normal.t-is-disabled{cursor:no-drop;color:var(--td-text-color-disabled)}.t-input-number.t-input-number--normal.t-is-disabled:hover .t-input{border-color:var(--td-border-level-2-color)}.t-input-number.t-input-number--normal.t-is-disabled::-webkit-input-placeholder{color:var(--td-text-color-disabled)}.t-input-number.t-input-number--normal.t-is-disabled::-moz-placeholder{color:var(--td-text-color-disabled)}.t-input-number.t-input-number--normal.t-is-disabled:-ms-input-placeholder{color:var(--td-text-color-disabled)}.t-input-number.t-input-number--normal.t-is-disabled::-ms-input-placeholder{color:var(--td-text-color-disabled)}.t-input-number.t-input-number--normal.t-is-disabled::placeholder{color:var(--td-text-color-disabled)}.t-input-number.t-input-number--normal.t-is-disabled .t-input:focus{-webkit-box-shadow:none;box-shadow:none}.t-input-number.t-is-controls-right{width:96px;padding:0}.t-input-number.t-is-controls-right:hover .t-input-number__decrease,.t-input-number.t-is-controls-right:hover .t-input-number__increase{opacity:1;visibility:visible}.t-input-number.t-is-controls-right .t-input{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding-right:calc(var(--td-comp-size-m) + var(--td-comp-paddingLR-s));border-radius:var(--td-radius-default)}.t-input-number.t-is-controls-right .t-input-number__decrease,.t-input-number.t-is-controls-right .t-input-number__increase{width:var(--td-comp-size-m);height:calc(var(--td-comp-size-m)/2 - 2px);border:0;left:auto;top:auto;right:1px;border-radius:0;background:var(--td-bg-color-secondarycontainer);opacity:0;visibility:hidden;z-index:2}.t-input-number.t-is-controls-right .t-input-number__decrease .t-icon,.t-input-number.t-is-controls-right .t-input-number__increase .t-icon{font-size:var(--td-font-size-body-small)}.t-input-number.t-is-controls-right .t-input-number__decrease:hover,.t-input-number.t-is-controls-right .t-input-number__increase:hover{background:var(--td-bg-color-component-hover)}.t-input-number.t-is-controls-right .t-input-number__decrease:hover .t-icon,.t-input-number.t-is-controls-right .t-input-number__increase:hover .t-icon{color:var(--td-text-color-primary)}.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled{color:var(--td-text-color-disabled);cursor:no-drop;background-color:var(--td-bg-color-component-disabled)}.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled .t-icon,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled .t-icon{color:var(--td-text-color-disabled)}.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover{border-color:var(--td-border-level-2-color)}.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover .t-icon,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover .t-icon{color:var(--td-text-color-disabled)}.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-webkit-input-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-webkit-input-placeholder{color:var(--td-text-color-disabled)}.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-moz-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-moz-placeholder{color:var(--td-text-color-disabled)}.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:-ms-input-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:-ms-input-placeholder{color:var(--td-text-color-disabled)}.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-ms-input-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-ms-input-placeholder{color:var(--td-text-color-disabled)}.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::placeholder,.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::placeholder{color:var(--td-text-color-disabled)}.t-input-number.t-is-controls-right .t-input-number__increase{top:1px;border-top-right-radius:calc(var(--td-radius-default) - 1px)}.t-input-number.t-is-controls-right .t-input-number__decrease{top:calc(var(--td-comp-size-m)/2 + 1px);border-bottom-right-radius:calc(var(--td-radius-default) - 1px)}.t-input-number.t-is-controls-right.t-size-l{width:120px}.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease,.t-input-number.t-is-controls-right.t-size-l .t-input-number__increase{height:calc(var(--td-comp-size-xl)/2 - 2px)}.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease{top:calc(var(--td-comp-size-xl)/2 + 1px)}.t-input-number.t-is-controls-right.t-size-s{width:88px}.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease,.t-input-number.t-is-controls-right.t-size-s .t-input-number__increase{height:calc(var(--td-comp-size-xs)/2 - 2px)}.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease{top:calc(var(--td-comp-size-xs)/2 + 1px)}.t-input-number--row .t-input__wrap{width:auto;margin-right:var(--td-comp-margin-xs)}.t-input-number--row .t-input-number__increase{right:0}
+@-webkit-keyframes t-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes t-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@-webkit-keyframes t-fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes t-fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@-webkit-keyframes t-spin {
+  from {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+@keyframes t-spin {
+  from {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+.t-icon-loading {
+  -webkit-animation: t-spin 1s linear infinite;
+          animation: t-spin 1s linear infinite;
+}
+@-webkit-keyframes t-zoom-out {
+  from {
+    -webkit-transform: scale(0.2);
+            transform: scale(0.2);
+  }
+  to {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
+@keyframes t-zoom-out {
+  from {
+    -webkit-transform: scale(0.2);
+            transform: scale(0.2);
+  }
+  to {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
+.t-input-number {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-primary);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: inline-block;
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0 var(--td-comp-size-m);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  width: 144px;
+}
+.t-input-number:not(.t-input-number--column) > .t-input-number__decrease + .t-input__wrap {
+  margin-left: var(--td-comp-margin-xs);
+}
+.t-input-number input::-webkit-outer-spin-button,
+.t-input-number input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+          appearance: none;
+}
+.t-input-number input[type="number"] {
+  -webkit-appearance: textfield;
+     -moz-appearance: textfield;
+          appearance: textfield;
+}
+.t-input-number > .t-input__tips {
+  position: absolute;
+  left: 0;
+}
+.t-input-number input + .t-input__suffix {
+  margin-left: var(--td-comp-paddingLR-s);
+}
+.t-input-number .t-input__prefix {
+  margin-right: var(--td-comp-paddingLR-s);
+}
+.t-input-number .t-input {
+  color: var(--td-text-color-primary);
+}
+.t-input-number.t-input-number--auto-width {
+  width: auto;
+}
+.t-input-number.t-input-number--auto-width.t-is-controls-right {
+  min-width: auto;
+  width: auto;
+}
+.t-input-number.t-input-number--auto-width .t-input__inner {
+  min-width: 42px;
+}
+.t-input-number.t-input-number--auto-width:not(.t-input-number--column) .t-input-number__increase {
+  right: -4px;
+}
+.t-input-number .t-input-number__decrease,
+.t-input-number .t-input-number__increase {
+  width: var(--td-comp-size-m);
+  height: var(--td-comp-size-m);
+  position: absolute;
+  top: 0;
+  border: 1px solid var(--td-border-level-2-color);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  border-radius: var(--td-radius-default);
+  background-color: transparent;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  z-index: 1;
+  cursor: pointer;
+  -webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+}
+.t-input-number .t-input-number__decrease:hover,
+.t-input-number .t-input-number__increase:hover {
+  color: var(--td-brand-color);
+  border-color: var(--td-brand-color);
+}
+.t-input-number .t-input-number__decrease:hover .t-icon,
+.t-input-number .t-input-number__increase:hover .t-icon {
+  color: var(--td-brand-color);
+}
+.t-input-number .t-input-number__decrease:active,
+.t-input-number .t-input-number__increase:active {
+  color: var(--td-brand-color);
+  background-color: var(--td-bg-color-container-hover);
+}
+.t-input-number .t-input-number__decrease .t-icon,
+.t-input-number .t-input-number__increase .t-icon {
+  position: relative;
+  z-index: 1;
+  font-size: var(--td-font-size-body-large);
+  color: var(--td-text-color-secondary);
+}
+.t-input-number .t-input-number__decrease.t-is-disabled,
+.t-input-number .t-input-number__increase.t-is-disabled {
+  color: var(--td-text-color-disabled);
+  cursor: no-drop;
+  background-color: var(--td-bg-color-component-disabled);
+}
+.t-input-number .t-input-number__decrease.t-is-disabled .t-icon,
+.t-input-number .t-input-number__increase.t-is-disabled .t-icon {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number .t-input-number__decrease.t-is-disabled:hover,
+.t-input-number .t-input-number__increase.t-is-disabled:hover {
+  border-color: var(--td-border-level-2-color);
+}
+.t-input-number .t-input-number__decrease.t-is-disabled:hover .t-icon,
+.t-input-number .t-input-number__increase.t-is-disabled:hover .t-icon {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number .t-input-number__decrease.t-is-disabled::-webkit-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-webkit-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number .t-input-number__decrease.t-is-disabled::-moz-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-moz-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number .t-input-number__decrease.t-is-disabled:-ms-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled:-ms-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number .t-input-number__decrease.t-is-disabled::-ms-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-ms-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number .t-input-number__decrease.t-is-disabled::placeholder,
+.t-input-number .t-input-number__increase.t-is-disabled::placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number .t-input-number__decrease {
+  left: 0;
+}
+.t-input-number .t-input-number__increase {
+  right: -8px;
+}
+.t-input-number.t-is-disabled .t-input {
+  cursor: no-drop;
+  background-color: var(--td-bg-color-component-disabled);
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-is-disabled .t-input:hover,
+.t-input-number.t-is-disabled .t-input:focus,
+.t-input-number.t-is-disabled .t-input:active {
+  border-color: var(--td-border-level-2-color);
+}
+.t-input-number.t-is-disabled .t-input-number__decrease,
+.t-input-number.t-is-disabled .t-input-number__increase {
+  color: var(--td-text-color-disabled);
+  cursor: no-drop;
+  background-color: var(--td-bg-color-component-disabled);
+}
+.t-input-number.t-is-disabled .t-input-number__decrease .t-icon,
+.t-input-number.t-is-disabled .t-input-number__increase .t-icon {
+  color: var(--td-text-color-secondary);
+}
+.t-input-number.t-size-s {
+  width: 120px;
+  padding: 0 var(--td-comp-size-xs);
+}
+.t-input-number.t-size-s .t-input {
+  font-size: var(--td-font-size-body-small);
+  height: var(--td-comp-size-xs);
+  line-height: var(--td-comp-size-xs);
+}
+.t-input-number.t-size-s .t-input-number__decrease,
+.t-input-number.t-size-s .t-input-number__increase {
+  font-size: var(--td-font-size-body-medium);
+  width: var(--td-comp-size-xs);
+  height: var(--td-comp-size-xs);
+}
+.t-input-number.t-size-l {
+  width: 168px;
+  padding: 0 var(--td-comp-size-xl);
+}
+.t-input-number.t-size-l .t-input {
+  height: var(--td-comp-size-xl);
+  line-height: var(--td-comp-size-xl);
+}
+.t-input-number.t-size-l .t-input-number__decrease,
+.t-input-number.t-size-l .t-input-number__increase {
+  font-size: 18px;
+  width: var(--td-comp-size-xl);
+  height: var(--td-comp-size-xl);
+}
+.t-input-number.t-size-l.t-is-controls-right .t-input {
+  height: var(--td-comp-size-xl);
+  line-height: var(--td-comp-size-xl);
+  padding-right: calc(var(--td-comp-size-xl) + var(--td-comp-paddingLR-s));
+}
+.t-input-number.t-size-l.t-is-controls-right .t-input-number__decrease,
+.t-input-number.t-size-l.t-is-controls-right .t-input-number__increase {
+  width: var(--td-comp-size-xl);
+  font-size: var(--td-font-size-body-large);
+}
+.t-input-number.t-input-number--normal {
+  padding: 0;
+  border-radius: var(--td-radius-default);
+}
+.t-input-number.t-input-number--normal.t-is-disabled {
+  cursor: no-drop;
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-input-number--normal.t-is-disabled:hover .t-input {
+  border-color: var(--td-border-level-2-color);
+}
+.t-input-number.t-input-number--normal.t-is-disabled::-webkit-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-input-number--normal.t-is-disabled::-moz-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-input-number--normal.t-is-disabled:-ms-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-input-number--normal.t-is-disabled::-ms-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-input-number--normal.t-is-disabled::placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-input-number--normal.t-is-disabled .t-input:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.t-input-number.t-is-controls-right {
+  width: 96px;
+  padding: 0;
+}
+.t-input-number.t-is-controls-right:hover .t-input-number__decrease,
+.t-input-number.t-is-controls-right:hover .t-input-number__increase {
+  opacity: 1;
+  visibility: visible;
+}
+.t-input-number.t-is-controls-right .t-input {
+  width: 100%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding-right: calc(var(--td-comp-size-m) + var(--td-comp-paddingLR-s));
+  border-radius: var(--td-radius-default);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease,
+.t-input-number.t-is-controls-right .t-input-number__increase {
+  width: var(--td-comp-size-m);
+  height: calc(calc(var(--td-comp-size-m) / 2) - 2px);
+  border: 0;
+  left: initial;
+  top: initial;
+  right: 1px;
+  border-radius: 0;
+  background: var(--td-bg-color-secondarycontainer);
+  opacity: 0;
+  visibility: hidden;
+  z-index: 2;
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease .t-icon,
+.t-input-number.t-is-controls-right .t-input-number__increase .t-icon {
+  font-size: var(--td-font-size-body-small);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease:hover,
+.t-input-number.t-is-controls-right .t-input-number__increase:hover {
+  background: var(--td-bg-color-component-hover);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease:hover .t-icon,
+.t-input-number.t-is-controls-right .t-input-number__increase:hover .t-icon {
+  color: var(--td-text-color-primary);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled,
+.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled {
+  color: var(--td-text-color-disabled);
+  cursor: no-drop;
+  background-color: var(--td-bg-color-component-disabled);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled .t-icon,
+.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled .t-icon {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover,
+.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover {
+  border-color: var(--td-border-level-2-color);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover .t-icon,
+.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover .t-icon {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-webkit-input-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-webkit-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-moz-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-moz-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:-ms-input-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:-ms-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-ms-input-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-ms-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::placeholder,
+.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-is-controls-right .t-input-number__increase {
+  top: 1px;
+  border-top-right-radius: calc(var(--td-radius-default) - 1px);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease {
+  top: calc(calc(calc(var(--td-comp-size-m) / 2) - 2px) + 3px);
+  border-bottom-right-radius: calc(var(--td-radius-default) - 1px);
+}
+.t-input-number.t-is-controls-right.t-size-l {
+  width: 120px;
+}
+.t-input-number.t-is-controls-right.t-size-l .t-input-number__increase,
+.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease {
+  height: calc(calc(var(--td-comp-size-xl) / 2) - 2px);
+}
+.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease {
+  top: calc(calc(calc(var(--td-comp-size-xl) / 2) - 2px) + 3px);
+}
+.t-input-number.t-is-controls-right.t-size-s {
+  width: 88px;
+}
+.t-input-number.t-is-controls-right.t-size-s .t-input-number__increase,
+.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease {
+  height: calc(calc(var(--td-comp-size-xs) / 2) - 2px);
+}
+.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease {
+  top: calc(calc(calc(var(--td-comp-size-xs) / 2) - 2px) + 3px);
+}
+.t-input-number--row .t-input__wrap {
+  width: initial;
+  margin-right: var(--td-comp-margin-xs);
+}
+.t-input-number--row .t-input-number__increase {
+  right: 0;
+}

package/es/layout/style/index.css

@@ -1 +1,50 @@
-.t-layout{font:var(--td-font-body-medium);color:var(--td-text-color-primary);-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none}.t-layout,.t-layout__direction-vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--td-bg-color-page);-webkit-box-flex:1;-ms-flex:auto;flex:auto}.t-layout--with-sider,.t-layout__direction-horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.t-layout__header{height:var(--td-comp-size-xxxl);background-color:var(--td-bg-color-container)}.t-layout__content{-webkit-box-flex:1;-ms-flex:auto;flex:auto}.t-layout__sider{position:relative;-webkit-transition:all .2s;transition:all .2s;background:var(--td-bg-color-container);width:232px}.t-layout__footer{color:var(--td-text-color-placeholder);padding:24px}
+.t-layout {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.t-layout,
+.t-layout__direction-vertical {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  background: var(--td-bg-color-page);
+  -webkit-box-flex: 1;
+      -ms-flex: auto;
+          flex: auto;
+}
+.t-layout--with-sider,
+.t-layout__direction-horizontal {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+}
+.t-layout__header {
+  height: var(--td-comp-size-xxxl);
+  background-color: var(--td-bg-color-container);
+}
+.t-layout__content {
+  -webkit-box-flex: 1;
+      -ms-flex: auto;
+          flex: auto;
+}
+.t-layout__sider {
+  position: relative;
+  -webkit-transition: all 0.2s;
+  transition: all 0.2s;
+  background: var(--td-bg-color-container);
+  width: 232px;
+}
+.t-layout__footer {
+  color: var(--td-text-color-placeholder);
+  padding: 24px;
+}