@salutejs/sdds-os 0.35.0-next-sbcom.0 → 0.35.1-dev.0

package/dist/css/es/index.js

@@ -1,5 +1,5 @@
 export { Accordion } from './components/Accordion/Accordion.js';
-export { AccordionItem, ButtonBase, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, ListItem, Overlay, PaginationDot, PaginationDots, PopupProvider, Portal, RadioGroup, Row, SSRProvider, SmartPaginationDots, TabItemRefs, TabsContext, addNotification, closeNotification, datePickerClasses, datePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, modalClasses, popupClasses, rangeTokens, textFieldTokens, toolbarTokens, usePopupContext } from '@salutejs/plasma-new-hope/css';
+export { AccordionItem, ButtonBase, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, ListItem, Overlay, PaginationDot, PaginationDots, PopupProvider, Portal, RadioGroup, Row, SSRProvider, SmartPaginationDots, TabItemRefs, TabsContext, addNotification, closeNotification, datePickerClasses, datePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, modalClasses, popupClasses, rangeTokens, textFieldTokens, timePickerClasses, timePickerTokens, toolbarTokens, useNotifications, usePopupContext } from '@salutejs/plasma-new-hope/css';
 export { Attach } from './components/Attach/Attach.js';
 export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
 export { Avatar } from './components/Avatar/Avatar.js';
@@ -44,6 +44,7 @@ export { TabsController } from './components/Tabs/TabsController.js';
 export { TextArea } from './components/TextArea/TextArea.js';
 export { TextField } from './components/TextField/TextField.js';
 export { TextFieldGroup } from './components/TextFieldGroup/TextFieldGroup.js';
+export { TimePicker } from './components/TimePicker/TimePicker.js';
 export { Toolbar, ToolbarDivider } from './components/Toolbar/Toolbar.js';
 export { Tooltip } from './components/Tooltip/Tooltip.js';
 export { Tree } from './components/Tree/Tree.js';

package/dist/css/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js

