@salutejs/plasma-new-hope 0.377.0 → 0.377.1-dev.0

package/dist/css/cjs/components/TimePicker/TimePicker.css

@@ -87,13 +87,13 @@
 .TimeColumn_styles_1lxd8fy_s1qjxwwh__58921605{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-grid-scrollbar-color);border-radius:var(--plasma-time-picker-grid-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.TimeColumn_styles_1lxd8fy_s1qjxwwh__58921605:hover{background:var(--plasma-time-picker-grid-scrollbar-color);}.TimeColumn_styles_1lxd8fy_s1qjxwwh__58921605:active{background:var(--plasma-time-picker-grid-scrollbar-track-color);}
 .TimeColumn_styles_1lxd8fy_sw0e1fg__58921605{width:100%;height:0%.125rem;}
 
-.TimePicker_styles_8ghe7e_f1shtld9__6b24f4f2{position:relative;width:100%;}
+.TimePicker_styles_6yblkc_f1shtld9__483ad48e{position:relative;width:100%;}
 
 
-.TimePicker_styles_8ghe7e_s1evkvqg__6b24f4f2{--plasma-time-picker-grid-disabled-opacity:var(--sdds-core-time-picker-disabled-opacity);--plasma-time-picker-grid-item-height:var(--sdds-core-time-picker-item-height);--plasma-time-picker-grid-item-border-radius:var(--sdds-core-time-picker-item-border-radius);--plasma-time-picker-grid-item-padding:var(--sdds-core-time-picker-item-padding);--plasma-time-picker-grid-item-hover-background:var(--sdds-core-time-picker-item-hover-background);--plasma-time-picker-grid-item-active-background:var(--sdds-core-time-picker-item-active-background);--plasma-time-picker-grid-item-focus-color:var(--sdds-core-time-picker-item-focus-color);--plasma-time-picker-grid-item-font-family:var(--sdds-core-time-picker-item-font-family);--plasma-time-picker-grid-item-font-size:var(--sdds-core-time-picker-item-font-size);--plasma-time-picker-grid-item-font-style:var(--sdds-core-time-picker-item-font-style);--plasma-time-picker-grid-item-font-weight:var(--sdds-core-time-picker-item-font-weight);--plasma-time-picker-grid-item-letter-spacing:var(--sdds-core-time-picker-item-letter-spacing);--plasma-time-picker-grid-item-line-height:var(--sdds-core-time-picker-item-line-height);--plasma-time-picker-grid-scrollbar-width:var(--sdds-core-time-picker-scrollbar-width);--plasma-time-picker-grid-scrollbar-color:var(--sdds-core-time-picker-scrollbar-color);--plasma-time-picker-grid-scrollbar-track-color:var(--sdds-core-time-picker-scrollbar-track-color);--plasma-time-picker-grid-scrollbar-margin:var(--sdds-core-time-picker-scrollbar-margin);background:var(--sdds-core-time-picker-ui-background);border-radius:var(--sdds-core-time-picker-ui-border-radius);padding:var(--sdds-core-time-picker-ui-padding);box-shadow:var(--sdds-core-time-picker-ui-box-shadow);width:var(--s1evkvqg-0);height:var(--s1evkvqg-1);}
-.TimePicker_styles_8ghe7e_s11yow15__6b24f4f2{width:100%;--plasma-textfield-color:var(--sdds-core-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--sdds-core-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--sdds-core-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--sdds-core-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--sdds-core-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--sdds-core-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--sdds-core-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--sdds-core-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--sdds-core-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--sdds-core-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--sdds-core-time-picker_range-border-color-focus);--plasma-textfield-box-shadow:var(--sdds-core-time-picker-textfield-box-shadow);--plasma-textfield-divider-color:var(--sdds-core-time-picker-textfield-divider-color);--plasma-textfield-divider-color-hover:var(--sdds-core-time-picker-textfield-divider-color-hover);--plasma-textfield-divider-color-focus:var(--sdds-core-time-picker-textfield-divider-color-focus);--plasma-textfield-divider-color-readonly:var(--sdds-core-time-picker-textfield-divider-color-readonly);--plasma-textfield-divider-width:var(--sdds-core-time-picker-textfield-divider-width);--plasma-textfield-readonly-opacity:var(--sdds-core-time-picker-textfield-readonly-opacity);--plasma-textfield-color-readonly:var(--sdds-core-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--sdds-core-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--sdds-core-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--sdds-core-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--sdds-core-time-picker-textfield-height);--plasma-textfield-border-width:var(--sdds-core-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--sdds-core-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--sdds-core-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--sdds-core-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--sdds-core-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--sdds-core-time-picker__label-offset);--plasma-textfield__label-color:var(--sdds-core-time-picker__label-color);--plasma-textfield__label-font-family:var(--sdds-core-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--sdds-core-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--sdds-core-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--sdds-core-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--sdds-core-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--sdds-core-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--sdds-core-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--sdds-core-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--sdds-core-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--sdds-core-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--sdds-core-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--sdds-core-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--sdds-core-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--sdds-core-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--sdds-core-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--sdds-core-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--sdds-core-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--sdds-core-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--sdds-core-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--sdds-core-time-picker__indicator-placement-outer-right);--plasma-textfield__hint-margin:var(--sdds-core-time-picker-hint-margin);--plasma-textfield__hint-target-size:var(--sdds-core-time-picker-hint-target-size);--plasma-textfield__hint-custom-icon-target-size:var(--sdds-core-time-picker-hint-custom-icon-target-size);--plasma-textfield__hint-icon-color:var(--sdds-core-time-picker-hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--sdds-core-time-picker-hint-inner-label-placement-offset);--plasma-textfield__tooltip-padding-top:var(--sdds-core-time-picker-hint-tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--sdds-core-time-picker-hint-tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--sdds-core-time-picker-hint-tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--sdds-core-time-picker-hint-tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--sdds-core-time-picker-hint-tooltip-min-height);--plasma-textfield__tooltip-background-color:var(--sdds-core-time-picker-hint-tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--sdds-core-time-picker-hint-tooltip-box-shadow);--plasma-textfield__tooltip-border-radius:var(--sdds-core-time-picker-hint-tooltip-border-radius);--plasma-textfield__tooltip-color:var(--sdds-core-time-picker-hint-tooltip-color);--plasma-textfield__tooltip-text-font-family:var(--sdds-core-time-picker-hint-tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--sdds-core-time-picker-hint-tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--sdds-core-time-picker-hint-tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--sdds-core-time-picker-hint-tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--sdds-core-time-picker-hint-tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--sdds-core-time-picker-hint-tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--sdds-core-time-picker-hint-tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--sdds-core-time-picker-hint-tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--sdds-core-time-picker-hint-tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--sdds-core-time-picker-hint-tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-background:var(--sdds-core-time-picker-hint-tooltip-arrow-background);--plasma-textfield__tooltip-arrow-height:var(--sdds-core-time-picker-hint-tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--sdds-core-time-picker-hint-tooltip-arrow-edge-margin);--plasma-textfield__left-content-margin:var(--sdds-core-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--sdds-core-time-picker-textfield__right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-time-picker--textfield__right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-time-picker-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-time-picker-content-right-wrapper-margin);--plasma-textfield-font-family:var(--sdds-core-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--sdds-core-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--sdds-core-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--sdds-core-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--sdds-core-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--sdds-core-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--sdds-core-time-picker-disabled-opacity);--plasma-textfield-disabled-background-opacity:var(--sdds-core-time-picker-disabled-background-opacity);--plasma-textfield-disabled-inner-content-opacity:var(--sdds-core-time-picker-disabled-inner-content-opacity);--plasma-textfield__before-text-color:var(--sdds-core-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--sdds-core-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--sdds-core-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--sdds-core-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--sdds-core-time-picker-textfield__content-color,var(--sdds-core-time-picker-textfield-color));--plasma-textfield-content-slot-color-hover:var(--sdds-core-time-picker-textfield__content-color-hover,var(--sdds-core-time-picker-textfield-color));--plasma-textfield-content-slot-color-active:var(--sdds-core-time-picker-textfield__content-color-active,var(--sdds-core-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--sdds-core-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--sdds-core-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));--plasma-textfield-right-content-opacity-readonly:var(--sdds-core-time-picker-textfield-right-content-opacity-readonly,var(--plasma-textfield-content-right-slot-color));}.TimePicker_styles_8ghe7e_s11yow15__6b24f4f2.TimePicker_styles_8ghe7e_sddsCoreTimePickerError__6b24f4f2{--plasma-textfield-bg-color:var(--sdds-core-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--sdds-core-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--sdds-core-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--sdds-core-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--sdds-core-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--sdds-core-time-picker-textfield-border-color-error-focus);--plasma-textfield-divider-color:var(--sdds-core-time-picker-textfield-divider-color-error);}.TimePicker_styles_8ghe7e_s11yow15__6b24f4f2.TimePicker_styles_8ghe7e_sddsCoreTimePickerSuccess__6b24f4f2{--plasma-textfield-bg-color:var(--sdds-core-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--sdds-core-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--sdds-core-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--sdds-core-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--sdds-core-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--sdds-core-time-picker-textfield-border-color-success-focus);--plasma-textfield-divider-color:var(--sdds-core-time-picker-textfield-divider-color-success);}.TimePicker_styles_8ghe7e_s11yow15__6b24f4f2.TimePicker_styles_8ghe7e_sddsCoreTimePickerEdited__6b24f4f2{--plasma-textfield-bg-color:var(--sdds-core-time-picker-textfield-background-color-edited);--plasma-textfield-bg-color-hover:var(--sdds-core-time-picker-textfield-background-color-edited-hover);--plasma-textfield-bg-color-focus:var(--sdds-core-time-picker-textfield-background-color-edited-focus);--plasma-textfield-border-color:var(--sdds-core-time-picker-textfield-border-color-edited);--plasma-textfield-border-color-hover:var(--sdds-core-time-picker-textfield-border-color-edited-hover);--plasma-textfield-border-color-focus:var(--sdds-core-time-picker-textfield-border-color-edited-focus);--plasma-textfield-divider-color:var(--sdds-core-time-picker-textfield-divider-color-edited);}
-.TimePicker_styles_8ghe7e_l1uvg3ai__6b24f4f2{color:var(--sdds-core-time-picker__left-helper-color);}.TimePicker_styles_8ghe7e_l1uvg3ai__6b24f4f2.TimePicker_styles_8ghe7e_sddsCoreTimePickerError__6b24f4f2{color:var(--sdds-core-time-picker__left-helper-color-error);}.TimePicker_styles_8ghe7e_l1uvg3ai__6b24f4f2.TimePicker_styles_8ghe7e_sddsCoreTimePickerSuccess__6b24f4f2{color:var(--sdds-core-time-picker__left-helper-color-success);}.TimePicker_styles_8ghe7e_l1uvg3ai__6b24f4f2.TimePicker_styles_8ghe7e_sddsCoreTimePickerEdited__6b24f4f2{color:var(--sdds-core-time-picker__left-helper-color-edited);}
-.TimePicker_styles_8ghe7e_beryhn8__6b24f4f2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--sdds-core-time-picker-width);margin-top:var(--sdds-core-time-picker-dropdown-margin-top);}.TimePicker_styles_8ghe7e_beryhn8__6b24f4f2.TimePicker_styles_8ghe7e_sddsCoreTimePickerStretched__6b24f4f2{width:100%;}.TimePicker_styles_8ghe7e_beryhn8__6b24f4f2.TimePicker_styles_8ghe7e_sddsCoreTimePickerStretched__6b24f4f2 > div{width:100%;}.TimePicker_styles_8ghe7e_beryhn8__6b24f4f2.TimePicker_styles_8ghe7e_sddsCoreTimePickerGridRoot__6b24f4f2{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;}.TimePicker_styles_8ghe7e_beryhn8__6b24f4f2.TimePicker_styles_8ghe7e_sddsCoreTimePickerPlacementRight__6b24f4f2{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
+.TimePicker_styles_6yblkc_s1evkvqg__483ad48e{--plasma-time-picker-grid-disabled-opacity:var(--sdds-core-time-picker-disabled-opacity);--plasma-time-picker-grid-item-height:var(--sdds-core-time-picker-item-height);--plasma-time-picker-grid-item-border-radius:var(--sdds-core-time-picker-item-border-radius);--plasma-time-picker-grid-item-padding:var(--sdds-core-time-picker-item-padding);--plasma-time-picker-grid-item-hover-background:var(--sdds-core-time-picker-item-hover-background);--plasma-time-picker-grid-item-active-background:var(--sdds-core-time-picker-item-active-background);--plasma-time-picker-grid-item-focus-color:var(--sdds-core-time-picker-item-focus-color);--plasma-time-picker-grid-item-font-family:var(--sdds-core-time-picker-item-font-family);--plasma-time-picker-grid-item-font-size:var(--sdds-core-time-picker-item-font-size);--plasma-time-picker-grid-item-font-style:var(--sdds-core-time-picker-item-font-style);--plasma-time-picker-grid-item-font-weight:var(--sdds-core-time-picker-item-font-weight);--plasma-time-picker-grid-item-letter-spacing:var(--sdds-core-time-picker-item-letter-spacing);--plasma-time-picker-grid-item-line-height:var(--sdds-core-time-picker-item-line-height);--plasma-time-picker-grid-scrollbar-width:var(--sdds-core-time-picker-scrollbar-width);--plasma-time-picker-grid-scrollbar-color:var(--sdds-core-time-picker-scrollbar-color);--plasma-time-picker-grid-scrollbar-track-color:var(--sdds-core-time-picker-scrollbar-track-color);--plasma-time-picker-grid-scrollbar-margin:var(--sdds-core-time-picker-scrollbar-margin);background:var(--sdds-core-time-picker-ui-background);border-radius:var(--sdds-core-time-picker-ui-border-radius);padding:var(--sdds-core-time-picker-ui-padding);box-shadow:var(--sdds-core-time-picker-ui-box-shadow);width:var(--s1evkvqg-0);height:var(--s1evkvqg-1);}
+.TimePicker_styles_6yblkc_s11yow15__483ad48e{width:100%;--plasma-textfield-color:var(--sdds-core-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--sdds-core-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--sdds-core-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--sdds-core-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--sdds-core-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--sdds-core-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--sdds-core-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--sdds-core-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--sdds-core-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--sdds-core-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--sdds-core-time-picker_range-border-color-focus);--plasma-textfield-box-shadow:var(--sdds-core-time-picker-textfield-box-shadow);--plasma-textfield-box-shadow-secondary:var(--sdds-core-time-picker-textfield-box-shadow-secondary);--plasma-textfield-divider-color:var(--sdds-core-time-picker-textfield-divider-color);--plasma-textfield-divider-color-hover:var(--sdds-core-time-picker-textfield-divider-color-hover);--plasma-textfield-divider-color-focus:var(--sdds-core-time-picker-textfield-divider-color-focus);--plasma-textfield-divider-color-readonly:var(--sdds-core-time-picker-textfield-divider-color-readonly);--plasma-textfield-divider-width:var(--sdds-core-time-picker-textfield-divider-width);--plasma-textfield-readonly-opacity:var(--sdds-core-time-picker-textfield-readonly-opacity);--plasma-textfield-color-readonly:var(--sdds-core-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--sdds-core-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--sdds-core-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--sdds-core-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--sdds-core-time-picker-textfield-height);--plasma-textfield-border-width:var(--sdds-core-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--sdds-core-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--sdds-core-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--sdds-core-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--sdds-core-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--sdds-core-time-picker__label-offset);--plasma-textfield__label-color:var(--sdds-core-time-picker__label-color);--plasma-textfield__label-font-family:var(--sdds-core-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--sdds-core-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--sdds-core-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--sdds-core-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--sdds-core-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--sdds-core-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--sdds-core-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--sdds-core-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--sdds-core-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--sdds-core-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--sdds-core-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--sdds-core-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--sdds-core-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--sdds-core-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--sdds-core-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--sdds-core-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--sdds-core-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--sdds-core-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--sdds-core-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--sdds-core-time-picker__indicator-placement-outer-right);--plasma-textfield__hint-margin:var(--sdds-core-time-picker-hint-margin);--plasma-textfield__hint-target-size:var(--sdds-core-time-picker-hint-target-size);--plasma-textfield__hint-custom-icon-target-size:var(--sdds-core-time-picker-hint-custom-icon-target-size);--plasma-textfield__hint-icon-color:var(--sdds-core-time-picker-hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--sdds-core-time-picker-hint-inner-label-placement-offset);--plasma-textfield__tooltip-padding-top:var(--sdds-core-time-picker-hint-tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--sdds-core-time-picker-hint-tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--sdds-core-time-picker-hint-tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--sdds-core-time-picker-hint-tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--sdds-core-time-picker-hint-tooltip-min-height);--plasma-textfield__tooltip-background-color:var(--sdds-core-time-picker-hint-tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--sdds-core-time-picker-hint-tooltip-box-shadow);--plasma-textfield__tooltip-border-radius:var(--sdds-core-time-picker-hint-tooltip-border-radius);--plasma-textfield__tooltip-color:var(--sdds-core-time-picker-hint-tooltip-color);--plasma-textfield__tooltip-text-font-family:var(--sdds-core-time-picker-hint-tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--sdds-core-time-picker-hint-tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--sdds-core-time-picker-hint-tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--sdds-core-time-picker-hint-tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--sdds-core-time-picker-hint-tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--sdds-core-time-picker-hint-tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--sdds-core-time-picker-hint-tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--sdds-core-time-picker-hint-tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--sdds-core-time-picker-hint-tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--sdds-core-time-picker-hint-tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-background:var(--sdds-core-time-picker-hint-tooltip-arrow-background);--plasma-textfield__tooltip-arrow-height:var(--sdds-core-time-picker-hint-tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--sdds-core-time-picker-hint-tooltip-arrow-edge-margin);--plasma-textfield__left-content-margin:var(--sdds-core-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--sdds-core-time-picker-textfield__right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-time-picker--textfield__right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-time-picker-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-time-picker-content-right-wrapper-margin);--plasma-textfield-font-family:var(--sdds-core-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--sdds-core-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--sdds-core-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--sdds-core-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--sdds-core-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--sdds-core-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--sdds-core-time-picker-disabled-opacity);--plasma-textfield-disabled-background-opacity:var(--sdds-core-time-picker-disabled-background-opacity);--plasma-textfield-disabled-inner-content-opacity:var(--sdds-core-time-picker-disabled-inner-content-opacity);--plasma-textfield__before-text-color:var(--sdds-core-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--sdds-core-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--sdds-core-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--sdds-core-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--sdds-core-time-picker-textfield__content-color,var(--sdds-core-time-picker-textfield-color));--plasma-textfield-content-slot-color-hover:var(--sdds-core-time-picker-textfield__content-color-hover,var(--sdds-core-time-picker-textfield-color));--plasma-textfield-content-slot-color-active:var(--sdds-core-time-picker-textfield__content-color-active,var(--sdds-core-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--sdds-core-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--sdds-core-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));--plasma-textfield-right-content-opacity-readonly:var(--sdds-core-time-picker-textfield-right-content-opacity-readonly,var(--plasma-textfield-content-right-slot-color));}.TimePicker_styles_6yblkc_s11yow15__483ad48e.TimePicker_styles_6yblkc_sddsCoreTimePickerError__483ad48e{--plasma-textfield-bg-color:var(--sdds-core-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--sdds-core-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--sdds-core-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--sdds-core-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--sdds-core-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--sdds-core-time-picker-textfield-border-color-error-focus);--plasma-textfield-divider-color:var(--sdds-core-time-picker-textfield-divider-color-error);}.TimePicker_styles_6yblkc_s11yow15__483ad48e.TimePicker_styles_6yblkc_sddsCoreTimePickerSuccess__483ad48e{--plasma-textfield-bg-color:var(--sdds-core-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--sdds-core-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--sdds-core-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--sdds-core-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--sdds-core-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--sdds-core-time-picker-textfield-border-color-success-focus);--plasma-textfield-divider-color:var(--sdds-core-time-picker-textfield-divider-color-success);}.TimePicker_styles_6yblkc_s11yow15__483ad48e.TimePicker_styles_6yblkc_sddsCoreTimePickerEdited__483ad48e{--plasma-textfield-bg-color:var(--sdds-core-time-picker-textfield-background-color-edited);--plasma-textfield-bg-color-hover:var(--sdds-core-time-picker-textfield-background-color-edited-hover);--plasma-textfield-bg-color-focus:var(--sdds-core-time-picker-textfield-background-color-edited-focus);--plasma-textfield-border-color:var(--sdds-core-time-picker-textfield-border-color-edited);--plasma-textfield-border-color-hover:var(--sdds-core-time-picker-textfield-border-color-edited-hover);--plasma-textfield-border-color-focus:var(--sdds-core-time-picker-textfield-border-color-edited-focus);--plasma-textfield-divider-color:var(--sdds-core-time-picker-textfield-divider-color-edited);}
+.TimePicker_styles_6yblkc_l1uvg3ai__483ad48e{color:var(--sdds-core-time-picker__left-helper-color);}.TimePicker_styles_6yblkc_l1uvg3ai__483ad48e.TimePicker_styles_6yblkc_sddsCoreTimePickerError__483ad48e{color:var(--sdds-core-time-picker__left-helper-color-error);}.TimePicker_styles_6yblkc_l1uvg3ai__483ad48e.TimePicker_styles_6yblkc_sddsCoreTimePickerSuccess__483ad48e{color:var(--sdds-core-time-picker__left-helper-color-success);}.TimePicker_styles_6yblkc_l1uvg3ai__483ad48e.TimePicker_styles_6yblkc_sddsCoreTimePickerEdited__483ad48e{color:var(--sdds-core-time-picker__left-helper-color-edited);}
+.TimePicker_styles_6yblkc_beryhn8__483ad48e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--sdds-core-time-picker-width);margin-top:var(--sdds-core-time-picker-dropdown-margin-top);}.TimePicker_styles_6yblkc_beryhn8__483ad48e.TimePicker_styles_6yblkc_sddsCoreTimePickerStretched__483ad48e{width:100%;}.TimePicker_styles_6yblkc_beryhn8__483ad48e.TimePicker_styles_6yblkc_sddsCoreTimePickerStretched__483ad48e > div{width:100%;}.TimePicker_styles_6yblkc_beryhn8__483ad48e.TimePicker_styles_6yblkc_sddsCoreTimePickerGridRoot__483ad48e{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;}.TimePicker_styles_6yblkc_beryhn8__483ad48e.TimePicker_styles_6yblkc_sddsCoreTimePickerPlacementRight__483ad48e{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
 
 .base_1qq6sla_byf4yp2__ae51cc00 .base_1qq6sla_l1uvg3ai__ae51cc00{margin:var(--sdds-core-time-picker__left-helper-offset);font-family:var(--sdds-core-time-picker__left-helper-font-family);font-size:var(--sdds-core-time-picker__left-helper-font-size);font-style:var(--sdds-core-time-picker__left-helper-font-style);font-weight:var(--sdds-core-time-picker__left-helper-font-weight);-webkit-letter-spacing:var(--sdds-core-time-picker__left-helper-letter-spacing);-moz-letter-spacing:var(--sdds-core-time-picker__left-helper-letter-spacing);-ms-letter-spacing:var(--sdds-core-time-picker__left-helper-letter-spacing);letter-spacing:var(--sdds-core-time-picker__left-helper-letter-spacing);line-height:var(--sdds-core-time-picker__left-helper-line-height);}
 

package/dist/css/cjs/components/TimePicker/TimePicker.styles.js

@@ -1,4 +1,4 @@
-require('./TimePicker.styles_8ghe7e.css');
+require('./TimePicker.styles_6yblkc.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/css/cjs/components/TimePicker/TimePicker.styles_6yblkc.css

@@ -0,0 +1,7 @@
+.f1shtld9{position:relative;width:100%;}
+
+
+.s1evkvqg{--plasma-time-picker-grid-disabled-opacity:var(--sdds-core-time-picker-disabled-opacity);--plasma-time-picker-grid-item-height:var(--sdds-core-time-picker-item-height);--plasma-time-picker-grid-item-border-radius:var(--sdds-core-time-picker-item-border-radius);--plasma-time-picker-grid-item-padding:var(--sdds-core-time-picker-item-padding);--plasma-time-picker-grid-item-hover-background:var(--sdds-core-time-picker-item-hover-background);--plasma-time-picker-grid-item-active-background:var(--sdds-core-time-picker-item-active-background);--plasma-time-picker-grid-item-focus-color:var(--sdds-core-time-picker-item-focus-color);--plasma-time-picker-grid-item-font-family:var(--sdds-core-time-picker-item-font-family);--plasma-time-picker-grid-item-font-size:var(--sdds-core-time-picker-item-font-size);--plasma-time-picker-grid-item-font-style:var(--sdds-core-time-picker-item-font-style);--plasma-time-picker-grid-item-font-weight:var(--sdds-core-time-picker-item-font-weight);--plasma-time-picker-grid-item-letter-spacing:var(--sdds-core-time-picker-item-letter-spacing);--plasma-time-picker-grid-item-line-height:var(--sdds-core-time-picker-item-line-height);--plasma-time-picker-grid-scrollbar-width:var(--sdds-core-time-picker-scrollbar-width);--plasma-time-picker-grid-scrollbar-color:var(--sdds-core-time-picker-scrollbar-color);--plasma-time-picker-grid-scrollbar-track-color:var(--sdds-core-time-picker-scrollbar-track-color);--plasma-time-picker-grid-scrollbar-margin:var(--sdds-core-time-picker-scrollbar-margin);background:var(--sdds-core-time-picker-ui-background);border-radius:var(--sdds-core-time-picker-ui-border-radius);padding:var(--sdds-core-time-picker-ui-padding);box-shadow:var(--sdds-core-time-picker-ui-box-shadow);width:var(--s1evkvqg-0);height:var(--s1evkvqg-1);}
+.s11yow15{width:100%;--plasma-textfield-color:var(--sdds-core-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--sdds-core-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--sdds-core-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--sdds-core-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--sdds-core-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--sdds-core-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--sdds-core-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--sdds-core-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--sdds-core-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--sdds-core-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--sdds-core-time-picker_range-border-color-focus);--plasma-textfield-box-shadow:var(--sdds-core-time-picker-textfield-box-shadow);--plasma-textfield-box-shadow-secondary:var(--sdds-core-time-picker-textfield-box-shadow-secondary);--plasma-textfield-divider-color:var(--sdds-core-time-picker-textfield-divider-color);--plasma-textfield-divider-color-hover:var(--sdds-core-time-picker-textfield-divider-color-hover);--plasma-textfield-divider-color-focus:var(--sdds-core-time-picker-textfield-divider-color-focus);--plasma-textfield-divider-color-readonly:var(--sdds-core-time-picker-textfield-divider-color-readonly);--plasma-textfield-divider-width:var(--sdds-core-time-picker-textfield-divider-width);--plasma-textfield-readonly-opacity:var(--sdds-core-time-picker-textfield-readonly-opacity);--plasma-textfield-color-readonly:var(--sdds-core-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--sdds-core-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--sdds-core-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--sdds-core-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--sdds-core-time-picker-textfield-height);--plasma-textfield-border-width:var(--sdds-core-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--sdds-core-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--sdds-core-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--sdds-core-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--sdds-core-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--sdds-core-time-picker__label-offset);--plasma-textfield__label-color:var(--sdds-core-time-picker__label-color);--plasma-textfield__label-font-family:var(--sdds-core-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--sdds-core-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--sdds-core-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--sdds-core-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--sdds-core-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--sdds-core-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--sdds-core-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--sdds-core-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--sdds-core-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--sdds-core-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--sdds-core-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--sdds-core-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--sdds-core-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--sdds-core-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--sdds-core-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--sdds-core-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--sdds-core-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--sdds-core-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--sdds-core-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--sdds-core-time-picker__indicator-placement-outer-right);--plasma-textfield__hint-margin:var(--sdds-core-time-picker-hint-margin);--plasma-textfield__hint-target-size:var(--sdds-core-time-picker-hint-target-size);--plasma-textfield__hint-custom-icon-target-size:var(--sdds-core-time-picker-hint-custom-icon-target-size);--plasma-textfield__hint-icon-color:var(--sdds-core-time-picker-hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--sdds-core-time-picker-hint-inner-label-placement-offset);--plasma-textfield__tooltip-padding-top:var(--sdds-core-time-picker-hint-tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--sdds-core-time-picker-hint-tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--sdds-core-time-picker-hint-tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--sdds-core-time-picker-hint-tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--sdds-core-time-picker-hint-tooltip-min-height);--plasma-textfield__tooltip-background-color:var(--sdds-core-time-picker-hint-tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--sdds-core-time-picker-hint-tooltip-box-shadow);--plasma-textfield__tooltip-border-radius:var(--sdds-core-time-picker-hint-tooltip-border-radius);--plasma-textfield__tooltip-color:var(--sdds-core-time-picker-hint-tooltip-color);--plasma-textfield__tooltip-text-font-family:var(--sdds-core-time-picker-hint-tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--sdds-core-time-picker-hint-tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--sdds-core-time-picker-hint-tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--sdds-core-time-picker-hint-tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--sdds-core-time-picker-hint-tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--sdds-core-time-picker-hint-tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--sdds-core-time-picker-hint-tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--sdds-core-time-picker-hint-tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--sdds-core-time-picker-hint-tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--sdds-core-time-picker-hint-tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-background:var(--sdds-core-time-picker-hint-tooltip-arrow-background);--plasma-textfield__tooltip-arrow-height:var(--sdds-core-time-picker-hint-tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--sdds-core-time-picker-hint-tooltip-arrow-edge-margin);--plasma-textfield__left-content-margin:var(--sdds-core-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--sdds-core-time-picker-textfield__right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-time-picker--textfield__right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-time-picker-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-time-picker-content-right-wrapper-margin);--plasma-textfield-font-family:var(--sdds-core-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--sdds-core-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--sdds-core-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--sdds-core-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--sdds-core-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--sdds-core-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--sdds-core-time-picker-disabled-opacity);--plasma-textfield-disabled-background-opacity:var(--sdds-core-time-picker-disabled-background-opacity);--plasma-textfield-disabled-inner-content-opacity:var(--sdds-core-time-picker-disabled-inner-content-opacity);--plasma-textfield__before-text-color:var(--sdds-core-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--sdds-core-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--sdds-core-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--sdds-core-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--sdds-core-time-picker-textfield__content-color,var(--sdds-core-time-picker-textfield-color));--plasma-textfield-content-slot-color-hover:var(--sdds-core-time-picker-textfield__content-color-hover,var(--sdds-core-time-picker-textfield-color));--plasma-textfield-content-slot-color-active:var(--sdds-core-time-picker-textfield__content-color-active,var(--sdds-core-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--sdds-core-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--sdds-core-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));--plasma-textfield-right-content-opacity-readonly:var(--sdds-core-time-picker-textfield-right-content-opacity-readonly,var(--plasma-textfield-content-right-slot-color));}.s11yow15.sdds-core-time-picker-error{--plasma-textfield-bg-color:var(--sdds-core-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--sdds-core-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--sdds-core-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--sdds-core-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--sdds-core-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--sdds-core-time-picker-textfield-border-color-error-focus);--plasma-textfield-divider-color:var(--sdds-core-time-picker-textfield-divider-color-error);}.s11yow15.sdds-core-time-picker-success{--plasma-textfield-bg-color:var(--sdds-core-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--sdds-core-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--sdds-core-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--sdds-core-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--sdds-core-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--sdds-core-time-picker-textfield-border-color-success-focus);--plasma-textfield-divider-color:var(--sdds-core-time-picker-textfield-divider-color-success);}.s11yow15.sdds-core-time-picker-edited{--plasma-textfield-bg-color:var(--sdds-core-time-picker-textfield-background-color-edited);--plasma-textfield-bg-color-hover:var(--sdds-core-time-picker-textfield-background-color-edited-hover);--plasma-textfield-bg-color-focus:var(--sdds-core-time-picker-textfield-background-color-edited-focus);--plasma-textfield-border-color:var(--sdds-core-time-picker-textfield-border-color-edited);--plasma-textfield-border-color-hover:var(--sdds-core-time-picker-textfield-border-color-edited-hover);--plasma-textfield-border-color-focus:var(--sdds-core-time-picker-textfield-border-color-edited-focus);--plasma-textfield-divider-color:var(--sdds-core-time-picker-textfield-divider-color-edited);}
+.l1uvg3ai{color:var(--sdds-core-time-picker__left-helper-color);}.l1uvg3ai.sdds-core-time-picker-error{color:var(--sdds-core-time-picker__left-helper-color-error);}.l1uvg3ai.sdds-core-time-picker-success{color:var(--sdds-core-time-picker__left-helper-color-success);}.l1uvg3ai.sdds-core-time-picker-edited{color:var(--sdds-core-time-picker__left-helper-color-edited);}
+.beryhn8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--sdds-core-time-picker-width);margin-top:var(--sdds-core-time-picker-dropdown-margin-top);}.beryhn8.sdds-core-time-picker-stretched{width:100%;}.beryhn8.sdds-core-time-picker-stretched > div{width:100%;}.beryhn8.sdds-core-time-picker-grid-root{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;}.beryhn8.sdds-core-time-picker-placement-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}

