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

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

@@ -0,0 +1,152 @@
+"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 animateScrollTo () {
+        return animateScrollTo;
+    },
+    get delimiter () {
+        return delimiter;
+    },
+    get normalizeTimeSegment () {
+        return normalizeTimeSegment;
+    },
+    get processTimeInput () {
+        return processTimeInput;
+    },
+    get range () {
+        return range;
+    }
+});
+var delimiter = ':';
+var range = function(number) {
+    var padLength = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
+    return Array.from({
+        length: number
+    }, function(_, i) {
+        return i.toString().padStart(padLength, '0');
+    });
+};
+var normalizeTimeSegment = function(type, input) {
+    var max = type === 'HH' ? 23 : 59;
+    var digits = input.replace(/\D/g, '');
+    var num = parseInt(digits, 10);
+    if (!digits) {
+        return {
+            text: '',
+            value: null,
+            carryover: ''
+        };
+    }
+    if (Math.floor(max / 10) < num && digits.length === 1) {
+        return {
+            text: num.toString().padStart(2, '0'),
+            value: num,
+            carryover: ''
+        };
+    }
+    if (num <= max && digits.length === 1) {
+        return {
+            text: digits,
+            value: num,
+            carryover: ''
+        };
+    }
+    if (digits.length === 1) {
+        return {
+            text: max.toString().padStart(2, '0'),
+            value: max,
+            carryover: ''
+        };
+    }
+    if (Number.isNaN(num)) {
+        return {
+            text: '',
+            value: null,
+            carryover: ''
+        };
+    }
+    if (num <= max) {
+        return {
+            text: digits.padStart(2, '0'),
+            value: num,
+            carryover: ''
+        };
+    }
+    var firstDigit = parseInt(digits[0], 10);
+    var secondDigit = parseInt(digits[1], 10);
+    if (firstDigit <= max) {
+        return {
+            text: firstDigit.toString().padStart(2, '0'),
+            value: firstDigit,
+            carryover: secondDigit.toString()
+        };
+    }
+    return {
+        text: max.toString().padStart(2, '0'),
+        value: max,
+        carryover: digits.slice(1)
+    };
+};
+var processTimeInput = function(input) {
+    var format = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'HH:mm:ss', cursorPosition = arguments.length > 2 ? arguments[2] : void 0;
+    var digits = input.replace(/\D/g, '');
+    var tokens = format.split(delimiter);
+    var values = {
+        hh: null,
+        mm: null,
+        ss: null
+    };
+    var segments = [];
+    var digitIndex = 0;
+    var newCursorPosition = cursorPosition !== null && cursorPosition !== void 0 ? cursorPosition : 0;
+    tokens.forEach(function(token) {
+        var segmentDigits = digits.slice(digitIndex, digitIndex + 2);
+        digitIndex += segmentDigits.length;
+        var _normalizeTimeSegment = normalizeTimeSegment(token, segmentDigits), text = _normalizeTimeSegment.text, value = _normalizeTimeSegment.value;
+        values[token.toLowerCase()] = value;
+        segments.push(text);
+    });
+    var innerString = segments[0];
+    if (segments.length > 1 && segments[1]) {
+        innerString += ":".concat(segments[1]);
+    }
+    if (format === 'HH:mm:ss' && segments.length > 2 && segments[2]) {
+        innerString += ":".concat(segments[2]);
+    }
+    if (innerString.length - 2 <= newCursorPosition) {
+        newCursorPosition += innerString.length - newCursorPosition;
+    }
+    return {
+        innerString: innerString,
+        values: values,
+        newCursorPosition: newCursorPosition
+    };
+};
+var animateScrollTo = function(element, targetScrollTop) {
+    var duration = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 300;
+    var startScrollTop = element.scrollTop;
+    var distance = targetScrollTop - startScrollTop;
+    var startTime = null;
+    var animate = function(currentTime) {
+        if (!startTime) startTime = currentTime;
+        var timeElapsed = currentTime - startTime;
+        var progress = Math.min(timeElapsed / duration, 1);
+        var easeOut = function(t) {
+            return 1 - Math.pow(1 - t, 3);
+        };
+        var scrollPosition = startScrollTop + distance * easeOut(progress);
+        element.scrollTop = scrollPosition;
+        if (timeElapsed < duration) {
+            requestAnimationFrame(animate);
+        }
+    };
+    requestAnimationFrame(animate);
+};

package/styled-components/cjs/components/TimePicker/variations/_disabled/base.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _TimePickertokens = require("../../TimePicker.tokens");
+var base = (0, _styledcomponents.css)([
+    "&[disabled]{opacity:var(",
+    ");cursor:not-allowed;}"
+], _TimePickertokens.tokens.disabledOpacity);

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    "&[readonly]{cursor:not-allowed;}"
+]);

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

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

