@central-design-system/components 2.10.1 → 2.11.1-beta.0

package/dist/CdsDatePicker/styles.css

@@ -1,5 +1,5 @@
 /*!
-  * CDS v2.10.0 (https://cds.b2b-center.ru/)
+  * CDS v2.11.0 (https://cds.b2b-center.ru/)
   *
   * @package @central-design-system/components
   * @author  Design System Team <cds@b2b-center.ru>
@@ -13,5 +13,3 @@
 
 .cds-date-picker{min-width:6.5rem}.cds-date-picker input{-webkit-appearance:none;vertical-align:bottom}.cds-date-picker input[type="time"]::-webkit-calendar-picker-indicator{display:none}.cds-date-picker__single{max-width:16rem}.cds-date-picker__single .cds-date-picker__control{width:16rem}.cds-date-picker__wrapper{display:flex}.cds-date-picker__wrapper input{text-overflow:initial}.cds-date-picker__wrapper input.active{border-radius:var(--cds-border-radius-s) var(--cds-border-radius-s) 0 0}.cds-date-picker__wrapper input:-moz-read-only{cursor:pointer}.cds-date-picker__wrapper input:read-only{cursor:pointer}.cds-date-picker__wrapper input:disabled{cursor:not-allowed}.cds-date-picker__wrapper.cds-state-invalid input{border-color:var(--cds-color-feedback-error-100)}.cds-date-picker__wrapper.cds-state-invalid input:hover,.cds-date-picker__wrapper.cds-state-invalid input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-date-picker__control{width:6.5rem}.cds-date-picker__control .input-suffix{pointer-events:none}.cds-date-picker__range{display:flex}.cds-date-picker__range input.active{border-radius:var(--cds-border-radius-s) 0 0 var(--cds-border-radius-s)}.cds-date-picker__range .cds-date-picker__control{width:8rem}.cds-date-picker__range--start input{border-top-right-radius:0;border-bottom-right-radius:0}.cds-date-picker__range--end input{border-top-left-radius:0;border-bottom-left-radius:0}.cds-date-picker__icon{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:var(--cds-color-icon-default)}.cds-date-picker__calendar{position:absolute;display:none;opacity:0;visibility:hidden;width:16rem;-webkit-animation:none;animation:none;touch-action:manipulation;border:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-top-width:0;background-color:var(--cds-color-background-container-primary);border:var(--cds-border-element-02) transparent;box-shadow:var(--cds-box-shadow-menu)}.cds-date-picker__calendar:focus{outline:0}.cds-date-picker__calendar.open{display:inline-block;opacity:1;visibility:visible;max-height:32rem;z-index:200}.cds-date-picker__calendar.inline{display:block;position:relative}.cds-date-picker__calendar.animate{-webkit-animation:openCalendar 200ms cubic-bezier(0.37, 0, 0.63, 1);animation:openCalendar 200ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-date-picker__calendar .dayContainer,.cds-date-picker__calendar .day-container{display:flex;justify-content:space-around;flex-wrap:wrap;outline:none;border:none}.cds-date-picker__calendar .months{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;border-bottom:var(--cds-border-element-01) var(--cds-color-border-element-primary)}.cds-date-picker__calendar .current-month{display:flex}.cds-date-picker__calendar .current-month select,.cds-date-picker__calendar .current-month input{background:transparent;border:none;outline:none;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-m);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-date-picker__calendar .current-month select{cursor:pointer;-moz-text-align-last:right;text-align-last:right;-webkit-appearance:none}.cds-date-picker__calendar .current-month select::-ms-expand{display:none}.cds-date-picker__calendar .current-month select:focus{outline:none;border:none}.cds-date-picker__calendar .current-month input{padding:0;width:3rem;height:auto;text-align:center;-moz-appearance:textfield}.cds-date-picker__calendar .current-month input::-webkit-outer-spin-button,.cds-date-picker__calendar .current-month input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cds-date-picker__calendar .current-month .numInputWrapper{position:relative}.cds-date-picker__calendar .current-month .numInputWrapper:hover .arrowUp,.cds-date-picker__calendar .current-month .numInputWrapper:hover .arrowDown{opacity:1}.cds-date-picker__calendar .current-month .arrowUp,.cds-date-picker__calendar .current-month .arrowDown{position:absolute;left:3rem;width:.75rem;height:50%;border:none;padding-right:.25rem;line-height:50%;opacity:0;cursor:pointer;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-date-picker__calendar .current-month .arrowUp:after,.cds-date-picker__calendar .current-month .arrowDown:after{content:'';position:absolute;display:block;top:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent}.cds-date-picker__calendar .current-month .arrowUp{top:.25rem;border-bottom:0}.cds-date-picker__calendar .current-month .arrowUp:after{border-bottom:.25rem solid var(--cds-color-icon-default)}.cds-date-picker__calendar .current-month .arrowUp:hover:after{border-bottom:.25rem solid var(--cds-color-interactive-01-hover)}.cds-date-picker__calendar .current-month .arrowDown{top:.6875rem}.cds-date-picker__calendar .current-month .arrowDown:after{border-top:.25rem solid var(--cds-color-icon-default)}.cds-date-picker__calendar .current-month .arrowDown:hover:after{border-top:.25rem solid var(--cds-color-interactive-01-hover)}.cds-date-picker__calendar .prev-month,.cds-date-picker__calendar .next-month{display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;fill:var(--cds-color-icon-default)}.cds-date-picker__calendar .prev-month:hover,.cds-date-picker__calendar .next-month:hover{fill:var(--cds-color-interactive-01-hover)}.cds-date-picker__calendar .inner-container{display:flex;padding:.75rem}.cds-date-picker__calendar .inner-container .rContainer{width:100%}.cds-date-picker__calendar .weekdays{display:flex;align-items:center;margin-bottom:.25rem}.cds-date-picker__calendar .week-day-container{display:flex;justify-content:space-around;width:100%}.cds-date-picker__calendar .weekday{display:flex;width:2rem;justify-content:center;align-items:center}.cds-date-picker__calendar .days{outline:none;border:var(--cds-border-element-02) transparent}.cds-date-picker__calendar .flatpickr-day,.cds-date-picker__calendar .day{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:var(--cds-border-element-02) transparent;border-radius:var(--cds-border-radius-m);color:var(--cds-color-text-primary);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light);transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-date-picker__calendar .flatpickr-day:hover,.cds-date-picker__calendar .day:hover{background-color:var(--cds-color-interactive-02-default);color:var(--cds-color-text-primary)}.cds-date-picker__calendar .flatpickr-day:focus,.cds-date-picker__calendar .day:focus{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus);color:var(--cds-color-text-primary)}.cds-date-picker__calendar .flatpickr-day.prevMonthDay,.cds-date-picker__calendar .flatpickr-day.nextMonthDay,.cds-date-picker__calendar .day.prevMonthDay,.cds-date-picker__calendar .day.nextMonthDay{color:var(--cds-color-text-secondary)}.cds-date-picker__calendar .flatpickr-day.today,.cds-date-picker__calendar .day.today{position:relative;color:var(--cds-color-interactive-01-default);font-weight:bold}.cds-date-picker__calendar .flatpickr-day.today:after,.cds-date-picker__calendar .day.today:after{content:'';position:absolute;width:.25rem;height:.25rem;bottom:.125rem;background-color:var(--cds-color-interactive-01-default);border-radius:50%}.cds-date-picker__calendar .flatpickr-day.inRange,.cds-date-picker__calendar .day.inRange{background-color:var(--cds-color-interactive-02-active);color:var(--cds-color-text-primary);border-radius:0}.cds-date-picker__calendar .flatpickr-day.selected,.cds-date-picker__calendar .day.selected{background-color:var(--cds-color-interactive-01-default);color:var(--cds-color-text-inverse)}.cds-date-picker__calendar .flatpickr-day.selected:after,.cds-date-picker__calendar .day.selected:after{background-color:var(--cds-color-text-inverse)}.cds-date-picker__calendar .flatpickr-day.selected:hover,.cds-date-picker__calendar .day.selected:hover{background-color:var(--cds-color-interactive-01-hover)}.cds-date-picker__calendar .flatpickr-day.selected:focus,.cds-date-picker__calendar .day.selected:focus{background-color:var(--cds-color-interactive-01-focus)}.cds-date-picker__calendar .flatpickr-day.startRange,.cds-date-picker__calendar .day.startRange{border-top-right-radius:0;border-bottom-right-radius:0}.cds-date-picker__calendar .flatpickr-day.endRange,.cds-date-picker__calendar .day.endRange{border-top-left-radius:0;border-bottom-left-radius:0}.cds-date-picker__calendar .flatpickr-day.disabled,.cds-date-picker__calendar .day.disabled{background-color:var(--cds-color-disabled-01);color:var(--cds-color-disabled-02);border:none;border-radius:0;cursor:not-allowed}.cds-date-picker__calendar .flatpickr-day.flatpickr-disabled,.cds-date-picker__calendar .day.flatpickr-disabled{background-color:var(--cds-color-disabled-01);color:var(--cds-color-disabled-02);border-radius:0;cursor:not-allowed}.cds-date-picker__time{margin-left:1rem}.cds-date-picker__time input{width:4.5rem}.cds-date-picker.cds-state-disabled .cds-input__label,.cds-date-picker.cds-state-disabled .cds-input__description{color:var(--cds-color-disabled-02);cursor:default}.cds-date-picker__time input[type="time"]::-webkit-calendar-picker-indicator{display:none}@-webkit-keyframes openCalendar{from{opacity:0;transform:translate3d(0, -20px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes openCalendar{from{opacity:0;transform:translate3d(0, -20px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}
 
-.cds-date-picker{min-width:6.5rem}.cds-date-picker input{-webkit-appearance:none;vertical-align:bottom}.cds-date-picker input[type="time"]::-webkit-calendar-picker-indicator{display:none}.cds-date-picker__single{max-width:16rem}.cds-date-picker__single .cds-date-picker__control{width:16rem}.cds-date-picker__wrapper{display:flex}.cds-date-picker__wrapper input{text-overflow:initial}.cds-date-picker__wrapper input.active{border-radius:var(--cds-border-radius-s) var(--cds-border-radius-s) 0 0}.cds-date-picker__wrapper input:-moz-read-only{cursor:pointer}.cds-date-picker__wrapper input:read-only{cursor:pointer}.cds-date-picker__wrapper input:disabled{cursor:not-allowed}.cds-date-picker__wrapper.cds-state-invalid input{border-color:var(--cds-color-feedback-error-100)}.cds-date-picker__wrapper.cds-state-invalid input:hover,.cds-date-picker__wrapper.cds-state-invalid input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-date-picker__control{width:6.5rem}.cds-date-picker__control .input-suffix{pointer-events:none}.cds-date-picker__range{display:flex}.cds-date-picker__range input.active{border-radius:var(--cds-border-radius-s) 0 0 var(--cds-border-radius-s)}.cds-date-picker__range .cds-date-picker__control{width:8rem}.cds-date-picker__range--start input{border-top-right-radius:0;border-bottom-right-radius:0}.cds-date-picker__range--end input{border-top-left-radius:0;border-bottom-left-radius:0}.cds-date-picker__icon{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:var(--cds-color-icon-default)}.cds-date-picker__calendar{position:absolute;display:none;opacity:0;visibility:hidden;width:16rem;-webkit-animation:none;animation:none;touch-action:manipulation;border:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-top-width:0;background-color:var(--cds-color-background-container-primary);border:var(--cds-border-element-02) transparent;box-shadow:var(--cds-box-shadow-menu)}.cds-date-picker__calendar:focus{outline:0}.cds-date-picker__calendar.open{display:inline-block;opacity:1;visibility:visible;max-height:32rem;z-index:200}.cds-date-picker__calendar.inline{display:block;position:relative}.cds-date-picker__calendar.animate{-webkit-animation:openCalendar 200ms cubic-bezier(0.37, 0, 0.63, 1);animation:openCalendar 200ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-date-picker__calendar .dayContainer,.cds-date-picker__calendar .day-container{display:flex;justify-content:space-around;flex-wrap:wrap;outline:none;border:none}.cds-date-picker__calendar .months{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;border-bottom:var(--cds-border-element-01) var(--cds-color-border-element-primary)}.cds-date-picker__calendar .current-month{display:flex}.cds-date-picker__calendar .current-month select,.cds-date-picker__calendar .current-month input{background:transparent;border:none;outline:none;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-m);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-date-picker__calendar .current-month select{cursor:pointer;-moz-text-align-last:right;text-align-last:right;-webkit-appearance:none}.cds-date-picker__calendar .current-month select::-ms-expand{display:none}.cds-date-picker__calendar .current-month select:focus{outline:none;border:none}.cds-date-picker__calendar .current-month input{padding:0;width:3rem;height:auto;text-align:center;-moz-appearance:textfield}.cds-date-picker__calendar .current-month input::-webkit-outer-spin-button,.cds-date-picker__calendar .current-month input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cds-date-picker__calendar .current-month .numInputWrapper{position:relative}.cds-date-picker__calendar .current-month .numInputWrapper:hover .arrowUp,.cds-date-picker__calendar .current-month .numInputWrapper:hover .arrowDown{opacity:1}.cds-date-picker__calendar .current-month .arrowUp,.cds-date-picker__calendar .current-month .arrowDown{position:absolute;left:3rem;width:.75rem;height:50%;border:none;padding-right:.25rem;line-height:50%;opacity:0;cursor:pointer;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-date-picker__calendar .current-month .arrowUp:after,.cds-date-picker__calendar .current-month .arrowDown:after{content:'';position:absolute;display:block;top:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent}.cds-date-picker__calendar .current-month .arrowUp{top:.25rem;border-bottom:0}.cds-date-picker__calendar .current-month .arrowUp:after{border-bottom:.25rem solid var(--cds-color-icon-default)}.cds-date-picker__calendar .current-month .arrowUp:hover:after{border-bottom:.25rem solid var(--cds-color-interactive-01-hover)}.cds-date-picker__calendar .current-month .arrowDown{top:.6875rem}.cds-date-picker__calendar .current-month .arrowDown:after{border-top:.25rem solid var(--cds-color-icon-default)}.cds-date-picker__calendar .current-month .arrowDown:hover:after{border-top:.25rem solid var(--cds-color-interactive-01-hover)}.cds-date-picker__calendar .prev-month,.cds-date-picker__calendar .next-month{display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;fill:var(--cds-color-icon-default)}.cds-date-picker__calendar .prev-month:hover,.cds-date-picker__calendar .next-month:hover{fill:var(--cds-color-interactive-01-hover)}.cds-date-picker__calendar .inner-container{display:flex;padding:.75rem}.cds-date-picker__calendar .inner-container .rContainer{width:100%}.cds-date-picker__calendar .weekdays{display:flex;align-items:center;margin-bottom:.25rem}.cds-date-picker__calendar .week-day-container{display:flex;justify-content:space-around;width:100%}.cds-date-picker__calendar .weekday{display:flex;width:2rem;justify-content:center;align-items:center}.cds-date-picker__calendar .days{outline:none;border:var(--cds-border-element-02) transparent}.cds-date-picker__calendar .flatpickr-day,.cds-date-picker__calendar .day{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:var(--cds-border-element-02) transparent;border-radius:var(--cds-border-radius-m);color:var(--cds-color-text-primary);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light);transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-date-picker__calendar .flatpickr-day:hover,.cds-date-picker__calendar .day:hover{background-color:var(--cds-color-interactive-02-default);color:var(--cds-color-text-primary)}.cds-date-picker__calendar .flatpickr-day:focus,.cds-date-picker__calendar .day:focus{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus);color:var(--cds-color-text-primary)}.cds-date-picker__calendar .flatpickr-day.prevMonthDay,.cds-date-picker__calendar .flatpickr-day.nextMonthDay,.cds-date-picker__calendar .day.prevMonthDay,.cds-date-picker__calendar .day.nextMonthDay{color:var(--cds-color-text-secondary)}.cds-date-picker__calendar .flatpickr-day.today,.cds-date-picker__calendar .day.today{position:relative;color:var(--cds-color-interactive-01-default);font-weight:bold}.cds-date-picker__calendar .flatpickr-day.today:after,.cds-date-picker__calendar .day.today:after{content:'';position:absolute;width:.25rem;height:.25rem;bottom:.125rem;background-color:var(--cds-color-interactive-01-default);border-radius:50%}.cds-date-picker__calendar .flatpickr-day.inRange,.cds-date-picker__calendar .day.inRange{background-color:var(--cds-color-interactive-02-active);color:var(--cds-color-text-primary);border-radius:0}.cds-date-picker__calendar .flatpickr-day.selected,.cds-date-picker__calendar .day.selected{background-color:var(--cds-color-interactive-01-default);color:var(--cds-color-text-inverse)}.cds-date-picker__calendar .flatpickr-day.selected:after,.cds-date-picker__calendar .day.selected:after{background-color:var(--cds-color-text-inverse)}.cds-date-picker__calendar .flatpickr-day.selected:hover,.cds-date-picker__calendar .day.selected:hover{background-color:var(--cds-color-interactive-01-hover)}.cds-date-picker__calendar .flatpickr-day.selected:focus,.cds-date-picker__calendar .day.selected:focus{background-color:var(--cds-color-interactive-01-focus)}.cds-date-picker__calendar .flatpickr-day.startRange,.cds-date-picker__calendar .day.startRange{border-top-right-radius:0;border-bottom-right-radius:0}.cds-date-picker__calendar .flatpickr-day.endRange,.cds-date-picker__calendar .day.endRange{border-top-left-radius:0;border-bottom-left-radius:0}.cds-date-picker__calendar .flatpickr-day.disabled,.cds-date-picker__calendar .day.disabled{background-color:var(--cds-color-disabled-01);color:var(--cds-color-disabled-02);border:none;border-radius:0;cursor:not-allowed}.cds-date-picker__calendar .flatpickr-day.flatpickr-disabled,.cds-date-picker__calendar .day.flatpickr-disabled{background-color:var(--cds-color-disabled-01);color:var(--cds-color-disabled-02);border-radius:0;cursor:not-allowed}.cds-date-picker__time{margin-left:1rem}.cds-date-picker__time input{width:4.5rem}.cds-date-picker.cds-state-disabled .cds-input__label,.cds-date-picker.cds-state-disabled .cds-input__description{color:var(--cds-color-disabled-02);cursor:default}.cds-date-picker__time input[type="time"]::-webkit-calendar-picker-indicator{display:none}@-webkit-keyframes openCalendar{from{opacity:0;transform:translate3d(0, -20px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes openCalendar{from{opacity:0;transform:translate3d(0, -20px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}
-