@salutejs/plasma-new-hope 0.337.0-canary.2184.17942080334.0 → 0.337.0-canary.2184.17969522274.0

package/emotion/cjs/components/TimePicker/TimePicker.tokens.js

@@ -25,7 +25,10 @@ var classes = {
     timeItemActive: 'plasma-time-picker-item-active',
     timePickerFullWidth: 'plasma-time-picker-full-width',
     timePickerActive: 'plasma-time-picker-active',
-    timeColumnActive: 'plasma-time-picker-column-active'
+    timeColumnActive: 'plasma-time-picker-column-active',
+    timeColumn: 'plasma-time-picker-column',
+    timeColumnScrolling: 'plasma-time-picker-column-scrolling',
+    scrollbarVisible: 'plasma-time-picker-scrollbar-visible'
 };
 var tokens = {
     width: '--plasma-time-picker-width',
@@ -113,6 +116,7 @@ var tokens = {
     textFieldContentRightSlotColor: '--plasma-time-picker-textfield__content-right-color',
     textFieldContentRightSlotColorHover: '--plasma-time-picker-textfield__content-right-color-hover',
     /** Прозрачность для всего компонента в состоянии disabled */ disabledOpacity: '--plasma-time-picker-disabled-opacity',
+    dropdownMarginTop: '--plasma-time-picker-dropdown-margin-top',
     timePickerBackground: '--plasma-time-picker-ui-background',
     timePickerBorderRadius: '--plasma-time-picker-ui-border-radius',
     timePickerWidth: '--plasma-time-picker-ui-width',

package/emotion/cjs/components/Tooltip/Tooltip.styles.js

@@ -24,16 +24,16 @@ function _interop_require_default(obj) {
     };
 }
 var TooltipRoot = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ejpavjy0",
+    target: "e1au8eur0",
     label: "TooltipRoot"
-})("padding:var(", _Tooltiptokens.tokens.paddingTop, ") var(", _Tooltiptokens.tokens.paddingRight, ") var(", _Tooltiptokens.tokens.paddingBottom, ")\n        var(", _Tooltiptokens.tokens.paddingLeft, ");min-height:var(", _Tooltiptokens.tokens.minHeight, ");box-sizing:border-box;background-color:var(", _Tooltiptokens.tokens.backgroundColor, ");border-radius:var(", _Tooltiptokens.tokens.borderRadius, ");box-shadow:var(", _Tooltiptokens.tokens.boxShadow, ");color:var(", _Tooltiptokens.tokens.color, ");font-family:var(", _Tooltiptokens.tokens.textFontFamily, ");font-size:var(", _Tooltiptokens.tokens.textFontSize, ");font-style:var(", _Tooltiptokens.tokens.textFontStyle, ");font-weight:var(", _Tooltiptokens.tokens.textFontWeight, ");letter-spacing:var(", _Tooltiptokens.tokens.textFontLetterSpacing, ");line-height:var(", _Tooltiptokens.tokens.textFontLineHeight, ");max-width:", function(param) {
+})("display:flex;align-items:center;padding:var(", _Tooltiptokens.tokens.paddingTop, ") var(", _Tooltiptokens.tokens.paddingRight, ") var(", _Tooltiptokens.tokens.paddingBottom, ")\n        var(", _Tooltiptokens.tokens.paddingLeft, ");min-height:var(", _Tooltiptokens.tokens.minHeight, ");max-width:", function(param) {
     var maxWidth = param.maxWidth;
     return maxWidth || 'unset';
 }, ";min-width:", function(param) {
     var minWidth = param.minWidth;
     return minWidth || 'unset';
-}, ";width:max-content;word-break:break-word;pointer-events:none;display:flex;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub29sdGlwL1Rvb2x0aXAuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Rvb2x0aXAudG9rZW5zJztcbmltcG9ydCB7IFRvb2x0aXBQcm9wcyB9IGZyb20gJy4vVG9vbHRpcC50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwUm9vdCA9IHN0eWxlZC5kaXY8UGljazxUb29sdGlwUHJvcHMsICdtaW5XaWR0aCcgfCAnbWF4V2lkdGgnPj5gXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmdUb3B9KSB2YXIoJHt0b2tlbnMucGFkZGluZ1JpZ2h0fSkgdmFyKCR7dG9rZW5zLnBhZGRpbmdCb3R0b219KVxuICAgICAgICB2YXIoJHt0b2tlbnMucGFkZGluZ0xlZnR9KTtcbiAgICBtaW4taGVpZ2h0OiB2YXIoJHt0b2tlbnMubWluSGVpZ2h0fSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKCR7dG9rZW5zLmJveFNoYWRvd30pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3J9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0Rm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGV4dEZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJ3Vuc2V0J307XG4gICAgbWluLXdpZHRoOiAkeyh7IG1pbldpZHRoIH0pID0+IG1pbldpZHRoIHx8ICd1bnNldCd9O1xuICAgIHdpZHRoOiBtYXgtY29udGVudDtcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuXG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgICAtbW96LW9zeC1mb250LXNtb290aGluZzogZ3JheXNjYWxlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRMZWZ0ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXJpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExlZnRNYXJnaW59KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0Rm9udExpbmVIZWlnaHR9KTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzJCIn0= */");
+}, ";width:max-content;background-color:var(", _Tooltiptokens.tokens.backgroundColor, ");border-radius:var(", _Tooltiptokens.tokens.borderRadius, ");box-shadow:var(", _Tooltiptokens.tokens.boxShadow, ");color:var(", _Tooltiptokens.tokens.color, ");font-family:var(", _Tooltiptokens.tokens.textFontFamily, ");font-size:var(", _Tooltiptokens.tokens.textFontSize, ");font-style:var(", _Tooltiptokens.tokens.textFontStyle, ");font-weight:var(", _Tooltiptokens.tokens.textFontWeight, ");letter-spacing:var(", _Tooltiptokens.tokens.textFontLetterSpacing, ");line-height:var(", _Tooltiptokens.tokens.textFontLineHeight, ");box-sizing:border-box;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub29sdGlwL1Rvb2x0aXAuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Rvb2x0aXAudG9rZW5zJztcbmltcG9ydCB7IFRvb2x0aXBQcm9wcyB9IGZyb20gJy4vVG9vbHRpcC50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwUm9vdCA9IHN0eWxlZC5kaXY8UGljazxUb29sdGlwUHJvcHMsICdtaW5XaWR0aCcgfCAnbWF4V2lkdGgnPj5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmdUb3B9KSB2YXIoJHt0b2tlbnMucGFkZGluZ1JpZ2h0fSkgdmFyKCR7dG9rZW5zLnBhZGRpbmdCb3R0b219KVxuICAgICAgICB2YXIoJHt0b2tlbnMucGFkZGluZ0xlZnR9KTtcblxuICAgIG1pbi1oZWlnaHQ6IHZhcigke3Rva2Vucy5taW5IZWlnaHR9KTtcbiAgICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJ3Vuc2V0J307XG4gICAgbWluLXdpZHRoOiAkeyh7IG1pbldpZHRoIH0pID0+IG1pbldpZHRoIHx8ICd1bnNldCd9O1xuICAgIHdpZHRoOiBtYXgtY29udGVudDtcblxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKCR7dG9rZW5zLmJveFNoYWRvd30pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3J9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0Rm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGV4dEZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG5cbiAgICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgICAtbW96LW9zeC1mb250LXNtb290aGluZzogZ3JheXNjYWxlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRMZWZ0ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXJpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExlZnRNYXJnaW59KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0Rm9udExpbmVIZWlnaHR9KTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzJCIn0= */");
 var StyledContentLeft = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ejpavjy1",