@@ -80,7 +80,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 var IconArrowWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Tree.styles__IconArrowWrapper",
-    componentId: "sc-543001e7-0"
+    componentId: "sc-42c76870-0"
 })([
     "line-height:0;color:var(",
     ");&:hover{color:var(",
@@ -89,19 +89,19 @@ var IconArrowWrapper = _styledcomponents.default.div.withConfig({
 ], _Treetokens.treeTokens.arrowColor, _Treetokens.treeTokens.arrowColorHover, _Treetokens.treeTokens.arrowColorActive);
 var StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureRightCentered).withConfig({
     displayName: "Tree.styles__StyledArrow",
-    componentId: "sc-543001e7-1"
+    componentId: "sc-42c76870-1"
 })([
     "transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"
 ]);
 var StyledFolder = (0, _styledcomponents.default)(_Icon.IconFolder).withConfig({
     displayName: "Tree.styles__StyledFolder",
-    componentId: "sc-543001e7-2"
+    componentId: "sc-42c76870-2"
 })([
     ""
 ]);
 var TitleWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Tree.styles__TitleWrapper",
-    componentId: "sc-543001e7-3"
+    componentId: "sc-42c76870-3"
 })([
     "display:flex;align-items:center;justify-content:space-between;margin:",
     ";overflow:",
@@ -115,7 +115,7 @@ var TitleWrapper = _styledcomponents.default.div.withConfig({
 });
 var Title = _styledcomponents.default.span.withConfig({
     displayName: "Tree.styles__Title",
-    componentId: "sc-543001e7-4"
+    componentId: "sc-42c76870-4"
 })([
     "margin:var(",
     ");overflow:",
@@ -134,13 +134,13 @@ var Title = _styledcomponents.default.span.withConfig({
 });
 var ContentRight = _styledcomponents.default.div.withConfig({
     displayName: "Tree.styles__ContentRight",
-    componentId: "sc-543001e7-5"
+    componentId: "sc-42c76870-5"
 })([
     "line-height:0;"
 ]);
 var Line = _styledcomponents.default.div.withConfig({
     displayName: "Tree.styles__Line",
-    componentId: "sc-543001e7-6"
+    componentId: "sc-42c76870-6"
 })([
     "left:",
     "px;right:0;position:absolute;z-index:1;height:0.125rem;background-color:var(",
@@ -151,8 +151,7 @@ var Line = _styledcomponents.default.div.withConfig({
 }, _Treetokens.treeTokens.itemDraggableLineColor);
 var base = (0, _styledcomponents.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(",
@@ -213,4 +212,4 @@ var base = (0, _styledcomponents.css)([
     ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize{color:var(",
     ");}.rc-tree-indent-unit{width:var(",
     ");}"
-], _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemHeight, _Treetokens.classes.treeTightVariant, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.classes.treeLeafNode, _Treetokens.treeTokens.itemDraggableBorderColor, _Treetokens.treeTokens.color, _Treetokens.classes.treeRadioMode, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.iconFolderColor, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemDisabledOpacity, _Treetokens.classes.treeItemFilled, _Treetokens.classes.treeItemHasSelectedChildren, _Treetokens.treeTokens.colorSelected, _Treetokens.classes.treeItemHasSelectedChildren, _Treetokens.treeTokens.colorSelected, _Treetokens.classes.treeItemPrimaryBackground, _Treetokens.treeTokens.itemBackgroundColorPrimary, _Treetokens.treeTokens.itemBackgroundColorSelected, _Treetokens.classes.treeRadioMode, _Treetokens.treeTokens.itemBackgroundColorHover, _Treetokens.classes.treeRadioMode, _Treetokens.treeTokens.itemBackgroundColorActive, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.switcherMargin, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.classes.treeInverted, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderColor, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.itemDisabledBorderColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.color, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight, _Treetokens.classes.treeInverted, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.colorSelected, _Treetokens.treeTokens.itemDisabledColor, _Treetokens.treeTokens.colorSelected, _Treetokens.treeTokens.itemDisabledColor, _Treetokens.treeTokens.itemIndent);
+], _Treetokens.treeTokens.itemPadding, _Treetokens.classes.treeTightVariant, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.classes.treeLeafNode, _Treetokens.treeTokens.itemDraggableBorderColor, _Treetokens.treeTokens.color, _Treetokens.classes.treeRadioMode, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.iconFolderColor, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemDisabledOpacity, _Treetokens.classes.treeItemFilled, _Treetokens.classes.treeItemHasSelectedChildren, _Treetokens.treeTokens.colorSelected, _Treetokens.classes.treeItemHasSelectedChildren, _Treetokens.treeTokens.colorSelected, _Treetokens.classes.treeItemPrimaryBackground, _Treetokens.treeTokens.itemBackgroundColorPrimary, _Treetokens.treeTokens.itemBackgroundColorSelected, _Treetokens.classes.treeRadioMode, _Treetokens.treeTokens.itemBackgroundColorHover, _Treetokens.classes.treeRadioMode, _Treetokens.treeTokens.itemBackgroundColorActive, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.switcherMargin, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.classes.treeInverted, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderColor, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.itemDisabledBorderColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.color, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight, _Treetokens.classes.treeInverted, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.colorSelected, _Treetokens.treeTokens.itemDisabledColor, _Treetokens.treeTokens.colorSelected, _Treetokens.treeTokens.itemDisabledColor, _Treetokens.treeTokens.itemIndent);

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

@@ -498,13 +498,15 @@ var config = {
         readOnly: {
             true: (0, _styledcomponents.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);"
-            ], _Autocomplete.autocompleteTokens.textFieldColorReadOnly, _Autocomplete.autocompleteTokens.textFieldBackgroundColorReadOnly, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorReadOnly, _Autocomplete.autocompleteTokens.textFieldLeftHelperColorReadOnly, _Autocomplete.autocompleteTokens.textFieldLabelColorReadOnly, _Autocomplete.autocompleteTokens.textFieldDividerColorReadOnly)
+            ], _Autocomplete.autocompleteTokens.textFieldColorReadOnly, _Autocomplete.autocompleteTokens.textFieldReadOnlyOpacity, _Autocomplete.autocompleteTokens.textFieldContentSlotRightOpacityReadOnly, _Autocomplete.autocompleteTokens.textFieldBackgroundColorReadOnly, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorReadOnly, _Autocomplete.autocompleteTokens.textFieldLeftHelperColorReadOnly, _Autocomplete.autocompleteTokens.textFieldLabelColorReadOnly, _Autocomplete.autocompleteTokens.textFieldDividerColorReadOnly)
         }
     }
 };

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

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

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

@@ -511,13 +511,18 @@ var config = {
             true: (0, _styledcomponents.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);"
-            ], _DatePicker.datePickerTokens.backgroundReadOnly, _DatePicker.datePickerTokens.labelColorReadOnly, _DatePicker.datePickerTokens.leftHelperColorReadOnly, _DatePicker.datePickerTokens.dividerColorReadOnly, _DatePicker.datePickerTokens.textFieldColorReadOnly, _DatePicker.datePickerTokens.textFieldBackgroundColorReadOnly, _DatePicker.datePickerTokens.textFieldPlaceholderColorReadOnly)
+                ":var(--text-secondary);",
+                ":0.4;",
+                ":0.4;",
+                ":0.1;",
+                ":0.1;"
+            ], _DatePicker.datePickerTokens.backgroundReadOnly, _DatePicker.datePickerTokens.labelColorReadOnly, _DatePicker.datePickerTokens.leftHelperColorReadOnly, _DatePicker.datePickerTokens.dividerColorReadOnly, _DatePicker.datePickerTokens.dividerOpacityReadOnly, _DatePicker.datePickerTokens.textFieldColorReadOnly, _DatePicker.datePickerTokens.textFieldBackgroundColorReadOnly, _DatePicker.datePickerTokens.textFieldPlaceholderColorReadOnly, _DatePicker.datePickerTokens.rightContentOpacityReadOnly, _DatePicker.datePickerTokens.textFieldContentSlotRightOpacityReadOnly, _DatePicker.datePickerTokens.textFieldReadOnlyOpacity, _DatePicker.datePickerTokens.rangeReadOnlyOpacity)
         }
     }
 };

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

@@ -290,7 +290,7 @@ 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/cjs/examples/components/Select/Select.config.js

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

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

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

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

@@ -670,15 +670,16 @@ var config = {
         readOnly: {
             true: (0, _styledcomponents.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);"
-            ], _TextField.textFieldTokens.readOnlyOpacity, _TextField.textFieldTokens.colorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _TextField.textFieldTokens.leftHelperColorReadOnly, _TextField.textFieldTokens.titleCaptionColorReadOnly, _TextField.textFieldTokens.labelColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly)
+                ":var(--surface-transparent-primary);",
+                ":0.4;"
+            ], _TextField.textFieldTokens.readOnlyOpacity, _TextField.textFieldTokens.colorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _TextField.textFieldTokens.leftHelperColorReadOnly, _TextField.textFieldTokens.titleCaptionColorReadOnly, _TextField.textFieldTokens.labelColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly)
         }
     }
 };