@salutejs/plasma-new-hope 0.238.1-canary.1700.12745422831.0 → 0.238.1-canary.1701.12763370835.0

package/emotion/es/components/TextField/variations/_disabled/base.js

@@ -1,4 +1,4 @@
 import { css } from '@emotion/react';
-import { classes, tokens } from '../../TextField.tokens';
-import { Input, InputLabelWrapper, Label, TitleCaption, LeftHelper, StyledOptionalText, StyledIndicator, StyledContentLeft, StyledContentRight, InputWrapper, StyledHintWrapper } from '../../TextField.styles';
-export var base = /*#__PURE__*/css("&[disabled]{", InputWrapper, ",", TitleCaption, ",", LeftHelper, ",", StyledIndicator, "{opacity:var(", tokens.disabledOpacity, ");}&.", classes.outerLabelPlacement, "{", Label, ",", StyledOptionalText, "{opacity:var(", tokens.disabledOpacity, ");}}", Input, ",", InputLabelWrapper, ",", StyledContentLeft, ",", StyledContentRight, "{pointer-events:none;}", StyledHintWrapper, "{cursor:default;}", InputWrapper, ",", Label, ",", StyledOptionalText, ",", TitleCaption, ",", LeftHelper, "{cursor:not-allowed;}", Input, "{min-width:unset;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2Rpc2FibGVkL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJ1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19kaXNhYmxlZC9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7XG4gICAgSW5wdXQsXG4gICAgSW5wdXRMYWJlbFdyYXBwZXIsXG4gICAgTGFiZWwsXG4gICAgVGl0bGVDYXB0aW9uLFxuICAgIExlZnRIZWxwZXIsXG4gICAgU3R5bGVkT3B0aW9uYWxUZXh0LFxuICAgIFN0eWxlZEluZGljYXRvcixcbiAgICBTdHlsZWRDb250ZW50TGVmdCxcbiAgICBTdHlsZWRDb250ZW50UmlnaHQsXG4gICAgSW5wdXRXcmFwcGVyLFxuICAgIFN0eWxlZEhpbnRXcmFwcGVyLFxufSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgICAke0lucHV0V3JhcHBlcn0sICR7VGl0bGVDYXB0aW9ufSwgJHtMZWZ0SGVscGVyfSxcbiAgICAgICAgJHtTdHlsZWRJbmRpY2F0b3J9IHtcbiAgICAgICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5kaXNhYmxlZE9wYWNpdHl9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLm91dGVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgICAgICR7TGFiZWx9LCAke1N0eWxlZE9wdGlvbmFsVGV4dH0ge1xuICAgICAgICAgICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5kaXNhYmxlZE9wYWNpdHl9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXR9LCAke0lucHV0TGFiZWxXcmFwcGVyfSwgJHtTdHlsZWRDb250ZW50TGVmdH0sICR7U3R5bGVkQ29udGVudFJpZ2h0fSB7XG4gICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7U3R5bGVkSGludFdyYXBwZXJ9IHtcbiAgICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXRXcmFwcGVyfSwgJHtMYWJlbH0sICR7U3R5bGVkT3B0aW9uYWxUZXh0fSwgJHtUaXRsZUNhcHRpb259LCAke0xlZnRIZWxwZXJ9IHtcbiAgICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgIH1cblxuICAgICAgICAke0lucHV0fSB7XG4gICAgICAgICAgICBtaW4td2lkdGg6IHVuc2V0O1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
+import { tokens } from '../../TextField.tokens';
+import { Input } from '../../TextField.styles';
+export var base = /*#__PURE__*/css("&[disabled]{pointer-events:none;opacity:var(", tokens.disabledOpacity, ");cursor:not-allowed;", Input, "{cursor:not-allowed;min-width:unset;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2Rpc2FibGVkL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2Rpc2FibGVkL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1RleHRGaWVsZC50b2tlbnMnO1xuaW1wb3J0IHsgSW5wdXQgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmRpc2FibGVkT3BhY2l0eX0pO1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXG4gICAgICAgICR7SW5wdXR9IHtcbiAgICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgICAgICBtaW4td2lkdGg6IHVuc2V0O1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));

package/emotion/es/components/TextField/variations/_view/base.js

@@ -1,4 +1,4 @@
 import { css } from '@emotion/react';
 import { tokens } from '../../TextField.tokens';
 import { Input, InputPlaceholder, InputWrapper, LeftHelper, StyledTextAfter, StyledTextBefore, TitleCaption } from '../../TextField.styles';
-export var base = /*#__PURE__*/css(InputWrapper, "{--plasma_private-textfield-border-color:var(", /*#__PURE__*/String(tokens.borderColor), ");--plasma_private-textfield-bg-color:var(", /*#__PURE__*/String(tokens.backgroundColor), ");color:var(", tokens.color, ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", tokens.borderWidth, ") var(--plasma_private-textfield-border-color),var(", tokens.boxShadow, ", inset 0 0 0 0 transparent);caret-color:var(", tokens.caretColor, ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}&:not([disabled]) ", InputWrapper, ":hover{--plasma_private-textfield-border-color:var(", tokens.borderColorHover, ", var(", /*#__PURE__*/String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n            ", tokens.backgroundColorHover, ",\n            var(", /*#__PURE__*/String(tokens.backgroundColor), ")\n        );}", Input, "{color:var(", tokens.color, ");}", InputPlaceholder, "{color:var(", tokens.placeholderColor, ");}", InputWrapper, ":focus-within{--plasma_private-textfield-border-color:var(", tokens.borderColorFocus, ", var(", /*#__PURE__*/String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n            ", tokens.backgroundColorFocus, ",\n            var(", /*#__PURE__*/String(tokens.backgroundColor), ")\n        );", InputPlaceholder, "{color:var(", tokens.placeholderColorFocus, ");}}", TitleCaption, "{color:var(", tokens.titleCaptionColor, ");}", LeftHelper, "{color:var(", tokens.leftHelperColor, ");}", StyledTextBefore, "{color:var(", tokens.textBeforeColor, ");}", StyledTextAfter, "{color:var(", tokens.textAfterColor, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7XG4gICAgSW5wdXQsXG4gICAgSW5wdXRQbGFjZWhvbGRlcixcbiAgICBJbnB1dFdyYXBwZXIsXG4gICAgTGVmdEhlbHBlcixcbiAgICBTdHlsZWRUZXh0QWZ0ZXIsXG4gICAgU3R5bGVkVGV4dEJlZm9yZSxcbiAgICBUaXRsZUNhcHRpb24sXG59IGZyb20gJy4uLy4uL1RleHRGaWVsZC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3I6IHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3IpfSk7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJnLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmJhY2tncm91bmRDb2xvcil9KTtcblxuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yfSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcik7XG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigke3Rva2Vucy5ib3JkZXJXaWR0aH0pIHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3IpLFxuICAgICAgICAgICAgdmFyKCR7dG9rZW5zLmJveFNoYWRvd30sIGluc2V0IDAgMCAwIDAgdHJhbnNwYXJlbnQpO1xuICAgICAgICBjYXJldC1jb2xvcjogdmFyKCR7dG9rZW5zLmNhcmV0Q29sb3J9KTtcblxuICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1pbiwgY29sb3IgMC4xcyBlYXNlLWluLCBib3gtc2hhZG93IDAuMXMgZWFzZS1pbjtcbiAgICB9XG5cbiAgICAmOm5vdChbZGlzYWJsZWRdKSAke0lucHV0V3JhcHBlcn06aG92ZXIge1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3I6IHZhcigke3Rva2Vucy5ib3JkZXJDb2xvckhvdmVyfSwgdmFyKCR7U3RyaW5nKHRva2Vucy5ib3JkZXJDb2xvcil9KSk7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJnLWNvbG9yOiB2YXIoXG4gICAgICAgICAgICAke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3JIb3Zlcn0sXG4gICAgICAgICAgICB2YXIoJHtTdHJpbmcodG9rZW5zLmJhY2tncm91bmRDb2xvcil9KVxuICAgICAgICApO1xuICAgIH1cblxuICAgICR7SW5wdXR9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2xvcn0pO1xuICAgIH1cblxuICAgICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICB9XG5cbiAgICAke0lucHV0V3JhcHBlcn06Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYm9yZGVyLWNvbG9yOiB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JGb2N1c30sIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3IpfSkpO1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcjogdmFyKFxuICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yRm9jdXN9LFxuICAgICAgICAgICAgdmFyKCR7U3RyaW5nKHRva2Vucy5iYWNrZ3JvdW5kQ29sb3IpfSlcbiAgICAgICAgKTtcblxuICAgICAgICAke0lucHV0UGxhY2Vob2xkZXJ9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvckZvY3VzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAke1RpdGxlQ2FwdGlvbn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnRpdGxlQ2FwdGlvbkNvbG9yfSk7XG4gICAgfVxuXG4gICAgJHtMZWZ0SGVscGVyfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRUZXh0QmVmb3JlfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMudGV4dEJlZm9yZUNvbG9yfSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRUZXh0QWZ0ZXJ9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50ZXh0QWZ0ZXJDb2xvcn0pO1xuICAgIH1cbmA7XG4iXX0= */"));
+export var base = /*#__PURE__*/css(InputWrapper, "{--plasma_private-textfield-border-color:var(", /*#__PURE__*/String(tokens.borderColor), ");--plasma_private-textfield-bg-color:var(", /*#__PURE__*/String(tokens.backgroundColor), ");color:var(", tokens.color, ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", tokens.borderWidth, ") var(--plasma_private-textfield-border-color),var(", tokens.boxShadow, ", inset 0 0 0 0 transparent);caret-color:var(", tokens.caretColor, ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", InputWrapper, ":hover{--plasma_private-textfield-border-color:var(", tokens.borderColorHover, ", var(", /*#__PURE__*/String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n            ", tokens.backgroundColorHover, ",\n            var(", /*#__PURE__*/String(tokens.backgroundColor), ")\n        );}", Input, "{color:var(", tokens.color, ");}", InputPlaceholder, "{color:var(", tokens.placeholderColor, ");}", InputWrapper, ":focus-within{--plasma_private-textfield-border-color:var(", tokens.borderColorFocus, ", var(", /*#__PURE__*/String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n            ", tokens.backgroundColorFocus, ",\n            var(", /*#__PURE__*/String(tokens.backgroundColor), ")\n        );", InputPlaceholder, "{color:var(", tokens.placeholderColorFocus, ");}}", TitleCaption, "{color:var(", tokens.titleCaptionColor, ");}", LeftHelper, "{color:var(", tokens.leftHelperColor, ");}", StyledTextBefore, "{color:var(", tokens.textBeforeColor, ");}", StyledTextAfter, "{color:var(", tokens.textAfterColor, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7XG4gICAgSW5wdXQsXG4gICAgSW5wdXRQbGFjZWhvbGRlcixcbiAgICBJbnB1dFdyYXBwZXIsXG4gICAgTGVmdEhlbHBlcixcbiAgICBTdHlsZWRUZXh0QWZ0ZXIsXG4gICAgU3R5bGVkVGV4dEJlZm9yZSxcbiAgICBUaXRsZUNhcHRpb24sXG59IGZyb20gJy4uLy4uL1RleHRGaWVsZC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3I6IHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3IpfSk7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJnLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmJhY2tncm91bmRDb2xvcil9KTtcblxuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yfSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcik7XG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigke3Rva2Vucy5ib3JkZXJXaWR0aH0pIHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3IpLFxuICAgICAgICAgICAgdmFyKCR7dG9rZW5zLmJveFNoYWRvd30sIGluc2V0IDAgMCAwIDAgdHJhbnNwYXJlbnQpO1xuICAgICAgICBjYXJldC1jb2xvcjogdmFyKCR7dG9rZW5zLmNhcmV0Q29sb3J9KTtcblxuICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1pbiwgY29sb3IgMC4xcyBlYXNlLWluLCBib3gtc2hhZG93IDAuMXMgZWFzZS1pbjtcbiAgICB9XG4gICAgJHtJbnB1dFdyYXBwZXJ9OmhvdmVyIHtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYm9yZGVyLWNvbG9yOiB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn0sIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3IpfSkpO1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcjogdmFyKFxuICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9ySG92ZXJ9LFxuICAgICAgICAgICAgdmFyKCR7U3RyaW5nKHRva2Vucy5iYWNrZ3JvdW5kQ29sb3IpfSlcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICAke0lucHV0fSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3J9KTtcbiAgICB9XG5cbiAgICAke0lucHV0UGxhY2Vob2xkZXJ9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJHtJbnB1dFdyYXBwZXJ9OmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJvcmRlci1jb2xvcjogdmFyKCR7dG9rZW5zLmJvcmRlckNvbG9yRm9jdXN9LCB2YXIoJHtTdHJpbmcodG9rZW5zLmJvcmRlckNvbG9yKX0pKTtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYmctY29sb3I6IHZhcihcbiAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvckZvY3VzfSxcbiAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuYmFja2dyb3VuZENvbG9yKX0pXG4gICAgICAgICk7XG5cbiAgICAgICAgJHtJbnB1dFBsYWNlaG9sZGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3JGb2N1c30pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJHtUaXRsZUNhcHRpb259IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Db2xvcn0pO1xuICAgIH1cblxuICAgICR7TGVmdEhlbHBlcn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJDb2xvcn0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkVGV4dEJlZm9yZX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnRleHRCZWZvcmVDb2xvcn0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkVGV4dEFmdGVyfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMudGV4dEFmdGVyQ29sb3J9KTtcbiAgICB9XG5gO1xuIl19 */"));

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

@@ -98,14 +98,6 @@ const StoryDefault = (props: CheckboxProps) => {
         <>
             <Checkbox {...props} />
             <Checkbox name="item.name" value="item.value" label="Label" description="Description" {...props} />
-            <Checkbox
-                name="item.name"
-                value="item.value"
-                singleLine
-                label="Label looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonger"
-                description="Description looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonger"
-                {...props}
-            />
         </>
     );
 };
@@ -114,6 +106,29 @@ export const Default: StoryObj<CheckboxProps> = {
     render: (args) => <StoryDefault {...args} />,
 };
 
+const StoryLong = (props: CheckboxProps) => {
+    const { width, ...otherProps } = props;
+    return (
+        <div style={{ width }}>
+            <Checkbox {...otherProps} />
+        </div>
+    );
+};
+
+export const LongText: StoryObj<CheckboxProps> = {
+    args: {
+        name: 'item.name',
+        value: 'item.value',
+        label:
+            'Label looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonger',
+        description:
+            'Description looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonger',
+        singleLine: true,
+        width: '300px',
+    },
+    render: (args) => <StoryLong {...args} />,
+};
+
 const StoryComplex = (props: CheckboxProps) => {
     const [values, setValues] = useState({
         russian: true,