From 45e9c932db3a8ecbbdd804f6f07bbaba0e0baee5 Mon Sep 17 00:00:00 2001 From: Krivonos Aleksandr Date: Wed, 28 Oct 2026 16:13:26 +0300 Subject: [PATCH] feat: remove outline from DateItem & active border from TextArea --- .../DateStructureItem.styles.ts | 6 ++++++ .../TextArea/variations/_view/base.ts | 20 +++++++++---------- 2 files changed, 16 insertions(+), 10 deletions(-) diff --git a/packages/plasma-new-hope/src/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.ts b/packages/plasma-new-hope/src/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.ts index 185b8568c8c..e2ba6befb6a 100644 --- a/packages/plasma-new-hope/src/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.ts +++ b/packages/plasma-new-hope/src/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.ts @@ -84,6 +84,12 @@ export const StyledItemRoot = styled.div` ? `var(${tokens.calendarContentPrimaryColor})` : `var(${tokens.calendarContentSecondaryColor})`}; + outline-color: transparent; + + &::before { + outline-color: transparent; + } + &.${String(classes.selectableItem)} { ${addSelected({ minWidth: 'calc(100% - 0.125rem)', diff --git a/packages/plasma-new-hope/src/components/TextArea/variations/_view/base.ts b/packages/plasma-new-hope/src/components/TextArea/variations/_view/base.ts index f789dbb5786..b8bee3a0e22 100644 --- a/packages/plasma-new-hope/src/components/TextArea/variations/_view/base.ts +++ b/packages/plasma-new-hope/src/components/TextArea/variations/_view/base.ts @@ -77,19 +77,19 @@ export const base = css` &:hover:${exclusionSelectors} .${styledTextAreaWrapper} + .${styledHelpers} { background-color: var(${tokens.helpersBackgroundColorHover}); } - } - &:active:${exclusionSelectors} .${styledTextAreaWrapper} { - box-shadow: inset 0 0 0 var(${tokens.borderSize}, 0.0625rem) var(${tokens.inputBorderColorActive}); - background-color: var(${tokens.inputBackgroundColorActive}); - } + &:active:${exclusionSelectors} .${styledTextAreaWrapper} { + box-shadow: inset 0 0 0 var(${tokens.borderSize}, 0.0625rem) var(${tokens.inputBorderColorActive}); + background-color: var(${tokens.inputBackgroundColorActive}); + } - &:active:${exclusionSelectors} .${styledContainer} { - background-color: var(${tokens.backgroundColorActive}); - } + &:active:${exclusionSelectors} .${styledContainer} { + background-color: var(${tokens.backgroundColorActive}); + } - &:active:${exclusionSelectors} .${styledTextAreaWrapper} + .${styledHelpers} { - background-color: var(${tokens.helpersBackgroundColorActive}); + &:active:${exclusionSelectors} .${styledTextAreaWrapper} + .${styledHelpers} { + background-color: var(${tokens.helpersBackgroundColorActive}); + } } &.${classes.hasDivider} {