@salutejs/plasma-new-hope 0.337.0-canary.2253.17999209101.0 → 0.337.0-canary.2253.18092363527.0

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

@@ -4,7 +4,7 @@ import { IconDisclosureRightCentered, IconFolder } from "../_Icon";
 import { treeTokens as tokens, classes } from "./Tree.tokens";
 export var IconArrowWrapper = styled.div.withConfig({
     displayName: "Tree.styles__IconArrowWrapper",
-    componentId: "sc-292dc6de-0"
+    componentId: "sc-42c76870-0"
 })([
     "line-height:0;color:var(",
     ");&:hover{color:var(",
@@ -13,19 +13,19 @@ export var IconArrowWrapper = styled.div.withConfig({
 ], tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive);
 export var StyledArrow = styled(IconDisclosureRightCentered).withConfig({
     displayName: "Tree.styles__StyledArrow",
-    componentId: "sc-292dc6de-1"
+    componentId: "sc-42c76870-1"
 })([
     "transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"
 ]);
 export var StyledFolder = styled(IconFolder).withConfig({
     displayName: "Tree.styles__StyledFolder",
-    componentId: "sc-292dc6de-2"
+    componentId: "sc-42c76870-2"
 })([
     ""
 ]);
 export var TitleWrapper = styled.div.withConfig({
     displayName: "Tree.styles__TitleWrapper",
-    componentId: "sc-292dc6de-3"
+    componentId: "sc-42c76870-3"
 })([
     "display:flex;align-items:center;justify-content:space-between;margin:",
     ";overflow:",
@@ -39,7 +39,7 @@ export var TitleWrapper = styled.div.withConfig({
 });
 export var Title = styled.span.withConfig({
     displayName: "Tree.styles__Title",
-    componentId: "sc-292dc6de-4"
+    componentId: "sc-42c76870-4"
 })([
     "margin:var(",
     ");overflow:",
@@ -58,13 +58,13 @@ export var Title = styled.span.withConfig({
 });
 export var ContentRight = styled.div.withConfig({
     displayName: "Tree.styles__ContentRight",
-    componentId: "sc-292dc6de-5"
+    componentId: "sc-42c76870-5"
 })([
     "line-height:0;"
 ]);
 export var Line = styled.div.withConfig({
     displayName: "Tree.styles__Line",
-    componentId: "sc-292dc6de-6"
+    componentId: "sc-42c76870-6"
 })([
     "left:",
     "px;right:0;position:absolute;z-index:1;height:0.125rem;background-color:var(",
@@ -75,8 +75,7 @@ export var Line = styled.div.withConfig({
 }, tokens.itemDraggableLineColor);
 export var base = css([
     ".rc-tree{margin:0;border:1px solid transparent;}.rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.rc-tree .rc-tree-treenode{display:flex;align-items:center;box-sizing:border-box;margin:0;padding:var(",
-    ");position:relative;z-index:0;width:100%;min-height:var(",
-    ");line-height:24px;white-space:nowrap;list-style:none;outline:0;}.rc-tree.",
+    ");position:relative;z-index:0;width:100%;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.rc-tree.",
     " .rc-tree-treenode{padding:var(",
     ");}.rc-tree .rc-tree-treenode .draggable{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}.rc-tree .rc-tree-treenode.dragging{opacity:0.28;}.rc-tree .rc-tree-treenode.drop-container::before,.rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.",
     "::before,.rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.drag-over::before{box-shadow:inset 0 0 0 1px var(",
@@ -87,8 +86,9 @@ export var base = css([
     ");margin:var(",
     ");}.rc-tree-title{display:grid;width:100%;}.rc-tree-indent{display:inline-flex;height:0;vertical-align:bottom;}.rc-tree-indent-unit{display:inline-block;width:16px;}.rc-tree-draggable-icon{display:inline-flex;justify-content:center;width:16px;}.rc-tree,.rc-tree-list{border:none !important;}.rc-tree .rc-tree-list-holder{overflow:hidden auto;}.rc-tree .rc-tree-treenode::before{content:'';position:absolute;z-index:-1;top:var(",
     ");bottom:var(",
-    ");left:var(",
-    ");right:0;background:transparent;border-radius:var(",
+    ");left:calc(var(",
+    ") + var(",
+    "));right:0;background:transparent;border-radius:var(",
     ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-switcher,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-checkbox{opacity:var(",
     ");}.rc-tree.",
     " .rc-tree-treenode::before{inset:0;border-radius:0;}.rc-tree .rc-tree-treenode.",
@@ -136,4 +136,4 @@ export var base = css([
     ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize{color:var(",
     ");}.rc-tree-indent-unit{width:var(",
     ");}"
-], tokens.itemPadding, tokens.itemHeight, classes.treeTightVariant, tokens.itemPaddingTight, classes.treeLeafNode, tokens.itemDraggableBorderColor, tokens.color, classes.treeRadioMode, classes.treeInverted, tokens.iconFolderColor, tokens.iconFolderMargin, tokens.itemTop, tokens.itemBottom, tokens.switcherSize, tokens.itemBorderRadius, tokens.itemDisabledOpacity, classes.treeItemFilled, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemPrimaryBackground, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorSelected, classes.treeRadioMode, tokens.itemBackgroundColorHover, classes.treeRadioMode, tokens.itemBackgroundColorActive, tokens.switcherSize, tokens.switcherSize, tokens.switcherMargin, classes.treeInverted, tokens.switcherMarginInverted, classes.treeInverted, classes.treeInverted, tokens.checkboxSize, tokens.checkboxSize, tokens.checkboxMargin, tokens.checkboxInnerSize, tokens.checkboxInnerSize, tokens.checkboxBorderColor, tokens.checkboxBorderRadius, tokens.itemDisabledBorderColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.color, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, classes.treeInverted, classes.treeInverted, tokens.colorSelected, tokens.itemDisabledColor, tokens.colorSelected, tokens.itemDisabledColor, tokens.itemIndent);
+], tokens.itemPadding, classes.treeTightVariant, tokens.itemPaddingTight, classes.treeLeafNode, tokens.itemDraggableBorderColor, tokens.color, classes.treeRadioMode, classes.treeInverted, tokens.iconFolderColor, tokens.iconFolderMargin, tokens.itemTop, tokens.itemBottom, tokens.switcherSize, tokens.itemBackgroundExtraOffset, tokens.itemBorderRadius, tokens.itemDisabledOpacity, classes.treeItemFilled, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemPrimaryBackground, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorSelected, classes.treeRadioMode, tokens.itemBackgroundColorHover, classes.treeRadioMode, tokens.itemBackgroundColorActive, tokens.switcherSize, tokens.switcherSize, tokens.switcherMargin, classes.treeInverted, tokens.switcherMarginInverted, classes.treeInverted, classes.treeInverted, tokens.checkboxSize, tokens.checkboxSize, tokens.checkboxMargin, tokens.checkboxInnerSize, tokens.checkboxInnerSize, tokens.checkboxBorderColor, tokens.checkboxBorderRadius, tokens.itemDisabledBorderColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.color, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, classes.treeInverted, classes.treeInverted, tokens.colorSelected, tokens.itemDisabledColor, tokens.colorSelected, tokens.itemDisabledColor, tokens.itemIndent);

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

@@ -37,6 +37,7 @@ export var treeTokens = {
     checkboxMargin: '--plasma-tree-checkbox-margin',
     checkboxBorderColor: '--plasma-tree-checkbox-border-color',
     checkboxBackgroundColor: '--plasma-tree-checkbox-background-color',
+    itemBackgroundExtraOffset: '--plasma-tree-item-background-extra-offset',
     itemBackgroundColorSelected: '--plasma-tree-item-background-color-selected',
     itemBackgroundColorPrimary: '--plasma-tree-item-background-color-primary',
     itemBackgroundColorHover: '--plasma-tree-item-background-color-hover',

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

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

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

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

package/styled-components/es/examples/components/Combobox/Combobox.js

@@ -0,0 +1,7 @@
+import { component, mergeConfig } from "../../../engines";
+import { comboboxNewConfig } from "../../..";
+import { config } from "./Combobox.config";
+var mergedConfig = mergeConfig(comboboxNewConfig, config);
+var ComboboxComponent = component(mergedConfig);
+var Combobox = ComboboxComponent;
+export { Combobox };

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

@@ -501,13 +501,18 @@ export var config = {
             true: css([
                 "",
                 ":var(--surface-transparent-primary);",
+                ":var(--text-primary);",
                 ":var(--text-secondary);",
-                ":var(--text-secondary);",
-                ":var(--text-secondary);",
-                ":var(--text-secondary);",
+                ":var(--text-primary);",
+                ":0.4;",
+                ":var(--text-primary);",
                 ":var(--surface-transparent-primary);",
-                ":var(--text-secondary);"
-            ], tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
+                ":var(--text-secondary);",
+                ":0.4;",
+                ":0.4;",
+                ":0.1;",
+                ":0.1;"
+            ], tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.rangeReadOnlyOpacity)
         }
     }
 };

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

@@ -280,7 +280,7 @@ export var config = {
                 ":var(--text-primary);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary);",
-                ":0.4;",
+                ":0.1;",
                 ":0.4;",
                 ":0.4;",
                 ":var(--text-primary);",

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

@@ -842,7 +842,7 @@ export var config = {
             true: css([
                 "",
                 ":0.4;",
-                ":0.4;",
+                ":0.1;",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-primary);",
                 ":var(--text-secondary);",

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

@@ -544,11 +544,12 @@ export var config = {
         readOnly: {
             true: css([
                 "",
-                ":0.4;",
+                ":0.1;",
                 ":var(--surface-transparent-primary);",
                 ":var(--text-primary);",
-                ":var(--surface-transparent-primary);"
-            ], textAreaTokens.readOnlyOpacity, textAreaTokens.backgroundColorReadOnly, textAreaTokens.inputColorReadOnly, textAreaTokens.dividerColorReadOnly)
+                ":var(--surface-transparent-primary);",
+                ":0.4;"
+            ], textAreaTokens.readOnlyOpacity, textAreaTokens.backgroundColorReadOnly, textAreaTokens.inputColorReadOnly, textAreaTokens.dividerColorReadOnly, textAreaTokens.contentSlotRightOpacityReadOnly)
         },
         disabled: {
             true: css([

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

@@ -660,15 +660,16 @@ export var config = {
         readOnly: {
             true: css([
                 "",
-                ":0.4;",
+                ":0.1;",
                 ":var(--text-primary);",
                 ":var(--surface-transparent-primary);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary);",
                 ":var(--text-primary);",
-                ":var(--surface-transparent-primary);"
-            ], tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly)
+                ":var(--surface-transparent-primary);",
+                ":0.4;"
+            ], tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
         }
     }
 };

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

@@ -0,0 +1,279 @@
+import { css } from "styled-components";
+import { timePickerTokens as tokens } from "../../../components/TimePicker";
+export var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: css([
+                "",
+                ":var(--surface-transparent-primary);",
+                ":var(--surface-transparent-negative);",
+                ":var(--surface-transparent-positive);",
+                ":var(--text-primary);",
+                ":var(--text-primary);",
+                ":var(--text-secondary);",
+                ":var(--text-accent);",
+                ":var(--surface-negative);",
+                ":var(--surface-transparent-primary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--surface-transparent-negative);",
+                ":var(--surface-transparent-negative-active);",
+                ":var(--surface-transparent-positive);",
+                ":var(--surface-transparent-positive-active);",
+                ":var(--text-tertiary);",
+                ":var(--text-tertiary);",
+                ":var(--text-tertiary);",
+                ":var(--surface-solid-card);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-transparent-primary);"
+            ], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor)
+        },
+        size: {
+            l: css([
+                "",
+                ":20rem;",
+                ":0.875rem;",
+                ":0 0 0 1rem;",
+                ":0;",
+                ":0.75rem;",
+                ":0.5625rem 0 0.125rem 0;",
+                ":1.5625rem 0 0.5625rem 0;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":0.5rem;",
+                ":0.375rem;",
+                ":0 0 0 0;",
+                ":0.5rem auto auto -0.75rem;",
+                ":0 0 auto auto;",
+                ":0.25rem -0.625rem auto auto;",
+                ":3.5rem;",
+                ":0.875rem;",
+                ":1.0625rem 1.125rem 1.0625rem 1.125rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":-0.0625rem 0.5rem -0.0625rem -0.125rem;",
+                ":-0.0625rem -0.125rem -0.0625rem 0.75rem;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
+                ":0.875rem;",
+                ":15rem;",
+                ":0.125rem;",
+                ":36.25rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":3.5rem;",
+                ":0.75rem;",
+                ":0rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.125rem;",
+                ":0.5rem;"
+            ], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
+            m: css([
+                "",
+                ":20rem;",
+                ":0.75rem;",
+                ":0 0 0 0.875rem;",
+                ":0;",
+                ":0.625rem;",
+                ":0.375rem 0 0.125rem 0;",
+                ":1.375rem 0 0.375rem 0;",
+                ":var(--plasma-typo-body-m-font-family);",
+                ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-font-size);",
+                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);",
+                ":0.5rem;",
+                ":0.375rem;",
+                ":0 0 0 0;",
+                ":0.375rem auto auto -0.75rem;",
+                ":0 0 auto auto;",
+                ":0.25rem -0.6875rem auto auto;",
+                ":3rem;",
+                ":0.75rem;",
+                ":0.875rem 1rem 0.875rem 1rem;",
+                ":var(--plasma-typo-body-m-font-family);",
+                ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-font-size);",
+                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);",
+                ":-0.125rem 0.375rem -0.125rem -0.125rem;",
+                ":-0.125rem -0.125rem -0.125rem 0.75rem;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
+                ":0.75rem;",
+                ":13.75rem;",
+                ":0.125rem;",
+                ":31.25rem;",
+                ":var(--plasma-typo-body-m-font-family);",
+                ":var(--plasma-typo-body-m-font-size);",
+                ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);",
+                ":3rem;",
+                ":0.625rem;",
+                ":0rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.125rem;",
+                ":0.375rem;"
+            ], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
+            s: css([
+                "",
+                ":20rem;",
+                ":0.625rem;",
+                ":0 0 0 0.75rem;",
+                ":0;",
+                ":0.5rem;",
+                ":0.3125rem 0 0 0;",
+                ":1.0625rem 0 0.3125rem 0;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":0.375rem;",
+                ":0.375rem;",
+                ":0 0 0 0;",
+                ":0.3125rem auto auto -0.6875rem;",
+                ":0 0 auto auto;",
+                ":0.25rem -0.625rem auto auto;",
+                ":2.5rem;",
+                ":0.625rem;",
+                ":0.6875rem 0.875rem 0.6875rem 0.875rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":-0.1875rem 0.25rem -0.1875rem -0.125rem;",
+                ":-0.1875rem -0.125rem -0.1875rem 0.75rem;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
+                ":0.625rem;",
+                ":12rem;",
+                ":0.125rem;",
+                ":26.25rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":2.5rem;",
+                ":0.5rem;",
+                ":0rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.125rem;",
+                ":0.25rem;"
+            ], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
+            xs: css([
+                "",
+                ":20rem;",
+                ":0.5rem;",
+                ":0 0 0 0.5rem;",
+                ":0;",
+                ":0.375rem;",
+                ":0.3125rem 0 0 0;",
+                ":1.0625rem 0 0.3125rem 0;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.375rem;",
+                ":0.375rem;",
+                ":0 0 0 0;",
+                ":0.25rem auto auto -0.625rem;",
+                ":0 0 auto auto;",
+                ":0.125rem -0.6875rem auto auto;",
+                ":2rem;",
+                ":0.5rem;",
+                ":0.5625rem 0.625rem 0.5625rem 0.625rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":-0.0625rem 0.25rem -0.0625rem -0.125rem;",
+                ":-0.0625rem -0.125rem -0.0625rem 0.75rem;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
+                ":0.5rem;",
+                ":10rem;",
+                ":0.125rem;",
+                ":21.25rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":2rem;",
+                ":0.375rem;",
+                ":0rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0.125rem;",
+                ":0.25rem;"
+            ], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin)
+        },
+        disabled: {
+            true: css([
+                "",
+                ":0.4;"
+            ], tokens.disabledOpacity)
+        },
+        readonly: {
+            true: css([
+                "",
+                ":var(--surface-transparent-primary);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary);",
+                ":var(--surface-transparent-primary);",
+                ":var(--text-secondary);"
+            ], tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
+        }
+    }
+};

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

@@ -0,0 +1,5 @@
+import { component, mergeConfig } from "../../../engines";
+import { timePickerConfig } from "../../../components/TimePicker";
+import { config } from "./TimePicker.config";
+var mergedConfig = mergeConfig(timePickerConfig, config);
+export var TimePicker = component(mergedConfig);

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

@@ -35,6 +35,7 @@ export var config = {
                 "",
                 ":3.5rem;",
                 ":1rem;",
+                ":1rem;",
                 ":0.75rem 1rem;",
                 ":2rem;",
                 ":0.75rem;",
@@ -54,10 +55,11 @@ export var config = {
                 ":var(--plasma-typo-body-l-font-weight);",
                 ":var(--plasma-typo-body-l-letter-spacing);",
                 ":var(--plasma-typo-body-l-line-height);"
-            ], tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
+            ], tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
             m: css([
                 "",
                 ":3rem;",
+                ":0.875rem;",
                 ":0.75rem 0.875rem;",
                 ":0.5rem 0.875rem;",
                 ":2rem;",
@@ -78,10 +80,11 @@ export var config = {
                 ":var(--plasma-typo-body-m-font-weight);",
                 ":var(--plasma-typo-body-m-letter-spacing);",
                 ":var(--plasma-typo-body-m-line-height);"
-            ], tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
+            ], tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
             s: css([
                 "",
                 ":2.5rem;",
+                ":0.75rem;",
                 ":0.5rem 0.75rem;",
                 ":0.4375rem 0.5rem;",
                 ":1.875rem;",
@@ -102,11 +105,12 @@ export var config = {
                 ":var(--plasma-typo-body-s-font-weight);",
                 ":var(--plasma-typo-body-s-letter-spacing);",
                 ":var(--plasma-typo-body-s-line-height);"
-            ], tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
+            ], tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
             xs: css([
                 "",
                 ":2rem;",
                 ":0.5rem;",
+                ":0.5rem;",
                 ":0.25rem 0.5rem;",
                 ":1.25rem;",
                 ":0.375rem;",
@@ -126,7 +130,7 @@ export var config = {
                 ":var(--plasma-typo-body-xs-font-weight);",
                 ":var(--plasma-typo-body-xs-letter-spacing);",
                 ":var(--plasma-typo-body-xs-line-height);"
-            ], tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
+            ], tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
         }
     }
 };

package/styled-components/es/index.js

@@ -84,3 +84,4 @@ export * from "./components/Tour";
 export * from "./components/EmbedIconButton";
 export * from "./components/InformationWrapper";
 export * from "./components/NavigationDrawer";
+export * from "./components/TimePicker";

package/types/components/Autocomplete/Autocomplete.tokens.d.ts

@@ -45,6 +45,7 @@ export declare const tokens: {
     textFieldContentSlotRightColor: string;
     textFieldContentSlotRightColorHover: string;
     textFieldContentSlotRightColorActive: string;
+    textFieldContentSlotRightOpacityReadOnly: string;
     textFieldLabelColor: string;
     textFieldLabelColorReadOnly: string;
     textFieldLabelOffset: string;
@@ -77,6 +78,7 @@ export declare const tokens: {
     textFieldTextBeforeMargin: string;
     textFieldTextAfterMargin: string;
     textFieldDisabledOpacity: string;
+    textFieldReadOnlyOpacity: string;
     /** Токены для tooltip */
     textFieldHintCustomIconTargetSize: string;
     textFieldHintMargin: string;

package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkGf,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgF5B,CAAC"}
+{"version":3,"file":"Autocomplete.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoGf,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgF5B,CAAC"}

package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe;;;;;;;;kBA2DR,MAAO,YAAY;mBAClC,MAAO,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;oCAvDK,CAAC;;;;;;;;;;;;wBAoDvD,YAAY;yBAC3B,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAHjD,YAAY;yBAC3B,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;oCAvDK,CAAC;;;;;;;;;;;;wBAoDvD,YAAY;yBAC3B,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAHjD,YAAY;yBAC3B,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;oCAvDK,CAAC;;;;;;;;;;;;wBAoDvD,YAAY;yBAC3B,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAHjD,YAAY;yBAC3B,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;oCAvDK,CAAC;;;;;;;;;;;;wBAoDvD,YAAY;yBAC3B,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;+IAwD3E,CAAC"}
+{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe;;;;;;;;kBA2DF,MAAO,YAAY;mBAC9B,MAAO,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;oCAvDL,CAAC;;;;;;;;;;;;wBAoDjD,YAAY;yBACvB,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAHrD,YAAY;yBACvB,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;oCAvDL,CAAC;;;;;;;;;;;;wBAoDjD,YAAY;yBACvB,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAHrD,YAAY;yBACvB,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;oCAvDL,CAAC;;;;;;;;;;;;wBAoDjD,YAAY;yBACvB,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAHrD,YAAY;yBACvB,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;oCAvDL,CAAC;;;;;;;;;;;;wBAoDjD,YAAY;yBACvB,YAAY;;;oCAEmD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;+IA0DrF,CAAC"}

package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts

@@ -95,6 +95,7 @@ export declare const tokens: {
     textFieldContentSlotRightColor: string;
     textFieldContentSlotRightColorHover: string;
     textFieldContentSlotRightColorActive: string;
+    textFieldContentSlotRightOpacityReadOnly: string;
     textFieldLabelColor: string;
     textFieldLabelColorReadOnly: string;
     textFieldLabelOffset: string;
@@ -136,6 +137,7 @@ export declare const tokens: {
     textFieldTextBeforeMargin: string;
     textFieldTextAfterMargin: string;
     textFieldDisabledOpacity: string;
+    textFieldReadOnlyOpacity: string;
     /** Токены для tooltip */
     textFieldHintCustomIconTargetSize: string;
     textFieldHintMargin: string;