@veritree/ui 0.63.0 → 0.63.2

package/mixins/form-control-icon.js

@@ -1,4 +1,7 @@
-import { formControlMixin, formControlStyleMixin } from '../mixins/form-control';
+import {
+  formControlMixin,
+  formControlStyleMixin,
+} from '../mixins/form-control';
 
 export const formControlIconMixin = {
   inheritAttrs: false,
@@ -22,7 +25,7 @@ export const formControlIconMixin = {
 
     classComputedWrapper() {
       return [
-        this.headless ? 'form-control-wrapper' : 'relative',
+        this.headless ? 'form-control-wrapper' : 'relative h-max',
         // placement styles
         this.headless
           ? `form-control-icon--${this.placement}`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritree/ui",
-  "version": "0.63.0",
+  "version": "0.63.2",
   "description": "veritree ui library",
   "type": "module",
   "main": "index.js",

package/src/components/Button/VTButton.vue

@@ -11,7 +11,7 @@
       headless
         ? 'button'
         : isIcon
-        ? 'inline-flex items-center justify-center rounded-full [&_svg]:max-h-full [&_svg]:max-w-full'
+        ? `relative inline-flex items-center justify-center rounded-full [&_svg]:max-h-full [&_svg]:max-w-full`
         : 'relative inline-flex rounded border border-solid px-4 text-sm font-semibold leading-none no-underline transition-all',
       // variant styles
       headless

package/src/components/Tabs/VTTab.vue

@@ -6,7 +6,7 @@
     :class="[
       headless
         ? 'tab-list__button'
-        : 'flex items-center rounded-none border-0 border-b-2 border-solid  bg-none px-0 py-2 font-semibold',
+        : 'flex items-center rounded-none border-0 border-b-2 border-solid  bg-none px-0 py-2 font-medium',
       selected
         ? headless
           ? 'tab-list__button--selected'
@@ -32,7 +32,7 @@ import { keys } from '../../utils/keyboard';
 export default {
   name: 'VTTabItem',
 
-  inject: ['api'],
+  inject: ['apiTabs'],
 
   props: {
     headless: {
@@ -43,7 +43,7 @@ export default {
 
   data() {
     return {
-      api: this.api(),
+      api: this.apiTabs(),
       index: null,
       indexFocus: null,
       selected: false,

package/src/components/Tabs/VTTabGroup.vue

@@ -15,7 +15,7 @@ export default {
   },
   provide() {
     return {
-      api: () => {
+      apiTabs: () => {
         const registerTab = (tab) => {
           _register(this.tabs, tab);
           if (tab.index === 0) tab.select();

package/src/components/Tabs/VTTabPanel.vue

@@ -14,11 +14,11 @@
 export default {
   name: 'VTTabPanel',
 
-  inject: ['api'],
+  inject: ['apiTabs'],
 
   data() {
     return {
-      api: this.api(),
+      api: this.apiTabs(),
       index: null,
       visible: false,
     };