sprintify-ui 0.9.4 → 0.9.5

package/dist/sprintify-ui.es.js

@@ -7021,6 +7021,7 @@ const VT = {
     iconPosition: { default: "start" },
     size: { default: "md" },
     sizeBehavior: { default: ah.default },
+    align: { default: "center" },
     color: { default: "" },
     to: { default: void 0 }
   },
@@ -7063,7 +7064,7 @@ const VT = {
       return {};
     }), u = A(() => {
       const p = ["flex items-center w-full"];
-      return i.loading && p.push("opacity-0"), i.icon && (s.value == "xs" || s.value == "sm" ? p.push("gap-0.5") : (s.value == "md" || s.value == "lg" || s.value == "xl") && p.push("gap-1")), o.value ? p.push("justify-center") : p.push("justify-between"), p;
+      return i.loading && p.push("opacity-0"), i.icon && (s.value == "xs" || s.value == "sm" ? p.push("gap-0.5") : (s.value == "md" || s.value == "lg" || s.value == "xl") && p.push("gap-1")), i.align == "center" ? p.push("justify-center") : p.push("justify-between"), p;
     }), d = A(() => {
       const p = ["shrink-0"];
       return o.value || (i.iconPosition === "start" ? p.push("-translate-x-[20%]") : i.iconPosition === "end" && p.push("translate-x-[20%]")), s.value === "xs" ? p.push("h-3 w-3") : s.value === "sm" ? p.push("h-3.5 w-3.5") : s.value === "md" ? p.push("h-4 w-4") : s.value === "lg" ? p.push("h-5 w-5") : s.value === "xl" && p.push("h-6 w-6"), p;

package/dist/types/components/BaseButton.vue.d.ts

@@ -44,6 +44,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     iconPosition?: "start" | "end";
     size?: Size;
     sizeBehavior?: SizeBehavior;
+    align?: "center" | "between";
     color?: keyof typeof colors | string;
     to?: RouteLocationRaw;
 }, {
@@ -64,6 +65,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     iconPosition?: "start" | "end";
     size?: Size;
     sizeBehavior?: SizeBehavior;
+    align?: "center" | "between";
     color?: keyof typeof colors | string;
     to?: RouteLocationRaw;
 }> & Readonly<{
@@ -84,6 +86,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     loading: boolean;
     iconPosition: "start" | "end";
     sizeBehavior: SizeBehavior;
+    align: "center" | "between";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/types/components/BaseDialog.vue.d.ts

@@ -277,6 +277,7 @@ declare function __VLS_template(): {
                 readonly iconPosition?: ("start" | "end") | undefined;
                 readonly size?: import("../utils/sizes.js").Size | undefined;
                 readonly sizeBehavior?: import("../utils/sizeBehaviors.js").SizeBehavior | undefined;
+                readonly align?: ("center" | "between") | undefined;
                 readonly color?: (("" | "danger" | "success" | "warning" | "primary" | "secondary" | "info" | "black" | "white" | "secondary-outline" | "success-outline" | "danger-outline" | "warning-outline" | "info-outline" | "slate-100" | "slate-100-outline" | "slate-200" | "slate-200-outline") | string) | undefined;
                 readonly to?: import("vue-router").RouteLocationRaw | undefined;
                 readonly onClick?: ((...args: any[]) => any) | undefined;
@@ -309,6 +310,7 @@ declare function __VLS_template(): {
                 iconPosition?: "start" | "end";
                 size?: import("../utils/sizes.js").Size;
                 sizeBehavior?: import("../utils/sizeBehaviors.js").SizeBehavior;
+                align?: "center" | "between";
                 color?: ("" | "danger" | "success" | "warning" | "primary" | "secondary" | "info" | "black" | "white" | "secondary-outline" | "success-outline" | "danger-outline" | "warning-outline" | "info-outline" | "slate-100" | "slate-100-outline" | "slate-200" | "slate-200-outline") | string;
                 to?: import("vue-router").RouteLocationRaw;
             }> & Readonly<{
@@ -336,6 +338,7 @@ declare function __VLS_template(): {
                 loading: boolean;
                 iconPosition: "start" | "end";
                 sizeBehavior: import("../utils/sizeBehaviors.js").SizeBehavior;
+                align: "center" | "between";
             }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -369,6 +372,7 @@ declare function __VLS_template(): {
             loading: boolean;
             iconPosition: "start" | "end";
             sizeBehavior: import("../utils/sizeBehaviors.js").SizeBehavior;
+            align: "center" | "between";
         }> & Omit<Readonly<{
             as?: string;
             disabled?: boolean;
@@ -380,6 +384,7 @@ declare function __VLS_template(): {
             iconPosition?: "start" | "end";
             size?: import("../utils/sizes.js").Size;
             sizeBehavior?: import("../utils/sizeBehaviors.js").SizeBehavior;
+            align?: "center" | "between";
             color?: ("" | "danger" | "success" | "warning" | "primary" | "secondary" | "info" | "black" | "white" | "secondary-outline" | "success-outline" | "danger-outline" | "warning-outline" | "info-outline" | "slate-100" | "slate-100-outline" | "slate-200" | "slate-200-outline") | string;
             to?: import("vue-router").RouteLocationRaw;
         }> & Readonly<{
@@ -387,7 +392,7 @@ declare function __VLS_template(): {
             onMouseenter?: ((...args: any[]) => any) | undefined;
             onMouseleave?: ((...args: any[]) => any) | undefined;
             onMouseover?: ((...args: any[]) => any) | undefined;
-        }>, "focus" | ("class" | "to" | "type" | "href" | "color" | "icon" | "size" | "disabled" | "as" | "loading" | "iconPosition" | "sizeBehavior")> & import("vue").ShallowUnwrapRef<{
+        }>, "focus" | ("class" | "to" | "type" | "href" | "color" | "icon" | "size" | "disabled" | "as" | "loading" | "iconPosition" | "sizeBehavior" | "align")> & import("vue").ShallowUnwrapRef<{
             focus: () => void;
         }> & {} & import("vue").ComponentCustomProperties & {} & {
             $slots: {

package/dist/types/components/BaseTableColumn.vue.d.ts

@@ -183,12 +183,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     href: (row: CollectionItem) => string;
     meta: Record<string, any> | unknown[];
     width: number;
+    align: "left" | "center" | "right";
     field: string;
     padding: string;
     searchable: boolean;
     customKey: string | number;
     numeric: boolean;
-    align: "left" | "center" | "right";
     sortable: boolean;
     ignoreRowInteractions: boolean;
     toggleDefault: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.9.4",
+  "version": "0.9.5",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

package/src/components/BaseButton.vue

@@ -95,6 +95,7 @@ const props = withDefaults(defineProps<{
   iconPosition?: 'start' | 'end';
   size?: Size;
   sizeBehavior?: SizeBehavior;
+  align?: 'center' | 'between';
   color?: keyof typeof colors | string;
   to?: RouteLocationRaw;
 }>(), {
@@ -109,6 +110,7 @@ const props = withDefaults(defineProps<{
   size: 'md',
   sizeBehavior: SizeBehavior.default,
   color: '',
+  align: 'center',
   to: undefined,
 });
 
@@ -190,7 +192,7 @@ const containerClass = computed(() => {
     }
   }
 
-  if (iconOnly.value) {
+  if (props.align == 'center') {
     classes.push('justify-center');
   } else {
     classes.push('justify-between');