@salutejs/sdds-serv 0.323.1 → 0.324.0-canary.1906.17821381080.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/CHANGELOG.md +0 -122
  2. package/components/Autocomplete/Autocomplete.config.js +1 -1
  3. package/components/Autocomplete/Autocomplete.config.js.map +1 -1
  4. package/components/Autocomplete/{Autocomplete.config_1wnpkd4.css → Autocomplete.config_4mqo3m.css} +1 -1
  5. package/components/Autocomplete/Autocomplete.css +14 -14
  6. package/components/Avatar/Avatar.d.ts +4 -4
  7. package/components/Combobox/Combobox.config.js +1 -1
  8. package/components/Combobox/Combobox.config.js.map +1 -1
  9. package/components/Combobox/{Combobox.config_1pf0tqr.css → Combobox.config_jxv5tu.css} +1 -1
  10. package/components/Combobox/Combobox.css +14 -14
  11. package/components/DatePicker/DatePicker.config.js +1 -1
  12. package/components/DatePicker/DatePicker.config.js.map +1 -1
  13. package/{es/components/DatePicker/DatePicker.config_9f7fs3.css → components/DatePicker/DatePicker.config_1xui9p8.css} +1 -1
  14. package/components/DatePicker/DatePicker.css +7 -7
  15. package/components/Mask/Mask.css +21 -21
  16. package/components/TextArea/TextArea.config.d.ts +3 -0
  17. package/components/TextArea/TextArea.config.js +5 -2
  18. package/components/TextArea/TextArea.config.js.map +1 -1
  19. package/{es/components/TextArea/TextArea.config_h1vco0.css → components/TextArea/TextArea.config_cvolic.css} +2 -1
  20. package/components/TextArea/TextArea.css +15 -14
  21. package/components/TextArea/TextArea.d.ts +3 -0
  22. package/components/TextField/TextField.config.js +1 -1
  23. package/components/TextField/TextField.config.js.map +1 -1
  24. package/{es/components/TextField/TextField.config_qklg09.css → components/TextField/TextField.config_17m3k27.css} +1 -1
  25. package/emotion/cjs/components/Autocomplete/Autocomplete.config.js +4 -3
  26. package/emotion/cjs/components/Combobox/Combobox.config.js +4 -3
  27. package/emotion/cjs/components/DatePicker/DatePicker.config.js +8 -5
  28. package/emotion/cjs/components/TextArea/TextArea.config.js +19 -2
  29. package/emotion/cjs/components/TextField/TextField.config.js +3 -2
  30. package/emotion/es/components/Autocomplete/Autocomplete.config.js +4 -3
  31. package/emotion/es/components/Combobox/Combobox.config.js +4 -3
  32. package/emotion/es/components/DatePicker/DatePicker.config.js +8 -5
  33. package/emotion/es/components/TextArea/TextArea.config.js +19 -2
  34. package/emotion/es/components/TextField/TextField.config.js +3 -2
  35. package/es/components/Autocomplete/Autocomplete.config.js +1 -1
  36. package/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  37. package/es/components/Autocomplete/{Autocomplete.config_1wnpkd4.css → Autocomplete.config_4mqo3m.css} +1 -1
  38. package/es/components/Autocomplete/Autocomplete.css +14 -14
  39. package/es/components/Combobox/Combobox.config.js +1 -1
  40. package/es/components/Combobox/Combobox.config.js.map +1 -1
  41. package/es/components/Combobox/{Combobox.config_1pf0tqr.css → Combobox.config_jxv5tu.css} +1 -1
  42. package/es/components/Combobox/Combobox.css +14 -14
  43. package/es/components/DatePicker/DatePicker.config.js +1 -1
  44. package/es/components/DatePicker/DatePicker.config.js.map +1 -1
  45. package/{components/DatePicker/DatePicker.config_9f7fs3.css → es/components/DatePicker/DatePicker.config_1xui9p8.css} +1 -1
  46. package/es/components/DatePicker/DatePicker.css +7 -7
  47. package/es/components/Mask/Mask.css +21 -21
  48. package/es/components/TextArea/TextArea.config.js +5 -2
  49. package/es/components/TextArea/TextArea.config.js.map +1 -1
  50. package/{components/TextArea/TextArea.config_h1vco0.css → es/components/TextArea/TextArea.config_cvolic.css} +2 -1
  51. package/es/components/TextArea/TextArea.css +15 -14
  52. package/es/components/TextField/TextField.config.js +1 -1
  53. package/es/components/TextField/TextField.config.js.map +1 -1
  54. package/{components/TextField/TextField.config_qklg09.css → es/components/TextField/TextField.config_17m3k27.css} +1 -1
  55. package/es/index.css +77 -76
  56. package/package.json +7 -7
  57. package/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -3
  58. package/styled-components/cjs/components/Combobox/Combobox.config.js +4 -3
  59. package/styled-components/cjs/components/DatePicker/DatePicker.config.js +8 -5
  60. package/styled-components/cjs/components/TextArea/TextArea.config.js +19 -2
  61. package/styled-components/cjs/components/TextField/TextField.config.js +3 -2
  62. package/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -3
  63. package/styled-components/es/components/Combobox/Combobox.config.js +4 -3
  64. package/styled-components/es/components/DatePicker/DatePicker.config.js +8 -5
  65. package/styled-components/es/components/TextArea/TextArea.config.js +19 -2
  66. package/styled-components/es/components/TextField/TextField.config.js +3 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-serv",