package/dist/css/cjs/components/TimePicker/TimePicker.tokens.js

@@ -89,6 +89,7 @@ var tokens = {
   textFieldBorderColorEditedHover: '--sdds-core-time-picker-textfield-border-color-edited-hover',
   textFieldBorderColorEditedFocus: '--sdds-core-time-picker-textfield-border-color-edited-focus',
   textFieldBoxShadow: '--sdds-core-time-picker-textfield-box-shadow',
+  textFieldBoxShadowSecondary: '--sdds-core-time-picker-textfield-box-shadow-secondary',
   textFieldDividerColor: '--sdds-core-time-picker-textfield-divider-color',
   textFieldDividerColorHover: '--sdds-core-time-picker-textfield-divider-color-hover',
   textFieldDividerColorFocus: '--sdds-core-time-picker-textfield-divider-color-focus',

package/dist/css/cjs/components/Tooltip/Tooltip.js

@@ -11,6 +11,7 @@ var Tooltip_styles = require('./Tooltip.styles.js');
 var base = require('./variations/_view/base.js');
 var base$1 = require('./variations/_size/base.js');
 var useDelayedTooltip = require('./hooks/useDelayedTooltip.js');
+var canUseDOM = require('../../utils/canUseDOM.js');
 var common = require('../../engines/common.js');
 var Popover$1 = require('../Popover/Popover.js');
 
@@ -82,7 +83,9 @@ var tooltipRoot = function tooltipRoot(Root) {
       openedState = _useDelayedTooltip.opened,
       showTooltip = _useDelayedTooltip.showTooltip,
       hideTooltip = _useDelayedTooltip.hideTooltip,
+      resetTooltip = _useDelayedTooltip.resetTooltip,
       setOpened = _useDelayedTooltip.setOpened;
+    var ignoreNextFocusRef = React.useRef(false);
     var isTooltipOpened = Boolean(text) && (isVisible || isOpen || opened || openedState);
     React.useEffect(function () {
       var onKeyDown = function onKeyDown(event) {
@@ -95,7 +98,40 @@ var tooltipRoot = function tooltipRoot(Root) {
         window.removeEventListener('keydown', onKeyDown);
       };
     }, []);
-    var onToggle = function onToggle(isOpen) {
+    React.useEffect(function () {
+      if (trigger !== 'hover') {
+        ignoreNextFocusRef.current = false;
+        return undefined;
+      }
+      var onVisibilityChange = function onVisibilityChange() {
+        if (canUseDOM.canUseDOM && document.visibilityState === 'hidden') {
+          ignoreNextFocusRef.current = true;
+          resetTooltip();
+        }
+      };
+      var onUserInteraction = function onUserInteraction() {
+        ignoreNextFocusRef.current = false;
+      };
+      document.addEventListener('visibilitychange', onVisibilityChange);
+      document.addEventListener('pointerdown', onUserInteraction, true);
+      document.addEventListener('keydown', onUserInteraction, true);
+      return function () {
+        document.removeEventListener('visibilitychange', onVisibilityChange);
+        document.removeEventListener('pointerdown', onUserInteraction, true);
+        document.removeEventListener('keydown', onUserInteraction, true);
+      };
+    }, [resetTooltip, trigger]);
+    var onToggle = function onToggle(isOpen, event) {
+      if (canUseDOM.canUseDOM && isOpen && document.visibilityState === 'hidden') {
+        return;
+      }
+      if (isOpen && event.type === 'focus' && ignoreNextFocusRef.current) {
+        // Возврат на вкладку восстанавливает фокус последнего активного target,
+        // но не является новым пользовательским действием для открытия Tooltip.
+        ignoreNextFocusRef.current = false;
+        return;
+      }
+      ignoreNextFocusRef.current = false;
       if (trigger === 'hover') {
         if (isOpen) {
           showTooltip();

package/dist/css/cjs/components/Tooltip/hooks/useDelayedTooltip.js

@@ -12,7 +12,7 @@ var useDelayedTooltip = function useDelayedTooltip(openDelay, closeDelay) {
     setOpened = _useState2[1];
   var openTimeoutRef = React.useRef(null);
   var closeTimeoutRef = React.useRef(null);
-  var clearTimeouts = function clearTimeouts() {
+  var clearTimeouts = React.useCallback(function () {
     if (openTimeoutRef.current) {
       clearTimeout(openTimeoutRef.current);
       openTimeoutRef.current = null;
@@ -21,27 +21,32 @@ var useDelayedTooltip = function useDelayedTooltip(openDelay, closeDelay) {
       clearTimeout(closeTimeoutRef.current);
       closeTimeoutRef.current = null;
     }
-  };
-  var showTooltip = function showTooltip() {
+  }, []);
+  var showTooltip = React.useCallback(function () {
     clearTimeouts();
     openTimeoutRef.current = setTimeout(function () {
       setOpened(true);
     }, openDelay);
-  };
-  var hideTooltip = function hideTooltip() {
+  }, [clearTimeouts, openDelay]);
+  var hideTooltip = React.useCallback(function () {
     clearTimeouts();
     closeTimeoutRef.current = setTimeout(function () {
       setOpened(false);
     }, closeDelay);
-  };
+  }, [clearTimeouts, closeDelay]);
+  var resetTooltip = React.useCallback(function () {
+    clearTimeouts();
+    setOpened(false);
+  }, [clearTimeouts]);
   React.useEffect(function () {
     return clearTimeouts;
-  }, []);
+  }, [clearTimeouts]);
   return {
     opened: opened,
     setOpened: setOpened,
     showTooltip: showTooltip,
-    hideTooltip: hideTooltip
+    hideTooltip: hideTooltip,
+    resetTooltip: resetTooltip
   };
 };
 

package/dist/css/cjs/components/Tour/Tour.css

@@ -2,10 +2,10 @@
 
 .Resizable_styles_1szd1k4_i1ij5aum__0a826aeb{color:var(--text-secondary);}.Resizable_styles_1szd1k4_i1ij5aum__0a826aeb:hover{color:var(--text-secondary-hover);}.Resizable_styles_1szd1k4_i1ij5aum__0a826aeb:active{color:var(--text-secondary-active);}.Resizable_styles_1szd1k4_i1ij5aum__0a826aeb.Resizable_styles_1szd1k4_resizableTopRightIcon__0a826aeb{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1szd1k4_i1ij5aum__0a826aeb.Resizable_styles_1szd1k4_resizableBottomRightIcon__0a826aeb{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1szd1k4_i1ij5aum__0a826aeb.Resizable_styles_1szd1k4_resizableBottomLeftIcon__0a826aeb{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1szd1k4_i1ij5aum__0a826aeb.Resizable_styles_1szd1k4_resizableTopLeftIcon__0a826aeb{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 
-.Popover_styles_wo1y9u_b9iw01k__dbf215eb{border-radius:var(--plasma-popover-border-radius);}
-.Popover_styles_wo1y9u_wy49zyb__dbf215eb{position:relative;background:var(--plasma-popover-background-color);padding:var(--plasma-popover-padding);border-radius:var(--plasma-popover-border-radius);box-shadow:var(--plasma-popover-box-shadow);-webkit-filter:var(--plasma-popover-drop-shadow,none);filter:var(--plasma-popover-drop-shadow,none);width:100%;height:100%;box-sizing:border-box;}
-.Popover_styles_wo1y9u_c1elsyff__dbf215eb{position:absolute;top:var(--plasma-popover-icon-offset);right:var(--plasma-popover-icon-offset);padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0;color:var(--plasma-popover-icon-color);}.Popover_styles_wo1y9u_c1elsyff__dbf215eb:hover{color:var(--plasma-popover-icon-color-hover);}.Popover_styles_wo1y9u_c1elsyff__dbf215eb:active{color:var(--plasma-popover-icon-color-active);}
-.Popover_styles_wo1y9u_t1ndukn0__dbf215eb{position:absolute;pointer-events:none;width:var(--t1ndukn0-0);height:var(--t1ndukn0-1);top:var(--t1ndukn0-2);right:var(--t1ndukn0-3);bottom:var(--t1ndukn0-4);left:var(--t1ndukn0-5);}.Popover_styles_wo1y9u_t1ndukn0__dbf215eb::before{content:'';position:absolute;top:50%;left:50%;width:var(--plasma-popover-tail-width);height:var(--plasma-popover-tail-height);background:var(--plasma-popover-background-color);-webkit-transform:translate(-50%,-50%) var(--t1ndukn0-6);-ms-transform:translate(-50%,-50%) var(--t1ndukn0-6);transform:translate(-50%,-50%) var(--t1ndukn0-6);-webkit-clip-path:shape( from 100% 100%, line to 0% 100%, curve to 50% 0% with calc(25% - var(--plasma-popover-tail-side-curvature) * 1.24939) calc(50% - var(--plasma-popover-tail-side-curvature) * 3.90435), curve to 100% 100% with calc(75% + var(--plasma-popover-tail-side-curvature) * 1.24939) calc(50% - var(--plasma-popover-tail-side-curvature) * 3.90435), close );clip-path:shape( from 100% 100%, line to 0% 100%, curve to 50% 0% with calc(25% - var(--plasma-popover-tail-side-curvature) * 1.24939) calc(50% - var(--plasma-popover-tail-side-curvature) * 3.90435), curve to 100% 100% with calc(75% + var(--plasma-popover-tail-side-curvature) * 1.24939) calc(50% - var(--plasma-popover-tail-side-curvature) * 3.90435), close );}
+.Popover_styles_1go1jhe_b9iw01k__31d28c69{border-radius:var(--plasma-popover-border-radius);outline:none;}
+.Popover_styles_1go1jhe_wy49zyb__31d28c69{position:relative;background:var(--plasma-popover-background-color);padding:var(--plasma-popover-padding);border-radius:var(--plasma-popover-border-radius);box-shadow:var(--plasma-popover-box-shadow);-webkit-filter:var(--plasma-popover-drop-shadow,none);filter:var(--plasma-popover-drop-shadow,none);width:100%;height:100%;box-sizing:border-box;}
+.Popover_styles_1go1jhe_c1elsyff__31d28c69{position:absolute;top:var(--plasma-popover-icon-offset);right:var(--plasma-popover-icon-offset);padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0;color:var(--plasma-popover-icon-color);}.Popover_styles_1go1jhe_c1elsyff__31d28c69:hover{color:var(--plasma-popover-icon-color-hover);}.Popover_styles_1go1jhe_c1elsyff__31d28c69:active{color:var(--plasma-popover-icon-color-active);}
+.Popover_styles_1go1jhe_t1ndukn0__31d28c69{position:absolute;pointer-events:none;width:var(--t1ndukn0-0);height:var(--t1ndukn0-1);top:var(--t1ndukn0-2);right:var(--t1ndukn0-3);bottom:var(--t1ndukn0-4);left:var(--t1ndukn0-5);}.Popover_styles_1go1jhe_t1ndukn0__31d28c69::before{content:'';position:absolute;top:50%;left:50%;width:var(--plasma-popover-tail-width);height:var(--plasma-popover-tail-height);background:var(--plasma-popover-background-color);-webkit-transform:translate(-50%,-50%) var(--t1ndukn0-6);-ms-transform:translate(-50%,-50%) var(--t1ndukn0-6);transform:translate(-50%,-50%) var(--t1ndukn0-6);-webkit-clip-path:shape( from 100% 100%, line to 0% 100%, curve to 50% 0% with calc(25% - var(--plasma-popover-tail-side-curvature) * 1.24939) calc(50% - var(--plasma-popover-tail-side-curvature) * 3.90435), curve to 100% 100% with calc(75% + var(--plasma-popover-tail-side-curvature) * 1.24939) calc(50% - var(--plasma-popover-tail-side-curvature) * 3.90435), close );clip-path:shape( from 100% 100%, line to 0% 100%, curve to 50% 0% with calc(25% - var(--plasma-popover-tail-side-curvature) * 1.24939) calc(50% - var(--plasma-popover-tail-side-curvature) * 3.90435), curve to 100% 100% with calc(75% + var(--plasma-popover-tail-side-curvature) * 1.24939) calc(50% - var(--plasma-popover-tail-side-curvature) * 3.90435), close );}
 
 .Tour_styles_1mh0w9l_m6y27op__185e9e4a{z-index:var(--m6y27op-0);}
 .Tour_styles_1mh0w9l_mety01q__185e9e4a{position:fixed;inset:0;pointer-events:all;}

package/dist/css/cjs/components/Tour/components/Card/Card.css

@@ -29,15 +29,16 @@
 
 .IconButton_styles_1ek7d1f_blr36gw__03e8ec5e{--box-shadow-spread:var(--plasma-button-border-width,0.063rem);position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color,inset 0 0 0 0 transparent);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-border-color:var(--plasma-icon-button-border-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-border-color-hover:var(--plasma-icon-button-border-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-border-color-active:var(--plasma-icon-button-border-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);--plasma-button-border-width:var(--plasma-icon-button-border-width);}a.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonSquare__03e8ec5e{width:var(--plasma-button-height);padding:0;}@media (hover:hover) and (pointer:fine){.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-hover,inset 0 0 0 0 transparent);scale:var(--plasma-button-scale-hover);}}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));box-shadow:inset 0 0 0 var(--box-shadow-spread) var(--plasma-button-border-color-active,inset 0 0 0 0 transparent);scale:var(---plasma-button-scale-active);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e:focus-visible{outline:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(0.125rem + var(--plasma_private-btn-br));outline:var(--plasma_private-btn-outline-size) solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_focusVisible__03e8ec5e:focus::before,.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[data-focus-visible-added]::before{outline-color:var(--plasma-button-focus-color);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}@media (hover:hover) and (pointer:fine){.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]:hover,.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingFixed__03e8ec5e{width:var(--plasma-button-width);}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingFilled__03e8ec5e{width:100%;}.IconButton_styles_1ek7d1f_blr36gw__03e8ec5e.IconButton_styles_1ek7d1f_buttonStretchingAuto__03e8ec5e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 
-.Card_styles_m0p57t_tbc7s1g__09659e5e{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:var(--tbc7s1g-0);-ms-flex-direction:var(--tbc7s1g-0);flex-direction:var(--tbc7s1g-0);padding:var(--sdds-core-tour-card-card-padding);background:var(--sdds-core-tour-card-card-background);border-radius:var(--sdds-core-tour-card-border-radius);box-sizing:border-box;width:var(--tbc7s1g-1);height:var(--tbc7s1g-2);max-height:var(--tbc7s1g-3);gap:var(--tbc7s1g-4);}
-.Card_styles_m0p57t_c1cvsi6y__09659e5e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1;-ms-flex:1;flex:1;}
-.Card_styles_m0p57t_i1o2e5sn__09659e5e{width:var(--i1o2e5sn-0);height:var(--i1o2e5sn-1);border-radius:calc(var(--sdds-core-tour-card-border-radius) - var(--sdds-core-tour-card-card-padding));}
-.Card_styles_m0p57t_ckcs0i4__09659e5e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--sdds-core-tour-card-text-padding);padding:var(--ckcs0i4-0);gap:var(--sdds-core-tour-card-text-gap);}
-.Card_styles_m0p57t_t15yp80a__09659e5e{color:var(--sdds-core-tour-card-title-color);font-family:var(--sdds-core-tour-card-title-font-family);font-size:var(--sdds-core-tour-card-title-font-size);font-style:var(--sdds-core-tour-card-title-font-style);-webkit-letter-spacing:var(--sdds-core-tour-card-title-font-letter-spacing);-moz-letter-spacing:var(--sdds-core-tour-card-title-font-letter-spacing);-ms-letter-spacing:var(--sdds-core-tour-card-title-font-letter-spacing);letter-spacing:var(--sdds-core-tour-card-title-font-letter-spacing);line-height:var(--sdds-core-tour-card-title-font-line-height);font-weight:var(--sdds-core-tour-card-title-font-weight);}
-.Card_styles_m0p57t_d1cs9yrc__09659e5e{color:var(--sdds-core-tour-card-description-color);font-family:var(--sdds-core-tour-card-description-font-family);font-size:var(--sdds-core-tour-card-description-font-size);font-style:var(--sdds-core-tour-card-description-font-style);line-height:var(--sdds-core-tour-card-description-font-line-height);font-weight:var(--sdds-core-tour-card-description-font-weight);}
-.Card_styles_m0p57t_c17sry1y__09659e5e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:var(--c17sry1y-0);-ms-flex-direction:var(--c17sry1y-0);flex-direction:var(--c17sry1y-0);-webkit-align-items:var(--c17sry1y-1);-webkit-box-align:var(--c17sry1y-1);-ms-flex-align:var(--c17sry1y-1);align-items:var(--c17sry1y-1);-webkit-box-pack:var(--c17sry1y-2);-webkit-justify-content:var(--c17sry1y-2);-ms-flex-pack:var(--c17sry1y-2);justify-content:var(--c17sry1y-2);}
-.Card_styles_m0p57t_d1mvnxmw__09659e5e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:var(--d1mvnxmw-0);padding:0;list-style:none;gap:var(--sdds-core-tour-card-pagination-dots-gap);}
-.Card_styles_m0p57t_d1uwxd7k__09659e5e{width:var(--sdds-core-tour-card-pagination-dot-size);height:var(--sdds-core-tour-card-pagination-dot-size);cursor:pointer;border-radius:50%;background:var(--d1uwxd7k-0);-webkit-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out;}.Card_styles_m0p57t_d1uwxd7k__09659e5e:hover{background:var(--d1uwxd7k-1);}.Card_styles_m0p57t_d1uwxd7k__09659e5e:active{background:var(--d1uwxd7k-2);}
-.Card_styles_m0p57t_aof2pbk__09659e5e{margin:var(--aof2pbk-0);-webkit-order:var(--aof2pbk-1);-ms-flex-order:var(--aof2pbk-1);order:var(--aof2pbk-1);}
-.Card_styles_m0p57t_s1d55h5t__09659e5e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:var(--s1d55h5t-0);}
-.Card_styles_m0p57t_cvdlr61__09659e5e{position:absolute;top:1rem;right:1rem;--plasma-icon-button-color:var(--sdds-core-tour-card-close-button-color);--plasma-icon-button-background-color:var(--sdds-core-tour-card-close-button-background-color);--plasma-icon-button-color-hover:var(--sdds-core-tour-card-close-button-color-hover);--plasma-icon-button-color-active:var(--sdds-core-tour-card-close-button-color-active);--plasma-icon-button-height:var(--sdds-core-tour-card-close-button-width);--plasma-icon-button-width:var(--sdds-core-tour-card-close-button-height);--plasma-icon-button-radius:var(--sdds-core-tour-card-close-button-radius);--plasma-icon-button-focus-color:var(--sdds-core-tour-card-close-button-focus-color);}
+.Card_styles_1iom4f3_tbc7s1g__03d2546d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:var(--tbc7s1g-0);-ms-flex-direction:var(--tbc7s1g-0);flex-direction:var(--tbc7s1g-0);padding:var(--sdds-core-tour-card-card-padding);background:var(--sdds-core-tour-card-card-background);border-radius:var(--sdds-core-tour-card-border-radius);box-sizing:border-box;width:var(--tbc7s1g-1);height:var(--tbc7s1g-2);max-height:var(--tbc7s1g-3);gap:var(--tbc7s1g-4);}
+.Card_styles_1iom4f3_c1cvsi6y__03d2546d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Card_styles_1iom4f3_i1o2e5sn__03d2546d{width:var(--i1o2e5sn-0);height:var(--i1o2e5sn-1);border-radius:var(--sdds-core-tour-card-image-border-radius,calc(var(--sdds-core-tour-card-border-radius) - var(--sdds-core-tour-card-card-padding)));margin:var(--sdds-core-tour-card-image-margin);}
+.Card_styles_1iom4f3_ckcs0i4__03d2546d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--ckcs0i4-0);gap:var(--sdds-core-tour-card-text-gap);}
+.Card_styles_1iom4f3_t15yp80a__03d2546d{color:var(--sdds-core-tour-card-title-color);font-family:var(--sdds-core-tour-card-title-font-family);font-size:var(--sdds-core-tour-card-title-font-size);font-style:var(--sdds-core-tour-card-title-font-style);-webkit-letter-spacing:var(--sdds-core-tour-card-title-font-letter-spacing);-moz-letter-spacing:var(--sdds-core-tour-card-title-font-letter-spacing);-ms-letter-spacing:var(--sdds-core-tour-card-title-font-letter-spacing);letter-spacing:var(--sdds-core-tour-card-title-font-letter-spacing);line-height:var(--sdds-core-tour-card-title-font-line-height);font-weight:var(--sdds-core-tour-card-title-font-weight);}
+.Card_styles_1iom4f3_d1cs9yrc__03d2546d{color:var(--sdds-core-tour-card-description-color);font-family:var(--sdds-core-tour-card-description-font-family);font-size:var(--sdds-core-tour-card-description-font-size);font-style:var(--sdds-core-tour-card-description-font-style);line-height:var(--sdds-core-tour-card-description-font-line-height);font-weight:var(--sdds-core-tour-card-description-font-weight);}
+.Card_styles_1iom4f3_c17sry1y__03d2546d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:var(--c17sry1y-0);-ms-flex-direction:var(--c17sry1y-0);flex-direction:var(--c17sry1y-0);-webkit-align-items:var(--c17sry1y-1);-webkit-box-align:var(--c17sry1y-1);-ms-flex-align:var(--c17sry1y-1);align-items:var(--c17sry1y-1);-webkit-box-pack:var(--c17sry1y-2);-webkit-justify-content:var(--c17sry1y-2);-ms-flex-pack:var(--c17sry1y-2);justify-content:var(--c17sry1y-2);}
+.Card_styles_1iom4f3_n1mvnxmw__03d2546d{color:var(--sdds-core-tour-card-pagination-number-color);font-family:var(--sdds-core-tour-card-pagination-number-font-family);font-size:var(--sdds-core-tour-card-pagination-number-font-size);font-style:var(--sdds-core-tour-card-pagination-number-font-style);line-height:var(--sdds-core-tour-card-pagination-number-font-line-height);font-weight:var(--sdds-core-tour-card-pagination-number-font-weight);text-align:center;}
+.Card_styles_1iom4f3_d1uwxd7k__03d2546d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:var(--d1uwxd7k-0);padding:0;list-style:none;gap:var(--sdds-core-tour-card-pagination-dots-gap);}
+.Card_styles_1iom4f3_dof2pbk__03d2546d{width:var(--sdds-core-tour-card-pagination-dot-size);height:var(--sdds-core-tour-card-pagination-dot-size);cursor:pointer;border-radius:50%;background:var(--dof2pbk-0);-webkit-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out;}.Card_styles_1iom4f3_dof2pbk__03d2546d:hover{background:var(--dof2pbk-1);}.Card_styles_1iom4f3_dof2pbk__03d2546d:active{background:var(--dof2pbk-2);}
+.Card_styles_1iom4f3_a1d55h5t__03d2546d{margin:var(--a1d55h5t-0);-webkit-order:var(--a1d55h5t-1);-ms-flex-order:var(--a1d55h5t-1);order:var(--a1d55h5t-1);}
+.Card_styles_1iom4f3_svdlr61__03d2546d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:var(--svdlr61-0);}
+.Card_styles_1iom4f3_ciy9mm4__03d2546d{position:absolute;top:1rem;right:1rem;--plasma-icon-button-color:var(--sdds-core-tour-card-close-button-color);--plasma-icon-button-background-color:var(--sdds-core-tour-card-close-button-background-color);--plasma-icon-button-color-hover:var(--sdds-core-tour-card-close-button-color-hover);--plasma-icon-button-color-active:var(--sdds-core-tour-card-close-button-color-active);--plasma-icon-button-height:var(--sdds-core-tour-card-close-button-width);--plasma-icon-button-width:var(--sdds-core-tour-card-close-button-height);--plasma-icon-button-radius:var(--sdds-core-tour-card-close-button-radius);--plasma-icon-button-focus-color:var(--sdds-core-tour-card-close-button-focus-color);}

