diff --git a/src/components/GlobalSearch.tsx b/src/components/GlobalSearch.tsx index 03a68b88..d27091d4 100644 --- a/src/components/GlobalSearch.tsx +++ b/src/components/GlobalSearch.tsx @@ -35,7 +35,8 @@ const StyledResults = styled.div` padding-bottom: ${gapS}; `; -const StyledSearchIcon = styled(IconSearchOutline)<{ focused?: boolean }>` +// eslint-disable-next-line @typescript-eslint/no-unused-vars +const StyledSearchIcon = styled(({ focused, ...props }) => )<{ focused?: boolean }>` ${({ focused }) => focused && ` diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx index 2d7b1462..3ae256e6 100644 --- a/src/components/Input/Input.tsx +++ b/src/components/Input/Input.tsx @@ -95,6 +95,10 @@ const StyledInput = styled(({ forwardRef, size, view, brick, iconLeft, iconRight padding: 5px 8px; font-size: 13px; + + & ${StyledIconContainer} { + top: 5px; + } `} ${({ size, iconLeft }) => diff --git a/src/components/Text/Text.tsx b/src/components/Text/Text.tsx index 56fef1f0..27dc03c3 100644 --- a/src/components/Text/Text.tsx +++ b/src/components/Text/Text.tsx @@ -1,3 +1,4 @@ +import React from 'react'; import styled, { css, createGlobalStyle } from 'styled-components'; import { fontDisplay, gapL, gapM, gapS, gapSm, gapXl, gapXs, textColor } from '@taskany/colors'; @@ -44,10 +45,15 @@ export interface TextProps extends React.HTMLAttributes { lines?: number; wordWrap?: React.CSSProperties['wordWrap']; wordBreak?: React.CSSProperties['wordBreak']; + as?: string; } -// eslint-disable-next-line @typescript-eslint/no-unused-vars -export const Text = styled.div` +export const Text = styled( + // eslint-disable-next-line @typescript-eslint/no-unused-vars + ({ color, as: Tag = 'div', size, weight, ellipsis, lines, wordBreak, wordWrap, ...props }: TextProps) => ( + + ), +)` font-size: 16px; font-family: ${fontDisplay}; color: ${textColor};