@salutejs/sdds-dfa 0.323.0-canary.1906.17821381080.0 → 0.323.0-canary.1906.17861401543.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 CHANGED
@@ -1,3 +1,125 @@
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
+
1
123
  ## 0.321.0 (4 сентября 2025)
2
124
 
3
125
  ## Функциональные изменения в компонентах
@@ -573,6 +573,7 @@ function _templateObject14() {
573
573
  var data = _tagged_template_literal([
574
574
  "\n ",
575
575
  ": var(--text-primary);\n ",
576
+ ": 0.1;\n ",
576
577
  ": 0.4;\n ",
577
578
  ": var(--surface-transparent-primary);\n ",
578
579
  ": var(--text-secondary);\n ",
@@ -619,7 +620,7 @@ var config = {
619
620
  true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.autocompleteTokens.textFieldDisabledOpacity)
620
621
  },
621
622
  readOnly: {
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)
623
+ true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldReadOnlyOpacity, _styledcomponents.autocompleteTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly, _styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly)
623
624
  }
624
625
  }
625
626
  };
@@ -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;
@@ -761,6 +761,7 @@ function _templateObject14() {
761
761
  var data = _tagged_template_literal([
762
762
  "\n ",
763
763
  ": var(--text-primary);\n ",
764
+ ": 0.1;\n ",
764
765
  ": 0.4;\n ",
765
766
  ": var(--surface-transparent-primary);\n ",
766
767
  ": var(--text-secondary);\n ",
@@ -806,7 +807,7 @@ var config = {
806
807
  true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.comboboxNewTokens.textFieldDisabledOpacity)
807
808
  },
808
809
  readOnly: {
809
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly)
810
+ true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldReadOnlyOpacity, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly)
810
811
  }
811
812
  }
812
813
  };
@@ -552,7 +552,9 @@ function _templateObject6() {
552
552
  ": var(--surface-transparent-primary);\n ",
553
553
  ": var(--text-secondary);\n\n ",
554
554
  ": 0.4;\n ",
555
- ": 0.4;\n "
555
+ ": 0.4;\n ",
556
+ ": 0.1;\n ",
557
+ ": 0.1;\n "
556
558
  ]);
557
559
  _templateObject6 = function _templateObject() {
558
560
  return data;
@@ -578,7 +580,7 @@ var config = {
578
580
  true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.datePickerTokens.disabledOpacity)
579
581
  },
580
582
  readOnly: {
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)
583
+ 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, _styledcomponents.datePickerTokens.textFieldReadOnlyOpacity, _styledcomponents.datePickerTokens.rangeReadOnlyOpacity)
582
584
  }
583
585
  }
584
586
  };
