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

package/es/link/style/index.css

@@ -1 +1,340 @@
-.t-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;text-decoration:none;outline:none;padding:0;-webkit-transition:all .2s linear;transition:all .2s linear;font:var(--td-font-link-medium)}.t-link .t-link__prefix-icon{margin-right:var(--td-comp-margin-s)}.t-link .t-link__suffix-icon{margin-left:var(--td-comp-margin-s)}.t-link.t-size-s{font:var(--td-font-link-small)}.t-link.t-size-s .t-link__prefix-icon{margin-right:var(--td-comp-margin-xs)}.t-link.t-size-s .t-link__suffix-icon{margin-left:var(--td-comp-margin-xs)}.t-link.t-size-l{font:var(--td-font-link-large)}.t-link.t-size-l .t-link__prefix-icon{margin-right:var(--td-comp-margin-m)}.t-link.t-size-l .t-link__suffix-icon{margin-left:var(--td-comp-margin-m)}.t-link--theme-default{color:var(--td-text-color-primary)}.t-link--theme-default:active{color:var(--td-brand-color-active)}.t-link--theme-default.t-link--hover-underline:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid var(--td-text-color-primary);opacity:0;-webkit-transition:all .2s linear;transition:all .2s linear}.t-link--theme-default.t-link--hover-underline:hover:after{opacity:1}.t-link--theme-default.t-link--hover-underline:active:after{opacity:1;border-color:var(--td-brand-color-active)}.t-link--theme-default.t-link--hover-color:hover{color:var(--td-brand-color-hover)}.t-link--theme-default.t-link--hover-color.t-is-underline:hover:after{border-color:var(--td-brand-color-hover)}.t-link--theme-default.t-link--hover-color.t-is-underline:active:after{border-color:var(--td-brand-color-active)}.t-link--theme-default.t-link--hover-color:active{color:var(--td-brand-color-active)}.t-link--theme-default.t-is-underline:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;opacity:1;border-bottom:1px solid var(--td-text-color-primary);-webkit-transition:all .2s linear;transition:all .2s linear}.t-link--theme-default.t-is-disabled{cursor:not-allowed;color:var(--td-text-color-disabled)}.t-link--theme-default.t-is-disabled:active,.t-link--theme-default.t-is-disabled:hover{color:var(--td-text-color-disabled)}.t-link--theme-default.t-is-disabled.t-is-underline:after{border-color:var(--td-text-color-disabled)}.t-link--theme-primary{color:var(--td-brand-color)}.t-link--theme-primary:active{color:var(--td-brand-color-active)}.t-link--theme-primary.t-link--hover-underline:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid var(--td-brand-color);opacity:0;-webkit-transition:all .2s linear;transition:all .2s linear}.t-link--theme-primary.t-link--hover-underline:hover:after{opacity:1}.t-link--theme-primary.t-link--hover-underline:active:after{opacity:1;border-color:var(--td-brand-color-active)}.t-link--theme-primary.t-link--hover-color:hover{color:var(--td-brand-color-hover)}.t-link--theme-primary.t-link--hover-color.t-is-underline:hover:after{border-color:var(--td-brand-color-hover)}.t-link--theme-primary.t-link--hover-color.t-is-underline:active:after{border-color:var(--td-brand-color-active)}.t-link--theme-primary.t-link--hover-color:active{color:var(--td-brand-color-active)}.t-link--theme-primary.t-is-underline:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;opacity:1;border-bottom:1px solid var(--td-brand-color);-webkit-transition:all .2s linear;transition:all .2s linear}.t-link--theme-primary.t-is-disabled{cursor:not-allowed;color:var(--td-brand-color-disabled)}.t-link--theme-primary.t-is-disabled:active,.t-link--theme-primary.t-is-disabled:hover{color:var(--td-brand-color-disabled)}.t-link--theme-primary.t-is-disabled.t-is-underline:after{border-color:var(--td-brand-color-disabled)}.t-link--theme-success{color:var(--td-success-color)}.t-link--theme-success:active{color:var(--td-success-color-active)}.t-link--theme-success.t-link--hover-underline:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid var(--td-success-color);opacity:0;-webkit-transition:all .2s linear;transition:all .2s linear}.t-link--theme-success.t-link--hover-underline:hover:after{opacity:1}.t-link--theme-success.t-link--hover-underline:active:after{opacity:1;border-color:var(--td-success-color-active)}.t-link--theme-success.t-link--hover-color:hover{color:var(--td-success-color-hover)}.t-link--theme-success.t-link--hover-color.t-is-underline:hover:after{border-color:var(--td-success-color-hover)}.t-link--theme-success.t-link--hover-color.t-is-underline:active:after{border-color:var(--td-success-color-active)}.t-link--theme-success.t-link--hover-color:active{color:var(--td-success-color-active)}.t-link--theme-success.t-is-underline:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;opacity:1;border-bottom:1px solid var(--td-success-color);-webkit-transition:all .2s linear;transition:all .2s linear}.t-link--theme-success.t-is-disabled{cursor:not-allowed}.t-link--theme-success.t-is-disabled,.t-link--theme-success.t-is-disabled:active,.t-link--theme-success.t-is-disabled:hover{color:var(--td-success-color-disabled)}.t-link--theme-success.t-is-disabled.t-is-underline:after{border-color:var(--td-success-color-disabled)}.t-link--theme-danger{color:var(--td-error-color)}.t-link--theme-danger:active{color:var(--td-error-color-active)}.t-link--theme-danger.t-link--hover-underline:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid var(--td-error-color);opacity:0;-webkit-transition:all .2s linear;transition:all .2s linear}.t-link--theme-danger.t-link--hover-underline:hover:after{opacity:1}.t-link--theme-danger.t-link--hover-underline:active:after{opacity:1;border-color:var(--td-error-color-active)}.t-link--theme-danger.t-link--hover-color:hover{color:var(--td-error-color-hover)}.t-link--theme-danger.t-link--hover-color.t-is-underline:hover:after{border-color:var(--td-error-color-hover)}.t-link--theme-danger.t-link--hover-color.t-is-underline:active:after{border-color:var(--td-error-color-active)}.t-link--theme-danger.t-link--hover-color:active{color:var(--td-error-color-active)}.t-link--theme-danger.t-is-underline:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;opacity:1;border-bottom:1px solid var(--td-error-color);-webkit-transition:all .2s linear;transition:all .2s linear}.t-link--theme-danger.t-is-disabled{cursor:not-allowed}.t-link--theme-danger.t-is-disabled,.t-link--theme-danger.t-is-disabled:active,.t-link--theme-danger.t-is-disabled:hover{color:var(--td-error-color-disabled)}.t-link--theme-danger.t-is-disabled.t-is-underline:after{border-color:var(--td-error-color-disabled)}.t-link--theme-warning{color:var(--td-warning-color)}.t-link--theme-warning:active{color:var(--td-warning-color-active)}.t-link--theme-warning.t-link--hover-underline:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid var(--td-warning-color);opacity:0;-webkit-transition:all .2s linear;transition:all .2s linear}.t-link--theme-warning.t-link--hover-underline:hover:after{opacity:1}.t-link--theme-warning.t-link--hover-underline:active:after{opacity:1;border-color:var(--td-warning-color-active)}.t-link--theme-warning.t-link--hover-color:hover{color:var(--td-warning-color-hover)}.t-link--theme-warning.t-link--hover-color.t-is-underline:hover:after{border-color:var(--td-warning-color-hover)}.t-link--theme-warning.t-link--hover-color.t-is-underline:active:after{border-color:var(--td-warning-color-active)}.t-link--theme-warning.t-link--hover-color:active{color:var(--td-warning-color-active)}.t-link--theme-warning.t-is-underline:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;opacity:1;border-bottom:1px solid var(--td-warning-color);-webkit-transition:all .2s linear;transition:all .2s linear}.t-link--theme-warning.t-is-disabled{cursor:not-allowed}.t-link--theme-warning.t-is-disabled,.t-link--theme-warning.t-is-disabled:active,.t-link--theme-warning.t-is-disabled:hover{color:var(--td-warning-color-disabled)}.t-link--theme-warning.t-is-disabled.t-is-underline:after{border-color:var(--td-warning-color-disabled)}
+.t-link {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  cursor: pointer;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  position: relative;
+  text-decoration: none;
+  outline: none;
+  padding: 0;
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+  font: var(--td-font-link-medium);
+}
+.t-link .t-link__prefix-icon {
+  margin-right: var(--td-comp-margin-s);
+}
+.t-link .t-link__suffix-icon {
+  margin-left: var(--td-comp-margin-s);
+}
+.t-link.t-size-s {
+  font: var(--td-font-link-small);
+}
+.t-link.t-size-s .t-link__prefix-icon {
+  margin-right: var(--td-comp-margin-xs);
+}
+.t-link.t-size-s .t-link__suffix-icon {
+  margin-left: var(--td-comp-margin-xs);
+}
+.t-link.t-size-l {
+  font: var(--td-font-link-large);
+}
+.t-link.t-size-l .t-link__prefix-icon {
+  margin-right: var(--td-comp-margin-m);
+}
+.t-link.t-size-l .t-link__suffix-icon {
+  margin-left: var(--td-comp-margin-m);
+}
+.t-link--theme-default {
+  color: var(--td-text-color-primary);
+}
+.t-link--theme-default:active {
+  color: var(--td-brand-color-active);
+}
+.t-link--theme-default.t-link--hover-underline::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 0;
+  bottom: 0;
+  border-bottom: 1px solid var(--td-text-color-primary);
+  opacity: 0;
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+.t-link--theme-default.t-link--hover-underline:hover::after {
+  opacity: 1;
+}
+.t-link--theme-default.t-link--hover-underline:active::after {
+  opacity: 1;
+  border-color: var(--td-brand-color-active);
+}
+.t-link--theme-default.t-link--hover-color:hover {
+  color: var(--td-brand-color-hover);
+}
+.t-link--theme-default.t-link--hover-color.t-is-underline:hover::after {
+  border-color: var(--td-brand-color-hover);
+}
+.t-link--theme-default.t-link--hover-color.t-is-underline:active::after {
+  border-color: var(--td-brand-color-active);
+}
+.t-link--theme-default.t-link--hover-color:active {
+  color: var(--td-brand-color-active);
+}
+.t-link--theme-default.t-is-underline::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 0;
+  bottom: 0;
+  opacity: 1;
+  border-bottom: 1px solid var(--td-text-color-primary);
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+.t-link--theme-default.t-is-disabled {
+  cursor: not-allowed;
+  color: var(--td-text-color-disabled);
+}
+.t-link--theme-default.t-is-disabled:hover,
+.t-link--theme-default.t-is-disabled:active {
+  color: var(--td-text-color-disabled);
+}
+.t-link--theme-default.t-is-disabled.t-is-underline::after {
+  border-color: var(--td-text-color-disabled);
+}
+.t-link--theme-primary {
+  color: var(--td-brand-color);
+}
+.t-link--theme-primary:active {
+  color: var(--td-brand-color-active);
+}
+.t-link--theme-primary.t-link--hover-underline::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 0;
+  bottom: 0;
+  border-bottom: 1px solid var(--td-brand-color);
+  opacity: 0;
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+.t-link--theme-primary.t-link--hover-underline:hover::after {
+  opacity: 1;
+}
+.t-link--theme-primary.t-link--hover-underline:active::after {
+  opacity: 1;
+  border-color: var(--td-brand-color-active);
+}
+.t-link--theme-primary.t-link--hover-color:hover {
+  color: var(--td-brand-color-hover);
+}
+.t-link--theme-primary.t-link--hover-color.t-is-underline:hover::after {
+  border-color: var(--td-brand-color-hover);
+}
+.t-link--theme-primary.t-link--hover-color.t-is-underline:active::after {
+  border-color: var(--td-brand-color-active);
+}
+.t-link--theme-primary.t-link--hover-color:active {
+  color: var(--td-brand-color-active);
+}
+.t-link--theme-primary.t-is-underline::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 0;
+  bottom: 0;
+  opacity: 1;
+  border-bottom: 1px solid var(--td-brand-color);
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+.t-link--theme-primary.t-is-disabled {
+  cursor: not-allowed;
+  color: var(--td-brand-color-disabled);
+}
+.t-link--theme-primary.t-is-disabled:hover,
+.t-link--theme-primary.t-is-disabled:active {
+  color: var(--td-brand-color-disabled);
+}
+.t-link--theme-primary.t-is-disabled.t-is-underline::after {
+  border-color: var(--td-brand-color-disabled);
+}
+.t-link--theme-success {
+  color: var(--td-success-color);
+}
+.t-link--theme-success:active {
+  color: var(--td-success-color-active);
+}
+.t-link--theme-success.t-link--hover-underline::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 0;
+  bottom: 0;
+  border-bottom: 1px solid var(--td-success-color);
+  opacity: 0;
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+.t-link--theme-success.t-link--hover-underline:hover::after {
+  opacity: 1;
+}
+.t-link--theme-success.t-link--hover-underline:active::after {
+  opacity: 1;
+  border-color: var(--td-success-color-active);
+}
+.t-link--theme-success.t-link--hover-color:hover {
+  color: var(--td-success-color-hover);
+}
+.t-link--theme-success.t-link--hover-color.t-is-underline:hover::after {
+  border-color: var(--td-success-color-hover);
+}
+.t-link--theme-success.t-link--hover-color.t-is-underline:active::after {
+  border-color: var(--td-success-color-active);
+}
+.t-link--theme-success.t-link--hover-color:active {
+  color: var(--td-success-color-active);
+}
+.t-link--theme-success.t-is-underline::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 0;
+  bottom: 0;
+  opacity: 1;
+  border-bottom: 1px solid var(--td-success-color);
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+.t-link--theme-success.t-is-disabled {
+  cursor: not-allowed;
+  color: var(--td-success-color-disabled);
+}
+.t-link--theme-success.t-is-disabled:hover,
+.t-link--theme-success.t-is-disabled:active {
+  color: var(--td-success-color-disabled);
+}
+.t-link--theme-success.t-is-disabled.t-is-underline::after {
+  border-color: var(--td-success-color-disabled);
+}
+.t-link--theme-danger {
+  color: var(--td-error-color);
+}
+.t-link--theme-danger:active {
+  color: var(--td-error-color-active);
+}
+.t-link--theme-danger.t-link--hover-underline::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 0;
+  bottom: 0;
+  border-bottom: 1px solid var(--td-error-color);
+  opacity: 0;
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+.t-link--theme-danger.t-link--hover-underline:hover::after {
+  opacity: 1;
+}
+.t-link--theme-danger.t-link--hover-underline:active::after {
+  opacity: 1;
+  border-color: var(--td-error-color-active);
+}
+.t-link--theme-danger.t-link--hover-color:hover {
+  color: var(--td-error-color-hover);
+}
+.t-link--theme-danger.t-link--hover-color.t-is-underline:hover::after {
+  border-color: var(--td-error-color-hover);
+}
+.t-link--theme-danger.t-link--hover-color.t-is-underline:active::after {
+  border-color: var(--td-error-color-active);
+}
+.t-link--theme-danger.t-link--hover-color:active {
+  color: var(--td-error-color-active);
+}
+.t-link--theme-danger.t-is-underline::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 0;
+  bottom: 0;
+  opacity: 1;
+  border-bottom: 1px solid var(--td-error-color);
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+.t-link--theme-danger.t-is-disabled {
+  cursor: not-allowed;
+  color: var(--td-error-color-disabled);
+}
+.t-link--theme-danger.t-is-disabled:hover,
+.t-link--theme-danger.t-is-disabled:active {
+  color: var(--td-error-color-disabled);
+}
+.t-link--theme-danger.t-is-disabled.t-is-underline::after {
+  border-color: var(--td-error-color-disabled);
+}
+.t-link--theme-warning {
+  color: var(--td-warning-color);
+}
+.t-link--theme-warning:active {
+  color: var(--td-warning-color-active);
+}
+.t-link--theme-warning.t-link--hover-underline::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 0;
+  bottom: 0;
+  border-bottom: 1px solid var(--td-warning-color);
+  opacity: 0;
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+.t-link--theme-warning.t-link--hover-underline:hover::after {
+  opacity: 1;
+}
+.t-link--theme-warning.t-link--hover-underline:active::after {
+  opacity: 1;
+  border-color: var(--td-warning-color-active);
+}
+.t-link--theme-warning.t-link--hover-color:hover {
+  color: var(--td-warning-color-hover);
+}
+.t-link--theme-warning.t-link--hover-color.t-is-underline:hover::after {
+  border-color: var(--td-warning-color-hover);
+}
+.t-link--theme-warning.t-link--hover-color.t-is-underline:active::after {
+  border-color: var(--td-warning-color-active);
+}
+.t-link--theme-warning.t-link--hover-color:active {
+  color: var(--td-warning-color-active);
+}
+.t-link--theme-warning.t-is-underline::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 0;
+  bottom: 0;
+  opacity: 1;
+  border-bottom: 1px solid var(--td-warning-color);
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+.t-link--theme-warning.t-is-disabled {
+  cursor: not-allowed;
+  color: var(--td-warning-color-disabled);
+}
+.t-link--theme-warning.t-is-disabled:hover,
+.t-link--theme-warning.t-is-disabled:active {
+  color: var(--td-warning-color-disabled);
+}
+.t-link--theme-warning.t-is-disabled.t-is-underline::after {
+  border-color: var(--td-warning-color-disabled);
+}

