vft 0.0.416 → 0.0.417

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,12 +7,12 @@
7
7
  }
8
8
 
9
9
  @include b(card) {
10
- border-radius: getCssVar('card', 'border-radius');
10
+ overflow: hidden;
11
+ transition: getCssVar('transition-duration');
11
12
  border: 1px solid getCssVar('card', 'border-color');
13
+ border-radius: getCssVar('card', 'border-radius');
12
14
  background-color: getCssVar('card', 'bg-color');
13
- overflow: hidden;
14
15
  color: getCssVar('text-primary-color');
15
- transition: getCssVar('transition-duration');
16
16
 
17
17
  @include when(always-shadow) {
18
18
  box-shadow: getCssVar('box-shadow', 'light');
@@ -26,10 +26,10 @@
26
26
  }
27
27
 
28
28
  @include e(header) {
29
+ box-sizing: border-box;
29
30
  padding: calc(#{getCssVar('card', 'padding')} - 2px)
30
31
  getCssVar('card', 'padding');
31
32
  border-bottom: 1px solid getCssVar('card', 'border-color');
32
- box-sizing: border-box;
33
33
  }
34
34
 
35
35
  @include e(body) {
@@ -72,6 +72,7 @@ $name: dialog;
72
72
  position: absolute;
73
73
  top: 20px;
74
74
  right: 20px;
75
+ color: getCssVar('text-placeholder-color');
75
76
 
76
77
  &:hover {
77
78
  color: getCssVar('primary-color');
@@ -59,20 +59,11 @@ $directions: rtl, ltr, ttb, btt;
59
59
  text-align: right;
60
60
  }
61
61
 
62
- &__close-btn {
63
- display: inline-flex;
64
- border: none;
65
- outline: none;
66
- background-color: transparent;
67
- color: inherit;
68
- font-size: getCssVar('font-size-extra-large');
69
- cursor: pointer;
62
+ &__close {
63
+ color: getCssVar('text-placeholder-color');
70
64
 
71
- &:focus,
72
65
  &:hover {
73
- i {
74
- color: getCssVar('primary-color');
75
- }
66
+ color: getCssVar('primary-color');
76
67
  }
77
68
  }
78
69
 
@@ -1 +1 @@
1
- .vft-card{--vft-card-border-color:var(--vft-border-color-light);--vft-card-border-radius:4px;--vft-card-padding:20px;--vft-card-bg-color:var(--vft-fill-color-blank)}.vft-card{border-radius:var(--vft-card-border-radius);border:1px solid var(--vft-card-border-color);background-color:var(--vft-card-bg-color);overflow:hidden;color:var(--vft-text-primary-color);transition:var(--vft-transition-duration)}.vft-card.is-always-shadow{box-shadow:var(--vft-box-shadow-light)}.vft-card.is-hover-shadow:focus,.vft-card.is-hover-shadow:hover{box-shadow:var(--vft-box-shadow-light)}.vft-card__header{padding:calc(var(--vft-card-padding) - 2px) var(--vft-card-padding);border-bottom:1px solid var(--vft-card-border-color);box-sizing:border-box}.vft-card__body{padding:var(--vft-card-padding)}
1
+ .vft-card{--vft-card-border-color:var(--vft-border-color-light);--vft-card-border-radius:4px;--vft-card-padding:20px;--vft-card-bg-color:var(--vft-fill-color-blank)}.vft-card{overflow:hidden;transition:var(--vft-transition-duration);border:1px solid var(--vft-card-border-color);border-radius:var(--vft-card-border-radius);background-color:var(--vft-card-bg-color);color:var(--vft-text-primary-color)}.vft-card.is-always-shadow{box-shadow:var(--vft-box-shadow-light)}.vft-card.is-hover-shadow:focus,.vft-card.is-hover-shadow:hover{box-shadow:var(--vft-box-shadow-light)}.vft-card__header{box-sizing:border-box;padding:calc(var(--vft-card-padding) - 2px) var(--vft-card-padding);border-bottom:1px solid var(--vft-card-border-color)}.vft-card__body{padding:var(--vft-card-padding)}
@@ -1 +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}.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}}
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}}
@@ -1 +1 @@
1
- .vft-overlay.is-drawer{overflow:hidden}.vft-drawer{--vft-drawer-bg-color:var(--vft-dialog-bg-color, var(--vft-bg-color));--vft-drawer-padding-primary:var(--vft-dialog-padding-primary, 20px)}.vft-drawer{display:flex;position:absolute;box-sizing:border-box;flex-direction:column;transition:all var(--vft-transition-duration);background-color:var(--vft-drawer-bg-color);box-shadow:var(--vft-box-shadow-dark)}.vft-drawer .rtl{transform:translate(0,0)}.vft-drawer .ltr{transform:translate(0,0)}.vft-drawer .ttb{transform:translate(0,0)}.vft-drawer .btt{transform:translate(0,0)}.vft-drawer__sr-focus:focus{outline:0!important}.vft-drawer__header{display:flex;align-items:center;margin-bottom:32px;padding:var(--vft-drawer-padding-primary);padding-bottom:0;overflow:hidden;color:var(--vft-text-primary-color)}.vft-drawer__header>:first-child{flex:1}.vft-drawer__title{flex:1;margin:0;font-size:16px;line-height:inherit}.vft-drawer__footer{padding:var(--vft-drawer-padding-primary);padding-top:10px;overflow:hidden;text-align:right}.vft-drawer__close-btn{display:inline-flex;border:none;outline:0;background-color:transparent;color:inherit;font-size:var(--vft-font-size-extra-large);cursor:pointer}.vft-drawer__close-btn:focus i,.vft-drawer__close-btn:hover i{color:var(--vft-primary-color)}.vft-drawer__body{flex:1;padding:var(--vft-drawer-padding-primary);overflow:auto}.vft-drawer__body>*{box-sizing:border-box}.vft-drawer.is-dragging{transition:none}.vft-drawer__dragger{position:absolute;transition:all .2s;background-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-drawer__dragger::before{content:"";position:absolute;transition:all .2s;background-color:transparent}.vft-drawer__dragger:hover::before{background-color:var(--vft-primary-color)}.vft-drawer.ltr,.vft-drawer.rtl{top:0;bottom:0;height:100%}.vft-drawer.ltr>.vft-drawer__dragger,.vft-drawer.rtl>.vft-drawer__dragger{top:0;bottom:0;width:var(--vft-drawer-dragger-size);height:100%;cursor:ew-resize}.vft-drawer.ltr>.vft-drawer__dragger::before,.vft-drawer.rtl>.vft-drawer__dragger::before{top:0;bottom:0;width:3px}.vft-drawer.btt,.vft-drawer.ttb{right:0;left:0;width:100%}.vft-drawer.btt>.vft-drawer__dragger,.vft-drawer.ttb>.vft-drawer__dragger{right:0;left:0;width:100%;height:var(--vft-drawer-dragger-size);cursor:ns-resize}.vft-drawer.btt>.vft-drawer__dragger::before,.vft-drawer.ttb>.vft-drawer__dragger::before{right:0;left:0;height:3px}.vft-drawer.ltr{left:0}.vft-drawer.ltr>.vft-drawer__dragger{right:0}.vft-drawer.ltr>.vft-drawer__dragger::before{right:-2px}.vft-drawer.rtl{right:0}.vft-drawer.rtl>.vft-drawer__dragger{left:0}.vft-drawer.rtl>.vft-drawer__dragger::before{left:-2px}.vft-drawer.ttb{top:0}.vft-drawer.ttb>.vft-drawer__dragger{bottom:0}.vft-drawer.ttb>.vft-drawer__dragger::before{bottom:-2px}.vft-drawer.btt{bottom:0}.vft-drawer.btt>.vft-drawer__dragger{top:0}.vft-drawer.btt>.vft-drawer__dragger::before{top:-2px}.vft-drawer-fade-enter-active,.vft-drawer-fade-leave-active{transition:all var(--vft-transition-duration)}.vft-drawer-fade-enter-active,.vft-drawer-fade-enter-from,.vft-drawer-fade-enter-to,.vft-drawer-fade-leave-active,.vft-drawer-fade-leave-from,.vft-drawer-fade-leave-to{overflow:hidden!important}.vft-drawer-fade-enter-from,.vft-drawer-fade-leave-to{background-color:transparent!important}.vft-drawer-fade-enter-from .rtl,.vft-drawer-fade-leave-to .rtl{transform:translateX(100%)}.vft-drawer-fade-enter-from .ltr,.vft-drawer-fade-leave-to .ltr{transform:translateX(-100%)}.vft-drawer-fade-enter-from .ttb,.vft-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.vft-drawer-fade-enter-from .btt,.vft-drawer-fade-leave-to .btt{transform:translateY(100%)}
1
+ .vft-overlay.is-drawer{overflow:hidden}.vft-drawer{--vft-drawer-bg-color:var(--vft-dialog-bg-color, var(--vft-bg-color));--vft-drawer-padding-primary:var(--vft-dialog-padding-primary, 20px)}.vft-drawer{display:flex;position:absolute;box-sizing:border-box;flex-direction:column;transition:all var(--vft-transition-duration);background-color:var(--vft-drawer-bg-color);box-shadow:var(--vft-box-shadow-dark)}.vft-drawer .rtl{transform:translate(0,0)}.vft-drawer .ltr{transform:translate(0,0)}.vft-drawer .ttb{transform:translate(0,0)}.vft-drawer .btt{transform:translate(0,0)}.vft-drawer__sr-focus:focus{outline:0!important}.vft-drawer__header{display:flex;align-items:center;margin-bottom:32px;padding:var(--vft-drawer-padding-primary);padding-bottom:0;overflow:hidden;color:var(--vft-text-primary-color)}.vft-drawer__header>:first-child{flex:1}.vft-drawer__title{flex:1;margin:0;font-size:16px;line-height:inherit}.vft-drawer__footer{padding:var(--vft-drawer-padding-primary);padding-top:10px;overflow:hidden;text-align:right}.vft-drawer__close{color:var(--vft-text-placeholder-color)}.vft-drawer__close:hover{color:var(--vft-primary-color)}.vft-drawer__body{flex:1;padding:var(--vft-drawer-padding-primary);overflow:auto}.vft-drawer__body>*{box-sizing:border-box}.vft-drawer.is-dragging{transition:none}.vft-drawer__dragger{position:absolute;transition:all .2s;background-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-drawer__dragger::before{content:"";position:absolute;transition:all .2s;background-color:transparent}.vft-drawer__dragger:hover::before{background-color:var(--vft-primary-color)}.vft-drawer.ltr,.vft-drawer.rtl{top:0;bottom:0;height:100%}.vft-drawer.ltr>.vft-drawer__dragger,.vft-drawer.rtl>.vft-drawer__dragger{top:0;bottom:0;width:var(--vft-drawer-dragger-size);height:100%;cursor:ew-resize}.vft-drawer.ltr>.vft-drawer__dragger::before,.vft-drawer.rtl>.vft-drawer__dragger::before{top:0;bottom:0;width:3px}.vft-drawer.btt,.vft-drawer.ttb{right:0;left:0;width:100%}.vft-drawer.btt>.vft-drawer__dragger,.vft-drawer.ttb>.vft-drawer__dragger{right:0;left:0;width:100%;height:var(--vft-drawer-dragger-size);cursor:ns-resize}.vft-drawer.btt>.vft-drawer__dragger::before,.vft-drawer.ttb>.vft-drawer__dragger::before{right:0;left:0;height:3px}.vft-drawer.ltr{left:0}.vft-drawer.ltr>.vft-drawer__dragger{right:0}.vft-drawer.ltr>.vft-drawer__dragger::before{right:-2px}.vft-drawer.rtl{right:0}.vft-drawer.rtl>.vft-drawer__dragger{left:0}.vft-drawer.rtl>.vft-drawer__dragger::before{left:-2px}.vft-drawer.ttb{top:0}.vft-drawer.ttb>.vft-drawer__dragger{bottom:0}.vft-drawer.ttb>.vft-drawer__dragger::before{bottom:-2px}.vft-drawer.btt{bottom:0}.vft-drawer.btt>.vft-drawer__dragger{top:0}.vft-drawer.btt>.vft-drawer__dragger::before{top:-2px}.vft-drawer-fade-enter-active,.vft-drawer-fade-leave-active{transition:all var(--vft-transition-duration)}.vft-drawer-fade-enter-active,.vft-drawer-fade-enter-from,.vft-drawer-fade-enter-to,.vft-drawer-fade-leave-active,.vft-drawer-fade-leave-from,.vft-drawer-fade-leave-to{overflow:hidden!important}.vft-drawer-fade-enter-from,.vft-drawer-fade-leave-to{background-color:transparent!important}.vft-drawer-fade-enter-from .rtl,.vft-drawer-fade-leave-to .rtl{transform:translateX(100%)}.vft-drawer-fade-enter-from .ltr,.vft-drawer-fade-leave-to .ltr{transform:translateX(-100%)}.vft-drawer-fade-enter-from .ttb,.vft-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.vft-drawer-fade-enter-from .btt,.vft-drawer-fade-leave-to .btt{transform:translateY(100%)}