@salutejs/plasma-web 1.602.0-canary.2402.20434660970.0 → 1.602.0-canary.2402.20454508584.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 (55) hide show
  1. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  2. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -1
  3. package/dist/css/cjs/components/Autocomplete/{Autocomplete.config_tm91jp.css → Autocomplete.config_vreqgt.css} +1 -1
  4. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +14 -14
  5. package/dist/css/cjs/components/Combobox/Combobox.config.js +1 -1
  6. package/dist/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
  7. package/dist/css/cjs/components/Combobox/{Combobox.config_1cx644q.css → Combobox.config_15idlzj.css} +1 -1
  8. package/dist/css/cjs/components/Combobox/Combobox.css +14 -14
  9. package/dist/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
  10. package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
  11. package/dist/css/{es/components/DatePicker/DatePicker.config_4mc9qv.css → cjs/components/DatePicker/DatePicker.config_4328ph.css} +1 -1
  12. package/dist/css/cjs/components/DatePicker/DatePicker.css +9 -9
  13. package/dist/css/cjs/components/Mask/Mask.css +21 -21
  14. package/dist/css/cjs/components/Select/Select.config.js +1 -1
  15. package/dist/css/cjs/components/Select/Select.config.js.map +1 -1
  16. package/dist/css/{es/components/Select/Select.config_vsd8cb.css → cjs/components/Select/Select.config_9780jh.css} +1 -1
  17. package/dist/css/cjs/components/Select/Select.css +23 -23
  18. package/dist/css/cjs/components/TextField/TextField.config.js +1 -1
  19. package/dist/css/cjs/components/TextField/TextField.config.js.map +1 -1
  20. package/dist/css/cjs/components/TextField/{TextField.config_1cwmi74.css → TextField.config_1n4dh05.css} +1 -1
  21. package/dist/css/cjs/index.css +85 -85
  22. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
  23. package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  24. package/dist/css/es/components/Autocomplete/{Autocomplete.config_tm91jp.css → Autocomplete.config_vreqgt.css} +1 -1
  25. package/dist/css/es/components/Autocomplete/Autocomplete.css +14 -14
  26. package/dist/css/es/components/Combobox/Combobox.config.js +1 -1
  27. package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
  28. package/dist/css/es/components/Combobox/{Combobox.config_1cx644q.css → Combobox.config_15idlzj.css} +1 -1
  29. package/dist/css/es/components/Combobox/Combobox.css +14 -14
  30. package/dist/css/es/components/DatePicker/DatePicker.config.js +1 -1
  31. package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
  32. package/dist/css/{cjs/components/DatePicker/DatePicker.config_4mc9qv.css → es/components/DatePicker/DatePicker.config_4328ph.css} +1 -1
  33. package/dist/css/es/components/DatePicker/DatePicker.css +9 -9
  34. package/dist/css/es/components/Mask/Mask.css +21 -21
  35. package/dist/css/es/components/Select/Select.config.js +1 -1
  36. package/dist/css/es/components/Select/Select.config.js.map +1 -1
  37. package/dist/css/{cjs/components/Select/Select.config_vsd8cb.css → es/components/Select/Select.config_9780jh.css} +1 -1
  38. package/dist/css/es/components/Select/Select.css +23 -23
  39. package/dist/css/es/components/TextField/TextField.config.js +1 -1
  40. package/dist/css/es/components/TextField/TextField.config.js.map +1 -1
  41. package/dist/css/es/components/TextField/{TextField.config_1cwmi74.css → TextField.config_1n4dh05.css} +1 -1
  42. package/dist/css/es/index.css +85 -85
  43. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +4 -2
  44. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +4 -2
  45. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +4 -2
  46. package/dist/styled-components/cjs/components/Select/Select.config.js +4 -2
  47. package/dist/styled-components/cjs/components/TextField/TextField.config.js +4 -2
  48. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +4 -2
  49. package/dist/styled-components/es/components/Combobox/Combobox.config.js +4 -2
  50. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +4 -2
  51. package/dist/styled-components/es/components/Select/Select.config.js +4 -2
  52. package/dist/styled-components/es/components/TextField/TextField.config.js +4 -2
  53. package/package.json +7 -7
  54. package/types/components/Combobox/Combobox.d.ts +24 -0
  55. package/types/components/Select/Select.d.ts +6 -0
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -596,7 +596,9 @@ function _templateObject14() {
596
596
  ": var(--text-secondary);\n ",
597
597
  ": var(--text-secondary);\n ",
598
598
  ": var(--text-primary);\n ",
599
- ": var(--surface-transparent-primary);\n "
599
+ ": var(--surface-transparent-primary);\n ",
600
+ ": transparent;\n ",
601
+ ": 0;\n "
600
602
  ]);
