@salutejs/plasma-new-hope 0.270.0-canary.1744.13385332397.0 → 0.270.0-canary.1770.13386075549.0

package/emotion/es/components/TextArea/TextArea.tokens.js

@@ -60,6 +60,9 @@ export var tokens = {
   /** Цвет текста для элемента textarea */
   inputColor: '--plasma-textarea-input-color',
   clearInputColor: '--plasma-textarea-input-clear-color',
+  inputColorReadOnly: '--plasma-textarea-input-color-read-only',
+  backgroundColorReadOnly: '--plasma-textarea-background-color-read-only',
+  readOnlyOpacity: '--plasma-textarea-read-only-opacity',
   /** Цвет текста для элемента textarea в состоянии focus */
   inputColorFocus: '--plasma-textarea-input-color-focus',
   /** Цвет каретки для элемента textarea */

package/emotion/es/components/TextArea/variations/_clear/base.js

@@ -1,4 +1,4 @@
 import { css } from '@emotion/react';
 import { classes, tokens } from '../../TextArea.tokens';
 import { OuterLabelWrapper, StyledContainer, StyledContent, StyledHelpers, StyledHintWrapper, StyledIndicator, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper } from '../../TextArea.styles';
-export var base = /*#__PURE__*/css("&.", classes.clear, "{border:unset;", StyledTextAreaWrapper, "{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(", tokens.inputPaddingTop, ");}", OuterLabelWrapper, "{margin-bottom:var(", tokens.clearLabelMarginBottom, ");}", StyledContent, "{right:0;bottom:unset;}", StyledTextArea, ",", StyledHelpers, "{padding-left:0;}", StyledHelpers, "{background-color:unset;border-radius:0;padding-top:var(", tokens.clearHelpersPaddingTop, ");padding-right:0;}", StyledTextArea, "{color:var(", tokens.clearInputColor, ");padding-right:0;&.", classes.hasRightContent, "{padding-right:var(", tokens.clearInputPaddingRightWithRightContent, ");}}", StyledContainer, "{&:not(.", classes.innerPlaceholderUp, "){", StyledPlaceholder, "{color:var(", tokens.clearPlaceholderColor, ");}&.", classes.focusedOuterPlaceholderColor, " ", StyledPlaceholder, "{color:var(", tokens.clearPlaceholderColorFocus, ");}}&.", classes.innerPlaceholderUp, "{color:var(", tokens.placeholderColor, ");}}", StyledPlaceholder, "{padding-left:0;}", StyledIndicator, "{&.", classes.innerLabelPlacement, "{inset:var(", tokens.clearIndicatorLabelPlacementInner, ");&.", classes.requiredAlignRight, "{inset:var(", tokens.clearIndicatorLabelPlacementInnerRight, ");}}}&.", classes.hasHint, "{", StyledHintWrapper, "{&.", classes.innerLabelPlacement, "{inset:var(", tokens.clearHintInnerLabelPlacementOffset, ");}}", StyledIndicator, "{&.", classes.innerLabelPlacement, ".", classes.requiredAlignRight, "{inset:var(", tokens.clearIndicatorHintInnerRight, ");}}}.", classes.styledContainer, "{border:unset;border-radius:0;}&:focus-within:not([readonly]) .", classes.styledTextAreaWrapper, "{background-color:unset;box-shadow:unset;}&:focus-within:not([readonly]) .", classes.styledContainer, "{border:unset;}&:focus-within:not([readonly]) .", classes.styledHelpers, "{background-color:unset;}&.", classes.hasDivider, "{", StyledTextAreaWrapper, "{position:relative;--plasma_private-textarea-divider-color:var(", /*#__PURE__*/String(tokens.dividerColor), ");&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) ", StyledTextAreaWrapper, ":hover{--plasma_private-textarea-divider-color:var(\n                    ", tokens.dividerColorHover, ",\n                    var(", /*#__PURE__*/String(tokens.dividerColor), ")\n                );}&:not([readonly]) ", StyledTextAreaWrapper, ":focus-within{--plasma_private-textarea-divider-color:var(\n                    ", tokens.dividerColorFocus, ",\n                    var(", /*#__PURE__*/String(tokens.dividerColor), ")\n                );}}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEFyZWEvdmFyaWF0aW9ucy9fY2xlYXIvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFldUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS92YXJpYXRpb25zL19jbGVhci9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0QXJlYS50b2tlbnMnO1xuaW1wb3J0IHtcbiAgICBPdXRlckxhYmVsV3JhcHBlcixcbiAgICBTdHlsZWRDb250YWluZXIsXG4gICAgU3R5bGVkQ29udGVudCxcbiAgICBTdHlsZWRIZWxwZXJzLFxuICAgIFN0eWxlZEhpbnRXcmFwcGVyLFxuICAgIFN0eWxlZEluZGljYXRvcixcbiAgICBTdHlsZWRQbGFjZWhvbGRlcixcbiAgICBTdHlsZWRUZXh0QXJlYSxcbiAgICBTdHlsZWRUZXh0QXJlYVdyYXBwZXIsXG59IGZyb20gJy4uLy4uL1RleHRBcmVhLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICYuJHtjbGFzc2VzLmNsZWFyfSB7XG4gICAgICAgIGJvcmRlcjogdW5zZXQ7XG5cbiAgICAgICAgJHtTdHlsZWRUZXh0QXJlYVdyYXBwZXJ9IHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IHVuc2V0O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgICAgICAgICAgcGFkZGluZy1ib3R0b206IHZhcigke3Rva2Vucy5pbnB1dFBhZGRpbmdUb3B9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7T3V0ZXJMYWJlbFdyYXBwZXJ9IHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IHZhcigke3Rva2Vucy5jbGVhckxhYmVsTWFyZ2luQm90dG9tfSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnR9IHtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgYm90dG9tOiB1bnNldDtcbiAgICAgICAgfVxuXG4gICAgICAgICR7U3R5bGVkVGV4dEFyZWF9LCAke1N0eWxlZEhlbHBlcnN9IHtcbiAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgfVxuXG4gICAgICAgICR7U3R5bGVkSGVscGVyc30ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgICAgICAgICAgcGFkZGluZy10b3A6IHZhcigke3Rva2Vucy5jbGVhckhlbHBlcnNQYWRkaW5nVG9wfSk7XG4gICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRUZXh0QXJlYX0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbGVhcklucHV0Q29sb3J9KTtcbiAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDA7XG5cbiAgICAgICAgICAgICYuJHtjbGFzc2VzLmhhc1JpZ2h0Q29udGVudH0ge1xuICAgICAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IHZhcigke3Rva2Vucy5jbGVhcklucHV0UGFkZGluZ1JpZ2h0V2l0aFJpZ2h0Q29udGVudH0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRDb250YWluZXJ9IHtcbiAgICAgICAgICAgICY6bm90KC4ke2NsYXNzZXMuaW5uZXJQbGFjZWhvbGRlclVwfSkge1xuICAgICAgICAgICAgICAgICR7U3R5bGVkUGxhY2Vob2xkZXJ9IHtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbGVhclBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAmLiR7Y2xhc3Nlcy5mb2N1c2VkT3V0ZXJQbGFjZWhvbGRlckNvbG9yfSAke1N0eWxlZFBsYWNlaG9sZGVyfSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xlYXJQbGFjZWhvbGRlckNvbG9yRm9jdXN9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYuJHtjbGFzc2VzLmlubmVyUGxhY2Vob2xkZXJVcH0ge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvcn0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRJbmRpY2F0b3J9IHtcbiAgICAgICAgICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgICAgICAgICBpbnNldDogdmFyKCR7dG9rZW5zLmNsZWFySW5kaWNhdG9yTGFiZWxQbGFjZW1lbnRJbm5lcn0pO1xuICAgICAgICAgICAgICAgICYuJHtjbGFzc2VzLnJlcXVpcmVkQWxpZ25SaWdodH0ge1xuICAgICAgICAgICAgICAgICAgICBpbnNldDogdmFyKCR7dG9rZW5zLmNsZWFySW5kaWNhdG9yTGFiZWxQbGFjZW1lbnRJbm5lclJpZ2h0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzSGludH0ge1xuICAgICAgICAgICAgJHtTdHlsZWRIaW50V3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgICAgICAgICAgICAgaW5zZXQ6IHZhcigke3Rva2Vucy5jbGVhckhpbnRJbm5lckxhYmVsUGxhY2VtZW50T2Zmc2V0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAke1N0eWxlZEluZGljYXRvcn0ge1xuICAgICAgICAgICAgICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9LiR7Y2xhc3Nlcy5yZXF1aXJlZEFsaWduUmlnaHR9IHtcbiAgICAgICAgICAgICAgICAgICAgaW5zZXQ6IHZhcigke3Rva2Vucy5jbGVhckluZGljYXRvckhpbnRJbm5lclJpZ2h0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgLiR7Y2xhc3Nlcy5zdHlsZWRDb250YWluZXJ9IHtcbiAgICAgICAgICAgIGJvcmRlcjogdW5zZXQ7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJjpmb2N1cy13aXRoaW46bm90KFtyZWFkb25seV0pIC4ke2NsYXNzZXMuc3R5bGVkVGV4dEFyZWFXcmFwcGVyfSB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IHVuc2V0O1xuICAgICAgICB9XG5cbiAgICAgICAgJjpmb2N1cy13aXRoaW46bm90KFtyZWFkb25seV0pIC4ke2NsYXNzZXMuc3R5bGVkQ29udGFpbmVyfSB7XG4gICAgICAgICAgICBib3JkZXI6IHVuc2V0O1xuICAgICAgICB9XG5cbiAgICAgICAgJjpmb2N1cy13aXRoaW46bm90KFtyZWFkb25seV0pIC4ke2NsYXNzZXMuc3R5bGVkSGVscGVyc30ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5oYXNEaXZpZGVyfSB7XG4gICAgICAgICAgICAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICAgICAgICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGFyZWEtZGl2aWRlci1jb2xvcjogdmFyKCR7U3RyaW5nKHRva2Vucy5kaXZpZGVyQ29sb3IpfSk7XG5cbiAgICAgICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogMC4wNjNyZW07XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRhcmVhLWRpdmlkZXItY29sb3IpO1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1pbjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmOm5vdChbcmVhZG9ubHldKSAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn06aG92ZXIge1xuICAgICAgICAgICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGFyZWEtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JIb3Zlcn0sXG4gICAgICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6bm90KFtyZWFkb25seV0pICR7U3R5bGVkVGV4dEFyZWFXcmFwcGVyfTpmb2N1cy13aXRoaW4ge1xuICAgICAgICAgICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGFyZWEtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JGb2N1c30sXG4gICAgICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
+export var base = /*#__PURE__*/css("&.", classes.clear, "{border:unset;", StyledTextAreaWrapper, "{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(", tokens.inputPaddingTop, ");}", OuterLabelWrapper, "{margin-bottom:var(", tokens.clearLabelMarginBottom, ");}", StyledContent, "{right:0;bottom:unset;}", StyledTextArea, ",", StyledHelpers, "{padding-left:0;}", StyledHelpers, "{background-color:unset;border-radius:0;padding-top:var(", tokens.clearHelpersPaddingTop, ");padding-right:0;}", StyledTextArea, "{color:var(", tokens.clearInputColor, ");padding-right:0;&.", classes.hasRightContent, "{padding-right:var(", tokens.clearInputPaddingRightWithRightContent, ");}}", StyledContainer, "{&:not(.", classes.innerPlaceholderUp, "){", StyledPlaceholder, "{color:var(", tokens.clearPlaceholderColor, ");}&.", classes.focusedOuterPlaceholderColor, " ", StyledPlaceholder, "{color:var(", tokens.clearPlaceholderColorFocus, ");}}&.", classes.innerPlaceholderUp, "{color:var(", tokens.placeholderColor, ");}}", StyledPlaceholder, "{padding-left:0;}", StyledIndicator, "{&.", classes.innerLabelPlacement, "{inset:var(", tokens.clearIndicatorLabelPlacementInner, ");&.", classes.requiredAlignRight, "{inset:var(", tokens.clearIndicatorLabelPlacementInnerRight, ");}}}&.", classes.hasHint, "{", StyledHintWrapper, "{&.", classes.innerLabelPlacement, "{inset:var(", tokens.clearHintInnerLabelPlacementOffset, ");}}", StyledIndicator, "{&.", classes.innerLabelPlacement, ".", classes.requiredAlignRight, "{inset:var(", tokens.clearIndicatorHintInnerRight, ");}}}.", classes.styledContainer, "{border:unset;border-radius:0;}&:focus-within:not([readonly]) .", classes.styledTextAreaWrapper, "{background-color:unset;box-shadow:unset;}&:focus-within:not([readonly]) .", classes.styledContainer, "{border:unset;}&:focus-within:not([readonly]) .", classes.styledHelpers, "{background-color:unset;}&.", classes.hasDivider, "{", StyledTextAreaWrapper, "{position:relative;--plasma_private-textarea-divider-color:var(", /*#__PURE__*/String(tokens.dividerColor), ");&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) ", StyledTextAreaWrapper, ":hover{--plasma_private-textarea-divider-color:var(\n                    ", tokens.dividerColorHover, ",\n                    var(", /*#__PURE__*/String(tokens.dividerColor), ")\n                );}&:not([readonly]) ", StyledTextAreaWrapper, ":focus-within{--plasma_private-textarea-divider-color:var(\n                    ", tokens.dividerColorFocus, ",\n                    var(", /*#__PURE__*/String(tokens.dividerColor), ")\n                );}}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEFyZWEvdmFyaWF0aW9ucy9fY2xlYXIvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFldUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS92YXJpYXRpb25zL19jbGVhci9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0QXJlYS50b2tlbnMnO1xuaW1wb3J0IHtcbiAgICBPdXRlckxhYmVsV3JhcHBlcixcbiAgICBTdHlsZWRDb250YWluZXIsXG4gICAgU3R5bGVkQ29udGVudCxcbiAgICBTdHlsZWRIZWxwZXJzLFxuICAgIFN0eWxlZEhpbnRXcmFwcGVyLFxuICAgIFN0eWxlZEluZGljYXRvcixcbiAgICBTdHlsZWRQbGFjZWhvbGRlcixcbiAgICBTdHlsZWRUZXh0QXJlYSxcbiAgICBTdHlsZWRUZXh0QXJlYVdyYXBwZXIsXG59IGZyb20gJy4uLy4uL1RleHRBcmVhLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICYuJHtjbGFzc2VzLmNsZWFyfSB7XG4gICAgICAgIGJvcmRlcjogdW5zZXQ7XG5cbiAgICAgICAgJHtTdHlsZWRUZXh0QXJlYVdyYXBwZXJ9IHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IHVuc2V0O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgICAgICAgICAgcGFkZGluZy1ib3R0b206IHZhcigke3Rva2Vucy5pbnB1dFBhZGRpbmdUb3B9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7T3V0ZXJMYWJlbFdyYXBwZXJ9IHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IHZhcigke3Rva2Vucy5jbGVhckxhYmVsTWFyZ2luQm90dG9tfSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnR9IHtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgYm90dG9tOiB1bnNldDtcbiAgICAgICAgfVxuXG4gICAgICAgICR7U3R5bGVkVGV4dEFyZWF9LCAke1N0eWxlZEhlbHBlcnN9IHtcbiAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgfVxuXG4gICAgICAgICR7U3R5bGVkSGVscGVyc30ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgICAgICAgICAgcGFkZGluZy10b3A6IHZhcigke3Rva2Vucy5jbGVhckhlbHBlcnNQYWRkaW5nVG9wfSk7XG4gICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRUZXh0QXJlYX0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbGVhcklucHV0Q29sb3J9KTtcbiAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDA7XG5cbiAgICAgICAgICAgICYuJHtjbGFzc2VzLmhhc1JpZ2h0Q29udGVudH0ge1xuICAgICAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IHZhcigke3Rva2Vucy5jbGVhcklucHV0UGFkZGluZ1JpZ2h0V2l0aFJpZ2h0Q29udGVudH0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRDb250YWluZXJ9IHtcbiAgICAgICAgICAgICY6bm90KC4ke2NsYXNzZXMuaW5uZXJQbGFjZWhvbGRlclVwfSkge1xuICAgICAgICAgICAgICAgICR7U3R5bGVkUGxhY2Vob2xkZXJ9IHtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbGVhclBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAmLiR7Y2xhc3Nlcy5mb2N1c2VkT3V0ZXJQbGFjZWhvbGRlckNvbG9yfSAke1N0eWxlZFBsYWNlaG9sZGVyfSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xlYXJQbGFjZWhvbGRlckNvbG9yRm9jdXN9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYuJHtjbGFzc2VzLmlubmVyUGxhY2Vob2xkZXJVcH0ge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvcn0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRJbmRpY2F0b3J9IHtcbiAgICAgICAgICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgICAgICAgICBpbnNldDogdmFyKCR7dG9rZW5zLmNsZWFySW5kaWNhdG9yTGFiZWxQbGFjZW1lbnRJbm5lcn0pO1xuXG4gICAgICAgICAgICAgICAgJi4ke2NsYXNzZXMucmVxdWlyZWRBbGlnblJpZ2h0fSB7XG4gICAgICAgICAgICAgICAgICAgIGluc2V0OiB2YXIoJHt0b2tlbnMuY2xlYXJJbmRpY2F0b3JMYWJlbFBsYWNlbWVudElubmVyUmlnaHR9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5oYXNIaW50fSB7XG4gICAgICAgICAgICAke1N0eWxlZEhpbnRXcmFwcGVyfSB7XG4gICAgICAgICAgICAgICAgJi4ke2NsYXNzZXMuaW5uZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAgICAgICAgICAgICBpbnNldDogdmFyKCR7dG9rZW5zLmNsZWFySGludElubmVyTGFiZWxQbGFjZW1lbnRPZmZzZXR9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICR7U3R5bGVkSW5kaWNhdG9yfSB7XG4gICAgICAgICAgICAgICAgJi4ke2NsYXNzZXMuaW5uZXJMYWJlbFBsYWNlbWVudH0uJHtjbGFzc2VzLnJlcXVpcmVkQWxpZ25SaWdodH0ge1xuICAgICAgICAgICAgICAgICAgICBpbnNldDogdmFyKCR7dG9rZW5zLmNsZWFySW5kaWNhdG9ySGludElubmVyUmlnaHR9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAuJHtjbGFzc2VzLnN0eWxlZENvbnRhaW5lcn0ge1xuICAgICAgICAgICAgYm9yZGVyOiB1bnNldDtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAmOmZvY3VzLXdpdGhpbjpub3QoW3JlYWRvbmx5XSkgLiR7Y2xhc3Nlcy5zdHlsZWRUZXh0QXJlYVdyYXBwZXJ9IHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHVuc2V0O1xuICAgICAgICAgICAgYm94LXNoYWRvdzogdW5zZXQ7XG4gICAgICAgIH1cblxuICAgICAgICAmOmZvY3VzLXdpdGhpbjpub3QoW3JlYWRvbmx5XSkgLiR7Y2xhc3Nlcy5zdHlsZWRDb250YWluZXJ9IHtcbiAgICAgICAgICAgIGJvcmRlcjogdW5zZXQ7XG4gICAgICAgIH1cblxuICAgICAgICAmOmZvY3VzLXdpdGhpbjpub3QoW3JlYWRvbmx5XSkgLiR7Y2xhc3Nlcy5zdHlsZWRIZWxwZXJzfSB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLmhhc0RpdmlkZXJ9IHtcbiAgICAgICAgICAgICR7U3R5bGVkVGV4dEFyZWFXcmFwcGVyfSB7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0YXJlYS1kaXZpZGVyLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmRpdmlkZXJDb2xvcil9KTtcblxuICAgICAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAwLjA2M3JlbTtcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcGxhc21hX3ByaXZhdGUtdGV4dGFyZWEtZGl2aWRlci1jb2xvcik7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4xcyBlYXNlLWluO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJjpub3QoW3JlYWRvbmx5XSkgJHtTdHlsZWRUZXh0QXJlYVdyYXBwZXJ9OmhvdmVyIHtcbiAgICAgICAgICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRhcmVhLWRpdmlkZXItY29sb3I6IHZhcihcbiAgICAgICAgICAgICAgICAgICAgJHt0b2tlbnMuZGl2aWRlckNvbG9ySG92ZXJ9LFxuICAgICAgICAgICAgICAgICAgICB2YXIoJHtTdHJpbmcodG9rZW5zLmRpdmlkZXJDb2xvcil9KVxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6bm90KFtyZWFkb25seV0pICR7U3R5bGVkVGV4dEFyZWFXcmFwcGVyfTpmb2N1cy13aXRoaW4ge1xuICAgICAgICAgICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGFyZWEtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JGb2N1c30sXG4gICAgICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));

package/emotion/es/components/TextArea/variations/_read-only/base.js

@@ -0,0 +1,4 @@
+import { css } from '@emotion/react';
+import { StyledHelpers, StyledTextArea, StyledTextAreaWrapper } from '../../TextArea.styles';
+import { classes, tokens } from '../../TextArea.tokens';
+export var base = /*#__PURE__*/css("&[readonly]{", StyledTextArea, "{color:var(", tokens.inputColorReadOnly, ");}:not(&.", classes.clear, "){", StyledTextAreaWrapper, ",", StyledHelpers, "{background:transparent;position:relative;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(", tokens.backgroundColorReadOnly, ");opacity:var(", tokens.readOnlyOpacity, ");z-index:-1;}:hover{background:transparent;}}", StyledTextAreaWrapper, ":before{border-radius:var(", tokens.borderRadiusWithHelpers, ");}", StyledHelpers, ":before{border-bottom-left-radius:var(", tokens.borderRadius, ");border-bottom-right-radius:var(", tokens.borderRadius, ");}}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEFyZWEvdmFyaWF0aW9ucy9fcmVhZC1vbmx5L2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEFyZWEvdmFyaWF0aW9ucy9fcmVhZC1vbmx5L2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IFN0eWxlZEhlbHBlcnMsIFN0eWxlZFRleHRBcmVhLCBTdHlsZWRUZXh0QXJlYVdyYXBwZXIgfSBmcm9tICcuLi8uLi9UZXh0QXJlYS5zdHlsZXMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEFyZWEudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJltyZWFkb25seV0ge1xuICAgICAgICAke1N0eWxlZFRleHRBcmVhfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmlucHV0Q29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgOm5vdCgmLiR7Y2xhc3Nlcy5jbGVhcn0pIHtcbiAgICAgICAgICAgICR7U3R5bGVkVGV4dEFyZWFXcmFwcGVyfSwgJHtTdHlsZWRIZWxwZXJzfSB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgICAgICAgICAgICAgOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcblxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLnJlYWRPbmx5T3BhY2l0eX0pO1xuXG4gICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IC0xO1xuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJHtTdHlsZWRUZXh0QXJlYVdyYXBwZXJ9OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c1dpdGhIZWxwZXJzfSk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICR7U3R5bGVkSGVscGVyc306YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));

package/emotion/es/components/TextArea/variations/_read-only/tokens.json

@@ -0,0 +1 @@
+[]

package/emotion/es/components/TextField/TextField.tokens.js

@@ -112,6 +112,7 @@ export var tokens = {
   textAfterMargin: '--plasma-textfield__after-text-margin',
   /** Прозрачность для всего компонента в состоянии disabled */
   disabledOpacity: '--plasma-textfield-disabled-opacity',
+  readOnlyOpacity: '--plasma-textfield-readonly-opacity',
   /** Токены для tooltip */
   hintMargin: '--plasma-textfield__hint-margin',
   hintTargetSize: '--plasma-textfield__hint-target-size',

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

@@ -1,4 +1,4 @@
 import { css } from '@emotion/react';
 import { classes, tokens } from '../../TextField.tokens';
-import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, TitleCaption } from '../../TextField.styles';
-export var base = /*#__PURE__*/css("&[readonly]{", InputWrapper, "{color:var(", tokens.colorReadOnly, ");background-color:var(", /*#__PURE__*/String(tokens.backgroundColorReadOnly), ");box-shadow:inset 0 0 0 var(", /*#__PURE__*/String(tokens.borderWidth), ") var(", /*#__PURE__*/String(tokens.borderColorReadOnly), ");}&.", classes.hasDivider, " ", InputWrapper, "{&:before{background-color:var(", /*#__PURE__*/String(tokens.dividerColorReadOnly), ");}}", InputWrapper, ":hover{background-color:var(", tokens.backgroundColorReadOnly, ");}", InputWrapper, ":focus-within ", InputPlaceholder, ",", InputPlaceholder, "{color:var(", tokens.placeholderColorReadOnly, ");}", Input, "{color:var(", tokens.colorReadOnly, ");cursor:default;min-width:unset;}", TitleCaption, "{color:var(", tokens.titleCaptionColorReadOnly, ");}", LeftHelper, "{color:var(", tokens.leftHelperColorReadOnly, ");}&.", classes.outerLabelPlacement, " ", Label, "{color:var(", tokens.labelColorReadOnly, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3JlYWQtb25seS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRQbGFjZWhvbGRlciwgSW5wdXRXcmFwcGVyLCBMYWJlbCwgTGVmdEhlbHBlciwgVGl0bGVDYXB0aW9uIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7U3RyaW5nKHRva2Vucy5iYWNrZ3JvdW5kQ29sb3JSZWFkT25seSl9KTtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyV2lkdGgpfSkgdmFyKCR7U3RyaW5nKHRva2Vucy5ib3JkZXJDb2xvclJlYWRPbmx5KX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRGl2aWRlcn0gJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmRpdmlkZXJDb2xvclJlYWRPbmx5KX0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJHtJbnB1dFdyYXBwZXJ9OmhvdmVyIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtJbnB1dFdyYXBwZXJ9OmZvY3VzLXdpdGhpbiAke0lucHV0UGxhY2Vob2xkZXJ9LCAke0lucHV0UGxhY2Vob2xkZXJ9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke0lucHV0fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgICAgIG1pbi13aWR0aDogdW5zZXQ7XG4gICAgICAgIH1cblxuICAgICAgICAke1RpdGxlQ2FwdGlvbn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Db2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke0xlZnRIZWxwZXJ9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLm91dGVyTGFiZWxQbGFjZW1lbnR9ICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGFiZWxDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));
+import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, StyledContentRight, TitleCaption } from '../../TextField.styles';
+export var base = /*#__PURE__*/css("&[readonly]{:not(&.", classes.clear, "){", InputWrapper, "{position:relative;color:var(", tokens.colorReadOnly, ");background-color:transparent;box-shadow:inset 0 0 0 var(", /*#__PURE__*/String(tokens.borderWidth), ") var(", /*#__PURE__*/String(tokens.borderColorReadOnly), ");:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(", tokens.borderRadius, ");background-color:var(", tokens.backgroundColorReadOnly, ");opacity:var(", tokens.readOnlyOpacity, ");z-index:-1;}:hover{background-color:transparent;}}}&.", classes.hasDivider, " ", InputWrapper, "{&:before{background-color:var(", /*#__PURE__*/String(tokens.dividerColorReadOnly), ");}}", InputWrapper, ":focus-within ", InputPlaceholder, ",", InputPlaceholder, "{color:var(", tokens.placeholderColorReadOnly, ");}", Input, "{color:var(", tokens.colorReadOnly, ");cursor:default;min-width:unset;}", TitleCaption, "{color:var(", tokens.titleCaptionColorReadOnly, ");}", LeftHelper, "{color:var(", tokens.leftHelperColorReadOnly, ");}", StyledContentRight, ":hover,", StyledContentRight, ":active{cursor:default;color:var(", tokens.contentSlotRightColor, ", var(", tokens.contentSlotColor, "));}&.", classes.outerLabelPlacement, " ", Label, "{color:var(", tokens.labelColorReadOnly, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3JlYWQtb25seS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWF1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQge1xuICAgIElucHV0LFxuICAgIElucHV0UGxhY2Vob2xkZXIsXG4gICAgSW5wdXRXcmFwcGVyLFxuICAgIExhYmVsLFxuICAgIExlZnRIZWxwZXIsXG4gICAgU3R5bGVkQ29udGVudFJpZ2h0LFxuICAgIFRpdGxlQ2FwdGlvbixcbn0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgOm5vdCgmLiR7Y2xhc3Nlcy5jbGVhcn0pIHtcbiAgICAgICAgICAgICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7U3RyaW5nKHRva2Vucy5ib3JkZXJXaWR0aCl9KSB2YXIoJHtTdHJpbmcodG9rZW5zLmJvcmRlckNvbG9yUmVhZE9ubHkpfSk7XG5cbiAgICAgICAgICAgICAgICA6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMucmVhZE9ubHlPcGFjaXR5fSk7XG4gICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IC0xO1xuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLmhhc0RpdmlkZXJ9ICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7U3RyaW5nKHRva2Vucy5kaXZpZGVyQ29sb3JSZWFkT25seSl9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXRXcmFwcGVyfTpmb2N1cy13aXRoaW4gJHtJbnB1dFBsYWNlaG9sZGVyfSwgJHtJbnB1dFBsYWNlaG9sZGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtJbnB1dH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgICAgICBtaW4td2lkdGg6IHVuc2V0O1xuICAgICAgICB9XG5cbiAgICAgICAgJHtUaXRsZUNhcHRpb259IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtMZWZ0SGVscGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnRSaWdodH06aG92ZXIsICR7U3R5bGVkQ29udGVudFJpZ2h0fTphY3RpdmUge1xuICAgICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb250ZW50U2xvdFJpZ2h0Q29sb3J9LCB2YXIoJHt0b2tlbnMuY29udGVudFNsb3RDb2xvcn0pKTtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLm91dGVyTGFiZWxQbGFjZW1lbnR9ICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGFiZWxDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));

package/emotion/es/components/_Icon/Icon.assets/Lock.js

@@ -0,0 +1,19 @@
+var _path, _path2;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+export var Lock = function Lock(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M12.0001 18C13.1046 18 14.0001 17.1046 14.0001 16C14.0001 14.8954 13.1046 14 12.0001 14C10.8955 14 10.0001 14.8954 10.0001 16C10.0001 17.1046 10.8955 18 12.0001 18Z",
+    fill: "currentColor"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.7501 7V10.0056C17.0393 10.0142 17.2842 10.0359 17.5087 10.0898C18.6971 10.3751 19.625 11.3029 19.9103 12.4913C20.0005 12.8672 20.0003 13.3001 20.0001 13.9028L20.0001 17.2814C20.0001 17.9548 20.0001 18.5055 19.9635 18.9531C19.9257 19.4163 19.8449 19.8347 19.6458 20.2255C19.3342 20.837 18.837 21.3342 18.2255 21.6458C17.8348 21.8449 17.4164 21.9256 16.9531 21.9634C16.5056 22 15.9549 22 15.2815 22H8.71861C8.04524 22 7.49454 22 7.04698 21.9634C6.58372 21.9256 6.16532 21.8449 5.77458 21.6458C5.16306 21.3342 4.66587 20.837 4.35428 20.2255C4.15519 19.8347 4.07445 19.4163 4.0366 18.9531C4.00004 18.5055 4.00004 17.9548 4.00005 17.2814L4.00003 13.9029C3.99978 13.3001 3.9996 12.8672 4.08985 12.4913C4.37515 11.3029 5.30299 10.3751 6.49135 10.0898C6.7159 10.0359 6.96077 10.0142 7.25005 10.0056V7C7.25005 4.37665 9.3767 2.25 12.0001 2.25C14.6234 2.25 16.7501 4.37665 16.7501 7ZM8.75005 7C8.75005 5.20507 10.2051 3.75 12.0001 3.75C13.795 3.75 15.2501 5.20507 15.2501 7V10H8.75005V7ZM6.84152 11.5484C7.02117 11.5052 7.25947 11.5 8.00005 11.5H16.0001C16.7406 11.5 16.9789 11.5052 17.1586 11.5484C17.7985 11.702 18.2981 12.2016 18.4517 12.8415C18.4948 13.0211 18.5001 13.2594 18.5001 14V17.25C18.5001 17.9624 18.4995 18.4517 18.4685 18.8309C18.4382 19.2014 18.3827 19.4004 18.3093 19.5445C18.1415 19.8738 17.8738 20.1415 17.5445 20.3093C17.4005 20.3827 17.2015 20.4382 16.831 20.4684C16.4517 20.4994 15.9625 20.5 15.2501 20.5H8.75005C8.03761 20.5 7.54839 20.4994 7.16913 20.4684C6.79863 20.4382 6.59961 20.3827 6.45557 20.3093C6.12628 20.1415 5.85857 19.8738 5.69079 19.5445C5.6174 19.4004 5.56189 19.2014 5.53162 18.8309C5.50063 18.4517 5.50005 17.9624 5.50005 17.25V14C5.50005 13.2594 5.50527 13.0211 5.5484 12.8415C5.70203 12.2016 6.20164 11.702 6.84152 11.5484Z",
+    fill: "currentColor"
+  })));
+};

