@gits-id/badge - npm Package Compare versions

Comparing version 0.14.0 to 0.14.2-alpha.40

dist/badge.iife.js

@@ -1,1 +0,1 @@
-var Badge=function(a,e,d){"use strict";const i=(t=>t&&typeof t=="object"&&"default"in t?t:{default:t})(d),f="",o=e.defineComponent({__name:"VBadge",props:{color:{type:String,default:"default"},rounded:{type:[Boolean,String],default:!1},small:{type:Boolean,default:!1},large:{type:Boolean,default:!1},bgColor:{type:String,default:""},textColor:{type:String,default:"text-white"},circle:{type:Boolean,default:!1},dismissable:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},closeIcon:{type:String,default:"ri:close-line"},iconSize:{type:[String,Number],default:"xs"}},emits:["dismiss"],setup(t,{emit:r}){const l=t,n=()=>{r("dismiss")},c=e.computed(()=>{const s=typeof l.rounded=="string"?{[`badge--rounded-${l.rounded}`]:!!l.rounded}:l.rounded?"badge--rounded":"";return["badge",`badge-${l.color}`,s,{"badge--sm":l.small,"badge--lg":l.large,"badge--outlined":l.outlined,"badge--dismissable":l.dismissable}]});return(s,g)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["badge",e.unref(c)])},[e.renderSlot(s.$slots,"default"),e.renderSlot(s.$slots,"dismissable",{dismiss:n},()=>[t.dismissable?(e.openBlock(),e.createElementBlock("button",{key:0,class:"badge-dismiss-button",type:"button","aria-label":"Close",onClick:n},[e.createVNode(e.unref(i.default),{name:t.closeIcon,size:t.iconSize,class:"badge-icon"},null,8,["name","size"])])):e.createCommentVNode("",!0)])],2))}});return a.VBadge=o,a.default=o,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),a}({},Vue,Icon);
+var Badge=function(a,e,d){"use strict";const i=(t=>t&&typeof t=="object"&&"default"in t?t:{default:t})(d),f="",o=e.defineComponent({__name:"VBadge",props:{color:{type:String,default:"default"},rounded:{type:[Boolean,String],default:!1},small:{type:Boolean,default:!1},large:{type:Boolean,default:!1},bgColor:{type:String,default:""},textColor:{type:String,default:"text-white"},circle:{type:Boolean,default:!1},dismissable:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},closeIcon:{type:String,default:"ri:close-line"},iconSize:{type:[String,Number],default:"xs"}},emits:["dismiss"],setup(t,{emit:r}){const l=t,n=()=>{r("dismiss")},c=e.computed(()=>{const s=typeof l.rounded=="string"?{[`badge--rounded-${l.rounded}`]:!!l.rounded}:l.rounded?"badge--rounded":"";return["badge",`badge-${l.color}`,s,{"badge--sm":l.small,"badge--lg":l.large,"badge--outlined":l.outlined,"badge--dismissable":l.dismissable}]});return(s,m)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(c))},[e.renderSlot(s.$slots,"default"),e.renderSlot(s.$slots,"dismissable",{dismiss:n},()=>[t.dismissable?(e.openBlock(),e.createElementBlock("button",{key:0,class:"badge-dismiss-button",type:"button","aria-label":"Close",onClick:n},[e.createVNode(e.unref(i.default),{name:t.closeIcon,size:t.iconSize,class:"badge-icon"},null,8,["name","size"])])):e.createCommentVNode("",!0)])],2))}}),g="";return a.VBadge=o,a.default=o,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),a}({},Vue,Icon);