package/es/list/style/index.css

@@ -1 +1,156 @@
-.t-list{font:var(--td-font-body-medium);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;color:var(--td-text-color-primary)}.t-list,.t-list__inner{margin:0;padding:0;list-style:none}.t-list-item{font:var(--td-font-body-medium);padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);background:var(--td-bg-color-container);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.t-list-item:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px}.t-list-item-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1}.t-list-item__meta{display:-webkit-box;display:-ms-flexbox;display:flex}.t-list-item__meta-avatar{width:var(--td-comp-size-xxxl);height:var(--td-comp-size-xxxl);border-radius:calc(var(--td-comp-size-xxxl)/2);overflow:hidden;background:var(--td-bg-color-page);margin-right:var(--td-comp-margin-l);-ms-flex-negative:0;flex-shrink:0}.t-list-item__meta-avatar img{max-width:100%;width:100%;height:100%}.t-list-item__meta-title{padding:0;font:var(--td-font-title-medium);margin:0 0 var(--td-comp-margin-s);color:var(--td-text-color-primary)}.t-list-item__meta-description{margin-right:var(--td-comp-margin-xxl);color:var(--td-text-color-primary)}.t-list-item__action{list-style:none;padding:0;-ms-flex-negative:0;flex-shrink:0}.t-list-item__action>li{display:inline-block}.t-list-item__action>li:not(:last-child){margin-right:var(--td-comp-margin-l)}.t-list-item__action>li .t-icon{color:var(--td-text-color-secondary);font-size:var(--td-comp-size-xxxs)}.t-list-item__action>li .t-icon:hover{color:var(--td-text-color-link);cursor:pointer}.t-list-item__action>li>a{text-decoration:none;color:var(--td-brand-color)}.t-list--split .t-list-item:after{background:var(--td-border-level-1-color)}.t-list--stripe .t-list-item:nth-child(2n){background:var(--td-bg-color-secondarycontainer)}.t-list--vertical-action .t-list-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.t-list.t-size-s .t-list-item{padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-m)}.t-list.t-size-l .t-list-item{padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl)}.t-list__footer,.t-list__header{background:var(--td-bg-color-container);padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l)}.t-list__load{background:var(--td-bg-color-container);text-align:center;line-height:var(--td-line-height-body-medium)}.t-list__load>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.t-list__load:not(:empty){padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l)}.t-list__load .t-loading{font-size:var(--td-comp-size-xxxs);margin-right:var(--td-comp-margin-s)}.t-list__load .t-loading.t-is-load-more{cursor:pointer}
+.t-list {
+  font: var(--td-font-body-medium);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  overflow: auto;
+  color: var(--td-text-color-primary);
+}
+.t-list__inner {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.t-list-item {
+  font: var(--td-font-body-medium);
+  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
+  background: var(--td-bg-color-container);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  position: relative;
+}
+.t-list-item::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 1px;
+}
+.t-list-item-main {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  width: 100%;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.t-list-item__meta {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.t-list-item__meta-avatar {
+  width: var(--td-comp-size-xxxl);
+  height: var(--td-comp-size-xxxl);
+  border-radius: calc(var(--td-comp-size-xxxl) / 2);
+  overflow: hidden;
+  background: var(--td-bg-color-page);
+  margin-right: var(--td-comp-margin-l);
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
+.t-list-item__meta-avatar img {
+  max-width: 100%;
+  width: 100%;
+  height: 100%;
+}
+.t-list-item__meta-title {
+  padding: 0;
+  font: var(--td-font-title-medium);
+  margin: 0 0 var(--td-comp-margin-s);
+  color: var(--td-text-color-primary);
+}
+.t-list-item__meta-description {
+  margin-right: var(--td-comp-margin-xxl);
+  color: var(--td-text-color-primary);
+}
+.t-list-item__action {
+  list-style: none;
+  padding: 0;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
+.t-list-item__action > li {
+  display: inline-block;
+}
+.t-list-item__action > li:not(:last-child) {
+  margin-right: var(--td-comp-margin-l);
+}
+.t-list-item__action > li .t-icon {
+  color: var(--td-text-color-secondary);
+  font-size: var(--td-comp-size-xxxs);
+}
+.t-list-item__action > li .t-icon:hover {
+  color: var(--td-text-color-link);
+  cursor: pointer;
+}
+.t-list-item__action > li > a {
+  text-decoration: none;
+  color: var(--td-brand-color);
+}
+.t-list--split .t-list-item::after {
+  background: var(--td-border-level-1-color);
+}
+.t-list--stripe .t-list-item:nth-child(even) {
+  background: var(--td-bg-color-secondarycontainer);
+}
+.t-list--vertical-action .t-list-item {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.t-list.t-size-s .t-list-item {
+  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-m);
+}
+.t-list.t-size-l .t-list-item {
+  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
+}
+.t-list__header,
+.t-list__footer {
+  background: var(--td-bg-color-container);
+  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
+}
+.t-list__load {
+  background: var(--td-bg-color-container);
+  text-align: center;
+  line-height: var(--td-line-height-body-medium);
+}
+.t-list__load > div {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.t-list__load:not(:empty) {
+  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
+}
+.t-list__load .t-loading {
+  font-size: var(--td-comp-size-xxxs);
+  margin-right: var(--td-comp-margin-s);
+}
+.t-list__load .t-loading.t-is-load-more {
+  cursor: pointer;
+}

package/es/loading/style/index.css

@@ -1 +1,177 @@
-@-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-loading{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;color:var(--td-brand-color);font-size:var(--td-comp-size-l)}.t-loading--lock{overflow:hidden}.t-loading.t-size-s{font-size:var(--td-comp-size-xxxs)}.t-loading.t-size-l{font-size:var(--td-comp-size-xxxl)}.t-loading__parent--relative{position:relative!important}.t-loading__fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3500}.t-loading--center{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.t-loading__content{position:absolute;left:48%;top:20%}.t-loading--inherit-color{color:inherit}.t-loading__parent{position:relative}.t-loading__overlay{background-color:var(--td-mask-disabled)}.t-loading--full{position:absolute;top:0;left:0;width:100%;height:100%}.t-loading--hidden{visibility:hidden}.t-loading--visible{visibility:visible}.t-loading__text{width:auto;display:inline-block;vertical-align:middle;font:var(--td-font-body-medium);margin-left:var(--td-comp-margin-xs)}.t-loading__gradient{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle}.t-loading__gradient-conic{width:100%;height:100%;background:conic-gradient(from 90deg at 50% 50%,#fff 0deg,currentcolor 1turn);border-radius:var(--td-radius-circle);-webkit-mask:radial-gradient(transparent calc(50% - .5px),#fff 50%);mask:radial-gradient(transparent calc(50% - .5px),#fff 50%)}
+@-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-loading {
+  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;
+  color: var(--td-brand-color);
+  font-size: var(--td-comp-size-l);
+}
+.t-loading--lock {
+  overflow: hidden;
+}
+.t-loading.t-size-s {
+  font-size: var(--td-comp-size-xxxs);
+}
+.t-loading.t-size-l {
+  font-size: var(--td-comp-size-xxxl);
+}
+.t-loading__parent--relative {
+  position: relative !important;
+}
+.t-loading__fullscreen {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 3500;
+}
+.t-loading--center {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  vertical-align: middle;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.t-loading__content {
+  position: absolute;
+  left: 48%;
+  top: 20%;
+}
+.t-loading--inherit-color {
+  color: inherit;
+}
+.t-loading__parent {
+  position: relative;
+}
+.t-loading__overlay {
+  background-color: var(--td-mask-disabled);
+}
+/** 仅用于作为包裹元素时 */
+.t-loading--full {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.t-loading--hidden {
+  visibility: hidden;
+}
+.t-loading--visible {
+  visibility: visible;
+}
+.t-loading__text {
+  width: auto;
+  display: inline-block;
+  vertical-align: middle;
+  font: var(--td-font-body-medium);
+  margin-left: var(--td-comp-margin-xs);
+}
+.t-loading__gradient {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  vertical-align: middle;
+}
+.t-loading__gradient-conic {
+  width: 100%;
+  height: 100%;
+  background: conic-gradient(from 90deg at 50% 50%, #fff 0deg, currentcolor 360deg);
+  border-radius: var(--td-radius-circle);
+  /* stylelint-disable-next-line */
+  -webkit-mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
+  /* stylelint-disable-next-line */
+  mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
+}