@justin_evo/evo-ui 1.2.0 → 1.2.1

package/src/Toggle/Toggle.tsx

@@ -1,48 +1,48 @@
-import styles from '../css/toggle.module.scss';
-
-type ToggleSize = 'sm' | 'md' | 'lg';
-
-interface EvoToggleProps {
-  checked: boolean;
-  onChange: (checked: boolean) => void;
-  label?: string;
-  disabled?: boolean;
-  size?: ToggleSize;
-  className?: string;
-}
-
-const thumbSize: Record<ToggleSize, string> = { sm: '0.75rem', md: '1rem', lg: '1.25rem' };
-const thumbOffset: Record<ToggleSize, string> = { sm: '0.75rem', md: '1rem', lg: '1.25rem' };
-
-export const EvoToggle = ({
-  checked,
-  onChange,
-  label,
-  disabled = false,
-  size = 'md',
-  className = '',
-}: EvoToggleProps) => (
-  <label
-    className={[styles.toggleWrapper, disabled ? styles.disabled : '', className].filter(Boolean).join(' ')}
-  >
-    <input
-      type="checkbox"
-      role="switch"
-      className={styles.hiddenInput}
-      checked={checked}
-      disabled={disabled}
-      onChange={(e) => onChange(e.target.checked)}
-    />
-    <span className={[styles.track, styles[size], checked ? styles.on : ''].filter(Boolean).join(' ')}>
-      <span
-        className={styles.thumb}
-        style={{
-          width: thumbSize[size],
-          height: thumbSize[size],
-          transform: checked ? `translateX(${thumbOffset[size]})` : 'translateX(0)',
-        }}
-      />
-    </span>
-    {label && <span className={styles.label}>{label}</span>}
-  </label>
-);
+import styles from '../css/toggle.module.scss';
+
+type ToggleSize = 'sm' | 'md' | 'lg';
+
+interface EvoToggleProps {
+  checked: boolean;
+  onChange: (checked: boolean) => void;
+  label?: string;
+  disabled?: boolean;
+  size?: ToggleSize;
+  className?: string;
+}
+
+const thumbSize: Record<ToggleSize, string> = { sm: '0.75rem', md: '1rem', lg: '1.25rem' };
+const thumbOffset: Record<ToggleSize, string> = { sm: '0.75rem', md: '1rem', lg: '1.25rem' };
+
+export const EvoToggle = ({
+  checked,
+  onChange,
+  label,
+  disabled = false,
+  size = 'md',
+  className = '',
+}: EvoToggleProps) => (
+  <label
+    className={[styles.toggleWrapper, disabled ? styles.disabled : '', className].filter(Boolean).join(' ')}
+  >
+    <input
+      type="checkbox"
+      role="switch"
+      className={styles.hiddenInput}
+      checked={checked}
+      disabled={disabled}
+      onChange={(e) => onChange(e.target.checked)}
+    />
+    <span className={[styles.track, styles[size], checked ? styles.on : ''].filter(Boolean).join(' ')}>
+      <span
+        className={styles.thumb}
+        style={{
+          width: thumbSize[size],
+          height: thumbSize[size],
+          transform: checked ? `translateX(${thumbOffset[size]})` : 'translateX(0)',
+        }}
+      />
+    </span>
+    {label && <span className={styles.label}>{label}</span>}
+  </label>
+);

package/src/Tooltip/Tooltip.tsx

@@ -1,38 +1,38 @@
-import React, { useState } from 'react';
-import styles from '../css/tooltip.module.scss';
-
-type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
-
-interface EvoTooltipProps {
-  content: React.ReactNode;
-  children: React.ReactNode;
-  placement?: TooltipPlacement;
-  className?: string;
-}
-
-export const EvoTooltip = ({
-  content,
-  children,
-  placement = 'top',
-  className = '',
-}: EvoTooltipProps) => {
-  const [visible, setVisible] = useState(false);
-
-  return (
-    <span
-      className={`${styles.wrapper} ${className}`}
-      onMouseEnter={() => setVisible(true)}
-      onMouseLeave={() => setVisible(false)}
-      onFocus={() => setVisible(true)}
-      onBlur={() => setVisible(false)}
-    >
-      {children}
-      {visible && (
-        <span className={`${styles.tooltip} ${styles[placement]}`} role="tooltip">
-          {content}
-          <span className={styles.arrow} />
-        </span>
-      )}
-    </span>
-  );
-};
+import React, { useState } from 'react';
+import styles from '../css/tooltip.module.scss';
+
+type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+
+interface EvoTooltipProps {
+  content: React.ReactNode;
+  children: React.ReactNode;
+  placement?: TooltipPlacement;
+  className?: string;
+}
+
+export const EvoTooltip = ({
+  content,
+  children,
+  placement = 'top',
+  className = '',
+}: EvoTooltipProps) => {
+  const [visible, setVisible] = useState(false);
+
+  return (
+    <span
+      className={`${styles.wrapper} ${className}`}
+      onMouseEnter={() => setVisible(true)}
+      onMouseLeave={() => setVisible(false)}
+      onFocus={() => setVisible(true)}
+      onBlur={() => setVisible(false)}
+    >
+      {children}
+      {visible && (
+        <span className={`${styles.tooltip} ${styles[placement]}`} role="tooltip">
+          {content}
+          <span className={styles.arrow} />
+        </span>
+      )}
+    </span>
+  );
+};