@salutejs/plasma-new-hope 0.384.0-dev.0 → 0.385.0-dev.0

package/dist/styled-components/cjs/components/TextField/TextField.styles.js

@@ -101,13 +101,13 @@ const mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
 const Tooltip = (0, _engines.component)(mergedConfig);
 const InputWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__InputWrapper",
-    componentId: "sc-164e35c7-0"
+    componentId: "sc-5ebd1127-0"
 })([
-    `position:relative;display:flex;align-items:center;box-sizing:border-box;&:after{content:'';position:absolute;z-index:-2;inset:0;}`
+    `position:relative;display:flex;align-items:center;box-sizing:border-box;&::after{content:'';position:absolute;z-index:-2;inset:0;}`
 ]);
 const InputLabelWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__InputLabelWrapper",
-    componentId: "sc-164e35c7-1"
+    componentId: "sc-5ebd1127-1"
 })([
     `flex:1;overflow-x:var(`,
     `,scroll);position:relative;width:100%;display:inline-flex;align-items:center;flex-wrap:var(`,
@@ -119,7 +119,7 @@ const InputLabelWrapper = _styledcomponents.default.div.withConfig({
 ], _TextFieldtokens.tokens.scrollableWrapperOverflow, _TextFieldtokens.tokens.chipsFlexWrap, _TextFieldtokens.classes.hasChips, _TextFieldtokens.tokens.scrollableWrapperHeight, _TextFieldtokens.tokens.chipHeight, _TextFieldtokens.tokens.chipBorderRadius);
 const StyledChips = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledChips",
-    componentId: "sc-164e35c7-2"
+    componentId: "sc-5ebd1127-2"
 })([
     `display:flex;flex-wrap:var(`,
     `,nowrap);gap:var(`,
@@ -129,7 +129,7 @@ const StyledChips = _styledcomponents.default.div.withConfig({
 ], _TextFieldtokens.tokens.chipsFlexWrap, _TextFieldtokens.tokens.chipGap, _TextFieldtokens.tokens.chipMarginRight, _TextFieldtokens.tokens.chipGap);
 const Input = _styledcomponents.default.input.withConfig({
     displayName: "TextField.styles__Input",
-    componentId: "sc-164e35c7-3"
+    componentId: "sc-5ebd1127-3"
 })([
     `box-sizing:border-box;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;field-sizing:var(`,
     `,fixed);z-index:1;&.`,
@@ -138,7 +138,7 @@ const Input = _styledcomponents.default.input.withConfig({
 ], _TextFieldtokens.tokens.fieldSizing, _TextFieldtokens.classes.inputTextEllipsis, (0, _mixins.applyEllipsis)());
 const InputContainer = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__InputContainer",
-    componentId: "sc-164e35c7-4"
+    componentId: "sc-5ebd1127-4"
 })([
     `position:relative;display:flex;flex:1;min-width:`,
     `;`,
@@ -148,7 +148,7 @@ const InputContainer = _styledcomponents.default.div.withConfig({
 ], ({ hasDynamicWidth })=>hasDynamicWidth ? 'auto' : '60%', Input, ({ hasDynamicWidth })=>hasDynamicWidth ? '100%' : 'none', ({ hasDynamicWidth })=>hasDynamicWidth ? `-${_getInputWidth.caretReserve}px` : '0');
 const InputPlaceholder = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__InputPlaceholder",
-    componentId: "sc-164e35c7-5"
+    componentId: "sc-5ebd1127-5"
 })([
     `display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(`,
     `);padding:`,
@@ -156,7 +156,7 @@ const InputPlaceholder = _styledcomponents.default.div.withConfig({
 ], _TextFieldtokens.tokens.placeholderColor, ({ hasPadding })=>hasPadding ? `var(${_TextFieldtokens.tokens.contentLabelInnerPadding})` : '0');
 const InputPlaceholderValue = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__InputPlaceholderValue",
-    componentId: "sc-164e35c7-6"
+    componentId: "sc-5ebd1127-6"
 })([
     `&.`,
     `{`,
@@ -164,35 +164,35 @@ const InputPlaceholderValue = _styledcomponents.default.div.withConfig({
 ], _TextFieldtokens.classes.inputTextEllipsis, (0, _mixins.applyEllipsis)());
 const OuterLabelWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__OuterLabelWrapper",
-    componentId: "sc-164e35c7-7"
+    componentId: "sc-5ebd1127-7"
 })([
-    `display:flex;align-items:center;margin-bottom:`,
+    `display:flex;align-items:flex-start;margin-bottom:`,
     `;padding:`,
     `;white-space:`,
     `;`
 ], ({ isInnerLabel })=>isInnerLabel ? `var(${_TextFieldtokens.tokens.titleCaptionInnerLabelOffset})` : `var(${_TextFieldtokens.tokens.labelOffset})`, ({ isInnerLabel })=>isInnerLabel ? 0 : `var(${_TextFieldtokens.tokens.labelPadding}, 0)`, ({ isInnerLabel })=>isInnerLabel ? 'nowrap' : 'normal');
 const TitleCaption = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__TitleCaption",
-    componentId: "sc-164e35c7-8"
+    componentId: "sc-5ebd1127-8"
 })([
-    `display:inline-block;margin-left:auto;margin-top:`,
-    `;`
-], ({ hasLabel })=>hasLabel ? `var(${_TextFieldtokens.tokens.titleCaptionOffset}, 0)` : 'unset');
+    `display:inline-block;margin-left:auto;margin-top:var(`,
+    `,0);`
+], _TextFieldtokens.tokens.titleCaptionMargin);
 const StyledIndicatorWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledIndicatorWrapper",