3
- "version": "0.323.1",
3
+ "version": "0.324.0-canary.1906.17821381080.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS SERV web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -32,7 +32,7 @@
32
32
  "directory": "packages/sdds-serv"
33
33
  },
34
34
  "dependencies": {
35
- "@salutejs/plasma-new-hope": "0.336.1",
35
+ "@salutejs/plasma-new-hope": "0.337.0-canary.1906.17821381080.0",
36
36
  "@salutejs/sdds-themes": "0.47.0"
37
37
  },
38
38
  "peerDependencies": {
@@ -63,10 +63,10 @@
63
63
  "@rollup/plugin-commonjs": "^25.0.4",
64
64
  "@rollup/plugin-node-resolve": "^15.1.0",
65
65
  "@salutejs/plasma-colors": "0.16.0",
66
- "@salutejs/plasma-core": "1.208.0",
67
- "@salutejs/plasma-cy-utils": "0.138.0",
68
- "@salutejs/plasma-icons": "1.224.0",
69
- "@salutejs/plasma-sb-utils": "0.208.0",
66
+ "@salutejs/plasma-core": "1.208.0-dev.0",
67
+ "@salutejs/plasma-cy-utils": "0.138.0-dev.0",
68
+ "@salutejs/plasma-icons": "1.224.0-dev.0",
69
+ "@salutejs/plasma-sb-utils": "0.208.0-dev.0",
70
70
  "@storybook/addon-docs": "8.6.14",
71
71
  "@storybook/addon-essentials": "8.6.14",
72
72
  "@storybook/manager-api": "8.6.14",
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "6bd927c5c71e4f2a2dee9a52eb90b9933cc6a451"
140
+ "gitHead": "f55fef36075cbae1561dfabcd37e18860fd09a20"
141
141
  }
package/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -572,11 +572,12 @@ function _templateObject13() {
572
572
  function _templateObject14() {
573
573
  var data = _tagged_template_literal([
574
574
  "\n ",
575
- ": var(--text-secondary);\n ",
575
+ ": var(--text-primary);\n ",
576
+ ": 0.4;\n ",
576
577
  ": var(--surface-transparent-primary);\n ",
577
578
  ": var(--text-secondary);\n ",
578
579
  ": var(--text-secondary);\n ",
579
- ": var(--text-secondary);\n ",
580
+ ": var(--text-primary);\n ",
580
581
  ": var(--surface-transparent-primary);\n "
581
582
  ]);
582
583
  _templateObject14 = function _templateObject() {
@@ -618,7 +619,7 @@ var config = {
618
619
  true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.autocompleteTokens.textFieldDisabledOpacity)
619
620
  },
620
621
  readOnly: {
621
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly, _styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly)
622
+ true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly, _styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly)
622
623
  }
623
624
  }
624
625
  };