601
603
  _templateObject14 = function _templateObject() {
602
604
  return data;
@@ -637,7 +639,7 @@ var config = {
637
639
  true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.autocompleteTokens.textFieldDisabledOpacity)
638
640
  },
639
641
  readOnly: {
640
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldReadOnlyOpacity, _styledcomponents.autocompleteTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly, _styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly)
642
+ true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldReadOnlyOpacity, _styledcomponents.autocompleteTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly, _styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderWidth)
641
643
  }
642
644
  }
643
645
  };
package/dist/styled-components/cjs/components/Combobox/Combobox.config.js CHANGED
@@ -798,7 +798,9 @@ function _templateObject14() {
798
798
  ": var(--text-secondary);\n ",
799
799
  ": var(--text-secondary);\n ",
800
800
  ": var(--text-primary);\n ",
801
- ": 0.4;\n "
801
+ ": 0.4;\n ",
802
+ ": transparent;\n ",
803
+ ": 0;\n "
802
804
  ]);
803
805
  _templateObject14 = function _templateObject() {
804
806
  return data;
@@ -839,7 +841,7 @@ var config = {
839
841
  true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.comboboxNewTokens.textFieldDisabledOpacity)
840
842
  },
841
843
  readOnly: {
842
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBorderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightOpacityReadOnly)
844
+ true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBorderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderWidth)
843
845
  }
844
846
  }
845
847
  };
package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js CHANGED
@@ -636,7 +636,9 @@ function _templateObject8() {
636
636
  ": 0.4;\n ",
637
637
  ": 0.4;\n ",
638
638
  ": 0.1;\n ",
639
- ": 0.1;\n "
639
+ ": 0.1;\n\n ",
640
+ ": transparent;\n ",
641
+ ": 0;\n "
640
642
  ]);
641
643
  _templateObject8 = function _templateObject() {
642
644
  return data;
@@ -666,7 +668,7 @@ var config = {
666
668
  true: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.datePickerTokens.disabledOpacity)
667
669
  },
668
670
  readOnly: {
669
- true: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.datePickerTokens.backgroundReadOnly, _styledcomponents.datePickerTokens.borderColorReadOnly, _styledcomponents.datePickerTokens.textFieldBorderColorReadOnly, _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, _styledcomponents.datePickerTokens.textFieldReadOnlyOpacity, _styledcomponents.datePickerTokens.rangeReadOnlyOpacity)
671
+ true: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.datePickerTokens.backgroundReadOnly, _styledcomponents.datePickerTokens.borderColorReadOnly, _styledcomponents.datePickerTokens.textFieldBorderColorReadOnly, _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, _styledcomponents.datePickerTokens.textFieldReadOnlyOpacity, _styledcomponents.datePickerTokens.rangeReadOnlyOpacity, _styledcomponents.datePickerTokens.borderColor, _styledcomponents.datePickerTokens.borderWidth)
670
672
  }
671
673
  }
672
674
  };
package/dist/styled-components/cjs/components/Select/Select.config.js CHANGED
@@ -1014,7 +1014,9 @@ function _templateObject23() {
1014
1014
  ": var(--text-secondary);\n ",
1015
1015
  ": var(--text-secondary);\n ",
1016
1016
  ": var(--text-primary);\n ",
1017
- ": var(--surface-transparent-primary);\n "
1017
+ ": var(--surface-transparent-primary);\n ",
1018
+ ": transparent;\n ",
1019
+ ": 0;\n "
1018
1020
  ]);
