@salutejs/plasma-new-hope 0.335.0-canary.2199.17384366399.0 → 0.335.0-canary.2203.17433640523.0

package/es/components/DatePicker/RangeDate/RangeDatePopover/{RangeDatePopover.styles_1n0dbxm.css → RangeDatePopover.styles_160e4y4.css}

@@ -1,2 +1,2 @@
-.s1ld9lms{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);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);margin-top:var(--plasma-date-picker-calendar-margin-top);--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-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--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-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--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-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--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-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-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-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-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-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--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-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--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);--plasma_private-calendar-double-width:calc(var(--plasma-date-picker-calendar-container-width) * 2 + 2.063rem);width:var(--s1ld9lms-0);height:var(--s1ld9lms-1);}
-.s1rn242y{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);margin-top:var(--plasma-date-picker-calendar-margin-top);--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-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--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-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--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-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--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-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-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-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-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-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--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-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--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);width:var(--s1rn242y-0);height:var(--s1rn242y-1);}
+.s1ld9lms{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);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);margin-top:var(--plasma-date-picker-calendar-margin-top);--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-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--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-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--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-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--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-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-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-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-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-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--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-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--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);--plasma_private-calendar-double-width:calc(var(--plasma-date-picker-calendar-container-width) * 2 + 2.063rem);width:var(--s1ld9lms-0);height:var(--s1ld9lms-1);}
+.s1rn242y{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);margin-top:var(--plasma-date-picker-calendar-margin-top);--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-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--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-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--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-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--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-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-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-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-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-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--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-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--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);width:var(--s1rn242y-0);height:var(--s1rn242y-1);}

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

@@ -61,8 +61,8 @@
 .CalendarDouble_styles_dt34s7_s1y1gz42__f73ec5c1{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
 .CalendarDouble_styles_dt34s7_s7fv2hn__f73ec5c1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;}
 
