diff --git a/src/TextInput/TextInput.tsx b/src/TextInput/TextInput.tsx index 79f0d9cdce1..432713f22ac 100644 --- a/src/TextInput/TextInput.tsx +++ b/src/TextInput/TextInput.tsx @@ -6,8 +6,8 @@ import TextInputInnerVisualSlot from '../internal/components/TextInputInnerVisua import {useProvidedRefOrCreate} from '../hooks' import {Merge} from '../utils/types' import TextInputWrapper, {StyledWrapperProps} from '../internal/components/TextInputWrapper' +import TextInputAction from '../internal/components/TextInputInnerAction' import UnstyledTextInput from '../internal/components/UnstyledTextInput' -import TextInputAction from '../_TextInputInnerAction' export type TextInputNonPassthroughProps = { /** @deprecated Use `leadingVisual` or `trailingVisual` prop instead */ diff --git a/src/__tests__/__snapshots__/TextInput.test.tsx.snap b/src/__tests__/__snapshots__/TextInput.test.tsx.snap index 12f447b6d76..dd0d77adb26 100644 --- a/src/__tests__/__snapshots__/TextInput.test.tsx.snap +++ b/src/__tests__/__snapshots__/TextInput.test.tsx.snap @@ -1557,20 +1557,6 @@ exports[`TextInput renders trailingAction icon button 1`] = ` padding-right: 0; } -.c1 { - border: 0; - font-size: inherit; - font-family: inherit; - background-color: transparent; - -webkit-appearance: none; - color: inherit; - width: 100%; -} - -.c1:focus { - outline: 0; -} - .c3 { position: relative; } @@ -1795,6 +1781,20 @@ exports[`TextInput renders trailingAction icon button 1`] = ` left: 10px; } +.c1 { + border: 0; + font-size: inherit; + font-family: inherit; + background-color: transparent; + -webkit-appearance: none; + color: inherit; + width: 100%; +} + +.c1:focus { + outline: 0; +} + @media (forced-colors:active) { .c4:focus { outline: solid 1px transparent; @@ -2608,20 +2608,6 @@ exports[`TextInput renders trailingAction text button with a tooltip 1`] = ` padding-right: 0; } -.c1 { - border: 0; - font-size: inherit; - font-family: inherit; - background-color: transparent; - -webkit-appearance: none; - color: inherit; - width: 100%; -} - -.c1:focus { - outline: 0; -} - .c3 { position: relative; display: inline-block; @@ -2847,6 +2833,20 @@ exports[`TextInput renders trailingAction text button with a tooltip 1`] = ` left: 10px; } +.c1 { + border: 0; + font-size: inherit; + font-family: inherit; + background-color: transparent; + -webkit-appearance: none; + color: inherit; + width: 100%; +} + +.c1:focus { + outline: 0; +} + @media (forced-colors:active) { .c4:focus { outline: solid 1px transparent; diff --git a/src/_TextInputInnerAction.tsx b/src/internal/components/TextInputInnerAction.tsx similarity index 95% rename from src/_TextInputInnerAction.tsx rename to src/internal/components/TextInputInnerAction.tsx index 492ceb8a96a..776923fa6d3 100644 --- a/src/_TextInputInnerAction.tsx +++ b/src/internal/components/TextInputInnerAction.tsx @@ -1,9 +1,9 @@ import React, {forwardRef} from 'react' import {IconProps} from '@primer/octicons-react' -import Box from './Box' -import {Button, IconButton, ButtonProps} from './Button' -import Tooltip from './Tooltip' -import {BetterSystemStyleObject, merge, SxProp} from './sx' +import Box from '../../Box' +import {Button, IconButton, ButtonProps} from '../../Button' +import Tooltip from '../../Tooltip' +import {BetterSystemStyleObject, merge, SxProp} from '../../sx' type TextInputActionProps = Omit< React.ButtonHTMLAttributes,