@salutejs/plasma-new-hope 0.337.0-canary.2255.18028844305.0 → 0.337.0-canary.2255.18122908918.0

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

@@ -0,0 +1,195 @@
+import styled from "styled-components";
+import { css } from "styled-components";
+import { component, mergeConfig } from "../../engines";
+import { textFieldConfig, textFieldTokens } from "../TextField";
+import { popoverClasses, popoverConfig } from "../Popover";
+import { classes, tokens } from "./TimePicker.tokens";
+var mergedTextFieldConfig = mergeConfig(textFieldConfig);
+var TextField = component(mergedTextFieldConfig);
+var mergedPopoverConfig = mergeConfig(popoverConfig);
+var Popover = component(mergedPopoverConfig);
+export var StyledPopover = styled(Popover).withConfig({
+    displayName: "TimePicker.styles__StyledPopover",
+    componentId: "sc-8a747fd1-0"
+})([
+    ""
+]);
+// NOTE: переопределение токенов TextField
+export var StyledInput = styled(TextField).withConfig({
+    displayName: "TimePicker.styles__StyledInput",
+    componentId: "sc-8a747fd1-1"
+})([
+    "width:100%;",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ",var(",
+    "));",
+    ":var(",
+    ",var(",
+    "));",
+    ":var(",
+    ",var(",
+    "));&.",
+    "{",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");}&.",
+    "{",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");}"
+], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.boxShadow, tokens.textFieldBoxShadow, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, classes.timePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.timePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
+export var base = css([
+    "display:flex;width:var(",
+    ");margin-top:var(",
+    ");.",
+    ",.",
+    "{width:inherit;}&.",
+    "{width:100%;.",
+    "{width:100%;}}&.",
+    "{width:100%;}&.",
+    "{justify-content:flex-end;}"
+], 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-8a747fd1-2"
+})([
+    "background:var(",
+    ");border-radius:var(",
+    ");width:",
+    ";display:flex;padding:var(",
+    ");flex:1 1 1;gap:var(",
+    ");box-sizing:border-box;position:relative;"
+], tokens.timePickerBackground, tokens.timePickerBorderRadius, function(param) {
+    var width = param.width;
+    return (width === 'fullWidth' ? "var(".concat(tokens.width, ")") : width) || "var(".concat(tokens.timePickerWidth, ")");
+}, tokens.timePickerPadding, tokens.scrollbarWidth);

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