1019
1021
  _templateObject23 = function _templateObject() {
1020
1022
  return data;
@@ -1067,7 +1069,7 @@ var config = {
1067
1069
  true: (0, _styledcomponents.css)(_templateObject22(), _styledcomponents.selectTokens.textFieldDisabledOpacity)
1068
1070
  },
1069
1071
  readOnly: {
1070
- true: (0, _styledcomponents.css)(_templateObject23(), _styledcomponents.selectTokens.disclosureIconOpacityReadOnly, _styledcomponents.selectTokens.textFieldReadOnlyOpacity, _styledcomponents.selectTokens.textFieldColorReadOnly, _styledcomponents.selectTokens.textFieldBackgroundColorReadOnly, _styledcomponents.selectTokens.textFieldBorderColorReadOnly, _styledcomponents.selectTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.selectTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.selectTokens.textFieldTitleCaptionColorReadOnly, _styledcomponents.selectTokens.textFieldLabelColorReadOnly, _styledcomponents.selectTokens.textFieldDividerColorReadOnly)
1072
+ true: (0, _styledcomponents.css)(_templateObject23(), _styledcomponents.selectTokens.disclosureIconOpacityReadOnly, _styledcomponents.selectTokens.textFieldReadOnlyOpacity, _styledcomponents.selectTokens.textFieldColorReadOnly, _styledcomponents.selectTokens.textFieldBackgroundColorReadOnly, _styledcomponents.selectTokens.textFieldBorderColorReadOnly, _styledcomponents.selectTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.selectTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.selectTokens.textFieldTitleCaptionColorReadOnly, _styledcomponents.selectTokens.textFieldLabelColorReadOnly, _styledcomponents.selectTokens.textFieldDividerColorReadOnly, _styledcomponents.selectTokens.textFieldBorderColor, _styledcomponents.selectTokens.textFieldBorderWidth)
1071
1073
  }
1072
1074
  }
1073
1075
  };
package/dist/styled-components/cjs/components/TextField/TextField.config.js CHANGED
@@ -769,7 +769,9 @@ function _templateObject21() {
769
769
  ": var(--text-secondary);\n ",
770
770
  ": var(--text-primary);\n ",
771
771
  ": var(--surface-transparent-primary);\n ",
772
- ": 0.4;\n "
772
+ ": 0.4;\n ",
773
+ ": transparent;\n ",
774
+ ": 0;\n "
773
775
  ]);
774
776
  _templateObject21 = function _templateObject() {
775
777
  return data;
@@ -819,7 +821,7 @@ var config = {
819
821
  true: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.textFieldTokens.disabledOpacity)
820
822
  },
821
823
  readOnly: {
822
- true: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.borderColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly)
824
+ true: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.borderColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderWidth)
823
825
  }
824
826
  }
825
827
  };
package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -585,7 +585,9 @@ function _templateObject14() {
585
585
  ": var(--text-secondary);\n ",
586
586
  ": var(--text-secondary);\n ",
587
587
  ": var(--text-primary);\n ",
588
- ": var(--surface-transparent-primary);\n "
588
+ ": var(--surface-transparent-primary);\n ",
589
+ ": transparent;\n ",
590
+ ": 0;\n "
589
591
  ]);
590
592
  _templateObject14 = function _templateObject() {
591
593
  return data;
@@ -627,7 +629,7 @@ export var config = {
627
629
  true: css(_templateObject13(), tokens.textFieldDisabledOpacity)
628
630
  },
629
631
  readOnly: {
630
- true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
632
+ true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
631
633
  }
632
634
  }
633
635
  };
