3230 Refactor internal components - TextInputWrapper

src/Select.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import styled from 'styled-components'
-import TextInputWrapper, {StyledWrapperProps} from './_TextInputWrapper'
+import TextInputWrapper, {StyledWrapperProps} from './internal/components/TextInputWrapper'
 
 export type SelectProps = Omit<
   Omit<React.ComponentPropsWithoutRef<'select'>, 'size'> & Omit<StyledWrapperProps, 'variant'>,
@@ -21,7 +21,7 @@ const StyledSelect = styled.select`
   /* Firefox hacks: */
   /* 1. Makes Firefox's native dropdown menu's background match the theme.
 
-        background-color should be 'transparent', but Firefox uses the background-color on 
+        background-color should be 'transparent', but Firefox uses the background-color on
         <select> to determine the background color used for the dropdown menu.
 
      2. Adds 1px margins to the <select> so the background color doesn't hide the focus outline created with an inset box-shadow.
@@ -32,15 +32,15 @@ const StyledSelect = styled.select`
   margin-bottom: 1px;
 
   /* 2. Prevents visible overlap of partially transparent background colors.
-  
+
      'colors.input.disabledBg' happens to be partially transparent in light mode, so we use a
      transparent background-color on a disabled <select>. */
   &:disabled {
     background-color: transparent;
   }
 
   /* 3. Maintain dark bg color in Firefox on Windows high-contrast mode
-  
+
      Firefox makes the <select>'s background color white when setting 'background-color: transparent;' */
   @media screen and (forced-colors: active) {
     &:disabled {

src/Select/Select.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import styled from 'styled-components'
-import TextInputWrapper, {StyledWrapperProps} from '../_TextInputWrapper'
+import TextInputWrapper, {StyledWrapperProps} from '../internal/components/TextInputWrapper'
 
 export type SelectProps = Omit<
   Omit<React.ComponentPropsWithoutRef<'select'>, 'size'> & Omit<StyledWrapperProps, 'variant'>,

src/TextInput/TextInput.tsx

@@ -5,7 +5,7 @@ import classnames from 'classnames'
 import TextInputInnerVisualSlot from '../_TextInputInnerVisualSlot'
 import {useProvidedRefOrCreate} from '../hooks'
 import {Merge} from '../utils/types'
-import TextInputWrapper, {StyledWrapperProps} from '../_TextInputWrapper'
+import TextInputWrapper, {StyledWrapperProps} from '../internal/components/TextInputWrapper'
 import UnstyledTextInput from '../_UnstyledTextInput'
 import TextInputAction from '../_TextInputInnerAction'
 

src/TextInputWithTokens/TextInputWithTokens.tsx

@@ -10,7 +10,7 @@ import {TextInputProps} from '../TextInput'
 import Token from '../Token/Token'
 import {TokenSizeKeys} from '../Token/TokenBase'
 import TextInputInnerVisualSlot from '../_TextInputInnerVisualSlot'
-import TextInputWrapper, {textInputHorizPadding, TextInputSizes} from '../_TextInputWrapper'
+import TextInputWrapper, {textInputHorizPadding, TextInputSizes} from '../internal/components/TextInputWrapper'
 import UnstyledTextInput from '../_UnstyledTextInput'
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

src/Textarea/Textarea.tsx

@@ -1,6 +1,6 @@
 import styled, {css} from 'styled-components'
 import React, {TextareaHTMLAttributes, ReactElement} from 'react'
-import {TextInputBaseWrapper} from '../_TextInputWrapper'
+import {TextInputBaseWrapper} from '../internal/components/TextInputWrapper'
 import {FormValidationStatus} from '../utils/types/FormValidationStatus'
 import sx, {SxProp} from '../sx'
 

src/_TextInputWrapper.tsx → src/internal/components/TextInputWrapper.tsx

@@ -1,8 +1,8 @@
 import styled, {css} from 'styled-components'
 import {maxWidth, MaxWidthProps, minWidth, MinWidthProps, variant, width, WidthProps} from 'styled-system'
-import {get} from './constants'
-import sx, {SxProp} from './sx'
-import {FormValidationStatus} from './utils/types/FormValidationStatus'
+import {get} from '../../constants'
+import sx, {SxProp} from '../../sx'
+import {FormValidationStatus} from '../../utils/types/FormValidationStatus'
 
 export type TextInputSizes = 'small' | 'medium' | 'large'