@toife/vue 3.7.2 → 3.7.3

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 (14) hide show
  1. package/README.md +1 -0
  2. package/dist/components/index.d.ts +1 -0
  3. package/dist/components/tag-field/index.d.ts +1 -0
  4. package/dist/components/tag-field/tag-field.vue.d.ts +33 -0
  5. package/dist/core/features/index.d.ts +1 -0
  6. package/dist/core/features/tag-field/index.d.ts +3 -0
  7. package/dist/core/features/tag-field/tag-field.constants.d.ts +20 -0
  8. package/dist/core/features/tag-field/tag-field.logic.d.ts +46 -0
  9. package/dist/core/features/tag-field/tag-field.type.d.ts +52 -0
  10. package/dist/index.es.js +2273 -2066
  11. package/dist/index.umd.js +2 -1
  12. package/dist/styles/index.css +1 -0
  13. package/dist/styles/tag-field.css +1 -0
  14. package/package.json +1 -1
package/dist/styles/index.css CHANGED
@@ -39,6 +39,7 @@
39
39
  @import "./tab.css";
40
40
  @import "./tabs.css";
41
41
  @import "./tag.css";
42
+ @import "./tag-field.css";
42
43
  @import "./toast.css";
43
44
  @import "./toast-content.css";
44
45
  @import "./toolbar.css";
