@budibase/bbui 3.13.29 → 3.14.0

package/dist/bbui.mjs

@@ -22885,13 +22885,13 @@ function create_fragment$1$(f) {
 function instance$1_(f, u, p) {
   let m, v, y, { size: k = "M" } = u, { name: S = "plus" } = u, { hidden: T = !1 } = u, { hoverable: O = !1 } = u, { disabled: R = !1 } = u, { color: L = void 0 } = u, { hoverColor: M = void 0 } = u, { tooltip: P = void 0 } = u, { weight: H = "regular" } = u;
   const j = {
-    XS: "0.75rem",
-    S: "1rem",
-    M: "1.25rem",
-    L: "1.5rem",
-    XL: "2rem",
-    XXL: "2.5rem",
-    XXXL: "5rem"
+    XS: "14px",
+    S: "16px",
+    M: "18px",
+    L: "22px",
+    XL: "28px",
+    XXL: "36px",
+    XXXL: "72px"
   }, Y = (fe, le, _e) => {
     let we = `--size:${j[fe]};`;
     return le && (we += `--color:${le};`), _e && (we += `--hover-color:${_e};`), we;
@@ -27153,7 +27153,7 @@ function create_else_block_1$5(f) {
   return {
     c() {
       u = element("span"), p = element("img"), src_url_equal(p.src, m = /*fieldIcon*/
-      f[5]) || attr(p, "src", m), attr(p, "alt", "icon"), attr(p, "width", "15"), attr(p, "height", "15"), attr(u, "class", "option-extra icon field-icon svelte-gy7rxw");
+      f[5]) || attr(p, "src", m), attr(p, "alt", "icon"), set_style(p, "height", "15px"), set_style(p, "width", "auto"), attr(u, "class", "option-extra icon field-icon svelte-gy7rxw");
     },
     m(v, y) {
       insert(v, u, y), append$1(u, p);
@@ -27479,7 +27479,7 @@ function create_if_block_8$3(f) {
         f[50],
         /*idx*/
         f[52]
-      )) || attr(u, "src", p), attr(u, "alt", "icon"), attr(u, "width", "15"), attr(u, "height", "15");
+      )) || attr(u, "src", p), attr(u, "alt", "icon"), set_style(u, "height", "15px"), set_style(u, "width", "auto");
     },
     m(m, v) {
       insert(m, u, v);
@@ -32200,7 +32200,10 @@ function create_if_block_2$g(f) {
         /*icon*/
         f[3]
       ),
-      size: "M",
+      size: (
+        /*size*/
+        f[4]
+      ),
       color: `var(--spectrum-global-color-gray-${/*$$slots*/
       f[12].default ? 600 : 700})`
     }
@@ -32215,7 +32218,9 @@ function create_if_block_2$g(f) {
       const y = {};
       v & /*icon*/
       8 && (y.name = /*icon*/
-      m[3]), v & /*$$slots*/
+      m[3]), v & /*size*/
+      16 && (y.size = /*size*/
+      m[4]), v & /*$$slots*/
       4096 && (y.color = `var(--spectrum-global-color-gray-${/*$$slots*/
       m[12].default ? 600 : 700})`), u.$set(y);
     },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@budibase/bbui",
   "description": "A UI solution used in the different Budibase projects.",
-  "version": "3.13.29",
+  "version": "3.14.0",
   "license": "MPL-2.0",
   "svelte": "src/index.ts",
   "module": "dist/bbui.mjs",
@@ -106,5 +106,5 @@
       }
     }
   },
-  "gitHead": "4bfe4e4a41e7c190cea1b445e9ea07c8fc326adc"
+  "gitHead": "7ff8f5fc9480931c373b86dd573882841dd290d4"
 }

package/src/ActionButton/ActionButton.svelte

@@ -50,7 +50,7 @@
   {#if icon}
     <Icon
       name={icon}
-      size="M"
+      {size}
       color={`var(--spectrum-global-color-gray-${$$slots.default ? 600 : 700})`}
     />
   {/if}

package/src/Form/Core/Picker.svelte

@@ -152,7 +152,7 @@
       </span>
     {:else}
       <span class="option-extra icon field-icon">
-        <img src={fieldIcon} alt="icon" width="15" height="15" />
+        <img src={fieldIcon} alt="icon" style="height: 15px; width: auto;" />
       </span>
     {/if}
   {/if}
@@ -237,8 +237,7 @@
                   <img
                     src={getOptionIcon(option, idx)}
                     alt="icon"
-                    width="15"
-                    height="15"
+                    style="height: 15px; width: auto;"
                   />
                 {:else}
                   <Icon

package/src/Icon/InnerIcon.svelte

@@ -12,13 +12,13 @@
   export let weight: "regular" | "bold" | "fill" = "regular"
 
   const sizeMap = {
-    XS: "0.75rem",
-    S: "1rem",
-    M: "1.25rem",
-    L: "1.5rem",
-    XL: "2rem",
-    XXL: "2.5rem",
-    XXXL: "5rem",
+    XS: "14px",
+    S: "16px",
+    M: "18px",
+    L: "22px",
+    XL: "28px",
+    XXL: "36px",
+    XXXL: "72px",
   }
 
   $: phosphorIconName = getPhosphorIcon(name)