@salutejs/sdds-cs 0.360.0-next-sbcom.0 → 0.360.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.
@@ -132,7 +132,7 @@ const config = {
132
132
  ${_emotion.autocompleteTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
133
133
  ${_emotion.autocompleteTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
134
134
 
135
- ${_emotion.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
135
+ ${_emotion.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
136
136
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
137
137
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-s-font-size);
138
138
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
@@ -88,13 +88,7 @@ const config = {
88
88
  ${_emotion.avatarTokens.fontWeight}: 0;
89
89
  ${_emotion.avatarTokens.lineHeight}: 0;
90
90
  ${_emotion.avatarTokens.statusIconSize}: 0;
91
- `
92
- },
93
- shape: {
94
- circled: (0, _emotion.css)`
95
91
  ${_emotion.avatarTokens.borderRadius}: 50%;
96
- ${_emotion.avatarTokens.statusLeft}: calc(0.867 * var(${_emotion.avatarTokens.avatarSize}) - var(${_emotion.avatarTokens.statusIconSize}) / 2);
97
- ${_emotion.avatarTokens.statusTop}: calc(0.867 * var(${_emotion.avatarTokens.avatarSize}) - var(${_emotion.avatarTokens.statusIconSize}) / 2);
98
92
  `
99
93
  },
100
94
  focused: {
@@ -104,6 +98,13 @@ const config = {
104
98
  ${_emotion.avatarTokens.outlineColor}: var(--surface-accent);
105
99
  `
106
100
  },
101
+ shape: {
102
+ circled: (0, _emotion.css)`
103
+ ${_emotion.avatarTokens.borderRadius}: 50%;
104
+ ${_emotion.avatarTokens.statusLeft}: calc(0.867 * var(${_emotion.avatarTokens.avatarSize}) - var(${_emotion.avatarTokens.statusIconSize}) / 2);
105
+ ${_emotion.avatarTokens.statusTop}: calc(0.867 * var(${_emotion.avatarTokens.avatarSize}) - var(${_emotion.avatarTokens.statusIconSize}) / 2);
106
+ `
107
+ },
107
108
  counterView: {
108
109
  default: (0, _emotion.css)`
109
110
  ${_emotion.avatarTokens.counterColor}: var(--inverse-text-primary);
@@ -17,6 +17,7 @@ const config = {
17
17
  variations: {
18
18
  view: {
19
19
  default: (0, _emotion.css)`
20
+ ${_emotion.chipGroupTokens.chipFocusColor}: var(--surface-accent);
20
21
  ${_emotion.chipGroupTokens.chipColor}: var(--inverse-text-primary);
21
22
  ${_emotion.chipGroupTokens.chipBackground}: var(--surface-solid-default);
22
23
  ${_emotion.chipGroupTokens.chipColorHover}: var(--inverse-text-primary);
@@ -25,6 +26,7 @@ const config = {
25
26
  ${_emotion.chipGroupTokens.chipBackgroundActive}: var(--surface-solid-default);
26
27
  `,
27
28
  secondary: (0, _emotion.css)`
29
+ ${_emotion.chipGroupTokens.chipFocusColor}: var(--surface-accent);
28
30
  ${_emotion.chipGroupTokens.chipColor}: var(--text-primary);
29
31
  ${_emotion.chipGroupTokens.chipBackground}: var(--surface-solid-primary);
30
32
  ${_emotion.chipGroupTokens.chipColorHover}: var(--text-primary);
@@ -33,6 +35,7 @@ const config = {
33
35
  ${_emotion.chipGroupTokens.chipBackgroundActive}: var(--surface-solid-primary);
34
36
  `,
35
37
  accent: (0, _emotion.css)`
38
+ ${_emotion.chipGroupTokens.chipFocusColor}: var(--surface-accent);
36
39
  ${_emotion.chipGroupTokens.chipColor}: var(--on-dark-text-primary);
37
40
  ${_emotion.chipGroupTokens.chipBackground}: var(--surface-accent);
38
41
  ${_emotion.chipGroupTokens.chipColorHover}: var(--on-dark-text-primary);
@@ -170,7 +170,7 @@ const config = {
170
170
  ${_emotion.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
171
171
  ${_emotion.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
172
172
 
173
- ${_emotion.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
173
+ ${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
174
174
  ${_emotion.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
175
175
  ${_emotion.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-s-font-size);
176
176
  ${_emotion.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
@@ -301,7 +301,7 @@ const config = {
301
301
  ${_emotion.comboboxTokens.disclosureIconColorHover}: transparent;
302
302
  ${_emotion.comboboxTokens.textFieldPadding}: 0;
303
303
  ${_emotion.comboboxTokens.textFieldLabelOffset}: 0.25rem;
304
- ${_emotion.comboboxTokens.textFieldLeftHelperPadding}: 0rem 0 0 0;
304
+ ${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0rem 0 0 0;
305
305
  ${_emotion.comboboxTokens.textFieldBorderColor}: transparent;
306
306
  ${_emotion.comboboxTokens.textFieldBorderWidth}: 0;
307
307
  `
@@ -134,7 +134,7 @@ const config = {
134
134
  ${_emotion.selectTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
135
135
  ${_emotion.selectTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
136
136
 
137
- ${_emotion.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
137
+ ${_emotion.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
138
138
  ${_emotion.selectTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
139
139
  ${_emotion.selectTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-s-font-size);
140
140
  ${_emotion.selectTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
@@ -122,7 +122,7 @@ const config = {
122
122
  ${_emotion.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
123
123
  ${_emotion.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
124
124
 
125
- ${_emotion.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
125
+ ${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
126
126
  ${_emotion.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
127
127
  ${_emotion.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-s-font-size);
128
128
  ${_emotion.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
@@ -149,7 +149,7 @@ const config = {
149
149
  ${_emotion.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
150
150
  ${_emotion.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
151
151
 
152
- ${_emotion.textFieldTokens.leftHelperPadding}: 0.25rem;
152
+ ${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem;
153
153
  ${_emotion.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
154
154
  ${_emotion.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-s-font-size);
155
155
  ${_emotion.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
@@ -222,7 +222,7 @@ const config = {
222
222
  ${_emotion.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
223
223
  ${_emotion.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
224
224
 
225
- ${_emotion.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
225
+ ${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
226
226
  ${_emotion.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
227
227
  ${_emotion.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-s-font-size);
228
228
  ${_emotion.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
@@ -122,7 +122,7 @@ export const config = {
122
122
  ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
123
123
  ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
124
124
 
125
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
125
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
126
126
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
127
127
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-s-font-size);
128
128
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
@@ -78,13 +78,7 @@ export const config = {
78
78
  ${tokens.fontWeight}: 0;
79
79
  ${tokens.lineHeight}: 0;
80
80
  ${tokens.statusIconSize}: 0;
81
- `
82
- },
83
- shape: {
84
- circled: css`
85
81
  ${tokens.borderRadius}: 50%;
86
- ${tokens.statusLeft}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);
87
- ${tokens.statusTop}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);
88
82
  `
89
83
  },
90
84
  focused: {
@@ -94,6 +88,13 @@ export const config = {
94
88
  ${tokens.outlineColor}: var(--surface-accent);
95
89
  `
96
90
  },
91
+ shape: {
92
+ circled: css`
93
+ ${tokens.borderRadius}: 50%;
94
+ ${tokens.statusLeft}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);
95
+ ${tokens.statusTop}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);
96
+ `
97
+ },
97
98
  counterView: {
98
99
  default: css`
99
100
  ${tokens.counterColor}: var(--inverse-text-primary);
@@ -7,6 +7,7 @@ export const config = {
7
7
  variations: {
8
8
  view: {
9
9
  default: css`
10
+ ${tokens.chipFocusColor}: var(--surface-accent);
10
11
  ${tokens.chipColor}: var(--inverse-text-primary);
11
12
  ${tokens.chipBackground}: var(--surface-solid-default);
12
13
  ${tokens.chipColorHover}: var(--inverse-text-primary);
@@ -15,6 +16,7 @@ export const config = {
15
16
  ${tokens.chipBackgroundActive}: var(--surface-solid-default);
16
17
  `,
17
18
  secondary: css`
19
+ ${tokens.chipFocusColor}: var(--surface-accent);
18
20
  ${tokens.chipColor}: var(--text-primary);
19
21
  ${tokens.chipBackground}: var(--surface-solid-primary);
20
22
  ${tokens.chipColorHover}: var(--text-primary);
@@ -23,6 +25,7 @@ export const config = {
23
25
  ${tokens.chipBackgroundActive}: var(--surface-solid-primary);
24
26
  `,
25
27
  accent: css`
28
+ ${tokens.chipFocusColor}: var(--surface-accent);
26
29
  ${tokens.chipColor}: var(--on-dark-text-primary);
27
30
  ${tokens.chipBackground}: var(--surface-accent);
28
31
  ${tokens.chipColorHover}: var(--on-dark-text-primary);
@@ -160,7 +160,7 @@ export const config = {
160
160
  ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
161
161
  ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
162
162
 
163
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
163
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
164
164
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
165
165
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-s-font-size);
166
166
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
@@ -291,7 +291,7 @@ export const config = {
291
291
  ${tokens.disclosureIconColorHover}: transparent;
292
292
  ${tokens.textFieldPadding}: 0;
293
293
  ${tokens.textFieldLabelOffset}: 0.25rem;
294
- ${tokens.textFieldLeftHelperPadding}: 0rem 0 0 0;
294
+ ${tokens.textFieldLeftHelperOffset}: 0rem 0 0 0;
295
295
  ${tokens.textFieldBorderColor}: transparent;
296
296
  ${tokens.textFieldBorderWidth}: 0;
297
297
  `
@@ -124,7 +124,7 @@ export const config = {
124
124
  ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
125
125
  ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
126
126
 
127
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
127
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
128
128
  ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
129
129
  ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-s-font-size);
130
130
  ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
@@ -112,7 +112,7 @@ export const config = {
112
112
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
113
113
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
114
114
 
115
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
115
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
116
116
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
117
117
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-s-font-size);
118
118
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
@@ -139,7 +139,7 @@ export const config = {
139
139
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
140
140
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
141
141
 
142
- ${tokens.leftHelperPadding}: 0.25rem;
142
+ ${tokens.leftHelperOffset}: 0.25rem;
143
143
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
144
144
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-s-font-size);
145
145
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
@@ -212,7 +212,7 @@ export const config = {
212
212
  ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
213
213
  ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
214
214
 
215
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
215
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
216
216
  ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-s-font-family);
217
217
  ${tokens.leftHelperFontSize}: var(--plasma-typo-body-s-font-size);
218
218
  ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-s-font-style);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.360.0-next-sbcom.0",
3
+ "version": "0.360.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS CS web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "publishConfig": {
@@ -42,8 +42,8 @@
42
42
  "styled-components": "^5.3.1"
43
43
  },
44
44
  "dependencies": {
45
- "@salutejs/plasma-new-hope": "0.368.0-next-sbcom.0",
46
- "@salutejs/sdds-themes": "0.70.0-next-sbcom.0"
45
+ "@salutejs/plasma-new-hope": "0.368.0",
46
+ "@salutejs/sdds-themes": "0.70.0"
47
47
  },
48
48
  "devDependencies": {
49
49
  "@babel/cli": "7.24.1",
@@ -58,10 +58,10 @@
58
58
  "@emotion/styled": ">=11",
59
59
  "@originjs/vite-plugin-commonjs": "1.0.3",
60
60
  "@salutejs/plasma-colors": "0.16.0",
61
- "@salutejs/plasma-core": "1.231.0-next-sbcom.0",
62
- "@salutejs/plasma-cy-utils": "0.161.0-next-sbcom.0",
63
- "@salutejs/plasma-icons": "1.242.0-next-sbcom.0",
64
- "@salutejs/plasma-sb-utils": "0.232.0-next-sbcom.0",
61
+ "@salutejs/plasma-core": "1.231.0",
62
+ "@salutejs/plasma-cy-utils": "0.161.0",
63
+ "@salutejs/plasma-icons": "1.242.0",
64
+ "@salutejs/plasma-sb-utils": "0.232.0",
65
65
  "@types/node": "16.7.13",
66
66
  "@types/react": "18.0.28",
67
67
  "@types/react-dom": "18.0.11",
@@ -102,5 +102,5 @@
102
102
  "salute.developers@gmail.com"
103
103
  ],
104
104
  "sideEffects": false,
105
- "gitHead": "f3a7abb061ba55e82d3cfd084db936b0749caeec"
105
+ "gitHead": "943a8d7362903f1a335fa5a99917fcbf0f673ea6"
106
106
  }
@@ -14,12 +14,12 @@ export declare const config: {
14
14
  s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
15
15
  fit: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
16
16
  };
17
- shape: {
18
- circled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
19
- };
20
17
  focused: {
21
18
  true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
22
19
  };
20
+ shape: {
21
+ circled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
22
+ };
23
23
  counterView: {
24
24
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
25
25
  accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -8,12 +8,12 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
8
8
  s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
9
  fit: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
10
10
  };
11
- shape: {
12
- circled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
13
- };
14
11
  focused: {
15
12
  true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
16
13
  };
14
+ shape: {
15
+ circled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
16
+ };
17
17
  counterView: {
18
18
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
19
19
  accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -30,12 +30,12 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
30
30
  s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
31
31
  fit: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
32
32
  };
33
- shape: {
34
- circled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
35
- };
36
33
  focused: {
37
34
  true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
38
35
  };
36
+ shape: {
37
+ circled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
38
+ };
39
39
  counterView: {
40
40
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
41
41
  accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -47,7 +47,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
47
47
  size?: string;
48
48
  name?: string;
49
49
  url?: string;
50
- customText?: import("react").ReactNode;
50
+ customText?: string;
51
51
  status?: "active" | "inactive";
52
52
  isScalable?: boolean;
53
53
  focused?: boolean;
@@ -75,7 +75,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
75
75
  size?: string;
76
76
  name?: string;
77
77
  url?: string;
78
- customText?: import("react").ReactNode;
78
+ customText?: string;
79
79
  status?: "active" | "inactive";
80
80
  isScalable?: boolean;
81
81
  focused?: boolean;
@@ -109,12 +109,12 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
109
109
  s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
110
110
  fit: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
111
111
  };
112
- shape: {
113
- circled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
114
- };
115
112
  focused: {
116
113
  true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
117
114
  };
115
+ shape: {
116
+ circled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
117
+ };
118
118
  counterView: {
119
119
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
120
120
  accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -126,7 +126,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
126
126
  size?: string;
127
127
  name?: string;
128
128
  url?: string;
129
- customText?: import("react").ReactNode;
129
+ customText?: string;
130
130
  status?: "active" | "inactive";
131
131
  isScalable?: boolean;
132
132
  focused?: boolean;
@@ -154,7 +154,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
154
154
  size?: string;
155
155
  name?: string;
156
156
  url?: string;
157
- customText?: import("react").ReactNode;
157
+ customText?: string;
158
158
  status?: "active" | "inactive";
159
159
  isScalable?: boolean;
160
160
  focused?: boolean;
@@ -27,7 +27,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
27
27
  defaultValue?: string;
28
28
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
29
29
  isTargetAmount?: false;
30
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
30
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
31
31
  selectAllOptions?: never;
32
32
  } & {
33
33
  target?: "textfield-like";
@@ -58,7 +58,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
58
58
  defaultValue?: string;
59
59
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
60
60
  isTargetAmount?: false;
61
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
61
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
62
62
  selectAllOptions?: never;
63
63
  } & {
64
64
  target?: "textfield-like";
@@ -151,7 +151,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
151
151
  defaultValue?: string;
152
152
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
153
153
  isTargetAmount?: false;
154
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
154
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
155
155
  selectAllOptions?: never;
156
156
  }, "onChange" | "value"> & {
157
157
  name: string;
@@ -186,7 +186,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
186
186
  defaultValue?: string;
187
187
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
188
188
  isTargetAmount?: false;
189
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
189
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
190
190
  selectAllOptions?: never;
191
191
  }, "onChange" | "value"> & {
192
192
  name: string;
@@ -291,7 +291,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
291
291
  defaultValue?: string;
292
292
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
293
293
  isTargetAmount?: false;
294
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
294
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
295
295
  selectAllOptions?: never;
296
296
  } & {
297
297
  target: "button-like";
@@ -324,7 +324,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
324
324
  defaultValue?: string;
325
325
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
326
326
  isTargetAmount?: false;
327
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
327
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
328
328
  selectAllOptions?: never;
329
329
  } & {
330
330
  target: "button-like";
@@ -423,7 +423,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
423
423
  defaultValue?: string;
424
424
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
425
425
  isTargetAmount?: false;
426
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
426
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
427
427
  selectAllOptions?: never;
428
428
  }, "onChange" | "value"> & {
429
429
  name: string;
@@ -460,7 +460,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
460
460
  defaultValue?: string;
461
461
  onChange?: ((value: string, item: SelectItemOption | null) => void) | undefined;
462
462
  isTargetAmount?: false;
463
- renderTarget?: ((value: SelectItemOption, opened?: boolean) => React.ReactNode) | undefined;
463
+ renderTarget?: ((value: SelectItemOption | null, opened?: boolean) => React.ReactNode) | undefined;
464
464
  selectAllOptions?: never;
465
465
  }, "onChange" | "value"> & {
466
466
  name: string;