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

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

@@ -0,0 +1,258 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get StyledInput () {
+        return StyledInput;
+    },
+    get StyledPopover () {
+        return StyledPopover;
+    },
+    get StyledTimePicker () {
+        return StyledTimePicker;
+    },
+    get base () {
+        return base;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+var _engines = require("../../engines");
+var _TextField = require("../TextField");
+var _Popover = require("../Popover");
+var _TimePickertokens = require("./TimePicker.tokens");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+var mergedTextFieldConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
+var TextField = (0, _engines.component)(mergedTextFieldConfig);
+var mergedPopoverConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig);
+var Popover = (0, _engines.component)(mergedPopoverConfig);
+var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
+    displayName: "TimePicker.styles__StyledPopover",
+    componentId: "sc-8a747fd1-0"
+})([
+    ""
+]);
+var StyledInput = (0, _styledcomponents.default)(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(",
+    ");}"
+], _TextField.textFieldTokens.color, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _TimePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TimePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _TimePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _TimePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.borderColorFocus, _TextField.textFieldTokens.boxShadow, _TimePickertokens.tokens.textFieldBoxShadow, _TextField.textFieldTokens.colorReadOnly, _TimePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _TimePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _TimePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _TimePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _TimePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _TimePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _TimePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _TimePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _TimePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TimePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _TimePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TimePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _TimePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _TimePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _TimePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TimePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TimePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _TimePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _TimePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _TimePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _TimePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _TimePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _TimePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _TimePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _TimePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _TimePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _TimePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TimePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TimePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TimePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TimePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _TimePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TimePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _TimePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _TimePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _TimePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _TimePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _TimePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _TimePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _TimePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _TimePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _TimePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _TimePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TimePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _TimePickertokens.tokens.textFieldContentSlotColor, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _TimePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _TimePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TimePickertokens.classes.timePickerError, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.textFieldBorderColorErrorFocus, _TimePickertokens.classes.timePickerSuccess, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.textFieldBorderColorSuccessFocus);
+var base = (0, _styledcomponents.css)([
+    "display:flex;width:var(",
+    ");margin-top:var(",
+    ");.",
+    ",.",
+    "{width:inherit;}&.",
+    "{width:100%;.",
+    "{width:100%;}}&.",
+    "{width:100%;}&.",
+    "{justify-content:flex-end;}"
+], _TimePickertokens.tokens.width, _TimePickertokens.tokens.dropdownMarginTop, _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _TimePickertokens.classes.timePickerstretched, _Popover.popoverClasses.root, _TimePickertokens.classes.timePickerFullWidth, _TimePickertokens.classes.timePickerPlacementRight);
+var StyledTimePicker = _styledcomponents.default.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;"
+], _TimePickertokens.tokens.timePickerBackground, _TimePickertokens.tokens.timePickerBorderRadius, function(param) {
+    var width = param.width;
+    return (width === 'fullWidth' ? "var(".concat(_TimePickertokens.tokens.width, ")") : width) || "var(".concat(_TimePickertokens.tokens.timePickerWidth, ")");
+}, _TimePickertokens.tokens.timePickerPadding, _TimePickertokens.tokens.scrollbarWidth);

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

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get classes () {
+        return classes;
+    },
+    get tokens () {
+        return tokens;
+    }
+});
+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'
+};
+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/cjs/components/TimePicker/TimePicker.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useKeyNavigation", {
+    enumerable: true,
+    get: function() {
+        return useKeyNavigation;
+    }
+});
+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/cjs/components/TimePicker/index.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get timePickerClasses () {
+        return _TimePickertokens.classes;
+    },
+    get timePickerConfig () {
+        return _TimePicker.timePickerConfig;
+    },
+    get timePickerRoot () {
+        return _TimePicker.timePickerRoot;
+    },
+    get timePickerTokens () {
+        return _TimePickertokens.tokens;
+    }
+});
+var _TimePicker = require("./TimePicker");
+var _TimePickertokens = require("./TimePicker.tokens");

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

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderTimeColumn", {
+    enumerable: true,
+    get: function() {
+        return renderTimeColumn;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_default(require("react"));
+var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+var _TimePickertokens = require("../../TimePicker.tokens");
+var _TimeColumnstyles = require("./TimeColumn.styles");
+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;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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.default.createElement(_TimeColumnstyles.StyledRoot, null, /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.StyledTimeColumn, {
+        key: column,
+        ref: columnRef,
+        height: dropdownHeight,
+        className: _TimePickertokens.classes.timeColumn
+    }, values.map(function(value, index) {
+        return /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.StyledTimeItem, {
+            key: value,
+            ref: function(el) {
+                timeItemRefs.current["".concat(column, "-").concat(value)] = el;
+            },
+            className: (0, _classnames.default)(_define_property({}, _TimePickertokens.classes.timeItemActive, activeTime[column] === index)),
+            onClick: function() {
+                return handleTimeItemClick(value, column);
+            },
+            onKeyDown: function(e) {
+                return handleTimeItemKeyDown(e, column, value);
+            }
+        }, value);
+    }), /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.StyledEmpty, null)), /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.CustomScrollbar, {
+        ref: scrollbarRef,
+        className: (0, _classnames.default)(_define_property({}, _TimePickertokens.classes.scrollbarVisible, scrollbarState.isVisible))
+    }, /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.ScrollbarTrack, null, /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.ScrollbarThumb, {
+        ref: thumbRef,
+        style: {
+            height: "".concat(scrollbarState.thumbHeight, "px"),
+            top: "".concat(scrollbarState.thumbPosition, "px")
+        },
+        onMouseDown: createScrollbarDragHandler(columnRef, setScrollbar, timeoutRef)
+    }))));
+};

