@salutejs/plasma-new-hope 0.384.0-dev.0 → 0.385.0

package/dist/css/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css

@@ -29,12 +29,12 @@
 
 .IconButton_styles_1ek7d1f_blr36gw__03e8ec5e{--box-shadow-spread:var(--plasma-button-border-width,0.063rem);position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color,inset 0 0 0 0 transparent);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-border-color:var(--plasma-icon-button-border-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-border-color-hover:var(--plasma-icon-button-border-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-border-color-active:var(--plasma-icon-button-border-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);--plasma-button-border-width:var(--plasma-icon-button-border-width);}a.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonSquare__03e8ec5e{width:var(--plasma-button-height);padding:0;}@media (hover:hover) and (pointer:fine){.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-hover,inset 0 0 0 0 transparent);scale:var(--plasma-button-scale-hover);}}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-active,inset 0 0 0 0 transparent);scale:var(---plasma-button-scale-active);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:focus-visible{outline:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(0.125rem + var(--plasma_private-btn-br));outline:var(--plasma_private-btn-outline-size) solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_focusVisible__03e8ec5e:focus::before,.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[data-focus-visible-added]::before{outline-color:var(--plasma-button-focus-color);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}@media (hover:hover) and (pointer:fine){.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]:hover,.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingFixed__03e8ec5e{width:var(--plasma-button-width);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingFilled__03e8ec5e{width:100%;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingAuto__03e8ec5e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 
-.CalendarHeader_styles_1dozbwl_sgksorr__8dba704a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-calendar-header-wrapper-padding);}
-.CalendarHeader_styles_1dozbwl_sn4om16__8dba704a{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1dozbwl_sn4om16__8dba704a:hover,.CalendarHeader_styles_1dozbwl_sn4om16__8dba704a:active{color:var(--plasma-calendar-content-secondary-color);}.CalendarHeader_styles_1dozbwl_sn4om16__8dba704a::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1dozbwl_sn4om16__8dba704a.CalendarHeader_styles_1dozbwl_focusVisible__8dba704a:focus::before,.CalendarHeader_styles_1dozbwl_sn4om16__8dba704a[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
-.CalendarHeader_styles_1dozbwl_sisr05v__8dba704a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;}
-.CalendarHeader_styles_1dozbwl_s1gqwiu3__8dba704a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-arrow-container-gap);padding:var(--plasma-calendar-arrow-container-padding);}
-.CalendarHeader_styles_1dozbwl_s1aivv2y__8dba704a{--plasma-icon-button-color:var(--plasma-calendar-icon-button-color);--plasma-icon-button-background-color:var(--plasma-calendar-icon-button-background);--plasma-icon-button-color-hover:var(--plasma-calendar-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-calendar-icon-button-background-hover);--plasma-icon-button-color-active:var(--plasma-calendar-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-calendar-icon-button-background-active);--plasma-icon-button-height:var(--plasma-calendar-icon-button-height);--plasma-icon-button-width:var(--plasma-calendar-icon-button-width);--plasma-icon-button-padding:var(--plasma-calendar-icon-button-padding);--plasma-icon-button-radius:var(--plasma-calendar-icon-button-radius);--plasma-icon-button-focus-color:var(--plasma-calendar-icon-button-focus-color);}.CalendarHeader_styles_1dozbwl_s1aivv2y__8dba704a.CalendarHeader_styles_1dozbwl_disabledPrevButton__8dba704a{cursor:not-allowed;opacity:0.4;}.CalendarHeader_styles_1dozbwl_s1aivv2y__8dba704a.CalendarHeader_styles_1dozbwl_disabledPrevButton__8dba704a:hover,.CalendarHeader_styles_1dozbwl_s1aivv2y__8dba704a.CalendarHeader_styles_1dozbwl_disabledPrevButton__8dba704a:active{color:var(--plasma-calendar-icon-button-color);}
-.CalendarHeader_styles_1dozbwl_sbe9n1__8dba704a{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.CalendarHeader_styles_1dozbwl_s3twpj3__8dba704a{width:100%;display:grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:var(--plasma-calendar-icon-button-width) 1fr var(--plasma-calendar-icon-button-width);grid-template-areas:'a b c';}.CalendarHeader_styles_1dozbwl_s3twpj3__8dba704a .CalendarHeader_styles_1dozbwl_s1aivv2y__8dba704a{grid-area:a;}.CalendarHeader_styles_1dozbwl_s3twpj3__8dba704a.CalendarHeader_styles_1dozbwl_doubleHeader_LastDateWrapper__8dba704a .CalendarHeader_styles_1dozbwl_s1aivv2y__8dba704a{grid-area:c;}
-.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a.CalendarHeader_styles_1dozbwl_focusVisible__8dba704a:focus::before,.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
-.CalendarHeader_styles_1dozbwl_sw3ytaj__8dba704a{color:var(--plasma-calendar-header-arrow-color);}
+.CalendarHeader_styles_g8s515_sgksorr__3043c940{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-calendar-header-wrapper-padding);}
+.CalendarHeader_styles_g8s515_sn4om16__3043c940{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}var(--sn4om16-0) .CalendarHeader_styles_g8s515_sn4om16__3043c940:hover,.CalendarHeader_styles_g8s515_sn4om16__3043c940:active{color:var(--plasma-calendar-content-secondary-color);}.CalendarHeader_styles_g8s515_sn4om16__3043c940::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_g8s515_sn4om16__3043c940.CalendarHeader_styles_g8s515_focusVisible__3043c940:focus::before,.CalendarHeader_styles_g8s515_sn4om16__3043c940[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
+.CalendarHeader_styles_g8s515_sisr05v__3043c940{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;}
+.CalendarHeader_styles_g8s515_s1gqwiu3__3043c940{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-arrow-container-gap);padding:var(--plasma-calendar-arrow-container-padding);}
+.CalendarHeader_styles_g8s515_s1aivv2y__3043c940{--plasma-icon-button-color:var(--plasma-calendar-icon-button-color);--plasma-icon-button-background-color:var(--plasma-calendar-icon-button-background);--plasma-icon-button-color-hover:var(--plasma-calendar-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-calendar-icon-button-background-hover);--plasma-icon-button-color-active:var(--plasma-calendar-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-calendar-icon-button-background-active);--plasma-icon-button-height:var(--plasma-calendar-icon-button-height);--plasma-icon-button-width:var(--plasma-calendar-icon-button-width);--plasma-icon-button-padding:var(--plasma-calendar-icon-button-padding);--plasma-icon-button-radius:var(--plasma-calendar-icon-button-radius);--plasma-icon-button-focus-color:var(--plasma-calendar-icon-button-focus-color);}.CalendarHeader_styles_g8s515_s1aivv2y__3043c940.CalendarHeader_styles_g8s515_disabledPrevButton__3043c940{cursor:not-allowed;opacity:0.4;}.CalendarHeader_styles_g8s515_s1aivv2y__3043c940.CalendarHeader_styles_g8s515_disabledPrevButton__3043c940:hover,.CalendarHeader_styles_g8s515_s1aivv2y__3043c940.CalendarHeader_styles_g8s515_disabledPrevButton__3043c940:active{color:var(--plasma-calendar-icon-button-color);}
+.CalendarHeader_styles_g8s515_sbe9n1__3043c940{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.CalendarHeader_styles_g8s515_s3twpj3__3043c940{width:100%;display:grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:var(--plasma-calendar-icon-button-width) 1fr var(--plasma-calendar-icon-button-width);grid-template-areas:'a b c';}.CalendarHeader_styles_g8s515_s3twpj3__3043c940 .CalendarHeader_styles_g8s515_s1aivv2y__3043c940{grid-area:a;}.CalendarHeader_styles_g8s515_s3twpj3__3043c940.CalendarHeader_styles_g8s515_doubleHeader_LastDateWrapper__3043c940 .CalendarHeader_styles_g8s515_s1aivv2y__3043c940{grid-area:c;}
+.CalendarHeader_styles_g8s515_s7edshx__3043c940{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_g8s515_s7edshx__3043c940::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_g8s515_s7edshx__3043c940.CalendarHeader_styles_g8s515_focusVisible__3043c940:focus::before,.CalendarHeader_styles_g8s515_s7edshx__3043c940[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
+.CalendarHeader_styles_g8s515_sw3ytaj__3043c940{color:var(--plasma-calendar-header-arrow-color);}

package/dist/css/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js

@@ -32,7 +32,9 @@ var CalendarHeader = function CalendarHeader(_ref) {
     onPrev = _ref.onPrev,
     onNext = _ref.onNext,
     onUpdateCalendarState = _ref.onUpdateCalendarState,
-    locale = _ref.locale;
+    locale = _ref.locale,
+    _ref$periodSelectorAl = _ref.periodSelectorAlign,
+    periodSelectorAlign = _ref$periodSelectorAl === void 0 ? 'start' : _ref$periodSelectorAl;
   var handleCalendarState = function handleCalendarState() {
     var newSize = isDouble ? reducer.sizeMap.Months["double"] : reducer.sizeMap.Months.single;
     if (type === types.CalendarState.Days) {
@@ -106,13 +108,14 @@ var CalendarHeader = function CalendarHeader(_ref) {
   }, /*#__PURE__*/React__default.default.createElement(CalendarHeader_styles.StyledHeaderDouble, {
     onClick: handleCalendarState,
     "aria-live": "polite"
-  }, getHeaderContent(secondDate, true)), /*#__PURE__*/React__default.default.createElement(NextButton, null))) : /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(CalendarHeader_styles.StyledHeader, {
+  }, getHeaderContent(secondDate, true)), /*#__PURE__*/React__default.default.createElement(NextButton, null))) : /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, periodSelectorAlign === 'center' && /*#__PURE__*/React__default.default.createElement(CalendarHeader_styles.StyledArrows, null, /*#__PURE__*/React__default.default.createElement(PreviousButton, null)), /*#__PURE__*/React__default.default.createElement(CalendarHeader_styles.StyledHeader, {
+    periodSelectorAlign: periodSelectorAlign,
     type: "button",
     "aria-live": "polite",
     id: "id-grid-label",
     onClick: handleCalendarState,
     tabIndex: 0
-  }, getHeaderContent(firstDate)), /*#__PURE__*/React__default.default.createElement(CalendarHeader_styles.StyledArrows, null, /*#__PURE__*/React__default.default.createElement(PreviousButton, null), /*#__PURE__*/React__default.default.createElement(NextButton, null))));
+  }, getHeaderContent(firstDate)), /*#__PURE__*/React__default.default.createElement(CalendarHeader_styles.StyledArrows, null, periodSelectorAlign === 'start' && /*#__PURE__*/React__default.default.createElement(PreviousButton, null), /*#__PURE__*/React__default.default.createElement(NextButton, null))));
 };
 
 exports.CalendarHeader = CalendarHeader;

