@indielayer/ui 1.13.0 → 1.13.2

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.13.0";
+declare const _default: "1.13.2";
 export default _default;

package/lib/version.js

@@ -1,4 +1,4 @@
-const e = "1.13.0";
+const e = "1.13.2";
 export {
   e as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indielayer/ui",
-  "version": "1.13.0",
+  "version": "1.13.2",
   "description": "Indielayer UI Components with Tailwind CSS build for Vue 3",
   "author": {
     "name": "João Teixeira",

package/src/components/select/Select.vue

@@ -427,7 +427,7 @@ function calcMaxTags() {
   const tagsArray = Array.from(tags)
 
   let totalWidth = 0
-  let tagsCount = 0
+  let tagsCount = 1
 
   const maxWidth = tagsRef.value.offsetWidth - 30
 

package/src/components/table/TableHeader.vue

@@ -22,7 +22,7 @@ export type TableHeaderSort = typeof validators.sort[number]
 export type TableHeaderAlign = typeof validators.textAlign[number]
 export type TableHeaderProps = ExtractPublicPropTypes<typeof tableHeaderProps>
 
-type InternalClasses = 'th' | 'sortIcon'
+type InternalClasses = 'th' | 'sortIcon' | 'header'
 export interface TableHeaderTheme extends ThemeComponent<TableHeaderProps, InternalClasses> {}
 
 export default { name: 'XTableHeader', validators }
@@ -40,7 +40,7 @@ const { styles, classes, className } = useTheme('TableHeader', {}, props)
 
 <template>
   <th :style="styles" :class="[className, classes.th, 'group/th']">
-    <div class="flex items-center gap-1 select-none">
+    <div :class="classes.header">
       <slot></slot>
 
       <x-toggle-tip v-if="tooltip" :content="tooltip"/>

package/src/components/table/theme/TableHeader.base.theme.ts

@@ -7,10 +7,16 @@ const theme: TableHeaderTheme = {
 
       if (props.sortable) classes.push('cursor-pointer hover:text-secondary-800 dark:hover:text-secondary-300 transition-colors duration-150 ease-in-out')
 
-      if (props.textAlign === 'left') classes.push('text-left')
-      if (props.textAlign === 'right') classes.push('text-right')
-      if (props.textAlign === 'center') classes.push('text-center')
-      if (props.textAlign === 'justify') classes.push('text-justify')
+      return classes
+    },
+
+    header: ({ props }) => {
+      const classes = ['flex items-center gap-1 select-none']
+
+      if (props.textAlign === 'left') classes.push('justify-start')
+      if (props.textAlign === 'right') classes.push('justify-end')
+      if (props.textAlign === 'center') classes.push('justify-center')
+      if (props.textAlign === 'justify') classes.push('justify-center')
 
       return classes
     },

package/src/version.ts

@@ -1 +1 @@
-export default '1.13.0'
+export default '1.13.2'