@@ -244,7 +244,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -320,7 +320,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${_styledcomponents.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/cjs/components/Calendar/Calendar.config.js

@@ -105,7 +105,6 @@ const config = {
 
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -175,7 +174,6 @@ const config = {
 
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${_styledcomponents.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${_styledcomponents.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js

@@ -106,7 +106,6 @@ const config = {
 
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -176,7 +175,6 @@ const config = {
 
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${_styledcomponents.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${_styledcomponents.calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/cjs/components/Combobox/Combobox.config.js

@@ -304,7 +304,7 @@ const config = {
                 ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -426,7 +426,7 @@ const config = {
                 ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${_styledcomponents.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js

@@ -286,7 +286,6 @@ const config = {
                 ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -458,7 +457,6 @@ const config = {
                 ${_styledcomponents.datePickerTokens.calendarHeaderWrapperPadding}: 0;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowGap}: 0;
                 ${_styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${_styledcomponents.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${_styledcomponents.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${_styledcomponents.datePickerTokens.calendarHeaderDateGap}: 0.25rem;

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

@@ -20,6 +20,9 @@ _export(exports, {
     },
     get closeNotification () {
         return _styledcomponents.closeNotification;
+    },
+    get useNotifications () {
+        return _styledcomponents.useNotifications;
     }
 });
 const _Notification = require("./Notification");

package/dist/styled-components/cjs/components/Select/Select.config.js

@@ -275,7 +275,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -401,7 +401,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${_styledcomponents.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

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

@@ -197,7 +197,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -283,7 +283,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js

@@ -45,7 +45,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -101,7 +101,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -157,7 +157,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -213,7 +213,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

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

@@ -0,0 +1,360 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const config = {
+    defaults: {
+        view: 'default',
+        size: 'm',
+        hintView: 'default',
+        hintSize: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.timePickerTokens.background}: var(--surface-solid-primary);
+                ${_styledcomponents.timePickerTokens.backgroundError}: var(--surface-solid-primary);
+                ${_styledcomponents.timePickerTokens.backgroundSuccess}: var(--surface-solid-primary);
+
+                ${_styledcomponents.timePickerTokens.borderColor}: var(--outline-clear);
+                ${_styledcomponents.timePickerTokens.borderColorHover}: var(--on-light-outline-solid-primary-hover);
+                ${_styledcomponents.timePickerTokens.borderColorFocus}: var(--outline-primary);
+                ${_styledcomponents.timePickerTokens.borderColorError}: var(--outline-negative);
+                ${_styledcomponents.timePickerTokens.borderColorSuccess}: var(--outline-positive);
+
+                ${_styledcomponents.timePickerTokens.labelColor}: var(--text-primary);
+
+                ${_styledcomponents.timePickerTokens.textFieldColor}: var(--text-primary);
+                ${_styledcomponents.timePickerTokens.textFieldPlaceholderColor}: var(--text-secondary);
+                ${_styledcomponents.timePickerTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
+                ${_styledcomponents.timePickerTokens.textFieldCaretColor}: var(--text-accent);
+
+                ${_styledcomponents.timePickerTokens.indicatorColor}: var(--surface-negative);
+
+                ${_styledcomponents.timePickerTokens.timePickerShadow}: var(--shadow-down-soft-s);
+
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundColor}: var(--surface-solid-primary);
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundColorHover}: var(--surface-solid-primary);
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundColorFocus}: var(--surface-solid-primary);
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundErrorColor}: var(--surface-solid-primary);
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundErrorColorHover}: var(--surface-solid-primary);
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundErrorColorFocus}: var(--surface-solid-primary);
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundSuccessColor}: var(--surface-solid-primary);
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundSuccessColorHover}: var(--surface-solid-primary);
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundSuccessColorFocus}: var(--surface-solid-primary);
+
+                ${_styledcomponents.timePickerTokens.textFieldBorderColor}: var(--outline-clear);
+                ${_styledcomponents.timePickerTokens.textFieldBorderColorHover}: var(--on-light-outline-solid-primary-hover);
+                ${_styledcomponents.timePickerTokens.textFieldBorderColorFocus}: var(--outline-primary);
+                ${_styledcomponents.timePickerTokens.textFieldBorderColorError}: var(--outline-negative);
+                ${_styledcomponents.timePickerTokens.textFieldBorderColorErrorHover}: var(--outline-negative-hover);
+                ${_styledcomponents.timePickerTokens.textFieldBorderColorErrorFocus}: var(--outline-negative-active);
+                ${_styledcomponents.timePickerTokens.textFieldBorderColorSuccess}: var(--outline-positive);
+                ${_styledcomponents.timePickerTokens.textFieldBorderColorSuccessHover}: var(--outline-positive-hover);
+                ${_styledcomponents.timePickerTokens.textFieldBorderColorSuccessFocus}: var(--outline-positive-active);
+
+                ${_styledcomponents.timePickerTokens.textFieldTextBeforeColor}: var(--text-tertiary);
+                ${_styledcomponents.timePickerTokens.textFieldTextAfterColor}: var(--text-tertiary);
+
+                ${_styledcomponents.timePickerTokens.textFieldContentSlotColor}: var(--text-secondary);
+                ${_styledcomponents.timePickerTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
+                ${_styledcomponents.timePickerTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
+
+                ${_styledcomponents.timePickerTokens.textFieldContentRightSlotColor}: var(--text-secondary);
+                ${_styledcomponents.timePickerTokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);
+
+                ${_styledcomponents.timePickerTokens.timePickerBackground}: var(--surface-solid-primary);
+                ${_styledcomponents.timePickerTokens.itemBackgroundHover}: var(--surface-solid-card);
+                ${_styledcomponents.timePickerTokens.itemBackgroundActive}: var(--surface-solid-card);
+                ${_styledcomponents.timePickerTokens.itemFocusColor}: var(--surface-accent);
+
+                ${_styledcomponents.timePickerTokens.scrollbarColor}: var(--surface-transparent-tertiary);
+                ${_styledcomponents.timePickerTokens.scrollbarTrackColor}: var(--surface-transparent-primary);
+
+                ${_styledcomponents.timePickerTokens.leftHelperColor}: var(--text-secondary);
+                ${_styledcomponents.timePickerTokens.leftHelperColorError}: var(--text-negative);
+                ${_styledcomponents.timePickerTokens.leftHelperColorSuccess}: var(--text-positive);
+
+                ${_styledcomponents.timePickerTokens.hintIconColor}: var(--text-secondary);
+            `
+        },
+        size: {
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.timePickerTokens.width}: 20rem;
+                ${_styledcomponents.timePickerTokens.borderRadius}: 0.75rem;
+                ${_styledcomponents.timePickerTokens.dropdownMarginTop}: 0.375rem;
+
+                ${_styledcomponents.timePickerTokens.leftContentMargin}: 0 0 0 0.875rem;
+                ${_styledcomponents.timePickerTokens.rightContentMargin}: 0;
+
+                ${_styledcomponents.timePickerTokens.labelOffset}: 0.625rem;
+                ${_styledcomponents.timePickerTokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
+                ${_styledcomponents.timePickerTokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
+
+                ${_styledcomponents.timePickerTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);
+                ${_styledcomponents.timePickerTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${_styledcomponents.timePickerTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);
+                ${_styledcomponents.timePickerTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);
+                ${_styledcomponents.timePickerTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_styledcomponents.timePickerTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
+                ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
+                ${_styledcomponents.timePickerTokens.indicatorPlacement}: 0 0 0 0;
+                ${_styledcomponents.timePickerTokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;
+                ${_styledcomponents.timePickerTokens.indicatorPlacementRight}: 0 0 auto auto;
+                ${_styledcomponents.timePickerTokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;
+
+                ${_styledcomponents.timePickerTokens.textFieldHeight}: 3rem;
+                ${_styledcomponents.timePickerTokens.textFieldBorderWidth}: 0.0625rem;
+                ${_styledcomponents.timePickerTokens.textFieldBorderRadius}: 0.75rem;
+                ${_styledcomponents.timePickerTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;
+                ${_styledcomponents.timePickerTokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);
+                ${_styledcomponents.timePickerTokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${_styledcomponents.timePickerTokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);
+                ${_styledcomponents.timePickerTokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);
+                ${_styledcomponents.timePickerTokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_styledcomponents.timePickerTokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${_styledcomponents.timePickerTokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;
+                ${_styledcomponents.timePickerTokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;
+                ${_styledcomponents.timePickerTokens.textFieldRightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;
+
+                ${_styledcomponents.timePickerTokens.textFieldContentRightWrapperGap}: 0.375rem;
+                ${_styledcomponents.timePickerTokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;
+
+                ${_styledcomponents.timePickerTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
+                ${_styledcomponents.timePickerTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
+
+                ${_styledcomponents.timePickerTokens.timePickerBorderRadius}: 0.75rem;
+                ${_styledcomponents.timePickerTokens.timePickerWidth}: 13.75rem;
+                ${_styledcomponents.timePickerTokens.timePickerPadding}: 0.125rem;
+
+                ${_styledcomponents.timePickerTokens.columnHeight}: 31.25rem;
+
+                ${_styledcomponents.timePickerTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);
+                ${_styledcomponents.timePickerTokens.itemFontSize}: var(--plasma-typo-body-m-font-size);
+                ${_styledcomponents.timePickerTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${_styledcomponents.timePickerTokens.itemFontWeight}: var(--plasma-typo-body-m-font-weight);
+                ${_styledcomponents.timePickerTokens.itemLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_styledcomponents.timePickerTokens.itemLineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${_styledcomponents.timePickerTokens.itemHeight}: 3rem;
+                ${_styledcomponents.timePickerTokens.itemBorderRadius}: 0.625rem;
+                ${_styledcomponents.timePickerTokens.itemPadding}: 0rem;
+
+                ${_styledcomponents.timePickerTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.timePickerTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.timePickerTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.timePickerTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.timePickerTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.timePickerTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.timePickerTokens.hintMargin}: -0.688rem -0.5rem;
+                ${_styledcomponents.timePickerTokens.hintTargetSize}: 2.375rem;
+                ${_styledcomponents.timePickerTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.938rem auto auto;
+
+                ${_styledcomponents.timePickerTokens.leftHelperOffset}: 0.25rem 0 0 0;
+                ${_styledcomponents.timePickerTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.timePickerTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.timePickerTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.timePickerTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.timePickerTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.timePickerTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+
+                ${_styledcomponents.timePickerTokens.scrollbarWidth}: 0.125rem;
+                ${_styledcomponents.timePickerTokens.scrollbarMargin}: 0.375rem;
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents.timePickerTokens.width}: 20rem;
+                ${_styledcomponents.timePickerTokens.borderRadius}: 0.625rem;
+                ${_styledcomponents.timePickerTokens.dropdownMarginTop}: 0.375rem;
+
+                ${_styledcomponents.timePickerTokens.leftContentMargin}: 0 0 0 0.75rem;
+                ${_styledcomponents.timePickerTokens.rightContentMargin}: 0;
+
+                ${_styledcomponents.timePickerTokens.labelOffset}: 0.5rem;
+                ${_styledcomponents.timePickerTokens.labelInnerPadding}: 0.3125rem 0 0 0;
+                ${_styledcomponents.timePickerTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
+
+                ${_styledcomponents.timePickerTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${_styledcomponents.timePickerTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${_styledcomponents.timePickerTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);
+                ${_styledcomponents.timePickerTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${_styledcomponents.timePickerTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${_styledcomponents.timePickerTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${_styledcomponents.timePickerTokens.indicatorSize}: 0.375rem;
+                ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
+                ${_styledcomponents.timePickerTokens.indicatorPlacement}: 0 0 0 0;
+                ${_styledcomponents.timePickerTokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;
+                ${_styledcomponents.timePickerTokens.indicatorPlacementRight}: 0 0 auto auto;
+                ${_styledcomponents.timePickerTokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;
+
+                ${_styledcomponents.timePickerTokens.textFieldHeight}: 2.5rem;
+                ${_styledcomponents.timePickerTokens.textFieldBorderWidth}: 0.0625rem;
+                ${_styledcomponents.timePickerTokens.textFieldBorderRadius}: 0.625rem;
+                ${_styledcomponents.timePickerTokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;
+                ${_styledcomponents.timePickerTokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${_styledcomponents.timePickerTokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${_styledcomponents.timePickerTokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);
+                ${_styledcomponents.timePickerTokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${_styledcomponents.timePickerTokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${_styledcomponents.timePickerTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${_styledcomponents.timePickerTokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
+                ${_styledcomponents.timePickerTokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
+                ${_styledcomponents.timePickerTokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;
+
+                ${_styledcomponents.timePickerTokens.textFieldContentRightWrapperGap}: 0.375rem;
+                ${_styledcomponents.timePickerTokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;
+
+                ${_styledcomponents.timePickerTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
+                ${_styledcomponents.timePickerTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
+
+                ${_styledcomponents.timePickerTokens.timePickerBorderRadius}: 0.625rem;
+                ${_styledcomponents.timePickerTokens.timePickerWidth}: 12rem;
+                ${_styledcomponents.timePickerTokens.timePickerPadding}: 0.125rem;
+
+                ${_styledcomponents.timePickerTokens.columnHeight}: 26.25rem;
+
+                ${_styledcomponents.timePickerTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${_styledcomponents.timePickerTokens.itemFontSize}: var(--plasma-typo-body-s-font-size);
+                ${_styledcomponents.timePickerTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${_styledcomponents.timePickerTokens.itemFontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${_styledcomponents.timePickerTokens.itemLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${_styledcomponents.timePickerTokens.itemLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${_styledcomponents.timePickerTokens.itemHeight}: 2.5rem;
+                ${_styledcomponents.timePickerTokens.itemBorderRadius}: 0.5rem;
+                ${_styledcomponents.timePickerTokens.itemPadding}: 0rem;
+
+                ${_styledcomponents.timePickerTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.timePickerTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.timePickerTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.timePickerTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.timePickerTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.timePickerTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.timePickerTokens.hintMargin}: -0.688rem -0.5rem;
+                ${_styledcomponents.timePickerTokens.hintTargetSize}: 2.375rem;
+                ${_styledcomponents.timePickerTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.813rem auto auto;
+
+                ${_styledcomponents.timePickerTokens.leftHelperOffset}: 0.25rem 0 0 0;
+                ${_styledcomponents.timePickerTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.timePickerTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.timePickerTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.timePickerTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.timePickerTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.timePickerTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+
+                ${_styledcomponents.timePickerTokens.scrollbarWidth}: 0.125rem;
+                ${_styledcomponents.timePickerTokens.scrollbarMargin}: 0.25rem;
+            `
+        },
+        hintView: {
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.timePickerTokens.hintTooltipBackgroundColor}: var(--surface-solid-card-brightness);
+                ${_styledcomponents.timePickerTokens.hintTooltipBoxShadow}: var(--shadow-down-hard-m);
+                ${_styledcomponents.timePickerTokens.hintTooltipColor}: var(--text-primary);
+                ${_styledcomponents.timePickerTokens.hintTooltipArrowBackground}: var(--surface-solid-card-brightness);
+            `
+        },
+        hintSize: {
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.timePickerTokens.hintTooltipPaddingTop}: 0.6875rem;
+                ${_styledcomponents.timePickerTokens.hintTooltipPaddingRight}: 0.875rem;
+                ${_styledcomponents.timePickerTokens.hintTooltipPaddingBottom}: 0.6875rem;
+                ${_styledcomponents.timePickerTokens.hintTooltipPaddingLeft}: 0.875rem;
+
+                ${_styledcomponents.timePickerTokens.hintTooltipMinHeight}: 2.5rem;
+                ${_styledcomponents.timePickerTokens.hintTooltipBorderRadius}: 0.625rem;
+
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontSize}: var(--plasma-typo-body-s-font-size);
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${_styledcomponents.timePickerTokens.hintTooltipContentLeftMargin}: 0.375rem;
+
+                ${_styledcomponents.timePickerTokens.hintTooltipArrowMaskWidth}: 1.25rem;
+                ${_styledcomponents.timePickerTokens.hintTooltipArrowMaskHeight}: 1.25rem;
+                ${_styledcomponents.timePickerTokens.hintTooltipArrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");
+                ${_styledcomponents.timePickerTokens.hintTooltipArrowHeight}: 0.5rem;
+                ${_styledcomponents.timePickerTokens.hintTooltipArrowEdgeMargin}: 0.625rem;
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents.timePickerTokens.hintTooltipPaddingTop}: 0.5rem;
+                ${_styledcomponents.timePickerTokens.hintTooltipPaddingRight}: 0.75rem;
+                ${_styledcomponents.timePickerTokens.hintTooltipPaddingBottom}: 0.5rem;
+                ${_styledcomponents.timePickerTokens.hintTooltipPaddingLeft}: 0.75rem;
+
+                ${_styledcomponents.timePickerTokens.hintTooltipMinHeight}: 2rem;
+                ${_styledcomponents.timePickerTokens.hintTooltipBorderRadius}: 0.5rem;
+
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);
+
+                ${_styledcomponents.timePickerTokens.hintTooltipContentLeftMargin}: 0.25rem;
+
+                ${_styledcomponents.timePickerTokens.hintTooltipArrowMaskWidth}: 1rem;
+                ${_styledcomponents.timePickerTokens.hintTooltipArrowMaskHeight}: 1rem;
+                ${_styledcomponents.timePickerTokens.hintTooltipArrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");
+                ${_styledcomponents.timePickerTokens.hintTooltipArrowHeight}: 0.375rem;
+                ${_styledcomponents.timePickerTokens.hintTooltipArrowEdgeMargin}: 0.5625rem;
+            `
+        },
+        disabled: {
+            true: (0, _styledcomponents.css)`
+                ${_styledcomponents.timePickerTokens.disabledOpacity}: 1;
+                ${_styledcomponents.timePickerTokens.disabledBackgroundOpacity}: 1;
+                ${_styledcomponents.timePickerTokens.disabledInnerContentOpacity}: 1;
+
+                ${_styledcomponents.timePickerTokens.background}: var(--surface-solid-tertiary);
+                ${_styledcomponents.timePickerTokens.backgroundError}: var(--surface-solid-tertiary);
+                ${_styledcomponents.timePickerTokens.backgroundSuccess}: var(--surface-solid-tertiary);
+                ${_styledcomponents.timePickerTokens.borderColor}: transparent;
+                ${_styledcomponents.timePickerTokens.borderColorError}: transparent;
+                ${_styledcomponents.timePickerTokens.borderColorSuccess}: transparent;
+
+                ${_styledcomponents.timePickerTokens.labelColor}: var(--text-secondary);
+                ${_styledcomponents.timePickerTokens.leftHelperColor}: var(--text-tertiary);
+
+                ${_styledcomponents.timePickerTokens.textFieldColor}: var(--text-secondary);
+                ${_styledcomponents.timePickerTokens.textFieldPlaceholderColor}: var(--text-tertiary);
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundColor}: var(--surface-solid-tertiary);
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundErrorColor}: var(--surface-solid-tertiary);
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundSuccessColor}: var(--surface-solid-tertiary);
+                ${_styledcomponents.timePickerTokens.textFieldBorderColor}: transparent;
+                ${_styledcomponents.timePickerTokens.textFieldBorderColorError}: transparent;
+                ${_styledcomponents.timePickerTokens.textFieldBorderColorSuccess}: transparent;
+                ${_styledcomponents.timePickerTokens.textFieldContentSlotColor}: var(--text-tertiary);
+                ${_styledcomponents.timePickerTokens.textFieldContentRightSlotColor}: var(--text-tertiary);
+            `
+        },
+        readonly: {
+            true: (0, _styledcomponents.css)`
+                ${_styledcomponents.timePickerTokens.backgroundReadOnly}: var(--surface-solid-secondary);
+                ${_styledcomponents.timePickerTokens.labelColorReadOnly}: var(--text-primary);
+                ${_styledcomponents.timePickerTokens.leftHelperColorReadOnly}: var(--text-secondary);
+
+                ${_styledcomponents.timePickerTokens.textFieldColorReadOnly}: var(--text-primary);
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundColorReadOnly}: var(--surface-solid-secondary);
+                ${_styledcomponents.timePickerTokens.textFieldBorderColorReadOnly}: transparent;
+                ${_styledcomponents.timePickerTokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
+                ${_styledcomponents.timePickerTokens.textFieldContentSlotRightOpacityReadOnly}: 1;
+            `
+        }
+    }
+};

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TimePicker", {
+    enumerable: true,
+    get: function() {
+        return TimePicker;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _TimePickerconfig = require("./TimePicker.config");
+const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.timePickerConfig, _TimePickerconfig.config);
+const TimePicker = (0, _styledcomponents.component)(mergedConfig);

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

@@ -0,0 +1,23 @@
+"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 TimePicker () {
+        return _TimePicker.TimePicker;
+    },
+    get timePickerClasses () {
+        return _styledcomponents.timePickerClasses;
+    },
+    get timePickerTokens () {
+        return _styledcomponents.timePickerTokens;
+    }
+});
+const _TimePicker = require("./TimePicker");
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

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

@@ -28,6 +28,7 @@ _export_star(require("./components/Switch"), exports);
 _export_star(require("./components/Autocomplete"), exports);
 _export_star(require("./components/Combobox"), exports);
 _export_star(require("./components/DatePicker"), exports);
+_export_star(require("./components/TimePicker"), exports);
 _export_star(require("./components/Select"), exports);
 _export_star(require("./components/Breadcrumbs"), exports);
 _export_star(require("./components/Dropdown"), exports);

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

@@ -234,7 +234,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -310,7 +310,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);