package/styled-components/cjs/components/Combobox/Combobox.config.js CHANGED
@@ -760,11 +760,12 @@ function _templateObject13() {
760
760
  function _templateObject14() {
761
761
  var data = _tagged_template_literal([
762
762
  "\n ",
763
- ": var(--text-secondary);\n ",
763
+ ": var(--text-primary);\n ",
764
+ ": 0.4;\n ",
764
765
  ": var(--surface-transparent-primary);\n ",
765
766
  ": var(--text-secondary);\n ",
766
767
  ": var(--text-secondary);\n ",
767
- ": var(--text-secondary);\n "
768
+ ": var(--text-primary);\n "
768
769
  ]);
769
770
  _templateObject14 = function _templateObject() {
770
771
  return data;
@@ -805,7 +806,7 @@ var config = {
805
806
  true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.comboboxNewTokens.textFieldDisabledOpacity)
806
807
  },
807
808
  readOnly: {
808
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly)
809
+ true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly)
809
810
  }
810
811
  }
811
812
  };
package/styled-components/cjs/components/DatePicker/DatePicker.config.js CHANGED
@@ -544,12 +544,15 @@ function _templateObject6() {
544
544
  var data = _tagged_template_literal([
545
545
  "\n ",
546
546
  ": var(--surface-transparent-primary);\n ",
547
- ": var(--text-secondary);\n ",
548
- ": var(--text-secondary);\n ",
547
+ ": var(--text-primary);\n ",
549
548
  ": var(--text-secondary);\n\n ",
550
- ": var(--text-secondary);\n ",
549
+ ": var(--text-primary);\n ",
550
+ ": 0.4;\n\n ",
551
+ ": var(--text-primary);\n ",
551
552
  ": var(--surface-transparent-primary);\n ",
552
- ": var(--text-secondary);\n "
553
+ ": var(--text-secondary);\n\n ",
554
+ ": 0.4;\n ",
555
+ ": 0.4;\n "
553
556
  ]);
554
557
  _templateObject6 = function _templateObject() {
555
558
  return data;
@@ -575,7 +578,7 @@ var config = {
575
578
  true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.datePickerTokens.disabledOpacity)
576
579
  },
577
580
  readOnly: {
578
- true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.datePickerTokens.backgroundReadOnly, _styledcomponents.datePickerTokens.labelColorReadOnly, _styledcomponents.datePickerTokens.leftHelperColorReadOnly, _styledcomponents.datePickerTokens.dividerColorReadOnly, _styledcomponents.datePickerTokens.textFieldColorReadOnly, _styledcomponents.datePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.datePickerTokens.textFieldPlaceholderColorReadOnly)
581
+ true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.datePickerTokens.backgroundReadOnly, _styledcomponents.datePickerTokens.labelColorReadOnly, _styledcomponents.datePickerTokens.leftHelperColorReadOnly, _styledcomponents.datePickerTokens.dividerColorReadOnly, _styledcomponents.datePickerTokens.dividerOpacityReadOnly, _styledcomponents.datePickerTokens.textFieldColorReadOnly, _styledcomponents.datePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.datePickerTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.datePickerTokens.rightContentOpacityReadOnly, _styledcomponents.datePickerTokens.textFieldContentSlotRightOpacityReadOnly)
579
582
  }
580
583
  }
581
584
  };
package/styled-components/cjs/components/TextArea/TextArea.config.js CHANGED
@@ -663,6 +663,20 @@ function _templateObject13() {
663
663
  return data;
664
664
  }
