@salutejs/sdds-dfa 0.322.1 → 0.323.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.
- package/CHANGELOG.md +0 -122
- package/components/Autocomplete/Autocomplete.config.js +4 -3
- package/components/Avatar/Avatar.d.ts +4 -4
- package/components/Combobox/Combobox.config.js +4 -3
- package/components/DatePicker/DatePicker.config.js +8 -5
- package/components/TextArea/TextArea.config.d.ts +3 -0
- package/components/TextArea/TextArea.config.js +19 -2
- package/components/TextArea/TextArea.d.ts +3 -0
- package/components/TextField/TextField.config.js +3 -2
- package/es/components/Autocomplete/Autocomplete.config.js +4 -3
- package/es/components/Combobox/Combobox.config.js +4 -3
- package/es/components/DatePicker/DatePicker.config.js +8 -5
- package/es/components/TextArea/TextArea.config.js +19 -2
- package/es/components/TextField/TextField.config.js +3 -2
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
@@ -1,125 +1,3 @@
|
|
1
|
-
## 0.322.0 (18 сентября 2025)
|
2
|
-
|
3
|
-
## Функциональные изменения в компонентах
|
4
|
-
|
5
|
-
### Drawer
|
6
|
-
|
7
|
-
* исправлен баг, при котором `unmount` компонента не очищал свойство `overflow` у `body`;
|
8
|
-
|
9
|
-
[PR](https://github.com/salute-developers/plasma/pull/2208)
|
10
|
-
|
11
|
-
* добавлена возможность задавать кастомные анимации в компоненте
|
12
|
-
|
13
|
-
[PR](https://github.com/salute-developers/plasma/pull/2222)
|
14
|
-
|
15
|
-
### Autocomplete
|
16
|
-
|
17
|
-
* добавлен дженерик для гибкой настройки `SuggestionItem`;
|
18
|
-
|
19
|
-
[PR](https://github.com/salute-developers/plasma/pull/2211)
|
20
|
-
|
21
|
-
### Dropdown
|
22
|
-
|
23
|
-
* в коллбэк `onHover` добавлен вторым аргументом `item` наведенного элемента;
|
24
|
-
|
25
|
-
[PR](https://github.com/salute-developers/plasma/pull/2212)
|
26
|
-
|
27
|
-
### Select, Combobox
|
28
|
-
|
29
|
-
* добавлено свойство `mode` со значениями `default` и `radio`;
|
30
|
-
|
31
|
-
[PR](https://github.com/salute-developers/plasma/pull/2213)
|
32
|
-
|
33
|
-
### Engine
|
34
|
-
|
35
|
-
* добавлена проверка свойств на nullable значения. Например если значение для свойства типа `view` или `size` будет указано, как `undefined`, то применится значение по-умолчанию, взятое из конфигурации компонента.
|
36
|
-
|
37
|
-
[PR](https://github.com/salute-developers/plasma/pull/2202)
|
38
|
-
|
39
|
-
### CodeField
|
40
|
-
|
41
|
-
* добавлена поддержка чтения OTP из смс
|
42
|
-
|
43
|
-
* исправлен `controlled` вариант компонента
|
44
|
-
|
45
|
-
[PR](https://github.com/salute-developers/plasma/pull/2210)
|
46
|
-
|
47
|
-
### Combobox, Select
|
48
|
-
|
49
|
-
* переработана логика работы с disabled-элементами. Теперь взаимодействие с ними изнутри компонента невозможно;
|
50
|
-
|
51
|
-
[PR](https://github.com/salute-developers/plasma/pull/2220)
|
52
|
-
|
53
|
-
* при закрытии выпадающего списка происходит скролл всех чипов в начало.
|
54
|
-
|
55
|
-
[PR](https://github.com/salute-developers/plasma/pull/2231)
|
56
|
-
|
57
|
-
### Combobox, Select, Dropdown
|
58
|
-
|
59
|
-
* разработан функционал, позволяющий корректно позиционировать вложенные выпадающие списки в контейнерах со скроллом;
|
60
|
-
|
61
|
-
[PR](https://github.com/salute-developers/plasma/pull/2205)
|
62
|
-
|
63
|
-
### Range
|
64
|
-
|
65
|
-
* добавлен размер `xl`
|
66
|
-
|
67
|
-
[PR](https://github.com/salute-developers/plasma/pull/2227)
|
68
|
-
|
69
|
-
### DatePicker
|
70
|
-
|
71
|
-
* удален автофокус инпута при закрытии выпадающего календаря
|
72
|
-
* исправлен вызов `callback` внутри `onBlur`
|
73
|
-
|
74
|
-
[PR](https://github.com/salute-developers/plasma/pull/2216)
|
75
|
-
|
76
|
-
### Popover
|
77
|
-
|
78
|
-
* исправлена генерация `id` портала
|
79
|
-
|
80
|
-
[PR](https://github.com/salute-developers/plasma/pull/2216)
|
81
|
-
|
82
|
-
### Pagination
|
83
|
-
|
84
|
-
* Добавлен пропс `helperText`
|
85
|
-
|
86
|
-
[PR](https://github.com/salute-developers/plasma/pull/2163)
|
87
|
-
|
88
|
-
### Switch
|
89
|
-
|
90
|
-
* Добавлен новый параметр `singleLine`, который влияет на перенос строки текста `label`
|
91
|
-
|
92
|
-
[PR](https://github.com/salute-developers/plasma/pull/2224)
|
93
|
-
|
94
|
-
### Tree
|
95
|
-
|
96
|
-
* добавлен DragAndDrop
|
97
|
-
|
98
|
-
[PR](https://github.com/salute-developers/plasma/pull/2214)
|
99
|
-
|
100
|
-
### Attach
|
101
|
-
|
102
|
-
* добавлен обработчик `onClick`
|
103
|
-
|
104
|
-
* добавлена возможность скрывать кнопку после прикрепления файла, с помощью `hideButtonOnAttach`
|
105
|
-
|
106
|
-
[PR](https://github.com/salute-developers/plasma/pull/2228)
|
107
|
-
|
108
|
-
### Avatar
|
109
|
-
|
110
|
-
* Добавлен новый параметр `shape`
|
111
|
-
|
112
|
-
* Обновлены тесты и документация
|
113
|
-
|
114
|
-
[PR](https://github.com/salute-developers/plasma/pull/2209)
|
115
|
-
|
116
|
-
### Skeleton
|
117
|
-
|
118
|
-
* Добавлено новое значение для `view` - `lighter`
|
119
|
-
|
120
|
-
[PR](https://github.com/salute-developers/plasma/pull/2238)
|
121
|
-
|
122
|
-
|
123
1
|
## 0.321.0 (4 сентября 2025)
|
124
2
|
|
125
3
|
## Функциональные изменения в компонентах
|
@@ -572,11 +572,12 @@ function _templateObject13() {
|
|
572
572
|
function _templateObject14() {
|
573
573
|
var data = _tagged_template_literal([
|
574
574
|
"\n ",
|
575
|
-
": var(--text-
|
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-
|
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
|
};
|
@@ -65,7 +65,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
|
|
65
65
|
light: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
66
66
|
};
|
67
67
|
}>, (import("react").HTMLAttributes<HTMLDivElement> & {
|
68
|
-
shape?: string;
|
68
|
+
shape?: "string";
|
69
69
|
size?: string;
|
70
70
|
name?: string;
|
71
71
|
url?: string;
|
@@ -90,7 +90,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
|
|
90
90
|
count?: undefined;
|
91
91
|
maxCount?: undefined;
|
92
92
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
93
|
-
shape?: string;
|
93
|
+
shape?: "string";
|
94
94
|
size?: string;
|
95
95
|
name?: string;
|
96
96
|
url?: string;
|
@@ -149,7 +149,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
|
|
149
149
|
light: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
150
150
|
};
|
151
151
|
}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
|
152
|
-
shape?: string;
|
152
|
+
shape?: "string";
|
153
153
|
size?: string;
|
154
154
|
name?: string;
|
155
155
|
url?: string;
|
@@ -174,7 +174,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
|
|
174
174
|
count?: undefined;
|
175
175
|
maxCount?: undefined;
|
176
176
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
177
|
-
shape?: string;
|
177
|
+
shape?: "string";
|
178
178
|
size?: string;
|
179
179
|
name?: string;
|
180
180
|
url?: string;
|
@@ -760,11 +760,12 @@ function _templateObject13() {
|
|
760
760
|
function _templateObject14() {
|
761
761
|
var data = _tagged_template_literal([
|
762
762
|
"\n ",
|
763
|
-
": var(--text-
|
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-
|
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
|
};
|
@@ -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-
|
548
|
-
": var(--text-secondary);\n ",
|
547
|
+
": var(--text-primary);\n ",
|
549
548
|
": var(--text-secondary);\n\n ",
|
550
|
-
": var(--text-
|
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
|
};
|
@@ -32,6 +32,9 @@ export declare const config: {
|
|
32
32
|
clear: {
|
33
33
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
34
34
|
};
|
35
|
+
readOnly: {
|
36
|
+
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
37
|
+
};
|
35
38
|
disabled: {
|
36
39
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
37
40
|
};
|
@@ -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
|
-
|
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)(
|
729
|
+
true: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.textAreaTokens.disabledOpacity, _styledcomponents.textAreaTokens.inputColorDisabled, _styledcomponents.textAreaTokens.dividerColorReadOnly, _styledcomponents.textAreaTokens.titleCaptionColorReadOnly)
|
713
730
|
}
|
714
731
|
}
|
715
732
|
};
|
@@ -26,6 +26,9 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
|
|
26
26
|
clear: {
|
27
27
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
28
28
|
};
|
29
|
+
readOnly: {
|
30
|
+
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
31
|
+
};
|
29
32
|
disabled: {
|
30
33
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
31
34
|
};
|
@@ -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
|
};
|
@@ -561,11 +561,12 @@ function _templateObject13() {
|
|
561
561
|
function _templateObject14() {
|
562
562
|
var data = _tagged_template_literal([
|
563
563
|
"\n ",
|
564
|
-
": var(--text-
|
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-
|
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
|
};
|
@@ -749,11 +749,12 @@ function _templateObject13() {
|
|
749
749
|
function _templateObject14() {
|
750
750
|
var data = _tagged_template_literal([
|
751
751
|
"\n ",
|
752
|
-
": var(--text-
|
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-
|
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
|
};
|
@@ -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-
|
537
|
-
": var(--text-secondary);\n ",
|
536
|
+
": var(--text-primary);\n ",
|
538
537
|
": var(--text-secondary);\n\n ",
|
539
|
-
": var(--text-
|
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
|
};
|
@@ -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
|
-
|
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(
|
719
|
+
true: css(_templateObject15(), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly, textAreaTokens.titleCaptionColorReadOnly)
|
703
720
|
}
|
704
721
|
}
|
705
722
|
};
|
@@ -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
|
};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/sdds-dfa",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.323.0-canary.1906.17821381080.0",
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS DFA web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -19,7 +19,7 @@
|
|
19
19
|
"directory": "packages/sdds-dfa"
|
20
20
|
},
|
21
21
|
"dependencies": {
|
22
|
-
"@salutejs/plasma-new-hope": "0.
|
22
|
+
"@salutejs/plasma-new-hope": "0.337.0-canary.1906.17821381080.0",
|
23
23
|
"@salutejs/sdds-themes": "0.47.0"
|
24
24
|
},
|
25
25
|
"peerDependencies": {
|
@@ -37,10 +37,10 @@
|
|
37
37
|
"@babel/preset-typescript": "7.24.1",
|
38
38
|
"@microsoft/api-extractor": "7.38.3",
|
39
39
|
"@salutejs/plasma-colors": "0.16.0",
|
40
|
-
"@salutejs/plasma-core": "1.208.0",
|
41
|
-
"@salutejs/plasma-cy-utils": "0.138.0",
|
42
|
-
"@salutejs/plasma-icons": "1.224.0",
|
43
|
-
"@salutejs/plasma-sb-utils": "0.208.0",
|
40
|
+
"@salutejs/plasma-core": "1.208.0-dev.0",
|
41
|
+
"@salutejs/plasma-cy-utils": "0.138.0-dev.0",
|
42
|
+
"@salutejs/plasma-icons": "1.224.0-dev.0",
|
43
|
+
"@salutejs/plasma-sb-utils": "0.208.0-dev.0",
|
44
44
|
"@storybook/addon-docs": "8.6.14",
|
45
45
|
"@storybook/addon-essentials": "8.6.14",
|
46
46
|
"@storybook/manager-api": "8.6.14",
|
@@ -94,5 +94,5 @@
|
|
94
94
|
"Anton Vinogradov"
|
95
95
|
],
|
96
96
|
"sideEffects": false,
|
97
|
-
"gitHead": "
|
97
|
+
"gitHead": "f55fef36075cbae1561dfabcd37e18860fd09a20"
|
98
98
|
}
|