IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Common:Fix TextareaTheme, InputBlockTheme, TextInputTheme, ComboButtonTheme.

Browse Source
This commit is contained in:
Vlada Gazizova 2022-08-17 12:04:58 +03:00
parent f790f970af
commit 8f8cb84d9c
4 changed files with 41 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/common/components/ColorTheme/styled/comboButton.js
View File

@ -2,12 +2,14 @@ import styled, { css } from "styled-components";
import { StyledComboButton } from "@docspace/components/combobox/sub-components/styled-combobutton";
import Base from "@docspace/components/themes/base";
const getDefaultStyles = ({ currentColorScheme, isOpen, theme }) => css`
border-color: ${isOpen &&
(theme.isBase === true
? currentColorScheme.accentColor
: theme.comboBox.button.openBorderColor)};
`;
const getDefaultStyles = ({ currentColorScheme, isOpen, theme }) =>
currentColorScheme &&
css`
border-color: ${isOpen &&
(theme.isBase
? currentColorScheme.accentColor
: theme.comboBox.button.openBorderColor)};
`;
StyledComboButton.defaultProps = { theme: Base };

18
packages/common/components/ColorTheme/styled/inputBlock.js
View File

@ -3,14 +3,16 @@ import styled, { css } from "styled-components";
import { StyledInputGroup } from "@docspace/components/input-block/styled-input-block";
import Base from "@docspace/components/themes/base";
const getDefaultStyles = ({ currentColorScheme, hasError, theme }) => css`
:focus-within {
border-color: ${(hasError && theme.input.focusErrorBorderColor) ||
(theme.isBase === true
? currentColorScheme.accentColor
: theme.inputBlock.borderColor)};
}
`;
const getDefaultStyles = ({ currentColorScheme, hasError, theme }) =>
currentColorScheme &&
css`
:focus-within {
border-color: ${(hasError && theme.input.focusErrorBorderColor) ||
(theme.isBase
? currentColorScheme.accentColor
: theme.inputBlock.borderColor)};
}
`;
StyledInputGroup.defaultProps = {
theme: Base,

22
packages/common/components/ColorTheme/styled/textInput.js
View File

@ -8,16 +8,18 @@ const getDefaultStyles = ({
hasWarning,
isDisabled,
theme,
}) => css`
:focus {
border-color: ${(hasError && theme.input.focusErrorBorderColor) ||
(hasWarning && theme.input.focusWarningBorderColor) ||
(isDisabled && theme.input.focusDisabledBorderColor) ||
(theme.isBase === true
? currentColorScheme.accentColor
: theme.input.focusBorderColor)};
}
`;
}) =>
currentColorScheme &&
css`
:focus {
border-color: ${(hasError && theme.input.focusErrorBorderColor) ||
(hasWarning && theme.input.focusWarningBorderColor) ||
(isDisabled && theme.input.focusDisabledBorderColor) ||
(theme.isBase
? currentColorScheme.accentColor
: theme.input.focusBorderColor)};
}
`;
StyledTextInput.defaultProps = { theme: Base };

20
packages/common/components/ColorTheme/styled/textarea.js
View File

@ -2,15 +2,17 @@ import styled, { css } from "styled-components";
import { StyledScrollbar } from "@docspace/components/textarea/styled-textarea";
import Base from "@docspace/components/themes/base";
const getDefaultStyles = ({ currentColorScheme, hasError, theme }) => css`
:focus-within {
border-color: ${hasError
? theme.textArea.focusErrorBorderColor
: theme.isBase === true
? currentColorScheme.accentColor
: theme.textArea.focusBorderColor};
}
`;
const getDefaultStyles = ({ currentColorScheme, hasError, theme }) =>
currentColorScheme &&
css`
:focus-within {
border-color: ${hasError
? theme.textArea.focusErrorBorderColor
: theme.isBase
? currentColorScheme.accentColor
: theme.textArea.focusBorderColor};
}
`;
StyledScrollbar.defaultProps = {
theme: Base,