-.DatePickerBase_styles_10sa0ht_s1ywkx25__dd3bcd1d{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);margin-top:var(--plasma-date-picker-calendar-margin-top);--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-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--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-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--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-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--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-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-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-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-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-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--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-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--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);width:var(--s1ywkx25-0);height:var(--s1ywkx25-1);}
-.DatePickerBase_styles_10sa0ht_i1kteo3u__dd3bcd1d{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
+.DatePickerBase_styles_1fnt3hc_s1ywkx25__4bedcfde{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);margin-top:var(--plasma-date-picker-calendar-margin-top);--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-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--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-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--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-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--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-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-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-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-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-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--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-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--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);width:var(--s1ywkx25-0);height:var(--s1ywkx25-1);}
+.DatePickerBase_styles_1fnt3hc_i1kteo3u__4bedcfde{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
 
 .base_7jkj6y_bjvjzuw__b181462e .base_7jkj6y_lvfqi8__b181462e{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/Drawer/Drawer.css

@@ -59,5 +59,5 @@
 
 .base_fbxbaa_b37w9ja__9aed17a1{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1{position:absolute;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1 .base_fbxbaa_b5xb1jq__9aed17a1{background:transparent;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1.base_fbxbaa_panelRightCloseButton__9aed17a1{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
 
-.Drawer_styles_11rwbjh_s1ewnow2__cefc9498{--plasma-panel-close-color:var(--plasma-drawer-close-icon-color);}
-.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerOverlay__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_fadeInSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_fadeInSv7q57r__cefc9498 0.2s forwards;}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_popupEndAnimation__cefc9498 .Drawer_styles_11rwbjh_drawerOverlay__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_fadeOutSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_fadeOutSv7q57r__cefc9498 0.2s forwards;}@-webkit-keyframes Drawer_styles_11rwbjh_fadeInSv7q57r__cefc9498{from{opacity:0;}to{opacity:1;}}@keyframes Drawer_styles_11rwbjh_fadeInSv7q57r__cefc9498{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes Drawer_styles_11rwbjh_fadeOutSv7q57r__cefc9498{from{opacity:1;}to{opacity:0;}}@keyframes Drawer_styles_11rwbjh_fadeOutSv7q57r__cefc9498{from{opacity:1;}to{opacity:0;}}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498,.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498 > div{width:var(--sv7q57r-0);height:var(--sv7q57r-1);}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerRightPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerRightPlacement__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_rightShowAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_rightShowAnimationSv7q57r__cefc9498 0.2s forwards;}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerRightPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerRightPlacement__cefc9498.Drawer_styles_11rwbjh_popupEndAnimation__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_rightHideAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_rightHideAnimationSv7q57r__cefc9498 0.2s forwards;}@-webkit-keyframes Drawer_styles_11rwbjh_rightShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_11rwbjh_rightShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_11rwbjh_rightHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes Drawer_styles_11rwbjh_rightHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerBottomPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerBottomPlacement__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_bottomShowAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_bottomShowAnimationSv7q57r__cefc9498 0.2s forwards;}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerBottomPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerBottomPlacement__cefc9498.Drawer_styles_11rwbjh_popupEndAnimation__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_bottomHideAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_bottomHideAnimationSv7q57r__cefc9498 0.2s forwards;}@-webkit-keyframes Drawer_styles_11rwbjh_bottomShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_11rwbjh_bottomShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_11rwbjh_bottomHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes Drawer_styles_11rwbjh_bottomHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerLeftPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerLeftPlacement__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_leftShowAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_leftShowAnimationSv7q57r__cefc9498 0.2s forwards;}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerLeftPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerLeftPlacement__cefc9498.Drawer_styles_11rwbjh_popupEndAnimation__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_leftHideAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_leftHideAnimationSv7q57r__cefc9498 0.2s forwards;}@-webkit-keyframes Drawer_styles_11rwbjh_leftShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_11rwbjh_leftShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_11rwbjh_leftHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes Drawer_styles_11rwbjh_leftHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerTopPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerTopPlacement__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_topShowAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_topShowAnimationSv7q57r__cefc9498 0.2s forwards;}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerTopPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerTopPlacement__cefc9498.Drawer_styles_11rwbjh_popupEndAnimation__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_topHideAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_topHideAnimationSv7q57r__cefc9498 0.2s forwards;}@-webkit-keyframes Drawer_styles_11rwbjh_topShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_11rwbjh_topShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_11rwbjh_topHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes Drawer_styles_11rwbjh_topHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}
+.Drawer_styles_h5od79_s1ewnow2__f99f45af{--plasma-panel-close-color:var(--plasma-drawer-close-icon-color);}
+.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerOverlay__f99f45af{-webkit-animation:Drawer_styles_h5od79_fadeInSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_fadeInSv7q57r__f99f45af 0.2s forwards;-webkit-scrollbar-gutter:stable;-moz-scrollbar-gutter:stable;-ms-scrollbar-gutter:stable;scrollbar-gutter:stable;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_drawerOverlay__f99f45af{-webkit-animation:Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_fadeInSv7q57r__f99f45af{from{opacity:0;}to{opacity:1;}}@keyframes Drawer_styles_h5od79_fadeInSv7q57r__f99f45af{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af{from{opacity:1;}to{opacity:0;}}@keyframes Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af{from{opacity:1;}to{opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af,.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af > div{width:var(--sv7q57r-0);height:var(--sv7q57r-1);}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}

package/es/components/Drawer/Drawer.styles.js

@@ -1,4 +1,4 @@
-import './Drawer.styles_11rwbjh.css';
+import './Drawer.styles_h5od79.css';
 import { styled } from '@linaria/react';
 import { component, mergeConfig } from '../../engines/common.js';
 import { popupConfig } from '../Popup/Popup.js';

package/es/components/Drawer/Drawer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../engines';\nimport { popupClasses, popupConfig } from '../Popup';\nimport { panelTokens, panelConfig } from '../Panel';\n\nimport type { DrawerPlacement } from './Drawer.types';\nimport { classes, tokens } from './Drawer.tokens';\n\nconst mergedPanelConfig = mergeConfig(panelConfig);\nconst Panel = component(mergedPanelConfig);\n\nconst Popup = component(popupConfig);\n\nconst animationVariants = {\n    right: {\n        show: {\n            start: 'translate(100%, -50%)',\n            end: 'translate(0, -50%)',\n        },\n        hide: {\n            start: 'translate(0, -50%)',\n            end: 'translate(100%, -50%)',\n        },\n    },\n    bottom: {\n        show: {\n            start: 'translate(-50%, 100%)',\n            end: 'translate(-50%, 0)',\n        },\n        hide: {\n            start: 'translate(-50%, 0)',\n            end: 'translate(-50%, 100%)',\n        },\n    },\n    left: {\n        show: {\n            start: 'translate(-100%, -50%)',\n            end: 'translate(0, -50%)',\n        },\n        hide: {\n            start: 'translate(0, -50%)',\n            end: 'translate(-100%, -50%)',\n        },\n    },\n    top: {\n        show: {\n            start: 'translate(-50%, -100%)',\n            end: 'translate(-50%, 0)',\n        },\n        hide: {\n            start: 'translate(-50%, 0)',\n            end: 'translate(-50%, -100%)',\n        },\n    },\n};\n\nconst templateAnimationStyle = (placement: DrawerPlacement) => `\n        &.${classes[`${placement}Placement` as keyof typeof classes]} {\n            && .${popupClasses.root} {\n                animation: ${placement}ShowAnimation 0.2s forwards;\n            }\n\n            &&.${popupClasses.endAnimation} .${popupClasses.root} {\n                animation: ${placement}HideAnimation 0.2s forwards;\n            }\n\n            @keyframes ${placement}ShowAnimation {\n                0% {\n                    transform: ${animationVariants[placement].show.start};\n                    opacity: 0;\n                }\n\n                100% {\n                    transform: ${animationVariants[placement].show.end};\n                    opacity: 1;\n                }\n            }\n\n            @keyframes ${placement}HideAnimation {\n                0% {\n                    transform: ${animationVariants[placement].hide.start};\n                    opacity: 1;\n                }\n\n                100% {\n                    transform: ${animationVariants[placement].hide.end};\n                    opacity: 0;\n                }\n            }\n        }\n    `;\n\nconst getAnimationStyles = () => {\n    return Object.keys(animationVariants).reduce((acc, placement) => {\n        acc += templateAnimationStyle(placement as DrawerPlacement);\n        return acc;\n    }, '');\n};\n\nexport const StyledPanel = styled(Panel)`\n    ${panelTokens.closeColor}: var(${tokens.closeIconColor});\n`;\n\nexport const StyledPopup = styled(Popup)<{\n    placement: DrawerPlacement;\n    width?: number | string;\n    height?: number | string;\n}>`\n    &&.${classes.overlay} {\n        animation: fadeIn 0.2s forwards;\n    }\n\n    &&.${popupClasses.endAnimation} .${classes.overlay} {\n        animation: fadeOut 0.2s forwards;\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n        }\n\n        to {\n            opacity: 1;\n        }\n    }\n\n    @keyframes fadeOut {\n        from {\n            opacity: 1;\n        }\n\n        to {\n            opacity: 0;\n        }\n    }\n\n    && .${popupClasses.root}, && .${popupClasses.root} > div {\n        width: ${({ width }) => width || 'auto'};\n        height: ${({ height }) => height || 'auto'};\n    }\n\n    ${getAnimationStyles()}\n`;\n"],"names":["mergedPanelConfig","mergeConfig","panelConfig","Panel","component","Popup","popupConfig","_exp","StyledPanel","styled","name","class","propsAsIs","_exp4","_exp10","_ref","width","_exp11","_ref2","height","StyledPopup","vars"],"mappings":";;;;;AASA,IAAMA,iBAAiB,gBAAGC,WAAW,CAACC,WAAW,CAAC,CAAA;AAClD,IAAMC,KAAK,gBAAGC,SAAS,CAACJ,iBAAiB,CAAC,CAAA;AAE1C,IAAMK,KAAK,gBAAGD,SAAS,CAACE,WAAW,CAAC,CAAA;AAAC,IAAAC,IAAA,GAXnBA,SAWmBA,IAAAA,GAAA;AAAA,EAAA,OAwFHJ,KAAK,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMK,WAAW,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEhC,EAAA;AAAC,IAAAC,KAAA,GArGgBA,SAqGhBA,KAAAA,GAAA;AAAA,EAAA,OAEgCR,KAAK,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAS,MAAA,GAvGrBA,SAuGqBA,MAAAA,GAAA;AAAA,EAAA,OAkCtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;IAAAA,OAAYA,KAAK,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAzI7BA,SAyI6BA,MAAAA,GAAA;AAAA,EAAA,OAC7B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAnC3C,IAAMC,WAAW,gBAAGX,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAkChBP,MAA8B,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAC7BG,MAAgC,EAAA,CAAA;AAAA,GAAA;AAAA,CAIjD;;;;"}
+{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../engines';\nimport { popupClasses, popupConfig } from '../Popup';\nimport { panelTokens, panelConfig } from '../Panel';\n\nimport type { DrawerPlacement } from './Drawer.types';\nimport { classes, tokens } from './Drawer.tokens';\n\nconst mergedPanelConfig = mergeConfig(panelConfig);\nconst Panel = component(mergedPanelConfig);\n\nconst Popup = component(popupConfig);\n\nconst animationVariants = {\n    right: {\n        show: {\n            start: 'translate(100%, -50%)',\n            end: 'translate(0, -50%)',\n        },\n        hide: {\n            start: 'translate(0, -50%)',\n            end: 'translate(100%, -50%)',\n        },\n    },\n    bottom: {\n        show: {\n            start: 'translate(-50%, 100%)',\n            end: 'translate(-50%, 0)',\n        },\n        hide: {\n            start: 'translate(-50%, 0)',\n            end: 'translate(-50%, 100%)',\n        },\n    },\n    left: {\n        show: {\n            start: 'translate(-100%, -50%)',\n            end: 'translate(0, -50%)',\n        },\n        hide: {\n            start: 'translate(0, -50%)',\n            end: 'translate(-100%, -50%)',\n        },\n    },\n    top: {\n        show: {\n            start: 'translate(-50%, -100%)',\n            end: 'translate(-50%, 0)',\n        },\n        hide: {\n            start: 'translate(-50%, 0)',\n            end: 'translate(-50%, -100%)',\n        },\n    },\n};\n\nconst templateAnimationStyle = (placement: DrawerPlacement) => `\n        &.${classes[`${placement}Placement` as keyof typeof classes]} {\n            && .${popupClasses.root} {\n                animation: ${placement}ShowAnimation 0.2s forwards;\n            }\n\n            &&.${popupClasses.endAnimation} .${popupClasses.root} {\n                animation: ${placement}HideAnimation 0.2s forwards;\n            }\n\n            @keyframes ${placement}ShowAnimation {\n                0% {\n                    transform: ${animationVariants[placement].show.start};\n                    opacity: 0;\n                }\n\n                100% {\n                    transform: ${animationVariants[placement].show.end};\n                    opacity: 1;\n                }\n            }\n\n            @keyframes ${placement}HideAnimation {\n                0% {\n                    transform: ${animationVariants[placement].hide.start};\n                    opacity: 1;\n                }\n\n                100% {\n                    transform: ${animationVariants[placement].hide.end};\n                    opacity: 0;\n                }\n            }\n        }\n    `;\n\nconst getAnimationStyles = () => {\n    return Object.keys(animationVariants).reduce((acc, placement) => {\n        acc += templateAnimationStyle(placement as DrawerPlacement);\n        return acc;\n    }, '');\n};\n\nexport const StyledPanel = styled(Panel)`\n    ${panelTokens.closeColor}: var(${tokens.closeIconColor});\n`;\n\nexport const StyledPopup = styled(Popup)<{\n    placement: DrawerPlacement;\n    width?: number | string;\n    height?: number | string;\n}>`\n    &&.${classes.overlay} {\n        animation: fadeIn 0.2s forwards;\n        scrollbar-gutter: stable;\n    }\n\n    &&.${popupClasses.endAnimation} .${classes.overlay} {\n        animation: fadeOut 0.2s forwards;\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n        }\n\n        to {\n            opacity: 1;\n        }\n    }\n\n    @keyframes fadeOut {\n        from {\n            opacity: 1;\n        }\n\n        to {\n            opacity: 0;\n        }\n    }\n\n    && .${popupClasses.root}, && .${popupClasses.root} > div {\n        width: ${({ width }) => width || 'auto'};\n        height: ${({ height }) => height || 'auto'};\n    }\n\n    ${getAnimationStyles()}\n`;\n"],"names":["mergedPanelConfig","mergeConfig","panelConfig","Panel","component","Popup","popupConfig","_exp","StyledPanel","styled","name","class","propsAsIs","_exp4","_exp10","_ref","width","_exp11","_ref2","height","StyledPopup","vars"],"mappings":";;;;;AASA,IAAMA,iBAAiB,gBAAGC,WAAW,CAACC,WAAW,CAAC,CAAA;AAClD,IAAMC,KAAK,gBAAGC,SAAS,CAACJ,iBAAiB,CAAC,CAAA;AAE1C,IAAMK,KAAK,gBAAGD,SAAS,CAACE,WAAW,CAAC,CAAA;AAAC,IAAAC,IAAA,GAXnBA,SAWmBA,IAAAA,GAAA;AAAA,EAAA,OAwFHJ,KAAK,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMK,WAAW,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEhC,EAAA;AAAC,IAAAC,KAAA,GArGgBA,SAqGhBA,KAAAA,GAAA;AAAA,EAAA,OAEgCR,KAAK,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAS,MAAA,GAvGrBA,SAuGqBA,MAAAA,GAAA;AAAA,EAAA,OAmCtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;IAAAA,OAAYA,KAAK,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA1I7BA,SA0I6BA,MAAAA,GAAA;AAAA,EAAA,OAC7B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AApC3C,IAAMC,WAAW,gBAAGX,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAmChBP,MAA8B,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAC7BG,MAAgC,EAAA,CAAA;AAAA,GAAA;AAAA,CAIjD;;;;"}

package/es/components/Drawer/Drawer.styles_h5od79.css

@@ -0,0 +1,2 @@
+.s1ewnow2{--plasma-panel-close-color:var(--plasma-drawer-close-icon-color);}
+.sv7q57r.sv7q57r.drawer-overlay{-webkit-animation:fadeIn-sv7q57r 0.2s forwards;animation:fadeIn-sv7q57r 0.2s forwards;-webkit-scrollbar-gutter:stable;-moz-scrollbar-gutter:stable;-ms-scrollbar-gutter:stable;scrollbar-gutter:stable;}.sv7q57r.sv7q57r.popup-end-animation .drawer-overlay{-webkit-animation:fadeOut-sv7q57r 0.2s forwards;animation:fadeOut-sv7q57r 0.2s forwards;}@-webkit-keyframes fadeIn-sv7q57r{from{opacity:0;}to{opacity:1;}}@keyframes fadeIn-sv7q57r{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadeOut-sv7q57r{from{opacity:1;}to{opacity:0;}}@keyframes fadeOut-sv7q57r{from{opacity:1;}to{opacity:0;}}.sv7q57r.sv7q57r .popup-base-root,.sv7q57r.sv7q57r .popup-base-root > div{width:var(--sv7q57r-0);height:var(--sv7q57r-1);}.sv7q57r.drawer-right-placement.sv7q57r.drawer-right-placement .popup-base-root{-webkit-animation:rightShowAnimation-sv7q57r 0.2s forwards;animation:rightShowAnimation-sv7q57r 0.2s forwards;}.sv7q57r.drawer-right-placement.sv7q57r.drawer-right-placement.popup-end-animation .popup-base-root{-webkit-animation:rightHideAnimation-sv7q57r 0.2s forwards;animation:rightHideAnimation-sv7q57r 0.2s forwards;}@-webkit-keyframes rightShowAnimation-sv7q57r{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes rightShowAnimation-sv7q57r{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes rightHideAnimation-sv7q57r{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes rightHideAnimation-sv7q57r{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.sv7q57r.drawer-bottom-placement.sv7q57r.drawer-bottom-placement .popup-base-root{-webkit-animation:bottomShowAnimation-sv7q57r 0.2s forwards;animation:bottomShowAnimation-sv7q57r 0.2s forwards;}.sv7q57r.drawer-bottom-placement.sv7q57r.drawer-bottom-placement.popup-end-animation .popup-base-root{-webkit-animation:bottomHideAnimation-sv7q57r 0.2s forwards;animation:bottomHideAnimation-sv7q57r 0.2s forwards;}@-webkit-keyframes bottomShowAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes bottomShowAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes bottomHideAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes bottomHideAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.sv7q57r.drawer-left-placement.sv7q57r.drawer-left-placement .popup-base-root{-webkit-animation:leftShowAnimation-sv7q57r 0.2s forwards;animation:leftShowAnimation-sv7q57r 0.2s forwards;}.sv7q57r.drawer-left-placement.sv7q57r.drawer-left-placement.popup-end-animation .popup-base-root{-webkit-animation:leftHideAnimation-sv7q57r 0.2s forwards;animation:leftHideAnimation-sv7q57r 0.2s forwards;}@-webkit-keyframes leftShowAnimation-sv7q57r{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes leftShowAnimation-sv7q57r{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes leftHideAnimation-sv7q57r{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes leftHideAnimation-sv7q57r{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.sv7q57r.drawer-top-placement.sv7q57r.drawer-top-placement .popup-base-root{-webkit-animation:topShowAnimation-sv7q57r 0.2s forwards;animation:topShowAnimation-sv7q57r 0.2s forwards;}.sv7q57r.drawer-top-placement.sv7q57r.drawer-top-placement.popup-end-animation .popup-base-root{-webkit-animation:topHideAnimation-sv7q57r 0.2s forwards;animation:topHideAnimation-sv7q57r 0.2s forwards;}@-webkit-keyframes topShowAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes topShowAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes topHideAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes topHideAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}

package/es/components/NavigationDrawer/NavigationDrawer.js

@@ -0,0 +1,76 @@
+import './NavigationDrawer_x642ct.css';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef } from 'react';
+import cls from 'classnames';
+import { styled } from '@linaria/react';
+import { base as base$2 } from './variations/_view/base.js';
+import { base as base$1 } from './variations/_size/base.js';
+import { Footer, Overlay, Content, base } from './NavigationDrawer.styles.js';
+import { classes } from './NavigationDrawer.tokens.js';
+import { Section } from './ui/Section/Section.js';
+
+var _excluded = ["opened", "header", "sections", "footer", "withContentLeft", "mode", "onHide", "children"];
+var Wrapper = /*#__PURE__*/styled('div')({
+  name: "Wrapper",
+  "class": "w7rhr0c",
+  propsAsIs: false
+});
+var navigationDrawerRoot = function navigationDrawerRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (props, ref) {
+    var _props$opened = props.opened,
+      opened = _props$opened === void 0 ? true : _props$opened,
+      header = props.header,
+      sections = props.sections,
+      footer = props.footer,
+      _props$withContentLef = props.withContentLeft,
+      withContentLeft = _props$withContentLef === void 0 ? true : _props$withContentLef,
+      _props$mode = props.mode,
+      mode = _props$mode === void 0 ? 'static' : _props$mode,
+      onHide = props.onHide,
+      children = props.children,
+      rest = _objectWithoutProperties(props, _excluded);
+    var isOpen = opened || !withContentLeft;
+    var isOverlay = mode === 'overlay' || mode === 'drawer';
+    return /*#__PURE__*/React.createElement(Root, _extends({
+      ref: ref
+    }, rest), /*#__PURE__*/React.createElement(Wrapper, {
+      className: cls(classes.navigationDrawerSidebar, isOverlay && classes.navigationDrawerSidebarOverlay, !isOpen && classes.navigationDrawerSidebarClosed)
+    }, header, sections.map(function (_ref, index) {
+      var items = _ref.items,
+        label = _ref.label,
+        hasDivider = _ref.hasDivider;
+      return /*#__PURE__*/React.createElement(Section, {
+        key: index,
+        items: items,
+        label: label,
+        withContentLeft: withContentLeft,
+        isOpen: isOpen,
+        hasDivider: hasDivider
+      });
+    }), footer && /*#__PURE__*/React.createElement(Footer, null, footer)), mode === 'overlay' && opened && /*#__PURE__*/React.createElement(Overlay, {
+      onClick: onHide
+    }), /*#__PURE__*/React.createElement(Content, {
+      className: cls(isOverlay && classes.navigationDrawerContentOverlay)
+    }, children));
+  });
+};
+var navigationDrawerConfig = {
+  name: 'NavigationDrawer',
+  tag: 'div',
+  layout: navigationDrawerRoot,
+  base: base,
+  variations: {
+    size: {
+      css: base$1
+    },
+    view: {
+      css: base$2
+    }
+  },
+  defaults: {
+    view: 'default'
+  }
+};
+
+export { navigationDrawerConfig, navigationDrawerRoot };
+//# sourceMappingURL=NavigationDrawer.js.map

package/es/components/NavigationDrawer/NavigationDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationDrawer.js","sources":["../../../src/components/NavigationDrawer/NavigationDrawer.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cls from 'classnames';\nimport { styled } from '@linaria/react';\n\nimport { RootProps } from '../../engines';\n\nimport { NavigationDrawerProps } from './NavigationDrawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base, Content, Footer, Overlay } from './NavigationDrawer.styles';\nimport { Section } from './ui/Section';\nimport { classes } from './NavigationDrawer.tokens';\n\nconst Wrapper = styled.div``;\n\nexport const navigationDrawerRoot = (\n    Root: RootProps<\n        HTMLDivElement,\n        Omit<NavigationDrawerProps, 'opened' | 'header' | 'sections' | 'footer' | 'withContentLeft' | 'mode' | 'onHide'>\n    >,\n) => {\n    return forwardRef<HTMLDivElement, NavigationDrawerProps>((props, ref) => {\n        const {\n            opened = true,\n            header,\n            sections,\n            footer,\n            withContentLeft = true,\n            mode = 'static',\n            onHide,\n            children,\n            ...rest\n        } = props;\n        const isOpen = opened || !withContentLeft;\n\n        const isOverlay = mode === 'overlay' || mode === 'drawer';\n\n        return (\n            <Root ref={ref} {...rest}>\n                <Wrapper\n                    className={cls(\n                        classes.navigationDrawerSidebar,\n                        isOverlay && classes.navigationDrawerSidebarOverlay,\n                        !isOpen && classes.navigationDrawerSidebarClosed,\n                    )}\n                >\n                    {header}\n\n                    {sections.map(({ items, label, hasDivider }, index) => (\n                        <Section\n                            key={index}\n                            items={items}\n                            label={label}\n                            withContentLeft={withContentLeft}\n                            isOpen={isOpen}\n                            hasDivider={hasDivider}\n                        />\n                    ))}\n\n                    {footer && <Footer>{footer}</Footer>}\n                </Wrapper>\n                {mode === 'overlay' && opened && <Overlay onClick={onHide} />}\n                <Content className={cls(isOverlay && classes.navigationDrawerContentOverlay)}>{children}</Content>\n            </Root>\n        );\n    });\n};\n\nexport const navigationDrawerConfig = {\n    name: 'NavigationDrawer',\n    tag: 'div',\n    layout: navigationDrawerRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["Wrapper","styled","name","class","propsAsIs","navigationDrawerRoot","Root","forwardRef","props","ref","_props$opened","opened","header","sections","footer","_props$withContentLef","withContentLeft","_props$mode","mode","onHide","children","rest","_excluded","isOpen","isOverlay","React","createElement","_extends","className","cls","classes","navigationDrawerSidebar","navigationDrawerSidebarOverlay","navigationDrawerSidebarClosed","map","_ref","index","items","label","hasDivider","Section","key","Footer","Overlay","onClick","Content","navigationDrawerContentOverlay","navigationDrawerConfig","tag","layout","base","variations","size","css","sizeCSS","view","viewCSS","defaults"],"mappings":";;;;;;;;;;;AAaA,IAAMA,OAAO,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,CAAA,CAAA;IAEfC,oBAAoB,GAAGA,SAAvBA,oBAAoBA,CAC7BC,IAGC,EACA;AACD,EAAA,oBAAOC,UAAU,CAAwC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACrE,IAAA,IAAAC,aAAA,GAUIF,KAAK,CATLG,MAAM;AAANA,MAAAA,MAAM,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,aAAA;MACbE,MAAM,GAQNJ,KAAK,CARLI,MAAM;MACNC,QAAQ,GAORL,KAAK,CAPLK,QAAQ;MACRC,MAAM,GAMNN,KAAK,CANLM,MAAM;MAAAC,qBAAA,GAMNP,KAAK,CALLQ,eAAe;AAAfA,MAAAA,eAAe,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;MAAAE,WAAA,GAKtBT,KAAK,CAJLU,IAAI;AAAJA,MAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,WAAA;MACfE,MAAM,GAGNX,KAAK,CAHLW,MAAM;MACNC,QAAQ,GAERZ,KAAK,CAFLY,QAAQ;AACLC,MAAAA,IAAAA,GAAAA,wBAAAA,CACHb,KAAK,EAAAc,SAAA,CAAA,CAAA;AACT,IAAA,IAAMC,MAAM,GAAGZ,MAAM,IAAI,CAACK,eAAe,CAAA;IAEzC,IAAMQ,SAAS,GAAGN,IAAI,KAAK,SAAS,IAAIA,IAAI,KAAK,QAAQ,CAAA;AAEzD,IAAA,oBACIO,KAAA,CAAAC,aAAA,CAACpB,IAAI,EAAAqB,QAAA,CAAA;AAAClB,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAKY,IAAI,CACpBI,eAAAA,KAAA,CAAAC,aAAA,CAAC1B,OAAO,EAAA;AACJ4B,MAAAA,SAAS,EAAEC,GAAG,CACVC,OAAO,CAACC,uBAAuB,EAC/BP,SAAS,IAAIM,OAAO,CAACE,8BAA8B,EACnD,CAACT,MAAM,IAAIO,OAAO,CAACG,6BACvB,CAAA;KAECrB,EAAAA,MAAM,EAENC,QAAQ,CAACqB,GAAG,CAAC,UAAAC,IAAA,EAA+BC,KAAK,EAAA;AAAA,MAAA,IAAjCC,KAAK,GAAAF,IAAA,CAALE,KAAK;QAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;QAAEC,UAAAA,GAAAA,IAAAA,CAAAA,UAAAA,CAAAA;AAAAA,MAAAA,oBAC3Bd,KAAA,CAAAC,aAAA,CAACc,OAAO,EAAA;AACJC,QAAAA,GAAG,EAAEL,KAAM;AACXC,QAAAA,KAAK,EAAEA,KAAM;AACbC,QAAAA,KAAK,EAAEA,KAAM;AACbtB,QAAAA,eAAe,EAAEA,eAAgB;AACjCO,QAAAA,MAAM,EAAEA,MAAO;AACfgB,QAAAA,UAAU,EAAEA,UAAAA;AAAW,QAE9B,CAAA;KAAC,CAAA,EAEDzB,MAAM,iBAAIW,KAAA,CAAAC,aAAA,CAACgB,MAAM,EAAA,IAAA,EAAE5B,MAAe,CAC9B,CAAA,EACRI,IAAI,KAAK,SAAS,IAAIP,MAAM,iBAAIc,KAAA,CAAAC,aAAA,CAACiB,OAAO,EAAA;AAACC,MAAAA,OAAO,EAAEzB,MAAAA;AAAO,KAAG,CAAA,eAC7DM,KAAA,CAAAC,aAAA,CAACmB,OAAO,EAAA;AAACjB,MAAAA,SAAS,EAAEC,GAAG,CAACL,SAAS,IAAIM,OAAO,CAACgB,8BAA8B,CAAA;KAAI1B,EAAAA,QAAkB,CAC/F,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AACN,EAAC;AAEM,IAAM2B,sBAAsB,GAAG;AAClC7C,EAAAA,IAAI,EAAE,kBAAkB;AACxB8C,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5C,oBAAoB;AAC5B6C,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNF,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/NavigationDrawer/NavigationDrawer.styles.js

@@ -0,0 +1,22 @@
+import './NavigationDrawer.styles_1fqy1s9.css';
+import { styled } from '@linaria/react';
+
+var base = "b1bnt8n8";
+var Content = /*#__PURE__*/styled('div')({
+  name: "Content",
+  "class": "c19zsnkb",
+  propsAsIs: false
+});
+var Overlay = /*#__PURE__*/styled('div')({
+  name: "Overlay",
+  "class": "ot34geh",
+  propsAsIs: false
+});
+var Footer = /*#__PURE__*/styled('div')({
+  name: "Footer",
+  "class": "fuukt3v",
+  propsAsIs: false
+});
+
+export { Content, Footer, Overlay, base };
+//# sourceMappingURL=NavigationDrawer.styles.js.map

package/es/components/NavigationDrawer/NavigationDrawer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationDrawer.styles.js","sources":["../../../src/components/NavigationDrawer/NavigationDrawer.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { classes, tokens } from './NavigationDrawer.tokens';\n\nexport const base = css`\n    display: flex;\n    box-sizing: border-box;\n    height: 100%;\n    width: 100%;\n    position: relative;\n\n    .${classes.navigationDrawerMenuItemSelected} {\n        background: var(${tokens.menuItemSelectedColor});\n    }\n\n    .${classes.navigationDrawerMenuLink} {\n        text-decoration: none;\n        color: var(--text-primary);\n\n        &:visited,\n        &:hover,\n        &:visited:hover {\n            color: var(--text-primary);\n        }\n    }\n\n    .${classes.navigationDrawerMenuItem} {\n        padding: var(${tokens.menuItemPadding});\n        display: flex;\n        gap: var(${tokens.menuItemGap});\n        align-items: center;\n        cursor: pointer;\n        border-radius: var(${tokens.menuItemBorderRadius});\n        box-sizing: border-box;\n        height: var(${tokens.sidebarWidthClosed});\n        min-width: var(${tokens.sidebarWidthClosed});\n        line-height: var(${tokens.iconContainerSize});\n\n        font-family: var(${tokens.menuItemFontFamily});\n        font-size: var(${tokens.menuItemFontSize});\n        font-style: var(${tokens.menuItemFontStyle});\n        font-weight: var(${tokens.menuItemFontWeight});\n        letter-spacing: var(${tokens.menuItemFontLetterSpacing});\n        line-height: var(${tokens.menuItemFontLineHeight});\n\n        &:hover {\n            background: var(${tokens.menuItemHoverColor});\n        }\n    }\n\n    .${classes.navigationDrawerMenuItemDisabled} {\n        cursor: not-allowed;\n        opacity: var(${tokens.menuItemDisabledOpacity});\n    }\n\n    .${classes.navigationDrawerMenuItemWithoutContentLeft} {\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .${classes.navigationDrawerMenuItemContentLeft} {\n        gap: var(${tokens.menuItemContentLeftMargin});\n        padding: var(${tokens.menuItemContentLeftMargin});\n\n        .${classes.navigationDrawerMenuIndicator} {\n            position: absolute;\n            top: 0;\n            right: 0;\n        }\n\n        .${classes.navigationDrawerMenuCounter} {\n            position: absolute;\n            top: -0.25rem;\n            right: -0.25rem;\n        }\n    }\n\n    .${classes.navigationDrawerMenuIndicator} {\n        position: absolute;\n        top: -0.375rem;\n        right: -0.375rem;\n    }\n\n    .${classes.navigationDrawerMenuCounter} {\n        position: absolute;\n        top: -0.625rem;\n        right: -0.625rem;\n    }\n\n    .${classes.navigationDrawerSidebar} {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n        box-sizing: content-box;\n        color: var(--text-primary);\n\n        height: calc(100% - 2rem);\n        padding: var(${tokens.sidebarPadding});\n        min-width: var(${tokens.sidebarWidth});\n        max-width: var(${tokens.sidebarWidth});\n        box-shadow: var(${tokens.sidebarBoxShadow});\n        background: var(${tokens.sidebarBackground});\n\n        &::-webkit-scrollbar {\n            width: 0.188rem;\n        }\n\n        &::-webkit-scrollbar-thumb {\n            background-color: var(--surface-transparent-tertiary);\n            background-clip: content-box;\n            border: 0.063rem solid transparent;\n            border-radius: 1rem;\n        }\n\n        &::-webkit-scrollbar-track {\n            background-color: var(--surface-transparent-primary);\n            background-clip: content-box;\n            border: 0.063rem solid transparent;\n            border-radius: 1rem;\n        }\n    }\n\n    .${classes.navigationDrawerSidebarClosed} {\n        min-width: var(${tokens.sidebarWidthClosed});\n        max-width: var(${tokens.sidebarWidthClosed});\n    }\n\n    .${classes.navigationDrawerSidebarOverlay} {\n        position: fixed;\n        top: 0;\n        left: 0;\n        z-index: 1;\n    }\n\n    .${classes.navigationDrawerContentOverlay} {\n        margin-left: calc(var(${tokens.sidebarWidthClosed}) + 1.5rem);\n    }\n\n    .${classes.navigationDrawerArrowInverse} {\n        transform: rotate(-180deg);\n    }\n`;\n\nexport const Content = styled.div`\n    width: 100%;\n    height: 100%;\n`;\n\nexport const Overlay = styled.div`\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: calc(var(${tokens.sidebarWidth}) + 1.5rem);\n    bottom: 0;\n    z-index: 1;\n    background-color: var(${tokens.overlayBackground});\n    cursor: pointer;\n`;\n\nexport const Footer = styled.div`\n    margin-top: auto;\n`;\n"],"names":["base","Content","styled","name","class","propsAsIs","Overlay","Footer"],"mappings":";;AAKO,IAAMA,IAAI,GA0IhB,WAAA;AAEM,IAAMC,OAAO,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG5B,EAAA;AAEM,IAAMC,OAAO,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS5B,EAAA;AAEM,IAAME,MAAM,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B;;;;"}

package/es/components/NavigationDrawer/NavigationDrawer.styles_1fqy1s9.css

@@ -0,0 +1,4 @@
+.b1bnt8n8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;height:100%;width:100%;position:relative;}.b1bnt8n8 .navigation-drawer-menu-item-selected{background:var(--plasma-navigation-drawer-menu-item-selected-color);}.b1bnt8n8 .navigation-drawer-menu-link{-webkit-text-decoration:none;text-decoration:none;color:var(--text-primary);}.b1bnt8n8 .navigation-drawer-menu-link:visited,.b1bnt8n8 .navigation-drawer-menu-link:hover,.b1bnt8n8 .navigation-drawer-menu-link:visited:hover{color:var(--text-primary);}.b1bnt8n8 .navigation-drawer-menu-item{padding:var(--plasma-navigation-drawer-menu-item-padding);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-navigation-drawer-menu-item-gap);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--plasma-navigation-drawer-menu-item-border-radius);box-sizing:border-box;height:var(--plasma-navigation-drawer-sidebar-width-closed);min-width:var(--plasma-navigation-drawer-sidebar-width-closed);line-height:var(--plasma-navigation-drawer-icon-container-size);font-family:var(--plasma-navigation-drawer-menu-item-font-family);font-size:var(--plasma-navigation-drawer-menu-item-font-size);font-style:var(--plasma-navigation-drawer-menu-item-font-style);font-weight:var(--plasma-navigation-drawer-menu-item-font-weight);-webkit-letter-spacing:var(--plasma-navigation-drawer-menu-item-font-letter-spacing);-moz-letter-spacing:var(--plasma-navigation-drawer-menu-item-font-letter-spacing);-ms-letter-spacing:var(--plasma-navigation-drawer-menu-item-font-letter-spacing);letter-spacing:var(--plasma-navigation-drawer-menu-item-font-letter-spacing);line-height:var(--plasma-navigation-drawer-menu-item-font-line-height);}.b1bnt8n8 .navigation-drawer-menu-item:hover{background:var(--plasma-navigation-drawer-menu-item-hover-color);}.b1bnt8n8 .navigation-drawer-menu-item-disabled{cursor:not-allowed;opacity:var(--plasma-navigation-drawer-menu-item-disabled-opacity);}.b1bnt8n8 .navigation-drawer-menu-item-without-content-left{-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;}.b1bnt8n8 .navigation-drawer-menu-item-content-left{gap:var(--plasma-navigation-drawer-menu-item-content-left-margin);padding:var(--plasma-navigation-drawer-menu-item-content-left-margin);}.b1bnt8n8 .navigation-drawer-menu-item-content-left .navigation-drawer-menu-item-indicator{position:absolute;top:0;right:0;}.b1bnt8n8 .navigation-drawer-menu-item-content-left .navigation-drawer-menu-item-counter{position:absolute;top:-0.25rem;right:-0.25rem;}.b1bnt8n8 .navigation-drawer-menu-item-indicator{position:absolute;top:-0.375rem;right:-0.375rem;}.b1bnt8n8 .navigation-drawer-menu-item-counter{position:absolute;top:-0.625rem;right:-0.625rem;}.b1bnt8n8 .navigation-drawer-sidebar{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;box-sizing:content-box;color:var(--text-primary);height:calc(100% - 2rem);padding:var(--plasma-navigation-drawer-sidebar-padding);min-width:var(--plasma-navigation-drawer-sidebar-width);max-width:var(--plasma-navigation-drawer-sidebar-width);box-shadow:var(--plasma-navigation-drawer-sidebar-box-shadow);background:var(--plasma-navigation-drawer-sidebar-background);}.b1bnt8n8 .navigation-drawer-sidebar::-webkit-scrollbar{width:0.188rem;}.b1bnt8n8 .navigation-drawer-sidebar::-webkit-scrollbar-thumb{background-color:var(--surface-transparent-tertiary);background-clip:content-box;border:0.063rem solid transparent;border-radius:1rem;}.b1bnt8n8 .navigation-drawer-sidebar::-webkit-scrollbar-track{background-color:var(--surface-transparent-primary);background-clip:content-box;border:0.063rem solid transparent;border-radius:1rem;}.b1bnt8n8 .navigation-drawer-sidebar-closed{min-width:var(--plasma-navigation-drawer-sidebar-width-closed);max-width:var(--plasma-navigation-drawer-sidebar-width-closed);}.b1bnt8n8 .navigation-drawer-sidebar-overlay{position:fixed;top:0;left:0;z-index:1;}.b1bnt8n8 .navigation-drawer-content-overlay{margin-left:calc(var(--plasma-navigation-drawer-sidebar-width-closed) + 1.5rem);}.b1bnt8n8 .navigation-drawer-arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
+.c19zsnkb{width:100%;height:100%;}
+.ot34geh{position:absolute;top:0;right:0;left:calc(var(--plasma-navigation-drawer-sidebar-width) + 1.5rem);bottom:0;z-index:1;background-color:var(--plasma-navigation-drawer-overlay-background);cursor:pointer;}
+.fuukt3v{margin-top:auto;}

package/es/components/NavigationDrawer/NavigationDrawer.tokens.js

@@ -0,0 +1,72 @@
+var classes = {
+  navigationDrawerSidebar: 'navigation-drawer-sidebar',
+  navigationDrawerSidebarOverlay: 'navigation-drawer-sidebar-overlay',
+  navigationDrawerSidebarClosed: 'navigation-drawer-sidebar-closed',
+  navigationDrawerMenuItem: 'navigation-drawer-menu-item',
+  navigationDrawerMenuLink: 'navigation-drawer-menu-link',
+  navigationDrawerMenuIndicator: 'navigation-drawer-menu-item-indicator',
+  navigationDrawerMenuCounter: 'navigation-drawer-menu-item-counter',
+  navigationDrawerMenuItemWithoutContentLeft: 'navigation-drawer-menu-item-without-content-left',
+  navigationDrawerMenuItemSelected: 'navigation-drawer-menu-item-selected',
+  navigationDrawerMenuItemDisabled: 'navigation-drawer-menu-item-disabled',
+  navigationDrawerMenuItemContentLeft: 'navigation-drawer-menu-item-content-left',
+  navigationDrawerContentOverlay: 'navigation-drawer-content-overlay',
+  navigationDrawerArrowInverse: 'navigation-drawer-arrow-inverse'
+};
+var tokens = {
+  // Sidebar
+  sidebarPadding: '--plasma-navigation-drawer-sidebar-padding',
+  sidebarGap: '--plasma-navigation-drawer-sidebar-gap',
+  sidebarWidth: '--plasma-navigation-drawer-sidebar-width',
+  sidebarWidthClosed: '--plasma-navigation-drawer-sidebar-width-closed',
+  sidebarBoxShadow: '--plasma-navigation-drawer-sidebar-box-shadow',
+  sidebarBackground: '--plasma-navigation-drawer-sidebar-background',
+  // Section
+  sectionFontSize: '--plasma-navigation-drawer-section-font-size',
+  sectionColor: '--plasma-navigation-drawer-section-color',
+  sectionHeaderGap: '--plasma-navigation-drawer-section-header-gap',
+  sectionPadding: '--plasma-navigation-drawer-section-padding',
+  sectionBorderRadius: '--plasma-navigation-drawer-section-border-radius',
+  // Menu Item
+  menuItemGap: '--plasma-navigation-drawer-menu-item-gap',
+  menuItemPadding: '--plasma-navigation-drawer-menu-item-padding',
+  menuItemBorderRadius: '--plasma-navigation-drawer-menu-item-border-radius',
+  menuItemHoverColor: '--plasma-navigation-drawer-menu-item-hover-color',
+  menuItemSelectedColor: '--plasma-navigation-drawer-menu-item-selected-color',
+  menuItemDisabledOpacity: '--plasma-navigation-drawer-menu-item-disabled-opacity',
+  menuItemIndicatorSize: '--plasma-navigation-drawer-menu-item-indicator-size',
+  menuItemIndicatorColor: '--plasma-navigation-drawer-menu-item-indicator-color',
+  // Menu Item Font
+  menuItemFontFamily: '--plasma-navigation-drawer-menu-item-font-family',
+  menuItemFontSize: '--plasma-navigation-drawer-menu-item-font-size',
+  menuItemFontStyle: '--plasma-navigation-drawer-menu-item-font-style',
+  menuItemFontWeight: '--plasma-navigation-drawer-menu-item-font-weight',
+  menuItemFontLetterSpacing: '--plasma-navigation-drawer-menu-item-font-letter-spacing',
+  menuItemFontLineHeight: '--plasma-navigation-drawer-menu-item-font-line-height',
+  menuItemContentLeftSize: '--plasma-navigation-drawer-menu-item-content-left-size',
+  menuItemContentLeftMargin: '--plasma-navigation-drawer-menu-item-content-left-margin',
+  // Divider
+  dividerColor: '--plasma-navigation-drawer-divider-color',
+  dividerHeight: '--plasma-navigation-drawer-divider-height',
+  // Icon
+  iconSize: '--plasma-navigation-drawer-icon-size',
+  iconContainerSize: '--plasma-navigation-drawer-icon-container-size',
+  iconMargin: '--plasma-navigation-drawer-icon-margin',
+  // Overlay
+  overlayBackground: '--plasma-navigation-drawer-overlay-background',
+  // Extra counter tokens
+  counterBackground: '--plasma-navigation-drawer-avatar-extra-counter-background',
+  counterColor: '--plasma-navigation-drawer-avatar-extra-counter-color',
+  counterBorderRadius: '--plasma-navigation-drawer-avatar-extra-counter-border-radius',
+  counterHeight: '--plasma-navigation-drawer-avatar-extra-counter-height',
+  counterPadding: '--plasma-navigation-drawer-avatar-extra-counter-padding',
+  counterFontFamily: '--plasma-navigation-drawer-avatar-extra-counter-font-family',
+  counterFontSize: '--plasma-navigation-drawer-avatar-extra-counter-font-size',
+  counterFontStyle: '--plasma-navigation-drawer-avatar-extra-counter-font-style',
+  counterFontWeight: '--plasma-navigation-drawer-avatar-extra-counter-font-weight',
+  counterLetterSpacing: '--plasma-navigation-drawer-avatar-extra-counter-letter-spacing',
+  counterLineHeight: '--plasma-navigation-drawer-avatar-extra-counter-lineheight'
+};
+
+export { classes, tokens };
+//# sourceMappingURL=NavigationDrawer.tokens.js.map

package/es/components/NavigationDrawer/NavigationDrawer.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationDrawer.tokens.js","sources":["../../../src/components/NavigationDrawer/NavigationDrawer.tokens.ts"],"sourcesContent":["export const classes = {\n    navigationDrawerSidebar: 'navigation-drawer-sidebar',\n    navigationDrawerSidebarOverlay: 'navigation-drawer-sidebar-overlay',\n    navigationDrawerSidebarClosed: 'navigation-drawer-sidebar-closed',\n\n    navigationDrawerMenuItem: 'navigation-drawer-menu-item',\n    navigationDrawerMenuLink: 'navigation-drawer-menu-link',\n    navigationDrawerMenuIndicator: 'navigation-drawer-menu-item-indicator',\n    navigationDrawerMenuCounter: 'navigation-drawer-menu-item-counter',\n    navigationDrawerMenuItemWithoutContentLeft: 'navigation-drawer-menu-item-without-content-left',\n    navigationDrawerMenuItemSelected: 'navigation-drawer-menu-item-selected',\n    navigationDrawerMenuItemDisabled: 'navigation-drawer-menu-item-disabled',\n    navigationDrawerMenuItemContentLeft: 'navigation-drawer-menu-item-content-left',\n\n    navigationDrawerContentOverlay: 'navigation-drawer-content-overlay',\n    navigationDrawerArrowInverse: 'navigation-drawer-arrow-inverse',\n};\n\nexport const tokens = {\n    // Sidebar\n    sidebarPadding: '--plasma-navigation-drawer-sidebar-padding',\n    sidebarGap: '--plasma-navigation-drawer-sidebar-gap',\n    sidebarWidth: '--plasma-navigation-drawer-sidebar-width',\n    sidebarWidthClosed: '--plasma-navigation-drawer-sidebar-width-closed',\n    sidebarBoxShadow: '--plasma-navigation-drawer-sidebar-box-shadow',\n    sidebarBackground: '--plasma-navigation-drawer-sidebar-background',\n\n    // Section\n    sectionFontSize: '--plasma-navigation-drawer-section-font-size',\n    sectionColor: '--plasma-navigation-drawer-section-color',\n    sectionHeaderGap: '--plasma-navigation-drawer-section-header-gap',\n    sectionPadding: '--plasma-navigation-drawer-section-padding',\n    sectionBorderRadius: '--plasma-navigation-drawer-section-border-radius',\n\n    // Menu Item\n    menuItemGap: '--plasma-navigation-drawer-menu-item-gap',\n    menuItemPadding: '--plasma-navigation-drawer-menu-item-padding',\n    menuItemBorderRadius: '--plasma-navigation-drawer-menu-item-border-radius',\n    menuItemHoverColor: '--plasma-navigation-drawer-menu-item-hover-color',\n    menuItemSelectedColor: '--plasma-navigation-drawer-menu-item-selected-color',\n    menuItemDisabledOpacity: '--plasma-navigation-drawer-menu-item-disabled-opacity',\n    menuItemIndicatorSize: '--plasma-navigation-drawer-menu-item-indicator-size',\n    menuItemIndicatorColor: '--plasma-navigation-drawer-menu-item-indicator-color',\n\n    // Menu Item Font\n    menuItemFontFamily: '--plasma-navigation-drawer-menu-item-font-family',\n    menuItemFontSize: '--plasma-navigation-drawer-menu-item-font-size',\n    menuItemFontStyle: '--plasma-navigation-drawer-menu-item-font-style',\n    menuItemFontWeight: '--plasma-navigation-drawer-menu-item-font-weight',\n    menuItemFontLetterSpacing: '--plasma-navigation-drawer-menu-item-font-letter-spacing',\n    menuItemFontLineHeight: '--plasma-navigation-drawer-menu-item-font-line-height',\n    menuItemContentLeftSize: '--plasma-navigation-drawer-menu-item-content-left-size',\n    menuItemContentLeftMargin: '--plasma-navigation-drawer-menu-item-content-left-margin',\n\n    // Divider\n    dividerColor: '--plasma-navigation-drawer-divider-color',\n    dividerHeight: '--plasma-navigation-drawer-divider-height',\n\n    // Icon\n    iconSize: '--plasma-navigation-drawer-icon-size',\n    iconContainerSize: '--plasma-navigation-drawer-icon-container-size',\n    iconMargin: '--plasma-navigation-drawer-icon-margin',\n\n    // Overlay\n    overlayBackground: '--plasma-navigation-drawer-overlay-background',\n\n    // Extra counter tokens\n    counterBackground: '--plasma-navigation-drawer-avatar-extra-counter-background',\n    counterColor: '--plasma-navigation-drawer-avatar-extra-counter-color',\n\n    counterBorderRadius: '--plasma-navigation-drawer-avatar-extra-counter-border-radius',\n    counterHeight: '--plasma-navigation-drawer-avatar-extra-counter-height',\n    counterPadding: '--plasma-navigation-drawer-avatar-extra-counter-padding',\n\n    counterFontFamily: '--plasma-navigation-drawer-avatar-extra-counter-font-family',\n    counterFontSize: '--plasma-navigation-drawer-avatar-extra-counter-font-size',\n    counterFontStyle: '--plasma-navigation-drawer-avatar-extra-counter-font-style',\n    counterFontWeight: '--plasma-navigation-drawer-avatar-extra-counter-font-weight',\n    counterLetterSpacing: '--plasma-navigation-drawer-avatar-extra-counter-letter-spacing',\n    counterLineHeight: '--plasma-navigation-drawer-avatar-extra-counter-lineheight',\n};\n"],"names":["classes","navigationDrawerSidebar","navigationDrawerSidebarOverlay","navigationDrawerSidebarClosed","navigationDrawerMenuItem","navigationDrawerMenuLink","navigationDrawerMenuIndicator","navigationDrawerMenuCounter","navigationDrawerMenuItemWithoutContentLeft","navigationDrawerMenuItemSelected","navigationDrawerMenuItemDisabled","navigationDrawerMenuItemContentLeft","navigationDrawerContentOverlay","navigationDrawerArrowInverse","tokens","sidebarPadding","sidebarGap","sidebarWidth","sidebarWidthClosed","sidebarBoxShadow","sidebarBackground","sectionFontSize","sectionColor","sectionHeaderGap","sectionPadding","sectionBorderRadius","menuItemGap","menuItemPadding","menuItemBorderRadius","menuItemHoverColor","menuItemSelectedColor","menuItemDisabledOpacity","menuItemIndicatorSize","menuItemIndicatorColor","menuItemFontFamily","menuItemFontSize","menuItemFontStyle","menuItemFontWeight","menuItemFontLetterSpacing","menuItemFontLineHeight","menuItemContentLeftSize","menuItemContentLeftMargin","dividerColor","dividerHeight","iconSize","iconContainerSize","iconMargin","overlayBackground","counterBackground","counterColor","counterBorderRadius","counterHeight","counterPadding","counterFontFamily","counterFontSize","counterFontStyle","counterFontWeight","counterLetterSpacing","counterLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,uBAAuB,EAAE,2BAA2B;AACpDC,EAAAA,8BAA8B,EAAE,mCAAmC;AACnEC,EAAAA,6BAA6B,EAAE,kCAAkC;AAEjEC,EAAAA,wBAAwB,EAAE,6BAA6B;AACvDC,EAAAA,wBAAwB,EAAE,6BAA6B;AACvDC,EAAAA,6BAA6B,EAAE,uCAAuC;AACtEC,EAAAA,2BAA2B,EAAE,qCAAqC;AAClEC,EAAAA,0CAA0C,EAAE,kDAAkD;AAC9FC,EAAAA,gCAAgC,EAAE,sCAAsC;AACxEC,EAAAA,gCAAgC,EAAE,sCAAsC;AACxEC,EAAAA,mCAAmC,EAAE,0CAA0C;AAE/EC,EAAAA,8BAA8B,EAAE,mCAAmC;AACnEC,EAAAA,4BAA4B,EAAE,iCAAA;AAClC,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClB;AACAC,EAAAA,cAAc,EAAE,4CAA4C;AAC5DC,EAAAA,UAAU,EAAE,wCAAwC;AACpDC,EAAAA,YAAY,EAAE,0CAA0C;AACxDC,EAAAA,kBAAkB,EAAE,iDAAiD;AACrEC,EAAAA,gBAAgB,EAAE,+CAA+C;AACjEC,EAAAA,iBAAiB,EAAE,+CAA+C;AAElE;AACAC,EAAAA,eAAe,EAAE,8CAA8C;AAC/DC,EAAAA,YAAY,EAAE,0CAA0C;AACxDC,EAAAA,gBAAgB,EAAE,+CAA+C;AACjEC,EAAAA,cAAc,EAAE,4CAA4C;AAC5DC,EAAAA,mBAAmB,EAAE,kDAAkD;AAEvE;AACAC,EAAAA,WAAW,EAAE,0CAA0C;AACvDC,EAAAA,eAAe,EAAE,8CAA8C;AAC/DC,EAAAA,oBAAoB,EAAE,oDAAoD;AAC1EC,EAAAA,kBAAkB,EAAE,kDAAkD;AACtEC,EAAAA,qBAAqB,EAAE,qDAAqD;AAC5EC,EAAAA,uBAAuB,EAAE,uDAAuD;AAChFC,EAAAA,qBAAqB,EAAE,qDAAqD;AAC5EC,EAAAA,sBAAsB,EAAE,sDAAsD;AAE9E;AACAC,EAAAA,kBAAkB,EAAE,kDAAkD;AACtEC,EAAAA,gBAAgB,EAAE,gDAAgD;AAClEC,EAAAA,iBAAiB,EAAE,iDAAiD;AACpEC,EAAAA,kBAAkB,EAAE,kDAAkD;AACtEC,EAAAA,yBAAyB,EAAE,0DAA0D;AACrFC,EAAAA,sBAAsB,EAAE,uDAAuD;AAC/EC,EAAAA,uBAAuB,EAAE,wDAAwD;AACjFC,EAAAA,yBAAyB,EAAE,0DAA0D;AAErF;AACAC,EAAAA,YAAY,EAAE,0CAA0C;AACxDC,EAAAA,aAAa,EAAE,2CAA2C;AAE1D;AACAC,EAAAA,QAAQ,EAAE,sCAAsC;AAChDC,EAAAA,iBAAiB,EAAE,gDAAgD;AACnEC,EAAAA,UAAU,EAAE,wCAAwC;AAEpD;AACAC,EAAAA,iBAAiB,EAAE,+CAA+C;AAElE;AACAC,EAAAA,iBAAiB,EAAE,4DAA4D;AAC/EC,EAAAA,YAAY,EAAE,uDAAuD;AAErEC,EAAAA,mBAAmB,EAAE,+DAA+D;AACpFC,EAAAA,aAAa,EAAE,wDAAwD;AACvEC,EAAAA,cAAc,EAAE,yDAAyD;AAEzEC,EAAAA,iBAAiB,EAAE,6DAA6D;AAChFC,EAAAA,eAAe,EAAE,2DAA2D;AAC5EC,EAAAA,gBAAgB,EAAE,4DAA4D;AAC9EC,EAAAA,iBAAiB,EAAE,6DAA6D;AAChFC,EAAAA,oBAAoB,EAAE,gEAAgE;AACtFC,EAAAA,iBAAiB,EAAE,4DAAA;AACvB;;;;"}

package/es/components/NavigationDrawer/NavigationDrawer_x642ct.css

@@ -0,0 +1 @@
+

package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.css

@@ -0,0 +1,39 @@
+.base_1vjakah_b15waymg__f123ad8a{color:var(--plasma-counter-color);background-color:var(--plasma-counter-background);}
+
+.base_mpen2h_b1t6e429__c433f416{font-family:var(--plasma-counter-font-family);font-size:var(--plasma-counter-font-size);font-style:var(--plasma-counter-font-style);font-weight:var(--plasma-counter-font-weight);-webkit-letter-spacing:var(--plasma-counter-letter-spacing);-moz-letter-spacing:var(--plasma-counter-letter-spacing);-ms-letter-spacing:var(--plasma-counter-letter-spacing);letter-spacing:var(--plasma-counter-letter-spacing);line-height:var(--plasma-counter-lineheight);border-radius:var(--plasma-counter-border-radius);height:var(--plasma-counter-height);padding:var(--plasma-counter-padding);}.base_mpen2h_b1t6e429__c433f416.base_mpen2h__PlasmaCounterRound__c433f416{width:var(--plasma-counter-height);}
+
+.Counter_styles_1uue90v_b1dqw7l5__00d0b847{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;width:-webkit-max-content;width:-moz-max-content;width:max-content;}
+
+.Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
+
+.base_1rjb5ly_bu942ai__5ed616c0{background-color:var(--plasma-indicator-color);}
+
+.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
+
+.MenuItem_styles_1jc86lh_e1gh4xi__47602df6{margin:auto;--plasma-counter-background:var(--plasma-navigation-drawer-avatar-extra-counter-background);--plasma-counter-color:var(--plasma-navigation-drawer-avatar-extra-counter-color);--plasma-counter-border-radius:var(--plasma-navigation-drawer-avatar-extra-counter-border-radius);--plasma-counter-height:var(--plasma-navigation-drawer-avatar-extra-counter-height);--plasma-counter-padding:var(--plasma-navigation-drawer-avatar-extra-counter-padding);--plasma-counter-font-family:var(--plasma-navigation-drawer-avatar-extra-counter-font-family);--plasma-counter-font-size:var(--plasma-navigation-drawer-avatar-extra-counter-font-size);--plasma-counter-font-style:var(--plasma-navigation-drawer-avatar-extra-counter-font-style);--plasma-counter-font-weight:var(--plasma-navigation-drawer-avatar-extra-counter-font-weight);--plasma-counter-letter-spacing:var(--plasma-navigation-drawer-avatar-extra-counter-letter-spacing);--plasma-counter-lineheight:var(--plasma-navigation-drawer-avatar-extra-counter-lineheight);}
+.MenuItem_styles_1jc86lh_stvv1dr__47602df6{margin:auto;--plasma-indicator-size:var(--plasma-navigation-drawer-menu-item-indicator-size);--plasma-indicator-color:var(--plasma-navigation-drawer-menu-item-indicator-color);}
+.MenuItem_styles_1jc86lh_i1dhk4c__47602df6{position:relative;width:var(--plasma-navigation-drawer-icon-container-size);height:var(--plasma-navigation-drawer-icon-container-size);}
+.MenuItem_styles_1jc86lh_i7xwwzp__47602df6{margin:var(--plasma-navigation-drawer-icon-margin);}.MenuItem_styles_1jc86lh_i7xwwzp__47602df6 div{width:var(--plasma-navigation-drawer-icon-size);height:var(--plasma-navigation-drawer-icon-size);}
+.MenuItem_styles_1jc86lh_cc26hzf__47602df6{position:relative;width:var(--plasma-navigation-drawer-menu-item-content-left-size);height:var(--plasma-navigation-drawer-menu-item-content-left-size);}
+.MenuItem_styles_1jc86lh_ry1cfbm__47602df6{position:relative;height:var(--plasma-navigation-drawer-icon-container-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.MenuItem_styles_1jc86lh_l14iipd__47602df6{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+
+.base_1vy4dme_bcchm3r__d3e4eaba{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.base_1vy4dme_bcchm3r__d3e4eaba::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_1vy4dme_bcchm3r__d3e4eaba:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:active::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active::before{opacity:1;}
+
+.base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}
+
+.base_avgvpx_b1iw8i40__d86ab9a8:focus{outline:none;}.base_avgvpx_b1iw8i40__d86ab9a8:focus-visible::before{top:-0.0625rem;right:-0.0625rem;opacity:1;border-radius:0.375rem;box-shadow:0 0 0 0.0625rem var(--plasma-link-color-focus);border-bottom:none;}
+
+.Link_1oiwct5_b1j91s21__5667805d{position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color 0.15s ease-in;transition:color 0.15s ease-in;}.Link_1oiwct5_b1j91s21__5667805d::before{content:'';position:absolute;inset:0;opacity:0.4;}
+
+.Link_config_zeymp2_d1calyk9__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-primary);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-visited:var(--text-primary);--plasma-link-color-visited-hover:var(--text-primary-hover);--plasma-link-color-visited-active:var(--text-primary-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_s1a4vrvj__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-secondary);--plasma-link-color-hover:var(--text-secondary-hover);--plasma-link-color-active:var(--text-secondary-active);--plasma-link-color-visited:var(--text-secondary);--plasma-link-color-visited-hover:var(--text-secondary-hover);--plasma-link-color-visited-active:var(--text-secondary-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_t1hxd0ad__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-tertiary);--plasma-link-color-hover:var(--text-tertiary-hover);--plasma-link-color-active:var(--text-tertiary-active);--plasma-link-color-visited:var(--text-tertiary);--plasma-link-color-visited-hover:var(--text-tertiary-hover);--plasma-link-color-visited-active:var(--text-tertiary-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_p1mbfmqw__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-paragraph);--plasma-link-color-hover:var(--text-paragraph-hover);--plasma-link-color-active:var(--text-paragraph-active);--plasma-link-color-visited:var(--text-paragraph);--plasma-link-color-visited-hover:var(--text-paragraph-hover);--plasma-link-color-visited-active:var(--text-paragraph-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_a17wwycj__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-accent);--plasma-link-color-hover:var(--text-accent-hover);--plasma-link-color-active:var(--text-accent-active);--plasma-link-color-visited:var(--text-accent);--plasma-link-color-visited-hover:var(--text-accent-hover);--plasma-link-color-visited-active:var(--text-accent-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_p14qgpkv__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-positive);--plasma-link-color-hover:var(--text-positive-hover);--plasma-link-color-active:var(--text-positive-active);--plasma-link-color-visited:var(--text-positive);--plasma-link-color-visited-hover:var(--text-positive-hover);--plasma-link-color-visited-active:var(--text-positive-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_w1py6g25__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-warning);--plasma-link-color-hover:var(--text-warning-hover);--plasma-link-color-active:var(--text-warning-active);--plasma-link-color-visited:var(--text-warning);--plasma-link-color-visited-hover:var(--text-warning-hover);--plasma-link-color-visited-active:var(--text-warning-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_n4mb9bq__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-negative);--plasma-link-color-hover:var(--text-negative-hover);--plasma-link-color-active:var(--text-negative-active);--plasma-link-color-visited:var(--text-negative);--plasma-link-color-visited-hover:var(--text-negative-hover);--plasma-link-color-visited-active:var(--text-negative-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_c2p2703__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:inherit;--plasma-link-color-hover:inherit;--plasma-link-color-active:inherit;--plasma-link-color-visited:inherit;--plasma-link-color-visited-hover:inherit;--plasma-link-color-visited-active:inherit;--plasma-link-underline-border:0.0625rem;}
+.Link_config_zeymp2_tnow91e__36d400a7{--plasma-link-disabled-opacity:0.4;}
+.Link_config_zeymp2_tt8wdu3__36d400a7{--plasma-link-color-focus:var(--text-accent);}

package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import cls from 'classnames';
+import { StyledIndicator, ExtraCounter, Label, RightContentWrapper, ContentLeftWrapper, IconWrapper, Icon } from './MenuItem.styles.js';
+import { classes } from '../../NavigationDrawer.tokens.js';
+import { Link } from '../../../../examples/components/Link/Link.js';
+
+var MenuItem = function MenuItem(props) {
+  var onClick = props.onClick,
+    href = props.href,
+    target = props.target,
+    disabled = props.disabled,
+    selected = props.selected,
+    icon = props.icon,
+    contentLeft = props.contentLeft,
+    withContentLeft = props.withContentLeft,
+    label = props.label,
+    isOpen = props.isOpen,
+    hasIndicator = props.hasIndicator,
+    counter = props.counter;
+  var onMenuClick = typeof onClick === 'function' && !disabled ? onClick : undefined;
+  var hasCustomContentLeft = contentLeft && withContentLeft;
+  var menuClasses = cls(classes.navigationDrawerMenuItem, selected && classes.navigationDrawerMenuItemSelected, disabled && classes.navigationDrawerMenuItemDisabled, hasCustomContentLeft && classes.navigationDrawerMenuItemContentLeft, !withContentLeft && classes.navigationDrawerMenuItemWithoutContentLeft);
+  var indicators = /*#__PURE__*/React.createElement(React.Fragment, null, hasIndicator && /*#__PURE__*/React.createElement(StyledIndicator, {
+    className: cls(withContentLeft && classes.navigationDrawerMenuIndicator)
+  }), counter !== undefined && /*#__PURE__*/React.createElement(ExtraCounter, {
+    className: cls(withContentLeft && classes.navigationDrawerMenuCounter),
+    count: counter
+  }));
+  var contentLeftItem = contentLeft ? /*#__PURE__*/React.createElement(ContentLeftWrapper, null, contentLeft, indicators) : null;
+  var iconItem = icon ? /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(Icon, null, icon), indicators) : null;
+  var menuItemContent = withContentLeft ? /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && contentLeftItem, icon && iconItem, isOpen && /*#__PURE__*/React.createElement(Label, null, label)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, null, label), /*#__PURE__*/React.createElement(RightContentWrapper, null, indicators));
+  return typeof onClick === 'function' ? /*#__PURE__*/React.createElement("div", {
+    className: menuClasses,
+    onClick: onMenuClick
+  }, menuItemContent) : /*#__PURE__*/React.createElement(Link, {
+    className: cls(classes.navigationDrawerMenuLink, menuClasses),
+    href: href,
+    rel: "noopener noreferrer",
+    target: target
+  }, menuItemContent);
+};
+
+export { MenuItem };
+//# sourceMappingURL=MenuItem.js.map