@salutejs/plasma-new-hope 0.113.0-canary.1331.10163315465.0 → 0.113.1-canary.1325.10178064945.0

package/es/index.css

@@ -306,6 +306,31 @@
 .Dropdown_styles_3w3l45_s1rwu6ky__59648b20 .Dropdown_styles_3w3l45_popoverTarget__59648b20{display:block;}
 .Dropdown_styles_3w3l45_s10jhp3l__59648b20{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);}
 
+.base_1ght2ik_b1dbu9r0__c7db4365 .base_1ght2ik_headerLogoImage__c7db4365{--plasma_private-header-size:var(--plasma-header-height);width:var(--plasma_private-header-size);height:var(--plasma_private-header-size);-webkit-flex:0 0 var(--plasma_private-header-size);-ms-flex:0 0 var(--plasma_private-header-size);flex:0 0 var(--plasma_private-header-size);margin-right:var(--plasma-header-logo-margin-right);}
+
+.HeaderArrow_styles_y91a69_b14hodcq__c7749097{position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;right:100%;}
+
+.base_dhbe4b_b1pl11t__23506f60 .base_dhbe4b_headerArrow__23506f60{margin-right:var(--plasma-header-arrow-margin-right);}@media (max-width:1118px){.base_dhbe4b_b1pl11t__23506f60 .base_dhbe4b_headerArrow__23506f60{position:static;width:auto;height:calc(var(--plasma-header-padding-top) + var(--plasma-header-height) + var(--plasma-header-padding-bottom));padding:0;margin-right:1rem;margin-top:calc(var(--plasma-header-padding-top) * -1);}}
+
+.base_1abc76u_b5hu1qa__8260a31c .base_1abc76u_headerArrowIcon__8260a31c{-webkit-transition:var(--plasma-header-arrow-transition);transition:var(--plasma-header-arrow-transition);}.base_1abc76u_b5hu1qa__8260a31c .base_1abc76u_headerArrowIconMinimize__8260a31c{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
+
+.base_8u2c1r_bqjs9ns__f39cd122{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-flex:1 1 max-content;-ms-flex:1 1 max-content;flex:1 1 max-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;min-width:10%;}
+
+.HeaderTitleWrapper_styles_1lra53t_t7wn5f0__eada4169{font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-m-letter-spacing);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);margin:var(--plasma-header-title-margin);color:var(--plasma-header-title-color);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.HeaderTitleWrapper_styles_1lra53t_bkd5o5i__eada4169{font-family:var(--plasma-typo-h3-font-family);font-size:var(--plasma-typo-h3-font-size);font-style:var(--plasma-typo-h3-font-style);font-weight:var(--plasma-typo-h3-font-weight);-webkit-letter-spacing:var(--plasma-typo-h3-letter-spacing);-moz-letter-spacing:var(--plasma-typo-h3-letter-spacing);-ms-letter-spacing:var(--plasma-typo-h3-letter-spacing);letter-spacing:var(--plasma-typo-h3-letter-spacing);line-height:var(--plasma-typo-h3-line-height);font-weight:600;margin:var(--plasma-header-big-title-margin);color:var(--plasma-header-bigger-title-color);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.HeaderTitleWrapper_styles_1lra53t_bn0jkdd__eada4169{font-family:var(--plasma-typo-h1-font-family);font-size:var(--plasma-typo-h1-font-size);font-style:var(--plasma-typo-h1-font-style);font-weight:var(--plasma-typo-h1-font-weight);-webkit-letter-spacing:var(--plasma-typo-h1-letter-spacing);-moz-letter-spacing:var(--plasma-typo-h1-letter-spacing);-ms-letter-spacing:var(--plasma-typo-h1-letter-spacing);letter-spacing:var(--plasma-typo-h1-letter-spacing);line-height:var(--plasma-typo-h1-line-height);font-weight:600;margin:var(--plasma-header-bigger-title-margin);color:var(--plasma-header-bigger-title-color);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.HeaderTitleWrapper_styles_1lra53t_l1216phq__eada4169{margin:var(--plasma-header-label-margin);color:var(--plasma-header-label-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.HeaderTitleWrapper_styles_1lra53t_st5x6gi__eada4169{font-family:var(--plasma-typo-body-s-font-family);font-size:var(--plasma-typo-body-s-font-size);font-style:var(--plasma-typo-body-s-font-style);font-weight:var(--plasma-typo-body-s-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-s-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-s-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-s-letter-spacing);letter-spacing:var(--plasma-typo-body-s-letter-spacing);line-height:var(--plasma-typo-body-s-line-height);margin:var(--plasma-header-subtitle-margin);color:var(--plasma-header-subtitle-color);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.HeaderTitleWrapper_styles_1lra53t_cig18vd__eada4169{margin:var(--plasma-header-caption-margin);color:var(--plasma-header-caption-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.HeaderTitleWrapper_styles_1lra53t_tnlilk7__eada4169 > :first-child{margin-top:0;}.HeaderTitleWrapper_styles_1lra53t_tnlilk7__eada4169 > :last-child{margin-bottom:0;}
+
+.HeaderTitle_styles_1tcobl_sia0zz2__4eb0558d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--plasma-typo-h3-font-family);font-size:var(--plasma-typo-h3-font-size);font-style:var(--plasma-typo-h3-font-style);font-weight:var(--plasma-typo-h3-font-weight);-webkit-letter-spacing:var(--plasma-typo-h3-letter-spacing);-moz-letter-spacing:var(--plasma-typo-h3-letter-spacing);-ms-letter-spacing:var(--plasma-typo-h3-letter-spacing);letter-spacing:var(--plasma-typo-h3-letter-spacing);line-height:var(--plasma-typo-h3-line-height);font-weight:600;}@media (max-width:1118px){.HeaderTitle_styles_1tcobl_sia0zz2__4eb0558d{font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);-webkit-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-m-letter-spacing);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);font-weight:600;}}
+
+.HeaderContent_styles_ru84zp_s1jgshq1__4edd06d7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex:1 0 max-content;-ms-flex:1 0 max-content;flex:1 0 max-content;margin-left:auto;padding-left:0.75rem;}
+
+.HeaderRoot_styles_tgf9lv_s1pft4si__d5411e2c{box-sizing:content-box;height:var(--plasma-header-height);padding-top:var(--plasma-header-padding-top);padding-bottom:var(--plasma-header-padding-bottom);--header_private-gradient-color:var(--s1pft4si-0);}.HeaderRoot_styles_tgf9lv_s1pft4si__d5411e2c.HeaderRoot_styles_tgf9lv_headerWithGradient__d5411e2c::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(--plasma-header-height) + var(--plasma-header-padding-top) + var(--plasma-header-padding-bottom) );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}
+.HeaderRoot_styles_tgf9lv_s4v2au0__d5411e2c{position:relative;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-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;}
+
 .Tooltip_styles_1jz4u92_teczcv4__3fe65388{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.Tooltip_styles_1jz4u92_teczcv4__3fe65388.Tooltip_styles_1jz4u92_hasContentLeft__3fe65388{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
 .Tooltip_styles_1jz4u92_s1j361h1__3fe65388{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
 
@@ -565,13 +590,13 @@
 
 .base_tzdxy8_b1l9fpln__8f6a3445[readonly]{cursor:default;}.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_czi0aji__8f6a3445{background:var(--plasma-range-background-readonly);}.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_s14q3826__8f6a3445{display:block;color:var(--plasma-range__label-color-readonly);}.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_l1fwucr5__8f6a3445{color:var(--plasma-range__left-helper-color-readonly);}.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_s1e6rwfy__8f6a3445{color:var(--plasma-range__divider-color-readonly);}.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_sfxtxl2__8f6a3445,.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_s1hiyoiq__8f6a3445{color:var(--plasma-range-textfield-color-readonly);}
 
-.Range_styles_1jtxp9z_s1k2erwt__f41c514a{--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.Range_styles_1jtxp9z_s1k2erwt__f41c514a.Range_styles_1jtxp9z_rangeValueError__f41c514a{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_1jtxp9z_s1k2erwt__f41c514a.Range_styles_1jtxp9z_rangeValueSuccess__f41c514a{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
-.Range_styles_1jtxp9z_b16kyj37__f41c514a .Range_styles_1jtxp9z_popoverWrapper__f41c514a{display:block;-webkit-flex:1;-ms-flex:1;flex:1;}.Range_styles_1jtxp9z_b16kyj37__f41c514a .Range_styles_1jtxp9z_popoverTarget__f41c514a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.Range_styles_dmydia_s1k2erwt__53eb5af6{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.Range_styles_dmydia_s1k2erwt__53eb5af6.Range_styles_dmydia_rangeValueError__53eb5af6{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_dmydia_s1k2erwt__53eb5af6.Range_styles_dmydia_rangeValueSuccess__53eb5af6{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
+.Range_styles_dmydia_b16kyj37__53eb5af6{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 
 
-.Range_styles_1jtxp9z_czi0aji__f41c514a{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;}
+.Range_styles_dmydia_czi0aji__53eb5af6{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;}
 
-.Range_styles_1jtxp9z_sfxtxl2__f41c514a{line-height:0;}
+.Range_styles_dmydia_sfxtxl2__53eb5af6{line-height:0;}
 
 
 .Accordion_styles_rsiff6_bjv6ypd__465a9c67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-accordion-gap);-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;background:var(--plasma-accordion-background);}.Accordion_styles_rsiff6_bjv6ypd__465a9c67.Accordion_styles_rsiff6_accordionStretchingFixed__465a9c67{width:var(--plasma-accordion-width);}.Accordion_styles_rsiff6_bjv6ypd__465a9c67.Accordion_styles_rsiff6_accordionStretchingFilled__465a9c67{width:100%;}
@@ -587,8 +612,8 @@
 .base_1jucwp_b160pc19__2f1aa288[readonly]{cursor:default;}.base_1jucwp_b160pc19__2f1aa288[readonly] .base_1jucwp_svfqi8__2f1aa288{display:block;color:var(--plasma-date-picker__label-color-readonly);}.base_1jucwp_b160pc19__2f1aa288[readonly] .base_1jucwp_l5dd1qs__2f1aa288{color:var(--plasma-date-picker__left-helper-color-readonly);}
 
 
-.SingleDate_styles_18b5qkz_s15omatb__2a7347e9{--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);}.SingleDate_styles_18b5qkz_s15omatb__2a7347e9.SingleDate_styles_18b5qkz_datePickerError__2a7347e9{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.SingleDate_styles_18b5qkz_s15omatb__2a7347e9.SingleDate_styles_18b5qkz_datePickerSuccess__2a7347e9{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
-.SingleDate_styles_18b5qkz_boba7w3__2a7347e9{display:inline-block;}
+.SingleDate_styles_18z9fw1_s15omatb__5966bc9e{--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-picker-placement_inner__content-padding);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-picker-placement_inner__label-line-height);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);}.SingleDate_styles_18z9fw1_s15omatb__5966bc9e.SingleDate_styles_18z9fw1_datePickerError__5966bc9e{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.SingleDate_styles_18z9fw1_s15omatb__5966bc9e.SingleDate_styles_18z9fw1_datePickerSuccess__5966bc9e{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
+.SingleDate_styles_18z9fw1_boba7w3__5966bc9e{display:inline-block;}
 
 
 

package/es/index.js

@@ -101,6 +101,13 @@ export { DropdownInner } from './components/Dropdown/ui/DropdownInner/DropdownIn
 export { dropdownItemOldConfig, dropdownItemOldRoot } from './components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js';
 export { dropdownOldConfig, dropdownOldRoot } from './components/Dropdown/ui/DropdownOld/DropdownOld.js';
 export { tokens as dropdownOldTokens } from './components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js';
+export { headerLogoConfig } from './components/Header/ui/HeaderLogo/HeaderLogo.js';
+export { headerArrowConfig } from './components/Header/ui/HeaderArrow/HeaderArrow.js';
+export { headerTitleWrapperConfig } from './components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js';
+export { HeaderTitle } from './components/Header/ui/HeaderTitle/HeaderTitle.js';
+export { HeaderContent } from './components/Header/HeaderContent/HeaderContent.js';
+export { headerRootConfig } from './components/Header/HeaderRoot/HeaderRoot.js';
+export { classes as headerClasses, tokens as headerTokens } from './components/Header/Header.tokens.js';
 export { tooltipConfig, tooltipRoot } from './components/Tooltip/Tooltip.js';
 export { tokens as tooltipTokens } from './components/Tooltip/Tooltip.tokens.js';
 export { segmentGroupConfig, segmentGroupRoot } from './components/Segment/ui/SegmentGroup/SegmentGroup.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.113.0-canary.1331.10163315465.0",
+  "version": "0.113.1-canary.1325.10178064945.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": "fb765e0e39341aac4b480aa643edf679eb9d326e"
+  "gitHead": "23357873efce5a984fe34ef8ddb319e95d044914"
 }

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

@@ -47,6 +47,15 @@ var tokens = exports.tokens = {
   labelFontWeight: '--plasma-date-picker__label-font-weight',
   labelLetterSpacing: '--plasma-date-picker__label-letter-spacing',
   labelLineHeight: '--plasma-date-picker__label-line-height',
+  /* label-placement-inner */
+  labelInnerFontFamily: '--plasma-date-picker-placement_inner__label-font-family',
+  labelInnerFontStyle: '--plasma-date-picker-placement_inner__label-font-style',
+  labelInnerFontSize: '--plasma-date-picker-placement_inner__label-font-size',
+  labelInnerFontWeight: '--plasma-date-picker-placement_inner__label-font-weight',
+  labelInnerLetterSpacing: '--plasma-date-picker-placement_inner__label-letter-spacing',
+  labelInnerLineHeight: '--plasma-date-picker-placement_inner__label-line-height',
+  labelInnerPadding: '--plasma-date-picker-placement_inner__label-padding',
+  contentLabelInnerPadding: '--plasma-date-picker-placement_inner__content-padding',
   /** Токены вспомогательного текста */
   leftHelperColor: '--plasma-date-picker__left-helper-color',
   leftHelperColorReadOnly: '--plasma-date-picker__left-helper-color-readonly',

package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js

@@ -16,7 +16,7 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
 var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
-var _excluded = ["className", "isOpen", "label", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "defaultDate", "valueError", "valueSuccess", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur"];
+var _excluded = ["className", "isOpen", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "defaultDate", "valueError", "valueSuccess", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur"];
 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); }
@@ -34,6 +34,8 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       _ref$isOpen = _ref.isOpen,
       isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
       label = _ref.label,
+      _ref$labelPlacement = _ref.labelPlacement,
+      labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
       placeholder = _ref.placeholder,
       leftHelper = _ref.leftHelper,
       contentLeft = _ref.contentLeft,
@@ -91,6 +93,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       _useState6 = _slicedToArray(_useState5, 2),
       inputValue = _useState6[0],
       setInputValue = _useState6[1];
+    var innerLabelPlacement = labelPlacement === 'inner';
     var dateFormatDelimiter = (0, _react.useCallback)(function () {
       return (0, _dateHelper.getDateFormatDelimiter)(format);
     }, [format]);
@@ -116,10 +119,11 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       handleToggle = _useDatePicker.handleToggle,
       handleChangeValue = _useDatePicker.handleChangeValue,
       handleCommitDate = _useDatePicker.handleCommitDate;
-    var DatePickerInput = /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledInput, {
+    var DatePickerInput = /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledInput, _extends({
       ref: inputRef,
       className: (0, _utils.cx)(datePickerErrorClass, datePickerSuccessClass),
       value: inputValue,
+      size: size,
       readOnly: readOnly,
       disabled: disabled,
       placeholder: placeholder,
@@ -133,7 +137,10 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       },
       onFocus: onFocus,
       onBlur: onBlur
-    });
+    }, innerLabelPlacement && {
+      label: label,
+      labelPlacement: labelPlacement
+    }));
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       view: view,
       size: size,
@@ -141,7 +148,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       disabled: disabled,
       readOnly: !disabled && readOnly,
       ref: ref
-    }, rest), label && /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledLabel, null, label), /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledPopover, {
+    }, rest), !innerLabelPlacement && label && /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledLabel, null, label), /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledPopover, {
       isOpen: isOpen || isInnerOpen,
       usePortal: false,
       onToggle: handleToggle,

package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js

@@ -23,7 +23,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
 // NOTE: переопределение токенов TextField
 var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
   componentId: "plasma-new-hope__sc-1ye0xbz-1"
-})(["         ", ":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(", ");}"], _TextField.textFieldTokens.color, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.caretColor, _DatePicker.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePicker.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _DatePicker.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePicker.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePicker.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePicker.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePicker.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePicker.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePicker.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePicker.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePicker.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePicker.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _DatePicker.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _DatePicker.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus);
+})(["         ", ":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(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.caretColor, _DatePicker.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePicker.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _DatePicker.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePicker.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePicker.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePicker.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePicker.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePicker.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelInnerFontFamily, _DatePicker.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePicker.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePicker.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePicker.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePicker.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePicker.tokens.labelInnerLineHeight, _TextField.textFieldTokens.leftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePicker.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePicker.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePicker.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePicker.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePicker.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePicker.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _DatePicker.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _DatePicker.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus);
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;"]);
 var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
   componentId: "plasma-new-hope__sc-1ye0xbz-2"

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

@@ -0,0 +1,78 @@
+---
+id: header
+title: Header
+---
+
+import { PropsTable, Description } from '@site/src/components';
+
+## Компоненты для собственной сборки шапки
+Рекомендуется использовать компонент `Header`.
+Если вам нужно больше контроля за версткой шапки,
+используйте составные части, где корневым узлом будет `HeaderRoot`.
+
+### HeaderRoot
+<Description name="HeaderRoot" />
+<PropsTable name="HeaderRoot" />
+
+### HeaderArrow
+<Description name="HeaderArrow" />
+<PropsTable name="HeaderArrow" />
+
+### HeaderLogo
+<Description name="HeaderLogo" />
+<PropsTable name="HeaderLogo" />
+
+### Пример
+
+```tsx live
+import React from 'react';
+import {
+    HeaderRoot,
+    HeaderLogo,
+    HeaderTitle,
+    HeaderContent,
+    HeaderArrow,
+} from '@salutejs/{{ package }}';
+
+export function App() {
+    const [isBack, setIsBack] = useState(true);
+
+    const onBackClick = () => {
+        setIsBack(false);
+    };
+
+    const onMinimizeClick = () => {
+        setIsBack(true);
+    };
+
+    const props = {
+        view: 'default',
+        size: 'm',
+        title: 'Header title text',
+        subtitle: 'Subtitle text',
+        label: 'Label text',
+        gradientColor: '#F69555',
+        contentItemsNumber: 3,
+        enableIcons: true,
+    };
+
+    return (
+       <div style=\{{ position: 'relative', display: 'block', padding: '0 16px' }}>
+            <HeaderRoot {...props} style=\{{ marginLeft: '40px' }}>
+                {isBack ? (
+                    <HeaderArrow onClick={onBackClick} />
+                ) : (
+                    <HeaderArrow arrow="minimize" onClick={onMinimizeClick} />
+                )}
+                <HeaderLogo src="/{{ package }}/images/320_320_12.jpg" alt="Logo" />
+                <HeaderTitle>{props.title}</HeaderTitle>
+                <HeaderContent>
+                    <div>This is content</div>
+                </HeaderContent>
+            </HeaderRoot>
+        </div>
+    );
+}
+```
+
+  

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = exports.classes = void 0;
+var classes = exports.classes = {
+  headerLogoImage: 'header-logo-image',
+  headerArrow: 'header-arrow',
+  headerArrowIcon: 'header-arrow-icon',
+  headerArrowIconMinimize: 'header-arrow-icon-minimize',
+  headerRoot: 'header-root',
+  headerWithGradient: 'header-with-gradient'
+};
+var tokens = exports.tokens = {
+  headerHeight: '--plasma-header-height',
+  headerPaddingTop: '--plasma-header-padding-top',
+  headerPaddingBottom: '--plasma-header-padding-bottom',
+  headerLogoMarginRight: '--plasma-header-logo-margin-right',
+  headerArrowTransition: '--plasma-header-arrow-transition',
+  headerArrowMarginRight: '--plasma-header-arrow-margin-right',
+  headerArrowIconSize: '--plasma-header-arrow-icon-size',
+  headerArrowButtonColor: '--plasma-button-color',
+  headerArrowButtonBackgroundColor: '--plasma-button-bg-color',
+  headerArrowHeight: '--plasma-button-height',
+  headerArrowPadding: '--plasma-button-padding',
+  headerTitleMargin: '--plasma-header-title-margin',
+  headerBigTitleMargin: '--plasma-header-big-title-margin',
+  headerBiggerTitleMargin: '--plasma-header-bigger-title-margin',
+  headerLabelMargin: '--plasma-header-label-margin',
+  headerSubTitleMargin: '--plasma-header-subtitle-margin',
+  headerCaptionMargin: '--plasma-header-caption-margin',
+  headerTitleColor: '--plasma-header-title-color',
+  headerBigTitleColor: '--plasma-header-big-title-color',
+  headerBiggerTitleColor: '--plasma-header-bigger-title-color',
+  headerLabelColor: '--plasma-header-label-color',
+  headerSubTitleColor: '--plasma-header-subtitle-color',
+  headerCaptionColor: '--plasma-header-caption-color'
+};

package/styled-components/cjs/components/Header/HeaderContent/HeaderContent.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeaderContent = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _HeaderContent = /*#__PURE__*/require("./HeaderContent.styles");
+var _excluded = ["children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 HeaderContent = exports.HeaderContent = function HeaderContent(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_HeaderContent.StyledHeaderContent, rest, children);
+};

package/styled-components/cjs/components/Header/HeaderContent/HeaderContent.styles.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledHeaderContent = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var StyledHeaderContent = exports.StyledHeaderContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1fblkxc-0"
+})(["display:flex;justify-content:flex-end;flex:1 0 max-content;margin-left:auto;padding-left:0.75rem;"]);

