@budibase/bbui 3.27.1 → 3.27.2

package/dist/{easymde-Bud61pCu.mjs → easymde-DUNRBRSd.mjs}

@@ -1,4 +1,4 @@
-import { g as Ys, a as Zs } from "./index-C6E3Z5XY.mjs";
+import { g as Ys, a as Zs } from "./index-BkQ7CV8b.mjs";
 const Qs = {}, $s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Qs

package/dist/{index-C6E3Z5XY.mjs → index-BkQ7CV8b.mjs}

@@ -43018,7 +43018,7 @@ function SpectrumMDE(l, u) {
   let f = prop(u, "height", 12, null), p = prop(u, "scroll", 8, !0), v = prop(u, "easyMDEOptions", 8, null), y = prop(u, "mde", 12, null), b = prop(u, "id", 8, null), $ = prop(u, "fullScreenOffset", 8, null), w = prop(u, "disabled", 8, !1), k = /* @__PURE__ */ mutable_source(void 0);
   onMount(async () => {
     f(f() || "200px");
-    const { default: F } = await import("./easymde-Bud61pCu.mjs").then((T) => T.e);
+    const { default: F } = await import("./easymde-DUNRBRSd.mjs").then((T) => T.e);
     y(new F({
       element: get$2(k),
       spellChecker: !1,
@@ -44282,7 +44282,7 @@ function Multiselect_1(l, u) {
     $$slots: { default: !0 }
   }), pop();
 }
-var root_1$q = /* @__PURE__ */ from_html('<div><div class="pill-list svelte-1a10bb"></div> <input class="spectrum-Textfield-input pill-input-field svelte-1a10bb"/></div>');
+var root_1$q = /* @__PURE__ */ from_html('<div role="presentation"><div class="pill-list svelte-1a10bb"></div> <input class="spectrum-Textfield-input pill-input-field svelte-1a10bb"/></div>');
 function PillInput(l, u) {
   push$1(u, !1);
   let m = prop(u, "value", 28, () => []), f = prop(u, "label", 24, () => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@budibase/bbui",
   "description": "A UI solution used in the different Budibase projects.",
-  "version": "3.27.1",
+  "version": "3.27.2",
   "license": "MPL-2.0",
   "module": "dist/bbui.mjs",
   "exports": {
@@ -107,5 +107,5 @@
       }
     }
   },
-  "gitHead": "e16e4f2acb1dbf82177c69b4cbfd23c3bdf16544"
+  "gitHead": "63fd980947ecc5adf6fbcd928c73113dac34f7a1"
 }

package/src/Form/PillInput.svelte

@@ -147,6 +147,7 @@
     class:is-disabled={disabled}
     class:is-focused={focused}
     class:is-invalid={!!error}
+    role="presentation"
     on:click={() => {
       if (!disabled && !readonly) {
         inputEl?.focus()
@@ -244,6 +245,15 @@
     line-height: 1;
     display: inline-flex;
     align-items: center;
+    padding-left: 4px;
+    padding-right: 2px;
+  }
+  .pill-input :global(.spectrum-ClearButton) {
+    width: 16px;
+    height: 16px;
+  }
+  .pill-input :global(.spectrum-ClearButton i) {
+    font-size: 12px;
   }
   .pill-list {
     display: contents;