@salutejs/plasma-new-hope 0.109.0-canary.1308.10039680195.0 → 0.109.0-dev.0

package/es/components/DatePicker/SingleDate/SingleDate.css

@@ -28,33 +28,32 @@
 
 .IconButton_styles_7v8g0e_b1ua728l__3b30d792{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-color:var(--plasma-button-background-color);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-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-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-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);}a.IconButton_styles_7v8g0e_b1ua728l__3b30d792{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonSquare__3b30d792{width:var(--plasma-button-height);padding:0;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:focus{outline:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_focusVisible__3b30d792:focus::before,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:hover,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFixed__3b30d792{width:var(--plasma-button-width);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFilled__3b30d792{width:100%;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingAuto__3b30d792{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 
-.CalendarHeader_styles_gnorek_sjaqipy__eb2e05d8{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_gnorek_s1k7jebr__eb2e05d8{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_gnorek_s1k7jebr__eb2e05d8:hover,.CalendarHeader_styles_gnorek_s1k7jebr__eb2e05d8:active{color:var(--plasma-calendar-content-secondary-color);}.CalendarHeader_styles_gnorek_s1k7jebr__eb2e05d8::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_gnorek_s1k7jebr__eb2e05d8.CalendarHeader_styles_gnorek_focusVisible__eb2e05d8:focus::before,.CalendarHeader_styles_gnorek_s1k7jebr__eb2e05d8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
-.CalendarHeader_styles_gnorek_s1b07tlr__eb2e05d8{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_gnorek_s13yvda3__eb2e05d8{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_gnorek_s1i8jkj2__eb2e05d8{--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_gnorek_sw3by8z__eb2e05d8{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_gnorek_sdke0q6__eb2e05d8{width:100%;display:grid;grid-template-columns:var(--plasma-calendar-icon-button-width) 1fr var(--plasma-calendar-icon-button-width);grid-template-areas:'a b c';}.CalendarHeader_styles_gnorek_sdke0q6__eb2e05d8 .CalendarHeader_styles_gnorek_s1i8jkj2__eb2e05d8{grid-area:a;}.CalendarHeader_styles_gnorek_sdke0q6__eb2e05d8.CalendarHeader_styles_gnorek_doubleHeader_LastDateWrapper__eb2e05d8 .CalendarHeader_styles_gnorek_s1i8jkj2__eb2e05d8{grid-area:c;}
-.CalendarHeader_styles_gnorek_sdtpxcv__eb2e05d8{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);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;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;}
-
-.CalendarDayItem_styles_107vqka_sotsbos__e3c541ae{border-radius:calc(var(--plasma-calendar-day-item-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;}.CalendarDayItem_styles_107vqka_sotsbos__e3c541ae.CalendarDayItem_styles_107vqka_dayInRange__e3c541ae:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.CalendarDayItem_styles_107vqka_sotsbos__e3c541ae.CalendarDayItem_styles_107vqka_daySideInRange__e3c541ae:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.CalendarDayItem_styles_107vqka_sotsbos__e3c541ae.CalendarDayItem_styles_107vqka_daySideLeft__e3c541ae:before{left:var(--sotsbos-0);}.CalendarDayItem_styles_107vqka_sotsbos__e3c541ae.CalendarDayItem_styles_107vqka_daySideRight__e3c541ae:before{right:var(--sotsbos-0);}
-.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae{font-family:var(--plasma-calendar-day-font-family);font-size:var(--plasma-calendar-day-font-size);font-style:var(--plasma-calendar-day-font-style);font-weight:var(--plasma-calendar-day-font-weight);-webkit-letter-spacing:var(--plasma-calendar-day-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-day-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-day-font-letter-spacing);letter-spacing:var(--plasma-calendar-day-font-letter-spacing);line-height:var(--plasma-calendar-day-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-day-item-width);min-height:var(--plasma-calendar-day-item-height);border-radius:var(--plasma-calendar-day-item-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(--smv00b5-0);visibility:var(--smv00b5-1);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae{outline:none;cursor:pointer;position:relative;}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemHovered__e3c541ae,.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemHovered__e3c541ae:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-day-selected-font-weight);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemSelected__e3c541ae:not(.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-day-selected-font-weight);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-day-selected-font-weight);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae.CalendarDayItem_styles_107vqka_itemSelected__e3c541ae{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-day-selected-font-weight);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae.CalendarDayItem_styles_107vqka_itemSelected__e3c541ae > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-day-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-day-item-height) - 0.25rem);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-day-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_focusVisible__e3c541ae:focus::before,.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae{position:relative;}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-day-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae.CalendarDayItem_styles_107vqka_focusVisible__e3c541ae:focus::before,.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_dayOfWeek__e3c541ae{color:var(--plasma-calendar-day-of-the-week-color);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_dayDisabled__e3c541ae{cursor:not-allowed;opacity:0.4;}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_dayDisabledCurrent__e3c541ae{cursor:not-allowed;opacity:0.4;}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae > .CalendarDayItem_styles_107vqka_dayInRange__e3c541ae:before{width:calc(100% + 2px);height:100%;}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae > .CalendarDayItem_styles_107vqka_daySideRight__e3c541ae:before{width:100%;right:-1px;left:unset;}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae > .CalendarDayItem_styles_107vqka_daySideLeft__e3c541ae:before{width:100%;left:-1px;right:unset;}
-.CalendarDayItem_styles_107vqka_s58etsc__e3c541ae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
-.CalendarDayItem_styles_107vqka_say0ota__e3c541ae{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--say0ota-0);}
+.CalendarHeader_styles_1jfelqf_sjaqipy__a85b865d{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_1jfelqf_s1k7jebr__a85b865d{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_1jfelqf_s1k7jebr__a85b865d:hover,.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d:active{color:var(--plasma-calendar-content-secondary-color);}.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d.CalendarHeader_styles_1jfelqf_focusVisible__a85b865d:focus::before,.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
+.CalendarHeader_styles_1jfelqf_s1b07tlr__a85b865d{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_1jfelqf_s13yvda3__a85b865d{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_1jfelqf_s1i8jkj2__a85b865d{--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_1jfelqf_sw3by8z__a85b865d{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_1jfelqf_sdke0q6__a85b865d{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_1jfelqf_sdke0q6__a85b865d .CalendarHeader_styles_1jfelqf_s1i8jkj2__a85b865d{grid-area:a;}.CalendarHeader_styles_1jfelqf_sdke0q6__a85b865d.CalendarHeader_styles_1jfelqf_doubleHeader_LastDateWrapper__a85b865d .CalendarHeader_styles_1jfelqf_s1i8jkj2__a85b865d{grid-area:c;}
+.CalendarHeader_styles_1jfelqf_sdtpxcv__a85b865d{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_1jfelqf_sdtpxcv__a85b865d::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1jfelqf_sdtpxcv__a85b865d.CalendarHeader_styles_1jfelqf_focusVisible__a85b865d:focus::before,.CalendarHeader_styles_1jfelqf_sdtpxcv__a85b865d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
+
+.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105{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_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemInRange__5d7ee105:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideInRange__5d7ee105:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideLeft__5d7ee105:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideRight__5d7ee105:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105{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;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);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(--s1k1xcqq-0);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemHovered__5d7ee105,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemHovered__5d7ee105: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_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105:not(.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105){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_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_focusVisible__5d7ee105:focus::before,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105{position:relative;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_focusVisible__5d7ee105:focus::before,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_dayInCurrentMonth__5d7ee105:not(.DateStructureItem_styles_1nxxafr_itemDisabled__5d7ee105):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_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_dayOfWeek__5d7ee105{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemDisabled__5d7ee105{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemDisabledCurrent__5d7ee105{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemInRange__5d7ee105:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemSideRight__5d7ee105:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemSideLeft__5d7ee105:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_1nxxafr_s1wqrord__5d7ee105{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.DateStructureItem_styles_1nxxafr_s1cvvf5__5d7ee105{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
 
 .CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{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;}
 .CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}
 .CalendarDays_styles_1oq8sud_scupvll__be296257{display:none;}
 
-.CalendarMonths_styles_7jeg2n_s2fb05v__2634db4d{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;}
-.CalendarMonths_styles_7jeg2n_s1nlg4aa__2634db4d{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;}
-.CalendarMonths_styles_7jeg2n_s1cvx4bk__2634db4d{border-radius:calc(var(--plasma-calendar-month-item-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;}
-.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d{font-family:var(--plasma-calendar-month-font-family);font-size:var(--plasma-calendar-month-font-size);font-style:var(--plasma-calendar-month-font-style);font-weight:var(--plasma-calendar-month-font-weight);-webkit-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);letter-spacing:var(--plasma-calendar-month-font-letter-spacing);line-height:var(--plasma-calendar-month-line-height);position:relative;box-sizing:border-box;min-height:var(--plasma-calendar-month-item-height);min-width:var(--plasma-calendar-month-item-width);border-radius:var(--plasma-calendar-month-item-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;outline:none;cursor:pointer;position:relative;}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemHovered__2634db4d,.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemHovered__2634db4d:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemSelected__2634db4d:not(.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d.CalendarMonths_styles_7jeg2n_itemSelected__2634db4d{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d.CalendarMonths_styles_7jeg2n_itemSelected__2634db4d > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-month-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-month-item-height) - 0.25rem);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-month-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_focusVisible__2634db4d:focus::before,.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d{position:relative;}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-month-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d.CalendarMonths_styles_7jeg2n_focusVisible__2634db4d:focus::before,.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
+.CalendarMonths_styles_1v3msg_s2fb05v__23f2bc74{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;}
+.CalendarMonths_styles_1v3msg_s1nlg4aa__23f2bc74{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;}
 
-.CalendarYears_styles_4z2ki7_sq90exc__3419e23e{padding:var(--plasma-calendar-years-padding);box-sizing:border-box;}
-.CalendarYears_styles_4z2ki7_sp45mzt__3419e23e{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;}
-.CalendarYears_styles_4z2ki7_s1rv7a6a__3419e23e{border-radius:calc(var(--plasma-calendar-year-item-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;}
-.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e{font-family:var(--plasma-calendar-year-font-family);font-size:var(--plasma-calendar-year-font-size);font-style:var(--plasma-calendar-year-font-style);font-weight:var(--plasma-calendar-year-font-weight);-webkit-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);letter-spacing:var(--plasma-calendar-year-font-letter-spacing);line-height:var(--plasma-calendar-year-line-height);position:relative;box-sizing:border-box;min-height:var(--plasma-calendar-year-item-height);min-width:var(--plasma-calendar-year-item-width);border-radius:var(--plasma-calendar-year-item-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;outline:none;cursor:pointer;position:relative;}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemHovered__3419e23e,.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemHovered__3419e23e:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemSelected__3419e23e:not(.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e.CalendarYears_styles_4z2ki7_itemSelected__3419e23e{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e.CalendarYears_styles_4z2ki7_itemSelected__3419e23e > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-year-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-year-item-height) - 0.25rem);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-year-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_focusVisible__3419e23e:focus::before,.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e{position:relative;}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-year-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e.CalendarYears_styles_4z2ki7_focusVisible__3419e23e:focus::before,.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
+.CalendarQuarters_styles_14gqhct_sbn3jki__9a0615d6{padding:var(--plasma-calendar-quarters-padding);box-sizing:border-box;}
+.CalendarQuarters_styles_14gqhct_s1f4w4zt__9a0615d6{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;}
+
+.CalendarYears_styles_1d4ov6t_sq90exc__41427687{padding:var(--plasma-calendar-years-padding);box-sizing:border-box;}
+.CalendarYears_styles_1d4ov6t_sp45mzt__41427687{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;}
 
 .base_ds2lcv_bw5u18k__536fbc96{background:var(--plasma-calendar-background);}
 
@@ -67,7 +66,7 @@
 .CalendarDouble_styles_e9ada0_s1y1gz42__d395f1d3{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
 .CalendarDouble_styles_e9ada0_s7fv2hn__d395f1d3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
 
-.DatePickerBase_styles_1thp2xv_s1ywkx25__1c934a3c{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);}
+.DatePickerBase_styles_192va2p_s1ywkx25__54f0dcc0{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);}
 
 .base_lf7y25_bjvjzuw__c1098ff4{width:var(--plasma-date-picker-width);}.base_lf7y25_bjvjzuw__c1098ff4 .base_lf7y25_svfqi8__c1098ff4{margin:var(--plasma-date-picker__label-offset);font-family:var(--plasma-date-picker__label-font-family);font-size:var(--plasma-date-picker__label-font-size);font-style:var(--plasma-date-picker__label-font-style);font-weight:var(--plasma-date-picker__label-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__label-letter-spacing);letter-spacing:var(--plasma-date-picker__label-letter-spacing);line-height:var(--plasma-date-picker__label-line-height);}.base_lf7y25_bjvjzuw__c1098ff4 .base_lf7y25_l5dd1qs__c1098ff4{margin:var(--plasma-date-picker__left-helper-offset);font-family:var(--plasma-date-picker__left-helper-font-family);font-size:var(--plasma-date-picker__left-helper-font-size);font-style:var(--plasma-date-picker__left-helper-font-style);font-weight:var(--plasma-date-picker__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);line-height:var(--plasma-date-picker__left-helper-line-height);}
 

package/es/components/DatePicker/SingleDate/SingleDate.js

@@ -12,7 +12,7 @@ import { base as base$4 } from './variations/_readonly/base.js';
 import { StyledInput, StyledLabel, StyledPopover, LeftHelper, base } from './SingleDate.styles.js';
 import { getPlacements } from '../../../utils/getPopoverPlacement.js';
 
-var _excluded = ["className", "isOpen", "label", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "defaultDate", "valueError", "valueSuccess", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur"];
+var _excluded = ["className", "isOpen", "label", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "defaultDate", "valueError", "valueSuccess", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur"];
 var datePickerRoot = function datePickerRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
     var className = _ref.className,
@@ -44,6 +44,12 @@ var datePickerRoot = function datePickerRoot(Root) {
       includeEdgeDates = _ref$includeEdgeDates === void 0 ? false : _ref$includeEdgeDates,
       eventList = _ref.eventList,
       disabledList = _ref.disabledList,
+      eventMonthList = _ref.eventMonthList,
+      disabledMonthList = _ref.disabledMonthList,
+      eventQuarterList = _ref.eventQuarterList,
+      disabledQuarterList = _ref.disabledQuarterList,
+      eventYearList = _ref.eventYearList,
+      disabledYearList = _ref.disabledYearList,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'Days' : _ref$type,
       _ref$placement = _ref.placement,
@@ -137,12 +143,18 @@ var datePickerRoot = function datePickerRoot(Root) {
       type: type,
       eventList: eventList,
       disabledList: disabledList,
+      eventMonthList: eventMonthList,
+      disabledMonthList: disabledMonthList,
+      eventQuarterList: eventQuarterList,
+      disabledQuarterList: disabledQuarterList,
+      eventYearList: eventYearList,
+      disabledYearList: disabledYearList,
       min: min,
       max: max,
       includeEdgeDates: includeEdgeDates,
       isRange: false,
-      onChangeValue: function onChangeValue(date) {
-        return handleCommitDate(date, false, true);
+      onChangeValue: function onChangeValue(date, dateInfo) {
+        return handleCommitDate(date, false, true, dateInfo);
       }
     })), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper));
   });

package/es/components/DatePicker/SingleDate/SingleDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx, getPlacements } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { StyledCalendar } from '../DatePickerBase.styles';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledLabel, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n    Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'isOpen' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n    forwardRef<HTMLInputElement, DatePickerProps>(\n        (\n            {\n                className,\n                isOpen = false,\n\n                label,\n                placeholder,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n\n                defaultDate = '',\n                valueError,\n                valueSuccess,\n                format = 'DD.MM.YYYY',\n                maskWithFormat,\n                min,\n                max,\n                includeEdgeDates = false,\n                eventList,\n                disabledList,\n                type = 'Days',\n\n                placement = ['top', 'bottom'],\n                closeOnOverlayClick = true,\n                offset,\n\n                onChangeValue,\n                onCommitDate,\n                onToggle,\n                onFocus,\n                onBlur,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const inputRef = useRef<HTMLInputElement | null>(null);\n            const [isInnerOpen, setIsInnerOpen] = useState(isOpen);\n\n            const [calendarValue, setCalendarValue] = useState(formatCalendarValue(defaultDate, format));\n            const [inputValue, setInputValue] = useState(formatInputValue(defaultDate, format));\n\n            const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n            const {\n                datePickerErrorClass,\n                datePickerSuccessClass,\n                handleToggle,\n                handleChangeValue,\n                handleCommitDate,\n            } = useDatePicker({\n                currentValue: inputValue,\n                setInputValue,\n                setCalendarValue,\n                setIsInnerOpen,\n                dateFormatDelimiter,\n                format,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError,\n                valueSuccess,\n                inputRef,\n                onToggle,\n                onChangeValue,\n                onCommitDate,\n            });\n\n            const DatePickerInput = (\n                <StyledInput\n                    ref={inputRef}\n                    className={cx(datePickerErrorClass, datePickerSuccessClass)}\n                    value={inputValue}\n                    readOnly={readOnly}\n                    disabled={disabled}\n                    placeholder={placeholder}\n                    contentLeft={contentLeft}\n                    contentRight={contentRight}\n                    textBefore={textBefore}\n                    textAfter={textAfter}\n                    onChange={handleChangeValue}\n                    onSearch={(date) => handleCommitDate(date, true, false)}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                />\n            );\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    className={cx(classes.datePickerRoot, className)}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    ref={ref}\n                    {...rest}\n                >\n                    {label && <StyledLabel>{label}</StyledLabel>}\n                    <StyledPopover\n                        isOpen={isOpen || isInnerOpen}\n                        usePortal={false}\n                        onToggle={handleToggle}\n                        offset={offset}\n                        placement={getPlacements(placement)}\n                        trigger=\"click\"\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        isFocusTrapped={false}\n                        target={DatePickerInput}\n                        preventOverflow={false}\n                    >\n                        <StyledCalendar\n                            size={size}\n                            value={calendarValue}\n                            type={type}\n                            eventList={eventList}\n                            disabledList={disabledList}\n                            min={min}\n                            max={max}\n                            includeEdgeDates={includeEdgeDates}\n                            isRange={false}\n                            onChangeValue={(date) => handleCommitDate(date, false, true)}\n                        />\n                    </StyledPopover>\n                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n                </Root>\n            );\n        },\n    );\n\nexport const datePickerConfig = {\n    name: 'DatePicker',\n    tag: 'div',\n    layout: datePickerRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$isOpen","isOpen","label","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","_ref$type","type","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","offset","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","rest","_objectWithoutProperties","_excluded","inputRef","useRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","formatCalendarValue","_useState4","calendarValue","setCalendarValue","_useState5","formatInputValue","_useState6","inputValue","setInputValue","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleToggle","handleChangeValue","handleCommitDate","DatePickerInput","React","createElement","StyledInput","cx","value","onChange","onSearch","date","_extends","classes","StyledLabel","StyledPopover","usePortal","getPlacements","trigger","isFocusTrapped","target","preventOverflow","StyledCalendar","isRange","LeftHelper","datePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx, getPlacements } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { StyledCalendar } from '../DatePickerBase.styles';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledLabel, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n    Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'isOpen' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n    forwardRef<HTMLInputElement, DatePickerProps>(\n        (\n            {\n                className,\n                isOpen = false,\n\n                label,\n                placeholder,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n\n                defaultDate = '',\n                valueError,\n                valueSuccess,\n                format = 'DD.MM.YYYY',\n                maskWithFormat,\n                min,\n                max,\n                includeEdgeDates = false,\n                eventList,\n                disabledList,\n                eventMonthList,\n                disabledMonthList,\n                eventQuarterList,\n                disabledQuarterList,\n                eventYearList,\n                disabledYearList,\n                type = 'Days',\n\n                placement = ['top', 'bottom'],\n                closeOnOverlayClick = true,\n                offset,\n\n                onChangeValue,\n                onCommitDate,\n                onToggle,\n                onFocus,\n                onBlur,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const inputRef = useRef<HTMLInputElement | null>(null);\n            const [isInnerOpen, setIsInnerOpen] = useState(isOpen);\n\n            const [calendarValue, setCalendarValue] = useState(formatCalendarValue(defaultDate, format));\n            const [inputValue, setInputValue] = useState(formatInputValue(defaultDate, format));\n\n            const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n            const {\n                datePickerErrorClass,\n                datePickerSuccessClass,\n                handleToggle,\n                handleChangeValue,\n                handleCommitDate,\n            } = useDatePicker({\n                currentValue: inputValue,\n                setInputValue,\n                setCalendarValue,\n                setIsInnerOpen,\n                dateFormatDelimiter,\n                format,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError,\n                valueSuccess,\n                inputRef,\n                onToggle,\n                onChangeValue,\n                onCommitDate,\n            });\n\n            const DatePickerInput = (\n                <StyledInput\n                    ref={inputRef}\n                    className={cx(datePickerErrorClass, datePickerSuccessClass)}\n                    value={inputValue}\n                    readOnly={readOnly}\n                    disabled={disabled}\n                    placeholder={placeholder}\n                    contentLeft={contentLeft}\n                    contentRight={contentRight}\n                    textBefore={textBefore}\n                    textAfter={textAfter}\n                    onChange={handleChangeValue}\n                    onSearch={(date) => handleCommitDate(date, true, false)}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                />\n            );\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    className={cx(classes.datePickerRoot, className)}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    ref={ref}\n                    {...rest}\n                >\n                    {label && <StyledLabel>{label}</StyledLabel>}\n                    <StyledPopover\n                        isOpen={isOpen || isInnerOpen}\n                        usePortal={false}\n                        onToggle={handleToggle}\n                        offset={offset}\n                        placement={getPlacements(placement)}\n                        trigger=\"click\"\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        isFocusTrapped={false}\n                        target={DatePickerInput}\n                        preventOverflow={false}\n                    >\n                        <StyledCalendar\n                            size={size}\n                            value={calendarValue}\n                            type={type}\n                            eventList={eventList}\n                            disabledList={disabledList}\n                            eventMonthList={eventMonthList}\n                            disabledMonthList={disabledMonthList}\n                            eventQuarterList={eventQuarterList}\n                            disabledQuarterList={disabledQuarterList}\n                            eventYearList={eventYearList}\n                            disabledYearList={disabledYearList}\n                            min={min}\n                            max={max}\n                            includeEdgeDates={includeEdgeDates}\n                            isRange={false}\n                            onChangeValue={(date, dateInfo) => handleCommitDate(date, false, true, dateInfo)}\n                        />\n                    </StyledPopover>\n                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n                </Root>\n            );\n        },\n    );\n\nexport const datePickerConfig = {\n    name: 'DatePicker',\n    tag: 'div',\n    layout: datePickerRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$isOpen","isOpen","label","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","offset","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","rest","_objectWithoutProperties","_excluded","inputRef","useRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","formatCalendarValue","_useState4","calendarValue","setCalendarValue","_useState5","formatInputValue","_useState6","inputValue","setInputValue","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleToggle","handleChangeValue","handleCommitDate","DatePickerInput","React","createElement","StyledInput","cx","value","onChange","onSearch","date","_extends","classes","StyledLabel","StyledPopover","usePortal","getPlacements","trigger","isFocusTrapped","target","preventOverflow","StyledCalendar","isRange","dateInfo","LeftHelper","datePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}

package/es/components/DatePicker/hooks/useDatePicker.js

@@ -35,11 +35,15 @@ var useDatePicker = function useDatePicker(_ref) {
     }
     var value = event.target.value;
     var newValue = maskWithFormat ? getMaskedDateOnInput(value, format, dateFormatDelimiter(), currentValue) : value;
-    setCalendarValue(formatCalendarValue(newValue, format));
+    if (!format) {
+      setCalendarValue(formatCalendarValue(newValue));
+    } else if ((newValue === null || newValue === void 0 ? void 0 : newValue.length) === format.length) {
+      setCalendarValue(formatCalendarValue(newValue, format));
+    }
     setInputValue(formatInputValue(newValue, format));
     onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
   };
-  var handleCommitDate = function handleCommitDate(date, applyFormat, isCalendarValue) {
+  var handleCommitDate = function handleCommitDate(date, applyFormat, isCalendarValue, dateInfo) {
     if (disabled || readOnly) {
       return;
     }
@@ -51,7 +55,7 @@ var useDatePicker = function useDatePicker(_ref) {
     if (isCalendarValue) {
       setCalendarValue(formatCalendarValue(date, format));
       setInputValue(formatInputValue(date, format));
-      return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate(date, false, true);
+      return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate(date, false, true, dateInfo);
     }
     var formatString = applyFormat ? format : undefined;
     var _getDateFromFormat = getDateFromFormat(date, formatString),

package/es/components/DatePicker/hooks/useDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDatePicker.js","sources":["../../../../src/components/DatePicker/hooks/useDatePicker.ts"],"sourcesContent":["import { ChangeEvent, SyntheticEvent } from 'react';\n\nimport { classes } from '../DatePicker.tokens';\nimport type { UseDatePickerProps } from '../DatePickerBase.types';\nimport { formatCalendarValue, formatInputValue, getDateFromFormat, getMaskedDateOnInput } from '../utils/dateHelper';\n\nexport const useDatePicker = ({\n    currentValue,\n    setInputValue,\n    setCalendarValue,\n    setIsInnerOpen,\n    dateFormatDelimiter,\n    format,\n    disabled,\n    readOnly,\n    maskWithFormat,\n    valueError,\n    valueSuccess,\n    inputRef,\n    onToggle,\n    onChangeValue,\n    onCommitDate,\n}: UseDatePickerProps) => {\n    const datePickerErrorClass = valueError ? classes.datePickerError : undefined;\n    const datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;\n\n    const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => {\n        if (disabled || readOnly) {\n            return;\n        }\n\n        const isCalendarOpen = event.target === inputRef?.current ? true : opened;\n\n        if (onToggle) {\n            return onToggle(isCalendarOpen, event);\n        }\n\n        setIsInnerOpen(isCalendarOpen);\n    };\n\n    const handleChangeValue = (event: ChangeEvent<HTMLInputElement>) => {\n        if (disabled || readOnly) {\n            return;\n        }\n        const { value } = event.target;\n\n        const newValue = maskWithFormat\n            ? getMaskedDateOnInput(value, format, dateFormatDelimiter(), currentValue)\n            : value;\n\n        setCalendarValue(formatCalendarValue(newValue, format));\n        setInputValue(formatInputValue(newValue, format));\n\n        onChangeValue?.(event, newValue);\n    };\n\n    const handleCommitDate = (date?: Date | string, applyFormat?: boolean, isCalendarValue?: boolean) => {\n        if (disabled || readOnly) {\n            return;\n        }\n\n        if (!date) {\n            setCalendarValue(undefined);\n            setInputValue('');\n\n            return onCommitDate?.('', false, true);\n        }\n\n        if (isCalendarValue) {\n            setCalendarValue(formatCalendarValue(date, format));\n            setInputValue(formatInputValue(date, format));\n\n            return onCommitDate?.(date, false, true);\n        }\n\n        const formatString = applyFormat ? format : undefined;\n\n        const { value: newDate, isError, isSuccess } = getDateFromFormat(date, formatString);\n\n        setCalendarValue(formatCalendarValue(newDate, format));\n        setInputValue(formatInputValue(newDate, format));\n\n        onCommitDate?.(newDate, isError, isSuccess);\n    };\n\n    return {\n        datePickerErrorClass,\n        datePickerSuccessClass,\n        handleToggle,\n        handleChangeValue,\n        handleCommitDate,\n    };\n};\n"],"names":["useDatePicker","_ref","currentValue","setInputValue","setCalendarValue","setIsInnerOpen","dateFormatDelimiter","format","disabled","readOnly","maskWithFormat","valueError","valueSuccess","inputRef","onToggle","onChangeValue","onCommitDate","datePickerErrorClass","classes","datePickerError","undefined","datePickerSuccessClass","datePickerSuccess","handleToggle","opened","event","isCalendarOpen","target","current","handleChangeValue","value","newValue","getMaskedDateOnInput","formatCalendarValue","formatInputValue","handleCommitDate","date","applyFormat","isCalendarValue","formatString","_getDateFromFormat","getDateFromFormat","newDate","isError","isSuccess"],"mappings":"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"}
+{"version":3,"file":"useDatePicker.js","sources":["../../../../src/components/DatePicker/hooks/useDatePicker.ts"],"sourcesContent":["import { ChangeEvent, SyntheticEvent } from 'react';\n\nimport { classes } from '../DatePicker.tokens';\nimport type { UseDatePickerProps } from '../DatePickerBase.types';\nimport { formatCalendarValue, formatInputValue, getDateFromFormat, getMaskedDateOnInput } from '../utils/dateHelper';\nimport type { DateInfo } from '../../Calendar/Calendar.types';\n\nexport const useDatePicker = ({\n    currentValue,\n    setInputValue,\n    setCalendarValue,\n    setIsInnerOpen,\n    dateFormatDelimiter,\n    format,\n    disabled,\n    readOnly,\n    maskWithFormat,\n    valueError,\n    valueSuccess,\n    inputRef,\n    onToggle,\n    onChangeValue,\n    onCommitDate,\n}: UseDatePickerProps) => {\n    const datePickerErrorClass = valueError ? classes.datePickerError : undefined;\n    const datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;\n\n    const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => {\n        if (disabled || readOnly) {\n            return;\n        }\n\n        const isCalendarOpen = event.target === inputRef?.current ? true : opened;\n\n        if (onToggle) {\n            return onToggle(isCalendarOpen, event);\n        }\n\n        setIsInnerOpen(isCalendarOpen);\n    };\n\n    const handleChangeValue = (event: ChangeEvent<HTMLInputElement>) => {\n        if (disabled || readOnly) {\n            return;\n        }\n        const { value } = event.target;\n\n        const newValue = maskWithFormat\n            ? getMaskedDateOnInput(value, format, dateFormatDelimiter(), currentValue)\n            : value;\n\n        if (!format) {\n            setCalendarValue(formatCalendarValue(newValue));\n        } else if (newValue?.length === format.length) {\n            setCalendarValue(formatCalendarValue(newValue, format));\n        }\n\n        setInputValue(formatInputValue(newValue, format));\n\n        onChangeValue?.(event, newValue);\n    };\n\n    const handleCommitDate = (\n        date?: Date | string,\n        applyFormat?: boolean,\n        isCalendarValue?: boolean,\n        dateInfo?: DateInfo,\n    ) => {\n        if (disabled || readOnly) {\n            return;\n        }\n\n        if (!date) {\n            setCalendarValue(undefined);\n            setInputValue('');\n\n            return onCommitDate?.('', false, true);\n        }\n\n        if (isCalendarValue) {\n            setCalendarValue(formatCalendarValue(date, format));\n            setInputValue(formatInputValue(date, format));\n\n            return onCommitDate?.(date, false, true, dateInfo);\n        }\n\n        const formatString = applyFormat ? format : undefined;\n\n        const { value: newDate, isError, isSuccess } = getDateFromFormat(date, formatString);\n\n        setCalendarValue(formatCalendarValue(newDate, format));\n        setInputValue(formatInputValue(newDate, format));\n\n        onCommitDate?.(newDate, isError, isSuccess);\n    };\n\n    return {\n        datePickerErrorClass,\n        datePickerSuccessClass,\n        handleToggle,\n        handleChangeValue,\n        handleCommitDate,\n    };\n};\n"],"names":["useDatePicker","_ref","currentValue","setInputValue","setCalendarValue","setIsInnerOpen","dateFormatDelimiter","format","disabled","readOnly","maskWithFormat","valueError","valueSuccess","inputRef","onToggle","onChangeValue","onCommitDate","datePickerErrorClass","classes","datePickerError","undefined","datePickerSuccessClass","datePickerSuccess","handleToggle","opened","event","isCalendarOpen","target","current","handleChangeValue","value","newValue","getMaskedDateOnInput","formatCalendarValue","length","formatInputValue","handleCommitDate","date","applyFormat","isCalendarValue","dateInfo","formatString","_getDateFromFormat","getDateFromFormat","newDate","isError","isSuccess"],"mappings":"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"}

package/es/components/Typography/Old/Subtitle/Subtitle.js

@@ -4,20 +4,17 @@ import { applySpacing } from '../../../../mixins/applySpacing.js';
 import { base as base$1 } from '../../variations/_size/base.js';
 import { base } from './Subtitle.styles.js';
 
-var _excluded = ["size", "children", "color", "style"];
+var _excluded = ["size", "children", "style"];
 var subtitleRoot = function subtitleRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var size = props.size,
       children = props.children,
-      color = props.color,
       style = props.style,
       rest = _objectWithoutProperties(props, _excluded);
     return /*#__PURE__*/React.createElement(Root, _extends({
       size: size,
       ref: ref,
-      style: _objectSpread2(_objectSpread2({
-        color: color
-      }, style), applySpacing(rest))
+      style: _objectSpread2(_objectSpread2({}, style), applySpacing(rest))
     }, rest), children);
   });
 };

package/es/components/Typography/Old/Subtitle/Subtitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Subtitle.js","sources":["../../../../../src/components/Typography/Old/Subtitle/Subtitle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../../mixins/applySpacing';\nimport type { RootProps } from '../../../../engines';\nimport { base as sizeCSS } from '../../variations/_size/base';\nimport type { FontProps } from '../../Typography.types';\n\nimport { base } from './Subtitle.styles';\n\nexport type SubtitleProps = Omit<FontProps, 'bold' | 'breakWord'> & { color?: string };\n\nexport const subtitleRoot = (Root: RootProps<HTMLDivElement, SubtitleProps>) =>\n    forwardRef<HTMLDivElement, SubtitleProps>((props, ref) => {\n        const { size, children, color, style, ...rest } = props;\n\n        return (\n            <Root size={size} ref={ref} style={{ color, ...style, ...applySpacing(rest) }} {...rest}>\n                {children}\n            </Root>\n        );\n    });\n\nexport const subtitleConfig = {\n    name: 'Subtitle',\n    tag: 'div',\n    layout: subtitleRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["subtitleRoot","Root","forwardRef","props","ref","size","children","color","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","_objectSpread","applySpacing","subtitleConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":";;;;;;;IAWaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACvEC,UAAU,CAAgC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACtD,IAAA,IAAQC,IAAI,GAAsCF,KAAK,CAA/CE,IAAI;MAAEC,QAAQ,GAA4BH,KAAK,CAAzCG,QAAQ;MAAEC,KAAK,GAAqBJ,KAAK,CAA/BI,KAAK;MAAEC,KAAK,GAAcL,KAAK,CAAxBK,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAEvD,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACZ,IAAI,EAAAa,QAAA,CAAA;AAACT,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,GAAG,EAAEA,GAAI;MAACI,KAAK,EAAAO,cAAA,CAAAA,cAAA,CAAA;AAAIR,QAAAA,KAAK,EAALA,KAAAA;AAAK,OAAA,EAAKC,KAAK,CAAA,EAAKQ,YAAY,CAACP,IAAI,CAAC,CAAA;KAAQA,EAAAA,IAAI,CAClFH,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMW,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEpB,YAAY;AACpBqB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNpB,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"Subtitle.js","sources":["../../../../../src/components/Typography/Old/Subtitle/Subtitle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../../mixins/applySpacing';\nimport type { RootProps } from '../../../../engines';\nimport { base as sizeCSS } from '../../variations/_size/base';\nimport type { FontProps } from '../../Typography.types';\n\nimport { base } from './Subtitle.styles';\n\nexport type SubtitleProps = Omit<FontProps, 'bold' | 'breakWord'>;\n\nexport const subtitleRoot = (Root: RootProps<HTMLDivElement, SubtitleProps>) =>\n    forwardRef<HTMLDivElement, SubtitleProps>((props, ref) => {\n        const { size, children, style, ...rest } = props;\n\n        return (\n            <Root size={size} ref={ref} style={{ ...style, ...applySpacing(rest) }} {...rest}>\n                {children}\n            </Root>\n        );\n    });\n\nexport const subtitleConfig = {\n    name: 'Subtitle',\n    tag: 'div',\n    layout: subtitleRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["subtitleRoot","Root","forwardRef","props","ref","size","children","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","_objectSpread","applySpacing","subtitleConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":";;;;;;;IAWaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACvEC,UAAU,CAAgC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACtD,IAAA,IAAQC,IAAI,GAA+BF,KAAK,CAAxCE,IAAI;MAAEC,QAAQ,GAAqBH,KAAK,CAAlCG,QAAQ;MAAEC,KAAK,GAAcJ,KAAK,CAAxBI,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;AAEhD,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACX,IAAI,EAAAY,QAAA,CAAA;AAACR,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,GAAG,EAAEA,GAAI;MAACG,KAAK,EAAAO,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAOP,KAAK,CAAKQ,EAAAA,YAAY,CAACP,IAAI,CAAC,CAAA;KAAQA,EAAAA,IAAI,CAC3EF,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMU,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnB,YAAY;AACpBoB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRhB,IAAAA,IAAI,EAAE;AACFiB,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNnB,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/Typography/Old/TypographyOld.js

@@ -4,13 +4,12 @@ import { applySpacing } from '../../../mixins/applySpacing.js';
 import { classes } from '../tokens.js';
 import { cx } from '../../../utils/index.js';
 
-var _excluded = ["size", "children", "breakWord", "color", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "className", "style"];
 var typographyOldRoot = function typographyOldRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var size = props.size,
       children = props.children,
       breakWord = props.breakWord,
-      color = props.color,
       className = props.className,
       style = props.style,
       rest = _objectWithoutProperties(props, _excluded);
@@ -19,9 +18,7 @@ var typographyOldRoot = function typographyOldRoot(Root) {
       size: size,
       ref: ref,
       className: cx(withBreakWord, className),
-      style: _objectSpread2(_objectSpread2({
-        color: color
-      }, style), applySpacing(rest))
+      style: _objectSpread2(_objectSpread2({}, style), applySpacing(rest))
     }, rest), children);
   });
 };

package/es/components/Typography/Old/TypographyOld.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypographyOld.js","sources":["../../../../src/components/Typography/Old/TypographyOld.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../mixins/applySpacing';\nimport type { RootProps } from '../../../engines';\nimport { classes } from '../tokens';\nimport type { FontProps } from '../Typography.types';\nimport { cx } from '../../../utils';\n\nexport type TypographyOldProps = Omit<FontProps, 'bold'> & { color?: string };\n\nexport const typographyOldRoot = (Root: RootProps<HTMLDivElement, TypographyOldProps>) =>\n    forwardRef<HTMLDivElement, TypographyOldProps>((props, ref) => {\n        const { size, children, breakWord, color, className, style, ...rest } = props;\n\n        const withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;\n\n        return (\n            <Root\n                size={size}\n                ref={ref}\n                className={cx(withBreakWord, className)}\n                style={{ color, ...style, ...applySpacing(rest) }}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n"],"names":["typographyOldRoot","Root","forwardRef","props","ref","size","children","breakWord","color","className","style","rest","_objectWithoutProperties","_excluded","withBreakWord","classes","typoWithBreakWord","undefined","React","createElement","_extends","cx","_objectSpread","applySpacing"],"mappings":";;;;;;;IAUaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,IAAmD,EAAA;AAAA,EAAA,oBACjFC,UAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC3D,IAAA,IAAQC,IAAI,GAA4DF,KAAK,CAArEE,IAAI;MAAEC,QAAQ,GAAkDH,KAAK,CAA/DG,QAAQ;MAAEC,SAAS,GAAuCJ,KAAK,CAArDI,SAAS;MAAEC,KAAK,GAAgCL,KAAK,CAA1CK,KAAK;MAAEC,SAAS,GAAqBN,KAAK,CAAnCM,SAAS;MAAEC,KAAK,GAAcP,KAAK,CAAxBO,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;IAE7E,IAAMC,aAAa,GAAGP,SAAS,GAAGQ,OAAO,CAACC,iBAAiB,GAAGC,SAAS,CAAA;AAEvE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAClB,IAAI,EAAAmB,QAAA,CAAA;AACDf,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,GAAG,EAAEA,GAAI;AACTK,MAAAA,SAAS,EAAEY,EAAE,CAACP,aAAa,EAAEL,SAAS,CAAE;MACxCC,KAAK,EAAAY,cAAA,CAAAA,cAAA,CAAA;AAAId,QAAAA,KAAK,EAALA,KAAAA;AAAK,OAAA,EAAKE,KAAK,CAAA,EAAKa,YAAY,CAACZ,IAAI,CAAC,CAAA;KAC3CA,EAAAA,IAAI,CAEPL,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"TypographyOld.js","sources":["../../../../src/components/Typography/Old/TypographyOld.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../mixins/applySpacing';\nimport type { RootProps } from '../../../engines';\nimport { classes } from '../tokens';\nimport type { FontProps } from '../Typography.types';\nimport { cx } from '../../../utils';\n\nexport type TypographyOldProps = Omit<FontProps, 'bold'>;\n\nexport const typographyOldRoot = (Root: RootProps<HTMLDivElement, TypographyOldProps>) =>\n    forwardRef<HTMLDivElement, TypographyOldProps>((props, ref) => {\n        const { size, children, breakWord, className, style, ...rest } = props;\n\n        const withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;\n\n        return (\n            <Root\n                size={size}\n                ref={ref}\n                className={cx(withBreakWord, className)}\n                style={{ ...style, ...applySpacing(rest) }}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n"],"names":["typographyOldRoot","Root","forwardRef","props","ref","size","children","breakWord","className","style","rest","_objectWithoutProperties","_excluded","withBreakWord","classes","typoWithBreakWord","undefined","React","createElement","_extends","cx","_objectSpread","applySpacing"],"mappings":";;;;;;;IAUaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,IAAmD,EAAA;AAAA,EAAA,oBACjFC,UAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC3D,IAAA,IAAQC,IAAI,GAAqDF,KAAK,CAA9DE,IAAI;MAAEC,QAAQ,GAA2CH,KAAK,CAAxDG,QAAQ;MAAEC,SAAS,GAAgCJ,KAAK,CAA9CI,SAAS;MAAEC,SAAS,GAAqBL,KAAK,CAAnCK,SAAS;MAAEC,KAAK,GAAcN,KAAK,CAAxBM,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA,CAAA;IAEtE,IAAMC,aAAa,GAAGN,SAAS,GAAGO,OAAO,CAACC,iBAAiB,GAAGC,SAAS,CAAA;AAEvE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACjB,IAAI,EAAAkB,QAAA,CAAA;AACDd,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,GAAG,EAAEA,GAAI;AACTI,MAAAA,SAAS,EAAEY,EAAE,CAACP,aAAa,EAAEL,SAAS,CAAE;MACxCC,KAAK,EAAAY,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAOZ,KAAK,CAAKa,EAAAA,YAAY,CAACZ,IAAI,CAAC,CAAA;KACpCA,EAAAA,IAAI,CAEPJ,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA;;;;"}

package/es/components/Typography/Typography.js

@@ -4,7 +4,7 @@ import { applySpacing } from '../../mixins/applySpacing.js';
 import { cx } from '../../utils/index.js';
 import { classes } from './tokens.js';
 
-var _excluded = ["size", "children", "breakWord", "bold", "color", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "bold", "className", "style"];
 var typographyRootCompose = function typographyRootCompose(defaultArgs) {
   return function (Root) {
     return /*#__PURE__*/forwardRef(function (props, ref) {
@@ -13,7 +13,6 @@ var typographyRootCompose = function typographyRootCompose(defaultArgs) {
         breakWord = props.breakWord,
         _props$bold = props.bold,
         bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
-        color = props.color,
         className = props.className,
         style = props.style,
         rest = _objectWithoutProperties(props, _excluded);
@@ -23,9 +22,7 @@ var typographyRootCompose = function typographyRootCompose(defaultArgs) {
         size: size,
         ref: ref,
         className: cx(withBreakWord, typographyBold, className),
-        style: _objectSpread2(_objectSpread2({
-          color: color
-        }, style), applySpacing(rest)),
+        style: _objectSpread2(_objectSpread2({}, style), applySpacing(rest)),
         bold: bold
       }, rest), children);
     });

package/es/components/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../mixins/applySpacing';\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { classes } from './tokens';\nimport { FontProps } from './Typography.types';\n\nexport const typographyRootCompose = (defaultArgs?: { defaultBold?: boolean }) => (\n    Root: RootProps<HTMLDivElement, FontProps & { color?: string }>,\n) =>\n    forwardRef<HTMLDivElement, FontProps>((props, ref) => {\n        const { size, children, breakWord, bold = defaultArgs?.defaultBold, color, className, style, ...rest } = props;\n\n        const withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;\n        const typographyBold = bold ? classes.typoBold : undefined;\n\n        return (\n            <Root\n                size={size}\n                ref={ref}\n                className={cx(withBreakWord, typographyBold, className)}\n                style={{ color, ...style, ...applySpacing(rest) }}\n                bold={bold}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n"],"names":["typographyRootCompose","defaultArgs","Root","forwardRef","props","ref","size","children","breakWord","_props$bold","bold","defaultBold","color","className","style","rest","_objectWithoutProperties","_excluded","withBreakWord","classes","typoWithBreakWord","undefined","typographyBold","typoBold","React","createElement","_extends","cx","_objectSpread","applySpacing"],"mappings":";;;;;;;IASaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,WAAuC,EAAA;AAAA,EAAA,OAAK,UAC9EC,IAA+D,EAAA;AAAA,IAAA,oBAE/DC,UAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,MAAA,IAAQC,IAAI,GAA6FF,KAAK,CAAtGE,IAAI;QAAEC,QAAQ,GAAmFH,KAAK,CAAhGG,QAAQ;QAAEC,SAAS,GAAwEJ,KAAK,CAAtFI,SAAS;QAAAC,WAAA,GAAwEL,KAAK,CAA3EM,IAAI;QAAJA,IAAI,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGR,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEU,WAAW,GAAAF,WAAA;QAAEG,KAAK,GAAgCR,KAAK,CAA1CQ,KAAK;QAAEC,SAAS,GAAqBT,KAAK,CAAnCS,SAAS;QAAEC,KAAK,GAAcV,KAAK,CAAxBU,KAAK;AAAKC,QAAAA,IAAI,GAAAC,wBAAA,CAAKZ,KAAK,EAAAa,SAAA,CAAA,CAAA;MAE9G,IAAMC,aAAa,GAAGV,SAAS,GAAGW,OAAO,CAACC,iBAAiB,GAAGC,SAAS,CAAA;MACvE,IAAMC,cAAc,GAAGZ,IAAI,GAAGS,OAAO,CAACI,QAAQ,GAAGF,SAAS,CAAA;AAE1D,MAAA,oBACIG,KAAA,CAAAC,aAAA,CAACvB,IAAI,EAAAwB,QAAA,CAAA;AACDpB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;QACTQ,SAAS,EAAEc,EAAE,CAACT,aAAa,EAAEI,cAAc,EAAET,SAAS,CAAE;QACxDC,KAAK,EAAAc,cAAA,CAAAA,cAAA,CAAA;AAAIhB,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKE,KAAK,CAAKe,EAAAA,YAAY,CAACd,IAAI,CAAC,CAAG;AAClDL,QAAAA,IAAI,EAAEA,IAAAA;OACFK,EAAAA,IAAI,CAEPR,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../mixins/applySpacing';\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { classes } from './tokens';\nimport { FontProps } from './Typography.types';\n\nexport const typographyRootCompose = (defaultArgs?: { defaultBold?: boolean }) => (\n    Root: RootProps<HTMLDivElement, FontProps>,\n) =>\n    forwardRef<HTMLDivElement, FontProps>((props, ref) => {\n        const { size, children, breakWord, bold = defaultArgs?.defaultBold, className, style, ...rest } = props;\n\n        const withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;\n        const typographyBold = bold ? classes.typoBold : undefined;\n\n        return (\n            <Root\n                size={size}\n                ref={ref}\n                className={cx(withBreakWord, typographyBold, className)}\n                style={{ ...style, ...applySpacing(rest) }}\n                bold={bold}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n"],"names":["typographyRootCompose","defaultArgs","Root","forwardRef","props","ref","size","children","breakWord","_props$bold","bold","defaultBold","className","style","rest","_objectWithoutProperties","_excluded","withBreakWord","classes","typoWithBreakWord","undefined","typographyBold","typoBold","React","createElement","_extends","cx","_objectSpread","applySpacing"],"mappings":";;;;;;;IASaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,WAAuC,EAAA;AAAA,EAAA,OAAK,UAC9EC,IAA0C,EAAA;AAAA,IAAA,oBAE1CC,UAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,MAAA,IAAQC,IAAI,GAAsFF,KAAK,CAA/FE,IAAI;QAAEC,QAAQ,GAA4EH,KAAK,CAAzFG,QAAQ;QAAEC,SAAS,GAAiEJ,KAAK,CAA/EI,SAAS;QAAAC,WAAA,GAAiEL,KAAK,CAApEM,IAAI;QAAJA,IAAI,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGR,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEU,WAAW,GAAAF,WAAA;QAAEG,SAAS,GAAqBR,KAAK,CAAnCQ,SAAS;QAAEC,KAAK,GAAcT,KAAK,CAAxBS,KAAK;AAAKC,QAAAA,IAAI,GAAAC,wBAAA,CAAKX,KAAK,EAAAY,SAAA,CAAA,CAAA;MAEvG,IAAMC,aAAa,GAAGT,SAAS,GAAGU,OAAO,CAACC,iBAAiB,GAAGC,SAAS,CAAA;MACvE,IAAMC,cAAc,GAAGX,IAAI,GAAGQ,OAAO,CAACI,QAAQ,GAAGF,SAAS,CAAA;AAE1D,MAAA,oBACIG,KAAA,CAAAC,aAAA,CAACtB,IAAI,EAAAuB,QAAA,CAAA;AACDnB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;QACTO,SAAS,EAAEc,EAAE,CAACT,aAAa,EAAEI,cAAc,EAAET,SAAS,CAAE;QACxDC,KAAK,EAAAc,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAOd,KAAK,CAAA,EAAKe,YAAY,CAACd,IAAI,CAAC,CAAG;AAC3CJ,QAAAA,IAAI,EAAEA,IAAAA;OACFI,EAAAA,IAAI,CAEPP,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}