diff --git a/src/Select.tsx b/src/Select.tsx index 3c569a302cb..f08ef95c9b6 100644 --- a/src/Select.tsx +++ b/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, 'size'> & Omit, @@ -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 so the background color doesn't hide the focus outline created with an inset box-shadow. @@ -32,7 +32,7 @@ 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 's background color white when setting 'background-color: transparent;' */ @media screen and (forced-colors: active) { &:disabled { diff --git a/src/Select/Select.tsx b/src/Select/Select.tsx index e68780598f4..6eb90b22d4e 100644 --- a/src/Select/Select.tsx +++ b/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, 'size'> & Omit, diff --git a/src/TextInput/TextInput.tsx b/src/TextInput/TextInput.tsx index a25dff0950d..69d180ebf49 100644 --- a/src/TextInput/TextInput.tsx +++ b/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' diff --git a/src/TextInputWithTokens/TextInputWithTokens.tsx b/src/TextInputWithTokens/TextInputWithTokens.tsx index f665021ec1b..37f992e3e7f 100644 --- a/src/TextInputWithTokens/TextInputWithTokens.tsx +++ b/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 diff --git a/src/Textarea/Textarea.tsx b/src/Textarea/Textarea.tsx index 14629acfcd3..276e7eae1f6 100644 --- a/src/Textarea/Textarea.tsx +++ b/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' diff --git a/src/_TextInputWrapper.tsx b/src/internal/components/TextInputWrapper.tsx similarity index 97% rename from src/_TextInputWrapper.tsx rename to src/internal/components/TextInputWrapper.tsx index 5af6ff7d396..796a3614030 100644 --- a/src/_TextInputWrapper.tsx +++ b/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'