package/dist/styled-components/es/components/Combobox/Combobox.config.js CHANGED
@@ -787,7 +787,9 @@ function _templateObject14() {
787
787
  ": var(--text-secondary);\n ",
788
788
  ": var(--text-secondary);\n ",
789
789
  ": var(--text-primary);\n ",
790
- ": 0.4;\n "
790
+ ": 0.4;\n ",
791
+ ": transparent;\n ",
792
+ ": 0;\n "
791
793
  ]);
792
794
  _templateObject14 = function _templateObject() {
793
795
  return data;
@@ -829,7 +831,7 @@ export var config = {
829
831
  true: css(_templateObject13(), tokens.textFieldDisabledOpacity)
830
832
  },
831
833
  readOnly: {
832
- true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly)
834
+ true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
833
835
  }
834
836
  }
835
837
  };
package/dist/styled-components/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -625,7 +625,9 @@ function _templateObject8() {
625
625
  ": 0.4;\n ",
626
626
  ": 0.4;\n ",
627
627
  ": 0.1;\n ",
628
- ": 0.1;\n "
628
+ ": 0.1;\n\n ",
629
+ ": transparent;\n ",
630
+ ": 0;\n "
629
631
  ]);
630
632
  _templateObject8 = function _templateObject() {
631
633
  return data;
@@ -656,7 +658,7 @@ export var config = {
656
658
  true: css(_templateObject7(), tokens.disabledOpacity)
657
659
  },
658
660
  readOnly: {
659
- true: css(_templateObject8(), tokens.backgroundReadOnly, tokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.rangeReadOnlyOpacity)
661
+ true: css(_templateObject8(), tokens.backgroundReadOnly, tokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.rangeReadOnlyOpacity, tokens.borderColor, tokens.borderWidth)
660
662
  }
661
663
  }
662
664
  };
package/dist/styled-components/es/components/Select/Select.config.js CHANGED
@@ -1003,7 +1003,9 @@ function _templateObject23() {
1003
1003
  ": var(--text-secondary);\n ",
1004
1004
  ": var(--text-secondary);\n ",
1005
1005
  ": var(--text-primary);\n ",
1006
- ": var(--surface-transparent-primary);\n "
1006
+ ": var(--surface-transparent-primary);\n ",
1007
+ ": transparent;\n ",
1008
+ ": 0;\n "
1007
1009
  ]);
1008
1010
  _templateObject23 = function _templateObject() {
1009
1011
  return data;
@@ -1057,7 +1059,7 @@ export var config = {
1057
1059
  true: css(_templateObject22(), tokens.textFieldDisabledOpacity)
1058
1060
  },
1059
1061
  readOnly: {
1060
- true: css(_templateObject23(), tokens.disclosureIconOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldTitleCaptionColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
1062
+ true: css(_templateObject23(), tokens.disclosureIconOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldTitleCaptionColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
1061
1063
  }
1062
1064
  }
1063
1065
  };
package/dist/styled-components/es/components/TextField/TextField.config.js CHANGED
@@ -758,7 +758,9 @@ function _templateObject21() {
758
758
  ": var(--text-secondary);\n ",
759
759
  ": var(--text-primary);\n ",
760
760
  ": var(--surface-transparent-primary);\n ",
761
- ": 0.4;\n "
761
+ ": 0.4;\n ",
762
+ ": transparent;\n ",
763
+ ": 0;\n "
762
764
  ]);
763
765
  _templateObject21 = function _templateObject() {
764
766
  return data;
@@ -809,7 +811,7 @@ export var config = {
809
811
  true: css(_templateObject20(), tokens.disabledOpacity)
810
812
  },
811
813
  readOnly: {
812
- true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
814
+ true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly, tokens.borderColor, tokens.borderWidth)
813
815
  }
814
816
  }
815
817
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-web",
3
- "version": "1.602.0-canary.2402.20434660970.0",
3
+ "version": "1.602.0-canary.2402.20454508584.0",
4
4
  "description": "Salute Design System / React UI kit for web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "exports": {
@@ -32,9 +32,9 @@
32
32
  "directory": "packages/plasma-web"
33
33
  },
