@salutejs/plasma-new-hope 0.337.0-canary.2184.17851664722.0 → 0.337.0-canary.2184.17906360781.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 +5 -7
- package/cjs/components/TimePicker/TimePicker.js +13 -5
- package/cjs/components/TimePicker/TimePicker.js.map +1 -1
- package/cjs/components/TimePicker/TimePicker.styles.js +1 -1
- package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/cjs/components/TimePicker/{TimePicker.styles_1veu5q1.css → TimePicker.styles_1ie9d7j.css} +2 -4
- package/cjs/components/TimePicker/TimePicker.tokens.js +4 -1
- package/cjs/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/cjs/index.css +5 -7
- package/emotion/cjs/components/TimePicker/TimePicker.js +9 -3
- package/emotion/cjs/components/TimePicker/TimePicker.styles.js +11 -25
- package/emotion/cjs/components/TimePicker/TimePicker.tokens.js +4 -1
- package/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/emotion/es/components/TimePicker/TimePicker.js +9 -3
- package/emotion/es/components/TimePicker/TimePicker.styles.js +11 -19
- package/emotion/es/components/TimePicker/TimePicker.tokens.js +4 -1
- package/emotion/es/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/es/components/TimePicker/TimePicker.css +5 -7
- package/es/components/TimePicker/TimePicker.js +13 -5
- package/es/components/TimePicker/TimePicker.js.map +1 -1
- package/es/components/TimePicker/TimePicker.styles.js +1 -1
- package/es/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/es/components/TimePicker/{TimePicker.styles_1veu5q1.css → TimePicker.styles_1ie9d7j.css} +2 -4
- package/es/components/TimePicker/TimePicker.tokens.js +4 -1
- package/es/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/es/index.css +5 -7
- package/package.json +2 -2
- package/styled-components/cjs/components/TimePicker/TimePicker.js +9 -3
- package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +17 -36
- package/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +4 -1
- package/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +16 -10
- package/styled-components/es/components/TimePicker/TimePicker.js +9 -3
- package/styled-components/es/components/TimePicker/TimePicker.styles.js +17 -30
- package/styled-components/es/components/TimePicker/TimePicker.tokens.js +4 -1
- package/styled-components/es/examples/components/TimePicker/TimePicker.config.js +16 -10
- package/types/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +0 -2
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.tokens.d.ts +3 -0
- package/types/components/TimePicker/TimePicker.tokens.d.ts.map +1 -1
- package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +1 -1
package/cjs/index.css
CHANGED
|
@@ -1149,13 +1149,11 @@
|
|
|
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
|
-
.TimePicker_styles_1veu5q1_s18qymw0__937ad947{height:calc(var(--plasma-time-picker-column-height) - var(--plasma-time-picker-item-height));}
|
|
1158
|
-
.TimePicker_styles_1veu5q1_s1wgh6jw__937ad947{height:var(--plasma-time-picker-item-height);border-radius:var(--plasma-time-picker-item-border-radius);position:absolute;top:var(--plasma-time-picker-ui-padding);left:var(--plasma-time-picker-ui-padding);right:var(--plasma-time-picker-ui-padding);z-index:2;}.TimePicker_styles_1veu5q1_s1wgh6jw__937ad947.TimePicker_styles_1veu5q1_plasmaTimePickerActive__937ad947{background:var(--plasma-time-picker-item-active-background);}
|
|
1152
|
+
.TimePicker_styles_1ie9d7j_s1ghbm1p__dc9c5ed2{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-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_1ie9d7j_s1ghbm1p__dc9c5ed2.TimePicker_styles_1ie9d7j_plasmaTimePickerError__dc9c5ed2{--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_1ie9d7j_s1ghbm1p__dc9c5ed2.TimePicker_styles_1ie9d7j_plasmaTimePickerSuccess__dc9c5ed2{--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_1ie9d7j_b19h9m1x__dc9c5ed2{display:inline-block;width:var(--plasma-time-picker-width);}.TimePicker_styles_1ie9d7j_b19h9m1x__dc9c5ed2 .TimePicker_styles_1ie9d7j_popoverWrapper__dc9c5ed2,.TimePicker_styles_1ie9d7j_b19h9m1x__dc9c5ed2 .TimePicker_styles_1ie9d7j_popoverTarget__dc9c5ed2{width:inherit;}.TimePicker_styles_1ie9d7j_b19h9m1x__dc9c5ed2.TimePicker_styles_1ie9d7j_plasmaTimePickerStretched__dc9c5ed2{width:100%;}.TimePicker_styles_1ie9d7j_b19h9m1x__dc9c5ed2.TimePicker_styles_1ie9d7j_plasmaTimePickerStretched__dc9c5ed2 .TimePicker_styles_1ie9d7j_popoverRoot__dc9c5ed2{width:100%;}.TimePicker_styles_1ie9d7j_b19h9m1x__dc9c5ed2.TimePicker_styles_1ie9d7j_plasmaTimePickerFullWidth__dc9c5ed2{width:100%;}
|
|
1154
|
+
.TimePicker_styles_1ie9d7j_slnaiay__dc9c5ed2{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;box-sizing:border-box;position:relative;}
|
|
1155
|
+
.TimePicker_styles_1ie9d7j_sh0cawu__dc9c5ed2{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;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_1ie9d7j_sh0cawu__dc9c5ed2:hover{background:var(--plasma-time-picker-item-hover-background);}.TimePicker_styles_1ie9d7j_sh0cawu__dc9c5ed2.TimePicker_styles_1ie9d7j_plasmaTimePickerItemActive__dc9c5ed2{background:var(--plasma-time-picker-item-active-background);}
|
|
1156
|
+
.TimePicker_styles_1ie9d7j_s15lrh1g__dc9c5ed2{max-height:var(--s15lrh1g-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;padding:calc(var(--plasma-time-picker-scrollbar-width) / 2);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%;}.TimePicker_styles_1ie9d7j_s15lrh1g__dc9c5ed2.TimePicker_styles_1ie9d7j_plasmaTimePickerColumnActive__dc9c5ed2{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.TimePicker_styles_1ie9d7j_s15lrh1g__dc9c5ed2::-webkit-scrollbar{width:var(--plasma-time-picker-scrollbar-width);height:var(--plasma-time-picker-scrollbar-width);}.TimePicker_styles_1ie9d7j_s15lrh1g__dc9c5ed2::-webkit-scrollbar-track{background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}.TimePicker_styles_1ie9d7j_s15lrh1g__dc9c5ed2::-webkit-scrollbar-thumb{background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
|
|
1159
1157
|
|
|
1160
1158
|
.base_nyid0i_bxyi89k__8a89f178[disabled]{opacity:var(--plasma-time-picker-disabled-opacity);cursor:not-allowed;}
|
|
1161
1159
|
|
|
@@ -260,6 +260,7 @@ var timePickerRoot = function(Root) {
|
|
|
260
260
|
currentColumn: null
|
|
261
261
|
}), 2), activeTime = _useState2[0], setActiveTime = _useState2[1];
|
|
262
262
|
var _useState3 = _sliced_to_array((0, _react.useState)(0), 2), itemHeight = _useState3[0], setItemHeight = _useState3[1];
|
|
263
|
+
var _useState4 = _sliced_to_array((0, _react.useState)(0), 2), gap = _useState4[0], setGap = _useState4[1];
|
|
263
264
|
var viewValue = outerValue !== null && outerValue !== void 0 ? outerValue : innerTime;
|
|
264
265
|
var format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';
|
|
265
266
|
var hours = (0, _utils1.range)(24);
|
|
@@ -299,14 +300,20 @@ var timePickerRoot = function(Root) {
|
|
|
299
300
|
setItemHeight(firstItem.offsetHeight);
|
|
300
301
|
}
|
|
301
302
|
}
|
|
303
|
+
if (isInnerOpen && hoursColumnRef.current) {
|
|
304
|
+
var computedStyle = getComputedStyle(hoursColumnRef.current);
|
|
305
|
+
var gapValue = parseFloat(computedStyle.gap || '0');
|
|
306
|
+
setGap(gapValue);
|
|
307
|
+
}
|
|
302
308
|
}, [
|
|
303
309
|
isInnerOpen
|
|
304
310
|
]);
|
|
305
311
|
(0, _react.useEffect)(function() {
|
|
306
312
|
if (!isInnerOpen || itemHeight === 0) return;
|
|
307
313
|
var scrollToActiveItem = function(columnRef, index) {
|
|
308
|
-
if (columnRef.current) {
|
|
309
|
-
|
|
314
|
+
if (columnRef.current && index !== null) {
|
|
315
|
+
var scrollPosition = index * (itemHeight + gap);
|
|
316
|
+
(0, _utils1.animateScrollTo)(columnRef.current, scrollPosition);
|
|
310
317
|
}
|
|
311
318
|
};
|
|
312
319
|
scrollToActiveItem(hoursColumnRef, activeTime.hours);
|
|
@@ -571,7 +578,6 @@ var timePickerRoot = function(Root) {
|
|
|
571
578
|
ref: function(el) {
|
|
572
579
|
timeItemRefs.current["".concat(column, "-").concat(value)] = el;
|
|
573
580
|
},
|
|
574
|
-
// tabIndex={activeTime[column] === index ? 0 : -1}
|
|
575
581
|
className: (0, _classnames.default)(_define_property({}, _TimePickertokens.classes.timeItemActive, activeTime[column] === index)),
|
|
576
582
|
onClick: function() {
|
|
577
583
|
return handleTimeItemClick(value, column);
|