package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.js

@@ -0,0 +1,54 @@
+"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.headerRootConfig = exports.headerRoot = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _Header = /*#__PURE__*/require("../Header.tokens");
+var _utils = /*#__PURE__*/require("../../../utils");
+var _base = /*#__PURE__*/require("./variations/_size/base");
+var _HeaderRoot = /*#__PURE__*/require("./HeaderRoot.styles");
+var _excluded = ["children", "size", "view", "gradientColor"];
+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 headerRoot = exports.headerRoot = function headerRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRootRef) {
+    var children = props.children,
+      size = props.size,
+      view = props.view,
+      gradientColor = props.gradientColor,
+      rest = _objectWithoutProperties(props, _excluded);
+    var gradientColorClass = gradientColor ? _Header.classes.headerWithGradient : undefined;
+    return /*#__PURE__*/_react["default"].createElement(Root, {
+      ref: outerRootRef,
+      size: size,
+      view: view
+    }, /*#__PURE__*/_react["default"].createElement(_HeaderRoot.StyledHeaderRoot, _extends({
+      className: (0, _utils.cx)(_Header.classes.headerRoot, gradientColorClass)
+    }, rest, {
+      $gradientColor: gradientColor
+    }), /*#__PURE__*/_react["default"].createElement(_HeaderRoot.StyledInner, null, children)));
+  });
+};
+var headerRootConfig = exports.headerRootConfig = {
+  name: 'HeaderRoot',
+  tag: 'div',
+  layout: headerRoot,
+  base: '',
+  variations: {
+    size: {
+      css: _base.base
+    }
+  },
+  defaults: {
+    size: 'm'
+  }
+};

