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

package/es/dialog/style/index.css

@@ -1 +1,559 @@
-@-webkit-keyframes tDialogZoomIn{0%{opacity:0;-webkit-transform:scale(.01);transform:scale(.01)}to{opacity:1}}@keyframes tDialogZoomIn{0%{opacity:0;-webkit-transform:scale(.01);transform:scale(.01)}to{opacity:1}}@-webkit-keyframes tDialogZoomOut{0%{opacity:1}to{opacity:0;-webkit-transform:scale(.01);transform:scale(.01)}}@keyframes tDialogZoomOut{0%{opacity:1}to{opacity:0;-webkit-transform:scale(.01);transform:scale(.01)}}@-webkit-keyframes tDialogMaskIn{0%{opacity:0}to{opacity:1}}@keyframes tDialogMaskIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes tDialogMaskOut{0%{opacity:1}to{opacity:0}}@keyframes tDialogMaskOut{0%{opacity:1}to{opacity:0}}.t-dialog-zoom .animation-enter{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0,0,.15,1);animation-timing-function:cubic-bezier(0,0,.15,1);-webkit-animation-play-state:paused;animation-play-state:paused}.t-dialog-zoom .animation-exit{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.38,0,.24,1);animation-timing-function:cubic-bezier(.38,0,.24,1);-webkit-animation-play-state:paused;animation-play-state:paused}.t-dialog-zoom .animation-active{-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-fill-mode:both;animation-fill-mode:both}.t-dialog-zoom-appear,.t-dialog-zoom-enter,.t-dialog-zoom-enter-from{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0,0,.15,1);animation-timing-function:cubic-bezier(0,0,.15,1);-webkit-animation-play-state:paused;animation-play-state:paused}.t-dialog-zoom-exit{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.38,0,.24,1);animation-timing-function:cubic-bezier(.38,0,.24,1);-webkit-animation-play-state:paused;animation-play-state:paused}.t-dialog-zoom-appear-active,.t-dialog-zoom-enter-active{-webkit-animation-name:tDialogZoomIn;animation-name:tDialogZoomIn;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-fill-mode:both;animation-fill-mode:both}.t-dialog-zoom-exit-active{-webkit-animation-name:tDialogZoomOut;animation-name:tDialogZoomOut;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-fill-mode:both;animation-fill-mode:both}.t-dialog-zoom__vue-enter-active .t-dialog{-webkit-animation-name:tDialogZoomIn;animation-name:tDialogZoomIn;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0,0,.15,1);animation-timing-function:cubic-bezier(0,0,.15,1);-webkit-animation-play-state:paused;animation-play-state:paused}.t-dialog-zoom__vue-enter-active .t-dialog__mask{-webkit-animation-name:tDialogMaskIn;animation-name:tDialogMaskIn;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-fill-mode:both;animation-fill-mode:both}.t-dialog-zoom__vue-leave-active .t-dialog{-webkit-animation-name:tDialogZoomOut;animation-name:tDialogZoomOut;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.38,0,.24,1);animation-timing-function:cubic-bezier(.38,0,.24,1);-webkit-animation-play-state:paused;animation-play-state:paused}.t-dialog-zoom__vue-leave-active .t-dialog__mask{-webkit-animation-name:tDialogMaskOut;animation-name:tDialogMaskOut;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:linear;animation-timing-function:linear}.t-dialog-zoom__vue-enter-to .t-dialog,.t-dialog-zoom__vue-leave-active .t-dialog__mask,.t-dialog-zoom__vue-leave-to .t-dialog{-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-fill-mode:both;animation-fill-mode:both}.t-dialog-fade-appear,.t-dialog-fade-enter{opacity:0}.t-dialog-fade-appear,.t-dialog-fade-enter,.t-dialog-fade-exit{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0,0,.15,1);animation-timing-function:cubic-bezier(0,0,.15,1);-webkit-animation-play-state:paused;animation-play-state:paused}.t-dialog-fade-appear.t-dialog-fade-appear-active,.t-dialog-fade-enter.t-dialog-fade-enter-active{-webkit-animation-name:tDialogFadeIn;animation-name:tDialogFadeIn;-webkit-animation-play-state:running;animation-play-state:running}.t-dialog-fade-exit.t-dialog-fade-exit-active{-webkit-animation-name:tDialogFadeOut;animation-name:tDialogFadeOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes tDialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tDialogFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes tDialogFadeOut{0%{opacity:1}to{opacity:0}}@keyframes tDialogFadeOut{0%{opacity:1}to{opacity:0}}.t-dialog{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:480px;background-color:var(--td-bg-color-container);position:relative;border:1px solid var(--td-border-level-1-color);border-radius:var(--td-radius-large)}.t-dialog .t-icon.t-is-info{color:var(--td-brand-color)}.t-dialog .t-icon.t-is-success{color:var(--td-success-color)}.t-dialog .t-icon.t-is-warning{color:var(--td-warning-color)}.t-dialog .t-icon.t-is-error{color:var(--td-error-color)}.t-dialog--lock{overflow:hidden}.t-dialog__header{color:var(--td-text-color-primary);font:var(--td-font-title-medium);font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;word-break:break-word;gap:var(--td-comp-margin-s);-webkit-box-sizing:border-box;box-sizing:border-box}.t-dialog__header .t-dialog__header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}.t-dialog__header .t-icon:not(.t-icon-close){font-size:calc(var(--td-font-size-body-large) + 8px);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:var(--td-comp-margin-s);-ms-flex-negative:0;flex-shrink:0}.t-dialog__header--fullscreen{background-color:var(--td-bg-color-secondarycontainer);min-height:var(--td-comp-size-xxxl);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0 var(--td-comp-paddingLR-xxl)}.t-dialog__header--fullscreen .t-dialog__header-content{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t-dialog__body{color:var(--td-text-color-secondary);font:var(--td-font-body-medium);overflow:auto;word-break:break-word}.t-dialog__body,.t-dialog__body--icon,.t-dialog__body__icon{padding:var(--td-comp-paddingTB-l) 0}.t-dialog__body--fullscreen{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--td-comp-paddingTB-xl) var(--td-comp-paddingLR-xxl);height:calc(100% - var(--td-comp-size-xxxl) - var(--td-comp-size-xxxxl));overflow:auto}.t-dialog__footer{width:100%;text-align:right;padding:var(--td-comp-paddingTB-l) 0 0}.t-dialog__footer .t-button+.t-button{margin-left:var(--td-comp-margin-s)}.t-dialog__footer--fullscreen{min-height:var(--td-comp-size-xxxxl);padding:0 var(--td-comp-paddingLR-xxl) var(--td-comp-paddingTB-xxl);-webkit-box-sizing:border-box;box-sizing:border-box}.t-dialog--default{padding:var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl)}.t-dialog__close{font-size:calc(var(--td-font-size-body-large) + 4px);color:var(--td-text-color-secondary);display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(var(--td-font-size-body-large) + 4px);height:calc(var(--td-font-size-body-large) + 4px);-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--td-radius-default);-webkit-transition:all .2s linear;transition:all .2s linear;padding:var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs)}.t-dialog__close:hover{cursor:pointer;background:var(--td-bg-color-container-hover)}.t-dialog__close:active{background:var(--td-bg-color-container-active)}.t-dialog__close--fullscreen{display:-webkit-box;display:-ms-flexbox;display:flex;background:transparent}.t-dialog__close--fullscreen:hover{cursor:pointer;background:var(--td-bg-color-secondarycontainer-hover)}.t-dialog__close--fullscreen:active{background:var(--td-bg-color-secondarycontainer-active)}.t-dialog.t-dialog--draggable:hover{cursor:move}.t-dialog.t-dialog--draggable .t-dialog__body:hover,.t-dialog.t-dialog--draggable .t-dialog__footer:hover,.t-dialog.t-dialog--draggable .t-dialog__header:hover{cursor:auto}.t-dialog__fullscreen{width:100%;border-radius:0}.t-dialog__ctx{pointer-events:auto;outline:none;top:0;left:0;width:100%;height:100%}.t-dialog__ctx.t-dialog__ctx--modeless{pointer-events:none}.t-dialog__ctx.t-dialog__ctx--fixed{position:fixed;z-index:2500}.t-dialog__ctx.t-dialog__ctx--absolute,.t-dialog__ctx.t-dialog__ctx--absolute .t-dialog__mask,.t-dialog__ctx.t-dialog__ctx--absolute .t-dialog__wrap{position:absolute}.t-dialog__ctx.t-is-visable{visibility:visible}.t-dialog__ctx.t-is-hidden{visibility:hidden}.t-dialog__ctx.t-is-display{display:block}.t-dialog__ctx.t-not-display{display:none}.t-dialog__ctx .t-dialog__mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background:var(--td-mask-active);pointer-events:auto}.t-dialog__ctx .t-dialog__wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;overflow:auto;scrollbar-color:var(--td-scrollbar-color) transparent;scrollbar-width:thin}.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar{width:8px;height:8px}.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar-thumb{border:2px solid transparent;background-clip:content-box;background-color:var(--td-scrollbar-color);border-radius:15px}.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar-thumb:horizontal:hover,.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar-thumb:vertical:hover{background-color:var(--td-scrollbar-hover-color)}.t-dialog__ctx .t-dialog__position{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:100%;width:100%;position:relative;padding:48px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.t-dialog__ctx .t-dialog__position.t-dialog--top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-top:20vh}.t-dialog__ctx .t-dialog__position.t-dialog--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t-dialog__ctx .t-dialog__position_fullscreen{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:100%;width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.t-dialog__ctx .t-is-hidden{background:none}.t-dialog__ctx .t-dialog{pointer-events:auto;z-index:2500}
+@-webkit-keyframes tDialogZoomIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.01);
+            transform: scale(0.01);
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes tDialogZoomIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.01);
+            transform: scale(0.01);
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@-webkit-keyframes tDialogZoomOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.01);
+            transform: scale(0.01);
+  }
+}
+@keyframes tDialogZoomOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.01);
+            transform: scale(0.01);
+  }
+}
+@-webkit-keyframes tDialogMaskIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes tDialogMaskIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@-webkit-keyframes tDialogMaskOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes tDialogMaskOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.t-dialog-zoom .animation-enter {
+  -webkit-animation-duration: 0.2s;
+          animation-duration: 0.2s;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
+          animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
+  -webkit-animation-play-state: paused;
+          animation-play-state: paused;
+}
+.t-dialog-zoom .animation-exit {
+  -webkit-animation-duration: 0.2s;
+          animation-duration: 0.2s;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+  -webkit-animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
+          animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-animation-play-state: paused;
+          animation-play-state: paused;
+}
+.t-dialog-zoom .animation-active {
+  -webkit-animation-play-state: running;
+          animation-play-state: running;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+}
+.t-dialog-zoom-enter,
+.t-dialog-zoom-enter-from,
+.t-dialog-zoom-appear {
+  -webkit-animation-duration: 0.2s;
+          animation-duration: 0.2s;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
+          animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
+  -webkit-animation-play-state: paused;
+          animation-play-state: paused;
+}
+.t-dialog-zoom-exit {
+  -webkit-animation-duration: 0.2s;
+          animation-duration: 0.2s;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+  -webkit-animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
+          animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-animation-play-state: paused;
+          animation-play-state: paused;
+}
+.t-dialog-zoom-enter-active,
+.t-dialog-zoom-appear-active {
+  -webkit-animation-name: tDialogZoomIn;
+          animation-name: tDialogZoomIn;
+  -webkit-animation-play-state: running;
+          animation-play-state: running;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+}
+.t-dialog-zoom-exit-active {
+  -webkit-animation-name: tDialogZoomOut;
+          animation-name: tDialogZoomOut;
+  -webkit-animation-play-state: running;
+          animation-play-state: running;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+}
+.t-dialog-zoom__vue-enter-active .t-dialog {
+  -webkit-animation-name: tDialogZoomIn;
+          animation-name: tDialogZoomIn;
+  -webkit-animation-duration: 0.2s;
+          animation-duration: 0.2s;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
+          animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
+  -webkit-animation-play-state: paused;
+          animation-play-state: paused;
+}
+.t-dialog-zoom__vue-enter-active .t-dialog__mask {
+  -webkit-animation-name: tDialogMaskIn;
+          animation-name: tDialogMaskIn;
+  -webkit-animation-duration: 0.2s;
+          animation-duration: 0.2s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+  -webkit-animation-play-state: running;
+          animation-play-state: running;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+}
+.t-dialog-zoom__vue-leave-active .t-dialog {
+  -webkit-animation-name: tDialogZoomOut;
+          animation-name: tDialogZoomOut;
+  -webkit-animation-duration: 0.2s;
+          animation-duration: 0.2s;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+  -webkit-animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
+          animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-animation-play-state: paused;
+          animation-play-state: paused;
+}
+.t-dialog-zoom__vue-leave-active .t-dialog__mask {
+  -webkit-animation-name: tDialogMaskOut;
+          animation-name: tDialogMaskOut;
+  -webkit-animation-duration: 0.2s;
+          animation-duration: 0.2s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+  -webkit-animation-play-state: running;
+          animation-play-state: running;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+}
+.t-dialog-zoom__vue-enter-to .t-dialog {
+  -webkit-animation-play-state: running;
+          animation-play-state: running;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+}
+.t-dialog-zoom__vue-leave-to .t-dialog {
+  -webkit-animation-play-state: running;
+          animation-play-state: running;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+}
+.t-dialog-fade-enter,
+.t-dialog-fade-appear {
+  opacity: 0;
+  -webkit-animation-duration: 0.2s;
+          animation-duration: 0.2s;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
+          animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
+  -webkit-animation-play-state: paused;
+          animation-play-state: paused;
+}
+.t-dialog-fade-exit {
+  -webkit-animation-duration: 0.2s;
+          animation-duration: 0.2s;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
+          animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
+  -webkit-animation-play-state: paused;
+          animation-play-state: paused;
+}
+.t-dialog-fade-enter.t-dialog-fade-enter-active,
+.t-dialog-fade-appear.t-dialog-fade-appear-active {
+  -webkit-animation-name: tDialogFadeIn;
+          animation-name: tDialogFadeIn;
+  -webkit-animation-play-state: running;
+          animation-play-state: running;
+}
+.t-dialog-fade-exit.t-dialog-fade-exit-active {
+  -webkit-animation-name: tDialogFadeOut;
+          animation-name: tDialogFadeOut;
+  -webkit-animation-play-state: running;
+          animation-play-state: running;
+}
+@-webkit-keyframes tDialogFadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes tDialogFadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@-webkit-keyframes tDialogFadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes tDialogFadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+.t-dialog {
+  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: 480px;
+  background-color: var(--td-bg-color-container);
+  position: relative;
+  border: 1px solid var(--td-border-level-1-color);
+  border-radius: var(--td-radius-large);
+}
+.t-dialog .t-icon.t-is-info {
+  color: var(--td-brand-color);
+}
+.t-dialog .t-icon.t-is-success {
+  color: var(--td-success-color);
+}
+.t-dialog .t-icon.t-is-warning {
+  color: var(--td-warning-color);
+}
+.t-dialog .t-icon.t-is-error {
+  color: var(--td-error-color);
+}
+.t-dialog--lock {
+  overflow: hidden;
+}
+.t-dialog__header {
+  color: var(--td-text-color-primary);
+  font: var(--td-font-title-medium);
+  font-weight: 600;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  word-break: break-word;
+  gap: var(--td-comp-margin-s);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.t-dialog__header .t-dialog__header-content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  width: 100%;
+}
+.t-dialog__header .t-icon:not(.t-icon-close) {
+  font-size: calc(var(--td-font-size-body-large) + 8px);
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-right: var(--td-comp-margin-s);
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
+.t-dialog__header--fullscreen {
+  background-color: var(--td-bg-color-secondarycontainer);
+  min-height: var(--td-comp-size-xxxl);
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  padding: 0 var(--td-comp-paddingLR-xxl);
+}
+.t-dialog__header--fullscreen .t-dialog__header-content {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.t-dialog__body {
+  color: var(--td-text-color-secondary);
+  font: var(--td-font-body-medium);
+  overflow: auto;
+  padding: var(--td-comp-paddingTB-l) 0;
+  word-break: break-word;
+}
+.t-dialog__body__icon,
+.t-dialog__body--icon {
+  padding: var(--td-comp-paddingTB-l) 0;
+}
+.t-dialog__body--fullscreen {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: var(--td-comp-paddingTB-xl) var(--td-comp-paddingLR-xxl);
+  height: calc(100% - var(--td-comp-size-xxxl) - var(--td-comp-size-xxxxl));
+  overflow: auto;
+}
+.t-dialog__footer {
+  width: 100%;
+  text-align: right;
+  padding: var(--td-comp-paddingTB-l) 0 0;
+}
+.t-dialog__footer .t-button + .t-button {
+  margin-left: var(--td-comp-margin-s);
+}
+.t-dialog__footer--fullscreen {
+  min-height: var(--td-comp-size-xxxxl);
+  padding: 0 var(--td-comp-paddingLR-xxl) var(--td-comp-paddingTB-xxl);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.t-dialog--default {
+  padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);
+}
+.t-dialog__close {
+  font-size: calc(var(--td-font-size-body-large) + 4px);
+  color: var(--td-text-color-secondary);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: calc(var(--td-font-size-body-large) + 4px);
+  height: calc(var(--td-font-size-body-large) + 4px);
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  border-radius: var(--td-radius-default);
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+  padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
+}
+.t-dialog__close:hover {
+  cursor: pointer;
+  background: var(--td-bg-color-container-hover);
+}
+.t-dialog__close:active {
+  background: var(--td-bg-color-container-active);
+}
+.t-dialog__close--fullscreen {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  background: transparent;
+}
+.t-dialog__close--fullscreen:hover {
+  cursor: pointer;
+  background: var(--td-bg-color-secondarycontainer-hover);
+}
+.t-dialog__close--fullscreen:active {
+  background: var(--td-bg-color-secondarycontainer-active);
+}
+.t-dialog.t-dialog--draggable:hover {
+  cursor: move;
+}
+.t-dialog.t-dialog--draggable .t-dialog__header:hover,
+.t-dialog.t-dialog--draggable .t-dialog__body:hover,
+.t-dialog.t-dialog--draggable .t-dialog__footer:hover {
+  cursor: auto;
+}
+.t-dialog__fullscreen {
+  width: 100%;
+  border-radius: 0;
+}
+.t-dialog__ctx {
+  pointer-events: auto;
+  outline: none;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.t-dialog__ctx.t-dialog__ctx--modeless {
+  pointer-events: none;
+}
+.t-dialog__ctx.t-dialog__ctx--fixed {
+  position: fixed;
+  z-index: 2500;
+}
+.t-dialog__ctx.t-dialog__ctx--absolute {
+  position: absolute;
+}
+.t-dialog__ctx.t-dialog__ctx--absolute .t-dialog__mask {
+  position: absolute;
+}
+.t-dialog__ctx.t-dialog__ctx--absolute .t-dialog__wrap {
+  position: absolute;
+}
+.t-dialog__ctx.t-is-visable {
+  visibility: visible;
+}
+.t-dialog__ctx.t-is-hidden {
+  visibility: hidden;
+}
+.t-dialog__ctx.t-is-display {
+  display: block;
+}
+.t-dialog__ctx.t-not-display {
+  display: none;
+}
+.t-dialog__ctx .t-dialog__mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  background: var(--td-mask-active);
+  pointer-events: auto;
+}
+.t-dialog__ctx .t-dialog__wrap {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  overflow: auto;
+  scrollbar-color: var(--td-scrollbar-color) transparent;
+  scrollbar-width: thin;
+}
+.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar-thumb {
+  border: 2px solid transparent;
+  background-clip: content-box;
+  background-color: var(--td-scrollbar-color);
+  border-radius: 15px;
+}
+.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar-thumb:vertical:hover,
+.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar-thumb:horizontal:hover {
+  background-color: var(--td-scrollbar-hover-color);
+}
+.t-dialog__ctx .t-dialog__position {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  min-height: 100%;
+  width: 100%;
+  position: relative;
+  padding: 48px 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.t-dialog__ctx .t-dialog__position.t-dialog--top {
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  padding-top: 20vh;
+}
+.t-dialog__ctx .t-dialog__position.t-dialog--center {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.t-dialog__ctx .t-dialog__position_fullscreen {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  min-height: 100%;
+  width: 100%;
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.t-dialog__ctx .t-is-hidden {
+  background: none;
+}
+.t-dialog__ctx .t-dialog {
+  pointer-events: auto;
+  z-index: 2500;
+}

package/es/divider/style/index.css

@@ -1 +1,67 @@
-.t-divider{margin:0;padding:0;list-style:none;font:var(--td-font-body-medium);margin:var(--td-comp-margin-xxl) 0;border-top:1px solid var(--td-border-level-1-color);color:var(--td-text-color-primary);-webkit-box-sizing:border-box;box-sizing:border-box}.t-divider--dashed{border-top-style:dashed}.t-divider--horizontal{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.t-divider--vertical{border-top:0;display:inline-block;margin:0 var(--td-comp-margin-m);border-left:1px solid var(--td-border-level-1-color);height:.9em;vertical-align:middle}.t-divider--with-text{display:-webkit-box;display:-ms-flexbox;display:flex;border-top:0;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t-divider--with-text .t-divider__inner-text:not(:empty){padding:0 1em;display:inline-block}.t-divider--with-text:after,.t-divider--with-text:before{content:"";width:50%;border-top:1px solid var(--td-border-level-1-color)}.t-divider--with-text-left:before{width:5%}.t-divider--with-text-left:after,.t-divider--with-text-right:before{width:95%}.t-divider--with-text-right:after{width:5%}.t-divider--dashed:after,.t-divider--dashed:before{border-top:1px dashed var(--td-border-level-1-color)}.t-divider--vertical.t-divider--dashed{border-left:1px dashed var(--td-border-level-1-color)}
+.t-divider {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  font: var(--td-font-body-medium);
+  margin: var(--td-comp-margin-xxl) 0;
+  border-top: 1px solid var(--td-border-level-1-color);
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.t-divider--dashed {
+  border-top-style: dashed;
+}
+.t-divider--horizontal {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.t-divider--vertical {
+  border-top: 0;
+  display: inline-block;
+  margin: 0 var(--td-comp-margin-m);
+  border-left: 1px solid var(--td-border-level-1-color);
+  height: 0.9em;
+  vertical-align: middle;
+}
+.t-divider--with-text {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  border-top: 0;
+  white-space: nowrap;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.t-divider--with-text .t-divider__inner-text:not(:empty) {
+  padding: 0 1em;
+  display: inline-block;
+}
+.t-divider--with-text::before,
+.t-divider--with-text::after {
+  content: "";
+  width: 50%;
+  border-top: 1px solid var(--td-border-level-1-color);
+}
+.t-divider--with-text-left::before {
+  width: 5%;
+}
+.t-divider--with-text-left::after {
+  width: 95%;
+}
+.t-divider--with-text-right::before {
+  width: 95%;
+}
+.t-divider--with-text-right::after {
+  width: 5%;
+}
+.t-divider--dashed::before,
+.t-divider--dashed::after {
+  border-top: 1px dashed var(--td-border-level-1-color);
+}
+.t-divider--vertical.t-divider--dashed {
+  border-left: 1px dashed var(--td-border-level-1-color);
+}