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

package/es/timeline/style/index.css

@@ -1 +1,284 @@
-.t-timeline{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-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.t-timeline-item{min-height:72px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative}.t-timeline-item__label.t-timeline-item__label--alternate{position:absolute}.t-timeline-item__wrapper{width:8px;position:relative}.t-timeline-item__wrapper .t-timeline-item__dot{position:absolute;width:4px;height:4px;border:2px solid transparent;border-radius:50%;top:8px}.t-timeline-item__wrapper .t-timeline-item__dot--primary{border-color:var(--td-brand-color)}.t-timeline-item__wrapper .t-timeline-item__dot--default{border-color:var(--td-component-border)}.t-timeline-item__wrapper .t-timeline-item__dot--success{border-color:var(--td-success-color)}.t-timeline-item__wrapper .t-timeline-item__dot--warning{border-color:var(--td-warning-color)}.t-timeline-item__wrapper .t-timeline-item__dot--error{border-color:var(--td-error-color)}.t-timeline-item__wrapper .t-timeline-item__dot--custom{position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:4px;border:0}.t-timeline-item__wrapper .t-timeline-item__dot--custom .t-timeline-item__dot-content{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:0}.t-timeline-item__wrapper .t-timeline-item__tail{position:absolute;left:50%;height:calc(100% - 24px);bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding-bottom:var(--td-comp-size-s);border-left:2px solid transparent;border-left-color:var(--td-component-border);border-bottom-color:var(--td-component-border);border-right-color:var(--td-component-border);border-top-color:var(--td-component-border);-webkit-box-sizing:border-box;box-sizing:border-box}.t-timeline-item__wrapper .t-timeline-item__tail--theme-dot{border-style:dashed;border-right:0}.t-timeline-item__label{color:var(--td-text-color-secondary);font-size:var(--td-font-size-body-medium)}.t-timeline-item__content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:var(--td-comp-margin-l);font-size:var(--td-font-size-body-large)}.t-timeline-item--last .t-timeline-item__tail{display:none}.t-timeline-label.t-timeline-label--alternate.t-timeline-left .t-timeline-item__label{text-align:right;left:0}.t-timeline-label.t-timeline-label--alternate.t-timeline-left .t-timeline-item__wrapper{margin-left:100px}.t-timeline-label.t-timeline-label--alternate.t-timeline-right .t-timeline-item__label{text-align:left;right:0}.t-timeline-label.t-timeline-label--alternate.t-timeline-right .t-timeline-item__wrapper{margin-right:100px}.t-timeline-right .t-timeline-item{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.t-timeline-right .t-timeline-item__content{text-align:right;padding-left:0;padding-right:var(--td-comp-margin-l)}.t-timeline-alternate .t-timeline-item-left{margin-left:calc(50% - 4px)}.t-timeline-alternate .t-timeline-item-right{text-align:right;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-right:calc(50% - 4px)}.t-timeline-alternate .t-timeline-item-right .t-timeline-item__content{padding-right:var(--td-comp-margin-l);padding-left:0}.t-timeline-label.t-timeline-alternate .t-timeline-item__label{width:100%}.t-timeline-label.t-timeline-alternate .t-timeline-item-left .t-timeline-item__label--alternate{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);text-align:right;padding-right:var(--td-comp-margin-l)}.t-timeline-label.t-timeline-alternate .t-timeline-item-right .t-timeline-item__label--alternate{right:0;-webkit-transform:translateX(100%);transform:translateX(100%);text-align:left;padding-left:var(--td-comp-margin-l)}.t-timeline-horizontal{min-height:200px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t-timeline-horizontal .t-timeline-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-right:8px;min-width:160px}.t-timeline-horizontal .t-timeline-item__wrapper{width:100%;height:8px}.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:unset;width:4px;height:4px;border-radius:50%}.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot--custom{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:0}.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot--custom .t-timeline-item__dot-content{position:absolute;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__tail{left:calc(8px + var(--td-comp-margin-s));top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:calc(100% - 8px - var(--td-comp-margin-s));border:0;padding-bottom:0;border-color:var(--td-component-border);border-top:2px solid transparent;border-top-color:var(--td-component-border)}.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__tail--theme-dot{border-style:dashed;border-right:0}.t-timeline-horizontal .t-timeline-item__content{padding-left:unset;padding-top:var(--td-comp-margin-l);-webkit-box-flex:unset;-ms-flex:unset;flex:unset}.t-timeline-vertical .t-timeline-item__content{padding-bottom:var(--td-comp-margin-l)}.t-timeline-label.t-timeline-horizontal.t-timeline-top .t-timeline-item__label--alternate{top:0;width:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%);padding-bottom:0}.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__wrapper{padding-top:0}.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__label--alternate{padding-top:var(--td-comp-margin-l);bottom:0;width:100%;-webkit-transform:translateY(100%);transform:translateY(100%)}.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__content{padding-top:0;padding-bottom:var(--td-comp-margin-l)}.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-top .t-timeline-item__label--alternate{top:0;width:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%);padding-bottom:var(--td-comp-margin-l)}.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;position:relative;-webkit-transform:translateY(calc(-100% + 8px));transform:translateY(calc(-100% + 8px))}.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom .t-timeline-item__content{padding-bottom:var(--td-comp-margin-l);padding-top:unset}.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom .t-timeline-item__label--alternate{bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%);padding-top:var(--td-comp-margin-l)}
+.t-timeline {
+  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-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.t-timeline-item {
+  min-height: 72px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  position: relative;
+}
+.t-timeline-item__label.t-timeline-item__label--alternate {
+  position: absolute;
+}
+.t-timeline-item__wrapper {
+  width: 8px;
+  position: relative;
+}
+.t-timeline-item__wrapper .t-timeline-item__dot {
+  position: absolute;
+  width: 4px;
+  height: 4px;
+  border: 2px solid transparent;
+  border-radius: 50%;
+  top: 8px;
+}
+.t-timeline-item__wrapper .t-timeline-item__dot--primary {
+  border-color: var(--td-brand-color);
+}
+.t-timeline-item__wrapper .t-timeline-item__dot--default {
+  border-color: var(--td-component-border);
+}
+.t-timeline-item__wrapper .t-timeline-item__dot--success {
+  border-color: var(--td-success-color);
+}
+.t-timeline-item__wrapper .t-timeline-item__dot--warning {
+  border-color: var(--td-warning-color);
+}
+.t-timeline-item__wrapper .t-timeline-item__dot--error {
+  border-color: var(--td-error-color);
+}
+.t-timeline-item__wrapper .t-timeline-item__dot--custom {
+  position: relative;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  top: 4px;
+  border: 0;
+}
+.t-timeline-item__wrapper .t-timeline-item__dot--custom .t-timeline-item__dot-content {
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  top: 0;
+}
+.t-timeline-item__wrapper .t-timeline-item__tail {
+  position: absolute;
+  border-left: 2px solid transparent;
+  left: 50%;
+  height: calc(100% - (8px * 2 + 8px));
+  bottom: 0;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  padding-bottom: var(--td-comp-size-s);
+  border-color: var(--td-component-border);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.t-timeline-item__wrapper .t-timeline-item__tail--theme-dot {
+  border-style: dashed;
+  border-right: 0;
+}
+.t-timeline-item__label {
+  color: var(--td-text-color-secondary);
+  font-size: var(--td-font-size-body-medium);
+}
+.t-timeline-item__content {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  padding-left: var(--td-comp-margin-l);
+  font-size: var(--td-font-size-body-large);
+}
+.t-timeline-item--last .t-timeline-item__tail {
+  display: none;
+}
+.t-timeline-label.t-timeline-label--alternate.t-timeline-left .t-timeline-item__label {
+  text-align: right;
+  left: 0;
+}
+.t-timeline-label.t-timeline-label--alternate.t-timeline-left .t-timeline-item__wrapper {
+  margin-left: 100px;
+}
+.t-timeline-label.t-timeline-label--alternate.t-timeline-right .t-timeline-item__label {
+  text-align: left;
+  right: 0;
+}
+.t-timeline-label.t-timeline-label--alternate.t-timeline-right .t-timeline-item__wrapper {
+  margin-right: 100px;
+}
+.t-timeline-right .t-timeline-item {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: row-reverse;
+          flex-direction: row-reverse;
+}
+.t-timeline-right .t-timeline-item__content {
+  text-align: right;
+  padding-left: 0;
+  padding-right: var(--td-comp-margin-l);
+}
+.t-timeline-alternate .t-timeline-item-left {
+  margin-left: calc(50% - (8px / 2));
+}
+.t-timeline-alternate .t-timeline-item-right {
+  text-align: right;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: row-reverse;
+          flex-direction: row-reverse;
+  margin-right: calc(50% - (8px / 2));
+}
+.t-timeline-alternate .t-timeline-item-right .t-timeline-item__content {
+  padding-right: var(--td-comp-margin-l);
+  padding-left: 0;
+}
+.t-timeline-label.t-timeline-alternate .t-timeline-item__label {
+  width: 100%;
+}
+.t-timeline-label.t-timeline-alternate .t-timeline-item-left .t-timeline-item__label--alternate {
+  left: 0;
+  -webkit-transform: translateX(-100%);
+          transform: translateX(-100%);
+  text-align: right;
+  padding-right: var(--td-comp-margin-l);
+}
+.t-timeline-label.t-timeline-alternate .t-timeline-item-right .t-timeline-item__label--alternate {
+  right: 0;
+  -webkit-transform: translateX(100%);
+          transform: translateX(100%);
+  text-align: left;
+  padding-left: var(--td-comp-margin-l);
+}
+.t-timeline-horizontal {
+  min-height: 200px;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.t-timeline-horizontal .t-timeline-item {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  padding-right: 8px;
+  min-width: 160px;
+}
+.t-timeline-horizontal .t-timeline-item__wrapper {
+  width: 100%;
+  height: 8px;
+}
+.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot {
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+  left: unset;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+}
+.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot--custom {
+  position: relative;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+  border: 0;
+}
+.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot--custom .t-timeline-item__dot-content {
+  position: absolute;
+  left: 0;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+  top: 50%;
+}
+.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__tail {
+  left: calc(8px + var(--td-comp-margin-s));
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+  width: calc(100% - calc(8px + var(--td-comp-margin-s)));
+  border: 0;
+  border-top: 2px solid transparent;
+  padding-bottom: 0;
+  border-color: var(--td-component-border);
+}
+.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__tail--theme-dot {
+  border-style: dashed;
+  border-right: 0;
+}
+.t-timeline-horizontal .t-timeline-item__content {
+  padding-left: unset;
+  padding-top: var(--td-comp-margin-l);
+  -webkit-box-flex: unset;
+      -ms-flex: unset;
+          flex: unset;
+}
+.t-timeline-vertical .t-timeline-item__content {
+  padding-bottom: var(--td-comp-margin-l);
+}
+.t-timeline-label.t-timeline-horizontal.t-timeline-top .t-timeline-item__label--alternate {
+  top: 0;
+  width: 100%;
+  -webkit-transform: translateY(-100%);
+          transform: translateY(-100%);
+  padding-bottom: 0;
+}
+.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse;
+}
+.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__wrapper {
+  padding-top: 0;
+}
+.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__label--alternate {
+  padding-top: var(--td-comp-margin-l);
+  bottom: 0;
+  width: 100%;
+  -webkit-transform: translateY(100%);
+          transform: translateY(100%);
+}
+.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__content {
+  padding-top: 0;
+  padding-bottom: var(--td-comp-margin-l);
+}
+.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-top .t-timeline-item__label--alternate {
+  top: 0;
+  width: 100%;
+  -webkit-transform: translateY(-100%);
+          transform: translateY(-100%);
+  padding-bottom: var(--td-comp-margin-l);
+}
+.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse;
+  position: relative;
+  -webkit-transform: translateY(calc(-100% + 8px));
+          transform: translateY(calc(-100% + 8px));
+}
+.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom .t-timeline-item__content {
+  padding-bottom: var(--td-comp-margin-l);
+  padding-top: unset;
+}
+.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom .t-timeline-item__label--alternate {
+  bottom: 0;
+  -webkit-transform: translateY(100%);
+          transform: translateY(100%);
+  padding-top: var(--td-comp-margin-l);
+}

package/es/tooltip/style/index.css

@@ -1 +1,72 @@
-.t-tooltip .t-popup__content{display:inline-block;border:0;z-index:5600;margin-bottom:1px;max-width:480px;word-break:break-word;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--td-radius-medium);color:var(--td-text-color-primary)}.t-tooltip--default .t-popup__content{color:var(--td-text-color-anti);background:var(--td-gray-color-13);-webkit-box-shadow:inset 0 .5px 0 #5e5e5e,inset .5px 0 0 #5e5e5e,inset 0 -.5px 0 #5e5e5e,inset -.5px 0 0 #5e5e5e;box-shadow:inset 0 .5px 0 #5e5e5e,inset .5px 0 0 #5e5e5e,inset 0 -.5px 0 #5e5e5e,inset -.5px 0 0 #5e5e5e}.t-tooltip--default[data-popper-placement^=left] .t-popup__arrow:before{-webkit-box-shadow:inset -.5px 0 0 #5e5e5e,inset 0 .5px 0 #5e5e5e;box-shadow:inset -.5px 0 0 #5e5e5e,inset 0 .5px 0 #5e5e5e}.t-tooltip--default[data-popper-placement^=right] .t-popup__arrow:before{-webkit-box-shadow:inset .5px 0 0 #5e5e5e,inset 0 -.5px 0 #5e5e5e;box-shadow:inset .5px 0 0 #5e5e5e,inset 0 -.5px 0 #5e5e5e}.t-tooltip--default[data-popper-placement^=top] .t-popup__arrow:before{-webkit-box-shadow:inset 0 -.5px 0 #5e5e5e,inset -.5px 0 0 #5e5e5e;box-shadow:inset 0 -.5px 0 #5e5e5e,inset -.5px 0 0 #5e5e5e}.t-tooltip--default[data-popper-placement^=bottom] .t-popup__arrow:before{-webkit-box-shadow:inset .5px 0 0 #5e5e5e,inset 0 .5px 0 #5e5e5e;box-shadow:inset .5px 0 0 #5e5e5e,inset 0 .5px 0 #5e5e5e}.t-tooltip--primary .t-popup__content{color:var(--td-brand-color);background:var(--td-brand-color-light)}.t-tooltip--success .t-popup__content{color:var(--td-success-color);background:var(--td-success-color-light)}.t-tooltip--danger .t-popup__content{color:var(--td-error-color);background:var(--td-error-color-light)}.t-tooltip--warning .t-popup__content{color:var(--td-warning-color);background:var(--td-warning-color-light)}.t-tooltip .t-popup__arrow{background:inherit;width:auto;height:auto}.t-tooltip .t-popup__arrow:before{background:inherit}.t-tooltip--noshadow .t-popup__content,.t-tooltip--noshadow[data-popper-placement] .t-popup__arrow:before{-webkit-box-shadow:none;box-shadow:none}.t-popup[data-popper-placement^=top].t-tooltip .t-popup__arrow{bottom:var(--td-comp-margin-xs)}.t-popup[data-popper-placement^=left].t-tooltip .t-popup__arrow{right:var(--td-comp-margin-xs)}.t-popup[data-popper-placement^=right].t-tooltip .t-popup__arrow{left:calc(0px - var(--td-comp-margin-xs))}
+.t-tooltip .t-popup__content {
+  display: inline-block;
+  border: 0;
+  z-index: 5600;
+  margin-bottom: 1px;
+  max-width: 480px;
+  word-break: break-word;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  border-radius: var(--td-radius-medium);
+  color: var(--td-text-color-primary);
+}
+.t-tooltip--default .t-popup__content {
+  color: var(--td-text-color-anti);
+  background: var(--td-gray-color-13);
+  -webkit-box-shadow: inset 0 0.5px 0 #5e5e5e, inset 0.5px 0 0 #5e5e5e, inset 0 -0.5px 0 #5e5e5e, inset -0.5px 0 0 #5e5e5e;
+          box-shadow: inset 0 0.5px 0 #5e5e5e, inset 0.5px 0 0 #5e5e5e, inset 0 -0.5px 0 #5e5e5e, inset -0.5px 0 0 #5e5e5e;
+}
+.t-tooltip--default[data-popper-placement^="left"] .t-popup__arrow:before {
+  -webkit-box-shadow: inset -0.5px 0 0 #5e5e5e, inset 0 0.5px 0 #5e5e5e;
+          box-shadow: inset -0.5px 0 0 #5e5e5e, inset 0 0.5px 0 #5e5e5e;
+}
+.t-tooltip--default[data-popper-placement^="right"] .t-popup__arrow:before {
+  -webkit-box-shadow: inset 0.5px 0 0 #5e5e5e, inset 0 -0.5px 0 #5e5e5e;
+          box-shadow: inset 0.5px 0 0 #5e5e5e, inset 0 -0.5px 0 #5e5e5e;
+}
+.t-tooltip--default[data-popper-placement^="top"] .t-popup__arrow:before {
+  -webkit-box-shadow: inset 0 -0.5px 0 #5e5e5e, inset -0.5px 0 0 #5e5e5e;
+          box-shadow: inset 0 -0.5px 0 #5e5e5e, inset -0.5px 0 0 #5e5e5e;
+}
+.t-tooltip--default[data-popper-placement^="bottom"] .t-popup__arrow:before {
+  -webkit-box-shadow: inset 0.5px 0 0 #5e5e5e, inset 0 0.5px 0 #5e5e5e;
+          box-shadow: inset 0.5px 0 0 #5e5e5e, inset 0 0.5px 0 #5e5e5e;
+}
+.t-tooltip--primary .t-popup__content {
+  color: var(--td-brand-color);
+  background: var(--td-brand-color-light);
+}
+.t-tooltip--success .t-popup__content {
+  color: var(--td-success-color);
+  background: var(--td-success-color-light);
+}
+.t-tooltip--danger .t-popup__content {
+  color: var(--td-error-color);
+  background: var(--td-error-color-light);
+}
+.t-tooltip--warning .t-popup__content {
+  color: var(--td-warning-color);
+  background: var(--td-warning-color-light);
+}
+.t-tooltip .t-popup__arrow {
+  background: inherit;
+  width: auto;
+  height: auto;
+}
+.t-tooltip .t-popup__arrow::before {
+  background: inherit;
+}
+.t-tooltip--noshadow .t-popup__content,
+.t-tooltip--noshadow[data-popper-placement] .t-popup__arrow:before {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.t-popup[data-popper-placement^="top"].t-tooltip .t-popup__arrow {
+  bottom: var(--td-comp-margin-xs);
+}
+.t-popup[data-popper-placement^="left"].t-tooltip .t-popup__arrow {
+  right: var(--td-comp-margin-xs);
+}
+.t-popup[data-popper-placement^="right"].t-tooltip .t-popup__arrow {
+  left: calc(0px - var(--td-comp-margin-xs));
+}

package/es/transfer/style/index.css

@@ -1 +1,234 @@
-.t-transfer{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;font:var(--td-font-body-medium);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:transparent;color:var(--td-text-color-primary);max-height:100%}.t-transfer__list{position:relative;display:inline-block;min-width:200px;height:200px;padding-top:var(--td-comp-size-xxl);border:0;word-break:break-word;vertical-align:middle}.t-transfer__list-source,.t-transfer__list-target{border:1px solid var(--td-border-level-1-color);border-radius:var(--td-radius-medium)}.t-transfer__list-header{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;top:0;height:var(--td-comp-size-xxl);line-height:var(--td-comp-size-xxl);width:calc(200px - var(--td-comp-margin-s)*2);padding:0 var(--td-comp-paddingLR-s);margin:0 var(--td-comp-margin-s);-webkit-box-sizing:border-box;box-sizing:border-box}.t-transfer__list-header+:not(.t-transfer__list--with-search){border-top:1px solid var(--td-border-level-1-color)}.t-transfer__list-header .t-checkbox{margin-right:0}.t-transfer__list-header .t-checkbox__label{margin:0}.t-transfer__list-header div{display:-webkit-box;display:-ms-flexbox;display:flex}.t-transfer__list-header div>span{margin-left:var(--td-comp-margin-s)}.t-transfer__list-header>span{color:var(--td-text-color-placeholder)}.t-transfer__list-body{position:relative;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.t-transfer__list--with-search{padding-top:var(--td-comp-size-m);border-top:0}.t-transfer__list-content{height:100%;width:100%;overflow:auto}.t-transfer__list-content .t-checkbox-group{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--td-comp-margin-xs);margin:var(--td-comp-margin-s) 0}.t-transfer__list-content .t-checkbox-group .t-checkbox{margin-right:var(--td-comp-margin-s);--ripple-color:var(--td-bg-color-container-active)}.t-transfer__list-content .t-checkbox-group .t-checkbox+.t-checkbox{margin-left:var(--td-comp-margin-s)}.t-transfer__list-content .t-checkbox-group .t-checkbox__label{margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.t-transfer__list-content .t-checkbox-group .t-checkbox__label>span{margin-left:var(--td-comp-margin-s);display:inline-block}.t-transfer__list-item{padding:var(--td-comp-paddingLR-xs) var(--td-comp-paddingLR-s);display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;margin:0 var(--td-comp-margin-s);border-radius:var(--td-radius-default);-webkit-transition:background-color .2s cubic-bezier(.38,0,.24,1);transition:background-color .2s cubic-bezier(.38,0,.24,1)}.t-transfer__list-item:first-child{margin-top:0}.t-transfer__list-item.t-is-disabled:hover{background:transparent}.t-transfer__list-item:hover{background:var(--td-bg-color-container-hover);-webkit-transition:background-color .2s cubic-bezier(.38,0,.24,1);transition:background-color .2s cubic-bezier(.38,0,.24,1)}.t-transfer__list-item.t-is-checked{background:var(--td-brand-color-light)}.t-transfer__list-wrapper{position:relative;height:100%;width:100%;overflow:auto;padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m)}.t-transfer__list-pagination{height:var(--td-comp-size-xs);vertical-align:middle;padding:var(--td-comp-paddingTB-m)}.t-transfer__list-footer{position:absolute;left:0;bottom:0;border-top:1px solid var(--td-border-level-1-color);width:100%}.t-transfer__operations{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;margin:auto var(--td-comp-margin-s);vertical-align:middle;overflow:hidden;gap:var(--td-comp-margin-l)}.t-transfer__operations .t-icon{font-size:var(--td-comp-size-xxxs)}.t-transfer__operations .t-icon+.t-button__text{margin-left:0}.t-transfer__empty{text-align:center;position:absolute;color:var(--td-text-color-placeholder);top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.t-transfer__search-wrapper{position:absolute;top:0;width:100%;padding:0 var(--td-comp-margin-s);-webkit-box-sizing:border-box;box-sizing:border-box}.t-transfer__search .t-transfer__list{height:240px}.t-transfer--with-tree .t-transfer__list{height:auto}.t-transfer--with-tree .t-transfer__list .t-tree{padding:0 var(--td-comp-paddingLR-m);margin:var(--td-comp-margin-s) 0}.t-transfer__pagination .t-transfer__list{height:240px;padding-bottom:calc(var(--td-comp-size-xs) + var(--td-comp-paddingTB-m)*2)}.t-transfer__footer .t-transfer__list{height:248px;padding-bottom:48px}.t-transfer__pagination.t-transfer__footer .t-transfer__list{height:288px;padding-bottom:calc(var(--td-comp-size-xs) + var(--td-comp-paddingTB-m)*2 + 48px)}.t-transfer__search.t-transfer__footer .t-transfer__list{height:288px;padding-bottom:48px}.t-transfer__search.t-transfer__pagination .t-transfer__list{height:280px;padding-bottom:48px}.t-transfer__search.t-transfer__footer.t-transfer__pagination .t-transfer__list{height:328px;padding-bottom:88px}.t-transfer__wrapper .t-transfer__list{height:320px;width:206px;overflow:scroll}
+.t-transfer {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  font: var(--td-font-body-medium);
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-align: stretch;
+      -ms-flex-align: stretch;
+          align-items: stretch;
+  background: transparent;
+  color: var(--td-text-color-primary);
+  max-height: 100%;
+}
+.t-transfer__list {
+  position: relative;
+  display: inline-block;
+  min-width: 200px;
+  height: 200px;
+  padding-top: var(--td-comp-size-xxl);
+  border: 0;
+  word-break: break-word;
+  vertical-align: middle;
+}
+.t-transfer__list-source,
+.t-transfer__list-target {
+  border: 1px solid var(--td-border-level-1-color);
+  border-radius: var(--td-radius-medium);
+}
+.t-transfer__list-header {
+  position: absolute;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  top: 0;
+  height: var(--td-comp-size-xxl);
+  line-height: var(--td-comp-size-xxl);
+  width: calc(200px - var(--td-comp-margin-s) * 2);
+  padding: 0 var(--td-comp-paddingLR-s);
+  margin: 0 var(--td-comp-margin-s);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.t-transfer__list-header + :not(.t-transfer__list--with-search) {
+  border-top: 1px solid var(--td-border-level-1-color);
+}
+.t-transfer__list-header .t-checkbox {
+  margin-right: 0;
+}
+.t-transfer__list-header .t-checkbox__label {
+  margin: 0;
+}
+.t-transfer__list-header div {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.t-transfer__list-header div > span {
+  margin-left: var(--td-comp-margin-s);
+}
+.t-transfer__list-header > span {
+  color: var(--td-text-color-placeholder);
+}
+.t-transfer__list-body {
+  position: relative;
+  height: 100%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.t-transfer__list--with-search {
+  padding-top: var(--td-comp-size-m);
+  border-top: 0;
+}
+.t-transfer__list-content {
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+}
+.t-transfer__list-content .t-checkbox-group {
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: var(--td-comp-margin-xs);
+  margin: var(--td-comp-margin-s) 0;
+}
+.t-transfer__list-content .t-checkbox-group .t-checkbox {
+  margin-right: var(--td-comp-margin-s);
+  --ripple-color: var(--td-bg-color-container-active);
+}
+.t-transfer__list-content .t-checkbox-group .t-checkbox + .t-checkbox {
+  margin-left: var(--td-comp-margin-s);
+}
+.t-transfer__list-content .t-checkbox-group .t-checkbox__label {
+  margin: 0;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.t-transfer__list-content .t-checkbox-group .t-checkbox__label > span {
+  margin-left: var(--td-comp-margin-s);
+  display: inline-block;
+}
+.t-transfer__list-item {
+  padding: var(--td-comp-paddingLR-xs) var(--td-comp-paddingLR-s);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  cursor: pointer;
+  margin: 0 var(--td-comp-margin-s);
+  border-radius: var(--td-radius-default);
+  -webkit-transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+}
+.t-transfer__list-item:first-child {
+  margin-top: 0;
+}
+.t-transfer__list-item.t-is-disabled:hover {
+  background: transparent;
+}
+.t-transfer__list-item:hover {
+  background: var(--td-bg-color-container-hover);
+  -webkit-transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+}
+.t-transfer__list-item.t-is-checked {
+  background: var(--td-brand-color-light);
+}
+.t-transfer__list-wrapper {
+  position: relative;
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
+}
+.t-transfer__list-pagination {
+  height: var(--td-comp-size-xs);
+  vertical-align: middle;
+  padding: var(--td-comp-paddingTB-m);
+}
+.t-transfer__list-footer {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  border-top: 1px solid var(--td-border-level-1-color);
+  width: 100%;
+}
+.t-transfer__operations {
+  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;
+  margin: auto var(--td-comp-margin-s);
+  vertical-align: middle;
+  overflow: hidden;
+  gap: var(--td-comp-margin-l);
+}
+.t-transfer__operations .t-icon {
+  font-size: var(--td-comp-size-xxxs);
+}
+.t-transfer__operations .t-icon + .t-button__text {
+  margin-left: 0;
+}
+.t-transfer__empty {
+  text-align: center;
+  position: absolute;
+  color: var(--td-text-color-placeholder);
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+.t-transfer__search-wrapper {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  padding: 0 var(--td-comp-margin-s);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.t-transfer__search .t-transfer__list {
+  height: 240px;
+}
+.t-transfer--with-tree .t-transfer__list {
+  height: auto;
+}
+.t-transfer--with-tree .t-transfer__list .t-tree {
+  padding: 0 var(--td-comp-paddingLR-m);
+  margin: var(--td-comp-margin-s) 0;
+}
+.t-transfer__pagination .t-transfer__list {
+  height: 240px;
+  padding-bottom: calc(var(--td-comp-size-xs) + var(--td-comp-paddingTB-m) * 2);
+}
+.t-transfer__footer .t-transfer__list {
+  height: 248px;
+  padding-bottom: 48px;
+}
+.t-transfer__pagination.t-transfer__footer .t-transfer__list {
+  height: 288px;
+  padding-bottom: calc(calc(var(--td-comp-size-xs) + var(--td-comp-paddingTB-m) * 2) + 48px);
+}
+.t-transfer__search.t-transfer__footer .t-transfer__list {
+  height: 288px;
+  padding-bottom: 48px;
+}
+.t-transfer__search.t-transfer__pagination .t-transfer__list {
+  height: 280px;
+  padding-bottom: 48px;
+}
+.t-transfer__search.t-transfer__footer.t-transfer__pagination .t-transfer__list {
+  height: 328px;
+  padding-bottom: 88px;
+}
+.t-transfer__wrapper .t-transfer__list {
+  height: 320px;
+  width: 206px;
+  overflow: scroll;
+}