@salutejs/plasma-new-hope 0.72.0-canary.1160.8612911363.0 → 0.72.0-canary.1161.8613087402.0

package/es/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css

@@ -0,0 +1 @@
+.mzf21dv{--plasma-dropdown-group-background:var(--plasma-select-group-background);--plasma-dropdown-group-width:var(--plasma-select-group-width);--plasma-dropdown-group-height:var(--plasma-select-group-height);--plasma-dropdown-group-padding-top:var(--plasma-select-group-padding-top);--plasma-dropdown-group-padding-right:var(--plasma-select-group-padding-right);--plasma-dropdown-group-padding-bottom:var(--plasma-select-group-padding-bottom);--plasma-dropdown-group-padding-left:var(--plasma-select-group-padding-left);--plasma-dropdown-group-margin-top:var(--plasma-select-group-margin-top);--plasma-dropdown-group-margin-right:var(--plasma-select-group-margin-right);--plasma-dropdown-group-margin-bottom:var(--plasma-select-group-margin-bottom);--plasma-dropdown-group-margin-left:var(--plasma-select-group-margin-left);--plasma-dropdown-group-label-font-family:var(--plasma-select-group-label-font-family);--plasma-dropdown-group-label-font-size:var(--plasma-select-group-label-font-size);--plasma-dropdown-group-label-font-style:var(--plasma-select-group-label-font-style);--plasma-dropdown-group-label-font-weight:var(--plasma-select-group-label-font-weight);--plasma-dropdown-group-label-letter-spacing:var(--plasma-select-group-label-letter-spacing);--plasma-dropdown-group-label-line-height:var(--plasma-select-group-label-line-height);--plasma-dropdown-group-label-color:var(--plasma-select-group-label-color);--plasma-dropdown-group-label-padding-top:var(--plasma-select-group-label-padding-top);--plasma-dropdown-group-label-padding-right:var(--plasma-select-group-label-padding-right);--plasma-dropdown-group-label-padding-bottom:var(--plasma-select-group-label-padding-bottom);--plasma-dropdown-group-label-padding-left:var(--plasma-select-group-label-padding-left);--plasma-dropdown-group-label-margin-top:var(--plasma-select-group-label-margin-top);--plasma-dropdown-group-label-margin-right:var(--plasma-select-group-label-margin-right);--plasma-dropdown-group-label-margin-bottom:var(--plasma-select-group-label-margin-bottom);--plasma-dropdown-group-label-margin-left:var(--plasma-select-group-label-margin-left);}

package/es/components/Select/ui/SelectGroup/variations/_size/base.js

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

package/es/components/Select/ui/SelectGroup/variations/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../src/components/Select/ui/SelectGroup/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css

@@ -0,0 +1 @@
+

package/es/components/Select/ui/SelectGroup/variations/_view/base.js

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

package/es/components/Select/ui/SelectGroup/variations/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../src/components/Select/ui/SelectGroup/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css

@@ -0,0 +1 @@
+

package/es/components/Select/ui/SelectHeader/SelectHeader.css

