f07dc0384f
* initial implementation of search modal * added hit and search suggestions * added support for multiple indices * updated sample env * added close when click outside dropdown * test for mobile * added mobile design * added shortcut * dark mode fixes * added search to docs * added plugins filter * added React import * moved filters to configurations * handled error on page load * change suggestion text * removed hits limit * handle select all * open link in current tab * change highlight colors * added support for shortcuts + auto focus * change header and footer * redesigned search ui
32 lines
1.3 KiB
TypeScript
32 lines
1.3 KiB
TypeScript
import clsx from "clsx"
|
|
type InputTextProps = {
|
|
className?: string
|
|
} & React.DetailedHTMLProps<
|
|
React.InputHTMLAttributes<HTMLInputElement>,
|
|
HTMLInputElement
|
|
>
|
|
|
|
const InputText = (props: InputTextProps) => {
|
|
return (
|
|
<input
|
|
{...props}
|
|
className={clsx(
|
|
"bg-medusa-bg-field dark:bg-medusa-bg-field-dark shadow-button-secondary dark:shadow-button-secondary-dark",
|
|
"border-medusa-border-base dark:border-medusa-border-base-dark rounded-sm border border-solid",
|
|
"px-0.75 py-[9px]",
|
|
"hover:bg-medusa-bg-field-hover dark:hover:bg-medusa-bg-field-hover-dark",
|
|
"focus:border-medusa-border-interactive dark:focus:border-medusa-border-interactive-dark",
|
|
"active:border-medusa-border-interactive dark:active:border-medusa-border-interactive-dark",
|
|
"disabled:bg-medusa-bg-disabled dark:disabled:bg-medusa-bg-disabled-dark",
|
|
"disabled:border-medusa-border-base dark:disabled:border-medusa-border-base-dark",
|
|
"placeholder:text-medusa-fg-muted dark:placeholder:text-medusa-fg-muted-dark",
|
|
"disabled:placeholder:text-medusa-fg-disabled dark:disabled:placeholder:text-medusa-fg-disabled-dark",
|
|
"text-compact-medium font-base",
|
|
props.className
|
|
)}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export default InputText
|