vft 0.0.447 → 0.0.448

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.
@@ -250,14 +250,15 @@ $form-item-label-top-margin-bottom: map.merge(
250
250
  &:hover,
251
251
  &:focus,
252
252
  &.is-focus {
253
- box-shadow: 0 0 0 1px getCssVar('danger-color') inset;
253
+ border-color: getCssVar('danger-color');
254
+ box-shadow: none;
254
255
  }
255
256
  }
256
257
 
257
258
  .#{$namespace}-input-group__append,
258
259
  .#{$namespace}-input-group__prepend {
259
260
  .#{$namespace}-input__wrapper {
260
- box-shadow: 0 0 0 1px transparent inset;
261
+ box-shadow: none;
261
262
  }
262
263
 
263
264
  .#{$namespace}-input__validateIcon {
@@ -22,13 +22,6 @@ $name: super-form;
22
22
  }
23
23
 
24
24
  &.vft-form-item {
25
- &.is-error {
26
- .vft-input-tag,
27
- .vft-input__wrapper {
28
- border-color: transparent;
29
- }
30
- }
31
-
32
25
  &.vft-form-item--label-top {
33
26
  .vft-form-item__label {
34
27
  display: inline-flex;
@@ -1 +1 @@
1
- .vft-form{--vft-form-label-font-size:var(--vft-font-size-base)}.vft-form--label-left .vft-form-item__label{justify-content:flex-start}.vft-form--label-top .vft-form-item{display:block}.vft-form--label-top .vft-form-item .vft-form-item__label{display:block;height:auto;margin-bottom:8px;line-height:22px;text-align:left}.vft-form--inline .vft-form-item{display:inline-flex;margin-right:32px;vertical-align:middle}.vft-form--inline.vft-form--label-top{display:flex;flex-wrap:wrap}.vft-form--inline.vft-form--label-top .vft-form-item{display:block}.vft-form--large.vft-form--label-top .vft-form-item .vft-form-item__label{margin-bottom:12px;line-height:22px}.vft-form--default.vft-form--label-top .vft-form-item .vft-form-item__label{margin-bottom:8px;line-height:22px}.vft-form--small.vft-form--label-top .vft-form-item .vft-form-item__label{margin-bottom:4px;line-height:20px}.vft-form-item{display:flex;--font-size:14px;margin-bottom:18px}.vft-form-item .vft-form-item{margin-bottom:0}.vft-form-item .vft-input__validateIcon{display:none}.vft-form-item--large{--font-size:14px;--vft-form-label-font-size:var(--font-size);margin-bottom:22px}.vft-form-item--large .vft-form-item__label{height:40px;line-height:40px}.vft-form-item--large .vft-form-item__content{line-height:40px}.vft-form-item--large .vft-form-item__error{padding-top:4px}.vft-form-item--default{--font-size:14px;--vft-form-label-font-size:var(--font-size);margin-bottom:18px}.vft-form-item--default .vft-form-item__label{height:32px;line-height:32px}.vft-form-item--default .vft-form-item__content{line-height:32px}.vft-form-item--default .vft-form-item__error{padding-top:2px}.vft-form-item--small{--font-size:12px;--vft-form-label-font-size:var(--font-size);margin-bottom:18px}.vft-form-item--small .vft-form-item__label{height:24px;line-height:24px}.vft-form-item--small .vft-form-item__content{line-height:24px}.vft-form-item--small .vft-form-item__error{padding-top:2px}.vft-form-item--label-left .vft-form-item__label{justify-content:flex-start;text-align:left}.vft-form-item--label-right .vft-form-item__label{justify-content:flex-end;text-align:right}.vft-form-item--label-top{display:block}.vft-form-item--label-top .vft-form-item__label{display:block;width:-moz-fit-content;width:fit-content;height:auto;margin-bottom:8px;line-height:22px;text-align:left}.vft-form-item__label-wrap{display:flex}.vft-form-item__label{display:inline-flex;box-sizing:border-box;flex:0 0 auto;align-items:flex-start;height:32px;padding:0 12px 0 0;color:var(--vft-text-regular-color);font-size:var(--vft-form-label-font-size);line-height:32px}.vft-form-item__content{display:flex;position:relative;flex:1;flex-wrap:wrap;align-items:center;min-width:0;font-size:var(--font-size);line-height:32px}.vft-form-item__content .vft-input-group{vertical-align:top}.vft-form-item__error{position:absolute;top:100%;left:0;padding-top:2px;color:var(--vft-danger-color);font-size:12px;line-height:1}.vft-form-item__error--inline{display:inline-block;position:relative;top:auto;left:auto;margin-left:10px}.vft-form-item.is-required:not(.is-no-asterisk).asterisk-left>.vft-form-item__label-wrap>.vft-form-item__label:before,.vft-form-item.is-required:not(.is-no-asterisk).asterisk-left>.vft-form-item__label:before{content:"*";margin-right:4px;color:var(--vft-danger-color)}.vft-form-item.is-required:not(.is-no-asterisk).asterisk-right>.vft-form-item__label-wrap>.vft-form-item__label:after,.vft-form-item.is-required:not(.is-no-asterisk).asterisk-right>.vft-form-item__label:after{content:"*";margin-left:4px;color:var(--vft-danger-color)}.vft-form-item.is-error .vft-form-item__content .vft-input-tag__wrapper,.vft-form-item.is-error .vft-form-item__content .vft-input-tag__wrapper.is-focus,.vft-form-item.is-error .vft-form-item__content .vft-input-tag__wrapper:focus,.vft-form-item.is-error .vft-form-item__content .vft-input-tag__wrapper:hover,.vft-form-item.is-error .vft-form-item__content .vft-input__wrapper,.vft-form-item.is-error .vft-form-item__content .vft-input__wrapper.is-focus,.vft-form-item.is-error .vft-form-item__content .vft-input__wrapper:focus,.vft-form-item.is-error .vft-form-item__content .vft-input__wrapper:hover,.vft-form-item.is-error .vft-form-item__content .vft-select__wrapper,.vft-form-item.is-error .vft-form-item__content .vft-select__wrapper.is-focus,.vft-form-item.is-error .vft-form-item__content .vft-select__wrapper:focus,.vft-form-item.is-error .vft-form-item__content .vft-select__wrapper:hover,.vft-form-item.is-error .vft-form-item__content .vft-textarea__inner,.vft-form-item.is-error .vft-form-item__content .vft-textarea__inner.is-focus,.vft-form-item.is-error .vft-form-item__content .vft-textarea__inner:focus,.vft-form-item.is-error .vft-form-item__content .vft-textarea__inner:hover{box-shadow:0 0 0 1px var(--vft-danger-color) inset}.vft-form-item.is-error .vft-form-item__content .vft-input-group__append .vft-input__wrapper,.vft-form-item.is-error .vft-form-item__content .vft-input-group__prepend .vft-input__wrapper{box-shadow:0 0 0 1px transparent inset}.vft-form-item.is-error .vft-form-item__content .vft-input-group__append .vft-input__validateIcon,.vft-form-item.is-error .vft-form-item__content .vft-input-group__prepend .vft-input__validateIcon{display:none}.vft-form-item.is-error .vft-form-item__content .vft-input__validateIcon{color:var(--vft-danger-color)}.vft-form-item--feedback .vft-input__validateIcon{display:inline-flex}
1
+ .vft-form{--vft-form-label-font-size:var(--vft-font-size-base)}.vft-form--label-left .vft-form-item__label{justify-content:flex-start}.vft-form--label-top .vft-form-item{display:block}.vft-form--label-top .vft-form-item .vft-form-item__label{display:block;height:auto;margin-bottom:8px;line-height:22px;text-align:left}.vft-form--inline .vft-form-item{display:inline-flex;margin-right:32px;vertical-align:middle}.vft-form--inline.vft-form--label-top{display:flex;flex-wrap:wrap}.vft-form--inline.vft-form--label-top .vft-form-item{display:block}.vft-form--large.vft-form--label-top .vft-form-item .vft-form-item__label{margin-bottom:12px;line-height:22px}.vft-form--default.vft-form--label-top .vft-form-item .vft-form-item__label{margin-bottom:8px;line-height:22px}.vft-form--small.vft-form--label-top .vft-form-item .vft-form-item__label{margin-bottom:4px;line-height:20px}.vft-form-item{display:flex;--font-size:14px;margin-bottom:18px}.vft-form-item .vft-form-item{margin-bottom:0}.vft-form-item .vft-input__validateIcon{display:none}.vft-form-item--large{--font-size:14px;--vft-form-label-font-size:var(--font-size);margin-bottom:22px}.vft-form-item--large .vft-form-item__label{height:40px;line-height:40px}.vft-form-item--large .vft-form-item__content{line-height:40px}.vft-form-item--large .vft-form-item__error{padding-top:4px}.vft-form-item--default{--font-size:14px;--vft-form-label-font-size:var(--font-size);margin-bottom:18px}.vft-form-item--default .vft-form-item__label{height:32px;line-height:32px}.vft-form-item--default .vft-form-item__content{line-height:32px}.vft-form-item--default .vft-form-item__error{padding-top:2px}.vft-form-item--small{--font-size:12px;--vft-form-label-font-size:var(--font-size);margin-bottom:18px}.vft-form-item--small .vft-form-item__label{height:24px;line-height:24px}.vft-form-item--small .vft-form-item__content{line-height:24px}.vft-form-item--small .vft-form-item__error{padding-top:2px}.vft-form-item--label-left .vft-form-item__label{justify-content:flex-start;text-align:left}.vft-form-item--label-right .vft-form-item__label{justify-content:flex-end;text-align:right}.vft-form-item--label-top{display:block}.vft-form-item--label-top .vft-form-item__label{display:block;width:-moz-fit-content;width:fit-content;height:auto;margin-bottom:8px;line-height:22px;text-align:left}.vft-form-item__label-wrap{display:flex}.vft-form-item__label{display:inline-flex;box-sizing:border-box;flex:0 0 auto;align-items:flex-start;height:32px;padding:0 12px 0 0;color:var(--vft-text-regular-color);font-size:var(--vft-form-label-font-size);line-height:32px}.vft-form-item__content{display:flex;position:relative;flex:1;flex-wrap:wrap;align-items:center;min-width:0;font-size:var(--font-size);line-height:32px}.vft-form-item__content .vft-input-group{vertical-align:top}.vft-form-item__error{position:absolute;top:100%;left:0;padding-top:2px;color:var(--vft-danger-color);font-size:12px;line-height:1}.vft-form-item__error--inline{display:inline-block;position:relative;top:auto;left:auto;margin-left:10px}.vft-form-item.is-required:not(.is-no-asterisk).asterisk-left>.vft-form-item__label-wrap>.vft-form-item__label:before,.vft-form-item.is-required:not(.is-no-asterisk).asterisk-left>.vft-form-item__label:before{content:"*";margin-right:4px;color:var(--vft-danger-color)}.vft-form-item.is-required:not(.is-no-asterisk).asterisk-right>.vft-form-item__label-wrap>.vft-form-item__label:after,.vft-form-item.is-required:not(.is-no-asterisk).asterisk-right>.vft-form-item__label:after{content:"*";margin-left:4px;color:var(--vft-danger-color)}.vft-form-item.is-error .vft-form-item__content .vft-input-tag__wrapper,.vft-form-item.is-error .vft-form-item__content .vft-input-tag__wrapper.is-focus,.vft-form-item.is-error .vft-form-item__content .vft-input-tag__wrapper:focus,.vft-form-item.is-error .vft-form-item__content .vft-input-tag__wrapper:hover,.vft-form-item.is-error .vft-form-item__content .vft-input__wrapper,.vft-form-item.is-error .vft-form-item__content .vft-input__wrapper.is-focus,.vft-form-item.is-error .vft-form-item__content .vft-input__wrapper:focus,.vft-form-item.is-error .vft-form-item__content .vft-input__wrapper:hover,.vft-form-item.is-error .vft-form-item__content .vft-select__wrapper,.vft-form-item.is-error .vft-form-item__content .vft-select__wrapper.is-focus,.vft-form-item.is-error .vft-form-item__content .vft-select__wrapper:focus,.vft-form-item.is-error .vft-form-item__content .vft-select__wrapper:hover,.vft-form-item.is-error .vft-form-item__content .vft-textarea__inner,.vft-form-item.is-error .vft-form-item__content .vft-textarea__inner.is-focus,.vft-form-item.is-error .vft-form-item__content .vft-textarea__inner:focus,.vft-form-item.is-error .vft-form-item__content .vft-textarea__inner:hover{border-color:var(--vft-danger-color);box-shadow:none}.vft-form-item.is-error .vft-form-item__content .vft-input-group__append .vft-input__wrapper,.vft-form-item.is-error .vft-form-item__content .vft-input-group__prepend .vft-input__wrapper{box-shadow:none}.vft-form-item.is-error .vft-form-item__content .vft-input-group__append .vft-input__validateIcon,.vft-form-item.is-error .vft-form-item__content .vft-input-group__prepend .vft-input__validateIcon{display:none}.vft-form-item.is-error .vft-form-item__content .vft-input__validateIcon{color:var(--vft-danger-color)}.vft-form-item--feedback .vft-input__validateIcon{display:inline-flex}
@@ -1 +1 @@
1
- .vft-super-form__container{display:flex;width:100%}.vft-super-form__content{display:flex;flex:1;line-height:1}.vft-super-form__item .sub-label{color:var(--vft-text-placeholder-color);font-size:12px}.vft-super-form__item.vft-form-item.is-error .vft-input-tag,.vft-super-form__item.vft-form-item.is-error .vft-input__wrapper{border-color:transparent}.vft-super-form__item.vft-form-item.vft-form-item--label-top .vft-form-item__label{display:inline-flex}.vft-super-form.is-suffix--suffix{display:inline-flex;align-items:center;padding-left:6px;line-height:1}.vft-super-form .is-comp-full-width .vft-select{width:100%}.vft-super-form .submit-block{width:100%}.vft-super-form .label-required{margin-right:4px;color:var(--vft-danger-color)}.vft-super-form .vft-date-editor.vft-input__wrapper,.vft-super-form .vft-upload-wrapper{width:100%}.vft-super-form .label-content{display:flex;align-items:center}.vft-super-form .label-content .vft-icon{margin-left:6px}.vft-super-form .icon-arrow-upload{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="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048L192 444.8L508.8 128l316.8 316.8l-45.312 45.248L544 253.696z"%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="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048L192 444.8L508.8 128l316.8 316.8l-45.312 45.248L544 253.696z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-super-form .icon-help{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="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M11.95 18q.525 0 .888-.363t.362-.887t-.362-.888t-.888-.362t-.887.363t-.363.887t.363.888t.887.362m.05 4q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m.1-12.3q.625 0 1.088.4t.462 1q0 .55-.337.975t-.763.8q-.575.5-1.012 1.1t-.438 1.35q0 .35.263.588t.612.237q.375 0 .638-.25t.337-.625q.1-.525.45-.937t.75-.788q.575-.55.988-1.2t.412-1.45q0-1.275-1.037-2.087T12.1 6q-.95 0-1.812.4T8.975 7.625q-.175.3-.112.638t.337.512q.35.2.725.125t.625-.425q.275-.375.688-.575t.862-.2"/%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M11.95 18q.525 0 .888-.363t.362-.887t-.362-.888t-.888-.362t-.887.363t-.363.887t.363.888t.887.362m.05 4q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m.1-12.3q.625 0 1.088.4t.462 1q0 .55-.337.975t-.763.8q-.575.5-1.012 1.1t-.438 1.35q0 .35.263.588t.612.237q.375 0 .638-.25t.337-.625q.1-.525.45-.937t.75-.788q.575-.55.988-1.2t.412-1.45q0-1.275-1.037-2.087T12.1 6q-.95 0-1.812.4T8.975 7.625q-.175.3-.112.638t.337.512q.35.2.725.125t.625-.425q.275-.375.688-.575t.862-.2"/%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
1
+ .vft-super-form__container{display:flex;width:100%}.vft-super-form__content{display:flex;flex:1;line-height:1}.vft-super-form__item .sub-label{color:var(--vft-text-placeholder-color);font-size:12px}.vft-super-form__item.vft-form-item.vft-form-item--label-top .vft-form-item__label{display:inline-flex}.vft-super-form.is-suffix--suffix{display:inline-flex;align-items:center;padding-left:6px;line-height:1}.vft-super-form .is-comp-full-width .vft-select{width:100%}.vft-super-form .submit-block{width:100%}.vft-super-form .label-required{margin-right:4px;color:var(--vft-danger-color)}.vft-super-form .vft-date-editor.vft-input__wrapper,.vft-super-form .vft-upload-wrapper{width:100%}.vft-super-form .label-content{display:flex;align-items:center}.vft-super-form .label-content .vft-icon{margin-left:6px}.vft-super-form .icon-arrow-upload{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="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048L192 444.8L508.8 128l316.8 316.8l-45.312 45.248L544 253.696z"%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="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048L192 444.8L508.8 128l316.8 316.8l-45.312 45.248L544 253.696z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-super-form .icon-help{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="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M11.95 18q.525 0 .888-.363t.362-.887t-.362-.888t-.888-.362t-.887.363t-.363.887t.363.888t.887.362m.05 4q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m.1-12.3q.625 0 1.088.4t.462 1q0 .55-.337.975t-.763.8q-.575.5-1.012 1.1t-.438 1.35q0 .35.263.588t.612.237q.375 0 .638-.25t.337-.625q.1-.525.45-.937t.75-.788q.575-.55.988-1.2t.412-1.45q0-1.275-1.037-2.087T12.1 6q-.95 0-1.812.4T8.975 7.625q-.175.3-.112.638t.337.512q.35.2.725.125t.625-.425q.275-.375.688-.575t.862-.2"/%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M11.95 18q.525 0 .888-.363t.362-.887t-.362-.888t-.888-.362t-.887.363t-.363.887t.363.888t.887.362m.05 4q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m.1-12.3q.625 0 1.088.4t.462 1q0 .55-.337.975t-.763.8q-.575.5-1.012 1.1t-.438 1.35q0 .35.263.588t.612.237q.375 0 .638-.25t.337-.625q.1-.525.45-.937t.75-.788q.575-.55.988-1.2t.412-1.45q0-1.275-1.037-2.087T12.1 6q-.95 0-1.812.4T8.975 7.625q-.175.3-.112.638t.337.512q.35.2.725.125t.625-.425q.275-.375.688-.575t.862-.2"/%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}