package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledInner = exports.StyledHeaderRoot = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Header = /*#__PURE__*/require("../Header.tokens");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var StyledHeaderRoot = exports.StyledHeaderRoot = /*#__PURE__*/_styledComponents["default"].header.withConfig({
+  componentId: "plasma-new-hope__sc-tdrw2s-0"
+})(["box-sizing:content-box;height:var(", ");padding-top:var(", ");padding-bottom:var(", ");--header_private-gradient-color:", ";&.", "{&::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(", ") + var(", ") + var(", ") );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}}"], _Header.tokens.headerHeight, _Header.tokens.headerPaddingTop, _Header.tokens.headerPaddingBottom, function (_ref) {
+  var $gradientColor = _ref.$gradientColor;
+  return String($gradientColor);
+}, /*#__PURE__*/String(_Header.classes.headerWithGradient), _Header.tokens.headerHeight, _Header.tokens.headerPaddingTop, _Header.tokens.headerPaddingBottom);
+var StyledInner = exports.StyledInner = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-tdrw2s-1"
+})(["position:relative;display:flex;align-items:center;flex-direction:row;width:100%;height:100%;"]);

package/styled-components/cjs/components/Header/HeaderRoot/HeaderRoot.types.js

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

package/styled-components/cjs/components/Header/HeaderRoot/variations/_size/base.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)([""]);

