@geoffcox/sterling-svelte 0.0.28 → 0.0.30

package/Dropdown.svelte

@@ -118,7 +118,7 @@ $:
   <Popover reference={dropdownRef} open={!disabled && open}>
     <div
       class="popup-content"
-      transition:slideMotion={{ duration: 200 }}
+      transition:slideMotion|global={{ duration: 200 }}
       class:colorful
       bind:this={popupContentRef}
     >

package/Menu.svelte

@@ -66,8 +66,8 @@ export const focusLastMenuItem = () => {
   role="menu"
   class:open
   data-root-value={rootValue}
-  in:slideMotion={{ duration: 300 }}
-  out:slideMotion={{ duration: 100 }}
+  in:slideMotion|global={{ duration: 300 }}
+  out:slideMotion|global={{ duration: 100 }}
   on:blur
   on:click
   on:copy

package/MenuButton.svelte

@@ -132,7 +132,7 @@ setContext(MENU_ITEM_CONTEXT_KEY, {
   {...$$restProps}
 >
   <div class="reference" bind:this={reference} use:clickOutside on:click_outside={onClickOutside}>
-    <slot {shape} {variant} />
+    <slot shape={$$restProps.shape} variant={$$restProps.variant} />
   </div>
   <Popover {reference} placement="bottom-start" {open}>
     <Menu bind:this={menuRef} id={menuId} {reference} {open}>

package/Popover.svelte.d.ts

@@ -1,12 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
-import type { Placement } from '@floating-ui/dom';
 declare const __propDef: {
     props: {
         [x: string]: any;
         offsetOptions?: import("@floating-ui/core").OffsetOptions | undefined;
         open?: boolean | undefined;
         persistent?: boolean | undefined;
-        placement?: Placement | undefined;
+        placement?: import("@floating-ui/dom").Placement | undefined;
         portalHost?: HTMLElement | undefined;
         reference: HTMLElement;
     };

package/Tooltip.svelte

@@ -156,7 +156,7 @@ onMount(() => {
   <div
     class="sterling-tooltip-portal"
     use:portal={{ target: document.body }}
-    transition:fadeMotion={{ duration: 250 }}
+    transition:fadeMotion|global={{ duration: 250 }}
   >
     <div
       bind:this={tooltipRef}

package/TreeItem.svelte

@@ -330,7 +330,7 @@ A item in a Tree displaying the item and children.
     </slot>
   </div>
   {#if expanded && hasChildren}
-    <div class="children" transition:slideMotion={{ duration: 200 }} role="group">
+    <div class="children" transition:slideMotion|global={{ duration: 200 }} role="group">
       <slot {depth} {selected} {value} />
     </div>
   {/if}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geoffcox/sterling-svelte",
-  "version": "0.0.28",
+  "version": "0.0.30",
   "author": "Geoff Cox",
   "description": "A modern, accessible, and lightweight component library for Svelte.",
   "license": "MIT",
@@ -23,7 +23,7 @@
     "@playwright/test": "^1.28.1",
     "@sveltejs/adapter-auto": "^2.0.0",
     "@sveltejs/adapter-static": "^1.0.0",
-    "@sveltejs/kit": "^1.5.0",
+    "@sveltejs/kit": "^1.20.4",
     "@sveltejs/package": "^1.0.0",
     "@types/lodash-es": "^4.17.6",
     "@types/tinycolor2": "^1.4.3",
@@ -34,11 +34,11 @@
     "eslint-plugin-svelte3": "^4.0.0",
     "mdsvex": "^0.10.6",
     "prettier": "^2.8.0",
-    "prettier-plugin-svelte": "^2.8.1",
-    "svelte": "^3.54.0",
-    "svelte-check": "^3.0.1",
+    "prettier-plugin-svelte": "^2.10.1",
+    "svelte": "^4.0.0",
+    "svelte-check": "^3.4.3",
     "tslib": "^2.4.1",
-    "typescript": "^4.9.3",
+    "typescript": "^5.0.0",
     "vite": "^4.2.0",
     "vitest": "^0.25.3"
   },
@@ -49,6 +49,9 @@
     "keyborg": "^2.0.0",
     "lodash-es": "^4.17.21"
   },
+  "peerDependencies": {
+    "svelte": "^4.0.0"
+  },
   "exports": {
     "./package.json": "./package.json",
     "./Button.constants": "./Button.constants.js",