@@ -0,0 +1,23 @@
+.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
+.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
+.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
+
+.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
+.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
+
+.DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
+
+.DropdownFooter_styles_1j4sg1p_stiw0r3__41ff7287{background:var(--plasma-dropdown-footer-background);font-family:var(--plasma-dropdown-footer-font-family);font-size:var(--plasma-dropdown-footer-font-size);font-style:var(--plasma-dropdown-footer-font-style);font-weight:var(--plasma-dropdown-footer-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-footer-line-height);-moz-letter-spacing:var(--plasma-dropdown-footer-line-height);-ms-letter-spacing:var(--plasma-dropdown-footer-line-height);letter-spacing:var(--plasma-dropdown-footer-line-height);line-height:var(--plasma-dropdown-footer-font-weight);width:var(--plasma-dropdown-footer-width);height:var(--plasma-dropdown-footer-height);padding:var(--plasma-dropdown-footer-padding-top) var(--plasma-dropdown-footer-padding-right) var(--plasma-dropdown-footer-padding-bottom) var(--plasma-dropdown-footer-padding-left);margin:var(--plasma-dropdown-footer-margin-top) var(--plasma-dropdown-footer-margin-right) var(--plasma-dropdown-footer-margin-bottom) var(--plasma-dropdown-footer-margin-left);}
+
+.DropdownGroup_styles_1o990eo_scop7qk__fca8c58e{background:var(--plasma-dropdown-group-background);width:var(--plasma-dropdown-group-width);height:var(--plasma-dropdown-group-height);padding:var(--plasma-dropdown-group-padding-top) var(--plasma-dropdown-group-padding-right) var(--plasma-dropdown-group-padding-bottom) var(--plasma-dropdown-group-padding-left);margin:var(--plasma-dropdown-group-margin-top) var(--plasma-dropdown-group-margin-right) var(--plasma-dropdown-group-margin-bottom) var(--plasma-dropdown-group-margin-left);}
+.DropdownGroup_styles_1o990eo_s1oaw95y__fca8c58e{font-family:var(--plasma-dropdown-group-label-font-family);font-size:var(--plasma-dropdown-group-label-font-size);font-style:var(--plasma-dropdown-group-label-font-style);font-weight:var(--plasma-dropdown-group-label-font-weight);-webkit-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);-moz-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);-ms-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);line-height:var(--plasma-dropdown-group-label-line-height);color:var(--plasma-dropdown-group-label-color);padding:var(--plasma-dropdown-group-label-padding-top) var(--plasma-dropdown-group-label-padding-right) var(--plasma-dropdown-group-label-padding-bottom) var(--plasma-dropdown-group-label-padding-left);margin:var(--plasma-dropdown-group-label-margin-top) var(--plasma-dropdown-group-label-margin-right) var(--plasma-dropdown-group-label-margin-bottom) var(--plasma-dropdown-group-label-margin-left);}
+
+.DropdownHeader_styles_196gwgm_s133b1g2__3510806e{background:var(--plasma-dropdown-header-background);font-family:var(--plasma-dropdown-header-font-family);font-size:var(--plasma-dropdown-header-font-size);font-style:var(--plasma-dropdown-header-font-style);font-weight:var(--plasma-dropdown-header-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-header-line-height);-moz-letter-spacing:var(--plasma-dropdown-header-line-height);-ms-letter-spacing:var(--plasma-dropdown-header-line-height);letter-spacing:var(--plasma-dropdown-header-line-height);line-height:var(--plasma-dropdown-header-font-weight);width:var(--plasma-dropdown-header-width);height:var(--plasma-dropdown-header-height);padding:var(--plasma-dropdown-header-padding-top) var(--plasma-dropdown-header-padding-right) var(--plasma-dropdown-header-padding-bottom) var(--plasma-dropdown-header-padding-left);margin:var(--plasma-dropdown-header-margin-top) var(--plasma-dropdown-header-margin-right) var(--plasma-dropdown-header-margin-bottom) var(--plasma-dropdown-header-margin-left);}
+
+.DropdownItem_styles_1juhjtq_s1gkzlls__cab27d09{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
+.DropdownItem_styles_1juhjtq_sz6s14y__cab27d09{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
+.DropdownItem_styles_1juhjtq_s1m97l2m__cab27d09{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.DropdownItem_styles_1juhjtq_boib72h__cab27d09{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:100%;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09:focus{outline:none;}.DropdownItem_styles_1juhjtq_boib72h__cab27d09::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_focusVisible__cab27d09:focus::before,.DropdownItem_styles_1juhjtq_boib72h__cab27d09[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09:hover:not(.DropdownItem_styles_1juhjtq_dropdownItemIsDisabled__cab27d09){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_dropdownItemIsSelected__cab27d09{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_dropdownItemIsSelected__cab27d09:hover:not(.DropdownItem_styles_1juhjtq_dropdownItemIsDisabled__cab27d09){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_1juhjtq_boib72h__cab27d09.DropdownItem_styles_1juhjtq_dropdownItemIsDisabled__cab27d09{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
+
+.SelectHeader_styles_24gqog_m1tqc9mt__2df5b6b6{--plasma-dropdown-header-background:var(--plasma-select-header-background);--plasma-dropdown-header-width:var(--plasma-select-header-width);--plasma-dropdown-header-height:var(--plasma-select-header-height);--plasma-dropdown-header-padding-top:var(--plasma-select-header-padding-top);--plasma-dropdown-header-padding-right:var(--plasma-select-header-padding-right);--plasma-dropdown-header-padding-bottom:var(--plasma-select-header-padding-bottom);--plasma-dropdown-header-padding-left:var(--plasma-select-header-padding-left);--plasma-dropdown-header-margin-top:var(--plasma-select-header-margin-top);--plasma-dropdown-header-margin-right:var(--plasma-select-header-margin-right);--plasma-dropdown-header-margin-bottom:var(--plasma-select-header-margin-bottom);--plasma-dropdown-header-margin-left:var(--plasma-select-header-margin-left);--plasma-dropdown-header-font-family:var(--plasma-select-header-font-family);--plasma-dropdown-header-font-size:var(--plasma-select-header-font-size);--plasma-dropdown-header-font-style:var(--plasma-select-header-font-style);--plasma-dropdown-header-letter-spacing:var(--plasma-select-header-letter-spacing);--plasma-dropdown-header-line-height:var(--plasma-select-header-line-height);--plasma-dropdown-header-font-weight:var(--plasma-select-header-font-weight);}

package/es/components/Select/ui/SelectHeader/SelectHeader.js

@@ -0,0 +1,35 @@
+import 'react';
+import '@salutejs/plasma-core';
+import '@linaria/react';
+import '@linaria/core';
+import 'focus-visible';
+import 'react-dom';
+import 'react-popper';
+import '../../../../utils/react.js';
+import { dropdownHeaderRoot } from '../../../Dropdown/ui/DropdownHeader/DropdownHeader.js';
+import { base as base$1 } from './variations/_view/base.js';
+import { base as base$2 } from './variations/_size/base.js';
+import { base } from './SelectHeader.styles.js';
+
+var selectHeaderRoot = dropdownHeaderRoot;
+var selectHeaderConfig = {
+  name: 'SelectHeader',
+  tag: 'div',
+  layout: selectHeaderRoot,
+  base: base,
+  variations: {
+    view: {
+      css: base$1
+    },
+    size: {
+      css: base$2
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm'
+  }
+};
+
+export { selectHeaderConfig, selectHeaderRoot };
+//# sourceMappingURL=SelectHeader.js.map

package/es/components/Select/ui/SelectHeader/SelectHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectHeader.js","sources":["../../../../../src/components/Select/ui/SelectHeader/SelectHeader.tsx"],"sourcesContent":["import { dropdownHeaderRoot } from '../../../Dropdown';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base } from './SelectHeader.styles';\n\nexport const selectHeaderRoot = dropdownHeaderRoot;\n\nexport const selectHeaderConfig = {\n    name: 'SelectHeader',\n    tag: 'div',\n    layout: selectHeaderRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["selectHeaderRoot","dropdownHeaderRoot","selectHeaderConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;AAMO,IAAMA,gBAAgB,GAAGC,mBAAkB;AAE3C,IAAMC,kBAAkB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,gBAAgB;AACxBM,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js

@@ -0,0 +1,7 @@
+import './SelectHeader.styles_24gqog.css';
+// NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
+var mappingOverride = "m1tqc9mt";
+var base = mappingOverride;
+
+export { base, mappingOverride };
+//# sourceMappingURL=SelectHeader.styles.js.map

package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectHeader.styles.js","sources":["../../../../../src/components/Select/ui/SelectHeader/SelectHeader.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Select.tokens';\nimport { dropdownTokens } from '../../../Dropdown';\n\n// NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части\nexport const mappingOverride = css`\n    ${dropdownTokens.headerBackground}: var(${tokens.headerBackground});\n    ${dropdownTokens.headerWidth}: var(${tokens.headerWidth});\n    ${dropdownTokens.headerHeight}: var(${tokens.headerHeight});\n    ${dropdownTokens.headerPaddingTop}: var(${tokens.headerPaddingTop});\n    ${dropdownTokens.headerPaddingRight}: var(${tokens.headerPaddingRight});\n    ${dropdownTokens.headerPaddingBottom}: var(${tokens.headerPaddingBottom});\n    ${dropdownTokens.headerPaddingLeft}: var(${tokens.headerPaddingLeft});\n    ${dropdownTokens.headerMarginTop}: var(${tokens.headerMarginTop});\n    ${dropdownTokens.headerMarginRight}: var(${tokens.headerMarginRight});\n    ${dropdownTokens.headerMarginBottom}: var(${tokens.headerMarginBottom});\n    ${dropdownTokens.headerMarginLeft}: var(${tokens.headerMarginLeft});\n    ${dropdownTokens.headerFontFamily}: var(${tokens.headerFontFamily});\n    ${dropdownTokens.headerFontSize}: var(${tokens.headerFontSize});\n    ${dropdownTokens.headerFontStyle}: var(${tokens.headerFontStyle});\n    ${dropdownTokens.headerFontWeightBold}: var(${tokens.headerFontWeightBold});\n    ${dropdownTokens.headerFontLetterSpacing}: var(${tokens.headerFontLetterSpacing});\n    ${dropdownTokens.headerFontLineHeight}: var(${tokens.headerFontLineHeight});\n`;\n\nexport const base = mappingOverride;\n"],"names":["mappingOverride","base"],"mappings":"AAKA;AACO,IAAMA,eAAe,GAkB3B,WAAA;AAEM,IAAMC,IAAI,GAAGD;;;;"}

package/es/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css

@@ -0,0 +1 @@
+.m1tqc9mt{--plasma-dropdown-header-background:var(--plasma-select-header-background);--plasma-dropdown-header-width:var(--plasma-select-header-width);--plasma-dropdown-header-height:var(--plasma-select-header-height);--plasma-dropdown-header-padding-top:var(--plasma-select-header-padding-top);--plasma-dropdown-header-padding-right:var(--plasma-select-header-padding-right);--plasma-dropdown-header-padding-bottom:var(--plasma-select-header-padding-bottom);--plasma-dropdown-header-padding-left:var(--plasma-select-header-padding-left);--plasma-dropdown-header-margin-top:var(--plasma-select-header-margin-top);--plasma-dropdown-header-margin-right:var(--plasma-select-header-margin-right);--plasma-dropdown-header-margin-bottom:var(--plasma-select-header-margin-bottom);--plasma-dropdown-header-margin-left:var(--plasma-select-header-margin-left);--plasma-dropdown-header-font-family:var(--plasma-select-header-font-family);--plasma-dropdown-header-font-size:var(--plasma-select-header-font-size);--plasma-dropdown-header-font-style:var(--plasma-select-header-font-style);--plasma-dropdown-header-letter-spacing:var(--plasma-select-header-letter-spacing);--plasma-dropdown-header-line-height:var(--plasma-select-header-line-height);--plasma-dropdown-header-font-weight:var(--plasma-select-header-font-weight);}

package/es/components/Select/ui/SelectHeader/variations/_size/base.js

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

package/es/components/Select/ui/SelectHeader/variations/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../src/components/Select/ui/SelectHeader/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css

@@ -0,0 +1 @@
+

package/es/components/Select/ui/SelectHeader/variations/_view/base.js

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

package/es/components/Select/ui/SelectHeader/variations/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../src/components/Select/ui/SelectHeader/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css

@@ -0,0 +1 @@
+

package/es/components/Select/ui/SelectItem/SelectItem.css

@@ -1,7 +1,7 @@
-
-.Popover_styles_1rk9t6z_s12xwbyh__96f55a53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
-.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
-.Popover_styles_1rk9t6z_s16xlixz__96f55a53{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
+.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
+.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
+.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 
 .Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
 .Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}

package/es/components/Select/ui/SelectTarget/SelectTarget.js

@@ -104,7 +104,8 @@ var SelectTarget = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-label": label,
     className: cx(withInnerLabelUp, withHasChips, withNoFocus, selectTarget),
     onWheel: onWheel,
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    stretching: "filled"
   }), hasText && (enumerationType === 'comma' || target === 'button-like' ? /*#__PURE__*/React.createElement(StyledText, {
     className: selectTargeText
   }, textContent) : /*#__PURE__*/React.createElement(StyledChipsWrapper, {

package/es/components/Select/ui/SelectTarget/SelectTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTarget.js","sources":["../../../../../src/components/Select/ui/SelectTarget/SelectTarget.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from 'react';\n\nimport { classes } from '../../Select.tokens';\nimport { cx } from '../../../../utils';\nimport { SelectChip } from '../SelectChip/SelectChip';\nimport type { SelectPrimitiveValue } from '../../Select.types';\nimport { Keys } from '../../hooks/useKeyNavigation';\n\nimport {\n    StyledArrow,\n    StyledChips,\n    StyledChipsWrapper,\n    StyledLabel,\n    StyledSelectTarget,\n    StyledText,\n} from './SelectTarget.styles';\nimport type { SelectTargetProps } from './SelectTarget.types';\n\nconst {\n    hasNoFocus,\n    hasChips,\n    innerLabelUp,\n    arrowInverse,\n    selectTarget,\n    selectTargetArrow,\n    selectTargeText,\n    selectTargetLabel,\n} = classes;\n\n/**\n * Элемент для выпадающего списка\n */\nexport const SelectTarget = forwardRef<HTMLButtonElement, SelectTargetProps>(\n    (\n        {\n            values,\n            target = 'textField-like',\n            label,\n            opened,\n            readOnly,\n            disabled,\n            enumerationType,\n            size,\n            id,\n            chipsRefs,\n            onChange,\n            onKeyDown,\n            ...rest\n        },\n        ref,\n    ) => {\n        const hasText = Boolean(values?.some(([value]) => value));\n\n        const hasLabel = label && size !== 'xs' && target === 'textField-like';\n        const textContent = values?.map(([, text]) => text).join(', ');\n        const contentRef = useRef<HTMLDivElement>(null);\n\n        const withArrowInverse = opened ? arrowInverse : undefined;\n        const withInnerLabelUp = hasLabel && hasText ? innerLabelUp : undefined;\n        const withHasChips =\n            hasText && enumerationType === 'chip' && target === 'textField-like' ? hasChips : undefined;\n\n        const withNoFocus = target === 'textField-like' ? hasNoFocus : undefined;\n\n        const isLabelVisible = !hasText || (hasLabel && enumerationType === 'comma');\n\n        const onChipClick = useCallback((event: React.MouseEvent<HTMLButtonElement>) => {\n            event.stopPropagation();\n        }, []);\n\n        const onChipClear = useCallback(\n            (value: SelectPrimitiveValue, text: SelectPrimitiveValue, index: number) => {\n                const newValue = values\n                    ?.filter(([itemValue, itemText]) => !(itemValue === value && itemText === text))\n                    .map(([itemValue]) => itemValue);\n\n                chipsRefs?.current.splice(index, 1);\n                onChange?.(newValue);\n            },\n            [values, onChange],\n        );\n\n        const onChipKeyDown = useCallback(\n            (\n                value: SelectPrimitiveValue,\n                text: SelectPrimitiveValue,\n                index: number,\n                event: React.KeyboardEvent<HTMLButtonElement>,\n            ) => {\n                const { code, shiftKey } = event;\n\n                if (code === Keys.Tab || (code === Keys.Tab && shiftKey)) {\n                    event.preventDefault();\n                }\n\n                if (code === Keys.Backspace) {\n                    onChipClear(value, text, index);\n                }\n            },\n            [onChipClear],\n        );\n\n        const onWheel = useCallback((event: React.WheelEvent<HTMLButtonElement>) => {\n            const { deltaY } = event;\n\n            if (contentRef.current) {\n                contentRef.current.scrollLeft += Math.round(deltaY);\n            }\n        }, []);\n\n        const getRef = useCallback((element: HTMLButtonElement | null, index: number) => {\n            if (element && chipsRefs && chipsRefs.current) {\n                chipsRefs.current[index] = element;\n            }\n        }, []);\n\n        // INFO: Нужно очищать на каждый ререндер компонента для актуализации состояния рефов\n        if (chipsRefs) {\n            chipsRefs.current = [];\n        }\n\n        return (\n            <StyledSelectTarget\n                {...rest}\n                ref={ref}\n                opened={opened}\n                target={target}\n                readOnly={readOnly}\n                disabled={disabled}\n                title={textContent}\n                aria-label={label}\n                className={cx(withInnerLabelUp, withHasChips, withNoFocus, selectTarget)}\n                onWheel={onWheel}\n                onKeyDown={onKeyDown}\n            >\n                {hasText &&\n                    (enumerationType === 'comma' || target === 'button-like' ? (\n                        <StyledText className={selectTargeText}>{textContent}</StyledText>\n                    ) : (\n                        <StyledChipsWrapper ref={contentRef}>\n                            <StyledChips>\n                                {values?.map(([value, text], index) => (\n                                    <SelectChip\n                                        index={index}\n                                        ref={(element) => getRef(element, index)}\n                                        key={`${value}_${text}`}\n                                        disabled={disabled}\n                                        readOnly={readOnly}\n                                        value={value}\n                                        text={text}\n                                        onClear={(v, t) => onChipClear(v, t, index)}\n                                        onClick={onChipClick}\n                                        onKeyDown={onChipKeyDown}\n                                    />\n                                ))}\n                            </StyledChips>\n                        </StyledChipsWrapper>\n                    ))}\n                {isLabelVisible && (\n                    <StyledLabel className={selectTargetLabel} htmlFor={id}>\n                        {label}\n                    </StyledLabel>\n                )}\n                <StyledArrow size=\"s\" color=\"inherit\" className={cx(selectTargetArrow, withArrowInverse)} />\n            </StyledSelectTarget>\n        );\n    },\n);\n"],"names":["hasNoFocus","classes","hasChips","innerLabelUp","arrowInverse","selectTarget","selectTargetArrow","selectTargeText","selectTargetLabel","SelectTarget","forwardRef","_ref","ref","values","_ref$target","target","label","opened","readOnly","disabled","enumerationType","size","id","chipsRefs","onChange","onKeyDown","rest","_objectWithoutProperties","_excluded","hasText","Boolean","some","_ref2","_ref3","_slicedToArray","value","hasLabel","textContent","map","_ref4","_ref5","text","join","contentRef","useRef","withArrowInverse","undefined","withInnerLabelUp","withHasChips","withNoFocus","isLabelVisible","onChipClick","useCallback","event","stopPropagation","onChipClear","index","newValue","filter","_ref6","_ref7","itemValue","itemText","_ref8","_ref9","current","splice","onChipKeyDown","code","shiftKey","Keys","Tab","preventDefault","Backspace","onWheel","deltaY","scrollLeft","Math","round","getRef","element","React","createElement","StyledSelectTarget","_extends","title","className","cx","StyledText","StyledChipsWrapper","StyledChips","_ref10","_ref11","SelectChip","key","concat","onClear","v","t","onClick","StyledLabel","htmlFor","StyledArrow","color"],"mappings":"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"}
+{"version":3,"file":"SelectTarget.js","sources":["../../../../../src/components/Select/ui/SelectTarget/SelectTarget.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from 'react';\n\nimport { classes } from '../../Select.tokens';\nimport { cx } from '../../../../utils';\nimport { SelectChip } from '../SelectChip/SelectChip';\nimport type { SelectPrimitiveValue } from '../../Select.types';\nimport { Keys } from '../../hooks/useKeyNavigation';\n\nimport {\n    StyledArrow,\n    StyledChips,\n    StyledChipsWrapper,\n    StyledLabel,\n    StyledSelectTarget,\n    StyledText,\n} from './SelectTarget.styles';\nimport type { SelectTargetProps } from './SelectTarget.types';\n\nconst {\n    hasNoFocus,\n    hasChips,\n    innerLabelUp,\n    arrowInverse,\n    selectTarget,\n    selectTargetArrow,\n    selectTargeText,\n    selectTargetLabel,\n} = classes;\n\n/**\n * Элемент для выпадающего списка\n */\nexport const SelectTarget = forwardRef<HTMLButtonElement, SelectTargetProps>(\n    (\n        {\n            values,\n            target = 'textField-like',\n            label,\n            opened,\n            readOnly,\n            disabled,\n            enumerationType,\n            size,\n            id,\n            chipsRefs,\n            onChange,\n            onKeyDown,\n            ...rest\n        },\n        ref,\n    ) => {\n        const hasText = Boolean(values?.some(([value]) => value));\n\n        const hasLabel = label && size !== 'xs' && target === 'textField-like';\n        const textContent = values?.map(([, text]) => text).join(', ');\n        const contentRef = useRef<HTMLDivElement>(null);\n\n        const withArrowInverse = opened ? arrowInverse : undefined;\n        const withInnerLabelUp = hasLabel && hasText ? innerLabelUp : undefined;\n        const withHasChips =\n            hasText && enumerationType === 'chip' && target === 'textField-like' ? hasChips : undefined;\n\n        const withNoFocus = target === 'textField-like' ? hasNoFocus : undefined;\n\n        const isLabelVisible = !hasText || (hasLabel && enumerationType === 'comma');\n\n        const onChipClick = useCallback((event: React.MouseEvent<HTMLButtonElement>) => {\n            event.stopPropagation();\n        }, []);\n\n        const onChipClear = useCallback(\n            (value: SelectPrimitiveValue, text: SelectPrimitiveValue, index: number) => {\n                const newValue = values\n                    ?.filter(([itemValue, itemText]) => !(itemValue === value && itemText === text))\n                    .map(([itemValue]) => itemValue);\n\n                chipsRefs?.current.splice(index, 1);\n                onChange?.(newValue);\n            },\n            [values, onChange],\n        );\n\n        const onChipKeyDown = useCallback(\n            (\n                value: SelectPrimitiveValue,\n                text: SelectPrimitiveValue,\n                index: number,\n                event: React.KeyboardEvent<HTMLButtonElement>,\n            ) => {\n                const { code, shiftKey } = event;\n\n                if (code === Keys.Tab || (code === Keys.Tab && shiftKey)) {\n                    event.preventDefault();\n                }\n\n                if (code === Keys.Backspace) {\n                    onChipClear(value, text, index);\n                }\n            },\n            [onChipClear],\n        );\n\n        const onWheel = useCallback((event: React.WheelEvent<HTMLButtonElement>) => {\n            const { deltaY } = event;\n\n            if (contentRef.current) {\n                contentRef.current.scrollLeft += Math.round(deltaY);\n            }\n        }, []);\n\n        const getRef = useCallback((element: HTMLButtonElement | null, index: number) => {\n            if (element && chipsRefs && chipsRefs.current) {\n                chipsRefs.current[index] = element;\n            }\n        }, []);\n\n        // INFO: Нужно очищать на каждый ререндер компонента для актуализации состояния рефов\n        if (chipsRefs) {\n            chipsRefs.current = [];\n        }\n\n        return (\n            <StyledSelectTarget\n                {...rest}\n                ref={ref}\n                opened={opened}\n                target={target}\n                readOnly={readOnly}\n                disabled={disabled}\n                title={textContent}\n                aria-label={label}\n                className={cx(withInnerLabelUp, withHasChips, withNoFocus, selectTarget)}\n                onWheel={onWheel}\n                onKeyDown={onKeyDown}\n                stretching=\"filled\"\n            >\n                {hasText &&\n                    (enumerationType === 'comma' || target === 'button-like' ? (\n                        <StyledText className={selectTargeText}>{textContent}</StyledText>\n                    ) : (\n                        <StyledChipsWrapper ref={contentRef}>\n                            <StyledChips>\n                                {values?.map(([value, text], index) => (\n                                    <SelectChip\n                                        index={index}\n                                        ref={(element) => getRef(element, index)}\n                                        key={`${value}_${text}`}\n                                        disabled={disabled}\n                                        readOnly={readOnly}\n                                        value={value}\n                                        text={text}\n                                        onClear={(v, t) => onChipClear(v, t, index)}\n                                        onClick={onChipClick}\n                                        onKeyDown={onChipKeyDown}\n                                    />\n                                ))}\n                            </StyledChips>\n                        </StyledChipsWrapper>\n                    ))}\n                {isLabelVisible && (\n                    <StyledLabel className={selectTargetLabel} htmlFor={id}>\n                        {label}\n                    </StyledLabel>\n                )}\n                <StyledArrow size=\"s\" color=\"inherit\" className={cx(selectTargetArrow, withArrowInverse)} />\n            </StyledSelectTarget>\n        );\n    },\n);\n"],"names":["hasNoFocus","classes","hasChips","innerLabelUp","arrowInverse","selectTarget","selectTargetArrow","selectTargeText","selectTargetLabel","SelectTarget","forwardRef","_ref","ref","values","_ref$target","target","label","opened","readOnly","disabled","enumerationType","size","id","chipsRefs","onChange","onKeyDown","rest","_objectWithoutProperties","_excluded","hasText","Boolean","some","_ref2","_ref3","_slicedToArray","value","hasLabel","textContent","map","_ref4","_ref5","text","join","contentRef","useRef","withArrowInverse","undefined","withInnerLabelUp","withHasChips","withNoFocus","isLabelVisible","onChipClick","useCallback","event","stopPropagation","onChipClear","index","newValue","filter","_ref6","_ref7","itemValue","itemText","_ref8","_ref9","current","splice","onChipKeyDown","code","shiftKey","Keys","Tab","preventDefault","Backspace","onWheel","deltaY","scrollLeft","Math","round","getRef","element","React","createElement","StyledSelectTarget","_extends","title","className","cx","stretching","StyledText","StyledChipsWrapper","StyledChips","_ref10","_ref11","SelectChip","key","concat","onClear","v","t","onClick","StyledLabel","htmlFor","StyledArrow","color"],"mappings":"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"}

package/es/components/TextField/TextField.js

@@ -1,191 +1,71 @@
-import './TextField_wctd2m.css';
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, useState, useEffect } from 'react';
+import './TextField_1lzb2r1.css';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef } from 'react';
 import { safeUseId } from '@salutejs/plasma-core';
-import { cx } from '../../utils/index.js';
-import { base as base$2 } from './variations/_size/base.js';
-import { base as base$1 } from './variations/_view/base.js';
-import { base as base$3 } from './variations/_disabled/base.js';
-import { base as base$4 } from './variations/_read-only/base.js';
-import { base as base$5 } from './variations/_label-placement/base.js';
-import { Label, InputWrapper, StyledContentLeft, InputLabelWrapper, StyledChips, Input, StyledContentRight, LeftHelper } from './TextField.styles.js';
-import { classes } from './TextField.tokens.js';
-import { TextFieldChip } from './ui/TextFieldChip/TextFieldChip.js';
-import { useKeyNavigation } from './hooks/useKeyNavigation.js';
+import { base as base$2 } from './_size/base.js';
+import { base as base$1 } from './_view/base.js';
+import { base as base$3 } from './_disabled/base.js';
+import { base as base$4 } from './_label-placement/base.js';
+import { Label, InputWrapper, InputLabelWrapper, Input, LeftHelper } from './TextField.styles.js';
 
-var _excluded = ["id", "contentLeft", "contentRight", "label", "labelPlacement", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "values", "onChange", "onChangeChips", "onSearch"];
+var _excluded = ["contentLeft", "contentRight", "children", "label", "labelPlacement", "placeholder", "leftHelper", "view", "size", "disabled", "onChange", "onSearch"];
 var base = "bpunezx";
 var textFieldRoot = function textFieldRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, ref) {
-    var id = _ref.id,
-      contentLeft = _ref.contentLeft,
-      contentRight = _ref.contentRight,
-      label = _ref.label,
-      labelPlacement = _ref.labelPlacement,
-      placeholder = _ref.placeholder,
-      leftHelper = _ref.leftHelper,
-      _ref$enumerationType = _ref.enumerationType,
-      enumerationType = _ref$enumerationType === void 0 ? 'plain' : _ref$enumerationType,
-      view = _ref.view,
-      size = _ref.size,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      values = _ref.values,
-      onChange = _ref.onChange,
-      onChangeChips = _ref.onChangeChips,
-      onSearch = _ref.onSearch,
-      rest = _objectWithoutProperties(_ref, _excluded);
-    var contentRef = useRef(null);
-    var inputRef = useRef(null);
-    var chipsRefs = useRef([]);
-    var controlledRefs = {
-      contentRef: contentRef,
-      inputRef: inputRef,
-      chipsRefs: chipsRefs
-    };
-    var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      chips = _useState2[0],
-      setChips = _useState2[1];
-    var uniqId = safeUseId();
-    var innerId = id || uniqId;
-    var labelId = safeUseId();
-    var helperTextId = safeUseId();
-    var isChipEnumeration = enumerationType === 'chip';
-    var hideLabel = (size === 'xs' || isChipEnumeration) && labelPlacement === 'inner';
-    var labelInside = size !== 'xs' && labelPlacement === 'inner';
-    var innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;
-    var innerPlaceholderValue = hideLabel ? label : placeholder;
-    var innerLabelValue = hideLabel ? undefined : label;
-    var isChipsVisible = isChipEnumeration && (chips === null || chips === void 0 ? void 0 : chips.length);
-    var withHasChips = isChipsVisible ? classes.hasChips : undefined;
-    var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;
-    var wrapperWithoutRightContent = !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;
+  return /*#__PURE__*/forwardRef(function (props, ref) {
+    var contentLeft = props.contentLeft,
+      contentRight = props.contentRight,
+      label = props.label,
+      labelPlacement = props.labelPlacement,
+      placeholder = props.placeholder,
+      leftHelper = props.leftHelper,
+      view = props.view,
+      size = props.size,
+      disabled = props.disabled,
+      onChange = props.onChange,
+      onSearch = props.onSearch,
+      rest = _objectWithoutProperties(props, _excluded);
     var handleChange = function handleChange(event) {
-      if (disabled || readOnly) {
-        return;
-      }
       var _event$target = event.target,
         maxLength = _event$target.maxLength,
         value = _event$target.value;
-      if (maxLength !== -1 && value.length > maxLength) {
-        return;
-      }
-      onChange === null || onChange === void 0 ? void 0 : onChange(event);
-    };
-    var updateChips = function updateChips(newChips, newValues) {
-      setChips(newChips);
-      onChangeChips === null || onChangeChips === void 0 ? void 0 : onChangeChips(newValues);
-    };
-    var _useKeyNavigation = useKeyNavigation({
-        controlledRefs: controlledRefs,
-        disabled: disabled,
-        readOnly: readOnly,
-        chips: chips,
-        enumerationType: enumerationType,
-        updateChips: updateChips,
-        onSearch: onSearch,
-        onChange: onChange
-      }),
-      handleInputKeydown = _useKeyNavigation.handleInputKeydown,
-      handleChipKeyDown = _useKeyNavigation.handleChipKeyDown,
-      onChipClear = _useKeyNavigation.onChipClear,
-      handleContentKeyDown = _useKeyNavigation.handleContentKeyDown;
-    var onChipClick = function onChipClick(event) {
-      return event.stopPropagation();
-    };
-    var handleInputFocus = function handleInputFocus() {
-      if (readOnly || disabled || !(inputRef !== null && inputRef !== void 0 && inputRef.current)) {
+      if (!onChange || maxLength !== -1 && value.length > maxLength) {
         return;
       }
-      inputRef.current.scrollIntoView({
-        behavior: 'smooth',
-        block: 'center',
-        inline: 'center'
-      });
-      inputRef.current.focus({
-        preventScroll: true
-      });
+      onChange(event);
     };
-    var getRef = function getRef(element, index) {
-      if (element && chipsRefs !== null && chipsRefs !== void 0 && chipsRefs.current) {
-        chipsRefs.current[index] = element;
+    var handleKeyUp = function handleKeyUp(event) {
+      if (event.key === 'Enter' && onSearch) {
+        onSearch(event.target.value, event);
       }
     };
-    useEffect(function () {
-      if (!isChipEnumeration && !(values !== null && values !== void 0 && values.length)) {
-        return;
-      }
-      var newChips = (values === null || values === void 0 ? void 0 : values.map(function (value, index) {
-        return {
-          id: "".concat(index, "_").concat(value),
-          text: value
-        };
-      })) || [];
-      setChips(newChips);
-    }, [isChipEnumeration, values]);
+    var labelInside = labelPlacement === 'inner';
+    var lableId = safeUseId();
+    var helperTextId = safeUseId();
     return /*#__PURE__*/React.createElement(Root, {
-      ref: ref,
       view: view,
       size: size,
       disabled: disabled,
-      readOnly: !disabled && readOnly,
-      labelPlacement: innerLabelPlacementValue,
-      onClick: handleInputFocus
-    }, labelInside || innerLabelValue && /*#__PURE__*/React.createElement(Label, {
-      id: labelId,
-      htmlFor: id
-    }, innerLabelValue), /*#__PURE__*/React.createElement(InputWrapper, {
-      className: cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)
-    }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(InputLabelWrapper, {
-      tabIndex: -1,
-      ref: contentRef,
-      onKeyDown: handleContentKeyDown,
-      className: withHasChips
-    }, isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length) && /*#__PURE__*/React.createElement(StyledChips, null, chips === null || chips === void 0 ? void 0 : chips.map(function (_ref2, index) {
-      var chipId = _ref2.id,
-        text = _ref2.text;
-      return /*#__PURE__*/React.createElement(TextFieldChip, {
-        ref: function ref(element) {
-          return getRef(element, index);
-        },
-        chipId: chipId,
-        key: "".concat(chipId, "_").concat(index),
-        disabled: disabled,
-        readOnly: readOnly,
-        value: text,
-        text: text,
-        onKeyDown: function onKeyDown(event) {
-          return handleChipKeyDown(event, chipId);
-        },
-        onClear: function onClear() {
-          return onChipClear(chipId);
-        },
-        onClick: onChipClick
-      });
-    })), /*#__PURE__*/React.createElement(Input, _extends({}, rest, {
-      ref: inputRef,
-      id: innerId,
-      "aria-labelledby": labelId,
+      labelPlacement: labelPlacement
+    }, labelInside || label && /*#__PURE__*/React.createElement(Label, {
+      id: lableId
+    }, label), /*#__PURE__*/React.createElement(InputWrapper, null, contentLeft, /*#__PURE__*/React.createElement(InputLabelWrapper, null, /*#__PURE__*/React.createElement(Input, _extends({}, rest, {
+      ref: ref,
+      "aria-labelledby": lableId,
       "aria-describedby": helperTextId,
-      placeholder: innerPlaceholderValue,
+      placeholder: placeholder,
       disabled: disabled,
-      readOnly: !disabled && readOnly,
       onChange: handleChange,
-      onKeyDown: handleInputKeydown
+      onKeyUp: handleKeyUp
     })), labelInside && /*#__PURE__*/React.createElement(Label, {
-      id: labelId,
-      htmlFor: innerId
-    }, innerLabelValue)), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
+      id: lableId
+    }, label)), contentRight), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
       id: helperTextId
     }, leftHelper));
   });
 };
 var textFieldConfig = {
   name: 'TextField',
-  tag: 'div',
+  tag: 'label',
   layout: textFieldRoot,
   base: base,
   variations: {
@@ -199,19 +79,14 @@ var textFieldConfig = {
       css: base$3,
       attrs: true
     },
-    readOnly: {
-      css: base$4,
-      attrs: true
-    },
     labelPlacement: {
-      css: base$5
+      css: base$4
     }
   },
   defaults: {
-    size: 'm',
-    view: 'default'
+    size: 'm'
   }
 };
 
-export { base, textFieldConfig, textFieldRoot };
+export { textFieldConfig, textFieldRoot };
 //# sourceMappingURL=TextField.js.map