package/styled-components/cjs/components/Header/HeaderRoot/variations/_size/tokens.json

@@ -0,0 +1 @@
+["--plasma-header-height", "--plasma-header-padding-top", "--plasma-header-padding-bottom"]

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

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HeaderContent", {
+  enumerable: true,
+  get: function get() {
+    return _HeaderContent.HeaderContent;
+  }
+});
+Object.defineProperty(exports, "HeaderTitle", {
+  enumerable: true,
+  get: function get() {
+    return _ui.HeaderTitle;
+  }
+});
+Object.defineProperty(exports, "headerArrowConfig", {
+  enumerable: true,
+  get: function get() {
+    return _ui.headerArrowConfig;
+  }
+});
+Object.defineProperty(exports, "headerClasses", {
+  enumerable: true,
+  get: function get() {
+    return _Header.classes;
+  }
+});
+Object.defineProperty(exports, "headerLogoConfig", {
+  enumerable: true,
+  get: function get() {
+    return _ui.headerLogoConfig;
+  }
+});
+Object.defineProperty(exports, "headerRootConfig", {
+  enumerable: true,
+  get: function get() {
+    return _HeaderRoot.headerRootConfig;
+  }
+});
+Object.defineProperty(exports, "headerTitleWrapperConfig", {
+  enumerable: true,
+  get: function get() {
+    return _ui.headerTitleWrapperConfig;
+  }
+});
+Object.defineProperty(exports, "headerTokens", {
+  enumerable: true,
+  get: function get() {
+    return _Header.tokens;
+  }
+});
+var _ui = /*#__PURE__*/require("./ui");
+var _HeaderContent = /*#__PURE__*/require("./HeaderContent/HeaderContent");
+var _HeaderRoot = /*#__PURE__*/require("./HeaderRoot/HeaderRoot");
+var _Header = /*#__PURE__*/require("./Header.tokens");