@idealyst/components 1.0.94 → 1.0.95

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/components",
-  "version": "1.0.94",
+  "version": "1.0.95",
   "description": "Shared component library for React and React Native",
   "documentation": "https://github.com/IdealystIO/idealyst-framework/tree/main/packages/components#readme",
   "readme": "README.md",
@@ -41,7 +41,7 @@
     "publish:npm": "npm publish"
   },
   "peerDependencies": {
-    "@idealyst/theme": "^1.0.94",
+    "@idealyst/theme": "^1.0.95",
     "@mdi/js": ">=7.0.0",
     "@mdi/react": ">=1.0.0",
     "@react-native-vector-icons/common": ">=12.0.0",
@@ -91,7 +91,7 @@
     }
   },
   "devDependencies": {
-    "@idealyst/theme": "^1.0.94",
+    "@idealyst/theme": "^1.0.95",
     "@mdi/react": "^1.6.1",
     "@types/react": "^19.1.0",
     "react": "^19.1.0",

package/src/Input/Input.styles.tsx

@@ -86,7 +86,8 @@ function createFocusedCompoundVariants(theme: Theme) {
         styles: {
             borderColor: focusColor,
             _web: {
-                border: `2px solid ${focusColor}`,
+                border: `1px solid ${focusColor}`,
+                boxShadow: `0 0 0 2px ${focusColor}20`,
             },
         },
     });

package/src/Input/Input.web.tsx

@@ -58,7 +58,9 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(({
     }
   };
 
-  const handleFocus = () => {
+  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {
+    e.preventDefault();
+    e.stopPropagation();
     setIsFocused(true);
     if (onFocus) {
       onFocus();

package/src/Select/Select.styles.tsx

@@ -113,7 +113,8 @@ function buildDynamicTriggerStyles(theme: Theme) {
                     true: {
                         borderColor: theme.intents.primary.primary,
                         _web: {
-                            border: `2px solid ${theme.intents.primary.primary}`,
+                            border: `1px solid ${theme.intents.primary.primary}`,
+                            boxShadow: `0 0 0 2px ${theme.intents.primary.primary}20`,
                             outline: 'none',
                         },
                     },

package/src/Select/Select.web.tsx

@@ -109,6 +109,14 @@ const Select = forwardRef<HTMLDivElement, SelectProps>(({
     }
   };
 
+  const handleTriggerFocus = () => {
+    if (!disabled && !isOpen) {
+      setIsOpen(true);
+      setSearchTerm('');
+      setFocusedIndex(-1);
+    }
+  };
+
   const handleOptionSelect = (option: SelectOption) => {
     if (!option.disabled) {
       onValueChange(option.value);
@@ -151,6 +159,7 @@ const Select = forwardRef<HTMLDivElement, SelectProps>(({
         <button
           {...triggerWebProps}
           onClick={handleTriggerClick}
+          onFocus={handleTriggerFocus}
           disabled={disabled}
           aria-label={accessibilityLabel || label}
           aria-expanded={isOpen}