@salutejs/plasma-new-hope 0.138.0-canary.1415.10665437827.0 → 0.138.0-dev.0

package/es/components/TextFieldGroup/variations/_shape/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextFieldGroup/variations/_shape/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextFieldGroup.tokens';\nimport { textFieldTokens, textFieldClasses } from '../../../TextField';\nimport { InputWrapper } from '../../../TextField/TextField.styles';\n\nexport const base = css`\n    &.${classes.default} {\n        --plasma_private-text-field-radius-inner: var(${tokens.textFieldDefaultRadius});\n    }\n\n    &.${classes.segmented} {\n        --plasma_private-text-field-radius-inner: var(${tokens.textFieldSegmentedRadius});\n\n        &.${classes.none} {\n            --plasma_private-text-field-radius-inner: 0;\n        }\n    }\n\n    & .${textFieldClasses.textFieldGroupItem} ${InputWrapper} {\n        ${textFieldTokens.borderRadius}: var(--plasma_private-text-field-radius-inner);\n        transition: clip-path 0.05s ease-in;\n    }\n\n    /* NOTE: блок нужен только для TextField в plasma-web, чтобы border не наслаивались друг на друга */\n    &.${classes.horizontal}&.${classes.none} .${textFieldClasses.textFieldGroupItem} {\n        &:not(:first-child) {\n            margin-left: var(${tokens.textFieldGroupWebMarginLeft});\n        }\n\n        &:not(:last-child) {\n            ${InputWrapper} {\n                clip-path: var(${tokens.textFieldGroupWebClipPath});\n\n                &:hover,\n                &:focus-within {\n                    clip-path: inset(0 0 0 0);\n                }\n            }\n        }\n    }\n\n    &.${classes.vertical}&.${classes.none} .${textFieldClasses.textFieldGroupItem} {\n        &:not(:first-child) {\n            margin-top: var(${tokens.textFieldGroupWebMarginTop});\n        }\n\n        &:not(:first-child) {\n            ${InputWrapper} {\n                clip-path: var(${tokens.textFieldGroupWebVerticalClipPath});\n\n                &:hover,\n                &:focus-within {\n                    clip-path: inset(0 0 0 0);\n                }\n            }\n        }\n    }\n\n    &.${classes.horizontal}, &.${classes.vertical} {\n        .${textFieldClasses.textFieldGroupItem}:first-child:last-child ${InputWrapper} {\n            border-radius: var(${tokens.textFieldSideRadius});\n        }\n    }\n\n    &.${classes.horizontal} {\n        .${textFieldClasses.textFieldGroupItem}:first-child ${InputWrapper} {\n            --plasma_private-left-side-radius: var(${tokens.textFieldSideRadius})\n                var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner)\n                var(${tokens.textFieldSideRadius});\n\n            border-radius: var(--plasma_private-left-side-radius);\n        }\n\n        .${textFieldClasses.textFieldGroupItem}:last-child ${InputWrapper} {\n            --plasma_private-right-side-radius: var(--plasma_private-text-field-radius-inner)\n                var(${tokens.textFieldSideRadius}) var(${tokens.textFieldSideRadius})\n                var(--plasma_private-text-field-radius-inner);\n\n            border-radius: var(--plasma_private-right-side-radius);\n        }\n    }\n\n    &.${classes.vertical} {\n        .${textFieldClasses.textFieldGroupItem}:first-child ${InputWrapper} {\n            --plasma_private-up-side-radius: var(${tokens.textFieldSideRadius}) var(${tokens.textFieldSideRadius})\n                var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner);\n\n            border-radius: var(--plasma_private-up-side-radius);\n        }\n        .${textFieldClasses.textFieldGroupItem}:last-child ${InputWrapper} {\n            --plasma_private-down-side-radius: var(--plasma_private-text-field-radius-inner)\n                var(--plasma_private-text-field-radius-inner) var(${tokens.textFieldSideRadius})\n                var(${tokens.textFieldSideRadius});\n\n            border-radius: var(--plasma_private-down-side-radius);\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GA4FhB;;;;"}

package/es/components/TextFieldGroup/variations/_shape/base_1e0je21.css