-    componentId: "sc-164e35c7-9"
+    componentId: "sc-5ebd1127-9"
 })([
     `position:relative;display:inline-flex;align-items:center;`
 ]);
 const Label = _styledcomponents.default.label.withConfig({
     displayName: "TextField.styles__Label",
-    componentId: "sc-164e35c7-10"
+    componentId: "sc-5ebd1127-10"
 })([
     `display:inline-flex;`
 ]);
 const StyledContentLeft = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledContentLeft",
-    componentId: "sc-164e35c7-11"
+    componentId: "sc-5ebd1127-11"
 })([
     `margin:var(`,
     `);color:var(`,
@@ -204,13 +204,13 @@ const StyledContentLeft = _styledcomponents.default.div.withConfig({
 ], _TextFieldtokens.tokens.leftContentMargin, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.tokens.contentSlotColorHover, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.tokens.contentSlotColorActive, _TextFieldtokens.tokens.contentSlotColor);
 const StyledContentRightWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledContentRightWrapper",
-    componentId: "sc-164e35c7-12"
+    componentId: "sc-5ebd1127-12"
 })([
     `display:flex;align-items:center;`
 ]);
 const StyledContentRight = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledContentRight",
-    componentId: "sc-164e35c7-13"
+    componentId: "sc-5ebd1127-13"
 })([
     `line-height:0;margin:var(`,
     `);color:var(`,
@@ -223,45 +223,45 @@ const StyledContentRight = _styledcomponents.default.div.withConfig({
 ], _TextFieldtokens.tokens.rightContentMargin, _TextFieldtokens.tokens.contentSlotRightColor, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.tokens.contentSlotRightColorHover, _TextFieldtokens.tokens.contentSlotColorHover, _TextFieldtokens.tokens.contentSlotRightColorActive, _TextFieldtokens.tokens.contentSlotColorActive);
 const StyledHelpers = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledHelpers",
-    componentId: "sc-164e35c7-14"
+    componentId: "sc-5ebd1127-14"
 })([
     `box-sizing:border-box;display:flex;justify-content:space-between;`
 ]);
 const StyledLeftHelper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledLeftHelper",
-    componentId: "sc-164e35c7-15"
+    componentId: "sc-5ebd1127-15"
 })([
     ``
 ]);
 const StyledRightHelper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledRightHelper",
-    componentId: "sc-164e35c7-16"
+    componentId: "sc-5ebd1127-16"
 })([
     `margin-left:auto;`
 ]);
 const StyledTextBefore = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledTextBefore",
-    componentId: "sc-164e35c7-17"
+    componentId: "sc-5ebd1127-17"
 })([
     `visibility:`,
     `;`
 ], ({ isHidden })=>isHidden ? 'hidden' : 'visible');
 const StyledTextAfter = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledTextAfter",
-    componentId: "sc-164e35c7-18"
+    componentId: "sc-5ebd1127-18"
 })([
     ``
 ]);
 const StyledOptionalText = _styledcomponents.default.span.withConfig({
     displayName: "TextField.styles__StyledOptionalText",
-    componentId: "sc-164e35c7-19"
+    componentId: "sc-5ebd1127-19"
 })([
     `color:var(`,
     `);`
 ], _TextFieldtokens.tokens.optionalColor);
 const StyledHintWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledHintWrapper",
