@moderneinc/neo-styled-components 2.0.3-next.b141b9 → 2.0.3-next.bac2ba

package/dist/index.esm.js

@@ -5699,10 +5699,10 @@ const NeoToastButton = ({ primary, variant = 'default', children, ...props }) =>
 NeoToast.displayName = 'NeoToast';
 NeoToastButton.displayName = 'NeoToastButton';
 
-const ToggleContainer = styled('label')(({ disabled }) => ({
+const ToggleContainer = styled('label')(({ disabled, size = 'medium' }) => ({
     display: 'inline-flex',
     alignItems: 'flex-start',
-    gap: 12,
+    gap: size === 'small' ? 8 : 12,
     cursor: disabled ? 'not-allowed' : 'pointer',
     userSelect: 'none',
 }));
@@ -5854,7 +5854,7 @@ const NeoToggle = ({ size = 'medium', label, helperText, disabled, ...props }) =
         return jsx(StyledSwitch, { size: size, disabled: disabled, ...props });
     }
     // With label, wrap in container for proper layout
-    return (jsxs(ToggleContainer, { disabled: disabled, children: [jsx(StyledSwitch, { size: size, disabled: disabled, ...props }), jsxs(LabelContainer, { children: [label && jsx(Label, { size: size, children: label }), helperText && jsx(HelperText, { size: size, children: helperText })] })] }));
+    return (jsxs(ToggleContainer, { disabled: disabled, size: size, children: [jsx(StyledSwitch, { size: size, disabled: disabled, ...props }), jsxs(LabelContainer, { children: [label && jsx(Label, { size: size, children: label }), helperText && jsx(HelperText, { size: size, children: helperText })] })] }));
 };
 NeoToggle.displayName = 'NeoToggle';