@yahoo/uds-mobile 2.24.0-beta.1 → 2.24.0-beta.2

package/dist/components/Switch.cjs

@@ -15,10 +15,6 @@ let react_native_reanimated = require("react-native-reanimated");
 react_native_reanimated = require_runtime.__toESM(react_native_reanimated);
 let react_native_unistyles_reanimated = require("react-native-unistyles/reanimated");
 //#region src/components/Switch.tsx
-const HANDLE_TRAVEL = {
-	md: 20,
-	sm: 12
-};
 const ANIMATION_DURATION = 120;
 /**
 * **Switch component for toggling options**
@@ -73,7 +69,6 @@ const Switch = (0, react.memo)(function Switch({ isOn: isOnProp, defaultIsOn = f
 	}, []);
 	const animationDuration = reduceMotion || prefersReducedMotion ? 0 : ANIMATION_DURATION;
 	const progress = (0, react_native_reanimated.useDerivedValue)(() => (0, react_native_reanimated.withTiming)(isOn ? 1 : 0, { duration: animationDuration }), [isOn, animationDuration]);
-	const travelDistance = Math.round(HANDLE_TRAVEL[size] * fontScaleFactor) * (react_native.I18nManager.isRTL ? -1 : 1);
 	const handlePress = (0, react.useCallback)(() => {
 		if (disabled) return;
 		const newValue = !isOn;
@@ -89,6 +84,10 @@ const Switch = (0, react.memo)(function Switch({ isOn: isOnProp, defaultIsOn = f
 		size,
 		variant: activeVariant
 	}) ?? generated_styles.switchStyles;
+	const scaledTrackWidth = Math.round(resolvedSwitchStyles.switch.width * fontScaleFactor);
+	const scaledTrackPadding = Math.round(resolvedSwitchStyles.switch.padding * fontScaleFactor);
+	const scaledHandleWidth = Math.round(resolvedSwitchStyles.handle.width * fontScaleFactor);
+	const travelDistance = Math.max(0, scaledTrackWidth - scaledHandleWidth - scaledTrackPadding * 2) * (react_native.I18nManager.isRTL ? -1 : 1);
 	const variantLayerStyles = (0, react.useMemo)(() => {
 		const components = theme.components;
 		const getLayerStyle = (layer) => components[`switch/variant/default/active/${activeVariant}/${layer}/rest`];
@@ -111,10 +110,11 @@ const Switch = (0, react.memo)(function Switch({ isOn: isOnProp, defaultIsOn = f
 	const rootStyle = (0, react.useMemo)(() => [resolvedSwitchStyles.root, switchStaticStyles.root({ disabled })], [resolvedSwitchStyles.root, disabled]);
 	const scaleDimensions = (0, react.useCallback)((style) => {
 		if (!style || fontScaleFactor === 1) return;
-		const { width, height } = style;
+		const { width, height, padding } = style;
 		return typeof width === "number" && typeof height === "number" ? {
 			width: Math.round(width * fontScaleFactor),
-			height: Math.round(height * fontScaleFactor)
+			height: Math.round(height * fontScaleFactor),
+			...typeof padding === "number" && { padding: Math.round(padding * fontScaleFactor) }
 		} : void 0;
 	}, [fontScaleFactor]);
 	const trackStyle = (0, react.useMemo)(() => [

package/dist/components/Switch.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.cts","names":[],"sources":["../../src/components/Switch.tsx"],"mappings":";;;;;;;;UAyBU,WAAA,SAAoB,IAAA,CAAK,SAAA,YAAqB,oBAAA,CAAqB,YAAA;;EAE3E,GAAA,GAAM,GAAA,CAAI,IAAA;EAFF;EAIR,QAAA,IAAY,KAAA;;EAEZ,QAAA;EAN2E;EAQ3E,QAAA;EANM;;;;;;EAaN,qBAAA;EAfiC;EAiBjC,iBAAA,GAAoB,kBAAA;AAAA;;;;;;;;;;;;;AAAkB;;;;;;;;;;;;;;;;;;;;;cA2ClC,MAAA,EAAM,OAAA,CAAA,oBAAA,CAAA,WAAA"}
+{"version":3,"file":"Switch.d.cts","names":[],"sources":["../../src/components/Switch.tsx"],"mappings":";;;;;;;;UAyBU,WAAA,SAAoB,IAAA,CAAK,SAAA,YAAqB,oBAAA,CAAqB,YAAA;;EAE3E,GAAA,GAAM,GAAA,CAAI,IAAA;EAFF;EAIR,QAAA,IAAY,KAAA;;EAEZ,QAAA;EAN2E;EAQ3E,QAAA;EANM;;;;;;EAaN,qBAAA;EAfiC;EAiBjC,iBAAA,GAAoB,kBAAA;AAAA;;;;;;;;;;;;;AAAkB;;;;;;;;;;;;;;;;;;;;;cAsClC,MAAA,EAAM,OAAA,CAAA,oBAAA,CAAA,WAAA"}

package/dist/components/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","names":[],"sources":["../../src/components/Switch.tsx"],"mappings":";;;;;;;;UAyBU,WAAA,SAAoB,IAAA,CAAK,SAAA,YAAqB,oBAAA,CAAqB,YAAA;;EAE3E,GAAA,GAAM,GAAA,CAAI,IAAA;EAFF;EAIR,QAAA,IAAY,KAAA;;EAEZ,QAAA;EAN2E;EAQ3E,QAAA;EANM;;;;;;EAaN,qBAAA;EAfiC;EAiBjC,iBAAA,GAAoB,kBAAA;AAAA;;;;;;;;;;;;;AAAkB;;;;;;;;;;;;;;;;;;;;;cA2ClC,MAAA,EAAM,OAAA,CAAA,oBAAA,CAAA,WAAA"}
+{"version":3,"file":"Switch.d.ts","names":[],"sources":["../../src/components/Switch.tsx"],"mappings":";;;;;;;;UAyBU,WAAA,SAAoB,IAAA,CAAK,SAAA,YAAqB,oBAAA,CAAqB,YAAA;;EAE3E,GAAA,GAAM,GAAA,CAAI,IAAA;EAFF;EAIR,QAAA,IAAY,KAAA;;EAEZ,QAAA;EAN2E;EAQ3E,QAAA;EANM;;;;;;EAaN,qBAAA;EAfiC;EAiBjC,iBAAA,GAAoB,kBAAA;AAAA;;;;;;;;;;;;;AAAkB;;;;;;;;;;;;;;;;;;;;;cAsClC,MAAA,EAAM,OAAA,CAAA,oBAAA,CAAA,WAAA"}

package/dist/components/Switch.js

@@ -12,10 +12,6 @@ import { ICON_SIZE_MAP } from "@yahoo/uds-icons/tokens";
 import Animated, { useAnimatedStyle, useDerivedValue, withTiming } from "react-native-reanimated";
 import { useAnimatedVariantColor } from "react-native-unistyles/reanimated";
 //#region src/components/Switch.tsx
-const HANDLE_TRAVEL = {
-	md: 20,
-	sm: 12
-};
 const ANIMATION_DURATION = 120;
 /**
 * **Switch component for toggling options**
@@ -70,7 +66,6 @@ const Switch = memo(function Switch({ isOn: isOnProp, defaultIsOn = false, onCha
 	}, []);
 	const animationDuration = reduceMotion || prefersReducedMotion ? 0 : ANIMATION_DURATION;
 	const progress = useDerivedValue(() => withTiming(isOn ? 1 : 0, { duration: animationDuration }), [isOn, animationDuration]);
-	const travelDistance = Math.round(HANDLE_TRAVEL[size] * fontScaleFactor) * (I18nManager.isRTL ? -1 : 1);
 	const handlePress = useCallback(() => {
 		if (disabled) return;
 		const newValue = !isOn;
@@ -86,6 +81,10 @@ const Switch = memo(function Switch({ isOn: isOnProp, defaultIsOn = false, onCha
 		size,
 		variant: activeVariant
 	}) ?? switchStyles;
+	const scaledTrackWidth = Math.round(resolvedSwitchStyles.switch.width * fontScaleFactor);
+	const scaledTrackPadding = Math.round(resolvedSwitchStyles.switch.padding * fontScaleFactor);
+	const scaledHandleWidth = Math.round(resolvedSwitchStyles.handle.width * fontScaleFactor);
+	const travelDistance = Math.max(0, scaledTrackWidth - scaledHandleWidth - scaledTrackPadding * 2) * (I18nManager.isRTL ? -1 : 1);
 	const variantLayerStyles = useMemo(() => {
 		const components = theme.components;
 		const getLayerStyle = (layer) => components[`switch/variant/default/active/${activeVariant}/${layer}/rest`];
@@ -108,10 +107,11 @@ const Switch = memo(function Switch({ isOn: isOnProp, defaultIsOn = false, onCha
 	const rootStyle = useMemo(() => [resolvedSwitchStyles.root, switchStaticStyles.root({ disabled })], [resolvedSwitchStyles.root, disabled]);
 	const scaleDimensions = useCallback((style) => {
 		if (!style || fontScaleFactor === 1) return;
-		const { width, height } = style;
+		const { width, height, padding } = style;
 		return typeof width === "number" && typeof height === "number" ? {
 			width: Math.round(width * fontScaleFactor),
-			height: Math.round(height * fontScaleFactor)
+			height: Math.round(height * fontScaleFactor),
+			...typeof padding === "number" && { padding: Math.round(padding * fontScaleFactor) }
 		} : void 0;
 	}, [fontScaleFactor]);
 	const trackStyle = useMemo(() => [

package/dist/components/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["StyleSheet"],"sources":["../../src/components/Switch.tsx"],"sourcesContent":["import { ICON_SIZE_MAP } from '@yahoo/uds-icons/tokens';\nimport type { SwitchSize, UniversalSwitchProps } from '@yahoo/uds-types';\nimport type { Ref } from 'react';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport type {\n  AccessibilityProps,\n  StyleProp,\n  TextStyle,\n  View,\n  ViewProps,\n  ViewStyle,\n} from 'react-native';\nimport { AccessibilityInfo, I18nManager, Platform, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, useDerivedValue, withTiming } from 'react-native-reanimated';\n// eslint-disable-next-line uds/no-use-unistyles -- switch variant layers need concrete web styles\nimport { StyleSheet, useUnistyles } from 'react-native-unistyles';\nimport { useAnimatedVariantColor } from 'react-native-unistyles/reanimated';\n\nimport { switchStyles } from '../../generated/styles';\nimport { useFontScale } from '../fontScaling/useFontScale';\nimport { useMaxFontSizeMultiplier } from '../fontScaling/useMaxFontSizeMultiplier';\nimport { FormLabel } from './FormLabel';\nimport type { IconSlotType } from './IconSlot';\nimport { IconSlot } from './IconSlot';\n\ninterface SwitchProps extends Omit<ViewProps, 'style'>, UniversalSwitchProps<IconSlotType> {\n  /** Ref to the underlying View */\n  ref?: Ref<View>;\n  /** Callback when the switch value changes */\n  onChange?: (value: boolean) => void;\n  /** Whether the switch is disabled */\n  disabled?: boolean;\n  /** Whether the switch is required (shows asterisk with label) */\n  required?: boolean;\n  /**\n   * Caps how far the track, handle, and label grow with the OS text-size\n   * setting; all scale by the same factor. Set null to remove the cap;\n   * override app-wide via UDSFontScalingProvider.\n   * @default 2\n   */\n  maxFontSizeMultiplier?: number | null;\n  /** Accessibility hint describing what happens when activated */\n  accessibilityHint?: AccessibilityProps['accessibilityHint'];\n}\n\nconst HANDLE_TRAVEL: Record<SwitchSize, number> = {\n  md: 20,\n  sm: 12,\n};\n\nconst ANIMATION_DURATION = 120;\n\n/**\n * **Switch component for toggling options**\n *\n * @description\n * A switch (also called a toggle) is a binary on/off input control.\n * It allows users to pick between two clearly opposite choices.\n *\n * @category Form\n * @platform mobile\n *\n * @example\n * ```tsx\n * import { Switch } from '@yahoo/uds-mobile/Switch';\n *\n * <Switch label=\"Notifications\" />\n * <Switch isOn={enabled} onChange={setEnabled} label=\"Dark mode\" />\n * <Switch onIcon=\"Check\" offIcon=\"Cross\" label=\"Sync\" />\n * ```\n *\n * @usage\n * - Settings: For toggling preferences on/off\n * - Feature flags: For enabling/disabling features\n * - Immediate effect toggles (no submit button needed)\n *\n * @accessibility\n * - Sets `accessibilityRole=\"switch\"` automatically\n * - Announces on/off state to screen readers\n * - Respects system reduce motion preference\n * - Supports `reduceMotion` prop to disable animations\n *\n * @see {@link Checkbox} for forms with submit actions\n * @see {@link Radio} for single-select options\n */\nconst Switch = memo(function Switch({\n  isOn: isOnProp,\n  defaultIsOn = false,\n  onChange,\n  label,\n  labelPosition = 'start',\n  size = 'md',\n  onIcon,\n  offIcon,\n  disabled = false,\n  required,\n  maxFontSizeMultiplier,\n  accessibilityHint,\n  reduceMotion = false,\n  ref,\n  ...viewProps\n}: SwitchProps) {\n  const isControlled = isOnProp !== undefined;\n  const [internalIsOn, setInternalIsOn] = useState(defaultIsOn);\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);\n  const isOn = isControlled ? isOnProp : internalIsOn;\n  const activeVariant = isOn ? 'on' : 'off';\n  const { theme } = useUnistyles();\n\n  // One capped factor governs track, handle, travel, and label.\n  const resolvedMaxFontSizeMultiplier =\n    useMaxFontSizeMultiplier('control', maxFontSizeMultiplier) ?? 0;\n  const fontScaleFactor = useFontScale(resolvedMaxFontSizeMultiplier);\n  // Size the handle glyph from the same factor as the handle it sits in, rather\n  // than letting native font scaling size it on a separate path.\n  const scaledHandleIconSize = Math.round(ICON_SIZE_MAP.sm * fontScaleFactor);\n\n  // Check system reduced motion preference\n  useEffect(() => {\n    const checkReducedMotion = async () => {\n      const isReduceMotionEnabled = await AccessibilityInfo.isReduceMotionEnabled();\n      setPrefersReducedMotion(isReduceMotionEnabled);\n    };\n    checkReducedMotion();\n\n    const subscription = AccessibilityInfo.addEventListener(\n      'reduceMotionChanged',\n      setPrefersReducedMotion,\n    );\n    return () => subscription.remove();\n  }, []);\n\n  const shouldReduceMotion = reduceMotion || prefersReducedMotion;\n  const animationDuration = shouldReduceMotion ? 0 : ANIMATION_DURATION;\n\n  const progress = useDerivedValue(\n    () => withTiming(isOn ? 1 : 0, { duration: animationDuration }),\n    [isOn, animationDuration],\n  );\n\n  // RTL mirrors the track layout but not transforms, so travel flips sign.\n  // Travel scales with the track/handle so the handle still lands flush.\n  const travelDistance =\n    Math.round(HANDLE_TRAVEL[size] * fontScaleFactor) * (I18nManager.isRTL ? -1 : 1);\n\n  const handlePress = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n\n    const newValue = !isOn;\n\n    if (!isControlled) {\n      setInternalIsOn(newValue);\n    }\n\n    onChange?.(newValue);\n  }, [disabled, isOn, isControlled, onChange]);\n\n  // On web, useVariants returns the resolved style object instead of mutating\n  // switchStyles in place.\n  const variantSwitchStyles = switchStyles.useVariants({\n    size,\n    variant: activeVariant,\n  }) as unknown as typeof switchStyles | undefined;\n  const resolvedSwitchStyles = variantSwitchStyles ?? switchStyles;\n\n  const variantLayerStyles = useMemo(() => {\n    const components = theme.components as unknown as Record<string, Record<string, unknown>>;\n    const getLayerStyle = <TStyle,>(layer: string) =>\n      components[`switch/variant/default/active/${activeVariant}/${layer}/rest`] as\n        TStyle | undefined;\n\n    return {\n      handle: getLayerStyle<ViewStyle>('handle'),\n      handleIcon: getLayerStyle<TextStyle>('handleIcon'),\n      switch: getLayerStyle<ViewStyle>('switch'),\n      text: getLayerStyle<TextStyle>('rootText'),\n    };\n  }, [activeVariant, theme]);\n\n  // Get animated track color from design tokens (changes when variant changes)\n  const trackBackgroundColor = useAnimatedVariantColor(\n    resolvedSwitchStyles.switch,\n    'backgroundColor',\n  );\n\n  const animatedTrackStyle = useAnimatedStyle(() => {\n    'worklet';\n    return {\n      backgroundColor: withTiming(trackBackgroundColor.value, { duration: animationDuration }),\n    };\n  });\n\n  const animatedHandleStyle = useAnimatedStyle(() => {\n    'worklet';\n    return {\n      transform: [{ translateX: progress.value * travelDistance }],\n    };\n  });\n\n  const rootStyle: StyleProp<ViewStyle> = useMemo(\n    () => [resolvedSwitchStyles.root, switchStaticStyles.root({ disabled })],\n    [resolvedSwitchStyles.root, disabled],\n  );\n\n  // Track and handle grow by the capped factor so the handle (and its icon,\n  // which native scales by the same capped multiplier) stays contained.\n  const scaleDimensions = useCallback(\n    (style: ViewStyle | undefined): ViewStyle | undefined => {\n      if (!style || fontScaleFactor === 1) {\n        return undefined;\n      }\n      const { width, height } = style;\n      return typeof width === 'number' && typeof height === 'number'\n        ? {\n            width: Math.round(width * fontScaleFactor),\n            height: Math.round(height * fontScaleFactor),\n          }\n        : undefined;\n    },\n    [fontScaleFactor],\n  );\n\n  const trackStyle: StyleProp<ViewStyle> = useMemo(\n    () => [\n      resolvedSwitchStyles.switch,\n      switchStaticStyles.track,\n      variantLayerStyles.switch,\n      scaleDimensions(resolvedSwitchStyles.switch as ViewStyle),\n      // On web, the animated variant color hook currently resolves to Unistyles'\n      // black fallback, so the concrete variant layer provides the track color.\n      Platform.OS !== 'web' && animatedTrackStyle,\n    ],\n    [resolvedSwitchStyles.switch, variantLayerStyles.switch, scaleDimensions, animatedTrackStyle],\n  );\n\n  const handleStyle: StyleProp<ViewStyle> = useMemo(\n    () => [\n      resolvedSwitchStyles.handle,\n      switchStaticStyles.handle,\n      variantLayerStyles.handle,\n      scaleDimensions(resolvedSwitchStyles.handle as ViewStyle),\n      animatedHandleStyle,\n    ],\n    [resolvedSwitchStyles.handle, variantLayerStyles.handle, scaleDimensions, animatedHandleStyle],\n  );\n\n  const accessibilityLabel = typeof label === 'string' ? label : undefined;\n  const resolvedAccessibilityHint = accessibilityHint ?? 'Double tap to toggle';\n\n  const labelContent = label && (\n    <FormLabel\n      color=\"inherit\"\n      variant=\"inherit\"\n      label={label}\n      required={required}\n      showRequiredAsterisk={required}\n      maxFontSizeMultiplier={resolvedMaxFontSizeMultiplier}\n      style={[resolvedSwitchStyles.text, variantLayerStyles.text]}\n    />\n  );\n\n  const a11yValue = useMemo(() => ({ text: isOn ? 'On' : 'Off' }), [isOn]);\n\n  return (\n    <Pressable\n      ref={ref}\n      onPress={handlePress}\n      disabled={disabled}\n      accessible\n      accessibilityRole=\"switch\"\n      accessibilityState={{ checked: isOn, disabled }}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint={resolvedAccessibilityHint}\n      accessibilityValue={a11yValue}\n      {...viewProps}\n      style={rootStyle}\n    >\n      {labelPosition === 'start' && labelContent}\n\n      <Animated.View style={trackStyle} importantForAccessibility=\"no-hide-descendants\">\n        <Animated.View style={handleStyle}>\n          {onIcon && isOn && (\n            <Animated.View style={switchStaticStyles.iconContainer}>\n              <IconSlot\n                icon={onIcon}\n                variant=\"fill\"\n                dangerouslySetSize={scaledHandleIconSize}\n                allowFontScaling={false}\n                style={[resolvedSwitchStyles.handleIcon, variantLayerStyles.handleIcon]}\n              />\n            </Animated.View>\n          )}\n          {offIcon && !isOn && (\n            <Animated.View style={switchStaticStyles.iconContainer}>\n              <IconSlot\n                icon={offIcon}\n                variant=\"fill\"\n                dangerouslySetSize={scaledHandleIconSize}\n                allowFontScaling={false}\n                style={[resolvedSwitchStyles.handleIcon, variantLayerStyles.handleIcon]}\n              />\n            </Animated.View>\n          )}\n        </Animated.View>\n      </Animated.View>\n\n      {labelPosition === 'end' && labelContent}\n    </Pressable>\n  );\n});\n\nSwitch.displayName = 'Switch';\n\nconst switchStaticStyles = StyleSheet.create((theme) => ({\n  handle: {\n    borderRadius: theme.borderRadius.full,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  iconContainer: {\n    position: 'absolute',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  track: {\n    justifyContent: 'center',\n    borderRadius: theme.borderRadius.full,\n  },\n  root: ({ disabled }: { disabled: boolean }) => ({\n    flexDirection: 'row',\n    alignItems: 'center',\n    alignSelf: 'flex-start',\n    opacity: disabled ? 0.5 : 1,\n  }),\n}));\n\nexport { Switch, type SwitchProps };\n"],"mappings":"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"}
+{"version":3,"file":"Switch.js","names":["StyleSheet"],"sources":["../../src/components/Switch.tsx"],"sourcesContent":["import { ICON_SIZE_MAP } from '@yahoo/uds-icons/tokens';\nimport type { UniversalSwitchProps } from '@yahoo/uds-types';\nimport type { Ref } from 'react';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport type {\n  AccessibilityProps,\n  StyleProp,\n  TextStyle,\n  View,\n  ViewProps,\n  ViewStyle,\n} from 'react-native';\nimport { AccessibilityInfo, I18nManager, Platform, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, useDerivedValue, withTiming } from 'react-native-reanimated';\n// eslint-disable-next-line uds/no-use-unistyles -- switch variant layers need concrete web styles\nimport { StyleSheet, useUnistyles } from 'react-native-unistyles';\nimport { useAnimatedVariantColor } from 'react-native-unistyles/reanimated';\n\nimport { switchStyles } from '../../generated/styles';\nimport { useFontScale } from '../fontScaling/useFontScale';\nimport { useMaxFontSizeMultiplier } from '../fontScaling/useMaxFontSizeMultiplier';\nimport { FormLabel } from './FormLabel';\nimport type { IconSlotType } from './IconSlot';\nimport { IconSlot } from './IconSlot';\n\ninterface SwitchProps extends Omit<ViewProps, 'style'>, UniversalSwitchProps<IconSlotType> {\n  /** Ref to the underlying View */\n  ref?: Ref<View>;\n  /** Callback when the switch value changes */\n  onChange?: (value: boolean) => void;\n  /** Whether the switch is disabled */\n  disabled?: boolean;\n  /** Whether the switch is required (shows asterisk with label) */\n  required?: boolean;\n  /**\n   * Caps how far the track, handle, and label grow with the OS text-size\n   * setting; all scale by the same factor. Set null to remove the cap;\n   * override app-wide via UDSFontScalingProvider.\n   * @default 2\n   */\n  maxFontSizeMultiplier?: number | null;\n  /** Accessibility hint describing what happens when activated */\n  accessibilityHint?: AccessibilityProps['accessibilityHint'];\n}\n\nconst ANIMATION_DURATION = 120;\n\n/**\n * **Switch component for toggling options**\n *\n * @description\n * A switch (also called a toggle) is a binary on/off input control.\n * It allows users to pick between two clearly opposite choices.\n *\n * @category Form\n * @platform mobile\n *\n * @example\n * ```tsx\n * import { Switch } from '@yahoo/uds-mobile/Switch';\n *\n * <Switch label=\"Notifications\" />\n * <Switch isOn={enabled} onChange={setEnabled} label=\"Dark mode\" />\n * <Switch onIcon=\"Check\" offIcon=\"Cross\" label=\"Sync\" />\n * ```\n *\n * @usage\n * - Settings: For toggling preferences on/off\n * - Feature flags: For enabling/disabling features\n * - Immediate effect toggles (no submit button needed)\n *\n * @accessibility\n * - Sets `accessibilityRole=\"switch\"` automatically\n * - Announces on/off state to screen readers\n * - Respects system reduce motion preference\n * - Supports `reduceMotion` prop to disable animations\n *\n * @see {@link Checkbox} for forms with submit actions\n * @see {@link Radio} for single-select options\n */\nconst Switch = memo(function Switch({\n  isOn: isOnProp,\n  defaultIsOn = false,\n  onChange,\n  label,\n  labelPosition = 'start',\n  size = 'md',\n  onIcon,\n  offIcon,\n  disabled = false,\n  required,\n  maxFontSizeMultiplier,\n  accessibilityHint,\n  reduceMotion = false,\n  ref,\n  ...viewProps\n}: SwitchProps) {\n  const isControlled = isOnProp !== undefined;\n  const [internalIsOn, setInternalIsOn] = useState(defaultIsOn);\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);\n  const isOn = isControlled ? isOnProp : internalIsOn;\n  const activeVariant = isOn ? 'on' : 'off';\n  const { theme } = useUnistyles();\n\n  // One capped factor governs track, handle, travel, and label.\n  const resolvedMaxFontSizeMultiplier =\n    useMaxFontSizeMultiplier('control', maxFontSizeMultiplier) ?? 0;\n  const fontScaleFactor = useFontScale(resolvedMaxFontSizeMultiplier);\n  // Size the handle glyph from the same factor as the handle it sits in, rather\n  // than letting native font scaling size it on a separate path.\n  const scaledHandleIconSize = Math.round(ICON_SIZE_MAP.sm * fontScaleFactor);\n\n  // Check system reduced motion preference\n  useEffect(() => {\n    const checkReducedMotion = async () => {\n      const isReduceMotionEnabled = await AccessibilityInfo.isReduceMotionEnabled();\n      setPrefersReducedMotion(isReduceMotionEnabled);\n    };\n    checkReducedMotion();\n\n    const subscription = AccessibilityInfo.addEventListener(\n      'reduceMotionChanged',\n      setPrefersReducedMotion,\n    );\n    return () => subscription.remove();\n  }, []);\n\n  const shouldReduceMotion = reduceMotion || prefersReducedMotion;\n  const animationDuration = shouldReduceMotion ? 0 : ANIMATION_DURATION;\n\n  const progress = useDerivedValue(\n    () => withTiming(isOn ? 1 : 0, { duration: animationDuration }),\n    [isOn, animationDuration],\n  );\n\n  const handlePress = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n\n    const newValue = !isOn;\n\n    if (!isControlled) {\n      setInternalIsOn(newValue);\n    }\n\n    onChange?.(newValue);\n  }, [disabled, isOn, isControlled, onChange]);\n\n  // On web, useVariants returns the resolved style object instead of mutating\n  // switchStyles in place.\n  const variantSwitchStyles = switchStyles.useVariants({\n    size,\n    variant: activeVariant,\n  }) as unknown as typeof switchStyles | undefined;\n  const resolvedSwitchStyles = variantSwitchStyles ?? switchStyles;\n\n  // Derive travel from the same rounded metrics used to render the control.\n  // Scaling the token travel independently can differ by a pixel at fractional\n  // font scales, leaving unequal insets at opposite ends of the track.\n  const scaledTrackWidth = Math.round(resolvedSwitchStyles.switch.width * fontScaleFactor);\n  const scaledTrackPadding = Math.round(resolvedSwitchStyles.switch.padding * fontScaleFactor);\n  const scaledHandleWidth = Math.round(resolvedSwitchStyles.handle.width * fontScaleFactor);\n  const scaledHandleTravel = Math.max(\n    0,\n    scaledTrackWidth - scaledHandleWidth - scaledTrackPadding * 2,\n  );\n  // RTL mirrors the track layout but not transforms, so travel flips sign.\n  const travelDistance = scaledHandleTravel * (I18nManager.isRTL ? -1 : 1);\n\n  const variantLayerStyles = useMemo(() => {\n    const components = theme.components as unknown as Record<string, Record<string, unknown>>;\n    const getLayerStyle = <TStyle,>(layer: string) =>\n      components[`switch/variant/default/active/${activeVariant}/${layer}/rest`] as\n        TStyle | undefined;\n\n    return {\n      handle: getLayerStyle<ViewStyle>('handle'),\n      handleIcon: getLayerStyle<TextStyle>('handleIcon'),\n      switch: getLayerStyle<ViewStyle>('switch'),\n      text: getLayerStyle<TextStyle>('rootText'),\n    };\n  }, [activeVariant, theme]);\n\n  // Get animated track color from design tokens (changes when variant changes)\n  const trackBackgroundColor = useAnimatedVariantColor(\n    resolvedSwitchStyles.switch,\n    'backgroundColor',\n  );\n\n  const animatedTrackStyle = useAnimatedStyle(() => {\n    'worklet';\n    return {\n      backgroundColor: withTiming(trackBackgroundColor.value, { duration: animationDuration }),\n    };\n  });\n\n  const animatedHandleStyle = useAnimatedStyle(() => {\n    'worklet';\n    return {\n      transform: [{ translateX: progress.value * travelDistance }],\n    };\n  });\n\n  const rootStyle: StyleProp<ViewStyle> = useMemo(\n    () => [resolvedSwitchStyles.root, switchStaticStyles.root({ disabled })],\n    [resolvedSwitchStyles.root, disabled],\n  );\n\n  // Track and handle grow by the capped factor so the handle (and its icon)\n  // stays contained. Scale the track's inset too so the derived travel lands\n  // the handle at the same distance from either end.\n  const scaleDimensions = useCallback(\n    (style: ViewStyle | undefined): ViewStyle | undefined => {\n      if (!style || fontScaleFactor === 1) {\n        return undefined;\n      }\n      const { width, height, padding } = style;\n      return typeof width === 'number' && typeof height === 'number'\n        ? {\n            width: Math.round(width * fontScaleFactor),\n            height: Math.round(height * fontScaleFactor),\n            ...(typeof padding === 'number' && {\n              padding: Math.round(padding * fontScaleFactor),\n            }),\n          }\n        : undefined;\n    },\n    [fontScaleFactor],\n  );\n\n  const trackStyle: StyleProp<ViewStyle> = useMemo(\n    () => [\n      resolvedSwitchStyles.switch,\n      switchStaticStyles.track,\n      variantLayerStyles.switch,\n      scaleDimensions(resolvedSwitchStyles.switch as ViewStyle),\n      // On web, the animated variant color hook currently resolves to Unistyles'\n      // black fallback, so the concrete variant layer provides the track color.\n      Platform.OS !== 'web' && animatedTrackStyle,\n    ],\n    [resolvedSwitchStyles.switch, variantLayerStyles.switch, scaleDimensions, animatedTrackStyle],\n  );\n\n  const handleStyle: StyleProp<ViewStyle> = useMemo(\n    () => [\n      resolvedSwitchStyles.handle,\n      switchStaticStyles.handle,\n      variantLayerStyles.handle,\n      scaleDimensions(resolvedSwitchStyles.handle as ViewStyle),\n      animatedHandleStyle,\n    ],\n    [resolvedSwitchStyles.handle, variantLayerStyles.handle, scaleDimensions, animatedHandleStyle],\n  );\n\n  const accessibilityLabel = typeof label === 'string' ? label : undefined;\n  const resolvedAccessibilityHint = accessibilityHint ?? 'Double tap to toggle';\n\n  const labelContent = label && (\n    <FormLabel\n      color=\"inherit\"\n      variant=\"inherit\"\n      label={label}\n      required={required}\n      showRequiredAsterisk={required}\n      maxFontSizeMultiplier={resolvedMaxFontSizeMultiplier}\n      style={[resolvedSwitchStyles.text, variantLayerStyles.text]}\n    />\n  );\n\n  const a11yValue = useMemo(() => ({ text: isOn ? 'On' : 'Off' }), [isOn]);\n\n  return (\n    <Pressable\n      ref={ref}\n      onPress={handlePress}\n      disabled={disabled}\n      accessible\n      accessibilityRole=\"switch\"\n      accessibilityState={{ checked: isOn, disabled }}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint={resolvedAccessibilityHint}\n      accessibilityValue={a11yValue}\n      {...viewProps}\n      style={rootStyle}\n    >\n      {labelPosition === 'start' && labelContent}\n\n      <Animated.View style={trackStyle} importantForAccessibility=\"no-hide-descendants\">\n        <Animated.View style={handleStyle}>\n          {onIcon && isOn && (\n            <Animated.View style={switchStaticStyles.iconContainer}>\n              <IconSlot\n                icon={onIcon}\n                variant=\"fill\"\n                dangerouslySetSize={scaledHandleIconSize}\n                allowFontScaling={false}\n                style={[resolvedSwitchStyles.handleIcon, variantLayerStyles.handleIcon]}\n              />\n            </Animated.View>\n          )}\n          {offIcon && !isOn && (\n            <Animated.View style={switchStaticStyles.iconContainer}>\n              <IconSlot\n                icon={offIcon}\n                variant=\"fill\"\n                dangerouslySetSize={scaledHandleIconSize}\n                allowFontScaling={false}\n                style={[resolvedSwitchStyles.handleIcon, variantLayerStyles.handleIcon]}\n              />\n            </Animated.View>\n          )}\n        </Animated.View>\n      </Animated.View>\n\n      {labelPosition === 'end' && labelContent}\n    </Pressable>\n  );\n});\n\nSwitch.displayName = 'Switch';\n\nconst switchStaticStyles = StyleSheet.create((theme) => ({\n  handle: {\n    borderRadius: theme.borderRadius.full,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  iconContainer: {\n    position: 'absolute',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  track: {\n    justifyContent: 'center',\n    borderRadius: theme.borderRadius.full,\n  },\n  root: ({ disabled }: { disabled: boolean }) => ({\n    flexDirection: 'row',\n    alignItems: 'center',\n    alignSelf: 'flex-start',\n    opacity: disabled ? 0.5 : 1,\n  }),\n}));\n\nexport { Switch, type SwitchProps };\n"],"mappings":";;;;;;;;;;;;;;AA6CA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmC3B,MAAM,SAAS,KAAK,SAAS,OAAO,EAClC,MAAM,UACN,cAAc,OACd,UACA,OACA,gBAAgB,SAChB,OAAO,MACP,QACA,SACA,WAAW,OACX,UACA,uBACA,mBACA,eAAe,OACf,KACA,GAAG,aACW;CACd,MAAM,eAAe,aAAa,KAAA;CAClC,MAAM,CAAC,cAAc,mBAAmB,SAAS,YAAY;CAC7D,MAAM,CAAC,sBAAsB,2BAA2B,SAAS,MAAM;CACvE,MAAM,OAAO,eAAe,WAAW;CACvC,MAAM,gBAAgB,OAAO,OAAO;CACpC,MAAM,EAAE,UAAU,cAAc;CAGhC,MAAM,gCACJ,yBAAyB,WAAW,sBAAsB,IAAI;CAChE,MAAM,kBAAkB,aAAa,8BAA8B;CAGnE,MAAM,uBAAuB,KAAK,MAAM,cAAc,KAAK,gBAAgB;CAG3E,gBAAgB;EACd,MAAM,qBAAqB,YAAY;GAErC,wBAAwB,MADY,kBAAkB,uBAAuB,CAC/B;;EAEhD,oBAAoB;EAEpB,MAAM,eAAe,kBAAkB,iBACrC,uBACA,wBACD;EACD,aAAa,aAAa,QAAQ;IACjC,EAAE,CAAC;CAGN,MAAM,oBADqB,gBAAgB,uBACI,IAAI;CAEnD,MAAM,WAAW,sBACT,WAAW,OAAO,IAAI,GAAG,EAAE,UAAU,mBAAmB,CAAC,EAC/D,CAAC,MAAM,kBAAkB,CAC1B;CAED,MAAM,cAAc,kBAAkB;EACpC,IAAI,UACF;EAGF,MAAM,WAAW,CAAC;EAElB,IAAI,CAAC,cACH,gBAAgB,SAAS;EAG3B,WAAW,SAAS;IACnB;EAAC;EAAU;EAAM;EAAc;EAAS,CAAC;CAQ5C,MAAM,uBAJsB,aAAa,YAAY;EACnD;EACA,SAAS;EACV,CAC+C,IAAI;CAKpD,MAAM,mBAAmB,KAAK,MAAM,qBAAqB,OAAO,QAAQ,gBAAgB;CACxF,MAAM,qBAAqB,KAAK,MAAM,qBAAqB,OAAO,UAAU,gBAAgB;CAC5F,MAAM,oBAAoB,KAAK,MAAM,qBAAqB,OAAO,QAAQ,gBAAgB;CAMzF,MAAM,iBALqB,KAAK,IAC9B,GACA,mBAAmB,oBAAoB,qBAAqB,EAGrB,IAAI,YAAY,QAAQ,KAAK;CAEtE,MAAM,qBAAqB,cAAc;EACvC,MAAM,aAAa,MAAM;EACzB,MAAM,iBAA0B,UAC9B,WAAW,iCAAiC,cAAc,GAAG,MAAM;EAGrE,OAAO;GACL,QAAQ,cAAyB,SAAS;GAC1C,YAAY,cAAyB,aAAa;GAClD,QAAQ,cAAyB,SAAS;GAC1C,MAAM,cAAyB,WAAW;GAC3C;IACA,CAAC,eAAe,MAAM,CAAC;CAG1B,MAAM,uBAAuB,wBAC3B,qBAAqB,QACrB,kBACD;CAED,MAAM,qBAAqB,uBAAuB;AAChD;EACA,OAAO,EACL,iBAAiB,WAAW,qBAAqB,OAAO,EAAE,UAAU,mBAAmB,CAAC,EACzF;GACD;CAEF,MAAM,sBAAsB,uBAAuB;AACjD;EACA,OAAO,EACL,WAAW,CAAC,EAAE,YAAY,SAAS,QAAQ,gBAAgB,CAAC,EAC7D;GACD;CAEF,MAAM,YAAkC,cAChC,CAAC,qBAAqB,MAAM,mBAAmB,KAAK,EAAE,UAAU,CAAC,CAAC,EACxE,CAAC,qBAAqB,MAAM,SAAS,CACtC;CAKD,MAAM,kBAAkB,aACrB,UAAwD;EACvD,IAAI,CAAC,SAAS,oBAAoB,GAChC;EAEF,MAAM,EAAE,OAAO,QAAQ,YAAY;EACnC,OAAO,OAAO,UAAU,YAAY,OAAO,WAAW,WAClD;GACE,OAAO,KAAK,MAAM,QAAQ,gBAAgB;GAC1C,QAAQ,KAAK,MAAM,SAAS,gBAAgB;GAC5C,GAAI,OAAO,YAAY,YAAY,EACjC,SAAS,KAAK,MAAM,UAAU,gBAAgB,EAC/C;GACF,GACD,KAAA;IAEN,CAAC,gBAAgB,CAClB;CAED,MAAM,aAAmC,cACjC;EACJ,qBAAqB;EACrB,mBAAmB;EACnB,mBAAmB;EACnB,gBAAgB,qBAAqB,OAAoB;EAGzD,SAAS,OAAO,SAAS;EAC1B,EACD;EAAC,qBAAqB;EAAQ,mBAAmB;EAAQ;EAAiB;EAAmB,CAC9F;CAED,MAAM,cAAoC,cAClC;EACJ,qBAAqB;EACrB,mBAAmB;EACnB,mBAAmB;EACnB,gBAAgB,qBAAqB,OAAoB;EACzD;EACD,EACD;EAAC,qBAAqB;EAAQ,mBAAmB;EAAQ;EAAiB;EAAoB,CAC/F;CAED,MAAM,qBAAqB,OAAO,UAAU,WAAW,QAAQ,KAAA;CAC/D,MAAM,4BAA4B,qBAAqB;CAEvD,MAAM,eAAe,SACnB,oBAAC,WAAD;EACE,OAAM;EACN,SAAQ;EACD;EACG;EACV,sBAAsB;EACtB,uBAAuB;EACvB,OAAO,CAAC,qBAAqB,MAAM,mBAAmB,KAAK;EAC3D,CAAA;CAGJ,MAAM,YAAY,eAAe,EAAE,MAAM,OAAO,OAAO,OAAO,GAAG,CAAC,KAAK,CAAC;CAExE,OACE,qBAAC,WAAD;EACO;EACL,SAAS;EACC;EACV,YAAA;EACA,mBAAkB;EAClB,oBAAoB;GAAE,SAAS;GAAM;GAAU;EAC3B;EACpB,mBAAmB;EACnB,oBAAoB;EACpB,GAAI;EACJ,OAAO;YAXT;GAaG,kBAAkB,WAAW;GAE9B,oBAAC,SAAS,MAAV;IAAe,OAAO;IAAY,2BAA0B;cAC1D,qBAAC,SAAS,MAAV;KAAe,OAAO;eAAtB,CACG,UAAU,QACT,oBAAC,SAAS,MAAV;MAAe,OAAO,mBAAmB;gBACvC,oBAAC,UAAD;OACE,MAAM;OACN,SAAQ;OACR,oBAAoB;OACpB,kBAAkB;OAClB,OAAO,CAAC,qBAAqB,YAAY,mBAAmB,WAAW;OACvE,CAAA;MACY,CAAA,EAEjB,WAAW,CAAC,QACX,oBAAC,SAAS,MAAV;MAAe,OAAO,mBAAmB;gBACvC,oBAAC,UAAD;OACE,MAAM;OACN,SAAQ;OACR,oBAAoB;OACpB,kBAAkB;OAClB,OAAO,CAAC,qBAAqB,YAAY,mBAAmB,WAAW;OACvE,CAAA;MACY,CAAA,CAEJ;;IACF,CAAA;GAEf,kBAAkB,SAAS;GAClB;;EAEd;AAEF,OAAO,cAAc;AAErB,MAAM,qBAAqBA,aAAW,QAAQ,WAAW;CACvD,QAAQ;EACN,cAAc,MAAM,aAAa;EACjC,YAAY;EACZ,gBAAgB;EACjB;CACD,eAAe;EACb,UAAU;EACV,YAAY;EACZ,gBAAgB;EACjB;CACD,OAAO;EACL,gBAAgB;EAChB,cAAc,MAAM,aAAa;EAClC;CACD,OAAO,EAAE,gBAAuC;EAC9C,eAAe;EACf,YAAY;EACZ,WAAW;EACX,SAAS,WAAW,KAAM;EAC3B;CACF,EAAE"}

package/dist/fontScaling/types.d.cts

@@ -35,8 +35,8 @@ interface FontScalingConfig {
    */
   default?: FontScalingCapValue;
   /**
-   * Cap for control-internal text and icons: Button labels and icons,
-   * Checkbox boxes/checkmarks/labels, and standalone `Icon` glyphs.
+   * Cap for control-internal text, icons, and geometry in Button, Checkbox,
+   * Radio, Switch, Chip, and Tabs, plus standalone `Icon` glyphs.
    * @default 2
    */
   control?: FontScalingCapValue;

package/dist/fontScaling/types.d.ts

@@ -35,8 +35,8 @@ interface FontScalingConfig {
    */
   default?: FontScalingCapValue;
   /**
-   * Cap for control-internal text and icons: Button labels and icons,
-   * Checkbox boxes/checkmarks/labels, and standalone `Icon` glyphs.
+   * Cap for control-internal text, icons, and geometry in Button, Checkbox,
+   * Radio, Switch, Chip, and Tabs, plus standalone `Icon` glyphs.
    * @default 2
    */
   control?: FontScalingCapValue;

package/dist/jest/mocks/styles.cjs

@@ -211,6 +211,7 @@ const switchStyles = createComponentStyles({
 	switch: {
 		width: 48,
 		height: 28,
+		padding: 2,
 		borderRadius: 14,
 		backgroundColor: "#E0E0E0"
 	},

package/dist/jest/mocks/styles.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.cts","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"mappings":";;;;;;;;;;cA8Ga,MAAA,EAAM,MAAA;AAAA,cAKN,YAAA,EAAY,MAAA;AAAA,cAgCZ,UAAA,EAAU,MAAA;AAAA,cAUV,WAAA,EAAW,MAAA;AAAA,cAkEX,cAAA,EAAc,MAAA;AAAA,cA2Bd,YAAA,EAAY,MAAA;AAAA,cAkCZ,YAAA,EAAY,MAAA;AAAA,cAqBZ,WAAA,EAAW,MAAA;AAAA,cAmBX,UAAA,EAAU,MAAA;AAAA,cAsBV,aAAA,EAAa,MAAA;AAAA,cAiBb,UAAA,EAAU,MAAA;AAAA,cAgBV,WAAA,EAAW,MAAA;AAAA,cA+CX,gBAAA,EAAgB,MAAA;AAAA,cAehB,iBAAA,EAAiB,MAAA;AAAA,cA0BjB,WAAA,EAAW,MAAA;AAAA,cASX,aAAA,EAAa,MAAA;AAAA,cAmCb,UAAA,EAAU,MAAA;AAAA,cASV,gBAAA,EAAgB,MAAA;AAAA,cAuBhB,WAAA,EAAW,MAAA;AAAA,cAuCX,WAAA,EAAW,MAAA;AAAA,cAiDX,YAAA,EAAY,MAAA;AAAA,cASZ,mBAAA,EAAmB,MAAA;AAAA,cAanB,gBAAA,EAAgB,MAAA;AAAA,UAeZ,UAAA;EACf,KAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EAAA,CACC,GAAA;AAAA"}
+{"version":3,"file":"styles.d.cts","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"mappings":";;;;;;;;;;cA8Ga,MAAA,EAAM,MAAA;AAAA,cAKN,YAAA,EAAY,MAAA;AAAA,cAgCZ,UAAA,EAAU,MAAA;AAAA,cAUV,WAAA,EAAW,MAAA;AAAA,cAkEX,cAAA,EAAc,MAAA;AAAA,cA2Bd,YAAA,EAAY,MAAA;AAAA,cAmCZ,YAAA,EAAY,MAAA;AAAA,cAqBZ,WAAA,EAAW,MAAA;AAAA,cAmBX,UAAA,EAAU,MAAA;AAAA,cAsBV,aAAA,EAAa,MAAA;AAAA,cAiBb,UAAA,EAAU,MAAA;AAAA,cAgBV,WAAA,EAAW,MAAA;AAAA,cA+CX,gBAAA,EAAgB,MAAA;AAAA,cAehB,iBAAA,EAAiB,MAAA;AAAA,cA0BjB,WAAA,EAAW,MAAA;AAAA,cASX,aAAA,EAAa,MAAA;AAAA,cAmCb,UAAA,EAAU,MAAA;AAAA,cASV,gBAAA,EAAgB,MAAA;AAAA,cAuBhB,WAAA,EAAW,MAAA;AAAA,cAuCX,WAAA,EAAW,MAAA;AAAA,cAiDX,YAAA,EAAY,MAAA;AAAA,cASZ,mBAAA,EAAmB,MAAA;AAAA,cAanB,gBAAA,EAAgB,MAAA;AAAA,UAeZ,UAAA;EACf,KAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EAAA,CACC,GAAA;AAAA"}

package/dist/jest/mocks/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"mappings":";;;;;;;;;;cA8Ga,MAAA,EAAM,MAAA;AAAA,cAKN,YAAA,EAAY,MAAA;AAAA,cAgCZ,UAAA,EAAU,MAAA;AAAA,cAUV,WAAA,EAAW,MAAA;AAAA,cAkEX,cAAA,EAAc,MAAA;AAAA,cA2Bd,YAAA,EAAY,MAAA;AAAA,cAkCZ,YAAA,EAAY,MAAA;AAAA,cAqBZ,WAAA,EAAW,MAAA;AAAA,cAmBX,UAAA,EAAU,MAAA;AAAA,cAsBV,aAAA,EAAa,MAAA;AAAA,cAiBb,UAAA,EAAU,MAAA;AAAA,cAgBV,WAAA,EAAW,MAAA;AAAA,cA+CX,gBAAA,EAAgB,MAAA;AAAA,cAehB,iBAAA,EAAiB,MAAA;AAAA,cA0BjB,WAAA,EAAW,MAAA;AAAA,cASX,aAAA,EAAa,MAAA;AAAA,cAmCb,UAAA,EAAU,MAAA;AAAA,cASV,gBAAA,EAAgB,MAAA;AAAA,cAuBhB,WAAA,EAAW,MAAA;AAAA,cAuCX,WAAA,EAAW,MAAA;AAAA,cAiDX,YAAA,EAAY,MAAA;AAAA,cASZ,mBAAA,EAAmB,MAAA;AAAA,cAanB,gBAAA,EAAgB,MAAA;AAAA,UAeZ,UAAA;EACf,KAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EAAA,CACC,GAAA;AAAA"}
+{"version":3,"file":"styles.d.ts","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"mappings":";;;;;;;;;;cA8Ga,MAAA,EAAM,MAAA;AAAA,cAKN,YAAA,EAAY,MAAA;AAAA,cAgCZ,UAAA,EAAU,MAAA;AAAA,cAUV,WAAA,EAAW,MAAA;AAAA,cAkEX,cAAA,EAAc,MAAA;AAAA,cA2Bd,YAAA,EAAY,MAAA;AAAA,cAmCZ,YAAA,EAAY,MAAA;AAAA,cAqBZ,WAAA,EAAW,MAAA;AAAA,cAmBX,UAAA,EAAU,MAAA;AAAA,cAsBV,aAAA,EAAa,MAAA;AAAA,cAiBb,UAAA,EAAU,MAAA;AAAA,cAgBV,WAAA,EAAW,MAAA;AAAA,cA+CX,gBAAA,EAAgB,MAAA;AAAA,cAehB,iBAAA,EAAiB,MAAA;AAAA,cA0BjB,WAAA,EAAW,MAAA;AAAA,cASX,aAAA,EAAa,MAAA;AAAA,cAmCb,UAAA,EAAU,MAAA;AAAA,cASV,gBAAA,EAAgB,MAAA;AAAA,cAuBhB,WAAA,EAAW,MAAA;AAAA,cAuCX,WAAA,EAAW,MAAA;AAAA,cAiDX,YAAA,EAAY,MAAA;AAAA,cASZ,mBAAA,EAAmB,MAAA;AAAA,cAanB,gBAAA,EAAgB,MAAA;AAAA,UAeZ,UAAA;EACf,KAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EAAA,CACC,GAAA;AAAA"}

package/dist/jest/mocks/styles.js

@@ -211,6 +211,7 @@ const switchStyles = createComponentStyles({
 	switch: {
 		width: 48,
 		height: 28,
+		padding: 2,
 		borderRadius: 14,
 		backgroundColor: "#E0E0E0"
 	},

package/dist/jest/mocks/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"sourcesContent":["/**\n * Jest mock for generated/styles.\n *\n * Provides proxy-based mocks for the generated style objects\n * (styles, buttonStyles, etc.) with useVariants as a no-op.\n */\n\n/// <reference types=\"jest\" />\n\n// Default style values for foundation\nconst defaultFoundation = {\n  // Layout\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'stretch',\n  justifyContent: 'flex-start',\n  // Spacing\n  padding: 0,\n  paddingHorizontal: 0,\n  paddingVertical: 0,\n  margin: 0,\n  gap: 0,\n  // Colors\n  backgroundColor: 'transparent',\n  color: '#000000',\n  borderColor: 'transparent',\n  // Border\n  borderWidth: 0,\n  borderRadius: 0,\n  // Typography\n  fontFamily: 'System',\n  fontSize: 14,\n  lineHeight: 20,\n  fontWeight: 'regular',\n  // Effects\n  opacity: 1,\n  boxShadow: '',\n};\n\n// Create a style object with useVariants attached\nfunction createStyleObject(baseStyles: Record<string, unknown> = {}) {\n  const useVariants = jest.fn();\n  const proxy = new Proxy(\n    { ...defaultFoundation, ...baseStyles, useVariants },\n    {\n      get(target, prop) {\n        if (prop === 'useVariants') {\n          return useVariants;\n        }\n        if (prop in target) {\n          return target[prop as keyof typeof target];\n        }\n        // Return sensible defaults for unknown properties\n        if (typeof prop === 'string') {\n          if (prop.includes('color') || prop.includes('Color')) {\n            return '#000000';\n          }\n          if (prop.includes('width') || prop.includes('Width')) {\n            return 0;\n          }\n          if (prop.includes('radius') || prop.includes('Radius')) {\n            return 0;\n          }\n          if (prop.includes('size') || prop.includes('Size')) {\n            return 16;\n          }\n          if (prop.includes('spacing') || prop.includes('Spacing')) {\n            return 0;\n          }\n          if (prop.includes('gap') || prop.includes('Gap')) {\n            return 0;\n          }\n        }\n        return undefined;\n      },\n    },\n  );\n  useVariants.mockReturnValue(proxy);\n  return proxy;\n}\n\n// Create a component style object (like buttonStyles) with multiple style keys\nfunction createComponentStyles(styleKeys: Record<string, Record<string, unknown>>) {\n  const useVariants = jest.fn();\n  const result: Record<string, unknown> = { useVariants };\n\n  for (const [key, baseStyles] of Object.entries(styleKeys)) {\n    result[key] = createStyleObject(baseStyles);\n  }\n\n  const proxy = new Proxy(result, {\n    get(target, prop) {\n      if (prop === 'useVariants') {\n        return useVariants;\n      }\n      if (prop in target) {\n        return target[prop as keyof typeof target];\n      }\n      // Return a default style object for any unknown key\n      if (typeof prop === 'string') {\n        return createStyleObject();\n      }\n      return undefined;\n    },\n  });\n  useVariants.mockReturnValue(proxy);\n  return proxy;\n}\n\n// Main styles export\nexport const styles = createComponentStyles({\n  foundation: defaultFoundation,\n});\n\n// Button styles\nexport const buttonStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: 8,\n    paddingHorizontal: 16,\n    paddingVertical: 10,\n    backgroundColor: '#6001D2',\n    borderRadius: 8,\n    borderWidth: 0,\n    borderColor: 'transparent',\n    opacity: 1,\n    boxShadow: '',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    letterSpacing: 0,\n    lineHeight: 20,\n    color: '#FFFFFF',\n  },\n  icon: {\n    fontSize: 16,\n    iconSizeToken: 'sm',\n    lineHeight: 16,\n    color: '#FFFFFF',\n  },\n});\n\n// Text styles\nexport const textStyles = createComponentStyles({\n  root: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// Input styles\nexport const inputStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 4,\n  },\n  label: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n  inputContainer: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n    backgroundColor: '#FFFFFF',\n    borderRadius: 8,\n    borderWidth: 1,\n    borderColor: '#E0E0E0',\n  },\n  input: {\n    flex: 1,\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 16,\n    lineHeight: 24,\n    color: '#000000',\n  },\n  helperText: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 12,\n    lineHeight: 16,\n    color: '#666666',\n  },\n  labelRequired: {\n    color: '#6001D2',\n  },\n  inputWrapper: {\n    backgroundColor: '#FFFFFF',\n    borderColor: '#E0E0E0',\n  },\n  inputWrapperStatic: {\n    paddingHorizontal: 12,\n    gap: 8,\n  },\n  inputWrapperDynamic: {\n    borderWidth: 1,\n    borderRadius: 8,\n  },\n  inputPlaceholder: {\n    color: '#666666',\n  },\n  startIcon: {\n    color: '#666666',\n  },\n  endIcon: {\n    color: '#666666',\n  },\n  helperIcon: {\n    color: '#666666',\n  },\n});\n\n// Checkbox styles\nexport const checkboxStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n  checkbox: {\n    width: 20,\n    height: 20,\n    borderRadius: 4,\n    borderWidth: 2,\n    borderColor: '#6001D2',\n    backgroundColor: 'transparent',\n  },\n  checkboxIcon: {\n    color: '#6001D2',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// Switch styles\nexport const switchStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n  switch: {\n    width: 48,\n    height: 28,\n    borderRadius: 14,\n    backgroundColor: '#E0E0E0',\n  },\n  handle: {\n    width: 24,\n    height: 24,\n    borderRadius: 12,\n    backgroundColor: '#FFFFFF',\n  },\n  handleIcon: {\n    fontSize: 16,\n    iconSizeToken: 'sm',\n    lineHeight: 16,\n    color: '#000000',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// Avatar styles\nexport const avatarStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 9999,\n    backgroundColor: '#E0E0E0',\n    overflow: 'hidden',\n  },\n  image: {\n    width: '100%',\n    height: '100%',\n  },\n  initials: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    color: '#000000',\n  },\n});\n\n// Badge styles\nexport const badgeStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 8,\n    paddingVertical: 2,\n    borderRadius: 4,\n    backgroundColor: '#E0E0E0',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 12,\n    lineHeight: 16,\n    color: '#000000',\n  },\n});\n\n// Chip styles\nexport const chipStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n    paddingHorizontal: 12,\n    paddingVertical: 6,\n    borderRadius: 16,\n    backgroundColor: '#F5F5F5',\n    borderWidth: 1,\n    borderColor: '#E0E0E0',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// Divider styles\nexport const dividerStyles = createComponentStyles({\n  root: {\n    gap: 8,\n  },\n  label: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 12,\n    lineHeight: 16,\n    color: '#000000',\n  },\n  line: {\n    borderWidth: 1,\n    borderColor: '#E0E0E0',\n  },\n});\n\n// Link styles\nexport const linkStyles = createComponentStyles({\n  root: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#6001D2',\n    textDecorationLine: 'underline',\n  },\n});\n\n// Radio styles\nexport const radioStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n  // Keys used by Radio.tsx (mirror the generated styles)\n  radio: {\n    width: 20,\n    height: 20,\n    borderWidth: 2,\n    borderColor: '#6001D2',\n    backgroundColor: 'transparent',\n  },\n  radioCircle: {\n    backgroundColor: '#6001D2',\n  },\n  circle: {\n    width: 20,\n    height: 20,\n    borderRadius: 10,\n    borderWidth: 2,\n    borderColor: '#6001D2',\n    backgroundColor: 'transparent',\n  },\n  dot: {\n    width: 10,\n    height: 10,\n    borderRadius: 5,\n    backgroundColor: '#6001D2',\n  },\n  label: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// IconButton styles\nexport const iconButtonStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 8,\n    backgroundColor: 'transparent',\n  },\n  icon: {\n    fontSize: 24,\n    color: '#000000',\n  },\n});\n\n// BottomSheet styles\nexport const bottomSheetStyles = createComponentStyles({\n  root: {\n    backgroundColor: '#ffffff',\n    backgroundBlurColor: '#ffffff',\n    backgroundBlurRadius: 0,\n    borderColor: '#e0e0e0',\n    borderWidth: 1,\n    borderRadius: 16,\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n    marginHorizontal: 8,\n    marginBottom: 8,\n  },\n  header: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 16,\n    letterSpacing: 0,\n    lineHeight: 20,\n    color: '#000000',\n  },\n  handleIndicator: {\n    backgroundColor: '#999999',\n  },\n});\n\n// Scrim styles\nexport const scrimStyles = createComponentStyles({\n  root: {\n    backgroundColor: '#000000',\n    opacity: 0.2,\n    backgroundBlurRadius: 0,\n  },\n});\n\n// Popover styles\nexport const popoverStyles = createComponentStyles({\n  root: {\n    boxShadow: '0px 8px 16px rgba(0, 0, 0, 0.12)',\n  },\n  blur: {\n    backgroundBlurRadius: 0,\n  },\n  closeIcon: {\n    fontSize: 16,\n    iconSizeToken: 'sm',\n    lineHeight: 16,\n    color: '#000000',\n  },\n  closeIconContainer: {\n    padding: 8,\n  },\n  contentWrapper: {\n    gap: 8,\n    paddingHorizontal: 16,\n    paddingVertical: 16,\n  },\n  svgBase: {\n    borderRadius: 16,\n    backgroundBlurColor: '#ffffff',\n    backgroundBlurRadius: 0,\n    backgroundColor: '#ffffff',\n    backgroundOpacity: 1,\n  },\n  svgBorder: {\n    borderColor: '#e0e0e0',\n    borderWidth: 1,\n  },\n});\n\n// Tabs (tab list chrome)\nexport const tabsStyles = createComponentStyles({\n  root: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n});\n\n// Pagination styles\nexport const paginationStyles = createComponentStyles({\n  root: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n  },\n  item: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 8,\n    borderRadius: 999,\n  },\n  text: {\n    fontSize: 14,\n    lineHeight: 16,\n  },\n  icon: {\n    fontSize: 16,\n    lineHeight: 16,\n  },\n});\n\n// Toast styles\nexport const toastStyles = createComponentStyles({\n  root: {\n    alignItems: 'center',\n    backgroundBlurColor: 'rgba(255, 255, 255, 0.9)',\n    backgroundBlurRadius: 0,\n    backgroundColor: '#FFFFFF',\n    borderColor: '#E0E0E0',\n    borderRadius: 12,\n    borderWidth: 1,\n    boxShadow: '',\n    flexDirection: 'row',\n    gap: 8,\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n  },\n  text: {\n    color: '#000000',\n  },\n  icon: {\n    color: '#000000',\n    fontSize: 16,\n    iconSizeToken: 'md',\n    lineHeight: 16,\n  },\n  closeIcon: {\n    color: '#000000',\n    fontSize: 12,\n    iconSizeToken: 'sm',\n    lineHeight: 12,\n  },\n  label: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    letterSpacing: 0,\n    lineHeight: 20,\n  },\n});\n\n// Modal styles\nexport const modalStyles = createComponentStyles({\n  root: {\n    backgroundBlurColor: 'rgba(255, 255, 255, 0.9)',\n    backgroundBlurRadius: 0,\n    backgroundColor: '#FFFFFF',\n    borderColor: '#E0E0E0',\n    borderRadius: 16,\n    borderWidth: 1,\n    boxShadow: '',\n    paddingVertical: 32,\n  },\n  actions: {\n    gap: 12,\n  },\n  closeIcon: {\n    color: '#000000',\n    fontSize: 24,\n    iconSizeToken: 'md',\n    lineHeight: 24,\n  },\n  closeIconContainer: {\n    padding: 8,\n  },\n  description: {\n    color: '#000000',\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 18,\n    letterSpacing: 0,\n    lineHeight: 28,\n  },\n  scrim: {\n    padding: 32,\n  },\n  spacingHorizontal: {\n    paddingHorizontal: 32,\n  },\n  title: {\n    color: '#000000',\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 28,\n    letterSpacing: 0,\n    lineHeight: 36,\n  },\n  titleDescriptionWrapper: {\n    gap: 8,\n  },\n});\n\n// Select styles\nexport const selectStyles = createComponentStyles({\n  startIcon: {\n    color: '#666666',\n  },\n  endIcon: {\n    color: '#666666',\n  },\n});\n\nexport const selectContentStyles = createComponentStyles({\n  root: {\n    backgroundColor: '#FFFFFF',\n    borderColor: '#E0E0E0',\n    borderWidth: 1,\n    borderRadius: 8,\n    boxShadow: '',\n    gap: 0,\n    paddingHorizontal: 0,\n    paddingVertical: 0,\n  },\n});\n\nexport const selectItemStyles = createComponentStyles({\n  root: {\n    backgroundColor: '#FFFFFF',\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n  },\n  text: {\n    color: '#000000',\n  },\n  endIcon: {\n    color: '#6001D2',\n  },\n});\n\n// Type for StyleProps\nexport interface StyleProps {\n  color?: string;\n  backgroundColor?: string;\n  borderColor?: string;\n  borderWidth?: number;\n  borderRadius?: number;\n  [key: string]: unknown;\n}\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"sourcesContent":["/**\n * Jest mock for generated/styles.\n *\n * Provides proxy-based mocks for the generated style objects\n * (styles, buttonStyles, etc.) with useVariants as a no-op.\n */\n\n/// <reference types=\"jest\" />\n\n// Default style values for foundation\nconst defaultFoundation = {\n  // Layout\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'stretch',\n  justifyContent: 'flex-start',\n  // Spacing\n  padding: 0,\n  paddingHorizontal: 0,\n  paddingVertical: 0,\n  margin: 0,\n  gap: 0,\n  // Colors\n  backgroundColor: 'transparent',\n  color: '#000000',\n  borderColor: 'transparent',\n  // Border\n  borderWidth: 0,\n  borderRadius: 0,\n  // Typography\n  fontFamily: 'System',\n  fontSize: 14,\n  lineHeight: 20,\n  fontWeight: 'regular',\n  // Effects\n  opacity: 1,\n  boxShadow: '',\n};\n\n// Create a style object with useVariants attached\nfunction createStyleObject(baseStyles: Record<string, unknown> = {}) {\n  const useVariants = jest.fn();\n  const proxy = new Proxy(\n    { ...defaultFoundation, ...baseStyles, useVariants },\n    {\n      get(target, prop) {\n        if (prop === 'useVariants') {\n          return useVariants;\n        }\n        if (prop in target) {\n          return target[prop as keyof typeof target];\n        }\n        // Return sensible defaults for unknown properties\n        if (typeof prop === 'string') {\n          if (prop.includes('color') || prop.includes('Color')) {\n            return '#000000';\n          }\n          if (prop.includes('width') || prop.includes('Width')) {\n            return 0;\n          }\n          if (prop.includes('radius') || prop.includes('Radius')) {\n            return 0;\n          }\n          if (prop.includes('size') || prop.includes('Size')) {\n            return 16;\n          }\n          if (prop.includes('spacing') || prop.includes('Spacing')) {\n            return 0;\n          }\n          if (prop.includes('gap') || prop.includes('Gap')) {\n            return 0;\n          }\n        }\n        return undefined;\n      },\n    },\n  );\n  useVariants.mockReturnValue(proxy);\n  return proxy;\n}\n\n// Create a component style object (like buttonStyles) with multiple style keys\nfunction createComponentStyles(styleKeys: Record<string, Record<string, unknown>>) {\n  const useVariants = jest.fn();\n  const result: Record<string, unknown> = { useVariants };\n\n  for (const [key, baseStyles] of Object.entries(styleKeys)) {\n    result[key] = createStyleObject(baseStyles);\n  }\n\n  const proxy = new Proxy(result, {\n    get(target, prop) {\n      if (prop === 'useVariants') {\n        return useVariants;\n      }\n      if (prop in target) {\n        return target[prop as keyof typeof target];\n      }\n      // Return a default style object for any unknown key\n      if (typeof prop === 'string') {\n        return createStyleObject();\n      }\n      return undefined;\n    },\n  });\n  useVariants.mockReturnValue(proxy);\n  return proxy;\n}\n\n// Main styles export\nexport const styles = createComponentStyles({\n  foundation: defaultFoundation,\n});\n\n// Button styles\nexport const buttonStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: 8,\n    paddingHorizontal: 16,\n    paddingVertical: 10,\n    backgroundColor: '#6001D2',\n    borderRadius: 8,\n    borderWidth: 0,\n    borderColor: 'transparent',\n    opacity: 1,\n    boxShadow: '',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    letterSpacing: 0,\n    lineHeight: 20,\n    color: '#FFFFFF',\n  },\n  icon: {\n    fontSize: 16,\n    iconSizeToken: 'sm',\n    lineHeight: 16,\n    color: '#FFFFFF',\n  },\n});\n\n// Text styles\nexport const textStyles = createComponentStyles({\n  root: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// Input styles\nexport const inputStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 4,\n  },\n  label: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n  inputContainer: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n    backgroundColor: '#FFFFFF',\n    borderRadius: 8,\n    borderWidth: 1,\n    borderColor: '#E0E0E0',\n  },\n  input: {\n    flex: 1,\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 16,\n    lineHeight: 24,\n    color: '#000000',\n  },\n  helperText: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 12,\n    lineHeight: 16,\n    color: '#666666',\n  },\n  labelRequired: {\n    color: '#6001D2',\n  },\n  inputWrapper: {\n    backgroundColor: '#FFFFFF',\n    borderColor: '#E0E0E0',\n  },\n  inputWrapperStatic: {\n    paddingHorizontal: 12,\n    gap: 8,\n  },\n  inputWrapperDynamic: {\n    borderWidth: 1,\n    borderRadius: 8,\n  },\n  inputPlaceholder: {\n    color: '#666666',\n  },\n  startIcon: {\n    color: '#666666',\n  },\n  endIcon: {\n    color: '#666666',\n  },\n  helperIcon: {\n    color: '#666666',\n  },\n});\n\n// Checkbox styles\nexport const checkboxStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n  checkbox: {\n    width: 20,\n    height: 20,\n    borderRadius: 4,\n    borderWidth: 2,\n    borderColor: '#6001D2',\n    backgroundColor: 'transparent',\n  },\n  checkboxIcon: {\n    color: '#6001D2',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// Switch styles\nexport const switchStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n  switch: {\n    width: 48,\n    height: 28,\n    padding: 2,\n    borderRadius: 14,\n    backgroundColor: '#E0E0E0',\n  },\n  handle: {\n    width: 24,\n    height: 24,\n    borderRadius: 12,\n    backgroundColor: '#FFFFFF',\n  },\n  handleIcon: {\n    fontSize: 16,\n    iconSizeToken: 'sm',\n    lineHeight: 16,\n    color: '#000000',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// Avatar styles\nexport const avatarStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 9999,\n    backgroundColor: '#E0E0E0',\n    overflow: 'hidden',\n  },\n  image: {\n    width: '100%',\n    height: '100%',\n  },\n  initials: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    color: '#000000',\n  },\n});\n\n// Badge styles\nexport const badgeStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 8,\n    paddingVertical: 2,\n    borderRadius: 4,\n    backgroundColor: '#E0E0E0',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 12,\n    lineHeight: 16,\n    color: '#000000',\n  },\n});\n\n// Chip styles\nexport const chipStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n    paddingHorizontal: 12,\n    paddingVertical: 6,\n    borderRadius: 16,\n    backgroundColor: '#F5F5F5',\n    borderWidth: 1,\n    borderColor: '#E0E0E0',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// Divider styles\nexport const dividerStyles = createComponentStyles({\n  root: {\n    gap: 8,\n  },\n  label: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 12,\n    lineHeight: 16,\n    color: '#000000',\n  },\n  line: {\n    borderWidth: 1,\n    borderColor: '#E0E0E0',\n  },\n});\n\n// Link styles\nexport const linkStyles = createComponentStyles({\n  root: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#6001D2',\n    textDecorationLine: 'underline',\n  },\n});\n\n// Radio styles\nexport const radioStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n  // Keys used by Radio.tsx (mirror the generated styles)\n  radio: {\n    width: 20,\n    height: 20,\n    borderWidth: 2,\n    borderColor: '#6001D2',\n    backgroundColor: 'transparent',\n  },\n  radioCircle: {\n    backgroundColor: '#6001D2',\n  },\n  circle: {\n    width: 20,\n    height: 20,\n    borderRadius: 10,\n    borderWidth: 2,\n    borderColor: '#6001D2',\n    backgroundColor: 'transparent',\n  },\n  dot: {\n    width: 10,\n    height: 10,\n    borderRadius: 5,\n    backgroundColor: '#6001D2',\n  },\n  label: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// IconButton styles\nexport const iconButtonStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 8,\n    backgroundColor: 'transparent',\n  },\n  icon: {\n    fontSize: 24,\n    color: '#000000',\n  },\n});\n\n// BottomSheet styles\nexport const bottomSheetStyles = createComponentStyles({\n  root: {\n    backgroundColor: '#ffffff',\n    backgroundBlurColor: '#ffffff',\n    backgroundBlurRadius: 0,\n    borderColor: '#e0e0e0',\n    borderWidth: 1,\n    borderRadius: 16,\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n    marginHorizontal: 8,\n    marginBottom: 8,\n  },\n  header: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 16,\n    letterSpacing: 0,\n    lineHeight: 20,\n    color: '#000000',\n  },\n  handleIndicator: {\n    backgroundColor: '#999999',\n  },\n});\n\n// Scrim styles\nexport const scrimStyles = createComponentStyles({\n  root: {\n    backgroundColor: '#000000',\n    opacity: 0.2,\n    backgroundBlurRadius: 0,\n  },\n});\n\n// Popover styles\nexport const popoverStyles = createComponentStyles({\n  root: {\n    boxShadow: '0px 8px 16px rgba(0, 0, 0, 0.12)',\n  },\n  blur: {\n    backgroundBlurRadius: 0,\n  },\n  closeIcon: {\n    fontSize: 16,\n    iconSizeToken: 'sm',\n    lineHeight: 16,\n    color: '#000000',\n  },\n  closeIconContainer: {\n    padding: 8,\n  },\n  contentWrapper: {\n    gap: 8,\n    paddingHorizontal: 16,\n    paddingVertical: 16,\n  },\n  svgBase: {\n    borderRadius: 16,\n    backgroundBlurColor: '#ffffff',\n    backgroundBlurRadius: 0,\n    backgroundColor: '#ffffff',\n    backgroundOpacity: 1,\n  },\n  svgBorder: {\n    borderColor: '#e0e0e0',\n    borderWidth: 1,\n  },\n});\n\n// Tabs (tab list chrome)\nexport const tabsStyles = createComponentStyles({\n  root: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n});\n\n// Pagination styles\nexport const paginationStyles = createComponentStyles({\n  root: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n  },\n  item: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 8,\n    borderRadius: 999,\n  },\n  text: {\n    fontSize: 14,\n    lineHeight: 16,\n  },\n  icon: {\n    fontSize: 16,\n    lineHeight: 16,\n  },\n});\n\n// Toast styles\nexport const toastStyles = createComponentStyles({\n  root: {\n    alignItems: 'center',\n    backgroundBlurColor: 'rgba(255, 255, 255, 0.9)',\n    backgroundBlurRadius: 0,\n    backgroundColor: '#FFFFFF',\n    borderColor: '#E0E0E0',\n    borderRadius: 12,\n    borderWidth: 1,\n    boxShadow: '',\n    flexDirection: 'row',\n    gap: 8,\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n  },\n  text: {\n    color: '#000000',\n  },\n  icon: {\n    color: '#000000',\n    fontSize: 16,\n    iconSizeToken: 'md',\n    lineHeight: 16,\n  },\n  closeIcon: {\n    color: '#000000',\n    fontSize: 12,\n    iconSizeToken: 'sm',\n    lineHeight: 12,\n  },\n  label: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    letterSpacing: 0,\n    lineHeight: 20,\n  },\n});\n\n// Modal styles\nexport const modalStyles = createComponentStyles({\n  root: {\n    backgroundBlurColor: 'rgba(255, 255, 255, 0.9)',\n    backgroundBlurRadius: 0,\n    backgroundColor: '#FFFFFF',\n    borderColor: '#E0E0E0',\n    borderRadius: 16,\n    borderWidth: 1,\n    boxShadow: '',\n    paddingVertical: 32,\n  },\n  actions: {\n    gap: 12,\n  },\n  closeIcon: {\n    color: '#000000',\n    fontSize: 24,\n    iconSizeToken: 'md',\n    lineHeight: 24,\n  },\n  closeIconContainer: {\n    padding: 8,\n  },\n  description: {\n    color: '#000000',\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 18,\n    letterSpacing: 0,\n    lineHeight: 28,\n  },\n  scrim: {\n    padding: 32,\n  },\n  spacingHorizontal: {\n    paddingHorizontal: 32,\n  },\n  title: {\n    color: '#000000',\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 28,\n    letterSpacing: 0,\n    lineHeight: 36,\n  },\n  titleDescriptionWrapper: {\n    gap: 8,\n  },\n});\n\n// Select styles\nexport const selectStyles = createComponentStyles({\n  startIcon: {\n    color: '#666666',\n  },\n  endIcon: {\n    color: '#666666',\n  },\n});\n\nexport const selectContentStyles = createComponentStyles({\n  root: {\n    backgroundColor: '#FFFFFF',\n    borderColor: '#E0E0E0',\n    borderWidth: 1,\n    borderRadius: 8,\n    boxShadow: '',\n    gap: 0,\n    paddingHorizontal: 0,\n    paddingVertical: 0,\n  },\n});\n\nexport const selectItemStyles = createComponentStyles({\n  root: {\n    backgroundColor: '#FFFFFF',\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n  },\n  text: {\n    color: '#000000',\n  },\n  endIcon: {\n    color: '#6001D2',\n  },\n});\n\n// Type for StyleProps\nexport interface StyleProps {\n  color?: string;\n  backgroundColor?: string;\n  borderColor?: string;\n  borderWidth?: number;\n  borderRadius?: number;\n  [key: string]: unknown;\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yahoo/uds-mobile",
-  "version": "2.24.0-beta.1",
+  "version": "2.24.0-beta.2",
   "type": "module",
   "bin": {
     "uds-mobile": "./cli/uds-mobile.js"