@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/es/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
|
|
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.17906360781.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": "97298fc7b5eaa1c98c635f1fb0979026d35e27c7"
|
|
141
141
|
}
|
|
@@ -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);
|
|
@@ -15,18 +15,12 @@ _export(exports, {
|
|
|
15
15
|
get StyledPopover () {
|
|
16
16
|
return StyledPopover;
|
|
17
17
|
},
|
|
18
|
-
get StyledSelectedTime () {
|
|
19
|
-
return StyledSelectedTime;
|
|
20
|
-
},
|
|
21
18
|
get StyledTimeColumn () {
|
|
22
19
|
return StyledTimeColumn;
|
|
23
20
|
},
|
|
24
21
|
get StyledTimeItem () {
|
|
25
22
|
return StyledTimeItem;
|
|
26
23
|
},
|
|
27
|
-
get StyledTimeItemEmpty () {
|
|
28
|
-
return StyledTimeItemEmpty;
|
|
29
|
-
},
|
|
30
24
|
get StyledTimePicker () {
|
|
31
25
|
return StyledTimePicker;
|
|
32
26
|
},
|
|
@@ -86,13 +80,13 @@ var mergedPopoverConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig);
|
|
|
86
80
|
var Popover = (0, _engines.component)(mergedPopoverConfig);
|
|
87
81
|
var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
|
|
88
82
|
displayName: "TimePicker.styles__StyledPopover",
|
|
89
|
-
componentId: "sc-
|
|
83
|
+
componentId: "sc-ed479252-0"
|
|
90
84
|
})([
|
|
91
85
|
""
|
|
92
86
|
]);
|
|
93
87
|
var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
|
|
94
88
|
displayName: "TimePicker.styles__StyledInput",
|
|
95
|
-
componentId: "sc-
|
|
89
|
+
componentId: "sc-ed479252-1"
|
|
96
90
|
})([
|
|
97
91
|
"width:100%;",
|
|
98
92
|
":var(",
|
|
@@ -252,7 +246,7 @@ var base = (0, _styledcomponents.css)([
|
|
|
252
246
|
], _TimePickertokens.tokens.width, _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _TimePickertokens.classes.timePickerstretched, _Popover.popoverClasses.root, _TimePickertokens.classes.timePickerFullWidth);
|
|
253
247
|
var StyledTimePicker = _styledcomponents.default.div.withConfig({
|
|
254
248
|
displayName: "TimePicker.styles__StyledTimePicker",
|
|
255
|
-
componentId: "sc-
|
|
249
|
+
componentId: "sc-ed479252-2"
|
|
256
250
|
})([
|
|
257
251
|
"background:var(",
|
|
258
252
|
");border-radius:var(",
|
|
@@ -265,12 +259,12 @@ var StyledTimePicker = _styledcomponents.default.div.withConfig({
|
|
|
265
259
|
}, _TimePickertokens.tokens.timePickerPadding);
|
|
266
260
|
var StyledTimeItem = _styledcomponents.default.div.withConfig({
|
|
267
261
|
displayName: "TimePicker.styles__StyledTimeItem",
|
|
268
|
-
componentId: "sc-
|
|
262
|
+
componentId: "sc-ed479252-3"
|
|
269
263
|
})([
|
|
270
264
|
"height:var(",
|
|
271
265
|
");padding:var(",
|
|
272
266
|
");box-sizing:border-box;display:flex;justify-content:center;align-items:center;transition:0.05s;border-radius:var(",
|
|
273
|
-
");cursor:pointer;font-family:var(",
|
|
267
|
+
");cursor:pointer;flex-shrink:0;font-family:var(",
|
|
274
268
|
");font-size:var(",
|
|
275
269
|
");font-style:var(",
|
|
276
270
|
");font-weight:var(",
|
|
@@ -283,35 +277,22 @@ var StyledTimeItem = _styledcomponents.default.div.withConfig({
|
|
|
283
277
|
], _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);
|
|
284
278
|
var StyledTimeColumn = _styledcomponents.default.div.withConfig({
|
|
285
279
|
displayName: "TimePicker.styles__StyledTimeColumn",
|
|
286
|
-
componentId: "sc-
|
|
280
|
+
componentId: "sc-ed479252-4"
|
|
287
281
|
})([
|
|
288
282
|
"max-height:",
|
|
289
|
-
";overflow-y:scroll;flex:1;z-index:3;padding:
|
|
283
|
+
";overflow-y:scroll;flex:1;z-index:3;padding:calc(var(",
|
|
284
|
+
") / 2);box-sizing:border-box;display:flex;flex-direction:column;gap:var(",
|
|
285
|
+
");width:100%;&.",
|
|
290
286
|
"{border:0.125rem solid var(",
|
|
291
287
|
");border-radius:var(",
|
|
292
|
-
");}&::-webkit-scrollbar{width:
|
|
288
|
+
");}&::-webkit-scrollbar{width:var(",
|
|
289
|
+
");height:var(",
|
|
290
|
+
");}&::-webkit-scrollbar-track{background:var(",
|
|
291
|
+
");border-radius:var(",
|
|
292
|
+
");}&::-webkit-scrollbar-thumb{background:var(",
|
|
293
|
+
");border-radius:var(",
|
|
294
|
+
");}"
|
|
293
295
|
], function(param) {
|
|
294
296
|
var height = param.height;
|
|
295
297
|
return height || "var(".concat(_TimePickertokens.tokens.columnHeight, ")");
|
|
296
|
-
}, _TimePickertokens.classes.timeColumnActive, _TimePickertokens.tokens.itemHoverBackground, _TimePickertokens.tokens.itemBorderRadius);
|
|
297
|
-
var StyledTimeItemEmpty = _styledcomponents.default.div.withConfig({
|
|
298
|
-
displayName: "TimePicker.styles__StyledTimeItemEmpty",
|
|
299
|
-
componentId: "sc-971777d-5"
|
|
300
|
-
})([
|
|
301
|
-
"height:calc(var(",
|
|
302
|
-
") - var(",
|
|
303
|
-
"));"
|
|
304
|
-
], _TimePickertokens.tokens.columnHeight, _TimePickertokens.tokens.itemHeight);
|
|
305
|
-
var StyledSelectedTime = _styledcomponents.default.div.withConfig({
|
|
306
|
-
displayName: "TimePicker.styles__StyledSelectedTime",
|
|
307
|
-
componentId: "sc-971777d-6"
|
|
308
|
-
})([
|
|
309
|
-
"height:var(",
|
|
310
|
-
");border-radius:var(",
|
|
311
|
-
");position:absolute;top:var(",
|
|
312
|
-
");left:var(",
|
|
313
|
-
");right:var(",
|
|
314
|
-
");z-index:2;&.",
|
|
315
|
-
"{background:var(",
|
|
316
|
-
");}"
|
|
317
|
-
], _TimePickertokens.tokens.itemHeight, _TimePickertokens.tokens.itemBorderRadius, _TimePickertokens.tokens.timePickerPadding, _TimePickertokens.tokens.timePickerPadding, _TimePickertokens.tokens.timePickerPadding, _TimePickertokens.classes.timePickerActive, _TimePickertokens.tokens.itemActiveBackground);
|
|
298
|
+
}, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.classes.timeColumnActive, _TimePickertokens.tokens.itemHoverBackground, _TimePickertokens.tokens.itemBorderRadius, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarTrackColor, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarColor, _TimePickertokens.tokens.scrollbarWidth);
|
|
@@ -128,5 +128,8 @@ var tokens = {
|
|
|
128
128
|
itemFontSize: '--plasma-time-picker-item-font-size',
|
|
129
129
|
itemFontWeight: '--plasma-time-picker-item-font-weight',
|
|
130
130
|
itemLetterSpacing: '--plasma-time-picker-item-letter-spacing',
|
|
131
|
-
itemLineHeight: '--plasma-time-picker-item-line-height'
|
|
131
|
+
itemLineHeight: '--plasma-time-picker-item-line-height',
|
|
132
|
+
scrollbarWidth: '--plasma-time-picker-scrollbar-width',
|
|
133
|
+
scrollbarColor: '--plasma-time-picker-scrollbar-color',
|
|
134
|
+
scrollbarTrackColor: '--plasma-time-picker-scrollbar-track-color'
|
|
132
135
|
};
|
|
@@ -44,8 +44,10 @@ var config = {
|
|
|
44
44
|
":var(--text-tertiary);",
|
|
45
45
|
":var(--surface-solid-card);",
|
|
46
46
|
":var(--surface-transparent-secondary);",
|
|
47
|
-
":var(--surface-transparent-secondary);"
|
|
48
|
-
|
|
47
|
+
":var(--surface-transparent-secondary);",
|
|
48
|
+
":var(--surface-transparent-tertiary);",
|
|
49
|
+
":var(--surface-transparent-primary);"
|
|
50
|
+
], _TimePicker.timePickerTokens.background, _TimePicker.timePickerTokens.backgroundError, _TimePicker.timePickerTokens.backgroundSuccess, _TimePicker.timePickerTokens.labelColor, _TimePicker.timePickerTokens.textFieldColor, _TimePicker.timePickerTokens.textFieldPlaceholderColor, _TimePicker.timePickerTokens.textFieldCaretColor, _TimePicker.timePickerTokens.labelInnerFontFamily, _TimePicker.timePickerTokens.labelInnerFontSize, _TimePicker.timePickerTokens.labelInnerFontStyle, _TimePicker.timePickerTokens.labelInnerFontWeight, _TimePicker.timePickerTokens.labelInnerLetterSpacing, _TimePicker.timePickerTokens.labelInnerLineHeight, _TimePicker.timePickerTokens.indicatorColor, _TimePicker.timePickerTokens.textFieldBackgroundColor, _TimePicker.timePickerTokens.textFieldBackgroundColorFocus, _TimePicker.timePickerTokens.textFieldBackgroundErrorColor, _TimePicker.timePickerTokens.textFieldBackgroundErrorColorFocus, _TimePicker.timePickerTokens.textFieldBackgroundSuccessColor, _TimePicker.timePickerTokens.textFieldBackgroundSuccessColorFocus, _TimePicker.timePickerTokens.textFieldTextBeforeColor, _TimePicker.timePickerTokens.textFieldTextAfterColor, _TimePicker.timePickerTokens.textFieldPlaceholderColorFocus, _TimePicker.timePickerTokens.timePickerBackground, _TimePicker.timePickerTokens.itemHoverBackground, _TimePicker.timePickerTokens.itemActiveBackground, _TimePicker.timePickerTokens.scrollbarColor, _TimePicker.timePickerTokens.scrollbarTrackColor)
|
|
49
51
|
},
|
|
50
52
|
size: {
|
|
51
53
|
l: (0, _styledcomponents.css)([
|
|
@@ -94,8 +96,9 @@ var config = {
|
|
|
94
96
|
":var(--plasma-typo-body-l-line-height);",
|
|
95
97
|
":3.5rem;",
|
|
96
98
|
":0.75rem;",
|
|
97
|
-
":0rem;"
|
|
98
|
-
|
|
99
|
+
":0rem;",
|
|
100
|
+
":0.125rem;"
|
|
101
|
+
], _TimePicker.timePickerTokens.width, _TimePicker.timePickerTokens.borderRadius, _TimePicker.timePickerTokens.leftContentMargin, _TimePicker.timePickerTokens.rightContentMargin, _TimePicker.timePickerTokens.labelOffset, _TimePicker.timePickerTokens.labelInnerPadding, _TimePicker.timePickerTokens.contentLabelInnerPadding, _TimePicker.timePickerTokens.labelFontFamily, _TimePicker.timePickerTokens.labelFontStyle, _TimePicker.timePickerTokens.labelFontSize, _TimePicker.timePickerTokens.labelFontWeight, _TimePicker.timePickerTokens.labelLetterSpacing, _TimePicker.timePickerTokens.labelLineHeight, _TimePicker.timePickerTokens.indicatorSize, _TimePicker.timePickerTokens.indicatorSizeOuter, _TimePicker.timePickerTokens.indicatorPlacement, _TimePicker.timePickerTokens.indicatorOuterPlacement, _TimePicker.timePickerTokens.indicatorPlacementRight, _TimePicker.timePickerTokens.indicatorOuterPlacementRight, _TimePicker.timePickerTokens.textFieldHeight, _TimePicker.timePickerTokens.textFieldBorderRadius, _TimePicker.timePickerTokens.textFieldPadding, _TimePicker.timePickerTokens.textFieldFontFamily, _TimePicker.timePickerTokens.textFieldFontStyle, _TimePicker.timePickerTokens.textFieldFontSize, _TimePicker.timePickerTokens.textFieldFontWeight, _TimePicker.timePickerTokens.textFieldLetterSpacing, _TimePicker.timePickerTokens.textFieldLineHeight, _TimePicker.timePickerTokens.textFieldLeftContentMargin, _TimePicker.timePickerTokens.textFieldRightContentMargin, _TimePicker.timePickerTokens.textFieldTextBeforeMargin, _TimePicker.timePickerTokens.textFieldTextAfterMargin, _TimePicker.timePickerTokens.timePickerBorderRadius, _TimePicker.timePickerTokens.timePickerWidth, _TimePicker.timePickerTokens.timePickerPadding, _TimePicker.timePickerTokens.columnHeight, _TimePicker.timePickerTokens.itemFontFamily, _TimePicker.timePickerTokens.itemFontSize, _TimePicker.timePickerTokens.itemFontStyle, _TimePicker.timePickerTokens.itemFontWeight, _TimePicker.timePickerTokens.itemLetterSpacing, _TimePicker.timePickerTokens.itemLineHeight, _TimePicker.timePickerTokens.itemHeight, _TimePicker.timePickerTokens.itemBorderRadius, _TimePicker.timePickerTokens.itemPadding, _TimePicker.timePickerTokens.scrollbarWidth),
|
|
99
102
|
m: (0, _styledcomponents.css)([
|
|
100
103
|
"",
|
|
101
104
|
":20rem;",
|
|
@@ -142,8 +145,9 @@ var config = {
|
|
|
142
145
|
":var(--plasma-typo-body-m-line-height);",
|
|
143
146
|
":3rem;",
|
|
144
147
|
":0.625rem;",
|
|
145
|
-
":0rem;"
|
|
146
|
-
|
|
148
|
+
":0rem;",
|
|
149
|
+
":0.125rem;"
|
|
150
|
+
], _TimePicker.timePickerTokens.width, _TimePicker.timePickerTokens.borderRadius, _TimePicker.timePickerTokens.leftContentMargin, _TimePicker.timePickerTokens.rightContentMargin, _TimePicker.timePickerTokens.labelOffset, _TimePicker.timePickerTokens.labelInnerPadding, _TimePicker.timePickerTokens.contentLabelInnerPadding, _TimePicker.timePickerTokens.labelFontFamily, _TimePicker.timePickerTokens.labelFontStyle, _TimePicker.timePickerTokens.labelFontSize, _TimePicker.timePickerTokens.labelFontWeight, _TimePicker.timePickerTokens.labelLetterSpacing, _TimePicker.timePickerTokens.labelLineHeight, _TimePicker.timePickerTokens.indicatorSize, _TimePicker.timePickerTokens.indicatorSizeOuter, _TimePicker.timePickerTokens.indicatorPlacement, _TimePicker.timePickerTokens.indicatorOuterPlacement, _TimePicker.timePickerTokens.indicatorPlacementRight, _TimePicker.timePickerTokens.indicatorOuterPlacementRight, _TimePicker.timePickerTokens.textFieldHeight, _TimePicker.timePickerTokens.textFieldBorderRadius, _TimePicker.timePickerTokens.textFieldPadding, _TimePicker.timePickerTokens.textFieldFontFamily, _TimePicker.timePickerTokens.textFieldFontStyle, _TimePicker.timePickerTokens.textFieldFontSize, _TimePicker.timePickerTokens.textFieldFontWeight, _TimePicker.timePickerTokens.textFieldLetterSpacing, _TimePicker.timePickerTokens.textFieldLineHeight, _TimePicker.timePickerTokens.textFieldLeftContentMargin, _TimePicker.timePickerTokens.textFieldRightContentMargin, _TimePicker.timePickerTokens.textFieldTextBeforeMargin, _TimePicker.timePickerTokens.textFieldTextAfterMargin, _TimePicker.timePickerTokens.timePickerBorderRadius, _TimePicker.timePickerTokens.timePickerWidth, _TimePicker.timePickerTokens.timePickerPadding, _TimePicker.timePickerTokens.columnHeight, _TimePicker.timePickerTokens.itemFontFamily, _TimePicker.timePickerTokens.itemFontSize, _TimePicker.timePickerTokens.itemFontStyle, _TimePicker.timePickerTokens.itemFontWeight, _TimePicker.timePickerTokens.itemLetterSpacing, _TimePicker.timePickerTokens.itemLineHeight, _TimePicker.timePickerTokens.itemHeight, _TimePicker.timePickerTokens.itemBorderRadius, _TimePicker.timePickerTokens.itemPadding, _TimePicker.timePickerTokens.scrollbarWidth),
|
|
147
151
|
s: (0, _styledcomponents.css)([
|
|
148
152
|
"",
|
|
149
153
|
":20rem;",
|
|
@@ -190,8 +194,9 @@ var config = {
|
|
|
190
194
|
":var(--plasma-typo-body-s-line-height);",
|
|
191
195
|
":2.5rem;",
|
|
192
196
|
":0.5rem;",
|
|
193
|
-
":0rem;"
|
|
194
|
-
|
|
197
|
+
":0rem;",
|
|
198
|
+
":0.125rem;"
|
|
199
|
+
], _TimePicker.timePickerTokens.width, _TimePicker.timePickerTokens.borderRadius, _TimePicker.timePickerTokens.leftContentMargin, _TimePicker.timePickerTokens.rightContentMargin, _TimePicker.timePickerTokens.labelOffset, _TimePicker.timePickerTokens.labelInnerPadding, _TimePicker.timePickerTokens.contentLabelInnerPadding, _TimePicker.timePickerTokens.labelFontFamily, _TimePicker.timePickerTokens.labelFontStyle, _TimePicker.timePickerTokens.labelFontSize, _TimePicker.timePickerTokens.labelFontWeight, _TimePicker.timePickerTokens.labelLetterSpacing, _TimePicker.timePickerTokens.labelLineHeight, _TimePicker.timePickerTokens.indicatorSize, _TimePicker.timePickerTokens.indicatorSizeOuter, _TimePicker.timePickerTokens.indicatorPlacement, _TimePicker.timePickerTokens.indicatorOuterPlacement, _TimePicker.timePickerTokens.indicatorPlacementRight, _TimePicker.timePickerTokens.indicatorOuterPlacementRight, _TimePicker.timePickerTokens.textFieldHeight, _TimePicker.timePickerTokens.textFieldBorderRadius, _TimePicker.timePickerTokens.textFieldPadding, _TimePicker.timePickerTokens.textFieldFontFamily, _TimePicker.timePickerTokens.textFieldFontStyle, _TimePicker.timePickerTokens.textFieldFontSize, _TimePicker.timePickerTokens.textFieldFontWeight, _TimePicker.timePickerTokens.textFieldLetterSpacing, _TimePicker.timePickerTokens.textFieldLineHeight, _TimePicker.timePickerTokens.textFieldLeftContentMargin, _TimePicker.timePickerTokens.textFieldRightContentMargin, _TimePicker.timePickerTokens.textFieldTextBeforeMargin, _TimePicker.timePickerTokens.textFieldTextAfterMargin, _TimePicker.timePickerTokens.timePickerBorderRadius, _TimePicker.timePickerTokens.timePickerWidth, _TimePicker.timePickerTokens.timePickerPadding, _TimePicker.timePickerTokens.columnHeight, _TimePicker.timePickerTokens.itemFontFamily, _TimePicker.timePickerTokens.itemFontSize, _TimePicker.timePickerTokens.itemFontStyle, _TimePicker.timePickerTokens.itemFontWeight, _TimePicker.timePickerTokens.itemLetterSpacing, _TimePicker.timePickerTokens.itemLineHeight, _TimePicker.timePickerTokens.itemHeight, _TimePicker.timePickerTokens.itemBorderRadius, _TimePicker.timePickerTokens.itemPadding, _TimePicker.timePickerTokens.scrollbarWidth),
|
|
195
200
|
xs: (0, _styledcomponents.css)([
|
|
196
201
|
"",
|
|
197
202
|
":20rem;",
|
|
@@ -238,8 +243,9 @@ var config = {
|
|
|
238
243
|
":var(--plasma-typo-body-xs-line-height);",
|
|
239
244
|
":2rem;",
|
|
240
245
|
":0.375rem;",
|
|
241
|
-
":0rem;"
|
|
242
|
-
|
|
246
|
+
":0rem;",
|
|
247
|
+
":0.125rem;"
|
|
248
|
+
], _TimePicker.timePickerTokens.width, _TimePicker.timePickerTokens.borderRadius, _TimePicker.timePickerTokens.leftContentMargin, _TimePicker.timePickerTokens.rightContentMargin, _TimePicker.timePickerTokens.labelOffset, _TimePicker.timePickerTokens.labelInnerPadding, _TimePicker.timePickerTokens.contentLabelInnerPadding, _TimePicker.timePickerTokens.labelFontFamily, _TimePicker.timePickerTokens.labelFontStyle, _TimePicker.timePickerTokens.labelFontSize, _TimePicker.timePickerTokens.labelFontWeight, _TimePicker.timePickerTokens.labelLetterSpacing, _TimePicker.timePickerTokens.labelLineHeight, _TimePicker.timePickerTokens.indicatorSize, _TimePicker.timePickerTokens.indicatorSizeOuter, _TimePicker.timePickerTokens.indicatorPlacement, _TimePicker.timePickerTokens.indicatorOuterPlacement, _TimePicker.timePickerTokens.indicatorPlacementRight, _TimePicker.timePickerTokens.indicatorOuterPlacementRight, _TimePicker.timePickerTokens.textFieldHeight, _TimePicker.timePickerTokens.textFieldBorderRadius, _TimePicker.timePickerTokens.textFieldPadding, _TimePicker.timePickerTokens.textFieldFontFamily, _TimePicker.timePickerTokens.textFieldFontStyle, _TimePicker.timePickerTokens.textFieldFontSize, _TimePicker.timePickerTokens.textFieldFontWeight, _TimePicker.timePickerTokens.textFieldLetterSpacing, _TimePicker.timePickerTokens.textFieldLineHeight, _TimePicker.timePickerTokens.textFieldLeftContentMargin, _TimePicker.timePickerTokens.textFieldRightContentMargin, _TimePicker.timePickerTokens.textFieldTextBeforeMargin, _TimePicker.timePickerTokens.textFieldTextAfterMargin, _TimePicker.timePickerTokens.timePickerBorderRadius, _TimePicker.timePickerTokens.timePickerWidth, _TimePicker.timePickerTokens.timePickerPadding, _TimePicker.timePickerTokens.columnHeight, _TimePicker.timePickerTokens.itemFontFamily, _TimePicker.timePickerTokens.itemFontSize, _TimePicker.timePickerTokens.itemFontStyle, _TimePicker.timePickerTokens.itemFontWeight, _TimePicker.timePickerTokens.itemLetterSpacing, _TimePicker.timePickerTokens.itemLineHeight, _TimePicker.timePickerTokens.itemHeight, _TimePicker.timePickerTokens.itemBorderRadius, _TimePicker.timePickerTokens.itemPadding, _TimePicker.timePickerTokens.scrollbarWidth)
|
|
243
249
|
},
|
|
244
250
|
disabled: {
|
|
245
251
|
true: (0, _styledcomponents.css)([
|
|
@@ -196,6 +196,7 @@ export var timePickerRoot = function(Root) {
|
|
|
196
196
|
currentColumn: null
|
|
197
197
|
}), 2), activeTime = _useState2[0], setActiveTime = _useState2[1];
|
|
198
198
|
var _useState3 = _sliced_to_array(useState(0), 2), itemHeight = _useState3[0], setItemHeight = _useState3[1];
|
|
199
|
+
var _useState4 = _sliced_to_array(useState(0), 2), gap = _useState4[0], setGap = _useState4[1];
|
|
199
200
|
var viewValue = outerValue !== null && outerValue !== void 0 ? outerValue : innerTime;
|
|
200
201
|
var format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';
|
|
201
202
|
var hours = range(24);
|
|
@@ -235,14 +236,20 @@ export var timePickerRoot = function(Root) {
|
|
|
235
236
|
setItemHeight(firstItem.offsetHeight);
|
|
236
237
|
}
|
|
237
238
|
}
|
|
239
|
+
if (isInnerOpen && hoursColumnRef.current) {
|
|
240
|
+
var computedStyle = getComputedStyle(hoursColumnRef.current);
|
|
241
|
+
var gapValue = parseFloat(computedStyle.gap || '0');
|
|
242
|
+
setGap(gapValue);
|
|
243
|
+
}
|
|
238
244
|
}, [
|
|
239
245
|
isInnerOpen
|
|
240
246
|
]);
|
|
241
247
|
useEffect(function() {
|
|
242
248
|
if (!isInnerOpen || itemHeight === 0) return;
|
|
243
249
|
var scrollToActiveItem = function(columnRef, index) {
|
|
244
|
-
if (columnRef.current) {
|
|
245
|
-
|
|
250
|
+
if (columnRef.current && index !== null) {
|
|
251
|
+
var scrollPosition = index * (itemHeight + gap);
|
|
252
|
+
animateScrollTo(columnRef.current, scrollPosition);
|
|
246
253
|
}
|
|
247
254
|
};
|
|
248
255
|
scrollToActiveItem(hoursColumnRef, activeTime.hours);
|
|
@@ -507,7 +514,6 @@ export var timePickerRoot = function(Root) {
|
|
|
507
514
|
ref: function(el) {
|
|
508
515
|
timeItemRefs.current["".concat(column, "-").concat(value)] = el;
|
|
509
516
|
},
|
|
510
|
-
// tabIndex={activeTime[column] === index ? 0 : -1}
|
|
511
517
|
className: cls(_define_property({}, classes.timeItemActive, activeTime[column] === index)),
|
|
512
518
|
onClick: function() {
|
|
513
519
|
return handleTimeItemClick(value, column);
|
|
@@ -10,14 +10,14 @@ var mergedPopoverConfig = mergeConfig(popoverConfig);
|
|
|
10
10
|
var Popover = component(mergedPopoverConfig);
|
|
11
11
|
export var StyledPopover = styled(Popover).withConfig({
|
|
12
12
|
displayName: "TimePicker.styles__StyledPopover",
|
|
13
|
-
componentId: "sc-
|
|
13
|
+
componentId: "sc-ed479252-0"
|
|
14
14
|
})([
|
|
15
15
|
""
|
|
16
16
|
]);
|
|
17
17
|
// NOTE: переопределение токенов TextField
|
|
18
18
|
export var StyledInput = styled(TextField).withConfig({
|
|
19
19
|
displayName: "TimePicker.styles__StyledInput",
|
|
20
|
-
componentId: "sc-
|
|
20
|
+
componentId: "sc-ed479252-1"
|
|
21
21
|
})([
|
|
22
22
|
"width:100%;",
|
|
23
23
|
":var(",
|
|
@@ -177,7 +177,7 @@ export var base = css([
|
|
|
177
177
|
], tokens.width, popoverClasses.wrapper, popoverClasses.target, classes.timePickerstretched, popoverClasses.root, classes.timePickerFullWidth);
|
|
178
178
|
export var StyledTimePicker = styled.div.withConfig({
|
|
179
179
|
displayName: "TimePicker.styles__StyledTimePicker",
|
|
180
|
-
componentId: "sc-
|
|
180
|
+
componentId: "sc-ed479252-2"
|
|
181
181
|
})([
|
|
182
182
|
"background:var(",
|
|
183
183
|
");border-radius:var(",
|
|
@@ -190,12 +190,12 @@ export var StyledTimePicker = styled.div.withConfig({
|
|
|
190
190
|
}, tokens.timePickerPadding);
|
|
191
191
|
export var StyledTimeItem = styled.div.withConfig({
|
|
192
192
|
displayName: "TimePicker.styles__StyledTimeItem",
|
|
193
|
-
componentId: "sc-
|
|
193
|
+
componentId: "sc-ed479252-3"
|
|
194
194
|
})([
|
|
195
195
|
"height:var(",
|
|
196
196
|
");padding:var(",
|
|
197
197
|
");box-sizing:border-box;display:flex;justify-content:center;align-items:center;transition:0.05s;border-radius:var(",
|
|
198
|
-
");cursor:pointer;font-family:var(",
|
|
198
|
+
");cursor:pointer;flex-shrink:0;font-family:var(",
|
|
199
199
|
");font-size:var(",
|
|
200
200
|
");font-style:var(",
|
|
201
201
|
");font-weight:var(",
|
|
@@ -208,35 +208,22 @@ export var StyledTimeItem = styled.div.withConfig({
|
|
|
208
208
|
], tokens.itemHeight, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHoverBackground, classes.timeItemActive, tokens.itemActiveBackground);
|
|
209
209
|
export var StyledTimeColumn = styled.div.withConfig({
|
|
210
210
|
displayName: "TimePicker.styles__StyledTimeColumn",
|
|
211
|
-
componentId: "sc-
|
|
211
|
+
componentId: "sc-ed479252-4"
|
|
212
212
|
})([
|
|
213
213
|
"max-height:",
|
|
214
|
-
";overflow-y:scroll;flex:1;z-index:3;padding:
|
|
214
|
+
";overflow-y:scroll;flex:1;z-index:3;padding:calc(var(",
|
|
215
|
+
") / 2);box-sizing:border-box;display:flex;flex-direction:column;gap:var(",
|
|
216
|
+
");width:100%;&.",
|
|
215
217
|
"{border:0.125rem solid var(",
|
|
216
218
|
");border-radius:var(",
|
|
217
|
-
");}&::-webkit-scrollbar{width:
|
|
219
|
+
");}&::-webkit-scrollbar{width:var(",
|
|
220
|
+
");height:var(",
|
|
221
|
+
");}&::-webkit-scrollbar-track{background:var(",
|
|
222
|
+
");border-radius:var(",
|
|
223
|
+
");}&::-webkit-scrollbar-thumb{background:var(",
|
|
224
|
+
");border-radius:var(",
|
|
225
|
+
");}"
|
|
218
226
|
], function(param) {
|
|
219
227
|
var height = param.height;
|
|
220
228
|
return height || "var(".concat(tokens.columnHeight, ")");
|
|
221
|
-
}, classes.timeColumnActive, tokens.itemHoverBackground, tokens.itemBorderRadius);
|
|
222
|
-
export var StyledTimeItemEmpty = styled.div.withConfig({
|
|
223
|
-
displayName: "TimePicker.styles__StyledTimeItemEmpty",
|
|
224
|
-
componentId: "sc-971777d-5"
|
|
225
|
-
})([
|
|
226
|
-
"height:calc(var(",
|
|
227
|
-
") - var(",
|
|
228
|
-
"));"
|
|
229
|
-
], tokens.columnHeight, tokens.itemHeight);
|
|
230
|
-
export var StyledSelectedTime = styled.div.withConfig({
|
|
231
|
-
displayName: "TimePicker.styles__StyledSelectedTime",
|
|
232
|
-
componentId: "sc-971777d-6"
|
|
233
|
-
})([
|
|
234
|
-
"height:var(",
|
|
235
|
-
");border-radius:var(",
|
|
236
|
-
");position:absolute;top:var(",
|
|
237
|
-
");left:var(",
|
|
238
|
-
");right:var(",
|
|
239
|
-
");z-index:2;&.",
|
|
240
|
-
"{background:var(",
|
|
241
|
-
");}"
|
|
242
|
-
], tokens.itemHeight, tokens.itemBorderRadius, tokens.timePickerPadding, tokens.timePickerPadding, tokens.timePickerPadding, classes.timePickerActive, tokens.itemActiveBackground);
|
|
229
|
+
}, tokens.scrollbarWidth, tokens.scrollbarWidth, classes.timeColumnActive, tokens.itemHoverBackground, tokens.itemBorderRadius, tokens.scrollbarWidth, tokens.scrollbarWidth, tokens.scrollbarTrackColor, tokens.scrollbarWidth, tokens.scrollbarColor, tokens.scrollbarWidth);
|
|
@@ -110,5 +110,8 @@ export var tokens = {
|
|
|
110
110
|
itemFontSize: '--plasma-time-picker-item-font-size',
|
|
111
111
|
itemFontWeight: '--plasma-time-picker-item-font-weight',
|
|
112
112
|
itemLetterSpacing: '--plasma-time-picker-item-letter-spacing',
|
|
113
|
-
itemLineHeight: '--plasma-time-picker-item-line-height'
|
|
113
|
+
itemLineHeight: '--plasma-time-picker-item-line-height',
|
|
114
|
+
scrollbarWidth: '--plasma-time-picker-scrollbar-width',
|
|
115
|
+
scrollbarColor: '--plasma-time-picker-scrollbar-color',
|
|
116
|
+
scrollbarTrackColor: '--plasma-time-picker-scrollbar-track-color'
|
|
114
117
|
};
|
|
@@ -34,8 +34,10 @@ export var config = {
|
|
|
34
34
|
":var(--text-tertiary);",
|
|
35
35
|
":var(--surface-solid-card);",
|
|
36
36
|
":var(--surface-transparent-secondary);",
|
|
37
|
-
":var(--surface-transparent-secondary);"
|
|
38
|
-
|
|
37
|
+
":var(--surface-transparent-secondary);",
|
|
38
|
+
":var(--surface-transparent-tertiary);",
|
|
39
|
+
":var(--surface-transparent-primary);"
|
|
40
|
+
], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemHoverBackground, tokens.itemActiveBackground, tokens.scrollbarColor, tokens.scrollbarTrackColor)
|
|
39
41
|
},
|
|
40
42
|
size: {
|
|
41
43
|
l: css([
|
|
@@ -84,8 +86,9 @@ export var config = {
|
|
|
84
86
|
":var(--plasma-typo-body-l-line-height);",
|
|
85
87
|
":3.5rem;",
|
|
86
88
|
":0.75rem;",
|
|
87
|
-
":0rem;"
|
|
88
|
-
|
|
89
|
+
":0rem;",
|
|
90
|
+
":0.125rem;"
|
|
91
|
+
], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth),
|
|
89
92
|
m: css([
|
|
90
93
|
"",
|
|
91
94
|
":20rem;",
|
|
@@ -132,8 +135,9 @@ export var config = {
|
|
|
132
135
|
":var(--plasma-typo-body-m-line-height);",
|
|
133
136
|
":3rem;",
|
|
134
137
|
":0.625rem;",
|
|
135
|
-
":0rem;"
|
|
136
|
-
|
|
138
|
+
":0rem;",
|
|
139
|
+
":0.125rem;"
|
|
140
|
+
], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth),
|
|
137
141
|
s: css([
|
|
138
142
|
"",
|
|
139
143
|
":20rem;",
|
|
@@ -180,8 +184,9 @@ export var config = {
|
|
|
180
184
|
":var(--plasma-typo-body-s-line-height);",
|
|
181
185
|
":2.5rem;",
|
|
182
186
|
":0.5rem;",
|
|
183
|
-
":0rem;"
|
|
184
|
-
|
|
187
|
+
":0rem;",
|
|
188
|
+
":0.125rem;"
|
|
189
|
+
], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth),
|
|
185
190
|
xs: css([
|
|
186
191
|
"",
|
|
187
192
|
":20rem;",
|
|
@@ -228,8 +233,9 @@ export var config = {
|
|
|
228
233
|
":var(--plasma-typo-body-xs-line-height);",
|
|
229
234
|
":2rem;",
|
|
230
235
|
":0.375rem;",
|
|
231
|
-
":0rem;"
|
|
232
|
-
|
|
236
|
+
":0rem;",
|
|
237
|
+
":0.125rem;"
|
|
238
|
+
], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth)
|
|
233
239
|
},
|
|
234
240
|
disabled: {
|
|
235
241
|
true: css([
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAuBrD,eAAO,MAAM,cAAc,SACjB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;kBAA/C,MAAO,YAAY;mBAE/C,MAAO,YAAY;;;;
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAuBrD,eAAO,MAAM,cAAc,SACjB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;kBAA/C,MAAO,YAAY;mBAE/C,MAAO,YAAY;;;;iNA2crC,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBA/cnB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;sBAA/C,MAAO,YAAY;uBAE/C,MAAO,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;CAsezC,CAAC"}
|
|
@@ -307,6 +307,4 @@ export declare const StyledTimeItem: import("@linaria/react").StyledComponent<im
|
|
|
307
307
|
export declare const StyledTimeColumn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
308
308
|
height?: string | number;
|
|
309
309
|
}>;
|
|
310
|
-
export declare const StyledTimeItemEmpty: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
311
|
-
export declare const StyledSelectedTime: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
312
310
|
//# sourceMappingURL=TimePicker.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,aAAa;YAA6B,MAAM,GAAG,OAAO;YAAU,MAAM,GAAG,MAAM;6OAAK,CAAC;AAGtG,eAAO,MAAM,WAAW;;;;;;;;kBAgFmD,MACnE,YAAI;mBAAqE,MAAO,YAChF;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;oCAhFxC,CAAH;;;;;;;;;;;;wBA0EO,YAAI;yBAA4E,YAChF;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBANpC,YAAI;yBAA4E,YAChF;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;oCAhFxC,CAAH;;;;;;;;;;;;wBA0EO,YAAI;yBAA4E,YAChF;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBANpC,YAAI;yBAA4E,YAChF;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;oCAhFxC,CAAH;;;;;;;;;;;;wBA0EO,YAAI;yBAA4E,YAChF;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBANpC,YAAI;yBAA4E,YAChF;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;oCAhFxC,CAAH;;;;;;;;;;;;wBA0EO,YAAI;yBAA4E,YAChF;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;yIAO3C,CAAC;AAEF,eAAO,MAAM,IAAI,0CAmBhB,CAAC;AAEF,eAAO,MAAM,gBAAgB;YAAwB,MAAM,GAAG,MAAM;EAUnE,CAAC;AAEF,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"TimePicker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,aAAa;YAA6B,MAAM,GAAG,OAAO;YAAU,MAAM,GAAG,MAAM;6OAAK,CAAC;AAGtG,eAAO,MAAM,WAAW;;;;;;;;kBAgFmD,MACnE,YAAI;mBAAqE,MAAO,YAChF;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;oCAhFxC,CAAH;;;;;;;;;;;;wBA0EO,YAAI;yBAA4E,YAChF;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBANpC,YAAI;yBAA4E,YAChF;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;oCAhFxC,CAAH;;;;;;;;;;;;wBA0EO,YAAI;yBAA4E,YAChF;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBANpC,YAAI;yBAA4E,YAChF;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;oCAhFxC,CAAH;;;;;;;;;;;;wBA0EO,YAAI;yBAA4E,YAChF;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBANpC,YAAI;yBAA4E,YAChF;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;oCAhFxC,CAAH;;;;;;;;;;;;wBA0EO,YAAI;yBAA4E,YAChF;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;yIAO3C,CAAC;AAEF,eAAO,MAAM,IAAI,0CAmBhB,CAAC;AAEF,eAAO,MAAM,gBAAgB;YAAwB,MAAM,GAAG,MAAM;EAUnE,CAAC;AAEF,eAAO,MAAM,cAAc,qKAyB1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;aAAyB,MAAM,GAAG,MAAM;EA+BpE,CAAC"}
|
|
@@ -112,5 +112,8 @@ export declare const tokens: {
|
|
|
112
112
|
itemFontWeight: string;
|
|
113
113
|
itemLetterSpacing: string;
|
|
114
114
|
itemLineHeight: string;
|
|
115
|
+
scrollbarWidth: string;
|
|
116
|
+
scrollbarColor: string;
|
|
117
|
+
scrollbarTrackColor: string;
|
|
115
118
|
};
|
|
116
119
|
//# sourceMappingURL=TimePicker.tokens.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoGf,6DAA6D
|
|
1
|
+
{"version":3,"file":"TimePicker.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoGf,6DAA6D;;;;;;;;;;;;;;;;;;;;;CA0BhE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePicker/TimePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"TimePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePicker/TimePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CA6SlB,CAAC"}
|