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

package/es/message/style/index.css

@@ -1 +1,77 @@
-.t-message{margin:0;padding:0;list-style:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;outline:0;border-radius:var(--td-radius-medium);background-color:var(--td-bg-color-container);-webkit-box-shadow:var(--td-shadow-3),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);box-shadow:var(--td-shadow-3),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--td-text-color-primary);font:var(--td-font-body-medium);padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l)}.t-message .t-loading,.t-message>.t-icon,.t-message>[data-t-icon]>.t-icon{color:var(--td-brand-color);margin-right:var(--td-comp-margin-s);-ms-flex-negative:0;flex-shrink:0;font-size:calc(var(--td-font-size-body-medium) + 6px)}.t-message.t-is-success .t-loading,.t-message.t-is-success>.t-icon,.t-message.t-is-success>[data-t-icon]>.t-icon{color:var(--td-success-color)}.t-message.t-is-warning .t-loading,.t-message.t-is-warning>.t-icon,.t-message.t-is-warning>[data-t-icon]>.t-icon{color:var(--td-warning-color)}.t-message.t-is-error .t-loading,.t-message.t-is-error>.t-icon,.t-message.t-is-error>[data-t-icon]>.t-icon{color:var(--td-error-color)}.t-message.t-is-closable .t-message__close{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-right:0;margin-left:var(--td-comp-margin-xxl);cursor:pointer;color:var(--td-text-color-secondary)}.t-message.t-is-closable .t-message__close .t-icon-close{font-size:calc(var(--td-font-size-body-medium) + 2px);border-radius:var(--td-radius-default);-webkit-transition:all .2s linear;transition:all .2s linear}.t-message.t-is-closable .t-message__close .t-icon-close:hover{background:var(--td-bg-color-container-hover)}.t-message.t-is-closable .t-message__close .t-icon-close:active{background:var(--td-bg-color-container-active)}.t-message__list{position:fixed;z-index:6000}.t-message__list .t-message{margin-bottom:var(--td-comp-margin-s);word-break:break-all}
+.t-message {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  outline: 0;
+  border-radius: var(--td-radius-medium);
+  background-color: var(--td-bg-color-container);
+  -webkit-box-shadow: var(--td-shadow-3), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
+          box-shadow: var(--td-shadow-3), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  color: var(--td-text-color-primary);
+  font: var(--td-font-body-medium);
+  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
+}
+.t-message > .t-icon,
+.t-message > [data-t-icon] > .t-icon,
+.t-message .t-loading {
+  color: var(--td-brand-color);
+  margin-right: var(--td-comp-margin-s);
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  font-size: calc(var(--td-font-size-body-medium) + 6px);
+}
+.t-message.t-is-success > .t-icon,
+.t-message.t-is-success > [data-t-icon] > .t-icon,
+.t-message.t-is-success .t-loading {
+  color: var(--td-success-color);
+}
+.t-message.t-is-warning > .t-icon,
+.t-message.t-is-warning > [data-t-icon] > .t-icon,
+.t-message.t-is-warning .t-loading {
+  color: var(--td-warning-color);
+}
+.t-message.t-is-error > .t-icon,
+.t-message.t-is-error > [data-t-icon] > .t-icon,
+.t-message.t-is-error .t-loading {
+  color: var(--td-error-color);
+}
+.t-message.t-is-closable .t-message__close {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  margin-right: 0;
+  margin-left: var(--td-comp-margin-xxl);
+  cursor: pointer;
+  color: var(--td-text-color-secondary);
+}
+.t-message.t-is-closable .t-message__close .t-icon-close {
+  font-size: calc(var(--td-font-size-body-medium) + 2px);
+  border-radius: var(--td-radius-default);
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+.t-message.t-is-closable .t-message__close .t-icon-close:hover {
+  background: var(--td-bg-color-container-hover);
+}
+.t-message.t-is-closable .t-message__close .t-icon-close:active {
+  background: var(--td-bg-color-container-active);
+}
+.t-message__list {
+  position: fixed;
+  z-index: 6000;
+}
+.t-message__list .t-message {
+  margin-bottom: var(--td-comp-margin-s);
+  word-break: break-all;
+}

package/es/notification/style/index.css

@@ -1 +1,262 @@
-.t-notification{color:var(--td-text-color-primary);margin:0;padding:0;list-style:none;font:var(--td-font-body-medium);outline:0;border:0;background-color:var(--td-bg-color-container);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-shadow:var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);box-shadow:var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--td-radius-medium);width:360px;padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l)}.t-notification__icon{width:calc(var(--td-font-size-body-large) + 8px);text-align:center;margin-right:var(--td-comp-margin-s)}.t-notification__icon .t-icon{font-size:calc(var(--td-font-size-body-large) + 8px)}.t-notification .t-icon.t-is-info{color:var(--td-brand-color)}.t-notification .t-icon.t-is-success{color:var(--td-success-color)}.t-notification .t-icon.t-is-warning{color:var(--td-warning-color)}.t-notification .t-icon.t-is-error{color:var(--td-error-color-6)}.t-notification__main{-webkit-box-flex:1;-ms-flex:1;flex:1}.t-notification__title__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.t-notification__title{font:var(--td-font-title-medium);color:var(--td-text-color-primary)}.t-notification .t-icon-close{cursor:pointer;font-size:var(--td-font-size-body-large);border-radius:var(--td-radius-default);color:var(--td-text-color-secondary)}.t-notification .t-icon-close:hover{background:var(--td-bg-color-container-hover)}.t-notification .t-icon-close:active{background:var(--td-bg-color-container-active)}.t-notification__content{font:var(--td-font-body-medium);color:var(--td-text-color-secondary);margin-top:var(--td-comp-margin-s);max-height:66px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.t-notification__detail{margin-top:var(--td-comp-margin-l);text-align:right;font:var(--td-font-body-medium)}.t-notification__detail-item{cursor:pointer}.t-notification__detail-item:hover{color:inherit;background:var(--td-bg-color-container-hover)}.t-notification__detail-item:active{color:inherit;background:var(--td-bg-color-container-active)}.t-notification__detail-item+.t-notification__detail-item{margin-left:var(--td-comp-margin-s)}.t-notification__detail-item.t-is-active{color:var(--td-brand-color)}.t-notification__show--top-left{position:fixed;top:0;left:0}.t-notification__show--top-left>.t-notification{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:slidein-top-left;animation-name:slidein-top-left}@-webkit-keyframes slidein-top-left{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slidein-top-left{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.t-notification__show--top-right{position:fixed;top:0;right:0}.t-notification__show--top-right>.t-notification{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:slidein-top-right;animation-name:slidein-top-right}@-webkit-keyframes slidein-top-right{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slidein-top-right{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.t-notification__show--bottom-left{position:fixed;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.t-notification__show--bottom-left>.t-notification{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:slidein-bottom-left;animation-name:slidein-bottom-left}@-webkit-keyframes slidein-bottom-left{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slidein-bottom-left{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.t-notification__show--bottom-right{position:fixed;bottom:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.t-notification__show--bottom-right>.t-notification{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:slidein-bottom-right;animation-name:slidein-bottom-right}@-webkit-keyframes slidein-bottom-right{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slidein-bottom-right{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.t-notification-list__show{position:fixed}
+.t-notification {
+  color: var(--td-text-color-primary);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  font: var(--td-font-body-medium);
+  outline: 0;
+  border: 0;
+  background-color: var(--td-bg-color-container);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
+          box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  border-radius: var(--td-radius-medium);
+  width: 360px;
+  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
+}
+.t-notification__icon {
+  width: calc(var(--td-font-size-body-large) + 8px);
+  text-align: center;
+  margin-right: var(--td-comp-margin-s);
+}
+.t-notification__icon .t-icon {
+  font-size: calc(var(--td-font-size-body-large) + 8px);
+}
+.t-notification .t-icon.t-is-info {
+  color: var(--td-brand-color);
+}
+.t-notification .t-icon.t-is-success {
+  color: var(--td-success-color);
+}
+.t-notification .t-icon.t-is-warning {
+  color: var(--td-warning-color);
+}
+.t-notification .t-icon.t-is-error {
+  color: var(--td-error-color-6);
+}
+.t-notification__main {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.t-notification__title__wrap {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.t-notification__title {
+  font: var(--td-font-title-medium);
+  color: var(--td-text-color-primary);
+}
+.t-notification .t-icon-close {
+  cursor: pointer;
+  font-size: var(--td-font-size-body-large);
+  border-radius: var(--td-radius-default);
+  color: var(--td-text-color-secondary);
+}
+.t-notification .t-icon-close:hover {
+  background: var(--td-bg-color-container-hover);
+}
+.t-notification .t-icon-close:active {
+  background: var(--td-bg-color-container-active);
+}
+.t-notification__content {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-secondary);
+  margin-top: var(--td-comp-margin-s);
+  max-height: 66px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  /* stylelint-disable-next-line */
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  /* stylelint-disable-next-line */
+  -webkit-box-orient: vertical;
+}
+.t-notification__detail {
+  margin-top: var(--td-comp-margin-l);
+  text-align: right;
+  font: var(--td-font-body-medium);
+}
+.t-notification__detail-item {
+  cursor: pointer;
+}
+.t-notification__detail-item:hover {
+  color: inherit;
+  background: var(--td-bg-color-container-hover);
+}
+.t-notification__detail-item:active {
+  color: inherit;
+  background: var(--td-bg-color-container-active);
+}
+.t-notification__detail-item + .t-notification__detail-item {
+  margin-left: var(--td-comp-margin-s);
+}
+.t-notification__detail-item.t-is-active {
+  color: var(--td-brand-color);
+}
+.t-notification__show--top-left {
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+.t-notification__show--top-left > .t-notification {
+  -webkit-animation-duration: 0.3s;
+          animation-duration: 0.3s;
+  -webkit-animation-name: slidein-top-left;
+          animation-name: slidein-top-left;
+}
+@-webkit-keyframes slidein-top-left {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes slidein-top-left {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+  }
+}
+.t-notification__show--top-right {
+  position: fixed;
+  top: 0;
+  right: 0;
+}
+.t-notification__show--top-right > .t-notification {
+  -webkit-animation-duration: 0.3s;
+          animation-duration: 0.3s;
+  -webkit-animation-name: slidein-top-right;
+          animation-name: slidein-top-right;
+}
+@-webkit-keyframes slidein-top-right {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes slidein-top-right {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+  }
+}
+.t-notification__show--bottom-left {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse;
+}
+.t-notification__show--bottom-left > .t-notification {
+  -webkit-animation-duration: 0.3s;
+          animation-duration: 0.3s;
+  -webkit-animation-name: slidein-bottom-left;
+          animation-name: slidein-bottom-left;
+}
+@-webkit-keyframes slidein-bottom-left {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes slidein-bottom-left {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+  }
+}
+.t-notification__show--bottom-right {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse;
+}
+.t-notification__show--bottom-right > .t-notification {
+  -webkit-animation-duration: 0.3s;
+          animation-duration: 0.3s;
+  -webkit-animation-name: slidein-bottom-right;
+          animation-name: slidein-bottom-right;
+}
+@-webkit-keyframes slidein-bottom-right {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes slidein-bottom-right {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+  }
+}
+.t-notification-list__show {
+  position: fixed;
+}

package/es/pagination/style/index.css

@@ -1 +1,329 @@
-.t-pagination-mini{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-pagination-mini--outline .t-pagination-mini__prev{border-top-right-radius:0;border-bottom-right-radius:0;position:relative;z-index:1}.t-pagination-mini--outline .t-pagination-mini__current{border-radius:0;position:relative;margin-left:-1px}.t-pagination-mini--outline .t-pagination-mini__current:hover{z-index:1}.t-pagination-mini--outline .t-pagination-mini__next{border-top-left-radius:0;border-bottom-left-radius:0;position:relative;margin-left:-1px}.t-pagination-mini--outline .t-pagination-mini__next:hover{z-index:1}.t-pagination{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;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;white-space:nowrap;color:var(--td-text-color-secondary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.t-pagination.t-is-disabled{color:var(--td-text-color-disabled)}.t-pagination__total{font:var(--td-font-body-medium);-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-pagination .t-select__wrap{width:auto}.t-pagination__select{margin-right:var(--td-comp-margin-l);font-size:var(--td-font-size-body-medium)}.t-pagination__btn,.t-pagination__select{-ms-flex-negative:0;flex-shrink:0;height:var(--td-comp-size-m);color:var(--td-text-color-secondary)}.t-pagination__btn{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;cursor:pointer;border-radius:var(--td-radius-default);font:var(--td-font-body-large);width:var(--td-comp-size-m);line-height:var(--td-comp-size-m)}.t-pagination__btn:hover{background-color:var(--td-bg-color-secondarycontainer-hover);-webkit-transition:all .2s cubic-bezier(.82,0,1,.9);transition:all .2s cubic-bezier(.82,0,1,.9)}.t-pagination__btn:active{background-color:var(--td-bg-color-secondarycontainer-active)}.t-pagination__btn.t-is-disabled,.t-pagination__btn.t-is-disabled:active,.t-pagination__btn.t-is-disabled:hover{background:none;color:var(--td-text-color-disabled)}.t-pagination__btn.t-is-disabled{cursor:not-allowed}.t-pagination__btn-prev{margin-right:var(--td-comp-margin-s)}.t-pagination__btn-next{margin-left:var(--td-comp-margin-s)}.t-pagination__btn+.t-pagination__select{margin-right:0}.t-pagination__pager{-ms-flex-negative:0;flex-shrink:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;list-style:none;padding:0;margin:0}.t-pagination__pager li:not(:last-child){margin-right:var(--td-comp-margin-s)}.t-pagination__number{display:inline-block;border:1px solid var(--td-component-border);text-align:center;border-radius:var(--td-radius-default);cursor:pointer;background-color:var(--td-bg-color-container);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--td-comp-size-m);min-width:var(--td-comp-size-m);line-height:calc(var(--td-comp-size-m) - 2px);font-size:var(--td-font-body-medium);padding-left:var(--td-comp-paddingLR-xs);padding-right:var(--td-comp-paddingLR-xs)}.t-pagination__number:hover{color:var(--td-brand-color-hover);border-color:var(--td-brand-color-hover);-webkit-transition:all .2s cubic-bezier(.82,0,1,.9);transition:all .2s cubic-bezier(.82,0,1,.9)}.t-pagination__number.t-is-current,.t-pagination__number:active{background-color:var(--td-brand-color);color:var(--td-text-color-anti);border-color:var(--td-brand-color)}.t-pagination__number.t-is-current.t-is-disabled,.t-pagination__number.t-is-current.t-is-disabled:active,.t-pagination__number.t-is-current.t-is-disabled:hover{background-color:var(--td-brand-color-focus);color:var(--td-text-color-anti);border-color:var(--td-brand-color-focus)}.t-pagination__number.t-is-disabled{cursor:auto;background-color:var(--td-bg-color-component-disabled);color:var(--td-text-color-disabled)}.t-pagination__number.t-is-disabled:active,.t-pagination__number.t-is-disabled:hover{background-color:var(--td-bg-color-component-disabled);color:var(--td-text-color-disabled);border-color:var(--td-component-border)}.t-pagination__number--more{border:0;padding:0}.t-pagination__number--more:hover{color:var(--td-text-color-primary);background-color:var(--td-bg-color-secondarycontainer-hover);-webkit-transition:all .2s cubic-bezier(.82,0,1,.9);transition:all .2s cubic-bezier(.82,0,1,.9)}.t-pagination__number--more:active{color:var(--td-text-color-primary);background-color:var(--td-bg-color-secondarycontainer-active)}.t-pagination__number--more.t-is-disabled,.t-pagination__number--more.t-is-disabled:active,.t-pagination__number--more.t-is-disabled:hover{background:none}.t-pagination__number--more .t-icon-more{-webkit-transform:rotate(90deg);transform:rotate(90deg);color:var(--td-text-color-disabled)}.t-pagination__jump{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;margin-left:var(--td-comp-margin-s);font-size:var(--td-font-body-medium);gap:var(--td-comp-margin-s);background-color:var(--td-bg-color-secondarycontainer);height:var(--td-comp-size-m);padding-left:var(--td-comp-margin-s);border-radius:var(--td-radius-default)}.t-pagination .t-input-adornment__append{border:none;height:calc(var(--td-comp-size-m) - 4px);color:var(--td-text-color-secondary);background-color:transparent}.t-pagination .t-input-adornment__append .t-input-adornment__text{border:none}.t-pagination .t-input-number{width:56px}.t-pagination .t-input-number .t-input{height:calc(var(--td-comp-size-m) - 4px);border-radius:var(--td-radius-default)}.t-pagination .t-input-number .t-input__inner{text-align:center}.t-pagination.t-size-s{font:var(--td-font-body-small)}.t-pagination.t-size-s .t-pagination__jump{height:var(--td-comp-size-xs)}.t-pagination.t-size-s .t-input-adornment__append{height:calc(var(--td-comp-size-xs) - 4px);font:var(--td-font-body-small)}.t-pagination.t-size-s .t-input-number{width:48px}.t-pagination.t-size-s .t-input-number .t-input{height:calc(var(--td-comp-size-xs) - 4px)}.t-pagination.t-size-s .t-pagination__total{font:var(--td-font-body-small)}.t-pagination.t-size-s .t-pagination__select{height:var(--td-comp-size-xs);font-size:var(--td-font-size-body-small)}.t-pagination.t-size-s .t-pagination__number{border:0;height:var(--td-comp-size-xs);min-width:var(--td-comp-size-xs);line-height:var(--td-comp-size-xs);font-size:var(--td-font-body-small);padding-left:var(--td-comp-paddingLR-xxs);padding-right:var(--td-comp-paddingLR-xxs)}.t-pagination.t-size-s .t-pagination__number:hover:not(.t-pagination.t-size-s .t-pagination__number.t-is-current){color:var(--td-text-color-primary);background-color:var(--td-bg-color-secondarycontainer-hover);-webkit-transition:all .2s cubic-bezier(.82,0,1,.9);transition:all .2s cubic-bezier(.82,0,1,.9)}.t-pagination.t-size-s .t-pagination__number:active:not(.t-pagination.t-size-s .t-pagination__number.t-is-current){color:var(--td-text-color-primary);background-color:var(--td-bg-color-secondarycontainer-active)}.t-pagination.t-size-s .t-pagination__number.t-is-disabled{background:none;color:var(--td-text-color-disabled)}.t-pagination.t-size-s .t-pagination__number.t-is-current.t-is-disabled{background-color:var(--td-brand-color-focus);color:var(--td-text-color-anti);border-color:var(--td-brand-color-focus)}.t-pagination.t-size-s .t-pagination__btn{border:0;background:none;width:var(--td-comp-size-xs);height:var(--td-comp-size-xs);line-height:var(--td-comp-size-xs)}.t-pagination.t-size-s .t-pagination__btn:hover{background-color:var(--td-bg-color-secondarycontainer-hover);-webkit-transition:all .2s cubic-bezier(.82,0,1,.9);transition:all .2s cubic-bezier(.82,0,1,.9)}.t-pagination.t-size-s .t-pagination__btn:active{background-color:var(--td-bg-color-secondarycontainer-active)}.t-pagination.t-size-s .t-pagination__btn.t-is-disabled,.t-pagination.t-size-s .t-pagination__btn.t-is-disabled:active,.t-pagination.t-size-s .t-pagination__btn.t-is-disabled:hover{background:none;color:var(--td-text-color-disabled)}.t-pagination-ie .t-select .t-input__inner{min-width:54px}
+.t-pagination-mini {
+  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-pagination-mini--outline .t-pagination-mini__prev {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  position: relative;
+  z-index: 1;
+}
+.t-pagination-mini--outline .t-pagination-mini__current {
+  border-radius: 0;
+  position: relative;
+  margin-left: -1px;
+}
+.t-pagination-mini--outline .t-pagination-mini__current:hover {
+  z-index: 1;
+}
+.t-pagination-mini--outline .t-pagination-mini__next {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  position: relative;
+  margin-left: -1px;
+}
+.t-pagination-mini--outline .t-pagination-mini__next:hover {
+  z-index: 1;
+}
+.t-pagination {
+  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;
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  white-space: nowrap;
+  color: var(--td-text-color-secondary);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.t-pagination.t-is-disabled {
+  color: var(--td-text-color-disabled);
+}
+.t-pagination__total {
+  font: var(--td-font-body-medium);
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.t-pagination .t-select__wrap {
+  width: auto;
+}
+.t-pagination__select {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  margin-right: var(--td-comp-margin-l);
+  height: var(--td-comp-size-m);
+  font-size: var(--td-font-size-body-medium);
+  color: var(--td-text-color-secondary);
+}
+.t-pagination__btn {
+  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;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  cursor: pointer;
+  color: var(--td-text-color-secondary);
+  border-radius: var(--td-radius-default);
+  font: var(--td-font-body-large);
+  width: var(--td-comp-size-m);
+  height: var(--td-comp-size-m);
+  line-height: var(--td-comp-size-m);
+}
+.t-pagination__btn:hover {
+  background-color: var(--td-bg-color-secondarycontainer-hover);
+  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+}
+.t-pagination__btn:active {
+  background-color: var(--td-bg-color-secondarycontainer-active);
+}
+.t-pagination__btn.t-is-disabled,
+.t-pagination__btn.t-is-disabled:hover,
+.t-pagination__btn.t-is-disabled:active {
+  background: none;
+  color: var(--td-text-color-disabled);
+}
+.t-pagination__btn.t-is-disabled {
+  cursor: not-allowed;
+}
+.t-pagination__btn-prev {
+  margin-right: var(--td-comp-margin-s);
+}
+.t-pagination__btn-next {
+  margin-left: var(--td-comp-margin-s);
+}
+.t-pagination__btn + .t-pagination__select {
+  margin-right: 0;
+}
+.t-pagination__pager {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  vertical-align: middle;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.t-pagination__pager li:not(:last-child) {
+  margin-right: var(--td-comp-margin-s);
+}
+.t-pagination__number {
+  display: inline-block;
+  border: 1px solid var(--td-component-border);
+  text-align: center;
+  border-radius: var(--td-radius-default);
+  cursor: pointer;
+  background-color: var(--td-bg-color-container);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  height: var(--td-comp-size-m);
+  min-width: var(--td-comp-size-m);
+  line-height: calc(var(--td-comp-size-m) - 2px);
+  font-size: var(--td-font-body-medium);
+  padding-left: var(--td-comp-paddingLR-xs);
+  padding-right: var(--td-comp-paddingLR-xs);
+}
+.t-pagination__number:hover {
+  color: var(--td-brand-color-hover);
+  border-color: var(--td-brand-color-hover);
+  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+}
+.t-pagination__number:active {
+  background-color: var(--td-brand-color);
+  color: var(--td-text-color-anti);
+  border-color: var(--td-brand-color);
+}
+.t-pagination__number.t-is-current {
+  background-color: var(--td-brand-color);
+  color: var(--td-text-color-anti);
+  border-color: var(--td-brand-color);
+}
+.t-pagination__number.t-is-current.t-is-disabled,
+.t-pagination__number.t-is-current.t-is-disabled:hover,
+.t-pagination__number.t-is-current.t-is-disabled:active {
+  background-color: var(--td-brand-color-focus);
+  color: var(--td-text-color-anti);
+  border-color: var(--td-brand-color-focus);
+}
+.t-pagination__number.t-is-disabled {
+  cursor: auto;
+  background-color: var(--td-bg-color-component-disabled);
+  color: var(--td-text-color-disabled);
+}
+.t-pagination__number.t-is-disabled:hover,
+.t-pagination__number.t-is-disabled:active {
+  background-color: var(--td-bg-color-component-disabled);
+  color: var(--td-text-color-disabled);
+  border-color: var(--td-component-border);
+}
+.t-pagination__number--more {
+  border: 0 none;
+  padding: 0;
+}
+.t-pagination__number--more:hover {
+  color: var(--td-text-color-primary);
+  background-color: var(--td-bg-color-secondarycontainer-hover);
+  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+}
+.t-pagination__number--more:active {
+  color: var(--td-text-color-primary);
+  background-color: var(--td-bg-color-secondarycontainer-active);
+}
+.t-pagination__number--more.t-is-disabled,
+.t-pagination__number--more.t-is-disabled:hover,
+.t-pagination__number--more.t-is-disabled:active {
+  background: none;
+}
+.t-pagination__number--more .t-icon-more {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+  color: var(--td-text-color-disabled);
+}
+.t-pagination__jump {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  margin-left: var(--td-comp-margin-s);
+  font-size: var(--td-font-body-medium);
+  gap: var(--td-comp-margin-s);
+  background-color: var(--td-bg-color-secondarycontainer);
+  height: var(--td-comp-size-m);
+  padding-left: var(--td-comp-margin-s);
+  border-radius: var(--td-radius-default);
+}
+.t-pagination .t-input-adornment__append {
+  border: none;
+  height: calc(var(--td-comp-size-m) - 4px);
+  color: var(--td-text-color-secondary);
+  background-color: transparent;
+}
+.t-pagination .t-input-adornment__append .t-input-adornment__text {
+  border: none;
+}
+.t-pagination .t-input-number {
+  width: 56px;
+}
+.t-pagination .t-input-number .t-input {
+  height: calc(var(--td-comp-size-m) - 4px);
+  border-radius: var(--td-radius-default);
+}
+.t-pagination .t-input-number .t-input__inner {
+  text-align: center;
+}
+.t-pagination.t-size-s {
+  font: var(--td-font-body-small);
+}
+.t-pagination.t-size-s .t-pagination__jump {
+  height: var(--td-comp-size-xs);
+}
+.t-pagination.t-size-s .t-input-adornment__append {
+  height: calc(var(--td-comp-size-xs) - 4px);
+  font: var(--td-font-body-small);
+}
+.t-pagination.t-size-s .t-input-number {
+  width: 48px;
+}
+.t-pagination.t-size-s .t-input-number .t-input {
+  height: calc(var(--td-comp-size-xs) - 4px);
+}
+.t-pagination.t-size-s .t-pagination__total {
+  font: var(--td-font-body-small);
+}
+.t-pagination.t-size-s .t-pagination__select {
+  height: var(--td-comp-size-xs);
+  font-size: var(--td-font-size-body-small);
+}
+.t-pagination.t-size-s .t-pagination__number {
+  border: 0 none;
+  height: var(--td-comp-size-xs);
+  min-width: var(--td-comp-size-xs);
+  line-height: var(--td-comp-size-xs);
+  font-size: var(--td-font-body-small);
+  padding-left: var(--td-comp-paddingLR-xxs);
+  padding-right: var(--td-comp-paddingLR-xxs);
+}
+.t-pagination.t-size-s .t-pagination__number:hover:not(.t-pagination.t-size-s .t-pagination__number.t-is-current) {
+  color: var(--td-text-color-primary);
+  background-color: var(--td-bg-color-secondarycontainer-hover);
+  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+}
+.t-pagination.t-size-s .t-pagination__number:active:not(.t-pagination.t-size-s .t-pagination__number.t-is-current) {
+  color: var(--td-text-color-primary);
+  background-color: var(--td-bg-color-secondarycontainer-active);
+}
+.t-pagination.t-size-s .t-pagination__number.t-is-disabled {
+  background: none;
+  color: var(--td-text-color-disabled);
+}
+.t-pagination.t-size-s .t-pagination__number.t-is-current.t-is-disabled {
+  background-color: var(--td-brand-color-focus);
+  color: var(--td-text-color-anti);
+  border-color: var(--td-brand-color-focus);
+}
+.t-pagination.t-size-s .t-pagination__btn {
+  border: 0 none;
+  background: none;
+  width: var(--td-comp-size-xs);
+  height: var(--td-comp-size-xs);
+  line-height: var(--td-comp-size-xs);
+}
+.t-pagination.t-size-s .t-pagination__btn:hover {
+  background-color: var(--td-bg-color-secondarycontainer-hover);
+  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+}
+.t-pagination.t-size-s .t-pagination__btn:active {
+  background-color: var(--td-bg-color-secondarycontainer-active);
+}
+.t-pagination.t-size-s .t-pagination__btn.t-is-disabled,
+.t-pagination.t-size-s .t-pagination__btn.t-is-disabled:hover,
+.t-pagination.t-size-s .t-pagination__btn.t-is-disabled:active {
+  background: none;
+  color: var(--td-text-color-disabled);
+}
+/** IE 兼容 **/
+.t-pagination-ie {
+  /** 在 IE11 以下浏览器，input autoWidth 计算无法依赖 observer，因而加上最小宽度，避免分页信息出现 0 的情况 */
+}
+.t-pagination-ie .t-select .t-input__inner {
+  min-width: 54px;
+}