@mario_hahn/jumpy-ui 0.15.1 → 0.15.2

package/dist/{chunk-ZFRDQCPV.js → chunk-CEG6MK6U.js}

@@ -1,12 +1,12 @@
 import {
   JumpField,
   JumpyFieldContext
-} from "./chunk-UT6U2IMA.js";
+} from "./chunk-ONQSFWRA.js";
 import {
   JumpySpacing,
   spacingValue,
   useJumpyTheme
-} from "./chunk-5YSWJIM2.js";
+} from "./chunk-YWENJWF3.js";
 
 // editor.js
 import { useContext, useRef as useRef2, useState as useState2 } from "react";

package/dist/{chunk-UT6U2IMA.js → chunk-ONQSFWRA.js}

@@ -18,7 +18,7 @@ import {
   textStyleValue,
   themeToCSSVariables,
   useJumpyTheme
-} from "./chunk-5YSWJIM2.js";
+} from "./chunk-YWENJWF3.js";
 import {
   cn
 } from "./chunk-3DBKYKP2.js";
@@ -2722,7 +2722,7 @@ function JumpCheckbox({ label, children, checked, defaultChecked = false, indete
     }
   );
 }
-function JumpSwitch({ label, children, checked, defaultChecked = false, onCheckedChange, labelPlacement = "end", innerClasses = {}, className = "", disabled = false, readOnly = false, style, ...props }) {
+function JumpSwitch({ label, children, checked, defaultChecked = false, onCheckedChange, labelPlacement = "end", variant = "inline", innerClasses = {}, className = "", disabled = false, readOnly = false, style, ...props }) {
   const theme = useJumpyTheme();
   const bodyMedium = textStyleValue(theme, JumpyTextStyle.bodyMedium);
   const [uncontrolledChecked, setUncontrolledChecked] = useState(Boolean(defaultChecked));
@@ -2732,6 +2732,7 @@ function JumpSwitch({ label, children, checked, defaultChecked = false, onChecke
   const selectorState = disabled ? "disabled" : isReadonly ? "readOnly" : "default";
   const selectorTokens = isChecked ? theme.selectors.active[selectorState] : theme.selectors.inactive[selectorState];
   const labelContent = children ?? label;
+  const fieldRow = variant === "field";
   return /* @__PURE__ */ jsxs(
     "label",
     {
@@ -2739,7 +2740,8 @@ function JumpSwitch({ label, children, checked, defaultChecked = false, onChecke
       "data-checked": isChecked ? "true" : "false",
       "data-disabled": disabled ? "true" : void 0,
       "data-readonly": isReadonly ? "true" : void 0,
-      "data-label-placement": labelPlacement,
+      "data-label-placement": fieldRow ? "start" : labelPlacement,
+      "data-variant": variant,
       className: cn(className),
       style: {
         "--jumpy-cmp-switch-thumb-size": `${sizeValue(theme, JumpySize.small2XS)}px`,
@@ -2761,6 +2763,7 @@ function JumpSwitch({ label, children, checked, defaultChecked = false, onChecke
         fontSize: bodyMedium.fontSize,
         lineHeight: bodyMedium.lineHeight,
         fontWeight: bodyMedium.fontWeight,
+        ...fieldRow ? { ...getFieldShellStyles(theme, disabled, "regular", false, readOnly), justifyContent: "space-between", paddingRight: spacingValue(theme, JumpySpacing.large), cursor: disabled || readOnly ? "default" : "pointer", "--jumpy-cmp-switch-label-color": "var(--jumpy-color-text-primary)" } : {},
         ...style || {}
       },
       children: [

package/dist/{chunk-5YSWJIM2.js → chunk-YWENJWF3.js}

@@ -15690,6 +15690,20 @@ var providerStyles = `
   isolation: isolate;
 }
 
+[data-jumpy-theme='true'] [data-jumpy-component='switch'][data-variant='field'] {
+  --jumpy-cmp-base-input-border-color: var(--jumpy-input-regular-default-border);
+  --jumpy-cmp-base-input-surface-color: var(--jumpy-input-regular-default-surface);
+}
+
+[data-jumpy-theme='true'] [data-jumpy-component='switch'][data-variant='field']:hover:not([data-disabled='true']):not([data-readonly='true']) {
+  --jumpy-cmp-base-input-border-color: var(--jumpy-input-regular-hover-border);
+  --jumpy-cmp-base-input-surface-color: var(--jumpy-input-regular-hover-surface);
+}
+
+[data-jumpy-theme='true'] [data-jumpy-component='switch'][data-variant='field']:has([data-jumpy-slot='switch-input']:focus-visible) {
+  --jumpy-cmp-base-input-border-color: var(--jumpy-input-regular-focus-border);
+}
+
 [data-jumpy-theme='true'] [data-jumpy-component='switch'][data-label-placement='start'] {
   flex-direction: row-reverse;
 }

package/dist/components.js

@@ -74,7 +74,7 @@ import {
   getSortOrder,
   isRowFullySelected,
   useJumpSnackbar
-} from "./chunk-UT6U2IMA.js";
+} from "./chunk-ONQSFWRA.js";
 import {
   JumpyAnimation,
   JumpyAnimationDelay,
@@ -105,7 +105,7 @@ import {
   textStyleValue,
   themeToCSSVariables,
   useJumpyTheme
-} from "./chunk-5YSWJIM2.js";
+} from "./chunk-YWENJWF3.js";
 import "./chunk-3DBKYKP2.js";
 import {
   jumpyThemeInventory

package/dist/editor.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   JumpTokenInput
-} from "./chunk-ZFRDQCPV.js";
-import "./chunk-UT6U2IMA.js";
-import "./chunk-5YSWJIM2.js";
+} from "./chunk-CEG6MK6U.js";
+import "./chunk-ONQSFWRA.js";
+import "./chunk-YWENJWF3.js";
 import "./chunk-3DBKYKP2.js";
 import "./chunk-XDTVYUWG.js";
 export {

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   JumpTokenInput
-} from "./chunk-ZFRDQCPV.js";
+} from "./chunk-CEG6MK6U.js";
 import {
   BrandMark,
   JumpAppShell,
@@ -77,7 +77,7 @@ import {
   getSortOrder,
   isRowFullySelected,
   useJumpSnackbar
-} from "./chunk-UT6U2IMA.js";
+} from "./chunk-ONQSFWRA.js";
 import {
   JumpyAnimation,
   JumpyAnimationDelay,
@@ -108,7 +108,7 @@ import {
   textStyleValue,
   themeToCSSVariables,
   useJumpyTheme
-} from "./chunk-5YSWJIM2.js";
+} from "./chunk-YWENJWF3.js";
 import "./chunk-3DBKYKP2.js";
 import {
   jumpyThemeInventory

package/dist/theme.js

@@ -30,7 +30,7 @@ import {
   textStyleValue,
   themeToCSSVariables,
   useJumpyTheme
-} from "./chunk-5YSWJIM2.js";
+} from "./chunk-YWENJWF3.js";
 export {
   JumpyAnimation,
   JumpyAnimationDelay,

package/index.d.ts

@@ -127,7 +127,7 @@ export declare function JumpSectionFooter(props: HTMLAttributes<HTMLElement> & {
 export declare function JumpTag(props: HTMLAttributes<HTMLSpanElement> & { size?: 'small' | 'medium'; status?: 'regular' | 'positive' | 'warning' | 'alarm'; disabled?: boolean; children: ReactNode }): ReactNode
 export declare function JumpChip(props: ButtonHTMLAttributes<HTMLButtonElement> & { selected?: boolean; disabled?: boolean; children: ReactNode }): ReactNode
 export declare function JumpCheckbox(props: Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'type' | 'children'> & { label?: ReactNode; children?: ReactNode; checked?: boolean; defaultChecked?: boolean; indeterminate?: boolean; onCheckedChange?: (checked: boolean) => void; onIndeterminateChange?: (indeterminate: boolean) => void; disabled?: boolean; readOnly?: boolean; labelPlacement?: 'start' | 'end'; innerClasses?: Partial<Record<'container' | 'input' | 'icons', { className?: string; style?: import('react').CSSProperties }>> }): ReactNode
-export declare function JumpSwitch(props: Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'type' | 'role' | 'children'> & { label?: ReactNode; children?: ReactNode; checked?: boolean; defaultChecked?: boolean; onChange?: (event: unknown) => void; onCheckedChange?: (checked: boolean) => void; disabled?: boolean; readOnly?: boolean; labelPlacement?: 'start' | 'end'; innerClasses?: JumpSwitchInnerClasses }): ReactNode
+export declare function JumpSwitch(props: Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'type' | 'role' | 'children'> & { label?: ReactNode; children?: ReactNode; checked?: boolean; defaultChecked?: boolean; onChange?: (event: unknown) => void; onCheckedChange?: (checked: boolean) => void; disabled?: boolean; readOnly?: boolean; labelPlacement?: 'start' | 'end'; variant?: 'inline' | 'field'; innerClasses?: JumpSwitchInnerClasses }): ReactNode
 export declare function JumpRadioGroup(props: HTMLAttributes<HTMLDivElement> & { name?: string; value?: string; defaultValue?: string; onValueChange?: (value: string) => void; disabled?: boolean; readOnly?: boolean; direction?: 'horizontal' | 'vertical'; innerClasses?: JumpRadioInnerClasses; options: Array<{ value: string; label: ReactNode; disabled?: boolean }> }): ReactNode
 export type JumpDropdownItemValue = string | number
 export interface JumpDropdownItem<TValue extends JumpDropdownItemValue = JumpDropdownItemValue> { label: string; value: TValue; children?: Array<JumpDropdownItem<TValue>>; metadata?: Record<string, unknown>; disabled?: boolean }

package/package.json

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