34
34
  "dependencies": {
35
- "@salutejs/plasma-core": "1.212.0-canary.2402.20434660970.0",
36
- "@salutejs/plasma-hope": "1.358.0-canary.2402.20434660970.0",
37
- "@salutejs/plasma-new-hope": "0.344.0-canary.2402.20434660970.0",
35
+ "@salutejs/plasma-core": "1.212.0-canary.2402.20454508584.0",
36
+ "@salutejs/plasma-hope": "1.358.0-canary.2402.20454508584.0",
37
+ "@salutejs/plasma-new-hope": "0.344.0-canary.2402.20454508584.0",
38
38
  "@salutejs/plasma-themes": "0.38.0",
39
39
  "@salutejs/plasma-tokens-b2b": "1.54.0",
40
40
  "@salutejs/plasma-tokens-b2c": "0.65.0",
@@ -62,9 +62,9 @@
62
62
  "@rollup/plugin-commonjs": "25.0.7",
63
63
  "@rollup/plugin-node-resolve": "15.2.3",
64
64
  "@salutejs/plasma-colors": "0.16.0",
65
- "@salutejs/plasma-cy-utils": "0.142.0-canary.2402.20434660970.0",
65
+ "@salutejs/plasma-cy-utils": "0.142.0-canary.2402.20454508584.0",
66
66
  "@salutejs/plasma-icons": "1.228.0",
67
- "@salutejs/plasma-sb-utils": "0.212.0-canary.2402.20434660970.0",
67
+ "@salutejs/plasma-sb-utils": "0.212.0-canary.2402.20454508584.0",
68
68
  "@types/node": "16.7.13",
69
69
  "@types/react": "18.0.28",
70
70
  "@types/react-dom": "18.0.11",
@@ -117,5 +117,5 @@
117
117
  "sideEffects": [
118
118
  "*.css"
119
119
  ],
120
- "gitHead": "1cac9145df09ff1dbb383c62aa9792b3c9a6b87a"
120
+ "gitHead": "5713b91d12c8e55741ad03ca2b4b891a2e3ac6c1"
121
121
  }
package/types/components/Combobox/Combobox.d.ts CHANGED
@@ -39,6 +39,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
39
39
  placeholder?: string;
40
40
  helperText?: string;
41
41
  contentLeft?: React.ReactElement;
42
+ contentRight?: React.ReactElement;
42
43
  textBefore?: string;
43
44
  textAfter?: string;
44
45
  variant?: "normal" | "tight";
@@ -98,6 +99,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
98
99
  placeholder?: string;
99
100
  helperText?: string;
100
101
  contentLeft?: React.ReactElement;
102
+ contentRight?: React.ReactElement;
101
103
  textBefore?: string;
102
104
  textAfter?: string;
103
105
  variant?: "normal" | "tight";
@@ -157,6 +159,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
157
159
  placeholder?: string;
158
160
  helperText?: string;
159
161
  contentLeft?: React.ReactElement;
162
+ contentRight?: React.ReactElement;
160
163
  textBefore?: string;
161
164
  textAfter?: string;
162
165
  variant?: "normal" | "tight";
@@ -216,6 +219,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
216
219
  placeholder?: string;
217
220
  helperText?: string;
218
221
  contentLeft?: React.ReactElement;
222
+ contentRight?: React.ReactElement;
219
223
  textBefore?: string;
220
224
  textAfter?: string;
221
225
  variant?: "normal" | "tight";
@@ -275,6 +279,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
275
279
  placeholder?: string;
276
280
  helperText?: string;
277
281
  contentLeft?: React.ReactElement;
282
+ contentRight?: React.ReactElement;
278
283
  textBefore?: string;
279
284
  textAfter?: string;
280
285
  variant?: "normal" | "tight";
@@ -334,6 +339,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
334
339
  placeholder?: string;
335
340
  helperText?: string;
336
341
  contentLeft?: React.ReactElement;
342
+ contentRight?: React.ReactElement;
337
343
  textBefore?: string;
338
344
  textAfter?: string;
339
345
  variant?: "normal" | "tight";