package/emotion/es/components/_Icon/Icons/IconChevronLeft.js

@@ -1,3 +1,7 @@
+var _excluded = ["size", "color", "className", "sizeCustomProperty"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import { ChevronLeft } from '../Icon.assets/ChevronLeft';
 import { IconRoot } from '../IconRoot';
@@ -6,12 +10,13 @@ export var IconChevronLeft = function IconChevronLeft(_ref) {
     size = _ref$size === void 0 ? 's' : _ref$size,
     color = _ref.color,
     className = _ref.className,
-    sizeCustomProperty = _ref.sizeCustomProperty;
-  return /*#__PURE__*/React.createElement(IconRoot, {
+    sizeCustomProperty = _ref.sizeCustomProperty,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(IconRoot, _extends({
     className: className,
     size: size,
     color: color,
     icon: ChevronLeft,
     sizeCustomProperty: sizeCustomProperty
-  });
+  }, rest));
 };

package/emotion/es/components/_Icon/Icons/IconLock.js

@@ -0,0 +1,22 @@
+var _excluded = ["size", "color", "className", "sizeCustomValue"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { Lock } from '../Icon.assets/Lock';
+import { IconRoot } from '../IconRoot';
+export var IconLock = function IconLock(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
+    color = _ref.color,
+    className = _ref.className,
+    sizeCustomValue = _ref.sizeCustomValue,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(IconRoot, _extends({
+    className: className,
+    sizeCustomValue: sizeCustomValue,
+    size: size,
+    color: color,
+    icon: Lock
+  }, rest));
+};

package/emotion/es/components/_Icon/index.js

@@ -5,6 +5,7 @@ export { IconDisclosureRightWithOffset } from './Icons/IconDisclosureRightWithOf
 export { IconDisclosureDownFill } from './Icons/IconDisclosureDownFill';
 export { IconDisclosureDownWithOffset } from './Icons/IconDisclosureDownWithOffset';
 export { IconDisclosureUpWithOffset } from './Icons/IconDisclosureUpWithOffset';
+export { IconLock } from './Icons/IconLock';
 export { IconMic } from './Icons/IconMic';
 export { IconChevronLeft } from './Icons/IconChevronLeft';
 export { IconChevronDoubleLeft } from './Icons/IconChevronDoubleLeft';

package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx

@@ -1,7 +1,7 @@
 import React, { ComponentProps, useEffect, useRef, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
+import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
 
 import { WithTheme } from '../../../_helpers';
 import { IconButton } from '../IconButton/IconButton';