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

package/dist/css/es/components/Calendar/CalendarBase/CalendarBase.css

@@ -29,15 +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;}
 
-.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);}
 
 .DateStructureItem_styles_89vxxx_stjjgaf__69ee7173{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);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;}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{right:var(--stjjgaf-0);}
 .DateStructureItem_styles_89vxxx_s12s50dy__69ee7173{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);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;color:var(--s12s50dy-0);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173:not(.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);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;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayInCurrentMonth__69ee7173:not(.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173):not(.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayOfWeek__69ee7173{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173 .DateStructureItem_styles_89vxxx_popoverWrapper__69ee7173.DateStructureItem_styles_89vxxx_popoverTargetAsRef__69ee7173{z-index:-1;width:100%;}

package/dist/css/es/components/Calendar/CalendarBase/CalendarBase.js

@@ -22,7 +22,7 @@ import { EventTooltip } from '../ui/EventTooltip/EventTooltip.styles.js';
 import { isValueUpdate } from '../utils/calendarRangeHelper.js';
 import { I18N } from '../utils/constants.js';
 
-var _excluded = ["className", "value", "focusedDate", "min", "max", "renderFromDate", "includeEdgeDates", "type", "eventTooltipOptions", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "quarterNames", "eventYearList", "disabledYearList", "locale", "stretched", "onChangeValue", "onChangeVisibleDate"];
+var _excluded = ["className", "value", "focusedDate", "min", "max", "renderFromDate", "includeEdgeDates", "type", "eventTooltipOptions", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "quarterNames", "eventYearList", "disabledYearList", "locale", "periodSelectorAlign", "stretched", "onChangeValue", "onChangeVisibleDate"];
 /**
  * Компонент календаря.
  */
@@ -49,6 +49,8 @@ var calendarBaseRoot = function calendarBaseRoot(Root) {
       disabledYearList = _ref.disabledYearList,
       _ref$locale = _ref.locale,
       locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
+      _ref$periodSelectorAl = _ref.periodSelectorAlign,
+      periodSelectorAlign = _ref$periodSelectorAl === void 0 ? 'start' : _ref$periodSelectorAl,
       stretched = _ref.stretched,
       onChangeValue = _ref.onChangeValue,
       onChangeVisibleDate = _ref.onChangeVisibleDate,
@@ -247,7 +249,8 @@ var calendarBaseRoot = function calendarBaseRoot(Root) {
       onPrev: handlePrev,
       onNext: handleNext,
       onUpdateCalendarState: handleUpdateCalendarState,
-      locale: locale
+      locale: locale,
+      periodSelectorAlign: periodSelectorAlign
     }), calendarState === CalendarState.Days && /*#__PURE__*/React.createElement(CalendarDays, {
       value: internalValue,
       date: date,

package/dist/css/es/components/Calendar/CalendarDouble/CalendarDouble.css

@@ -29,15 +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;}
 
-.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);}
 
 .DateStructureItem_styles_89vxxx_stjjgaf__69ee7173{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);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;}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{right:var(--stjjgaf-0);}
 .DateStructureItem_styles_89vxxx_s12s50dy__69ee7173{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);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;color:var(--s12s50dy-0);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173:not(.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);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;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayInCurrentMonth__69ee7173:not(.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173):not(.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayOfWeek__69ee7173{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173 .DateStructureItem_styles_89vxxx_popoverWrapper__69ee7173.DateStructureItem_styles_89vxxx_popoverTargetAsRef__69ee7173{z-index:-1;width:100%;}

package/dist/css/es/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/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js

@@ -5,7 +5,7 @@ import { CalendarState } from '../../store/types.js';
 import { classes, tokens } from '../../Calendar.tokens.js';
 import { sizeMap } from '../../store/reducer.js';
 import { cx } from '../../../../utils/index.js';
-import { StyledCalendarHeader, StyledNavigation, StyledDoubleHeaderWrapper, StyledHeaderDouble, StyledHeader, StyledArrows, StyledHeaderDate, StyledHeaderArrow, StyledArrow } from './CalendarHeader.styles.js';
+import { StyledCalendarHeader, StyledNavigation, StyledDoubleHeaderWrapper, StyledHeaderDouble, StyledArrows, StyledHeader, StyledHeaderDate, StyledHeaderArrow, StyledArrow } from './CalendarHeader.styles.js';
 import { MONTH_NAMES, YEAR_RENDER_COUNT, I18N } from '../../utils/constants.js';
 import { getCalendarType } from '../../utils/calendarGridHelper.js';
 
@@ -24,7 +24,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 ? sizeMap.Months["double"] : sizeMap.Months.single;
     if (type === CalendarState.Days) {
@@ -98,13 +100,14 @@ var CalendarHeader = function CalendarHeader(_ref) {
   }, /*#__PURE__*/React.createElement(StyledHeaderDouble, {
     onClick: handleCalendarState,
     "aria-live": "polite"
-  }, getHeaderContent(secondDate, true)), /*#__PURE__*/React.createElement(NextButton, null))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeader, {
+  }, getHeaderContent(secondDate, true)), /*#__PURE__*/React.createElement(NextButton, null))) : /*#__PURE__*/React.createElement(React.Fragment, null, periodSelectorAlign === 'center' && /*#__PURE__*/React.createElement(StyledArrows, null, /*#__PURE__*/React.createElement(PreviousButton, null)), /*#__PURE__*/React.createElement(StyledHeader, {
+    periodSelectorAlign: periodSelectorAlign,
     type: "button",
     "aria-live": "polite",
     id: "id-grid-label",
     onClick: handleCalendarState,
     tabIndex: 0
-  }, getHeaderContent(firstDate)), /*#__PURE__*/React.createElement(StyledArrows, null, /*#__PURE__*/React.createElement(PreviousButton, null), /*#__PURE__*/React.createElement(NextButton, null))));
+  }, getHeaderContent(firstDate)), /*#__PURE__*/React.createElement(StyledArrows, null, periodSelectorAlign === 'start' && /*#__PURE__*/React.createElement(PreviousButton, null), /*#__PURE__*/React.createElement(NextButton, null))));
 };
 
 export { CalendarHeader };

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