@@ -393,6 +399,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
393
399
  placeholder?: string;
394
400
  helperText?: string;
395
401
  contentLeft?: React.ReactElement;
402
+ contentRight?: React.ReactElement;
396
403
  textBefore?: string;
397
404
  textAfter?: string;
398
405
  variant?: "normal" | "tight";
@@ -452,6 +459,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
452
459
  placeholder?: string;
453
460
  helperText?: string;
454
461
  contentLeft?: React.ReactElement;
462
+ contentRight?: React.ReactElement;
455
463
  textBefore?: string;
456
464
  textAfter?: string;
457
465
  variant?: "normal" | "tight";
@@ -511,6 +519,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
511
519
  placeholder?: string;
512
520
  helperText?: string;
513
521
  contentLeft?: React.ReactElement;
522
+ contentRight?: React.ReactElement;
514
523
  textBefore?: string;
515
524
  textAfter?: string;
516
525
  variant?: "normal" | "tight";
@@ -570,6 +579,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
570
579
  placeholder?: string;
571
580
  helperText?: string;
572
581
  contentLeft?: React.ReactElement;
582
+ contentRight?: React.ReactElement;
573
583
  textBefore?: string;
574
584
  textAfter?: string;
575
585
  variant?: "normal" | "tight";
@@ -629,6 +639,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
629
639
  placeholder?: string;
630
640
  helperText?: string;
631
641
  contentLeft?: React.ReactElement;
642
+ contentRight?: React.ReactElement;
632
643
  textBefore?: string;
633
644
  textAfter?: string;
634
645
  variant?: "normal" | "tight";
@@ -688,6 +699,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
688
699
  placeholder?: string;
689
700
  helperText?: string;
690
701
  contentLeft?: React.ReactElement;
702
+ contentRight?: React.ReactElement;
691
703
  textBefore?: string;
692
704
  textAfter?: string;
693
705
  variant?: "normal" | "tight";
@@ -747,6 +759,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
747
759
  placeholder?: string;
748
760
  helperText?: string;
749
761
  contentLeft?: React.ReactElement;
762
+ contentRight?: React.ReactElement;
750
763
  textBefore?: string;
751
764
  textAfter?: string;
752
765
  variant?: "normal" | "tight";
@@ -806,6 +819,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
806
819
  placeholder?: string;
807
820
  helperText?: string;
808
821
  contentLeft?: React.ReactElement;
822
+ contentRight?: React.ReactElement;
809
823
  textBefore?: string;
810
824
  textAfter?: string;
811
825
  variant?: "normal" | "tight";
@@ -865,6 +879,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
865
879
  placeholder?: string;
866
880
  helperText?: string;
867
881
  contentLeft?: React.ReactElement;
882
+ contentRight?: React.ReactElement;
868
883
  textBefore?: string;
869
884
  textAfter?: string;
870
885
  variant?: "normal" | "tight";
@@ -924,6 +939,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
924
939
  placeholder?: string;
925
940
  helperText?: string;
926
941
  contentLeft?: React.ReactElement;
942
+ contentRight?: React.ReactElement;
927
943
  textBefore?: string;
928
944
  textAfter?: string;
929
945
  variant?: "normal" | "tight";
@@ -983,6 +999,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
983
999
  placeholder?: string;
984
1000
  helperText?: string;
985
1001
  contentLeft?: React.ReactElement;
1002
+ contentRight?: React.ReactElement;
986
1003
  textBefore?: string;
987
1004
  textAfter?: string;
988
1005
  variant?: "normal" | "tight";
@@ -1042,6 +1059,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1042
1059
  placeholder?: string;
1043
1060
  helperText?: string;
1044
1061
  contentLeft?: React.ReactElement;
1062
+ contentRight?: React.ReactElement;
1045
1063
  textBefore?: string;
1046
1064
  textAfter?: string;
1047
1065
  variant?: "normal" | "tight";
@@ -1101,6 +1119,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1101
1119
  placeholder?: string;
1102
1120
  helperText?: string;
