fix(field): fix disabled state (#546)

Co-authored-by: lena.rashkovan <[email protected]>

Author: Elena Rashkovan

src/components/experimental/Field/FakeInput.ts

@@ -50,5 +50,10 @@ export const FakeInput = styled.div<{ $isVisuallyFocused: boolean }>`
         border-color: ${getSemanticValue('negative')};
     }
 
+    [data-disabled] & {
+        opacity: 0.38;
+        pointer-events: none;
+    }
+
     ${props => props.$isVisuallyFocused && focusStyles}
 `;

src/components/experimental/Field/Wrapper.ts

@@ -1,15 +1,6 @@
 import styled from 'styled-components';
 import { get } from '../../../utils/experimental/themeGet';
-import { FakeInput } from './FakeInput';
 
 export const Wrapper = styled.div`
     padding: ${get('space.2')} 0;
-
-    &:has(input[data-disabled]) {
-        opacity: 0.38;
-
-        ${FakeInput} {
-            pointer-events: none;
-        }
-    }
 `;