package/dist/css/cjs/components/Tour/components/Card/Card.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var IconClose = require('../../../_Icon/Icons/IconClose.js');
 var cls = require('classnames');
+var IconClose = require('../../../_Icon/Icons/IconClose.js');
+var usePaginationDots = require('../../../PaginationDots/usePaginationDots.js');
 var base = require('./variations/_view/base.js');
 var base$1 = require('./variations/_size/base.js');
 var Card_styles = require('./Card.styles.js');
@@ -16,10 +17,10 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var cls__default = /*#__PURE__*/_interopDefault(cls);
 
-var _IconClose;
-var _excluded = ["view", "size", "image", "title", "description", "orientation", "showPagination", "stepCurrent", "stepLength", "actionButtons", "skipButton", "showClose", "goToStep", "onClose", "style", "className"];
+var _excluded = ["view", "size", "image", "title", "description", "orientation", "contentDirection", "showPagination", "paginationVisibleItems", "paginationType", "stepCurrent", "stepLength", "actionButtons", "skipButton", "showClose", "goToStep", "onClose", "style", "className"];
 var tourCardRoot = function tourCardRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
+    var _NumberContainer;
     var view = _ref.view,
       size = _ref.size,
       image = _ref.image,
@@ -27,8 +28,14 @@ var tourCardRoot = function tourCardRoot(Root) {
       description = _ref.description,
       _ref$orientation = _ref.orientation,
       orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
+      _ref$contentDirection = _ref.contentDirection,
+      contentDirection = _ref$contentDirection === void 0 ? 'row-reverse' : _ref$contentDirection,
       _ref$showPagination = _ref.showPagination,
       showPagination = _ref$showPagination === void 0 ? true : _ref$showPagination,
+      _ref$paginationVisibl = _ref.paginationVisibleItems,
+      paginationVisibleItems = _ref$paginationVisibl === void 0 ? 3 : _ref$paginationVisibl,
+      _ref$paginationType = _ref.paginationType,
+      paginationType = _ref$paginationType === void 0 ? 'dot' : _ref$paginationType,
       _ref$stepCurrent = _ref.stepCurrent,
       stepCurrent = _ref$stepCurrent === void 0 ? 0 : _ref$stepCurrent,
       _ref$stepLength = _ref.stepLength,
@@ -44,11 +51,45 @@ var tourCardRoot = function tourCardRoot(Root) {
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
     // Если показан только текст, то к нему добавляется отступ снизу для компенсации.
     var onlyText = !showPagination && !actionButtons && !skipButton;
+    var paginationItems = React.useRef(Array(stepLength).fill(0).map(function (_, ind) {
+      return {
+        id: ind + 1
+      };
+    }));
+    var _usePaginationDots = usePaginationDots.usePaginationDots({
+        items: paginationItems.current,
+        index: stepCurrent,
+        visibleItems: Math.min(paginationVisibleItems, stepLength)
+      }),
+      sliced = _usePaginationDots.sliced,
+      activeId = _usePaginationDots.activeId;
     var dotOnClick = function dotOnClick(index) {
       if (goToStep) {
         goToStep(index);
       }
     };
+    var getPaginationContent = React.useCallback(function () {
+      var paginationContent = {
+        dot: /*#__PURE__*/React__default.default.createElement(Card_styles.DotsContainer, {
+          orientation: orientation,
+          className: Card_tokens.classes.pagination
+        }, sliced.map(function (_ref2, index) {
+          var id = _ref2.id;
+          return /*#__PURE__*/React__default.default.createElement(Card_styles.Dot, {
+            key: index,
+            isActive: activeId === id,
+            onClick: function onClick() {
+              return dotOnClick(index);
+            }
+          });
+        })),
+        compact: _NumberContainer || (_NumberContainer = /*#__PURE__*/React__default.default.createElement(Card_styles.NumberContainer, null, activeId, "/", stepLength))
+      };
+      if (orientation !== 'horizontal') {
+        return paginationContent.dot;
+      }
+      return paginationContent[paginationType];
+    }, [sliced, activeId, stepLength, orientation, paginationType]);
     return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
       ref: outerRef,
       view: view,
@@ -56,13 +97,14 @@ var tourCardRoot = function tourCardRoot(Root) {
     }, rest), /*#__PURE__*/React__default.default.createElement(Card_styles.TourCard, {
       className: cls__default.default(className, Card_tokens.classes.card),
       style: style,
-      orientation: orientation
+      orientation: orientation,
+      contentDirection: contentDirection
     }, showClose && /*#__PURE__*/React__default.default.createElement(Card_styles.CloseButton, {
       onClick: onClose
-    }, _IconClose || (_IconClose = /*#__PURE__*/React__default.default.createElement(IconClose.IconClose, {
-      size: "xs",
+    }, /*#__PURE__*/React__default.default.createElement(IconClose.IconClose, {
+      sizeCustomValue: "var(".concat(Card_tokens.tokens.closeButtonIconSize, ", 1rem)"),
       color: "inherit"
-    }))), image && /*#__PURE__*/React__default.default.createElement(Card_styles.Img, _rollupPluginBabelHelpers.extends({}, image, {
+    })), image && /*#__PURE__*/React__default.default.createElement(Card_styles.Img, _rollupPluginBabelHelpers.extends({}, image, {
       orientation: orientation
     })), /*#__PURE__*/React__default.default.createElement(Card_styles.CardBody, {
       orientation: orientation
@@ -73,19 +115,9 @@ var tourCardRoot = function tourCardRoot(Root) {
     }, title), /*#__PURE__*/React__default.default.createElement(Card_styles.Description, {
       className: Card_tokens.classes.description
     }, description)), /*#__PURE__*/React__default.default.createElement(Card_styles.Controls, {
-      orientation: orientation
-    }, showPagination && /*#__PURE__*/React__default.default.createElement(Card_styles.DotsContainer, {
       orientation: orientation,
-      className: Card_tokens.classes.pagination
-    }, Array(stepLength).fill(null).map(function (_, index) {
-      return /*#__PURE__*/React__default.default.createElement(Card_styles.Dot, {
-        key: index,
-        isActive: stepCurrent === index,
-        onClick: function onClick() {
-          return dotOnClick(index);
-        }
-      });
-    })), actionButtons && /*#__PURE__*/React__default.default.createElement(Card_styles.ActionButtonsContainer, {
+      contentDirection: contentDirection
+    }, showPagination && getPaginationContent(), actionButtons && /*#__PURE__*/React__default.default.createElement(Card_styles.ActionButtonsContainer, {
       orientation: orientation,
       className: Card_tokens.classes.actionButtons
     }, actionButtons), skipButton && /*#__PURE__*/React__default.default.createElement(Card_styles.SkipButtonContainer, {