@salutejs/plasma-new-hope 0.340.0-canary.2316.18995854815.0 → 0.340.0-canary.2316.19097749672.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/DateTimePicker/DateTimePicker.css +2 -2
- package/cjs/components/DateTimePicker/DateTimePicker.tokens.js +5 -0
- package/cjs/components/DateTimePicker/DateTimePicker.tokens.js.map +1 -1
- package/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.css +2 -2
- package/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js +6 -11
- package/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js.map +1 -1
- package/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js +8 -8
- package/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js.map +1 -1
- package/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles_1yl3xrz.css +2 -0
- package/cjs/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles.js.map +1 -1
- package/cjs/components/DateTimePicker/utils/getOriginalDateTime.js +10 -14
- package/cjs/components/DateTimePicker/utils/getOriginalDateTime.js.map +1 -1
- package/cjs/components/TimePickerGrid/TimePickerGrid.js +0 -2
- package/cjs/components/TimePickerGrid/TimePickerGrid.js.map +1 -1
- package/cjs/index.css +2 -2
- package/emotion/cjs/components/DateTimePicker/DateTimePicker.tokens.js +1 -0
- package/emotion/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js +6 -11
- package/emotion/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js +7 -7
- package/emotion/cjs/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles.js +2 -2
- package/emotion/cjs/components/DateTimePicker/utils/getOriginalDateTime.js +10 -14
- package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.js +0 -1
- package/emotion/cjs/examples/components/DateTimePicker/DateTimePicker.config.js +10 -10
- package/emotion/es/components/DateTimePicker/DateTimePicker.tokens.js +1 -0
- package/emotion/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js +6 -11
- package/emotion/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js +8 -8
- package/emotion/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles.js +2 -2
- package/emotion/es/components/DateTimePicker/utils/getOriginalDateTime.js +10 -14
- package/emotion/es/components/TimePickerGrid/TimePickerGrid.js +0 -1
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/DateTimePicker/DateTimePicker.config.js +10 -10
- package/es/components/DateTimePicker/DateTimePicker.css +2 -2
- package/es/components/DateTimePicker/DateTimePicker.tokens.js +5 -1
- package/es/components/DateTimePicker/DateTimePicker.tokens.js.map +1 -1
- package/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.css +2 -2
- package/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js +6 -11
- package/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js.map +1 -1
- package/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js +9 -9
- package/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js.map +1 -1
- package/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles_1yl3xrz.css +2 -0
- package/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles.js.map +1 -1
- package/es/components/DateTimePicker/utils/getOriginalDateTime.js +10 -14
- package/es/components/DateTimePicker/utils/getOriginalDateTime.js.map +1 -1
- package/es/components/TimePickerGrid/TimePickerGrid.js +0 -2
- package/es/components/TimePickerGrid/TimePickerGrid.js.map +1 -1
- package/es/index.css +2 -2
- package/package.json +2 -2
- package/styled-components/cjs/components/DateTimePicker/DateTimePicker.tokens.js +1 -0
- package/styled-components/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js +6 -11
- package/styled-components/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js +8 -6
- package/styled-components/cjs/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles.js +1 -1
- package/styled-components/cjs/components/DateTimePicker/utils/getOriginalDateTime.js +10 -14
- package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.js +0 -1
- package/styled-components/cjs/examples/components/DateTimePicker/DateTimePicker.config.js +4 -1
- package/styled-components/es/components/DateTimePicker/DateTimePicker.tokens.js +1 -0
- package/styled-components/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js +6 -11
- package/styled-components/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js +9 -7
- package/styled-components/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles.js +1 -1
- package/styled-components/es/components/DateTimePicker/utils/getOriginalDateTime.js +10 -14
- package/styled-components/es/components/TimePickerGrid/TimePickerGrid.js +0 -1
- package/styled-components/es/examples/components/DateTimePicker/DateTimePicker.config.js +4 -1
- package/types/components/DateTimePicker/DateTimePicker.tokens.d.ts +1 -0
- package/types/components/DateTimePicker/DateTimePicker.tokens.d.ts.map +1 -1
- package/types/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.d.ts.map +1 -1
- package/types/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.d.ts.map +1 -1
- package/types/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles.d.ts.map +1 -1
- package/types/components/DateTimePicker/utils/getOriginalDateTime.d.ts.map +1 -1
- package/types/components/TimePickerGrid/TimePickerGrid.d.ts.map +1 -1
- package/types/examples/components/DateTimePicker/DateTimePicker.config.d.ts.map +1 -1
- package/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles_1ur6u6r.css +0 -2
- package/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles_1ur6u6r.css +0 -2
package/es/index.css
CHANGED
|
@@ -1220,8 +1220,8 @@
|
|
|
1220
1220
|
|
|
1221
1221
|
.Input_styles_1af0tdj_s1e5xwjo__550d91f1{width:100%;--plasma-textfield-color:var(--plasma-date-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-date-time-picker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-date-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-time-picker-textfield-background-color-focus);--plasma-textfield-border-width:var(--plasma-date-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-time-picker-textfield-border-radius);--plasma-textfield-border-color:var(--plasma-date-time-picker-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-time-picker-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-time-picker-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-time-picker-textfield-background-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-date-time-picker-textfield-readonly-opacity);--plasma-textfield-border-color-readonly:var(--plasma-date-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-time-picker-textfield-height);--plasma-textfield-padding:var(--plasma-date-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-date-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-date-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-date-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-date-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-date-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-date-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-date-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-date-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-date-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-date-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-date-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-date-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-date-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-date-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-date-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-date-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-date-time-picker-textfield__content-color,var(--plasma-date-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-date-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-date-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));--plasma-textfield-right-content-opacity-readonly:var(--plasma-date-time-picker-textfield__content-right-color-hover);}.Input_styles_1af0tdj_s1e5xwjo__550d91f1.Input_styles_1af0tdj_plasma_dateTimePickerError__550d91f1{--plasma-textfield-bg-color:var(--plasma-date-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-time-picker-textfield-border-color-error-focus);}.Input_styles_1af0tdj_s1e5xwjo__550d91f1.Input_styles_1af0tdj_plasma_dateTimePickerSuccess__550d91f1{--plasma-textfield-bg-color:var(--plasma-date-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-time-picker-textfield-border-color-success-focus);}
|
|
1222
1222
|
|
|
1223
|
-
.CalendarGrid_styles_1ur6u6r_s1rkvk29__6baf2e31{-webkit-flex-shrink:var(--s1rkvk29-0);-ms-flex-negative:var(--s1rkvk29-0);flex-shrink:var(--s1rkvk29-0);width:var(--s1rkvk29-1);height:var(--s1rkvk29-2);--plasma-calendar-separator-background:var(--plasma-date-time-picker-calendar__separator-background);--plasma-calendar-selected-item-background:var(--plasma-date-time-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-time-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-time-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-time-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-time-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-time-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-time-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-time-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-time-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-time-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-time-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-time-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-time-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-time-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-time-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-time-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-time-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-time-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-time-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-time-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-time-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-time-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-time-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-time-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-time-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-time-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-time-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-time-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-time-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-time-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-time-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-time-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-time-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-time-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-time-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-time-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-time-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-time-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-time-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-time-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-time-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-time-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-time-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-time-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-time-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-time-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-time-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-time-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-time-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-time-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-time-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-time-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-time-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-time-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-time-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-time-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-time-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-time-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-time-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-time-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-time-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-time-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-time-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-time-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-time-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-time-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-time-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-time-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-time-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-time-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-time-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-time-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-time-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-time-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-time-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-time-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-time-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-time-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-time-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-time-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-time-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-time-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-time-picker-icon-button__focus-color);--plasma-calendar-tooltip-padding-top:var(--plasma-date-time-picker-calendar-tooltip-padding-top);--plasma-calendar-tooltip-padding-right:var(--plasma-date-time-picker-calendar-tooltip-padding-right);--plasma-calendar-tooltip-padding-bottom:var(--plasma-date-time-picker-calendar-tooltip-padding-bottom);--plasma-calendar-tooltip-padding-left:var(--plasma-date-time-picker-calendar-tooltip-padding-left);--plasma-calendar-tooltip-min-height:var(--plasma-date-time-picker-calendar-tooltip-min-height);--plasma-calendar-tooltip-background-color:var(--plasma-date-time-picker-calendar-tooltip-background-color);--plasma-calendar-tooltip-box-shadow:var(--plasma-date-time-picker-calendar-tooltip-box-shadow);--plasma-calendar-tooltip-border-radius:var(--plasma-date-time-picker-calendar-tooltip-border-radius);--plasma-calendar-tooltip-color:var(--plasma-date-time-picker-calendar-tooltip-color);--plasma-calendar-tooltip-text-font-family:var(--plasma-date-time-picker-calendar-tooltip-text-font-family);--plasma-calendar-tooltip-text-font-size:var(--plasma-date-time-picker-calendar-tooltip-text-font-size);--plasma-calendar-tooltip-text-font-style:var(--plasma-date-time-picker-calendar-tooltip-text-font-style);--plasma-calendar-tooltip-text-font-weight:var(--plasma-date-time-picker-calendar-tooltip-text-font-weight);--plasma-calendar-tooltip-text-font-letter-spacing:var(--plasma-date-time-picker-calendar-tooltip-text-font-letter-spacing);--plasma-calendar-tooltip-text-font-line-height:var(--plasma-date-time-picker-calendar-tooltip-text-font-line-height);--plasma-calendar-tooltip-content-left-margin:var(--plasma-date-time-picker-calendar-tooltip-content-left-margin);--plasma-calendar-tooltip-arrow-mask-width:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-width);--plasma-calendar-tooltip-arrow-mask-height:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-height);--plasma-calendar-tooltip-arrow-mask-image:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-image);--plasma-calendar-tooltip-arrow-background:var(--plasma-date-time-picker-calendar-tooltip-arrow-background);--plasma-calendar-tooltip-arrow-height:var(--plasma-date-time-picker-calendar-tooltip-arrow-height);--plasma-calendar-tooltip-arrow-edge-margin:var(--plasma-date-time-picker-calendar-tooltip-arrow-edge-margin);}
|
|
1224
|
-
.CalendarGrid_styles_1ur6u6r_sqe6c9j__6baf2e31{-webkit-flex-shrink:var(--sqe6c9j-0);-ms-flex-negative:var(--sqe6c9j-0);flex-shrink:var(--sqe6c9j-0);width:var(--sqe6c9j-1);height:var(--sqe6c9j-2);--plasma-calendar-separator-background:var(--plasma-date-time-picker-calendar__separator-background);--plasma-calendar-selected-item-background:var(--plasma-date-time-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-time-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-time-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-time-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-time-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-time-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-time-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-time-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-time-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-time-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-time-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-time-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-time-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-time-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-time-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-time-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-time-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-time-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-time-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-time-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-time-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-time-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-time-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-time-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-time-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-time-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-time-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-time-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-time-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-time-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-time-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-time-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-time-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-time-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-time-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-time-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-time-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-time-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-time-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-time-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-time-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-time-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-time-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-time-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-time-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-time-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-time-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-time-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-time-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-time-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-time-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-time-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-time-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-time-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-time-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-time-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-time-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-time-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-time-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-time-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-time-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-time-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-time-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-time-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-time-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-time-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-time-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-time-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-time-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-time-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-time-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-time-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-time-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-time-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-time-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-time-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-time-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-time-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-time-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-time-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-time-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-time-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-time-picker-icon-button__focus-color);--plasma-calendar-tooltip-padding-top:var(--plasma-date-time-picker-calendar-tooltip-padding-top);--plasma-calendar-tooltip-padding-right:var(--plasma-date-time-picker-calendar-tooltip-padding-right);--plasma-calendar-tooltip-padding-bottom:var(--plasma-date-time-picker-calendar-tooltip-padding-bottom);--plasma-calendar-tooltip-padding-left:var(--plasma-date-time-picker-calendar-tooltip-padding-left);--plasma-calendar-tooltip-min-height:var(--plasma-date-time-picker-calendar-tooltip-min-height);--plasma-calendar-tooltip-background-color:var(--plasma-date-time-picker-calendar-tooltip-background-color);--plasma-calendar-tooltip-box-shadow:var(--plasma-date-time-picker-calendar-tooltip-box-shadow);--plasma-calendar-tooltip-border-radius:var(--plasma-date-time-picker-calendar-tooltip-border-radius);--plasma-calendar-tooltip-color:var(--plasma-date-time-picker-calendar-tooltip-color);--plasma-calendar-tooltip-text-font-family:var(--plasma-date-time-picker-calendar-tooltip-text-font-family);--plasma-calendar-tooltip-text-font-size:var(--plasma-date-time-picker-calendar-tooltip-text-font-size);--plasma-calendar-tooltip-text-font-style:var(--plasma-date-time-picker-calendar-tooltip-text-font-style);--plasma-calendar-tooltip-text-font-weight:var(--plasma-date-time-picker-calendar-tooltip-text-font-weight);--plasma-calendar-tooltip-text-font-letter-spacing:var(--plasma-date-time-picker-calendar-tooltip-text-font-letter-spacing);--plasma-calendar-tooltip-text-font-line-height:var(--plasma-date-time-picker-calendar-tooltip-text-font-line-height);--plasma-calendar-tooltip-content-left-margin:var(--plasma-date-time-picker-calendar-tooltip-content-left-margin);--plasma-calendar-tooltip-arrow-mask-width:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-width);--plasma-calendar-tooltip-arrow-mask-height:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-height);--plasma-calendar-tooltip-arrow-mask-image:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-image);--plasma-calendar-tooltip-arrow-background:var(--plasma-date-time-picker-calendar-tooltip-arrow-background);--plasma-calendar-tooltip-arrow-height:var(--plasma-date-time-picker-calendar-tooltip-arrow-height);--plasma-calendar-tooltip-arrow-edge-margin:var(--plasma-date-time-picker-calendar-tooltip-arrow-edge-margin);}
|
|
1223
|
+
.CalendarGrid_styles_1yl3xrz_s1rkvk29__3f2ee134{-webkit-flex-shrink:var(--s1rkvk29-0);-ms-flex-negative:var(--s1rkvk29-0);flex-shrink:var(--s1rkvk29-0);width:var(--s1rkvk29-1);height:var(--s1rkvk29-2);--plasma-calendar-separator-background:var(--plasma-date-time-picker-calendar__separator-background);--plasma-calendar-selected-item-background:var(--plasma-date-time-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-time-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-time-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-time-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-time-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-time-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-time-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-time-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-time-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-time-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-time-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-time-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-time-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-time-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-time-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-time-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-time-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-time-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-time-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-time-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-time-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-time-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-time-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-time-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-time-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-time-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-time-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-time-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-time-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-time-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-time-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-time-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-time-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-time-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-time-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-time-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-time-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-time-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-time-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-time-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-time-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-time-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-time-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-time-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-time-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-time-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-time-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-time-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-time-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-time-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-time-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-time-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-time-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-time-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-time-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-time-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-time-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-time-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-time-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-time-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-time-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-time-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-time-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-time-picker-calendar__day-of-week-color);--plasma-calendar-event-item-bottom:var(--plasma-date-time-picker-calendar__event-item-bottom);--plasma-calendar-header-wrapper-padding:var(--plasma-date-time-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-time-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-time-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-time-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-time-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-time-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-time-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-time-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-time-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-time-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-time-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-time-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-time-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-time-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-time-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-time-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-time-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-time-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-time-picker-icon-button__focus-color);--plasma-calendar-tooltip-padding-top:var(--plasma-date-time-picker-calendar-tooltip-padding-top);--plasma-calendar-tooltip-padding-right:var(--plasma-date-time-picker-calendar-tooltip-padding-right);--plasma-calendar-tooltip-padding-bottom:var(--plasma-date-time-picker-calendar-tooltip-padding-bottom);--plasma-calendar-tooltip-padding-left:var(--plasma-date-time-picker-calendar-tooltip-padding-left);--plasma-calendar-tooltip-min-height:var(--plasma-date-time-picker-calendar-tooltip-min-height);--plasma-calendar-tooltip-background-color:var(--plasma-date-time-picker-calendar-tooltip-background-color);--plasma-calendar-tooltip-box-shadow:var(--plasma-date-time-picker-calendar-tooltip-box-shadow);--plasma-calendar-tooltip-border-radius:var(--plasma-date-time-picker-calendar-tooltip-border-radius);--plasma-calendar-tooltip-color:var(--plasma-date-time-picker-calendar-tooltip-color);--plasma-calendar-tooltip-text-font-family:var(--plasma-date-time-picker-calendar-tooltip-text-font-family);--plasma-calendar-tooltip-text-font-size:var(--plasma-date-time-picker-calendar-tooltip-text-font-size);--plasma-calendar-tooltip-text-font-style:var(--plasma-date-time-picker-calendar-tooltip-text-font-style);--plasma-calendar-tooltip-text-font-weight:var(--plasma-date-time-picker-calendar-tooltip-text-font-weight);--plasma-calendar-tooltip-text-font-letter-spacing:var(--plasma-date-time-picker-calendar-tooltip-text-font-letter-spacing);--plasma-calendar-tooltip-text-font-line-height:var(--plasma-date-time-picker-calendar-tooltip-text-font-line-height);--plasma-calendar-tooltip-content-left-margin:var(--plasma-date-time-picker-calendar-tooltip-content-left-margin);--plasma-calendar-tooltip-arrow-mask-width:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-width);--plasma-calendar-tooltip-arrow-mask-height:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-height);--plasma-calendar-tooltip-arrow-mask-image:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-image);--plasma-calendar-tooltip-arrow-background:var(--plasma-date-time-picker-calendar-tooltip-arrow-background);--plasma-calendar-tooltip-arrow-height:var(--plasma-date-time-picker-calendar-tooltip-arrow-height);--plasma-calendar-tooltip-arrow-edge-margin:var(--plasma-date-time-picker-calendar-tooltip-arrow-edge-margin);}
|
|
1224
|
+
.CalendarGrid_styles_1yl3xrz_sqe6c9j__3f2ee134{--plasma_private-calendar-double-width:calc(var(--plasma-date-time-picker-calendar-width) * 2 + 2.063rem);-webkit-flex-shrink:var(--sqe6c9j-0);-ms-flex-negative:var(--sqe6c9j-0);flex-shrink:var(--sqe6c9j-0);width:var(--sqe6c9j-1);height:var(--sqe6c9j-2);--plasma-calendar-separator-background:var(--plasma-date-time-picker-calendar__separator-background);--plasma-calendar-selected-item-background:var(--plasma-date-time-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-time-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-time-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-time-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-time-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-time-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-time-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-time-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-time-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-time-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-time-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-time-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-time-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-time-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-time-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-time-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-time-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-time-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-time-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-time-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-time-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-time-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-time-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-time-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-time-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-time-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-time-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-time-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-time-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-time-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-time-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-time-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-time-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-time-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-time-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-time-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-time-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-time-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-time-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-time-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-time-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-time-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-time-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-time-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-time-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-time-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-time-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-time-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-time-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-time-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-time-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-time-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-time-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-time-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-time-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-time-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-time-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-time-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-time-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-time-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-time-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-time-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-time-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-time-picker-calendar__day-of-week-color);--plasma-calendar-event-item-bottom:var(--plasma-date-time-picker-calendar__event-item-bottom);--plasma-calendar-header-wrapper-padding:var(--plasma-date-time-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-time-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-time-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-time-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-time-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-time-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-time-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-time-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-time-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-time-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-time-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-time-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-time-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-time-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-time-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-time-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-time-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-time-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-time-picker-icon-button__focus-color);--plasma-calendar-tooltip-padding-top:var(--plasma-date-time-picker-calendar-tooltip-padding-top);--plasma-calendar-tooltip-padding-right:var(--plasma-date-time-picker-calendar-tooltip-padding-right);--plasma-calendar-tooltip-padding-bottom:var(--plasma-date-time-picker-calendar-tooltip-padding-bottom);--plasma-calendar-tooltip-padding-left:var(--plasma-date-time-picker-calendar-tooltip-padding-left);--plasma-calendar-tooltip-min-height:var(--plasma-date-time-picker-calendar-tooltip-min-height);--plasma-calendar-tooltip-background-color:var(--plasma-date-time-picker-calendar-tooltip-background-color);--plasma-calendar-tooltip-box-shadow:var(--plasma-date-time-picker-calendar-tooltip-box-shadow);--plasma-calendar-tooltip-border-radius:var(--plasma-date-time-picker-calendar-tooltip-border-radius);--plasma-calendar-tooltip-color:var(--plasma-date-time-picker-calendar-tooltip-color);--plasma-calendar-tooltip-text-font-family:var(--plasma-date-time-picker-calendar-tooltip-text-font-family);--plasma-calendar-tooltip-text-font-size:var(--plasma-date-time-picker-calendar-tooltip-text-font-size);--plasma-calendar-tooltip-text-font-style:var(--plasma-date-time-picker-calendar-tooltip-text-font-style);--plasma-calendar-tooltip-text-font-weight:var(--plasma-date-time-picker-calendar-tooltip-text-font-weight);--plasma-calendar-tooltip-text-font-letter-spacing:var(--plasma-date-time-picker-calendar-tooltip-text-font-letter-spacing);--plasma-calendar-tooltip-text-font-line-height:var(--plasma-date-time-picker-calendar-tooltip-text-font-line-height);--plasma-calendar-tooltip-content-left-margin:var(--plasma-date-time-picker-calendar-tooltip-content-left-margin);--plasma-calendar-tooltip-arrow-mask-width:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-width);--plasma-calendar-tooltip-arrow-mask-height:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-height);--plasma-calendar-tooltip-arrow-mask-image:var(--plasma-date-time-picker-calendar-tooltip-arrow-mask-image);--plasma-calendar-tooltip-arrow-background:var(--plasma-date-time-picker-calendar-tooltip-arrow-background);--plasma-calendar-tooltip-arrow-height:var(--plasma-date-time-picker-calendar-tooltip-arrow-height);--plasma-calendar-tooltip-arrow-edge-margin:var(--plasma-date-time-picker-calendar-tooltip-arrow-edge-margin);}
|
|
1225
1225
|
|
|
1226
1226
|
.TimeGrid_styles_31tnfx_s1za4gl__f13ae98e{-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;--plasma-time-picker-grid-grid-width:var(--s1za4gl-0);--plasma-time-picker-grid-column-height:var(--s1za4gl-1);--plasma-time-picker-grid-item-height:var(--plasma-date-time-picker-grid-item-height);--plasma-time-picker-grid-item-border-radius:var(--plasma-date-time-picker-grid-item-border-radius);--plasma-time-picker-grid-item-padding:var(--plasma-date-time-picker-grid-item-padding);--plasma-time-picker-grid-item-hover-background:var(--plasma-date-time-picker-grid-item-hover-background);--plasma-time-picker-grid-item-active-background:var(--plasma-date-time-picker-grid-item-active-background);--plasma-time-picker-grid-item-font-family:var(--plasma-date-time-picker-grid-item-font-family);--plasma-time-picker-grid-item-font-size:var(--plasma-date-time-picker-grid-item-font-size);--plasma-time-picker-grid-item-font-style:var(--plasma-date-time-picker-grid-item-font-style);--plasma-time-picker-grid-item-font-weight:var(--plasma-date-time-picker-grid-item-font-weight);--plasma-time-picker-grid-item-letter-spacing:var(--plasma-date-time-picker-grid-item-letter-spacing);--plasma-time-picker-grid-item-line-height:var(--plasma-date-time-picker-grid-item-line-height);--plasma-time-picker-grid-scrollbar-width:var(--plasma-date-time-picker-grid-scrollbar-width);--plasma-time-picker-grid-scrollbar-color:var(--plasma-date-time-picker-grid-scrollbar-color);--plasma-time-picker-grid-scrollbar-track-color:var(--plasma-date-time-picker-grid-scrollbar-track-color);--plasma-time-picker-grid-scrollbar-margin:var(--plasma-date-time-picker-grid-scrollbar-margin);--plasma-time-picker-grid-disabled-opacity:var(--plasma-date-time-picker-disabled-opacity);}
|
|
1227
1227
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.340.0-canary.2316.
|
|
3
|
+
"version": "0.340.0-canary.2316.19097749672.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "f14b01dfda94909299f319cd88fece3e06ad2a4b"
|
|
141
141
|
}
|
|
@@ -163,6 +163,7 @@ var tokens = {
|
|
|
163
163
|
calendarDayFontWeight: '--plasma-date-time-picker-calendar__day-font-weight',
|
|
164
164
|
calendarDaySelectedFontWeight: '--plasma-date-time-picker-calendar__day-selected-font-weight',
|
|
165
165
|
calendarDayOfWeekColor: '--plasma-date-time-picker-calendar__day-of-week-color',
|
|
166
|
+
calendarEventItemBottom: '--plasma-date-time-picker-calendar__event-item-bottom',
|
|
166
167
|
calendarHeaderWrapperPadding: '--plasma-date-time-picker-calendar__header-wrapper-padding',
|
|
167
168
|
calendarHeaderArrowGap: '--plasma-date-time-picker-calendar__header-arrow-gap',
|
|
168
169
|
calendarHeaderArrowPadding: '--plasma-date-time-picker-calendar__header-arrow-padding',
|
|
@@ -79,20 +79,15 @@ var CalendarGrid = function(_param) {
|
|
|
79
79
|
"calendarContainerHeight",
|
|
80
80
|
"handleCalendarPick"
|
|
81
81
|
]);
|
|
82
|
-
|
|
83
|
-
return /*#__PURE__*/ _react.default.createElement(_CalendarGridstyles.StyledCalendarDouble, _object_spread({
|
|
84
|
-
value: value,
|
|
85
|
-
locale: lang,
|
|
86
|
-
innerHeight: calendarContainerHeight,
|
|
87
|
-
innerWidth: calendarContainerWidth,
|
|
88
|
-
onChangeValue: handleCalendarPick
|
|
89
|
-
}, rest));
|
|
90
|
-
}
|
|
91
|
-
return /*#__PURE__*/ _react.default.createElement(_CalendarGridstyles.StyledCalendar, _object_spread({
|
|
82
|
+
var commonProps = {
|
|
92
83
|
value: value,
|
|
93
84
|
locale: lang,
|
|
94
85
|
innerHeight: calendarContainerHeight,
|
|
95
86
|
innerWidth: calendarContainerWidth,
|
|
96
87
|
onChangeValue: handleCalendarPick
|
|
97
|
-
}
|
|
88
|
+
};
|
|
89
|
+
if (isDouble) {
|
|
90
|
+
return /*#__PURE__*/ _react.default.createElement(_CalendarGridstyles.StyledCalendarDouble, _object_spread({}, commonProps, rest));
|
|
91
|
+
}
|
|
92
|
+
return /*#__PURE__*/ _react.default.createElement(_CalendarGridstyles.StyledCalendar, _object_spread({}, commonProps, rest));
|
|
98
93
|
};
|
package/styled-components/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js
CHANGED
|
@@ -32,10 +32,10 @@ var mergedCalendarConfig = (0, _engines.mergeConfig)(_Calendar.calendarBaseConfi
|
|
|
32
32
|
var Calendar = (0, _engines.component)(mergedCalendarConfig);
|
|
33
33
|
var mergedCalendarDoubleConfig = (0, _engines.mergeConfig)(_Calendar.calendarDoubleConfig);
|
|
34
34
|
var CalendarDouble = (0, _engines.component)(mergedCalendarDoubleConfig);
|
|
35
|
-
var baseCalendarTokens = "\n ".concat(_Calendar.calendarBaseTokens.calendarSeparatorBackground, ": var(").concat(_DateTimePickertokens.tokens.calendarSeparatorBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DateTimePickertokens.tokens.calendarSelectedItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DateTimePickertokens.tokens.calendarSelectedItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DateTimePickertokens.tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DateTimePickertokens.tokens.calendarCurrentItemBorderColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(_DateTimePickertokens.tokens.calendarCurrentItemBorderWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DateTimePickertokens.tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DateTimePickertokens.tokens.calendarCurrentItemColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DateTimePickertokens.tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DateTimePickertokens.tokens.calendarActiveItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DateTimePickertokens.tokens.calendarActiveItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DateTimePickertokens.tokens.calendarHoveredItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DateTimePickertokens.tokens.calendarHoveredItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DateTimePickertokens.tokens.calendarRangeBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DateTimePickertokens.tokens.calendarOutlineFocusColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DateTimePickertokens.tokens.calendarContentPrimaryColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(_DateTimePickertokens.tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DateTimePickertokens.tokens.calendarContentSecondaryColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(_DateTimePickertokens.tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(_DateTimePickertokens.tokens.calendarDisabledOpacity, ");\n\n ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DateTimePickertokens.tokens.iconButtonColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DateTimePickertokens.tokens.iconButtonBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DateTimePickertokens.tokens.iconButtonColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DateTimePickertokens.tokens.iconButtonBackgroundColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DateTimePickertokens.tokens.iconButtonColorActive, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DateTimePickertokens.tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarBorderWidth, ": var(").concat(_DateTimePickertokens.tokens.calendarBorderWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarBorderColor, ": var(").concat(_DateTimePickertokens.tokens.calendarBorderColor, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DateTimePickertokens.tokens.calendarYearsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DateTimePickertokens.tokens.calendarYearItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DateTimePickertokens.tokens.calendarYearFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DateTimePickertokens.tokens.calendarYearFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DateTimePickertokens.tokens.calendarYearFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DateTimePickertokens.tokens.calendarYearFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DateTimePickertokens.tokens.calendarYearFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarYearFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DateTimePickertokens.tokens.calendarQuartersPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DateTimePickertokens.tokens.calendarQuarterItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DateTimePickertokens.tokens.calendarQuarterFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DateTimePickertokens.tokens.calendarQuarterFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DateTimePickertokens.tokens.calendarQuarterFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DateTimePickertokens.tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DateTimePickertokens.tokens.calendarQuarterFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarQuarterFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DateTimePickertokens.tokens.calendarDaysPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DateTimePickertokens.tokens.calendarDayItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DateTimePickertokens.tokens.calendarDayFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DateTimePickertokens.tokens.calendarDayFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DateTimePickertokens.tokens.calendarDayFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DateTimePickertokens.tokens.calendarDayFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DateTimePickertokens.tokens.calendarDayFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarDayFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarDaySelectedFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(_DateTimePickertokens.tokens.calendarDayOfWeekColor, ");\n \n ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderWrapperPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderArrowGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderArrowPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderDateGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderFontWeightBold, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderArrowColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarArrowHeaderCustomSize, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderArrowCustomSize, ");\n \n ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DateTimePickertokens.tokens.iconButtonHeight, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DateTimePickertokens.tokens.iconButtonWidth, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DateTimePickertokens.tokens.iconButtonPadding, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DateTimePickertokens.tokens.iconButtonRadius, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DateTimePickertokens.tokens.iconButtonFocusColor, ");\n \n ").concat(_Calendar.calendarBaseTokens.tooltipPaddingTop, " var(").concat(_DateTimePickertokens.tokens.tooltipPaddingTop, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipPaddingRight, " var(").concat(_DateTimePickertokens.tokens.tooltipPaddingRight, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipPaddingBottom, " var(").concat(_DateTimePickertokens.tokens.tooltipPaddingBottom, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipPaddingLeft, " var(").concat(_DateTimePickertokens.tokens.tooltipPaddingLeft, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipMinHeight, " var(").concat(_DateTimePickertokens.tokens.tooltipMinHeight, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipBackgroundColor, " var(").concat(_DateTimePickertokens.tokens.tooltipBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipBoxShadow, " var(").concat(_DateTimePickertokens.tokens.tooltipBoxShadow, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipBorderRadius, " var(").concat(_DateTimePickertokens.tokens.tooltipBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipColor, " var(").concat(_DateTimePickertokens.tokens.tooltipColor, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipTextFontFamily, " var(").concat(_DateTimePickertokens.tokens.tooltipTextFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipTextFontSize, " var(").concat(_DateTimePickertokens.tokens.tooltipTextFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipTextFontStyle, " var(").concat(_DateTimePickertokens.tokens.tooltipTextFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipTextFontWeight, " var(").concat(_DateTimePickertokens.tokens.tooltipTextFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipTextFontLetterSpacing, " var(").concat(_DateTimePickertokens.tokens.tooltipTextFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipTextFontLineHeight, " var(").concat(_DateTimePickertokens.tokens.tooltipTextFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipContentLeftMargin, " var(").concat(_DateTimePickertokens.tokens.tooltipContentLeftMargin, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipArrowMaskWidth, " var(").concat(_DateTimePickertokens.tokens.tooltipArrowMaskWidth, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipArrowMaskHeight, " var(").concat(_DateTimePickertokens.tokens.tooltipArrowMaskHeight, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipArrowMaskImage, " var(").concat(_DateTimePickertokens.tokens.tooltipArrowMaskImage, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipArrowBackground, " var(").concat(_DateTimePickertokens.tokens.tooltipArrowBackground, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipArrowHeight, " var(").concat(_DateTimePickertokens.tokens.tooltipArrowHeight, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipArrowEdgeMargin, " var(").concat(_DateTimePickertokens.tokens.tooltipArrowEdgeMargin, ");\n");
|
|
35
|
+
var baseCalendarTokens = "\n ".concat(_Calendar.calendarBaseTokens.calendarSeparatorBackground, ": var(").concat(_DateTimePickertokens.tokens.calendarSeparatorBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DateTimePickertokens.tokens.calendarSelectedItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DateTimePickertokens.tokens.calendarSelectedItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DateTimePickertokens.tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DateTimePickertokens.tokens.calendarCurrentItemBorderColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(_DateTimePickertokens.tokens.calendarCurrentItemBorderWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DateTimePickertokens.tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DateTimePickertokens.tokens.calendarCurrentItemColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DateTimePickertokens.tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DateTimePickertokens.tokens.calendarActiveItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DateTimePickertokens.tokens.calendarActiveItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DateTimePickertokens.tokens.calendarHoveredItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DateTimePickertokens.tokens.calendarHoveredItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DateTimePickertokens.tokens.calendarRangeBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DateTimePickertokens.tokens.calendarOutlineFocusColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DateTimePickertokens.tokens.calendarContentPrimaryColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(_DateTimePickertokens.tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DateTimePickertokens.tokens.calendarContentSecondaryColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(_DateTimePickertokens.tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(_DateTimePickertokens.tokens.calendarDisabledOpacity, ");\n\n ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DateTimePickertokens.tokens.iconButtonColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DateTimePickertokens.tokens.iconButtonBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DateTimePickertokens.tokens.iconButtonColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DateTimePickertokens.tokens.iconButtonBackgroundColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DateTimePickertokens.tokens.iconButtonColorActive, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DateTimePickertokens.tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarBorderWidth, ": var(").concat(_DateTimePickertokens.tokens.calendarBorderWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarBorderColor, ": var(").concat(_DateTimePickertokens.tokens.calendarBorderColor, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DateTimePickertokens.tokens.calendarYearsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DateTimePickertokens.tokens.calendarYearItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DateTimePickertokens.tokens.calendarYearFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DateTimePickertokens.tokens.calendarYearFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DateTimePickertokens.tokens.calendarYearFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DateTimePickertokens.tokens.calendarYearFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DateTimePickertokens.tokens.calendarYearFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarYearFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DateTimePickertokens.tokens.calendarQuartersPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DateTimePickertokens.tokens.calendarQuarterItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DateTimePickertokens.tokens.calendarQuarterFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DateTimePickertokens.tokens.calendarQuarterFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DateTimePickertokens.tokens.calendarQuarterFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DateTimePickertokens.tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DateTimePickertokens.tokens.calendarQuarterFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarQuarterFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DateTimePickertokens.tokens.calendarDaysPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DateTimePickertokens.tokens.calendarDayItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DateTimePickertokens.tokens.calendarDayFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DateTimePickertokens.tokens.calendarDayFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DateTimePickertokens.tokens.calendarDayFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DateTimePickertokens.tokens.calendarDayFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DateTimePickertokens.tokens.calendarDayFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarDayFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarDaySelectedFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(_DateTimePickertokens.tokens.calendarDayOfWeekColor, ");\n \n ").concat(_Calendar.calendarBaseTokens.calendarEventItemBottom, ": var(").concat(_DateTimePickertokens.tokens.calendarEventItemBottom, ");\n \n ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderWrapperPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderArrowGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderArrowPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderDateGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderFontWeightBold, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderArrowColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarArrowHeaderCustomSize, ": var(").concat(_DateTimePickertokens.tokens.calendarHeaderArrowCustomSize, ");\n \n ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DateTimePickertokens.tokens.iconButtonHeight, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DateTimePickertokens.tokens.iconButtonWidth, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DateTimePickertokens.tokens.iconButtonPadding, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DateTimePickertokens.tokens.iconButtonRadius, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DateTimePickertokens.tokens.iconButtonFocusColor, ");\n \n ").concat(_Calendar.calendarBaseTokens.tooltipPaddingTop, " var(").concat(_DateTimePickertokens.tokens.tooltipPaddingTop, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipPaddingRight, " var(").concat(_DateTimePickertokens.tokens.tooltipPaddingRight, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipPaddingBottom, " var(").concat(_DateTimePickertokens.tokens.tooltipPaddingBottom, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipPaddingLeft, " var(").concat(_DateTimePickertokens.tokens.tooltipPaddingLeft, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipMinHeight, " var(").concat(_DateTimePickertokens.tokens.tooltipMinHeight, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipBackgroundColor, " var(").concat(_DateTimePickertokens.tokens.tooltipBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipBoxShadow, " var(").concat(_DateTimePickertokens.tokens.tooltipBoxShadow, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipBorderRadius, " var(").concat(_DateTimePickertokens.tokens.tooltipBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipColor, " var(").concat(_DateTimePickertokens.tokens.tooltipColor, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipTextFontFamily, " var(").concat(_DateTimePickertokens.tokens.tooltipTextFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipTextFontSize, " var(").concat(_DateTimePickertokens.tokens.tooltipTextFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipTextFontStyle, " var(").concat(_DateTimePickertokens.tokens.tooltipTextFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipTextFontWeight, " var(").concat(_DateTimePickertokens.tokens.tooltipTextFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipTextFontLetterSpacing, " var(").concat(_DateTimePickertokens.tokens.tooltipTextFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipTextFontLineHeight, " var(").concat(_DateTimePickertokens.tokens.tooltipTextFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipContentLeftMargin, " var(").concat(_DateTimePickertokens.tokens.tooltipContentLeftMargin, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipArrowMaskWidth, " var(").concat(_DateTimePickertokens.tokens.tooltipArrowMaskWidth, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipArrowMaskHeight, " var(").concat(_DateTimePickertokens.tokens.tooltipArrowMaskHeight, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipArrowMaskImage, " var(").concat(_DateTimePickertokens.tokens.tooltipArrowMaskImage, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipArrowBackground, " var(").concat(_DateTimePickertokens.tokens.tooltipArrowBackground, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipArrowHeight, " var(").concat(_DateTimePickertokens.tokens.tooltipArrowHeight, ");\n ").concat(_Calendar.calendarBaseTokens.tooltipArrowEdgeMargin, " var(").concat(_DateTimePickertokens.tokens.tooltipArrowEdgeMargin, ");\n");
|
|
36
36
|
var StyledCalendar = (0, _styledcomponents.default)(Calendar).withConfig({
|
|
37
37
|
displayName: "CalendarGrid.styles__StyledCalendar",
|
|
38
|
-
componentId: "sc-
|
|
38
|
+
componentId: "sc-73e8f3f9-0"
|
|
39
39
|
})([
|
|
40
40
|
"flex-shrink:",
|
|
41
41
|
";width:",
|
|
@@ -54,19 +54,21 @@ var StyledCalendar = (0, _styledcomponents.default)(Calendar).withConfig({
|
|
|
54
54
|
}, baseCalendarTokens);
|
|
55
55
|
var StyledCalendarDouble = (0, _styledcomponents.default)(CalendarDouble).withConfig({
|
|
56
56
|
displayName: "CalendarGrid.styles__StyledCalendarDouble",
|
|
57
|
-
componentId: "sc-
|
|
57
|
+
componentId: "sc-73e8f3f9-1"
|
|
58
58
|
})([
|
|
59
|
-
"
|
|
59
|
+
"",
|
|
60
|
+
":calc(var(",
|
|
61
|
+
") * 2 + 2.063rem);flex-shrink:",
|
|
60
62
|
";width:",
|
|
61
63
|
";height:",
|
|
62
64
|
";",
|
|
63
65
|
""
|
|
64
|
-
], function(param) {
|
|
66
|
+
], _DateTimePickertokens.privateTokens.calendarDoubleWidth, _DateTimePickertokens.tokens.calendarWidth, function(param) {
|
|
65
67
|
var innerWidth = param.innerWidth;
|
|
66
68
|
return innerWidth && innerWidth !== '0' ? '1' : '0';
|
|
67
69
|
}, function(param) {
|
|
68
70
|
var innerWidth = param.innerWidth;
|
|
69
|
-
return innerWidth && innerWidth !== '0' ? '100%' : "
|
|
71
|
+
return innerWidth && innerWidth !== '0' ? '100%' : "var(".concat(_DateTimePickertokens.privateTokens.calendarDoubleWidth, ")");
|
|
70
72
|
}, function(param) {
|
|
71
73
|
var innerHeight = param.innerHeight;
|
|
72
74
|
return innerHeight && innerHeight !== '0' ? '100%' : "var(".concat(_DateTimePickertokens.tokens.calendarHeight, ")");
|
|
@@ -21,7 +21,7 @@ var mergedTimePickerGrid = (0, _engines.mergeConfig)(_TimePickerGrid.timePickerG
|
|
|
21
21
|
var TimePickerGrid = (0, _engines.component)(mergedTimePickerGrid);
|
|
22
22
|
var StyledTimeGrid = (0, _styledcomponents.default)(TimePickerGrid).withConfig({
|
|
23
23
|
displayName: "TimeGrid.styles__StyledTimeGrid",
|
|
24
|
-
componentId: "sc-
|
|
24
|
+
componentId: "sc-1a280a0d-0"
|
|
25
25
|
})([
|
|
26
26
|
"flex-shrink:2;",
|
|
27
27
|
":",
|
|
@@ -96,21 +96,17 @@ var getOriginalDateTime = function(param) {
|
|
|
96
96
|
var baseValueStructure = _object_spread_props(_object_spread({}, initialValueStructure), {
|
|
97
97
|
formattedDate: value
|
|
98
98
|
});
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
}
|
|
99
|
+
var rawDate = value.slice(0, dateFormat === null || dateFormat === void 0 ? void 0 : dateFormat.length);
|
|
100
|
+
var rawTime = value.slice(((dateFormat === null || dateFormat === void 0 ? void 0 : dateFormat.length) || 0) + 1);
|
|
101
|
+
if (dateFormat && (0, _datejs.customDayjs)(rawDate, dateFormat, true).isValid()) {
|
|
102
|
+
baseValueStructure = _object_spread_props(_object_spread({}, baseValueStructure), {
|
|
103
|
+
dateValue: (0, _datejs.customDayjs)(rawDate, dateFormat).toDate()
|
|
104
|
+
});
|
|
106
105
|
}
|
|
107
|
-
if (timeFormat) {
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
timeValue: (0, _datejs.customDayjs)(value, fullFormat).toDate()
|
|
112
|
-
});
|
|
113
|
-
}
|
|
106
|
+
if (timeFormat && (0, _datejs.customDayjs)(rawTime, timeFormat, true).isValid()) {
|
|
107
|
+
baseValueStructure = _object_spread_props(_object_spread({}, baseValueStructure), {
|
|
108
|
+
timeValue: (0, _datejs.customDayjs)(value, fullFormat).toDate()
|
|
109
|
+
});
|
|
114
110
|
}
|
|
115
111
|
return baseValueStructure;
|
|
116
112
|
}
|
|
@@ -239,7 +239,6 @@ var timePickerGridRoot = function(Root) {
|
|
|
239
239
|
var minutesHideTimeoutRef = (0, _react.useRef)(null);
|
|
240
240
|
var secondsHideTimeoutRef = (0, _react.useRef)(null);
|
|
241
241
|
var _useState = _sliced_to_array((0, _react.useState)(outerValue || ''), 2), innerTime = _useState[0], setInnerTime = _useState[1];
|
|
242
|
-
// const [itemHeight, setItemHeight] = useState(0);
|
|
243
242
|
var _useState1 = _sliced_to_array((0, _react.useState)(0), 2), gap = _useState1[0], setGap = _useState1[1];
|
|
244
243
|
var _useState2 = _sliced_to_array((0, _react.useState)({
|
|
245
244
|
isVisible: false,
|
|
@@ -75,13 +75,16 @@ var config = {
|
|
|
75
75
|
":var(--text-primary-hover);",
|
|
76
76
|
":var(--surface-clear);",
|
|
77
77
|
":var(--surface-accent);",
|
|
78
|
+
":var(--surface-solid-card-brightness);",
|
|
79
|
+
":var(--shadow-down-hard-s);",
|
|
80
|
+
":var(--text-primary);",
|
|
78
81
|
":var(--surface-transparent-secondary);",
|
|
79
82
|
":var(--surface-transparent-secondary);",
|
|
80
83
|
":var(--surface-transparent-tertiary);",
|
|
81
84
|
":var(--surface-transparent-primary);",
|
|
82
85
|
":var(--text-primary);",
|
|
83
86
|
":var(--surface-transparent-secondary);"
|
|
84
|
-
], _DateTimePicker.dateTimePickerTokens.outlineFocusColor, _DateTimePicker.dateTimePickerTokens.textFieldColor, _DateTimePicker.dateTimePickerTokens.textFieldPlaceholderColor, _DateTimePicker.dateTimePickerTokens.textFieldPlaceholderColorFocus, _DateTimePicker.dateTimePickerTokens.textFieldCaretColor, _DateTimePicker.dateTimePickerTokens.textFieldBackgroundColor, _DateTimePicker.dateTimePickerTokens.textFieldBackgroundColorHover, _DateTimePicker.dateTimePickerTokens.textFieldBackgroundColorFocus, _DateTimePicker.dateTimePickerTokens.textFieldBackgroundErrorColor, _DateTimePicker.dateTimePickerTokens.textFieldBackgroundErrorColorFocus, _DateTimePicker.dateTimePickerTokens.textFieldBackgroundSuccessColor, _DateTimePicker.dateTimePickerTokens.textFieldBackgroundSuccessColorFocus, _DateTimePicker.dateTimePickerTokens.labelColor, _DateTimePicker.dateTimePickerTokens.leftHelperColor, _DateTimePicker.dateTimePickerTokens.leftHelperColorError, _DateTimePicker.dateTimePickerTokens.leftHelperColorSuccess, _DateTimePicker.dateTimePickerTokens.labelInnerFontFamily, _DateTimePicker.dateTimePickerTokens.labelInnerFontSize, _DateTimePicker.dateTimePickerTokens.labelInnerFontStyle, _DateTimePicker.dateTimePickerTokens.labelInnerFontWeight, _DateTimePicker.dateTimePickerTokens.labelInnerLetterSpacing, _DateTimePicker.dateTimePickerTokens.labelInnerLineHeight, _DateTimePicker.dateTimePickerTokens.indicatorColor, _DateTimePicker.dateTimePickerTokens.textFieldTextBeforeColor, _DateTimePicker.dateTimePickerTokens.textFieldTextAfterColor, _DateTimePicker.dateTimePickerTokens.popoverShadow, _DateTimePicker.dateTimePickerTokens.popoverSeparatorBackground, _DateTimePicker.dateTimePickerTokens.popoverBackgroundColor, _DateTimePicker.dateTimePickerTokens.calendarSelectedItemBackground, _DateTimePicker.dateTimePickerTokens.calendarSelectedItemColor, _DateTimePicker.dateTimePickerTokens.calendarSelectableItemBackgroundHover, _DateTimePicker.dateTimePickerTokens.calendarCurrentItemBorderColor, _DateTimePicker.dateTimePickerTokens.calendarCurrentItemBackgroundHover, _DateTimePicker.dateTimePickerTokens.calendarCurrentItemColorHover, _DateTimePicker.dateTimePickerTokens.calendarCurrentItemChildBackgroundHover, _DateTimePicker.dateTimePickerTokens.calendarActiveItemBackground, _DateTimePicker.dateTimePickerTokens.calendarActiveItemColor, _DateTimePicker.dateTimePickerTokens.calendarHoveredItemBackground, _DateTimePicker.dateTimePickerTokens.calendarHoveredItemColor, _DateTimePicker.dateTimePickerTokens.calendarRangeBackground, _DateTimePicker.dateTimePickerTokens.calendarOutlineFocusColor, _DateTimePicker.dateTimePickerTokens.calendarContentPrimaryColor, _DateTimePicker.dateTimePickerTokens.calendarContentPrimaryDisabledColor, _DateTimePicker.dateTimePickerTokens.calendarHeaderArrowColor, _DateTimePicker.dateTimePickerTokens.calendarContentPrimaryColor, _DateTimePicker.dateTimePickerTokens.calendarContentSecondaryColor, _DateTimePicker.dateTimePickerTokens.calendarContentSecondaryDisabledColor, _DateTimePicker.dateTimePickerTokens.calendarDisabledOpacity, _DateTimePicker.dateTimePickerTokens.calendarSeparatorBackground, _DateTimePicker.dateTimePickerTokens.iconButtonColor, _DateTimePicker.dateTimePickerTokens.iconButtonBackgroundColor, _DateTimePicker.dateTimePickerTokens.iconButtonColorHover, _DateTimePicker.dateTimePickerTokens.iconButtonBackgroundColorHover, _DateTimePicker.dateTimePickerTokens.iconButtonColorActive, _DateTimePicker.dateTimePickerTokens.iconButtonBackgroundColorActive, _DateTimePicker.dateTimePickerTokens.iconButtonFocusColor, _DateTimePicker.dateTimePickerTokens.timePickerItemBackgroundHover, _DateTimePicker.dateTimePickerTokens.timePickerItemBackgroundActive, _DateTimePicker.dateTimePickerTokens.timePickerScrollbarColor, _DateTimePicker.dateTimePickerTokens.timePickerScrollbarTrackColor, _DateTimePicker.dateTimePickerTokens.shortcutColor, _DateTimePicker.dateTimePickerTokens.shortcutBackgroundHover)
|
|
87
|
+
], _DateTimePicker.dateTimePickerTokens.outlineFocusColor, _DateTimePicker.dateTimePickerTokens.textFieldColor, _DateTimePicker.dateTimePickerTokens.textFieldPlaceholderColor, _DateTimePicker.dateTimePickerTokens.textFieldPlaceholderColorFocus, _DateTimePicker.dateTimePickerTokens.textFieldCaretColor, _DateTimePicker.dateTimePickerTokens.textFieldBackgroundColor, _DateTimePicker.dateTimePickerTokens.textFieldBackgroundColorHover, _DateTimePicker.dateTimePickerTokens.textFieldBackgroundColorFocus, _DateTimePicker.dateTimePickerTokens.textFieldBackgroundErrorColor, _DateTimePicker.dateTimePickerTokens.textFieldBackgroundErrorColorFocus, _DateTimePicker.dateTimePickerTokens.textFieldBackgroundSuccessColor, _DateTimePicker.dateTimePickerTokens.textFieldBackgroundSuccessColorFocus, _DateTimePicker.dateTimePickerTokens.labelColor, _DateTimePicker.dateTimePickerTokens.leftHelperColor, _DateTimePicker.dateTimePickerTokens.leftHelperColorError, _DateTimePicker.dateTimePickerTokens.leftHelperColorSuccess, _DateTimePicker.dateTimePickerTokens.labelInnerFontFamily, _DateTimePicker.dateTimePickerTokens.labelInnerFontSize, _DateTimePicker.dateTimePickerTokens.labelInnerFontStyle, _DateTimePicker.dateTimePickerTokens.labelInnerFontWeight, _DateTimePicker.dateTimePickerTokens.labelInnerLetterSpacing, _DateTimePicker.dateTimePickerTokens.labelInnerLineHeight, _DateTimePicker.dateTimePickerTokens.indicatorColor, _DateTimePicker.dateTimePickerTokens.textFieldTextBeforeColor, _DateTimePicker.dateTimePickerTokens.textFieldTextAfterColor, _DateTimePicker.dateTimePickerTokens.popoverShadow, _DateTimePicker.dateTimePickerTokens.popoverSeparatorBackground, _DateTimePicker.dateTimePickerTokens.popoverBackgroundColor, _DateTimePicker.dateTimePickerTokens.calendarSelectedItemBackground, _DateTimePicker.dateTimePickerTokens.calendarSelectedItemColor, _DateTimePicker.dateTimePickerTokens.calendarSelectableItemBackgroundHover, _DateTimePicker.dateTimePickerTokens.calendarCurrentItemBorderColor, _DateTimePicker.dateTimePickerTokens.calendarCurrentItemBackgroundHover, _DateTimePicker.dateTimePickerTokens.calendarCurrentItemColorHover, _DateTimePicker.dateTimePickerTokens.calendarCurrentItemChildBackgroundHover, _DateTimePicker.dateTimePickerTokens.calendarActiveItemBackground, _DateTimePicker.dateTimePickerTokens.calendarActiveItemColor, _DateTimePicker.dateTimePickerTokens.calendarHoveredItemBackground, _DateTimePicker.dateTimePickerTokens.calendarHoveredItemColor, _DateTimePicker.dateTimePickerTokens.calendarRangeBackground, _DateTimePicker.dateTimePickerTokens.calendarOutlineFocusColor, _DateTimePicker.dateTimePickerTokens.calendarContentPrimaryColor, _DateTimePicker.dateTimePickerTokens.calendarContentPrimaryDisabledColor, _DateTimePicker.dateTimePickerTokens.calendarHeaderArrowColor, _DateTimePicker.dateTimePickerTokens.calendarContentPrimaryColor, _DateTimePicker.dateTimePickerTokens.calendarContentSecondaryColor, _DateTimePicker.dateTimePickerTokens.calendarContentSecondaryDisabledColor, _DateTimePicker.dateTimePickerTokens.calendarDisabledOpacity, _DateTimePicker.dateTimePickerTokens.calendarSeparatorBackground, _DateTimePicker.dateTimePickerTokens.iconButtonColor, _DateTimePicker.dateTimePickerTokens.iconButtonBackgroundColor, _DateTimePicker.dateTimePickerTokens.iconButtonColorHover, _DateTimePicker.dateTimePickerTokens.iconButtonBackgroundColorHover, _DateTimePicker.dateTimePickerTokens.iconButtonColorActive, _DateTimePicker.dateTimePickerTokens.iconButtonBackgroundColorActive, _DateTimePicker.dateTimePickerTokens.iconButtonFocusColor, _DateTimePicker.dateTimePickerTokens.tooltipBackgroundColor, _DateTimePicker.dateTimePickerTokens.tooltipBoxShadow, _DateTimePicker.dateTimePickerTokens.tooltipColor, _DateTimePicker.dateTimePickerTokens.timePickerItemBackgroundHover, _DateTimePicker.dateTimePickerTokens.timePickerItemBackgroundActive, _DateTimePicker.dateTimePickerTokens.timePickerScrollbarColor, _DateTimePicker.dateTimePickerTokens.timePickerScrollbarTrackColor, _DateTimePicker.dateTimePickerTokens.shortcutColor, _DateTimePicker.dateTimePickerTokens.shortcutBackgroundHover)
|
|
85
88
|
},
|
|
86
89
|
size: {
|
|
87
90
|
xl: (0, _styledcomponents.css)([
|
|
@@ -142,6 +142,7 @@ export var tokens = {
|
|
|
142
142
|
calendarDayFontWeight: '--plasma-date-time-picker-calendar__day-font-weight',
|
|
143
143
|
calendarDaySelectedFontWeight: '--plasma-date-time-picker-calendar__day-selected-font-weight',
|
|
144
144
|
calendarDayOfWeekColor: '--plasma-date-time-picker-calendar__day-of-week-color',
|
|
145
|
+
calendarEventItemBottom: '--plasma-date-time-picker-calendar__event-item-bottom',
|
|
145
146
|
calendarHeaderWrapperPadding: '--plasma-date-time-picker-calendar__header-wrapper-padding',
|
|
146
147
|
calendarHeaderArrowGap: '--plasma-date-time-picker-calendar__header-arrow-gap',
|
|
147
148
|
calendarHeaderArrowPadding: '--plasma-date-time-picker-calendar__header-arrow-padding',
|
|
@@ -64,20 +64,15 @@ export var CalendarGrid = function(_param) {
|
|
|
64
64
|
"calendarContainerHeight",
|
|
65
65
|
"handleCalendarPick"
|
|
66
66
|
]);
|
|
67
|
-
|
|
68
|
-
return /*#__PURE__*/ React.createElement(StyledCalendarDouble, _object_spread({
|
|
69
|
-
value: value,
|
|
70
|
-
locale: lang,
|
|
71
|
-
innerHeight: calendarContainerHeight,
|
|
72
|
-
innerWidth: calendarContainerWidth,
|
|
73
|
-
onChangeValue: handleCalendarPick
|
|
74
|
-
}, rest));
|
|
75
|
-
}
|
|
76
|
-
return /*#__PURE__*/ React.createElement(StyledCalendar, _object_spread({
|
|
67
|
+
var commonProps = {
|
|
77
68
|
value: value,
|
|
78
69
|
locale: lang,
|
|
79
70
|
innerHeight: calendarContainerHeight,
|
|
80
71
|
innerWidth: calendarContainerWidth,
|
|
81
72
|
onChangeValue: handleCalendarPick
|
|
82
|
-
}
|
|
73
|
+
};
|
|
74
|
+
if (isDouble) {
|
|
75
|
+
return /*#__PURE__*/ React.createElement(StyledCalendarDouble, _object_spread({}, commonProps, rest));
|
|
76
|
+
}
|
|
77
|
+
return /*#__PURE__*/ React.createElement(StyledCalendar, _object_spread({}, commonProps, rest));
|
|
83
78
|
};
|
package/styled-components/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import styled from "styled-components";
|
|
2
2
|
import { calendarDoubleConfig, calendarBaseTokens, calendarBaseConfig } from "../../../Calendar";
|
|
3
3
|
import { component, mergeConfig } from "../../../../engines";
|
|
4
|
-
import { tokens } from "../../DateTimePicker.tokens";
|
|
4
|
+
import { privateTokens, tokens } from "../../DateTimePicker.tokens";
|
|
5
5
|
var mergedCalendarConfig = mergeConfig(calendarBaseConfig);
|
|
6
6
|
var Calendar = component(mergedCalendarConfig);
|
|
7
7
|
var mergedCalendarDoubleConfig = mergeConfig(calendarDoubleConfig);
|
|
8
8
|
var CalendarDouble = component(mergedCalendarDoubleConfig);
|
|
9
|
-
export var baseCalendarTokens = "\n ".concat(calendarBaseTokens.calendarSeparatorBackground, ": var(").concat(tokens.calendarSeparatorBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(tokens.calendarCurrentItemBorderWidth, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(tokens.calendarDisabledOpacity, ");\n\n ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(calendarBaseTokens.calendarBorderWidth, ": var(").concat(tokens.calendarBorderWidth, ");\n ").concat(calendarBaseTokens.calendarBorderColor, ": var(").concat(tokens.calendarBorderColor, ");\n\n ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarQuartersPadding, ": var(").concat(tokens.calendarQuartersPadding, ");\n ").concat(calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(tokens.calendarQuarterItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(tokens.calendarQuarterFontFamily, ");\n ").concat(calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(tokens.calendarQuarterFontSize, ");\n ").concat(calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(tokens.calendarQuarterFontStyle, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(tokens.calendarQuarterFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(tokens.calendarQuarterFontWeight, ");\n ").concat(calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(tokens.calendarDayOfWeekColor, ");\n \n ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(tokens.calendarHeaderArrowColor, ");\n ").concat(calendarBaseTokens.calendarArrowHeaderCustomSize, ": var(").concat(tokens.calendarHeaderArrowCustomSize, ");\n \n ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n \n ").concat(calendarBaseTokens.tooltipPaddingTop, " var(").concat(tokens.tooltipPaddingTop, ");\n ").concat(calendarBaseTokens.tooltipPaddingRight, " var(").concat(tokens.tooltipPaddingRight, ");\n ").concat(calendarBaseTokens.tooltipPaddingBottom, " var(").concat(tokens.tooltipPaddingBottom, ");\n ").concat(calendarBaseTokens.tooltipPaddingLeft, " var(").concat(tokens.tooltipPaddingLeft, ");\n ").concat(calendarBaseTokens.tooltipMinHeight, " var(").concat(tokens.tooltipMinHeight, ");\n ").concat(calendarBaseTokens.tooltipBackgroundColor, " var(").concat(tokens.tooltipBackgroundColor, ");\n ").concat(calendarBaseTokens.tooltipBoxShadow, " var(").concat(tokens.tooltipBoxShadow, ");\n ").concat(calendarBaseTokens.tooltipBorderRadius, " var(").concat(tokens.tooltipBorderRadius, ");\n ").concat(calendarBaseTokens.tooltipColor, " var(").concat(tokens.tooltipColor, ");\n ").concat(calendarBaseTokens.tooltipTextFontFamily, " var(").concat(tokens.tooltipTextFontFamily, ");\n ").concat(calendarBaseTokens.tooltipTextFontSize, " var(").concat(tokens.tooltipTextFontSize, ");\n ").concat(calendarBaseTokens.tooltipTextFontStyle, " var(").concat(tokens.tooltipTextFontStyle, ");\n ").concat(calendarBaseTokens.tooltipTextFontWeight, " var(").concat(tokens.tooltipTextFontWeight, ");\n ").concat(calendarBaseTokens.tooltipTextFontLetterSpacing, " var(").concat(tokens.tooltipTextFontLetterSpacing, ");\n ").concat(calendarBaseTokens.tooltipTextFontLineHeight, " var(").concat(tokens.tooltipTextFontLineHeight, ");\n ").concat(calendarBaseTokens.tooltipContentLeftMargin, " var(").concat(tokens.tooltipContentLeftMargin, ");\n ").concat(calendarBaseTokens.tooltipArrowMaskWidth, " var(").concat(tokens.tooltipArrowMaskWidth, ");\n ").concat(calendarBaseTokens.tooltipArrowMaskHeight, " var(").concat(tokens.tooltipArrowMaskHeight, ");\n ").concat(calendarBaseTokens.tooltipArrowMaskImage, " var(").concat(tokens.tooltipArrowMaskImage, ");\n ").concat(calendarBaseTokens.tooltipArrowBackground, " var(").concat(tokens.tooltipArrowBackground, ");\n ").concat(calendarBaseTokens.tooltipArrowHeight, " var(").concat(tokens.tooltipArrowHeight, ");\n ").concat(calendarBaseTokens.tooltipArrowEdgeMargin, " var(").concat(tokens.tooltipArrowEdgeMargin, ");\n");
|
|
9
|
+
export var baseCalendarTokens = "\n ".concat(calendarBaseTokens.calendarSeparatorBackground, ": var(").concat(tokens.calendarSeparatorBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(tokens.calendarCurrentItemBorderWidth, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(tokens.calendarDisabledOpacity, ");\n\n ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(calendarBaseTokens.calendarBorderWidth, ": var(").concat(tokens.calendarBorderWidth, ");\n ").concat(calendarBaseTokens.calendarBorderColor, ": var(").concat(tokens.calendarBorderColor, ");\n\n ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarQuartersPadding, ": var(").concat(tokens.calendarQuartersPadding, ");\n ").concat(calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(tokens.calendarQuarterItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(tokens.calendarQuarterFontFamily, ");\n ").concat(calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(tokens.calendarQuarterFontSize, ");\n ").concat(calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(tokens.calendarQuarterFontStyle, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(tokens.calendarQuarterFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(tokens.calendarQuarterFontWeight, ");\n ").concat(calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(tokens.calendarDayOfWeekColor, ");\n \n ").concat(calendarBaseTokens.calendarEventItemBottom, ": var(").concat(tokens.calendarEventItemBottom, ");\n \n ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(tokens.calendarHeaderArrowColor, ");\n ").concat(calendarBaseTokens.calendarArrowHeaderCustomSize, ": var(").concat(tokens.calendarHeaderArrowCustomSize, ");\n \n ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n \n ").concat(calendarBaseTokens.tooltipPaddingTop, " var(").concat(tokens.tooltipPaddingTop, ");\n ").concat(calendarBaseTokens.tooltipPaddingRight, " var(").concat(tokens.tooltipPaddingRight, ");\n ").concat(calendarBaseTokens.tooltipPaddingBottom, " var(").concat(tokens.tooltipPaddingBottom, ");\n ").concat(calendarBaseTokens.tooltipPaddingLeft, " var(").concat(tokens.tooltipPaddingLeft, ");\n ").concat(calendarBaseTokens.tooltipMinHeight, " var(").concat(tokens.tooltipMinHeight, ");\n ").concat(calendarBaseTokens.tooltipBackgroundColor, " var(").concat(tokens.tooltipBackgroundColor, ");\n ").concat(calendarBaseTokens.tooltipBoxShadow, " var(").concat(tokens.tooltipBoxShadow, ");\n ").concat(calendarBaseTokens.tooltipBorderRadius, " var(").concat(tokens.tooltipBorderRadius, ");\n ").concat(calendarBaseTokens.tooltipColor, " var(").concat(tokens.tooltipColor, ");\n ").concat(calendarBaseTokens.tooltipTextFontFamily, " var(").concat(tokens.tooltipTextFontFamily, ");\n ").concat(calendarBaseTokens.tooltipTextFontSize, " var(").concat(tokens.tooltipTextFontSize, ");\n ").concat(calendarBaseTokens.tooltipTextFontStyle, " var(").concat(tokens.tooltipTextFontStyle, ");\n ").concat(calendarBaseTokens.tooltipTextFontWeight, " var(").concat(tokens.tooltipTextFontWeight, ");\n ").concat(calendarBaseTokens.tooltipTextFontLetterSpacing, " var(").concat(tokens.tooltipTextFontLetterSpacing, ");\n ").concat(calendarBaseTokens.tooltipTextFontLineHeight, " var(").concat(tokens.tooltipTextFontLineHeight, ");\n ").concat(calendarBaseTokens.tooltipContentLeftMargin, " var(").concat(tokens.tooltipContentLeftMargin, ");\n ").concat(calendarBaseTokens.tooltipArrowMaskWidth, " var(").concat(tokens.tooltipArrowMaskWidth, ");\n ").concat(calendarBaseTokens.tooltipArrowMaskHeight, " var(").concat(tokens.tooltipArrowMaskHeight, ");\n ").concat(calendarBaseTokens.tooltipArrowMaskImage, " var(").concat(tokens.tooltipArrowMaskImage, ");\n ").concat(calendarBaseTokens.tooltipArrowBackground, " var(").concat(tokens.tooltipArrowBackground, ");\n ").concat(calendarBaseTokens.tooltipArrowHeight, " var(").concat(tokens.tooltipArrowHeight, ");\n ").concat(calendarBaseTokens.tooltipArrowEdgeMargin, " var(").concat(tokens.tooltipArrowEdgeMargin, ");\n");
|
|
10
10
|
// NOTE: переопределение токенов Calendar
|
|
11
11
|
export var StyledCalendar = styled(Calendar).withConfig({
|
|
12
12
|
displayName: "CalendarGrid.styles__StyledCalendar",
|
|
13
|
-
componentId: "sc-
|
|
13
|
+
componentId: "sc-73e8f3f9-0"
|
|
14
14
|
})([
|
|
15
15
|
"flex-shrink:",
|
|
16
16
|
";width:",
|
|
@@ -29,19 +29,21 @@ export var StyledCalendar = styled(Calendar).withConfig({
|
|
|
29
29
|
}, baseCalendarTokens);
|
|
30
30
|
export var StyledCalendarDouble = styled(CalendarDouble).withConfig({
|
|
31
31
|
displayName: "CalendarGrid.styles__StyledCalendarDouble",
|
|
32
|
-
componentId: "sc-
|
|
32
|
+
componentId: "sc-73e8f3f9-1"
|
|
33
33
|
})([
|
|
34
|
-
"
|
|
34
|
+
"",
|
|
35
|
+
":calc(var(",
|
|
36
|
+
") * 2 + 2.063rem);flex-shrink:",
|
|
35
37
|
";width:",
|
|
36
38
|
";height:",
|
|
37
39
|
";",
|
|
38
40
|
""
|
|
39
|
-
], function(param) {
|
|
41
|
+
], privateTokens.calendarDoubleWidth, tokens.calendarWidth, function(param) {
|
|
40
42
|
var innerWidth = param.innerWidth;
|
|
41
43
|
return innerWidth && innerWidth !== '0' ? '1' : '0';
|
|
42
44
|
}, function(param) {
|
|
43
45
|
var innerWidth = param.innerWidth;
|
|
44
|
-
return innerWidth && innerWidth !== '0' ? '100%' : "
|
|
46
|
+
return innerWidth && innerWidth !== '0' ? '100%' : "var(".concat(privateTokens.calendarDoubleWidth, ")");
|
|
45
47
|
}, function(param) {
|
|
46
48
|
var innerHeight = param.innerHeight;
|
|
47
49
|
return innerHeight && innerHeight !== '0' ? '100%' : "var(".concat(tokens.calendarHeight, ")");
|
|
@@ -6,7 +6,7 @@ var mergedTimePickerGrid = mergeConfig(timePickerGridConfig);
|
|
|
6
6
|
var TimePickerGrid = component(mergedTimePickerGrid);
|
|
7
7
|
export var StyledTimeGrid = styled(TimePickerGrid).withConfig({
|
|
8
8
|
displayName: "TimeGrid.styles__StyledTimeGrid",
|
|
9
|
-
componentId: "sc-
|
|
9
|
+
componentId: "sc-1a280a0d-0"
|
|
10
10
|
})([
|
|
11
11
|
"flex-shrink:2;",
|
|
12
12
|
":",
|
|
@@ -86,21 +86,17 @@ export var getOriginalDateTime = function(param) {
|
|
|
86
86
|
var baseValueStructure = _object_spread_props(_object_spread({}, initialValueStructure), {
|
|
87
87
|
formattedDate: value
|
|
88
88
|
});
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
}
|
|
89
|
+
var rawDate = value.slice(0, dateFormat === null || dateFormat === void 0 ? void 0 : dateFormat.length);
|
|
90
|
+
var rawTime = value.slice(((dateFormat === null || dateFormat === void 0 ? void 0 : dateFormat.length) || 0) + 1);
|
|
91
|
+
if (dateFormat && customDayjs(rawDate, dateFormat, true).isValid()) {
|
|
92
|
+
baseValueStructure = _object_spread_props(_object_spread({}, baseValueStructure), {
|
|
93
|
+
dateValue: customDayjs(rawDate, dateFormat).toDate()
|
|
94
|
+
});
|
|
96
95
|
}
|
|
97
|
-
if (timeFormat) {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
timeValue: customDayjs(value, fullFormat).toDate()
|
|
102
|
-
});
|
|
103
|
-
}
|
|
96
|
+
if (timeFormat && customDayjs(rawTime, timeFormat, true).isValid()) {
|
|
97
|
+
baseValueStructure = _object_spread_props(_object_spread({}, baseValueStructure), {
|
|
98
|
+
timeValue: customDayjs(value, fullFormat).toDate()
|
|
99
|
+
});
|
|
104
100
|
}
|
|
105
101
|
return baseValueStructure;
|
|
106
102
|
}
|
|
@@ -180,7 +180,6 @@ export var timePickerGridRoot = function(Root) {
|
|
|
180
180
|
var minutesHideTimeoutRef = useRef(null);
|
|
181
181
|
var secondsHideTimeoutRef = useRef(null);
|
|
182
182
|
var _useState = _sliced_to_array(useState(outerValue || ''), 2), innerTime = _useState[0], setInnerTime = _useState[1];
|
|
183
|
-
// const [itemHeight, setItemHeight] = useState(0);
|
|
184
183
|
var _useState1 = _sliced_to_array(useState(0), 2), gap = _useState1[0], setGap = _useState1[1];
|
|
185
184
|
var _useState2 = _sliced_to_array(useState({
|
|
186
185
|
isVisible: false,
|