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

package/es/radio/style/index.css

@@ -1 +1,325 @@
-.t-radio-group{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;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;overflow-x:auto;overflow-y:hidden;border-radius:var(--td-radius-default);scrollbar-color:var(--td-scrollbar-color) transparent;scrollbar-width:thin}.t-radio-group::-webkit-scrollbar{width:4px;height:4px}.t-radio-group::-webkit-scrollbar-thumb{border:0 solid transparent;background-clip:content-box;background-color:var(--td-scrollbar-color);border-radius:7px}.t-radio-group::-webkit-scrollbar-thumb:horizontal:hover,.t-radio-group::-webkit-scrollbar-thumb:vertical:hover{background-color:var(--td-scrollbar-hover-color)}.t-radio-group .t-radio{margin-right:var(--td-comp-margin-xxl)}.t-radio-group.t-radio-group__outline{-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:var(--td-comp-margin-xs)}.t-radio-group.t-radio-group__outline.t-size-s .t-radio-button{height:var(--td-comp-size-xs)}.t-radio-group.t-radio-group__outline.t-size-m .t-radio-button{height:var(--td-comp-size-m)}.t-radio-group.t-radio-group__outline.t-size-l .t-radio-button{height:var(--td-comp-size-xl)}.t-radio-group.t-radio-group__outline .t-radio-button:first-child{border-radius:var(--td-radius-default) 0 0 var(--td-radius-default)}.t-radio-group.t-radio-group__outline .t-radio-button:last-child{border-radius:0 var(--td-radius-default) var(--td-radius-default) 0}.t-radio-group.t-radio-group__outline .t-radio-button.t-is-checked{color:var(--td-brand-color)}.t-radio-group.t-radio-group__outline .t-radio-button.t-is-disabled.t-is-checked{color:var(--td-brand-color-disabled);border-color:var(--td-brand-color-disabled);background-color:var(--td-bg-color-specialcomponent)}.t-radio-group.t-radio-group--filled{border-color:var(--td-bg-color-component);padding:var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);border-radius:var(--td-radius-default);background-color:var(--td-bg-color-component);position:relative}.t-radio-group.t-radio-group--filled .t-radio-group__bg-block{position:absolute;left:2px;top:2px;width:0;height:calc(100% - 4px);background-color:var(--td-bg-color-container-select);-webkit-transition:all .2s cubic-bezier(.38,0,.24,1);transition:all .2s cubic-bezier(.38,0,.24,1);border-radius:var(--td-radius-small)}.t-radio-group.t-radio-group--filled .t-radio-button{color:var(--td-text-color-secondary);border:0;background-color:transparent}.t-radio-group.t-radio-group--filled .t-radio-button:hover{color:var(--td-text-color-primary)}.t-radio-group.t-radio-group--filled .t-radio-button:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:calc(100% - 16px);background-color:var(--td-component-border);-webkit-transition:opacity .2s cubic-bezier(0,0,.15,1);transition:opacity .2s cubic-bezier(0,0,.15,1)}.t-radio-group.t-radio-group--filled .t-radio-button:first-child:before{opacity:0}.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked{position:relative;color:var(--td-text-color-primary);z-index:1;border:0;-webkit-transition:color .2s linear;transition:color .2s linear}.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked+label:before,.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked:before{opacity:0}.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled{background-color:transparent}.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled.t-is-checked{color:var(--td-text-color-disabled)}.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled.t-is-checked~.t-radio-group__bg-block{background-color:var(--td-bg-color-component-disabled)}.t-radio-group.t-radio-group--primary-filled .t-radio-group__bg-block{background-color:var(--td-brand-color)}.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-checked,.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-disabled.t-is-checked{color:var(--td-text-color-anti)}.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-disabled.t-is-checked~.t-radio-group__bg-block{background-color:var(--td-brand-color-disabled)}.t-radio-group.t-size-s .t-radio-button{height:calc(var(--td-comp-size-xs) - var(--td-comp-paddingTB-xs));padding:0 var(--td-comp-paddingLR-s);font:var(--td-font-body-small)}.t-radio-group.t-size-s .t-radio-button:before{height:calc(100% - 16px)}.t-radio-group.t-size-m .t-radio-button{height:calc(var(--td-comp-size-m) - var(--td-comp-paddingTB-xs));padding:var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-l);font:var(--td-font-body-medium)}.t-radio-group.t-size-m .t-radio-button:before{height:calc(100% - 20px)}.t-radio-group.t-size-l .t-radio-button{height:calc(var(--td-comp-size-xl) - var(--td-comp-paddingTB-xs));padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-xl);font:var(--td-font-body-large)}.t-radio-group.t-size-l .t-radio-button:before{height:calc(100% - 24px)}.t-radio-group .t-radio-button{cursor:pointer;position:relative;border:1px solid;border-color:var(--td-border-level-2-color);border-right:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:color .2s cubic-bezier(0,0,.15,1);transition:color .2s cubic-bezier(0,0,.15,1);color:var(--td-text-color-primary);white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box}.t-radio-group .t-radio-button:first-child{border-radius:var(--td-radius-small) 0 0 var(--td-radius-small)}.t-radio-group .t-radio-button:last-child{border-right:1px solid;border-right-color:var(--td-border-level-2-color);border-radius:0 var(--td-radius-small) var(--td-radius-small) 0}.t-radio-group .t-radio-button__former{opacity:0;height:0;width:0;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-radio-group .t-radio-button:hover{color:var(--td-brand-color)}.t-radio-group .t-radio-button.t-is-checked{border-left-color:var(--td-brand-color);border-bottom-color:var(--td-brand-color);border-right:1px solid;border-right-color:var(--td-brand-color);border-top-color:var(--td-brand-color);-webkit-transition:border-color .2s cubic-bezier(0,0,.15,1);transition:border-color .2s cubic-bezier(0,0,.15,1)}.t-radio-group .t-radio-button.t-is-checked+.t-radio-button{border-left:0}.t-radio-group .t-radio-button.t-is-disabled{cursor:not-allowed;color:var(--td-text-color-disabled);background-color:var(--td-bg-color-component-disabled)}.t-radio-group .t-radio-button.t-is-disabled:hover{border-color:var(--td-border-level-2-color);color:var(--td-text-color-disabled)}.t-radio-group .t-radio-button.t-is-disabled:hover:after{width:0}.t-radio-group .t-radio-button.t-is-disabled.t-is-checked{color:var(--td-text-color-disabled)}.t-radio-group .t-radio-button.t-is-disabled.t-is-checked:after{width:0}.t-radio{position:relative;cursor:pointer}.t-radio,.t-radio__former{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-radio__former{opacity:0;position:absolute}.t-radio__input{position:relative;display:inline-block;width:16px;height:16px;vertical-align:middle;border-radius:var(--td-radius-circle);border:1px solid var(--td-border-level-2-color);background-color:var(--td-bg-color-container);-webkit-transition:border .2s cubic-bezier(0,0,.15,1);transition:border .2s cubic-bezier(0,0,.15,1)}.t-radio__input:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;-webkit-transform:scale(.5);transform:scale(.5);opacity:0;border-radius:var(--td-radius-circle);background-color:var(--td-brand-color);-webkit-transition:all .2s cubic-bezier(0,0,.15,1);transition:all .2s cubic-bezier(0,0,.15,1)}.t-radio__label{display:inline-block;margin-left:var(--td-comp-margin-s);color:var(--td-text-color-primary);vertical-align:middle;font:var(--td-font-body-medium);white-space:nowrap}.t-radio.t-is-checked .t-radio__input,.t-radio:hover .t-radio__input{border-color:var(--td-brand-color)}.t-radio.t-is-checked .t-radio__input:after{opacity:1}.t-radio.t-is-disabled{cursor:not-allowed}.t-radio.t-is-disabled .t-radio__label{color:var(--td-text-color-disabled)}.t-radio.t-is-disabled .t-radio__input{background-color:var(--td-bg-color-component-disabled)}.t-radio.t-is-disabled.t-is-checked .t-radio__input,.t-radio.t-is-disabled:hover .t-radio__input{border-color:var(--td-border-level-2-color)}.t-radio.t-is-disabled.t-is-checked .t-radio__input:after{background-color:var(--td-text-color-disabled)}
+.t-radio-group {
+  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;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  max-width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+  border-radius: var(--td-radius-default);
+  scrollbar-color: var(--td-scrollbar-color) transparent;
+  scrollbar-width: thin;
+}
+.t-radio-group::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.t-radio-group::-webkit-scrollbar-thumb {
+  border: 0px solid transparent;
+  background-clip: content-box;
+  background-color: var(--td-scrollbar-color);
+  border-radius: 7px;
+}
+.t-radio-group::-webkit-scrollbar-thumb:vertical:hover,
+.t-radio-group::-webkit-scrollbar-thumb:horizontal:hover {
+  background-color: var(--td-scrollbar-hover-color);
+}
+.t-radio-group .t-radio {
+  margin-right: var(--td-comp-margin-xxl);
+}
+.t-radio-group.t-radio-group__outline {
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  row-gap: var(--td-comp-margin-xs);
+}
+.t-radio-group.t-radio-group__outline.t-size-s .t-radio-button {
+  height: var(--td-comp-size-xs);
+}
+.t-radio-group.t-radio-group__outline.t-size-m .t-radio-button {
+  height: var(--td-comp-size-m);
+}
+.t-radio-group.t-radio-group__outline.t-size-l .t-radio-button {
+  height: var(--td-comp-size-xl);
+}
+.t-radio-group.t-radio-group__outline .t-radio-button:first-child {
+  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
+}
+.t-radio-group.t-radio-group__outline .t-radio-button:last-child {
+  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
+}
+.t-radio-group.t-radio-group__outline .t-radio-button.t-is-checked {
+  color: var(--td-brand-color);
+}
+.t-radio-group.t-radio-group__outline .t-radio-button.t-is-disabled.t-is-checked {
+  color: var(--td-brand-color-disabled);
+  border-color: var(--td-brand-color-disabled);
+  background-color: var(--td-bg-color-specialcomponent);
+}
+.t-radio-group.t-radio-group--filled {
+  border-color: var(--td-bg-color-component);
+  padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
+  border-radius: var(--td-radius-default);
+  background-color: var(--td-bg-color-component);
+  position: relative;
+}
+.t-radio-group.t-radio-group--filled .t-radio-group__bg-block {
+  position: absolute;
+  left: 2px;
+  top: 2px;
+  width: 0;
+  height: calc(100% - 4px);
+  background-color: var(--td-bg-color-container-select);
+  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  border-radius: var(--td-radius-small);
+}
+.t-radio-group.t-radio-group--filled .t-radio-button {
+  color: var(--td-text-color-secondary);
+  border: 0;
+  background-color: transparent;
+}
+.t-radio-group.t-radio-group--filled .t-radio-button:hover {
+  color: var(--td-text-color-primary);
+}
+.t-radio-group.t-radio-group--filled .t-radio-button::before {
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+  width: 1px;
+  height: calc(100% - 16px);
+  background-color: var(--td-component-border);
+  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
+  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
+}
+.t-radio-group.t-radio-group--filled .t-radio-button:first-child::before {
+  opacity: 0;
+}
+.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked {
+  position: relative;
+  color: var(--td-text-color-primary);
+  z-index: 1;
+  border: 0;
+  -webkit-transition: color 0.2s linear;
+  transition: color 0.2s linear;
+}
+.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked::before {
+  opacity: 0;
+}
+.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked + label::before {
+  opacity: 0;
+}
+.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled {
+  background-color: transparent;
+}
+.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled.t-is-checked {
+  color: var(--td-text-color-disabled);
+}
+.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled.t-is-checked ~ .t-radio-group__bg-block {
+  background-color: var(--td-bg-color-component-disabled);
+}
+.t-radio-group.t-radio-group--primary-filled .t-radio-group__bg-block {
+  background-color: var(--td-brand-color);
+}
+.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-checked {
+  color: var(--td-text-color-anti);
+}
+.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-disabled.t-is-checked {
+  color: var(--td-text-color-anti);
+}
+.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-disabled.t-is-checked ~ .t-radio-group__bg-block {
+  background-color: var(--td-brand-color-disabled);
+}
+.t-radio-group.t-size-s .t-radio-button {
+  height: calc(var(--td-comp-size-xs) - var(--td-comp-paddingTB-xs));
+  padding: 0px var(--td-comp-paddingLR-s);
+  font: var(--td-font-body-small);
+}
+.t-radio-group.t-size-s .t-radio-button::before {
+  height: calc(100% - 16px);
+}
+.t-radio-group.t-size-m .t-radio-button {
+  height: calc(var(--td-comp-size-m) - var(--td-comp-paddingTB-xs));
+  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-l);
+  font: var(--td-font-body-medium);
+}
+.t-radio-group.t-size-m .t-radio-button::before {
+  height: calc(100% - 20px);
+}
+.t-radio-group.t-size-l .t-radio-button {
+  height: calc(var(--td-comp-size-xl) - var(--td-comp-paddingTB-xs));
+  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-xl);
+  font: var(--td-font-body-large);
+}
+.t-radio-group.t-size-l .t-radio-button::before {
+  height: calc(100% - 24px);
+}
+.t-radio-group .t-radio-button {
+  cursor: pointer;
+  position: relative;
+  border: 1px solid;
+  border-color: var(--td-border-level-2-color);
+  border-right: 0;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-transition: color 0.2s cubic-bezier(0, 0, 0.15, 1);
+  transition: color 0.2s cubic-bezier(0, 0, 0.15, 1);
+  color: var(--td-text-color-primary);
+  white-space: nowrap;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.t-radio-group .t-radio-button:first-child {
+  border-radius: var(--td-radius-small) 0 0 var(--td-radius-small);
+}
+.t-radio-group .t-radio-button:last-child {
+  border-right: 1px solid;
+  border-right-color: var(--td-border-level-2-color);
+  border-radius: 0 var(--td-radius-small) var(--td-radius-small) 0;
+}
+.t-radio-group .t-radio-button__former {
+  opacity: 0;
+  height: 0;
+  width: 0;
+  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-radio-group .t-radio-button:hover {
+  color: var(--td-brand-color);
+}
+.t-radio-group .t-radio-button.t-is-checked {
+  border-right: 1px solid;
+  border-color: var(--td-brand-color);
+  -webkit-transition: border-color 0.2s cubic-bezier(0, 0, 0.15, 1);
+  transition: border-color 0.2s cubic-bezier(0, 0, 0.15, 1);
+}
+.t-radio-group .t-radio-button.t-is-checked + .t-radio-button {
+  border-left: 0;
+}
+.t-radio-group .t-radio-button.t-is-disabled {
+  cursor: not-allowed;
+  color: var(--td-text-color-disabled);
+  background-color: var(--td-bg-color-component-disabled);
+}
+.t-radio-group .t-radio-button.t-is-disabled:hover {
+  border-color: var(--td-border-level-2-color);
+  color: var(--td-text-color-disabled);
+}
+.t-radio-group .t-radio-button.t-is-disabled:hover::after {
+  width: 0;
+}
+.t-radio-group .t-radio-button.t-is-disabled.t-is-checked {
+  color: var(--td-text-color-disabled);
+}
+.t-radio-group .t-radio-button.t-is-disabled.t-is-checked::after {
+  width: 0;
+}
+.t-radio {
+  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;
+  position: relative;
+  cursor: pointer;
+}
+.t-radio__former {
+  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;
+  opacity: 0;
+  position: absolute;
+}
+.t-radio__input {
+  position: relative;
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  vertical-align: middle;
+  border-radius: var(--td-radius-circle);
+  border: 1px solid var(--td-border-level-2-color);
+  background-color: var(--td-bg-color-container);
+  -webkit-transition: border 0.2s cubic-bezier(0, 0, 0.15, 1);
+  transition: border 0.2s cubic-bezier(0, 0, 0.15, 1);
+}
+.t-radio__input::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 16px;
+  height: 16px;
+  margin-top: -8px;
+  margin-left: -8px;
+  -webkit-transform: scale(0.5);
+          transform: scale(0.5);
+  opacity: 0;
+  border-radius: var(--td-radius-circle);
+  background-color: var(--td-brand-color);
+  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
+  transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
+}
+.t-radio__label {
+  display: inline-block;
+  margin-left: var(--td-comp-margin-s);
+  color: var(--td-text-color-primary);
+  vertical-align: middle;
+  font: var(--td-font-body-medium);
+  white-space: nowrap;
+}
+.t-radio:hover .t-radio__input {
+  border-color: var(--td-brand-color);
+}
+.t-radio.t-is-checked .t-radio__input {
+  border-color: var(--td-brand-color);
+}
+.t-radio.t-is-checked .t-radio__input::after {
+  opacity: 1;
+}
+.t-radio.t-is-disabled {
+  cursor: not-allowed;
+}
+.t-radio.t-is-disabled .t-radio__label {
+  color: var(--td-text-color-disabled);
+}
+.t-radio.t-is-disabled .t-radio__input {
+  background-color: var(--td-bg-color-component-disabled);
+}
+.t-radio.t-is-disabled:hover .t-radio__input {
+  border-color: var(--td-border-level-2-color);
+}
+.t-radio.t-is-disabled.t-is-checked .t-radio__input {
+  border-color: var(--td-border-level-2-color);
+}
+.t-radio.t-is-disabled.t-is-checked .t-radio__input::after {
+  background-color: var(--td-text-color-disabled);
+}

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

@@ -1 +1,268 @@
-.range-input-disabled.t-is-disabled{color:var(--td-text-color-disabled);background-color:var(--td-bg-color-component-disabled)}.range-input-disabled.t-is-disabled:hover{border-color:var(--td-border-level-2-color)}.range-input-disabled.t-is-disabled .t-range-input__inner{cursor:not-allowed;color:var(--td-text-color-disabled)}.range-input-disabled.t-is-disabled .t-range-input__inner::-webkit-input-placeholder{color:var(--td-text-color-disabled)}.range-input-disabled.t-is-disabled .t-range-input__inner::-moz-placeholder{color:var(--td-text-color-disabled)}.range-input-disabled.t-is-disabled .t-range-input__inner:-ms-input-placeholder{color:var(--td-text-color-disabled)}.range-input-disabled.t-is-disabled .t-range-input__inner::-ms-input-placeholder{color:var(--td-text-color-disabled)}.range-input-disabled.t-is-disabled .t-range-input__inner::placeholder{color:var(--td-text-color-disabled)}.range-input-disabled.t-is-disabled>.t-range-input__prefix .t-icon,.range-input-disabled.t-is-disabled>.t-range-input__suffix .t-icon{color:var(--td-text-color-disabled)}.t-range-input{margin:0;padding:0;list-style:none;width:100%;position:relative;font:var(--td-font-body-medium);height:var(--td-comp-size-m);border-radius:var(--td-radius-default);border:1px solid var(--td-border-level-2-color);padding:var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s) var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs);background-color:var(--td-bg-color-specialcomponent);color:var(--td-text-color-primary);font-size:var(--td-font-body-medium);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s cubic-bezier(.38,0,.24,1);transition:all .2s cubic-bezier(.38,0,.24,1);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.t-range-input:hover{border-color:var(--td-brand-color)}.t-range-input.t-is-success{border-color:var(--td-success-color)}.t-range-input.t-is-success.t-range-input--focused,.t-range-input.t-is-success:focus{-webkit-box-shadow:0 0 0 2px var(--td-success-color-focus);box-shadow:0 0 0 2px var(--td-success-color-focus)}.t-range-input.t-is-success>.t-range-input__extra{color:var(--td-success-color)}.t-range-input.t-is-success>.t-range-input__tips{color:var(--td-success-color);font-size:var(--td-font-size-body-small)}.t-range-input.t-is-warning{border-color:var(--td-warning-color)}.t-range-input.t-is-warning.t-range-input--focused,.t-range-input.t-is-warning:focus{-webkit-box-shadow:0 0 0 2px var(--td-warning-color-focus);box-shadow:0 0 0 2px var(--td-warning-color-focus)}.t-range-input.t-is-warning>.t-range-input__extra{color:var(--td-warning-color)}.t-range-input.t-is-warning>.t-range-input__tips{color:var(--td-warning-color);font-size:var(--td-font-size-body-small)}.t-range-input.t-is-error{border-color:var(--td-error-color)}.t-range-input.t-is-error.t-range-input--focused,.t-range-input.t-is-error:focus{-webkit-box-shadow:0 0 0 2px var(--td-error-color-focus);box-shadow:0 0 0 2px var(--td-error-color-focus)}.t-range-input.t-is-error>.t-range-input__extra{color:var(--td-error-color)}.t-range-input.t-is-error>.t-range-input__tips{color:var(--td-error-color);font-size:var(--td-font-size-body-small)}.t-range-input.t-is-disabled{color:var(--td-text-color-disabled);background-color:var(--td-bg-color-component-disabled)}.t-range-input.t-is-disabled:hover{border-color:var(--td-border-level-2-color)}.t-range-input.t-is-disabled .t-range-input__inner{cursor:not-allowed;color:var(--td-text-color-disabled)}.t-range-input.t-is-disabled .t-range-input__inner::-webkit-input-placeholder{color:var(--td-text-color-disabled)}.t-range-input.t-is-disabled .t-range-input__inner::-moz-placeholder{color:var(--td-text-color-disabled)}.t-range-input.t-is-disabled .t-range-input__inner:-ms-input-placeholder{color:var(--td-text-color-disabled)}.t-range-input.t-is-disabled .t-range-input__inner::-ms-input-placeholder{color:var(--td-text-color-disabled)}.t-range-input.t-is-disabled .t-range-input__inner::placeholder{color:var(--td-text-color-disabled)}.t-range-input.t-is-disabled>.t-range-input__prefix .t-icon,.t-range-input.t-is-disabled>.t-range-input__suffix .t-icon{color:var(--td-text-color-disabled)}.t-range-input.t-range-input--prefix .t-range-input__prefix,.t-range-input.t-range-input--suffix .t-range-input__suffix{height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--td-font-size-body-medium)}.t-range-input.t-size-l{height:var(--td-comp-size-xl);font:var(--td-font-body-large);padding-top:var(--td-comp-paddingTB-xs);padding-bottom:var(--td-comp-paddingTB-xs)}.t-range-input.t-size-l .t-input{padding:0 var(--td-comp-margin-s)}.t-range-input.t-size-s{padding:var(--td-comp-paddingTB-xxs) var(--td-comp-margin-xs);height:var(--td-comp-size-xs);font:var(--td-font-body-small)}.t-range-input.t-is-focused{z-index:1;border-color:var(--td-brand-color);-webkit-box-shadow:0 0 0 2px var(--td-brand-color-focus);box-shadow:0 0 0 2px var(--td-brand-color-focus)}.t-range-input__inner{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--td-comp-margin-s)}.t-range-input__inner .t-input__wrap{height:100%;border-radius:var(--td-radius-small)}.t-range-input__inner .t-input{padding:0 var(--td-comp-paddingLR-xs);height:100%;border:0;-webkit-box-shadow:none;box-shadow:none;font-size:inherit;border-radius:var(--td-radius-small)}.t-range-input__inner .t-input:hover{background-color:var(--td-bg-color-container-hover)}.t-range-input__inner .t-input__inner{width:100%;height:100%;line-height:1}.t-range-input__inner .t-input.t-is-focused{background-color:var(--td-bg-color-component)}.t-range-input__extra{font:var(--td-font-body-small);color:var(--td-text-color-placeholder)}.t-range-input__status{position:absolute;right:calc(0px - var(--td-comp-margin-xxxl));top:0}.t-range-input.t-range-input--suffix .t-input__clear{opacity:0;visibility:hidden;-webkit-transition:all .2s cubic-bezier(.38,0,.24,1);transition:all .2s cubic-bezier(.38,0,.24,1)}.t-range-input.t-range-input--suffix:hover .t-input__clear{opacity:1;visibility:visible}.t-range-input .t-range-input__suffix-clear{cursor:pointer}.t-range-input__prefix>.t-icon,.t-range-input__suffix>.t-icon{-webkit-transition:color .2s linear;transition:color .2s linear;font-size:16px;color:var(--td-text-color-placeholder);-ms-flex-negative:0;flex-shrink:0}.t-range-input-popup{width:100%}.t-range-input-popup--visible .t-range-input{border-color:var(--td-brand-color);-webkit-box-shadow:0 0 0 2px var(--td-brand-color-focus);box-shadow:0 0 0 2px var(--td-brand-color-focus)}.t-range-input-popup--visible .t-range-input .t-icon-calendar,.t-range-input-popup--visible .t-range-input .t-icon-time{color:var(--td-brand-color)}.t-range-input-popup--visible .t-range-input .t-input.t-is-focused{background-color:var(--td-bg-color-component)}
+.range-input-disabled.t-is-disabled {
+  color: var(--td-text-color-disabled);
+  background-color: var(--td-bg-color-component-disabled);
+}
+.range-input-disabled.t-is-disabled:hover {
+  border-color: var(--td-border-level-2-color);
+}
+.range-input-disabled.t-is-disabled .t-range-input__inner {
+  cursor: not-allowed;
+  color: var(--td-text-color-disabled);
+}
+.range-input-disabled.t-is-disabled .t-range-input__inner::-webkit-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.range-input-disabled.t-is-disabled .t-range-input__inner::-moz-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.range-input-disabled.t-is-disabled .t-range-input__inner:-ms-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.range-input-disabled.t-is-disabled .t-range-input__inner::-ms-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.range-input-disabled.t-is-disabled .t-range-input__inner::placeholder {
+  color: var(--td-text-color-disabled);
+}
+.range-input-disabled.t-is-disabled > .t-range-input__prefix .t-icon,
+.range-input-disabled.t-is-disabled > .t-range-input__suffix .t-icon {
+  color: var(--td-text-color-disabled);
+}
+.t-range-input {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  width: 100%;
+  position: relative;
+  font: var(--td-font-body-medium);
+  height: var(--td-comp-size-m);
+  border-width: 1px;
+  border-style: solid;
+  border-radius: var(--td-radius-default);
+  border-color: var(--td-border-level-2-color);
+  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s) var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs);
+  background-color: var(--td-bg-color-specialcomponent);
+  color: var(--td-text-color-primary);
+  font-size: var(--td-font-body-medium);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  -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;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 4px;
+}
+.t-range-input:hover {
+  border-color: var(--td-brand-color);
+}
+.t-range-input.t-is-success {
+  border-color: var(--td-success-color);
+}
+.t-range-input.t-is-success:focus {
+  -webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
+          box-shadow: 0 0 0 2px var(--td-success-color-focus);
+}
+.t-range-input.t-is-success.t-range-input--focused {
+  -webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
+          box-shadow: 0 0 0 2px var(--td-success-color-focus);
+}
+.t-range-input.t-is-success > .t-range-input__extra {
+  color: var(--td-success-color);
+}
+.t-range-input.t-is-success > .t-range-input__tips {
+  color: var(--td-success-color);
+  font-size: var(--td-font-size-body-small);
+}
+.t-range-input.t-is-warning {
+  border-color: var(--td-warning-color);
+}
+.t-range-input.t-is-warning:focus {
+  -webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
+          box-shadow: 0 0 0 2px var(--td-warning-color-focus);
+}
+.t-range-input.t-is-warning.t-range-input--focused {
+  -webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
+          box-shadow: 0 0 0 2px var(--td-warning-color-focus);
+}
+.t-range-input.t-is-warning > .t-range-input__extra {
+  color: var(--td-warning-color);
+}
+.t-range-input.t-is-warning > .t-range-input__tips {
+  color: var(--td-warning-color);
+  font-size: var(--td-font-size-body-small);
+}
+.t-range-input.t-is-error {
+  border-color: var(--td-error-color);
+}
+.t-range-input.t-is-error:focus {
+  -webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
+          box-shadow: 0 0 0 2px var(--td-error-color-focus);
+}
+.t-range-input.t-is-error.t-range-input--focused {
+  -webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
+          box-shadow: 0 0 0 2px var(--td-error-color-focus);
+}
+.t-range-input.t-is-error > .t-range-input__extra {
+  color: var(--td-error-color);
+}
+.t-range-input.t-is-error > .t-range-input__tips {
+  color: var(--td-error-color);
+  font-size: var(--td-font-size-body-small);
+}
+.t-range-input.t-is-disabled {
+  color: var(--td-text-color-disabled);
+  background-color: var(--td-bg-color-component-disabled);
+}
+.t-range-input.t-is-disabled:hover {
+  border-color: var(--td-border-level-2-color);
+}
+.t-range-input.t-is-disabled .t-range-input__inner {
+  cursor: not-allowed;
+  color: var(--td-text-color-disabled);
+}
+.t-range-input.t-is-disabled .t-range-input__inner::-webkit-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-range-input.t-is-disabled .t-range-input__inner::-moz-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-range-input.t-is-disabled .t-range-input__inner:-ms-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-range-input.t-is-disabled .t-range-input__inner::-ms-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-range-input.t-is-disabled .t-range-input__inner::placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-range-input.t-is-disabled > .t-range-input__prefix .t-icon,
+.t-range-input.t-is-disabled > .t-range-input__suffix .t-icon {
+  color: var(--td-text-color-disabled);
+}
+.t-range-input.t-range-input--prefix .t-range-input__prefix {
+  height: 100%;
+  text-align: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-size: var(--td-font-size-body-medium);
+}
+.t-range-input.t-range-input--suffix .t-range-input__suffix {
+  height: 100%;
+  text-align: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-size: var(--td-font-size-body-medium);
+}
+.t-range-input.t-size-l {
+  height: var(--td-comp-size-xl);
+  font: var(--td-font-body-large);
+  padding-top: var(--td-comp-paddingTB-xs);
+  padding-bottom: var(--td-comp-paddingTB-xs);
+}
+.t-range-input.t-size-l .t-input {
+  padding: 0 var(--td-comp-margin-s);
+}
+.t-range-input.t-size-s {
+  padding: var(--td-comp-paddingTB-xxs) var(--td-comp-margin-xs);
+  height: var(--td-comp-size-xs);
+  font: var(--td-font-body-small);
+}
+.t-range-input.t-is-focused {
+  z-index: 1;
+  border-color: var(--td-brand-color);
+  -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
+          box-shadow: 0 0 0 2px var(--td-brand-color-focus);
+}
+.t-range-input__inner {
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: var(--td-comp-margin-s);
+}
+.t-range-input__inner .t-input__wrap {
+  height: 100%;
+  border-radius: var(--td-radius-small);
+}
+.t-range-input__inner .t-input {
+  padding: 0 var(--td-comp-paddingLR-xs);
+  height: 100%;
+  border: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  font-size: inherit;
+  border-radius: var(--td-radius-small);
+}
+.t-range-input__inner .t-input:hover {
+  background-color: var(--td-bg-color-container-hover);
+}
+.t-range-input__inner .t-input__inner {
+  width: 100%;
+  height: 100%;
+  line-height: 1;
+}
+.t-range-input__inner .t-input.t-is-focused {
+  background-color: var(--td-bg-color-component);
+}
+.t-range-input__extra {
+  font: var(--td-font-body-small);
+  color: var(--td-text-color-placeholder);
+}
+.t-range-input__status {
+  position: absolute;
+  right: calc(0px - var(--td-comp-margin-xxxl));
+  top: 0;
+}
+.t-range-input.t-range-input--suffix .t-input__clear {
+  opacity: 0;
+  visibility: hidden;
+  -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-range-input.t-range-input--suffix:hover .t-input__clear {
+  opacity: 1;
+  visibility: visible;
+}
+.t-range-input .t-range-input__suffix-clear {
+  cursor: pointer;
+}
+.t-range-input__prefix > .t-icon,
+.t-range-input__suffix > .t-icon {
+  -webkit-transition: color 0.2s linear;
+  transition: color 0.2s linear;
+  font-size: 16px;
+  color: var(--td-text-color-placeholder);
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
+.t-range-input-popup {
+  width: 100%;
+}
+.t-range-input-popup--visible .t-range-input {
+  border-color: var(--td-brand-color);
+  -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
+          box-shadow: 0 0 0 2px var(--td-brand-color-focus);
+}
+.t-range-input-popup--visible .t-range-input .t-icon-time,
+.t-range-input-popup--visible .t-range-input .t-icon-calendar {
+  color: var(--td-brand-color);
+}
+.t-range-input-popup--visible .t-range-input .t-input.t-is-focused {
+  background-color: var(--td-bg-color-component);
+}

package/es/rate/style/index.css

@@ -1 +1,51 @@
-.t-rate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t-rate .t-rate__star-top{position:absolute;width:0;height:100%;left:0;top:0;overflow:hidden;-webkit-transition:all .2s cubic-bezier(.38,0,.24,1);transition:all .2s cubic-bezier(.38,0,.24,1)}.t-rate .t-rate__star-bottom,.t-rate .t-rate__star-top{display:grid}.t-rate__list{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0;margin:0}.t-rate__item{position:relative;cursor:pointer;-webkit-transition:all .2s cubic-bezier(.38,0,.24,1);transition:all .2s cubic-bezier(.38,0,.24,1)}.t-rate__item:hover{-webkit-transform:scale(1.33);transform:scale(1.33)}.t-rate__item--half .t-rate__star-top{width:50%}.t-rate__item--full .t-rate__star-top{width:100%}.t-rate__text{color:var(--td-text-color-primary);font:var(--td-font-mark-medium);margin-left:var(--td-comp-margin-l)}
+.t-rate {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.t-rate .t-rate__star-top {
+  position: absolute;
+  width: 0;
+  height: 100%;
+  left: 0;
+  top: 0;
+  overflow: hidden;
+  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+}
+.t-rate .t-rate__star-top,
+.t-rate .t-rate__star-bottom {
+  display: grid;
+}
+.t-rate__list {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.t-rate__item {
+  position: relative;
+  cursor: pointer;
+  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+}
+.t-rate__item:hover {
+  -webkit-transform: scale(1.33);
+          transform: scale(1.33);
+}
+.t-rate__item--half .t-rate__star-top {
+  width: 50%;
+}
+.t-rate__item--full .t-rate__star-top {
+  width: 100%;
+}
+.t-rate__text {
+  color: var(--td-text-color-primary);
+  font: var(--td-font-mark-medium);
+  margin-left: var(--td-comp-margin-l);
+}