dist/badge.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@gits-id/icon"),u=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},r=u(i);const a=e.defineComponent({__name:"VBadge",props:{color:{type:String,default:"default"},rounded:{type:[Boolean,String],default:!1},small:{type:Boolean,default:!1},large:{type:Boolean,default:!1},bgColor:{type:String,default:""},textColor:{type:String,default:"text-white"},circle:{type:Boolean,default:!1},dismissable:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},closeIcon:{type:String,default:"ri:close-line"},iconSize:{type:[String,Number],default:"xs"}},emits:["dismiss"],setup(t,{emit:n}){const s=t,o=()=>{n("dismiss")},d=e.computed(()=>{const l=typeof s.rounded=="string"?{[`badge--rounded-${s.rounded}`]:!!s.rounded}:s.rounded?"badge--rounded":"";return["badge",`badge-${s.color}`,l,{"badge--sm":s.small,"badge--lg":s.large,"badge--outlined":s.outlined,"badge--dismissable":s.dismissable}]});return(l,c)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["badge",e.unref(d)])},[e.renderSlot(l.$slots,"default"),e.renderSlot(l.$slots,"dismissable",{dismiss:o},()=>[t.dismissable?(e.openBlock(),e.createElementBlock("button",{key:0,class:"badge-dismiss-button",type:"button","aria-label":"Close",onClick:o},[e.createVNode(e.unref(r.default),{name:t.closeIcon,size:t.iconSize,class:"badge-icon"},null,8,["name","size"])])):e.createCommentVNode("",!0)])],2))}});exports.VBadge=a;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@gits-id/icon"),r=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},u=r(i);const a=e.defineComponent({__name:"VBadge",props:{color:{type:String,default:"default"},rounded:{type:[Boolean,String],default:!1},small:{type:Boolean,default:!1},large:{type:Boolean,default:!1},bgColor:{type:String,default:""},textColor:{type:String,default:"text-white"},circle:{type:Boolean,default:!1},dismissable:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},closeIcon:{type:String,default:"ri:close-line"},iconSize:{type:[String,Number],default:"xs"}},emits:["dismiss"],setup(t,{emit:n}){const s=t,o=()=>{n("dismiss")},d=e.computed(()=>{const l=typeof s.rounded=="string"?{[`badge--rounded-${s.rounded}`]:!!s.rounded}:s.rounded?"badge--rounded":"";return["badge",`badge-${s.color}`,l,{"badge--sm":s.small,"badge--lg":s.large,"badge--outlined":s.outlined,"badge--dismissable":s.dismissable}]});return(l,c)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(d))},[e.renderSlot(l.$slots,"default"),e.renderSlot(l.$slots,"dismissable",{dismiss:o},()=>[t.dismissable?(e.openBlock(),e.createElementBlock("button",{key:0,class:"badge-dismiss-button",type:"button","aria-label":"Close",onClick:o},[e.createVNode(e.unref(u.default),{name:t.closeIcon,size:t.iconSize,class:"badge-icon"},null,8,["name","size"])])):e.createCommentVNode("",!0)])],2))}});exports.VBadge=a;exports.default=a;

dist/badge.umd.js

@@ -1,1 +0,1 @@
-(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@gits-id/icon")):typeof define=="function"&&define.amd?define(["exports","vue","@gits-id/icon"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s.Badge={},s.Vue,s.Icon))})(this,function(s,e,a){"use strict";const i=(t=>t&&typeof t=="object"&&"default"in t?t:{default:t})(a),f="",l=e.defineComponent({__name:"VBadge",props:{color:{type:String,default:"default"},rounded:{type:[Boolean,String],default:!1},small:{type:Boolean,default:!1},large:{type:Boolean,default:!1},bgColor:{type:String,default:""},textColor:{type:String,default:"text-white"},circle:{type:Boolean,default:!1},dismissable:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},closeIcon:{type:String,default:"ri:close-line"},iconSize:{type:[String,Number],default:"xs"}},emits:["dismiss"],setup(t,{emit:r}){const n=t,d=()=>{r("dismiss")},u=e.computed(()=>{const o=typeof n.rounded=="string"?{[`badge--rounded-${n.rounded}`]:!!n.rounded}:n.rounded?"badge--rounded":"";return["badge",`badge-${n.color}`,o,{"badge--sm":n.small,"badge--lg":n.large,"badge--outlined":n.outlined,"badge--dismissable":n.dismissable}]});return(o,g)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["badge",e.unref(u)])},[e.renderSlot(o.$slots,"default"),e.renderSlot(o.$slots,"dismissable",{dismiss:d},()=>[t.dismissable?(e.openBlock(),e.createElementBlock("button",{key:0,class:"badge-dismiss-button",type:"button","aria-label":"Close",onClick:d},[e.createVNode(e.unref(i.default),{name:t.closeIcon,size:t.iconSize,class:"badge-icon"},null,8,["name","size"])])):e.createCommentVNode("",!0)])],2))}});s.VBadge=l,s.default=l,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@gits-id/icon")):typeof define=="function"&&define.amd?define(["exports","vue","@gits-id/icon"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s.Badge={},s.Vue,s.Icon))})(this,function(s,e,a){"use strict";const i=(t=>t&&typeof t=="object"&&"default"in t?t:{default:t})(a),f="",l=e.defineComponent({__name:"VBadge",props:{color:{type:String,default:"default"},rounded:{type:[Boolean,String],default:!1},small:{type:Boolean,default:!1},large:{type:Boolean,default:!1},bgColor:{type:String,default:""},textColor:{type:String,default:"text-white"},circle:{type:Boolean,default:!1},dismissable:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},closeIcon:{type:String,default:"ri:close-line"},iconSize:{type:[String,Number],default:"xs"}},emits:["dismiss"],setup(t,{emit:r}){const n=t,d=()=>{r("dismiss")},c=e.computed(()=>{const o=typeof n.rounded=="string"?{[`badge--rounded-${n.rounded}`]:!!n.rounded}:n.rounded?"badge--rounded":"";return["badge",`badge-${n.color}`,o,{"badge--sm":n.small,"badge--lg":n.large,"badge--outlined":n.outlined,"badge--dismissable":n.dismissable}]});return(o,m)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(c))},[e.renderSlot(o.$slots,"default"),e.renderSlot(o.$slots,"dismissable",{dismiss:d},()=>[t.dismissable?(e.openBlock(),e.createElementBlock("button",{key:0,class:"badge-dismiss-button",type:"button","aria-label":"Close",onClick:d},[e.createVNode(e.unref(i.default),{name:t.closeIcon,size:t.iconSize,class:"badge-icon"},null,8,["name","size"])])):e.createCommentVNode("",!0)])],2))}}),g="";s.VBadge=l,s.default=l,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

