@salutejs/plasma-new-hope 0.337.0-canary.2184.17981110340.0 → 0.337.0-canary.2184.17983182622.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/TimePicker/TimePicker.css +9 -9
- package/cjs/components/TimePicker/TimePicker.styles.js +5 -5
- package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/cjs/components/TimePicker/TimePicker.styles_1548b5s.css +10 -0
- package/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/cjs/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/cjs/index.css +9 -9
- package/emotion/cjs/components/TimePicker/TimePicker.styles.js +19 -19
- package/emotion/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/emotion/es/components/TimePicker/TimePicker.styles.js +19 -19
- package/emotion/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/es/components/TimePicker/TimePicker.css +9 -9
- package/es/components/TimePicker/TimePicker.styles.js +5 -5
- package/es/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/es/components/TimePicker/TimePicker.styles_1548b5s.css +10 -0
- package/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/es/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/es/index.css +9 -9
- package/package.json +2 -2
- package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +12 -10
- package/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/styled-components/es/components/TimePicker/TimePicker.styles.js +12 -10
- package/styled-components/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.tokens.d.ts +1 -0
- package/types/components/TimePicker/TimePicker.tokens.d.ts.map +1 -1
- package/cjs/components/TimePicker/TimePicker.styles_dnulzj.css +0 -10
- package/es/components/TimePicker/TimePicker.styles_dnulzj.css +0 -10
|
@@ -75,6 +75,7 @@ export var tokens = {
|
|
|
75
75
|
textFieldBorderColorSuccess: '--plasma-time-picker-textfield-border-color-success',
|
|
76
76
|
textFieldBorderColorSuccessHover: '--plasma-time-picker-textfield-border-color-success-hover',
|
|
77
77
|
textFieldBorderColorSuccessFocus: '--plasma-time-picker-textfield-border-color-success-focus',
|
|
78
|
+
textFieldBoxShadow: '--plasma-time-picker-textfield-box-shadow',
|
|
78
79
|
textFieldColorReadOnly: '--plasma-time-picker-textfield-color-readonly',
|
|
79
80
|
textFieldBackgroundColorReadOnly: '--plasma-time-picker-textfield-background-color-readonly',
|
|
80
81
|
textFieldBorderColorReadOnly: '--plasma-time-picker-textfield-border-color-readonly',
|
|
@@ -76,15 +76,15 @@
|
|
|
76
76
|
.Popover_styles_ji8em4_s16xlixz__439b9cc0{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;box-shadow:var(--plasma-popover-box-shadow);}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverAnimate__439b9cc0{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverOpen__439b9cc0{opacity:1;visibility:visible;}.Popover_styles_ji8em4_s16xlixz__439b9cc0:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
|
|
77
77
|
|
|
78
78
|
|
|
79
|
-
.
|
|
80
|
-
.
|
|
81
|
-
.
|
|
82
|
-
.
|
|
83
|
-
.
|
|
84
|
-
.
|
|
85
|
-
.
|
|
86
|
-
.
|
|
87
|
-
.
|
|
79
|
+
.TimePicker_styles_1548b5s_s1ghbm1p__fa0983dd{width:100%;--plasma-textfield-color:var(--plasma-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker_range-border-color-focus);--plasma-textfield-box-shadow:var(--plasma-time-picker-textfield-box-shadow);--plasma-textfield-color-readonly:var(--plasma-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-time-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-time-picker-textfield__content-color,var(--plasma-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.TimePicker_styles_1548b5s_s1ghbm1p__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerError__fa0983dd{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-error-focus);}.TimePicker_styles_1548b5s_s1ghbm1p__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerSuccess__fa0983dd{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-success-focus);}
|
|
80
|
+
.TimePicker_styles_1548b5s_b19h9m1x__fa0983dd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--plasma-time-picker-width);margin-top:var(--plasma-time-picker-dropdown-margin-top);}.TimePicker_styles_1548b5s_b19h9m1x__fa0983dd .TimePicker_styles_1548b5s_popoverWrapper__fa0983dd,.TimePicker_styles_1548b5s_b19h9m1x__fa0983dd .TimePicker_styles_1548b5s_popoverTarget__fa0983dd{width:inherit;}.TimePicker_styles_1548b5s_b19h9m1x__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerStretched__fa0983dd{width:100%;}.TimePicker_styles_1548b5s_b19h9m1x__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerStretched__fa0983dd .TimePicker_styles_1548b5s_popoverRoot__fa0983dd{width:100%;}.TimePicker_styles_1548b5s_b19h9m1x__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerFullWidth__fa0983dd{width:100%;}.TimePicker_styles_1548b5s_b19h9m1x__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerPlacementRight__fa0983dd{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
|
|
81
|
+
.TimePicker_styles_1548b5s_slnaiay__fa0983dd{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);width:var(--slnaiay-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-ui-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;gap:var(--plasma-time-picker-scrollbar-width);box-sizing:border-box;position:relative;}
|
|
82
|
+
.TimePicker_styles_1548b5s_sh0cawu__fa0983dd{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.TimePicker_styles_1548b5s_sh0cawu__fa0983dd:hover{background:var(--plasma-time-picker-item-hover-background);}.TimePicker_styles_1548b5s_sh0cawu__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerItemActive__fa0983dd{background:var(--plasma-time-picker-item-active-background);}
|
|
83
|
+
.TimePicker_styles_1548b5s_s15lrh1g__fa0983dd{max-height:var(--s15lrh1g-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.TimePicker_styles_1548b5s_s15lrh1g__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerColumnActive__fa0983dd{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.TimePicker_styles_1548b5s_s15lrh1g__fa0983dd::-webkit-scrollbar{display:none;width:0;}
|
|
84
|
+
.TimePicker_styles_1548b5s_c18qymw0__fa0983dd{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.TimePicker_styles_1548b5s_c18qymw0__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerScrollbarVisible__fa0983dd{opacity:1;pointer-events:auto;}
|
|
85
|
+
.TimePicker_styles_1548b5s_s1wgh6jw__fa0983dd{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
|
|
86
|
+
.TimePicker_styles_1548b5s_s1qrdw7l__fa0983dd{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.TimePicker_styles_1548b5s_s1qrdw7l__fa0983dd:hover{background:var(--plasma-time-picker-scrollbar-color);}.TimePicker_styles_1548b5s_s1qrdw7l__fa0983dd:active{background:var(--plasma-time-picker-scrollbar-track-color);}
|
|
87
|
+
.TimePicker_styles_1548b5s_sa62th__fa0983dd{width:100%;height:0%.125rem;}
|
|
88
88
|
|
|
89
89
|
.base_nyid0i_bxyi89k__8a89f178[disabled]{opacity:var(--plasma-time-picker-disabled-opacity);cursor:not-allowed;}
|
|
90
90
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './TimePicker.
|
|
1
|
+
import './TimePicker.styles_1548b5s.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
3
|
import { tokens } from './TimePicker.tokens.js';
|
|
4
4
|
import { component, mergeConfig } from '../../engines/common.js';
|
|
@@ -28,7 +28,7 @@ var StyledInput = /*#__PURE__*/styled(_exp2())({
|
|
|
28
28
|
propsAsIs: true
|
|
29
29
|
});
|
|
30
30
|
var base = "b19h9m1x";
|
|
31
|
-
var
|
|
31
|
+
var _exp160 = function _exp160() {
|
|
32
32
|
return function (_ref) {
|
|
33
33
|
var width = _ref.width;
|
|
34
34
|
return (width === 'fullWidth' ? "var(".concat(tokens.width, ")") : width) || "var(".concat(tokens.timePickerWidth, ")");
|
|
@@ -39,7 +39,7 @@ var StyledTimePicker = /*#__PURE__*/styled('div')({
|
|
|
39
39
|
"class": "slnaiay",
|
|
40
40
|
propsAsIs: false,
|
|
41
41
|
vars: {
|
|
42
|
-
"slnaiay-0": [/*#__PURE__*/
|
|
42
|
+
"slnaiay-0": [/*#__PURE__*/_exp160()]
|
|
43
43
|
}
|
|
44
44
|
});
|
|
45
45
|
var StyledTimeItem = /*#__PURE__*/styled('div')({
|
|
@@ -47,7 +47,7 @@ var StyledTimeItem = /*#__PURE__*/styled('div')({
|
|
|
47
47
|
"class": "sh0cawu",
|
|
48
48
|
propsAsIs: false
|
|
49
49
|
});
|
|
50
|
-
var
|
|
50
|
+
var _exp175 = function _exp175() {
|
|
51
51
|
return function (_ref2) {
|
|
52
52
|
var height = _ref2.height;
|
|
53
53
|
return height || "var(".concat(tokens.columnHeight, ")");
|
|
@@ -58,7 +58,7 @@ var StyledTimeColumn = /*#__PURE__*/styled('div')({
|
|
|
58
58
|
"class": "s15lrh1g",
|
|
59
59
|
propsAsIs: false,
|
|
60
60
|
vars: {
|
|
61
|
-
"s15lrh1g-0": [/*#__PURE__*/
|
|
61
|
+
"s15lrh1g-0": [/*#__PURE__*/_exp175()]
|
|
62
62
|
}
|
|
63
63
|
});
|
|
64
64
|
var CustomScrollbar = /*#__PURE__*/styled('div')({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.styles.js","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { textFieldConfig, textFieldTokens } from '../TextField';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { classes, tokens } from './TimePicker.tokens';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n width: 100%;\n\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n\n ${textFieldTokens.labelOffset}: var(${tokens.labelOffset});\n\n ${textFieldTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${textFieldTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${textFieldTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${textFieldTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${textFieldTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${textFieldTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n ${textFieldTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n\n ${textFieldTokens.indicatorColor}: var(${tokens.indicatorColor});\n ${textFieldTokens.indicatorSizeInner}: var(${tokens.indicatorSize});\n ${textFieldTokens.indicatorSizeOuter}: var(${tokens.indicatorSizeOuter});\n ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.indicatorPlacement});\n ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.indicatorOuterPlacement});\n ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.indicatorPlacementRight});\n ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.indicatorOuterPlacementRight});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n \n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor}, var(${tokens.textFieldColor}));\n ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentRightSlotColor}, var(${textFieldTokens.contentSlotColor}));\n ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentRightSlotColorHover}, var(${textFieldTokens.contentSlotRightColor}));\n\n &.${classes.timePickerError} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.timePickerSuccess} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css`\n display: flex;\n width: var(${tokens.width});\n margin-top: var(${tokens.dropdownMarginTop});\n\n .${popoverClasses.wrapper}, .${popoverClasses.target} {\n width: inherit;\n }\n\n &.${classes.timePickerstretched} {\n width: 100%;\n\n .${popoverClasses.root} {\n width: 100%;\n }\n }\n\n &.${classes.timePickerFullWidth} {\n width: 100%;\n }\n\n &.${classes.timePickerPlacementRight} {\n justify-content: flex-end;\n }\n`;\n\nexport const StyledTimePicker = styled.div<{ width?: string | number }>`\n background: var(${tokens.timePickerBackground});\n border-radius: var(${tokens.timePickerBorderRadius});\n width: ${({ width }) =>\n (width === 'fullWidth' ? `var(${tokens.width})` : width) || `var(${tokens.timePickerWidth})`};\n display: flex;\n padding: var(${tokens.timePickerPadding});\n flex: 1 1 1;\n gap: var(${tokens.scrollbarWidth});\n box-sizing: border-box;\n position: relative;\n`;\n\nexport const StyledTimeItem = styled.div`\n height: var(${tokens.itemHeight});\n padding: var(${tokens.itemPadding});\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: 0.05s;\n border-radius: var(${tokens.itemBorderRadius});\n cursor: pointer;\n flex-shrink: 0;\n overflow: auto;\n\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeight});\n letter-spacing: var(${tokens.itemLetterSpacing});\n line-height: var(${tokens.itemLineHeight});\n\n &:hover {\n background: var(${tokens.itemHoverBackground});\n }\n &.${classes.timeItemActive} {\n background: var(${tokens.itemActiveBackground});\n }\n`;\n\nexport const StyledTimeColumn = styled.div<{ height?: string | number }>`\n max-height: ${({ height }) => height || `var(${tokens.columnHeight})`};\n overflow-y: scroll;\n flex: 1;\n z-index: 3;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: var(${tokens.scrollbarWidth});\n width: 100%;\n\n &.${classes.timeColumnActive} {\n border: 0.125rem solid var(${tokens.itemHoverBackground});\n border-radius: var(${tokens.itemBorderRadius});\n }\n\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &::-webkit-scrollbar {\n display: none;\n width: 0;\n }\n`;\n\nexport const CustomScrollbar = styled.div`\n position: absolute;\n top: var(${tokens.scrollbarMargin});\n right: 0;\n bottom: var(${tokens.scrollbarMargin});\n width: var(${tokens.scrollbarWidth});\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n z-index: 10;\n overflow: hidden;\n\n &.${classes.scrollbarVisible} {\n opacity: 1;\n pointer-events: auto;\n }\n`;\n\nexport const ScrollbarTrack = styled.div`\n position: relative;\n width: 100%;\n height: 100%;\n background: var(${tokens.scrollbarTrackColor});\n border-radius: var(${tokens.scrollbarWidth});\n`;\n\nexport const ScrollbarThumb = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background: var(${tokens.scrollbarColor});\n border-radius: var(${tokens.scrollbarWidth});\n cursor: pointer;\n transition: background-color 0.2s ease;\n\n &:hover {\n background: var(${tokens.scrollbarColor});\n }\n\n &:active {\n background: var(${tokens.scrollbarTrackColor});\n }\n`;\n\nexport const StyledEmpty = styled.div`\n width: 100%;\n height: 0%.125rem;\n`;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","_exp158","_ref","width","concat","tokens","timePickerWidth","StyledTimePicker","vars","StyledTimeItem","_exp173","_ref2","height","columnHeight","StyledTimeColumn","CustomScrollbar","ScrollbarTrack","ScrollbarThumb","StyledEmpty"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TimePicker.styles.js","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { textFieldConfig, textFieldTokens } from '../TextField';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { classes, tokens } from './TimePicker.tokens';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n width: 100%;\n\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n ${textFieldTokens.boxShadow}: var(${tokens.textFieldBoxShadow});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n\n ${textFieldTokens.labelOffset}: var(${tokens.labelOffset});\n\n ${textFieldTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${textFieldTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${textFieldTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${textFieldTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${textFieldTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${textFieldTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n ${textFieldTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n\n ${textFieldTokens.indicatorColor}: var(${tokens.indicatorColor});\n ${textFieldTokens.indicatorSizeInner}: var(${tokens.indicatorSize});\n ${textFieldTokens.indicatorSizeOuter}: var(${tokens.indicatorSizeOuter});\n ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.indicatorPlacement});\n ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.indicatorOuterPlacement});\n ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.indicatorPlacementRight});\n ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.indicatorOuterPlacementRight});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n \n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor}, var(${tokens.textFieldColor}));\n ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentRightSlotColor}, var(${textFieldTokens.contentSlotColor}));\n ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentRightSlotColorHover}, var(${textFieldTokens.contentSlotRightColor}));\n\n &.${classes.timePickerError} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.timePickerSuccess} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css`\n display: flex;\n width: var(${tokens.width});\n margin-top: var(${tokens.dropdownMarginTop});\n\n .${popoverClasses.wrapper}, .${popoverClasses.target} {\n width: inherit;\n }\n\n &.${classes.timePickerstretched} {\n width: 100%;\n\n .${popoverClasses.root} {\n width: 100%;\n }\n }\n\n &.${classes.timePickerFullWidth} {\n width: 100%;\n }\n\n &.${classes.timePickerPlacementRight} {\n justify-content: flex-end;\n }\n`;\n\nexport const StyledTimePicker = styled.div<{ width?: string | number }>`\n background: var(${tokens.timePickerBackground});\n border-radius: var(${tokens.timePickerBorderRadius});\n width: ${({ width }) =>\n (width === 'fullWidth' ? `var(${tokens.width})` : width) || `var(${tokens.timePickerWidth})`};\n display: flex;\n padding: var(${tokens.timePickerPadding});\n flex: 1 1 1;\n gap: var(${tokens.scrollbarWidth});\n box-sizing: border-box;\n position: relative;\n`;\n\nexport const StyledTimeItem = styled.div`\n height: var(${tokens.itemHeight});\n padding: var(${tokens.itemPadding});\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: 0.05s;\n border-radius: var(${tokens.itemBorderRadius});\n cursor: pointer;\n flex-shrink: 0;\n overflow: auto;\n\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeight});\n letter-spacing: var(${tokens.itemLetterSpacing});\n line-height: var(${tokens.itemLineHeight});\n\n &:hover {\n background: var(${tokens.itemHoverBackground});\n }\n &.${classes.timeItemActive} {\n background: var(${tokens.itemActiveBackground});\n }\n`;\n\nexport const StyledTimeColumn = styled.div<{ height?: string | number }>`\n max-height: ${({ height }) => height || `var(${tokens.columnHeight})`};\n overflow-y: scroll;\n flex: 1;\n z-index: 3;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: var(${tokens.scrollbarWidth});\n width: 100%;\n\n &.${classes.timeColumnActive} {\n border: 0.125rem solid var(${tokens.itemHoverBackground});\n border-radius: var(${tokens.itemBorderRadius});\n }\n\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &::-webkit-scrollbar {\n display: none;\n width: 0;\n }\n`;\n\nexport const CustomScrollbar = styled.div`\n position: absolute;\n top: var(${tokens.scrollbarMargin});\n right: 0;\n bottom: var(${tokens.scrollbarMargin});\n width: var(${tokens.scrollbarWidth});\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n z-index: 10;\n overflow: hidden;\n\n &.${classes.scrollbarVisible} {\n opacity: 1;\n pointer-events: auto;\n }\n`;\n\nexport const ScrollbarTrack = styled.div`\n position: relative;\n width: 100%;\n height: 100%;\n background: var(${tokens.scrollbarTrackColor});\n border-radius: var(${tokens.scrollbarWidth});\n`;\n\nexport const ScrollbarThumb = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background: var(${tokens.scrollbarColor});\n border-radius: var(${tokens.scrollbarWidth});\n cursor: pointer;\n transition: background-color 0.2s ease;\n\n &:hover {\n background: var(${tokens.scrollbarColor});\n }\n\n &:active {\n background: var(${tokens.scrollbarTrackColor});\n }\n`;\n\nexport const StyledEmpty = styled.div`\n width: 100%;\n height: 0%.125rem;\n`;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","_exp160","_ref","width","concat","tokens","timePickerWidth","StyledTimePicker","vars","StyledTimeItem","_exp175","_ref2","height","columnHeight","StyledTimeColumn","CustomScrollbar","ScrollbarTrack","ScrollbarThumb","StyledEmpty"],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
|
|
2
|
+
.s1ghbm1p{width:100%;--plasma-textfield-color:var(--plasma-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker_range-border-color-focus);--plasma-textfield-box-shadow:var(--plasma-time-picker-textfield-box-shadow);--plasma-textfield-color-readonly:var(--plasma-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-time-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-time-picker-textfield__content-color,var(--plasma-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.s1ghbm1p.plasma-time-picker-error{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-error-focus);}.s1ghbm1p.plasma-time-picker-success{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-success-focus);}
|
|
3
|
+
.b19h9m1x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--plasma-time-picker-width);margin-top:var(--plasma-time-picker-dropdown-margin-top);}.b19h9m1x .popover-wrapper,.b19h9m1x .popover-target{width:inherit;}.b19h9m1x.plasma-time-picker-stretched{width:100%;}.b19h9m1x.plasma-time-picker-stretched .popover-root{width:100%;}.b19h9m1x.plasma-time-picker-full-width{width:100%;}.b19h9m1x.plasma-time-picker-placement-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
|
|
4
|
+
.slnaiay{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);width:var(--slnaiay-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-ui-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;gap:var(--plasma-time-picker-scrollbar-width);box-sizing:border-box;position:relative;}
|
|
5
|
+
.sh0cawu{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.sh0cawu:hover{background:var(--plasma-time-picker-item-hover-background);}.sh0cawu.plasma-time-picker-item-active{background:var(--plasma-time-picker-item-active-background);}
|
|
6
|
+
.s15lrh1g{max-height:var(--s15lrh1g-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.s15lrh1g.plasma-time-picker-column-active{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.s15lrh1g::-webkit-scrollbar{display:none;width:0;}
|
|
7
|
+
.c18qymw0{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.c18qymw0.plasma-time-picker-scrollbar-visible{opacity:1;pointer-events:auto;}
|
|
8
|
+
.s1wgh6jw{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
|
|
9
|
+
.s1qrdw7l{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.s1qrdw7l:hover{background:var(--plasma-time-picker-scrollbar-color);}.s1qrdw7l:active{background:var(--plasma-time-picker-scrollbar-track-color);}
|
|
10
|
+
.sa62th{width:100%;height:0%.125rem;}
|
|
@@ -75,6 +75,7 @@ var tokens = {
|
|
|
75
75
|
textFieldBorderColorSuccess: '--plasma-time-picker-textfield-border-color-success',
|
|
76
76
|
textFieldBorderColorSuccessHover: '--plasma-time-picker-textfield-border-color-success-hover',
|
|
77
77
|
textFieldBorderColorSuccessFocus: '--plasma-time-picker-textfield-border-color-success-focus',
|
|
78
|
+
textFieldBoxShadow: '--plasma-time-picker-textfield-box-shadow',
|
|
78
79
|
textFieldColorReadOnly: '--plasma-time-picker-textfield-color-readonly',
|
|
79
80
|
textFieldBackgroundColorReadOnly: '--plasma-time-picker-textfield-background-color-readonly',
|
|
80
81
|
textFieldBorderColorReadOnly: '--plasma-time-picker-textfield-border-color-readonly',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.tokens.js","sources":["../../../src/components/TimePicker/TimePicker.tokens.ts"],"sourcesContent":["export const classes = {\n timePickerstretched: 'plasma-time-picker-stretched',\n timePickerSuccess: 'plasma-time-picker-success',\n timePickerError: 'plasma-time-picker-error',\n timePickerRoot: 'plasma-time-picker-root',\n timeColumnLabel: 'plasma-time-picker-column-label',\n timeItemActive: 'plasma-time-picker-item-active',\n timePickerFullWidth: 'plasma-time-picker-full-width',\n timePickerActive: 'plasma-time-picker-active',\n timeColumnActive: 'plasma-time-picker-column-active',\n timeColumn: 'plasma-time-picker-column',\n timeColumnScrolling: 'plasma-time-picker-column-scrolling',\n scrollbarVisible: 'plasma-time-picker-scrollbar-visible',\n timePickerPlacementRight: 'plasma-time-picker-placement-right',\n};\n\nexport const tokens = {\n width: '--plasma-time-picker-width',\n\n background: '--plasma-time-picker_range-background',\n backgroundError: '--plasma-time-picker_range-background-error',\n backgroundSuccess: '--plasma-time-picker_range-background-success',\n backgroundReadOnly: '--plasma-time-picker_range-background-readonly',\n borderRadius: '--plasma-time-picker_range-border-radius',\n borderWidth: '--plasma-time-picker_range-border-width',\n borderColor: '--plasma-time-picker_range-border-color',\n borderColorHover: '--plasma-time-picker_range-border-color-hover',\n borderColorFocus: '--plasma-time-picker_range-border-color-focus',\n borderColorError: '--plasma-time-picker_range-border-color-error',\n borderColorSuccess: '--plasma-time-picker_range-border-color-success',\n\n leftContentMargin: '--plasma-time-picker_range__left-content-margin',\n rightContentMargin: '--plasma-time-picker_range__right-content-margin',\n\n labelColor: '--plasma-time-picker__label-color',\n labelColorReadOnly: '--plasma-time-picker__label-color-readonly',\n labelOffset: '--plasma-time-picker__label-offset',\n\n labelFontFamily: '--plasma-time-picker__label-font-family',\n labelFontStyle: '--plasma-time-picker__label-font-style',\n labelFontSize: '--plasma-time-picker__label-font-size',\n labelFontWeight: '--plasma-time-picker__label-font-weight',\n labelLetterSpacing: '--plasma-time-picker__label-letter-spacing',\n labelLineHeight: '--plasma-time-picker__label-line-height',\n\n labelInnerFontFamily: '--plasma-time-picker-placement_inner__label-font-family',\n labelInnerFontStyle: '--plasma-time-picker-placement_inner__label-font-style',\n labelInnerFontSize: '--plasma-time-picker-placement_inner__label-font-size',\n labelInnerFontWeight: '--plasma-time-picker-placement_inner__label-font-weight',\n labelInnerLetterSpacing: '--plasma-time-picker-placement_inner__label-letter-spacing',\n labelInnerLineHeight: '--plasma-time-picker-placement_inner__label-line-height',\n\n labelInnerPadding: '--plasma-time-picker-placement_inner__label-padding',\n contentLabelInnerPadding: '--plasma-time-picker-placement_inner__content-padding',\n\n indicatorColor: '--plasma-time-picker__indicator-color',\n\n indicatorSize: '--plasma-time-picker__indicator-size',\n indicatorSizeOuter: '--plasma-time-picker__indicator-size-outer',\n indicatorPlacement: '--plasma-time-picker__indicator-placement',\n indicatorPlacementRight: '--plasma-time-picker__indicator-placement-right',\n indicatorOuterPlacement: '--plasma-time-picker__indicator-placement-outer',\n indicatorOuterPlacementRight: '--plasma-time-picker__indicator-placement-outer-right',\n\n textFieldColor: '--plasma-time-picker-textfield-color',\n textFieldPlaceholderColorFocus: '--plasma-timepicker-textfield__placeholder-color-focus',\n textFieldFocusColor: '--plasma-time-picker-textfield-focus-color',\n textFieldPlaceholderColor: '--plasma-time-picker-textfield-placeholder-color',\n textFieldCaretColor: '--plasma-time-picker-textfield-caret-color',\n\n textFieldBackgroundColor: '--plasma-time-picker-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-time-picker-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-time-picker-textfield-background-color-focus',\n textFieldBackgroundErrorColor: '--plasma-time-picker-textfield-background-color-error',\n textFieldBackgroundErrorColorHover: '--plasma-time-picker-textfield-background-color-error-hover',\n textFieldBackgroundErrorColorFocus: '--plasma-time-picker-textfield-background-color-error-focus',\n textFieldBackgroundSuccessColor: '--plasma-time-picker-textfield-background-color-success',\n textFieldBackgroundSuccessColorHover: '--plasma-time-picker-textfield-background-color-success-hover',\n textFieldBackgroundSuccessColorFocus: '--plasma-time-picker-textfield-background-color-success-focus',\n\n textFieldBorderColor: '--plasma-time-picker-textfield-border-color',\n textFieldBorderColorHover: '--plasma-time-picker-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-time-picker-textfield-border-color-focus',\n textFieldBorderColorError: '--plasma-time-picker-textfield-border-color-error',\n textFieldBorderColorErrorHover: '--plasma-time-picker-textfield-border-color-error-hover',\n textFieldBorderColorErrorFocus: '--plasma-time-picker-textfield-border-color-error-focus',\n textFieldBorderColorSuccess: '--plasma-time-picker-textfield-border-color-success',\n textFieldBorderColorSuccessHover: '--plasma-time-picker-textfield-border-color-success-hover',\n textFieldBorderColorSuccessFocus: '--plasma-time-picker-textfield-border-color-success-focus',\n\n textFieldColorReadOnly: '--plasma-time-picker-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-time-picker-textfield-background-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-time-picker-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-time-picker-textfield-placeholder-color-readonly',\n\n textFieldHeight: '--plasma-time-picker-textfield-height',\n textFieldBorderWidth: '--plasma-time-picker-textfield-border-width',\n textFieldBorderRadius: '--plasma-time-picker-textfield-border-radius',\n textFieldPadding: '--plasma-time-picker-textfield-padding',\n textFieldLeftContentMargin: '--plasma-time-picker-textfield__left-content-margin',\n textFieldRightContentMargin: '--plasma-time-picker-textfield__right-content-margin',\n textFieldFontFamily: '--plasma-time-picker-textfield-font-family',\n textFieldFontStyle: '--plasma-time-picker-textfield-font-style',\n textFieldFontSize: '--plasma-time-picker-textfield-font-size',\n textFieldFontWeight: '--plasma-time-picker-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-time-picker-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-time-picker-textfield-line-height',\n\n textFieldTextBeforeColor: '--plasma-time-picker-textfield__before-text-color',\n textFieldTextAfterColor: '--plasma-time-picker-textfield__after-text-color',\n textFieldTextBeforeMargin: '--plasma-time-picker-textfield__before-text-margin',\n textFieldTextAfterMargin: '--plasma-time-picker-textfield__after-text-margin',\n textFieldContentSlotColor: '--plasma-time-picker-textfield__content-color',\n textFieldContentRightSlotColor: '--plasma-time-picker-textfield__content-right-color',\n textFieldContentRightSlotColorHover: '--plasma-time-picker-textfield__content-right-color-hover',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-time-picker-disabled-opacity',\n\n dropdownMarginTop: '--plasma-time-picker-dropdown-margin-top',\n\n timePickerBackground: '--plasma-time-picker-ui-background',\n timePickerBorderRadius: '--plasma-time-picker-ui-border-radius',\n timePickerWidth: '--plasma-time-picker-ui-width',\n timePickerPadding: '--plasma-time-picker-ui-padding',\n\n columnHeight: '--plasma-time-picker-column-height',\n\n itemHeight: '--plasma-time-picker-item-height',\n itemBorderRadius: '--plasma-time-picker-item-border-radius',\n itemPadding: '--plasma-time-picker-item-padding',\n itemHoverBackground: '--plasma-time-picker-item-hover-background',\n itemActiveBackground: '--plasma-time-picker-item-active-background',\n\n itemFontFamily: '--plasma-time-picker-item-font-family',\n itemFontStyle: '--plasma-time-picker-item-font-style',\n itemFontSize: '--plasma-time-picker-item-font-size',\n itemFontWeight: '--plasma-time-picker-item-font-weight',\n itemLetterSpacing: '--plasma-time-picker-item-letter-spacing',\n itemLineHeight: '--plasma-time-picker-item-line-height',\n\n scrollbarWidth: '--plasma-time-picker-scrollbar-width',\n scrollbarColor: '--plasma-time-picker-scrollbar-color',\n scrollbarTrackColor: '--plasma-time-picker-scrollbar-track-color',\n scrollbarMargin: '--plasma-time-picker-scrollbar-margin',\n};\n"],"names":["classes","timePickerstretched","timePickerSuccess","timePickerError","timePickerRoot","timeColumnLabel","timeItemActive","timePickerFullWidth","timePickerActive","timeColumnActive","timeColumn","timeColumnScrolling","scrollbarVisible","timePickerPlacementRight","tokens","width","background","backgroundError","backgroundSuccess","backgroundReadOnly","borderRadius","borderWidth","borderColor","borderColorHover","borderColorFocus","borderColorError","borderColorSuccess","leftContentMargin","rightContentMargin","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","indicatorColor","indicatorSize","indicatorSizeOuter","indicatorPlacement","indicatorPlacementRight","indicatorOuterPlacement","indicatorOuterPlacementRight","textFieldColor","textFieldPlaceholderColorFocus","textFieldFocusColor","textFieldPlaceholderColor","textFieldCaretColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBackgroundErrorColor","textFieldBackgroundErrorColorHover","textFieldBackgroundErrorColorFocus","textFieldBackgroundSuccessColor","textFieldBackgroundSuccessColorHover","textFieldBackgroundSuccessColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldBorderColorError","textFieldBorderColorErrorHover","textFieldBorderColorErrorFocus","textFieldBorderColorSuccess","textFieldBorderColorSuccessHover","textFieldBorderColorSuccessFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldContentSlotColor","textFieldContentRightSlotColor","textFieldContentRightSlotColorHover","disabledOpacity","dropdownMarginTop","timePickerBackground","timePickerBorderRadius","timePickerWidth","timePickerPadding","columnHeight","itemHeight","itemBorderRadius","itemPadding","itemHoverBackground","itemActiveBackground","itemFontFamily","itemFontStyle","itemFontSize","itemFontWeight","itemLetterSpacing","itemLineHeight","scrollbarWidth","scrollbarColor","scrollbarTrackColor","scrollbarMargin"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TimePicker.tokens.js","sources":["../../../src/components/TimePicker/TimePicker.tokens.ts"],"sourcesContent":["export const classes = {\n timePickerstretched: 'plasma-time-picker-stretched',\n timePickerSuccess: 'plasma-time-picker-success',\n timePickerError: 'plasma-time-picker-error',\n timePickerRoot: 'plasma-time-picker-root',\n timeColumnLabel: 'plasma-time-picker-column-label',\n timeItemActive: 'plasma-time-picker-item-active',\n timePickerFullWidth: 'plasma-time-picker-full-width',\n timePickerActive: 'plasma-time-picker-active',\n timeColumnActive: 'plasma-time-picker-column-active',\n timeColumn: 'plasma-time-picker-column',\n timeColumnScrolling: 'plasma-time-picker-column-scrolling',\n scrollbarVisible: 'plasma-time-picker-scrollbar-visible',\n timePickerPlacementRight: 'plasma-time-picker-placement-right',\n};\n\nexport const tokens = {\n width: '--plasma-time-picker-width',\n\n background: '--plasma-time-picker_range-background',\n backgroundError: '--plasma-time-picker_range-background-error',\n backgroundSuccess: '--plasma-time-picker_range-background-success',\n backgroundReadOnly: '--plasma-time-picker_range-background-readonly',\n borderRadius: '--plasma-time-picker_range-border-radius',\n borderWidth: '--plasma-time-picker_range-border-width',\n borderColor: '--plasma-time-picker_range-border-color',\n borderColorHover: '--plasma-time-picker_range-border-color-hover',\n borderColorFocus: '--plasma-time-picker_range-border-color-focus',\n borderColorError: '--plasma-time-picker_range-border-color-error',\n borderColorSuccess: '--plasma-time-picker_range-border-color-success',\n\n leftContentMargin: '--plasma-time-picker_range__left-content-margin',\n rightContentMargin: '--plasma-time-picker_range__right-content-margin',\n\n labelColor: '--plasma-time-picker__label-color',\n labelColorReadOnly: '--plasma-time-picker__label-color-readonly',\n labelOffset: '--plasma-time-picker__label-offset',\n\n labelFontFamily: '--plasma-time-picker__label-font-family',\n labelFontStyle: '--plasma-time-picker__label-font-style',\n labelFontSize: '--plasma-time-picker__label-font-size',\n labelFontWeight: '--plasma-time-picker__label-font-weight',\n labelLetterSpacing: '--plasma-time-picker__label-letter-spacing',\n labelLineHeight: '--plasma-time-picker__label-line-height',\n\n labelInnerFontFamily: '--plasma-time-picker-placement_inner__label-font-family',\n labelInnerFontStyle: '--plasma-time-picker-placement_inner__label-font-style',\n labelInnerFontSize: '--plasma-time-picker-placement_inner__label-font-size',\n labelInnerFontWeight: '--plasma-time-picker-placement_inner__label-font-weight',\n labelInnerLetterSpacing: '--plasma-time-picker-placement_inner__label-letter-spacing',\n labelInnerLineHeight: '--plasma-time-picker-placement_inner__label-line-height',\n\n labelInnerPadding: '--plasma-time-picker-placement_inner__label-padding',\n contentLabelInnerPadding: '--plasma-time-picker-placement_inner__content-padding',\n\n indicatorColor: '--plasma-time-picker__indicator-color',\n\n indicatorSize: '--plasma-time-picker__indicator-size',\n indicatorSizeOuter: '--plasma-time-picker__indicator-size-outer',\n indicatorPlacement: '--plasma-time-picker__indicator-placement',\n indicatorPlacementRight: '--plasma-time-picker__indicator-placement-right',\n indicatorOuterPlacement: '--plasma-time-picker__indicator-placement-outer',\n indicatorOuterPlacementRight: '--plasma-time-picker__indicator-placement-outer-right',\n\n textFieldColor: '--plasma-time-picker-textfield-color',\n textFieldPlaceholderColorFocus: '--plasma-timepicker-textfield__placeholder-color-focus',\n textFieldFocusColor: '--plasma-time-picker-textfield-focus-color',\n textFieldPlaceholderColor: '--plasma-time-picker-textfield-placeholder-color',\n textFieldCaretColor: '--plasma-time-picker-textfield-caret-color',\n\n textFieldBackgroundColor: '--plasma-time-picker-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-time-picker-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-time-picker-textfield-background-color-focus',\n textFieldBackgroundErrorColor: '--plasma-time-picker-textfield-background-color-error',\n textFieldBackgroundErrorColorHover: '--plasma-time-picker-textfield-background-color-error-hover',\n textFieldBackgroundErrorColorFocus: '--plasma-time-picker-textfield-background-color-error-focus',\n textFieldBackgroundSuccessColor: '--plasma-time-picker-textfield-background-color-success',\n textFieldBackgroundSuccessColorHover: '--plasma-time-picker-textfield-background-color-success-hover',\n textFieldBackgroundSuccessColorFocus: '--plasma-time-picker-textfield-background-color-success-focus',\n\n textFieldBorderColor: '--plasma-time-picker-textfield-border-color',\n textFieldBorderColorHover: '--plasma-time-picker-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-time-picker-textfield-border-color-focus',\n textFieldBorderColorError: '--plasma-time-picker-textfield-border-color-error',\n textFieldBorderColorErrorHover: '--plasma-time-picker-textfield-border-color-error-hover',\n textFieldBorderColorErrorFocus: '--plasma-time-picker-textfield-border-color-error-focus',\n textFieldBorderColorSuccess: '--plasma-time-picker-textfield-border-color-success',\n textFieldBorderColorSuccessHover: '--plasma-time-picker-textfield-border-color-success-hover',\n textFieldBorderColorSuccessFocus: '--plasma-time-picker-textfield-border-color-success-focus',\n textFieldBoxShadow: '--plasma-time-picker-textfield-box-shadow',\n\n textFieldColorReadOnly: '--plasma-time-picker-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-time-picker-textfield-background-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-time-picker-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-time-picker-textfield-placeholder-color-readonly',\n\n textFieldHeight: '--plasma-time-picker-textfield-height',\n textFieldBorderWidth: '--plasma-time-picker-textfield-border-width',\n textFieldBorderRadius: '--plasma-time-picker-textfield-border-radius',\n textFieldPadding: '--plasma-time-picker-textfield-padding',\n textFieldLeftContentMargin: '--plasma-time-picker-textfield__left-content-margin',\n textFieldRightContentMargin: '--plasma-time-picker-textfield__right-content-margin',\n textFieldFontFamily: '--plasma-time-picker-textfield-font-family',\n textFieldFontStyle: '--plasma-time-picker-textfield-font-style',\n textFieldFontSize: '--plasma-time-picker-textfield-font-size',\n textFieldFontWeight: '--plasma-time-picker-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-time-picker-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-time-picker-textfield-line-height',\n\n textFieldTextBeforeColor: '--plasma-time-picker-textfield__before-text-color',\n textFieldTextAfterColor: '--plasma-time-picker-textfield__after-text-color',\n textFieldTextBeforeMargin: '--plasma-time-picker-textfield__before-text-margin',\n textFieldTextAfterMargin: '--plasma-time-picker-textfield__after-text-margin',\n textFieldContentSlotColor: '--plasma-time-picker-textfield__content-color',\n textFieldContentRightSlotColor: '--plasma-time-picker-textfield__content-right-color',\n textFieldContentRightSlotColorHover: '--plasma-time-picker-textfield__content-right-color-hover',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-time-picker-disabled-opacity',\n\n dropdownMarginTop: '--plasma-time-picker-dropdown-margin-top',\n\n timePickerBackground: '--plasma-time-picker-ui-background',\n timePickerBorderRadius: '--plasma-time-picker-ui-border-radius',\n timePickerWidth: '--plasma-time-picker-ui-width',\n timePickerPadding: '--plasma-time-picker-ui-padding',\n\n columnHeight: '--plasma-time-picker-column-height',\n\n itemHeight: '--plasma-time-picker-item-height',\n itemBorderRadius: '--plasma-time-picker-item-border-radius',\n itemPadding: '--plasma-time-picker-item-padding',\n itemHoverBackground: '--plasma-time-picker-item-hover-background',\n itemActiveBackground: '--plasma-time-picker-item-active-background',\n\n itemFontFamily: '--plasma-time-picker-item-font-family',\n itemFontStyle: '--plasma-time-picker-item-font-style',\n itemFontSize: '--plasma-time-picker-item-font-size',\n itemFontWeight: '--plasma-time-picker-item-font-weight',\n itemLetterSpacing: '--plasma-time-picker-item-letter-spacing',\n itemLineHeight: '--plasma-time-picker-item-line-height',\n\n scrollbarWidth: '--plasma-time-picker-scrollbar-width',\n scrollbarColor: '--plasma-time-picker-scrollbar-color',\n scrollbarTrackColor: '--plasma-time-picker-scrollbar-track-color',\n scrollbarMargin: '--plasma-time-picker-scrollbar-margin',\n};\n"],"names":["classes","timePickerstretched","timePickerSuccess","timePickerError","timePickerRoot","timeColumnLabel","timeItemActive","timePickerFullWidth","timePickerActive","timeColumnActive","timeColumn","timeColumnScrolling","scrollbarVisible","timePickerPlacementRight","tokens","width","background","backgroundError","backgroundSuccess","backgroundReadOnly","borderRadius","borderWidth","borderColor","borderColorHover","borderColorFocus","borderColorError","borderColorSuccess","leftContentMargin","rightContentMargin","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","indicatorColor","indicatorSize","indicatorSizeOuter","indicatorPlacement","indicatorPlacementRight","indicatorOuterPlacement","indicatorOuterPlacementRight","textFieldColor","textFieldPlaceholderColorFocus","textFieldFocusColor","textFieldPlaceholderColor","textFieldCaretColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBackgroundErrorColor","textFieldBackgroundErrorColorHover","textFieldBackgroundErrorColorFocus","textFieldBackgroundSuccessColor","textFieldBackgroundSuccessColorHover","textFieldBackgroundSuccessColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldBorderColorError","textFieldBorderColorErrorHover","textFieldBorderColorErrorFocus","textFieldBorderColorSuccess","textFieldBorderColorSuccessHover","textFieldBorderColorSuccessFocus","textFieldBoxShadow","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldContentSlotColor","textFieldContentRightSlotColor","textFieldContentRightSlotColorHover","disabledOpacity","dropdownMarginTop","timePickerBackground","timePickerBorderRadius","timePickerWidth","timePickerPadding","columnHeight","itemHeight","itemBorderRadius","itemPadding","itemHoverBackground","itemActiveBackground","itemFontFamily","itemFontStyle","itemFontSize","itemFontWeight","itemLetterSpacing","itemLineHeight","scrollbarWidth","scrollbarColor","scrollbarTrackColor","scrollbarMargin"],"mappings":"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"}
|
package/es/index.css
CHANGED
|
@@ -1149,15 +1149,15 @@
|
|
|
1149
1149
|
.Section_styles_147bzzp_lnmmdxt__60e0567c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
1150
1150
|
|
|
1151
1151
|
|
|
1152
|
-
.
|
|
1153
|
-
.
|
|
1154
|
-
.
|
|
1155
|
-
.
|
|
1156
|
-
.
|
|
1157
|
-
.
|
|
1158
|
-
.
|
|
1159
|
-
.
|
|
1160
|
-
.
|
|
1152
|
+
.TimePicker_styles_1548b5s_s1ghbm1p__fa0983dd{width:100%;--plasma-textfield-color:var(--plasma-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker_range-border-color-focus);--plasma-textfield-box-shadow:var(--plasma-time-picker-textfield-box-shadow);--plasma-textfield-color-readonly:var(--plasma-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-time-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-time-picker-textfield__content-color,var(--plasma-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.TimePicker_styles_1548b5s_s1ghbm1p__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerError__fa0983dd{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-error-focus);}.TimePicker_styles_1548b5s_s1ghbm1p__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerSuccess__fa0983dd{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-success-focus);}
|
|
1153
|
+
.TimePicker_styles_1548b5s_b19h9m1x__fa0983dd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--plasma-time-picker-width);margin-top:var(--plasma-time-picker-dropdown-margin-top);}.TimePicker_styles_1548b5s_b19h9m1x__fa0983dd .TimePicker_styles_1548b5s_popoverWrapper__fa0983dd,.TimePicker_styles_1548b5s_b19h9m1x__fa0983dd .TimePicker_styles_1548b5s_popoverTarget__fa0983dd{width:inherit;}.TimePicker_styles_1548b5s_b19h9m1x__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerStretched__fa0983dd{width:100%;}.TimePicker_styles_1548b5s_b19h9m1x__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerStretched__fa0983dd .TimePicker_styles_1548b5s_popoverRoot__fa0983dd{width:100%;}.TimePicker_styles_1548b5s_b19h9m1x__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerFullWidth__fa0983dd{width:100%;}.TimePicker_styles_1548b5s_b19h9m1x__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerPlacementRight__fa0983dd{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
|
|
1154
|
+
.TimePicker_styles_1548b5s_slnaiay__fa0983dd{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);width:var(--slnaiay-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-ui-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;gap:var(--plasma-time-picker-scrollbar-width);box-sizing:border-box;position:relative;}
|
|
1155
|
+
.TimePicker_styles_1548b5s_sh0cawu__fa0983dd{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.TimePicker_styles_1548b5s_sh0cawu__fa0983dd:hover{background:var(--plasma-time-picker-item-hover-background);}.TimePicker_styles_1548b5s_sh0cawu__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerItemActive__fa0983dd{background:var(--plasma-time-picker-item-active-background);}
|
|
1156
|
+
.TimePicker_styles_1548b5s_s15lrh1g__fa0983dd{max-height:var(--s15lrh1g-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.TimePicker_styles_1548b5s_s15lrh1g__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerColumnActive__fa0983dd{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.TimePicker_styles_1548b5s_s15lrh1g__fa0983dd::-webkit-scrollbar{display:none;width:0;}
|
|
1157
|
+
.TimePicker_styles_1548b5s_c18qymw0__fa0983dd{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.TimePicker_styles_1548b5s_c18qymw0__fa0983dd.TimePicker_styles_1548b5s_plasmaTimePickerScrollbarVisible__fa0983dd{opacity:1;pointer-events:auto;}
|
|
1158
|
+
.TimePicker_styles_1548b5s_s1wgh6jw__fa0983dd{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
|
|
1159
|
+
.TimePicker_styles_1548b5s_s1qrdw7l__fa0983dd{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.TimePicker_styles_1548b5s_s1qrdw7l__fa0983dd:hover{background:var(--plasma-time-picker-scrollbar-color);}.TimePicker_styles_1548b5s_s1qrdw7l__fa0983dd:active{background:var(--plasma-time-picker-scrollbar-track-color);}
|
|
1160
|
+
.TimePicker_styles_1548b5s_sa62th__fa0983dd{width:100%;height:0%.125rem;}
|
|
1161
1161
|
|
|
1162
1162
|
.base_nyid0i_bxyi89k__8a89f178[disabled]{opacity:var(--plasma-time-picker-disabled-opacity);cursor:not-allowed;}
|
|
1163
1163
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.337.0-canary.2184.
|
|
3
|
+
"version": "0.337.0-canary.2184.17983182622.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": "3fd6b1d5f626ed4e26e4d773bf1f9fe4a4095694"
|
|
141
141
|
}
|
|
@@ -92,13 +92,13 @@ var mergedPopoverConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig);
|
|
|
92
92
|
var Popover = (0, _engines.component)(mergedPopoverConfig);
|
|
93
93
|
var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
|
|
94
94
|
displayName: "TimePicker.styles__StyledPopover",
|
|
95
|
-
componentId: "sc-
|
|
95
|
+
componentId: "sc-dcb61f63-0"
|
|
96
96
|
})([
|
|
97
97
|
""
|
|
98
98
|
]);
|
|
99
99
|
var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
|
|
100
100
|
displayName: "TimePicker.styles__StyledInput",
|
|
101
|
-
componentId: "sc-
|
|
101
|
+
componentId: "sc-dcb61f63-1"
|
|
102
102
|
})([
|
|
103
103
|
"width:100%;",
|
|
104
104
|
":var(",
|
|
@@ -212,6 +212,8 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
|
|
|
212
212
|
":var(",
|
|
213
213
|
");",
|
|
214
214
|
":var(",
|
|
215
|
+
");",
|
|
216
|
+
":var(",
|
|
215
217
|
",var(",
|
|
216
218
|
"));",
|
|
217
219
|
":var(",
|
|
@@ -246,7 +248,7 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
|
|
|
246
248
|
");",
|
|
247
249
|
":var(",
|
|
248
250
|
");}"
|
|
249
|
-
], _TextField.textFieldTokens.color, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _TimePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TimePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _TimePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _TimePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _TimePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _TimePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _TimePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _TimePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _TimePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _TimePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _TimePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _TimePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _TimePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TimePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _TimePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TimePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _TimePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _TimePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _TimePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TimePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TimePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _TimePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _TimePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _TimePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _TimePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _TimePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _TimePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _TimePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _TimePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _TimePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _TimePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TimePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TimePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TimePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TimePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _TimePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TimePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _TimePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _TimePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _TimePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _TimePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _TimePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _TimePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _TimePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _TimePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _TimePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _TimePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TimePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _TimePickertokens.tokens.textFieldContentSlotColor, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _TimePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _TimePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TimePickertokens.classes.timePickerError, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.textFieldBorderColorErrorFocus, _TimePickertokens.classes.timePickerSuccess, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.textFieldBorderColorSuccessFocus);
|
|
251
|
+
], _TextField.textFieldTokens.color, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _TimePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TimePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _TimePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _TimePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.borderColorFocus, _TextField.textFieldTokens.boxShadow, _TimePickertokens.tokens.textFieldBoxShadow, _TextField.textFieldTokens.colorReadOnly, _TimePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _TimePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _TimePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _TimePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _TimePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _TimePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _TimePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _TimePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _TimePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TimePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _TimePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TimePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _TimePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _TimePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _TimePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TimePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TimePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _TimePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _TimePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _TimePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _TimePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _TimePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _TimePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _TimePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _TimePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _TimePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _TimePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TimePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TimePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TimePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TimePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _TimePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TimePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _TimePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _TimePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _TimePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _TimePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _TimePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _TimePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _TimePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _TimePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _TimePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _TimePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TimePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _TimePickertokens.tokens.textFieldContentSlotColor, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _TimePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _TimePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TimePickertokens.classes.timePickerError, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.textFieldBorderColorErrorFocus, _TimePickertokens.classes.timePickerSuccess, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.textFieldBorderColorSuccessFocus);
|
|
250
252
|
var base = (0, _styledcomponents.css)([
|
|
251
253
|
"display:flex;width:var(",
|
|
252
254
|
");margin-top:var(",
|
|
@@ -260,7 +262,7 @@ var base = (0, _styledcomponents.css)([
|
|
|
260
262
|
], _TimePickertokens.tokens.width, _TimePickertokens.tokens.dropdownMarginTop, _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _TimePickertokens.classes.timePickerstretched, _Popover.popoverClasses.root, _TimePickertokens.classes.timePickerFullWidth, _TimePickertokens.classes.timePickerPlacementRight);
|
|
261
263
|
var StyledTimePicker = _styledcomponents.default.div.withConfig({
|
|
262
264
|
displayName: "TimePicker.styles__StyledTimePicker",
|
|
263
|
-
componentId: "sc-
|
|
265
|
+
componentId: "sc-dcb61f63-2"
|
|
264
266
|
})([
|
|
265
267
|
"background:var(",
|
|
266
268
|
");border-radius:var(",
|
|
@@ -274,7 +276,7 @@ var StyledTimePicker = _styledcomponents.default.div.withConfig({
|
|
|
274
276
|
}, _TimePickertokens.tokens.timePickerPadding, _TimePickertokens.tokens.scrollbarWidth);
|
|
275
277
|
var StyledTimeItem = _styledcomponents.default.div.withConfig({
|
|
276
278
|
displayName: "TimePicker.styles__StyledTimeItem",
|
|
277
|
-
componentId: "sc-
|
|
279
|
+
componentId: "sc-dcb61f63-3"
|
|
278
280
|
})([
|
|
279
281
|
"height:var(",
|
|
280
282
|
");padding:var(",
|
|
@@ -292,7 +294,7 @@ var StyledTimeItem = _styledcomponents.default.div.withConfig({
|
|
|
292
294
|
], _TimePickertokens.tokens.itemHeight, _TimePickertokens.tokens.itemPadding, _TimePickertokens.tokens.itemBorderRadius, _TimePickertokens.tokens.itemFontFamily, _TimePickertokens.tokens.itemFontSize, _TimePickertokens.tokens.itemFontStyle, _TimePickertokens.tokens.itemFontWeight, _TimePickertokens.tokens.itemLetterSpacing, _TimePickertokens.tokens.itemLineHeight, _TimePickertokens.tokens.itemHoverBackground, _TimePickertokens.classes.timeItemActive, _TimePickertokens.tokens.itemActiveBackground);
|
|
293
295
|
var StyledTimeColumn = _styledcomponents.default.div.withConfig({
|
|
294
296
|
displayName: "TimePicker.styles__StyledTimeColumn",
|
|
295
|
-
componentId: "sc-
|
|
297
|
+
componentId: "sc-dcb61f63-4"
|
|
296
298
|
})([
|
|
297
299
|
"max-height:",
|
|
298
300
|
";overflow-y:scroll;flex:1;z-index:3;box-sizing:border-box;display:flex;flex-direction:column;gap:var(",
|
|
@@ -306,7 +308,7 @@ var StyledTimeColumn = _styledcomponents.default.div.withConfig({
|
|
|
306
308
|
}, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.classes.timeColumnActive, _TimePickertokens.tokens.itemHoverBackground, _TimePickertokens.tokens.itemBorderRadius);
|
|
307
309
|
var CustomScrollbar = _styledcomponents.default.div.withConfig({
|
|
308
310
|
displayName: "TimePicker.styles__CustomScrollbar",
|
|
309
|
-
componentId: "sc-
|
|
311
|
+
componentId: "sc-dcb61f63-5"
|
|
310
312
|
})([
|
|
311
313
|
"position:absolute;top:var(",
|
|
312
314
|
");right:0;bottom:var(",
|
|
@@ -316,7 +318,7 @@ var CustomScrollbar = _styledcomponents.default.div.withConfig({
|
|
|
316
318
|
], _TimePickertokens.tokens.scrollbarMargin, _TimePickertokens.tokens.scrollbarMargin, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.classes.scrollbarVisible);
|
|
317
319
|
var ScrollbarTrack = _styledcomponents.default.div.withConfig({
|
|
318
320
|
displayName: "TimePicker.styles__ScrollbarTrack",
|
|
319
|
-
componentId: "sc-
|
|
321
|
+
componentId: "sc-dcb61f63-6"
|
|
320
322
|
})([
|
|
321
323
|
"position:relative;width:100%;height:100%;background:var(",
|
|
322
324
|
");border-radius:var(",
|
|
@@ -324,7 +326,7 @@ var ScrollbarTrack = _styledcomponents.default.div.withConfig({
|
|
|
324
326
|
], _TimePickertokens.tokens.scrollbarTrackColor, _TimePickertokens.tokens.scrollbarWidth);
|
|
325
327
|
var ScrollbarThumb = _styledcomponents.default.div.withConfig({
|
|
326
328
|
displayName: "TimePicker.styles__ScrollbarThumb",
|
|
327
|
-
componentId: "sc-
|
|
329
|
+
componentId: "sc-dcb61f63-7"
|
|
328
330
|
})([
|
|
329
331
|
"position:absolute;top:0;left:0;width:100%;background:var(",
|
|
330
332
|
");border-radius:var(",
|
|
@@ -334,7 +336,7 @@ var ScrollbarThumb = _styledcomponents.default.div.withConfig({
|
|
|
334
336
|
], _TimePickertokens.tokens.scrollbarColor, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarColor, _TimePickertokens.tokens.scrollbarTrackColor);
|
|
335
337
|
var StyledEmpty = _styledcomponents.default.div.withConfig({
|
|
336
338
|
displayName: "TimePicker.styles__StyledEmpty",
|
|
337
|
-
componentId: "sc-
|
|
339
|
+
componentId: "sc-dcb61f63-8"
|
|
338
340
|
})([
|
|
339
341
|
"width:100%;height:0%.125rem;"
|
|
340
342
|
]);
|
|
@@ -93,6 +93,7 @@ var tokens = {
|
|
|
93
93
|
textFieldBorderColorSuccess: '--plasma-time-picker-textfield-border-color-success',
|
|
94
94
|
textFieldBorderColorSuccessHover: '--plasma-time-picker-textfield-border-color-success-hover',
|
|
95
95
|
textFieldBorderColorSuccessFocus: '--plasma-time-picker-textfield-border-color-success-focus',
|
|
96
|
+
textFieldBoxShadow: '--plasma-time-picker-textfield-box-shadow',
|
|
96
97
|
textFieldColorReadOnly: '--plasma-time-picker-textfield-color-readonly',
|
|
97
98
|
textFieldBackgroundColorReadOnly: '--plasma-time-picker-textfield-background-color-readonly',
|
|
98
99
|
textFieldBorderColorReadOnly: '--plasma-time-picker-textfield-border-color-readonly',
|