@@ -0,0 +1,124 @@
+export var classes = {
+    timePickerstretched: 'plasma-time-picker-stretched',
+    timePickerSuccess: 'plasma-time-picker-success',
+    timePickerError: 'plasma-time-picker-error',
+    timePickerRoot: 'plasma-time-picker-root',
+    timeColumnLabel: 'plasma-time-picker-column-label',
+    timeItemActive: 'plasma-time-picker-item-active',
+    timePickerFullWidth: 'plasma-time-picker-full-width',
+    timePickerActive: 'plasma-time-picker-active',
+    timeColumnActive: 'plasma-time-picker-column-active',
+    timeColumn: 'plasma-time-picker-column',
+    timeColumnScrolling: 'plasma-time-picker-column-scrolling',
+    scrollbarVisible: 'plasma-time-picker-scrollbar-visible',
+    timePickerPlacementRight: 'plasma-time-picker-placement-right'
+};
+export var tokens = {
+    width: '--plasma-time-picker-width',
+    background: '--plasma-time-picker_range-background',
+    backgroundError: '--plasma-time-picker_range-background-error',
+    backgroundSuccess: '--plasma-time-picker_range-background-success',
+    backgroundReadOnly: '--plasma-time-picker_range-background-readonly',
+    borderRadius: '--plasma-time-picker_range-border-radius',
+    borderWidth: '--plasma-time-picker_range-border-width',
+    borderColor: '--plasma-time-picker_range-border-color',
+    borderColorHover: '--plasma-time-picker_range-border-color-hover',
+    borderColorFocus: '--plasma-time-picker_range-border-color-focus',
+    borderColorError: '--plasma-time-picker_range-border-color-error',
+    borderColorSuccess: '--plasma-time-picker_range-border-color-success',
+    leftContentMargin: '--plasma-time-picker_range__left-content-margin',
+    rightContentMargin: '--plasma-time-picker_range__right-content-margin',
+    labelColor: '--plasma-time-picker__label-color',
+    labelColorReadOnly: '--plasma-time-picker__label-color-readonly',
+    labelOffset: '--plasma-time-picker__label-offset',
+    labelFontFamily: '--plasma-time-picker__label-font-family',
+    labelFontStyle: '--plasma-time-picker__label-font-style',
+    labelFontSize: '--plasma-time-picker__label-font-size',
+    labelFontWeight: '--plasma-time-picker__label-font-weight',
+    labelLetterSpacing: '--plasma-time-picker__label-letter-spacing',
+    labelLineHeight: '--plasma-time-picker__label-line-height',
+    labelInnerFontFamily: '--plasma-time-picker-placement_inner__label-font-family',
+    labelInnerFontStyle: '--plasma-time-picker-placement_inner__label-font-style',
+    labelInnerFontSize: '--plasma-time-picker-placement_inner__label-font-size',
+    labelInnerFontWeight: '--plasma-time-picker-placement_inner__label-font-weight',
+    labelInnerLetterSpacing: '--plasma-time-picker-placement_inner__label-letter-spacing',
+    labelInnerLineHeight: '--plasma-time-picker-placement_inner__label-line-height',
+    labelInnerPadding: '--plasma-time-picker-placement_inner__label-padding',
+    contentLabelInnerPadding: '--plasma-time-picker-placement_inner__content-padding',
+    indicatorColor: '--plasma-time-picker__indicator-color',
+    indicatorSize: '--plasma-time-picker__indicator-size',
+    indicatorSizeOuter: '--plasma-time-picker__indicator-size-outer',
+    indicatorPlacement: '--plasma-time-picker__indicator-placement',
+    indicatorPlacementRight: '--plasma-time-picker__indicator-placement-right',
+    indicatorOuterPlacement: '--plasma-time-picker__indicator-placement-outer',
+    indicatorOuterPlacementRight: '--plasma-time-picker__indicator-placement-outer-right',
+    textFieldColor: '--plasma-time-picker-textfield-color',
+    textFieldPlaceholderColorFocus: '--plasma-timepicker-textfield__placeholder-color-focus',
+    textFieldFocusColor: '--plasma-time-picker-textfield-focus-color',
+    textFieldPlaceholderColor: '--plasma-time-picker-textfield-placeholder-color',
+    textFieldCaretColor: '--plasma-time-picker-textfield-caret-color',
+    textFieldBackgroundColor: '--plasma-time-picker-textfield-background-color',
+    textFieldBackgroundColorHover: '--plasma-time-picker-textfield-background-color-hover',
+    textFieldBackgroundColorFocus: '--plasma-time-picker-textfield-background-color-focus',
+    textFieldBackgroundErrorColor: '--plasma-time-picker-textfield-background-color-error',
+    textFieldBackgroundErrorColorHover: '--plasma-time-picker-textfield-background-color-error-hover',
+    textFieldBackgroundErrorColorFocus: '--plasma-time-picker-textfield-background-color-error-focus',
+    textFieldBackgroundSuccessColor: '--plasma-time-picker-textfield-background-color-success',
+    textFieldBackgroundSuccessColorHover: '--plasma-time-picker-textfield-background-color-success-hover',
+    textFieldBackgroundSuccessColorFocus: '--plasma-time-picker-textfield-background-color-success-focus',
+    textFieldBorderColor: '--plasma-time-picker-textfield-border-color',
+    textFieldBorderColorHover: '--plasma-time-picker-textfield-border-color-hover',
+    textFieldBorderColorFocus: '--plasma-time-picker-textfield-border-color-focus',
+    textFieldBorderColorError: '--plasma-time-picker-textfield-border-color-error',
+    textFieldBorderColorErrorHover: '--plasma-time-picker-textfield-border-color-error-hover',
+    textFieldBorderColorErrorFocus: '--plasma-time-picker-textfield-border-color-error-focus',
+    textFieldBorderColorSuccess: '--plasma-time-picker-textfield-border-color-success',
+    textFieldBorderColorSuccessHover: '--plasma-time-picker-textfield-border-color-success-hover',
+    textFieldBorderColorSuccessFocus: '--plasma-time-picker-textfield-border-color-success-focus',
+    textFieldBoxShadow: '--plasma-time-picker-textfield-box-shadow',
+    textFieldColorReadOnly: '--plasma-time-picker-textfield-color-readonly',
+    textFieldBackgroundColorReadOnly: '--plasma-time-picker-textfield-background-color-readonly',
+    textFieldBorderColorReadOnly: '--plasma-time-picker-textfield-border-color-readonly',
+    textFieldPlaceholderColorReadOnly: '--plasma-time-picker-textfield-placeholder-color-readonly',
+    textFieldHeight: '--plasma-time-picker-textfield-height',
+    textFieldBorderWidth: '--plasma-time-picker-textfield-border-width',
+    textFieldBorderRadius: '--plasma-time-picker-textfield-border-radius',
+    textFieldPadding: '--plasma-time-picker-textfield-padding',
+    textFieldLeftContentMargin: '--plasma-time-picker-textfield__left-content-margin',
+    textFieldRightContentMargin: '--plasma-time-picker-textfield__right-content-margin',
+    textFieldFontFamily: '--plasma-time-picker-textfield-font-family',
+    textFieldFontStyle: '--plasma-time-picker-textfield-font-style',
+    textFieldFontSize: '--plasma-time-picker-textfield-font-size',
+    textFieldFontWeight: '--plasma-time-picker-textfield-font-weight',
+    textFieldLetterSpacing: '--plasma-time-picker-textfield-letter-spacing',
+    textFieldLineHeight: '--plasma-time-picker-textfield-line-height',
+    textFieldTextBeforeColor: '--plasma-time-picker-textfield__before-text-color',
+    textFieldTextAfterColor: '--plasma-time-picker-textfield__after-text-color',
+    textFieldTextBeforeMargin: '--plasma-time-picker-textfield__before-text-margin',
+    textFieldTextAfterMargin: '--plasma-time-picker-textfield__after-text-margin',
+    textFieldContentSlotColor: '--plasma-time-picker-textfield__content-color',
+    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',
+    timePickerPadding: '--plasma-time-picker-ui-padding',
+    columnHeight: '--plasma-time-picker-column-height',
+    itemHeight: '--plasma-time-picker-item-height',
+    itemBorderRadius: '--plasma-time-picker-item-border-radius',
+    itemPadding: '--plasma-time-picker-item-padding',
+    itemBackgroundHover: '--plasma-time-picker-item-hover-background',
+    itemBackgroundActive: '--plasma-time-picker-item-active-background',
+    itemFontFamily: '--plasma-time-picker-item-font-family',
+    itemFontStyle: '--plasma-time-picker-item-font-style',
+    itemFontSize: '--plasma-time-picker-item-font-size',
+    itemFontWeight: '--plasma-time-picker-item-font-weight',
+    itemLetterSpacing: '--plasma-time-picker-item-letter-spacing',
+    itemLineHeight: '--plasma-time-picker-item-line-height',
+    scrollbarWidth: '--plasma-time-picker-scrollbar-width',
+    scrollbarColor: '--plasma-time-picker-scrollbar-color',
+    scrollbarTrackColor: '--plasma-time-picker-scrollbar-track-color',
+    scrollbarMargin: '--plasma-time-picker-scrollbar-margin'
+};

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