-    componentId: "sc-164e35c7-20"
+    componentId: "sc-5ebd1127-20"
 })([
     `display:inline-block;line-height:0;&.`,
     `{position:absolute;margin:0;inset:var(`,
@@ -269,14 +269,14 @@ const StyledHintWrapper = _styledcomponents.default.div.withConfig({
 ], _TextFieldtokens.classes.innerLabelPlacement, _TextFieldtokens.tokens.hintInnerLabelPlacementOffset);
 const HintTargetWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__HintTargetWrapper",
-    componentId: "sc-164e35c7-21"
+    componentId: "sc-5ebd1127-21"
 })([
     `color:var(`,
     `);display:flex;justify-content:center;align-items:center;`
 ], _TextFieldtokens.tokens.hintIconColor);
 const Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
     displayName: "TextField.styles__Hint",
-    componentId: "sc-164e35c7-22"
+    componentId: "sc-5ebd1127-22"
 })([
     ``,
     ` .`,
@@ -284,13 +284,13 @@ const Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
 ], HintTargetWrapper, _Popover.popoverClasses.root);
 const HintIconWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__HintIconWrapper",
-    componentId: "sc-164e35c7-23"
+    componentId: "sc-5ebd1127-23"
 })([
     `display:flex;`
 ]);
 const StyledIndicator = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledIndicator",
