fluency-v8-components 1.6.2 → 1.6.3

package/dist/{index-JUukMsbD.mjs → index-BD385VDn.mjs}

@@ -4152,7 +4152,7 @@ function Sj(e, t, n, r, i, a) {
     n.error ? (z(), ce("div", Cj, Ge(n.error), 1)) : At("", !0)
   ], 64);
 }
-const HSe = /* @__PURE__ */ pr(wj, [["render", Sj]]), Ej = { class: "relative w-full rounded-lg text-left min-h-9" }, kj = { class: "flex flex-auto flex-wrap py-1" }, Fj = { class: "flex items-center ml-2 select-chip my-1" }, Lj = { class: "text-xs font-normal leading-none max-w-full flex-initial" }, Uj = {
+const HSe = /* @__PURE__ */ pr(wj, [["render", Sj]]), Ej = { class: "relative w-full rounded-lg text-left min-h-9" }, kj = { class: "flex flex-auto flex-wrap py-1" }, Fj = { class: "select-chip gray-chip" }, Lj = { class: "text-xs font-normal leading-none max-w-full flex-initial" }, Uj = {
   key: 0,
   class: "relative z-9 flex flex-auto flex-row-reverse"
 }, Tj = {
@@ -63339,7 +63339,7 @@ function(e) {
   var A = l.getContext("2d");
   A.fillStyle = "#fff", A.fillRect(0, 0, l.width, l.height);
   var u = { ignoreMouse: !0, ignoreAnimation: !0, ignoreDimensions: !0 }, d = this;
-  return (Bn.canvg ? Promise.resolve(Bn.canvg) : import("./index.es-BtbsMJYu.mjs")).catch(function(f) {
+  return (Bn.canvg ? Promise.resolve(Bn.canvg) : import("./index.es-CCBw7eZ9.mjs")).catch(function(f) {
     return Promise.reject(new Error("Could not load canvg: " + f));
   }).then(function(f) {
     return f.default ? f.default : f;

package/dist/{index.es-BtbsMJYu.mjs → index.es-CCBw7eZ9.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-BD385VDn.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.3",
   "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/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 }}