@veritree/ui 0.43.0 → 0.45.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritree/ui",
-  "version": "0.43.0",
+  "version": "0.45.0",
   "description": "veritree ui library",
   "type": "module",
   "main": "index.js",
@@ -22,6 +22,6 @@
   "devDependencies": {
     "prettier": "^2.7.1",
     "prettier-plugin-tailwindcss": "^0.1.13",
-    "tailwindcss": "^3.2.4"
+    "tailwindcss": "^3.3.2"
   }
 }

package/src/components/Dialog/VTDialogContent.vue

@@ -14,7 +14,7 @@
       :class="
         headless
           ? 'dialog-content'
-          : `relative m-auto flex flex-col overflow-auto rounded bg-white p-4 focus:outline-none lg:p-6 ${classes}`
+          : `relative m-auto flex flex-col overflow-auto rounded bg-white px-4 focus:outline-none lg:px-6 ${classes}`
       "
       tabindex="-1"
       @keydown.esc.stop="onEsc"

package/src/components/Dialog/VTDialogFooter.vue

@@ -4,7 +4,7 @@
     :class="[
       headless
         ? 'dialog-footer'
-        : '-mx-4 -mb-4 flex items-center justify-between gap-x-3 p-4 md:-mx-6 md:-mb-6 md:p-6',
+        : '-mx-4 flex items-center justify-between gap-x-3 p-4 md:-mx-6 md:px-6 md:py-5',
     ]"
   >
     <slot></slot>

package/src/components/Dialog/VTDialogHeader.vue

@@ -5,7 +5,7 @@
     :class="[
       headless
         ? 'dialog-header'
-        : '-mx-4 -mt-4 flex items-center justify-between gap-x-3 p-4 md:-mx-6 md:-mt-6 md:p-6',
+        : '-mx-4 flex items-center justify-between gap-x-3 p-4 md:-mx-6 md:px-6 md:py-5',
     ]"
     @click.stop
   >

package/src/components/Dialog/VTDialogMain.vue

@@ -2,7 +2,11 @@
   <component
     :is="as"
     :id="id"
-    :class="[headless ? 'dialog-body' : 'h-full flex-1']"
+    :class="[
+      headless
+        ? 'dialog-body'
+        : '-mx-4 flex-1 overflow-y-auto p-4 md:-mx-6 md:px-6 md:py-5',
+    ]"
   >
     <slot></slot>
   </component>

package/src/components/Form/VTFormFeedback.vue

@@ -19,7 +19,9 @@
           : null,
       ]"
     />
-    <span :class="[headless ? 'form-feedback--text' : 'text-sm text-gray-500']">
+    <span
+      :class="[headless ? 'form-feedback--text' : 'text-caption text-gray-500']"
+    >
       <slot />
     </span>
   </div>