+    target: "e1au8eur1",
     label: "StyledContentLeft"
-})("display:flex;align-items:center;margin-right:var(", _Tooltiptokens.tokens.contentLeftMargin, ");height:var(", _Tooltiptokens.tokens.textFontLineHeight, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub29sdGlwL1Rvb2x0aXAuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Rvb2x0aXAudG9rZW5zJztcbmltcG9ydCB7IFRvb2x0aXBQcm9wcyB9IGZyb20gJy4vVG9vbHRpcC50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwUm9vdCA9IHN0eWxlZC5kaXY8UGljazxUb29sdGlwUHJvcHMsICdtaW5XaWR0aCcgfCAnbWF4V2lkdGgnPj5gXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmdUb3B9KSB2YXIoJHt0b2tlbnMucGFkZGluZ1JpZ2h0fSkgdmFyKCR7dG9rZW5zLnBhZGRpbmdCb3R0b219KVxuICAgICAgICB2YXIoJHt0b2tlbnMucGFkZGluZ0xlZnR9KTtcbiAgICBtaW4taGVpZ2h0OiB2YXIoJHt0b2tlbnMubWluSGVpZ2h0fSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKCR7dG9rZW5zLmJveFNoYWRvd30pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3J9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0Rm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGV4dEZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJ3Vuc2V0J307XG4gICAgbWluLXdpZHRoOiAkeyh7IG1pbldpZHRoIH0pID0+IG1pbldpZHRoIHx8ICd1bnNldCd9O1xuICAgIHdpZHRoOiBtYXgtY29udGVudDtcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuXG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgICAtbW96LW9zeC1mb250LXNtb290aGluZzogZ3JheXNjYWxlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRMZWZ0ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXJpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExlZnRNYXJnaW59KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0Rm9udExpbmVIZWlnaHR9KTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNpQyJ9 */");
+})("display:flex;align-items:center;margin-right:var(", _Tooltiptokens.tokens.contentLeftMargin, ");height:var(", _Tooltiptokens.tokens.textFontLineHeight, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub29sdGlwL1Rvb2x0aXAuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Rvb2x0aXAudG9rZW5zJztcbmltcG9ydCB7IFRvb2x0aXBQcm9wcyB9IGZyb20gJy4vVG9vbHRpcC50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwUm9vdCA9IHN0eWxlZC5kaXY8UGljazxUb29sdGlwUHJvcHMsICdtaW5XaWR0aCcgfCAnbWF4V2lkdGgnPj5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmdUb3B9KSB2YXIoJHt0b2tlbnMucGFkZGluZ1JpZ2h0fSkgdmFyKCR7dG9rZW5zLnBhZGRpbmdCb3R0b219KVxuICAgICAgICB2YXIoJHt0b2tlbnMucGFkZGluZ0xlZnR9KTtcblxuICAgIG1pbi1oZWlnaHQ6IHZhcigke3Rva2Vucy5taW5IZWlnaHR9KTtcbiAgICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJ3Vuc2V0J307XG4gICAgbWluLXdpZHRoOiAkeyh7IG1pbldpZHRoIH0pID0+IG1pbldpZHRoIHx8ICd1bnNldCd9O1xuICAgIHdpZHRoOiBtYXgtY29udGVudDtcblxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKCR7dG9rZW5zLmJveFNoYWRvd30pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3J9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0Rm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGV4dEZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG5cbiAgICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgICAtbW96LW9zeC1mb250LXNtb290aGluZzogZ3JheXNjYWxlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRMZWZ0ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXJpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExlZnRNYXJnaW59KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0Rm9udExpbmVIZWlnaHR9KTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NpQyJ9 */");

package/emotion/es/components/Note/Note.js

@@ -160,7 +160,7 @@ export var noteRoot = function(Root) {
         var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
         var setTruncatedText = function() {
             var _titleHelperRef_current;
-            if (!canUseDOM || !text || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
+            if (!canUseDOM || !text || typeof text !== 'string' || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
                 return;
             }
             var contentHeight = contentWrapperRef.current.offsetHeight;

package/emotion/es/components/Note/variations/_size/base.js

@@ -1,4 +1,4 @@
 import { css } from "@emotion/react";
 import { classes, privateTokens, tokens } from "../../Note.tokens";
 import { ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } from "../../Note.styles";
-export var base = /*#__PURE__*/ css("padding:var(", tokens.padding, ");border-radius:var(", tokens.borderRadius, ");height:var(", privateTokens.height, ");width:var(", privateTokens.width, ");gap:var(", tokens.gap, ");&.", classes.stretch, "{width:100%;height:100%;}", ContentBefore, "{width:var(", tokens.fixedContentBeforeWidth, ");height:var(", tokens.fixedContentBeforeHeight, ");padding:var(", tokens.fixedContentBeforePadding, ");box-sizing:border-box;}&.", classes.contentAlignCenter, "{align-items:center;padding:var(", tokens.paddingScalable, ");gap:var(", tokens.gapScalable, ");", ContentBefore, "{width:fit-content;height:fit-content;padding:unset;}}", ContentWrapper, "{width:var(", privateTokens.contentWidthWithOffset, ");gap:var(", tokens.contentGap, ");}", Title, ",", TitleHelper, "{width:100%;min-height:var(", tokens.titleLineHeight, ");font-family:var(", tokens.titleFontFamily, ");font-size:var(", tokens.titleFontSize, ");font-style:var(", tokens.titleFontStyle, ");font-weight:var(", tokens.titleFontWeight, ");letter-spacing:var(", tokens.titleLetterSpacing, ");line-height:var(", tokens.titleLineHeight, ");}", Text, ",", TextHelper, "{font-family:var(", tokens.textFontFamily, ");font-size:var(", tokens.textFontSize, ");font-style:var(", tokens.textFontStyle, ");font-weight:var(", tokens.textFontWeight, ");letter-spacing:var(", tokens.textLetterSpacing, ");line-height:var(", tokens.textLineHeight, ");word-break:break-all;}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHByaXZhdGVUb2tlbnMsIHRva2VucyB9IGZyb20gJy4uLy4uL05vdGUudG9rZW5zJztcbmltcG9ydCB7IENvbnRlbnRCZWZvcmUsIENvbnRlbnRXcmFwcGVyLCBUZXh0LCBUZXh0SGVscGVyLCBUaXRsZSwgVGl0bGVIZWxwZXIgfSBmcm9tICcuLi8uLi9Ob3RlLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGhlaWdodDogdmFyKCR7cHJpdmF0ZVRva2Vucy5oZWlnaHR9KTtcbiAgICB3aWR0aDogdmFyKCR7cHJpdmF0ZVRva2Vucy53aWR0aH0pO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmdhcH0pO1xuXG4gICAgJi4ke2NsYXNzZXMuc3RyZXRjaH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgICR7Q29udGVudEJlZm9yZX0ge1xuICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmZpeGVkQ29udGVudEJlZm9yZVdpZHRofSk7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmZpeGVkQ29udGVudEJlZm9yZUhlaWdodH0pO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZml4ZWRDb250ZW50QmVmb3JlUGFkZGluZ30pO1xuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmNvbnRlbnRBbGlnbkNlbnRlcn0ge1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ1NjYWxhYmxlfSk7XG4gICAgICAgIGdhcDogdmFyKCR7dG9rZW5zLmdhcFNjYWxhYmxlfSk7XG5cbiAgICAgICAgJHtDb250ZW50QmVmb3JlfSB7XG4gICAgICAgICAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgICAgICAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgcGFkZGluZzogdW5zZXQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAke0NvbnRlbnRXcmFwcGVyfSB7XG4gICAgICAgIHdpZHRoOiB2YXIoJHtwcml2YXRlVG9rZW5zLmNvbnRlbnRXaWR0aFdpdGhPZmZzZXR9KTtcbiAgICAgICAgZ2FwOiB2YXIoJHt0b2tlbnMuY29udGVudEdhcH0pO1xuICAgIH1cblxuICAgICR7VGl0bGV9LCAke1RpdGxlSGVscGVyfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBtaW4taGVpZ2h0OiB2YXIoJHt0b2tlbnMudGl0bGVMaW5lSGVpZ2h0fSk7XG5cbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50aXRsZUZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMudGl0bGVGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGl0bGVGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50aXRsZUxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke1RleHR9LCAke1RleHRIZWxwZXJ9IHtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50ZXh0Rm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0Rm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnRleHRGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0Rm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dExpbmVIZWlnaHR9KTtcblxuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");
+export var base = /*#__PURE__*/ css("padding:var(", tokens.padding, ");border-radius:var(", tokens.borderRadius, ");height:var(", privateTokens.height, ");width:var(", privateTokens.width, ");gap:var(", tokens.gap, ");&.", classes.stretch, "{width:100%;height:100%;}", ContentBefore, "{width:var(", tokens.fixedContentBeforeWidth, ");height:var(", tokens.fixedContentBeforeHeight, ");padding:var(", tokens.fixedContentBeforePadding, ");box-sizing:border-box;}&.", classes.contentAlignCenter, "{align-items:center;padding:var(", tokens.paddingScalable, ");gap:var(", tokens.gapScalable, ");", ContentBefore, "{width:fit-content;height:fit-content;padding:unset;}}", ContentWrapper, "{width:var(", privateTokens.contentWidthWithOffset, ");gap:var(", tokens.contentGap, ");}", Title, ",", TitleHelper, "{width:100%;min-height:var(", tokens.titleLineHeight, ");font-family:var(", tokens.titleFontFamily, ");font-size:var(", tokens.titleFontSize, ");font-style:var(", tokens.titleFontStyle, ");font-weight:var(", tokens.titleFontWeight, ");letter-spacing:var(", tokens.titleLetterSpacing, ");line-height:var(", tokens.titleLineHeight, ");}", Text, ",", TextHelper, "{font-family:var(", tokens.textFontFamily, ");font-size:var(", tokens.textFontSize, ");font-style:var(", tokens.textFontStyle, ");font-weight:var(", tokens.textFontWeight, ");letter-spacing:var(", tokens.textLetterSpacing, ");line-height:var(", tokens.textLineHeight, ");overflow-wrap:break-word;}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHByaXZhdGVUb2tlbnMsIHRva2VucyB9IGZyb20gJy4uLy4uL05vdGUudG9rZW5zJztcbmltcG9ydCB7IENvbnRlbnRCZWZvcmUsIENvbnRlbnRXcmFwcGVyLCBUZXh0LCBUZXh0SGVscGVyLCBUaXRsZSwgVGl0bGVIZWxwZXIgfSBmcm9tICcuLi8uLi9Ob3RlLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGhlaWdodDogdmFyKCR7cHJpdmF0ZVRva2Vucy5oZWlnaHR9KTtcbiAgICB3aWR0aDogdmFyKCR7cHJpdmF0ZVRva2Vucy53aWR0aH0pO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmdhcH0pO1xuXG4gICAgJi4ke2NsYXNzZXMuc3RyZXRjaH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgICR7Q29udGVudEJlZm9yZX0ge1xuICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmZpeGVkQ29udGVudEJlZm9yZVdpZHRofSk7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmZpeGVkQ29udGVudEJlZm9yZUhlaWdodH0pO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZml4ZWRDb250ZW50QmVmb3JlUGFkZGluZ30pO1xuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmNvbnRlbnRBbGlnbkNlbnRlcn0ge1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ1NjYWxhYmxlfSk7XG4gICAgICAgIGdhcDogdmFyKCR7dG9rZW5zLmdhcFNjYWxhYmxlfSk7XG5cbiAgICAgICAgJHtDb250ZW50QmVmb3JlfSB7XG4gICAgICAgICAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgICAgICAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgcGFkZGluZzogdW5zZXQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAke0NvbnRlbnRXcmFwcGVyfSB7XG4gICAgICAgIHdpZHRoOiB2YXIoJHtwcml2YXRlVG9rZW5zLmNvbnRlbnRXaWR0aFdpdGhPZmZzZXR9KTtcbiAgICAgICAgZ2FwOiB2YXIoJHt0b2tlbnMuY29udGVudEdhcH0pO1xuICAgIH1cblxuICAgICR7VGl0bGV9LCAke1RpdGxlSGVscGVyfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBtaW4taGVpZ2h0OiB2YXIoJHt0b2tlbnMudGl0bGVMaW5lSGVpZ2h0fSk7XG5cbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50aXRsZUZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMudGl0bGVGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGl0bGVGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50aXRsZUxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke1RleHR9LCAke1RleHRIZWxwZXJ9IHtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50ZXh0Rm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0Rm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnRleHRGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0Rm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dExpbmVIZWlnaHR9KTtcblxuICAgICAgICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkO1xuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29CIn0= */");

package/emotion/es/components/TimePicker/TimePicker.js

@@ -135,11 +135,11 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-import React, { forwardRef, useRef, useState, useEffect } from "react";
+import React, { forwardRef, useRef, useState, useEffect, useCallback } from "react";
 import cls from "classnames";
 import { getPlacements } from "../../utils";
 import { range, processTimeInput, animateScrollTo } from "./utils";
-import { base, StyledInput, StyledPopover, StyledTimeColumn, StyledTimeItem, StyledTimePicker } from "./TimePicker.styles";
+import { base, StyledInput, StyledPopover, StyledTimeColumn, StyledTimeItem, StyledTimePicker, CustomScrollbar, ScrollbarTrack, ScrollbarThumb, StyledEmpty } from "./TimePicker.styles";
 import { classes } from "./TimePicker.tokens";
 import { base as sizeCSS } from "./variations/_size/base";
 import { base as viewCSS } from "./variations/_view/base";
@@ -187,6 +187,15 @@ export var timePickerRoot = function(Root) {
         var minutesColumnRef = useRef(null);
         var secondsColumnRef = useRef(null);
         var timeItemRefs = useRef({});
+        var hoursScrollbarRef = useRef(null);
+        var minutesScrollbarRef = useRef(null);
+        var secondsScrollbarRef = useRef(null);
+        var hoursThumbRef = useRef(null);
+        var minutesThumbRef = useRef(null);
+        var secondsThumbRef = useRef(null);
+        var hoursHideTimeoutRef = useRef(null);
+        var minutesHideTimeoutRef = useRef(null);
+        var secondsHideTimeoutRef = useRef(null);
         var _useState = _sliced_to_array(useState(opened), 2), isInnerOpen = _useState[0], setIsInnerOpen = _useState[1];
         var _useState1 = _sliced_to_array(useState(outerValue || ''), 2), innerTime = _useState1[0], setInnerTime = _useState1[1];
         var _useState2 = _sliced_to_array(useState({
@@ -197,11 +206,154 @@ export var timePickerRoot = function(Root) {
         }), 2), activeTime = _useState2[0], setActiveTime = _useState2[1];
         var _useState3 = _sliced_to_array(useState(0), 2), itemHeight = _useState3[0], setItemHeight = _useState3[1];
         var _useState4 = _sliced_to_array(useState(0), 2), gap = _useState4[0], setGap = _useState4[1];
+        var _useState5 = _sliced_to_array(useState({
+            isVisible: false,
+            thumbHeight: 0,
+            thumbPosition: 0,
+            isDragging: false
+        }), 2), hoursScrollbar = _useState5[0], setHoursScrollbar = _useState5[1];
+        var _useState6 = _sliced_to_array(useState({
+            isVisible: false,
+            thumbHeight: 0,
+            thumbPosition: 0,
+            isDragging: false
+        }), 2), minutesScrollbar = _useState6[0], setMinutesScrollbar = _useState6[1];
+        var _useState7 = _sliced_to_array(useState({
+            isVisible: false,
+            thumbHeight: 0,
+            thumbPosition: 0,
+            isDragging: false
+        }), 2), secondsScrollbar = _useState7[0], setSecondsScrollbar = _useState7[1];
         var viewValue = outerValue !== null && outerValue !== void 0 ? outerValue : innerTime;
         var format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';
         var hours = range(24);
         var minutes = range(60);
         var seconds = range(60);
+        var calculateScrollbar = useCallback(function(columnRef) {
+            if (!columnRef.current) return {
+                thumbHeight: 0,
+                thumbPosition: 0
+            };
+            var _columnRef_current = columnRef.current, scrollTop = _columnRef_current.scrollTop, scrollHeight = _columnRef_current.scrollHeight, clientHeight = _columnRef_current.clientHeight;
+            var trackHeight = clientHeight;
+            var thumbHeight = Math.max(trackHeight / scrollHeight * trackHeight, 20); // Минимальная высота 20px
+            var maxScroll = scrollHeight - clientHeight;
+            var thumbPosition = maxScroll > 0 ? scrollTop / maxScroll * (trackHeight - thumbHeight) : 0;
+            return {
+                thumbHeight: thumbHeight,
+                thumbPosition: thumbPosition
+            };
+        }, []);
+        var showScrollbarWithDelay = useCallback(function(setScrollbar, timeoutRef, columnRef) {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+            updateScrollbar(columnRef, setScrollbar, true);
+            timeoutRef.current = setTimeout(function() {
+                setScrollbar(function(prev) {
+                    return _object_spread_props(_object_spread({}, prev), {
+                        isVisible: false
+                    });
+                });
+                timeoutRef.current = null;
+            }, 2000);
+        }, []);
+        var updateScrollbar = useCallback(function(columnRef, setScrollbar) {
+            var show = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+            if (!columnRef.current) return;
+            var _calculateScrollbar = calculateScrollbar(columnRef), thumbHeight = _calculateScrollbar.thumbHeight, thumbPosition = _calculateScrollbar.thumbPosition;
+            setScrollbar(function(prev) {
+                return _object_spread_props(_object_spread({}, prev), {
+                    thumbHeight: thumbHeight,
+                    thumbPosition: thumbPosition,
+                    isVisible: show || prev.isVisible
+                });
+            });
+        }, [
+            calculateScrollbar
+        ]);
+        var handleColumnScroll = useCallback(function(columnRef, setScrollbar, timeoutRef) {
+            showScrollbarWithDelay(setScrollbar, timeoutRef, columnRef);
+        }, [
+            showScrollbarWithDelay
+        ]);
+        var createScrollbarDragHandler = useCallback(function(columnRef, setScrollbar, timeoutRef) {
+            return function(e) {
+                e.preventDefault();
+                var thumb = e.currentTarget;
+                var track = thumb.parentElement;
+                if (!columnRef.current || !track) return;
+                if (timeoutRef.current) {
+                    clearTimeout(timeoutRef.current);
+                    timeoutRef.current = null;
+                }
+                var startY = e.clientY;
+                var startThumbPosition = parseFloat(thumb.style.top || '0');
+                var trackRect = track.getBoundingClientRect();
+                var trackHeight = trackRect.height;
+                var thumbHeight = thumb.offsetHeight;
+                var _columnRef_current = columnRef.current, scrollHeight = _columnRef_current.scrollHeight, clientHeight = _columnRef_current.clientHeight;
+                var maxScroll = scrollHeight - clientHeight;
+                var handleMouseMove = function(moveEvent) {
+                    var deltaY = moveEvent.clientY - startY;
+                    var newThumbPosition = Math.max(0, Math.min(trackHeight - thumbHeight, startThumbPosition + deltaY));
+                    var scrollPercentage = newThumbPosition / (trackHeight - thumbHeight);
+                    var newScrollTop = scrollPercentage * maxScroll;
+                    if (columnRef.current) {
+                        columnRef.current.scrollTop = newScrollTop;
+                    }
+                    setScrollbar(function(prev) {
+                        return _object_spread_props(_object_spread({}, prev), {
+                            thumbPosition: newThumbPosition,
+                            isDragging: true,
+                            isVisible: true
+                        });
+                    });
+                };
+                var handleMouseUp = function() {
+                    document.removeEventListener('mousemove', handleMouseMove);
+                    document.removeEventListener('mouseup', handleMouseUp);
+                    setScrollbar(function(prev) {
+                        return _object_spread_props(_object_spread({}, prev), {
+                            isDragging: false
+                        });
+                    });
+                    showScrollbarWithDelay(setScrollbar, timeoutRef, columnRef);
+                };
+                document.addEventListener('mousemove', handleMouseMove);
+                document.addEventListener('mouseup', handleMouseUp);
+            };
+        }, [
+            showScrollbarWithDelay
+        ]);
+        useEffect(function() {
+            return function() {
+                [
+                    hoursHideTimeoutRef,
+                    minutesHideTimeoutRef,
+                    secondsHideTimeoutRef
+                ].forEach(function(timeoutRef) {
+                    if (timeoutRef.current) {
+                        clearTimeout(timeoutRef.current);
+                    }
+                });
+            };
+        }, []);
+        useEffect(function() {
+            if (isInnerOpen) {
+                setTimeout(function() {
+                    updateScrollbar(hoursColumnRef, setHoursScrollbar);
+                    updateScrollbar(minutesColumnRef, setMinutesScrollbar);
+                    if (columnsQuantity === 3) {
+                        updateScrollbar(secondsColumnRef, setSecondsScrollbar);
+                    }
+                }, 100);
+            }
+        }, [
+            isInnerOpen,
+            columnsQuantity,
+            updateScrollbar
+        ]);
         useEffect(function() {
             if (viewValue) {
                 var timeString = viewValue;
@@ -250,6 +402,15 @@ export var timePickerRoot = function(Root) {
                 if (columnRef.current && index !== null) {
                     var scrollPosition = index * (itemHeight + gap);
                     animateScrollTo(columnRef.current, scrollPosition);
+                    setTimeout(function() {
+                        if (columnRef === hoursColumnRef) {
+                            updateScrollbar(hoursColumnRef, setHoursScrollbar);
+                        } else if (columnRef === minutesColumnRef) {
+                            updateScrollbar(minutesColumnRef, setMinutesScrollbar);
+                        } else if (columnRef === secondsColumnRef) {
+                            updateScrollbar(secondsColumnRef, setSecondsScrollbar);
+                        }
+                    }, 300);
                 }
             };
             scrollToActiveItem(hoursColumnRef, activeTime.hours);
@@ -258,7 +419,83 @@ export var timePickerRoot = function(Root) {
         }, [
             activeTime,
             isInnerOpen,
-            itemHeight
+            itemHeight,
+            gap,
+            updateScrollbar
+        ]);
+        useEffect(function() {
+            var hoursColumn = hoursColumnRef.current;
+            var minutesColumn = minutesColumnRef.current;
+            var secondsColumn = secondsColumnRef.current;
+            var handleHoursScroll = function() {
+                return handleColumnScroll(hoursColumnRef, setHoursScrollbar, hoursHideTimeoutRef);
+            };
+            var handleMinutesScroll = function() {
+                return handleColumnScroll(minutesColumnRef, setMinutesScrollbar, minutesHideTimeoutRef);
+            };
+            var handleSecondsScroll = function() {
+                return handleColumnScroll(secondsColumnRef, setSecondsScrollbar, secondsHideTimeoutRef);
+            };
+            if (hoursColumn) {
+                hoursColumn.addEventListener('scroll', handleHoursScroll);
+            }
+            if (minutesColumn) {
+                minutesColumn.addEventListener('scroll', handleMinutesScroll);
+            }
+            if (secondsColumn) {
+                secondsColumn.addEventListener('scroll', handleSecondsScroll);
+            }
+            return function() {
+                if (hoursColumn) {
+                    hoursColumn.removeEventListener('scroll', handleHoursScroll);
+                }
+                if (minutesColumn) {
+                    minutesColumn.removeEventListener('scroll', handleMinutesScroll);
+                }
+                if (secondsColumn) {
+                    secondsColumn.removeEventListener('scroll', handleSecondsScroll);
+                }
+            };
+        }, [
+            isInnerOpen,
+            handleColumnScroll
+        ]);
+        useEffect(function() {
+            var hoursColumn = hoursColumnRef.current;
+            var minutesColumn = minutesColumnRef.current;
+            var secondsColumn = secondsColumnRef.current;
+            var handleHoursMouseEnter = function() {
+                return showScrollbarWithDelay(setHoursScrollbar, hoursHideTimeoutRef, hoursColumnRef);
+            };
+            var handleMinutesMouseEnter = function() {
+                return showScrollbarWithDelay(setMinutesScrollbar, minutesHideTimeoutRef, minutesColumnRef);
+            };
+            var handleSecondsMouseEnter = function() {
+                return showScrollbarWithDelay(setSecondsScrollbar, secondsHideTimeoutRef, secondsColumnRef);
+            };
+            if (hoursColumn) {
+                hoursColumn.addEventListener('mouseenter', handleHoursMouseEnter);
+            }
+            if (minutesColumn) {
+                minutesColumn.addEventListener('mouseenter', handleMinutesMouseEnter);
+            }
+            if (secondsColumn) {
+                secondsColumn.addEventListener('mouseenter', handleSecondsMouseEnter);
+            }
+            return function() {
+                if (hoursColumn) {
+                    hoursColumn.removeEventListener('mouseenter', handleHoursMouseEnter);
+                }
+                if (minutesColumn) {
+                    minutesColumn.removeEventListener('mouseenter', handleMinutesMouseEnter);
+                }
+                if (secondsColumn) {
+                    secondsColumn.removeEventListener('mouseenter', handleSecondsMouseEnter);
+                }
+            };
+        }, [
+            isInnerOpen,
+            showScrollbarWithDelay
         ]);
         var handleToggle = function() {
             if (disabled || readonly) return;
@@ -503,11 +740,17 @@ export var timePickerRoot = function(Root) {
             labelPlacement: labelPlacement,
             keepPlaceholder: keepPlaceholder
         });
-        var renderTimeColumn = function(values, column, columnRef) {
-            return /*#__PURE__*/ React.createElement(StyledTimeColumn, {
+        var renderTimeColumn = function(values, column, columnRef, scrollbarState, setScrollbar, scrollbarRef, thumbRef, timeoutRef) {
+            return /*#__PURE__*/ React.createElement("div", {
+                style: {
+                    position: 'relative',
+                    width: '100%'
+                }
+            }, /*#__PURE__*/ React.createElement(StyledTimeColumn, {
                 key: column,
                 ref: columnRef,
-                height: dropdownHeight
+                height: dropdownHeight,
+                className: classes.timeColumn
             }, values.map(function(value, index) {
                 return /*#__PURE__*/ React.createElement(StyledTimeItem, {
                     key: value,
@@ -522,7 +765,17 @@ export var timePickerRoot = function(Root) {
                         return handleTimeItemKeyDown(e, column, value);
                     }
                 }, value);
-            }));
+            }), /*#__PURE__*/ React.createElement(StyledEmpty, null)), /*#__PURE__*/ React.createElement(CustomScrollbar, {
+                ref: scrollbarRef,
+                className: cls(_define_property({}, classes.scrollbarVisible, scrollbarState.isVisible))
+            }, /*#__PURE__*/ React.createElement(ScrollbarTrack, null, /*#__PURE__*/ React.createElement(ScrollbarThumb, {
+                ref: thumbRef,
+                style: {
+                    height: "".concat(scrollbarState.thumbHeight, "px"),
+                    top: "".concat(scrollbarState.thumbPosition, "px")
+                },
+                onMouseDown: createScrollbarDragHandler(columnRef, setScrollbar, timeoutRef)
+            }))));
         };
         return /*#__PURE__*/ React.createElement(Root, _object_spread({
             stretched: stretched,
@@ -555,7 +808,7 @@ export var timePickerRoot = function(Root) {
             stretched: stretched
         }, /*#__PURE__*/ React.createElement(StyledTimePicker, {
             width: dropdownWidth
-        }, renderTimeColumn(hours, 'hours', hoursColumnRef), renderTimeColumn(minutes, 'minutes', minutesColumnRef), columnsQuantity === 3 && renderTimeColumn(seconds, 'seconds', secondsColumnRef)))));
+        }, renderTimeColumn(hours, 'hours', hoursColumnRef, hoursScrollbar, setHoursScrollbar, hoursScrollbarRef, hoursThumbRef, hoursHideTimeoutRef), renderTimeColumn(minutes, 'minutes', minutesColumnRef, minutesScrollbar, setMinutesScrollbar, minutesScrollbarRef, minutesThumbRef, minutesHideTimeoutRef), columnsQuantity === 3 && renderTimeColumn(seconds, 'seconds', secondsColumnRef, secondsScrollbar, setSecondsScrollbar, secondsScrollbarRef, secondsThumbRef, secondsHideTimeoutRef)))));
     });
 };
 export var timePickerConfig = {