665
665
  function _templateObject14() {
666
+ var data = _tagged_template_literal([
667
+ "\n ",
668
+ ": 0.4;\n ",
669
+ ": var(--surface-transparent-primary);\n ",
670
+ ": var(--text-primary);\n ",
671
+ ": var(--surface-transparent-primary);\n ",
672
+ ": 0.4;\n "
673
+ ]);
674
+ _templateObject14 = function _templateObject() {
675
+ return data;
676
+ };
677
+ return data;
678
+ }
679
+ function _templateObject15() {
666
680
  var data = _tagged_template_literal([
667
681
  "\n ",
668
682
  ": 0.4;\n ",
@@ -670,7 +684,7 @@ function _templateObject14() {
670
684
  ": var(--surface-transparent-primary);\n ",
671
685
  ": var(--text-secondary);\n "
672
686
  ]);
673
- _templateObject14 = function _templateObject() {
687
+ _templateObject15 = function _templateObject() {
674
688
  return data;
675
689
  };
676
690
  return data;
@@ -708,8 +722,11 @@ var config = {
708
722
  clear: {
709
723
  true: (0, _styledcomponents.css)(_templateObject13())
710
724
  },
725
+ readOnly: {
726
+ true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.textAreaTokens.readOnlyOpacity, _styledcomponents.textAreaTokens.backgroundColorReadOnly, _styledcomponents.textAreaTokens.inputColorReadOnly, _styledcomponents.textAreaTokens.dividerColorReadOnly, _styledcomponents.textAreaTokens.contentSlotRightOpacityReadOnly)
727
+ },
711
728
  disabled: {
712
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.textAreaTokens.disabledOpacity, _styledcomponents.textAreaTokens.inputColorDisabled, _styledcomponents.textAreaTokens.dividerColorReadOnly, _styledcomponents.textAreaTokens.titleCaptionColorReadOnly)
729
+ true: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.textAreaTokens.disabledOpacity, _styledcomponents.textAreaTokens.inputColorDisabled, _styledcomponents.textAreaTokens.dividerColorReadOnly, _styledcomponents.textAreaTokens.titleCaptionColorReadOnly)
713
730
  }
714
731
  }
715
732
  };
package/styled-components/cjs/components/TextField/TextField.config.js CHANGED
@@ -795,7 +795,8 @@ function _templateObject22() {
795
795
  ": var(--text-secondary);\n ",
796
796
  ": var(--text-secondary);\n ",
797
797
  ": var(--text-primary);\n ",
798
- ": var(--surface-transparent-primary);\n "
798
+ ": var(--surface-transparent-primary);\n ",
799
+ ": 0.4;\n "
799
800
  ]);
800
801
  _templateObject22 = function _templateObject() {
801
802
  return data;
@@ -849,7 +850,7 @@ var config = {
849
850
  true: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.textFieldTokens.disabledOpacity)
850
851
  },
851
852
  readOnly: {
852
- true: (0, _styledcomponents.css)(_templateObject22(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly)
853
+ true: (0, _styledcomponents.css)(_templateObject22(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly)
853
854
  }
854
855
  }
855
856
  };
