@vuesimple/vs-tag 3.1.6 → 3.1.7

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.
package/README.md CHANGED
@@ -70,50 +70,6 @@ app.use(VsTag.plugin);
70
70
 
71
71
  <br />
72
72
 
73
- <h3>
74
- <img src="https://i.imgur.com/MWynQNa.png" width="20px"> Nuxt.js
75
- </h3>
76
-
77
- Nuxt Code Snippet
78
-
79
- After installation,
80
-
81
- - Create a file `/plugins/vs-tag.js`
82
-
83
- ```javascript
84
- import Vue from 'vue';
85
- import VsTag from '@vuesimple/vs-tag';
86
-
87
- Vue.component('vs-tag', VsTag);
88
- ```
89
-
90
- - Update `nuxt.config.js`
91
- ```javascript
92
- module.exports = {
93
- ...
94
- plugins: [
95
- { src: '~plugins/vs-tag', mode: 'client' }
96
- ...
97
- ]
98
- }
99
- ```
100
- - In the page/ component
101
-
102
- ```html
103
- <template>
104
- <vs-tag variant="primary"> Primary </vs-tag>
105
- </template>
106
- ```
107
-
108
- **Note**
109
-
110
- - For older Nuxt versions, use `<no-ssr>...</no-ssr>` tag.
111
- - You can also do
112
- `import VsTag from '@vuesimple/vs-tag'`
113
- & add in `component:{VsTag}` and use it within component, without globally installing in plugin folder.
114
-
115
- <br />
116
-
117
73
  ### ⚙ Props
118
74
 
119
75
  | Name | Type | Default | Description |
@@ -2,10 +2,15 @@ import vue from '@vitejs/plugin-vue';
2
2
  import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';
3
3
 
