lecom-ui 5.4.5 → 5.4.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -44,9 +44,10 @@ const SearchInput = ({
|
|
|
44
44
|
{
|
|
45
45
|
id: "header-search-input-lecom-ui",
|
|
46
46
|
placeholder,
|
|
47
|
+
size: "small",
|
|
47
48
|
radius: "full",
|
|
48
49
|
prefixInset: /* @__PURE__ */ React.createElement(Search, { size: 20, color: mappedCustomStyles.color }),
|
|
49
|
-
className: "body-small-400 border-none",
|
|
50
|
+
className: "body-small-400 border-none h-8",
|
|
50
51
|
containerClassName: "grow",
|
|
51
52
|
onMouseOver: handleOver,
|
|
52
53
|
onMouseOut: handleOut,
|
|
@@ -3,7 +3,7 @@ import { cn } from '../../lib/utils.js';
|
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
4
|
|
|
5
5
|
const inputVariants = cva(
|
|
6
|
-
`flex
|
|
6
|
+
`flex w-full rounded-sm border border-grey-400 bg-background px-3 py-2
|
|
7
7
|
placeholder:text-grey-500 outline-none
|
|
8
8
|
hover:border-grey-500 focus:bg-background focus:border-grey-400 focus:ring-grey-600 focus:ring-opacity-15 focus:ring-4
|
|
9
9
|
disabled:cursor-not-allowed disabled:bg-grey-100 disabled:border-grey-400
|
|
@@ -16,7 +16,7 @@ const inputVariants = cva(
|
|
|
16
16
|
borderless: "border-none bg-transparent focus:bg-transparent focus:ring-0"
|
|
17
17
|
},
|
|
18
18
|
size: {
|
|
19
|
-
small: "h-8 body-small-400 px-
|
|
19
|
+
small: "h-8 body-small-400 px-4 py-1 placeholder:body-small-400",
|
|
20
20
|
default: "h-10 body-medium-400 px-3 py-2 placeholder:body-medium-400",
|
|
21
21
|
large: "h-12 body-large-400 px-3 py-2 placeholder:body-large-400"
|
|
22
22
|
},
|