@mario_hahn/jumpy-ui 0.14.2 → 0.14.3

package/dist/{chunk-2XOYK2JS.js → chunk-73UN7NZJ.js}

@@ -14496,6 +14496,10 @@ var providerStyles = `
   color: var(--jumpy-cmp-base-input-value-color);
 }
 
+[data-jumpy-theme='true'] [data-jumpy-component='input'][type='number']::-webkit-inner-spin-button {
+  transform: translateY(var(--jumpy-input-spin-shift, 0px));
+}
+
 [data-jumpy-theme='true'] [data-jumpy-component='input'][type='search']::-webkit-search-cancel-button {
   -webkit-appearance: none;
   appearance: none;

package/dist/{chunk-SXBPGNRO.js → chunk-KSMTJ2AH.js}

@@ -18,7 +18,7 @@ import {
   textStyleValue,
   themeToCSSVariables,
   useJumpyTheme
-} from "./chunk-2XOYK2JS.js";
+} from "./chunk-73UN7NZJ.js";
 import {
   cn
 } from "./chunk-3DBKYKP2.js";
@@ -3803,11 +3803,18 @@ function JumpLinkButton({ href, variant = "borderless", status = "regular", clas
     }
   );
 }
+function nativeColorScheme(theme) {
+  const match = /^#([0-9a-f]{6})/i.exec(String(theme.color?.surfaceField || ""));
+  if (!match) return void 0;
+  const [r, g, b] = [0, 2, 4].map((index) => parseInt(match[1].slice(index, index + 2), 16) / 255);
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b < 0.4 ? "dark" : "light";
+}
 var JumpInput = forwardRef(function JumpInput2({ className = "", ...props }, ref) {
   const theme = useJumpyTheme();
   const fieldContext = useContext(JumpyFieldContext);
   const inputOffset = fieldContext?.hasLabel ? spacingValue(theme, JumpySpacing.large) : spacingValue(theme, JumpySpacing.zero);
   const inputMinHeight = fieldContext ? void 0 : sizeValue(theme, JumpySize.largeXL) - spacingValue(theme, JumpySpacing.small3XS) * 2;
+  const spinShift = props.type === "number" && inputOffset ? Math.max(0, (inputOffset - spacingValue(theme, JumpySpacing.small3XS) / 2) / 2) : 0;
   const inputElement = /* @__PURE__ */ jsx(
     "input",
     {
@@ -3818,7 +3825,9 @@ var JumpInput = forwardRef(function JumpInput2({ className = "", ...props }, ref
       style: {
         ...getFieldInputStyles(theme, props.disabled),
         minHeight: inputMinHeight,
-        marginTop: inputOffset,
+        marginTop: inputOffset - spinShift,
+        ...spinShift ? { paddingTop: spinShift, "--jumpy-input-spin-shift": `${-spinShift}px` } : {},
+        colorScheme: props.type === "number" ? nativeColorScheme(theme) : void 0,
         ...props.style || {}
       }
     }

package/dist/{chunk-NPUCW4NM.js → chunk-YSO235OL.js}

@@ -1,12 +1,12 @@
 import {
   JumpField,
   JumpyFieldContext
-} from "./chunk-SXBPGNRO.js";
+} from "./chunk-KSMTJ2AH.js";
 import {
   JumpySpacing,
   spacingValue,
   useJumpyTheme
-} from "./chunk-2XOYK2JS.js";
+} from "./chunk-73UN7NZJ.js";
 
 // editor.js
 import { useContext, useRef as useRef2, useState as useState2 } from "react";

package/dist/components.js

@@ -74,7 +74,7 @@ import {
   getSortOrder,
   isRowFullySelected,
   useJumpSnackbar
-} from "./chunk-SXBPGNRO.js";
+} from "./chunk-KSMTJ2AH.js";
 import {
   JumpyAnimation,
   JumpyAnimationDelay,
@@ -105,7 +105,7 @@ import {
   textStyleValue,
   themeToCSSVariables,
   useJumpyTheme
-} from "./chunk-2XOYK2JS.js";
+} from "./chunk-73UN7NZJ.js";
 import "./chunk-3DBKYKP2.js";
 import {
   jumpyThemeInventory

package/dist/editor.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   JumpTokenInput
-} from "./chunk-NPUCW4NM.js";
-import "./chunk-SXBPGNRO.js";
-import "./chunk-2XOYK2JS.js";
+} from "./chunk-YSO235OL.js";
+import "./chunk-KSMTJ2AH.js";
+import "./chunk-73UN7NZJ.js";
 import "./chunk-3DBKYKP2.js";
 import "./chunk-XDTVYUWG.js";
 export {

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   JumpTokenInput
-} from "./chunk-NPUCW4NM.js";
+} from "./chunk-YSO235OL.js";
 import {
   BrandMark,
   JumpAppShell,
@@ -77,7 +77,7 @@ import {
   getSortOrder,
   isRowFullySelected,
   useJumpSnackbar
-} from "./chunk-SXBPGNRO.js";
+} from "./chunk-KSMTJ2AH.js";
 import {
   JumpyAnimation,
   JumpyAnimationDelay,
@@ -108,7 +108,7 @@ import {
   textStyleValue,
   themeToCSSVariables,
   useJumpyTheme
-} from "./chunk-2XOYK2JS.js";
+} from "./chunk-73UN7NZJ.js";
 import "./chunk-3DBKYKP2.js";
 import {
   jumpyThemeInventory

package/dist/theme.js

@@ -30,7 +30,7 @@ import {
   textStyleValue,
   themeToCSSVariables,
   useJumpyTheme
-} from "./chunk-2XOYK2JS.js";
+} from "./chunk-73UN7NZJ.js";
 export {
   JumpyAnimation,
   JumpyAnimationDelay,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mario_hahn/jumpy-ui",
-  "version": "0.14.2",
+  "version": "0.14.3",
   "license": "MIT",
   "type": "module",
   "sideEffects": ["**/*.css"],