vft 0.0.451 → 0.0.454

package/theme-style/src/common/var.scss

@@ -1257,8 +1257,8 @@ $dialog: map.merge(
     'title-font-size': getCssVar('font-size-large'),
     'content-font-size': 14px,
     'font-line-height': getCssVar('font-line-height-primary'),
-    'padding-primary': 20px,
-    'border-radius': getCssVar('border-radius-small'),
+    'padding-primary': 16px 24px,
+    'border-radius': getCssVar('border-radius-large'),
   ),
   $dialog
 );

package/theme-style/src/dialog.scss

@@ -55,11 +55,11 @@ $name: dialog;
   }
 
   @include e(header) {
-    padding-bottom: getCssVar('dialog', 'padding-primary');
+    padding-bottom: 16px;
 
     &.show-close {
       padding-right: calc(
-        getCssVar('dialog', 'padding-primary') +
+        16px +
           var(
             #{getCssVarName('message-close-size')},
             map.get($message, 'close-size')
@@ -92,7 +92,7 @@ $name: dialog;
 
   @include e(footer) {
     box-sizing: border-box;
-    padding-top: getCssVar('dialog', 'padding-primary');
+    padding-top: 16px;
     text-align: right;
   }
 

package/theme-style/vft-dialog.css

@@ -1 +1 @@
-.vft-dialog{--vft-dialog-width:50%;--vft-dialog-margin-top:15vh;--vft-dialog-bg-color:var(--vft-bg-color);--vft-dialog-box-shadow:var(--vft-box-shadow);--vft-dialog-title-font-size:var(--vft-font-size-large);--vft-dialog-content-font-size:14px;--vft-dialog-font-line-height:var(--vft-font-line-height-primary);--vft-dialog-padding-primary:20px;--vft-dialog-border-radius:var(--vft-border-radius-small);position:relative;box-sizing:border-box;width:var(--vft-dialog-width,50%);margin:var(--vft-dialog-margin-top,15vh) auto 50px;padding:var(--vft-dialog-padding-primary);border-radius:var(--vft-dialog-border-radius);background:var(--vft-dialog-bg-color);box-shadow:var(--vft-dialog-box-shadow);overflow-wrap:break-word}.vft-dialog:focus{outline:0!important}.vft-dialog.is-align-center{margin:auto}.vft-dialog.is-fullscreen{--vft-dialog-width:100%;--vft-dialog-margin-top:0;height:100%;margin-bottom:0;overflow:auto;border-radius:0}.vft-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;overflow:auto}.vft-dialog.is-draggable .vft-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-dialog__header{padding-bottom:var(--vft-dialog-padding-primary)}.vft-dialog__header.show-close{padding-right:calc(var(--vft-dialog-padding-primary) + var(--vft-message-close-size,))}.vft-dialog__headerbtn{position:absolute;top:20px;right:20px;color:var(--vft-text-placeholder-color)}.vft-dialog__headerbtn:hover{color:var(--vft-primary-color)}.vft-dialog__title{color:var(--vft-text-primary-color);font-size:var(--vft-dialog-title-font-size);line-height:var(--vft-dialog-font-line-height)}.vft-dialog__body{color:var(--vft-text-regular-color);font-size:var(--vft-dialog-content-font-size)}.vft-dialog__footer{box-sizing:border-box;padding-top:var(--vft-dialog-padding-primary);text-align:right}.vft-dialog--center{text-align:center}.vft-dialog--center .vft-dialog__body{text-align:initial}.vft-dialog--center .vft-dialog__footer{text-align:inherit}.vft-dialog .icon-close{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-modal-dialog.is-penetrable{pointer-events:none}.vft-modal-dialog.is-penetrable .vft-dialog{pointer-events:auto}.vft-overlay-dialog{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto}.dialog-fade-enter-active{animation:modal-fade-in var(--vft-transition-duration)}.dialog-fade-enter-active .vft-overlay-dialog{animation:dialog-fade-in var(--vft-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--vft-transition-duration)}.dialog-fade-leave-active .vft-overlay-dialog{animation:dialog-fade-out var(--vft-transition-duration)}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}100%{opacity:0}}
+.vft-dialog{--vft-dialog-width:50%;--vft-dialog-margin-top:15vh;--vft-dialog-bg-color:var(--vft-bg-color);--vft-dialog-box-shadow:var(--vft-box-shadow);--vft-dialog-title-font-size:var(--vft-font-size-large);--vft-dialog-content-font-size:14px;--vft-dialog-font-line-height:var(--vft-font-line-height-primary);--vft-dialog-padding-primary:16px 24px;--vft-dialog-border-radius:var(--vft-border-radius-large);position:relative;box-sizing:border-box;width:var(--vft-dialog-width,50%);margin:var(--vft-dialog-margin-top,15vh) auto 50px;padding:var(--vft-dialog-padding-primary);border-radius:var(--vft-dialog-border-radius);background:var(--vft-dialog-bg-color);box-shadow:var(--vft-dialog-box-shadow);overflow-wrap:break-word}.vft-dialog:focus{outline:0!important}.vft-dialog.is-align-center{margin:auto}.vft-dialog.is-fullscreen{--vft-dialog-width:100%;--vft-dialog-margin-top:0;height:100%;margin-bottom:0;overflow:auto;border-radius:0}.vft-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;overflow:auto}.vft-dialog.is-draggable .vft-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-dialog__header{padding-bottom:16px}.vft-dialog__header.show-close{padding-right:calc(16px + var(--vft-message-close-size,))}.vft-dialog__headerbtn{position:absolute;top:20px;right:20px;color:var(--vft-text-placeholder-color)}.vft-dialog__headerbtn:hover{color:var(--vft-primary-color)}.vft-dialog__title{color:var(--vft-text-primary-color);font-size:var(--vft-dialog-title-font-size);line-height:var(--vft-dialog-font-line-height)}.vft-dialog__body{color:var(--vft-text-regular-color);font-size:var(--vft-dialog-content-font-size)}.vft-dialog__footer{box-sizing:border-box;padding-top:16px;text-align:right}.vft-dialog--center{text-align:center}.vft-dialog--center .vft-dialog__body{text-align:initial}.vft-dialog--center .vft-dialog__footer{text-align:inherit}.vft-dialog .icon-close{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-modal-dialog.is-penetrable{pointer-events:none}.vft-modal-dialog.is-penetrable .vft-dialog{pointer-events:auto}.vft-overlay-dialog{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto}.dialog-fade-enter-active{animation:modal-fade-in var(--vft-transition-duration)}.dialog-fade-enter-active .vft-overlay-dialog{animation:dialog-fade-in var(--vft-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--vft-transition-duration)}.dialog-fade-leave-active .vft-overlay-dialog{animation:dialog-fade-out var(--vft-transition-duration)}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}100%{opacity:0}}