package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get CustomScrollbar () {
+        return CustomScrollbar;
+    },
+    get ScrollbarThumb () {
+        return ScrollbarThumb;
+    },
+    get ScrollbarTrack () {
+        return ScrollbarTrack;
+    },
+    get StyledEmpty () {
+        return StyledEmpty;
+    },
+    get StyledRoot () {
+        return StyledRoot;
+    },
+    get StyledTimeColumn () {
+        return StyledTimeColumn;
+    },
+    get StyledTimeItem () {
+        return StyledTimeItem;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+var _TimePickertokens = require("../../TimePicker.tokens");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var StyledRoot = _styledcomponents.default.div.withConfig({
+    displayName: "TimeColumn.styles__StyledRoot",
+    componentId: "sc-a5ee4233-0"
+})([
+    "position:relative;width:100%;"
+]);
+var StyledTimeItem = _styledcomponents.default.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(",
+    ");}"
+], _TimePickertokens.tokens.itemHeight, _TimePickertokens.tokens.itemPadding, _TimePickertokens.tokens.itemBorderRadius, _TimePickertokens.tokens.itemFontFamily, _TimePickertokens.tokens.itemFontSize, _TimePickertokens.tokens.itemFontStyle, _TimePickertokens.tokens.itemFontWeight, _TimePickertokens.tokens.itemLetterSpacing, _TimePickertokens.tokens.itemLineHeight, _TimePickertokens.tokens.itemBackgroundHover, _TimePickertokens.classes.timeItemActive, _TimePickertokens.tokens.itemBackgroundActive);
+var StyledTimeColumn = _styledcomponents.default.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(_TimePickertokens.tokens.columnHeight, ")");
+}, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.classes.timeColumnActive, _TimePickertokens.tokens.itemBackgroundHover, _TimePickertokens.tokens.itemBorderRadius);
+var CustomScrollbar = _styledcomponents.default.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;}"
+], _TimePickertokens.tokens.scrollbarMargin, _TimePickertokens.tokens.scrollbarMargin, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.classes.scrollbarVisible);
+var ScrollbarTrack = _styledcomponents.default.div.withConfig({
+    displayName: "TimeColumn.styles__ScrollbarTrack",
+    componentId: "sc-a5ee4233-4"
+})([
+    "position:relative;width:100%;height:100%;background:var(",
+    ");border-radius:var(",
+    ");"
+], _TimePickertokens.tokens.scrollbarTrackColor, _TimePickertokens.tokens.scrollbarWidth);
+var ScrollbarThumb = _styledcomponents.default.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(",
+    ");}"
+], _TimePickertokens.tokens.scrollbarColor, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarColor, _TimePickertokens.tokens.scrollbarTrackColor);
+var StyledEmpty = _styledcomponents.default.div.withConfig({
+    displayName: "TimeColumn.styles__StyledEmpty",
+    componentId: "sc-a5ee4233-6"
+})([
+    "width:100%;height:0%.125rem;"
+]);

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});