@@ -0,0 +1 @@
+.b1jijyt7.text-field-group-shape-default{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-default-radius);}.b1jijyt7.text-field-group-shape-segmented{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-segmented-radius);}.b1jijyt7.text-field-group-shape-segmented.text-field-group-gap-none{--plasma_private-text-field-radius-inner:0;}.b1jijyt7 .text-field-group-item .iq39zt5{--plasma-textfield-border-radius:var(--plasma_private-text-field-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child){margin-left:var(--plasma-text-field-group-web-margin-left);}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .iq39zt5{-webkit-clip-path:var(--plasma-text-field-group-web-clip-path);clip-path:var(--plasma-text-field-group-web-clip-path);}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .iq39zt5:hover,.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .iq39zt5:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child){margin-top:var(--plasma-text-field-group-web-margin-top);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .iq39zt5{-webkit-clip-path:var(--plasma-text-field-group-web-vertical-clip-path);clip-path:var(--plasma-text-field-group-web-vertical-clip-path);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .iq39zt5:hover,.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .iq39zt5:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:first-child:last-child .iq39zt5,.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:first-child:last-child .iq39zt5{border-radius:var(--plasma-text-field-group-side-item-radius);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:first-child .iq39zt5{--plasma_private-left-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:last-child .iq39zt5{--plasma_private-right-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:first-child .iq39zt5{--plasma_private-up-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:last-child .iq39zt5{--plasma_private-down-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}

package/es/components/{InputGroup/variations/_orientation → TextFieldGroup/variations/_size}/base.js

@@ -1,5 +1,5 @@
-import './base_mgs8eg.css';
-var base = "bdx478e";
+import './base_4d2o9y.css';
+var base = "boymyss";
 
 export { base };
 //# sourceMappingURL=base.js.map

package/es/components/TextFieldGroup/variations/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextFieldGroup/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextFieldGroup.tokens';\nimport { textFieldTokens } from '../../../TextField';\n\nexport const base = css`\n    &.${classes.textFieldGroupOverrideStyles} .${classes.textFieldGroupItem}  {\n        ${textFieldTokens.height}: var(${tokens.height});\n        ${textFieldTokens.padding}: var(${tokens.padding});\n        ${textFieldTokens.paddingWithChips}: var(${tokens.paddingWithChips});\n\n        ${textFieldTokens.leftContentMargin}: var(${tokens.leftContentMargin});\n        ${textFieldTokens.rightContentMargin}: var(${tokens.rightContentMargin});\n\n        ${textFieldTokens.textBeforeMargin}: var(${tokens.textBeforeMargin});\n        ${textFieldTokens.textAfterMargin}: var(${tokens.textAfterMargin});\n\n        ${textFieldTokens.fontFamily}: var(${tokens.fontFamily});\n        ${textFieldTokens.fontSize}: var(${tokens.fontSize});\n        ${textFieldTokens.fontStyle}: var(${tokens.fontStyle});\n        ${textFieldTokens.fontWeight}: var(${tokens.fontWeight});\n        ${textFieldTokens.letterSpacing}: var(${tokens.letterSpacing});\n        ${textFieldTokens.lineHeight}: var(${tokens.lineHeight});\n\n        ${textFieldTokens.labelOffset}: var(${tokens.labelOffset});\n        ${textFieldTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n        ${textFieldTokens.labelFontSize}: var(${tokens.labelFontSize});\n        ${textFieldTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n        ${textFieldTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n        ${textFieldTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n        ${textFieldTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n        ${textFieldTokens.leftHelperOffset}: var(${tokens.leftHelperOffset});\n        ${textFieldTokens.leftHelperFontFamily}: var(${tokens.leftHelperFontFamily});\n        ${textFieldTokens.leftHelperFontSize}: var(${tokens.leftHelperFontSize});\n        ${textFieldTokens.leftHelperFontStyle}: var(${tokens.leftHelperFontStyle});\n        ${textFieldTokens.leftHelperFontWeight}: var(${tokens.leftHelperFontWeight});\n        ${textFieldTokens.leftHelperLetterSpacing}: var(${tokens.leftHelperLetterSpacing});\n        ${textFieldTokens.leftHelperLineHeight}: var(${tokens.leftHelperLineHeight});\n\n        ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n        ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n\n        ${textFieldTokens.chipGap}: var(${tokens.chipGap});\n        ${textFieldTokens.chipBorderRadius}: var(${tokens.chipBorderRadius});\n        ${textFieldTokens.chipWidth}: var(${tokens.chipWidth});\n        ${textFieldTokens.chipHeight}: var(${tokens.chipHeight});\n        ${textFieldTokens.chipPaddingRight}: var(${tokens.chipPaddingRight});\n        ${textFieldTokens.chipPaddingLeft}: var(${tokens.chipPaddingLeft});\n        ${textFieldTokens.chipClearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n        ${textFieldTokens.chipClearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n        ${textFieldTokens.chipCloseIconSize}: var(${tokens.chipCloseIconSize});\n        ${textFieldTokens.chipFontFamily}: var(${tokens.chipFontFamily});\n        ${textFieldTokens.chipFontSize}: var(${tokens.chipFontSize});\n        ${textFieldTokens.chipFontStyle}: var(${tokens.chipFontStyle});\n        ${textFieldTokens.chipFontWeight}: var(${tokens.chipFontWeight});\n        ${textFieldTokens.chipLetterSpacing}: var(${tokens.chipLetterSpacing});\n        ${textFieldTokens.chipLineHeight}: var(${tokens.chipLineHeight});\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAsDhB;;;;"}

package/es/components/TextFieldGroup/variations/_size/base_4d2o9y.css

@@ -0,0 +1 @@
+.boymyss.text-field-group-override-styles .text-field-group-item{--plasma-textfield-height:var(--plasma-text-field-group-item-height);--plasma-textfield-padding:var(--plasma-text-field-group-item-padding);--plasma-textfield-padding-with-chips:var(--plasma-text-field-group-item-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-text-field-group-item__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-text-field-group-item__right-content-margin);--plasma-textfield__before-text-margin:var(--plasma-text-field-group-item__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-text-field-group-item__after-text-margin);--plasma-textfield-font-family:var(--plasma-text-field-group-item-font-family);--plasma-textfield-font-size:var(--plasma-text-field-group-item-font-size);--plasma-textfield-font-style:var(--plasma-text-field-group-item-font-style);--plasma-textfield-font-weight:var(--plasma-text-field-group-item-font-weight);--plasma-textfield-letter-spacing:var(--plasma-text-field-group-item-letter-spacing);--plasma-textfield-line-height:var(--plasma-text-field-group-item-line-height);--plasma-textfield__label-offset:var(--plasma-text-field-group-item__label-offset);--plasma-textfield__label-font-family:var(--plasma-text-field-group-item__label-font-family);--plasma-textfield__label-font-size:var(--plasma-text-field-group-item__label-font-size);--plasma-textfield__label-font-style:var(--plasma-text-field-group-item__label-font-style);--plasma-textfield__label-font-weight:var(--plasma-text-field-group-item__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-text-field-group-item__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-text-field-group-item__label-line-height);--plasma-textfield__left-helper-offset:var(--plasma-text-field-group-item__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-text-field-group-item__left-helper-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-text-field-group-item__left-helper-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-text-field-group-item__left-helper-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-text-field-group-item__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-text-field-group-item__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-text-field-group-item__left-helper-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-text-field-group-item-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-text-field-group-item-placement_inner__content-padding);--plasma-textfield__chip-gap:var(--plasma-text-field-group-item__chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-text-field-group-item__chip-border-radius);--plasma-textfield__chip-width:var(--plasma-text-field-group-item__chip-width);--plasma-textfield__chip-height:var(--plasma-text-field-group-item__chip-height);--plasma-textfield__chip-padding-right:var(--plasma-text-field-group-item__chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-text-field-group-item__chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-text-field-group-item__chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-text-field-group-item__chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-text-field-group-item__chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-text-field-group-item__chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-text-field-group-item__chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-text-field-group-item__chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-text-field-group-item__chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-text-field-group-item__chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-text-field-group-item__chip-line-height);}

package/es/components/TextFieldGroup/variations/_stretching/base.js

@@ -0,0 +1,5 @@
+import './base_1m1ul70.css';
+var base = "b18yornl";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/TextFieldGroup/variations/_stretching/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextFieldGroup/variations/_stretching/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from '../../TextFieldGroup.tokens';\n\nexport const base = css`\n    &.${classes.filledStretching} {\n        width: 100%;\n\n        .${classes.textFieldGroupItem} {\n            width: 100%;\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAQhB;;;;"}

package/es/components/TextFieldGroup/variations/_stretching/base_1m1ul70.css

@@ -0,0 +1 @@
+.b18yornl.text-field-group-stretching-filled{width:100%;}.b18yornl.text-field-group-stretching-filled .text-field-group-item{width:100%;}

package/es/index.css

@@ -145,17 +145,17 @@
 
 .TextField_wctd2m_bpunezx__bc8b464c{display:block;overflow:hidden;}
 
-.base_1vk5vms_b1jw8jhy__8aa6239c.base_1vk5vms_inputGroupOverrideStyles__8aa6239c .base_1vk5vms_inputGroupItem__8aa6239c{--plasma-textfield-height:var(--plasma-input-group-item-height);--plasma-textfield-padding:var(--plasma-input-group-item-padding);--plasma-textfield-padding-with-chips:var(--plasma-input-group-item-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-input-group-item__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-input-group-item__right-content-margin);--plasma-textfield__before-text-margin:var(--plasma-input-group-item__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-input-group-item__after-text-margin);--plasma-textfield-font-family:var(--plasma-input-group-item-font-family);--plasma-textfield-font-size:var(--plasma-input-group-item-font-size);--plasma-textfield-font-style:var(--plasma-input-group-item-font-style);--plasma-textfield-font-weight:var(--plasma-input-group-item-font-weight);--plasma-textfield-letter-spacing:var(--plasma-input-group-item-letter-spacing);--plasma-textfield-line-height:var(--plasma-input-group-item-line-height);--plasma-textfield__label-offset:var(--plasma-input-group-item__label-offset);--plasma-textfield__label-font-family:var(--plasma-input-group-item__label-font-family);--plasma-textfield__label-font-size:var(--plasma-input-group-item__label-font-size);--plasma-textfield__label-font-style:var(--plasma-input-group-item__label-font-style);--plasma-textfield__label-font-weight:var(--plasma-input-group-item__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-input-group-item__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-input-group-item__label-line-height);--plasma-textfield__left-helper-offset:var(--plasma-input-group-item__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-input-group-item__left-helper-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-input-group-item__left-helper-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-input-group-item__left-helper-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-input-group-item__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-input-group-item__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-input-group-item__left-helper-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-input-group-item-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-input-group-item-placement_inner__content-padding);--plasma-textfield__chip-gap:var(--plasma-input-group-item__chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-input-group-item__chip-border-radius);--plasma-textfield__chip-width:var(--plasma-input-group-item__chip-width);--plasma-textfield__chip-height:var(--plasma-input-group-item__chip-height);--plasma-textfield__chip-padding-right:var(--plasma-input-group-item__chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-input-group-item__chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-input-group-item__chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-input-group-item__chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-input-group-item__chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-input-group-item__chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-input-group-item__chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-input-group-item__chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-input-group-item__chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-input-group-item__chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-input-group-item__chip-line-height);}
+.base_4d2o9y_boymyss__78fb3caf.base_4d2o9y_textFieldGroupOverrideStyles__78fb3caf .base_4d2o9y_textFieldGroupItem__78fb3caf{--plasma-textfield-height:var(--plasma-text-field-group-item-height);--plasma-textfield-padding:var(--plasma-text-field-group-item-padding);--plasma-textfield-padding-with-chips:var(--plasma-text-field-group-item-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-text-field-group-item__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-text-field-group-item__right-content-margin);--plasma-textfield__before-text-margin:var(--plasma-text-field-group-item__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-text-field-group-item__after-text-margin);--plasma-textfield-font-family:var(--plasma-text-field-group-item-font-family);--plasma-textfield-font-size:var(--plasma-text-field-group-item-font-size);--plasma-textfield-font-style:var(--plasma-text-field-group-item-font-style);--plasma-textfield-font-weight:var(--plasma-text-field-group-item-font-weight);--plasma-textfield-letter-spacing:var(--plasma-text-field-group-item-letter-spacing);--plasma-textfield-line-height:var(--plasma-text-field-group-item-line-height);--plasma-textfield__label-offset:var(--plasma-text-field-group-item__label-offset);--plasma-textfield__label-font-family:var(--plasma-text-field-group-item__label-font-family);--plasma-textfield__label-font-size:var(--plasma-text-field-group-item__label-font-size);--plasma-textfield__label-font-style:var(--plasma-text-field-group-item__label-font-style);--plasma-textfield__label-font-weight:var(--plasma-text-field-group-item__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-text-field-group-item__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-text-field-group-item__label-line-height);--plasma-textfield__left-helper-offset:var(--plasma-text-field-group-item__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-text-field-group-item__left-helper-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-text-field-group-item__left-helper-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-text-field-group-item__left-helper-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-text-field-group-item__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-text-field-group-item__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-text-field-group-item__left-helper-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-text-field-group-item-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-text-field-group-item-placement_inner__content-padding);--plasma-textfield__chip-gap:var(--plasma-text-field-group-item__chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-text-field-group-item__chip-border-radius);--plasma-textfield__chip-width:var(--plasma-text-field-group-item__chip-width);--plasma-textfield__chip-height:var(--plasma-text-field-group-item__chip-height);--plasma-textfield__chip-padding-right:var(--plasma-text-field-group-item__chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-text-field-group-item__chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-text-field-group-item__chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-text-field-group-item__chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-text-field-group-item__chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-text-field-group-item__chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-text-field-group-item__chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-text-field-group-item__chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-text-field-group-item__chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-text-field-group-item__chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-text-field-group-item__chip-line-height);}
 
-.base_1k4piyx_bl5zpqu__7f6cabbf{gap:var(--plasma-input-group-items-gap);}
+.base_147olfn_b1uq5kuw__a79ac229{gap:var(--plasma-text-field-group-items-gap);}
 
-.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupShapeDefault__3cfc78bb{--plasma_private-input-radius-inner:var(--plasma-input-group-item-default-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupShapeSegmented__3cfc78bb{--plasma_private-input-radius-inner:var(--plasma-input-group-item-segmented-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupShapeSegmented__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb{--plasma_private-input-radius-inner:0;}.base_3k0aw7_bat8qm9__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb .base_3k0aw7_iq39zt5__3cfc78bb{--plasma-textfield-border-radius:var(--plasma_private-input-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child){margin-left:var(--plasma-input-group-web-margin-left);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:last-child) .base_3k0aw7_iq39zt5__3cfc78bb{-webkit-clip-path:var(--plasma-input-group-web-clip-path);clip-path:var(--plasma-input-group-web-clip-path);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:last-child) .base_3k0aw7_iq39zt5__3cfc78bb:hover,.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:last-child) .base_3k0aw7_iq39zt5__3cfc78bb:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child){margin-top:var(--plasma-input-group-web-margin-top);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child) .base_3k0aw7_iq39zt5__3cfc78bb{-webkit-clip-path:var(--plasma-input-group-web-vertical-clip-path);clip-path:var(--plasma-input-group-web-vertical-clip-path);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child) .base_3k0aw7_iq39zt5__3cfc78bb:hover,.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child) .base_3k0aw7_iq39zt5__3cfc78bb:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:first-child:last-child .base_3k0aw7_iq39zt5__3cfc78bb,.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:first-child:last-child .base_3k0aw7_iq39zt5__3cfc78bb{border-radius:var(--plasma-input-group-side-item-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:first-child .base_3k0aw7_iq39zt5__3cfc78bb{--plasma_private-left-side-radius:var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:last-child .base_3k0aw7_iq39zt5__3cfc78bb{--plasma_private-right-side-radius:var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:first-child .base_3k0aw7_iq39zt5__3cfc78bb{--plasma_private-up-side-radius:var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:last-child .base_3k0aw7_iq39zt5__3cfc78bb{--plasma_private-down-side-radius:var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}
+.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupShapeDefault__df84199d{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-default-radius);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupShapeSegmented__df84199d{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-segmented-radius);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupShapeSegmented__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d{--plasma_private-text-field-radius-inner:0;}.base_1e0je21_b1jijyt7__df84199d .base_1e0je21_textFieldGroupItem__df84199d .base_1e0je21_iq39zt5__df84199d{--plasma-textfield-border-radius:var(--plasma_private-text-field-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:first-child){margin-left:var(--plasma-text-field-group-web-margin-left);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:last-child) .base_1e0je21_iq39zt5__df84199d{-webkit-clip-path:var(--plasma-text-field-group-web-clip-path);clip-path:var(--plasma-text-field-group-web-clip-path);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:last-child) .base_1e0je21_iq39zt5__df84199d:hover,.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:last-child) .base_1e0je21_iq39zt5__df84199d:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:first-child){margin-top:var(--plasma-text-field-group-web-margin-top);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:first-child) .base_1e0je21_iq39zt5__df84199d{-webkit-clip-path:var(--plasma-text-field-group-web-vertical-clip-path);clip-path:var(--plasma-text-field-group-web-vertical-clip-path);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:first-child) .base_1e0je21_iq39zt5__df84199d:hover,.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupGapNone__df84199d .base_1e0je21_textFieldGroupItem__df84199d:not(:first-child) .base_1e0je21_iq39zt5__df84199d:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d .base_1e0je21_textFieldGroupItem__df84199d:first-child:last-child .base_1e0je21_iq39zt5__df84199d,.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d .base_1e0je21_textFieldGroupItem__df84199d:first-child:last-child .base_1e0je21_iq39zt5__df84199d{border-radius:var(--plasma-text-field-group-side-item-radius);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d .base_1e0je21_textFieldGroupItem__df84199d:first-child .base_1e0je21_iq39zt5__df84199d{--plasma_private-left-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationHorizontal__df84199d .base_1e0je21_textFieldGroupItem__df84199d:last-child .base_1e0je21_iq39zt5__df84199d{--plasma_private-right-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d .base_1e0je21_textFieldGroupItem__df84199d:first-child .base_1e0je21_iq39zt5__df84199d{--plasma_private-up-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.base_1e0je21_b1jijyt7__df84199d.base_1e0je21_textFieldGroupOrientationVertical__df84199d .base_1e0je21_textFieldGroupItem__df84199d:last-child .base_1e0je21_iq39zt5__df84199d{--plasma_private-down-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}
 
-.base_mgs8eg_bdx478e__a3287190{-webkit-flex-direction:var(--plasma-input-group-orientation);-ms-flex-direction:var(--plasma-input-group-orientation);flex-direction:var(--plasma-input-group-orientation);}.base_mgs8eg_bdx478e__a3287190.base_mgs8eg_inputGroupOrientationVertical__a3287190 .base_mgs8eg_inputGroupItem__a3287190{width:auto;}
+.base_you2ou_b13vfoug__36f20bf4{-webkit-flex-direction:var(--plasma-text-field-group-orientation);-ms-flex-direction:var(--plasma-text-field-group-orientation);flex-direction:var(--plasma-text-field-group-orientation);}.base_you2ou_b13vfoug__36f20bf4.base_you2ou_textFieldGroupOrientationVertical__36f20bf4 .base_you2ou_textFieldGroupItem__36f20bf4{width:auto;}
 
-.base_1cr1a83_b1ybrzwp__d008f94e.base_1cr1a83_inputGroupStretchingFilled__d008f94e{width:100%;}.base_1cr1a83_b1ybrzwp__d008f94e.base_1cr1a83_inputGroupStretchingFilled__d008f94e .base_1cr1a83_inputGroupItem__d008f94e{width:100%;}
+.base_1m1ul70_b18yornl__1f7e61d2.base_1m1ul70_textFieldGroupStretchingFilled__1f7e61d2{width:100%;}.base_1m1ul70_b18yornl__1f7e61d2.base_1m1ul70_textFieldGroupStretchingFilled__1f7e61d2 .base_1m1ul70_textFieldGroupItem__1f7e61d2{width:100%;}
 
-.InputGroup_styles_1ivl67d_bkb9f46__5d90d5de{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextFieldGroup_styles_soj2wl_buxwmzu__0f513e82{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
 
 .after_1sk7lsj_l1u83q10__310e7ae9{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
 

package/es/index.js

@@ -48,8 +48,8 @@ export { textAreaConfig, textAreaRoot } from './components/TextArea/TextArea.js'
 export { tokens as textAreaTokens } from './components/TextArea/TextArea.tokens.js';
 export { textFieldConfig, textFieldRoot } from './components/TextField/TextField.js';
 export { classes as textFieldClasses, tokens as textFieldTokens } from './components/TextField/TextField.tokens.js';
-export { inputGroupConfig, inputGroupRoot } from './components/InputGroup/InputGroup.js';
-export { classes as inputGroupClasses, tokens as inputGroupTokens } from './components/InputGroup/InputGroup.tokens.js';
+export { textFieldGroupConfig, textFieldGroupRoot } from './components/TextFieldGroup/TextFieldGroup.js';
+export { classes as textFieldGroupClasses, tokens as textFieldGroupTokens } from './components/TextFieldGroup/TextFieldGroup.tokens.js';
 export { labelPosition_After as Switch_LabelPosition_After } from './components/Switch/_label-position/after.js';
 export { labelPosition_Before as Switch_LabelPosition_Before } from './components/Switch/_label-position/before.js';
 export { switchConfig, switchRoot } from './components/Switch/Switch.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.138.0-canary.1415.10665437827.0",
+  "version": "0.138.0-dev.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -118,5 +118,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "d387d37f752b0da10e4c48f2ceaa97920abdec82"
+  "gitHead": "be884336da02975c96c34ccb6e4ed06ebac2ca22"
 }

package/styled-components/cjs/components/Popup/PopupContext.js

@@ -35,7 +35,7 @@ var usePopupContext = exports.usePopupContext = function usePopupContext() {
 };
 var PopupProvider = exports.PopupProvider = function PopupProvider(_ref) {
   var children = _ref.children;
-  var prevBodyOverflowY = (0, _react.useRef)(document.body.style.overflowY);
+  var prevBodyOverflowY = (0, _react.useRef)(typeof document !== 'undefined' ? document.body.style.overflowY : '');
   var _useState = (0, _react.useState)([]),
     _useState2 = _slicedToArray(_useState, 2),
     items = _useState2[0],

package/styled-components/cjs/components/TextField/TextField.js

@@ -159,7 +159,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
       readOnly: !disabled && readOnly,
       labelPlacement: innerLabelPlacementValue,
       onClick: handleInputFocus,
-      className: (0, _utils.cx)(labelPlacementClass, hideLabelClass, _TextField2.classes.inputGroupItem, className),
+      className: (0, _utils.cx)(labelPlacementClass, hideLabelClass, _TextField2.classes.textFieldGroupItem, className),
       style: style
     }, labelInside || innerLabelValue && /*#__PURE__*/_react["default"].createElement(_TextField.Label, {
       id: labelId,

package/styled-components/cjs/components/TextField/TextField.tokens.js

@@ -11,7 +11,7 @@ var classes = exports.classes = {
   innerLabelPlacement: 'label-placement-inner',
   outerLabelPlacement: 'label-placement-outer',
   hideLabel: 'hide-label',
-  inputGroupItem: 'input-group-item'
+  textFieldGroupItem: 'text-field-group-item'
 };
 var tokens = exports.tokens = {
   color: '--plasma-textfield-color',

package/styled-components/cjs/components/{InputGroup/InputGroup.js → TextFieldGroup/TextFieldGroup.js}

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.inputGroupRoot = exports.inputGroupConfig = void 0;
+exports.textFieldGroupRoot = exports.textFieldGroupConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _utils = /*#__PURE__*/require("../../utils");
 var _base = /*#__PURE__*/require("./variations/_size/base");
@@ -12,15 +12,15 @@ var _base2 = /*#__PURE__*/require("./variations/_gap/base");
 var _base3 = /*#__PURE__*/require("./variations/_shape/base");
 var _base4 = /*#__PURE__*/require("./variations/_orientation/base");
 var _base5 = /*#__PURE__*/require("./variations/_stretching/base");
-var _InputGroup = /*#__PURE__*/require("./InputGroup.styles");
-var _InputGroup2 = /*#__PURE__*/require("./InputGroup.tokens");
-var _excluded = ["children", "className", "size", "stretching", "gap", "orientation", "shape", "isCommonInputStyles"];
+var _TextFieldGroup = /*#__PURE__*/require("./TextFieldGroup.styles");
+var _TextFieldGroup2 = /*#__PURE__*/require("./TextFieldGroup.tokens");
+var _excluded = ["children", "className", "size", "stretching", "gap", "orientation", "shape", "isCommonTextFieldStyles"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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; }
-var inputGroupRoot = exports.inputGroupRoot = function inputGroupRoot(Root) {
+var textFieldGroupRoot = exports.textFieldGroupRoot = function textFieldGroupRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var children = props.children,
       className = props.className,
@@ -33,14 +33,14 @@ var inputGroupRoot = exports.inputGroupRoot = function inputGroupRoot(Root) {
       orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
       _props$shape = props.shape,
       shape = _props$shape === void 0 ? 'default' : _props$shape,
-      _props$isCommonInputS = props.isCommonInputStyles,
-      isCommonInputStyles = _props$isCommonInputS === void 0 ? true : _props$isCommonInputS,
+      _props$isCommonTextFi = props.isCommonTextFieldStyles,
+      isCommonTextFieldStyles = _props$isCommonTextFi === void 0 ? true : _props$isCommonTextFi,
       rest = _objectWithoutProperties(props, _excluded);
-    var orientationClass = _InputGroup2.classes[orientation];
-    var gapClass = _InputGroup2.classes[gap];
-    var shapeClass = _InputGroup2.classes[shape];
-    var stretchingClass = _InputGroup2.classes["".concat(stretching, "Stretching")];
-    var overrideStylesClass = isCommonInputStyles ? _InputGroup2.classes.inputGroupOverrideStyles : undefined;
+    var orientationClass = _TextFieldGroup2.classes[orientation];
+    var gapClass = _TextFieldGroup2.classes[gap];
+    var shapeClass = _TextFieldGroup2.classes[shape];
+    var stretchingClass = _TextFieldGroup2.classes["".concat(stretching, "Stretching")];
+    var overrideStylesClass = isCommonTextFieldStyles ? _TextFieldGroup2.classes.textFieldGroupOverrideStyles : undefined;
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: ref,
       size: size,
@@ -51,11 +51,11 @@ var inputGroupRoot = exports.inputGroupRoot = function inputGroupRoot(Root) {
     }, rest), children);
   });
 };
-var inputGroupConfig = exports.inputGroupConfig = {
-  name: 'InputGroup',
+var textFieldGroupConfig = exports.textFieldGroupConfig = {
+  name: 'TextFieldGroup',
   tag: 'div',
-  layout: inputGroupRoot,
-  base: _InputGroup.base,
+  layout: textFieldGroupRoot,
+  base: _TextFieldGroup.base,
   variations: {
     size: {
       css: _base.base

package/styled-components/{es/components/InputGroup/InputGroup.template-doc.mdx → cjs/components/TextFieldGroup/TextFieldGroup.template-doc.mdx}

@@ -1,125 +1,125 @@
 ---
-id: inputGroup
-title: InputGroup
+id: textFieldGroup
+title: TextFieldGroup
 ---
 
 import { PropsTable, Description } from '@site/src/components';
 
-# InputGroup
-<Description name="InputGroup" />
-<PropsTable name="InputGroup" exclude={['css']} />
+# TextFieldGroup
+<Description name="TextFieldGroup" />
+<PropsTable name="TextFieldGroup" exclude={['css']} />
 
 ## Использование
-Компонент `InputGroup` - это обертка для Input. Принимает в себя группу input.
+Компонент `TextFieldGroup` - это обертка для TextField. Принимает в себя группу TextField.
 
 ```tsx live
 import React from 'react';
-import { InputGroup, TextField } from '@salutejs/{{ package }}';
+import { TextFieldGroup, TextField } from '@salutejs/{{ package }}';
 
 export function App() {
     return (
-        <InputGroup>
+        <TextFieldGroup>
             {Array(5)
                 .fill(true)
                 .map((_, i) => (
                     <TextField placeholder={`input #${i}`} />
                 ))}
-        </InputGroup>
+        </TextFieldGroup>
     );
 }
 ```
 
 ## Примеры
 
-### Размер группы input
-Размер InputGroup задается с помощью свойства `size`.
-С помощью свойства `isCommonInputStyles` можно отключить переопределение стилей для всех input внутри группы. 
+### Размер
+Размер TextFieldGroup задается с помощью свойства `size`.
+С помощью свойства `isCommonTextFieldStyles` можно отключить переопределение стилей для всех input внутри группы. 
 Тогда каждкаждый input будет иметь настраиваемый размер. 
 
 ```tsx live
 import React from 'react';
-import { InputGroup, TextField } from '@salutejs/{{ package }}';
+import { TextFieldGroup, TextField } from '@salutejs/{{ package }}';
 
 export function App() {
     return (
         <div>
-            <InputGroup size="s" view="secondary">
+            <TextFieldGroup size="s" view="secondary">
                 {Array(5)
                     .fill(true)
                     .map((_, i) => (
                         <TextField placeholder={`input #${i}`} />
                     ))}
-            </InputGroup>
+            </TextFieldGroup>
             
-            <InputGroup isCommonInputStyles={false}>
+            <TextFieldGroup isCommonTextFieldStyles={false}>
                 <TextField placeholder="Размер l" size="l" />
                 <TextField placeholder="Размер m" size="m" />
                 <TextField placeholder="Размер s" size="s" />
                 <TextField placeholder="Размер xs" size="xs" />
-            </InputGroup>
+            </TextFieldGroup>
         </div>
     );
 }
 ```
 
-### Границы input
-Границы input задаются с помощью свойства `shape`.
+### Границы
+Границы задаются с помощью свойства `shape`.
 
 ```tsx live
 import React from 'react';
-import { InputGroup, TextField } from '@salutejs/{{ package }}';
+import { TextFieldGroup, TextField } from '@salutejs/{{ package }}';
 
 export function App() {
     return (
         <div>
-            <InputGroup size="xs" shape="segmented">
+            <TextFieldGroup size="xs" shape="segmented">
                 {Array(3)
                     .fill(true)
                     .map((_, i) => (
                         <TextField placeholder={`input #${i}`} />
                     ))}
-            </InputGroup>
+            </TextFieldGroup>
 
-            <InputGroup size="xs" shape="default">
+            <TextFieldGroup size="xs" shape="default">
                 {Array(3)
                     .fill(true)
                     .map((_, i) => (
                         <TextField placeholder={`input #${i}`} />
                     ))}
-            </InputGroup>
+            </TextFieldGroup>
         </div>
     );
 }
 ```
 
-### Ориентация InputGroup и отступы между input
+### Ориентация TextFieldGroup и отступы между TextField
 
-InputGroup может располагаться вертикально или горизонтально и иметь два вида отступов, в зависимости от shape.
+TextFieldGroup может располагаться вертикально или горизонтально и иметь два вида отступов, в зависимости от shape.
 При `shape='default'`, `gap` может принимать значения `dense` и `wide`;
 При `shape='segmented'`, `gap` может принимать значения `none` и `dense`;
 
 ```tsx live
 import React from 'react';
-import { InputGroup, TextField } from '@salutejs/{{ package }}';
+import { TextFieldGroup, TextField } from '@salutejs/{{ package }}';
 
 export function App() {
     return (
         <div>
-            <InputGroup size="xs" orientation="vertical" shape="segmented" gap="none">
+            <TextFieldGroup size="xs" orientation="vertical" shape="segmented" gap="none">
                 {Array(5)
                     .fill(true)
                     .map((_, i) => (
                         <TextField placeholder={`input #${i}`} />
                     ))}
-            </InputGroup>
+            </TextFieldGroup>
 
-            <InputGroup size="xs" orientation="horizontal" gap="wide">
+            <TextFieldGroup size="xs" orientation="horizontal" gap="wide">
                 {Array(4)
                     .fill(true)
                     .map((_, i) => (
                         <TextField placeholder={`input #${i}`} />
                     ))}
-            </InputGroup>
+            </TextFieldGroup>
         </div>
     );
 }

package/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.tokens.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = exports.classes = void 0;
+var classes = exports.classes = {
+  autoStretching: 'text-field-group-stretching-auto',
+  filledStretching: 'text-field-group-stretching-filled',
+  textFieldGroupOverrideStyles: 'text-field-group-override-styles',
+  textFieldGroupItem: 'text-field-group-item',
+  horizontal: 'text-field-group-orientation-horizontal',
+  vertical: 'text-field-group-orientation-vertical',
+  none: 'text-field-group-gap-none',
+  dense: 'text-field-group-gap-dense',
+  wide: 'text-field-group-gap-wide',
+  segmented: 'text-field-group-shape-segmented',
+  "default": 'text-field-group-shape-default'
+};
+var tokens = exports.tokens = {
+  textFieldGroupOrientation: '--plasma-text-field-group-orientation',
+  textFieldGroupWebMarginLeft: '--plasma-text-field-group-web-margin-left',
+  textFieldGroupWebClipPath: '--plasma-text-field-group-web-clip-path',
+  textFieldGroupWebMarginTop: '--plasma-text-field-group-web-margin-top',
+  textFieldGroupWebVerticalClipPath: '--plasma-text-field-group-web-vertical-clip-path',
+  textFieldSegmentedRadius: '--plasma-text-field-group-item-segmented-radius',
+  textFieldDefaultRadius: '--plasma-text-field-group-item-default-radius',
+  textFieldSideRadius: '--plasma-text-field-group-side-item-radius',
+  textFieldGroupItemsGap: '--plasma-text-field-group-items-gap',
+  height: '--plasma-text-field-group-item-height',
+  borderWidth: '--plasma-text-field-group-item-border-width',
+  /** Отступ от границы ТextField */
+  padding: '--plasma-text-field-group-item-padding',
+  paddingWithChips: '--plasma-text-field-group-item-padding-with-chips',
+  /* Токены для инпута */
+  leftContentMargin: '--plasma-text-field-group-item__left-content-margin',
+  rightContentMargin: '--plasma-text-field-group-item__right-content-margin',
+  fontFamily: '--plasma-text-field-group-item-font-family',
+  fontStyle: '--plasma-text-field-group-item-font-style',
+  fontSize: '--plasma-text-field-group-item-font-size',
+  fontWeight: '--plasma-text-field-group-item-font-weight',
+  letterSpacing: '--plasma-text-field-group-item-letter-spacing',
+  lineHeight: '--plasma-text-field-group-item-line-height',
+  /** Токены лейбла */
+  labelOffset: '--plasma-text-field-group-item__label-offset',
+  labelFontFamily: '--plasma-text-field-group-item__label-font-family',
+  labelFontStyle: '--plasma-text-field-group-item__label-font-style',
+  labelFontSize: '--plasma-text-field-group-item__label-font-size',
+  labelFontWeight: '--plasma-text-field-group-item__label-font-weight',
+  labelLetterSpacing: '--plasma-text-field-group-item__label-letter-spacing',
+  labelLineHeight: '--plasma-text-field-group-item__label-line-height',
+  /* label-placement-inner */
+  labelInnerFontFamily: '--plasma-text-field-group-item-placement_inner__label-font-family',
+  labelInnerFontStyle: '--plasma-text-field-group-item-placement_inner__label-font-style',
+  labelInnerFontSize: '--plasma-text-field-group-item-placement_inner__label-font-size',
+  labelInnerFontWeight: '--plasma-text-field-group-item-placement_inner__label-font-weight',
+  labelInnerLetterSpacing: '--plasma-text-field-group-item-placement_inner__label-letter-spacing',
+  labelInnerLineHeight: '--plasma-text-field-group-item-placement_inner__label-line-height',
+  labelInnerPadding: '--plasma-text-field-group-item-placement_inner__label-padding',
+  contentLabelInnerPadding: '--plasma-text-field-group-item-placement_inner__content-padding',
+  leftHelperOffset: '--plasma-text-field-group-item__left-helper-offset',
+  leftHelperFontFamily: '--plasma-text-field-group-item__left-helper-font-family',
+  leftHelperFontStyle: '--plasma-text-field-group-item__left-helper-font-style',
+  leftHelperFontSize: '--plasma-text-field-group-item__left-helper-font-size',
+  leftHelperFontWeight: '--plasma-text-field-group-item__left-helper-font-weight',
+  leftHelperLetterSpacing: '--plasma-text-field-group-item__left-helper-letter-spacing',
+  leftHelperLineHeight: '--plasma-text-field-group-item__left-helper-line-height',
+  /** Токены вспомогательного текста */
+  textBeforeMargin: '--plasma-text-field-group-item__before-text-margin',
+  textAfterMargin: '--plasma-text-field-group-item__after-text-margin',
+  /** Токены чипа */
+  chipHeight: '--plasma-text-field-group-item__chip-height',
+  chipBorderRadius: '--plasma-text-field-group-item__chip-border-radius',
+  chipGap: '--plasma-text-field-group-item__chip-gap',
+  chipScaleHover: '--plasma-text-field-group-item__chip-scale-hover',
+  chipScaleActive: '--plasma-text-field-group-item__chip-scale-active',
+  chipOutlineSize: '--plasma-text-field-group-item__chip-outline-size',
+  chipWidth: '--plasma-text-field-group-item__chip-width',
+  chipPaddingTop: '--plasma-text-field-group-item__chip-padding-top',
+  chipPaddingRight: '--plasma-text-field-group-item__chip-padding-right',
+  chipPaddingBottom: '--plasma-text-field-group-item__chip-padding-bottom',
+  chipPaddingLeft: '--plasma-text-field-group-item__chip-padding-left',
+  chipCloseIconSize: '--plasma-text-field-group-item__chip-close-icon-size',
+  chipFontFamily: '--plasma-text-field-group-item__chip-font-family',
+  chipFontSize: '--plasma-text-field-group-item__chip-font-size',
+  chipFontStyle: '--plasma-text-field-group-item__chip-font-style',
+  chipFontWeight: '--plasma-text-field-group-item__chip-font-weight',
+  chipLetterSpacing: '--plasma-text-field-group-item__chip-letter-spacing',
+  chipLineHeight: '--plasma-text-field-group-item__chip-line-height',
+  chipClearContentMarginLeft: '--plasma-text-field-group-item__chip-clear-content-margin-left',
+  chipClearContentMarginRight: '--plasma-text-field-group-item__chip-clear-content-margin-right'
+};

package/styled-components/cjs/components/TextFieldGroup/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "textFieldGroupClasses", {
+  enumerable: true,
+  get: function get() {
+    return _TextFieldGroup2.classes;
+  }
+});
+Object.defineProperty(exports, "textFieldGroupConfig", {
+  enumerable: true,
+  get: function get() {
+    return _TextFieldGroup.textFieldGroupConfig;
+  }
+});
+Object.defineProperty(exports, "textFieldGroupRoot", {
+  enumerable: true,
+  get: function get() {
+    return _TextFieldGroup.textFieldGroupRoot;
+  }
+});
+Object.defineProperty(exports, "textFieldGroupTokens", {
+  enumerable: true,
+  get: function get() {
+    return _TextFieldGroup2.tokens;
+  }
+});
+var _TextFieldGroup = /*#__PURE__*/require("./TextFieldGroup");
+var _TextFieldGroup2 = /*#__PURE__*/require("./TextFieldGroup.tokens");

package/styled-components/cjs/components/{InputGroup → TextFieldGroup}/variations/_gap/base.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
-var _InputGroup = /*#__PURE__*/require("../../InputGroup.tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["gap:var(", ");"], _InputGroup.tokens.inputGroupItemsGap);
+var _TextFieldGroup = /*#__PURE__*/require("../../TextFieldGroup.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["gap:var(", ");"], _TextFieldGroup.tokens.textFieldGroupItemsGap);

package/styled-components/cjs/components/TextFieldGroup/variations/_gap/tokens.json

@@ -0,0 +1 @@
+["--plasma-text-field-group-items-gap"]

package/styled-components/cjs/components/TextFieldGroup/variations/_orientation/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _TextFieldGroup = /*#__PURE__*/require("../../TextFieldGroup.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["flex-direction:var(", ");&.", " .", "{width:auto;}"], _TextFieldGroup.tokens.textFieldGroupOrientation, _TextFieldGroup.classes.vertical, _TextFieldGroup.classes.textFieldGroupItem);

package/styled-components/cjs/components/TextFieldGroup/variations/_orientation/tokens.json

@@ -0,0 +1 @@
+["--plasma-text-field-group-orientation"]

package/styled-components/cjs/components/TextFieldGroup/variations/_shape/base.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _TextFieldGroup = /*#__PURE__*/require("../../TextFieldGroup.tokens");
+var _TextField = /*#__PURE__*/require("../../../TextField");
+var _TextField2 = /*#__PURE__*/require("../../../TextField/TextField.styles");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{--plasma_private-text-field-radius-inner:var(", ");}&.", "{--plasma_private-text-field-radius-inner:var(", ");&.", "{--plasma_private-text-field-radius-inner:0;}}& .", " ", "{", ":var(--plasma_private-text-field-radius-inner);transition:clip-path 0.05s ease-in;}&.", "&.", " .", "{&:not(:first-child){margin-left:var(", ");}&:not(:last-child){", "{clip-path:var(", ");&:hover,&:focus-within{clip-path:inset(0 0 0 0);}}}}&.", "&.", " .", "{&:not(:first-child){margin-top:var(", ");}&:not(:first-child){", "{clip-path:var(", ");&:hover,&:focus-within{clip-path:inset(0 0 0 0);}}}}&.", ",&.", "{.", ":first-child:last-child ", "{border-radius:var(", ");}}&.", "{.", ":first-child ", "{--plasma_private-left-side-radius:var(", ") var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(", ");border-radius:var(--plasma_private-left-side-radius);}.", ":last-child ", "{--plasma_private-right-side-radius:var(--plasma_private-text-field-radius-inner) var(", ") var(", ") var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-right-side-radius);}}&.", "{.", ":first-child ", "{--plasma_private-up-side-radius:var(", ") var(", ") var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.", ":last-child ", "{--plasma_private-down-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(", ") var(", ");border-radius:var(--plasma_private-down-side-radius);}}"], _TextFieldGroup.classes["default"], _TextFieldGroup.tokens.textFieldDefaultRadius, _TextFieldGroup.classes.segmented, _TextFieldGroup.tokens.textFieldSegmentedRadius, _TextFieldGroup.classes.none, _TextField.textFieldClasses.textFieldGroupItem, _TextField2.InputWrapper, _TextField.textFieldTokens.borderRadius, _TextFieldGroup.classes.horizontal, _TextFieldGroup.classes.none, _TextField.textFieldClasses.textFieldGroupItem, _TextFieldGroup.tokens.textFieldGroupWebMarginLeft, _TextField2.InputWrapper, _TextFieldGroup.tokens.textFieldGroupWebClipPath, _TextFieldGroup.classes.vertical, _TextFieldGroup.classes.none, _TextField.textFieldClasses.textFieldGroupItem, _TextFieldGroup.tokens.textFieldGroupWebMarginTop, _TextField2.InputWrapper, _TextFieldGroup.tokens.textFieldGroupWebVerticalClipPath, _TextFieldGroup.classes.horizontal, _TextFieldGroup.classes.vertical, _TextField.textFieldClasses.textFieldGroupItem, _TextField2.InputWrapper, _TextFieldGroup.tokens.textFieldSideRadius, _TextFieldGroup.classes.horizontal, _TextField.textFieldClasses.textFieldGroupItem, _TextField2.InputWrapper, _TextFieldGroup.tokens.textFieldSideRadius, _TextFieldGroup.tokens.textFieldSideRadius, _TextField.textFieldClasses.textFieldGroupItem, _TextField2.InputWrapper, _TextFieldGroup.tokens.textFieldSideRadius, _TextFieldGroup.tokens.textFieldSideRadius, _TextFieldGroup.classes.vertical, _TextField.textFieldClasses.textFieldGroupItem, _TextField2.InputWrapper, _TextFieldGroup.tokens.textFieldSideRadius, _TextFieldGroup.tokens.textFieldSideRadius, _TextField.textFieldClasses.textFieldGroupItem, _TextField2.InputWrapper, _TextFieldGroup.tokens.textFieldSideRadius, _TextFieldGroup.tokens.textFieldSideRadius);

package/styled-components/cjs/components/TextFieldGroup/variations/_shape/tokens.json

@@ -0,0 +1 @@
+["--plasma-text-field-group-item-segmented-radius", "--plasma-text-field-group-item-default-radius"]