Skip to content

Commit

Permalink
NONE) chore: fix multi select placeholder (#123)
Browse files Browse the repository at this point in the history
* chore: delete ueselss

* chore: udpate version
  • Loading branch information
dohui-son authored Oct 7, 2024
1 parent 9d37e8c commit 05b50cc
Show file tree
Hide file tree
Showing 3 changed files with 5 additions and 6 deletions.
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
"author": "Corca <[email protected]>",
"description": "Design System for Corca, Inc.",
"private": false,
"version": "0.0.35",
"version": "0.0.36",
"packageManager": "[email protected]",
"type": "module",
"exports": {
Expand Down
8 changes: 3 additions & 5 deletions src/legacy/components/Select/MultiSelectInput.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -75,12 +75,10 @@ export function MultiSelectInput<T extends string | number>({
}

export interface SearchInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'width'> {
width?: number;
tooltip?: SelectInputTooltipProps;
showIcon?: boolean;
}

export function SearchInput({ width, tooltip, showIcon = true, ...props }: SearchInputProps) {
export function SearchInput({ showIcon = true, ...props }: SearchInputProps) {
return (
<SearchInputChildWrapper>
{showIcon && (
Expand Down Expand Up @@ -184,12 +182,12 @@ const CancelButtonWrapper = styled.div`
`;

const SelectInputWrapper = styled.div<{ width?: number; cursor?: string }>`
width: ${({ width }) => `${width}px` ?? '100%'};
width: ${({ width }) => (width ? `${width}px` : '100%')};
position: relative;
cursor: ${({ cursor }) => cursor ?? 'auto'};
`;

const MainInputSection = styled.div<{
const MainInputSection = styled.input<{
error?: string;
isRightSection?: boolean;
isLeftSection?: boolean;
Expand Down
1 change: 1 addition & 0 deletions src/legacy/stories/Select.stories.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -140,6 +140,7 @@ export function Default() {
options={[{ label: '공백이없이라벨이긴예시', value: 'long' }, ...BASIC]}
/>
<MultiSelect
placeholder="placeholder"
label="Searchable Multi Select"
description="Searchable and not searchable is available."
selectedValues={selectedItems}
Expand Down

0 comments on commit 05b50cc

Please sign in to comment.