@@ -0,0 +1 @@
+export { };

package/styled-components/es/components/TimePicker/hooks/useKeyboardNavigation.js

@@ -0,0 +1,20 @@
+export var useKeyNavigation = function(param) {
+    var isCalendarOpen = param.isCalendarOpen, closeOnEsc = param.closeOnEsc, format = param.format, maskWithFormat = param.maskWithFormat, delimiter = param.delimiter, onToggle = param.onToggle;
+    var onKeyDown = function(event) {
+        if (event.key === delimiter && maskWithFormat && format) {
+            event.preventDefault();
+            return;
+        }
+        if (event.code === 'Space' && !isCalendarOpen) {
+            event.preventDefault();
+            onToggle(true, event);
+        }
+        if (event.code === 'Escape' && isCalendarOpen && closeOnEsc) {
+            event.preventDefault();
+            onToggle(false, event);
+        }
+    };
+    return {
+        onKeyDown: onKeyDown
+    };
+};

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

@@ -0,0 +1,2 @@
+export { timePickerRoot, timePickerConfig } from "./TimePicker";
+export { tokens as timePickerTokens, classes as timePickerClasses } from "./TimePicker.tokens";

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/TimePicker/ui/TimeColumn/TimeColumn.styles.js

@@ -0,0 +1,74 @@
+import styled from "styled-components";
+import { classes, tokens } from "../../TimePicker.tokens";
+export var StyledRoot = styled.div.withConfig({
+    displayName: "TimeColumn.styles__StyledRoot",
+    componentId: "sc-a5ee4233-0"
+})([
+    "position:relative;width:100%;"
+]);
+export var StyledTimeItem = styled.div.withConfig({
+    displayName: "TimeColumn.styles__StyledTimeItem",
+    componentId: "sc-a5ee4233-1"
+})([
+    "height:var(",
+    ");padding:var(",
+    ");box-sizing:border-box;display:flex;justify-content:center;align-items:center;transition:0.05s;border-radius:var(",
+    ");cursor:pointer;flex-shrink:0;overflow:auto;font-family:var(",
+    ");font-size:var(",
+    ");font-style:var(",
+    ");font-weight:var(",
+    ");letter-spacing:var(",
+    ");line-height:var(",
+    ");&:hover{background:var(",
+    ");}&.",
+    "{background: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);
+export var StyledTimeColumn = styled.div.withConfig({
+    displayName: "TimeColumn.styles__StyledTimeColumn",
+    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(",
+    ");width:100%;&.",
+    "{border:0.125rem solid var(",
+    ");border-radius:var(",
+    ");}scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;width:0;}"
+], function(param) {
+    var height = param.height;
+    return height || "var(".concat(tokens.columnHeight, ")");
+}, tokens.scrollbarWidth, classes.timeColumnActive, tokens.itemBackgroundHover, tokens.itemBorderRadius);
+export var CustomScrollbar = styled.div.withConfig({
+    displayName: "TimeColumn.styles__CustomScrollbar",
+    componentId: "sc-a5ee4233-3"
+})([
+    "position:absolute;top:var(",
+    ");right:0;bottom:var(",
+    ");width:var(",
+    ");opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;&.",
+    "{opacity:1;pointer-events:auto;}"
+], tokens.scrollbarMargin, tokens.scrollbarMargin, tokens.scrollbarWidth, classes.scrollbarVisible);
+export var ScrollbarTrack = styled.div.withConfig({
+    displayName: "TimeColumn.styles__ScrollbarTrack",
+    componentId: "sc-a5ee4233-4"
+})([
+    "position:relative;width:100%;height:100%;background:var(",
+    ");border-radius:var(",
+    ");"
+], tokens.scrollbarTrackColor, tokens.scrollbarWidth);
+export var ScrollbarThumb = styled.div.withConfig({
+    displayName: "TimeColumn.styles__ScrollbarThumb",
+    componentId: "sc-a5ee4233-5"
+})([
+    "position:absolute;top:0;left:0;width:100%;background:var(",
+    ");border-radius:var(",
+    ");cursor:pointer;transition:background-color 0.2s ease;&:hover{background:var(",
+    ");}&:active{background:var(",
+    ");}"
+], tokens.scrollbarColor, tokens.scrollbarWidth, tokens.scrollbarColor, tokens.scrollbarTrackColor);
+export var StyledEmpty = styled.div.withConfig({
+    displayName: "TimeColumn.styles__StyledEmpty",
+    componentId: "sc-a5ee4233-6"
+})([
+    "width:100%;height:0%.125rem;"
+]);

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

@@ -0,0 +1 @@
+export { };

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

@@ -0,0 +1,125 @@
+export var delimiter = ':';
+export var range = function(number) {
+    var padLength = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
+    return Array.from({
+        length: number
+    }, function(_, i) {
+        return i.toString().padStart(padLength, '0');
+    });
+};
+export var normalizeTimeSegment = function(type, input) {
+    var max = type === 'HH' ? 23 : 59;
+    var digits = input.replace(/\D/g, '');
+    var num = parseInt(digits, 10);
+    if (!digits) {
+        return {
+            text: '',
+            value: null,
+            carryover: ''
+        };
+    }
+    if (Math.floor(max / 10) < num && digits.length === 1) {
+        return {
+            text: num.toString().padStart(2, '0'),
+            value: num,
+            carryover: ''
+        };
+    }
+    if (num <= max && digits.length === 1) {
+        return {
+            text: digits,
+            value: num,
+            carryover: ''
+        };
+    }
+    if (digits.length === 1) {
+        return {
+            text: max.toString().padStart(2, '0'),
+            value: max,
+            carryover: ''
+        };
+    }
+    if (Number.isNaN(num)) {
+        return {
+            text: '',
+            value: null,
+            carryover: ''
+        };
+    }
+    if (num <= max) {
+        return {
+            text: digits.padStart(2, '0'),
+            value: num,
+            carryover: ''
+        };
+    }
+    var firstDigit = parseInt(digits[0], 10);
+    var secondDigit = parseInt(digits[1], 10);
+    if (firstDigit <= max) {
+        return {
+            text: firstDigit.toString().padStart(2, '0'),
+            value: firstDigit,
+            carryover: secondDigit.toString()
+        };
+    }
+    return {
+        text: max.toString().padStart(2, '0'),
+        value: max,
+        carryover: digits.slice(1)
+    };
+};
+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 = {
+        hh: null,
+        mm: null,
+        ss: null
+    };
+    var segments = [];
+    var digitIndex = 0;
+    var newCursorPosition = cursorPosition !== null && cursorPosition !== void 0 ? cursorPosition : 0;
+    tokens.forEach(function(token) {
+        var segmentDigits = digits.slice(digitIndex, digitIndex + 2);
+        digitIndex += segmentDigits.length;
+        var _normalizeTimeSegment = normalizeTimeSegment(token, segmentDigits), text = _normalizeTimeSegment.text, value = _normalizeTimeSegment.value;
+        values[token.toLowerCase()] = value;
+        segments.push(text);
+    });
+    var innerString = segments[0];
+    if (segments.length > 1 && segments[1]) {
+        innerString += ":".concat(segments[1]);
+    }
+    if (format === 'HH:mm:ss' && segments.length > 2 && segments[2]) {
+        innerString += ":".concat(segments[2]);
+    }
+    if (innerString.length - 2 <= newCursorPosition) {
+        newCursorPosition += innerString.length - newCursorPosition;
+    }
+    return {
+        innerString: innerString,
+        values: values,
+        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/components/TimePicker/variations/_disabled/base.js

@@ -0,0 +1,6 @@
+import { css } from "styled-components";
+import { tokens } from "../../TimePicker.tokens";
+export var base = css([
+    "&[disabled]{opacity:var(",
+    ");cursor:not-allowed;}"
+], tokens.disabledOpacity);

package/styled-components/es/components/TimePicker/variations/_readonly/base.js

@@ -0,0 +1,4 @@
+import { css } from "styled-components";
+export var base = css([
+    "&[readonly]{cursor:not-allowed;}"
+]);

package/styled-components/es/components/TimePicker/variations/_size/base.js

@@ -0,0 +1,4 @@
+import { css } from "styled-components";
+export var base = css([
+    ""
+]);

package/styled-components/es/components/TimePicker/variations/_view/base.js

@@ -0,0 +1,4 @@
+import { css } from "styled-components";
+export var base = css([
+    ""
+]);

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

@@ -488,13 +488,15 @@ export var config = {
         readOnly: {
             true: css([
                 "",
-                ":var(--text-secondary);",
+                ":var(--text-primary);",
+                ":0.1;",
+                ":0.4;",
                 ":var(--surface-transparent-primary);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary);",
-                ":var(--text-secondary);",
+                ":var(--text-primary);",
                 ":var(--surface-transparent-primary);"
-            ], tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
+            ], tokens.textFieldColorReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
         }
     }
 };