vft 0.0.333 → 0.0.334

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.
Files changed (12) hide show
  1. package/dist/index.css +1 -1
  2. package/es/components/input-tag/input-tag.vue2.js +24 -24
  3. package/es/package.json.d.ts +1 -1
  4. package/es/package.json.js +1 -1
  5. package/lib/components/input-tag/input-tag.vue2.cjs +1 -1
  6. package/lib/package.json.cjs +1 -1
  7. package/lib/package.json.d.ts +1 -1
  8. package/package.json +4 -4
  9. package/theme-style/index.css +1 -1
  10. package/theme-style/src/input-tag.scss +4 -0
  11. package/theme-style/vft-input-tag.css +1 -1
  12. package/web-types.json +1 -1
package/theme-style/src/input-tag.scss CHANGED
@@ -99,6 +99,10 @@
99
99
  map.get($input, 'icon-color')
100
100
  );
101
101
  gap: 8px;
102
+
103
+ .icon-circle-close {
104
+ @include icon-common($icon-circle-close);
105
+ }
102
106
  }
103
107
 
104
108
  @include e(inner) {
package/theme-style/vft-input-tag.css CHANGED
@@ -1 +1 @@
1
- .vft-input-tag{--vft-input-tag-border-color-hover:var(--vft-border-color-hover);--vft-input-tag-placeholder-color:var(--vft-text-placeholder-color);--vft-input-tag-disabled-color:var(--vft-disabled-text-color);--vft-input-tag-disabled-border:var(--vft-disabled-border-color);--vft-input-tag-font-size:var(--vft-font-size-base);--vft-input-tag-close-hover-color:var(--vft-text-secondary-color);--vft-input-tag-text-color:var(--vft-text-regular-color);--vft-input-tag-input-focus-border-color:var(--vft-primary-color);--vft-input-tag-width:100%;--vft-input-tag-mini-height:var(--vft-component-size);--vft-input-tag-gap:6px;--vft-input-tag-padding:4px;--vft-input-tag-inner-padding:8px;--vft-input-tag-line-height:24px}.vft-input-tag{display:flex;box-sizing:border-box;align-items:center;width:var(--vft-input-tag-width);min-height:var(--vft-input-tag-mini-height);padding:var(--vft-input-tag-padding);transform:translate3d(0,0,0);transition:var(--vft-transition-duration);border-radius:var(--vft-border-radius-base);background-color:var(--vft-fill-color-blank);font-size:var(--vft-input-tag-font-size);line-height:var(--vft-input-tag-line-height);cursor:pointer;box-shadow:0 0 0 1px var(--vft-border-color) inset}.vft-input-tag.is-focused{box-shadow:0 0 0 1px var(--vft-primary-color) inset}.vft-input-tag.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--vft-border-color-hover) inset}.vft-input-tag.is-disabled{background-color:var(--vft-fill-color-light);cursor:not-allowed;box-shadow:0 0 0 1px var(--vft-input-tag-disabled-border) inset}.vft-input-tag.is-disabled:hover{box-shadow:0 0 0 1px var(--vft-input-tag-disabled-border) inset}.vft-input-tag.is-disabled.is-focus{box-shadow:0 0 0 1px var(--vft-input-focus-border-color) inset}.vft-input-tag.is-disabled .vft-input-tag__inner .vft-input-tag__input{cursor:not-allowed}.vft-input-tag.is-disabled .vft-input-tag__inner .vft-tag{cursor:not-allowed}.vft-input-tag__prefix{display:flex;flex-shrink:0;align-items:center;padding:0 var(--vft-input-tag-inner-padding);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color))}.vft-input-tag__suffix{display:flex;flex-shrink:0;align-items:center;padding:0 var(--vft-input-tag-inner-padding);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));gap:8px}.vft-input-tag__inner{display:flex;position:relative;flex:1;flex-wrap:wrap;align-items:center;min-width:0;max-width:100%;gap:var(--vft-input-tag-gap)}.vft-input-tag__inner.is-left-space{margin-left:var(--vft-input-tag-inner-padding)}.vft-input-tag__inner.is-right-space{margin-right:var(--vft-input-tag-inner-padding)}.vft-input-tag__inner.is-draggable .vft-tag{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-input-tag__drop-indicator{position:absolute;top:0;width:1px;height:var(--el-input-tag-line-height);background-color:var(--vft-primary-color)}.vft-input-tag__inner .vft-tag{max-width:100%;border-color:transparent;cursor:pointer}.vft-input-tag__inner .vft-tag.vft-tag--plain{border-color:var(--vft-tag-border-color)}.vft-input-tag__inner .vft-tag .vft-tag__content{min-width:0;overflow:hidden;line-height:normal;text-overflow:ellipsis;white-space:nowrap}.vft-input-tag__input-wrapper{flex:1}.vft-input-tag__input{width:100%;padding:0;border:none;outline:0;background-color:transparent;color:var(--vft-input-tag-text-color);font-family:inherit;font-size:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vft-input-tag__input::-moz-placeholder{color:var(--vft-input-tag-placeholder-color)}.vft-input-tag__input::placeholder{color:var(--vft-input-tag-placeholder-color)}.vft-input-tag__input-calculator{visibility:hidden;position:absolute;top:0;left:0;max-width:100%;overflow:hidden;white-space:pre}.vft-input-tag--large{--vft-input-tag-gap:6px;--vft-input-tag-padding:8px;--vft-input-tag-padding-left:8px;--vft-input-tag-font-size:14px}.vft-input-tag--small{--vft-input-tag-gap:4px;--vft-input-tag-padding:2px;--vft-input-tag-padding-left:6px;--vft-input-tag-font-size:12px;--vft-input-tag-line-height:20px;--vft-input-tag-mini-height:var(--vft-component-size-small)}
1
+ .vft-input-tag{--vft-input-tag-border-color-hover:var(--vft-border-color-hover);--vft-input-tag-placeholder-color:var(--vft-text-placeholder-color);--vft-input-tag-disabled-color:var(--vft-disabled-text-color);--vft-input-tag-disabled-border:var(--vft-disabled-border-color);--vft-input-tag-font-size:var(--vft-font-size-base);--vft-input-tag-close-hover-color:var(--vft-text-secondary-color);--vft-input-tag-text-color:var(--vft-text-regular-color);--vft-input-tag-input-focus-border-color:var(--vft-primary-color);--vft-input-tag-width:100%;--vft-input-tag-mini-height:var(--vft-component-size);--vft-input-tag-gap:6px;--vft-input-tag-padding:4px;--vft-input-tag-inner-padding:8px;--vft-input-tag-line-height:24px}.vft-input-tag{display:flex;box-sizing:border-box;align-items:center;width:var(--vft-input-tag-width);min-height:var(--vft-input-tag-mini-height);padding:var(--vft-input-tag-padding);transform:translate3d(0,0,0);transition:var(--vft-transition-duration);border-radius:var(--vft-border-radius-base);background-color:var(--vft-fill-color-blank);font-size:var(--vft-input-tag-font-size);line-height:var(--vft-input-tag-line-height);cursor:pointer;box-shadow:0 0 0 1px var(--vft-border-color) inset}.vft-input-tag.is-focused{box-shadow:0 0 0 1px var(--vft-primary-color) inset}.vft-input-tag.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--vft-border-color-hover) inset}.vft-input-tag.is-disabled{background-color:var(--vft-fill-color-light);cursor:not-allowed;box-shadow:0 0 0 1px var(--vft-input-tag-disabled-border) inset}.vft-input-tag.is-disabled:hover{box-shadow:0 0 0 1px var(--vft-input-tag-disabled-border) inset}.vft-input-tag.is-disabled.is-focus{box-shadow:0 0 0 1px var(--vft-input-focus-border-color) inset}.vft-input-tag.is-disabled .vft-input-tag__inner .vft-input-tag__input{cursor:not-allowed}.vft-input-tag.is-disabled .vft-input-tag__inner .vft-tag{cursor:not-allowed}.vft-input-tag__prefix{display:flex;flex-shrink:0;align-items:center;padding:0 var(--vft-input-tag-inner-padding);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color))}.vft-input-tag__suffix{display:flex;flex-shrink:0;align-items:center;padding:0 var(--vft-input-tag-inner-padding);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));gap:8px}.vft-input-tag__suffix .icon-circle-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="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%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="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-input-tag__inner{display:flex;position:relative;flex:1;flex-wrap:wrap;align-items:center;min-width:0;max-width:100%;gap:var(--vft-input-tag-gap)}.vft-input-tag__inner.is-left-space{margin-left:var(--vft-input-tag-inner-padding)}.vft-input-tag__inner.is-right-space{margin-right:var(--vft-input-tag-inner-padding)}.vft-input-tag__inner.is-draggable .vft-tag{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-input-tag__drop-indicator{position:absolute;top:0;width:1px;height:var(--el-input-tag-line-height);background-color:var(--vft-primary-color)}.vft-input-tag__inner .vft-tag{max-width:100%;border-color:transparent;cursor:pointer}.vft-input-tag__inner .vft-tag.vft-tag--plain{border-color:var(--vft-tag-border-color)}.vft-input-tag__inner .vft-tag .vft-tag__content{min-width:0;overflow:hidden;line-height:normal;text-overflow:ellipsis;white-space:nowrap}.vft-input-tag__input-wrapper{flex:1}.vft-input-tag__input{width:100%;padding:0;border:none;outline:0;background-color:transparent;color:var(--vft-input-tag-text-color);font-family:inherit;font-size:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vft-input-tag__input::-moz-placeholder{color:var(--vft-input-tag-placeholder-color)}.vft-input-tag__input::placeholder{color:var(--vft-input-tag-placeholder-color)}.vft-input-tag__input-calculator{visibility:hidden;position:absolute;top:0;left:0;max-width:100%;overflow:hidden;white-space:pre}.vft-input-tag--large{--vft-input-tag-gap:6px;--vft-input-tag-padding:8px;--vft-input-tag-padding-left:8px;--vft-input-tag-font-size:14px}.vft-input-tag--small{--vft-input-tag-gap:4px;--vft-input-tag-padding:2px;--vft-input-tag-padding-left:6px;--vft-input-tag-font-size:12px;--vft-input-tag-line-height:20px;--vft-input-tag-mini-height:var(--vft-component-size-small)}
package/web-types.json CHANGED
@@ -1 +1 @@
1
- {"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.333","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
1
+ {"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.334","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}