@salutejs/plasma-new-hope 0.339.0-canary.2296.18749364572.0 → 0.339.0-canary.2297.18751153444.0

package/styled-components/es/components/TimePicker/TimePicker.styles.js

@@ -3,72 +3,21 @@ import { css } from "styled-components";
 import { component, mergeConfig } from "../../engines";
 import { textFieldConfig, textFieldTokens } from "../TextField";
 import { popoverClasses, popoverConfig } from "../Popover";
-import { timePickerGridConfig, timePickerGridTokens } from "../TimePickerGrid";
 import { classes, tokens } from "./TimePicker.tokens";
 var mergedTextFieldConfig = mergeConfig(textFieldConfig);
 var TextField = component(mergedTextFieldConfig);
 var mergedPopoverConfig = mergeConfig(popoverConfig);
 var Popover = component(mergedPopoverConfig);
-var mergedTimePickerGrid = mergeConfig(timePickerGridConfig);
-var TimePickerGrid = component(mergedTimePickerGrid);
 export var StyledPopover = styled(Popover).withConfig({
     displayName: "TimePicker.styles__StyledPopover",
-    componentId: "sc-fa04016d-0"
+    componentId: "sc-8a747fd1-0"
 })([
     ""
 ]);
-export var StyledTimePickerGrid = styled(TimePickerGrid).withConfig({
-    displayName: "TimePicker.styles__StyledTimePickerGrid",
-    componentId: "sc-fa04016d-1"
-})([
-    "",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");"
-], timePickerGridTokens.timePickerGridBackground, tokens.timePickerBackground, timePickerGridTokens.timePickerGridBorderRadius, tokens.timePickerBorderRadius, timePickerGridTokens.timePickerGridWidth, tokens.timePickerWidth, timePickerGridTokens.timePickerGridPadding, tokens.timePickerPadding, timePickerGridTokens.disabledOpacity, tokens.disabledOpacity, timePickerGridTokens.columnHeight, tokens.columnHeight, timePickerGridTokens.itemHeight, tokens.itemHeight, timePickerGridTokens.itemBorderRadius, tokens.itemBorderRadius, timePickerGridTokens.itemPadding, tokens.itemPadding, timePickerGridTokens.itemBackgroundHover, tokens.itemBackgroundHover, timePickerGridTokens.itemBackgroundActive, tokens.itemBackgroundActive, timePickerGridTokens.itemFontFamily, tokens.itemFontFamily, timePickerGridTokens.itemFontSize, tokens.itemFontSize, timePickerGridTokens.itemFontStyle, tokens.itemFontStyle, timePickerGridTokens.itemFontWeight, tokens.itemFontWeight, timePickerGridTokens.itemLetterSpacing, tokens.itemLetterSpacing, timePickerGridTokens.itemLineHeight, tokens.itemLineHeight, timePickerGridTokens.scrollbarWidth, tokens.scrollbarWidth, timePickerGridTokens.scrollbarColor, tokens.scrollbarColor, timePickerGridTokens.scrollbarTrackColor, tokens.scrollbarTrackColor, timePickerGridTokens.scrollbarMargin, tokens.scrollbarMargin);
 // NOTE: переопределение токенов TextField
 export var StyledInput = styled(TextField).withConfig({
     displayName: "TimePicker.styles__StyledInput",
-    componentId: "sc-fa04016d-2"
+    componentId: "sc-8a747fd1-1"
 })([
     "width:100%;",
     ":var(",
@@ -232,7 +181,7 @@ export var base = css([
 ], tokens.width, tokens.dropdownMarginTop, popoverClasses.wrapper, popoverClasses.target, classes.timePickerstretched, popoverClasses.root, classes.timePickerFullWidth, classes.timePickerPlacementRight);
 export var StyledTimePicker = styled.div.withConfig({
     displayName: "TimePicker.styles__StyledTimePicker",
-    componentId: "sc-fa04016d-3"
+    componentId: "sc-8a747fd1-2"
 })([
     "background:var(",
     ");border-radius:var(",

package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.js

@@ -0,0 +1,50 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+import React from "react";
+import cls from "classnames";
+import { classes } from "../../TimePicker.tokens";
+import { StyledTimeColumn, StyledTimeItem, StyledEmpty, CustomScrollbar, ScrollbarTrack, ScrollbarThumb, StyledRoot } from "./TimeColumn.styles";
+export var renderTimeColumn = function(param) {
+    var values = param.values, dropdownHeight = param.dropdownHeight, column = param.column, columnRef = param.columnRef, scrollbarState = param.scrollbarState, setScrollbar = param.setScrollbar, scrollbarRef = param.scrollbarRef, thumbRef = param.thumbRef, timeoutRef = param.timeoutRef, timeItemRefs = param.timeItemRefs, activeTime = param.activeTime, handleTimeItemClick = param.handleTimeItemClick, handleTimeItemKeyDown = param.handleTimeItemKeyDown, createScrollbarDragHandler = param.createScrollbarDragHandler;
+    return /*#__PURE__*/ React.createElement(StyledRoot, null, /*#__PURE__*/ React.createElement(StyledTimeColumn, {
+        key: column,
+        ref: columnRef,
+        height: dropdownHeight,
+        className: classes.timeColumn
+    }, values.map(function(value, index) {
+        return /*#__PURE__*/ React.createElement(StyledTimeItem, {
+            key: value,
+            ref: function(el) {
+                timeItemRefs.current["".concat(column, "-").concat(value)] = el;
+            },
+            className: cls(_define_property({}, classes.timeItemActive, activeTime[column] === index)),
+            onClick: function() {
+                return handleTimeItemClick(value, column);
+            },
+            onKeyDown: function(e) {
+                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)
+    }))));
+};

package/styled-components/es/components/{TimePickerGrid → TimePicker}/ui/TimeColumn/TimeColumn.styles.js

@@ -1,14 +1,14 @@
 import styled from "styled-components";
-import { classes, tokens } from "../../TimePickerGrid.tokens";
+import { classes, tokens } from "../../TimePicker.tokens";
 export var StyledRoot = styled.div.withConfig({
     displayName: "TimeColumn.styles__StyledRoot",
-    componentId: "sc-2a18995b-0"
+    componentId: "sc-a5ee4233-0"
 })([
     "position:relative;width:100%;"
 ]);
 export var StyledTimeItem = styled.div.withConfig({
     displayName: "TimeColumn.styles__StyledTimeItem",
-    componentId: "sc-2a18995b-1"
+    componentId: "sc-a5ee4233-1"
 })([
     "height:var(",
     ");padding:var(",
@@ -22,13 +22,11 @@ export var StyledTimeItem = styled.div.withConfig({
     ");&:hover{background:var(",
     ");}&.",
     "{background:var(",
-    ");}&.",
-    "{cursor:not-allowed;opacity:var(",
     ");}"
-], tokens.itemHeight, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemBackgroundHover, classes.timeItemActive, tokens.itemBackgroundActive, classes.itemDisabled, tokens.disabledOpacity);
+], tokens.itemHeight, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemBackgroundHover, classes.timeItemActive, tokens.itemBackgroundActive);
 export var StyledTimeColumn = styled.div.withConfig({
     displayName: "TimeColumn.styles__StyledTimeColumn",
-    componentId: "sc-2a18995b-2"
+    componentId: "sc-a5ee4233-2"
 })([
     "max-height:",
     ";overflow-y:scroll;flex:1;z-index:3;box-sizing:border-box;display:flex;flex-direction:column;gap:var(",
@@ -42,7 +40,7 @@ export var StyledTimeColumn = styled.div.withConfig({
 }, tokens.scrollbarWidth, classes.timeColumnActive, tokens.itemBackgroundHover, tokens.itemBorderRadius);
 export var CustomScrollbar = styled.div.withConfig({
     displayName: "TimeColumn.styles__CustomScrollbar",
-    componentId: "sc-2a18995b-3"
+    componentId: "sc-a5ee4233-3"
 })([
     "position:absolute;top:var(",
     ");right:0;bottom:var(",
@@ -52,7 +50,7 @@ export var CustomScrollbar = styled.div.withConfig({
 ], tokens.scrollbarMargin, tokens.scrollbarMargin, tokens.scrollbarWidth, classes.scrollbarVisible);
 export var ScrollbarTrack = styled.div.withConfig({
     displayName: "TimeColumn.styles__ScrollbarTrack",
-    componentId: "sc-2a18995b-4"
+    componentId: "sc-a5ee4233-4"
 })([
     "position:relative;width:100%;height:100%;background:var(",
     ");border-radius:var(",
@@ -60,7 +58,7 @@ export var ScrollbarTrack = styled.div.withConfig({
 ], tokens.scrollbarTrackColor, tokens.scrollbarWidth);
 export var ScrollbarThumb = styled.div.withConfig({
     displayName: "TimeColumn.styles__ScrollbarThumb",
-    componentId: "sc-2a18995b-5"
+    componentId: "sc-a5ee4233-5"
 })([
     "position:absolute;top:0;left:0;width:100%;background:var(",
     ");border-radius:var(",
@@ -70,7 +68,7 @@ export var ScrollbarThumb = styled.div.withConfig({
 ], tokens.scrollbarColor, tokens.scrollbarWidth, tokens.scrollbarColor, tokens.scrollbarTrackColor);
 export var StyledEmpty = styled.div.withConfig({
     displayName: "TimeColumn.styles__StyledEmpty",
-    componentId: "sc-2a18995b-6"
+    componentId: "sc-a5ee4233-6"
 })([
     "width:100%;height:0%.125rem;"
 ]);

package/styled-components/es/components/TimePicker/utils/index.js

@@ -68,7 +68,8 @@ export var normalizeTimeSegment = function(type, input) {
         carryover: digits.slice(1)
     };
 };
-export var processTimeInput = function(input, format, cursorPosition) {
+export var processTimeInput = function(input) {
+    var format = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'HH:mm:ss', cursorPosition = arguments.length > 2 ? arguments[2] : void 0;
     var digits = input.replace(/\D/g, '');
     var tokens = format.split(delimiter);
     var values = {
@@ -102,3 +103,23 @@ export var processTimeInput = function(input, format, cursorPosition) {
         newCursorPosition: newCursorPosition
     };
 };
+export var animateScrollTo = function(element, targetScrollTop) {
+    var duration = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 300;
+    var startScrollTop = element.scrollTop;
+    var distance = targetScrollTop - startScrollTop;
+    var startTime = null;
+    var animate = function(currentTime) {
+        if (!startTime) startTime = currentTime;
+        var timeElapsed = currentTime - startTime;
+        var progress = Math.min(timeElapsed / duration, 1);
+        var easeOut = function(t) {
+            return 1 - Math.pow(1 - t, 3);
+        };
+        var scrollPosition = startScrollTop + distance * easeOut(progress);
+        element.scrollTop = scrollPosition;
+        if (timeElapsed < duration) {
+            requestAnimationFrame(animate);
+        }
+    };
+    requestAnimationFrame(animate);
+};

package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js

@@ -2,7 +2,7 @@ import { css } from "styled-components";
 import { tabsTokens } from "../../../../components/Tabs";
 export var config = {
     defaults: {
-        view: 'default',
+        view: 'divider',
         size: 'xs'
     },
     variations: {
@@ -24,14 +24,12 @@ export var config = {
                 ":var(--text-secondary);",
                 ":transparent;",
                 ":background-color 0.3s ease-in-out;",
-                ":0;",
-                ":0;",
                 ":var(--surface-accent);",
                 ":0rem;",
                 ":var(--text-primary);",
                 ":var(--text-primary);",
                 ":pointer;"
-            ], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
+            ], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
             secondary: css([
                 "",
                 ":var(--text-primary);",
@@ -73,14 +71,12 @@ export var config = {
                 ":var(--text-secondary);",
                 ":transparent;",
                 ":background-color 0.3s ease-in-out;",
-                ":0;",
-                ":0;",
                 ":var(--surface-accent);",
                 ":0.125rem;",
                 ":var(--text-primary);",
                 ":var(--text-primary);",
                 ":pointer;"
-            ], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
+            ], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
             default: css([
                 "",
                 ":var(--text-primary);",
@@ -112,9 +108,9 @@ export var config = {
                 ":0.375rem;",
                 ":auto;",
                 ":2rem;",
-                ":0 0.5rem;",
+                ":0 0.125rem;",
                 ":0 0.375rem;",
-                ":1.75rem;",
+                ":1.5rem;",
                 ":0.25rem;",
                 ":0.125rem;",
                 ":var(--plasma-typo-body-xs-font-family);",
@@ -130,9 +126,9 @@ export var config = {
                 ":0.5rem;",
                 ":auto;",
                 ":2.5rem;",
-                ":0 0.625rem;",
+                ":0 0.125rem;",
                 ":0 0.5rem;",
-                ":1.75rem;",
+                ":1.5rem;",
                 ":0.25rem;",
                 ":0.125rem;",
                 ":var(--plasma-typo-body-s-font-family);",
@@ -148,9 +144,9 @@ export var config = {
                 ":0.625rem;",
                 ":auto;",
                 ":3rem;",
-                ":0 0.625rem;",
+                ":0 0.125rem;",
                 ":0 0.5rem;",
-                ":1.75rem;",
+                ":1.5rem;",
                 ":0.375rem;",
                 ":0.125rem;",
                 ":var(--plasma-typo-body-m-font-family);",
@@ -166,9 +162,9 @@ export var config = {
                 ":0.75rem;",
                 ":auto;",
                 ":3.5rem;",
-                ":0 0.875rem;",
+                ":0 0.125rem;",
                 ":0 0.75rem;",
-                ":1.75rem;",
+                ":1.5rem;",
                 ":0.5rem;",
                 ":0.125rem;",
                 ":var(--plasma-typo-body-l-font-family);",
@@ -184,8 +180,8 @@ export var config = {
                 ":0.375rem;",
                 ":auto;",
                 ":3rem;",
-                ":0rem;",
-                ":1.75rem;",
+                ":0 0.125rem;",
+                ":1.5rem;",
                 ":0.625rem;",
                 ":var(--plasma-typo-h5-font-family);",
                 ":var(--plasma-typo-h5-font-size);",
@@ -200,8 +196,8 @@ export var config = {
                 ":0.375rem;",
                 ":auto;",
                 ":3.25rem;",
-                ":0rem;",
-                ":2rem;",
+                ":0 0.125rem;",
+                ":1.75rem;",
                 ":0.625rem;",
                 ":var(--plasma-typo-h4-font-family);",
                 ":var(--plasma-typo-h4-font-size);",
@@ -216,8 +212,8 @@ export var config = {
                 ":0.5rem;",
                 ":auto;",
                 ":3.875rem;",
-                ":0rem;",
-                ":2.25rem;",
+                ":0 0.125rem;",
+                ":2rem;",
                 ":0.75rem;",
                 ":var(--plasma-typo-h3-font-family);",
                 ":var(--plasma-typo-h3-font-size);",
@@ -232,8 +228,8 @@ export var config = {
                 ":0.625rem;",
                 ":auto;",
                 ":4.5rem;",
-                ":0rem;",
-                ":2.5rem;",
+                ":0 0.125rem;",
+                ":2.25rem;",
                 ":0.875rem;",
                 ":var(--plasma-typo-h2-font-family);",
                 ":var(--plasma-typo-h2-font-size);",
@@ -248,8 +244,8 @@ export var config = {
                 ":0.75rem;",
                 ":auto;",
                 ":5.75rem;",
-                ":0rem;",
-                ":3.5rem;",
+                ":0 0.125rem;",
+                ":3.25rem;",
                 ":1rem;",
                 ":var(--plasma-typo-h1-font-family);",
                 ":var(--plasma-typo-h1-font-size);",

package/styled-components/es/examples/components/TimePicker/TimePicker.config.js

@@ -30,9 +30,8 @@ export var config = {
                 ":var(--surface-transparent-secondary);",
                 ":var(--surface-transparent-secondary);",
                 ":var(--surface-transparent-tertiary);",
-                ":var(--surface-transparent-primary);",
-                ":0.4;"
-            ], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor, tokens.disabledOpacity)
+                ":var(--surface-transparent-primary);"
+            ], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor)
         },
         size: {
             l: css([

package/types/components/TimePicker/TimePicker.d.ts.map

@@ -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;AAM7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAgBrD,eAAO,MAAM,cAAc,SACjB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;kBAAvD,MAAO,YAAY;mBAE/C,MAAO,YAAY;;;;iNA2P7B,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBA/PnB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;sBAAvD,MAAO,YAAY;uBAE/C,MAAO,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;CAsRjC,CAAC"}
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAGpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwBrD,eAAO,MAAM,cAAc,SACjB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;kBAN7F,MAAO,YAAY;mBAKtB,MAAO,YAAY;;;;iNAgvBhB,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAjvBnB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;sBAN7F,MAAO,YAAY;uBAKtB,MAAO,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;CA2wBpB,CAAC"}

package/types/components/TimePicker/TimePicker.styles.d.ts

@@ -1,22 +1,4 @@
 export declare const StyledPopover: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const StyledTimePickerGrid: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & {
-    value?: string;
-    dropdownHeight?: import("react").CSSProperties["height"];
-    dropdownWidth?: "auto" | "fullWidth" | import("react").CSSProperties["width"];
-    format?: string;
-    min?: string | Date;
-    max?: string | Date;
-    columnsQuantity?: 2 | 3;
-    size?: string;
-    view?: string;
-    disabled?: boolean;
-    disabledValues?: {
-        hour?: number[];
-        minute?: number[];
-        second?: number[];
-    };
-    onChange?: (event: import("../TimePickerGrid/TimePickerGrid.types").TimePickerGridChangeEvent) => void;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const StyledInput: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & (({
     size?: string;
     view?: string;

package/types/components/TimePicker/TimePicker.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,aAAa,mTAAoB,CAAC;AAE/C,eAAO,MAAM,oBAAoB;;;;;;;;;;;;YAMA,CAAC;cAA0B,CAAC;cAEpD,CAAC;;;qHAmBT,CAAC;AAGF,eAAO,MAAM,WAAW;;;;;;;;kBAqDuD,MAAO,YACtF;mBAAqE,MAAO,YAAY;;;oCAMpF,CAAA;;;;;;;;;;;;;;;;;;;;oCAvFmB,CAAC;;;;;;;;;;;;wBAgF8D,YACtF;yBAA4E,YAAY;;;oCAMpF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPkF,YACtF;yBAA4E,YAAY;;;oCAMpF,CAAA;;;;;;;;;;;;;;;;;;;;oCAvFmB,CAAC;;;;;;;;;;;;wBAgF8D,YACtF;yBAA4E,YAAY;;;oCAMpF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPkF,YACtF;yBAA4E,YAAY;;;oCAMpF,CAAA;;;;;;;;;;;;;;;;;;;;oCAvFmB,CAAC;;;;;;;;;;;;wBAgF8D,YACtF;yBAA4E,YAAY;;;oCAMpF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPkF,YACtF;yBAA4E,YAAY;;;oCAMpF,CAAA;;;;;;;;;;;;;;;;;;;;oCAvFmB,CAAC;;;;;;;;;;;;wBAgF8D,YACtF;yBAA4E,YAAY;;;oCAMpF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;yIAmCH,CAAC;AAEF,eAAO,MAAM,IAAI,0CAwBhB,CAAC;AAEF,eAAO,MAAM,gBAAgB;YAAwB,MAAM,GAAG,MAAM;EAWnE,CAAC"}
+{"version":3,"file":"TimePicker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,aAAa,mTAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW;;;;;;;;kBAiFqC,MAAO,YAAY;mBACb,MAAO,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPsC,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPsC,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPsC,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;yIAO7B,CAAC;AAEF,eAAO,MAAM,IAAI,0CAwBhB,CAAC;AAEF,eAAO,MAAM,gBAAgB;YAAwB,MAAM,GAAG,MAAM;EAWnE,CAAC"}

package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts

@@ -0,0 +1,3 @@
+import { TimeColumnProps } from './TimeColumn.types';
+export declare const renderTimeColumn: ({ values, dropdownHeight, column, columnRef, scrollbarState, setScrollbar, scrollbarRef, thumbRef, timeoutRef, timeItemRefs, activeTime, handleTimeItemClick, handleTimeItemKeyDown, createScrollbarDragHandler, }: TimeColumnProps) => JSX.Element;
+//# sourceMappingURL=TimeColumn.d.ts.map

package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePicker/ui/TimeColumn/TimeColumn.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,eAAO,MAAM,gBAAgB,uNAe1B,eAAe,gBAuCjB,CAAC"}

package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeColumn.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePicker/ui/TimeColumn/TimeColumn.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,cAAc,qKA0B1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;aAAyB,MAAM,GAAG,MAAM;EAuBpE,CAAC;AAEF,eAAO,MAAM,eAAe,qKAgB3B,CAAC;AAEF,eAAO,MAAM,cAAc,qKAM1B,CAAC;AAEF,eAAO,MAAM,cAAc,qKAiB1B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC"}

package/types/components/{TimePickerGrid → TimePicker}/ui/TimeColumn/TimeColumn.types.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties, KeyboardEvent } from 'react';
-export type TimeColumnType = 'hours' | 'minutes' | 'seconds';
+type TimeColumnType = 'hours' | 'minutes' | 'seconds';
 interface ActiveTime {
     hours: number | null;
     minutes: number | null;
@@ -13,24 +13,23 @@ interface ScrollbarState {
     isDragging: boolean;
 }
 type ScrollbarDragHandler = (columnRef: React.RefObject<HTMLDivElement>, setScrollbar: React.Dispatch<React.SetStateAction<ScrollbarState>>, timeoutRef: React.MutableRefObject<NodeJS.Timeout | null>) => (e: React.MouseEvent<HTMLDivElement>) => void;
-export type TimeItemKeyDownHandler = (event: KeyboardEvent<HTMLDivElement>, column: TimeColumnType, value: string) => void;
+type TimeItemKeyDownHandler = (event: KeyboardEvent<HTMLDivElement>, column: TimeColumnType, value: string) => void;
 type TimeItemClickHandler = (value: string, column: TimeColumnType) => void;
 export interface TimeColumnProps {
     values: string[];
     dropdownHeight: CSSProperties['height'];
     column: TimeColumnType;
+    columnRef: React.RefObject<HTMLDivElement>;
+    scrollbarState: ScrollbarState;
+    setScrollbar: React.Dispatch<React.SetStateAction<ScrollbarState>>;
+    scrollbarRef: React.RefObject<HTMLDivElement>;
+    thumbRef: React.RefObject<HTMLDivElement>;
+    timeoutRef: React.MutableRefObject<NodeJS.Timeout | null>;
     timeItemRefs: React.MutableRefObject<Record<string, HTMLDivElement | null>>;
     activeTime: ActiveTime;
     handleTimeItemClick: TimeItemClickHandler;
     handleTimeItemKeyDown: TimeItemKeyDownHandler;
     createScrollbarDragHandler: ScrollbarDragHandler;
-    setScrollbar?: React.Dispatch<React.SetStateAction<ScrollbarState>>;
-    columnRef?: React.RefObject<HTMLDivElement>;
-    scrollbarState?: ScrollbarState;
-    scrollbarRef?: React.RefObject<HTMLDivElement>;
-    thumbRef?: React.RefObject<HTMLDivElement>;
-    timeoutRef?: React.MutableRefObject<NodeJS.Timeout | null>;
-    disabledValues?: (string | number)[];
 }
 export {};
 //# sourceMappingURL=TimeColumn.types.d.ts.map

package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeColumn.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePicker/ui/TimeColumn/TimeColumn.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE1D,KAAK,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtD,UAAU,UAAU;IAChB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,aAAa,EAAE,cAAc,GAAG,IAAI,CAAC;CACxC;AAED,UAAU,cAAc;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,KAAK,oBAAoB,GAAG,CACxB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC1C,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,EAClE,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,KACxD,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;AAEnD,KAAK,sBAAsB,GAAG,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEpH,KAAK,oBAAoB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;AAE5E,MAAM,WAAW,eAAe;IAC5B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACxC,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACnE,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC1D,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,UAAU,EAAE,UAAU,CAAC;IACvB,mBAAmB,EAAE,oBAAoB,CAAC;IAC1C,qBAAqB,EAAE,sBAAsB,CAAC;IAC9C,0BAA0B,EAAE,oBAAoB,CAAC;CACpD"}

package/types/components/TimePicker/utils/index.d.ts

@@ -11,9 +11,10 @@ export interface NormalizedSegment {
 export declare const delimiter = ":";
 export declare const range: (number: number, padLength?: number) => string[];
 export declare const normalizeTimeSegment: (type: "HH" | "mm" | "ss", input: string) => NormalizedSegment;
-export declare const processTimeInput: (input: string, format: "HH:mm" | "HH:mm:ss", cursorPosition: number | null) => {
+export declare const processTimeInput: (input: string, format: ("HH:mm" | "HH:mm:ss") | undefined, cursorPosition: number | null) => {
     innerString: string;
     values: TimeValues;
     newCursorPosition: number | null;
 };
+export declare const animateScrollTo: (element: HTMLDivElement, targetScrollTop: number, duration?: number) => void;
 //# sourceMappingURL=index.d.ts.map

package/types/components/TimePicker/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,eAAO,MAAM,KAAK,WAAY,MAAM,yBAAkB,MAAM,EAE3D,CAAC;AAEF,eAAO,MAAM,oBAAoB,SAAU,IAAI,GAAG,IAAI,GAAG,IAAI,SAAS,MAAM,KAAG,iBA8D9E,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAClB,MAAM,UACL,OAAO,GAAG,UAAU,kBACZ,MAAM,GAAG,IAAI,KAC9B;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,UAAU,CAAC;IAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;CAkC7E,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,eAAO,MAAM,KAAK,WAAY,MAAM,yBAAkB,MAAM,EAE3D,CAAC;AAEF,eAAO,MAAM,oBAAoB,SAAU,IAAI,GAAG,IAAI,GAAG,IAAI,SAAS,MAAM,KAAG,iBA8D9E,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAClB,MAAM,WACL,OAAO,GAAG,UAAU,+BACZ,MAAM,GAAG,IAAI,KAC9B;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,UAAU,CAAC;IAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;CAkC7E,CAAC;AAEF,eAAO,MAAM,eAAe,YAAa,cAAc,mBAAmB,MAAM,4BAqB/E,CAAC"}

package/types/examples/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalTabItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuSlB,CAAC"}
+{"version":3,"file":"HorizontalTabItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiSlB,CAAC"}

package/types/examples/components/TimePicker/TimePicker.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePicker/TimePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAwUlB,CAAC"}
+{"version":3,"file":"TimePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePicker/TimePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAsUlB,CAAC"}

package/cjs/components/TimePickerGrid/TimePickerGrid.css

@@ -1,10 +0,0 @@
-.TimePickerGrid_styles_mz2mkl_b1gxyazn__68be6be3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:10rem;}
-.TimePickerGrid_styles_mz2mkl_s5pkh4__68be6be3{background:var(--plasma-time-picker-grid-grid-background);border-radius:var(--plasma-time-picker-grid-grid-border-radius);width:var(--s5pkh4-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-grid-grid-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;gap:var(--plasma-time-picker-grid-scrollbar-width);box-sizing:border-box;position:relative;height:var(--plasma-time-picker-grid-column-height);}
-
-.TimeColumn_styles_1nwjzgi_s1gom5ty__3e50ba9a{position:relative;width:100%;}
-.TimeColumn_styles_1nwjzgi_s1qroyi1__3e50ba9a{height:var(--plasma-time-picker-grid-item-height);padding:var(--plasma-time-picker-grid-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-grid-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-grid-item-font-family);font-size:var(--plasma-time-picker-grid-item-font-size);font-style:var(--plasma-time-picker-grid-item-font-style);font-weight:var(--plasma-time-picker-grid-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-grid-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-grid-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-grid-item-letter-spacing);letter-spacing:var(--plasma-time-picker-grid-item-letter-spacing);line-height:var(--plasma-time-picker-grid-item-line-height);}.TimeColumn_styles_1nwjzgi_s1qroyi1__3e50ba9a:hover{background:var(--plasma-time-picker-grid-item-hover-background);}.TimeColumn_styles_1nwjzgi_s1qroyi1__3e50ba9a.TimeColumn_styles_1nwjzgi__PlasmaTimePickerGridItemActive__3e50ba9a{background:var(--plasma-time-picker-grid-item-active-background);}.TimeColumn_styles_1nwjzgi_s1qroyi1__3e50ba9a.TimeColumn_styles_1nwjzgi__PlasmaTimePickerGridItemDisabled__3e50ba9a{cursor:not-allowed;opacity:var(--plasma-time-picker-grid-disabled-opacity);}
-.TimeColumn_styles_1nwjzgi_s1jwci1h__3e50ba9a{max-height:var(--s1jwci1h-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-grid-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.TimeColumn_styles_1nwjzgi_s1jwci1h__3e50ba9a.TimeColumn_styles_1nwjzgi__PlasmaTimePickerGridColumnActive__3e50ba9a{border:0.125rem solid var(--plasma-time-picker-grid-item-hover-background);border-radius:var(--plasma-time-picker-grid-item-border-radius);}.TimeColumn_styles_1nwjzgi_s1jwci1h__3e50ba9a::-webkit-scrollbar{display:none;width:0;}
-.TimeColumn_styles_1nwjzgi_csx57j8__3e50ba9a{position:absolute;top:var(--plasma-time-picker-grid-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-grid-scrollbar-margin);width:var(--plasma-time-picker-grid-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.TimeColumn_styles_1nwjzgi_csx57j8__3e50ba9a.TimeColumn_styles_1nwjzgi__PlasmaTimePickerGridScrollbarVisible__3e50ba9a{opacity:1;pointer-events:auto;}
-.TimeColumn_styles_1nwjzgi_s1dh0qqv__3e50ba9a{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-grid-scrollbar-track-color);border-radius:var(--plasma-time-picker-grid-scrollbar-width);}
-.TimeColumn_styles_1nwjzgi_s1h9xdi8__3e50ba9a{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-grid-scrollbar-color);border-radius:var(--plasma-time-picker-grid-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.TimeColumn_styles_1nwjzgi_s1h9xdi8__3e50ba9a:hover{background:var(--plasma-time-picker-grid-scrollbar-color);}.TimeColumn_styles_1nwjzgi_s1h9xdi8__3e50ba9a:active{background:var(--plasma-time-picker-grid-scrollbar-track-color);}
-.TimeColumn_styles_1nwjzgi_s1dt15pt__3e50ba9a{width:100%;height:0%.125rem;}