package/dist/css/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js

@@ -1,4 +1,4 @@
-require('./CalendarHeader.styles_1dozbwl.css');
+require('./CalendarHeader.styles_g8s515.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -15,10 +15,19 @@ var StyledCalendarHeader = /*#__PURE__*/react.styled('div')({
   "class": "sgksorr",
   propsAsIs: false
 });
+var _exp1 = function _exp1() {
+  return function (_ref) {
+    var periodSelectorAlign = _ref.periodSelectorAlign;
+    return periodSelectorAlign === 'center' && "\n            flex: 1;\n            min-width: 0;\n            justify-content: center;\n        ";
+  };
+};
 var StyledHeader = /*#__PURE__*/react.styled('button')({
   name: "StyledHeader",
   "class": "sn4om16",
-  propsAsIs: false
+  propsAsIs: false,
+  vars: {
+    "sn4om16-0": [/*#__PURE__*/_exp1()]
+  }
 });
 var StyledHeaderDate = /*#__PURE__*/react.styled('span')({
   name: "StyledHeaderDate",
@@ -32,10 +41,10 @@ var StyledArrows = /*#__PURE__*/react.styled('div')({
 });
 
 // NOTE: переопределение токенов IconButton
-var _exp14 = function _exp14() {
+var _exp15 = function _exp15() {
   return IconButton;
 };
-var StyledArrow = /*#__PURE__*/react.styled(_exp14())({
+var StyledArrow = /*#__PURE__*/react.styled(_exp15())({
   name: "StyledArrow",
   "class": "s1aivv2y",
   propsAsIs: true
@@ -55,10 +64,10 @@ var StyledHeaderDouble = /*#__PURE__*/react.styled('button')({
   "class": "s7edshx",
   propsAsIs: false
 });
-var _exp55 = function _exp55() {
+var _exp56 = function _exp56() {
   return IconDisclosureDownFill.IconDisclosureDownFill;
 };
-var StyledHeaderArrow = /*#__PURE__*/react.styled(_exp55())({
+var StyledHeaderArrow = /*#__PURE__*/react.styled(_exp56())({
   name: "StyledHeaderArrow",
   "class": "sw3ytaj",
   propsAsIs: true

package/dist/css/{es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1dozbwl.css → cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_g8s515.css}

@@ -1,5 +1,5 @@
 .sgksorr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-calendar-header-wrapper-padding);}
-.sn4om16{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.sn4om16:hover,.sn4om16:active{color:var(--plasma-calendar-content-secondary-color);}.sn4om16::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.sn4om16.focus-visible:focus::before,.sn4om16[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
+.sn4om16{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}var(--sn4om16-0) .sn4om16:hover,.sn4om16:active{color:var(--plasma-calendar-content-secondary-color);}.sn4om16::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.sn4om16.focus-visible:focus::before,.sn4om16[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
 .sisr05v{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;}
 .s1gqwiu3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-arrow-container-gap);padding:var(--plasma-calendar-arrow-container-padding);}
 .s1aivv2y{--plasma-icon-button-color:var(--plasma-calendar-icon-button-color);--plasma-icon-button-background-color:var(--plasma-calendar-icon-button-background);--plasma-icon-button-color-hover:var(--plasma-calendar-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-calendar-icon-button-background-hover);--plasma-icon-button-color-active:var(--plasma-calendar-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-calendar-icon-button-background-active);--plasma-icon-button-height:var(--plasma-calendar-icon-button-height);--plasma-icon-button-width:var(--plasma-calendar-icon-button-width);--plasma-icon-button-padding:var(--plasma-calendar-icon-button-padding);--plasma-icon-button-radius:var(--plasma-calendar-icon-button-radius);--plasma-icon-button-focus-color:var(--plasma-calendar-icon-button-focus-color);}.s1aivv2y.disabled-prev-button{cursor:not-allowed;opacity:0.4;}.s1aivv2y.disabled-prev-button:hover,.s1aivv2y.disabled-prev-button:active{color:var(--plasma-calendar-icon-button-color);}

package/dist/css/cjs/components/Carousel/CarouselNew/Carousel.css

@@ -29,12 +29,15 @@
 
 .IconButton_styles_1ek7d1f_blr36gw__03e8ec5e{--box-shadow-spread:var(--plasma-button-border-width,0.063rem);position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color,inset 0 0 0 0 transparent);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-border-color:var(--plasma-icon-button-border-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-border-color-hover:var(--plasma-icon-button-border-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-border-color-active:var(--plasma-icon-button-border-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);--plasma-button-border-width:var(--plasma-icon-button-border-width);}a.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonSquare__03e8ec5e{width:var(--plasma-button-height);padding:0;}@media (hover:hover) and (pointer:fine){.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-hover,inset 0 0 0 0 transparent);scale:var(--plasma-button-scale-hover);}}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-active,inset 0 0 0 0 transparent);scale:var(---plasma-button-scale-active);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:focus-visible{outline:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(0.125rem + var(--plasma_private-btn-br));outline:var(--plasma_private-btn-outline-size) solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_focusVisible__03e8ec5e:focus::before,.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[data-focus-visible-added]::before{outline-color:var(--plasma-button-focus-color);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}@media (hover:hover) and (pointer:fine){.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]:hover,.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingFixed__03e8ec5e{width:var(--plasma-button-width);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingFilled__03e8ec5e{width:100%;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingAuto__03e8ec5e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 
-.Carousel_styles_1591nkt_b1tv1c06__b1d16cc1{position:relative;}
-.Carousel_styles_1591nkt_c176rtzw__b1d16cc1{position:relative;padding:0;list-style:none;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overflow-x:hidden;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-moz-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:pan-y;cursor:var(--c176rtzw-0);}.Carousel_styles_1591nkt_c176rtzw__b1d16cc1::-webkit-scrollbar{display:none;}.Carousel_styles_1591nkt_c176rtzw__b1d16cc1:active{cursor:var(--c176rtzw-1);}
-.Carousel_styles_1591nkt_c1otptoj__b1d16cc1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--c1otptoj-0);vertical-align:top;}.Carousel_styles_1591nkt_c1otptoj__b1d16cc1 > div{-webkit-scroll-snap-align:none;-moz-scroll-snap-align:none;-ms-scroll-snap-align:none;scroll-snap-align:none;}
-.Carousel_styles_1591nkt_cn385sh__b1d16cc1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}
-.Carousel_styles_1591nkt_i16tncz3__b1d16cc1{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.75rem;z-index:10;--plasma-icon-button-color:var(--plasma-carousel-control-icon-button-color);--plasma-icon-button-background-color:var(--plasma-carousel-control-icon-button-background-color);--plasma-icon-button-color-hover:var(--plasma-carousel-control-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-carousel-control-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-carousel-control-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-carousel-control-icon-button-background-color-active);--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:var(--plasma-carousel-control-icon-button-radius);}.Carousel_styles_1591nkt_i16tncz3__b1d16cc1.Carousel_styles_1591nkt_carouselRightControlButton__b1d16cc1{left:auto;right:0.75rem;}
-.Carousel_styles_1591nkt_cbkyt7f__b1d16cc1{position:relative;}
+.Carousel_styles_1jzfm8b_b1tv1c06__928c7841{position:relative;}
+.Carousel_styles_1jzfm8b_c176rtzw__928c7841{position:relative;padding:0;list-style:none;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overflow-x:hidden;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-moz-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:pan-y;cursor:var(--c176rtzw-0);}.Carousel_styles_1jzfm8b_c176rtzw__928c7841::-webkit-scrollbar{display:none;}.Carousel_styles_1jzfm8b_c176rtzw__928c7841:active{cursor:var(--c176rtzw-1);}
+.Carousel_styles_1jzfm8b_c1otptoj__928c7841{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:100%;min-width:100%;box-sizing:border-box;}.Carousel_styles_1jzfm8b_c1otptoj__928c7841 > *{width:100% !important;max-width:100% !important;box-sizing:border-box;}
+.Carousel_styles_1jzfm8b_cn385sh__928c7841{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--cn385sh-0);vertical-align:top;}.Carousel_styles_1jzfm8b_cn385sh__928c7841 > div{-webkit-scroll-snap-align:none;-moz-scroll-snap-align:none;-ms-scroll-snap-align:none;scroll-snap-align:none;}
+.Carousel_styles_1jzfm8b_c16tncz3__928c7841.Carousel_styles_1jzfm8b_cn385sh__928c7841{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;}
+.Carousel_styles_1jzfm8b_cbkyt7f__928c7841{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}
+.Carousel_styles_1jzfm8b_c16pmiuk__928c7841.Carousel_styles_1jzfm8b_cbkyt7f__928c7841{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:100%;min-width:100%;box-sizing:border-box;}.Carousel_styles_1jzfm8b_c16pmiuk__928c7841.Carousel_styles_1jzfm8b_cbkyt7f__928c7841 > *{width:100% !important;max-width:100% !important;box-sizing:border-box;}
+.Carousel_styles_1jzfm8b_i125qo0d__928c7841{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.75rem;z-index:10;--plasma-icon-button-color:var(--plasma-carousel-control-icon-button-color);--plasma-icon-button-background-color:var(--plasma-carousel-control-icon-button-background-color);--plasma-icon-button-color-hover:var(--plasma-carousel-control-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-carousel-control-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-carousel-control-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-carousel-control-icon-button-background-color-active);--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:var(--plasma-carousel-control-icon-button-radius);}.Carousel_styles_1jzfm8b_i125qo0d__928c7841.Carousel_styles_1jzfm8b_carouselRightControlButton__928c7841{left:auto;right:0.75rem;}
+.Carousel_styles_1jzfm8b_c1fpticm__928c7841{position:relative;}
 
 .Dots_styles_u4em16_w1cp7xzw__14d8099f{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:0.75rem;--duration:0.3s;--half-duration:0.15s;}
 .Dots_styles_u4em16_t1xznmt0__14d8099f{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform 0s ease;-webkit-transition:transform 0s ease;transition:transform 0s ease;}.Dots_styles_u4em16_t1xznmt0__14d8099f.Dots_styles_u4em16_dotAnimating__14d8099f{-webkit-transition:-webkit-transform var(--duration) ease;-webkit-transition:transform var(--duration) ease;transition:transform var(--duration) ease;}.Dots_styles_u4em16_t1xznmt0__14d8099f .Dots_styles_u4em16_dot__14d8099f{width:0.5rem;height:0.5rem;margin:0 0.25rem;cursor:pointer;background-color:var(--plasma-carousel-pagination-dot-background);border-radius:100%;}.Dots_styles_u4em16_t1xznmt0__14d8099f .Dots_styles_u4em16_dot__14d8099f.Dots_styles_u4em16_dotActive__14d8099f{background-color:var(--plasma-carousel-pagination-dot-active-background);}@-webkit-keyframes Dots_styles_u4em16_fadeOutT1xznmt0__14d8099f{from{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}to{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}}@keyframes Dots_styles_u4em16_fadeOutT1xznmt0__14d8099f{from{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}to{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}}.Dots_styles_u4em16_t1xznmt0__14d8099f .Dots_styles_u4em16_dot__14d8099f.Dots_styles_u4em16_dotAnimateOut__14d8099f{-webkit-animation:Dots_styles_u4em16_fadeOutT1xznmt0__14d8099f var(--half-duration) ease forwards;animation:Dots_styles_u4em16_fadeOutT1xznmt0__14d8099f var(--half-duration) ease forwards;}@-webkit-keyframes Dots_styles_u4em16_shrinkingT1xznmt0__14d8099f{from{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}}@keyframes Dots_styles_u4em16_shrinkingT1xznmt0__14d8099f{from{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}}.Dots_styles_u4em16_t1xznmt0__14d8099f .Dots_styles_u4em16_dot__14d8099f.Dots_styles_u4em16_dotShrinking__14d8099f{-webkit-animation:Dots_styles_u4em16_shrinkingT1xznmt0__14d8099f var(--half-duration) var(--half-duration) ease forwards;animation:Dots_styles_u4em16_shrinkingT1xznmt0__14d8099f var(--half-duration) var(--half-duration) ease forwards;}

package/dist/css/cjs/components/Carousel/CarouselNew/Carousel.js

@@ -20,7 +20,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 var _IconDisclosureLeft, _IconDisclosureRight;
-var _excluded = ["view", "size", "scrollAlign", "children", "controlArrowsDisabled", "paginationOptions", "gap", "className", "style", "defaultIndex", "loop", "autoPlay", "autoPlayInterval", "swipeEnabled", "virtual", "index", "onChangeIndex"];
+var _excluded = ["view", "size", "scrollAlign", "children", "controlArrowsDisabled", "paginationOptions", "gap", "className", "style", "defaultIndex", "loop", "autoPlay", "autoPlayInterval", "swipeEnabled", "virtual", "fullWidth", "index", "onChangeIndex"];
 var VISIBLE_DOTS_DEFAULT = 10;
 var DOTS_CENTERED_DEFAULT = false;
 var AUTO_PLAY_INTERVAL_DEFAULT = 5000;
@@ -57,6 +57,8 @@ var carouselNewRoot = function carouselNewRoot(Root) {
       swipeEnabled = _ref$swipeEnabled === void 0 ? false : _ref$swipeEnabled,
       _ref$virtual = _ref.virtual,
       virtual = _ref$virtual === void 0 ? false : _ref$virtual,
+      _ref$fullWidth = _ref.fullWidth,
+      fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
       outerIndex = _ref.index,
       outerOnChangeIndex = _ref.onChangeIndex,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
@@ -110,18 +112,25 @@ var carouselNewRoot = function carouselNewRoot(Root) {
       beforeSpacerWidth = _useCarousel.beforeSpacerWidth,
       afterSpacerWidth = _useCarousel.afterSpacerWidth,
       measureVirtualItem = _useCarousel.measureVirtualItem;
+    var Track = fullWidth ? Carousel_styles.CarouselFullWidthTrack : Carousel_styles.CarouselTrack;
+    var VirtualItem = fullWidth ? Carousel_styles.CarouselFullWidthVirtualItem : Carousel_styles.CarouselVirtualItem;
     var slides = React.useMemo(function () {
       if (!virtual) {
-        return children;
+        if (!fullWidth) {
+          return children;
+        }
+        return React.Children.map(childrenArray, function (child) {
+          return /*#__PURE__*/React__default.default.createElement(Carousel_styles.CarouselSlide, null, child);
+        });
       }
       return virtualItems.map(function (virtualItem) {
         var child = childrenArray[virtualItem.index];
-        return /*#__PURE__*/React__default.default.createElement(Carousel_styles.CarouselVirtualItem, _rollupPluginBabelHelpers.extends({
+        return /*#__PURE__*/React__default.default.createElement(VirtualItem, _rollupPluginBabelHelpers.extends({
           key: virtualItem.key,
           ref: measureVirtualItem(virtualItem.index)
         }, _rollupPluginBabelHelpers.defineProperty({}, ITEM_VIRTUAL_ATTRIBUTE, virtualItem.index)), child);
       });
-    }, [children, childrenArray, measureVirtualItem, virtual, virtualItems]);
+    }, [VirtualItem, children, childrenArray, fullWidth, measureVirtualItem, virtual, virtualItems]);
     useDisableScroll.useDisableScroll(scrollRef);
     return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
       className: className,
@@ -138,7 +147,7 @@ var carouselNewRoot = function carouselNewRoot(Root) {
     }))), /*#__PURE__*/React__default.default.createElement(Carousel_styles.CarouselWrapper, {
       ref: scrollRef,
       isSwipeEnabled: swipeEnabled
-    }, /*#__PURE__*/React__default.default.createElement(Carousel_styles.CarouselTrack, {
+    }, /*#__PURE__*/React__default.default.createElement(Track, {
       ref: trackRef,
       gap: gap
     }, virtual && beforeSpacerWidth > 0 && /*#__PURE__*/React__default.default.createElement("div", {

package/dist/css/cjs/components/Carousel/CarouselNew/Carousel.styles.js

@@ -1,4 +1,4 @@
-require('./Carousel.styles_1591nkt.css');
+require('./Carousel.styles_1jzfm8b.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -31,7 +31,16 @@ var CarouselWrapper = /*#__PURE__*/react.styled('div')({
     "c176rtzw-1": [/*#__PURE__*/_exp2()]
   }
 });
-var _exp3 = function _exp3() {
+
+// Трек в fullWidth имеет определённую ширину, поэтому 100% — это ширина вьюпорта, а не сумма слайдов.
+// Обычная строка, а не css``: Linaria в build:css подставляет результат css`` как имя класса.
+
+var CarouselSlide = /*#__PURE__*/react.styled('div')({
+  name: "CarouselSlide",
+  "class": "c1otptoj",
+  propsAsIs: false
+});
+var _exp4 = function _exp4() {
   return function (_ref3) {
     var gap = _ref3.gap;
     return gap;
@@ -39,31 +48,50 @@ var _exp3 = function _exp3() {
 };
 var CarouselTrack = /*#__PURE__*/react.styled('div')({
   name: "CarouselTrack",
-  "class": "c1otptoj",
+  "class": "cn385sh",
   propsAsIs: false,
   vars: {
-    "c1otptoj-0": [/*#__PURE__*/_exp3()]
+    "cn385sh-0": [/*#__PURE__*/_exp4()]
   }
 });
+var _exp5 = function _exp5() {
+  return CarouselTrack;
+};
+var CarouselFullWidthTrack = /*#__PURE__*/react.styled(_exp5())({
+  name: "CarouselFullWidthTrack",
+  "class": "c16tncz3",
+  propsAsIs: true
+});
 var CarouselVirtualItem = /*#__PURE__*/react.styled('div')({
   name: "CarouselVirtualItem",
-  "class": "cn385sh",
+  "class": "cbkyt7f",
   propsAsIs: false
 });
-var _exp4 = function _exp4() {
+var _exp6 = function _exp6() {
+  return CarouselVirtualItem;
+};
+var CarouselFullWidthVirtualItem = /*#__PURE__*/react.styled(_exp6())({
+  name: "CarouselFullWidthVirtualItem",
+  "class": "c16pmiuk",
+  propsAsIs: true
+});
+var _exp8 = function _exp8() {
   return IconButtonComponent;
 };
-var IconButton = /*#__PURE__*/react.styled(_exp4())({
+var IconButton = /*#__PURE__*/react.styled(_exp8())({
   name: "IconButton",
-  "class": "i16tncz3",
+  "class": "i125qo0d",
   propsAsIs: true
 });
 var ControlsWrapper = /*#__PURE__*/react.styled('div')({
   name: "ControlsWrapper",
-  "class": "cbkyt7f",
+  "class": "c1fpticm",
   propsAsIs: false
 });
 
+exports.CarouselFullWidthTrack = CarouselFullWidthTrack;
+exports.CarouselFullWidthVirtualItem = CarouselFullWidthVirtualItem;
+exports.CarouselSlide = CarouselSlide;
 exports.CarouselTrack = CarouselTrack;
 exports.CarouselVirtualItem = CarouselVirtualItem;
 exports.CarouselWrapper = CarouselWrapper;

package/dist/css/{es/components/Carousel/CarouselNew/Carousel.styles_1591nkt.css → cjs/components/Carousel/CarouselNew/Carousel.styles_1jzfm8b.css}

@@ -1,6 +1,9 @@
 .b1tv1c06{position:relative;}
 .c176rtzw{position:relative;padding:0;list-style:none;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overflow-x:hidden;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-moz-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:pan-y;cursor:var(--c176rtzw-0);}.c176rtzw::-webkit-scrollbar{display:none;}.c176rtzw:active{cursor:var(--c176rtzw-1);}
-.c1otptoj{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--c1otptoj-0);vertical-align:top;}.c1otptoj > div{-webkit-scroll-snap-align:none;-moz-scroll-snap-align:none;-ms-scroll-snap-align:none;scroll-snap-align:none;}
-.cn385sh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}
-.i16tncz3{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.75rem;z-index:10;--plasma-icon-button-color:var(--plasma-carousel-control-icon-button-color);--plasma-icon-button-background-color:var(--plasma-carousel-control-icon-button-background-color);--plasma-icon-button-color-hover:var(--plasma-carousel-control-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-carousel-control-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-carousel-control-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-carousel-control-icon-button-background-color-active);--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:var(--plasma-carousel-control-icon-button-radius);}.i16tncz3.carousel-right-control-button{left:auto;right:0.75rem;}
-.cbkyt7f{position:relative;}
+.c1otptoj{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:100%;min-width:100%;box-sizing:border-box;}.c1otptoj > *{width:100% !important;max-width:100% !important;box-sizing:border-box;}
+.cn385sh{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--cn385sh-0);vertical-align:top;}.cn385sh > div{-webkit-scroll-snap-align:none;-moz-scroll-snap-align:none;-ms-scroll-snap-align:none;scroll-snap-align:none;}
+.c16tncz3.cn385sh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;}
+.cbkyt7f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}
+.c16pmiuk.cbkyt7f{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:100%;min-width:100%;box-sizing:border-box;}.c16pmiuk.cbkyt7f > *{width:100% !important;max-width:100% !important;box-sizing:border-box;}
+.i125qo0d{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.75rem;z-index:10;--plasma-icon-button-color:var(--plasma-carousel-control-icon-button-color);--plasma-icon-button-background-color:var(--plasma-carousel-control-icon-button-background-color);--plasma-icon-button-color-hover:var(--plasma-carousel-control-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-carousel-control-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-carousel-control-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-carousel-control-icon-button-background-color-active);--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:var(--plasma-carousel-control-icon-button-radius);}.i125qo0d.carousel-right-control-button{left:auto;right:0.75rem;}
+.c1fpticm{position:relative;}

package/dist/css/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js

@@ -10,6 +10,7 @@ var getGapWidth = require('../utils/getGapWidth.js');
 var getCalculatedPos = require('../utils/getCalculatedPos.js');
 var getClosestIndex = require('../utils/getClosestIndex.js');
 
+var AXIS_LOCK_THRESHOLD = 8;
 // Хук инкапсулирует scroll, swipe и виртуализацию трека карусели.
 var useCarousel = function useCarousel(_ref) {
   var _virtualItems$0$start, _virtualItems$, _virtualItems$end, _virtualItems;
@@ -250,8 +251,10 @@ var useCarousel = function useCarousel(_ref) {
       return;
     }
     var startX = 0;
+    var startY = 0;
     var startScrollLeft = 0;
     var activePointerId = null;
+    var axisLocked = false;
     var initialScrollBehavior = '';
     var initialScrollSnapType = '';
 
@@ -264,6 +267,7 @@ var useCarousel = function useCarousel(_ref) {
     // Сбрасывает служебное состояние drag/swipe.
     var resetInteraction = function resetInteraction() {
       activePointerId = null;
+      axisLocked = false;
       isInteracting.current = false;
       restoreScrollBehavior();
     };
@@ -294,10 +298,8 @@ var useCarousel = function useCarousel(_ref) {
       onChangeIndex(nextIndex);
     };
 
-    // Запоминает стартовую точку drag и временно отключает smooth/snap на время жеста.
-    var startInteraction = function startInteraction(_ref2) {
-      var clientX = _ref2.clientX;
-      startX = clientX;
+    // Временно отключает smooth/snap после того, как жест признан горизонтальным.
+    var startInteraction = function startInteraction() {
       startScrollLeft = scrollElement.scrollLeft;
       initialScrollBehavior = scrollElement.style.scrollBehavior;
       initialScrollSnapType = scrollElement.style.scrollSnapType;
@@ -307,8 +309,8 @@ var useCarousel = function useCarousel(_ref) {
     };
 
     // Сдвигает scrollLeft в соответствии с текущим смещением указателя.
-    var moveInteraction = function moveInteraction(_ref3) {
-      var clientX = _ref3.clientX;
+    var moveInteraction = function moveInteraction(_ref2) {
+      var clientX = _ref2.clientX;
       if (activePointerId === null) {
         return;
       }
@@ -321,6 +323,25 @@ var useCarousel = function useCarousel(_ref) {
       if (event.pointerId !== activePointerId) {
         return;
       }
+      if (!axisLocked) {
+        var diffX = event.clientX - startX;
+        var diffY = event.clientY - startY;
+        if (Math.hypot(diffX, diffY) < AXIS_LOCK_THRESHOLD) {
+          return;
+        }
+
+        // Вертикальный жест отдаём странице: без preventDefault скролл не блокируется.
+        if (Math.abs(diffY) > Math.abs(diffX)) {
+          if (scrollElement.hasPointerCapture(event.pointerId)) {
+            scrollElement.releasePointerCapture(event.pointerId);
+          }
+          activePointerId = null;
+          return;
+        }
+        axisLocked = true;
+        startInteraction();
+        scrollElement.setPointerCapture(event.pointerId);
+      }
       moveInteraction({
         clientX: event.clientX
       });
@@ -337,19 +358,28 @@ var useCarousel = function useCarousel(_ref) {
       if (scrollElement.hasPointerCapture(event.pointerId)) {
         scrollElement.releasePointerCapture(event.pointerId);
       }
+      if (!axisLocked) {
+        activePointerId = null;
+        return;
+      }
       finishInteraction();
     };
 
-    // Стартует drag только для допустимых primary-pointer событий.
+    // Запоминает старт жеста. Drag включается только после горизонтального порога.
     var onPointerDown = function onPointerDown(event) {
       if (!swipeEnabled || !event.isPrimary || event.pointerType === 'mouse' && event.button !== 0) {
         return;
       }
       activePointerId = event.pointerId;
-      startInteraction({
-        clientX: event.clientX
-      });
-      scrollElement.setPointerCapture(event.pointerId);
+      startX = event.clientX;
+      startY = event.clientY;
+      axisLocked = false;
+
+      // Мышь захватываем сразу, чтобы pointerup за пределами карусели сбросил жест.
+      // Тач не захватываем: иначе вертикальный скролл страницы блокируется.
+      if (event.pointerType === 'mouse') {
+        scrollElement.setPointerCapture(event.pointerId);
+      }
     };
     if (swipeEnabled) {
       scrollElement.addEventListener('pointerdown', onPointerDown);