@budibase/bbui 3.16.1 → 3.17.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@budibase/bbui",
   "description": "A UI solution used in the different Budibase projects.",
-  "version": "3.16.1",
+  "version": "3.17.0",
   "license": "MPL-2.0",
   "svelte": "src/index.ts",
   "module": "dist/bbui.mjs",
@@ -106,5 +106,5 @@
       }
     }
   },
-  "gitHead": "6e6f06e392e69521daaf3f68263cf8c5e7978e03"
+  "gitHead": "1724cc3c4736c2c48e98aa490b47b2b6c28c05aa"
 }

package/src/Layout/Page.svelte

@@ -60,6 +60,9 @@
     padding: 50px 50px 0 50px;
     z-index: 1;
   }
+  .content.noPadding {
+    padding: 0;
+  }
   .fix-scroll-padding {
     content: "";
     display: block;

package/src/Menu/Item.svelte

@@ -6,6 +6,8 @@
   const actionMenu = getContext("actionMenu")
 
   export let icon: string | undefined = undefined
+  export let iconWeight: "regular" | "bold" | "fill" = "regular"
+  export let iconColour: string | undefined = undefined
   export let iconHidden: boolean = false
   export let iconAlign: "center" | "start" = "center"
   export let disabled: boolean | undefined = undefined
@@ -47,8 +49,9 @@
     <div class="icon" class:iconHidden style="align-self: {iconAlign}">
       <Icon
         name={icon}
+        weight={iconWeight}
         size="S"
-        color="var(--spectrum-global-color-gray-700)"
+        color={iconColour || "var(--spectrum-global-color-gray-700)"}
       />
     </div>
   {/if}
@@ -59,7 +62,7 @@
       {#each keys as key}
         <div class="key">
           {#if key.startsWith("!")}
-            <Icon size="XS" name={key.split("!")[1]} />
+            <Icon size="XS" weight={iconWeight} name={key.split("!")[1]} />
           {:else}
             {key}
           {/if}

package/src/Modal/Modal.svelte

@@ -1,3 +1,12 @@
+<script lang="ts" context="module">
+  export interface ModalAPI {
+    show: () => void
+    hide: () => void
+    toggle: () => void
+    cancel: (_: ModalCancelFrom) => void
+  }
+</script>
+
 <script lang="ts">
   import "@spectrum-css/modal/dist/index-vars.css"
   import "@spectrum-css/underlay/dist/index-vars.css"

package/src/helpers.ts

@@ -211,7 +211,7 @@ const localeDateFormat = new Intl.DateTimeFormat()
 
 // Formats a dayjs date according to schema flags
 export const getDateDisplayValue = (
-  value: dayjs.Dayjs | string | null,
+  value: dayjs.Dayjs | string | null | undefined,
   { enableTime = true, timeOnly = false } = {}
 ): string => {
   if (typeof value === "string") {

package/src/index.ts

@@ -59,7 +59,7 @@ export { default as Menu } from "./Menu/Menu.svelte"
 export { default as MenuSection } from "./Menu/Section.svelte"
 export { default as MenuSeparator } from "./Menu/Separator.svelte"
 export { default as MenuItem } from "./Menu/Item.svelte"
-export { default as Modal } from "./Modal/Modal.svelte"
+export { default as Modal, type ModalAPI } from "./Modal/Modal.svelte"
 export { default as ModalContent, keepOpen } from "./Modal/ModalContent.svelte"
 export { default as NotificationDisplay } from "./Notification/NotificationDisplay.svelte"
 export { default as Notification } from "./Notification/Notification.svelte"