@geoffcox/sterling-svelte 2.0.9 → 2.0.11

package/dist/Checkbox.svelte

@@ -11,7 +11,7 @@
     children,
     checked = $bindable(false),
     class: _class,
-    disabled = $bindable(false),
+    disabled = false,
     ...rest
   }: CheckboxProps = $props();
 

package/dist/Checkbox.svelte.d.ts

@@ -3,6 +3,6 @@ declare const Checkbox: import("svelte").Component<import("svelte/elements").HTM
     blur: () => void;
     click: () => void;
     focus: (options?: FocusOptions) => void;
-}, "disabled" | "checked">;
+}, "checked">;
 type Checkbox = ReturnType<typeof Checkbox>;
 export default Checkbox;

package/dist/Menu.svelte

@@ -8,6 +8,7 @@
   import { isElementEnabledMenuItem, isElementMenuItem } from './MenuItem.utils';
   import { prefersReducedMotion } from './mediaQueries/prefersReducedMotion';
   import type { MenuProps } from './Menu.types';
+  import { linear } from 'svelte/easing';
 
   let { children, class: _class, ...rest }: MenuProps = $props();
 
@@ -91,8 +92,8 @@
   class:open
   data-root-value={rootValue}
   tabindex="-1"
-  in:slideMotion|global={{ duration: 300 }}
-  out:slideMotion|global={{ duration: 100 }}
+  in:slideMotion|global={{ delay: 10, duration: 250, easing: linear, axis: 'y' }}
+  out:slideMotion|global={{ delay: 10, duration: 250, easing: linear, axis: 'y' }}
   {...rest}
 >
   <div bind:this={menuItemsRef} class="menu-items">

package/dist/MenuItem.svelte

@@ -381,7 +381,7 @@
   aria-haspopup={!!children}
   aria-owns={menuId}
   class={['sterling-menu-item', _class]}
-  class:using-keyboard={usingKeyboard}
+  class:using-keyboard={$usingKeyboard}
   data-value={value}
   data-root-value={menuItemContext.rootValue}
   {disabled}

package/dist/Pagination.svelte

@@ -202,11 +202,9 @@
     {#if _page}
       {#if currentNumber}
         {@render currentNumber(_page)}
-      {:else}
+      {:else if itemCount > 0}
         <input disabled={_page === undefined} value={_page} onchange={onInputChange} />
       {/if}
-    {:else}
-      -
     {/if}
   </div>
   <div class="page-number next">

package/dist/Progress.types.d.ts

@@ -3,6 +3,7 @@ type ProgressOrientationTuple = typeof PROGRESS_ORIENTATIONS;
 export type ProgressOrientation = ProgressOrientationTuple[number];
 import type { HTMLAttributes } from 'svelte/elements';
 export type ProgressProps = HTMLAttributes<HTMLDivElement> & {
+    /** @deprecated Progress is not interactive and should not have disabled state. */
     disabled?: boolean | null;
     max?: number;
     percent?: number;

package/dist/Slider.svelte

@@ -4,6 +4,7 @@
   import { round } from 'lodash-es';
   import type { KeyboardEventHandler, PointerEventHandler } from 'svelte/elements';
   import type { SliderProps } from './Slider.types';
+  import { usingKeyboard } from './mediaQueries/usingKeyboard';
 
   let {
     class: _class,
@@ -139,19 +140,32 @@
 
   const onKeyDown: KeyboardEventHandler<HTMLDivElement> = (event) => {
     if (!disabled && !event.ctrlKey && !event.shiftKey && !event.altKey) {
-      switch (event.code) {
-        case 'ArrowDown':
-        case 'ArrowLeft':
-          setValue(value - step);
-          event.preventDefault();
-          event.stopPropagation();
-          return;
-        case 'ArrowRight':
-        case 'ArrowUp':
-          setValue(value + step);
-          event.preventDefault();
-          event.stopPropagation();
-          return;
+      let change = 0;
+
+      if (vertical) {
+        switch (event.code) {
+          case 'ArrowDown':
+            change = reverse ? step : -step;
+            break;
+          case 'ArrowUp':
+            change = reverse ? -step : step;
+            break;
+        }
+      } else {
+        switch (event.code) {
+          case 'ArrowLeft':
+            change = reverse ? step : -step;
+            break;
+          case 'ArrowRight':
+            change = reverse ? -step : step;
+            break;
+        }
+      }
+
+      if (change !== 0) {
+        setValue(value + change);
+        event.preventDefault();
+        event.stopPropagation();
       }
     }
     rest?.onkeydown?.(event);
@@ -167,6 +181,7 @@
   class:disabled
   class:horizontal={!vertical}
   class:reverse
+  class:using-keyboard={$usingKeyboard}
   class:vertical
   role="slider"
   tabindex={!disabled ? 0 : undefined}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geoffcox/sterling-svelte",
-  "version": "2.0.9",
+  "version": "2.0.11",
   "author": "Geoff Cox",
   "description": "A modern, accessible, and lightweight component library for Svelte.",
   "license": "MIT",
@@ -74,7 +74,7 @@
     "@eslint/js": "^9.18.0",
     "@fontsource/atkinson-hyperlegible": "^5.1.1",
     "@fontsource/source-code-pro": "^4.5.14",
-    "@geoffcox/sterling-svelte-themes": "^2.0.3",
+    "@geoffcox/sterling-svelte-themes": "^2.0.4",
     "@sveltejs/adapter-static": "^3.0.8",
     "@sveltejs/kit": "^2.16.0",
     "@sveltejs/package": "^2.0.0",