fluency-v8-components 1.6.2 → 1.6.4

package/dist/{index.es-BtbsMJYu.mjs → index.es-Cke65bfA.mjs}

@@ -1,4 +1,4 @@
-import { c as Da, _ as Va, g as il } from "./index-JUukMsbD.mjs";
+import { c as Da, _ as Va, g as il } from "./index-4NgVVVwe.mjs";
 var fn = {}, cn = {}, cr, vn;
 function Q() {
   if (vn) return cr;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluency-v8-components",
-  "version": "1.6.2",
+  "version": "1.6.4",
   "main": "dist/fluency-v8-components.umd.js",
   "module": "dist/fluency-v8-components.es.js",
   "types": "dist/index.d.ts",

package/src/assets/main.css

@@ -517,7 +517,7 @@
     @apply inline-flex items-center rounded-md px-2 py-1 font-medium ring-1 ring-inset;
   }
   .select-chip {
-    @apply px-1 text-sm font-medium rounded-full bg-sky-200 dark:bg-sky-700;
+    @apply p-1 text-sm font-medium rounded-md inline-flex items-center ml-2 my-1;
   }
   .green-chip {
     @apply bg-green-100 ring-green-600/30 text-green-700 dark:bg-green-400/10 dark:ring-green-500/20 dark:text-green-400;
@@ -531,6 +531,9 @@
   .blue-chip {
     @apply bg-blue-100 ring-blue-600/30 text-blue-700 dark:bg-blue-400/10 dark:ring-blue-500/20 dark:text-blue-400;
   }
+  .gray-chip {
+    @apply bg-gray-200 ring-gray-600/50 text-gray-900 dark:bg-slate-900/40 dark:ring-gray-900/50 dark:text-gray-300;
+  }
 
   .image-position-box {
     @apply border border-gray-400 p-1 m-1 dark:border-white;

package/src/components/common/Slideout.vue

@@ -60,8 +60,14 @@
                       </div>
                     </div>
                   </div>
-                  <div class="flex flex-shrink-0 justify-end px-4 py-4">
-                    <slot name="footer" />
+                  <div class="flex flex-shrink-0 items-center justify-between px-4 py-4">
+                    <div class="flex items-center gap-2">
+                      <slot name="footer-left" />
+                    </div>
+
+                    <div class="flex items-center gap-2">
+                      <slot name="footer" />
+                    </div>
                   </div>
                 </div>
               </DialogPanel>

package/src/components/form/GreySelectInputMultiple.vue

@@ -14,7 +14,7 @@
       >
         <div
           v-for="val in selected"
-          class="flex items-center ml-2 select-chip my-1"
+          class="select-chip gray-chip"
         >
           <div class="text-xs font-normal leading-none max-w-full flex-initial">
             {{ val.label }}