@salutejs/plasma-new-hope 0.343.0-canary.2355.19701719611.0 → 0.343.0-canary.2358.19737252394.0

package/styled-components/es/components/TextField/variations/_label-placement/base.js

@@ -1,6 +1,6 @@
 import { css } from "styled-components";
 import { classes, tokens } from "../../TextField.tokens";
-import { Input, InputContainer, Label } from "../../TextField.styles";
+import { Input, InputContainer, Label, StyledIndicator } from "../../TextField.styles";
 export var base = css([
     "&.",
     "{",
@@ -28,7 +28,9 @@ export var base = css([
     ");}",
     "{color:var(",
     ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;width:100%;}&.",
-    " ",
-    "{color:var(",
-    ");}}"
-], classes.outerLabelPlacement, Label, tokens.labelColor, classes.innerLabelPlacement, InputContainer, tokens.contentLabelInnerPadding, Input, classes.readOnlyInput, Label, Input, classes.hasValue, Label, Input, classes.keepPlaceholder, Label, tokens.placeholderColor, tokens.labelInnerPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, Label, tokens.placeholderColor, classes.clear, Label, tokens.clearPlaceholderColor);
+    "{",
+    "{&.",
+    ".",
+    "{inset:var(",
+    ");}}}}"
+], classes.outerLabelPlacement, Label, tokens.labelColor, classes.innerLabelPlacement, InputContainer, tokens.contentLabelInnerPadding, Input, classes.readOnlyInput, Label, Input, classes.hasValue, Label, Input, classes.keepPlaceholder, Label, tokens.placeholderColor, tokens.labelInnerPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, Label, tokens.placeholderColor, classes.hasHint, StyledIndicator, classes.innerLabelPlacement, classes.requiredAlignRight, tokens.clearIndicatorHintInnerRight);

package/styled-components/es/components/TextField/variations/_read-only/base.js

@@ -2,15 +2,14 @@ import { css } from "styled-components";
 import { classes, tokens } from "../../TextField.tokens";
 import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, StyledContentLeft, StyledContentRight, TitleCaption } from "../../TextField.styles";
 export var base = css([
-    "&[readonly]{:not(&.",
-    "){",
+    "&[readonly]{",
     "{position:relative;z-index:0;color:var(",
     ");background:transparent;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(",
     ");background-color:var(",
     ");opacity:var(",
     ");box-shadow:inset 0 0 0 var(",
     ") var(",
-    ");z-index:-1;}:hover{background-color:transparent;}}}&.",
+    ");z-index:-1;}:hover{background-color:transparent;}}&.",
     " ",
     "{&:before{background-color:var(",
     ");}}",
@@ -34,4 +33,4 @@ export var base = css([
     " ",
     "{color:var(",
     ");}}"
-], classes.clear, InputWrapper, tokens.colorReadOnly, tokens.borderRadius, tokens.backgroundColorReadOnly, tokens.readOnlyOpacity, String(tokens.borderWidth), tokens.borderColorReadOnly, classes.hasDivider, InputWrapper, String(tokens.dividerColorReadOnly), InputWrapper, InputPlaceholder, InputPlaceholder, tokens.placeholderColorReadOnly, Input, tokens.colorReadOnly, TitleCaption, tokens.titleCaptionColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledContentLeft, StyledContentRight, tokens.contentSlotRightOpacityReadOnly, StyledContentRight, StyledContentRight, tokens.contentSlotRightColor, tokens.contentSlotColor, classes.outerLabelPlacement, Label, tokens.labelColorReadOnly);
+], InputWrapper, tokens.colorReadOnly, tokens.borderRadius, tokens.backgroundColorReadOnly, tokens.readOnlyOpacity, String(tokens.borderWidth), tokens.borderColorReadOnly, classes.hasDivider, InputWrapper, String(tokens.dividerColorReadOnly), InputWrapper, InputPlaceholder, InputPlaceholder, tokens.placeholderColorReadOnly, Input, tokens.colorReadOnly, TitleCaption, tokens.titleCaptionColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledContentLeft, StyledContentRight, tokens.contentSlotRightOpacityReadOnly, StyledContentRight, StyledContentRight, tokens.contentSlotRightColor, tokens.contentSlotColor, classes.outerLabelPlacement, Label, tokens.labelColorReadOnly);

package/styled-components/es/components/TextField/variations/_view/base.js

@@ -1,5 +1,5 @@
 import { css } from "styled-components";
-import { tokens } from "../../TextField.tokens";
+import { classes, tokens } from "../../TextField.tokens";
 import { Input, InputPlaceholder, InputWrapper, LeftHelper, StyledTextAfter, StyledTextBefore, TitleCaption } from "../../TextField.styles";
 export var base = css([
     "",
@@ -33,5 +33,16 @@ export var base = css([
     "{color:var(",
     ");}",
     "{color:var(",
-    ");}"
-], InputWrapper, String(tokens.borderColor), String(tokens.backgroundColor), tokens.color, tokens.borderWidth, tokens.boxShadow, tokens.caretColor, InputWrapper, tokens.borderColorHover, String(tokens.borderColor), tokens.backgroundColorHover, String(tokens.backgroundColor), Input, tokens.color, InputPlaceholder, tokens.placeholderColor, InputWrapper, tokens.borderColorFocus, String(tokens.borderColor), tokens.backgroundColorFocus, String(tokens.backgroundColor), InputPlaceholder, tokens.placeholderColorFocus, TitleCaption, tokens.titleCaptionColor, LeftHelper, tokens.leftHelperColor, StyledTextBefore, tokens.textBeforeColor, StyledTextAfter, tokens.textAfterColor);
+    ");}&.",
+    "{",
+    "{--plasma_private-textfield-divider-color:var(",
+    ");&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) ",
+    ":hover{--plasma_private-textfield-divider-color:var( ",
+    ",var(",
+    ") );}&:not([readonly]) ",
+    ":focus-within{--plasma_private-textfield-divider-color:var( ",
+    ",var(",
+    ") );",
+    "{color:var(",
+    ");}}}"
+], InputWrapper, String(tokens.borderColor), String(tokens.backgroundColor), tokens.color, tokens.borderWidth, tokens.boxShadow, tokens.caretColor, InputWrapper, tokens.borderColorHover, String(tokens.borderColor), tokens.backgroundColorHover, String(tokens.backgroundColor), Input, tokens.color, InputPlaceholder, tokens.placeholderColor, InputWrapper, tokens.borderColorFocus, String(tokens.borderColor), tokens.backgroundColorFocus, String(tokens.backgroundColor), InputPlaceholder, tokens.placeholderColorFocus, TitleCaption, tokens.titleCaptionColor, LeftHelper, tokens.leftHelperColor, StyledTextBefore, tokens.textBeforeColor, StyledTextAfter, tokens.textAfterColor, classes.hasDivider, InputWrapper, String(tokens.dividerColor), InputWrapper, tokens.dividerColorHover, String(tokens.dividerColor), InputWrapper, tokens.dividerColorFocus, String(tokens.dividerColor), InputPlaceholder, tokens.clearPlaceholderColorFocus);