sprintify-ui 0.0.138 → 0.0.139

package/dist/sprintify-ui.es.js

@@ -3085,7 +3085,7 @@ const ra = /* @__PURE__ */ pt(oc, [["render", sc]]), uc = { class: "relative w-f
         };
       }
       return {};
-    }), o = G(() => i.size == "base" ? "px-2.5 py-0.5 text-xs" : i.size == "lg" ? "px-3 py-0.5 text-sm" : "px-2.5 py-0.5 text-xs"), l = G(() => i.size == "base" ? "h-3 w-3 mr-1 -ml-0.5" : i.size == "lg" ? "h-4 w-4 mr-1 -ml-0.5" : "h-3 w-3 mr-1 -ml-0.5");
+    }), o = G(() => i.size == "sm" ? "px-2 py-px text-[11px]" : i.size == "base" ? "px-2.5 py-0.5 text-xs" : i.size == "lg" ? "px-3 py-0.5 text-sm" : "px-2.5 py-0.5 text-xs"), l = G(() => i.size == "sm" ? "h-2.5 w-2.5 mr-1 -ml-px" : i.size == "base" ? "h-3 w-3 mr-1 -ml-0.5" : i.size == "lg" ? "h-4 w-4 mr-1 -ml-0.5" : "h-3 w-3 mr-1 -ml-0.5");
     return (a, u) => (U(), J("span", {
       class: ue(["inline-flex items-center rounded-full font-medium", [$(n), $(o)]]),
       style: Ze($(r))

package/dist/types/src/components/BaseBadge.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     contrast: 'low' | 'high';
     color: 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink' | string;
-    size: 'base' | 'lg';
+    size: 'sm' | 'base' | 'lg';
     icon?: string | undefined;
 }>, {
     contrast: string;
@@ -11,7 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     contrast: 'low' | 'high';
     color: 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink' | string;
-    size: 'base' | 'lg';
+    size: 'sm' | 'base' | 'lg';
     icon?: string | undefined;
 }>, {
     contrast: string;
@@ -21,7 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     color: 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink' | string;
     icon: string;
-    size: 'base' | 'lg';
+    size: 'sm' | 'base' | 'lg';
     contrast: 'low' | 'high';
 }>, {
     default: (_: {}) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.138",
+  "version": "0.0.139",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseBadge.stories.js

@@ -14,7 +14,7 @@ const colors = [
   '#dbeafe',
 ];
 
-const sizes = ['base', 'lg'];
+const sizes = ['sm', 'base', 'lg'];
 
 export default {
   title: 'Components/BaseBadge',

package/src/components/BaseBadge.vue

@@ -26,7 +26,7 @@ const props = withDefaults(
       | 'purple'
       | 'pink'
       | string;
-    size: 'base' | 'lg';
+    size: 'sm' | 'base' | 'lg';
     icon?: string;
   }>(),
   {
@@ -118,6 +118,9 @@ const colorStyle = computed((): Record<string, string> => {
 });
 
 const sizeClasses = computed(() => {
+  if (props.size == 'sm') {
+    return 'px-2 py-px text-[11px]';
+  }
   if (props.size == 'base') {
     return 'px-2.5 py-0.5 text-xs';
   }
@@ -128,6 +131,9 @@ const sizeClasses = computed(() => {
 });
 
 const iconSizeClasses = computed(() => {
+  if (props.size == 'sm') {
+    return 'h-2.5 w-2.5 mr-1 -ml-px';
+  }
   if (props.size == 'base') {
     return 'h-3 w-3 mr-1 -ml-0.5';
   }