1103
1121
  contentLeft?: React.ReactElement;
1122
+ contentRight?: React.ReactElement;
1104
1123
  textBefore?: string;
1105
1124
  textAfter?: string;
1106
1125
  variant?: "normal" | "tight";
@@ -1160,6 +1179,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1160
1179
  placeholder?: string;
1161
1180
  helperText?: string;
1162
1181
  contentLeft?: React.ReactElement;
1182
+ contentRight?: React.ReactElement;
1163
1183
  textBefore?: string;
1164
1184
  textAfter?: string;
1165
1185
  variant?: "normal" | "tight";
@@ -1219,6 +1239,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1219
1239
  placeholder?: string;
1220
1240
  helperText?: string;
1221
1241
  contentLeft?: React.ReactElement;
1242
+ contentRight?: React.ReactElement;
1222
1243
  textBefore?: string;
1223
1244
  textAfter?: string;
1224
1245
  variant?: "normal" | "tight";
@@ -1278,6 +1299,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1278
1299
  placeholder?: string;
1279
1300
  helperText?: string;
1280
1301
  contentLeft?: React.ReactElement;
1302
+ contentRight?: React.ReactElement;
1281
1303
  textBefore?: string;
1282
1304
  textAfter?: string;
1283
1305
  variant?: "normal" | "tight";
@@ -1337,6 +1359,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1337
1359
  placeholder?: string;
1338
1360
  helperText?: string;
1339
1361
  contentLeft?: React.ReactElement;
1362
+ contentRight?: React.ReactElement;
1340
1363
  textBefore?: string;
1341
1364
  textAfter?: string;
1342
1365
  variant?: "normal" | "tight";
@@ -1396,6 +1419,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1396
1419
  placeholder?: string;
1397
1420
  helperText?: string;
1398
1421
  contentLeft?: React.ReactElement;
1422
+ contentRight?: React.ReactElement;
1399
1423
  textBefore?: string;
1400
1424
  textAfter?: string;
1401
1425
  variant?: "normal" | "tight";
package/types/components/Select/Select.d.ts CHANGED
@@ -57,6 +57,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
57
57
  target?: "textfield-like";
58
58
  view?: "default" | "positive" | "warning" | "negative";
59
59
  contentLeft?: React.ReactNode;
60
+ contentRight?: React.ReactElement;
60
61
  placeholder?: string;
61
62
  helperText?: string;
62
63
  chipType?: "default" | "text";
@@ -118,6 +119,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
118
119
  target?: "textfield-like";
119
120
  view?: "default" | "positive" | "warning" | "negative";
120
121
  contentLeft?: React.ReactNode;
122
+ contentRight?: React.ReactElement;
121
123
  placeholder?: string;
122
124
  helperText?: string;
123
125
  chipType?: "default" | "text";
@@ -180,6 +182,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
180
182
  target?: "textfield-like";
181
183
  view?: "default" | "positive" | "warning" | "negative";
182
184
  contentLeft?: React.ReactNode;
185
+ contentRight?: React.ReactElement;
183
186
  placeholder?: string;
184
187
  helperText?: string;
185
188
  chipType?: "default" | "text";
@@ -241,6 +244,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
241
244
  target?: "textfield-like";
242
245
  view?: "default" | "positive" | "warning" | "negative";
243
246
  contentLeft?: React.ReactNode;
247
+ contentRight?: React.ReactElement;
244
248
  placeholder?: string;
245
249
  helperText?: string;
246
250
  chipType?: "default" | "text";
@@ -291,6 +295,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
291
295
  target: "button-like";
292
296
  view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
293
297
  contentLeft?: never;
298
+ contentRight?: never;
294
299
  placeholder?: never;
295
300
  helperText?: never;
296
301
  chipType?: never;
@@ -340,6 +345,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
340
345
  target: "button-like";
341
346
  view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
342
347
  contentLeft?: never;
348
+ contentRight?: never;
343
349
  placeholder?: never;
344
350
  helperText?: never;
345
351
  chipType?: never;