@salutejs/plasma-new-hope 0.137.1-canary.1411.10666649424.0 → 0.138.0-canary.1405.10669043494.0

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

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

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/TextFieldGroup/variations/_size/base.js

@@ -0,0 +1,5 @@
+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,6 +145,18 @@
 
 .TextField_wctd2m_bpunezx__bc8b464c{display:block;overflow:hidden;}
 
+.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_147olfn_b1uq5kuw__a79ac229{gap:var(--plasma-text-field-group-items-gap);}
+
+.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_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_1m1ul70_b18yornl__1f7e61d2.base_1m1ul70_textFieldGroupStretchingFilled__1f7e61d2{width:100%;}.base_1m1ul70_b18yornl__1f7e61d2.base_1m1ul70_textFieldGroupStretchingFilled__1f7e61d2 .base_1m1ul70_textFieldGroupItem__1f7e61d2{width:100%;}
+
+.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);}
 
 .before_15wiyms_l1k91d31__886db968{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}

package/es/index.js

@@ -47,7 +47,9 @@ export { classes as popoverClasses, tokens as popoverTokens } from './components
 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 { tokens as textFieldTokens } from './components/TextField/TextField.tokens.js';
+export { classes as textFieldClasses, tokens as textFieldTokens } from './components/TextField/TextField.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/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.137.1-canary.1411.10666649424.0",
+  "version": "0.138.0-canary.1405.10669043494.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": "583ad1514d2326d600ff90fea4d0c63ad707641c"
+  "gitHead": "0e90765d8216ecdabebd615495a9217860e8e56a"
 }

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, 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

@@ -10,7 +10,8 @@ var classes = exports.classes = {
   hasEmptyContentRight: 'has-empty-content-right',
   innerLabelPlacement: 'label-placement-inner',
   outerLabelPlacement: 'label-placement-outer',
-  hideLabel: 'hide-label'
+  hideLabel: 'hide-label',
+  textFieldGroupItem: 'text-field-group-item'
 };
 var tokens = exports.tokens = {
   color: '--plasma-textfield-color',

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

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "textFieldClasses", {
+  enumerable: true,
+  get: function get() {
+    return _TextField2.classes;
+  }
+});
 Object.defineProperty(exports, "textFieldConfig", {
   enumerable: true,
   get: function get() {

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

@@ -0,0 +1,83 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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");
+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 _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 textFieldGroupRoot = exports.textFieldGroupRoot = function textFieldGroupRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+    var children = props.children,
+      className = props.className,
+      size = props.size,
+      _props$stretching = props.stretching,
+      stretching = _props$stretching === void 0 ? 'auto' : _props$stretching,
+      _props$gap = props.gap,
+      gap = _props$gap === void 0 ? 'dense' : _props$gap,
+      _props$orientation = props.orientation,
+      orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
+      _props$shape = props.shape,
+      shape = _props$shape === void 0 ? 'default' : _props$shape,
+      _props$isCommonTextFi = props.isCommonTextFieldStyles,
+      isCommonTextFieldStyles = _props$isCommonTextFi === void 0 ? true : _props$isCommonTextFi,
+      rest = _objectWithoutProperties(props, _excluded);
+    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,
+      gap: gap,
+      shape: shape,
+      orientation: orientation,
+      className: (0, _utils.cx)(overrideStylesClass, orientationClass, gapClass, shapeClass, stretchingClass, className)
+    }, rest), children);
+  });
+};
+var textFieldGroupConfig = exports.textFieldGroupConfig = {
+  name: 'TextFieldGroup',
+  tag: 'div',
+  layout: textFieldGroupRoot,
+  base: _TextFieldGroup.base,
+  variations: {
+    size: {
+      css: _base.base
+    },
+    gap: {
+      css: _base2.base
+    },
+    orientation: {
+      css: _base4.base
+    },
+    shape: {
+      css: _base3.base
+    },
+    stretching: {
+      css: _base5.base
+    }
+  },
+  defaults: {
+    size: 'm',
+    gap: 'dense',
+    orientation: 'horizontal',
+    shape: 'default',
+    stretching: 'auto'
+  }
+};

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

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-flex;"]);

package/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.template-doc.mdx

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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/TextFieldGroup/variations/_gap/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)(["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"]

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

@@ -0,0 +1,10 @@
+"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 base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", " .", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextFieldGroup.classes.textFieldGroupOverrideStyles, _TextFieldGroup.classes.textFieldGroupItem, _TextField.textFieldTokens.height, _TextFieldGroup.tokens.height, _TextField.textFieldTokens.padding, _TextFieldGroup.tokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextFieldGroup.tokens.paddingWithChips, _TextField.textFieldTokens.leftContentMargin, _TextFieldGroup.tokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextFieldGroup.tokens.rightContentMargin, _TextField.textFieldTokens.textBeforeMargin, _TextFieldGroup.tokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TextFieldGroup.tokens.textAfterMargin, _TextField.textFieldTokens.fontFamily, _TextFieldGroup.tokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextFieldGroup.tokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextFieldGroup.tokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextFieldGroup.tokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextFieldGroup.tokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextFieldGroup.tokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextFieldGroup.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextFieldGroup.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextFieldGroup.tokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextFieldGroup.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextFieldGroup.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextFieldGroup.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextFieldGroup.tokens.labelLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextFieldGroup.tokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextFieldGroup.tokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextFieldGroup.tokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextFieldGroup.tokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextFieldGroup.tokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextFieldGroup.tokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextFieldGroup.tokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextFieldGroup.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextFieldGroup.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextFieldGroup.tokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextFieldGroup.tokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextFieldGroup.tokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextFieldGroup.tokens.chipHeight, _TextField.textFieldTokens.chipPaddingRight, _TextFieldGroup.tokens.chipPaddingRight, _TextField.textFieldTokens.chipPaddingLeft, _TextFieldGroup.tokens.chipPaddingLeft, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextFieldGroup.tokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextFieldGroup.tokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextFieldGroup.tokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextFieldGroup.tokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextFieldGroup.tokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextFieldGroup.tokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextFieldGroup.tokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextFieldGroup.tokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextFieldGroup.tokens.chipLineHeight);