4
4
  export default {
5
- plugins: [vue(), cssInjectedByJsPlugin()],
5
+ plugins: [
6
+ vue(),
7
+ cssInjectedByJsPlugin({
8
+ styleId: 'vs-tag-styles',
9
+ }),
10
+ ],
6
11
  build: {
7
12
  // separate css file or not
8
- cssCodeSplit: true,
13
+ cssCodeSplit: false,
9
14
  lib: {
10
15
  entry: './src/index.js',
11
16
  formats: ['es', 'umd', 'iife'],
package/dist/index.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode("[data-theme=dark] .vs-tag,.dark .vs-tag{--vs-tag-bg-color: #39434b;--vs-tag-text-color: #d8dcde}.vs-tag{--vs-tag-bg-color: #e9ebed;--vs-tag-text-color: #49545c;--vs-tag-primary: #1f73b7;--vs-tag-success: #186146;--vs-tag-danger: #cc3340;--vs-tag-warning: #ffb057;--vs-tag-secondary: #3a3a3a;--vs-tag-font-bold: 600;background-color:var(--vs-tag-bg-color);color:var(--vs-tag-text-color);max-width:100%;display:inline-flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center;justify-content:center;line-height:19px}.vs-tag__button{display:inline-flex;margin-left:5px;border:none;padding:0;cursor:pointer;color:inherit;background:transparent;opacity:.85;margin-right:-3px}.vs-tag__button:focus-visible{box-shadow:0 0 0 2px #1f73b759;outline:none}.vs-tag__primary{background:var(--vs-tag-primary);color:#fff}.vs-tag__success{background:var(--vs-tag-success);color:#fff}.vs-tag__danger{background:var(--vs-tag-danger);color:#fff}.vs-tag__warning{background:var(--vs-tag-warning);color:#703815}.vs-tag__secondary{background:var(--vs-tag-secondary);color:#fff}.vs-tag__size-small{padding:2px 5px;font-size:10px;border-radius:2px}.vs-tag__size-medium{font-size:12px;min-width:calc(16px + 1ch);padding:4px 8px;border-radius:2px}.vs-tag__size-large{font-size:12px;min-width:calc(24px + 1ch);padding:8px 13px;border-radius:4px}.vs-tag--bold{font-weight:var(--vs-tag-font-bold)}.vs-tag--pill{border-radius:100px;min-width:20px;text-align:center}.vs-tag--round{border-radius:50%;min-width:9px;text-align:center}")),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
1
+ (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.id="vs-tag-styles",a.appendChild(document.createTextNode("[data-theme=dark] .vs-tag,.dark .vs-tag{--vs-tag-bg-color: #39434b;--vs-tag-text-color: #d8dcde}.vs-tag{--vs-tag-bg-color: #e9ebed;--vs-tag-text-color: #49545c;--vs-tag-primary: #1f73b7;--vs-tag-success: #186146;--vs-tag-danger: #cc3340;--vs-tag-warning: #ffb057;--vs-tag-secondary: #3a3a3a;--vs-tag-font-bold: 600;background-color:var(--vs-tag-bg-color);color:var(--vs-tag-text-color);max-width:100%;display:inline-flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center;justify-content:center;line-height:19px}.vs-tag__button{display:inline-flex;margin-left:5px;border:none;padding:0;cursor:pointer;color:inherit;background:transparent;opacity:.85;margin-right:-3px}.vs-tag__button:focus-visible{box-shadow:0 0 0 2px #1f73b759;outline:none}.vs-tag__primary{background:var(--vs-tag-primary);color:#fff}.vs-tag__success{background:var(--vs-tag-success);color:#fff}.vs-tag__danger{background:var(--vs-tag-danger);color:#fff}.vs-tag__warning{background:var(--vs-tag-warning);color:#703815}.vs-tag__secondary{background:var(--vs-tag-secondary);color:#fff}.vs-tag__size-small{padding:2px 5px;font-size:10px;border-radius:2px}.vs-tag__size-medium{font-size:12px;min-width:calc(16px + 1ch);padding:4px 8px;border-radius:2px}.vs-tag__size-large{font-size:12px;min-width:calc(24px + 1ch);padding:8px 13px;border-radius:4px}.vs-tag--bold{font-weight:var(--vs-tag-font-bold)}.vs-tag--pill{border-radius:100px;min-width:20px;text-align:center}.vs-tag--round{border-radius:50%;min-width:9px;text-align:center}")),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
2
  import { openBlock as i, createElementBlock as c, normalizeClass as u, normalizeStyle as d, createElementVNode as o, renderSlot as n, withModifiers as g, createCommentVNode as p } from "vue";
3
3
  const _ = (t, s) => {
4
4
  const e = t.__vccOpts || t;
package/dist/index.min.js CHANGED
@@ -1,3 +1,2 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode("[data-theme=dark] .vs-tag,.dark .vs-tag{--vs-tag-bg-color: #39434b;--vs-tag-text-color: #d8dcde}.vs-tag{--vs-tag-bg-color: #e9ebed;--vs-tag-text-color: #49545c;--vs-tag-primary: #1f73b7;--vs-tag-success: #186146;--vs-tag-danger: #cc3340;--vs-tag-warning: #ffb057;--vs-tag-secondary: #3a3a3a;--vs-tag-font-bold: 600;background-color:var(--vs-tag-bg-color);color:var(--vs-tag-text-color);max-width:100%;display:inline-flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center;justify-content:center;line-height:19px}.vs-tag__button{display:inline-flex;margin-left:5px;border:none;padding:0;cursor:pointer;color:inherit;background:transparent;opacity:.85;margin-right:-3px}.vs-tag__button:focus-visible{box-shadow:0 0 0 2px #1f73b759;outline:none}.vs-tag__primary{background:var(--vs-tag-primary);color:#fff}.vs-tag__success{background:var(--vs-tag-success);color:#fff}.vs-tag__danger{background:var(--vs-tag-danger);color:#fff}.vs-tag__warning{background:var(--vs-tag-warning);color:#703815}.vs-tag__secondary{background:var(--vs-tag-secondary);color:#fff}.vs-tag__size-small{padding:2px 5px;font-size:10px;border-radius:2px}.vs-tag__size-medium{font-size:12px;min-width:calc(16px + 1ch);padding:4px 8px;border-radius:2px}.vs-tag__size-large{font-size:12px;min-width:calc(24px + 1ch);padding:8px 13px;border-radius:4px}.vs-tag--bold{font-weight:var(--vs-tag-font-bold)}.vs-tag--pill{border-radius:100px;min-width:20px;text-align:center}.vs-tag--round{border-radius:50%;min-width:9px;text-align:center}")),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
- var VsTag=function(s,t){"use strict";var r=document.createElement("style");r.textContent=`[data-theme=dark] .vs-tag,.dark .vs-tag{--vs-tag-bg-color: #39434b;--vs-tag-text-color: #d8dcde}.vs-tag{--vs-tag-bg-color: #e9ebed;--vs-tag-text-color: #49545c;--vs-tag-primary: #1f73b7;--vs-tag-success: #186146;--vs-tag-danger: #cc3340;--vs-tag-warning: #ffb057;--vs-tag-secondary: #3a3a3a;--vs-tag-font-bold: 600;background-color:var(--vs-tag-bg-color);color:var(--vs-tag-text-color);max-width:100%;display:inline-flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center;justify-content:center;line-height:19px}.vs-tag__button{display:inline-flex;margin-left:5px;border:none;padding:0;cursor:pointer;color:inherit;background:transparent;opacity:.85;margin-right:-3px}.vs-tag__button:focus-visible{box-shadow:0 0 0 2px #1f73b759;outline:none}.vs-tag__primary{background:var(--vs-tag-primary);color:#fff}.vs-tag__success{background:var(--vs-tag-success);color:#fff}.vs-tag__danger{background:var(--vs-tag-danger);color:#fff}.vs-tag__warning{background:var(--vs-tag-warning);color:#703815}.vs-tag__secondary{background:var(--vs-tag-secondary);color:#fff}.vs-tag__size-small{padding:2px 5px;font-size:10px;border-radius:2px}.vs-tag__size-medium{font-size:12px;min-width:calc(16px + 1ch);padding:4px 8px;border-radius:2px}.vs-tag__size-large{font-size:12px;min-width:calc(24px + 1ch);padding:8px 13px;border-radius:4px}.vs-tag--bold{font-weight:var(--vs-tag-font-bold)}.vs-tag--pill{border-radius:100px;min-width:20px;text-align:center}.vs-tag--round{border-radius:50%;min-width:9px;text-align:center}
3
- `,document.head.appendChild(r);const _="",g=(e,a)=>{const o=e.__vccOpts||e;for(const[i,l]of a)o[i]=l;return o},c={name:"VsTag",props:{variant:{type:String},size:{type:String,default:"medium"},isBold:{type:Boolean,default:!0},isPill:{type:Boolean,default:!1},isRound:{type:Boolean,default:!1},bgColor:{type:String},textColor:{type:String},isClose:{type:Boolean,default:!1}},computed:{classList(){return[this.variant?`vs-tag__${this.variant}`:"",`vs-tag__size-${this.size}`,{"vs-tag--bold":this.isBold},{"vs-tag--pill":this.isPill},{"vs-tag--round":this.isRound}]},cssVars(){return{"--vs-tag-bg-color":this.bgColor,"--vs-tag-text-color":this.textColor}},isCssVars(){return this.bgColor||this.textColor?this.cssVars:""}}},p=[t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",focusable:"false",role:"presentation"},[t.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round",d:"M3 9l6-6m0 6L3 3"})],-1)];function v(e,a,o,i,l,d){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["vs-tag",d.classList]),style:t.normalizeStyle(d.isCssVars)},[t.createElementVNode("span",null,[t.renderSlot(e.$slots,"default")]),o.isClose?t.renderSlot(e.$slots,"close",{key:0},()=>[t.createElementVNode("button",{class:"vs-tag__button",onClick:a[0]||(a[0]=t.withModifiers(b=>e.$emit("click",!0),["stop"]))},p)]):t.createCommentVNode("",!0)],6)}const n=g(c,[["render",v]]),u={install(e){e.component("VsTag",n)}};return s.default=n,s.plugin=u,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),s}({},Vue);
1
+ (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.id="vs-tag-styles",a.appendChild(document.createTextNode("[data-theme=dark] .vs-tag,.dark .vs-tag{--vs-tag-bg-color: #39434b;--vs-tag-text-color: #d8dcde}.vs-tag{--vs-tag-bg-color: #e9ebed;--vs-tag-text-color: #49545c;--vs-tag-primary: #1f73b7;--vs-tag-success: #186146;--vs-tag-danger: #cc3340;--vs-tag-warning: #ffb057;--vs-tag-secondary: #3a3a3a;--vs-tag-font-bold: 600;background-color:var(--vs-tag-bg-color);color:var(--vs-tag-text-color);max-width:100%;display:inline-flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center;justify-content:center;line-height:19px}.vs-tag__button{display:inline-flex;margin-left:5px;border:none;padding:0;cursor:pointer;color:inherit;background:transparent;opacity:.85;margin-right:-3px}.vs-tag__button:focus-visible{box-shadow:0 0 0 2px #1f73b759;outline:none}.vs-tag__primary{background:var(--vs-tag-primary);color:#fff}.vs-tag__success{background:var(--vs-tag-success);color:#fff}.vs-tag__danger{background:var(--vs-tag-danger);color:#fff}.vs-tag__warning{background:var(--vs-tag-warning);color:#703815}.vs-tag__secondary{background:var(--vs-tag-secondary);color:#fff}.vs-tag__size-small{padding:2px 5px;font-size:10px;border-radius:2px}.vs-tag__size-medium{font-size:12px;min-width:calc(16px + 1ch);padding:4px 8px;border-radius:2px}.vs-tag__size-large{font-size:12px;min-width:calc(24px + 1ch);padding:8px 13px;border-radius:4px}.vs-tag--bold{font-weight:var(--vs-tag-font-bold)}.vs-tag--pill{border-radius:100px;min-width:20px;text-align:center}.vs-tag--round{border-radius:50%;min-width:9px;text-align:center}")),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
+ var VsTag=function(s,t){"use strict";const p="",c=(e,o)=>{const l=e.__vccOpts||e;for(const[n,r]of o)l[n]=r;return l},d={name:"VsTag",props:{variant:{type:String},size:{type:String,default:"medium"},isBold:{type:Boolean,default:!0},isPill:{type:Boolean,default:!1},isRound:{type:Boolean,default:!1},bgColor:{type:String},textColor:{type:String},isClose:{type:Boolean,default:!1}},computed:{classList(){return[this.variant?`vs-tag__${this.variant}`:"",`vs-tag__size-${this.size}`,{"vs-tag--bold":this.isBold},{"vs-tag--pill":this.isPill},{"vs-tag--round":this.isRound}]},cssVars(){return{"--vs-tag-bg-color":this.bgColor,"--vs-tag-text-color":this.textColor}},isCssVars(){return this.bgColor||this.textColor?this.cssVars:""}}},g=[t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",focusable:"false",role:"presentation"},[t.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round",d:"M3 9l6-6m0 6L3 3"})],-1)];function u(e,o,l,n,r,i){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["vs-tag",i.classList]),style:t.normalizeStyle(i.isCssVars)},[t.createElementVNode("span",null,[t.renderSlot(e.$slots,"default")]),l.isClose?t.renderSlot(e.$slots,"close",{key:0},()=>[t.createElementVNode("button",{class:"vs-tag__button",onClick:o[0]||(o[0]=t.withModifiers(h=>e.$emit("click",!0),["stop"]))},g)]):t.createCommentVNode("",!0)],6)}const a=c(d,[["render",u]]),_={install(e){e.component("VsTag",a)}};return s.default=a,s.plugin=_,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),s}({},Vue);
package/dist/index.umd.js CHANGED
@@ -1,3 +1,2 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode("[data-theme=dark] .vs-tag,.dark .vs-tag{--vs-tag-bg-color: #39434b;--vs-tag-text-color: #d8dcde}.vs-tag{--vs-tag-bg-color: #e9ebed;--vs-tag-text-color: #49545c;--vs-tag-primary: #1f73b7;--vs-tag-success: #186146;--vs-tag-danger: #cc3340;--vs-tag-warning: #ffb057;--vs-tag-secondary: #3a3a3a;--vs-tag-font-bold: 600;background-color:var(--vs-tag-bg-color);color:var(--vs-tag-text-color);max-width:100%;display:inline-flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center;justify-content:center;line-height:19px}.vs-tag__button{display:inline-flex;margin-left:5px;border:none;padding:0;cursor:pointer;color:inherit;background:transparent;opacity:.85;margin-right:-3px}.vs-tag__button:focus-visible{box-shadow:0 0 0 2px #1f73b759;outline:none}.vs-tag__primary{background:var(--vs-tag-primary);color:#fff}.vs-tag__success{background:var(--vs-tag-success);color:#fff}.vs-tag__danger{background:var(--vs-tag-danger);color:#fff}.vs-tag__warning{background:var(--vs-tag-warning);color:#703815}.vs-tag__secondary{background:var(--vs-tag-secondary);color:#fff}.vs-tag__size-small{padding:2px 5px;font-size:10px;border-radius:2px}.vs-tag__size-medium{font-size:12px;min-width:calc(16px + 1ch);padding:4px 8px;border-radius:2px}.vs-tag__size-large{font-size:12px;min-width:calc(24px + 1ch);padding:8px 13px;border-radius:4px}.vs-tag--bold{font-weight:var(--vs-tag-font-bold)}.vs-tag--pill{border-radius:100px;min-width:20px;text-align:center}.vs-tag--round{border-radius:50%;min-width:9px;text-align:center}")),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
- (function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.VsTag={},e.Vue))})(this,function(e,t){"use strict";var r=document.createElement("style");r.textContent=`[data-theme=dark] .vs-tag,.dark .vs-tag{--vs-tag-bg-color: #39434b;--vs-tag-text-color: #d8dcde}.vs-tag{--vs-tag-bg-color: #e9ebed;--vs-tag-text-color: #49545c;--vs-tag-primary: #1f73b7;--vs-tag-success: #186146;--vs-tag-danger: #cc3340;--vs-tag-warning: #ffb057;--vs-tag-secondary: #3a3a3a;--vs-tag-font-bold: 600;background-color:var(--vs-tag-bg-color);color:var(--vs-tag-text-color);max-width:100%;display:inline-flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center;justify-content:center;line-height:19px}.vs-tag__button{display:inline-flex;margin-left:5px;border:none;padding:0;cursor:pointer;color:inherit;background:transparent;opacity:.85;margin-right:-3px}.vs-tag__button:focus-visible{box-shadow:0 0 0 2px #1f73b759;outline:none}.vs-tag__primary{background:var(--vs-tag-primary);color:#fff}.vs-tag__success{background:var(--vs-tag-success);color:#fff}.vs-tag__danger{background:var(--vs-tag-danger);color:#fff}.vs-tag__warning{background:var(--vs-tag-warning);color:#703815}.vs-tag__secondary{background:var(--vs-tag-secondary);color:#fff}.vs-tag__size-small{padding:2px 5px;font-size:10px;border-radius:2px}.vs-tag__size-medium{font-size:12px;min-width:calc(16px + 1ch);padding:4px 8px;border-radius:2px}.vs-tag__size-large{font-size:12px;min-width:calc(24px + 1ch);padding:8px 13px;border-radius:4px}.vs-tag--bold{font-weight:var(--vs-tag-font-bold)}.vs-tag--pill{border-radius:100px;min-width:20px;text-align:center}.vs-tag--round{border-radius:50%;min-width:9px;text-align:center}
3
- `,document.head.appendChild(r);const f="",g=(s,o)=>{const a=s.__vccOpts||s;for(const[i,l]of o)a[i]=l;return a},c={name:"VsTag",props:{variant:{type:String},size:{type:String,default:"medium"},isBold:{type:Boolean,default:!0},isPill:{type:Boolean,default:!1},isRound:{type:Boolean,default:!1},bgColor:{type:String},textColor:{type:String},isClose:{type:Boolean,default:!1}},computed:{classList(){return[this.variant?`vs-tag__${this.variant}`:"",`vs-tag__size-${this.size}`,{"vs-tag--bold":this.isBold},{"vs-tag--pill":this.isPill},{"vs-tag--round":this.isRound}]},cssVars(){return{"--vs-tag-bg-color":this.bgColor,"--vs-tag-text-color":this.textColor}},isCssVars(){return this.bgColor||this.textColor?this.cssVars:""}}},p=[t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",focusable:"false",role:"presentation"},[t.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round",d:"M3 9l6-6m0 6L3 3"})],-1)];function u(s,o,a,i,l,d){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["vs-tag",d.classList]),style:t.normalizeStyle(d.isCssVars)},[t.createElementVNode("span",null,[t.renderSlot(s.$slots,"default")]),a.isClose?t.renderSlot(s.$slots,"close",{key:0},()=>[t.createElementVNode("button",{class:"vs-tag__button",onClick:o[0]||(o[0]=t.withModifiers(h=>s.$emit("click",!0),["stop"]))},p)]):t.createCommentVNode("",!0)],6)}const n=g(c,[["render",u]]),v={install(s){s.component("VsTag",n)}};e.default=n,e.plugin=v,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
1
+ (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.id="vs-tag-styles",a.appendChild(document.createTextNode("[data-theme=dark] .vs-tag,.dark .vs-tag{--vs-tag-bg-color: #39434b;--vs-tag-text-color: #d8dcde}.vs-tag{--vs-tag-bg-color: #e9ebed;--vs-tag-text-color: #49545c;--vs-tag-primary: #1f73b7;--vs-tag-success: #186146;--vs-tag-danger: #cc3340;--vs-tag-warning: #ffb057;--vs-tag-secondary: #3a3a3a;--vs-tag-font-bold: 600;background-color:var(--vs-tag-bg-color);color:var(--vs-tag-text-color);max-width:100%;display:inline-flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center;justify-content:center;line-height:19px}.vs-tag__button{display:inline-flex;margin-left:5px;border:none;padding:0;cursor:pointer;color:inherit;background:transparent;opacity:.85;margin-right:-3px}.vs-tag__button:focus-visible{box-shadow:0 0 0 2px #1f73b759;outline:none}.vs-tag__primary{background:var(--vs-tag-primary);color:#fff}.vs-tag__success{background:var(--vs-tag-success);color:#fff}.vs-tag__danger{background:var(--vs-tag-danger);color:#fff}.vs-tag__warning{background:var(--vs-tag-warning);color:#703815}.vs-tag__secondary{background:var(--vs-tag-secondary);color:#fff}.vs-tag__size-small{padding:2px 5px;font-size:10px;border-radius:2px}.vs-tag__size-medium{font-size:12px;min-width:calc(16px + 1ch);padding:4px 8px;border-radius:2px}.vs-tag__size-large{font-size:12px;min-width:calc(24px + 1ch);padding:8px 13px;border-radius:4px}.vs-tag--bold{font-weight:var(--vs-tag-font-bold)}.vs-tag--pill{border-radius:100px;min-width:20px;text-align:center}.vs-tag--round{border-radius:50%;min-width:9px;text-align:center}")),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
+ (function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.VsTag={},t.Vue))})(this,function(t,e){"use strict";const f="",d=(s,o)=>{const n=s.__vccOpts||s;for(const[i,r]of o)n[i]=r;return n},c={name:"VsTag",props:{variant:{type:String},size:{type:String,default:"medium"},isBold:{type:Boolean,default:!0},isPill:{type:Boolean,default:!1},isRound:{type:Boolean,default:!1},bgColor:{type:String},textColor:{type:String},isClose:{type:Boolean,default:!1}},computed:{classList(){return[this.variant?`vs-tag__${this.variant}`:"",`vs-tag__size-${this.size}`,{"vs-tag--bold":this.isBold},{"vs-tag--pill":this.isPill},{"vs-tag--round":this.isRound}]},cssVars(){return{"--vs-tag-bg-color":this.bgColor,"--vs-tag-text-color":this.textColor}},isCssVars(){return this.bgColor||this.textColor?this.cssVars:""}}},u=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",focusable:"false",role:"presentation"},[e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round",d:"M3 9l6-6m0 6L3 3"})],-1)];function p(s,o,n,i,r,a){return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["vs-tag",a.classList]),style:e.normalizeStyle(a.isCssVars)},[e.createElementVNode("span",null,[e.renderSlot(s.$slots,"default")]),n.isClose?e.renderSlot(s.$slots,"close",{key:0},()=>[e.createElementVNode("button",{class:"vs-tag__button",onClick:o[0]||(o[0]=e.withModifiers(h=>s.$emit("click",!0),["stop"]))},u)]):e.createCommentVNode("",!0)],6)}const l=d(c,[["render",p]]),g={install(s){s.component("VsTag",l)}};t.default=l,t.plugin=g,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vuesimple/vs-tag",
3
- "version": "3.1.6",
3
+ "version": "3.1.7",
4
4
  "description": "A simple vue tag. Perfect for all your tag scenarios.",
5
5
  "main": "dist/index.umd.js",
6
6
  "module": "dist/index.esm.js",
@@ -21,7 +21,8 @@
21
21
  "url": "git+https://github.com/ashwinkshenoy/vue-simple.git"
22
22
  },
23
23
  "publishConfig": {
24
- "registry": "https://registry.npmjs.org"
24
+ "registry": "https://registry.npmjs.org",
25
+ "access": "public"
25
26
  },
26
27
  "keywords": [
27
28
  "vue",
@@ -43,5 +44,5 @@
43
44
  "url": "https://github.com/ashwinkshenoy/vue-simple/issues"
44
45
  },
45
46
  "homepage": "https://github.com/ashwinkshenoy/vue-simple",
46
- "gitHead": "471beacd03d92a90d196c219edf169c87399f701"
47
+ "gitHead": "2002c260f34ce422b53c85326fbac4ae675a5cb5"
47
48
  }