@@ -329,7 +329,7 @@ function _templateObject7() {
329
329
  ": var(--text-primary);\n ",
330
330
  ": var(--text-secondary);\n ",
331
331
  ": var(--text-secondary);\n ",
332
- ": 0.4;\n ",
332
+ ": 0.1;\n ",
333
333
  ": 0.4;\n ",
334
334
  ": 0.4;\n\n ",
335
335
  ": var(--text-primary);\n ",
@@ -977,7 +977,7 @@ function _templateObject23() {
977
977
  var data = _tagged_template_literal([
978
978
  "\n ",
979
979
  ": 0.4;\n ",
980
- ": 0.4;\n ",
980
+ ": 0.1;\n ",
981
981
  ": var(--text-primary);\n ",
982
982
  ": var(--surface-transparent-primary);\n ",
983
983
  ": var(--text-secondary);\n ",
@@ -665,7 +665,7 @@ function _templateObject13() {
665
665
  function _templateObject14() {
666
666
  var data = _tagged_template_literal([
667
667
  "\n ",
668
- ": 0.4;\n ",
668
+ ": 0.1;\n ",
669
669
  ": var(--surface-transparent-primary);\n ",
670
670
  ": var(--text-primary);\n ",
671
671
  ": var(--surface-transparent-primary);\n ",
@@ -788,7 +788,7 @@ function _templateObject21() {
788
788
  function _templateObject22() {
789
789
  var data = _tagged_template_literal([
790
790
  "\n ",
791
- ": 0.4;\n ",
791
+ ": 0.1;\n ",
792
792
  ": var(--text-primary);\n ",
793
793
  ": var(--surface-transparent-primary);\n ",
794
794
  ": var(--text-secondary);\n ",
@@ -562,6 +562,7 @@ function _templateObject14() {
562
562
  var data = _tagged_template_literal([
563
563
  "\n ",
564
564
  ": var(--text-primary);\n ",
565
+ ": 0.1;\n ",
565
566
  ": 0.4;\n ",
566
567
  ": var(--surface-transparent-primary);\n ",
567
568
  ": var(--text-secondary);\n ",
@@ -609,7 +610,7 @@ export var config = {
609
610
  true: css(_templateObject13(), tokens.textFieldDisabledOpacity)
610
611
  },
611
612
  readOnly: {
612
- true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
613
+ true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
613
614
  }
614
615
  }
615
616
  };
@@ -750,6 +750,7 @@ function _templateObject14() {
750
750
  var data = _tagged_template_literal([
751
751
  "\n ",
752
752
  ": var(--text-primary);\n ",
753
+ ": 0.1;\n ",
753
754
  ": 0.4;\n ",
754
755
  ": var(--surface-transparent-primary);\n ",
755
756
  ": var(--text-secondary);\n ",
@@ -796,7 +797,7 @@ export var config = {
796
797
  true: css(_templateObject13(), tokens.textFieldDisabledOpacity)
797
798
  },
798
799
  readOnly: {
799
- true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
800
+ true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
800
801
  }
801
802
  }
802
803
  };
@@ -541,7 +541,9 @@ function _templateObject6() {
541
541
  ": var(--surface-transparent-primary);\n ",
542
542
  ": var(--text-secondary);\n\n ",
543
543
  ": 0.4;\n ",
544
- ": 0.4;\n "
544
+ ": 0.4;\n ",
545
+ ": 0.1;\n ",
546
+ ": 0.1;\n "
545
547
  ]);
546
548
  _templateObject6 = function _templateObject() {
547
549
  return data;
@@ -568,7 +570,7 @@ export var config = {
568
570
  true: css(_templateObject5(), tokens.disabledOpacity)
569
571
  },
570
572
  readOnly: {
571
- true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly)
573
+ true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.rangeReadOnlyOpacity)
572
574
  }
573
575
  }
574
576
  };
@@ -318,7 +318,7 @@ function _templateObject7() {
318
318
  ": var(--text-primary);\n ",
319
319
  ": var(--text-secondary);\n ",
320
320
  ": var(--text-secondary);\n ",
321
- ": 0.4;\n ",
321
+ ": 0.1;\n ",
322
322
  ": 0.4;\n ",
323
323
  ": 0.4;\n\n ",
324
324
  ": var(--text-primary);\n ",
@@ -966,7 +966,7 @@ function _templateObject23() {
966
966
  var data = _tagged_template_literal([
967
967
  "\n ",
968
968
  ": 0.4;\n ",
969
- ": 0.4;\n ",
969
+ ": 0.1;\n ",
970
970
  ": var(--text-primary);\n ",
971
971
  ": var(--surface-transparent-primary);\n ",
972
972
  ": var(--text-secondary);\n ",
@@ -654,7 +654,7 @@ function _templateObject13() {
654
654
  function _templateObject14() {
655
655
  var data = _tagged_template_literal([
656
656
  "\n ",
657
- ": 0.4;\n ",
657
+ ": 0.1;\n ",
658
658
  ": var(--surface-transparent-primary);\n ",
659
659
  ": var(--text-primary);\n ",
660
660
  ": var(--surface-transparent-primary);\n ",
@@ -777,7 +777,7 @@ function _templateObject21() {
777
777
  function _templateObject22() {
778
778
  var data = _tagged_template_literal([
779
779
  "\n ",
780
- ": 0.4;\n ",
780
+ ": 0.1;\n ",
781
781
  ": var(--text-primary);\n ",
782
782
  ": var(--surface-transparent-primary);\n ",
783
783
  ": var(--text-secondary);\n ",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.323.0-canary.1906.17821381080.0",
3
+ "version": "0.323.0-canary.1906.17861401543.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.337.0-canary.1906.17821381080.0",
22
+ "@salutejs/plasma-new-hope": "0.337.0-canary.1906.17861401543.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-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",
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",
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": "f55fef36075cbae1561dfabcd37e18860fd09a20"
97
+ "gitHead": "544d79bc219af03cc9571d082a095caa620e8075"
98
98
  }