-    componentId: "sc-164e35c7-24"
+    componentId: "sc-5ebd1127-24"
 })([
     `position:absolute;border-radius:50%;background-color:var(`,
     `);&.`,

package/dist/styled-components/cjs/components/TextField/TextField.tokens.js

@@ -68,6 +68,7 @@ const tokens = {
     dividerColorReadOnly: '--plasma-textfield-divider-color-readonly',
     /** Цвет каретки */ caretColor: '--plasma-textfield__caret-color',
     placeholderColor: '--plasma-textfield__placeholder-color',
+    placeholderColorHover: '--plasma-textfield__placeholder-color-hover',
     placeholderColorFocus: '--plasma-textfield__placeholder-color-focus',
     clearPlaceholderColor: '--plasma-textfield__clear-placeholder-color',
     clearPlaceholderColorFocus: '--plasma-textfield__clear-placeholder-color-focus',
@@ -121,6 +122,7 @@ const tokens = {
     titleCaptionColorReadOnly: '--plasma-textfield__title-caption-color-readonly',
     titleCaptionInnerLabelOffset: '--plasma-textfield__title-caption-label-inner-offset',
     titleCaptionOffset: '--plasma-textfield__title-caption-offset',
+    titleCaptionMargin: '--plasma-textfield__title-caption-margin',
     titleCaptionFontFamily: '--plasma-textfield__title-caption-font-family',
     titleCaptionFontStyle: '--plasma-textfield__title-caption-font-style',
     titleCaptionFontSize: '--plasma-textfield__title-caption-font-size',

package/dist/styled-components/cjs/components/TextField/ui/Hint/Hint.js

@@ -64,9 +64,12 @@ const HintComponent = /*#__PURE__*/ (0, _react.forwardRef)(({ hintText, isHintVi
     };
     return /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.Hint, {
         ref: ref,
+        onClick: (event)=>event.stopPropagation(),
         text: String(hintText),
         opened: isHintVisible,
-        target: /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.HintTargetWrapper, null, /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.HintIconWrapper, {
+        target: /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.HintTargetWrapper, {
+            onClick: (event)=>event.stopPropagation()
+        }, /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.HintIconWrapper, {
             id: hintId,
             ...hintTrigger === 'hover' ? {
                 onMouseEnter: handleHintShow,

package/dist/styled-components/cjs/components/TextField/variations/_view/base.js

@@ -31,7 +31,10 @@ const base = (0, _styledcomponents.css)([
     `));`,
     `:var(`,
     `,var(`,
-    `));}}`,
+    `));`,
+    `{color:var(`,
+    `,var(`,
+    `));}}}`,
     `{color:var(`,
     `);}`,
     `{color:var(`,
@@ -47,7 +50,10 @@ const base = (0, _styledcomponents.css)([
     `{color:var(`,
     `);}`,
     `{color:var(`,
-    `);}}`,
+    `);}`,
+    `{color:var(`,
+    `,var(`,
+    `));}}`,
     `{color:var(`,
     `);}`,
     `{color:var(`,
@@ -78,5 +84,6 @@ const base = (0, _styledcomponents.css)([
     `,var(`,
     `) );`,
     `{color:var(`,
-    `);}}}`
-], _TextFieldstyles.InputWrapper, _TextFieldtokens.privateTokens.borderColor, _TextFieldtokens.tokens.borderColor, _TextFieldtokens.privateTokens.backgroundColor, _TextFieldtokens.tokens.backgroundColor, _TextFieldtokens.tokens.color, _TextFieldtokens.privateTokens.backgroundColor, _TextFieldtokens.tokens.borderWidth, _TextFieldtokens.privateTokens.borderColor, _TextFieldtokens.tokens.boxShadow, _TextFieldtokens.tokens.caretColor, _TextFieldstyles.InputWrapper, _TextFieldstyles.StyledHintWrapper, _TextFieldtokens.privateTokens.borderColor, _TextFieldtokens.tokens.borderColorHover, _TextFieldtokens.tokens.borderColor, _TextFieldtokens.privateTokens.backgroundColor, _TextFieldtokens.tokens.backgroundColorHover, _TextFieldtokens.tokens.backgroundColor, _TextFieldstyles.Input, _TextFieldtokens.tokens.color, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColor, _TextFieldstyles.InputWrapper, _TextFieldtokens.privateTokens.borderColor, _TextFieldtokens.tokens.borderColorFocus, _TextFieldtokens.tokens.borderColor, _TextFieldtokens.privateTokens.backgroundColor, _TextFieldtokens.tokens.backgroundColorFocus, _TextFieldtokens.tokens.backgroundColor, _TextFieldtokens.tokens.boxShadowSecondary, _TextFieldstyles.Input, _TextFieldtokens.tokens.colorFocus, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColorFocus, _TextFieldstyles.TitleCaption, _TextFieldtokens.tokens.titleCaptionColor, _TextFieldstyles.StyledTextBefore, _TextFieldtokens.tokens.textBeforeColor, _TextFieldstyles.StyledTextAfter, _TextFieldtokens.tokens.textAfterColor, _TextFieldstyles.StyledHelpers, _TextFieldstyles.StyledLeftHelper, _TextFieldtokens.tokens.leftHelperColor, _TextFieldstyles.StyledRightHelper, _TextFieldtokens.tokens.rightHelperColor, _TextFieldtokens.classes.hasFocus, _TextFieldstyles.StyledLeftHelper, _TextFieldtokens.tokens.leftHelperColorFocus, _TextFieldtokens.tokens.leftHelperColor, _TextFieldstyles.StyledRightHelper, _TextFieldtokens.tokens.rightHelperColorFocus, _TextFieldtokens.tokens.rightHelperColor, _TextFieldtokens.classes.hasDivider, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.dividerColor, _TextFieldtokens.tokens.dividerWidth, _TextFieldstyles.InputWrapper, _TextFieldstyles.StyledHintWrapper, _TextFieldtokens.tokens.dividerColorHover, _TextFieldtokens.tokens.dividerColor, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.dividerColorFocus, _TextFieldtokens.tokens.dividerColor, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.clearPlaceholderColorFocus);
+    `,var(`,
+    `));}}}`
+], _TextFieldstyles.InputWrapper, _TextFieldtokens.privateTokens.borderColor, _TextFieldtokens.tokens.borderColor, _TextFieldtokens.privateTokens.backgroundColor, _TextFieldtokens.tokens.backgroundColor, _TextFieldtokens.tokens.color, _TextFieldtokens.privateTokens.backgroundColor, _TextFieldtokens.tokens.borderWidth, _TextFieldtokens.privateTokens.borderColor, _TextFieldtokens.tokens.boxShadow, _TextFieldtokens.tokens.caretColor, _TextFieldstyles.InputWrapper, _TextFieldstyles.StyledHintWrapper, _TextFieldtokens.privateTokens.borderColor, _TextFieldtokens.tokens.borderColorHover, _TextFieldtokens.tokens.borderColor, _TextFieldtokens.privateTokens.backgroundColor, _TextFieldtokens.tokens.backgroundColorHover, _TextFieldtokens.tokens.backgroundColor, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColorHover, _TextFieldtokens.tokens.placeholderColor, _TextFieldstyles.Input, _TextFieldtokens.tokens.color, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColor, _TextFieldstyles.InputWrapper, _TextFieldtokens.privateTokens.borderColor, _TextFieldtokens.tokens.borderColorFocus, _TextFieldtokens.tokens.borderColor, _TextFieldtokens.privateTokens.backgroundColor, _TextFieldtokens.tokens.backgroundColorFocus, _TextFieldtokens.tokens.backgroundColor, _TextFieldtokens.tokens.boxShadowSecondary, _TextFieldstyles.Input, _TextFieldtokens.tokens.colorFocus, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColorFocus, _TextFieldstyles.StyledContentLeft, _TextFieldtokens.tokens.contentSlotColorFocus, _TextFieldtokens.tokens.contentSlotColor, _TextFieldstyles.TitleCaption, _TextFieldtokens.tokens.titleCaptionColor, _TextFieldstyles.StyledTextBefore, _TextFieldtokens.tokens.textBeforeColor, _TextFieldstyles.StyledTextAfter, _TextFieldtokens.tokens.textAfterColor, _TextFieldstyles.StyledHelpers, _TextFieldstyles.StyledLeftHelper, _TextFieldtokens.tokens.leftHelperColor, _TextFieldstyles.StyledRightHelper, _TextFieldtokens.tokens.rightHelperColor, _TextFieldtokens.classes.hasFocus, _TextFieldstyles.StyledLeftHelper, _TextFieldtokens.tokens.leftHelperColorFocus, _TextFieldtokens.tokens.leftHelperColor, _TextFieldstyles.StyledRightHelper, _TextFieldtokens.tokens.rightHelperColorFocus, _TextFieldtokens.tokens.rightHelperColor, _TextFieldtokens.classes.hasDivider, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.dividerColor, _TextFieldtokens.tokens.dividerWidth, _TextFieldstyles.InputWrapper, _TextFieldstyles.StyledHintWrapper, _TextFieldtokens.tokens.dividerColorHover, _TextFieldtokens.tokens.dividerColor, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.dividerColorFocus, _TextFieldtokens.tokens.dividerColor, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.clearPlaceholderColorFocus, _TextFieldtokens.tokens.placeholderColorFocus);

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

@@ -81,7 +81,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 const timePickerRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ className, // controlled
     value: outerValue, opened = false, // variations
     view, size, disabled = false, readonly = false, stretched, appearance, hasClearDivider, valueError, valueSuccess, valueEdited, // layout
-    label, labelPlacement = 'outer', keepPlaceholder, required = false, requiredPlacement = 'right', hasRequiredIndicator = false, placeholder, leftHelper, contentLeft, contentRight, textBefore, textAfter, autoComplete, // hint
+    label, labelPlacement = 'outer', titleCaption, keepPlaceholder, required = false, requiredPlacement = 'right', hasRequiredIndicator = false, placeholder, leftHelper, contentLeft, contentRight, textBefore, textAfter, autoComplete, // hint
     hintTrigger = 'hover', hintText, hintView = 'default', hintSize = 'm', hintTargetIcon, hintTargetPlacement = 'outer', hintPlacement = 'auto', hintHasArrow, hintOffset = [
         0,
         0
@@ -356,6 +356,7 @@ const timePickerRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ className
                     hasRequiredIndicator: hasRequiredIndicator,
                     label: label,
                     labelPlacement: labelPlacement,
+                    titleCaption: titleCaption,
                     keepPlaceholder: keepPlaceholder,
                     ...hintText ? {
                         hintText,

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

@@ -83,25 +83,25 @@ const mergedTimePickerGrid = (0, _engines.mergeConfig)(_TimePickerGrid.timePicke
 const TimePickerGrid = (0, _engines.component)(mergedTimePickerGrid);
 const FloatingWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TimePicker.styles__FloatingWrapper",
-    componentId: "sc-315d37ef-0"
+    componentId: "sc-c091437b-0"
 })([
     `position:relative;width:100%;`
 ]);
 const FloatingTarget = _styledcomponents.default.div.withConfig({
     displayName: "TimePicker.styles__FloatingTarget",
-    componentId: "sc-315d37ef-1"
+    componentId: "sc-c091437b-1"
 })([
     ``
 ]);
 const FloatingContent = _styledcomponents.default.div.withConfig({
     displayName: "TimePicker.styles__FloatingContent",
-    componentId: "sc-315d37ef-2"
+    componentId: "sc-c091437b-2"
 })([
     ``
 ]);
 const StyledTimePickerGrid = (0, _styledcomponents.default)(TimePickerGrid).withConfig({
     displayName: "TimePicker.styles__StyledTimePickerGrid",
-    componentId: "sc-315d37ef-3"
+    componentId: "sc-c091437b-3"
 })([
     ``,
     `:var(`,
@@ -147,7 +147,7 @@ const StyledTimePickerGrid = (0, _styledcomponents.default)(TimePickerGrid).with
 ], _TimePickerGrid.timePickerGridTokens.disabledOpacity, _TimePickertokens.tokens.disabledOpacity, _TimePickerGrid.timePickerGridTokens.itemHeight, _TimePickertokens.tokens.itemHeight, _TimePickerGrid.timePickerGridTokens.itemBorderRadius, _TimePickertokens.tokens.itemBorderRadius, _TimePickerGrid.timePickerGridTokens.itemPadding, _TimePickertokens.tokens.itemPadding, _TimePickerGrid.timePickerGridTokens.itemBackgroundHover, _TimePickertokens.tokens.itemBackgroundHover, _TimePickerGrid.timePickerGridTokens.itemBackgroundActive, _TimePickertokens.tokens.itemBackgroundActive, _TimePickerGrid.timePickerGridTokens.itemFocusColor, _TimePickertokens.tokens.itemFocusColor, _TimePickerGrid.timePickerGridTokens.itemFontFamily, _TimePickertokens.tokens.itemFontFamily, _TimePickerGrid.timePickerGridTokens.itemFontSize, _TimePickertokens.tokens.itemFontSize, _TimePickerGrid.timePickerGridTokens.itemFontStyle, _TimePickertokens.tokens.itemFontStyle, _TimePickerGrid.timePickerGridTokens.itemFontWeight, _TimePickertokens.tokens.itemFontWeight, _TimePickerGrid.timePickerGridTokens.itemLetterSpacing, _TimePickertokens.tokens.itemLetterSpacing, _TimePickerGrid.timePickerGridTokens.itemLineHeight, _TimePickertokens.tokens.itemLineHeight, _TimePickerGrid.timePickerGridTokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarWidth, _TimePickerGrid.timePickerGridTokens.scrollbarColor, _TimePickertokens.tokens.scrollbarColor, _TimePickerGrid.timePickerGridTokens.scrollbarTrackColor, _TimePickertokens.tokens.scrollbarTrackColor, _TimePickerGrid.timePickerGridTokens.scrollbarMargin, _TimePickertokens.tokens.scrollbarMargin, _TimePickertokens.tokens.timePickerBackground, _TimePickertokens.tokens.timePickerBorderRadius, _TimePickertokens.tokens.timePickerPadding, _TimePickertokens.tokens.timePickerShadow, ({ innerWidth })=>innerWidth || `var(${_TimePickertokens.tokens.timePickerWidth})`, ({ innerHeight })=>innerHeight || `var(${_TimePickertokens.tokens.columnHeight})`);
 const StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "TimePicker.styles__StyledInput",
-    componentId: "sc-315d37ef-4"
+    componentId: "sc-c091437b-4"
 })([
     `width:100%;`,
     `:var(`,
@@ -343,6 +343,24 @@ const StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     `:var(`,
     `);`,
     `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
     `,var(`,
     `));`,
     `:var(`,
@@ -405,10 +423,10 @@ const StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     `);`,
     `: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.boxShadowSecondary, _TimePickertokens.tokens.textFieldBoxShadowSecondary, _TextField.textFieldTokens.dividerColor, _TimePickertokens.tokens.textFieldDividerColor, _TextField.textFieldTokens.dividerColorHover, _TimePickertokens.tokens.textFieldDividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TimePickertokens.tokens.textFieldDividerColorFocus, _TextField.textFieldTokens.dividerColorReadOnly, _TimePickertokens.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.dividerWidth, _TimePickertokens.tokens.textFieldDividerWidth, _TextField.textFieldTokens.readOnlyOpacity, _TimePickertokens.tokens.readOnlyOpacity, _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.labelColor, _TimePickertokens.tokens.labelColor, _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.hintMargin, _TimePickertokens.tokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TimePickertokens.tokens.hintTargetSize, _TextField.textFieldTokens.hintCustomIconTargetSize, _TimePickertokens.tokens.hintCustomIconTargetSize, _TextField.textFieldTokens.hintIconColor, _TimePickertokens.tokens.hintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TimePickertokens.tokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipPaddingTop, _TimePickertokens.tokens.hintTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _TimePickertokens.tokens.hintTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _TimePickertokens.tokens.hintTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _TimePickertokens.tokens.hintTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _TimePickertokens.tokens.hintTooltipMinHeight, _TextField.textFieldTokens.tooltipBackgroundColor, _TimePickertokens.tokens.hintTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _TimePickertokens.tokens.hintTooltipBoxShadow, _TextField.textFieldTokens.tooltipBorderRadius, _TimePickertokens.tokens.hintTooltipBorderRadius, _TextField.textFieldTokens.tooltipColor, _TimePickertokens.tokens.hintTooltipColor, _TextField.textFieldTokens.tooltipTextFontFamily, _TimePickertokens.tokens.hintTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _TimePickertokens.tokens.hintTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _TimePickertokens.tokens.hintTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _TimePickertokens.tokens.hintTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _TimePickertokens.tokens.hintTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _TimePickertokens.tokens.hintTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _TimePickertokens.tokens.hintTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _TimePickertokens.tokens.hintTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _TimePickertokens.tokens.hintTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _TimePickertokens.tokens.hintTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowBackground, _TimePickertokens.tokens.hintTooltipArrowBackground, _TextField.textFieldTokens.tooltipArrowHeight, _TimePickertokens.tokens.hintTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _TimePickertokens.tokens.hintTooltipArrowEdgeMargin, _TextField.textFieldTokens.leftContentMargin, _TimePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TimePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TimePickertokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TimePickertokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TimePickertokens.tokens.textFieldContentRightWrapperMargin, _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.disabledBackgroundOpacity, _TimePickertokens.tokens.disabledBackgroundOpacity, _TextField.textFieldTokens.disabledInnerContentOpacity, _TimePickertokens.tokens.disabledInnerContentOpacity, _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.contentSlotColorHover, _TimePickertokens.tokens.textFieldContentSlotColorHover, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorActive, _TimePickertokens.tokens.textFieldContentSlotColorActive, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _TimePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _TimePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _TimePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _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, _TextField.textFieldTokens.dividerColor, _TimePickertokens.tokens.textFieldDividerColorError, _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, _TextField.textFieldTokens.dividerColor, _TimePickertokens.tokens.textFieldDividerColorSuccess, _TimePickertokens.classes.timePickerEdited, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundEditedColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundEditedColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundEditedColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.textFieldBorderColorEdited, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.textFieldBorderColorEditedHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.textFieldBorderColorEditedFocus, _TextField.textFieldTokens.dividerColor, _TimePickertokens.tokens.textFieldDividerColorEdited);
+], _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.boxShadowSecondary, _TimePickertokens.tokens.textFieldBoxShadowSecondary, _TextField.textFieldTokens.dividerColor, _TimePickertokens.tokens.textFieldDividerColor, _TextField.textFieldTokens.dividerColorHover, _TimePickertokens.tokens.textFieldDividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TimePickertokens.tokens.textFieldDividerColorFocus, _TextField.textFieldTokens.dividerColorReadOnly, _TimePickertokens.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.dividerWidth, _TimePickertokens.tokens.textFieldDividerWidth, _TextField.textFieldTokens.readOnlyOpacity, _TimePickertokens.tokens.readOnlyOpacity, _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.labelColor, _TimePickertokens.tokens.labelColor, _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.titleCaptionMargin, _TimePickertokens.tokens.titleCaptionMargin, _TextField.textFieldTokens.titleCaptionColor, _TimePickertokens.tokens.titleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _TimePickertokens.tokens.titleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionFontFamily, _TimePickertokens.tokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _TimePickertokens.tokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _TimePickertokens.tokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _TimePickertokens.tokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TimePickertokens.tokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TimePickertokens.tokens.titleCaptionLineHeight, _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.hintMargin, _TimePickertokens.tokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TimePickertokens.tokens.hintTargetSize, _TextField.textFieldTokens.hintCustomIconTargetSize, _TimePickertokens.tokens.hintCustomIconTargetSize, _TextField.textFieldTokens.hintIconColor, _TimePickertokens.tokens.hintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TimePickertokens.tokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipPaddingTop, _TimePickertokens.tokens.hintTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _TimePickertokens.tokens.hintTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _TimePickertokens.tokens.hintTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _TimePickertokens.tokens.hintTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _TimePickertokens.tokens.hintTooltipMinHeight, _TextField.textFieldTokens.tooltipBackgroundColor, _TimePickertokens.tokens.hintTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _TimePickertokens.tokens.hintTooltipBoxShadow, _TextField.textFieldTokens.tooltipBorderRadius, _TimePickertokens.tokens.hintTooltipBorderRadius, _TextField.textFieldTokens.tooltipColor, _TimePickertokens.tokens.hintTooltipColor, _TextField.textFieldTokens.tooltipTextFontFamily, _TimePickertokens.tokens.hintTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _TimePickertokens.tokens.hintTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _TimePickertokens.tokens.hintTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _TimePickertokens.tokens.hintTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _TimePickertokens.tokens.hintTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _TimePickertokens.tokens.hintTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _TimePickertokens.tokens.hintTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _TimePickertokens.tokens.hintTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _TimePickertokens.tokens.hintTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _TimePickertokens.tokens.hintTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowBackground, _TimePickertokens.tokens.hintTooltipArrowBackground, _TextField.textFieldTokens.tooltipArrowHeight, _TimePickertokens.tokens.hintTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _TimePickertokens.tokens.hintTooltipArrowEdgeMargin, _TextField.textFieldTokens.leftContentMargin, _TimePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TimePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TimePickertokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TimePickertokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TimePickertokens.tokens.textFieldContentRightWrapperMargin, _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.disabledBackgroundOpacity, _TimePickertokens.tokens.disabledBackgroundOpacity, _TextField.textFieldTokens.disabledInnerContentOpacity, _TimePickertokens.tokens.disabledInnerContentOpacity, _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.contentSlotColorHover, _TimePickertokens.tokens.textFieldContentSlotColorHover, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorActive, _TimePickertokens.tokens.textFieldContentSlotColorActive, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _TimePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _TimePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _TimePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _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, _TextField.textFieldTokens.dividerColor, _TimePickertokens.tokens.textFieldDividerColorError, _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, _TextField.textFieldTokens.dividerColor, _TimePickertokens.tokens.textFieldDividerColorSuccess, _TimePickertokens.classes.timePickerEdited, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundEditedColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundEditedColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundEditedColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.textFieldBorderColorEdited, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.textFieldBorderColorEditedHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.textFieldBorderColorEditedFocus, _TextField.textFieldTokens.dividerColor, _TimePickertokens.tokens.textFieldDividerColorEdited);
 const LeftHelper = _styledcomponents.default.div.withConfig({
     displayName: "TimePicker.styles__LeftHelper",
-    componentId: "sc-315d37ef-5"
+    componentId: "sc-c091437b-5"
 })([
     `color:var(`,
     `);&.`,

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

@@ -58,6 +58,15 @@ const tokens = {
     labelFontWeight: '--sdds-core-time-picker__label-font-weight',
     labelLetterSpacing: '--sdds-core-time-picker__label-letter-spacing',
     labelLineHeight: '--sdds-core-time-picker__label-line-height',
+    titleCaptionMargin: '--sdds-core-time-picker__title-caption-margin',
+    titleCaptionColor: '--sdds-core-time-picker__title-caption-color',
+    titleCaptionColorReadOnly: '--sdds-core-time-picker__title-caption-color-readonly',
+    titleCaptionFontFamily: '--sdds-core-time-picker__title-caption-font-family',
+    titleCaptionFontStyle: '--sdds-core-time-picker__title-caption-font-style',
+    titleCaptionFontSize: '--sdds-core-time-picker__title-caption-font-size',
+    titleCaptionFontWeight: '--sdds-core-time-picker__title-caption-font-weight',
+    titleCaptionLetterSpacing: '--sdds-core-time-picker__title-caption-letter-spacing',
+    titleCaptionLineHeight: '--sdds-core-time-picker__title-caption-line-height',
     labelInnerFontFamily: '--sdds-core-time-picker-placement_inner__label-font-family',
     labelInnerFontStyle: '--sdds-core-time-picker-placement_inner__label-font-style',
     labelInnerFontSize: '--sdds-core-time-picker-placement_inner__label-font-size',

package/dist/styled-components/cjs/hooks/useDisableScroll.js

@@ -13,19 +13,19 @@ function useDisableScroll(ref, enabled = true) {
     (0, _react.useEffect)(()=>{
         if (!enabled || !ref.current) return;
         const el = ref.current;
-        const preventScroll = (e)=>{
-            e.preventDefault();
-            e.stopPropagation();
+        // Вертикальный wheel оставляем странице. Горизонтальный жест не должен прокручивать предка.
+        const preventHorizontalWheel = (event)=>{
+            if (Math.abs(event.deltaX) <= Math.abs(event.deltaY)) {
+                return;
+            }
+            event.preventDefault();
+            event.stopPropagation();
         };
-        el.addEventListener('wheel', preventScroll, {
-            passive: false
-        });
-        el.addEventListener('touchmove', preventScroll, {
+        el.addEventListener('wheel', preventHorizontalWheel, {
             passive: false
         });
         return ()=>{
-            el.removeEventListener('wheel', preventScroll);
-            el.removeEventListener('touchmove', preventScroll);
+            el.removeEventListener('wheel', preventHorizontalWheel);
         };
     }, [
         ref,

package/dist/styled-components/cjs/hooks/useResizeObserver.js

@@ -20,12 +20,9 @@ const useResizeObserver = (ref, callback)=>{
                 callback(current);
             });
         });
-        resizeObserver.observe(ref.current);
+        resizeObserver.observe(current);
         return ()=>{
-            /* istanbul ignore if: убираем проверку на рефы из покрытия */ if (!ref?.current) {
-                return;
-            }
-            resizeObserver.unobserve(ref.current);
+            resizeObserver.disconnect();
         };
     }, [
         ref

package/dist/styled-components/cjs/index.js

@@ -3,6 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+Object.defineProperty(exports, "plasmaCore", {
+    enumerable: true,
+    get: function() {
+        return _plasmaCore;
+    }
+});
+const _plasmaCore = /*#__PURE__*/ _interop_require_wildcard(require("./plasmaCore"));
 _export_star(require("./mixins"), exports);
 _export_star(require("./engines"), exports);
 _export_star(require("./hooks"), exports);
@@ -113,3 +120,44 @@ function _export_star(from, to) {
     });
     return from;
 }
+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;
+}