@@ -1,4 +1,4 @@
-import './CalendarHeader.styles_1dozbwl.css';
+import './CalendarHeader.styles_g8s515.css';
 import { styled } from '@linaria/react';
 import { IconDisclosureDownFill } from '../../../_Icon/Icons/IconDisclosureDownFill.js';
 import { component, mergeConfig } from '../../../../engines/common.js';
@@ -11,10 +11,19 @@ var StyledCalendarHeader = /*#__PURE__*/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__*/styled('button')({
   name: "StyledHeader",
   "class": "sn4om16",
-  propsAsIs: false
+  propsAsIs: false,
+  vars: {
+    "sn4om16-0": [/*#__PURE__*/_exp1()]
+  }
 });
 var StyledHeaderDate = /*#__PURE__*/styled('span')({
   name: "StyledHeaderDate",
@@ -28,10 +37,10 @@ var StyledArrows = /*#__PURE__*/styled('div')({
 });
 
 // NOTE: переопределение токенов IconButton
-var _exp14 = function _exp14() {
+var _exp15 = function _exp15() {
   return IconButton;
 };
-var StyledArrow = /*#__PURE__*/styled(_exp14())({
+var StyledArrow = /*#__PURE__*/styled(_exp15())({
   name: "StyledArrow",
   "class": "s1aivv2y",
   propsAsIs: true
@@ -51,10 +60,10 @@ var StyledHeaderDouble = /*#__PURE__*/styled('button')({
   "class": "s7edshx",
   propsAsIs: false
 });
-var _exp55 = function _exp55() {
+var _exp56 = function _exp56() {
   return IconDisclosureDownFill;
 };
-var StyledHeaderArrow = /*#__PURE__*/styled(_exp55())({
+var StyledHeaderArrow = /*#__PURE__*/styled(_exp56())({
   name: "StyledHeaderArrow",
   "class": "sw3ytaj",
   propsAsIs: true

package/dist/css/{cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1dozbwl.css → es/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/es/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/es/components/Carousel/CarouselNew/Carousel.js

@@ -5,14 +5,14 @@ import { IconDisclosureRight } from '../../_Icon/Icons/IconDisclosureRight.js';
 import { classes } from './Carousel.tokens.js';
 import { base as base$2 } from './variations/_size/base.js';
 import { base as base$1 } from './variations/_view/base.js';
-import { CarouselVirtualItem, ControlsWrapper, IconButton, CarouselWrapper, CarouselTrack, base } from './Carousel.styles.js';
+import { CarouselSlide, ControlsWrapper, IconButton, CarouselWrapper, base, CarouselFullWidthTrack, CarouselTrack, CarouselFullWidthVirtualItem, CarouselVirtualItem } from './Carousel.styles.js';
 import { useCarousel } from './hooks/useCarousel.js';
 import { getNormalizedIndex } from './utils/getNormalizedIndex.js';
 import { useDisableScroll } from '../../../hooks/useDisableScroll.js';
 import { Dots } from './ui/Dots/Dots.js';
 
 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;
@@ -49,6 +49,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 = _objectWithoutProperties(_ref, _excluded);
@@ -102,18 +104,25 @@ var carouselNewRoot = function carouselNewRoot(Root) {
       beforeSpacerWidth = _useCarousel.beforeSpacerWidth,
       afterSpacerWidth = _useCarousel.afterSpacerWidth,
       measureVirtualItem = _useCarousel.measureVirtualItem;
+    var Track = fullWidth ? CarouselFullWidthTrack : CarouselTrack;
+    var VirtualItem = fullWidth ? CarouselFullWidthVirtualItem : CarouselVirtualItem;
     var slides = useMemo(function () {
       if (!virtual) {
-        return children;
+        if (!fullWidth) {
+          return children;
+        }
+        return Children.map(childrenArray, function (child) {
+          return /*#__PURE__*/React.createElement(CarouselSlide, null, child);
+        });
       }
       return virtualItems.map(function (virtualItem) {
         var child = childrenArray[virtualItem.index];
-        return /*#__PURE__*/React.createElement(CarouselVirtualItem, _extends({
+        return /*#__PURE__*/React.createElement(VirtualItem, _extends({
           key: virtualItem.key,
           ref: measureVirtualItem(virtualItem.index)
         }, _defineProperty({}, ITEM_VIRTUAL_ATTRIBUTE, virtualItem.index)), child);
       });
-    }, [children, childrenArray, measureVirtualItem, virtual, virtualItems]);
+    }, [VirtualItem, children, childrenArray, fullWidth, measureVirtualItem, virtual, virtualItems]);
     useDisableScroll(scrollRef);
     return /*#__PURE__*/React.createElement(Root, _extends({
       className: className,
@@ -130,7 +139,7 @@ var carouselNewRoot = function carouselNewRoot(Root) {
     }))), /*#__PURE__*/React.createElement(CarouselWrapper, {
       ref: scrollRef,
       isSwipeEnabled: swipeEnabled
-    }, /*#__PURE__*/React.createElement(CarouselTrack, {
+    }, /*#__PURE__*/React.createElement(Track, {
       ref: trackRef,
       gap: gap
     }, virtual && beforeSpacerWidth > 0 && /*#__PURE__*/React.createElement("div", {

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

@@ -1,4 +1,4 @@
-import './Carousel.styles_1591nkt.css';
+import './Carousel.styles_1jzfm8b.css';
 import { styled } from '@linaria/react';
 import { component, mergeConfig } from '../../../engines/common.js';
 import { iconButtonConfig } from '../../IconButton/IconButton.js';
@@ -27,7 +27,16 @@ var CarouselWrapper = /*#__PURE__*/styled('div')({
     "c176rtzw-1": [/*#__PURE__*/_exp2()]
   }
 });
-var _exp3 = function _exp3() {
+
+// Трек в fullWidth имеет определённую ширину, поэтому 100% — это ширина вьюпорта, а не сумма слайдов.
+// Обычная строка, а не css``: Linaria в build:css подставляет результат css`` как имя класса.
+
+var CarouselSlide = /*#__PURE__*/styled('div')({
+  name: "CarouselSlide",
+  "class": "c1otptoj",
+  propsAsIs: false
+});
+var _exp4 = function _exp4() {
   return function (_ref3) {
     var gap = _ref3.gap;
     return gap;
@@ -35,29 +44,45 @@ var _exp3 = function _exp3() {
 };
 var CarouselTrack = /*#__PURE__*/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__*/styled(_exp5())({
+  name: "CarouselFullWidthTrack",
+  "class": "c16tncz3",
+  propsAsIs: true
+});
 var CarouselVirtualItem = /*#__PURE__*/styled('div')({
   name: "CarouselVirtualItem",
-  "class": "cn385sh",
+  "class": "cbkyt7f",
   propsAsIs: false
 });
-var _exp4 = function _exp4() {
+var _exp6 = function _exp6() {
+  return CarouselVirtualItem;
+};
+var CarouselFullWidthVirtualItem = /*#__PURE__*/styled(_exp6())({
+  name: "CarouselFullWidthVirtualItem",
+  "class": "c16pmiuk",
+  propsAsIs: true
+});
+var _exp8 = function _exp8() {
   return IconButtonComponent;
 };
-var IconButton = /*#__PURE__*/styled(_exp4())({
+var IconButton = /*#__PURE__*/styled(_exp8())({
   name: "IconButton",
-  "class": "i16tncz3",
+  "class": "i125qo0d",
   propsAsIs: true
 });
 var ControlsWrapper = /*#__PURE__*/styled('div')({
   name: "ControlsWrapper",
-  "class": "cbkyt7f",
+  "class": "c1fpticm",
   propsAsIs: false
 });
 
-export { CarouselTrack, CarouselVirtualItem, CarouselWrapper, ControlsWrapper, IconButton, IconButtonComponent, base };
+export { CarouselFullWidthTrack, CarouselFullWidthVirtualItem, CarouselSlide, CarouselTrack, CarouselVirtualItem, CarouselWrapper, ControlsWrapper, IconButton, IconButtonComponent, base };

package/dist/css/{cjs/components/Carousel/CarouselNew/Carousel.styles_1591nkt.css → es/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;}