dist/types/index.d.ts

 import VBadge from './VBadge.vue';
+import './VBadge.dark.scss';
 export * from './types';
 export { VBadge };
 export default VBadge;

package.json

 {
   "name": "@gits-id/badge",
-  "version": "0.14.0",
+  "version": "0.14.2-alpha.40+8dc709d4",
   "description": "GITS Badge Component",
@@ -18,9 +18,9 @@ "scripts": {
   "dependencies": {
-    "@gits-id/icon": "^0.14.0",
+    "@gits-id/icon": "^0.14.2-alpha.40+8dc709d4",
     "vue": "^3.2.33"
   },
   "devDependencies": {
-    "@gits-id/tailwind-config": "^0.14.0",
-    "@gits-id/theme": "^0.13.20",
-    "@gits-id/utils": "^0.13.0",
+    "@gits-id/tailwind-config": "^0.14.2-alpha.40+8dc709d4",
+    "@gits-id/theme": "^0.14.2-alpha.40+8dc709d4",
+    "@gits-id/utils": "^0.14.2-alpha.40+8dc709d4",
     "@vue/test-utils": "^2.0.0-rc.17",
@@ -46,3 +46,3 @@ "c8": "^7.11.3",
   },
-  "gitHead": "43c2a8639bddc0f70be9b77d9f9216c43a8e3d33"
+  "gitHead": "8dc709d41310d75cc8e34711cd195c5168291bd3"
 }

src/index.ts

 import VBadge from './VBadge.vue';
+import './VBadge.dark.scss';
 
@@ -3,0 +4,0 @@ export * from './types';

src/VBadge.stories.ts

@@ -5,4 +5,5 @@ import VBadge from './VBadge.vue';
 import {defaultRounded, defaultColors} from '@gits-id/theme/defaultTheme';
+import './VBadge.dark.scss';
 
-const colors = ['default', ...defaultColors];
+const colors = defaultColors;
 
@@ -196,1 +197,28 @@ export default {
 };
+
+export const DarkMode = () => ({
+  components: {VBadge},
+  setup() {
+    return {
+      colors,
+      variants: ['default', 'outlined'],
+    };
+  },
+  template: `
+<div class="dark dark:bg-neutral-900 dark:text-neutral-200 p-6">
+  <div v-for="variant in variants" :key="variant" class="mb-5">  
+    <p>{{ variant }}</p>
+    <div class="space-x-2 space-y-2">
+      <VBadge
+        v-for="color in colors"
+        :color="color"
+        :key="color"
+        v-bind:[variant]="true"
+      >
+        {{ color }}
+      </VBadge>
+    </div>
+  </div>
+</div>
+  `,
+});

New alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

44088

increased by4.03%

Number of package files

26

increased by4%

Lines of code

771

increased by3.91%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@gits-id/icon@0.14.2-alpha.40(transitive)

• + Added@gits-id/theme@0.14.2-alpha.40(transitive)

• + Addednanoid@3.3.8(transitive)

• - Removed@gits-id/icon@0.14.0(transitive)

• - Removed@gits-id/theme@0.13.20(transitive)

• - Removednanoid@3.3.9(transitive)

• Updated@gits-id/icon@^0.14.2-alpha.40+8dc709d4