package/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -561,11 +561,12 @@ function _templateObject13() {
561
561
  function _templateObject14() {
562
562
  var data = _tagged_template_literal([
563
563
  "\n ",
564
- ": var(--text-secondary);\n ",
564
+ ": var(--text-primary);\n ",
565
+ ": 0.4;\n ",
565
566
  ": var(--surface-transparent-primary);\n ",
566
567
  ": var(--text-secondary);\n ",
567
568
  ": var(--text-secondary);\n ",
568
- ": var(--text-secondary);\n ",
569
+ ": var(--text-primary);\n ",
569
570
  ": var(--surface-transparent-primary);\n "
570
571
  ]);
571
572
  _templateObject14 = function _templateObject() {
@@ -608,7 +609,7 @@ export var config = {
608
609
  true: css(_templateObject13(), tokens.textFieldDisabledOpacity)
609
610
  },
610
611
  readOnly: {
611
- true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
612
+ true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
612
613
  }
613
614
  }
614
615
  };
package/styled-components/es/components/Combobox/Combobox.config.js CHANGED
@@ -749,11 +749,12 @@ function _templateObject13() {
749
749
  function _templateObject14() {
750
750
  var data = _tagged_template_literal([
751
751
  "\n ",
752
- ": var(--text-secondary);\n ",
752
+ ": var(--text-primary);\n ",
753
+ ": 0.4;\n ",
753
754
  ": var(--surface-transparent-primary);\n ",
754
755
  ": var(--text-secondary);\n ",
755
756
  ": var(--text-secondary);\n ",
756
- ": var(--text-secondary);\n "
757
+ ": var(--text-primary);\n "
757
758
  ]);
758
759
  _templateObject14 = function _templateObject() {
759
760
  return data;
@@ -795,7 +796,7 @@ export var config = {
795
796
  true: css(_templateObject13(), tokens.textFieldDisabledOpacity)
796
797
  },
797
798
  readOnly: {
798
- true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
799
+ true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
799
800
  }
800
801
  }
801
802
  };
package/styled-components/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -533,12 +533,15 @@ function _templateObject6() {
533
533
  var data = _tagged_template_literal([
534
534
  "\n ",
535
535
  ": var(--surface-transparent-primary);\n ",
536
- ": var(--text-secondary);\n ",
537
- ": var(--text-secondary);\n ",
536
+ ": var(--text-primary);\n ",
538
537
  ": var(--text-secondary);\n\n ",
539
- ": var(--text-secondary);\n ",
538
+ ": var(--text-primary);\n ",
539
+ ": 0.4;\n\n ",
540
+ ": var(--text-primary);\n ",
540
541
  ": var(--surface-transparent-primary);\n ",
541
- ": var(--text-secondary);\n "
542
+ ": var(--text-secondary);\n\n ",
543
+ ": 0.4;\n ",
544
+ ": 0.4;\n "
542
545
  ]);
543
546
  _templateObject6 = function _templateObject() {
544
547
  return data;
@@ -565,7 +568,7 @@ export var config = {
565
568
  true: css(_templateObject5(), tokens.disabledOpacity)
566
569
  },
567
570
  readOnly: {
568
- true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
571
+ true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly)
569
572
  }
570
573
  }
571
574
  };
package/styled-components/es/components/TextArea/TextArea.config.js CHANGED
@@ -652,6 +652,20 @@ function _templateObject13() {
652
652
  return data;
653
653
  }
654
654
  function _templateObject14() {
655
+ var data = _tagged_template_literal([
656
+ "\n ",
657
+ ": 0.4;\n ",
658
+ ": var(--surface-transparent-primary);\n ",
659
+ ": var(--text-primary);\n ",
660
+ ": var(--surface-transparent-primary);\n ",
661
+ ": 0.4;\n "
662
+ ]);
663
+ _templateObject14 = function _templateObject() {
664
+ return data;
665
+ };
666
+ return data;
667
+ }
668
+ function _templateObject15() {
655
669
  var data = _tagged_template_literal([
656
670
  "\n ",
657
671
  ": 0.4;\n ",
@@ -659,7 +673,7 @@ function _templateObject14() {
659
673
  ": var(--surface-transparent-primary);\n ",
660
674
  ": var(--text-secondary);\n "
661
675
  ]);
662
- _templateObject14 = function _templateObject() {
676
+ _templateObject15 = function _templateObject() {
663
677
  return data;
664
678
  };
665
679
  return data;
@@ -698,8 +712,11 @@ export var config = {
698
712
  clear: {
699
713
  true: css(_templateObject13())
700
714
  },
715
+ readOnly: {
716
+ true: css(_templateObject14(), textAreaTokens.readOnlyOpacity, textAreaTokens.backgroundColorReadOnly, textAreaTokens.inputColorReadOnly, textAreaTokens.dividerColorReadOnly, textAreaTokens.contentSlotRightOpacityReadOnly)
717
+ },
701
718
  disabled: {
702
- true: css(_templateObject14(), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly, textAreaTokens.titleCaptionColorReadOnly)
719
+ true: css(_templateObject15(), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly, textAreaTokens.titleCaptionColorReadOnly)
703
720
  }
704
721
  }
705
722
  };
package/styled-components/es/components/TextField/TextField.config.js CHANGED
@@ -784,7 +784,8 @@ function _templateObject22() {
784
784
  ": var(--text-secondary);\n ",
785
785
  ": var(--text-secondary);\n ",
786
786
  ": var(--text-primary);\n ",
787
- ": var(--surface-transparent-primary);\n "
787
+ ": var(--surface-transparent-primary);\n ",
788
+ ": 0.4;\n "
788
789
  ]);
789
790
  _templateObject22 = function _templateObject() {
790
791
  return data;
@@ -839,7 +840,7 @@ export var config = {
839
840
  true: css(_templateObject21(), tokens.disabledOpacity)
840
841
  },
841
842
  readOnly: {
842
- true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly)
843
+ true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
843
844
  }
844
845
  }
845
846
  };