package/dist/styles/tag-field.css ADDED
@@ -0,0 +1 @@
1
+ .t-tag-field[data-v-2c8b5b08]{width:100%}.t-tag-field .t-tag-field-content[data-v-2c8b5b08]{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:calc(var(--t-spacing-y) * var(--t-coefficient-y) * .5) calc(var(--t-spacing-x) * var(--t-coefficient-x) * .5);box-sizing:border-box;min-height:var(--t-control-block-size);padding:calc(var(--t-spacing-y) * var(--t-coefficient-y) * .5) calc(var(--t-spacing-x) * var(--t-coefficient-x) * .5);position:relative;cursor:text;color:rgba(var(--t-color));border-style:solid;border-width:var(--t-border-width);border-radius:var(--t-border-radius);border-color:rgba(var(--t-border-color));background-color:rgba(var(--t-background-color));box-shadow:var(--t-box-shadow);-webkit-backdrop-filter:var(--t-backdrop-filter);backdrop-filter:var(--t-backdrop-filter);transition:box-shadow var(--t-transition-duration) ease,backdrop-filter var(--t-transition-duration) ease,border-color var(--t-transition-duration) ease,background-color var(--t-transition-duration) ease,color var(--t-transition-duration) ease,border-radius var(--t-transition-duration) ease}.t-tag-field .t-tag-field-content[data-v-2c8b5b08]:hover{border-color:rgba(var(--t-border-color-hover, var(--t-border-color)));background-color:rgba(var(--t-background-color-hover, var(--t-background-color)));box-shadow:var(--t-box-shadow-hover, var(--t-box-shadow));-webkit-backdrop-filter:var(--t-backdrop-filter-hover, var(--t-backdrop-filter));backdrop-filter:var(--t-backdrop-filter-hover, var(--t-backdrop-filter))}.t-tag-field.focus .t-tag-field-content[data-v-2c8b5b08]{border-color:rgba(var(--t-border-color-focus, var(--t-border-color)));background-color:rgba(var(--t-background-color-focus, var(--t-background-color)));box-shadow:var(--t-box-shadow-focus, var(--t-box-shadow));-webkit-backdrop-filter:var(--t-backdrop-filter-focus, var(--t-backdrop-filter));backdrop-filter:var(--t-backdrop-filter-focus, var(--t-backdrop-filter))}.t-tag-field .t-tag-field-chip[data-v-2c8b5b08]{display:inline-flex;align-items:center;gap:calc(var(--t-spacing-x) * var(--t-coefficient-x) * .35);box-sizing:border-box;max-width:100%;padding:calc(var(--t-spacing-y) * var(--t-coefficient-y) * .35) calc(var(--t-spacing-x) * var(--t-coefficient-x) * .6);font-size:calc(var(--t-font-size) * .85);line-height:var(--t-line-height);color:rgba(var(--t-chip-color));background-color:rgba(var(--t-chip-background-color));border-style:solid;border-width:var(--t-border-width);border-color:rgba(var(--t-chip-border-color));border-radius:var(--t-border-radius)}.t-tag-field .t-tag-field-text[data-v-2c8b5b08]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-tag-field .t-tag-field-remove[data-v-2c8b5b08]{all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;color:rgba(var(--t-chip-color));transition:color var(--t-transition-duration) ease}.t-tag-field .t-tag-field-remove[data-v-2c8b5b08]:hover{color:rgba(var(--t-chip-color-hover, var(--t-chip-color)))}.t-tag-field .t-tag-field-remove[data-v-2c8b5b08]:active{color:rgba(var(--t-chip-color-active, var(--t-chip-color-hover, var(--t-chip-color))))}.t-tag-field .t-tag-field-input[data-v-2c8b5b08]{flex:1 1 6rem;min-width:6rem;box-sizing:border-box;margin:0;padding:calc(var(--t-spacing-y) * var(--t-coefficient-y) * .25) calc(var(--t-spacing-x) * var(--t-coefficient-x) * .25);border:none;background-color:transparent;color:rgba(var(--t-color));caret-color:rgba(var(--t-color));text-align:var(--t-text-align);font-size:var(--t-font-size);line-height:var(--t-line-height);-webkit-user-select:text;user-select:text}.t-tag-field .t-tag-field-input[data-v-2c8b5b08]:focus,.t-tag-field .t-tag-field-input[data-v-2c8b5b08]:active,.t-tag-field .t-tag-field-input[data-v-2c8b5b08]:hover{outline:none;border:none}.t-tag-field .t-tag-field-input[data-v-2c8b5b08]::placeholder{color:rgba(var(--t-placeholder-color))}.t-tag-field .t-tag-field-message[data-v-2c8b5b08]{margin-top:calc(var(--t-spacing-y) * var(--t-coefficient-y) * .25);color:rgba(var(--t-help-color, var(--t-color)));font-size:.9em;line-height:1.5;text-align:var(--t-text-align)}.t-tag-field .t-tag-field-suggestions[data-v-2c8b5b08]{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--t-spacing-y) * var(--t-coefficient-y) * .5) calc(var(--t-spacing-x) * var(--t-coefficient-x) * .5);margin-top:calc(var(--t-spacing-y) * var(--t-coefficient-y) * .5)}.t-tag-field .t-tag-field-suggestion[data-v-2c8b5b08]{all:unset;box-sizing:border-box;cursor:pointer;padding:calc(var(--t-spacing-y) * var(--t-coefficient-y) * .35) calc(var(--t-spacing-x) * var(--t-coefficient-x) * .6);font-size:calc(var(--t-font-size) * .85);line-height:var(--t-line-height);color:rgba(var(--t-suggestion-color));border-style:solid;border-width:var(--t-border-width);border-color:rgba(var(--t-suggestion-border-color));border-radius:var(--t-border-radius)}.t-tag-field .t-tag-field-suggestion[data-v-2c8b5b08]:focus-visible{outline:2px solid rgba(var(--t-suggestion-border-color));outline-offset:1px}.t-tag-field.full .t-tag-field-input[data-v-2c8b5b08]{display:none}.t-tag-field.readonly .t-tag-field-content[data-v-2c8b5b08],.t-tag-field.disabled .t-tag-field-content[data-v-2c8b5b08]{cursor:default}.t-tag-field.readonly .t-tag-field-remove[data-v-2c8b5b08],.t-tag-field.readonly .t-tag-field-suggestions[data-v-2c8b5b08],.t-tag-field.disabled .t-tag-field-remove[data-v-2c8b5b08],.t-tag-field.disabled .t-tag-field-suggestions[data-v-2c8b5b08]{display:none}.t-tag-field.disabled[data-v-2c8b5b08]{opacity:.5;cursor:not-allowed}.t-tag-field.disabled .t-tag-field-input[data-v-2c8b5b08]{cursor:not-allowed;-webkit-user-select:none;user-select:none}.t-tag-field.disabled .t-tag-field-content[data-v-2c8b5b08]{border-color:rgba(var(--t-border-color-disabled, var(--t-border-color)));background-color:rgba(var(--t-background-color-disabled, var(--t-background-color)));box-shadow:var(--t-box-shadow-disabled, var(--t-box-shadow));-webkit-backdrop-filter:var(--t-backdrop-filter-disabled, var(--t-backdrop-filter));backdrop-filter:var(--t-backdrop-filter-disabled, var(--t-backdrop-filter))}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toife/vue",
3
- "version": "3.7.2",
3
+ "version": "3.7.3",
4
4
  "description": "A Frontend framework for Vue",
5
5
  "type": "module",
6
6
  "sideEffects": [